@rei/cedar 15.4.1 → 15.5.1

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

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

@@ -1,72 +1,71 @@
-import { defineComponent as y, useCssModule as C, computed as n, openBlock as _, createBlock as g, resolveDynamicComponent as S, normalizeProps as v, guardReactiveProps as P, withCtx as t, createElementVNode as d, normalizeClass as c, unref as a, createVNode as l, mergeProps as B, renderSlot as u } from "vue";
-import k from "../skeleton/CdrSkeleton.vue.mjs";
+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 h from "../../utils/mapClasses.mjs";
-import { getDefaultLayout as i, getSurfaceSelectionProps as w } from "../../utils/surface.mjs";
-import z from "../layout/CdrLayout.vue.mjs";
-const D = "cdr-surface-selection", M = /* @__PURE__ */ y({
+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,
-      default: !1
+      type: Boolean
     },
     disabled: {
-      type: Boolean,
-      default: !1
+      type: Boolean
     },
     loading: {
-      type: Boolean,
-      default: !1
-    },
-    modifier: {
-      default: "default"
+      type: Boolean
     },
     role: {
-      default: "radio"
-    },
-    shadow: {
-      default: void 0
+      default: "checkbox"
     },
+    layout: {},
+    background: {},
+    borderColor: {},
+    borderStyle: {},
+    borderWidth: {},
+    borderRadius: {},
+    boxShadow: {},
     tag: {
-      default: "button"
+      default: "div"
     },
-    layout: {
-      default: () => i()
-    }
+    palette: {}
   },
-  setup(f) {
-    const s = f, o = C(), p = n(() => {
-      const {
-        classes: e,
-        ...r
-      } = w(s, D);
-      return {
-        ...r,
-        class: h(o, ...e) || void 0
-      };
-    }), m = n(() => Object.assign(i(), s.layout));
-    return (e, r) => (_(), g(S(e.tag), v(P(p.value)), {
-      default: t(() => [d("div", {
-        class: c(a(o)["cdr-surface-selection__inner"])
-      }, [l(z, B(m.value, {
-        class: a(o)["cdr-surface-selection__layout"]
+  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(e.$slots, "default")]),
+        default: t(() => [u(a.$slots, "default")]),
         _: 3
-      }, 16, ["class"]), d("div", {
-        class: c(a(o)["cdr-surface-selection__loading"])
-      }, [u(e.$slots, "loading", {}, () => [l(k, null, {
+      }, 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));
+    }, 16, ["class", "tag", "role"]));
   }
 });
 export {
-  M as default
+  V as default
 };

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

@@ -1,31 +1,8 @@
 const e = {
-  "cdr-surface-selection": "cdr-surface-selection_15-4-1",
-  "cdr-surface-selection--background-default": "cdr-surface-selection--background-default_15-4-1",
-  "cdr-surface-selection--border-color-default": "cdr-surface-selection--border-color-default_15-4-1",
-  "cdr-surface-selection--border-width-zero": "cdr-surface-selection--border-width-zero_15-4-1",
-  "cdr-surface-selection--border-width-sixteenth-x": "cdr-surface-selection--border-width-sixteenth-x_15-4-1",
-  "cdr-surface-selection--border-width-eighth-x": "cdr-surface-selection--border-width-eighth-x_15-4-1",
-  "cdr-surface-selection--border-width-three-sixteenth-x": "cdr-surface-selection--border-width-three-sixteenth-x_15-4-1",
-  "cdr-surface-selection--border-width-quarter-x": "cdr-surface-selection--border-width-quarter-x_15-4-1",
-  "cdr-surface-selection--border-width-three-eighth-x": "cdr-surface-selection--border-width-three-eighth-x_15-4-1",
-  "cdr-surface-selection--border-style-dotted": "cdr-surface-selection--border-style-dotted_15-4-1",
-  "cdr-surface-selection--border-style-dashed": "cdr-surface-selection--border-style-dashed_15-4-1",
-  "cdr-surface-selection--border-style-solid": "cdr-surface-selection--border-style-solid_15-4-1",
-  "cdr-surface-selection--radius-sharp": "cdr-surface-selection--radius-sharp_15-4-1",
-  "cdr-surface-selection--radius-soft": "cdr-surface-selection--radius-soft_15-4-1",
-  "cdr-surface-selection--radius-softer": "cdr-surface-selection--radius-softer_15-4-1",
-  "cdr-surface-selection--radius-softest": "cdr-surface-selection--radius-softest_15-4-1",
-  "cdr-surface-selection--radius-round": "cdr-surface-selection--radius-round_15-4-1",
-  "cdr-surface-selection--shadow-flat": "cdr-surface-selection--shadow-flat_15-4-1",
-  "cdr-surface-selection--shadow-raised": "cdr-surface-selection--shadow-raised_15-4-1",
-  "cdr-surface-selection--shadow-elevated": "cdr-surface-selection--shadow-elevated_15-4-1",
-  "cdr-surface-selection--shadow-floating": "cdr-surface-selection--shadow-floating_15-4-1",
-  "cdr-surface-selection--shadow-lifted": "cdr-surface-selection--shadow-lifted_15-4-1",
-  "cdr-surface-selection--border": "cdr-surface-selection--border_15-4-1",
-  "cdr-surface-selection__layout": "cdr-surface-selection__layout_15-4-1",
-  "cdr-surface-selection__loading": "cdr-surface-selection__loading_15-4-1",
-  "cdr-surface-selection__inner": "cdr-surface-selection__inner_15-4-1",
-  "cdr-surface-selection--modifier-default": "cdr-surface-selection--modifier-default_15-4-1"
+  "cdr-surface-selection": "cdr-surface-selection_15-5-1",
+  "cdr-surface-selection__inner": "cdr-surface-selection__inner_15-5-1",
+  "cdr-surface-selection__layout": "cdr-surface-selection__layout_15-5-1",
+  "cdr-surface-selection__loading": "cdr-surface-selection__loading_15-5-1"
 };
 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,12 +1,12 @@
 const c = {
-  "cdr-switch": "cdr-switch_15-4-1",
-  "cdr-switch__button": "cdr-switch__button_15-4-1",
-  "cdr-switch__button-icon": "cdr-switch__button-icon_15-4-1",
-  "cdr-switch__handle": "cdr-switch__handle_15-4-1",
-  "cdr-switch__label": "cdr-switch__label_15-4-1",
-  "cdr-switch--full-width": "cdr-switch--full-width_15-4-1",
-  "cdr-switch--large": "cdr-switch--large_15-4-1",
-  "cdr-switch--medium": "cdr-switch--medium_15-4-1"
+  "cdr-switch": "cdr-switch_15-5-1",
+  "cdr-switch__button": "cdr-switch__button_15-5-1",
+  "cdr-switch__button-icon": "cdr-switch__button-icon_15-5-1",
+  "cdr-switch__handle": "cdr-switch__handle_15-5-1",
+  "cdr-switch__label": "cdr-switch__label_15-5-1",
+  "cdr-switch--full-width": "cdr-switch--full-width_15-5-1",
+  "cdr-switch--large": "cdr-switch--large_15-5-1",
+  "cdr-switch--medium": "cdr-switch--medium_15-5-1"
 };
 export {
   c 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,17 +1,17 @@
 const l = {
-  "cdr-table": "cdr-table_15-4-1",
-  "cdr-table--small": "cdr-table--small_15-4-1",
-  "cdr-table--medium": "cdr-table--medium_15-4-1",
-  "cdr-table--large": "cdr-table--large_15-4-1",
-  "cdr-table--striped": "cdr-table--striped_15-4-1",
-  "cdr-table--border": "cdr-table--border_15-4-1",
-  "cdr-table--full-width": "cdr-table--full-width_15-4-1",
-  "cdr-table--responsive": "cdr-table--responsive_15-4-1",
-  "cdr-table--hover": "cdr-table--hover_15-4-1",
-  "cdr-table--full-width@xs": "cdr-table--full-width@xs_15-4-1",
-  "cdr-table--full-width@sm": "cdr-table--full-width@sm_15-4-1",
-  "cdr-table--full-width@md": "cdr-table--full-width@md_15-4-1",
-  "cdr-table--full-width@lg": "cdr-table--full-width@lg_15-4-1"
+  "cdr-table": "cdr-table_15-5-1",
+  "cdr-table--small": "cdr-table--small_15-5-1",
+  "cdr-table--medium": "cdr-table--medium_15-5-1",
+  "cdr-table--large": "cdr-table--large_15-5-1",
+  "cdr-table--striped": "cdr-table--striped_15-5-1",
+  "cdr-table--border": "cdr-table--border_15-5-1",
+  "cdr-table--full-width": "cdr-table--full-width_15-5-1",
+  "cdr-table--responsive": "cdr-table--responsive_15-5-1",
+  "cdr-table--hover": "cdr-table--hover_15-5-1",
+  "cdr-table--full-width@xs": "cdr-table--full-width@xs_15-5-1",
+  "cdr-table--full-width@sm": "cdr-table--full-width@sm_15-5-1",
+  "cdr-table--full-width@md": "cdr-table--full-width@md_15-5-1",
+  "cdr-table--full-width@lg": "cdr-table--full-width@lg_15-5-1"
 };
 export {
   l 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-4-1",
-  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-4-1",
-  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-4-1",
-  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-4-1",
-  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-4-1"
+  "cdr-tab-panel": "cdr-tab-panel_15-5-1",
+  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-5-1",
+  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-5-1",
+  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-5-1",
+  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-5-1"
 };
 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-4-1",
-  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-4-1",
-  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-4-1",
-  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-4-1",
-  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-4-1",
-  "cdr-tabs": "cdr-tabs_15-4-1",
-  "cdr-tabs__header-container": "cdr-tabs__header-container_15-4-1",
-  "cdr-tabs__header": "cdr-tabs__header_15-4-1",
-  "cdr-tabs__header-item": "cdr-tabs__header-item_15-4-1",
-  "cdr-tabs__header-item-active": "cdr-tabs__header-item-active_15-4-1",
-  "cdr-tabs__header-item--disabled": "cdr-tabs__header-item--disabled_15-4-1",
-  "cdr-tabs__gradient-container": "cdr-tabs__gradient-container_15-4-1",
-  "cdr-tabs__gradient": "cdr-tabs__gradient_15-4-1",
-  "cdr-tabs__gradient--left": "cdr-tabs__gradient--left_15-4-1",
-  "cdr-tabs__gradient--right": "cdr-tabs__gradient--right_15-4-1",
-  "cdr-tabs__gradient--active": "cdr-tabs__gradient--active_15-4-1",
-  "cdr-tabs__underline": "cdr-tabs__underline_15-4-1",
-  "cdr-tabs__content-container": "cdr-tabs__content-container_15-4-1",
-  "fade-enter-active": "fade-enter-active_15-4-1",
-  "fade-leave-active": "fade-leave-active_15-4-1",
-  "fade-enter": "fade-enter_15-4-1",
-  "fade-leave-to": "fade-leave-to_15-4-1",
-  "cdr-tabs--compact": "cdr-tabs--compact_15-4-1",
-  "cdr-tabs__header-item-label": "cdr-tabs__header-item-label_15-4-1",
-  "cdr-tabs--small": "cdr-tabs--small_15-4-1",
-  "cdr-tabs--no-border": "cdr-tabs--no-border_15-4-1",
-  "cdr-tabs--full-width": "cdr-tabs--full-width_15-4-1",
-  "cdr-tabs--centered": "cdr-tabs--centered_15-4-1"
+  "cdr-tab-panel": "cdr-tab-panel_15-5-1",
+  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-5-1",
+  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-5-1",
+  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-5-1",
+  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-5-1",
+  "cdr-tabs": "cdr-tabs_15-5-1",
+  "cdr-tabs__header-container": "cdr-tabs__header-container_15-5-1",
+  "cdr-tabs__header": "cdr-tabs__header_15-5-1",
+  "cdr-tabs__header-item": "cdr-tabs__header-item_15-5-1",
+  "cdr-tabs__header-item-active": "cdr-tabs__header-item-active_15-5-1",
+  "cdr-tabs__header-item--disabled": "cdr-tabs__header-item--disabled_15-5-1",
+  "cdr-tabs__gradient-container": "cdr-tabs__gradient-container_15-5-1",
+  "cdr-tabs__gradient": "cdr-tabs__gradient_15-5-1",
+  "cdr-tabs__gradient--left": "cdr-tabs__gradient--left_15-5-1",
+  "cdr-tabs__gradient--right": "cdr-tabs__gradient--right_15-5-1",
+  "cdr-tabs__gradient--active": "cdr-tabs__gradient--active_15-5-1",
+  "cdr-tabs__underline": "cdr-tabs__underline_15-5-1",
+  "cdr-tabs__content-container": "cdr-tabs__content-container_15-5-1",
+  "fade-enter-active": "fade-enter-active_15-5-1",
+  "fade-leave-active": "fade-leave-active_15-5-1",
+  "fade-enter": "fade-enter_15-5-1",
+  "fade-leave-to": "fade-leave-to_15-5-1",
+  "cdr-tabs--compact": "cdr-tabs--compact_15-5-1",
+  "cdr-tabs__header-item-label": "cdr-tabs__header-item-label_15-5-1",
+  "cdr-tabs--small": "cdr-tabs--small_15-5-1",
+  "cdr-tabs--no-border": "cdr-tabs--no-border_15-5-1",
+  "cdr-tabs--full-width": "cdr-tabs--full-width_15-5-1",
+  "cdr-tabs--centered": "cdr-tabs--centered_15-5-1"
 };
 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

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as n, useCssModule as c, openBlock as d, createBlock as o, resolveDynamicComponent as i, normalizeClass as p, unref as u, normalizeStyle as y, withCtx as h, renderSlot as m } from "vue";
+import { defineComponent as r, computed as n, useCssModule as c, createBlock as d, openBlock as o, resolveDynamicComponent as i, normalizeStyle as p, normalizeClass as u, unref as y, withCtx as h, renderSlot as m } from "vue";
 const f = "cdr-heading-display", v = /* @__PURE__ */ r({
   name: "CdrHeadingDisplay",
   __name: "CdrHeadingDisplay",
@@ -15,9 +15,9 @@ const f = "cdr-heading-display", v = /* @__PURE__ */ r({
       "--cdr-heading-display-font-size": `var(--cdr-type-scale-${e.scale})`,
       "--cdr-heading-display-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-heading-display-line-height-ratio))`
     })), l = c();
-    return (a, g) => (d(), o(i(a.tag), {
-      class: p(u(l)[f]),
-      style: y(t.value)
+    return (a, g) => (o(), d(i(a.tag), {
+      class: u(y(l)[f]),
+      style: p(t.value)
     }, {
       default: h(() => [m(a.$slots, "default")]),
       _: 3

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

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as l, useCssModule as c, openBlock as o, createBlock as d, resolveDynamicComponent as i, normalizeClass as p, unref as u, normalizeStyle as h, withCtx as m, renderSlot as f } from "vue";
+import { defineComponent as r, computed as l, useCssModule as c, createBlock as o, openBlock as d, resolveDynamicComponent as i, normalizeStyle as p, normalizeClass as u, unref as h, withCtx as m, renderSlot as f } from "vue";
 const g = "cdr-heading-sans", v = /* @__PURE__ */ r({
   name: "CdrHeadingSans",
   __name: "CdrHeadingSans",
@@ -15,9 +15,9 @@ const g = "cdr-heading-sans", v = /* @__PURE__ */ r({
       "--cdr-heading-sans-font-size": `var(--cdr-type-scale-${e.scale})`,
       "--cdr-heading-sans-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-heading-sans-line-height-ratio))`
     })), t = c();
-    return (s, y) => (o(), d(i(s.tag), {
-      class: p(u(t)[g]),
-      style: h(n.value)
+    return (s, y) => (d(), o(i(s.tag), {
+      class: u(h(t)[g]),
+      style: p(n.value)
     }, {
       default: m(() => [f(s.$slots, "default")]),
       _: 3

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

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

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

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

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

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