@stenajs-webui/elements 17.6.0 → 17.7.0

package/dist/storybook-helpers/storybook-controls.d.ts

@@ -1,46 +1,46 @@
-export declare const colorListControl: {
-    control: {
-        type: string;
-        options: string[];
-    };
-};
-export declare const shadowListControl: {
-    control: {
-        type: string;
-        options: string[];
-    };
-};
-export declare const sizeControl: {
-    control: {
-        type: string;
-        min: number;
-        max: number;
-        step: number;
-    };
-};
-export declare const widthControl: {
-    control: {
-        type: string;
-        min: number;
-        max: number;
-        step: number;
-    };
-};
-export declare const spaceControl: {
-    control: {
-        type: string;
-        min: number;
-        max: number;
-        step: number;
-    };
-};
-export declare const disabledControl: {
-    control: {
-        disable: boolean;
-    };
-};
-export declare const hideArg: {
-    table: {
-        disable: boolean;
-    };
-};
+export declare const colorListControl: {
+    control: {
+        type: string;
+        options: string[];
+    };
+};
+export declare const shadowListControl: {
+    control: {
+        type: string;
+        options: string[];
+    };
+};
+export declare const sizeControl: {
+    control: {
+        type: string;
+        min: number;
+        max: number;
+        step: number;
+    };
+};
+export declare const widthControl: {
+    control: {
+        type: string;
+        min: number;
+        max: number;
+        step: number;
+    };
+};
+export declare const spaceControl: {
+    control: {
+        type: string;
+        min: number;
+        max: number;
+        step: number;
+    };
+};
+export declare const disabledControl: {
+    control: {
+        disable: boolean;
+    };
+};
+export declare const hideArg: {
+    table: {
+        disable: boolean;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stenajs-webui/elements",
-  "version": "17.6.0",
+  "version": "17.7.0",
   "description": "",
   "author": "mattias800",
   "license": "MIT",
@@ -18,18 +18,17 @@
     "npm": ">=5"
   },
   "scripts": {
-    "test": "cross-env CI=1 react-scripts-ts test --env=jsdom",
-    "build": "rollup -c",
-    "start": "rollup -c -w",
-    "clean": "rm -rf dist",
+    "build": "yarn tsc -p tsconfig.build.json && yarn vite build",
+    "start": "yarn tsc -p tsconfig.build.json && yarn vite build --watch",
+    "clean": "rimraf dist",
     "prepare": "yarn clean && yarn run build",
     "predeploy": "cd example && yarn install && yarn run build",
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
     "@react-aria/focus": "3.3.0",
-    "@stenajs-webui/core": "17.6.0",
-    "@stenajs-webui/theme": "17.6.0",
+    "@stenajs-webui/core": "17.7.0",
+    "@stenajs-webui/theme": "17.7.0",
     "classnames": "^2.3.1"
   },
   "peerDependencies": {
@@ -62,5 +61,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "2312d798dfd8af052a6340d9ee78c5bc30acbec1"
+  "gitHead": "50351c75fc34696ce2006e9f6ce15713d249d949"
 }

package/dist/components/ui/action-menu/ActionMenu.stories.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-declare const _default: {
-    title: string;
-    component: React.FC<import("./ActionMenu").ActionMenuProps>;
-    subcomponents: {
-        ActionMenuItem: React.ForwardRefExoticComponent<import("./ActionMenuItem").ActionMenuItemProps & React.RefAttributes<HTMLButtonElement>>;
-        ActionMenuSeparator: React.FC<import("./ActionMenuSeparator").ActionDropdownSeparatorProps>;
-    };
-    parameters: {
-        notes: {
-            markdown: string;
-        };
-    };
-};
-export default _default;
-export declare const Standard: () => JSX.Element;
-export declare const Outlined: () => JSX.Element;
-export declare const AsyncItem: () => JSX.Element;

package/dist/components/ui/badge/Badge.stories.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { BadgeProps } from "./Badge";
-import { Story } from "@storybook/react";
-declare const _default: {
-    title: string;
-    component: React.FC<BadgeProps>;
-    args: {
-        label: number;
-    };
-};
-export default _default;
-export declare const Standard: Story<BadgeProps>;
-export declare const WithTestId: Story<BadgeProps>;

package/dist/components/ui/badge/WithBadge.stories.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { WithBadgeProps } from "./WithBadge";
-import { Story } from "@storybook/react";
-declare const _default: {
-    title: string;
-    component: React.FC<WithBadgeProps>;
-    args: {
-        label: number;
-        variant: string;
-    };
-};
-export default _default;
-export declare const IconWithBadge: Story<WithBadgeProps>;

package/dist/components/ui/banners/banner/Banner.stories.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-declare const _default: {
-    title: string;
-    component: React.FC<import("./Banner").BannerProps>;
-};
-export default _default;
-export declare const Standard: () => JSX.Element;
-export declare const VariantInfo: () => JSX.Element;
-export declare const VariantInfoNoHeader: () => JSX.Element;
-export declare const VariantSuccess: () => JSX.Element;
-export declare const VariantWarning: () => JSX.Element;
-export declare const VariantError: () => JSX.Element;
-export declare const NoHeader: () => JSX.Element;
-export declare const Loading: () => JSX.Element;
-export declare const LoadingNoHeader: () => JSX.Element;
-export declare const BottomContent: () => JSX.Element;
-export declare const BottomContentAndText: () => JSX.Element;
-export declare const ContentRight: () => JSX.Element;
-export declare const ContentRightNoHeader: () => JSX.Element;

package/dist/components/ui/banners/result-list-banner/ResultListBanner.stories.d.ts

@@ -1,32 +0,0 @@
-import * as React from "react";
-import { ResultListBannerProps } from "./ResultListBanner";
-import { Story } from "@storybook/react";
-declare const _default: {
-    title: string;
-    component: React.FC<ResultListBannerProps>;
-    argTypes: {
-        bannerState: {
-            control: {
-                disable: boolean;
-            };
-        };
-        icon: {
-            control: {
-                disable: boolean;
-            };
-        };
-        contentRight: {
-            control: {
-                disable: boolean;
-            };
-        };
-    };
-    args: {
-        variant: string;
-    };
-};
-export default _default;
-export declare const Overview: Story<ResultListBannerProps>;
-export declare const WithText: () => JSX.Element | null;
-export declare const WithTextOnly: () => JSX.Element | null;
-export declare const WithTextAndContentRight: () => JSX.Element | null;

package/dist/components/ui/bread-crumbs/BreadCrumbs.stories.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-declare const _default: {
-    title: string;
-    component: React.FC<import("./BreadCrumbs").BreadCrumbsProps>;
-    subcomponents: {
-        Crumb: React.FC<import("./Crumb").CrumbProps>;
-    };
-};
-export default _default;
-export declare const Standard: () => JSX.Element;
-export declare const WithReactRouter: () => JSX.Element;

package/dist/components/ui/button-group/ButtonGroup.stories.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-declare const _default: {
-    title: string;
-    component: React.FC<import("./ButtonGroup").ButtonGroupProps>;
-    subcomponents: {
-        SecondaryButton: React.ForwardRefExoticComponent<import("../buttons/PrimaryButton").PrimaryButtonProps & React.RefAttributes<HTMLButtonElement>>;
-    };
-};
-export default _default;
-export declare const Overview: () => JSX.Element;

package/dist/components/ui/button-links/ButtonLink.stories.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./PrimaryButtonLink").PrimaryButtonLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-    subcomponents: {
-        SecondaryButtonLink: React.ForwardRefExoticComponent<import("./PrimaryButtonLink").PrimaryButtonLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-        FlatButtonLink: React.ForwardRefExoticComponent<import("./FlatButtonLink").FlatButtonLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-    };
-};
-export default _default;
-export declare const Overview: () => JSX.Element;
-export declare const Variants: () => JSX.Element;
-export declare const WithGenericContentToRight: () => JSX.Element;

package/dist/components/ui/buttons/Button.stories.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { PrimaryButtonProps } from "./PrimaryButton";
-import { Story } from "@storybook/react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<PrimaryButtonProps & React.RefAttributes<HTMLButtonElement>>;
-    subcomponents: {
-        SecondaryButton: React.ForwardRefExoticComponent<PrimaryButtonProps & React.RefAttributes<HTMLButtonElement>>;
-        FlatButton: React.ForwardRefExoticComponent<PrimaryButtonProps & {
-            inverted?: boolean | undefined;
-        } & React.RefAttributes<HTMLButtonElement>>;
-    };
-};
-export default _default;
-export declare const Demo: Story<PrimaryButtonProps>;
-export declare const Overview: () => JSX.Element;
-export declare const Variants: () => JSX.Element;
-export declare const FlatButtonInverted: () => JSX.Element;
-export declare const WithGenericContentToRight: () => JSX.Element;
-export declare const WithResponsiveWidth: () => JSX.Element;

package/dist/components/ui/buttons/FlatButton.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Standard: () => JSX.Element;
-export declare const Inverted: () => JSX.Element;

package/dist/components/ui/cards/Card.stories.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-declare const _default: {
-    title: string;
-    component: React.FC<import("./Card").CardProps>;
-    subcomponents: {
-        CardHeader: React.VFC<import("./CardHeader").CardHeaderProps>;
-    };
-};
-export default _default;
-export declare const Demo: () => JSX.Element;
-export declare const HeaderContent: () => JSX.Element;
-export declare const CompactCard: () => JSX.Element;
-export declare const Details: () => JSX.Element;
-export declare const Unpaid: () => JSX.Element;
-export declare const Switch: () => JSX.Element;
-export declare const Approved: () => JSX.Element;

package/dist/components/ui/chip/Chip.stories.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { ChipProps } from "./Chip";
-import { Story } from "@storybook/react";
-declare const _default: {
-    title: string;
-    component: React.FC<ChipProps>;
-    argTypes: {
-        className: {
-            control: {
-                disable: boolean;
-            };
-        };
-        onClick: {
-            control: {
-                disable: boolean;
-            };
-        };
-        onClickRemove: {
-            control: {
-                disable: boolean;
-            };
-        };
-    };
-    args: {
-        label: string;
-    };
-};
-export default _default;
-export declare const Demo: Story<ChipProps>;
-export declare const Overview: () => JSX.Element;

package/dist/components/ui/icon/Icon.stories.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { IconProps } from "./Icon";
-import { Story } from "@storybook/react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
-    argTypes: {
-        color: {
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        icon: {
-            control: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Demo: Story<IconProps>;
-export declare const WithColor: () => JSX.Element;
-export declare const WithSpin: () => JSX.Element;
-export declare const WithPulse: () => JSX.Element;
-export declare const HorizontalFlip: () => JSX.Element;
-export declare const VerticalFlip: () => JSX.Element;
-export declare const WithRotation: () => JSX.Element;
-export declare const WithTransform: () => JSX.Element;
-export declare const WithDisplay: () => JSX.Element;

package/dist/components/ui/label/Label.stories.d.ts

@@ -1,89 +0,0 @@
-import * as React from "react";
-import { LabelProps } from "./Label";
-import { Story } from "@storybook/react";
-declare const _default: {
-    title: string;
-    component: React.FC<LabelProps>;
-    argTypes: {
-        color: {
-            table: {
-                disable: boolean;
-            };
-        };
-        spacing: {
-            table: {
-                disable: boolean;
-            };
-        };
-        indent: {
-            table: {
-                disable: boolean;
-            };
-        };
-        style: {
-            table: {
-                disable: boolean;
-            };
-        };
-        shadow: {
-            table: {
-                disable: boolean;
-            };
-        };
-        border: {
-            table: {
-                disable: boolean;
-            };
-        };
-        background: {
-            table: {
-                disable: boolean;
-            };
-        };
-        borderColor: {
-            table: {
-                disable: boolean;
-            };
-        };
-        hoverBackground: {
-            table: {
-                disable: boolean;
-            };
-        };
-        hoverBorder: {
-            table: {
-                disable: boolean;
-            };
-        };
-        focusBackground: {
-            table: {
-                disable: boolean;
-            };
-        };
-        focusBorder: {
-            table: {
-                disable: boolean;
-            };
-        };
-        focusWithinBackground: {
-            table: {
-                disable: boolean;
-            };
-        };
-        focusWithinBorder: {
-            table: {
-                disable: boolean;
-            };
-        };
-    };
-    args: {
-        text: string;
-    };
-};
-export default _default;
-export declare const Overview: Story<LabelProps>;
-export declare const WithTextOnly: () => JSX.Element;
-export declare const Row: () => JSX.Element;
-export declare const RowWithTextWidth: () => JSX.Element;
-export declare const WithExtraInfo: () => JSX.Element;
-export declare const WithExtraInfoRow: () => JSX.Element;

package/dist/components/ui/link/Link.stories.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { LinkProps } from "./Link";
-import { Story } from "@storybook/react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-};
-export default _default;
-export declare const Demo: Story<LinkProps>;
-export declare const Overview: () => JSX.Element;
-export declare const HrefAndTarget: () => JSX.Element;
-export declare const LinkWithIconRight: () => JSX.Element;

package/dist/components/ui/spinner/InputSpinner.stories.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { InputSpinnerProps } from "./InputSpinner";
-import { Story } from "@storybook/react";
-declare const _default: {
-    title: string;
-    components: React.FC<InputSpinnerProps>;
-    argTypes: {
-        color: {
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: Story<InputSpinnerProps>;

package/dist/components/ui/spinner/Spinner.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Standard: () => JSX.Element;
-export declare const Inverted: () => JSX.Element;
-export declare const WithColor: () => JSX.Element;

package/dist/components/ui/tabs/TabMenu.stories.d.ts

@@ -1,61 +0,0 @@
-import * as React from "react";
-import { TabProps } from "./Tab";
-import { Story } from "@storybook/react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;
-    subcomponents: {
-        TabMenu: React.FC<import("./TabMenu").TabMenuProps>;
-    };
-    argTypes: {
-        ref: {
-            control: {
-                disable: boolean;
-            };
-        };
-        leftWrapperClassName: {
-            control: {
-                disable: boolean;
-            };
-        };
-        spinnerClassName: {
-            control: {
-                disable: boolean;
-            };
-        };
-        labelClassName: {
-            control: {
-                disable: boolean;
-            };
-        };
-        iconClassName: {
-            control: {
-                disable: boolean;
-            };
-        };
-        rightIcon: {
-            control: {
-                disable: boolean;
-            };
-        };
-        right: {
-            control: {
-                disable: boolean;
-            };
-        };
-        leftIcon: {
-            control: {
-                disable: boolean;
-            };
-        };
-        left: {
-            control: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Demo: Story<TabProps>;
-export declare const Overview: () => JSX.Element;
-export declare const ContentOnSides: () => JSX.Element;

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

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { TagProps } from "./Tag";
-import { Story } from "@storybook/react";
-declare const _default: {
-    title: string;
-    component: React.FC<TagProps>;
-    argTypes: {
-        className: {
-            control: {
-                disable: boolean;
-            };
-        };
-    };
-    args: {
-        label: string;
-    };
-};
-export default _default;
-export declare const Demo: Story<TagProps>;
-export declare const Overview: () => JSX.Element;

package/dist/components/ui/toggle-button/ToggleButton.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: ({ label, pressed, first, last, width, onClick, }: import("./ToggleButton").ToggleButtonProps) => JSX.Element;
-};
-export default _default;
-export declare const Standard: () => JSX.Element;

package/dist/components/ui/up-down-buttons/UpDownButtons.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Standard: () => JSX.Element;

package/dist/components/ui/value-table/ValueTable.stories.d.ts

@@ -1,15 +0,0 @@
-import { Story } from "@storybook/react";
-import * as React from "react";
-import { ValueTableProps } from "./ValueTable";
-declare const _default: {
-    title: string;
-    component: React.FC<ValueTableProps>;
-    subcomponents: {
-        ValueTableItem: React.FC<import("./ValueTableItem").ValueTableItemProps>;
-    };
-};
-export default _default;
-export declare const Overview: Story<ValueTableProps>;
-export declare const HeaderAndFooter: () => JSX.Element;
-export declare const AlignValueRight: Story<ValueTableProps>;
-export declare const Variants: () => JSX.Element[];

package/dist/icons/misc/IconsMisc.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Combined: () => JSX.Element;