@carbon-labs/react-animated-header 0.37.0 → 0.39.0

package/es/components/AnimatedHeader/AnimatedHeader.js

@@ -194,11 +194,9 @@ const AnimatedHeader = ({
       productName: productName,
       isLoading: isLoading || tile.isLoading,
       disabledTaskLabel: disabledTaskLabel,
-      onClick: hasAction ? () => {
+      onClick: hasAction ? event => {
         tileClickHandler?.(tile);
-        if (typeof tile.onClick === 'function') {
-          tile.onClick();
-        }
+        tile.onClick?.(event);
       } : undefined
     }));
   }))), /*#__PURE__*/React.createElement("div", {

package/es/components/Tiles/AIPromptTile/AIPromptTile.d.ts

@@ -7,6 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ElementType } from 'react';
+import { type AITileBodyProps, type AITileLabelVariant } from '../AITile/AITileBody';
 export type AIPromptTileProps = {
     variant: 'aiPrompt';
     tileId: string;
@@ -16,7 +17,10 @@ export type AIPromptTileProps = {
     productName?: string;
     promptPlaceholder?: string;
     primaryIcon?: ElementType | null;
-    onClick?: (() => void) | null;
+    aiLabelVariant?: AITileLabelVariant;
+    aiLabelText?: string;
+    aiLabelTagType?: AITileBodyProps['aiLabelTagType'];
+    onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: boolean;
     isLoading?: boolean;

package/es/components/Tiles/AIPromptTile/AIPromptTile.js

@@ -6,7 +6,7 @@
  */
 
 import React, { useState } from 'react';
-import { SkeletonPlaceholder, AILabel, TextInput, IconButton, Button } from '@carbon/react';
+import { SkeletonPlaceholder, Tag, AILabel, TextInput, IconButton, Button } from '@carbon/react';
 import { usePrefix } from '../../../node_modules/@carbon-labs/utilities/es/usePrefix.js';
 import { Send } from '@carbon/react/icons';
 
@@ -19,6 +19,9 @@ const AIPromptTile = ({
   productName,
   promptPlaceholder = 'Start chatting...',
   primaryIcon: PrimaryIcon,
+  aiLabelVariant = 'aiLabel',
+  aiLabelText = 'AI',
+  aiLabelTagType = 'gray',
   onClick,
   ariaLabel,
   open,
@@ -64,11 +67,20 @@ const AIPromptTile = ({
   }, PrimaryIcon && /*#__PURE__*/React.createElement(PrimaryIcon, {
     fill: `var(--cds-icon-secondary)`,
     size: 24
-  }), _AILabel || (_AILabel = /*#__PURE__*/React.createElement(AILabel, {
+  }), aiLabelVariant === 'tag' ? /*#__PURE__*/React.createElement(Tag, {
+    size: "sm",
+    type: aiLabelTagType,
+    className: `${blockClass}--tag`,
+    decorator: _AILabel || (_AILabel = /*#__PURE__*/React.createElement(AILabel, {
+      aiText: "AI",
+      size: "xs",
+      kind: "inline"
+    }))
+  }, aiLabelText) : /*#__PURE__*/React.createElement(AILabel, {
     autoAlign: true,
-    aiText: "AI",
+    aiText: aiLabelText,
     size: "xs"
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--title`
   }, title), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--text-input-container ${textInput && `${blockClass}--text-input-container__active`}`
@@ -90,8 +102,8 @@ const AIPromptTile = ({
     size: "sm",
     disabled: !textInput,
     align: "top-end",
-    onClick: () => {
-      onClick?.();
+    onClick: event => {
+      onClick?.(event);
       openInNewTab(`${href}&primed_chat=${textInput}`);
     },
     onKeyDown: handleTextInputKeyDown

package/es/components/Tiles/AITile/AITile.d.ts

@@ -7,6 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ElementType } from 'react';
+import { AITileBodyProps, AITileLabelVariant } from '../AITile/AITileBody';
 export type AITileProps = {
     variant: 'ai';
     tileId: string;
@@ -17,7 +18,10 @@ export type AITileProps = {
     customContent?: React.ReactNode | null;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
-    onClick?: (() => void) | null;
+    aiLabelVariant?: AITileLabelVariant;
+    aiLabelText?: string;
+    aiLabelTagType?: AITileBodyProps['aiLabelTagType'];
+    onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: boolean;
     isLoading?: boolean;

package/es/components/Tiles/AITile/AITile.js

@@ -19,6 +19,9 @@ const AITile = ({
   customContent,
   primaryIcon: PrimaryIcon,
   secondaryIcon: SecondaryIcon,
+  aiLabelVariant,
+  aiLabelText,
+  aiLabelTagType,
   onClick: aiTileClickHandler,
   ariaLabel,
   open,
@@ -34,6 +37,9 @@ const AITile = ({
     title: title,
     subtitle: subtitle,
     customContent: customContent,
+    aiLabelVariant: aiLabelVariant,
+    aiLabelText: aiLabelText,
+    aiLabelTagType: aiLabelTagType,
     isLoading: isLoading
   });
 
@@ -48,8 +54,8 @@ const AITile = ({
     }, body);
   }
   return /*#__PURE__*/React.createElement(Link, {
-    onClick: () => {
-      aiTileClickHandler?.();
+    onClick: event => {
+      aiTileClickHandler?.(event);
     },
     className: `${prefix}--animated-header__tile ${blockClass}`,
     "aria-label": ariaLabel ?? title ?? 'AI Tile',

package/es/components/Tiles/AITile/AITileBody.d.ts

@@ -7,6 +7,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { ElementType, ReactNode } from 'react';
+import { type TagProps } from '@carbon/react';
+type TagTypeName = TagProps<'div'>['type'];
+export type AITileLabelVariant = 'aiLabel' | 'tag';
 export type AITileBodyProps = {
     open?: boolean;
     title?: string | null;
@@ -14,6 +17,10 @@ export type AITileBodyProps = {
     customContent?: ReactNode;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
+    aiLabelVariant?: AITileLabelVariant;
+    aiLabelText?: string;
+    aiLabelTagType?: TagTypeName;
     isLoading?: boolean;
 };
-export declare const AITileBody: ({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, isLoading, }: AITileBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AITileBody: ({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, aiLabelVariant, aiLabelText, aiLabelTagType, isLoading, }: AITileBodyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/es/components/Tiles/AITile/AITileBody.js

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import { usePrefix } from '../../../node_modules/@carbon-labs/utilities/es/usePrefix.js';
-import { SkeletonPlaceholder, AILabel } from '@carbon/react';
+import { SkeletonPlaceholder, Tag, AILabel } from '@carbon/react';
 
 var _AILabel;
 const AITileBody = ({
@@ -17,6 +17,9 @@ const AITileBody = ({
   customContent,
   primaryIcon: PrimaryIcon,
   secondaryIcon: SecondaryIcon,
+  aiLabelVariant = 'aiLabel',
+  aiLabelText = 'AI',
+  aiLabelTagType = 'gray',
   isLoading
 }) => {
   const prefix = usePrefix();
@@ -40,11 +43,20 @@ const AITileBody = ({
   }, PrimaryIcon && /*#__PURE__*/React.createElement(PrimaryIcon, {
     fill: `var(--cds-icon-secondary)`,
     size: 24
-  }), _AILabel || (_AILabel = /*#__PURE__*/React.createElement(AILabel, {
+  }), aiLabelVariant === 'tag' ? /*#__PURE__*/React.createElement(Tag, {
+    size: "sm",
+    type: aiLabelTagType,
+    className: `${blockClass}--tag`,
+    decorator: _AILabel || (_AILabel = /*#__PURE__*/React.createElement(AILabel, {
+      aiText: "AI",
+      size: "xs",
+      kind: "inline"
+    }))
+  }, aiLabelText) : /*#__PURE__*/React.createElement(AILabel, {
     autoAlign: true,
-    aiText: "AI",
+    aiText: aiLabelText,
     size: "xs"
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--title`
   }, title), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--footer`

package/es/components/Tiles/GlassTile/GlassTile.d.ts

@@ -7,6 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ElementType } from 'react';
+import { GlassTileBodyProps } from './GlassTileBody';
 export type GlassTileProps = {
     variant?: 'glass';
     tileId: string;
@@ -17,7 +18,9 @@ export type GlassTileProps = {
     customContent?: React.ReactNode | null;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
-    onClick?: (() => void) | null;
+    tagLabel?: string | null;
+    tagType?: GlassTileBodyProps['tagType'];
+    onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: boolean;
     isLoading?: boolean;

package/es/components/Tiles/GlassTile/GlassTile.js

@@ -19,6 +19,8 @@ const GlassTile = ({
   customContent,
   primaryIcon: PrimaryIcon,
   secondaryIcon: SecondaryIcon,
+  tagLabel,
+  tagType,
   onClick: glassTileClickHandler,
   ariaLabel,
   open,
@@ -34,6 +36,8 @@ const GlassTile = ({
     title: title,
     subtitle: subtitle,
     customContent: customContent,
+    tagLabel: tagLabel,
+    tagType: tagType,
     isLoading: isLoading
   });
 
@@ -48,8 +52,8 @@ const GlassTile = ({
     }, body);
   }
   return /*#__PURE__*/React.createElement(Link, {
-    onClick: () => {
-      glassTileClickHandler?.();
+    onClick: event => {
+      glassTileClickHandler?.(event);
     },
     className: `${prefix}--animated-header__tile ${blockClass}`,
     "aria-label": ariaLabel ?? title ?? 'Glass Tile',

package/es/components/Tiles/GlassTile/GlassTileBody.d.ts

@@ -7,6 +7,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { ElementType, ReactNode } from 'react';
+import { type TagProps } from '@carbon/react';
+type TagTypeName = TagProps<'div'>['type'];
 export type GlassTileBodyProps = {
     open?: boolean;
     title?: string | null;
@@ -14,6 +16,9 @@ export type GlassTileBodyProps = {
     customContent?: ReactNode;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
+    tagLabel?: string | null;
+    tagType?: TagTypeName;
     isLoading?: boolean;
 };
-export declare const GlassTileBody: ({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, isLoading, }: GlassTileBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlassTileBody: ({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, tagLabel, tagType, isLoading, }: GlassTileBodyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/es/components/Tiles/GlassTile/GlassTileBody.js

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import { usePrefix } from '../../../node_modules/@carbon-labs/utilities/es/usePrefix.js';
-import { SkeletonPlaceholder } from '@carbon/react';
+import { SkeletonPlaceholder, Tag } from '@carbon/react';
 
 const GlassTileBody = ({
   open,
@@ -16,6 +16,8 @@ const GlassTileBody = ({
   customContent,
   primaryIcon: PrimaryIcon,
   secondaryIcon: SecondaryIcon,
+  tagLabel,
+  tagType = 'gray',
   isLoading
 }) => {
   const prefix = usePrefix();
@@ -37,7 +39,11 @@ const GlassTileBody = ({
   }, PrimaryIcon && /*#__PURE__*/React.createElement(PrimaryIcon, {
     fill: `var(--cds-icon-secondary)`,
     size: 24
-  })), /*#__PURE__*/React.createElement("div", {
+  }), tagLabel && /*#__PURE__*/React.createElement(Tag, {
+    size: "sm",
+    type: tagType,
+    className: `${blockClass}--tag`
+  }, tagLabel)), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--title`
   }, title), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--footer`

package/lib/components/AnimatedHeader/AnimatedHeader.js

@@ -198,11 +198,9 @@ const AnimatedHeader = ({
       productName: productName,
       isLoading: isLoading || tile.isLoading,
       disabledTaskLabel: disabledTaskLabel,
-      onClick: hasAction ? () => {
+      onClick: hasAction ? event => {
         tileClickHandler?.(tile);
-        if (typeof tile.onClick === 'function') {
-          tile.onClick();
-        }
+        tile.onClick?.(event);
       } : undefined
     }));
   }))), /*#__PURE__*/React.createElement("div", {

package/lib/components/Tiles/AIPromptTile/AIPromptTile.d.ts

@@ -7,6 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ElementType } from 'react';
+import { type AITileBodyProps, type AITileLabelVariant } from '../AITile/AITileBody';
 export type AIPromptTileProps = {
     variant: 'aiPrompt';
     tileId: string;
@@ -16,7 +17,10 @@ export type AIPromptTileProps = {
     productName?: string;
     promptPlaceholder?: string;
     primaryIcon?: ElementType | null;
-    onClick?: (() => void) | null;
+    aiLabelVariant?: AITileLabelVariant;
+    aiLabelText?: string;
+    aiLabelTagType?: AITileBodyProps['aiLabelTagType'];
+    onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: boolean;
     isLoading?: boolean;

package/lib/components/Tiles/AIPromptTile/AIPromptTile.js

@@ -21,6 +21,9 @@ const AIPromptTile = ({
   productName,
   promptPlaceholder = 'Start chatting...',
   primaryIcon: PrimaryIcon,
+  aiLabelVariant = 'aiLabel',
+  aiLabelText = 'AI',
+  aiLabelTagType = 'gray',
   onClick,
   ariaLabel,
   open,
@@ -66,11 +69,20 @@ const AIPromptTile = ({
   }, PrimaryIcon && /*#__PURE__*/React.createElement(PrimaryIcon, {
     fill: `var(--cds-icon-secondary)`,
     size: 24
-  }), _AILabel || (_AILabel = /*#__PURE__*/React.createElement(react.AILabel, {
+  }), aiLabelVariant === 'tag' ? /*#__PURE__*/React.createElement(react.Tag, {
+    size: "sm",
+    type: aiLabelTagType,
+    className: `${blockClass}--tag`,
+    decorator: _AILabel || (_AILabel = /*#__PURE__*/React.createElement(react.AILabel, {
+      aiText: "AI",
+      size: "xs",
+      kind: "inline"
+    }))
+  }, aiLabelText) : /*#__PURE__*/React.createElement(react.AILabel, {
     autoAlign: true,
-    aiText: "AI",
+    aiText: aiLabelText,
     size: "xs"
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--title`
   }, title), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--text-input-container ${textInput && `${blockClass}--text-input-container__active`}`
@@ -92,8 +104,8 @@ const AIPromptTile = ({
     size: "sm",
     disabled: !textInput,
     align: "top-end",
-    onClick: () => {
-      onClick?.();
+    onClick: event => {
+      onClick?.(event);
       openInNewTab(`${href}&primed_chat=${textInput}`);
     },
     onKeyDown: handleTextInputKeyDown

package/lib/components/Tiles/AITile/AITile.d.ts

@@ -7,6 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ElementType } from 'react';
+import { AITileBodyProps, AITileLabelVariant } from '../AITile/AITileBody';
 export type AITileProps = {
     variant: 'ai';
     tileId: string;
@@ -17,7 +18,10 @@ export type AITileProps = {
     customContent?: React.ReactNode | null;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
-    onClick?: (() => void) | null;
+    aiLabelVariant?: AITileLabelVariant;
+    aiLabelText?: string;
+    aiLabelTagType?: AITileBodyProps['aiLabelTagType'];
+    onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: boolean;
     isLoading?: boolean;

package/lib/components/Tiles/AITile/AITile.js

@@ -23,6 +23,9 @@ const AITile = ({
   customContent,
   primaryIcon: PrimaryIcon,
   secondaryIcon: SecondaryIcon,
+  aiLabelVariant,
+  aiLabelText,
+  aiLabelTagType,
   onClick: aiTileClickHandler,
   ariaLabel,
   open,
@@ -38,6 +41,9 @@ const AITile = ({
     title: title,
     subtitle: subtitle,
     customContent: customContent,
+    aiLabelVariant: aiLabelVariant,
+    aiLabelText: aiLabelText,
+    aiLabelTagType: aiLabelTagType,
     isLoading: isLoading
   });
 
@@ -52,8 +58,8 @@ const AITile = ({
     }, body);
   }
   return /*#__PURE__*/React.createElement(react.Link, {
-    onClick: () => {
-      aiTileClickHandler?.();
+    onClick: event => {
+      aiTileClickHandler?.(event);
     },
     className: `${prefix}--animated-header__tile ${blockClass}`,
     "aria-label": ariaLabel ?? title ?? 'AI Tile',

package/lib/components/Tiles/AITile/AITileBody.d.ts

@@ -7,6 +7,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { ElementType, ReactNode } from 'react';
+import { type TagProps } from '@carbon/react';
+type TagTypeName = TagProps<'div'>['type'];
+export type AITileLabelVariant = 'aiLabel' | 'tag';
 export type AITileBodyProps = {
     open?: boolean;
     title?: string | null;
@@ -14,6 +17,10 @@ export type AITileBodyProps = {
     customContent?: ReactNode;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
+    aiLabelVariant?: AITileLabelVariant;
+    aiLabelText?: string;
+    aiLabelTagType?: TagTypeName;
     isLoading?: boolean;
 };
-export declare const AITileBody: ({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, isLoading, }: AITileBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AITileBody: ({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, aiLabelVariant, aiLabelText, aiLabelTagType, isLoading, }: AITileBodyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Tiles/AITile/AITileBody.js

@@ -19,6 +19,9 @@ const AITileBody = ({
   customContent,
   primaryIcon: PrimaryIcon,
   secondaryIcon: SecondaryIcon,
+  aiLabelVariant = 'aiLabel',
+  aiLabelText = 'AI',
+  aiLabelTagType = 'gray',
   isLoading
 }) => {
   const prefix = usePrefix.usePrefix();
@@ -42,11 +45,20 @@ const AITileBody = ({
   }, PrimaryIcon && /*#__PURE__*/React.createElement(PrimaryIcon, {
     fill: `var(--cds-icon-secondary)`,
     size: 24
-  }), _AILabel || (_AILabel = /*#__PURE__*/React.createElement(react.AILabel, {
+  }), aiLabelVariant === 'tag' ? /*#__PURE__*/React.createElement(react.Tag, {
+    size: "sm",
+    type: aiLabelTagType,
+    className: `${blockClass}--tag`,
+    decorator: _AILabel || (_AILabel = /*#__PURE__*/React.createElement(react.AILabel, {
+      aiText: "AI",
+      size: "xs",
+      kind: "inline"
+    }))
+  }, aiLabelText) : /*#__PURE__*/React.createElement(react.AILabel, {
     autoAlign: true,
-    aiText: "AI",
+    aiText: aiLabelText,
     size: "xs"
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--title`
   }, title), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--footer`

package/lib/components/Tiles/GlassTile/GlassTile.d.ts

@@ -7,6 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ElementType } from 'react';
+import { GlassTileBodyProps } from './GlassTileBody';
 export type GlassTileProps = {
     variant?: 'glass';
     tileId: string;
@@ -17,7 +18,9 @@ export type GlassTileProps = {
     customContent?: React.ReactNode | null;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
-    onClick?: (() => void) | null;
+    tagLabel?: string | null;
+    tagType?: GlassTileBodyProps['tagType'];
+    onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: boolean;
     isLoading?: boolean;

package/lib/components/Tiles/GlassTile/GlassTile.js

@@ -21,6 +21,8 @@ const GlassTile = ({
   customContent,
   primaryIcon: PrimaryIcon,
   secondaryIcon: SecondaryIcon,
+  tagLabel,
+  tagType,
   onClick: glassTileClickHandler,
   ariaLabel,
   open,
@@ -36,6 +38,8 @@ const GlassTile = ({
     title: title,
     subtitle: subtitle,
     customContent: customContent,
+    tagLabel: tagLabel,
+    tagType: tagType,
     isLoading: isLoading
   });
 
@@ -50,8 +54,8 @@ const GlassTile = ({
     }, body);
   }
   return /*#__PURE__*/React.createElement(react.Link, {
-    onClick: () => {
-      glassTileClickHandler?.();
+    onClick: event => {
+      glassTileClickHandler?.(event);
     },
     className: `${prefix}--animated-header__tile ${blockClass}`,
     "aria-label": ariaLabel ?? title ?? 'Glass Tile',

package/lib/components/Tiles/GlassTile/GlassTileBody.d.ts

@@ -7,6 +7,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { ElementType, ReactNode } from 'react';
+import { type TagProps } from '@carbon/react';
+type TagTypeName = TagProps<'div'>['type'];
 export type GlassTileBodyProps = {
     open?: boolean;
     title?: string | null;
@@ -14,6 +16,9 @@ export type GlassTileBodyProps = {
     customContent?: ReactNode;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
+    tagLabel?: string | null;
+    tagType?: TagTypeName;
     isLoading?: boolean;
 };
-export declare const GlassTileBody: ({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, isLoading, }: GlassTileBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlassTileBody: ({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, tagLabel, tagType, isLoading, }: GlassTileBodyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Tiles/GlassTile/GlassTileBody.js

@@ -18,6 +18,8 @@ const GlassTileBody = ({
   customContent,
   primaryIcon: PrimaryIcon,
   secondaryIcon: SecondaryIcon,
+  tagLabel,
+  tagType = 'gray',
   isLoading
 }) => {
   const prefix = usePrefix.usePrefix();
@@ -39,7 +41,11 @@ const GlassTileBody = ({
   }, PrimaryIcon && /*#__PURE__*/React.createElement(PrimaryIcon, {
     fill: `var(--cds-icon-secondary)`,
     size: 24
-  })), /*#__PURE__*/React.createElement("div", {
+  }), tagLabel && /*#__PURE__*/React.createElement(react.Tag, {
+    size: "sm",
+    type: tagType,
+    className: `${blockClass}--tag`
+  }, tagLabel)), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--title`
   }, title), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--footer`

package/lib/es/_virtual/_commonjsHelpers.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export function getDefaultExportFromCjs(x: any): any;

package/lib/es/_virtual/_rollupPluginBabelHelpers.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+declare function _extends(...args: any[]): any;
+export { _extends as extends, _extends as extends };

package/lib/es/_virtual/lottie.d.ts

@@ -0,0 +1,2 @@
+export { lottie as default };
+declare var lottie: any;

package/lib/es/_virtual/lottie2.d.ts

@@ -0,0 +1,4 @@
+export { lottie as __module };
+declare namespace lottie {
+    let exports: {};
+}