@kubit-ui-web/react-components 1.13.2 → 1.15.0

package/dist/cjs/designSystem/kubitWireframe/commons/foundations/borders.d.ts

@@ -0,0 +1,24 @@
+export declare const BORDERS: {
+    readonly border_00: "0rem";
+    readonly border_50: "0.0625rem";
+    readonly border_100: "0.0625rem";
+    readonly border_150: "0rem";
+    readonly border_200: "0.0625rem";
+};
+export declare const RADIUS: {
+    radius_00: string;
+    radius_25: string;
+    radius_50: string;
+    radius_60: string;
+    radius_80: string;
+    radius_100: string;
+    radius_125: string;
+    radius_150: string;
+    radius_200: string;
+    radius_250: string;
+    radius_275: string;
+    radius_300: string;
+    radius_full: string;
+};
+export type BordersType = typeof BORDERS;
+export type RadiusType = typeof RADIUS;

package/dist/cjs/designSystem/kubitWireframe/commons/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/cjs/designSystem/kubitWireframe/commons/foundations/colors.d.ts

@@ -0,0 +1,5 @@
+export declare const getColors: (accentColor?: string, accentColorPressed?: string) => {
+    [key: string]: {
+        [key: string]: string;
+    };
+};

package/dist/cjs/designSystem/kubitWireframe/commons/foundations/focusStyles.d.ts

@@ -0,0 +1,6 @@
+import { CSSProp } from 'styled-components';
+export declare const getFocusStyles: (COLORS: {
+    [key: string]: {
+        [key: string]: string;
+    };
+}) => CSSProp;

package/dist/cjs/designSystem/kubitWireframe/commons/foundations/index.d.ts

@@ -0,0 +1,21 @@
+import { DefaultTheme } from 'styled-components';
+type Foundations = DefaultTheme & {
+    COLORS: object;
+    BORDERS: object;
+    FONT_FAMILY: object;
+    FONT_WEIGHT: object;
+    HEADING: object;
+    PARAGRAPH: object;
+    TEXT_ALIGN: object;
+    SIZES: object;
+    SHADOW: object;
+};
+export declare const getFoundations: (COLORS: string) => Foundations;
+export * from './breakpoints';
+export * from './mediaQueries';
+export * from './zIndex';
+export * from './spacings';
+export * from './borders';
+export * from './typography';
+export * from './sizes';
+export * from './shadow';

package/dist/cjs/designSystem/kubitWireframe/commons/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/cjs/designSystem/kubitWireframe/commons/foundations/shadow.d.ts

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

package/dist/cjs/designSystem/kubitWireframe/commons/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/cjs/designSystem/kubitWireframe/commons/foundations/spacings.d.ts

@@ -0,0 +1,34 @@
+export declare const SPACINGS: {
+    readonly spacing_0: "0rem";
+    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;

package/dist/cjs/designSystem/kubitWireframe/commons/foundations/typography.d.ts

@@ -0,0 +1,139 @@
+export declare const FONT_FAMILY: {
+    readonly font_family_gt_america_expanded: "\"GT-America-Expanded Font\", sans-serif";
+    readonly font_family_gt_america_extended: "\"GT-America-Extended Font\", sans-serif";
+    readonly font_family_roboto_condensed: "\"GT-America-Extended Font\", sans-serif";
+    readonly font_family_nunito_sans: "\"Nunito-Sans Font\", sans-serif";
+};
+declare const FONT_SIZE: {
+    readonly font_heading_50: "3rem";
+    readonly font_heading_100: "2.5rem";
+    readonly font_heading_150: "2rem";
+    readonly font_heading_200: "1.5rem";
+    readonly font_heading_250: "1.25rem";
+    readonly font_body_50: "1.125rem";
+    readonly font_body_100: "1rem";
+    readonly font_body_150: "0.875rem";
+    readonly font_body_200: "0.75rem";
+};
+declare const LINE_HEIGHT: {
+    readonly line_height_50: "3.5rem";
+    readonly line_height_100: "3rem";
+    readonly line_height_150: "2.5rem";
+    readonly line_height_200: "1.5rem";
+    readonly line_height_250: "1.25rem";
+    readonly line_height_300: "1rem";
+};
+export declare const FONT_WEIGHT: {
+    readonly font_weight_000: 0;
+    readonly font_weight_300: 300;
+    readonly font_weight_400: 400;
+    readonly font_weight_500: 500;
+    readonly font_weight_600: 600;
+};
+export declare const HEADING: {
+    readonly DISPLAY: {
+        readonly DESKTOP: {
+            readonly font_size: "3rem";
+            readonly line_height: "3.5rem";
+        };
+        readonly MOBILE: {
+            readonly font_size: "3rem";
+            readonly line_height: "3.5rem";
+        };
+    };
+    readonly H1: {
+        readonly DESKTOP: {
+            readonly font_size: "2.5rem";
+            readonly line_height: "3rem";
+        };
+        readonly MOBILE: {
+            readonly font_size: "2.5rem";
+            readonly line_height: "3rem";
+        };
+    };
+    readonly H2: {
+        readonly DESKTOP: {
+            readonly font_size: "2rem";
+            readonly line_height: "2.5rem";
+        };
+        readonly MOBILE: {
+            readonly font_size: "2rem";
+            readonly line_height: "2.5rem";
+        };
+    };
+    readonly H3: {
+        readonly DESKTOP: {
+            readonly font_size: "1.5rem";
+            readonly line_height: "2.5rem";
+        };
+        readonly MOBILE: {
+            readonly font_size: "1.5rem";
+            readonly line_height: "2.5rem";
+        };
+    };
+    readonly H4: {
+        readonly DESKTOP: {
+            readonly font_size: "1.25rem";
+            readonly line_height: "1.5rem";
+        };
+        readonly MOBILE: {
+            readonly font_size: "1.25rem";
+            readonly line_height: "1.5rem";
+        };
+    };
+};
+export declare const PARAGRAPH: {
+    readonly LARGE: {
+        readonly DESKTOP: {
+            readonly font_size: "1.125rem";
+            readonly line_height: "1.5rem";
+        };
+        readonly MOBILE: {
+            readonly font_size: "1.125rem";
+            readonly line_height: "1.5rem";
+        };
+    };
+    readonly MEDIUM: {
+        readonly DESKTOP: {
+            readonly font_size: "1rem";
+            readonly line_height: "1.5rem";
+        };
+        readonly MOBILE: {
+            readonly font_size: "1rem";
+            readonly line_height: "1.5rem";
+        };
+    };
+    readonly SMALL: {
+        readonly DESKTOP: {
+            readonly font_size: "0.875rem";
+            readonly line_height: "1.25rem";
+        };
+        readonly MOBILE: {
+            readonly font_size: "0.875rem";
+            readonly line_height: "1.25rem";
+        };
+    };
+    readonly CAPTION: {
+        readonly DESKTOP: {
+            readonly font_size: "0.75rem";
+            readonly line_height: "1rem";
+        };
+        readonly MOBILE: {
+            readonly font_size: "0.75rem";
+            readonly line_height: "1rem";
+        };
+    };
+};
+export declare const TEXT_ALIGN: {
+    readonly left: "left";
+    readonly center: "center";
+    readonly right: "right";
+};
+export type FontFamilyType = typeof FONT_FAMILY;
+export type FontSizeType = typeof FONT_SIZE;
+export type LineHeightType = typeof LINE_HEIGHT;
+export type HeadingType = typeof HEADING;
+export type ParagraphType = typeof PARAGRAPH;
+export type FontWeightType = typeof FONT_WEIGHT;
+export type TextAlignType = typeof TEXT_ALIGN;
+export {};

package/dist/cjs/designSystem/kubitWireframe/commons/foundations/zIndex.d.ts

@@ -0,0 +1,15 @@
+export declare const Z_INDEX: {
+    AUTO: string;
+    INTERN_1: number;
+    INTERN_2: number;
+    INTERN_3: number;
+    STICKY: number;
+    POPUP: number;
+    FLOATING: number;
+    OVERLAY: number;
+    MODAL: number;
+    SPINNER: number;
+    TOAST: number;
+    TOP_OF_THE_WORLD: number;
+};
+export type ZIndexType = typeof Z_INDEX;

package/dist/cjs/designSystem/kubitWireframe/commons/globalStyles/fonts.d.ts

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

package/dist/cjs/designSystem/kubitWireframe/commons/globalStyles/globalStyle.d.ts

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

package/dist/cjs/designSystem/kubitWireframe/commons/globalStyles/index.d.ts

@@ -0,0 +1,2 @@
+export { KUBIT_WIREFRAME_GLOBAL_STYLES } from './globalStyle';
+export { FONTS_KUBIT_WIREFRAME_GLOBAL_STYLES } from './fonts';

package/dist/cjs/designSystem/kubitWireframe/index.d.ts

@@ -0,0 +1,92 @@
+import * as VARIANTS from './commons/components/variants';
+export { KUBIT_WIREFRAME_ASTRA_STYLES } from './astra';
+export { KUBIT_WIREFRAME_ROOT_STYLES } from './root';
+export { KUBIT_WIREFRAME_VULCAN_STYLES } from './vulcan';
+export * from './commons/globalStyles';
+export declare const KUBIT_WIREFRAME_VARIANTS: {
+    AccordionVariantType: typeof VARIANTS.AccordionVariantType;
+    ActionBottomSheetVariantType: typeof VARIANTS.ActionBottomSheetVariantType;
+    AvatarSize: typeof VARIANTS.AvatarSize;
+    BackToTopVariantsType: typeof VARIANTS.BackToTopVariantsType;
+    BreadcrumbsVariantType: typeof VARIANTS.BreadcrumbsVariantType;
+    ButtonVariantType: typeof VARIANTS.ButtonVariantType;
+    ButtonSizeType: typeof VARIANTS.ButtonSizeType;
+    CalendarVariantType: typeof VARIANTS.CalendarVariantType;
+    CarouselVariantType: typeof VARIANTS.CarouselVariantType;
+    CheckboxVariantType: typeof VARIANTS.CheckboxVariantType;
+    CheckboxWithLabelVariants: typeof VARIANTS.CheckboxWithLabelVariants;
+    ChipVariantType: typeof VARIANTS.ChipVariantType;
+    ChipStateType: typeof VARIANTS.ChipStateType;
+    ConfirmationMessageVariantType: typeof VARIANTS.ConfirmationMessageVariantType;
+    ConfirmationMessageStateType: typeof VARIANTS.ConfirmationMessageStateType;
+    ContainerVariants: typeof VARIANTS.ContainerVariants;
+    DividerVariantType: typeof VARIANTS.DividerVariantType;
+    DotVariantType: typeof VARIANTS.DotVariantType;
+    DotSizeType: typeof VARIANTS.DotSizeType;
+    DrawerVariantType: typeof VARIANTS.DrawerVariantType;
+    EmptyStateVariantType: typeof VARIANTS.EmptyStateVariantType;
+    EmptyStateStateType: typeof VARIANTS.EmptyStateStateType;
+    FooterVariants: typeof VARIANTS.FooterVariants;
+    FunctionalitiesModuleVariantType: typeof VARIANTS.FunctionalitiesModuleVariantType;
+    HeaderVariantType: typeof VARIANTS.HeaderVariantType;
+    IconHighlightedVariantType: typeof VARIANTS.IconHighlightedVariantType;
+    InputVariantType: typeof VARIANTS.InputVariantType;
+    InputCounterVariant: typeof VARIANTS.InputCounterVariant;
+    InputCurrencyVariant: typeof VARIANTS.InputCurrencyVariant;
+    InputDateVariantType: typeof VARIANTS.InputDateVariantType;
+    InputDropdownVariant: typeof VARIANTS.InputDropdownVariant;
+    InputPasswordVariant: typeof VARIANTS.InputPasswordVariant;
+    InputPhoneVariant: typeof VARIANTS.InputPhoneVariant;
+    InputSearchVariant: typeof VARIANTS.InputSearchVariant;
+    LayoutVariantType: typeof VARIANTS.LayoutVariantType;
+    LineSeparatorLabelVariantType: typeof VARIANTS.LineSeparatorLabelVariantType;
+    LineSeparatorLineVariantType: typeof VARIANTS.LineSeparatorLineVariantType;
+    LinkVariantType: typeof VARIANTS.LinkVariantType;
+    ListOptionsVariantType: typeof VARIANTS.ListOptionsVariantType;
+    MessageVariantType: typeof VARIANTS.MessageVariantType;
+    ModalVariantType: typeof VARIANTS.ModalVariantType;
+    NavigationCardVariantType: typeof VARIANTS.NavigationCardVariantType;
+    OliveMenuVariant: typeof VARIANTS.OliveMenuVariant;
+    OptionVariantType: typeof VARIANTS.OptionVariantType;
+    OverlayVariantType: typeof VARIANTS.OverlayVariantType;
+    PageControlVariant: typeof VARIANTS.PageControlVariant;
+    ArrowsControlVariant: typeof VARIANTS.ArrowsControlVariant;
+    PillVariantType: typeof VARIANTS.PillVariantType;
+    PillSizeType: typeof VARIANTS.PillSizeType;
+    PillVariantTypeV2: typeof VARIANTS.PillVariantTypeV2;
+    PillSizeTypeV2: typeof VARIANTS.PillSizeTypeV2;
+    PillSelectorVariant: typeof VARIANTS.PillSelectorVariant;
+    PillSelectorVariantTypeV2: typeof VARIANTS.PillSelectorVariantTypeV2;
+    PillSelectorSizeTypeV2: typeof VARIANTS.PillSelectorSizeTypeV2;
+    PopoverVariantType: typeof VARIANTS.PopoverVariantType;
+    TabsVariantType: typeof VARIANTS.TabsVariantType;
+    QuickButtonVariantType: typeof VARIANTS.QuickButtonVariantType;
+    RadioButtonGroupVariantType: typeof VARIANTS.RadioButtonGroupVariantType;
+    SkeletonVariantType: typeof VARIANTS.SkeletonVariantType;
+    SkeletonShapeVariant: typeof VARIANTS.SkeletonShapeVariant;
+    SnackbarVariant: typeof VARIANTS.SnackbarVariant;
+    StepperNumberVariantType: typeof VARIANTS.StepperNumberVariantType;
+    TableVariantType: typeof VARIANTS.TableVariantType;
+    TableHeaderVariantType: typeof VARIANTS.TableHeaderVariantType;
+    TableRowVariantType: typeof VARIANTS.TableRowVariantType;
+    TagVariantType: typeof VARIANTS.TagVariantType;
+    TagStatusType: typeof VARIANTS.TagStatusType;
+    TagOptionType: typeof VARIANTS.TagOptionType;
+    TagVariantTypeV2: typeof VARIANTS.TagVariantTypeV2;
+    TextVariantType: typeof VARIANTS.TextVariantType;
+    TextCountVariantType: typeof VARIANTS.TextCountVariantType;
+    ThirdPartyAnimationVariantType: typeof VARIANTS.ThirdPartyAnimationVariantType;
+    ToggleVariantType: typeof VARIANTS.ToggleVariantType;
+    TooltipVariantType: typeof VARIANTS.TooltipVariantType;
+    TableCellVariantType: typeof VARIANTS.TableCellVariantType;
+    TableRowVariantTypeV2: typeof VARIANTS.TableRowVariantTypeV2;
+    TableBodyVariantType: typeof VARIANTS.TableBodyVariantType;
+    TableHeadVariantType: typeof VARIANTS.TableHeadVariantType;
+    TableFootVariantType: typeof VARIANTS.TableFootVariantType;
+    TableCaptionVariantType: typeof VARIANTS.TableCaptionVariantType;
+    TableDividerVariantType: typeof VARIANTS.TableDividerVariantType;
+    TableV2VariantType: typeof VARIANTS.TableV2VariantType;
+    DataTableVariantType: typeof VARIANTS.DataTableVariantType;
+    ValidationStatusVariants: typeof VARIANTS.ValidationStatusVariants;
+    VirtualKeyboardVariantType: typeof VARIANTS.VirtualKeyboardVariantType;
+};