@loadsmart/loadsmart-ui 7.3.3 → 7.5.0

package/dist/components/Tabs/Tabs.d.ts

@@ -1,49 +1,49 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import type { WithDirectionProps } from './Tabs.types';
-declare type TabsItemsProps = HTMLAttributes<HTMLUListElement>;
-declare function TabsItems({ children, ...props }: TabsItemsProps): React.JSX.Element;
-interface TabsItemProps extends HTMLAttributes<HTMLInputElement> {
-    name: string;
-    default?: boolean;
-    leading?: ReactNode;
-    disabled?: boolean;
-}
-declare function TabsItem({ children, name, default: isDefault, className, onChange, leading, disabled, ...props }: TabsItemProps): React.JSX.Element;
-declare type PanelsItemsProps = HTMLAttributes<HTMLDivElement>;
-declare function PanelsItems({ children, ...props }: PanelsItemsProps): React.JSX.Element;
-interface PanelsItemProps extends HTMLAttributes<HTMLElement> {
-    name: string;
-    /**
-     * Renders the Panel.Item only when is visible
-     * @default false
-     */
-    lazy?: boolean;
-}
-declare function PanelsItem({ children, name, lazy, ...props }: PanelsItemProps): React.JSX.Element;
-export interface TabsProps extends HTMLAttributes<HTMLElement>, WithDirectionProps {
-    activeTab?: string;
-    onTabChange?: (tab: string) => void;
-}
-/**
- * @example
- * <Tabs>
-    <Tabs.Items>
-      <Tabs.Item name="tab-1" default>
-        Tabs 1
-      </Tabs.Item>
-      <Tabs.Item name="tab-2">Tabs 2</Tabs.Item>
-    </Tabs.Items>
-    <Tabs.Panels>
-      <Tabs.Panel name="tab-1">first content</Tabs.Panel>
-      <Tabs.Panel name="tab-2">second content</Tabs.Panel>
-    </Tabs.Panels>
- * </Tabs>
- */
-declare function Tabs({ children, direction, id: propId, activeTab: propTab, onTabChange, ...props }: TabsProps): JSX.Element;
-declare namespace Tabs {
-    var Items: typeof TabsItems;
-    var Item: typeof TabsItem;
-    var Panels: typeof PanelsItems;
-    var Panel: typeof PanelsItem;
-}
-export default Tabs;
+import { default as React, HTMLAttributes, ReactNode } from 'react';
+import { WithDirectionProps } from './Tabs.types';
+type TabsItemsProps = HTMLAttributes<HTMLUListElement>;
+declare function TabsItems({ children, ...props }: TabsItemsProps): React.JSX.Element;
+interface TabsItemProps extends HTMLAttributes<HTMLInputElement> {
+    name: string;
+    default?: boolean;
+    leading?: ReactNode;
+    disabled?: boolean;
+}
+declare function TabsItem({ children, name, default: isDefault, className, onChange, leading, disabled, ...props }: TabsItemProps): React.JSX.Element;
+type PanelsItemsProps = HTMLAttributes<HTMLDivElement>;
+declare function PanelsItems({ children, ...props }: PanelsItemsProps): React.JSX.Element;
+interface PanelsItemProps extends HTMLAttributes<HTMLElement> {
+    name: string;
+    /**
+     * Renders the Panel.Item only when is visible
+     * @default false
+     */
+    lazy?: boolean;
+}
+declare function PanelsItem({ children, name, lazy, ...props }: PanelsItemProps): React.JSX.Element;
+export interface TabsProps extends HTMLAttributes<HTMLElement>, WithDirectionProps {
+    activeTab?: string;
+    onTabChange?: (tab: string) => void;
+}
+/**
+ * @example
+ * <Tabs>
+    <Tabs.Items>
+      <Tabs.Item name="tab-1" default>
+        Tabs 1
+      </Tabs.Item>
+      <Tabs.Item name="tab-2">Tabs 2</Tabs.Item>
+    </Tabs.Items>
+    <Tabs.Panels>
+      <Tabs.Panel name="tab-1">first content</Tabs.Panel>
+      <Tabs.Panel name="tab-2">second content</Tabs.Panel>
+    </Tabs.Panels>
+ * </Tabs>
+ */
+declare function Tabs({ children, direction, id: propId, activeTab: propTab, onTabChange, ...props }: TabsProps): JSX.Element;
+declare namespace Tabs {
+    var Items: typeof TabsItems;
+    var Item: typeof TabsItem;
+    var Panels: typeof PanelsItems;
+    var Panel: typeof PanelsItem;
+}
+export default Tabs;

package/dist/components/Tabs/Tabs.stories.d.ts

@@ -1,23 +1,23 @@
-/// <reference types="react" />
-import { TabsProps } from './Tabs';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare function Playground(args: TabsProps): JSX.Element;
-export declare namespace Playground {
-    var args: {
-        direction: string;
-    };
-}
-export declare function Controlled(): JSX.Element;
-export declare namespace Controlled {
-    var args: {
-        direction: string;
-    };
-    var parameters: {
-        docs: {
-            source: {
-                type: string;
-            };
-        };
-    };
-}
+import { Meta } from '@storybook/react';
+import { TabsProps } from './Tabs';
+declare const _default: Meta;
+export default _default;
+export declare function Playground(args: TabsProps): JSX.Element;
+export declare namespace Playground {
+    var args: {
+        direction: string;
+    };
+}
+export declare function Controlled(): JSX.Element;
+export declare namespace Controlled {
+    var args: {
+        direction: string;
+    };
+    var parameters: {
+        docs: {
+            source: {
+                type: string;
+            };
+        };
+    };
+}

package/dist/components/Tabs/Tabs.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/Tabs/Tabs.types.d.ts

@@ -1,6 +1,6 @@
-export interface WithDirectionProps {
-    direction?: 'horizontal' | 'vertical';
-}
-export interface WithActiveProps {
-    active?: boolean;
-}
+export interface WithDirectionProps {
+    direction?: 'horizontal' | 'vertical';
+}
+export interface WithActiveProps {
+    active?: boolean;
+}

package/dist/components/Tabs/TabsContext.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-interface TabContextValue {
-    id: string;
-    activeTab: string;
-    setActiveTab: (name: string) => void;
-    direction?: 'horizontal' | 'vertical';
-}
-export declare const TabContext: import("react").Context<TabContextValue>;
-export {};
+interface TabContextValue {
+    id: string;
+    activeTab: string;
+    setActiveTab: (name: string) => void;
+    direction?: 'horizontal' | 'vertical';
+}
+export declare const TabContext: import('react').Context<TabContextValue>;
+export {};

package/dist/components/Tabs/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Tabs } from './Tabs';
-export type { TabsProps } from './Tabs';
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';

package/dist/components/Tag/Tag.d.ts

@@ -1,19 +1,18 @@
-import React, { ReactNode } from 'react';
-import type { ButtonHTMLAttributes } from 'react';
-interface WithSizeProps {
-    size?: 'small' | 'default' | 'large';
-}
-export interface TagProps extends React.HTMLAttributes<HTMLElement>, WithSizeProps {
-    className?: string;
-    children?: ReactNode;
-    disabled?: boolean;
-    leading?: ReactNode;
-    removable?: boolean;
-    variant?: 'accent' | 'danger' | 'default' | 'outlined' | 'success' | 'warning';
-    onRemove?: () => void;
-    getRemoveButtonProps?: () => Partial<ButtonHTMLAttributes<HTMLButtonElement>> & {
-        'data-testid'?: string;
-    };
-}
-declare function Tag(props: TagProps): JSX.Element;
-export default Tag;
+import { default as React, ReactNode, ButtonHTMLAttributes } from 'react';
+interface WithSizeProps {
+    size?: 'small' | 'default' | 'large';
+}
+export interface TagProps extends React.HTMLAttributes<HTMLElement>, WithSizeProps {
+    className?: string;
+    children?: ReactNode;
+    disabled?: boolean;
+    leading?: ReactNode;
+    removable?: boolean;
+    variant?: 'accent' | 'danger' | 'default' | 'outlined' | 'success' | 'warning';
+    onRemove?: () => void;
+    getRemoveButtonProps?: () => Partial<ButtonHTMLAttributes<HTMLButtonElement>> & {
+        'data-testid'?: string;
+    };
+}
+declare function Tag(props: TagProps): JSX.Element;
+export default Tag;

package/dist/components/Tag/Tag.stories.d.ts

@@ -1,41 +1,42 @@
-import React from 'react';
-import { TagProps } from './Tag';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare function Default(args: TagProps): JSX.Element;
-export declare namespace Default {
-    var args: {
-        size: string;
-        variant: string;
-        as: string;
-        href: string;
-    };
-}
-export declare function Icon(args: TagProps): JSX.Element;
-export declare namespace Icon {
-    var args: {
-        size: string;
-        variant: string;
-        leading: React.JSX.Element;
-        removable: boolean;
-    };
-}
-export declare function Removable(args: TagProps): JSX.Element;
-export declare namespace Removable {
-    var args: {
-        size: string;
-        variant: string;
-        leading: null;
-        removable: boolean;
-        onRemove: () => void;
-    };
-}
-export declare function Disabled(args: TagProps): JSX.Element;
-export declare namespace Disabled {
-    var args: {
-        size: string;
-        variant: string;
-        className: string;
-        removable: boolean;
-    };
-}
+import { default as React } from 'react';
+import { TagProps } from './Tag';
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare function Default(args: TagProps): JSX.Element;
+export declare namespace Default {
+    var args: {
+        size: string;
+        variant: string;
+        as: string;
+        href: string;
+    };
+}
+export declare function Icon(args: TagProps): JSX.Element;
+export declare namespace Icon {
+    var args: {
+        size: string;
+        variant: string;
+        leading: React.JSX.Element;
+        removable: boolean;
+    };
+}
+export declare function Removable(args: TagProps): JSX.Element;
+export declare namespace Removable {
+    var args: {
+        size: string;
+        variant: string;
+        leading: null;
+        removable: boolean;
+        onRemove: () => void;
+    };
+}
+export declare function Disabled(args: TagProps): JSX.Element;
+export declare namespace Disabled {
+    var args: {
+        size: string;
+        variant: string;
+        className: string;
+        removable: boolean;
+    };
+}

package/dist/components/Tag/Tag.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/Tag/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Tag } from './Tag';
-export type { TagProps } from './Tag';
+export { default as Tag } from './Tag';
+export type { TagProps } from './Tag';

package/dist/components/Text/Text.d.ts

@@ -1,15 +1,9 @@
-import type { PropsWithChildren } from 'react';
-import { TypographyOptions, TypographyVariants } from "../../styles/typography";
-export declare type TextProps = PropsWithChildren<{
-    variant?: TypographyVariants;
-    italic?: TypographyOptions['italic'];
-    color?: TypographyOptions['color'];
-}>;
-declare const _default: import("styled-components").StyledComponent<"span", any, {
-    variant?: TypographyVariants | undefined;
-    italic?: boolean | undefined;
-    color?: "left" | "center" | "right" | "color-neutral-darker" | "button-border-radius" | "button-border-width" | "button-font-weight" | "button-font-height" | "button-small-font-size" | "button-small-height" | "button-small-padding-x" | "button-small-padding-y" | "button-font-size" | "button-height" | "button-width" | "button-padding-y" | "button-padding-x" | "button-spacing-x" | "button-large-font-size" | "button-large-height" | "button-large-padding-x" | "button-large-padding-y" | "button-outline-offset" | "button-primary-background" | "button-primary-background--hover" | "button-primary-background--focus" | "button-primary-background--active" | "button-primary-background--disabled" | "button-primary-border-color" | "button-primary-border-color--hover" | "button-primary-border-color--focus" | "button-primary-border-color--active" | "button-primary-border-color--disabled" | "button-primary-color" | "button-primary-color--hover" | "button-primary-color--focus" | "button-primary-color--active" | "button-primary-color--disabled" | "button-primary-outline" | "button-primary-box-shadow" | "button-secondary-background" | "button-secondary-background--hover" | "button-secondary-background--focus" | "button-secondary-background--active" | "button-secondary-background--disabled" | "button-secondary-border-color" | "button-secondary-border-color--hover" | "button-secondary-border-color--focus" | "button-secondary-border-color--active" | "button-secondary-border-color--disabled" | "button-secondary-color" | "button-secondary-color--hover" | "button-secondary-color--focus" | "button-secondary-color--active" | "button-secondary-color--disabled" | "button-secondary-outline" | "button-secondary-box-shadow" | "button-secondary-dark-background" | "button-secondary-dark-background--hover" | "button-secondary-dark-background--focus" | "button-secondary-dark-background--active" | "button-secondary-dark-background--disabled" | "button-secondary-dark-border-color" | "button-secondary-dark-border-color--hover" | "button-secondary-dark-border-color--focus" | "button-secondary-dark-border-color--active" | "button-secondary-dark-border-color--disabled" | "button-secondary-dark-color" | "button-secondary-dark-color--hover" | "button-secondary-dark-color--focus" | "button-secondary-dark-color--active" | "button-secondary-dark-color--disabled" | "button-tertiary-background" | "button-tertiary-background--hover" | "button-tertiary-background--focus" | "button-tertiary-background--active" | "button-tertiary-background--disabled" | "button-tertiary-border-color" | "button-tertiary-border-color--hover" | "button-tertiary-border-color--focus" | "button-tertiary-border-color--active" | "button-tertiary-border-color--disabled" | "button-tertiary-color" | "button-tertiary-color--hover" | "button-tertiary-color--focus" | "button-tertiary-color--active" | "button-tertiary-color--disabled" | "button-tertiary-outline" | "button-tertiary-box-shadow" | "button-warning-background" | "button-warning-background--hover" | "button-warning-background--focus" | "button-warning-background--active" | "button-warning-background--disabled" | "button-warning-border-color" | "button-warning-border-color--hover" | "button-warning-border-color--focus" | "button-warning-border-color--active" | "button-warning-border-color--disabled" | "button-warning-color" | "button-warning-color--hover" | "button-warning-color--focus" | "button-warning-color--active" | "button-warning-color--disabled" | "button-warning-outline" | "button-warning-box-shadow" | "button-icon-border-radius" | "button-icon-small-width" | "button-icon-width" | "button-icon-large-width" | "button-icon-background" | "button-icon-background--hover" | "button-icon-background--focus" | "button-icon-background--active" | "button-icon-background--disabled" | "button-icon-border-color" | "button-icon-border-color--hover" | "button-icon-border-color--focus" | "button-icon-border-color--active" | "button-icon-border-color--disabled" | "button-icon-color" | "button-icon-color--hover" | "button-icon-color--focus" | "button-icon-color--active" | "button-icon-color--disabled" | "button-icon-box-shadow" | "button-icon-outline" | "tag-border-radius" | "tag-border-width" | "tag-font-height" | "tag-spacing" | "tag-removable-spacing" | "tag-width" | "tag-box-shadow" | "tag-outline-offset" | "tag-remove-button-background" | "tag-remove-button-border-radius" | "tag-icon-spacing" | "tag-small-font-size" | "tag-small-font-weight" | "tag-small-height" | "tag-small-transform" | "tag-small-leading-display" | "tag-small-remove-button-size" | "tag-small-remove-button-icon-size" | "tag-small-spacing" | "tag-small-removable-spacing" | "tag-font-size" | "tag-font-weight" | "tag-height" | "tag-transform" | "tag-leading-display" | "tag-remove-button-size" | "tag-remove-button-icon-size" | "tag-large-font-size" | "tag-large-font-weight" | "tag-large-height" | "tag-large-transform" | "tag-large-leading-display" | "tag-large-remove-button-size" | "tag-large-remove-button-icon-size" | "tag-large-spacing" | "tag-default-background" | "tag-default-background--hover" | "tag-default-background--focus" | "tag-default-color" | "tag-default-color--hover" | "tag-default-color--focus" | "tag-default-border-color" | "tag-default-border-color--hover" | "tag-default-border-color--focus" | "tag-default-outline" | "tag-outlined-background" | "tag-outlined-background--hover" | "tag-outlined-background--focus" | "tag-outlined-color" | "tag-outlined-color--hover" | "tag-outlined-color--focus" | "tag-outlined-border-color" | "tag-outlined-border-color--hover" | "tag-outlined-border-color--focus" | "tag-outline-outline" | "tag-accent-background" | "tag-accent-background--hover" | "tag-accent-background--focus" | "tag-accent-color" | "tag-accent-color--hover" | "tag-accent-color--focus" | "tag-accent-border-color" | "tag-accent-border-color--hover" | "tag-accent-border-color--focus" | "tag-accent-outline" | "tag-success-background" | "tag-success-background--hover" | "tag-success-background--focus" | "tag-success-color" | "tag-success-color--hover" | "tag-success-color--focus" | "tag-success-border-color" | "tag-success-border-color--hover" | "tag-success-border-color--focus" | "tag-success-outline" | "tag-warning-background" | "tag-warning-background--hover" | "tag-warning-background--focus" | "tag-warning-color" | "tag-warning-color--hover" | "tag-warning-color--focus" | "tag-warning-border-color" | "tag-warning-border-color--hover" | "tag-warning-border-color--focus" | "tag-warning-outline" | "tag-danger-background" | "tag-danger-background--hover" | "tag-danger-background--focus" | "tag-danger-color" | "tag-danger-color--hover" | "tag-danger-color--focus" | "tag-danger-border-color" | "tag-danger-border-color--hover" | "tag-danger-border-color--focus" | "tag-danger-outline" | "checkbox-color" | "checkbox-font-weight" | "checkbox-font-size" | "checkbox-selector-border-radius" | "checkbox-selector-size" | "checkbox-selector-box-shadow" | "checkbox-selector-outline" | "checkbox-selector-outline-offset" | "checkbox-small-font-size" | "checkbox-selector-icon-color" | "checkbox-selector-background" | "checkbox-selector-background--hover" | "checkbox-selector-background--focus" | "checkbox-selector-background--disabled" | "checkbox-selector-checked-background" | "checkbox-selector-checked-background--hover" | "checkbox-selector-checked-background--focus" | "checkbox-selector-checked-background--disabled" | "checkbox-selector-border-color" | "checkbox-selector-border-color--hover" | "checkbox-selector-border-color--focus" | "checkbox-selector-border-color--disabled" | "checkbox-selector-checked-border-color" | "checkbox-selector-checked-border-color--hover" | "checkbox-selector-checked-border-color--focus" | "checkbox-selector-checked-border-color--disabled" | "checkbox-dark-color" | "checkbox-dark-selector-background" | "checkbox-dark-selector-background--hover" | "checkbox-dark-selector-background--focus" | "checkbox-dark-selector-background--disabled" | "checkbox-dark-selector-border-color" | "checkbox-dark-selector-border-color--hover" | "checkbox-dark-selector-border-color--focus" | "checkbox-dark-selector-border-color--disabled" | "radio-color" | "radio-font-weight" | "radio-font-size" | "radio-selector-border-radius" | "radio-selector-size" | "radio-selector-box-shadow" | "radio-small-font-size" | "radio-small-selector-size" | "radio-selector-background" | "radio-selector-background--hover" | "radio-selector-background--focus" | "radio-selector-background--disabled" | "radio-selector-border-color" | "radio-selector-border-color--hover" | "radio-selector-border-color--focus" | "radio-selector-border-color--disabled" | "radio-selector-border-color--checked" | "radio-dark-color" | "radio-dark-selector-background" | "radio-dark-selector-background--hover" | "radio-dark-selector-background--focus" | "radio-dark-selector-background--disabled" | "radio-dark-selector-border-color" | "radio-dark-selector-border-color--hover" | "radio-dark-selector-border-color--focus" | "radio-dark-selector-border-color--disabled" | "tooltip-arrow-height" | "tooltip-arrow-width" | "tooltip-background" | "tooltip-border-radius" | "tooltip-color" | "tooltip-dark-outline" | "tooltip-font-size" | "tooltip-font-height" | "tooltip-max-width" | "tooltip-min-width" | "tooltip-outline" | "tooltip-padding-x" | "tooltip-padding-y" | "tooltip-margin" | "tooltip-shadow" | "modal-small-max-width" | "modal-max-width" | "modal-large-max-width" | "modal-overlay-background" | "dialog-header-color" | "dialog-header-border-color" | "dialog-body-font-color" | "text-field-border-radius" | "text-field-color" | "text-field-font-size" | "text-field-font-weight" | "text-field-font-height" | "text-field-height" | "text-field-padding-x" | "text-field-padding-y" | "text-field-box-shadow" | "text-field-outline" | "text-field-outline-offset" | "text-field-small-height" | "text-field-small-padding-x" | "text-field-small-padding-y" | "text-field-small-font-size" | "text-field-large-height" | "text-field-large-padding-x" | "text-field-large-padding-y" | "text-field-large-font-size" | "text-field-background" | "text-field-background--hover" | "text-field-background--focus" | "text-field-background--disabled" | "text-field-border-color" | "text-field-border-color--hover" | "text-field-border-color--focus" | "text-field-border-color--disabled" | "text-field-dark-color" | "text-field-dark-background" | "text-field-dark-border-color" | "text-field-dark-border-color--hover" | "text-field-dark-border-color--focus" | "text-field-dark-border-color--disabled" | "text-field-success-border-color" | "text-field-danger-border-color" | "text-field-dark-box-shadow" | "textarea-border-radius" | "textarea-color" | "textarea-font-size" | "textarea-font-weight" | "textarea-font-height" | "textarea-min-height" | "textarea-padding-x" | "textarea-padding-y" | "textarea-box-shadow" | "textarea-outline" | "textarea-outline-offset" | "textarea-small-padding-x" | "textarea-small-padding-y" | "textarea-small-font-size" | "textarea-large-height" | "textarea-large-padding-x" | "textarea-large-padding-y" | "textarea-large-font-size" | "textarea-background" | "textarea-background--hover" | "textarea-background--focus" | "textarea-background--disabled" | "textarea-border-color" | "textarea-border-color--hover" | "textarea-border-color--focus" | "textarea-border-color--disabled" | "textarea-dark-color" | "textarea-dark-background" | "textarea-dark-border-color" | "textarea-dark-border-color--hover" | "textarea-dark-border-color--focus" | "textarea-dark-border-color--disabled" | "textarea-success-border-color" | "textarea-danger-border-color" | "textarea-dark-box-shadow" | "link-font-size" | "link-font-height" | "link-color" | "link-font-weight" | "link-font-weight--hover" | "link-box-shadow" | "link-outline" | "link-outline-offset" | "breadcrumbs-font-size" | "breadcrumbs-font-height" | "breadcrumbs-font-weight" | "breadcrumbs-font-weight--active" | "breadcrumbs-spacing-x" | "banner-font-size" | "banner-font-height" | "banner-default-height" | "banner-min-width" | "banner-description-color" | "banner-title-font-weight" | "banner-border-radius" | "banner-border-width" | "banner-close-button-color" | "banner-icon-width" | "banner-icon-height" | "banner-icon-margin-right" | "banner-default-padding-x" | "banner-default-padding-y" | "banner-large-padding" | "banner-default-icon-alignment" | "banner-large-icon-alignment" | "banner-default-close-top" | "banner-default-close-right" | "banner-large-close-top" | "banner-large-close-right" | "banner-title-color-success" | "banner-border-color-success" | "banner-background-success" | "banner-title-color-danger" | "banner-border-color-danger" | "banner-background-danger" | "banner-title-color-warning" | "banner-border-color-warning" | "banner-background-warning" | "banner-title-color-neutral" | "banner-border-color-neutral" | "banner-background-neutral" | "banner-button-background-success" | "banner-button-background-neutral" | "banner-button-background-danger" | "banner-button-background-warning" | "banner-button-background-secondary" | "banner-button-text-color" | "banner-secondary-button-margin-left" | "progressbar-height" | "progressbar-background" | "progressbar-line" | "progressbar-neutral-fill" | "progressbar-success-fill" | "progressbar-danger-fill" | "progressbar-warning-fill" | "toast-padding-x" | "toast-padding-y" | "toast-border-radius" | "toast-font-color" | "toast-font-size" | "toast-font-weight" | "toast-font-height" | "toast-close-x" | "toast-close-y" | "toast-shadow" | "toast-width" | "toast-neutral-background" | "toast-success-background" | "toast-danger-background" | "toast-warning-background" | "label-font-size" | "label-font-weight" | "label-font-height" | "label-font-color" | "label-required-color" | "label-tooltip-margin-left" | "label-tooltip-font-weight" | "label-tooltip-font-size" | "label-tooltip-font-color" | "label-tooltip-background-color" | "label-dark-font-color" | "label-tooltip-dark-font-color" | "label-tooltip-dark-background-color" | "switch-width" | "switch-height" | "switch-border-radius" | "switch-box-shadow" | "switch-outline" | "switch-outline-offset" | "switch-large-width" | "switch-large-height" | "switch-large-border-radius" | "switch-icon-height" | "switch-icon-width" | "switch-icon-color" | "switch-large-icon-height" | "switch-large-icon-width" | "switch-icon-active-x" | "switch-icon-active-y" | "switch-large-icon-active-x" | "switch-large-icon-active-y" | "switch-icon-inactive-x" | "switch-icon-inactive-y" | "switch-large-icon-inactive-x" | "switch-large-icon-inactive-y" | "switch-inactive-background-color" | "switch-inactive-background-color--hover" | "switch-active-background-color" | "switch-active-background-color--hover" | "switch-slider-x" | "switch-slider-active-x" | "switch-slider-y" | "switch-slider-active-y" | "switch-slider-size" | "switch-slider-background-color" | "switch-slider-border-radius" | "switch-slider-large-x" | "switch-slider-large-active-x" | "switch-slider-large-y" | "switch-slider-large-active-y" | "switch-slider-large-size" | "steps-step-padding-y" | "steps-step-padding-x" | "steps-color" | "steps-progress-padding-y" | "steps-progress-padding-x" | "steps-spacing-y" | "steps-indicator-size" | "steps-conector-height" | "steps-conector-height--complete" | "steps-conector-top" | "steps-conector-top--complete" | "steps-progress-step-background-color" | "steps-progress-step-background-color--complete" | "card-background" | "card-border-color" | "card-border-radius" | "card-color" | "card-flag-background-danger" | "card-flag-background-neutral" | "card-flag-background-success" | "card-flag-background-warning" | "card-flag-width" | "card-font-height" | "card-padding-x" | "card-padding-y" | "card-separator-background" | "card-subtitle-font-size" | "card-subtitle-font-weight" | "card-title-font-height" | "card-title-font-size" | "card-title-font-weight" | "dropdown-background" | "dropdown-border-color" | "dropdown-border-radius" | "dropdown-shadow" | "popover-background" | "popover-border-color" | "popover-border-radius" | "popover-shadow" | "side-navigation-collapsing-breakpoint" | "side-navigation-width" | "side-navigation-width-large" | "side-navigation-padding-bottom" | "side-navigation-background-color" | "side-navigation-component-margin-top" | "side-navigation-logo-padding-x" | "side-navigation-separator-color" | "side-navigation-menu-title-font-weight" | "side-navigation-menu-title-font-size" | "side-navigation-menu-title-line-height" | "side-navigation-menu-link-color--hover" | "side-navigation-menu-link-background-color--active" | "side-navigation-menu-link-box-shadow-color--active" | "side-navigation-menu-item-color--focus" | "table-row-default-color" | "table-row-variant-color" | "table-row-selected-color" | "top-navigation-height" | "top-navigation-background-color" | "top-navigation-border-color" | "top-navigation-dropdown-separator-color" | "top-navigation-dropdown-trigger-color" | "top-navigation-dropdown-subitem-color" | "top-navigation-item-icon-color" | "top-navigation-item-color" | "top-navigation-item-color--hover" | "select-trigger-height" | "select-trigger-border-color" | "select-selected-option-check-color" | "select-selected-option-background-color" | "toggle-text-transform" | "toggle-box-shadow" | "toggle-outline" | "toggle-outline-offset" | "toggle-background-color" | "toggle-background-color--hover" | "toggle-background-color--focus" | "toggle-background-color--active" | "toggle-background-color--disabled" | "toggle-checked-background-color" | "toggle-checked-background-color--hover" | "toggle-checked-background-color--focus" | "toggle-checked-background-color--active" | "toggle-checked-background-color--disabled" | "toggle-color" | "toggle-color--hover" | "toggle-color--focus" | "toggle-color--active" | "toggle-color--disabled" | "toggle-checked-color" | "toggle-checked-color--hover" | "toggle-checked-color--focus" | "toggle-checked-color--active" | "toggle-checked-color--disabled" | "toggle-single-border-color" | "toggle-single-border-color--hover" | "toggle-single-border-color--focus" | "toggle-single-border-color--active" | "toggle-single-border-color--disabled" | "toggle-single-checked-border-color" | "toggle-single-checked-border-color--disabled" | "toggle-single-font-size" | "toggle-single-small-font-size" | "toggle-single-height" | "toggle-single-small-height" | "toggle-multiple-border-color" | "toggle-multiple-border-color--hover" | "toggle-multiple-border-color--focus" | "toggle-multiple-border-color--active" | "toggle-multiple-border-color--disabled" | "toggle-multiple-checked-border-color" | "toggle-multiple-checked-border-color--disabled" | "toggle-multiple-font-size" | "toggle-multiple-small-font-size" | "toggle-multiple-height" | "toggle-multiple-small-height" | "toggle-group-border-color--disabled" | "toggle-group-multiple-border-width" | "toggle-group-multiple-border-style" | "toggle-group-multiple-border-color" | "toggle-group-multiple-border-radius" | "toggle-group-multiple-padding" | "toggle-group-single-border-width" | "toggle-group-single-border-style" | "toggle-group-single-border-color" | "toggle-group-single-border-radius" | "toggle-group-single-padding" | "dropdown-trigger-border-color" | "dropdown-trigger-dark-border-color" | "dropdown-trigger-outlined-border-color" | "dropdown-trigger-expanded-color" | "dropdown-trigger-height" | "dropdown-trigger-small-height" | "dropdown-trigger-large-height" | "dropdown-trigger-box-shadow" | "dropdown-trigger-outline" | "dropdown-trigger-outline-offset" | "height-small" | "height-default" | "height-large" | "z-index-none" | "z-index-default" | "z-index-droplist" | "z-index-tooltip" | "z-index-overlay" | "z-index-modal" | "space-none" | "space-2xs" | "space-xs" | "space-s" | "space-m" | "space-l" | "space-xl" | "space-2xl" | "space-3xl" | "shadow-none" | "shadow-modal" | "shadow-droplist" | "shadow-glow-primary" | "shadow-glow-warning" | "opacity-0" | "opacity-20" | "opacity-40" | "opacity-60" | "opacity-100" | "font-weight-regular" | "font-weight-medium" | "font-weight-bold" | "font-size-6" | "font-size-5" | "font-size-4" | "font-size-3" | "font-size-2" | "font-size-1" | "font-height-1" | "font-height-2" | "font-height-3" | "font-family-default" | "font-family-monospace" | "color-primary" | "color-accent" | "color-neutral-darkest" | "color-neutral-dark" | "color-neutral" | "color-neutral-light" | "color-neutral-lighter" | "color-neutral-lightest" | "color-neutral-white" | "color-success-dark" | "color-success" | "color-success-light" | "color-transparent" | "color-warning-dark" | "color-warning" | "color-warning-light" | "color-danger-dark" | "color-danger" | "color-danger-light" | "border-width-none" | "border-width-thin" | "border-width-medium" | "border-width-bold" | "border-radius-none" | "border-radius-s" | "border-radius-m" | "border-radius-l" | "border-radius-circle" | undefined;
-} & {
-    children?: import("react").ReactNode;
-}, never>;
-export default _default;
+import { PropsWithChildren } from 'react';
+import { TypographyOptions, TypographyVariants } from '../../styles/typography';
+export type TextProps = PropsWithChildren<{
+    variant?: TypographyVariants;
+    italic?: TypographyOptions['italic'];
+    color?: TypographyOptions['color'];
+}>;
+declare const _default: import('styled-components').StyledComponent<"span", any, TextProps, never>;
+export default _default;

package/dist/components/Text/Text.stories.d.ts

@@ -1,5 +1,7 @@
-import type { Story } from '@storybook/react';
-import type { TextProps } from './Text';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Playground: Story<TextProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { Text } from '.';
+import { TextProps } from './Text';
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<TextProps>;
+export declare const Playground: Story;

package/dist/components/Text/Text.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/Text/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Text } from './Text';
-export type { TextProps } from './Text';
+export { default as Text } from './Text';
+export type { TextProps } from './Text';

package/dist/components/TextField/TextField.d.ts

@@ -1,19 +1,18 @@
-import React from 'react';
-import type ColorScheme from "../../utils/types/ColorScheme";
-import Status from "../../utils/types/Status";
-import type { InputHTMLAttributes, ReactNode } from 'react';
-interface WithAdditionalProps {
-    scale?: 'small' | 'default' | 'large';
-    status?: Status;
-    scheme?: ColorScheme;
-    leading?: ReactNode;
-    trailing?: ReactNode;
-}
-export interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement>, WithAdditionalProps {
-    className?: string;
-    children?: ReactNode;
-}
-export declare const Leading: import("styled-components").StyledComponent<"span", any, WithAdditionalProps, never>;
-export declare const Trailing: import("styled-components").StyledComponent<"span", any, WithAdditionalProps, never>;
-declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
-export default TextField;
+import { default as React, InputHTMLAttributes, ReactNode } from 'react';
+import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { default as Status } from '../../utils/types/Status';
+interface WithAdditionalProps {
+    scale?: 'small' | 'default' | 'large';
+    status?: Status;
+    scheme?: ColorScheme;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}
+export interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement>, WithAdditionalProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Leading: import('styled-components').StyledComponent<"span", any, WithAdditionalProps, never>;
+export declare const Trailing: import('styled-components').StyledComponent<"span", any, WithAdditionalProps, never>;
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+export default TextField;

package/dist/components/TextField/TextField.stories.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { TextFieldProps } from './TextField';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare function Playground(args: TextFieldProps): JSX.Element;
-export declare namespace Playground {
-    var args: {
-        scale: string;
-        scheme: string;
-    };
-}
+import { TextFieldProps } from './TextField';
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare function Playground(args: TextFieldProps): JSX.Element;
+export declare namespace Playground {
+    var args: {
+        scale: string;
+        scheme: string;
+    };
+}

package/dist/components/TextField/TextField.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/TextField/index.d.ts

@@ -1,4 +1,4 @@
-export { default as TextField } from './TextField';
-export { default as useTextField } from './useTextField';
-export type { TextFieldProps } from './TextField';
-export { Leading, Trailing } from './TextField';
+export { default as TextField } from './TextField';
+export { default as useTextField } from './useTextField';
+export type { TextFieldProps } from './TextField';
+export { Leading, Trailing } from './TextField';

package/dist/components/TextField/useTextField.d.ts

@@ -1,6 +1,6 @@
-import type { ChangeEvent } from 'react';
-import type { TextFieldProps } from './TextField';
-declare type InputValue = string | number | readonly string[] | undefined;
-declare type ReturnType = [InputValue, (e: ChangeEvent<HTMLInputElement>) => void];
-declare function useTextField({ onChange: onChangeProp, value: valueProp }: TextFieldProps): ReturnType;
-export default useTextField;
+import { ChangeEvent } from 'react';
+import { TextFieldProps } from './TextField';
+type InputValue = string | number | readonly string[] | undefined;
+type ReturnType = [InputValue, (e: ChangeEvent<HTMLInputElement>) => void];
+declare function useTextField({ onChange: onChangeProp, value: valueProp }: TextFieldProps): ReturnType;
+export default useTextField;

package/dist/components/Textarea/Textarea.d.ts

@@ -1,17 +1,16 @@
-import React from 'react';
-import type ColorScheme from "../../utils/types/ColorScheme";
-import Status from "../../utils/types/Status";
-import type { TextareaHTMLAttributes, ReactNode } from 'react';
-interface WithAdditionalProps {
-    scale?: 'small' | 'default' | 'large';
-    status?: Status;
-    scheme?: ColorScheme;
-    leading?: ReactNode;
-    trailing?: ReactNode;
-}
-export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, WithAdditionalProps {
-    className?: string;
-    children?: ReactNode;
-}
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default Textarea;
+import { default as React, TextareaHTMLAttributes, ReactNode } from 'react';
+import { default as ColorScheme } from '../../utils/types/ColorScheme';
+import { default as Status } from '../../utils/types/Status';
+interface WithAdditionalProps {
+    scale?: 'small' | 'default' | 'large';
+    status?: Status;
+    scheme?: ColorScheme;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, WithAdditionalProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/dist/components/Textarea/Textarea.stories.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { TextareaProps } from './Textarea';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare function Playground(args: TextareaProps): JSX.Element;
-export declare namespace Playground {
-    var args: {
-        scale: string;
-        scheme: string;
-    };
-}
+import { TextareaProps } from './Textarea';
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare function Playground(args: TextareaProps): JSX.Element;
+export declare namespace Playground {
+    var args: {
+        scale: string;
+        scheme: string;
+    };
+}

package/dist/components/Textarea/Textarea.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/Textarea/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Textarea } from './Textarea';
-export type { TextareaProps } from './Textarea';
+export { default as Textarea } from './Textarea';
+export type { TextareaProps } from './Textarea';

package/dist/components/Toast/Toast.d.ts

@@ -1,11 +1,11 @@
-import { BaseHTMLAttributes } from 'react';
-import Status from "../../utils/types/Status";
-export interface ToastProps extends BaseHTMLAttributes<HTMLDivElement> {
-    message: string;
-    status?: Status;
-    timeout?: number;
-    showIcon?: boolean;
-    onClose: () => void;
-}
-declare function Toast({ message, onClose, timeout, showIcon, status, }: ToastProps): JSX.Element;
-export default Toast;
+import { BaseHTMLAttributes } from 'react';
+import { default as Status } from '../../utils/types/Status';
+export interface ToastProps extends BaseHTMLAttributes<HTMLDivElement> {
+    message: string;
+    status?: Status;
+    timeout?: number;
+    showIcon?: boolean;
+    onClose: () => void;
+}
+declare function Toast({ message, onClose, timeout, showIcon, status, }: ToastProps): JSX.Element;
+export default Toast;