@loadsmart/loadsmart-ui 8.0.0-beta.1 → 8.0.0

package/dist/components/TablePagination/TablePagination.styles.d.ts

@@ -1,5 +1,4 @@
-export declare const NoPaddingButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-}, Omit<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const NoPaddingButton: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, any, {
+    variant: "tertiary";
+    scale: "small";
+}, "scale" | "variant">;

package/dist/components/TablePagination/TablePaginationActions.d.ts

@@ -1,8 +1,11 @@
 import { default as React } from 'react';
 import { TablePaginationActionsProps } from './TablePagination.types';
 import { IconProps } from '../Icon';
-export declare const ActionIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('../IconFactory').IconProps<import('../IconFactory').IconMapping> | (import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>), import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>>, import('styled-components/dist/types').BaseObject> | import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('../IconFactory').IconProps<import('../IconFactory').IconMapping> | (import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>), import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, import('styled-components/dist/types').BaseObject>, IconProps & {
+export declare const ActionIcon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {
+    color: "neutral-darker";
+    size: "16";
+} & IconProps & {
     rotate?: number;
-}>> & (string & (Omit<React.ComponentClass<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, keyof React.Component<any, {}, any>>));
+}, "size" | "color">;
 declare function TablePaginationActions({ variant, disabled, onPageChange, page, count, rowsPerPage, }: TablePaginationActionsProps): JSX.Element;
 export default TablePaginationActions;

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

@@ -1,7 +1,28 @@
 import { default as React } from 'react';
-import { TagProps } from './Tag';
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
+import { default as Tag, TagProps } from './Tag';
+declare const _default: {
+    title: string;
+    component: typeof Tag;
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+                options: string[];
+            };
+        };
+        size: {
+            control: {
+                type: "select";
+                options: string[];
+            };
+        };
+        leading: {
+            control: {
+                type: "text";
+            };
+        };
+    };
+};
 export default _default;
 export declare function Default(args: TagProps): JSX.Element;
 export declare namespace Default {

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

@@ -5,5 +5,5 @@ export type TextProps = PropsWithChildren<{
     italic?: TypographyOptions['italic'];
     color?: TypographyOptions['color'];
 }>;
-declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TextProps>> & string;
+declare const _default: import('styled-components').StyledComponent<"span", any, TextProps, never>;
 export default _default;

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

@@ -3,5 +3,5 @@ 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;
+type StoryFn = StoryObj<TextProps>;
+export declare const Playground: StoryFn;

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

@@ -12,11 +12,7 @@ export interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement>, W
     className?: string;
     children?: ReactNode;
 }
-export declare const Leading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof WithAdditionalProps> & WithAdditionalProps, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLSpanElement> | null | undefined;
-}, WithAdditionalProps>> & string;
-export declare const Trailing: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof WithAdditionalProps> & WithAdditionalProps, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLSpanElement> | null | undefined;
-}, WithAdditionalProps>> & string;
+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/ToggleGroup/Toggle.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 import { ToggleGroupOptionProps } from './ToggleGroup.types';
 declare function Toggle({ value, children, disabled, ...others }: ToggleGroupOptionProps): JSX.Element;
-declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<ToggleGroupOptionProps, never>> & string & Omit<typeof Toggle, keyof React.Component<any, {}, any>>;
+declare const _default: import('styled-components').StyledComponent<typeof Toggle, any, {}, never>;
 export default _default;

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -1,7 +1,6 @@
-import { default as React } from 'react';
 import { ToggleGroupOptionProps, ToggleGroupProps } from './ToggleGroup.types';
 declare function ToggleGroup(props: ToggleGroupProps): JSX.Element;
 declare namespace ToggleGroup {
-    var Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ToggleGroupOptionProps, never>> & string & Omit<({ value, children, disabled, ...others }: ToggleGroupOptionProps) => JSX.Element, keyof React.Component<any, {}, any>>;
+    var Option: import("styled-components").StyledComponent<({ value, children, disabled, ...others }: ToggleGroupOptionProps) => JSX.Element, any, {}, never>;
 }
 export default ToggleGroup;

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

@@ -1,6 +1,6 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { ToggleGroupProps } from './ToggleGroup.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<ToggleGroupProps>;
-export declare const WithIcon: Story<ToggleGroupProps>;
+export declare const Playground: StoryFn<ToggleGroupProps>;
+export declare const WithIcon: StoryFn<ToggleGroupProps>;

package/dist/components/TopNavigation/Logo/Logo.d.ts

@@ -1,13 +1,8 @@
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export type LogoProps = PropsWithChildren<{
     url: string;
     className?: string;
 }>;
 declare function Logo({ url, className, children }: LogoProps): JSX.Element;
-declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
-    url: string;
-    className?: string;
-} & {
-    children?: React.ReactNode | undefined;
-}, LogoProps>> & string & Omit<typeof Logo, keyof React.Component<any, {}, any>>;
+declare const _default: import('styled-components').StyledComponent<typeof Logo, any, LogoProps, never>;
 export default _default;

package/dist/components/TopNavigation/Menu/Menu.d.ts

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
+import { PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
 import { MenuDropdownSubItem } from './MenuItemDropdown';
 type MenuItemProps = HTMLAttributes<HTMLElement> & PropsWithChildren<{
     label: string;
@@ -13,6 +13,6 @@ declare function Menu(props: MenuProps): JSX.Element;
 declare namespace Menu {
     var Item: typeof MenuItem;
     var SubItem: typeof MenuDropdownSubItem;
-    var Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
+    var Separator: import("styled-components").StyledComponent<"hr", any, {}, never>;
 }
 export default Menu;

package/dist/components/TopNavigation/Menu/MenuItemDropdown.d.ts

@@ -1,8 +1,8 @@
-import { default as React, PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
+import { PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
 import { Dropdown } from '../../Dropdown';
-export declare const MenuDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../Dropdown').DropdownProps, never>> & string & Omit<typeof Dropdown, keyof React.Component<any, {}, any>>;
-export declare const MenuDropdownSeparator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
-export declare const MenuDropdownLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const MenuDropdown: import('styled-components').StyledComponent<typeof Dropdown, any, {}, never>;
+export declare const MenuDropdownSeparator: import('styled-components').StyledComponent<"hr", any, {}, never>;
+export declare const MenuDropdownLabel: import('styled-components').StyledComponent<"label", any, import('../../../theming').ThemedProps, never>;
 type MenuDropdownSubItemProps = HTMLAttributes<HTMLElement> & {
     label: string;
     url?: string;

package/dist/components/TopNavigation/OpenSideNavButton/OpenSideNavButton.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 export type OpenSideNavButtonProps = {
     className?: string;
     onClick: () => void;
 };
 declare function OpenSideNavButton({ className, onClick }: OpenSideNavButtonProps): JSX.Element;
-declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<OpenSideNavButtonProps, OpenSideNavButtonProps>> & string & Omit<typeof OpenSideNavButton, keyof React.Component<any, {}, any>>;
+declare const _default: import('styled-components').StyledComponent<typeof OpenSideNavButton, any, OpenSideNavButtonProps, never>;
 export default _default;

package/dist/components/TopNavigation/TopNavigation.d.ts

@@ -1,16 +1,11 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode } from 'react';
 export interface TopNavigationProps {
     children?: ReactNode;
 }
 declare function TopNavigation({ children }: TopNavigationProps): JSX.Element;
 declare namespace TopNavigation {
-    var Logo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
-        url: string;
-        className?: string;
-    } & {
-        children?: ReactNode | undefined;
-    }, import("./Logo/Logo").LogoProps>> & string & Omit<({ url, className, children }: import("./Logo/Logo").LogoProps) => JSX.Element, keyof React.Component<any, {}, any>>;
+    var Logo: import("styled-components").StyledComponent<({ url, className, children }: import("./Logo/Logo").LogoProps) => JSX.Element, any, import("./Logo/Logo").LogoProps, never>;
     var Menu: typeof import("./Menu").Menu;
-    var OpenSideNavButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("./OpenSideNavButton/OpenSideNavButton").OpenSideNavButtonProps, import("./OpenSideNavButton/OpenSideNavButton").OpenSideNavButtonProps>> & string & Omit<({ className, onClick }: import("./OpenSideNavButton/OpenSideNavButton").OpenSideNavButtonProps) => JSX.Element, keyof React.Component<any, {}, any>>;
+    var OpenSideNavButton: import("styled-components").StyledComponent<({ className, onClick }: import("./OpenSideNavButton/OpenSideNavButton").OpenSideNavButtonProps) => JSX.Element, any, import("./OpenSideNavButton/OpenSideNavButton").OpenSideNavButtonProps, never>;
 }
 export default TopNavigation;

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -1 +1 @@
-export declare const VisuallyHidden: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const VisuallyHidden: import('styled-components').StyledComponent<"span", any, {}, never>;

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

@@ -1,11 +1,9 @@
-import { default as React } from 'react';
-import { default as Docs } from './VisuallyHidden.mdx';
 declare const _default: {
     title: string;
-    component: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+    component: import('styled-components').StyledComponent<"span", any, {}, never>;
     parameters: {
         docs: {
-            page: typeof Docs;
+            page: any;
         };
     };
 };

package/dist/hooks/useFocusTrap/useFocusTrap.stories.d.ts

@@ -1,7 +1,7 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { useFocusTrapProps } from './useFocusTrap';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<useFocusTrapProps>;
-export declare const TabTrap: Story<useFocusTrapProps>;
-export declare const ArrowTrap: Story<useFocusTrapProps>;
+export declare const Playground: StoryFn<useFocusTrapProps>;
+export declare const TabTrap: StoryFn<useFocusTrapProps>;
+export declare const ArrowTrap: StoryFn<useFocusTrapProps>;

package/dist/index.js

@@ -6529,8 +6529,8 @@ function MenuExpandable({
     toggle,
     height
   } = useHeightExpansionToggler(expandableItemsRef);
-  return /* @__PURE__ */ React__default.createElement("div", { ...props, role: "none" }, /* @__PURE__ */ React__default.createElement(MenuBaseItem, { onClick: toggle, label, trailing: /* @__PURE__ */ React__default.createElement(IconWrapper$1, null, /* @__PURE__ */ React__default.createElement(StyledIcon, { $expanded: expanded, name: "chevron-down", size: 16 })), "aria-haspopup": "true", "aria-expanded": expanded }), /* @__PURE__ */ React__default.createElement(ExpandableItems, { $height: height, role: "menu" }, /* @__PURE__ */ React__default.createElement(ItemsWrapper, { $expanded: expanded, ref: expandableItemsRef, role: "presentation" }, React__default.Children.map(children, (child) => {
-    if (!child) return Fragment;
+  return /* @__PURE__ */ React__default.createElement("div", { ...props, role: "none" }, /* @__PURE__ */ React__default.createElement(MenuBaseItem, { onClick: toggle, label, trailing: /* @__PURE__ */ React__default.createElement(IconWrapper$1, null, /* @__PURE__ */ React__default.createElement(StyledIcon, { $expanded: expanded, name: "chevron-down", size: 16 })), "aria-haspopup": "true", "aria-expanded": expanded }), /* @__PURE__ */ React__default.createElement(ExpandableItems, { $height: height, role: "menu" }, /* @__PURE__ */ React__default.createElement(ItemsWrapper, { $expanded: expanded, ref: expandableItemsRef, role: "presentation" }, /* @__PURE__ */ React__default.createElement(Fragment, null, React__default.Children.map(children, (child) => {
+    if (!child) return null;
     if (typeof child === "object" && "type" in child) {
       return React__default.cloneElement(child, {
         key: label,
@@ -6539,7 +6539,7 @@ function MenuExpandable({
       });
     }
     return child;
-  }))));
+  })))));
 }
 function styledCompounds(Parent, compounds) {
   Object.keys(compounds).forEach((key) => {
@@ -7150,7 +7150,7 @@ function TablePickerItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React__default.createElement(Dropdown.Item, { leading: checked ? /* @__PURE__ */ React__default.createElement(Icon$2, { name: "check", size: "16", color: "neutral-darker" }) : /* @__PURE__ */ React__default.createElement(Layout.Box, { padding: "s" }), role: "option", "aria-selected": checked ? "true" : "false", ...props }, children || option && (option.option || option.title || option.key) || "Column");
+  return /* @__PURE__ */ React__default.createElement(Dropdown.Item, { leading: checked ? /* @__PURE__ */ React__default.createElement(Icon$2, { name: "check", size: "16", color: "neutral-darker" }) : /* @__PURE__ */ React__default.createElement(Layout.Box, { padding: "s" }), role: "option", "aria-selected": checked ? "true" : "false", ...props }, children || option && (option.option || option.title || (typeof option.key !== "symbol" ? option.key : null)) || "Column");
 }
 const TriggerIcon = styled(Icon$2).attrs({
   name: "dots-horizontal",