@stella-source/stellasource-dsl 0.0.25 → 0.0.28

package/dist/cjs/styles.css

@@ -1,2 +1,73 @@
-.DSL-custom-tooltip{background-color:#fff!important;border-radius:5px!important;box-shadow:0 0 4px 0 rgba(0,0,0,.25)!important;color:#4d4d4d!important;font-size:12px;font-style:normal;font-weight:500;max-width:250px;text-align:left!important}.DSL-tooltip-button{align-items:center;background:none;border:none;display:flex;justify-content:center;outline:none;padding:0}:root{--primary-blue:#336dae;--sky-blue:#7099c6;--light-blue:#ebf0fa;--medium-grey:#c6c6c6;--shadow:#777;--charcoal:#4d4d4d;--light-grey:#e6e6e6;--graphite:#222;--smoke:#9f9f9f;--pale-grey:#f5f5f5;--orange:#ff7600;--error-red:#bc3d39;--success-green:#108a53;--warning-yellow:#ffb75d;--dark-navy:#1f4168;--bg-light:#f5f5f5;--dark-blue:#336dae;--light-blue:#7099c6;--lightest-blue:#ebf0fa;--greyc6:#c6c6c6;--grey77:#777;--grey4D:#4d4d4d;--greyE6:#e6e6e6;--greyF5:#f5f5f5;--grey22:#222;--grey9F:#9f9f9f;--grey100:#d5dbe5;--grey500:#687182;--active-color:#ff7600;--light-orange:#ff9133;--dark-orange:#cc5e00;--red-rfq:#bc3d39;--pale-blue:#f8fafe;--light-yellow:#fffdeb;--green-rfq:#108a53;--yellow:#ffb75d;--primary:#336dae;--secondary:#1f4168;--tertiary:#a1c1ff;--quaternary:#7099c6;--accent:#ff7600;--font-xs:0.75rem;--font-s:0.875rem;--font-m:1rem;--font-l:1.125rem;--font-xl:1.75rem;--font-xxl:2.25rem;--font-family-primary:"Inter",sans-serif;--buttons:var(--primary);--links:var(--primary);--active-steps:var(--primary);--spinners:var(--primary);--table-header-line:var(--primary);--sub-header-bg:var(--primary);--ribbon-price-container:var(--primary);--button-focus:var(--primary);--qty-textbox:var(--primary);--button-hover:var(--secondary);--all-around-nav:var(--secondary);--textbox-focus:var(--tertiary);--text-button-hover-bg:var(--tertiary);--completed-steps:var(--quaternary);--sidebar-nav-icons:var(--accent);--shopping-cart-notifier:var(--accent);--text-button-hover-text-color:var(--buttons);--ribbon-price-container-text-color:#fff}
-/*# sourceMappingURL=styles.css.map */
+:root {
+  /* white */
+  --white: #ffffff;
+  /* black */
+  --black: #000000;
+  /* transparent */
+  --transparent: rgba(0, 0, 0, 0);
+  /* blues */
+  --dark-navy: #1f4168;
+  --primary-blue: #336dae;
+  --sky-blue: #7099c6;
+  --light-blue: #ebf0fa;
+  --pale-blue: #f8fafe;
+  /* greys */
+  --medium-grey: #c6c6c6;
+  --shadow: #777777;
+  --charcoal: #4d4d4d;
+  --light-grey: #e6e6e6;
+  --graphite: #222222;
+  --smoke: #9f9f9f;
+  --pale-grey: #f5f5f5;
+  --grey50: #e9edf5;
+  --grey100: #d5dbe5;
+  --grey500: #687182;
+  /* oranges */
+  --orange: #ff7600;
+  --light-orange: #ff9133;
+  --dark-orange: #cc5e00;
+  /* yellows */
+  --light-yellow: #fffdeb;
+  /* states */
+  --error-red: #bc3d39;
+  --success-green: #108a53;
+  --warning-yellow: #ffb75d;
+  /* core */
+  --primary: #336dae;
+  --secondary: #1f4168;
+  --tertiary: #a1c1ff;
+  --quaternary: #7099c6;
+  --accent: #ff7600;
+  /* font sizes */
+  --font-xs: 0.75rem; /* 12px */
+  --font-s: 0.875rem; /* 14px - primary */
+  --font-m: 1rem; /* 16px */
+  --font-l: 1.125rem; /* 18px */
+  --font-xl: 1.75rem; /* 28px */
+  --font-xxl: 2.25rem; /* 36px */
+  /* font familys */
+  --font-family-primary: "Inter", sans-serif;
+  --font-family-secondary: "Roboto", sans-serif;
+}
+
+.DSL-custom-tooltip {
+  background-color: white !important;
+  color: #4d4d4d !important;
+  text-align: left !important;
+  border-radius: 5px !important;
+  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 500;
+  max-width: 250px;
+}
+
+.DSL-tooltip-button {
+  background: none;
+  border: none;
+  padding: 0;
+  outline: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

package/dist/cjs/types/components/Button/Button.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonVariant } from "./types";
 import { ButtonIcons, ButtonProps } from "./types";
 declare const _default: {

package/dist/cjs/types/components/Button/styles.d.ts

@@ -1,9 +1,6 @@
-/// <reference types="react" />
 import { ButtonVariant } from "./types";
 export interface ButtonComponentStyles {
     $variant: `${ButtonVariant}`;
 }
-declare const ButtonComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, ButtonComponentStyles>> & string;
+declare const ButtonComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, never>, ButtonComponentStyles>> & string;
 export { ButtonComponent };

package/dist/cjs/types/components/HelperText/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface WrapperProps {
     $affectLayout?: boolean;
 }

package/dist/cjs/types/components/IconButton/IconButton.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconButtonProps } from "./types";
 import { ButtonVariant } from "../Button/types";
 declare const _default: {

package/dist/cjs/types/components/IconButton/styles.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="react" />
 import { ButtonComponentStyles } from "../Button/styles";
-declare const IconButtonComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, "$variant"> & ButtonComponentStyles, ButtonComponentStyles>> & string;
+declare const IconButtonComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, never>, "$variant"> & ButtonComponentStyles, ButtonComponentStyles>> & string;
 export { IconButtonComponent };

package/dist/cjs/types/components/Label/Label.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LabelProps, LabelWithChildrenProps } from "./types";
 declare const _default: {
     title: string;

package/dist/cjs/types/components/Label/styles.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 interface LabelComponentProps {
     $hideLabel?: boolean;
 }
 declare const RequiredIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../StellaIcon/types").StellaIconProps, never>> & string & Omit<({ iconName, size, color, className, id, dataTestId, }: import("../StellaIcon/types").StellaIconProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
-declare const ToolTipIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Tooltip/types").StellaTooltipProps, never>> & string & Omit<import("react").FC<import("../Tooltip/types").StellaTooltipProps>, keyof import("react").Component<any, {}, any>>;
+declare const ToolTipIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Tooltip/types").TooltipProps, never>> & string & Omit<({ title, placement, type, ariaLabel, iconSize, htmlProps, className, id, }: import("../Tooltip/types").TooltipProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 declare const LabelComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, LabelComponentProps>> & string;
 declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export { LabelComponent, RequiredIcon, ToolTipIcon, LabelContainer };

package/dist/cjs/types/components/Loader/Loader.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { LoaderProps } from "./types";
-declare const Loader: ({ size, dataTestId, color }: LoaderProps) => React.JSX.Element;
+declare const Loader: ({ size, dataTestId, color, className, id, }: LoaderProps) => React.JSX.Element;
 export default Loader;

package/dist/cjs/types/components/Loader/Loader.stories.d.ts

@@ -1,11 +1,13 @@
-/// <reference types="react" />
 import { LoaderProps } from "./types";
 declare const _default: {
     title: string;
-    component: ({ size, dataTestId, color }: LoaderProps) => import("react").JSX.Element;
+    component: ({ size, dataTestId, color, className, id, }: LoaderProps) => import("react").JSX.Element;
     tags: string[];
     parameters: {};
     argTypes: {};
     args: LoaderProps;
 };
 export default _default;
+export declare const Loader: {
+    args: {};
+};

package/dist/cjs/types/components/Loader/styles.d.ts

@@ -1,5 +1,2 @@
-/// <reference types="react" />
-declare const CustomLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@phosphor-icons/react").IconProps, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never>> & string & Omit<import("@phosphor-icons/react").Icon, keyof import("react").Component<any, {}, any>>;
+declare const CustomLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@phosphor-icons/react").IconProps, never>> & string & Omit<import("@phosphor-icons/react").Icon, keyof import("react").Component<any, {}, any>>;
 export { CustomLoader };

package/dist/cjs/types/components/Loader/types.d.ts

@@ -2,4 +2,6 @@ export interface LoaderProps {
     size?: number;
     dataTestId?: string;
     color?: string;
+    className?: string;
+    id?: string;
 }

package/dist/cjs/types/components/StellaIcon/StellaIcon.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StellaIconProps } from "./types";
 declare const _default: {
     title: string;

package/dist/{esm/types/components/TextField(UC) → cjs/types/components/TextField}/TextField.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { TextFieldProps } from "./types";
-declare const TextField: ({ id, className, htmlProps, type, textAlign, leftCategory, rightCategory, label, placeholder, onChange, onBlur, isRequired, disabled, maxLength, tooltipText, isLoading, helperText, helperTextAffectLayout, isTruncated, endIcon, hasError, size, ariaDescribedBy, }: TextFieldProps) => React.JSX.Element;
+declare const TextField: ({ id, className, htmlProps, type, textAlign, leftCategory, rightCategory, label, placeholder, onChange, onBlur, isRequired, disabled, maxLength, tooltipText, isLoading, helperText, helperTextAffectLayout, isTruncated, endIcon, hasError, ariaDescribedBy, }: TextFieldProps) => React.JSX.Element;
 export default TextField;

package/dist/{esm/types/components/TextField(UC) → cjs/types/components/TextField}/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface TextFieldInputProps {
     $textAlign?: "left" | "center" | "right";
     $isTruncated: boolean;
@@ -7,4 +6,6 @@ declare const Wrapper: import("styled-components/dist/types").IStyledComponentBa
 declare const TextFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const TextFieldInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, TextFieldInputProps>> & string;
 declare const Category: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export { Wrapper, TextFieldWrapper, TextFieldInput, Category };
+declare const CustomLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Loader/types").LoaderProps, never>> & string & Omit<({ size, dataTestId, color, className, id, }: import("../Loader/types").LoaderProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const EndIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../StellaIcon/types").StellaIconProps, never>> & string & Omit<({ iconName, size, color, className, id, dataTestId, }: import("../StellaIcon/types").StellaIconProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export { Wrapper, TextFieldWrapper, TextFieldInput, Category, CustomLoader, EndIcon, };

package/dist/cjs/types/components/{TextField(UC) → TextField}/types.d.ts

@@ -20,17 +20,46 @@ export declare enum TextFieldRightCategory {
     MINUTES = "min",
     HOURS = "hr"
 }
-export declare enum TextFieldSize {
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
 export declare enum TextFieldType {
     TEXT = "text",
     NUMBER = "number",
     PASSWORD = "password"
 }
-export interface TextFieldProps {
+export declare enum TextFieldPasswordStrength {
+    WEAK = "weak",
+    MEDIUM = "medium",
+    STRONG = "strong"
+}
+interface TextFieldPasswordProps {
+    type: `${TextFieldType.PASSWORD}`;
+    endIcon?: never;
+    leftCategory?: never;
+    rightCategory?: never;
+    isTruncated?: never;
+    textAlign?: never;
+}
+interface TextFieldNumberProps {
+    type: `${TextFieldType.NUMBER}`;
+    leftCategory?: `${TextFieldLeftCategory}`;
+    rightCategory?: `${TextFieldRightCategory}`;
+    isTruncated?: boolean;
+    textAlign?: `${TextFieldAlignments}`;
+    maxLength?: never;
+    maxValue?: number;
+    minValue?: number;
+    thousandSeparator?: boolean;
+    decimalPlaces?: number;
+}
+interface TextFieldTextProps {
+    type: `${TextFieldType.TEXT}`;
+    endIcon?: `${StellaIconDefinition}`;
+    leftCategory?: `${TextFieldLeftCategory}`;
+    rightCategory?: `${TextFieldRightCategory}`;
+    isTruncated?: boolean;
+    textAlign?: `${TextFieldAlignments}`;
+    maxLength?: number;
+}
+export interface TextFieldBaseProps {
     id: string;
     className?: string;
     label: string;
@@ -48,10 +77,12 @@ export interface TextFieldProps {
     isTruncated: boolean;
     endIcon: `${StellaIconDefinition}`;
     hasError: boolean;
-    size?: `${TextFieldSize}`;
     textAlign?: `${TextFieldAlignments}`;
     leftCategory?: `${TextFieldLeftCategory}`;
     rightCategory?: `${TextFieldRightCategory}`;
     ariaDescribedBy?: string;
+    readOnly?: boolean;
     htmlProps?: HTMLAttributes<HTMLInputElement>;
 }
+export type TextFieldProps = TextFieldBaseProps & (TextFieldPasswordProps | TextFieldNumberProps | TextFieldTextProps);
+export {};

package/dist/cjs/types/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { StellaTooltipProps } from "./types";
+import { TooltipProps } from "./types";
 import "./styles.css";
-declare const StellaTooltip: React.FC<StellaTooltipProps>;
-export default StellaTooltip;
+declare const Tooltip: ({ title, placement, type, ariaLabel, iconSize, htmlProps, className, id, }: TooltipProps) => React.JSX.Element;
+export default Tooltip;

package/dist/cjs/types/components/Tooltip/Tooltip.stories.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { TooltipIconType, StellaTooltipProps } from "./types";
 declare const _default: {
     title: string;
-    component: React.FC<StellaTooltipProps>;
+    component: ({ title, placement, type, ariaLabel, iconSize, htmlProps, className, id, }: import("./types").TooltipProps) => React.JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/cjs/types/components/Tooltip/types.d.ts

@@ -1,9 +1,9 @@
-import { TooltipProps } from "antd";
+import { TooltipProps as AntdTootipProps } from "antd";
 export declare enum TooltipIconType {
     WARNING = "warning",
     INFO = "info"
 }
-export interface StellaTooltipProps {
+export interface TooltipProps {
     title: string;
     placement: "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
     type?: `${TooltipIconType}`;
@@ -11,5 +11,5 @@ export interface StellaTooltipProps {
     iconSize?: number;
     id?: string;
     className?: string;
-    htmlProps?: TooltipProps;
+    htmlProps?: AntdTootipProps;
 }

package/dist/cjs/types/index.d.ts

@@ -1,3 +1,15 @@
+/** Components */
 import Label from "./components/Label/Label";
+import Button from "./components/Button/Button";
+import Loader from "./components/Loader/Loader";
+import HelperText from "./components/HelperText/HelperText";
+import Tooltip from "./components/Tooltip/Tooltip";
+import StellaIcon from "./components/StellaIcon/StellaIcon";
+import IconButton from "./components/IconButton/IconButton";
+/** Types */
+import { ButtonVariant } from "./components/Button/types";
+/** Tokens */
+import { Styles } from "./shared/tokens";
 import "./shared/tokens/tokens.css";
-export { Label };
+export type { StellaIconDefinition } from "./components/StellaIcon/types";
+export { Label, Button, IconButton, Loader, HelperText, Tooltip, StellaIcon, ButtonVariant, Styles, };

package/dist/cjs/types/shared/storyComponents/ColorBox.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const ColorBox: ({ color }: {
+    color: string;
+}) => React.JSX.Element;
+export default ColorBox;

package/dist/cjs/types/shared/storyComponents/TokenTable.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface TokenTableProps {
+    type: "color" | "fontSize" | "fontFamily";
+}
+declare const TokenTable: ({ type }: TokenTableProps) => React.JSX.Element;
+export default TokenTable;

package/dist/cjs/types/shared/tokens/index.d.ts

@@ -1,20 +1,61 @@
 declare const Styles: {
     color: {
-        charcoal: string;
-        red: string;
-        smoke: string;
-        shadow: string;
-        grey50: string;
-        paleGrey: string;
-        yellow: string;
-        green: string;
-        branding: {
+        white: string;
+        black: string;
+        transparent: string;
+        core: {
             primary: string;
             secondary: string;
             tertiary: string;
             quaternary: string;
             accent: string;
         };
+        grey: {
+            medium: string;
+            shadow: string;
+            light: string;
+            graphite: string;
+            charcoal: string;
+            smoke: string;
+            pale: string;
+            50: string;
+            100: string;
+            500: string;
+        };
+        blue: {
+            darkNavy: string;
+            primary: string;
+            sky: string;
+            light: string;
+            pale: string;
+        };
+        orange: {
+            primary: string;
+            light: string;
+            dark: string;
+        };
+        yellow: {
+            light: string;
+        };
+        states: {
+            error: string;
+            success: string;
+            warning: string;
+        };
+    };
+    font: {
+        fontSize: {
+            xs: string;
+            s: string;
+            m: string;
+            l: string;
+            xl: string;
+            xxl: string;
+        };
+        fontFamily: {
+            primary: string;
+            secondary: string;
+        };
     };
 };
 export { Styles };

package/dist/cjs/types/shared/tokens/storybook/color.d.ts

@@ -0,0 +1,73 @@
+import "../tokens.css";
+declare const colorTokens: {
+    white: string;
+    black: string;
+    transparent: string;
+    core: {
+        /** #336dae */
+        primary: string;
+        /** #1f4168 */
+        secondary: string;
+        /** #a1c1ff */
+        tertiary: string;
+        /** #7099c6 */
+        quaternary: string;
+        /** #ff7600 */
+        accent: string;
+    };
+    grey: {
+        /** #c6c6c6 */
+        medium: string;
+        /** #777777 */
+        shadow: string;
+        /** #e6e6e6 */
+        light: string;
+        /** #222222 */
+        graphite: string;
+        /** #4d4d4d */
+        charcoal: string;
+        /** #9f9f9f */
+        smoke: string;
+        /** #f5f5f5 */
+        pale: string;
+        /** #e9edf5 */
+        50: string;
+        /** #d5dbe5 */
+        100: string;
+        /** #687182 */
+        500: string;
+    };
+    blue: {
+        /** #1f4168 */
+        darkNavy: string;
+        /** #336dae */
+        primary: string;
+        /** #7099c6 */
+        sky: string;
+        /** #ebf0fa */
+        light: string;
+        /** #f8fafe */
+        pale: string;
+    };
+    orange: {
+        /** #ff7600 */
+        primary: string;
+        /** #ff9133 */
+        light: string;
+        /** #cc5e00 */
+        dark: string;
+    };
+    yellow: {
+        /** #fffdeb */
+        light: string;
+    };
+    states: {
+        /** #bc3d39 */
+        error: string;
+        /** #108a53 */
+        success: string;
+        /** #ffb75d */
+        warning: string;
+    };
+};
+export default colorTokens;

package/dist/cjs/types/shared/tokens/storybook/font.d.ts

@@ -0,0 +1,24 @@
+import "../tokens.css";
+declare const fontTokens: {
+    fontSize: {
+        /** 12px */
+        xs: string;
+        /** 14px */
+        s: string;
+        /** 16px */
+        m: string;
+        /** 18px */
+        l: string;
+        /** 28px */
+        xl: string;
+        /** 36px */
+        xxl: string;
+    };
+    fontFamily: {
+        /** "Inter", sans-serif */
+        primary: string;
+        /** "Roboto", sans-serif */
+        secondary: string;
+    };
+};
+export default fontTokens;

package/dist/cjs/types/shared/utils/testing.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { queries } from "@testing-library/react";
 import { Options } from "@testing-library/user-event";
 declare const setup: (jsx: JSX.Element, setupOptions?: Options) => {
     container: HTMLElement;
     baseElement: HTMLElement;
-    debug: (baseElement?: any, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
-    rerender: (ui: import("react").ReactNode) => void;
+    debug: (baseElement?: ReactDOMClient.Container | any | Array<ReactDOMClient.Container | any> | undefined, maxLength?: number | undefined, options?: import("pretty-format").OptionsReceived | undefined) => void;
+    rerender: (ui: React.ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;
     getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;