@carbon-labs/react-animated-header 0.29.0 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/assets/animated/{header_1312x738_data_fabric_dark_06.json → header_animated_data_fabric_dark_06.json} +1 -1
  2. package/assets/animated/{header_1312x738_data_fabric_light_03.json → header_animated_data_fabric_light_03.json} +1 -1
  3. package/assets/animated/header_animated_watsonx_a_dark_06.json +1 -0
  4. package/assets/animated/header_animated_watsonx_a_light_06.json +1 -0
  5. package/assets/animated/header_animated_watsonx_data_dark_03.json +1 -0
  6. package/assets/animated/header_animated_watsonx_data_light_04.json +1 -0
  7. package/assets/animated/header_animated_wxbia_dark_06.json +1 -0
  8. package/assets/animated/header_animated_wxbia_light_09.json +1 -0
  9. package/assets/index.js +44 -14
  10. package/assets/static/{illustration_data_fabric_dark_05.svg → header_static_data_fabric_dark_06.svg} +3 -3
  11. package/assets/static/{illustration_data_fabric_light_04.svg → header_static_data_fabric_light_06.svg} +9 -13
  12. package/assets/static/header_static_db2_dark_02.svg +88 -0
  13. package/assets/static/header_static_db2_light_02.svg +44 -0
  14. package/assets/static/header_static_watsonx_a_dark_01.svg +99 -0
  15. package/assets/static/header_static_watsonx_a_light_01.svg +99 -0
  16. package/assets/static/header_static_watsonx_data_dark_05.svg +43 -0
  17. package/assets/static/header_static_watsonx_data_light_06.svg +46 -0
  18. package/assets/static/header_static_wxbia_dark_01.svg +69 -0
  19. package/assets/static/header_static_wxbia_light_01.svg +69 -0
  20. package/es/__stories__/AnimatedHeader.stories.d.ts +6193 -3125
  21. package/es/assets/animated/{header_1312x738_data_fabric_dark_06.json.js → header_animated_data_fabric_dark_06.json.js} +2 -2
  22. package/es/assets/animated/{header_1312x738_data_fabric_light_03.json.js → header_animated_data_fabric_light_03.json.js} +2 -2
  23. package/es/assets/animated/header_animated_watsonx_a_dark_06.json.js +10 -0
  24. package/es/assets/animated/header_animated_watsonx_a_light_06.json.js +10 -0
  25. package/es/assets/animated/header_animated_watsonx_data_dark_03.json.js +10 -0
  26. package/es/assets/animated/header_animated_watsonx_data_light_04.json.js +10 -0
  27. package/es/assets/animated/header_animated_wxbia_dark_06.json.js +10 -0
  28. package/es/assets/animated/header_animated_wxbia_light_09.json.js +10 -0
  29. package/es/assets/index.d.ts +9 -7
  30. package/es/assets/static/header_static_data_fabric_dark_06.svg.js +10 -0
  31. package/es/assets/static/header_static_data_fabric_light_06.svg.js +10 -0
  32. package/es/assets/static/header_static_db2_dark_02.svg.js +10 -0
  33. package/es/assets/static/header_static_db2_light_02.svg.js +10 -0
  34. package/es/assets/static/header_static_watsonx_a_dark_01.svg.js +10 -0
  35. package/es/assets/static/header_static_watsonx_a_light_01.svg.js +10 -0
  36. package/es/assets/static/header_static_watsonx_data_dark_05.svg.js +10 -0
  37. package/es/assets/static/header_static_watsonx_data_light_06.svg.js +10 -0
  38. package/es/assets/static/header_static_wxbia_dark_01.svg.js +10 -0
  39. package/es/assets/static/header_static_wxbia_light_01.svg.js +10 -0
  40. package/es/components/AnimatedHeader/AnimatedHeader.js +38 -25
  41. package/es/index.js +18 -10
  42. package/lib/__stories__/AnimatedHeader.stories.d.ts +6193 -3125
  43. package/lib/assets/animated/{header_1312x738_data_fabric_dark_06.json.js → header_animated_data_fabric_dark_06.json.js} +2 -2
  44. package/lib/assets/animated/{header_1312x738_data_fabric_light_03.json.js → header_animated_data_fabric_light_03.json.js} +2 -2
  45. package/lib/assets/animated/header_animated_watsonx_a_dark_06.json.js +26 -0
  46. package/lib/assets/animated/header_animated_watsonx_a_light_06.json.js +26 -0
  47. package/lib/assets/animated/header_animated_watsonx_data_dark_03.json.js +26 -0
  48. package/lib/assets/animated/header_animated_watsonx_data_light_04.json.js +26 -0
  49. package/lib/assets/animated/header_animated_wxbia_dark_06.json.js +26 -0
  50. package/lib/assets/animated/header_animated_wxbia_light_09.json.js +26 -0
  51. package/lib/assets/index.d.ts +9 -7
  52. package/lib/assets/static/header_static_data_fabric_dark_06.svg.js +14 -0
  53. package/lib/assets/static/header_static_data_fabric_light_06.svg.js +14 -0
  54. package/lib/assets/static/header_static_db2_dark_02.svg.js +14 -0
  55. package/lib/assets/static/header_static_db2_light_02.svg.js +14 -0
  56. package/lib/assets/static/header_static_watsonx_a_dark_01.svg.js +14 -0
  57. package/lib/assets/static/header_static_watsonx_a_light_01.svg.js +14 -0
  58. package/lib/assets/static/header_static_watsonx_data_dark_05.svg.js +14 -0
  59. package/lib/assets/static/header_static_watsonx_data_light_06.svg.js +14 -0
  60. package/lib/assets/static/header_static_wxbia_dark_01.svg.js +14 -0
  61. package/lib/assets/static/header_static_wxbia_light_01.svg.js +14 -0
  62. package/lib/components/AnimatedHeader/AnimatedHeader.js +38 -25
  63. package/lib/index.js +36 -20
  64. package/package.json +3 -3
  65. package/assets/animated/header_1312x738_watsonx_data_dark_02.json +0 -1
  66. package/assets/animated/header_1312x738_watsonx_data_light_03.json +0 -1
  67. package/assets/animated/header_illustration_container_watsonx_a_dark_06.json +0 -1
  68. package/assets/animated/header_illustration_container_watsonx_a_light_06.json +0 -1
  69. package/assets/animated/header_illustration_container_wxbia_dark_05.json +0 -1
  70. package/assets/animated/header_illustration_container_wxbia_light_08.json +0 -1
  71. package/assets/static/illustration_data_fabric_dark_03.svg +0 -199
  72. package/assets/static/illustration_data_fabric_light_03.svg +0 -200
  73. package/assets/static/illustration_watson_x_data_dark_03.svg +0 -72
  74. package/assets/static/illustration_watson_x_data_light_03.svg +0 -57
  75. package/es/assets/animated/header_1312x738_watsonx_data_dark_02.json.js +0 -10
  76. package/es/assets/animated/header_1312x738_watsonx_data_light_03.json.js +0 -10
  77. package/es/assets/animated/header_illustration_container_wxbia_dark_05.json.js +0 -10
  78. package/es/assets/animated/header_illustration_container_wxbia_light_08.json.js +0 -10
  79. package/es/assets/static/illustration_data_fabric_dark_05.svg.js +0 -10
  80. package/es/assets/static/illustration_data_fabric_light_04.svg.js +0 -10
  81. package/es/assets/static/illustration_watson_x_data_dark_03.svg.js +0 -10
  82. package/es/assets/static/illustration_watson_x_data_light_03.svg.js +0 -10
  83. package/lib/assets/animated/header_1312x738_watsonx_data_dark_02.json.js +0 -26
  84. package/lib/assets/animated/header_1312x738_watsonx_data_light_03.json.js +0 -26
  85. package/lib/assets/animated/header_illustration_container_wxbia_dark_05.json.js +0 -26
  86. package/lib/assets/animated/header_illustration_container_wxbia_light_08.json.js +0 -26
  87. package/lib/assets/static/illustration_data_fabric_dark_05.svg.js +0 -14
  88. package/lib/assets/static/illustration_data_fabric_light_04.svg.js +0 -14
  89. package/lib/assets/static/illustration_watson_x_data_dark_03.svg.js +0 -14
  90. package/lib/assets/static/illustration_watson_x_data_light_03.svg.js +0 -14
package/assets/static/header_static_wxbia_light_01.svg ADDED
@@ -0,0 +1,69 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <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">
3
+ <!-- Generator: Adobe Illustrator 29.7.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 8) -->
4
+ <defs>
5
+ <style>
6
+ .st0 {
7
+ fill: url(#linear-gradient2);
8
+ }
9
+
10
+ .st1 {
11
+ fill: url(#linear-gradient1);
12
+ }
13
+
14
+ .st2 {
15
+ fill: url(#linear-gradient3);
16
+ }
17
+
18
+ .st3 {
19
+ fill: url(#linear-gradient5);
20
+ }
21
+
22
+ .st4 {
23
+ fill: url(#linear-gradient4);
24
+ }
25
+
26
+ .st5 {
27
+ fill: url(#linear-gradient);
28
+ }
29
+ </style>
30
+ <linearGradient id="linear-gradient" x1="-53.3" y1="656.5" x2="596.6" y2="656.5" gradientTransform="translate(0 740) scale(1 -1)" gradientUnits="userSpaceOnUse">
31
+ <stop offset="0" stop-color="#e8daff"/>
32
+ <stop offset=".8" stop-color="#bae6ff"/>
33
+ <stop offset="1" stop-color="#f4f4f4"/>
34
+ </linearGradient>
35
+ <linearGradient id="linear-gradient1" x1="-70.7" y1="414.7" x2="431.3" y2="414.7" gradientTransform="translate(0 740) scale(1 -1)" gradientUnits="userSpaceOnUse">
36
+ <stop offset="0" stop-color="#e8daff"/>
37
+ <stop offset=".8" stop-color="#bae6ff"/>
38
+ <stop offset="1" stop-color="#f4f4f4"/>
39
+ </linearGradient>
40
+ <linearGradient id="linear-gradient2" x1="439" y1="418" x2="989.1" y2="418" gradientTransform="translate(0 740) scale(1 -1)" gradientUnits="userSpaceOnUse">
41
+ <stop offset="0" stop-color="#e8daff"/>
42
+ <stop offset=".8" stop-color="#bae6ff"/>
43
+ <stop offset="1" stop-color="#f4f4f4"/>
44
+ </linearGradient>
45
+ <linearGradient id="linear-gradient3" x1="603.4" y1="418" x2="968.3" y2="418" gradientTransform="translate(0 740) scale(1 -1)" gradientUnits="userSpaceOnUse">
46
+ <stop offset="0" stop-color="#e8daff"/>
47
+ <stop offset=".8" stop-color="#bae6ff"/>
48
+ <stop offset="1" stop-color="#f4f4f4"/>
49
+ </linearGradient>
50
+ <linearGradient id="linear-gradient4" x1="937" y1="998" x2="937" y2="258" gradientTransform="translate(0 740) scale(1 -1)" gradientUnits="userSpaceOnUse">
51
+ <stop offset="0" stop-color="#e8daff"/>
52
+ <stop offset=".8" stop-color="#bae6ff"/>
53
+ <stop offset="1" stop-color="#f4f4f4"/>
54
+ </linearGradient>
55
+ <linearGradient id="linear-gradient5" x1="937" y1="838.3" x2="937" y2="313.7" gradientTransform="translate(0 740) scale(1 -1)" gradientUnits="userSpaceOnUse">
56
+ <stop offset="0" stop-color="#e8daff"/>
57
+ <stop offset=".8" stop-color="#bae6ff"/>
58
+ <stop offset="1" stop-color="#f4f4f4"/>
59
+ </linearGradient>
60
+ </defs>
61
+ <g id="wxbia_-_light__x28_outlined_x29_">
62
+ <rect class="st5" y="82.5" width="607.1" height="2"/>
63
+ <rect class="st1" y="324.3" width="439.9" height="2"/>
64
+ <path class="st0" d="M690,573c-67,0-130.1-26.1-177.5-73.5s-73.5-110.4-73.5-177.5,26.1-130.1,73.5-177.5c47.4-47.4,110.4-73.5,177.5-73.5s130.1,26.1,177.5,73.5c47.4,47.4,73.5,110.4,73.5,177.5s-26.1,130.1-73.5,177.5c-47.4,47.4-110.4,73.5-177.5,73.5ZM690,73c-66.5,0-129,25.9-176.1,72.9-47,47-72.9,109.6-72.9,176.1s25.9,129,72.9,176.1c47,47,109.6,72.9,176.1,72.9s129-25.9,176.1-72.9c47-47,72.9-109.6,72.9-176.1s-25.9-129-72.9-176.1c-47-47-109.6-72.9-176.1-72.9Z"/>
65
+ <path class="st2" d="M773,489c-92.1,0-167-74.9-167-167s74.9-167,167-167,167,74.9,167,167-74.9,167-167,167ZM773,157c-91,0-165,74-165,165s74,165,165,165,165-74,165-165-74-165-165-165Z"/>
66
+ <path class="st4" d="M937,404c-88.4,0-171.5-34.4-234.1-96.9-62.5-62.5-96.9-145.6-96.9-234.1s34.4-171.5,96.9-234.1c62.5-62.5,145.6-96.9,234.1-96.9s171.5,34.4,234.1,96.9c62.5,62.5,96.9,145.6,96.9,234.1s-34.4,171.5-96.9,234.1c-62.5,62.5-145.6,96.9-234.1,96.9ZM937-256c-87.9,0-170.5,34.2-232.6,96.4s-96.4,144.8-96.4,232.6,34.2,170.5,96.4,232.6,144.8,96.4,232.6,96.4,170.5-34.2,232.6-96.4c62.1-62.1,96.4-144.8,96.4-232.6s-34.2-170.5-96.4-232.6c-62.1-62.1-144.8-96.4-232.6-96.4Z"/>
67
+ <path class="st3" d="M937,403c-67,0-130.1-26.1-177.5-73.5s-73.5-110.4-73.5-177.5,26.1-130.1,73.5-177.5c47.4-47.4,110.4-73.5,177.5-73.5s130.1,26.1,177.5,73.5,73.5,110.4,73.5,177.5-26.1,130.1-73.5,177.5-110.4,73.5-177.5,73.5ZM937-97c-66.5,0-129,25.9-176.1,72.9-47,47-72.9,109.6-72.9,176.1s25.9,129,72.9,176.1c47,47,109.6,72.9,176.1,72.9s129-25.9,176.1-72.9c47-47,72.9-109.6,72.9-176.1s-25.9-129-72.9-176.1c-47-47-109.6-72.9-176.1-72.9Z"/>
68
+ </g>
69
+ </svg>