@adyen/bento-vue2 1.102.0 → 1.103.0

package/dist/chunks/typography.C8lPlsbD.js

@@ -1,87 +0,0 @@
-import { defineComponent as p, computed as T, onMounted as E } from "vue";
-import { n as d } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/typography.css";
-const u = ["development", "DEVELOPMENT", "dev", "DEV"], v = () => u.includes(process.env.NODE_ENV);
-function s(...e) {
-  v() && console.warn(...e);
-}
-const o = ["color: red", "background: yellow"].join(";"), i = /* @__PURE__ */ new Set();
-function I(e, t, n) {
-  i.has(e) || (s(`%cDEPRECATED:\x1B[0m ${e}`, o), s(`${t.replaceAll("  ", "").trim()}`), s(`To be removed in: %c${n}`, o), i.add(e));
-}
-var a = /* @__PURE__ */ ((e) => (e.CAPTION = "caption", e.BODY = "body", e.SUBTITLE = "subtitle", e.TITLE = "title", e))(a || {}), r = /* @__PURE__ */ ((e) => (e.WIDE = "wide", e.STRONGER = "stronger", e.STRONGER_WIDE = "stronger-wide", e.STRONGEST = "strongest", e.STRONGEST_WIDE = "strongest-wide", e.MEDIUM = "m", e.LARGE = "l", e.MOBILE = "mobile", e))(r || {}), c = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e.DIV = "div", e.PARAGRAPH = "p", e.SPAN = "span", e))(c || {});
-const h = {
-  name: "bento-typography",
-  inheritAttrs: !0
-}, O = /* @__PURE__ */ p({
-  ...h,
-  props: {
-    el: { default: c.PARAGRAPH },
-    large: { type: Boolean, default: !1 },
-    medium: { type: Boolean, default: !1 },
-    richText: { type: Boolean },
-    stronger: { type: Boolean, default: !1 },
-    strongest: { type: Boolean, default: !1 },
-    variant: { default: a.BODY },
-    wide: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const t = e;
-    t.variant === a.SUBTITLE && I(
-      'BentoTypography "subtitle" variant (BentoTypographyVariant.SUBTITLE)',
-      `Use the "title" or "BentoTypographyVariant.TITLE" variant and (optionally) combine it with a size property. e.g. medium / large.
-                    <bento-typography :variant="BentoTypographyVariant.TITLE" medium>`,
-      "2.0.0"
-    );
-    const n = T(() => ({
-      // Rich text
-      "b-typography--rich-text": t.richText,
-      // Caption
-      [`b-typography--${a.CAPTION}`]: t.variant === a.CAPTION,
-      [`b-typography--${a.CAPTION}-${r.WIDE}`]: t.variant === a.CAPTION && t.wide,
-      [`b-typography--${a.CAPTION}-${r.STRONGER}`]: t.variant === a.CAPTION && t.stronger,
-      // Body
-      [`b-typography--${a.BODY}`]: t.variant === a.BODY,
-      [`b-typography--${a.BODY}-${r.WIDE}`]: t.variant === a.BODY && t.wide,
-      [`b-typography--${a.BODY}-${r.STRONGER}`]: t.variant === a.BODY && t.stronger,
-      [`b-typography--${a.BODY}-${r.STRONGEST}`]: t.variant === a.BODY && t.strongest,
-      // Subtitle
-      [`b-typography--${a.SUBTITLE}`]: t.variant === a.SUBTITLE,
-      [`b-typography--${a.SUBTITLE}-${r.STRONGER}`]: t.variant === a.SUBTITLE && t.stronger,
-      // Title
-      [`b-typography--${a.TITLE}`]: t.variant === a.TITLE && !t.medium && !t.large,
-      [`b-typography--${a.TITLE}-${r.MEDIUM}`]: t.variant === a.TITLE && t.medium,
-      [`b-typography--${a.TITLE}-${r.LARGE}`]: t.variant === a.TITLE && t.large
-    }));
-    return E(() => {
-      if (t.richText && t.el !== "div")
-        throw new Error('Rich-text prop must be used with el="div" for correct HTML semantics');
-      if (t.richText && t.variant === "title")
-        throw new Error("Rich-text prop cannot be used with the title variant.");
-      if (t.richText && t.variant === "subtitle")
-        throw new Error("Rich-text prop cannot be used with the subtitle variant.");
-    }), { __sfc: !0, props: t, conditionalClasses: n };
-  }
-});
-var _ = function() {
-  var t = this, n = t._self._c, l = t._self._setupProxy;
-  return n(t.el, { tag: "component", staticClass: "b-typography", class: l.conditionalClasses, attrs: { "data-testid": "typography" } }, [t._t("default")], 2);
-}, b = [], f = /* @__PURE__ */ d(
-  O,
-  _,
-  b,
-  !1,
-  null,
-  "d3e3f90c"
-);
-const R = f.exports;
-export {
-  R as B,
-  c as a,
-  r as b,
-  a as c,
-  I as d,
-  v as i,
-  s as p
-};
-//# sourceMappingURL=typography.C8lPlsbD.js.map

package/dist/chunks/typography.C8lPlsbD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.C8lPlsbD.js","sources":["../../src/utils/ts/dev-environment.ts","../../src/utils/ts/print-development-warning.ts","../../src/utils/ts/deprecate.ts","../../src/components/typography/typography.types.ts","../../src/components/typography/typography.vue"],"sourcesContent":["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 Since v0.0.0. Do not use.\n */\nexport function resetShownMessages() {\n    shownMessages.clear();\n}\n","/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoTypographyVariant {\n    CAPTION = 'caption',\n    BODY = 'body',\n    /** @deprecated Since v2.0.0. 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 Since v2.0.0. Use 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\nexport interface BentoTypographyProps {\n    /**\n     * Sets the HTML DOM element.\n     * @values h1, h2, h3, h4, h5, h6, div, p, span\n     */\n    el?: BentoTypographyElement | `${BentoTypographyElement}`;\n\n    /**\n     * Adds the large class modifier.\n     * Applicable to the Title variant.\n     */\n    large?: boolean;\n\n    /**\n     * Adds the medium class modifier.\n     * Applicable to the Title variant.\n     */\n    medium?: boolean;\n\n    /**\n     * Adds the rich-text modifier, which allows for the use of HTML tags inside typography.\n     */\n    richText?: boolean;\n\n    /**\n     * Adds the stronger class modifier.\n     * Applicable to Caption, Body and Subtitle variants.\n     */\n    stronger?: boolean;\n\n    /**\n     * Adds the strongest class modifier.\n     * Applicable to Caption, Body and Subtitle variants.\n     */\n    strongest?: boolean;\n\n    /**\n     * Sets the type of typography variant.\n     * @values caption, body, title.\n     */\n    variant?: BentoTypographyVariant | `${BentoTypographyVariant}`;\n\n    /**\n     * Adds the medium class modifier.\n     * Applicable to the Body variant.\n     */\n    wide?: boolean;\n}\n","<template>\n    <component :is=\"el\" class=\"b-typography\" :class=\"conditionalClasses\" data-testid=\"typography\">\n        <slot />\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted } from 'vue';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import {\n        BentoTypographyElement,\n        BentoTypographyModifier,\n        type BentoTypographyProps,\n        BentoTypographyVariant,\n    } from './typography.types';\n\n    const props = defineProps({\n  el: { default: BentoTypographyElement.PARAGRAPH },\n  large: { type: Boolean, default: false },\n  medium: { type: Boolean, default: false },\n  richText: { type: Boolean },\n  stronger: { type: Boolean, default: false },\n  strongest: { type: Boolean, default: false },\n  variant: { default: BentoTypographyVariant.BODY },\n  wide: { type: Boolean, default: false }\n});\n\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        // Rich text\n        ['b-typography--rich-text']: props.richText,\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    onMounted(() => {\n        if (props.richText && props.el !== 'div') {\n            throw new Error('Rich-text prop must be used with el=\"div\" for correct HTML semantics');\n        }\n\n        if (props.richText && props.variant === 'title') {\n            throw new Error('Rich-text prop cannot be used with the title variant.');\n        }\n\n        if (props.richText && props.variant === 'subtitle') {\n            throw new Error('Rich-text prop cannot be used with the subtitle variant.');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\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 {\n        name: 'bento-typography',\n        inheritAttrs: true,\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./typography.scss\" />\n"],"names":["DEV_ENVIROMENT_NAMES","isDevelopmentEnviroment","printDevelopmentWarning","args","DEPRECATION_STYLES","shownMessages","deprecate","title","deprecationMessage","toBeRemovedInVersion","BentoTypographyVariant","BentoTypographyVariant2","BentoTypographyModifier","BentoTypographyModifier2","BentoTypographyElement","BentoTypographyElement2","__default__","props","conditionalClasses","computed","onMounted"],"mappings":"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"}

package/dist/chunks/use-country-items.CmCRY7QX.js

@@ -1,30 +0,0 @@
-import { computed as t } from "vue";
-import { a, u as s } from "./country.types.8GCHsdGN.js";
-import { u as l } from "./index.B6WW_F-J.js";
-import { u as n, a as m } from "./use-country-phon-code.BWkb546s.js";
-const y = (o, u) => {
-  const { locale: r } = l(void 0, !0);
-  return t(() => {
-    switch (o == null ? void 0 : o.value) {
-      case a.PHONE_CODE:
-        return u.value.map(({ value: e }) => ({
-          value: e,
-          label: m(e).value
-        }));
-      case a.CAPITAL:
-        return u.value.map(({ value: e }) => ({
-          value: e,
-          label: s(e, r).value
-        }));
-      case a.NAME:
-        return u.value.map(({ value: e }) => ({ value: e, label: n(e, r).value }));
-      case a.CUSTOM:
-      default:
-        return u.value;
-    }
-  });
-};
-export {
-  y as u
-};
-//# sourceMappingURL=use-country-items.CmCRY7QX.js.map