@solid-design-system/components 1.2.0 → 1.2.1
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 +2 -121
- package/dist/components/umd/solid-components.js +11 -130
- package/dist/custom-elements.json +1 -1
- package/dist/package/components/button/button.js +6 -125
- package/dist/versioned-components/es/accordion-group.js +1 -1
- package/dist/versioned-components/es/accordion.js +1 -1
- package/dist/versioned-components/es/button.js +2 -121
- package/dist/versioned-components/es/divider.js +1 -1
- package/dist/versioned-components/es/icon.js +1 -1
- package/dist/versioned-components/es/include.js +1 -1
- package/dist/versioned-components/es/link.js +1 -1
- package/dist/versioned-components/es/spinner.js +1 -1
- package/dist/versioned-package/components/accordion/accordion.d.ts +1 -1
- package/dist/versioned-package/components/accordion/accordion.js +2 -2
- package/dist/versioned-package/components/accordion-group/accordion-group.d.ts +1 -1
- package/dist/versioned-package/components/accordion-group/accordion-group.js +3 -3
- package/dist/versioned-package/components/button/button.d.ts +1 -1
- package/dist/versioned-package/components/button/button.js +8 -127
- package/dist/versioned-package/components/divider/divider.d.ts +1 -1
- package/dist/versioned-package/components/divider/divider.js +2 -2
- package/dist/versioned-package/components/icon/icon.d.ts +1 -1
- package/dist/versioned-package/components/icon/icon.js +1 -1
- 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 +1 -1
- package/dist/versioned-package/internal/form.js +1 -1
- package/dist/vscode.html-custom-data.json +8 -8
- package/dist/web-types.json +9 -9
- package/package.json +4 -4
|
@@ -383,7 +383,7 @@
|
|
|
383
383
|
"references": []
|
|
384
384
|
},
|
|
385
385
|
{
|
|
386
|
-
"name": "sd-1-2-
|
|
386
|
+
"name": "sd-1-2-1-accordion-group",
|
|
387
387
|
"description": "Short summary of the component's intended use.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The default slot where `<sd-accordion>` elements are placed.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
388
388
|
"attributes": [
|
|
389
389
|
{
|
|
@@ -395,7 +395,7 @@
|
|
|
395
395
|
"references": []
|
|
396
396
|
},
|
|
397
397
|
{
|
|
398
|
-
"name": "sd-1-2-
|
|
398
|
+
"name": "sd-1-2-1-accordion",
|
|
399
399
|
"description": "Accordion shows a brief summary and expands to show additional content.\n\n\n---\n\n\n\n\n### **Events:**\n - **sd-show** - Emitted when the accordion opens.\n- **sd-after-show** - Emitted after the accordion opens and all animations are complete.\n- **sd-hide** - Emitted when the accordion closes.\n- **sd-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\n\n### **Slots:**\n - _default_ - The accordion main content.\n- **summary** - The accordion summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sd-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sd-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **content** - The accordion content.",
|
|
400
400
|
"attributes": [
|
|
401
401
|
{
|
|
@@ -412,7 +412,7 @@
|
|
|
412
412
|
"references": []
|
|
413
413
|
},
|
|
414
414
|
{
|
|
415
|
-
"name": "sd-1-2-
|
|
415
|
+
"name": "sd-1-2-1-button",
|
|
416
416
|
"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.",
|
|
417
417
|
"attributes": [
|
|
418
418
|
{
|
|
@@ -584,7 +584,7 @@
|
|
|
584
584
|
"references": []
|
|
585
585
|
},
|
|
586
586
|
{
|
|
587
|
-
"name": "sd-1-2-
|
|
587
|
+
"name": "sd-1-2-1-divider",
|
|
588
588
|
"description": "Dividers are used to visually separate or group elements.\n\n\n---\n\n\n",
|
|
589
589
|
"attributes": [
|
|
590
590
|
{
|
|
@@ -608,7 +608,7 @@
|
|
|
608
608
|
"references": []
|
|
609
609
|
},
|
|
610
610
|
{
|
|
611
|
-
"name": "sd-1-2-
|
|
611
|
+
"name": "sd-1-2-1-icon",
|
|
612
612
|
"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.",
|
|
613
613
|
"attributes": [
|
|
614
614
|
{
|
|
@@ -650,7 +650,7 @@
|
|
|
650
650
|
"references": []
|
|
651
651
|
},
|
|
652
652
|
{
|
|
653
|
-
"name": "sd-1-2-
|
|
653
|
+
"name": "sd-1-2-1-include",
|
|
654
654
|
"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.",
|
|
655
655
|
"attributes": [
|
|
656
656
|
{
|
|
@@ -682,7 +682,7 @@
|
|
|
682
682
|
"references": []
|
|
683
683
|
},
|
|
684
684
|
{
|
|
685
|
-
"name": "sd-1-2-
|
|
685
|
+
"name": "sd-1-2-1-link",
|
|
686
686
|
"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.",
|
|
687
687
|
"attributes": [
|
|
688
688
|
{
|
|
@@ -742,7 +742,7 @@
|
|
|
742
742
|
"references": []
|
|
743
743
|
},
|
|
744
744
|
{
|
|
745
|
-
"name": "sd-1-2-
|
|
745
|
+
"name": "sd-1-2-1-spinner",
|
|
746
746
|
"description": "Spinners are used to show the progress of an indeterminate operation.\n\n\n---\n\n\n",
|
|
747
747
|
"attributes": [
|
|
748
748
|
{
|
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.2.
|
|
4
|
+
"version": "1.2.1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework-config": {
|
|
7
7
|
"enable-when": {
|
|
@@ -921,7 +921,7 @@
|
|
|
921
921
|
]
|
|
922
922
|
},
|
|
923
923
|
{
|
|
924
|
-
"name": "sd-1-2-
|
|
924
|
+
"name": "sd-1-2-1-accordion-group",
|
|
925
925
|
"description": "",
|
|
926
926
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
|
|
927
927
|
"js": {
|
|
@@ -951,7 +951,7 @@
|
|
|
951
951
|
]
|
|
952
952
|
},
|
|
953
953
|
{
|
|
954
|
-
"name": "sd-1-2-
|
|
954
|
+
"name": "sd-1-2-1-accordion",
|
|
955
955
|
"description": "",
|
|
956
956
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
|
|
957
957
|
"js": {
|
|
@@ -1034,7 +1034,7 @@
|
|
|
1034
1034
|
]
|
|
1035
1035
|
},
|
|
1036
1036
|
{
|
|
1037
|
-
"name": "sd-1-2-
|
|
1037
|
+
"name": "sd-1-2-1-button",
|
|
1038
1038
|
"description": "",
|
|
1039
1039
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/button",
|
|
1040
1040
|
"js": {
|
|
@@ -1373,7 +1373,7 @@
|
|
|
1373
1373
|
]
|
|
1374
1374
|
},
|
|
1375
1375
|
{
|
|
1376
|
-
"name": "sd-1-2-
|
|
1376
|
+
"name": "sd-1-2-1-divider",
|
|
1377
1377
|
"description": "",
|
|
1378
1378
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
|
|
1379
1379
|
"js": {
|
|
@@ -1413,7 +1413,7 @@
|
|
|
1413
1413
|
]
|
|
1414
1414
|
},
|
|
1415
1415
|
{
|
|
1416
|
-
"name": "sd-1-2-
|
|
1416
|
+
"name": "sd-1-2-1-icon",
|
|
1417
1417
|
"description": "",
|
|
1418
1418
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
|
|
1419
1419
|
"js": {
|
|
@@ -1522,7 +1522,7 @@
|
|
|
1522
1522
|
]
|
|
1523
1523
|
},
|
|
1524
1524
|
{
|
|
1525
|
-
"name": "sd-1-2-
|
|
1525
|
+
"name": "sd-1-2-1-include",
|
|
1526
1526
|
"description": "",
|
|
1527
1527
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/include",
|
|
1528
1528
|
"js": {
|
|
@@ -1593,7 +1593,7 @@
|
|
|
1593
1593
|
]
|
|
1594
1594
|
},
|
|
1595
1595
|
{
|
|
1596
|
-
"name": "sd-1-2-
|
|
1596
|
+
"name": "sd-1-2-1-link",
|
|
1597
1597
|
"description": "",
|
|
1598
1598
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/link",
|
|
1599
1599
|
"js": {
|
|
@@ -1720,7 +1720,7 @@
|
|
|
1720
1720
|
]
|
|
1721
1721
|
},
|
|
1722
1722
|
{
|
|
1723
|
-
"name": "sd-1-2-
|
|
1723
|
+
"name": "sd-1-2-1-spinner",
|
|
1724
1724
|
"description": "",
|
|
1725
1725
|
"doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
|
|
1726
1726
|
"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.2.
|
|
4
|
+
"version": "1.2.1",
|
|
5
5
|
"homepage": "https://solid-design-system.fe.union-investment.de/x.x.x/storybook/",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Union Investment"
|
|
@@ -111,13 +111,13 @@
|
|
|
111
111
|
"jsonata": "^2.0.3",
|
|
112
112
|
"lint-staged": "^13.2.2",
|
|
113
113
|
"lit-html": "^2.7.4",
|
|
114
|
+
"minify-html-literals": "^1.3.5",
|
|
114
115
|
"normalize.css": "^8.0.1",
|
|
115
116
|
"plop": "^3.1.2",
|
|
116
117
|
"postcss": "^8.4.24",
|
|
117
118
|
"prettier": "^2.8.8",
|
|
118
119
|
"react": "^18.2.0",
|
|
119
120
|
"react-dom": "^18.2.0",
|
|
120
|
-
"rollup-plugin-minify-html-literals": "^1.2.6",
|
|
121
121
|
"rollup-plugin-summary": "^2.0.0",
|
|
122
122
|
"semantic-release": "^19.0.5",
|
|
123
123
|
"semantic-release-monorepo": "^7.0.5",
|
|
@@ -172,8 +172,8 @@
|
|
|
172
172
|
"readme": "README.md",
|
|
173
173
|
"meta": {
|
|
174
174
|
"bundleSizeInKb": {
|
|
175
|
-
"uncompressed":
|
|
176
|
-
"gzip":
|
|
175
|
+
"uncompressed": 67,
|
|
176
|
+
"gzip": 19
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
179
|
}
|