@statistikzh/leu 0.15.1 → 0.17.0

package/dist/Tag.js

@@ -0,0 +1,75 @@
+import { _ as __decorate } from './_tslib-CNEFicEt.js';
+import { css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
+
+var css_248z = css`:host {
+  /* --tag-font-regular: var(--leu-font-family-regular);
+  --tag-font-black: var(--leu-font-family-black);
+
+  font-family: var(--tag-font-regular); */
+}
+
+.tag {
+  --_accent-color: var(--leu-tag-accent-color, var(--leu-color-black-60));
+
+  display: inline-flex;
+  align-items: center;
+  padding: 0.25rem 0.5rem;
+  gap: 0.25rem;
+  border-radius: 0.25rem;
+
+  background-color: var(--_accent-color);
+  border: 2px solid var(--_accent-color);
+  color: var(--leu-color-black-0);
+}
+
+.tag--outline {
+  background-color: transparent;
+  border-color: var(--_accent-color);
+  color: var(--_accent-color);
+}
+
+.tag--ghost {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--_accent-color);
+}
+
+.tag__icon {
+  --leu-icon-size: 1rem;
+}
+
+.tag__label {
+  display: block;
+  font: var(--leu-t-tiny-regular-font);
+  line-height: 1rem;
+}
+`;
+
+/**
+ * @tagname leu-tag
+ * @cssprop --leu-tag-accent-color - The color of the tag
+ * @slot default - The label of the tag
+ * @slot icon - An icon to display in the tag
+ */
+class LeuTag extends LeuElement {
+    constructor() {
+        super(...arguments);
+        this.variant = "solid";
+    }
+    render() {
+        return html `
+      <div class="tag tag--${this.variant}">
+        <slot class="tag__icon" name="icon"></slot>
+        <slot class="tag__label"></slot>
+      </div>
+    `;
+    }
+}
+LeuTag.styles = [LeuElement.styles, css_248z];
+__decorate([
+    property({ type: String })
+], LeuTag.prototype, "variant", void 0);
+
+export { LeuTag };

package/dist/VisuallyHidden.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-B84x5CPL.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 
 var css_248z = css`:host {
   clip: rect(0 0 0 0);

package/dist/components/message/Message.d.ts

@@ -0,0 +1,59 @@
+import { LeuElement } from "../../lib/LeuElement.js";
+import { LeuIcon } from "../icon/Icon.js";
+/**
+ * @tagname leu-message
+ * @cssprop --leu-message-accent-color - Sets the color of the message. According to the design system, it is only allowd for `info`
+ * @slot [default] - The content of the message. The title of the message should marked up with a `<strong>` tag.
+ * @slot cta - A call to action button that is only allowed for `size=large`
+ * @fires leu:remove - Fired when the close button is clicked.
+ */
+export declare class LeuMessage extends LeuElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * @internal
+     */
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
+    /**
+     * @internal
+     */
+    static dependencies: {
+        "leu-icon": typeof LeuIcon;
+    };
+    /**
+     * @internal
+     */
+    static iconToTypeMap: {
+        info: string;
+        error: string;
+        success: string;
+        warning: string;
+    };
+    /**
+     * The type of the message. `error` and `success` will be displayed as filled boxes.
+     */
+    type: "error" | "success" | "info" | "warning";
+    /**
+     * The size of the message. A call to action button is only allowed for `large` messages.
+     */
+    size: "regular" | "large";
+    /**
+     * Wheter the message is removable or not. The component will not remove itself when the close button is clicked.
+     */
+    removable: boolean;
+    /**
+     * Wheter the message is used as a popup or not. This will add a drop shadow but will not position the message absolutely.
+     */
+    popup: boolean;
+    private hasSlotController;
+    protected renderIcon(): import("lit-html").TemplateResult<1>;
+    protected handleRemove(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=Message.d.ts.map

package/dist/components/message/Message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/message/Message.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAGpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAGzC;;;;;;GAMG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,iCAA8B;IAE3C;;OAEG;IACH,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED;;OAEG;IACH,MAAM,CAAC,YAAY;;MAElB;IAED;;OAEG;IACH,MAAM,CAAC,aAAa;;;;;MAKnB;IAED;;OAEG;IAEH,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAY;IAE1D;;OAEG;IAEH,IAAI,EAAE,SAAS,GAAG,OAAO,CAAY;IAErC;;OAEG;IAEH,SAAS,EAAE,OAAO,CAAQ;IAE1B;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAQ;IAEtB,OAAO,CAAC,iBAAiB,CAAuC;IAEhE,SAAS,CAAC,UAAU;IAMpB,SAAS,CAAC,YAAY;IAStB,MAAM;CA+BP"}

package/dist/components/message/leu-message.d.ts

@@ -0,0 +1,3 @@
+import { LeuMessage } from "./Message.js";
+export { LeuMessage };
+//# sourceMappingURL=leu-message.d.ts.map

package/dist/components/message/leu-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leu-message.d.ts","sourceRoot":"","sources":["../../../src/components/message/leu-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -0,0 +1,179 @@
+import { TemplateResult } from "lit";
+import "../leu-message.js";
+import "../../button/leu-button.js";
+import { LeuMessage } from "../Message.js";
+type StoryArgs = LeuMessage;
+declare const _default: {
+    title: string;
+    component: string;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+    argTypes: {
+        type: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        "--leu-message-accent-color": {
+            control: {
+                type: string;
+                presetColors: string[];
+            };
+        };
+    };
+    args: {
+        type: "success";
+        size: "regular";
+        removable: true;
+        onRemove: import("@storybook/addon-actions").HandlerFunction;
+    };
+};
+export default _default;
+export declare const Success: {
+    args: {
+        type: string;
+        size: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuMessage>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuMessage, Partial<LeuMessage>>, "story">;
+};
+export declare const Error: {
+    args: {
+        type: string;
+        size: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuMessage>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuMessage, Partial<LeuMessage>>, "story">;
+};
+export declare const Warning: {
+    args: {
+        type: string;
+        size: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuMessage>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuMessage, Partial<LeuMessage>>, "story">;
+};
+export declare const Info: {
+    render: (args: StoryArgs) => TemplateResult<1>;
+    args: {
+        type: string;
+        size: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuMessage>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuMessage, Partial<LeuMessage>>, "story">;
+};
+export declare const CustomColor: {
+    render: (args: StoryArgs) => TemplateResult<1>;
+    args: {
+        type: string;
+        size: string;
+        "--message-accent-color": string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuMessage>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuMessage, Partial<LeuMessage>>, "story">;
+};
+export declare const Small: {
+    render: (args: StoryArgs) => TemplateResult<1>;
+    args: {
+        type: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuMessage>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuMessage, Partial<LeuMessage>>, "story">;
+};
+export declare const Popup: {
+    args: {
+        popup: boolean;
+        type: string;
+    };
+    render: (args: StoryArgs) => TemplateResult<1>;
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuMessage>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>[];
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuMessage>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuMessage, Partial<LeuMessage>>, "story">;
+};
+//# sourceMappingURL=message.stories.d.ts.map

package/dist/components/message/stories/message.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/message/stories/message.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,mBAAmB,CAAA;AAC1B,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,KAAK,SAAS,GAAG,UAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG3B,wBAwC2B;AAgC3B,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAMnB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;CAMjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAMnB,CAAA;AAED,eAAO,MAAM,IAAI;mBArDiD,SAAS;;;;;;;;;;;;;;;;;;CAgE1E,CAAA;AAED,eAAO,MAAM,WAAW;mBAlE0C,SAAS;;;;;;;;;;;;;;;;;;;CA8E1E,CAAA;AAED,eAAO,MAAM,KAAK;mBAhFgD,SAAS;;;;;;;;;;;;;;;;;CAsF1E,CAAA;AAED,eAAO,MAAM,KAAK;;;;;mBAxFgD,SAAS;;;;;;;;;;;;;;CA8F1E,CAAA"}

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

@@ -0,0 +1,2 @@
+import "../leu-message.js";
+//# sourceMappingURL=message.test.d.ts.map

package/dist/components/message/test/message.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.test.d.ts","sourceRoot":"","sources":["../../../../src/components/message/test/message.test.ts"],"names":[],"mappings":"AAGA,OAAO,mBAAmB,CAAA"}

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

@@ -0,0 +1,13 @@
+import { LeuElement } from "../../lib/LeuElement.js";
+/**
+ * @tagname leu-tag
+ * @cssprop --leu-tag-accent-color - The color of the tag
+ * @slot default - The label of the tag
+ * @slot icon - An icon to display in the tag
+ */
+export declare class LeuTag extends LeuElement {
+    static styles: import("lit").CSSResultGroup[];
+    variant: "solid" | "outline" | "ghost";
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=Tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAIpD;;;;;GAKG;AACH,qBAAa,MAAO,SAAQ,UAAU;IACpC,MAAM,CAAC,MAAM,iCAA8B;IAG3C,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAU;IAEhD,MAAM;CAQP"}

package/dist/components/tag/leu-tag.d.ts

@@ -0,0 +1,3 @@
+import { LeuTag } from "./Tag.js";
+export { LeuTag };
+//# sourceMappingURL=leu-tag.d.ts.map

package/dist/components/tag/leu-tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leu-tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/leu-tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,MAAM,EAAE,CAAA"}

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

@@ -0,0 +1,136 @@
+import "../leu-tag.js";
+import "../../icon/leu-icon.js";
+import { LeuTag } from "../Tag.js";
+declare const _default: {
+    title: string;
+    component: string;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        "--leu-tag-accent-color": {
+            control: {
+                type: string;
+                presetColors: string[];
+            };
+        };
+        icon: {
+            control: string;
+            options: string[];
+        };
+    };
+    args: {
+        variant: "solid";
+        icon: string;
+        default: string;
+        "--leu-tag-accent-color": string;
+    };
+};
+export default _default;
+export declare const Solid: {
+    args: {
+        variant: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuTag>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuTag>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuTag, Partial<LeuTag>>, "story">;
+};
+export declare const Outline: {
+    args: {
+        variant: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuTag>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuTag>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuTag, Partial<LeuTag>>, "story">;
+};
+export declare const Ghost: {
+    args: {
+        variant: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuTag>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuTag>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuTag, Partial<LeuTag>>, "story">;
+};
+export declare const Warning: {
+    args: {
+        variant: string;
+        "--leu-tag-accent-color": string;
+        default: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuTag>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuTag>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuTag, Partial<LeuTag>>, "story">;
+};
+export declare const NoIcon: {
+    args: {
+        variant: string;
+        "--leu-tag-accent-color": string;
+        icon: any;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuTag>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuTag>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuTag, Partial<LeuTag>>, "story">;
+};
+//# sourceMappingURL=tag.stories.d.ts.map

package/dist/components/tag/stories/tag.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/stories/tag.stories.ts"],"names":[],"mappings":"AAIA,OAAO,eAAe,CAAA;AACtB,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOlC,wBAwC2B;AAgB3B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;CAOnB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAOlB,CAAA"}

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

@@ -0,0 +1,2 @@
+import "../leu-tag.js";
+//# sourceMappingURL=tag.test.d.ts.map

package/dist/components/tag/test/tag.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.test.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/test/tag.test.ts"],"names":[],"mappings":"AAGA,OAAO,eAAe,CAAA"}

package/dist/index.js

@@ -18,7 +18,7 @@ export { LeuRadio } from './Radio.js';
 export { LeuRadioGroup } from './RadioGroup.js';
 export { LeuSelect } from './Select.js';
 export { LeuTable } from './Table.js';
-export { L as LeuElement } from './LeuElement-B84x5CPL.js';
+export { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/static-html.js';

package/dist/leu-accordion.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/static-html.js';
 import 'lit/decorators.js';
-import './LeuElement-B84x5CPL.js';
+import './LeuElement-BRZYxDjR.js';
 
 LeuAccordion.define("leu-accordion");
 

package/dist/leu-button-group.js

@@ -1,6 +1,6 @@
 import { LeuButtonGroup } from './ButtonGroup.js';
 import 'lit';
-import './LeuElement-B84x5CPL.js';
+import './LeuElement-BRZYxDjR.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/directives/class-map.js';

package/dist/leu-button.js

@@ -5,7 +5,7 @@ import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import 'lit/decorators.js';
 import './Icon.js';
-import './LeuElement-B84x5CPL.js';
+import './LeuElement-BRZYxDjR.js';
 import './hasSlotController-Bm2tipvG.js';
 
 LeuButton.define("leu-button");

package/dist/leu-chart-wrapper.js

@@ -2,7 +2,7 @@ import { LeuChartWrapper } from './ChartWrapper.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-B84x5CPL.js';
+import './LeuElement-BRZYxDjR.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Spinner.js';
 

package/dist/leu-checkbox-group.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/decorators.js';
-import './LeuElement-B84x5CPL.js';
+import './LeuElement-BRZYxDjR.js';
 import './Checkbox.js';
 import './Icon.js';
 

package/dist/leu-checkbox.js

@@ -2,7 +2,7 @@ import { LeuCheckbox } from './Checkbox.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-B84x5CPL.js';
+import './LeuElement-BRZYxDjR.js';
 import './Icon.js';
 
 LeuCheckbox.define("leu-checkbox");

package/dist/leu-chip-group.js

@@ -1,6 +1,6 @@
 import { LeuChipGroup } from './ChipGroup.js';
 import 'lit/static-html.js';
-import './LeuElement-B84x5CPL.js';
+import './LeuElement-BRZYxDjR.js';
 import 'lit';
 
 LeuChipGroup.define("leu-chip-group");

package/dist/leu-chip-link.js

@@ -1,7 +1,7 @@
 import { LeuChipLink } from './ChipLink.js';
 import 'lit';
 import './Chip.js';
-import './LeuElement-B84x5CPL.js';
+import './LeuElement-BRZYxDjR.js';
 
 LeuChipLink.define("leu-chip-link");