@ironsource/shared-ui 2.0.0-rc.6 → 2.0.0-rc.8

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 (244) hide show
  1. package/Button.vue_vue_type_style_index_0_scoped_bfe31a93_lang.css +1 -0
  2. package/ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css +1 -0
  3. package/ButtonV4.vue_vue_type_style_index_0_scoped_31e553e8_lang.css +1 -0
  4. package/Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css +1 -0
  5. package/CheckboxV4.vue_vue_type_style_index_0_scoped_ee3e6d82_lang.css +1 -0
  6. package/DataGrid.vue_vue_type_style_index_0_scoped_7a670808_lang.css +1 -0
  7. package/Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css +1 -0
  8. package/FilterDropdown.vue_vue_type_style_index_0_scoped_b42d8b45_lang.css +1 -0
  9. package/FilterSearchInput.vue_vue_type_style_index_0_scoped_51006ea0_lang.css +1 -0
  10. package/FiltersPanel.vue_vue_type_style_index_0_scoped_9d2f3413_lang.css +1 -0
  11. package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_39061862_lang.css +1 -0
  12. package/IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css +1 -0
  13. package/IncludeExclude.vue_vue_type_style_index_0_scoped_2a01a791_lang.css +1 -0
  14. package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_85bff8f4_lang.css +1 -0
  15. package/IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css +1 -0
  16. package/Label.vue_vue_type_style_index_0_scoped_48e00c04_lang.css +1 -0
  17. package/Option.vue_vue_type_style_index_0_scoped_3d6ce2fc_lang.css +1 -0
  18. package/OptionV4.vue_vue_type_style_index_0_scoped_92add735_lang.css +1 -0
  19. package/Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css +1 -0
  20. package/RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css +1 -0
  21. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_14be812e_lang.css +1 -0
  22. package/RadioGroup.vue_vue_type_style_index_0_scoped_3071ef24_lang.css +1 -0
  23. package/RadioGroupV4.vue_vue_type_style_index_0_scoped_f8e8cbab_lang.css +1 -0
  24. package/SearchInput.vue_vue_type_style_index_0_scoped_b256f8ef_lang.css +1 -0
  25. package/Snackbar.vue_vue_type_style_index_0_scoped_cec4f8e5_lang.css +1 -0
  26. package/SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css +1 -0
  27. package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +1 -1
  28. package/components/autocompleteDropdown/AutocompleteDropdown.vue2.js +3 -3
  29. package/components/autocompleteDropdown/index.d.ts +1 -1
  30. package/components/button/v3/Button.vue.d.ts +8 -31
  31. package/components/button/v3/Button.vue.js +3 -3
  32. package/components/button/v3/Button.vue2.js +43 -75
  33. package/components/button/{common → v3}/ButtonBase.vue.d.ts +9 -9
  34. package/components/button/{common → v3}/ButtonBase.vue.js +3 -3
  35. package/components/button/{common → v3}/ButtonBase.vue2.js +3 -3
  36. package/components/button/v3/IconButton.vue.js +2 -2
  37. package/components/button/v3/IconButton.vue2.js +4 -4
  38. package/components/button/v3/LoaderCircleIcon.vue2.js +0 -0
  39. package/components/button/v3/LoaderDotsIcon.vue2.js +0 -0
  40. package/components/button/v3/index.d.ts +130 -0
  41. package/components/button/v4/ButtonV4.vue.d.ts +21 -6
  42. package/components/button/v4/ButtonV4.vue.js +4 -4
  43. package/components/button/v4/ButtonV4.vue2.js +41 -35
  44. package/components/button/v4/index.d.ts +72 -15
  45. package/components/checkbox/common/Checkbox.common.d.ts +11 -0
  46. package/components/checkbox/common/Checkbox.common.js +32 -0
  47. package/components/checkbox/v3/Checkbox.vue.js +7 -0
  48. package/components/checkbox/v3/Checkbox.vue2.js +99 -0
  49. package/components/checkbox/{icons → v3/icons}/checked.vue.js +1 -1
  50. package/components/checkbox/{icons → v3/icons}/indeterminate.vue.js +1 -1
  51. package/components/checkbox/{icons → v3/icons}/unchecked.vue.js +1 -1
  52. package/components/checkbox/v4/CheckboxV4.vue.d.ts +53 -0
  53. package/components/checkbox/v4/CheckboxV4.vue.js +7 -0
  54. package/components/checkbox/v4/CheckboxV4.vue2.js +107 -0
  55. package/components/checkbox/v4/icons/CheckedDisabledState.vue.js +38 -0
  56. package/components/checkbox/v4/icons/CheckedState.vue.d.ts +2 -0
  57. package/components/checkbox/v4/icons/CheckedState.vue.js +38 -0
  58. package/components/checkbox/v4/icons/IndeterminateDisabledState.vue.d.ts +2 -0
  59. package/components/checkbox/v4/icons/IndeterminateDisabledState.vue.js +40 -0
  60. package/components/checkbox/v4/icons/IndeterminateState.vue.d.ts +2 -0
  61. package/components/checkbox/v4/icons/IndeterminateState.vue.js +40 -0
  62. package/components/checkbox/v4/icons/UncheckedDisabledState.vue.d.ts +2 -0
  63. package/components/checkbox/v4/icons/UncheckedDisabledState.vue.js +31 -0
  64. package/components/checkbox/v4/icons/UncheckedState.vue.d.ts +2 -0
  65. package/components/checkbox/v4/icons/UncheckedState.vue.js +31 -0
  66. package/components/checkbox/v4/index.d.ts +152 -0
  67. package/components/checkbox/v4/index.js +6 -0
  68. package/components/chip/v3/Chip.vue.d.ts +1 -1
  69. package/components/chip/v3/index.d.ts +20 -20
  70. package/components/chip/v4/ChipV4.vue.d.ts +1 -1
  71. package/components/chip/v4/index.d.ts +20 -20
  72. package/components/dialog/v3/Dialog.vue.d.ts +1 -1
  73. package/components/dialog/v3/index.d.ts +4 -4
  74. package/components/dialog/v4/DialogV4.vue.d.ts +1 -1
  75. package/components/dialog/v4/index.d.ts +4 -4
  76. package/components/dropdown/v3/Dropdown.vue.d.ts +5 -5
  77. package/components/dropdown/v3/Dropdown.vue.js +2 -2
  78. package/components/dropdown/v3/Dropdown.vue2.js +5 -5
  79. package/components/dropdown/v3/Label.vue.js +7 -0
  80. package/components/dropdown/{common → v3}/Label.vue2.js +2 -2
  81. package/components/dropdown/v3/Option.vue.js +7 -0
  82. package/components/dropdown/{common → v3}/Option.vue2.js +3 -3
  83. package/components/dropdown/{common → v3}/SearchInput.vue.js +2 -2
  84. package/components/dropdown/{common → v3}/SearchInput.vue2.js +2 -2
  85. package/components/dropdown/v3/index.d.ts +62 -62
  86. package/components/dropdown/v3/index.js +3 -3
  87. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +1 -1
  88. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +3 -3
  89. package/components/dropdown/v4/DropdownV4.vue.d.ts +2 -2
  90. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  91. package/components/dropdown/v4/OptionV4.vue2.js +2 -2
  92. package/components/dropdown/v4/index.d.ts +111 -111
  93. package/components/emptyState/v3/EmptyState.vue.d.ts +3 -3
  94. package/components/emptyState/v3/index.d.ts +7 -7
  95. package/components/filterDropdown/FilterDropdown.vue.d.ts +1 -1
  96. package/components/filterDropdown/FilterDropdown.vue.js +2 -2
  97. package/components/filterDropdown/FilterDropdown.vue2.js +7 -7
  98. package/components/filterDropdown/index.d.ts +2 -2
  99. package/components/filtersPanel/v3/FilterSearchInput.vue.d.ts +2 -0
  100. package/components/filtersPanel/v3/FilterSearchInput.vue.js +7 -0
  101. package/components/filtersPanel/{FilterSearchInput.vue2.js → v3/FilterSearchInput.vue2.js} +6 -6
  102. package/components/filtersPanel/v3/FiltersPanel.vue.js +7 -0
  103. package/components/filtersPanel/{FiltersPanel.vue2.js → v3/FiltersPanel.vue2.js} +1 -1
  104. package/components/filtersPanel/v4/FiltersPanelV4.vue.d.ts +44 -0
  105. package/components/filtersPanel/v4/FiltersPanelV4.vue.js +7 -0
  106. package/components/filtersPanel/v4/FiltersPanelV4.vue2.js +23 -0
  107. package/components/filtersPanel/v4/index.d.ts +101 -0
  108. package/components/filtersPanel/v4/index.js +6 -0
  109. package/components/filtersPanel/v4/storyConsts.d.ts +20 -0
  110. package/components/icon/icons/FiltersSearch.vue.d.ts +2 -0
  111. package/components/icon/v3/icons/index.d.ts +3 -0
  112. package/components/icon/v3/icons/index.js +3 -0
  113. package/components/icon/v3/index.d.ts +3 -0
  114. package/components/includeExclude/IncludeExclude.vue.d.ts +2 -2
  115. package/components/includeExclude/IncludeExclude.vue.js +3 -3
  116. package/components/includeExclude/IncludeExclude.vue2.js +23 -24
  117. package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +2 -2
  118. package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +2 -2
  119. package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +2 -2
  120. package/components/includeExclude/IncludeExcludeDragDrop.vue.js +3 -3
  121. package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +31 -32
  122. package/components/includeExclude/IncludeExcludeOption.vue.js +5 -5
  123. package/components/includeExclude/IncludeExcludeOption.vue2.js +2 -2
  124. package/components/includeExclude/index.d.ts +135 -135
  125. package/components/input/v3/Input.vue.d.ts +3 -3
  126. package/components/input/v3/index.d.ts +82 -82
  127. package/components/input/v4/TextField.vue.d.ts +6 -6
  128. package/components/input/v4/index.d.ts +103 -103
  129. package/components/menu/Menu.vue.d.ts +1 -1
  130. package/components/menu/index.d.ts +20 -20
  131. package/components/multibar/MultiBar.vue.d.ts +1 -1
  132. package/components/multibar/index.d.ts +1 -1
  133. package/components/popover/Popover.vue.js +6 -36
  134. package/components/popover/Popover.vue2.js +36 -3
  135. package/components/popover/index.d.ts +16 -16
  136. package/components/popover/index.js +2 -3
  137. package/components/radioButton/common/radioGroup.common.d.ts +3 -0
  138. package/components/radioButton/common/radioGroup.common.js +26 -0
  139. package/components/radioButton/v3/RadioButton.vue.js +7 -0
  140. package/components/radioButton/v3/RadioButton.vue2.js +79 -0
  141. package/components/radioButton/v3/RadioGroup.vue.js +7 -0
  142. package/components/radioButton/v3/RadioGroup.vue2.js +29 -0
  143. package/components/radioButton/v4/RadioButtonV4.vue.d.ts +59 -0
  144. package/components/radioButton/v4/RadioButtonV4.vue.js +7 -0
  145. package/components/radioButton/v4/RadioButtonV4.vue2.js +67 -0
  146. package/components/radioButton/v4/RadioGroupV4.vue.d.ts +61 -0
  147. package/components/radioButton/v4/RadioGroupV4.vue.js +7 -0
  148. package/components/radioButton/v4/RadioGroupV4.vue2.js +29 -0
  149. package/components/radioButton/v4/index.d.ts +334 -0
  150. package/components/radioButton/v4/index.js +8 -0
  151. package/components/snackbar/common/notify.d.ts +3 -0
  152. package/components/snackbar/common/notify.js +82 -0
  153. package/components/snackbar/common/snackbar.common.d.ts +11 -0
  154. package/components/snackbar/common/snackbar.common.js +51 -0
  155. package/components/snackbar/v3/Snackbar.vue.js +7 -0
  156. package/components/snackbar/v3/Snackbar.vue2.js +129 -0
  157. package/components/snackbar/v3/index.d.ts +3 -0
  158. package/components/snackbar/v3/index.js +10 -0
  159. package/components/snackbar/v4/SnackbarV4.vue.d.ts +206 -0
  160. package/components/snackbar/v4/SnackbarV4.vue.js +7 -0
  161. package/components/snackbar/v4/SnackbarV4.vue2.js +137 -0
  162. package/components/snackbar/v4/index.d.ts +4 -0
  163. package/components/snackbar/v4/index.js +11 -0
  164. package/components/table/v3/index.d.ts +16 -16
  165. package/components/table/v4/DataGrid.vue.d.ts +1 -1
  166. package/components/table/v4/DataGrid.vue.js +2 -2
  167. package/components/table/v4/DataGrid.vue2.js +28 -29
  168. package/components/table/v4/index.d.ts +20 -20
  169. package/components/toggle/v3/Toggle.vue.d.ts +1 -1
  170. package/components/toggle/v3/index.d.ts +17 -17
  171. package/components/toggle/v4/ToggleV4.vue.d.ts +2 -2
  172. package/index.d.ts +2125 -828
  173. package/index.js +145 -152
  174. package/package.json +40 -15
  175. package/testids/index.d.ts +8 -0
  176. package/testids/index.js +14 -13
  177. package/Button.vue_vue_type_style_index_0_scoped_d92097c8_lang.css +0 -1
  178. package/ButtonBase.vue_vue_type_style_index_0_scoped_70baba59_lang.css +0 -1
  179. package/ButtonV4.vue_vue_type_style_index_0_scoped_43578f8c_lang.css +0 -1
  180. package/Checkbox.vue_vue_type_style_index_0_scoped_518c02d0_lang.css +0 -1
  181. package/DataGrid.vue_vue_type_style_index_0_scoped_f080f37f_lang.css +0 -1
  182. package/Dropdown.vue_vue_type_style_index_0_scoped_0114904e_lang.css +0 -1
  183. package/FilterDropdown.vue_vue_type_style_index_0_scoped_b25c5605_lang.css +0 -1
  184. package/FilterSearchInput.vue_vue_type_style_index_0_scoped_9198bf4e_lang.css +0 -1
  185. package/FiltersPanel.vue_vue_type_style_index_0_scoped_2996b384_lang.css +0 -1
  186. package/IconButton.vue_vue_type_style_index_0_scoped_2fe9bc4c_lang.css +0 -1
  187. package/IncludeExclude.vue_vue_type_style_index_0_scoped_2c9debd6_lang.css +0 -1
  188. package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_ff32d111_lang.css +0 -1
  189. package/IncludeExcludeOption.vue_vue_type_style_index_0_scoped_4a87e4fd_lang.css +0 -1
  190. package/Label.vue_vue_type_style_index_0_scoped_5faaafce_lang.css +0 -1
  191. package/Option.vue_vue_type_style_index_0_scoped_2432f13f_lang.css +0 -1
  192. package/OptionV4.vue_vue_type_style_index_0_scoped_b879fe79_lang.css +0 -1
  193. package/RadioButton.vue_vue_type_style_index_0_scoped_f5d3359c_lang.css +0 -1
  194. package/RadioGroup.vue_vue_type_style_index_0_scoped_50bc6963_lang.css +0 -1
  195. package/SearchInput.vue_vue_type_style_index_0_scoped_0b1ea2f6_lang.css +0 -1
  196. package/Snackbar.vue_vue_type_style_index_0_scoped_d14230ca_lang.css +0 -1
  197. package/components/button/common/ButtonSuper.vue.d.ts +0 -52
  198. package/components/checkbox/Checkbox.vue.js +0 -7
  199. package/components/checkbox/Checkbox.vue2.js +0 -97
  200. package/components/dropdown/common/Label.vue.js +0 -7
  201. package/components/dropdown/common/Option.vue.js +0 -7
  202. package/components/filtersPanel/FilterSearchInput.vue.js +0 -7
  203. package/components/filtersPanel/FiltersPanel.vue.js +0 -7
  204. package/components/radioButton/RadioButton.vue.js +0 -7
  205. package/components/radioButton/RadioButton.vue2.js +0 -82
  206. package/components/radioButton/RadioGroup.vue.js +0 -7
  207. package/components/radioButton/RadioGroup.vue2.js +0 -44
  208. package/components/snackbar/Snackbar.vue.js +0 -7
  209. package/components/snackbar/Snackbar.vue2.js +0 -150
  210. package/components/snackbar/index.d.ts +0 -3
  211. package/components/snackbar/index.js +0 -6
  212. package/components/snackbar/notify.js +0 -84
  213. /package/{Popover.vue_vue_type_style_index_0_lang.css → Popover.vue_vue_type_style_index_1_lang.css} +0 -0
  214. /package/components/button/{consts.d.ts → common/consts.d.ts} +0 -0
  215. /package/components/button/{consts.js → common/consts.js} +0 -0
  216. /package/components/button/{icon → v3}/LoaderCircleIcon.vue.d.ts +0 -0
  217. /package/components/button/{icon → v3}/LoaderCircleIcon.vue.js +0 -0
  218. /package/components/button/{icon → v3}/LoaderDotsIcon.vue.d.ts +0 -0
  219. /package/components/button/{icon → v3}/LoaderDotsIcon.vue.js +0 -0
  220. /package/components/checkbox/{Checkbox.vue.d.ts → v3/Checkbox.vue.d.ts} +0 -0
  221. /package/components/checkbox/{icons → v3/icons}/checked.vue.d.ts +0 -0
  222. /package/components/checkbox/{icons → v3/icons}/indeterminate.vue.d.ts +0 -0
  223. /package/components/checkbox/{icons → v3/icons}/unchecked.vue.d.ts +0 -0
  224. /package/components/checkbox/{index.d.ts → v3/index.d.ts} +0 -0
  225. /package/components/checkbox/{index.js → v3/index.js} +0 -0
  226. /package/components/{filtersPanel/FilterSearchInput.vue.d.ts → checkbox/v4/icons/CheckedDisabledState.vue.d.ts} +0 -0
  227. /package/components/dropdown/{common → v3}/Label.vue.d.ts +0 -0
  228. /package/components/dropdown/{common → v3}/Option.vue.d.ts +0 -0
  229. /package/components/dropdown/{common → v3}/SearchInput.vue.d.ts +0 -0
  230. /package/components/filtersPanel/{Filter.d.ts → v3/Filter.d.ts} +0 -0
  231. /package/components/filtersPanel/{index.d.ts → v3/index.d.ts} +0 -0
  232. /package/components/filtersPanel/{index.js → v3/index.js} +0 -0
  233. /package/components/filtersPanel/{useHiddenFilter.d.ts → v3/useHiddenFilter.d.ts} +0 -0
  234. /package/components/filtersPanel/{useHiddenFilter.js → v3/useHiddenFilter.js} +0 -0
  235. /package/components/radioButton/{useRadio.d.ts → common/useRadio.d.ts} +0 -0
  236. /package/components/radioButton/{useRadio.js → common/useRadio.js} +0 -0
  237. /package/components/radioButton/{RadioButton.vue.d.ts → v3/RadioButton.vue.d.ts} +0 -0
  238. /package/components/radioButton/{RadioGroup.vue.d.ts → v3/RadioGroup.vue.d.ts} +0 -0
  239. /package/components/radioButton/{index.d.ts → v3/index.d.ts} +0 -0
  240. /package/components/radioButton/{index.js → v3/index.js} +0 -0
  241. /package/components/snackbar/{notify.d.ts → common/notify_old.d.ts} +0 -0
  242. /package/components/snackbar/{snackbar.types.d.ts → common/snackbar.types.d.ts} +0 -0
  243. /package/components/snackbar/{snackbar.types.js → common/snackbar.types.js} +0 -0
  244. /package/components/snackbar/{Snackbar.vue.d.ts → v3/Snackbar.vue.d.ts} +0 -0
@@ -1,26 +1,28 @@
1
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_43578f8c_lang.css"; import { defineComponent as y, computed as u, openBlock as n, createElementBlock as r, normalizeClass as l, createElementVNode as f, createBlock as I, unref as t, createCommentVNode as o, createVNode as i, withCtx as c, renderSlot as m } from "vue";
2
- import N from "../../typography/v4/Typography.vue.js";
3
- import z from "../../icon/v3/Icon.vue.js";
4
- import { iconSizeMap as b } from "../consts.js";
5
- import v from "../../loader/v4/Loader.vue.js";
6
- const k = ["data-testid", "disabled"], w = { key: 0 }, S = /* @__PURE__ */ y({
1
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_31e553e8_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as u, renderSlot as m, createTextVNode as z, toDisplayString as g } from "vue";
2
+ import I from "../../typography/v4/Typography.vue.js";
3
+ import y from "../../icon/v4/IconV4.vue.js";
4
+ import b from "../../loader/v4/Loader.vue.js";
5
+ const k = ["data-testid", "disabled"], v = { key: 0 }, V = /* @__PURE__ */ N({
7
6
  __name: "ButtonV4",
8
7
  props: {
9
8
  variant: { default: "contained" },
10
9
  color: { default: "primary" },
11
10
  size: { default: "medium" },
12
11
  loading: { type: Boolean, default: !1 },
12
+ disabled: { type: Boolean, default: !1 },
13
+ testId: { default: "" },
14
+ content: { default: "" },
13
15
  startIconName: { default: null },
14
16
  endIconName: { default: null },
15
- disabled: { type: Boolean, default: !1 },
16
- testId: { default: "" }
17
+ startIconType: { default: "regular" },
18
+ endIconType: { default: "regular" }
17
19
  },
18
20
  setup(e) {
19
- const a = e, s = u(() => `${b[a.size]}px`), h = u(
20
- () => a.size === "small" || a.size === "medium" ? 16 : 20
21
+ const d = e, o = h(
22
+ () => d.size === "small" || d.size === "medium" ? 16 : 20
21
23
  );
22
- return (d, g) => (n(), r("button", {
23
- class: l([[
24
+ return (l, w) => (a(), s("button", {
25
+ class: i([[
24
26
  e.size,
25
27
  e.color,
26
28
  e.variant,
@@ -30,44 +32,48 @@ const k = ["data-testid", "disabled"], w = { key: 0 }, S = /* @__PURE__ */ y({
30
32
  "with-end-icon": !!e.endIconName
31
33
  }
32
34
  ], "button-wrap"]),
33
- "data-testid": a.testId,
35
+ "data-testid": d.testId,
34
36
  disabled: e.disabled
35
37
  }, [
36
- e.loading ? o("", !0) : (n(), r("span", w, [
37
- f("div", {
38
- class: l({
38
+ e.loading ? n("", !0) : (a(), s("span", v, [
39
+ r("div", {
40
+ class: i({
39
41
  flex: e.startIconName || e.endIconName
40
42
  })
41
43
  }, [
42
- e.startIconName ? (n(), I(t(z), {
44
+ e.startIconName ? (a(), f(t(y), {
43
45
  key: 0,
44
46
  name: e.startIconName,
45
- "font-size": t(s),
47
+ size: `${t(o)}px`,
48
+ type: e.startIconType,
46
49
  class: "start-icon"
47
- }, null, 8, ["name", "font-size"])) : o("", !0),
48
- i(t(N), { variant: "button" }, {
49
- default: c(() => [
50
- m(d.$slots, "default", {}, void 0, !0)
50
+ }, null, 8, ["name", "size", "type"])) : n("", !0),
51
+ c(t(I), { variant: "button" }, {
52
+ default: u(() => [
53
+ m(l.$slots, "default", {}, () => [
54
+ z(g(e.content), 1)
55
+ ], !0)
51
56
  ]),
52
57
  _: 3
53
58
  }),
54
- e.endIconName ? (n(), I(t(z), {
59
+ e.endIconName ? (a(), f(t(y), {
55
60
  key: 1,
56
61
  name: e.endIconName,
57
- "font-size": t(s),
62
+ size: `${t(o)}px`,
63
+ type: e.endIconType,
58
64
  class: "end-icon"
59
- }, null, 8, ["name", "font-size"])) : o("", !0)
65
+ }, null, 8, ["name", "size", "type"])) : n("", !0)
60
66
  ], 2)
61
67
  ])),
62
- e.loading ? m(d.$slots, "loader", { key: 1 }, () => [
63
- i(t(v), { "max-width": t(h) }, {
64
- default: c(() => [
65
- f("div", {
66
- class: l({ "content-with-icon": e.startIconName || e.endIconName })
68
+ e.loading ? m(l.$slots, "loader", { key: 1 }, () => [
69
+ c(t(b), { "max-width": t(o) }, {
70
+ default: u(() => [
71
+ r("div", {
72
+ class: i({ "content-with-icon": e.startIconName || e.endIconName })
67
73
  }, [
68
- i(t(N), { variant: "button" }, {
69
- default: c(() => [
70
- m(d.$slots, "default", {}, void 0, !0)
74
+ c(t(I), { variant: "button" }, {
75
+ default: u(() => [
76
+ m(l.$slots, "default", {}, void 0, !0)
71
77
  ]),
72
78
  _: 3
73
79
  })
@@ -75,10 +81,10 @@ const k = ["data-testid", "disabled"], w = { key: 0 }, S = /* @__PURE__ */ y({
75
81
  ]),
76
82
  _: 3
77
83
  }, 8, ["max-width"])
78
- ], !0) : o("", !0)
84
+ ], !0) : n("", !0)
79
85
  ], 10, k));
80
86
  }
81
87
  });
82
88
  export {
83
- S as default
89
+ V as default
84
90
  };
@@ -9,10 +9,13 @@ declare const ButtonTypes: () => (({
9
9
  testId: string;
10
10
  variant: "text" | "contained" | "outlined";
11
11
  loading: boolean;
12
+ content: string;
12
13
  disabled: boolean;
13
14
  color: "default" | "info" | "success" | "warning" | "primary" | "danger";
14
- startIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
15
- endIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
15
+ startIconName: string;
16
+ endIconName: string;
17
+ startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
18
+ endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
16
19
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
17
20
  size: {
18
21
  type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
@@ -30,6 +33,10 @@ declare const ButtonTypes: () => (({
30
33
  type: import("vue").PropType<boolean>;
31
34
  default: boolean;
32
35
  };
36
+ content: {
37
+ type: import("vue").PropType<string>;
38
+ default: string;
39
+ };
33
40
  disabled: {
34
41
  type: import("vue").PropType<boolean>;
35
42
  default: boolean;
@@ -39,14 +46,22 @@ declare const ButtonTypes: () => (({
39
46
  default: string;
40
47
  };
41
48
  startIconName: {
42
- type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
49
+ type: import("vue").PropType<string>;
43
50
  default: any;
44
51
  };
45
52
  endIconName: {
46
- type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
53
+ type: import("vue").PropType<string>;
47
54
  default: any;
48
55
  };
49
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "disabled" | "color" | "startIconName" | "endIconName">;
56
+ startIconType: {
57
+ type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
58
+ default: string;
59
+ };
60
+ endIconType: {
61
+ type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
62
+ default: string;
63
+ };
64
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
50
65
  $attrs: {
51
66
  [x: string]: unknown;
52
67
  };
@@ -77,6 +92,10 @@ declare const ButtonTypes: () => (({
77
92
  type: import("vue").PropType<boolean>;
78
93
  default: boolean;
79
94
  };
95
+ content: {
96
+ type: import("vue").PropType<string>;
97
+ default: string;
98
+ };
80
99
  disabled: {
81
100
  type: import("vue").PropType<boolean>;
82
101
  default: boolean;
@@ -86,22 +105,33 @@ declare const ButtonTypes: () => (({
86
105
  default: string;
87
106
  };
88
107
  startIconName: {
89
- type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
108
+ type: import("vue").PropType<string>;
90
109
  default: any;
91
110
  };
92
111
  endIconName: {
93
- type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
112
+ type: import("vue").PropType<string>;
94
113
  default: any;
95
114
  };
115
+ startIconType: {
116
+ type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
117
+ default: string;
118
+ };
119
+ endIconType: {
120
+ type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
121
+ default: string;
122
+ };
96
123
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
97
124
  size: "small" | "medium" | "large" | "extraLarge";
98
125
  testId: string;
99
126
  variant: "text" | "contained" | "outlined";
100
127
  loading: boolean;
128
+ content: string;
101
129
  disabled: boolean;
102
130
  color: "default" | "info" | "success" | "warning" | "primary" | "danger";
103
- startIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
104
- endIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
131
+ startIconName: string;
132
+ endIconName: string;
133
+ startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
134
+ endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
105
135
  }, {}, string> & {
106
136
  beforeCreate?: (() => void) | (() => void)[];
107
137
  created?: (() => void) | (() => void)[];
@@ -139,6 +169,10 @@ declare const ButtonTypes: () => (({
139
169
  type: import("vue").PropType<boolean>;
140
170
  default: boolean;
141
171
  };
172
+ content: {
173
+ type: import("vue").PropType<string>;
174
+ default: string;
175
+ };
142
176
  disabled: {
143
177
  type: import("vue").PropType<boolean>;
144
178
  default: boolean;
@@ -148,13 +182,21 @@ declare const ButtonTypes: () => (({
148
182
  default: string;
149
183
  };
150
184
  startIconName: {
151
- type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
185
+ type: import("vue").PropType<string>;
152
186
  default: any;
153
187
  };
154
188
  endIconName: {
155
- type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
189
+ type: import("vue").PropType<string>;
156
190
  default: any;
157
191
  };
192
+ startIconType: {
193
+ type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
194
+ default: string;
195
+ };
196
+ endIconType: {
197
+ type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
198
+ default: string;
199
+ };
158
200
  }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
159
201
  __isFragment?: never;
160
202
  __isTeleport?: never;
@@ -176,6 +218,10 @@ declare const ButtonTypes: () => (({
176
218
  type: import("vue").PropType<boolean>;
177
219
  default: boolean;
178
220
  };
221
+ content: {
222
+ type: import("vue").PropType<string>;
223
+ default: string;
224
+ };
179
225
  disabled: {
180
226
  type: import("vue").PropType<boolean>;
181
227
  default: boolean;
@@ -185,22 +231,33 @@ declare const ButtonTypes: () => (({
185
231
  default: string;
186
232
  };
187
233
  startIconName: {
188
- type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
234
+ type: import("vue").PropType<string>;
189
235
  default: any;
190
236
  };
191
237
  endIconName: {
192
- type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
238
+ type: import("vue").PropType<string>;
193
239
  default: any;
194
240
  };
241
+ startIconType: {
242
+ type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
243
+ default: string;
244
+ };
245
+ endIconType: {
246
+ type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
247
+ default: string;
248
+ };
195
249
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
196
250
  size: "small" | "medium" | "large" | "extraLarge";
197
251
  testId: string;
198
252
  variant: "text" | "contained" | "outlined";
199
253
  loading: boolean;
254
+ content: string;
200
255
  disabled: boolean;
201
256
  color: "default" | "info" | "success" | "warning" | "primary" | "danger";
202
- startIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
203
- endIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
257
+ startIconName: string;
258
+ endIconName: string;
259
+ startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
260
+ endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
204
261
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
205
262
  $slots: {
206
263
  default?(_: {}): any;
@@ -0,0 +1,11 @@
1
+ export declare const checkboxCommon: (props: any, emit: any) => {
2
+ id: string;
3
+ checkbox: any;
4
+ isFocusVisible: import("vue").Ref<boolean>;
5
+ handleFocus: (event: any) => void;
6
+ handleBlur: (event: any) => void;
7
+ indeterminate: import("vue").ComputedRef<any>;
8
+ checked: import("vue").ComputedRef<any>;
9
+ unchecked: import("vue").ComputedRef<boolean>;
10
+ updateValue: (e: Event) => void;
11
+ };
@@ -0,0 +1,32 @@
1
+ import { ref as i, computed as t } from "vue";
2
+ import { useId as b } from "../../../composables/useId.js";
3
+ import V from "../../../composables/useIsFocusVisible.js";
4
+ const I = (c, n) => {
5
+ const l = i(null), a = `checkbox-${b().value}`, {
6
+ isFocusVisibleRef: o,
7
+ onFocus: d,
8
+ onBlur: r
9
+ } = V(), s = i(!1), h = (e) => {
10
+ d(e), o.value === !0 && (s.value = !0);
11
+ }, m = (e) => {
12
+ r(e), o.value === !1 && (s.value = !1);
13
+ }, f = t(
14
+ () => !c.isChecked && c.isIndeterminate
15
+ ), u = t(() => c.isChecked), k = t(() => !u.value && !c.isIndeterminate);
16
+ return {
17
+ id: a,
18
+ checkbox: l,
19
+ isFocusVisible: s,
20
+ handleFocus: h,
21
+ handleBlur: m,
22
+ indeterminate: f,
23
+ checked: u,
24
+ unchecked: k,
25
+ updateValue: (e) => {
26
+ n("update:isChecked", e.target.checked);
27
+ }
28
+ };
29
+ };
30
+ export {
31
+ I as checkboxCommon
32
+ };
@@ -0,0 +1,7 @@
1
+ import o from "./Checkbox.vue2.js";
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css"; //*');
4
+ const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-58dedb90"]]);
5
+ export {
6
+ c as default
7
+ };
@@ -0,0 +1,99 @@
1
+ import "../../../Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css"; import { defineComponent as z, openBlock as i, createElementBlock as B, unref as e, normalizeClass as E, createElementVNode as r, mergeProps as V, createVNode as S, withCtx as p, createBlock as s, createCommentVNode as c, renderSlot as F, createTextVNode as N, toDisplayString as g, pushScopeId as D, popScopeId as L } from "vue";
2
+ import "../../typography/Heading.vue.js";
3
+ import P from "../../typography/Text.vue.js";
4
+ import T from "../../icon/v3/Icon.vue.js";
5
+ import v from "./icons/unchecked.vue.js";
6
+ import w from "./icons/checked.vue.js";
7
+ import A from "./icons/indeterminate.vue.js";
8
+ import { CheckboxTestIdModifiers as a } from "../../../testids/index.js";
9
+ import { checkboxCommon as R } from "../common/Checkbox.common.js";
10
+ const H = (t) => (D("data-v-58dedb90"), t = t(), L(), t), K = ["for", "data-testid"], M = { class: "checkboxes" }, U = ["id", "disabled", "checked", ".indeterminate", "data-testid"], W = /* @__PURE__ */ H(() => /* @__PURE__ */ r("span", { class: "checkbox__inner" }, null, -1)), _ = /* @__PURE__ */ z({
11
+ __name: "Checkbox",
12
+ props: {
13
+ isChecked: { type: Boolean },
14
+ isIndeterminate: { type: Boolean },
15
+ disabled: { type: Boolean },
16
+ size: { default: "md" },
17
+ label: { default: "" },
18
+ testId: { default: "" }
19
+ },
20
+ emits: ["update:isChecked", "click"],
21
+ setup(t, { emit: u }) {
22
+ const x = t;
23
+ function I() {
24
+ console.log("side-effect");
25
+ }
26
+ I();
27
+ const {
28
+ id: m,
29
+ checkbox: C,
30
+ isFocusVisible: $,
31
+ handleFocus: k,
32
+ handleBlur: f,
33
+ indeterminate: n,
34
+ checked: b,
35
+ unchecked: y,
36
+ updateValue: h
37
+ } = R(x, u);
38
+ return (l, d) => (i(), B("label", {
39
+ for: e(m),
40
+ class: E([[t.size, { "focus-visible": e($), disabled: t.disabled }], "checkbox"]),
41
+ "data-testid": `${t.testId}-${e(a).WRAPPER}`
42
+ }, [
43
+ r("span", M, [
44
+ r("input", V(l.$attrs, {
45
+ id: e(m),
46
+ ref: e(C),
47
+ disabled: t.disabled,
48
+ checked: e(b),
49
+ class: "input",
50
+ ".indeterminate": e(n),
51
+ type: "checkbox",
52
+ "data-testid": `${t.testId}-${e(a).FIELD}`,
53
+ onBlur: d[0] || (d[0] = //@ts-ignore
54
+ (...o) => e(f) && e(f)(...o)),
55
+ onFocus: d[1] || (d[1] = //@ts-ignore
56
+ (...o) => e(k) && e(k)(...o)),
57
+ onClick: d[2] || (d[2] = (o) => u("click", o)),
58
+ onInput: d[3] || (d[3] = //@ts-ignore
59
+ (...o) => e(h) && e(h)(...o))
60
+ }), null, 16, U),
61
+ W,
62
+ S(e(T), { "font-size": t.size }, {
63
+ default: p(() => [
64
+ e(b) ? (i(), s(w, {
65
+ key: 0,
66
+ class: "checkbox-icon checked",
67
+ "data-testid": `${t.testId}-${e(a).CHECKED}`
68
+ }, null, 8, ["data-testid"])) : c("", !0),
69
+ e(n) ? (i(), s(A, {
70
+ key: 1,
71
+ class: "checkbox-icon indeterminate"
72
+ })) : c("", !0),
73
+ e(y) && !e(n) ? (i(), s(v, {
74
+ key: 2,
75
+ class: "checkbox-icon unchecked"
76
+ })) : c("", !0)
77
+ ]),
78
+ _: 1
79
+ }, 8, ["font-size"])
80
+ ]),
81
+ t.label || l.$slots.default ? (i(), s(e(P), {
82
+ key: 0,
83
+ size: t.size,
84
+ class: "checkbox-text",
85
+ "data-testid": `${t.testId}-${e(a).LABEL}`
86
+ }, {
87
+ default: p(() => [
88
+ F(l.$slots, "default", {}, () => [
89
+ N(g(t.label), 1)
90
+ ], !0)
91
+ ]),
92
+ _: 3
93
+ }, 8, ["size", "data-testid"])) : c("", !0)
94
+ ], 10, K));
95
+ }
96
+ });
97
+ export {
98
+ _ as default
99
+ };