@rei/cedar 14.0.3 → 14.1.1

package/dist/src/components/input/CdrInput.vue2.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as j, useSlots as O, useAttrs as G, useCssModule as J, ref as K, computed as i, openBlock as m, createBlock as P, unref as r, normalizeClass as v, createSlots as Q, withCtx as d, createElementVNode as z, withDirectives as N, createElementBlock as f, mergeProps as A, vModelText as W, vModelDynamic as X, renderSlot as u, createCommentVNode as y } from "vue";
+import { defineComponent as j, useSlots as O, useAttrs as G, useCssModule as J, ref as K, computed as l, openBlock as m, createBlock as P, unref as r, normalizeClass as v, createSlots as Q, withCtx as d, createElementVNode as z, withDirectives as N, createElementBlock as f, mergeProps as A, vModelText as W, vModelDynamic as X, renderSlot as u, createCommentVNode as y } from "vue";
 import Y from "../../utils/propValidator.mjs";
 import Z from "../labelStandalone/CdrLabelStandalone.vue.mjs";
 import _ from "../formError/CdrFormError.vue.mjs";
 import ee from "../../props/size.mjs";
 import re from "../../props/background.mjs";
 import $ from "../../utils/mapClasses.mjs";
-import oe from "../../utils/uid.mjs";
-const te = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], ae = ["type", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], ie = ["id"], h = "cdr-input", ve = /* @__PURE__ */ j({
+import te from "../../utils/uid.mjs";
+const oe = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], ae = ["type", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], le = ["id"], h = "cdr-input", ve = /* @__PURE__ */ j({
   name: "CdrInput",
   inheritAttrs: !1,
   customOptions: {},
@@ -20,15 +20,15 @@ const te = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
     },
     /**
      *  'type' attribute for the input as defined by w3c.
-     *  Only supporting text|email|number|password|search|url|date.
+     *  Only supporting text|email|number|password|search|url|date|datetime-local.
      *  The increment/decrement webkit psuedo element is hidden for number.
      *  @demoSelectMultiple false
-     *  @values text, email, number, password, search, url, tel, date
+     *  @values text, email, number, password, search, url, tel, date, datetime-local
     */
     type: {
       type: [String],
       default: "text",
-      validator: (e) => Y(e, ["text", "email", "number", "password", "search", "url", "tel", "date"])
+      validator: (e) => Y(e, ["text", "email", "number", "password", "search", "url", "tel", "date", "datetime-local"])
     },
     /**
      * Sets the text value for the input label. Required for a11y compliance. Use ‘hideLabel’ if the label display is not desired. Required.
@@ -108,27 +108,27 @@ const te = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
   setup(e, {
     emit: F
   }) {
-    const a = e, l = O(), C = G(), c = J(), p = K(!1), M = l["helper-text-top"], E = l["helper-text-bottom"], g = l["pre-icon"], k = l["post-icon"], L = l["post-icon"] ? l["post-icon"]().length > 1 : !1, T = l.info, U = l["info-action"], s = a.id ? a.id : oe(), D = i(() => a.rows > 1 ? "cdr-input--multiline" : ""), q = i(() => g ? "cdr-input--preicon" : ""), B = i(() => k ? "cdr-input--posticon" : ""), w = i(() => L ? "cdr-input--posticons" : ""), x = i(() => a.error ? "cdr-input--error" : ""), I = i(() => `cdr-input--${a.background}`), S = i(() => a.size ? `${h}--${a.size}` : ""), H = i(() => p.value ? "cdr-input--focus" : ""), V = i(() => {
-      const o = [l["helper-text-top"] ? `${s}-helper-text-top` : "", l["helper-text-bottom"] ? `${s}-helper-text-bottom` : "", C["aria-describedby"]].filter((t) => t).join(" ");
-      return a.error ? `${s}-error` : o;
-    }), R = i(() => {
-      const o = a.numeric || a.type === "number";
+    const a = e, i = O(), C = G(), c = J(), p = K(!1), M = i["helper-text-top"], E = i["helper-text-bottom"], g = i["pre-icon"], k = i["post-icon"], L = i["post-icon"] ? i["post-icon"]().length > 1 : !1, T = i.info, U = i["info-action"], s = a.id ? a.id : te(), D = l(() => a.rows > 1 ? "cdr-input--multiline" : ""), q = l(() => g ? "cdr-input--preicon" : ""), B = l(() => k ? "cdr-input--posticon" : ""), w = l(() => L ? "cdr-input--posticons" : ""), x = l(() => a.error ? "cdr-input--error" : ""), I = l(() => `cdr-input--${a.background}`), S = l(() => a.size ? `${h}--${a.size}` : ""), H = l(() => p.value ? "cdr-input--focus" : ""), V = l(() => {
+      const t = [i["helper-text-top"] ? `${s}-helper-text-top` : "", i["helper-text-bottom"] ? `${s}-helper-text-bottom` : "", C["aria-describedby"]].filter((o) => o).join(" ");
+      return a.error ? `${s}-error` : t;
+    }), R = l(() => {
+      const t = a.numeric || a.type === "number";
       return {
         id: s,
         autocomplete: "off",
-        pattern: o ? "[0-9]*" : void 0,
-        inputmode: o ? "numeric" : void 0,
+        pattern: t ? "[0-9]*" : void 0,
+        inputmode: t ? "numeric" : void 0,
         ...C
       };
-    }), b = i({
+    }), b = l({
       get() {
         return a.modelValue;
       },
-      set(o) {
-        F("update:modelValue", o);
+      set(t) {
+        F("update:modelValue", t);
       }
     });
-    return (o, t) => (m(), P(Z, {
+    return (t, o) => (m(), P(Z, {
       "for-id": r(s),
       label: e.label,
       "hide-label": e.hideLabel,
@@ -149,11 +149,11 @@ const te = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
         "aria-invalid": !!e.error || void 0,
         "aria-errormessage": !!e.error && `${r(s)}-error` || void 0,
         "aria-describedby": V.value || void 0
-      }, o.$attrs, {
-        onFocus: t[0] || (t[0] = (n) => p.value = !0),
-        onBlur: t[1] || (t[1] = (n) => p.value = !1),
-        "onUpdate:modelValue": t[2] || (t[2] = (n) => b.value = n)
-      }), null, 16, te)), [[W, b.value]]) : N((m(), f("input", A({
+      }, t.$attrs, {
+        onFocus: o[0] || (o[0] = (n) => p.value = !0),
+        onBlur: o[1] || (o[1] = (n) => p.value = !1),
+        "onUpdate:modelValue": o[2] || (o[2] = (n) => b.value = n)
+      }), null, 16, oe)), [[W, b.value]]) : N((m(), f("input", A({
         key: 1,
         type: e.type,
         class: r($)(r(c), h, q.value, B.value, w.value, x.value, I.value, S.value),
@@ -163,35 +163,35 @@ const te = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
         "aria-errormessage": !!e.error && `${r(s)}-error` || void 0
       }, R.value, {
         "aria-describedby": V.value || void 0,
-        onFocus: t[3] || (t[3] = (n) => p.value = !0),
-        onBlur: t[4] || (t[4] = (n) => p.value = !1),
-        "onUpdate:modelValue": t[5] || (t[5] = (n) => b.value = n)
+        onFocus: o[3] || (o[3] = (n) => p.value = !0),
+        onBlur: o[4] || (o[4] = (n) => p.value = !1),
+        "onUpdate:modelValue": o[5] || (o[5] = (n) => b.value = n)
       }), null, 16, ae)), [[X, b.value]]), r(g) ? (m(), f("span", {
         key: 2,
         class: v(r(c)["cdr-input__pre-icon"])
-      }, [u(o.$slots, "pre-icon")], 2)) : y("", !0), r(k) ? (m(), f("span", {
+      }, [u(t.$slots, "pre-icon")], 2)) : y("", !0), r(k) ? (m(), f("span", {
         key: 3,
         class: v(r(c)["cdr-input__post-icon"])
-      }, [u(o.$slots, "post-icon")], 2)) : y("", !0)], 2)]),
+      }, [u(t.$slots, "post-icon")], 2)) : y("", !0)], 2)]),
       _: 2
     }, [r(M) ? {
       name: "helper",
-      fn: d(() => [u(o.$slots, "helper-text-top")]),
+      fn: d(() => [u(t.$slots, "helper-text-top")]),
       key: "0"
     } : void 0, r(T) ? {
       name: "info",
-      fn: d(() => [u(o.$slots, "info")]),
+      fn: d(() => [u(t.$slots, "info")]),
       key: "1"
     } : void 0, r(U) ? {
       name: "info-action",
-      fn: d(() => [u(o.$slots, "info-action")]),
+      fn: d(() => [u(t.$slots, "info-action")]),
       key: "2"
     } : void 0, r(E) && !e.error ? {
       name: "helper-text-bottom",
       fn: d(() => [z("span", {
         id: `${r(s)}-helper-text-bottom`,
         class: v(r(c)["cdr-input__helper-text"])
-      }, [u(o.$slots, "helper-text-bottom")], 10, ie)]),
+      }, [u(t.$slots, "helper-text-bottom")], 10, le)]),
       key: "3"
     } : void 0, e.error ? {
       name: "error",
@@ -201,7 +201,7 @@ const te = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
         role: e.errorRole,
         id: `${r(s)}-error`
       }, {
-        error: d(() => [u(o.$slots, "error")]),
+        error: d(() => [u(t.$slots, "error")]),
         _: 3
       }, 8, ["error", "role", "id"])) : y("", !0)]),
       key: "4"

package/dist/src/components/input/styles/CdrInput.module.scss.mjs

@@ -1,36 +1,36 @@
 const n = {
-  "cdr-label-standalone": "cdr-label-standalone_14-0-3",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_14-0-3",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_14-0-3",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_14-0-3",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_14-0-3",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_14-0-3",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_14-0-3",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_14-0-3",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_14-0-3",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_14-0-3",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_14-0-3",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_14-0-3",
-  "cdr-form-error": "cdr-form-error_14-0-3",
-  "cdr-form-error__icon": "cdr-form-error__icon_14-0-3",
-  "cdr-input": "cdr-input_14-0-3",
-  "cdr-input--focus": "cdr-input--focus_14-0-3",
-  "cdr-input--multiline": "cdr-input--multiline_14-0-3",
-  "cdr-input--preicon": "cdr-input--preicon_14-0-3",
-  "cdr-input--posticon": "cdr-input--posticon_14-0-3",
-  "cdr-input--posticons": "cdr-input--posticons_14-0-3",
-  "cdr-input--primary": "cdr-input--primary_14-0-3",
-  "cdr-input--secondary": "cdr-input--secondary_14-0-3",
-  "cdr-input--error": "cdr-input--error_14-0-3",
-  "cdr-input--large": "cdr-input--large_14-0-3",
-  "cdr-input--large@xs": "cdr-input--large@xs_14-0-3",
-  "cdr-input--large@sm": "cdr-input--large@sm_14-0-3",
-  "cdr-input--large@md": "cdr-input--large@md_14-0-3",
-  "cdr-input--large@lg": "cdr-input--large@lg_14-0-3",
-  "cdr-input__pre-icon": "cdr-input__pre-icon_14-0-3",
-  "cdr-input__post-icon": "cdr-input__post-icon_14-0-3",
-  "cdr-input__helper-text": "cdr-input__helper-text_14-0-3",
-  "cdr-input-wrap": "cdr-input-wrap_14-0-3"
+  "cdr-label-standalone": "cdr-label-standalone_14-1-1",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_14-1-1",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_14-1-1",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_14-1-1",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_14-1-1",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_14-1-1",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_14-1-1",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_14-1-1",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_14-1-1",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_14-1-1",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_14-1-1",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_14-1-1",
+  "cdr-form-error": "cdr-form-error_14-1-1",
+  "cdr-form-error__icon": "cdr-form-error__icon_14-1-1",
+  "cdr-input": "cdr-input_14-1-1",
+  "cdr-input--focus": "cdr-input--focus_14-1-1",
+  "cdr-input--multiline": "cdr-input--multiline_14-1-1",
+  "cdr-input--preicon": "cdr-input--preicon_14-1-1",
+  "cdr-input--posticon": "cdr-input--posticon_14-1-1",
+  "cdr-input--posticons": "cdr-input--posticons_14-1-1",
+  "cdr-input--primary": "cdr-input--primary_14-1-1",
+  "cdr-input--secondary": "cdr-input--secondary_14-1-1",
+  "cdr-input--error": "cdr-input--error_14-1-1",
+  "cdr-input--large": "cdr-input--large_14-1-1",
+  "cdr-input--large@xs": "cdr-input--large@xs_14-1-1",
+  "cdr-input--large@sm": "cdr-input--large@sm_14-1-1",
+  "cdr-input--large@md": "cdr-input--large@md_14-1-1",
+  "cdr-input--large@lg": "cdr-input--large@lg_14-1-1",
+  "cdr-input__pre-icon": "cdr-input__pre-icon_14-1-1",
+  "cdr-input__post-icon": "cdr-input__post-icon_14-1-1",
+  "cdr-input__helper-text": "cdr-input__helper-text_14-1-1",
+  "cdr-input-wrap": "cdr-input-wrap_14-1-1"
 };
 export {
   n as default

package/dist/src/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs

@@ -1,16 +1,16 @@
 const l = {
-  "cdr-label-standalone": "cdr-label-standalone_14-0-3",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_14-0-3",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_14-0-3",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_14-0-3",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_14-0-3",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_14-0-3",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_14-0-3",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_14-0-3",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_14-0-3",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_14-0-3",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_14-0-3",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_14-0-3"
+  "cdr-label-standalone": "cdr-label-standalone_14-1-1",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_14-1-1",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_14-1-1",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_14-1-1",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_14-1-1",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_14-1-1",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_14-1-1",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_14-1-1",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_14-1-1",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_14-1-1",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_14-1-1",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_14-1-1"
 };
 export {
   l as default

package/dist/src/components/labelWrapper/styles/CdrLabelWrapper.module.scss.mjs

@@ -1,29 +1,29 @@
 const r = {
-  "cdr-label-wrapper": "cdr-label-wrapper_14-0-3",
-  "cdr-label-wrapper__container": "cdr-label-wrapper__container_14-0-3",
-  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_14-0-3",
-  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_14-0-3",
-  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_14-0-3",
-  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_14-0-3",
-  "cdr-label-wrapper__content": "cdr-label-wrapper__content_14-0-3",
-  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_14-0-3",
-  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_14-0-3",
-  "cdr-label-wrapper--small": "cdr-label-wrapper--small_14-0-3",
-  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_14-0-3",
-  "cdr-label-wrapper--large": "cdr-label-wrapper--large_14-0-3",
-  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_14-0-3",
-  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_14-0-3",
-  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_14-0-3",
-  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_14-0-3",
-  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_14-0-3",
-  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_14-0-3",
-  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_14-0-3",
-  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_14-0-3",
-  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_14-0-3",
-  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_14-0-3",
-  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_14-0-3",
-  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_14-0-3",
-  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_14-0-3"
+  "cdr-label-wrapper": "cdr-label-wrapper_14-1-1",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_14-1-1",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_14-1-1",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_14-1-1",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_14-1-1",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_14-1-1",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_14-1-1",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_14-1-1",
+  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_14-1-1",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_14-1-1",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_14-1-1",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_14-1-1",
+  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_14-1-1",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_14-1-1",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_14-1-1",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_14-1-1",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_14-1-1",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_14-1-1",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_14-1-1",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_14-1-1",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_14-1-1",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_14-1-1",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_14-1-1",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_14-1-1",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_14-1-1"
 };
 export {
   r as default

package/dist/src/components/link/styles/CdrLink.module.scss.mjs

@@ -1,7 +1,7 @@
 const n = {
-  "cdr-link": "cdr-link_14-0-3",
-  "cdr-link--standalone": "cdr-link--standalone_14-0-3",
-  "cdr-link--inherit-color": "cdr-link--inherit-color_14-0-3"
+  "cdr-link": "cdr-link_14-1-1",
+  "cdr-link--standalone": "cdr-link--standalone_14-1-1",
+  "cdr-link--inherit-color": "cdr-link--inherit-color_14-1-1"
 };
 export {
   n as default

package/dist/src/components/list/styles/CdrList.module.scss.mjs

@@ -1,9 +1,9 @@
 const d = {
-  "cdr-list": "cdr-list_14-0-3",
-  "cdr-list--compact": "cdr-list--compact_14-0-3",
-  "cdr-list--ordered": "cdr-list--ordered_14-0-3",
-  "cdr-list--unordered": "cdr-list--unordered_14-0-3",
-  "cdr-list--inline": "cdr-list--inline_14-0-3"
+  "cdr-list": "cdr-list_14-1-1",
+  "cdr-list--compact": "cdr-list--compact_14-1-1",
+  "cdr-list--ordered": "cdr-list--ordered_14-1-1",
+  "cdr-list--unordered": "cdr-list--unordered_14-1-1",
+  "cdr-list--inline": "cdr-list--inline_14-1-1"
 };
 export {
   d as default

package/dist/src/components/modal/CdrModal.vue2.mjs

@@ -1,13 +1,14 @@
-import { defineComponent as te, useAttrs as le, useCssModule as oe, ref as l, computed as h, watch as ne, onMounted as ae, onUnmounted as se, openBlock as re, createElementBlock as de, normalizeClass as r, unref as o, createElementVNode as n, mergeProps as ce, renderSlot as E, normalizeStyle as z, toDisplayString as ie, createCommentVNode as ue, createVNode as O, withCtx as me, nextTick as A } from "vue";
-import { debounce as fe } from "../../utils/debounce.mjs";
+import { defineComponent as le, useAttrs as oe, useCssModule as ne, ref as l, computed as v, watch as ae, onMounted as se, onUnmounted as re, openBlock as de, createElementBlock as ce, normalizeClass as r, unref as o, createElementVNode as n, mergeProps as ie, renderSlot as E, normalizeStyle as z, toDisplayString as ue, createCommentVNode as me, createVNode as O, withCtx as fe, nextTick as A } from "vue";
+import { debounce as ve } from "../../utils/debounce.mjs";
 import R from "tabbable";
-import { CdrSpaceTwoX as X, CdrSpaceOneX as ve, CdrBreakpointSm as pe } from "../../../node_modules/@rei/cdr-tokens/dist/rei-dot-com/js/cdr-tokens.mjs";
-import he from "./onTransitionEnd.mjs";
-import ye from "../button/CdrButton.vue.mjs";
-import be from "../icon/comps/x-lg.vue.mjs";
+import { CdrSpaceTwoX as X, CdrSpaceOneX as pe, CdrBreakpointSm as he } from "../../../node_modules/@rei/cdr-tokens/dist/rei-dot-com/js/cdr-tokens.mjs";
+import ye from "./onTransitionEnd.mjs";
+import be from "../button/CdrButton.vue.mjs";
+import ge from "../icon/comps/x-lg.vue.mjs";
 import P from "../../utils/mapClasses.mjs";
-const ge = ["tabIndex"], we = ["role", "aria-label"], xe = ["tabIndex"], Ce = "cdr-modal", Be = /* @__PURE__ */ te({
+const we = ["tabIndex"], xe = ["role", "aria-label"], Ce = ["tabIndex"], Ee = "cdr-modal", We = /* @__PURE__ */ le({
   name: "CdrModal",
+  inheritAttrs: !1,
   __name: "CdrModal",
   props: {
     /**
@@ -71,21 +72,20 @@ const ge = ["tabIndex"], we = ["role", "aria-label"], xe = ["tabIndex"], Ce = "c
     }
   },
   emits: {
-    /** Fires when modal is closed */
     closed: null
   },
   setup(a, {
     emit: V
   }) {
-    const i = a, F = le(), s = oe();
+    const i = a, F = oe(), s = ne();
     let y, b;
     const g = l(!i.opened), w = l(!1), d = l({
       x: void 0,
       y: void 0
-    }), _ = l(0), S = l(0), k = l(0), L = l(0), H = l(0), T = l(0), N = l(!1), u = l(null), v = l(null), m = l(null), B = l(null), x = () => {
+    }), _ = l(0), S = l(0), k = l(0), L = l(0), H = l(0), T = l(0), N = l(!1), u = l(null), p = l(null), m = l(null), B = l(null), x = () => {
       A(() => {
-        var e, t, f, c, p;
-        S.value = window.innerHeight, N.value = window.innerWidth < +pe, _.value = ((e = B.value) == null ? void 0 : e.offsetHeight) || 0, k.value = ((t = m.value) == null ? void 0 : t.scrollHeight) || 0, L.value = ((f = m.value) == null ? void 0 : f.offsetHeight) || 0, H.value = ((c = m.value) == null ? void 0 : c.offsetWidth) || 0, T.value = ((p = m.value) == null ? void 0 : p.clientWidth) || 0;
+        var e, t, f, c, h;
+        S.value = window.innerHeight, N.value = window.innerWidth < +he, _.value = ((e = B.value) == null ? void 0 : e.offsetHeight) || 0, k.value = ((t = m.value) == null ? void 0 : t.scrollHeight) || 0, L.value = ((f = m.value) == null ? void 0 : f.offsetHeight) || 0, H.value = ((c = m.value) == null ? void 0 : c.offsetWidth) || 0, T.value = ((h = m.value) == null ? void 0 : h.clientWidth) || 0;
       });
     }, C = (e) => {
       V("closed", e);
@@ -105,9 +105,9 @@ const ge = ["tabIndex"], we = ["role", "aria-label"], xe = ["tabIndex"], Ce = "c
       } = document;
       if ((M = u.value) != null && M.contains(e.target) || !t)
         return;
-      const f = R(t), c = R(u.value), p = f.indexOf(e.target), ee = f.indexOf(c[0]), D = p < ee ? c[c.length - 1] : c[0];
+      const f = R(t), c = R(u.value), h = f.indexOf(e.target), te = f.indexOf(c[0]), D = h < te ? c[c.length - 1] : c[0];
       D && D.focus();
-    }, I = fe(() => {
+    }, I = ve(() => {
       x();
     }, 300), K = () => {
       const {
@@ -132,37 +132,40 @@ const ge = ["tabIndex"], we = ["role", "aria-label"], xe = ["tabIndex"], Ce = "c
       } = document;
       K(), w.value = !0, g.value = !1, b = e, A(() => {
         u.value && u.value.focus(), x(), Y(), setTimeout(() => {
-          v.value && (v.value.scrollTop = 0), x();
+          p.value && (p.value.scrollTop = 0), x();
         });
       });
     }, j = () => {
       const {
         documentElement: e
       } = document;
-      document.removeEventListener("keydown", W), document.removeEventListener("focusin", $, !0), w.value = !1, y = he(v.value, () => {
+      document.removeEventListener("keydown", W), document.removeEventListener("focusin", $, !0), w.value = !1, y = ye(p.value, () => {
         w.value || (y && y(), U(), g.value = !0, e && (e.style.scrollBehavior = "auto"), d.value.x !== void 0 && d.value.y !== void 0 && window.scrollTo(d.value.x, d.value.y), e && (e.style.scrollBehavior = ""), b && b.focus());
       }, i.animationDuration + 16);
-    }, G = h(() => ({
+    }, G = v(() => ({
       ...F,
       "aria-describedby": i.ariaDescribedby,
       id: i.id
-    })), J = h(() => {
-      const e = Number(X), t = Number(X) + Number(ve);
+    })), J = v(() => {
+      const e = Number(X), t = Number(X) + Number(pe);
       return N.value ? e : t + e;
-    }), Q = h(() => S.value - _.value - J.value), Z = h(() => {
+    }), Q = v(() => S.value - _.value - J.value), Z = v(() => {
       const e = k.value > L.value, t = H.value - T.value > 0;
       return e && t ? 4 : e ? 12 : 0;
-    });
-    return ne(() => i.opened, (e, t) => {
+    }), ee = v(() => ({
+      maxHeight: `${Q.value}px`,
+      paddingRight: `${Z.value}px`
+    }));
+    return ae(() => i.opened, (e, t) => {
       !!e != !!t && (e ? q() : j());
-    }), ae(() => {
-      i.opened && q(), window.addEventListener("resize", I);
     }), se(() => {
+      i.opened && q(), window.addEventListener("resize", I);
+    }), re(() => {
       window.removeEventListener("resize", I);
-    }), (e, t) => (re(), de("div", {
-      class: r(o(P)(o(s), Ce, a.opened ? "" : "cdr-modal--closed")),
+    }), (e, t) => (de(), ce("div", {
+      class: r(o(P)(o(s), Ee, a.opened ? "" : "cdr-modal--closed")),
       ref_key: "wrapperEl",
-      ref: v
+      ref: p
     }, [n("div", {
       class: r([o(s)["cdr-modal__outerWrap"], a.wrapperClass])
     }, [n("div", {
@@ -171,7 +174,7 @@ const ge = ["tabIndex"], we = ["role", "aria-label"], xe = ["tabIndex"], Ce = "c
       class: r([o(s)["cdr-modal__overlay"], a.overlayClass])
     }, null, 2), n("div", {
       tabIndex: a.opened ? "0" : void 0
-    }, null, 8, ge), n("div", ce({
+    }, null, 8, we), n("div", ie({
       ref_key: "modalEl",
       ref: u,
       class: o(P)(o(s), "cdr-modal__contentWrap", "cdr-modal__dialog"),
@@ -194,32 +197,29 @@ const ge = ["tabIndex"], we = ["role", "aria-label"], xe = ["tabIndex"], Ce = "c
       class: r(o(s)["cdr-modal__title"])
     }, [a.showTitle ? E(e.$slots, "title", {
       key: 0
-    }, () => [n("h1", null, ie(a.label), 1)]) : ue("", !0)], 2), O(ye, {
+    }, () => [n("h1", null, ue(a.label), 1)]) : me("", !0)], 2), O(be, {
       class: r(o(s)["cdr-modal__close-button"]),
       "icon-only": "",
       "with-background": !0,
       onClick: C,
       "aria-label": "Close"
     }, {
-      icon: me(() => [O(be, {
+      icon: fe(() => [O(ge, {
         "inherit-color": ""
       })]),
       _: 1
     }, 8, ["class"])], 2), n("div", {
       class: r(o(s)["cdr-modal__text-content"]),
-      style: z({
-        maxHeight: `${Q.value}px`,
-        paddingRight: `${Z.value}px`
-      }),
+      style: z(ee.value),
       role: "document",
       ref_key: "contentEl",
       ref: m,
       tabindex: "0"
-    }, [E(e.$slots, "default")], 6)], 2)])], 6)])], 16, we), n("div", {
+    }, [E(e.$slots, "default")], 6)], 2)])], 6)])], 16, xe), n("div", {
       tabIndex: a.opened ? "0" : void 0
-    }, null, 8, xe)], 2)], 2));
+    }, null, 8, Ce)], 2)], 2));
   }
 });
 export {
-  Be as default
+  We as default
 };

package/dist/src/components/modal/styles/CdrModal.module.scss.mjs

@@ -1,16 +1,16 @@
 const d = {
-  "cdr-modal": "cdr-modal_14-0-3",
-  "cdr-modal__overlay": "cdr-modal__overlay_14-0-3",
-  "cdr-modal__outerWrap": "cdr-modal__outerWrap_14-0-3",
-  "cdr-modal__contentWrap": "cdr-modal__contentWrap_14-0-3",
-  "cdr-modal__innerWrap": "cdr-modal__innerWrap_14-0-3",
-  "cdr-modal__dialog": "cdr-modal__dialog_14-0-3",
-  "cdr-modal__content": "cdr-modal__content_14-0-3",
-  "cdr-modal__header": "cdr-modal__header_14-0-3",
-  "cdr-modal__title": "cdr-modal__title_14-0-3",
-  "cdr-modal__close-button": "cdr-modal__close-button_14-0-3",
-  "cdr-modal__text-content": "cdr-modal__text-content_14-0-3",
-  "cdr-modal--closed": "cdr-modal--closed_14-0-3"
+  "cdr-modal": "cdr-modal_14-1-1",
+  "cdr-modal__overlay": "cdr-modal__overlay_14-1-1",
+  "cdr-modal__outerWrap": "cdr-modal__outerWrap_14-1-1",
+  "cdr-modal__contentWrap": "cdr-modal__contentWrap_14-1-1",
+  "cdr-modal__innerWrap": "cdr-modal__innerWrap_14-1-1",
+  "cdr-modal__dialog": "cdr-modal__dialog_14-1-1",
+  "cdr-modal__content": "cdr-modal__content_14-1-1",
+  "cdr-modal__header": "cdr-modal__header_14-1-1",
+  "cdr-modal__title": "cdr-modal__title_14-1-1",
+  "cdr-modal__close-button": "cdr-modal__close-button_14-1-1",
+  "cdr-modal__text-content": "cdr-modal__text-content_14-1-1",
+  "cdr-modal--closed": "cdr-modal--closed_14-1-1"
 };
 export {
   d as default