@rei/cedar 13.4.0-alpha.0 → 13.5.0-alpha.0

package/dist/src/components/card/styles/CdrCard.module.scss.mjs

@@ -0,0 +1,6 @@
+const a = {
+  "cdr-card": "cdr-card_13-5-0-alpha-0"
+};
+export {
+  a as default
+};

package/dist/src/components/checkbox/CdrCheckbox.vue.mjs

@@ -0,0 +1,123 @@
+import { defineComponent as u, computed as d, useCssModule as m, resolveComponent as c, resolveDirective as p, openBlock as b, createBlock as f, normalizeClass as y, withCtx as a, withDirectives as C, createElementVNode as v, mergeProps as g, vModelCheckbox as k, renderSlot as S } from "vue";
+import V from "../labelWrapper/CdrLabelWrapper.vue.mjs";
+import h from "../../props/size.mjs";
+import $ from "../../utils/propValidator.mjs";
+import A from "../../props/background.mjs";
+import B from "./styles/CdrCheckbox.module.scss.mjs";
+import M from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const z = u({
+  name: "CdrCheckbox",
+  components: {
+    CdrLabelWrapper: V
+  },
+  directives: {
+    indeterminate: {
+      mounted(e, t) {
+        if (t.value) {
+          e.setAttribute("indeterminate", t.value);
+          return;
+        }
+        e.removeAttribute("indeterminate");
+      }
+    }
+  },
+  inheritAttrs: !1,
+  customOptions: {},
+  props: {
+    /**
+    * Class that is added to the label for custom styles
+    */
+    labelClass: String,
+    /**
+    * Class that is added to the input for custom styles
+    */
+    inputClass: String,
+    /**
+    * Class that is added to the slot wrapper for custom styles
+    */
+    contentClass: String,
+    /**
+    * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
+    */
+    indeterminate: {
+      type: [Boolean, String],
+      default: !1
+    },
+    /**
+    * The value when checked.
+    */
+    trueValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+      default: !0
+    },
+    /**
+    * The value when unchecked.
+    */
+    falseValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+      default: !1
+    },
+    /**
+    * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
+    */
+    customValue: [String, Number, Boolean, Object, Array, Symbol, Function],
+    // Set which background type the input renders on
+    background: A,
+    size: h,
+    modifier: {
+      type: String,
+      default: "",
+      validator: (e) => $(e, ["", "hide-figure"])
+    },
+    /** @ignore */
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function]
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, t) {
+    const o = "cdr-checkbox", r = d({
+      get() {
+        return e.modelValue;
+      },
+      set(l) {
+        t.emit("update:modelValue", l);
+      }
+    });
+    return {
+      style: m(),
+      baseClass: o,
+      checkboxModel: r
+    };
+  }
+}), N = ["true-value", "false-value", "value"];
+function O(e, t, o, r, l, w) {
+  const s = c("cdr-label-wrapper"), n = p("indeterminate");
+  return b(), f(s, {
+    class: y(e.style[e.baseClass]),
+    size: e.size,
+    modifier: e.modifier,
+    "label-class": e.labelClass,
+    "content-class": e.contentClass,
+    background: e.background,
+    disabled: e.$attrs.disabled
+  }, {
+    input: a(() => [C(v("input", g({
+      class: [e.style["cdr-checkbox__input"], e.inputClass],
+      type: "checkbox"
+    }, e.$attrs, {
+      "true-value": e.customValue ? null : e.trueValue,
+      "false-value": e.customValue ? null : e.falseValue,
+      value: e.customValue,
+      "onUpdate:modelValue": t[0] || (t[0] = (i) => e.checkboxModel = i)
+    }), null, 16, N), [[n, e.indeterminate], [k, e.checkboxModel]])]),
+    default: a(() => [S(e.$slots, "default")]),
+    _: 3
+  }, 8, ["class", "size", "modifier", "label-class", "content-class", "background", "disabled"]);
+}
+const j = {
+  $style: B
+}, q = /* @__PURE__ */ M(z, [["render", O], ["__cssModules", j]]);
+export {
+  q as default
+};

package/dist/src/components/checkbox/styles/CdrCheckbox.module.scss.mjs

@@ -0,0 +1,30 @@
+const a = {
+  "cdr-label-wrapper": "cdr-label-wrapper_13-5-0-alpha-0",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_13-5-0-alpha-0",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_13-5-0-alpha-0",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_13-5-0-alpha-0",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_13-5-0-alpha-0",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_13-5-0-alpha-0",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_13-5-0-alpha-0",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_13-5-0-alpha-0",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_13-5-0-alpha-0",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_13-5-0-alpha-0",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_13-5-0-alpha-0",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_13-5-0-alpha-0",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_13-5-0-alpha-0",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_13-5-0-alpha-0",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_13-5-0-alpha-0",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_13-5-0-alpha-0",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_13-5-0-alpha-0",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_13-5-0-alpha-0",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_13-5-0-alpha-0",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_13-5-0-alpha-0",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_13-5-0-alpha-0",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_13-5-0-alpha-0",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_13-5-0-alpha-0",
+  "cdr-checkbox": "cdr-checkbox_13-5-0-alpha-0",
+  "cdr-checkbox__input": "cdr-checkbox__input_13-5-0-alpha-0"
+};
+export {
+  a as default
+};

package/dist/src/components/chip/CdrChip.vue.mjs

@@ -0,0 +1,31 @@
+import { defineComponent as n, useCssModule as c, openBlock as o, createElementBlock as t, normalizeClass as e, renderSlot as r, createCommentVNode as l, createElementVNode as a } from "vue";
+import i from "./styles/CdrChip.module.scss.mjs";
+import p from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const d = n({
+  name: "CdrChip",
+  setup() {
+    return {
+      style: c(),
+      baseClass: "cdr-chip"
+    };
+  }
+});
+function m(s, f, h, C, $, y) {
+  return o(), t("button", {
+    class: e(s.style[s.baseClass])
+  }, [s.$slots["icon-left"] ? (o(), t("span", {
+    key: 0,
+    class: e(s.style["cdr-chip__icon-left"])
+  }, [r(s.$slots, "icon-left")], 2)) : l("", !0), s.$slots["icon-right"] ? (o(), t("span", {
+    key: 1,
+    class: e(s.style["cdr-chip__icon-right"])
+  }, [r(s.$slots, "icon-right")], 2)) : l("", !0), a("span", {
+    class: e(s.style["cdr-chip__content"])
+  }, [r(s.$slots, "default")], 2)], 2);
+}
+const u = {
+  $style: i
+}, g = /* @__PURE__ */ p(d, [["render", m], ["__cssModules", u]]);
+export {
+  g as default
+};

package/dist/src/components/chip/CdrChipGroup.vue.mjs

@@ -0,0 +1,79 @@
+import { defineComponent as g, ref as a, computed as u, onMounted as b, useCssModule as m, openBlock as C, createElementBlock as D, normalizeClass as d, createElementVNode as p, renderSlot as i, createTextVNode as w, toDisplayString as k } from "vue";
+import A from "./styles/CdrChipGroup.module.scss.mjs";
+import I from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const $ = g({
+  name: "CdrChipGroup",
+  props: {
+    label: {
+      type: String,
+      required: !0
+    },
+    hideLabel: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(l) {
+    const r = "cdr-chip-group", o = a(null), t = a([]), s = a(0), c = u(() => {
+      const e = s.value + 1;
+      return e >= t.value.length ? 0 : e;
+    }), n = u(() => {
+      const e = s.value - 1;
+      return e <= -1 ? t.value.length - 1 : e;
+    }), f = u(() => l.hideLabel ? "cdr-chip-group__legend--hidden" : "cdr-chip-group__legend");
+    b(() => {
+      t.value = Array.prototype.filter.call(o.value.children, (e) => !(e.getAttribute("disabled") === "" || e.getAttribute("aria-disabled"))), s.value = Array.prototype.findIndex.call(t, (e) => e.getAttribute("aria-checked") === "true");
+    });
+    const v = (e) => {
+      if (s.value === -1)
+        return;
+      const {
+        key: y
+      } = e;
+      switch (y) {
+        case "Home":
+          e.preventDefault(), t.value[0].focus();
+          break;
+        case "End":
+          e.preventDefault(), t.value[t.value.length - 1].focus();
+          break;
+        case "ArrowDown":
+        case "Down":
+          e.preventDefault(), t.value[c.value].focus();
+          break;
+        case "ArrowUp":
+        case "Up":
+          e.preventDefault(), t.value[n.value].focus();
+          break;
+      }
+    }, h = (e) => {
+      s.value = Array.prototype.indexOf.call(t.value, e.target);
+    };
+    return {
+      style: m(),
+      baseClass: r,
+      chipsEl: o,
+      legendClass: f,
+      handleKeyDown: v,
+      handleFocusIn: h
+    };
+  }
+});
+function E(l, r, o, t, s, c) {
+  return C(), D("fieldset", {
+    class: d(l.style[l.baseClass]),
+    onFocusin: r[0] || (r[0] = (...n) => l.handleFocusIn && l.handleFocusIn(...n)),
+    onKeydown: r[1] || (r[1] = (...n) => l.handleKeyDown && l.handleKeyDown(...n))
+  }, [p("legend", {
+    class: d(l.style[l.legendClass])
+  }, [i(l.$slots, "label", {}, () => [w(k(l.label), 1)])], 2), p("div", {
+    ref: "chipsEl",
+    class: d(l.style["cdr-chip-group__content"])
+  }, [i(l.$slots, "default")], 2)], 34);
+}
+const F = {
+  $style: A
+}, S = /* @__PURE__ */ I($, [["render", E], ["__cssModules", F]]);
+export {
+  S as default
+};

package/dist/src/components/chip/styles/CdrChip.module.scss.mjs

@@ -0,0 +1,9 @@
+const c = {
+  "cdr-chip": "cdr-chip_13-5-0-alpha-0",
+  "cdr-chip__icon-left": "cdr-chip__icon-left_13-5-0-alpha-0",
+  "cdr-chip__icon-right": "cdr-chip__icon-right_13-5-0-alpha-0",
+  "cdr-chip__content": "cdr-chip__content_13-5-0-alpha-0"
+};
+export {
+  c as default
+};

package/dist/src/components/chip/styles/CdrChipGroup.module.scss.mjs

@@ -0,0 +1,9 @@
+const p = {
+  "cdr-chip-group": "cdr-chip-group_13-5-0-alpha-0",
+  "cdr-chip-group__content": "cdr-chip-group__content_13-5-0-alpha-0",
+  "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_13-5-0-alpha-0",
+  "cdr-chip-group__legend": "cdr-chip-group__legend_13-5-0-alpha-0"
+};
+export {
+  p as default
+};

package/dist/src/components/container/CdrContainer.vue.mjs

@@ -0,0 +1,43 @@
+import { defineComponent as t, computed as r, useCssModule as a, openBlock as i, createBlock as l, resolveDynamicComponent as n, normalizeClass as d, withCtx as m, renderSlot as p } from "vue";
+import f from "../../utils/propValidator.mjs";
+import c from "../../utils/mapClasses.mjs";
+import u from "./styles/CdrContainer.module.scss.mjs";
+import C from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const $ = t({
+  name: "CdrContainer",
+  props: {
+    /** Any valid HTML tag */
+    tag: {
+      type: String,
+      default: "div"
+    },
+    modifier: {
+      type: String,
+      default: "static",
+      validator: (s) => f(s, ["static", "fluid"], !1)
+    }
+  },
+  setup(s) {
+    const e = "cdr-container", o = r(() => `${e}--${s.modifier}`);
+    return {
+      style: a(),
+      baseClass: e,
+      modifierClass: o,
+      mapClasses: c
+    };
+  }
+});
+function y(s, e, o, g, v, M) {
+  return i(), l(n(s.tag), {
+    class: d(s.mapClasses(s.style, s.baseClass, s.modifierClass))
+  }, {
+    default: m(() => [p(s.$slots, "default")]),
+    _: 3
+  }, 8, ["class"]);
+}
+const _ = {
+  $style: u
+}, w = /* @__PURE__ */ C($, [["render", y], ["__cssModules", _]]);
+export {
+  w as default
+};

package/dist/src/components/container/styles/CdrContainer.module.scss.mjs

@@ -0,0 +1,7 @@
+const a = {
+  "cdr-container": "cdr-container_13-5-0-alpha-0",
+  "cdr-container--static": "cdr-container--static_13-5-0-alpha-0"
+};
+export {
+  a as default
+};

package/dist/src/components/formError/CdrFormError.vue.mjs

@@ -0,0 +1,38 @@
+import { defineComponent as n, useCssModule as t, resolveComponent as l, openBlock as a, createElementBlock as c, normalizeClass as o, createElementVNode as e, createVNode as m, renderSlot as i, toDisplayString as p } from "vue";
+import d from "../icon/comps/error-stroke.vue.mjs";
+import f from "./styles/CdrFormError.module.scss.mjs";
+import u from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const C = n({
+  name: "CdrFormError",
+  components: {
+    IconErrorStroke: d
+  },
+  props: {
+    error: [Boolean, String]
+  },
+  setup() {
+    return {
+      style: t(),
+      baseClass: "cdr-form-error",
+      iconClass: "cdr-form-error__icon"
+    };
+  }
+});
+function _(r, $, k, E, S, B) {
+  const s = l("icon-error-stroke");
+  return a(), c("div", {
+    class: o(r.style[r.baseClass]),
+    role: "status"
+  }, [e("span", {
+    class: o(r.style[r.iconClass])
+  }, [m(s, {
+    size: "small",
+    "inherit-color": ""
+  })], 2), i(r.$slots, "error", {}, () => [e("span", null, p(r.error), 1)])], 2);
+}
+const y = {
+  $style: f
+}, v = /* @__PURE__ */ u(C, [["render", _], ["__cssModules", y]]);
+export {
+  v as default
+};

package/dist/src/components/formError/styles/CdrFormError.module.scss.mjs

@@ -0,0 +1,7 @@
+const r = {
+  "cdr-form-error": "cdr-form-error_13-5-0-alpha-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_13-5-0-alpha-0"
+};
+export {
+  r as default
+};

package/dist/src/components/formGroup/CdrFormGroup.vue.mjs

@@ -0,0 +1,72 @@
+import { defineComponent as f, computed as m, useCssModule as b, resolveComponent as c, openBlock as e, createElementBlock as o, normalizeClass as s, createElementVNode as u, renderSlot as a, createTextVNode as C, toDisplayString as y, createCommentVNode as l, createBlock as g, withCtx as $ } from "vue";
+import q from "../../utils/mapClasses.mjs";
+import B from "../formError/CdrFormError.vue.mjs";
+import k from "../../utils/uid.mjs";
+import S from "./styles/CdrFormGroup.module.scss.mjs";
+import h from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const v = f({
+  name: "CdrFormGroup",
+  components: {
+    CdrFormError: B
+  },
+  props: {
+    id: {
+      type: String
+    },
+    label: {
+      type: String,
+      default: "",
+      required: !1
+    },
+    // Set error styling
+    error: {
+      type: [Boolean, String],
+      default: !1
+    },
+    required: Boolean,
+    optional: Boolean,
+    disabled: Boolean
+  },
+  setup(r) {
+    const d = r.id ? r.id : k(), i = "cdr-form-group", n = m(() => r.error && "cdr-form-group--error"), t = m(() => r.disabled && "cdr-form-group--disabled");
+    return {
+      style: b(),
+      uniqueId: d,
+      baseClass: i,
+      errorClass: n,
+      disabledClass: t,
+      mapClasses: q
+    };
+  }
+}), I = ["disabled", "aria-invalid", "aria-errormessage", "aria-describedby"], E = {
+  key: 0,
+  "aria-label": "required"
+};
+function F(r, d, i, n, t, N) {
+  const p = c("cdr-form-error");
+  return e(), o("fieldset", {
+    class: s(r.mapClasses(r.style, r.baseClass, r.disabledClass)),
+    disabled: r.disabled,
+    "aria-invalid": !!r.error,
+    "aria-errormessage": !!r.error && `${r.uniqueId}-error`,
+    "aria-describedby": !!r.error && `${r.uniqueId}-error`
+  }, [u("legend", null, [a(r.$slots, "label", {}, () => [C(y(r.label), 1)]), r.required ? (e(), o("span", E, " *")) : l("", !0), r.optional && !r.required ? (e(), o("span", {
+    key: 1,
+    class: s(r.style["cdr-form-group__optional"])
+  }, " (optional)", 2)) : l("", !0)]), u("div", {
+    class: s(r.mapClasses(r.style, "cdr-form-group__wrapper", r.errorClass))
+  }, [a(r.$slots, "default")], 2), r.error ? (e(), g(p, {
+    key: 0,
+    error: r.error,
+    id: `${r.uniqueId}-error`
+  }, {
+    error: $(() => [a(r.$slots, "error")]),
+    _: 3
+  }, 8, ["error", "id"])) : l("", !0)], 10, I);
+}
+const M = {
+  $style: S
+}, U = /* @__PURE__ */ h(v, [["render", F], ["__cssModules", M]]);
+export {
+  U as default
+};

package/dist/src/components/formGroup/styles/CdrFormGroup.module.scss.mjs

@@ -0,0 +1,13 @@
+const r = {
+  "cdr-form-error": "cdr-form-error_13-5-0-alpha-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_13-5-0-alpha-0",
+  "cdr-form-group": "cdr-form-group_13-5-0-alpha-0",
+  "cdr-form-group--error": "cdr-form-group--error_13-5-0-alpha-0",
+  "cdr-form-group--disabled": "cdr-form-group--disabled_13-5-0-alpha-0",
+  "cdr-form-group__optional": "cdr-form-group__optional_13-5-0-alpha-0",
+  "cdr-form-group__required": "cdr-form-group__required_13-5-0-alpha-0",
+  "cdr-form-group__wrapper": "cdr-form-group__wrapper_13-5-0-alpha-0"
+};
+export {
+  r as default
+};

package/dist/src/components/grid/CdrGrid.vue.mjs

@@ -0,0 +1,48 @@
+import { defineComponent as r, computed as o, useCssModule as a, openBlock as l, createBlock as m, resolveDynamicComponent as n, normalizeClass as d, withCtx as i, renderSlot as u } from "vue";
+import p from "../../utils/mapClasses.mjs";
+import { responsiveModifyClass as f } from "../../utils/buildClass.mjs";
+import c from "../../utils/propValidator.mjs";
+import g from "./styles/CdrGrid.module.scss.mjs";
+import C from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const y = r({
+  name: "CdrGrid",
+  props: {
+    /**
+    * Defines gutter size.
+    * Possible values: {none, small, medium, large}.
+    * Also accepts responsive values with `@breakpoint`: "none@md"
+    */
+    gutter: {
+      type: String,
+      validator: (e) => c(e, ["none", "small", "medium", "large"]),
+      default: "medium@xs medium@sm large@md large@lg"
+    },
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  setup(e) {
+    const s = "cdr-grid", t = o(() => e.gutter ? f(s, "gutter-", e.gutter) : null);
+    return {
+      style: a(),
+      baseClass: s,
+      gutterClass: t,
+      mapClasses: p
+    };
+  }
+});
+function $(e, s, t, _, M, S) {
+  return l(), m(n(e.tag), {
+    class: d(e.mapClasses(e.style, e.baseClass, e.gutterClass))
+  }, {
+    default: i(() => [u(e.$slots, "default")]),
+    _: 3
+  }, 8, ["class"]);
+}
+const v = {
+  $style: g
+}, z = /* @__PURE__ */ C(y, [["render", $], ["__cssModules", v]]);
+export {
+  z as default
+};

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

@@ -0,0 +1,26 @@
+const r = {
+  "cdr-grid": "cdr-grid_13-5-0-alpha-0",
+  "cdr-grid--gutter-none": "cdr-grid--gutter-none_13-5-0-alpha-0",
+  "cdr-grid--gutter-small": "cdr-grid--gutter-small_13-5-0-alpha-0",
+  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_13-5-0-alpha-0",
+  "cdr-grid--gutter-large": "cdr-grid--gutter-large_13-5-0-alpha-0",
+  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_13-5-0-alpha-0",
+  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_13-5-0-alpha-0",
+  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_13-5-0-alpha-0",
+  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_13-5-0-alpha-0",
+  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_13-5-0-alpha-0",
+  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_13-5-0-alpha-0",
+  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_13-5-0-alpha-0",
+  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_13-5-0-alpha-0",
+  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_13-5-0-alpha-0",
+  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_13-5-0-alpha-0",
+  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_13-5-0-alpha-0",
+  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_13-5-0-alpha-0",
+  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_13-5-0-alpha-0",
+  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_13-5-0-alpha-0",
+  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_13-5-0-alpha-0",
+  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_13-5-0-alpha-0"
+};
+export {
+  r as default
+};

package/dist/src/components/icon/CdrIcon.vue.mjs

@@ -0,0 +1,57 @@
+import { defineComponent as f, computed as i, useCssModule as c, openBlock as n, createElementBlock as m, mergeProps as d, renderSlot as p, normalizeProps as C, createCommentVNode as h } from "vue";
+import y from "../../utils/mapClasses.mjs";
+import { responsiveModifyClass as b } from "../../utils/buildClass.mjs";
+import g from "../../utils/propValidator.mjs";
+import $ from "./styles/CdrIcon.module.scss.mjs";
+import v from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const z = f({
+  name: "CdrIcon",
+  props: {
+    /**
+    * The href attribute passed to the use element. Will be prefixed with # automatically
+    */
+    use: String,
+    /**
+    * Sets icon fill to "inherit" so as to use parent/ancestor fill color.
+    */
+    inheritColor: Boolean,
+    size: {
+      type: String,
+      default: "medium",
+      validator: (e) => g(e, ["small", "medium", "large"])
+    }
+  },
+  setup(e, r) {
+    const s = "cdr-icon", o = !r.attrs["aria-label"] && !r.attrs["aria-labelledby"], t = i(() => e.inheritColor && `${s}--inherit-color`), a = i(() => e.size && b(s, "", e.size)), l = {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24"
+    };
+    o && (l["aria-hidden"] = !0);
+    const u = {
+      href: e.use,
+      "xlink:href": e.use
+    };
+    return {
+      style: c(),
+      baseClass: s,
+      inheritColorClass: t,
+      sizeClass: a,
+      dataObj: l,
+      hrefAttrs: u,
+      mapClasses: y
+    };
+  }
+});
+function w(e, r, s, o, t, a) {
+  return n(), m("svg", d(e.dataObj, {
+    class: e.mapClasses(e.style, e.baseClass, e.sizeClass, e.inheritColorClass)
+  }), [p(e.$slots, "default"), e.use ? (n(), m("use", C(d({
+    key: 0
+  }, e.hrefAttrs)), null, 16)) : h("", !0)], 16);
+}
+const k = {
+  $style: $
+}, I = /* @__PURE__ */ v(z, [["render", w], ["__cssModules", k]]);
+export {
+  I as default
+};

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

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as r, openBlock as n, createBlock as c, normalizeProps as p, guardReactiveProps as s, withCtx as a, renderSlot as l, createElementVNode as i } from "vue";
+import d from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const f = t({
+  name: "AccountProfileFill",
+  components: {
+    CdrIcon: d
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), _ = /* @__PURE__ */ i("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);
+function u(o, h, $, C, P, k) {
+  const e = r("cdr-icon");
+  return n(), c(e, p(s(o.props)), {
+    default: a(() => [l(o.$slots, "default"), _]),
+    _: 3
+  }, 16);
+}
+const A = /* @__PURE__ */ m(f, [["render", u]]);
+export {
+  A as default
+};

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

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as r, openBlock as n, createBlock as c, normalizeProps as p, guardReactiveProps as a, withCtx as s, renderSlot as i, createElementVNode as d } from "vue";
+import l from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const f = t({
+  name: "AccountProfile",
+  components: {
+    CdrIcon: l
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), _ = /* @__PURE__ */ d("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);
+function u(o, h, $, z, C, P) {
+  const e = r("cdr-icon");
+  return n(), c(e, p(a(o.props)), {
+    default: s(() => [i(o.$slots, "default"), _]),
+    _: 3
+  }, 16);
+}
+const A = /* @__PURE__ */ m(f, [["render", u]]);
+export {
+  A as default
+};