@atlaskit/mobile-header 6.2.2 → 6.2.3

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 +9 -0
  2. package/dist/cjs/components/MobileHeader.js +9 -12
  3. package/dist/cjs/styled.js +2 -9
  4. package/dist/es2019/styled.js +2 -9
  5. package/dist/esm/components/MobileHeader.js +9 -12
  6. package/dist/esm/styled.js +2 -9
  7. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/mobile-header
2
2
 
3
+ ## 6.2.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#179922](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179922)
8
+ [`c0736bfffd63a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c0736bfffd63a) -
9
+ Internal changes to typography styles. There may be some minor visual changes to align with
10
+ modernized typography styles.
11
+
3
12
  ## 6.2.2
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/components/MobileHeader.js CHANGED
@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
11
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
14
12
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
15
  var _react = _interopRequireWildcard(require("react"));
17
16
  var _button = _interopRequireDefault(require("@atlaskit/button"));
@@ -19,33 +18,31 @@ var _menu = _interopRequireDefault(require("@atlaskit/icon/core/migration/menu")
19
18
  var styles = _interopRequireWildcard(require("../styled"));
20
19
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
21
20
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
22
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
21
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
23
22
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
24
23
  var MobileHeader = /*#__PURE__*/function (_PureComponent) {
25
- (0, _inherits2.default)(MobileHeader, _PureComponent);
26
- var _super = _createSuper(MobileHeader);
27
24
  function MobileHeader() {
28
25
  var _this;
29
26
  (0, _classCallCheck2.default)(this, MobileHeader);
30
27
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
31
28
  args[_key] = arguments[_key];
32
29
  }
33
- _this = _super.call.apply(_super, [this].concat(args));
34
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
30
+ _this = _callSuper(this, MobileHeader, [].concat(args));
31
+ (0, _defineProperty2.default)(_this, "state", {
35
32
  isAnimatingNavigation: false,
36
33
  isAnimatingSidebar: false
37
34
  });
38
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleNavSlideFinish", function () {
35
+ (0, _defineProperty2.default)(_this, "handleNavSlideFinish", function () {
39
36
  _this.setState({
40
37
  isAnimatingNavigation: false
41
38
  });
42
39
  });
43
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSidebarSlideFinish", function () {
40
+ (0, _defineProperty2.default)(_this, "handleSidebarSlideFinish", function () {
44
41
  _this.setState({
45
42
  isAnimatingSidebar: false
46
43
  });
47
44
  });
48
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSlider", function (isOpen, isAnimating, onTransitionEnd, side, renderFn, topOffset) {
45
+ (0, _defineProperty2.default)(_this, "renderSlider", function (isOpen, isAnimating, onTransitionEnd, side, renderFn, topOffset) {
49
46
  return /*#__PURE__*/_react.default.createElement(styles.MobileNavSlider, {
50
47
  isOpen: isOpen,
51
48
  onTransitionEnd: onTransitionEnd,
@@ -55,7 +52,8 @@ var MobileHeader = /*#__PURE__*/function (_PureComponent) {
55
52
  });
56
53
  return _this;
57
54
  }
58
- (0, _createClass2.default)(MobileHeader, [{
55
+ (0, _inherits2.default)(MobileHeader, _PureComponent);
56
+ return (0, _createClass2.default)(MobileHeader, [{
59
57
  key: "UNSAFE_componentWillReceiveProps",
60
58
  value: function UNSAFE_componentWillReceiveProps(nextProps) {
61
59
  if (nextProps.drawerState === 'none') {
@@ -101,7 +99,6 @@ var MobileHeader = /*#__PURE__*/function (_PureComponent) {
101
99
  }));
102
100
  }
103
101
  }]);
104
- return MobileHeader;
105
102
  }(_react.PureComponent);
106
103
  (0, _defineProperty2.default)(MobileHeader, "defaultProps", {
107
104
  topOffset: 0,
package/dist/cjs/styled.js CHANGED
@@ -10,7 +10,6 @@ var _react = require("@emotion/react");
10
10
  var _styled = _interopRequireDefault(require("@emotion/styled"));
11
11
  var _colors = require("@atlaskit/theme/colors");
12
12
  var _constants = require("@atlaskit/theme/constants");
13
- var _typography = require("@atlaskit/theme/typography");
14
13
  var _templateObject, _templateObject2, _templateObject3; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
14
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
16
15
  // @atlaskit/navigation has a specific z-index, so we need to layer the header
@@ -100,12 +99,6 @@ var FakeBlanket = exports.FakeBlanket = _styled.default.div(_templateObject3 ||
100
99
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
101
100
  var PageHeading = exports.PageHeading = _styled.default.h1({
102
101
  flexGrow: 1,
103
- marginLeft: "var(--ds-space-100, 8px)"
104
- },
105
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
106
- _typography.h500, {
107
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
108
- '&&': {
109
- marginTop: 0
110
- }
102
+ marginLeft: "var(--ds-space-100, 8px)",
103
+ font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
111
104
  });
package/dist/es2019/styled.js CHANGED
@@ -4,7 +4,6 @@ import { css, keyframes } from '@emotion/react';
4
4
  import styled from '@emotion/styled';
5
5
  import { N100A, N20 } from '@atlaskit/theme/colors';
6
6
  import { layers as akLayers } from '@atlaskit/theme/constants';
7
- import { h500 } from '@atlaskit/theme/typography';
8
7
  // @atlaskit/navigation has a specific z-index, so we need to layer the header
9
8
  // components relative to that.
10
9
  const navLayer = akLayers.navigation();
@@ -102,12 +101,6 @@ export const FakeBlanket = styled.div`
102
101
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
103
102
  export const PageHeading = styled.h1({
104
103
  flexGrow: 1,
105
- marginLeft: "var(--ds-space-100, 8px)"
106
- },
107
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
108
- h500, {
109
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
110
- '&&': {
111
- marginTop: 0
112
- }
104
+ marginLeft: "var(--ds-space-100, 8px)",
105
+ font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
113
106
  });
package/dist/esm/components/MobileHeader.js CHANGED
@@ -1,41 +1,38 @@
1
1
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
2
  import _createClass from "@babel/runtime/helpers/createClass";
3
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
- import _inherits from "@babel/runtime/helpers/inherits";
5
3
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
4
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
5
+ import _inherits from "@babel/runtime/helpers/inherits";
7
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
7
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
9
8
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
10
9
  import React, { Fragment, PureComponent } from 'react';
11
10
  import Button from '@atlaskit/button';
12
11
  import MenuIcon from '@atlaskit/icon/core/migration/menu';
13
12
  import * as styles from '../styled';
14
13
  var MobileHeader = /*#__PURE__*/function (_PureComponent) {
15
- _inherits(MobileHeader, _PureComponent);
16
- var _super = _createSuper(MobileHeader);
17
14
  function MobileHeader() {
18
15
  var _this;
19
16
  _classCallCheck(this, MobileHeader);
20
17
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
21
18
  args[_key] = arguments[_key];
22
19
  }
23
- _this = _super.call.apply(_super, [this].concat(args));
24
- _defineProperty(_assertThisInitialized(_this), "state", {
20
+ _this = _callSuper(this, MobileHeader, [].concat(args));
21
+ _defineProperty(_this, "state", {
25
22
  isAnimatingNavigation: false,
26
23
  isAnimatingSidebar: false
27
24
  });
28
- _defineProperty(_assertThisInitialized(_this), "handleNavSlideFinish", function () {
25
+ _defineProperty(_this, "handleNavSlideFinish", function () {
29
26
  _this.setState({
30
27
  isAnimatingNavigation: false
31
28
  });
32
29
  });
33
- _defineProperty(_assertThisInitialized(_this), "handleSidebarSlideFinish", function () {
30
+ _defineProperty(_this, "handleSidebarSlideFinish", function () {
34
31
  _this.setState({
35
32
  isAnimatingSidebar: false
36
33
  });
37
34
  });
38
- _defineProperty(_assertThisInitialized(_this), "renderSlider", function (isOpen, isAnimating, onTransitionEnd, side, renderFn, topOffset) {
35
+ _defineProperty(_this, "renderSlider", function (isOpen, isAnimating, onTransitionEnd, side, renderFn, topOffset) {
39
36
  return /*#__PURE__*/React.createElement(styles.MobileNavSlider, {
40
37
  isOpen: isOpen,
41
38
  onTransitionEnd: onTransitionEnd,
@@ -45,7 +42,8 @@ var MobileHeader = /*#__PURE__*/function (_PureComponent) {
45
42
  });
46
43
  return _this;
47
44
  }
48
- _createClass(MobileHeader, [{
45
+ _inherits(MobileHeader, _PureComponent);
46
+ return _createClass(MobileHeader, [{
49
47
  key: "UNSAFE_componentWillReceiveProps",
50
48
  value: function UNSAFE_componentWillReceiveProps(nextProps) {
51
49
  if (nextProps.drawerState === 'none') {
@@ -91,7 +89,6 @@ var MobileHeader = /*#__PURE__*/function (_PureComponent) {
91
89
  }));
92
90
  }
93
91
  }]);
94
- return MobileHeader;
95
92
  }(PureComponent);
96
93
  _defineProperty(MobileHeader, "defaultProps", {
97
94
  topOffset: 0,
package/dist/esm/styled.js CHANGED
@@ -6,7 +6,6 @@ import { css, keyframes } from '@emotion/react';
6
6
  import styled from '@emotion/styled';
7
7
  import { N100A, N20 } from '@atlaskit/theme/colors';
8
8
  import { layers as akLayers } from '@atlaskit/theme/constants';
9
- import { h500 } from '@atlaskit/theme/typography';
10
9
  // @atlaskit/navigation has a specific z-index, so we need to layer the header
11
10
  // components relative to that.
12
11
  var navLayer = akLayers.navigation();
@@ -94,12 +93,6 @@ export var FakeBlanket = styled.div(_templateObject3 || (_templateObject3 = _tag
94
93
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
95
94
  export var PageHeading = styled.h1({
96
95
  flexGrow: 1,
97
- marginLeft: "var(--ds-space-100, 8px)"
98
- },
99
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
100
- h500, {
101
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
102
- '&&': {
103
- marginTop: 0
104
- }
96
+ marginLeft: "var(--ds-space-100, 8px)",
97
+ font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
105
98
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/mobile-header",
3
- "version": "6.2.2",
3
+ "version": "6.2.3",
4
4
  "description": "A React component rendering a mobile header",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,9 +33,9 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/button": "^20.3.0",
36
- "@atlaskit/icon": "^23.0.0",
36
+ "@atlaskit/icon": "^23.1.0",
37
37
  "@atlaskit/theme": "^14.0.0",
38
- "@atlaskit/tokens": "^2.4.0",
38
+ "@atlaskit/tokens": "^2.5.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "@emotion/styled": "^11.0.0"
41
41
  },