@statistikzh/leu 0.14.0 → 0.14.2

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 (131) hide show
  1. package/.storybook/preview.js +11 -0
  2. package/CHANGELOG.md +18 -0
  3. package/README.md +0 -67
  4. package/dist/Accordion.d.ts +1 -1
  5. package/dist/Accordion.d.ts.map +1 -1
  6. package/dist/Accordion.js +7 -5
  7. package/dist/Button.d.ts +1 -1
  8. package/dist/Button.js +2 -2
  9. package/dist/ButtonGroup.d.ts +1 -1
  10. package/dist/ButtonGroup.js +1 -1
  11. package/dist/Checkbox.d.ts +1 -1
  12. package/dist/Checkbox.js +1 -1
  13. package/dist/CheckboxGroup.d.ts +1 -1
  14. package/dist/CheckboxGroup.js +1 -1
  15. package/dist/Chip.d.ts +1 -1
  16. package/dist/Chip.js +1 -1
  17. package/dist/ChipGroup.d.ts +1 -1
  18. package/dist/ChipGroup.js +1 -1
  19. package/dist/ChipLink.js +1 -1
  20. package/dist/ChipRemovable.js +1 -1
  21. package/dist/ChipSelectable.js +1 -1
  22. package/dist/Dialog.d.ts +1 -1
  23. package/dist/Dialog.js +2 -2
  24. package/dist/Dropdown.d.ts +1 -1
  25. package/dist/Dropdown.js +2 -2
  26. package/dist/Icon.d.ts +1 -1
  27. package/dist/Icon.js +1 -1
  28. package/dist/Input.d.ts +2 -2
  29. package/dist/Input.d.ts.map +1 -1
  30. package/dist/Input.js +4 -5
  31. package/dist/{LeuElement-BjGpKQpe.d.ts → LeuElement-BI1CxItv.d.ts} +1 -1
  32. package/dist/LeuElement-BI1CxItv.d.ts.map +1 -0
  33. package/dist/{LeuElement-BjGpKQpe.js → LeuElement-BI1CxItv.js} +1 -1
  34. package/dist/Menu.d.ts +1 -1
  35. package/dist/Menu.js +1 -1
  36. package/dist/MenuItem.d.ts +1 -1
  37. package/dist/MenuItem.js +1 -1
  38. package/dist/Pagination.d.ts +1 -1
  39. package/dist/Pagination.js +2 -2
  40. package/dist/Popup.d.ts +1 -1
  41. package/dist/Popup.js +1 -1
  42. package/dist/Radio.d.ts +1 -1
  43. package/dist/Radio.js +1 -1
  44. package/dist/RadioGroup.d.ts +1 -1
  45. package/dist/RadioGroup.js +1 -1
  46. package/dist/Range.d.ts +1 -1
  47. package/dist/Range.js +1 -1
  48. package/dist/ScrollTop.d.ts +1 -1
  49. package/dist/ScrollTop.js +2 -2
  50. package/dist/Select.d.ts +1 -5
  51. package/dist/Select.d.ts.map +1 -1
  52. package/dist/Select.js +3 -16
  53. package/dist/Spinner.d.ts +1 -1
  54. package/dist/Spinner.js +1 -1
  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/{hasSlotController-DvFw2NdC.d.ts → hasSlotController-CCPfIEw1.d.ts} +1 -1
  60. package/dist/{hasSlotController-DvFw2NdC.d.ts.map → hasSlotController-CCPfIEw1.d.ts.map} +1 -1
  61. package/dist/{hasSlotController-DvFw2NdC.js → hasSlotController-CCPfIEw1.js} +1 -1
  62. package/dist/index.d.ts +1 -1
  63. package/dist/index.js +2 -2
  64. package/dist/leu-accordion.js +1 -1
  65. package/dist/leu-button-group.js +1 -1
  66. package/dist/leu-button.js +2 -2
  67. package/dist/leu-checkbox-group.js +1 -1
  68. package/dist/leu-checkbox.js +1 -1
  69. package/dist/leu-chip-group.js +1 -1
  70. package/dist/leu-chip-link.js +1 -1
  71. package/dist/leu-chip-removable.js +1 -1
  72. package/dist/leu-chip-selectable.js +1 -1
  73. package/dist/leu-dialog.js +2 -2
  74. package/dist/leu-dropdown.js +2 -2
  75. package/dist/leu-icon.js +1 -1
  76. package/dist/leu-input.js +1 -1
  77. package/dist/leu-menu-item.js +1 -1
  78. package/dist/leu-menu.js +1 -1
  79. package/dist/leu-pagination.js +2 -2
  80. package/dist/leu-popup.js +1 -1
  81. package/dist/leu-radio-group.js +1 -1
  82. package/dist/leu-radio.js +1 -1
  83. package/dist/leu-range.js +1 -1
  84. package/dist/leu-scroll-top.js +2 -2
  85. package/dist/leu-select.js +2 -2
  86. package/dist/leu-spinner.js +1 -1
  87. package/dist/leu-table.js +2 -2
  88. package/dist/leu-visually-hidden.js +1 -1
  89. package/dist/theme.css +4 -4
  90. package/dist/vscode.html-custom-data.json +1 -1
  91. package/dist/vue/index.d.ts +0 -1
  92. package/dist/web-types.json +2 -2
  93. package/package.json +3 -3
  94. package/scripts/generate-component/templates/stories/[name].stories.js +1 -1
  95. package/src/components/accordion/Accordion.js +1 -1
  96. package/src/components/accordion/accordion.css +6 -3
  97. package/src/components/accordion/stories/accordion.stories.js +7 -6
  98. package/src/components/button/stories/button.stories.js +1 -1
  99. package/src/components/button-group/stories/button-group.stories.js +1 -1
  100. package/src/components/checkbox/stories/checkbox-group.stories.js +1 -1
  101. package/src/components/checkbox/stories/checkbox.stories.js +1 -1
  102. package/src/components/chip/stories/chip-group.stories.js +1 -1
  103. package/src/components/chip/stories/chip-link.stories.js +1 -1
  104. package/src/components/chip/stories/chip-removable.stories.js +1 -1
  105. package/src/components/chip/stories/chip-selectable.stories.js +1 -1
  106. package/src/components/dialog/stories/dialog.stories.js +1 -1
  107. package/src/components/dropdown/stories/dropdown.stories.js +1 -1
  108. package/src/components/icon/stories/icon.stories.js +1 -1
  109. package/src/components/input/Input.js +1 -1
  110. package/src/components/input/input.css +2 -2
  111. package/src/components/input/stories/input.stories.js +1 -2
  112. package/src/components/menu/stories/menu-item.stories.js +1 -1
  113. package/src/components/menu/stories/menu.stories.js +1 -1
  114. package/src/components/pagination/stories/pagination.stories.js +1 -1
  115. package/src/components/popup/stories/popup.stories.js +1 -1
  116. package/src/components/radio/stories/radio-group.stories.js +1 -1
  117. package/src/components/radio/stories/radio.stories.js +1 -1
  118. package/src/components/range/stories/range-slider.stories.js +1 -1
  119. package/src/components/scroll-top/stories/scroll-top.stories.js +1 -1
  120. package/src/components/select/Select.js +1 -17
  121. package/src/components/select/stories/select.stories.js +2 -2
  122. package/src/components/spinner/stories/spinner.stories.js +1 -1
  123. package/src/components/table/stories/table.stories.js +1 -1
  124. package/src/components/visually-hidden/stories/visually-hidden.stories.js +1 -1
  125. package/src/docs/contributing.mdx +154 -0
  126. package/src/docs/installation.mdx +35 -0
  127. package/src/docs/theme.mdx +349 -0
  128. package/src/docs/usage.mdx +73 -0
  129. package/src/styles/custom-properties.css +4 -4
  130. package/src/styles/style.stories.js +1 -1
  131. package/dist/LeuElement-BjGpKQpe.d.ts.map +0 -1
@@ -6,6 +6,7 @@ import customElemenents from "../dist/custom-elements.json"
6
6
  setCustomElementsManifest(customElemenents)
7
7
 
8
8
  const preview = {
9
+ tags: ["autodocs"],
9
10
  parameters: {
10
11
  actions: { argTypesRegex: "^on[A-Z].*" },
11
12
  controls: {
@@ -13,6 +14,16 @@ const preview = {
13
14
  color: /(background|color)$/i,
14
15
  },
15
16
  },
17
+ options: {
18
+ storySort: {
19
+ order: [
20
+ "Introduction",
21
+ ["Installation", "Usage", "Theme", "Contributing"],
22
+ "Components",
23
+ "*",
24
+ ],
25
+ },
26
+ },
16
27
  viewport: {
17
28
  viewports: [
18
29
  {
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.14.2](https://github.com/statistikZH/leu/compare/v0.14.1...v0.14.2) (2025-04-15)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * **theme:** add quotes to font family names ([9e51bd0](https://github.com/statistikZH/leu/commit/9e51bd09b408c9e4d56126b7e65e68ecd368e876))
9
+
10
+ ## [0.14.1](https://github.com/statistikZH/leu/compare/v0.14.0...v0.14.1) (2025-04-02)
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * **accordion:** ensure that the heading level is an integer ([bfb65be](https://github.com/statistikZH/leu/commit/bfb65be83d89b5344c96bd1b10c4b6454c66aee0))
16
+ * **accordion:** properly hide content when accordion is closed ([bfb65be](https://github.com/statistikZH/leu/commit/bfb65be83d89b5344c96bd1b10c4b6454c66aee0))
17
+ * **accordion:** use a known property value for margin & formatting ([bfb65be](https://github.com/statistikZH/leu/commit/bfb65be83d89b5344c96bd1b10c4b6454c66aee0))
18
+ * **input:** fix height of inputs with prefix or suffix ([12d6848](https://github.com/statistikZH/leu/commit/12d6848846dd957f7ea8adb0c3dbb11da39a29d0))
19
+ * **select:** don't close the popup when focus leaves the element for now ([74811bc](https://github.com/statistikZH/leu/commit/74811bc481859e8bf3a25bd84eef95d678c171b1))
20
+
3
21
  ## [0.14.0](https://github.com/statistikZH/leu/compare/v0.13.1...v0.14.0) (2025-02-26)
4
22
 
5
23
 
package/README.md CHANGED
@@ -95,73 +95,6 @@ To build a production version of Storybook, run
95
95
  npm run storybook:build
96
96
  ```
97
97
 
98
- ## Create a new component
99
-
100
- To create a starting point for a new component, run
101
-
102
- ```bash
103
- ./scripts/generate-component/generate.js
104
- ```
105
-
106
- Running it with `--help` will show you all available options.
107
-
108
- ## Development guidelines
109
-
110
- A few rules are necessary when developing a component library. The following conventions and guidelines should be followed when new features are implemented.
111
-
112
- At the same time they're not set in stone. If the there is a good reason to change them open a pull request.
113
-
114
- ### Naming
115
-
116
- Every element or custom property that will be globally available has to be prefixed with `leu`.
117
-
118
- ```js
119
- /* Custom elements */
120
- class LeuRadio extends LeuElement {
121
- ...
122
- }
123
-
124
- window.customElements.define("leu-input", LeuInput)
125
- ```
126
-
127
- ```css
128
- /* CSS custom property of the theme */
129
- :root {
130
- --leu-color-black-0: #000;
131
- }
132
- ```
133
-
134
- ### Scoped styles
135
-
136
- All CSS declarations have to live inside a custom element. This way we ensure that the styles won't interfere with the environment they're loaded into.
137
- Styles that are shared between components should be defined as global custom properties inside the `styles/custom-properties.css`.
138
- When a global custom property is used inside a component it could be a good practice to assign them to a local custom property with a semantic naming.
139
- This only make a sense when the component has a certain complexity and the global custom property are used multiple times.
140
-
141
- ```css
142
- :host {
143
- --radio-color-disabled: var(--leu-color-black-20);
144
- }
145
- ```
146
-
147
- ### Value property
148
-
149
- All custom elements that contain a value of some sort have to implement a `value` property.
150
- Everytime the value of the `value` property changes a `input` event has to be dispatched.
151
- This behaviour matches the way [Observable](https://observablehq.com) handles and observes changes of values that are contained in arbitrary elements. We decided to take over this pattern as it is usable in every other environment too.
152
-
153
- ### Custom events
154
-
155
- In case of a custom event that is meant to be catched by an other component of this library, the name of this event has to be prefixed too.
156
-
157
- ```js
158
- this.dispatchEvent(new Event("leu:select", { bubbles: true, composed: true }))
159
- ```
160
-
161
- ### Dependencies
162
-
163
- Use as little dependencies as possible and as many as needed.
164
-
165
98
  ## Contributors
166
99
 
167
100
  Thanks to the following people who have contributed to this project
@@ -28,5 +28,5 @@ export class LeuAccordion extends LeuElement {
28
28
  _handleToggleClick(): void;
29
29
  render(): import("lit-html").TemplateResult;
30
30
  }
31
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
31
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
32
32
  //# sourceMappingURL=Accordion.d.ts.map
@@ -1 +1 @@
1
- {"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"}
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"}
package/dist/Accordion.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, nothing } from 'lit';
3
3
  import { unsafeStatic, html } from 'lit/static-html.js';
4
4
 
@@ -27,7 +27,7 @@ var css_248z = css`:host {
27
27
  width: 100%;
28
28
  background: none;
29
29
  padding: 1rem 0;
30
- margin: none;
30
+ margin: 0;
31
31
  cursor: pointer;
32
32
 
33
33
  border: none;
@@ -107,6 +107,8 @@ var css_248z = css`:host {
107
107
  }
108
108
  .contentwrapper[hidden] {
109
109
  grid-template-rows: 0fr;
110
+ opacity: 0;
111
+ visibility: hidden;
110
112
  }
111
113
  slot[name="content"] {
112
114
  display: block;
@@ -123,7 +125,6 @@ slot[name="content"] {
123
125
  }
124
126
  }
125
127
  .divider {
126
-
127
128
  width: 100%;
128
129
  height: 1px;
129
130
  margin: 0;
@@ -131,7 +132,8 @@ slot[name="content"] {
131
132
  border: none;
132
133
  background-color: var(--divider-color);
133
134
 
134
- transition: transform var(--transition), background-color var(--transition);
135
+ transition:
136
+ transform var(--transition), background-color var(--transition);
135
137
  }
136
138
  :host(:not([open])) .heading:hover ~ .divider {
137
139
  background-color: var(--divider-color-active);
@@ -172,7 +174,7 @@ class LeuAccordion extends LeuElement {
172
174
  _getHeadingTag() {
173
175
  let level = 2;
174
176
  if (this.headingLevel > 0 && this.headingLevel < 7) {
175
- level = this.headingLevel;
177
+ level = Math.floor(this.headingLevel);
176
178
  }
177
179
  return `h${level}`;
178
180
  }
package/dist/Button.d.ts CHANGED
@@ -41,6 +41,6 @@ export class LeuButton extends LeuElement {
41
41
  hasTextContent(): boolean;
42
42
  render(): import("lit-html").TemplateResult<1>;
43
43
  }
44
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
44
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
45
45
  import { nothing } from 'lit';
46
46
  //# sourceMappingURL=Button.d.ts.map
package/dist/Button.js CHANGED
@@ -1,9 +1,9 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html, nothing } from 'lit';
3
3
  import { classMap } from 'lit/directives/class-map.js';
4
4
  import { ifDefined } from 'lit/directives/if-defined.js';
5
5
  import { LeuIcon } from './Icon.js';
6
- import { H as HasSlotController } from './hasSlotController-DvFw2NdC.js';
6
+ import { H as HasSlotController } from './hasSlotController-CCPfIEw1.js';
7
7
 
8
8
  /**
9
9
  * All roles that are associated with a aria-checked attribute
@@ -20,5 +20,5 @@ export class LeuButtonGroup extends LeuElement {
20
20
  _handleButtonClick(button: any): void;
21
21
  render(): import("lit-html").TemplateResult<1>;
22
22
  }
23
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
23
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
24
24
  //# sourceMappingURL=ButtonGroup.d.ts.map
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html } from 'lit';
3
3
 
4
4
  var css_248z = css`.group {
@@ -10,5 +10,5 @@ export class LeuCheckbox extends LeuElement {
10
10
  handleInput(event: any): void;
11
11
  render(): import("lit-html").TemplateResult<1>;
12
12
  }
13
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
13
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
14
14
  //# sourceMappingURL=Checkbox.d.ts.map
package/dist/Checkbox.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html } from 'lit';
3
3
  import { LeuIcon } from './Icon.js';
4
4
 
@@ -10,5 +10,5 @@ export class LeuCheckboxGroup extends LeuElement {
10
10
  handleItems(): void;
11
11
  render(): import("lit-html").TemplateResult<1>;
12
12
  }
13
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
13
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
14
14
  //# sourceMappingURL=CheckboxGroup.d.ts.map
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html } from 'lit';
3
3
  import { classMap } from 'lit/directives/class-map.js';
4
4
 
package/dist/Chip.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export class LeuChipBase extends LeuElement {
2
2
  inverted: boolean;
3
3
  }
4
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
4
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
5
5
  //# sourceMappingURL=Chip.d.ts.map
package/dist/Chip.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css } from 'lit';
3
3
 
4
4
  var css_248z = css`:host *::before,
@@ -32,5 +32,5 @@ export const SELECTION_MODES: Readonly<{
32
32
  multiple: "multiple";
33
33
  none: "none";
34
34
  }>;
35
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
35
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
36
36
  //# sourceMappingURL=ChipGroup.d.ts.map
package/dist/ChipGroup.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { unsafeStatic, html } from 'lit/static-html.js';
3
3
  import { css } from 'lit';
4
4
 
package/dist/ChipLink.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty } from './LeuElement-BI1CxItv.js';
2
2
  import { html } from 'lit';
3
3
  import { LeuChipBase } from './Chip.js';
4
4
 
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty } from './LeuElement-BI1CxItv.js';
2
2
  import { html } from 'lit';
3
3
  import { LeuChipBase } from './Chip.js';
4
4
  import { LeuIcon } from './Icon.js';
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty } from './LeuElement-BI1CxItv.js';
2
2
  import { html } from 'lit';
3
3
  import { LeuChipBase } from './Chip.js';
4
4
 
package/dist/Dialog.d.ts CHANGED
@@ -13,5 +13,5 @@ export class LeuDialog extends LeuElement {
13
13
  close(): void;
14
14
  render(): import("lit-html").TemplateResult<1>;
15
15
  }
16
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
16
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
17
17
  //# sourceMappingURL=Dialog.d.ts.map
package/dist/Dialog.js CHANGED
@@ -1,8 +1,8 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, nothing, html } from 'lit';
3
3
  import { createRef, ref } from 'lit/directives/ref.js';
4
4
  import { classMap } from 'lit/directives/class-map.js';
5
- import { H as HasSlotController } from './hasSlotController-DvFw2NdC.js';
5
+ import { H as HasSlotController } from './hasSlotController-CCPfIEw1.js';
6
6
  import { LeuIcon } from './Icon.js';
7
7
 
8
8
  var css_248z = css`/* figma https://www.figma.com/design/d6Pv21UVUbnBs3AdcZijHmbN/KTZH-Design-System?node-id=21161-186812&t=8VgDy9avMRG5aL7s-0 */
@@ -15,5 +15,5 @@ export class LeuDropdown extends LeuElement {
15
15
  _getMenu(): any;
16
16
  render(): import("lit-html").TemplateResult<1>;
17
17
  }
18
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
18
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
19
19
  //# sourceMappingURL=Dropdown.d.ts.map
package/dist/Dropdown.js CHANGED
@@ -1,7 +1,7 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, nothing, html } from 'lit';
3
3
  import { createRef, ref } from 'lit/directives/ref.js';
4
- import { H as HasSlotController } from './hasSlotController-DvFw2NdC.js';
4
+ import { H as HasSlotController } from './hasSlotController-CCPfIEw1.js';
5
5
  import { LeuButton } from './Button.js';
6
6
  import { LeuMenu } from './Menu.js';
7
7
  import { LeuMenuItem } from './MenuItem.js';
package/dist/Icon.d.ts CHANGED
@@ -16,5 +16,5 @@ export class LeuIcon extends LeuElement {
16
16
  name: any | "";
17
17
  render(): import("lit-html").TemplateResult<1>;
18
18
  }
19
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
19
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
20
20
  //# sourceMappingURL=Icon.d.ts.map
package/dist/Icon.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html, svg } from 'lit';
3
3
 
4
4
  var css_248z = css`:host {
package/dist/Input.d.ts CHANGED
@@ -63,7 +63,7 @@ export class LeuInput extends LeuElement {
63
63
  * Method for handling the blur event of the input element.
64
64
  * Checks validity of the input element and sets the validity state.
65
65
  * @private
66
- * @param {FocusEvent} event
66
+ * @param {FocusEvent & {target: HTMLInputElement}} event
67
67
  * @returns {void}
68
68
  */
69
69
  private handleBlur;
@@ -150,6 +150,6 @@ export const SIZES: Readonly<{
150
150
  SMALL: "small";
151
151
  REGULAR: "regular";
152
152
  }>;
153
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
153
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
154
154
  import { nothing } from 'lit';
155
155
  //# sourceMappingURL=Input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["Input.js"],"names":[],"mappings":"AAgTA;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;IACD,qBAKC;IAED;;;OAGG;IACH,iBAFa,OAAO,CAInB;IAED;;;OAGG;IACH,uBAFa,OAAO,KAAK,EAAE,cAAc,iBAAU,CAgBlD;IAED;;;;;;OAMG;IACH,2BAsBC;IACD,+CA2CC;CACF;AAzVD;;;GAGG;gCA3RmD,0BAA0B;wBAC7C,KAAK"}
1
+ {"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;IACD,qBAKC;IAED;;;OAGG;IACH,iBAFa,OAAO,CAInB;IAED;;;OAGG;IACH,uBAFa,OAAO,KAAK,EAAE,cAAc,iBAAU,CAgBlD;IAED;;;;;;OAMG;IACH,2BAsBC;IACD,+CA2CC;CACF;AAzVD;;;GAGG;gCA1RmD,0BAA0B;wBAC7C,KAAK"}
package/dist/Input.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, nothing, html } from 'lit';
3
3
  import { classMap } from 'lit/directives/class-map.js';
4
4
  import { ifDefined } from 'lit/directives/if-defined.js';
@@ -114,9 +114,8 @@ var css_248z = css`:host {
114
114
 
115
115
  .prefix,
116
116
  .suffix {
117
- padding-top: 2rem;
118
- padding-bottom: 1rem;
119
-
117
+ padding-top: calc(2rem - var(--input-border-width));
118
+ padding-bottom: calc(1rem - var(--input-border-width));
120
119
  font-size: 1rem;
121
120
  line-height: 1.5;
122
121
  color: var(--input-affix-color);
@@ -389,7 +388,7 @@ class LeuInput extends LeuElement {
389
388
  * Method for handling the blur event of the input element.
390
389
  * Checks validity of the input element and sets the validity state.
391
390
  * @private
392
- * @param {FocusEvent} event
391
+ * @param {FocusEvent & {target: HTMLInputElement}} event
393
392
  * @returns {void}
394
393
  */
395
394
  handleBlur(event) {
@@ -4,4 +4,4 @@ declare class LeuElement extends LitElement {
4
4
  declare function _defineProperty(obj: any, key: any, value: any): any;
5
5
  import { LitElement } from 'lit';
6
6
  export { LeuElement as L, _defineProperty as _ };
7
- //# sourceMappingURL=LeuElement-BjGpKQpe.d.ts.map
7
+ //# sourceMappingURL=LeuElement-BI1CxItv.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LeuElement-BI1CxItv.d.ts","sourceRoot":"","sources":["LeuElement-BI1CxItv.js"],"names":[],"mappings":"AAgDA;IACE,8EAcC;CACF;AA9DD,sEAaC;2BAf+B,KAAK"}
@@ -63,7 +63,7 @@ class LeuElement extends LitElement {
63
63
  }
64
64
  }
65
65
  }
66
- _defineProperty(LeuElement, "version", "0.14.0");
66
+ _defineProperty(LeuElement, "version", "0.14.2");
67
67
  _defineProperty(LeuElement, "dependencies", {});
68
68
  _defineProperty(LeuElement, "styles", css_248z);
69
69
 
package/dist/Menu.d.ts CHANGED
@@ -25,6 +25,6 @@ export class LeuMenu extends LeuElement {
25
25
  updated(changedProperties: any): void;
26
26
  render(): import("lit-html").TemplateResult<1>;
27
27
  }
28
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
28
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
29
29
  import { LeuMenuItem } from './MenuItem.js';
30
30
  //# sourceMappingURL=Menu.d.ts.map
package/dist/Menu.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html } from 'lit';
3
3
  import { LeuMenuItem } from './MenuItem.js';
4
4
  import 'lit/directives/if-defined.js';
@@ -37,6 +37,6 @@ export class LeuMenuItem extends LeuElement {
37
37
  _renderBeforeSlotDefault(): typeof nothing | import("lit-html").TemplateResult<1>;
38
38
  render(): import("lit-html").TemplateResult<1>;
39
39
  }
40
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
40
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
41
41
  import { nothing } from 'lit';
42
42
  //# sourceMappingURL=MenuItem.d.ts.map
package/dist/MenuItem.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html, nothing } from 'lit';
3
3
  import { ifDefined } from 'lit/directives/if-defined.js';
4
4
  import { LeuIcon } from './Icon.js';
@@ -30,5 +30,5 @@ export class LeuPagination extends LeuElement {
30
30
  _handleKeyDown(event: any): void;
31
31
  render(): import("lit-html").TemplateResult<1>;
32
32
  }
33
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
33
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
34
34
  //# sourceMappingURL=Pagination.d.ts.map
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html } from 'lit';
3
3
  import { live } from 'lit/directives/live.js';
4
4
  import { LeuButton } from './Button.js';
@@ -6,7 +6,7 @@ import { LeuVisuallyHidden } from './VisuallyHidden.js';
6
6
  import { LeuIcon } from './Icon.js';
7
7
  import 'lit/directives/class-map.js';
8
8
  import 'lit/directives/if-defined.js';
9
- import './hasSlotController-DvFw2NdC.js';
9
+ import './hasSlotController-CCPfIEw1.js';
10
10
 
11
11
  var css_248z = css`:host {
12
12
  margin-top: 16px;
package/dist/Popup.d.ts CHANGED
@@ -32,5 +32,5 @@ export class LeuPopup extends LeuElement {
32
32
  handleAnchorChange(): void;
33
33
  render(): import("lit-html").TemplateResult<1>;
34
34
  }
35
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
35
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
36
36
  //# sourceMappingURL=Popup.d.ts.map
package/dist/Popup.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html } from 'lit';
3
3
  import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
4
4
 
package/dist/Radio.d.ts CHANGED
@@ -10,5 +10,5 @@ export class LeuRadio extends LeuElement {
10
10
  handleInput(event: any): void;
11
11
  render(): import("lit-html").TemplateResult<1>;
12
12
  }
13
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
13
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
14
14
  //# sourceMappingURL=Radio.d.ts.map
package/dist/Radio.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html } from 'lit';
3
3
 
4
4
  var css_248z = css`:host {
@@ -16,5 +16,5 @@ export class LeuRadioGroup extends LeuElement {
16
16
  initializeIndex(): void;
17
17
  render(): import("lit-html").TemplateResult<1>;
18
18
  }
19
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
19
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
20
20
  //# sourceMappingURL=RadioGroup.d.ts.map
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html } from 'lit';
3
3
  import { classMap } from 'lit/directives/class-map.js';
4
4
 
package/dist/Range.d.ts CHANGED
@@ -56,5 +56,5 @@ export class LeuRange extends LeuElement {
56
56
  }): void;
57
57
  render(): import("lit-html").TemplateResult<1>;
58
58
  }
59
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
59
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
60
60
  //# sourceMappingURL=Range.d.ts.map
package/dist/Range.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html } from 'lit';
3
3
 
4
4
  var css_248z = css`:host {
@@ -15,5 +15,5 @@ export class LeuScrollTop extends LeuElement {
15
15
  _scrollListener: Function;
16
16
  render(): import("lit-html").TemplateResult<1>;
17
17
  }
18
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
18
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
19
19
  //# sourceMappingURL=ScrollTop.d.ts.map
package/dist/ScrollTop.js CHANGED
@@ -1,10 +1,10 @@
1
- import { _ as _defineProperty, L as LeuElement } from './LeuElement-BjGpKQpe.js';
1
+ import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
2
2
  import { css, html } from 'lit';
3
3
  import { classMap } from 'lit/directives/class-map.js';
4
4
  import { LeuButton } from './Button.js';
5
5
  import { LeuIcon } from './Icon.js';
6
6
  import 'lit/directives/if-defined.js';
7
- import './hasSlotController-DvFw2NdC.js';
7
+ import './hasSlotController-CCPfIEw1.js';
8
8
 
9
9
  /**
10
10
  * Return a debounced function that delays invoking func until after wait milliseconds have elapsed since the last time the debounced function was invoked.
package/dist/Select.d.ts CHANGED
@@ -122,15 +122,11 @@ export class LeuSelect extends LeuElement {
122
122
  */
123
123
  _isSelected(menuItemValue: string): boolean;
124
124
  _handleMenuItemClick(event: any): void;
125
- /**
126
- * Close the dropdown if the focus moves outside the component.
127
- */
128
- _handlePopupFocusOut(event: any): void;
129
125
  _renderFilterInput(): typeof nothing | import("lit-html").TemplateResult<1>;
130
126
  _renderApplyButton(): typeof nothing | import("lit-html").TemplateResult<1>;
131
127
  _renderToggleButton(): import("lit-html").TemplateResult<1>;
132
128
  render(): import("lit-html").TemplateResult<1>;
133
129
  }
134
- import { L as LeuElement } from './LeuElement-BjGpKQpe.js';
130
+ import { L as LeuElement } from './LeuElement-BI1CxItv.js';
135
131
  import { nothing } from 'lit';
136
132
  //# sourceMappingURL=Select.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AAuPA;;;;;;;;;;;;;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,sCAqBC;IAED;;;;OAIG;IACH,8CAgCC;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,+CAoDC;CACF;gCA/qBqD,0BAA0B;wBAC7C,KAAK"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AAuPA;;;;;;;;;;;;;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,sCAqBC;IAED;;;;OAIG;IACH,8CAgCC;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;IACD,4EAaC;IACD,4EAeC;IACD,4DAmCC;IACD,+CAgDC;CACF;gCAlqBqD,0BAA0B;wBAC7C,KAAK"}