@adyen/bento-vue2 0.9.3 → 0.10.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "0.9.3",
+  "version": "0.10.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -180,113 +180,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "adl-segmented-control",
-          "description": "",
-          "attributes": [
-            {
-              "name": "disabled",
-              "description": "Determines whether the entire control is disabled.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "value",
-              "description": "The currently selected value.",
-              "value": {
-                "kind": "expression",
-                "type": "null"
-              },
-              "default": "undefined"
-            },
-            {
-              "name": "name",
-              "required": true,
-              "description": "The name to be used on the radio button input elements internally.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "input"
-            }
-          ],
-          "slots": [
-            {
-              "name": "default"
-            }
-          ],
-          "source": {
-            "module": "./src/components/segmented-control/segmented-control.vue",
-            "symbol": "default"
-          }
-        },
-        {
-          "name": "adl-segmented-option",
-          "description": "",
-          "attributes": [
-            {
-              "name": "disabled",
-              "description": "Determines whether this option is disabled or not.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "value",
-              "required": true,
-              "description": "The value for this option. This will determine whether this option is currently selected\nbased on if it matches with `value` of SegmentedControl (injected here as `adlSegmentedControlApi.state.selectedValue`).",
-              "value": {
-                "kind": "expression",
-                "type": "null"
-              }
-            },
-            {
-              "name": "label",
-              "description": "The label text. Note if this is provided, the icon shall not be rendered.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "segmentedControl",
-              "description": "Injected prop that contains the required segmentedControl interface.\nNOTE: This Prop definition can be removed when the following issue is resolved:\nhttps://github.com/vuejs/vue/issues/8969",
-              "value": {
-                "kind": "expression",
-                "type": "AdlSegmentedControlApi"
-              },
-              "default": "null"
-            },
-            {
-              "name": "testId",
-              "description": "For testing purposes you can decide which testId your adl-segmented-option instance will have",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "'adl-segmented-option'"
-            }
-          ],
-          "slots": [
-            {
-              "name": "icon"
-            }
-          ],
-          "source": {
-            "module": "./src/components/segmented-control/components/segmented-option.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "adl-textarea",
           "description": "",
@@ -4144,6 +4037,66 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "bento-segmented-control-button",
+          "description": "Internal component to be used within the BentoSegmentedControl component only",
+          "attributes": [
+            {
+              "name": "label",
+              "required": true,
+              "description": "The string the button will showcase",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "value",
+              "required": true,
+              "description": "Indicates the value of the input that will be returned when it's selected",
+              "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 the segmented control component",
+              "value": {
+                "kind": "expression",
+                "type": "string|number"
+              },
+              "default": "null"
+            },
+            {
+              "name": "disabled",
+              "description": "Disable the radio button (optional)",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "fullWidth",
+              "description": "Renders the button with a 100% width",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "name": "input"
+            }
+          ],
+          "source": {
+            "module": "./src/components/segmented-control/components/segmented-control-button/segmented-control-button.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "bento-select-avatar-filter",
           "description": "The Select Avatar filter displays a listbox of avatar items\npassed in the \"options.listboxItems\" property.",
@@ -4905,9 +4858,6 @@
             {
               "name": "default"
             },
-            {
-              "name": "subLabel"
-            },
             {
               "name": "description"
             }
@@ -6714,9 +6664,6 @@
             {
               "name": "default"
             },
-            {
-              "name": "subLabel"
-            },
             {
               "name": "description"
             }
@@ -6726,14 +6673,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "segmented-control.test",
-          "description": "",
-          "source": {
-            "module": "./src/components/segmented-control/segmented-control.test.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "status.test",
           "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/bento-vue2",
-    "version": "0.9.3",
+    "version": "0.10.0",
     "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.3",
+        "@adyen/bento-design-tokens": "0.5.4",
         "@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",

package/dist/@types/components/segmented-control/components/segmented-option.vue.d.ts

@@ -1,59 +0,0 @@
-import { PropType } from 'vue';
-import { AdlSegmentedControlApi } from '../segmented-control.types';
-declare const _default: import("vue").DefineComponent<{
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    value: {
-        type: any;
-        required: true;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    segmentedControl: {
-        type: PropType<AdlSegmentedControlApi>;
-        default: any;
-    };
-    testId: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {}, {}, {
-    isSelected(): boolean;
-    isDisabled(): boolean;
-    isChecked(): boolean;
-    adlSegmentedControlApi(): AdlSegmentedControlApi;
-    conditionalClasses(): {
-        [className: string]: boolean;
-    };
-}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    value: {
-        type: any;
-        required: true;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    segmentedControl: {
-        type: PropType<AdlSegmentedControlApi>;
-        default: any;
-    };
-    testId: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    label: string;
-    disabled: boolean;
-    testId: string;
-    segmentedControl: AdlSegmentedControlApi;
-}>;
-export default _default;

package/dist/@types/components/segmented-control/index.d.ts

@@ -1,3 +0,0 @@
-export { default as AdlSegmentedOption } from './components/segmented-option.vue';
-export { default as AdlSegmentedControl } from './segmented-control.vue';
-export * from './segmented-control.types';

package/dist/@types/components/segmented-control/segmented-control.keys.d.ts

@@ -1 +0,0 @@
-export declare const SEGMENTED_CONTROL_INJ_KEY: unique symbol;

package/dist/@types/components/segmented-control/segmented-control.types.d.ts

@@ -1,15 +0,0 @@
-export interface AdlSegmentedControlApi {
-    state: {
-        name: string;
-        disabled: boolean;
-        selectedValue: unknown;
-    };
-    changeValue: (newValue: unknown) => void;
-}
-export declare enum AdlSegmentedControlState {
-    DISABLED = "disabled"
-}
-export declare enum AdlSegmentedOptionState {
-    DISABLED = "disabled",
-    SELECTED = "selected"
-}

package/dist/@types/components/segmented-control/segmented-control.vue.d.ts

@@ -1,42 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    value: {
-        type: any;
-        default: any;
-    };
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-}, {}, {
-    state: {
-        disabled: boolean;
-        selectedValue: any;
-        name: string;
-    };
-    ariaLabel: any;
-}, {
-    conditionalClasses(): {
-        [className: string]: boolean;
-    };
-}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    value: {
-        type: any;
-        default: any;
-    };
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-}>>, {
-    value: any;
-    disabled: boolean;
-}>;
-export default _default;