@rei/cedar 13.5.0-alpha.1 → 13.5.0

package/dist/src/components/popover/CdrPopover.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as u, watch as E, onMounted as S, useCssModule as k, resolveComponent as m, openBlock as y, createElementBlock as b, normalizeClass as n, createElementVNode as f, renderSlot as a, createVNode as v, withCtx as h, createTextVNode as q, toDisplayString as T, createCommentVNode as B } from "vue";
+import { defineComponent as P, ref as u, watch as E, onMounted as S, useCssModule as k, resolveComponent as m, openBlock as y, createElementBlock as b, normalizeClass as l, createElementVNode as f, renderSlot as a, createVNode as v, withCtx as h, createTextVNode as q, toDisplayString as T, createCommentVNode as B } from "vue";
 import M from "tabbable";
 import N from "../icon/comps/x-sm.vue.mjs";
 import V from "../button/CdrButton.vue.mjs";
@@ -15,51 +15,73 @@ const H = P({
     CdrPopup: w
   },
   props: {
+    /**
+     * Sets the position where the popover will render relative to the trigger element.
+     * @demoSelectMultiple false
+     * @values top, bottom, left, right
+     */
     position: {
       type: String,
       required: !1,
       default: "top",
       validator: (e) => A(e, ["top", "bottom", "left", "right"])
     },
+    /**
+     * If set to `true`, popover will attempt to dynamically set it's position to
+     * ensure it renders within the visible browser window.
+     * If `false` the popover will always render in the provided `position`.
+     */
     autoPosition: {
       type: Boolean,
       required: !1,
       default: !0
     },
+    /** Sets the title for the popover content. Can also be provided via the `title` slot. */
     label: {
       type: String,
       required: !1
     },
+    /** ID for the popover element, required for accessibility */
     id: {
       type: String,
       required: !0
     },
+    /** Add custom class to the popover content wrapper. Allows for overriding size, styling, etc. */
     contentClass: {
       type: String,
       required: !1
     },
+    /**
+     * Used to programmatically control the popover state. Does not need to be set if you are using the `trigger` slot.
+     * @demoIgnore true
+     */
     open: {
       type: Boolean,
       default: !1,
       required: !1
     }
   },
-  emits: ["opened", "closed"],
+  emits: {
+    /** Emits when popover is opened */
+    opened: null,
+    /** Emits when popover is closed */
+    closed: null
+  },
   setup(e, t) {
     const s = u(!1);
-    let l;
+    let n;
     const i = u(null), p = u(null), d = t.slots.trigger, c = t.slots.title || e.label, r = (o) => {
       if (s.value === !0)
         return;
       const {
         activeElement: $
       } = document;
-      l = $, s.value = !0, t.emit("opened", o), setTimeout(() => {
+      n = $, s.value = !0, t.emit("opened", o), setTimeout(() => {
         const C = M(p.value.$el);
         C[0] && C[0].focus();
       }, 50);
     }, g = (o) => {
-      s.value = !1, t.emit("closed", o), l && l.focus();
+      s.value = !1, t.emit("closed", o), n && n.focus();
     }, _ = () => {
       const o = i.value.children[0];
       o && o.addEventListener("click", r);
@@ -85,10 +107,10 @@ const H = P({
 }), I = {
   ref: "triggerEl"
 };
-function L(e, t, s, l, i, p) {
+function L(e, t, s, n, i, p) {
   const d = m("icon-x-sm"), c = m("cdr-button"), r = m("cdr-popup");
   return y(), b("div", {
-    class: n(e.mapClasses(e.style, "cdr-popover--wrapper", e.hasTrigger && "cdr-popover--position"))
+    class: l(e.mapClasses(e.style, "cdr-popover--wrapper", e.hasTrigger && "cdr-popover--position"))
   }, [f("div", I, [a(e.$slots, "trigger")], 512), v(r, {
     role: "dialog",
     ref: "popupEl",
@@ -101,14 +123,14 @@ function L(e, t, s, l, i, p) {
     "content-class": e.contentClass
   }, {
     default: h(() => [f("div", {
-      class: n(e.style["cdr-popover__container"])
+      class: l(e.style["cdr-popover__container"])
     }, [f("div", {
-      class: n(e.style["cdr-popover__content"])
+      class: l(e.style["cdr-popover__content"])
     }, [e.hasTitle ? (y(), b("div", {
       key: 0,
-      class: n(e.style["cdr-popover__title"])
+      class: l(e.style["cdr-popover__title"])
     }, [a(e.$slots, "title", {}, () => [q(T(e.label), 1)])], 2)) : B("", !0), a(e.$slots, "default")], 2), v(c, {
-      class: n(e.style["cdr-popover__close-button"]),
+      class: l(e.style["cdr-popover__close-button"]),
       "icon-only": "",
       onClick: e.closePopover,
       "aria-label": "Close",

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

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

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

@@ -1,11 +1,11 @@
 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({
+import _ from "../../utils/propValidator.mjs";
+import j from "./calculatePlacement.mjs";
+import D from "../../utils/mapClasses.mjs";
+import F from "./styles/CdrPopup.module.scss.mjs";
+import G from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const I = H({
   name: "CdrPopup",
   inheritAttrs: !1,
   customOptions: {},
@@ -18,7 +18,7 @@ const J = H({
       type: String,
       required: !1,
       default: "top",
-      validator: (e) => j(e, ["top", "bottom", "left", "right"])
+      validator: (e) => _(e, ["top", "bottom", "left", "right"])
     },
     autoPosition: {
       type: Boolean,
@@ -58,7 +58,7 @@ const J = H({
         const o = E.value.parentElement.getBoundingClientRect(), {
           innerHeight: S,
           innerWidth: T
-        } = window, y = D(o, C.value, T, S, e.position);
+        } = window, y = j(o, C.value, T, S, e.position);
         s.value = y.pos, l.value = y.corner;
       }), a.value = !1, setTimeout(() => {
         R();
@@ -76,7 +76,7 @@ const J = H({
       document.removeEventListener("keydown", r), document.removeEventListener("click", u), window.removeEventListener("resize", p);
     }), {
       style: A(),
-      mapClasses: F,
+      mapClasses: D,
       baseClass: f,
       positionClass: P,
       cornerClass: $,
@@ -92,20 +92,20 @@ const J = H({
     };
   }
 });
-function Q(e, v, f, s, l, t) {
+function J(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),
+    class: [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]]);
+const Q = {
+  $style: F
+}, te = /* @__PURE__ */ G(I, [["render", J], ["__cssModules", Q]]);
 export {
   te as default
 };

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

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

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

@@ -6,19 +6,28 @@ import q from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const S = d({
   name: "CdrQuote",
   props: {
+    /**
+     * Sets the semantic HTML element for the quote.
+     * @values blockquote, aside, q, div
+     */
     tag: {
       type: String,
       default: "blockquote",
       validator: (s) => u(s, ["blockquote", "aside", "q", "div"])
     },
+    /**
+     * Modifies the style variant for the quote
+     * @demoSelectMultiple true
+     * @values pull
+     */
     modifier: {
       type: String,
       default: "",
       validator: (s) => u(s, ["", "pull"])
     },
-    /** Caption summary text */
+    /** Sets the quote body text. */
     summary: String,
-    /** Caption credit text */
+    /** Sets the quote attribution text. */
     citation: String
   },
   setup(s) {

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

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

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

@@ -14,34 +14,47 @@ const h = i({
   customOptions: {},
   props: {
     /**
-     * Class that is added to the label for custom styles
+     * Adds CSS class to the label for custom styles.
      */
     labelClass: String,
     /**
-     * Class that is added to the input for custom styles
+     * Adds CSS class to the input for custom styles.
      */
     inputClass: String,
     /**
-     * Class that is added to the slot wrapper for custom styles
+     * Adds CSS class to the slot wrapper for custom styles.
      */
     contentClass: String,
     /**
-     * Sets the name of the radio. Required.
+     * Sets the name of the radio button.
     */
     name: {
       type: String,
       required: !0
     },
+    /**
+     * Modifies the style variants for this component
+     * @demoSelectMultiple true
+     * @values hide-figure
+    */
     modifier: {
       type: String,
       default: "",
       validator: (e) => V(e, ["", "hide-figure"])
     },
+    /**
+     * Sets the radio size; values can target responsive breakpoints. Example `small@lg`
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
     size: k,
-    // Set which background type the input renders on
+    /**
+     * Sets the background color the radio button is rendered on
+     * @values primary, secondary
+     */
     background: v,
     /**
-     * Sets the value of the radio. Required.
+     * Sets the value of the radio.
     */
     customValue: {
       type: [String, Number, Boolean, Object, Array, Symbol, Function]
@@ -51,7 +64,13 @@ const h = i({
       type: [String, Number, Boolean, Object, Array, Symbol, Function]
     }
   },
-  emits: ["update:modelValue"],
+  emits: {
+    /**
+     * Event emitted by v-model on the radio's <input> element
+     * @param modelValue
+     */
+    "update:modelValue": null
+  },
   setup(e, o) {
     const s = "cdr-radio", r = d({
       get() {

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

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

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

@@ -7,7 +7,7 @@ const V = p({
   name: "CdrRating",
   props: {
     /**
-     * Rating value (out of 5)
+     * Sets the rating values between 0 and 5.
      */
     rating: {
       required: !0,
@@ -15,7 +15,7 @@ const V = p({
       default: 0
     },
     /**
-     * Total number of ratings
+     * Sets the total number of ratings
      */
     count: {
       required: !1,
@@ -30,11 +30,16 @@ const V = p({
       default: !1
     },
     /**
-     * Allows the ratings to act as a link
+     * Sets the rating component (icons and text) to display inline and wraps them in an anchor tag so they can act as link.
      */
     href: {
       type: String
     },
+    /**
+     * Sets the rating size.
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
     size: {
       type: String,
       default: "medium",

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

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