@kubit-ui-web/react-components 1.9.0 → 1.10.1

package/dist/esm/designSystem/kubit/components/pillV2/styles/pillSelector.js

@@ -0,0 +1,281 @@
+import { PillStateType, } from '../../../../../components/pillV2/types';
+import { COLORS, FONT_WEIGHT, SIZES, SPACINGS } from '../../../foundations';
+import { TextVariantType } from '../../text/variants';
+import { PillSizeTypeV2 } from '../variants';
+const commonProps = {
+    rootContainer: {
+        position: 'relative',
+        display: 'flex',
+        flex_direction: 'column',
+        align_items: 'center',
+        gap: SPACINGS.spacing_150,
+    },
+    contentContainer: {
+        display: 'flex',
+        flex_direction: 'row',
+        align_items: 'center',
+        gap: SPACINGS.spacing_150,
+        background_color: COLORS.NEUTRAL.color_neutral_bg_250,
+        cursor: 'pointer',
+    },
+    leftIcon: {
+        color: COLORS.NEUTRAL.color_neutral_icon_50,
+        height: SIZES.size_200,
+        width: SIZES.size_200,
+    },
+    label: {
+        font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
+        font_weight: FONT_WEIGHT.font_weight_400,
+        color: COLORS.NEUTRAL.color_neutral_font_50,
+    },
+    rightIcon: {
+        color: COLORS.NEUTRAL.color_neutral_icon_50,
+        height: SIZES.size_200,
+        width: SIZES.size_200,
+    },
+    input: {
+        position: 'absolute',
+        top: '0',
+        left: '0',
+        right: '0',
+        bottom: '0',
+        cursor: 'pointer',
+    },
+};
+const commonLargeProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${SPACINGS.spacing_250} ${SPACINGS.spacing_300}`,
+    },
+};
+const commonSmallProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${SPACINGS.spacing_150} ${SPACINGS.spacing_300}`,
+    },
+};
+const commonExtraSmallProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${SPACINGS.spacing_100} ${SPACINGS.spacing_300}`,
+    },
+};
+export const PILL_STYLES_PILL_SELECTOR = {
+    [PillSizeTypeV2.LARGE]: {
+        [PillStateType.DEFAULT]: { ...commonLargeProps },
+        [PillStateType.SELECTED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: COLORS.ACCENT.color_accent_default_font_100,
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonLargeProps.label,
+                font_weight: FONT_WEIGHT.font_weight_600,
+                color: COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [PillStateType.DISABLED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonLargeProps.label,
+                color: COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonLargeProps.input,
+                cursor: 'auto',
+            },
+        },
+        [PillStateType.DISABLED_SELECTED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonLargeProps.label,
+                color: COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonLargeProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+    [PillSizeTypeV2.SMALL]: {
+        [PillStateType.DEFAULT]: { ...commonSmallProps },
+        [PillStateType.SELECTED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: COLORS.ACCENT.color_accent_default_font_100,
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonSmallProps.label,
+                font_weight: FONT_WEIGHT.font_weight_600,
+                color: COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [PillStateType.DISABLED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonSmallProps.label,
+                color: COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+        [PillStateType.DISABLED_SELECTED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonSmallProps.label,
+                color: COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+    [PillSizeTypeV2.EXTRA_SMALL]: {
+        [PillStateType.DEFAULT]: { ...commonExtraSmallProps },
+        [PillStateType.SELECTED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: COLORS.ACCENT.color_accent_default_font_100,
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                font_weight: FONT_WEIGHT.font_weight_600,
+                color: COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [PillStateType.DISABLED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                color: COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonExtraSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+        [PillStateType.DISABLED_SELECTED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                color: COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonExtraSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+};
+//# sourceMappingURL=pillSelector.js.map

package/dist/esm/designSystem/kubit/components/pillV2/styles/pillSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillSelector.js","sourceRoot":"","sources":["../../../../../../../src/designSystem/kubit/components/pillV2/styles/pillSelector.ts"],"names":[],"mappings":"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"}

package/dist/esm/designSystem/kubit/components/pillV2/styles.js

@@ -1,293 +1,8 @@
-import { PillStateType } from '../../../../components/pillV2/types';
-import { BORDERS, COLORS, FONT_WEIGHT, SIZES, SPACINGS } from '../../foundations';
-import { TextVariantType } from '../text/variants';
-import { PillSizeTypeV2, PillVariantTypeV2 } from './variants';
-const commonProps = {
-    rootContainer: {
-        position: 'relative',
-        display: 'flex',
-        flex_direction: 'column',
-        align_items: 'center',
-        gap: SPACINGS.spacing_150,
-    },
-    input: {
-        position: 'absolute',
-        top: '0',
-        left: '0',
-        right: '0',
-        bottom: '0',
-        cursor: 'pointer',
-    },
-    contentContainer: {
-        display: 'flex',
-        flex_direction: 'row',
-        align_items: 'center',
-        gap: SPACINGS.spacing_150,
-        background_color: COLORS.NEUTRAL.color_neutral_bg_250,
-        border: `${BORDERS.border_50} solid ${COLORS.NEUTRAL.color_neutral_border_100}`,
-        cursor: 'pointer',
-    },
-    leftIcon: {
-        color: COLORS.NEUTRAL.color_neutral_icon_50,
-        height: SIZES.size_200,
-        width: SIZES.size_200,
-    },
-    label: {
-        font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
-        font_weight: FONT_WEIGHT.font_weight_400,
-        color: COLORS.NEUTRAL.color_neutral_font_50,
-    },
-    rightIcon: {
-        color: COLORS.NEUTRAL.color_neutral_icon_50,
-        height: SIZES.size_200,
-        width: SIZES.size_200,
-    },
-};
-const commonLargeProps = {
-    ...commonProps,
-    contentContainer: {
-        ...commonProps.contentContainer,
-        padding: `${SPACINGS.spacing_250} ${SPACINGS.spacing_300}`,
-    },
-};
-const commonSmallProps = {
-    ...commonProps,
-    contentContainer: {
-        ...commonProps.contentContainer,
-        padding: `${SPACINGS.spacing_150} ${SPACINGS.spacing_300}`,
-    },
-};
-const commonExtraSmallProps = {
-    ...commonProps,
-    contentContainer: {
-        ...commonProps.contentContainer,
-        padding: `${SPACINGS.spacing_100} ${SPACINGS.spacing_300}`,
-    },
-};
+import { PILL_STYLES_DEFAULT } from './styles/default';
+import { PILL_STYLES_PILL_SELECTOR } from './styles/pillSelector';
+import { PillVariantTypeV2 } from './variants';
 export const PILL_STYLES_V2 = {
-    [PillVariantTypeV2.DEFAULT]: {
-        [PillSizeTypeV2.LARGE]: {
-            [PillStateType.DEFAULT]: { ...commonLargeProps },
-            [PillStateType.SELECTED]: {
-                ...commonLargeProps,
-                contentContainer: {
-                    ...commonLargeProps.contentContainer,
-                    background_color: COLORS.ACCENT.color_accent_default_font_100,
-                    border: `${BORDERS.border_50} solid ${COLORS.ACCENT.color_accent_default_font_100}`,
-                },
-                leftIcon: {
-                    ...commonLargeProps.leftIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_250,
-                },
-                label: {
-                    ...commonLargeProps.label,
-                    font_weight: FONT_WEIGHT.font_weight_600,
-                    color: COLORS.NEUTRAL.color_neutral_font_250,
-                },
-                rightIcon: {
-                    ...commonLargeProps.rightIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_250,
-                },
-            },
-            [PillStateType.DISABLED]: {
-                ...commonLargeProps,
-                input: {
-                    ...commonLargeProps.input,
-                    cursor: 'auto',
-                },
-                contentContainer: {
-                    ...commonLargeProps.contentContainer,
-                    background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
-                    border: `${BORDERS.border_50} solid ${COLORS.DISABLED.color_accentDisabled_border_50}`,
-                    cursor: 'auto',
-                },
-                leftIcon: {
-                    ...commonLargeProps.leftIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-                label: {
-                    ...commonLargeProps.label,
-                    color: COLORS.ACCENT.color_accent_default_font_50,
-                },
-                rightIcon: {
-                    ...commonLargeProps.rightIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-            },
-            [PillStateType.DISABLED_SELECTED]: {
-                ...commonLargeProps,
-                input: {
-                    ...commonLargeProps.input,
-                    cursor: 'auto',
-                },
-                contentContainer: {
-                    ...commonLargeProps.contentContainer,
-                    background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
-                    border: `${BORDERS.border_50} solid ${COLORS.DISABLED.color_accentDisabled_bg_150}`,
-                    cursor: 'auto',
-                },
-                leftIcon: {
-                    ...commonLargeProps.leftIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-                label: {
-                    ...commonLargeProps.label,
-                    color: COLORS.ACCENT.color_accent_default_font_50,
-                },
-                rightIcon: {
-                    ...commonLargeProps.rightIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-            },
-        },
-        [PillSizeTypeV2.SMALL]: {
-            [PillStateType.DEFAULT]: { ...commonSmallProps },
-            [PillStateType.SELECTED]: {
-                ...commonSmallProps,
-                contentContainer: {
-                    ...commonSmallProps.contentContainer,
-                    background_color: COLORS.ACCENT.color_accent_default_font_100,
-                    border: `${BORDERS.border_50} solid ${COLORS.ACCENT.color_accent_default_font_100}`,
-                },
-                leftIcon: {
-                    ...commonSmallProps.leftIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_250,
-                },
-                label: {
-                    ...commonSmallProps.label,
-                    font_weight: FONT_WEIGHT.font_weight_600,
-                    color: COLORS.NEUTRAL.color_neutral_font_250,
-                },
-                rightIcon: {
-                    ...commonSmallProps.rightIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_250,
-                },
-            },
-            [PillStateType.DISABLED]: {
-                ...commonSmallProps,
-                input: {
-                    ...commonSmallProps.input,
-                    cursor: 'auto',
-                },
-                contentContainer: {
-                    ...commonSmallProps.contentContainer,
-                    background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
-                    border: `${BORDERS.border_50} solid ${COLORS.DISABLED.color_accentDisabled_border_50}`,
-                    cursor: 'auto',
-                },
-                leftIcon: {
-                    ...commonSmallProps.leftIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-                label: {
-                    ...commonSmallProps.label,
-                    color: COLORS.ACCENT.color_accent_default_font_50,
-                },
-                rightIcon: {
-                    ...commonSmallProps.rightIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-            },
-            [PillStateType.DISABLED_SELECTED]: {
-                ...commonSmallProps,
-                input: {
-                    ...commonSmallProps.input,
-                    cursor: 'auto',
-                },
-                contentContainer: {
-                    ...commonSmallProps.contentContainer,
-                    background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
-                    border: `${BORDERS.border_50} solid ${COLORS.DISABLED.color_accentDisabled_bg_150}`,
-                    cursor: 'auto',
-                },
-                leftIcon: {
-                    ...commonSmallProps.leftIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-                label: {
-                    ...commonSmallProps.label,
-                    color: COLORS.ACCENT.color_accent_default_font_50,
-                },
-                rightIcon: {
-                    ...commonSmallProps.rightIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-            },
-        },
-        [PillSizeTypeV2.EXTRA_SMALL]: {
-            [PillStateType.DEFAULT]: { ...commonExtraSmallProps },
-            [PillStateType.SELECTED]: {
-                ...commonExtraSmallProps,
-                contentContainer: {
-                    ...commonExtraSmallProps.contentContainer,
-                    background_color: COLORS.ACCENT.color_accent_default_font_100,
-                    border: `${BORDERS.border_50} solid ${COLORS.ACCENT.color_accent_default_font_100}`,
-                },
-                leftIcon: {
-                    ...commonExtraSmallProps.leftIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_250,
-                },
-                label: {
-                    ...commonExtraSmallProps.label,
-                    font_weight: FONT_WEIGHT.font_weight_600,
-                    color: COLORS.NEUTRAL.color_neutral_font_250,
-                },
-                rightIcon: {
-                    ...commonExtraSmallProps.rightIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_250,
-                },
-            },
-            [PillStateType.DISABLED]: {
-                ...commonExtraSmallProps,
-                input: {
-                    ...commonExtraSmallProps.input,
-                    cursor: 'auto',
-                },
-                contentContainer: {
-                    ...commonExtraSmallProps.contentContainer,
-                    background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
-                    border: `${BORDERS.border_50} solid ${COLORS.DISABLED.color_accentDisabled_border_50}`,
-                    cursor: 'auto',
-                },
-                leftIcon: {
-                    ...commonExtraSmallProps.leftIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-                label: {
-                    ...commonExtraSmallProps.label,
-                    color: COLORS.ACCENT.color_accent_default_font_50,
-                },
-                rightIcon: {
-                    ...commonExtraSmallProps.rightIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-            },
-            [PillStateType.DISABLED_SELECTED]: {
-                ...commonExtraSmallProps,
-                input: {
-                    ...commonExtraSmallProps.input,
-                    cursor: 'auto',
-                },
-                contentContainer: {
-                    ...commonExtraSmallProps.contentContainer,
-                    background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
-                    border: `${BORDERS.border_50} solid ${COLORS.DISABLED.color_accentDisabled_bg_150}`,
-                    cursor: 'auto',
-                },
-                leftIcon: {
-                    ...commonExtraSmallProps.leftIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-                label: {
-                    ...commonExtraSmallProps.label,
-                    color: COLORS.ACCENT.color_accent_default_font_50,
-                },
-                rightIcon: {
-                    ...commonExtraSmallProps.rightIcon,
-                    color: COLORS.NEUTRAL.color_neutral_icon_50,
-                },
-            },
-        },
-    },
+    [PillVariantTypeV2.DEFAULT]: PILL_STYLES_DEFAULT,
+    [PillVariantTypeV2.PILL_SELECTOR]: PILL_STYLES_PILL_SELECTOR,
 };
 //# sourceMappingURL=styles.js.map

package/dist/esm/designSystem/kubit/components/pillV2/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/pillV2/styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/pillV2/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,mBAAmB;IAChD,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,yBAAyB;CAC7D,CAAC"}

package/dist/esm/designSystem/kubit/components/pillV2/variants.d.ts

@@ -1,5 +1,6 @@
 export declare enum PillVariantTypeV2 {
-    DEFAULT = "DEFAULT"
+    DEFAULT = "DEFAULT",
+    PILL_SELECTOR = "PILL_SELECTOR"
 }
 export declare enum PillSizeTypeV2 {
     LARGE = "LARGE",

package/dist/esm/designSystem/kubit/components/pillV2/variants.js

@@ -1,6 +1,7 @@
 export var PillVariantTypeV2;
 (function (PillVariantTypeV2) {
     PillVariantTypeV2["DEFAULT"] = "DEFAULT";
+    PillVariantTypeV2["PILL_SELECTOR"] = "PILL_SELECTOR";
 })(PillVariantTypeV2 || (PillVariantTypeV2 = {}));
 export var PillSizeTypeV2;
 (function (PillSizeTypeV2) {

package/dist/esm/designSystem/kubit/components/pillV2/variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/pillV2/variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,iBAEX;AAFD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;AACrB,CAAC,EAFW,iBAAiB,KAAjB,iBAAiB,QAE5B;AAED,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,iCAAe,CAAA;IACf,6CAA2B,CAAA;AAC7B,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB"}
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/pillV2/variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,oDAA+B,CAAA;AACjC,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,iCAAe,CAAA;IACf,6CAA2B,CAAA;AAC7B,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB"}

package/dist/esm/designSystem/kubit/components/styles.d.ts

@@ -54,6 +54,7 @@ export * from './pagination/styles';
 export * from './pill/styles';
 export * from './pillV2/styles';
 export * from './pillSelector/styles';
+export * from './pillSelectorV2/styles';
 export * from './quickButton/styles';
 export * from './radioButtonGroup/styles';
 export * from './table/styles';

package/dist/esm/designSystem/kubit/components/styles.js

@@ -54,6 +54,7 @@ export * from './pagination/styles';
 export * from './pill/styles';
 export * from './pillV2/styles';
 export * from './pillSelector/styles';
+export * from './pillSelectorV2/styles';
 export * from './quickButton/styles';
 export * from './radioButtonGroup/styles';
 export * from './table/styles';

package/dist/esm/designSystem/kubit/components/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":"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"}