@adyen/bento-vue2 0.0.1 → 0.0.3

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -724,7 +724,7 @@
           "attributes": [
             {
               "name": "disabled",
-              "description": "Disables button functonality",
+              "description": "Disables button functionality",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -856,6 +856,15 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "ariaLabel",
+              "description": "Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
             }
           ],
           "events": [
@@ -1138,56 +1147,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-input-radio",
-          "description": "Radio buttons are used when two or more options are mutually exclusive,\nthe user can only select a single option from a list of pre-defined options.\nThe label tag area is also clickable.",
-          "attributes": [
-            {
-              "name": "disabled",
-              "description": "Disable the input radio (optional)",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "value",
-              "required": true,
-              "description": "Indicates the value of the input that will be returned when it's checked",
-              "value": {
-                "kind": "expression",
-                "type": "string|number"
-              }
-            },
-            {
-              "name": "v-model",
-              "description": "This property should not be used directly.\nIt will be used by v-model directive on radio component.",
-              "value": {
-                "kind": "expression",
-                "type": "string|number"
-              },
-              "default": "null"
-            }
-          ],
-          "events": [
-            {
-              "name": "input"
-            }
-          ],
-          "slots": [
-            {
-              "name": "default"
-            },
-            {
-              "name": "subLabel"
-            }
-          ],
-          "source": {
-            "module": "./src/components/input-radio/input-radio.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-loading-button",
           "description": "",
@@ -1263,7 +1222,7 @@
             },
             {
               "name": "inverse",
-              "description": "Displays the loading indicator in a small size",
+              "description": "Displays the loading indicator in a white variant",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -1298,6 +1257,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "hidePageSize",
+              "description": "Toggles the visibility of the \"results per page\" part of the pagination component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "page",
               "description": "The current page number of the pager.",
@@ -1314,7 +1282,7 @@
                 "kind": "expression",
                 "type": "number"
               },
-              "default": "50"
+              "default": "20"
             },
             {
               "name": "totalCount",
@@ -1596,6 +1564,56 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "bento-radio-button",
+          "description": "Radio buttons are used when two or more options are mutually exclusive,\nthe user can only select a single option from a list of pre-defined options.\nThe label tag area is also clickable.",
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disable the radio button (optional)",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "value",
+              "required": true,
+              "description": "Indicates the value of the input that will be returned when it's checked",
+              "value": {
+                "kind": "expression",
+                "type": "string|number"
+              }
+            },
+            {
+              "name": "v-model",
+              "description": "This property should not be used directly.\nIt will be used by v-model directive on radio component.",
+              "value": {
+                "kind": "expression",
+                "type": "string|number"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "name": "input"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "subLabel"
+            }
+          ],
+          "source": {
+            "module": "./src/components/radio-button/radio-button.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "bento-status",
           "description": "A Status component is used to indicate a\npassage of time or a particular step of a process.",
@@ -2228,14 +2246,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "input-radio.test",
-          "description": "",
-          "source": {
-            "module": "./src/components/input-radio/input-radio.test.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "link",
           "description": "",
@@ -2256,6 +2266,16 @@
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "variant",
+              "required": false,
+              "description": "Link variant type affecting visual style.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoLinkVariant"
+              },
+              "default": "BentoLinkVariant.DEFAULT"
             }
           ],
           "slots": [
@@ -2495,6 +2515,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "radio-button.test",
+          "description": "",
+          "source": {
+            "module": "./src/components/radio-button/radio-button.test.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "segmented-control.test",
           "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/bento-vue2",
-    "version": "0.0.1",
+    "version": "0.0.3",
     "description": "Adyen Bento Vue2 components",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -34,11 +34,13 @@
         "lint:style": "stylelint --allow-empty-input --config ../../.stylelintrc.js '**/*.scss'",
         "test": "jest src/components",
         "test:watch": "jest src/components --watch",
-        "test:e2e": "test/bin/e2e-docker.sh",
-        "test:e2e:update": "test/bin/e2e-docker.sh --update-snapshots",
-        "test:e2e:ci": "ts-node test/bin/e2e.ts",
-        "test:e2e:ci:update": "ts-node test/bin/e2e.ts --update-snapshots",
-        "test:server": "webpack serve --config config/webpack.test.ts",
+        "e2e": "test/bin/e2e-docker.sh",
+        "e2e:clean": "rm -rf playwright/.cache || true",
+        "e2e:debug": "npm run e2e:ci -- --debug",
+        "e2e:update": "test/bin/e2e-docker.sh --update-snapshots",
+        "e2e:report": "playwright show-report playwright-report",
+        "e2e:ci": "npm run e2e:clean && playwright test -c playwright.integration.config.ts",
+        "e2e:ci:update": "npm run e2e:clean && playwright test -c playwright.integration.config.ts --update-snapshots",
         "watch": "webpack --watch --config config/webpack.dev.ts"
     },
     "author": "Design System",
@@ -48,54 +50,50 @@
         "url": "git@github.com:Adyen/bento.git"
     },
     "dependencies": {
-        "@adyen/bento-design-tokens": "0.0.1",
-        "@popperjs/core": "^2.10.2",
+        "@adyen/bento-design-tokens": "0.0.3",
+        "@adyen/ui-assets-icons-16": "1.0.4",
+        "@popperjs/core": "2.11.6",
         "focus-lock": "0.11.0",
-        "uuid": "^9.0.0"
+        "uuid": "9.0.0"
     },
     "peerDependencies": {
-        "@adyen/ui-assets-icons-16": "^1.0.4",
         "portal-vue": "2.1.7",
         "vue": "~2.7",
         "vue-i18n": "8.26.7",
-        "vue-router": "3.6.4"
+        "vue-router": "~3.6"
     },
     "overrides": {
         "react": "16.14.0"
     },
     "devDependencies": {
-        "@adyen/bento-cli": "0.0.1",
+        "@adyen/bento-cli": "0.0.2",
         "@mdx-js/react": "1.6.22",
-        "@playwright/test": "^1.21.0",
+        "@playwright/experimental-ct-vue2": "1.30.0",
         "@storybook/addon-a11y": "6.5.4",
         "@storybook/addon-essentials": "6.5.4",
         "@storybook/addon-storysource": "6.5.4",
-        "@storybook/theming": "^6.5.9",
-        "@testing-library/jest-dom": "^5.16.4",
-        "@testing-library/user-event": "^14.4.3",
-        "@testing-library/vue": "^5.8.2",
+        "@storybook/theming": "6.5.9",
+        "@testing-library/jest-dom": "5.16.4",
+        "@testing-library/user-event": "14.4.3",
+        "@testing-library/vue": "5.8.2",
         "@vitejs/plugin-vue2": "2.2.0",
-        "axe-core": "^4.4.2",
-        "clean-webpack-plugin": "^3.0.0",
-        "css-loader": "^5.2.7",
-        "eslint-import-resolver-typescript": "^2.7.0",
-        "eslint-import-resolver-webpack": "^0.13.2",
-        "eslint-plugin-import": "^2.26.0",
-        "fork-ts-checker-webpack-plugin": "^6.2.10",
-        "html-webpack-plugin": "^4.5.0",
+        "axe-core": "4.4.2",
+        "clean-webpack-plugin": "3.0.0",
+        "css-loader": "5.2.7",
+        "eslint-import-resolver-typescript": "2.7.0",
+        "eslint-import-resolver-webpack": "0.13.2",
+        "eslint-plugin-import": "2.26.0",
+        "fork-ts-checker-webpack-plugin": "6.5.2",
+        "html-webpack-plugin": "4.5.2",
         "sass": "1.54.6",
-        "sass-loader": "^12.6.0",
-        "stylelint-webpack-plugin": "^3.2.0",
-        "svg-url-loader": "^2.3.2",
+        "sass-loader": "12.6.0",
+        "stylelint-webpack-plugin": "3.2.0",
+        "svg-url-loader": "2.3.2",
         "vite": "4.0.4",
         "vite-plugin-css-injected-by-js": "2.4.0",
-        "vue-docgen-web-types": "^0.1.8",
+        "vue-docgen-web-types": "0.1.8",
         "vue-loader": "15.10.0",
-        "vue-style-loader": "^4.1.3",
-        "vue-tsc": "1.0.24",
-        "webpack": "^5.72.0",
-        "webpack-cli": "^4.9.2",
-        "webpack-dev-server": "^4.8.1",
-        "webpack-merge": "^5.8.0"
+        "vue-style-loader": "4.1.3",
+        "vue-tsc": "1.0.24"
     }
 }

package/dist/@types/components/input-radio/index.d.ts

@@ -1 +0,0 @@
-export { default as BentoInputRadio } from './input-radio.vue';