@solid-design-system/components 1.4.0 → 1.5.0

package/dist/vscode.html-custom-data.json

@@ -457,7 +457,7 @@
       "references": []
     },
     {
-      "name": "sd-1-4-0-accordion-group",
+      "name": "sd-1-5-0-accordion-group",
       "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.",
       "attributes": [
         {
@@ -469,7 +469,7 @@
       "references": []
     },
     {
-      "name": "sd-1-4-0-accordion",
+      "name": "sd-1-5-0-accordion",
       "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.",
       "attributes": [
         {
@@ -486,7 +486,7 @@
       "references": []
     },
     {
-      "name": "sd-1-4-0-brandshape",
+      "name": "sd-1-5-0-brandshape",
       "description": "The Brandshape highlights a piece of content.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The content inside the brandshape.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - Middle content wrapper.\n- **shape-top** - Top shape.\n- **shape-middle** - Middle shape.\n- **shape-bottom** - Bottom shape.",
       "attributes": [
         {
@@ -523,7 +523,7 @@
       "references": []
     },
     {
-      "name": "sd-1-4-0-button",
+      "name": "sd-1-5-0-button",
       "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.",
       "attributes": [
         {
@@ -695,7 +695,7 @@
       "references": []
     },
     {
-      "name": "sd-1-4-0-divider",
+      "name": "sd-1-5-0-divider",
       "description": "Dividers are used to visually separate or group elements.\n\n\n---\n\n\n",
       "attributes": [
         {
@@ -719,7 +719,7 @@
       "references": []
     },
     {
-      "name": "sd-1-4-0-icon",
+      "name": "sd-1-5-0-icon",
       "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.",
       "attributes": [
         {
@@ -761,7 +761,7 @@
       "references": []
     },
     {
-      "name": "sd-1-4-0-include",
+      "name": "sd-1-5-0-include",
       "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.",
       "attributes": [
         {
@@ -793,7 +793,7 @@
       "references": []
     },
     {
-      "name": "sd-1-4-0-link",
+      "name": "sd-1-5-0-link",
       "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.",
       "attributes": [
         {
@@ -853,7 +853,7 @@
       "references": []
     },
     {
-      "name": "sd-1-4-0-spinner",
+      "name": "sd-1-5-0-spinner",
       "description": "Spinners are used to show the progress of an indeterminate operation.\n\n\n---\n\n\n",
       "attributes": [
         {
@@ -875,7 +875,7 @@
       "references": []
     },
     {
-      "name": "sd-1-4-0-teaser",
+      "name": "sd-1-5-0-teaser",
       "description": "Teasers group information into flexible containers so users can browse a collection of related items and actions.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - An optional main content slot.\n- **media** - An optional media slot.\n- **meta** - An optional meta slot.\n- **headline** - headline slot.\n\n### **CSS Properties:**\n - **--distribution-media** - The distribution ratio of the media. _(default: undefined)_\n- **--distribution-content** - The distribution ratio of the content. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **media** - The container that wraps the media.\n- **content** - The container that wraps the content.\n- **meta** -  The container that wraps the meta.\n- **headline** - The container that wraps the headline.\n- **main** - The container that wraps the main content.",
       "attributes": [
         {

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -1077,7 +1077,7 @@
           ]
         },
         {
-          "name": "sd-1-4-0-accordion-group",
+          "name": "sd-1-5-0-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -1107,7 +1107,7 @@
           ]
         },
         {
-          "name": "sd-1-4-0-accordion",
+          "name": "sd-1-5-0-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -1190,7 +1190,7 @@
           ]
         },
         {
-          "name": "sd-1-4-0-brandshape",
+          "name": "sd-1-5-0-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -1274,7 +1274,7 @@
           ]
         },
         {
-          "name": "sd-1-4-0-button",
+          "name": "sd-1-5-0-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -1613,7 +1613,7 @@
           ]
         },
         {
-          "name": "sd-1-4-0-divider",
+          "name": "sd-1-5-0-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -1653,7 +1653,7 @@
           ]
         },
         {
-          "name": "sd-1-4-0-icon",
+          "name": "sd-1-5-0-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -1762,7 +1762,7 @@
           ]
         },
         {
-          "name": "sd-1-4-0-include",
+          "name": "sd-1-5-0-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -1833,7 +1833,7 @@
           ]
         },
         {
-          "name": "sd-1-4-0-link",
+          "name": "sd-1-5-0-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -1960,7 +1960,7 @@
           ]
         },
         {
-          "name": "sd-1-4-0-spinner",
+          "name": "sd-1-5-0-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -1990,7 +1990,7 @@
           ]
         },
         {
-          "name": "sd-1-4-0-teaser",
+          "name": "sd-1-5-0-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "homepage": "https://solid-design-system.fe.union-investment.de/x.x.x/storybook/",
   "author": {
     "name": "Union Investment"