@statistikzh/leu 0.16.0 → 0.17.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "0.16.0"
+  ".": "0.17.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.17.0](https://github.com/statistikZH/leu/compare/leu-v0.16.0...leu-v0.17.0) (2025-09-09)
+
+
+### Features
+
+* **tag:** implement a tag component ([354e7b7](https://github.com/statistikZH/leu/commit/354e7b7a790add93431e411be7471c75499c077e))
+
 ## [0.16.0](https://github.com/statistikZH/leu/compare/leu-v0.15.1...leu-v0.16.0) (2025-07-31)
 
 

package/dist/Accordion.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, nothing } from 'lit';
 import { unsafeStatic, html } from 'lit/static-html.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 
 var css_248z = css`:host {
   --accordion-font-regular: var(--leu-font-family-regular);

package/dist/Button.js

@@ -4,7 +4,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { property } from 'lit/decorators.js';
 import { LeuIcon } from './Icon.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 
 /**

package/dist/ButtonGroup.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { LeuButton } from './Button.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/directives/class-map.js';

package/dist/ChartWrapper.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, nothing, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuSpinner } from './Spinner.js';
 

package/dist/Checkbox.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`:host {

package/dist/CheckboxGroup.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { LeuCheckbox } from './Checkbox.js';
 import './Icon.js';
 

package/dist/Chip.js

@@ -1,4 +1,4 @@
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { css } from 'lit';
 
 var css_248z = css`:host *::before,

package/dist/ChipGroup.js

@@ -1,5 +1,5 @@
 import { unsafeStatic, html } from 'lit/static-html.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { css } from 'lit';
 
 var css_248z = css`.label {

package/dist/ChipLink.js

@@ -1,6 +1,6 @@
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
-import './LeuElement-C0BZ_nPB.js';
+import './LeuElement-BRZYxDjR.js';
 
 const SIZES = {
     regular: "regular",

package/dist/ChipRemovable.js

@@ -1,7 +1,7 @@
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 import { LeuIcon } from './Icon.js';
-import './LeuElement-C0BZ_nPB.js';
+import './LeuElement-BRZYxDjR.js';
 
 /**
  * @slot - The content of the chip

package/dist/ChipSelectable.js

@@ -1,6 +1,6 @@
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
-import './LeuElement-C0BZ_nPB.js';
+import './LeuElement-BRZYxDjR.js';
 
 const SIZES = {
     small: "small",

package/dist/Dialog.js

@@ -1,7 +1,7 @@
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuIcon } from './Icon.js';
 

package/dist/Dropdown.js

@@ -1,6 +1,6 @@
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';

package/dist/Icon.js

@@ -1,5 +1,5 @@
 import { css, html, svg } from 'lit';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 
 var css_248z = css`:host {
   display: contents;

package/dist/Input.js

@@ -3,7 +3,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`:host {

package/dist/{LeuElement-C0BZ_nPB.js → LeuElement-BRZYxDjR.js}

@@ -35,7 +35,7 @@ class LeuElement extends LitElement {
         }
     }
 }
-LeuElement.version = "0.16.0";
+LeuElement.version = "0.17.0";
 LeuElement.dependencies = {};
 LeuElement.styles = css_248z;
 

package/dist/Menu.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/MenuItem.js

@@ -1,6 +1,6 @@
 import { css, html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`:host {

package/dist/Message.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { LeuIcon } from './Icon.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 

package/dist/Pagination.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
 import { property, state } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { LeuButton } from './Button.js';
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import { LeuIcon } from './Icon.js';

package/dist/Placeholder.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 
 var css_248z = css`:host {
   --placeholder-font-regular: var(--leu-font-family-regular);

package/dist/Popup.js

@@ -1,6 +1,6 @@
 import { css, html } from 'lit';
 import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 
 var css_248z = css`:host {
   --popup-font-regular: var(--leu-font-family-regular);

package/dist/Radio.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 
 var css_248z = css`:host {
   --radio-color: var(--leu-color-black-40);

package/dist/RadioGroup.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { LeuRadio } from './Radio.js';
 
 var css_248z = css`:host {

package/dist/Range.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 
 var css_248z = css`:host {
   --range-color: var(--leu-color-black-40);

package/dist/ScrollTop.js

@@ -1,6 +1,6 @@
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';

package/dist/Select.js

@@ -2,7 +2,7 @@ import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';

package/dist/Spinner.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 
 var css_248z = css`@keyframes leu-spinner-rotate {
   from {

package/dist/Table.js

@@ -2,7 +2,7 @@ import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 import { LeuIcon } from './Icon.js';
 import { LeuPagination } from './Pagination.js';
 import './_tslib-CNEFicEt.js';

package/dist/Tag.d.ts

@@ -0,0 +1,17 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { L as LeuElement } from './LeuElement.d-BevHqLUu.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
+ */
+declare class LeuTag extends LeuElement {
+    static styles: lit.CSSResultGroup[];
+    variant: "solid" | "outline" | "ghost";
+    render(): lit_html.TemplateResult<1>;
+}
+
+export { LeuTag };

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-C0BZ_nPB.js';
+import { L as LeuElement } from './LeuElement-BRZYxDjR.js';
 
 var css_248z = css`:host {
   clip: rect(0 0 0 0);

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-C0BZ_nPB.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-C0BZ_nPB.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-C0BZ_nPB.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-C0BZ_nPB.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-C0BZ_nPB.js';
+import './LeuElement-BRZYxDjR.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Spinner.js';