@adyen/bento-vue3 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (223) hide show
  1. package/dist/@types/components.d.ts +12 -0
  2. package/dist/@types/packages/vue2/src/components/button/components/loading-button/loading-button.vue.d.ts +3 -3
  3. package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +76 -30
  4. package/dist/@types/packages/vue2/src/components/country/composables/index.d.ts +0 -1
  5. package/dist/@types/packages/vue2/src/components/country/country.vue.d.ts +1 -2
  6. package/dist/@types/packages/vue2/src/components/date-picker/date-picker.vue.d.ts +11 -1
  7. package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.vue.d.ts +11 -1
  8. package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts +2 -1
  9. package/dist/@types/packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +0 -2
  10. package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-field-tip.vue.d.ts +10 -0
  11. package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-field-tip/index.d.ts +1 -0
  12. package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-group/composable/use-form-layout-group-percentage.d.ts +3 -0
  13. package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-group/form-layout-group.types.d.ts +1 -0
  14. package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-group/form-layout-group.vue.d.ts +23 -0
  15. package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-group/index.d.ts +1 -0
  16. package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-title/form-layout-title.vue.d.ts +33 -0
  17. package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-title/index.d.ts +1 -0
  18. package/dist/@types/packages/vue2/src/components/form-layout/components/index.d.ts +3 -0
  19. package/dist/@types/packages/vue2/src/components/form-layout/form-layout.types.d.ts +1 -0
  20. package/dist/@types/packages/vue2/src/components/form-layout/form-layout.vue.d.ts +33 -0
  21. package/dist/@types/packages/vue2/src/components/form-layout/index.d.ts +2 -0
  22. package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts +2 -1
  23. package/dist/@types/packages/vue2/src/components/internal/controls-group/controls-group.vue.d.ts +53 -22
  24. package/dist/@types/packages/vue2/src/components/modal/components/base-modal/__mocks__/base-modal.vue.d.ts +3 -3
  25. package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts +51 -44
  26. package/dist/@types/packages/vue2/src/components/modal/components/modal-default/modal-default.vue.d.ts +3 -3
  27. package/dist/@types/packages/vue2/src/components/modal/modal.vue.d.ts +4 -12
  28. package/dist/@types/packages/vue2/src/components/radio-group/radio-group.vue.d.ts +50 -4
  29. package/dist/@types/packages/vue2/src/components/search-bar/search-bar.vue.d.ts +5 -3
  30. package/dist/@types/packages/vue2/src/components/sidepanel/components/sidepanel-page.vue.d.ts +68 -0
  31. package/dist/@types/packages/vue2/src/components/sidepanel/index.d.ts +3 -0
  32. package/dist/@types/packages/vue2/src/components/sidepanel/sidepanel.keys.d.ts +2 -0
  33. package/dist/@types/packages/vue2/src/components/sidepanel/sidepanel.types.d.ts +21 -0
  34. package/dist/@types/packages/vue2/src/components/sidepanel/sidepanel.vue.d.ts +46 -0
  35. package/dist/@types/packages/vue2/src/components/tabs/tabs.types.d.ts +1 -1
  36. package/dist/@types/packages/vue2/src/components/textarea/textarea.vue.d.ts +2 -1
  37. package/dist/@types/packages/vue2/src/components/timeline/timeline.types.d.ts +1 -1
  38. package/dist/@types/packages/vue2/src/composables/index.d.ts +1 -0
  39. package/dist/@types/packages/vue2/src/composables/use-form-layout-loading/use-form-layout-loading.d.ts +4 -0
  40. package/dist/@types/packages/vue2/src/index.d.ts +2 -0
  41. package/dist/@types/packages/vue2/src/utils/ts/dev-environment.d.ts +1 -0
  42. package/dist/accordion.js +1 -1
  43. package/dist/alert.js +3 -3
  44. package/dist/assets/arrow-left.css +1 -0
  45. package/dist/assets/base-button.css +1 -1
  46. package/dist/assets/button.css +1 -1
  47. package/dist/assets/calendar.css +1 -1
  48. package/dist/assets/checkbox.css +1 -1
  49. package/dist/assets/controls-group.css +1 -1
  50. package/dist/assets/copy.css +1 -1
  51. package/dist/assets/dropdown-default-textbox.css +1 -1
  52. package/dist/assets/dropdown.css +1 -1
  53. package/dist/assets/error-message.css +1 -1
  54. package/dist/assets/footer-actions.css +1 -0
  55. package/dist/assets/grid-layout.css +1 -1
  56. package/dist/assets/index.css +1 -1
  57. package/dist/assets/index10.css +1 -1
  58. package/dist/assets/index11.css +1 -1
  59. package/dist/assets/index12.css +1 -1
  60. package/dist/assets/index13.css +1 -1
  61. package/dist/assets/index14.css +1 -1
  62. package/dist/assets/index15.css +1 -1
  63. package/dist/assets/index16.css +1 -1
  64. package/dist/assets/index17.css +1 -1
  65. package/dist/assets/index18.css +1 -1
  66. package/dist/assets/index19.css +1 -1
  67. package/dist/assets/index2.css +1 -1
  68. package/dist/assets/index20.css +1 -1
  69. package/dist/assets/index21.css +1 -1
  70. package/dist/assets/index22.css +1 -1
  71. package/dist/assets/index23.css +1 -1
  72. package/dist/assets/index24.css +1 -1
  73. package/dist/assets/index25.css +1 -1
  74. package/dist/assets/index26.css +1 -1
  75. package/dist/assets/index27.css +1 -1
  76. package/dist/assets/index28.css +1 -1
  77. package/dist/assets/index29.css +1 -1
  78. package/dist/assets/index3.css +1 -1
  79. package/dist/assets/index30.css +1 -1
  80. package/dist/assets/index31.css +1 -1
  81. package/dist/assets/index32.css +1 -1
  82. package/dist/assets/index33.css +1 -1
  83. package/dist/assets/index34.css +1 -1
  84. package/dist/assets/index35.css +1 -1
  85. package/dist/assets/index36.css +1 -1
  86. package/dist/assets/index37.css +1 -1
  87. package/dist/assets/index38.css +1 -1
  88. package/dist/assets/index39.css +1 -1
  89. package/dist/assets/index4.css +1 -1
  90. package/dist/assets/index40.css +1 -1
  91. package/dist/assets/index41.css +1 -0
  92. package/dist/assets/index42.css +1 -0
  93. package/dist/assets/index5.css +1 -1
  94. package/dist/assets/index6.css +1 -1
  95. package/dist/assets/index7.css +1 -1
  96. package/dist/assets/index8.css +1 -1
  97. package/dist/assets/index9.css +1 -1
  98. package/dist/assets/listbox-option-tag.css +1 -1
  99. package/dist/assets/listbox.css +1 -1
  100. package/dist/assets/loading-button.css +1 -1
  101. package/dist/assets/tooltip.css +1 -1
  102. package/dist/avatar-image.js +1 -1
  103. package/dist/badge.js +1 -1
  104. package/dist/button.js +3 -3
  105. package/dist/card.js +3 -3
  106. package/dist/checkbox.js +111 -97
  107. package/dist/checkbox.js.map +1 -1
  108. package/dist/chunks/arrow-left.cdbcc128.js +30 -0
  109. package/dist/chunks/arrow-left.cdbcc128.js.map +1 -0
  110. package/dist/chunks/{base-button.4a56c2fb.js → base-button.20be08da.js} +2 -2
  111. package/dist/chunks/{base-button.4a56c2fb.js.map → base-button.20be08da.js.map} +1 -1
  112. package/dist/chunks/{button-actions.a6e541ad.js → button-actions.54e28e75.js} +2 -2
  113. package/dist/chunks/{button-actions.a6e541ad.js.map → button-actions.54e28e75.js.map} +1 -1
  114. package/dist/chunks/{button.1f630b6e.js → button.e1c39f66.js} +2 -2
  115. package/dist/chunks/{button.1f630b6e.js.map → button.e1c39f66.js.map} +1 -1
  116. package/dist/chunks/{calendar.08885a56.js → calendar.09b683b3.js} +6 -6
  117. package/dist/chunks/calendar.09b683b3.js.map +1 -0
  118. package/dist/chunks/{checkbox.cfb8b8df.js → checkbox.a404069b.js} +3 -3
  119. package/dist/chunks/{checkbox.cfb8b8df.js.map → checkbox.a404069b.js.map} +1 -1
  120. package/dist/chunks/controls-group.60fb2a86.js +136 -0
  121. package/dist/chunks/controls-group.60fb2a86.js.map +1 -0
  122. package/dist/chunks/{copy.1ce0203e.js → copy.2cf5e6c3.js} +3 -3
  123. package/dist/chunks/{copy.1ce0203e.js.map → copy.2cf5e6c3.js.map} +1 -1
  124. package/dist/chunks/{dropdown-default-textbox.dd77bb42.js → dropdown-default-textbox.203e747f.js} +54 -51
  125. package/dist/chunks/dropdown-default-textbox.203e747f.js.map +1 -0
  126. package/dist/chunks/{dropdown.f9997464.js → dropdown.8b415aac.js} +188 -185
  127. package/dist/chunks/dropdown.8b415aac.js.map +1 -0
  128. package/dist/chunks/{error-message.b88bb75a.js → error-message.ddfe8ea5.js} +2 -2
  129. package/dist/chunks/{error-message.b88bb75a.js.map → error-message.ddfe8ea5.js.map} +1 -1
  130. package/dist/chunks/footer-actions.0f640f87.js +106 -0
  131. package/dist/chunks/footer-actions.0f640f87.js.map +1 -0
  132. package/dist/chunks/form-layout.types.a7a1438d.js +5 -0
  133. package/dist/chunks/form-layout.types.a7a1438d.js.map +1 -0
  134. package/dist/chunks/{index.361c61d3.js → index.13949709.js} +2 -2
  135. package/dist/chunks/{index.361c61d3.js.map → index.13949709.js.map} +1 -1
  136. package/dist/chunks/index.222d29b0.js +120 -0
  137. package/dist/chunks/index.222d29b0.js.map +1 -0
  138. package/dist/chunks/{index.64b7b3cc.js → index.3da90517.js} +6 -6
  139. package/dist/chunks/{index.64b7b3cc.js.map → index.3da90517.js.map} +1 -1
  140. package/dist/chunks/{index.96001b1d.js → index.aa34e363.js} +3 -3
  141. package/dist/chunks/{index.96001b1d.js.map → index.aa34e363.js.map} +1 -1
  142. package/dist/chunks/{index.b46a5047.js → index.c9225c3b.js} +260 -253
  143. package/dist/chunks/{index.b46a5047.js.map → index.c9225c3b.js.map} +1 -1
  144. package/dist/chunks/{index.7dd953ea.js → index.d27367cd.js} +2 -2
  145. package/dist/chunks/{index.7dd953ea.js.map → index.d27367cd.js.map} +1 -1
  146. package/dist/chunks/{listbox-option-tag.73661a5d.js → listbox-option-tag.5ae8b79b.js} +3 -3
  147. package/dist/chunks/{listbox-option-tag.73661a5d.js.map → listbox-option-tag.5ae8b79b.js.map} +1 -1
  148. package/dist/chunks/{listbox.7b5e0eee.js → listbox.0c7c4e5e.js} +339 -339
  149. package/dist/chunks/listbox.0c7c4e5e.js.map +1 -0
  150. package/dist/chunks/loading-button.61d8ebe5.js +109 -0
  151. package/dist/chunks/loading-button.61d8ebe5.js.map +1 -0
  152. package/dist/chunks/{tooltip.53290a34.js → tooltip.835d9b52.js} +2 -2
  153. package/dist/chunks/tooltip.835d9b52.js.map +1 -0
  154. package/dist/chunks/use-form-layout-loading.d03e5d48.js +12 -0
  155. package/dist/chunks/use-form-layout-loading.d03e5d48.js.map +1 -0
  156. package/dist/code-snippet.js +6 -6
  157. package/dist/code-snippet.js.map +1 -1
  158. package/dist/country.js +559 -595
  159. package/dist/country.js.map +1 -1
  160. package/dist/currency.js +1 -1
  161. package/dist/data-grid.js +682 -702
  162. package/dist/data-grid.js.map +1 -1
  163. package/dist/date-picker.js +82 -75
  164. package/dist/date-picker.js.map +1 -1
  165. package/dist/date-range-picker.js +2 -2
  166. package/dist/date.js +1 -1
  167. package/dist/divider.js +1 -1
  168. package/dist/dropdown.js +67 -62
  169. package/dist/dropdown.js.map +1 -1
  170. package/dist/filter-bar.js +446 -442
  171. package/dist/filter-bar.js.map +1 -1
  172. package/dist/focus-trap.js +1 -1
  173. package/dist/form-layout.js +188 -0
  174. package/dist/form-layout.js.map +1 -0
  175. package/dist/header.js +3 -3
  176. package/dist/index.js +191 -187
  177. package/dist/index.js.map +1 -1
  178. package/dist/info-icon.js +2 -2
  179. package/dist/input-field.js +123 -121
  180. package/dist/input-field.js.map +1 -1
  181. package/dist/internal.js +6 -6
  182. package/dist/link.js +2 -2
  183. package/dist/loading-indicator.js +1 -1
  184. package/dist/menu.js +4 -4
  185. package/dist/modal.js +266 -397
  186. package/dist/modal.js.map +1 -1
  187. package/dist/pagination.js +4 -4
  188. package/dist/payment-method.js +2 -2
  189. package/dist/popover.js +4 -4
  190. package/dist/popper-container.js +2 -2
  191. package/dist/radio-group.js +127 -124
  192. package/dist/radio-group.js.map +1 -1
  193. package/dist/search-bar.js +2 -2
  194. package/dist/segmented-control.js +4 -4
  195. package/dist/sidepanel.js +279 -0
  196. package/dist/sidepanel.js.map +1 -0
  197. package/dist/status.js +2 -2
  198. package/dist/structured-list.js +1 -1
  199. package/dist/summary-grid.js +3 -3
  200. package/dist/tabs.js +7 -7
  201. package/dist/tabs.js.map +1 -1
  202. package/dist/tag.js +3 -3
  203. package/dist/textarea.js +97 -95
  204. package/dist/textarea.js.map +1 -1
  205. package/dist/timeline.js +8 -8
  206. package/dist/timeline.js.map +1 -1
  207. package/dist/toast.js +3 -3
  208. package/dist/toggle.js +2 -2
  209. package/dist/typography.js +1 -1
  210. package/dist/web-types.json +1 -1
  211. package/package.json +14 -7
  212. package/dist/@types/packages/vue2/src/components/country/composables/useCountryFlag.d.ts +0 -2
  213. package/dist/chunks/calendar.08885a56.js.map +0 -1
  214. package/dist/chunks/controls-group.806da9bd.js +0 -75
  215. package/dist/chunks/controls-group.806da9bd.js.map +0 -1
  216. package/dist/chunks/dropdown-default-textbox.dd77bb42.js.map +0 -1
  217. package/dist/chunks/dropdown.f9997464.js.map +0 -1
  218. package/dist/chunks/index.ebf5f6cf.js +0 -119
  219. package/dist/chunks/index.ebf5f6cf.js.map +0 -1
  220. package/dist/chunks/listbox.7b5e0eee.js.map +0 -1
  221. package/dist/chunks/loading-button.426d89b9.js +0 -113
  222. package/dist/chunks/loading-button.426d89b9.js.map +0 -1
  223. package/dist/chunks/tooltip.53290a34.js.map +0 -1
@@ -4,43 +4,43 @@ import { BentoButtonVariant } from "../../../../../../core/src/components/button
4
4
  import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
5
5
  import { GridLayoutContainerType } from "../../../internal";
6
6
  declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
7
- modalRole: {
8
- type: StringConstructor;
9
- default: BentoModalRole;
7
+ columnsSize: {
8
+ type: PropType<BentoModalColumnLayoutVariant>;
9
+ default: BentoModalColumnLayoutVariant;
10
10
  };
11
- isDismissible: {
12
- type: BooleanConstructor;
13
- required: true;
11
+ customPadding: {
12
+ type: StringConstructor;
13
+ default: any;
14
14
  };
15
15
  hideCloseButton: {
16
16
  type: BooleanConstructor;
17
17
  required: true;
18
18
  };
19
- customPadding: {
20
- type: StringConstructor;
21
- default: any;
22
- };
23
- withColumnLayout: {
19
+ initiallyOpen: {
24
20
  type: BooleanConstructor;
25
21
  default: boolean;
26
22
  };
27
- columnsSize: {
28
- type: PropType<BentoModalColumnLayoutVariant>;
29
- default: BentoModalColumnLayoutVariant;
23
+ isDismissible: {
24
+ type: BooleanConstructor;
25
+ required: true;
30
26
  };
31
27
  isOpen: {
32
28
  type: BooleanConstructor;
33
29
  required: true;
34
30
  };
35
- size: {
36
- type: PropType<BentoModalSize>;
37
- default: BentoModalSize;
31
+ modalRole: {
32
+ type: StringConstructor;
33
+ default: BentoModalRole;
38
34
  };
39
- initiallyOpen: {
35
+ overflowVisible: {
40
36
  type: BooleanConstructor;
41
37
  default: boolean;
42
38
  };
43
- overflowVisible: {
39
+ size: {
40
+ type: PropType<BentoModalSize>;
41
+ default: BentoModalSize;
42
+ };
43
+ withColumnLayout: {
44
44
  type: BooleanConstructor;
45
45
  default: boolean;
46
46
  };
@@ -52,11 +52,18 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
52
52
  onCloseButtonClick: () => void;
53
53
  hasSlot: (name: string) => boolean;
54
54
  emitCloseEvent: () => void;
55
+ t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
56
+ [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
57
+ }>, never, import("@intlify/core-base")._ResourcePath<{
58
+ [key: string]: string;
59
+ }>, import("@intlify/core-base")._ResourcePath<{
60
+ [key: string]: string;
61
+ }>> | ((key: "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
55
62
  modalConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
56
63
  [x: string]: boolean | BentoModalSize;
57
- "b-modal-base__container--visible": boolean;
58
- "b-modal-base__container--overflow-visible": boolean;
59
- "b-modal-base__container--column-layout": boolean;
64
+ 'b-modal-base__container--visible': boolean;
65
+ 'b-modal-base__container--overflow-visible': boolean;
66
+ 'b-modal-base__container--column-layout': boolean;
60
67
  }>;
61
68
  modalContentConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
62
69
  'b-modal-base__content--column-layout': boolean;
@@ -96,43 +103,43 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
96
103
  BentoTypographyVariant: typeof BentoTypographyVariant;
97
104
  GridLayoutContainerType: typeof GridLayoutContainerType;
98
105
  }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoModalEvent[], BentoModalEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
99
- modalRole: {
100
- type: StringConstructor;
101
- default: BentoModalRole;
106
+ columnsSize: {
107
+ type: PropType<BentoModalColumnLayoutVariant>;
108
+ default: BentoModalColumnLayoutVariant;
102
109
  };
103
- isDismissible: {
104
- type: BooleanConstructor;
105
- required: true;
110
+ customPadding: {
111
+ type: StringConstructor;
112
+ default: any;
106
113
  };
107
114
  hideCloseButton: {
108
115
  type: BooleanConstructor;
109
116
  required: true;
110
117
  };
111
- customPadding: {
112
- type: StringConstructor;
113
- default: any;
114
- };
115
- withColumnLayout: {
118
+ initiallyOpen: {
116
119
  type: BooleanConstructor;
117
120
  default: boolean;
118
121
  };
119
- columnsSize: {
120
- type: PropType<BentoModalColumnLayoutVariant>;
121
- default: BentoModalColumnLayoutVariant;
122
+ isDismissible: {
123
+ type: BooleanConstructor;
124
+ required: true;
122
125
  };
123
126
  isOpen: {
124
127
  type: BooleanConstructor;
125
128
  required: true;
126
129
  };
127
- size: {
128
- type: PropType<BentoModalSize>;
129
- default: BentoModalSize;
130
+ modalRole: {
131
+ type: StringConstructor;
132
+ default: BentoModalRole;
130
133
  };
131
- initiallyOpen: {
134
+ overflowVisible: {
132
135
  type: BooleanConstructor;
133
136
  default: boolean;
134
137
  };
135
- overflowVisible: {
138
+ size: {
139
+ type: PropType<BentoModalSize>;
140
+ default: BentoModalSize;
141
+ };
142
+ withColumnLayout: {
136
143
  type: BooleanConstructor;
137
144
  default: boolean;
138
145
  };
@@ -140,11 +147,11 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
140
147
  "onClose-modal"?: (...args: any[]) => any;
141
148
  }, {
142
149
  size: BentoModalSize;
143
- modalRole: string;
144
- customPadding: string;
145
- withColumnLayout: boolean;
146
150
  columnsSize: BentoModalColumnLayoutVariant;
151
+ customPadding: string;
147
152
  initiallyOpen: boolean;
153
+ modalRole: string;
148
154
  overflowVisible: boolean;
155
+ withColumnLayout: boolean;
149
156
  }>;
150
157
  export default _default;
@@ -106,12 +106,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
106
106
  "onClose-modal"?: (...args: any[]) => any;
107
107
  }, {
108
108
  actions: BentoButtonActionsList;
109
- hideCloseButton: boolean;
110
- customPadding: string;
111
- withColumnLayout: boolean;
112
109
  columnsSize: BentoModalColumnLayoutVariant;
110
+ customPadding: string;
111
+ hideCloseButton: boolean;
113
112
  initiallyOpen: boolean;
114
113
  overflowVisible: boolean;
114
+ withColumnLayout: boolean;
115
115
  actionsLabel: string;
116
116
  destructiveActions: boolean;
117
117
  }>;
@@ -73,19 +73,11 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
73
73
  isDismissible: boolean;
74
74
  overflowVisible: boolean;
75
75
  withColumnLayout: boolean;
76
- dialogType?: undefined;
77
- content?: undefined;
78
76
  } | {
79
77
  dialogType: "info" | "confirmation" | "destructive" | "acknowledgement" | BentoModalDialogType;
80
78
  content: string;
81
79
  isDismissible: boolean;
82
80
  overflowVisible: boolean;
83
- hideCloseButton?: undefined;
84
- size?: undefined;
85
- customPadding?: undefined;
86
- actionsLabel?: undefined;
87
- destructiveActions?: undefined;
88
- withColumnLayout?: undefined;
89
81
  }>;
90
82
  hasSlot: (name: string) => boolean;
91
83
  }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoModalEvent[], BentoModalEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
@@ -157,12 +149,12 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
157
149
  size: "small" | "medium" | "large" | BentoModalSize;
158
150
  isOpen: boolean;
159
151
  actions: BentoButtonActionsList;
160
- isDismissible: boolean;
161
- hideCloseButton: boolean;
162
- customPadding: string;
163
- withColumnLayout: boolean;
164
152
  columnsSize: "smaller" | "equal" | "bigger" | BentoModalColumnLayoutVariant;
153
+ customPadding: string;
154
+ hideCloseButton: boolean;
155
+ isDismissible: boolean;
165
156
  overflowVisible: boolean;
157
+ withColumnLayout: boolean;
166
158
  actionsLabel: string;
167
159
  destructiveActions: boolean;
168
160
  dialogType: "info" | "confirmation" | "destructive" | "acknowledgement" | BentoModalDialogType;
@@ -1,6 +1,10 @@
1
1
  import { PropType } from "../../../../vue3/node_modules/vue";
2
2
  import { BentoRadioGroupEvent, BentoRadioGroupItems, BentoRadioGroupVariant } from './radio-group.types';
3
3
  declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
4
+ description: {
5
+ type: StringConstructor;
6
+ default: any;
7
+ };
4
8
  disabled: {
5
9
  type: BooleanConstructor;
6
10
  default: boolean;
@@ -17,6 +21,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
17
21
  type: BooleanConstructor;
18
22
  default: boolean;
19
23
  };
24
+ hideLabel: {
25
+ type: BooleanConstructor;
26
+ default: any;
27
+ };
20
28
  items: {
21
29
  type: PropType<BentoRadioGroupItems>;
22
30
  required: true;
@@ -25,12 +33,24 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
25
33
  type: StringConstructor;
26
34
  required: true;
27
35
  };
36
+ modelValue: {
37
+ type: (StringConstructor | NumberConstructor)[];
38
+ default: any;
39
+ };
40
+ optional: {
41
+ type: BooleanConstructor;
42
+ default: boolean;
43
+ };
28
44
  readonly: {
29
45
  type: BooleanConstructor;
30
46
  default: boolean;
31
47
  };
32
- modelValue: {
33
- type: (StringConstructor | NumberConstructor)[];
48
+ required: {
49
+ type: BooleanConstructor;
50
+ default: boolean;
51
+ };
52
+ tooltipText: {
53
+ type: StringConstructor;
34
54
  default: any;
35
55
  };
36
56
  variant: {
@@ -41,6 +61,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
41
61
  }, {
42
62
  inputValue: import("../../../../vue3/node_modules/vue").Ref<string | number>;
43
63
  errorId: string;
64
+ isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
44
65
  shouldShowError: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
45
66
  shouldShowErrorMessage: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
46
67
  conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
@@ -48,6 +69,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
48
69
  }>;
49
70
  onInput: (value: any) => void;
50
71
  }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoRadioGroupEvent[], BentoRadioGroupEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
72
+ description: {
73
+ type: StringConstructor;
74
+ default: any;
75
+ };
51
76
  disabled: {
52
77
  type: BooleanConstructor;
53
78
  default: boolean;
@@ -64,6 +89,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
64
89
  type: BooleanConstructor;
65
90
  default: boolean;
66
91
  };
92
+ hideLabel: {
93
+ type: BooleanConstructor;
94
+ default: any;
95
+ };
67
96
  items: {
68
97
  type: PropType<BentoRadioGroupItems>;
69
98
  required: true;
@@ -72,12 +101,24 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
72
101
  type: StringConstructor;
73
102
  required: true;
74
103
  };
104
+ modelValue: {
105
+ type: (StringConstructor | NumberConstructor)[];
106
+ default: any;
107
+ };
108
+ optional: {
109
+ type: BooleanConstructor;
110
+ default: boolean;
111
+ };
75
112
  readonly: {
76
113
  type: BooleanConstructor;
77
114
  default: boolean;
78
115
  };
79
- modelValue: {
80
- type: (StringConstructor | NumberConstructor)[];
116
+ required: {
117
+ type: BooleanConstructor;
118
+ default: boolean;
119
+ };
120
+ tooltipText: {
121
+ type: StringConstructor;
81
122
  default: any;
82
123
  };
83
124
  variant: {
@@ -88,8 +129,13 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
88
129
  }>> & {
89
130
  "onUpdate:model-value"?: (...args: any[]) => any;
90
131
  }, {
132
+ required: boolean;
91
133
  disabled: boolean;
92
134
  variant: "vertical" | "horizontal" | BentoRadioGroupVariant;
135
+ description: string;
136
+ tooltipText: string;
137
+ optional: boolean;
138
+ hideLabel: boolean;
93
139
  errorMessage: string;
94
140
  readonly: boolean;
95
141
  modelValue: string | number;
@@ -31,9 +31,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
31
31
  error: boolean;
32
32
  ariaLabel: string;
33
33
  placeholder: string;
34
+ optional: boolean;
34
35
  errorMessage: string;
35
36
  readonly: boolean;
36
- optional: boolean;
37
37
  dropdown: import("../input-field/input-field.types").BentoInputDropdownProps;
38
38
  ariaHidden: boolean;
39
39
  dropdownPosition: "start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition;
@@ -117,7 +117,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
117
117
  "onEscape-pressed"?: (...args: any[]) => any;
118
118
  "onUpdate:dropdown"?: (...args: any[]) => any;
119
119
  "onDropdown-input"?: (...args: any[]) => any;
120
- } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "value" | "type" | "required" | "disabled" | "variant" | "error" | "ariaLabel" | "placeholder" | "errorMessage" | "readonly" | "optional" | "dropdown" | "ariaHidden" | "dropdownPosition" | "staticValue" | "staticValuePosition">;
120
+ } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "value" | "type" | "required" | "disabled" | "variant" | "error" | "ariaLabel" | "placeholder" | "optional" | "errorMessage" | "readonly" | "dropdown" | "ariaHidden" | "dropdownPosition" | "staticValue" | "staticValuePosition">;
121
121
  $attrs: {
122
122
  [x: string]: unknown;
123
123
  };
@@ -235,6 +235,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
235
235
  staticValueId: string;
236
236
  descriptionId: string;
237
237
  errorId: string;
238
+ isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
238
239
  shouldDisplayStaticValueAtStart: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
239
240
  shouldDisplayStaticValueAtEnd: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
240
241
  shouldShowDropdown: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
@@ -253,9 +254,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
253
254
  error: boolean;
254
255
  ariaLabel: string;
255
256
  placeholder: string;
257
+ optional: boolean;
256
258
  errorMessage: string;
257
259
  readonly: boolean;
258
- optional: boolean;
259
260
  dropdown: import("../input-field/input-field.types").BentoInputDropdownProps;
260
261
  ariaHidden: boolean;
261
262
  dropdownPosition: "start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition;
@@ -385,6 +386,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
385
386
  staticValueId: string;
386
387
  descriptionId: string;
387
388
  errorId: string;
389
+ isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
388
390
  shouldDisplayStaticValueAtStart: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
389
391
  shouldDisplayStaticValueAtEnd: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
390
392
  shouldShowDropdown: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
@@ -0,0 +1,68 @@
1
+ import { PropType } from "../../../../../vue3/node_modules/vue";
2
+ import { BentoButtonActionsList } from "../../button";
3
+ declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node_modules/vue").DefineComponent<{
4
+ actions: {
5
+ type: PropType<BentoButtonActionsList>;
6
+ default: any;
7
+ };
8
+ actionsLabel: {
9
+ type: StringConstructor;
10
+ default: any;
11
+ };
12
+ destructiveActions: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ pageId: {
17
+ type: StringConstructor;
18
+ default: any;
19
+ };
20
+ previousPage: {
21
+ type: StringConstructor;
22
+ default: any;
23
+ };
24
+ title: {
25
+ type: StringConstructor;
26
+ default: any;
27
+ };
28
+ }, {}, unknown, {}, {}, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../vue3/node_modules/vue").ExtractPropTypes<{
29
+ actions: {
30
+ type: PropType<BentoButtonActionsList>;
31
+ default: any;
32
+ };
33
+ actionsLabel: {
34
+ type: StringConstructor;
35
+ default: any;
36
+ };
37
+ destructiveActions: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ pageId: {
42
+ type: StringConstructor;
43
+ default: any;
44
+ };
45
+ previousPage: {
46
+ type: StringConstructor;
47
+ default: any;
48
+ };
49
+ title: {
50
+ type: StringConstructor;
51
+ default: any;
52
+ };
53
+ }>>, {
54
+ title: string;
55
+ actions: BentoButtonActionsList;
56
+ actionsLabel: string;
57
+ destructiveActions: boolean;
58
+ pageId: string;
59
+ previousPage: string;
60
+ }>, {
61
+ default: (_: {}) => any;
62
+ }>;
63
+ export default _default;
64
+ type __VLS_WithTemplateSlots<T, S> = T & {
65
+ new (): {
66
+ $slots: S;
67
+ };
68
+ };
@@ -0,0 +1,3 @@
1
+ export { default as BentoSidepanelPage } from './components/sidepanel-page.vue';
2
+ export { default as BentoSidepanel } from './sidepanel.vue';
3
+ export * from './sidepanel.types';
@@ -0,0 +1,2 @@
1
+ export declare const SIDEPANEL_REGISTER_PAGE_INJECTION_KEY: unique symbol;
2
+ export declare const SIDEPANEL_CONFIG_INJECTION_KEY: unique symbol;
@@ -0,0 +1,21 @@
1
+ import { Ref } from "../../../../vue3/node_modules/vue";
2
+ export interface BentoSidepanelPageObject {
3
+ title: string;
4
+ pageId: string;
5
+ }
6
+ export declare enum BentoSidepanelEvent {
7
+ UPDATE_ACTIVE_PAGE = "update:active-page",
8
+ UPDATE_IS_OPEN = "update:is-open"
9
+ }
10
+ export declare enum BentoSidepanelAnimation {
11
+ TRANSITION_LEVEL_DEEPER = "b-sidepanel-page__animation--level-deeper",
12
+ TRANSITION_LEVEL_UPPER = "b-sidepanel-page__animation--level-upper"
13
+ }
14
+ export interface BentoSidepanelConfigData {
15
+ activePage: Ref<string>;
16
+ animation: Ref<string>;
17
+ goToPreviousPage: (page: string) => void;
18
+ hasPreviousPages: Ref<boolean>;
19
+ isOpen: Ref<boolean>;
20
+ }
21
+ export type BentoSidepanelRegisterPage = (props: BentoSidepanelPageObject) => void;
@@ -0,0 +1,46 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{
2
+ activePage: {
3
+ type: StringConstructor;
4
+ default: any;
5
+ };
6
+ isDismissible: {
7
+ type: BooleanConstructor;
8
+ default: boolean;
9
+ };
10
+ isOpen: {
11
+ type: BooleanConstructor;
12
+ default: any;
13
+ };
14
+ }, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
15
+ "update:active-page": (page: string) => void;
16
+ } & {
17
+ "update:is-open": (isOpen: boolean) => void;
18
+ }, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
19
+ activePage: {
20
+ type: StringConstructor;
21
+ default: any;
22
+ };
23
+ isDismissible: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
27
+ isOpen: {
28
+ type: BooleanConstructor;
29
+ default: any;
30
+ };
31
+ }>> & {
32
+ "onUpdate:active-page"?: (page: string) => any;
33
+ "onUpdate:is-open"?: (isOpen: boolean) => any;
34
+ }, {
35
+ isOpen: boolean;
36
+ isDismissible: boolean;
37
+ activePage: string;
38
+ }>, {
39
+ default: (_: {}) => any;
40
+ }>;
41
+ export default _default;
42
+ type __VLS_WithTemplateSlots<T, S> = T & {
43
+ new (): {
44
+ $slots: S;
45
+ };
46
+ };
@@ -1,4 +1,4 @@
1
- export type RegisterBentoTab = (props: {
1
+ export type BentoTabsRegisterTab = (props: {
2
2
  disabled: boolean;
3
3
  title: string;
4
4
  }) => string;
@@ -95,6 +95,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
95
95
  }>;
96
96
  invalidInput: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
97
97
  isOverCharacterLimit: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
98
+ isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
98
99
  showClearButton: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
99
100
  textareaElement: import("../../../../vue3/node_modules/vue").Ref<HTMLTextAreaElement>;
100
101
  textareaHeight: import("../../../../vue3/node_modules/vue").Ref<string>;
@@ -175,9 +176,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
175
176
  ariaLabel: string;
176
177
  description: string;
177
178
  placeholder: string;
179
+ optional: boolean;
178
180
  errorMessage: string;
179
181
  readonly: boolean;
180
- optional: boolean;
181
182
  clearable: boolean;
182
183
  characterLimit: number;
183
184
  resizable: "vertical" | "horizontal" | "none" | "both" | BentoTextareaResizeOption;
@@ -42,7 +42,7 @@ export interface BentoTimelineEntry {
42
42
  title: string;
43
43
  date: Date | number;
44
44
  }
45
- export type RegisterBentoTimelineEntry = (props: {
45
+ export type BentoTimelineRegisterEntry = (props: {
46
46
  title: string;
47
47
  date: Date | number;
48
48
  }) => {
@@ -2,3 +2,4 @@ export * from './initials';
2
2
  export * from './use-has-slot/use-has-slot';
3
3
  export * from './use-default-slot-validator/use-default-slot-validator';
4
4
  export * from './use-checkbox-select-all/use-checkbox-select-all';
5
+ export * from './use-form-layout-loading/use-form-layout-loading';
@@ -0,0 +1,4 @@
1
+ import { type Ref } from "../../../../vue3/node_modules/vue";
2
+ export declare const useFormLayoutFieldLoading: (readonly: Ref<boolean>) => {
3
+ isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
4
+ };
@@ -14,6 +14,7 @@ export * from './components/currency';
14
14
  export * from './components/date';
15
15
  export * from './components/divider';
16
16
  export * from './components/filter-bar';
17
+ export * from './components/form-layout';
17
18
  export * from './components/info-icon';
18
19
  export * from './components/input-field';
19
20
  export * from './components/loading-indicator';
@@ -27,6 +28,7 @@ export * from './components/popover';
27
28
  export * from './components/radio-group';
28
29
  export * from './components/search-bar';
29
30
  export * from './components/segmented-control';
31
+ export * from './components/sidepanel';
30
32
  export * from './components/status';
31
33
  export * from './components/structured-list';
32
34
  export * from './components/summary-grid';
@@ -0,0 +1 @@
1
+ export declare const isDevelopmentEnviroment: () => boolean;
package/dist/accordion.js CHANGED
@@ -2,7 +2,7 @@ import { defineComponent as m, computed as E, openBlock as o, createElementBlock
2
2
  import { g as A } from "./chunks/unique-id.a2a2b458.js";
3
3
  import { _ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
4
4
  import { C as P, a as R } from "./chunks/chevron-down.69bedf14.js";
5
- import "./assets/index16.css";
5
+ import "./assets/index2.css";
6
6
  const v = Symbol("accordion injection key");
7
7
  var s = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.GHOST = "ghost", e))(s || {}), c = /* @__PURE__ */ ((e) => (e.GROUPED = "grouped", e.SEPARATE = "separate", e))(c || {}), g = /* @__PURE__ */ ((e) => (e.LEFT = "left", e))(g || {});
8
8
  const O = m({
package/dist/alert.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import { openBlock as o, createElementBlock as u, mergeProps as w, toDisplayString as R, createCommentVNode as r, pushScopeId as G, popScopeId as A, createElementVNode as p, defineComponent as D, computed as n, onMounted as N, resolveComponent as h, normalizeClass as O, createBlock as d, resolveDynamicComponent as P, withCtx as f, renderSlot as g, createVNode as U } from "vue";
2
- import { B as M, a as W } from "./chunks/button.1f630b6e.js";
3
- import { B as F, a as b, b as I } from "./chunks/index.ebf5f6cf.js";
2
+ import { B as M, a as W } from "./chunks/button.e1c39f66.js";
3
+ import { B as F, a as b, b as I } from "./chunks/index.222d29b0.js";
4
4
  import { C as Y, I as S } from "./chunks/info-filled.514a2db6.js";
5
5
  import { _ as H } from "./chunks/_plugin-vue_export-helper.dad06003.js";
6
6
  import { C as T } from "./chunks/cross-circle-fill.0feb37b3.js";
7
7
  import { C as $ } from "./chunks/checkmark-circle-fill.e6b84561.js";
8
8
  import { u as Z } from "./chunks/use-has-slot.068222e6.js";
9
9
  import { u as j } from "./chunks/i18n.6c402773.js";
10
- import "./assets/index13.css";
10
+ import "./assets/index5.css";
11
11
  var i = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TIP = "tip", t))(i || {}), e = /* @__PURE__ */ ((t) => (t.WARNING = "warning", t.CRITICAL = "critical", t.HIGHLIGHT = "highlight", t.SUCCESS = "success", t))(e || {}), y = /* @__PURE__ */ ((t) => (t.CLOSE_ALERT = "close-alert", t))(y || {});
12
12
  let B = 0;
13
13
  const q = {
@@ -0,0 +1 @@
1
+ svg[data-v-23e56bf5]{display:inline-flex;flex-shrink:0}svg[data-v-23e56bf5],svg *[data-v-23e56bf5]{fill:currentcolor}
@@ -1 +1 @@
1
- button[data-v-7a3f6d20]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-7a3f6d20]:focus-visible{outline:none}.b-base-button[data-v-7a3f6d20]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;cursor:pointer;display:flex;padding:0}.b-base-button[data-v-7a3f6d20],.b-base-button[data-v-7a3f6d20]:before,.b-base-button[data-v-7a3f6d20]:after{box-sizing:border-box}.b-base-button *[data-v-7a3f6d20],.b-base-button *[data-v-7a3f6d20]:before,.b-base-button *[data-v-7a3f6d20]:after{box-sizing:border-box}.b-base-button[data-v-7a3f6d20]:disabled{cursor:not-allowed}.b-base-button__icon-left[data-v-7a3f6d20],.b-base-button__icon-right[data-v-7a3f6d20]{align-items:center;display:flex}
1
+ button[data-v-7a3f6d20]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-7a3f6d20]:focus-visible{outline:none}.b-base-button[data-v-7a3f6d20]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;cursor:pointer;display:flex;padding:0}.b-base-button[data-v-7a3f6d20],.b-base-button[data-v-7a3f6d20]:before,.b-base-button[data-v-7a3f6d20]:after{box-sizing:border-box}.b-base-button *[data-v-7a3f6d20],.b-base-button *[data-v-7a3f6d20]:before,.b-base-button *[data-v-7a3f6d20]:after{box-sizing:border-box}.b-base-button[data-v-7a3f6d20] ::-webkit-scrollbar{height:14px;width:14px}.b-base-button[data-v-7a3f6d20] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-base-button[data-v-7a3f6d20]:disabled{cursor:not-allowed}.b-base-button__icon-left[data-v-7a3f6d20],.b-base-button__icon-right[data-v-7a3f6d20]{align-items:center;display:flex}