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

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

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NAVIGATION_ROW_STYLES = void 0;
+const types_1 = require("../../../../components/iconHighlighted/types");
+const types_2 = require("../../../../types");
+const foundations_1 = require("../../foundations");
+const lineSeparator_1 = require("../lineSeparator");
+const text_1 = require("../text");
+const variants_1 = require("../variants");
+const variants_2 = require("./variants");
+exports.NAVIGATION_ROW_STYLES = {
+    [variants_2.NavigationRowSizeType.SMALL]: {},
+    [variants_2.NavigationRowVariantType.DEFAULT]: {
+        container: {
+            width: '100%',
+            height: 'auto',
+            display: 'flex',
+            flex_direction: 'row',
+            justify_content: 'space-between',
+            cursor: 'pointer',
+            background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
+            padding: `${foundations_1.SPACINGS.spacing_400} 0}`,
+            [types_2.DeviceBreakpointsType.DESKTOP]: {
+                align_items: 'start',
+            },
+            [types_2.DeviceBreakpointsType.TABLET]: {
+                align_items: 'center',
+            },
+            [types_2.DeviceBreakpointsType.MOBILE]: {
+                align_items: 'start',
+            },
+        },
+        decorativeIcon: {
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            width: foundations_1.SPACINGS.spacing_400,
+            height: foundations_1.SPACINGS.spacing_400,
+        },
+        iconHighlighted: {
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
+            backgroundColor: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            variant: variants_1.IconHighlightedVariantType.ROUND,
+            size: types_1.IconHighlightedSizeType.EXTRA_SMALL,
+        },
+        textSectionContainer: {
+            display: 'flex',
+            flex_direction: 'column',
+            align_items: 'flex-start',
+            gap: foundations_1.SPACINGS.spacing_100,
+            width: '100%',
+            margin_left: foundations_1.SPACINGS.spacing_150,
+            margin_right: foundations_1.SPACINGS.spacing_300,
+        },
+        iconTextContainer: {
+            display: 'flex',
+            flex_direction: 'row',
+            align_self: 'flex-start',
+            gap: foundations_1.SPACINGS.spacing_100,
+        },
+        text: {
+            font_variant: text_1.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,
+            color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
+            text_align: 'start',
+        },
+        description: {
+            font_variant: text_1.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,
+            color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+            text_align: 'start',
+        },
+        arrowIcon: {
+            color: foundations_1.COLORS.ACCENT.color_accent_default_icon_100,
+            width: foundations_1.SPACINGS.spacing_400,
+            height: foundations_1.SPACINGS.spacing_400,
+        },
+        lineSeparatorLineVariant: lineSeparator_1.LineSeparatorLineVariantType.LINE_DEFAULT,
+    },
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/navigationRow/styles.ts"],"names":[],"mappings":";;;AAAA,8DAA6E;AAE7E,mCAAgD;AAEhD,mDAAkE;AAClE,oDAAgE;AAChE,kCAA0C;AAC1C,0CAAyD;AACzD,yCAA6E;AAEhE,QAAA,qBAAqB,GAG9B;IACF,CAAC,gCAAqB,CAAC,KAAK,CAAC,EAAE,EAAE;IACjC,CAAC,mCAAwB,CAAC,OAAO,CAAC,EAAE;QAClC,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,KAAK;YACrB,eAAe,EAAE,eAAe;YAChC,MAAM,EAAE,SAAS;YACjB,gBAAgB,EAAE,oBAAM,CAAC,OAAO,CAAC,oBAAoB;YACrD,OAAO,EAAE,GAAG,sBAAQ,CAAC,WAAW,KAAK;YACrC,CAAC,6BAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,WAAW,EAAE,OAAO;aACrB;YACD,CAAC,6BAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,WAAW,EAAE,QAAQ;aACtB;YACD,CAAC,6BAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,WAAW,EAAE,OAAO;aACrB;SACF;QACD,cAAc,EAAE;YACd,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;YAC3C,KAAK,EAAE,sBAAQ,CAAC,WAAW;YAC3B,MAAM,EAAE,sBAAQ,CAAC,WAAW;SAC7B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,oBAAoB;YAC1C,eAAe,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;YACrD,OAAO,EAAE,qCAA0B,CAAC,KAAK;YACzC,IAAI,EAAE,+BAAuB,CAAC,WAAW;SAC1C;QACD,oBAAoB,EAAE;YACpB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,WAAW,EAAE,YAAY;YACzB,GAAG,EAAE,sBAAQ,CAAC,WAAW;YACzB,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,sBAAQ,CAAC,WAAW;YACjC,YAAY,EAAE,sBAAQ,CAAC,WAAW;SACnC;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,KAAK;YACrB,UAAU,EAAE,YAAY;YACxB,GAAG,EAAE,sBAAQ,CAAC,WAAW;SAC1B;QACD,IAAI,EAAE;YACJ,YAAY,EAAE,sBAAe,CAAC,yBAAyB;YACvD,KAAK,EAAE,oBAAM,CAAC,MAAM,CAAC,4BAA4B;YACjD,WAAW,EAAE,yBAAW,CAAC,eAAe;YACxC,UAAU,EAAE,OAAO;SACpB;QACD,WAAW,EAAE;YACX,YAAY,EAAE,sBAAe,CAAC,yBAAyB;YACvD,KAAK,EAAE,oBAAM,CAAC,MAAM,CAAC,4BAA4B;YACjD,WAAW,EAAE,yBAAW,CAAC,eAAe;YACxC,UAAU,EAAE,OAAO;SACpB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,oBAAM,CAAC,MAAM,CAAC,6BAA6B;YAClD,KAAK,EAAE,sBAAQ,CAAC,WAAW;YAC3B,MAAM,EAAE,sBAAQ,CAAC,WAAW;SAC7B;QACD,wBAAwB,EAAE,4CAA4B,CAAC,YAAY;KACpE;CACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/navigationRow/variants.ts"],"names":[],"mappings":";;;AAAA,IAAY,wBAEX;AAFD,WAAY,wBAAwB;IAClC,+CAAmB,CAAA;AACrB,CAAC,EAFW,wBAAwB,wCAAxB,wBAAwB,QAEnC;AAED,IAAY,qBAEX;AAFD,WAAY,qBAAqB;IAC/B,wCAAe,CAAA;AACjB,CAAC,EAFW,qBAAqB,qCAArB,qBAAqB,QAEhC"}

package/dist/cjs/designSystem/kubit/components/pagination/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/pagination/index.js.map

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

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

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PAGINATION_STYLES = void 0;
+const types_1 = require("../../../../components/pagination/types");
+const types_2 = require("../../../../types");
+const foundations_1 = require("../../foundations");
+const text_1 = require("../text");
+const variants_1 = require("./variants");
+const commonPageContainer = {
+    display: 'flex',
+    align_items: 'center',
+    justify_content: 'center',
+    height: foundations_1.SIZES.size_300,
+    width: foundations_1.SIZES.size_300,
+    clickable: {
+        cursor: 'pointer',
+    },
+};
+const commonProps = {
+    container: {
+        display: 'flex',
+        align_items: 'center',
+        justify_content: 'center',
+        height: 'auto',
+        width: 'auto',
+    },
+    pagesContainer: {
+        display: 'flex',
+        align_items: 'center',
+        justify_content: 'center',
+        height: 'auto',
+        width: 'auto',
+        column_gap: foundations_1.SPACINGS.spacing_150,
+        margin: `0 ${foundations_1.SPACINGS.spacing_300}`,
+    },
+    paginationLeftArrowIcon: {
+        width: foundations_1.SIZES.size_300,
+        height: foundations_1.SIZES.size_300,
+        color: foundations_1.COLORS.BRAND.color_brand_bg_50,
+        disabled: {
+            width: foundations_1.SIZES.size_300,
+            height: foundations_1.SIZES.size_300,
+            color: foundations_1.COLORS.DISABLED.color_accentDisabled_icon_50,
+        },
+    },
+    paginationRightArrowIcon: {
+        width: foundations_1.SIZES.size_300,
+        height: foundations_1.SIZES.size_300,
+        color: foundations_1.COLORS.BRAND.color_brand_bg_50,
+        disabled: {
+            width: foundations_1.SIZES.size_300,
+            height: foundations_1.SIZES.size_300,
+            color: foundations_1.COLORS.DISABLED.color_accentDisabled_icon_50,
+        },
+    },
+    paginationCountersNumber: {
+        [types_2.DeviceBreakpointsType.LARGE_DESKTOP]: {
+            counters: 5,
+        },
+        [types_2.DeviceBreakpointsType.DESKTOP]: {
+            counters: 5,
+        },
+        [types_2.DeviceBreakpointsType.TABLET]: {
+            counters: 5,
+        },
+        [types_2.DeviceBreakpointsType.MOBILE]: {
+            counters: 4,
+        },
+    },
+};
+exports.PAGINATION_STYLES = {
+    [variants_1.PaginationVariantsTheme.DEFAULT]: {
+        ...commonProps,
+        [types_1.PaginationState.DEFAULT]: {
+            pageContainer: {
+                ...commonPageContainer,
+            },
+            page: {
+                font_variant: text_1.TextVariantType.PARAGRAPH_SMALL_EXTENDED,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
+                font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+            },
+        },
+        [types_1.PaginationState.SELECTED]: {
+            pageContainer: {
+                ...commonPageContainer,
+                background_color: foundations_1.COLORS.SECONDARY.color_secondary_bg_100,
+            },
+            page: {
+                font_variant: text_1.TextVariantType.PARAGRAPH_SMALL_EXTENDED,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
+                font_weight: 700,
+            },
+        },
+    },
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/pagination/styles.ts"],"names":[],"mappings":";;;AAAA,yDAIuC;AACvC,mCAAgD;AAEhD,mDAAyE;AACzE,kCAA0C;AAC1C,yCAAqD;AAErD,MAAM,mBAAmB,GAAG;IAC1B,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,QAAQ;IACrB,eAAe,EAAE,QAAQ;IACzB,MAAM,EAAE,mBAAK,CAAC,QAAQ;IACtB,KAAK,EAAE,mBAAK,CAAC,QAAQ;IACrB,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;CACF,CAAC;AAEF,MAAM,WAAW,GAA0B;IACzC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,QAAQ;QACrB,eAAe,EAAE,QAAQ;QACzB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IACD,cAAc,EAAE;QACd,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,QAAQ;QACrB,eAAe,EAAE,QAAQ;QACzB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,sBAAQ,CAAC,WAAW;QAChC,MAAM,EAAE,KAAK,sBAAQ,CAAC,WAAW,EAAE;KACpC;IACD,uBAAuB,EAAE;QACvB,KAAK,EAAE,mBAAK,CAAC,QAAQ;QACrB,MAAM,EAAE,mBAAK,CAAC,QAAQ;QACtB,KAAK,EAAE,oBAAM,CAAC,KAAK,CAAC,iBAAiB;QACrC,QAAQ,EAAE;YACR,KAAK,EAAE,mBAAK,CAAC,QAAQ;YACrB,MAAM,EAAE,mBAAK,CAAC,QAAQ;YACtB,KAAK,EAAE,oBAAM,CAAC,QAAQ,CAAC,4BAA4B;SACpD;KACF;IACD,wBAAwB,EAAE;QACxB,KAAK,EAAE,mBAAK,CAAC,QAAQ;QACrB,MAAM,EAAE,mBAAK,CAAC,QAAQ;QACtB,KAAK,EAAE,oBAAM,CAAC,KAAK,CAAC,iBAAiB;QACrC,QAAQ,EAAE;YACR,KAAK,EAAE,mBAAK,CAAC,QAAQ;YACrB,MAAM,EAAE,mBAAK,CAAC,QAAQ;YACtB,KAAK,EAAE,oBAAM,CAAC,QAAQ,CAAC,4BAA4B;SACpD;KACF;IACD,wBAAwB,EAAE;QACxB,CAAC,6BAAqB,CAAC,aAAa,CAAC,EAAE;YACrC,QAAQ,EAAE,CAAC;SACZ;QACD,CAAC,6BAAqB,CAAC,OAAO,CAAC,EAAE;YAC/B,QAAQ,EAAE,CAAC;SACZ;QACD,CAAC,6BAAqB,CAAC,MAAM,CAAC,EAAE;YAC9B,QAAQ,EAAE,CAAC;SACZ;QACD,CAAC,6BAAqB,CAAC,MAAM,CAAC,EAAE;YAC9B,QAAQ,EAAE,CAAC;SACZ;KACF;CACF,CAAC;AAEW,QAAA,iBAAiB,GAAkD;IAC9E,CAAC,kCAAuB,CAAC,OAAO,CAAC,EAAE;QACjC,GAAG,WAAW;QACd,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE;YACzB,aAAa,EAAE;gBACb,GAAG,mBAAmB;aACvB;YACD,IAAI,EAAE;gBACJ,YAAY,EAAE,sBAAe,CAAC,wBAAwB;gBACtD,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;gBAC3C,WAAW,EAAE,yBAAW,CAAC,eAAe;aACzC;SACF;QACD,CAAC,uBAAe,CAAC,QAAQ,CAAC,EAAE;YAC1B,aAAa,EAAE;gBACb,GAAG,mBAAmB;gBACtB,gBAAgB,EAAE,oBAAM,CAAC,SAAS,CAAC,sBAAsB;aAC1D;YACD,IAAI,EAAE;gBACJ,YAAY,EAAE,sBAAe,CAAC,wBAAwB;gBACtD,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;gBAC5C,WAAW,EAAE,GAAG;aACjB;SACF;KACF;CACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/pagination/variants.ts"],"names":[],"mappings":";;;AAAA,IAAY,uBAEX;AAFD,WAAY,uBAAuB;IACjC,8CAAmB,CAAA;AACrB,CAAC,EAFW,uBAAuB,uCAAvB,uBAAuB,QAElC"}

package/dist/cjs/designSystem/kubit/components/quickButton/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/quickButton/index.js.map

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

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"}