@adyen/bento-vue2 0.8.1 → 0.8.2

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -414,6 +414,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "placeholder",
+              "description": "Text that appears in the form control when it has no value set",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
             {
               "name": "dynamicFiltering",
               "description": "Sets the possibility to type into the textbox.",
@@ -503,6 +512,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "size",
+              "description": "Dropdown input size",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownSize"
+              },
+              "default": "BentoDropdownSize.DEFAULT"
+            },
             {
               "name": "value",
               "description": "The `input` value.\nProviding an empty string will select no options.\nSet to an empty string `''` if you don't want any of the available options to be selected.",
@@ -681,6 +699,24 @@
               },
               "default": "null"
             },
+            {
+              "name": "withColumnLayout",
+              "description": "If provided, renders the modal's content in a two-column layout an wth dividers separating its content",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "columnsSize",
+              "description": "If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoModalColumnLayoutVariant"
+              },
+              "default": "BentoModalColumnLayoutVariant.SMALLER"
+            },
             {
               "name": "isOpen",
               "required": true,
@@ -713,6 +749,12 @@
             {
               "name": "default"
             },
+            {
+              "name": "content-col-1"
+            },
+            {
+              "name": "content-col-2"
+            },
             {
               "name": "content"
             },
@@ -829,13 +871,22 @@
               "default": "null"
             },
             {
-              "name": "buttonHasChevron",
-              "description": "Toggles if a chevron icon should be displayed in the button.\nThe chevron will change depending on the open state of the filter.",
+              "name": "buttonLabel",
+              "description": "Overrides the label of the popover vsibility toggle button text.",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
+                "type": "string"
               },
-              "default": "false"
+              "default": "undefined"
+            },
+            {
+              "name": "defaultValue",
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoFilterBarValue"
+              },
+              "default": "null"
             },
             {
               "name": "controlled",
@@ -856,8 +907,8 @@
               "default": "false"
             },
             {
-              "name": "disableClearButton",
-              "description": "Disable the \"clear\" button",
+              "name": "disableSecondaryButton",
+              "description": "Disable the secondary button action.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -889,29 +940,6 @@
                 "kind": "expression",
                 "type": "BentoPopover.props.fitContent"
               }
-            },
-            {
-              "name": "value",
-              "description": "Current value of the filter",
-              "value": {
-                "kind": "expression",
-                "type": "string | string[]"
-              },
-              "default": "null"
-            }
-          ],
-          "events": [
-            {
-              "name": "apply"
-            },
-            {
-              "name": "clear"
-            },
-            {
-              "name": "open"
-            },
-            {
-              "name": "close"
             }
           ],
           "slots": [
@@ -928,6 +956,15 @@
           "name": "bento-boolean-filter",
           "description": "Example description of the component...",
           "attributes": [
+            {
+              "name": "defaultValue",
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
             {
               "name": "field",
               "required": true,
@@ -1358,6 +1395,34 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "bento-data-grid",
+          "description": "",
+          "attributes": [
+            {
+              "name": "columns",
+              "required": true,
+              "description": "Column definitions",
+              "value": {
+                "kind": "expression",
+                "type": "BentoColumn[]"
+              }
+            },
+            {
+              "name": "condensed",
+              "description": "Sets the row cells to the condensed padding state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "source": {
+            "module": "./src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "bento-data-grid",
           "description": "",
@@ -1546,34 +1611,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-data-grid",
-          "description": "",
-          "attributes": [
-            {
-              "name": "columns",
-              "required": true,
-              "description": "Column definitions",
-              "value": {
-                "kind": "expression",
-                "type": "BentoColumn[]"
-              }
-            },
-            {
-              "name": "condensed",
-              "description": "Sets the row cells to the condensed padding state.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "source": {
-            "module": "./src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-data-grid",
           "description": "",
@@ -1642,6 +1679,15 @@
           "name": "bento-date-filter",
           "description": "The Date filter displays a calendar that allows\nto select a single date.",
           "attributes": [
+            {
+              "name": "defaultValue",
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDateFilterValue"
+              },
+              "default": "null"
+            },
             {
               "name": "field",
               "required": true,
@@ -1770,6 +1816,7 @@
             },
             {
               "name": "variant",
+              "description": "Allows to render a single date calendar or a range calendar",
               "value": {
                 "kind": "expression",
                 "type": "BentoDatePickerVariant"
@@ -1838,6 +1885,15 @@
           "name": "bento-date-range-filter",
           "description": "The Date filter displays a calendar that allows\nto select a single date.",
           "attributes": [
+            {
+              "name": "defaultValue",
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDateRangeFilterValue"
+              },
+              "default": "null"
+            },
             {
               "name": "field",
               "required": true,
@@ -1952,6 +2008,15 @@
               },
               "default": "undefined"
             },
+            {
+              "name": "inputSize",
+              "description": "Dropdown input size",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownSize"
+              },
+              "default": "BentoDropdownSize.DEFAULT"
+            },
             {
               "name": "items",
               "required": true,
@@ -2309,6 +2374,24 @@
               },
               "default": "false"
             },
+            {
+              "name": "dropdown",
+              "description": "Dropdown props for the small selectable dropdown menu.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoInputDropdownProps"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "dropdownPosition",
+              "description": "Position of the dropdown before or after input value",
+              "value": {
+                "kind": "expression",
+                "type": "BentoInputFieldElementPosition"
+              },
+              "default": "BentoInputFieldElementPosition.START"
+            },
             {
               "name": "error",
               "description": "Adds error validation class for outlining input-field",
@@ -2341,9 +2424,9 @@
               "description": "Position of Static Value before or after input value",
               "value": {
                 "kind": "expression",
-                "type": "BentoInputFieldStaticValuePosition"
+                "type": "BentoInputFieldElementPosition"
               },
-              "default": "BentoInputFieldStaticValuePosition.START"
+              "default": "BentoInputFieldElementPosition.START"
             },
             {
               "name": "type",
@@ -2375,10 +2458,7 @@
           ],
           "events": [
             {
-              "name": "escape-pressed"
-            },
-            {
-              "name": "input"
+              "name": "<undefined>"
             }
           ],
           "slots": [
@@ -2410,6 +2490,15 @@
           "name": "bento-input-filter",
           "description": "",
           "attributes": [
+            {
+              "name": "defaultValue",
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
             {
               "name": "field",
               "required": true,
@@ -2957,6 +3046,24 @@
               },
               "default": "null"
             },
+            {
+              "name": "withColumnLayout",
+              "description": "If provided, renders the modal's content in a two-column layout an wth dividers separating its content",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "columnsSize",
+              "description": "If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoModalColumnLayoutVariant"
+              },
+              "default": "BentoModalColumnLayoutVariant.SMALLER"
+            },
             {
               "name": "actionsLabel",
               "description": "Text label that is displayed left to the action buttons",
@@ -2998,6 +3105,12 @@
             {
               "name": "default"
             },
+            {
+              "name": "content-col-1"
+            },
+            {
+              "name": "content-col-2"
+            },
             {
               "name": "content"
             }
@@ -3056,6 +3169,24 @@
               },
               "default": "null"
             },
+            {
+              "name": "withColumnLayout",
+              "description": "If provided, renders the modal's content in a two-column layout an wth dividers separating its content",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "columnsSize",
+              "description": "If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoModalColumnLayoutVariant"
+              },
+              "default": "BentoModalColumnLayoutVariant.SMALLER"
+            },
             {
               "name": "actions",
               "description": "List of actions that will be used to render the buttons.\nFirst element in the list will be rendered as \"primary\".\nAll elements after the first will be rendered as \"secondary\".\nBut you may change the color of 1-st action to red with 'critial' key\nNot more than 3 action buttons can be provided\nOr 2 action buttons and 1 Label for them\n\nEach object in the list should have a `title`, an `event` and\n(optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n\n`title`: Button's text.\n\n`event`: Event triggered when clicking the Button.\n\n`icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n\n```\n[{\n  title: 'Primary',2\n  event: () => { ... },\n  icon: FourPeopleIcon\n}, {\n  title: 'Secondary',\n  event: () => { ... }\n}]\n```",
@@ -3097,6 +3228,12 @@
             {
               "name": "default"
             },
+            {
+              "name": "content-col-1"
+            },
+            {
+              "name": "content-col-2"
+            },
             {
               "name": "content"
             },
@@ -3653,6 +3790,15 @@
           "name": "bento-range-filter",
           "description": "Range filter used in the filter-bar component.",
           "attributes": [
+            {
+              "name": "defaultValue",
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "string[]"
+              },
+              "default": "null"
+            },
             {
               "name": "field",
               "required": true,
@@ -3848,6 +3994,15 @@
           "name": "bento-select-filter",
           "description": "The Listbox filter displays a listbox of items\npassed in the \"options.listboxItems\" property.",
           "attributes": [
+            {
+              "name": "defaultValue",
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxSelectedValue"
+              },
+              "default": "null"
+            },
             {
               "name": "field",
               "required": true,
@@ -5011,6 +5166,15 @@
                 "type": "DatePickerCalendarPane.props.numberOfMonths"
               }
             },
+            {
+              "name": "dateFormData",
+              "description": "Ranges form persistance data",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              },
+              "default": "{\n    startDate: undefined,\n    endDate: undefined\n}"
+            },
             {
               "name": "value",
               "description": "Selected date",
@@ -5021,11 +5185,6 @@
               "default": "undefined"
             }
           ],
-          "events": [
-            {
-              "name": "input"
-            }
-          ],
           "slots": [
             {
               "name": "title"
@@ -5435,6 +5594,13 @@
                 "kind": "expression",
                 "type": "BentoDropdown.props.multiple"
               }
+            },
+            {
+              "name": "placeholder",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdown.props.placeholder"
+              }
             }
           ],
           "source": {
@@ -5555,6 +5721,14 @@
               "default": "''"
             }
           ],
+          "events": [
+            {
+              "name": "open"
+            },
+            {
+              "name": "close"
+            }
+          ],
           "source": {
             "module": "./src/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue",
             "symbol": "default"
@@ -5602,7 +5776,7 @@
             }
           ],
           "source": {
-            "module": "./src/components/summary-grid/components/grid-layout/grid-layout.vue",
+            "module": "./src/components/internal/grid-layout/grid-layout.vue",
             "symbol": "default"
           }
         },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/bento-vue2",
-    "version": "0.8.1",
+    "version": "0.8.2",
     "description": "Adyen Bento Vue2 components",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -50,7 +50,7 @@
         "url": "git@github.com:Adyen/bento.git"
     },
     "dependencies": {
-        "@adyen/bento-design-tokens": "0.4.7",
+        "@adyen/bento-design-tokens": "0.4.8",
         "@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",