@rei/cedar 15.6.1-beta.2 → 15.6.1-beta.4

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

@@ -2,14 +2,14 @@ import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.filter.js";
 import "core-js/modules/esnext.iterator.for-each.js";
 import "core-js/modules/esnext.iterator.map.js";
-import { defineComponent as D, useCssModule as q, useAttrs as J, ref as u, computed as k, onMounted as K, onUnmounted as Q, createElementBlock as $, openBlock as _, normalizeClass as d, normalizeStyle as X, unref as r, createVNode as g, withCtx as b, createElementVNode as Y, Fragment as x, renderList as B, renderSlot as F, mergeProps as y, createBlock as R, createCommentVNode as Z, withModifiers as ee, resolveDynamicComponent as ae } from "vue";
+import { defineComponent as q, useCssModule as J, useAttrs as Q, ref as m, computed as E, onMounted as X, onUnmounted as Y, createElementBlock as b, openBlock as _, normalizeClass as v, normalizeStyle as Z, unref as t, createVNode as y, withCtx as C, createElementVNode as ee, Fragment as R, renderList as I, withKeys as L, renderSlot as N, mergeProps as M, createBlock as z, createCommentVNode as ae, withModifiers as te, resolveDynamicComponent as re } from "vue";
 import h from "../../utils/mapClasses.mjs";
-import { useElementHover as re, useDebounceFn as I, useEventListener as te, useResizeObserver as oe } from "@vueuse/core";
-import { ScrollAreaRoot as se, ScrollAreaViewport as le, ScrollAreaScrollbar as ne, ScrollAreaThumb as ie } from "radix-vue";
-import fe from "../button/CdrButton.vue.mjs";
-import ce from "../icon/comps/caret-left.vue.mjs";
-import ue from "../icon/comps/caret-right.vue.mjs";
-const me = ["id", "data-ui"], de = ["id", "data-ui"], n = "cdr-filmstrip", Te = /* @__PURE__ */ D({
+import { useElementHover as oe, useDebounceFn as P, useEventListener as se, useResizeObserver as le } from "@vueuse/core";
+import { ScrollAreaRoot as ne, ScrollAreaViewport as ie, ScrollAreaScrollbar as fe, ScrollAreaThumb as ue } from "radix-vue";
+import ce from "../button/CdrButton.vue.mjs";
+import me from "../icon/comps/caret-left.vue.mjs";
+import de from "../icon/comps/caret-right.vue.mjs";
+const ve = ["id", "data-ui"], he = ["id", "data-ui"], i = "cdr-filmstrip", Me = /* @__PURE__ */ q({
   name: "CdrFilmstripEngine",
   __name: "CdrFilmstripEngine",
   props: {
@@ -20,7 +20,7 @@ const me = ["id", "data-ui"], de = ["id", "data-ui"], n = "cdr-filmstrip", Te =
       default: ""
     },
     dataUi: {
-      default: n
+      default: i
     },
     isShowingArrows: {
       type: Boolean,
@@ -48,27 +48,27 @@ const me = ["id", "data-ui"], de = ["id", "data-ui"], n = "cdr-filmstrip", Te =
       default: "-1"
     }
   },
-  emits: ["arrowClick", "ariaMessage"],
-  setup(L, {
-    emit: z
+  emits: ["arrowClick", "scrollNavigate", "ariaMessage"],
+  setup(G, {
+    emit: U
   }) {
-    const c = q(), s = L, l = J().class || "", S = z, p = u(""), v = u(null), w = u(null), N = u(null), C = u(0), f = u(0), G = u(0), T = u(!1), P = re(v), M = k(() => {
+    const u = J(), s = G, l = Q().class || "", w = U, p = m(""), g = m(null), $ = m(null), k = m(null), T = m(0), f = m(0), c = m(0), V = oe(g), S = m(!1), x = E(() => {
       const e = s.framesToShow * s.framesGap;
-      return (C.value - e) / (s.framesToShow + s.frameExtra);
-    }), U = k(() => ({
+      return (T.value - e) / (s.framesToShow + s.frameExtra);
+    }), W = E(() => ({
       "--frames-gap": s.framesGap,
-      "--frame-width": M.value,
+      "--frame-width": x.value,
       "--frame-extra": s.frameExtra
-    })), V = k(() => {
-      const e = f.value === 0, t = f.value >= s.frames.length - s.framesToShow;
+    })), O = E(() => {
+      const e = f.value === 0, r = f.value >= s.frames.length - s.framesToShow;
       return ["left", "right"].map((a) => {
-        const o = a === "left" ? !e : !t;
+        const o = a === "left" ? !e : !r;
         return {
           direction: a,
-          icon: a === "left" ? ce : ue,
+          icon: a === "left" ? me : de,
           attributes: {
-            "data-ui": `${n}__arrow--${a}`,
-            class: [h(c, `${n}__arrow`, `${n}__arrow--${a}`, o ? "" : `${n}__arrow--disabled`), l ? `${l}__arrow` : null, l ? `${l}__arrow--${a}` : null, o ? "" : l && `${n}__arrow--disabled`].filter(Boolean).join(" "),
+            "data-ui": `${i}__arrow--${a}`,
+            class: [h(u, `${i}__arrow`, `${i}__arrow--${a}`, o ? "" : `${i}__arrow--disabled`), l ? `${l}__arrow` : null, l ? `${l}__arrow--${a}` : null, o ? "" : l && `${i}__arrow--disabled`].filter(Boolean).join(" "),
             "aria-label": `${a === "right" ? "Next" : "Previous"} Frame`,
             "aria-controls": `${s.id}-frames`,
             tabindex: 0,
@@ -77,120 +77,131 @@ const me = ["id", "data-ui"], de = ["id", "data-ui"], n = "cdr-filmstrip", Te =
           }
         };
       });
-    }), E = (e) => {
-      const t = M.value * e, a = s.framesGap * e;
-      return t + a;
-    }, W = (e) => {
-      var o, i;
-      const t = E(e), a = ((o = w.value) == null ? void 0 : o.viewportElement.scrollLeft) ?? 0;
-      (i = w.value) == null || i.viewportElement.scrollBy({
-        left: t - a,
+    }), A = (e) => {
+      const r = x.value * e, a = s.framesGap * e;
+      return r + a;
+    }, D = (e) => {
+      var o, n;
+      const r = A(e), a = ((o = $.value) == null ? void 0 : o.viewportElement.scrollLeft) ?? 0;
+      (n = $.value) == null || n.viewportElement.scrollBy({
+        left: r - a,
         behavior: "smooth"
       });
-    }, A = (e, t) => {
-      S("arrowClick", {
+    }, F = (e, r) => {
+      w("arrowClick", {
         event: e,
-        direction: t
+        direction: r
       });
-      const o = t === "left" ? -s.framesToScroll : s.framesToScroll, i = f.value + o;
-      f.value = Math.max(0, Math.min(i, s.frames.length - 1)), W(f.value);
-    }, O = I(() => {
-      const e = s.frames.length, t = Math.max(1, f.value + 1), a = Math.min(e, t + s.framesToShow - 1);
-      p.value = s.framesToShow === 1 ? `Now showing frame ${t} of ${e}` : `Now showing frames ${t} through ${a} of ${e}`, S("ariaMessage", p.value);
-    }, 300), H = (e) => {
-      const t = e.currentTarget;
-      if (!t || !e.relatedTarget || !t.contains(e.relatedTarget)) {
-        const a = s.frames.length, o = Math.max(1, f.value + 1), i = Math.min(a, o + s.framesToShow - 1);
-        s.framesToShow === 1 ? p.value = `Showing frame ${o} of ${a}. Use left and right arrow keys to navigate.` : p.value = `Showing frames ${o} through ${i} of ${a}. Use left and right arrow keys to navigate.`, S("ariaMessage", p.value);
+      const o = r === "left" ? -s.framesToScroll : s.framesToScroll, n = f.value + o;
+      f.value = Math.max(0, Math.min(n, s.frames.length - 1)), S.value = !0, D(f.value);
+    }, H = P(() => {
+      const e = s.frames.length, r = Math.max(1, f.value + 1), a = Math.min(e, r + s.framesToShow - 1);
+      p.value = s.framesToShow === 1 ? `Now showing frame ${r} of ${e}` : `Now showing frames ${r} through ${a} of ${e}`, w("ariaMessage", p.value);
+    }, 300), j = (e) => {
+      const r = e.currentTarget;
+      if (!r || !e.relatedTarget || !r.contains(e.relatedTarget)) {
+        const a = s.frames.length, o = Math.max(1, f.value + 1), n = Math.min(a, o + s.framesToShow - 1);
+        s.framesToShow === 1 ? p.value = `Showing frame ${o} of ${a}. Use left and right arrow keys to navigate.` : p.value = `Showing frames ${o} through ${n} of ${a}. Use left and right arrow keys to navigate.`, w("ariaMessage", p.value);
       }
-    }, j = I((e) => {
-      const t = e.target.scrollLeft, a = s.frames.map((i, m) => E(m)), o = a.findIndex((i) => Math.abs(i - t) === Math.min(...a.map((m) => Math.abs(m - t))));
-      o !== f.value && (f.value = o, O()), T.value || (T.value = !0);
+    };
+    function B(e, r) {
+      if (e.preventDefault(), S.value = !0, r === "left" ? c.value = c.value <= 0 ? s.frames.length - 1 : c.value - 1 : c.value = c.value >= s.frames.length - 1 ? 0 : c.value + 1, k.value) {
+        const o = k.value[c.value].querySelector(s.focusSelector);
+        o && o.focus();
+      }
+    }
+    const K = P((e) => {
+      const r = e.target.scrollLeft, a = s.frames.map((n, d) => A(d)), o = a.findIndex((n) => Math.abs(n - r) === Math.min(...a.map((d) => Math.abs(d - r))));
+      o !== f.value && (f.value = o, H()), S.value || w("scrollNavigate", {
+        event: e,
+        index: f.value
+      }), S.value = !1;
     }, 100);
-    return K(() => {
-      var t, a;
-      te((t = w.value) == null ? void 0 : t.viewportElement, "scroll", j);
+    return X(() => {
+      var r, a;
+      se((r = $.value) == null ? void 0 : r.viewportElement, "scroll", K);
       const {
         stop: e
-      } = oe(v, (o) => {
-        o.forEach((i) => {
-          C.value = i.contentRect.width;
+      } = le(g, (o) => {
+        o.forEach((n) => {
+          T.value = n.contentRect.width;
         });
       });
-      Q(() => {
+      Y(() => {
         e();
-      }), C.value = ((a = v.value) == null ? void 0 : a.offsetWidth) ?? 0;
-    }), (e, t) => (_(), $("div", {
+      }), T.value = ((a = g.value) == null ? void 0 : a.offsetWidth) ?? 0;
+    }), (e, r) => (_(), b("div", {
       id: e.id,
       ref_key: "containerRef",
-      ref: v,
+      ref: g,
       "data-ui": e.dataUi,
-      style: X(U.value),
-      class: d(r(c)[n]),
-      onFocusin: H
-    }, [g(r(se), {
+      style: Z(W.value),
+      class: v(t(u)[i]),
+      onFocusin: j
+    }, [y(t(ne), {
       type: "auto",
-      class: d([r(h)(r(c), `${n}__root`), r(l) ? `${r(l)}__root` : null])
+      class: v([t(h)(t(u), `${i}__root`), t(l) ? `${t(l)}__root` : null])
     }, {
-      default: b(() => [g(r(le), {
+      default: C(() => [y(t(ie), {
         ref_key: "framesRef",
-        ref: w,
-        class: d([r(h)(r(c), `${n}__viewport`), r(l) ? `${r(l)}__viewport` : null]),
+        ref: $,
+        class: v([t(h)(t(u), `${i}__viewport`), t(l) ? `${t(l)}__viewport` : null]),
         "aria-label": e.description || `${e.frames.length} items`,
         tabindex: e.viewportTabindex
       }, {
-        default: b(() => [Y("ul", {
+        default: C(() => [ee("ul", {
           id: `${e.id}-frames`,
-          class: d([r(h)(r(c), `${n}__frames`), r(l) && `${r(l)}__frames`]),
-          "data-ui": `${n}__frames`
-        }, [(_(!0), $(x, null, B(e.frames, (a, o) => (_(), $("li", {
+          class: v([t(h)(t(u), `${i}__frames`), t(l) && `${t(l)}__frames`]),
+          "data-ui": `${i}__frames`
+        }, [(_(!0), b(R, null, I(e.frames, (a, o) => (_(), b("li", {
           key: a.key,
           ref_for: !0,
           ref_key: "framesItemsRef",
-          ref: N,
-          class: d([r(h)(r(c), `${n}__frame`), r(l) ? `${r(l)}__frame` : null])
-        }, [F(e.$slots, "frame", y({
+          ref: k,
+          class: v([t(h)(t(u), `${i}__frame`), t(l) ? `${t(l)}__frame` : null]),
+          onKeydown: [r[0] || (r[0] = L((n) => B(n, "right"), ["right"])), r[1] || (r[1] = L((n) => B(n, "left"), ["left"]))]
+        }, [N(e.$slots, "frame", M({
           index: o,
           ref_for: !0
         }, a.props, {
-          tabindex: o === G.value ? "0" : "-1"
-        }))], 2))), 128))], 10, de)]),
+          tabindex: o === c.value ? "0" : "-1"
+        }))], 34))), 128))], 10, he)]),
         _: 3
-      }, 8, ["class", "aria-label", "tabindex"]), g(r(ne), {
-        class: d([r(h)(r(c), `${n}__bar`, `${n}__bar--horizontal`), r(l) ? `${r(l)}__bar` : null, r(l) ? `${r(l)}__bar--horizontal` : null]),
+      }, 8, ["class", "aria-label", "tabindex"]), y(t(fe), {
+        class: v([t(h)(t(u), `${i}__bar`, `${i}__bar--horizontal`), t(l) ? `${t(l)}__bar` : null, t(l) ? `${t(l)}__bar--horizontal` : null]),
         orientation: "horizontal"
       }, {
-        default: b(() => [g(r(ie), {
-          class: d([r(h)(r(c), `${n}__thumb`), r(l) ? `${r(l)}__thumb` : null])
+        default: C(() => [y(t(ue), {
+          class: v([t(h)(t(u), `${i}__thumb`), t(l) ? `${t(l)}__thumb` : null])
         }, null, 8, ["class"])]),
         _: 1
       }, 8, ["class"])]),
       _: 3
-    }, 8, ["class"]), (_(!0), $(x, null, B(V.value, ({
+    }, 8, ["class"]), (_(!0), b(R, null, I(O.value, ({
       direction: a,
       attributes: o,
-      icon: i
-    }) => F(e.$slots, "arrow", y({
+      icon: n
+    }) => N(e.$slots, "arrow", M({
       ref_for: !0
     }, {
       attributes: o,
       direction: a,
-      icon: i
+      icon: n
     }, {
-      onClick: (m) => A(m, a)
-    }), () => [r(P) && s.isShowingArrows ? (_(), R(fe, y({
+      onClick: (d) => F(d, a)
+    }), () => [t(V) && s.isShowingArrows ? (_(), z(ce, M({
       key: a,
       "icon-only": !0,
       "with-background": !0,
       ref_for: !0
     }, o, {
-      onClick: ee((m) => A(m, a), ["prevent"])
+      onClick: te((d) => F(d, a), ["prevent"])
     }), {
-      icon: b(() => [(_(), R(ae(i)))]),
+      icon: C(() => [(_(), z(re(n)))]),
       _: 2
-    }, 1040, ["onClick"])) : Z("", !0)])), 256))], 46, me));
+    }, 1040, ["onClick"])) : ae("", !0)])), 256))], 46, ve));
   }
 });
 export {
-  Te as default
+  Me as default
 };

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

@@ -1,16 +1,16 @@
 const r = {
-  "cdr-filmstrip": "cdr-filmstrip_15-6-1-beta-2",
-  "cdr-filmstrip__viewport": "cdr-filmstrip__viewport_15-6-1-beta-2",
-  "cdr-filmstrip__root": "cdr-filmstrip__root_15-6-1-beta-2",
-  "cdr-filmstrip__frames": "cdr-filmstrip__frames_15-6-1-beta-2",
-  "cdr-filmstrip__frame": "cdr-filmstrip__frame_15-6-1-beta-2",
-  "cdr-filmstrip__bar": "cdr-filmstrip__bar_15-6-1-beta-2",
-  "cdr-filmstrip__bar--horizontal": "cdr-filmstrip__bar--horizontal_15-6-1-beta-2",
-  "cdr-filmstrip__thumb": "cdr-filmstrip__thumb_15-6-1-beta-2",
-  "cdr-filmstrip__arrow": "cdr-filmstrip__arrow_15-6-1-beta-2",
-  "cdr-filmstrip__arrow--left": "cdr-filmstrip__arrow--left_15-6-1-beta-2",
-  "cdr-filmstrip__arrow--right": "cdr-filmstrip__arrow--right_15-6-1-beta-2",
-  "cdr-filmstrip__sr-only": "cdr-filmstrip__sr-only_15-6-1-beta-2"
+  "cdr-filmstrip": "cdr-filmstrip_15-6-1-beta-4",
+  "cdr-filmstrip__viewport": "cdr-filmstrip__viewport_15-6-1-beta-4",
+  "cdr-filmstrip__root": "cdr-filmstrip__root_15-6-1-beta-4",
+  "cdr-filmstrip__frames": "cdr-filmstrip__frames_15-6-1-beta-4",
+  "cdr-filmstrip__frame": "cdr-filmstrip__frame_15-6-1-beta-4",
+  "cdr-filmstrip__bar": "cdr-filmstrip__bar_15-6-1-beta-4",
+  "cdr-filmstrip__bar--horizontal": "cdr-filmstrip__bar--horizontal_15-6-1-beta-4",
+  "cdr-filmstrip__thumb": "cdr-filmstrip__thumb_15-6-1-beta-4",
+  "cdr-filmstrip__arrow": "cdr-filmstrip__arrow_15-6-1-beta-4",
+  "cdr-filmstrip__arrow--left": "cdr-filmstrip__arrow--left_15-6-1-beta-4",
+  "cdr-filmstrip__arrow--right": "cdr-filmstrip__arrow--right_15-6-1-beta-4",
+  "cdr-filmstrip__sr-only": "cdr-filmstrip__sr-only_15-6-1-beta-4"
 };
 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_15-6-1-beta-2",
-  "cdr-form-error__icon": "cdr-form-error__icon_15-6-1-beta-2"
+  "cdr-form-error": "cdr-form-error_15-6-1-beta-4",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-6-1-beta-4"
 };
 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_15-6-1-beta-2",
-  "cdr-form-error__icon": "cdr-form-error__icon_15-6-1-beta-2",
-  "cdr-form-group": "cdr-form-group_15-6-1-beta-2",
-  "cdr-form-group--error": "cdr-form-group--error_15-6-1-beta-2",
-  "cdr-form-group--disabled": "cdr-form-group--disabled_15-6-1-beta-2",
-  "cdr-form-group__optional": "cdr-form-group__optional_15-6-1-beta-2",
-  "cdr-form-group__required": "cdr-form-group__required_15-6-1-beta-2",
-  "cdr-form-group__wrapper": "cdr-form-group__wrapper_15-6-1-beta-2"
+  "cdr-form-error": "cdr-form-error_15-6-1-beta-4",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-6-1-beta-4",
+  "cdr-form-group": "cdr-form-group_15-6-1-beta-4",
+  "cdr-form-group--error": "cdr-form-group--error_15-6-1-beta-4",
+  "cdr-form-group--disabled": "cdr-form-group--disabled_15-6-1-beta-4",
+  "cdr-form-group__optional": "cdr-form-group__optional_15-6-1-beta-4",
+  "cdr-form-group__required": "cdr-form-group__required_15-6-1-beta-4",
+  "cdr-form-group__wrapper": "cdr-form-group__wrapper_15-6-1-beta-4"
 };
 export {
   r as default

package/dist/components/fulfillmentTile/styles/CdrFulfillmentTileIcon.module.scss.mjs

@@ -1,10 +1,10 @@
 const l = {
-  "cdr-fulfillment-tile-icon": "cdr-fulfillment-tile-icon_15-6-1-beta-2",
-  "cdr-fulfillment-tile-icon--default": "cdr-fulfillment-tile-icon--default_15-6-1-beta-2",
-  "cdr-fulfillment-tile-icon--info": "cdr-fulfillment-tile-icon--info_15-6-1-beta-2",
-  "cdr-fulfillment-tile-icon--warning": "cdr-fulfillment-tile-icon--warning_15-6-1-beta-2",
-  "cdr-fulfillment-tile-icon--success": "cdr-fulfillment-tile-icon--success_15-6-1-beta-2",
-  "cdr-fulfillment-tile-icon--error": "cdr-fulfillment-tile-icon--error_15-6-1-beta-2"
+  "cdr-fulfillment-tile-icon": "cdr-fulfillment-tile-icon_15-6-1-beta-4",
+  "cdr-fulfillment-tile-icon--default": "cdr-fulfillment-tile-icon--default_15-6-1-beta-4",
+  "cdr-fulfillment-tile-icon--info": "cdr-fulfillment-tile-icon--info_15-6-1-beta-4",
+  "cdr-fulfillment-tile-icon--warning": "cdr-fulfillment-tile-icon--warning_15-6-1-beta-4",
+  "cdr-fulfillment-tile-icon--success": "cdr-fulfillment-tile-icon--success_15-6-1-beta-4",
+  "cdr-fulfillment-tile-icon--error": "cdr-fulfillment-tile-icon--error_15-6-1-beta-4"
 };
 export {
   l as default

package/dist/components/fulfillmentTile/styles/CdrFulfillmentTitle.module.scss.mjs

@@ -1,10 +1,10 @@
 const e = {
-  "cdr-fulfillment-tile": "cdr-fulfillment-tile_15-6-1-beta-2",
-  "cdr-fulfillment-tile__header": "cdr-fulfillment-tile__header_15-6-1-beta-2",
-  "cdr-surface-selection__loading": "cdr-surface-selection__loading_15-6-1-beta-2",
-  "cdr-surface-selection__layout": "cdr-surface-selection__layout_15-6-1-beta-2",
-  "cdr-fulfillment-tile__content": "cdr-fulfillment-tile__content_15-6-1-beta-2",
-  "cdr-fulfillment-tile__main": "cdr-fulfillment-tile__main_15-6-1-beta-2"
+  "cdr-fulfillment-tile": "cdr-fulfillment-tile_15-6-1-beta-4",
+  "cdr-fulfillment-tile__header": "cdr-fulfillment-tile__header_15-6-1-beta-4",
+  "cdr-surface-selection__loading": "cdr-surface-selection__loading_15-6-1-beta-4",
+  "cdr-surface-selection__layout": "cdr-surface-selection__layout_15-6-1-beta-4",
+  "cdr-fulfillment-tile__content": "cdr-fulfillment-tile__content_15-6-1-beta-4",
+  "cdr-fulfillment-tile__main": "cdr-fulfillment-tile__main_15-6-1-beta-4"
 };
 export {
   e as default

package/dist/components/grid/styles/CdrGrid.module.scss.mjs

@@ -1,25 +1,25 @@
 const r = {
-  "cdr-grid": "cdr-grid_15-6-1-beta-2",
-  "cdr-grid--gutter-none": "cdr-grid--gutter-none_15-6-1-beta-2",
-  "cdr-grid--gutter-small": "cdr-grid--gutter-small_15-6-1-beta-2",
-  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_15-6-1-beta-2",
-  "cdr-grid--gutter-large": "cdr-grid--gutter-large_15-6-1-beta-2",
-  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_15-6-1-beta-2",
-  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_15-6-1-beta-2",
-  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_15-6-1-beta-2",
-  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_15-6-1-beta-2",
-  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_15-6-1-beta-2",
-  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_15-6-1-beta-2",
-  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_15-6-1-beta-2",
-  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_15-6-1-beta-2",
-  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_15-6-1-beta-2",
-  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_15-6-1-beta-2",
-  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_15-6-1-beta-2",
-  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_15-6-1-beta-2",
-  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_15-6-1-beta-2",
-  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_15-6-1-beta-2",
-  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_15-6-1-beta-2",
-  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_15-6-1-beta-2"
+  "cdr-grid": "cdr-grid_15-6-1-beta-4",
+  "cdr-grid--gutter-none": "cdr-grid--gutter-none_15-6-1-beta-4",
+  "cdr-grid--gutter-small": "cdr-grid--gutter-small_15-6-1-beta-4",
+  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_15-6-1-beta-4",
+  "cdr-grid--gutter-large": "cdr-grid--gutter-large_15-6-1-beta-4",
+  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_15-6-1-beta-4",
+  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_15-6-1-beta-4",
+  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_15-6-1-beta-4",
+  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_15-6-1-beta-4",
+  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_15-6-1-beta-4",
+  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_15-6-1-beta-4",
+  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_15-6-1-beta-4",
+  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_15-6-1-beta-4",
+  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_15-6-1-beta-4",
+  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_15-6-1-beta-4",
+  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_15-6-1-beta-4",
+  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_15-6-1-beta-4",
+  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_15-6-1-beta-4",
+  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_15-6-1-beta-4",
+  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_15-6-1-beta-4",
+  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_15-6-1-beta-4"
 };
 export {
   r as default

package/dist/components/icon/styles/CdrIcon.module.scss.mjs

@@ -1,16 +1,16 @@
 const c = {
-  "cdr-icon": "cdr-icon_15-6-1-beta-2",
-  "cdr-icon--small": "cdr-icon--small_15-6-1-beta-2",
-  "cdr-icon--large": "cdr-icon--large_15-6-1-beta-2",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_15-6-1-beta-2",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_15-6-1-beta-2",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_15-6-1-beta-2",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_15-6-1-beta-2",
-  "cdr-icon--small@md": "cdr-icon--small@md_15-6-1-beta-2",
-  "cdr-icon--large@md": "cdr-icon--large@md_15-6-1-beta-2",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_15-6-1-beta-2",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_15-6-1-beta-2",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-6-1-beta-2"
+  "cdr-icon": "cdr-icon_15-6-1-beta-4",
+  "cdr-icon--small": "cdr-icon--small_15-6-1-beta-4",
+  "cdr-icon--large": "cdr-icon--large_15-6-1-beta-4",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_15-6-1-beta-4",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_15-6-1-beta-4",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_15-6-1-beta-4",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_15-6-1-beta-4",
+  "cdr-icon--small@md": "cdr-icon--small@md_15-6-1-beta-4",
+  "cdr-icon--large@md": "cdr-icon--large@md_15-6-1-beta-4",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_15-6-1-beta-4",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_15-6-1-beta-4",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-6-1-beta-4"
 };
 export {
   c as default

package/dist/components/image/styles/CdrImg.module.scss.mjs

@@ -1,5 +1,5 @@
 const e = {
-  "cdr-image": "cdr-image_15-6-1-beta-2"
+  "cdr-image": "cdr-image_15-6-1-beta-4"
 };
 export {
   e as default

package/dist/components/input/styles/CdrInput.module.scss.mjs

@@ -1,36 +1,36 @@
 const a = {
-  "cdr-label-standalone": "cdr-label-standalone_15-6-1-beta-2",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-6-1-beta-2",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_15-6-1-beta-2",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-6-1-beta-2",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-6-1-beta-2",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-6-1-beta-2",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-6-1-beta-2",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_15-6-1-beta-2",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-6-1-beta-2",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-6-1-beta-2",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-6-1-beta-2",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-6-1-beta-2",
-  "cdr-form-error": "cdr-form-error_15-6-1-beta-2",
-  "cdr-form-error__icon": "cdr-form-error__icon_15-6-1-beta-2",
-  "cdr-input": "cdr-input_15-6-1-beta-2",
-  "cdr-input--focus": "cdr-input--focus_15-6-1-beta-2",
-  "cdr-input--multiline": "cdr-input--multiline_15-6-1-beta-2",
-  "cdr-input--preicon": "cdr-input--preicon_15-6-1-beta-2",
-  "cdr-input--posticon": "cdr-input--posticon_15-6-1-beta-2",
-  "cdr-input--posticons": "cdr-input--posticons_15-6-1-beta-2",
-  "cdr-input--primary": "cdr-input--primary_15-6-1-beta-2",
-  "cdr-input--secondary": "cdr-input--secondary_15-6-1-beta-2",
-  "cdr-input--error": "cdr-input--error_15-6-1-beta-2",
-  "cdr-input--large": "cdr-input--large_15-6-1-beta-2",
-  "cdr-input--large@xs": "cdr-input--large@xs_15-6-1-beta-2",
-  "cdr-input--large@sm": "cdr-input--large@sm_15-6-1-beta-2",
-  "cdr-input--large@md": "cdr-input--large@md_15-6-1-beta-2",
-  "cdr-input--large@lg": "cdr-input--large@lg_15-6-1-beta-2",
-  "cdr-input__pre-icon": "cdr-input__pre-icon_15-6-1-beta-2",
-  "cdr-input__post-icon": "cdr-input__post-icon_15-6-1-beta-2",
-  "cdr-input__helper-text": "cdr-input__helper-text_15-6-1-beta-2",
-  "cdr-input-wrap": "cdr-input-wrap_15-6-1-beta-2"
+  "cdr-label-standalone": "cdr-label-standalone_15-6-1-beta-4",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-6-1-beta-4",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-6-1-beta-4",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-6-1-beta-4",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-6-1-beta-4",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-6-1-beta-4",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-6-1-beta-4",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-6-1-beta-4",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-6-1-beta-4",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-6-1-beta-4",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-6-1-beta-4",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-6-1-beta-4",
+  "cdr-form-error": "cdr-form-error_15-6-1-beta-4",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-6-1-beta-4",
+  "cdr-input": "cdr-input_15-6-1-beta-4",
+  "cdr-input--focus": "cdr-input--focus_15-6-1-beta-4",
+  "cdr-input--multiline": "cdr-input--multiline_15-6-1-beta-4",
+  "cdr-input--preicon": "cdr-input--preicon_15-6-1-beta-4",
+  "cdr-input--posticon": "cdr-input--posticon_15-6-1-beta-4",
+  "cdr-input--posticons": "cdr-input--posticons_15-6-1-beta-4",
+  "cdr-input--primary": "cdr-input--primary_15-6-1-beta-4",
+  "cdr-input--secondary": "cdr-input--secondary_15-6-1-beta-4",
+  "cdr-input--error": "cdr-input--error_15-6-1-beta-4",
+  "cdr-input--large": "cdr-input--large_15-6-1-beta-4",
+  "cdr-input--large@xs": "cdr-input--large@xs_15-6-1-beta-4",
+  "cdr-input--large@sm": "cdr-input--large@sm_15-6-1-beta-4",
+  "cdr-input--large@md": "cdr-input--large@md_15-6-1-beta-4",
+  "cdr-input--large@lg": "cdr-input--large@lg_15-6-1-beta-4",
+  "cdr-input__pre-icon": "cdr-input__pre-icon_15-6-1-beta-4",
+  "cdr-input__post-icon": "cdr-input__post-icon_15-6-1-beta-4",
+  "cdr-input__helper-text": "cdr-input__helper-text_15-6-1-beta-4",
+  "cdr-input-wrap": "cdr-input-wrap_15-6-1-beta-4"
 };
 export {
   a as default

package/dist/components/kicker/styles/CdrKicker.module.scss.mjs

@@ -1,5 +1,5 @@
 const e = {
-  "cdr-kicker": "cdr-kicker_15-6-1-beta-2"
+  "cdr-kicker": "cdr-kicker_15-6-1-beta-4"
 };
 export {
   e as default

package/dist/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs

@@ -1,16 +1,16 @@
 const a = {
-  "cdr-label-standalone": "cdr-label-standalone_15-6-1-beta-2",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-6-1-beta-2",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_15-6-1-beta-2",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-6-1-beta-2",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-6-1-beta-2",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-6-1-beta-2",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-6-1-beta-2",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_15-6-1-beta-2",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-6-1-beta-2",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-6-1-beta-2",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-6-1-beta-2",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-6-1-beta-2"
+  "cdr-label-standalone": "cdr-label-standalone_15-6-1-beta-4",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-6-1-beta-4",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-6-1-beta-4",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-6-1-beta-4",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-6-1-beta-4",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-6-1-beta-4",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-6-1-beta-4",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-6-1-beta-4",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-6-1-beta-4",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-6-1-beta-4",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-6-1-beta-4",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-6-1-beta-4"
 };
 export {
   a as default