@rei/cedar 14.0.2-alpha.4 → 14.0.2-alpha.6

package/dist/components/radio/CdrRadio.vue.d.ts

@@ -0,0 +1,144 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Adds CSS class to the label for custom styles.
+     */
+    labelClass: StringConstructor;
+    /**
+     * Adds CSS class to the input for custom styles.
+     */
+    inputClass: StringConstructor;
+    /**
+     * Adds CSS class to the slot wrapper for custom styles.
+     */
+    contentClass: StringConstructor;
+    /** Disables the radio */
+    disabled: BooleanConstructor;
+    /**
+     * Sets the name of the radio button.
+    */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Modifies the style variants for this component
+     * @demoSelectMultiple true
+     * @values hide-figure
+    */
+    modifier: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the radio size; values can target responsive breakpoints. Example `small@lg`
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the background color the radio button is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the value of the radio.
+    */
+    customValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    };
+    /** @ignore v-model binding */
+    modelValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Event emitted by v-model on the radio's <input> element
+     * @param modelValue
+     */
+    'update:modelValue': null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Adds CSS class to the label for custom styles.
+     */
+    labelClass: StringConstructor;
+    /**
+     * Adds CSS class to the input for custom styles.
+     */
+    inputClass: StringConstructor;
+    /**
+     * Adds CSS class to the slot wrapper for custom styles.
+     */
+    contentClass: StringConstructor;
+    /** Disables the radio */
+    disabled: BooleanConstructor;
+    /**
+     * Sets the name of the radio button.
+    */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Modifies the style variants for this component
+     * @demoSelectMultiple true
+     * @values hide-figure
+    */
+    modifier: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the radio size; values can target responsive breakpoints. Example `small@lg`
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the background color the radio button is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the value of the radio.
+    */
+    customValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    };
+    /** @ignore v-model binding */
+    modelValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    size: string;
+    disabled: boolean;
+    modifier: string;
+    background: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/rating/CdrRating.vue.d.ts

@@ -0,0 +1,87 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Sets the rating values between 0 and 5.
+     */
+    rating: {
+        required: true;
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Sets the total number of ratings
+     */
+    count: {
+        required: false;
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     * Hides the word 'reviews' if true
+     */
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets the rating component (icons and text) to display inline and wraps them in an anchor tag so they can act as link.
+     */
+    href: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets the rating size.
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        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<{
+    /**
+     * Sets the rating values between 0 and 5.
+     */
+    rating: {
+        required: true;
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Sets the total number of ratings
+     */
+    count: {
+        required: false;
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     * Hides the word 'reviews' if true
+     */
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets the rating component (icons and text) to display inline and wraps them in an anchor tag so they can act as link.
+     */
+    href: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets the rating size.
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: string;
+    compact: boolean;
+    rating: string | number;
+    count: string | number;
+}, {}>;
+export default _default;

package/dist/components/rating/components/CdrStar00.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        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<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: string;
+}, {}>;
+export default _default;

package/dist/components/rating/components/CdrStar100.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        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<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: string;
+}, {}>;
+export default _default;

package/dist/components/rating/components/CdrStar25.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        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<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: string;
+}, {}>;
+export default _default;

package/dist/components/rating/components/CdrStar50.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        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<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: string;
+}, {}>;
+export default _default;

package/dist/components/rating/components/CdrStar75.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        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<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: string;
+}, {}>;
+export default _default;

package/dist/components/rating/components/CdrStarNull.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        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<{
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: string;
+}, {}>;
+export default _default;

package/dist/components/rating/composables/useStar.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Common star component setup logic
+ * @param size size property passed to component
+ */
+export declare function useStar(size: string): {
+    style: Record<string, string>;
+    sizeClass: import("vue").ComputedRef<string>;
+};

package/dist/components/select/CdrSelect.vue.d.ts

@@ -0,0 +1,201 @@
+import type { PropType } from 'vue';
+interface selectOption {
+    text: string;
+    value: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be auto-generated.
+    */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets the text value for the select label.
+     * Required for accessibility compliance. Use ‘hideLabel’ to
+     * visually hide the label but keep it available to screenreaders.
+    */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Visually hides the label element, but leaves it available to screen readers for accessibility compliance.
+     */
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.
+    */
+    prompt: StringConstructor;
+    /**
+     * Build options programmatically with data.
+     * Provide an array of objects [{ text: String, value: String}] for greater control
+     * or provide an array of strings ['String'] for simpler setup (value and text will be the same).
+    */
+    options: {
+        type: PropType<string[] | selectOption[]>;
+    };
+    /**
+     * Sets the background color the radio button is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the component's size; values can target responsive breakpoints. Example `small@lg`
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** Sets the select to an error state, displays the `error` slot if one is present. */
+    error: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    /**
+    * Sets the `role` attribute for the embedded error state messaging.
+    */
+    errorRole: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @ignore */
+    modelValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    };
+    /** Disables the input and sets appropriate styling */
+    disabled: BooleanConstructor;
+    /** Sets aria-required on the input field and displays an asterisk next to the select label */
+    required: BooleanConstructor;
+    /** Displays '(optional)' text next to the select label. */
+    optional: BooleanConstructor;
+    /** Turns CdrSelect into a multi-select element. */
+    multiple: BooleanConstructor;
+    /** Sets the height of the CdrSelect when using the multiple option.
+     * This number corresponds to the number of select options that will be visible without scrolling.
+     */
+    multipleSize: NumberConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Event emitted by v-model on the radio's <input> element
+     * @param modelValue
+     */
+    'update:modelValue': null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be auto-generated.
+    */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets the text value for the select label.
+     * Required for accessibility compliance. Use ‘hideLabel’ to
+     * visually hide the label but keep it available to screenreaders.
+    */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Visually hides the label element, but leaves it available to screen readers for accessibility compliance.
+     */
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.
+    */
+    prompt: StringConstructor;
+    /**
+     * Build options programmatically with data.
+     * Provide an array of objects [{ text: String, value: String}] for greater control
+     * or provide an array of strings ['String'] for simpler setup (value and text will be the same).
+    */
+    options: {
+        type: PropType<string[] | selectOption[]>;
+    };
+    /**
+     * Sets the background color the radio button is rendered on
+     * @values primary, secondary
+     */
+    background: {
+        type: StringConstructor[];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the component's size; values can target responsive breakpoints. Example `small@lg`
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** Sets the select to an error state, displays the `error` slot if one is present. */
+    error: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    /**
+    * Sets the `role` attribute for the embedded error state messaging.
+    */
+    errorRole: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @ignore */
+    modelValue: {
+        type: (SymbolConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | FunctionConstructor)[];
+    };
+    /** Disables the input and sets appropriate styling */
+    disabled: BooleanConstructor;
+    /** Sets aria-required on the input field and displays an asterisk next to the select label */
+    required: BooleanConstructor;
+    /** Displays '(optional)' text next to the select label. */
+    optional: BooleanConstructor;
+    /** Turns CdrSelect into a multi-select element. */
+    multiple: BooleanConstructor;
+    /** Sets the height of the CdrSelect when using the multiple option.
+     * This number corresponds to the number of select options that will be visible without scrolling.
+     */
+    multipleSize: NumberConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    size: string;
+    required: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    error: string | boolean;
+    background: string;
+    hideLabel: boolean;
+    optional: boolean;
+    errorRole: string;
+}, {}>, {
+    "helper-text"?(_: {}): any;
+    info?(_: {}): any;
+    "pre-icon"?(_: {}): any;
+    default?(_: {}): any;
+    "info-action"?(_: {}): any;
+    error?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/skeleton/CdrSkeleton.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+       * Toggle animation on/off.
+       * When `true`, animated gradient will be used while loading.
+       * When `false` a static background color will be used.
+       * Automatically disabled if `prefers-reduced-motion` is set by user.
+    */
+    motion: {
+        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<{
+    /**
+       * Toggle animation on/off.
+       * When `true`, animated gradient will be used while loading.
+       * When `false` a static background color will be used.
+       * Automatically disabled if `prefers-reduced-motion` is set by user.
+    */
+    motion: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    motion: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/skeleton/CdrSkeletonBone.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Sets the type of content placeholder
+     * @demoSelectMultiple false
+     * @values default, heading, line, rectangle, square
+    */
+    type: {
+        type: StringConstructor;
+        default: string;
+        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<{
+    /**
+     * Sets the type of content placeholder
+     * @demoSelectMultiple false
+     * @values default, heading, line, rectangle, square
+    */
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    type: string;
+}, {}>;
+export default _default;

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

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