@rei/cedar 13.5.3 → 14.0.0-beta.0

package/dist/src/components/icon/styles/CdrIcon.module.scss.mjs

@@ -1,16 +1,16 @@
 const c = {
-  "cdr-icon": "cdr-icon_13-5-3",
-  "cdr-icon--small": "cdr-icon--small_13-5-3",
-  "cdr-icon--large": "cdr-icon--large_13-5-3",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_13-5-3",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_13-5-3",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_13-5-3",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_13-5-3",
-  "cdr-icon--small@md": "cdr-icon--small@md_13-5-3",
-  "cdr-icon--large@md": "cdr-icon--large@md_13-5-3",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_13-5-3",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_13-5-3",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_13-5-3"
+  "cdr-icon": "cdr-icon_14-0-0-beta-0",
+  "cdr-icon--small": "cdr-icon--small_14-0-0-beta-0",
+  "cdr-icon--large": "cdr-icon--large_14-0-0-beta-0",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_14-0-0-beta-0",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_14-0-0-beta-0",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_14-0-0-beta-0",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_14-0-0-beta-0",
+  "cdr-icon--small@md": "cdr-icon--small@md_14-0-0-beta-0",
+  "cdr-icon--large@md": "cdr-icon--large@md_14-0-0-beta-0",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_14-0-0-beta-0",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_14-0-0-beta-0",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_14-0-0-beta-0"
 };
 export {
   c as default

package/dist/src/components/image/CdrImg.vue.mjs

@@ -1,125 +1,9 @@
-import { defineComponent as g, computed as e, useCssModule as v, openBlock as n, createElementBlock as c, normalizeStyle as $, normalizeClass as b, createElementVNode as S, mergeProps as d } from "vue";
-import O from "../../utils/mapClasses.mjs";
-import j from "../../utils/propValidator.mjs";
-import h from "./styles/CdrImg.module.scss.mjs";
-import k from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const P = g({
-  name: "CdrImg",
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Image source url.
-     */
-    src: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Image alt text. Defaults to an empty string
-     */
-    alt: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Aspect ratio of the media container
-    * @demoSelectMultiple false
-    * @values auto, square, 1-2, 2-3, 3-4, 9-16, 2-1, 3-2, 4-3, 16-9
-    */
-    ratio: {
-      type: String,
-      validator: (s) => ["auto", "square", "1-2", "2-3", "3-4", "9-16", "2-1", "3-2", "4-3", "16-9"].indexOf(s) >= 0 || !1
-    },
-    /**
-    * Requires a `ratio`. Area to crop the image overflow to. {left, center, right} {top, center, bottom}
-    * @demoSelectMultiple false
-    * @values left, x-center, right, top, y-center, bottom
-    */
-    crop: {
-      type: String
-    },
-    /**
-    * Requires a `ratio`. Scale the image to be as large as possible to fill the area (background-position: cover;)
-    */
-    cover: {
-      type: Boolean
-    },
-    /**
-    * Adds a custom class to the cdr-img__ratio container div
-    */
-    containerClass: String,
-    /**
-    * Sets a border radius to an element {square, top, right, bottom, left}
-    * @demoSelectMultiple false
-    * @values circle, rounded
-    */
-    radius: {
-      type: String,
-      validator: (s) => ["circle", "rounded"].indexOf(s) >= 0 || !1
-    },
-    /**
-     * Modifies the style variant for this component.
-     * @demoSelectMultiple false
-     * @values responsive
-     */
-    modifier: {
-      type: String,
-      default: "",
-      validator: (s) => j(s, ["", "responsive"])
-    }
-  },
-  setup(s) {
-    const r = "cdr-image", t = "cdr-image-ratio", a = "cdr-image-ratio__cover", i = e(() => s.modifier && `${r}--${s.modifier}`), l = e(() => s.radius && `${r}--${s.radius}`), m = e(() => ({
-      objectPosition: s.crop
-    })), u = e(() => {
-      let o;
-      if (s.ratio === "square")
-        o = "100%";
-      else if (s.ratio === "auto")
-        o = "0";
-      else {
-        const [p, y] = s.ratio.split("-");
-        o = `${y / p * 100}%`;
-      }
-      return {
-        "--ratio": o
-      };
-    }), C = e(() => s.crop && `${a}--crop`), f = e(() => s.cover && `${a}--cover`);
-    return {
-      style: v(),
-      mapClasses: O,
-      baseClass: r,
-      ratioClass: t,
-      coverWrapperClass: a,
-      modifierClass: i,
-      radiusClass: l,
-      cropObject: m,
-      ratioObject: u,
-      cropClass: C,
-      coverClass: f
-    };
-  }
-}), q = ["src", "alt"], B = ["src", "alt"];
-function M(s, r, t, a, i, l) {
-  return s.ratio ? (n(), c("div", {
-    key: 0,
-    style: $(s.ratioObject),
-    class: b([s.style[s.ratioClass], s.containerClass])
-  }, [S("img", d({
-    style: s.cropObject,
-    class: s.mapClasses(s.style, s.baseClass, s.modifierClass, s.radiusClass, s.coverWrapperClass, s.cropClass, s.coverClass),
-    src: s.src,
-    alt: s.alt
-  }, s.$attrs), null, 16, q)], 6)) : (n(), c("img", d({
-    key: 1,
-    class: s.mapClasses(s.style, s.baseClass, s.modifierClass, s.radiusClass),
-    src: s.src,
-    alt: s.alt
-  }, s.$attrs), null, 16, B));
-}
-const z = {
-  $style: h
-}, V = /* @__PURE__ */ k(P, [["render", M], ["__cssModules", z]]);
+import s from "./CdrImg.vue2.mjs";
+import o from "./styles/CdrImg.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
 export {
-  V as default
+  f as default
 };

package/dist/src/components/image/CdrImg.vue2.mjs

@@ -0,0 +1,107 @@
+import { defineComponent as S, useCssModule as b, computed as a, openBlock as u, createElementBlock as m, normalizeStyle as h, normalizeClass as k, unref as s, createElementVNode as O, mergeProps as f } from "vue";
+import p from "../../utils/mapClasses.mjs";
+import P from "../../utils/propValidator.mjs";
+const j = ["src", "alt"], q = ["src", "alt"], o = "cdr-image", x = "cdr-image-ratio", l = "cdr-image-ratio__cover", I = /* @__PURE__ */ S({
+  name: "CdrImg",
+  inheritAttrs: !1,
+  __name: "CdrImg",
+  props: {
+    /**
+     * Image source url.
+     */
+    src: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Image alt text. Defaults to an empty string
+     */
+    alt: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Aspect ratio of the media container
+    * @demoSelectMultiple false
+    * @values auto, square, 1-2, 2-3, 3-4, 9-16, 2-1, 3-2, 4-3, 16-9
+    */
+    ratio: {
+      type: String,
+      default: "",
+      validator: (e) => ["auto", "square", "1-2", "2-3", "3-4", "9-16", "2-1", "3-2", "4-3", "16-9"].indexOf(e) >= 0 || !1
+    },
+    /**
+    * Requires a `ratio`. Area to crop the image overflow to. {left, center, right} {top, center, bottom}
+    * @demoSelectMultiple false
+    * @values left, x-center, right, top, y-center, bottom
+    */
+    crop: {
+      type: String
+    },
+    /**
+    * Requires a `ratio`. Scale the image to be as large as possible to fill the area (background-position: cover;)
+    */
+    cover: {
+      type: Boolean
+    },
+    /**
+    * Adds a custom class to the cdr-img__ratio container div
+    */
+    containerClass: String,
+    /**
+    * Sets a border radius to an element {square, top, right, bottom, left}
+    * @demoSelectMultiple false
+    * @values circle, rounded
+    */
+    radius: {
+      type: String,
+      validator: (e) => ["circle", "rounded"].indexOf(e) >= 0 || !1
+    },
+    /**
+     * Modifies the style variant for this component.
+     * @demoSelectMultiple false
+     * @values responsive
+     */
+    modifier: {
+      type: String,
+      default: "",
+      validator: (e) => P(e, ["", "responsive"])
+    }
+  },
+  setup(e) {
+    const t = e, i = b(), c = a(() => t.modifier ? `${o}--${t.modifier}` : ""), n = a(() => t.radius ? `${o}--${t.radius}` : ""), v = a(() => ({
+      objectPosition: t.crop
+    })), g = a(() => {
+      let r;
+      if (t.ratio === "square")
+        r = "100%";
+      else if (t.ratio === "auto")
+        r = "0";
+      else {
+        const [d, $] = t.ratio.split("-");
+        r = `${+$ / +d * 100}%`;
+      }
+      return {
+        "--ratio": r
+      };
+    }), C = a(() => t.crop ? `${l}--crop` : ""), y = a(() => t.cover ? `${l}--cover` : "");
+    return (r, d) => e.ratio ? (u(), m("div", {
+      key: 0,
+      style: h(g.value),
+      class: k([s(i)[x], e.containerClass])
+    }, [O("img", f({
+      style: v.value,
+      class: s(p)(s(i), o, c.value, n.value, l, C.value, y.value),
+      src: e.src,
+      alt: e.alt
+    }, r.$attrs), null, 16, j)], 6)) : (u(), m("img", f({
+      key: 1,
+      class: s(p)(s(i), o, c.value, n.value),
+      src: e.src,
+      alt: e.alt
+    }, r.$attrs), null, 16, q));
+  }
+});
+export {
+  I as default
+};

package/dist/src/components/image/styles/CdrImg.module.scss.mjs

@@ -1,13 +1,13 @@
-const r = {
-  "cdr-image": "cdr-image_13-5-3",
-  "cdr-image--responsive": "cdr-image--responsive_13-5-3",
-  "cdr-image--rounded": "cdr-image--rounded_13-5-3",
-  "cdr-image--circle": "cdr-image--circle_13-5-3",
-  "cdr-image-ratio": "cdr-image-ratio_13-5-3",
-  "cdr-image-ratio__cover": "cdr-image-ratio__cover_13-5-3",
-  "cdr-image-ratio__cover--crop": "cdr-image-ratio__cover--crop_13-5-3",
-  "cdr-image-ratio__cover--cover": "cdr-image-ratio__cover--cover_13-5-3"
+const e = {
+  "cdr-image": "cdr-image_14-0-0-beta-0",
+  "cdr-image--responsive": "cdr-image--responsive_14-0-0-beta-0",
+  "cdr-image--rounded": "cdr-image--rounded_14-0-0-beta-0",
+  "cdr-image--circle": "cdr-image--circle_14-0-0-beta-0",
+  "cdr-image-ratio": "cdr-image-ratio_14-0-0-beta-0",
+  "cdr-image-ratio__cover": "cdr-image-ratio__cover_14-0-0-beta-0",
+  "cdr-image-ratio__cover--crop": "cdr-image-ratio__cover--crop_14-0-0-beta-0",
+  "cdr-image-ratio__cover--cover": "cdr-image-ratio__cover--cover_14-0-0-beta-0"
 };
 export {
-  r as default
+  e as default
 };

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

@@ -1,247 +1,9 @@
-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: {
-    /**
-     * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be randomly generated.
-    */
-    id: {
-      type: String
-    },
-    /**
-     *  'type' attribute for the input as defined by w3c.
-     *  Only supporting text|email|number|password|search|url|date.
-     *  The increment/decrement webkit psuedo element is hidden for number.
-     *  @demoSelectMultiple false
-     *  @values text, email, number, password, search, url, tel, date
-    */
-    type: {
-      type: [String],
-      default: "text",
-      validator: (e) => O(e, ["text", "email", "number", "password", "search", "url", "tel", "date"])
-    },
-    /**
-     * Sets the text value for the input label. Required for a11y compliance. Use ‘hideLabel’ if the label display is not desired. Required.
-    */
-    label: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Sets default attributes for an input that should launch a numeric keyboard but is not strictly a 'number' (credit card, security code, postal code, etc.). Should be used in conjunction with the default text type input. An `input` listener can be used to fully restrict input values to numerical characters only
-     */
-    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,
-    /**
-     * Sets the background color the input is rendered on
-     * @values primary, secondary
-     */
-    background: Q,
-    /**
-     * Sets the input field size
-    * @demoSelectMultiple false
-    * @values medium, large
-    */
-    size: K,
-    /**
-     * Sets the `role` attribute for the embedded error state messaging.
-     */
-    errorRole: {
-      type: String,
-      required: !1,
-      default: "status"
-    },
-    /** Sets the input to an error state, displays the `error` slot if one is present. */
-    error: {
-      type: [Boolean, String],
-      default: !1
-    },
-    /**
-     * Sets the disabled state for the input field and label styling. Also, restricts user input.
-     */
-    disabled: Boolean,
-    /**
-     * Sets aria-required on the input field and displays an asterisk next to the input label.
-     */
-    required: Boolean,
-    /**
-     * Displays '(optional)' text next to the input label.
-     */
-    optional: Boolean,
-    /** @ignore */
-    modelValue: {
-      type: [String, Number, Function]
-    },
-    /** Adds a custom class to the cdr-label-standalone wrapping div */
-    labelClass: String
-  },
-  emits: {
-    /**
-     * Event emitted by v-model on the <input> element
-     * @param modelValue
-     */
-    "update:modelValue": null
-  },
-  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]]);
+import s from "./CdrInput.vue2.mjs";
+import o from "./styles/CdrInput.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
 export {
-  be as default
+  f as default
 };