@rei/cedar 15.4.1 → 15.5.1

package/dist/components/mediaObject/styles/CdrMediaObject.module.scss.mjs

@@ -1,10 +1,10 @@
 const c = {
-  "cdr-media-object": "cdr-media-object_15-4-1",
-  "cdr-media-object--align-cq": "cdr-media-object--align-cq_15-4-1",
-  "cdr-media-object--media-position-cq": "cdr-media-object--media-position-cq_15-4-1",
-  "cdr-media-object--content-padding-cq": "cdr-media-object--content-padding-cq_15-4-1",
-  "cdr-media-object--cover": "cdr-media-object--cover_15-4-1",
-  "cdr-media-object--overlay": "cdr-media-object--overlay_15-4-1"
+  "cdr-media-object": "cdr-media-object_15-5-1",
+  "cdr-media-object--align-cq": "cdr-media-object--align-cq_15-5-1",
+  "cdr-media-object--media-position-cq": "cdr-media-object--media-position-cq_15-5-1",
+  "cdr-media-object--content-padding-cq": "cdr-media-object--content-padding-cq_15-5-1",
+  "cdr-media-object--cover": "cdr-media-object--cover_15-5-1",
+  "cdr-media-object--overlay": "cdr-media-object--overlay_15-5-1"
 };
 export {
   c as default

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

@@ -1,7 +1,7 @@
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.for-each.js";
-import { defineComponent as de, useAttrs as ie, useCssModule as ce, ref as o, computed as h, watch as ue, onMounted as me, onUnmounted as fe, openBlock as ve, createBlock as he, Teleport as pe, createElementVNode as l, normalizeClass as d, unref as n, mergeProps as ye, renderSlot as S, normalizeStyle as O, toDisplayString as be, createCommentVNode as ge, createVNode as P, withCtx as Ce, nextTick as R } from "vue";
+import { defineComponent as de, useAttrs as ie, useCssModule as ce, ref as o, computed as h, watch as ue, onMounted as me, onUnmounted as fe, createBlock as ve, openBlock as he, Teleport as pe, createElementVNode as l, normalizeClass as d, unref as n, mergeProps as ye, renderSlot as S, normalizeStyle as O, createVNode as P, createCommentVNode as be, toDisplayString as ge, withCtx as Ce, nextTick as R } from "vue";
 import { debounce as we } from "../../utils/debounce.mjs";
 import V from "tabbable";
 import { CdrSpaceTwoX as X, CdrSpaceOneX as Ee, CdrBreakpointSm as xe } from "@rei/cdr-tokens";
@@ -181,7 +181,7 @@ const Be = ["tabIndex"], He = ["role", "aria-label"], Le = ["tabIndex"], Ne = "c
       u.opened && I(), window.addEventListener("resize", q);
     }), fe(() => {
       window.removeEventListener("resize", q);
-    }), (e, t) => (ve(), he(pe, {
+    }), (e, t) => (he(), ve(pe, {
       to: "body"
     }, [l("div", {
       class: d(n(j)(n(r), Ne, a.opened ? "" : "cdr-modal--closed")),
@@ -218,7 +218,7 @@ const Be = ["tabIndex"], He = ["role", "aria-label"], Le = ["tabIndex"], Ne = "c
       class: d(n(r)["cdr-modal__title"])
     }, [a.showTitle ? S(e.$slots, "title", {
       key: 0
-    }, () => [l("h1", null, be(a.label), 1)]) : ge("", !0)], 2), P(_e, {
+    }, () => [l("h1", null, ge(a.label), 1)]) : be("", !0)], 2), P(_e, {
       class: d(n(r)["cdr-modal__close-button"]),
       "icon-only": "",
       "with-background": !0,

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

@@ -1,16 +1,16 @@
 const d = {
-  "cdr-modal": "cdr-modal_15-4-1",
-  "cdr-modal__overlay": "cdr-modal__overlay_15-4-1",
-  "cdr-modal__outerWrap": "cdr-modal__outerWrap_15-4-1",
-  "cdr-modal__contentWrap": "cdr-modal__contentWrap_15-4-1",
-  "cdr-modal__innerWrap": "cdr-modal__innerWrap_15-4-1",
-  "cdr-modal__dialog": "cdr-modal__dialog_15-4-1",
-  "cdr-modal__content": "cdr-modal__content_15-4-1",
-  "cdr-modal__header": "cdr-modal__header_15-4-1",
-  "cdr-modal__title": "cdr-modal__title_15-4-1",
-  "cdr-modal__close-button": "cdr-modal__close-button_15-4-1",
-  "cdr-modal__text-content": "cdr-modal__text-content_15-4-1",
-  "cdr-modal--closed": "cdr-modal--closed_15-4-1"
+  "cdr-modal": "cdr-modal_15-5-1",
+  "cdr-modal__overlay": "cdr-modal__overlay_15-5-1",
+  "cdr-modal__outerWrap": "cdr-modal__outerWrap_15-5-1",
+  "cdr-modal__contentWrap": "cdr-modal__contentWrap_15-5-1",
+  "cdr-modal__innerWrap": "cdr-modal__innerWrap_15-5-1",
+  "cdr-modal__dialog": "cdr-modal__dialog_15-5-1",
+  "cdr-modal__content": "cdr-modal__content_15-5-1",
+  "cdr-modal__header": "cdr-modal__header_15-5-1",
+  "cdr-modal__title": "cdr-modal__title_15-5-1",
+  "cdr-modal__close-button": "cdr-modal__close-button_15-5-1",
+  "cdr-modal__text-content": "cdr-modal__text-content_15-5-1",
+  "cdr-modal--closed": "cdr-modal--closed_15-5-1"
 };
 export {
   d as default

package/dist/components/objectOverlay/CdrObjectOverlay.vue.mjs

@@ -0,0 +1,9 @@
+import s from "./CdrObjectOverlay.vue2.mjs";
+import o from "./styles/CdrObjectOverlay.module.scss.mjs";
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
+export {
+  f as default
+};

package/dist/components/objectOverlay/CdrObjectOverlay.vue2.mjs

@@ -0,0 +1,113 @@
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/esnext.iterator.map.js";
+import { defineComponent as C, ref as y, computed as _, onMounted as O, nextTick as x, useCssModule as B, createBlock as E, openBlock as T, resolveDynamicComponent as L, mergeProps as h, unref as f, withCtx as k, createElementVNode as v, normalizeClass as w, renderSlot as p } from "vue";
+const P = /* @__PURE__ */ C({
+  name: "CdrObjectOverlay",
+  __name: "CdrObjectOverlay",
+  props: {
+    withGradient: {
+      type: Boolean
+    },
+    gradientTheme: {
+      default: "dark"
+    },
+    position: {
+      default: "center-center"
+    },
+    margin: {
+      default: "zero"
+    },
+    padding: {},
+    tag: {
+      default: "div"
+    }
+  },
+  setup(R) {
+    const s = R, c = y(null), i = y(null), m = (e) => e === "center-center" ? null : ["left-top", "center-top", "right-top"].includes(e) ? "to-bottom" : e === "left-center" ? "to-right" : e === "right-center" ? "to-left" : ["left-bottom", "center-bottom", "right-bottom"].includes(e) ? "to-top" : null, j = (e, t) => {
+      const r = {};
+      try {
+        typeof t == "string" ? r[`data-${e}`] = t : typeof t == "object" && t !== null && Object.entries(t).forEach(([o, n]) => {
+          o === "xs" ? r[`data-${e}`] = String(n) : r[`data-${e}-${o}`] = String(n);
+        });
+      } catch (o) {
+        console.error(`Error processing ${e}:`, o);
+      }
+      return r;
+    }, l = (e) => `var(--cdr-space-${e})`, $ = (e, t, r = {}) => {
+      const o = {
+        ...r
+      };
+      try {
+        typeof t == "string" ? o[`--${e}`] = l(t) : Array.isArray(t) ? o[`--${e}`] = t.map(l).join(" ") : typeof t == "object" && t !== null && Object.entries(t).forEach(([n, a]) => {
+          const d = typeof a == "string" ? l(a) : a.map(l).join(" ");
+          o[`--${e}-${n}`] = d;
+        });
+      } catch (n) {
+        console.error(`Error processing ${e}:`, n);
+      }
+      return o;
+    }, b = _(() => {
+      const e = {}, t = {
+        style: {}
+      };
+      if (s.position && Object.assign(e, j("position", s.position)), s.withGradient)
+        if (s.gradientTheme && (e["data-gradient-theme"] = s.gradientTheme), typeof s.position == "object")
+          Object.entries(s.position).forEach(([r, o]) => {
+            const n = m(o);
+            n && (r === "xs" ? e["data-gradient"] = n : e[`data-gradient-${r}`] = n);
+          });
+        else {
+          const r = m(s.position);
+          r && (e["data-gradient"] = r);
+        }
+      return ["margin", "padding"].forEach((r) => {
+        const o = s[r];
+        o && (t.style = $(r, o, t.style));
+      }), {
+        component: e,
+        content: t
+      };
+    }), g = () => {
+      if (!c.value || !i.value) return;
+      const e = c.value.firstElementChild;
+      e && requestAnimationFrame(() => {
+        const t = window.getComputedStyle(e), r = t.borderRadius;
+        if (i.value)
+          if (r && r !== "0px")
+            i.value.style.borderRadius = r;
+          else {
+            const o = t.borderTopLeftRadius, n = t.borderTopRightRadius, a = t.borderBottomLeftRadius, d = t.borderBottomRightRadius;
+            (o !== "0px" || n !== "0px" || a !== "0px" || d !== "0px") && (i.value.style.borderTopLeftRadius = o, i.value.style.borderTopRightRadius = n, i.value.style.borderBottomLeftRadius = a, i.value.style.borderBottomRightRadius = d);
+          }
+      });
+    };
+    O(() => {
+      x(g), c.value && new MutationObserver(g).observe(c.value, {
+        childList: !0,
+        subtree: !0,
+        attributes: !0,
+        attributeFilter: ["style", "class"]
+      });
+    });
+    const u = B();
+    return (e, t) => (T(), E(L(e.tag), h({
+      class: f(u)["cdr-object-overlay"]
+    }, b.value.component, {
+      ref_key: "overlayRef",
+      ref: i
+    }), {
+      default: k(() => [v("div", {
+        class: w(f(u)["cdr-object-overlay__container"]),
+        ref_key: "containerRef",
+        ref: c
+      }, [p(e.$slots, "container")], 2), v("div", h({
+        class: f(u)["cdr-object-overlay__content"]
+      }, b.value.content), [p(e.$slots, "content")], 16)]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  P as default
+};

package/dist/components/objectOverlay/styles/CdrObjectOverlay.module.scss.mjs

@@ -0,0 +1,8 @@
+const e = {
+  "cdr-object-overlay": "cdr-object-overlay_15-5-1",
+  "cdr-object-overlay__container": "cdr-object-overlay__container_15-5-1",
+  "cdr-object-overlay__content": "cdr-object-overlay__content_15-5-1"
+};
+export {
+  e as default
+};

package/dist/components/pagination/CdrPagination.vue2.mjs

@@ -5,7 +5,7 @@ import "core-js/modules/esnext.iterator.every.js";
 import "core-js/modules/esnext.iterator.filter.js";
 import "core-js/modules/esnext.iterator.find.js";
 import "core-js/modules/esnext.iterator.map.js";
-import { defineComponent as z, useCssModule as A, ref as S, computed as f, onMounted as F, watch as R, openBlock as u, createElementBlock as g, createElementVNode as h, normalizeClass as p, unref as i, createBlock as $, resolveDynamicComponent as D, withCtx as b, createVNode as v, createTextVNode as m, Fragment as I, renderList as B, toDisplayString as L, withModifiers as W, nextTick as J } from "vue";
+import { defineComponent as z, useCssModule as A, ref as S, computed as f, onMounted as F, watch as R, createElementBlock as g, openBlock as u, createElementVNode as h, normalizeClass as p, unref as i, createBlock as $, resolveDynamicComponent as D, withCtx as b, createVNode as v, createTextVNode as m, Fragment as I, renderList as B, toDisplayString as L, withModifiers as W, nextTick as J } from "vue";
 import k from "../../utils/mapClasses.mjs";
 import K from "../../utils/propValidator.mjs";
 import G from "../icon/comps/caret-left.vue.mjs";

package/dist/components/pagination/styles/CdrPagination.module.scss.mjs

@@ -1,57 +1,57 @@
 const l = {
-  "cdr-icon": "cdr-icon_15-4-1",
-  "cdr-icon--small": "cdr-icon--small_15-4-1",
-  "cdr-icon--large": "cdr-icon--large_15-4-1",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_15-4-1",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_15-4-1",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_15-4-1",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_15-4-1",
-  "cdr-icon--small@md": "cdr-icon--small@md_15-4-1",
-  "cdr-icon--large@md": "cdr-icon--large@md_15-4-1",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_15-4-1",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_15-4-1",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-4-1",
-  "cdr-label-standalone": "cdr-label-standalone_15-4-1",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-4-1",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_15-4-1",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-4-1",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-4-1",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-4-1",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-4-1",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_15-4-1",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-4-1",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-4-1",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-4-1",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-4-1",
-  "cdr-form-error": "cdr-form-error_15-4-1",
-  "cdr-form-error__icon": "cdr-form-error__icon_15-4-1",
-  "cdr-select": "cdr-select_15-4-1",
-  "cdr-select--primary": "cdr-select--primary_15-4-1",
-  "cdr-select--secondary": "cdr-select--secondary_15-4-1",
-  "cdr-select--error": "cdr-select--error_15-4-1",
-  "cdr-select--preicon": "cdr-select--preicon_15-4-1",
-  "cdr-select__prompt": "cdr-select__prompt_15-4-1",
-  "cdr-select__caret": "cdr-select__caret_15-4-1",
-  "cdr-select__caret--disabled": "cdr-select__caret--disabled_15-4-1",
-  "cdr-select__pre-icon": "cdr-select__pre-icon_15-4-1",
-  "cdr-select--multiple": "cdr-select--multiple_15-4-1",
-  "cdr-select--large@xs": "cdr-select--large@xs_15-4-1",
-  "cdr-select--large": "cdr-select--large_15-4-1",
-  "cdr-select--large@sm": "cdr-select--large@sm_15-4-1",
-  "cdr-select--large@md": "cdr-select--large@md_15-4-1",
-  "cdr-select--large@lg": "cdr-select--large@lg_15-4-1",
-  "cdr-select-wrap": "cdr-select-wrap_15-4-1",
-  "cdr-pagination": "cdr-pagination_15-4-1",
-  "cdr-pagination__li--links": "cdr-pagination__li--links_15-4-1",
-  "cdr-pagination__li--select": "cdr-pagination__li--select_15-4-1",
-  "cdr-pagination__link": "cdr-pagination__link_15-4-1",
-  "cdr-pagination__link--current": "cdr-pagination__link--current_15-4-1",
-  "cdr-pagination__link--disabled": "cdr-pagination__link--disabled_15-4-1",
-  "cdr-pagination__ellipse": "cdr-pagination__ellipse_15-4-1",
-  "cdr-pagination__prev": "cdr-pagination__prev_15-4-1",
-  "cdr-pagination__next": "cdr-pagination__next_15-4-1",
-  "cdr-pagination__caret--prev": "cdr-pagination__caret--prev_15-4-1",
-  "cdr-pagination__caret--next": "cdr-pagination__caret--next_15-4-1"
+  "cdr-icon": "cdr-icon_15-5-1",
+  "cdr-icon--small": "cdr-icon--small_15-5-1",
+  "cdr-icon--large": "cdr-icon--large_15-5-1",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_15-5-1",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_15-5-1",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_15-5-1",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_15-5-1",
+  "cdr-icon--small@md": "cdr-icon--small@md_15-5-1",
+  "cdr-icon--large@md": "cdr-icon--large@md_15-5-1",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_15-5-1",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_15-5-1",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-5-1",
+  "cdr-label-standalone": "cdr-label-standalone_15-5-1",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-5-1",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-5-1",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-5-1",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-5-1",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-5-1",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-5-1",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-5-1",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-5-1",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-5-1",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-5-1",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-5-1",
+  "cdr-form-error": "cdr-form-error_15-5-1",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-5-1",
+  "cdr-select": "cdr-select_15-5-1",
+  "cdr-select--primary": "cdr-select--primary_15-5-1",
+  "cdr-select--secondary": "cdr-select--secondary_15-5-1",
+  "cdr-select--error": "cdr-select--error_15-5-1",
+  "cdr-select--preicon": "cdr-select--preicon_15-5-1",
+  "cdr-select__prompt": "cdr-select__prompt_15-5-1",
+  "cdr-select__caret": "cdr-select__caret_15-5-1",
+  "cdr-select__caret--disabled": "cdr-select__caret--disabled_15-5-1",
+  "cdr-select__pre-icon": "cdr-select__pre-icon_15-5-1",
+  "cdr-select--multiple": "cdr-select--multiple_15-5-1",
+  "cdr-select--large@xs": "cdr-select--large@xs_15-5-1",
+  "cdr-select--large": "cdr-select--large_15-5-1",
+  "cdr-select--large@sm": "cdr-select--large@sm_15-5-1",
+  "cdr-select--large@md": "cdr-select--large@md_15-5-1",
+  "cdr-select--large@lg": "cdr-select--large@lg_15-5-1",
+  "cdr-select-wrap": "cdr-select-wrap_15-5-1",
+  "cdr-pagination": "cdr-pagination_15-5-1",
+  "cdr-pagination__li--links": "cdr-pagination__li--links_15-5-1",
+  "cdr-pagination__li--select": "cdr-pagination__li--select_15-5-1",
+  "cdr-pagination__link": "cdr-pagination__link_15-5-1",
+  "cdr-pagination__link--current": "cdr-pagination__link--current_15-5-1",
+  "cdr-pagination__link--disabled": "cdr-pagination__link--disabled_15-5-1",
+  "cdr-pagination__ellipse": "cdr-pagination__ellipse_15-5-1",
+  "cdr-pagination__prev": "cdr-pagination__prev_15-5-1",
+  "cdr-pagination__next": "cdr-pagination__next_15-5-1",
+  "cdr-pagination__caret--prev": "cdr-pagination__caret--prev_15-5-1",
+  "cdr-pagination__caret--next": "cdr-pagination__caret--next_15-5-1"
 };
 export {
   l as default

package/dist/components/picture/CdrPicture.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as n, useCssModule as a, openBlock as e, createElementBlock as o, normalizeClass as l, unref as d, Fragment as c, renderList as p, mergeProps as u, createVNode as f } from "vue";
+import { defineComponent as n, useCssModule as a, createElementBlock as e, openBlock as o, normalizeClass as l, unref as d, createVNode as c, Fragment as p, renderList as u, mergeProps as f } from "vue";
 import m from "../image/CdrImg.vue.mjs";
 const g = "cdr-picture", P = /* @__PURE__ */ n({
   name: "CdrPicture",
@@ -21,12 +21,12 @@ const g = "cdr-picture", P = /* @__PURE__ */ n({
   },
   setup(C) {
     const t = a();
-    return (r, y) => (e(), o("picture", {
+    return (r, y) => (o(), e("picture", {
       class: l(d(t)[g])
-    }, [(e(!0), o(c, null, p(r.sources, (i, s) => (e(), o("source", u({
+    }, [(o(!0), e(p, null, u(r.sources, (i, s) => (o(), e("source", f({
       key: `${i.media}--${s}`,
       ref_for: !0
-    }, i), null, 16))), 128)), f(m, {
+    }, i), null, 16))), 128)), c(m, {
       src: r.src,
       alt: r.alt,
       ratio: r.ratio,

package/dist/components/picture/styles/CdrPicture.module.scss.mjs

@@ -1,6 +1,6 @@
 const c = {
-  "cdr-image": "cdr-image_15-4-1",
-  "cdr-picture": "cdr-picture_15-4-1"
+  "cdr-image": "cdr-image_15-5-1",
+  "cdr-picture": "cdr-picture_15-5-1"
 };
 export {
   c as default

package/dist/components/popover/CdrPopover.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as B, useSlots as N, useCssModule as T, ref as u, watch as V, onMounted as w, openBlock as E, createElementBlock as P, normalizeClass as i, unref as r, createElementVNode as f, renderSlot as a, createVNode as m, withCtx as k, createTextVNode as A, toDisplayString as x, createCommentVNode as z } from "vue";
+import { defineComponent as B, useSlots as N, useCssModule as T, ref as u, watch as V, onMounted as w, createElementBlock as E, openBlock as P, normalizeClass as i, unref as r, createElementVNode as f, createVNode as m, renderSlot as a, withCtx as k, createCommentVNode as A, createTextVNode as x, toDisplayString as z } from "vue";
 import M from "tabbable";
 import D from "../icon/comps/x-sm.vue.mjs";
 import H from "../button/CdrButton.vue.mjs";
@@ -91,7 +91,7 @@ const U = /* @__PURE__ */ B({
       _();
       const e = (o = d.value) == null ? void 0 : o.children[0];
       e && (e.setAttribute("aria-controls", n.id), e.setAttribute("aria-haspopup", "dialog"));
-    }), (e, o) => (E(), P("div", {
+    }), (e, o) => (P(), E("div", {
       class: i(r(j)(r(l), "cdr-popover--wrapper", r($) ? "cdr-popover--position" : ""))
     }, [f("div", {
       ref_key: "triggerEl",
@@ -112,10 +112,10 @@ const U = /* @__PURE__ */ B({
         class: i(r(l)["cdr-popover__container"])
       }, [f("div", {
         class: i(r(l)["cdr-popover__content"])
-      }, [r(q) ? (E(), P("div", {
+      }, [r(q) ? (P(), E("div", {
         key: 0,
         class: i(r(l)["cdr-popover__title"])
-      }, [a(e.$slots, "title", {}, () => [A(x(t.label), 1)])], 2)) : z("", !0), a(e.$slots, "default")], 2), m(H, {
+      }, [a(e.$slots, "title", {}, () => [x(z(t.label), 1)])], 2)) : A("", !0), a(e.$slots, "default")], 2), m(H, {
         class: i(r(l)["cdr-popover__close-button"]),
         "icon-only": "",
         onClick: p,

package/dist/components/popover/styles/CdrPopover.module.scss.mjs

@@ -1,67 +1,67 @@
 const r = {
-  "cdr-popup": "cdr-popup_15-4-1",
-  "cdr-popup--open": "cdr-popup--open_15-4-1",
-  "cdr-popup--closed": "cdr-popup--closed_15-4-1",
-  "cdr-popup__content": "cdr-popup__content_15-4-1",
-  "cdr-popup__arrow": "cdr-popup__arrow_15-4-1",
-  "cdr-popup--top": "cdr-popup--top_15-4-1",
-  "cdr-popup--bottom": "cdr-popup--bottom_15-4-1",
-  "cdr-popup--exit": "cdr-popup--exit_15-4-1",
-  "cdr-popup--corner-left": "cdr-popup--corner-left_15-4-1",
-  "cdr-popup--corner-right": "cdr-popup--corner-right_15-4-1",
-  "cdr-popup--left": "cdr-popup--left_15-4-1",
-  "cdr-popup--right": "cdr-popup--right_15-4-1",
-  "cdr-popup--corner-top": "cdr-popup--corner-top_15-4-1",
-  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_15-4-1",
-  "cdr-button": "cdr-button_15-4-1",
-  "cdr-button--has-icon-left": "cdr-button--has-icon-left_15-4-1",
-  "cdr-button--has-icon-right": "cdr-button--has-icon-right_15-4-1",
-  "cdr-button--primary": "cdr-button--primary_15-4-1",
-  "cdr-button--secondary": "cdr-button--secondary_15-4-1",
-  "cdr-button--dark": "cdr-button--dark_15-4-1",
-  "cdr-button--sale": "cdr-button--sale_15-4-1",
-  "cdr-button--link": "cdr-button--link_15-4-1",
-  "cdr-button--large": "cdr-button--large_15-4-1",
-  "cdr-button--medium": "cdr-button--medium_15-4-1",
-  "cdr-button--small": "cdr-button--small_15-4-1",
-  "cdr-button--icon-only": "cdr-button--icon-only_15-4-1",
-  "cdr-button--icon-only-large": "cdr-button--icon-only-large_15-4-1",
-  "cdr-button--with-background": "cdr-button--with-background_15-4-1",
-  "cdr-button--full-width": "cdr-button--full-width_15-4-1",
-  "cdr-button--small@xs": "cdr-button--small@xs_15-4-1",
-  "cdr-button--medium@xs": "cdr-button--medium@xs_15-4-1",
-  "cdr-button--large@xs": "cdr-button--large@xs_15-4-1",
-  "cdr-button--full-width@xs": "cdr-button--full-width@xs_15-4-1",
-  "cdr-button--small@sm": "cdr-button--small@sm_15-4-1",
-  "cdr-button--medium@sm": "cdr-button--medium@sm_15-4-1",
-  "cdr-button--large@sm": "cdr-button--large@sm_15-4-1",
-  "cdr-button--full-width@sm": "cdr-button--full-width@sm_15-4-1",
-  "cdr-button--small@md": "cdr-button--small@md_15-4-1",
-  "cdr-button--medium@md": "cdr-button--medium@md_15-4-1",
-  "cdr-button--large@md": "cdr-button--large@md_15-4-1",
-  "cdr-button--full-width@md": "cdr-button--full-width@md_15-4-1",
-  "cdr-button--small@lg": "cdr-button--small@lg_15-4-1",
-  "cdr-button--medium@lg": "cdr-button--medium@lg_15-4-1",
-  "cdr-button--large@lg": "cdr-button--large@lg_15-4-1",
-  "cdr-button--full-width@lg": "cdr-button--full-width@lg_15-4-1",
-  "cdr-icon": "cdr-icon_15-4-1",
-  "cdr-icon--small": "cdr-icon--small_15-4-1",
-  "cdr-icon--large": "cdr-icon--large_15-4-1",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_15-4-1",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_15-4-1",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_15-4-1",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_15-4-1",
-  "cdr-icon--small@md": "cdr-icon--small@md_15-4-1",
-  "cdr-icon--large@md": "cdr-icon--large@md_15-4-1",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_15-4-1",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_15-4-1",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-4-1",
-  "cdr-popover--position": "cdr-popover--position_15-4-1",
-  "cdr-popover--wrapper": "cdr-popover--wrapper_15-4-1",
-  "cdr-popover__title": "cdr-popover__title_15-4-1",
-  "cdr-popover__container": "cdr-popover__container_15-4-1",
-  "cdr-popover__content": "cdr-popover__content_15-4-1",
-  "cdr-popover__close-button": "cdr-popover__close-button_15-4-1"
+  "cdr-popup": "cdr-popup_15-5-1",
+  "cdr-popup--open": "cdr-popup--open_15-5-1",
+  "cdr-popup--closed": "cdr-popup--closed_15-5-1",
+  "cdr-popup__content": "cdr-popup__content_15-5-1",
+  "cdr-popup__arrow": "cdr-popup__arrow_15-5-1",
+  "cdr-popup--top": "cdr-popup--top_15-5-1",
+  "cdr-popup--bottom": "cdr-popup--bottom_15-5-1",
+  "cdr-popup--exit": "cdr-popup--exit_15-5-1",
+  "cdr-popup--corner-left": "cdr-popup--corner-left_15-5-1",
+  "cdr-popup--corner-right": "cdr-popup--corner-right_15-5-1",
+  "cdr-popup--left": "cdr-popup--left_15-5-1",
+  "cdr-popup--right": "cdr-popup--right_15-5-1",
+  "cdr-popup--corner-top": "cdr-popup--corner-top_15-5-1",
+  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_15-5-1",
+  "cdr-button": "cdr-button_15-5-1",
+  "cdr-button--has-icon-left": "cdr-button--has-icon-left_15-5-1",
+  "cdr-button--has-icon-right": "cdr-button--has-icon-right_15-5-1",
+  "cdr-button--primary": "cdr-button--primary_15-5-1",
+  "cdr-button--secondary": "cdr-button--secondary_15-5-1",
+  "cdr-button--dark": "cdr-button--dark_15-5-1",
+  "cdr-button--sale": "cdr-button--sale_15-5-1",
+  "cdr-button--link": "cdr-button--link_15-5-1",
+  "cdr-button--large": "cdr-button--large_15-5-1",
+  "cdr-button--medium": "cdr-button--medium_15-5-1",
+  "cdr-button--small": "cdr-button--small_15-5-1",
+  "cdr-button--icon-only": "cdr-button--icon-only_15-5-1",
+  "cdr-button--icon-only-large": "cdr-button--icon-only-large_15-5-1",
+  "cdr-button--with-background": "cdr-button--with-background_15-5-1",
+  "cdr-button--full-width": "cdr-button--full-width_15-5-1",
+  "cdr-button--small@xs": "cdr-button--small@xs_15-5-1",
+  "cdr-button--medium@xs": "cdr-button--medium@xs_15-5-1",
+  "cdr-button--large@xs": "cdr-button--large@xs_15-5-1",
+  "cdr-button--full-width@xs": "cdr-button--full-width@xs_15-5-1",
+  "cdr-button--small@sm": "cdr-button--small@sm_15-5-1",
+  "cdr-button--medium@sm": "cdr-button--medium@sm_15-5-1",
+  "cdr-button--large@sm": "cdr-button--large@sm_15-5-1",
+  "cdr-button--full-width@sm": "cdr-button--full-width@sm_15-5-1",
+  "cdr-button--small@md": "cdr-button--small@md_15-5-1",
+  "cdr-button--medium@md": "cdr-button--medium@md_15-5-1",
+  "cdr-button--large@md": "cdr-button--large@md_15-5-1",
+  "cdr-button--full-width@md": "cdr-button--full-width@md_15-5-1",
+  "cdr-button--small@lg": "cdr-button--small@lg_15-5-1",
+  "cdr-button--medium@lg": "cdr-button--medium@lg_15-5-1",
+  "cdr-button--large@lg": "cdr-button--large@lg_15-5-1",
+  "cdr-button--full-width@lg": "cdr-button--full-width@lg_15-5-1",
+  "cdr-icon": "cdr-icon_15-5-1",
+  "cdr-icon--small": "cdr-icon--small_15-5-1",
+  "cdr-icon--large": "cdr-icon--large_15-5-1",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_15-5-1",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_15-5-1",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_15-5-1",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_15-5-1",
+  "cdr-icon--small@md": "cdr-icon--small@md_15-5-1",
+  "cdr-icon--large@md": "cdr-icon--large@md_15-5-1",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_15-5-1",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_15-5-1",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-5-1",
+  "cdr-popover--position": "cdr-popover--position_15-5-1",
+  "cdr-popover--wrapper": "cdr-popover--wrapper_15-5-1",
+  "cdr-popover__title": "cdr-popover__title_15-5-1",
+  "cdr-popover__container": "cdr-popover__container_15-5-1",
+  "cdr-popover__content": "cdr-popover__content_15-5-1",
+  "cdr-popover__close-button": "cdr-popover__close-button_15-5-1"
 };
 export {
   r as default

package/dist/components/popup/CdrPopup.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as A, useCssModule as K, ref as t, computed as a, watch as P, onMounted as N, onUnmounted as U, openBlock as V, createElementBlock as W, normalizeClass as L, unref as p, createElementVNode as _, mergeProps as j, renderSlot as D, nextTick as f } from "vue";
+import { defineComponent as A, useCssModule as K, ref as t, computed as a, watch as P, onMounted as N, onUnmounted as U, createElementBlock as V, openBlock as W, normalizeClass as L, unref as p, createElementVNode as _, mergeProps as j, renderSlot as D, nextTick as f } from "vue";
 import F from "../../utils/propValidator.mjs";
 import G from "./calculatePlacement.mjs";
 import I from "../../utils/mapClasses.mjs";
@@ -76,7 +76,7 @@ const J = "cdr-popup", ee = /* @__PURE__ */ A({
       T(), window.addEventListener("resize", k);
     }), U(() => {
       document.removeEventListener("keydown", v), document.removeEventListener("click", m), window.removeEventListener("resize", k);
-    }), (e, l) => (V(), W("div", {
+    }), (e, l) => (W(), V("div", {
       ref_key: "rootEl",
       ref: E,
       class: L(p(I)(p(d), J, $.value, S.value, x.value, z.value, b.value))

package/dist/components/popup/styles/CdrPopup.module.scss.mjs

@@ -1,18 +1,18 @@
 const p = {
-  "cdr-popup": "cdr-popup_15-4-1",
-  "cdr-popup--open": "cdr-popup--open_15-4-1",
-  "cdr-popup--closed": "cdr-popup--closed_15-4-1",
-  "cdr-popup__content": "cdr-popup__content_15-4-1",
-  "cdr-popup__arrow": "cdr-popup__arrow_15-4-1",
-  "cdr-popup--top": "cdr-popup--top_15-4-1",
-  "cdr-popup--bottom": "cdr-popup--bottom_15-4-1",
-  "cdr-popup--exit": "cdr-popup--exit_15-4-1",
-  "cdr-popup--corner-left": "cdr-popup--corner-left_15-4-1",
-  "cdr-popup--corner-right": "cdr-popup--corner-right_15-4-1",
-  "cdr-popup--left": "cdr-popup--left_15-4-1",
-  "cdr-popup--right": "cdr-popup--right_15-4-1",
-  "cdr-popup--corner-top": "cdr-popup--corner-top_15-4-1",
-  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_15-4-1"
+  "cdr-popup": "cdr-popup_15-5-1",
+  "cdr-popup--open": "cdr-popup--open_15-5-1",
+  "cdr-popup--closed": "cdr-popup--closed_15-5-1",
+  "cdr-popup__content": "cdr-popup__content_15-5-1",
+  "cdr-popup__arrow": "cdr-popup__arrow_15-5-1",
+  "cdr-popup--top": "cdr-popup--top_15-5-1",
+  "cdr-popup--bottom": "cdr-popup--bottom_15-5-1",
+  "cdr-popup--exit": "cdr-popup--exit_15-5-1",
+  "cdr-popup--corner-left": "cdr-popup--corner-left_15-5-1",
+  "cdr-popup--corner-right": "cdr-popup--corner-right_15-5-1",
+  "cdr-popup--left": "cdr-popup--left_15-5-1",
+  "cdr-popup--right": "cdr-popup--right_15-5-1",
+  "cdr-popup--corner-top": "cdr-popup--corner-top_15-5-1",
+  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_15-5-1"
 };
 export {
   p as default

package/dist/components/quote/CdrQuote.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as f, useCssModule as C, computed as y, openBlock as o, createBlock as p, resolveDynamicComponent as g, normalizeClass as s, unref as e, withCtx as k, createElementBlock as i, toDisplayString as c, createCommentVNode as l, renderSlot as q } from "vue";
+import { defineComponent as f, useCssModule as C, computed as y, createBlock as p, openBlock as o, resolveDynamicComponent as g, normalizeClass as s, unref as e, withCtx as k, createElementBlock as i, createCommentVNode as c, renderSlot as q, toDisplayString as l } from "vue";
 import v from "../../utils/mapClasses.mjs";
 import n from "../../utils/propValidator.mjs";
 const m = "cdr-quote", S = "cdr-quote__summary", b = "cdr-quote__citation", D = /* @__PURE__ */ f({
@@ -36,11 +36,11 @@ const m = "cdr-quote", S = "cdr-quote__summary", b = "cdr-quote__citation", D =
       default: k(() => [t.summary ? (o(), i("p", {
         key: 0,
         class: s(e(a)[S])
-      }, c(t.summary), 3)) : l("", !0), q(d.$slots, "default"), t.citation ? (o(), i("cite", {
+      }, l(t.summary), 3)) : c("", !0), q(d.$slots, "default"), t.citation ? (o(), i("cite", {
         key: 1,
         class: s(e(a)[b]),
         tag: "cite"
-      }, c(t.citation), 3)) : l("", !0)]),
+      }, l(t.citation), 3)) : c("", !0)]),
       _: 3
     }, 8, ["class"]));
   }

package/dist/components/quote/styles/CdrQuote.module.scss.mjs

@@ -1,8 +1,8 @@
 const t = {
-  "cdr-text": "cdr-text_15-4-1",
-  "cdr-quote": "cdr-quote_15-4-1",
-  "cdr-quote__summary": "cdr-quote__summary_15-4-1",
-  "cdr-quote--pull": "cdr-quote--pull_15-4-1"
+  "cdr-text": "cdr-text_15-5-1",
+  "cdr-quote": "cdr-quote_15-5-1",
+  "cdr-quote__summary": "cdr-quote__summary_15-5-1",
+  "cdr-quote--pull": "cdr-quote--pull_15-5-1"
 };
 export {
   t as default