@carbon-labs/react-animated-header 0.27.0 → 0.29.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 (7) hide show
  1. package/es/components/AnimatedHeader/AnimatedHeader.d.ts +1 -1
  2. package/es/index.d.ts +2 -2
  3. package/lib/components/AnimatedHeader/AnimatedHeader.d.ts +1 -1
  4. package/lib/index.d.ts +2 -2
  5. package/package.json +3 -3
  6. package/scss/AnimatedHeader/animated-header.scss +18 -6
  7. package/telemetry.yml +20 -12
package/es/components/AnimatedHeader/AnimatedHeader.d.ts CHANGED
@@ -34,7 +34,7 @@ export type AnimatedHeaderProps = {
34
34
  setSelectedTileGroup: (e: any) => void;
35
35
  description?: string;
36
36
  headerAnimation?: object;
37
- headerStatic?: React.JSX.Element;
37
+ headerStatic?: React.JSX.Element | string;
38
38
  productName?: string;
39
39
  userName?: string;
40
40
  welcomeText?: string;
package/es/index.d.ts CHANGED
@@ -6,10 +6,10 @@
6
6
  * This source code is licensed under the Apache-2.0 license found in the
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
- import AnimatedHeader, { AriaLabels } from './components/AnimatedHeader/AnimatedHeader';
9
+ import AnimatedHeader, { AriaLabels, TileGroup } from './components/AnimatedHeader/AnimatedHeader';
10
10
  import HeaderTitle from './components/HeaderTitle/HeaderTitle';
11
11
  import { BaseTile } from './components/Tiles/index.js';
12
12
  export * from './assets';
13
13
  export type { Workspace, WorkspaceSelectorConfig, } from './components/WorkspaceSelector/WorkspaceSelector';
14
14
  export type { TasksControllerConfig } from './components/TasksController/TasksController';
15
- export { AnimatedHeader, BaseTile, HeaderTitle, type AriaLabels };
15
+ export { AnimatedHeader, BaseTile, HeaderTitle, type AriaLabels, type TileGroup, };
package/lib/components/AnimatedHeader/AnimatedHeader.d.ts CHANGED
@@ -34,7 +34,7 @@ export type AnimatedHeaderProps = {
34
34
  setSelectedTileGroup: (e: any) => void;
35
35
  description?: string;
36
36
  headerAnimation?: object;
37
- headerStatic?: React.JSX.Element;
37
+ headerStatic?: React.JSX.Element | string;
38
38
  productName?: string;
39
39
  userName?: string;
40
40
  welcomeText?: string;
package/lib/index.d.ts CHANGED
@@ -6,10 +6,10 @@
6
6
  * This source code is licensed under the Apache-2.0 license found in the
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
- import AnimatedHeader, { AriaLabels } from './components/AnimatedHeader/AnimatedHeader';
9
+ import AnimatedHeader, { AriaLabels, TileGroup } from './components/AnimatedHeader/AnimatedHeader';
10
10
  import HeaderTitle from './components/HeaderTitle/HeaderTitle';
11
11
  import { BaseTile } from './components/Tiles/index.js';
12
12
  export * from './assets';
13
13
  export type { Workspace, WorkspaceSelectorConfig, } from './components/WorkspaceSelector/WorkspaceSelector';
14
14
  export type { TasksControllerConfig } from './components/TasksController/TasksController';
15
- export { AnimatedHeader, BaseTile, HeaderTitle, type AriaLabels };
15
+ export { AnimatedHeader, BaseTile, HeaderTitle, type AriaLabels, type TileGroup, };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@carbon-labs/react-animated-header",
3
- "version": "0.27.0",
3
+ "version": "0.29.0",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "provenance": true
@@ -38,12 +38,12 @@
38
38
  "telemetry:config": "npx -y @ibm/telemetry-js-config-generator generate --id 40597fb8-d0ed-45fb-a95a-5b1751e22c36 --endpoint https://www-api.ibm.com/ibm-telemetry/v1/metrics --files ./components/**/*.(tsx|js|jsx)"
39
39
  },
40
40
  "dependencies": {
41
- "@ibm/telemetry-js": "^1.9.1",
41
+ "@ibm/telemetry-js": "^1.10.1",
42
42
  "jest-canvas-mock": "^2.5.2",
43
43
  "lottie-web": "^5.12.2"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@carbon-labs/utilities": "canary"
47
47
  },
48
- "gitHead": "6306a24bb5e1f672878988240d6c3b736029b587"
48
+ "gitHead": "7bb05d3e7a013f66f7077133c8a23da85bd69cbc"
49
49
  }
package/scss/AnimatedHeader/animated-header.scss CHANGED
@@ -65,13 +65,17 @@ body {
65
65
  overflow: hidden;
66
66
  justify-content: flex-end;
67
67
 
68
- block-size: fill-available;
68
+ block-size: 100%;
69
69
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
70
70
  block-size: -webkit-fill-available;
71
+ /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
72
+ block-size: fill-available;
71
73
 
72
- inline-size: fill-available;
74
+ inline-size: 100%;
73
75
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
74
76
  inline-size: -webkit-fill-available;
77
+ /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
78
+ inline-size: fill-available;
75
79
 
76
80
  max-inline-size: 96rem;
77
81
  writing-mode: horizontal-tb;
@@ -100,13 +104,17 @@ body {
100
104
  position: absolute;
101
105
  z-index: 1;
102
106
 
103
- block-size: fill-available;
107
+ block-size: 100%;
104
108
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
105
109
  block-size: -webkit-fill-available;
110
+ /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
111
+ block-size: fill-available;
106
112
 
107
- inline-size: fill-available;
113
+ inline-size: 100%;
108
114
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
109
115
  inline-size: -webkit-fill-available;
116
+ /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
117
+ inline-size: fill-available;
110
118
 
111
119
  margin-inline: auto;
112
120
  max-inline-size: 99rem;
@@ -288,13 +296,17 @@ body {
288
296
  overflow: hidden;
289
297
  justify-content: flex-end;
290
298
 
291
- block-size: fill-available;
299
+ block-size: 100%;
292
300
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
293
301
  block-size: -webkit-fill-available;
302
+ /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
303
+ block-size: fill-available;
294
304
 
295
- inline-size: fill-available;
305
+ inline-size: 100%;
296
306
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
297
307
  inline-size: -webkit-fill-available;
308
+ /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
309
+ inline-size: fill-available;
298
310
 
299
311
  max-inline-size: 96rem;
300
312
  }
package/telemetry.yml CHANGED
@@ -8,34 +8,42 @@ collect:
8
8
  elements:
9
9
  allowedAttributeNames:
10
10
  # General
11
+ - allTileGroups
12
+ - ariaLabel
13
+ - ariaLabels
14
+ - customContent
15
+ - disabledTaskLabel
11
16
  - href
12
17
  - id
18
+ - isDisabled
19
+ - isLoading
13
20
  - mainIcon
21
+ - onClick
14
22
  - open
15
23
  - productName
16
24
  - secondaryIcon
25
+ - selectedTileGroup
26
+ - setSelectedTileGroup
17
27
  - subtitle
28
+ - tasksControllerConfig
18
29
  - title
30
+ - userName
31
+ - welcomeText
32
+ - workspaceSelectorConfig
19
33
  # Animated Header
20
- - allTiles
21
- - allWorkspaces
22
34
  - className
35
+ - collapseButtonLabel
23
36
  - description
24
- - handleHeaderItemsToString
25
- - handleWorkspaceItemsToString
37
+ - expandButtonLabel
26
38
  - headerAnimation
27
39
  - headerStatic
28
- - selectedTileGroup
29
- - selectedWorkspace
30
- - setSelectedTileGroup
31
- - setSelectedWorkspace
32
- - tasksConfig
33
- - userName
34
- - welcomeText
35
- - workspaceLabel
40
+ - tileClickHandler
41
+ # HeaderTitle
42
+ - headerExpanded
36
43
  # React
37
44
  - key
38
45
  - ref
46
+ allowedAttributeStringValues: []
39
47
  npm:
40
48
  dependencies: null
41
49
  js: