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

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

@@ -0,0 +1,293 @@
+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}`,
+    },
+};
+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,
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/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":"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"}

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

@@ -0,0 +1,8 @@
+export declare enum PillVariantTypeV2 {
+    DEFAULT = "DEFAULT"
+}
+export declare enum PillSizeTypeV2 {
+    LARGE = "LARGE",
+    SMALL = "SMALL",
+    EXTRA_SMALL = "EXTRA_SMALL"
+}

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

@@ -0,0 +1,11 @@
+export var PillVariantTypeV2;
+(function (PillVariantTypeV2) {
+    PillVariantTypeV2["DEFAULT"] = "DEFAULT";
+})(PillVariantTypeV2 || (PillVariantTypeV2 = {}));
+export var PillSizeTypeV2;
+(function (PillSizeTypeV2) {
+    PillSizeTypeV2["LARGE"] = "LARGE";
+    PillSizeTypeV2["SMALL"] = "SMALL";
+    PillSizeTypeV2["EXTRA_SMALL"] = "EXTRA_SMALL";
+})(PillSizeTypeV2 || (PillSizeTypeV2 = {}));
+//# sourceMappingURL=variants.js.map

package/dist/esm/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,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"}

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

@@ -52,6 +52,7 @@ export * from './operativeLayout/styles';
 export * from './pageControlAutomate/styles';
 export * from './pagination/styles';
 export * from './pill/styles';
+export * from './pillV2/styles';
 export * from './pillSelector/styles';
 export * from './quickButton/styles';
 export * from './radioButtonGroup/styles';

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

@@ -52,6 +52,7 @@ export * from './operativeLayout/styles';
 export * from './pageControlAutomate/styles';
 export * from './pagination/styles';
 export * from './pill/styles';
+export * from './pillV2/styles';
 export * from './pillSelector/styles';
 export * from './quickButton/styles';
 export * from './radioButtonGroup/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":"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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":"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"}

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

@@ -128,8 +128,8 @@ export const TABLE_STYLES = {
                     },
                 },
                 accordionIcon: {
-                    height: SIZES.size_200,
-                    width: SIZES.size_200,
+                    height: SIZES.size_250,
+                    width: SIZES.size_250,
                     color: COLORS.NEUTRAL.color_neutral_icon_50,
                 },
             },
@@ -147,8 +147,8 @@ export const TABLE_STYLES = {
                     font_size: PARAGRAPH.MEDIUM[DeviceBreakpointsType.DESKTOP].font_size,
                 },
                 accordionIcon: {
-                    height: SIZES.size_200,
-                    width: SIZES.size_200,
+                    height: SIZES.size_250,
+                    width: SIZES.size_250,
                     color: COLORS.NEUTRAL.color_neutral_icon_50,
                 },
             },

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

@@ -52,6 +52,7 @@ export * from './operativeLayout/variants';
 export * from './pageControlAutomate/variants';
 export * from './pagination/variants';
 export * from './pill/variants';
+export * from './pillV2/variants';
 export * from './pillSelector/variants';
 export * from './quickButton/variants';
 export * from './radioButtonGroup/variants';

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

@@ -52,6 +52,7 @@ export * from './operativeLayout/variants';
 export * from './pageControlAutomate/variants';
 export * from './pagination/variants';
 export * from './pill/variants';
+export * from './pillV2/variants';
 export * from './pillSelector/variants';
 export * from './quickButton/variants';
 export * from './radioButtonGroup/variants';

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

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

package/dist/esm/designSystem/kubit/index.d.ts

@@ -394,6 +394,7 @@ export declare const KUBIT_STYLES: {
     PAGE_CONTROL_AUTOMATE_STYLES: import("../..").PageControlAutomateStylesType<VARIANTS.PageControlAutomateVariant>;
     PAGINATION_STYLES: import("../..").PaginationThemeProps<VARIANTS.PaginationVariantsTheme>;
     PILL_STYLES: import("../..").PillStylesType<VARIANTS.PillSizeType, VARIANTS.PillVariantType>;
+    PILL_STYLES_V2: import("../..").PillStylesTypeV2;
     PILL_SELECTOR_STYLES: import("../..").PillSelectorThemeType<VARIANTS.PillSelectorVariant>;
     QUICK_BUTTON_STYLES: import("../..").QuickButtonStylesType<VARIANTS.QuickButtonVariantType>;
     RADIO_BUTTON_GROUP_STYLES: import("../..").RadioButtonGroupStylesType<VARIANTS.RadioButtonGroupVariantType>;
@@ -902,6 +903,8 @@ export declare const KUBIT_VARIANTS: {
     PaginationVariantsTheme: typeof VARIANTS.PaginationVariantsTheme;
     PillVariantType: typeof VARIANTS.PillVariantType;
     PillSizeType: typeof VARIANTS.PillSizeType;
+    PillVariantTypeV2: typeof VARIANTS.PillVariantTypeV2;
+    PillSizeTypeV2: typeof VARIANTS.PillSizeTypeV2;
     PillSelectorVariant: typeof VARIANTS.PillSelectorVariant;
     QuickButtonVariantType: typeof VARIANTS.QuickButtonVariantType;
     RadioButtonGroupVariantType: typeof VARIANTS.RadioButtonGroupVariantType;

package/dist/esm/designSystem/variants.d.ts

@@ -76,6 +76,8 @@ export type Variants = {
     PillSelectorVariant?: object;
     PillVariantType?: object;
     PillSizeType?: object;
+    PillVariantTypeV2?: object;
+    PillSizeTypeV2?: object;
     QuickButtonVariantType?: object;
     QuickCardHighlightsVariantType?: object;
     RadioButtonGroupVariantType?: object;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "1.8.2",
+  "version": "1.9.0",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -83,22 +83,22 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
     "@eslint/compat": "^1.1.1",
     "@eslint/eslintrc": "^3.1.0",
     "@eslint/js": "^9.8.0",
-    "@storybook/addon-a11y": "^8.2.6",
-    "@storybook/addon-controls": "^8.2.6",
+    "@storybook/addon-a11y": "^8.2.7",
+    "@storybook/addon-controls": "^8.2.7",
     "@storybook/addon-coverage": "^1.0.4",
-    "@storybook/addon-essentials": "^8.2.6",
-    "@storybook/addon-interactions": "^8.2.6",
-    "@storybook/addon-links": "^8.2.6",
-    "@storybook/addon-themes": "^8.2.6",
-    "@storybook/blocks": "^8.2.6",
-    "@storybook/react": "^8.2.6",
-    "@storybook/react-vite": "^8.2.6",
+    "@storybook/addon-essentials": "^8.2.7",
+    "@storybook/addon-interactions": "^8.2.7",
+    "@storybook/addon-links": "^8.2.7",
+    "@storybook/addon-themes": "^8.2.7",
+    "@storybook/blocks": "^8.2.7",
+    "@storybook/react": "^8.2.7",
+    "@storybook/react-vite": "^8.2.7",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
     "@testing-library/react-hooks": "^8.0.1",
@@ -111,8 +111,8 @@
     "@types/react-dom": "^18.3.0",
     "@types/styled-components": "^5.1.34",
     "@types/ungap__structured-clone": "^1.2.0",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
     "@ungap/structured-clone": "^1.2.0",
     "@vitejs/plugin-react": "^4.3.1",
     "babel-jest": "^29.7.0",
@@ -122,9 +122,9 @@
     "eslint-config-standard-with-typescript": "^43.0.1",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jest": "^28.6.0",
+    "eslint-plugin-jest": "^28.7.0",
     "eslint-plugin-jsx-a11y": "^6.9.0",
-    "eslint-plugin-n": "^17.10.1",
+    "eslint-plugin-n": "^17.10.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "5.2.1",
     "eslint-plugin-promise": "^7.0.0",
@@ -133,7 +133,7 @@
     "eslint-plugin-react-refresh": "^0.4.9",
     "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-unused-imports": "^4.0.1",
-    "globals": "^15.8.0",
+    "globals": "^15.9.0",
     "gts": "^5.3.1",
     "html-validate": "^8.21.0",
     "jest": "^29.7.0",
@@ -147,13 +147,12 @@
     "prettier": "^3.3.3",
     "react-transition-group": "^4.4.5",
     "sort-imports": "^1.1.0",
-    "storybook": "^8.2.6",
-    "ts-jest": "^29.2.3",
+    "storybook": "^8.2.7",
+    "ts-jest": "^29.2.4",
     "tsc-alias": "1.8.10",
     "typedoc": "^0.26.5",
     "typedoc-plugin-markdown": "^4.2.3",
     "typescript": "^5.5.4",
-    "vercel": "^35.2.1",
     "vite": "^5.3.5",
     "vite-tsconfig-paths": "^4.3.2",
     "yarn-deduplicate": "^6.0.2"