nve-designsystem 3.2.0 → 3.3.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 (197) hide show
  1. package/chunks/chunk.2PCBEMQZ.js +163 -226
  2. package/chunks/chunk.36O46B5H.js +15 -15
  3. package/chunks/chunk.4TUIT776.js +78 -96
  4. package/chunks/chunk.5JY5FUCG.js +965 -1245
  5. package/chunks/chunk.5P45LHIX.js +668 -96
  6. package/chunks/chunk.6CTB5ZDJ.js +107 -100
  7. package/chunks/chunk.B4BZKR24.js +29 -39
  8. package/chunks/chunk.D5YQDJ7X.js +122 -166
  9. package/chunks/chunk.EA437WHD.js +5 -5
  10. package/chunks/chunk.GI7VDIWX.js +14 -15
  11. package/chunks/chunk.GMYPQTFK.js +18 -20
  12. package/chunks/chunk.HVTXQL7M.js +191 -215
  13. package/chunks/chunk.IKV4VH3T.js +18 -16
  14. package/chunks/chunk.IVVHNXMC.js +26 -27
  15. package/chunks/chunk.JHOXTQXA.js +65 -74
  16. package/chunks/chunk.JXOKFADN.js +63 -90
  17. package/chunks/chunk.K7JGTRV7.js +24 -23
  18. package/chunks/chunk.KPLQLAWP.js +132 -147
  19. package/chunks/chunk.LD4M4QGE.js +61 -74
  20. package/chunks/chunk.MSKEYBDI.js +53 -71
  21. package/chunks/chunk.NYIIDP5N.js +39 -45
  22. package/chunks/chunk.RWUUFNUL.js +91 -114
  23. package/chunks/chunk.SAPQLUO4.js +249 -228
  24. package/chunks/chunk.SI4ACBFK.js +139 -5
  25. package/chunks/chunk.TP2GB2HO.js +361 -460
  26. package/chunks/chunk.UDWRA64J.js +185 -223
  27. package/chunks/chunk.URTPIBTY.js +119 -151
  28. package/chunks/chunk.VESXC477.js +63 -66
  29. package/chunks/chunk.XA43ZQPC.js +198 -313
  30. package/chunks/chunk.XQ2OKYYA.js +25 -26
  31. package/chunks/chunk.XZNBUGX7.js +6 -6
  32. package/chunks/chunk.YHLNUJ7P.js +93 -116
  33. package/chunks/chunk.ZH2AND3P.js +340 -399
  34. package/chunks/chunk.ZL53POKZ.js +61 -156
  35. package/chunks/chunk.js +20 -0
  36. package/chunks/class-map.js +49 -45
  37. package/chunks/decorate.js +105 -0
  38. package/chunks/directive-helpers.js +5 -7
  39. package/chunks/if-defined.js +5 -5
  40. package/chunks/lit.js +525 -0
  41. package/chunks/live.js +24 -24
  42. package/chunks/nve-alert.component.js +163 -0
  43. package/chunks/nve-carousel-item.component.js +36 -0
  44. package/chunks/nve-carousel.component.js +41 -0
  45. package/chunks/nve-checkbox-group.component.js +114 -0
  46. package/chunks/nve-checkbox.component.js +28 -0
  47. package/chunks/nve-dialog.component.js +39 -0
  48. package/chunks/nve-divider.component.js +23 -0
  49. package/chunks/nve-drawer.component.js +40 -0
  50. package/chunks/nve-dropdown.component.js +83 -0
  51. package/chunks/nve-input.component.js +80 -0
  52. package/chunks/nve-label.component.js +89 -0
  53. package/chunks/nve-menu-item.component.js +35 -0
  54. package/chunks/nve-menu.component.js +17 -0
  55. package/chunks/nve-option.component.js +27 -0
  56. package/chunks/nve-popup.component.js +15 -0
  57. package/chunks/nve-radio-button.component.js +20 -0
  58. package/chunks/nve-radio-group.component.js +78 -0
  59. package/chunks/nve-radio.component.js +18 -0
  60. package/chunks/nve-select.component.js +58 -0
  61. package/chunks/nve-skeleton.component.js +20 -0
  62. package/chunks/nve-spinner.component.js +23 -0
  63. package/chunks/nve-tooltip.component.js +20 -0
  64. package/chunks/nve-warning-level.component.js +57 -0
  65. package/chunks/ref.js +75 -84
  66. package/chunks/shoelace.js +10006 -0
  67. package/chunks/static-html.js +27 -0
  68. package/chunks/unsafe-html.js +24 -20
  69. package/chunks/updateInvalidProperty.js +7 -7
  70. package/chunks/watch.js +20 -20
  71. package/components/nve-accordion/nve-accordion.component.js +24 -30
  72. package/components/nve-accordion-item/nve-accordion-item.component.js +30 -64
  73. package/components/nve-accordion-item/nve-accordion-item.styles.js +5 -5
  74. package/components/nve-alert/nve-alert.component.js +2 -227
  75. package/components/nve-alert/nve-alert.styles.js +45 -27
  76. package/components/nve-badge/nve-badge.component.js +41 -45
  77. package/components/nve-badge/nve-badge.styles.js +33 -31
  78. package/components/nve-button/nve-button.component.d.ts +110 -10
  79. package/components/nve-button/nve-button.component.js +146 -39
  80. package/components/nve-button/nve-button.styles.js +214 -157
  81. package/components/nve-carousel/nve-carousel.component.js +2 -47
  82. package/components/nve-carousel/nve-carousel.styles.js +6 -6
  83. package/components/nve-carousel-item/nve-carousel-item.component.js +2 -40
  84. package/components/nve-carousel-item/nve-carousel-item.styles.js +5 -5
  85. package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.component.js +44 -54
  86. package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.styles.js +5 -5
  87. package/components/nve-checkbox/nve-checkbox.component.js +2 -34
  88. package/components/nve-checkbox/nve-checkbox.styles.js +7 -7
  89. package/components/nve-checkbox-group/nve-checkbox-group.component.js +2 -152
  90. package/components/nve-checkbox-group/nve-checkbox-group.styles.js +5 -5
  91. package/components/nve-combobox/nve-combobox.component.js +222 -440
  92. package/components/nve-combobox/nve-combobox.styles.js +6 -6
  93. package/components/nve-darkmode-switch/nve-darkmode-switch.component.js +32 -38
  94. package/components/nve-dialog/nve-dialog-styles.js +6 -6
  95. package/components/nve-dialog/nve-dialog.component.js +2 -54
  96. package/components/nve-divider/nve-divider.component.js +2 -30
  97. package/components/nve-drawer/nve-drawer.component.js +2 -44
  98. package/components/nve-drawer/nve-drawer.styles.js +6 -6
  99. package/components/nve-dropdown/nve-dropdown.component.js +2 -79
  100. package/components/nve-dropdown/nve-dropdown.styles.js +5 -5
  101. package/components/nve-heading/nve-heading.component.d.ts +29 -0
  102. package/components/nve-heading/nve-heading.component.js +45 -0
  103. package/components/nve-heading/nve-heading.styles.d.ts +2 -0
  104. package/components/nve-heading/nve-heading.styles.js +41 -0
  105. package/components/nve-icon/nve-icon.component.js +145 -164
  106. package/components/nve-icon/nve-icon.styles.js +11 -6
  107. package/components/nve-icon/offline-icons.js +16 -13
  108. package/components/nve-input/nve-input.component.js +2 -100
  109. package/components/nve-input/nve-input.styles.js +5 -5
  110. package/components/nve-label/nve-label.component.js +2 -115
  111. package/components/nve-label/nve-label.styles.js +5 -5
  112. package/components/nve-link-card/nve-link-card.component.d.ts +5 -2
  113. package/components/nve-link-card/nve-link-card.component.js +44 -80
  114. package/components/nve-link-card/nve-link-card.styles.js +71 -66
  115. package/components/nve-menu/nve-menu.component.js +2 -22
  116. package/components/nve-menu/nve-menu.styles.js +5 -5
  117. package/components/nve-menu-item/nve-menu-item.component.js +2 -43
  118. package/components/nve-menu-item/nve-menu-item.styles.js +7 -7
  119. package/components/nve-message-card/nve-message-card.component.js +61 -91
  120. package/components/nve-message-card/nve-message-card.styles.js +24 -27
  121. package/components/nve-navigation-card/nve-navigation-card.component.d.ts +52 -0
  122. package/components/nve-navigation-card/nve-navigation-card.component.js +60 -0
  123. package/components/nve-navigation-card/nve-navigation-card.styles.d.ts +2 -0
  124. package/components/nve-navigation-card/nve-navigation-card.styles.js +112 -0
  125. package/components/nve-option/nve-option.component.js +2 -41
  126. package/components/nve-option/nve-option.styles.js +5 -5
  127. package/components/nve-paragraph/nve-paragraph.component.d.ts +26 -0
  128. package/components/nve-paragraph/nve-paragraph.component.js +26 -0
  129. package/components/nve-paragraph/nve-paragraph.styles.d.ts +2 -0
  130. package/components/nve-paragraph/nve-paragraph.styles.js +105 -0
  131. package/components/nve-popup/nve-popup.component.js +2 -22
  132. package/components/nve-radio/nve-radio.component.js +2 -23
  133. package/components/nve-radio/nve-radio.styles.js +5 -5
  134. package/components/nve-radio-button/nve-radio-button.component.js +2 -25
  135. package/components/nve-radio-button/nve-radio-button.styles.js +5 -5
  136. package/components/nve-radio-group/nve-radio-group.component.js +2 -119
  137. package/components/nve-radio-group/nve-radio-group.styles.js +5 -5
  138. package/components/nve-relative-time/nve-relative-time.component.js +21 -56
  139. package/components/nve-relative-time/nve-relative-time.styles.js +5 -5
  140. package/components/nve-select/nve-select.component.js +2 -80
  141. package/components/nve-select/nve-select.styles.js +5 -5
  142. package/components/nve-skeleton/nve-skeleton.component.js +2 -27
  143. package/components/nve-skeleton/nve-skeleton.styles.js +5 -5
  144. package/components/nve-spinner/nve-spinner.component.js +2 -31
  145. package/components/nve-stepper/nve-step/nve-step.component.js +113 -173
  146. package/components/nve-stepper/nve-step/nve-step.styles.js +12 -12
  147. package/components/nve-stepper/nve-stepper-mobile.component.js +37 -49
  148. package/components/nve-stepper/nve-stepper-mobile.styles.js +7 -7
  149. package/components/nve-stepper/nve-stepper.component.js +94 -139
  150. package/components/nve-stepper/nve-stepper.styles.js +5 -5
  151. package/components/nve-switch/nve-switch.component.js +75 -107
  152. package/components/nve-switch/nve-switch.styles.js +7 -7
  153. package/components/nve-tab/nve-tab.component.js +30 -42
  154. package/components/nve-tab/nve-tab.styles.js +7 -7
  155. package/components/nve-tab-group/nve-tab-group.component.js +180 -260
  156. package/components/nve-tab-group/nve-tab-group.styles.js +5 -5
  157. package/components/nve-tab-panel/nve-tab-panel.component.js +21 -31
  158. package/components/nve-tab-panel/nve-tab-panel.styles.js +5 -5
  159. package/components/nve-tag/nve-tag.component.d.ts +3 -3
  160. package/components/nve-tag/nve-tag.component.js +71 -72
  161. package/components/nve-tag/nve-tag.styles.js +23 -22
  162. package/components/nve-textarea/nve-textarea.component.d.ts +3 -1
  163. package/components/nve-textarea/nve-textarea.component.js +112 -173
  164. package/components/nve-textarea/nve-textarea.styles.js +10 -5
  165. package/components/nve-tooltip/nve-tooltip.component.js +2 -30
  166. package/components/nve-tooltip/nve-tooltip.styles.js +5 -5
  167. package/components/nve-warning-level/nve-warning-level.component.js +2 -78
  168. package/components/nve-warning-level/nve-warning-level.styles.js +7 -7
  169. package/css/global.css +13 -55
  170. package/css/nve.css +1048 -393
  171. package/css/nve_dark.css +406 -305
  172. package/css/rme.css +1050 -395
  173. package/css/rme_dark.css +408 -307
  174. package/css/shoelace-styles.css +539 -0
  175. package/css/varsom.css +1046 -391
  176. package/css/varsom_dark.css +404 -303
  177. package/custom-elements.json +2905 -12389
  178. package/fonts/LICENSE.txt +37 -0
  179. package/fonts/SourceSans3-VariableFont_wght.woff2 +0 -0
  180. package/interfaces/NveComponent.interface.js +0 -1
  181. package/nve-designsystem.d.ts +5 -0
  182. package/nve-designsystem.js +46 -86
  183. package/package.json +26 -8
  184. package/registerIcons/systemLibraryCustomization.js +23 -91
  185. package/vite-env.d.js +0 -1
  186. package/chunks/chunk.3RPBFEDE.js +0 -162
  187. package/chunks/chunk.JCXLDPQF.js +0 -225
  188. package/chunks/chunk.JQBT7BOV.js +0 -8446
  189. package/chunks/chunk.MAQXLKQ7.js +0 -598
  190. package/chunks/lit-element.js +0 -508
  191. package/chunks/property.js +0 -37
  192. package/chunks/query.js +0 -13
  193. package/chunks/state.js +0 -7
  194. package/chunks/static.js +0 -26
  195. package/nve-designsystem.css +0 -1
  196. package/vscode.css-custom-data.json +0 -621
  197. package/vscode.html-custom-data.json +0 -2354
@@ -1,225 +0,0 @@
1
- import { S as u } from "./chunk.36O46B5H.js";
2
- import { F as h, v as p } from "./chunk.3RPBFEDE.js";
3
- import { b as d } from "./chunk.MAQXLKQ7.js";
4
- import { H as f } from "./chunk.NYIIDP5N.js";
5
- import { L as c } from "./chunk.6CTB5ZDJ.js";
6
- import { S as m } from "./chunk.YHLNUJ7P.js";
7
- import { w as b } from "./chunk.GMYPQTFK.js";
8
- import { c as y, d as e, S as v } from "./chunk.4TUIT776.js";
9
- import { e as C } from "./class-map.js";
10
- import { i as a, u as s } from "./static.js";
11
- import { o as r } from "./if-defined.js";
12
- import { n as o } from "./property.js";
13
- import { r as n } from "./state.js";
14
- import { e as g } from "./query.js";
15
- var t = class extends v {
16
- constructor() {
17
- super(...arguments), this.formControlController = new h(this, {
18
- assumeInteractionOn: ["click"]
19
- }), this.hasSlotController = new f(this, "[default]", "prefix", "suffix"), this.localize = new c(this), this.hasFocus = !1, this.invalid = !1, this.title = "", this.variant = "default", this.size = "medium", this.caret = !1, this.disabled = !1, this.loading = !1, this.outline = !1, this.pill = !1, this.circle = !1, this.type = "button", this.name = "", this.value = "", this.href = "", this.rel = "noreferrer noopener";
20
- }
21
- /** Gets the validity state object */
22
- get validity() {
23
- return this.isButton() ? this.button.validity : p;
24
- }
25
- /** Gets the validation message */
26
- get validationMessage() {
27
- return this.isButton() ? this.button.validationMessage : "";
28
- }
29
- firstUpdated() {
30
- this.isButton() && this.formControlController.updateValidity();
31
- }
32
- handleBlur() {
33
- this.hasFocus = !1, this.emit("sl-blur");
34
- }
35
- handleFocus() {
36
- this.hasFocus = !0, this.emit("sl-focus");
37
- }
38
- handleClick() {
39
- this.type === "submit" && this.formControlController.submit(this), this.type === "reset" && this.formControlController.reset(this);
40
- }
41
- handleInvalid(i) {
42
- this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(i);
43
- }
44
- isButton() {
45
- return !this.href;
46
- }
47
- isLink() {
48
- return !!this.href;
49
- }
50
- handleDisabledChange() {
51
- this.isButton() && this.formControlController.setValidity(this.disabled);
52
- }
53
- /** Simulates a click on the button. */
54
- click() {
55
- this.button.click();
56
- }
57
- /** Sets focus on the button. */
58
- focus(i) {
59
- this.button.focus(i);
60
- }
61
- /** Removes focus from the button. */
62
- blur() {
63
- this.button.blur();
64
- }
65
- /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
66
- checkValidity() {
67
- return this.isButton() ? this.button.checkValidity() : !0;
68
- }
69
- /** Gets the associated form, if one exists. */
70
- getForm() {
71
- return this.formControlController.getForm();
72
- }
73
- /** Checks for validity and shows the browser's validation message if the control is invalid. */
74
- reportValidity() {
75
- return this.isButton() ? this.button.reportValidity() : !0;
76
- }
77
- /** Sets a custom validation message. Pass an empty string to restore validity. */
78
- setCustomValidity(i) {
79
- this.isButton() && (this.button.setCustomValidity(i), this.formControlController.updateValidity());
80
- }
81
- render() {
82
- const i = this.isLink(), l = i ? a`a` : a`button`;
83
- return s`
84
- <${l}
85
- part="base"
86
- class=${C({
87
- button: !0,
88
- "button--default": this.variant === "default",
89
- "button--primary": this.variant === "primary",
90
- "button--success": this.variant === "success",
91
- "button--neutral": this.variant === "neutral",
92
- "button--warning": this.variant === "warning",
93
- "button--danger": this.variant === "danger",
94
- "button--text": this.variant === "text",
95
- "button--small": this.size === "small",
96
- "button--medium": this.size === "medium",
97
- "button--large": this.size === "large",
98
- "button--caret": this.caret,
99
- "button--circle": this.circle,
100
- "button--disabled": this.disabled,
101
- "button--focused": this.hasFocus,
102
- "button--loading": this.loading,
103
- "button--standard": !this.outline,
104
- "button--outline": this.outline,
105
- "button--pill": this.pill,
106
- "button--rtl": this.localize.dir() === "rtl",
107
- "button--has-label": this.hasSlotController.test("[default]"),
108
- "button--has-prefix": this.hasSlotController.test("prefix"),
109
- "button--has-suffix": this.hasSlotController.test("suffix")
110
- })}
111
- ?disabled=${r(i ? void 0 : this.disabled)}
112
- type=${r(i ? void 0 : this.type)}
113
- title=${this.title}
114
- name=${r(i ? void 0 : this.name)}
115
- value=${r(i ? void 0 : this.value)}
116
- href=${r(i && !this.disabled ? this.href : void 0)}
117
- target=${r(i ? this.target : void 0)}
118
- download=${r(i ? this.download : void 0)}
119
- rel=${r(i ? this.rel : void 0)}
120
- role=${r(i ? void 0 : "button")}
121
- aria-disabled=${this.disabled ? "true" : "false"}
122
- tabindex=${this.disabled ? "-1" : "0"}
123
- @blur=${this.handleBlur}
124
- @focus=${this.handleFocus}
125
- @invalid=${this.isButton() ? this.handleInvalid : null}
126
- @click=${this.handleClick}
127
- >
128
- <slot name="prefix" part="prefix" class="button__prefix"></slot>
129
- <slot part="label" class="button__label"></slot>
130
- <slot name="suffix" part="suffix" class="button__suffix"></slot>
131
- ${this.caret ? s` <sl-icon part="caret" class="button__caret" library="system" name="caret"></sl-icon> ` : ""}
132
- ${this.loading ? s`<sl-spinner part="spinner"></sl-spinner>` : ""}
133
- </${l}>
134
- `;
135
- }
136
- };
137
- t.styles = [y, d];
138
- t.dependencies = {
139
- "sl-icon": m,
140
- "sl-spinner": u
141
- };
142
- e([
143
- g(".button")
144
- ], t.prototype, "button", 2);
145
- e([
146
- n()
147
- ], t.prototype, "hasFocus", 2);
148
- e([
149
- n()
150
- ], t.prototype, "invalid", 2);
151
- e([
152
- o()
153
- ], t.prototype, "title", 2);
154
- e([
155
- o({ reflect: !0 })
156
- ], t.prototype, "variant", 2);
157
- e([
158
- o({ reflect: !0 })
159
- ], t.prototype, "size", 2);
160
- e([
161
- o({ type: Boolean, reflect: !0 })
162
- ], t.prototype, "caret", 2);
163
- e([
164
- o({ type: Boolean, reflect: !0 })
165
- ], t.prototype, "disabled", 2);
166
- e([
167
- o({ type: Boolean, reflect: !0 })
168
- ], t.prototype, "loading", 2);
169
- e([
170
- o({ type: Boolean, reflect: !0 })
171
- ], t.prototype, "outline", 2);
172
- e([
173
- o({ type: Boolean, reflect: !0 })
174
- ], t.prototype, "pill", 2);
175
- e([
176
- o({ type: Boolean, reflect: !0 })
177
- ], t.prototype, "circle", 2);
178
- e([
179
- o()
180
- ], t.prototype, "type", 2);
181
- e([
182
- o()
183
- ], t.prototype, "name", 2);
184
- e([
185
- o()
186
- ], t.prototype, "value", 2);
187
- e([
188
- o()
189
- ], t.prototype, "href", 2);
190
- e([
191
- o()
192
- ], t.prototype, "target", 2);
193
- e([
194
- o()
195
- ], t.prototype, "rel", 2);
196
- e([
197
- o()
198
- ], t.prototype, "download", 2);
199
- e([
200
- o()
201
- ], t.prototype, "form", 2);
202
- e([
203
- o({ attribute: "formaction" })
204
- ], t.prototype, "formAction", 2);
205
- e([
206
- o({ attribute: "formenctype" })
207
- ], t.prototype, "formEnctype", 2);
208
- e([
209
- o({ attribute: "formmethod" })
210
- ], t.prototype, "formMethod", 2);
211
- e([
212
- o({ attribute: "formnovalidate", type: Boolean })
213
- ], t.prototype, "formNoValidate", 2);
214
- e([
215
- o({ attribute: "formtarget" })
216
- ], t.prototype, "formTarget", 2);
217
- e([
218
- b("disabled", { waitUntilFirstUpdate: !0 })
219
- ], t.prototype, "handleDisabledChange", 1);
220
- var U = t;
221
- t.define("sl-button");
222
- export {
223
- t as S,
224
- U as b
225
- };