@kubit-ui-web/react-components 1.3.2 → 1.5.0

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

@@ -2,52 +2,62 @@ import { MediaButtonSizeType } from '../../../../components/mediaButton/types/si
 import { COLORS, RADIUS, SPACINGS } from '../../foundations';
 import { LoaderVariantType } from '../loader';
 import { MediaButtonVariantType } from './variants';
+const commonButtonContainerProps = {
+    position: 'relative',
+    cursor: 'pointer',
+    border_radius: RADIUS.radius_100,
+    margin: SPACINGS.spacing_100,
+};
+const commonContainerProps = {
+    position: 'relative',
+    display: 'flex',
+    cursor: 'pointer',
+    border_radius: RADIUS.radius_100,
+};
+const commonDefaultProps = {
+    container: { ...commonContainerProps },
+    buttonContainer: { ...commonButtonContainerProps },
+    icon: {
+        color: COLORS.BRAND.color_brand_bg_50,
+        disabled: {
+            color: COLORS.ACCENT.color_accent_default_bg_100,
+        },
+    },
+    iconToTransition: {
+        color: COLORS.BRAND.color_brand_bg_50,
+    },
+    loader: {
+        variant: LoaderVariantType.PRIMARY_WHITE,
+    },
+};
 export const MEDIA_BUTTON_STYLES = {
     [MediaButtonVariantType.DEFAULT]: {
         [MediaButtonSizeType.LARGE]: {
+            ...commonDefaultProps,
             container: {
-                position: 'relative',
-                display: 'flex',
-                cursor: 'pointer',
+                ...commonContainerProps,
                 background_color: COLORS.NEUTRAL.color_neutral_bg_100,
-                padding: SPACINGS.spacing_100,
-                border_radius: RADIUS.radius_100,
-                width: SPACINGS.spacing_100,
-                height: SPACINGS.spacing_100,
-                min_width: SPACINGS.spacing_100,
-                min_height: SPACINGS.spacing_100,
-            },
-            icon: {
-                color: COLORS.BRAND.color_brand_bg_50,
-            },
-            iconToTransition: {
-                color: COLORS.BRAND.color_brand_bg_50,
             },
-            loader: {
-                variant: LoaderVariantType.PRIMARY_WHITE,
+            buttonContainer: {
+                ...commonButtonContainerProps,
+                width: SPACINGS.spacing_500,
+                height: SPACINGS.spacing_500,
+                min_width: SPACINGS.spacing_500,
+                min_height: SPACINGS.spacing_500,
             },
         },
         [MediaButtonSizeType.SMALL]: {
+            ...commonDefaultProps,
             container: {
-                position: 'relative',
-                display: 'flex',
-                cursor: 'pointer',
+                ...commonContainerProps,
                 background_color: COLORS.NEUTRAL.color_neutral_bg_100,
-                padding: SPACINGS.spacing_100,
-                border_radius: RADIUS.radius_100,
-                width: SPACINGS.spacing_100,
-                height: SPACINGS.spacing_100,
-                min_width: SPACINGS.spacing_100,
-                min_height: SPACINGS.spacing_100,
-            },
-            icon: {
-                color: COLORS.BRAND.color_brand_bg_50,
-            },
-            iconToTransition: {
-                color: COLORS.BRAND.color_brand_bg_50,
             },
-            loader: {
-                variant: LoaderVariantType.PRIMARY_WHITE,
+            buttonContainer: {
+                ...commonButtonContainerProps,
+                width: SPACINGS.spacing_400,
+                height: SPACINGS.spacing_400,
+                min_width: SPACINGS.spacing_400,
+                min_height: SPACINGS.spacing_400,
             },
         },
     },

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/mediaButton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,CAAC,MAAM,mBAAmB,GAAkD;IAChF,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE;QAChC,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE;YAC3B,SAAS,EAAE;gBACT,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,SAAS;gBACjB,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;gBACrD,OAAO,EAAE,QAAQ,CAAC,WAAW;gBAC7B,aAAa,EAAE,MAAM,CAAC,UAAU;gBAChC,KAAK,EAAE,QAAQ,CAAC,WAAW;gBAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;gBAC5B,SAAS,EAAE,QAAQ,CAAC,WAAW;gBAC/B,UAAU,EAAE,QAAQ,CAAC,WAAW;aACjC;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;aACtC;YACD,gBAAgB,EAAE;gBAChB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;aACtC;YACD,MAAM,EAAE;gBACN,OAAO,EAAE,iBAAiB,CAAC,aAAa;aACzC;SACF;QACD,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE;YAC3B,SAAS,EAAE;gBACT,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,SAAS;gBACjB,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;gBACrD,OAAO,EAAE,QAAQ,CAAC,WAAW;gBAC7B,aAAa,EAAE,MAAM,CAAC,UAAU;gBAChC,KAAK,EAAE,QAAQ,CAAC,WAAW;gBAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;gBAC5B,SAAS,EAAE,QAAQ,CAAC,WAAW;gBAC/B,UAAU,EAAE,QAAQ,CAAC,WAAW;aACjC;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;aACtC;YACD,gBAAgB,EAAE;gBAChB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;aACtC;YACD,MAAM,EAAE;gBACN,OAAO,EAAE,iBAAiB,CAAC,aAAa;aACzC;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/mediaButton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,0BAA0B,GAAG;IACjC,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,MAAM,CAAC,UAAU;IAChC,MAAM,EAAE,QAAQ,CAAC,WAAW;CAC7B,CAAC;AAEF,MAAM,oBAAoB,GAAG;IAC3B,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,MAAM,CAAC,UAAU;CACjC,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACzB,SAAS,EAAE,EAAE,GAAG,oBAAoB,EAAE;IACtC,eAAe,EAAE,EAAE,GAAG,0BAA0B,EAAE;IAClD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;QACrC,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,2BAA2B;SACjD;KACF;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;KACtC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,iBAAiB,CAAC,aAAa;KACzC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAkD;IAChF,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE;QAChC,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE;YAC3B,GAAG,kBAAkB;YACrB,SAAS,EAAE;gBACT,GAAG,oBAAoB;gBACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;aACtD;YACD,eAAe,EAAE;gBACf,GAAG,0BAA0B;gBAC7B,KAAK,EAAE,QAAQ,CAAC,WAAW;gBAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;gBAC5B,SAAS,EAAE,QAAQ,CAAC,WAAW;gBAC/B,UAAU,EAAE,QAAQ,CAAC,WAAW;aACjC;SACF;QACD,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE;YAC3B,GAAG,kBAAkB;YACrB,SAAS,EAAE;gBACT,GAAG,oBAAoB;gBACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;aACtD;YACD,eAAe,EAAE;gBACf,GAAG,0BAA0B;gBAC7B,KAAK,EAAE,QAAQ,CAAC,WAAW;gBAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;gBAC5B,SAAS,EAAE,QAAQ,CAAC,WAAW;gBAC/B,UAAU,EAAE,QAAQ,CAAC,WAAW;aACjC;SACF;KACF;CACF,CAAC"}

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

@@ -1,59 +1,71 @@
 import { DeviceBreakpointsType } from '../../../../types';
-import { COLORS, RADIUS, SPACINGS } from '../../foundations';
+import { BORDERS, COLORS, RADIUS, SPACINGS } from '../../foundations';
 import { MediaProgressBarVariantType } from './variants';
 const commonProps = {
     container: {
-        width: 'inherit',
         display: 'flex',
-        gap: SPACINGS.spacing_100,
     },
     barContainer: {
-        position: 'relative',
-        width: '100%',
-        height: SPACINGS.spacing_200,
+        display: 'flex',
+        align_items: 'center',
         cursor: 'pointer',
+        justify_content: 'center',
+        width: SPACINGS.spacing_400,
+        height: SPACINGS.spacing_400,
+        filled: {
+            width: SPACINGS.spacing_500,
+        },
         [DeviceBreakpointsType.TABLET]: {
-            min_width: SPACINGS.spacing_100,
+            width: SPACINGS.spacing_550,
+            height: SPACINGS.spacing_550,
         },
         [DeviceBreakpointsType.MOBILE]: {
-            min_width: SPACINGS.spacing_100,
+            width: SPACINGS.spacing_550,
+            height: SPACINGS.spacing_550,
         },
     },
     progressBar: {
-        position: 'absolute',
         top: '40%',
         left: '0',
-        width: '0',
-        height: SPACINGS.spacing_100,
-        border_radius: RADIUS.radius_100,
-        background: COLORS.BRAND.color_brand_bg_50,
+        width: SPACINGS.spacing_150,
+        height: SPACINGS.spacing_150,
+        margin: SPACINGS.spacing_100,
+        border_radius: RADIUS.radius_75,
+        background: COLORS.NEUTRAL.color_neutral_bg_150,
     },
     bullet: {
-        width: SPACINGS.spacing_200,
-        height: SPACINGS.spacing_200,
+        width: SPACINGS.spacing_400,
+        height: SPACINGS.spacing_400,
         background_color: COLORS.ACCENT.color_accent_default_bg_100,
         position: 'absolute',
         top: '50%',
         right: '0',
-        border_radius: RADIUS.radius_100,
+        border_radius: RADIUS.radius_75,
         transform: 'translate(50%, -50%)',
         cursor: 'grab',
     },
 };
 const commonBar = {
-    position: 'absolute',
-    top: '50%',
-    left: '0',
-    width: 'inherit',
-    height: SPACINGS.spacing_100,
-    border_radius: RADIUS.radius_50,
+    border_radius: RADIUS.radius_75,
+    border_style: 'solid',
+    border_width: BORDERS.border_50,
+    width: SPACINGS.spacing_450,
+    height: SPACINGS.spacing_300,
+    display: 'flex',
+    align_items: 'center',
 };
 export const MEDIA_PROGRESS_BAR_STYLES = {
     [MediaProgressBarVariantType.DEFAULT]: {
         ...commonProps,
         bar: {
             ...commonBar,
-            background: COLORS.NEUTRAL.color_neutral_bg_100,
+            background: COLORS.NEUTRAL.color_neutral_bg_200,
+            border_color: COLORS.BRAND.color_brand_border_50,
+            filled: {
+                padding: SPACINGS.spacing_100,
+                width: SPACINGS.spacing_300,
+                height: SPACINGS.spacing_300,
+            },
         },
     },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/mediaProgressBar/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAEzD,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,QAAQ,CAAC,WAAW;KAC1B;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,MAAM,EAAE,SAAS;QACjB,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;YAC9B,SAAS,EAAE,QAAQ,CAAC,WAAW;SAChC;QACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;YAC9B,SAAS,EAAE,QAAQ,CAAC,WAAW;SAChC;KACF;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,aAAa,EAAE,MAAM,CAAC,UAAU;QAChC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;KAC3C;IACD,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ,CAAC,WAAW;QAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,gBAAgB,EAAE,MAAM,CAAC,MAAM,CAAC,2BAA2B;QAC3D,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,GAAG;QACV,aAAa,EAAE,MAAM,CAAC,UAAU;QAChC,SAAS,EAAE,sBAAsB;QACjC,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,QAAQ,CAAC,WAAW;IAC5B,aAAa,EAAE,MAAM,CAAC,SAAS;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA4D;IAChG,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE;QACrC,GAAG,WAAW;QACd,GAAG,EAAE;YACH,GAAG,SAAS;YACZ,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;SAChD;KACF;CACF,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/mediaProgressBar/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAEzD,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;KAChB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,QAAQ;QACrB,MAAM,EAAE,SAAS;QACjB,eAAe,EAAE,QAAQ;QACzB,KAAK,EAAE,QAAQ,CAAC,WAAW;QAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,MAAM,EAAE;YACN,KAAK,EAAE,QAAQ,CAAC,WAAW;SAC5B;QACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;YAC9B,KAAK,EAAE,QAAQ,CAAC,WAAW;YAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;SAC7B;QACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;YAC9B,KAAK,EAAE,QAAQ,CAAC,WAAW;YAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;SAC7B;KACF;IACD,WAAW,EAAE;QACX,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,QAAQ,CAAC,WAAW;QAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,aAAa,EAAE,MAAM,CAAC,SAAS;QAC/B,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;KAChD;IACD,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ,CAAC,WAAW;QAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,gBAAgB,EAAE,MAAM,CAAC,MAAM,CAAC,2BAA2B;QAC3D,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,GAAG;QACV,aAAa,EAAE,MAAM,CAAC,SAAS;QAC/B,SAAS,EAAE,sBAAsB;QACjC,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,aAAa,EAAE,MAAM,CAAC,SAAS;IAC/B,YAAY,EAAE,OAAO;IACrB,YAAY,EAAE,OAAO,CAAC,SAAS;IAC/B,KAAK,EAAE,QAAQ,CAAC,WAAW;IAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;IAC5B,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA4D;IAChG,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE;QACrC,GAAG,WAAW;QACd,GAAG,EAAE;YACH,GAAG,SAAS;YACZ,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;YAC/C,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,qBAAqB;YAChD,MAAM,EAAE;gBACN,OAAO,EAAE,QAAQ,CAAC,WAAW;gBAC7B,KAAK,EAAE,QAAQ,CAAC,WAAW;gBAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;aAC7B;SACF;KACF;CACF,CAAC"}

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

@@ -5,18 +5,19 @@ import { MessageVariantType } from './variants';
 const commonProps = {
     container: {
         display: 'flex',
-        flex_direction: 'column',
+        flex_direction: 'row',
         align_items: 'flex-start',
-        justify_content: 'space-between',
+        justify_content: 'flex-start',
         position: 'relative',
         border_style: 'solid',
         border_radius: RADIUS.radius_00,
         border_width: BORDERS.border_50,
         padding: SPACINGS.spacing_300,
+        gap: SPACINGS.spacing_150,
     },
     headerContainer: {
         display: 'flex',
-        flex_direction: 'row',
+        flex_direction: 'column',
         align_items: 'flex-start',
         gap: SPACINGS.spacing_300,
         margin_right: SPACINGS.spacing_450,
@@ -53,10 +54,16 @@ const commonProps = {
     },
     closeIconContainer: {
         gap: SPACINGS.spacing_150,
-        margin_left: SPACINGS.spacing_300,
+        right: SPACINGS.spacing_300,
         position: 'absolute',
         top: SPACINGS.spacing_300,
     },
+    buttonSectionContainer: {
+        display: 'flex',
+        flex_direction: 'column',
+        width: '100%',
+        align_items: 'flex-start',
+    },
 };
 export const MESSAGE_STYLES = {
     [MessageVariantType.INFORMATIVE]: {

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

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

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

@@ -7,41 +7,64 @@ const commonProps = {
     container: {
         display: 'flex',
         align_items: 'center',
-        height: SPACINGS.spacing_250,
-        column_gap: SPACINGS.spacing_50,
+        width: 'auto',
         [DeviceBreakpointsType.DESKTOP]: {
-            width: '100%',
+            height: SPACINGS.spacing_400,
+            max_height: SPACINGS.spacing_450,
         },
         [DeviceBreakpointsType.TABLET]: {
-            width: '100%',
+            height: SPACINGS.spacing_550,
         },
         [DeviceBreakpointsType.MOBILE]: {
-            width: '20.5rem',
+            height: SPACINGS.spacing_550,
         },
     },
     indicatorsContainer: {
         display: 'flex',
-        width: '100%',
-        column_gap: SPACINGS.spacing_150,
+    },
+    mediaButtonContainer: {
+        margin_right: SPACINGS.spacing_300,
     },
     mediaButton: {
         iconSize: MediaButtonSizeType.SMALL,
     },
+    leftArrowContainer: {
+        [DeviceBreakpointsType.DESKTOP]: {
+            margin_right: SPACINGS.spacing_300,
+        },
+        [DeviceBreakpointsType.TABLET]: {
+            margin_right: SPACINGS.spacing_150,
+        },
+        [DeviceBreakpointsType.MOBILE]: {
+            margin_right: SPACINGS.spacing_150,
+        },
+    },
+    rightArrowContainer: {
+        [DeviceBreakpointsType.DESKTOP]: {
+            margin_left: SPACINGS.spacing_300,
+        },
+        [DeviceBreakpointsType.TABLET]: {
+            margin_left: SPACINGS.spacing_150,
+        },
+        [DeviceBreakpointsType.MOBILE]: {
+            margin_left: SPACINGS.spacing_150,
+        },
+    },
     leftArrowIcon: {
-        width: SIZES.size_150,
-        height: SIZES.size_150,
+        width: SIZES.size_250,
+        height: SIZES.size_250,
         disabled: {
-            width: SIZES.size_150,
-            height: SIZES.size_150,
+            width: SIZES.size_250,
+            height: SIZES.size_250,
             color: COLORS.ACCENT.color_accent_default_bg_100,
         },
     },
     rightArrowIcon: {
-        width: SIZES.size_150,
-        height: SIZES.size_150,
+        width: SIZES.size_250,
+        height: SIZES.size_250,
         disabled: {
-            width: SIZES.size_150,
-            height: SIZES.size_150,
+            width: SIZES.size_250,
+            height: SIZES.size_250,
             color: COLORS.ACCENT.color_accent_default_bg_100,
         },
     },

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/pageControlAutomate/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAExD,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,QAAQ;QACrB,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,UAAU,EAAE,QAAQ,CAAC,UAAU;QAC/B,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;YAC/B,KAAK,EAAE,MAAM;SACd;QACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;YAC9B,KAAK,EAAE,MAAM;SACd;QACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;YAC9B,KAAK,EAAE,SAAS;SACjB;KACF;IACD,mBAAmB,EAAE;QACnB,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,QAAQ,CAAC,WAAW;KACjC;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,mBAAmB,CAAC,KAAK;KACpC;IACD,aAAa,EAAE;QACb,KAAK,EAAE,KAAK,CAAC,QAAQ;QACrB,MAAM,EAAE,KAAK,CAAC,QAAQ;QACtB,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,QAAQ;YACrB,MAAM,EAAE,KAAK,CAAC,QAAQ;YACtB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,2BAA2B;SACjD;KACF;IACD,cAAc,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,QAAQ;QACrB,MAAM,EAAE,KAAK,CAAC,QAAQ;QACtB,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,QAAQ;YACrB,MAAM,EAAE,KAAK,CAAC,QAAQ;YACtB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,2BAA2B;SACjD;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GACvC;IACE,CAAC,0BAA0B,CAAC,OAAO,CAAC,EAAE;QACpC,GAAG,WAAW;QACd,aAAa,EAAE;YACb,GAAG,WAAW,CAAC,aAAa;YAC5B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;SACtC;QACD,cAAc,EAAE;YACd,GAAG,WAAW,CAAC,cAAc;YAC7B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;SACtC;QACD,WAAW,EAAE;YACX,GAAG,WAAW,CAAC,WAAW;YAC1B,OAAO,EAAE,2BAA2B,CAAC,OAAO;SAC7C;QACD,uBAAuB,EAAE,2BAA2B,CAAC,OAAO;KAC7D;IACD,CAAC,0BAA0B,CAAC,WAAW,CAAC,EAAE;QACxC,GAAG,WAAW;QACd,aAAa,EAAE;YACb,GAAG,WAAW,CAAC,aAAa;YAC5B,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;SAC3C;QACD,cAAc,EAAE;YACd,GAAG,WAAW,CAAC,cAAc;YAC7B,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;SAC3C;QACD,WAAW,EAAE;YACX,GAAG,WAAW,CAAC,WAAW;YAC1B,OAAO,EAAE,2BAA2B,CAAC,OAAO;SAC7C;QACD,uBAAuB,EAAE,2BAA2B,CAAC,OAAO;KAC7D;CACF,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/pageControlAutomate/styles.ts"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { RadioButtonStateType } from '../../../../components/radioButtonGroup';
 import { TooltipAlignType } from '../../../../components/tooltip';
-import { BORDERS, COLORS, FONT_WEIGHT, RADIUS, SIZES, SPACINGS, TEXT_ALIGN, } from '../../foundations';
+import { BORDERS, COLORS, FONT_WEIGHT, PARAGRAPH, RADIUS, SIZES, SPACINGS, TEXT_ALIGN, } from '../../foundations';
 import { TextVariantType } from '../text';
 import { TooltipVariantType } from '../variants';
 import { RadioButtonGroupVariantType } from './variants';
@@ -25,6 +25,12 @@ const commonVariantsTokens = {
         border_style: 'solid',
         border_width: BORDERS.border_50,
     },
+    infoIconContainer: {
+        display: 'inline-flex',
+        //calc to position the icon in the middle of the line height is: (line_height - icon_height) / 2
+        translate: `0rem calc((${PARAGRAPH.LARGE.DESKTOP.line_height} - ${SIZES.size_150})/2)`,
+        margin_left: SPACINGS.spacing_100,
+    },
     label: {
         font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
         font_weight: FONT_WEIGHT.font_weight_500,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/radioButtonGroup/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EACL,OAAO,EACP,MAAM,EACN,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAEzD,MAAM,oBAAoB,GAAG;IAC3B,KAAK,EAAE;QACL,YAAY,EAAE,eAAe,CAAC,yBAAyB;QACvD,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;QAC3C,WAAW,EAAE,WAAW,CAAC,eAAe;QACxC,UAAU,EAAE,UAAU,CAAC,IAAI;QAC3B,aAAa,EAAE,QAAQ,CAAC,WAAW;QACnC,YAAY,EAAE,QAAQ,CAAC,WAAW;KACnC;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,QAAQ,CAAC,WAAW;QAC7B,UAAU,EAAE,QAAQ,CAAC,WAAW;QAChC,aAAa,EAAE,QAAQ,CAAC,WAAW;KACpC;IACD,WAAW,EAAE;QACX,aAAa,EAAE,MAAM,CAAC,UAAU;QAChC,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,KAAK,EAAE,QAAQ,CAAC,WAAW;QAC3B,YAAY,EAAE,OAAO;QACrB,YAAY,EAAE,OAAO,CAAC,SAAS;KAChC;IACD,KAAK,EAAE;QACL,YAAY,EAAE,eAAe,CAAC,wBAAwB;QACtD,WAAW,EAAE,WAAW,CAAC,eAAe;QACxC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;KAC5C;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,eAAe,CAAC,wBAAwB;QACtD,WAAW,EAAE,WAAW,CAAC,eAAe;QACxC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;KAC5C;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,KAAK,EAAE,QAAQ,CAAC,WAAW;QAC3B,aAAa,EAAE,MAAM,CAAC,UAAU;KACjC;IACD,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,gBAAgB,EAAE,QAAQ,CAAC,WAAW;YACtC,MAAM,EAAE,KAAK,CAAC,QAAQ;YACtB,KAAK,EAAE,KAAK,CAAC,QAAQ;YACrB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,2BAA2B;YAChD,aAAa,EAAE,MAAM,CAAC,UAAU;SACjC;QACD,OAAO,EAAE,kBAAkB,CAAC,OAAO;QACnC,KAAK,EAAE,gBAAgB,CAAC,KAAK;KAC9B;CACF,CAAC;AAEF,MAAM,wBAAwB,GAAG;IAC/B,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE;QAC9B,GAAG,oBAAoB;QACvB,WAAW,EAAE;YACX,GAAG,oBAAoB,CAAC,WAAW;YACnC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;YACrD,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;SACtD;KACF;IACD,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE;QAC/B,GAAG,oBAAoB;QACvB,WAAW,EAAE;YACX,GAAG,oBAAoB,CAAC,WAAW;YACnC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;YACrD,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,+BAA+B;SAC5D;QACD,IAAI,EAAE;YACJ,GAAG,oBAAoB,CAAC,IAAI;YAC5B,gBAAgB,EAAE,MAAM,CAAC,MAAM,CAAC,6BAA6B;SAC9D;KACF;IACD,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE;QAC/B,GAAG,oBAAoB;QACvB,WAAW,EAAE;YACX,GAAG,oBAAoB,CAAC,WAAW;YACnC,MAAM,EAAE,aAAa;YACrB,gBAAgB,EAAE,MAAM,CAAC,QAAQ,CAAC,2BAA2B;YAC7D,YAAY,EAAE,MAAM,CAAC,QAAQ,CAAC,8BAA8B;SAC7D;KACF;IACD,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE;QACxC,GAAG,oBAAoB;QACvB,WAAW,EAAE;YACX,GAAG,oBAAoB,CAAC,WAAW;YACnC,MAAM,EAAE,aAAa;YACrB,gBAAgB,EAAE,MAAM,CAAC,QAAQ,CAAC,2BAA2B;YAC7D,YAAY,EAAE,MAAM,CAAC,QAAQ,CAAC,8BAA8B;SAC7D;QACD,IAAI,EAAE;YACJ,GAAG,oBAAoB,CAAC,IAAI;YAC5B,gBAAgB,EAAE,MAAM,CAAC,QAAQ,CAAC,4BAA4B;SAC/D;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA4D;IAChG,CAAC,2BAA2B,CAAC,OAAO,CAAC,EAAE,wBAAwB;CAChE,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/radioButtonGroup/styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/designSystem/kubit/foundations/borders.d.ts

@@ -8,6 +8,7 @@ export declare const RADIUS: {
     radius_00: string;
     radius_25: string;
     radius_50: string;
+    radius_75: string;
     radius_100: string;
     radius_circle: string;
 };

package/dist/esm/designSystem/kubit/foundations/borders.js

@@ -8,6 +8,7 @@ export const RADIUS = {
     radius_00: '0rem', // 0px
     radius_25: '0.13 rem', // 2px
     radius_50: '0.25rem', // 4px
+    radius_75: '0.5rem', // 8px
     radius_100: '6.25rem', // 100px
     radius_circle: '50%',
 };

package/dist/esm/designSystem/kubit/foundations/borders.js.map

@@ -1 +1 @@
-{"version":3,"file":"borders.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/foundations/borders.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,SAAS,EAAE,MAAM,EAAE,MAAM;IACzB,SAAS,EAAE,WAAW,EAAE,MAAM;IAC9B,UAAU,EAAE,UAAU,EAAE,MAAM;IAC9B,UAAU,EAAE,SAAS,EAAE,MAAM;CACrB,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,SAAS,EAAE,MAAM,EAAE,MAAM;IACzB,SAAS,EAAE,UAAU,EAAE,MAAM;IAC7B,SAAS,EAAE,SAAS,EAAE,MAAM;IAC5B,UAAU,EAAE,SAAS,EAAE,QAAQ;IAC/B,aAAa,EAAE,KAAK;CACrB,CAAC"}
+{"version":3,"file":"borders.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/foundations/borders.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,SAAS,EAAE,MAAM,EAAE,MAAM;IACzB,SAAS,EAAE,WAAW,EAAE,MAAM;IAC9B,UAAU,EAAE,UAAU,EAAE,MAAM;IAC9B,UAAU,EAAE,SAAS,EAAE,MAAM;CACrB,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,SAAS,EAAE,MAAM,EAAE,MAAM;IACzB,SAAS,EAAE,UAAU,EAAE,MAAM;IAC7B,SAAS,EAAE,SAAS,EAAE,MAAM;IAC5B,SAAS,EAAE,QAAQ,EAAE,MAAM;IAC3B,UAAU,EAAE,SAAS,EAAE,QAAQ;IAC/B,aAAa,EAAE,KAAK;CACrB,CAAC"}

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

@@ -647,6 +647,7 @@ export declare const KUBIT_STYLES: {
         radius_00: string;
         radius_25: string;
         radius_50: string;
+        radius_75: string;
         radius_100: string;
         radius_circle: string;
     };

package/dist/esm/designSystem/kubitWireframe/commons/assets/animations/index.d.ts

@@ -0,0 +1 @@
+export * from './loaders';

package/dist/esm/designSystem/kubitWireframe/commons/assets/animations/index.js

@@ -0,0 +1,2 @@
+export * from './loaders';
+//# sourceMappingURL=index.js.map

package/dist/esm/designSystem/kubitWireframe/commons/assets/animations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/designSystem/kubitWireframe/commons/assets/animations/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/esm/designSystem/kubitWireframe/commons/assets/animations/loaders.d.ts

@@ -0,0 +1,3 @@
+import { CSSProp } from 'styled-components';
+export declare const buildPrimaryLoader: (primaryColor: string, secondaryColor: string) => CSSProp;
+export declare const buildForButtonLoader: (color: string) => CSSProp;

package/dist/esm/designSystem/kubitWireframe/commons/assets/animations/loaders.js

@@ -0,0 +1,67 @@
+import { css, keyframes } from 'styled-components';
+const rotate = keyframes `
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+`;
+const ghost = keyframes `
+  50% {
+    background-color: transparent;
+  }
+`;
+export const buildPrimaryLoader = (primaryColor, secondaryColor) => css `
+  border: 5px solid ${primaryColor};
+  border-bottom-color: ${secondaryColor};
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: ${rotate} 1s linear infinite;
+`;
+export const buildForButtonLoader = (color) => css `
+  width: 0.5rem;
+  height: 0.5rem;
+  display: flex;
+  border-radius: 100%;
+  margin-left: 1rem;
+  margin-right: 1rem;
+  background-color: ${color};
+  animation-name: ${ghost};
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  animation-timing-function: ease-in-out;
+  animation-delay: 0.4s;
+
+  &::before {
+    content: '';
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 100%;
+    background-color: ${color};
+    position: absolute;
+    margin-left: -1rem;
+    animation-name: ${ghost};
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+    animation-timing-function: ease-in-out;
+  }
+
+  &::after {
+    content: '';
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 100%;
+    background-color: ${color};
+    position: absolute;
+    margin-left: 1rem;
+    animation-name: ${ghost};
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+    animation-timing-function: ease-in-out;
+    animation-delay: 0.8s;
+  }
+`;
+//# sourceMappingURL=loaders.js.map

package/dist/esm/designSystem/kubitWireframe/commons/assets/animations/loaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loaders.js","sourceRoot":"","sources":["../../../../../../../src/designSystem/kubitWireframe/commons/assets/animations/loaders.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;;CAQvB,CAAC;AAEF,MAAM,KAAK,GAAG,SAAS,CAAA;;;;CAItB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,YAAoB,EAAE,cAAsB,EAAW,EAAE,CAAC,GAAG,CAAA;sBAC1E,YAAY;yBACT,cAAc;;;;eAIxB,MAAM;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAa,EAAW,EAAE,CAAC,GAAG,CAAA;;;;;;;sBAO7C,KAAK;oBACP,KAAK;;;;;;;;;;;wBAWD,KAAK;;;sBAGP,KAAK;;;;;;;;;;;wBAWH,KAAK;;;sBAGP,KAAK;;;;;;CAM1B,CAAC"}

package/dist/esm/designSystem/kubitWireframe/commons/components/input/styles.js

@@ -65,10 +65,13 @@ const commonProps = COLORS => ({
     inputIconContainer: {
         position: 'absolute',
         top: '50%',
-        left: '0.625rem',
         transform: 'translate(0%, -50%)',
+        left: '0.625rem',
     },
     inputIconContainerRight: {
+        position: 'absolute',
+        top: '50%',
+        transform: 'translate(0%, -50%)',
         left: 'auto',
         right: '1.1rem',
     },

package/dist/esm/designSystem/kubitWireframe/commons/components/input/styles.js.map

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

package/dist/esm/designSystem/kubitWireframe/commons/components/loader/index.d.ts

@@ -0,0 +1,2 @@
+export * from './styles';
+export * from './variants';

package/dist/esm/designSystem/kubitWireframe/commons/components/loader/index.js

@@ -0,0 +1,3 @@
+export * from './styles';
+export * from './variants';
+//# sourceMappingURL=index.js.map

package/dist/esm/designSystem/kubitWireframe/commons/components/loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/designSystem/kubitWireframe/commons/components/loader/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

package/dist/esm/designSystem/kubitWireframe/commons/components/loader/styles.d.ts

@@ -0,0 +1,7 @@
+import { LoaderStylesType } from '../../../../../components/loader/types';
+import { LoaderVariantType } from './variants';
+export declare const getLoaderStyles: (COLORS: {
+    [key: string]: {
+        [key: string]: string;
+    };
+}) => LoaderStylesType<LoaderVariantType>;

package/dist/esm/designSystem/kubitWireframe/commons/components/loader/styles.js

@@ -0,0 +1,26 @@
+import { buildPrimaryLoader } from '../../assets/animations';
+import { SIZES } from '../../foundations';
+import { LoaderVariantType } from './variants';
+const container = {
+    display: 'inline-block',
+    width: SIZES.size_200,
+    height: SIZES.size_200,
+};
+const transparent = 'transparent';
+export const getLoaderStyles = (COLORS) => {
+    return {
+        [LoaderVariantType.PRIMARY_WHITE]: {
+            container,
+            animation: buildPrimaryLoader(COLORS.NEUTRAL.color_neutral_icon_250, transparent),
+        },
+        [LoaderVariantType.PRIMARY_RED]: {
+            container,
+            animation: buildPrimaryLoader(COLORS.SECONDARY.color_secondary_icon_100, transparent),
+        },
+        [LoaderVariantType.PRIMARY_BLACK]: {
+            container,
+            animation: buildPrimaryLoader(COLORS.NEUTRAL.color_neutral_icon_50, transparent),
+        },
+    };
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/designSystem/kubitWireframe/commons/components/loader/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/designSystem/kubitWireframe/commons/components/loader/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,KAAK,CAAC,QAAQ;IACrB,MAAM,EAAE,KAAK,CAAC,QAAQ;CACvB,CAAC;AACF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAE/B,EAAuC,EAAE;IACxC,OAAO;QACL,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE;YACjC,SAAS;YACT,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,OAAO,CAAC,sBAAsB,EAAE,WAAW,CAAC;SAClF;QACD,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE;YAC/B,SAAS;YACT,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,SAAS,CAAC,wBAAwB,EAAE,WAAW,CAAC;SACtF;QACD,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE;YACjC,SAAS;YACT,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,WAAW,CAAC;SACjF;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/designSystem/kubitWireframe/commons/components/loader/variants.d.ts

@@ -0,0 +1,5 @@
+export declare enum LoaderVariantType {
+    PRIMARY_WHITE = "PRIMARY_WHITE",
+    PRIMARY_RED = "PRIMARY_RED",
+    PRIMARY_BLACK = "PRIMARY_BLACK"
+}