@carbon-labs/react-animated-header 0.1.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 (92) hide show
  1. package/LICENSE +201 -0
  2. package/es/__stories__/AnimatedHeader.stories.d.ts +17275 -0
  3. package/es/_virtual/_commonjsHelpers.js +12 -0
  4. package/es/_virtual/lottie.js +14 -0
  5. package/es/_virtual/lottie2.js +10 -0
  6. package/es/assets/index.d.ts +7 -0
  7. package/es/components/AnimatedHeader/AnimatedHeader.d.ts +31 -0
  8. package/es/components/AnimatedHeader/AnimatedHeader.js +277 -0
  9. package/es/components/Tiles/AIPromptTile/AIPromptTile.d.ts +20 -0
  10. package/es/components/Tiles/AIPromptTile/AIPromptTile.js +94 -0
  11. package/es/components/Tiles/BaseTile/BaseTile.d.ts +22 -0
  12. package/es/components/Tiles/BaseTile/BaseTile.js +39 -0
  13. package/es/components/Tiles/GlassTile/GlassTile.d.ts +21 -0
  14. package/es/components/Tiles/GlassTile/GlassTile.js +53 -0
  15. package/es/components/Tiles/index.d.ts +12 -0
  16. package/es/data/index.d.ts +47 -0
  17. package/es/index.d.ts +11 -0
  18. package/es/index.js +11 -0
  19. package/es/node_modules/@carbon/icon-helpers/es/index.js +125 -0
  20. package/es/node_modules/@carbon/icons-react/es/Icon.js +71 -0
  21. package/es/node_modules/@carbon/icons-react/es/generated/bucket-0.js +2967 -0
  22. package/es/node_modules/@carbon/icons-react/es/generated/bucket-1.js +3260 -0
  23. package/es/node_modules/@carbon/icons-react/es/generated/bucket-10.js +2906 -0
  24. package/es/node_modules/@carbon/icons-react/es/generated/bucket-11.js +3151 -0
  25. package/es/node_modules/@carbon/icons-react/es/generated/bucket-12.js +2966 -0
  26. package/es/node_modules/@carbon/icons-react/es/generated/bucket-13.js +3019 -0
  27. package/es/node_modules/@carbon/icons-react/es/generated/bucket-14.js +2923 -0
  28. package/es/node_modules/@carbon/icons-react/es/generated/bucket-15.js +3076 -0
  29. package/es/node_modules/@carbon/icons-react/es/generated/bucket-16.js +2913 -0
  30. package/es/node_modules/@carbon/icons-react/es/generated/bucket-17.js +2917 -0
  31. package/es/node_modules/@carbon/icons-react/es/generated/bucket-18.js +3141 -0
  32. package/es/node_modules/@carbon/icons-react/es/generated/bucket-19.js +811 -0
  33. package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +3195 -0
  34. package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +3119 -0
  35. package/es/node_modules/@carbon/icons-react/es/generated/bucket-4.js +3002 -0
  36. package/es/node_modules/@carbon/icons-react/es/generated/bucket-5.js +2929 -0
  37. package/es/node_modules/@carbon/icons-react/es/generated/bucket-6.js +2978 -0
  38. package/es/node_modules/@carbon/icons-react/es/generated/bucket-7.js +3017 -0
  39. package/es/node_modules/@carbon/icons-react/es/generated/bucket-8.js +3149 -0
  40. package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +3084 -0
  41. package/es/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +14 -0
  42. package/es/node_modules/@carbon/icons-react/es/index.js +30 -0
  43. package/es/node_modules/@carbon-labs/utilities/es/usePrefix.js +20 -0
  44. package/es/node_modules/lottie-web/build/player/lottie.js +682 -0
  45. package/lib/__stories__/AnimatedHeader.stories.d.ts +17275 -0
  46. package/lib/_virtual/_commonjsHelpers.js +14 -0
  47. package/lib/_virtual/lottie.js +18 -0
  48. package/lib/_virtual/lottie2.js +12 -0
  49. package/lib/assets/index.d.ts +7 -0
  50. package/lib/components/AnimatedHeader/AnimatedHeader.d.ts +31 -0
  51. package/lib/components/AnimatedHeader/AnimatedHeader.js +281 -0
  52. package/lib/components/Tiles/AIPromptTile/AIPromptTile.d.ts +20 -0
  53. package/lib/components/Tiles/AIPromptTile/AIPromptTile.js +96 -0
  54. package/lib/components/Tiles/BaseTile/BaseTile.d.ts +22 -0
  55. package/lib/components/Tiles/BaseTile/BaseTile.js +41 -0
  56. package/lib/components/Tiles/GlassTile/GlassTile.d.ts +21 -0
  57. package/lib/components/Tiles/GlassTile/GlassTile.js +55 -0
  58. package/lib/components/Tiles/index.d.ts +12 -0
  59. package/lib/data/index.d.ts +47 -0
  60. package/lib/index.d.ts +11 -0
  61. package/lib/index.js +18 -0
  62. package/lib/node_modules/@carbon/icon-helpers/es/index.js +128 -0
  63. package/lib/node_modules/@carbon/icons-react/es/Icon.js +75 -0
  64. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-0.js +3093 -0
  65. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-1.js +3386 -0
  66. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-10.js +3032 -0
  67. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-11.js +3277 -0
  68. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-12.js +3092 -0
  69. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-13.js +3145 -0
  70. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-14.js +3049 -0
  71. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-15.js +3202 -0
  72. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-16.js +3039 -0
  73. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-17.js +3043 -0
  74. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-18.js +3267 -0
  75. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-19.js +847 -0
  76. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +3321 -0
  77. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-3.js +3245 -0
  78. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-4.js +3128 -0
  79. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-5.js +3055 -0
  80. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-6.js +3104 -0
  81. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-7.js +3143 -0
  82. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-8.js +3275 -0
  83. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +3210 -0
  84. package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +16 -0
  85. package/lib/node_modules/@carbon/icons-react/es/index.js +2446 -0
  86. package/lib/node_modules/@carbon-labs/utilities/es/usePrefix.js +23 -0
  87. package/lib/node_modules/lottie-web/build/player/lottie.js +684 -0
  88. package/package.json +35 -0
  89. package/scss/AnimatedHeader/animated-header.scss +619 -0
  90. package/scss/Tiles/AIPromptTile/ai-prompt-tile.scss +187 -0
  91. package/scss/Tiles/GlassTile/glass-tile.scss +111 -0
  92. package/scss/animated_header.scss +10 -0
package/lib/index.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license
3
+ *
4
+ * Copyright IBM Corp. 2025
5
+ *
6
+ * This source code is licensed under the Apache-2.0 license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import AnimatedHeader from '../AnimatedHeader/components/AnimatedHeader/AnimatedHeader';
10
+ import { BaseTile } from './components/Tiles/index.js';
11
+ export { AnimatedHeader, BaseTile };
package/lib/index.js ADDED
@@ -0,0 +1,18 @@
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ 'use strict';
9
+
10
+ var AnimatedHeader = require('./components/AnimatedHeader/AnimatedHeader.js');
11
+ require('react');
12
+ require('@carbon/react');
13
+ var BaseTile = require('./components/Tiles/BaseTile/BaseTile.js');
14
+
15
+
16
+
17
+ exports.AnimatedHeader = AnimatedHeader.default;
18
+ exports.BaseTile = BaseTile.BaseTile;
@@ -0,0 +1,128 @@
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ 'use strict';
9
+
10
+ function _defineProperty(e, r, t) {
11
+ return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
12
+ value: t,
13
+ enumerable: !0,
14
+ configurable: !0,
15
+ writable: !0
16
+ }) : e[r] = t, e;
17
+ }
18
+ function ownKeys(e, r) {
19
+ var t = Object.keys(e);
20
+ if (Object.getOwnPropertySymbols) {
21
+ var o = Object.getOwnPropertySymbols(e);
22
+ r && (o = o.filter(function (r) {
23
+ return Object.getOwnPropertyDescriptor(e, r).enumerable;
24
+ })), t.push.apply(t, o);
25
+ }
26
+ return t;
27
+ }
28
+ function _objectSpread2(e) {
29
+ for (var r = 1; r < arguments.length; r++) {
30
+ var t = null != arguments[r] ? arguments[r] : {};
31
+ r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
32
+ _defineProperty(e, r, t[r]);
33
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
34
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
35
+ });
36
+ }
37
+ return e;
38
+ }
39
+ function _objectWithoutProperties(e, t) {
40
+ if (null == e) return {};
41
+ var o,
42
+ r,
43
+ i = _objectWithoutPropertiesLoose(e, t);
44
+ if (Object.getOwnPropertySymbols) {
45
+ var s = Object.getOwnPropertySymbols(e);
46
+ for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
47
+ }
48
+ return i;
49
+ }
50
+ function _objectWithoutPropertiesLoose(r, e) {
51
+ if (null == r) return {};
52
+ var t = {};
53
+ for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
54
+ if (e.includes(n)) continue;
55
+ t[n] = r[n];
56
+ }
57
+ return t;
58
+ }
59
+ function _toPrimitive(t, r) {
60
+ if ("object" != typeof t || !t) return t;
61
+ var e = t[Symbol.toPrimitive];
62
+ if (void 0 !== e) {
63
+ var i = e.call(t, r || "default");
64
+ if ("object" != typeof i) return i;
65
+ throw new TypeError("@@toPrimitive must return a primitive value.");
66
+ }
67
+ return ("string" === r ? String : Number)(t);
68
+ }
69
+ function _toPropertyKey(t) {
70
+ var i = _toPrimitive(t, "string");
71
+ return "symbol" == typeof i ? i : i + "";
72
+ }
73
+ var _excluded = ["width", "height", "viewBox"],
74
+ _excluded2 = ["tabindex"];
75
+ /**
76
+ * Copyright IBM Corp. 2018, 2024
77
+ *
78
+ * This source code is licensed under the Apache-2.0 license found in the
79
+ * LICENSE file in the root directory of this source tree.
80
+ */
81
+
82
+ var defaultAttributes = {
83
+ // Reference:
84
+ // https://github.com/IBM/carbon-components-react/issues/1392
85
+ // https://github.com/PolymerElements/iron-iconset-svg/pull/47
86
+ // `focusable` is a string attribute which is why we do not use a boolean here
87
+ focusable: 'false',
88
+ preserveAspectRatio: 'xMidYMid meet'
89
+ };
90
+
91
+ /**
92
+ * Get supplementary HTML attributes for a given <svg> element based on existing
93
+ * attributes.
94
+ */
95
+ function getAttributes() {
96
+ var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
97
+ width = _ref.width,
98
+ height = _ref.height,
99
+ _ref$viewBox = _ref.viewBox,
100
+ viewBox = _ref$viewBox === void 0 ? "0 0 ".concat(width, " ").concat(height) : _ref$viewBox,
101
+ attributes = _objectWithoutProperties(_ref, _excluded);
102
+ var tabindex = attributes.tabindex,
103
+ rest = _objectWithoutProperties(attributes, _excluded2);
104
+ var iconAttributes = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultAttributes), rest), {}, {
105
+ width: width,
106
+ height: height,
107
+ viewBox: viewBox
108
+ });
109
+
110
+ // TODO: attributes.title assumes that the consumer will implement <title> and
111
+ // correctly set `aria-labelledby`.
112
+ if (iconAttributes['aria-label'] || iconAttributes['aria-labelledby'] || iconAttributes.title) {
113
+ iconAttributes.role = 'img';
114
+
115
+ // Reference:
116
+ // https://allyjs.io/tutorials/focusing-in-svg.html
117
+ if (tabindex !== undefined && tabindex !== null) {
118
+ iconAttributes.focusable = 'true';
119
+ iconAttributes.tabindex = tabindex;
120
+ }
121
+ } else {
122
+ iconAttributes['aria-hidden'] = true;
123
+ }
124
+ return iconAttributes;
125
+ }
126
+
127
+ exports.defaultAttributes = defaultAttributes;
128
+ exports.getAttributes = getAttributes;
@@ -0,0 +1,75 @@
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ 'use strict';
9
+
10
+ Object.defineProperty(exports, '__esModule', { value: true });
11
+
12
+ var index = require('../../icon-helpers/es/index.js');
13
+ var PropTypes = require('prop-types');
14
+ var React = require('react');
15
+
16
+ /**
17
+ * Copyright IBM Corp. 2019, 2023
18
+ *
19
+ * This source code is licensed under the Apache-2.0 license found in the
20
+ * LICENSE file in the root directory of this source tree.
21
+ */
22
+ const Icon = /*#__PURE__*/React.forwardRef(function Icon(_ref, ref) {
23
+ let {
24
+ className,
25
+ children,
26
+ tabIndex,
27
+ xmlns = 'http://www.w3.org/2000/svg',
28
+ preserveAspectRatio = 'xMidYMid meet',
29
+ ...rest
30
+ } = _ref;
31
+ const {
32
+ tabindex,
33
+ ...attrs
34
+ } = index.getAttributes({
35
+ ...rest,
36
+ tabindex: tabIndex
37
+ });
38
+ const props = attrs;
39
+ if (className) {
40
+ props.className = className;
41
+ }
42
+ if (tabindex !== undefined && tabindex !== null) {
43
+ if (typeof tabindex === 'number') {
44
+ props.tabIndex = tabindex;
45
+ } else {
46
+ props.tabIndex = Number(tabIndex);
47
+ }
48
+ }
49
+ if (ref) {
50
+ props.ref = ref;
51
+ }
52
+ if (xmlns) {
53
+ props.xmlns = xmlns;
54
+ }
55
+ if (preserveAspectRatio) {
56
+ props.preserveAspectRatio = preserveAspectRatio;
57
+ }
58
+ return /*#__PURE__*/React.createElement('svg', props, children);
59
+ });
60
+ Icon.displayName = 'Icon';
61
+ Icon.propTypes = {
62
+ 'aria-hidden': PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['true', 'false'])]),
63
+ 'aria-label': PropTypes.string,
64
+ 'aria-labelledby': PropTypes.string,
65
+ children: PropTypes.node,
66
+ className: PropTypes.string,
67
+ height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
68
+ preserveAspectRatio: PropTypes.string,
69
+ tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
70
+ viewBox: PropTypes.string,
71
+ width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
72
+ xmlns: PropTypes.string
73
+ };
74
+
75
+ exports.default = Icon;