@adyen/bento-vue2 0.10.0 → 0.10.1-2

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "0.10.0",
+  "version": "0.10.1-2",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -501,7 +501,7 @@
           ],
           "slots": [
             {
-              "name": "default"
+              "name": "slot"
             }
           ],
           "source": {
@@ -766,6 +766,14 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "overflowVisible",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -1550,6 +1558,15 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "disableTypography",
+              "description": "Disable the default typography for the component. Only use this when the component is inside another typography component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "source": {
@@ -1734,7 +1751,10 @@
               "name": "header"
             },
             {
-              "name": "default"
+              "name": "slot"
+            },
+            {
+              "name": "`item-${column.field}`"
             },
             {
               "name": "footer"
@@ -1830,6 +1850,15 @@
                 "type": "BentoDateFormat"
               },
               "default": "BentoDateFormat.FULL_DATE_EXACT_TIME_WITHOUT_PERIOD"
+            },
+            {
+              "name": "disableTypography",
+              "description": "Disable the default typography for the component. Only use this when the component is inside another typography",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "source": {
@@ -2266,7 +2295,7 @@
           ],
           "slots": [
             {
-              "name": "default"
+              "name": "slot"
             }
           ],
           "source": {
@@ -2747,7 +2776,7 @@
           ],
           "slots": [
             {
-              "name": "default"
+              "name": "slot"
             }
           ],
           "source": {
@@ -2803,7 +2832,7 @@
           ],
           "slots": [
             {
-              "name": "default"
+              "name": "slot"
             }
           ],
           "source": {
@@ -3137,6 +3166,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "overflowVisible",
+              "description": "If set to true, it will set overflow:visible to the modal, only recommended to be used with dropdown",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "isOpen",
               "description": "Controls the modal's state from the outside. Set it to true to open the modal",
@@ -3278,6 +3316,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "overflowVisible",
+              "description": "If set to true, it will set overflow:visible to the modal, only recommended to be used with dropdown",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "hideCloseButton",
               "description": "Hides a cross icon on the right side of the title",
@@ -3404,6 +3451,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "overflowVisible",
+              "description": "If set to true, it will set overflow:visible to the modal, only recommended to be used with dropdown",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "dialogType",
               "required": true,
@@ -4037,6 +4093,52 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "bento-segmented-control",
+          "description": "",
+          "attributes": [
+            {
+              "name": "items",
+              "required": true,
+              "description": "Items that will populate the segmented control.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoSegmentedControlItem[]"
+              }
+            },
+            {
+              "name": "modelValue",
+              "required": true,
+              "description": "Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.",
+              "value": {
+                "kind": "expression",
+                "type": "number|string|null"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "required": true,
+              "description": "Accessible name describing the segmented control.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "fullWidth",
+              "description": "If set to true, renders the component full width.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "source": {
+            "module": "./src/components/segmented-control/segmented-control.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "bento-segmented-control-button",
           "description": "Internal component to be used within the BentoSegmentedControl component only",
@@ -4060,7 +4162,7 @@
               }
             },
             {
-              "name": "v-model",
+              "name": "modelValue",
               "description": "This property should not be used directly.\nIt will be used by v-model directive on the segmented control component",
               "value": {
                 "kind": "expression",
@@ -4089,7 +4191,7 @@
           ],
           "events": [
             {
-              "name": "input"
+              "name": "update:modelValue"
             }
           ],
           "source": {
@@ -4254,7 +4356,7 @@
           ],
           "slots": [
             {
-              "name": "default"
+              "name": "slot"
             }
           ],
           "source": {
@@ -4389,7 +4491,22 @@
           ],
           "slots": [
             {
-              "name": "default"
+              "name": "`cell-${index}-1`"
+            },
+            {
+              "name": "`cell-${index}-2`"
+            },
+            {
+              "name": "`cell-${index}-3`"
+            },
+            {
+              "name": "`cell-${index}-4`"
+            },
+            {
+              "name": "`cell-${index}-5`"
+            },
+            {
+              "name": "`cell-${index}-6`"
             }
           ],
           "source": {
@@ -5176,7 +5293,7 @@
           ],
           "slots": [
             {
-              "name": "default"
+              "name": "`head-${column.field}`"
             }
           ],
           "source": {
@@ -5715,7 +5832,7 @@
           ],
           "slots": [
             {
-              "name": "default"
+              "name": "slot"
             }
           ],
           "source": {
@@ -5758,7 +5875,7 @@
           ],
           "slots": [
             {
-              "name": "default"
+              "name": "slot"
             }
           ],
           "source": {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/bento-vue2",
-    "version": "0.10.0",
+    "version": "0.10.1-2",
     "description": "Adyen Bento Vue2 components",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -13,9 +13,12 @@
         ".": "./dist/index.js",
         "./fonts.css": "./dist/fonts/fonts.css"
     },
+    "sideEffects": [
+        "**/*.css"
+    ],
     "scripts": {
         "build": "npm run build:prod && npm run build:storybook",
-        "build:prod": "npm run clean:build && npm run build:type-check && vite build && npm run build:types && npm run build:webtypes",
+        "build:prod": "npm run clean:build && npm run build:type-check && vite --config vite.production.config.ts build && npm run build:types && npm run build:webtypes",
         "build:type-check": "vue-tsc --noEmit -p ./tsconfig.build.json",
         "build:types": "vue-tsc -p ./tsconfig.d.json && npm run copy-components-defs",
         "copy-components-defs": "cp src/components.d.ts dist/@types",
@@ -50,7 +53,7 @@
         "url": "git@github.com:Adyen/bento.git"
     },
     "dependencies": {
-        "@adyen/bento-design-tokens": "0.5.4",
+        "@adyen/bento-design-tokens": "0.5.5-1",
         "@adyen/ui-assets-flag-icons": "1.2.0",
         "@adyen/ui-assets-icons-16": "3.1.0",
         "@adyen/ui-assets-payment-method-icons": "5.2.0",
@@ -91,7 +94,6 @@
         "stylelint-webpack-plugin": "3.2.0",
         "svg-url-loader": "2.3.2",
         "vite": "4.2.1",
-        "vite-plugin-css-injected-by-js": "3.3.0",
         "vite-plugin-dynamic-import": "1.5.0",
         "vue-docgen-web-types": "0.1.8",
         "vue-loader": "15.10.0",

package/dist/@types/utils/ts/inject-css.d.ts

@@ -1,2 +0,0 @@
-declare const injectCSS: (cssStyles: string) => void;
-export default injectCSS;