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

package/es/__stories__/AnimatedHeader.stories.d.ts

@@ -15065,7 +15065,7 @@ export declare const ThemeG10: {
                     type: string;
                     button: {
                         href: string;
-                        icon: import("@carbon/react/icons").CarbonIconType;
+                        icon: import("@carbon/icons-react").CarbonIconType;
                         text: string;
                         type: "tertiary";
                     };
@@ -30258,7 +30258,7 @@ export declare const ThemeG100: {
                     type: string;
                     button: {
                         href: string;
-                        icon: import("@carbon/react/icons").CarbonIconType;
+                        icon: import("@carbon/icons-react").CarbonIconType;
                         text: string;
                         type: "tertiary";
                     };

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,6 +17,9 @@ export type AIPromptTileProps = {
     productName?: string;
     promptPlaceholder?: string;
     primaryIcon?: ElementType | null;
+    aiLabelVariant?: AITileLabelVariant;
+    aiLabelText?: string;
+    aiLabelTagType?: AITileBodyProps['aiLabelTagType'];
     onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: 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`}`

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,6 +18,9 @@ export type AITileProps = {
     customContent?: React.ReactNode | null;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
+    aiLabelVariant?: AITileLabelVariant;
+    aiLabelText?: string;
+    aiLabelTagType?: AITileBodyProps['aiLabelTagType'];
     onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: 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
   });
 

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,6 +18,8 @@ export type GlassTileProps = {
     customContent?: React.ReactNode | null;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
+    tagLabel?: string | null;
+    tagType?: GlassTileBodyProps['tagType'];
     onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: 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
   });
 

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/__stories__/AnimatedHeader.stories.d.ts

@@ -15065,7 +15065,7 @@ export declare const ThemeG10: {
                     type: string;
                     button: {
                         href: string;
-                        icon: import("@carbon/react/icons").CarbonIconType;
+                        icon: import("@carbon/icons-react").CarbonIconType;
                         text: string;
                         type: "tertiary";
                     };
@@ -30258,7 +30258,7 @@ export declare const ThemeG100: {
                     type: string;
                     button: {
                         href: string;
-                        icon: import("@carbon/react/icons").CarbonIconType;
+                        icon: import("@carbon/icons-react").CarbonIconType;
                         text: string;
                         type: "tertiary";
                     };

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,6 +17,9 @@ export type AIPromptTileProps = {
     productName?: string;
     promptPlaceholder?: string;
     primaryIcon?: ElementType | null;
+    aiLabelVariant?: AITileLabelVariant;
+    aiLabelText?: string;
+    aiLabelTagType?: AITileBodyProps['aiLabelTagType'];
     onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: 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`}`

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,6 +18,9 @@ export type AITileProps = {
     customContent?: React.ReactNode | null;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
+    aiLabelVariant?: AITileLabelVariant;
+    aiLabelText?: string;
+    aiLabelTagType?: AITileBodyProps['aiLabelTagType'];
     onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: 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
   });
 

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,6 +18,8 @@ export type GlassTileProps = {
     customContent?: React.ReactNode | null;
     primaryIcon?: ElementType | null;
     secondaryIcon?: ElementType | null;
+    tagLabel?: string | null;
+    tagType?: GlassTileBodyProps['tagType'];
     onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     ariaLabel?: string;
     open?: 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
   });
 

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: {};
+}