@rei/cedar 14.0.0-ts.5 → 14.0.0

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

@@ -1,9 +1,9 @@
-import { defineComponent as F, useCssModule as G, inject as _, ref as p, computed as n, watch as O, onMounted as P, openBlock as m, createBlock as v, resolveDynamicComponent as h, unref as e, normalizeClass as s, withCtx as y, mergeProps as I, toHandlers as J, createElementVNode as x, renderSlot as w, createTextVNode as L, toDisplayString as Q, createCommentVNode as R, normalizeStyle as U } from "vue";
+import { defineComponent as M, useCssModule as F, inject as K, ref as m, computed as a, watch as O, onMounted as P, openBlock as p, createElementBlock as G, normalizeClass as s, unref as e, createBlock as b, resolveDynamicComponent as $, withCtx as _, mergeProps as I, toHandlers as J, createElementVNode as h, renderSlot as S, createTextVNode as L, toDisplayString as Q, createCommentVNode as R, normalizeStyle as U } from "vue";
 import W from "../icon/comps/caret-down.vue.mjs";
 import { modifyClassName as r } from "../../utils/buildClass.mjs";
-import f from "../../utils/mapClasses.mjs";
-import { unwrappedKey as X, groupedKey as Y } from "./symbols.mjs";
-const Z = ["id"], ee = ["aria-hidden", "id"], oe = "cdr-accordion__label", d = "cdr-accordion", ae = "cdr-accordion__icon", ne = "cdr-accordion__content-container", le = "cdr-accordion__content", re = /* @__PURE__ */ F({
+import v from "../../utils/mapClasses.mjs";
+import { unwrappedKey as X } from "./symbols.mjs";
+const Y = ["id"], Z = ["id"], ee = ["aria-hidden", "id"], oe = "cdr-accordion__label", d = "cdr-accordion", ne = "cdr-accordion__icon", ae = "cdr-accordion__content-container", le = "cdr-accordion__content", re = /* @__PURE__ */ M({
   name: "CdrAccordion",
   __name: "CdrAccordion",
   props: {
@@ -66,69 +66,66 @@ const Z = ["id"], ee = ["aria-hidden", "id"], oe = "cdr-accordion__label", d = "
     */
     "accordion-toggle": null
   },
-  setup(a, {
+  setup(n, {
     emit: B
   }) {
-    const l = a, t = G(), o = _(X, p(!1)), k = _(Y, !1) ? "li" : "div", u = p(null), g = p(!1), i = p(l.opened ? "none" : "0px"), A = `h${l.level}`, H = n(() => o.value ? "div" : "button"), N = n(() => o.value ? "js-cdr-accordion-button" : [t["cdr-accordion__button"], "js-cdr-accordion-button"]), z = n(() => o.value ? "cdr-accordion__header--unwrapped" : "cdr-accordion__header"), T = n(() => l.compact ? r(d, "compact") : ""), j = n(() => l.borderAligned ? r(d, "border-aligned") : ""), E = n(() => g.value ? r(d, "focused") : ""), $ = n(() => o.value ? r(d, "unwrap") : ""), V = n(() => l.contentSpacing ? "" : r(d, "no-spacing")), C = n(() => l.opened || o.value ? "cdr-accordion--open" : "cdr-accordion--closed"), q = (c) => {
+    const l = n, t = F(), o = K(X, m(!1)), u = m(null), f = m(!1), i = m(l.opened ? "none" : "0px"), k = `h${l.level}`, w = a(() => o.value ? "div" : "button"), A = a(() => o.value ? "js-cdr-accordion-button" : [t["cdr-accordion__button"], "js-cdr-accordion-button"]), H = a(() => o.value ? "cdr-accordion__header--unwrapped" : "cdr-accordion__header"), N = a(() => l.compact ? r(d, "compact") : ""), z = a(() => l.borderAligned ? r(d, "border-aligned") : ""), E = a(() => f.value ? r(d, "focused") : ""), y = a(() => o.value ? r(d, "unwrap") : ""), T = a(() => l.contentSpacing ? "" : r(d, "no-spacing")), C = a(() => l.opened || o.value ? "cdr-accordion--open" : "cdr-accordion--closed"), j = (c) => {
       B("accordion-toggle", c);
-    }, D = () => {
-      g.value = !0;
-    }, K = () => {
-      g.value = !1;
-    }, M = n(() => o.value ? {} : {
-      click: q,
-      focus: D,
-      blur: K
+    }, V = () => {
+      f.value = !0;
+    }, q = () => {
+      f.value = !1;
+    }, D = a(() => o.value ? {} : {
+      click: j,
+      focus: V,
+      blur: q
     });
     return O(() => l.opened, (c) => {
-      var b;
-      i.value = c ? "0px" : `${(b = u.value) == null ? void 0 : b.clientHeight}px`, setTimeout(() => {
-        var S;
-        i.value = c ? `${(S = u.value) == null ? void 0 : S.clientHeight}px` : "0px", setTimeout(() => {
+      var g;
+      i.value = c ? "0px" : `${(g = u.value) == null ? void 0 : g.clientHeight}px`, setTimeout(() => {
+        var x;
+        i.value = c ? `${(x = u.value) == null ? void 0 : x.clientHeight}px` : "0px", setTimeout(() => {
           i.value = c ? "none" : "0px";
         }, 350);
       }, 50);
     }), P(() => {
       l.opened && u.value && (i.value = "none");
-    }), (c, b) => (m(), v(h(e(k)), {
-      class: s(e(o) ? null : e(f)(e(t), d, T.value, j.value, E.value, V.value)),
-      id: `${a.id}-accordion`
+    }), (c, g) => (p(), G("div", {
+      class: s(e(o) ? null : e(v)(e(t), d, N.value, z.value, E.value, T.value)),
+      id: `${n.id}-accordion`
+    }, [(p(), b($(k), {
+      class: s(e(t)[H.value])
     }, {
-      default: y(() => [(m(), v(h(A), {
-        class: s(e(t)[z.value])
-      }, {
-        default: y(() => [(m(), v(h(H.value), I({
-          class: N.value,
-          id: a.id
-        }, J(M.value), {
-          "aria-expanded": e(o) ? null : `${a.opened}`,
-          "aria-controls": e(o) ? null : `${a.id}-collapsible`
-        }), {
-          default: y(() => [x("span", {
-            class: s(e(t)[oe]),
-            id: `${a.id}-label`
-          }, [w(c.$slots, "label", {}, () => [L(Q(a.label), 1)])], 10, Z), e(o) ? R("", !0) : (m(), v(W, {
-            key: 0,
-            class: s(e(f)(e(t), ae, C.value)),
-            size: a.compact ? "small" : null
-          }, null, 8, ["class", "size"]))]),
-          _: 3
-        }, 16, ["class", "id", "aria-expanded", "aria-controls"]))]),
+      default: _(() => [(p(), b($(w.value), I({
+        class: A.value,
+        id: n.id
+      }, J(D.value), {
+        "aria-expanded": e(o) ? null : `${n.opened}`,
+        "aria-controls": e(o) ? null : `${n.id}-collapsible`
+      }), {
+        default: _(() => [h("span", {
+          class: s(e(t)[oe]),
+          id: `${n.id}-label`
+        }, [S(c.$slots, "label", {}, () => [L(Q(n.label), 1)])], 10, Z), e(o) ? R("", !0) : (p(), b(W, {
+          key: 0,
+          class: s(e(v)(e(t), ne, C.value)),
+          size: n.compact ? "small" : null
+        }, null, 8, ["class", "size"]))]),
         _: 3
-      }, 8, ["class"])), x("div", {
-        class: s(e(f)(e(t), ne, C.value, $.value)),
-        style: U({
-          maxHeight: e(o) ? "none" : i.value
-        })
-      }, [x("div", {
-        class: s(e(f)(e(t), le, C.value, $.value)),
-        "aria-hidden": e(o) ? void 0 : `${!a.opened}`,
-        id: `${a.id}-collapsible`,
-        ref_key: "accordionContentEl",
-        ref: u
-      }, [w(c.$slots, "default")], 10, ee)], 6)]),
+      }, 16, ["class", "id", "aria-expanded", "aria-controls"]))]),
       _: 3
-    }, 8, ["class", "id"]));
+    }, 8, ["class"])), h("div", {
+      class: s(e(v)(e(t), ae, C.value, y.value)),
+      style: U({
+        maxHeight: e(o) ? "none" : i.value
+      })
+    }, [h("div", {
+      class: s(e(v)(e(t), le, C.value, y.value)),
+      "aria-hidden": e(o) ? void 0 : `${!n.opened}`,
+      id: `${n.id}-collapsible`,
+      ref_key: "accordionContentEl",
+      ref: u
+    }, [S(c.$slots, "default")], 10, ee)], 6)], 10, Y));
   }
 });
 export {

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

@@ -1,9 +1,9 @@
-import { defineComponent as x, useCssModule as k, ref as u, provide as i, computed as s, onMounted as b, openBlock as A, createElementBlock as C, normalizeClass as D, unref as h, renderSlot as B } from "vue";
+import { defineComponent as g, useCssModule as x, ref as u, provide as k, computed as l, onMounted as b, openBlock as A, createElementBlock as C, normalizeClass as D, unref as h, renderSlot as B } from "vue";
 import { debounce as _ } from "../../utils/debounce.mjs";
 import E from "../../utils/propValidator.mjs";
-import f from "../../mixins/breakpoints.mjs";
-import { unwrappedKey as G, groupedKey as K } from "./symbols.mjs";
-const I = "cdr-accordion-group", j = /* @__PURE__ */ x({
+import i from "../../mixins/breakpoints.mjs";
+import { unwrappedKey as G } from "./symbols.mjs";
+const I = "cdr-accordion-group", U = /* @__PURE__ */ g({
   name: "CdrAccordionGroup",
   __name: "CdrAccordionGroup",
   props: {
@@ -18,16 +18,16 @@ const I = "cdr-accordion-group", j = /* @__PURE__ */ x({
     }
   },
   setup(o) {
-    const t = o, v = k(), a = u(0), c = u(), p = u(null), l = u(!!t.unwrap);
-    i(G, l), i(K, !0);
-    const r = s(() => c.value ? [...c.value] : []), m = s(() => {
+    const t = o, f = x(), a = u(0), c = u(), p = u(null), s = u(!!t.unwrap);
+    k(G, s);
+    const r = l(() => c.value ? [...c.value] : []), v = l(() => {
       var n;
       const e = a.value + 1;
       return e >= ((n = r.value) == null ? void 0 : n.length) ? 0 : e;
-    }), w = s(() => {
+    }), m = l(() => {
       const e = a.value - 1;
       return e <= -1 ? r.value.length - 1 : e;
-    }), y = (e) => {
+    }), w = (e) => {
       var d;
       if (a.value === -1)
         return;
@@ -43,30 +43,30 @@ const I = "cdr-accordion-group", j = /* @__PURE__ */ x({
           break;
         case "ArrowDown":
         case "Down":
-          e.preventDefault(), r.value[m.value].focus();
+          e.preventDefault(), r.value[v.value].focus();
           break;
         case "ArrowUp":
         case "Up":
-          e.preventDefault(), r.value[w.value].focus();
+          e.preventDefault(), r.value[m.value].focus();
           break;
       }
-    }, g = (e) => {
+    }, y = (e) => {
       a.value = Array.prototype.indexOf.call(r.value, e.target);
     };
     return b(() => {
       var e;
-      c.value = (e = p.value) == null ? void 0 : e.querySelectorAll(".js-cdr-accordion-button"), typeof t.unwrap == "string" && (l.value = t.unwrap.indexOf(f()) !== -1, window.addEventListener("resize", _(() => {
-        l.value = t.unwrap.indexOf(f()) !== -1;
+      c.value = (e = p.value) == null ? void 0 : e.querySelectorAll(".js-cdr-accordion-button"), typeof t.unwrap == "string" && (s.value = t.unwrap.indexOf(i()) !== -1, window.addEventListener("resize", _(() => {
+        s.value = t.unwrap.indexOf(i()) !== -1;
       }, 300)));
-    }), (e, n) => (A(), C("ul", {
-      class: D(h(v)[I]),
+    }), (e, n) => (A(), C("div", {
+      class: D(h(f)[I]),
       ref_key: "accordionGroupEl",
       ref: p,
-      onFocusin: g,
-      onKeydown: y
+      onFocusin: y,
+      onKeydown: w
     }, [B(e.$slots, "default")], 34));
   }
 });
 export {
-  j as default
+  U as default
 };

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

@@ -1,33 +1,33 @@
 const c = {
-  "cdr-icon": "cdr-icon_14-0-0-ts-5",
-  "cdr-icon--small": "cdr-icon--small_14-0-0-ts-5",
-  "cdr-icon--large": "cdr-icon--large_14-0-0-ts-5",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_14-0-0-ts-5",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_14-0-0-ts-5",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_14-0-0-ts-5",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_14-0-0-ts-5",
-  "cdr-icon--small@md": "cdr-icon--small@md_14-0-0-ts-5",
-  "cdr-icon--large@md": "cdr-icon--large@md_14-0-0-ts-5",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_14-0-0-ts-5",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_14-0-0-ts-5",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_14-0-0-ts-5",
-  "cdr-accordion-group": "cdr-accordion-group_14-0-0-ts-5",
-  "cdr-accordion": "cdr-accordion_14-0-0-ts-5",
-  "cdr-accordion__button": "cdr-accordion__button_14-0-0-ts-5",
-  "cdr-accordion__label": "cdr-accordion__label_14-0-0-ts-5",
-  "cdr-accordion__header": "cdr-accordion__header_14-0-0-ts-5",
-  "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_14-0-0-ts-5",
-  "cdr-accordion__icon": "cdr-accordion__icon_14-0-0-ts-5",
-  "cdr-accordion--open": "cdr-accordion--open_14-0-0-ts-5",
-  "cdr-accordion__content-container": "cdr-accordion__content-container_14-0-0-ts-5",
-  "cdr-tabs--open": "cdr-tabs--open_14-0-0-ts-5",
-  "cdr-accordion__content": "cdr-accordion__content_14-0-0-ts-5",
-  "cdr-accordion--closed": "cdr-accordion--closed_14-0-0-ts-5",
-  "cdr-accordion--unwrap": "cdr-accordion--unwrap_14-0-0-ts-5",
-  "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_14-0-0-ts-5",
-  "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_14-0-0-ts-5",
-  "cdr-accordion--compact": "cdr-accordion--compact_14-0-0-ts-5",
-  "cdr-accordion--focused": "cdr-accordion--focused_14-0-0-ts-5"
+  "cdr-icon": "cdr-icon_14-0-0",
+  "cdr-icon--small": "cdr-icon--small_14-0-0",
+  "cdr-icon--large": "cdr-icon--large_14-0-0",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_14-0-0",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_14-0-0",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_14-0-0",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_14-0-0",
+  "cdr-icon--small@md": "cdr-icon--small@md_14-0-0",
+  "cdr-icon--large@md": "cdr-icon--large@md_14-0-0",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_14-0-0",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_14-0-0",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_14-0-0",
+  "cdr-accordion-group": "cdr-accordion-group_14-0-0",
+  "cdr-accordion": "cdr-accordion_14-0-0",
+  "cdr-accordion__button": "cdr-accordion__button_14-0-0",
+  "cdr-accordion__label": "cdr-accordion__label_14-0-0",
+  "cdr-accordion__header": "cdr-accordion__header_14-0-0",
+  "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_14-0-0",
+  "cdr-accordion__icon": "cdr-accordion__icon_14-0-0",
+  "cdr-accordion--open": "cdr-accordion--open_14-0-0",
+  "cdr-accordion__content-container": "cdr-accordion__content-container_14-0-0",
+  "cdr-tabs--open": "cdr-tabs--open_14-0-0",
+  "cdr-accordion__content": "cdr-accordion__content_14-0-0",
+  "cdr-accordion--closed": "cdr-accordion--closed_14-0-0",
+  "cdr-accordion--unwrap": "cdr-accordion--unwrap_14-0-0",
+  "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_14-0-0",
+  "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_14-0-0",
+  "cdr-accordion--compact": "cdr-accordion--compact_14-0-0",
+  "cdr-accordion--focused": "cdr-accordion--focused_14-0-0"
 };
 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_14-0-0-ts-5",
-  "cdr-accordion": "cdr-accordion_14-0-0-ts-5"
+  "cdr-accordion-group": "cdr-accordion-group_14-0-0",
+  "cdr-accordion": "cdr-accordion_14-0-0"
 };
 export {
   c as default

package/dist/src/components/accordion/symbols.mjs

@@ -1,5 +1,4 @@
-const o = Symbol(), e = Symbol();
+const e = Symbol();
 export {
-  e as groupedKey,
-  o as unwrappedKey
+  e as unwrappedKey
 };

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

@@ -1,18 +1,18 @@
 const n = {
-  "cdr-banner": "cdr-banner_14-0-0-ts-5",
-  "cdr-banner__wrapper--prominence": "cdr-banner__wrapper--prominence_14-0-0-ts-5",
-  "cdr-banner__main": "cdr-banner__main_14-0-0-ts-5",
-  "cdr-banner__icon-left": "cdr-banner__icon-left_14-0-0-ts-5",
-  "cdr-banner__message": "cdr-banner__message_14-0-0-ts-5",
-  "cdr-banner__message-body": "cdr-banner__message-body_14-0-0-ts-5",
-  "cdr-banner__icon-right": "cdr-banner__icon-right_14-0-0-ts-5",
-  "cdr-banner__info-action": "cdr-banner__info-action_14-0-0-ts-5",
-  "cdr-banner--default": "cdr-banner--default_14-0-0-ts-5",
-  "cdr-banner__wrapper": "cdr-banner__wrapper_14-0-0-ts-5",
-  "cdr-banner--info": "cdr-banner--info_14-0-0-ts-5",
-  "cdr-banner--warning": "cdr-banner--warning_14-0-0-ts-5",
-  "cdr-banner--success": "cdr-banner--success_14-0-0-ts-5",
-  "cdr-banner--error": "cdr-banner--error_14-0-0-ts-5"
+  "cdr-banner": "cdr-banner_14-0-0",
+  "cdr-banner__wrapper--prominence": "cdr-banner__wrapper--prominence_14-0-0",
+  "cdr-banner__main": "cdr-banner__main_14-0-0",
+  "cdr-banner__icon-left": "cdr-banner__icon-left_14-0-0",
+  "cdr-banner__message": "cdr-banner__message_14-0-0",
+  "cdr-banner__message-body": "cdr-banner__message-body_14-0-0",
+  "cdr-banner__icon-right": "cdr-banner__icon-right_14-0-0",
+  "cdr-banner__info-action": "cdr-banner__info-action_14-0-0",
+  "cdr-banner--default": "cdr-banner--default_14-0-0",
+  "cdr-banner__wrapper": "cdr-banner__wrapper_14-0-0",
+  "cdr-banner--info": "cdr-banner--info_14-0-0",
+  "cdr-banner--warning": "cdr-banner--warning_14-0-0",
+  "cdr-banner--success": "cdr-banner--success_14-0-0",
+  "cdr-banner--error": "cdr-banner--error_14-0-0"
 };
 export {
   n as default

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

@@ -1,11 +1,11 @@
 const r = {
-  "cdr-breadcrumb": "cdr-breadcrumb_14-0-0-ts-5",
-  "cdr-breadcrumb__list": "cdr-breadcrumb__list_14-0-0-ts-5",
-  "cdr-breadcrumb__item": "cdr-breadcrumb__item_14-0-0-ts-5",
-  "cdr-breadcrumb__link": "cdr-breadcrumb__link_14-0-0-ts-5",
-  "cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_14-0-0-ts-5",
-  "cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_14-0-0-ts-5",
-  "cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_14-0-0-ts-5"
+  "cdr-breadcrumb": "cdr-breadcrumb_14-0-0",
+  "cdr-breadcrumb__list": "cdr-breadcrumb__list_14-0-0",
+  "cdr-breadcrumb__item": "cdr-breadcrumb__item_14-0-0",
+  "cdr-breadcrumb__link": "cdr-breadcrumb__link_14-0-0",
+  "cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_14-0-0",
+  "cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_14-0-0",
+  "cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_14-0-0"
 };
 export {
   r as default

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

@@ -1,35 +1,35 @@
 const t = {
-  "cdr-button": "cdr-button_14-0-0-ts-5",
-  "cdr-button--has-icon-left": "cdr-button--has-icon-left_14-0-0-ts-5",
-  "cdr-button--has-icon-right": "cdr-button--has-icon-right_14-0-0-ts-5",
-  "cdr-button--primary": "cdr-button--primary_14-0-0-ts-5",
-  "cdr-button--secondary": "cdr-button--secondary_14-0-0-ts-5",
-  "cdr-button--dark": "cdr-button--dark_14-0-0-ts-5",
-  "cdr-button--sale": "cdr-button--sale_14-0-0-ts-5",
-  "cdr-button--link": "cdr-button--link_14-0-0-ts-5",
-  "cdr-button--large": "cdr-button--large_14-0-0-ts-5",
-  "cdr-button--medium": "cdr-button--medium_14-0-0-ts-5",
-  "cdr-button--small": "cdr-button--small_14-0-0-ts-5",
-  "cdr-button--icon-only": "cdr-button--icon-only_14-0-0-ts-5",
-  "cdr-button--icon-only-large": "cdr-button--icon-only-large_14-0-0-ts-5",
-  "cdr-button--with-background": "cdr-button--with-background_14-0-0-ts-5",
-  "cdr-button--full-width": "cdr-button--full-width_14-0-0-ts-5",
-  "cdr-button--small@xs": "cdr-button--small@xs_14-0-0-ts-5",
-  "cdr-button--medium@xs": "cdr-button--medium@xs_14-0-0-ts-5",
-  "cdr-button--large@xs": "cdr-button--large@xs_14-0-0-ts-5",
-  "cdr-button--full-width@xs": "cdr-button--full-width@xs_14-0-0-ts-5",
-  "cdr-button--small@sm": "cdr-button--small@sm_14-0-0-ts-5",
-  "cdr-button--medium@sm": "cdr-button--medium@sm_14-0-0-ts-5",
-  "cdr-button--large@sm": "cdr-button--large@sm_14-0-0-ts-5",
-  "cdr-button--full-width@sm": "cdr-button--full-width@sm_14-0-0-ts-5",
-  "cdr-button--small@md": "cdr-button--small@md_14-0-0-ts-5",
-  "cdr-button--medium@md": "cdr-button--medium@md_14-0-0-ts-5",
-  "cdr-button--large@md": "cdr-button--large@md_14-0-0-ts-5",
-  "cdr-button--full-width@md": "cdr-button--full-width@md_14-0-0-ts-5",
-  "cdr-button--small@lg": "cdr-button--small@lg_14-0-0-ts-5",
-  "cdr-button--medium@lg": "cdr-button--medium@lg_14-0-0-ts-5",
-  "cdr-button--large@lg": "cdr-button--large@lg_14-0-0-ts-5",
-  "cdr-button--full-width@lg": "cdr-button--full-width@lg_14-0-0-ts-5"
+  "cdr-button": "cdr-button_14-0-0",
+  "cdr-button--has-icon-left": "cdr-button--has-icon-left_14-0-0",
+  "cdr-button--has-icon-right": "cdr-button--has-icon-right_14-0-0",
+  "cdr-button--primary": "cdr-button--primary_14-0-0",
+  "cdr-button--secondary": "cdr-button--secondary_14-0-0",
+  "cdr-button--dark": "cdr-button--dark_14-0-0",
+  "cdr-button--sale": "cdr-button--sale_14-0-0",
+  "cdr-button--link": "cdr-button--link_14-0-0",
+  "cdr-button--large": "cdr-button--large_14-0-0",
+  "cdr-button--medium": "cdr-button--medium_14-0-0",
+  "cdr-button--small": "cdr-button--small_14-0-0",
+  "cdr-button--icon-only": "cdr-button--icon-only_14-0-0",
+  "cdr-button--icon-only-large": "cdr-button--icon-only-large_14-0-0",
+  "cdr-button--with-background": "cdr-button--with-background_14-0-0",
+  "cdr-button--full-width": "cdr-button--full-width_14-0-0",
+  "cdr-button--small@xs": "cdr-button--small@xs_14-0-0",
+  "cdr-button--medium@xs": "cdr-button--medium@xs_14-0-0",
+  "cdr-button--large@xs": "cdr-button--large@xs_14-0-0",
+  "cdr-button--full-width@xs": "cdr-button--full-width@xs_14-0-0",
+  "cdr-button--small@sm": "cdr-button--small@sm_14-0-0",
+  "cdr-button--medium@sm": "cdr-button--medium@sm_14-0-0",
+  "cdr-button--large@sm": "cdr-button--large@sm_14-0-0",
+  "cdr-button--full-width@sm": "cdr-button--full-width@sm_14-0-0",
+  "cdr-button--small@md": "cdr-button--small@md_14-0-0",
+  "cdr-button--medium@md": "cdr-button--medium@md_14-0-0",
+  "cdr-button--large@md": "cdr-button--large@md_14-0-0",
+  "cdr-button--full-width@md": "cdr-button--full-width@md_14-0-0",
+  "cdr-button--small@lg": "cdr-button--small@lg_14-0-0",
+  "cdr-button--medium@lg": "cdr-button--medium@lg_14-0-0",
+  "cdr-button--large@lg": "cdr-button--large@lg_14-0-0",
+  "cdr-button--full-width@lg": "cdr-button--full-width@lg_14-0-0"
 };
 export {
   t as default

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

@@ -1,7 +1,7 @@
-const t = {
-  "cdr-caption": "cdr-caption_14-0-0-ts-5",
-  "cdr-caption__summary": "cdr-caption__summary_14-0-0-ts-5"
+const c = {
+  "cdr-caption": "cdr-caption_14-0-0",
+  "cdr-caption__summary": "cdr-caption__summary_14-0-0"
 };
 export {
-  t as default
+  c as default
 };

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

@@ -1,5 +1,5 @@
 const c = {
-  "cdr-card": "cdr-card_14-0-0-ts-5"
+  "cdr-card": "cdr-card_14-0-0"
 };
 export {
   c as default

package/dist/src/components/checkbox/CdrCheckbox.vue2.mjs

@@ -1,9 +1,16 @@
-import { defineComponent as c, useCssModule as m, computed as b, openBlock as f, createBlock as v, normalizeClass as C, unref as n, withCtx as r, withDirectives as g, createElementVNode as y, mergeProps as k, vModelCheckbox as S, renderSlot as V } from "vue";
-import h from "../labelWrapper/CdrLabelWrapper.vue.mjs";
-import A from "../../props/size.mjs";
+import { defineComponent as b, useCssModule as f, computed as v, openBlock as g, createBlock as h, normalizeClass as u, unref as n, withCtx as r, withDirectives as C, createElementVNode as l, mergeProps as y, vModelCheckbox as k, renderSlot as S } from "vue";
+import V from "../labelWrapper/CdrLabelWrapper.vue.mjs";
+import x from "../../props/size.mjs";
 import p from "../../utils/propValidator.mjs";
-import x from "../../props/background.mjs";
-const B = ["disabled", "true-value", "false-value", "value"], z = "cdr-checkbox", M = /* @__PURE__ */ c({
+import A from "../../props/background.mjs";
+const B = ["disabled", "true-value", "false-value", "value"], z = /* @__PURE__ */ l("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, [/* @__PURE__ */ l("path", {
+  role: "presentation",
+  d: `M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3
+            11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z`
+})], -1), w = [z], N = "cdr-checkbox", L = /* @__PURE__ */ b({
   name: "CdrCheckbox",
   inheritAttrs: !1,
   customOptions: {},
@@ -52,12 +59,12 @@ const B = ["disabled", "true-value", "false-value", "value"], z = "cdr-checkbox"
      * Sets the background color the input is rendered on
      * @values primary, secondary
      */
-    background: x,
+    background: A,
     /**
      * @demoSelectMultiple false
      * @values small, medium, large
     */
-    size: A,
+    size: x,
     /**
      * Use `hide-figure` to hide the checkbox, which leaves the text label as the clickable element.
      * Add appropriate custom styles to convey selected and unselected states.
@@ -81,9 +88,9 @@ const B = ["disabled", "true-value", "false-value", "value"], z = "cdr-checkbox"
     "update:modelValue": null
   },
   setup(e, {
-    emit: o
+    emit: i
   }) {
-    const i = e, s = {
+    const d = e, c = {
       mounted(t, a) {
         if (a.value) {
           t.setAttribute("indeterminate", a.value);
@@ -98,16 +105,16 @@ const B = ["disabled", "true-value", "false-value", "value"], z = "cdr-checkbox"
         }
         t.removeAttribute("indeterminate");
       }
-    }, l = m(), u = b({
+    }, o = f(), s = v({
       get() {
-        return i.modelValue;
+        return d.modelValue;
       },
       set(t) {
-        o("update:modelValue", t);
+        i("update:modelValue", t);
       }
     });
-    return (t, a) => (f(), v(h, {
-      class: C(n(l)[z]),
+    return (t, a) => (g(), h(V, {
+      class: u(n(o)[N]),
       size: e.size,
       modifier: e.modifier,
       "label-class": e.labelClass,
@@ -115,21 +122,26 @@ const B = ["disabled", "true-value", "false-value", "value"], z = "cdr-checkbox"
       background: e.background,
       disabled: e.disabled
     }, {
-      input: r(() => [g(y("input", k({
-        class: [n(l)["cdr-checkbox__input"], e.inputClass],
+      input: r(() => [C(l("input", y({
+        class: [n(o)["cdr-checkbox__input"], e.inputClass],
         disabled: e.disabled,
         type: "checkbox"
       }, t.$attrs, {
         "true-value": e.customValue ? null : e.trueValue,
         "false-value": e.customValue ? null : e.falseValue,
         value: e.customValue,
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => u.value = d)
-      }), null, 16, B), [[s, e.indeterminate], [S, u.value]])]),
-      default: r(() => [V(t.$slots, "default")]),
+        "onUpdate:modelValue": a[0] || (a[0] = (m) => s.value = m)
+      }), null, 16, B), [[c, e.indeterminate], [k, s.value, void 0, {
+        lazy: !0
+      }]])]),
+      svgs: r(() => [l("div", {
+        class: u(n(o)["cdr-checkbox__svg-box"])
+      }, w, 2)]),
+      default: r(() => [S(t.$slots, "default")]),
       _: 3
     }, 8, ["class", "size", "modifier", "label-class", "content-class", "background", "disabled"]));
   }
 });
 export {
-  M as default
+  L as default
 };

package/dist/src/components/checkbox/styles/CdrCheckbox.module.scss.mjs

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

package/dist/src/components/chip/styles/CdrChip.module.scss.mjs

@@ -1,8 +1,8 @@
 const c = {
-  "cdr-chip": "cdr-chip_14-0-0-ts-5",
-  "cdr-chip__icon-left": "cdr-chip__icon-left_14-0-0-ts-5",
-  "cdr-chip__icon-right": "cdr-chip__icon-right_14-0-0-ts-5",
-  "cdr-chip__content": "cdr-chip__content_14-0-0-ts-5"
+  "cdr-chip": "cdr-chip_14-0-0",
+  "cdr-chip__icon-left": "cdr-chip__icon-left_14-0-0",
+  "cdr-chip__icon-right": "cdr-chip__icon-right_14-0-0",
+  "cdr-chip__content": "cdr-chip__content_14-0-0"
 };
 export {
   c as default