@kubit-ui-web/react-components 1.6.1 → 1.6.2

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

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QUICK_BUTTON_STYLES = void 0;
+const types_1 = require("../../../../components/quickButton/types");
+const foundations_1 = require("../../foundations");
+const text_1 = require("../text");
+const variants_1 = require("./variants");
+const QUICK_BUTTON_TOKENS = {
+    container: {
+        display: 'flex',
+        flex_direction: 'column',
+        align_items: 'center',
+        gap: foundations_1.SPACINGS.spacing_100,
+    },
+    label: {
+        font_family: text_1.TextVariantType.PARAGRAPH_CAPTION_EXTENDED,
+        font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+        color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+        text_align: foundations_1.TEXT_ALIGN.center,
+    },
+    icon: {
+        width: foundations_1.SIZES.size_200,
+        height: foundations_1.SIZES.size_200,
+        color: foundations_1.COLORS.ACCENT.color_accent_default_icon_50,
+    },
+    button: {
+        padding: foundations_1.SPACINGS.spacing_250,
+        display: 'flex',
+        align_items: 'center',
+        justify_content: 'center',
+    },
+};
+const actionButtonBorder = {
+    border_width: foundations_1.BORDERS.border_50,
+    border_style: 'solid',
+    border_color: foundations_1.COLORS.ACCENT.color_accent_default_border_50,
+};
+exports.QUICK_BUTTON_STYLES = {
+    [variants_1.QuickButtonVariantType.PRIMARY]: {
+        [types_1.QuickButtonState.DEFAULT]: {
+            ...QUICK_BUTTON_TOKENS,
+            button: {
+                ...QUICK_BUTTON_TOKENS.button,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_100,
+            },
+        },
+        [types_1.QuickButtonState.HOVER]: {
+            ...QUICK_BUTTON_TOKENS,
+            button: {
+                ...QUICK_BUTTON_TOKENS.button,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_hover_bg_50,
+            },
+        },
+        [types_1.QuickButtonState.PRESSED]: {
+            ...QUICK_BUTTON_TOKENS,
+            icon: {
+                ...QUICK_BUTTON_TOKENS.icon,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_icon_150,
+            },
+            button: {
+                ...QUICK_BUTTON_TOKENS.button,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_pressed_bg_50,
+            },
+        },
+        [types_1.QuickButtonState.DISABLED]: {
+            ...QUICK_BUTTON_TOKENS,
+            icon: {
+                ...QUICK_BUTTON_TOKENS.icon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_100,
+            },
+            button: {
+                ...QUICK_BUTTON_TOKENS.button,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+            },
+        },
+    },
+    [variants_1.QuickButtonVariantType.SECONDARY]: {
+        [types_1.QuickButtonState.DEFAULT]: {
+            ...QUICK_BUTTON_TOKENS,
+            button: {
+                ...QUICK_BUTTON_TOKENS.button,
+                ...actionButtonBorder,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_150,
+            },
+        },
+        [types_1.QuickButtonState.HOVER]: {
+            ...QUICK_BUTTON_TOKENS,
+            icon: {
+                ...QUICK_BUTTON_TOKENS.icon,
+                color: foundations_1.COLORS.ACCENT.color_accent_hover_icon_150,
+            },
+            button: {
+                ...QUICK_BUTTON_TOKENS.button,
+                ...actionButtonBorder,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_hover_bg_100,
+            },
+        },
+        [types_1.QuickButtonState.PRESSED]: {
+            ...QUICK_BUTTON_TOKENS,
+            icon: {
+                ...QUICK_BUTTON_TOKENS.icon,
+                color: foundations_1.COLORS.PRESSED.color_accent_pressed_icon_150,
+            },
+            button: {
+                ...QUICK_BUTTON_TOKENS,
+                ...actionButtonBorder,
+                background_color: foundations_1.COLORS.PRESSED.color_accent_pressed_bg_100,
+            },
+        },
+        [types_1.QuickButtonState.DISABLED]: {
+            ...QUICK_BUTTON_TOKENS,
+            icon: {
+                ...QUICK_BUTTON_TOKENS.icon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_100,
+            },
+            button: {
+                ...QUICK_BUTTON_TOKENS.button,
+                border: '0',
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+            },
+        },
+    },
+};
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickButtonVariantType = void 0;
+var QuickButtonVariantType;
+(function (QuickButtonVariantType) {
+    QuickButtonVariantType["PRIMARY"] = "PRIMARY";
+    QuickButtonVariantType["SECONDARY"] = "SECONDARY";
+})(QuickButtonVariantType || (exports.QuickButtonVariantType = QuickButtonVariantType = {}));
+//# sourceMappingURL=variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/quickButton/variants.ts"],"names":[],"mappings":";;;AAAA,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAChC,6CAAmB,CAAA;IACnB,iDAAuB,CAAA;AACzB,CAAC,EAHW,sBAAsB,sCAAtB,sBAAsB,QAGjC"}

package/dist/cjs/designSystem/kubit/components/slider/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./styles"), exports);
+__exportStar(require("./variants"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/designSystem/kubit/components/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/slider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,6CAA2B"}

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

@@ -0,0 +1,339 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SLIDER_STYLES = void 0;
+const slider_1 = require("../../../../components/slider");
+const tooltip_1 = require("../../../../components/tooltip");
+const foundations_1 = require("../../foundations");
+// text variants
+const text_1 = require("../text");
+const tooltip_2 = require("../tooltip");
+const variants_1 = require("./variants");
+const commonProps = {
+    scaleContainer: {
+        position: 'relative',
+        width: '100%',
+        height: foundations_1.SPACINGS.spacing_100,
+    },
+    scaleOption: {
+        position: 'absolute',
+        background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+        width: '0.0625rem',
+        height: '100%',
+    },
+    tracksThumbsContainer: {
+        position: 'relative',
+        width: '100%',
+        height: foundations_1.SPACINGS.spacing_100,
+        margin_top: foundations_1.SPACINGS.spacing_100,
+        margin_bottom: foundations_1.SPACINGS.spacing_50,
+    },
+    tracksThumbsInnerContainer: {
+        position: 'absolute',
+        top: `calc(${foundations_1.SPACINGS.spacing_100} / 2)`,
+        right: '0px',
+        bottom: '0px',
+        left: '0px',
+        background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+    },
+    helperTextContainer: {
+        display: 'flex',
+        justify_content: 'space-between',
+        margin_top: foundations_1.SPACINGS.spacing_200,
+    },
+    helperTextLeftContainer: {
+        text_align: foundations_1.TEXT_ALIGN.left,
+        margin_right: foundations_1.SPACINGS.spacing_100,
+    },
+    helperTextRightContainer: {
+        text_align: foundations_1.TEXT_ALIGN.right,
+        margin_right: foundations_1.SPACINGS.spacing_100,
+    },
+    handle_width: foundations_1.SPACINGS.spacing_100,
+    tooltip: {
+        variant: tooltip_2.TooltipVariantType.DEFAULT,
+        align: tooltip_1.TooltipAlignType.TOP,
+    },
+};
+const commonContainer = {
+    width: '100%',
+};
+const commonThumb = {
+    position: 'absolute',
+    box_sizing: 'border-box',
+    pointer_events: 'inherit',
+    overflow: 'visible',
+    display: 'flex',
+    justify_content: 'center',
+    align_items: 'center',
+    border_radius: '50%',
+    height: foundations_1.SPACINGS.spacing_400,
+    width: foundations_1.SPACINGS.spacing_400,
+    top: '50%',
+    border_width: foundations_1.BORDERS.border_200,
+    transform: 'translate(-50%, -50%)',
+    border_style: 'solid',
+    border_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_250,
+};
+const commonRightThumb = {
+    ...commonThumb,
+    transform: 'translate(50%, -50%)',
+};
+const commonInnerThumbTooltip = {
+    width: foundations_1.SPACINGS.spacing_100,
+    height: foundations_1.SPACINGS.spacing_100,
+    border_radius: '50%',
+};
+const commonActiveTrack = {
+    position: 'absolute',
+    height: foundations_1.SPACINGS.spacing_100,
+    top: `calc(-${foundations_1.SPACINGS.spacing_100} / 2)`,
+    border_radius: foundations_1.RADIUS.radius_100,
+};
+const commonInactiveTrack = {
+    position: 'absolute',
+    height: foundations_1.SPACINGS.spacing_100,
+    top: `calc(-${foundations_1.SPACINGS.spacing_100} / 2)`,
+    border_radius: foundations_1.RADIUS.radius_100,
+};
+const commonHelperText = {
+    font_variant: text_1.TextVariantType.DEFAULT,
+    color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_50,
+};
+exports.SLIDER_STYLES = {
+    [variants_1.SliderVariantType.PRIMARY]: {
+        ...commonProps,
+        states: {
+            [slider_1.SliderStateType.DEFAULT]: {
+                container: {
+                    ...commonContainer,
+                    cursor: 'default',
+                },
+                thumb: {
+                    ...commonThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_icon_100,
+                },
+                rightThumb: {
+                    ...commonRightThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_icon_100,
+                },
+                innerThumbTooltip: {
+                    ...commonInnerThumbTooltip,
+                },
+                activeTrack: {
+                    ...commonActiveTrack,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
+                },
+                inactiveTrack: {
+                    ...commonInactiveTrack,
+                    background_color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_100,
+                },
+                helperText: {
+                    ...commonHelperText,
+                },
+            },
+            [slider_1.SliderStateType.HOVER]: {
+                container: {
+                    ...commonContainer,
+                    cursor: 'grab',
+                },
+                thumb: {
+                    ...commonThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_hover_bg_50,
+                },
+                rightThumb: {
+                    ...commonRightThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_hover_bg_50,
+                },
+                innerThumbTooltip: {
+                    ...commonInnerThumbTooltip,
+                },
+                activeTrack: {
+                    ...commonActiveTrack,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_100,
+                },
+                inactiveTrack: {
+                    ...commonInactiveTrack,
+                    background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+                },
+                helperText: {
+                    ...commonHelperText,
+                },
+            },
+            [slider_1.SliderStateType.PRESSED]: {
+                container: {
+                    ...commonContainer,
+                    cursor: 'grabbing',
+                },
+                thumb: {
+                    ...commonThumb,
+                    background_color: foundations_1.COLORS.PRESSED.color_accent_pressed_bg_50,
+                },
+                rightThumb: {
+                    ...commonRightThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_pressed_bg_50,
+                },
+                innerThumbTooltip: {
+                    ...commonInnerThumbTooltip,
+                },
+                activeTrack: {
+                    ...commonActiveTrack,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_100,
+                },
+                inactiveTrack: {
+                    ...commonInactiveTrack,
+                    background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+                },
+                helperText: {
+                    ...commonHelperText,
+                },
+            },
+            [slider_1.SliderStateType.DISABLED]: {
+                container: {
+                    ...commonContainer,
+                    cursor: 'default',
+                },
+                thumb: {
+                    ...commonThumb,
+                    background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_50,
+                },
+                rightThumb: {
+                    ...commonRightThumb,
+                    background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_50,
+                },
+                innerThumbTooltip: {
+                    ...commonInnerThumbTooltip,
+                },
+                activeTrack: {
+                    ...commonActiveTrack,
+                    background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_border_50,
+                },
+                inactiveTrack: {
+                    ...commonInactiveTrack,
+                    background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_border_100,
+                },
+                helperText: {
+                    ...commonHelperText,
+                },
+            },
+        },
+    },
+    [variants_1.SliderVariantType.TEST_NO_THUMB_EXCEEDS_TRACK]: {
+        ...commonProps,
+        thumbExceedsTrack: false,
+        states: {
+            [slider_1.SliderStateType.DEFAULT]: {
+                container: {
+                    ...commonContainer,
+                    cursor: 'default',
+                },
+                thumb: {
+                    ...commonThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_50,
+                },
+                rightThumb: {
+                    ...commonRightThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_50,
+                },
+                innerThumbTooltip: {
+                    ...commonInnerThumbTooltip,
+                },
+                activeTrack: {
+                    ...commonActiveTrack,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_50,
+                },
+                inactiveTrack: {
+                    ...commonInactiveTrack,
+                    background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+                },
+                helperText: {
+                    ...commonHelperText,
+                },
+            },
+            [slider_1.SliderStateType.HOVER]: {
+                container: {
+                    ...commonContainer,
+                    cursor: 'grab',
+                },
+                thumb: {
+                    ...commonThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_50,
+                },
+                rightThumb: {
+                    ...commonRightThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_50,
+                },
+                innerThumbTooltip: {
+                    ...commonInnerThumbTooltip,
+                },
+                activeTrack: {
+                    ...commonActiveTrack,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_50,
+                },
+                inactiveTrack: {
+                    ...commonInactiveTrack,
+                    background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+                },
+                helperText: {
+                    ...commonHelperText,
+                },
+            },
+            [slider_1.SliderStateType.PRESSED]: {
+                container: {
+                    ...commonContainer,
+                    cursor: 'grabbing',
+                },
+                thumb: {
+                    ...commonThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_50,
+                },
+                rightThumb: {
+                    ...commonRightThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_50,
+                },
+                innerThumbTooltip: {
+                    ...commonInnerThumbTooltip,
+                },
+                activeTrack: {
+                    ...commonActiveTrack,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_50,
+                },
+                inactiveTrack: {
+                    ...commonInactiveTrack,
+                    background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+                },
+                helperText: {
+                    ...commonHelperText,
+                },
+            },
+            [slider_1.SliderStateType.DISABLED]: {
+                container: {
+                    ...commonContainer,
+                    cursor: 'default',
+                },
+                thumb: {
+                    ...commonThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_100,
+                },
+                rightThumb: {
+                    ...commonRightThumb,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_100,
+                },
+                innerThumbTooltip: {
+                    ...commonInnerThumbTooltip,
+                },
+                activeTrack: {
+                    ...commonActiveTrack,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_100,
+                },
+                inactiveTrack: {
+                    ...commonInactiveTrack,
+                    background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_100,
+                },
+                helperText: {
+                    ...commonHelperText,
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderVariantType = void 0;
+var SliderVariantType;
+(function (SliderVariantType) {
+    SliderVariantType["PRIMARY"] = "PRIMARY";
+    SliderVariantType["TEST_NO_THUMB_EXCEEDS_TRACK"] = "TEST_NO_THUMB_EXCEEDS_TRACK";
+})(SliderVariantType || (exports.SliderVariantType = SliderVariantType = {}));
+//# sourceMappingURL=variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/slider/variants.ts"],"names":[],"mappings":";;;AAAA,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,gFAA2D,CAAA;AAC7D,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B"}

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

@@ -25,6 +25,7 @@ __exportStar(require("./option/styles"), exports);
 __exportStar(require("./overlay/styles"), exports);
 __exportStar(require("./popover/styles"), exports);
 __exportStar(require("./tag/styles"), exports);
+__exportStar(require("./tagV2/styles"), exports);
 __exportStar(require("./text/styles"), exports);
 __exportStar(require("./actionBottomSheet/styles"), exports);
 __exportStar(require("./backToTop/styles"), exports);
@@ -61,28 +62,34 @@ __exportStar(require("./dot/styles"), exports);
 __exportStar(require("./functionalitiesModule/styles"), exports);
 __exportStar(require("./mediaButton/styles"), exports);
 __exportStar(require("./navigationCard/styles"), exports);
+__exportStar(require("./navigationRow/styles"), exports);
 __exportStar(require("./oliveMenu/styles"), exports);
 __exportStar(require("./operativeLayout/styles"), exports);
 __exportStar(require("./pageControlAutomate/styles"), exports);
+__exportStar(require("./pagination/styles"), exports);
 __exportStar(require("./pill/styles"), exports);
 __exportStar(require("./pillSelector/styles"), exports);
+__exportStar(require("./quickButton/styles"), exports);
 __exportStar(require("./radioButtonGroup/styles"), exports);
 __exportStar(require("./table/styles"), exports);
 __exportStar(require("./textCount/styles"), exports);
 __exportStar(require("./toggle/styles"), exports);
 __exportStar(require("./toggleWithLabel/styles"), exports);
 __exportStar(require("./tooltip/styles"), exports);
+__exportStar(require("./badge/styles"), exports);
 __exportStar(require("./calendar/styles"), exports);
 __exportStar(require("./cardImage/styles"), exports);
 __exportStar(require("./layout/styles"), exports);
 __exportStar(require("./dropdownSelected/styles"), exports);
 __exportStar(require("./header/styles"), exports);
 __exportStar(require("./headerStructure/styles"), exports);
+__exportStar(require("./selectorBoxFile/styles"), exports);
 __exportStar(require("./skeleton/styles"), exports);
+__exportStar(require("./slider/styles"), exports);
+__exportStar(require("./stepperProgress/styles"), exports);
 __exportStar(require("./stepperNumber/styles"), exports);
 __exportStar(require("./thirdPartyAnimation/styles"), exports);
 __exportStar(require("./textArea/styles"), exports);
 __exportStar(require("./loadingState/styles"), exports);
-__exportStar(require("./selectorBoxFile/styles"), exports);
-__exportStar(require("./stepperProgress/styles"), exports);
+__exportStar(require("./inputSignature/styles"), exports);
 //# sourceMappingURL=styles.js.map

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,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,qDAAmC;AACnC,2DAAyC;AACzC,+DAA6C;AAC7C,gDAA8B;AAC9B,wDAAsC;AACtC,4DAA0C;AAC1C,iDAA+B;AAC/B,qDAAmC;AACnC,kDAAgC;AAChC,2DAAyC;AACzC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,2DAAyC;AACzC,oDAAkC;AAClC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,2DAAyC;AACzC,2DAAyC"}
+{"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,2DAAyC;AACzC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,0DAAwC"}

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

@@ -72,6 +72,11 @@ exports.TABLE_STYLES = {
                     ...commonPropsHeader.container,
                     background_color: foundations_1.COLORS.SECONDARY.color_secondary_bg_150,
                 },
+                column: {
+                    ...commonPropsHeader.column,
+                    //It is used to add color to one single header cell, intead of the whole row
+                    background_color: foundations_1.COLORS.SECONDARY.color_secondary_bg_150,
+                },
             },
             [variants_2.TableHeaderVariantType.SECONDARY]: {
                 ...commonPropsHeader,
@@ -82,6 +87,11 @@ exports.TABLE_STYLES = {
                     border_bottom_color: foundations_1.COLORS.SECONDARY.color_secondary_border_50,
                     border_bottom_style: 'solid',
                 },
+                column: {
+                    ...commonPropsHeader.column,
+                    //It is used to add color to one single header cell, intead of the whole row
+                    background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
+                },
             },
             [variants_2.TableHeaderVariantType.CUSTOMIZABLE_HEADER]: {
                 ...commonPropsHeader,
@@ -151,17 +161,26 @@ exports.TABLE_STYLES = {
             flex_direction: 'column',
             justify_content: 'left',
             background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
+            gap: foundations_1.SPACINGS.spacing_250,
+        },
+        listContainerHeaderPriority: {
+            display: 'flex',
+            flex_direction: 'column',
+            justify_content: 'left',
+            gap: foundations_1.SPACINGS.spacing_250,
         },
         listContainerSydeBySyde: {
             display: 'flex',
             flex_direction: 'row',
             justify_content: 'space-between',
             flex_wrap: 'wrap',
+            gap: foundations_1.SPACINGS.spacing_250,
         },
         listRowContainer: {
             display: 'flex',
             flex_direction: 'column',
             justify_content: 'left',
+            gap: foundations_1.SPACINGS.spacing_250,
         },
         listRowContainerBorder: true,
         listRow: {
@@ -169,13 +188,14 @@ exports.TABLE_STYLES = {
             flex_direction: 'column',
             justify_content: 'left',
             padding: `${foundations_1.SPACINGS.spacing_250} ${foundations_1.SPACINGS.spacing_300}`,
-            gap: foundations_1.SPACINGS.spacing_150,
+            gap: foundations_1.SPACINGS.spacing_250,
         },
         listRowSideBySide: {
             display: 'flex',
             flex_direction: 'row',
             justify_content: 'space-between',
             flex_wrap: 'wrap',
+            gap: foundations_1.SPACINGS.spacing_250,
         },
         divider: {
             lineSeparatorLabelVariant: variants_1.LineSeparatorLabelVariantType.LABEL_DEFAULT,