@kubit-ui-web/react-components 1.11.0 → 1.13.0

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

@@ -0,0 +1,233 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MODAL_STYLES_V2 = void 0;
+const types_1 = require("../../../../types");
+const foundations_1 = require("../../foundations");
+const variants_1 = require("../footer/variants");
+const variants_2 = require("../popover/variants");
+const variants_3 = require("../text/variants");
+const variants_4 = require("./variants");
+const commonTokens = {
+    popoverVariant: variants_2.PopoverVariantType.MODAL,
+    container: {
+        background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
+        overflow_y: 'auto',
+        display: 'flex',
+        align_items: 'center',
+        flex_flow: 'column nowrap',
+        box_sizing: 'border-box',
+        border_radius: foundations_1.RADIUS.radius_50,
+    },
+    headerContainer: {
+        width: foundations_1.SPACINGS.spacing_100_percent,
+        display: 'flex',
+        flex_direction: 'column',
+        justify_content: 'space-between',
+        align_items: 'center',
+        gap: foundations_1.SPACINGS.spacing_150,
+    },
+    title: {
+        font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
+        color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
+        text_align: foundations_1.TEXT_ALIGN.center,
+        font_variant: variants_3.TextVariantType.HEADING_H4_EXPANDED,
+    },
+    content: {
+        margin_top: foundations_1.SPACINGS.spacing_0,
+        width: foundations_1.SPACINGS.spacing_100_percent,
+        flex: 'auto',
+        overflow_y: 'auto',
+    },
+    closeButtonContainer: {
+        display: 'flex',
+        justify_content: 'end',
+        width: '100%',
+    },
+    closeButtonIcon: {
+        color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        width: foundations_1.SIZES.size_250,
+        height: foundations_1.SIZES.size_250,
+    },
+};
+exports.MODAL_STYLES_V2 = {
+    [variants_4.ModalVariantTypeV2.DEFAULT]: {
+        ...commonTokens,
+        footerVariant: variants_1.FooterVariants.DEFAULT,
+        container: {
+            ...commonTokens.container,
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                min_width: '37.5rem',
+                min_height: '15rem',
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                min_width: '48rem',
+                min_height: '16rem',
+            },
+        },
+        headerContainer: {
+            ...commonTokens.headerContainer,
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                padding: foundations_1.SPACINGS.spacing_400,
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                padding: `${foundations_1.SPACINGS.spacing_300} ${foundations_1.SPACINGS.spacing_400} ${foundations_1.SPACINGS.spacing_400}`,
+            },
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                padding: `${foundations_1.SPACINGS.spacing_300} ${foundations_1.SPACINGS.spacing_300} ${foundations_1.SPACINGS.spacing_400} ${foundations_1.SPACINGS.spacing_300}`,
+            },
+        },
+        content: {
+            ...commonTokens.content,
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                margin_bottom: foundations_1.SPACINGS.spacing_400,
+                padding_left: foundations_1.SPACINGS.spacing_450,
+                padding_right: foundations_1.SPACINGS.spacing_450,
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                margin_bottom: foundations_1.SPACINGS.spacing_400,
+                padding_left: foundations_1.SPACINGS.spacing_400,
+                padding_right: foundations_1.SPACINGS.spacing_400,
+            },
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                margin_bottom: foundations_1.SPACINGS.spacing_400,
+                padding_left: foundations_1.SPACINGS.spacing_300,
+                padding_right: foundations_1.SPACINGS.spacing_300,
+            },
+        },
+        footer: {
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                border_top_width: foundations_1.BORDERS.border_50,
+                border_top_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_200,
+                width: `calc(${foundations_1.SPACINGS.spacing_100_percent} - (${foundations_1.SPACINGS.spacing_450} + ${foundations_1.SPACINGS.spacing_450}))`,
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                border_top_width: foundations_1.BORDERS.border_50,
+                border_top_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_200,
+                width: `calc(${foundations_1.SPACINGS.spacing_100_percent} - (${foundations_1.SPACINGS.spacing_400} + ${foundations_1.SPACINGS.spacing_400}))`,
+            },
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                border_top_width: foundations_1.BORDERS.border_50,
+                border_top_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_200,
+                width: `calc(${foundations_1.SPACINGS.spacing_100_percent} - (${foundations_1.SPACINGS.spacing_400} + ${foundations_1.SPACINGS.spacing_400}))`,
+            },
+        },
+    },
+    [variants_4.ModalVariantTypeV2.DEFAULT_ABSOLUTE]: {
+        ...commonTokens,
+        popoverVariant: variants_2.PopoverVariantType.MODAL_ABSOLUTE,
+        container: {
+            ...commonTokens.container,
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                min_width: '37.5rem',
+                min_height: '15rem',
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                min_width: '48rem',
+                min_height: '16rem',
+            },
+        },
+        headerContainer: {
+            ...commonTokens.headerContainer,
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                padding: foundations_1.SPACINGS.spacing_400,
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                padding: `${foundations_1.SPACINGS.spacing_300} ${foundations_1.SPACINGS.spacing_400} ${foundations_1.SPACINGS.spacing_400}`,
+            },
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                padding: `${foundations_1.SPACINGS.spacing_300} ${foundations_1.SPACINGS.spacing_300} ${foundations_1.SPACINGS.spacing_400} ${foundations_1.SPACINGS.spacing_300}`,
+            },
+        },
+        content: {
+            ...commonTokens.content,
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                margin_bottom: foundations_1.SPACINGS.spacing_400,
+                padding_left: foundations_1.SPACINGS.spacing_450,
+                padding_right: foundations_1.SPACINGS.spacing_450,
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                margin_bottom: foundations_1.SPACINGS.spacing_400,
+                padding_left: foundations_1.SPACINGS.spacing_400,
+                padding_right: foundations_1.SPACINGS.spacing_400,
+            },
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                margin_bottom: foundations_1.SPACINGS.spacing_400,
+                padding_left: foundations_1.SPACINGS.spacing_300,
+                padding_right: foundations_1.SPACINGS.spacing_300,
+            },
+        },
+        footer: {
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                border_top_width: foundations_1.BORDERS.border_50,
+                border_top_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_200,
+                width: `calc(${foundations_1.SPACINGS.spacing_100_percent} - (${foundations_1.SPACINGS.spacing_450} + ${foundations_1.SPACINGS.spacing_450}))`,
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                border_top_width: foundations_1.BORDERS.border_50,
+                border_top_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_200,
+                width: `calc(${foundations_1.SPACINGS.spacing_100_percent} - (${foundations_1.SPACINGS.spacing_400} + ${foundations_1.SPACINGS.spacing_400}))`,
+            },
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                border_top_width: foundations_1.BORDERS.border_50,
+                border_top_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_200,
+                width: `calc(${foundations_1.SPACINGS.spacing_100_percent} - (${foundations_1.SPACINGS.spacing_400} + ${foundations_1.SPACINGS.spacing_400}))`,
+            },
+        },
+    },
+    [variants_4.ModalVariantTypeV2.DEFAULT_ABSOLUTE_TINY]: {
+        ...commonTokens,
+        popoverVariant: variants_2.PopoverVariantType.MODAL_ABSOLUTE,
+        container: {
+            ...commonTokens.container,
+            background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_200,
+        },
+        headerContainer: {
+            ...commonTokens.headerContainer,
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                padding: foundations_1.SPACINGS.spacing_400,
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                padding: `${foundations_1.SPACINGS.spacing_300} ${foundations_1.SPACINGS.spacing_400} ${foundations_1.SPACINGS.spacing_400}`,
+            },
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                padding: `${foundations_1.SPACINGS.spacing_300} ${foundations_1.SPACINGS.spacing_300} ${foundations_1.SPACINGS.spacing_400} ${foundations_1.SPACINGS.spacing_300}`,
+            },
+        },
+        content: {
+            ...commonTokens.content,
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                margin_bottom: foundations_1.SPACINGS.spacing_400,
+                padding_left: foundations_1.SPACINGS.spacing_450,
+                padding_right: foundations_1.SPACINGS.spacing_450,
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                margin_bottom: foundations_1.SPACINGS.spacing_400,
+                padding_left: foundations_1.SPACINGS.spacing_400,
+                padding_right: foundations_1.SPACINGS.spacing_400,
+            },
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                margin_bottom: foundations_1.SPACINGS.spacing_400,
+                padding_left: foundations_1.SPACINGS.spacing_300,
+                padding_right: foundations_1.SPACINGS.spacing_300,
+            },
+        },
+        footer: {
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                border_top_width: foundations_1.BORDERS.border_50,
+                border_top_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_200,
+                width: `calc(${foundations_1.SPACINGS.spacing_100_percent} - (${foundations_1.SPACINGS.spacing_450} + ${foundations_1.SPACINGS.spacing_450}))`,
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                border_top_width: foundations_1.BORDERS.border_50,
+                border_top_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_200,
+                width: `calc(${foundations_1.SPACINGS.spacing_100_percent} - (${foundations_1.SPACINGS.spacing_400} + ${foundations_1.SPACINGS.spacing_400}))`,
+            },
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                border_top_width: foundations_1.BORDERS.border_50,
+                border_top_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_200,
+                width: `calc(${foundations_1.SPACINGS.spacing_100_percent} - (${foundations_1.SPACINGS.spacing_400} + ${foundations_1.SPACINGS.spacing_400}))`,
+            },
+        },
+    },
+};
+//# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/modalV2/variants.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,2DAAqC,CAAA;IACrC,qEAA+C,CAAA;AACjD,CAAC,EAJW,kBAAkB,kCAAlB,kBAAkB,QAI7B"}

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

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

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

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PROGRESS_BAR_STYLES = void 0;
+const foundations_1 = require("../../foundations");
+const variants_1 = require("../variants");
+const variants_2 = require("./variants");
+const containerProps = {
+    width: 'inherit',
+    display: 'flex',
+    gap: foundations_1.SPACINGS.spacing_100,
+};
+const barContainerProps = {
+    position: 'relative',
+    width: '100%',
+};
+const progressBarProps = {
+    position: 'absolute',
+    top: '50%',
+    left: '0',
+    width: '0',
+    border_radius: foundations_1.RADIUS.radius_100,
+    background: foundations_1.COLORS.BRAND.color_brand_bg_50,
+};
+const barProps = {
+    position: 'absolute',
+    top: '50%',
+    left: '0',
+    width: 'inherit',
+    border_radius: foundations_1.RADIUS.radius_100,
+    background: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+};
+const commonProps = {
+    container: {
+        ...containerProps,
+    },
+    barContainer: {
+        ...barContainerProps,
+    },
+    bar: {
+        ...barProps,
+    },
+    progressBar: {
+        ...progressBarProps,
+    },
+};
+exports.PROGRESS_BAR_STYLES = {
+    [variants_2.ProgressBarVariantType.DEFAULT]: {
+        ...commonProps,
+    },
+    [variants_2.ProgressBarVariantType.INTERACTIVE]: {
+        ...commonProps,
+        useAsSlider: true,
+        sliderVariant: variants_1.SliderVariantType.PRIMARY,
+        barContainer: {
+            ...barContainerProps,
+            cursor: 'pointer',
+        },
+    },
+    [variants_2.ProgressBarSizeType.SMALL]: {
+        progressBar: {
+            height: foundations_1.SPACINGS.spacing_100,
+        },
+        bar: {
+            height: foundations_1.SPACINGS.spacing_100,
+        },
+    },
+    [variants_2.ProgressBarSizeType.MEDIUM]: {
+        progressBar: {
+            height: foundations_1.SPACINGS.spacing_150,
+        },
+        bar: {
+            height: foundations_1.SPACINGS.spacing_150,
+        },
+    },
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/progressBar/styles.ts"],"names":[],"mappings":";;;AAEA,mDAA6D;AAC7D,0CAAgD;AAChD,yCAAyE;AAEzE,MAAM,cAAc,GAAG;IACrB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,sBAAQ,CAAC,WAAW;CAC1B,CAAC;AAEF,MAAM,iBAAiB,GAAG;IACxB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,gBAAgB,GAAG;IACvB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,aAAa,EAAE,oBAAM,CAAC,UAAU;IAChC,UAAU,EAAE,oBAAM,CAAC,KAAK,CAAC,iBAAiB;CAC3C,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,oBAAM,CAAC,UAAU;IAChC,UAAU,EAAE,oBAAM,CAAC,OAAO,CAAC,oBAAoB;CAChD,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE;QACT,GAAG,cAAc;KAClB;IACD,YAAY,EAAE;QACZ,GAAG,iBAAiB;KACrB;IACD,GAAG,EAAE;QACH,GAAG,QAAQ;KACZ;IACD,WAAW,EAAE;QACX,GAAG,gBAAgB;KACpB;CACF,CAAC;AAEW,QAAA,mBAAmB,GAG5B;IACF,CAAC,iCAAsB,CAAC,OAAO,CAAC,EAAE;QAChC,GAAG,WAAW;KACf;IACD,CAAC,iCAAsB,CAAC,WAAW,CAAC,EAAE;QACpC,GAAG,WAAW;QACd,WAAW,EAAE,IAAI;QACjB,aAAa,EAAE,4BAAiB,CAAC,OAAO;QACxC,YAAY,EAAE;YACZ,GAAG,iBAAiB;YACpB,MAAM,EAAE,SAAS;SAClB;KACF;IACD,CAAC,8BAAmB,CAAC,KAAK,CAAC,EAAE;QAC3B,WAAW,EAAE;YACX,MAAM,EAAE,sBAAQ,CAAC,WAAW;SAC7B;QACD,GAAG,EAAE;YACH,MAAM,EAAE,sBAAQ,CAAC,WAAW;SAC7B;KACF;IACD,CAAC,8BAAmB,CAAC,MAAM,CAAC,EAAE;QAC5B,WAAW,EAAE;YACX,MAAM,EAAE,sBAAQ,CAAC,WAAW;SAC7B;QACD,GAAG,EAAE;YACH,MAAM,EAAE,sBAAQ,CAAC,WAAW;SAC7B;KACF;CACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/progressBar/variants.ts"],"names":[],"mappings":";;;AAAA,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAChC,6CAAmB,CAAA;IACnB,qDAA2B,CAAA;AAC7B,CAAC,EAHW,sBAAsB,sCAAtB,sBAAsB,QAGjC;AAED,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,sCAAe,CAAA;IACf,wCAAiB,CAAA;AACnB,CAAC,EAHW,mBAAmB,mCAAnB,mBAAmB,QAG9B"}

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

@@ -48,6 +48,7 @@ __exportStar(require("./listOptions/styles"), exports);
 __exportStar(require("./mediaProgressBar/styles"), exports);
 __exportStar(require("./message/styles"), exports);
 __exportStar(require("./modal/styles"), exports);
+__exportStar(require("./modalV2/styles"), exports);
 __exportStar(require("./pageControl/styles"), exports);
 __exportStar(require("./tabs/styles"), exports);
 __exportStar(require("./snackbar/styles"), exports);
@@ -104,5 +105,7 @@ __exportStar(require("./tableCaption/styles"), exports);
 __exportStar(require("./tableDivider/styles"), exports);
 __exportStar(require("./tableV2/styles"), exports);
 __exportStar(require("./dataTable/styles"), exports);
+__exportStar(require("./video/styles"), exports);
 __exportStar(require("./virtualKeyboard/styles"), exports);
+__exportStar(require("./progressBar/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,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;AACnC,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,mDAAiC;AACjC,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;AACnC,iDAA+B;AAC/B,2DAAyC;AACzC,uDAAqC"}

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

@@ -48,6 +48,7 @@ __exportStar(require("./listOptions/variants"), exports);
 __exportStar(require("./mediaProgressBar/variants"), exports);
 __exportStar(require("./message/variants"), exports);
 __exportStar(require("./modal/variants"), exports);
+__exportStar(require("./modalV2/variants"), exports);
 __exportStar(require("./pageControl/variants"), exports);
 __exportStar(require("./tabs/variants"), exports);
 __exportStar(require("./snackbar/variants"), exports);
@@ -104,5 +105,7 @@ __exportStar(require("./tableCaption/variants"), exports);
 __exportStar(require("./tableDivider/variants"), exports);
 __exportStar(require("./tableV2/variants"), exports);
 __exportStar(require("./dataTable/variants"), exports);
+__exportStar(require("./video/variants"), exports);
 __exportStar(require("./virtualKeyboard/variants"), exports);
+__exportStar(require("./progressBar/variants"), exports);
 //# sourceMappingURL=variants.js.map

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

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

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

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

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

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VIDEO_STYLES = void 0;
+const sizes_1 = require("../../../../components/mediaButton/types/sizes");
+const types_1 = require("../../../../types");
+const foundations_1 = require("../../foundations");
+const button_1 = require("../button");
+const mediaButton_1 = require("../mediaButton");
+const skeleton_1 = require("../skeleton");
+const text_1 = require("../text");
+const variants_1 = require("../variants");
+const variants_2 = require("./variants");
+exports.VIDEO_STYLES = {
+    [variants_2.VideoVariantType.REGULAR]: {
+        progressBarVariant: variants_1.ProgressBarVariantType.INTERACTIVE,
+        progressBarSize: variants_1.ProgressBarSizeType.MEDIUM,
+        buttonsContainer: {
+            padding: foundations_1.SPACINGS.spacing_50,
+            background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            justify_content: 'space-between',
+            width: '100%',
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                flex_direction: 'column',
+                row_gap: foundations_1.SPACINGS.spacing_100,
+            },
+        },
+        subtitles: {
+            padding_bottom: foundations_1.SPACINGS.spacing_100,
+            padding: foundations_1.SPACINGS.spacing_100,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                font_size: foundations_1.HEADING.H1[types_1.DeviceBreakpointsType.DESKTOP].font_size,
+                line_height: foundations_1.HEADING.H1[types_1.DeviceBreakpointsType.DESKTOP].line_height,
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                font_size: foundations_1.HEADING.H1[types_1.DeviceBreakpointsType.DESKTOP].font_size,
+                line_height: foundations_1.HEADING.H1[types_1.DeviceBreakpointsType.DESKTOP].line_height,
+            },
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                font_size: foundations_1.HEADING.H1[types_1.DeviceBreakpointsType.MOBILE].font_size,
+                line_height: foundations_1.HEADING.H1[types_1.DeviceBreakpointsType.MOBILE].line_height,
+            },
+        },
+        screenIconContainer: {
+            z_index: foundations_1.Z_INDEX.INTERN_3,
+        },
+        screenPlayLoadingIcon: {
+            variant: mediaButton_1.MediaButtonVariantType.DEFAULT,
+            color: foundations_1.COLORS.BRAND.color_brand_bg_50,
+            backgroundColor: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            size: {
+                [types_1.DeviceBreakpointsType.DESKTOP]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.TABLET]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.MOBILE]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.LARGE_DESKTOP]: sizes_1.MediaButtonSizeType.LARGE,
+            },
+        },
+        buttonsBarPlayIcon: {
+            variant: mediaButton_1.MediaButtonVariantType.DEFAULT,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            backgroundColor: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            size: {
+                [types_1.DeviceBreakpointsType.DESKTOP]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.TABLET]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.MOBILE]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.LARGE_DESKTOP]: sizes_1.MediaButtonSizeType.LARGE,
+            },
+        },
+        buttonsBarVolumeIcon: {
+            variant: mediaButton_1.MediaButtonVariantType.DEFAULT,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            backgroundColor: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            size: {
+                [types_1.DeviceBreakpointsType.DESKTOP]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.TABLET]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.MOBILE]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.LARGE_DESKTOP]: sizes_1.MediaButtonSizeType.LARGE,
+            },
+        },
+        volumeBar: {
+            accent_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            width: foundations_1.SPACINGS.spacing_100,
+        },
+        videoDuration: {
+            font_variant: text_1.TextVariantType.DEFAULT,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+        },
+        buttonsBarSubtitlesIcon: {
+            variant: mediaButton_1.MediaButtonVariantType.DEFAULT,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            backgroundColor: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            size: {
+                [types_1.DeviceBreakpointsType.DESKTOP]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.TABLET]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.MOBILE]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.LARGE_DESKTOP]: sizes_1.MediaButtonSizeType.LARGE,
+            },
+        },
+        buttonsBarFullScreenIcon: {
+            variant: mediaButton_1.MediaButtonVariantType.DEFAULT,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            backgroundColor: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+            size: {
+                [types_1.DeviceBreakpointsType.DESKTOP]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.TABLET]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.MOBILE]: sizes_1.MediaButtonSizeType.LARGE,
+                [types_1.DeviceBreakpointsType.LARGE_DESKTOP]: sizes_1.MediaButtonSizeType.LARGE,
+            },
+        },
+        buttonsBarFirstSubcontainer: {
+            column_gap: foundations_1.SPACINGS.spacing_50,
+        },
+        buttonsBarSecondSubcontainer: {
+            column_gap: foundations_1.SPACINGS.spacing_50,
+        },
+        bottomContainer: {
+            padding: foundations_1.SPACINGS.spacing_50,
+            column_gap: foundations_1.SPACINGS.spacing_50,
+            background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_100,
+        },
+        actionButton: {
+            variant: button_1.ButtonVariantType.PRIMARY,
+            size: button_1.ButtonSizeType.LARGE,
+        },
+        link: {
+            font_variant: text_1.TextVariantType.DEFAULT,
+            font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+            color: foundations_1.COLORS.ACCENT.color_accent_default_bg_100,
+        },
+        videoSkeletonContainer: {
+            [types_1.DeviceBreakpointsType.DESKTOP]: {
+                width: '1200px',
+                height: '675px',
+            },
+            [types_1.DeviceBreakpointsType.TABLET]: {
+                width: '720px',
+                height: '405px',
+            },
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                width: '328px',
+                height: '185px',
+            },
+        },
+        buttonsSkeletonContainer: {
+            padding: `${foundations_1.SPACINGS.spacing_50} ${foundations_1.SPACINGS.spacing_50} ${foundations_1.SPACINGS.spacing_50} ${foundations_1.SPACINGS.spacing_0}`,
+            column_gap: foundations_1.SPACINGS.spacing_50,
+            justify_content: 'flex-end',
+            [types_1.DeviceBreakpointsType.MOBILE]: {
+                padding: foundations_1.SPACINGS.spacing_50,
+                justify_content: 'flex-start',
+            },
+        },
+        videoSkeleton: {
+            variant: skeleton_1.SkeletonVariantType.DEFAULT,
+            shapeVariant: skeleton_1.SkeletonShapeVariant.SQUARE,
+            width: '100%',
+            height: '100%',
+        },
+        buttonSkeleton: {
+            variant: skeleton_1.SkeletonVariantType.DEFAULT,
+            shapeVariant: skeleton_1.SkeletonShapeVariant.SQUARE,
+            width: foundations_1.SPACINGS.spacing_100,
+            height: foundations_1.SPACINGS.spacing_100,
+        },
+        overlay: {
+            position: 'absolute',
+            top: '0',
+            z_index: foundations_1.Z_INDEX.OVERLAY,
+            width: '100%',
+            height: '100%',
+            opacity: '0.7',
+            background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_100,
+        },
+        tooltip: {
+            variant: variants_1.TooltipVariantType.DEFAULT,
+        },
+    },
+};
+//# sourceMappingURL=styles.js.map