@carbon-labs/react-animated-header 0.27.0 → 0.28.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 (6) 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 +2 -2
  6. package/scss/AnimatedHeader/animated-header.scss +18 -6
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.28.0",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "provenance": true
@@ -45,5 +45,5 @@
45
45
  "devDependencies": {
46
46
  "@carbon-labs/utilities": "canary"
47
47
  },
48
- "gitHead": "6306a24bb5e1f672878988240d6c3b736029b587"
48
+ "gitHead": "2fa6ae58ef6c5d7db56d04b614cad6aa2e69f4cb"
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
  }