@itwin/itwinui-react 3.11.3 → 3.12.1

package/esm/core/Tile/Tile.d.ts

@@ -207,7 +207,7 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
      *    <Tile.BadgeContainer/>
      * </Tile.ThumbnailArea>
      */
-    ThumbnailArea: PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
+    ThumbnailArea: PolymorphicForwardRefComponent<keyof JSX.IntrinsicElements, {}>;
     /**
      * Thumbnail image url, a custom component or an svg for thumbnail avatar.
      * @example
@@ -234,95 +234,26 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
      * `QuickAction` subcomponent shown on top left of the tile.
      * Recommended to use an invisible `IconButton`.
      */
-    QuickAction: PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
+    QuickAction: PolymorphicForwardRefComponent<keyof JSX.IntrinsicElements, {}>;
     /**
      * `TypeIndicator` subcomponent shown on top left of the tile.
      * Recommended to use an invisible `IconButton`.
      */
-    TypeIndicator: PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
+    TypeIndicator: PolymorphicForwardRefComponent<keyof JSX.IntrinsicElements, {}>;
     /**
      * `BadgeContainer` subcomponent shown on the bottom right of thumbnail.
      */
-    BadgeContainer: PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
+    BadgeContainer: PolymorphicForwardRefComponent<keyof JSX.IntrinsicElements, {}>;
     /**
      * `IconButton` subcomponent: custom icon for `QuickAction` and `TypeIndicator` buttons.
      */
     IconButton: PolymorphicForwardRefComponent<"button", Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
     }, "label" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "stretched" | "isActive" | "iconProps"> & {
-        isActive?: boolean | undefined;
+        isActive?: boolean;
         label?: React.ReactNode;
-        labelProps?: Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-            ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-        }, "as" | "children" | "content" | "portal" | keyof {
-            placement?: import("@floating-ui/utils").Placement | undefined;
-            visible?: boolean | undefined;
-            onVisibleChange?: ((visible: boolean) => void) | undefined;
-            autoUpdateOptions?: {
-                ancestorScroll?: boolean | undefined;
-                ancestorResize?: boolean | undefined;
-                elementResize?: boolean | undefined;
-                /**
-                 * Flag whether the tile is disabled.
-                 *
-                 * Note: This only affects the tile. You need to manually disable
-                 * the buttons and other interactive elements inside the tile.
-                 *
-                 * @default false
-                 */
-                animationFrame?: boolean | undefined;
-                layoutShift?: boolean | undefined;
-            } | undefined;
-            middleware?: {
-                offset?: number | undefined;
-                flip?: boolean | undefined;
-                shift?: boolean | undefined;
-                size?: boolean | undefined;
-                autoPlacement?: boolean | undefined;
-                hide?: boolean | undefined;
-                inline?: boolean | undefined;
-            } | undefined;
-            reference?: HTMLElement | null | undefined;
-            ariaStrategy?: "label" | "description" | "none" | undefined;
-            id?: string | undefined;
-        }> & {
-            content: React.ReactNode;
-            children?: React.ReactNode;
-        } & import("../../utils/index.js").PortalProps & {
-            placement?: import("@floating-ui/utils").Placement | undefined;
-            visible?: boolean | undefined;
-            onVisibleChange?: ((visible: boolean) => void) | undefined;
-            autoUpdateOptions?: {
-                ancestorScroll?: boolean | undefined;
-                ancestorResize?: boolean | undefined;
-                elementResize?: boolean | undefined;
-                /**
-                 * Flag whether the tile is disabled.
-                 *
-                 * Note: This only affects the tile. You need to manually disable
-                 * the buttons and other interactive elements inside the tile.
-                 *
-                 * @default false
-                 */
-                animationFrame?: boolean | undefined;
-                layoutShift?: boolean | undefined;
-            } | undefined;
-            middleware?: {
-                offset?: number | undefined;
-                flip?: boolean | undefined;
-                shift?: boolean | undefined;
-                size?: boolean | undefined;
-                autoPlacement?: boolean | undefined;
-                hide?: boolean | undefined;
-                inline?: boolean | undefined;
-            } | undefined;
-            reference?: HTMLElement | null | undefined;
-            ariaStrategy?: "label" | "description" | "none" | undefined;
-            id?: string | undefined;
-        } & {
-            as?: "div" | undefined;
-        }, "ref">, "children" | "content" | "reference" | "ariaStrategy"> | undefined;
-        iconProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | undefined;
+        labelProps?: Omit<React.ComponentPropsWithoutRef<typeof import("../Tooltip/Tooltip.js").Tooltip>, "content" | "reference" | "ariaStrategy" | "children">;
+        iconProps?: React.ComponentProps<"span">;
     } & Omit<import("../Buttons/Button.js").ButtonProps, "loading" | "startIcon" | "endIcon" | "labelProps" | "startIconProps" | "endIconProps"> & {
         as?: "button" | undefined;
     }, "ref">>;
@@ -363,12 +294,12 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
      *  </Tile.ContentArea>
      * </Tile.Wrapper>
      */
-    ContentArea: PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
+    ContentArea: PolymorphicForwardRefComponent<keyof JSX.IntrinsicElements, {}>;
     /**
      * Description text of the tile.
      * Gets truncated if it can't fit in the tile.
      */
-    Description: PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
+    Description: PolymorphicForwardRefComponent<keyof JSX.IntrinsicElements, {}>;
     /**
      * Metadata section located below description.
      * @example
@@ -384,7 +315,7 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
      *  </>}
      * </Tile.Metadata>
      */
-    Metadata: PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
+    Metadata: PolymorphicForwardRefComponent<keyof JSX.IntrinsicElements, {}>;
     /**
      * Dropdown menu containing `MenuItem`s.
      */
@@ -392,6 +323,6 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
     /**
      * Upto two buttons shown at the bottom of the tile.
      */
-    Buttons: PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
+    Buttons: PolymorphicForwardRefComponent<keyof JSX.IntrinsicElements, {}>;
 };
 export {};