@kubit-ui-web/react-components 1.0.0-beta.1

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

@@ -0,0 +1,15 @@
+export const BORDERS = {
+    border_00: '0rem', // 0px
+    border_50: '0.0625rem', // 1px
+    border_100: '0.125rem', // 2px
+    border_200: '0.25rem', // 4px
+};
+export const RADIUS = {
+    radius_00: '0rem', // 0px
+    radius_25: '0.13 rem', // 2px
+    radius_50: '0.25rem', // 4px
+    radius_100: '6.25rem', // 100px
+    radius_circle: '50%',
+    radius_full: '100%',
+};
+//# sourceMappingURL=borders.js.map

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

@@ -0,0 +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;IACpB,WAAW,EAAE,MAAM;CACpB,CAAC"}

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

@@ -0,0 +1,8 @@
+export declare const BREAKPOINTS: {
+    readonly ZERO: 0;
+    readonly S: 22.5;
+    readonly M: 48;
+    readonly L: 64;
+    readonly XL: 125;
+};
+export type BreakPointsType = typeof BREAKPOINTS;

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

@@ -0,0 +1,8 @@
+export const BREAKPOINTS = {
+    ZERO: 0,
+    S: 22.5,
+    M: 48,
+    L: 64,
+    XL: 125,
+};
+//# sourceMappingURL=breakpoints.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/foundations/breakpoints.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,GAAG;CACC,CAAC"}

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

@@ -0,0 +1,151 @@
+export declare const COLORS: {
+    BRAND: {
+        color_brand_font_50: string;
+        color_brand_icon_50: string;
+        color_brand_border_50: string;
+        color_brand_bg_50: string;
+        color_brand_border_100: string;
+        color_brand_font_100: string;
+    };
+    SECONDARY: {
+        color_secondary_font_50: string;
+        color_secondary_font_100: string;
+        color_secondary_font_150: string;
+        color_secondary_icon_50: string;
+        color_secondary_icon_100: string;
+        color_secondary_icon_150: string;
+        color_secondary_border_50: string;
+        color_secondary_border_100: string;
+        color_secondary_border_150: string;
+        color_secondary_bg_50: string;
+        color_secondary_bg_100: string;
+        color_secondary_bg_150: string;
+        color_secondary_bg_200: string;
+        color_secondary_bg_250: string;
+    };
+    NEUTRAL: {
+        color_neutral_font_50: string;
+        color_neutral_font_100: string;
+        color_neutral_font_150: string;
+        color_neutral_font_200: string;
+        color_neutral_font_250: string;
+        color_neutral_icon_50: string;
+        color_neutral_icon_100: string;
+        color_neutral_icon_150: string;
+        color_neutral_icon_200: string;
+        color_neutral_icon_250: string;
+        color_neutral_border_50: string;
+        color_neutral_border_100: string;
+        color_neutral_border_150: string;
+        color_neutral_border_200: string;
+        color_neutral_border_250: string;
+        color_neutral_bg_50: string;
+        color_neutral_bg_100: string;
+        color_neutral_bg_150: string;
+        color_neutral_bg_200: string;
+        color_neutral_bg_250: string;
+    };
+    ACCENT: {
+        color_accent_default_font_50: string;
+        color_accent_default_font_100: string;
+        color_accent_default_font_150: string;
+        color_accent_default_icon_50: string;
+        color_accent_default_icon_100: string;
+        color_accent_default_icon_150: string;
+        color_accent_default_border_50: string;
+        color_accent_default_border_100: string;
+        color_accent_default_border_150: string;
+        color_accent_default_bg_50: string;
+        color_accent_default_bg_100: string;
+        color_accent_default_bg_150: string;
+        color_accent_hover_font_200: string;
+        color_accent_hover_icon_150: string;
+        color_accent_hover_icon_200: string;
+        color_accent_hover_bg_50: string;
+        color_accent_hover_bg_100: string;
+        color_accent_hover_bg_150: string;
+        color_accent_pressed_font_200: string;
+        color_accent_pressed_font_250: string;
+        color_accent_pressed_icon_200: string;
+        color_accent_pressed_icon_250: string;
+        color_accent_pressed_bg_50: string;
+        color_accent_pressed_bg_150: string;
+        color_accent_loading_icon_50: string;
+        color_accent_loading_icon_100: string;
+        color_accent_loading_border_50: string;
+        color_accent_loading_border_100: string;
+        color_accent_loading_bg_50: string;
+        color_accent_loading_bg_100: string;
+        color_accent_loading_bg_150: string;
+        color_code_50: string;
+        color_code_100: string;
+        color_code_150: string;
+        color_code_200: string;
+        color_code_250: string;
+    };
+    PRESSED: {
+        color_accent_pressed_font_50: string;
+        color_accent_pressed_font_100: string;
+        color_accent_pressed_font_150: string;
+        color_accent_pressed_bg_50: string;
+        color_accent_pressed_bg_100: string;
+        color_accent_pressed_bg_200: string;
+        color_accent_pressed_icon_50: string;
+        color_accent_pressed_icon_100: string;
+        color_accent_pressed_icon_150: string;
+        color_accent_pressed_icon_250: string;
+        color_accent_pressed_border_50: string;
+    };
+    KEYBOARD_FOCUS: {
+        color_accentKeyboardFocus_border_50: string;
+        color_accentKeyboardFocus_border_100: string;
+    };
+    DISABLED: {
+        color_accentDisabled_font_50: string;
+        color_accentDisabled_font_100: string;
+        color_accentDisabled_font_150: string;
+        color_accentDisabled_icon_50: string;
+        color_accentDisabled_icon_100: string;
+        color_accentDisabled_icon_150: string;
+        color_accentDisabled_border_50: string;
+        color_accentDisabled_border_100: string;
+        color_accentDisabled_border_150: string;
+        color_accentDisabled_bg_50: string;
+        color_accentDisabled_bg_100: string;
+        color_accentDisabled_bg_150: string;
+    };
+    FEEDBACK: {
+        color_feedbackError_font_50: string;
+        color_feedbackSuccess_font_50: string;
+        color_feedbackInfo_icon_50: string;
+        color_feedback_warning_icon_50: string;
+        color_feedback_success_icon_50: string;
+        color_feedbackSuccess_icon_100: string;
+        color_feedback_error_icon_50: string;
+        color_feedbackError_icon_100: string;
+        color_feedback_info_border_50: string;
+        color_feedbackInfo_border_100: string;
+        color_feedback_warning_border_50: string;
+        color_feedbackWarning_border_100: string;
+        color_feedback_success_border_50: string;
+        color_feedbackSuccess_border_100: string;
+        color_feedback_error_border_50: string;
+        color_feedbackError_border_100: string;
+        color_feedback_info_bg_50: string;
+        color_feedback_info_bg_100: string;
+        color_feedback_info_bg_150: string;
+        color_feedback_warning_bg_50: string;
+        color_feedback_warning_bg_100: string;
+        color_feedback_warning_bg_150: string;
+        color_feedback_success_bg_50: string;
+        color_feedback_success_bg_100: string;
+        color_feedback_success_bg_150: string;
+        color_feedback_error_bg_50: string;
+        color_feedback_error_bg_100: string;
+        color_feedbackError_bg_150: string;
+    };
+    HOVER: {
+        color_accent_hover_bg_50: string;
+    };
+};
+export type ColorsType = typeof COLORS;

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

@@ -0,0 +1,160 @@
+const BRAND = {
+    color_brand_font_50: '#DF2B51',
+    color_brand_icon_50: '#DF2B51',
+    color_brand_border_50: '#DF2B51',
+    color_brand_bg_50: '#DF2B51',
+    color_brand_border_100: '#050505',
+    color_brand_font_100: '#050505',
+};
+const SECONDARY = {
+    color_secondary_font_50: '#000000',
+    color_secondary_font_100: '#DF2B51',
+    color_secondary_font_150: '#FFC8D3',
+    color_secondary_icon_50: '#000000',
+    color_secondary_icon_100: '#DF2B51',
+    color_secondary_icon_150: '#FFC8D3',
+    color_secondary_border_50: '#000000',
+    color_secondary_border_100: '#DF2B51',
+    color_secondary_border_150: '#FFC8D3',
+    color_secondary_bg_50: '#000000',
+    color_secondary_bg_100: '#DF2B51',
+    color_secondary_bg_150: '#FFC8D3',
+    color_secondary_bg_200: '#FFEFF2',
+    color_secondary_bg_250: '#E7EDF0',
+};
+const NEUTRAL = {
+    color_neutral_font_50: '#1A1A1A',
+    color_neutral_font_100: '#4F4F4F',
+    color_neutral_font_150: '#767676',
+    color_neutral_font_200: '#D1D1D1',
+    color_neutral_font_250: '#FFFFFF',
+    color_neutral_icon_50: '#1A1A1A',
+    color_neutral_icon_100: '#4F4F4F',
+    color_neutral_icon_150: '#767676',
+    color_neutral_icon_200: '#D1D1D1',
+    color_neutral_icon_250: '#FFFFFF',
+    color_neutral_border_50: '#1A1A1A',
+    color_neutral_border_100: '#4F4F4F',
+    color_neutral_border_150: '#767676',
+    color_neutral_border_200: '#D1D1D1',
+    color_neutral_border_250: '#FFFFFF',
+    color_neutral_bg_50: '#1A1A1A',
+    color_neutral_bg_100: '#4F4F4F',
+    color_neutral_bg_150: '#767676',
+    color_neutral_bg_200: '#F4F4F4',
+    color_neutral_bg_250: '#FFFFFF',
+};
+const ACCENT = {
+    color_accent_default_font_50: '#000000',
+    color_accent_default_font_100: '#DF2B51',
+    color_accent_default_font_150: '#FFFFFF',
+    color_accent_default_icon_50: '#000000',
+    color_accent_default_icon_100: '#DF2B51',
+    color_accent_default_icon_150: '#FFFFFF',
+    color_accent_default_border_50: '#000000',
+    color_accent_default_border_100: '#DF2B51',
+    color_accent_default_border_150: '#FFFFFF',
+    color_accent_default_bg_50: '#000000',
+    color_accent_default_bg_100: '#DF2B51',
+    color_accent_default_bg_150: '#FFFFFF',
+    color_accent_hover_font_200: '#000000',
+    color_accent_hover_icon_150: '#696969',
+    color_accent_hover_icon_200: '#000000',
+    color_accent_hover_bg_50: '#E44B66',
+    color_accent_hover_bg_100: '#F6F6F6',
+    color_accent_hover_bg_150: '#696969',
+    color_accent_pressed_font_200: '#000000',
+    color_accent_pressed_font_250: '#FFFFFF',
+    color_accent_pressed_icon_200: '#000000',
+    color_accent_pressed_icon_250: '#FFFFFF',
+    color_accent_pressed_bg_50: '#A01D39',
+    color_accent_pressed_bg_150: '#4F4F4F',
+    color_accent_loading_icon_50: '#000000',
+    color_accent_loading_icon_100: '#FFFFFF',
+    color_accent_loading_border_50: '#000000',
+    color_accent_loading_border_100: '#FFFFFF',
+    color_accent_loading_bg_50: '#E44B66',
+    color_accent_loading_bg_100: '#FFFFFF',
+    color_accent_loading_bg_150: '#696969',
+    color_code_50: '#FF76B0',
+    color_code_100: '#22FFD2',
+    color_code_150: '#B3A8FF',
+    color_code_200: '#FFF95D',
+    color_code_250: '#00B7F0',
+};
+const PRESSED = {
+    color_accent_pressed_font_50: '#A01D39',
+    color_accent_pressed_font_100: '#F4F4F4',
+    color_accent_pressed_font_150: '#4F4F4F',
+    color_accent_pressed_bg_50: '#A01D39',
+    color_accent_pressed_bg_100: '#F4F4F4',
+    color_accent_pressed_bg_200: '#767676',
+    color_accent_pressed_icon_50: '#A01D39',
+    color_accent_pressed_icon_100: '#F4F4F4',
+    color_accent_pressed_icon_150: '#4F4F4F',
+    color_accent_pressed_icon_250: '#FFFFFF',
+    color_accent_pressed_border_50: '#A01D39',
+};
+const KEYBOARD_FOCUS = {
+    color_accentKeyboardFocus_border_50: '#2360C5',
+    color_accentKeyboardFocus_border_100: '#FFFFFF',
+};
+const DISABLED = {
+    color_accentDisabled_font_50: '#444444',
+    color_accentDisabled_font_100: '#AAAAAA',
+    color_accentDisabled_font_150: '#E6E6E6',
+    color_accentDisabled_icon_50: '#444444',
+    color_accentDisabled_icon_100: '#AAAAAA',
+    color_accentDisabled_icon_150: '#E6E6E6',
+    color_accentDisabled_border_50: '#444444',
+    color_accentDisabled_border_100: '#AAAAAA',
+    color_accentDisabled_border_150: '#E6E6E6',
+    color_accentDisabled_bg_50: '#444444',
+    color_accentDisabled_bg_100: '#AAAAAA',
+    color_accentDisabled_bg_150: '#E6E6E6',
+};
+const FEEDBACK = {
+    color_feedbackError_font_50: '#CC0000',
+    color_feedbackSuccess_font_50: '#008035',
+    color_feedbackInfo_icon_50: '#00A4A4',
+    color_feedback_warning_icon_50: '#856300',
+    color_feedback_success_icon_50: '#5CA40A',
+    color_feedbackSuccess_icon_100: '#008035',
+    color_feedback_error_icon_50: '#FF003C',
+    color_feedbackError_icon_100: '#CC0000',
+    color_feedback_info_border_50: '#00A4A4',
+    color_feedbackInfo_border_100: '#23779A',
+    color_feedback_warning_border_50: '#FFC000',
+    color_feedbackWarning_border_100: '#856300',
+    color_feedback_success_border_50: '#5CA40A',
+    color_feedbackSuccess_border_100: '#008035',
+    color_feedback_error_border_50: '#FF003C',
+    color_feedbackError_border_100: '#CC0000',
+    color_feedback_info_bg_50: '#E6F6F6',
+    color_feedback_info_bg_100: '#00A4A4',
+    color_feedback_info_bg_150: '#23779A',
+    color_feedback_warning_bg_50: '#FFF9E6',
+    color_feedback_warning_bg_100: '#FFC000',
+    color_feedback_warning_bg_150: '#856300',
+    color_feedback_success_bg_50: '#EFF7E7',
+    color_feedback_success_bg_100: '#5CA40A',
+    color_feedback_success_bg_150: '#008035',
+    color_feedback_error_bg_50: '#FFE6EC',
+    color_feedback_error_bg_100: '#FF003C',
+    color_feedbackError_bg_150: '#CC0000',
+};
+const HOVER = {
+    color_accent_hover_bg_50: '#E44B66',
+};
+export const COLORS = {
+    BRAND,
+    SECONDARY,
+    NEUTRAL,
+    ACCENT,
+    PRESSED,
+    KEYBOARD_FOCUS,
+    DISABLED,
+    FEEDBACK,
+    HOVER,
+};
+//# sourceMappingURL=colors.js.map

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

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

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

@@ -0,0 +1 @@
+export declare const FOCUS_STYLES: import("styled-components").RuleSet<object>;

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

@@ -0,0 +1,21 @@
+import { css } from 'styled-components';
+import { COLORS } from './colors';
+import { SPACINGS } from './spacings';
+const inner_border = {
+    border_color: COLORS.NEUTRAL.color_neutral_border_250,
+    border_weight: SPACINGS.spacing_100,
+};
+const outer_border = {
+    border_color: '#2C71DB',
+    border_weight: SPACINGS.spacing_100,
+};
+export const FOCUS_STYLES = css `
+  /* Inner border */
+  box-shadow: 0 0 0 ${inner_border.border_weight} ${inner_border.border_color};
+  /* Outer border */
+  outline-style: solid;
+  outline-offset: ${inner_border.border_weight};
+  outline-width: ${outer_border.border_weight};
+  outline-color: ${outer_border.border_color};
+`;
+//# sourceMappingURL=focusStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focusStyles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/foundations/focusStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,YAAY,GAAG;IACnB,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;IACrD,aAAa,EAAE,QAAQ,CAAC,WAAW;CAC3B,CAAC;AACX,MAAM,YAAY,GAAG;IACnB,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,QAAQ,CAAC,WAAW;CAC3B,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;sBAET,YAAY,CAAC,aAAa,IAAI,YAAY,CAAC,YAAY;;;oBAGzD,YAAY,CAAC,aAAa;mBAC3B,YAAY,CAAC,aAAa;mBAC1B,YAAY,CAAC,YAAY;CAC3C,CAAC"}

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

@@ -0,0 +1,10 @@
+export * from './breakpoints';
+export * from './mediaQueries';
+export * from './zIndex';
+export * from './colors';
+export * from './spacings';
+export * from './borders';
+export * from './typography';
+export * from './sizes';
+export * from './shadow';
+export * from './focusStyles';

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

@@ -0,0 +1,11 @@
+export * from './breakpoints';
+export * from './mediaQueries';
+export * from './zIndex';
+export * from './colors';
+export * from './spacings';
+export * from './borders';
+export * from './typography';
+export * from './sizes';
+export * from './shadow';
+export * from './focusStyles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/foundations/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,14 @@
+export declare const MEDIA_QUERIES: {
+    readonly onlyLargeDesktop: "@media (min-width: 125rem)";
+    readonly onlyDesktop: "@media (min-width: 64rem)";
+    readonly tabletAndDesktop: "@media (min-width: 48rem)";
+    readonly onlyTablet: `@media (max-width: ${number}rem) and (min-width: 48rem)`;
+    readonly mobileAndTablet: `@media (max-width: ${number}rem)`;
+    readonly onlyMobile: `@media (max-width: ${number}rem)`;
+    readonly matchMedia: {
+        readonly onlyDesktop: "(min-width: 64rem)";
+        readonly onlyTablet: `(max-width: ${number}rem) and (min-width: 48rem)`;
+        readonly onlyMobile: `(max-width: ${number}rem)`;
+        readonly onlyLargeDesktop: "(min-width: 125rem)";
+    };
+};

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

@@ -0,0 +1,35 @@
+//           MOBILE          |     TABLET    |     DESKTOP
+// |------------|------------|---------------|----------------
+// 0            22.5         48              64
+// ZERO         S            M               L
+import { BREAKPOINTS } from './breakpoints';
+const pxToRem = (px) => px / 16;
+const MOBILE = {
+    max: `${BREAKPOINTS.M - pxToRem(1)}rem`,
+};
+const TABLET = {
+    min: `${BREAKPOINTS.M}rem`,
+    max: `${BREAKPOINTS.L - pxToRem(1)}rem`,
+};
+const DESKTOP = {
+    min: `${BREAKPOINTS.L}rem`,
+};
+const LARGE_DESKTOP = {
+    min: `${BREAKPOINTS.XL}rem`,
+};
+export const MEDIA_QUERIES = {
+    onlyLargeDesktop: `@media (min-width: ${LARGE_DESKTOP.min})`,
+    onlyDesktop: `@media (min-width: ${DESKTOP.min})`,
+    tabletAndDesktop: `@media (min-width: ${TABLET.min})`,
+    onlyTablet: `@media (max-width: ${TABLET.max}) and (min-width: ${TABLET.min})`,
+    mobileAndTablet: `@media (max-width: ${TABLET.max})`,
+    onlyMobile: `@media (max-width: ${MOBILE.max})`,
+    // values for js mediaqueries
+    matchMedia: {
+        onlyDesktop: `(min-width: ${DESKTOP.min})`,
+        onlyTablet: `(max-width: ${TABLET.max}) and (min-width: ${TABLET.min})`,
+        onlyMobile: `(max-width: ${MOBILE.max})`,
+        onlyLargeDesktop: `(min-width: ${LARGE_DESKTOP.min})`,
+    },
+};
+//# sourceMappingURL=mediaQueries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mediaQueries.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/foundations/mediaQueries.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,8DAA8D;AAC9D,+CAA+C;AAC/C,8CAA8C;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,OAAO,GAAG,CAAC,EAAU,EAAU,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;AAEhD,MAAM,MAAM,GAAG;IACb,GAAG,EAAE,GAAG,WAAW,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK;CAC/B,CAAC;AACX,MAAM,MAAM,GAAG;IACb,GAAG,EAAE,GAAG,WAAW,CAAC,CAAC,KAAK;IAC1B,GAAG,EAAE,GAAG,WAAW,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK;CAC/B,CAAC;AACX,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,GAAG,WAAW,CAAC,CAAC,KAAK;CAClB,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,GAAG,EAAE,GAAG,WAAW,CAAC,EAAE,KAAK;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,gBAAgB,EAAE,sBAAsB,aAAa,CAAC,GAAG,GAAG;IAC5D,WAAW,EAAE,sBAAsB,OAAO,CAAC,GAAG,GAAG;IACjD,gBAAgB,EAAE,sBAAsB,MAAM,CAAC,GAAG,GAAG;IACrD,UAAU,EAAE,sBAAsB,MAAM,CAAC,GAAG,qBAAqB,MAAM,CAAC,GAAG,GAAG;IAC9E,eAAe,EAAE,sBAAsB,MAAM,CAAC,GAAG,GAAG;IACpD,UAAU,EAAE,sBAAsB,MAAM,CAAC,GAAG,GAAG;IAC/C,6BAA6B;IAC7B,UAAU,EAAE;QACV,WAAW,EAAE,eAAe,OAAO,CAAC,GAAG,GAAG;QAC1C,UAAU,EAAE,eAAe,MAAM,CAAC,GAAG,qBAAqB,MAAM,CAAC,GAAG,GAAG;QACvE,UAAU,EAAE,eAAe,MAAM,CAAC,GAAG,GAAG;QACxC,gBAAgB,EAAE,eAAe,aAAa,CAAC,GAAG,GAAG;KACtD;CACO,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const SHADOW: {
+    shadow_10: string;
+};

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

@@ -0,0 +1,4 @@
+export const SHADOW = {
+    shadow_10: '0px 2px 8px 0px rgba(0, 0, 0, 0.25)',
+};
+//# sourceMappingURL=shadow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/foundations/shadow.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,SAAS,EAAE,qCAAqC;CACjD,CAAC"}

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

@@ -0,0 +1,47 @@
+export declare const SIZES: {
+    readonly size_25: "0.25rem";
+    readonly size_50: "0.5rem";
+    readonly size_100: "0.75rem";
+    readonly size_150: "1rem";
+    readonly size_200: "1.25rem";
+    readonly size_250: "1.5rem";
+    readonly size_300: "2rem";
+    readonly size_350: "2.5rem";
+    readonly size_400: "3rem";
+    readonly size_450: "3.5rem";
+    readonly size_500: "4.5rem";
+    readonly size_550: "6rem";
+    readonly size_anchors_menu: "16.75rem";
+    readonly size_side_menu_desktop: "16.75rem";
+    readonly size_side_menu_tablet: "22.5rem";
+    readonly size_side_menu_mobile: "22.5rem";
+    readonly size_header: "3.5rem";
+    readonly size_cover: "12.5rem";
+    readonly size_cover_with_tabs: "12.5rem";
+    readonly size_cover_mobile_tablet: "12.5rem";
+    readonly size_cover_with_tabs_mobile_tablet: "12.5rem";
+    readonly size_menu_top_search: "7.188rem";
+    readonly size_modal_icon: "7.5rem";
+    readonly size_25_number_px: 4;
+    readonly size_50_number_px: 8;
+    readonly size_100_number_px: 12;
+    readonly size_150_number_px: 16;
+    readonly size_200_number_px: 20;
+    readonly size_250_number_px: 24;
+    readonly size_300_number_px: 32;
+    readonly size_350_number_px: 40;
+    readonly size_400_number_px: 48;
+    readonly size_450_number_px: 56;
+    readonly size_500_number_px: 72;
+    readonly size_550_number_px: 96;
+    readonly size_menu_top_size_px: 230;
+    readonly size_anchors_menu_number_px: 268;
+    readonly size_header_number_px: 56;
+    readonly size_side_menu_desktop_number_px: 268;
+    readonly size_side_menu_tablet_number_px: 360;
+    readonly size_side_menu_mobile_number_px: 360;
+    readonly size_cover_number_px: 420;
+    readonly size_cover_with_tab_number_pxs: 372;
+    readonly max_size_image: "68rem";
+};
+export type SizesType = typeof SIZES;

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

@@ -0,0 +1,49 @@
+export const SIZES = {
+    size_25: '0.25rem',
+    size_50: '0.5rem',
+    size_100: '0.75rem',
+    size_150: '1rem',
+    size_200: '1.25rem',
+    size_250: '1.5rem',
+    size_300: '2rem',
+    size_350: '2.5rem',
+    size_400: '3rem',
+    size_450: '3.5rem',
+    size_500: '4.5rem',
+    size_550: '6rem',
+    size_anchors_menu: '16.75rem',
+    size_side_menu_desktop: '16.75rem',
+    size_side_menu_tablet: '22.5rem',
+    size_side_menu_mobile: '22.5rem',
+    size_header: '3.5rem',
+    size_cover: '12.5rem',
+    size_cover_with_tabs: '12.5rem',
+    size_cover_mobile_tablet: '12.5rem',
+    size_cover_with_tabs_mobile_tablet: '12.5rem',
+    size_menu_top_search: '7.188rem',
+    size_modal_icon: '7.5rem',
+    // window sizes numbers (px)
+    // use only when you need to calculate something with window sizes (e.g. media queries)
+    size_25_number_px: 4,
+    size_50_number_px: 8,
+    size_100_number_px: 12,
+    size_150_number_px: 16,
+    size_200_number_px: 20,
+    size_250_number_px: 24,
+    size_300_number_px: 32,
+    size_350_number_px: 40,
+    size_400_number_px: 48,
+    size_450_number_px: 56,
+    size_500_number_px: 72,
+    size_550_number_px: 96,
+    size_menu_top_size_px: 230,
+    size_anchors_menu_number_px: 268,
+    size_header_number_px: 56,
+    size_side_menu_desktop_number_px: 268,
+    size_side_menu_tablet_number_px: 360,
+    size_side_menu_mobile_number_px: 360,
+    size_cover_number_px: 420,
+    size_cover_with_tab_number_pxs: 372,
+    max_size_image: '68rem',
+};
+//# sourceMappingURL=sizes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/foundations/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,QAAQ;IACjB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,MAAM;IAChB,iBAAiB,EAAE,UAAU;IAC7B,sBAAsB,EAAE,UAAU;IAClC,qBAAqB,EAAE,SAAS;IAChC,qBAAqB,EAAE,SAAS;IAChC,WAAW,EAAE,QAAQ;IACrB,UAAU,EAAE,SAAS;IACrB,oBAAoB,EAAE,SAAS;IAC/B,wBAAwB,EAAE,SAAS;IACnC,kCAAkC,EAAE,SAAS;IAC7C,oBAAoB,EAAE,UAAU;IAChC,eAAe,EAAE,QAAQ;IACzB,4BAA4B;IAC5B,uFAAuF;IACvF,iBAAiB,EAAE,CAAC;IACpB,iBAAiB,EAAE,CAAC;IACpB,kBAAkB,EAAE,EAAE;IACtB,kBAAkB,EAAE,EAAE;IACtB,kBAAkB,EAAE,EAAE;IACtB,kBAAkB,EAAE,EAAE;IACtB,kBAAkB,EAAE,EAAE;IACtB,kBAAkB,EAAE,EAAE;IACtB,kBAAkB,EAAE,EAAE;IACtB,kBAAkB,EAAE,EAAE;IACtB,kBAAkB,EAAE,EAAE;IACtB,kBAAkB,EAAE,EAAE;IACtB,qBAAqB,EAAE,GAAG;IAC1B,2BAA2B,EAAE,GAAG;IAChC,qBAAqB,EAAE,EAAE;IACzB,gCAAgC,EAAE,GAAG;IACrC,+BAA+B,EAAE,GAAG;IACpC,+BAA+B,EAAE,GAAG;IACpC,oBAAoB,EAAE,GAAG;IACzB,8BAA8B,EAAE,GAAG;IAEnC,cAAc,EAAE,OAAO;CACf,CAAC"}

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

@@ -0,0 +1,35 @@
+export declare const SPACINGS: {
+    readonly spacing_0: "0rem";
+    readonly spacing_25: "0.063rem";
+    readonly spacing_50: "0.125rem";
+    readonly spacing_100: "0.25rem";
+    readonly spacing_150: "0.5rem";
+    readonly spacing_200: "0.625rem";
+    readonly spacing_250: "0.75rem";
+    readonly spacing_300: "1rem";
+    readonly spacing_350: "1.25rem";
+    readonly spacing_400: "1.5rem";
+    readonly spacing_450: "2rem";
+    readonly spacing_500: "2.5rem";
+    readonly spacing_550: "3rem";
+    readonly spacing_600: "3.5rem";
+    readonly spacing_650: "4rem";
+    readonly spacing_675: "4.5rem";
+    readonly spacing_700: "5rem";
+    readonly spacing_740: "7.5rem";
+    readonly spacing_750: "8rem";
+    readonly spacing_800: "8.5rem";
+    readonly spacing_100_percent: "100%";
+    readonly spacing_50_percent: "50%";
+    readonly spacing_70_percent: "70%";
+    readonly spacing_30_percent: "30%";
+    readonly spacing_25_percent: "25%";
+    readonly spacing_20_percent: "20%";
+    readonly spacing_10_percent: "10%";
+    readonly spacing_5_percent: "5%";
+    readonly spacing_100_vh: "100vh";
+    readonly spacing_100_vw: "100vw";
+    readonly spacing_100_px: "4px";
+    readonly spacing_180_px: "180px";
+};
+export type SpacingsType = typeof SPACINGS;