@rei/cedar 16.3.0 → 17.0.0-alpha.0

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

@@ -0,0 +1,10 @@
+//#region src/components/tabs/styles/CdrTabPanel.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-tab-panel": "cdr-tab-panel_17-0-0-alpha-0",
+	"cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_17-0-0-alpha-0",
+	"cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_17-0-0-alpha-0",
+	"cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_17-0-0-alpha-0",
+	"cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,33 @@
+//#region src/components/tabs/styles/CdrTabs.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-tab-panel": "cdr-tab-panel_17-0-0-alpha-0",
+	"cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_17-0-0-alpha-0",
+	"cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_17-0-0-alpha-0",
+	"cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_17-0-0-alpha-0",
+	"cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_17-0-0-alpha-0",
+	"cdr-tabs": "cdr-tabs_17-0-0-alpha-0",
+	"cdr-tabs__header-container": "cdr-tabs__header-container_17-0-0-alpha-0",
+	"cdr-tabs__header": "cdr-tabs__header_17-0-0-alpha-0",
+	"cdr-tabs__header-item": "cdr-tabs__header-item_17-0-0-alpha-0",
+	"cdr-tabs__header-item-active": "cdr-tabs__header-item-active_17-0-0-alpha-0",
+	"cdr-tabs__header-item--disabled": "cdr-tabs__header-item--disabled_17-0-0-alpha-0",
+	"cdr-tabs__gradient-container": "cdr-tabs__gradient-container_17-0-0-alpha-0",
+	"cdr-tabs__gradient": "cdr-tabs__gradient_17-0-0-alpha-0",
+	"cdr-tabs__gradient--left": "cdr-tabs__gradient--left_17-0-0-alpha-0",
+	"cdr-tabs__gradient--right": "cdr-tabs__gradient--right_17-0-0-alpha-0",
+	"cdr-tabs__gradient--active": "cdr-tabs__gradient--active_17-0-0-alpha-0",
+	"cdr-tabs__underline": "cdr-tabs__underline_17-0-0-alpha-0",
+	"cdr-tabs__content-container": "cdr-tabs__content-container_17-0-0-alpha-0",
+	"fade-enter-active": "fade-enter-active_17-0-0-alpha-0",
+	"fade-leave-active": "fade-leave-active_17-0-0-alpha-0",
+	"fade-enter": "fade-enter_17-0-0-alpha-0",
+	"fade-leave-to": "fade-leave-to_17-0-0-alpha-0",
+	"cdr-tabs--compact": "cdr-tabs--compact_17-0-0-alpha-0",
+	"cdr-tabs__header-item-label": "cdr-tabs__header-item-label_17-0-0-alpha-0",
+	"cdr-tabs--small": "cdr-tabs--small_17-0-0-alpha-0",
+	"cdr-tabs--no-border": "cdr-tabs--no-border_17-0-0-alpha-0",
+	"cdr-tabs--full-width": "cdr-tabs--full-width_17-0-0-alpha-0",
+	"cdr-tabs--centered": "cdr-tabs--centered_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

package/dist/components/tabs/types.d.ts

@@ -0,0 +1,28 @@
+/**
+ * CdrTabs component properties
+ * Organizes related content into groups for people to navigate between
+ */
+export type CdrTabsProps = {
+    /** Sets height of the tabs container element */
+    height?: string;
+    /** Sets the index of the tab that should be active on initial page load. Note that this property is zero-indexed */
+    activeTab?: number;
+    /** Modifies the style variants for this component */
+    modifier?: string;
+    /** Use small to reduce spacing around the tabs for a denser visual design */
+    size?: string;
+    /** Sets the background color of the tab. For CdrTabs that are rendered on non-primary backgrounds */
+    backgroundColor?: string;
+};
+/**
+ * CdrTabPanel component properties
+ * Individual tab panel content container
+ */
+export type CdrTabPanelProps = {
+    /** Sets reference identifier for tab content. Required for accessibility */
+    id?: string;
+    /** Sets tab display name. Required and must be unique for each tab */
+    name?: string;
+    /** Sets reference identifier for tab header. Required for accessibility */
+    ariaLabelledby?: string;
+};

package/dist/components/text/CdrText.vue.d.ts

@@ -0,0 +1,24 @@
+import { CdrTextProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** CdrText content */
+        default(props: Record<string, never>): any;
+    }> & {
+        /** CdrText content */
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrTextProps> & Readonly<{}>, {
+    tag: import('../../lib').Tag;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,9 +1,6 @@
-import s from "./CdrText.vue2.mjs";
-import o from "./styles/CdrText.module.scss.mjs";
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrText.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrText.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

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

@@ -0,0 +1,16 @@
+import { createBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, unref as o, useCssModule as s, withCtx as c } from "vue";
+//#region src/components/text/CdrText.vue?vue&type=script&setup=true&lang.ts
+var l = /* @__PURE__ */ t({
+	name: "CdrText",
+	__name: "CdrText",
+	props: { tag: { default: "p" } },
+	setup(t) {
+		let l = s();
+		return (s, u) => (r(), e(a(t.tag), { class: n(o(l)["cdr-text"]) }, {
+			default: c(() => [i(s.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/text/presets/CdrBody.vue.d.ts

@@ -0,0 +1,35 @@
+import { BaseTextProps } from '../types';
+import { TypeScale } from '../../../types/componentOptions';
+export interface BodyTextProps extends BaseTextProps {
+    /**
+     * Sets the type scale using Cedar values derived from cdr-tokens CdrTypeKey values.
+     * @type TypeScale
+     * @values scale-minus-2, scale-minus-1, scale-0, scale-1
+     */
+    scale?: Extract<TypeScale, 'scale-minus-2' | 'scale-minus-1' | 'scale-0' | 'scale-1'>;
+    /** Toggles the strong variant */
+    strong?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: Record<string, never>): any;
+    }> & {
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BodyTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BodyTextProps> & Readonly<{}>, {
+    strong: boolean;
+    tag: import('../../../lib').Tag;
+    scale: Extract<TypeScale, "scale-minus-2" | "scale-minus-1" | "scale-0" | "scale-1">;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,9 +1,6 @@
-import o from "./CdrBody.vue2.mjs";
-import s from "./styles/CdrBody.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrBody.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrBody.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

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

@@ -0,0 +1,34 @@
+import { typeScaleCssSuffix as e } from "../../../tokens/adapters.mjs";
+import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, unref as l, useCssModule as u, withCtx as d } from "vue";
+//#region src/components/text/presets/CdrBody.vue?vue&type=script&setup=true&lang.ts
+var f = "cdr-body", p = /* @__PURE__ */ r({
+	name: "CdrBody",
+	__name: "CdrBody",
+	props: {
+		scale: { default: "scale-0" },
+		strong: {
+			type: Boolean,
+			default: !1
+		},
+		tag: { default: "p" }
+	},
+	setup(r) {
+		let p = r, m = t(() => {
+			let t = p.scale === "scale-1" ? "1" : "0", n = e(p.scale);
+			return {
+				"--cdr-body-font-size": `var(--cdr-type-scale-${n})`,
+				"--cdr-body-line-height": `var(--cdr-line-height-ratio-body-${t})`,
+				"--cdr-body-font-weight": p.strong ? "600" : "400"
+			};
+		}), h = u();
+		return (e, t) => (o(), n(c(r.tag), {
+			class: i(l(h)[f]),
+			style: a(m.value)
+		}, {
+			default: d(() => [s(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class", "style"]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/text/presets/CdrEyebrow.vue.d.ts

@@ -0,0 +1,22 @@
+import { CdrTextProps } from '../types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: Record<string, never>): any;
+    }> & {
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrTextProps> & Readonly<{}>, {
+    tag: import('../../../lib').Tag;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,9 +1,6 @@
-import o from "./CdrEyebrow.vue2.mjs";
-import s from "./styles/CdrEyebrow.module.scss.mjs";
-import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const t = {
-  $style: s
-}, f = /* @__PURE__ */ r(o, [["__cssModules", t]]);
-export {
-  f as default
-};
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrEyebrow.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrEyebrow.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

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

@@ -0,0 +1,16 @@
+import { createBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, unref as o, useCssModule as s, withCtx as c } from "vue";
+//#region src/components/text/presets/CdrEyebrow.vue?vue&type=script&setup=true&lang.ts
+var l = "cdr-eyebrow", u = /* @__PURE__ */ t({
+	name: "CdrEyebrow",
+	__name: "CdrEyebrow",
+	props: { tag: { default: "span" } },
+	setup(t) {
+		let u = s();
+		return (s, d) => (r(), e(a(t.tag), { class: n(o(u)[l]) }, {
+			default: c(() => [i(s.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/text/presets/CdrHeadingDisplay.vue.d.ts

@@ -0,0 +1,32 @@
+import { BaseTextProps } from '../types';
+import { TypeScale } from '../../../types/componentOptions';
+interface HeadingDisplayTextProps extends BaseTextProps {
+    /**
+     * Sets the type scale using Cedar values derived from cdr-tokens CdrTypeKey values.
+     * @type TypeScale
+     * @values scale-2, scale-3, scale-4, scale-5, scale-6, scale-7
+     */
+    scale?: Extract<TypeScale, 'scale-2' | 'scale-3' | 'scale-4' | 'scale-5' | 'scale-6' | 'scale-7'>;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: Record<string, never>): any;
+    }> & {
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<HeadingDisplayTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HeadingDisplayTextProps> & Readonly<{}>, {
+    tag: import('../../../lib').Tag;
+    scale: Extract<TypeScale, "scale-2" | "scale-3" | "scale-4" | "scale-5" | "scale-6" | "scale-7">;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,9 +1,6 @@
-import s from "./CdrHeadingDisplay.vue2.mjs";
-import o from "./styles/CdrHeadingDisplay.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrHeadingDisplay.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrHeadingDisplay.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

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

@@ -0,0 +1,29 @@
+import { typeScaleCssSuffix as e } from "../../../tokens/adapters.mjs";
+import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, unref as l, useCssModule as u, withCtx as d } from "vue";
+//#region src/components/text/presets/CdrHeadingDisplay.vue?vue&type=script&setup=true&lang.ts
+var f = "cdr-heading-display", p = /* @__PURE__ */ r({
+	name: "CdrHeadingDisplay",
+	__name: "CdrHeadingDisplay",
+	props: {
+		scale: { default: "scale-7" },
+		tag: { default: "h1" }
+	},
+	setup(r) {
+		let p = r, m = t(() => {
+			let t = e(p.scale);
+			return {
+				"--cdr-heading-display-font-size": `var(--cdr-type-scale-${t})`,
+				"--cdr-heading-display-line-height": `var(--cdr-line-height-ratio-heading-display-${t})`
+			};
+		}), h = u();
+		return (e, t) => (o(), n(c(r.tag), {
+			class: i(l(h)[f]),
+			style: a(m.value)
+		}, {
+			default: d(() => [s(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class", "style"]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/text/presets/CdrHeadingSans.vue.d.ts

@@ -0,0 +1,32 @@
+import { BaseTextProps } from '../types';
+import { TypeScale } from '../../../types/componentOptions';
+interface HeadingSansTextProps extends BaseTextProps {
+    /**
+     * Sets the type scale using Cedar values derived from cdr-tokens CdrTypeKey values.
+     * @type TypeScale
+     * @values scale-1, scale-2, scale-3
+     */
+    scale?: Extract<TypeScale, 'scale-1' | 'scale-2' | 'scale-3'>;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: Record<string, never>): any;
+    }> & {
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<HeadingSansTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HeadingSansTextProps> & Readonly<{}>, {
+    tag: import('../../../lib').Tag;
+    scale: Extract<TypeScale, "scale-1" | "scale-2" | "scale-3">;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,9 +1,6 @@
-import s from "./CdrHeadingSans.vue2.mjs";
-import o from "./styles/CdrHeadingSans.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrHeadingSans.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrHeadingSans.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

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

@@ -0,0 +1,29 @@
+import { typeScaleCssSuffix as e } from "../../../tokens/adapters.mjs";
+import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, unref as l, useCssModule as u, withCtx as d } from "vue";
+//#region src/components/text/presets/CdrHeadingSans.vue?vue&type=script&setup=true&lang.ts
+var f = "cdr-heading-sans", p = /* @__PURE__ */ r({
+	name: "CdrHeadingSans",
+	__name: "CdrHeadingSans",
+	props: {
+		scale: { default: "scale-3" },
+		tag: { default: "h2" }
+	},
+	setup(r) {
+		let p = r, m = t(() => {
+			let t = e(p.scale);
+			return {
+				"--cdr-heading-sans-font-size": `var(--cdr-type-scale-${t})`,
+				"--cdr-heading-line-height": `var(--cdr-line-height-ratio-heading-${t})`
+			};
+		}), h = u();
+		return (e, t) => (o(), n(c(r.tag), {
+			class: i(l(h)[f]),
+			style: a(m.value)
+		}, {
+			default: d(() => [s(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class", "style"]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/text/presets/CdrHeadingSerif.vue.d.ts

@@ -0,0 +1,35 @@
+import { BaseTextProps } from '../types';
+import { TypeScale } from '../../../types/componentOptions';
+interface HeadingSerifTextProps extends BaseTextProps {
+    /**
+     * Sets the type scale using Cedar values derived from cdr-tokens CdrTypeKey values.
+     * @type TypeScale
+     * @values scale-1, scale-2, scale-3, scale-4, scale-5
+     */
+    scale?: Extract<TypeScale, 'scale-1' | 'scale-2' | 'scale-3' | 'scale-4' | 'scale-5'>;
+    /** Toggles the strong variant */
+    strong?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: Record<string, never>): any;
+    }> & {
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<HeadingSerifTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HeadingSerifTextProps> & Readonly<{}>, {
+    strong: boolean;
+    tag: import('../../../lib').Tag;
+    scale: Extract<TypeScale, "scale-1" | "scale-2" | "scale-3" | "scale-4" | "scale-5">;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,9 +1,6 @@
-import s from "./CdrHeadingSerif.vue2.mjs";
-import o from "./styles/CdrHeadingSerif.module.scss.mjs";
-import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const t = {
-  $style: o
-}, c = /* @__PURE__ */ r(s, [["__cssModules", t]]);
-export {
-  c as default
-};
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrHeadingSerif.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrHeadingSerif.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

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

@@ -0,0 +1,34 @@
+import { typeScaleCssSuffix as e } from "../../../tokens/adapters.mjs";
+import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, unref as l, useCssModule as u, withCtx as d } from "vue";
+//#region src/components/text/presets/CdrHeadingSerif.vue?vue&type=script&setup=true&lang.ts
+var f = "cdr-heading-serif", p = /* @__PURE__ */ r({
+	name: "CdrHeadingSerif",
+	__name: "CdrHeadingSerif",
+	props: {
+		scale: { default: "scale-5" },
+		strong: {
+			type: Boolean,
+			default: !1
+		},
+		tag: { default: "h1" }
+	},
+	setup(r) {
+		let p = r, m = t(() => {
+			let t = e(p.scale);
+			return {
+				"--cdr-heading-serif-font-size": `var(--cdr-type-scale-${t})`,
+				"--cdr-heading-line-height": `var(--cdr-line-height-ratio-heading-${t})`,
+				"--cdr-heading-serif-font-weight": p.strong ? "600" : "400"
+			};
+		}), h = u();
+		return (e, t) => (o(), n(c(r.tag), {
+			class: i(l(h)[f]),
+			style: a(m.value)
+		}, {
+			default: d(() => [s(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class", "style"]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/text/presets/CdrSubheadingSans.vue.d.ts

@@ -0,0 +1,32 @@
+import { BaseTextProps } from '../types';
+import { TypeScale } from '../../../types/componentOptions';
+interface SubheadingSansTextProps extends BaseTextProps {
+    /**
+     * Sets the type scale using Cedar values derived from cdr-tokens CdrTypeKey values.
+     * @type TypeScale
+     * @values scale-minus-1, scale-0, scale-1, scale-2
+     */
+    scale?: Extract<TypeScale, 'scale-minus-1' | 'scale-0' | 'scale-1' | 'scale-2'>;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: Record<string, never>): any;
+    }> & {
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SubheadingSansTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SubheadingSansTextProps> & Readonly<{}>, {
+    tag: import('../../../lib').Tag;
+    scale: Extract<TypeScale, "scale-minus-1" | "scale-0" | "scale-1" | "scale-2">;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,9 +1,6 @@
-import s from "./CdrSubheadingSans.vue2.mjs";
-import o from "./styles/CdrSubheadingSans.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrSubheadingSans.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrSubheadingSans.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

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

@@ -0,0 +1,29 @@
+import { typeScaleCssSuffix as e } from "../../../tokens/adapters.mjs";
+import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, unref as l, useCssModule as u, withCtx as d } from "vue";
+//#region src/components/text/presets/CdrSubheadingSans.vue?vue&type=script&setup=true&lang.ts
+var f = "cdr-subheading-sans", p = /* @__PURE__ */ r({
+	name: "CdrSubheadingSans",
+	__name: "CdrSubheadingSans",
+	props: {
+		scale: { default: "scale-1" },
+		tag: { default: "p" }
+	},
+	setup(r) {
+		let p = r, m = t(() => {
+			let t = e(p.scale), n = p.scale === "scale-minus-1" ? "0" : t;
+			return {
+				"--cdr-subheading-sans-font-size": `var(--cdr-type-scale-${t})`,
+				"--cdr-subheading-sans-line-height": `var(--cdr-line-height-ratio-subheading-sans-${n})`
+			};
+		}), h = u();
+		return (e, t) => (o(), n(c(r.tag), {
+			class: i(l(h)[f]),
+			style: a(m.value)
+		}, {
+			default: d(() => [s(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class", "style"]));
+	}
+});
+//#endregion
+export { p as default };