@statistikzh/leu 0.11.0 → 0.11.1

package/.github/workflows/deploy-github-pages.yaml

@@ -21,12 +21,12 @@ jobs:
       - uses: actions/checkout@v4
 
       # Set up Node
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version: "20.x"
 
       #👇 Add Storybook build and deploy to GitHub Pages as a step in the workflow
-      - uses: bitovi/github-actions-storybook-to-github-pages@v1.0.2
+      - uses: bitovi/github-actions-storybook-to-github-pages@v1.0.3
         with:
           build_command: npm run storybook:build # default: npm run build-storybook
           path: docs # default: dist/storybook

package/.github/workflows/release-please.yml

@@ -13,7 +13,7 @@ jobs:
   release-please:
     runs-on: ubuntu-latest
     steps:
-      - uses: google-github-actions/release-please-action@v4
+      - uses: googleapis/release-please-action@v4
         id: release
         with:
           release-type: node

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.11.1](https://github.com/statistikZH/leu/compare/v0.11.0...v0.11.1) (2024-11-25)
+
+
+### Bug Fixes
+
+* :bug: implemented font-feature-settings for all components ([#243](https://github.com/statistikZH/leu/issues/243)) ([4ce502f](https://github.com/statistikZH/leu/commit/4ce502f51e1387d83d5ec8fdea56cc692f4631c4))
+* fixed transition animation in accordion to match zhweb ([#245](https://github.com/statistikZH/leu/issues/245)) ([11950f1](https://github.com/statistikZH/leu/commit/11950f14220ee0b2e6315188e453b817f0f528ba))
+
 ## [0.11.0](https://github.com/statistikZH/leu/compare/v0.10.0...v0.11.0) (2024-10-07)
 
 

package/dist/Accordion.d.ts

@@ -28,5 +28,5 @@ export class LeuAccordion extends LeuElement {
     _handleToggleClick(): void;
     render(): import("lit-html").TemplateResult;
 }
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["Accordion.js"],"names":[],"mappings":"AA+JA;;;;;;;;;GASG;AACH;IAGI,qBAAqB;IACrB,cAAiB;IACjB,cAAe;IACf,oBAAqB;IAGvB;;;;;;OAMG;IACH,kBAHa,MAAM,CASlB;IAED;;;OAGG;IACH,2BAEC;IACD,4CA2BC;CAEF;gCArOqD,0BAA0B"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["Accordion.js"],"names":[],"mappings":"AAmJA;;;;;;;;;GASG;AACH;IAGI,qBAAqB;IACrB,cAAiB;IACjB,cAAe;IACf,oBAAqB;IAGvB;;;;;;OAMG;IACH,kBAHa,MAAM,CASlB;IAED;;;OAGG;IACH,2BAEC;IACD,4CA+BC;CAEF;gCA7NqD,0BAA0B"}

package/dist/Accordion.js

@@ -1,12 +1,8 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css, nothing } from 'lit';
 import { html, unsafeStatic } from 'lit/static-html.js';
 
-var css_248z = css`:host,
-:host * {
-  box-sizing: border-box;
-}
-:host {
+var css_248z = css`:host {
   --accordion-font-regular: var(--leu-font-family-regular);
   --accordion-font-black: var(--leu-font-family-black);
 
@@ -20,18 +16,11 @@ var css_248z = css`:host,
 
   --transition: 0.1s ease;
 
-  font-family: var(--chip-font-regular);
-
-  position: relative;
-  display: grid;
-  grid-template-rows: auto 0fr;
+  font-family: var(--leu-font-family-regular);
 
-  transition: grid-template-rows 0.1s ease;
+  font-family: var(--accordion-font-regular);
 
-  transition: grid-template-rows var(--transition);
-}
-:host([open]) {
-  grid-template-rows: auto 1fr;
+  position: relative;
 }
 .heading {
   margin: 0;
@@ -110,14 +99,16 @@ var css_248z = css`:host,
   display: block;
   flex-grow: 1;
 }
+.contentwrapper {
+  display: grid;
+  grid-template-rows: 1fr;
+  transition: grid-template-rows var(--transition);
+}
 .content {
   overflow: hidden;
-  transition: visibility var(--transition), opacity var(--transition);
 }
-.content[hidden] {
-  display: block;
-  visibility: hidden;
-  opacity: 0;
+.contentwrapper[hidden] {
+  grid-template-rows: 0fr;
 }
 slot[name="content"] {
   display: block;
@@ -134,9 +125,6 @@ slot[name="content"] {
 }
   }
 .divider {
-  position: absolute;
-  top: 100%;
-  left: 0;
 
   width: 100%;
   height: 1px;
@@ -207,7 +195,7 @@ class LeuAccordion extends LeuElement {
         id="toggle"
         type="button"
         class="button"
-        aria-controls="content"
+        aria-controls="contentwrapper"
         aria-expanded="${this.open}"
         @click=${this._handleToggleClick}
       >
@@ -216,19 +204,23 @@ class LeuAccordion extends LeuElement {
         <div class="plus"></div>
       </button></${unsafeStatic(hTag)}>
       <div
-        id="content"
-        class="content"
+        id="contentwrapper"
+        class="contentwrapper"
+        ?hidden=${!this.open}
         aria-labelledby="toggle"
         role="region"
-        ?hidden=${!this.open}
       >
-        <slot name="content"></slot>
+        <div
+          class="content"
+        >
+          <slot name="content"></slot>
+        </div>
       </div>
       <hr class="divider" />`;
   }
   /* eslint-enable lit/binding-positions, lit/no-invalid-html */
 }
-_defineProperty(LeuAccordion, "styles", css_248z);
+_defineProperty(LeuAccordion, "styles", [LeuElement.styles, css_248z]);
 /** @internal */
 _defineProperty(LeuAccordion, "shadowRootOptions", {
   ...LeuElement.shadowRootOptions,

package/dist/Breadcrumb.d.ts

@@ -64,6 +64,6 @@ export class LeuBreadcrumb extends LeuElement {
     renderDropdown(): import("lit-html").TemplateResult<1> | typeof nothing;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/Breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["Breadcrumb.js"],"names":[],"mappings":"AAyHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH;IAOM,yBAA+C;IAO7C,uBAAyB;IACzB,0BAA6B;IAY7B,qBAAqB;IASvB,yBAA4C;IAW9C,aAAe;IACf,wDAAwD;IACxD,UADW,OAAO,CACG;IAErB,gBAAgB;IAChB,iEAAgC;IAehC,+BAEQ;IAEV,qBAEC;IACD,+CAOC;IAOD,gBAAgB;IAChB,sBAEC;IAED,gBAAgB;IAChB,4BAEC;IACD;;;;;OAKG;IACH,eAFa,IAAI,CA4BhB;IACD;;;OAGG;IACH,wEAqCC;IACD,gEAmCC;CACF;gCA3WqD,0BAA0B;wBAC7C,KAAK"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["Breadcrumb.js"],"names":[],"mappings":"AAoHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH;IAOM,yBAA+C;IAO7C,uBAAyB;IACzB,0BAA6B;IAY7B,qBAAqB;IASvB,yBAA4C;IAW9C,aAAe;IACf,wDAAwD;IACxD,UADW,OAAO,CACG;IAErB,gBAAgB;IAChB,iEAAgC;IAehC,+BAEQ;IAEV,qBAEC;IACD,+CAOC;IAOD,gBAAgB;IAChB,sBAEC;IAED,gBAAgB;IAChB,4BAEC;IACD;;;;;OAKG;IACH,eAFa,IAAI,CA4BhB;IACD;;;OAGG;IACH,wEAqCC;IACD,gEAmCC;CACF;gCAtWqD,0BAA0B;wBAC7C,KAAK"}

package/dist/Breadcrumb.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';
@@ -11,12 +11,7 @@ import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import 'lit/directives/if-defined.js';
 import '@floating-ui/dom';
 
-var css_248z = css`:host,
-:host * {
-  box-sizing: border-box;
-}
-
-:host {
+var css_248z = css`:host {
   --breadcrumb-font-regular: var(--leu-font-family-regular);
   --breadcrumb-font-black: var(--leu-font-family-black);
 
@@ -369,7 +364,7 @@ _defineProperty(LeuBreadcrumb, "dependencies", {
   "leu-popup": LeuPopup,
   "leu-visually-hidden": LeuVisuallyHidden
 });
-_defineProperty(LeuBreadcrumb, "styles", css_248z);
+_defineProperty(LeuBreadcrumb, "styles", [LeuElement.styles, css_248z]);
 _defineProperty(LeuBreadcrumb, "properties", {
   items: {
     type: Array

package/dist/Button.d.ts

@@ -41,6 +41,6 @@ export class LeuButton extends LeuElement {
     hasTextContent(): boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LeuIcon } from './Icon.js';
-import { H as HasSlotController } from './hasSlotController-fd1950b4.js';
+import { H as HasSlotController } from './hasSlotController-d1f26756.js';
 
 /**
  * All roles that are associated with a aria-checked attribute
@@ -415,7 +415,7 @@ class LeuButton extends LeuElement {
 _defineProperty(LeuButton, "dependencies", {
   "leu-icon": LeuIcon
 });
-_defineProperty(LeuButton, "styles", css_248z);
+_defineProperty(LeuButton, "styles", [LeuElement.styles, css_248z]);
 /**
  * @internal
  */

package/dist/ButtonGroup.d.ts

@@ -20,5 +20,5 @@ export class LeuButtonGroup extends LeuElement {
     _handleButtonClick(button: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["ButtonGroup.js"],"names":[],"mappings":"AAeA;;;;;GAKG;AACH;IAME;;;OAGG;IACH,oCAFa,MAAM,CAIlB;IATC,cAAgB;IAclB,4BAMC;IAVD,oBAGC;IAQD,0BA+BC;IAED;;OAEG;IACH,sCAWC;IACD,+CAMC;CACF;gCApGqD,0BAA0B"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["ButtonGroup.js"],"names":[],"mappings":"AAUA;;;;;GAKG;AACH;IAME;;;OAGG;IACH,oCAFa,MAAM,CAIlB;IATC,cAAgB;IAclB,4BAMC;IAVD,oBAGC;IAQD,0BA+BC;IAED;;OAEG;IACH,sCAWC;IACD,+CAMC;CACF;gCA/FqD,0BAA0B"}

package/dist/ButtonGroup.js

@@ -1,12 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css, html } from 'lit';
 
-var css_248z = css`:host,
-:host * {
-  box-sizing: border-box;
-}
-
-.group {
+var css_248z = css`.group {
   display: flex;
   gap: 0.5rem;
   flex-wrap: wrap;
@@ -99,6 +94,6 @@ class LeuButtonGroup extends LeuElement {
     `;
   }
 }
-_defineProperty(LeuButtonGroup, "styles", css_248z);
+_defineProperty(LeuButtonGroup, "styles", [LeuElement.styles, css_248z]);
 
 export { LeuButtonGroup };

package/dist/Checkbox.d.ts

@@ -10,5 +10,5 @@ export class LeuCheckbox extends LeuElement {
     handleInput(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css, html } from 'lit';
 import { LeuIcon } from './Icon.js';
 
@@ -135,7 +135,7 @@ class LeuCheckbox extends LeuElement {
 _defineProperty(LeuCheckbox, "dependencies", {
   "leu-icon": LeuIcon
 });
-_defineProperty(LeuCheckbox, "styles", css_248z);
+_defineProperty(LeuCheckbox, "styles", [LeuElement.styles, css_248z]);
 /** @internal */
 _defineProperty(LeuCheckbox, "shadowRootOptions", {
   ...LeuElement.shadowRootOptions,

package/dist/CheckboxGroup.d.ts

@@ -10,5 +10,5 @@ export class LeuCheckboxGroup extends LeuElement {
     handleItems(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 
@@ -67,7 +67,7 @@ class LeuCheckboxGroup extends LeuElement {
     `;
   }
 }
-_defineProperty(LeuCheckboxGroup, "styles", css_248z);
+_defineProperty(LeuCheckboxGroup, "styles", [LeuElement.styles, css_248z]);
 _defineProperty(LeuCheckboxGroup, "properties", {
   orientation: {
     type: String,

package/dist/Chip.d.ts

@@ -1,5 +1,5 @@
 export class LeuChipBase extends LeuElement {
     inverted: boolean;
 }
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 //# sourceMappingURL=Chip.d.ts.map

package/dist/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["Chip.js"],"names":[],"mappings":"AAwJA;IAGI,kBAAqB;CAExB;gCA7JqD,0BAA0B"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["Chip.js"],"names":[],"mappings":"AAsJA;IAGI,kBAAqB;CAExB;gCA3JqD,0BAA0B"}

package/dist/Chip.js

@@ -1,9 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css } from 'lit';
 
-var css_248z = css`:host,
-:host *,
-:host *::before,
+var css_248z = css`:host *::before,
 :host *::after {
   box-sizing: border-box;
 }
@@ -156,7 +154,7 @@ class LeuChipBase extends LeuElement {
     this.inverted = false;
   }
 }
-_defineProperty(LeuChipBase, "styles", css_248z);
+_defineProperty(LeuChipBase, "styles", [LeuElement.styles, css_248z]);
 /** @internal */
 _defineProperty(LeuChipBase, "shadowRootOptions", {
   ...LeuElement.shadowRootOptions,

package/dist/ChipGroup.d.ts

@@ -32,5 +32,5 @@ export const SELECTION_MODES: Readonly<{
     multiple: "multiple";
     none: "none";
 }>;
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 //# sourceMappingURL=ChipGroup.d.ts.map

package/dist/ChipGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { html, unsafeStatic } from 'lit/static-html.js';
 import { css } from 'lit';
 
@@ -132,7 +132,7 @@ class LeuChipGroup extends LeuElement {
     `;
   }
 }
-_defineProperty(LeuChipGroup, "styles", css_248z);
+_defineProperty(LeuChipGroup, "styles", [LeuElement.styles, css_248z]);
 _defineProperty(LeuChipGroup, "properties", {
   inverted: {
     type: Boolean,

package/dist/ChipLink.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty } from './LeuElement-e092765a.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 

package/dist/ChipRemovable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty } from './LeuElement-e092765a.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 import { LeuIcon } from './Icon.js';

package/dist/ChipSelectable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty } from './LeuElement-e092765a.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 

package/dist/Dialog.d.ts

@@ -13,5 +13,5 @@ export class LeuDialog extends LeuElement {
     close(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["Dialog.js"],"names":[],"mappings":"AA2KA;;GAEG;AACH;IASI,8DAA6B;IAE7B,qBAAqB;IACrB,OADW,MAAM,CACF;IACf,qBAAqB;IACrB,UADW,MAAM,CACC;IAClB,sBAAsB;IACtB,MADW,OAAO,CACD;IAEnB,aAEC;IACD,cAEC;IACD,+CAiCC;CACF;gCAxOqD,0BAA0B"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["Dialog.js"],"names":[],"mappings":"AAuKA;;GAEG;AACH;IASI,8DAA6B;IAE7B,qBAAqB;IACrB,OADW,MAAM,CACF;IACf,qBAAqB;IACrB,UADW,MAAM,CACC;IAClB,sBAAsB;IACtB,MADW,OAAO,CACD;IAEnB,aAEC;IACD,cAEC;IACD,+CAiCC;CACF;gCApOqD,0BAA0B"}

package/dist/Dialog.js

@@ -1,15 +1,11 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css, html, nothing } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { H as HasSlotController } from './hasSlotController-fd1950b4.js';
+import { H as HasSlotController } from './hasSlotController-d1f26756.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`/* figma https://www.figma.com/design/d6Pv21UVUbnBs3AdcZijHmbN/KTZH-Design-System?node-id=21161-186812&t=8VgDy9avMRG5aL7s-0 */
-:host,
-:host * {
-  box-sizing: border-box;
-}
 :host {
   --dialog-font-regular: var(--leu-font-family-regular);
   --dialog-font-black: var(--leu-font-family-black);
@@ -234,7 +230,7 @@ class LeuDialog extends LeuElement {
 _defineProperty(LeuDialog, "dependencies", {
   "leu-icon": LeuIcon
 });
-_defineProperty(LeuDialog, "styles", css_248z);
+_defineProperty(LeuDialog, "styles", [LeuElement.styles, css_248z]);
 _defineProperty(LeuDialog, "shadowRootOptions", {
   ...LeuElement.shadowRootOptions,
   delegatesFocus: true

package/dist/Dropdown.d.ts

@@ -15,5 +15,5 @@ export class LeuDropdown extends LeuElement {
     _getMenu(): any;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["Dropdown.js"],"names":[],"mappings":"AAmCA;;GAEG;AACH;IAMQ,kBAAqB;IAqBzB,cAAe;IAGf,kEAAkE;IAClE,YADW,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CACjC;IAkB/B,gCAIC;IACD,iDAYC;IACD,2BAEC;IAED;;OAEG;IACH,gBAEC;IACD,+CA6BC;CACF;gCAjJqD,0BAA0B"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["Dropdown.js"],"names":[],"mappings":"AA8BA;;GAEG;AACH;IAMQ,kBAAqB;IAqBzB,cAAe;IAGf,kEAAkE;IAClE,YADW,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CACjC;IAkB/B,gCAIC;IACD,iDAYC;IACD,2BAEC;IAED;;OAEG;IACH,gBAEC;IACD,+CA6BC;CACF;gCA5IqD,0BAA0B"}

package/dist/Dropdown.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css, html, nothing } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { H as HasSlotController } from './hasSlotController-fd1950b4.js';
+import { H as HasSlotController } from './hasSlotController-d1f26756.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';
@@ -11,12 +11,7 @@ import 'lit/directives/if-defined.js';
 import './Icon.js';
 import '@floating-ui/dom';
 
-var css_248z = css`:host,
-:host * {
-  box-sizing: border-box;
-}
-
-:host {
+var css_248z = css`:host {
   position: relative;
 }
 
@@ -150,7 +145,7 @@ _defineProperty(LeuDropdown, "dependencies", {
   "leu-menu-item": LeuMenuItem,
   "leu-popup": LeuPopup
 });
-_defineProperty(LeuDropdown, "styles", css_248z);
+_defineProperty(LeuDropdown, "styles", [LeuElement.styles, css_248z]);
 _defineProperty(LeuDropdown, "properties", {
   label: {
     type: String,

package/dist/Icon.d.ts

@@ -112,5 +112,5 @@ export class LeuIcon extends LeuElement {
     name: any | "";
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 //# sourceMappingURL=Icon.d.ts.map

package/dist/Icon.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css, html, svg } from 'lit';
 
 var css_248z = css`svg,
@@ -154,7 +154,7 @@ class LeuIcon extends LeuElement {
     `;
   }
 }
-_defineProperty(LeuIcon, "styles", css_248z);
+_defineProperty(LeuIcon, "styles", [LeuElement.styles, css_248z]);
 _defineProperty(LeuIcon, "properties", {
   name: {
     type: String,

package/dist/Input.d.ts

@@ -145,6 +145,6 @@ export const SIZES: Readonly<{
     SMALL: "small";
     REGULAR: "regular";
 }>;
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Input.d.ts.map

package/dist/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["Input.js"],"names":[],"mappings":"AAiTA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE,kEAKC;IAGC,kBAAqB;IACrB,kBAAqB;IACrB,mBAAsB;IAEtB,kCAAkC;IAClC,MADW,OAAO,GAAG,SAAS,CACL;IACzB,aAAkB;IAClB,eAAqB;IACrB,uBAA4B;IAC5B,oBAAuB;IACvB,cAAe;IAEf,gBAAgB;IAChB,oBAAqB;IAErB;;;OAGG;IACH,WAFU,OAAO,uBAAuB,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAEnC;IAE9B,4BAKC;IAED;;;;;;;;;;OAUG;IACH,2BAIC;IAED;;;;;;OAMG;IACH,mBAKC;IAED;;;;;;OAMG;IACH,sBAEC;IAED;;;;;;;;OAQG;IACH,qBAMC;IAED;;;;;;;OAOG;IACH,oBAOC;IAED;;;;;;;;OAQG;IACH,cAWC;IAED;;;;;;;OAOG;IACH,cAUC;IAED;;;;;;;;;;OAUG;IACH,6BAgBC;IAED;;;OAGG;IACH,uBAFa,OAAO,KAAK,EAAE,cAAc,iBAAU,CAgBlD;IAED;;;;;;OAMG;IACH,2BAsBC;IACD,qBAKC;IACD,+CA2CC;CACF;AAjVD;;;GAGG;gCA5RmD,0BAA0B;wBAC7C,KAAK"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["Input.js"],"names":[],"mappings":"AA4SA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE,kEAKC;IAGC,kBAAqB;IACrB,kBAAqB;IACrB,mBAAsB;IAEtB,kCAAkC;IAClC,MADW,OAAO,GAAG,SAAS,CACL;IACzB,aAAkB;IAClB,eAAqB;IACrB,uBAA4B;IAC5B,oBAAuB;IACvB,cAAe;IAEf,gBAAgB;IAChB,oBAAqB;IAErB;;;OAGG;IACH,WAFU,OAAO,uBAAuB,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAEnC;IAE9B,4BAKC;IAED;;;;;;;;;;OAUG;IACH,2BAIC;IAED;;;;;;OAMG;IACH,mBAKC;IAED;;;;;;OAMG;IACH,sBAEC;IAED;;;;;;;;OAQG;IACH,qBAMC;IAED;;;;;;;OAOG;IACH,oBAOC;IAED;;;;;;;;OAQG;IACH,cAWC;IAED;;;;;;;OAOG;IACH,cAUC;IAED;;;;;;;;;;OAUG;IACH,6BAgBC;IAED;;;OAGG;IACH,uBAFa,OAAO,KAAK,EAAE,cAAc,iBAAU,CAgBlD;IAED;;;;;;OAMG;IACH,2BAsBC;IACD,qBAKC;IACD,+CA2CC;CACF;AAjVD;;;GAGG;gCAvRmD,0BAA0B;wBAC7C,KAAK"}

package/dist/Input.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
@@ -6,12 +6,7 @@ import { live } from 'lit/directives/live.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { LeuIcon } from './Icon.js';
 
-var css_248z = css`:host,
-:host * {
-  box-sizing: border-box;
-}
-
-:host {
+var css_248z = css`:host {
   --input-color: var(--leu-color-black-100);
   --input-color-disabled: var(--leu-color-black-20);
   --input-color-invalid: var(--leu-color-func-red);
@@ -620,7 +615,7 @@ class LeuInput extends LeuElement {
 _defineProperty(LeuInput, "dependencies", {
   "leu-icon": LeuIcon
 });
-_defineProperty(LeuInput, "styles", css_248z);
+_defineProperty(LeuInput, "styles", [LeuElement.styles, css_248z]);
 /**
  * @internal
  */

package/dist/{LeuElement-78b4a998.d.ts → LeuElement-e092765a.d.ts}

@@ -4,4 +4,4 @@ declare class LeuElement extends LitElement {
 declare function _defineProperty(obj: any, key: any, value: any): any;
 import { LitElement } from 'lit';
 export { LeuElement as L, _defineProperty as _ };
-//# sourceMappingURL=LeuElement-78b4a998.d.ts.map
+//# sourceMappingURL=LeuElement-e092765a.d.ts.map

package/dist/LeuElement-e092765a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeuElement-e092765a.d.ts","sourceRoot":"","sources":["LeuElement-e092765a.js"],"names":[],"mappings":"AAsCA;IACE,8EAcC;CACF;AApDD,sEAaC;2BAf+B,KAAK"}

package/dist/{LeuElement-78b4a998.js → LeuElement-e092765a.js}

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { css, LitElement } from 'lit';
 
 function _defineProperty(obj, key, value) {
   key = _toPropertyKey(key);
@@ -29,6 +29,13 @@ function _toPropertyKey(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 
+var css_248z = css`:host,
+:host * {
+  box-sizing: border-box;
+  font-feature-settings: var(--leu-t-font-feature-settings);
+}
+`;
+
 class LeuElement extends LitElement {
   static define(name, constructor = this, options = {}) {
     Object.entries(this.dependencies).forEach(([n, c]) => c.define(n));
@@ -46,7 +53,8 @@ class LeuElement extends LitElement {
     }
   }
 }
-_defineProperty(LeuElement, "version", "0.11.0");
+_defineProperty(LeuElement, "version", "0.11.1");
 _defineProperty(LeuElement, "dependencies", {});
+_defineProperty(LeuElement, "styles", css_248z);
 
 export { LeuElement as L, _defineProperty as _ };

package/dist/Menu.d.ts

@@ -25,6 +25,6 @@ export class LeuMenu extends LeuElement {
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-78b4a998.js';
+import { L as LeuElement } from './LeuElement-e092765a.js';
 import { LeuMenuItem } from './MenuItem.js';
 //# sourceMappingURL=Menu.d.ts.map

package/dist/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["Menu.js"],"names":[],"mappings":"0BA8Ba,QAAQ,GAAG,UAAU,GAAG,MAAM;AAD3C;;GAEG;AAEH;;;GAGG;AACH;IAII,0BAA0B;IAC1B,SADW,WAAW,CACD;IACrB,WAAsB;IAaxB,0BAGC;IACD,0BAmBC;IAED;;;OAGG;IACH,gBAFa,OAAO,YAAY,EAAE,WAAW,EAAE,CAO9C;IACD,qCAEC;IACD,iCAgBC;IACD,gCAaC;IACD,4BAGC;IACD,qBAEC;IACD,sCAIC;IACD,+CAEC;CACF;gCA5IqD,0BAA0B;4BAEpD,eAAe"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["Menu.js"],"names":[],"mappings":"0BAyBa,QAAQ,GAAG,UAAU,GAAG,MAAM;AAD3C;;GAEG;AAEH;;;GAGG;AACH;IAII,0BAA0B;IAC1B,SADW,WAAW,CACD;IACrB,WAAsB;IAaxB,0BAGC;IACD,0BAmBC;IAED;;;OAGG;IACH,gBAFa,OAAO,YAAY,EAAE,WAAW,EAAE,CAO9C;IACD,qCAEC;IACD,iCAgBC;IACD,gCAaC;IACD,4BAGC;IACD,qBAEC;IACD,sCAIC;IACD,+CAEC;CACF;gCAvIqD,0BAA0B;4BAEpD,eAAe"}

package/dist/Menu.js

@@ -1,15 +1,10 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-e092765a.js';
 import { css, html } from 'lit';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
 
-var css_248z = css`:host,
-:host * {
-  box-sizing: border-box;
-}
-
-:host {
+var css_248z = css`:host {
   --menu-divider-color: var(--leu-color-black-transp-20);
 }
 
@@ -139,7 +134,7 @@ class LeuMenu extends LeuElement {
     return html`<slot></slot>`;
   }
 }
-_defineProperty(LeuMenu, "styles", css_248z);
+_defineProperty(LeuMenu, "styles", [LeuElement.styles, css_248z]);
 _defineProperty(LeuMenu, "shadowRootOptions", {
   ...LeuElement.shadowRootOptions,
   delegatesFocus: true