tide-design-system 2.2.10 → 2.2.12

package/dist/tide-design-system.esm.d.ts

@@ -57,6 +57,8 @@ declare type __VLS_NonUndefinedable_30<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_31<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_32<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
@@ -410,6 +412,15 @@ declare type __VLS_TypePropsToOption_31<T> = {
     };
 };
 
+declare type __VLS_TypePropsToOption_32<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_32<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToOption_4<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_4<T[K]>>;
@@ -686,6 +697,12 @@ declare type __VLS_WithTemplateSlots_8<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_9<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 export declare const ALERT: {
     readonly ERROR: "error";
     readonly INFO: "info";
@@ -695,12 +712,27 @@ export declare const ALERT: {
 
 export declare type Alert = (typeof ALERT)[keyof typeof ALERT];
 
+declare const BADGE_COLOR: {
+    readonly BLACK: "black";
+    readonly BLUE: "blue";
+    readonly GREEN: "green";
+    readonly LIME: "lime";
+    readonly ORANGE: "orange";
+    readonly PURPLE: "purple";
+    readonly RED: "red";
+    readonly SALMON: "salmon";
+    readonly TEAL: "teal";
+    readonly YELLOW: "yellow";
+};
+
 export declare const BADGE_TRUSTED: {
     readonly YEARS_10: "10";
     readonly YEARS_15: "15";
     readonly YEARS_5: "5";
 };
 
+declare type BadgeColor = (typeof BADGE_COLOR)[keyof typeof BADGE_COLOR];
+
 export declare type BadgeTrustedYears = (typeof BADGE_TRUSTED)[keyof typeof BADGE_TRUSTED];
 
 export declare type BooleanField = CheckboxField;
@@ -781,6 +813,15 @@ declare const CSS_2: {
                 readonly INFO: "tide-bg-surface-info";
                 readonly SUCCESS: "tide-bg-surface-success";
                 readonly WARNING: "tide-bg-surface-warning";
+                readonly BLUE: "tide-bg-surface-blue";
+                readonly GREEN: "tide-bg-surface-green";
+                readonly LIME: "tide-bg-surface-lime";
+                readonly ORANGE: "tide-bg-surface-orange";
+                readonly PURPLE: "tide-bg-surface-purple";
+                readonly RED: "tide-bg-surface-red";
+                readonly SALMON: "tide-bg-surface-salmon";
+                readonly TEAL: "tide-bg-surface-teal";
+                readonly YELLOW: "tide-bg-surface-yellow";
             };
         };
         readonly INITIAL: "tide-bg-initial";
@@ -809,6 +850,15 @@ declare const CSS_2: {
                 readonly INFO: "tide-border-info";
                 readonly SUCCESS: "tide-border-success";
                 readonly WARNING: "tide-border-warning";
+                readonly BLUE: "tide-border-blue";
+                readonly GREEN: "tide-border-green";
+                readonly LIME: "tide-border-lime";
+                readonly ORANGE: "tide-border-orange";
+                readonly PURPLE: "tide-border-purple";
+                readonly RED: "tide-border-red";
+                readonly SALMON: "tide-border-salmon";
+                readonly TEAL: "tide-border-teal";
+                readonly YELLOW: "tide-border-yellow";
             };
             readonly INITIAL: "tide-border-color-initial";
             readonly DEFAULT: "tide-border";
@@ -917,6 +967,26 @@ declare const CSS_2: {
                 readonly INFO: "tide-font-info";
                 readonly SUCCESS: "tide-font-success";
                 readonly WARNING: "tide-font-warning";
+                readonly BLUE: "tide-font-blue";
+                readonly GREEN: "tide-font-green";
+                readonly LIME: "tide-font-lime";
+                readonly ORANGE: "tide-font-orange";
+                readonly PURPLE: "tide-font-purple";
+                readonly RED: "tide-font-red";
+                readonly SALMON: "tide-font-salmon";
+                readonly TEAL: "tide-font-teal";
+                readonly YELLOW: "tide-font-yellow";
+                readonly PRIMARY: {
+                    readonly BLUE: "tide-font-primary-blue";
+                    readonly GREEN: "tide-font-primary-green";
+                    readonly LIME: "tide-font-primary-lime";
+                    readonly ORANGE: "tide-font-primary-orange";
+                    readonly PURPLE: "tide-font-primary-purple";
+                    readonly RED: "tide-font-primary-red";
+                    readonly SALMON: "tide-font-primary-salmon";
+                    readonly TEAL: "tide-font-primary-teal";
+                    readonly YELLOW: "tide-font-primary-yellow";
+                };
             };
             readonly PRIMARY: "tide-font-on-primary";
             readonly SECONDARY: "tide-font-on-secondary";
@@ -1209,8 +1279,6 @@ declare const CSS_2: {
 };
 export { CSS_2 as CSS }
 
-export declare type CssUtility = (typeof CSS_2)[keyof typeof CSS_2];
-
 export declare type Detail = {
     label: string;
     value: string;
@@ -1499,6 +1567,14 @@ export declare const MEDIA_SLIDE_TYPES: {
 
 export declare type MediaSlideType = (typeof MEDIA_SLIDE_TYPES.IMAGE)[keyof typeof MEDIA_SLIDE_TYPES.IMAGE] | typeof MEDIA_SLIDE_TYPES.VIDEO | typeof MEDIA_SLIDE_TYPES.VR;
 
+export declare const OBJECT_FIT: {
+    readonly CONTAIN: "contain";
+    readonly COVER: "cover";
+    readonly SCALE_DOWN: "scale-down";
+};
+
+export declare type ObjectFit = (typeof OBJECT_FIT)[keyof typeof OBJECT_FIT];
+
 export declare const ORIENTATION: {
     readonly HORIZONTAL: "horizontal";
     readonly VERTICAL: "vertical";
@@ -1544,7 +1620,8 @@ declare type Props_11 = {
 };
 
 declare type Props_12 = {
-    href: string;
+    element: Element_2;
+    href?: string;
     isNewTab?: boolean;
     label: string;
 };
@@ -1575,6 +1652,7 @@ declare type Props_18 = {
     alt: string;
     height?: string;
     isLazy?: boolean;
+    objectFit?: ObjectFit;
     sources?: Source[];
     src?: string;
     width?: string;
@@ -1688,6 +1766,7 @@ declare type Props_29 = {
 };
 
 declare type Props_3 = {
+    color?: BadgeColor;
     iconLeading?: Icon;
     isFloating?: boolean;
     label: string;
@@ -1699,6 +1778,11 @@ declare type Props_30 = {
 };
 
 declare type Props_31 = {
+    isOpen: boolean;
+    isBackButton?: boolean;
+};
+
+declare type Props_32 = {
     disabled?: boolean;
     isActive?: boolean;
 };
@@ -1953,12 +2037,15 @@ isToast: boolean;
 }>;
 
 export declare const TideBadge: DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToOption_3<Props_3>, {
+color: undefined;
 iconLeading: undefined;
 isFloating: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToOption_3<Props_3>, {
+color: undefined;
 iconLeading: undefined;
 isFloating: boolean;
 }>>>, {
+color: BadgeColor;
 iconLeading: Icon;
 isFloating: boolean;
 }, {}>;
@@ -2121,10 +2208,16 @@ subtitle: string;
 }>;
 
 export declare const TideChipAction: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToOption_12<Props_12>, {
+element: "a";
+href: undefined;
 isNewTab: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToOption_12<Props_12>, {
+element: "a";
+href: undefined;
 isNewTab: boolean;
 }>>>, {
+element: Element_2;
+href: string;
 isNewTab: boolean;
 }, {}>;
 
@@ -2167,6 +2260,7 @@ export declare const TideImage: DefineComponent<__VLS_WithDefaults_16<__VLS_Type
 alt: string;
 height: undefined;
 isLazy: boolean;
+objectFit: "cover";
 sources: () => never[];
 src: undefined;
 width: undefined;
@@ -2174,6 +2268,7 @@ width: undefined;
 alt: string;
 height: undefined;
 isLazy: boolean;
+objectFit: "cover";
 sources: () => never[];
 src: undefined;
 width: undefined;
@@ -2182,6 +2277,7 @@ height: string;
 width: string;
 alt: string;
 isLazy: boolean;
+objectFit: ObjectFit;
 sources: Source[];
 src: string;
 }, {}>;
@@ -2482,12 +2578,22 @@ heading: string;
 heading: string;
 }, {}>;
 
-export declare const TideSwitch: DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToOption_31<Props_31>, {
+export declare const TideSheet: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_TypePropsToOption_31<Props_31>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+back: () => void;
+close: () => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToOption_31<Props_31>>> & {
+onClose?: (() => any) | undefined;
+onBack?: (() => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+
+export declare const TideSwitch: DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToOption_32<Props_32>, {
 disabled: boolean;
 isActive: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (...args: any[]) => void;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToOption_31<Props_31>, {
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToOption_32<Props_32>, {
 disabled: boolean;
 isActive: boolean;
 }>>> & {