@rei/cedar 15.0.0-alpha.0 → 15.0.0-beta.0

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

@@ -1,8 +1,8 @@
-import { defineComponent as f, useCssModule as c, 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, openBlock as v, createElementBlock 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 { buildBooleanClass as z } from "../../utils/buildClass.mjs";
-import g from "../../utils/propValidator.mjs";
-const s = "cdr-table", E = /* @__PURE__ */ f({
+import z from "../../props/size.mjs";
+import { buildBooleanClass as W } from "../../utils/buildClass.mjs";
+const s = "cdr-table", P = /* @__PURE__ */ c({
   name: "CdrTable",
   __name: "CdrTable",
   props: {
@@ -38,21 +38,17 @@ const s = "cdr-table", E = /* @__PURE__ */ f({
      * @demoSelectMultiple false
      * @values small, medium, large
     */
-    size: {
-      type: String,
-      default: "medium",
-      validator: (t) => g(t, ["small", "medium", "large"])
-    }
+    size: z
   },
-  setup(t) {
-    const e = t, r = c(), d = l(() => e.size ? `${s}--${e.size}` : ""), n = l(() => e.striped ? `${s}--striped` : ""), i = l(() => e.hover ? `${s}--hover` : ""), p = l(() => e.border && !e.striped ? `${s}--border` : ""), u = l(() => e.fullWidth ? z(s, e.fullWidth, "full-width") : ""), m = l(() => e.responsive ? `${s}--responsive` : "");
-    return (a, W) => (v(), C("div", {
-      class: b(o(r)[m.value])
-    }, [h("table", B(a.$attrs, {
-      class: o(y)(o(r), s, d.value, n.value, i.value, p.value, u.value)
-    }), [$(a.$slots, "default")], 16)], 2));
+  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", {
+      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)
+    }), [$(r.$slots, "default")], 16)], 2));
   }
 });
 export {
-  E as default
+  P as default
 };

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

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

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

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

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

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

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

@@ -1,24 +1,22 @@
-import { defineComponent as n, useCssModule as o, openBlock as r, createBlock as a, resolveDynamicComponent as l, normalizeClass as c, unref as d, withCtx as p, renderSlot as u } from "vue";
-const i = /* @__PURE__ */ n({
+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";
+const C = /* @__PURE__ */ s({
   name: "CdrText",
   __name: "CdrText",
   props: {
-    /** Sets the HTML tag (p, span, h1, h2, etc) */
     tag: {
-      type: String,
       default: "p"
     }
   },
-  setup(e) {
+  setup(u) {
     const t = o();
-    return (s, m) => (r(), a(l(e.tag), {
-      class: c(d(t)["cdr-text"])
+    return (e, m) => (r(), a(n(e.tag), {
+      class: l(c(t)["cdr-text"])
     }, {
-      default: p(() => [u(s.$slots, "default")]),
+      default: p(() => [d(e.$slots, "default")]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  i as default
+  C as default
 };

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

@@ -1,39 +1,34 @@
-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({
+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";
+const C = "cdr-body", b = /* @__PURE__ */ r({
   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
+    },
+    tag: {
+      default: "p"
     }
   },
-  setup(t) {
-    const e = t, o = l(() => ({
+  setup(o) {
+    const e = o, s = 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)
+    })), a = n();
+    return (t, g) => (c(), d(p(t.tag), {
+      class: y(i(a)[C]),
+      style: u(s.value)
     }, {
-      default: u(() => [f(s.$slots, "default")]),
+      default: f(() => [m(t.$slots, "default")]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
 export {
-  _ as default
+  b as default
 };

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

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

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

@@ -1,18 +1,22 @@
-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({
+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";
+const u = "cdr-eyebrow", _ = /* @__PURE__ */ o({
   name: "CdrEyebrow",
   __name: "CdrEyebrow",
-  setup(f) {
-    const e = o();
-    return (r, p) => (t(), a(m, {
-      class: n(l(e)[u])
+  props: {
+    tag: {
+      default: "span"
+    }
+  },
+  setup(m) {
+    const s = r();
+    return (e, f) => (t(), a(n(e.tag), {
+      class: l(c(s)[u])
     }, {
-      default: c(() => [d(r.$slots, "default")]),
+      default: p(() => [d(e.$slots, "default")]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  i as default
+  _ as default
 };

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

@@ -1,5 +1,5 @@
 const e = {
-  "cdr-eyebrow": "cdr-eyebrow_15-0-0-alpha-0"
+  "cdr-eyebrow": "cdr-eyebrow_15-0-0-beta-0"
 };
 export {
   e as default

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

@@ -1,29 +1,25 @@
-import { defineComponent as l, computed as n, useCssModule as c, openBlock as d, createBlock as i, normalizeClass as o, unref as p, normalizeStyle as y, withCtx as u, renderSlot as m } from "vue";
-import f from "../CdrText.vue.mjs";
-const h = "cdr-heading-display", v = /* @__PURE__ */ l({
+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";
+const f = "cdr-heading-display", v = /* @__PURE__ */ r({
   name: "CdrHeadingDisplay",
   __name: "CdrHeadingDisplay",
   props: {
-    /** 
-      * Sets the type scale
-      * @type scaleValue
-      * @values '2', '3', '4', '5', '6', '7'
-     */
     scale: {
-      type: String,
       default: "7"
+    },
+    tag: {
+      default: "h1"
     }
   },
-  setup(a) {
-    const e = a, s = n(() => ({
+  setup(s) {
+    const e = s, t = n(() => ({
       "--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))`
-    })), t = c();
-    return (r, g) => (d(), i(f, {
-      class: o(p(t)[h]),
-      style: y(s.value)
+    })), l = c();
+    return (a, g) => (d(), o(i(a.tag), {
+      class: p(u(l)[f]),
+      style: y(t.value)
     }, {
-      default: u(() => [m(r.$slots, "default")]),
+      default: h(() => [m(a.$slots, "default")]),
       _: 3
     }, 8, ["class", "style"]));
   }

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

@@ -1,5 +1,5 @@
 const a = {
-  "cdr-heading-display": "cdr-heading-display_15-0-0-alpha-0"
+  "cdr-heading-display": "cdr-heading-display_15-0-0-beta-0"
 };
 export {
   a as default

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

@@ -1,33 +1,29 @@
-import { defineComponent as r, computed as l, useCssModule as c, openBlock as o, createBlock as d, normalizeClass as i, unref as p, normalizeStyle as u, withCtx as m, renderSlot as f } from "vue";
-import h from "../CdrText.vue.mjs";
-const g = "cdr-heading-sans", S = /* @__PURE__ */ r({
+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";
+const g = "cdr-heading-sans", v = /* @__PURE__ */ r({
   name: "CdrHeadingSans",
   __name: "CdrHeadingSans",
   props: {
-    /** 
-     * Sets the type scale
-     * @type scaleValue
-     * @values '1', '2', '3'
-     */
     scale: {
-      type: String,
       default: "3"
+    },
+    tag: {
+      default: "h2"
     }
   },
-  setup(s) {
-    const e = s, a = l(() => ({
+  setup(a) {
+    const e = a, n = l(() => ({
       "--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 (n, y) => (o(), d(h, {
-      class: i(p(t)[g]),
-      style: u(a.value)
+    return (s, y) => (o(), d(i(s.tag), {
+      class: p(u(t)[g]),
+      style: h(n.value)
     }, {
-      default: m(() => [f(n.$slots, "default")]),
+      default: m(() => [f(s.$slots, "default")]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
 export {
-  S as default
+  v as default
 };

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

@@ -1,5 +1,5 @@
 const a = {
-  "cdr-heading-sans": "cdr-heading-sans_15-0-0-alpha-0"
+  "cdr-heading-sans": "cdr-heading-sans_15-0-0-beta-0"
 };
 export {
   a as default

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

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

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

@@ -1,5 +1,5 @@
 const e = {
-  "cdr-heading-serif": "cdr-heading-serif_15-0-0-alpha-0"
+  "cdr-heading-serif": "cdr-heading-serif_15-0-0-beta-0"
 };
 export {
   e as default

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

@@ -1,33 +1,29 @@
-import { defineComponent as r, computed as l, useCssModule as c, openBlock as o, createBlock as d, normalizeClass as i, unref as u, normalizeStyle as p, withCtx as h, renderSlot as m } from "vue";
-import f from "../CdrText.vue.mjs";
-const g = "cdr-subheading-sans", S = /* @__PURE__ */ r({
+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";
+const g = "cdr-subheading-sans", b = /* @__PURE__ */ r({
   name: "CdrSubheadingSans",
   __name: "CdrSubheadingSans",
   props: {
-    /** 
-     * Sets the type scale
-     * @type scaleValue
-     * @values '0', '1', '2'
-     */
     scale: {
-      type: String,
       default: "1"
+    },
+    tag: {
+      default: "p"
     }
   },
-  setup(s) {
-    const e = s, a = l(() => ({
+  setup(a) {
+    const e = a, n = l(() => ({
       "--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 (n, y) => (o(), d(f, {
-      class: i(u(t)[g]),
-      style: p(a.value)
+    return (s, y) => (o(), d(i(s.tag), {
+      class: u(p(t)[g]),
+      style: h(n.value)
     }, {
-      default: h(() => [m(n.$slots, "default")]),
+      default: m(() => [f(s.$slots, "default")]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
 export {
-  S as default
+  b as default
 };

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

@@ -1,5 +1,5 @@
 const s = {
-  "cdr-subheading-sans": "cdr-subheading-sans_15-0-0-alpha-0"
+  "cdr-subheading-sans": "cdr-subheading-sans_15-0-0-beta-0"
 };
 export {
   s as default

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

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

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

@@ -1,5 +1,5 @@
 const t = {
-  "cdr-utility-sans": "cdr-utility-sans_15-0-0-alpha-0"
+  "cdr-utility-sans": "cdr-utility-sans_15-0-0-beta-0"
 };
 export {
   t as default

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

@@ -1,39 +1,34 @@
-import { defineComponent as i, computed as a, useCssModule as o, openBlock as c, createBlock as n, normalizeClass as f, unref as d, normalizeStyle as u, withCtx as p, renderSlot as y } from "vue";
-import m from "../CdrText.vue.mjs";
-const C = "cdr-utility-serif", S = /* @__PURE__ */ i({
+import { defineComponent as i, computed as a, useCssModule as o, openBlock as n, createBlock as c, resolveDynamicComponent as f, normalizeClass as u, unref as d, normalizeStyle as p, withCtx as y, renderSlot as m } from "vue";
+const C = "cdr-utility-serif", v = /* @__PURE__ */ i({
   name: "CdrUtilitySerif",
   __name: "CdrUtilitySerif",
   props: {
-    /** 
-     * Sets the type scale
-     * @type scaleValue
-     * @values '-1','0','1','2','3'
-     */
     scale: {
-      type: String,
       default: "1"
     },
-    /** Toggles the strong variant */
     strong: {
       type: Boolean,
       default: !1
+    },
+    tag: {
+      default: "p"
     }
   },
-  setup(t) {
-    const e = t, r = a(() => ({
+  setup(s) {
+    const e = s, r = a(() => ({
       "--cdr-utility-serif-font-size": `var(--cdr-type-scale-${e.scale})`,
       "--cdr-utility-serif-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-utility-serif-line-height-ratio))`,
       "--cdr-utility-serif-font-weight": e.strong ? "600" : "400"
-    })), s = o();
-    return (l, h) => (c(), n(m, {
-      class: f(d(s)[C]),
-      style: u(r.value)
+    })), l = o();
+    return (t, g) => (n(), c(f(t.tag), {
+      class: u(d(l)[C]),
+      style: p(r.value)
     }, {
-      default: p(() => [y(l.$slots, "default")]),
+      default: y(() => [m(t.$slots, "default")]),
       _: 3
     }, 8, ["class", "style"]));
   }
 });
 export {
-  S as default
+  v as default
 };