@rei/cedar 13.5.2 → 14.0.0-ts.0

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

@@ -1,8 +1,8 @@
 const c = {
-  "cdr-chip-group": "cdr-chip-group_13-5-2",
-  "cdr-chip-group__content": "cdr-chip-group__content_13-5-2",
-  "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_13-5-2",
-  "cdr-chip-group__legend": "cdr-chip-group__legend_13-5-2"
+  "cdr-chip-group": "cdr-chip-group_14-0-0-ts-0",
+  "cdr-chip-group__content": "cdr-chip-group__content_14-0-0-ts-0",
+  "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_14-0-0-ts-0",
+  "cdr-chip-group__legend": "cdr-chip-group__legend_14-0-0-ts-0"
 };
 export {
   c as default

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

@@ -1,48 +1,9 @@
-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: {
-    /** Sets the HTML tag for the container element */
-    tag: {
-      type: String,
-      default: "div"
-    },
-    /**
-     * Controls whether container is static or fluid width.
-     * @demoSelectMultiple false
-     * @values static, fluid
-    */
-    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", _]]);
+import o from "./CdrContainer.vue2.mjs";
+import s from "./styles/CdrContainer.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
 export {
-  w as default
+  f as default
 };

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

@@ -0,0 +1,36 @@
+import { defineComponent as i, useCssModule as l, computed as c, openBlock as d, createBlock as m, resolveDynamicComponent as f, normalizeClass as p, unref as t, withCtx as u, renderSlot as C } from "vue";
+import v from "../../utils/propValidator.mjs";
+import g from "../../utils/mapClasses.mjs";
+const a = "cdr-container", h = /* @__PURE__ */ i({
+  name: "CdrContainer",
+  __name: "CdrContainer",
+  props: {
+    /** Sets the HTML tag for the container element */
+    tag: {
+      type: String,
+      default: "div"
+    },
+    /**
+      * Controls whether container is static or fluid width.
+      * @demoSelectMultiple false
+      * @values static, fluid
+    */
+    modifier: {
+      type: String,
+      default: "static",
+      validator: (e) => v(e, ["static", "fluid"], !1)
+    }
+  },
+  setup(e) {
+    const o = e, s = l(), r = c(() => `${a}--${o.modifier}`);
+    return (n, y) => (d(), m(f(e.tag), {
+      class: p(t(g)(t(s), a, r.value))
+    }, {
+      default: u(() => [C(n.$slots, "default")]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  h as default
+};

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

@@ -1,6 +1,6 @@
 const t = {
-  "cdr-container": "cdr-container_13-5-2",
-  "cdr-container--static": "cdr-container--static_13-5-2"
+  "cdr-container": "cdr-container_14-0-0-ts-0",
+  "cdr-container--static": "cdr-container--static_14-0-0-ts-0"
 };
 export {
   t as default

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

@@ -1,38 +1,9 @@
-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]]);
+import o from "./CdrFormError.vue2.mjs";
+import r from "./styles/CdrFormError.module.scss.mjs";
+import s from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const t = {
+  $style: r
+}, f = /* @__PURE__ */ s(o, [["__cssModules", t]]);
 export {
-  v as default
+  f as default
 };

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

@@ -0,0 +1,24 @@
+import { defineComponent as a, useCssModule as l, openBlock as c, createElementBlock as m, normalizeClass as e, unref as o, createElementVNode as s, createVNode as i, renderSlot as d, toDisplayString as p } from "vue";
+import f from "../icon/comps/error-stroke.vue.mjs";
+const u = "cdr-form-error", _ = "cdr-form-error__icon", S = /* @__PURE__ */ a({
+  name: "CdrFormError",
+  __name: "CdrFormError",
+  props: {
+    error: [Boolean, String]
+  },
+  setup(n) {
+    const r = l();
+    return (t, C) => (c(), m("div", {
+      class: e(o(r)[u]),
+      role: "status"
+    }, [s("span", {
+      class: e(o(r)[_])
+    }, [i(f, {
+      size: "small",
+      "inherit-color": ""
+    })], 2), d(t.$slots, "error", {}, () => [s("span", null, p(n.error), 1)])], 2));
+  }
+});
+export {
+  S as default
+};

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

@@ -1,6 +1,6 @@
 const r = {
-  "cdr-form-error": "cdr-form-error_13-5-2",
-  "cdr-form-error__icon": "cdr-form-error__icon_13-5-2"
+  "cdr-form-error": "cdr-form-error_14-0-0-ts-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_14-0-0-ts-0"
 };
 export {
   r as default

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

@@ -1,72 +1,9 @@
-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]]);
+import o from "./CdrFormGroup.vue2.mjs";
+import s from "./styles/CdrFormGroup.module.scss.mjs";
+import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const t = {
+  $style: s
+}, f = /* @__PURE__ */ r(o, [["__cssModules", t]]);
 export {
-  U as default
+  f as default
 };

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

@@ -0,0 +1,65 @@
+import { defineComponent as p, useCssModule as C, computed as c, openBlock as a, createElementBlock as i, normalizeClass as s, unref as e, createElementVNode as m, renderSlot as n, createTextVNode as y, toDisplayString as v, createCommentVNode as u, createBlock as B, withCtx as k } from "vue";
+import f from "../../utils/mapClasses.mjs";
+import $ from "../formError/CdrFormError.vue.mjs";
+import q from "../../utils/uid.mjs";
+const S = ["disabled", "aria-invalid", "aria-errormessage", "aria-describedby"], h = {
+  key: 0,
+  "aria-label": "required"
+}, E = "cdr-form-group", x = /* @__PURE__ */ p({
+  name: "CdrFormGroup",
+  __name: "CdrFormGroup",
+  props: {
+    /**
+     * Custom ID that is mapped to the form error. If this value is not set, it will be randomly generated.
+     * @demoIgnore true
+     */
+    id: String,
+    /**
+     * Sets the label/legend for the form group. Applies default text styles to this label.
+     * To override that default text style or apply other customization, use the `label` slot.
+     * @demoIgnore true
+     */
+    label: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Sets the form group to an error state, displays the `error` slot if one is present.
+     */
+    error: {
+      type: [Boolean, String],
+      default: !1
+    },
+    /** Adds required label to the form group. */
+    required: Boolean,
+    /** Adds optional label to the form group. */
+    optional: Boolean,
+    /** Renders form group in a disabled state. */
+    disabled: Boolean
+  },
+  setup(r) {
+    const o = r, d = o.id ? o.id : q(), l = C(), b = c(() => o.error ? "cdr-form-group--error" : ""), g = c(() => o.disabled ? "cdr-form-group--disabled" : "");
+    return (t, F) => (a(), i("fieldset", {
+      class: s(e(f)(e(l), E, g.value)),
+      disabled: r.disabled,
+      "aria-invalid": !!r.error,
+      "aria-errormessage": r.error ? `${e(d)}-error` : void 0,
+      "aria-describedby": r.error ? `${e(d)}-error` : void 0
+    }, [m("legend", null, [n(t.$slots, "label", {}, () => [y(v(r.label), 1)]), r.required ? (a(), i("span", h, " *")) : u("", !0), r.optional && !r.required ? (a(), i("span", {
+      key: 1,
+      class: s(e(l)["cdr-form-group__optional"])
+    }, " (optional)", 2)) : u("", !0)]), m("div", {
+      class: s(e(f)(e(l), "cdr-form-group__wrapper", b.value))
+    }, [n(t.$slots, "default")], 2), r.error ? (a(), B($, {
+      key: 0,
+      error: r.error,
+      id: `${e(d)}-error`
+    }, {
+      error: k(() => [n(t.$slots, "error")]),
+      _: 3
+    }, 8, ["error", "id"])) : u("", !0)], 10, S));
+  }
+});
+export {
+  x as default
+};

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

@@ -1,12 +1,12 @@
 const r = {
-  "cdr-form-error": "cdr-form-error_13-5-2",
-  "cdr-form-error__icon": "cdr-form-error__icon_13-5-2",
-  "cdr-form-group": "cdr-form-group_13-5-2",
-  "cdr-form-group--error": "cdr-form-group--error_13-5-2",
-  "cdr-form-group--disabled": "cdr-form-group--disabled_13-5-2",
-  "cdr-form-group__optional": "cdr-form-group__optional_13-5-2",
-  "cdr-form-group__required": "cdr-form-group__required_13-5-2",
-  "cdr-form-group__wrapper": "cdr-form-group__wrapper_13-5-2"
+  "cdr-form-error": "cdr-form-error_14-0-0-ts-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_14-0-0-ts-0",
+  "cdr-form-group": "cdr-form-group_14-0-0-ts-0",
+  "cdr-form-group--error": "cdr-form-group--error_14-0-0-ts-0",
+  "cdr-form-group--disabled": "cdr-form-group--disabled_14-0-0-ts-0",
+  "cdr-form-group__optional": "cdr-form-group__optional_14-0-0-ts-0",
+  "cdr-form-group__required": "cdr-form-group__required_14-0-0-ts-0",
+  "cdr-form-group__wrapper": "cdr-form-group__wrapper_14-0-0-ts-0"
 };
 export {
   r as default

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

@@ -1,49 +1,9 @@
-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. Also accepts responsive values with `@breakpoint`: "none@md"
-    * @demoSelectMultiple false
-    * @values none, small, medium, large
-    */
-    gutter: {
-      type: String,
-      validator: (e) => c(e, ["none", "small", "medium", "large"]),
-      default: "medium@xs medium@sm large@md large@lg"
-    },
-    /** Sets the HTML tag for the grid element */
-    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]]);
+import s from "./CdrGrid.vue2.mjs";
+import o from "./styles/CdrGrid.module.scss.mjs";
+import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const t = {
+  $style: o
+}, f = /* @__PURE__ */ r(s, [["__cssModules", t]]);
 export {
-  z as default
+  f as default
 };

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

@@ -0,0 +1,37 @@
+import { defineComponent as m, useCssModule as n, computed as d, openBlock as i, createBlock as u, resolveDynamicComponent as p, normalizeClass as c, unref as r, withCtx as g, renderSlot as f } from "vue";
+import C from "../../utils/mapClasses.mjs";
+import { responsiveModifyClass as v } from "../../utils/buildClass.mjs";
+import y from "../../utils/propValidator.mjs";
+const s = "cdr-grid", B = /* @__PURE__ */ m({
+  name: "CdrGrid",
+  __name: "CdrGrid",
+  props: {
+    /**
+     * Defines gutter size. Also accepts responsive values with `@breakpoint`: "none@md"
+     * @demoSelectMultiple false
+     * @values none, small, medium, large
+     */
+    gutter: {
+      type: String,
+      validator: (e) => y(e, ["none", "small", "medium", "large"]),
+      default: "medium@xs medium@sm large@md large@lg"
+    },
+    /** Sets the HTML tag for the grid element */
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  setup(e) {
+    const t = e, a = n(), o = d(() => t.gutter ? v(s, "gutter-", t.gutter) : "");
+    return (l, _) => (i(), u(p(e.tag), {
+      class: c(r(C)(r(a), s, o.value))
+    }, {
+      default: g(() => [f(l.$slots, "default")]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  B as default
+};

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

@@ -1,25 +1,25 @@
 const r = {
-  "cdr-grid": "cdr-grid_13-5-2",
-  "cdr-grid--gutter-none": "cdr-grid--gutter-none_13-5-2",
-  "cdr-grid--gutter-small": "cdr-grid--gutter-small_13-5-2",
-  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_13-5-2",
-  "cdr-grid--gutter-large": "cdr-grid--gutter-large_13-5-2",
-  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_13-5-2",
-  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_13-5-2",
-  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_13-5-2",
-  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_13-5-2",
-  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_13-5-2",
-  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_13-5-2",
-  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_13-5-2",
-  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_13-5-2",
-  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_13-5-2",
-  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_13-5-2",
-  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_13-5-2",
-  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_13-5-2",
-  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_13-5-2",
-  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_13-5-2",
-  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_13-5-2",
-  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_13-5-2"
+  "cdr-grid": "cdr-grid_14-0-0-ts-0",
+  "cdr-grid--gutter-none": "cdr-grid--gutter-none_14-0-0-ts-0",
+  "cdr-grid--gutter-small": "cdr-grid--gutter-small_14-0-0-ts-0",
+  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_14-0-0-ts-0",
+  "cdr-grid--gutter-large": "cdr-grid--gutter-large_14-0-0-ts-0",
+  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_14-0-0-ts-0",
+  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_14-0-0-ts-0",
+  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_14-0-0-ts-0",
+  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_14-0-0-ts-0",
+  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_14-0-0-ts-0",
+  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_14-0-0-ts-0",
+  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_14-0-0-ts-0",
+  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_14-0-0-ts-0",
+  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_14-0-0-ts-0",
+  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_14-0-0-ts-0",
+  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_14-0-0-ts-0",
+  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_14-0-0-ts-0",
+  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_14-0-0-ts-0",
+  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_14-0-0-ts-0",
+  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_14-0-0-ts-0",
+  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_14-0-0-ts-0"
 };
 export {
   r as default

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

@@ -1,60 +1,9 @@
-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: {
-    /**
-     * Only on CdrIcon. Sets the href attribute for use with SVG symbol sprite (see @rei/cedar-icons).
-     */
-    use: String,
-    /**
-     * Sets icon fill to "inherit" so as to use parent/ancestor fill color.
-     */
-    inheritColor: {
-      type: Boolean,
-      default: !1
-    },
-    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]]);
+import o from "./CdrIcon.vue2.mjs";
+import s from "./styles/CdrIcon.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
 export {
-  I as default
+  f as default
 };

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

@@ -0,0 +1,46 @@
+import { defineComponent as h, useCssModule as v, useAttrs as g, computed as a, openBlock as l, createElementBlock as n, mergeProps as i, unref as d, renderSlot as y, normalizeProps as b, createCommentVNode as w } from "vue";
+import z from "../../utils/mapClasses.mjs";
+import { responsiveModifyClass as k } from "../../utils/buildClass.mjs";
+import x from "../../utils/propValidator.mjs";
+const o = "cdr-icon", I = /* @__PURE__ */ h({
+  name: "CdrIcon",
+  __name: "CdrIcon",
+  props: {
+    /**
+    * Only on CdrIcon. Sets the href attribute for use with SVG symbol sprite (see @rei/cedar-icons).
+    */
+    use: String,
+    /**
+     * Sets icon fill to "inherit" so as to use parent/ancestor fill color.
+     */
+    inheritColor: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "medium",
+      validator: (s) => x(s, ["small", "medium", "large"])
+    }
+  },
+  setup(s) {
+    const e = s, m = v(), r = g(), c = !r["aria-label"] && !r["aria-labelledby"], u = a(() => e.inheritColor ? `${o}--inherit-color` : ""), p = a(() => e.size && k(o, "", e.size)), t = {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      "aria-hidden": void 0
+    };
+    c && (t["aria-hidden"] = "true");
+    const f = {
+      href: e.use,
+      "xlink:href": e.use
+    };
+    return (C, B) => (l(), n("svg", i(t, {
+      class: d(z)(d(m), o, p.value, u.value)
+    }), [y(C.$slots, "default"), s.use ? (l(), n("use", b(i({
+      key: 0
+    }, f)), null, 16)) : w("", !0)], 16));
+  }
+});
+export {
+  I as default
+};