@zanichelli/albe-web-components 19.3.0-RC5 → 19.3.0-RC6

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

@@ -1,75 +0,0 @@
-import { ZCard } from ".";
-import { CardVariant } from "../../beans";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "../z-icon/index";
-import "./index";
-import "./index.stories.css";
-type ZCardStoriesArgs = ZCard & CSSVarsArguments<"z-card--color-cover-background" | "z-card--color-cover-background" | "z-card--text-border" | "z-card--text-border-radius" | "z-card--text-padding">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        variant: {
-            control: {
-                type: "inline-radio";
-                labels: {
-                    null: string;
-                };
-            };
-            options: CardVariant[];
-        };
-    };
-    args: {
-        variant: any;
-        showShadow: false;
-        clickable: false;
-    };
-};
-export default StoryMeta;
-export declare const WithImage: {
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const WithImageAndIcon: {
-    args: {
-        coverIcon: string;
-    };
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const ColorCover: {
-    args: {
-        "--z-card--color-cover-background": string;
-    };
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const TextVariantPrimaryBackground: {
-    args: {
-        "--z-card--text-border-radius": string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const TextVariantSurfaceBackgroundAndBordered: {
-    args: {
-        "--z-card--text-border": string;
-        "--z-card--text-border-radius": string;
-        "--z-card--text-padding": string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const WithImageAndClickListener: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,100 +0,0 @@
-import { type ZCarousel } from ".";
-import { CarouselArrowsPosition, CarouselProgressMode } from "../../beans";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "../z-ghost-loading/index";
-import "./index";
-import "./index.stories.css";
-type ZCarouselStoriesArgs = ZCarousel & {
-    itemsCount: number;
-} & CSSVarsArguments<"z-carousel-gutter">;
-/**
- * This component was conceived as a list of elements to respect the rules of accessibility (https://www.w3.org/WAI/tutorials/carousels/working-example/).
- * Pass any number of elements inside its main `slot`.
- * @example```
- * <z-carousel>
- *  <li>element</li>
- *  <li>element</li>
- *  <li>element</li>
- * </z-carousel>
- * ```
- * > Note: always use `li` elements as direct children of `z-carousel`, as it wraps them with an `ul` element.
- * You can set the gutter between the elements by using the `--z-carousel-gutter` custom property.
- * @example```
- * z-carousel {
- *  --z-carousel-gutter: calc(var(--space-unit) * 2);
- * }```
- */
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/web-components").WebComponentsRenderer, ZCarouselStoriesArgs>) => import("lit-html").TemplateResult<1>)[];
-};
-export default StoryMeta;
-export declare const SlideshowWithArrowsOver: {
-    args: {
-        label: string;
-        "--z-carousel-gutter": string;
-        infinite: false;
-        fixedArrows: true;
-        itemsCount: number;
-    };
-    render: (args: ZCarouselStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const SingleMode: {
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        arrowsPosition: {
-            control: {
-                type: "inline-radio";
-            };
-            options: CarouselArrowsPosition[];
-        };
-        progressMode: {
-            control: {
-                type: "inline-radio";
-            };
-            options: CarouselProgressMode[];
-        };
-    };
-    args: {
-        label: string;
-        progressMode: CarouselProgressMode.DOTS;
-        arrowsPosition: CarouselArrowsPosition.BOTTOM;
-        infinite: false;
-        fixedArrows: true;
-        itemsCount: number;
-    };
-    render: (args: ZCarouselStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-/**
- * You can handle ghost loading for the whole z-carousel by setting two properties:
- * - `isLoading` (boolean): to show a `z-ghost-loading` component instead of the carousel content.
- * - `ghostLoadingHeight` (number): to set the height of the `z-ghost-loading` component.
- * You can also manually handle ghost loading by putting <z-ghost-loading> elements as items.
- */
-export declare const GhostLoading: {
-    args: {
-        label: string;
-        ghostLoadingHeight: number;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZCarouselStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const LoadingItems: {
-    args: {
-        label: string;
-        "--z-carousel-gutter": string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZCarouselStoriesArgs) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,46 +0,0 @@
-import { type ZChip } from ".";
-import { ZChipType } from "../../beans";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    argTypes: {
-        type: {
-            options: ZChipType[];
-            control: {
-                type: "radio";
-            };
-        };
-    };
-    args: {
-        type: ZChipType.DEFAULT;
-        icon: string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZChip) => import("lit-html").TemplateResult<1>;
-};
-export declare const DifferentFontWeight: {
-    render: (args: ZChip) => import("lit-html").TemplateResult<1>;
-};
-export declare const InteractiveIcon: {
-    argTypes: {
-        icon: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        interactiveIcon: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-    };
-    args: {
-        interactiveIcon: string;
-        disabled: false;
-    };
-    render: (args: ZChip) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,33 +0,0 @@
-import { ZColorPicker } from ".";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        lng: {
-            control: {
-                type: "inline-radio";
-            };
-            options: string[];
-        };
-        selectedColor: {
-            control: {
-                type: "select";
-                labels: {
-                    [k: string]: "Trasparente" | "Bianco" | "Grigio" | "Grigio scuro 1" | "Grigio scuro 2" | "Rosso chiaro 1" | "Rosso chiaro 2" | "Rosso" | "Rosso scuro 1" | "Rosso scuro 2" | "Arancione chiaro 1" | "Arancione chiaro 2" | "Arancione" | "Arancione scuro 1" | "Arancione scuro 2" | "Giallo chiaro 1" | "Giallo chiaro 2" | "Giallo" | "Giallo scuro 1" | "Giallo scuro 2" | "Verde chiaro 1" | "Verde chiaro 2" | "Verde" | "Verde scuro 1" | "Verde scuro 2" | "Verde acqua chiaro 1" | "Verde acqua chiaro 2" | "Verde acqua" | "Verde acqua scuro 1" | "Verde acqua scuro 2" | "Azzurro chiaro 1" | "Azzurro chiaro 2" | "Azzurro" | "Azzurro scuro 1" | "Azzurro scuro 2" | "Viola chiaro 1" | "Viola chiaro 2" | "Viola" | "Viola scuro 1" | "Viola scuro 2" | "Rosa chiaro 1" | "Rosa chiaro 2" | "Rosa" | "Rosa scuro 1" | "Rosa scuro 2";
-                };
-            };
-            options: string[];
-        };
-    };
-    args: {
-        lng: "it";
-        htmlAriaLabel: string;
-        selectedColor: any;
-        disableTransparent: false;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZColorPicker) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,58 +0,0 @@
-import { ZCombobox } from ".";
-import { ControlSize } from "../../beans";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        items: {
-            control: {
-                type: "object";
-            };
-        };
-        size: {
-            control: {
-                type: "inline-radio";
-            };
-            options: ControlSize[];
-        };
-    };
-    args: {
-        items: {
-            id: string;
-            name: string;
-            checked: false;
-            category: string;
-        }[];
-        checkalltext: string;
-        disabled: false;
-        hascheckall: true;
-        hassearch: true;
-        inputid: string;
-        isfixed: true;
-        isopen: true;
-        label: string;
-        maxcheckableitems: number;
-        hasgroupitems: false;
-        noresultslabel: string;
-        searchlabel: string;
-        searchplaceholder: string;
-        searchtitle: string;
-        uncheckalltext: string;
-        size: ControlSize.BIG;
-        htmlAriaLabel: string;
-    };
-    render: (args: ZCombobox) => import("lit-html").TemplateResult<1>;
-};
-export default StoryMeta;
-export declare const Default: {};
-export declare const Groups: {
-    args: {
-        hasgroupitems: true;
-    };
-};
-export declare const Disabled: {
-    args: {
-        disabled: true;
-    };
-};

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

@@ -1,113 +0,0 @@
-import { type ZCoverHero } from ".";
-import { CoverHeroContentPosition, CoverHeroVariant } from "../../beans";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "../z-button/index";
-import "../z-info-reveal/index";
-import "./index";
-import "./index.stories.css";
-type ZCoverHeroStoriesArgs = ZCoverHero & CSSVarsArguments<"cover-hero-text-color" | "cover-hero-overlay" | "cover-hero-aspect-ratio">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        variant: {
-            control: {
-                type: "inline-radio";
-            };
-            options: CoverHeroVariant[];
-        };
-        contentPosition: {
-            if: {
-                arg: string;
-                eq: CoverHeroVariant;
-            };
-            control: {
-                type: "inline-radio";
-            };
-            options: CoverHeroContentPosition[];
-        };
-        "--cover-hero-text-color": import("@storybook/web-components").Args;
-        "--cover-hero-overlay": {
-            if: {
-                arg: string;
-                eq: CoverHeroVariant;
-            };
-        };
-        "--cover-hero-aspect-ratio": {
-            if: {
-                arg: string;
-            };
-            control: {
-                type: "text";
-            };
-        };
-    };
-    args: {
-        variant: CoverHeroVariant.OVERLAY;
-        contentPosition: CoverHeroContentPosition.TOP;
-        preserveAspectRatio: true;
-        "--cover-hero-aspect-ratio": any;
-        "--cover-hero-overlay": string;
-        "--cover-hero-text-color": string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZCoverHeroStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const CustomAspectRatio: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    args: {
-        "--cover-hero-aspect-ratio": string;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const AutoAspectRatio: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    args: {
-        "--cover-hero-aspect-ratio": string;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const WithoutPreservingAspectRatio: {
-    argTypes: {
-        variant: {
-            table: {
-                disable: boolean;
-            };
-        };
-        preserveAspectRatio: {
-            table: {
-                disable: boolean;
-            };
-        };
-        "--cover-hero-aspect-ratio": {
-            table: {
-                disable: boolean;
-            };
-        };
-    };
-    args: {
-        textContent: string;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const StackedVariant: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    args: {
-        variant: CoverHeroVariant;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,37 +0,0 @@
-import { ZDivider } from ".";
-import { DividerOrientation, DividerSize } from "../../beans";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        size: {
-            control: {
-                type: "select";
-            };
-            options: DividerSize[];
-        };
-        orientation: {
-            control: {
-                type: "select";
-            };
-            options: DividerOrientation[];
-        };
-        color: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-    };
-    args: {
-        size: DividerSize.SMALL;
-        color: string;
-        orientation: DividerOrientation.HORIZONTAL;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZDivider) => import("lit-html").TemplateResult<1>;
-    name: string;
-};

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

@@ -1,9 +0,0 @@
-import "./index";
-declare const _default: {
-    title: string;
-    component: string;
-};
-export default _default;
-export declare const ZGhostLoading: {
-    render: () => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,56 +0,0 @@
-import { type ZIcon } from ".";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        fill: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-    };
-    args: {
-        name: string;
-        height: number;
-        width: number;
-        fill: string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZIcon) => import("lit-html").TemplateResult<1>;
-};
-export declare const ZIconRem: {
-    args: {
-        name: string;
-        height: string;
-        width: string;
-        fill: string;
-    };
-    render: (args: ZIcon) => import("lit-html").TemplateResult<1>;
-};
-export declare const ColorIndicator: {
-    argTypes: {
-        name: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        indicatorColor: {
-            control: {
-                type: "color";
-            };
-        };
-    };
-    args: {
-        name: string;
-        fill: string;
-        indicatorColor: string;
-        width: number;
-        height: number;
-    };
-    render: (args: ZIcon) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,12 +0,0 @@
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    args: {
-        isclosable: true;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,42 +0,0 @@
-import { type ZInfoReveal } from ".";
-import { ControlSize, InfoRevealPosition } from "../../beans";
-import "../z-button/index";
-import "./index";
-import "./index.stories.css";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        icon: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-        size: {
-            control: {
-                type: "inline-radio";
-            };
-            options: ControlSize[];
-        };
-        position: {
-            options: InfoRevealPosition[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    args: {
-        label: string;
-        icon: string;
-        size: ControlSize.BIG;
-        position: InfoRevealPosition.TOP_RIGHT;
-    };
-    render: (args: ZInfoReveal) => import("lit-html").TemplateResult<1>;
-};