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

package/dist/components/switch/CdrSwitch.vue.d.ts

@@ -0,0 +1,82 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Sets a custom ID for the switch. If this value is not set, it will be auto-generated.
+    */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets the size of the switch
+     * @demoSelectMultiple false
+     * @values medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the label and switch to expand to the full width of its container with `space-between`
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @demoIgnore true
+    */
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Event emitted by v-model on switch
+     * @param modelValue
+     */
+    'update:modelValue': null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Sets a custom ID for the switch. If this value is not set, it will be auto-generated.
+    */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets the size of the switch
+     * @demoSelectMultiple false
+     * @values medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the label and switch to expand to the full width of its container with `space-between`
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @demoIgnore true
+    */
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    size: string;
+    fullWidth: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/table/CdrTable.vue.d.ts

@@ -0,0 +1,92 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Sets row colors to alternate between darker and lighter backgrounds.
+     * Striping will not apply when `border` is true
+     */
+    striped: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Adds borders between rows. Will disable `striped` if both are true */
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Sets the width to 100%. Also accepts space separated strings for breakpoints that it should be full width: { '@xs' | '@sm' | '@md' | '@lg' } */
+    fullWidth: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    /** Makes the table scroll horizontally when it would overflow its container */
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Adds a darker background on row hover */
+    hover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets the table size (cell padding); values can target responsive breakpoints. Example `small@lg`.
+     * @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 row colors to alternate between darker and lighter backgrounds.
+     * Striping will not apply when `border` is true
+     */
+    striped: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Adds borders between rows. Will disable `striped` if both are true */
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Sets the width to 100%. Also accepts space separated strings for breakpoints that it should be full width: { '@xs' | '@sm' | '@md' | '@lg' } */
+    fullWidth: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    /** Makes the table scroll horizontally when it would overflow its container */
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Adds a darker background on row hover */
+    hover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Sets the table size (cell padding); values can target responsive breakpoints. Example `small@lg`.
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: string;
+    fullWidth: string | boolean;
+    responsive: boolean;
+    striped: boolean;
+    border: boolean;
+    hover: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tabs/CdrTabPanel.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Sets reference identifier for tab content. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `aria-labelledby` property. */
+    id: StringConstructor;
+    /** Sets tab display name. Required and must be unique for each tab. If `id` is not provided, this value will be used as the reference identifier. */
+    name: StringConstructor;
+    /** Sets reference identifier for tab header. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `id` property. */
+    ariaLabelledby: StringConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Emits when active tab is changed
+     * @params state, panelId
+     */
+    'tab-change': null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Sets reference identifier for tab content. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `aria-labelledby` property. */
+    id: StringConstructor;
+    /** Sets tab display name. Required and must be unique for each tab. If `id` is not provided, this value will be used as the reference identifier. */
+    name: StringConstructor;
+    /** Sets reference identifier for tab header. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `id` property. */
+    ariaLabelledby: StringConstructor;
+}>> & {
+    "onTab-change"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tabs/CdrTabs.vue.d.ts

@@ -0,0 +1,83 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Sets height of the tabs container element.
+     * Passing a `px` value will render tabs with a static height,
+     * passing `auto` will render tabs with variable height based on content size.
+     */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Sets the index of the tab that should be active on initial page load. Note that this property is zero-indexed. */
+    activeTab: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Modifies the style variants for this component
+     * @values centered, compact, full-width, no-border
+     */
+    modifier: StringConstructor;
+    /**
+     * Use `small` to reduce spacing around the tabs for a denser visual design
+     * @demoSelectMultiple true
+     * @values small
+    */
+    size: StringConstructor;
+    /**
+     * Sets the background color of the tab.
+     * For CdrTabs that are rendered on non-primary backgrounds.
+     * Pass the background-color into the component to ensure that the scrolling gradients render correctly.
+     */
+    backgroundColor: {
+        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 height of the tabs container element.
+     * Passing a `px` value will render tabs with a static height,
+     * passing `auto` will render tabs with variable height based on content size.
+     */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Sets the index of the tab that should be active on initial page load. Note that this property is zero-indexed. */
+    activeTab: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Modifies the style variants for this component
+     * @values centered, compact, full-width, no-border
+     */
+    modifier: StringConstructor;
+    /**
+     * Use `small` to reduce spacing around the tabs for a denser visual design
+     * @demoSelectMultiple true
+     * @values small
+    */
+    size: StringConstructor;
+    /**
+     * Sets the background color of the tab.
+     * For CdrTabs that are rendered on non-primary backgrounds.
+     * Pass the background-color into the component to ensure that the scrolling gradients render correctly.
+     */
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    height: string;
+    backgroundColor: string;
+    activeTab: number;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/dist/components/text/CdrText.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Sets the HTML tag (p, span, h1, h2, etc) */
+    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 the HTML tag (p, span, h1, h2, etc) */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toast/CdrToast.vue.d.ts

@@ -0,0 +1,82 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Sets the toast type.
+     * @demoSelectMultiple false
+     * @values info, success, warning, error, default
+    */
+    type: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+        default: string;
+    };
+    /**
+     * Used to programmatically control the toast open/close state.
+     * @demoIgnore true
+    */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Set to `false` to disable automatic closing after the `dismissDelay`. */
+    autoDismiss: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Sets the interval (in milliseconds) before the toast automatically closes. */
+    dismissDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /** Emits when toast opens */
+    open: null;
+    /** Emits when toast closes */
+    closed: null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Sets the toast type.
+     * @demoSelectMultiple false
+     * @values info, success, warning, error, default
+    */
+    type: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+        default: string;
+    };
+    /**
+     * Used to programmatically control the toast open/close state.
+     * @demoIgnore true
+    */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Set to `false` to disable automatic closing after the `dismissDelay`. */
+    autoDismiss: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Sets the interval (in milliseconds) before the toast automatically closes. */
+    dismissDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+}, {
+    type: string;
+    open: boolean;
+    autoDismiss: boolean;
+    dismissDelay: number;
+}, {}>, {
+    "icon-left"?(_: {}): any;
+    default?(_: {}): any;
+    icon?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toggleButton/CdrToggleButton.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Sets the value and aria-label for the toggle button. Display can be overridden using default slot
+     */
+    toggleValue: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Sets the value and aria-label for the toggle button. Display can be overridden using default slot
+     */
+    toggleValue: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toggleButton/CdrToggleGroup.vue.d.ts

@@ -0,0 +1,51 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** @ignore */
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * Sets toggle button size
+     * @demoSelectMultiple false
+     * @values medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Event emitted by v-model
+     * @param modelValue
+     */
+    'update:modelValue': null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** @ignore */
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * Sets toggle button size
+     * @demoSelectMultiple false
+     * @values medium, large
+    */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    size: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,3 @@
+import type { InjectionKey } from "vue";
+import type { Ref } from 'vue';
+export declare const selectedToggleKey: InjectionKey<Ref<string | number | boolean | Record<string, any> | unknown[]>>;

package/dist/components/tooltip/CdrTooltip.vue.d.ts

@@ -0,0 +1,100 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Sets the position where the tooltip will render relative to the trigger element.
+     * @demoSelectMultiple false
+     * @values top, bottom, left, right
+     */
+    position: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 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: BooleanConstructor;
+        default: boolean;
+    };
+    /** ID for the tooltip element, required for accessibility */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** Add custom class to the tooltip content wrapper. Allows for overriding size, styling, etc. */
+    contentClass: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Used to programmatically control the tooltip state. Does not need to be set if you are using the `trigger` slot.
+     * @demoIgnore true
+     */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /** Emits when tooltip is opened */
+    opened: null;
+    /** Emits when tooltip is closed */
+    closed: null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Sets the position where the tooltip will render relative to the trigger element.
+     * @demoSelectMultiple false
+     * @values top, bottom, left, right
+     */
+    position: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 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: BooleanConstructor;
+        default: boolean;
+    };
+    /** ID for the tooltip element, required for accessibility */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** Add custom class to the tooltip content wrapper. Allows for overriding size, styling, etc. */
+    contentClass: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Used to programmatically control the tooltip state. Does not need to be set if you are using the `trigger` slot.
+     * @demoIgnore true
+     */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+}, {
+    position: string;
+    autoPosition: boolean;
+    open: boolean;
+}, {}>, {
+    trigger?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};