@statistikzh/leu 0.13.0 → 0.14.0

package/.eslintrc.json

@@ -8,6 +8,14 @@
         "varsIgnorePattern": "^_",
         "argsIgnorePattern": "^_"
       }
+    ],
+    "prefer-destructuring": [
+      "error",
+      {
+        "AssignmentExpression": {
+          "array": false
+        }
+      }
     ]
   },
   "overrides": [

package/.github/workflows/ci.yml

@@ -0,0 +1,78 @@
+name: Continuous integration
+
+on: [push, pull_request]
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+          cache: "npm"
+
+      - run: npm ci
+
+      - name: Run linters
+        run: npm run lint
+
+  build:
+    runs-on: ubuntu-latest
+    needs: lint
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+          cache: "npm"
+
+      - run: npm ci
+
+      - name: Build library
+        run: npm run build
+
+      - name: Build storybook
+        run: npm run storybook:build
+
+  test:
+    runs-on: ubuntu-latest
+    needs: lint
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Install Playwright browsers
+        run: npx playwright install
+
+      - name: Cache Playwright binaries
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: ${{ runner.os }}-playwright-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-playwright-
+
+      - name: Run tests
+        run: npm test
+
+      - uses: actions/upload-artifact@v4
+        with:
+          name: coverage
+          path: coverage/

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

@@ -23,7 +23,8 @@ jobs:
       # Set up Node
       - uses: actions/setup-node@v4
         with:
-          node-version: "20.x"
+          node-version-file: ".nvmrc"
+          cache: "npm"
 
       #👇 Add Storybook build and deploy to GitHub Pages as a step in the workflow
       - uses: bitovi/github-actions-storybook-to-github-pages@v1.0.3

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

@@ -25,7 +25,8 @@ jobs:
         if: ${{ steps.release.outputs.release_created }}
       - uses: actions/setup-node@v4
         with:
-          node-version: "20.x"
+          node-version-file: ".nvmrc"
+          cache: "npm"
           registry-url: "https://registry.npmjs.org"
         if: ${{ steps.release.outputs.release_created }}
       - run: npm ci

package/.nvmrc

@@ -0,0 +1 @@
+v20.9.0

package/.prettierignore

@@ -1 +1,2 @@
 scripts/generate-component/templates/**/*.js
+CHANGELOG.md

package/.storybook/main.js

@@ -8,16 +8,32 @@ const config = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: [
     "@storybook/addon-essentials",
-    "@storybook/addon-links",
     "@storybook/addon-designs",
     "@whitespace/storybook-addon-html",
+    "@storybook/addon-a11y",
   ],
   staticDirs: ["static"],
   framework: {
     name: "@web/storybook-framework-web-components",
   },
-  docs: {
-    autodocs: false,
+  docs: {},
+  core: {
+    disableTelemetry: true, // 👈 Disables telemetry
+  },
+  previewHead: (head) => {
+    /**
+     * Workaround to get the build process working
+     * @web/storybook-builder sets `extractAssets: true`
+     * for the rollup html plugin. But the same path doesn't
+     * work in th development environment.
+     * */
+    const basePath =
+      process.env.NODE_ENV === "production" ? ".storybook/static/" : ""
+    return `
+    ${head}
+    <link rel="stylesheet" href="${basePath}fonts.css" />
+    <link rel="stylesheet" href="${basePath}theme.css" />
+  `
   },
   async wdsFinal(config) {
     config.open = false

package/.storybook/static/fonts.css

@@ -0,0 +1,11 @@
+@font-face {
+  font-family: InterRegular;
+  font-display: swap;
+  src: url("fonts/Inter-Regular.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: InterBlack;
+  font-display: swap;
+  src: url("fonts/Inter-Black.woff2") format("woff2");
+}

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # Changelog
 
+## [0.14.0](https://github.com/statistikZH/leu/compare/v0.13.1...v0.14.0) (2025-02-26)
+
+
+### Features
+
+* **input:** expose checkValidity method ([#270](https://github.com/statistikZH/leu/issues/270)) ([3786a59](https://github.com/statistikZH/leu/commit/3786a59b3b736a41740fd2370dc33e266ec00fac))
+
+
+### Bug Fixes
+
+* **checkbox:** display disappeared check icon ([#269](https://github.com/statistikZH/leu/issues/269)) ([b23568f](https://github.com/statistikZH/leu/commit/b23568f3d2957ef755755a8a9fac94fe5c1e08c0))
+* **export:** remove non existing export of the breadcrumbs component ([da5bf4c](https://github.com/statistikZH/leu/commit/da5bf4c337b2b7019ef738de22412ee67c53cb1c))
+* remove breadcrumb component as it isn't part of the design system anymore ([f1d5486](https://github.com/statistikZH/leu/commit/f1d5486261e17981a496ca0be2f63c88a0d99228))
+* **select:** add missing label to the listbox element ([2dff6af](https://github.com/statistikZH/leu/commit/2dff6afd62f00b90dc26fba7ba484a5f3d3dd00b))
+* **select:** reset display value when its value changes ([#266](https://github.com/statistikZH/leu/issues/266)) ([158ed5f](https://github.com/statistikZH/leu/commit/158ed5f48a916f159bb1902b0ae2431df1356253))
+
+## [0.13.1](https://github.com/statistikZH/leu/compare/v0.13.0...v0.13.1) (2025-01-16)
+
+
+### Bug Fixes
+
+* **button:** set fixed height to the ghost variant so it doesn't change when adding an icon ([c2d94cb](https://github.com/statistikZH/leu/commit/c2d94cb282687770ab477893a0731f1fcbf8ebdf))
+* **chip:** prevent cut of the descender of the lables of small sized chips ([#259](https://github.com/statistikZH/leu/issues/259)) ([08f5365](https://github.com/statistikZH/leu/commit/08f5365f82c80227613a09ebe287c5e40d63027d))
+* **dropdown,icon,popup:** don't create a inline or a block box ([c2d94cb](https://github.com/statistikZH/leu/commit/c2d94cb282687770ab477893a0731f1fcbf8ebdf))
+* export LeuElement ([68603d4](https://github.com/statistikZH/leu/commit/68603d42e4c169df8772b803bafb6e88d9dfe441))
+* **select:** add missing background color ([c4d5117](https://github.com/statistikZH/leu/commit/c4d5117a7c2ba9748a2e123a1dcf47dee619f3b0))
+
 ## [0.13.0](https://github.com/statistikZH/leu/compare/v0.12.2...v0.13.0) (2025-01-08)
 
 

package/custom-elements-manifest.config.js

@@ -18,7 +18,7 @@ export default {
           name: "Documentation",
           url: `https://statistikzh.github.io/leu/?path=/story/${tag.replace(
             "leu-",
-            ""
+            "",
           )}`,
         },
       ],
@@ -32,7 +32,7 @@ export default {
         name: "Documentation",
         url: `https://statistikzh.github.io/leu/?path=/story/${tag.replace(
           "leu-",
-          ""
+          "",
         )}`,
       }),
     }),

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-874a297c.js';
+import { L as LeuElement } from './LeuElement-BjGpKQpe.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":"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"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["Accordion.js"],"names":[],"mappings":"AAiJA;;;;;;;;;GASG;AACH;IAGI,qBAAqB;IACrB,cAAiB;IACjB,cAAe;IACf,oBAAqB;IAGvB;;;;;;OAMG;IACH,kBAHa,MAAM,CASlB;IAED;;;OAGG;IACH,2BAEC;IACD,4CA+BC;CAEF;gCA3NqD,0BAA0B"}

package/dist/Accordion.js

@@ -1,6 +1,6 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
 import { css, nothing } from 'lit';
-import { html, unsafeStatic } from 'lit/static-html.js';
+import { unsafeStatic, html } from 'lit/static-html.js';
 
 var css_248z = css`:host {
   --accordion-font-regular: var(--leu-font-family-regular);
@@ -16,8 +16,6 @@ var css_248z = css`:host {
 
   --transition: 0.1s ease;
 
-  font-family: var(--leu-font-family-regular);
-
   font-family: var(--accordion-font-regular);
 
   position: relative;

package/dist/Button.d.ts

@@ -33,7 +33,7 @@ export class LeuButton extends LeuElement {
      * @type {("true" | "false" | undefined)}
      */
     expanded: ("true" | "false" | undefined);
-    renderExpandingIcon(): import("lit-html").TemplateResult<1> | typeof nothing;
+    renderExpandingIcon(): typeof nothing | import("lit-html").TemplateResult<1>;
     getAriaAttributes(): {
         role: string;
         label: any;
@@ -41,6 +41,6 @@ export class LeuButton extends LeuElement {
     hasTextContent(): boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-874a297c.js';
+import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["Button.js"],"names":[],"mappings":"AAoTA,+CAAkD;AAJlD,oCAA0C;AAE1C,oCAAmD;AAJnD,uCAA0D;AAS1D;;;;;GAKG;AACH;IAQI,WAAiB;IACjB,qBAAqB;IACrB,MADW,MAAM,CACI;IACrB,qBAAqB;IACrB,SADW,MAAM,CACO;IACxB,4CAA4C;IAC5C,MADW,QAAQ,GAAG,QAAQ,GAAG,OAAO,CACpB;IAEpB,qBAAqB;IACrB,eADW,MAAM,CACa;IAE9B,sBAAsB;IACtB,UADW,OAAO,CACG;IACrB,+EAA+E;IAC/E,OADW,OAAO,CACA;IAClB,sBAAsB;IACtB,QADW,OAAO,CACC;IACnB,wDAAwD;IACxD,UADW,OAAO,CACG;IAErB,gGAAgG;IAChG,OADW,OAAO,CACA;IAElB;;;OAGG;IACH,UAFU,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAEf;IAE3B,6EAOC;IACD;;;MAaC;IACD,0BAEC;IACD,+CAiCC;CACF;gCA7ZqD,0BAA0B;wBAC7C,KAAK"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["Button.js"],"names":[],"mappings":"AA6UA,+CAAkD;AAJlD,oCAA0C;AAE1C,oCAAmD;AAJnD,uCAA0D;AAS1D;;;;;GAKG;AACH;IAQI,WAAiB;IACjB,qBAAqB;IACrB,MADW,MAAM,CACI;IACrB,qBAAqB;IACrB,SADW,MAAM,CACO;IACxB,4CAA4C;IAC5C,MADW,QAAQ,GAAG,QAAQ,GAAG,OAAO,CACpB;IAEpB,qBAAqB;IACrB,eADW,MAAM,CACa;IAE9B,sBAAsB;IACtB,UADW,OAAO,CACG;IACrB,+EAA+E;IAC/E,OADW,OAAO,CACA;IAClB,sBAAsB;IACtB,QADW,OAAO,CACC;IACnB,wDAAwD;IACxD,UADW,OAAO,CACG;IAErB,gGAAgG;IAChG,OADW,OAAO,CACA;IAElB;;;OAGG;IACH,UAFU,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAEf;IAE3B,6EAOC;IACD;;;MAaC;IACD,0BAEC;IACD,+CAsCC;CACF;gCA3bqD,0BAA0B;wBAC7C,KAAK"}

package/dist/Button.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.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-dbcac394.js';
+import { H as HasSlotController } from './hasSlotController-DvFw2NdC.js';
 
 /**
  * All roles that are associated with a aria-checked attribute
@@ -155,6 +155,7 @@ button.ghost {
   padding: 0 0.5rem;
   color: var(--leu-color-black-60);
   font-family: var(--leu-font-family-regular);
+  height: 2rem;
 }
 
 button.ghost:hover {
@@ -237,60 +238,84 @@ button.ghost.inverted:disabled {
   display: block;
 }
 
-.ghost.icon-before .icon-wrapper--before,
-.ghost.icon-after .icon-wrapper--after {
+.icon-wrapper {
+  display: none;
+}
+
+.icon-before .icon-wrapper--before,
+.icon-after .icon-wrapper--after {
   display: block;
-  padding: 0.5rem;
-  border-radius: 50%;
-  background: var(--leu-color-black-transp-10);
 }
 
-.ghost.active .icon-wrapper--before, .ghost.active .icon-wrapper--after {
-  background: var(--leu-color-black-100);
-  color: var(--leu-color-black-0);
+.ghost .icon-wrapper {
+  position: relative;
+  width: 2rem;
+  padding: 0 0.5rem;
+  --_bg: var(--leu-color-black-transp-10);
+  --_color: currentcolor;
 }
 
-.ghost:disabled .icon-wrapper--before {
-  background: var(--leu-color-black-transp-5);
+.ghost .icon-wrapper__slot {
+  display: block;
+  position: relative;
+  z-index: 1;
+  color: var(--_color);
 }
 
-.ghost:disabled .icon-wrapper--after {
-  background: var(--leu-color-black-transp-5);
+.ghost .icon-wrapper::before {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  left: 0;
+  top: -0.5rem;
+
+  width: 2rem;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background: var(--_bg);
 }
 
-/* inverted */
+.ghost.active .icon-wrapper {
+  --_bg: var(--leu-color-black-100);
+  --_color: var(--leu-color-black-0);
+}
 
-.ghost.inverted .icon-wrapper--before, .ghost.inverted .icon-wrapper--after {
-  background: var(--leu-color-black-transp-20);
+.ghost:disabled .icon-wrapper {
+  --_bg: var(--leu-color-black-transp-5);
 }
 
-.ghost.inverted:hover .icon-wrapper--before, .ghost.inverted:hover .icon-wrapper--after {
-  background: var(--leu-color-black-transp-40);
-  color: var(--leu-color-black-0);
+/* inverted */
+
+.ghost.inverted .icon-wrapper {
+  --_bg: var(--leu-color-black-transp-20);
 }
 
-.ghost.inverted:disabled .icon-wrapper--before {
-  background: var(--leu-color-black-transp-20);
-  color: var(--leu-color-white-transp-70);
+.ghost.inverted:hover .icon-wrapper {
+  --_bg: var(--leu-color-black-transp-40);
+  --_color: var(--leu-color-black-0);
 }
 
-.ghost.inverted:disabled .icon-wrapper--after {
-  background: var(--leu-color-black-transp-20);
-  color: var(--leu-color-white-transp-70);
+.ghost.inverted:disabled .icon-wrapper {
+  --_bg: var(--leu-color-black-transp-20);
+  --_color: var(--leu-color-white-transp-70);
 }
 
-.ghost.active.inverted .icon-wrapper--before, .ghost.active.inverted .icon-wrapper--after {
-  background: var(--leu-color-black-0);
-  color: var(--leu-color-black-100);
+.ghost.active.inverted .icon-wrapper {
+  --_bg: var(--leu-color-black-0);
+  --_color: var(--leu-color-black-100);
 }
 
 /* Expanded icon */
 
-.icon-wrapper--expanded {
+.icon-expanded leu-icon {
+  display: block;
+}
+
+.icon-expanded {
   transition: transform 0.1s ease;
 }
 
-:host([expanded="open"]) .icon-wrapper--expanded {
+:host([expanded="true"]) .icon-expanded {
   transform: rotate(180deg);
 }
 `;
@@ -354,7 +379,7 @@ class LeuButton extends LeuElement {
   }
   renderExpandingIcon() {
     if (typeof this.expanded !== "undefined" && this.variant === "ghost") {
-      return html`<div class="icon-wrapper icon-wrapper--expanded">
+      return html`<div class="icon-expanded">
         <leu-icon name="angleDropDown" size="24"></leu-icon>
       </div>`;
     }
@@ -404,9 +429,14 @@ class LeuButton extends LeuElement {
         ?disabled=${this.disabled}
         type=${this.type}
       >
-        <slot name="before" class="icon-wrapper icon-wrapper--before"></slot>
+        <div class="icon-wrapper icon-wrapper--before">
+          <slot name="before" class="icon-wrapper__slot"></slot>
+        </div>
         <span class="content"><slot></slot></span>
-        <slot name="after" class="icon-wrapper icon-wrapper--after"></slot>
+        <div class="icon-wrapper icon-wrapper--after">
+          <slot name="after" class="icon-wrapper__slot"></slot>
+        </div>
+
         ${this.renderExpandingIcon()}
       </button>
     `;

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-874a297c.js';
+import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
 import { css, html } from 'lit';
 
 var css_248z = css`.group {

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-874a297c.js';
+import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["Checkbox.js"],"names":[],"mappings":"AAiGA;;GAEG;AACH;IAGI,iBAAoB;IACpB,kBAAqB;IACrB,aAAc;IACd,cAAe;IAEjB,+BAIC;IACD,8BAEC;IACD,+CAgBC;CACF;gCArIqD,0BAA0B"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["Checkbox.js"],"names":[],"mappings":"AAgGA;;GAEG;AACH;IAGI,iBAAoB;IACpB,kBAAqB;IACrB,aAAc;IACd,cAAe;IAEjB,+BAIC;IACD,8BAEC;IACD,+CAgBC;CACF;gCApIqD,0BAA0B"}

package/dist/Checkbox.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
 import { css, html } from 'lit';
 import { LeuIcon } from './Icon.js';
 
@@ -20,8 +20,6 @@ var css_248z = css`:host {
   align-items: flex-start;
   gap: 0.5rem;
 
-  font-family: var(--leu-font-family-regular);
-
   font-family: var(--checkbox-font-regular);
 }
 
@@ -88,6 +86,7 @@ var css_248z = css`:host {
 
 .icon {
   position: absolute;
+  display: block;
   top: 0;
   left: 0;
   color: var(--checkbox-tick-color);

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-874a297c.js';
+import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["CheckboxGroup.js"],"names":[],"mappings":"AAqCA;;GAEG;AACH;IAGI,wCAAwC;IACxC,aADW,YAAY,GAAG,UAAU,CACL;IAC/B,aAAe;IAEjB,mBAEC;IACD,yBAEC;IACD,oBAEC;IACD,+CAWC;CACF;gCApEqD,0BAA0B"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["CheckboxGroup.js"],"names":[],"mappings":"AAmCA;;GAEG;AACH;IAGI,wCAAwC;IACxC,aADW,YAAY,GAAG,UAAU,CACL;IAC/B,aAAe;IAEjB,mBAEC;IACD,yBAEC;IACD,oBAEC;IACD,+CAWC;CACF;gCAlEqD,0BAA0B"}

package/dist/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 
@@ -6,8 +6,6 @@ var css_248z = css`:host {
   --group-font-regular: var(--leu-font-family-regular);
   --group-font-black: var(--leu-font-family-black);
 
-  font-family: var(--leu-font-family-regular);
-
   font-family: var(--group-font-regular);
 }
 

package/dist/Chip.d.ts

@@ -1,5 +1,5 @@
 export class LeuChipBase extends LeuElement {
     inverted: boolean;
 }
-import { L as LeuElement } from './LeuElement-874a297c.js';
+import { L as LeuElement } from './LeuElement-BjGpKQpe.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":"AAsJA;IAGI,kBAAqB;CAExB;gCA3JqD,0BAA0B"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["Chip.js"],"names":[],"mappings":"AAqJA;IAGI,kBAAqB;CAExB;gCA1JqD,0BAA0B"}

package/dist/Chip.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-874a297c.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
 import { css } from 'lit';
 
 var css_248z = css`:host *::before,
@@ -31,8 +31,6 @@ var css_248z = css`:host *::before,
 
   --leu-icon-size: 1rem;
 
-  font-family: var(--leu-font-family-regular);
-
   font-family: var(--chip-font-regular);
 
   /* Allow shrinking to achieve text truncation (ellipsis) */
@@ -62,7 +60,7 @@ var css_248z = css`:host *::before,
   border: none;
   border-radius: 1rem;
   background-color: var(--chip-background-color);
-  padding: 0.5rem 1rem;
+  padding: 8px 1rem;
 
   color: var(--chip-color);
   font-family: inherit;
@@ -73,6 +71,7 @@ var css_248z = css`:host *::before,
 
   display: inline-flex;
   gap: 0.5rem;
+  align-items: center;
 
   /* Allow shrinking to achieve text truncation (ellipsis) */
   min-width: 0;
@@ -116,10 +115,10 @@ var css_248z = css`:host *::before,
 }
 
 :host([size="small"]:not([variant="radio"])) .button {
-  padding: 0.5625rem 0.75rem 0.4375rem;
+  padding: 0.3125rem 0.75rem;
 
   font-size: 0.75rem;
-  line-height: 1;
+  line-height: 1.25rem;
 }
 
 :host([variant="radio"]) .button::before {

package/dist/ChipGroup.d.ts

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

package/dist/ChipGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["ChipGroup.js"],"names":[],"mappings":"AA8BA;;;;GAIG;AACH;IAiBM,aAAkB;IAEpB,kBAAqB;IACrB,qBAAqB;IACrB,cAAe;IAKf,6CAA6C;IAC7C,eADW,QAAQ,GAAG,UAAU,GAAG,MAAM,CACA;IA0B3C;;;;OAIG;IACH,+BAQC;IAjBD,sBAEC;IAiBD;;;;;;OAMG;IACH,yBAMC;IACD,4CAeC;CACF;AA7GD;;;;GAIG;gCA5BmD,0BAA0B"}
+{"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["ChipGroup.js"],"names":[],"mappings":"AA8BA;;;;GAIG;AACH;IAiBM,aAAkB;IAEpB,kBAAqB;IACrB,qBAAqB;IACrB,cAAe;IAKf,6CAA6C;IAC7C,eADW,QAAQ,GAAG,UAAU,GAAG,MAAM,CACA;IA0B3C;;;;OAIG;IACH,qBAFW,MAAM,EAAE,EAUlB;IAjBD,aAOW,MAAM,EAAE,CALlB;IAiBD;;;;;;OAMG;IACH,yBAMC;IACD,4CAeC;CACF;AA7GD;;;;GAIG;gCA5BmD,0BAA0B"}

package/dist/ChipGroup.js

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

package/dist/ChipLink.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-874a297c.js';
+import { _ as _defineProperty } from './LeuElement-BjGpKQpe.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 

package/dist/ChipRemovable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-874a297c.js';
+import { _ as _defineProperty } from './LeuElement-BjGpKQpe.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-874a297c.js';
+import { _ as _defineProperty } from './LeuElement-BjGpKQpe.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-874a297c.js';
+import { L as LeuElement } from './LeuElement-BjGpKQpe.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":"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"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["Dialog.js"],"names":[],"mappings":"AAqKA;;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;gCAlOqD,0BAA0B"}