@rei/cedar 14.0.2-alpha.3 → 14.0.2-alpha.5

package/dist/components/accordion/CdrAccordion.vue.d.ts

@@ -0,0 +1,128 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * The unique id of an accordion.
+     * @demoIgnore true
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Toggle this value to open/close the accordion.
+     * @demoIgnore true
+     */
+    opened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets a compact style.
+     */
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets a border-aligned style.
+     */
+    borderAligned: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets the heading level
+     * @demoIgnore true
+     */
+    level: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * Toggles content spacing (padding)
+     */
+    contentSpacing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets the readable text on CdrAccordion button (also can be slotted)
+     * @demoIgnore true
+     */
+    label: {
+        type: StringConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+    * Emits on accordion open/close
+    */
+    'accordion-toggle': null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The unique id of an accordion.
+     * @demoIgnore true
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Toggle this value to open/close the accordion.
+     * @demoIgnore true
+     */
+    opened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets a compact style.
+     */
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets a border-aligned style.
+     */
+    borderAligned: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets the heading level
+     * @demoIgnore true
+     */
+    level: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * Toggles content spacing (padding)
+     */
+    contentSpacing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets the readable text on CdrAccordion button (also can be slotted)
+     * @demoIgnore true
+     */
+    label: {
+        type: StringConstructor;
+    };
+}>> & {
+    "onAccordion-toggle"?: ((...args: any[]) => any) | undefined;
+}, {
+    opened: boolean;
+    compact: boolean;
+    borderAligned: boolean;
+    contentSpacing: boolean;
+}, {}>, {
+    label?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/accordion/CdrAccordionGroup.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * 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: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 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: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    unwrap: string | boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/accordion/symbols.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey } from "vue";
+import type { Ref } from 'vue';
+export declare const unwrappedKey: InjectionKey<Ref<boolean>>;
+export declare const groupedKey: InjectionKey<boolean>;

package/dist/components/banner/CdrBanner.vue.d.ts

@@ -0,0 +1,37 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Sets the banner style.
+     * @demoSelectMultiple false
+     * @values info, warning, success, error, default
+   */
+    type: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Sets the banner style.
+     * @demoSelectMultiple false
+     * @values info, warning, success, error, default
+   */
+    type: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+        default: string;
+    };
+}>>, {
+    type: string;
+}, {}>, {
+    "icon-left"?(_: {}): any;
+    default?(_: {}): any;
+    "icon-right"?(_: {}): any;
+    "message-body"?(_: {}): any;
+    "info-action"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/breadcrumb/CdrBreadcrumb.vue.d.ts

@@ -0,0 +1,74 @@
+import { PropType } from 'vue';
+import { breadcrumbItem } from './interfaces';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+      * Sets the array of a breadcrumb object containing a 'url' and 'name' property.
+      * @demoIgnore true
+      */
+    items: {
+        type: PropType<breadcrumbItem[]>;
+        default: () => never[];
+        validator: (value: breadcrumbItem[]) => boolean;
+    };
+    /**
+     * Controls the ability to truncate the entire breadcrumb path. If this value is false, truncation will no longer occur.
+     */
+    truncationEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Define a custom ID for the `<nav>` element. Randomly generated if no ID provided.
+     * @demoIgnore true
+     */
+    id: {
+        type: StringConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+   * Emits when a breadcrumb item is clicked. `e.preventDefault()` may be used to override the default link navigation.
+   * @param breadcrumb The breadcrumb data object
+   */
+    navigate: null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+      * Sets the array of a breadcrumb object containing a 'url' and 'name' property.
+      * @demoIgnore true
+      */
+    items: {
+        type: PropType<breadcrumbItem[]>;
+        default: () => never[];
+        validator: (value: breadcrumbItem[]) => boolean;
+    };
+    /**
+     * Controls the ability to truncate the entire breadcrumb path. If this value is false, truncation will no longer occur.
+     */
+    truncationEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Define a custom ID for the `<nav>` element. Randomly generated if no ID provided.
+     * @demoIgnore true
+     */
+    id: {
+        type: StringConstructor;
+    };
+}>> & {
+    onNavigate?: ((...args: any[]) => any) | undefined;
+}, {
+    items: breadcrumbItem[];
+    truncationEnabled: boolean;
+}, {}>, {
+    link?(_: {
+        class: string;
+        href: string;
+        content: string;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/breadcrumb/interfaces.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Breadcrumb data object
+ *
+ * @interface breadcrumbItem
+ * @url {string} The url for the breadcrumb link
+ * @name {string} The display name for breadcrumb link
+ * @id {string} Optional id
+ */
+export interface breadcrumbItem {
+    item: {
+        url: string;
+        name: string;
+        id?: string;
+    };
+}

package/dist/components/button/CdrButton.vue.d.ts

@@ -0,0 +1,146 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+       * 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: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the button type
+     * @demoIgnore true
+     * @values button, submit, reset
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Modifies the style variant for this component
+     * @demoSelectMultiple false
+     * @values primary, secondary, sale, dark, link
+     */
+    modifier: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the button size; values can target responsive breakpoints. Example: `large@sm`.
+     * @demoSelectMultiple false
+     * @values small, medium, large
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 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: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => 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: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Renders an 'icon-only' button with a background color and border. Must be used in conjunction with the 'iconOnly' prop.
+     */
+    withBackground: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+       * 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: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the button type
+     * @demoIgnore true
+     * @values button, submit, reset
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Modifies the style variant for this component
+     * @demoSelectMultiple false
+     * @values primary, secondary, sale, dark, link
+     */
+    modifier: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the button size; values can target responsive breakpoints. Example: `large@sm`.
+     * @demoSelectMultiple false
+     * @values small, medium, large
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 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: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => 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: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Renders an 'icon-only' button with a background color and border. Must be used in conjunction with the 'iconOnly' prop.
+     */
+    withBackground: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    size: string;
+    type: string;
+    tag: string;
+    modifier: string;
+    fullWidth: string | boolean;
+    iconOnly: boolean;
+    withBackground: boolean;
+}, {}>, {
+    "icon-left"?(_: {}): any;
+    icon?(_: {}): any;
+    default?(_: {}): any;
+    "icon-right"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/caption/CdrCaption.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Sets the string content for the description body of the caption.
+     * @demoIgnore true
+     */
+    summary: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets the string content for attribution.
+     * @demoIgnore true
+     */
+    credit: {
+        type: StringConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Sets the string content for the description body of the caption.
+     * @demoIgnore true
+     */
+    summary: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets the string content for attribution.
+     * @demoIgnore true
+     */
+    credit: {
+        type: StringConstructor;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/card/CdrCard.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Sets valid HTML container element tag. */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Sets valid HTML container element tag. */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/checkbox/CdrCheckbox.vue.d.ts

@@ -0,0 +1,169 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+         * Passes a CSS class to the label for custom styles
+         */
+    labelClass: StringConstructor;
+    /**
+     * Passes a CSS class to the input for custom styles
+     */
+    inputClass: StringConstructor;
+    /**
+     * Passes a CSS class to the slot wrapper for custom styles
+     */
+    contentClass: StringConstructor;
+    /**
+     * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
+     */
+    indeterminate: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    /** Disables the checkbox */
+    disabled: BooleanConstructor;
+    /**
+     * The value when checked.
+     */
+    trueValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
+    /**
+     * The value when unchecked.
+     */
+    falseValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
+    /**
+     * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
+     */
+    customValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    /**
+     * Sets the background color the input is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 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: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** @ignore */
+    modelValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+   * Event emitted by v-model on the <input> element
+   * @param modelValue
+   */
+    'update:modelValue': null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+         * Passes a CSS class to the label for custom styles
+         */
+    labelClass: StringConstructor;
+    /**
+     * Passes a CSS class to the input for custom styles
+     */
+    inputClass: StringConstructor;
+    /**
+     * Passes a CSS class to the slot wrapper for custom styles
+     */
+    contentClass: StringConstructor;
+    /**
+     * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
+     */
+    indeterminate: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    /** Disables the checkbox */
+    disabled: BooleanConstructor;
+    /**
+     * The value when checked.
+     */
+    trueValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
+    /**
+     * The value when unchecked.
+     */
+    falseValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
+    /**
+     * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
+     */
+    customValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    /**
+     * Sets the background color the input is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 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: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** @ignore */
+    modelValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    size: string;
+    disabled: boolean;
+    indeterminate: string | boolean;
+    modifier: string;
+    background: string;
+    trueValue: string | number | boolean | symbol | Function | Record<string, any> | unknown[];
+    falseValue: string | number | boolean | symbol | Function | Record<string, any> | unknown[];
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/chip/CdrChip.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    "icon-left"?(_: {}): any;
+    "icon-right"?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};