@rei/cedar 13.4.0-alpha.1 → 13.4.1

package/dist/src/components/popover/styles/CdrPopover.module.scss.mjs

@@ -0,0 +1,68 @@
+const r = {
+  "cdr-popup": "cdr-popup_13-4-1",
+  "cdr-popup--open": "cdr-popup--open_13-4-1",
+  "cdr-popup--closed": "cdr-popup--closed_13-4-1",
+  "cdr-popup__content": "cdr-popup__content_13-4-1",
+  "cdr-popup__arrow": "cdr-popup__arrow_13-4-1",
+  "cdr-popup--top": "cdr-popup--top_13-4-1",
+  "cdr-popup--bottom": "cdr-popup--bottom_13-4-1",
+  "cdr-popup--exit": "cdr-popup--exit_13-4-1",
+  "cdr-popup--corner-left": "cdr-popup--corner-left_13-4-1",
+  "cdr-popup--corner-right": "cdr-popup--corner-right_13-4-1",
+  "cdr-popup--left": "cdr-popup--left_13-4-1",
+  "cdr-popup--right": "cdr-popup--right_13-4-1",
+  "cdr-popup--corner-top": "cdr-popup--corner-top_13-4-1",
+  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_13-4-1",
+  "cdr-button": "cdr-button_13-4-1",
+  "cdr-button--has-icon-left": "cdr-button--has-icon-left_13-4-1",
+  "cdr-button--has-icon-right": "cdr-button--has-icon-right_13-4-1",
+  "cdr-button--primary": "cdr-button--primary_13-4-1",
+  "cdr-button--secondary": "cdr-button--secondary_13-4-1",
+  "cdr-button--dark": "cdr-button--dark_13-4-1",
+  "cdr-button--sale": "cdr-button--sale_13-4-1",
+  "cdr-button--link": "cdr-button--link_13-4-1",
+  "cdr-button--large": "cdr-button--large_13-4-1",
+  "cdr-button--medium": "cdr-button--medium_13-4-1",
+  "cdr-button--small": "cdr-button--small_13-4-1",
+  "cdr-button--icon-only": "cdr-button--icon-only_13-4-1",
+  "cdr-button--icon-only-large": "cdr-button--icon-only-large_13-4-1",
+  "cdr-button--with-background": "cdr-button--with-background_13-4-1",
+  "cdr-button--full-width": "cdr-button--full-width_13-4-1",
+  "cdr-button--small@xs": "cdr-button--small@xs_13-4-1",
+  "cdr-button--medium@xs": "cdr-button--medium@xs_13-4-1",
+  "cdr-button--large@xs": "cdr-button--large@xs_13-4-1",
+  "cdr-button--full-width@xs": "cdr-button--full-width@xs_13-4-1",
+  "cdr-button--small@sm": "cdr-button--small@sm_13-4-1",
+  "cdr-button--medium@sm": "cdr-button--medium@sm_13-4-1",
+  "cdr-button--large@sm": "cdr-button--large@sm_13-4-1",
+  "cdr-button--full-width@sm": "cdr-button--full-width@sm_13-4-1",
+  "cdr-button--small@md": "cdr-button--small@md_13-4-1",
+  "cdr-button--medium@md": "cdr-button--medium@md_13-4-1",
+  "cdr-button--large@md": "cdr-button--large@md_13-4-1",
+  "cdr-button--full-width@md": "cdr-button--full-width@md_13-4-1",
+  "cdr-button--small@lg": "cdr-button--small@lg_13-4-1",
+  "cdr-button--medium@lg": "cdr-button--medium@lg_13-4-1",
+  "cdr-button--large@lg": "cdr-button--large@lg_13-4-1",
+  "cdr-button--full-width@lg": "cdr-button--full-width@lg_13-4-1",
+  "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",
+  "cdr-popover--position": "cdr-popover--position_13-4-1",
+  "cdr-popover--wrapper": "cdr-popover--wrapper_13-4-1",
+  "cdr-popover__title": "cdr-popover__title_13-4-1",
+  "cdr-popover__container": "cdr-popover__container_13-4-1",
+  "cdr-popover__content": "cdr-popover__content_13-4-1",
+  "cdr-popover__close-button": "cdr-popover__close-button_13-4-1"
+};
+export {
+  r as default
+};

package/dist/src/components/popup/CdrPopup.vue.mjs

@@ -0,0 +1,111 @@
+import { defineComponent as H, ref as n, computed as i, watch as w, onMounted as O, onUnmounted as q, useCssModule as A, openBlock as K, createElementBlock as N, normalizeClass as h, createElementVNode as k, mergeProps as U, renderSlot as V, nextTick as m } from "vue";
+import { debounce as W } from "lodash-es";
+import j from "../../utils/propValidator.mjs";
+import D from "./calculatePlacement.mjs";
+import F from "../../utils/mapClasses.mjs";
+import G from "./styles/CdrPopup.module.scss.mjs";
+import I from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const J = H({
+  name: "CdrPopup",
+  inheritAttrs: !1,
+  customOptions: {},
+  props: {
+    opened: {
+      type: Boolean,
+      default: !1
+    },
+    position: {
+      type: String,
+      required: !1,
+      default: "top",
+      validator: (e) => j(e, ["top", "bottom", "left", "right"])
+    },
+    autoPosition: {
+      type: Boolean,
+      default: !0
+    },
+    contentClass: {
+      type: String
+    }
+  },
+  emits: ["closed"],
+  setup(e, v) {
+    const f = "cdr-popup", s = n(e.position), l = n(void 0), t = n(!1), C = n(void 0), a = n(!e.opened), d = n(null), E = n(null), P = i(() => e.opened || t.value ? `cdr-popup--${s.value}` : void 0), $ = i(() => l.value ? `cdr-popup--corner-${l.value}` : void 0), L = i(() => e.opened ? "cdr-popup--open" : void 0), B = i(() => a.value && !t.value ? "cdr-popup--closed" : void 0), b = i(() => t.value ? "cdr-popup--exit" : void 0), c = (o) => {
+      v.emit("closed", o);
+    }, r = (o) => {
+      switch (o.key) {
+        case "Escape":
+        case "Esc":
+          c(o);
+          break;
+      }
+    }, u = (o) => {
+      m(() => {
+        o.target !== d.value && !d.value.contains(o.target) && c(o);
+      });
+    }, g = () => {
+      a.value = !1, m(() => {
+        C.value = d.value.getBoundingClientRect(), a.value = !0;
+      });
+    }, p = () => {
+      W(() => {
+        g();
+      }, 300);
+    }, R = () => {
+      document.addEventListener("keydown", r), document.addEventListener("click", u);
+    }, z = () => {
+      s.value = e.position, l.value = void 0, e.autoPosition && m(() => {
+        const o = E.value.parentElement.getBoundingClientRect(), {
+          innerHeight: S,
+          innerWidth: T
+        } = window, y = D(o, C.value, T, S, e.position);
+        s.value = y.pos, l.value = y.corner;
+      }), a.value = !1, setTimeout(() => {
+        R();
+      }, 1);
+    }, M = () => {
+      a.value = !0, document.removeEventListener("keydown", r), document.removeEventListener("click", u), t.value = !0, setTimeout(() => {
+        t.value = !1;
+      }, 200);
+    };
+    return w(() => e.position, () => s.value = e.position), w(() => e.opened, () => {
+      e.opened ? z() : M();
+    }), O(() => {
+      g(), window.addEventListener("resize", p);
+    }), q(() => {
+      document.removeEventListener("keydown", r), document.removeEventListener("click", u), window.removeEventListener("resize", p);
+    }), {
+      style: A(),
+      mapClasses: F,
+      baseClass: f,
+      positionClass: P,
+      cornerClass: $,
+      openClass: L,
+      closedClass: B,
+      exitingClass: b,
+      closePopup: c,
+      handleClick: u,
+      handleKeydown: r,
+      handleResize: p,
+      popupEl: d,
+      rootEl: E
+    };
+  }
+});
+function Q(e, v, f, s, l, t) {
+  return K(), N("div", {
+    ref: "rootEl",
+    class: h(e.mapClasses(e.style, e.baseClass, e.openClass, e.exitingClass, e.positionClass, e.cornerClass, e.closedClass))
+  }, [k("div", U(e.$attrs, {
+    class: e.mapClasses(e.style, "cdr-popup__content", e.contentClass),
+    ref: "popupEl"
+  }), [V(e.$slots, "default")], 16), k("div", {
+    class: h(e.style["cdr-popup__arrow"])
+  }, null, 2)], 2);
+}
+const X = {
+  $style: G
+}, te = /* @__PURE__ */ I(J, [["render", Q], ["__cssModules", X]]);
+export {
+  te as default
+};

package/dist/src/components/popup/calculatePlacement.mjs

@@ -0,0 +1,27 @@
+function j(e, o, l, n, h) {
+  const b = e.top + e.height / 2, d = e.left + e.width / 2;
+  let f, s;
+  const t = {
+    top: e.top - o.height - 14,
+    bottom: n - e.bottom - o.height - 14,
+    left: e.left - o.width - 14,
+    right: l - e.right - o.width - 14
+  }, r = {
+    left: d - o.width / 2 - 2 <= 0,
+    right: d + o.width / 2 + 2 >= l,
+    top: b - o.height / 2 - 2 <= 0,
+    bottom: b + o.height / 2 + 2 >= n
+  }, m = {
+    top: "bottom",
+    bottom: "top",
+    left: "right",
+    right: "left"
+  }[h], w = Object.keys(t).filter((i) => t[i] > 0), S = Object.keys(t).sort((i, z) => t[i] > t[z] ? -1 : t[i] < t[z] ? 1 : 0);
+  return t[h] > 0 ? f = h : t[m] > 0 ? f = m : w.length ? [f] = w : [f] = S, f === "bottom" || f === "top" ? r.left ? s = "left" : r.right && (s = "right") : r.top ? s = "top" : r.bottom && (s = "bottom"), {
+    pos: f,
+    corner: s
+  };
+}
+export {
+  j as default
+};

package/dist/src/components/popup/styles/CdrPopup.module.scss.mjs

@@ -0,0 +1,19 @@
+const p = {
+  "cdr-popup": "cdr-popup_13-4-1",
+  "cdr-popup--open": "cdr-popup--open_13-4-1",
+  "cdr-popup--closed": "cdr-popup--closed_13-4-1",
+  "cdr-popup__content": "cdr-popup__content_13-4-1",
+  "cdr-popup__arrow": "cdr-popup__arrow_13-4-1",
+  "cdr-popup--top": "cdr-popup--top_13-4-1",
+  "cdr-popup--bottom": "cdr-popup--bottom_13-4-1",
+  "cdr-popup--exit": "cdr-popup--exit_13-4-1",
+  "cdr-popup--corner-left": "cdr-popup--corner-left_13-4-1",
+  "cdr-popup--corner-right": "cdr-popup--corner-right_13-4-1",
+  "cdr-popup--left": "cdr-popup--left_13-4-1",
+  "cdr-popup--right": "cdr-popup--right_13-4-1",
+  "cdr-popup--corner-top": "cdr-popup--corner-top_13-4-1",
+  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_13-4-1"
+};
+export {
+  p as default
+};

package/dist/src/components/quote/CdrQuote.vue.mjs

@@ -0,0 +1,56 @@
+import { defineComponent as d, computed as c, useCssModule as p, openBlock as t, createBlock as f, resolveDynamicComponent as y, normalizeClass as o, withCtx as C, createElementBlock as l, toDisplayString as m, createCommentVNode as n, renderSlot as g } from "vue";
+import $ from "../../utils/mapClasses.mjs";
+import u from "../../utils/propValidator.mjs";
+import k from "./styles/CdrQuote.module.scss.mjs";
+import q from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const S = d({
+  name: "CdrQuote",
+  props: {
+    tag: {
+      type: String,
+      default: "blockquote",
+      validator: (s) => u(s, ["blockquote", "aside", "q", "div"])
+    },
+    modifier: {
+      type: String,
+      default: "",
+      validator: (s) => u(s, ["", "pull"])
+    },
+    /** Caption summary text */
+    summary: String,
+    /** Caption credit text */
+    citation: String
+  },
+  setup(s) {
+    const e = "cdr-quote", a = "cdr-quote__summary", r = "cdr-quote__citation", i = c(() => s.modifier && `${e}--${s.modifier}`);
+    return {
+      style: p(),
+      mapClasses: $,
+      baseClass: e,
+      summaryClass: a,
+      citationClass: r,
+      modifierClass: i
+    };
+  }
+});
+function v(s, e, a, r, i, B) {
+  return t(), f(y(s.tag), {
+    class: o(s.mapClasses(s.style, s.baseClass, s.modifierClass))
+  }, {
+    default: C(() => [s.summary ? (t(), l("p", {
+      key: 0,
+      class: o(s.style[s.summaryClass])
+    }, m(s.summary), 3)) : n("", !0), g(s.$slots, "default"), s.citation ? (t(), l("cite", {
+      key: 1,
+      class: o(s.style[s.citationClass]),
+      tag: "cite"
+    }, m(s.citation), 3)) : n("", !0)]),
+    _: 3
+  }, 8, ["class"]);
+}
+const b = {
+  $style: k
+}, z = /* @__PURE__ */ q(S, [["render", v], ["__cssModules", b]]);
+export {
+  z as default
+};

package/dist/src/components/quote/styles/CdrQuote.module.scss.mjs

@@ -0,0 +1,9 @@
+const t = {
+  "cdr-text": "cdr-text_13-4-1",
+  "cdr-quote": "cdr-quote_13-4-1",
+  "cdr-quote__summary": "cdr-quote__summary_13-4-1",
+  "cdr-quote--pull": "cdr-quote--pull_13-4-1"
+};
+export {
+  t as default
+};

package/dist/src/components/radio/CdrRadio.vue.mjs

@@ -0,0 +1,99 @@
+import { defineComponent as i, computed as d, useCssModule as u, resolveComponent as m, openBlock as p, createBlock as c, normalizeClass as b, withCtx as t, withDirectives as f, createElementVNode as C, mergeProps as g, vModelRadio as y, renderSlot as S } from "vue";
+import V from "../../utils/propValidator.mjs";
+import $ from "../labelWrapper/CdrLabelWrapper.vue.mjs";
+import k from "../../props/size.mjs";
+import v from "../../props/background.mjs";
+import M from "./styles/CdrRadio.module.scss.mjs";
+import z from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const h = i({
+  name: "CdrRadio",
+  components: {
+    CdrLabelWrapper: $
+  },
+  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,
+    /**
+     * Sets the name of the radio. Required.
+    */
+    name: {
+      type: String,
+      required: !0
+    },
+    modifier: {
+      type: String,
+      default: "",
+      validator: (e) => V(e, ["", "hide-figure"])
+    },
+    size: k,
+    // Set which background type the input renders on
+    background: v,
+    /**
+     * Sets the value of the radio. Required.
+    */
+    customValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function]
+    },
+    /** @ignore v-model binding */
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function]
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, o) {
+    const s = "cdr-radio", r = d({
+      get() {
+        return e.modelValue;
+      },
+      set(a) {
+        o.emit("update:modelValue", a);
+      }
+    });
+    return {
+      style: u(),
+      baseClass: s,
+      radioModel: r
+    };
+  }
+}), w = ["name", "value"];
+function B(e, o, s, r, a, A) {
+  const l = m("cdr-label-wrapper");
+  return p(), c(l, {
+    class: b(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: t(() => [f(C("input", g({
+      class: [e.style["cdr-radio__input"], e.inputClass],
+      type: "radio",
+      name: e.name,
+      value: e.customValue
+    }, e.$attrs, {
+      "onUpdate:modelValue": o[0] || (o[0] = (n) => e.radioModel = n)
+    }), null, 16, w), [[y, e.radioModel]])]),
+    default: t(() => [S(e.$slots, "default")]),
+    _: 3
+  }, 8, ["class", "size", "modifier", "label-class", "content-class", "background", "disabled"]);
+}
+const P = {
+  $style: M
+}, E = /* @__PURE__ */ z(h, [["render", B], ["__cssModules", P]]);
+export {
+  E as default
+};

package/dist/src/components/radio/styles/CdrRadio.module.scss.mjs

@@ -0,0 +1,30 @@
+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",
+  "cdr-radio": "cdr-radio_13-4-1",
+  "cdr-radio__input": "cdr-radio__input_13-4-1"
+};
+export {
+  r as default
+};

package/dist/src/components/rating/CdrRating.vue.mjs

@@ -0,0 +1,103 @@
+import { defineComponent as p, computed as t, useCssModule as _, openBlock as r, createBlock as b, resolveDynamicComponent as z, normalizeClass as n, withCtx as M, createElementVNode as u, createElementBlock as s, Fragment as v, renderList as C, createCommentVNode as l, toDisplayString as d } from "vue";
+import R from "../../utils/propValidator.mjs";
+import N from "../../utils/mapClasses.mjs";
+import S from "./styles/CdrRating.module.scss.mjs";
+import B from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const V = p({
+  name: "CdrRating",
+  props: {
+    /**
+     * Rating value (out of 5)
+     */
+    rating: {
+      required: !0,
+      type: [String, Number],
+      default: 0
+    },
+    /**
+     * Total number of ratings
+     */
+    count: {
+      required: !1,
+      type: [String, Number],
+      default: null
+    },
+    /**
+     * Hides the word 'reviews' if true
+     */
+    compact: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Allows the ratings to act as a link
+     */
+    href: {
+      type: String
+    },
+    size: {
+      type: String,
+      default: "medium",
+      validator: (e) => R(e, ["small", "medium", "large"])
+    }
+  },
+  setup(e) {
+    const i = "cdr-rating", c = t(() => e.size && `${i}--${e.size}`), m = t(() => e.href && `${i}--linked`), f = t(() => e.rounded > 0 || e.count > 0 ? "cdr-rating__placeholder" : "cdr-rating__placeholder--no-reviews"), g = t(() => e.href ? "a" : "div"), a = t(() => (Math.round(e.rating * 10) / 10).toFixed(1)), o = t(() => Math.round(e.rating * 4) / 4), y = t(() => Math.floor(o.value)), h = t(() => o.value.toFixed(2).split(".")[1]), $ = t(() => 5 - y.value - (h.value > 0 ? 1 : 0)), w = t(() => e.compact ? `(${e.count})` : `${e.count}`), k = t(() => e.href ? e.count === 0 || e.count === "0" ? "No reviews yet; be the first!" : e.count === null ? `View the reviews with an average rating of ${a.value} out of 5 stars` : `View the ${e.count} reviews with an average rating of ${a.value} out of 5 stars` : e.count === 0 || e.count === "0" ? "0 reviews" : e.count === null ? `Rated ${a.value} out of 5 stars` : `${e.count} reviews with an average rating of ${a.value} out of 5 stars`);
+    return {
+      style: _(),
+      mapClasses: N,
+      baseClass: i,
+      sizeClass: c,
+      linkedClass: m,
+      emptyClass: f,
+      empties: $,
+      formattedCount: w,
+      srText: k,
+      tag: g,
+      displayRating: a,
+      whole: y,
+      remainder: h,
+      rounded: o
+    };
+  }
+}), F = {
+  key: 1
+};
+function q(e, i, c, m, f, g) {
+  return r(), b(z(e.tag), {
+    href: e.href,
+    class: n(e.mapClasses(e.style, e.baseClass, e.sizeClass, e.linkedClass))
+  }, {
+    default: M(() => [u("div", {
+      class: n(e.style["cdr-rating__ratings"])
+    }, [(r(!0), s(v, null, C(Array(e.whole).keys(), (a) => (r(), s("span", {
+      class: n(e.mapClasses(e.style, "cdr-rating__icon", "cdr-rating__100")),
+      key: `rating-whole-${a}`,
+      "aria-hidden": "true"
+    }, null, 2))), 128)), e.remainder !== "00" ? (r(), s("span", {
+      key: 0,
+      class: n(e.mapClasses(e.style, "cdr-rating__icon", `cdr-rating__${e.remainder}`)),
+      "aria-hidden": "true"
+    }, null, 2)) : l("", !0), (r(!0), s(v, null, C(Array(e.empties).keys(), (a) => (r(), s("span", {
+      class: n(e.mapClasses(e.style, "cdr-rating__icon", e.emptyClass)),
+      key: `rating-empty-${a}`,
+      "aria-hidden": "true"
+    }, null, 2))), 128))], 2), e.count !== null ? (r(), s("span", {
+      key: 0,
+      "aria-hidden": "true",
+      class: n(e.style["cdr-rating__count"])
+    }, [e.href ? (r(), s("span", {
+      key: 0,
+      class: n(e.style["cdr-rating__number"])
+    }, d(e.displayRating), 3)) : l("", !0), u("span", null, d(e.formattedCount), 1), e.compact ? l("", !0) : (r(), s("span", F, "  Reviews "))], 2)) : l("", !0), u("span", {
+      class: n(e.style["cdr-rating__caption-sr"])
+    }, d(e.srText), 3)]),
+    _: 1
+  }, 8, ["href", "class"]);
+}
+const A = {
+  $style: S
+}, j = /* @__PURE__ */ B(V, [["render", q], ["__cssModules", A]]);
+export {
+  j as default
+};

package/dist/src/components/rating/styles/CdrRating.module.scss.mjs

@@ -0,0 +1,33 @@
+const r = {
+  "cdr-rating__icon": "cdr-rating__icon_13-4-1",
+  "cdr-rating__count": "cdr-rating__count_13-4-1",
+  "cdr-rating": "cdr-rating_13-4-1",
+  "cdr-rating__number": "cdr-rating__number_13-4-1",
+  "cdr-rating__ratings": "cdr-rating__ratings_13-4-1",
+  "cdr-rating__caption-sr": "cdr-rating__caption-sr_13-4-1",
+  "cdr-rating__placeholder": "cdr-rating__placeholder_13-4-1",
+  "cdr-rating__placeholder--no-reviews": "cdr-rating__placeholder--no-reviews_13-4-1",
+  "cdr-rating__100": "cdr-rating__100_13-4-1",
+  "cdr-rating__75": "cdr-rating__75_13-4-1",
+  "cdr-rating__50": "cdr-rating__50_13-4-1",
+  "cdr-rating__25": "cdr-rating__25_13-4-1",
+  "cdr-rating--linked": "cdr-rating--linked_13-4-1",
+  "cdr-rating--large": "cdr-rating--large_13-4-1",
+  "cdr-rating--medium": "cdr-rating--medium_13-4-1",
+  "cdr-rating--small": "cdr-rating--small_13-4-1",
+  "cdr-rating--small@xs": "cdr-rating--small@xs_13-4-1",
+  "cdr-rating--medium@xs": "cdr-rating--medium@xs_13-4-1",
+  "cdr-rating--large@xs": "cdr-rating--large@xs_13-4-1",
+  "cdr-rating--small@sm": "cdr-rating--small@sm_13-4-1",
+  "cdr-rating--medium@sm": "cdr-rating--medium@sm_13-4-1",
+  "cdr-rating--large@sm": "cdr-rating--large@sm_13-4-1",
+  "cdr-rating--small@md": "cdr-rating--small@md_13-4-1",
+  "cdr-rating--medium@md": "cdr-rating--medium@md_13-4-1",
+  "cdr-rating--large@md": "cdr-rating--large@md_13-4-1",
+  "cdr-rating--small@lg": "cdr-rating--small@lg_13-4-1",
+  "cdr-rating--medium@lg": "cdr-rating--medium@lg_13-4-1",
+  "cdr-rating--large@lg": "cdr-rating--large@lg_13-4-1"
+};
+export {
+  r as default
+};