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

package/dist/src/components/accordion/CdrAccordion.vue.mjs

@@ -12,6 +12,7 @@ const ne = I({
   props: {
     /**
      * The unique id of an accordion.
+     * @demoIgnore true
      */
     id: {
       type: String,
@@ -19,6 +20,7 @@ const ne = I({
     },
     /**
      * Toggle this value to open/close the accordion.
+     * @demoIgnore true
      */
     opened: {
       type: Boolean,
@@ -40,6 +42,7 @@ const ne = I({
     },
     /**
      * Sets the heading level
+     * @demoIgnore true
      */
     level: {
       type: [String, Number],
@@ -52,11 +55,20 @@ const ne = I({
       type: Boolean,
       default: !0
     },
+    /**
+     * Sets the readable text on CdrAccordion button (also can be slotted)
+     * @demoIgnore true
+     */
     label: {
       type: String
     }
   },
-  emits: ["accordion-toggle"],
+  emits: {
+    /**
+    * Emits on accordion open/close
+    */
+    "accordion-toggle": null
+  },
   setup(e, y) {
     const c = b("unwrap", !1), v = b("grouped", !1) ? "li" : "div", h = w(), d = C(null), o = C(!1), i = C(e.opened ? "none" : "0px"), S = `h${e.level}`, U = "cdr-accordion__label", a = "cdr-accordion", B = "cdr-accordion__icon", A = "cdr-accordion__content-container", H = "cdr-accordion__content", s = n(() => c && c.isUnwrapped), k = n(() => s.value ? "div" : "button"), N = n(() => s.value ? "js-cdr-accordion-button" : [h["cdr-accordion__button"], "js-cdr-accordion-button"]), T = n(() => s.value ? "cdr-accordion__header--unwrapped" : "cdr-accordion__header"), z = n(() => e.compact ? t(a, "compact") : ""), M = n(() => e.borderAligned ? t(a, "border-aligned") : ""), O = n(() => o.value ? t(a, "focused") : null), j = n(() => s.value ? t(a, "unwrap") : null), D = n(() => e.contentSpacing ? null : t(a, "no-spacing")), E = n(() => e.opened || s.value ? "cdr-accordion--open" : "cdr-accordion--closed"), V = (r) => {
       y.emit("accordion-toggle", r);

package/dist/src/components/accordion/CdrAccordionGroup.vue.mjs

@@ -7,6 +7,10 @@ import E from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const U = w({
   name: "CdrAccordionGroup",
   props: {
+    /**
+     * A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.
+     * @values @xs, @sm, @md, @lg, true
+     */
     unwrap: {
       type: [String, Boolean],
       default: !1,

package/dist/src/components/accordion/styles/CdrAccordion.module.scss.mjs

@@ -1,33 +1,33 @@
 const c = {
-  "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-accordion-group": "cdr-accordion-group_13-5-0-alpha-1",
-  "cdr-accordion": "cdr-accordion_13-5-0-alpha-1",
-  "cdr-accordion__button": "cdr-accordion__button_13-5-0-alpha-1",
-  "cdr-accordion__label": "cdr-accordion__label_13-5-0-alpha-1",
-  "cdr-accordion__header": "cdr-accordion__header_13-5-0-alpha-1",
-  "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_13-5-0-alpha-1",
-  "cdr-accordion__icon": "cdr-accordion__icon_13-5-0-alpha-1",
-  "cdr-accordion--open": "cdr-accordion--open_13-5-0-alpha-1",
-  "cdr-accordion__content-container": "cdr-accordion__content-container_13-5-0-alpha-1",
-  "cdr-tabs--open": "cdr-tabs--open_13-5-0-alpha-1",
-  "cdr-accordion__content": "cdr-accordion__content_13-5-0-alpha-1",
-  "cdr-accordion--closed": "cdr-accordion--closed_13-5-0-alpha-1",
-  "cdr-accordion--unwrap": "cdr-accordion--unwrap_13-5-0-alpha-1",
-  "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_13-5-0-alpha-1",
-  "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_13-5-0-alpha-1",
-  "cdr-accordion--compact": "cdr-accordion--compact_13-5-0-alpha-1",
-  "cdr-accordion--focused": "cdr-accordion--focused_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-accordion-group": "cdr-accordion-group_13-5-0-alpha-2",
+  "cdr-accordion": "cdr-accordion_13-5-0-alpha-2",
+  "cdr-accordion__button": "cdr-accordion__button_13-5-0-alpha-2",
+  "cdr-accordion__label": "cdr-accordion__label_13-5-0-alpha-2",
+  "cdr-accordion__header": "cdr-accordion__header_13-5-0-alpha-2",
+  "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_13-5-0-alpha-2",
+  "cdr-accordion__icon": "cdr-accordion__icon_13-5-0-alpha-2",
+  "cdr-accordion--open": "cdr-accordion--open_13-5-0-alpha-2",
+  "cdr-accordion__content-container": "cdr-accordion__content-container_13-5-0-alpha-2",
+  "cdr-tabs--open": "cdr-tabs--open_13-5-0-alpha-2",
+  "cdr-accordion__content": "cdr-accordion__content_13-5-0-alpha-2",
+  "cdr-accordion--closed": "cdr-accordion--closed_13-5-0-alpha-2",
+  "cdr-accordion--unwrap": "cdr-accordion--unwrap_13-5-0-alpha-2",
+  "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_13-5-0-alpha-2",
+  "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_13-5-0-alpha-2",
+  "cdr-accordion--compact": "cdr-accordion--compact_13-5-0-alpha-2",
+  "cdr-accordion--focused": "cdr-accordion--focused_13-5-0-alpha-2"
 };
 export {
   c as default

package/dist/src/components/accordion/styles/CdrAccordionGroup.module.scss.mjs

@@ -1,6 +1,6 @@
 const c = {
-  "cdr-accordion-group": "cdr-accordion-group_13-5-0-alpha-1",
-  "cdr-accordion": "cdr-accordion_13-5-0-alpha-1"
+  "cdr-accordion-group": "cdr-accordion-group_13-5-0-alpha-2",
+  "cdr-accordion": "cdr-accordion_13-5-0-alpha-2"
 };
 export {
   c as default

package/dist/src/components/banner/CdrBanner.vue.mjs

@@ -5,6 +5,11 @@ import C from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const v = b({
   name: "CdrBanner",
   props: {
+    /**
+     * Sets the banner style.
+     * @demoSelectMultiple false
+     * @values info, warning, success, error, default
+    */
     type: {
       type: String,
       validator: (s) => h(s, ["info", "warning", "success", "error", "default"]),

package/dist/src/components/banner/styles/CdrBanner.module.scss.mjs

@@ -1,18 +1,18 @@
 const n = {
-  "cdr-banner": "cdr-banner_13-5-0-alpha-1",
-  "cdr-banner__wrapper--prominence": "cdr-banner__wrapper--prominence_13-5-0-alpha-1",
-  "cdr-banner__main": "cdr-banner__main_13-5-0-alpha-1",
-  "cdr-banner__icon-left": "cdr-banner__icon-left_13-5-0-alpha-1",
-  "cdr-banner__message": "cdr-banner__message_13-5-0-alpha-1",
-  "cdr-banner__message-body": "cdr-banner__message-body_13-5-0-alpha-1",
-  "cdr-banner__icon-right": "cdr-banner__icon-right_13-5-0-alpha-1",
-  "cdr-banner__info-action": "cdr-banner__info-action_13-5-0-alpha-1",
-  "cdr-banner--default": "cdr-banner--default_13-5-0-alpha-1",
-  "cdr-banner__wrapper": "cdr-banner__wrapper_13-5-0-alpha-1",
-  "cdr-banner--info": "cdr-banner--info_13-5-0-alpha-1",
-  "cdr-banner--warning": "cdr-banner--warning_13-5-0-alpha-1",
-  "cdr-banner--success": "cdr-banner--success_13-5-0-alpha-1",
-  "cdr-banner--error": "cdr-banner--error_13-5-0-alpha-1"
+  "cdr-banner": "cdr-banner_13-5-0-alpha-2",
+  "cdr-banner__wrapper--prominence": "cdr-banner__wrapper--prominence_13-5-0-alpha-2",
+  "cdr-banner__main": "cdr-banner__main_13-5-0-alpha-2",
+  "cdr-banner__icon-left": "cdr-banner__icon-left_13-5-0-alpha-2",
+  "cdr-banner__message": "cdr-banner__message_13-5-0-alpha-2",
+  "cdr-banner__message-body": "cdr-banner__message-body_13-5-0-alpha-2",
+  "cdr-banner__icon-right": "cdr-banner__icon-right_13-5-0-alpha-2",
+  "cdr-banner__info-action": "cdr-banner__info-action_13-5-0-alpha-2",
+  "cdr-banner--default": "cdr-banner--default_13-5-0-alpha-2",
+  "cdr-banner__wrapper": "cdr-banner__wrapper_13-5-0-alpha-2",
+  "cdr-banner--info": "cdr-banner--info_13-5-0-alpha-2",
+  "cdr-banner--warning": "cdr-banner--warning_13-5-0-alpha-2",
+  "cdr-banner--success": "cdr-banner--success_13-5-0-alpha-2",
+  "cdr-banner--error": "cdr-banner--error_13-5-0-alpha-2"
 };
 export {
   n as default

package/dist/src/components/breadcrumb/CdrBreadcrumb.vue.mjs

@@ -1,10 +1,14 @@
-import { defineComponent as y, ref as u, computed as h, watch as b, useCssModule as g, openBlock as r, createElementBlock as l, normalizeClass as s, createElementVNode as n, createCommentVNode as f, Fragment as p, renderList as k, withDirectives as C, renderSlot as $, toDisplayString as E, vShow as _, nextTick as v } from "vue";
+import { defineComponent as y, ref as c, computed as h, watch as b, useCssModule as g, openBlock as r, createElementBlock as l, normalizeClass as s, createElementVNode as n, createCommentVNode as f, Fragment as p, renderList as k, withDirectives as C, renderSlot as $, toDisplayString as E, vShow as _, nextTick as v } from "vue";
 import L from "../../utils/uid.mjs";
 import B from "./styles/CdrBreadcrumb.module.scss.mjs";
 import w from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const q = y({
   name: "CdrBreadcrumb",
   props: {
+    /**
+     * Sets the array of a breadcrumb object containing a 'url' and 'name' property.
+     * @demoIgnore true
+     */
     items: {
       type: Array,
       default: () => [],
@@ -20,19 +24,28 @@ const q = y({
       }
     },
     /**
-    * Flag to track container width threshold exceeded
-    */
+     * Controls the ability to truncate the entire breadcrumb path. If this value is false, truncation will no longer occur.
+     */
     truncationEnabled: {
       type: Boolean,
       default: !0
     },
+    /**
+     * Define a custom ID for the `<nav>` element. Randomly generated if no ID provided.
+     * @demoIgnore true
+     */
     id: {
       type: String
     }
   },
-  emits: ["navigate"],
+  emits: {
+    /**
+     * Emits when a breadcrumb item is clicked. `e.preventDefault()` may be used to override the default link navigation.
+     */
+    navigate: null
+  },
   setup(e) {
-    const t = e.id ? e.id : L(), a = u(e.truncationEnabled && e.items.length > 2), o = u(null), d = h(() => {
+    const t = e.id ? e.id : L(), a = c(e.truncationEnabled && e.items.length > 2), o = c(null), d = h(() => {
       const i = e.items.length - 2 > 1 ? "s" : "";
       return `show ${e.items.length - 2} more navigation level${i}`;
     }), m = () => {
@@ -76,7 +89,7 @@ function D(e, t, a, o, d, m) {
   }, " . . . ", 2)], 10, M), n("span", {
     class: s(e.style["cdr-breadcrumb__delimiter"]),
     "aria-hidden": "true"
-  }, " / ", 2)], 2)) : f("", !0), (r(!0), l(p, null, k(e.items, (i, c) => C((r(), l("li", {
+  }, " / ", 2)], 2)) : f("", !0), (r(!0), l(p, null, k(e.items, (i, u) => C((r(), l("li", {
     class: s(e.style["cdr-breadcrumb__item"]),
     key: i.item.id || i.item.name.replace(/ /g, "-").toLowerCase()
   }, [$(e.$slots, "link", {
@@ -87,11 +100,11 @@ function D(e, t, a, o, d, m) {
     class: s(e.style["cdr-breadcrumb__link"]),
     href: i.item.url,
     onClick: (O) => e.$emit("navigate", i, e.e)
-  }, E(i.item.name), 11, j)]), c < e.items.length - 1 ? (r(), l("span", {
+  }, E(i.item.name), 11, j)]), u < e.items.length - 1 ? (r(), l("span", {
     key: 0,
     class: s(e.style["cdr-breadcrumb__delimiter"]),
     "aria-hidden": "true"
-  }, " / ", 2)) : f("", !0)], 2)), [[_, !e.truncate || c >= e.items.length - 2]])), 128))], 10, I)], 10, S);
+  }, " / ", 2)) : f("", !0)], 2)), [[_, !e.truncate || u >= e.items.length - 2]])), 128))], 10, I)], 10, S);
 }
 const N = {
   $style: B

package/dist/src/components/breadcrumb/styles/CdrBreadcrumb.module.scss.mjs

@@ -1,11 +1,11 @@
 const r = {
-  "cdr-breadcrumb": "cdr-breadcrumb_13-5-0-alpha-1",
-  "cdr-breadcrumb__list": "cdr-breadcrumb__list_13-5-0-alpha-1",
-  "cdr-breadcrumb__item": "cdr-breadcrumb__item_13-5-0-alpha-1",
-  "cdr-breadcrumb__link": "cdr-breadcrumb__link_13-5-0-alpha-1",
-  "cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_13-5-0-alpha-1",
-  "cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_13-5-0-alpha-1",
-  "cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_13-5-0-alpha-1"
+  "cdr-breadcrumb": "cdr-breadcrumb_13-5-0-alpha-2",
+  "cdr-breadcrumb__list": "cdr-breadcrumb__list_13-5-0-alpha-2",
+  "cdr-breadcrumb__item": "cdr-breadcrumb__item_13-5-0-alpha-2",
+  "cdr-breadcrumb__link": "cdr-breadcrumb__link_13-5-0-alpha-2",
+  "cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_13-5-0-alpha-2",
+  "cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_13-5-0-alpha-2",
+  "cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_13-5-0-alpha-2"
 };
 export {
   r as default

package/dist/src/components/button/CdrButton.vue.mjs

@@ -7,35 +7,64 @@ import v from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const z = y({
   name: "CdrButton",
   props: {
+    /**
+     * Renders CdrButton as a <button> or <a> element. When using the value of <a>, this element renders as an anchor link.
+     * @demoIgnore true
+     * @values button, a
+     */
     tag: {
       type: String,
       default: "button",
       validator: (t) => e(t, ["button", "a"])
     },
+    /**
+     * Sets the button type
+     * @demoIgnore true
+     * @values button, submit, reset
+     */
     type: {
       type: String,
       default: "button",
       validator: (t) => e(t, ["button", "submit", "reset"])
     },
+    /**
+     * Modifies the style variant for this component
+     * @demoSelectMultiple false
+     * @values primary, secondary, sale, dark, link
+     */
     modifier: {
       type: String,
       default: "primary",
       validator: (t) => e(t, ["primary", "secondary", "sale", "dark", "link"])
     },
+    /**
+     * Sets the button size; values can target responsive breakpoints. Example: `large@sm`.
+     * @demoSelectMultiple false
+     * @values small, medium, large
+     */
     size: {
       type: String,
       default: "medium",
       validator: (t) => e(t, ["small", "medium", "large"])
     },
+    /**
+     * Sets button width to 100%. Setting this value to true will set the button width to 100% of the parent container. Use the 'fullWidth' prop with the 'size' prop to control top and bottom padding.
+     */
     fullWidth: {
       type: [String, Boolean],
       default: !1,
       validator: (t) => typeof t == "string" ? e(t, ["@xs", "@sm", "@md", "@lg"], !1) : typeof t == "boolean"
     },
+    /**
+     * Renders an 'icon-only' button. When this value is true, it will override the size and 'responsiveSize' props. Can be used in conjunction with 'with-background'
+     */
     iconOnly: {
       type: Boolean,
       default: !1
     },
+    /**
+     * Renders an 'icon-only' button with a background color and border. Must be used in conjunction with the 'iconOnly' prop.
+     */
     withBackground: {
       type: Boolean,
       default: !1

package/dist/src/components/button/styles/CdrButton.module.scss.mjs

@@ -1,35 +1,35 @@
 const t = {
-  "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-button": "cdr-button_13-5-0-alpha-2",
+  "cdr-button--has-icon-left": "cdr-button--has-icon-left_13-5-0-alpha-2",
+  "cdr-button--has-icon-right": "cdr-button--has-icon-right_13-5-0-alpha-2",
+  "cdr-button--primary": "cdr-button--primary_13-5-0-alpha-2",
+  "cdr-button--secondary": "cdr-button--secondary_13-5-0-alpha-2",
+  "cdr-button--dark": "cdr-button--dark_13-5-0-alpha-2",
+  "cdr-button--sale": "cdr-button--sale_13-5-0-alpha-2",
+  "cdr-button--link": "cdr-button--link_13-5-0-alpha-2",
+  "cdr-button--large": "cdr-button--large_13-5-0-alpha-2",
+  "cdr-button--medium": "cdr-button--medium_13-5-0-alpha-2",
+  "cdr-button--small": "cdr-button--small_13-5-0-alpha-2",
+  "cdr-button--icon-only": "cdr-button--icon-only_13-5-0-alpha-2",
+  "cdr-button--icon-only-large": "cdr-button--icon-only-large_13-5-0-alpha-2",
+  "cdr-button--with-background": "cdr-button--with-background_13-5-0-alpha-2",
+  "cdr-button--full-width": "cdr-button--full-width_13-5-0-alpha-2",
+  "cdr-button--small@xs": "cdr-button--small@xs_13-5-0-alpha-2",
+  "cdr-button--medium@xs": "cdr-button--medium@xs_13-5-0-alpha-2",
+  "cdr-button--large@xs": "cdr-button--large@xs_13-5-0-alpha-2",
+  "cdr-button--full-width@xs": "cdr-button--full-width@xs_13-5-0-alpha-2",
+  "cdr-button--small@sm": "cdr-button--small@sm_13-5-0-alpha-2",
+  "cdr-button--medium@sm": "cdr-button--medium@sm_13-5-0-alpha-2",
+  "cdr-button--large@sm": "cdr-button--large@sm_13-5-0-alpha-2",
+  "cdr-button--full-width@sm": "cdr-button--full-width@sm_13-5-0-alpha-2",
+  "cdr-button--small@md": "cdr-button--small@md_13-5-0-alpha-2",
+  "cdr-button--medium@md": "cdr-button--medium@md_13-5-0-alpha-2",
+  "cdr-button--large@md": "cdr-button--large@md_13-5-0-alpha-2",
+  "cdr-button--full-width@md": "cdr-button--full-width@md_13-5-0-alpha-2",
+  "cdr-button--small@lg": "cdr-button--small@lg_13-5-0-alpha-2",
+  "cdr-button--medium@lg": "cdr-button--medium@lg_13-5-0-alpha-2",
+  "cdr-button--large@lg": "cdr-button--large@lg_13-5-0-alpha-2",
+  "cdr-button--full-width@lg": "cdr-button--full-width@lg_13-5-0-alpha-2"
 };
 export {
   t as default

package/dist/src/components/caption/CdrCaption.vue.mjs

@@ -4,9 +4,17 @@ import m from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const p = n({
   name: "CdrCaption",
   props: {
+    /**
+     * Sets the string content for the description body of the caption.
+     * @demoIgnore true
+     */
     summary: {
       type: String
     },
+    /**
+     * Sets the string content for attribution.
+     * @demoIgnore true
+     */
     credit: {
       type: String
     }

package/dist/src/components/caption/styles/CdrCaption.module.scss.mjs

@@ -1,6 +1,6 @@
 const a = {
-  "cdr-caption": "cdr-caption_13-5-0-alpha-1",
-  "cdr-caption__summary": "cdr-caption__summary_13-5-0-alpha-1"
+  "cdr-caption": "cdr-caption_13-5-0-alpha-2",
+  "cdr-caption__summary": "cdr-caption__summary_13-5-0-alpha-2"
 };
 export {
   a as default

package/dist/src/components/card/CdrCard.vue.mjs

@@ -4,6 +4,9 @@ import p from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const u = s({
   name: "CdrCard",
   props: {
+    /**
+     * Sets valid HTML container element tag.
+     */
     tag: {
       type: String,
       default: "article"

package/dist/src/components/card/styles/CdrCard.module.scss.mjs

@@ -1,5 +1,5 @@
 const a = {
-  "cdr-card": "cdr-card_13-5-0-alpha-1"
+  "cdr-card": "cdr-card_13-5-0-alpha-2"
 };
 export {
   a as default

package/dist/src/components/checkbox/CdrCheckbox.vue.mjs

@@ -25,45 +25,57 @@ const z = u({
   customOptions: {},
   props: {
     /**
-    * Class that is added to the label for custom styles
-    */
+     * Passes a CSS class to the label for custom styles
+     */
     labelClass: String,
     /**
-    * Class that is added to the input for custom styles
-    */
+     * Passes a CSS class to the input for custom styles
+     */
     inputClass: String,
     /**
-    * Class that is added to the slot wrapper for custom styles
-    */
+     * Passes a CSS class to the slot wrapper for custom styles
+     */
     contentClass: String,
     /**
-    * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
-    */
+     * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
+     */
     indeterminate: {
       type: [Boolean, String],
       default: !1
     },
     /**
-    * The value when checked.
-    */
+     * The value when checked.
+     */
     trueValue: {
       type: [String, Number, Boolean, Object, Array, Symbol, Function],
       default: !0
     },
     /**
-    * The value when unchecked.
-    */
+     * The value when unchecked.
+     */
     falseValue: {
       type: [String, Number, Boolean, Object, Array, Symbol, Function],
       default: !1
     },
     /**
-    * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
-    */
+     * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
+     */
     customValue: [String, Number, Boolean, Object, Array, Symbol, Function],
-    // Set which background type the input renders on
+    /**
+     * Sets the background color the input is rendered on
+     * @values primary, secondary
+     */
     background: A,
+    /**
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
     size: h,
+    /**
+     * Use `hide-figure` to hide the checkbox, which leaves the text label as the clickable element.
+     * Add appropriate custom styles to convey selected and unselected states.
+     * @values hide-figure
+     */
     modifier: {
       type: String,
       default: "",
@@ -74,24 +86,30 @@ const z = u({
       type: [String, Number, Boolean, Object, Array, Symbol, Function]
     }
   },
-  emits: ["update:modelValue"],
+  emits: {
+    /**
+     * Event emitted by v-model on the <input> element
+     * @param modelValue
+     */
+    "update:modelValue": null
+  },
   setup(e, t) {
-    const o = "cdr-checkbox", r = d({
+    const o = "cdr-checkbox", l = d({
       get() {
         return e.modelValue;
       },
-      set(l) {
-        t.emit("update:modelValue", l);
+      set(r) {
+        t.emit("update:modelValue", r);
       }
     });
     return {
       style: m(),
       baseClass: o,
-      checkboxModel: r
+      checkboxModel: l
     };
   }
 }), N = ["true-value", "false-value", "value"];
-function O(e, t, o, r, l, w) {
+function O(e, t, o, l, r, w) {
   const s = c("cdr-label-wrapper"), n = p("indeterminate");
   return b(), f(s, {
     class: y(e.style[e.baseClass]),

package/dist/src/components/checkbox/styles/CdrCheckbox.module.scss.mjs

@@ -1,29 +1,29 @@
 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-checkbox": "cdr-checkbox_13-5-0-alpha-1",
-  "cdr-checkbox__input": "cdr-checkbox__input_13-5-0-alpha-1"
+  "cdr-label-wrapper": "cdr-label-wrapper_13-5-0-alpha-2",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_13-5-0-alpha-2",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_13-5-0-alpha-2",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_13-5-0-alpha-2",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_13-5-0-alpha-2",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_13-5-0-alpha-2",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_13-5-0-alpha-2",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_13-5-0-alpha-2",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_13-5-0-alpha-2",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_13-5-0-alpha-2",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_13-5-0-alpha-2",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_13-5-0-alpha-2",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_13-5-0-alpha-2",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_13-5-0-alpha-2",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_13-5-0-alpha-2",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_13-5-0-alpha-2",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_13-5-0-alpha-2",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_13-5-0-alpha-2",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_13-5-0-alpha-2",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_13-5-0-alpha-2",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_13-5-0-alpha-2",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_13-5-0-alpha-2",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_13-5-0-alpha-2",
+  "cdr-checkbox": "cdr-checkbox_13-5-0-alpha-2",
+  "cdr-checkbox__input": "cdr-checkbox__input_13-5-0-alpha-2"
 };
 export {
   a as default

package/dist/src/components/chip/CdrChipGroup.vue.mjs

@@ -4,10 +4,16 @@ import I from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const $ = g({
   name: "CdrChipGroup",
   props: {
+    /**
+     * Sets a label that describes the chip group and what it is selecting. By default this label is visually hidden and only made available to screen readers.
+     */
     label: {
       type: String,
       required: !0
     },
+    /**
+     * Visually hides the chip group label but makes it accessible to screen readers.
+     */
     hideLabel: {
       type: Boolean,
       default: !0