@rei/cedar 15.5.0 → 15.6.1-beta.0

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

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

package/dist/components/skeleton/CdrSkeleton.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as r, useCssModule as l, toRef as a, provide as i, openBlock as m, createElementBlock as c, normalizeClass as p, unref as u, renderSlot as d } from "vue";
+import { defineComponent as r, useCssModule as l, toRef as a, provide as i, createElementBlock as m, openBlock as c, normalizeClass as p, unref as u, renderSlot as d } from "vue";
 import { motionKey as f } from "../../types/symbols.mjs";
 const C = "cdr-skeleton", S = /* @__PURE__ */ r({
   name: "CdrSkeleton",
@@ -17,7 +17,7 @@ const C = "cdr-skeleton", S = /* @__PURE__ */ r({
   },
   setup(e) {
     const o = e, t = l(), n = a(o, "motion");
-    return i(f, n), (s, k) => (m(), c("div", {
+    return i(f, n), (s, k) => (c(), m("div", {
       class: p(u(t)[C]),
       "aria-live": "polite",
       "aria-busy": "true"

package/dist/components/skeleton/CdrSkeletonBone.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as c, useCssModule as p, computed as t, inject as i, ref as u, openBlock as d, createElementBlock as f, normalizeClass as C, unref as n } from "vue";
+import { defineComponent as c, useCssModule as p, computed as t, inject as i, ref as u, createElementBlock as d, openBlock as f, normalizeClass as C, unref as n } from "vue";
 import _ from "../../utils/propValidator.mjs";
 import v from "../../utils/mapClasses.mjs";
 import { motionKey as y } from "../../types/symbols.mjs";
@@ -19,7 +19,7 @@ const o = "cdr-skeleton-bone", b = /* @__PURE__ */ c({
   },
   setup(e) {
     const s = e, a = p(), l = t(() => `${o}--${s.type}`), r = i(y, u(!0)), m = t(() => r.value ? `${o}__shimmer` : "");
-    return (g, k) => (d(), f("div", {
+    return (g, k) => (f(), d("div", {
       class: C(n(v)(n(a), o, l.value, m.value))
     }, null, 2));
   }

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

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

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

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

package/dist/components/splitSurface/CdrSplitSurface.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as u, computed as m, useCssModule as d, openBlock as f, createBlock as i, resolveDynamicComponent as C, normalizeClass as a, unref as e, withCtx as _, createElementVNode as r, renderSlot as l } from "vue";
+import { defineComponent as u, computed as m, useCssModule as d, createBlock as f, openBlock as i, resolveDynamicComponent as C, normalizeClass as a, unref as e, withCtx as _, createElementVNode as r, renderSlot as l } from "vue";
 import $ from "../../utils/mapClasses.mjs";
 const s = "cdr-split-surface", g = /* @__PURE__ */ u({
   name: "CdrSplitSurface",
@@ -13,7 +13,7 @@ const s = "cdr-split-surface", g = /* @__PURE__ */ u({
   },
   setup(c) {
     const n = c, p = m(() => `${s}--${n.surface}`), t = d();
-    return (o, v) => (f(), i(C(o.tag), {
+    return (o, v) => (i(), f(C(o.tag), {
       class: a(e($)(e(t), s, p.value))
     }, {
       default: _(() => [r("div", {

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as a, useCssModule as c, computed as d, openBlock as n, createBlock as u, resolveDynamicComponent as l, mergeProps as p, unref as f, withCtx as m, renderSlot as i } from "vue";
+import { defineComponent as a, useCssModule as c, computed as d, createBlock as n, openBlock as u, resolveDynamicComponent as l, mergeProps as p, unref as f, withCtx as m, renderSlot as i } from "vue";
 import { getSurfaceProps as C } from "../../utils/surface.mjs";
 const g = /* @__PURE__ */ a({
   name: "CdrSurface",
@@ -17,7 +17,7 @@ const g = /* @__PURE__ */ a({
   },
   setup(r) {
     const e = r, o = c(), t = d(() => C(e));
-    return (s, b) => (n(), u(l(e.tag), p({
+    return (s, b) => (u(), n(l(e.tag), p({
       class: f(o)["cdr-surface"]
     }, t.value), {
       default: m(() => [i(s.$slots, "default")]),

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

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

package/dist/components/surfaceNavigation/CdrSurfaceNavigation.vue.mjs

@@ -0,0 +1,31 @@
+import { defineComponent as a, computed as d, createBlock as n, openBlock as p, mergeProps as u, withCtx as c, renderSlot as s } from "vue";
+import f from "../surface/CdrSurface.vue.mjs";
+import { getSurfaceProps as i } from "../../utils/surface.mjs";
+const b = /* @__PURE__ */ a({
+  name: "CdrSurNavigation",
+  __name: "CdrSurfaceNavigation",
+  props: {
+    background: {},
+    borderColor: {},
+    borderStyle: {},
+    borderWidth: {},
+    borderRadius: {},
+    boxShadow: {},
+    tag: {
+      default: "div"
+    },
+    palette: {}
+  },
+  setup(e) {
+    const r = e, o = d(() => i(r));
+    return (t, l) => (p(), n(f, u(o.value, {
+      tag: r.tag
+    }), {
+      default: c(() => [s(t.$slots, "default")]),
+      _: 3
+    }, 16, ["tag"]));
+  }
+});
+export {
+  b as default
+};

package/dist/components/surfaceNavigation/CdrSurfaceNavigation.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./CdrSurfaceNavigation.vue.mjs";
+export {
+  f as default
+};

package/dist/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/components/surfaceSelection/CdrSurfaceSelection.vue2.mjs

@@ -0,0 +1,71 @@
+import { defineComponent as m, useCssModule as g, computed as s, createBlock as y, openBlock as _, mergeProps as d, unref as r, withCtx as t, createElementVNode as c, normalizeClass as n, createVNode as l, renderSlot as u } from "vue";
+import C from "../surface/CdrSurface.vue.mjs";
+import S from "../skeleton/CdrSkeleton.vue.mjs";
+import b from "../skeleton/CdrSkeletonBone.vue.mjs";
+import k from "../layout/CdrLayout.vue.mjs";
+import { getSurfaceProps as h, getDefaultLayout as B } from "../../utils/surface.mjs";
+const V = /* @__PURE__ */ m({
+  name: "CdrSurfaceSelection",
+  __name: "CdrSurfaceSelection",
+  props: {
+    checked: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean
+    },
+    loading: {
+      type: Boolean
+    },
+    role: {
+      default: "checkbox"
+    },
+    layout: {},
+    background: {},
+    borderColor: {},
+    borderStyle: {},
+    borderWidth: {},
+    borderRadius: {},
+    boxShadow: {},
+    tag: {
+      default: "div"
+    },
+    palette: {}
+  },
+  setup(i) {
+    const e = i, o = g(), f = s(() => ({
+      ...h(e),
+      "aria-checked": e.checked,
+      "aria-disabled": e.disabled,
+      "data-loading": e.loading
+    })), p = s(() => ({
+      ...B(),
+      ...e.layout
+    }));
+    return (a, v) => (_(), y(C, d(f.value, {
+      class: r(o)["cdr-surface-selection"],
+      tag: e.tag,
+      role: a.$props.role
+    }), {
+      default: t(() => [c("div", {
+        class: n(r(o)["cdr-surface-selection__inner"])
+      }, [l(k, d(p.value, {
+        class: r(o)["cdr-surface-selection__layout"]
+      }), {
+        default: t(() => [u(a.$slots, "default")]),
+        _: 3
+      }, 16, ["class"]), c("div", {
+        class: n(r(o)["cdr-surface-selection__loading"])
+      }, [u(a.$slots, "loading", {}, () => [l(S, null, {
+        default: t(() => [l(b, {
+          type: "line"
+        })]),
+        _: 1
+      })])], 2)], 2)]),
+      _: 3
+    }, 16, ["class", "tag", "role"]));
+  }
+});
+export {
+  V as default
+};

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

@@ -0,0 +1,9 @@
+const e = {
+  "cdr-surface-selection": "cdr-surface-selection_15-6-1-beta-0",
+  "cdr-surface-selection__inner": "cdr-surface-selection__inner_15-6-1-beta-0",
+  "cdr-surface-selection__layout": "cdr-surface-selection__layout_15-6-1-beta-0",
+  "cdr-surface-selection__loading": "cdr-surface-selection__loading_15-6-1-beta-0"
+};
+export {
+  e as default
+};

package/dist/components/switch/CdrSwitch.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as w, useCssModule as C, computed as r, openBlock as b, createElementBlock as v, normalizeClass as s, unref as e, createElementVNode as a, renderSlot as y, createVNode as n } from "vue";
+import { defineComponent as w, useCssModule as C, computed as r, createElementBlock as b, openBlock as v, normalizeClass as s, unref as e, createElementVNode as a, renderSlot as y, createVNode as n } from "vue";
 import V from "../../utils/propValidator.mjs";
 import { buildBooleanClass as k } from "../../utils/buildClass.mjs";
 import z from "../icon/comps/check-sm.vue.mjs";
@@ -53,7 +53,7 @@ const g = ["id"], W = ["aria-checked", "aria-labelledby"], u = "cdr-switch", j =
     const t = i, f = m, l = C(), d = t.id ? t.id : $(), h = (o) => {
       f("update:modelValue", !o);
     }, p = r(() => t.size ? `cdr-switch--${t.size}` : "cdr-switch--medium"), _ = r(() => t.fullWidth ? k(u, t.fullWidth, "full-width") : "");
-    return (o, c) => (b(), v("div", {
+    return (o, c) => (v(), b("div", {
       class: s(e(S)(e(l), u, _.value, p.value))
     }, [a("div", {
       id: e(d),

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

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

package/dist/components/table/CdrTable.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as c, useCssModule as m, computed as l, openBlock as v, createElementBlock as C, normalizeClass as b, unref as o, createElementVNode as h, mergeProps as B, renderSlot as $ } from "vue";
+import { defineComponent as c, useCssModule as m, computed as l, createElementBlock as v, openBlock as C, normalizeClass as b, unref as o, createElementVNode as h, mergeProps as B, renderSlot as $ } from "vue";
 import y from "../../utils/mapClasses.mjs";
 import z from "../../props/size.mjs";
 import { buildBooleanClass as W } from "../../utils/buildClass.mjs";
@@ -42,7 +42,7 @@ const s = "cdr-table", P = /* @__PURE__ */ c({
   },
   setup(a) {
     const e = a, t = m(), n = l(() => e.size ? `${s}--${e.size}` : ""), d = l(() => e.striped ? `${s}--striped` : ""), p = l(() => e.hover ? `${s}--hover` : ""), u = l(() => e.border && !e.striped ? `${s}--border` : ""), i = l(() => e.fullWidth ? W(s, e.fullWidth, "full-width") : ""), f = l(() => e.responsive ? `${s}--responsive` : "");
-    return (r, _) => (v(), C("div", {
+    return (r, _) => (C(), v("div", {
       class: b(o(t)[f.value])
     }, [h("table", B(r.$attrs, {
       class: o(y)(o(t), s, n.value, d.value, p.value, u.value, i.value)

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

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

package/dist/components/tabs/CdrTabPanel.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as d, useCssModule as m, inject as u, ref as b, computed as o, watch as p, withDirectives as f, openBlock as h, createElementBlock as v, normalizeClass as C, unref as g, renderSlot as y, vShow as S } from "vue";
+import { defineComponent as d, useCssModule as m, inject as u, ref as b, computed as o, watch as p, withDirectives as f, createElementBlock as h, openBlock as v, normalizeClass as C, unref as g, renderSlot as y, vShow as S } from "vue";
 import _ from "../../utils/kebabCase.mjs";
 import { selectedTabKey as k } from "../../types/symbols.mjs";
 const w = ["aria-hidden", "id", "aria-labelledby"], $ = /* @__PURE__ */ d({
@@ -25,7 +25,7 @@ const w = ["aria-hidden", "id", "aria-labelledby"], $ = /* @__PURE__ */ d({
     const e = l, s = r, c = m(), a = u(k, b(null)), n = o(() => e.name === (a == null ? void 0 : a.value)), i = o(() => e.name ? `${_(e.name)}-panel` : void 0);
     return p(n, (t) => {
       s("tab-change", t, i.value);
-    }), (t, x) => f((h(), v("section", {
+    }), (t, x) => f((v(), h("section", {
       tabindex: "0",
       "aria-hidden": !n.value,
       role: "tabpanel",

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

@@ -1,7 +1,7 @@
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.for-each.js";
 import "core-js/modules/esnext.iterator.map.js";
-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 { defineComponent as q, useCssModule as G, useSlots as J, computed as m, ref as n, provide as Q, onMounted as Y, createElementBlock as $, openBlock as N, normalizeStyle as C, normalizeClass as f, unref as s, createElementVNode as g, renderSlot as Z, Fragment as ee, renderList as te, withKeys as X, withModifiers as ae, toDisplayString as le, nextTick as re } from "vue";
 import { debounce as O } from "../../utils/debounce.mjs";
 import { CdrColorBackgroundPrimary as se, CdrSpaceHalfX as ne, CdrSpaceOneX as ie } from "@rei/cdr-tokens";
 import T from "../../utils/mapClasses.mjs";
@@ -112,7 +112,7 @@ const oe = ["id", "disabled", "aria-selected", "tabIndex", "onClick"], ue = "cdr
       }, 250)), (e = v.value) == null || e.addEventListener("scroll", O(() => {
         L(), _();
       }, 50));
-    }), (e, t) => ($(), N("div", {
+    }), (e, t) => (N(), $("div", {
       class: f(s(T)(s(c), ue, K.value, A.value)),
       ref_key: "containerEl",
       ref: S,
@@ -129,7 +129,7 @@ const oe = ["id", "disabled", "aria-selected", "tabIndex", "onClick"], ue = "cdr
       role: "tablist",
       ref_key: "tablist",
       ref: v
-    }, [($(!0), N(Z, null, ee(x.value, (a, l) => ($(), N("li", {
+    }, [(N(!0), $(ee, null, te(x.value, (a, l) => (N(), $("li", {
       key: `${a.name}-${l}`,
       role: "presentation",
       class: f(s(c)["cdr-tabs__header"])
@@ -144,15 +144,15 @@ const oe = ["id", "disabled", "aria-selected", "tabIndex", "onClick"], ue = "cdr
       tabIndex: I(l, a) ? 0 : -1,
       class: f(s(T)(s(c), I(l, a) ? "cdr-tabs__header-item-active" : "", "cdr-tabs__header-item", a.disabled ? "cdr-tabs__header-item--disabled" : "")),
       role: "tab",
-      onClick: te((r) => z(l), ["prevent"]),
+      onClick: ae((r) => z(l), ["prevent"]),
       onKeyup: [X(U, ["right"]), X(V, ["left"])]
-    }, ae(a.name), 43, oe)], 2))), 128))], 2), g("div", {
+    }, le(a.name), 43, oe)], 2))), 128))], 2), g("div", {
       class: f(s(T)(s(c), "cdr-tabs__gradient", "cdr-tabs__gradient--right", E.value ? "cdr-tabs__gradient--active" : "")),
       style: C(D.value)
     }, null, 6), g("div", {
       class: f(s(c)["cdr-tabs__underline"]),
       style: C(H.value)
-    }, null, 6)], 2), le(e.$slots, "default")], 6));
+    }, null, 6)], 2), Z(e.$slots, "default")], 6));
   }
 });
 export {

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

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

package/dist/components/tabs/styles/CdrTabs.module.scss.mjs

@@ -1,32 +1,32 @@
 const e = {
-  "cdr-tab-panel": "cdr-tab-panel_15-5-0",
-  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-5-0",
-  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-5-0",
-  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-5-0",
-  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-5-0",
-  "cdr-tabs": "cdr-tabs_15-5-0",
-  "cdr-tabs__header-container": "cdr-tabs__header-container_15-5-0",
-  "cdr-tabs__header": "cdr-tabs__header_15-5-0",
-  "cdr-tabs__header-item": "cdr-tabs__header-item_15-5-0",
-  "cdr-tabs__header-item-active": "cdr-tabs__header-item-active_15-5-0",
-  "cdr-tabs__header-item--disabled": "cdr-tabs__header-item--disabled_15-5-0",
-  "cdr-tabs__gradient-container": "cdr-tabs__gradient-container_15-5-0",
-  "cdr-tabs__gradient": "cdr-tabs__gradient_15-5-0",
-  "cdr-tabs__gradient--left": "cdr-tabs__gradient--left_15-5-0",
-  "cdr-tabs__gradient--right": "cdr-tabs__gradient--right_15-5-0",
-  "cdr-tabs__gradient--active": "cdr-tabs__gradient--active_15-5-0",
-  "cdr-tabs__underline": "cdr-tabs__underline_15-5-0",
-  "cdr-tabs__content-container": "cdr-tabs__content-container_15-5-0",
-  "fade-enter-active": "fade-enter-active_15-5-0",
-  "fade-leave-active": "fade-leave-active_15-5-0",
-  "fade-enter": "fade-enter_15-5-0",
-  "fade-leave-to": "fade-leave-to_15-5-0",
-  "cdr-tabs--compact": "cdr-tabs--compact_15-5-0",
-  "cdr-tabs__header-item-label": "cdr-tabs__header-item-label_15-5-0",
-  "cdr-tabs--small": "cdr-tabs--small_15-5-0",
-  "cdr-tabs--no-border": "cdr-tabs--no-border_15-5-0",
-  "cdr-tabs--full-width": "cdr-tabs--full-width_15-5-0",
-  "cdr-tabs--centered": "cdr-tabs--centered_15-5-0"
+  "cdr-tab-panel": "cdr-tab-panel_15-6-1-beta-0",
+  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-6-1-beta-0",
+  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-6-1-beta-0",
+  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-6-1-beta-0",
+  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-6-1-beta-0",
+  "cdr-tabs": "cdr-tabs_15-6-1-beta-0",
+  "cdr-tabs__header-container": "cdr-tabs__header-container_15-6-1-beta-0",
+  "cdr-tabs__header": "cdr-tabs__header_15-6-1-beta-0",
+  "cdr-tabs__header-item": "cdr-tabs__header-item_15-6-1-beta-0",
+  "cdr-tabs__header-item-active": "cdr-tabs__header-item-active_15-6-1-beta-0",
+  "cdr-tabs__header-item--disabled": "cdr-tabs__header-item--disabled_15-6-1-beta-0",
+  "cdr-tabs__gradient-container": "cdr-tabs__gradient-container_15-6-1-beta-0",
+  "cdr-tabs__gradient": "cdr-tabs__gradient_15-6-1-beta-0",
+  "cdr-tabs__gradient--left": "cdr-tabs__gradient--left_15-6-1-beta-0",
+  "cdr-tabs__gradient--right": "cdr-tabs__gradient--right_15-6-1-beta-0",
+  "cdr-tabs__gradient--active": "cdr-tabs__gradient--active_15-6-1-beta-0",
+  "cdr-tabs__underline": "cdr-tabs__underline_15-6-1-beta-0",
+  "cdr-tabs__content-container": "cdr-tabs__content-container_15-6-1-beta-0",
+  "fade-enter-active": "fade-enter-active_15-6-1-beta-0",
+  "fade-leave-active": "fade-leave-active_15-6-1-beta-0",
+  "fade-enter": "fade-enter_15-6-1-beta-0",
+  "fade-leave-to": "fade-leave-to_15-6-1-beta-0",
+  "cdr-tabs--compact": "cdr-tabs--compact_15-6-1-beta-0",
+  "cdr-tabs__header-item-label": "cdr-tabs__header-item-label_15-6-1-beta-0",
+  "cdr-tabs--small": "cdr-tabs--small_15-6-1-beta-0",
+  "cdr-tabs--no-border": "cdr-tabs--no-border_15-6-1-beta-0",
+  "cdr-tabs--full-width": "cdr-tabs--full-width_15-6-1-beta-0",
+  "cdr-tabs--centered": "cdr-tabs--centered_15-6-1-beta-0"
 };
 export {
   e as default

package/dist/components/text/CdrText.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as s, useCssModule as o, openBlock as r, createBlock as a, resolveDynamicComponent as n, normalizeClass as l, unref as c, withCtx as p, renderSlot as d } from "vue";
+import { defineComponent as s, useCssModule as o, createBlock as r, openBlock as a, resolveDynamicComponent as n, normalizeClass as l, unref as c, withCtx as p, renderSlot as d } from "vue";
 const C = /* @__PURE__ */ s({
   name: "CdrText",
   __name: "CdrText",
@@ -9,7 +9,7 @@ const C = /* @__PURE__ */ s({
   },
   setup(u) {
     const t = o();
-    return (e, m) => (r(), a(n(e.tag), {
+    return (e, m) => (a(), r(n(e.tag), {
       class: l(c(t)["cdr-text"])
     }, {
       default: p(() => [d(e.$slots, "default")]),

package/dist/components/text/presets/CdrBody.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as l, useCssModule as n, openBlock as c, createBlock as d, resolveDynamicComponent as p, normalizeClass as y, unref as i, normalizeStyle as u, withCtx as f, renderSlot as m } from "vue";
+import { defineComponent as r, computed as l, useCssModule as n, createBlock as c, openBlock as d, resolveDynamicComponent as p, normalizeStyle as y, normalizeClass as i, unref as u, withCtx as f, renderSlot as m } from "vue";
 const C = "cdr-body", b = /* @__PURE__ */ r({
   name: "CdrBody",
   __name: "CdrBody",
@@ -20,9 +20,9 @@ const C = "cdr-body", b = /* @__PURE__ */ r({
       "--cdr-body-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-body-line-height-ratio))`,
       "--cdr-body-font-weight": e.strong ? "600" : "400"
     })), a = n();
-    return (t, g) => (c(), d(p(t.tag), {
-      class: y(i(a)[C]),
-      style: u(s.value)
+    return (t, g) => (d(), c(p(t.tag), {
+      class: i(u(a)[C]),
+      style: y(s.value)
     }, {
       default: f(() => [m(t.$slots, "default")]),
       _: 3