@atlaskit/mobile-header 6.1.4 → 6.1.6
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.
- package/CHANGELOG.md +28 -16
- package/dist/cjs/components/MobileHeader.js +1 -2
- package/dist/cjs/styled.js +5 -10
- package/package.json +4 -4
- package/tmp/api-report-tmp.d.ts +0 -72
package/CHANGELOG.md
CHANGED
|
@@ -1,34 +1,46 @@
|
|
|
1
1
|
# @atlaskit/mobile-header
|
|
2
2
|
|
|
3
|
+
## 6.1.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 6.1.5
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 6.1.4
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
6
18
|
|
|
7
|
-
- [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
|
|
19
|
+
- [#39787](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39787) [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
|
|
8
20
|
|
|
9
21
|
## 6.1.3
|
|
10
22
|
|
|
11
23
|
### Patch Changes
|
|
12
24
|
|
|
13
|
-
- [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
|
|
25
|
+
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
|
|
14
26
|
|
|
15
27
|
## 6.1.2
|
|
16
28
|
|
|
17
29
|
### Patch Changes
|
|
18
30
|
|
|
19
|
-
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
31
|
+
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
20
32
|
|
|
21
33
|
## 6.1.1
|
|
22
34
|
|
|
23
35
|
### Patch Changes
|
|
24
36
|
|
|
25
|
-
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
37
|
+
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
26
38
|
|
|
27
39
|
## 6.1.0
|
|
28
40
|
|
|
29
41
|
### Minor Changes
|
|
30
42
|
|
|
31
|
-
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
43
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
32
44
|
|
|
33
45
|
### Patch Changes
|
|
34
46
|
|
|
@@ -38,38 +50,38 @@
|
|
|
38
50
|
|
|
39
51
|
### Patch Changes
|
|
40
52
|
|
|
41
|
-
- [`005b25fd40d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/005b25fd40d) - Moved `@emotion/styled` to dependency to ensure correct version (v11) is resolved.
|
|
53
|
+
- [#28238](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28238) [`005b25fd40d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/005b25fd40d) - Moved `@emotion/styled` to dependency to ensure correct version (v11) is resolved.
|
|
42
54
|
|
|
43
55
|
## 6.0.0
|
|
44
56
|
|
|
45
57
|
### Major Changes
|
|
46
58
|
|
|
47
|
-
- [`16f5b6bdaee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/16f5b6bdaee) - Peer Dependencies have changed due to the migration from styled-components to @emotion v11.
|
|
59
|
+
- [#27334](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27334) [`16f5b6bdaee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/16f5b6bdaee) - Peer Dependencies have changed due to the migration from styled-components to @emotion v11.
|
|
48
60
|
|
|
49
61
|
## 5.0.12
|
|
50
62
|
|
|
51
63
|
### Patch Changes
|
|
52
64
|
|
|
53
|
-
- [`522a27e6119`](https://bitbucket.org/atlassian/atlassian-frontend/commits/522a27e6119) - Remove `isOpen` prop from @atlaskit/banner, it is now open by default.
|
|
65
|
+
- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`522a27e6119`](https://bitbucket.org/atlassian/atlassian-frontend/commits/522a27e6119) - Remove `isOpen` prop from @atlaskit/banner, it is now open by default.
|
|
54
66
|
- Updated dependencies
|
|
55
67
|
|
|
56
68
|
## 5.0.11
|
|
57
69
|
|
|
58
70
|
### Patch Changes
|
|
59
71
|
|
|
60
|
-
- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
72
|
+
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
61
73
|
|
|
62
74
|
## 5.0.10
|
|
63
75
|
|
|
64
76
|
### Patch Changes
|
|
65
77
|
|
|
66
|
-
- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
|
|
78
|
+
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
|
|
67
79
|
|
|
68
80
|
## 5.0.9
|
|
69
81
|
|
|
70
82
|
### Patch Changes
|
|
71
83
|
|
|
72
|
-
- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
84
|
+
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
73
85
|
- Updated dependencies
|
|
74
86
|
|
|
75
87
|
## 5.0.8
|
|
@@ -82,7 +94,7 @@
|
|
|
82
94
|
|
|
83
95
|
### Patch Changes
|
|
84
96
|
|
|
85
|
-
- [`524b20aff9a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/524b20aff9a) - Update package.jsons to remove unused dependencies. Also excludes tests from some build tsconfigs
|
|
97
|
+
- [#13136](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13136) [`524b20aff9a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/524b20aff9a) - Update package.jsons to remove unused dependencies. Also excludes tests from some build tsconfigs
|
|
86
98
|
- [`3c0349f272a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c0349f272a) - Update package.jsons to remove unused dependencies. Also excludes tests from some build tsconfigs
|
|
87
99
|
- [`591d34f966f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/591d34f966f) - Update package.jsons to remove unused dependencies. Also excludes tests from some build tsconfigs
|
|
88
100
|
|
|
@@ -96,13 +108,13 @@
|
|
|
96
108
|
|
|
97
109
|
### Patch Changes
|
|
98
110
|
|
|
99
|
-
- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
|
|
111
|
+
- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
|
|
100
112
|
|
|
101
113
|
## 5.0.4
|
|
102
114
|
|
|
103
115
|
### Patch Changes
|
|
104
116
|
|
|
105
|
-
- [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
|
|
117
|
+
- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
|
|
106
118
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
107
119
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
108
120
|
|
|
@@ -122,7 +134,7 @@
|
|
|
122
134
|
|
|
123
135
|
### Patch Changes
|
|
124
136
|
|
|
125
|
-
- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
|
|
137
|
+
- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
|
|
126
138
|
|
|
127
139
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
128
140
|
to prevent duplicates of tslib being bundled.
|
|
@@ -131,7 +143,7 @@
|
|
|
131
143
|
|
|
132
144
|
### Major Changes
|
|
133
145
|
|
|
134
|
-
- [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
|
|
146
|
+
- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
|
|
135
147
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
136
148
|
|
|
137
149
|
### Patch Changes
|
package/dist/cjs/styled.js
CHANGED
|
@@ -25,7 +25,7 @@ var xPositioning = function xPositioning(_ref) {
|
|
|
25
25
|
isOpen = _ref.isOpen;
|
|
26
26
|
return side === 'right' ? (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n right: 0;\n transform: translateX(", ");\n "])), isOpen ? '0' : '100vw') : (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n left: 0;\n transform: translateX(", ");\n "])), isOpen ? '0' : '-100vw');
|
|
27
27
|
};
|
|
28
|
-
var MobileNavSlider = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n height: ", ";\n position: fixed;\n top: ", "px;\n transition: transform 0.2s ease-out;\n z-index: ", ";\n ", ";\n"])), function (props) {
|
|
28
|
+
var MobileNavSlider = exports.MobileNavSlider = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n height: ", ";\n position: fixed;\n top: ", "px;\n transition: transform 0.2s ease-out;\n z-index: ", ";\n ", ";\n"])), function (props) {
|
|
29
29
|
return "calc(100vh - ".concat(props.topOffset, "px)");
|
|
30
30
|
}, function (props) {
|
|
31
31
|
return props.topOffset;
|
|
@@ -33,26 +33,21 @@ var MobileNavSlider = _styled.default.div(_templateObject3 || (_templateObject3
|
|
|
33
33
|
|
|
34
34
|
// make space so content below doesn't slip beneath the header
|
|
35
35
|
// since the content is `position: fixed`
|
|
36
|
-
exports.
|
|
37
|
-
var
|
|
38
|
-
exports.MobilePageHeader = MobilePageHeader;
|
|
39
|
-
var MobilePageHeaderContent = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n height: ", "px;\n padding: ", ";\n position: fixed;\n top: ", "px;\n width: 100%;\n z-index: ", ";\n"])), (0, _theme.themed)({
|
|
36
|
+
var MobilePageHeader = exports.MobilePageHeader = _styled.default.header(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n height: ", "px;\n"])), mobileHeaderHeight);
|
|
37
|
+
var MobilePageHeaderContent = exports.MobilePageHeaderContent = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n height: ", "px;\n padding: ", ";\n position: fixed;\n top: ", "px;\n width: 100%;\n z-index: ", ";\n"])), (0, _theme.themed)({
|
|
40
38
|
light: _theme.colors.N20,
|
|
41
39
|
dark: _theme.colors.DN10
|
|
42
40
|
}), mobileHeaderHeight, "var(--ds-space-100, 8px)", function (props) {
|
|
43
41
|
return props.topOffset;
|
|
44
42
|
}, layers.header);
|
|
45
|
-
exports.MobilePageHeaderContent = MobilePageHeaderContent;
|
|
46
43
|
var opacityIn = (0, _react.keyframes)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n from { opacity: 0; }\n to { opacity: 1; }\n"])));
|
|
47
44
|
var opacityOut = (0, _react.keyframes)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n from { opacity: 1; }\n to { opacity: 0; }\n"])));
|
|
48
45
|
|
|
49
46
|
// @atlaskit/blanket has a z-index *higher* than @atlaskit/navigation,
|
|
50
47
|
// so we can't display the AK blanket underneath the navigation.
|
|
51
|
-
var FakeBlanket = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n background: ", ";\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: ", ";\n animation: ", " 0.2s ease-out;\n"])), _theme.colors.N100A, layers.blanket, function (p) {
|
|
48
|
+
var FakeBlanket = exports.FakeBlanket = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n background: ", ";\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: ", ";\n animation: ", " 0.2s ease-out;\n"])), _theme.colors.N100A, layers.blanket, function (p) {
|
|
52
49
|
return p.isOpen ? opacityIn : opacityOut;
|
|
53
50
|
});
|
|
54
51
|
|
|
55
52
|
// use proper h1 and header styles but for mobile we don't want a top margin
|
|
56
|
-
exports.
|
|
57
|
-
var PageHeading = _styled.default.h1(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n flex-grow: 1;\n margin-left: ", ";\n ", ";\n && {\n margin-top: 0;\n }\n"])), "var(--ds-space-100, 8px)", _theme.typography.h500);
|
|
58
|
-
exports.PageHeading = PageHeading;
|
|
53
|
+
var PageHeading = exports.PageHeading = _styled.default.h1(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n flex-grow: 1;\n margin-left: ", ";\n ", ";\n && {\n margin-top: 0;\n }\n"])), "var(--ds-space-100, 8px)", _theme.typography.h500);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/mobile-header",
|
|
3
|
-
"version": "6.1.
|
|
3
|
+
"version": "6.1.6",
|
|
4
4
|
"description": "A React component rendering a mobile header",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -30,10 +30,10 @@
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@atlaskit/button": "^
|
|
34
|
-
"@atlaskit/icon": "^
|
|
33
|
+
"@atlaskit/button": "^17.0.0",
|
|
34
|
+
"@atlaskit/icon": "^22.0.0",
|
|
35
35
|
"@atlaskit/theme": "^12.6.0",
|
|
36
|
-
"@atlaskit/tokens": "^1.
|
|
36
|
+
"@atlaskit/tokens": "^1.30.0",
|
|
37
37
|
"@babel/runtime": "^7.0.0",
|
|
38
38
|
"@emotion/styled": "^11.0.0"
|
|
39
39
|
},
|
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
## API Report File for "@atlaskit/mobile-header"
|
|
2
|
-
|
|
3
|
-
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
|
|
7
|
-
import { PureComponent } from 'react';
|
|
8
|
-
import { default as React_2 } from 'react';
|
|
9
|
-
import { ReactNode } from 'react';
|
|
10
|
-
|
|
11
|
-
// @public (undocumented)
|
|
12
|
-
class MobileHeader extends PureComponent<MobileHeaderProps, MobileHeaderState> {
|
|
13
|
-
// (undocumented)
|
|
14
|
-
static defaultProps: {
|
|
15
|
-
topOffset: number;
|
|
16
|
-
pageHeading: string;
|
|
17
|
-
menuIconLabel: string;
|
|
18
|
-
drawerState: string;
|
|
19
|
-
};
|
|
20
|
-
// (undocumented)
|
|
21
|
-
handleNavSlideFinish: () => void;
|
|
22
|
-
// (undocumented)
|
|
23
|
-
handleSidebarSlideFinish: () => void;
|
|
24
|
-
// (undocumented)
|
|
25
|
-
render(): JSX.Element;
|
|
26
|
-
// (undocumented)
|
|
27
|
-
renderSlider: (isOpen: boolean, isAnimating: boolean, onTransitionEnd: ((event: React_2.TransitionEvent<HTMLDivElement>) => void) | undefined, side: string, renderFn?: ((isOpen: boolean) => ReactNode) | undefined, topOffset?: number) => JSX.Element;
|
|
28
|
-
// (undocumented)
|
|
29
|
-
state: {
|
|
30
|
-
isAnimatingNavigation: boolean;
|
|
31
|
-
isAnimatingSidebar: boolean;
|
|
32
|
-
};
|
|
33
|
-
// (undocumented)
|
|
34
|
-
UNSAFE_componentWillReceiveProps(nextProps: MobileHeaderProps): void;
|
|
35
|
-
}
|
|
36
|
-
export default MobileHeader;
|
|
37
|
-
|
|
38
|
-
// @public (undocumented)
|
|
39
|
-
interface MobileHeaderProps {
|
|
40
|
-
// (undocumented)
|
|
41
|
-
customMenu?: ReactNode;
|
|
42
|
-
// (undocumented)
|
|
43
|
-
drawerState: 'navigation' | 'none' | 'sidebar' | string;
|
|
44
|
-
// (undocumented)
|
|
45
|
-
menuIconLabel: string;
|
|
46
|
-
// (undocumented)
|
|
47
|
-
navigation?: (isOpen: boolean) => ReactNode;
|
|
48
|
-
// (undocumented)
|
|
49
|
-
onDrawerClose?: () => void;
|
|
50
|
-
// (undocumented)
|
|
51
|
-
onNavigationOpen?: () => void;
|
|
52
|
-
// (undocumented)
|
|
53
|
-
pageHeading: ReactNode;
|
|
54
|
-
// (undocumented)
|
|
55
|
-
secondaryContent?: ReactNode;
|
|
56
|
-
// (undocumented)
|
|
57
|
-
sidebar?: (isOpen: boolean) => ReactNode;
|
|
58
|
-
// (undocumented)
|
|
59
|
-
topOffset?: number;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
// @public (undocumented)
|
|
63
|
-
interface MobileHeaderState {
|
|
64
|
-
// (undocumented)
|
|
65
|
-
isAnimatingNavigation: boolean;
|
|
66
|
-
// (undocumented)
|
|
67
|
-
isAnimatingSidebar: boolean;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
// (No @packageDocumentation comment for this package)
|
|
71
|
-
|
|
72
|
-
```
|