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

package/dist/src/components/chip/styles/CdrChip.module.scss.mjs

@@ -1,8 +1,8 @@
 const c = {
-  "cdr-chip": "cdr-chip_13-5-0-alpha-1",
-  "cdr-chip__icon-left": "cdr-chip__icon-left_13-5-0-alpha-1",
-  "cdr-chip__icon-right": "cdr-chip__icon-right_13-5-0-alpha-1",
-  "cdr-chip__content": "cdr-chip__content_13-5-0-alpha-1"
+  "cdr-chip": "cdr-chip_13-5-0-alpha-2",
+  "cdr-chip__icon-left": "cdr-chip__icon-left_13-5-0-alpha-2",
+  "cdr-chip__icon-right": "cdr-chip__icon-right_13-5-0-alpha-2",
+  "cdr-chip__content": "cdr-chip__content_13-5-0-alpha-2"
 };
 export {
   c as default

package/dist/src/components/chip/styles/CdrChipGroup.module.scss.mjs

@@ -1,8 +1,8 @@
 const p = {
-  "cdr-chip-group": "cdr-chip-group_13-5-0-alpha-1",
-  "cdr-chip-group__content": "cdr-chip-group__content_13-5-0-alpha-1",
-  "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_13-5-0-alpha-1",
-  "cdr-chip-group__legend": "cdr-chip-group__legend_13-5-0-alpha-1"
+  "cdr-chip-group": "cdr-chip-group_13-5-0-alpha-2",
+  "cdr-chip-group__content": "cdr-chip-group__content_13-5-0-alpha-2",
+  "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_13-5-0-alpha-2",
+  "cdr-chip-group__legend": "cdr-chip-group__legend_13-5-0-alpha-2"
 };
 export {
   p as default

package/dist/src/components/container/CdrContainer.vue.mjs

@@ -6,11 +6,16 @@ import C from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const $ = t({
   name: "CdrContainer",
   props: {
-    /** Any valid HTML tag */
+    /** Sets the HTML tag for the container element */
     tag: {
       type: String,
       default: "div"
     },
+    /**
+     * Controls whether container is static or fluid width.
+     * @demoSelectMultiple false
+     * @values static, fluid
+    */
     modifier: {
       type: String,
       default: "static",

package/dist/src/components/container/styles/CdrContainer.module.scss.mjs

@@ -1,6 +1,6 @@
 const a = {
-  "cdr-container": "cdr-container_13-5-0-alpha-1",
-  "cdr-container--static": "cdr-container--static_13-5-0-alpha-1"
+  "cdr-container": "cdr-container_13-5-0-alpha-2",
+  "cdr-container--static": "cdr-container--static_13-5-0-alpha-2"
 };
 export {
   a as default

package/dist/src/components/formError/styles/CdrFormError.module.scss.mjs

@@ -1,6 +1,6 @@
 const r = {
-  "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-form-error": "cdr-form-error_13-5-0-alpha-2",
+  "cdr-form-error__icon": "cdr-form-error__icon_13-5-0-alpha-2"
 };
 export {
   r as default

package/dist/src/components/formGroup/styles/CdrFormGroup.module.scss.mjs

@@ -1,12 +1,12 @@
 const r = {
-  "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-form-group": "cdr-form-group_13-5-0-alpha-1",
-  "cdr-form-group--error": "cdr-form-group--error_13-5-0-alpha-1",
-  "cdr-form-group--disabled": "cdr-form-group--disabled_13-5-0-alpha-1",
-  "cdr-form-group__optional": "cdr-form-group__optional_13-5-0-alpha-1",
-  "cdr-form-group__required": "cdr-form-group__required_13-5-0-alpha-1",
-  "cdr-form-group__wrapper": "cdr-form-group__wrapper_13-5-0-alpha-1"
+  "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-form-group": "cdr-form-group_13-5-0-alpha-2",
+  "cdr-form-group--error": "cdr-form-group--error_13-5-0-alpha-2",
+  "cdr-form-group--disabled": "cdr-form-group--disabled_13-5-0-alpha-2",
+  "cdr-form-group__optional": "cdr-form-group__optional_13-5-0-alpha-2",
+  "cdr-form-group__required": "cdr-form-group__required_13-5-0-alpha-2",
+  "cdr-form-group__wrapper": "cdr-form-group__wrapper_13-5-0-alpha-2"
 };
 export {
   r as default

package/dist/src/components/grid/CdrGrid.vue.mjs

@@ -8,15 +8,16 @@ const y = r({
   name: "CdrGrid",
   props: {
     /**
-    * Defines gutter size.
-    * Possible values: {none, small, medium, large}.
-    * Also accepts responsive values with `@breakpoint`: "none@md"
+    * Defines gutter size. Also accepts responsive values with `@breakpoint`: "none@md"
+    * @demoSelectMultiple false
+    * @values none, small, medium, large
     */
     gutter: {
       type: String,
       validator: (e) => c(e, ["none", "small", "medium", "large"]),
       default: "medium@xs medium@sm large@md large@lg"
     },
+    /** Sets the HTML tag for the grid element */
     tag: {
       type: String,
       default: "div"

package/dist/src/components/grid/styles/CdrGrid.module.scss.mjs

@@ -1,25 +1,25 @@
 const r = {
-  "cdr-grid": "cdr-grid_13-5-0-alpha-1",
-  "cdr-grid--gutter-none": "cdr-grid--gutter-none_13-5-0-alpha-1",
-  "cdr-grid--gutter-small": "cdr-grid--gutter-small_13-5-0-alpha-1",
-  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_13-5-0-alpha-1",
-  "cdr-grid--gutter-large": "cdr-grid--gutter-large_13-5-0-alpha-1",
-  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_13-5-0-alpha-1",
-  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_13-5-0-alpha-1",
-  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_13-5-0-alpha-1",
-  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_13-5-0-alpha-1",
-  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_13-5-0-alpha-1",
-  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_13-5-0-alpha-1",
-  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_13-5-0-alpha-1",
-  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_13-5-0-alpha-1",
-  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_13-5-0-alpha-1",
-  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_13-5-0-alpha-1",
-  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_13-5-0-alpha-1",
-  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_13-5-0-alpha-1",
-  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_13-5-0-alpha-1",
-  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_13-5-0-alpha-1",
-  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_13-5-0-alpha-1",
-  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_13-5-0-alpha-1"
+  "cdr-grid": "cdr-grid_13-5-0-alpha-2",
+  "cdr-grid--gutter-none": "cdr-grid--gutter-none_13-5-0-alpha-2",
+  "cdr-grid--gutter-small": "cdr-grid--gutter-small_13-5-0-alpha-2",
+  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_13-5-0-alpha-2",
+  "cdr-grid--gutter-large": "cdr-grid--gutter-large_13-5-0-alpha-2",
+  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_13-5-0-alpha-2",
+  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_13-5-0-alpha-2",
+  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_13-5-0-alpha-2",
+  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_13-5-0-alpha-2",
+  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_13-5-0-alpha-2",
+  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_13-5-0-alpha-2",
+  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_13-5-0-alpha-2",
+  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_13-5-0-alpha-2",
+  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_13-5-0-alpha-2",
+  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_13-5-0-alpha-2",
+  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_13-5-0-alpha-2",
+  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_13-5-0-alpha-2",
+  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_13-5-0-alpha-2",
+  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_13-5-0-alpha-2",
+  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_13-5-0-alpha-2",
+  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_13-5-0-alpha-2"
 };
 export {
   r as default

package/dist/src/components/icon/CdrIcon.vue.mjs

@@ -8,13 +8,16 @@ const z = f({
   name: "CdrIcon",
   props: {
     /**
-    * The href attribute passed to the use element. Will be prefixed with # automatically
-    */
+     * Only on CdrIcon. Sets the href attribute for use with SVG symbol sprite (see @rei/cedar-icons).
+     */
     use: String,
     /**
-    * Sets icon fill to "inherit" so as to use parent/ancestor fill color.
-    */
-    inheritColor: Boolean,
+     * Sets icon fill to "inherit" so as to use parent/ancestor fill color.
+     */
+    inheritColor: {
+      type: Boolean,
+      default: !1
+    },
     size: {
       type: String,
       default: "medium",

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

@@ -1,16 +1,16 @@
 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-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"
 };
 export {
   c as default

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

@@ -8,21 +8,23 @@ const P = g({
   inheritAttrs: !1,
   props: {
     /**
-    * Required. Image source url.
-    */
+     * Image source url.
+     */
     src: {
       type: String,
       required: !0
     },
     /**
-    * Required. Image alt text.
-    */
+     * Image alt text. Defaults to an empty string
+     */
     alt: {
       type: String,
       default: ""
     },
     /**
-    * Aspect ratio of the media container. {auto, square, 1-2, 2-3, 3-4, 9-16, 2-1, 3-2, 4-3, 16-9}
+     * Aspect ratio of the media container
+    * @demoSelectMultiple false
+    * @values auto, square, 1-2, 2-3, 3-4, 9-16, 2-1, 3-2, 4-3, 16-9
     */
     ratio: {
       type: String,
@@ -30,6 +32,8 @@ const P = g({
     },
     /**
     * Requires a `ratio`. Area to crop the image overflow to. {left, center, right} {top, center, bottom}
+    * @demoSelectMultiple false
+    * @values left, x-center, right, top, y-center, bottom
     */
     crop: {
       type: String
@@ -46,11 +50,18 @@ const P = g({
     containerClass: String,
     /**
     * Sets a border radius to an element {square, top, right, bottom, left}
+    * @demoSelectMultiple false
+    * @values circle, rounded
     */
     radius: {
       type: String,
       validator: (s) => ["circle", "rounded"].indexOf(s) >= 0 || !1
     },
+    /**
+     * Modifies the style variant for this component.
+     * @demoSelectMultiple false
+     * @values responsive
+     */
     modifier: {
       type: String,
       default: "",

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

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

package/dist/src/components/input/CdrInput.vue.mjs

@@ -18,15 +18,17 @@ const _ = E({
   customOptions: {},
   props: {
     /**
-     * `id` for the input that is mapped to the label `for` attribute.
+     * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be randomly generated.
     */
     id: {
       type: String
     },
     /**
      *  'type' attribute for the input as defined by w3c.
-     *  Only supporting text|email|number|password|search|url.
+     *  Only supporting text|email|number|password|search|url|date.
      *  The increment/decrement webkit psuedo element is hidden for number.
+     *  @demoSelectMultiple false
+     *  @values text, email, number, password, search, url, tel, date
     */
     type: {
       type: [String],
@@ -34,13 +36,15 @@ const _ = E({
       validator: (e) => O(e, ["text", "email", "number", "password", "search", "url", "tel", "date"])
     },
     /**
-     * Label text. This is required for a11y even if hiding the label with `hideLabel`.
+     * Sets the text value for the input label. Required for a11y compliance. Use ‘hideLabel’ if the label display is not desired. Required.
     */
     label: {
       type: String,
       required: !0
     },
-    // sets default attrs for inputs that should use a numeric keyboard but are not strictly "numbers" (security code, CC number, postal code)
+    /**
+     * Sets default attributes for an input that should launch a numeric keyboard but is not strictly a 'number' (credit card, security code, postal code, etc.). Should be used in conjunction with the default text type input. An `input` listener can be used to fully restrict input values to numerical characters only
+     */
     numeric: {
       type: Boolean,
       default: !1
@@ -50,35 +54,59 @@ const _ = E({
     */
     hideLabel: Boolean,
     /**
-     * Number of rows for input.  Converts component to text-area if rows greater than 1.
+     * Number of rows for input. Converts component to text-area if rows greater than 1.
     */
     rows: Number,
-    // Set which background type the input renders on
+    /**
+     * Sets the background color the input is rendered on
+     * @values primary, secondary
+     */
     background: Q,
+    /**
+     * Sets the input field size
+    * @demoSelectMultiple false
+    * @values medium, large
+    */
     size: K,
     /**
-     * Override the error message role, default is `status`.
+     * Sets the `role` attribute for the embedded error state messaging.
      */
     errorRole: {
       type: String,
       required: !1,
       default: "status"
     },
-    // Set error styling
+    /** Sets the input to an error state, displays the `error` slot if one is present. */
     error: {
       type: [Boolean, String],
       default: !1
     },
+    /**
+     * Sets the disabled state for the input field and label styling. Also, restricts user input.
+     */
     disabled: Boolean,
+    /**
+     * Sets aria-required on the input field and displays an asterisk next to the input label.
+     */
     required: Boolean,
+    /**
+     * Displays '(optional)' text next to the input label.
+     */
     optional: Boolean,
+    /** @ignore */
     modelValue: {
       type: [String, Number, Function]
     },
-    // Adds a custom class to the cdr-lable-standalone wrapping div
+    /** Adds a custom class to the cdr-label-standalone wrapping div */
     labelClass: String
   },
-  emits: ["update:modelValue"],
+  emits: {
+    /**
+     * Event emitted by v-model on the <input> element
+     * @param modelValue
+     */
+    "update:modelValue": null
+  },
   setup(e, r) {
     const f = "cdr-input", b = L(!1), y = r.slots["helper-text-top"], h = r.slots["helper-text-bottom"], p = r.slots["pre-icon"], t = r.slots["post-icon"], o = t && r.slots["post-icon"]().length > 1, q = r.slots.info, v = r.slots["info-action"], d = e.id ? e.id : X(), B = s(() => e.rows > 1 && "cdr-input--multiline"), w = s(() => p && "cdr-input--preicon"), M = s(() => t && "cdr-input--posticon"), S = s(() => o && "cdr-input--posticons"), z = s(() => e.error && "cdr-input--error"), F = s(() => `cdr-input--${e.background}`), P = s(() => e.size && `${f}--${e.size}`), V = s(() => b.value && "cdr-input--focus"), A = s(() => {
       const n = [r.slots["helper-text-top"] ? `${d}-helper-text-top` : "", r.slots["helper-text-bottom"] ? `${d}-helper-text-bottom` : "", r.attrs["aria-describedby"]].filter((T) => T).join(" ");

package/dist/src/components/input/styles/CdrInput.module.scss.mjs

@@ -1,36 +1,36 @@
 const a = {
-  "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-input": "cdr-input_13-5-0-alpha-1",
-  "cdr-input--focus": "cdr-input--focus_13-5-0-alpha-1",
-  "cdr-input--multiline": "cdr-input--multiline_13-5-0-alpha-1",
-  "cdr-input--preicon": "cdr-input--preicon_13-5-0-alpha-1",
-  "cdr-input--posticon": "cdr-input--posticon_13-5-0-alpha-1",
-  "cdr-input--posticons": "cdr-input--posticons_13-5-0-alpha-1",
-  "cdr-input--primary": "cdr-input--primary_13-5-0-alpha-1",
-  "cdr-input--secondary": "cdr-input--secondary_13-5-0-alpha-1",
-  "cdr-input--error": "cdr-input--error_13-5-0-alpha-1",
-  "cdr-input--large": "cdr-input--large_13-5-0-alpha-1",
-  "cdr-input--large@xs": "cdr-input--large@xs_13-5-0-alpha-1",
-  "cdr-input--large@sm": "cdr-input--large@sm_13-5-0-alpha-1",
-  "cdr-input--large@md": "cdr-input--large@md_13-5-0-alpha-1",
-  "cdr-input--large@lg": "cdr-input--large@lg_13-5-0-alpha-1",
-  "cdr-input__pre-icon": "cdr-input__pre-icon_13-5-0-alpha-1",
-  "cdr-input__post-icon": "cdr-input__post-icon_13-5-0-alpha-1",
-  "cdr-input__helper-text": "cdr-input__helper-text_13-5-0-alpha-1",
-  "cdr-input-wrap": "cdr-input-wrap_13-5-0-alpha-1"
+  "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-input": "cdr-input_13-5-0-alpha-2",
+  "cdr-input--focus": "cdr-input--focus_13-5-0-alpha-2",
+  "cdr-input--multiline": "cdr-input--multiline_13-5-0-alpha-2",
+  "cdr-input--preicon": "cdr-input--preicon_13-5-0-alpha-2",
+  "cdr-input--posticon": "cdr-input--posticon_13-5-0-alpha-2",
+  "cdr-input--posticons": "cdr-input--posticons_13-5-0-alpha-2",
+  "cdr-input--primary": "cdr-input--primary_13-5-0-alpha-2",
+  "cdr-input--secondary": "cdr-input--secondary_13-5-0-alpha-2",
+  "cdr-input--error": "cdr-input--error_13-5-0-alpha-2",
+  "cdr-input--large": "cdr-input--large_13-5-0-alpha-2",
+  "cdr-input--large@xs": "cdr-input--large@xs_13-5-0-alpha-2",
+  "cdr-input--large@sm": "cdr-input--large@sm_13-5-0-alpha-2",
+  "cdr-input--large@md": "cdr-input--large@md_13-5-0-alpha-2",
+  "cdr-input--large@lg": "cdr-input--large@lg_13-5-0-alpha-2",
+  "cdr-input__pre-icon": "cdr-input__pre-icon_13-5-0-alpha-2",
+  "cdr-input__post-icon": "cdr-input__post-icon_13-5-0-alpha-2",
+  "cdr-input__helper-text": "cdr-input__helper-text_13-5-0-alpha-2",
+  "cdr-input-wrap": "cdr-input-wrap_13-5-0-alpha-2"
 };
 export {
   a as default

package/dist/src/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs

@@ -1,16 +1,16 @@
 const a = {
-  "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-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"
 };
 export {
   a as default

package/dist/src/components/labelWrapper/styles/CdrLabelWrapper.module.scss.mjs

@@ -1,27 +1,27 @@
 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-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"
 };
 export {
   a as default

package/dist/src/components/link/CdrLink.vue.mjs

@@ -6,18 +6,32 @@ import y from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const $ = n({
   name: "CdrLink",
   props: {
+    /**
+     * Sets valid HTML element tag
+     * @values a, button
+     */
     tag: {
       type: String,
       default: "a"
     },
+    /**
+     * Sets value for anchors href property. Requires tag prop value to be `a`.
+     */
     href: {
       type: String,
       default: "#"
     },
+    /**
+     * Sets color and fill
+     */
     inheritColor: {
       type: Boolean,
       default: !1
     },
+    /**
+     * Modifies the style variant for this component.
+     * @values standalone
+     */
     modifier: {
       type: String,
       default: "",

package/dist/src/components/link/styles/CdrLink.module.scss.mjs

@@ -1,7 +1,7 @@
 const l = {
-  "cdr-link": "cdr-link_13-5-0-alpha-1",
-  "cdr-link--standalone": "cdr-link--standalone_13-5-0-alpha-1",
-  "cdr-link--inherit-color": "cdr-link--inherit-color_13-5-0-alpha-1"
+  "cdr-link": "cdr-link_13-5-0-alpha-2",
+  "cdr-link--standalone": "cdr-link--standalone_13-5-0-alpha-2",
+  "cdr-link--inherit-color": "cdr-link--inherit-color_13-5-0-alpha-2"
 };
 export {
   l as default

package/dist/src/components/list/CdrList.vue.mjs

@@ -6,13 +6,19 @@ const _ = a({
   name: "CdrList",
   props: {
     /**
-     * Tag accepts a user defined element and expects either: 'ul' = Unordered List or 'ol' = Ordered List.
+     * Sets list type and HTML element as "unordered" or "ordered"
+     * @values ul, ol
      */
     tag: {
       type: String,
       default: "ul",
       validator: (e) => i(e, ["ul", "ol"])
     },
+    /**
+     * Modifies the style variant for this component
+     * @demoSelectMultiple true
+     * @values ordered, unordered, compact, inline
+     */
     modifier: {
       type: String,
       default: "",