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

package/dist/src/components/input/CdrInput.vue2.mjs

@@ -1,12 +1,11 @@
-import { defineComponent as O, useSlots as G, useAttrs as J, useCssModule as K, ref as Q, computed as i, openBlock as m, createBlock as P, unref as r, normalizeClass as v, createSlots as W, withCtx as d, createElementVNode as z, withDirectives as N, createElementBlock as f, mergeProps as A, vModelText as X, vModelDynamic as Y, renderSlot as u, createCommentVNode as y } from "vue";
+import { defineComponent as O, useSlots as G, useAttrs as J, useCssModule as K, ref as Q, computed as l, openBlock as m, createBlock as P, unref as r, normalizeClass as v, createSlots as W, withCtx as d, createElementVNode as z, withDirectives as N, createElementBlock as f, mergeProps as A, vModelText as X, vModelDynamic as Y, renderSlot as u, createCommentVNode as y } from "vue";
 import Z from "../../utils/propValidator.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 re from "../../props/background.mjs";
 import $ from "../../utils/mapClasses.mjs";
-import oe from "../../utils/uid.mjs";
-const ae = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], ie = ["type", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], le = ["id"], h = "cdr-input", be = /* @__PURE__ */ O({
+import te from "../../utils/uid.mjs";
+const oe = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], ae = ["type", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], le = ["id"], h = "cdr-input", pe = /* @__PURE__ */ O({
   name: "CdrInput",
   inheritAttrs: !1,
   customOptions: {},
@@ -59,13 +58,13 @@ const ae = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
      * Sets the background color the input is rendered on
      * @values primary, secondary
      */
-    background: te,
+    background: re,
     /**
      * Sets the input field size
-    * @demoSelectMultiple false
-    * @values medium, large
+    * @demoSelectMultiple true
+    * @values large
     */
-    size: re,
+    size: String,
     /**
      * Sets the `role` attribute for the embedded error state messaging.
      */
@@ -108,10 +107,10 @@ const ae = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
   setup(e, {
     emit: F
   }) {
-    const a = e, M = F, l = G(), C = J(), c = K(), p = Q(!1), E = l["helper-text-top"], L = l["helper-text-bottom"], g = l["pre-icon"], k = l["post-icon"], T = l["post-icon"] ? l["post-icon"]().length > 1 : !1, U = l.info, D = l["info-action"], s = a.id ? a.id : oe(), H = i(() => a.rows > 1 ? "cdr-input--multiline" : ""), q = i(() => g ? "cdr-input--preicon" : ""), B = i(() => k ? "cdr-input--posticon" : ""), w = i(() => T ? "cdr-input--posticons" : ""), x = i(() => a.error ? "cdr-input--error" : ""), I = i(() => `cdr-input--${a.background}`), S = i(() => a.size ? `${h}--${a.size}` : ""), R = i(() => p.value ? "cdr-input--focus" : ""), V = i(() => {
-      const t = [l["helper-text-top"] ? `${s}-helper-text-top` : "", l["helper-text-bottom"] ? `${s}-helper-text-bottom` : "", C["aria-describedby"]].filter((o) => o).join(" ");
+    const a = e, M = F, i = G(), C = J(), c = K(), p = Q(!1), E = i["helper-text-top"], L = i["helper-text-bottom"], g = i["pre-icon"], k = i["post-icon"], T = i["post-icon"] ? i["post-icon"]().length > 1 : !1, U = i.info, D = i["info-action"], s = a.id ? a.id : te(), H = l(() => a.rows > 1 ? "cdr-input--multiline" : ""), q = l(() => g ? "cdr-input--preicon" : ""), B = l(() => k ? "cdr-input--posticon" : ""), S = l(() => T ? "cdr-input--posticons" : ""), w = l(() => a.error ? "cdr-input--error" : ""), x = l(() => `cdr-input--${a.background}`), I = l(() => a.size ? `${h}--${a.size}` : ""), R = l(() => p.value ? "cdr-input--focus" : ""), V = l(() => {
+      const t = [i["helper-text-top"] ? `${s}-helper-text-top` : "", i["helper-text-bottom"] ? `${s}-helper-text-bottom` : "", C["aria-describedby"]].filter((o) => o).join(" ");
       return a.error ? `${s}-error` : t;
-    }), j = i(() => {
+    }), j = l(() => {
       const t = a.numeric || a.type === "number";
       return {
         id: s,
@@ -120,7 +119,7 @@ const ae = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
         inputmode: t ? "numeric" : void 0,
         ...C
       };
-    }), b = i({
+    }), b = l({
       get() {
         return a.modelValue;
       },
@@ -142,7 +141,7 @@ const ae = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
       }, [e.rows && e.rows > 1 ? N((m(), f("textarea", A({
         key: 0,
         rows: e.rows,
-        class: r($)(r(c), h, H.value, q.value, B.value, w.value, x.value, I.value, S.value),
+        class: r($)(r(c), h, H.value, q.value, B.value, S.value, w.value, x.value, I.value),
         id: r(s),
         disabled: e.disabled,
         "aria-required": e.required || void 0,
@@ -153,10 +152,10 @@ const ae = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
         onFocus: o[0] || (o[0] = (n) => p.value = !0),
         onBlur: o[1] || (o[1] = (n) => p.value = !1),
         "onUpdate:modelValue": o[2] || (o[2] = (n) => b.value = n)
-      }), null, 16, ae)), [[X, b.value]]) : N((m(), f("input", A({
+      }), null, 16, oe)), [[X, b.value]]) : N((m(), f("input", A({
         key: 1,
         type: e.type,
-        class: r($)(r(c), h, q.value, B.value, w.value, x.value, I.value, S.value),
+        class: r($)(r(c), h, q.value, B.value, S.value, w.value, x.value, I.value),
         disabled: e.disabled,
         "aria-required": e.required || void 0,
         "aria-invalid": !!e.error || void 0,
@@ -166,7 +165,7 @@ const ae = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
         onFocus: o[3] || (o[3] = (n) => p.value = !0),
         onBlur: o[4] || (o[4] = (n) => p.value = !1),
         "onUpdate:modelValue": o[5] || (o[5] = (n) => b.value = n)
-      }), null, 16, ie)), [[Y, b.value]]), r(g) ? (m(), f("span", {
+      }), null, 16, ae)), [[Y, b.value]]), r(g) ? (m(), f("span", {
         key: 2,
         class: v(r(c)["cdr-input__pre-icon"])
       }, [u(t.$slots, "pre-icon")], 2)) : y("", !0), r(k) ? (m(), f("span", {
@@ -209,5 +208,5 @@ const ae = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
   }
 });
 export {
-  be as default
+  pe as default
 };

package/dist/src/components/input/styles/CdrInput.module.scss.mjs

@@ -1,36 +1,36 @@
 const a = {
-  "cdr-label-standalone": "cdr-label-standalone_15-0-0-alpha-0",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-0-0-alpha-0",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_15-0-0-alpha-0",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-0-0-alpha-0",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-0-0-alpha-0",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-0-0-alpha-0",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-0-0-alpha-0",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_15-0-0-alpha-0",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-0-0-alpha-0",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-0-0-alpha-0",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-0-0-alpha-0",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-0-0-alpha-0",
-  "cdr-form-error": "cdr-form-error_15-0-0-alpha-0",
-  "cdr-form-error__icon": "cdr-form-error__icon_15-0-0-alpha-0",
-  "cdr-input": "cdr-input_15-0-0-alpha-0",
-  "cdr-input--focus": "cdr-input--focus_15-0-0-alpha-0",
-  "cdr-input--multiline": "cdr-input--multiline_15-0-0-alpha-0",
-  "cdr-input--preicon": "cdr-input--preicon_15-0-0-alpha-0",
-  "cdr-input--posticon": "cdr-input--posticon_15-0-0-alpha-0",
-  "cdr-input--posticons": "cdr-input--posticons_15-0-0-alpha-0",
-  "cdr-input--primary": "cdr-input--primary_15-0-0-alpha-0",
-  "cdr-input--secondary": "cdr-input--secondary_15-0-0-alpha-0",
-  "cdr-input--error": "cdr-input--error_15-0-0-alpha-0",
-  "cdr-input--large": "cdr-input--large_15-0-0-alpha-0",
-  "cdr-input--large@xs": "cdr-input--large@xs_15-0-0-alpha-0",
-  "cdr-input--large@sm": "cdr-input--large@sm_15-0-0-alpha-0",
-  "cdr-input--large@md": "cdr-input--large@md_15-0-0-alpha-0",
-  "cdr-input--large@lg": "cdr-input--large@lg_15-0-0-alpha-0",
-  "cdr-input__pre-icon": "cdr-input__pre-icon_15-0-0-alpha-0",
-  "cdr-input__post-icon": "cdr-input__post-icon_15-0-0-alpha-0",
-  "cdr-input__helper-text": "cdr-input__helper-text_15-0-0-alpha-0",
-  "cdr-input-wrap": "cdr-input-wrap_15-0-0-alpha-0"
+  "cdr-label-standalone": "cdr-label-standalone_15-0-0-beta-0",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-0-0-beta-0",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-0-0-beta-0",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-0-0-beta-0",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-0-0-beta-0",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-0-0-beta-0",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-0-0-beta-0",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-0-0-beta-0",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-0-0-beta-0",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-0-0-beta-0",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-0-0-beta-0",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-0-0-beta-0",
+  "cdr-form-error": "cdr-form-error_15-0-0-beta-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-0-0-beta-0",
+  "cdr-input": "cdr-input_15-0-0-beta-0",
+  "cdr-input--focus": "cdr-input--focus_15-0-0-beta-0",
+  "cdr-input--multiline": "cdr-input--multiline_15-0-0-beta-0",
+  "cdr-input--preicon": "cdr-input--preicon_15-0-0-beta-0",
+  "cdr-input--posticon": "cdr-input--posticon_15-0-0-beta-0",
+  "cdr-input--posticons": "cdr-input--posticons_15-0-0-beta-0",
+  "cdr-input--primary": "cdr-input--primary_15-0-0-beta-0",
+  "cdr-input--secondary": "cdr-input--secondary_15-0-0-beta-0",
+  "cdr-input--error": "cdr-input--error_15-0-0-beta-0",
+  "cdr-input--large": "cdr-input--large_15-0-0-beta-0",
+  "cdr-input--large@xs": "cdr-input--large@xs_15-0-0-beta-0",
+  "cdr-input--large@sm": "cdr-input--large@sm_15-0-0-beta-0",
+  "cdr-input--large@md": "cdr-input--large@md_15-0-0-beta-0",
+  "cdr-input--large@lg": "cdr-input--large@lg_15-0-0-beta-0",
+  "cdr-input__pre-icon": "cdr-input__pre-icon_15-0-0-beta-0",
+  "cdr-input__post-icon": "cdr-input__post-icon_15-0-0-beta-0",
+  "cdr-input__helper-text": "cdr-input__helper-text_15-0-0-beta-0",
+  "cdr-input-wrap": "cdr-input-wrap_15-0-0-beta-0"
 };
 export {
   a as default

package/dist/src/components/kicker/styles/CdrKicker.module.scss.mjs

@@ -1,6 +1,6 @@
-const c = {
-  "cdr-kicker": "cdr-kicker_15-0-0-alpha-0"
+const e = {
+  "cdr-kicker": "cdr-kicker_15-0-0-beta-0"
 };
 export {
-  c as default
+  e as default
 };

package/dist/src/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs

@@ -1,16 +1,16 @@
 const a = {
-  "cdr-label-standalone": "cdr-label-standalone_15-0-0-alpha-0",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-0-0-alpha-0",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_15-0-0-alpha-0",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-0-0-alpha-0",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-0-0-alpha-0",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-0-0-alpha-0",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-0-0-alpha-0",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_15-0-0-alpha-0",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-0-0-alpha-0",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-0-0-alpha-0",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-0-0-alpha-0",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-0-0-alpha-0"
+  "cdr-label-standalone": "cdr-label-standalone_15-0-0-beta-0",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-0-0-beta-0",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-0-0-beta-0",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-0-0-beta-0",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-0-0-beta-0",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-0-0-beta-0",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-0-0-beta-0",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-0-0-beta-0",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-0-0-beta-0",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-0-0-beta-0",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-0-0-beta-0",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-0-0-beta-0"
 };
 export {
   a as default

package/dist/src/components/labelWrapper/styles/CdrLabelWrapper.module.scss.mjs

@@ -1,30 +1,30 @@
-const a = {
-  "cdr-label-wrapper": "cdr-label-wrapper_15-0-0-alpha-0",
-  "cdr-label-wrapper__container": "cdr-label-wrapper__container_15-0-0-alpha-0",
-  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_15-0-0-alpha-0",
-  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_15-0-0-alpha-0",
-  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_15-0-0-alpha-0",
-  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_15-0-0-alpha-0",
-  "cdr-label-wrapper__content": "cdr-label-wrapper__content_15-0-0-alpha-0",
-  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_15-0-0-alpha-0",
-  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_15-0-0-alpha-0",
-  "cdr-label-wrapper--small": "cdr-label-wrapper--small_15-0-0-alpha-0",
-  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_15-0-0-alpha-0",
-  "cdr-label-wrapper--large": "cdr-label-wrapper--large_15-0-0-alpha-0",
-  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_15-0-0-alpha-0",
-  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_15-0-0-alpha-0",
-  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_15-0-0-alpha-0",
-  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_15-0-0-alpha-0",
-  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_15-0-0-alpha-0",
-  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_15-0-0-alpha-0",
-  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_15-0-0-alpha-0",
-  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_15-0-0-alpha-0",
-  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_15-0-0-alpha-0",
-  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_15-0-0-alpha-0",
-  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_15-0-0-alpha-0",
-  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_15-0-0-alpha-0",
-  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_15-0-0-alpha-0"
+const r = {
+  "cdr-label-wrapper": "cdr-label-wrapper_15-0-0-beta-0",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_15-0-0-beta-0",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_15-0-0-beta-0",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_15-0-0-beta-0",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_15-0-0-beta-0",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_15-0-0-beta-0",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_15-0-0-beta-0",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_15-0-0-beta-0",
+  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_15-0-0-beta-0",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_15-0-0-beta-0",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_15-0-0-beta-0",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_15-0-0-beta-0",
+  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_15-0-0-beta-0",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_15-0-0-beta-0",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_15-0-0-beta-0",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_15-0-0-beta-0",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_15-0-0-beta-0",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_15-0-0-beta-0",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_15-0-0-beta-0",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_15-0-0-beta-0",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_15-0-0-beta-0",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_15-0-0-beta-0",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_15-0-0-beta-0",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_15-0-0-beta-0",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_15-0-0-beta-0"
 };
 export {
-  a as default
+  r as default
 };

package/dist/src/components/lead/CdrLead.vue2.mjs

@@ -1,55 +1,24 @@
-import { defineComponent as u, useCssModule as f, openBlock as s, createElementBlock as d, normalizeClass as a, unref as e, createElementVNode as i, createVNode as r, createCommentVNode as C, renderSlot as S, withCtx as c, createTextVNode as o, toDisplayString as m } from "vue";
-import h from "../image/CdrImg.vue.mjs";
-import p from "./CdrHeadingSubheadingBlock.vue.mjs";
-const l = "cdr-lead", $ = /* @__PURE__ */ u({
+import { defineComponent as m, computed as p, useCssModule as u, openBlock as f, createElementBlock as i, normalizeClass as t, unref as e, createElementVNode as r, renderSlot as l } from "vue";
+import C from "../../utils/mapClasses.mjs";
+const s = "cdr-lead", v = /* @__PURE__ */ m({
   name: "CdrLead",
   __name: "CdrLead",
   props: {
-    /** Sets the lead's image source  */
-    imgSrc: {
-      type: String,
-      default: void 0
-    },
-    /** Sets the lead's image alt  */
-    imgAlt: {
-      type: String,
-      default: ""
-    },
-    /** Sets the lead's heading  */
-    heading: {
-      type: String,
-      default: void 0
-    },
-    /** Sets the lead's subheading  */
-    subheading: {
-      type: String,
-      default: void 0
+    surface: {
+      default: "bottom"
     }
   },
-  setup(n) {
-    const t = f();
-    return (g, y) => (s(), d("div", {
-      class: a(e(t)[l])
-    }, [i("div", {
-      class: a(e(t)[`${l}__top`])
-    }, null, 2), n.imgSrc ? (s(), d("div", {
-      key: 0,
-      class: a(e(t)[`${l}__image-container`])
-    }, [r(e(h), {
-      src: n.imgSrc,
-      alt: n.imgAlt,
-      class: a(e(t)[`${l}__image`])
-    }, null, 8, ["src", "alt", "class"])], 2)) : C("", !0), i("div", {
-      class: a(e(t)[`${l}__lower`])
-    }, [S(g.$slots, "content", {}, () => [r(p, {
-      class: a(e(t)[`${l}__copy-block`])
-    }, {
-      subheading: c(() => [o(m(n.subheading), 1)]),
-      default: c(() => [o(m(n.heading) + " ", 1)]),
-      _: 1
-    }, 8, ["class"])])], 2)], 2));
+  setup(c) {
+    const n = c, d = p(() => `${s}--${n.surface}`), o = u();
+    return (a, _) => (f(), i("div", {
+      class: t(e(C)(e(o), s, d.value))
+    }, [r("div", {
+      class: t(e(o)[`${s}__top`])
+    }, [l(a.$slots, "top")], 2), r("div", {
+      class: t(e(o)[`${s}__bottom`])
+    }, [l(a.$slots, "bottom")], 2)], 2));
   }
 });
 export {
-  $ as default
+  v as default
 };

package/dist/src/components/lead/{CdrHeadingSubheadingBlock.vue.mjs → compositions/landingLead/CdrHeadingSubheadingBlock.vue.mjs}

@@ -1,6 +1,6 @@
 import o from "./CdrHeadingSubheadingBlock.vue2.mjs";
 import s from "./styles/CdrHeadingSubheadingBlock.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
 const e = {
   $style: s
 }, d = /* @__PURE__ */ t(o, [["__cssModules", e]]);

package/dist/src/components/lead/{CdrHeadingSubheadingBlock.vue2.mjs → compositions/landingLead/CdrHeadingSubheadingBlock.vue2.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent as i, useCssModule as c, openBlock as g, createElementBlock as u, normalizeClass as s, unref as e, createVNode as d, withCtx as l, renderSlot as o } from "vue";
-import h from "../text/presets/CdrHeadingDisplay.vue.mjs";
-import f from "../text/presets/CdrSubheadingSans.vue.mjs";
+import h from "../../../text/presets/CdrHeadingDisplay.vue.mjs";
+import p from "../../../text/presets/CdrSubheadingSans.vue.mjs";
 const n = "cdr-heading-subheading-block", b = /* @__PURE__ */ i({
   __name: "CdrHeadingSubheadingBlock",
   props: {
@@ -11,7 +11,7 @@ const n = "cdr-heading-subheading-block", b = /* @__PURE__ */ i({
   },
   setup(r) {
     const a = c();
-    return (t, m) => (g(), u("header", {
+    return (t, f) => (g(), u("header", {
       class: s(e(a)[n])
     }, [d(e(h), {
       tag: r.headingTag,
@@ -20,7 +20,8 @@ const n = "cdr-heading-subheading-block", b = /* @__PURE__ */ i({
     }, {
       default: l(() => [o(t.$slots, "default")]),
       _: 3
-    }, 8, ["tag", "class"]), d(e(f), {
+    }, 8, ["tag", "class"]), d(e(p), {
+      tag: "span",
       class: s(e(a)[`${n}__subheading`])
     }, {
       default: l(() => [o(t.$slots, "subheading")]),

package/dist/src/components/lead/compositions/landingLead/CdrLandingLead.vue.mjs

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

package/dist/src/components/lead/compositions/landingLead/CdrLandingLead.vue2.mjs

@@ -0,0 +1,57 @@
+import { defineComponent as c, useCssModule as o, openBlock as g, createBlock as m, unref as t, withCtx as a, createVNode as i, normalizeClass as d, createTextVNode as n, toDisplayString as s } from "vue";
+import u from "../../../image/CdrImg.vue.mjs";
+import f from "../../CdrLead.vue.mjs";
+import S from "./CdrHeadingSubheadingBlock.vue.mjs";
+const l = "cdr-landing-lead", x = /* @__PURE__ */ c({
+  name: "CdrLead",
+  __name: "CdrLandingLead",
+  props: {
+    /** Sets the lead's image source  */
+    imgSrc: {
+      type: String,
+      default: ""
+    },
+    /** Comma-seperated list of img srcsets */
+    imgSrcset: {
+      type: String,
+      default: void 0
+    },
+    /** Sets the lead's image alt  */
+    imgAlt: {
+      type: String,
+      default: ""
+    },
+    /** Sets the lead's heading  */
+    heading: {
+      type: String,
+      default: void 0
+    },
+    /** Sets the lead's subheading  */
+    subheading: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const r = o();
+    return (p, C) => (g(), m(t(f), null, {
+      top: a(() => [i(t(u), {
+        src: e.imgSrc,
+        srcset: e.imgSrcset,
+        alt: e.imgAlt,
+        class: d(t(r)[`${l}__image`])
+      }, null, 8, ["src", "srcset", "alt", "class"])]),
+      bottom: a(() => [i(S, {
+        class: d(t(r)[`${l}__copy-block`])
+      }, {
+        subheading: a(() => [n(s(e.subheading), 1)]),
+        default: a(() => [n(s(e.heading) + " ", 1)]),
+        _: 1
+      }, 8, ["class"])]),
+      _: 1
+    }));
+  }
+});
+export {
+  x as default
+};

package/dist/src/components/lead/{styles → compositions/landingLead/styles}/CdrHeadingSubheadingBlock.module.scss.mjs

@@ -1,7 +1,7 @@
-const a = {
-  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-0-0-alpha-0",
-  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-0-0-alpha-0"
+const d = {
+  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-0-0-beta-0",
+  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-0-0-beta-0"
 };
 export {
-  a as default
+  d as default
 };

package/dist/src/components/lead/compositions/landingLead/styles/CdrLandingLead.module.scss.mjs

@@ -0,0 +1,7 @@
+const a = {
+  "cdr-landing-lead__image": "cdr-landing-lead__image_15-0-0-beta-0",
+  "cdr-landing-lead__copy-block": "cdr-landing-lead__copy-block_15-0-0-beta-0"
+};
+export {
+  a as default
+};

package/dist/src/components/lead/styles/CdrLead.module.scss.mjs

@@ -1,11 +1,10 @@
-const a = {
-  "cdr-lead": "cdr-lead_15-0-0-alpha-0",
-  "cdr-lead__top": "cdr-lead__top_15-0-0-alpha-0",
-  "cdr-lead__image-container": "cdr-lead__image-container_15-0-0-alpha-0",
-  "cdr-lead__image": "cdr-lead__image_15-0-0-alpha-0",
-  "cdr-lead__lower": "cdr-lead__lower_15-0-0-alpha-0",
-  "cdr-lead__copy-block": "cdr-lead__copy-block_15-0-0-alpha-0"
+const d = {
+  "cdr-lead": "cdr-lead_15-0-0-beta-0",
+  "cdr-lead--top": "cdr-lead--top_15-0-0-beta-0",
+  "cdr-lead--bottom": "cdr-lead--bottom_15-0-0-beta-0",
+  "cdr-lead__top": "cdr-lead__top_15-0-0-beta-0",
+  "cdr-lead__bottom": "cdr-lead__bottom_15-0-0-beta-0"
 };
 export {
-  a as default
+  d as default
 };

package/dist/src/components/link/styles/CdrLink.module.scss.mjs

@@ -1,8 +1,8 @@
-const l = {
-  "cdr-link": "cdr-link_15-0-0-alpha-0",
-  "cdr-link--standalone": "cdr-link--standalone_15-0-0-alpha-0",
-  "cdr-link--inherit-color": "cdr-link--inherit-color_15-0-0-alpha-0"
+const n = {
+  "cdr-link": "cdr-link_15-0-0-beta-0",
+  "cdr-link--standalone": "cdr-link--standalone_15-0-0-beta-0",
+  "cdr-link--inherit-color": "cdr-link--inherit-color_15-0-0-beta-0"
 };
 export {
-  l as default
+  n as default
 };

package/dist/src/components/list/CdrList.vue2.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as n, useCssModule as d, computed as c, openBlock as m, createBlock as u, resolveDynamicComponent as p, normalizeClass as f, unref as C, withCtx as v, renderSlot as g } from "vue";
+import { defineComponent as i, useCssModule as n, computed as d, openBlock as c, createBlock as m, resolveDynamicComponent as p, normalizeClass as u, unref as f, withCtx as C, renderSlot as v } from "vue";
 import s from "../../utils/propValidator.mjs";
-const a = "cdr-list", S = /* @__PURE__ */ n({
+const a = "cdr-list", S = /* @__PURE__ */ i({
   name: "CdrList",
   __name: "CdrList",
   props: {
@@ -20,16 +20,16 @@ const a = "cdr-list", S = /* @__PURE__ */ n({
      */
     modifier: {
       type: String,
-      default: "",
-      validator: (e) => s(e, ["", "ordered", "unordered", "compact", "inline"])
+      default: void 0,
+      validator: (e) => s(e, ["ordered", "unordered", "compact", "inline"])
     }
   },
   setup(e) {
-    const i = e, t = d(), l = c(() => i.modifier.split(" ").map((r) => t[`${a}--${r}`]));
-    return (o, r) => (m(), u(p(e.tag), {
-      class: f([C(t)[a], l.value])
+    const o = e, r = n(), l = d(() => o.modifier ? o.modifier.split(" ").map((t) => r[`${a}--${t}`]) : "");
+    return (t, g) => (c(), m(p(e.tag), {
+      class: u([f(r)[a], l.value])
     }, {
-      default: v(() => [g(o.$slots, "default")]),
+      default: C(() => [v(t.$slots, "default")]),
       _: 3
     }, 8, ["class"]));
   }

package/dist/src/components/list/styles/CdrList.module.scss.mjs

@@ -1,10 +1,10 @@
-const d = {
-  "cdr-list": "cdr-list_15-0-0-alpha-0",
-  "cdr-list--compact": "cdr-list--compact_15-0-0-alpha-0",
-  "cdr-list--ordered": "cdr-list--ordered_15-0-0-alpha-0",
-  "cdr-list--unordered": "cdr-list--unordered_15-0-0-alpha-0",
-  "cdr-list--inline": "cdr-list--inline_15-0-0-alpha-0"
+const t = {
+  "cdr-list": "cdr-list_15-0-0-beta-0",
+  "cdr-list--compact": "cdr-list--compact_15-0-0-beta-0",
+  "cdr-list--ordered": "cdr-list--ordered_15-0-0-beta-0",
+  "cdr-list--unordered": "cdr-list--unordered_15-0-0-beta-0",
+  "cdr-list--inline": "cdr-list--inline_15-0-0-beta-0"
 };
 export {
-  d as default
+  t as default
 };

package/dist/src/components/modal/styles/CdrModal.module.scss.mjs

@@ -1,17 +1,17 @@
-const a = {
-  "cdr-modal": "cdr-modal_15-0-0-alpha-0",
-  "cdr-modal__overlay": "cdr-modal__overlay_15-0-0-alpha-0",
-  "cdr-modal__outerWrap": "cdr-modal__outerWrap_15-0-0-alpha-0",
-  "cdr-modal__contentWrap": "cdr-modal__contentWrap_15-0-0-alpha-0",
-  "cdr-modal__innerWrap": "cdr-modal__innerWrap_15-0-0-alpha-0",
-  "cdr-modal__dialog": "cdr-modal__dialog_15-0-0-alpha-0",
-  "cdr-modal__content": "cdr-modal__content_15-0-0-alpha-0",
-  "cdr-modal__header": "cdr-modal__header_15-0-0-alpha-0",
-  "cdr-modal__title": "cdr-modal__title_15-0-0-alpha-0",
-  "cdr-modal__close-button": "cdr-modal__close-button_15-0-0-alpha-0",
-  "cdr-modal__text-content": "cdr-modal__text-content_15-0-0-alpha-0",
-  "cdr-modal--closed": "cdr-modal--closed_15-0-0-alpha-0"
+const d = {
+  "cdr-modal": "cdr-modal_15-0-0-beta-0",
+  "cdr-modal__overlay": "cdr-modal__overlay_15-0-0-beta-0",
+  "cdr-modal__outerWrap": "cdr-modal__outerWrap_15-0-0-beta-0",
+  "cdr-modal__contentWrap": "cdr-modal__contentWrap_15-0-0-beta-0",
+  "cdr-modal__innerWrap": "cdr-modal__innerWrap_15-0-0-beta-0",
+  "cdr-modal__dialog": "cdr-modal__dialog_15-0-0-beta-0",
+  "cdr-modal__content": "cdr-modal__content_15-0-0-beta-0",
+  "cdr-modal__header": "cdr-modal__header_15-0-0-beta-0",
+  "cdr-modal__title": "cdr-modal__title_15-0-0-beta-0",
+  "cdr-modal__close-button": "cdr-modal__close-button_15-0-0-beta-0",
+  "cdr-modal__text-content": "cdr-modal__text-content_15-0-0-beta-0",
+  "cdr-modal--closed": "cdr-modal--closed_15-0-0-beta-0"
 };
 export {
-  a as default
+  d as default
 };