@adyen/bento-vue2 0.9.1 → 0.9.3

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -346,6 +346,25 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "all-filters-modal",
+          "description": "A modal that acts as sort of filter manager for the BentoFilterBar.",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "Array of filters based on {@see FilterBarModel}.\nEach one of the elements in the array correspond to a filter that will\nbe created and rendered in the AllFiltersModal.\n\nCan be used with v-model or independently with the @input event.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoFilterBarModel"
+              },
+              "default": "() => []"
+            }
+          ],
+          "source": {
+            "module": "./src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "all-filters-modal-button",
           "description": "",
@@ -749,6 +768,15 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "bold",
+              "description": "Renders the text in a stronger variant.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -869,6 +897,114 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "base-modal",
+          "description": "",
+          "attributes": [
+            {
+              "name": "modalRole",
+              "description": "Defines whether the modal will be an alert modal",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "BentoModalRole.DIALOG"
+            },
+            {
+              "name": "isDismissible",
+              "required": true,
+              "description": "If set to true, it allows the modal to be closed by clicking outside of it",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "hideCloseButton",
+              "required": true,
+              "description": "Hides a cross icon on the right side of the title",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "customPadding",
+              "description": "If provided, manages the padding of the whole modal container",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "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,
+              "description": "Controls the modal's state from the outside. Set it to true to open the modal",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "description": "Sets the width of the modal",
+              "value": {
+                "kind": "expression",
+                "type": "BentoModalSize"
+              },
+              "default": "BentoModalSize.SMALL"
+            },
+            {
+              "name": "initiallyOpen",
+              "description": "Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "content-col-1"
+            },
+            {
+              "name": "content-col-2"
+            },
+            {
+              "name": "content"
+            },
+            {
+              "name": "actions"
+            }
+          ],
+          "source": {
+            "module": "./src/components/modal/components/base-modal/__mocks__/base-modal.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "bento-alert",
           "description": "An Alert component is used to display a persistent\nnotification containing information important to the user",
@@ -990,6 +1126,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "onlySlot",
+              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "controlled",
               "description": "Allows to handle the controls (apply/clear) from outside\nof the component",
@@ -1093,11 +1238,15 @@
                 "type": "string"
               },
               "default": "null"
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "update"
+              "name": "onlySlot",
+              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "source": {
@@ -1226,6 +1375,15 @@
               },
               "default": "BentoCardBackground.PRIMARY"
             },
+            {
+              "name": "titleSize",
+              "description": "Defines the title size of the card header",
+              "value": {
+                "kind": "expression",
+                "type": "BentoCardTitleSize"
+              },
+              "default": "BentoCardTitleSize.DEFAULT"
+            },
             {
               "name": "expandable",
               "description": "The whole content of the card will be expandable in accordion manner",
@@ -1327,6 +1485,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "hasError",
+              "description": "Setting this property to true will show the checkbox in error state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "indeterminate",
               "description": "The :indeterminate CSS pseudo-class represents any form element\nwhose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\nset to true, radio buttons which are members of a group in which all radio buttons are unchecked,\nand indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\nThis property lets you control the input.indeterminate native property.",
@@ -1404,6 +1571,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "hasError",
+              "description": "If set to true, renders all checkboxes in the group in an error state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "label",
               "required": true,
@@ -1772,6 +1948,14 @@
           "name": "bento-date-filter",
           "description": "The Date filter displays a calendar that allows\nto select a single date.",
           "attributes": [
+            {
+              "name": "isDateInput",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            },
             {
               "name": "defaultValue",
               "description": "Default value of the filter to reset to.",
@@ -1799,6 +1983,15 @@
                 "type": "string"
               }
             },
+            {
+              "name": "onlySlot",
+              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "options",
               "description": "List of options that are needed to setup the filter\nAvailable options:\n  - firstDayOfWeek: Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n  - isDateDisabled: Indicate if a date should be disabled or not",
@@ -2005,6 +2198,15 @@
                 "type": "string"
               }
             },
+            {
+              "name": "onlySlot",
+              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "options",
               "description": "List of options that are needed to setup the filter\nAvailable options:\n  - firstDayOfWeek: Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n  - isDateDisabled: Indicate if a date should be disabled or not",
@@ -2250,20 +2452,6 @@
               "default": "() => []"
             }
           ],
-          "events": [
-            {
-              "name": "input"
-            },
-            {
-              "name": "search-clear"
-            },
-            {
-              "name": "search-input"
-            },
-            {
-              "name": "update:search-term"
-            }
-          ],
           "source": {
             "module": "./src/components/filter-bar/filter-bar.vue",
             "symbol": "default"
@@ -2567,11 +2755,15 @@
                 "type": "string"
               },
               "default": "null"
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "update"
+              "name": "onlySlot",
+              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "source": {
@@ -2628,6 +2820,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "noResultsMessage",
+              "required": true,
+              "description": "Messaged displayed when no items are listed in the listbox",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "searching",
               "description": "Flag that indicates that an external search it's being made\nto filter out the items inside the the multi-select listbox\n\nIf enabled, hides the \"Select all\" checkbox in \"multiple\" mode.",
@@ -3792,7 +3993,16 @@
             },
             {
               "name": "disabled",
-              "description": "If set to true, renders all checkboxes in the group in a disabled state.",
+              "description": "If set to true, renders all radio-buttons in the group in a disabled state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "hasError",
+              "description": "If set to true, renders all radio-buttons in the group in an error state.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -3813,7 +4023,7 @@
               "description": "Determines the initially selected value of the group. Corresponds to the BentoRadioButtonItem's value.\nDefaults to no value selected.",
               "value": {
                 "kind": "expression",
-                "type": "number|string"
+                "type": "number|string|null"
               },
               "default": "null"
             }
@@ -3867,11 +4077,15 @@
                 "type": "string[]"
               },
               "default": "() => ['', '']"
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "update"
+              "name": "onlySlot",
+              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "source": {
@@ -3922,13 +4136,7 @@
           ],
           "events": [
             {
-              "name": "escape-pressed"
-            },
-            {
-              "name": "input"
-            },
-            {
-              "name": "clear"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -3952,7 +4160,7 @@
           ],
           "events": [
             {
-              "name": "update"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -3976,7 +4184,7 @@
           ],
           "events": [
             {
-              "name": "update"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -4000,7 +4208,7 @@
           ],
           "events": [
             {
-              "name": "update"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -4024,7 +4232,7 @@
           ],
           "events": [
             {
-              "name": "update"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -4063,6 +4271,15 @@
                 "type": "string"
               }
             },
+            {
+              "name": "onlySlot",
+              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "options",
               "description": "List of options that are needed to setup the filter\nAvailable options:\n  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with.",
@@ -4082,11 +4299,6 @@
               "default": "undefined"
             }
           ],
-          "events": [
-            {
-              "name": "update"
-            }
-          ],
           "slots": [
             {
               "name": "default"
@@ -4113,7 +4325,7 @@
           ],
           "events": [
             {
-              "name": "update"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -4803,14 +5015,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "checkbox.test",
-          "description": "",
-          "source": {
-            "module": "./src/components/checkbox/checkbox.test.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "click-outside-stub",
           "description": "",
@@ -5850,11 +6054,21 @@
           "attributes": [
             {
               "name": "columnWidth",
+              "description": "Sets the responsive columns widths for the grid.",
               "value": {
                 "kind": "expression",
                 "type": "GridLayoutColumnWidths"
               },
               "default": "null"
+            },
+            {
+              "name": "containerType",
+              "description": "Set the type of CSS container the grid layout has",
+              "value": {
+                "kind": "expression",
+                "type": "GridLayoutContainerType"
+              },
+              "default": "GridLayoutContainerType.INLINE"
             }
           ],
           "slots": [
@@ -6463,6 +6677,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "hasError",
+              "description": "Shows radio-button in error state (optional)",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "value",
               "required": true,
@@ -6503,14 +6726,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "radio-button.test",
-          "description": "",
-          "source": {
-            "module": "./src/components/radio-group/components/radio-button/radio-button.test.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "segmented-control.test",
           "description": "",
@@ -6823,7 +7038,7 @@
           ],
           "source": {
             "module": "./src/components/tooltip/tooltip.vue",
-            "symbol": "default"
+            "symbol": "Tooltip"
           }
         },
         {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/bento-vue2",
-    "version": "0.9.1",
+    "version": "0.9.3",
     "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.5.1",
+        "@adyen/bento-design-tokens": "0.5.3",
         "@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",
@@ -60,7 +60,6 @@
         "uuid": "9.0.0"
     },
     "peerDependencies": {
-        "portal-vue": "2.1.7",
         "vue": "~2.7",
         "vue-i18n": "8.26.7",
         "vue-router": "~3.6"
@@ -92,7 +91,7 @@
         "stylelint-webpack-plugin": "3.2.0",
         "svg-url-loader": "2.3.2",
         "vite": "4.2.1",
-        "vite-plugin-css-injected-by-js": "2.4.0",
+        "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/components/filter-bar/components/date-filter/date-filter.types.d.ts

@@ -1,3 +0,0 @@
-export declare enum BentoDateFilterEvent {
-    UPDATE = "update"
-}

package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.types.d.ts

@@ -1,3 +0,0 @@
-export declare enum BentoDateRangeFilterEvent {
-    UPDATE = "update"
-}