@adyen/bento-vue2 0.9.0 → 0.9.2

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "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": {
@@ -1488,34 +1637,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": "",
@@ -1704,6 +1825,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": "",
@@ -1816,6 +1965,15 @@
                 "type": "BentoDateFilterValue"
               },
               "default": "undefined"
+            },
+            {
+              "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": {
@@ -2022,6 +2180,15 @@
                 "type": "BentoDateRangeFilterValue"
               },
               "default": "() => ({ startDate: undefined, endDate: undefined })"
+            },
+            {
+              "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": {
@@ -2253,15 +2420,6 @@
           "events": [
             {
               "name": "input"
-            },
-            {
-              "name": "search-clear"
-            },
-            {
-              "name": "search-input"
-            },
-            {
-              "name": "update:search-term"
             }
           ],
           "source": {
@@ -2567,11 +2725,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": {
@@ -3813,7 +3975,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 +4029,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 +4088,7 @@
           ],
           "events": [
             {
-              "name": "escape-pressed"
-            },
-            {
-              "name": "input"
-            },
-            {
-              "name": "clear"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -3952,7 +4112,7 @@
           ],
           "events": [
             {
-              "name": "update"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -3976,7 +4136,7 @@
           ],
           "events": [
             {
-              "name": "update"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -4000,7 +4160,7 @@
           ],
           "events": [
             {
-              "name": "update"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -4024,7 +4184,7 @@
           ],
           "events": [
             {
-              "name": "update"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -4080,11 +4240,15 @@
                 "type": "BentoListboxSelectedValue"
               },
               "default": "undefined"
-            }
-          ],
-          "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"
             }
           ],
           "slots": [
@@ -4113,7 +4277,7 @@
           ],
           "events": [
             {
-              "name": "update"
+              "name": "<undefined>"
             }
           ],
           "source": {
@@ -6823,7 +6987,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.0",
+    "version": "0.9.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.5.0",
+        "@adyen/bento-design-tokens": "0.5.2",
         "@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"
-}