@rei/cedar 13.5.0-alpha.1 → 13.5.0-alpha.2

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

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

package/dist/src/components/modal/CdrModal.vue.mjs

@@ -15,43 +15,70 @@ const he = Z({
     IconXLg: fe
   },
   props: {
+    /**
+     * Toggles the state of the modal
+     * @demoIgnore true
+     */
     opened: {
       type: Boolean,
       required: !0
     },
+    /**
+     * Sets `aria-label` and modal title text. Can also use title slot to set title.
+     */
     label: {
       type: String,
       required: !0
     },
+    /**
+     * Toggles the modal title text, which comes from `label` prop or `title` slot.
+     */
     showTitle: {
       type: Boolean,
       required: !1,
       default: !0
     },
+    /**
+     * Text for aria-describedby attribute. Applied to modal content element
+     */
     ariaDescribedby: {
       type: String,
       required: !1,
       default: null
     },
+    /**
+     * Sets the `role` attribute on the modal content element
+     * @values dialog, alertDialog
+     */
     role: {
       type: String,
       required: !1,
       default: "dialog"
     },
+    /**
+     * Sets unique `id` for modal
+     */
     id: {
       type: String,
       required: !1,
       default: null
     },
+    /** Adds custom class to the `cdr-modal__overlay` div */
     overlayClass: String,
+    /** Adds custom class to the `cdr-modal__outerWrap` div */
     wrapperClass: String,
+    /** Adds custom class to the `cdr-modal__innerWrap` div */
     contentClass: String,
+    /** Sets duration for modal's close animation */
     animationDuration: {
       type: Number,
       default: 300
     }
   },
-  emits: ["closed"],
+  emits: {
+    /** Fires when modal is closed */
+    closed: null
+  },
   setup(e, d) {
     const E = "cdr-modal";
     let f, v;

package/dist/src/components/modal/styles/CdrModal.module.scss.mjs

@@ -1,16 +1,16 @@
 const a = {
-  "cdr-modal": "cdr-modal_13-5-0-alpha-1",
-  "cdr-modal__overlay": "cdr-modal__overlay_13-5-0-alpha-1",
-  "cdr-modal__outerWrap": "cdr-modal__outerWrap_13-5-0-alpha-1",
-  "cdr-modal__contentWrap": "cdr-modal__contentWrap_13-5-0-alpha-1",
-  "cdr-modal__innerWrap": "cdr-modal__innerWrap_13-5-0-alpha-1",
-  "cdr-modal__dialog": "cdr-modal__dialog_13-5-0-alpha-1",
-  "cdr-modal__content": "cdr-modal__content_13-5-0-alpha-1",
-  "cdr-modal__header": "cdr-modal__header_13-5-0-alpha-1",
-  "cdr-modal__title": "cdr-modal__title_13-5-0-alpha-1",
-  "cdr-modal__close-button": "cdr-modal__close-button_13-5-0-alpha-1",
-  "cdr-modal__text-content": "cdr-modal__text-content_13-5-0-alpha-1",
-  "cdr-modal--closed": "cdr-modal--closed_13-5-0-alpha-1"
+  "cdr-modal": "cdr-modal_13-5-0-alpha-2",
+  "cdr-modal__overlay": "cdr-modal__overlay_13-5-0-alpha-2",
+  "cdr-modal__outerWrap": "cdr-modal__outerWrap_13-5-0-alpha-2",
+  "cdr-modal__contentWrap": "cdr-modal__contentWrap_13-5-0-alpha-2",
+  "cdr-modal__innerWrap": "cdr-modal__innerWrap_13-5-0-alpha-2",
+  "cdr-modal__dialog": "cdr-modal__dialog_13-5-0-alpha-2",
+  "cdr-modal__content": "cdr-modal__content_13-5-0-alpha-2",
+  "cdr-modal__header": "cdr-modal__header_13-5-0-alpha-2",
+  "cdr-modal__title": "cdr-modal__title_13-5-0-alpha-2",
+  "cdr-modal__close-button": "cdr-modal__close-button_13-5-0-alpha-2",
+  "cdr-modal__text-content": "cdr-modal__text-content_13-5-0-alpha-2",
+  "cdr-modal--closed": "cdr-modal--closed_13-5-0-alpha-2"
 };
 export {
   a as default

package/dist/src/components/pagination/CdrPagination.vue.mjs

@@ -1,6 +1,6 @@
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.array.unshift.js";
-import { defineComponent as B, ref as q, computed as d, onMounted as G, watch as R, useCssModule as U, resolveComponent as $, openBlock as l, createElementBlock as u, createElementVNode as k, normalizeClass as r, createBlock as D, resolveDynamicComponent as T, withCtx as h, createVNode as f, createTextVNode as m, Fragment as N, renderList as w, toDisplayString as I, withModifiers as E, nextTick as H } from "vue";
+import { defineComponent as B, ref as q, computed as d, onMounted as G, watch as R, useCssModule as U, resolveComponent as $, openBlock as i, createElementBlock as u, createElementVNode as k, normalizeClass as r, createBlock as D, resolveDynamicComponent as T, withCtx as h, createVNode as f, createTextVNode as m, Fragment as N, renderList as w, toDisplayString as I, withModifiers as E, nextTick as H } from "vue";
 import z from "../../utils/mapClasses.mjs";
 import A from "../../utils/propValidator.mjs";
 import F from "../icon/comps/caret-left.vue.mjs";
@@ -17,31 +17,47 @@ const Y = B({
     CdrSelect: J
   },
   props: {
-    // NOTE pagination now requires an ID
+    /**
+     * Define a custom slug for the generated breadcrumb item IDs. Slug is randomly generated if no ID provided.
+     * @demoIgnore true
+     */
     id: {
       type: String
     },
     /**
-     * Total number of pages. Sometimes the total number of pages is different than total page data
-     * and this prop allows for that.
+     * Sets the total number of pages for displaying "Page x of <totalPages>".
+     * Sometimes the total number of pages is different than total page data objects in the pages array.
+     * For example, if only the next and previous pages are provided.
      */
     totalPages: {
       type: Number,
       default: null
     },
     /**
-     * Array of objects. Objects have structure of { page: Number, url: String }
+     * Array of objects containing pagination data.
+     * Objects must have structure of `{ page: number, url: string }`
      */
     pages: {
       type: Array,
       required: !0,
-      validator: (e) => e.every((i) => !Object.prototype.hasOwnProperty.call(i, "page") || typeof i.page != "number" ? (console.error('Property "page" is missing or is not a number', i), !1) : !Object.prototype.hasOwnProperty.call(i, "url") || typeof i.url != "string" ? (console.error('Property "url" is missing or is not a string', i), !1) : !0)
+      validator: (e) => e.every((l) => !Object.prototype.hasOwnProperty.call(l, "page") || typeof l.page != "number" ? (console.error('Property "page" is missing or is not a number', l), !1) : !Object.prototype.hasOwnProperty.call(l, "url") || typeof l.url != "string" ? (console.error('Property "url" is missing or is not a string', l), !1) : !0)
     },
+    /**
+     * Sets which tag type is used to render pagination elements
+     * @values a, button
+     */
     linkTag: {
       type: String,
       default: "a",
       validator: (e) => A(e, ["a", "button"])
     },
+    /**
+     * Used to customize the aria-label for the root pagination element.
+     * For page-level pagination (i.e, pagination that updates the entire page content and changes the URL)
+     * this property should be omitted.
+     * For intra-page navigation this property should describe the element being paginated, for example:
+     * `Pagination for sub-content`
+     */
     forLabel: {
       type: String,
       default: ""
@@ -51,16 +67,29 @@ const Y = B({
       type: Number
     }
   },
-  emits: ["update:modelValue", "navigate"],
+  emits: {
+    /**
+     * Event emitted by v-model on the select <input> element to indicate current page.
+     * Only used on small devices
+     * @param modelValue
+     */
+    "update:modelValue": null,
+    /**
+     * $emit event fired when page changes based on user interaction by clicking a link
+     * or selecting an option from the select on mobile.
+     * `event.preventDefault()` can be used to override the default link navigation behavior.
+     */
+    navigate: null
+  },
   setup(e, s) {
-    const i = q(0), C = q([]), _ = e.id ? e.id : K(), y = (n) => {
-      i.value = e.pages.map((t) => t.page).indexOf(n);
+    const l = q(0), C = q([]), _ = e.id ? e.id : K(), y = (n) => {
+      l.value = e.pages.map((t) => t.page).indexOf(n);
     }, p = d({
       get: () => e.modelValue,
       set: (n) => {
         y(n), s.emit("update:modelValue", n);
       }
-    }), P = d(() => e.pages[i.value].url), v = (n, t) => {
+    }), P = d(() => e.pages[l.value].url), v = (n, t) => {
       const g = t.target.offsetWidth > 0 && t.target.offsetHeight > 0;
       if (n === p.value && g) {
         t.preventDefault();
@@ -75,7 +104,7 @@ const Y = B({
       });
     }, a = (n) => {
       C.value.find((g) => (g == null ? void 0 : g.innerHTML) === n.target.value).click();
-    }, b = d(() => e.forLabel || "Pagination"), c = d(() => e.pages[i.value - 1]), O = d(() => e.pages[i.value + 1]), S = d(() => {
+    }, b = d(() => e.forLabel || "Pagination"), c = d(() => e.pages[l.value - 1]), O = d(() => e.pages[l.value + 1]), S = d(() => {
       const n = e.pages.length, t = p.value, g = 1;
       let o = [], L = !0, M = !0;
       if (n <= 7)
@@ -101,7 +130,7 @@ const Y = B({
       nextPageData: O,
       paginationData: S,
       innerValue: p,
-      currentIdx: i
+      currentIdx: l
     };
   }
 }), Z = ["aria-label"], j = {
@@ -115,13 +144,13 @@ const Y = B({
   key: 3,
   "aria-hidden": "true"
 };
-function te(e, s, i, C, _, y) {
+function te(e, s, l, C, _, y) {
   const p = $("icon-caret-left"), P = $("cdr-select"), v = $("icon-caret-right");
-  return l(), u("nav", {
+  return i(), u("nav", {
     "aria-label": e.ariaLabel
   }, [k("ol", {
     class: r(e.style["cdr-pagination"])
-  }, [e.innerValue > e.pages[0].page ? (l(), u("li", j, [(l(), D(T(e.linkTag), {
+  }, [e.innerValue > e.pages[0].page ? (i(), u("li", j, [(i(), D(T(e.linkTag), {
     "aria-label": "Go to previous page",
     href: e.linkTag === "a" && e.prevPageData && e.prevPageData.url || void 0,
     class: r(e.mapClasses(e.style, "cdr-pagination__link", "cdr-pagination__prev")),
@@ -131,16 +160,16 @@ function te(e, s, i, C, _, y) {
       class: r(e.style["cdr-pagination_caret--prev"])
     }, null, 8, ["class"]), m(" Prev ")]),
     _: 1
-  }, 8, ["href", "class"]))])) : (l(), u("li", x, [k("span", {
+  }, 8, ["href", "class"]))])) : (i(), u("li", x, [k("span", {
     "aria-disabled": "true",
     class: r(e.mapClasses(e.style, "cdr-pagination__link", "cdr-pagination__prev", "cdr-pagination__link--disabled"))
   }, [f(p, {
     class: r(e.style["cdr-pagination_caret--prev"]),
     "inherit-color": ""
-  }, null, 8, ["class"]), m(" Prev ")], 2)])), (l(!0), u(N, null, w(e.paginationData, (a, b) => (l(), u("li", {
+  }, null, 8, ["class"]), m(" Prev ")], 2)])), (i(!0), u(N, null, w(e.paginationData, (a, b) => (i(), u("li", {
     key: `pagination-${e.uniqueId}-li-${a.page}`,
     class: r(e.style["cdr-pagination__li--links"])
-  }, [a.page ? (l(), D(T(e.linkTag), {
+  }, [a.page ? (i(), D(T(e.linkTag), {
     key: 0,
     id: `pagination-${e.uniqueId}-link-${a.page}`,
     class: r(e.mapClasses(e.style, "cdr-pagination__link", a.page === e.innerValue && "cdr-pagination__link--current")),
@@ -155,7 +184,7 @@ function te(e, s, i, C, _, y) {
   }, {
     default: h(() => [m(I(a.page), 1)]),
     _: 2
-  }, 1032, ["id", "class", "aria-label", "aria-current", "href", "onClick"])) : (l(), u("span", {
+  }, 1032, ["id", "class", "aria-label", "aria-current", "href", "onClick"])) : (i(), u("span", {
     key: 1,
     class: r(e.style["cdr-pagination__ellipse"])
   }, " … ", 2))], 2))), 128)), k("li", {
@@ -168,12 +197,12 @@ function te(e, s, i, C, _, y) {
     "hide-label": "",
     onChange: s[2] || (s[2] = E((a) => e.select(a), ["prevent"]))
   }, {
-    default: h(() => [(l(!0), u(N, null, w(e.paginationData.filter((a) => a.page), (a) => (l(), u("option", {
+    default: h(() => [(i(!0), u(N, null, w(e.paginationData.filter((a) => a.page), (a) => (i(), u("option", {
       key: `pagination-${e.uniqueId}-select-${a.page}`,
       value: a.page
     }, " Page " + I(a.page) + I(e.totalPages === null ? "" : ` of ${e.totalPages}`), 9, ee))), 128))]),
     _: 1
-  }, 8, ["id", "modelValue"])], 2), e.innerValue < e.pages[e.pages.length - 1].page ? (l(), u("li", ae, [(l(), D(T(e.linkTag), {
+  }, 8, ["id", "modelValue"])], 2), e.innerValue < e.pages[e.pages.length - 1].page ? (i(), u("li", ae, [(i(), D(T(e.linkTag), {
     "aria-label": "Go to next page",
     href: e.linkTag === "a" && e.nextPageData && e.nextPageData.url || void 0,
     class: r(e.mapClasses(e.style, "cdr-pagination__link", "cdr-pagination__next")),
@@ -183,7 +212,7 @@ function te(e, s, i, C, _, y) {
       class: r(e.style["cdr-pagination_caret--next"])
     }, null, 8, ["class"])]),
     _: 1
-  }, 8, ["href", "class"]))])) : (l(), u("li", ne, [k("span", {
+  }, 8, ["href", "class"]))])) : (i(), u("li", ne, [k("span", {
     "aria-disabled": "true",
     class: r(e.mapClasses(e.style, "cdr-pagination__link", "cdr-pagination__next", "cdr-pagination__link--disabled"))
   }, [m(" Next "), f(v, {
@@ -191,9 +220,9 @@ function te(e, s, i, C, _, y) {
     "inherit-color": ""
   }, null, 8, ["class"])], 2)]))], 2)], 8, Z);
 }
-const ie = {
+const le = {
   $style: Q
-}, ye = /* @__PURE__ */ X(Y, [["render", te], ["__cssModules", ie]]);
+}, ye = /* @__PURE__ */ X(Y, [["render", te], ["__cssModules", le]]);
 export {
   ye as default
 };

package/dist/src/components/pagination/styles/CdrPagination.module.scss.mjs

@@ -1,57 +1,57 @@
 const a = {
-  "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-label-standalone": "cdr-label-standalone_13-5-0-alpha-1",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_13-5-0-alpha-1",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_13-5-0-alpha-1",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_13-5-0-alpha-1",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_13-5-0-alpha-1",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_13-5-0-alpha-1",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_13-5-0-alpha-1",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_13-5-0-alpha-1",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_13-5-0-alpha-1",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_13-5-0-alpha-1",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_13-5-0-alpha-1",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_13-5-0-alpha-1",
-  "cdr-form-error": "cdr-form-error_13-5-0-alpha-1",
-  "cdr-form-error__icon": "cdr-form-error__icon_13-5-0-alpha-1",
-  "cdr-select": "cdr-select_13-5-0-alpha-1",
-  "cdr-select--primary": "cdr-select--primary_13-5-0-alpha-1",
-  "cdr-select--secondary": "cdr-select--secondary_13-5-0-alpha-1",
-  "cdr-select--error": "cdr-select--error_13-5-0-alpha-1",
-  "cdr-select--preicon": "cdr-select--preicon_13-5-0-alpha-1",
-  "cdr-select__prompt": "cdr-select__prompt_13-5-0-alpha-1",
-  "cdr-select__caret": "cdr-select__caret_13-5-0-alpha-1",
-  "cdr-select__caret--disabled": "cdr-select__caret--disabled_13-5-0-alpha-1",
-  "cdr-select__pre-icon": "cdr-select__pre-icon_13-5-0-alpha-1",
-  "cdr-select--multiple": "cdr-select--multiple_13-5-0-alpha-1",
-  "cdr-select--large@xs": "cdr-select--large@xs_13-5-0-alpha-1",
-  "cdr-select--large": "cdr-select--large_13-5-0-alpha-1",
-  "cdr-select--large@sm": "cdr-select--large@sm_13-5-0-alpha-1",
-  "cdr-select--large@md": "cdr-select--large@md_13-5-0-alpha-1",
-  "cdr-select--large@lg": "cdr-select--large@lg_13-5-0-alpha-1",
-  "cdr-select-wrap": "cdr-select-wrap_13-5-0-alpha-1",
-  "cdr-pagination": "cdr-pagination_13-5-0-alpha-1",
-  "cdr-pagination__li--links": "cdr-pagination__li--links_13-5-0-alpha-1",
-  "cdr-pagination__li--select": "cdr-pagination__li--select_13-5-0-alpha-1",
-  "cdr-pagination__link": "cdr-pagination__link_13-5-0-alpha-1",
-  "cdr-pagination__link--current": "cdr-pagination__link--current_13-5-0-alpha-1",
-  "cdr-pagination__link--disabled": "cdr-pagination__link--disabled_13-5-0-alpha-1",
-  "cdr-pagination__ellipse": "cdr-pagination__ellipse_13-5-0-alpha-1",
-  "cdr-pagination__prev": "cdr-pagination__prev_13-5-0-alpha-1",
-  "cdr-pagination__next": "cdr-pagination__next_13-5-0-alpha-1",
-  "cdr-pagination__caret--prev": "cdr-pagination__caret--prev_13-5-0-alpha-1",
-  "cdr-pagination__caret--next": "cdr-pagination__caret--next_13-5-0-alpha-1"
+  "cdr-icon": "cdr-icon_13-5-0-alpha-2",
+  "cdr-icon--small": "cdr-icon--small_13-5-0-alpha-2",
+  "cdr-icon--large": "cdr-icon--large_13-5-0-alpha-2",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_13-5-0-alpha-2",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_13-5-0-alpha-2",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_13-5-0-alpha-2",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_13-5-0-alpha-2",
+  "cdr-icon--small@md": "cdr-icon--small@md_13-5-0-alpha-2",
+  "cdr-icon--large@md": "cdr-icon--large@md_13-5-0-alpha-2",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_13-5-0-alpha-2",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_13-5-0-alpha-2",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_13-5-0-alpha-2",
+  "cdr-label-standalone": "cdr-label-standalone_13-5-0-alpha-2",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_13-5-0-alpha-2",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_13-5-0-alpha-2",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_13-5-0-alpha-2",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_13-5-0-alpha-2",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_13-5-0-alpha-2",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_13-5-0-alpha-2",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_13-5-0-alpha-2",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_13-5-0-alpha-2",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_13-5-0-alpha-2",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_13-5-0-alpha-2",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_13-5-0-alpha-2",
+  "cdr-form-error": "cdr-form-error_13-5-0-alpha-2",
+  "cdr-form-error__icon": "cdr-form-error__icon_13-5-0-alpha-2",
+  "cdr-select": "cdr-select_13-5-0-alpha-2",
+  "cdr-select--primary": "cdr-select--primary_13-5-0-alpha-2",
+  "cdr-select--secondary": "cdr-select--secondary_13-5-0-alpha-2",
+  "cdr-select--error": "cdr-select--error_13-5-0-alpha-2",
+  "cdr-select--preicon": "cdr-select--preicon_13-5-0-alpha-2",
+  "cdr-select__prompt": "cdr-select__prompt_13-5-0-alpha-2",
+  "cdr-select__caret": "cdr-select__caret_13-5-0-alpha-2",
+  "cdr-select__caret--disabled": "cdr-select__caret--disabled_13-5-0-alpha-2",
+  "cdr-select__pre-icon": "cdr-select__pre-icon_13-5-0-alpha-2",
+  "cdr-select--multiple": "cdr-select--multiple_13-5-0-alpha-2",
+  "cdr-select--large@xs": "cdr-select--large@xs_13-5-0-alpha-2",
+  "cdr-select--large": "cdr-select--large_13-5-0-alpha-2",
+  "cdr-select--large@sm": "cdr-select--large@sm_13-5-0-alpha-2",
+  "cdr-select--large@md": "cdr-select--large@md_13-5-0-alpha-2",
+  "cdr-select--large@lg": "cdr-select--large@lg_13-5-0-alpha-2",
+  "cdr-select-wrap": "cdr-select-wrap_13-5-0-alpha-2",
+  "cdr-pagination": "cdr-pagination_13-5-0-alpha-2",
+  "cdr-pagination__li--links": "cdr-pagination__li--links_13-5-0-alpha-2",
+  "cdr-pagination__li--select": "cdr-pagination__li--select_13-5-0-alpha-2",
+  "cdr-pagination__link": "cdr-pagination__link_13-5-0-alpha-2",
+  "cdr-pagination__link--current": "cdr-pagination__link--current_13-5-0-alpha-2",
+  "cdr-pagination__link--disabled": "cdr-pagination__link--disabled_13-5-0-alpha-2",
+  "cdr-pagination__ellipse": "cdr-pagination__ellipse_13-5-0-alpha-2",
+  "cdr-pagination__prev": "cdr-pagination__prev_13-5-0-alpha-2",
+  "cdr-pagination__next": "cdr-pagination__next_13-5-0-alpha-2",
+  "cdr-pagination__caret--prev": "cdr-pagination__caret--prev_13-5-0-alpha-2",
+  "cdr-pagination__caret--next": "cdr-pagination__caret--next_13-5-0-alpha-2"
 };
 export {
   a as default

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",