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

package/lib/assets/static/illustration_data_fabric_light_04.svg.js

@@ -0,0 +1,14 @@
+/**
+ * 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 illustration_data_fabric_light_04 = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"illustrations\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 1312 738\">\n  <!-- Generator: Adobe Illustrator 29.2.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 116)  -->\n  <defs>\n    <style>\n      .st0, .st1 {\n        fill: none;\n      }\n\n      .st1 {\n        stroke: #82cfff;\n        stroke-miterlimit: 10;\n      }\n\n      .st2, .st3 {\n        fill: #d9fbfb;\n        stroke: #03ddbd;\n      }\n\n      .st3 {\n        stroke-width: 1px;\n      }\n\n      .st4 {\n        clip-path: url(#clippath);\n      }\n    </style>\n    <clipPath id=\"clippath\">\n      <rect class=\"st0\" width=\"1312\" height=\"738\"/>\n    </clipPath>\n  </defs>\n  <g id=\"data_fabric_-_light\">\n    <g class=\"st4\">\n      <g id=\"data_fabric_-_light1\">\n        <g>\n          <path class=\"st1\" d=\"M0,162.6h824\"/>\n          <path class=\"st1\" d=\"M0,217.7h823.8\"/>\n          <path class=\"st1\" d=\"M0,272.6h823.8\"/>\n          <path class=\"st1\" d=\"M0,327.5h823.8\"/>\n          <path class=\"st1\" d=\"M0,382.5h823.8\"/>\n          <path class=\"st1\" d=\"M395.8,0v738\"/>\n          <path class=\"st1\" d=\"M456.9,0v738\"/>\n          <path class=\"st1\" d=\"M640.3,0v738\"/>\n          <path class=\"st1\" d=\"M701.5,0v738\"/>\n          <path class=\"st1\" d=\"M762.6,0v738\"/>\n          <path class=\"st1\" d=\"M823.8-112.1v850.1\"/>\n          <path class=\"st1\" d=\"M0,107.6h824\"/>\n        </g>\n        <g>\n          <path class=\"st1\" d=\"M1247.4,162.4c-84.6-131.2-242.7-219.4-423.6-219.4\"/>\n          <path class=\"st1\" d=\"M1247.4,162.4C1162.8-1.6,1004.8-112.1,823.8-112.1\"/>\n          <path class=\"st1\" d=\"M1247.4,162.4C1162.8,64.1,1004.7-2,823.8-2\"/>\n          <path class=\"st1\" d=\"M1247.4,162.4c-84.6-65.5-242.8-109.5-423.6-109.5\"/>\n          <path class=\"st1\" d=\"M1247.4,162.4c-84.6-32.7-242.8-54.6-423.6-54.6\"/>\n          <line class=\"st1\" x1=\"1247.4\" y1=\"162.4\" x2=\"823.8\" y2=\"162.6\"/>\n          <path class=\"st1\" d=\"M1247.4,162.4c-84.6,32.9-242.7,55.3-423.6,55.3\"/>\n          <path class=\"st1\" d=\"M1247.4,162.4c-84.6,65.7-242.7,110.2-423.6,110.2\"/>\n          <path class=\"st1\" d=\"M1247.4,162.4c-84.6,98.5-242.7,165.1-423.6,165.1\"/>\n          <path class=\"st1\" d=\"M1247.4,162.4c-84.3,163.6-242.7,275-423.6,275\"/>\n          <path class=\"st1\" d=\"M1247.4,162.4c-84.3,130.8-242.8,220.1-423.6,220.1\"/>\n        </g>\n        <path class=\"st3\" d=\"M1254.4,162.5c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M464.1,107.8c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M647.5,107.8c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M464.1,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M402.9,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M708.6,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M464.1,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M525.2,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M586.3,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M647.5,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M708.6,217.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M769.8,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.2-3.2-7.2-7.1,3.2-7.1,7.2-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M964.8,162.6c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M1075.6,122.5c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M1167.2,223.7c0,3.9-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.1,3.2,7.1,7.1Z\"/>\n        <path class=\"st2\" d=\"M1129,258c0,3.9-3.2,7.1-7.2,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.2,3.2,7.2,7.1Z\"/>\n        <path class=\"st2\" d=\"M951.4,420.2c0,3.9-3.2,7.1-7.2,7.1s-7.1-3.2-7.1-7.1,3.2-7.1,7.1-7.1,7.2,3.2,7.2,7.1Z\"/>\n      </g>\n    </g>\n  </g>\n</svg>";
+
+exports.default = illustration_data_fabric_light_04;

package/lib/assets/static/illustration_watson_x_data_dark_03.svg.js

@@ -0,0 +1,14 @@
+/**
+ * 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 illustration_watson_x_data_dark_03 = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"illustrations\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 1312 738\">\n  <!-- Generator: Adobe Illustrator 29.0.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 192)  -->\n  <defs>\n    <style>\n      .st0, .st1, .st2 {\n        fill: none;\n      }\n\n      .st1 {\n        stroke: #003a6d;\n        stroke-miterlimit: 10;\n      }\n\n      .st2, .st3 {\n        stroke: #491d8b;\n      }\n\n      .st4 {\n        clip-path: url(#clippath);\n      }\n\n      .st5 {\n        fill: #161616;\n      }\n\n      .st3 {\n        fill: #1c0f30;\n      }\n    </style>\n    <clipPath id=\"clippath\">\n      <rect class=\"st0\" width=\"1312\" height=\"738\"/>\n    </clipPath>\n  </defs>\n  <rect class=\"st5\" width=\"1312\" height=\"738\"/>\n  <g id=\"watsonx.data_-_dark\">\n    <g class=\"st4\">\n      <g id=\"watsonx.data_-_dark1\">\n        <path class=\"st1\" d=\"M843.1,189.9c0-155.8,126.8-282.1,283.1-282.1\"/>\n        <path class=\"st1\" d=\"M843.1,189.9c0,116.9,95.1,211.6,212.4,211.6s212.4-94.7,212.4-211.6-95.1-211.6-212.4-211.6\"/>\n        <path class=\"st1\" d=\"M843.1,189.9c0-116.9,95.1-211.6,212.4-211.6\"/>\n        <path class=\"st1\" d=\"M843.1,189.9c0,77.9,63.4,141.1,141.6,141.1s141.6-63.2,141.6-141.1-63.4-141.1-141.6-141.1\"/>\n        <path class=\"st1\" d=\"M843.1,189.9c0-77.9,63.4-141.1,141.6-141.1\"/>\n        <path class=\"st1\" d=\"M843.1,189.9c0,58.4,47.5,105.8,106.2,105.8s106.2-47.4,106.2-105.8-47.5-105.8-106.2-105.8\"/>\n        <path class=\"st1\" d=\"M843.1,189.9c0-58.4,47.5-105.8,106.2-105.8\"/>\n        <path class=\"st1\" d=\"M843.1,189.9c0,39,31.7,70.5,70.8,70.5s70.8-31.6,70.8-70.5-31.7-70.5-70.8-70.5\"/>\n        <path class=\"st1\" d=\"M843.1,189.9c0-39,31.7-70.5,70.8-70.5\"/>\n        <path class=\"st1\" d=\"M843.1,189.9c0,19.5,15.8,35.3,35.4,35.3s35.4-15.8,35.4-35.3-15.8-35.3-35.4-35.3\"/>\n        <path class=\"st1\" d=\"M843.1,189.9c0-19.5,15.8-35.3,35.4-35.3\"/>\n        <path class=\"st1\" d=\"M843.1.4v737.6\"/>\n        <path class=\"st1\" d=\"M780.1.4v737.6\"/>\n        <path class=\"st1\" d=\"M717.2.4v737.6\"/>\n        <path class=\"st1\" d=\"M654.2.4v737.6\"/>\n        <path class=\"st1\" d=\"M717.2,62.8H0\"/>\n        <path class=\"st1\" d=\"M717.3,311.7H0\"/>\n        <path class=\"st1\" d=\"M843.1,62.8h-63.2\"/>\n        <path class=\"st1\" d=\"M843.1,125.8H0\"/>\n        <path class=\"st1\" d=\"M843.1,188.7H0\"/>\n        <path class=\"st1\" d=\"M843.1,251.6H0\"/>\n        <circle class=\"st2\" cx=\"1126.3\" cy=\"-83.4\" r=\"8.8\"/>\n        <circle class=\"st2\" cx=\"1055.5\" cy=\"-12.9\" r=\"8.8\"/>\n        <circle class=\"st2\" cx=\"984.7\" cy=\"57.6\" r=\"8.8\"/>\n        <path class=\"st2\" d=\"M949.3,84.1c-4.9,0-8.8,3.9-8.8,8.8s4,8.8,8.8,8.8,8.8-3.9,8.8-8.8-4-8.8-8.8-8.8Z\"/>\n        <path class=\"st2\" d=\"M913.9,119.4c-4.9,0-8.8,3.9-8.8,8.8s4,8.8,8.8,8.8,8.8-3.9,8.8-8.8-4-8.8-8.8-8.8Z\"/>\n        <path class=\"st2\" d=\"M878.5,154.6c-4.9,0-8.8,3.9-8.8,8.8s4,8.8,8.8,8.8,8.8-3.9,8.8-8.8-4-8.8-8.8-8.8Z\"/>\n        <path class=\"st3\" d=\"M677.8,94.3c0,4.3,3.5,7.8,7.9,7.8s7.9-3.5,7.9-7.8-3.5-7.8-7.9-7.8-7.9,3.5-7.9,7.8Z\"/>\n        <path class=\"st3\" d=\"M677.8,157.2c0,4.3,3.5,7.8,7.9,7.8s7.9-3.5,7.9-7.8-3.5-7.8-7.9-7.8-7.9,3.5-7.9,7.8Z\"/>\n        <path class=\"st3\" d=\"M677.8,220.1c0,4.3,3.5,7.9,7.9,7.9s7.9-3.5,7.9-7.9-3.5-7.8-7.9-7.8-7.9,3.5-7.9,7.8Z\"/>\n      </g>\n    </g>\n  </g>\n</svg>";
+
+exports.default = illustration_watson_x_data_dark_03;

package/lib/assets/static/illustration_watson_x_data_light_03.svg.js

@@ -0,0 +1,14 @@
+/**
+ * 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 illustration_watson_x_data_light_03 = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"illustrations\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 1312 738\">\n  <!-- Generator: Adobe Illustrator 29.0.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 192)  -->\n  <defs>\n    <style>\n      .st0, .st1 {\n        fill: none;\n      }\n\n      .st2 {\n        fill: #f6f2ff;\n        stroke: #d4bbff;\n      }\n\n      .st2, .st1 {\n        stroke-miterlimit: 10;\n      }\n\n      .st3 {\n        fill: #d9fbfb;\n        stroke: #03ddbd;\n      }\n\n      .st1 {\n        stroke: #a6c8ff;\n      }\n\n      .st4 {\n        clip-path: url(#clippath);\n      }\n    </style>\n    <clipPath id=\"clippath\">\n      <rect class=\"st0\" width=\"1312\" height=\"738\"/>\n    </clipPath>\n  </defs>\n  <g id=\"watsonx.data_-_light\">\n    <g class=\"st4\">\n      <g id=\"watsonx.data_-_light1\">\n        <path class=\"st1\" d=\"M843.1,189.9c0-155.8,126.8-282.1,283.1-282.1M843.1,189.9c0,116.9,95.1,211.6,212.4,211.6s212.4-94.7,212.4-211.6-95.1-211.6-212.4-211.6M843.1,189.9c0-116.9,95.1-211.6,212.4-211.6M843.1,189.9c0,77.9,63.4,141.1,141.6,141.1s141.6-63.2,141.6-141.1-63.4-141.1-141.6-141.1M843.1,189.9c0-77.9,63.4-141.1,141.6-141.1M843.1,189.9c0,58.4,47.5,105.8,106.2,105.8s106.2-47.4,106.2-105.8-47.5-105.8-106.2-105.8M843.1,189.9c0-58.4,47.5-105.8,106.2-105.8M843.1,189.9c0,39,31.7,70.5,70.8,70.5s70.8-31.6,70.8-70.5-31.7-70.5-70.8-70.5M843.1,189.9c0-39,31.7-70.5,70.8-70.5M843.1,189.9c0,19.5,15.8,35.3,35.4,35.3s35.4-15.8,35.4-35.3-15.8-35.3-35.4-35.3M843.1,189.9c0-19.5,15.8-35.3,35.4-35.3M1126.3-92.2c-4.9,0-8.8,3.9-8.8,8.8s4,8.8,8.8,8.8,8.8-3.9,8.8-8.8-4-8.8-8.8-8.8ZM1055.5-21.7c-4.9,0-8.8,3.9-8.8,8.8s4,8.8,8.8,8.8,8.8-3.9,8.8-8.8-4-8.8-8.8-8.8ZM984.7,48.8c-4.9,0-8.8,3.9-8.8,8.8s4,8.8,8.8,8.8,8.8-3.9,8.8-8.8-4-8.8-8.8-8.8ZM949.3,84.1c-4.9,0-8.8,3.9-8.8,8.8s4,8.8,8.8,8.8,8.8-3.9,8.8-8.8-4-8.8-8.8-8.8ZM913.9,119.4c-4.9,0-8.8,3.9-8.8,8.8s4,8.8,8.8,8.8,8.8-3.9,8.8-8.8-4-8.8-8.8-8.8ZM878.5,154.6c-4.9,0-8.8,3.9-8.8,8.8s4,8.8,8.8,8.8,8.8-3.9,8.8-8.8-4-8.8-8.8-8.8Z\"/>\n        <path class=\"st1\" d=\"M843.1.4v737.6\"/>\n        <path class=\"st1\" d=\"M780.1.4v737.6\"/>\n        <path class=\"st1\" d=\"M717.2.4v737.6\"/>\n        <path class=\"st1\" d=\"M654.2.4v737.6\"/>\n        <path class=\"st1\" d=\"M717.2,62.8H0\"/>\n        <path class=\"st1\" d=\"M717.3,311.7H0\"/>\n        <path class=\"st1\" d=\"M843.1,62.8h-63.2\"/>\n        <path class=\"st1\" d=\"M843.1,125.8H0\"/>\n        <path class=\"st1\" d=\"M843.1,188.7H0\"/>\n        <path class=\"st1\" d=\"M843.1,251.6H0\"/>\n        <path class=\"st2\" d=\"M677.8,94.3c0,4.3,3.5,7.8,7.9,7.8s7.9-3.5,7.9-7.8-3.5-7.8-7.9-7.8-7.9,3.5-7.9,7.8Z\"/>\n        <path class=\"st2\" d=\"M677.8,157.2c0,4.3,3.5,7.8,7.9,7.8s7.9-3.5,7.9-7.8-3.5-7.8-7.9-7.8-7.9,3.5-7.9,7.8Z\"/>\n        <path class=\"st2\" d=\"M677.8,220.1c0,4.3,3.5,7.9,7.9,7.9s7.9-3.5,7.9-7.9-3.5-7.8-7.9-7.8-7.9,3.5-7.9,7.8Z\"/>\n      </g>\n    </g>\n  </g>\n  <path class=\"st3\" d=\"M285.1,373.2c0-3.9,3.2-7.1,7.1-7.1s7.1,3.2,7.1,7.1\"/>\n</svg>";
+
+exports.default = illustration_watson_x_data_light_03;

package/lib/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/lib/index.js

@@ -11,8 +11,28 @@ var AnimatedHeader = require('./components/AnimatedHeader/AnimatedHeader.js');
 require('react');
 require('@carbon/react');
 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');
 
 
 
 exports.AnimatedHeader = AnimatedHeader.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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon-labs/react-animated-header",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -18,7 +18,8 @@
   "files": [
     "es",
     "lib",
-    "scss"
+    "scss",
+    "assets"
   ],
   "scripts": {
     "build": "node ../../../tasks/build.js",
@@ -31,5 +32,5 @@
   "devDependencies": {
     "@carbon-labs/utilities": "canary"
   },
-  "gitHead": "728c683c561041ad84fcb3c5f81087b6f1b8f483"
+  "gitHead": "6c779e8734dc6ae0ca1d46144eec11ef0c5752a4"
 }