@atlaskit/page-header 10.4.2 → 10.4.4

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/CHANGELOG.md +12 -0
  2. package/dist/cjs/version.json +1 -1
  3. package/dist/es2019/version.json +1 -1
  4. package/dist/esm/version.json +1 -1
  5. package/dist/types/PageHeader/styled.d.ts +9 -8
  6. package/dist/types-ts4.5/PageHeader/styled.d.ts +9 -8
  7. package/package.json +6 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/page-header
2
2
 
3
+ ## 10.4.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
8
+
9
+ ## 10.4.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
14
+
3
15
  ## 10.4.2
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/page-header",
3
- "version": "10.4.2",
3
+ "version": "10.4.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/page-header",
3
- "version": "10.4.2",
3
+ "version": "10.4.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/page-header",
3
- "version": "10.4.2",
3
+ "version": "10.4.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/PageHeader/styled.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import React, { ReactNode } from 'react';
3
+ import { jsx } from '@emotion/react';
3
4
  /**
4
5
  * __Outer wrapper__
5
6
  *
@@ -7,9 +8,9 @@ import React, { ReactNode } from 'react';
7
8
  * the BottomBar and its Breadcrumbs.
8
9
  *
9
10
  */
10
- export declare const OuterWrapper: React.FC<{
11
+ export declare const OuterWrapper: ({ children }: {
11
12
  children: ReactNode;
12
- }>;
13
+ }) => jsx.JSX.Element;
13
14
  interface StyledTitleWrapperProps {
14
15
  children?: React.ReactNode;
15
16
  id?: string;
@@ -32,30 +33,30 @@ interface TitleProps {
32
33
  * A title wrapper is a wrapper around the title and the actions.
33
34
  *
34
35
  */
35
- export declare const TitleWrapper: React.FC<TitleProps>;
36
+ export declare const TitleWrapper: ({ children, truncateTitle }: TitleProps) => jsx.JSX.Element;
36
37
  /**
37
38
  * Title container
38
39
  *
39
40
  * A title container is a container that wraps around the title and its styles (if applied).
40
41
  *
41
42
  */
42
- export declare const TitleContainer: React.FC<TitleProps>;
43
+ export declare const TitleContainer: ({ children, truncateTitle }: TitleProps) => jsx.JSX.Element;
43
44
  /**
44
45
  * __Actions wrapper__
45
46
  *
46
47
  * An actions wrapper is a wrapper for the actions, which appear on the top right of the PageHeader component.
47
48
  *
48
49
  */
49
- export declare const ActionsWrapper: React.FC<{
50
+ export declare const ActionsWrapper: ({ children }: {
50
51
  children: ReactNode;
51
- }>;
52
+ }) => jsx.JSX.Element;
52
53
  /**
53
54
  * __Bottom bar wrapper__
54
55
  *
55
56
  * A bottom bar wrapper is a wrapper for the bottom bar, which appears at the bottom of the PageHeader component.
56
57
  *
57
58
  */
58
- export declare const BottomBarWrapper: React.FC<{
59
+ export declare const BottomBarWrapper: ({ children }: {
59
60
  children: ReactNode;
60
- }>;
61
+ }) => jsx.JSX.Element;
61
62
  export {};
package/dist/types-ts4.5/PageHeader/styled.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import React, { ReactNode } from 'react';
3
+ import { jsx } from '@emotion/react';
3
4
  /**
4
5
  * __Outer wrapper__
5
6
  *
@@ -7,9 +8,9 @@ import React, { ReactNode } from 'react';
7
8
  * the BottomBar and its Breadcrumbs.
8
9
  *
9
10
  */
10
- export declare const OuterWrapper: React.FC<{
11
+ export declare const OuterWrapper: ({ children }: {
11
12
  children: ReactNode;
12
- }>;
13
+ }) => jsx.JSX.Element;
13
14
  interface StyledTitleWrapperProps {
14
15
  children?: React.ReactNode;
15
16
  id?: string;
@@ -32,30 +33,30 @@ interface TitleProps {
32
33
  * A title wrapper is a wrapper around the title and the actions.
33
34
  *
34
35
  */
35
- export declare const TitleWrapper: React.FC<TitleProps>;
36
+ export declare const TitleWrapper: ({ children, truncateTitle }: TitleProps) => jsx.JSX.Element;
36
37
  /**
37
38
  * Title container
38
39
  *
39
40
  * A title container is a container that wraps around the title and its styles (if applied).
40
41
  *
41
42
  */
42
- export declare const TitleContainer: React.FC<TitleProps>;
43
+ export declare const TitleContainer: ({ children, truncateTitle }: TitleProps) => jsx.JSX.Element;
43
44
  /**
44
45
  * __Actions wrapper__
45
46
  *
46
47
  * An actions wrapper is a wrapper for the actions, which appear on the top right of the PageHeader component.
47
48
  *
48
49
  */
49
- export declare const ActionsWrapper: React.FC<{
50
+ export declare const ActionsWrapper: ({ children }: {
50
51
  children: ReactNode;
51
- }>;
52
+ }) => jsx.JSX.Element;
52
53
  /**
53
54
  * __Bottom bar wrapper__
54
55
  *
55
56
  * A bottom bar wrapper is a wrapper for the bottom bar, which appears at the bottom of the PageHeader component.
56
57
  *
57
58
  */
58
- export declare const BottomBarWrapper: React.FC<{
59
+ export declare const BottomBarWrapper: ({ children }: {
59
60
  children: ReactNode;
60
- }>;
61
+ }) => jsx.JSX.Element;
61
62
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/page-header",
3
- "version": "10.4.2",
3
+ "version": "10.4.4",
4
4
  "description": "A page header defines the top of a page. It contains a title and can be optionally combined with breadcrumbs buttons, search, and filters.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@atlaskit/theme": "^12.5.0",
39
- "@atlaskit/tokens": "^1.4.0",
39
+ "@atlaskit/tokens": "^1.5.0",
40
40
  "@babel/runtime": "^7.0.0",
41
41
  "@emotion/react": "^11.7.1"
42
42
  },
@@ -52,9 +52,9 @@
52
52
  "@atlaskit/inline-edit": "^12.3.0",
53
53
  "@atlaskit/page": "^12.3.0",
54
54
  "@atlaskit/section-message": "^6.4.0",
55
- "@atlaskit/select": "^16.2.0",
55
+ "@atlaskit/select": "^16.5.0",
56
56
  "@atlaskit/ssr": "*",
57
- "@atlaskit/textfield": "^5.4.0",
57
+ "@atlaskit/textfield": "^5.5.0",
58
58
  "@atlaskit/visual-regression": "*",
59
59
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
60
60
  "@testing-library/react": "^12.1.5",
@@ -75,7 +75,8 @@
75
75
  "dom-events": "use-bind-event-listener",
76
76
  "analytics": "analytics-next",
77
77
  "design-tokens": [
78
- "color"
78
+ "color",
79
+ "spacing"
79
80
  ],
80
81
  "theming": [
81
82
  "react-context"