@zanichelli/albe-web-components 14.5.1 → 14.5.2-rc-anchor-navigation

package/dist/types/components/z-anchor-navigation/index.d.ts

@@ -1,6 +1,6 @@
 /**
- * * Anchor navigation component.
- * @slot Main slot. Put some `<a>` tags inside. If you need an action button/icon, wrap it and the <a> inside another tag.
+ * Anchor navigation component.
+ * @slot - Anchor navigation items. Use `<a>` elements inside. If you need an extra action element, use a wrapper around it and the anchor.
  * @example
  * ```
  * <z-anchor-navigation>
@@ -19,16 +19,24 @@ export declare class ZAnchorNavigation {
      * for the current one or the one the user is hovering.
      */
     hideUnselected: boolean;
+    /**
+     * Enables automatic inference of the current item, listening for hash change
+     * and checking the `href` of the slotted anchors.
+     * When disabled, the highlight of current item must be handled manually by setting the `data-current`
+     * attribute to the correct slotted items and the `aria-current` attribute to the anchors.
+     */
+    autoCurrent: boolean;
     /**
      * Whether the mobile list is collapsed.
      */
     collapsed: boolean;
+    host: HTMLZAnchorNavigationElement;
     /** Reference to the nav element. */
     private nav;
     /**
-     * Set aria-current attribute to the anchors.
+     * Set `aria-current` attribute to the anchors.
      */
-    private setAriaCurrent;
+    private setCurrent;
     /**
      * Toggle collapsed state.
      */

package/dist/types/components/z-anchor-navigation/index.stories.d.ts

@@ -0,0 +1,32 @@
+import { ZAnchorNavigation } from ".";
+import "../z-button/index";
+import "../z-icon/index";
+import "./index";
+import "./index.stories.css";
+declare const StoryMeta: {
+    title: string;
+    component: string;
+    args: {
+        hideUnselected: false;
+    };
+};
+export default StoryMeta;
+export declare const Default: {
+    render: (args: ZAnchorNavigation) => import("lit-html").TemplateResult<1>;
+};
+/**
+ * Setting `autoCurrent` to `false` disables the automatic highlighting of the current section in the anchor navigation
+ * and allows manual handling.
+ * In this story, for example, the highlighting of the current section is done by clicking on the related button.
+ */
+export declare const AutoCurrentDisabling: {
+    args: {
+        autoCurrent: false;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZAnchorNavigation) => import("lit-html").TemplateResult<1>;
+};

package/dist/types/components/z-app-header/index.d.ts

@@ -0,0 +1,149 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+/**
+ * @slot title - Slot for the main title
+ * @slot subtitle - Slot for the bottom subtitle. It will not appear in stuck header.
+ * @slot top-subtitle - Slot for the top subtitle. It will not appear in stuck header.
+ * @slot stucked-title - Title for the stuck header. By default it uses the text from the `title` slot.
+ * @cssprop --app-header-typography-1-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `24px`.
+ * @cssprop --app-header-typography-2-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `28px`.
+ * @cssprop --app-header-typography-3-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `32px`.
+ * @cssprop --app-header-typography-4-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `36px`.
+ * @cssprop --app-header-typography-5-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `42px`.
+ * @cssprop --app-header-typography-6-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `48px`.
+ * @cssprop --app-header-typography-7-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `54px`.
+ * @cssprop --app-header-typography-8-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `60px`.
+ * @cssprop --app-header-typography-9-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `68px`.
+ * @cssprop --app-header-typography-10-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `76px`.
+ * @cssprop --app-header-typography-11-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `84px`.
+ * @cssprop --app-header-typography-12-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `92px`.
+ * @cssprop --app-header-typography-1-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.33`.
+ * @cssprop --app-header-typography-2-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.29`.
+ * @cssprop --app-header-typography-3-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.
+ * @cssprop --app-header-typography-4-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
+ * @cssprop --app-header-typography-5-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
+ * @cssprop --app-header-typography-6-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.
+ * @cssprop --app-header-typography-7-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
+ * @cssprop --app-header-typography-8-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.
+ * @cssprop --app-header-typography-9-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
+ * @cssprop --app-header-typography-10-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.
+ * @cssprop --app-header-typography-11-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
+ * @cssprop --app-header-typography-12-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
+ * @cssprop --app-header-typography-1-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.2 / 1em)`.
+ * @cssprop --app-header-typography-2-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.4 / 1em)`.
+ * @cssprop --app-header-typography-3-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.6 / 1em)`.
+ * @cssprop --app-header-typography-4-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.8 / 1em)`.
+ * @cssprop --app-header-typography-5-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1 / 1em)`.
+ * @cssprop --app-header-typography-6-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.2 / 1em)`.
+ * @cssprop --app-header-typography-7-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.4 / 1em)`.
+ * @cssprop --app-header-typography-8-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.6 / 1em)`.
+ * @cssprop --app-header-typography-9-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.8 / 1em)`.
+ * @cssprop --app-header-typography-10-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2 / 1em)`.
+ * @cssprop --app-header-typography-11-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.2 / 1em)`.
+ * @cssprop --app-header-typography-12-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.4 / 1em)`.
+ * @cssprop --app-header-content-max-width - Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`.
+ * @cssprop --app-header-height - Defaults to `auto`.
+ * @cssprop --app-header-top-offset - Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar).
+ * @cssprop --app-header-drawer-trigger-size - The size of the drawer icon. Defaults to `--space-unit * 4`.
+ * @cssprop --app-header-bg - Header background color. Defaults to `--color-surface01`.
+ * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-surface01`.
+ * @cssprop --app-header-text-color - Text color. Useful on `hero` variant to set text color based on the colors of the background image. Defaults to `--color-default-text`.
+ * @cssprop --app-header-title-font-size - Variable to customize the title's font size.
+ * NOTE: Only use one of the exported `--app-header-typography-*-size` as a value.
+ * Defaults to `--app-header-typography-3-size`.
+ * @cssprop --app-header-title-lineheight - Variable to customize the title's line-height.
+ * NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value and use the same level as the one of the font size.
+ * Defaults to `--app-header-typography-3-lineheight`.
+ * @cssprop --app-header-title-letter-spacing - Variable to customize the title's letter-spacing.
+ * NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value and use the same level as the one of the font size.
+ * Defaults to `--app-header-typography-3-tracking`.
+ * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--color-default-text`.
+ */
+export declare class ZAppHeader {
+    hostElement: HTMLZAppHeaderElement;
+    /**
+     * Stuck mode for the header.
+     * You can programmatically set it using an IntersectionObserver.
+     */
+    stuck: boolean;
+    /**
+     * Set the hero image source for the header.
+     * You can also use a [slot="hero"] node for advanced customization.
+     */
+    hero: string;
+    /**
+     * Should place an overlay over the hero image.
+     * Useful for legibility purpose.
+     */
+    overlay: boolean;
+    /**
+     * Control menu bar position in the header.
+     * - auto: the menu bar is positioned near the title
+     * - stack: the menu bar is positioned below the title
+     * - offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu
+     */
+    flow: "auto" | "stack" | "offcanvas";
+    /**
+     * The opening state of the drawer.
+     */
+    drawerOpen: boolean;
+    /**
+     * Enable the search bar.
+     */
+    enableSearch: boolean;
+    /**
+     * Placeholder text for the search bar.
+     */
+    searchPlaceholder: string;
+    /**
+     * Search string for the search bar.
+     */
+    searchString: string;
+    /**
+     * Url to the search page.
+     * Set this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar.
+     * The link will also appear on the sticky header.
+     */
+    searchPageUrl: string;
+    /**
+     * The stuck state of the bar.
+     */
+    private _stuck;
+    /**
+     * Current viewport.
+     * Used to change the aspect of the search button (icon only) on mobile and tablet.
+     */
+    private currentViewport;
+    /**
+     * Current count of menu items.
+     */
+    menuLength: number;
+    /**
+     * Emitted when the `stuck` state of the header changes
+     */
+    sticking: EventEmitter;
+    private container?;
+    private menuElements?;
+    private observer?;
+    constructor();
+    evaluateViewport(): void;
+    onStuck(): void;
+    setMenuFloatingMode(): void;
+    private get title();
+    private get scrollParent();
+    private get canShowMenu();
+    private get canShowSearchbar();
+    /**
+     * Whether the header has a hero image, either as a prop or as a slot.
+     */
+    private get hasHero();
+    private openDrawer;
+    private closeDrawer;
+    private collectMenuElements;
+    private enableStuckObserver;
+    private disableStuckMode;
+    onStuckMode(): void;
+    private renderSearchLinkButton;
+    private renderSeachbar;
+    componentDidLoad(): void;
+    render(): HTMLZAppHeaderElement;
+}

package/dist/types/components/z-app-header/index.stories.d.ts

@@ -0,0 +1,118 @@
+import { type TemplateResult } from "lit";
+import { ZAppHeader } from ".";
+import { CSSVarsArguments } from "../../utils/storybook-utils";
+import "../z-menu-section/index";
+import "../z-menu/index";
+import "./index";
+import "./index.stories.css";
+type ZAppHeaderStoriesArgs = ZAppHeader & CSSVarsArguments<"app-header-content-max-width">;
+declare const StoryMeta: {
+    title: string;
+    component: string;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        flow: {
+            control: {
+                type: "inline-radio";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        "--app-header-content-max-width": string;
+        enableSearch: false;
+        searchPageUrl: string;
+        flow: "auto";
+    };
+};
+export default StoryMeta;
+export declare const Title: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};
+export declare const Subtitle: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};
+export declare const TopSubtitle: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};
+export declare const Menu: {
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};
+export declare const LongTitle: {
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};
+export declare const VeryLongMenu: {
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};
+export declare const OffcanvasMenu: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};
+export declare const Stuck: {
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/web-components").WebComponentsRenderer, ZAppHeaderStoriesArgs>) => TemplateResult<1>)[];
+    parameters: {
+        docs: {
+            inlineStories: boolean;
+            iframeHeight: string;
+        };
+    };
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};
+export declare const MaxWidth: {
+    args: {
+        "--app-header-content-max-width": string;
+    };
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/web-components").WebComponentsRenderer, ZAppHeaderStoriesArgs>) => TemplateResult<1>)[];
+    parameters: {
+        docs: {
+            inlineStories: boolean;
+            iframeHeight: string;
+        };
+    };
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};
+export declare const CoverHeroWithSlottedImage: {
+    args: {
+        overlay: true;
+        hero: string;
+    };
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};
+export declare const Searchbar: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};
+export declare const SearchPageButton: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/web-components").WebComponentsRenderer, ZAppHeaderStoriesArgs>) => TemplateResult<1>)[];
+    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
+};

package/dist/types/components/z-aria-alert/index.stories.d.ts

@@ -0,0 +1,26 @@
+import { ZAriaAlertMode } from "../../beans";
+import "../z-button/index";
+import "../z-visually-hidden/index";
+import "./index";
+declare const StoryMeta: {
+    title: string;
+    component: string;
+    argTypes: {
+        mode: {
+            control: {
+                type: "select";
+            };
+            options: ZAriaAlertMode[];
+        };
+    };
+    args: {
+        mode: ZAriaAlertMode.POLITE;
+    };
+};
+export default StoryMeta;
+export declare const Default: {
+    render: (args: any) => import("lit-html").TemplateResult<1>;
+};
+export declare const VisuallyHidden: {
+    render: (args: any) => import("lit-html").TemplateResult<1>;
+};

package/dist/types/components/z-avatar/index.stories.d.ts

@@ -0,0 +1,42 @@
+import { ZAvatar } from ".";
+import { AvatarSize } from "../../beans";
+import "./index";
+/**
+ * Pass at least one prop between `text` and `image`.
+ * If prop `image` contains a broken URL, the component will show `text` prop, if given.
+ */
+declare const StoryMeta: {
+    title: string;
+    component: string;
+    argTypes: {
+        size: {
+            options: AvatarSize[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        textColor: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        backgroundColor: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+    args: {
+        size: AvatarSize.MEDIUM;
+        text: string;
+        textColor: string;
+        backgroundColor: string;
+        image: string;
+    };
+};
+export default StoryMeta;
+export declare const Default: {
+    render: (args: ZAvatar) => import("lit-html").TemplateResult<1>;
+};

package/dist/types/components/z-book-card/index.stories.d.ts

@@ -0,0 +1,115 @@
+import { ZBookCard } from ".";
+import { BookCardVariant } from "../../beans";
+import { CSSVarsArguments } from "../../utils/storybook-utils";
+import "../z-button/index";
+import "../z-icon/index";
+import "../z-tag/index";
+import "./index";
+type ZBookCardStoriesArgs = ZBookCard & {
+    theme: "theme-default" | "theme-dark" | "theme-black-yellow";
+} & CSSVarsArguments<"z-book-card-ribbon-background-color" | "z-book-card-ribbon-shadow-color" | "z-book-card-compact-width" | "z-book-card-compact-height">;
+declare const StoryMeta: {
+    title: string;
+    component: string;
+    argTypes: {
+        variant: {
+            control: {
+                type: "inline-radio";
+            };
+            options: BookCardVariant[];
+        };
+        theme: {
+            control: {
+                type: "inline-radio";
+            };
+            options: string[];
+        };
+        "--z-book-card-ribbon-background-color": import("@storybook/types").Args;
+        "--z-book-card-ribbon-shadow-color": import("@storybook/types").Args;
+    };
+    args: {
+        variant: BookCardVariant.EXPANDED;
+        cover: string;
+        operaTitle: string;
+        volumeTitle: string;
+        authors: string;
+        isbn: string;
+        isbnLabel: string;
+        ribbon: string;
+        ribbonIcon: string;
+        ribbonInteractive: false;
+        borderless: false;
+        fallbackCover: string;
+        operaTitleTag: string;
+        theme: "theme-default";
+        "--z-book-card-ribbon-background-color": string;
+        "--z-book-card-ribbon-shadow-color": string;
+        "--z-book-card-compact-width": string;
+        "--z-book-card-compact-height": string;
+    };
+};
+export default StoryMeta;
+export declare const AllProps: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZBookCardStoriesArgs) => import("lit-html").TemplateResult<1>;
+};
+export declare const SlottedTags: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZBookCardStoriesArgs) => import("lit-html").TemplateResult<1>;
+};
+export declare const SlottedResources: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZBookCardStoriesArgs) => import("lit-html").TemplateResult<1>;
+};
+export declare const SlottedHeaderCta: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZBookCardStoriesArgs) => import("lit-html").TemplateResult<1>;
+};
+export declare const SlottedFooterCta: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZBookCardStoriesArgs) => import("lit-html").TemplateResult<1>;
+};
+export declare const ExpandedVariant: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZBookCardStoriesArgs) => import("lit-html").TemplateResult<1>;
+};
+export declare const SearchVariant: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZBookCardStoriesArgs) => import("lit-html").TemplateResult<1>;
+};
+export declare const CompactVariant: {
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+    render: (args: ZBookCardStoriesArgs) => import("lit-html").TemplateResult<1>;
+};

package/dist/types/components/z-breadcrumb/index.stories.d.ts

@@ -0,0 +1,52 @@
+import { ZBreadcrumb } from ".";
+import { BreadcrumbHomepageVariant, BreadcrumbPathStyle } from "../../beans";
+import "./index";
+import "./style.stories.css";
+/**
+ * Breadcrumb is a relevant component for SEO oriented applications.
+ * As the crawlers flatten the light dom and the shadow dom, it is important to move all the relevant SEO content in the light DOM, to not affect indexability.
+ *
+ * The component will handle the logic for generating the proper markup inside the shadow dom.
+ * No slot is rendered inside the latter.
+ * Like the other use case, don't pass a custom label to the first child because it will be overwritten by the default home value.
+ * This mode can be also used by SEO non-relevant application.
+ * @example```html
+ * <z-breadcrumb>
+ *  <a href="./home_link"></a>
+ *  <a href="./link1">link1</a>
+ *  <a href="./link2">link2</a>
+ *  <a href="./link3">link3</a>
+ * </z-breadcrumb>```
+ *
+ * This component follows the accessibility guidelines provided by W3C https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/examples/breadcrumb/
+ */
+declare const StoryMeta: {
+    title: string;
+    component: string;
+    argTypes: {
+        pathStyle: {
+            options: BreadcrumbPathStyle[];
+            control: {
+                type: "select";
+            };
+        };
+        homepageVariant: {
+            options: BreadcrumbHomepageVariant[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+    args: {
+        pathStyle: BreadcrumbPathStyle.SEMIBOLD;
+        homepageVariant: BreadcrumbHomepageVariant.ICON;
+        maxNodesToShow: number;
+        preventFollowUrl: false;
+        overflowMenuItemRows: number;
+        truncateChar: number;
+    };
+};
+export default StoryMeta;
+export declare const Breadcrumb: {
+    render: (args: ZBreadcrumb) => import("lit-html").TemplateResult<1>;
+};

package/dist/types/components/z-button/index.d.ts

@@ -0,0 +1,31 @@
+import { ButtonSize, ButtonType, ButtonVariant, ControlSize } from "../../beans";
+/**
+ * @slot - button label
+ */
+export declare class ZButton {
+    hostElement: HTMLZButtonElement;
+    /** defines a string value that labels an interactive element, used for accessibility. */
+    ariaLabel: string;
+    /** defines role attribute, used for accessibility. */
+    role: string;
+    /** HTML <a> href attribute. If it is set, it renders an HTML <a> tag. */
+    href?: string;
+    /** HTML a target attribute. */
+    target?: string;
+    /** Identifier, should be unique. */
+    htmlid?: string;
+    /** HTML button name attribute. */
+    name?: string;
+    /** HTML button disabled attribute. */
+    disabled?: boolean;
+    /** HTML button type attribute. */
+    type?: ButtonType;
+    /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */
+    variant?: ButtonVariant;
+    /** `z-icon` name to use (optional). */
+    icon?: string;
+    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
+    size?: ButtonSize | ControlSize;
+    private getAttributes;
+    render(): HTMLAnchorElement | HTMLButtonElement;
+}

package/dist/types/components/z-button/index.stories.d.ts

@@ -0,0 +1,66 @@
+import { type ZButton } from ".";
+import { ButtonVariant, ControlSize } from "../../beans";
+import "./index";
+declare const StoryMeta: {
+    title: string;
+    component: string;
+    args: {
+        variant: ButtonVariant.PRIMARY;
+        size: ControlSize.BIG;
+        disabled: false;
+        icon: string;
+        ariaLabel: string;
+        role: string;
+    };
+    argTypes: {
+        variant: {
+            options: ButtonVariant[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        size: {
+            options: ControlSize[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+    };
+    render: (args: ZButton) => import("lit-html").TemplateResult<1>;
+};
+export default StoryMeta;
+export declare const Primary: {};
+export declare const SecondaryXSmall: {
+    args: {
+        variant: ButtonVariant.SECONDARY;
+        size: ControlSize.X_SMALL;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const TertiarySmall: {
+    args: {
+        variant: ButtonVariant.TERTIARY;
+        size: ControlSize.SMALL;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const IconOnly: {
+    render: (args: ZButton) => import("lit-html").TemplateResult<1>;
+};
+export declare const LinkButton: {
+    args: {
+        icon: string;
+        href: string;
+        target: string;
+        role: string;
+    };
+    render: (args: ZButton) => import("lit-html").TemplateResult<1>;
+};