@solid-design-system/components 1.14.4 → 1.15.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "1.14.4",
+  "version": "1.15.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -1440,6 +1440,231 @@
             }
           ]
         },
+        {
+          "name": "sd-navigation-item",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "href",
+                "description": "The navigation item's href target. If provided, the navigation item will use an anchor tag otherwise it will use a button tag. The 'children' slot and accordion behavior will be ignored if an 'href' is provided.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "target",
+                "description": "Tells the browser where to open the link. Only used when `href` is defined.",
+                "value": {
+                  "type": "'_blank' | '_parent' | '_self' | '_top'"
+                }
+              },
+              {
+                "name": "download",
+                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is defined.",
+                "value": {
+                  "type": "string | undefined"
+                }
+              },
+              {
+                "name": "current",
+                "description": "Indicates that the navigation item is currently selected. The aria-current attribute is set to \"page\" on the host if true.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the navigation item.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The navigation item's font size.",
+                "value": {
+                  "type": "'base' | 'lg' | 'sm'"
+                }
+              },
+              {
+                "name": "vertical",
+                "description": "The navigation item's orientation. If false, properties below this point are not used.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "chevron",
+                "description": "Appends a chevron to the right side of a navigation item. Only used if `vertical` is true.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "indented",
+                "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "relaxed",
+                "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "divider",
+                "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "open",
+                "description": "Reflects HTML details element state and allows control from parent. Only used if `vertical` is true, no `href`is undefined, and `children` is defined.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "isButton",
+                "value": {}
+              },
+              {
+                "name": "isLink",
+                "value": {}
+              },
+              {
+                "name": "isAccordion",
+                "value": {}
+              },
+              {
+                "name": "handleClickButton",
+                "value": {}
+              },
+              {
+                "name": "handleClickSummary",
+                "value": {}
+              },
+              {
+                "name": "hideDetails",
+                "value": {}
+              },
+              {
+                "name": "showDetails",
+                "value": {}
+              },
+              {
+                "name": "calculatePaddingX",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-show",
+                "description": "Emitted when the navigation item has has children, no href, and is clicked while HTML details are hidden."
+              },
+              {
+                "name": "sd-hide",
+                "description": "Emitted when the navigation item has has children, no href, and is clicked while HTML details are shown."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "href",
+              "description": "The navigation item's href target. If provided, the navigation item will use an anchor tag otherwise it will use a button tag. The 'children' slot and accordion behavior will be ignored if an 'href' is provided.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "target",
+              "description": "Tells the browser where to open the link. Only used when `href` is defined.",
+              "value": {
+                "type": "'_blank' | '_parent' | '_self' | '_top'"
+              }
+            },
+            {
+              "name": "download",
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is defined.",
+              "value": {
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "current",
+              "description": "Indicates that the navigation item is currently selected. The aria-current attribute is set to \"page\" on the host if true.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the navigation item.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The navigation item's font size.",
+              "value": {
+                "type": "'base' | 'lg' | 'sm'"
+              }
+            },
+            {
+              "name": "vertical",
+              "description": "The navigation item's orientation. If false, properties below this point are not used.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "chevron",
+              "description": "Appends a chevron to the right side of a navigation item. Only used if `vertical` is true.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "indented",
+              "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "relaxed",
+              "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "divider",
+              "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "open",
+              "description": "Reflects HTML details element state and allows control from parent. Only used if `vertical` is true, no `href`is undefined, and `children` is defined.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "sd-popup",
           "description": "",
@@ -2023,7 +2248,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-accordion-group",
+          "name": "sd-1-15-0-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -2053,7 +2278,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-accordion",
+          "name": "sd-1-15-0-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -2136,7 +2361,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-badge",
+          "name": "sd-1-15-0-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
@@ -2190,7 +2415,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-brandshape",
+          "name": "sd-1-15-0-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -2279,7 +2504,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-button",
+          "name": "sd-1-15-0-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -2618,7 +2843,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-divider",
+          "name": "sd-1-15-0-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -2658,7 +2883,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-drawer",
+          "name": "sd-1-15-0-drawer",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
           "js": {
@@ -2811,7 +3036,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-dropdown",
+          "name": "sd-1-15-0-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -3065,7 +3290,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-icon",
+          "name": "sd-1-15-0-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -3174,7 +3399,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-include",
+          "name": "sd-1-15-0-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -3245,7 +3470,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-link",
+          "name": "sd-1-15-0-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -3372,7 +3597,232 @@
           ]
         },
         {
-          "name": "sd-1-14-4-popup",
+          "name": "sd-1-15-0-navigation-item",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "href",
+                "description": "The navigation item's href target. If provided, the navigation item will use an anchor tag otherwise it will use a button tag. The 'children' slot and accordion behavior will be ignored if an 'href' is provided.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "target",
+                "description": "Tells the browser where to open the link. Only used when `href` is defined.",
+                "value": {
+                  "type": "'_blank' | '_parent' | '_self' | '_top'"
+                }
+              },
+              {
+                "name": "download",
+                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is defined.",
+                "value": {
+                  "type": "string | undefined"
+                }
+              },
+              {
+                "name": "current",
+                "description": "Indicates that the navigation item is currently selected. The aria-current attribute is set to \"page\" on the host if true.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the navigation item.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The navigation item's font size.",
+                "value": {
+                  "type": "'base' | 'lg' | 'sm'"
+                }
+              },
+              {
+                "name": "vertical",
+                "description": "The navigation item's orientation. If false, properties below this point are not used.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "chevron",
+                "description": "Appends a chevron to the right side of a navigation item. Only used if `vertical` is true.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "indented",
+                "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "relaxed",
+                "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "divider",
+                "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "open",
+                "description": "Reflects HTML details element state and allows control from parent. Only used if `vertical` is true, no `href`is undefined, and `children` is defined.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "isButton",
+                "value": {}
+              },
+              {
+                "name": "isLink",
+                "value": {}
+              },
+              {
+                "name": "isAccordion",
+                "value": {}
+              },
+              {
+                "name": "handleClickButton",
+                "value": {}
+              },
+              {
+                "name": "handleClickSummary",
+                "value": {}
+              },
+              {
+                "name": "hideDetails",
+                "value": {}
+              },
+              {
+                "name": "showDetails",
+                "value": {}
+              },
+              {
+                "name": "calculatePaddingX",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-show",
+                "description": "Emitted when the navigation item has has children, no href, and is clicked while HTML details are hidden."
+              },
+              {
+                "name": "sd-hide",
+                "description": "Emitted when the navigation item has has children, no href, and is clicked while HTML details are shown."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "href",
+              "description": "The navigation item's href target. If provided, the navigation item will use an anchor tag otherwise it will use a button tag. The 'children' slot and accordion behavior will be ignored if an 'href' is provided.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "target",
+              "description": "Tells the browser where to open the link. Only used when `href` is defined.",
+              "value": {
+                "type": "'_blank' | '_parent' | '_self' | '_top'"
+              }
+            },
+            {
+              "name": "download",
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is defined.",
+              "value": {
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "current",
+              "description": "Indicates that the navigation item is currently selected. The aria-current attribute is set to \"page\" on the host if true.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the navigation item.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The navigation item's font size.",
+              "value": {
+                "type": "'base' | 'lg' | 'sm'"
+              }
+            },
+            {
+              "name": "vertical",
+              "description": "The navigation item's orientation. If false, properties below this point are not used.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "chevron",
+              "description": "Appends a chevron to the right side of a navigation item. Only used if `vertical` is true.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "indented",
+              "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "relaxed",
+              "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "divider",
+              "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "open",
+              "description": "Reflects HTML details element state and allows control from parent. Only used if `vertical` is true, no `href`is undefined, and `children` is defined.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-1-15-0-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -3706,7 +4156,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-spinner",
+          "name": "sd-1-15-0-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -3736,7 +4186,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-tag",
+          "name": "sd-1-15-0-tag",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
           "js": {
@@ -3882,7 +4332,7 @@
           ]
         },
         {
-          "name": "sd-1-14-4-teaser",
+          "name": "sd-1-15-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.14.4",
+  "version": "1.15.0",
   "homepage": "https://solid-design-system.fe.union-investment.de/x.x.x/storybook/",
   "author": {
     "name": "Union Investment"
@@ -182,8 +182,8 @@
   "readme": "README.md",
   "meta": {
     "bundleSizeInKb": {
-      "uncompressed": 122,
-      "gzip": 34
+      "uncompressed": 128,
+      "gzip": 35
     }
   }
 }