fix: renaming tag to chip

PrestaShopCorp · Oct 4, 2023 · 5a9eb32 · 5a9eb32
1 parent 0a33c06
commit 5a9eb32
Show file tree

Hide file tree

Showing 12 changed files with 148 additions and 148 deletions.
diff --git a/packages/components/chip/index.ts b/packages/components/chip/index.ts
@@ -0,0 +1,8 @@
+import { withInstall } from '@puik/utils'
+
+import Chip from './src/chip.vue'
+
+export const PuikChip = withInstall(Chip)
+export default PuikChip
+
+export * from './src/chip'
diff --git a/packages/components/tag/src/tag.ts → packages/components/chip/src/chip.ts b/packages/components/tag/src/tag.ts → packages/components/chip/src/chip.ts
@@ -1,22 +1,22 @@
 import { buildProps } from '@puik/utils'
 import type { PuikTooltipPosition } from '@puik/components'
 import type { ExtractPropTypes, PropType } from 'vue'
-import type Tag from './tag.vue'
+import type Chip from './chip.vue'
 
-export const tagColorsVariants = [
+export const chipColorsVariants = [
   'neutral',
   'blue',
   'yellow',
   'green',
   'purple',
 ] as const
 
-export const tagSizeVariants = ['default', 'small'] as const
+export const chipSizeVariants = ['default', 'small'] as const
 
-export type PuikTagColorVariant = (typeof tagColorsVariants)[number]
-export type PuikTagSizeVariant = (typeof tagSizeVariants)[number]
+export type PuikChipColorVariant = (typeof chipColorsVariants)[number]
+export type PuikChipSizeVariant = (typeof chipSizeVariants)[number]
 
-export const tagProps = buildProps({
+export const chipProps = buildProps({
   id: {
     type: String,
     required: true,
@@ -59,6 +59,6 @@ export const tagProps = buildProps({
   },
 } as const)
 
-export type TagProps = ExtractPropTypes<typeof tagProps>
+export type ChipProps = ExtractPropTypes<typeof chipProps>
 
-export type TagInstance = InstanceType<typeof Tag>
+export type ChipInstance = InstanceType<typeof Chip>
diff --git a/packages/components/tag/src/tag.vue → packages/components/chip/src/chip.vue b/packages/components/tag/src/tag.vue → packages/components/chip/src/chip.vue
@@ -2,12 +2,12 @@
   <div
     :id="id"
     :class="[
-      `puik-tag puik-tag--${variant as PuikTagColorVariant} puik-tag--${size as PuikTagSizeVariant}`,
-      { 'puik-tag--disabled': disabled },
+      `puik-chip puik-chip--${variant as PuikChipColorVariant} puik-chip--${size as PuikChipSizeVariant}`,
+      { 'puik-chip--disabled': disabled },
     ]"
   >
-    <PuikIcon v-if="icon && icon != ''" :icon="icon" class="puik-tag__icon" />
-    <div class="puik-tag__content">
+    <PuikIcon v-if="icon && icon != ''" :icon="icon" class="puik-chip__icon" />
+    <div class="puik-chip__content">
       <puik-tooltip
         v-if="content?.length >= 30"
         :position="(tooltipPosition as PuikTooltipPosition)"
@@ -21,7 +21,7 @@
     <PuikIcon
       v-if="closeable"
       icon="close"
-      class="puik-tag__close"
+      class="puik-chip__close"
       @click="disabled ? '' : handleCloseEvent()"
     />
   </div>
@@ -31,16 +31,16 @@
 import { PuikIcon } from '@puik/components/icon'
 import { PuikTooltip } from '@puik/components/tooltip'
 import {
-  tagProps,
-  type PuikTagSizeVariant,
-  type PuikTagColorVariant,
-} from './tag'
+  chipProps,
+  type PuikChipSizeVariant,
+  type PuikChipColorVariant,
+} from './chip'
 import type { PuikTooltipPosition } from '@puik/components/tooltip'
 defineOptions({
-  name: 'PuikTag',
+  name: 'PuikChip',
 })
 
-const props = defineProps(tagProps)
+const props = defineProps(chipProps)
 const emit = defineEmits(['close'])
 
 const handleCloseEvent = () => {