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

package/dist/src/components/toast/styles/CdrToast.module.scss.mjs

@@ -1,61 +1,61 @@
 const t = {
-  "cdr-button": "cdr-button_13-5-0-alpha-0",
-  "cdr-button--has-icon-left": "cdr-button--has-icon-left_13-5-0-alpha-0",
-  "cdr-button--has-icon-right": "cdr-button--has-icon-right_13-5-0-alpha-0",
-  "cdr-button--primary": "cdr-button--primary_13-5-0-alpha-0",
-  "cdr-button--secondary": "cdr-button--secondary_13-5-0-alpha-0",
-  "cdr-button--dark": "cdr-button--dark_13-5-0-alpha-0",
-  "cdr-button--sale": "cdr-button--sale_13-5-0-alpha-0",
-  "cdr-button--link": "cdr-button--link_13-5-0-alpha-0",
-  "cdr-button--large": "cdr-button--large_13-5-0-alpha-0",
-  "cdr-button--medium": "cdr-button--medium_13-5-0-alpha-0",
-  "cdr-button--small": "cdr-button--small_13-5-0-alpha-0",
-  "cdr-button--icon-only": "cdr-button--icon-only_13-5-0-alpha-0",
-  "cdr-button--icon-only-large": "cdr-button--icon-only-large_13-5-0-alpha-0",
-  "cdr-button--with-background": "cdr-button--with-background_13-5-0-alpha-0",
-  "cdr-button--full-width": "cdr-button--full-width_13-5-0-alpha-0",
-  "cdr-button--small@xs": "cdr-button--small@xs_13-5-0-alpha-0",
-  "cdr-button--medium@xs": "cdr-button--medium@xs_13-5-0-alpha-0",
-  "cdr-button--large@xs": "cdr-button--large@xs_13-5-0-alpha-0",
-  "cdr-button--full-width@xs": "cdr-button--full-width@xs_13-5-0-alpha-0",
-  "cdr-button--small@sm": "cdr-button--small@sm_13-5-0-alpha-0",
-  "cdr-button--medium@sm": "cdr-button--medium@sm_13-5-0-alpha-0",
-  "cdr-button--large@sm": "cdr-button--large@sm_13-5-0-alpha-0",
-  "cdr-button--full-width@sm": "cdr-button--full-width@sm_13-5-0-alpha-0",
-  "cdr-button--small@md": "cdr-button--small@md_13-5-0-alpha-0",
-  "cdr-button--medium@md": "cdr-button--medium@md_13-5-0-alpha-0",
-  "cdr-button--large@md": "cdr-button--large@md_13-5-0-alpha-0",
-  "cdr-button--full-width@md": "cdr-button--full-width@md_13-5-0-alpha-0",
-  "cdr-button--small@lg": "cdr-button--small@lg_13-5-0-alpha-0",
-  "cdr-button--medium@lg": "cdr-button--medium@lg_13-5-0-alpha-0",
-  "cdr-button--large@lg": "cdr-button--large@lg_13-5-0-alpha-0",
-  "cdr-button--full-width@lg": "cdr-button--full-width@lg_13-5-0-alpha-0",
-  "cdr-icon": "cdr-icon_13-5-0-alpha-0",
-  "cdr-icon--small": "cdr-icon--small_13-5-0-alpha-0",
-  "cdr-icon--large": "cdr-icon--large_13-5-0-alpha-0",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_13-5-0-alpha-0",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_13-5-0-alpha-0",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_13-5-0-alpha-0",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_13-5-0-alpha-0",
-  "cdr-icon--small@md": "cdr-icon--small@md_13-5-0-alpha-0",
-  "cdr-icon--large@md": "cdr-icon--large@md_13-5-0-alpha-0",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_13-5-0-alpha-0",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_13-5-0-alpha-0",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_13-5-0-alpha-0",
-  "cdr-toast": "cdr-toast_13-5-0-alpha-0",
-  "cdr-toast__transition--toast-enter-from": "cdr-toast__transition--toast-enter-from_13-5-0-alpha-0",
-  "cdr-toast__transition--toast-enter-active": "cdr-toast__transition--toast-enter-active_13-5-0-alpha-0",
-  "cdr-toast__transition--toast-leave-to": "cdr-toast__transition--toast-leave-to_13-5-0-alpha-0",
-  "cdr-toast__transition--toast-leave-active": "cdr-toast__transition--toast-leave-active_13-5-0-alpha-0",
-  "cdr-toast__main": "cdr-toast__main_13-5-0-alpha-0",
-  "cdr-toast__icon-left": "cdr-toast__icon-left_13-5-0-alpha-0",
-  "cdr-toast__message": "cdr-toast__message_13-5-0-alpha-0",
-  "cdr-toast__close-button": "cdr-toast__close-button_13-5-0-alpha-0",
-  "cdr-toast--default": "cdr-toast--default_13-5-0-alpha-0",
-  "cdr-toast--info": "cdr-toast--info_13-5-0-alpha-0",
-  "cdr-toast--warning": "cdr-toast--warning_13-5-0-alpha-0",
-  "cdr-toast--success": "cdr-toast--success_13-5-0-alpha-0",
-  "cdr-toast--error": "cdr-toast--error_13-5-0-alpha-0"
+  "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",
+  "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-toast": "cdr-toast_13-5-0-alpha-2",
+  "cdr-toast__transition--toast-enter-from": "cdr-toast__transition--toast-enter-from_13-5-0-alpha-2",
+  "cdr-toast__transition--toast-enter-active": "cdr-toast__transition--toast-enter-active_13-5-0-alpha-2",
+  "cdr-toast__transition--toast-leave-to": "cdr-toast__transition--toast-leave-to_13-5-0-alpha-2",
+  "cdr-toast__transition--toast-leave-active": "cdr-toast__transition--toast-leave-active_13-5-0-alpha-2",
+  "cdr-toast__main": "cdr-toast__main_13-5-0-alpha-2",
+  "cdr-toast__icon-left": "cdr-toast__icon-left_13-5-0-alpha-2",
+  "cdr-toast__message": "cdr-toast__message_13-5-0-alpha-2",
+  "cdr-toast__close-button": "cdr-toast__close-button_13-5-0-alpha-2",
+  "cdr-toast--default": "cdr-toast--default_13-5-0-alpha-2",
+  "cdr-toast--info": "cdr-toast--info_13-5-0-alpha-2",
+  "cdr-toast--warning": "cdr-toast--warning_13-5-0-alpha-2",
+  "cdr-toast--success": "cdr-toast--success_13-5-0-alpha-2",
+  "cdr-toast--error": "cdr-toast--error_13-5-0-alpha-2"
 };
 export {
   t as default

package/dist/src/components/toggleButton/CdrToggleButton.vue.mjs

@@ -4,6 +4,9 @@ import f from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const V = s({
   name: "CdrToggleButton",
   props: {
+    /**
+     * Sets the value and aria-label for the toggle button. Display can be overridden using default slot
+     */
     toggleValue: {
       type: String,
       required: !0

package/dist/src/components/toggleButton/CdrToggleGroup.vue.mjs

@@ -6,17 +6,29 @@ import A from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const O = C({
   name: "CdrToggleGroup",
   props: {
+    /** @ignore */
     modelValue: {
       type: [String, Number, Boolean, Object, Array],
       required: !0
     },
+    /**
+     * Sets toggle button size
+     * @demoSelectMultiple false
+     * @values medium, large
+    */
     size: {
       type: String,
       default: "medium",
       validator: (e) => k(e, ["medium", "large"])
     }
   },
-  emits: ["update:modelValue"],
+  emits: {
+    /**
+     * Event emitted by v-model
+     * @param modelValue
+     */
+    "update:modelValue": null
+  },
   setup(e, t) {
     const a = g(null), u = g(e.modelValue);
     b("selectedToggleValue", u);

package/dist/src/components/toggleButton/styles/CdrToggleButton.module.scss.mjs

@@ -1,6 +1,6 @@
 const t = {
-  "cdr-toggle-button__item": "cdr-toggle-button__item_13-5-0-alpha-0",
-  "cdr-toggle-button__container": "cdr-toggle-button__container_13-5-0-alpha-0"
+  "cdr-toggle-button__item": "cdr-toggle-button__item_13-5-0-alpha-2",
+  "cdr-toggle-button__container": "cdr-toggle-button__container_13-5-0-alpha-2"
 };
 export {
   t as default

package/dist/src/components/toggleButton/styles/CdrToggleGroup.module.scss.mjs

@@ -1,9 +1,9 @@
 const g = {
-  "cdr-toggle-group": "cdr-toggle-group_13-5-0-alpha-0",
-  "cdr-toggle-group--medium": "cdr-toggle-group--medium_13-5-0-alpha-0",
-  "cdr-toggle-button__item": "cdr-toggle-button__item_13-5-0-alpha-0",
-  "cdr-toggle-button__container": "cdr-toggle-button__container_13-5-0-alpha-0",
-  "cdr-toggle-group--large": "cdr-toggle-group--large_13-5-0-alpha-0"
+  "cdr-toggle-group": "cdr-toggle-group_13-5-0-alpha-2",
+  "cdr-toggle-group--medium": "cdr-toggle-group--medium_13-5-0-alpha-2",
+  "cdr-toggle-button__item": "cdr-toggle-button__item_13-5-0-alpha-2",
+  "cdr-toggle-button__container": "cdr-toggle-button__container_13-5-0-alpha-2",
+  "cdr-toggle-group--large": "cdr-toggle-group--large_13-5-0-alpha-2"
 };
 export {
   g as default

package/dist/src/components/tooltip/CdrTooltip.vue.mjs

@@ -10,30 +10,51 @@ const k = v({
     CdrPopup: P
   },
   props: {
+    /**
+     * Sets the position where the tooltip will render relative to the trigger element.
+     * @demoSelectMultiple false
+     * @values top, bottom, left, right
+     */
     position: {
       type: String,
       required: !1,
       default: "top",
       validator: (e) => S(e, ["top", "bottom", "left", "right"])
     },
+    /**
+     * If set to `true`, tooltip will attempt to dynamically set it's position to
+     * ensure it renders within the visible browser window.
+     * If `false` the tooltip will always render in the provided `position`.
+     */
     autoPosition: {
       type: Boolean,
       default: !0
     },
+    /** ID for the tooltip element, required for accessibility */
     id: {
       type: String,
       required: !0
     },
+    /** Add custom class to the tooltip content wrapper. Allows for overriding size, styling, etc. */
     contentClass: {
       type: String,
       required: !1
     },
+    /**
+     * Used to programmatically control the tooltip state. Does not need to be set if you are using the `trigger` slot.
+     * @demoIgnore true
+     */
     open: {
       type: Boolean,
       default: !1
     }
   },
-  emits: ["opened", "closed"],
+  emits: {
+    /** Emits when tooltip is opened */
+    opened: null,
+    /** Emits when tooltip is closed */
+    closed: null
+  },
   setup(e, r) {
     const u = C(), i = a(!1);
     let l, t;

package/dist/src/components/tooltip/styles/CdrTooltip.module.scss.mjs

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