@rei/cedar 15.0.1 → 15.2.0

package/dist/src/components/rating/styles/CdrRating.module.scss.mjs

@@ -1,48 +1,48 @@
 const r = {
-  "cdr-rating__icon": "cdr-rating__icon_15-0-1",
-  "cdr-rating__count": "cdr-rating__count_15-0-1",
-  "cdr-rating": "cdr-rating_15-0-1",
-  "cdr-rating__number": "cdr-rating__number_15-0-1",
-  "cdr-rating__ratings": "cdr-rating__ratings_15-0-1",
-  "cdr-rating__caption-sr": "cdr-rating__caption-sr_15-0-1",
-  "cdr-rating--linked": "cdr-rating--linked_15-0-1",
-  "cdr-rating__star": "cdr-rating__star_15-0-1",
-  "cdr-rating__star--null-fill": "cdr-rating__star--null-fill_15-0-1",
-  "cdr-rating__star--null-outline": "cdr-rating__star--null-outline_15-0-1",
-  "cdr-rating__star--partial-fill": "cdr-rating__star--partial-fill_15-0-1",
-  "cdr-rating__star--partial-stroke": "cdr-rating__star--partial-stroke_15-0-1",
-  "cdr-rating__star--filled": "cdr-rating__star--filled_15-0-1",
-  "cdr-rating__star--empty": "cdr-rating__star--empty_15-0-1",
-  "cdr-rating__star--small": "cdr-rating__star--small_15-0-1",
-  "cdr-rating__star--medium": "cdr-rating__star--medium_15-0-1",
-  "cdr-rating__star--large": "cdr-rating__star--large_15-0-1",
-  "cdr-rating__star--small@xs": "cdr-rating__star--small@xs_15-0-1",
-  "cdr-rating__star--medium@xs": "cdr-rating__star--medium@xs_15-0-1",
-  "cdr-rating__star--large@xs": "cdr-rating__star--large@xs_15-0-1",
-  "cdr-rating__star--small@sm": "cdr-rating__star--small@sm_15-0-1",
-  "cdr-rating__star--medium@sm": "cdr-rating__star--medium@sm_15-0-1",
-  "cdr-rating__star--large@sm": "cdr-rating__star--large@sm_15-0-1",
-  "cdr-rating__star--small@md": "cdr-rating__star--small@md_15-0-1",
-  "cdr-rating__star--medium@md": "cdr-rating__star--medium@md_15-0-1",
-  "cdr-rating__star--large@md": "cdr-rating__star--large@md_15-0-1",
-  "cdr-rating__star--small@lg": "cdr-rating__star--small@lg_15-0-1",
-  "cdr-rating__star--medium@lg": "cdr-rating__star--medium@lg_15-0-1",
-  "cdr-rating__star--large@lg": "cdr-rating__star--large@lg_15-0-1",
-  "cdr-rating--large": "cdr-rating--large_15-0-1",
-  "cdr-rating--medium": "cdr-rating--medium_15-0-1",
-  "cdr-rating--small": "cdr-rating--small_15-0-1",
-  "cdr-rating--small@xs": "cdr-rating--small@xs_15-0-1",
-  "cdr-rating--medium@xs": "cdr-rating--medium@xs_15-0-1",
-  "cdr-rating--large@xs": "cdr-rating--large@xs_15-0-1",
-  "cdr-rating--small@sm": "cdr-rating--small@sm_15-0-1",
-  "cdr-rating--medium@sm": "cdr-rating--medium@sm_15-0-1",
-  "cdr-rating--large@sm": "cdr-rating--large@sm_15-0-1",
-  "cdr-rating--small@md": "cdr-rating--small@md_15-0-1",
-  "cdr-rating--medium@md": "cdr-rating--medium@md_15-0-1",
-  "cdr-rating--large@md": "cdr-rating--large@md_15-0-1",
-  "cdr-rating--small@lg": "cdr-rating--small@lg_15-0-1",
-  "cdr-rating--medium@lg": "cdr-rating--medium@lg_15-0-1",
-  "cdr-rating--large@lg": "cdr-rating--large@lg_15-0-1"
+  "cdr-rating__icon": "cdr-rating__icon_15-2-0",
+  "cdr-rating__count": "cdr-rating__count_15-2-0",
+  "cdr-rating": "cdr-rating_15-2-0",
+  "cdr-rating__number": "cdr-rating__number_15-2-0",
+  "cdr-rating__ratings": "cdr-rating__ratings_15-2-0",
+  "cdr-rating__caption-sr": "cdr-rating__caption-sr_15-2-0",
+  "cdr-rating--linked": "cdr-rating--linked_15-2-0",
+  "cdr-rating__star": "cdr-rating__star_15-2-0",
+  "cdr-rating__star--null-fill": "cdr-rating__star--null-fill_15-2-0",
+  "cdr-rating__star--null-outline": "cdr-rating__star--null-outline_15-2-0",
+  "cdr-rating__star--partial-fill": "cdr-rating__star--partial-fill_15-2-0",
+  "cdr-rating__star--partial-stroke": "cdr-rating__star--partial-stroke_15-2-0",
+  "cdr-rating__star--filled": "cdr-rating__star--filled_15-2-0",
+  "cdr-rating__star--empty": "cdr-rating__star--empty_15-2-0",
+  "cdr-rating__star--small": "cdr-rating__star--small_15-2-0",
+  "cdr-rating__star--medium": "cdr-rating__star--medium_15-2-0",
+  "cdr-rating__star--large": "cdr-rating__star--large_15-2-0",
+  "cdr-rating__star--small@xs": "cdr-rating__star--small@xs_15-2-0",
+  "cdr-rating__star--medium@xs": "cdr-rating__star--medium@xs_15-2-0",
+  "cdr-rating__star--large@xs": "cdr-rating__star--large@xs_15-2-0",
+  "cdr-rating__star--small@sm": "cdr-rating__star--small@sm_15-2-0",
+  "cdr-rating__star--medium@sm": "cdr-rating__star--medium@sm_15-2-0",
+  "cdr-rating__star--large@sm": "cdr-rating__star--large@sm_15-2-0",
+  "cdr-rating__star--small@md": "cdr-rating__star--small@md_15-2-0",
+  "cdr-rating__star--medium@md": "cdr-rating__star--medium@md_15-2-0",
+  "cdr-rating__star--large@md": "cdr-rating__star--large@md_15-2-0",
+  "cdr-rating__star--small@lg": "cdr-rating__star--small@lg_15-2-0",
+  "cdr-rating__star--medium@lg": "cdr-rating__star--medium@lg_15-2-0",
+  "cdr-rating__star--large@lg": "cdr-rating__star--large@lg_15-2-0",
+  "cdr-rating--large": "cdr-rating--large_15-2-0",
+  "cdr-rating--medium": "cdr-rating--medium_15-2-0",
+  "cdr-rating--small": "cdr-rating--small_15-2-0",
+  "cdr-rating--small@xs": "cdr-rating--small@xs_15-2-0",
+  "cdr-rating--medium@xs": "cdr-rating--medium@xs_15-2-0",
+  "cdr-rating--large@xs": "cdr-rating--large@xs_15-2-0",
+  "cdr-rating--small@sm": "cdr-rating--small@sm_15-2-0",
+  "cdr-rating--medium@sm": "cdr-rating--medium@sm_15-2-0",
+  "cdr-rating--large@sm": "cdr-rating--large@sm_15-2-0",
+  "cdr-rating--small@md": "cdr-rating--small@md_15-2-0",
+  "cdr-rating--medium@md": "cdr-rating--medium@md_15-2-0",
+  "cdr-rating--large@md": "cdr-rating--large@md_15-2-0",
+  "cdr-rating--small@lg": "cdr-rating--small@lg_15-2-0",
+  "cdr-rating--medium@lg": "cdr-rating--medium@lg_15-2-0",
+  "cdr-rating--large@lg": "cdr-rating--large@lg_15-2-0"
 };
 export {
   r as default

package/dist/src/components/select/styles/CdrSelect.module.scss.mjs

@@ -1,46 +1,46 @@
 const l = {
-  "cdr-icon": "cdr-icon_15-0-1",
-  "cdr-icon--small": "cdr-icon--small_15-0-1",
-  "cdr-icon--large": "cdr-icon--large_15-0-1",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_15-0-1",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_15-0-1",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_15-0-1",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_15-0-1",
-  "cdr-icon--small@md": "cdr-icon--small@md_15-0-1",
-  "cdr-icon--large@md": "cdr-icon--large@md_15-0-1",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_15-0-1",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_15-0-1",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-0-1",
-  "cdr-label-standalone": "cdr-label-standalone_15-0-1",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-0-1",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_15-0-1",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-0-1",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-0-1",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-0-1",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-0-1",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_15-0-1",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-0-1",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-0-1",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-0-1",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-0-1",
-  "cdr-form-error": "cdr-form-error_15-0-1",
-  "cdr-form-error__icon": "cdr-form-error__icon_15-0-1",
-  "cdr-select": "cdr-select_15-0-1",
-  "cdr-select--primary": "cdr-select--primary_15-0-1",
-  "cdr-select--secondary": "cdr-select--secondary_15-0-1",
-  "cdr-select--error": "cdr-select--error_15-0-1",
-  "cdr-select--preicon": "cdr-select--preicon_15-0-1",
-  "cdr-select__prompt": "cdr-select__prompt_15-0-1",
-  "cdr-select__caret": "cdr-select__caret_15-0-1",
-  "cdr-select__caret--disabled": "cdr-select__caret--disabled_15-0-1",
-  "cdr-select__pre-icon": "cdr-select__pre-icon_15-0-1",
-  "cdr-select--multiple": "cdr-select--multiple_15-0-1",
-  "cdr-select--large@xs": "cdr-select--large@xs_15-0-1",
-  "cdr-select--large": "cdr-select--large_15-0-1",
-  "cdr-select--large@sm": "cdr-select--large@sm_15-0-1",
-  "cdr-select--large@md": "cdr-select--large@md_15-0-1",
-  "cdr-select--large@lg": "cdr-select--large@lg_15-0-1",
-  "cdr-select-wrap": "cdr-select-wrap_15-0-1"
+  "cdr-icon": "cdr-icon_15-2-0",
+  "cdr-icon--small": "cdr-icon--small_15-2-0",
+  "cdr-icon--large": "cdr-icon--large_15-2-0",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_15-2-0",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_15-2-0",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_15-2-0",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_15-2-0",
+  "cdr-icon--small@md": "cdr-icon--small@md_15-2-0",
+  "cdr-icon--large@md": "cdr-icon--large@md_15-2-0",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_15-2-0",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_15-2-0",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-2-0",
+  "cdr-label-standalone": "cdr-label-standalone_15-2-0",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-2-0",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-2-0",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-2-0",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-2-0",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-2-0",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-2-0",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-2-0",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-2-0",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-2-0",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-2-0",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-2-0",
+  "cdr-form-error": "cdr-form-error_15-2-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-2-0",
+  "cdr-select": "cdr-select_15-2-0",
+  "cdr-select--primary": "cdr-select--primary_15-2-0",
+  "cdr-select--secondary": "cdr-select--secondary_15-2-0",
+  "cdr-select--error": "cdr-select--error_15-2-0",
+  "cdr-select--preicon": "cdr-select--preicon_15-2-0",
+  "cdr-select__prompt": "cdr-select__prompt_15-2-0",
+  "cdr-select__caret": "cdr-select__caret_15-2-0",
+  "cdr-select__caret--disabled": "cdr-select__caret--disabled_15-2-0",
+  "cdr-select__pre-icon": "cdr-select__pre-icon_15-2-0",
+  "cdr-select--multiple": "cdr-select--multiple_15-2-0",
+  "cdr-select--large@xs": "cdr-select--large@xs_15-2-0",
+  "cdr-select--large": "cdr-select--large_15-2-0",
+  "cdr-select--large@sm": "cdr-select--large@sm_15-2-0",
+  "cdr-select--large@md": "cdr-select--large@md_15-2-0",
+  "cdr-select--large@lg": "cdr-select--large@lg_15-2-0",
+  "cdr-select-wrap": "cdr-select-wrap_15-2-0"
 };
 export {
   l as default

package/dist/src/components/skeleton/styles/CdrSkeleton.module.scss.mjs

@@ -1,5 +1,5 @@
 const e = {
-  "cdr-skeleton": "cdr-skeleton_15-0-1"
+  "cdr-skeleton": "cdr-skeleton_15-2-0"
 };
 export {
   e as default

package/dist/src/components/skeleton/styles/CdrSkeletonBone.module.scss.mjs

@@ -1,11 +1,11 @@
-const e = "shimmer_15-0-1", n = {
-  "cdr-skeleton-bone": "cdr-skeleton-bone_15-0-1",
-  "cdr-skeleton-bone__shimmer": "cdr-skeleton-bone__shimmer_15-0-1",
+const e = "shimmer_15-2-0", n = {
+  "cdr-skeleton-bone": "cdr-skeleton-bone_15-2-0",
+  "cdr-skeleton-bone__shimmer": "cdr-skeleton-bone__shimmer_15-2-0",
   shimmer: e,
-  "cdr-skeleton-bone--line": "cdr-skeleton-bone--line_15-0-1",
-  "cdr-skeleton-bone--heading": "cdr-skeleton-bone--heading_15-0-1",
-  "cdr-skeleton-bone--rectangle": "cdr-skeleton-bone--rectangle_15-0-1",
-  "cdr-skeleton-bone--square": "cdr-skeleton-bone--square_15-0-1"
+  "cdr-skeleton-bone--line": "cdr-skeleton-bone--line_15-2-0",
+  "cdr-skeleton-bone--heading": "cdr-skeleton-bone--heading_15-2-0",
+  "cdr-skeleton-bone--rectangle": "cdr-skeleton-bone--rectangle_15-2-0",
+  "cdr-skeleton-bone--square": "cdr-skeleton-bone--square_15-2-0"
 };
 export {
   n as default,

package/dist/src/components/splitSurface/styles/CdrSplitSurface.module.scss.mjs

@@ -1,9 +1,9 @@
 const t = {
-  "cdr-split-surface": "cdr-split-surface_15-0-1",
-  "cdr-split-surface--top": "cdr-split-surface--top_15-0-1",
-  "cdr-split-surface--bottom": "cdr-split-surface--bottom_15-0-1",
-  "cdr-split-surface__top": "cdr-split-surface__top_15-0-1",
-  "cdr-split-surface__bottom": "cdr-split-surface__bottom_15-0-1"
+  "cdr-split-surface": "cdr-split-surface_15-2-0",
+  "cdr-split-surface--top": "cdr-split-surface--top_15-2-0",
+  "cdr-split-surface--bottom": "cdr-split-surface--bottom_15-2-0",
+  "cdr-split-surface__top": "cdr-split-surface__top_15-2-0",
+  "cdr-split-surface__bottom": "cdr-split-surface__bottom_15-2-0"
 };
 export {
   t as default

package/dist/src/components/surface/CdrSurface.vue.mjs

@@ -0,0 +1,9 @@
+import s from "./CdrSurface.vue2.mjs";
+import o from "./styles/CdrSurface.module.scss.mjs";
+import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const t = {
+  $style: o
+}, m = /* @__PURE__ */ r(s, [["__cssModules", t]]);
+export {
+  m as default
+};

package/dist/src/components/surface/CdrSurface.vue2.mjs

@@ -0,0 +1,54 @@
+import { defineComponent as s, useCssModule as d, computed as l, openBlock as u, createBlock as f, resolveDynamicComponent as n, normalizeProps as p, guardReactiveProps as c, withCtx as i, renderSlot as m } from "vue";
+import C from "../../utils/mapClasses.mjs";
+import { getSurfaceProps as h } from "../../utils/surface.mjs";
+const _ = /* @__PURE__ */ s({
+  name: "CdrSurface",
+  __name: "CdrSurface",
+  props: {
+    background: {
+      default: "primary"
+    },
+    borderColor: {
+      default: "primary"
+    },
+    borderStyle: {
+      default: "solid"
+    },
+    borderWidth: {
+      default: "sixteenth-x"
+    },
+    modifier: {
+      default: "default"
+    },
+    radius: {
+      default: "sharp"
+    },
+    shadow: {
+      default: "flat"
+    },
+    tag: {
+      default: "div"
+    },
+    withBorder: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r) {
+    const o = r, t = d(), a = l(() => {
+      const {
+        classes: e
+      } = h(o, "cdr-surface");
+      return {
+        class: C(t, ...e) || void 0
+      };
+    });
+    return (e, y) => (u(), f(n(e.tag), p(c(a.value)), {
+      default: i(() => [m(e.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  _ as default
+};

package/dist/src/components/surface/styles/CdrSurface.module.scss.mjs

@@ -0,0 +1,35 @@
+const r = {
+  "cdr-surface--background-primary": "cdr-surface--background-primary_15-2-0",
+  "cdr-surface--background-secondary": "cdr-surface--background-secondary_15-2-0",
+  "cdr-surface--background-brand-spruce": "cdr-surface--background-brand-spruce_15-2-0",
+  "cdr-surface--background-sale": "cdr-surface--background-sale_15-2-0",
+  "cdr-surface--border-color-primary": "cdr-surface--border-color-primary_15-2-0",
+  "cdr-surface--border-color-secondary": "cdr-surface--border-color-secondary_15-2-0",
+  "cdr-surface--border-color-success": "cdr-surface--border-color-success_15-2-0",
+  "cdr-surface--border-color-warning": "cdr-surface--border-color-warning_15-2-0",
+  "cdr-surface--border-color-error": "cdr-surface--border-color-error_15-2-0",
+  "cdr-surface--border-color-info": "cdr-surface--border-color-info_15-2-0",
+  "cdr-surface--border-width-zero": "cdr-surface--border-width-zero_15-2-0",
+  "cdr-surface--border-width-sixteenth-x": "cdr-surface--border-width-sixteenth-x_15-2-0",
+  "cdr-surface--border-width-eighth-x": "cdr-surface--border-width-eighth-x_15-2-0",
+  "cdr-surface--border-width-three-sixteenth-x": "cdr-surface--border-width-three-sixteenth-x_15-2-0",
+  "cdr-surface--border-width-quarter-x": "cdr-surface--border-width-quarter-x_15-2-0",
+  "cdr-surface--border-width-three-eighth-x": "cdr-surface--border-width-three-eighth-x_15-2-0",
+  "cdr-surface--border-style-dotted": "cdr-surface--border-style-dotted_15-2-0",
+  "cdr-surface--border-style-dashed": "cdr-surface--border-style-dashed_15-2-0",
+  "cdr-surface--border-style-solid": "cdr-surface--border-style-solid_15-2-0",
+  "cdr-surface--radius-sharp": "cdr-surface--radius-sharp_15-2-0",
+  "cdr-surface--radius-soft": "cdr-surface--radius-soft_15-2-0",
+  "cdr-surface--radius-softer": "cdr-surface--radius-softer_15-2-0",
+  "cdr-surface--radius-softest": "cdr-surface--radius-softest_15-2-0",
+  "cdr-surface--radius-round": "cdr-surface--radius-round_15-2-0",
+  "cdr-surface--shadow-flat": "cdr-surface--shadow-flat_15-2-0",
+  "cdr-surface--shadow-raised": "cdr-surface--shadow-raised_15-2-0",
+  "cdr-surface--shadow-elevated": "cdr-surface--shadow-elevated_15-2-0",
+  "cdr-surface--shadow-floating": "cdr-surface--shadow-floating_15-2-0",
+  "cdr-surface--shadow-lifted": "cdr-surface--shadow-lifted_15-2-0",
+  "cdr-surface--border": "cdr-surface--border_15-2-0"
+};
+export {
+  r as default
+};

package/dist/src/components/surfaceSelection/CdrSurfaceSelection.vue.mjs

@@ -0,0 +1,9 @@
+import o from "./CdrSurfaceSelection.vue2.mjs";
+import s from "./styles/CdrSurfaceSelection.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const e = {
+  $style: s
+}, m = /* @__PURE__ */ t(o, [["__cssModules", e]]);
+export {
+  m as default
+};

package/dist/src/components/surfaceSelection/CdrSurfaceSelection.vue2.mjs

@@ -0,0 +1,73 @@
+import { defineComponent as f, useCssModule as p, computed as m, openBlock as C, createBlock as S, resolveDynamicComponent as _, normalizeProps as y, guardReactiveProps as g, withCtx as t, createElementVNode as n, normalizeClass as a, unref as r, createVNode as l, renderSlot as d } from "vue";
+import v from "../skeleton/CdrSkeleton.vue.mjs";
+import B from "../skeleton/CdrSkeletonBone.vue.mjs";
+import h from "../../utils/mapClasses.mjs";
+import { getSurfaceSelectionProps as k } from "../../utils/surface.mjs";
+import P from "./CdrSurfaceSelectionLayout.vue.mjs";
+const b = "cdr-surface-selection", E = /* @__PURE__ */ f({
+  name: "CdrSurfaceSelection",
+  __name: "CdrSurfaceSelection",
+  props: {
+    checked: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    modifier: {
+      default: "default"
+    },
+    orientation: {
+      default: "horizontal"
+    },
+    role: {
+      default: "radio"
+    },
+    shadow: {
+      default: void 0
+    },
+    tag: {
+      default: "button"
+    }
+  },
+  setup(i) {
+    const c = i, o = p(), u = m(() => {
+      const {
+        classes: e,
+        ...s
+      } = k(c, b);
+      return {
+        ...s,
+        class: h(o, ...e) || void 0
+      };
+    });
+    return (e, s) => (C(), S(_(e.tag), y(g(u.value)), {
+      default: t(() => [n("div", {
+        class: a(r(o)["cdr-surface-selection__inner"])
+      }, [l(P, {
+        orientation: e.orientation,
+        class: a(r(o)["cdr-surface-selection__layout"])
+      }, {
+        default: t(() => [d(e.$slots, "default")]),
+        _: 3
+      }, 8, ["orientation", "class"]), n("div", {
+        class: a(r(o)["cdr-surface-selection__loading"])
+      }, [d(e.$slots, "loading", {}, () => [l(v, null, {
+        default: t(() => [l(B, {
+          type: "line"
+        })]),
+        _: 1
+      })])], 2)], 2)]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  E as default
+};

package/dist/src/components/surfaceSelection/CdrSurfaceSelectionLayout.vue.mjs

@@ -0,0 +1,9 @@
+import o from "./CdrSurfaceSelectionLayout.vue2.mjs";
+import s from "./styles/CdrSurfaceSelectionLayout.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const e = {
+  $style: s
+}, m = /* @__PURE__ */ t(o, [["__cssModules", e]]);
+export {
+  m as default
+};

package/dist/src/components/surfaceSelection/CdrSurfaceSelectionLayout.vue2.mjs

@@ -0,0 +1,26 @@
+import "core-js/modules/es.array.push.js";
+import { defineComponent as c, useCssModule as l, computed as u, openBlock as p, createElementBlock as i, normalizeProps as m, guardReactiveProps as d, renderSlot as f } from "vue";
+import C from "../../utils/mapClasses.mjs";
+const t = "cdr-surface-selection-layout", h = /* @__PURE__ */ c({
+  name: "CdrSurfaceSelectionLayout",
+  __name: "CdrSurfaceSelectionLayout",
+  props: {
+    orientation: {
+      default: "horizontal"
+    }
+  },
+  setup(s) {
+    const r = s, a = l(), n = u(() => {
+      const {
+        orientation: e
+      } = r, o = [t];
+      return o.push(`${t}--${e}`), {
+        class: C(a, ...o)
+      };
+    });
+    return (e, o) => (p(), i("div", m(d(n.value)), [f(e.$slots, "default")], 16));
+  }
+});
+export {
+  h as default
+};

package/dist/src/components/surfaceSelection/styles/CdrSurfaceSelection.module.scss.mjs

@@ -0,0 +1,32 @@
+const e = {
+  "cdr-surface-selection": "cdr-surface-selection_15-2-0",
+  "cdr-surface-selection--background-default": "cdr-surface-selection--background-default_15-2-0",
+  "cdr-surface-selection--border-color-default": "cdr-surface-selection--border-color-default_15-2-0",
+  "cdr-surface-selection--border-width-zero": "cdr-surface-selection--border-width-zero_15-2-0",
+  "cdr-surface-selection--border-width-sixteenth-x": "cdr-surface-selection--border-width-sixteenth-x_15-2-0",
+  "cdr-surface-selection--border-width-eighth-x": "cdr-surface-selection--border-width-eighth-x_15-2-0",
+  "cdr-surface-selection--border-width-three-sixteenth-x": "cdr-surface-selection--border-width-three-sixteenth-x_15-2-0",
+  "cdr-surface-selection--border-width-quarter-x": "cdr-surface-selection--border-width-quarter-x_15-2-0",
+  "cdr-surface-selection--border-width-three-eighth-x": "cdr-surface-selection--border-width-three-eighth-x_15-2-0",
+  "cdr-surface-selection--border-style-dotted": "cdr-surface-selection--border-style-dotted_15-2-0",
+  "cdr-surface-selection--border-style-dashed": "cdr-surface-selection--border-style-dashed_15-2-0",
+  "cdr-surface-selection--border-style-solid": "cdr-surface-selection--border-style-solid_15-2-0",
+  "cdr-surface-selection--radius-sharp": "cdr-surface-selection--radius-sharp_15-2-0",
+  "cdr-surface-selection--radius-soft": "cdr-surface-selection--radius-soft_15-2-0",
+  "cdr-surface-selection--radius-softer": "cdr-surface-selection--radius-softer_15-2-0",
+  "cdr-surface-selection--radius-softest": "cdr-surface-selection--radius-softest_15-2-0",
+  "cdr-surface-selection--radius-round": "cdr-surface-selection--radius-round_15-2-0",
+  "cdr-surface-selection--shadow-flat": "cdr-surface-selection--shadow-flat_15-2-0",
+  "cdr-surface-selection--shadow-raised": "cdr-surface-selection--shadow-raised_15-2-0",
+  "cdr-surface-selection--shadow-elevated": "cdr-surface-selection--shadow-elevated_15-2-0",
+  "cdr-surface-selection--shadow-floating": "cdr-surface-selection--shadow-floating_15-2-0",
+  "cdr-surface-selection--shadow-lifted": "cdr-surface-selection--shadow-lifted_15-2-0",
+  "cdr-surface-selection--border": "cdr-surface-selection--border_15-2-0",
+  "cdr-surface-selection__layout": "cdr-surface-selection__layout_15-2-0",
+  "cdr-surface-selection__loading": "cdr-surface-selection__loading_15-2-0",
+  "cdr-surface-selection__inner": "cdr-surface-selection__inner_15-2-0",
+  "cdr-surface-selection--modifier-default": "cdr-surface-selection--modifier-default_15-2-0"
+};
+export {
+  e as default
+};

package/dist/src/components/surfaceSelection/styles/CdrSurfaceSelectionLayout.module.scss.mjs

@@ -0,0 +1,8 @@
+const e = {
+  "cdr-surface-selection-layout": "cdr-surface-selection-layout_15-2-0",
+  "cdr-surface-selection-layout--horizontal": "cdr-surface-selection-layout--horizontal_15-2-0",
+  "cdr-surface-selection-layout--vertical": "cdr-surface-selection-layout--vertical_15-2-0"
+};
+export {
+  e as default
+};

package/dist/src/components/switch/styles/CdrSwitch.module.scss.mjs

@@ -1,12 +1,12 @@
 const c = {
-  "cdr-switch": "cdr-switch_15-0-1",
-  "cdr-switch__button": "cdr-switch__button_15-0-1",
-  "cdr-switch__button-icon": "cdr-switch__button-icon_15-0-1",
-  "cdr-switch__handle": "cdr-switch__handle_15-0-1",
-  "cdr-switch__label": "cdr-switch__label_15-0-1",
-  "cdr-switch--full-width": "cdr-switch--full-width_15-0-1",
-  "cdr-switch--large": "cdr-switch--large_15-0-1",
-  "cdr-switch--medium": "cdr-switch--medium_15-0-1"
+  "cdr-switch": "cdr-switch_15-2-0",
+  "cdr-switch__button": "cdr-switch__button_15-2-0",
+  "cdr-switch__button-icon": "cdr-switch__button-icon_15-2-0",
+  "cdr-switch__handle": "cdr-switch__handle_15-2-0",
+  "cdr-switch__label": "cdr-switch__label_15-2-0",
+  "cdr-switch--full-width": "cdr-switch--full-width_15-2-0",
+  "cdr-switch--large": "cdr-switch--large_15-2-0",
+  "cdr-switch--medium": "cdr-switch--medium_15-2-0"
 };
 export {
   c as default

package/dist/src/components/table/styles/CdrTable.module.scss.mjs

@@ -1,17 +1,17 @@
 const l = {
-  "cdr-table": "cdr-table_15-0-1",
-  "cdr-table--small": "cdr-table--small_15-0-1",
-  "cdr-table--medium": "cdr-table--medium_15-0-1",
-  "cdr-table--large": "cdr-table--large_15-0-1",
-  "cdr-table--striped": "cdr-table--striped_15-0-1",
-  "cdr-table--border": "cdr-table--border_15-0-1",
-  "cdr-table--full-width": "cdr-table--full-width_15-0-1",
-  "cdr-table--responsive": "cdr-table--responsive_15-0-1",
-  "cdr-table--hover": "cdr-table--hover_15-0-1",
-  "cdr-table--full-width@xs": "cdr-table--full-width@xs_15-0-1",
-  "cdr-table--full-width@sm": "cdr-table--full-width@sm_15-0-1",
-  "cdr-table--full-width@md": "cdr-table--full-width@md_15-0-1",
-  "cdr-table--full-width@lg": "cdr-table--full-width@lg_15-0-1"
+  "cdr-table": "cdr-table_15-2-0",
+  "cdr-table--small": "cdr-table--small_15-2-0",
+  "cdr-table--medium": "cdr-table--medium_15-2-0",
+  "cdr-table--large": "cdr-table--large_15-2-0",
+  "cdr-table--striped": "cdr-table--striped_15-2-0",
+  "cdr-table--border": "cdr-table--border_15-2-0",
+  "cdr-table--full-width": "cdr-table--full-width_15-2-0",
+  "cdr-table--responsive": "cdr-table--responsive_15-2-0",
+  "cdr-table--hover": "cdr-table--hover_15-2-0",
+  "cdr-table--full-width@xs": "cdr-table--full-width@xs_15-2-0",
+  "cdr-table--full-width@sm": "cdr-table--full-width@sm_15-2-0",
+  "cdr-table--full-width@md": "cdr-table--full-width@md_15-2-0",
+  "cdr-table--full-width@lg": "cdr-table--full-width@lg_15-2-0"
 };
 export {
   l as default

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

@@ -1,10 +1,10 @@
 import { defineComponent as q, useCssModule as G, useSlots as J, computed as m, ref as n, provide as Q, onMounted as Y, openBlock as $, createElementBlock as N, normalizeClass as f, unref as s, normalizeStyle as C, createElementVNode as g, Fragment as Z, renderList as ee, withModifiers as te, withKeys as X, toDisplayString as ae, renderSlot as le, nextTick as re } from "vue";
-import { debounce as K } from "../../utils/debounce.mjs";
+import { debounce as O } from "../../utils/debounce.mjs";
 import { CdrColorBackgroundPrimary as se, CdrSpaceHalfX as ne, CdrSpaceOneX as ie } from "../../../node_modules/@rei/cdr-tokens/dist/rei-dot-com/js/cdr-tokens.mjs";
 import T from "../../utils/mapClasses.mjs";
-import { modifyClassName as O } from "../../utils/buildClass.mjs";
+import { modifyClassName as F } from "../../utils/buildClass.mjs";
 import { selectedTabKey as de } from "../../types/symbols.mjs";
-const oe = ["id", "disabled", "aria-selected", "tabIndex", "onClick", "onKeyup"], ue = "cdr-tabs", ge = /* @__PURE__ */ q({
+const oe = ["id", "disabled", "aria-selected", "tabIndex", "onClick"], ue = "cdr-tabs", ge = /* @__PURE__ */ q({
   name: "CdrTabs",
   __name: "CdrTabs",
   props: {
@@ -53,7 +53,7 @@ const oe = ["id", "disabled", "aria-selected", "tabIndex", "onClick", "onKeyup"]
       id: e.props["aria-labelledby"]
     })) : []), k = n(null), i = n(null), R = n(!1), p = n(0), o = n([]), v = n(null), S = n(null), w = n(!1), E = n(!1), u = n(0), h = n(0);
     Q(de, k);
-    const F = m(() => b.modifier ? O("cdr-tabs", b.modifier) : ""), A = m(() => b.size ? O("cdr-tabs", b.size) : ""), H = m(() => ({
+    const K = m(() => b.modifier ? F("cdr-tabs", b.modifier) : ""), A = m(() => b.size ? F("cdr-tabs", b.size) : ""), H = m(() => ({
       transform: `translateX(${u.value}px)`,
       width: `${h.value}px`
     })), P = m(() => ({
@@ -104,13 +104,13 @@ const oe = ["id", "disabled", "aria-selected", "tabIndex", "onClick", "onKeyup"]
       var e;
       j(), p.value = B(), L(), setTimeout(() => {
         _();
-      }, 250), window.addEventListener("resize", K(() => {
+      }, 250), window.addEventListener("resize", O(() => {
         p.value = B(), L(), _();
-      }, 250)), (e = v.value) == null || e.addEventListener("scroll", K(() => {
+      }, 250)), (e = v.value) == null || e.addEventListener("scroll", O(() => {
         L(), _();
       }, 50));
     }), (e, t) => ($(), N("div", {
-      class: f(s(T)(s(c), ue, F.value, A.value)),
+      class: f(s(T)(s(c), ue, K.value, A.value)),
       ref_key: "containerEl",
       ref: S,
       style: C({

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

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