@statistikzh/leu 0.8.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/.github/workflows/release-please.yml +3 -3
  2. package/CHANGELOG.md +19 -0
  3. package/dist/Accordion.d.ts +1 -1
  4. package/dist/Accordion.js +1 -1
  5. package/dist/Breadcrumb.d.ts +1 -1
  6. package/dist/Breadcrumb.js +1 -1
  7. package/dist/{Button-3adfb3ed.d.ts → Button-5a8009c5.d.ts} +2 -2
  8. package/dist/{Button-3adfb3ed.d.ts.map → Button-5a8009c5.d.ts.map} +1 -1
  9. package/dist/{Button-3adfb3ed.js → Button-5a8009c5.js} +3 -4
  10. package/dist/Button.d.ts +1 -1
  11. package/dist/Button.js +2 -2
  12. package/dist/ButtonGroup.d.ts +1 -1
  13. package/dist/ButtonGroup.js +1 -1
  14. package/dist/Checkbox.d.ts +1 -1
  15. package/dist/Checkbox.js +2 -2
  16. package/dist/CheckboxGroup.d.ts +1 -1
  17. package/dist/CheckboxGroup.js +1 -1
  18. package/dist/Chip.d.ts +1 -1
  19. package/dist/Chip.js +1 -1
  20. package/dist/ChipGroup.d.ts +1 -1
  21. package/dist/ChipGroup.js +1 -1
  22. package/dist/ChipLink.js +1 -1
  23. package/dist/ChipRemovable.js +1 -1
  24. package/dist/ChipSelectable.js +1 -1
  25. package/dist/Dropdown.d.ts +1 -1
  26. package/dist/Dropdown.js +3 -3
  27. package/dist/Icon.d.ts +1 -1
  28. package/dist/Icon.js +1 -1
  29. package/dist/Input.d.ts +1 -1
  30. package/dist/Input.js +1 -1
  31. package/dist/{LeuElement-a20c5fd6.d.ts → LeuElement-7ab5ef5e.d.ts} +1 -1
  32. package/dist/LeuElement-7ab5ef5e.d.ts.map +1 -0
  33. package/dist/{LeuElement-a20c5fd6.js → LeuElement-7ab5ef5e.js} +1 -1
  34. package/dist/Menu.d.ts +1 -1
  35. package/dist/Menu.js +1 -1
  36. package/dist/MenuItem.d.ts +5 -1
  37. package/dist/MenuItem.d.ts.map +1 -1
  38. package/dist/MenuItem.js +18 -3
  39. package/dist/Pagination.d.ts +1 -1
  40. package/dist/Pagination.js +2 -2
  41. package/dist/Popup.d.ts +1 -1
  42. package/dist/Popup.js +1 -1
  43. package/dist/Radio.d.ts +1 -1
  44. package/dist/Radio.js +2 -2
  45. package/dist/RadioGroup.d.ts +1 -1
  46. package/dist/RadioGroup.js +1 -1
  47. package/dist/ScrollTop.d.ts +1 -1
  48. package/dist/ScrollTop.js +2 -2
  49. package/dist/Select.d.ts +1 -1
  50. package/dist/Select.d.ts.map +1 -1
  51. package/dist/Select.js +9 -5
  52. package/dist/Spinner.d.ts +9 -0
  53. package/dist/Spinner.d.ts.map +1 -0
  54. package/dist/Spinner.js +53 -0
  55. package/dist/Table.d.ts +1 -1
  56. package/dist/Table.js +2 -2
  57. package/dist/VisuallyHidden.d.ts +1 -1
  58. package/dist/VisuallyHidden.js +1 -1
  59. package/dist/index.d.ts +1 -1
  60. package/dist/index.js +2 -2
  61. package/dist/leu-accordion.js +1 -1
  62. package/dist/leu-breadcrumb.js +1 -1
  63. package/dist/leu-button-group.js +1 -1
  64. package/dist/leu-button.d.ts +1 -1
  65. package/dist/leu-button.js +2 -2
  66. package/dist/leu-checkbox-group.js +1 -1
  67. package/dist/leu-checkbox.js +1 -1
  68. package/dist/leu-chip-group.js +1 -1
  69. package/dist/leu-chip-link.js +1 -1
  70. package/dist/leu-chip-removable.js +1 -1
  71. package/dist/leu-chip-selectable.js +1 -1
  72. package/dist/leu-dropdown.js +2 -2
  73. package/dist/leu-icon.js +1 -1
  74. package/dist/leu-input.js +1 -1
  75. package/dist/leu-menu-item.js +1 -1
  76. package/dist/leu-menu.js +1 -1
  77. package/dist/leu-pagination.js +2 -2
  78. package/dist/leu-popup.js +1 -1
  79. package/dist/leu-radio-group.js +1 -1
  80. package/dist/leu-radio.js +1 -1
  81. package/dist/leu-scroll-top.js +2 -2
  82. package/dist/leu-select.js +2 -2
  83. package/dist/leu-spinner.d.ts +3 -0
  84. package/dist/leu-spinner.d.ts.map +1 -0
  85. package/dist/leu-spinner.js +7 -0
  86. package/dist/leu-table.js +2 -2
  87. package/dist/leu-visually-hidden.js +1 -1
  88. package/dist/theme.css +52 -25
  89. package/dist/vscode.html-custom-data.json +16 -0
  90. package/dist/vue/index.d.ts +15 -0
  91. package/dist/web-types.json +19 -1
  92. package/package.json +1 -1
  93. package/scripts/generate-component/templates/[namespace]-[name].js +1 -2
  94. package/src/components/button/button.css +2 -3
  95. package/src/components/checkbox/Checkbox.js +1 -1
  96. package/src/components/checkbox/stories/checkbox.stories.js +7 -2
  97. package/src/components/dropdown/Dropdown.js +1 -1
  98. package/src/components/dropdown/test/dropdown.test.js +20 -3
  99. package/src/components/menu/MenuItem.js +21 -2
  100. package/src/components/menu/stories/menu-item.stories.js +18 -8
  101. package/src/components/menu/test/menu-item.test.js +23 -0
  102. package/src/components/radio/Radio.js +1 -1
  103. package/src/components/radio/stories/radio.stories.js +7 -1
  104. package/src/components/select/Select.js +8 -6
  105. package/src/components/select/test/select.test.js +30 -0
  106. package/src/components/spinner/Spinner.js +31 -0
  107. package/src/components/spinner/leu-spinner.js +5 -0
  108. package/src/components/spinner/spinner.css +20 -0
  109. package/src/components/spinner/stories/spinner.stories.js +29 -0
  110. package/src/components/spinner/test/spinner.test.js +30 -0
  111. package/src/styles/custom-properties.css +8 -3
  112. package/dist/LeuElement-a20c5fd6.d.ts.map +0 -1
@@ -0,0 +1,53 @@
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-7ab5ef5e.js';
2
+ import { css, html } from 'lit';
3
+
4
+ var css_248z = css`@keyframes leu-spinner-rotate {
5
+ from {
6
+ transform: rotate(0deg);
7
+ }
8
+
9
+ to {
10
+ transform: rotate(360deg);
11
+ }
12
+ }
13
+
14
+ :host {
15
+ color: var(--leu-color-func-cyan);
16
+ }
17
+
18
+ .spinner {
19
+ display: block;
20
+ width: 3.5rem;
21
+ width: var(--leu-spinner-size, 3.5rem);
22
+ height: 3.5rem;
23
+ height: var(--leu-spinner-size, 3.5rem);
24
+ animation: leu-spinner-rotate 1s cubic-bezier(0.49, 0.12, 0.56, 0.91) infinite;
25
+ }
26
+ `;
27
+
28
+ /**
29
+ * @tagname leu-spinner
30
+ * @cssprop --leu-spinner-size - The size of the spinner.
31
+ */
32
+ class LeuSpinner extends LeuElement {
33
+ render() {
34
+ return html`
35
+ <svg
36
+ class="spinner"
37
+ fill="none"
38
+ xmlns="http://www.w3.org/2000/svg"
39
+ viewBox="0 0 56 56"
40
+ role="presentation"
41
+ >
42
+ <path
43
+ d="M13.8579 13.858c7.8105-7.8105 20.4737-7.8105 28.2842 0 7.8105 7.8104 7.8105 20.4737 0 28.2842-7.8105 7.8105-20.4737 7.8105-28.2842 0-4.3487-4.3486-6.2761-10.2016-5.7824-15.8838"
44
+ stroke="currentColor"
45
+ stroke-width="3"
46
+ />
47
+ </svg>
48
+ `;
49
+ }
50
+ }
51
+ _defineProperty(LeuSpinner, "styles", css_248z);
52
+
53
+ export { LeuSpinner };
package/dist/Table.d.ts CHANGED
@@ -40,5 +40,5 @@ export class LeuTable extends LeuElement {
40
40
  get _data(): any[];
41
41
  render(): import("lit-html").TemplateResult<1>;
42
42
  }
43
- import { L as LeuElement } from './LeuElement-a20c5fd6.js';
43
+ import { L as LeuElement } from './LeuElement-7ab5ef5e.js';
44
44
  //# sourceMappingURL=Table.d.ts.map
package/dist/Table.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-7ab5ef5e.js';
2
2
  import { css, html, nothing } from 'lit';
3
3
  import { classMap } from 'lit/directives/class-map.js';
4
4
  import { styleMap } from 'lit/directives/style-map.js';
@@ -6,7 +6,7 @@ import { createRef, ref } from 'lit/directives/ref.js';
6
6
  import { LeuIcon } from './Icon.js';
7
7
  import { LeuPagination } from './Pagination.js';
8
8
  import 'lit/directives/live.js';
9
- import './Button-3adfb3ed.js';
9
+ import './Button-5a8009c5.js';
10
10
  import 'lit/directives/if-defined.js';
11
11
  import './VisuallyHidden.js';
12
12
 
@@ -4,5 +4,5 @@
4
4
  export class LeuVisuallyHidden extends LeuElement {
5
5
  render(): import("lit-html").TemplateResult<1>;
6
6
  }
7
- import { L as LeuElement } from './LeuElement-a20c5fd6.js';
7
+ import { L as LeuElement } from './LeuElement-7ab5ef5e.js';
8
8
  //# sourceMappingURL=VisuallyHidden.d.ts.map
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-7ab5ef5e.js';
2
2
  import { css, html } from 'lit';
3
3
 
4
4
  var css_248z = css`:host {
package/dist/index.d.ts CHANGED
@@ -16,6 +16,6 @@ export { LeuRadio } from "./Radio.js";
16
16
  export { LeuRadioGroup } from "./RadioGroup.js";
17
17
  export { LeuSelect } from "./Select.js";
18
18
  export { LeuTable } from "./Table.js";
19
- export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from "./Button-3adfb3ed.js";
19
+ export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from "./Button-5a8009c5.js";
20
20
  export { LeuInput, SIZES } from "./Input.js";
21
21
  //# sourceMappingURL=index.d.ts.map
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export { LeuAccordion } from './Accordion.js';
2
2
  export { LeuBreadcrumb } from './Breadcrumb.js';
3
- export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from './Button-3adfb3ed.js';
3
+ export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from './Button-5a8009c5.js';
4
4
  export { LeuButtonGroup } from './ButtonGroup.js';
5
5
  export { LeuCheckbox } from './Checkbox.js';
6
6
  export { LeuCheckboxGroup } from './CheckboxGroup.js';
@@ -18,7 +18,7 @@ export { LeuRadio } from './Radio.js';
18
18
  export { LeuRadioGroup } from './RadioGroup.js';
19
19
  export { LeuSelect } from './Select.js';
20
20
  export { LeuTable } from './Table.js';
21
- import './LeuElement-a20c5fd6.js';
21
+ import './LeuElement-7ab5ef5e.js';
22
22
  import 'lit';
23
23
  import 'lit/static-html.js';
24
24
  import 'lit/directives/ref.js';
@@ -1,5 +1,5 @@
1
1
  import { LeuAccordion } from './Accordion.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/static-html.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { LeuBreadcrumb } from './Breadcrumb.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/directives/ref.js';
5
5
  import 'lit/directives/class-map.js';
@@ -1,5 +1,5 @@
1
1
  import { LeuButtonGroup } from './ButtonGroup.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
 
5
5
  LeuButtonGroup.define("leu-button-group");
@@ -1,3 +1,3 @@
1
1
  export { LeuButton };
2
- import { L as LeuButton } from './Button-3adfb3ed.js';
2
+ import { L as LeuButton } from './Button-5a8009c5.js';
3
3
  //# sourceMappingURL=leu-button.d.ts.map
@@ -1,5 +1,5 @@
1
- import { L as LeuButton } from './Button-3adfb3ed.js';
2
- import './LeuElement-a20c5fd6.js';
1
+ import { L as LeuButton } from './Button-5a8009c5.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/directives/class-map.js';
5
5
  import 'lit/directives/if-defined.js';
@@ -1,5 +1,5 @@
1
1
  import { LeuCheckboxGroup } from './CheckboxGroup.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/directives/class-map.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { LeuCheckbox } from './Checkbox.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import './Icon.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { LeuChipGroup } from './ChipGroup.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/static-html.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { LeuChipLink } from './ChipLink.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import './Chip.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { LeuChipRemovable } from './ChipRemovable.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import './Chip.js';
5
5
  import './Icon.js';
@@ -1,5 +1,5 @@
1
1
  import { LeuChipSelectable } from './ChipSelectable.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import './Chip.js';
5
5
 
@@ -1,8 +1,8 @@
1
1
  import { LeuDropdown } from './Dropdown.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/directives/ref.js';
5
- import './Button-3adfb3ed.js';
5
+ import './Button-5a8009c5.js';
6
6
  import 'lit/directives/class-map.js';
7
7
  import 'lit/directives/if-defined.js';
8
8
  import './Icon.js';
package/dist/leu-icon.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { LeuIcon } from './Icon.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
 
5
5
  LeuIcon.define("leu-icon");
package/dist/leu-input.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { LeuInput } from './Input.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/directives/class-map.js';
5
5
  import 'lit/directives/if-defined.js';
@@ -1,5 +1,5 @@
1
1
  import { LeuMenuItem } from './MenuItem.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/directives/if-defined.js';
5
5
  import './Icon.js';
package/dist/leu-menu.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { LeuMenu } from './Menu.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import './MenuItem.js';
5
5
  import 'lit/directives/if-defined.js';
@@ -1,8 +1,8 @@
1
1
  import { LeuPagination } from './Pagination.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/directives/live.js';
5
- import './Button-3adfb3ed.js';
5
+ import './Button-5a8009c5.js';
6
6
  import 'lit/directives/class-map.js';
7
7
  import 'lit/directives/if-defined.js';
8
8
  import './Icon.js';
package/dist/leu-popup.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { LeuPopup } from './Popup.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import '@floating-ui/dom';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { LeuRadioGroup } from './RadioGroup.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/directives/class-map.js';
5
5
 
package/dist/leu-radio.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { LeuRadio } from './Radio.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
 
5
5
  LeuRadio.define("leu-radio");
@@ -1,8 +1,8 @@
1
1
  import { LeuScrollTop } from './ScrollTop.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/directives/class-map.js';
5
- import './Button-3adfb3ed.js';
5
+ import './Button-5a8009c5.js';
6
6
  import 'lit/directives/if-defined.js';
7
7
  import './Icon.js';
8
8
  import './utils-65469421.js';
@@ -1,10 +1,10 @@
1
1
  import { LeuSelect } from './Select.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/directives/class-map.js';
5
5
  import 'lit/directives/ref.js';
6
6
  import 'lit/directives/if-defined.js';
7
- import './Button-3adfb3ed.js';
7
+ import './Button-5a8009c5.js';
8
8
  import './Icon.js';
9
9
  import './Menu.js';
10
10
  import './MenuItem.js';
@@ -0,0 +1,3 @@
1
+ export { LeuSpinner };
2
+ import { LeuSpinner } from './Spinner.js';
3
+ //# sourceMappingURL=leu-spinner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-spinner.d.ts","sourceRoot":"","sources":["leu-spinner.js"],"names":[],"mappings":";2BAA2B,cAAc"}
@@ -0,0 +1,7 @@
1
+ import { LeuSpinner } from './Spinner.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
+ import 'lit';
4
+
5
+ LeuSpinner.define("leu-spinner");
6
+
7
+ export { LeuSpinner };
package/dist/leu-table.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { LeuTable } from './Table.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
  import 'lit/directives/class-map.js';
5
5
  import 'lit/directives/style-map.js';
@@ -7,7 +7,7 @@ import 'lit/directives/ref.js';
7
7
  import './Icon.js';
8
8
  import './Pagination.js';
9
9
  import 'lit/directives/live.js';
10
- import './Button-3adfb3ed.js';
10
+ import './Button-5a8009c5.js';
11
11
  import 'lit/directives/if-defined.js';
12
12
  import './VisuallyHidden.js';
13
13
 
@@ -1,5 +1,5 @@
1
1
  import { LeuVisuallyHidden } from './VisuallyHidden.js';
2
- import './LeuElement-a20c5fd6.js';
2
+ import './LeuElement-7ab5ef5e.js';
3
3
  import 'lit';
4
4
 
5
5
  LeuVisuallyHidden.define("leu-visually-hidden");
package/dist/theme.css CHANGED
@@ -1,4 +1,5 @@
1
- :root {
1
+ :root,
2
+ :host {
2
3
  --leu-color-black-100: #000;
3
4
  --leu-color-black-80: #333;
4
5
  --leu-color-black-60: #666;
@@ -42,8 +43,12 @@
42
43
  --leu-color-func-red: #d93c1a;
43
44
  --leu-color-func-green: #1a7f1f;
44
45
 
45
- --leu-font-family-regular: HelveticaNowRegular, Helvetica, sans-serif; /* stylelint-disable-line value-keyword-case */
46
- --leu-font-family-black: HelveticaNowBlack, Arial Black, Helvetica, sans-serif; /* stylelint-disable-line value-keyword-case */
46
+ /* stylelint-disable value-keyword-case */
47
+ --leu-font-family-regular: InterRegular, HelveticaNowRegular, Helvetica,
48
+ sans-serif;
49
+ --leu-font-family-black: InterBlack, HelveticaNowBlack, Arial Black, Helvetica,
50
+ sans-serif;
51
+ /* stylelint-enable value-keyword-case */
47
52
 
48
53
  --leu-box-shadow-short: 0px 0px 2px var(--leu-color-black-transp-40);
49
54
  --leu-box-shadow-regular: 0px 0px 16px var(--leu-color-black-transp-20);
@@ -260,7 +265,8 @@
260
265
  --leu-t-curve-180-black-font: var(--leu-t-70-black-font);
261
266
  }
262
267
  @media (min-width: 600px) {
263
- :root {
268
+ :root,
269
+ :host {
264
270
  --leu-t-curve-35-black-font-size: var(--leu-t-35-black-font-size);
265
271
  --leu-t-curve-35-black-line-height: var(--leu-t-35-black-line-height);
266
272
  --leu-t-curve-35-black-spacing: var(--leu-t-35-black-spacing);
@@ -268,7 +274,8 @@
268
274
  }
269
275
  }
270
276
  @media (min-width: 600px) {
271
- :root {
277
+ :root,
278
+ :host {
272
279
  --leu-t-curve-45-black-font-size: var(--leu-t-40-black-font-size);
273
280
  --leu-t-curve-45-black-line-height: var(--leu-t-40-black-line-height);
274
281
  --leu-t-curve-45-black-spacing: var(--leu-t-40-black-spacing);
@@ -276,7 +283,8 @@
276
283
  }
277
284
  }
278
285
  @media (min-width: 1024px) {
279
- :root {
286
+ :root,
287
+ :host {
280
288
  --leu-t-curve-45-black-font-size: var(--leu-t-45-black-font-size);
281
289
  --leu-t-curve-45-black-line-height: var(--leu-t-45-black-line-height);
282
290
  --leu-t-curve-45-black-spacing: var(--leu-t-45-black-spacing);
@@ -284,7 +292,8 @@
284
292
  }
285
293
  }
286
294
  @media (min-width: 400px) {
287
- :root {
295
+ :root,
296
+ :host {
288
297
  --leu-t-curve-50-black-font-size: var(--leu-t-45-black-font-size);
289
298
  --leu-t-curve-50-black-line-height: var(--leu-t-45-black-line-height);
290
299
  --leu-t-curve-50-black-spacing: var(--leu-t-45-black-spacing);
@@ -292,7 +301,8 @@
292
301
  }
293
302
  }
294
303
  @media (min-width: 1280px) {
295
- :root {
304
+ :root,
305
+ :host {
296
306
  --leu-t-curve-50-black-font-size: var(--leu-t-50-black-font-size);
297
307
  --leu-t-curve-50-black-line-height: var(--leu-t-50-black-line-height);
298
308
  --leu-t-curve-50-black-spacing: var(--leu-t-50-black-spacing);
@@ -300,7 +310,8 @@
300
310
  }
301
311
  }
302
312
  @media (min-width: 600px) {
303
- :root {
313
+ :root,
314
+ :host {
304
315
  --leu-t-curve-60-black-font-size: var(--leu-t-50-black-font-size);
305
316
  --leu-t-curve-60-black-line-height: var(--leu-t-50-black-line-height);
306
317
  --leu-t-curve-60-black-spacing: var(--leu-t-50-black-spacing);
@@ -308,7 +319,8 @@
308
319
  }
309
320
  }
310
321
  @media (min-width: 1280px) {
311
- :root {
322
+ :root,
323
+ :host {
312
324
  --leu-t-curve-60-black-font-size: var(--leu-t-60-black-font-size);
313
325
  --leu-t-curve-60-black-line-height: var(--leu-t-60-black-line-height);
314
326
  --leu-t-curve-60-black-spacing: var(--leu-t-60-black-spacing);
@@ -316,7 +328,8 @@
316
328
  }
317
329
  }
318
330
  @media (min-width: 400px) {
319
- :root {
331
+ :root,
332
+ :host {
320
333
  --leu-t-curve-70-black-font-size: var(--leu-t-50-black-font-size);
321
334
  --leu-t-curve-70-black-line-height: var(--leu-t-50-black-line-height);
322
335
  --leu-t-curve-70-black-spacing: var(--leu-t-50-black-spacing);
@@ -324,7 +337,8 @@
324
337
  }
325
338
  }
326
339
  @media (min-width: 1024px) {
327
- :root {
340
+ :root,
341
+ :host {
328
342
  --leu-t-curve-70-black-font-size: var(--leu-t-60-black-font-size);
329
343
  --leu-t-curve-70-black-line-height: var(--leu-t-60-black-line-height);
330
344
  --leu-t-curve-70-black-spacing: var(--leu-t-60-black-spacing);
@@ -332,7 +346,8 @@
332
346
  }
333
347
  }
334
348
  @media (min-width: 1280px) {
335
- :root {
349
+ :root,
350
+ :host {
336
351
  --leu-t-curve-70-black-font-size: var(--leu-t-70-black-font-size);
337
352
  --leu-t-curve-70-black-line-height: var(--leu-t-70-black-line-height);
338
353
  --leu-t-curve-70-black-spacing: var(--leu-t-70-black-spacing);
@@ -340,7 +355,8 @@
340
355
  }
341
356
  }
342
357
  @media (min-width: 600px) {
343
- :root {
358
+ :root,
359
+ :host {
344
360
  --leu-t-curve-80-black-font-size: var(--leu-t-60-black-font-size);
345
361
  --leu-t-curve-80-black-line-height: var(--leu-t-60-black-line-height);
346
362
  --leu-t-curve-80-black-spacing: var(--leu-t-60-black-spacing);
@@ -348,7 +364,8 @@
348
364
  }
349
365
  }
350
366
  @media (min-width: 1024px) {
351
- :root {
367
+ :root,
368
+ :host {
352
369
  --leu-t-curve-80-black-font-size: var(--leu-t-70-black-font-size);
353
370
  --leu-t-curve-80-black-line-height: var(--leu-t-70-black-line-height);
354
371
  --leu-t-curve-80-black-spacing: var(--leu-t-70-black-spacing);
@@ -356,7 +373,8 @@
356
373
  }
357
374
  }
358
375
  @media (min-width: 1280px) {
359
- :root {
376
+ :root,
377
+ :host {
360
378
  --leu-t-curve-80-black-font-size: var(--leu-t-80-black-font-size);
361
379
  --leu-t-curve-80-black-line-height: var(--leu-t-80-black-line-height);
362
380
  --leu-t-curve-80-black-spacing: var(--leu-t-80-black-spacing);
@@ -364,7 +382,8 @@
364
382
  }
365
383
  }
366
384
  @media (min-width: 600px) {
367
- :root {
385
+ :root,
386
+ :host {
368
387
  --leu-t-curve-120-black-font-size: var(--leu-t-70-black-font-size);
369
388
  --leu-t-curve-120-black-line-height: var(--leu-t-70-black-line-height);
370
389
  --leu-t-curve-120-black-spacing: var(--leu-t-70-black-spacing);
@@ -372,7 +391,8 @@
372
391
  }
373
392
  }
374
393
  @media (min-width: 840px) {
375
- :root {
394
+ :root,
395
+ :host {
376
396
  --leu-t-curve-120-black-font-size: var(--leu-t-80-black-font-size);
377
397
  --leu-t-curve-120-black-line-height: var(--leu-t-80-black-line-height);
378
398
  --leu-t-curve-120-black-spacing: var(--leu-t-80-black-spacing);
@@ -380,7 +400,8 @@
380
400
  }
381
401
  }
382
402
  @media (min-width: 1024px) {
383
- :root {
403
+ :root,
404
+ :host {
384
405
  --leu-t-curve-120-black-font-size: var(--leu-t-100-black-font-size);
385
406
  --leu-t-curve-120-black-line-height: var(--leu-t-100-black-line-height);
386
407
  --leu-t-curve-120-black-spacing: var(--leu-t-100-black-spacing);
@@ -388,7 +409,8 @@
388
409
  }
389
410
  }
390
411
  @media (min-width: 1280px) {
391
- :root {
412
+ :root,
413
+ :host {
392
414
  --leu-t-curve-120-black-font-size: var(--leu-t-120-black-font-size);
393
415
  --leu-t-curve-120-black-line-height: var(--leu-t-120-black-line-height);
394
416
  --leu-t-curve-120-black-spacing: var(--leu-t-120-black-spacing);
@@ -396,7 +418,8 @@
396
418
  }
397
419
  }
398
420
  @media (min-width: 400px) {
399
- :root {
421
+ :root,
422
+ :host {
400
423
  --leu-t-curve-180-black-font-size: var(--leu-t-80-black-font-size);
401
424
  --leu-t-curve-180-black-line-height: var(--leu-t-80-black-line-height);
402
425
  --leu-t-curve-180-black-spacing: var(--leu-t-80-black-spacing);
@@ -404,7 +427,8 @@
404
427
  }
405
428
  }
406
429
  @media (min-width: 600px) {
407
- :root {
430
+ :root,
431
+ :host {
408
432
  --leu-t-curve-180-black-font-size: var(--leu-t-100-black-font-size);
409
433
  --leu-t-curve-180-black-line-height: var(--leu-t-100-black-line-height);
410
434
  --leu-t-curve-180-black-spacing: var(--leu-t-100-black-spacing);
@@ -412,7 +436,8 @@
412
436
  }
413
437
  }
414
438
  @media (min-width: 840px) {
415
- :root {
439
+ :root,
440
+ :host {
416
441
  --leu-t-curve-180-black-font-size: var(--leu-t-120-black-font-size);
417
442
  --leu-t-curve-180-black-line-height: var(--leu-t-120-black-line-height);
418
443
  --leu-t-curve-180-black-spacing: var(--leu-t-120-black-spacing);
@@ -420,7 +445,8 @@
420
445
  }
421
446
  }
422
447
  @media (min-width: 1024px) {
423
- :root {
448
+ :root,
449
+ :host {
424
450
  --leu-t-curve-180-black-font-size: var(--leu-t-140-black-font-size);
425
451
  --leu-t-curve-180-black-line-height: var(--leu-t-140-black-line-height);
426
452
  --leu-t-curve-180-black-spacing: var(--leu-t-140-black-spacing);
@@ -428,7 +454,8 @@
428
454
  }
429
455
  }
430
456
  @media (min-width: 1280px) {
431
- :root {
457
+ :root,
458
+ :host {
432
459
  --leu-t-curve-180-black-font-size: var(--leu-t-180-black-font-size);
433
460
  --leu-t-curve-180-black-line-height: var(--leu-t-180-black-line-height);
434
461
  --leu-t-curve-180-black-spacing: var(--leu-t-180-black-spacing);
@@ -420,6 +420,11 @@
420
420
  "description": "Defines if the item is selected or checked",
421
421
  "values": []
422
422
  },
423
+ {
424
+ "name": "multipleSelection",
425
+ "description": "If the item is part of a multiple selection. Renders a checkmark before the label when active",
426
+ "values": []
427
+ },
423
428
  {
424
429
  "name": "disabled",
425
430
  "description": "Disables the underlying button or link",
@@ -603,6 +608,17 @@
603
608
  }
604
609
  ]
605
610
  },
611
+ {
612
+ "name": "leu-spinner",
613
+ "description": "\n---\n\n\n### **CSS Properties:**\n - **--leu-spinner-size** - The size of the spinner. _(default: undefined)_",
614
+ "attributes": [],
615
+ "references": [
616
+ {
617
+ "name": "Documentation",
618
+ "url": "https://statistikzh.github.io/leu/?path=/story/spinner"
619
+ }
620
+ ]
621
+ },
606
622
  {
607
623
  "name": "leu-table",
608
624
  "description": "\n---\n",