@rei/cedar 14.1.1 → 15.0.0-alpha.1

package/dist/src/components/select/CdrSelect.vue2.mjs

@@ -1,13 +1,13 @@
 import "core-js/modules/es.array.push.js";
-import { defineComponent as R, useCssModule as U, useSlots as H, useAttrs as T, computed as o, openBlock as i, createBlock as C, unref as t, createSlots as G, withCtx as n, createElementVNode as S, normalizeClass as p, createElementBlock as f, renderSlot as d, createCommentVNode as y, withDirectives as J, mergeProps as K, toDisplayString as k, Fragment as Q, renderList as W, vModelSelect as X, createVNode as Y } from "vue";
-import Z from "../icon/comps/caret-down.vue.mjs";
-import _ from "../labelStandalone/CdrLabelStandalone.vue.mjs";
-import ee from "../formError/CdrFormError.vue.mjs";
-import re from "../../props/size.mjs";
-import te from "../../props/background.mjs";
+import { defineComponent as U, useCssModule as H, useSlots as T, useAttrs as G, computed as o, openBlock as i, createBlock as C, unref as t, createSlots as J, withCtx as n, createElementVNode as S, normalizeClass as p, createElementBlock as f, renderSlot as d, createCommentVNode as y, withDirectives as K, mergeProps as Q, toDisplayString as k, Fragment as W, renderList as X, vModelSelect as Y, createVNode as Z } from "vue";
+import _ from "../icon/comps/caret-down.vue.mjs";
+import ee from "../labelStandalone/CdrLabelStandalone.vue.mjs";
+import re from "../formError/CdrFormError.vue.mjs";
+import te from "../../props/size.mjs";
+import le from "../../props/background.mjs";
 import $ from "../../utils/mapClasses.mjs";
-import le from "../../utils/uid.mjs";
-const oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], ae = ["value"], z = "cdr-select", be = /* @__PURE__ */ R({
+import oe from "../../utils/uid.mjs";
+const ae = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], se = ["value"], z = "cdr-select", ve = /* @__PURE__ */ U({
   name: "CdrSelect",
   inheritAttrs: !1,
   customOptions: {},
@@ -51,13 +51,13 @@ const oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid
      * Sets the background color the radio button is rendered on
      * @values primary, secondary
      */
-    background: te,
+    background: le,
     /**
      * Sets the component's size; values can target responsive breakpoints. Example `small@lg`
      * @demoSelectMultiple false
      * @values small, medium, large
     */
-    size: re,
+    size: te,
     /** Sets the select to an error state, displays the `error` slot if one is present. */
     error: {
       type: [Boolean, String],
@@ -97,10 +97,10 @@ const oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid
   setup(e, {
     emit: B
   }) {
-    const r = e, c = U(), u = H(), q = T(), V = u["helper-text"], x = u.info, A = u["info-action"], h = u["pre-icon"], m = r.id ? r.id : le(), I = o(() => r.multiple ? "cdr-select--multiple" : ""), N = o(() => r.modelValue ? "" : "cdr-select__prompt"), E = o(() => h ? "cdr-select--preicon" : ""), L = o(() => r.error ? "cdr-select--error" : ""), O = o(() => `cdr-select--${r.background}`), P = o(() => r.size ? `${z}--${r.size}` : ""), j = o(() => r.disabled ? "cdr-select__caret--disabled" : ""), w = o(() => {
-      const l = [u["helper-text"] ? `${r.id}-helper-text-top` : "", q["aria-describedby"]].filter((a) => a).join(" ");
+    const r = e, q = B, c = H(), u = T(), V = G(), x = u["helper-text"], A = u.info, I = u["info-action"], h = u["pre-icon"], m = r.id ? r.id : oe(), N = o(() => r.multiple ? "cdr-select--multiple" : ""), E = o(() => r.modelValue ? "" : "cdr-select__prompt"), L = o(() => h ? "cdr-select--preicon" : ""), O = o(() => r.error ? "cdr-select--error" : ""), P = o(() => `cdr-select--${r.background}`), j = o(() => r.size ? `${z}--${r.size}` : ""), w = o(() => r.disabled ? "cdr-select__caret--disabled" : ""), D = o(() => {
+      const l = [u["helper-text"] ? `${r.id}-helper-text-top` : "", V["aria-describedby"]].filter((a) => a).join(" ");
       return r.error ? `${r.id}-error` : l;
-    }), D = o(() => {
+    }), F = o(() => {
       const l = [];
       return r.options && r.options.forEach((a) => {
         const s = {
@@ -112,10 +112,10 @@ const oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid
           b = a, v = a;
         else {
           const {
-            text: F,
-            value: M
+            text: M,
+            value: R
           } = a;
-          b = F, v = M;
+          b = M, v = R;
         }
         s.text = b, s.value = v, l.push(s);
       }), l;
@@ -124,25 +124,25 @@ const oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid
         return r.modelValue;
       },
       set(l) {
-        B("update:modelValue", l);
+        q("update:modelValue", l);
       }
     });
-    return (l, a) => (i(), C(_, {
+    return (l, a) => (i(), C(ee, {
       "for-id": t(m),
       label: e.label,
       "hide-label": e.hideLabel,
       required: e.required,
       optional: e.optional,
       disabled: e.disabled
-    }, G({
+    }, J({
       default: n(() => [S("div", {
         class: p(t(c)["cdr-select-wrap"])
       }, [t(h) ? (i(), f("span", {
         key: 0,
         class: p(t(c)["cdr-select__pre-icon"])
-      }, [d(l.$slots, "pre-icon")], 2)) : y("", !0), J(S("select", K({
+      }, [d(l.$slots, "pre-icon")], 2)) : y("", !0), K(S("select", Q({
         id: t(m),
-        class: t($)(t(c), z, P.value, N.value, I.value, O.value, L.value, E.value),
+        class: t($)(t(c), z, j.value, E.value, N.value, P.value, O.value, L.value),
         multiple: e.multiple,
         size: e.multipleSize,
         disabled: e.disabled,
@@ -150,35 +150,35 @@ const oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid
         "aria-invalid": !!e.error || void 0,
         "aria-errormessage": !!e.error && `${t(m)}-error` || void 0
       }, l.$attrs, {
-        "aria-describedby": w.value || void 0,
+        "aria-describedby": D.value || void 0,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => g.value = s)
       }), [e.prompt ? (i(), f("option", {
         key: 0,
         class: p(t(c)["cdr-select__prompt"]),
         value: "",
         disabled: ""
-      }, k(e.prompt), 3)) : y("", !0), (i(!0), f(Q, null, W(D.value, (s) => (i(), f("option", {
+      }, k(e.prompt), 3)) : y("", !0), (i(!0), f(W, null, X(F.value, (s) => (i(), f("option", {
         key: s.text,
         value: s.value
-      }, k(s.text), 9, ae))), 128)), d(l.$slots, "default")], 16, oe), [[X, g.value]]), Y(Z, {
-        class: p(t($)(t(c), "cdr-select__caret", j.value))
+      }, k(s.text), 9, se))), 128)), d(l.$slots, "default")], 16, ae), [[Y, g.value]]), Z(_, {
+        class: p(t($)(t(c), "cdr-select__caret", w.value))
       }, null, 8, ["class"])], 2)]),
       _: 2
-    }, [t(V) ? {
+    }, [t(x) ? {
       name: "helper",
       fn: n(() => [d(l.$slots, "helper-text")]),
       key: "0"
-    } : void 0, t(x) ? {
+    } : void 0, t(A) ? {
       name: "info",
       fn: n(() => [d(l.$slots, "info")]),
       key: "1"
-    } : void 0, t(A) ? {
+    } : void 0, t(I) ? {
       name: "info-action",
       fn: n(() => [d(l.$slots, "info-action")]),
       key: "2"
     } : void 0, e.error ? {
       name: "error",
-      fn: n(() => [e.error ? (i(), C(ee, {
+      fn: n(() => [e.error ? (i(), C(re, {
         key: 0,
         error: e.error,
         role: e.errorRole,
@@ -192,5 +192,5 @@ const oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid
   }
 });
 export {
-  be as default
+  ve as default
 };

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

@@ -1,46 +1,46 @@
 const l = {
-  "cdr-icon": "cdr-icon_14-1-1",
-  "cdr-icon--small": "cdr-icon--small_14-1-1",
-  "cdr-icon--large": "cdr-icon--large_14-1-1",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_14-1-1",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_14-1-1",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_14-1-1",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_14-1-1",
-  "cdr-icon--small@md": "cdr-icon--small@md_14-1-1",
-  "cdr-icon--large@md": "cdr-icon--large@md_14-1-1",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_14-1-1",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_14-1-1",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_14-1-1",
-  "cdr-label-standalone": "cdr-label-standalone_14-1-1",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_14-1-1",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_14-1-1",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_14-1-1",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_14-1-1",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_14-1-1",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_14-1-1",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_14-1-1",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_14-1-1",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_14-1-1",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_14-1-1",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_14-1-1",
-  "cdr-form-error": "cdr-form-error_14-1-1",
-  "cdr-form-error__icon": "cdr-form-error__icon_14-1-1",
-  "cdr-select": "cdr-select_14-1-1",
-  "cdr-select--primary": "cdr-select--primary_14-1-1",
-  "cdr-select--secondary": "cdr-select--secondary_14-1-1",
-  "cdr-select--error": "cdr-select--error_14-1-1",
-  "cdr-select--preicon": "cdr-select--preicon_14-1-1",
-  "cdr-select__prompt": "cdr-select__prompt_14-1-1",
-  "cdr-select__caret": "cdr-select__caret_14-1-1",
-  "cdr-select__caret--disabled": "cdr-select__caret--disabled_14-1-1",
-  "cdr-select__pre-icon": "cdr-select__pre-icon_14-1-1",
-  "cdr-select--multiple": "cdr-select--multiple_14-1-1",
-  "cdr-select--large@xs": "cdr-select--large@xs_14-1-1",
-  "cdr-select--large": "cdr-select--large_14-1-1",
-  "cdr-select--large@sm": "cdr-select--large@sm_14-1-1",
-  "cdr-select--large@md": "cdr-select--large@md_14-1-1",
-  "cdr-select--large@lg": "cdr-select--large@lg_14-1-1",
-  "cdr-select-wrap": "cdr-select-wrap_14-1-1"
+  "cdr-icon": "cdr-icon_15-0-0-alpha-1",
+  "cdr-icon--small": "cdr-icon--small_15-0-0-alpha-1",
+  "cdr-icon--large": "cdr-icon--large_15-0-0-alpha-1",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_15-0-0-alpha-1",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_15-0-0-alpha-1",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_15-0-0-alpha-1",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_15-0-0-alpha-1",
+  "cdr-icon--small@md": "cdr-icon--small@md_15-0-0-alpha-1",
+  "cdr-icon--large@md": "cdr-icon--large@md_15-0-0-alpha-1",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_15-0-0-alpha-1",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_15-0-0-alpha-1",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-0-0-alpha-1",
+  "cdr-label-standalone": "cdr-label-standalone_15-0-0-alpha-1",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-0-0-alpha-1",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-0-0-alpha-1",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-0-0-alpha-1",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-0-0-alpha-1",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-0-0-alpha-1",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-0-0-alpha-1",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-0-0-alpha-1",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-0-0-alpha-1",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-0-0-alpha-1",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-0-0-alpha-1",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-0-0-alpha-1",
+  "cdr-form-error": "cdr-form-error_15-0-0-alpha-1",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-0-0-alpha-1",
+  "cdr-select": "cdr-select_15-0-0-alpha-1",
+  "cdr-select--primary": "cdr-select--primary_15-0-0-alpha-1",
+  "cdr-select--secondary": "cdr-select--secondary_15-0-0-alpha-1",
+  "cdr-select--error": "cdr-select--error_15-0-0-alpha-1",
+  "cdr-select--preicon": "cdr-select--preicon_15-0-0-alpha-1",
+  "cdr-select__prompt": "cdr-select__prompt_15-0-0-alpha-1",
+  "cdr-select__caret": "cdr-select__caret_15-0-0-alpha-1",
+  "cdr-select__caret--disabled": "cdr-select__caret--disabled_15-0-0-alpha-1",
+  "cdr-select__pre-icon": "cdr-select__pre-icon_15-0-0-alpha-1",
+  "cdr-select--multiple": "cdr-select--multiple_15-0-0-alpha-1",
+  "cdr-select--large@xs": "cdr-select--large@xs_15-0-0-alpha-1",
+  "cdr-select--large": "cdr-select--large_15-0-0-alpha-1",
+  "cdr-select--large@sm": "cdr-select--large@sm_15-0-0-alpha-1",
+  "cdr-select--large@md": "cdr-select--large@md_15-0-0-alpha-1",
+  "cdr-select--large@lg": "cdr-select--large@lg_15-0-0-alpha-1",
+  "cdr-select-wrap": "cdr-select-wrap_15-0-0-alpha-1"
 };
 export {
   l as default

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

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

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

@@ -1,11 +1,11 @@
-const e = "shimmer_14-1-1", n = {
-  "cdr-skeleton-bone": "cdr-skeleton-bone_14-1-1",
-  "cdr-skeleton-bone__shimmer": "cdr-skeleton-bone__shimmer_14-1-1",
+const e = "shimmer_15-0-0-alpha-1", n = {
+  "cdr-skeleton-bone": "cdr-skeleton-bone_15-0-0-alpha-1",
+  "cdr-skeleton-bone__shimmer": "cdr-skeleton-bone__shimmer_15-0-0-alpha-1",
   shimmer: e,
-  "cdr-skeleton-bone--line": "cdr-skeleton-bone--line_14-1-1",
-  "cdr-skeleton-bone--heading": "cdr-skeleton-bone--heading_14-1-1",
-  "cdr-skeleton-bone--rectangle": "cdr-skeleton-bone--rectangle_14-1-1",
-  "cdr-skeleton-bone--square": "cdr-skeleton-bone--square_14-1-1"
+  "cdr-skeleton-bone--line": "cdr-skeleton-bone--line_15-0-0-alpha-1",
+  "cdr-skeleton-bone--heading": "cdr-skeleton-bone--heading_15-0-0-alpha-1",
+  "cdr-skeleton-bone--rectangle": "cdr-skeleton-bone--rectangle_15-0-0-alpha-1",
+  "cdr-skeleton-bone--square": "cdr-skeleton-bone--square_15-0-0-alpha-1"
 };
 export {
   n as default,

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

@@ -1,11 +1,11 @@
-import { defineComponent as _, useCssModule as w, computed as r, openBlock as C, createElementBlock as b, normalizeClass as s, unref as e, createElementVNode as a, renderSlot as v, createVNode as n } from "vue";
-import y from "../../utils/propValidator.mjs";
-import { buildBooleanClass as V } from "../../utils/buildClass.mjs";
-import k from "../icon/comps/check-sm.vue.mjs";
-import z from "../icon/comps/x-sm.vue.mjs";
-import B from "../../utils/mapClasses.mjs";
-import S from "../../utils/uid.mjs";
-const $ = ["id"], g = ["aria-checked", "aria-labelledby"], u = "cdr-switch", U = /* @__PURE__ */ _({
+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 V from "../../utils/propValidator.mjs";
+import { buildBooleanClass as k } from "../../utils/buildClass.mjs";
+import z from "../icon/comps/check-sm.vue.mjs";
+import B from "../icon/comps/x-sm.vue.mjs";
+import S from "../../utils/mapClasses.mjs";
+import $ from "../../utils/uid.mjs";
+const g = ["id"], W = ["aria-checked", "aria-labelledby"], u = "cdr-switch", j = /* @__PURE__ */ w({
   name: "CdrSwitch",
   __name: "CdrSwitch",
   props: {
@@ -23,7 +23,7 @@ const $ = ["id"], g = ["aria-checked", "aria-labelledby"], u = "cdr-switch", U =
     size: {
       type: String,
       default: "medium",
-      validator: (i) => y(i, ["medium", "large"])
+      validator: (i) => V(i, ["medium", "large"])
     },
     /**
      * Sets the label and switch to expand to the full width of its container with `space-between`
@@ -50,29 +50,29 @@ const $ = ["id"], g = ["aria-checked", "aria-labelledby"], u = "cdr-switch", U =
   setup(i, {
     emit: m
   }) {
-    const l = i, t = w(), d = l.id ? l.id : S(), f = (o) => {
-      m("update:modelValue", !o);
-    }, h = r(() => l.size ? `cdr-switch--${l.size}` : "cdr-switch--medium"), p = r(() => l.fullWidth ? V(u, l.fullWidth, "full-width") : "");
-    return (o, c) => (C(), b("div", {
-      class: s(e(B)(e(t), u, p.value, h.value))
+    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", {
+      class: s(e(S)(e(l), u, _.value, p.value))
     }, [a("div", {
       id: e(d),
-      class: s(e(t)["cdr-switch__label"])
-    }, [v(o.$slots, "default")], 10, $), a("button", {
-      onClick: c[0] || (c[0] = (W) => f(i.modelValue)),
-      class: s(e(t)["cdr-switch__button"]),
+      class: s(e(l)["cdr-switch__label"])
+    }, [y(o.$slots, "default")], 10, g), a("button", {
+      onClick: c[0] || (c[0] = (q) => h(i.modelValue)),
+      class: s(e(l)["cdr-switch__button"]),
       role: "switch",
       "aria-checked": i.modelValue,
       "aria-labelledby": e(d)
-    }, [n(k, {
-      class: s(e(t)["cdr-switch__button-icon"])
-    }, null, 8, ["class"]), n(z, {
-      class: s(e(t)["cdr-switch__button-icon"])
+    }, [n(z, {
+      class: s(e(l)["cdr-switch__button-icon"])
+    }, null, 8, ["class"]), n(B, {
+      class: s(e(l)["cdr-switch__button-icon"])
     }, null, 8, ["class"]), a("div", {
-      class: s(e(t)["cdr-switch__handle"])
-    }, null, 2)], 10, g)], 2));
+      class: s(e(l)["cdr-switch__handle"])
+    }, null, 2)], 10, W)], 2));
   }
 });
 export {
-  U as default
+  j as default
 };

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

@@ -1,12 +1,12 @@
 const c = {
-  "cdr-switch": "cdr-switch_14-1-1",
-  "cdr-switch__button": "cdr-switch__button_14-1-1",
-  "cdr-switch__button-icon": "cdr-switch__button-icon_14-1-1",
-  "cdr-switch__handle": "cdr-switch__handle_14-1-1",
-  "cdr-switch__label": "cdr-switch__label_14-1-1",
-  "cdr-switch--full-width": "cdr-switch--full-width_14-1-1",
-  "cdr-switch--large": "cdr-switch--large_14-1-1",
-  "cdr-switch--medium": "cdr-switch--medium_14-1-1"
+  "cdr-switch": "cdr-switch_15-0-0-alpha-1",
+  "cdr-switch__button": "cdr-switch__button_15-0-0-alpha-1",
+  "cdr-switch__button-icon": "cdr-switch__button-icon_15-0-0-alpha-1",
+  "cdr-switch__handle": "cdr-switch__handle_15-0-0-alpha-1",
+  "cdr-switch__label": "cdr-switch__label_15-0-0-alpha-1",
+  "cdr-switch--full-width": "cdr-switch--full-width_15-0-0-alpha-1",
+  "cdr-switch--large": "cdr-switch--large_15-0-0-alpha-1",
+  "cdr-switch--medium": "cdr-switch--medium_15-0-0-alpha-1"
 };
 export {
   c as default

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

@@ -1,17 +1,17 @@
 const l = {
-  "cdr-table": "cdr-table_14-1-1",
-  "cdr-table--small": "cdr-table--small_14-1-1",
-  "cdr-table--medium": "cdr-table--medium_14-1-1",
-  "cdr-table--large": "cdr-table--large_14-1-1",
-  "cdr-table--striped": "cdr-table--striped_14-1-1",
-  "cdr-table--border": "cdr-table--border_14-1-1",
-  "cdr-table--full-width": "cdr-table--full-width_14-1-1",
-  "cdr-table--responsive": "cdr-table--responsive_14-1-1",
-  "cdr-table--hover": "cdr-table--hover_14-1-1",
-  "cdr-table--full-width@xs": "cdr-table--full-width@xs_14-1-1",
-  "cdr-table--full-width@sm": "cdr-table--full-width@sm_14-1-1",
-  "cdr-table--full-width@md": "cdr-table--full-width@md_14-1-1",
-  "cdr-table--full-width@lg": "cdr-table--full-width@lg_14-1-1"
+  "cdr-table": "cdr-table_15-0-0-alpha-1",
+  "cdr-table--small": "cdr-table--small_15-0-0-alpha-1",
+  "cdr-table--medium": "cdr-table--medium_15-0-0-alpha-1",
+  "cdr-table--large": "cdr-table--large_15-0-0-alpha-1",
+  "cdr-table--striped": "cdr-table--striped_15-0-0-alpha-1",
+  "cdr-table--border": "cdr-table--border_15-0-0-alpha-1",
+  "cdr-table--full-width": "cdr-table--full-width_15-0-0-alpha-1",
+  "cdr-table--responsive": "cdr-table--responsive_15-0-0-alpha-1",
+  "cdr-table--hover": "cdr-table--hover_15-0-0-alpha-1",
+  "cdr-table--full-width@xs": "cdr-table--full-width@xs_15-0-0-alpha-1",
+  "cdr-table--full-width@sm": "cdr-table--full-width@sm_15-0-0-alpha-1",
+  "cdr-table--full-width@md": "cdr-table--full-width@md_15-0-0-alpha-1",
+  "cdr-table--full-width@lg": "cdr-table--full-width@lg_15-0-0-alpha-1"
 };
 export {
   l as default

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

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

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

@@ -1,10 +1,10 @@
-const t = {
-  "cdr-tab-panel": "cdr-tab-panel_14-1-1",
-  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_14-1-1",
-  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_14-1-1",
-  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_14-1-1",
-  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_14-1-1"
+const a = {
+  "cdr-tab-panel": "cdr-tab-panel_15-0-0-alpha-1",
+  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-0-0-alpha-1",
+  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-0-0-alpha-1",
+  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-0-0-alpha-1",
+  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-0-0-alpha-1"
 };
 export {
-  t as default
+  a as default
 };

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

@@ -1,33 +1,33 @@
-const e = {
-  "cdr-tab-panel": "cdr-tab-panel_14-1-1",
-  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_14-1-1",
-  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_14-1-1",
-  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_14-1-1",
-  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_14-1-1",
-  "cdr-tabs": "cdr-tabs_14-1-1",
-  "cdr-tabs__header-container": "cdr-tabs__header-container_14-1-1",
-  "cdr-tabs__header": "cdr-tabs__header_14-1-1",
-  "cdr-tabs__header-item": "cdr-tabs__header-item_14-1-1",
-  "cdr-tabs__header-item-active": "cdr-tabs__header-item-active_14-1-1",
-  "cdr-tabs__header-item--disabled": "cdr-tabs__header-item--disabled_14-1-1",
-  "cdr-tabs__gradient-container": "cdr-tabs__gradient-container_14-1-1",
-  "cdr-tabs__gradient": "cdr-tabs__gradient_14-1-1",
-  "cdr-tabs__gradient--left": "cdr-tabs__gradient--left_14-1-1",
-  "cdr-tabs__gradient--right": "cdr-tabs__gradient--right_14-1-1",
-  "cdr-tabs__gradient--active": "cdr-tabs__gradient--active_14-1-1",
-  "cdr-tabs__underline": "cdr-tabs__underline_14-1-1",
-  "cdr-tabs__content-container": "cdr-tabs__content-container_14-1-1",
-  "fade-enter-active": "fade-enter-active_14-1-1",
-  "fade-leave-active": "fade-leave-active_14-1-1",
-  "fade-enter": "fade-enter_14-1-1",
-  "fade-leave-to": "fade-leave-to_14-1-1",
-  "cdr-tabs--compact": "cdr-tabs--compact_14-1-1",
-  "cdr-tabs__header-item-label": "cdr-tabs__header-item-label_14-1-1",
-  "cdr-tabs--small": "cdr-tabs--small_14-1-1",
-  "cdr-tabs--no-border": "cdr-tabs--no-border_14-1-1",
-  "cdr-tabs--full-width": "cdr-tabs--full-width_14-1-1",
-  "cdr-tabs--centered": "cdr-tabs--centered_14-1-1"
+const a = {
+  "cdr-tab-panel": "cdr-tab-panel_15-0-0-alpha-1",
+  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_15-0-0-alpha-1",
+  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_15-0-0-alpha-1",
+  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_15-0-0-alpha-1",
+  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_15-0-0-alpha-1",
+  "cdr-tabs": "cdr-tabs_15-0-0-alpha-1",
+  "cdr-tabs__header-container": "cdr-tabs__header-container_15-0-0-alpha-1",
+  "cdr-tabs__header": "cdr-tabs__header_15-0-0-alpha-1",
+  "cdr-tabs__header-item": "cdr-tabs__header-item_15-0-0-alpha-1",
+  "cdr-tabs__header-item-active": "cdr-tabs__header-item-active_15-0-0-alpha-1",
+  "cdr-tabs__header-item--disabled": "cdr-tabs__header-item--disabled_15-0-0-alpha-1",
+  "cdr-tabs__gradient-container": "cdr-tabs__gradient-container_15-0-0-alpha-1",
+  "cdr-tabs__gradient": "cdr-tabs__gradient_15-0-0-alpha-1",
+  "cdr-tabs__gradient--left": "cdr-tabs__gradient--left_15-0-0-alpha-1",
+  "cdr-tabs__gradient--right": "cdr-tabs__gradient--right_15-0-0-alpha-1",
+  "cdr-tabs__gradient--active": "cdr-tabs__gradient--active_15-0-0-alpha-1",
+  "cdr-tabs__underline": "cdr-tabs__underline_15-0-0-alpha-1",
+  "cdr-tabs__content-container": "cdr-tabs__content-container_15-0-0-alpha-1",
+  "fade-enter-active": "fade-enter-active_15-0-0-alpha-1",
+  "fade-leave-active": "fade-leave-active_15-0-0-alpha-1",
+  "fade-enter": "fade-enter_15-0-0-alpha-1",
+  "fade-leave-to": "fade-leave-to_15-0-0-alpha-1",
+  "cdr-tabs--compact": "cdr-tabs--compact_15-0-0-alpha-1",
+  "cdr-tabs__header-item-label": "cdr-tabs__header-item-label_15-0-0-alpha-1",
+  "cdr-tabs--small": "cdr-tabs--small_15-0-0-alpha-1",
+  "cdr-tabs--no-border": "cdr-tabs--no-border_15-0-0-alpha-1",
+  "cdr-tabs--full-width": "cdr-tabs--full-width_15-0-0-alpha-1",
+  "cdr-tabs--centered": "cdr-tabs--centered_15-0-0-alpha-1"
 };
 export {
-  e as default
+  a as default
 };

package/dist/src/components/text/presets/CdrBody.vue.mjs

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

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

@@ -0,0 +1,39 @@
+import { defineComponent as a, computed as l, useCssModule as c, openBlock as n, createBlock as d, normalizeClass as p, unref as i, normalizeStyle as y, withCtx as u, renderSlot as f } from "vue";
+import m from "../CdrText.vue.mjs";
+const C = "cdr-body", _ = /* @__PURE__ */ a({
+  name: "CdrBody",
+  __name: "CdrBody",
+  props: {
+    /** 
+     * Sets the type scale
+     * @type scaleValue
+     * @values '0', '1'
+     */
+    scale: {
+      type: String,
+      default: "0"
+    },
+    /** Toggles the strong variant */
+    strong: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const e = t, o = l(() => ({
+      "--cdr-body-font-size": `var(--cdr-type-scale-${e.scale})`,
+      "--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"
+    })), r = c();
+    return (s, h) => (n(), d(m, {
+      class: p(i(r)[C]),
+      style: y(o.value)
+    }, {
+      default: u(() => [f(s.$slots, "default")]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/src/components/text/presets/CdrBody.vue3.mjs

@@ -0,0 +1,6 @@
+const d = {
+  "cdr-body": "cdr-body_15-0-0-alpha-1"
+};
+export {
+  d as default
+};

package/dist/src/components/text/presets/CdrEyebrow.vue.mjs

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

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

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