@solid-design-system/components 3.3.1 → 3.4.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -4263,6 +4263,166 @@
             }
           ]
         },
+        {
+          "name": "sd-scrollable",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/scrollable",
+          "js": {
+            "properties": [
+              {
+                "name": "orientation",
+                "description": "Defines the scroll orientation",
+                "value": {
+                  "type": "'horizontal' | 'vertical' | 'auto'"
+                }
+              },
+              {
+                "name": "buttons",
+                "description": "Activates scroll buttons",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "step",
+                "description": "The amount in px to be scrolled when clicking the buttons.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "scrollbars",
+                "description": "Activates browser scrollbars",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "shadows",
+                "description": "Activates a shadow as optional visual scroll indicator",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "inset",
+                "description": "Adds inset padding",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "canScroll",
+                "value": {
+                  "type": "Record<'left' | 'right' | 'up' | 'down', boolean>"
+                }
+              },
+              {
+                "name": "isScrollHorizontalEnabled",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "isScrollVerticalEnabled",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "resizeObserver",
+                "value": {
+                  "type": "ResizeObserver"
+                }
+              },
+              {
+                "name": "updateScrollEnabledFlags",
+                "value": {}
+              },
+              {
+                "name": "updateScrollIndicatorVisibility",
+                "value": {}
+              },
+              {
+                "name": "handleScroll",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "start",
+                "description": "Emitted when the start of the scrollable is reached."
+              },
+              {
+                "name": "end",
+                "description": "Emitted when the end of the scrollable is reached."
+              },
+              {
+                "name": "eventName"
+              },
+              {
+                "name": "button-left",
+                "description": "Emitted when the left button is clicked."
+              },
+              {
+                "name": "button-right",
+                "description": "Emitted when the right button is clicked."
+              },
+              {
+                "name": "button-up",
+                "description": "Emitted when the top button is clicked."
+              },
+              {
+                "name": "button-down",
+                "description": "Emitted when the bottom button is clicked."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "orientation",
+              "description": "Defines the scroll orientation",
+              "value": {
+                "type": "'horizontal' | 'vertical' | 'auto'"
+              }
+            },
+            {
+              "name": "buttons",
+              "description": "Activates scroll buttons",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "step",
+              "description": "The amount in px to be scrolled when clicking the buttons.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "scrollbars",
+              "description": "Activates browser scrollbars",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "shadows",
+              "description": "Activates a shadow as optional visual scroll indicator",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "inset",
+              "description": "Adds inset padding",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "sd-select",
           "description": "",
@@ -6287,7 +6447,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-accordion-group",
+          "name": "sd-3-4-0-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -6317,7 +6477,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-accordion",
+          "name": "sd-3-4-0-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -6400,7 +6560,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-badge",
+          "name": "sd-3-4-0-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
@@ -6454,7 +6614,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-brandshape",
+          "name": "sd-3-4-0-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -6537,7 +6697,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-button",
+          "name": "sd-3-4-0-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -6893,7 +7053,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-carousel-item",
+          "name": "sd-3-4-0-carousel-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel-item",
           "js": {
@@ -6908,7 +7068,7 @@
           "attributes": []
         },
         {
-          "name": "sd-3-3-1-carousel",
+          "name": "sd-3-4-0-carousel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel",
           "js": {
@@ -7100,7 +7260,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-checkbox-group",
+          "name": "sd-3-4-0-checkbox-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "js": {
@@ -7178,7 +7338,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-checkbox",
+          "name": "sd-3-4-0-checkbox",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox",
           "js": {
@@ -7412,7 +7572,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-dialog",
+          "name": "sd-3-4-0-dialog",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dialog",
           "js": {
@@ -7535,7 +7695,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-divider",
+          "name": "sd-3-4-0-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -7575,7 +7735,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-drawer",
+          "name": "sd-3-4-0-drawer",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
           "js": {
@@ -7728,7 +7888,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-dropdown",
+          "name": "sd-3-4-0-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -7982,7 +8142,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-header",
+          "name": "sd-3-4-0-header",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/header",
           "js": {
@@ -8034,7 +8194,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-icon",
+          "name": "sd-3-4-0-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -8137,7 +8297,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-include",
+          "name": "sd-3-4-0-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -8208,7 +8368,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-input",
+          "name": "sd-3-4-0-input",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/input",
           "js": {
@@ -8796,7 +8956,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-link",
+          "name": "sd-3-4-0-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -8923,7 +9083,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-map-marker",
+          "name": "sd-3-4-0-map-marker",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/map-marker",
           "js": {
@@ -8977,7 +9137,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-navigation-item",
+          "name": "sd-3-4-0-navigation-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
           "js": {
@@ -9202,7 +9362,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-notification",
+          "name": "sd-3-4-0-notification",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/notification",
           "js": {
@@ -9368,7 +9528,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-option",
+          "name": "sd-3-4-0-option",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/option",
           "js": {
@@ -9479,7 +9639,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-popup",
+          "name": "sd-3-4-0-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -9831,7 +9991,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-radio-button",
+          "name": "sd-3-4-0-radio-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "js": {
@@ -9930,7 +10090,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-radio-group",
+          "name": "sd-3-4-0-radio-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-group",
           "js": {
@@ -10170,7 +10330,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-radio",
+          "name": "sd-3-4-0-radio",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio",
           "js": {
@@ -10285,7 +10445,167 @@
           ]
         },
         {
-          "name": "sd-3-3-1-select",
+          "name": "sd-3-4-0-scrollable",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/scrollable",
+          "js": {
+            "properties": [
+              {
+                "name": "orientation",
+                "description": "Defines the scroll orientation",
+                "value": {
+                  "type": "'horizontal' | 'vertical' | 'auto'"
+                }
+              },
+              {
+                "name": "buttons",
+                "description": "Activates scroll buttons",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "step",
+                "description": "The amount in px to be scrolled when clicking the buttons.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "scrollbars",
+                "description": "Activates browser scrollbars",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "shadows",
+                "description": "Activates a shadow as optional visual scroll indicator",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "inset",
+                "description": "Adds inset padding",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "canScroll",
+                "value": {
+                  "type": "Record<'left' | 'right' | 'up' | 'down', boolean>"
+                }
+              },
+              {
+                "name": "isScrollHorizontalEnabled",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "isScrollVerticalEnabled",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "resizeObserver",
+                "value": {
+                  "type": "ResizeObserver"
+                }
+              },
+              {
+                "name": "updateScrollEnabledFlags",
+                "value": {}
+              },
+              {
+                "name": "updateScrollIndicatorVisibility",
+                "value": {}
+              },
+              {
+                "name": "handleScroll",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "start",
+                "description": "Emitted when the start of the scrollable is reached."
+              },
+              {
+                "name": "end",
+                "description": "Emitted when the end of the scrollable is reached."
+              },
+              {
+                "name": "eventName"
+              },
+              {
+                "name": "button-left",
+                "description": "Emitted when the left button is clicked."
+              },
+              {
+                "name": "button-right",
+                "description": "Emitted when the right button is clicked."
+              },
+              {
+                "name": "button-up",
+                "description": "Emitted when the top button is clicked."
+              },
+              {
+                "name": "button-down",
+                "description": "Emitted when the bottom button is clicked."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "orientation",
+              "description": "Defines the scroll orientation",
+              "value": {
+                "type": "'horizontal' | 'vertical' | 'auto'"
+              }
+            },
+            {
+              "name": "buttons",
+              "description": "Activates scroll buttons",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "step",
+              "description": "The amount in px to be scrolled when clicking the buttons.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "scrollbars",
+              "description": "Activates browser scrollbars",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "shadows",
+              "description": "Activates a shadow as optional visual scroll indicator",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "inset",
+              "description": "Adds inset padding",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-3-4-0-select",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/select",
           "js": {
@@ -10805,7 +11125,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-spinner",
+          "name": "sd-3-4-0-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -10835,7 +11155,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-switch",
+          "name": "sd-3-4-0-switch",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/switch",
           "js": {
@@ -11043,7 +11363,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-tab-group",
+          "name": "sd-3-4-0-tab-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-group",
           "js": {
@@ -11162,7 +11482,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-tab-panel",
+          "name": "sd-3-4-0-tab-panel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "js": {
@@ -11216,7 +11536,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-tab",
+          "name": "sd-3-4-0-tab",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab",
           "js": {
@@ -11312,7 +11632,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-tag",
+          "name": "sd-3-4-0-tag",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
           "js": {
@@ -11466,7 +11786,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-teaser-media",
+          "name": "sd-3-4-0-teaser-media",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser-media",
           "js": {
@@ -11494,7 +11814,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-teaser",
+          "name": "sd-3-4-0-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {
@@ -11560,7 +11880,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-textarea",
+          "name": "sd-3-4-0-textarea",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/textarea",
           "js": {
@@ -12014,7 +12334,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-tooltip",
+          "name": "sd-3-4-0-tooltip",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tooltip",
           "js": {
@@ -12207,7 +12527,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-video",
+          "name": "sd-3-4-0-video",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/video",
           "js": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "homepage": "https://solid-design-system.fe.union-investment.de/x.x.x/storybook/",
   "author": {
     "name": "Union Investment"
@@ -187,8 +187,8 @@
   "readme": "README.md",
   "meta": {
     "bundleSizeInKb": {
-      "uncompressed": 292,
-      "gzip": 70
+      "uncompressed": 299,
+      "gzip": 72
     }
   }
 }