@rei/cedar 16.2.0 → 16.2.2

package/dist/components/abstract/styles/CdrAbstract.module.scss.mjs

@@ -1,5 +1,5 @@
 const t = {
-  "cdr-abstract": "cdr-abstract_16-2-0"
+  "cdr-abstract": "cdr-abstract_16-2-2"
 };
 export {
   t as default

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

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

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

@@ -1,33 +1,32 @@
 const c = {
-  "cdr-icon": "cdr-icon_16-2-0",
-  "cdr-icon--small": "cdr-icon--small_16-2-0",
-  "cdr-icon--large": "cdr-icon--large_16-2-0",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_16-2-0",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_16-2-0",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_16-2-0",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_16-2-0",
-  "cdr-icon--small@md": "cdr-icon--small@md_16-2-0",
-  "cdr-icon--large@md": "cdr-icon--large@md_16-2-0",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_16-2-0",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_16-2-0",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_16-2-0",
-  "cdr-accordion-group": "cdr-accordion-group_16-2-0",
-  "cdr-accordion": "cdr-accordion_16-2-0",
-  "cdr-accordion__button": "cdr-accordion__button_16-2-0",
-  "cdr-accordion__label": "cdr-accordion__label_16-2-0",
-  "cdr-accordion__header": "cdr-accordion__header_16-2-0",
-  "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_16-2-0",
-  "cdr-accordion__icon": "cdr-accordion__icon_16-2-0",
-  "cdr-accordion--open": "cdr-accordion--open_16-2-0",
-  "cdr-accordion__content-container": "cdr-accordion__content-container_16-2-0",
-  "cdr-tabs--open": "cdr-tabs--open_16-2-0",
-  "cdr-accordion__content": "cdr-accordion__content_16-2-0",
-  "cdr-accordion--closed": "cdr-accordion--closed_16-2-0",
-  "cdr-accordion--unwrap": "cdr-accordion--unwrap_16-2-0",
-  "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_16-2-0",
-  "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_16-2-0",
-  "cdr-accordion--compact": "cdr-accordion--compact_16-2-0",
-  "cdr-accordion--focused": "cdr-accordion--focused_16-2-0"
+  "cdr-icon": "cdr-icon_16-2-2",
+  "cdr-icon--small": "cdr-icon--small_16-2-2",
+  "cdr-icon--large": "cdr-icon--large_16-2-2",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_16-2-2",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_16-2-2",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_16-2-2",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_16-2-2",
+  "cdr-icon--small@md": "cdr-icon--small@md_16-2-2",
+  "cdr-icon--large@md": "cdr-icon--large@md_16-2-2",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_16-2-2",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_16-2-2",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_16-2-2",
+  "cdr-accordion-group": "cdr-accordion-group_16-2-2",
+  "cdr-accordion": "cdr-accordion_16-2-2",
+  "cdr-accordion__button": "cdr-accordion__button_16-2-2",
+  "cdr-accordion__label": "cdr-accordion__label_16-2-2",
+  "cdr-accordion__header": "cdr-accordion__header_16-2-2",
+  "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_16-2-2",
+  "cdr-accordion__icon": "cdr-accordion__icon_16-2-2",
+  "cdr-accordion--open": "cdr-accordion--open_16-2-2",
+  "cdr-accordion__content-container": "cdr-accordion__content-container_16-2-2",
+  "cdr-tabs--open": "cdr-tabs--open_16-2-2",
+  "cdr-accordion__content": "cdr-accordion__content_16-2-2",
+  "cdr-accordion--closed": "cdr-accordion--closed_16-2-2",
+  "cdr-accordion--unwrap": "cdr-accordion--unwrap_16-2-2",
+  "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_16-2-2",
+  "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_16-2-2",
+  "cdr-accordion--compact": "cdr-accordion--compact_16-2-2"
 };
 export {
   c as default

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

@@ -1,6 +1,6 @@
 const c = {
-  "cdr-accordion-group": "cdr-accordion-group_16-2-0",
-  "cdr-accordion": "cdr-accordion_16-2-0"
+  "cdr-accordion-group": "cdr-accordion-group_16-2-2",
+  "cdr-accordion": "cdr-accordion_16-2-2"
 };
 export {
   c as default

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

@@ -1,18 +1,18 @@
 const n = {
-  "cdr-banner": "cdr-banner_16-2-0",
-  "cdr-banner__wrapper--prominence": "cdr-banner__wrapper--prominence_16-2-0",
-  "cdr-banner__main": "cdr-banner__main_16-2-0",
-  "cdr-banner__icon-left": "cdr-banner__icon-left_16-2-0",
-  "cdr-banner__message": "cdr-banner__message_16-2-0",
-  "cdr-banner__message-body": "cdr-banner__message-body_16-2-0",
-  "cdr-banner__icon-right": "cdr-banner__icon-right_16-2-0",
-  "cdr-banner__info-action": "cdr-banner__info-action_16-2-0",
-  "cdr-banner--default": "cdr-banner--default_16-2-0",
-  "cdr-banner__wrapper": "cdr-banner__wrapper_16-2-0",
-  "cdr-banner--info": "cdr-banner--info_16-2-0",
-  "cdr-banner--warning": "cdr-banner--warning_16-2-0",
-  "cdr-banner--success": "cdr-banner--success_16-2-0",
-  "cdr-banner--error": "cdr-banner--error_16-2-0"
+  "cdr-banner": "cdr-banner_16-2-2",
+  "cdr-banner__wrapper--prominence": "cdr-banner__wrapper--prominence_16-2-2",
+  "cdr-banner__main": "cdr-banner__main_16-2-2",
+  "cdr-banner__icon-left": "cdr-banner__icon-left_16-2-2",
+  "cdr-banner__message": "cdr-banner__message_16-2-2",
+  "cdr-banner__message-body": "cdr-banner__message-body_16-2-2",
+  "cdr-banner__icon-right": "cdr-banner__icon-right_16-2-2",
+  "cdr-banner__info-action": "cdr-banner__info-action_16-2-2",
+  "cdr-banner--default": "cdr-banner--default_16-2-2",
+  "cdr-banner__wrapper": "cdr-banner__wrapper_16-2-2",
+  "cdr-banner--info": "cdr-banner--info_16-2-2",
+  "cdr-banner--warning": "cdr-banner--warning_16-2-2",
+  "cdr-banner--success": "cdr-banner--success_16-2-2",
+  "cdr-banner--error": "cdr-banner--error_16-2-2"
 };
 export {
   n as default

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

@@ -1,11 +1,11 @@
 const r = {
-  "cdr-breadcrumb": "cdr-breadcrumb_16-2-0",
-  "cdr-breadcrumb__list": "cdr-breadcrumb__list_16-2-0",
-  "cdr-breadcrumb__item": "cdr-breadcrumb__item_16-2-0",
-  "cdr-breadcrumb__link": "cdr-breadcrumb__link_16-2-0",
-  "cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_16-2-0",
-  "cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_16-2-0",
-  "cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_16-2-0"
+  "cdr-breadcrumb": "cdr-breadcrumb_16-2-2",
+  "cdr-breadcrumb__list": "cdr-breadcrumb__list_16-2-2",
+  "cdr-breadcrumb__item": "cdr-breadcrumb__item_16-2-2",
+  "cdr-breadcrumb__link": "cdr-breadcrumb__link_16-2-2",
+  "cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_16-2-2",
+  "cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_16-2-2",
+  "cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_16-2-2"
 };
 export {
   r as default

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

@@ -1,35 +1,35 @@
 const t = {
-  "cdr-button": "cdr-button_16-2-0",
-  "cdr-button--has-icon-left": "cdr-button--has-icon-left_16-2-0",
-  "cdr-button--has-icon-right": "cdr-button--has-icon-right_16-2-0",
-  "cdr-button--primary": "cdr-button--primary_16-2-0",
-  "cdr-button--secondary": "cdr-button--secondary_16-2-0",
-  "cdr-button--dark": "cdr-button--dark_16-2-0",
-  "cdr-button--sale": "cdr-button--sale_16-2-0",
-  "cdr-button--link": "cdr-button--link_16-2-0",
-  "cdr-button--large": "cdr-button--large_16-2-0",
-  "cdr-button--medium": "cdr-button--medium_16-2-0",
-  "cdr-button--small": "cdr-button--small_16-2-0",
-  "cdr-button--icon-only": "cdr-button--icon-only_16-2-0",
-  "cdr-button--icon-only-large": "cdr-button--icon-only-large_16-2-0",
-  "cdr-button--with-background": "cdr-button--with-background_16-2-0",
-  "cdr-button--full-width": "cdr-button--full-width_16-2-0",
-  "cdr-button--small@xs": "cdr-button--small@xs_16-2-0",
-  "cdr-button--medium@xs": "cdr-button--medium@xs_16-2-0",
-  "cdr-button--large@xs": "cdr-button--large@xs_16-2-0",
-  "cdr-button--full-width@xs": "cdr-button--full-width@xs_16-2-0",
-  "cdr-button--small@sm": "cdr-button--small@sm_16-2-0",
-  "cdr-button--medium@sm": "cdr-button--medium@sm_16-2-0",
-  "cdr-button--large@sm": "cdr-button--large@sm_16-2-0",
-  "cdr-button--full-width@sm": "cdr-button--full-width@sm_16-2-0",
-  "cdr-button--small@md": "cdr-button--small@md_16-2-0",
-  "cdr-button--medium@md": "cdr-button--medium@md_16-2-0",
-  "cdr-button--large@md": "cdr-button--large@md_16-2-0",
-  "cdr-button--full-width@md": "cdr-button--full-width@md_16-2-0",
-  "cdr-button--small@lg": "cdr-button--small@lg_16-2-0",
-  "cdr-button--medium@lg": "cdr-button--medium@lg_16-2-0",
-  "cdr-button--large@lg": "cdr-button--large@lg_16-2-0",
-  "cdr-button--full-width@lg": "cdr-button--full-width@lg_16-2-0"
+  "cdr-button": "cdr-button_16-2-2",
+  "cdr-button--has-icon-left": "cdr-button--has-icon-left_16-2-2",
+  "cdr-button--has-icon-right": "cdr-button--has-icon-right_16-2-2",
+  "cdr-button--primary": "cdr-button--primary_16-2-2",
+  "cdr-button--secondary": "cdr-button--secondary_16-2-2",
+  "cdr-button--dark": "cdr-button--dark_16-2-2",
+  "cdr-button--sale": "cdr-button--sale_16-2-2",
+  "cdr-button--link": "cdr-button--link_16-2-2",
+  "cdr-button--large": "cdr-button--large_16-2-2",
+  "cdr-button--medium": "cdr-button--medium_16-2-2",
+  "cdr-button--small": "cdr-button--small_16-2-2",
+  "cdr-button--icon-only": "cdr-button--icon-only_16-2-2",
+  "cdr-button--icon-only-large": "cdr-button--icon-only-large_16-2-2",
+  "cdr-button--with-background": "cdr-button--with-background_16-2-2",
+  "cdr-button--full-width": "cdr-button--full-width_16-2-2",
+  "cdr-button--small@xs": "cdr-button--small@xs_16-2-2",
+  "cdr-button--medium@xs": "cdr-button--medium@xs_16-2-2",
+  "cdr-button--large@xs": "cdr-button--large@xs_16-2-2",
+  "cdr-button--full-width@xs": "cdr-button--full-width@xs_16-2-2",
+  "cdr-button--small@sm": "cdr-button--small@sm_16-2-2",
+  "cdr-button--medium@sm": "cdr-button--medium@sm_16-2-2",
+  "cdr-button--large@sm": "cdr-button--large@sm_16-2-2",
+  "cdr-button--full-width@sm": "cdr-button--full-width@sm_16-2-2",
+  "cdr-button--small@md": "cdr-button--small@md_16-2-2",
+  "cdr-button--medium@md": "cdr-button--medium@md_16-2-2",
+  "cdr-button--large@md": "cdr-button--large@md_16-2-2",
+  "cdr-button--full-width@md": "cdr-button--full-width@md_16-2-2",
+  "cdr-button--small@lg": "cdr-button--small@lg_16-2-2",
+  "cdr-button--medium@lg": "cdr-button--medium@lg_16-2-2",
+  "cdr-button--large@lg": "cdr-button--large@lg_16-2-2",
+  "cdr-button--full-width@lg": "cdr-button--full-width@lg_16-2-2"
 };
 export {
   t as default

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

@@ -1,6 +1,6 @@
 const c = {
-  "cdr-caption": "cdr-caption_16-2-0",
-  "cdr-caption__summary": "cdr-caption__summary_16-2-0"
+  "cdr-caption": "cdr-caption_16-2-2",
+  "cdr-caption__summary": "cdr-caption__summary_16-2-2"
 };
 export {
   c as default

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

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

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

@@ -1,31 +1,31 @@
 const r = {
-  "cdr-label-wrapper": "cdr-label-wrapper_16-2-0",
-  "cdr-label-wrapper__container": "cdr-label-wrapper__container_16-2-0",
-  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_16-2-0",
-  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_16-2-0",
-  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_16-2-0",
-  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_16-2-0",
-  "cdr-label-wrapper__content": "cdr-label-wrapper__content_16-2-0",
-  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_16-2-0",
-  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_16-2-0",
-  "cdr-label-wrapper--small": "cdr-label-wrapper--small_16-2-0",
-  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_16-2-0",
-  "cdr-label-wrapper--large": "cdr-label-wrapper--large_16-2-0",
-  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_16-2-0",
-  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_16-2-0",
-  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_16-2-0",
-  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_16-2-0",
-  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_16-2-0",
-  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_16-2-0",
-  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_16-2-0",
-  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_16-2-0",
-  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_16-2-0",
-  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_16-2-0",
-  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_16-2-0",
-  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_16-2-0",
-  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_16-2-0",
-  "cdr-checkbox": "cdr-checkbox_16-2-0",
-  "cdr-checkbox__input": "cdr-checkbox__input_16-2-0"
+  "cdr-label-wrapper": "cdr-label-wrapper_16-2-2",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_16-2-2",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_16-2-2",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_16-2-2",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_16-2-2",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_16-2-2",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_16-2-2",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_16-2-2",
+  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_16-2-2",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_16-2-2",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_16-2-2",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_16-2-2",
+  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_16-2-2",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_16-2-2",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_16-2-2",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_16-2-2",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_16-2-2",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_16-2-2",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_16-2-2",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_16-2-2",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_16-2-2",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_16-2-2",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_16-2-2",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_16-2-2",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_16-2-2",
+  "cdr-checkbox": "cdr-checkbox_16-2-2",
+  "cdr-checkbox__input": "cdr-checkbox__input_16-2-2"
 };
 export {
   r as default

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

@@ -1,8 +1,8 @@
 const c = {
-  "cdr-chip": "cdr-chip_16-2-0",
-  "cdr-chip__icon-left": "cdr-chip__icon-left_16-2-0",
-  "cdr-chip__icon-right": "cdr-chip__icon-right_16-2-0",
-  "cdr-chip__content": "cdr-chip__content_16-2-0"
+  "cdr-chip": "cdr-chip_16-2-2",
+  "cdr-chip__icon-left": "cdr-chip__icon-left_16-2-2",
+  "cdr-chip__icon-right": "cdr-chip__icon-right_16-2-2",
+  "cdr-chip__content": "cdr-chip__content_16-2-2"
 };
 export {
   c as default

package/dist/components/chip/styles/CdrChipGroup.module.scss.mjs

@@ -1,8 +1,8 @@
 const c = {
-  "cdr-chip-group": "cdr-chip-group_16-2-0",
-  "cdr-chip-group__content": "cdr-chip-group__content_16-2-0",
-  "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_16-2-0",
-  "cdr-chip-group__legend": "cdr-chip-group__legend_16-2-0"
+  "cdr-chip-group": "cdr-chip-group_16-2-2",
+  "cdr-chip-group__content": "cdr-chip-group__content_16-2-2",
+  "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_16-2-2",
+  "cdr-chip-group__legend": "cdr-chip-group__legend_16-2-2"
 };
 export {
   c as default

package/dist/components/choreographer/styles/CdrChoreographer.module.scss.mjs

@@ -1,8 +1,8 @@
 const r = {
-  "cdr-choreographer__kicker": "cdr-choreographer__kicker_16-2-0",
-  "cdr-choreographer__title": "cdr-choreographer__title_16-2-0",
-  "cdr-choreographer__rating": "cdr-choreographer__rating_16-2-0",
-  "cdr-choreographer__abstract": "cdr-choreographer__abstract_16-2-0"
+  "cdr-choreographer__kicker": "cdr-choreographer__kicker_16-2-2",
+  "cdr-choreographer__title": "cdr-choreographer__title_16-2-2",
+  "cdr-choreographer__rating": "cdr-choreographer__rating_16-2-2",
+  "cdr-choreographer__abstract": "cdr-choreographer__abstract_16-2-2"
 };
 export {
   r as default

package/dist/components/container/styles/CdrContainer.module.scss.mjs

@@ -1,6 +1,6 @@
 const t = {
-  "cdr-container": "cdr-container_16-2-0",
-  "cdr-container--static": "cdr-container--static_16-2-0"
+  "cdr-container": "cdr-container_16-2-2",
+  "cdr-container--static": "cdr-container--static_16-2-2"
 };
 export {
   t as default

package/dist/components/filmstrip/CdrFilmstripEngine.vue2.mjs

@@ -3,12 +3,12 @@ import "core-js/modules/esnext.iterator.for-each.js";
 import "core-js/modules/esnext.iterator.map.js";
 import { defineComponent as J, useCssModule as Q, useAttrs as X, ref as m, computed as _, onMounted as Y, onUnmounted as Z, createElementBlock as S, openBlock as d, normalizeClass as y, normalizeStyle as ee, unref as f, createVNode as ae, withCtx as A, createElementVNode as re, Fragment as I, renderList as L, withKeys as N, renderSlot as P, mergeProps as k, createBlock as z, createCommentVNode as te, withModifiers as oe, resolveDynamicComponent as se } from "vue";
 import { useElementHover as le, useDebounceFn as G, useEventListener as ne, useResizeObserver as fe } from "@vueuse/core";
-import T from "../../utils/mapClasses.mjs";
+import E from "../../utils/mapClasses.mjs";
 import ie from "../button/CdrButton.vue.mjs";
 import ue from "../surfaceScroll/CdrSurfaceScroll.vue.mjs";
 import ce from "../icon/comps/caret-left.vue.mjs";
 import me from "../icon/comps/caret-right.vue.mjs";
-const de = ["id", "data-ui"], ve = ["id", "data-ui"], i = "cdr-filmstrip", Te = /* @__PURE__ */ J({
+const de = ["id", "data-ui"], ve = ["id", "data-ui"], i = "cdr-filmstrip", Ee = /* @__PURE__ */ J({
   name: "CdrFilmstripEngine",
   __name: "CdrFilmstripEngine",
   props: {
@@ -51,9 +51,9 @@ const de = ["id", "data-ui"], ve = ["id", "data-ui"], i = "cdr-filmstrip", Te =
   setup(U, {
     emit: W
   }) {
-    const p = Q(), o = U, u = X().class || "", h = W, v = m(""), E = m(null), w = m(null), $ = _(() => {
+    const p = Q(), o = U, u = X().class || "", h = W, v = m(""), T = m(null), w = m(null), $ = _(() => {
       var e;
-      return (e = E.value) == null ? void 0 : e.viewportRef;
+      return (e = T.value) == null ? void 0 : e.viewportRef;
     }), b = m(null), C = m(0), l = m(0), c = m(0), O = le(w), g = m(!1), M = _(() => {
       const e = o.framesToShow * o.framesGap;
       return (C.value - e) / (o.framesToShow + o.frameExtra);
@@ -70,7 +70,7 @@ const de = ["id", "data-ui"], ve = ["id", "data-ui"], i = "cdr-filmstrip", Te =
           icon: a === "left" ? ce : me,
           attributes: {
             "data-ui": `${i}__arrow--${a}`,
-            class: [T(p, `${i}__arrow`, `${i}__arrow--${a}`, t ? "" : `${i}__arrow--disabled`), u ? `${u}__arrow` : null, u ? `${u}__arrow--${a}` : null, t ? "" : u && `${i}__arrow--disabled`].filter(Boolean).join(" "),
+            class: [E(p, `${i}__arrow`, `${i}__arrow--${a}`, t ? "" : `${i}__arrow--disabled`), u ? `${u}__arrow` : null, u ? `${u}__arrow--${a}` : null, t ? "" : u && `${i}__arrow--disabled`].filter(Boolean).join(" "),
             "aria-label": `${a === "right" ? "Next" : "Previous"} Frame`,
             "aria-controls": `${o.id}-frames`,
             tabindex: 0,
@@ -120,18 +120,18 @@ const de = ["id", "data-ui"], ve = ["id", "data-ui"], i = "cdr-filmstrip", Te =
       }), g.value = !1;
     }, 100);
     return Y(() => {
-      var r;
-      ne($, "scroll", q);
+      var r, a;
+      ne((r = $.value) == null ? void 0 : r.viewportElement, "scroll", q);
       const {
         stop: e
-      } = fe(w, (a) => {
-        a.forEach((t) => {
-          C.value = t.contentRect.width;
+      } = fe(w, (t) => {
+        t.forEach((s) => {
+          C.value = s.contentRect.width;
         });
       });
       Z(() => {
         e();
-      }), C.value = ((r = w.value) == null ? void 0 : r.offsetWidth) ?? 0;
+      }), C.value = ((a = w.value) == null ? void 0 : a.offsetWidth) ?? 0;
     }), (e, r) => (d(), S("div", {
       id: e.id,
       ref_key: "containerRef",
@@ -142,7 +142,7 @@ const de = ["id", "data-ui"], ve = ["id", "data-ui"], i = "cdr-filmstrip", Te =
       onFocusin: K
     }, [ae(ue, {
       ref_key: "surfaceScrollRef",
-      ref: E,
+      ref: T,
       "viewport-props": {
         "aria-label": e.description || `${e.frames.length} items`,
         tabindex: e.viewportTabindex
@@ -153,14 +153,14 @@ const de = ["id", "data-ui"], ve = ["id", "data-ui"], i = "cdr-filmstrip", Te =
     }, {
       default: A(() => [re("ul", {
         id: `${e.id}-frames`,
-        class: y([f(T)(f(p), `${i}__frames`), f(u) && `${f(u)}__frames`]),
+        class: y([f(E)(f(p), `${i}__frames`), f(u) && `${f(u)}__frames`]),
         "data-ui": `${i}__frames`
       }, [(d(!0), S(I, null, L(e.frames, (a, t) => (d(), S("li", {
         key: a.key,
         ref_for: !0,
         ref_key: "framesItemsRef",
         ref: b,
-        class: y([f(T)(f(p), `${i}__frame`), f(u) ? `${f(u)}__frame` : null]),
+        class: y([f(E)(f(p), `${i}__frame`), f(u) ? `${f(u)}__frame` : null]),
         onKeydown: [r[0] || (r[0] = N((s) => R(s, "right"), ["right"])), r[1] || (r[1] = N((s) => R(s, "left"), ["left"]))]
       }, [P(e.$slots, "frame", k({
         index: t
@@ -197,5 +197,5 @@ const de = ["id", "data-ui"], ve = ["id", "data-ui"], i = "cdr-filmstrip", Te =
   }
 });
 export {
-  Te as default
+  Ee as default
 };

package/dist/components/filmstrip/styles/CdrFilmstrip.module.scss.mjs

@@ -1,11 +1,11 @@
 const r = {
-  "cdr-filmstrip": "cdr-filmstrip_16-2-0",
-  "cdr-filmstrip__frames": "cdr-filmstrip__frames_16-2-0",
-  "cdr-filmstrip__frame": "cdr-filmstrip__frame_16-2-0",
-  "cdr-filmstrip__arrow": "cdr-filmstrip__arrow_16-2-0",
-  "cdr-filmstrip__arrow--left": "cdr-filmstrip__arrow--left_16-2-0",
-  "cdr-filmstrip__arrow--right": "cdr-filmstrip__arrow--right_16-2-0",
-  "cdr-filmstrip__sr-only": "cdr-filmstrip__sr-only_16-2-0"
+  "cdr-filmstrip": "cdr-filmstrip_16-2-2",
+  "cdr-filmstrip__frames": "cdr-filmstrip__frames_16-2-2",
+  "cdr-filmstrip__frame": "cdr-filmstrip__frame_16-2-2",
+  "cdr-filmstrip__arrow": "cdr-filmstrip__arrow_16-2-2",
+  "cdr-filmstrip__arrow--left": "cdr-filmstrip__arrow--left_16-2-2",
+  "cdr-filmstrip__arrow--right": "cdr-filmstrip__arrow--right_16-2-2",
+  "cdr-filmstrip__sr-only": "cdr-filmstrip__sr-only_16-2-2"
 };
 export {
   r as default

package/dist/components/formError/styles/CdrFormError.module.scss.mjs

@@ -1,6 +1,6 @@
 const r = {
-  "cdr-form-error": "cdr-form-error_16-2-0",
-  "cdr-form-error__icon": "cdr-form-error__icon_16-2-0"
+  "cdr-form-error": "cdr-form-error_16-2-2",
+  "cdr-form-error__icon": "cdr-form-error__icon_16-2-2"
 };
 export {
   r as default

package/dist/components/formGroup/styles/CdrFormGroup.module.scss.mjs

@@ -1,12 +1,12 @@
 const r = {
-  "cdr-form-error": "cdr-form-error_16-2-0",
-  "cdr-form-error__icon": "cdr-form-error__icon_16-2-0",
-  "cdr-form-group": "cdr-form-group_16-2-0",
-  "cdr-form-group--error": "cdr-form-group--error_16-2-0",
-  "cdr-form-group--disabled": "cdr-form-group--disabled_16-2-0",
-  "cdr-form-group__optional": "cdr-form-group__optional_16-2-0",
-  "cdr-form-group__required": "cdr-form-group__required_16-2-0",
-  "cdr-form-group__wrapper": "cdr-form-group__wrapper_16-2-0"
+  "cdr-form-error": "cdr-form-error_16-2-2",
+  "cdr-form-error__icon": "cdr-form-error__icon_16-2-2",
+  "cdr-form-group": "cdr-form-group_16-2-2",
+  "cdr-form-group--error": "cdr-form-group--error_16-2-2",
+  "cdr-form-group--disabled": "cdr-form-group--disabled_16-2-2",
+  "cdr-form-group__optional": "cdr-form-group__optional_16-2-2",
+  "cdr-form-group__required": "cdr-form-group__required_16-2-2",
+  "cdr-form-group__wrapper": "cdr-form-group__wrapper_16-2-2"
 };
 export {
   r as default