@rei/cedar 13.4.0-alpha.1 → 13.4.1

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

@@ -0,0 +1,28 @@
+import { defineComponent as n, resolveComponent as r, openBlock as t, createBlock as a, normalizeProps as p, guardReactiveProps as c, withCtx as l, renderSlot as s, createElementVNode as i } from "vue";
+import d from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = n({
+  name: "WarningFill",
+  components: {
+    CdrIcon: d
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ i("path", {
+  role: "presentation",
+  d: "M12.447 3.11a1 1 0 01.447.448l8.002 15.995A1 1 0 0120.002 21H3.998a1 1 0 01-.894-1.447l8.002-15.995a1 1 0 011.341-.447zM12 17a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm.22-9.5h-.47a1 1 0 00-.966.913l-.004.116.191 6.5a1 1 0 00.886.965l.114.006h.058a1 1 0 00.99-.857l.01-.114.19-6.5.001-.029a1 1 0 00-1-1z"
+}, null, -1);
+function u(o, h, $, z, C, g) {
+  const e = r("cdr-icon");
+  return t(), a(e, p(c(o.props)), {
+    default: l(() => [s(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const x = /* @__PURE__ */ m(_, [["render", u]]);
+export {
+  x as default
+};

package/dist/src/components/icon/comps/warning-stroke.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as r, resolveComponent as t, openBlock as n, createBlock as p, normalizeProps as a, guardReactiveProps as c, withCtx as s, renderSlot as i, createElementVNode as l } from "vue";
+import d from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = r({
+  name: "WarningStroke",
+  components: {
+    CdrIcon: d
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ l("path", {
+  role: "presentation",
+  d: "M11.106 3.558a1 1 0 011.788 0l8.002 15.995A1 1 0 0120.002 21H3.998a1 1 0 01-.894-1.447zM12 6.24L5.617 19h12.766L12 6.24zM12 16a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm.199-6a1 1 0 01.998 1.05l-.15 3a1 1 0 01-.998.95h-.098a1 1 0 01-.998-.95l-.15-3A1 1 0 0111.8 10h.398z"
+}, null, -1);
+function u(o, h, z, $, k, C) {
+  const e = t("cdr-icon");
+  return n(), p(e, a(c(o.props)), {
+    default: s(() => [i(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const v = /* @__PURE__ */ m(_, [["render", u]]);
+export {
+  v as default
+};

package/dist/src/components/icon/comps/water.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 m, createElementVNode as d } from "vue";
+import i from "../CdrIcon.vue.mjs";
+import l from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "Water",
+  components: {
+    CdrIcon: i
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ d("path", {
+  role: "presentation",
+  d: "M20.218 16.384a1 1 0 011.576 1.23c-1.334 1.71-3.301 2.349-5.306 2.349-.75 0-1.504-.131-2.232-.405-.954-.36-1.821-.83-2.81-1.53-.01-.006-.015-.017-.024-.023-.846-.596-1.547-.98-2.338-1.276-1.855-.697-4.005-.071-5.297 1.587a.995.995 0 01-1.402.173.999.999 0 01-.173-1.403c1.833-2.35 4.899-3.235 7.575-2.23.953.359 1.82.83 2.81 1.53.01.007.014.017.023.024.846.595 1.547.978 2.339 1.276 1.853.695 3.967.355 5.26-1.302h-.001zm0-10.447a1 1 0 011.576 1.23c-1.334 1.71-3.301 2.35-5.306 2.35-.75 0-1.504-.132-2.232-.406-.954-.36-1.821-.83-2.81-1.53-.01-.006-.015-.017-.024-.023-.846-.596-1.547-.98-2.338-1.276-1.855-.697-4.005-.07-5.297 1.587a.995.995 0 01-1.402.173.999.999 0 01-.173-1.403c1.833-2.35 4.899-3.235 7.575-2.23.953.359 1.82.83 2.81 1.53.01.007.014.017.023.024.846.595 1.547.978 2.339 1.276 1.853.695 3.967.355 5.26-1.302h-.001zm0 5.223a1 1 0 011.576 1.23c-1.334 1.71-3.301 2.35-5.306 2.35-.75 0-1.504-.132-2.232-.406-.954-.36-1.821-.83-2.81-1.53-.01-.006-.015-.017-.024-.023-.846-.596-1.547-.98-2.338-1.276-1.855-.697-4.005-.07-5.297 1.588a.995.995 0 01-1.402.173.999.999 0 01-.173-1.403c1.833-2.35 4.899-3.236 7.575-2.23.953.358 1.82.83 2.81 1.53.01.006.014.016.023.023.846.595 1.547.978 2.339 1.276 1.853.695 3.967.355 5.26-1.302h-.001z"
+}, null, -1);
+function u(o, h, $, z, C, k) {
+  const e = r("cdr-icon");
+  return n(), c(e, p(a(o.props)), {
+    default: s(() => [m(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const B = /* @__PURE__ */ l(_, [["render", u]]);
+export {
+  B as default
+};

package/dist/src/components/icon/comps/wilderness.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as r, resolveComponent as t, openBlock as n, createBlock as a, normalizeProps as s, guardReactiveProps as c, withCtx as p, renderSlot as d, createElementVNode as i } from "vue";
+import l from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const h = r({
+  name: "Wilderness",
+  components: {
+    CdrIcon: l
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), _ = /* @__PURE__ */ i("path", {
+  role: "presentation",
+  d: "M12.707 2.293A.997.997 0 0113 3v1a3 3 0 003 3h1a1 1 0 010 2h-1a4.978 4.978 0 01-3-1 3 3 0 003 3h2a1 1 0 110 2h-2a4.978 4.978 0 01-3-1 3 3 0 003 3h3a1 1 0 110 2h-3a4.978 4.978 0 01-3-1v5a1 1 0 01-2 0v-5c-.836.628-1.874 1-3 1H5a1 1 0 010-2h3a3 3 0 003-3c-.836.628-1.874 1-3 1H6a1 1 0 010-2h2a3 3 0 003-3c-.836.628-1.874 1-3 1H7a1 1 0 110-2h1a3 3 0 003-3V3a1 1 0 011.707-.707z"
+}, null, -1);
+function f(e, u, v, $, C, H) {
+  const o = t("cdr-icon");
+  return n(), a(o, s(c(e.props)), {
+    default: p(() => [d(e.$slots, "default"), _]),
+    _: 3
+  }, 16);
+}
+const z = /* @__PURE__ */ m(h, [["render", f]]);
+export {
+  z as default
+};

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

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as r, openBlock as n, createBlock as p, normalizeProps as c, 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 _ = t({
+  name: "XFill",
+  components: {
+    CdrIcon: d
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ i("path", {
+  role: "presentation",
+  d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zM7.293 7.296a1 1 0 000 1.414l3.285 3.295-3.285 3.288a1 1 0 001.414 1.415l3.285-3.289 3.297 3.289a1 1 0 001.414-1.415l-3.297-3.287 3.297-3.296a1 1 0 10-1.414-1.414l-3.297 3.295-3.285-3.295a1 1 0 00-1.414 0z"
+}, null, -1);
+function u(o, $, h, C, x, z) {
+  const e = r("cdr-icon");
+  return n(), p(e, c(s(o.props)), {
+    default: a(() => [l(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const F = /* @__PURE__ */ m(_, [["render", u]]);
+export {
+  F as default
+};

package/dist/src/components/icon/comps/x-lg.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as n, openBlock as r, createBlock as p, normalizeProps as c, guardReactiveProps as s, withCtx as a, renderSlot as l, createElementVNode as d } from "vue";
+import i from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "XLg",
+  components: {
+    CdrIcon: i
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ d("path", {
+  role: "presentation",
+  d: "M13.415 12.006l5.295-5.292a1 1 0 00-1.414-1.415L12 10.591 6.71 5.296A1 1 0 005.295 6.71l5.292 5.295-5.295 5.292a1 1 0 101.414 1.414l5.295-5.292 5.292 5.295a1 1 0 001.414-1.414l-5.292-5.294z"
+}, null, -1);
+function u(o, $, h, C, g, L) {
+  const e = n("cdr-icon");
+  return r(), p(e, c(s(o.props)), {
+    default: a(() => [l(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const z = /* @__PURE__ */ m(_, [["render", u]]);
+export {
+  z as default
+};

package/dist/src/components/icon/comps/x-sm.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as n, openBlock as r, createBlock as p, normalizeProps as c, guardReactiveProps as s, withCtx as a, renderSlot as l, createElementVNode as m } from "vue";
+import d from "../CdrIcon.vue.mjs";
+import i from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "XSm",
+  components: {
+    CdrIcon: d
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ m("path", {
+  role: "presentation",
+  d: "M13.406 12.006l3.297-3.296a1 1 0 10-1.414-1.414l-3.297 3.295-3.285-3.295A1 1 0 107.293 8.71l3.285 3.295-3.285 3.288a1 1 0 001.414 1.415l3.285-3.289 3.297 3.289a1 1 0 001.414-1.415l-3.297-3.287z"
+}, null, -1);
+function u(o, $, h, C, S, k) {
+  const e = n("cdr-icon");
+  return r(), p(e, c(s(o.props)), {
+    default: a(() => [l(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const B = /* @__PURE__ */ i(_, [["render", u]]);
+export {
+  B as default
+};

package/dist/src/components/icon/comps/x-stroke.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as r, openBlock as n, createBlock as p, normalizeProps as s, guardReactiveProps as c, withCtx as a, renderSlot as l, createElementVNode as m } from "vue";
+import d from "../CdrIcon.vue.mjs";
+import i from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "XStroke",
+  components: {
+    CdrIcon: d
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ m("path", {
+  role: "presentation",
+  d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm1.406-7.998l3.297-3.295a1 1 0 10-1.414-1.414l-3.297 3.295-3.285-3.295a1 1 0 00-1.414 1.414l3.285 3.294-3.285 3.289a1 1 0 001.414 1.414l3.285-3.288 3.297 3.288a1 1 0 001.414-1.414l-3.297-3.288z"
+}, null, -1);
+function u(o, C, $, h, k, z) {
+  const e = r("cdr-icon");
+  return n(), p(e, s(c(o.props)), {
+    default: a(() => [l(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const B = /* @__PURE__ */ i(_, [["render", u]]);
+export {
+  B as default
+};

package/dist/src/components/icon/comps/youtube.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 d, createElementVNode as l } from "vue";
+import i from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const u = t({
+  name: "Youtube",
+  components: {
+    CdrIcon: i
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), _ = /* @__PURE__ */ l("path", {
+  role: "presentation",
+  d: "M18.941 5.225s1.716.06 2.387 1.336c0 0 .67.925.67 5.439v.041c.004.352.018 2.86-.277 4.239-.318 1.485-1.02 1.92-1.02 1.92s-.45.433-1.443.551c-.993.119-4.213.249-7.273.249 0 0-5.603-.003-7.49-.313-1.82-.298-2.13-1.936-2.15-2.052l-.01-.06c-.084-.514-.715-4.683.008-9.198 0 0 .224-1.926 2.479-2.152 0 0 2.318-.213 6.795-.225h.368c4.717 0 6.956.225 6.956.225zM9.925 9.143v5.495l5.469-2.747-5.469-2.748z"
+}, null, -1);
+function f(o, h, $, v, C, b) {
+  const e = r("cdr-icon");
+  return n(), c(e, p(s(o.props)), {
+    default: a(() => [d(o.$slots, "default"), _]),
+    _: 3
+  }, 16);
+}
+const y = /* @__PURE__ */ m(u, [["render", f]]);
+export {
+  y as default
+};

package/dist/src/components/icon/comps/zoom-in.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as n, openBlock as r, createBlock as p, normalizeProps as a, guardReactiveProps as c, withCtx as s, renderSlot as m, createElementVNode as d } from "vue";
+import l from "../CdrIcon.vue.mjs";
+import i from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "ZoomIn",
+  components: {
+    CdrIcon: l
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ d("path", {
+  role: "presentation",
+  d: "M10.5 3a7.5 7.5 0 015.963 12.05l4.247 4.242a1 1 0 01-1.415 1.414l-4.246-4.243A7.5 7.5 0 1110.5 3zm0 2a5.5 5.5 0 100 11 5.5 5.5 0 000-11zm0 1.5a.75.75 0 01.75.75v2.5h2.5a.75.75 0 110 1.5h-2.5v2.5a.75.75 0 11-1.5 0v-2.5h-2.5a.75.75 0 110-1.5h2.5v-2.5a.75.75 0 01.75-.75z"
+}, null, -1);
+function h(o, u, v, z, $, C) {
+  const e = n("cdr-icon");
+  return r(), p(e, a(c(o.props)), {
+    default: s(() => [m(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const B = /* @__PURE__ */ i(_, [["render", h]]);
+export {
+  B as default
+};

package/dist/src/components/icon/comps/zoom-out.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as r, openBlock as n, createBlock as p, normalizeProps as c, guardReactiveProps as s, withCtx as a, renderSlot as m, createElementVNode as d } from "vue";
+import l from "../CdrIcon.vue.mjs";
+import i from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "ZoomOut",
+  components: {
+    CdrIcon: l
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ d("path", {
+  role: "presentation",
+  d: "M20.706 19.296a1 1 0 01-1.414 1.414l-4.243-4.247a7.5 7.5 0 111.414-1.414l4.243 4.247zM10.5 16a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM7.25 9.75h6.5a.75.75 0 110 1.5h-6.5a.75.75 0 110-1.5z"
+}, null, -1);
+function u(o, h, z, $, C, M) {
+  const e = r("cdr-icon");
+  return n(), p(e, c(s(o.props)), {
+    default: a(() => [m(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const x = /* @__PURE__ */ i(_, [["render", u]]);
+export {
+  x as default
+};

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

@@ -0,0 +1,17 @@
+const c = {
+  "cdr-icon": "cdr-icon_13-4-1",
+  "cdr-icon--small": "cdr-icon--small_13-4-1",
+  "cdr-icon--large": "cdr-icon--large_13-4-1",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_13-4-1",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_13-4-1",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_13-4-1",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_13-4-1",
+  "cdr-icon--small@md": "cdr-icon--small@md_13-4-1",
+  "cdr-icon--large@md": "cdr-icon--large@md_13-4-1",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_13-4-1",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_13-4-1",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_13-4-1"
+};
+export {
+  c as default
+};

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

@@ -0,0 +1,114 @@
+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: {
+    /**
+    * Required. Image source url.
+    */
+    src: {
+      type: String,
+      required: !0
+    },
+    /**
+    * Required. Image alt text.
+    */
+    alt: {
+      type: String,
+      default: ""
+    },
+    /**
+    * Aspect ratio of the media container. {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}
+    */
+    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}
+    */
+    radius: {
+      type: String,
+      validator: (s) => ["circle", "rounded"].indexOf(s) >= 0 || !1
+    },
+    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]]);
+export {
+  V as default
+};

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

@@ -0,0 +1,13 @@
+const r = {
+  "cdr-image": "cdr-image_13-4-1",
+  "cdr-image--responsive": "cdr-image--responsive_13-4-1",
+  "cdr-image--rounded": "cdr-image--rounded_13-4-1",
+  "cdr-image--circle": "cdr-image--circle_13-4-1",
+  "cdr-image-ratio": "cdr-image-ratio_13-4-1",
+  "cdr-image-ratio__cover": "cdr-image-ratio__cover_13-4-1",
+  "cdr-image-ratio__cover--crop": "cdr-image-ratio__cover--crop_13-4-1",
+  "cdr-image-ratio__cover--cover": "cdr-image-ratio__cover--cover_13-4-1"
+};
+export {
+  r as default
+};