@carbon-labs/react-animated-header 0.30.0 → 0.32.0

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

@@ -13,21 +13,19 @@ var usePrefix = require('../../../node_modules/@carbon-labs/utilities/es/usePref
 var icons = require('@carbon/react/icons');
 
 var _AILabel, _Send;
-
-/** Primary UI component for user interaction */
-
 const AIPromptTile = ({
+  tileId,
   href,
-  id,
-  mainIcon: MainIcon,
-  open,
-  productName,
   title,
-  isLoading,
-  isDisabled,
   disabledTaskLabel,
+  productName,
+  promptPlaceholder = 'Start chatting...',
+  primaryIcon: PrimaryIcon,
   onClick,
-  ariaLabel
+  ariaLabel,
+  open,
+  isLoading,
+  isDisabled
 }) => {
   const prefix = usePrefix.usePrefix();
   const blockClass = `${prefix}--animated-header__ai-prompt-tile`;
@@ -54,7 +52,7 @@ const AIPromptTile = ({
     "aria-label": ariaLabel ?? title ?? 'AI Tile',
     role: "listitem",
     title: isDisabled ? disabledTaskLabel ?? '' : '',
-    key: id
+    key: tileId
   }, isLoading ? /*#__PURE__*/React.createElement(react.SkeletonPlaceholder, {
     className: `${blockClass}--loading-skeleton`
   }) : /*#__PURE__*/React.createElement("div", {
@@ -65,13 +63,13 @@ const AIPromptTile = ({
     className: `${blockClass}--body-gradient`
   }), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--icons`
-  }, MainIcon && /*#__PURE__*/React.createElement(MainIcon, {
+  }, PrimaryIcon && /*#__PURE__*/React.createElement(PrimaryIcon, {
     fill: `var(--cds-icon-secondary)`,
     size: 24
   }), _AILabel || (_AILabel = /*#__PURE__*/React.createElement(react.AILabel, {
     autoAlign: true,
     aiText: "AI",
-    size: "mini"
+    size: "xs"
   }))), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--title`
   }, title), /*#__PURE__*/React.createElement("div", {
@@ -82,7 +80,7 @@ const AIPromptTile = ({
     type: "text",
     labelText: "AI Chat Input",
     hideLabel: true,
-    placeholder: "Start chatting...",
+    placeholder: promptPlaceholder,
     size: "sm",
     onChange: handleTextInput,
     onKeyDown: handleTextInputKeyDown,

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

@@ -0,0 +1,26 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ElementType } from 'react';
+export type AITileProps = {
+    tileId: string | null;
+    href?: string | null;
+    title?: string | null;
+    subtitle?: string | null;
+    disabledTaskLabel?: string | null;
+    customContent?: React.ReactNode | null;
+    primaryIcon?: ElementType | null;
+    secondaryIcon?: ElementType | null;
+    onClick?: (() => void) | null;
+    ariaLabel?: string;
+    open?: boolean;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+} & Record<string, unknown>;
+export declare const AITile: React.FC<AITileProps>;
+export default AITile;

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

@@ -0,0 +1,70 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var react = require('@carbon/react');
+var usePrefix = require('../../../node_modules/@carbon-labs/utilities/es/usePrefix.js');
+var AITileBody = require('./AITileBody.js');
+
+const AITile = ({
+  tileId,
+  href,
+  title,
+  subtitle,
+  disabledTaskLabel,
+  customContent,
+  primaryIcon: PrimaryIcon,
+  secondaryIcon: SecondaryIcon,
+  onClick: aiTileClickHandler,
+  ariaLabel,
+  open,
+  isLoading,
+  isDisabled
+}) => {
+  const prefix = usePrefix.usePrefix();
+  const blockClass = `${prefix}--animated-header__ai-tile`;
+  const body = /*#__PURE__*/React.createElement(AITileBody.AITileBody, {
+    open: open,
+    primaryIcon: PrimaryIcon,
+    secondaryIcon: SecondaryIcon,
+    title: title,
+    subtitle: subtitle,
+    customContent: customContent,
+    isLoading: isLoading
+  });
+
+  // Non-interactive tile
+  if (!href && !aiTileClickHandler) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: `${prefix}--animated-header__tile ${blockClass}`,
+      key: tileId,
+      "aria-label": ariaLabel ?? title ?? 'AI Tile',
+      title: isDisabled ? disabledTaskLabel ?? '' : '',
+      tabIndex: -1
+    }, body);
+  }
+  return /*#__PURE__*/React.createElement(react.Link, {
+    onClick: () => {
+      aiTileClickHandler?.();
+    },
+    className: `${prefix}--animated-header__tile ${blockClass}`,
+    "aria-label": ariaLabel ?? title ?? 'AI Tile',
+    role: "listitem",
+    tabIndex: isDisabled || isLoading ? -1 : 0,
+    key: tileId,
+    href: href ?? undefined,
+    disabled: isDisabled || isLoading,
+    title: isDisabled ? disabledTaskLabel ?? '' : ''
+  }, body);
+};
+
+exports.AITile = AITile;
+exports.default = AITile;

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

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { ElementType, ReactNode } from 'react';
+export type AITileBodyProps = {
+    open?: boolean;
+    title?: string | null;
+    subtitle?: string | null;
+    customContent?: ReactNode;
+    primaryIcon?: ElementType | null;
+    secondaryIcon?: ElementType | null;
+    isLoading?: boolean;
+};
+export declare const AITileBody: ({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, isLoading, }: AITileBodyProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,61 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+var React = require('react');
+var usePrefix = require('../../../node_modules/@carbon-labs/utilities/es/usePrefix.js');
+var react = require('@carbon/react');
+
+var _AILabel;
+const AITileBody = ({
+  open,
+  title,
+  subtitle,
+  customContent,
+  primaryIcon: PrimaryIcon,
+  secondaryIcon: SecondaryIcon,
+  isLoading
+}) => {
+  const prefix = usePrefix.usePrefix();
+  const blockClass = `${prefix}--animated-header__ai-tile`;
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(react.SkeletonPlaceholder, {
+      className: `${blockClass}--loading-skeleton`
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${blockClass}--body`,
+    "data-expanded": open
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${blockClass}--body-background`
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${blockClass}--body-gradient`
+  }), customContent ? /*#__PURE__*/React.createElement("div", {
+    className: `${blockClass}--custom-content`
+  }, customContent) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: `${blockClass}--icons`
+  }, PrimaryIcon && /*#__PURE__*/React.createElement(PrimaryIcon, {
+    fill: `var(--cds-icon-secondary)`,
+    size: 24
+  }), _AILabel || (_AILabel = /*#__PURE__*/React.createElement(react.AILabel, {
+    autoAlign: true,
+    aiText: "AI",
+    size: "xs"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: `${blockClass}--title`
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: `${blockClass}--footer`
+  }, subtitle && /*#__PURE__*/React.createElement("div", {
+    className: `${blockClass}--subtitle`
+  }, subtitle), SecondaryIcon && /*#__PURE__*/React.createElement(SecondaryIcon, {
+    size: 16,
+    fill: `var(--cds-icon-secondary)`
+  }))));
+};
+
+exports.AITileBody = AITileBody;

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

@@ -6,23 +6,20 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { ElementType, ReactNode } from 'react';
-/** Base Tile */
-interface BaseTileProps {
+import React from 'react';
+import { type AITileProps } from '../AITile/AITile';
+import { type AIPromptTileProps } from '../AIPromptTile/AIPromptTile';
+import { type GlassTileProps } from '../GlassTile/GlassTile';
+/** Base Tile router */
+export type TileVariant = 'glass' | 'aiPrompt' | 'ai';
+export type BaseTileProps = ({
+    variant?: 'glass';
+} & GlassTileProps) | ({
+    variant: 'aiPrompt';
+} & AIPromptTileProps) | (({
+    variant: 'ai';
+} & AITileProps) & {
     id?: string;
-    open?: boolean;
-    href?: string | null;
-    mainIcon?: ElementType | null;
-    secondaryIcon?: ElementType | null;
-    title?: string | null;
-    subtitle?: string | null;
-    productName?: string;
-    customContent?: ReactNode;
-    isLoading?: boolean;
-    isDisabled?: boolean;
-    disabledTaskLabel?: string;
-    onClick?: (() => void) | null;
-    ariaLabel?: string;
-}
+    tileId?: string | null;
+});
 export declare const BaseTile: React.FC<BaseTileProps>;
-export {};

package/lib/components/Tiles/BaseTile/BaseTile.js

@@ -8,16 +8,46 @@
 'use strict';
 
 var React = require('react');
+var AITile = require('../AITile/AITile.js');
 var AIPromptTile = require('../AIPromptTile/AIPromptTile.js');
 var GlassTile = require('../GlassTile/GlassTile.js');
 
-/** Base Tile */
+/** Base Tile router */
 
-const BaseTile = props => {
+function inferVariant(props) {
+  if (props.variant) {
+    return props.variant;
+  }
   if (props.id === 'ai-tile') {
-    return /*#__PURE__*/React.createElement(AIPromptTile.AIPromptTile, props);
+    return 'aiPrompt';
+  }
+  return 'glass';
+}
+const BaseTile = props => {
+  // Back-compat: alias legacy icon prop to the new name
+  const normalizedProps = {
+    ...props,
+    primaryIcon: props.primaryIcon ?? props.mainIcon // ← fallback
+  };
+
+  // strip legacy id, but flow it into tileId if needed
+  const {
+    id: legacyId,
+    ...rest
+  } = normalizedProps;
+  const forward = {
+    ...rest,
+    tileId: rest.tileId ?? legacyId
+  };
+  switch (inferVariant(props)) {
+    case 'ai':
+      return /*#__PURE__*/React.createElement(AITile.AITile, forward);
+    case 'aiPrompt':
+      return /*#__PURE__*/React.createElement(AIPromptTile.AIPromptTile, forward);
+    case 'glass':
+    default:
+      return /*#__PURE__*/React.createElement(GlassTile.GlassTile, forward);
   }
-  return /*#__PURE__*/React.createElement(GlassTile.GlassTile, props);
 };
 
 exports.BaseTile = BaseTile;

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

@@ -6,16 +6,20 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-/** Primary UI component for user interaction */
-interface GlassTileProps {
+import React, { ElementType } from 'react';
+export type GlassTileProps = {
+    tileId: string | null;
     href?: string | null;
-    id?: string;
-    isLoading?: boolean;
-    isDisabled?: boolean;
-    disabledTaskLabel?: string;
+    title?: string | null;
+    subtitle?: string | null;
+    disabledTaskLabel?: string | null;
+    customContent?: React.ReactNode | null;
+    primaryIcon?: ElementType | null;
+    secondaryIcon?: ElementType | null;
     onClick?: (() => void) | null;
     ariaLabel?: string;
-}
+    open?: boolean;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+} & Record<string, unknown>;
 export declare const GlassTile: React.FC<GlassTileProps>;
-export {};

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

@@ -12,29 +12,27 @@ var react = require('@carbon/react');
 var usePrefix = require('../../../node_modules/@carbon-labs/utilities/es/usePrefix.js');
 var GlassTileBody = require('./GlassTileBody.js');
 
-/** Primary UI component for user interaction */
-
 const GlassTile = ({
+  tileId,
   href,
-  id,
-  mainIcon,
-  open,
-  secondaryIcon,
-  subtitle,
   title,
-  customContent,
-  isLoading,
-  isDisabled,
+  subtitle,
   disabledTaskLabel,
+  customContent,
+  primaryIcon: PrimaryIcon,
+  secondaryIcon: SecondaryIcon,
   onClick: glassTileClickHandler,
-  ariaLabel
+  ariaLabel,
+  open,
+  isLoading,
+  isDisabled
 }) => {
   const prefix = usePrefix.usePrefix();
   const blockClass = `${prefix}--animated-header__glass-tile`;
   const body = /*#__PURE__*/React.createElement(GlassTileBody.GlassTileBody, {
-    mainIcon: mainIcon,
     open: open,
-    secondaryIcon: secondaryIcon,
+    primaryIcon: PrimaryIcon,
+    secondaryIcon: SecondaryIcon,
     title: title,
     subtitle: subtitle,
     customContent: customContent,
@@ -45,7 +43,7 @@ const GlassTile = ({
   if (!href && !glassTileClickHandler) {
     return /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--animated-header__tile ${blockClass}`,
-      key: id,
+      key: tileId,
       "aria-label": ariaLabel ?? title ?? 'Glass Tile',
       title: isDisabled ? disabledTaskLabel ?? '' : '',
       tabIndex: -1
@@ -59,7 +57,7 @@ const GlassTile = ({
     "aria-label": ariaLabel ?? title ?? 'Glass Tile',
     role: "listitem",
     tabIndex: isDisabled || isLoading ? -1 : 0,
-    key: id,
+    key: tileId,
     href: href ?? undefined,
     disabled: isDisabled || isLoading,
     title: isDisabled ? disabledTaskLabel ?? '' : ''

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

@@ -8,12 +8,12 @@
  */
 import { ElementType, ReactNode } from 'react';
 export type GlassTileBodyProps = {
-    mainIcon?: ElementType | null;
     open?: boolean;
-    secondaryIcon?: ElementType | null;
-    subtitle?: string | null;
     title?: string | null;
+    subtitle?: string | null;
     customContent?: ReactNode;
+    primaryIcon?: ElementType | null;
+    secondaryIcon?: ElementType | null;
     isLoading?: boolean;
 };
-export declare const GlassTileBody: ({ mainIcon: MainIcon, open, secondaryIcon: SecondaryIcon, subtitle, title, customContent, isLoading, }: GlassTileBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlassTileBody: ({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, isLoading, }: GlassTileBodyProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,12 +12,12 @@ var usePrefix = require('../../../node_modules/@carbon-labs/utilities/es/usePref
 var react = require('@carbon/react');
 
 const GlassTileBody = ({
-  mainIcon: MainIcon,
   open,
-  secondaryIcon: SecondaryIcon,
-  subtitle,
   title,
+  subtitle,
   customContent,
+  primaryIcon: PrimaryIcon,
+  secondaryIcon: SecondaryIcon,
   isLoading
 }) => {
   const prefix = usePrefix.usePrefix();
@@ -36,7 +36,7 @@ const GlassTileBody = ({
     className: `${blockClass}--custom-content`
   }, customContent) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--icons`
-  }, MainIcon && /*#__PURE__*/React.createElement(MainIcon, {
+  }, PrimaryIcon && /*#__PURE__*/React.createElement(PrimaryIcon, {
     fill: `var(--cds-icon-secondary)`,
     size: 24
   })), /*#__PURE__*/React.createElement("div", {

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

@@ -6,7 +6,8 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import { AITile } from './AITile/AITile';
 import { AIPromptTile } from './AIPromptTile/AIPromptTile';
 import { BaseTile } from './BaseTile/BaseTile';
 import { GlassTile } from './GlassTile/GlassTile';
-export { AIPromptTile, BaseTile, GlassTile };
+export { AITile, AIPromptTile, BaseTile, GlassTile };

package/lib/index.d.ts

@@ -6,9 +6,10 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import AnimatedHeader, { AriaLabels, TileGroup } from './components/AnimatedHeader/AnimatedHeader';
+import AnimatedHeader from './components/AnimatedHeader/AnimatedHeader';
+import { AriaLabels, TileGroup } from './components/AnimatedHeader/types';
 import HeaderTitle from './components/HeaderTitle/HeaderTitle';
-import { BaseTile } from './components/Tiles/index.js';
+import { BaseTile } from './components/Tiles/index';
 export * from './assets';
 export type { Workspace, WorkspaceSelectorConfig, } from './components/WorkspaceSelector/WorkspaceSelector';
 export type { TasksControllerConfig } from './components/TasksController/TasksController';

package/lib/index.js

@@ -13,29 +13,45 @@ require('react');
 require('@carbon/react');
 require('@carbon/react/icons');
 var BaseTile = require('./components/Tiles/BaseTile/BaseTile.js');
-var header_1312x738_data_fabric_light_03 = require('./assets/animated/header_1312x738_data_fabric_light_03.json.js');
-var header_1312x738_data_fabric_dark_06 = require('./assets/animated/header_1312x738_data_fabric_dark_06.json.js');
-var illustration_data_fabric_light_04 = require('./assets/static/illustration_data_fabric_light_04.svg.js');
-var illustration_data_fabric_dark_05 = require('./assets/static/illustration_data_fabric_dark_05.svg.js');
-var header_1312x738_watsonx_data_light_03 = require('./assets/animated/header_1312x738_watsonx_data_light_03.json.js');
-var header_1312x738_watsonx_data_dark_02 = require('./assets/animated/header_1312x738_watsonx_data_dark_02.json.js');
-var illustration_watson_x_data_light_03 = require('./assets/static/illustration_watson_x_data_light_03.svg.js');
-var illustration_watson_x_data_dark_03 = require('./assets/static/illustration_watson_x_data_dark_03.svg.js');
-var header_illustration_container_wxbia_light_08 = require('./assets/animated/header_illustration_container_wxbia_light_08.json.js');
-var header_illustration_container_wxbia_dark_05 = require('./assets/animated/header_illustration_container_wxbia_dark_05.json.js');
+var header_static_data_fabric_light_06 = require('./assets/static/header_static_data_fabric_light_06.svg.js');
+var header_static_data_fabric_dark_06 = require('./assets/static/header_static_data_fabric_dark_06.svg.js');
+var header_static_db2_light_02 = require('./assets/static/header_static_db2_light_02.svg.js');
+var header_static_db2_dark_02 = require('./assets/static/header_static_db2_dark_02.svg.js');
+var header_static_watsonx_data_light_06 = require('./assets/static/header_static_watsonx_data_light_06.svg.js');
+var header_static_watsonx_data_dark_05 = require('./assets/static/header_static_watsonx_data_dark_05.svg.js');
+var header_static_watsonx_a_light_01 = require('./assets/static/header_static_watsonx_a_light_01.svg.js');
+var header_static_watsonx_a_dark_01 = require('./assets/static/header_static_watsonx_a_dark_01.svg.js');
+var header_static_wxbia_light_01 = require('./assets/static/header_static_wxbia_light_01.svg.js');
+var header_static_wxbia_dark_01 = require('./assets/static/header_static_wxbia_dark_01.svg.js');
+var header_animated_data_fabric_light_03 = require('./assets/animated/header_animated_data_fabric_light_03.json.js');
+var header_animated_data_fabric_dark_06 = require('./assets/animated/header_animated_data_fabric_dark_06.json.js');
+var header_animated_watsonx_data_light_04 = require('./assets/animated/header_animated_watsonx_data_light_04.json.js');
+var header_animated_watsonx_data_dark_03 = require('./assets/animated/header_animated_watsonx_data_dark_03.json.js');
+var header_animated_watsonx_a_light_06 = require('./assets/animated/header_animated_watsonx_a_light_06.json.js');
+var header_animated_watsonx_a_dark_06 = require('./assets/animated/header_animated_watsonx_a_dark_06.json.js');
+var header_animated_wxbia_light_09 = require('./assets/animated/header_animated_wxbia_light_09.json.js');
+var header_animated_wxbia_dark_06 = require('./assets/animated/header_animated_wxbia_dark_06.json.js');
 
 
 
 exports.AnimatedHeader = AnimatedHeader.default;
 exports.HeaderTitle = HeaderTitle.default;
 exports.BaseTile = BaseTile.BaseTile;
-exports.dataFabricAnimatedLight = header_1312x738_data_fabric_light_03.default;
-exports.dataFabricAnimatedDark = header_1312x738_data_fabric_dark_06.default;
-exports.dataFabricStaticLight = illustration_data_fabric_light_04.default;
-exports.dataFabricStaticDark = illustration_data_fabric_dark_05.default;
-exports.watsonXAnimatedLight = header_1312x738_watsonx_data_light_03.default;
-exports.watsonXAnimatedDark = header_1312x738_watsonx_data_dark_02.default;
-exports.watsonXStaticLight = illustration_watson_x_data_light_03.default;
-exports.watsonXStaticDark = illustration_watson_x_data_dark_03.default;
-exports.wxbiaAnimatedLight = header_illustration_container_wxbia_light_08.default;
-exports.wxbiaAnimatedDark = header_illustration_container_wxbia_dark_05.default;
+exports.dataFabricStaticLight = header_static_data_fabric_light_06.default;
+exports.dataFabricStaticDark = header_static_data_fabric_dark_06.default;
+exports.db2StaticLight = header_static_db2_light_02.default;
+exports.db2StaticDark = header_static_db2_dark_02.default;
+exports.watsonXStaticLight = header_static_watsonx_data_light_06.default;
+exports.watsonXStaticDark = header_static_watsonx_data_dark_05.default;
+exports.watsonXAStaticLight = header_static_watsonx_a_light_01.default;
+exports.watsonXAStaticDark = header_static_watsonx_a_dark_01.default;
+exports.wxbiaStaticLight = header_static_wxbia_light_01.default;
+exports.wxbiaStaticDark = header_static_wxbia_dark_01.default;
+exports.dataFabricAnimatedLight = header_animated_data_fabric_light_03.default;
+exports.dataFabricAnimatedDark = header_animated_data_fabric_dark_06.default;
+exports.watsonXAnimatedLight = header_animated_watsonx_data_light_04.default;
+exports.watsonXAnimatedDark = header_animated_watsonx_data_dark_03.default;
+exports.watsonXAAnimatedLight = header_animated_watsonx_a_light_06.default;
+exports.watsonXAAnimatedDark = header_animated_watsonx_a_dark_06.default;
+exports.wxbiaAnimatedLight = header_animated_wxbia_light_09.default;
+exports.wxbiaAnimatedDark = header_animated_wxbia_dark_06.default;