@rei/cedar 15.5.1 → 15.6.1-beta.0

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

@@ -0,0 +1,196 @@
+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 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({
+  name: "CdrFilmstripEngine",
+  __name: "CdrFilmstripEngine",
+  props: {
+    id: {
+      default: ""
+    },
+    description: {
+      default: ""
+    },
+    dataUi: {
+      default: n
+    },
+    isShowingArrows: {
+      type: Boolean,
+      default: !0
+    },
+    frames: {
+      default: () => []
+    },
+    framesToShow: {
+      default: 5
+    },
+    framesToScroll: {
+      default: 4
+    },
+    framesGap: {
+      default: 0
+    },
+    frameExtra: {
+      default: 0.25
+    },
+    focusSelector: {
+      default: ":first-child"
+    },
+    viewportTabindex: {
+      default: "-1"
+    }
+  },
+  emits: ["arrowClick", "ariaMessage"],
+  setup(L, {
+    emit: z
+  }) {
+    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 e = s.framesToShow * s.framesGap;
+      return (C.value - e) / (s.framesToShow + s.frameExtra);
+    }), U = k(() => ({
+      "--frames-gap": s.framesGap,
+      "--frame-width": M.value,
+      "--frame-extra": s.frameExtra
+    })), V = k(() => {
+      const e = f.value === 0, t = f.value >= s.frames.length - s.framesToShow;
+      return ["left", "right"].map((a) => {
+        const o = a === "left" ? !e : !t;
+        return {
+          direction: a,
+          icon: a === "left" ? ce : ue,
+          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(" "),
+            "aria-label": `${a === "right" ? "Next" : "Previous"} Frame`,
+            "aria-controls": `${s.id}-frames`,
+            tabindex: 0,
+            size: "large",
+            disabled: !o
+          }
+        };
+      });
+    }), 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,
+        behavior: "smooth"
+      });
+    }, A = (e, t) => {
+      S("arrowClick", {
+        event: e,
+        direction: t
+      });
+      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);
+      }
+    }, 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);
+    }, 100);
+    return K(() => {
+      var t, a;
+      te((t = w.value) == null ? void 0 : t.viewportElement, "scroll", j);
+      const {
+        stop: e
+      } = oe(v, (o) => {
+        o.forEach((i) => {
+          C.value = i.contentRect.width;
+        });
+      });
+      Q(() => {
+        e();
+      }), C.value = ((a = v.value) == null ? void 0 : a.offsetWidth) ?? 0;
+    }), (e, t) => (_(), $("div", {
+      id: e.id,
+      ref_key: "containerRef",
+      ref: v,
+      "data-ui": e.dataUi,
+      style: X(U.value),
+      class: d(r(c)[n]),
+      onFocusin: H
+    }, [g(r(se), {
+      type: "auto",
+      class: d([r(h)(r(c), `${n}__root`), r(l) ? `${r(l)}__root` : null])
+    }, {
+      default: b(() => [g(r(le), {
+        ref_key: "framesRef",
+        ref: w,
+        class: d([r(h)(r(c), `${n}__viewport`), r(l) ? `${r(l)}__viewport` : null]),
+        "aria-label": e.description || `${e.frames.length} items`,
+        tabindex: e.viewportTabindex
+      }, {
+        default: b(() => [Y("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", {
+          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({
+          index: o,
+          ref_for: !0
+        }, a.props, {
+          tabindex: o === G.value ? "0" : "-1"
+        }))], 2))), 128))], 10, de)]),
+        _: 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]),
+        orientation: "horizontal"
+      }, {
+        default: b(() => [g(r(ie), {
+          class: d([r(h)(r(c), `${n}__thumb`), r(l) ? `${r(l)}__thumb` : null])
+        }, null, 8, ["class"])]),
+        _: 1
+      }, 8, ["class"])]),
+      _: 3
+    }, 8, ["class"]), (_(!0), $(x, null, B(V.value, ({
+      direction: a,
+      attributes: o,
+      icon: i
+    }) => F(e.$slots, "arrow", y({
+      ref_for: !0
+    }, {
+      attributes: o,
+      direction: a,
+      icon: i
+    }, {
+      onClick: (m) => A(m, a)
+    }), () => [r(P) && s.isShowingArrows ? (_(), R(fe, y({
+      key: a,
+      "icon-only": !0,
+      "with-background": !0,
+      ref_for: !0
+    }, o, {
+      onClick: ee((m) => A(m, a), ["prevent"])
+    }), {
+      icon: b(() => [(_(), R(ae(i)))]),
+      _: 2
+    }, 1040, ["onClick"])) : Z("", !0)])), 256))], 46, me));
+  }
+});
+export {
+  Te as default
+};

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

@@ -0,0 +1,17 @@
+const r = {
+  "cdr-filmstrip": "cdr-filmstrip_15-6-1-beta-0",
+  "cdr-filmstrip__viewport": "cdr-filmstrip__viewport_15-6-1-beta-0",
+  "cdr-filmstrip__root": "cdr-filmstrip__root_15-6-1-beta-0",
+  "cdr-filmstrip__frames": "cdr-filmstrip__frames_15-6-1-beta-0",
+  "cdr-filmstrip__frame": "cdr-filmstrip__frame_15-6-1-beta-0",
+  "cdr-filmstrip__bar": "cdr-filmstrip__bar_15-6-1-beta-0",
+  "cdr-filmstrip__bar--horizontal": "cdr-filmstrip__bar--horizontal_15-6-1-beta-0",
+  "cdr-filmstrip__thumb": "cdr-filmstrip__thumb_15-6-1-beta-0",
+  "cdr-filmstrip__arrow": "cdr-filmstrip__arrow_15-6-1-beta-0",
+  "cdr-filmstrip__arrow--left": "cdr-filmstrip__arrow--left_15-6-1-beta-0",
+  "cdr-filmstrip__arrow--right": "cdr-filmstrip__arrow--right_15-6-1-beta-0",
+  "cdr-filmstrip__sr-only": "cdr-filmstrip__sr-only_15-6-1-beta-0"
+};
+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-5-1",
-  "cdr-form-error__icon": "cdr-form-error__icon_15-5-1"
+  "cdr-form-error": "cdr-form-error_15-6-1-beta-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-6-1-beta-0"
 };
 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-5-1",
-  "cdr-form-error__icon": "cdr-form-error__icon_15-5-1",
-  "cdr-form-group": "cdr-form-group_15-5-1",
-  "cdr-form-group--error": "cdr-form-group--error_15-5-1",
-  "cdr-form-group--disabled": "cdr-form-group--disabled_15-5-1",
-  "cdr-form-group__optional": "cdr-form-group__optional_15-5-1",
-  "cdr-form-group__required": "cdr-form-group__required_15-5-1",
-  "cdr-form-group__wrapper": "cdr-form-group__wrapper_15-5-1"
+  "cdr-form-error": "cdr-form-error_15-6-1-beta-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-6-1-beta-0",
+  "cdr-form-group": "cdr-form-group_15-6-1-beta-0",
+  "cdr-form-group--error": "cdr-form-group--error_15-6-1-beta-0",
+  "cdr-form-group--disabled": "cdr-form-group--disabled_15-6-1-beta-0",
+  "cdr-form-group__optional": "cdr-form-group__optional_15-6-1-beta-0",
+  "cdr-form-group__required": "cdr-form-group__required_15-6-1-beta-0",
+  "cdr-form-group__wrapper": "cdr-form-group__wrapper_15-6-1-beta-0"
 };
 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-5-1",
-  "cdr-fulfillment-tile-icon--default": "cdr-fulfillment-tile-icon--default_15-5-1",
-  "cdr-fulfillment-tile-icon--info": "cdr-fulfillment-tile-icon--info_15-5-1",
-  "cdr-fulfillment-tile-icon--warning": "cdr-fulfillment-tile-icon--warning_15-5-1",
-  "cdr-fulfillment-tile-icon--success": "cdr-fulfillment-tile-icon--success_15-5-1",
-  "cdr-fulfillment-tile-icon--error": "cdr-fulfillment-tile-icon--error_15-5-1"
+  "cdr-fulfillment-tile-icon": "cdr-fulfillment-tile-icon_15-6-1-beta-0",
+  "cdr-fulfillment-tile-icon--default": "cdr-fulfillment-tile-icon--default_15-6-1-beta-0",
+  "cdr-fulfillment-tile-icon--info": "cdr-fulfillment-tile-icon--info_15-6-1-beta-0",
+  "cdr-fulfillment-tile-icon--warning": "cdr-fulfillment-tile-icon--warning_15-6-1-beta-0",
+  "cdr-fulfillment-tile-icon--success": "cdr-fulfillment-tile-icon--success_15-6-1-beta-0",
+  "cdr-fulfillment-tile-icon--error": "cdr-fulfillment-tile-icon--error_15-6-1-beta-0"
 };
 export {
   l as default

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/labelWrapper/styles/CdrLabelWrapper.module.scss.mjs

@@ -1,29 +1,29 @@
 const r = {
-  "cdr-label-wrapper": "cdr-label-wrapper_15-5-1",
-  "cdr-label-wrapper__container": "cdr-label-wrapper__container_15-5-1",
-  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_15-5-1",
-  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_15-5-1",
-  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_15-5-1",
-  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_15-5-1",
-  "cdr-label-wrapper__content": "cdr-label-wrapper__content_15-5-1",
-  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_15-5-1",
-  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_15-5-1",
-  "cdr-label-wrapper--small": "cdr-label-wrapper--small_15-5-1",
-  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_15-5-1",
-  "cdr-label-wrapper--large": "cdr-label-wrapper--large_15-5-1",
-  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_15-5-1",
-  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_15-5-1",
-  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_15-5-1",
-  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_15-5-1",
-  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_15-5-1",
-  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_15-5-1",
-  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_15-5-1",
-  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_15-5-1",
-  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_15-5-1",
-  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_15-5-1",
-  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_15-5-1",
-  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_15-5-1",
-  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_15-5-1"
+  "cdr-label-wrapper": "cdr-label-wrapper_15-6-1-beta-0",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_15-6-1-beta-0",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_15-6-1-beta-0",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_15-6-1-beta-0",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_15-6-1-beta-0",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_15-6-1-beta-0",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_15-6-1-beta-0",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_15-6-1-beta-0",
+  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_15-6-1-beta-0",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_15-6-1-beta-0",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_15-6-1-beta-0",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_15-6-1-beta-0",
+  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_15-6-1-beta-0",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_15-6-1-beta-0",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_15-6-1-beta-0",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_15-6-1-beta-0",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_15-6-1-beta-0",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_15-6-1-beta-0",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_15-6-1-beta-0",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_15-6-1-beta-0",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_15-6-1-beta-0",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_15-6-1-beta-0",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_15-6-1-beta-0",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_15-6-1-beta-0",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_15-6-1-beta-0"
 };
 export {
   r as default

package/dist/components/landingLead/styles/CdrHeadingSubheadingBlock.module.scss.mjs

@@ -1,8 +1,8 @@
 const d = {
-  "cdr-heading-display": "cdr-heading-display_15-5-1",
-  "cdr-subheading-sans": "cdr-subheading-sans_15-5-1",
-  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-5-1",
-  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-5-1"
+  "cdr-heading-display": "cdr-heading-display_15-6-1-beta-0",
+  "cdr-subheading-sans": "cdr-subheading-sans_15-6-1-beta-0",
+  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-6-1-beta-0",
+  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-6-1-beta-0"
 };
 export {
   d as default

package/dist/components/landingLead/styles/CdrLandingLead.module.scss.mjs

@@ -1,12 +1,12 @@
 const d = {
-  "cdr-image": "cdr-image_15-5-1",
-  "cdr-heading-display": "cdr-heading-display_15-5-1",
-  "cdr-subheading-sans": "cdr-subheading-sans_15-5-1",
-  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-5-1",
-  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-5-1",
-  "cdr-landing-lead": "cdr-landing-lead_15-5-1",
-  "cdr-landing-lead__image": "cdr-landing-lead__image_15-5-1",
-  "cdr-landing-lead__copy-block": "cdr-landing-lead__copy-block_15-5-1"
+  "cdr-image": "cdr-image_15-6-1-beta-0",
+  "cdr-heading-display": "cdr-heading-display_15-6-1-beta-0",
+  "cdr-subheading-sans": "cdr-subheading-sans_15-6-1-beta-0",
+  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-6-1-beta-0",
+  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-6-1-beta-0",
+  "cdr-landing-lead": "cdr-landing-lead_15-6-1-beta-0",
+  "cdr-landing-lead__image": "cdr-landing-lead__image_15-6-1-beta-0",
+  "cdr-landing-lead__copy-block": "cdr-landing-lead__copy-block_15-6-1-beta-0"
 };
 export {
   d as default