@adyen/bento-vue2 1.91.0 → 1.92.0

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

@@ -1 +1 @@
-{"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 For testing purposes only. Do not use.\n */\nexport function resetShownMessages() {\n    shownMessages.clear();\n}\n","/**\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\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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"}
+{"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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"}