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

package/lib/es/assets/static/header_static_data_fabric_dark_06.svg.d.ts

@@ -0,0 +1,8 @@
+export { header_static_data_fabric_dark_06 as default };
+/**
+ * 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 var header_static_data_fabric_dark_06: string;

package/lib/es/assets/static/header_static_data_fabric_light_06.svg.d.ts

@@ -0,0 +1,8 @@
+export { header_static_data_fabric_light_06 as default };
+/**
+ * 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 var header_static_data_fabric_light_06: string;

package/lib/{_virtual/lottie2.js → es/assets/static/header_static_db2_dark_01.svg.d.ts}

@@ -1,12 +1,8 @@
+export { header_static_db2_dark_01 as default };
 /**
  * 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 lottie = {exports: {}};
-
-exports.__module = lottie;
+declare var header_static_db2_dark_01: string;

package/{es/_virtual/lottie2.js → lib/es/assets/static/header_static_db2_light_01.svg.d.ts}

@@ -1,10 +1,8 @@
+export { header_static_db2_light_01 as default };
 /**
  * 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.
  */
-
-var lottie = {exports: {}};
-
-export { lottie as __module };
+declare var header_static_db2_light_01: string;

package/lib/es/assets/static/header_static_watsonx_a_dark_01.svg.d.ts

@@ -0,0 +1,8 @@
+export { header_static_watsonx_a_dark_01 as default };
+/**
+ * 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 var header_static_watsonx_a_dark_01: string;

package/lib/es/assets/static/header_static_watsonx_a_light_01.svg.d.ts

@@ -0,0 +1,8 @@
+export { header_static_watsonx_a_light_01 as default };
+/**
+ * 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 var header_static_watsonx_a_light_01: string;

package/lib/es/assets/static/header_static_watsonx_data_dark_05.svg.d.ts

@@ -0,0 +1,8 @@
+export { header_static_watsonx_data_dark_05 as default };
+/**
+ * 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 var header_static_watsonx_data_dark_05: string;

package/lib/es/assets/static/header_static_watsonx_data_light_06.svg.d.ts

@@ -0,0 +1,8 @@
+export { header_static_watsonx_data_light_06 as default };
+/**
+ * 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 var header_static_watsonx_data_light_06: string;

package/lib/es/assets/static/header_static_wxbia_dark_01.svg.d.ts

@@ -0,0 +1,8 @@
+export { header_static_wxbia_dark_01 as default };
+/**
+ * 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 var header_static_wxbia_dark_01: string;

package/lib/es/assets/static/header_static_wxbia_light_01.svg.d.ts

@@ -0,0 +1,8 @@
+export { header_static_wxbia_light_01 as default };
+/**
+ * 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 var header_static_wxbia_light_01: string;

package/lib/es/components/AnimatedHeader/AnimatedHeader.d.ts

@@ -0,0 +1,99 @@
+export { AnimatedHeader as default };
+/** Animated Header */
+declare function AnimatedHeader({ allTileGroups, ariaLabels, selectedTileGroup, setSelectedTileGroup, description, headerAnimation, headerStatic, productName, userName, welcomeText, contentSwitcherConfig, headerActionConfig, tasksControllerConfig, workspaceSelectorConfig, isLoading, disabledTaskLabel, expandButtonLabel, collapseButtonLabel, tileClickHandler }: {
+    allTileGroups: any;
+    ariaLabels?: {} | undefined;
+    selectedTileGroup: any;
+    setSelectedTileGroup: any;
+    description: any;
+    headerAnimation: any;
+    headerStatic: any;
+    productName?: string | undefined;
+    userName: any;
+    welcomeText: any;
+    contentSwitcherConfig: any;
+    headerActionConfig: any;
+    tasksControllerConfig: any;
+    workspaceSelectorConfig: any;
+    isLoading: any;
+    disabledTaskLabel: any;
+    expandButtonLabel?: string | undefined;
+    collapseButtonLabel?: string | undefined;
+    tileClickHandler: any;
+}): React.DetailedReactHTMLElement<{
+    className: string;
+    "data-expanded": boolean;
+}, HTMLElement>;
+declare namespace AnimatedHeader {
+    let displayName: string;
+    namespace propTypes {
+        let allTileGroups: PropTypes.Requireable<(object | null | undefined)[]>;
+        let ariaLabels: PropTypes.Requireable<object>;
+        let className: PropTypes.Requireable<string>;
+        let collapseButtonLabel: PropTypes.Requireable<string>;
+        let contentSwitcherConfig: PropTypes.Requireable<PropTypes.InferProps<{
+            items: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                id: PropTypes.Requireable<string>;
+                text: PropTypes.Validator<string>;
+                onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>[]>;
+            ariaLabel: PropTypes.Requireable<string>;
+            isLoading: PropTypes.Requireable<boolean>;
+            lowContrast: PropTypes.Requireable<boolean>;
+            headerExpanded: PropTypes.Requireable<boolean>;
+            visibleCount: PropTypes.Requireable<number>;
+            onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>;
+        let description: PropTypes.Requireable<string>;
+        let expandButtonLabel: PropTypes.Requireable<string>;
+        let headerActionConfig: PropTypes.Requireable<PropTypes.InferProps<{
+            type: PropTypes.Validator<string>;
+            iconButton: PropTypes.Requireable<PropTypes.InferProps<{
+                icon: PropTypes.Validator<NonNullable<PropTypes.ReactComponentLike>>;
+                iconLabel: PropTypes.Validator<string>;
+                onClick: PropTypes.Validator<(...args: any[]) => any>;
+                disabled: PropTypes.Requireable<boolean>;
+                ariaLabel: PropTypes.Requireable<string>;
+                propsOverrides: PropTypes.Requireable<object>;
+            }>>;
+            ghostButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Validator<string>;
+                icon: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+                onClick: PropTypes.Validator<(...args: any[]) => any>;
+                disabled: PropTypes.Requireable<boolean>;
+                ariaLabel: PropTypes.Requireable<string>;
+                propsOverrides: PropTypes.Requireable<object>;
+            }>>;
+        }>>;
+        let headerAnimation: PropTypes.Requireable<object>;
+        let headerStatic: PropTypes.Requireable<object>;
+        let isLoading: PropTypes.Requireable<boolean>;
+        let productName: PropTypes.Requireable<string>;
+        let selectedTileGroup: PropTypes.Requireable<object>;
+        let setSelectedTileGroup: PropTypes.Requireable<(...args: any[]) => any>;
+        let tasksControllerConfig: PropTypes.Requireable<PropTypes.InferProps<{
+            type: PropTypes.Validator<string>;
+            isLoading: PropTypes.Requireable<boolean>;
+            button: PropTypes.Requireable<PropTypes.InferProps<{
+                text: PropTypes.Validator<string>;
+                propsOverrides: PropTypes.Requireable<object>;
+            }>>;
+            dropdown: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                ariaLabel: PropTypes.Requireable<string>;
+                propsOverrides: PropTypes.Requireable<object>;
+            }>>;
+        }>>;
+        let tileClickHandler: PropTypes.Requireable<(...args: any[]) => any>;
+        let userName: PropTypes.Requireable<string>;
+        let welcomeText: PropTypes.Requireable<string>;
+        let workspaceSelectorConfig: PropTypes.Requireable<PropTypes.InferProps<{
+            propsOverrides: PropTypes.Requireable<object>;
+            allWorkspaces: PropTypes.Requireable<(object | null | undefined)[]>;
+            selectedWorkspace: PropTypes.Requireable<object>;
+            setSelectedWorkspace: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/lib/es/components/ContentSwitcherSelector/ContentSwitcherSelector.d.ts

@@ -0,0 +1,10 @@
+export { ContentSwitcherSelector as default };
+declare function ContentSwitcherSelector({ contentSwitcherConfig, isLoading, headerExpanded }: {
+    contentSwitcherConfig: any;
+    isLoading: any;
+    headerExpanded: any;
+}): React.FunctionComponentElement<import("@carbon/react").SkeletonPlaceholderProps> | React.DetailedReactHTMLElement<{
+    className: string;
+    "data-expanded": any;
+}, HTMLElement> | null;
+import React from 'react';

package/lib/es/components/HeaderAction/HeaderAction.d.ts

@@ -0,0 +1,11 @@
+export { HeaderAction as default };
+declare function HeaderAction({ config, headerExpanded }: {
+    config: any;
+    headerExpanded: any;
+}): React.DetailedReactHTMLElement<{
+    className: string;
+    "aria-label": any;
+    "aria-hidden": boolean;
+    "data-expanded": any;
+}, HTMLElement> | undefined;
+import React from 'react';

package/lib/es/components/HeaderTitle/HeaderTitle.d.ts

@@ -0,0 +1,8 @@
+export { HeaderTitle as default };
+declare function HeaderTitle({ userName, welcomeText, headerExpanded, ariaLabels }: {
+    userName: any;
+    welcomeText: any;
+    headerExpanded: any;
+    ariaLabels: any;
+}): React.FunctionComponentElement<import("@carbon/react").TooltipProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>;
+import React from 'react';

package/lib/es/components/TasksController/TasksController.d.ts

@@ -0,0 +1,11 @@
+export { TasksController as default };
+declare function TasksController({ tasksControllerConfig, isLoading, allTileGroups, selectedTileGroup, setSelectedTileGroup }: {
+    tasksControllerConfig: any;
+    isLoading: any;
+    allTileGroups: any;
+    selectedTileGroup: any;
+    setSelectedTileGroup: any;
+}): React.FunctionComponentElement<import("@carbon/react").ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | React.FunctionComponentElement<import("@carbon/react").SkeletonPlaceholderProps> | React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement> | null;
+import React from 'react';

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

@@ -0,0 +1,25 @@
+export function AIPromptTile({ tileId, href, title, disabledTaskLabel, productName, promptPlaceholder, primaryIcon: PrimaryIcon, aiLabelVariant, aiLabelText, aiLabelTagType, onClick, ariaLabel, open, isLoading, isDisabled }: {
+    tileId: any;
+    href: any;
+    title: any;
+    disabledTaskLabel: any;
+    productName: any;
+    promptPlaceholder?: string | undefined;
+    primaryIcon: any;
+    aiLabelVariant?: string | undefined;
+    aiLabelText?: string | undefined;
+    aiLabelTagType?: string | undefined;
+    onClick: any;
+    ariaLabel: any;
+    open: any;
+    isLoading: any;
+    isDisabled: any;
+}): React.DetailedReactHTMLElement<{
+    id: string;
+    className: string;
+    "aria-label": any;
+    role: "listitem";
+    title: any;
+    key: any;
+}, HTMLElement>;
+import React from 'react';

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

@@ -0,0 +1,26 @@
+export function AITile({ tileId, href, title, subtitle, disabledTaskLabel, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, aiLabelVariant, aiLabelText, aiLabelTagType, onClick: aiTileClickHandler, ariaLabel, open, isLoading, isDisabled }: {
+    tileId: any;
+    href: any;
+    title: any;
+    subtitle: any;
+    disabledTaskLabel: any;
+    customContent: any;
+    primaryIcon: any;
+    secondaryIcon: any;
+    aiLabelVariant: any;
+    aiLabelText: any;
+    aiLabelTagType: any;
+    onClick: any;
+    ariaLabel: any;
+    open: any;
+    isLoading: any;
+    isDisabled: any;
+}): React.DetailedReactHTMLElement<{
+    className: string;
+    key: any;
+    "aria-label": any;
+    title: any;
+    tabIndex: number;
+}, HTMLElement> | React.FunctionComponentElement<import("@carbon/react").LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>;
+import React from 'react';
+export { AITile as default };

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

@@ -0,0 +1,16 @@
+export function AITileBody({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, aiLabelVariant, aiLabelText, aiLabelTagType, isLoading }: {
+    open: any;
+    title: any;
+    subtitle: any;
+    customContent: any;
+    primaryIcon: any;
+    secondaryIcon: any;
+    aiLabelVariant?: string | undefined;
+    aiLabelText?: string | undefined;
+    aiLabelTagType?: string | undefined;
+    isLoading: any;
+}): React.FunctionComponentElement<import("@carbon/react").SkeletonPlaceholderProps> | React.DetailedReactHTMLElement<{
+    className: string;
+    "data-expanded": any;
+}, HTMLElement>;
+import React from 'react';

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

@@ -0,0 +1,2 @@
+export function BaseTile(props: any): React.FunctionComponentElement<import("../AITile/AITile.js").AITileProps> | React.FunctionComponentElement<import("../AIPromptTile/AIPromptTile.js").AIPromptTileProps> | React.FunctionComponentElement<import("../GlassTile/GlassTile.js").GlassTileProps>;
+import React from 'react';

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

@@ -0,0 +1,24 @@
+export function GlassTile({ tileId, href, title, subtitle, disabledTaskLabel, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, tagLabel, tagType, onClick: glassTileClickHandler, ariaLabel, open, isLoading, isDisabled }: {
+    tileId: any;
+    href: any;
+    title: any;
+    subtitle: any;
+    disabledTaskLabel: any;
+    customContent: any;
+    primaryIcon: any;
+    secondaryIcon: any;
+    tagLabel: any;
+    tagType: any;
+    onClick: any;
+    ariaLabel: any;
+    open: any;
+    isLoading: any;
+    isDisabled: any;
+}): React.FunctionComponentElement<import("@carbon/react").LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | React.DetailedReactHTMLElement<{
+    className: string;
+    key: any;
+    "aria-label": any;
+    title: any;
+    tabIndex: number;
+}, HTMLElement>;
+import React from 'react';

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

@@ -0,0 +1,15 @@
+export function GlassTileBody({ open, title, subtitle, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, tagLabel, tagType, isLoading }: {
+    open: any;
+    title: any;
+    subtitle: any;
+    customContent: any;
+    primaryIcon: any;
+    secondaryIcon: any;
+    tagLabel: any;
+    tagType?: string | undefined;
+    isLoading: any;
+}): React.FunctionComponentElement<import("@carbon/react").SkeletonPlaceholderProps> | React.DetailedReactHTMLElement<{
+    className: string;
+    "data-expanded": any;
+}, HTMLElement>;
+import React from 'react';

package/lib/es/components/WorkspaceSelector/WorkspaceSelector.d.ts

@@ -0,0 +1,9 @@
+export { WorkspaceSelector as default };
+declare function WorkspaceSelector({ workspaceSelectorConfig, userName, isLoading }: {
+    workspaceSelectorConfig: any;
+    userName: any;
+    isLoading: any;
+}): React.FunctionComponentElement<import("@carbon/react").SkeletonPlaceholderProps> | React.FunctionComponentElement<import("@carbon/react").DropdownProps<unknown> & {
+    ref?: React.Ref<HTMLButtonElement>;
+}> | null;
+import React from 'react';

package/lib/es/index.d.ts

@@ -0,0 +1,24 @@
+export { default as AnimatedHeader } from "./components/AnimatedHeader/AnimatedHeader.js";
+export { default as HeaderAction } from "./components/HeaderAction/HeaderAction.js";
+export { default as HeaderTitle } from "./components/HeaderTitle/HeaderTitle.js";
+export { BaseTile } from "./components/Tiles/BaseTile/BaseTile.js";
+export { default as dataFabricStaticLight } from "./assets/static/header_static_data_fabric_light_06.svg.js";
+export { default as dataFabricStaticDark } from "./assets/static/header_static_data_fabric_dark_06.svg.js";
+export { default as db2StaticLight } from "./assets/static/header_static_db2_light_01.svg.js";
+export { default as db2StaticDark } from "./assets/static/header_static_db2_dark_01.svg.js";
+export { default as watsonXStaticLight } from "./assets/static/header_static_watsonx_data_light_06.svg.js";
+export { default as watsonXStaticDark } from "./assets/static/header_static_watsonx_data_dark_05.svg.js";
+export { default as watsonXAStaticLight } from "./assets/static/header_static_watsonx_a_light_01.svg.js";
+export { default as watsonXAStaticDark } from "./assets/static/header_static_watsonx_a_dark_01.svg.js";
+export { default as wxbiaStaticLight } from "./assets/static/header_static_wxbia_light_01.svg.js";
+export { default as wxbiaStaticDark } from "./assets/static/header_static_wxbia_dark_01.svg.js";
+export { default as dataFabricAnimatedLight } from "./assets/animated/header_animated_data_fabric_light_03.json.js";
+export { default as dataFabricAnimatedDark } from "./assets/animated/header_animated_data_fabric_dark_06.json.js";
+export { default as db2AnimatedLight } from "./assets/animated/header_animated_db2_light_03.json.js";
+export { default as db2AnimatedDark } from "./assets/animated/header_animated_db2_dark_03.json.js";
+export { default as watsonXAnimatedLight } from "./assets/animated/header_animated_watsonx_data_light_04.json.js";
+export { default as watsonXAnimatedDark } from "./assets/animated/header_animated_watsonx_data_dark_03.json.js";
+export { default as watsonXAAnimatedLight } from "./assets/animated/header_animated_watsonx_a_light_06.json.js";
+export { default as watsonXAAnimatedDark } from "./assets/animated/header_animated_watsonx_a_dark_06.json.js";
+export { default as wxbiaAnimatedLight } from "./assets/animated/header_animated_wxbia_light_09.json.js";
+export { default as wxbiaAnimatedDark } from "./assets/animated/header_animated_wxbia_dark_06.json.js";

package/lib/index.js

@@ -12,6 +12,7 @@ var HeaderAction = require('./components/HeaderAction/HeaderAction.js');
 var HeaderTitle = require('./components/HeaderTitle/HeaderTitle.js');
 require('react');
 require('@carbon/react');
+require('@carbon-labs/utilities/usePrefix');
 require('@carbon/react/icons');
 var BaseTile = require('./components/Tiles/BaseTile/BaseTile.js');
 var header_static_data_fabric_light_06 = require('./assets/static/header_static_data_fabric_light_06.svg.js');

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@carbon-labs/react-animated-header",
-  "version": "0.38.0",
+  "version": "0.40.0",
   "publishConfig": {
-    "access": "public",
-    "provenance": true
+    "access": "public"
   },
   "type": "module",
   "description": "Carbon Labs - Animated Header",
@@ -43,7 +42,6 @@
     "lottie-web": "^5.12.2"
   },
   "devDependencies": {
-    "@carbon-labs/utilities": "canary"
-  },
-  "gitHead": "f339f983db13e1cc4af78c6f9dcd20370b07290d"
+    "@carbon-labs/utilities": "0.20.0"
+  }
 }

package/scss/Tiles/AIPromptTile/ai-prompt-tile.scss

@@ -137,10 +137,15 @@ $prefix: 'clabs--animated-header__ai-prompt-tile' !default;
   position: relative;
   z-index: 4;
   display: flex;
+  align-items: flex-start;
   justify-content: space-between;
   margin-block-end: $spacing-05;
 }
 
+.#{$prefix}--tag {
+  z-index: 4;
+}
+
 .#{$prefix}--title {
   @include type-style('body-compact-02');
 

package/scss/Tiles/AITile/ai-tile.scss

@@ -133,10 +133,15 @@ $prefix: 'clabs--animated-header__ai-tile' !default;
   position: relative;
   z-index: 4;
   display: flex;
+  align-items: flex-start;
   justify-content: space-between;
   margin-block-end: $spacing-05;
 }
 
+.#{$prefix}--tag {
+  z-index: 4;
+}
+
 .#{$prefix}--title {
   @include type-style('body-compact-02');
 

package/scss/Tiles/GlassTile/glass-tile.scss

@@ -100,10 +100,15 @@ $prefix: 'clabs--animated-header__glass-tile' !default;
   position: relative;
   z-index: 2;
   display: flex;
+  align-items: flex-start;
   justify-content: space-between;
   margin-block-end: $spacing-05;
 }
 
+.#{$prefix}--tag {
+  z-index: 2;
+}
+
 .#{$prefix}--title {
   @include type-style('body-compact-02');