@statistikzh/leu 0.15.0 → 0.15.1

package/dist/leu-dropdown.js

@@ -1,7 +1,7 @@
 import { LeuDropdown } from './Dropdown.js';
 import 'lit';
 import 'lit/directives/ref.js';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-icon.js

@@ -1,6 +1,6 @@
 import { LeuIcon } from './Icon.js';
 import 'lit';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 
 LeuIcon.define("leu-icon");
 

package/dist/leu-input.js

@@ -4,7 +4,7 @@ import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import 'lit/directives/live.js';
 import 'lit/directives/ref.js';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 import './Icon.js';
 
 LeuInput.define("leu-input");

package/dist/leu-menu-item.js

@@ -1,7 +1,7 @@
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit';
 import 'lit/directives/if-defined.js';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 import './Icon.js';
 
 LeuMenuItem.define("leu-menu-item");

package/dist/leu-menu.js

@@ -1,6 +1,6 @@
 import { LeuMenu } from './Menu.js';
 import 'lit';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 import './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/leu-pagination.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/live.js';
 import 'lit/decorators.js';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 import './Button.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-placeholder.js

@@ -1,6 +1,6 @@
 import { LeuPlaceholder } from './Placeholder.js';
 import 'lit';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 
 LeuPlaceholder.define("leu-placeholder");
 

package/dist/leu-popup.js

@@ -1,7 +1,7 @@
 import { LeuPopup } from './Popup.js';
 import 'lit';
 import '@floating-ui/dom';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 
 LeuPopup.define("leu-popup");
 

package/dist/leu-radio-group.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/decorators.js';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 import './Radio.js';
 
 LeuRadioGroup.define("leu-radio-group");

package/dist/leu-radio.js

@@ -2,7 +2,7 @@ import { LeuRadio } from './Radio.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 
 LeuRadio.define("leu-radio");
 

package/dist/leu-range.js

@@ -1,6 +1,6 @@
 import { LeuRange } from './Range.js';
 import 'lit';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 
 LeuRange.define("leu-range");
 

package/dist/leu-scroll-top.js

@@ -1,7 +1,7 @@
 import { LeuScrollTop } from './ScrollTop.js';
 import 'lit';
 import 'lit/directives/class-map.js';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-select.js

@@ -3,7 +3,7 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/ref.js';
 import 'lit/directives/if-defined.js';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-spinner.js

@@ -1,6 +1,6 @@
 import { LeuSpinner } from './Spinner.js';
 import 'lit';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 
 LeuSpinner.define("leu-spinner");
 

package/dist/leu-table.js

@@ -3,7 +3,7 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/style-map.js';
 import 'lit/directives/ref.js';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 import './Icon.js';
 import './Pagination.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-visually-hidden.js

@@ -1,6 +1,6 @@
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import 'lit';
-import './LeuElement-BhAmogDy.js';
+import './LeuElement-B84x5CPL.js';
 
 LeuVisuallyHidden.define("leu-visually-hidden");
 

package/dist/theme.css

@@ -62,7 +62,7 @@
 
   --leu-t-tiny-regular-spacing: 0.5625rem;
 
-  --leu-t-tiny-regular-font: var(--leu-t-tiny-regular-font-size) / var(--leu-t-tiny-regular-line-height) var(--leu-font-family-regular);
+  --leu-t-tiny-regular-font: normal var(--leu-t-tiny-regular-font-size) / var(--leu-t-tiny-regular-line-height) var(--leu-font-family-regular);
 
   --leu-t-tiny-black-font-size: 0.75rem;
 
@@ -70,7 +70,7 @@
 
   --leu-t-tiny-black-spacing: 0.5625rem;
 
-  --leu-t-tiny-black-font: var(--leu-t-tiny-black-font-size) / var(--leu-t-tiny-black-line-height) var(--leu-font-family-black);
+  --leu-t-tiny-black-font: normal var(--leu-t-tiny-black-font-size) / var(--leu-t-tiny-black-line-height) var(--leu-font-family-black);
 
   --leu-t-small-regular-font-size: 0.875rem;
 
@@ -78,7 +78,7 @@
 
   --leu-t-small-regular-spacing: 0.625rem;
 
-  --leu-t-small-regular-font: var(--leu-t-small-regular-font-size) / var(--leu-t-small-regular-line-height) var(--leu-font-family-regular);
+  --leu-t-small-regular-font: normal var(--leu-t-small-regular-font-size) / var(--leu-t-small-regular-line-height) var(--leu-font-family-regular);
 
   --leu-t-small-black-font-size: 0.875rem;
 
@@ -86,7 +86,7 @@
 
   --leu-t-small-black-spacing: 0.625rem;
 
-  --leu-t-small-black-font: var(--leu-t-small-black-font-size) / var(--leu-t-small-black-line-height) var(--leu-font-family-black);
+  --leu-t-small-black-font: normal var(--leu-t-small-black-font-size) / var(--leu-t-small-black-line-height) var(--leu-font-family-black);
 
   --leu-t-regular-regular-font-size: 1rem;
 
@@ -94,7 +94,7 @@
 
   --leu-t-regular-regular-spacing: 0.75rem;
 
-  --leu-t-regular-regular-font: var(--leu-t-regular-regular-font-size) / var(--leu-t-regular-regular-line-height) var(--leu-font-family-regular);
+  --leu-t-regular-regular-font: normal var(--leu-t-regular-regular-font-size) / var(--leu-t-regular-regular-line-height) var(--leu-font-family-regular);
 
   --leu-t-regular-black-font-size: 1rem;
 
@@ -102,7 +102,7 @@
 
   --leu-t-regular-black-spacing: 0.75rem;
 
-  --leu-t-regular-black-font: var(--leu-t-regular-black-font-size) / var(--leu-t-regular-black-line-height) var(--leu-font-family-black);
+  --leu-t-regular-black-font: normal var(--leu-t-regular-black-font-size) / var(--leu-t-regular-black-line-height) var(--leu-font-family-black);
 
   --leu-t-bigger-regular-regular-font-size: 1.125rem;
 
@@ -110,7 +110,7 @@
 
   --leu-t-bigger-regular-regular-spacing: 0.8125rem;
 
-  --leu-t-bigger-regular-regular-font: var(--leu-t-bigger-regular-regular-font-size) / var(--leu-t-bigger-regular-regular-line-height) var(--leu-font-family-regular);
+  --leu-t-bigger-regular-regular-font: normal var(--leu-t-bigger-regular-regular-font-size) / var(--leu-t-bigger-regular-regular-line-height) var(--leu-font-family-regular);
 
   --leu-t-bigger-regular-black-font-size: 1.125rem;
 
@@ -118,7 +118,7 @@
 
   --leu-t-bigger-regular-black-spacing: 0.75rem;
 
-  --leu-t-bigger-regular-black-font: var(--leu-t-bigger-regular-black-font-size) / var(--leu-t-bigger-regular-black-line-height) var(--leu-font-family-black);
+  --leu-t-bigger-regular-black-font: normal var(--leu-t-bigger-regular-black-font-size) / var(--leu-t-bigger-regular-black-line-height) var(--leu-font-family-black);
 
   --leu-t-medium-regular-font-size: 1.25rem;
 
@@ -126,7 +126,7 @@
 
   --leu-t-medium-regular-spacing: 0.9375rem;
 
-  --leu-t-medium-regular-font: var(--leu-t-medium-regular-font-size) / var(--leu-t-medium-regular-line-height) var(--leu-font-family-regular);
+  --leu-t-medium-regular-font: normal var(--leu-t-medium-regular-font-size) / var(--leu-t-medium-regular-line-height) var(--leu-font-family-regular);
 
   --leu-t-medium-black-font-size: 1.25rem;
 
@@ -134,7 +134,7 @@
 
   --leu-t-medium-black-spacing: 0.8125rem;
 
-  --leu-t-medium-black-font: var(--leu-t-medium-black-font-size) / var(--leu-t-medium-black-line-height) var(--leu-font-family-black);
+  --leu-t-medium-black-font: normal var(--leu-t-medium-black-font-size) / var(--leu-t-medium-black-line-height) var(--leu-font-family-black);
 
   --leu-t-large-regular-font-size: 1.5rem;
 
@@ -142,7 +142,7 @@
 
   --leu-t-large-regular-spacing: 1.125rem;
 
-  --leu-t-large-regular-font: var(--leu-t-large-regular-font-size) / var(--leu-t-large-regular-line-height) var(--leu-font-family-regular);
+  --leu-t-large-regular-font: normal var(--leu-t-large-regular-font-size) / var(--leu-t-large-regular-line-height) var(--leu-font-family-regular);
 
   --leu-t-large-black-font-size: 1.5rem;
 
@@ -150,7 +150,7 @@
 
   --leu-t-large-black-spacing: 0.9375rem;
 
-  --leu-t-large-black-font: var(--leu-t-large-black-font-size) / var(--leu-t-large-black-line-height) var(--leu-font-family-black);
+  --leu-t-large-black-font: normal var(--leu-t-large-black-font-size) / var(--leu-t-large-black-line-height) var(--leu-font-family-black);
 
   --leu-t-small-big-black-font-size: 1.75rem;
 
@@ -158,7 +158,7 @@
 
   --leu-t-small-big-black-spacing: 1.0625rem;
 
-  --leu-t-small-big-black-font: var(--leu-t-small-big-black-font-size) / var(--leu-t-small-big-black-line-height) var(--leu-font-family-black);
+  --leu-t-small-big-black-font: normal var(--leu-t-small-big-black-font-size) / var(--leu-t-small-big-black-line-height) var(--leu-font-family-black);
 
   --leu-t-big-black-font-size: 2rem;
 
@@ -166,7 +166,7 @@
 
   --leu-t-big-black-spacing: 1.1875rem;
 
-  --leu-t-big-black-font: var(--leu-t-big-black-font-size) / var(--leu-t-big-black-line-height) var(--leu-font-family-black);
+  --leu-t-big-black-font: normal var(--leu-t-big-black-font-size) / var(--leu-t-big-black-line-height) var(--leu-font-family-black);
 
   --leu-t-bigger-big-black-font-size: 2.5rem;
 
@@ -174,7 +174,7 @@
 
   --leu-t-bigger-big-black-spacing: 1.5rem;
 
-  --leu-t-bigger-big-black-font: var(--leu-t-bigger-big-black-font-size) / var(--leu-t-bigger-big-black-line-height) var(--leu-font-family-black);
+  --leu-t-bigger-big-black-font: normal var(--leu-t-bigger-big-black-font-size) / var(--leu-t-bigger-big-black-line-height) var(--leu-font-family-black);
 
   --leu-t-small-huge-black-font-size: 3rem;
 
@@ -182,7 +182,7 @@
 
   --leu-t-small-huge-black-spacing: 1.5rem;
 
-  --leu-t-small-huge-black-font: var(--leu-t-small-huge-black-font-size) / var(--leu-t-small-huge-black-line-height) var(--leu-font-family-black);
+  --leu-t-small-huge-black-font: normal var(--leu-t-small-huge-black-font-size) / var(--leu-t-small-huge-black-line-height) var(--leu-font-family-black);
 
   --leu-t-huge-black-font-size: 3.5rem;
 
@@ -190,7 +190,7 @@
 
   --leu-t-huge-black-spacing: 1.75rem;
 
-  --leu-t-huge-black-font: var(--leu-t-huge-black-font-size) / var(--leu-t-huge-black-line-height) var(--leu-font-family-black);
+  --leu-t-huge-black-font: normal var(--leu-t-huge-black-font-size) / var(--leu-t-huge-black-line-height) var(--leu-font-family-black);
 
   --leu-t-giant-black-font-size: 4.5rem;
 
@@ -198,7 +198,7 @@
 
   --leu-t-giant-black-spacing: 2.25rem;
 
-  --leu-t-giant-black-font: var(--leu-t-giant-black-font-size) / var(--leu-t-giant-black-line-height) var(--leu-font-family-black);
+  --leu-t-giant-black-font: normal var(--leu-t-giant-black-font-size) / var(--leu-t-giant-black-line-height) var(--leu-font-family-black);
 
   --leu-t-curve-tiny-regular-font-size:  var(--leu-t-tiny-regular-font-size);
 

package/dist/vscode.html-custom-data.json

@@ -34,6 +34,17 @@
         }
       ]
     },
+    {
+      "name": "leu-button-group",
+      "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/button-group"
+        }
+      ]
+    },
     {
       "name": "leu-button",
       "description": "\n---\n\n\n### **Slots:**\n - **before** - The icon to display before the label\n- **after** - The icon to display after the label\n- _default_ - The label of the button or the icon if no label is set",
@@ -110,13 +121,19 @@
       ]
     },
     {
-      "name": "leu-button-group",
-      "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
-      "attributes": [],
+      "name": "leu-chart-wrapper",
+      "description": "A wrapper element for charts.\n---\n\n\n### **Slots:**\n - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.\n- **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.\n- **chart** - The actual chart\n- **caption** - A caption for the chart, e.g. a source or explanation of the data.\n- **download** - A download button or dropdown to export the chart in different formats.",
+      "attributes": [
+        {
+          "name": "pending",
+          "description": "Whether the chart is currently loading or not.\nWhen set to `true`, a spinner will be shown in the chart container.",
+          "values": []
+        }
+      ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/button-group"
+          "url": "https://statistikzh.github.io/leu/?path=/story/chart-wrapper"
         }
       ]
     },
@@ -700,23 +717,6 @@
         }
       ]
     },
-    {
-      "name": "leu-chart-wrapper",
-      "description": "A wrapper element for charts.\n---\n\n\n### **Slots:**\n - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.\n- **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.\n- **chart** - The actual chart\n- **caption** - A caption for the chart, e.g. a source or explanation of the data.\n- **download** - A download button or dropdown to export the chart in different formats.",
-      "attributes": [
-        {
-          "name": "pending",
-          "description": "Whether the chart is currently loading or not.\nWhen set to `true`, a spinner will be shown in the chart container.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/chart-wrapper"
-        }
-      ]
-    },
     {
       "name": "leu-visually-hidden",
       "description": "\n---\n",

package/dist/vue/index.d.ts

@@ -1,8 +1,9 @@
 import type { DefineComponent } from "vue";
 
 import type { LeuAccordion } from "../Accordion.js";
-import type { LeuButton } from "../Button.js";
 import type { LeuButtonGroup } from "../ButtonGroup.js";
+import type { LeuButton } from "../Button.js";
+import type { LeuChartWrapper } from "../ChartWrapper.js";
 import type { LeuCheckbox } from "../Checkbox.js";
 import type { LeuCheckboxGroup } from "../CheckboxGroup.js";
 import type { LeuChipGroup } from "../ChipGroup.js";
@@ -25,7 +26,6 @@ import type { LeuScrollTop } from "../ScrollTop.js";
 import type { LeuSelect } from "../Select.js";
 import type { LeuSpinner } from "../Spinner.js";
 import type { LeuTable } from "../Table.js";
-import type { LeuChartWrapper } from "../ChartWrapper.js";
 import type { LeuVisuallyHidden } from "../VisuallyHidden.js";
 
 type LeuAccordionProps = {
@@ -39,6 +39,13 @@ type LeuAccordionProps = {
   label?: LeuAccordion["label"];
 };
 
+type LeuButtonGroupProps = {
+  /** The value of the currently selected (active) button */
+  value?: LeuButtonGroup["value"];
+  /** When the value of the group changes by clicking a button */
+  oninput?: (e: CustomEvent<never>) => void;
+};
+
 type LeuButtonProps = {
   /** `aria-label` of the underlying button elements.
 Use it to provide a label when only an icon is visible. */
@@ -70,11 +77,12 @@ If it is set, the icon will either show an expanded or collapsed state. */
   fluid?: LeuButton["fluid"];
 };
 
-type LeuButtonGroupProps = {
-  /** The value of the currently selected (active) button */
-  value?: LeuButtonGroup["value"];
-  /** When the value of the group changes by clicking a button */
-  oninput?: (e: CustomEvent<never>) => void;
+type LeuChartWrapperProps = {
+  /** Whether the chart is currently loading or not.
+When set to `true`, a spinner will be shown in the chart container. */
+  pending?: LeuChartWrapper["pending"];
+  /**  */
+  hasSlotController?: LeuChartWrapper["hasSlotController"];
 };
 
 type LeuCheckboxProps = {
@@ -426,14 +434,6 @@ type LeuTableProps = {
   _resizeObserver?: LeuTable["_resizeObserver"];
 };
 
-type LeuChartWrapperProps = {
-  /** Whether the chart is currently loading or not.
-When set to `true`, a spinner will be shown in the chart container. */
-  pending?: LeuChartWrapper["pending"];
-  /**  */
-  hasSlotController?: LeuChartWrapper["hasSlotController"];
-};
-
 type LeuVisuallyHiddenProps = {};
 
 export type CustomElements = {
@@ -447,6 +447,20 @@ export type CustomElements = {
    */
   "leu-accordion": DefineComponent<LeuAccordionProps>;
 
+  /**
+   * A radio input-like button group component.
+   * It allows only one button to be active at a time.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **input** - When the value of the group changes by clicking a button
+   *
+   * ### **Slots:**
+   *  - _default_ - Slot for the buttons
+   */
+  "leu-button-group": DefineComponent<LeuButtonGroupProps>;
+
   /**
    *
    * ---
@@ -460,18 +474,18 @@ export type CustomElements = {
   "leu-button": DefineComponent<LeuButtonProps>;
 
   /**
-   * A radio input-like button group component.
-   * It allows only one button to be active at a time.
+   * A wrapper element for charts.
    * ---
    *
    *
-   * ### **Events:**
-   *  - **input** - When the value of the group changes by clicking a button
-   *
    * ### **Slots:**
-   *  - _default_ - Slot for the buttons
+   *  - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.
+   * - **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.
+   * - **chart** - The actual chart
+   * - **caption** - A caption for the chart, e.g. a source or explanation of the data.
+   * - **download** - A download button or dropdown to export the chart in different formats.
    */
-  "leu-button-group": DefineComponent<LeuButtonGroupProps>;
+  "leu-chart-wrapper": DefineComponent<LeuChartWrapperProps>;
 
   /**
    *
@@ -713,20 +727,6 @@ export type CustomElements = {
    */
   "leu-table": DefineComponent<LeuTableProps>;
 
-  /**
-   * A wrapper element for charts.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.
-   * - **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.
-   * - **chart** - The actual chart
-   * - **caption** - A caption for the chart, e.g. a source or explanation of the data.
-   * - **download** - A download button or dropdown to export the chart in different formats.
-   */
-  "leu-chart-wrapper": DefineComponent<LeuChartWrapperProps>;
-
   /**
    *
    * ---