@kubit-ui-web/react-components 1.8.3 → 1.10.0

package/dist/cjs/designSystem/kubit/components/pillV2/styles/default.js

@@ -0,0 +1,294 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PILL_STYLES_DEFAULT = void 0;
+const types_1 = require("../../../../../components/pillV2/types");
+const foundations_1 = require("../../../foundations");
+const variants_1 = require("../../text/variants");
+const variants_2 = require("../variants");
+const commonProps = {
+    rootContainer: {
+        position: 'relative',
+        display: 'flex',
+        flex_direction: 'column',
+        align_items: 'center',
+        gap: foundations_1.SPACINGS.spacing_150,
+    },
+    contentContainer: {
+        display: 'flex',
+        flex_direction: 'row',
+        align_items: 'center',
+        gap: foundations_1.SPACINGS.spacing_150,
+        background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
+        border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.NEUTRAL.color_neutral_border_100}`,
+        cursor: 'pointer',
+    },
+    leftIcon: {
+        color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        height: foundations_1.SIZES.size_200,
+        width: foundations_1.SIZES.size_200,
+    },
+    label: {
+        font_variant: variants_1.TextVariantType.PARAGRAPH_SMALL_EXTENDED,
+        font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+        color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
+    },
+    rightIcon: {
+        color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        height: foundations_1.SIZES.size_200,
+        width: foundations_1.SIZES.size_200,
+    },
+    input: {
+        position: 'absolute',
+        top: '0',
+        left: '0',
+        right: '0',
+        bottom: '0',
+        cursor: 'pointer',
+    },
+};
+const commonLargeProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${foundations_1.SPACINGS.spacing_250} ${foundations_1.SPACINGS.spacing_300}`,
+    },
+};
+const commonSmallProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${foundations_1.SPACINGS.spacing_150} ${foundations_1.SPACINGS.spacing_300}`,
+    },
+};
+const commonExtraSmallProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${foundations_1.SPACINGS.spacing_100} ${foundations_1.SPACINGS.spacing_300}`,
+    },
+};
+exports.PILL_STYLES_DEFAULT = {
+    [variants_2.PillSizeTypeV2.LARGE]: {
+        [types_1.PillStateType.DEFAULT]: { ...commonLargeProps },
+        [types_1.PillStateType.SELECTED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.ACCENT.color_accent_default_font_100}`,
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonLargeProps.label,
+                font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [types_1.PillStateType.DISABLED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_border_50}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonLargeProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonLargeProps.input,
+                cursor: 'auto',
+            },
+        },
+        [types_1.PillStateType.DISABLED_SELECTED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonLargeProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonLargeProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+    [variants_2.PillSizeTypeV2.SMALL]: {
+        [types_1.PillStateType.DEFAULT]: { ...commonSmallProps },
+        [types_1.PillStateType.SELECTED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.ACCENT.color_accent_default_font_100}`,
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonSmallProps.label,
+                font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [types_1.PillStateType.DISABLED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_border_50}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+        [types_1.PillStateType.DISABLED_SELECTED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+    [variants_2.PillSizeTypeV2.EXTRA_SMALL]: {
+        [types_1.PillStateType.DEFAULT]: { ...commonExtraSmallProps },
+        [types_1.PillStateType.SELECTED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.ACCENT.color_accent_default_font_100}`,
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [types_1.PillStateType.DISABLED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_border_50}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonExtraSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+        [types_1.PillStateType.DISABLED_SELECTED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonExtraSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+};
+//# sourceMappingURL=default.js.map

package/dist/cjs/designSystem/kubit/components/pillV2/styles/default.js.map

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

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

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

package/dist/cjs/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/cjs/designSystem/kubit/components/pillV2/styles.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PILL_STYLES_V2 = void 0;
+const default_1 = require("./styles/default");
+const pillSelector_1 = require("./styles/pillSelector");
+const variants_1 = require("./variants");
+exports.PILL_STYLES_V2 = {
+    [variants_1.PillVariantTypeV2.DEFAULT]: default_1.PILL_STYLES_DEFAULT,
+    [variants_1.PillVariantTypeV2.PILL_SELECTOR]: pillSelector_1.PILL_STYLES_PILL_SELECTOR,
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/pillV2/styles.ts"],"names":[],"mappings":";;;AAEA,8CAAuD;AACvD,wDAAkE;AAClE,yCAA+C;AAElC,QAAA,cAAc,GAAmB;IAC5C,CAAC,4BAAiB,CAAC,OAAO,CAAC,EAAE,6BAAmB;IAChD,CAAC,4BAAiB,CAAC,aAAa,CAAC,EAAE,wCAAyB;CAC7D,CAAC"}

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PillSizeTypeV2 = exports.PillVariantTypeV2 = void 0;
+var PillVariantTypeV2;
+(function (PillVariantTypeV2) {
+    PillVariantTypeV2["DEFAULT"] = "DEFAULT";
+    PillVariantTypeV2["PILL_SELECTOR"] = "PILL_SELECTOR";
+})(PillVariantTypeV2 || (exports.PillVariantTypeV2 = PillVariantTypeV2 = {}));
+var PillSizeTypeV2;
+(function (PillSizeTypeV2) {
+    PillSizeTypeV2["LARGE"] = "LARGE";
+    PillSizeTypeV2["SMALL"] = "SMALL";
+    PillSizeTypeV2["EXTRA_SMALL"] = "EXTRA_SMALL";
+})(PillSizeTypeV2 || (exports.PillSizeTypeV2 = PillSizeTypeV2 = {}));
+//# sourceMappingURL=variants.js.map

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

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

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

@@ -68,7 +68,9 @@ __exportStar(require("./operativeLayout/styles"), exports);
 __exportStar(require("./pageControlAutomate/styles"), exports);
 __exportStar(require("./pagination/styles"), exports);
 __exportStar(require("./pill/styles"), exports);
+__exportStar(require("./pillV2/styles"), exports);
 __exportStar(require("./pillSelector/styles"), exports);
+__exportStar(require("./pillSelectorV2/styles"), exports);
 __exportStar(require("./quickButton/styles"), exports);
 __exportStar(require("./radioButtonGroup/styles"), exports);
 __exportStar(require("./table/styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,oDAAkC;AAClC,6DAA2C;AAC3C,gDAA8B;AAC9B,qDAAmC;AACnC,yDAAuC;AACvC,gDAA8B;AAC9B,kDAAgC;AAChC,mDAAiC;AACjC,mDAAiC;AACjC,+CAA6B;AAC7B,iDAA+B;AAC/B,gDAA8B;AAC9B,6DAA2C;AAC3C,qDAAmC;AACnC,uDAAqC;AACrC,oDAAkC;AAClC,+DAA6C;AAC7C,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,wDAAsC;AACtC,yDAAuC;AACvC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,4DAA0C;AAC1C,mDAAiC;AACjC,iDAA+B;AAC/B,uDAAqC;AACrC,gDAA8B;AAC9B,oDAAkC;AAClC,0DAAwC;AACxC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,+CAA6B;AAC7B,iEAA+C;AAC/C,uDAAqC;AACrC,0DAAwC;AACxC,yDAAuC;AACvC,qDAAmC;AACnC,2DAAyC;AACzC,+DAA6C;AAC7C,sDAAoC;AACpC,gDAA8B;AAC9B,wDAAsC;AACtC,uDAAqC;AACrC,4DAA0C;AAC1C,iDAA+B;AAC/B,qDAAmC;AACnC,kDAAgC;AAChC,2DAAyC;AACzC,mDAAiC;AACjC,iDAA+B;AAC/B,oDAAkC;AAClC,qDAAmC;AACnC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,2DAAyC;AACzC,8DAA4C;AAC5C,2DAAyC;AACzC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,0DAAwC;AACxC,qDAAmC;AACnC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,wDAAsC;AACtC,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,oDAAkC;AAClC,6DAA2C;AAC3C,gDAA8B;AAC9B,qDAAmC;AACnC,yDAAuC;AACvC,gDAA8B;AAC9B,kDAAgC;AAChC,mDAAiC;AACjC,mDAAiC;AACjC,+CAA6B;AAC7B,iDAA+B;AAC/B,gDAA8B;AAC9B,6DAA2C;AAC3C,qDAAmC;AACnC,uDAAqC;AACrC,oDAAkC;AAClC,+DAA6C;AAC7C,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,wDAAsC;AACtC,yDAAuC;AACvC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,4DAA0C;AAC1C,mDAAiC;AACjC,iDAA+B;AAC/B,uDAAqC;AACrC,gDAA8B;AAC9B,oDAAkC;AAClC,0DAAwC;AACxC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,+CAA6B;AAC7B,iEAA+C;AAC/C,uDAAqC;AACrC,0DAAwC;AACxC,yDAAuC;AACvC,qDAAmC;AACnC,2DAAyC;AACzC,+DAA6C;AAC7C,sDAAoC;AACpC,gDAA8B;AAC9B,kDAAgC;AAChC,wDAAsC;AACtC,0DAAwC;AACxC,uDAAqC;AACrC,4DAA0C;AAC1C,iDAA+B;AAC/B,qDAAmC;AACnC,kDAAgC;AAChC,2DAAyC;AACzC,mDAAiC;AACjC,iDAA+B;AAC/B,oDAAkC;AAClC,qDAAmC;AACnC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,2DAAyC;AACzC,8DAA4C;AAC5C,2DAAyC;AACzC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,0DAAwC;AACxC,qDAAmC;AACnC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,wDAAsC;AACtC,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC"}