@adyen/bento-vue2 0.0.3 → 0.0.5

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -771,6 +771,15 @@
           "events": [
             {
               "name": "click"
+            },
+            {
+              "name": "focus"
+            },
+            {
+              "name": "blur"
+            },
+            {
+              "name": "keydown.esc"
             }
           ],
           "slots": [
@@ -1780,15 +1789,15 @@
         },
         {
           "name": "bento-tooltip",
-          "description": "If tooltip needs to be rendered as a component instead of a directive (directives/tooltip).\nWhen used as a component the position of the tooltip will be according to where it is placed\non the page.",
+          "description": "Tooltip component, renders a tooltip with the associated trigger element.\nThe position of the tooltip will be according to where it is placed on the page.",
           "attributes": [
             {
-              "name": "targetElement",
+              "name": "component",
               "required": true,
-              "description": "Tooltip's target reference to the DOM element or Vue component.\nThe tooltip will position itself relatively to target element, in specified position.",
+              "description": "The component to be rendered as the tooltip trigger.\nIt can either be the actual imported component object or a string matching an HTML element (e.g. 'div', 'span').",
               "value": {
                 "kind": "expression",
-                "type": "PopperContainer.props?.targetElement.type"
+                "type": "string|object"
               }
             },
             {
@@ -1800,15 +1809,6 @@
               },
               "default": "BentoTooltipPosition.TOP"
             },
-            {
-              "name": "offset",
-              "description": "Tooltip's offset.\nIf specified, the tooltip will have an offset in pixels between it and the target element\nin specified position.",
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              },
-              "default": "0"
-            },
             {
               "name": "content",
               "required": true,
@@ -1817,15 +1817,11 @@
                 "kind": "expression",
                 "type": "string"
               }
-            },
+            }
+          ],
+          "slots": [
             {
-              "name": "isShown",
-              "description": "Shows / Hides the Tooltip component",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
+              "name": "default"
             }
           ],
           "source": {
@@ -1955,6 +1951,45 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "click-outside-stub",
+          "description": "",
+          "attributes": [
+            {
+              "name": "insideContainerText",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "outsideContainerText",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "name": "click"
+            }
+          ],
+          "source": {
+            "module": "./src/components/click-outside/__tests__/click-outside-stub.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "click-outside.test",
+          "description": "",
+          "source": {
+            "module": "./src/components/click-outside/click-outside.test.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "data-grid.test",
           "description": "",
@@ -2352,6 +2387,34 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "popover-title",
+          "description": "",
+          "attributes": [
+            {
+              "name": "isImageTitle",
+              "description": "Indicates if the popover contains an image.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "title",
+              "description": "Indicates the title you want to give the popover.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            }
+          ],
+          "source": {
+            "module": "./src/components/popover/components/popover-title/popover-title.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "popover.test",
           "description": "",
@@ -2364,6 +2427,15 @@
           "name": "popper-container",
           "description": "A wrapper for the 'popper/core' package that overlays a small piece of content near a target element.\n\nNOTE: This component should not be used by itself but more implemented by other exported components\ne.g. Tooltip\nMore info here on the package: https://popper.js.org/docs/v2/\n\n* @usage\nimport { PopperContainer } from '@adyen/bento-vue2';\n\nexport default {\n    components: { PopperContainer },\n    computed: {\n        targetElement() {\n            return this.$refs.tooltipTarget;\n        },\n    },\n    template: `\n         <popper-container\n              :target-element=\"targetElement\"\n              :position=\"position\"\n          >\n              {{ content }}\n         </popper-container>`,\n}",
           "attributes": [
+            {
+              "name": "id",
+              "description": "The id to be set on the component. Use it for accessibility purposes.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
             {
               "name": "ariaLabel",
               "description": "Defines a string value that provides an accessible name for the popper-container.",
@@ -2667,34 +2739,73 @@
           }
         },
         {
-          "name": "tooltip-directive-mock",
-          "description": "",
+          "name": "tooltip-container",
+          "description": "Tooltip container, to be used internally to render the tooltip container where the text is shown.",
           "attributes": [
+            {
+              "name": "id",
+              "description": "The tooltip's id. Necessary for accessibility purposes.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "targetElement",
+              "required": true,
+              "description": "Tooltip's target reference to the DOM element or Vue component.\nThe tooltip will position itself relatively to target element, in the specified position.",
+              "value": {
+                "kind": "expression",
+                "type": "PopperContainer.props?.targetElement.type"
+              }
+            },
+            {
+              "name": "position",
+              "description": "Tooltip's position relative to the target element.\nPossible values are: 'top', 'bottom', 'left' and 'right'.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoTooltipPosition"
+              },
+              "default": "BentoTooltipPosition.TOP"
+            },
+            {
+              "name": "offset",
+              "description": "Tooltip's offset.\nIf specified, the tooltip will have an offset in pixels between it and the target element\nin specified position.",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "0"
+            },
             {
               "name": "content",
               "required": true,
+              "description": "Tooltip's text content.",
               "value": {
                 "kind": "expression",
                 "type": "string"
               }
+            },
+            {
+              "name": "isShown",
+              "description": "Shows / Hides the Tooltip component",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "source": {
-            "module": "./src/components/tooltip/__tests__/tooltip-directive-mock.vue",
+            "module": "./src/components/tooltip/components/tooltip-container.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "tooltip-mock",
+          "name": "tooltip-directive-mock",
           "description": "",
           "attributes": [
-            {
-              "name": "isShown",
-              "value": {
-                "kind": "expression",
-                "type": "BentoTooltip.props.isShown"
-              }
-            },
             {
               "name": "content",
               "required": true,
@@ -2705,7 +2816,7 @@
             }
           ],
           "source": {
-            "module": "./src/components/tooltip/__tests__/tooltip-mock.vue",
+            "module": "./src/components/tooltip/__tests__/tooltip-directive-mock.vue",
             "symbol": "default"
           }
         },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/bento-vue2",
-    "version": "0.0.3",
+    "version": "0.0.5",
     "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.0.3",
+        "@adyen/bento-design-tokens": "0.0.4",
         "@adyen/ui-assets-icons-16": "1.0.4",
         "@popperjs/core": "2.11.6",
         "focus-lock": "0.11.0",
@@ -89,7 +89,7 @@
         "sass-loader": "12.6.0",
         "stylelint-webpack-plugin": "3.2.0",
         "svg-url-loader": "2.3.2",
-        "vite": "4.0.4",
+        "vite": "4.2.1",
         "vite-plugin-css-injected-by-js": "2.4.0",
         "vue-docgen-web-types": "0.1.8",
         "vue-loader": "15.10.0",

package/dist/@types/types/vue-node-element.d.ts

@@ -1,2 +0,0 @@
-import Vue from 'vue';
-export declare type VueNodeElement = Vue | Element | (Vue | Element)[] | undefined;