@rei/cedar 15.5.0 → 15.5.1

package/dist/components/tabs/CdrTabs.vue2.mjs

@@ -1,7 +1,7 @@
 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 q, useCssModule as G, useSlots as J, computed as m, ref as n, provide as Q, onMounted as Y, openBlock as $, createElementBlock as N, normalizeClass as f, unref as s, normalizeStyle as C, createElementVNode as g, Fragment as Z, renderList as ee, withModifiers as te, withKeys as X, toDisplayString as ae, renderSlot as le, nextTick as re } from "vue";
+import { defineComponent as q, useCssModule as G, useSlots as J, computed as m, ref as n, provide as Q, onMounted as Y, createElementBlock as $, openBlock as N, normalizeStyle as C, normalizeClass as f, unref as s, createElementVNode as g, renderSlot as Z, Fragment as ee, renderList as te, withKeys as X, withModifiers as ae, toDisplayString as le, nextTick as re } from "vue";
 import { debounce as O } from "../../utils/debounce.mjs";
 import { CdrColorBackgroundPrimary as se, CdrSpaceHalfX as ne, CdrSpaceOneX as ie } from "@rei/cdr-tokens";
 import T from "../../utils/mapClasses.mjs";
@@ -112,7 +112,7 @@ const oe = ["id", "disabled", "aria-selected", "tabIndex", "onClick"], ue = "cdr
       }, 250)), (e = v.value) == null || e.addEventListener("scroll", O(() => {
         L(), _();
       }, 50));
-    }), (e, t) => ($(), N("div", {
+    }), (e, t) => (N(), $("div", {
       class: f(s(T)(s(c), ue, K.value, A.value)),
       ref_key: "containerEl",
       ref: S,
@@ -129,7 +129,7 @@ const oe = ["id", "disabled", "aria-selected", "tabIndex", "onClick"], ue = "cdr
       role: "tablist",
       ref_key: "tablist",
       ref: v
-    }, [($(!0), N(Z, null, ee(x.value, (a, l) => ($(), N("li", {
+    }, [(N(!0), $(ee, null, te(x.value, (a, l) => (N(), $("li", {
       key: `${a.name}-${l}`,
       role: "presentation",
       class: f(s(c)["cdr-tabs__header"])
@@ -144,15 +144,15 @@ const oe = ["id", "disabled", "aria-selected", "tabIndex", "onClick"], ue = "cdr
       tabIndex: I(l, a) ? 0 : -1,
       class: f(s(T)(s(c), I(l, a) ? "cdr-tabs__header-item-active" : "", "cdr-tabs__header-item", a.disabled ? "cdr-tabs__header-item--disabled" : "")),
       role: "tab",
-      onClick: te((r) => z(l), ["prevent"]),
+      onClick: ae((r) => z(l), ["prevent"]),
       onKeyup: [X(U, ["right"]), X(V, ["left"])]
-    }, ae(a.name), 43, oe)], 2))), 128))], 2), g("div", {
+    }, le(a.name), 43, oe)], 2))), 128))], 2), g("div", {
       class: f(s(T)(s(c), "cdr-tabs__gradient", "cdr-tabs__gradient--right", E.value ? "cdr-tabs__gradient--active" : "")),
       style: C(D.value)
     }, null, 6), g("div", {
       class: f(s(c)["cdr-tabs__underline"]),
       style: C(H.value)
-    }, null, 6)], 2), le(e.$slots, "default")], 6));
+    }, null, 6)], 2), Z(e.$slots, "default")], 6));
   }
 });
 export {

package/dist/components/tabs/styles/CdrTabPanel.module.scss.mjs

@@ -1,9 +1,9 @@
 const t = {
-  "cdr-tab-panel": "cdr-tab-panel_15-5-0",
-  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-5-0",
-  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-5-0",
-  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-5-0",
-  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-5-0"
+  "cdr-tab-panel": "cdr-tab-panel_15-5-1",
+  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-5-1",
+  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-5-1",
+  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-5-1",
+  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-5-1"
 };
 export {
   t as default

package/dist/components/tabs/styles/CdrTabs.module.scss.mjs

@@ -1,32 +1,32 @@
 const e = {
-  "cdr-tab-panel": "cdr-tab-panel_15-5-0",
-  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-5-0",
-  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-5-0",
-  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-5-0",
-  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-5-0",
-  "cdr-tabs": "cdr-tabs_15-5-0",
-  "cdr-tabs__header-container": "cdr-tabs__header-container_15-5-0",
-  "cdr-tabs__header": "cdr-tabs__header_15-5-0",
-  "cdr-tabs__header-item": "cdr-tabs__header-item_15-5-0",
-  "cdr-tabs__header-item-active": "cdr-tabs__header-item-active_15-5-0",
-  "cdr-tabs__header-item--disabled": "cdr-tabs__header-item--disabled_15-5-0",
-  "cdr-tabs__gradient-container": "cdr-tabs__gradient-container_15-5-0",
-  "cdr-tabs__gradient": "cdr-tabs__gradient_15-5-0",
-  "cdr-tabs__gradient--left": "cdr-tabs__gradient--left_15-5-0",
-  "cdr-tabs__gradient--right": "cdr-tabs__gradient--right_15-5-0",
-  "cdr-tabs__gradient--active": "cdr-tabs__gradient--active_15-5-0",
-  "cdr-tabs__underline": "cdr-tabs__underline_15-5-0",
-  "cdr-tabs__content-container": "cdr-tabs__content-container_15-5-0",
-  "fade-enter-active": "fade-enter-active_15-5-0",
-  "fade-leave-active": "fade-leave-active_15-5-0",
-  "fade-enter": "fade-enter_15-5-0",
-  "fade-leave-to": "fade-leave-to_15-5-0",
-  "cdr-tabs--compact": "cdr-tabs--compact_15-5-0",
-  "cdr-tabs__header-item-label": "cdr-tabs__header-item-label_15-5-0",
-  "cdr-tabs--small": "cdr-tabs--small_15-5-0",
-  "cdr-tabs--no-border": "cdr-tabs--no-border_15-5-0",
-  "cdr-tabs--full-width": "cdr-tabs--full-width_15-5-0",
-  "cdr-tabs--centered": "cdr-tabs--centered_15-5-0"
+  "cdr-tab-panel": "cdr-tab-panel_15-5-1",
+  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-5-1",
+  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-5-1",
+  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-5-1",
+  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-5-1",
+  "cdr-tabs": "cdr-tabs_15-5-1",
+  "cdr-tabs__header-container": "cdr-tabs__header-container_15-5-1",
+  "cdr-tabs__header": "cdr-tabs__header_15-5-1",
+  "cdr-tabs__header-item": "cdr-tabs__header-item_15-5-1",
+  "cdr-tabs__header-item-active": "cdr-tabs__header-item-active_15-5-1",
+  "cdr-tabs__header-item--disabled": "cdr-tabs__header-item--disabled_15-5-1",
+  "cdr-tabs__gradient-container": "cdr-tabs__gradient-container_15-5-1",
+  "cdr-tabs__gradient": "cdr-tabs__gradient_15-5-1",
+  "cdr-tabs__gradient--left": "cdr-tabs__gradient--left_15-5-1",
+  "cdr-tabs__gradient--right": "cdr-tabs__gradient--right_15-5-1",
+  "cdr-tabs__gradient--active": "cdr-tabs__gradient--active_15-5-1",
+  "cdr-tabs__underline": "cdr-tabs__underline_15-5-1",
+  "cdr-tabs__content-container": "cdr-tabs__content-container_15-5-1",
+  "fade-enter-active": "fade-enter-active_15-5-1",
+  "fade-leave-active": "fade-leave-active_15-5-1",
+  "fade-enter": "fade-enter_15-5-1",
+  "fade-leave-to": "fade-leave-to_15-5-1",
+  "cdr-tabs--compact": "cdr-tabs--compact_15-5-1",
+  "cdr-tabs__header-item-label": "cdr-tabs__header-item-label_15-5-1",
+  "cdr-tabs--small": "cdr-tabs--small_15-5-1",
+  "cdr-tabs--no-border": "cdr-tabs--no-border_15-5-1",
+  "cdr-tabs--full-width": "cdr-tabs--full-width_15-5-1",
+  "cdr-tabs--centered": "cdr-tabs--centered_15-5-1"
 };
 export {
   e as default

package/dist/components/text/CdrText.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as s, useCssModule as o, openBlock as r, createBlock as a, resolveDynamicComponent as n, normalizeClass as l, unref as c, withCtx as p, renderSlot as d } from "vue";
+import { defineComponent as s, useCssModule as o, createBlock as r, openBlock as a, resolveDynamicComponent as n, normalizeClass as l, unref as c, withCtx as p, renderSlot as d } from "vue";
 const C = /* @__PURE__ */ s({
   name: "CdrText",
   __name: "CdrText",
@@ -9,7 +9,7 @@ const C = /* @__PURE__ */ s({
   },
   setup(u) {
     const t = o();
-    return (e, m) => (r(), a(n(e.tag), {
+    return (e, m) => (a(), r(n(e.tag), {
       class: l(c(t)["cdr-text"])
     }, {
       default: p(() => [d(e.$slots, "default")]),

package/dist/components/text/presets/CdrBody.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as l, useCssModule as n, openBlock as c, createBlock as d, resolveDynamicComponent as p, normalizeClass as y, unref as i, normalizeStyle as u, withCtx as f, renderSlot as m } from "vue";
+import { defineComponent as r, computed as l, useCssModule as n, createBlock as c, openBlock as d, resolveDynamicComponent as p, normalizeStyle as y, normalizeClass as i, unref as u, withCtx as f, renderSlot as m } from "vue";
 const C = "cdr-body", b = /* @__PURE__ */ r({
   name: "CdrBody",
   __name: "CdrBody",
@@ -20,9 +20,9 @@ const C = "cdr-body", b = /* @__PURE__ */ r({
       "--cdr-body-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-body-line-height-ratio))`,
       "--cdr-body-font-weight": e.strong ? "600" : "400"
     })), a = n();
-    return (t, g) => (c(), d(p(t.tag), {
-      class: y(i(a)[C]),
-      style: u(s.value)
+    return (t, g) => (d(), c(p(t.tag), {
+      class: i(u(a)[C]),
+      style: y(s.value)
     }, {
       default: f(() => [m(t.$slots, "default")]),
       _: 3

package/dist/components/text/presets/CdrEyebrow.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as o, useCssModule as r, openBlock as t, createBlock as a, resolveDynamicComponent as n, normalizeClass as l, unref as c, withCtx as p, renderSlot as d } from "vue";
+import { defineComponent as o, useCssModule as r, createBlock as t, openBlock as a, resolveDynamicComponent as n, normalizeClass as l, unref as c, withCtx as p, renderSlot as d } from "vue";
 const u = "cdr-eyebrow", _ = /* @__PURE__ */ o({
   name: "CdrEyebrow",
   __name: "CdrEyebrow",
@@ -9,7 +9,7 @@ const u = "cdr-eyebrow", _ = /* @__PURE__ */ o({
   },
   setup(m) {
     const s = r();
-    return (e, f) => (t(), a(n(e.tag), {
+    return (e, f) => (a(), t(n(e.tag), {
       class: l(c(s)[u])
     }, {
       default: p(() => [d(e.$slots, "default")]),

package/dist/components/text/presets/CdrHeadingDisplay.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as n, useCssModule as c, openBlock as d, createBlock as o, resolveDynamicComponent as i, normalizeClass as p, unref as u, normalizeStyle as y, withCtx as h, renderSlot as m } from "vue";
+import { defineComponent as r, computed as n, useCssModule as c, createBlock as d, openBlock as o, resolveDynamicComponent as i, normalizeStyle as p, normalizeClass as u, unref as y, withCtx as h, renderSlot as m } from "vue";
 const f = "cdr-heading-display", v = /* @__PURE__ */ r({
   name: "CdrHeadingDisplay",
   __name: "CdrHeadingDisplay",
@@ -15,9 +15,9 @@ const f = "cdr-heading-display", v = /* @__PURE__ */ r({
       "--cdr-heading-display-font-size": `var(--cdr-type-scale-${e.scale})`,
       "--cdr-heading-display-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-heading-display-line-height-ratio))`
     })), l = c();
-    return (a, g) => (d(), o(i(a.tag), {
-      class: p(u(l)[f]),
-      style: y(t.value)
+    return (a, g) => (o(), d(i(a.tag), {
+      class: u(y(l)[f]),
+      style: p(t.value)
     }, {
       default: h(() => [m(a.$slots, "default")]),
       _: 3

package/dist/components/text/presets/CdrHeadingSans.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as l, useCssModule as c, openBlock as o, createBlock as d, resolveDynamicComponent as i, normalizeClass as p, unref as u, normalizeStyle as h, withCtx as m, renderSlot as f } from "vue";
+import { defineComponent as r, computed as l, useCssModule as c, createBlock as o, openBlock as d, resolveDynamicComponent as i, normalizeStyle as p, normalizeClass as u, unref as h, withCtx as m, renderSlot as f } from "vue";
 const g = "cdr-heading-sans", v = /* @__PURE__ */ r({
   name: "CdrHeadingSans",
   __name: "CdrHeadingSans",
@@ -15,9 +15,9 @@ const g = "cdr-heading-sans", v = /* @__PURE__ */ r({
       "--cdr-heading-sans-font-size": `var(--cdr-type-scale-${e.scale})`,
       "--cdr-heading-sans-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-heading-sans-line-height-ratio))`
     })), t = c();
-    return (s, y) => (o(), d(i(s.tag), {
-      class: p(u(t)[g]),
-      style: h(n.value)
+    return (s, y) => (d(), o(i(s.tag), {
+      class: u(h(t)[g]),
+      style: p(n.value)
     }, {
       default: m(() => [f(s.$slots, "default")]),
       _: 3

package/dist/components/text/presets/CdrHeadingSerif.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as n, computed as l, useCssModule as o, openBlock as i, createBlock as c, resolveDynamicComponent as d, normalizeClass as f, unref as p, normalizeStyle as u, withCtx as g, renderSlot as h } from "vue";
+import { defineComponent as n, computed as l, useCssModule as o, createBlock as i, openBlock as c, resolveDynamicComponent as d, normalizeStyle as f, normalizeClass as p, unref as u, withCtx as g, renderSlot as h } from "vue";
 const m = "cdr-heading-serif", v = /* @__PURE__ */ n({
   name: "CdrHeadingSerif",
   __name: "CdrHeadingSerif",
@@ -20,9 +20,9 @@ const m = "cdr-heading-serif", v = /* @__PURE__ */ n({
       "--cdr-heading-serif-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-heading-serif-line-height-ratio))`,
       "--cdr-heading-serif-font-weight": e.strong ? "600" : "400"
     })), r = o();
-    return (s, y) => (i(), c(d(s.tag), {
-      class: f(p(r)[m]),
-      style: u(a.value)
+    return (s, y) => (c(), i(d(s.tag), {
+      class: p(u(r)[m]),
+      style: f(a.value)
     }, {
       default: g(() => [h(s.$slots, "default")]),
       _: 3

package/dist/components/text/presets/CdrSubheadingSans.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as l, useCssModule as c, openBlock as o, createBlock as d, resolveDynamicComponent as i, normalizeClass as u, unref as p, normalizeStyle as h, withCtx as m, renderSlot as f } from "vue";
+import { defineComponent as r, computed as l, useCssModule as c, createBlock as o, openBlock as d, resolveDynamicComponent as i, normalizeStyle as u, normalizeClass as p, unref as h, withCtx as m, renderSlot as f } from "vue";
 const g = "cdr-subheading-sans", b = /* @__PURE__ */ r({
   name: "CdrSubheadingSans",
   __name: "CdrSubheadingSans",
@@ -15,9 +15,9 @@ const g = "cdr-subheading-sans", b = /* @__PURE__ */ r({
       "--cdr-subheading-sans-font-size": `var(--cdr-type-scale-${e.scale})`,
       "--cdr-subheading-sans-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-subheading-sans-line-height-ratio))`
     })), t = c();
-    return (s, y) => (o(), d(i(s.tag), {
-      class: u(p(t)[g]),
-      style: h(n.value)
+    return (s, y) => (d(), o(i(s.tag), {
+      class: p(h(t)[g]),
+      style: u(n.value)
     }, {
       default: m(() => [f(s.$slots, "default")]),
       _: 3

package/dist/components/text/presets/CdrUtilitySans.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as n, computed as r, useCssModule as o, openBlock as i, createBlock as c, resolveDynamicComponent as u, normalizeClass as d, unref as p, normalizeStyle as y, withCtx as f, renderSlot as m } from "vue";
+import { defineComponent as n, computed as r, useCssModule as o, createBlock as i, openBlock as c, resolveDynamicComponent as u, normalizeStyle as d, normalizeClass as p, unref as y, withCtx as f, renderSlot as m } from "vue";
 const C = "cdr-utility-sans", v = /* @__PURE__ */ n({
   name: "CdrUtilitySans",
   __name: "CdrUtilitySans",
@@ -20,9 +20,9 @@ const C = "cdr-utility-sans", v = /* @__PURE__ */ n({
       "--cdr-utility-sans-line-height": `calc(var(--cdr-type-scale-${t.scale}) * var(--cdr-utility-sans-line-height-ratio))`,
       "--cdr-utility-sans-font-weight": t.strong ? "600" : "400"
     })), l = o();
-    return (e, g) => (i(), c(u(e.tag), {
-      class: d(p(l)[C]),
-      style: y(a.value)
+    return (e, g) => (c(), i(u(e.tag), {
+      class: p(y(l)[C]),
+      style: d(a.value)
     }, {
       default: f(() => [m(e.$slots, "default")]),
       _: 3

package/dist/components/text/presets/CdrUtilitySerif.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as i, computed as a, useCssModule as o, openBlock as n, createBlock as c, resolveDynamicComponent as f, normalizeClass as u, unref as d, normalizeStyle as p, withCtx as y, renderSlot as m } from "vue";
+import { defineComponent as i, computed as a, useCssModule as o, createBlock as n, openBlock as c, resolveDynamicComponent as f, normalizeStyle as u, normalizeClass as d, unref as p, withCtx as y, renderSlot as m } from "vue";
 const C = "cdr-utility-serif", v = /* @__PURE__ */ i({
   name: "CdrUtilitySerif",
   __name: "CdrUtilitySerif",
@@ -20,9 +20,9 @@ const C = "cdr-utility-serif", v = /* @__PURE__ */ i({
       "--cdr-utility-serif-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-utility-serif-line-height-ratio))`,
       "--cdr-utility-serif-font-weight": e.strong ? "600" : "400"
     })), l = o();
-    return (t, g) => (n(), c(f(t.tag), {
-      class: u(d(l)[C]),
-      style: p(r.value)
+    return (t, g) => (c(), n(f(t.tag), {
+      class: d(p(l)[C]),
+      style: u(r.value)
     }, {
       default: y(() => [m(t.$slots, "default")]),
       _: 3

package/dist/components/text/presets/styles/CdrBody.module.scss.mjs

@@ -1,5 +1,5 @@
 const d = {
-  "cdr-body": "cdr-body_15-5-0"
+  "cdr-body": "cdr-body_15-5-1"
 };
 export {
   d as default

package/dist/components/text/presets/styles/CdrEyebrow.module.scss.mjs

@@ -1,5 +1,5 @@
 const e = {
-  "cdr-eyebrow": "cdr-eyebrow_15-5-0"
+  "cdr-eyebrow": "cdr-eyebrow_15-5-1"
 };
 export {
   e as default

package/dist/components/text/presets/styles/CdrHeadingDisplay.module.scss.mjs

@@ -1,5 +1,5 @@
 const d = {
-  "cdr-heading-display": "cdr-heading-display_15-5-0"
+  "cdr-heading-display": "cdr-heading-display_15-5-1"
 };
 export {
   d as default

package/dist/components/text/presets/styles/CdrHeadingSans.module.scss.mjs

@@ -1,5 +1,5 @@
 const s = {
-  "cdr-heading-sans": "cdr-heading-sans_15-5-0"
+  "cdr-heading-sans": "cdr-heading-sans_15-5-1"
 };
 export {
   s as default

package/dist/components/text/presets/styles/CdrHeadingSerif.module.scss.mjs

@@ -1,5 +1,5 @@
 const e = {
-  "cdr-heading-serif": "cdr-heading-serif_15-5-0"
+  "cdr-heading-serif": "cdr-heading-serif_15-5-1"
 };
 export {
   e as default

package/dist/components/text/presets/styles/CdrSubheadingSans.module.scss.mjs

@@ -1,5 +1,5 @@
 const s = {
-  "cdr-subheading-sans": "cdr-subheading-sans_15-5-0"
+  "cdr-subheading-sans": "cdr-subheading-sans_15-5-1"
 };
 export {
   s as default

package/dist/components/text/presets/styles/CdrUtilitySans.module.scss.mjs

@@ -1,5 +1,5 @@
 const t = {
-  "cdr-utility-sans": "cdr-utility-sans_15-5-0"
+  "cdr-utility-sans": "cdr-utility-sans_15-5-1"
 };
 export {
   t as default

package/dist/components/text/presets/styles/CdrUtilitySerif.module.scss.mjs

@@ -1,5 +1,5 @@
 const t = {
-  "cdr-utility-serif": "cdr-utility-serif_15-5-0"
+  "cdr-utility-serif": "cdr-utility-serif_15-5-1"
 };
 export {
   t as default

package/dist/components/text/styles/CdrText.module.scss.mjs

@@ -1,5 +1,5 @@
 const t = {
-  "cdr-text": "cdr-text_15-5-0"
+  "cdr-text": "cdr-text_15-5-1"
 };
 export {
   t as default

package/dist/components/title/CdrTitle.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as s, useCssModule as o, openBlock as a, createBlock as l, resolveDynamicComponent as n, normalizeClass as r, unref as c, withCtx as d, renderSlot as p } from "vue";
+import { defineComponent as s, useCssModule as o, createBlock as a, openBlock as l, resolveDynamicComponent as n, normalizeClass as r, unref as c, withCtx as d, renderSlot as p } from "vue";
 const u = "cdr-title", C = /* @__PURE__ */ s({
   name: "CdrTitle",
   __name: "CdrTitle",
@@ -9,7 +9,7 @@ const u = "cdr-title", C = /* @__PURE__ */ s({
   },
   setup(i) {
     const t = o();
-    return (e, m) => (a(), l(n(e.tag), {
+    return (e, m) => (l(), a(n(e.tag), {
       class: r(c(t)[u])
     }, {
       default: d(() => [p(e.$slots, "default")]),

package/dist/components/title/styles/CdrTitle.module.scss.mjs

@@ -1,5 +1,5 @@
 const t = {
-  "cdr-title": "cdr-title_15-5-0"
+  "cdr-title": "cdr-title_15-5-1"
 };
 export {
   t as default

package/dist/components/toast/CdrToast.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as N, useCssModule as g, useSlots as w, ref as _, computed as S, watch as V, onUpdated as z, openBlock as m, createBlock as H, Transition as I, unref as e, withCtx as y, createElementBlock as C, normalizeClass as l, createElementVNode as E, renderSlot as f, createCommentVNode as T, createVNode as k } from "vue";
+import { defineComponent as N, useCssModule as g, useSlots as w, ref as _, computed as S, watch as V, onUpdated as z, createBlock as H, openBlock as m, Transition as I, unref as e, withCtx as y, createElementBlock as C, createCommentVNode as E, normalizeClass as l, createElementVNode as T, createVNode as k, renderSlot as f } from "vue";
 import M from "../../utils/propValidator.mjs";
 import P from "../icon/comps/x-sm.vue.mjs";
 import U from "../button/CdrButton.vue.mjs";
@@ -75,12 +75,12 @@ const h = "cdr-toast", G = /* @__PURE__ */ N({
         role: "status",
         ref_key: "toastEl",
         ref: v
-      }, [E("div", {
+      }, [T("div", {
         class: l([e(t)["cdr-toast__main"]])
       }, [e(D) ? (m(), C("div", {
         key: 0,
         class: l([e(t)["cdr-toast__icon-left"]])
-      }, [f(s.$slots, "icon-left")], 2)) : T("", !0), E("span", {
+      }, [f(s.$slots, "icon-left")], 2)) : E("", !0), T("span", {
         class: l([e(t)["cdr-toast__message"]])
       }, [f(s.$slots, "default")], 2), k(U, {
         class: l([e(t)["cdr-toast__close-button"]]),
@@ -93,7 +93,7 @@ const h = "cdr-toast", G = /* @__PURE__ */ N({
           "inherit-color": ""
         })])]),
         _: 3
-      }, 8, ["class"])], 2)], 2)) : T("", !0)]),
+      }, 8, ["class"])], 2)], 2)) : E("", !0)]),
       _: 3
     }, 8, ["enter-from-class", "enter-active-class", "leave-to-class", "leave-active-class"]));
   }

package/dist/components/toast/styles/CdrToast.module.scss.mjs

@@ -1,61 +1,61 @@
 const t = {
-  "cdr-button": "cdr-button_15-5-0",
-  "cdr-button--has-icon-left": "cdr-button--has-icon-left_15-5-0",
-  "cdr-button--has-icon-right": "cdr-button--has-icon-right_15-5-0",
-  "cdr-button--primary": "cdr-button--primary_15-5-0",
-  "cdr-button--secondary": "cdr-button--secondary_15-5-0",
-  "cdr-button--dark": "cdr-button--dark_15-5-0",
-  "cdr-button--sale": "cdr-button--sale_15-5-0",
-  "cdr-button--link": "cdr-button--link_15-5-0",
-  "cdr-button--large": "cdr-button--large_15-5-0",
-  "cdr-button--medium": "cdr-button--medium_15-5-0",
-  "cdr-button--small": "cdr-button--small_15-5-0",
-  "cdr-button--icon-only": "cdr-button--icon-only_15-5-0",
-  "cdr-button--icon-only-large": "cdr-button--icon-only-large_15-5-0",
-  "cdr-button--with-background": "cdr-button--with-background_15-5-0",
-  "cdr-button--full-width": "cdr-button--full-width_15-5-0",
-  "cdr-button--small@xs": "cdr-button--small@xs_15-5-0",
-  "cdr-button--medium@xs": "cdr-button--medium@xs_15-5-0",
-  "cdr-button--large@xs": "cdr-button--large@xs_15-5-0",
-  "cdr-button--full-width@xs": "cdr-button--full-width@xs_15-5-0",
-  "cdr-button--small@sm": "cdr-button--small@sm_15-5-0",
-  "cdr-button--medium@sm": "cdr-button--medium@sm_15-5-0",
-  "cdr-button--large@sm": "cdr-button--large@sm_15-5-0",
-  "cdr-button--full-width@sm": "cdr-button--full-width@sm_15-5-0",
-  "cdr-button--small@md": "cdr-button--small@md_15-5-0",
-  "cdr-button--medium@md": "cdr-button--medium@md_15-5-0",
-  "cdr-button--large@md": "cdr-button--large@md_15-5-0",
-  "cdr-button--full-width@md": "cdr-button--full-width@md_15-5-0",
-  "cdr-button--small@lg": "cdr-button--small@lg_15-5-0",
-  "cdr-button--medium@lg": "cdr-button--medium@lg_15-5-0",
-  "cdr-button--large@lg": "cdr-button--large@lg_15-5-0",
-  "cdr-button--full-width@lg": "cdr-button--full-width@lg_15-5-0",
-  "cdr-icon": "cdr-icon_15-5-0",
-  "cdr-icon--small": "cdr-icon--small_15-5-0",
-  "cdr-icon--large": "cdr-icon--large_15-5-0",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_15-5-0",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_15-5-0",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_15-5-0",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_15-5-0",
-  "cdr-icon--small@md": "cdr-icon--small@md_15-5-0",
-  "cdr-icon--large@md": "cdr-icon--large@md_15-5-0",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_15-5-0",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_15-5-0",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-5-0",
-  "cdr-toast": "cdr-toast_15-5-0",
-  "cdr-toast__transition--toast-enter-from": "cdr-toast__transition--toast-enter-from_15-5-0",
-  "cdr-toast__transition--toast-enter-active": "cdr-toast__transition--toast-enter-active_15-5-0",
-  "cdr-toast__transition--toast-leave-to": "cdr-toast__transition--toast-leave-to_15-5-0",
-  "cdr-toast__transition--toast-leave-active": "cdr-toast__transition--toast-leave-active_15-5-0",
-  "cdr-toast__main": "cdr-toast__main_15-5-0",
-  "cdr-toast__icon-left": "cdr-toast__icon-left_15-5-0",
-  "cdr-toast__message": "cdr-toast__message_15-5-0",
-  "cdr-toast__close-button": "cdr-toast__close-button_15-5-0",
-  "cdr-toast--default": "cdr-toast--default_15-5-0",
-  "cdr-toast--info": "cdr-toast--info_15-5-0",
-  "cdr-toast--warning": "cdr-toast--warning_15-5-0",
-  "cdr-toast--success": "cdr-toast--success_15-5-0",
-  "cdr-toast--error": "cdr-toast--error_15-5-0"
+  "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-toast": "cdr-toast_15-5-1",
+  "cdr-toast__transition--toast-enter-from": "cdr-toast__transition--toast-enter-from_15-5-1",
+  "cdr-toast__transition--toast-enter-active": "cdr-toast__transition--toast-enter-active_15-5-1",
+  "cdr-toast__transition--toast-leave-to": "cdr-toast__transition--toast-leave-to_15-5-1",
+  "cdr-toast__transition--toast-leave-active": "cdr-toast__transition--toast-leave-active_15-5-1",
+  "cdr-toast__main": "cdr-toast__main_15-5-1",
+  "cdr-toast__icon-left": "cdr-toast__icon-left_15-5-1",
+  "cdr-toast__message": "cdr-toast__message_15-5-1",
+  "cdr-toast__close-button": "cdr-toast__close-button_15-5-1",
+  "cdr-toast--default": "cdr-toast--default_15-5-1",
+  "cdr-toast--info": "cdr-toast--info_15-5-1",
+  "cdr-toast--warning": "cdr-toast--warning_15-5-1",
+  "cdr-toast--success": "cdr-toast--success_15-5-1",
+  "cdr-toast--error": "cdr-toast--error_15-5-1"
 };
 export {
   t as default

package/dist/components/toggleButton/CdrToggleButton.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as s, useCssModule as u, inject as g, ref as i, computed as d, openBlock as m, createElementBlock as f, normalizeClass as o, unref as a, createElementVNode as p, renderSlot as b, createTextVNode as V, toDisplayString as v } from "vue";
+import { defineComponent as s, useCssModule as u, inject as g, ref as i, computed as d, createElementBlock as m, openBlock as f, normalizeClass as o, unref as a, createElementVNode as p, renderSlot as b, createTextVNode as V, toDisplayString as v } from "vue";
 import { selectedToggleKey as C } from "../../types/symbols.mjs";
 const T = ["value", "aria-label", "aria-checked", "tabindex"], x = /* @__PURE__ */ s({
   name: "CdrToggleButton",
@@ -14,7 +14,7 @@ const T = ["value", "aria-label", "aria-checked", "tabindex"], x = /* @__PURE__
   },
   setup(e) {
     const r = e, t = u(), n = g(C, i("")), l = d(() => r.toggleValue === n.value);
-    return (c, _) => (m(), f("li", {
+    return (c, _) => (f(), m("li", {
       role: "presentation",
       class: o(a(t)["cdr-toggle-button__container"])
     }, [p("button", {

package/dist/components/toggleButton/CdrToggleGroup.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as b, useCssModule as h, ref as a, provide as _, computed as V, onMounted as T, watch as k, openBlock as z, createElementBlock as G, mergeProps as K, unref as i, withModifiers as c, withKeys as d, renderSlot as S } from "vue";
+import { defineComponent as b, useCssModule as h, ref as a, provide as _, computed as V, onMounted as T, watch as k, createElementBlock as z, openBlock as G, mergeProps as K, withKeys as i, withModifiers as c, unref as d, renderSlot as S } from "vue";
 import w from "../../utils/mapClasses.mjs";
 import A from "../../utils/propValidator.mjs";
 import { selectedToggleKey as M } from "../../types/symbols.mjs";
@@ -58,14 +58,14 @@ const O = ["onKeyup"], P = "cdr-toggle-group", I = /* @__PURE__ */ b({
         return;
       r[o - 1].focus();
     };
-    return (t, e) => (z(), G("ul", K({
+    return (t, e) => (G(), z("ul", K({
       ref_key: "toggleGroup",
       ref: s,
       role: "radiogroup"
     }, t.$attrs, {
-      class: i(w)(i(m), P, f.value),
+      class: d(w)(d(m), P, f.value),
       onClick: c(B, ["prevent"]),
-      onKeyup: [d(c(v, ["prevent"]), ["right"]), d(c(y, ["prevent"]), ["left"])]
+      onKeyup: [i(c(v, ["prevent"]), ["right"]), i(c(y, ["prevent"]), ["left"])]
     }), [S(t.$slots, "default")], 16, O));
   }
 });

package/dist/components/toggleButton/styles/CdrToggleButton.module.scss.mjs

@@ -1,6 +1,6 @@
 const t = {
-  "cdr-toggle-button__item": "cdr-toggle-button__item_15-5-0",
-  "cdr-toggle-button__container": "cdr-toggle-button__container_15-5-0"
+  "cdr-toggle-button__item": "cdr-toggle-button__item_15-5-1",
+  "cdr-toggle-button__container": "cdr-toggle-button__container_15-5-1"
 };
 export {
   t as default

package/dist/components/toggleButton/styles/CdrToggleGroup.module.scss.mjs

@@ -1,9 +1,9 @@
 const g = {
-  "cdr-toggle-group": "cdr-toggle-group_15-5-0",
-  "cdr-toggle-group--medium": "cdr-toggle-group--medium_15-5-0",
-  "cdr-toggle-button__item": "cdr-toggle-button__item_15-5-0",
-  "cdr-toggle-button__container": "cdr-toggle-button__container_15-5-0",
-  "cdr-toggle-group--large": "cdr-toggle-group--large_15-5-0"
+  "cdr-toggle-group": "cdr-toggle-group_15-5-1",
+  "cdr-toggle-group--medium": "cdr-toggle-group--medium_15-5-1",
+  "cdr-toggle-button__item": "cdr-toggle-button__item_15-5-1",
+  "cdr-toggle-button__container": "cdr-toggle-button__container_15-5-1",
+  "cdr-toggle-group--large": "cdr-toggle-group--large_15-5-1"
 };
 export {
   g as default