@rei/cedar 13.5.1 → 13.5.3

package/dist/src/components/accordion/CdrAccordion.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as I, inject as b, useCssModule as w, ref as C, computed as n, watch as P, onMounted as J, resolveComponent as K, openBlock as p, createBlock as u, resolveDynamicComponent as m, normalizeClass as l, withCtx as f, mergeProps as L, toHandlers as Q, createElementVNode as g, renderSlot as $, createTextVNode as R, toDisplayString as W, createCommentVNode as X, normalizeStyle as Y } from "vue";
+import { defineComponent as F, inject as I, useCssModule as y, ref as u, computed as n, watch as P, onMounted as G, resolveComponent as J, openBlock as p, createElementBlock as K, normalizeClass as l, createBlock as m, resolveDynamicComponent as h, withCtx as v, mergeProps as L, toHandlers as Q, createElementVNode as C, renderSlot as b, createTextVNode as R, toDisplayString as W, createCommentVNode as X, normalizeStyle as Y } from "vue";
 import Z from "../icon/comps/caret-down.vue.mjs";
-import { modifyClassName as t } from "../../utils/buildClass.mjs";
+import { modifyClassName as r } from "../../utils/buildClass.mjs";
 import _ from "../../utils/mapClasses.mjs";
 import x from "./styles/CdrAccordion.module.scss.mjs";
 import ee from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const ne = I({
+const ne = F({
   name: "CdrAccordion",
   components: {
     IconCaretDown: Z
@@ -69,99 +69,94 @@ const ne = I({
     */
     "accordion-toggle": null
   },
-  setup(e, y) {
-    const c = b("unwrap", !1), v = b("grouped", !1) ? "li" : "div", h = w(), d = C(null), o = C(!1), i = C(e.opened ? "none" : "0px"), S = `h${e.level}`, U = "cdr-accordion__label", a = "cdr-accordion", B = "cdr-accordion__icon", A = "cdr-accordion__content-container", H = "cdr-accordion__content", s = n(() => c && c.isUnwrapped), k = n(() => s.value ? "div" : "button"), N = n(() => s.value ? "js-cdr-accordion-button" : [h["cdr-accordion__button"], "js-cdr-accordion-button"]), T = n(() => s.value ? "cdr-accordion__header--unwrapped" : "cdr-accordion__header"), z = n(() => e.compact ? t(a, "compact") : ""), M = n(() => e.borderAligned ? t(a, "border-aligned") : ""), O = n(() => o.value ? t(a, "focused") : null), j = n(() => s.value ? t(a, "unwrap") : null), D = n(() => e.contentSpacing ? null : t(a, "no-spacing")), E = n(() => e.opened || s.value ? "cdr-accordion--open" : "cdr-accordion--closed"), V = (r) => {
-      y.emit("accordion-toggle", r);
-    }, q = () => {
-      o.value = !0;
-    }, G = () => {
-      o.value = !1;
-    }, F = n(() => s.value ? {} : {
-      click: V,
-      focus: q,
-      blur: G
+  setup(e, f) {
+    const c = I("unwrap", !1), g = y(), t = u(null), i = u(!1), s = u(e.opened ? "none" : "0px"), w = `h${e.level}`, $ = "cdr-accordion__label", a = "cdr-accordion", S = "cdr-accordion__icon", B = "cdr-accordion__content-container", U = "cdr-accordion__content", o = n(() => c && c.isUnwrapped), k = n(() => o.value ? "div" : "button"), A = n(() => o.value ? "js-cdr-accordion-button" : [g["cdr-accordion__button"], "js-cdr-accordion-button"]), H = n(() => o.value ? "cdr-accordion__header--unwrapped" : "cdr-accordion__header"), N = n(() => e.compact ? r(a, "compact") : ""), T = n(() => e.borderAligned ? r(a, "border-aligned") : ""), z = n(() => i.value ? r(a, "focused") : null), E = n(() => o.value ? r(a, "unwrap") : null), M = n(() => e.contentSpacing ? null : r(a, "no-spacing")), O = n(() => e.opened || o.value ? "cdr-accordion--open" : "cdr-accordion--closed"), j = (d) => {
+      f.emit("accordion-toggle", d);
+    }, D = () => {
+      i.value = !0;
+    }, V = () => {
+      i.value = !1;
+    }, q = n(() => o.value ? {} : {
+      click: j,
+      focus: D,
+      blur: V
     });
-    return P(() => e.opened, (r) => {
-      i.value = r ? "0px" : `${d.value.clientHeight}px`, setTimeout(() => {
-        i.value = r ? `${d.value.clientHeight}px` : "0px", setTimeout(() => {
-          i.value = r ? "none" : "0px";
+    return P(() => e.opened, (d) => {
+      s.value = d ? "0px" : `${t.value.clientHeight}px`, setTimeout(() => {
+        s.value = d ? `${t.value.clientHeight}px` : "0px", setTimeout(() => {
+          s.value = d ? "none" : "0px";
         }, 350);
       }, 50);
-    }), J(() => {
-      e.opened && d.value && (i.value = "none");
+    }), G(() => {
+      e.opened && t.value && (s.value = "none");
     }), {
-      style: w(),
-      headingTag: S,
-      headingClass: T,
+      style: y(),
+      headingTag: w,
+      headingClass: H,
       headingContent: k,
-      headingContentStyle: N,
-      isGrouped: v,
+      headingContentStyle: A,
       unwrap: c,
-      accordionContentEl: d,
-      focused: o,
-      maxHeight: i,
+      accordionContentEl: t,
+      focused: i,
+      maxHeight: s,
       baseClass: a,
-      labelClass: U,
-      compactClass: z,
-      borderAlignedClass: M,
-      focusedClass: O,
-      iconClass: B,
-      containerClass: A,
-      isOpenClass: E,
-      contentClass: H,
-      noSpacingClass: D,
-      listeners: F,
-      unwrapClass: j,
-      isUnwrapped: s,
+      labelClass: $,
+      compactClass: N,
+      borderAlignedClass: T,
+      focusedClass: z,
+      iconClass: S,
+      containerClass: B,
+      isOpenClass: O,
+      contentClass: U,
+      noSpacingClass: M,
+      listeners: q,
+      unwrapClass: E,
+      isUnwrapped: o,
       mapClasses: _
     };
   }
-}), se = ["id"], oe = ["aria-hidden", "id"];
-function ae(e, y, c, v, h, d) {
-  const o = K("icon-caret-down");
-  return p(), u(m(e.isGrouped), {
+}), se = ["id"], oe = ["id"], ae = ["aria-hidden", "id"];
+function le(e, f, c, g, t, i) {
+  const s = J("icon-caret-down");
+  return p(), K("div", {
     class: l(e.isUnwrapped ? null : e.mapClasses(e.style, e.baseClass, e.compactClass, e.borderAlignedClass, e.focusedClass, e.noSpacingClass)),
     id: `${e.id}-accordion`
+  }, [(p(), m(h(e.headingTag), {
+    class: l(e.style[e.headingClass])
   }, {
-    default: f(() => [(p(), u(m(e.headingTag), {
-      class: l(e.style[e.headingClass])
-    }, {
-      default: f(() => [(p(), u(m(e.headingContent), L({
-        class: e.headingContentStyle,
-        id: e.id
-      }, Q(e.listeners), {
-        "aria-expanded": e.isUnwrapped ? null : `${e.opened}`,
-        "aria-pressed": e.isUnwrapped ? null : `${e.opened}`,
-        "aria-controls": e.isUnwrapped ? null : `${e.id}-collapsible`
-      }), {
-        default: f(() => [g("span", {
-          class: l(e.style[e.labelClass]),
-          id: `${e.id}-label`
-        }, [$(e.$slots, "label", {}, () => [R(W(e.label), 1)])], 10, se), e.isUnwrapped ? X("", !0) : (p(), u(o, {
-          key: 0,
-          class: l(e.mapClasses(e.style, e.iconClass, e.isOpenClass)),
-          size: e.compact ? "small" : null
-        }, null, 8, ["class", "size"]))]),
-        _: 3
-      }, 16, ["class", "id", "aria-expanded", "aria-pressed", "aria-controls"]))]),
+    default: v(() => [(p(), m(h(e.headingContent), L({
+      class: e.headingContentStyle,
+      id: e.id
+    }, Q(e.listeners), {
+      "aria-expanded": e.isUnwrapped ? null : `${e.opened}`,
+      "aria-controls": e.isUnwrapped ? null : `${e.id}-collapsible`
+    }), {
+      default: v(() => [C("span", {
+        class: l(e.style[e.labelClass]),
+        id: `${e.id}-label`
+      }, [b(e.$slots, "label", {}, () => [R(W(e.label), 1)])], 10, oe), e.isUnwrapped ? X("", !0) : (p(), m(s, {
+        key: 0,
+        class: l(e.mapClasses(e.style, e.iconClass, e.isOpenClass)),
+        size: e.compact ? "small" : null
+      }, null, 8, ["class", "size"]))]),
       _: 3
-    }, 8, ["class"])), g("div", {
-      class: l(e.mapClasses(e.style, e.containerClass, e.isOpenClass, e.unwrapClass)),
-      style: Y({
-        maxHeight: e.isUnwrapped ? "none" : e.maxHeight
-      })
-    }, [g("div", {
-      class: l(e.mapClasses(e.style, e.contentClass, e.isOpenClass, e.unwrapClass)),
-      "aria-hidden": e.isUnwrapped ? null : `${!e.opened}`,
-      id: `${e.id}-collapsible`,
-      ref: "accordionContentEl"
-    }, [$(e.$slots, "default")], 10, oe)], 6)]),
+    }, 16, ["class", "id", "aria-expanded", "aria-controls"]))]),
     _: 3
-  }, 8, ["class", "id"]);
+  }, 8, ["class"])), C("div", {
+    class: l(e.mapClasses(e.style, e.containerClass, e.isOpenClass, e.unwrapClass)),
+    style: Y({
+      maxHeight: e.isUnwrapped ? "none" : e.maxHeight
+    })
+  }, [C("div", {
+    class: l(e.mapClasses(e.style, e.contentClass, e.isOpenClass, e.unwrapClass)),
+    "aria-hidden": e.isUnwrapped ? null : `${!e.opened}`,
+    id: `${e.id}-collapsible`,
+    ref: "accordionContentEl"
+  }, [b(e.$slots, "default")], 10, ae)], 6)], 10, se);
 }
-const le = {
+const te = {
   $style: x
-}, ue = /* @__PURE__ */ ee(ne, [["render", ae], ["__cssModules", le]]);
+}, me = /* @__PURE__ */ ee(ne, [["render", le], ["__cssModules", te]]);
 export {
-  ue as default
+  me as default
 };

package/dist/src/components/accordion/CdrAccordionGroup.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as w, ref as l, reactive as y, provide as c, computed as d, onMounted as g, useCssModule as b, openBlock as D, createElementBlock as k, normalizeClass as C, renderSlot as x } from "vue";
+import { defineComponent as m, ref as l, reactive as w, provide as y, computed as c, onMounted as g, useCssModule as b, openBlock as D, createElementBlock as k, normalizeClass as C, renderSlot as x } from "vue";
 import { debounce as A } from "lodash-es";
 import $ from "../../utils/propValidator.mjs";
-import p from "../../mixins/breakpoints.mjs";
+import d from "../../mixins/breakpoints.mjs";
 import B from "./styles/CdrAccordionGroup.module.scss.mjs";
 import E from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const U = w({
+const U = m({
   name: "CdrAccordionGroup",
   props: {
     /**
@@ -18,60 +18,60 @@ const U = w({
     }
   },
   setup(e) {
-    const n = "cdr-accordion-group", t = l(0), r = l([]), u = l(null), a = y({
+    const r = "cdr-accordion-group", t = l(0), n = l([]), u = l(null), a = w({
       isUnwrapped: !!e.unwrap
     });
-    c("unwrap", a), c("grouped", !0);
-    const s = d(() => {
+    y("unwrap", a);
+    const s = c(() => {
       const o = t.value + 1;
-      return o >= r.value.length ? 0 : o;
-    }), i = d(() => {
+      return o >= n.value.length ? 0 : o;
+    }), p = c(() => {
       const o = t.value - 1;
-      return o <= -1 ? r.value.length - 1 : o;
-    }), f = (o) => {
+      return o <= -1 ? n.value.length - 1 : o;
+    }), i = (o) => {
       if (t.value === -1)
         return;
       const {
-        key: m
+        key: v
       } = o;
-      switch (m) {
+      switch (v) {
         case "Home":
-          o.preventDefault(), r.value[0].focus();
+          o.preventDefault(), n.value[0].focus();
           break;
         case "End":
-          o.preventDefault(), r.value[r.value.length - 1].focus();
+          o.preventDefault(), n.value[n.value.length - 1].focus();
           break;
         case "ArrowDown":
         case "Down":
-          o.preventDefault(), r.value[s.value].focus();
+          o.preventDefault(), n.value[s.value].focus();
           break;
         case "ArrowUp":
         case "Up":
-          o.preventDefault(), r.value[i.value].focus();
+          o.preventDefault(), n.value[p.value].focus();
           break;
       }
-    }, v = (o) => {
-      t.value = Array.prototype.indexOf.call(r.value, o.target);
+    }, f = (o) => {
+      t.value = Array.prototype.indexOf.call(n.value, o.target);
     };
     return g(() => {
-      r.value = u.value.querySelectorAll(".js-cdr-accordion-button"), typeof e.unwrap == "string" && (a.isUnwrapped = e.unwrap.indexOf(p()) !== -1, window.addEventListener("resize", A(() => {
-        a.isUnwrapped = e.unwrap.indexOf(p()) !== -1;
+      n.value = u.value.querySelectorAll(".js-cdr-accordion-button"), typeof e.unwrap == "string" && (a.isUnwrapped = e.unwrap.indexOf(d()) !== -1, window.addEventListener("resize", A(() => {
+        a.isUnwrapped = e.unwrap.indexOf(d()) !== -1;
       }, 300)));
     }), {
       style: b(),
-      handleKeyDown: f,
-      focusin: v,
-      baseClass: n,
+      handleKeyDown: i,
+      focusin: f,
+      baseClass: r,
       accordionGroupEl: u
     };
   }
 });
-function h(e, n, t, r, u, a) {
-  return D(), k("ul", {
+function h(e, r, t, n, u, a) {
+  return D(), k("div", {
     class: C(e.style[e.baseClass]),
     ref: "accordionGroupEl",
-    onFocusin: n[0] || (n[0] = (...s) => e.focusin && e.focusin(...s)),
-    onKeydown: n[1] || (n[1] = (...s) => e.handleKeyDown && e.handleKeyDown(...s))
+    onFocusin: r[0] || (r[0] = (...s) => e.focusin && e.focusin(...s)),
+    onKeydown: r[1] || (r[1] = (...s) => e.handleKeyDown && e.handleKeyDown(...s))
   }, [x(e.$slots, "default")], 34);
 }
 const G = {

package/dist/src/components/accordion/styles/CdrAccordion.module.scss.mjs

@@ -1,33 +1,33 @@
 const c = {
-  "cdr-icon": "cdr-icon_13-5-1",
-  "cdr-icon--small": "cdr-icon--small_13-5-1",
-  "cdr-icon--large": "cdr-icon--large_13-5-1",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_13-5-1",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_13-5-1",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_13-5-1",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_13-5-1",
-  "cdr-icon--small@md": "cdr-icon--small@md_13-5-1",
-  "cdr-icon--large@md": "cdr-icon--large@md_13-5-1",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_13-5-1",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_13-5-1",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_13-5-1",
-  "cdr-accordion-group": "cdr-accordion-group_13-5-1",
-  "cdr-accordion": "cdr-accordion_13-5-1",
-  "cdr-accordion__button": "cdr-accordion__button_13-5-1",
-  "cdr-accordion__label": "cdr-accordion__label_13-5-1",
-  "cdr-accordion__header": "cdr-accordion__header_13-5-1",
-  "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_13-5-1",
-  "cdr-accordion__icon": "cdr-accordion__icon_13-5-1",
-  "cdr-accordion--open": "cdr-accordion--open_13-5-1",
-  "cdr-accordion__content-container": "cdr-accordion__content-container_13-5-1",
-  "cdr-tabs--open": "cdr-tabs--open_13-5-1",
-  "cdr-accordion__content": "cdr-accordion__content_13-5-1",
-  "cdr-accordion--closed": "cdr-accordion--closed_13-5-1",
-  "cdr-accordion--unwrap": "cdr-accordion--unwrap_13-5-1",
-  "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_13-5-1",
-  "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_13-5-1",
-  "cdr-accordion--compact": "cdr-accordion--compact_13-5-1",
-  "cdr-accordion--focused": "cdr-accordion--focused_13-5-1"
+  "cdr-icon": "cdr-icon_13-5-3",
+  "cdr-icon--small": "cdr-icon--small_13-5-3",
+  "cdr-icon--large": "cdr-icon--large_13-5-3",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_13-5-3",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_13-5-3",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_13-5-3",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_13-5-3",
+  "cdr-icon--small@md": "cdr-icon--small@md_13-5-3",
+  "cdr-icon--large@md": "cdr-icon--large@md_13-5-3",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_13-5-3",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_13-5-3",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_13-5-3",
+  "cdr-accordion-group": "cdr-accordion-group_13-5-3",
+  "cdr-accordion": "cdr-accordion_13-5-3",
+  "cdr-accordion__button": "cdr-accordion__button_13-5-3",
+  "cdr-accordion__label": "cdr-accordion__label_13-5-3",
+  "cdr-accordion__header": "cdr-accordion__header_13-5-3",
+  "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_13-5-3",
+  "cdr-accordion__icon": "cdr-accordion__icon_13-5-3",
+  "cdr-accordion--open": "cdr-accordion--open_13-5-3",
+  "cdr-accordion__content-container": "cdr-accordion__content-container_13-5-3",
+  "cdr-tabs--open": "cdr-tabs--open_13-5-3",
+  "cdr-accordion__content": "cdr-accordion__content_13-5-3",
+  "cdr-accordion--closed": "cdr-accordion--closed_13-5-3",
+  "cdr-accordion--unwrap": "cdr-accordion--unwrap_13-5-3",
+  "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_13-5-3",
+  "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_13-5-3",
+  "cdr-accordion--compact": "cdr-accordion--compact_13-5-3",
+  "cdr-accordion--focused": "cdr-accordion--focused_13-5-3"
 };
 export {
   c as default

package/dist/src/components/accordion/styles/CdrAccordionGroup.module.scss.mjs

@@ -1,6 +1,6 @@
 const c = {
-  "cdr-accordion-group": "cdr-accordion-group_13-5-1",
-  "cdr-accordion": "cdr-accordion_13-5-1"
+  "cdr-accordion-group": "cdr-accordion-group_13-5-3",
+  "cdr-accordion": "cdr-accordion_13-5-3"
 };
 export {
   c as default

package/dist/src/components/banner/styles/CdrBanner.module.scss.mjs

@@ -1,18 +1,18 @@
 const n = {
-  "cdr-banner": "cdr-banner_13-5-1",
-  "cdr-banner__wrapper--prominence": "cdr-banner__wrapper--prominence_13-5-1",
-  "cdr-banner__main": "cdr-banner__main_13-5-1",
-  "cdr-banner__icon-left": "cdr-banner__icon-left_13-5-1",
-  "cdr-banner__message": "cdr-banner__message_13-5-1",
-  "cdr-banner__message-body": "cdr-banner__message-body_13-5-1",
-  "cdr-banner__icon-right": "cdr-banner__icon-right_13-5-1",
-  "cdr-banner__info-action": "cdr-banner__info-action_13-5-1",
-  "cdr-banner--default": "cdr-banner--default_13-5-1",
-  "cdr-banner__wrapper": "cdr-banner__wrapper_13-5-1",
-  "cdr-banner--info": "cdr-banner--info_13-5-1",
-  "cdr-banner--warning": "cdr-banner--warning_13-5-1",
-  "cdr-banner--success": "cdr-banner--success_13-5-1",
-  "cdr-banner--error": "cdr-banner--error_13-5-1"
+  "cdr-banner": "cdr-banner_13-5-3",
+  "cdr-banner__wrapper--prominence": "cdr-banner__wrapper--prominence_13-5-3",
+  "cdr-banner__main": "cdr-banner__main_13-5-3",
+  "cdr-banner__icon-left": "cdr-banner__icon-left_13-5-3",
+  "cdr-banner__message": "cdr-banner__message_13-5-3",
+  "cdr-banner__message-body": "cdr-banner__message-body_13-5-3",
+  "cdr-banner__icon-right": "cdr-banner__icon-right_13-5-3",
+  "cdr-banner__info-action": "cdr-banner__info-action_13-5-3",
+  "cdr-banner--default": "cdr-banner--default_13-5-3",
+  "cdr-banner__wrapper": "cdr-banner__wrapper_13-5-3",
+  "cdr-banner--info": "cdr-banner--info_13-5-3",
+  "cdr-banner--warning": "cdr-banner--warning_13-5-3",
+  "cdr-banner--success": "cdr-banner--success_13-5-3",
+  "cdr-banner--error": "cdr-banner--error_13-5-3"
 };
 export {
   n as default

package/dist/src/components/breadcrumb/CdrBreadcrumb.vue.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as y, ref as c, computed as h, watch as b, useCssModule as g, openBlock as r, createElementBlock as l, normalizeClass as s, createElementVNode as n, createCommentVNode as f, Fragment as p, renderList as k, withDirectives as C, renderSlot as $, toDisplayString as E, vShow as _, nextTick as v } from "vue";
-import L from "../../utils/uid.mjs";
-import B from "./styles/CdrBreadcrumb.module.scss.mjs";
-import w from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const q = y({
+import { defineComponent as h, ref as u, computed as b, watch as g, useCssModule as p, openBlock as r, createElementBlock as l, normalizeClass as s, createElementVNode as n, createCommentVNode as f, Fragment as k, renderList as C, withDirectives as _, renderSlot as $, toDisplayString as E, vShow as v, nextTick as L } from "vue";
+import B from "../../utils/uid.mjs";
+import w from "./styles/CdrBreadcrumb.module.scss.mjs";
+import q from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const S = h({
   name: "CdrBreadcrumb",
   props: {
     /**
@@ -41,22 +41,23 @@ const q = y({
   emits: {
     /**
      * Emits when a breadcrumb item is clicked. `e.preventDefault()` may be used to override the default link navigation.
+     * @param breadcrumb The breadcrumb data object
      */
     navigate: null
   },
   setup(e) {
-    const t = e.id ? e.id : L(), a = c(e.truncationEnabled && e.items.length > 2), o = c(null), d = h(() => {
+    const t = e.id ? e.id : B(), a = u(e.truncationEnabled && e.items.length > 2), o = u(null), d = b(() => {
       const i = e.items.length - 2 > 1 ? "s" : "";
       return `show ${e.items.length - 2} more navigation level${i}`;
     }), m = () => {
-      a.value = !1, v(() => {
+      a.value = !1, L(() => {
         o.value.querySelector("li a").focus();
       });
     };
-    return b(() => e.items, () => {
+    return g(() => e.items, () => {
       a.value = e.truncationEnabled && e.items.length > 2;
     }), {
-      style: g(),
+      style: p(),
       uniqueId: t,
       truncate: a,
       itemListEl: o,
@@ -64,8 +65,8 @@ const q = y({
       handleEllipsisClick: m
     };
   }
-}), S = ["id"], I = ["id"], M = ["aria-controls", "aria-label"], j = ["href", "onClick"];
-function D(e, t, a, o, d, m) {
+}), I = ["id"], M = ["id"], j = ["aria-controls", "aria-label"], D = ["href", "onClick"];
+function N(e, t, a, o, d, m) {
   return r(), l("nav", {
     class: s(e.style["cdr-breadcrumb"]),
     id: e.uniqueId,
@@ -86,10 +87,10 @@ function D(e, t, a, o, d, m) {
   }, [n("span", {
     class: s(e.style["cdr-breadcrumb__ellipses-icon"]),
     "aria-hidden": "true"
-  }, " . . . ", 2)], 10, M), n("span", {
+  }, " . . . ", 2)], 10, j), n("span", {
     class: s(e.style["cdr-breadcrumb__delimiter"]),
     "aria-hidden": "true"
-  }, " / ", 2)], 2)) : f("", !0), (r(!0), l(p, null, k(e.items, (i, u) => C((r(), l("li", {
+  }, " / ", 2)], 2)) : f("", !0), (r(!0), l(k, null, C(e.items, (i, c) => _((r(), l("li", {
     class: s(e.style["cdr-breadcrumb__item"]),
     key: i.item.id || i.item.name.replace(/ /g, "-").toLowerCase()
   }, [$(e.$slots, "link", {
@@ -99,16 +100,16 @@ function D(e, t, a, o, d, m) {
   }, () => [n("a", {
     class: s(e.style["cdr-breadcrumb__link"]),
     href: i.item.url,
-    onClick: (O) => e.$emit("navigate", i, e.e)
-  }, E(i.item.name), 11, j)]), u < e.items.length - 1 ? (r(), l("span", {
+    onClick: (y) => e.$emit("navigate", i, y)
+  }, E(i.item.name), 11, D)]), c < e.items.length - 1 ? (r(), l("span", {
     key: 0,
     class: s(e.style["cdr-breadcrumb__delimiter"]),
     "aria-hidden": "true"
-  }, " / ", 2)) : f("", !0)], 2)), [[_, !e.truncate || u >= e.items.length - 2]])), 128))], 10, I)], 10, S);
+  }, " / ", 2)) : f("", !0)], 2)), [[v, !e.truncate || c >= e.items.length - 2]])), 128))], 10, M)], 10, I);
 }
-const N = {
-  $style: B
-}, P = /* @__PURE__ */ w(q, [["render", D], ["__cssModules", N]]);
+const O = {
+  $style: w
+}, P = /* @__PURE__ */ q(S, [["render", N], ["__cssModules", O]]);
 export {
   P as default
 };

package/dist/src/components/breadcrumb/styles/CdrBreadcrumb.module.scss.mjs

@@ -1,11 +1,11 @@
 const r = {
-  "cdr-breadcrumb": "cdr-breadcrumb_13-5-1",
-  "cdr-breadcrumb__list": "cdr-breadcrumb__list_13-5-1",
-  "cdr-breadcrumb__item": "cdr-breadcrumb__item_13-5-1",
-  "cdr-breadcrumb__link": "cdr-breadcrumb__link_13-5-1",
-  "cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_13-5-1",
-  "cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_13-5-1",
-  "cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_13-5-1"
+  "cdr-breadcrumb": "cdr-breadcrumb_13-5-3",
+  "cdr-breadcrumb__list": "cdr-breadcrumb__list_13-5-3",
+  "cdr-breadcrumb__item": "cdr-breadcrumb__item_13-5-3",
+  "cdr-breadcrumb__link": "cdr-breadcrumb__link_13-5-3",
+  "cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_13-5-3",
+  "cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_13-5-3",
+  "cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_13-5-3"
 };
 export {
   r as default

package/dist/src/components/button/styles/CdrButton.module.scss.mjs

@@ -1,35 +1,35 @@
 const t = {
-  "cdr-button": "cdr-button_13-5-1",
-  "cdr-button--has-icon-left": "cdr-button--has-icon-left_13-5-1",
-  "cdr-button--has-icon-right": "cdr-button--has-icon-right_13-5-1",
-  "cdr-button--primary": "cdr-button--primary_13-5-1",
-  "cdr-button--secondary": "cdr-button--secondary_13-5-1",
-  "cdr-button--dark": "cdr-button--dark_13-5-1",
-  "cdr-button--sale": "cdr-button--sale_13-5-1",
-  "cdr-button--link": "cdr-button--link_13-5-1",
-  "cdr-button--large": "cdr-button--large_13-5-1",
-  "cdr-button--medium": "cdr-button--medium_13-5-1",
-  "cdr-button--small": "cdr-button--small_13-5-1",
-  "cdr-button--icon-only": "cdr-button--icon-only_13-5-1",
-  "cdr-button--icon-only-large": "cdr-button--icon-only-large_13-5-1",
-  "cdr-button--with-background": "cdr-button--with-background_13-5-1",
-  "cdr-button--full-width": "cdr-button--full-width_13-5-1",
-  "cdr-button--small@xs": "cdr-button--small@xs_13-5-1",
-  "cdr-button--medium@xs": "cdr-button--medium@xs_13-5-1",
-  "cdr-button--large@xs": "cdr-button--large@xs_13-5-1",
-  "cdr-button--full-width@xs": "cdr-button--full-width@xs_13-5-1",
-  "cdr-button--small@sm": "cdr-button--small@sm_13-5-1",
-  "cdr-button--medium@sm": "cdr-button--medium@sm_13-5-1",
-  "cdr-button--large@sm": "cdr-button--large@sm_13-5-1",
-  "cdr-button--full-width@sm": "cdr-button--full-width@sm_13-5-1",
-  "cdr-button--small@md": "cdr-button--small@md_13-5-1",
-  "cdr-button--medium@md": "cdr-button--medium@md_13-5-1",
-  "cdr-button--large@md": "cdr-button--large@md_13-5-1",
-  "cdr-button--full-width@md": "cdr-button--full-width@md_13-5-1",
-  "cdr-button--small@lg": "cdr-button--small@lg_13-5-1",
-  "cdr-button--medium@lg": "cdr-button--medium@lg_13-5-1",
-  "cdr-button--large@lg": "cdr-button--large@lg_13-5-1",
-  "cdr-button--full-width@lg": "cdr-button--full-width@lg_13-5-1"
+  "cdr-button": "cdr-button_13-5-3",
+  "cdr-button--has-icon-left": "cdr-button--has-icon-left_13-5-3",
+  "cdr-button--has-icon-right": "cdr-button--has-icon-right_13-5-3",
+  "cdr-button--primary": "cdr-button--primary_13-5-3",
+  "cdr-button--secondary": "cdr-button--secondary_13-5-3",
+  "cdr-button--dark": "cdr-button--dark_13-5-3",
+  "cdr-button--sale": "cdr-button--sale_13-5-3",
+  "cdr-button--link": "cdr-button--link_13-5-3",
+  "cdr-button--large": "cdr-button--large_13-5-3",
+  "cdr-button--medium": "cdr-button--medium_13-5-3",
+  "cdr-button--small": "cdr-button--small_13-5-3",
+  "cdr-button--icon-only": "cdr-button--icon-only_13-5-3",
+  "cdr-button--icon-only-large": "cdr-button--icon-only-large_13-5-3",
+  "cdr-button--with-background": "cdr-button--with-background_13-5-3",
+  "cdr-button--full-width": "cdr-button--full-width_13-5-3",
+  "cdr-button--small@xs": "cdr-button--small@xs_13-5-3",
+  "cdr-button--medium@xs": "cdr-button--medium@xs_13-5-3",
+  "cdr-button--large@xs": "cdr-button--large@xs_13-5-3",
+  "cdr-button--full-width@xs": "cdr-button--full-width@xs_13-5-3",
+  "cdr-button--small@sm": "cdr-button--small@sm_13-5-3",
+  "cdr-button--medium@sm": "cdr-button--medium@sm_13-5-3",
+  "cdr-button--large@sm": "cdr-button--large@sm_13-5-3",
+  "cdr-button--full-width@sm": "cdr-button--full-width@sm_13-5-3",
+  "cdr-button--small@md": "cdr-button--small@md_13-5-3",
+  "cdr-button--medium@md": "cdr-button--medium@md_13-5-3",
+  "cdr-button--large@md": "cdr-button--large@md_13-5-3",
+  "cdr-button--full-width@md": "cdr-button--full-width@md_13-5-3",
+  "cdr-button--small@lg": "cdr-button--small@lg_13-5-3",
+  "cdr-button--medium@lg": "cdr-button--medium@lg_13-5-3",
+  "cdr-button--large@lg": "cdr-button--large@lg_13-5-3",
+  "cdr-button--full-width@lg": "cdr-button--full-width@lg_13-5-3"
 };
 export {
   t as default

package/dist/src/components/caption/styles/CdrCaption.module.scss.mjs

@@ -1,6 +1,6 @@
 const c = {
-  "cdr-caption": "cdr-caption_13-5-1",
-  "cdr-caption__summary": "cdr-caption__summary_13-5-1"
+  "cdr-caption": "cdr-caption_13-5-3",
+  "cdr-caption__summary": "cdr-caption__summary_13-5-3"
 };
 export {
   c as default

package/dist/src/components/card/styles/CdrCard.module.scss.mjs

@@ -1,5 +1,5 @@
 const c = {
-  "cdr-card": "cdr-card_13-5-1"
+  "cdr-card": "cdr-card_13-5-3"
 };
 export {
   c as default