@rei/cedar 15.2.1 → 15.3.1

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

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

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

@@ -1,5 +1,5 @@
 const c = {
-  "cdr-kicker": "cdr-kicker_15-2-1"
+  "cdr-kicker": "cdr-kicker_15-3-1"
 };
 export {
   c as default

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

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

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

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

package/dist/components/landingLead/CdrLandingLead.vue2.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as l, useCssModule as o, openBlock as g, createBlock as m, unref as t, normalizeClass as i, withCtx as r, createVNode as n, createTextVNode as d, toDisplayString as c } from "vue";
+import { defineComponent as l, useCssModule as o, openBlock as m, createBlock as g, unref as t, normalizeClass as i, withCtx as r, createVNode as n, createTextVNode as d, toDisplayString as c } from "vue";
 import u from "../image/CdrImg.vue.mjs";
-import f from "../splitSurface/CdrSplitSurface.vue.mjs";
+import p from "../splitSurface/CdrSplitSurface.vue.mjs";
 /* empty css                           */
 /* empty css                           */
-import p from "./components/CdrHeadingSubheadingBlock.vue.mjs";
-const s = "cdr-landing-lead", _ = /* @__PURE__ */ l({
+/* empty css                             */
+import f from "./components/CdrHeadingSubheadingBlock.vue.mjs";
+const s = "cdr-landing-lead", B = /* @__PURE__ */ l({
   name: "CdrLandingLead",
   __name: "CdrLandingLead",
   props: {
@@ -36,7 +37,7 @@ const s = "cdr-landing-lead", _ = /* @__PURE__ */ l({
   },
   setup(e) {
     const a = o();
-    return (S, C) => (g(), m(t(f), {
+    return (S, C) => (m(), g(t(p), {
       class: i(t(a)[s])
     }, {
       top: r(() => [n(t(u), {
@@ -45,7 +46,7 @@ const s = "cdr-landing-lead", _ = /* @__PURE__ */ l({
         alt: e.imgAlt,
         class: i(t(a)[`${s}__image`])
       }, null, 8, ["src", "srcset", "alt", "class"])]),
-      bottom: r(() => [n(p, {
+      bottom: r(() => [n(f, {
         class: i(t(a)[`${s}__copy-block`])
       }, {
         subheading: r(() => [d(c(e.subheading), 1)]),
@@ -57,5 +58,5 @@ const s = "cdr-landing-lead", _ = /* @__PURE__ */ l({
   }
 });
 export {
-  _ as default
+  B as default
 };

package/dist/components/landingLead/components/CdrHeadingSubheadingBlock.vue2.mjs

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

package/dist/components/landingLead/styles/CdrHeadingSubheadingBlock.module.scss.mjs

@@ -1,8 +1,8 @@
 const d = {
-  "cdr-heading-display": "cdr-heading-display_15-2-1",
-  "cdr-subheading-sans": "cdr-subheading-sans_15-2-1",
-  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-2-1",
-  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-2-1"
+  "cdr-heading-display": "cdr-heading-display_15-3-1",
+  "cdr-subheading-sans": "cdr-subheading-sans_15-3-1",
+  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-3-1",
+  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-3-1"
 };
 export {
   d as default

package/dist/components/landingLead/styles/CdrLandingLead.module.scss.mjs

@@ -1,12 +1,12 @@
 const d = {
-  "cdr-image": "cdr-image_15-2-1",
-  "cdr-heading-display": "cdr-heading-display_15-2-1",
-  "cdr-subheading-sans": "cdr-subheading-sans_15-2-1",
-  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-2-1",
-  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-2-1",
-  "cdr-landing-lead": "cdr-landing-lead_15-2-1",
-  "cdr-landing-lead__image": "cdr-landing-lead__image_15-2-1",
-  "cdr-landing-lead__copy-block": "cdr-landing-lead__copy-block_15-2-1"
+  "cdr-image": "cdr-image_15-3-1",
+  "cdr-heading-display": "cdr-heading-display_15-3-1",
+  "cdr-subheading-sans": "cdr-subheading-sans_15-3-1",
+  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-3-1",
+  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-3-1",
+  "cdr-landing-lead": "cdr-landing-lead_15-3-1",
+  "cdr-landing-lead__image": "cdr-landing-lead__image_15-3-1",
+  "cdr-landing-lead__copy-block": "cdr-landing-lead__copy-block_15-3-1"
 };
 export {
   d as default

package/dist/components/layout/CdrLayout.vue.mjs

@@ -0,0 +1,9 @@
+import o from "./CdrLayout.vue2.mjs";
+import s from "./styles/CdrLayout.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
+};

package/dist/components/layout/CdrLayout.vue2.mjs

@@ -0,0 +1,70 @@
+import "core-js/modules/es.array.push.js";
+import { defineComponent as i, useCssModule as m, computed as d, openBlock as y, createBlock as w, resolveDynamicComponent as C, unref as v, normalizeProps as g, guardReactiveProps as h, withCtx as S, renderSlot as z } from "vue";
+import $ from "../../utils/mapClasses.mjs";
+import { getStructureStyles as G } from "../../utils/layout.mjs";
+import { modifyClassName as t } from "../../utils/buildClass.mjs";
+import _ from "../surface/CdrSurface.vue.mjs";
+const k = /* @__PURE__ */ i({
+  name: "CdrLayout",
+  __name: "CdrLayout",
+  props: {
+    queryType: {
+      default: "container"
+    },
+    flow: {
+      default: void 0
+    },
+    flowValue: {
+      default: "auto"
+    },
+    columns: {
+      default: void 0
+    },
+    rows: {
+      default: void 0
+    },
+    gap: {
+      default: "zero"
+    },
+    rowGap: {
+      default: "zero"
+    },
+    columnGap: {
+      default: "zero"
+    },
+    as: {
+      default: "div"
+    },
+    containerName: {
+      default: void 0
+    }
+  },
+  setup(n) {
+    const o = n, l = m(), u = d(() => {
+      const e = "cdr-layout", a = [e], s = {};
+      return o.containerName && (s["container-name"] = o.containerName), o.gap !== "zero" && a.push(t(e, `gap-${o.gap}`)), o.columnGap !== "zero" && a.push(t(e, `column-gap-${o.columnGap}`)), o.rowGap !== "zero" && a.push(t(e, `row-gap-${o.rowGap}`)), o.flow && (a.push(t(e, `flow-${o.flow}`)), s["--cdr-layout-flow-value"] = o.flowValue), ["rows", "columns"].forEach((r) => {
+        if (!o[r])
+          return;
+        if (a.push(t(e, r)), typeof o[r] == "object" && !Array.isArray(o[r])) {
+          const c = o.queryType === "container" ? "cq" : "mq";
+          a.push(t(e, `${r}-${c}`));
+        }
+        const p = G({
+          props: o,
+          structure: r
+        });
+        Object.assign(s, p);
+      }), {
+        class: $(l, ...a) || void 0,
+        style: s
+      };
+    }), f = o.as === "CdrSurface" ? _ : o.as;
+    return (e, a) => (y(), w(C(v(f)), g(h(u.value)), {
+      default: S(() => [z(e.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  k as default
+};

package/dist/components/layout/styles/CdrLayout.module.scss.mjs

@@ -0,0 +1,89 @@
+const a = {
+  "cdr-layout": "cdr-layout_15-3-1",
+  "cdr-layout--rows": "cdr-layout--rows_15-3-1",
+  "cdr-layout--rows-mq": "cdr-layout--rows-mq_15-3-1",
+  "cdr-layout--rows-cq": "cdr-layout--rows-cq_15-3-1",
+  "cdr-layout--columns": "cdr-layout--columns_15-3-1",
+  "cdr-layout--columns-mq": "cdr-layout--columns-mq_15-3-1",
+  "cdr-layout--columns-cq": "cdr-layout--columns-cq_15-3-1",
+  "cdr-layout--gap-zero": "cdr-layout--gap-zero_15-3-1",
+  "cdr-layout--row-gap-zero": "cdr-layout--row-gap-zero_15-3-1",
+  "cdr-layout--column-gap-zero": "cdr-layout--column-gap-zero_15-3-1",
+  "cdr-layout--gap-sixteenth-x": "cdr-layout--gap-sixteenth-x_15-3-1",
+  "cdr-layout--row-gap-sixteenth-x": "cdr-layout--row-gap-sixteenth-x_15-3-1",
+  "cdr-layout--column-gap-sixteenth-x": "cdr-layout--column-gap-sixteenth-x_15-3-1",
+  "cdr-layout--gap-eighth-x": "cdr-layout--gap-eighth-x_15-3-1",
+  "cdr-layout--row-gap-eighth-x": "cdr-layout--row-gap-eighth-x_15-3-1",
+  "cdr-layout--column-gap-eighth-x": "cdr-layout--column-gap-eighth-x_15-3-1",
+  "cdr-layout--gap-three-sixteenth-x": "cdr-layout--gap-three-sixteenth-x_15-3-1",
+  "cdr-layout--row-gap-three-sixteenth-x": "cdr-layout--row-gap-three-sixteenth-x_15-3-1",
+  "cdr-layout--column-gap-three-sixteenth-x": "cdr-layout--column-gap-three-sixteenth-x_15-3-1",
+  "cdr-layout--gap-quarter-x": "cdr-layout--gap-quarter-x_15-3-1",
+  "cdr-layout--row-gap-quarter-x": "cdr-layout--row-gap-quarter-x_15-3-1",
+  "cdr-layout--column-gap-quarter-x": "cdr-layout--column-gap-quarter-x_15-3-1",
+  "cdr-layout--gap-three-eighth-x": "cdr-layout--gap-three-eighth-x_15-3-1",
+  "cdr-layout--row-gap-three-eighth-x": "cdr-layout--row-gap-three-eighth-x_15-3-1",
+  "cdr-layout--column-gap-three-eighth-x": "cdr-layout--column-gap-three-eighth-x_15-3-1",
+  "cdr-layout--gap-half-x": "cdr-layout--gap-half-x_15-3-1",
+  "cdr-layout--row-gap-half-x": "cdr-layout--row-gap-half-x_15-3-1",
+  "cdr-layout--column-gap-half-x": "cdr-layout--column-gap-half-x_15-3-1",
+  "cdr-layout--gap-three-quarter-x": "cdr-layout--gap-three-quarter-x_15-3-1",
+  "cdr-layout--row-gap-three-quarter-x": "cdr-layout--row-gap-three-quarter-x_15-3-1",
+  "cdr-layout--column-gap-three-quarter-x": "cdr-layout--column-gap-three-quarter-x_15-3-1",
+  "cdr-layout--gap-one-x": "cdr-layout--gap-one-x_15-3-1",
+  "cdr-layout--row-gap-one-x": "cdr-layout--row-gap-one-x_15-3-1",
+  "cdr-layout--column-gap-one-x": "cdr-layout--column-gap-one-x_15-3-1",
+  "cdr-layout--gap-one-and-a-half-x": "cdr-layout--gap-one-and-a-half-x_15-3-1",
+  "cdr-layout--row-gap-one-and-a-half-x": "cdr-layout--row-gap-one-and-a-half-x_15-3-1",
+  "cdr-layout--column-gap-one-and-a-half-x": "cdr-layout--column-gap-one-and-a-half-x_15-3-1",
+  "cdr-layout--gap-two-x": "cdr-layout--gap-two-x_15-3-1",
+  "cdr-layout--row-gap-two-x": "cdr-layout--row-gap-two-x_15-3-1",
+  "cdr-layout--column-gap-two-x": "cdr-layout--column-gap-two-x_15-3-1",
+  "cdr-layout--gap-three-x": "cdr-layout--gap-three-x_15-3-1",
+  "cdr-layout--row-gap-three-x": "cdr-layout--row-gap-three-x_15-3-1",
+  "cdr-layout--column-gap-three-x": "cdr-layout--column-gap-three-x_15-3-1",
+  "cdr-layout--gap-four-x": "cdr-layout--gap-four-x_15-3-1",
+  "cdr-layout--row-gap-four-x": "cdr-layout--row-gap-four-x_15-3-1",
+  "cdr-layout--column-gap-four-x": "cdr-layout--column-gap-four-x_15-3-1",
+  "cdr-layout--gap-scale-0": "cdr-layout--gap-scale-0_15-3-1",
+  "cdr-layout--row-gap-scale-0": "cdr-layout--row-gap-scale-0_15-3-1",
+  "cdr-layout--column-gap-scale-0": "cdr-layout--column-gap-scale-0_15-3-1",
+  "cdr-layout--gap-scale-1": "cdr-layout--gap-scale-1_15-3-1",
+  "cdr-layout--row-gap-scale-1": "cdr-layout--row-gap-scale-1_15-3-1",
+  "cdr-layout--column-gap-scale-1": "cdr-layout--column-gap-scale-1_15-3-1",
+  "cdr-layout--gap-scale-2": "cdr-layout--gap-scale-2_15-3-1",
+  "cdr-layout--row-gap-scale-2": "cdr-layout--row-gap-scale-2_15-3-1",
+  "cdr-layout--column-gap-scale-2": "cdr-layout--column-gap-scale-2_15-3-1",
+  "cdr-layout--gap-scale-3": "cdr-layout--gap-scale-3_15-3-1",
+  "cdr-layout--row-gap-scale-3": "cdr-layout--row-gap-scale-3_15-3-1",
+  "cdr-layout--column-gap-scale-3": "cdr-layout--column-gap-scale-3_15-3-1",
+  "cdr-layout--gap-scale-4": "cdr-layout--gap-scale-4_15-3-1",
+  "cdr-layout--row-gap-scale-4": "cdr-layout--row-gap-scale-4_15-3-1",
+  "cdr-layout--column-gap-scale-4": "cdr-layout--column-gap-scale-4_15-3-1",
+  "cdr-layout--gap-scale-5": "cdr-layout--gap-scale-5_15-3-1",
+  "cdr-layout--row-gap-scale-5": "cdr-layout--row-gap-scale-5_15-3-1",
+  "cdr-layout--column-gap-scale-5": "cdr-layout--column-gap-scale-5_15-3-1",
+  "cdr-layout--gap-scale-6": "cdr-layout--gap-scale-6_15-3-1",
+  "cdr-layout--row-gap-scale-6": "cdr-layout--row-gap-scale-6_15-3-1",
+  "cdr-layout--column-gap-scale-6": "cdr-layout--column-gap-scale-6_15-3-1",
+  "cdr-layout--gap-scale-7": "cdr-layout--gap-scale-7_15-3-1",
+  "cdr-layout--row-gap-scale-7": "cdr-layout--row-gap-scale-7_15-3-1",
+  "cdr-layout--column-gap-scale-7": "cdr-layout--column-gap-scale-7_15-3-1",
+  "cdr-layout--gap-scale-8": "cdr-layout--gap-scale-8_15-3-1",
+  "cdr-layout--row-gap-scale-8": "cdr-layout--row-gap-scale-8_15-3-1",
+  "cdr-layout--column-gap-scale-8": "cdr-layout--column-gap-scale-8_15-3-1",
+  "cdr-layout--gap-scale-0--1": "cdr-layout--gap-scale-0--1_15-3-1",
+  "cdr-layout--row-gap-scale-0--1": "cdr-layout--row-gap-scale-0--1_15-3-1",
+  "cdr-layout--column-gap-scale-0--1": "cdr-layout--column-gap-scale-0--1_15-3-1",
+  "cdr-layout--gap-scale-3--4": "cdr-layout--gap-scale-3--4_15-3-1",
+  "cdr-layout--row-gap-scale-3--4": "cdr-layout--row-gap-scale-3--4_15-3-1",
+  "cdr-layout--column-gap-scale-3--4": "cdr-layout--column-gap-scale-3--4_15-3-1",
+  "cdr-layout--gap-scale-3--5": "cdr-layout--gap-scale-3--5_15-3-1",
+  "cdr-layout--row-gap-scale-3--5": "cdr-layout--row-gap-scale-3--5_15-3-1",
+  "cdr-layout--column-gap-scale-3--5": "cdr-layout--column-gap-scale-3--5_15-3-1",
+  "cdr-layout--flow-row": "cdr-layout--flow-row_15-3-1",
+  "cdr-layout--flow-column": "cdr-layout--flow-column_15-3-1"
+};
+export {
+  a as default
+};

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

@@ -1,7 +1,7 @@
 const n = {
-  "cdr-link": "cdr-link_15-2-1",
-  "cdr-link--standalone": "cdr-link--standalone_15-2-1",
-  "cdr-link--inherit-color": "cdr-link--inherit-color_15-2-1"
+  "cdr-link": "cdr-link_15-3-1",
+  "cdr-link--standalone": "cdr-link--standalone_15-3-1",
+  "cdr-link--inherit-color": "cdr-link--inherit-color_15-3-1"
 };
 export {
   n as default

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

@@ -1,6 +1,7 @@
-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 "core-js/modules/esnext.iterator.map.js";
+import { defineComponent as l, useCssModule as n, computed as d, openBlock as m, createBlock as c, 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__ */ i({
+const a = "cdr-list", $ = /* @__PURE__ */ l({
   name: "CdrList",
   __name: "CdrList",
   props: {
@@ -25,9 +26,9 @@ const a = "cdr-list", S = /* @__PURE__ */ i({
     }
   },
   setup(e) {
-    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])
+    const o = e, r = n(), i = d(() => o.modifier ? o.modifier.split(" ").map((t) => r[`${a}--${t}`]) : "");
+    return (t, g) => (m(), c(p(e.tag), {
+      class: u([f(r)[a], i.value])
     }, {
       default: C(() => [v(t.$slots, "default")]),
       _: 3
@@ -35,5 +36,5 @@ const a = "cdr-list", S = /* @__PURE__ */ i({
   }
 });
 export {
-  S as default
+  $ as default
 };

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

@@ -1,9 +1,9 @@
 const d = {
-  "cdr-list": "cdr-list_15-2-1",
-  "cdr-list--compact": "cdr-list--compact_15-2-1",
-  "cdr-list--ordered": "cdr-list--ordered_15-2-1",
-  "cdr-list--unordered": "cdr-list--unordered_15-2-1",
-  "cdr-list--inline": "cdr-list--inline_15-2-1"
+  "cdr-list": "cdr-list_15-3-1",
+  "cdr-list--compact": "cdr-list--compact_15-3-1",
+  "cdr-list--ordered": "cdr-list--ordered_15-3-1",
+  "cdr-list--unordered": "cdr-list--unordered_15-3-1",
+  "cdr-list--inline": "cdr-list--inline_15-3-1"
 };
 export {
   d as default

package/dist/components/mediaObject/CdrMediaObject.vue.mjs

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

package/dist/components/mediaObject/CdrMediaObject.vue2.mjs

@@ -0,0 +1,97 @@
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import { defineComponent as O, useCssModule as S, computed as _, openBlock as A, createBlock as B, normalizeProps as $, guardReactiveProps as z, withCtx as E, createElementVNode as m, renderSlot as p } from "vue";
+import M from "../../utils/mapClasses.mjs";
+import { modifyClassName as s } from "../../utils/buildClass.mjs";
+import { getLayoutStyling as N } from "../../utils/mediaObject.mjs";
+import R from "../layout/CdrLayout.vue.mjs";
+import { spacing as u, breakpoints as f } from "../../utils/other.mjs";
+const F = /* @__PURE__ */ O({
+  name: "CdrMediaObject",
+  __name: "CdrMediaObject",
+  props: {
+    align: {
+      default: "start"
+    },
+    mediaPosition: {
+      default: "left"
+    },
+    mediaWidth: {
+      default: "1fr"
+    },
+    mediaHeight: {
+      default: "auto"
+    },
+    mediaCover: {
+      type: Boolean,
+      default: !1
+    },
+    overlay: {
+      type: Boolean,
+      default: !1
+    },
+    overlayRowAlign: {
+      default: "start"
+    },
+    overlayColumnAlign: {
+      default: "start"
+    },
+    contentPadding: {
+      default: "zero"
+    },
+    queryType: {},
+    flow: {},
+    flowValue: {},
+    columns: {},
+    rows: {},
+    gap: {},
+    rowGap: {},
+    columnGap: {},
+    as: {},
+    containerName: {}
+  },
+  setup(g) {
+    const y = g, v = S(), h = _(() => {
+      const e = "cdr-media-object", t = [e], o = {}, {
+        align: r,
+        mediaPosition: d,
+        mediaWidth: C,
+        mediaHeight: l,
+        mediaCover: b,
+        overlay: j,
+        overlayRowAlign: w,
+        overlayColumnAlign: P,
+        contentPadding: n,
+        ...q
+      } = y, a = {
+        ...q
+      };
+      if (n !== "zero" && (typeof n == "string" ? o["--cdr-media-object-content-padding"] = u[n] : (t.push(s(e, "content-padding-cq")), f.forEach((i) => {
+        o[`--cdr-media-object-content-padding-${i}`] = u[n[i]];
+      }))), j)
+        t.push(s(e, "overlay")), Object.assign(a, {
+          rows: "auto",
+          columns: "auto"
+        }), o["--cdr-media-object-row-align"] = w, o["--cdr-media-object-column-align"] = P, l === "auto" ? a.rows = "56cqw" : a.rows = l;
+      else {
+        const i = N(d, C, l);
+        Object.assign(o, i.inlineStyles), Object.assign(a, i.props), typeof d != "string" && t.push(s(e, "media-position-cq")), typeof r != "string" ? (t.push(s(e, "align-cq")), f.forEach((c) => {
+          o[`--cdr-media-object-align-${c}`] = r[c];
+        })) : o["--cdr-media-object-align"] = r, b && t.push(s(e, "cover"));
+      }
+      return {
+        ...a,
+        class: M(v, ...t) || void 0,
+        style: o
+      };
+    });
+    return (e, t) => (A(), B(R, $(z(h.value)), {
+      default: E(() => [m("div", null, [p(e.$slots, "media")]), m("div", null, [p(e.$slots, "content")])]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  F as default
+};

package/dist/components/mediaObject/styles/CdrMediaObject.module.scss.mjs

@@ -0,0 +1,11 @@
+const c = {
+  "cdr-media-object": "cdr-media-object_15-3-1",
+  "cdr-media-object--align-cq": "cdr-media-object--align-cq_15-3-1",
+  "cdr-media-object--media-position-cq": "cdr-media-object--media-position-cq_15-3-1",
+  "cdr-media-object--content-padding-cq": "cdr-media-object--content-padding-cq_15-3-1",
+  "cdr-media-object--cover": "cdr-media-object--cover_15-3-1",
+  "cdr-media-object--overlay": "cdr-media-object--overlay_15-3-1"
+};
+export {
+  c as default
+};