@carbon-labs/react-animated-header 0.1.0 → 0.3.0

package/es/components/Tiles/BaseTile/BaseTile.js

@@ -19,8 +19,8 @@ const BaseTile = _ref => {
     mainIcon,
     secondaryIcon,
     title,
-    productName,
-    subtitle
+    subtitle,
+    productName
   } = _ref;
   const props = {
     id,
@@ -29,8 +29,8 @@ const BaseTile = _ref => {
     mainIcon,
     secondaryIcon,
     title,
-    productName,
-    subtitle
+    subtitle,
+    productName
   };
   const tile = id === 'ai-tile' ? /*#__PURE__*/React.createElement(AIPromptTile, props) : /*#__PURE__*/React.createElement(GlassTile, props);
   return tile;

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

@@ -23,12 +23,12 @@ const GlassTile = _ref => {
     subtitle
   } = _ref;
   const prefix = usePrefix();
-  const blockClass = `${prefix}-animated-header__glass-tile`;
+  const blockClass = `${prefix}--animated-header__glass-tile`;
   const collapsed = `${blockClass}--collapsed`;
   const MainIcon = mainIcon ? index[mainIcon] : null;
   const SecondaryIcon = secondaryIcon ? index[secondaryIcon] : null;
   return /*#__PURE__*/React.createElement(Link, {
-    className: `${prefix}-animated-header__tile ${blockClass}`,
+    className: `${prefix}--animated-header__tile ${blockClass}`,
     key: id,
     href: href
   }, /*#__PURE__*/React.createElement("div", {

package/es/index.d.ts

@@ -6,6 +6,7 @@
  * 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 from '../AnimatedHeader/components/AnimatedHeader/AnimatedHeader';
+import AnimatedHeader from './components/AnimatedHeader/AnimatedHeader';
 import { BaseTile } from './components/Tiles/index.js';
+export * from './assets';
 export { AnimatedHeader, BaseTile };

package/es/index.js

@@ -9,3 +9,13 @@ export { default as AnimatedHeader } from './components/AnimatedHeader/AnimatedH
 import 'react';
 import '@carbon/react';
 export { BaseTile } from './components/Tiles/BaseTile/BaseTile.js';
+export { default as dataFabricAnimatedLight } from './assets/animated/header_1312x738_data_fabric_light_03.json.js';
+export { default as dataFabricAnimatedDark } from './assets/animated/header_1312x738_data_fabric_dark_06.json.js';
+export { default as dataFabricStaticLight } from './assets/static/illustration_data_fabric_light_04.svg.js';
+export { default as dataFabricStaticDark } from './assets/static/illustration_data_fabric_dark_05.svg.js';
+export { default as watsonXAnimatedLight } from './assets/animated/header_1312x738_watsonx_data_light_03.json.js';
+export { default as watsonXAnimatedDark } from './assets/animated/header_1312x738_watsonx_data_dark_02.json.js';
+export { default as watsonXStaticLight } from './assets/static/illustration_watson_x_data_light_03.svg.js';
+export { default as watsonXStaticDark } from './assets/static/illustration_watson_x_data_dark_03.svg.js';
+export { default as wxbiaAnimatedLight } from './assets/animated/header_illustration_container_wxbia_light_08.json.js';
+export { default as wxbiaAnimatedDark } from './assets/animated/header_illustration_container_wxbia_dark_05.json.js';