@adyen/bento-vue2 1.23.0 → 1.24.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 (184) hide show
  1. package/README.md +2 -0
  2. package/dist/@types/index.d.ts +235 -235
  3. package/dist/accordion.js +2 -2
  4. package/dist/action-bar.js +6 -6
  5. package/dist/alert.js +72 -53
  6. package/dist/alert.js.map +1 -1
  7. package/dist/assets/base-modal.css +1 -1
  8. package/dist/assets/dialog-page.css +1 -1
  9. package/dist/assets/grid-layout.css +1 -1
  10. package/dist/assets/index10.css +1 -1
  11. package/dist/assets/index11.css +1 -1
  12. package/dist/assets/index12.css +1 -1
  13. package/dist/assets/index13.css +1 -1
  14. package/dist/assets/index14.css +1 -1
  15. package/dist/assets/index15.css +1 -1
  16. package/dist/assets/index17.css +1 -1
  17. package/dist/assets/index18.css +1 -1
  18. package/dist/assets/index19.css +1 -1
  19. package/dist/assets/index20.css +1 -1
  20. package/dist/assets/index21.css +1 -1
  21. package/dist/assets/index22.css +1 -1
  22. package/dist/assets/index23.css +1 -1
  23. package/dist/assets/index24.css +1 -1
  24. package/dist/assets/index25.css +1 -1
  25. package/dist/assets/index26.css +1 -1
  26. package/dist/assets/index27.css +1 -1
  27. package/dist/assets/index28.css +1 -1
  28. package/dist/assets/index29.css +1 -1
  29. package/dist/assets/index3.css +1 -1
  30. package/dist/assets/index30.css +1 -1
  31. package/dist/assets/index31.css +1 -1
  32. package/dist/assets/index32.css +1 -1
  33. package/dist/assets/index33.css +1 -1
  34. package/dist/assets/index34.css +1 -1
  35. package/dist/assets/index35.css +1 -1
  36. package/dist/assets/index36.css +1 -1
  37. package/dist/assets/index37.css +1 -1
  38. package/dist/assets/index38.css +1 -1
  39. package/dist/assets/index39.css +1 -1
  40. package/dist/assets/index4.css +1 -1
  41. package/dist/assets/index40.css +1 -1
  42. package/dist/assets/index41.css +1 -1
  43. package/dist/assets/index42.css +1 -1
  44. package/dist/assets/index43.css +1 -1
  45. package/dist/assets/index44.css +1 -1
  46. package/dist/assets/index45.css +1 -1
  47. package/dist/assets/index46.css +1 -1
  48. package/dist/assets/index47.css +1 -1
  49. package/dist/assets/index48.css +1 -1
  50. package/dist/assets/index5.css +1 -1
  51. package/dist/assets/index6.css +1 -1
  52. package/dist/assets/index7.css +1 -1
  53. package/dist/assets/index8.css +1 -1
  54. package/dist/assets/index9.css +1 -1
  55. package/dist/avatar-image.js +1 -1
  56. package/dist/button.js +5 -5
  57. package/dist/card.js +3 -3
  58. package/dist/checkbox.js +5 -5
  59. package/dist/chunks/{base-button.025269d7.js → base-button.090f511d.js} +2 -2
  60. package/dist/chunks/{base-button.025269d7.js.map → base-button.090f511d.js.map} +1 -1
  61. package/dist/chunks/{base-modal.c354f456.js → base-modal.aa09a60c.js} +6 -6
  62. package/dist/chunks/{base-modal.c354f456.js.map → base-modal.aa09a60c.js.map} +1 -1
  63. package/dist/chunks/{button-actions-with-menu.15d22fa3.js → button-actions-with-menu.879c4573.js} +4 -4
  64. package/dist/chunks/{button-actions-with-menu.15d22fa3.js.map → button-actions-with-menu.879c4573.js.map} +1 -1
  65. package/dist/chunks/{button-actions.3882346f.js → button-actions.239456cb.js} +3 -3
  66. package/dist/chunks/{button-actions.3882346f.js.map → button-actions.239456cb.js.map} +1 -1
  67. package/dist/chunks/{button.a823da67.js → button.6e6324f0.js} +3 -3
  68. package/dist/chunks/{button.a823da67.js.map → button.6e6324f0.js.map} +1 -1
  69. package/dist/chunks/{calendar.4ba3b251.js → calendar.1e416969.js} +4 -4
  70. package/dist/chunks/{calendar.4ba3b251.js.map → calendar.1e416969.js.map} +1 -1
  71. package/dist/chunks/{checkbox.1edcc4c0.js → checkbox.f38276e6.js} +3 -3
  72. package/dist/chunks/{checkbox.1edcc4c0.js.map → checkbox.f38276e6.js.map} +1 -1
  73. package/dist/chunks/{controls-group.b17e40ad.js → controls-group.f1dfa419.js} +3 -3
  74. package/dist/chunks/{controls-group.b17e40ad.js.map → controls-group.f1dfa419.js.map} +1 -1
  75. package/dist/chunks/{copy.b20b47f9.js → copy.acc9f1b0.js} +4 -4
  76. package/dist/chunks/{copy.b20b47f9.js.map → copy.acc9f1b0.js.map} +1 -1
  77. package/dist/chunks/{dialog-page.3965f89e.js → dialog-page.75b295b7.js} +3 -3
  78. package/dist/chunks/{dialog-page.3965f89e.js.map → dialog-page.75b295b7.js.map} +1 -1
  79. package/dist/chunks/{dropdown-default-textbox.537c81a2.js → dropdown-default-textbox.c1f8fe5f.js} +2 -2
  80. package/dist/chunks/{dropdown-default-textbox.537c81a2.js.map → dropdown-default-textbox.c1f8fe5f.js.map} +1 -1
  81. package/dist/chunks/{dropdown.93a582cc.js → dropdown.669b858b.js} +7 -7
  82. package/dist/chunks/{dropdown.93a582cc.js.map → dropdown.669b858b.js.map} +1 -1
  83. package/dist/chunks/{error-message.7022fa86.js → error-message.8734e591.js} +2 -2
  84. package/dist/chunks/{error-message.7022fa86.js.map → error-message.8734e591.js.map} +1 -1
  85. package/dist/chunks/{fixed-scroller.077a5709.js → fixed-scroller.772ad033.js} +2 -2
  86. package/dist/chunks/{fixed-scroller.077a5709.js.map → fixed-scroller.772ad033.js.map} +1 -1
  87. package/dist/chunks/{footer-actions.1f22f86d.js → footer-actions.11071f12.js} +4 -4
  88. package/dist/chunks/{footer-actions.1f22f86d.js.map → footer-actions.11071f12.js.map} +1 -1
  89. package/dist/chunks/{index.b231f9ef.js → index.03ae22b4.js} +2 -2
  90. package/dist/chunks/{index.b231f9ef.js.map → index.03ae22b4.js.map} +1 -1
  91. package/dist/chunks/index.49ce3f6a.js +49 -0
  92. package/dist/chunks/index.49ce3f6a.js.map +1 -0
  93. package/dist/chunks/{index.59d76d6b.js → index.51308a21.js} +3 -3
  94. package/dist/chunks/{index.59d76d6b.js.map → index.51308a21.js.map} +1 -1
  95. package/dist/chunks/{index.787ded40.js → index.5d5f2200.js} +6 -6
  96. package/dist/chunks/{index.787ded40.js.map → index.5d5f2200.js.map} +1 -1
  97. package/dist/chunks/{index.0be6a210.js → index.73abb1a9.js} +8 -8
  98. package/dist/chunks/{index.0be6a210.js.map → index.73abb1a9.js.map} +1 -1
  99. package/dist/chunks/{index.255c82a2.js → index.87180cdd.js} +6 -6
  100. package/dist/chunks/{index.255c82a2.js.map → index.87180cdd.js.map} +1 -1
  101. package/dist/chunks/{index.19675c16.js → index.8e6bc325.js} +3 -3
  102. package/dist/chunks/{index.19675c16.js.map → index.8e6bc325.js.map} +1 -1
  103. package/dist/chunks/{index.9d130872.js → index.94980f50.js} +2 -2
  104. package/dist/chunks/{index.9d130872.js.map → index.94980f50.js.map} +1 -1
  105. package/dist/chunks/index.ba6c1040.js +79 -0
  106. package/dist/chunks/index.ba6c1040.js.map +1 -0
  107. package/dist/chunks/{index.f828081b.js → index.f19887a1.js} +2 -2
  108. package/dist/chunks/{index.f828081b.js.map → index.f19887a1.js.map} +1 -1
  109. package/dist/chunks/{index.7a59b0b8.js → index.ff09389c.js} +6 -6
  110. package/dist/chunks/{index.7a59b0b8.js.map → index.ff09389c.js.map} +1 -1
  111. package/dist/chunks/{listbox-option-tag.e025da67.js → listbox-option-tag.c0a56a95.js} +3 -3
  112. package/dist/chunks/{listbox-option-tag.e025da67.js.map → listbox-option-tag.c0a56a95.js.map} +1 -1
  113. package/dist/chunks/{listbox.f99c2f3e.js → listbox.e6e1bc90.js} +5 -5
  114. package/dist/chunks/{listbox.f99c2f3e.js.map → listbox.e6e1bc90.js.map} +1 -1
  115. package/dist/chunks/{loading-button.5de13e50.js → loading-button.84a5529d.js} +2 -2
  116. package/dist/chunks/{loading-button.5de13e50.js.map → loading-button.84a5529d.js.map} +1 -1
  117. package/dist/chunks/{payment-method.bf9e71a2.js → payment-method.faa302de.js} +2 -2
  118. package/dist/chunks/{payment-method.bf9e71a2.js.map → payment-method.faa302de.js.map} +1 -1
  119. package/dist/chunks/{tooltip.eb1eb37e.js → tooltip.8e9d733c.js} +3 -3
  120. package/dist/chunks/{tooltip.eb1eb37e.js.map → tooltip.8e9d733c.js.map} +1 -1
  121. package/dist/chunks/use-bento-toast-controller.7d4436ad.js +52 -0
  122. package/dist/chunks/use-bento-toast-controller.7d4436ad.js.map +1 -0
  123. package/dist/code-snippet.js +7 -7
  124. package/dist/code-snippet.js.map +1 -1
  125. package/dist/country.js +2 -2
  126. package/dist/currency.js +1 -1
  127. package/dist/data-grid-template.js +1 -1
  128. package/dist/data-grid.js +432 -424
  129. package/dist/data-grid.js.map +1 -1
  130. package/dist/date-picker.js +8 -8
  131. package/dist/date-range-picker.js +2 -2
  132. package/dist/date.js +1 -1
  133. package/dist/divider.js +1 -1
  134. package/dist/dropdown.js +7 -7
  135. package/dist/empty-state.js +3 -3
  136. package/dist/filter-bar.js +88 -92
  137. package/dist/filter-bar.js.map +1 -1
  138. package/dist/focus-trap.js +1 -1
  139. package/dist/form-layout.js +2 -2
  140. package/dist/header.js +4 -4
  141. package/dist/index.js +247 -269
  142. package/dist/index.js.map +1 -1
  143. package/dist/info-icon.js +3 -3
  144. package/dist/input-field.js +38 -34
  145. package/dist/input-field.js.map +1 -1
  146. package/dist/internal.js +8 -8
  147. package/dist/link.js +1 -1
  148. package/dist/loading-indicator.js +1 -1
  149. package/dist/menu.js +1 -1
  150. package/dist/modal-fullscreen.js +6 -6
  151. package/dist/modal.js +6 -6
  152. package/dist/pagination.js +4 -4
  153. package/dist/payment-method.js +1 -1
  154. package/dist/popover.js +1 -1
  155. package/dist/popper-container.js +1 -1
  156. package/dist/radio-group.js +4 -4
  157. package/dist/search-bar.js +2 -2
  158. package/dist/secondary-nav.js +2 -2
  159. package/dist/segmented-control.js +3 -3
  160. package/dist/selection-card.js +4 -4
  161. package/dist/sidepanel.js +6 -6
  162. package/dist/status.js +2 -2
  163. package/dist/stepper.js +3 -3
  164. package/dist/structured-list.js +1 -1
  165. package/dist/summary-grid.js +3 -3
  166. package/dist/tabs.js +3 -3
  167. package/dist/tag.js +3 -3
  168. package/dist/textarea.js +4 -4
  169. package/dist/timeline.js +7 -7
  170. package/dist/toast.js +143 -98
  171. package/dist/toast.js.map +1 -1
  172. package/dist/toggle.js +2 -2
  173. package/dist/tutorial.js +6 -6
  174. package/dist/typography.js +1 -1
  175. package/dist/web-types.json +164 -117
  176. package/package.json +2 -2
  177. package/dist/chunks/index.0b534dc6.js +0 -83
  178. package/dist/chunks/index.0b534dc6.js.map +0 -1
  179. package/dist/chunks/index.be6917c8.js +0 -127
  180. package/dist/chunks/index.be6917c8.js.map +0 -1
  181. package/dist/chunks/info-filled.c37e091d.js +0 -26
  182. package/dist/chunks/info-filled.c37e091d.js.map +0 -1
  183. package/dist/chunks/toastController.fd667b68.js +0 -15
  184. package/dist/chunks/toastController.fd667b68.js.map +0 -1
@@ -1,127 +0,0 @@
1
- import { defineComponent as c, computed as d } from "vue";
2
- import { n as E } from "./_plugin-vue2_normalizer.71e2aa87.js";
3
- import "../assets/index45.css";
4
- var a = /* @__PURE__ */ ((t) => (t.CAPTION = "caption", t.BODY = "body", t.SUBTITLE = "subtitle", t.TITLE = "title", t))(a || {}), e = /* @__PURE__ */ ((t) => (t.WIDE = "wide", t.STRONGER = "stronger", t.STRONGER_WIDE = "stronger-wide", t.STRONGEST = "strongest", t.STRONGEST_WIDE = "strongest-wide", t.MEDIUM = "m", t.LARGE = "l", t.MOBILE = "mobile", t))(e || {}), i = /* @__PURE__ */ ((t) => (t.H1 = "h1", t.H2 = "h2", t.H3 = "h3", t.H4 = "h4", t.H5 = "h5", t.H6 = "h6", t.DIV = "div", t.PARAGRAPH = "p", t.SPAN = "span", t))(i || {});
5
- const T = ["development", "DEVELOPMENT", "dev", "DEV"], _ = () => T.includes(process.env.NODE_ENV);
6
- function r(...t) {
7
- _() && console.warn(...t);
8
- }
9
- const l = ["color: red", "background: yellow"].join(";"), o = /* @__PURE__ */ new Set();
10
- function v(t, n, s) {
11
- o.has(t) || (r(`%cDEPRECATED:\x1B[0m ${t}`, l), r(`${n.replaceAll(" ", "").trim()}`), r(`To be removed in: %c${s}`, l), o.add(t));
12
- }
13
- const u = c({
14
- name: "bento-typography",
15
- inheritAttrs: !0,
16
- props: {
17
- /**
18
- * Sets the HTML DOM element.
19
- * @values h1, h2, h3, h4, h5, h6, div, p, span
20
- */
21
- el: {
22
- type: String,
23
- default: i.PARAGRAPH,
24
- validator: (t) => Object.values(i).includes(t)
25
- },
26
- /**
27
- * Adds the stronger class modifier.
28
- * Applicable to Caption, Body and Subtitle variants.
29
- */
30
- stronger: {
31
- type: Boolean,
32
- default: !1
33
- },
34
- /**
35
- * Adds the strongest class modifier.
36
- * Applicable to Caption, Body and Subtitle variants.
37
- */
38
- strongest: {
39
- type: Boolean,
40
- default: !1
41
- },
42
- /**
43
- * Sets the type of typography variant.
44
- * @values caption, body, title.
45
- */
46
- variant: {
47
- type: String,
48
- default: a.BODY,
49
- validator: (t) => Object.values(a).includes(t)
50
- },
51
- /**
52
- * Adds the medium class modifier.
53
- * Applicable to the Title variant.
54
- */
55
- medium: {
56
- type: Boolean,
57
- default: !1
58
- },
59
- /**
60
- * Adds the large class modifier.
61
- * Applicable to the Title variant.
62
- */
63
- large: {
64
- type: Boolean,
65
- default: !1
66
- },
67
- /**
68
- * Adds the medium class modifier.
69
- * Applicable to tje Body variant.
70
- */
71
- wide: {
72
- type: Boolean,
73
- default: !1
74
- }
75
- },
76
- setup(t) {
77
- return t.variant === a.SUBTITLE && v(
78
- 'BentoTypography "subtitle" variant (BentoTypographyVariant.SUBTITLE)',
79
- `Use the "title" or "BentoTypographyVariant.TITLE" variant and (optionally) combine it with a size property. e.g. medium / large.
80
- <bento-typography :variant="BentoTypographyVariant.TITLE" medium>`,
81
- "2.0.0"
82
- ), {
83
- conditionalClasses: d(() => ({
84
- // Caption
85
- [`b-typography--${a.CAPTION}`]: t.variant === a.CAPTION,
86
- [`b-typography--${a.CAPTION}-${e.WIDE}`]: t.variant === a.CAPTION && t.wide,
87
- [`b-typography--${a.CAPTION}-${e.STRONGER}`]: t.variant === a.CAPTION && t.stronger,
88
- // Body
89
- [`b-typography--${a.BODY}`]: t.variant === a.BODY,
90
- [`b-typography--${a.BODY}-${e.WIDE}`]: t.variant === a.BODY && t.wide,
91
- [`b-typography--${a.BODY}-${e.STRONGER}`]: t.variant === a.BODY && t.stronger,
92
- [`b-typography--${a.BODY}-${e.STRONGEST}`]: t.variant === a.BODY && t.strongest,
93
- // Subtitle
94
- [`b-typography--${a.SUBTITLE}`]: t.variant === a.SUBTITLE,
95
- [`b-typography--${a.SUBTITLE}-${e.STRONGER}`]: t.variant === a.SUBTITLE && t.stronger,
96
- // Title
97
- [`b-typography--${a.TITLE}`]: t.variant === a.TITLE && !t.medium && !t.large,
98
- [`b-typography--${a.TITLE}-${e.MEDIUM}`]: t.variant === a.TITLE && t.medium,
99
- [`b-typography--${a.TITLE}-${e.LARGE}`]: t.variant === a.TITLE && t.large
100
- }))
101
- };
102
- }
103
- });
104
- var I = function() {
105
- var n = this, s = n._self._c;
106
- return n._self._setupProxy, s(n.el, { tag: "component", staticClass: "b-typography", class: n.conditionalClasses, attrs: { "data-testid": "typography" } }, [n._t("default")], 2);
107
- }, O = [], b = /* @__PURE__ */ E(
108
- u,
109
- I,
110
- O,
111
- !1,
112
- null,
113
- "f47b2ad5",
114
- null,
115
- null
116
- );
117
- const m = b.exports;
118
- export {
119
- m as B,
120
- a,
121
- e as b,
122
- i as c,
123
- v as d,
124
- _ as i,
125
- r as p
126
- };
127
- //# sourceMappingURL=index.be6917c8.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.be6917c8.js","sources":["../../src/components/typography/typography.types.ts","../../src/utils/ts/dev-environment.ts","../../src/utils/ts/print-development-warning.ts","../../src/utils/ts/deprecate.ts","../../src/components/typography/typography.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoTypographyVariant {\n CAPTION = 'caption',\n BODY = 'body',\n /** @deprecated Use \"TITLE\" instead. */\n SUBTITLE = 'subtitle',\n TITLE = 'title',\n}\n\nexport enum BentoTypographyModifier {\n WIDE = 'wide',\n STRONGER = 'stronger',\n STRONGER_WIDE = 'stronger-wide',\n STRONGEST = 'strongest',\n STRONGEST_WIDE = 'strongest-wide',\n MEDIUM = 'm',\n LARGE = 'l',\n MOBILE = 'mobile',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoTypographyElement {\n H1 = 'h1',\n H2 = 'h2',\n H3 = 'h3',\n H4 = 'h4',\n H5 = 'h5',\n H6 = 'h6',\n DIV = 'div',\n PARAGRAPH = 'p',\n SPAN = 'span',\n}\n","const DEV_ENVIROMENT_NAMES = ['development', 'DEVELOPMENT', 'dev', 'DEV'];\n\nexport const isDevelopmentEnviroment = () => DEV_ENVIROMENT_NAMES.includes(process.env.NODE_ENV);\n","import { isDevelopmentEnviroment } from '@/utils/ts/dev-environment';\n\n/**\n * Prints console.warn messages in development mode only.\n *\n * @see console.warn for what parameters you can use\n */\n\nexport function printDevelopmentWarning(...args: Parameters<typeof console.warn>) {\n if (isDevelopmentEnviroment()) {\n // eslint-disable-next-line no-console\n console.warn(...args);\n }\n}\n","import { printDevelopmentWarning } from './print-development-warning';\n\nconst DEPRECATION_STYLES = ['color: red', 'background: yellow'].join(';');\nconst shownMessages = new Set<string>();\n\n/**\n * Informs users about the deprecations in development mode only.\n *\n * @param title Indicates what is being deprecated.\n * @param deprecationMessage How to avoid the deprecation by giving an example of the alternatives. Backticks can be used to multi-line the message.\n * @param toBeRemovedInVersion The version it will be removed. Must be in X.Y.Z format.\n */\nexport function deprecate(title: string, deprecationMessage: string, toBeRemovedInVersion: string) {\n // If the message is already showing, don't show it again\n if (!shownMessages.has(title)) {\n printDevelopmentWarning(`%cDEPRECATED:\\x1b[0m ${title}`, DEPRECATION_STYLES);\n // Format multi-line descriptions with the backtick\n printDevelopmentWarning(`${deprecationMessage.replaceAll(' ', '').trim()}`);\n printDevelopmentWarning(`To be removed in: %c${toBeRemovedInVersion}`, DEPRECATION_STYLES);\n shownMessages.add(title);\n }\n}\n\n/**\n * Reset shownMessages set\n *\n * @deprecated For testing purposes only. Do not use.\n */\nexport function resetShownMessages() {\n shownMessages.clear();\n}\n","<template>\n <component :is=\"el\" class=\"b-typography\" :class=\"conditionalClasses\" data-testid=\"typography\">\n <slot />\n </component>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType } from 'vue';\n import { BentoTypographyElement, BentoTypographyModifier, BentoTypographyVariant } from './typography.types';\n import { deprecate } from '@/utils/ts/deprecate';\n\n /**\n * The Typography component makes it easy to apply a default set of font weights, sizes and other text styles\n * easily to text. The variants and properties match with those found in Figma.\n *\n * For example, seeing text with the typography styling of\n *\n * @example\n * import { BentoTypography } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoTypography },\n * template: `\n * <bento-typography>\n * ... text content\n * </bento-typography>\n * `\n * }\n */\n export default defineComponent({\n name: 'bento-typography',\n inheritAttrs: true,\n props: {\n /**\n * Sets the HTML DOM element.\n * @values h1, h2, h3, h4, h5, h6, div, p, span\n */\n el: {\n type: String as PropType<BentoTypographyElement | `${BentoTypographyElement}`>,\n default: BentoTypographyElement.PARAGRAPH,\n validator: (value: BentoTypographyElement) => Object.values(BentoTypographyElement).includes(value),\n },\n\n /**\n * Adds the stronger class modifier.\n * Applicable to Caption, Body and Subtitle variants.\n */\n stronger: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Adds the strongest class modifier.\n * Applicable to Caption, Body and Subtitle variants.\n */\n strongest: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Sets the type of typography variant.\n * @values caption, body, title.\n */\n variant: {\n type: String as PropType<BentoTypographyVariant | `${BentoTypographyVariant}`>,\n default: BentoTypographyVariant.BODY,\n validator: (value: BentoTypographyVariant) => Object.values(BentoTypographyVariant).includes(value),\n },\n\n /**\n * Adds the medium class modifier.\n * Applicable to the Title variant.\n */\n medium: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Adds the large class modifier.\n * Applicable to the Title variant.\n */\n large: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Adds the medium class modifier.\n * Applicable to tje Body variant.\n */\n wide: {\n type: Boolean,\n default: false,\n },\n },\n setup(props) {\n if (props.variant === BentoTypographyVariant.SUBTITLE) {\n deprecate(\n 'BentoTypography \"subtitle\" variant (BentoTypographyVariant.SUBTITLE)',\n `Use the \"title\" or \"BentoTypographyVariant.TITLE\" variant and (optionally) combine it with a size property. e.g. medium / large.\n <bento-typography :variant=\"BentoTypographyVariant.TITLE\" medium>`,\n '2.0.0'\n );\n }\n\n const conditionalClasses = computed(() => ({\n // Caption\n [`b-typography--${BentoTypographyVariant.CAPTION}`]: props.variant === BentoTypographyVariant.CAPTION,\n [`b-typography--${BentoTypographyVariant.CAPTION}-${BentoTypographyModifier.WIDE}`]:\n props.variant === BentoTypographyVariant.CAPTION && props.wide,\n [`b-typography--${BentoTypographyVariant.CAPTION}-${BentoTypographyModifier.STRONGER}`]:\n props.variant === BentoTypographyVariant.CAPTION && props.stronger,\n\n // Body\n [`b-typography--${BentoTypographyVariant.BODY}`]: props.variant === BentoTypographyVariant.BODY,\n [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.WIDE}`]:\n props.variant === BentoTypographyVariant.BODY && props.wide,\n [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.STRONGER}`]:\n props.variant === BentoTypographyVariant.BODY && props.stronger,\n [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.STRONGEST}`]:\n props.variant === BentoTypographyVariant.BODY && props.strongest,\n\n // Subtitle\n [`b-typography--${BentoTypographyVariant.SUBTITLE}`]: props.variant === BentoTypographyVariant.SUBTITLE,\n [`b-typography--${BentoTypographyVariant.SUBTITLE}-${BentoTypographyModifier.STRONGER}`]:\n props.variant === BentoTypographyVariant.SUBTITLE && props.stronger,\n\n // Title\n [`b-typography--${BentoTypographyVariant.TITLE}`]:\n props.variant === BentoTypographyVariant.TITLE && !props.medium && !props.large,\n [`b-typography--${BentoTypographyVariant.TITLE}-${BentoTypographyModifier.MEDIUM}`]:\n props.variant === BentoTypographyVariant.TITLE && props.medium,\n [`b-typography--${BentoTypographyVariant.TITLE}-${BentoTypographyModifier.LARGE}`]:\n props.variant === BentoTypographyVariant.TITLE && props.large,\n }));\n\n return {\n conditionalClasses,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./typography.scss\" />\n<style lang=\"scss\">\n // Reset preset browser margin on all elements but allow for it to be overriden\n .b-typography {\n margin: 0;\n }\n</style>\n"],"names":["BentoTypographyVariant","BentoTypographyVariant2","BentoTypographyModifier","BentoTypographyModifier2","BentoTypographyElement","BentoTypographyElement2","DEV_ENVIROMENT_NAMES","isDevelopmentEnviroment","printDevelopmentWarning","args","DEPRECATION_STYLES","shownMessages","deprecate","title","deprecationMessage","toBeRemovedInVersion","_sfc_main","defineComponent","value","props","computed"],"mappings":"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"}
@@ -1,26 +0,0 @@
1
- import { n as e } from "./_plugin-vue2_normalizer.71e2aa87.js";
2
- import "../assets/cross.css";
3
- let i = 0;
4
- const l = {
5
- beforeCreate() {
6
- this.uuid = i.toString(), i += 1;
7
- }
8
- };
9
- var n = function() {
10
- var t = this, s = t._self._c;
11
- return s("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? s("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), s("g", { attrs: { "clip-path": "url(#uia-icons-16-info_filled__a" + t.uuid + ")" } }, [s("path", { attrs: { fill: "#00112C", d: "M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z" } })]), s("defs", [s("clipPath", { attrs: { id: "uia-icons-16-info_filled__a" + t.uuid } }, [s("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
12
- }, r = [], a = /* @__PURE__ */ e(
13
- l,
14
- n,
15
- r,
16
- !1,
17
- null,
18
- null,
19
- null,
20
- null
21
- );
22
- const C = a.exports;
23
- export {
24
- C as I
25
- };
26
- //# sourceMappingURL=info-filled.c37e091d.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"info-filled.c37e091d.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/info-filled.vue"],"sourcesContent":["\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
@@ -1,15 +0,0 @@
1
- import { getCurrentInstance as r } from "vue";
2
- import "./index.4c062058.js";
3
- let t = null;
4
- function s() {
5
- const n = r();
6
- {
7
- const o = n.proxy;
8
- o != null && o.$bentoToastController && (t = o.$bentoToastController);
9
- }
10
- return t;
11
- }
12
- export {
13
- s as u
14
- };
15
- //# sourceMappingURL=toastController.fd667b68.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toastController.fd667b68.js","sources":["../../src/utils/ts/toastController.ts"],"sourcesContent":["import { getCurrentInstance } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport BentoToastController from '../../plugins/toastController';\n\nlet bentoToastController: BentoToastController = null;\n\nexport function useBentoToastController(): BentoToastController {\n const instance = getCurrentInstance() as { proxy: any & { $bentoToastController } } | null;\n if (isVue2) {\n const vm = instance.proxy;\n\n if (vm?.$bentoToastController) {\n bentoToastController = vm.$bentoToastController;\n }\n } else {\n bentoToastController = (instance as any).appContext.config.globalProperties.$bentoToastController;\n }\n\n return bentoToastController;\n}\n"],"names":["bentoToastController","useBentoToastController","instance","getCurrentInstance","vm"],"mappings":";;AAIA,IAAIA,IAA6C;AAE1C,SAASC,IAAgD;AAC5D,QAAMC,IAAWC;AACL;AACR,UAAMC,IAAKF,EAAS;AAEpB,IAAIE,KAAA,QAAAA,EAAI,0BACJJ,IAAuBI,EAAG;AAAA,EAIlC;AAEO,SAAAJ;AACX;"}