@adyen/bento-vue3 1.71.0 → 1.72.0

package/dist/chunks/{error-message.RHitS8wA.js → field-label.DSeawpYh.js}

@@ -1,11 +1,54 @@
-import { defineComponent as m, computed as q, createElementBlock as u, openBlock as o, normalizeClass as x, createVNode as c, createBlock as s, createCommentVNode as f, unref as e, withCtx as l, renderSlot as k, Fragment as v, createTextVNode as n, toDisplayString as i, createElementVNode as C } from "vue";
-import { B as S } from "./info-icon.BZoBshSv.js";
+import { defineComponent as m, createBlock as s, openBlock as o, unref as e, withCtx as l, createElementVNode as q, createTextVNode as n, createVNode as c, toDisplayString as i, computed as x, createElementBlock as u, normalizeClass as k, createCommentVNode as f, renderSlot as v, Fragment as C } from "vue";
 import { B as r } from "./typography.yBEME_Gu.js";
+import { C as S } from "./cross-circle-fill.CYLL7jfC.js";
 import { u as _ } from "./i18n.B6g5VX0q.js";
 import { _ as b } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { C as E } from "./cross-circle-fill.CYLL7jfC.js";
-import "../assets/error-message.css";
+import { B as E } from "./info-icon.CRnO5lpq.js";
+import "../assets/field-label.css";
 const g = {
+  "en-US": {
+    error: "Error"
+  },
+  "ja-JP": {
+    error: "エラー"
+  },
+  "pt-BR": {
+    error: "Erro"
+  }
+}, I = { class: "b-error-message__icon" }, h = {
+  i18n: { messages: g },
+  name: "error-message"
+}, T = /* @__PURE__ */ m({
+  ...h,
+  props: {
+    /**
+     * The rendered error message
+     */
+    errorMessage: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(t) {
+    const { t: d } = _({ messages: g });
+    return (a, p) => (o(), s(e(r), {
+      id: a.$attrs.id,
+      class: "b-error-message",
+      el: "span",
+      "aria-live": "polite"
+    }, {
+      default: l(() => [
+        q("div", I, [
+          c(e(S), {
+            "svg-title": e(d)("error")
+          }, null, 8, ["svg-title"])
+        ]),
+        n(" " + i(t.errorMessage), 1)
+      ]),
+      _: 1
+    }, 8, ["id"]));
+  }
+}), R = /* @__PURE__ */ b(T, [["__scopeId", "data-v-024e50b0"]]), y = {
   "en-US": {
     optional: "optional",
     required: "required"
@@ -18,10 +61,10 @@ const g = {
     optional: "opcional",
     required: "obrigatório"
   }
-}, I = {
-  i18n: { messages: g }
-}, h = /* @__PURE__ */ m({
-  ...I,
+}, $ = {
+  i18n: { messages: y }
+}, F = /* @__PURE__ */ m({
+  ...$,
   __name: "field-label",
   props: {
     /**
@@ -58,18 +101,18 @@ const g = {
     }
   },
   setup(t) {
-    const d = t, { t: a } = _({ messages: g }), p = q(() => ({ "b-field-label--condensed": d.condensed }));
+    const d = t, { t: a } = _({ messages: y }), p = x(() => ({ "b-field-label--condensed": d.condensed }));
     return (B, N) => (o(), u("label", {
-      class: x(["b-field-label", p.value])
+      class: k(["b-field-label", p.value])
     }, [
       c(e(r), {
         el: "span",
         stronger: ""
       }, {
         default: l(() => [
-          t.label ? (o(), u(v, { key: 0 }, [
+          t.label ? (o(), u(C, { key: 0 }, [
             n(i(t.label), 1)
-          ], 64)) : k(B.$slots, "default", { key: 1 }, void 0, !0)
+          ], 64)) : v(B.$slots, "default", { key: 1 }, void 0, !0)
         ]),
         _: 3
       }),
@@ -79,7 +122,7 @@ const g = {
         class: "b-field-label__tooltip-wrapper"
       }, {
         default: l(() => [
-          c(e(S), {
+          c(e(E), {
             "tooltip-text": t.tooltipText,
             class: "b-field-label__tooltip"
           }, null, 8, ["tooltip-text"])
@@ -107,52 +150,9 @@ const g = {
       })) : f("", !0)
     ], 2));
   }
-}), R = /* @__PURE__ */ b(h, [["__scopeId", "data-v-6498d675"]]), y = {
-  "en-US": {
-    error: "Error"
-  },
-  "ja-JP": {
-    error: "エラー"
-  },
-  "pt-BR": {
-    error: "Erro"
-  }
-}, T = { class: "b-error-message__icon" }, $ = {
-  i18n: { messages: y },
-  name: "error-message"
-}, F = /* @__PURE__ */ m({
-  ...$,
-  props: {
-    /**
-     * The rendered error message
-     */
-    errorMessage: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(t) {
-    const { t: d } = _({ messages: y });
-    return (a, p) => (o(), s(e(r), {
-      id: a.$attrs.id,
-      class: "b-error-message",
-      el: "span",
-      "aria-live": "polite"
-    }, {
-      default: l(() => [
-        C("div", T, [
-          c(e(E), {
-            "svg-title": e(d)("error")
-          }, null, 8, ["svg-title"])
-        ]),
-        n(" " + i(t.errorMessage), 1)
-      ]),
-      _: 1
-    }, 8, ["id"]));
-  }
-}), U = /* @__PURE__ */ b(F, [["__scopeId", "data-v-024e50b0"]]);
+}), U = /* @__PURE__ */ b(F, [["__scopeId", "data-v-6498d675"]]);
 export {
-  U as E,
-  R as F
+  R as E,
+  U as F
 };
-//# sourceMappingURL=error-message.RHitS8wA.js.map
+//# sourceMappingURL=field-label.DSeawpYh.js.map

package/dist/chunks/field-label.DSeawpYh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-label.DSeawpYh.js","sources":["../../../vue2/src/components/internal/error-message/error-message.vue","../../../vue2/src/components/internal/field-label/field-label.vue"],"sourcesContent":["<template>\n    <bento-typography :id=\"$attrs.id\" class=\"b-error-message\" el=\"span\" aria-live=\"polite\">\n        <div class=\"b-error-message__icon\">\n            <cross-circle-icon :svg-title=\"t('error')\" />\n        </div>\n        {{ errorMessage }}\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import CrossCircleIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { useI18n } from '@/utils/ts/i18n';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An error message component should be used whenever it is necessary to add an error message to a component.\n     * If adding to a form component, the proper accessibility measures should be taken when necessary\n     * (ex. associating an element with this one using aria-describedby).\n\n    * @example\n    * import { ErrorMessage } from '@/components/internal/error-message';\n    *\n    * export default {\n    *     components: { ErrorMessage },\n    *     template: `\n    *          <error-message :error-message=\"errorMessage\" />\n    *     `\n    * }\n    */\n\n    defineProps({\n        /**\n         * The rendered error message\n         */\n        errorMessage: {\n            type: String,\n            required: true,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n        name: 'error-message',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./error-message.scss\" />\n","<template>\n    <label class=\"b-field-label\" :class=\"conditionalClasses\">\n        <bento-typography el=\"span\" stronger>\n            <template v-if=\"label\">{{ label }}</template>\n            <template v-else><slot></slot></template>\n        </bento-typography>\n        <bento-typography v-if=\"!!tooltipText\" el=\"span\" class=\"b-field-label__tooltip-wrapper\">\n            <bento-info-icon :tooltip-text=\"tooltipText\" class=\"b-field-label__tooltip\" />\n        </bento-typography>\n        <bento-typography v-if=\"required\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('required') }})</bento-typography\n        >\n        <bento-typography v-else-if=\"optional\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('optional') }})</bento-typography\n        >\n    </label>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography } from '@/components/typography';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Renders the dropdown with a condensed style.\n         */\n        condensed: { type: Boolean, default: false },\n        /**\n         * Field label\n         */\n        label: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Sets the field as optional\n         */\n        optional: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Sets the field as required\n         */\n        required: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const conditionalClasses = computed(() => ({ 'b-field-label--condensed': props.condensed }));\n</script>\n\n<script lang=\"ts\">\n    /**\n    * Internal component to handle the labels for all field components\n\n    * @example\n    * import { FieldLabel } from '@/components/internal/field-label';\n    *\n    * export default {\n    *     components: { FieldLabel },\n    *     template: `\n    *          <field-label label=\"Label\" tooltip-text=\"Tooltip info\" required />\n    *     `\n    * }\n    */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./field-label.scss\" />\n"],"names":["__default__$1","messages$1","t","useI18n","__default__","messages","props","__props","conditionalClasses","computed"],"mappings":";;;;;;;;;;;;;;;;;2CA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAF,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwCAG,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxDA,UAAAC,IAAAC,GAmCA,EAAA,GAAAL,EAAA,IAAAC,EAAA,EAAA,UAAAE,EAAA,CAAA,GAEAG,IAAAC,EAAA,OAAA,EAAA,4BAAAH,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{file-uploader.BEzjOvcm.js → file-uploader.DELe6_NM.js}

@@ -11,11 +11,11 @@ import { B as xi } from "./bin.DuHlEQBO.js";
 import { C as gi } from "./checkmark-circle-fill._6-d40ru.js";
 import { C as hi } from "./cross.B92GxFTY.js";
 import { R as bi } from "./refresh.BB4ouvz_.js";
-import { b as wi } from "./tooltip.TBU0Uixq.js";
+import { b as wi } from "./tooltip.CEHc6lzU.js";
 import { B as ga } from "./button.C-MAa6ut.js";
 import { B as yi } from "./link.cwPmWlsk.js";
 import { B as ki } from "./loading-indicator.VHi5tbZa.js";
-import { F as Ci, E as $i } from "./error-message.RHitS8wA.js";
+import { F as Ci, E as $i } from "./field-label.DSeawpYh.js";
 import "../assets/file-uploader.css";
 let ja = 0;
 const _i = {
@@ -2278,4 +2278,4 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
 export {
   mt as f
 };
-//# sourceMappingURL=file-uploader.BEzjOvcm.js.map
+//# sourceMappingURL=file-uploader.DELe6_NM.js.map