@citizenplane/pimp 17.0.2 → 17.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citizenplane/pimp",
-  "version": "17.0.2",
+  "version": "17.0.4",
   "scripts": {
     "dev": "storybook dev -p 8081",
     "build-storybook": "storybook build --output-dir ./docs",

package/src/components/CpBadge.vue

@@ -18,22 +18,18 @@
 <script setup lang="ts">
 import { computed, useSlots } from 'vue'
 
-import type { Colors, Sizes } from '@/constants'
 import { capitalizeFirstLetter } from '@/helpers'
 
-type BadgeSizes = Extract<Sizes, '2xs' | 'xs' | 'sm' | 'md'>
-type BadgeVariants = 'outline' | 'soft' | 'solid'
-
 interface Props {
-  color?: Colors
+  color?: 'neutral' | 'accent' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'magenta' | 'yellow' | 'white'
   disabled?: boolean
   isClearable?: boolean
   isSquare?: boolean
   label?: string
   leadingIcon?: string
-  size?: BadgeSizes
+  size?: '2xs' | 'xs' | 'sm' | 'md'
   trailingIcon?: string
-  variant?: BadgeVariants
+  variant?: 'outline' | 'soft' | 'solid'
 }
 
 const props = withDefaults(defineProps<Props>(), {

package/src/components/CpHeading.vue

@@ -5,20 +5,16 @@
 </template>
 
 <script setup lang="ts">
-import { HeadingLevels } from '@/constants'
-
-type HeadingSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
-
 /**
  * @deprecated `CpHeading` is deprecated. Use CpText instead.
  */
 interface Props {
-  headingLevel?: HeadingLevels
-  size?: HeadingSize
+  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
+  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
 }
 
 withDefaults(defineProps<Props>(), {
-  headingLevel: HeadingLevels.H1,
+  headingLevel: 'h1',
   size: 500,
 })
 

package/src/components/CpMultiselect.vue

@@ -130,7 +130,7 @@ interface Props {
   name?: string
   onSearch?: (query: string) => void
   optionDisabled?: string | ((option: unknown) => boolean)
-  optionLabel?: string
+  optionLabel?: string | ((option: unknown) => string)
   options?: unknown[]
   placeholder?: string
   required?: boolean
@@ -236,7 +236,10 @@ const dynamicOptions = computed(() => {
   if (hasRegisteredOnSearch.value) return props.options
 
   return props.options.filter((option: unknown) => {
-    const optionLabel = typeof option === 'object' ? (option as Record<string, unknown>)[props.optionLabel] : option
+    const optionLabel =
+      typeof option === 'object' && typeof props.optionLabel === 'string'
+        ? (option as Record<string, unknown>)[props.optionLabel]
+        : option
     return (optionLabel as string).toLowerCase().includes(searchQuery.value.toLowerCase())
   })
 })

package/src/constants/index.ts

@@ -1,7 +1,6 @@
 export type { Colors } from './colors/Colors'
 export { Position } from './Position'
 export type { ToggleColors } from './colors/ToggleColors'
-export { HeadingLevels } from './Heading'
 export { PAGINATION_FORMATS, RESERVED_KEYS, VISIBLE_ROWS_MAX } from './CpTableConfig'
 export type { Sizes } from './Sizes'
 

package/src/stories/CpHeading.stories.ts

@@ -2,10 +2,9 @@ import type { Args, Meta, StoryObj } from '@storybook/vue3-vite'
 
 import CpHeading from '@/components/CpHeading.vue'
 
-import { HeadingLevels } from '@/constants'
 import { docLabelStyle } from '@/stories/documentationStyles'
 
-const headingLevels = Object.values(HeadingLevels)
+const headingLevels = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const
 const headingSizes = [100, 200, 300, 400, 500, 600, 700, 800, 900] as const
 
 const headingRowStyle = 'display: grid; grid-template-columns: 90px 1fr; gap: 16px; align-items: center;'
@@ -44,7 +43,7 @@ type Story = StoryObj<typeof meta>
  */
 export const Default: Story = {
   args: {
-    headingLevel: HeadingLevels.H1,
+    headingLevel: 'h1',
     size: 500,
   },
   render: (args: Args) => ({

package/dist/constants/Heading.d.ts

@@ -1,9 +0,0 @@
-export declare enum HeadingLevels {
-    H1 = "h1",
-    H2 = "h2",
-    H3 = "h3",
-    H4 = "h4",
-    H5 = "h5",
-    H6 = "h6"
-}
-//# sourceMappingURL=Heading.d.ts.map

package/dist/constants/Heading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/constants/Heading.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACvB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV"}

package/src/constants/Heading.ts

@@ -1,8 +0,0 @@
-export enum HeadingLevels {
-  H1 = 'h1',
-  H2 = 'h2',
-  H3 = 'h3',
-  H4 = 'h4',
-  H5 = 'h5',
-  H6 = 'h6',
-}