@solid-design-system/components 3.7.2 → 3.8.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "3.7.2",
+  "version": "3.8.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -1874,6 +1874,107 @@
             }
           ]
         },
+        {
+          "name": "sd-flipcard",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/flipcard",
+          "js": {
+            "properties": [
+              {
+                "name": "activation",
+                "description": "Determines the activation type of the flipcard.",
+                "value": {
+                  "type": "'click' | 'click hover'"
+                }
+              },
+              {
+                "name": "flipDirection",
+                "description": "Allows the flipcard to flip vertically or horizontally.",
+                "value": {
+                  "type": "'horizontal' | 'vertical'"
+                }
+              },
+              {
+                "name": "frontVariant",
+                "description": "Determines the variant of the front face of the flipcard.",
+                "value": {
+                  "type": "| 'empty'\n    | 'primary'\n    | 'primary-100'\n    | 'gradient-light-top'\n    | 'gradient-light-bottom'\n    | 'gradient-dark-top'\n    | 'gradient-dark-bottom'"
+                }
+              },
+              {
+                "name": "backVariant",
+                "description": "Determines the variant of the back face of the flipcard.",
+                "value": {
+                  "type": "| 'empty'\n    | 'primary'\n    | 'primary-100'\n    | 'gradient-light-top'\n    | 'gradient-light-bottom'\n    | 'gradient-dark-top'\n    | 'gradient-dark-bottom'"
+                }
+              },
+              {
+                "name": "flipFront",
+                "value": {}
+              },
+              {
+                "name": "flipBack",
+                "value": {}
+              },
+              {
+                "name": "handleFrontClick",
+                "value": {}
+              },
+              {
+                "name": "handleBackClick",
+                "value": {}
+              },
+              {
+                "name": "handleFrontKeydown",
+                "value": {}
+              },
+              {
+                "name": "handleBackKeydown",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-flip-front",
+                "description": "Emmited when the front face of the flipcard is clicked."
+              },
+              {
+                "name": "sd-flip-back",
+                "description": "Emmited when the back face of the flipcard is clicked."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "activation",
+              "description": "Determines the activation type of the flipcard.",
+              "value": {
+                "type": "'click' | 'click hover'"
+              }
+            },
+            {
+              "name": "flip-direction",
+              "description": "Allows the flipcard to flip vertically or horizontally.",
+              "value": {
+                "type": "'horizontal' | 'vertical'"
+              }
+            },
+            {
+              "name": "front-variant",
+              "description": "Determines the variant of the front face of the flipcard.",
+              "value": {
+                "type": "| 'empty'\n    | 'primary'\n    | 'primary-100'\n    | 'gradient-light-top'\n    | 'gradient-light-bottom'\n    | 'gradient-dark-top'\n    | 'gradient-dark-bottom'"
+              }
+            },
+            {
+              "name": "back-variant",
+              "description": "Determines the variant of the back face of the flipcard.",
+              "value": {
+                "type": "| 'empty'\n    | 'primary'\n    | 'primary-100'\n    | 'gradient-light-top'\n    | 'gradient-light-bottom'\n    | 'gradient-dark-top'\n    | 'gradient-dark-bottom'"
+              }
+            }
+          ]
+        },
         {
           "name": "sd-header",
           "description": "",
@@ -6723,7 +6824,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-accordion-group",
+          "name": "sd-3-8-0-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -6753,7 +6854,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-accordion",
+          "name": "sd-3-8-0-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -6836,7 +6937,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-badge",
+          "name": "sd-3-8-0-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
@@ -6890,7 +6991,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-brandshape",
+          "name": "sd-3-8-0-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -6973,7 +7074,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-button",
+          "name": "sd-3-8-0-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -7329,7 +7430,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-carousel-item",
+          "name": "sd-3-8-0-carousel-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel-item",
           "js": {
@@ -7344,7 +7445,7 @@
           "attributes": []
         },
         {
-          "name": "sd-3-7-2-carousel",
+          "name": "sd-3-8-0-carousel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel",
           "js": {
@@ -7536,7 +7637,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-checkbox-group",
+          "name": "sd-3-8-0-checkbox-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "js": {
@@ -7614,7 +7715,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-checkbox",
+          "name": "sd-3-8-0-checkbox",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox",
           "js": {
@@ -7848,7 +7949,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-dialog",
+          "name": "sd-3-8-0-dialog",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dialog",
           "js": {
@@ -7971,7 +8072,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-divider",
+          "name": "sd-3-8-0-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -8011,7 +8112,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-drawer",
+          "name": "sd-3-8-0-drawer",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
           "js": {
@@ -8164,7 +8265,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-dropdown",
+          "name": "sd-3-8-0-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -8418,7 +8519,108 @@
           ]
         },
         {
-          "name": "sd-3-7-2-header",
+          "name": "sd-3-8-0-flipcard",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/flipcard",
+          "js": {
+            "properties": [
+              {
+                "name": "activation",
+                "description": "Determines the activation type of the flipcard.",
+                "value": {
+                  "type": "'click' | 'click hover'"
+                }
+              },
+              {
+                "name": "flipDirection",
+                "description": "Allows the flipcard to flip vertically or horizontally.",
+                "value": {
+                  "type": "'horizontal' | 'vertical'"
+                }
+              },
+              {
+                "name": "frontVariant",
+                "description": "Determines the variant of the front face of the flipcard.",
+                "value": {
+                  "type": "| 'empty'\n    | 'primary'\n    | 'primary-100'\n    | 'gradient-light-top'\n    | 'gradient-light-bottom'\n    | 'gradient-dark-top'\n    | 'gradient-dark-bottom'"
+                }
+              },
+              {
+                "name": "backVariant",
+                "description": "Determines the variant of the back face of the flipcard.",
+                "value": {
+                  "type": "| 'empty'\n    | 'primary'\n    | 'primary-100'\n    | 'gradient-light-top'\n    | 'gradient-light-bottom'\n    | 'gradient-dark-top'\n    | 'gradient-dark-bottom'"
+                }
+              },
+              {
+                "name": "flipFront",
+                "value": {}
+              },
+              {
+                "name": "flipBack",
+                "value": {}
+              },
+              {
+                "name": "handleFrontClick",
+                "value": {}
+              },
+              {
+                "name": "handleBackClick",
+                "value": {}
+              },
+              {
+                "name": "handleFrontKeydown",
+                "value": {}
+              },
+              {
+                "name": "handleBackKeydown",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-flip-front",
+                "description": "Emmited when the front face of the flipcard is clicked."
+              },
+              {
+                "name": "sd-flip-back",
+                "description": "Emmited when the back face of the flipcard is clicked."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "activation",
+              "description": "Determines the activation type of the flipcard.",
+              "value": {
+                "type": "'click' | 'click hover'"
+              }
+            },
+            {
+              "name": "flip-direction",
+              "description": "Allows the flipcard to flip vertically or horizontally.",
+              "value": {
+                "type": "'horizontal' | 'vertical'"
+              }
+            },
+            {
+              "name": "front-variant",
+              "description": "Determines the variant of the front face of the flipcard.",
+              "value": {
+                "type": "| 'empty'\n    | 'primary'\n    | 'primary-100'\n    | 'gradient-light-top'\n    | 'gradient-light-bottom'\n    | 'gradient-dark-top'\n    | 'gradient-dark-bottom'"
+              }
+            },
+            {
+              "name": "back-variant",
+              "description": "Determines the variant of the back face of the flipcard.",
+              "value": {
+                "type": "| 'empty'\n    | 'primary'\n    | 'primary-100'\n    | 'gradient-light-top'\n    | 'gradient-light-bottom'\n    | 'gradient-dark-top'\n    | 'gradient-dark-bottom'"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-3-8-0-header",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/header",
           "js": {
@@ -8470,7 +8672,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-icon",
+          "name": "sd-3-8-0-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -8573,7 +8775,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-include",
+          "name": "sd-3-8-0-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -8644,7 +8846,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-input",
+          "name": "sd-3-8-0-input",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/input",
           "js": {
@@ -9232,7 +9434,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-link",
+          "name": "sd-3-8-0-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -9359,7 +9561,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-map-marker",
+          "name": "sd-3-8-0-map-marker",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/map-marker",
           "js": {
@@ -9413,7 +9615,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-navigation-item",
+          "name": "sd-3-8-0-navigation-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
           "js": {
@@ -9638,7 +9840,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-notification",
+          "name": "sd-3-8-0-notification",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/notification",
           "js": {
@@ -9804,7 +10006,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-option",
+          "name": "sd-3-8-0-option",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/option",
           "js": {
@@ -9911,7 +10113,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-popup",
+          "name": "sd-3-8-0-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -10263,7 +10465,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-radio-button",
+          "name": "sd-3-8-0-radio-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "js": {
@@ -10362,7 +10564,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-radio-group",
+          "name": "sd-3-8-0-radio-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-group",
           "js": {
@@ -10602,7 +10804,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-radio",
+          "name": "sd-3-8-0-radio",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio",
           "js": {
@@ -10717,7 +10919,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-scrollable",
+          "name": "sd-3-8-0-scrollable",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/scrollable",
           "js": {
@@ -10877,7 +11079,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-select",
+          "name": "sd-3-8-0-select",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/select",
           "js": {
@@ -11397,7 +11599,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-spinner",
+          "name": "sd-3-8-0-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -11427,7 +11629,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-step-group",
+          "name": "sd-3-8-0-step-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/step-group",
           "js": {
@@ -11522,7 +11724,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-step",
+          "name": "sd-3-8-0-step",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/step",
           "js": {
@@ -11707,7 +11909,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-switch",
+          "name": "sd-3-8-0-switch",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/switch",
           "js": {
@@ -11915,7 +12117,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-tab-group",
+          "name": "sd-3-8-0-tab-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-group",
           "js": {
@@ -12034,7 +12236,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-tab-panel",
+          "name": "sd-3-8-0-tab-panel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "js": {
@@ -12088,7 +12290,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-tab",
+          "name": "sd-3-8-0-tab",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab",
           "js": {
@@ -12184,7 +12386,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-tag",
+          "name": "sd-3-8-0-tag",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
           "js": {
@@ -12338,7 +12540,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-teaser-media",
+          "name": "sd-3-8-0-teaser-media",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser-media",
           "js": {
@@ -12366,7 +12568,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-teaser",
+          "name": "sd-3-8-0-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {
@@ -12432,7 +12634,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-textarea",
+          "name": "sd-3-8-0-textarea",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/textarea",
           "js": {
@@ -12886,7 +13088,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-tooltip",
+          "name": "sd-3-8-0-tooltip",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tooltip",
           "js": {
@@ -13079,7 +13281,7 @@
           ]
         },
         {
-          "name": "sd-3-7-2-video",
+          "name": "sd-3-8-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.7.2",
+  "version": "3.8.0",
   "homepage": "https://solid-design-system.fe.union-investment.de/x.x.x/storybook/",
   "author": {
     "name": "Union Investment"
@@ -194,8 +194,8 @@
   "readme": "README.md",
   "meta": {
     "bundleSizeInKb": {
-      "uncompressed": 314,
-      "gzip": 75
+      "uncompressed": 322,
+      "gzip": 76
     }
   }
 }