@rei/cedar 13.4.0-alpha.1 → 13.4.1

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

@@ -0,0 +1,219 @@
+import { defineComponent as E, ref as L, computed as s, useCssModule as U, resolveComponent as I, openBlock as i, createBlock as c, normalizeClass as u, createSlots as D, withCtx as l, createElementVNode as $, withDirectives as g, createElementBlock as m, mergeProps as k, vModelText as R, vModelDynamic as j, renderSlot as a, createCommentVNode as C } from "vue";
+import O from "../../utils/propValidator.mjs";
+import G from "../labelStandalone/CdrLabelStandalone.vue.mjs";
+import J from "../formError/CdrFormError.vue.mjs";
+import K from "../../props/size.mjs";
+import Q from "../../props/background.mjs";
+import W from "../../utils/mapClasses.mjs";
+import X from "../../utils/uid.mjs";
+import Y from "./styles/CdrInput.module.scss.mjs";
+import Z from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = E({
+  name: "CdrInput",
+  components: {
+    CdrLabelStandalone: G,
+    CdrFormError: J
+  },
+  inheritAttrs: !1,
+  customOptions: {},
+  props: {
+    /**
+     * `id` for the input that is mapped to the label `for` attribute.
+    */
+    id: {
+      type: String
+    },
+    /**
+     *  'type' attribute for the input as defined by w3c.
+     *  Only supporting text|email|number|password|search|url.
+     *  The increment/decrement webkit psuedo element is hidden for number.
+    */
+    type: {
+      type: [String],
+      default: "text",
+      validator: (e) => O(e, ["text", "email", "number", "password", "search", "url", "tel", "date"])
+    },
+    /**
+     * Label text. This is required for a11y even if hiding the label with `hideLabel`.
+    */
+    label: {
+      type: String,
+      required: !0
+    },
+    // sets default attrs for inputs that should use a numeric keyboard but are not strictly "numbers" (security code, CC number, postal code)
+    numeric: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Removes the label element but sets the input `aria-label` to `label` text for a11y.
+    */
+    hideLabel: Boolean,
+    /**
+     * Number of rows for input.  Converts component to text-area if rows greater than 1.
+    */
+    rows: Number,
+    // Set which background type the input renders on
+    background: Q,
+    size: K,
+    /**
+     * Override the error message role, default is `status`.
+     */
+    errorRole: {
+      type: String,
+      required: !1,
+      default: "status"
+    },
+    // Set error styling
+    error: {
+      type: [Boolean, String],
+      default: !1
+    },
+    disabled: Boolean,
+    required: Boolean,
+    optional: Boolean,
+    modelValue: {
+      type: [String, Number, Function]
+    },
+    // Adds a custom class to the cdr-lable-standalone wrapping div
+    labelClass: String
+  },
+  emits: ["update:modelValue"],
+  setup(e, r) {
+    const f = "cdr-input", b = L(!1), y = r.slots["helper-text-top"], h = r.slots["helper-text-bottom"], p = r.slots["pre-icon"], t = r.slots["post-icon"], o = t && r.slots["post-icon"]().length > 1, q = r.slots.info, v = r.slots["info-action"], d = e.id ? e.id : X(), B = s(() => e.rows > 1 && "cdr-input--multiline"), w = s(() => p && "cdr-input--preicon"), M = s(() => t && "cdr-input--posticon"), S = s(() => o && "cdr-input--posticons"), z = s(() => e.error && "cdr-input--error"), F = s(() => `cdr-input--${e.background}`), P = s(() => e.size && `${f}--${e.size}`), V = s(() => b.value && "cdr-input--focus"), A = s(() => {
+      const n = [r.slots["helper-text-top"] ? `${d}-helper-text-top` : "", r.slots["helper-text-bottom"] ? `${d}-helper-text-bottom` : "", r.attrs["aria-describedby"]].filter((T) => T).join(" ");
+      return e.error ? `${d}-error` : n;
+    }), N = s(() => {
+      const n = e.numeric || e.type === "number";
+      return {
+        id: d,
+        autocorrect: "off",
+        spellcheck: "false",
+        autocapitalize: "off",
+        pattern: n && "[0-9]*" || null,
+        inputmode: n && "numeric" || null,
+        novalidate: n || null,
+        ...r.attrs
+      };
+    }), H = s({
+      get() {
+        return e.modelValue;
+      },
+      set(n) {
+        r.emit("update:modelValue", n);
+      }
+    });
+    return {
+      style: U(),
+      baseClass: f,
+      isFocused: b,
+      hasHelperTop: y,
+      hasHelperBottom: h,
+      hasPreIcon: p,
+      hasPostIcon: t,
+      hasInfo: q,
+      hasInfoAction: v,
+      uniqueId: d,
+      multilineClass: B,
+      preIconClass: w,
+      postIconClass: M,
+      postIconsClass: S,
+      errorClass: z,
+      backgroundClass: F,
+      sizeClass: P,
+      focusedClass: V,
+      describedby: A,
+      inputAttrs: N,
+      inputModel: H,
+      mapClasses: W
+    };
+  }
+}), x = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], ee = ["type", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], re = ["id"];
+function se(e, r, f, b, y, h) {
+  const p = I("cdr-form-error"), t = I("cdr-label-standalone");
+  return i(), c(t, {
+    "for-id": e.uniqueId,
+    label: e.label,
+    "hide-label": e.hideLabel,
+    required: e.required,
+    optional: e.optional,
+    disabled: e.disabled,
+    class: u(e.labelClass)
+  }, D({
+    default: l(() => [$("div", {
+      class: u(e.mapClasses(e.style, "cdr-input-wrap", e.focusedClass))
+    }, [e.rows && e.rows > 1 ? g((i(), m("textarea", k({
+      key: 0,
+      rows: e.rows,
+      class: e.mapClasses(e.style, e.baseClass, e.multilineClass, e.preIconClass, e.postIconClass, e.postIconsClass, e.errorClass, e.backgroundClass, e.sizeClass),
+      id: e.uniqueId,
+      disabled: e.disabled,
+      "aria-required": e.required || null,
+      "aria-invalid": !!e.error || null,
+      "aria-errormessage": !!e.error && `${e.uniqueId}-error` || null
+    }, e.inputAttrs, {
+      "aria-describedby": e.describedby || null,
+      onFocus: r[0] || (r[0] = (o) => e.isFocused = !0),
+      onBlur: r[1] || (r[1] = (o) => e.isFocused = !1),
+      "onUpdate:modelValue": r[2] || (r[2] = (o) => e.inputModel = o)
+    }), null, 16, x)), [[R, e.inputModel]]) : g((i(), m("input", k({
+      key: 1,
+      type: e.type,
+      class: e.mapClasses(e.style, e.baseClass, e.preIconClass, e.postIconClass, e.postIconsClass, e.errorClass, e.backgroundClass, e.sizeClass),
+      id: e.uniqueId,
+      disabled: e.disabled,
+      "aria-required": e.required || null,
+      "aria-invalid": !!e.error || null,
+      "aria-errormessage": !!e.error && `${e.uniqueId}-error` || null
+    }, e.inputAttrs, {
+      "aria-describedby": e.describedby || null,
+      onFocus: r[3] || (r[3] = (o) => e.isFocused = !0),
+      onBlur: r[4] || (r[4] = (o) => e.isFocused = !1),
+      "onUpdate:modelValue": r[5] || (r[5] = (o) => e.inputModel = o)
+    }), null, 16, ee)), [[j, e.inputModel]]), e.hasPreIcon ? (i(), m("span", {
+      key: 2,
+      class: u(e.style["cdr-input__pre-icon"])
+    }, [a(e.$slots, "pre-icon")], 2)) : C("", !0), e.hasPostIcon ? (i(), m("span", {
+      key: 3,
+      class: u(e.style["cdr-input__post-icon"])
+    }, [a(e.$slots, "post-icon")], 2)) : C("", !0)], 2)]),
+    _: 2
+  }, [e.hasHelperTop ? {
+    name: "helper",
+    fn: l(() => [a(e.$slots, "helper-text-top")]),
+    key: "0"
+  } : void 0, e.hasInfo ? {
+    name: "info",
+    fn: l(() => [a(e.$slots, "info")]),
+    key: "1"
+  } : void 0, e.hasInfoAction ? {
+    name: "info-action",
+    fn: l(() => [a(e.$slots, "info-action")]),
+    key: "2"
+  } : void 0, e.hasHelperBottom && !e.error ? {
+    name: "helper-text-bottom",
+    fn: l(() => [$("span", {
+      id: `${e.uniqueId}-helper-text-bottom`,
+      class: u(e.style["cdr-input__helper-text"])
+    }, [a(e.$slots, "helper-text-bottom")], 10, re)]),
+    key: "3"
+  } : void 0, e.error ? {
+    name: "error",
+    fn: l(() => [e.error ? (i(), c(p, {
+      key: 0,
+      error: e.error,
+      role: e.errorRole,
+      id: `${e.uniqueId}-error`
+    }, {
+      error: l(() => [a(e.$slots, "error")]),
+      _: 3
+    }, 8, ["error", "role", "id"])) : C("", !0)]),
+    key: "4"
+  } : void 0]), 1032, ["for-id", "label", "hide-label", "required", "optional", "disabled", "class"]);
+}
+const oe = {
+  $style: Y
+}, be = /* @__PURE__ */ Z(_, [["render", se], ["__cssModules", oe]]);
+export {
+  be as default
+};

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

@@ -0,0 +1,37 @@
+const n = {
+  "cdr-label-standalone": "cdr-label-standalone_13-4-1",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_13-4-1",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_13-4-1",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_13-4-1",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_13-4-1",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_13-4-1",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_13-4-1",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_13-4-1",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_13-4-1",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_13-4-1",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_13-4-1",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_13-4-1",
+  "cdr-form-error": "cdr-form-error_13-4-1",
+  "cdr-form-error__icon": "cdr-form-error__icon_13-4-1",
+  "cdr-input": "cdr-input_13-4-1",
+  "cdr-input--focus": "cdr-input--focus_13-4-1",
+  "cdr-input--multiline": "cdr-input--multiline_13-4-1",
+  "cdr-input--preicon": "cdr-input--preicon_13-4-1",
+  "cdr-input--posticon": "cdr-input--posticon_13-4-1",
+  "cdr-input--posticons": "cdr-input--posticons_13-4-1",
+  "cdr-input--primary": "cdr-input--primary_13-4-1",
+  "cdr-input--secondary": "cdr-input--secondary_13-4-1",
+  "cdr-input--error": "cdr-input--error_13-4-1",
+  "cdr-input--large": "cdr-input--large_13-4-1",
+  "cdr-input--large@xs": "cdr-input--large@xs_13-4-1",
+  "cdr-input--large@sm": "cdr-input--large@sm_13-4-1",
+  "cdr-input--large@md": "cdr-input--large@md_13-4-1",
+  "cdr-input--large@lg": "cdr-input--large@lg_13-4-1",
+  "cdr-input__pre-icon": "cdr-input__pre-icon_13-4-1",
+  "cdr-input__post-icon": "cdr-input__post-icon_13-4-1",
+  "cdr-input__helper-text": "cdr-input__helper-text_13-4-1",
+  "cdr-input-wrap": "cdr-input-wrap_13-4-1"
+};
+export {
+  n as default
+};

package/dist/src/components/labelStandalone/CdrLabelStandalone.vue.mjs

@@ -0,0 +1,70 @@
+import { defineComponent as m, computed as p, useCssModule as C, openBlock as l, createElementBlock as a, normalizeClass as s, createElementVNode as t, createTextVNode as $, toDisplayString as f, createCommentVNode as n, renderSlot as o } from "vue";
+import L from "../../utils/mapClasses.mjs";
+import k from "./styles/CdrLabelStandalone.module.scss.mjs";
+import S from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const I = m({
+  name: "CdrLabelStandalone",
+  props: {
+    forId: {
+      type: String,
+      required: !0
+    },
+    label: String,
+    disabled: Boolean,
+    required: Boolean,
+    optional: Boolean,
+    hideLabel: Boolean
+  },
+  setup(e, r) {
+    const b = "cdr-label-standalone", d = r.slots.helper, i = r.slots.info, u = r.slots["info-action"], c = p(() => e.disabled && "cdr-label-standalone__label--disabled"), y = p(() => e.hideLabel && "cdr-label-standalone__label--sr-only"), h = p(() => (!e.hideLabel || d || i) && "cdr-label-standalone__input-spacing");
+    return {
+      style: C(),
+      mapClasses: L,
+      baseClass: b,
+      hasHelper: d,
+      hasInfo: i,
+      hasInfoAction: u,
+      disabledLabelClass: c,
+      srOnlyLabelClass: y,
+      inputSpacingClass: h
+    };
+  }
+}), _ = ["for"], g = {
+  key: 0,
+  "aria-hidden": "true"
+}, B = {
+  key: 0
+}, v = ["id"];
+function q(e, r, b, d, i, u) {
+  return l(), a("div", {
+    class: s(e.style[e.baseClass])
+  }, [t("div", {
+    class: s(e.style["cdr-label-standalone__label-wrapper"])
+  }, [t("label", {
+    class: s(e.mapClasses(e.style, "cdr-label-standalone__label", e.disabledLabelClass, e.srOnlyLabelClass)),
+    for: e.forId
+  }, [$(f(e.label) + f((e.required || e.optional, "")) + " ", 1), e.required ? (l(), a("span", g, "*")) : e.optional ? (l(), a("span", {
+    key: 1,
+    class: s(e.style["cdr-label-standalone__optional"])
+  }, "(optional)", 2)) : n("", !0)], 10, _), !e.hideLabel && e.hasHelper ? (l(), a("br", B)) : n("", !0), e.hasHelper ? (l(), a("span", {
+    key: 1,
+    class: s(e.style["cdr-label-standalone__helper"]),
+    id: `${e.forId}-helper-text-top`
+  }, [o(e.$slots, "helper")], 10, v)) : n("", !0)], 2), t("div", {
+    class: s(e.mapClasses(e.style, "cdr-label-standalone__input-wrap", e.inputSpacingClass))
+  }, [o(e.$slots, "default"), e.hasInfoAction ? (l(), a("div", {
+    key: 0,
+    class: s(e.style["cdr-label-standalone__info-action"])
+  }, [o(e.$slots, "info-action")], 2)) : n("", !0)], 2), e.hasInfo ? (l(), a("span", {
+    key: 0,
+    class: s(e.style["cdr-label-standalone__info"])
+  }, [o(e.$slots, "info")], 2)) : n("", !0), t("div", {
+    class: s(e.style["cdr-label-standalone__post-content"])
+  }, [o(e.$slots, "helper-text-bottom"), o(e.$slots, "error")], 2)], 2);
+}
+const H = {
+  $style: k
+}, A = /* @__PURE__ */ S(I, [["render", q], ["__cssModules", H]]);
+export {
+  A as default
+};

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

@@ -0,0 +1,17 @@
+const l = {
+  "cdr-label-standalone": "cdr-label-standalone_13-4-1",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_13-4-1",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_13-4-1",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_13-4-1",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_13-4-1",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_13-4-1",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_13-4-1",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_13-4-1",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_13-4-1",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_13-4-1",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_13-4-1",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_13-4-1"
+};
+export {
+  l as default
+};

package/dist/src/components/labelWrapper/CdrLabelWrapper.vue.mjs

@@ -0,0 +1,44 @@
+import { defineComponent as d, computed as a, useCssModule as p, openBlock as c, createElementBlock as m, normalizeClass as l, createElementVNode as r, renderSlot as t } from "vue";
+import { responsiveModifyClass as b } from "../../utils/buildClass.mjs";
+import f from "../../props/background.mjs";
+import C from "../../utils/mapClasses.mjs";
+import u from "./styles/CdrLabelWrapper.module.scss.mjs";
+import $ from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const g = d({
+  name: "CdrLabelWrapper",
+  props: {
+    labelClass: String,
+    contentClass: String,
+    background: f,
+    disabled: Boolean,
+    modifier: String,
+    size: String
+  },
+  setup(s) {
+    const e = "cdr-label-wrapper", o = a(() => s.modifier && `${e}--${s.modifier}`), n = a(() => s.size && b(e, "", s.size)), i = a(() => s.disabled && `${e}--disabled`);
+    return {
+      style: p(),
+      modifierClass: o,
+      sizeClass: n,
+      disabledClass: i,
+      mapClasses: C
+    };
+  }
+});
+function y(s, e, o, n, i, z) {
+  return c(), m("div", {
+    class: l(s.style["cdr-label-wrapper__container"])
+  }, [r("label", {
+    class: l(s.mapClasses(s.style, "cdr-label-wrapper", `cdr-label-wrapper--${s.background}`, s.disabledClass, s.modifierClass, s.sizeClass).concat(` ${s.labelClass || ""}`))
+  }, [t(s.$slots, "input"), r("span", {
+    class: l(s.style["cdr-label-wrapper__figure"])
+  }, null, 2), r("span", {
+    class: l([s.style["cdr-label-wrapper__content"], s.contentClass])
+  }, [t(s.$slots, "default")], 2)], 2)], 2);
+}
+const w = {
+  $style: u
+}, E = /* @__PURE__ */ $(g, [["render", y], ["__cssModules", w]]);
+export {
+  E as default
+};

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

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

package/dist/src/components/link/CdrLink.vue.mjs

@@ -0,0 +1,60 @@
+import { defineComponent as n, computed as r, useCssModule as i, openBlock as d, createBlock as f, resolveDynamicComponent as m, normalizeClass as u, withCtx as c, renderSlot as C } from "vue";
+import p from "../../utils/mapClasses.mjs";
+import g from "../../utils/propValidator.mjs";
+import h from "./styles/CdrLink.module.scss.mjs";
+import y from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const $ = n({
+  name: "CdrLink",
+  props: {
+    tag: {
+      type: String,
+      default: "a"
+    },
+    href: {
+      type: String,
+      default: "#"
+    },
+    inheritColor: {
+      type: Boolean,
+      default: !1
+    },
+    modifier: {
+      type: String,
+      default: "",
+      validator: (e) => g(e, ["", "standalone"])
+    },
+    /** @ignore */
+    target: String,
+    /** @ignore */
+    rel: String
+  },
+  setup(e) {
+    const t = "cdr-link", o = r(() => e.tag === "a" ? e.href : null), s = r(() => e.target === "_blank" ? e.rel || "noopener noreferrer" : e.rel), l = r(() => e.modifier && `${t}--${e.modifier}`), a = r(() => e.inheritColor && "cdr-link--inherit-color");
+    return {
+      style: i(),
+      baseClass: t,
+      computedHref: o,
+      computedRel: s,
+      modifierClass: l,
+      inheritColorClass: a,
+      mapClasses: p
+    };
+  }
+});
+function k(e, t, o, s, l, a) {
+  return d(), f(m(e.tag), {
+    class: u(e.mapClasses(e.style, e.baseClass, e.modifierClass, e.inheritColorClass)),
+    target: e.target,
+    rel: e.computedRel,
+    href: e.computedHref
+  }, {
+    default: c(() => [C(e.$slots, "default")]),
+    _: 3
+  }, 8, ["class", "target", "rel", "href"]);
+}
+const S = {
+  $style: h
+}, L = /* @__PURE__ */ y($, [["render", k], ["__cssModules", S]]);
+export {
+  L as default
+};

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

@@ -0,0 +1,8 @@
+const n = {
+  "cdr-link": "cdr-link_13-4-1",
+  "cdr-link--standalone": "cdr-link--standalone_13-4-1",
+  "cdr-link--inherit-color": "cdr-link--inherit-color_13-4-1"
+};
+export {
+  n as default
+};

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

@@ -0,0 +1,44 @@
+import { defineComponent as a, useCssModule as n, computed as d, openBlock as m, createBlock as p, resolveDynamicComponent as c, normalizeClass as f, withCtx as u, renderSlot as C } from "vue";
+import i from "../../utils/propValidator.mjs";
+import $ from "./styles/CdrList.module.scss.mjs";
+import y from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = a({
+  name: "CdrList",
+  props: {
+    /**
+     * Tag accepts a user defined element and expects either: 'ul' = Unordered List or 'ol' = Ordered List.
+     */
+    tag: {
+      type: String,
+      default: "ul",
+      validator: (e) => i(e, ["ul", "ol"])
+    },
+    modifier: {
+      type: String,
+      default: "",
+      validator: (e) => i(e, ["", "ordered", "unordered", "compact", "inline"])
+    }
+  },
+  setup(e) {
+    const s = "cdr-list", o = n(), t = d(() => e.modifier.split(" ").map((r) => o[`${s}--${r}`]));
+    return {
+      style: o,
+      baseClass: s,
+      modifierClasses: t
+    };
+  }
+});
+function g(e, s, o, t, l, r) {
+  return m(), p(c(e.tag), {
+    class: f([e.style[e.baseClass], e.modifierClasses])
+  }, {
+    default: u(() => [C(e.$slots, "default")]),
+    _: 3
+  }, 8, ["class"]);
+}
+const v = {
+  $style: $
+}, k = /* @__PURE__ */ y(_, [["render", g], ["__cssModules", v]]);
+export {
+  k as default
+};

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

@@ -0,0 +1,10 @@
+const d = {
+  "cdr-list": "cdr-list_13-4-1",
+  "cdr-list--compact": "cdr-list--compact_13-4-1",
+  "cdr-list--ordered": "cdr-list--ordered_13-4-1",
+  "cdr-list--unordered": "cdr-list--unordered_13-4-1",
+  "cdr-list--inline": "cdr-list--inline_13-4-1"
+};
+export {
+  d as default
+};