@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.
- package/.github/workflows/release-please.yml +3 -3
- package/CHANGELOG.md +19 -0
- package/dist/Accordion.d.ts +1 -1
- package/dist/Accordion.js +1 -1
- package/dist/Breadcrumb.d.ts +1 -1
- package/dist/Breadcrumb.js +1 -1
- package/dist/{Button-3adfb3ed.d.ts → Button-5a8009c5.d.ts} +2 -2
- package/dist/{Button-3adfb3ed.d.ts.map → Button-5a8009c5.d.ts.map} +1 -1
- package/dist/{Button-3adfb3ed.js → Button-5a8009c5.js} +3 -4
- package/dist/Button.d.ts +1 -1
- package/dist/Button.js +2 -2
- package/dist/ButtonGroup.d.ts +1 -1
- package/dist/ButtonGroup.js +1 -1
- package/dist/Checkbox.d.ts +1 -1
- package/dist/Checkbox.js +2 -2
- package/dist/CheckboxGroup.d.ts +1 -1
- package/dist/CheckboxGroup.js +1 -1
- package/dist/Chip.d.ts +1 -1
- package/dist/Chip.js +1 -1
- package/dist/ChipGroup.d.ts +1 -1
- package/dist/ChipGroup.js +1 -1
- package/dist/ChipLink.js +1 -1
- package/dist/ChipRemovable.js +1 -1
- package/dist/ChipSelectable.js +1 -1
- package/dist/Dropdown.d.ts +1 -1
- package/dist/Dropdown.js +3 -3
- package/dist/Icon.d.ts +1 -1
- package/dist/Icon.js +1 -1
- package/dist/Input.d.ts +1 -1
- package/dist/Input.js +1 -1
- package/dist/{LeuElement-a20c5fd6.d.ts → LeuElement-7ab5ef5e.d.ts} +1 -1
- package/dist/LeuElement-7ab5ef5e.d.ts.map +1 -0
- package/dist/{LeuElement-a20c5fd6.js → LeuElement-7ab5ef5e.js} +1 -1
- package/dist/Menu.d.ts +1 -1
- package/dist/Menu.js +1 -1
- package/dist/MenuItem.d.ts +5 -1
- package/dist/MenuItem.d.ts.map +1 -1
- package/dist/MenuItem.js +18 -3
- package/dist/Pagination.d.ts +1 -1
- package/dist/Pagination.js +2 -2
- package/dist/Popup.d.ts +1 -1
- package/dist/Popup.js +1 -1
- package/dist/Radio.d.ts +1 -1
- package/dist/Radio.js +2 -2
- package/dist/RadioGroup.d.ts +1 -1
- package/dist/RadioGroup.js +1 -1
- package/dist/ScrollTop.d.ts +1 -1
- package/dist/ScrollTop.js +2 -2
- package/dist/Select.d.ts +1 -1
- package/dist/Select.d.ts.map +1 -1
- package/dist/Select.js +9 -5
- package/dist/Spinner.d.ts +9 -0
- package/dist/Spinner.d.ts.map +1 -0
- package/dist/Spinner.js +53 -0
- package/dist/Table.d.ts +1 -1
- package/dist/Table.js +2 -2
- package/dist/VisuallyHidden.d.ts +1 -1
- package/dist/VisuallyHidden.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/leu-accordion.js +1 -1
- package/dist/leu-breadcrumb.js +1 -1
- package/dist/leu-button-group.js +1 -1
- package/dist/leu-button.d.ts +1 -1
- package/dist/leu-button.js +2 -2
- package/dist/leu-checkbox-group.js +1 -1
- package/dist/leu-checkbox.js +1 -1
- package/dist/leu-chip-group.js +1 -1
- package/dist/leu-chip-link.js +1 -1
- package/dist/leu-chip-removable.js +1 -1
- package/dist/leu-chip-selectable.js +1 -1
- package/dist/leu-dropdown.js +2 -2
- package/dist/leu-icon.js +1 -1
- package/dist/leu-input.js +1 -1
- package/dist/leu-menu-item.js +1 -1
- package/dist/leu-menu.js +1 -1
- package/dist/leu-pagination.js +2 -2
- package/dist/leu-popup.js +1 -1
- package/dist/leu-radio-group.js +1 -1
- package/dist/leu-radio.js +1 -1
- package/dist/leu-scroll-top.js +2 -2
- package/dist/leu-select.js +2 -2
- package/dist/leu-spinner.d.ts +3 -0
- package/dist/leu-spinner.d.ts.map +1 -0
- package/dist/leu-spinner.js +7 -0
- package/dist/leu-table.js +2 -2
- package/dist/leu-visually-hidden.js +1 -1
- package/dist/theme.css +52 -25
- package/dist/vscode.html-custom-data.json +16 -0
- package/dist/vue/index.d.ts +15 -0
- package/dist/web-types.json +19 -1
- package/package.json +1 -1
- package/scripts/generate-component/templates/[namespace]-[name].js +1 -2
- package/src/components/button/button.css +2 -3
- package/src/components/checkbox/Checkbox.js +1 -1
- package/src/components/checkbox/stories/checkbox.stories.js +7 -2
- package/src/components/dropdown/Dropdown.js +1 -1
- package/src/components/dropdown/test/dropdown.test.js +20 -3
- package/src/components/menu/MenuItem.js +21 -2
- package/src/components/menu/stories/menu-item.stories.js +18 -8
- package/src/components/menu/test/menu-item.test.js +23 -0
- package/src/components/radio/Radio.js +1 -1
- package/src/components/radio/stories/radio.stories.js +7 -1
- package/src/components/select/Select.js +8 -6
- package/src/components/select/test/select.test.js +30 -0
- package/src/components/spinner/Spinner.js +31 -0
- package/src/components/spinner/leu-spinner.js +5 -0
- package/src/components/spinner/spinner.css +20 -0
- package/src/components/spinner/stories/spinner.stories.js +29 -0
- package/src/components/spinner/test/spinner.test.js +30 -0
- package/src/styles/custom-properties.css +8 -3
- package/dist/LeuElement-a20c5fd6.d.ts.map +0 -1
package/dist/Spinner.js
ADDED
|
@@ -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-
|
|
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-
|
|
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-
|
|
9
|
+
import './Button-5a8009c5.js';
|
|
10
10
|
import 'lit/directives/if-defined.js';
|
|
11
11
|
import './VisuallyHidden.js';
|
|
12
12
|
|
package/dist/VisuallyHidden.d.ts
CHANGED
|
@@ -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-
|
|
7
|
+
import { L as LeuElement } from './LeuElement-7ab5ef5e.js';
|
|
8
8
|
//# sourceMappingURL=VisuallyHidden.d.ts.map
|
package/dist/VisuallyHidden.js
CHANGED
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-
|
|
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-
|
|
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-
|
|
21
|
+
import './LeuElement-7ab5ef5e.js';
|
|
22
22
|
import 'lit';
|
|
23
23
|
import 'lit/static-html.js';
|
|
24
24
|
import 'lit/directives/ref.js';
|
package/dist/leu-accordion.js
CHANGED
package/dist/leu-breadcrumb.js
CHANGED
package/dist/leu-button-group.js
CHANGED
package/dist/leu-button.d.ts
CHANGED
package/dist/leu-button.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { L as LeuButton } from './Button-
|
|
2
|
-
import './LeuElement-
|
|
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';
|
package/dist/leu-checkbox.js
CHANGED
package/dist/leu-chip-group.js
CHANGED
package/dist/leu-chip-link.js
CHANGED
package/dist/leu-dropdown.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { LeuDropdown } from './Dropdown.js';
|
|
2
|
-
import './LeuElement-
|
|
2
|
+
import './LeuElement-7ab5ef5e.js';
|
|
3
3
|
import 'lit';
|
|
4
4
|
import 'lit/directives/ref.js';
|
|
5
|
-
import './Button-
|
|
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
package/dist/leu-input.js
CHANGED
package/dist/leu-menu-item.js
CHANGED
package/dist/leu-menu.js
CHANGED
package/dist/leu-pagination.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { LeuPagination } from './Pagination.js';
|
|
2
|
-
import './LeuElement-
|
|
2
|
+
import './LeuElement-7ab5ef5e.js';
|
|
3
3
|
import 'lit';
|
|
4
4
|
import 'lit/directives/live.js';
|
|
5
|
-
import './Button-
|
|
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
package/dist/leu-radio-group.js
CHANGED
package/dist/leu-radio.js
CHANGED
package/dist/leu-scroll-top.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { LeuScrollTop } from './ScrollTop.js';
|
|
2
|
-
import './LeuElement-
|
|
2
|
+
import './LeuElement-7ab5ef5e.js';
|
|
3
3
|
import 'lit';
|
|
4
4
|
import 'lit/directives/class-map.js';
|
|
5
|
-
import './Button-
|
|
5
|
+
import './Button-5a8009c5.js';
|
|
6
6
|
import 'lit/directives/if-defined.js';
|
|
7
7
|
import './Icon.js';
|
|
8
8
|
import './utils-65469421.js';
|
package/dist/leu-select.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { LeuSelect } from './Select.js';
|
|
2
|
-
import './LeuElement-
|
|
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-
|
|
7
|
+
import './Button-5a8009c5.js';
|
|
8
8
|
import './Icon.js';
|
|
9
9
|
import './Menu.js';
|
|
10
10
|
import './MenuItem.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"leu-spinner.d.ts","sourceRoot":"","sources":["leu-spinner.js"],"names":[],"mappings":";2BAA2B,cAAc"}
|
package/dist/leu-table.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LeuTable } from './Table.js';
|
|
2
|
-
import './LeuElement-
|
|
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-
|
|
10
|
+
import './Button-5a8009c5.js';
|
|
11
11
|
import 'lit/directives/if-defined.js';
|
|
12
12
|
import './VisuallyHidden.js';
|
|
13
13
|
|
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
|
-
|
|
46
|
-
--leu-font-family-
|
|
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",
|