@atlaskit/side-navigation 1.6.4 → 1.6.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.
Files changed (12) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/Footer/index.js +2 -2
  3. package/dist/cjs/components/NavigationContent/styles.js +6 -7
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/components/Footer/index.js +2 -2
  6. package/dist/es2019/components/NavigationContent/styles.js +1 -2
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/components/Footer/index.js +2 -2
  9. package/dist/esm/components/NavigationContent/styles.js +1 -2
  10. package/dist/esm/version.json +1 -1
  11. package/dist/types/components/NavigationContent/styles.d.ts +2 -2
  12. package/package.json +2 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/side-navigation
2
2
 
3
+ ## 1.6.6
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 1.6.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [`f7f852b0a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f7f852b0a4f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
14
+
3
15
  ## 1.6.4
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/Footer/index.js CHANGED
@@ -97,14 +97,14 @@ var Footer = function Footer(_ref2) {
97
97
  padding: "space.100",
98
98
  testId: testId
99
99
  }, /*#__PURE__*/_react.default.createElement(_stack.default, {
100
- space: "100",
100
+ space: "space.100",
101
101
  alignInline: "center"
102
102
  }, /*#__PURE__*/_react.default.createElement(_box.default, {
103
103
  display: "inlineBlock",
104
104
  width: "size.200",
105
105
  height: "size.200"
106
106
  }, iconBefore), /*#__PURE__*/_react.default.createElement(_stack.default, {
107
- space: "075"
107
+ space: "space.075"
108
108
  }, /*#__PURE__*/_react.default.createElement(_text.default, {
109
109
  fontSize: "size.075",
110
110
  textAlign: "center",
package/dist/cjs/components/NavigationContent/styles.js CHANGED
@@ -7,16 +7,15 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.outerContainerCSS = exports.innerContainerCSS = exports.containerCSS = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _colors = require("@atlaskit/theme/colors");
10
- var _constants = require("@atlaskit/theme/constants");
11
10
  var _typography = require("@atlaskit/theme/typography");
12
- var _constants2 = require("../../common/constants");
11
+ var _constants = require("../../common/constants");
13
12
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
13
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
15
14
  var scrollIndicatorMaskZIndex = 2;
16
15
  var scrollIndicatorZIndex = 1;
17
16
  var scrollIndicatorHeight = 2;
18
17
  var scrollIndicatorBorderRadius = 1;
19
- var containerPadding = (0, _constants.gridSize)();
18
+ var containerPadding = 8;
20
19
  var itemHeadingContentHeight = _typography.headingSizes.h100.lineHeight;
21
20
  var skeletonHeadingHeight = containerPadding;
22
21
  var skeletonHeadingMarginOffset = 3;
@@ -46,7 +45,7 @@ var outerContainerCSS = function outerContainerCSS(opts) {
46
45
  right: containerPadding + opts.scrollbarWidth,
47
46
  height: scrollIndicatorHeight,
48
47
  borderRadius: scrollIndicatorBorderRadius,
49
- backgroundColor: "var(".concat(_constants2.VAR_SEPARATOR_COLOR, ", ", "var(--ds-border, ".concat(_colors.N30, ")"), ")"),
48
+ backgroundColor: "var(".concat(_constants.VAR_SEPARATOR_COLOR, ", ", "var(--ds-border, ".concat(_colors.N30, ")"), ")"),
50
49
  position: 'absolute',
51
50
  zIndex: scrollIndicatorZIndex
52
51
  },
@@ -61,7 +60,7 @@ var outerContainerCSS = function outerContainerCSS(opts) {
61
60
  right: containerPadding + opts.scrollbarWidth,
62
61
  bottom: 0,
63
62
  zIndex: scrollIndicatorZIndex,
64
- backgroundColor: "var(".concat(_constants2.VAR_SEPARATOR_COLOR, ", ", "var(--ds-border, ".concat(_colors.N30, ")"), ")")
63
+ backgroundColor: "var(".concat(_constants.VAR_SEPARATOR_COLOR, ", ", "var(--ds-border, ".concat(_colors.N30, ")"), ")")
65
64
  }
66
65
  };
67
66
  };
@@ -87,7 +86,7 @@ var innerContainerCSS = function innerContainerCSS(opts) {
87
86
  left: 0,
88
87
  right: 0,
89
88
  height: scrollIndicatorHeight,
90
- backgroundColor: "var(".concat(_constants2.VAR_SCROLL_INDICATOR_COLOR, ", ", "var(--ds-surface, ".concat(_colors.N10, ")"), ")"),
89
+ backgroundColor: "var(".concat(_constants.VAR_SCROLL_INDICATOR_COLOR, ", ", "var(--ds-surface, ".concat(_colors.N10, ")"), ")"),
91
90
  position: 'absolute',
92
91
  display: 'block',
93
92
  zIndex: scrollIndicatorMaskZIndex
@@ -105,7 +104,7 @@ var innerContainerCSS = function innerContainerCSS(opts) {
105
104
  marginTop: 'auto',
106
105
  position: 'relative',
107
106
  zIndex: scrollIndicatorMaskZIndex,
108
- backgroundColor: "var(".concat(_constants2.VAR_SCROLL_INDICATOR_COLOR, ", ", "var(--ds-surface, ".concat(_colors.N10, ")"), ")")
107
+ backgroundColor: "var(".concat(_constants.VAR_SCROLL_INDICATOR_COLOR, ", ", "var(--ds-surface, ".concat(_colors.N10, ")"), ")")
109
108
  }
110
109
  });
111
110
  };
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "1.6.4",
3
+ "version": "1.6.6",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/Footer/index.js CHANGED
@@ -87,14 +87,14 @@ const Footer = ({
87
87
  padding: "space.100",
88
88
  testId: testId
89
89
  }, /*#__PURE__*/React.createElement(Stack, {
90
- space: "100",
90
+ space: "space.100",
91
91
  alignInline: "center"
92
92
  }, /*#__PURE__*/React.createElement(Box, {
93
93
  display: "inlineBlock",
94
94
  width: "size.200",
95
95
  height: "size.200"
96
96
  }, iconBefore), /*#__PURE__*/React.createElement(Stack, {
97
- space: "075"
97
+ space: "space.075"
98
98
  }, /*#__PURE__*/React.createElement(Text, {
99
99
  fontSize: "size.075",
100
100
  textAlign: "center",
package/dist/es2019/components/NavigationContent/styles.js CHANGED
@@ -1,12 +1,11 @@
1
1
  import { N10, N30 } from '@atlaskit/theme/colors';
2
- import { gridSize } from '@atlaskit/theme/constants';
3
2
  import { headingSizes } from '@atlaskit/theme/typography';
4
3
  import { VAR_SCROLL_INDICATOR_COLOR, VAR_SEPARATOR_COLOR } from '../../common/constants';
5
4
  const scrollIndicatorMaskZIndex = 2;
6
5
  const scrollIndicatorZIndex = 1;
7
6
  const scrollIndicatorHeight = 2;
8
7
  const scrollIndicatorBorderRadius = 1;
9
- const containerPadding = gridSize();
8
+ const containerPadding = 8;
10
9
  const itemHeadingContentHeight = headingSizes.h100.lineHeight;
11
10
  const skeletonHeadingHeight = containerPadding;
12
11
  const skeletonHeadingMarginOffset = 3;
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "1.6.4",
3
+ "version": "1.6.6",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/Footer/index.js CHANGED
@@ -89,14 +89,14 @@ var Footer = function Footer(_ref2) {
89
89
  padding: "space.100",
90
90
  testId: testId
91
91
  }, /*#__PURE__*/React.createElement(Stack, {
92
- space: "100",
92
+ space: "space.100",
93
93
  alignInline: "center"
94
94
  }, /*#__PURE__*/React.createElement(Box, {
95
95
  display: "inlineBlock",
96
96
  width: "size.200",
97
97
  height: "size.200"
98
98
  }, iconBefore), /*#__PURE__*/React.createElement(Stack, {
99
- space: "075"
99
+ space: "space.075"
100
100
  }, /*#__PURE__*/React.createElement(Text, {
101
101
  fontSize: "size.075",
102
102
  textAlign: "center",
package/dist/esm/components/NavigationContent/styles.js CHANGED
@@ -2,14 +2,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
3
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
4
  import { N10, N30 } from '@atlaskit/theme/colors';
5
- import { gridSize } from '@atlaskit/theme/constants';
6
5
  import { headingSizes } from '@atlaskit/theme/typography';
7
6
  import { VAR_SCROLL_INDICATOR_COLOR, VAR_SEPARATOR_COLOR } from '../../common/constants';
8
7
  var scrollIndicatorMaskZIndex = 2;
9
8
  var scrollIndicatorZIndex = 1;
10
9
  var scrollIndicatorHeight = 2;
11
10
  var scrollIndicatorBorderRadius = 1;
12
- var containerPadding = gridSize();
11
+ var containerPadding = 8;
13
12
  var itemHeadingContentHeight = headingSizes.h100.lineHeight;
14
13
  var skeletonHeadingHeight = containerPadding;
15
14
  var skeletonHeadingMarginOffset = 3;
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "1.6.4",
3
+ "version": "1.6.6",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/components/NavigationContent/styles.d.ts CHANGED
@@ -17,7 +17,7 @@ export declare const outerContainerCSS: (opts: StyleOpts & {
17
17
  readonly '&::before': {
18
18
  readonly content: "''";
19
19
  readonly display: "block";
20
- readonly left: number;
20
+ readonly left: 8;
21
21
  readonly right: number;
22
22
  readonly height: 2;
23
23
  readonly borderRadius: 1;
@@ -32,7 +32,7 @@ export declare const outerContainerCSS: (opts: StyleOpts & {
32
32
  readonly borderRadius: 1;
33
33
  readonly flexShrink: 0;
34
34
  readonly height: 2;
35
- readonly left: number;
35
+ readonly left: 8;
36
36
  readonly right: number;
37
37
  readonly bottom: 0;
38
38
  readonly zIndex: 1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "1.6.4",
3
+ "version": "1.6.6",
4
4
  "description": "A highly composable side navigation component that supports nested views.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
29
29
  "@atlaskit/icon": "^21.11.0",
30
30
  "@atlaskit/menu": "^1.5.0",
31
31
  "@atlaskit/motion": "^1.3.0",
32
- "@atlaskit/primitives": "^0.7.0",
32
+ "@atlaskit/primitives": "^0.8.0",
33
33
  "@atlaskit/theme": "^12.3.0",
34
34
  "@atlaskit/tokens": "^1.2.0",
35
35
  "@babel/runtime": "^7.0.0",
@@ -67,7 +67,6 @@
67
67
  "design-system": "v1",
68
68
  "dom-events": "use-bind-event-listener",
69
69
  "ui-components": [
70
- "primitives",
71
70
  "lite-mode"
72
71
  ],
73
72
  "design-tokens": [