@rei/cedar 15.2.1 → 15.3.0

package/dist/components/fulfillmentTile/CdrFulfillmentTile.vue2.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as y, useCssModule as g, computed as h, openBlock as i, createBlock as s, resolveDynamicComponent as v, normalizeProps as $, guardReactiveProps as k, withCtx as l, createElementVNode as d, normalizeClass as r, unref as a, createVNode as n, createSlots as _, renderSlot as o, createCommentVNode as m } from "vue";
-import B from "../../utils/mapClasses.mjs";
-import { getSurfaceSelectionProps as S } from "../../utils/surface.mjs";
-import b from "./CdrFulfillmentTileLayout.vue.mjs";
-import F from "./CdrFulfillmentTileHeader.vue.mjs";
-import u from "./CdrFulfillmentTileContent.vue.mjs";
-import P from "../skeleton/CdrSkeleton.vue.mjs";
-import T from "../skeleton/CdrSkeletonBone.vue.mjs";
-const N = "cdr-fulfillment-tile", R = /* @__PURE__ */ y({
+import { defineComponent as h, useCssModule as v, computed as d, openBlock as f, createBlock as u, resolveDynamicComponent as $, normalizeProps as k, guardReactiveProps as w, withCtx as l, createVNode as o, normalizeClass as r, unref as s, createSlots as P, renderSlot as t, createElementVNode as m, mergeProps as B, createCommentVNode as S } from "vue";
+import b from "../../utils/mapClasses.mjs";
+import { getDefaultLayout as c, getSurfaceSelectionProps as F } from "../../utils/surface.mjs";
+import p from "../layout/CdrLayout.vue.mjs";
+import T from "./CdrFulfillmentTileHeader.vue.mjs";
+import y from "./CdrFulfillmentTileContent.vue.mjs";
+import N from "../skeleton/CdrSkeleton.vue.mjs";
+import V from "../skeleton/CdrSkeletonBone.vue.mjs";
+const z = "cdr-fulfillment-tile", q = /* @__PURE__ */ h({
   name: "CdrFulfillmentTile",
   __name: "CdrFulfillmentTile",
   props: {
@@ -25,74 +25,79 @@ const N = "cdr-fulfillment-tile", R = /* @__PURE__ */ y({
     modifier: {
       default: "default"
     },
-    orientation: {
-      default: "vertical"
-    },
     role: {
       default: "radio"
     },
     shadow: {},
     tag: {
       default: "button"
+    },
+    layout: {
+      default: () => c({
+        flow: "row"
+      })
     }
   },
-  setup(c) {
-    const p = c, t = g(), C = h(() => {
+  setup(C) {
+    const n = C, a = v(), g = d(() => {
       const {
         classes: e,
-        ...f
-      } = S(p, N);
+        ...i
+      } = F(n, z);
       return {
-        ...f,
-        class: B(t, ...e) || void 0
+        ...i,
+        class: b(a, ...e) || void 0
       };
-    });
-    return (e, f) => (i(), s(v(e.tag), $(k(C.value)), {
-      default: l(() => [d("div", {
-        class: r(a(t)["cdr-fulfillment-tile__inner"])
-      }, [n(F, null, _({
-        header: l(() => [o(e.$slots, "header")]),
-        _: 2
-      }, [e.$slots["icon-left"] ? {
-        name: "icon-left",
-        fn: l(() => [o(e.$slots, "icon-left")]),
-        key: "0"
-      } : void 0, e.$slots["icon-right"] ? {
-        name: "icon-right",
-        fn: l(() => [o(e.$slots, "icon-right")]),
-        key: "1"
-      } : void 0]), 1024), d("div", {
-        class: r(a(t)["cdr-fulfillment-tile__main"])
-      }, [n(b, {
-        orientation: e.orientation,
-        class: r(a(t)["cdr-fulfillment-tile__layout"])
+    }), _ = d(() => Object.assign(c({
+      flow: "row",
+      rows: [1]
+    }), n.layout));
+    return (e, i) => (f(), u($(e.tag), k(w(g.value)), {
+      default: l(() => [o(p, {
+        rows: ["auto", 1],
+        class: r(s(a)["cdr-fulfillment-tile__inner"])
       }, {
-        default: l(() => [e.$slots.body ? (i(), s(u, {
-          key: 0,
-          stretch: !0
-        }, {
-          default: l(() => [o(e.$slots, "body")]),
-          _: 3
-        })) : m("", !0), e.$slots.footer ? (i(), s(u, {
-          key: 1,
-          scale: "-1"
-        }, {
-          default: l(() => [o(e.$slots, "footer")]),
+        default: l(() => [o(T, null, P({
+          header: l(() => [t(e.$slots, "header")]),
+          _: 2
+        }, [e.$slots["icon-left"] ? {
+          name: "icon-left",
+          fn: l(() => [t(e.$slots, "icon-left")]),
+          key: "0"
+        } : void 0, e.$slots["icon-right"] ? {
+          name: "icon-right",
+          fn: l(() => [t(e.$slots, "icon-right")]),
+          key: "1"
+        } : void 0]), 1024), m("div", {
+          class: r(s(a)["cdr-fulfillment-tile__main"])
+        }, [o(p, B(_.value, {
+          class: s(a)["cdr-fulfillment-tile__layout"]
+        }), {
+          default: l(() => [o(y, null, {
+            default: l(() => [t(e.$slots, "body")]),
+            _: 3
+          }), e.$slots.footer ? (f(), u(y, {
+            key: 0,
+            scale: "-1"
+          }, {
+            default: l(() => [t(e.$slots, "footer")]),
+            _: 3
+          })) : S("", !0)]),
           _: 3
-        })) : m("", !0)]),
+        }, 16, ["class"]), m("div", {
+          class: r(s(a)["cdr-fulfillment-tile__loading"])
+        }, [t(e.$slots, "loading", {}, () => [o(N, null, {
+          default: l(() => [o(V, {
+            type: "line"
+          })]),
+          _: 1
+        })])], 2)], 2)]),
         _: 3
-      }, 8, ["orientation", "class"]), d("div", {
-        class: r(a(t)["cdr-fulfillment-tile__loading"])
-      }, [o(e.$slots, "loading", {}, () => [n(P, null, {
-        default: l(() => [n(T, {
-          type: "line"
-        })]),
-        _: 1
-      })])], 2)], 2)], 2)]),
+      }, 8, ["class"])]),
       _: 3
     }, 16));
   }
 });
 export {
-  R as default
+  q as default
 };

package/dist/components/fulfillmentTile/CdrFulfillmentTileContent.vue2.mjs

@@ -1,32 +1,26 @@
-import { defineComponent as n, useCssModule as a, computed as c, openBlock as u, createBlock as d, normalizeProps as p, guardReactiveProps as f, withCtx as i, renderSlot as m } from "vue";
-import C from "../text/presets/CdrBody.vue.mjs";
-const o = "cdr-fulfillment-tile-content", v = /* @__PURE__ */ n({
+import { defineComponent as n, useCssModule as r, computed as a, openBlock as c, createBlock as u, mergeProps as d, unref as f, withCtx as m, renderSlot as p } from "vue";
+import i from "../text/presets/CdrBody.vue.mjs";
+const C = "cdr-fulfillment-tile-content", h = /* @__PURE__ */ n({
   name: "CdrFulfillmentTileContent",
   __name: "CdrFulfillmentTileContent",
   props: {
-    stretch: {
-      type: Boolean,
-      default: !1
-    },
     scale: {
       default: "-2"
     }
   },
-  setup(l) {
-    const e = l, t = a(), s = c(() => ({
+  setup(e) {
+    const t = e, l = r(), o = a(() => ({
       tag: "div",
-      scale: e.scale,
-      class: {
-        [t[o]]: !0,
-        [t[`${o}--stretch`]]: e.stretch
-      }
+      scale: t.scale
     }));
-    return (r, _) => (u(), d(C, p(f(s.value)), {
-      default: i(() => [m(r.$slots, "default")]),
+    return (s, _) => (c(), u(i, d(o.value, {
+      class: [f(l)[C]]
+    }), {
+      default: m(() => [p(s.$slots, "default")]),
       _: 3
-    }, 16));
+    }, 16, ["class"]));
   }
 });
 export {
-  v as default
+  h as default
 };

package/dist/components/fulfillmentTile/CdrFulfillmentTileHeader.vue2.mjs

@@ -1,36 +1,29 @@
-import { defineComponent as d, useCssModule as u, computed as m, openBlock as t, createBlock as f, normalizeProps as p, guardReactiveProps as h, withCtx as a, createElementBlock as n, normalizeClass as r, unref as o, renderSlot as s, createCommentVNode as i, createVNode as _ } from "vue";
-import C from "../text/presets/CdrSubheadingSans.vue.mjs";
-import g from "./CdrFulfillmentTileLayout.vue.mjs";
-const k = "cdr-fulfillment-tile-header", F = /* @__PURE__ */ d({
+import { defineComponent as i, useCssModule as d, openBlock as r, createElementBlock as n, normalizeClass as t, unref as s, renderSlot as a, createCommentVNode as o, createVNode as c, withCtx as f } from "vue";
+import m from "../text/presets/CdrSubheadingSans.vue.mjs";
+const C = /* @__PURE__ */ i({
   name: "CdrFulfillmentTileHeader",
   __name: "CdrFulfillmentTileHeader",
-  setup($) {
-    const l = u(), c = m(() => ({
-      orientation: "horizontal",
-      class: {
-        [l[k]]: !0
-      }
-    }));
-    return (e, y) => (t(), f(g, p(h(c.value)), {
-      default: a(() => [e.$slots["icon-left"] ? (t(), n("span", {
-        key: 0,
-        class: r(o(l)["cdr-fulfillment-tile-header__icon"])
-      }, [s(e.$slots, "icon-left")], 2)) : i("", !0), _(C, {
-        strong: !0,
-        scale: "-1",
-        tag: "span",
-        class: r(o(l)["cdr-fulfillment-tile-header__label"])
-      }, {
-        default: a(() => [s(e.$slots, "header")]),
-        _: 3
-      }, 8, ["class"]), e.$slots["icon-right"] ? (t(), n("span", {
-        key: 1,
-        class: r(o(l)["cdr-fulfillment-tile-header__icon"])
-      }, [s(e.$slots, "icon-right")], 2)) : i("", !0)]),
+  setup(u) {
+    const l = d();
+    return (e, p) => (r(), n("div", {
+      class: t([s(l)["cdr-fulfillment-tile-header"]])
+    }, [e.$slots["icon-left"] ? (r(), n("span", {
+      key: 0,
+      class: t(s(l)["cdr-fulfillment-tile-header__icon"])
+    }, [a(e.$slots, "icon-left")], 2)) : o("", !0), c(m, {
+      strong: !0,
+      scale: "-1",
+      tag: "span",
+      class: t(s(l)["cdr-fulfillment-tile-header__label"])
+    }, {
+      default: f(() => [a(e.$slots, "header")]),
       _: 3
-    }, 16));
+    }, 8, ["class"]), e.$slots["icon-right"] ? (r(), n("span", {
+      key: 1,
+      class: t(s(l)["cdr-fulfillment-tile-header__icon"])
+    }, [a(e.$slots, "icon-right")], 2)) : o("", !0)], 2));
   }
 });
 export {
-  F as default
+  C as default
 };

package/dist/components/fulfillmentTile/styles/CdrFulfillmentTile.module.scss.mjs

@@ -1,31 +1,31 @@
 const l = {
-  "cdr-fulfillment-tile": "cdr-fulfillment-tile_15-2-1",
-  "cdr-fulfillment-tile--background-default": "cdr-fulfillment-tile--background-default_15-2-1",
-  "cdr-fulfillment-tile--border-color-default": "cdr-fulfillment-tile--border-color-default_15-2-1",
-  "cdr-fulfillment-tile--border-width-zero": "cdr-fulfillment-tile--border-width-zero_15-2-1",
-  "cdr-fulfillment-tile--border-width-sixteenth-x": "cdr-fulfillment-tile--border-width-sixteenth-x_15-2-1",
-  "cdr-fulfillment-tile--border-width-eighth-x": "cdr-fulfillment-tile--border-width-eighth-x_15-2-1",
-  "cdr-fulfillment-tile--border-width-three-sixteenth-x": "cdr-fulfillment-tile--border-width-three-sixteenth-x_15-2-1",
-  "cdr-fulfillment-tile--border-width-quarter-x": "cdr-fulfillment-tile--border-width-quarter-x_15-2-1",
-  "cdr-fulfillment-tile--border-width-three-eighth-x": "cdr-fulfillment-tile--border-width-three-eighth-x_15-2-1",
-  "cdr-fulfillment-tile--border-style-dotted": "cdr-fulfillment-tile--border-style-dotted_15-2-1",
-  "cdr-fulfillment-tile--border-style-dashed": "cdr-fulfillment-tile--border-style-dashed_15-2-1",
-  "cdr-fulfillment-tile--border-style-solid": "cdr-fulfillment-tile--border-style-solid_15-2-1",
-  "cdr-fulfillment-tile--radius-sharp": "cdr-fulfillment-tile--radius-sharp_15-2-1",
-  "cdr-fulfillment-tile--radius-soft": "cdr-fulfillment-tile--radius-soft_15-2-1",
-  "cdr-fulfillment-tile--radius-softer": "cdr-fulfillment-tile--radius-softer_15-2-1",
-  "cdr-fulfillment-tile--radius-softest": "cdr-fulfillment-tile--radius-softest_15-2-1",
-  "cdr-fulfillment-tile--radius-round": "cdr-fulfillment-tile--radius-round_15-2-1",
-  "cdr-fulfillment-tile--shadow-flat": "cdr-fulfillment-tile--shadow-flat_15-2-1",
-  "cdr-fulfillment-tile--shadow-raised": "cdr-fulfillment-tile--shadow-raised_15-2-1",
-  "cdr-fulfillment-tile--shadow-elevated": "cdr-fulfillment-tile--shadow-elevated_15-2-1",
-  "cdr-fulfillment-tile--shadow-floating": "cdr-fulfillment-tile--shadow-floating_15-2-1",
-  "cdr-fulfillment-tile--shadow-lifted": "cdr-fulfillment-tile--shadow-lifted_15-2-1",
-  "cdr-fulfillment-tile--border": "cdr-fulfillment-tile--border_15-2-1",
-  "cdr-fulfillment-tile__layout": "cdr-fulfillment-tile__layout_15-2-1",
-  "cdr-fulfillment-tile__loading": "cdr-fulfillment-tile__loading_15-2-1",
-  "cdr-fulfillment-tile__inner": "cdr-fulfillment-tile__inner_15-2-1",
-  "cdr-fulfillment-tile__main": "cdr-fulfillment-tile__main_15-2-1"
+  "cdr-fulfillment-tile": "cdr-fulfillment-tile_15-3-0",
+  "cdr-fulfillment-tile--background-default": "cdr-fulfillment-tile--background-default_15-3-0",
+  "cdr-fulfillment-tile--border-color-default": "cdr-fulfillment-tile--border-color-default_15-3-0",
+  "cdr-fulfillment-tile--border-width-zero": "cdr-fulfillment-tile--border-width-zero_15-3-0",
+  "cdr-fulfillment-tile--border-width-sixteenth-x": "cdr-fulfillment-tile--border-width-sixteenth-x_15-3-0",
+  "cdr-fulfillment-tile--border-width-eighth-x": "cdr-fulfillment-tile--border-width-eighth-x_15-3-0",
+  "cdr-fulfillment-tile--border-width-three-sixteenth-x": "cdr-fulfillment-tile--border-width-three-sixteenth-x_15-3-0",
+  "cdr-fulfillment-tile--border-width-quarter-x": "cdr-fulfillment-tile--border-width-quarter-x_15-3-0",
+  "cdr-fulfillment-tile--border-width-three-eighth-x": "cdr-fulfillment-tile--border-width-three-eighth-x_15-3-0",
+  "cdr-fulfillment-tile--border-style-dotted": "cdr-fulfillment-tile--border-style-dotted_15-3-0",
+  "cdr-fulfillment-tile--border-style-dashed": "cdr-fulfillment-tile--border-style-dashed_15-3-0",
+  "cdr-fulfillment-tile--border-style-solid": "cdr-fulfillment-tile--border-style-solid_15-3-0",
+  "cdr-fulfillment-tile--radius-sharp": "cdr-fulfillment-tile--radius-sharp_15-3-0",
+  "cdr-fulfillment-tile--radius-soft": "cdr-fulfillment-tile--radius-soft_15-3-0",
+  "cdr-fulfillment-tile--radius-softer": "cdr-fulfillment-tile--radius-softer_15-3-0",
+  "cdr-fulfillment-tile--radius-softest": "cdr-fulfillment-tile--radius-softest_15-3-0",
+  "cdr-fulfillment-tile--radius-round": "cdr-fulfillment-tile--radius-round_15-3-0",
+  "cdr-fulfillment-tile--shadow-flat": "cdr-fulfillment-tile--shadow-flat_15-3-0",
+  "cdr-fulfillment-tile--shadow-raised": "cdr-fulfillment-tile--shadow-raised_15-3-0",
+  "cdr-fulfillment-tile--shadow-elevated": "cdr-fulfillment-tile--shadow-elevated_15-3-0",
+  "cdr-fulfillment-tile--shadow-floating": "cdr-fulfillment-tile--shadow-floating_15-3-0",
+  "cdr-fulfillment-tile--shadow-lifted": "cdr-fulfillment-tile--shadow-lifted_15-3-0",
+  "cdr-fulfillment-tile--border": "cdr-fulfillment-tile--border_15-3-0",
+  "cdr-fulfillment-tile__layout": "cdr-fulfillment-tile__layout_15-3-0",
+  "cdr-fulfillment-tile__loading": "cdr-fulfillment-tile__loading_15-3-0",
+  "cdr-fulfillment-tile__inner": "cdr-fulfillment-tile__inner_15-3-0",
+  "cdr-fulfillment-tile__main": "cdr-fulfillment-tile__main_15-3-0"
 };
 export {
   l as default

package/dist/components/fulfillmentTile/styles/CdrFulfillmentTileContent.module.scss.mjs

@@ -1,6 +1,5 @@
 const t = {
-  "cdr-fulfillment-tile-content": "cdr-fulfillment-tile-content_15-2-1",
-  "cdr-fulfillment-tile-content--stretch": "cdr-fulfillment-tile-content--stretch_15-2-1"
+  "cdr-fulfillment-tile-content": "cdr-fulfillment-tile-content_15-3-0"
 };
 export {
   t as default

package/dist/components/fulfillmentTile/styles/CdrFulfillmentTileHeader.module.scss.mjs

@@ -1,7 +1,7 @@
 const l = {
-  "cdr-fulfillment-tile-header": "cdr-fulfillment-tile-header_15-2-1",
-  "cdr-fulfillment-tile-header__icon": "cdr-fulfillment-tile-header__icon_15-2-1",
-  "cdr-fulfillment-tile-header__label": "cdr-fulfillment-tile-header__label_15-2-1"
+  "cdr-fulfillment-tile-header": "cdr-fulfillment-tile-header_15-3-0",
+  "cdr-fulfillment-tile-header__icon": "cdr-fulfillment-tile-header__icon_15-3-0",
+  "cdr-fulfillment-tile-header__label": "cdr-fulfillment-tile-header__label_15-3-0"
 };
 export {
   l as default

package/dist/components/fulfillmentTile/styles/CdrFulfillmentTileIcon.module.scss.mjs

@@ -1,10 +1,10 @@
 const l = {
-  "cdr-fulfillment-tile-icon": "cdr-fulfillment-tile-icon_15-2-1",
-  "cdr-fulfillment-tile-icon--default": "cdr-fulfillment-tile-icon--default_15-2-1",
-  "cdr-fulfillment-tile-icon--info": "cdr-fulfillment-tile-icon--info_15-2-1",
-  "cdr-fulfillment-tile-icon--warning": "cdr-fulfillment-tile-icon--warning_15-2-1",
-  "cdr-fulfillment-tile-icon--success": "cdr-fulfillment-tile-icon--success_15-2-1",
-  "cdr-fulfillment-tile-icon--error": "cdr-fulfillment-tile-icon--error_15-2-1"
+  "cdr-fulfillment-tile-icon": "cdr-fulfillment-tile-icon_15-3-0",
+  "cdr-fulfillment-tile-icon--default": "cdr-fulfillment-tile-icon--default_15-3-0",
+  "cdr-fulfillment-tile-icon--info": "cdr-fulfillment-tile-icon--info_15-3-0",
+  "cdr-fulfillment-tile-icon--warning": "cdr-fulfillment-tile-icon--warning_15-3-0",
+  "cdr-fulfillment-tile-icon--success": "cdr-fulfillment-tile-icon--success_15-3-0",
+  "cdr-fulfillment-tile-icon--error": "cdr-fulfillment-tile-icon--error_15-3-0"
 };
 export {
   l as default

package/dist/components/grid/styles/CdrGrid.module.scss.mjs

@@ -1,25 +1,25 @@
 const r = {
-  "cdr-grid": "cdr-grid_15-2-1",
-  "cdr-grid--gutter-none": "cdr-grid--gutter-none_15-2-1",
-  "cdr-grid--gutter-small": "cdr-grid--gutter-small_15-2-1",
-  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_15-2-1",
-  "cdr-grid--gutter-large": "cdr-grid--gutter-large_15-2-1",
-  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_15-2-1",
-  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_15-2-1",
-  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_15-2-1",
-  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_15-2-1",
-  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_15-2-1",
-  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_15-2-1",
-  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_15-2-1",
-  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_15-2-1",
-  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_15-2-1",
-  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_15-2-1",
-  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_15-2-1",
-  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_15-2-1",
-  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_15-2-1",
-  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_15-2-1",
-  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_15-2-1",
-  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_15-2-1"
+  "cdr-grid": "cdr-grid_15-3-0",
+  "cdr-grid--gutter-none": "cdr-grid--gutter-none_15-3-0",
+  "cdr-grid--gutter-small": "cdr-grid--gutter-small_15-3-0",
+  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_15-3-0",
+  "cdr-grid--gutter-large": "cdr-grid--gutter-large_15-3-0",
+  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_15-3-0",
+  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_15-3-0",
+  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_15-3-0",
+  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_15-3-0",
+  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_15-3-0",
+  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_15-3-0",
+  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_15-3-0",
+  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_15-3-0",
+  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_15-3-0",
+  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_15-3-0",
+  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_15-3-0",
+  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_15-3-0",
+  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_15-3-0",
+  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_15-3-0",
+  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_15-3-0",
+  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_15-3-0"
 };
 export {
   r as default

package/dist/components/icon/comps/account-profile-fill.vue.mjs

@@ -1,9 +1,6 @@
-import { defineComponent as t, openBlock as r, createBlock as n, normalizeProps as a, guardReactiveProps as l, withCtx as p, renderSlot as c, createElementVNode as s } from "vue";
-import i from "../CdrIcon.vue.mjs";
-const d = /* @__PURE__ */ s("path", {
-  role: "presentation",
-  d: "M4 21a1 1 0 01-1-1h-.008a9.08 9.08 0 01.02-.159 9.08 9.08 0 015.454-7.127 5.5 5.5 0 117.068 0A9.08 9.08 0 0121.008 20H21a1 1 0 01-1 1H4z"
-}, null, -1), _ = /* @__PURE__ */ t({
+import { defineComponent as r, openBlock as n, createBlock as l, normalizeProps as p, guardReactiveProps as a, withCtx as i, renderSlot as s, createElementVNode as c } from "vue";
+import f from "../CdrIcon.vue.mjs";
+const d = /* @__PURE__ */ r({
   name: "AccountProfileFill",
   __name: "account-profile-fill",
   props: {
@@ -11,13 +8,16 @@ const d = /* @__PURE__ */ s("path", {
       type: Object
     }
   },
-  setup(e) {
-    return (o, f) => (r(), n(i, a(l(e.props)), {
-      default: p(() => [c(o.$slots, "default"), d]),
+  setup(o) {
+    return (t, e) => (n(), l(f, p(a(o.props)), {
+      default: i(() => [s(t.$slots, "default"), e[0] || (e[0] = c("path", {
+        role: "presentation",
+        d: "M4 21a1 1 0 01-1-1h-.008a9.08 9.08 0 01.02-.159 9.08 9.08 0 015.454-7.127 5.5 5.5 0 117.068 0A9.08 9.08 0 0121.008 20H21a1 1 0 01-1 1H4z"
+      }, null, -1))]),
       _: 3
     }, 16));
   }
 });
 export {
-  _ as default
+  d as default
 };

package/dist/components/icon/comps/account-profile.vue.mjs

@@ -1,9 +1,6 @@
-import { defineComponent as t, openBlock as r, createBlock as a, normalizeProps as n, guardReactiveProps as p, withCtx as c, renderSlot as l, createElementVNode as s } from "vue";
+import { defineComponent as r, openBlock as a, createBlock as n, normalizeProps as p, guardReactiveProps as l, withCtx as s, renderSlot as c, createElementVNode as m } from "vue";
 import i from "../CdrIcon.vue.mjs";
-const m = /* @__PURE__ */ s("path", {
-  role: "presentation",
-  d: "M12 12a3.5 3.5 0 100-7 3.5 3.5 0 000 7zm6.762 7a7.073 7.073 0 00-13.524 0h13.524zM4 21a1 1 0 01-1-1h-.008a9.08 9.08 0 01.02-.159 9.08 9.08 0 015.454-7.127 5.5 5.5 0 117.068 0A9.08 9.08 0 0121.008 20H21a1 1 0 01-1 1H4z"
-}, null, -1), _ = /* @__PURE__ */ t({
+const f = /* @__PURE__ */ r({
   name: "AccountProfile",
   __name: "account-profile",
   props: {
@@ -11,13 +8,16 @@ const m = /* @__PURE__ */ s("path", {
       type: Object
     }
   },
-  setup(e) {
-    return (o, d) => (r(), a(i, n(p(e.props)), {
-      default: c(() => [l(o.$slots, "default"), m]),
+  setup(o) {
+    return (t, e) => (a(), n(i, p(l(o.props)), {
+      default: s(() => [c(t.$slots, "default"), e[0] || (e[0] = m("path", {
+        role: "presentation",
+        d: "M12 12a3.5 3.5 0 100-7 3.5 3.5 0 000 7zm6.762 7a7.073 7.073 0 00-13.524 0h13.524zM4 21a1 1 0 01-1-1h-.008a9.08 9.08 0 01.02-.159 9.08 9.08 0 015.454-7.127 5.5 5.5 0 117.068 0A9.08 9.08 0 0121.008 20H21a1 1 0 01-1 1H4z"
+      }, null, -1))]),
       _: 3
     }, 16));
   }
 });
 export {
-  _ as default
+  f as default
 };

package/dist/components/icon/comps/arrow-down.vue.mjs

@@ -1,9 +1,6 @@
-import { defineComponent as r, openBlock as t, createBlock as a, normalizeProps as n, guardReactiveProps as p, withCtx as l, renderSlot as s, createElementVNode as c } from "vue";
-import d from "../CdrIcon.vue.mjs";
-const m = /* @__PURE__ */ c("path", {
-  role: "presentation",
-  d: "M11 16.585L7.705 13.29a1 1 0 00-1.412 1.417l4.98 4.98a.997.997 0 001.429.025l5.005-5.005a1 1 0 00-1.414-1.414L13 16.586V5a1 1 0 00-2 0v11.585z"
-}, null, -1), f = /* @__PURE__ */ r({
+import { defineComponent as t, openBlock as n, createBlock as a, normalizeProps as p, guardReactiveProps as l, withCtx as s, renderSlot as d, createElementVNode as m } from "vue";
+import i from "../CdrIcon.vue.mjs";
+const f = /* @__PURE__ */ t({
   name: "ArrowDown",
   __name: "arrow-down",
   props: {
@@ -11,9 +8,12 @@ const m = /* @__PURE__ */ c("path", {
       type: Object
     }
   },
-  setup(e) {
-    return (o, i) => (t(), a(d, n(p(e.props)), {
-      default: l(() => [s(o.$slots, "default"), m]),
+  setup(o) {
+    return (r, e) => (n(), a(i, p(l(o.props)), {
+      default: s(() => [d(r.$slots, "default"), e[0] || (e[0] = m("path", {
+        role: "presentation",
+        d: "M11 16.585L7.705 13.29a1 1 0 00-1.412 1.417l4.98 4.98a.997.997 0 001.429.025l5.005-5.005a1 1 0 00-1.414-1.414L13 16.586V5a1 1 0 00-2 0v11.585z"
+      }, null, -1))]),
       _: 3
     }, 16));
   }

package/dist/components/icon/comps/arrow-left.vue.mjs

@@ -1,9 +1,6 @@
-import { defineComponent as o, openBlock as r, createBlock as a, normalizeProps as n, guardReactiveProps as p, withCtx as l, renderSlot as s, createElementVNode as c } from "vue";
-import d from "../CdrIcon.vue.mjs";
-const m = /* @__PURE__ */ c("path", {
-  role: "presentation",
-  d: "M7.415 11l3.295-3.295a1 1 0 00-1.417-1.412l-4.98 4.98a.997.997 0 00-.025 1.429l5.005 5.005a1 1 0 101.414-1.414L7.414 13H19a1 1 0 000-2H7.415z"
-}, null, -1), _ = /* @__PURE__ */ o({
+import { defineComponent as o, openBlock as a, createBlock as n, normalizeProps as p, guardReactiveProps as l, withCtx as s, renderSlot as m, createElementVNode as d } from "vue";
+import f from "../CdrIcon.vue.mjs";
+const c = /* @__PURE__ */ o({
   name: "ArrowLeft",
   __name: "arrow-left",
   props: {
@@ -11,13 +8,16 @@ const m = /* @__PURE__ */ c("path", {
       type: Object
     }
   },
-  setup(e) {
-    return (t, f) => (r(), a(d, n(p(e.props)), {
-      default: l(() => [s(t.$slots, "default"), m]),
+  setup(r) {
+    return (t, e) => (a(), n(f, p(l(r.props)), {
+      default: s(() => [m(t.$slots, "default"), e[0] || (e[0] = d("path", {
+        role: "presentation",
+        d: "M7.415 11l3.295-3.295a1 1 0 00-1.417-1.412l-4.98 4.98a.997.997 0 00-.025 1.429l5.005 5.005a1 1 0 101.414-1.414L7.414 13H19a1 1 0 000-2H7.415z"
+      }, null, -1))]),
       _: 3
     }, 16));
   }
 });
 export {
-  _ as default
+  c as default
 };

package/dist/components/icon/comps/arrow-right.vue.mjs

@@ -1,9 +1,6 @@
-import { defineComponent as t, openBlock as o, createBlock as a, normalizeProps as n, guardReactiveProps as p, withCtx as l, renderSlot as s, createElementVNode as c } from "vue";
-import i from "../CdrIcon.vue.mjs";
-const d = /* @__PURE__ */ c("path", {
-  role: "presentation",
-  d: "M16.585 13l-3.295 3.295a1 1 0 001.417 1.412l4.98-4.98a.997.997 0 00.025-1.429l-5.005-5.005a1 1 0 00-1.414 1.414L16.586 11H5a1 1 0 000 2h11.585z"
-}, null, -1), f = /* @__PURE__ */ t({
+import { defineComponent as o, openBlock as a, createBlock as n, normalizeProps as p, guardReactiveProps as l, withCtx as s, renderSlot as i, createElementVNode as m } from "vue";
+import d from "../CdrIcon.vue.mjs";
+const f = /* @__PURE__ */ o({
   name: "ArrowRight",
   __name: "arrow-right",
   props: {
@@ -11,9 +8,12 @@ const d = /* @__PURE__ */ c("path", {
       type: Object
     }
   },
-  setup(e) {
-    return (r, m) => (o(), a(i, n(p(e.props)), {
-      default: l(() => [s(r.$slots, "default"), d]),
+  setup(r) {
+    return (t, e) => (a(), n(d, p(l(r.props)), {
+      default: s(() => [i(t.$slots, "default"), e[0] || (e[0] = m("path", {
+        role: "presentation",
+        d: "M16.585 13l-3.295 3.295a1 1 0 001.417 1.412l4.98-4.98a.997.997 0 00.025-1.429l-5.005-5.005a1 1 0 00-1.414 1.414L16.586 11H5a1 1 0 000 2h11.585z"
+      }, null, -1))]),
       _: 3
     }, 16));
   }

package/dist/components/icon/comps/arrow-up.vue.mjs

@@ -1,9 +1,6 @@
-import { defineComponent as r, openBlock as t, createBlock as a, normalizeProps as p, guardReactiveProps as n, withCtx as l, renderSlot as s, createElementVNode as c } from "vue";
-import d from "../CdrIcon.vue.mjs";
-const m = /* @__PURE__ */ c("path", {
-  role: "presentation",
-  d: "M13 7.415l3.295 3.295a1 1 0 001.412-1.417l-4.98-4.98a.997.997 0 00-1.429-.025L6.293 9.293a1 1 0 001.414 1.414L11 7.414V19a1 1 0 002 0V7.415z"
-}, null, -1), f = /* @__PURE__ */ r({
+import { defineComponent as t, openBlock as p, createBlock as a, normalizeProps as n, guardReactiveProps as l, withCtx as s, renderSlot as m, createElementVNode as d } from "vue";
+import u from "../CdrIcon.vue.mjs";
+const f = /* @__PURE__ */ t({
   name: "ArrowUp",
   __name: "arrow-up",
   props: {
@@ -11,9 +8,12 @@ const m = /* @__PURE__ */ c("path", {
       type: Object
     }
   },
-  setup(e) {
-    return (o, i) => (t(), a(d, p(n(e.props)), {
-      default: l(() => [s(o.$slots, "default"), m]),
+  setup(r) {
+    return (o, e) => (p(), a(u, n(l(r.props)), {
+      default: s(() => [m(o.$slots, "default"), e[0] || (e[0] = d("path", {
+        role: "presentation",
+        d: "M13 7.415l3.295 3.295a1 1 0 001.412-1.417l-4.98-4.98a.997.997 0 00-1.429-.025L6.293 9.293a1 1 0 001.414 1.414L11 7.414V19a1 1 0 002 0V7.415z"
+      }, null, -1))]),
       _: 3
     }, 16));
   }