@statistikzh/leu 0.16.0 → 0.18.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 (93) hide show
  1. package/.release-please-manifest.json +1 -1
  2. package/CHANGELOG.md +18 -0
  3. package/dist/Accordion.js +1 -1
  4. package/dist/Button.js +1 -1
  5. package/dist/ButtonGroup.js +1 -1
  6. package/dist/ChartWrapper.js +1 -1
  7. package/dist/Checkbox.js +1 -1
  8. package/dist/CheckboxGroup.js +1 -1
  9. package/dist/Chip.js +1 -1
  10. package/dist/ChipGroup.js +1 -1
  11. package/dist/ChipLink.js +1 -1
  12. package/dist/ChipRemovable.js +3 -1
  13. package/dist/ChipSelectable.js +1 -1
  14. package/dist/Dialog.js +3 -1
  15. package/dist/Dropdown.js +1 -1
  16. package/dist/Icon.d.ts +130 -2
  17. package/dist/Icon.js +96 -69
  18. package/dist/Input.js +3 -1
  19. package/dist/{LeuElement-C0BZ_nPB.js → LeuElement-DlQXnrk8.js} +1 -1
  20. package/dist/Menu.js +3 -1
  21. package/dist/MenuItem.js +3 -1
  22. package/dist/Message.js +1 -1
  23. package/dist/Pagination.js +1 -1
  24. package/dist/Placeholder.js +1 -1
  25. package/dist/Popup.js +1 -1
  26. package/dist/Radio.js +1 -1
  27. package/dist/RadioGroup.js +1 -1
  28. package/dist/Range.js +1 -1
  29. package/dist/ScrollTop.js +1 -1
  30. package/dist/Select.js +1 -1
  31. package/dist/Spinner.js +1 -1
  32. package/dist/Table.js +2 -2
  33. package/dist/Tag.d.ts +17 -0
  34. package/dist/Tag.js +75 -0
  35. package/dist/VisuallyHidden.js +1 -1
  36. package/dist/components/icon/Icon.d.ts +5 -2
  37. package/dist/components/icon/Icon.d.ts.map +1 -1
  38. package/dist/components/icon/paths.d.ts +48 -23
  39. package/dist/components/icon/paths.d.ts.map +1 -1
  40. package/dist/components/icon/stories/icon.stories.d.ts.map +1 -1
  41. package/dist/components/tag/Tag.d.ts +13 -0
  42. package/dist/components/tag/Tag.d.ts.map +1 -0
  43. package/dist/components/tag/leu-tag.d.ts +3 -0
  44. package/dist/components/tag/leu-tag.d.ts.map +1 -0
  45. package/dist/components/tag/stories/tag.stories.d.ts +136 -0
  46. package/dist/components/tag/stories/tag.stories.d.ts.map +1 -0
  47. package/dist/components/tag/test/tag.test.d.ts +2 -0
  48. package/dist/components/tag/test/tag.test.d.ts.map +1 -0
  49. package/dist/index.js +1 -1
  50. package/dist/leu-accordion.js +1 -1
  51. package/dist/leu-button-group.js +1 -1
  52. package/dist/leu-button.js +1 -1
  53. package/dist/leu-chart-wrapper.js +1 -1
  54. package/dist/leu-checkbox-group.js +1 -1
  55. package/dist/leu-checkbox.js +1 -1
  56. package/dist/leu-chip-group.js +1 -1
  57. package/dist/leu-chip-link.js +1 -1
  58. package/dist/leu-chip-removable.js +3 -1
  59. package/dist/leu-chip-selectable.js +1 -1
  60. package/dist/leu-dialog.js +3 -1
  61. package/dist/leu-dropdown.js +1 -1
  62. package/dist/leu-icon.js +3 -1
  63. package/dist/leu-input.js +3 -1
  64. package/dist/leu-menu-item.js +3 -1
  65. package/dist/leu-menu.js +3 -1
  66. package/dist/leu-message.js +1 -1
  67. package/dist/leu-pagination.js +1 -1
  68. package/dist/leu-placeholder.js +1 -1
  69. package/dist/leu-popup.js +1 -1
  70. package/dist/leu-radio-group.js +1 -1
  71. package/dist/leu-radio.js +1 -1
  72. package/dist/leu-range.js +1 -1
  73. package/dist/leu-scroll-top.js +1 -1
  74. package/dist/leu-select.js +1 -1
  75. package/dist/leu-spinner.js +1 -1
  76. package/dist/leu-table.js +3 -3
  77. package/dist/leu-tag.d.ts +4 -0
  78. package/dist/leu-tag.js +9 -0
  79. package/dist/leu-visually-hidden.js +1 -1
  80. package/dist/vscode.html-custom-data.json +21 -1
  81. package/dist/vue/index.d.ts +20 -0
  82. package/dist/web-types.json +30 -2
  83. package/package.json +1 -1
  84. package/src/components/icon/Icon.ts +7 -10
  85. package/src/components/icon/paths.ts +126 -77
  86. package/src/components/icon/stories/icon.stories.ts +5 -0
  87. package/src/components/icon/test/icon.test.ts +5 -4
  88. package/src/components/tag/Tag.ts +28 -0
  89. package/src/components/tag/leu-tag.ts +5 -0
  90. package/src/components/tag/stories/tag.stories.ts +107 -0
  91. package/src/components/tag/tag.css +42 -0
  92. package/src/components/tag/test/tag.test.ts +28 -0
  93. package/src/docs/theme.mdx +49 -2
package/dist/Menu.js CHANGED
@@ -1,8 +1,10 @@
1
1
  import { css, html } from 'lit';
2
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
2
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
3
3
  import { LeuMenuItem } from './MenuItem.js';
4
4
  import 'lit/directives/if-defined.js';
5
5
  import './Icon.js';
6
+ import './_tslib-CNEFicEt.js';
7
+ import 'lit/decorators.js';
6
8
 
7
9
  var css_248z = css`:host {
8
10
  --menu-divider-color: var(--leu-color-black-transp-20);
package/dist/MenuItem.js CHANGED
@@ -1,7 +1,9 @@
1
1
  import { css, html, nothing } from 'lit';
2
2
  import { ifDefined } from 'lit/directives/if-defined.js';
3
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
3
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
4
4
  import { LeuIcon } from './Icon.js';
5
+ import './_tslib-CNEFicEt.js';
6
+ import 'lit/decorators.js';
5
7
 
6
8
  var css_248z = css`:host {
7
9
  --background: var(--leu-color-black-0);
package/dist/Message.js CHANGED
@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
2
2
  import { css, html, nothing } from 'lit';
3
3
  import { property } from 'lit/decorators.js';
4
4
  import { classMap } from 'lit/directives/class-map.js';
5
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
5
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
6
6
  import { LeuIcon } from './Icon.js';
7
7
  import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
8
8
 
@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
2
2
  import { css, html } from 'lit';
3
3
  import { live } from 'lit/directives/live.js';
4
4
  import { property, state } from 'lit/decorators.js';
5
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
5
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
6
6
  import { LeuButton } from './Button.js';
7
7
  import { LeuVisuallyHidden } from './VisuallyHidden.js';
8
8
  import { LeuIcon } from './Icon.js';
@@ -1,5 +1,5 @@
1
1
  import { css, html } from 'lit';
2
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
2
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
3
3
 
4
4
  var css_248z = css`:host {
5
5
  --placeholder-font-regular: var(--leu-font-family-regular);
package/dist/Popup.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, html } from 'lit';
2
2
  import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
3
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
3
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
4
4
 
5
5
  var css_248z = css`:host {
6
6
  --popup-font-regular: var(--leu-font-family-regular);
package/dist/Radio.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { _ as __decorate } from './_tslib-CNEFicEt.js';
2
2
  import { css, html } from 'lit';
3
3
  import { property } from 'lit/decorators.js';
4
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
4
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
5
5
 
6
6
  var css_248z = css`:host {
7
7
  --radio-color: var(--leu-color-black-40);
@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
2
2
  import { css, html } from 'lit';
3
3
  import { classMap } from 'lit/directives/class-map.js';
4
4
  import { property } from 'lit/decorators.js';
5
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
5
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
6
6
  import { LeuRadio } from './Radio.js';
7
7
 
8
8
  var css_248z = css`:host {
package/dist/Range.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { css, html } from 'lit';
2
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
2
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
3
3
 
4
4
  var css_248z = css`:host {
5
5
  --range-color: var(--leu-color-black-40);
package/dist/ScrollTop.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, html } from 'lit';
2
2
  import { classMap } from 'lit/directives/class-map.js';
3
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
3
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
4
4
  import { LeuButton } from './Button.js';
5
5
  import { LeuIcon } from './Icon.js';
6
6
  import './_tslib-CNEFicEt.js';
package/dist/Select.js CHANGED
@@ -2,7 +2,7 @@ import { css, nothing, html } from 'lit';
2
2
  import { classMap } from 'lit/directives/class-map.js';
3
3
  import { createRef, ref } from 'lit/directives/ref.js';
4
4
  import { ifDefined } from 'lit/directives/if-defined.js';
5
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
5
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
6
6
  import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
7
7
  import { LeuButton } from './Button.js';
8
8
  import { LeuMenu } from './Menu.js';
package/dist/Spinner.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { css, html } from 'lit';
2
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
2
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
3
3
 
4
4
  var css_248z = css`@keyframes leu-spinner-rotate {
5
5
  from {
package/dist/Table.js CHANGED
@@ -2,12 +2,12 @@ import { css, html, nothing } from 'lit';
2
2
  import { classMap } from 'lit/directives/class-map.js';
3
3
  import { styleMap } from 'lit/directives/style-map.js';
4
4
  import { createRef, ref } from 'lit/directives/ref.js';
5
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
5
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
6
6
  import { LeuIcon } from './Icon.js';
7
7
  import { LeuPagination } from './Pagination.js';
8
8
  import './_tslib-CNEFicEt.js';
9
- import 'lit/directives/live.js';
10
9
  import 'lit/decorators.js';
10
+ import 'lit/directives/live.js';
11
11
  import './Button.js';
12
12
  import 'lit/directives/if-defined.js';
13
13
  import './hasSlotController-Bm2tipvG.js';
package/dist/Tag.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import * as lit_html from 'lit-html';
2
+ import * as lit from 'lit';
3
+ import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
4
+
5
+ /**
6
+ * @tagname leu-tag
7
+ * @cssprop --leu-tag-accent-color - The color of the tag
8
+ * @slot default - The label of the tag
9
+ * @slot icon - An icon to display in the tag
10
+ */
11
+ declare class LeuTag extends LeuElement {
12
+ static styles: lit.CSSResultGroup[];
13
+ variant: "solid" | "outline" | "ghost";
14
+ render(): lit_html.TemplateResult<1>;
15
+ }
16
+
17
+ export { LeuTag };
package/dist/Tag.js ADDED
@@ -0,0 +1,75 @@
1
+ import { _ as __decorate } from './_tslib-CNEFicEt.js';
2
+ import { css, html } from 'lit';
3
+ import { property } from 'lit/decorators.js';
4
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
5
+
6
+ var css_248z = css`:host {
7
+ /* --tag-font-regular: var(--leu-font-family-regular);
8
+ --tag-font-black: var(--leu-font-family-black);
9
+
10
+ font-family: var(--tag-font-regular); */
11
+ }
12
+
13
+ .tag {
14
+ --_accent-color: var(--leu-tag-accent-color, var(--leu-color-black-60));
15
+
16
+ display: inline-flex;
17
+ align-items: center;
18
+ padding: 0.25rem 0.5rem;
19
+ gap: 0.25rem;
20
+ border-radius: 0.25rem;
21
+
22
+ background-color: var(--_accent-color);
23
+ border: 2px solid var(--_accent-color);
24
+ color: var(--leu-color-black-0);
25
+ }
26
+
27
+ .tag--outline {
28
+ background-color: transparent;
29
+ border-color: var(--_accent-color);
30
+ color: var(--_accent-color);
31
+ }
32
+
33
+ .tag--ghost {
34
+ background-color: transparent;
35
+ border-color: transparent;
36
+ color: var(--_accent-color);
37
+ }
38
+
39
+ .tag__icon {
40
+ --leu-icon-size: 1rem;
41
+ }
42
+
43
+ .tag__label {
44
+ display: block;
45
+ font: var(--leu-t-tiny-regular-font);
46
+ line-height: 1rem;
47
+ }
48
+ `;
49
+
50
+ /**
51
+ * @tagname leu-tag
52
+ * @cssprop --leu-tag-accent-color - The color of the tag
53
+ * @slot default - The label of the tag
54
+ * @slot icon - An icon to display in the tag
55
+ */
56
+ class LeuTag extends LeuElement {
57
+ constructor() {
58
+ super(...arguments);
59
+ this.variant = "solid";
60
+ }
61
+ render() {
62
+ return html `
63
+ <div class="tag tag--${this.variant}">
64
+ <slot class="tag__icon" name="icon"></slot>
65
+ <slot class="tag__label"></slot>
66
+ </div>
67
+ `;
68
+ }
69
+ }
70
+ LeuTag.styles = [LeuElement.styles, css_248z];
71
+ __decorate([
72
+ property({ type: String })
73
+ ], LeuTag.prototype, "variant", void 0);
74
+
75
+ export { LeuTag };
@@ -1,5 +1,5 @@
1
1
  import { css, html } from 'lit';
2
- import { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
2
+ import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
3
3
 
4
4
  var css_248z = css`:host {
5
5
  clip: rect(0 0 0 0);
@@ -1,4 +1,5 @@
1
1
  import { LeuElement } from "../../lib/LeuElement.js";
2
+ import { IconPathName } from "./paths.js";
2
3
  /**
3
4
  * A component to render all defined zhWeb icons.
4
5
  * The `fill` of the icon is set to `currentColor` and
@@ -6,7 +7,6 @@ import { LeuElement } from "../../lib/LeuElement.js";
6
7
  * If the icon name is not found, a placeholder will be displayed.
7
8
  *
8
9
  * @tagname leu-icon
9
- * @prop {import("./paths").IconPathName} name - The name of the icon to display.
10
10
  * @cssprop --leu-icon-size - The size of the icon.
11
11
  */
12
12
  export declare class LeuIcon extends LeuElement {
@@ -17,7 +17,10 @@ export declare class LeuIcon extends LeuElement {
17
17
  reflect: boolean;
18
18
  };
19
19
  };
20
- constructor();
20
+ /**
21
+ * The name of the icon to display.
22
+ */
23
+ name: IconPathName | "";
21
24
  render(): import("lit-html").TemplateResult<1>;
22
25
  }
23
26
  //# sourceMappingURL=Icon.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAKpD;;;;;;;;;GASG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,UAAU;;;;;MAEhB;;IAWD,MAAM;CAoBP"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAGpD,OAAO,EAAS,YAAY,EAAE,MAAM,YAAY,CAAA;AAEhD;;;;;;;;GAQG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,UAAU;;;;;MAEhB;IAED;;OAEG;IAEH,IAAI,EAAE,YAAY,GAAG,EAAE,CAAK;IAE5B,MAAM;CAoBP"}
@@ -1,68 +1,105 @@
1
- /**
2
- * @typedef {keyof paths} IconPathName
3
- */
1
+ export type IconPathName = keyof typeof paths;
4
2
  export declare const paths: {
5
3
  addNew: string;
4
+ alert: string;
6
5
  angleDropDown: string;
7
- angleDropup: string;
6
+ angleDropUp: string;
8
7
  angleLeft: string;
9
8
  angleRight: string;
10
9
  arrowDown: string;
11
10
  arrowLeft: string;
12
11
  arrowRight: string;
13
12
  arrowUp: string;
13
+ backward: string;
14
+ block: string;
14
15
  calendar: string;
16
+ camera: string;
15
17
  caution: string;
18
+ cc: string;
19
+ chart: string;
16
20
  chatMessage: string;
17
21
  check: string;
18
22
  clear: string;
19
23
  close: string;
24
+ comment: string;
20
25
  conference: string;
21
26
  confirm: string;
22
27
  confirmPlain: string;
28
+ conversation: string;
29
+ copy: string;
23
30
  delete: string;
24
- documents: string;
25
31
  download: string;
32
+ earth: string;
26
33
  edit: string;
27
34
  email: string;
28
35
  file: string;
36
+ fileCsv: string;
29
37
  fileOutline: string;
38
+ filePdf: string;
39
+ fileXml: string;
30
40
  files: string;
31
41
  filter: string;
32
42
  floppy: string;
43
+ folder: string;
33
44
  forward: string;
34
45
  getInformation: string;
35
46
  hide: string;
36
47
  home: string;
48
+ image: string;
49
+ income: string;
50
+ launch: string;
51
+ levelUp: string;
52
+ like: string;
37
53
  link: string;
38
54
  list: string;
39
- lock: string;
40
55
  location: string;
56
+ lock: string;
41
57
  login: string;
42
58
  logout: string;
59
+ love: string;
60
+ emailOpen: string;
43
61
  map: string;
44
62
  mapLocateMe: string;
45
- mapLocation: string;
46
63
  mapNavigation: string;
47
64
  mapPin: string;
48
65
  menu: string;
49
66
  menuOverflow: string;
50
67
  minus: string;
51
- openMail: string;
68
+ money: string;
69
+ moneyIncome: string;
70
+ organisation: string;
52
71
  overflow: string;
53
72
  paperplane: string;
54
73
  paragraph: string;
74
+ passport: string;
55
75
  phoneCall: string;
76
+ piechart: string;
77
+ pill: string;
56
78
  pin: string;
57
79
  plus: string;
58
80
  print: string;
81
+ refresh: string;
59
82
  remove: string;
83
+ repost: string;
60
84
  resizeText: string;
61
85
  search: string;
86
+ securities: string;
87
+ setting: string;
88
+ share: string;
62
89
  show: string;
90
+ smileyDevastated: string;
91
+ smileyIndifferent: string;
92
+ smileySad: string;
93
+ smileySmile: string;
94
+ smileyThrilled: string;
95
+ swissId: string;
63
96
  time: string;
64
97
  upload: string;
65
- cc: string;
98
+ user: string;
99
+ userMultiple: string;
100
+ vote: string;
101
+ zoom: string;
102
+ zoomOut: string;
66
103
  fastForward: string;
67
104
  fastRewind: string;
68
105
  fullScreen: string;
@@ -70,32 +107,20 @@ export declare const paths: {
70
107
  pause: string;
71
108
  play: string;
72
109
  playButton: string;
73
- previews: string;
110
+ previous: string;
74
111
  skipNext: string;
75
112
  skipPrevious: string;
76
113
  stop: string;
77
- comment: string;
78
114
  facebook: string;
79
115
  google: string;
80
116
  instagram: string;
81
117
  kununu: string;
82
- like: string;
83
118
  linkedin: string;
84
- love: string;
85
- repost: string;
86
- share: string;
87
119
  snapchat: string;
120
+ tiktok: string;
88
121
  twitter: string;
89
- user: string;
90
- users: string;
91
- vote: string;
92
122
  xing: string;
93
123
  youtube: string;
94
124
  youtubeLogo: string;
95
- smileyThrilled: string;
96
- smileySmile: string;
97
- smileyIndifferent: string;
98
- smileySad: string;
99
- smileyDevastated: string;
100
125
  };
101
126
  //# sourceMappingURL=paths.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../../src/components/icon/paths.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKjB,CAAA"}
1
+ {"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../../src/components/icon/paths.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAA;AAE7C,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsNjB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/stories/icon.stories.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,CAAA;;;;;;;;;;;;;;;;;AAIvB,wBAeC;AASD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAMxC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAMtC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAOxC,eAAO,MAAM,QAAQ;;;;;;;;;CAyBpB,CAAA"}
1
+ {"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/stories/icon.stories.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,CAAA;;;;;;;;;;;;;;;;;AAIvB,wBAeC;AASD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAMxC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAMtC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAOxC,eAAO,MAAM,QAAQ;;;;;;;;;CA8BpB,CAAA"}
@@ -0,0 +1,13 @@
1
+ import { LeuElement } from "../../lib/LeuElement.js";
2
+ /**
3
+ * @tagname leu-tag
4
+ * @cssprop --leu-tag-accent-color - The color of the tag
5
+ * @slot default - The label of the tag
6
+ * @slot icon - An icon to display in the tag
7
+ */
8
+ export declare class LeuTag extends LeuElement {
9
+ static styles: import("lit").CSSResultGroup[];
10
+ variant: "solid" | "outline" | "ghost";
11
+ render(): import("lit-html").TemplateResult<1>;
12
+ }
13
+ //# sourceMappingURL=Tag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAIpD;;;;;GAKG;AACH,qBAAa,MAAO,SAAQ,UAAU;IACpC,MAAM,CAAC,MAAM,iCAA8B;IAG3C,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAU;IAEhD,MAAM;CAQP"}
@@ -0,0 +1,3 @@
1
+ import { LeuTag } from "./Tag.js";
2
+ export { LeuTag };
3
+ //# sourceMappingURL=leu-tag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"leu-tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/leu-tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,MAAM,EAAE,CAAA"}
@@ -0,0 +1,136 @@
1
+ import "../leu-tag.js";
2
+ import "../../icon/leu-icon.js";
3
+ import { LeuTag } from "../Tag.js";
4
+ declare const _default: {
5
+ title: string;
6
+ component: string;
7
+ parameters: {
8
+ design: {
9
+ type: string;
10
+ url: string;
11
+ };
12
+ };
13
+ argTypes: {
14
+ variant: {
15
+ control: "select";
16
+ options: string[];
17
+ };
18
+ "--leu-tag-accent-color": {
19
+ control: {
20
+ type: string;
21
+ presetColors: string[];
22
+ };
23
+ };
24
+ icon: {
25
+ control: string;
26
+ options: string[];
27
+ };
28
+ };
29
+ args: {
30
+ variant: "solid";
31
+ icon: string;
32
+ default: string;
33
+ "--leu-tag-accent-color": string;
34
+ };
35
+ };
36
+ export default _default;
37
+ export declare const Solid: {
38
+ args: {
39
+ variant: string;
40
+ };
41
+ decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
42
+ parameters?: import("@storybook/csf").Parameters;
43
+ argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuTag>>;
44
+ loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
45
+ beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
46
+ experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
47
+ render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
48
+ tags?: import("@storybook/csf").Tag[];
49
+ mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuTag>) => () => Promise<import("@storybook/csf").Canvas>;
50
+ name?: import("@storybook/csf").StoryName;
51
+ storyName?: import("@storybook/csf").StoryName;
52
+ play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
53
+ globals?: import("@storybook/csf").Globals;
54
+ story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuTag, Partial<LeuTag>>, "story">;
55
+ };
56
+ export declare const Outline: {
57
+ args: {
58
+ variant: string;
59
+ };
60
+ decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
61
+ parameters?: import("@storybook/csf").Parameters;
62
+ argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuTag>>;
63
+ loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
64
+ beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
65
+ experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
66
+ render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
67
+ tags?: import("@storybook/csf").Tag[];
68
+ mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuTag>) => () => Promise<import("@storybook/csf").Canvas>;
69
+ name?: import("@storybook/csf").StoryName;
70
+ storyName?: import("@storybook/csf").StoryName;
71
+ play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
72
+ globals?: import("@storybook/csf").Globals;
73
+ story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuTag, Partial<LeuTag>>, "story">;
74
+ };
75
+ export declare const Ghost: {
76
+ args: {
77
+ variant: string;
78
+ };
79
+ decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
80
+ parameters?: import("@storybook/csf").Parameters;
81
+ argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuTag>>;
82
+ loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
83
+ beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
84
+ experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
85
+ render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
86
+ tags?: import("@storybook/csf").Tag[];
87
+ mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuTag>) => () => Promise<import("@storybook/csf").Canvas>;
88
+ name?: import("@storybook/csf").StoryName;
89
+ storyName?: import("@storybook/csf").StoryName;
90
+ play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
91
+ globals?: import("@storybook/csf").Globals;
92
+ story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuTag, Partial<LeuTag>>, "story">;
93
+ };
94
+ export declare const Warning: {
95
+ args: {
96
+ variant: string;
97
+ "--leu-tag-accent-color": string;
98
+ default: string;
99
+ };
100
+ decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
101
+ parameters?: import("@storybook/csf").Parameters;
102
+ argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuTag>>;
103
+ loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
104
+ beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
105
+ experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
106
+ render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
107
+ tags?: import("@storybook/csf").Tag[];
108
+ mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuTag>) => () => Promise<import("@storybook/csf").Canvas>;
109
+ name?: import("@storybook/csf").StoryName;
110
+ storyName?: import("@storybook/csf").StoryName;
111
+ play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
112
+ globals?: import("@storybook/csf").Globals;
113
+ story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuTag, Partial<LeuTag>>, "story">;
114
+ };
115
+ export declare const NoIcon: {
116
+ args: {
117
+ variant: string;
118
+ "--leu-tag-accent-color": string;
119
+ icon: any;
120
+ };
121
+ decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
122
+ parameters?: import("@storybook/csf").Parameters;
123
+ argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuTag>>;
124
+ loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
125
+ beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
126
+ experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuTag>[];
127
+ render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
128
+ tags?: import("@storybook/csf").Tag[];
129
+ mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuTag>) => () => Promise<import("@storybook/csf").Canvas>;
130
+ name?: import("@storybook/csf").StoryName;
131
+ storyName?: import("@storybook/csf").StoryName;
132
+ play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuTag>;
133
+ globals?: import("@storybook/csf").Globals;
134
+ story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuTag, Partial<LeuTag>>, "story">;
135
+ };
136
+ //# sourceMappingURL=tag.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/stories/tag.stories.ts"],"names":[],"mappings":"AAIA,OAAO,eAAe,CAAA;AACtB,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOlC,wBAwC2B;AAgB3B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;CAOnB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAOlB,CAAA"}
@@ -0,0 +1,2 @@
1
+ import "../leu-tag.js";
2
+ //# sourceMappingURL=tag.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.test.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/test/tag.test.ts"],"names":[],"mappings":"AAGA,OAAO,eAAe,CAAA"}
package/dist/index.js CHANGED
@@ -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
- export { L as LeuElement } from './LeuElement-C0BZ_nPB.js';
21
+ export { L as LeuElement } from './LeuElement-DlQXnrk8.js';
22
22
  import './_tslib-CNEFicEt.js';
23
23
  import 'lit';
24
24
  import 'lit/static-html.js';
@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
3
3
  import 'lit';
4
4
  import 'lit/static-html.js';
5
5
  import 'lit/decorators.js';
6
- import './LeuElement-C0BZ_nPB.js';
6
+ import './LeuElement-DlQXnrk8.js';
7
7
 
8
8
  LeuAccordion.define("leu-accordion");
9
9
 
@@ -1,6 +1,6 @@
1
1
  import { LeuButtonGroup } from './ButtonGroup.js';
2
2
  import 'lit';
3
- import './LeuElement-C0BZ_nPB.js';
3
+ import './LeuElement-DlQXnrk8.js';
4
4
  import './Button.js';
5
5
  import './_tslib-CNEFicEt.js';
6
6
  import 'lit/directives/class-map.js';
@@ -5,7 +5,7 @@ import 'lit/directives/class-map.js';
5
5
  import 'lit/directives/if-defined.js';
6
6
  import 'lit/decorators.js';
7
7
  import './Icon.js';
8
- import './LeuElement-C0BZ_nPB.js';
8
+ import './LeuElement-DlQXnrk8.js';
9
9
  import './hasSlotController-Bm2tipvG.js';
10
10
 
11
11
  LeuButton.define("leu-button");