@statistikzh/leu 0.6.0 → 0.8.0

package/dist/Icon.d.ts

@@ -1,4 +1,100 @@
-export type IconPathName = "search" | "link" | "map" | "filter" | "time" | "hide" | "show" | "location" | "file" | "pause" | "play" | "stop" | "remove" | "clear" | "overflow" | "menu" | "close" | "home" | "email" | "forward" | "next" | "confirm" | "print" | "user" | "calendar" | "arrowDown" | "arrowUp" | "delete" | "minus" | "plus" | "comment" | "download" | "files" | "list" | "addNew" | "angleDropDown" | "angleDropup" | "angleLeft" | "angleRight" | "arrowLeft" | "arrowRight" | "caution" | "chatMessage" | "check" | "conference" | "confirmPlain" | "documents" | "edit" | "fileOutline" | "floppy" | "getInformation" | "lock" | "login" | "logout" | "mapLocateMe" | "mapLocation" | "mapNavigation" | "mapPin" | "menuOverflow" | "openMail" | "paperplane" | "paragraph" | "phoneCall" | "pin" | "resizeText" | "upload" | "cc" | "fastForward" | "fastRewind" | "fullScreen" | "playButton" | "previews" | "skipNext" | "skipPrevious" | "facebook" | "google" | "instagram" | "kununu" | "like" | "linkedin" | "love" | "repost" | "share" | "snapchat" | "twitter" | "users" | "vote" | "xing" | "youtube" | "youtubeLogo" | "smileyThrilled" | "smileySmile" | "smileyIndifferent" | "smileySad" | "smileyDevastated";
+export type IconPathName = keyof {
+    addNew: string;
+    angleDropDown: string;
+    angleDropup: string;
+    angleLeft: string;
+    angleRight: string;
+    arrowDown: string;
+    arrowLeft: string;
+    arrowRight: string;
+    arrowUp: string;
+    calendar: string;
+    caution: string;
+    chatMessage: string;
+    check: string;
+    clear: string;
+    close: string;
+    conference: string;
+    confirm: string;
+    confirmPlain: string;
+    delete: string;
+    documents: string;
+    download: string;
+    edit: string;
+    email: string;
+    file: string;
+    fileOutline: string;
+    files: string;
+    filter: string;
+    floppy: string;
+    forward: string;
+    getInformation: string;
+    hide: string;
+    home: string;
+    link: string;
+    list: string;
+    lock: string;
+    location: string;
+    login: string;
+    logout: string;
+    map: string;
+    mapLocateMe: string;
+    mapLocation: string;
+    mapNavigation: string;
+    mapPin: string;
+    menu: string;
+    menuOverflow: string;
+    minus: string;
+    openMail: string;
+    overflow: string;
+    paperplane: string;
+    paragraph: string;
+    phoneCall: string;
+    pin: string;
+    plus: string;
+    print: string;
+    remove: string;
+    resizeText: string;
+    search: string;
+    show: string;
+    time: string;
+    upload: string;
+    cc: string;
+    fastForward: string;
+    fastRewind: string;
+    fullScreen: string;
+    next: string;
+    pause: string;
+    play: string;
+    playButton: string;
+    previews: string;
+    skipNext: string;
+    skipPrevious: string;
+    stop: string;
+    comment: string;
+    facebook: string;
+    google: string;
+    instagram: string;
+    kununu: string;
+    like: string;
+    linkedin: string;
+    love: string;
+    repost: string;
+    share: string;
+    snapchat: string;
+    twitter: string;
+    user: string;
+    users: string;
+    vote: string;
+    xing: string;
+    youtube: string;
+    youtubeLogo: string;
+    smileyThrilled: string;
+    smileySmile: string;
+    smileyIndifferent: string;
+    smileySad: string;
+    smileyDevastated: string;
+};
 /**
  * A component to render all defined zhWeb icons.
  * The `fill` of the icon is set to `currentColor` and
@@ -16,5 +112,5 @@ export class LeuIcon extends LeuElement {
     name: any | "";
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6de6f209.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Icon.d.ts.map

package/dist/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["Icon.js"],"names":[],"mappings":";AAsHA;;;;;;;;;GASG;AACH;IAII;;OAEG;IACH,MAFU,GAA8B,GAAG,EAAE,CAE/B;IAEhB,+CAiBC;CACF;gCA3JqD,0BAA0B"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["Icon.js"],"names":[],"mappings":"2BAca;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAW;AAwGxB;;;;;;;;;GASG;AACH;IAII;;OAEG;IACH,MAFU,MAAiC,EAAE,CAE/B;IAEhB,+CAiBC;CACF;gCA3JqD,0BAA0B"}

package/dist/Icon.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6de6f209.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html, svg } from 'lit';
 
 var css_248z = css`svg,

package/dist/Input.d.ts

@@ -38,6 +38,7 @@ export class LeuInput extends LeuElement {
     _validity: any;
     validationMessages: {};
     novalidate: boolean;
+    value: string;
     /** @internal */
     _identifier: string;
     /**
@@ -45,6 +46,7 @@ export class LeuInput extends LeuElement {
      * @type {import("lit/directives/ref.js").Ref<HTMLInputElement>}
      */
     _inputRef: import("lit/directives/ref.js").Ref<HTMLInputElement>;
+    get valueAsNumber(): number;
     /**
      * Method for handling the click event of the wrapper element.
      * Redirect every click on the wrapper to the input element.
@@ -83,7 +85,6 @@ export class LeuInput extends LeuElement {
      * @returns {void}
      */
     private handleChange;
-    value: any;
     /**
      * Method for handling the input event of the input element.
      * Sets the value property and dispatches an input event so that
@@ -140,6 +141,10 @@ export class LeuInput extends LeuElement {
     isInvalid(): boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6de6f209.js';
+export const SIZES: Readonly<{
+    SMALL: "small";
+    REGULAR: "regular";
+}>;
+import { L as LeuElement } from './LeuElement-a20c5fd6.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":"AAySA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE,kEAKC;IAGC,kBAAqB;IACrB,kBAAqB;IACrB,mBAAsB;IAEtB,kCAAkC;IAClC,MADW,OAAO,GAAG,SAAS,CACT;IACrB,aAAkB;IAClB,eAAqB;IACrB,uBAA4B;IAC5B,oBAAuB;IAEvB,gBAAgB;IAChB,oBAAqB;IAErB;;;OAGG;IACH,WAFU,OAAO,uBAAuB,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAEnC;IAG9B;;;;;;;;;;OAUG;IACH,2BAIC;IAED;;;;;;OAMG;IACH,mBAKC;IAED;;;;;;OAMG;IACH,sBAEC;IAED;;;;;;;;OAQG;IACH,qBAMC;IAJG,WAA+B;IAMnC;;;;;;;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;gCA3lBqD,0BAA0B;wBAC7C,KAAK"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["Input.js"],"names":[],"mappings":"AA+SA;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;gCA1RmD,0BAA0B;wBAC7C,KAAK"}

package/dist/Input.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6de6f209.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
@@ -38,6 +38,7 @@ var css_248z = css`:host,
   --input-font-black: var(--leu-font-family-black);
 
   display: block;
+  font-family: var(--leu-font-family-regular);
   font-family: var(--input-font-regular);
 }
 
@@ -276,6 +277,11 @@ var css_248z = css`:host,
 }
 `;
 
+const SIZES = Object.freeze({
+  SMALL: "small",
+  REGULAR: "regular"
+});
+
 /**
  * TODO:
  * - Add section to docs about how to mark up suffix and prefix for screenreaders
@@ -338,11 +344,12 @@ class LeuInput extends LeuElement {
     this.clearable = false;
 
     /** @type {"small" | "regular"} */
-    this.size = "regular";
+    this.size = SIZES.REGULAR;
     this.type = "text";
     this._validity = null;
     this.validationMessages = {};
     this.novalidate = false;
+    this.value = "";
 
     /** @internal */
     this._identifier = "";
@@ -353,6 +360,12 @@ class LeuInput extends LeuElement {
      */
     this._inputRef = createRef();
   }
+  get valueAsNumber() {
+    if (this.value === "") {
+      return NaN;
+    }
+    return Number(this.value);
+  }
 
   /**
    * Method for handling the click event of the wrapper element.
@@ -699,4 +712,4 @@ _defineProperty(LeuInput, "properties", {
   }
 });
 
-export { LeuInput };
+export { LeuInput, SIZES };

package/dist/{LeuElement-6de6f209.d.ts → LeuElement-a20c5fd6.d.ts}

@@ -1,7 +1,7 @@
 declare class LeuElement extends LitElement {
     static define(name: any, constructor?: typeof LeuElement, options?: {}): void;
 }
-declare function _defineProperty(e: any, r: any, t: any): any;
+declare function _defineProperty(obj: any, key: any, value: any): any;
 import { LitElement } from 'lit';
 export { LeuElement as L, _defineProperty as _ };
-//# sourceMappingURL=LeuElement-6de6f209.d.ts.map
+//# sourceMappingURL=LeuElement-a20c5fd6.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeuElement-a20c5fd6.d.ts","sourceRoot":"","sources":["LeuElement-a20c5fd6.js"],"names":[],"mappings":"AA+BA;IACE,8EAcC;CACF;AA7CD,sEAaC;2BAf0B,KAAK"}

package/dist/LeuElement-a20c5fd6.js

@@ -0,0 +1,52 @@
+import { LitElement } from 'lit';
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+
+class LeuElement extends LitElement {
+  static define(name, constructor = this, options = {}) {
+    Object.entries(this.dependencies).forEach(([n, c]) => c.define(n));
+    const currentlyRegisteredConstructor = customElements.get(name);
+    if (currentlyRegisteredConstructor === undefined) {
+      customElements.define(name, constructor, options);
+      return;
+    }
+    if (currentlyRegisteredConstructor !== constructor) {
+      console.warn(`The custom element with the name <${name}> is already registered with a different constructor. This can happen when the same element has been loaded from different modules (e.g. multiple CDN requests or bundles).`);
+      return;
+    }
+    if (currentlyRegisteredConstructor.version !== constructor.version) {
+      console.warn(`The custom element with the name <${name}> is already defined with the same constructor but a different version (${currentlyRegisteredConstructor.version}).`);
+    }
+  }
+}
+_defineProperty(LeuElement, "version", "0.8.0");
+_defineProperty(LeuElement, "dependencies", {});
+
+export { LeuElement as L, _defineProperty as _ };

package/dist/Menu.d.ts

@@ -1,4 +1,4 @@
-export type SelectsType = "single" | "multiple" | "none";
+export type SelectsType = 'single' | 'multiple' | 'none';
 /**
  * @typedef {'single' | 'multiple' | 'none'} SelectsType
  */
@@ -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-6de6f209.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { LeuMenuItem } from './MenuItem.js';
 //# sourceMappingURL=Menu.d.ts.map

package/dist/Menu.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6de6f209.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';

package/dist/MenuItem.d.ts

@@ -1,4 +1,4 @@
-export type MenuItemRole = "menuitem" | "menuitemcheckbox" | "menuitemradio" | "option" | "none";
+export type MenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'option' | 'none';
 /**
  * @typedef {'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'option' | 'none'} MenuItemRole
  */
@@ -34,5 +34,5 @@ export class LeuMenuItem extends LeuElement {
     _renderButton(content: any): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6de6f209.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/MenuItem.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6de6f209.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LeuIcon } from './Icon.js';
@@ -11,10 +11,10 @@ var css_248z = css`:host,
 :host {
   --background: var(--leu-color-black-0);
   --background-hover: var(--leu-color-black-10);
-  --background-active: var(--leu-color-accent-blue);
+  --background-active: var(--leu-color-func-cyan);
   --background-disabled: var(--leu-color-black-black-0);
   --color: var(--leu-color-black-transp-60);
-  --color-active: var(--leu-color-black-0);
+  --color-active: var(--leu-color-black-100);
   --color-disabled: var(--leu-color-black-transp-20);
   --font-regular: var(--leu-font-family-regular);
   --font-black: var(--leu-font-family-black);
@@ -137,7 +137,7 @@ class LeuMenuItem extends LeuElement {
    * @returns {string}
    */
   getValue() {
-    return this.value || this.innerText;
+    return this.value || this.textContent.trim();
   }
   _getAria() {
     const commonAttributes = {

package/dist/Pagination.d.ts

@@ -30,5 +30,5 @@ export class LeuPagination extends LeuElement {
     _handleKeyDown(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6de6f209.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6de6f209.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
-import { L as LeuButton } from './Button-9692e403.js';
+import { L as LeuButton } from './Button-3adfb3ed.js';
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import { LeuIcon } from './Icon.js';
 import 'lit/directives/class-map.js';

package/dist/Popup.d.ts

@@ -32,5 +32,5 @@ export class LeuPopup extends LeuElement {
     handleAnchorChange(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6de6f209.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Popup.d.ts.map

package/dist/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["Popup.js"],"names":[],"mappings":"wBAuCa,KAAK,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,cAAc,GAAC,YAAY,GAAC,MAAM,GAAC,YAAY,GAAC,UAAU,GAAC,OAAO,GAAC,aAAa,GAAC,WAAW;AAD9I;;GAEG;AAEH;;GAEG;AACH;IAGI,cAAoB;IACpB,oBAAwB;IACxB,cAAiB;IACjB,eAAkB;IAClB,gBAAmB;IAEnB,wBAAwB;IACxB,WADW,SAAS,CACM;IAE1B,0CAA0C;IAC1C,WADW,OAAO,GAAG,QAAQ,GAAG,MAAM,CACZ;IAE1B,0CAA0C;IAC1C,UADW,OAAO,GAAG,QAAQ,GAAG,MAAM,CACb;IACzB,qBAAqB;IACrB,wBAAwB;IAExB,mCAAmC;IACnC,QADW,MAAM,GAAG,WAAW,CACR;IAMzB,sCAcC;IAED;;OAEG;IACH,2BAEC;IACD,cAKC;IACD,aAIC;IACD,mBAiEC;IACD,2BAiBC;IACD,+CAOC;CACF;gCArMqD,0BAA0B"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["Popup.js"],"names":[],"mappings":"wBAyCa,KAAK,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,cAAc,GAAC,YAAY,GAAC,MAAM,GAAC,YAAY,GAAC,UAAU,GAAC,OAAO,GAAC,aAAa,GAAC,WAAW;AAD9I;;GAEG;AAEH;;GAEG;AACH;IAGI,cAAoB;IACpB,oBAAwB;IACxB,cAAiB;IACjB,eAAkB;IAClB,gBAAmB;IAEnB,wBAAwB;IACxB,WADW,SAAS,CACM;IAE1B,0CAA0C;IAC1C,WADW,OAAO,GAAG,QAAQ,GAAG,MAAM,CACZ;IAE1B,0CAA0C;IAC1C,UADW,OAAO,GAAG,QAAQ,GAAG,MAAM,CACb;IACzB,qBAAqB;IACrB,wBAAwB;IAExB,mCAAmC;IACnC,QADW,MAAM,GAAG,WAAW,CACR;IAMzB,sCAcC;IAED;;OAEG;IACH,2BAEC;IACD,cAKC;IACD,aAIC;IACD,mBAiEC;IACD,2BAiBC;IACD,+CAOC;CACF;gCAvMqD,0BAA0B"}

package/dist/Popup.js

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

package/dist/Radio.d.ts

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

package/dist/Radio.d.ts.map

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

package/dist/Radio.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6de6f209.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host {
@@ -15,6 +15,8 @@ var css_248z = css`:host {
   align-items: flex-start;
   gap: 0.5rem;
 
+  font-family: var(--leu-font-family-regular);
+
   font-family: var(--radio-font-regular);
 }
 

package/dist/RadioGroup.d.ts

@@ -16,5 +16,5 @@ export class LeuRadioGroup extends LeuElement {
     initializeIndex(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6de6f209.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["RadioGroup.js"],"names":[],"mappings":"AAmCA;;GAEG;AACH;IAIM,sBAAiD;IA6BnD,oBAA+B;IAE/B,aAAe;IAEjB,iBAGC;IAUD,0BAIC;IACD,6BAIC;IACD,yBAEC;IACD,qCAIC;IACD,yDAaC;IACD,oBAQC;IACD,oBAIC;IACD,wBAIC;IACD,+CAWC;CACF;gCAvJqD,0BAA0B"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["RadioGroup.js"],"names":[],"mappings":"AAqCA;;GAEG;AACH;IAKM,sBAAiD;IA2BnD,oBAA+B;IAE/B,aAAe;IAEjB,iBAGC;IAUD,0BAaC;IACD,6BAMC;IACD,yBAEC;IACD,qCAIC;IACD,yDAaC;IACD,oBAQC;IACD,oBAIC;IACD,wBAIC;IACD,+CAWC;CACF;gCAnKqD,0BAA0B"}

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6de6f209.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 
@@ -6,6 +6,8 @@ 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);
 }
 
@@ -39,6 +41,7 @@ var css_248z = css`:host {
 class LeuRadioGroup extends LeuElement {
   constructor() {
     super();
+    /** @type {"horizontal" | "vertical"} */
     _defineProperty(this, "handleFocusIn", e => {
       this._currentIndex = this.items.indexOf(e.target);
     });
@@ -63,13 +66,11 @@ class LeuRadioGroup extends LeuElement {
       this.setTabIndex();
     });
     _defineProperty(this, "handleInput", e => {
-      if (e.target.checked) {
-        this.items.filter(item => item !== e.target).forEach(item => {
-          item.checked = false; // eslint-disable-line no-param-reassign
-        });
-      }
+      this.items.forEach(item => {
+        item.checked = item === e.target; // eslint-disable-line no-param-reassign
+      });
     });
-    this.orientation = "HORIZONTAL";
+    this.orientation = "horizontal";
     this._currentIndex = 0;
     this.items = [];
   }
@@ -87,12 +88,23 @@ class LeuRadioGroup extends LeuElement {
     this.removeEventListeners();
   }
   addEventListeners() {
-    this.addEventListener("input", this.handleInput);
+    /**
+     * It is technically possible to add an event listener to the host element
+     * before it is connected to the dom. In that case the outside event listener would
+     * be called before the following event listener. But at this point multiple
+     * radio buttons could be selected at the same time because `handleInput` hasn't been
+     * called yet. That's why we use the capture phase.
+     */
+    this.addEventListener("input", this.handleInput, {
+      capture: true
+    });
     this.addEventListener("focusin", this.handleFocusIn);
     this.addEventListener("keydown", this.handleKeyDown);
   }
   removeEventListeners() {
-    this.removeEventListener("input", this.handleInput);
+    this.removeEventListener("input", this.handleInput, {
+      capture: true
+    });
     this.removeEventListener("focusin", this.handleFocusIn);
     this.removeEventListener("keydown", this.handleKeyDown);
   }
@@ -140,7 +152,7 @@ class LeuRadioGroup extends LeuElement {
   render() {
     const fieldsetClasses = {
       fieldset: "true",
-      "fieldset--vertical": this.orientation === "VERTICAL"
+      "fieldset--vertical": this.orientation === "vertical"
     };
     return html`
       <fieldset class=${classMap(fieldsetClasses)}>

package/dist/ScrollTop.d.ts

@@ -15,5 +15,5 @@ export class LeuScrollTop extends LeuElement {
     _scrollListener: Function;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6de6f209.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=ScrollTop.d.ts.map

package/dist/ScrollTop.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6de6f209.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuButton } from './Button-9692e403.js';
+import { L as LeuButton } from './Button-3adfb3ed.js';
 import { LeuIcon } from './Icon.js';
 import { t as throttle } from './utils-65469421.js';
 import 'lit/directives/if-defined.js';

package/dist/Select.d.ts

@@ -131,6 +131,6 @@ export class LeuSelect extends LeuElement {
     _renderToggleButton(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6de6f209.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AA2PA;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmDC;IACD,wCAKC;IA4BC,cAAiB;IACjB,kBAAqB;IAErB,kBAAqB;IACrB,mBAAsB;IACtB,oBAAuB;IACvB,aAAe;IACf,cAAe;IACf,aAAc;IAEd,gBAAgB;IAChB,sBAAuB;IAEvB,gBAAgB;IAChB,2BAA6B;IAE7B,gBAAgB;IAChB,6BAAgC;IAEhC,gBAAgB;IAChB,sBAAuB;IAEvB;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,GAAiC,CAAC,CAE1C;IACnC;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAE1B;IAEnC;;OAEG;IACH,UAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,GAA8B,CAAC,CAE/C;IAU7B,sCAoBC;IAED;;;;OAIG;IACH,8CA0BC;IACD;;;OAGG;IACH,4BAFW,aAAa,iBAcvB;IAED;;;OAGG;IACH,iCAFW,aAAa,QAQvB;IAED;;;OAGG;IACH,oBAFa,uBAAgB,CAO5B;IACD,wBAMC;IACD,yBAMC;IACD,8BAOC;IACD,wBAIC;IACD,uBAMC;IACD,qCAEC;IAED;;;;OAIG;IACH,4CAEC;IACD,uCAoBC;IAED;;OAEG;IACH,uCAIC;IACD,4EAaC;IACD,4EAeC;IACD,4DAmCC;IACD,+CAmDC;CACF;gCA3qBqD,0BAA0B;wBAC7C,KAAK"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AA6PA;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmDC;IACD,wCAKC;IA4BC,cAAiB;IACjB,kBAAqB;IAErB,kBAAqB;IACrB,mBAAsB;IACtB,oBAAuB;IACvB,aAAe;IACf,cAAe;IACf,aAAc;IAEd,gBAAgB;IAChB,sBAAuB;IAEvB,gBAAgB;IAChB,2BAA6B;IAE7B,gBAAgB;IAChB,6BAAgC;IAEhC,gBAAgB;IAChB,sBAAuB;IAEvB;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,KAAmC,CAE1C;IACnC;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAE1B;IAEnC;;OAEG;IACH,UAFU,OAAO,oBAAoB,EAAE,GAAG,KAAgC,CAE/C;IAU7B,sCAoBC;IAED;;;;OAIG;IACH,8CA0BC;IACD;;;OAGG;IACH,4BAFW,aAAa,iBAcvB;IAED;;;OAGG;IACH,iCAFW,aAAa,QAQvB;IAED;;;OAGG;IACH,oBAFa,uBAAgB,CAO5B;IACD,wBAMC;IACD,yBAMC;IACD,8BAOC;IACD,wBAIC;IACD,uBAMC;IACD,qCAEC;IAED;;;;OAIG;IACH,4CAEC;IACD,uCAoBC;IAED;;OAEG;IACH,uCAIC;IACD,4EAaC;IACD,4EAeC;IACD,4DAmCC;IACD,+CAmDC;CACF;gCA7qBqD,0BAA0B;wBAC7C,KAAK"}

package/dist/Select.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6de6f209.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 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 { H as HasSlotController, L as LeuButton } from './Button-9692e403.js';
+import { H as HasSlotController, L as LeuButton } from './Button-3adfb3ed.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';
 import { LeuIcon } from './Icon.js';
@@ -53,6 +53,8 @@ var css_248z = css`:host,
   position: relative;
   display: block;
 
+  font-family: var(--leu-font-family-regular);
+
   font-family: var(--select-font-regular);
 }
 

package/dist/Table.d.ts

@@ -40,5 +40,5 @@ export class LeuTable extends LeuElement {
     get _data(): any[];
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6de6f209.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Table.d.ts.map

package/dist/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["Table.js"],"names":[],"mappings":"AAmHA;;GAEG;AACH;IAGI,oBAAoB;IACpB,eAAiB;IACjB,oBAAoB;IACpB,YAAc;IACd,sBAAsB;IACtB,mBADW,OAAO,CACY;IAC9B,qBAAqB;IACrB,cADW,MAAM,CACO;IACxB,qBAAqB;IACrB,WADW,MAAM,CACI;IACrB,sBAAsB;IACtB,cADW,OAAO,CACO;IACzB,qBAAqB;IACrB,OADW,MAAM,CACA;IAEjB,gBAAgB;IAChB,qBAAwB;IACxB,gBAAgB;IAChB,sBAAyB;IACzB,gBAAgB;IAChB,8DAA6B;IAE7B,gBAAgB;IAChB,cAAc;IACd,gCAEE;IAKJ,oEAKC;IACD,qBAGC;IACD,gCAGC;IACD,8BAEC;IACD,8GAQC;IACD,4BAEC;IACD,0BAQC;IAFG,kBAAsB;IAG1B,sDAIC;IACD,0DAEC;IACD,sBAEC;IACD,yBAMC;IACD,mBAEC;IACD,+CA6DC;CACF;gCAjRqD,0BAA0B"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["Table.js"],"names":[],"mappings":"AAoHA;;GAEG;AACH;IAGI,oBAAoB;IACpB,eAAiB;IACjB,oBAAoB;IACpB,YAAc;IACd,sBAAsB;IACtB,mBADW,OAAO,CACY;IAC9B,qBAAqB;IACrB,cADW,MAAM,CACO;IACxB,qBAAqB;IACrB,WADW,MAAM,CACI;IACrB,sBAAsB;IACtB,cADW,OAAO,CACO;IACzB,qBAAqB;IACrB,OADW,MAAM,CACA;IAEjB,gBAAgB;IAChB,qBAAwB;IACxB,gBAAgB;IAChB,sBAAyB;IACzB,gBAAgB;IAChB,8DAA6B;IAE7B,gBAAgB;IAChB,cAAc;IACd,gCAEE;IAKJ,oEAKC;IACD,qBAGC;IACD,gCAGC;IACD,8BAEC;IACD,8GAQC;IACD,4BAEC;IACD,0BAQC;IAFG,kBAAsB;IAG1B,sDAIC;IACD,0DAEC;IACD,sBAEC;IACD,yBAMC;IACD,mBAEC;IACD,+CA6DC;CACF;gCAlRqD,0BAA0B"}

package/dist/Table.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6de6f209.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
@@ -6,7 +6,7 @@ import { createRef, ref } from 'lit/directives/ref.js';
 import { LeuIcon } from './Icon.js';
 import { LeuPagination } from './Pagination.js';
 import 'lit/directives/live.js';
-import './Button-9692e403.js';
+import './Button-3adfb3ed.js';
 import 'lit/directives/if-defined.js';
 import './VisuallyHidden.js';
 
@@ -101,7 +101,8 @@ table.sticky th:first-child {
 div.shadow-left table.sticky td:first-child,
 div.shadow-left table.sticky th:first-child {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-  clip-path: inset(0 -15px 0 0);
+  -webkit-clip-path: inset(0 -15px 0 0);
+          clip-path: inset(0 -15px 0 0);
 }
 
 div.shadow-left {

package/dist/VisuallyHidden.d.ts

@@ -4,5 +4,5 @@
 export class LeuVisuallyHidden extends LeuElement {
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6de6f209.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=VisuallyHidden.d.ts.map

package/dist/VisuallyHidden.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["VisuallyHidden.js"],"names":[],"mappings":"AAeA;;GAEG;AACH;IACE,+CAEC;CACF;gCAtBqD,0BAA0B"}
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["VisuallyHidden.js"],"names":[],"mappings":"AAiBA;;GAEG;AACH;IACE,+CAEC;CACF;gCAxBqD,0BAA0B"}