@solid-design-system/components 1.0.0 → 1.0.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.
- package/dist/components/es/button.js +1 -1
- package/dist/components/es/icon.js +3 -3
- package/dist/components/es/solid-components.js +1 -1
- package/dist/components/es/solid-components2.js +1 -0
- package/dist/components/es/spinner.js +1 -1
- package/dist/components/umd/solid-components.js +33 -33
- package/dist/custom-elements.json +1 -1
- package/dist/package/components/icon/icon.js +1 -1
- package/dist/package/components/icon/library.js +18 -0
- package/dist/package/components/spinner/spinner.js +1 -1
- package/dist/package/solid-components.d.ts +1 -0
- package/dist/package/solid-components.js +4 -1
- package/dist/versioned-components/es/button.js +18 -18
- package/dist/versioned-components/es/icon.js +3 -3
- package/dist/versioned-components/es/include.js +1 -1
- package/dist/versioned-components/es/link.js +1 -1
- package/dist/versioned-components/es/solid-components.js +1 -1
- package/dist/versioned-components/es/solid-components2.js +1 -0
- package/dist/versioned-components/es/spinner.js +1 -1
- package/dist/versioned-package/components/button/button.d.ts +1 -1
- package/dist/versioned-package/components/button/button.js +18 -18
- package/dist/versioned-package/components/icon/icon.d.ts +1 -1
- package/dist/versioned-package/components/icon/icon.js +2 -2
- package/dist/versioned-package/components/icon/library.js +18 -0
- package/dist/versioned-package/components/include/include.d.ts +1 -1
- package/dist/versioned-package/components/include/include.js +1 -1
- package/dist/versioned-package/components/link/link.d.ts +1 -1
- package/dist/versioned-package/components/link/link.js +2 -2
- package/dist/versioned-package/components/spinner/spinner.d.ts +1 -1
- package/dist/versioned-package/components/spinner/spinner.js +2 -2
- package/dist/versioned-package/internal/form.js +1 -1
- package/dist/versioned-package/solid-components.d.ts +1 -0
- package/dist/versioned-package/solid-components.js +4 -1
- package/dist/vscode.html-custom-data.json +5 -5
- package/dist/web-types.json +6 -6
- package/package.json +12 -23
- package/dist/components/es/library.js +0 -1
- package/dist/components/es/library.system.js +0 -1
- package/dist/versioned-components/es/library.js +0 -1
- package/dist/versioned-components/es/library.system.js +0 -1
|
@@ -216,9 +216,9 @@ let SdButton = class extends SolidElement {
|
|
|
216
216
|
}[this.size]
|
|
217
217
|
)}>
|
|
218
218
|
</slot>
|
|
219
|
-
${this.loading ? html`<sd-1-0-
|
|
219
|
+
${this.loading ? html`<sd-1-0-2-spinner
|
|
220
220
|
class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"
|
|
221
|
-
></sd-1-0-
|
|
221
|
+
></sd-1-0-2-spinner>` : ""}
|
|
222
222
|
</${tag}>
|
|
223
223
|
`;
|
|
224
224
|
}
|
|
@@ -234,7 +234,7 @@ SdButton.styles = [
|
|
|
234
234
|
cursor: pointer;
|
|
235
235
|
}
|
|
236
236
|
|
|
237
|
-
sd-1-0-
|
|
237
|
+
sd-1-0-2-spinner {
|
|
238
238
|
--indicator-color: currentColor;
|
|
239
239
|
--track-color: var(--tw-varcolor-200);
|
|
240
240
|
}
|
|
@@ -253,11 +253,11 @@ SdButton.styles = [
|
|
|
253
253
|
}
|
|
254
254
|
|
|
255
255
|
/**
|
|
256
|
-
* sd-1-0-
|
|
256
|
+
* sd-1-0-2-icons should automatically resize correctly based on the button size.
|
|
257
257
|
*/
|
|
258
258
|
|
|
259
|
-
::slotted(sd-1-0-
|
|
260
|
-
sd-1-0-
|
|
259
|
+
::slotted(sd-1-0-2-icon),
|
|
260
|
+
sd-1-0-2-spinner {
|
|
261
261
|
font-size: calc(var(--tw-varspacing) / 2);
|
|
262
262
|
}
|
|
263
263
|
|
|
@@ -268,30 +268,30 @@ SdButton.styles = [
|
|
|
268
268
|
// * buttons and we style them here instead.
|
|
269
269
|
// */
|
|
270
270
|
|
|
271
|
-
// :host(.sd-1-0-
|
|
271
|
+
// :host(.sd-1-0-2-button-group__button--first:not(.sd-1-0-2-button-group__button--last)) .button {
|
|
272
272
|
// border-start-end-radius: 0;
|
|
273
273
|
// border-end-end-radius: 0;
|
|
274
274
|
// }
|
|
275
275
|
|
|
276
|
-
// :host(.sd-1-0-
|
|
276
|
+
// :host(.sd-1-0-2-button-group__button--inner) .button {
|
|
277
277
|
// border-radius: 0;
|
|
278
278
|
// }
|
|
279
279
|
|
|
280
|
-
// :host(.sd-1-0-
|
|
280
|
+
// :host(.sd-1-0-2-button-group__button--last:not(.sd-1-0-2-button-group__button--first)) .button {
|
|
281
281
|
// border-start-start-radius: 0;
|
|
282
282
|
// border-end-start-radius: 0;
|
|
283
283
|
// }
|
|
284
284
|
|
|
285
285
|
// /* All except the first */
|
|
286
|
-
// :host(.sd-1-0-
|
|
286
|
+
// :host(.sd-1-0-2-button-group__button:not(.sd-1-0-2-button-group__button--first)) {
|
|
287
287
|
// margin-inline-start: calc(-1 * var(--sd-input-border-width));
|
|
288
288
|
// }
|
|
289
289
|
|
|
290
290
|
// /* Add a visual separator between solid buttons */
|
|
291
291
|
// :host(
|
|
292
|
-
// .sd-1-0-
|
|
293
|
-
// .sd-1-0-
|
|
294
|
-
// .sd-1-0-
|
|
292
|
+
// .sd-1-0-2-button-group__button:not(
|
|
293
|
+
// .sd-1-0-2-button-group__button--first,
|
|
294
|
+
// .sd-1-0-2-button-group__button--radio,
|
|
295
295
|
// [variant='default']
|
|
296
296
|
// ):not(:hover)
|
|
297
297
|
// )
|
|
@@ -306,13 +306,13 @@ SdButton.styles = [
|
|
|
306
306
|
// }
|
|
307
307
|
|
|
308
308
|
// /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
|
|
309
|
-
// :host(.sd-1-0-
|
|
309
|
+
// :host(.sd-1-0-2-button-group__button--hover) {
|
|
310
310
|
// z-index: 1;
|
|
311
311
|
// }
|
|
312
312
|
|
|
313
313
|
// /* Focus and checked are always on top */
|
|
314
|
-
// :host(.sd-1-0-
|
|
315
|
-
// :host(.sd-1-0-
|
|
314
|
+
// :host(.sd-1-0-2-button-group__button--focus),
|
|
315
|
+
// :host(.sd-1-0-2-button-group__button[checked]) {
|
|
316
316
|
// z-index: 2;
|
|
317
317
|
// }
|
|
318
318
|
`
|
|
@@ -321,7 +321,7 @@ __decorateClass([
|
|
|
321
321
|
query("a, button")
|
|
322
322
|
], SdButton.prototype, "button", 2);
|
|
323
323
|
__decorateClass([
|
|
324
|
-
queryAssignedElements({ selector: "sd-1-0-
|
|
324
|
+
queryAssignedElements({ selector: "sd-1-0-2-icon" })
|
|
325
325
|
], SdButton.prototype, "_iconsInDefaultSlot", 2);
|
|
326
326
|
__decorateClass([
|
|
327
327
|
state()
|
|
@@ -384,7 +384,7 @@ __decorateClass([
|
|
|
384
384
|
watch("disabled", { waitUntilFirstUpdate: true })
|
|
385
385
|
], SdButton.prototype, "handleDisabledChange", 1);
|
|
386
386
|
SdButton = __decorateClass([
|
|
387
|
-
customElement("sd-1-0-
|
|
387
|
+
customElement("sd-1-0-2-button")
|
|
388
388
|
], SdButton);
|
|
389
389
|
export {
|
|
390
390
|
SdButton as default
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, html } from "lit";
|
|
2
2
|
import { state, property, customElement } from "lit/decorators.js";
|
|
3
|
-
import { unwatchIcon, getIconLibrary
|
|
3
|
+
import { watchIcon, unwatchIcon, getIconLibrary } from "./library.js";
|
|
4
4
|
import { requestIcon } from "./request.js";
|
|
5
5
|
import { unsafeSVG } from "lit/directives/unsafe-svg.js";
|
|
6
6
|
import { watch } from "../../internal/watch.js";
|
|
@@ -122,7 +122,7 @@ __decorateClass([
|
|
|
122
122
|
watch(["name", "src", "library"])
|
|
123
123
|
], SdIcon.prototype, "setIcon", 1);
|
|
124
124
|
SdIcon = __decorateClass([
|
|
125
|
-
customElement("sd-1-0-
|
|
125
|
+
customElement("sd-1-0-2-icon")
|
|
126
126
|
], SdIcon);
|
|
127
127
|
export {
|
|
128
128
|
SdIcon as default
|
|
@@ -10,8 +10,26 @@ function unwatchIcon(icon) {
|
|
|
10
10
|
function getIconLibrary(name) {
|
|
11
11
|
return registry.find((lib) => lib.name === name);
|
|
12
12
|
}
|
|
13
|
+
function registerIconLibrary(name, options) {
|
|
14
|
+
unregisterIconLibrary(name);
|
|
15
|
+
registry.push({
|
|
16
|
+
name,
|
|
17
|
+
resolver: options.resolver,
|
|
18
|
+
mutator: options.mutator
|
|
19
|
+
});
|
|
20
|
+
watchedIcons.forEach((icon) => {
|
|
21
|
+
if (icon.library === name) {
|
|
22
|
+
icon.setIcon();
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
function unregisterIconLibrary(name) {
|
|
27
|
+
registry = registry.filter((lib) => lib.name !== name);
|
|
28
|
+
}
|
|
13
29
|
export {
|
|
14
30
|
getIconLibrary,
|
|
31
|
+
registerIconLibrary,
|
|
32
|
+
unregisterIconLibrary,
|
|
15
33
|
unwatchIcon,
|
|
16
34
|
watchIcon
|
|
17
35
|
};
|
|
@@ -76,7 +76,7 @@ let SdLink = class extends SolidElement {
|
|
|
76
76
|
};
|
|
77
77
|
SdLink.styles = [
|
|
78
78
|
SolidElement.styles,
|
|
79
|
-
css`::slotted(sd-1-0-
|
|
79
|
+
css`::slotted(sd-1-0-2-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-1-0-2-icon){font-size:1rem}:host([size=lg][standalone]) ::slotted(sd-1-0-2-icon){font-size:1.5rem}`
|
|
80
80
|
];
|
|
81
81
|
__decorateClass([
|
|
82
82
|
query("a")
|
|
@@ -100,7 +100,7 @@ __decorateClass([
|
|
|
100
100
|
property()
|
|
101
101
|
], SdLink.prototype, "download", 2);
|
|
102
102
|
SdLink = __decorateClass([
|
|
103
|
-
customElement("sd-1-0-
|
|
103
|
+
customElement("sd-1-0-2-link")
|
|
104
104
|
], SdLink);
|
|
105
105
|
export {
|
|
106
106
|
SdLink as default
|
|
@@ -28,7 +28,7 @@ let SdSpinner = class extends SolidElement {
|
|
|
28
28
|
white: "text-white",
|
|
29
29
|
currentColor: ""
|
|
30
30
|
}[this.color]
|
|
31
|
-
)}" aria-
|
|
31
|
+
)}" aria-label="${this.localize.term("loading")}"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" class="opacity-20" fill="currentColor"/><mask id="mask0_5273_25391" style="mask-type:alpha" maskUnits="userSpaceOnUse"><path d="M24 12C24 5.37258 18.6274 0 12 0V12H24Z" fill="currentColor"/></mask><g mask="url(#mask0_5273_25391)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="currentColor"/></g></svg>`;
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
SdSpinner.styles = [
|
|
@@ -39,7 +39,7 @@ __decorateClass([
|
|
|
39
39
|
property({ reflect: true })
|
|
40
40
|
], SdSpinner.prototype, "color", 2);
|
|
41
41
|
SdSpinner = __decorateClass([
|
|
42
|
-
customElement("sd-1-0-
|
|
42
|
+
customElement("sd-1-0-2-spinner")
|
|
43
43
|
], SdSpinner);
|
|
44
44
|
export {
|
|
45
45
|
SdSpinner as default
|
|
@@ -90,7 +90,7 @@ class FormControlController {
|
|
|
90
90
|
const disabled = this.options.disabled(this.host);
|
|
91
91
|
const name = this.options.name(this.host);
|
|
92
92
|
const value = this.options.value(this.host);
|
|
93
|
-
const isButton = this.host.tagName.toLowerCase() === "sd-1-0-
|
|
93
|
+
const isButton = this.host.tagName.toLowerCase() === "sd-1-0-2-button";
|
|
94
94
|
if (!disabled && !isButton && typeof name === "string" && name.length > 0 && typeof value !== "undefined") {
|
|
95
95
|
if (Array.isArray(value)) {
|
|
96
96
|
value.forEach((val) => {
|
|
@@ -3,4 +3,5 @@ export { default as SdIcon } from './components/icon/icon';
|
|
|
3
3
|
export { default as SdInclude } from './components/include/include';
|
|
4
4
|
export { default as SdLink } from './components/link/link';
|
|
5
5
|
export { default as SdSpinner } from './components/spinner/spinner';
|
|
6
|
+
export * from './utilities/icon-library';
|
|
6
7
|
export * from './utilities/localize';
|
|
@@ -3,6 +3,7 @@ import { default as default3 } from "./components/icon/icon.js";
|
|
|
3
3
|
import { default as default4 } from "./components/include/include.js";
|
|
4
4
|
import { default as default5 } from "./components/link/link.js";
|
|
5
5
|
import { default as default6 } from "./components/spinner/spinner.js";
|
|
6
|
+
import { registerIconLibrary, unregisterIconLibrary } from "./components/icon/library.js";
|
|
6
7
|
import { LocalizeController } from "./utilities/localize.js";
|
|
7
8
|
export {
|
|
8
9
|
LocalizeController,
|
|
@@ -10,5 +11,7 @@ export {
|
|
|
10
11
|
default3 as SdIcon,
|
|
11
12
|
default4 as SdInclude,
|
|
12
13
|
default5 as SdLink,
|
|
13
|
-
default6 as SdSpinner
|
|
14
|
+
default6 as SdSpinner,
|
|
15
|
+
registerIconLibrary,
|
|
16
|
+
unregisterIconLibrary
|
|
14
17
|
};
|
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
"references": []
|
|
331
331
|
},
|
|
332
332
|
{
|
|
333
|
-
"name": "sd-1-0-
|
|
333
|
+
"name": "sd-1-0-2-button",
|
|
334
334
|
"description": "Buttons represent actions that are available to the user.\n\n\n---\n\n\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **icon-left** - A prefix icon or similar element.\n- **icon-right** - A suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon-left** - The container that wraps the left icon area.\n- **label** - The button's label.\n- **icon-right** - The container that wraps the right icon area.",
|
|
335
335
|
"attributes": [
|
|
336
336
|
{
|
|
@@ -502,7 +502,7 @@
|
|
|
502
502
|
"references": []
|
|
503
503
|
},
|
|
504
504
|
{
|
|
505
|
-
"name": "sd-1-0-
|
|
505
|
+
"name": "sd-1-0-2-icon",
|
|
506
506
|
"description": "Icons are symbols that can be used to represent various options within an application.\n\n\n---\n\n\n\n\n### **Events:**\n - **sd-load** - Emitted when the icon has loaded.\n- **sd-error** - Emitted when the icon fails to load due to an error.",
|
|
507
507
|
"attributes": [
|
|
508
508
|
{
|
|
@@ -544,7 +544,7 @@
|
|
|
544
544
|
"references": []
|
|
545
545
|
},
|
|
546
546
|
{
|
|
547
|
-
"name": "sd-1-0-
|
|
547
|
+
"name": "sd-1-0-2-include",
|
|
548
548
|
"description": "Includes give you the power to embed external HTML files into the page.\n\n\n---\n\n\n\n\n### **Events:**\n - **sd-load** - Emitted when the included file is loaded.\n- **sd-error** - Emitted when the included file fails to load due to an error.",
|
|
549
549
|
"attributes": [
|
|
550
550
|
{
|
|
@@ -576,7 +576,7 @@
|
|
|
576
576
|
"references": []
|
|
577
577
|
},
|
|
578
578
|
{
|
|
579
|
-
"name": "sd-1-0-
|
|
579
|
+
"name": "sd-1-0-2-link",
|
|
580
580
|
"description": "A link component.\n\n\n---\n\n\n\n\n### **Events:**\n - **sd-blur** - Emitted when the link loses focus.\n- **sd-focus** - Emitted when the link gains focus.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n\n### **Slots:**\n - _default_ - The default slot.\n- **icon-left** - The icon to display on the left side of the link.\n- **icon-right** - The icon to display on the right side of the link.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon-left** - The container that wraps the left icon area.\n- **label** - The link's label.\n- **icon-right** - The container that wraps the right icon area.",
|
|
581
581
|
"attributes": [
|
|
582
582
|
{
|
|
@@ -636,7 +636,7 @@
|
|
|
636
636
|
"references": []
|
|
637
637
|
},
|
|
638
638
|
{
|
|
639
|
-
"name": "sd-1-0-
|
|
639
|
+
"name": "sd-1-0-2-spinner",
|
|
640
640
|
"description": "Spinners are used to show the progress of an indeterminate operation.\n\n\n---\n\n\n",
|
|
641
641
|
"attributes": [
|
|
642
642
|
{
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "http://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@solid-design-system/components",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.2",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework-config": {
|
|
7
7
|
"enable-when": {
|
|
@@ -768,7 +768,7 @@
|
|
|
768
768
|
]
|
|
769
769
|
},
|
|
770
770
|
{
|
|
771
|
-
"name": "sd-1-0-
|
|
771
|
+
"name": "sd-1-0-2-button",
|
|
772
772
|
"description": "",
|
|
773
773
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/button",
|
|
774
774
|
"js": {
|
|
@@ -1107,7 +1107,7 @@
|
|
|
1107
1107
|
]
|
|
1108
1108
|
},
|
|
1109
1109
|
{
|
|
1110
|
-
"name": "sd-1-0-
|
|
1110
|
+
"name": "sd-1-0-2-icon",
|
|
1111
1111
|
"description": "",
|
|
1112
1112
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
|
|
1113
1113
|
"js": {
|
|
@@ -1216,7 +1216,7 @@
|
|
|
1216
1216
|
]
|
|
1217
1217
|
},
|
|
1218
1218
|
{
|
|
1219
|
-
"name": "sd-1-0-
|
|
1219
|
+
"name": "sd-1-0-2-include",
|
|
1220
1220
|
"description": "",
|
|
1221
1221
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/include",
|
|
1222
1222
|
"js": {
|
|
@@ -1287,7 +1287,7 @@
|
|
|
1287
1287
|
]
|
|
1288
1288
|
},
|
|
1289
1289
|
{
|
|
1290
|
-
"name": "sd-1-0-
|
|
1290
|
+
"name": "sd-1-0-2-link",
|
|
1291
1291
|
"description": "",
|
|
1292
1292
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/link",
|
|
1293
1293
|
"js": {
|
|
@@ -1414,7 +1414,7 @@
|
|
|
1414
1414
|
]
|
|
1415
1415
|
},
|
|
1416
1416
|
{
|
|
1417
|
-
"name": "sd-1-0-
|
|
1417
|
+
"name": "sd-1-0-2-spinner",
|
|
1418
1418
|
"description": "",
|
|
1419
1419
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
|
|
1420
1420
|
"js": {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@solid-design-system/components",
|
|
3
3
|
"description": "Solid Design System: Components",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.2",
|
|
5
5
|
"homepage": "https://solid-design-system.fe.union-investment.de/x.x.x/storybook/",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Union Investment"
|
|
@@ -52,12 +52,7 @@
|
|
|
52
52
|
"build.storybook": "storybook build --output-dir dist/storybook && cp dist/custom-elements.json dist/storybook/custom-elements.json",
|
|
53
53
|
"build.chromatic": "pnpm build.storybook && pnpm ci.optimize-chromatic",
|
|
54
54
|
"preview": "vite preview",
|
|
55
|
-
"
|
|
56
|
-
"verify": "pnpm format.verify > /dev/null && pnpm lint.verify && pnpm ts.verify && pnpm build && echo '✅ Build verified' && pnpm ci.optimize-chromatic && echo '✅ Chromatic optimization verified' && pnpm test && echo '✅ Test verified'",
|
|
57
|
-
"format.fix": "prettier --write --loglevel warn .",
|
|
58
|
-
"format.verify": "prettier --check --loglevel warn . && echo '✅ Formatting verified'",
|
|
59
|
-
"lint.fix": "eslint src --max-warnings 0 --fix",
|
|
60
|
-
"lint.verify": "eslint src --max-warnings 0 && echo '✅ Linting verified'",
|
|
55
|
+
"verify": "pnpm ts.verify && pnpm build && echo '✅ Build verified' && pnpm ci.optimize-chromatic && echo '✅ Chromatic optimization verified' && pnpm test && echo '✅ Test verified'",
|
|
61
56
|
"ts.verify": "tsc --noEmit --project ./tsconfig.json && echo '✅ TypeScript verified'",
|
|
62
57
|
"plop": "plop --plopfile scripts/plop/plopfile.js",
|
|
63
58
|
"ci.optimize-chromatic": "node ./scripts/storybook/optimize-chromatic.cjs",
|
|
@@ -66,7 +61,7 @@
|
|
|
66
61
|
"test.watch": "web-test-runner --watch --group default",
|
|
67
62
|
"storybook": "storybook dev -p 6999",
|
|
68
63
|
"chromatic": "npx chromatic -b build.chromatic",
|
|
69
|
-
"postversion": "pnpm build.npm",
|
|
64
|
+
"postversion": "pnpm build.npm && node scripts/node-write-sizes.mjs",
|
|
70
65
|
"release": "semantic-release --tagFormat 'components/${version}' -e semantic-release-monorepo",
|
|
71
66
|
"release.dry": "semantic-release -d --tagFormat 'components/${version}' -e semantic-release-monorepo"
|
|
72
67
|
},
|
|
@@ -96,8 +91,6 @@
|
|
|
96
91
|
"@storybook/web-components-vite": "^7.0.20",
|
|
97
92
|
"@types/mocha": "^10.0.1",
|
|
98
93
|
"@types/sinon": "^10.0.15",
|
|
99
|
-
"@typescript-eslint/eslint-plugin": "^5.59.9",
|
|
100
|
-
"@typescript-eslint/parser": "^5.59.9",
|
|
101
94
|
"@web/test-runner": "^0.16.1",
|
|
102
95
|
"@web/test-runner-commands": "^0.7.0",
|
|
103
96
|
"@web/test-runner-playwright": "^0.10.1",
|
|
@@ -106,16 +99,6 @@
|
|
|
106
99
|
"chromatic": "^6.18.2",
|
|
107
100
|
"comment-parser": "^1.3.1",
|
|
108
101
|
"cssnano": "^6.0.1",
|
|
109
|
-
"eslint": "^8.42.0",
|
|
110
|
-
"eslint-config-prettier": "^8.8.0",
|
|
111
|
-
"eslint-plugin-chai-expect": "^3.0.0",
|
|
112
|
-
"eslint-plugin-chai-friendly": "^0.7.2",
|
|
113
|
-
"eslint-plugin-import": "^2.27.5",
|
|
114
|
-
"eslint-plugin-lit": "^1.8.3",
|
|
115
|
-
"eslint-plugin-lit-a11y": "^2.4.1",
|
|
116
|
-
"eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
|
|
117
|
-
"eslint-plugin-storybook": "^0.6.12",
|
|
118
|
-
"eslint-plugin-wc": "^1.5.0",
|
|
119
102
|
"globby": "^13.1.4",
|
|
120
103
|
"gzip-size": "^7.0.0",
|
|
121
104
|
"html-format": "^1.1.2",
|
|
@@ -154,7 +137,7 @@
|
|
|
154
137
|
[
|
|
155
138
|
"@semantic-release/changelog",
|
|
156
139
|
{
|
|
157
|
-
"changelogFile": "src/docs/General/
|
|
140
|
+
"changelogFile": "src/docs/General/Changelog.mdx"
|
|
158
141
|
}
|
|
159
142
|
],
|
|
160
143
|
[
|
|
@@ -168,7 +151,7 @@
|
|
|
168
151
|
{
|
|
169
152
|
"message": "chore(release/components): ${nextRelease.version} [skip actions]\n\n${nextRelease.notes}",
|
|
170
153
|
"assets": [
|
|
171
|
-
"src/docs/General/
|
|
154
|
+
"src/docs/General/Changelog.mdx",
|
|
172
155
|
"package.json"
|
|
173
156
|
]
|
|
174
157
|
}
|
|
@@ -181,5 +164,11 @@
|
|
|
181
164
|
]
|
|
182
165
|
]
|
|
183
166
|
},
|
|
184
|
-
"readme": "README.md"
|
|
167
|
+
"readme": "README.md",
|
|
168
|
+
"meta": {
|
|
169
|
+
"bundleSizeInKb": {
|
|
170
|
+
"uncompressed": 61,
|
|
171
|
+
"gzip": 18
|
|
172
|
+
}
|
|
173
|
+
}
|
|
185
174
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import r from"./library.system.js";let n=[r],t=[];function e(r){t.push(r)}function o(r){t=t.filter((n=>n!==r))}function a(r){return n.find((n=>n.name===r))}function i(r,e){s(r),n.push({name:r,resolver:e.resolver,mutator:e.mutator}),t.forEach((n=>{n.library===r&&n.setIcon()}))}function s(r){n=n.filter((n=>n.name!==r))}export{a as getIconLibrary,i as registerIconLibrary,s as unregisterIconLibrary,o as unwatchIcon,e as watchIcon};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const n={"chevron-down":'\n <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z"></path>\n </svg>\n ',"chevron-up":'\n <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z"></path>\n </svg>\n '},s={name:"system",resolver:s=>s in n?`data:image/svg+xml,${encodeURIComponent(n[s])}`:"",mutator:n=>n.setAttribute("fill","currentColor")};export{s as default,n as icons};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import r from"./library.system.js";let n=[r],t=[];function e(r){t.push(r)}function o(r){t=t.filter((n=>n!==r))}function a(r){return n.find((n=>n.name===r))}function i(r,e){s(r),n.push({name:r,resolver:e.resolver,mutator:e.mutator}),t.forEach((n=>{n.library===r&&n.setIcon()}))}function s(r){n=n.filter((n=>n.name!==r))}export{a as getIconLibrary,i as registerIconLibrary,s as unregisterIconLibrary,o as unwatchIcon,e as watchIcon};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const n={"chevron-down":'\n <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z"></path>\n </svg>\n ',"chevron-up":'\n <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z"></path>\n </svg>\n '},s={name:"system",resolver:s=>s in n?`data:image/svg+xml,${encodeURIComponent(n[s])}`:"",mutator:n=>n.setAttribute("fill","currentColor")};export{s as default,n as icons};
|