@heliux-org/design-system-core 0.0.49 → 0.0.50

package/dist/mocked_classnames_esm/core/src/components/Box/BoxConstants.d.ts

@@ -0,0 +1,186 @@
+export declare const DISABLED: Readonly<{
+    DISABLED: string;
+}>;
+export declare const BORDER: Readonly<{
+    DEFAULT: string;
+}>;
+export type Border = typeof BORDER;
+export declare const BORDER_COLOR: Readonly<{
+    UI_BORDER_COLOR: string;
+    LAYOUT_BORDER_COLOR: string;
+}>;
+export type BorderColor = typeof BORDER_COLOR;
+export declare const ROUNDED: Readonly<{
+    SMALL: string;
+    MEDIUM: string;
+    BIG: string;
+}>;
+export type Rounded = typeof ROUNDED;
+export declare const SHADOW: Readonly<{
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+}>;
+export type Shadow = typeof SHADOW;
+export declare const MARGIN: Readonly<{
+    AUTO: string;
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type Margin = typeof MARGIN;
+export declare const MARGIN_X: Readonly<{
+    AUTO: string;
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type MarginX = typeof MARGIN_X;
+export declare const MARGIN_Y: Readonly<{
+    AUTO: string;
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type MarginY = typeof MARGIN_Y;
+export declare const MARGIN_TOP: Readonly<{
+    AUTO: string;
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type MarginTop = typeof MARGIN_TOP;
+export declare const MARGIN_END: Readonly<{
+    AUTO: string;
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type MarginEnd = typeof MARGIN_END;
+export declare const MARGIN_BOTTOM: Readonly<{
+    AUTO: string;
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type MarginBottom = typeof MARGIN_BOTTOM;
+export declare const MARGIN_START: Readonly<{
+    AUTO: string;
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type MarginStart = typeof MARGIN_START;
+export declare const PADDING: Readonly<{
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type Padding = typeof PADDING;
+export declare const PADDING_X: Readonly<{
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type PaddingX = typeof PADDING_X;
+export declare const PADDING_Y: Readonly<{
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type PaddingY = typeof PADDING_Y;
+export declare const PADDING_TOP: Readonly<{
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type PaddingTop = typeof PADDING_TOP;
+export declare const PADDING_END: Readonly<{
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type PaddingEnd = typeof PADDING_END;
+export declare const PADDING_BOTTOM: Readonly<{
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type PaddingBottom = typeof PADDING_BOTTOM;
+export declare const PADDING_START: Readonly<{
+    XS: string;
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+    XL: string;
+    XXL: string;
+    XXXL: string;
+}>;
+export type PaddingStart = typeof PADDING_START;
+export declare const BACKGROUND_COLORS: Readonly<{
+    PRIMARY_BACKGROUND_COLOR: string;
+    SECONDARY_BACKGROUND_COLOR: string;
+    GREY_BACKGROUND_COLOR: string;
+    ALL_GREY_BACKGROUND_COLOR: string;
+    INVERTED_COLOR_BACKGROUND: string;
+}>;
+export type BackgroundColor = typeof BACKGROUND_COLORS;
+export declare const COLORS: Readonly<{
+    PRIMARY_TEXT_COLOR: string;
+    TEXT_COLOR_ON_INVERTED: string;
+    SECONDARY_TEXT_COLOR: string;
+}>;
+export type Color = typeof COLORS;

package/dist/mocked_classnames_esm/core/src/components/Box/__stories__/Box.stories.d.ts

@@ -0,0 +1,541 @@
+/// <reference types="react" />
+import { BoxProps } from "../Box";
+declare const _default: {
+    title: string;
+    component: ((import("../../../types/VibeComponent").default<BoxProps & import("react").RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+        borders: Readonly<{
+            DEFAULT: string;
+        }>;
+        borderColors: Readonly<{
+            UI_BORDER_COLOR: string;
+            LAYOUT_BORDER_COLOR: string;
+        }>;
+        roundeds: Readonly<{
+            SMALL: string;
+            MEDIUM: string;
+            BIG: string;
+        }>;
+        shadows: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+        }>;
+        margins: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginXs: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginYs: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginTops: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginEnds: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginBottoms: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginStarts: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddings: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingXs: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingYs: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingTops: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingEnds: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingBottoms: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingStarts: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        backgroundColors: Readonly<{
+            PRIMARY_BACKGROUND_COLOR: string;
+            SECONDARY_BACKGROUND_COLOR: string;
+            GREY_BACKGROUND_COLOR: string;
+            ALL_GREY_BACKGROUND_COLOR: string;
+            INVERTED_COLOR_BACKGROUND: string;
+        }>;
+        textColors: Readonly<{
+            PRIMARY_TEXT_COLOR: string;
+            TEXT_COLOR_ON_INVERTED: string;
+            SECONDARY_TEXT_COLOR: string;
+        }>;
+    }>) | (import("react").FC<BoxProps & import("react").RefAttributes<HTMLElement>> & Partial<{
+        borders: Readonly<{
+            DEFAULT: string;
+        }>;
+        borderColors: Readonly<{
+            UI_BORDER_COLOR: string;
+            LAYOUT_BORDER_COLOR: string;
+        }>;
+        roundeds: Readonly<{
+            SMALL: string;
+            MEDIUM: string;
+            BIG: string;
+        }>;
+        shadows: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+        }>;
+        margins: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginXs: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginYs: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginTops: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginEnds: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginBottoms: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginStarts: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddings: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingXs: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingYs: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingTops: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingEnds: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingBottoms: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingStarts: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        backgroundColors: Readonly<{
+            PRIMARY_BACKGROUND_COLOR: string;
+            SECONDARY_BACKGROUND_COLOR: string;
+            GREY_BACKGROUND_COLOR: string;
+            ALL_GREY_BACKGROUND_COLOR: string;
+            INVERTED_COLOR_BACKGROUND: string;
+        }>;
+        textColors: Readonly<{
+            PRIMARY_TEXT_COLOR: string;
+            TEXT_COLOR_ON_INVERTED: string;
+            SECONDARY_TEXT_COLOR: string;
+        }>;
+    }>)) & {
+        borders: Readonly<{
+            DEFAULT: string;
+        }>;
+        borderColors: Readonly<{
+            UI_BORDER_COLOR: string;
+            LAYOUT_BORDER_COLOR: string;
+        }>;
+        roundeds: Readonly<{
+            SMALL: string;
+            MEDIUM: string;
+            BIG: string;
+        }>;
+        shadows: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+        }>;
+        margins: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginXs: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginYs: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginTops: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginEnds: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginBottoms: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        marginStarts: Readonly<{
+            AUTO: string;
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddings: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingXs: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingYs: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingTops: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingEnds: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingBottoms: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        paddingStarts: Readonly<{
+            XS: string;
+            SMALL: string;
+            MEDIUM: string;
+            LARGE: string;
+            XL: string;
+            XXL: string;
+            XXXL: string;
+        }>;
+        backgroundColors: Readonly<{
+            PRIMARY_BACKGROUND_COLOR: string;
+            SECONDARY_BACKGROUND_COLOR: string;
+            GREY_BACKGROUND_COLOR: string;
+            ALL_GREY_BACKGROUND_COLOR: string;
+            INVERTED_COLOR_BACKGROUND: string;
+        }>;
+        textColors: Readonly<{
+            PRIMARY_TEXT_COLOR: string;
+            TEXT_COLOR_ON_INVERTED: string;
+            SECONDARY_TEXT_COLOR: string;
+        }>;
+    };
+    argTypes: Partial<import("@storybook/types").ArgTypes<import("@storybook/types").Args>>;
+    decorators: import("@heliux-org/storybook-components/dist/functions/createStoryMetaSettings/types").Decorator[];
+};
+export default _default;
+export declare const Overview: {
+    render: any;
+    name: string;
+};
+export declare const BackgroundColors: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TextColors: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const Border: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const BorderColor: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const RoundCorners: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const Shadow: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const Margin: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const Padding: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const Disabled: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/mocked_classnames_esm/core/src/components/Box/__stories__/Box.stories.helpers.d.ts

@@ -0,0 +1 @@
+export declare const TipBenefits: () => import("react/jsx-runtime").JSX.Element;