@atlaskit/side-navigation 1.8.1 → 1.8.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 (12) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/NavigationContent/styles.js +4 -2
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/es2019/components/NavigationContent/styles.js +4 -2
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/esm/components/NavigationContent/styles.js +4 -2
  7. package/dist/esm/version.json +1 -1
  8. package/dist/types/components/Header/index.d.ts +1 -1
  9. package/dist/types/components/NavigationContent/styles.d.ts +2 -2
  10. package/dist/types-ts4.5/components/Header/index.d.ts +1 -1
  11. package/dist/types-ts4.5/components/NavigationContent/styles.d.ts +2 -2
  12. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/side-navigation
2
2
 
3
+ ## 1.8.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
8
+
9
+ ## 1.8.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [`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.
14
+
3
15
  ## 1.8.1
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/NavigationContent/styles.js CHANGED
@@ -41,7 +41,8 @@ var outerContainerCSS = function outerContainerCSS(opts) {
41
41
  '&::before': {
42
42
  content: "''",
43
43
  display: 'block',
44
- left: containerPadding,
44
+ // TODO Delete this comment after verifying space token -> previous value `containerPadding`
45
+ left: "var(--ds-space-100, 8px)",
45
46
  right: containerPadding + opts.scrollbarWidth,
46
47
  height: scrollIndicatorHeight,
47
48
  borderRadius: scrollIndicatorBorderRadius,
@@ -56,7 +57,8 @@ var outerContainerCSS = function outerContainerCSS(opts) {
56
57
  borderRadius: scrollIndicatorBorderRadius,
57
58
  flexShrink: 0,
58
59
  height: scrollIndicatorHeight,
59
- left: containerPadding,
60
+ // TODO Delete this comment after verifying space token -> previous value `containerPadding`
61
+ left: "var(--ds-space-100, 8px)",
60
62
  right: containerPadding + opts.scrollbarWidth,
61
63
  bottom: 0,
62
64
  zIndex: scrollIndicatorZIndex,
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "1.8.1",
3
+ "version": "1.8.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/NavigationContent/styles.js CHANGED
@@ -30,7 +30,8 @@ export const outerContainerCSS = opts => ({
30
30
  '&::before': {
31
31
  content: "''",
32
32
  display: 'block',
33
- left: containerPadding,
33
+ // TODO Delete this comment after verifying space token -> previous value `containerPadding`
34
+ left: "var(--ds-space-100, 8px)",
34
35
  right: containerPadding + opts.scrollbarWidth,
35
36
  height: scrollIndicatorHeight,
36
37
  borderRadius: scrollIndicatorBorderRadius,
@@ -45,7 +46,8 @@ export const outerContainerCSS = opts => ({
45
46
  borderRadius: scrollIndicatorBorderRadius,
46
47
  flexShrink: 0,
47
48
  height: scrollIndicatorHeight,
48
- left: containerPadding,
49
+ // TODO Delete this comment after verifying space token -> previous value `containerPadding`
50
+ left: "var(--ds-space-100, 8px)",
49
51
  right: containerPadding + opts.scrollbarWidth,
50
52
  bottom: 0,
51
53
  zIndex: scrollIndicatorZIndex,
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "1.8.1",
3
+ "version": "1.8.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/NavigationContent/styles.js CHANGED
@@ -34,7 +34,8 @@ export var outerContainerCSS = function outerContainerCSS(opts) {
34
34
  '&::before': {
35
35
  content: "''",
36
36
  display: 'block',
37
- left: containerPadding,
37
+ // TODO Delete this comment after verifying space token -> previous value `containerPadding`
38
+ left: "var(--ds-space-100, 8px)",
38
39
  right: containerPadding + opts.scrollbarWidth,
39
40
  height: scrollIndicatorHeight,
40
41
  borderRadius: scrollIndicatorBorderRadius,
@@ -49,7 +50,8 @@ export var outerContainerCSS = function outerContainerCSS(opts) {
49
50
  borderRadius: scrollIndicatorBorderRadius,
50
51
  flexShrink: 0,
51
52
  height: scrollIndicatorHeight,
52
- left: containerPadding,
53
+ // TODO Delete this comment after verifying space token -> previous value `containerPadding`
54
+ left: "var(--ds-space-100, 8px)",
53
55
  right: containerPadding + opts.scrollbarWidth,
54
56
  bottom: 0,
55
57
  zIndex: scrollIndicatorZIndex,
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "1.8.1",
3
+ "version": "1.8.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/components/Header/index.d.ts CHANGED
@@ -5,7 +5,7 @@ import { CSSFn, CustomItemComponentProps } from '@atlaskit/menu';
5
5
  *
6
6
  * A container for Header and Footer that safely handles props to the child component
7
7
  */
8
- export declare const Container: React.FC<CustomItemComponentProps>;
8
+ export declare const Container: ({ children, ...props }: CustomItemComponentProps) => JSX.Element;
9
9
  export type HeaderProps = {
10
10
  /**
11
11
  * A function that can be used to override the styles of the component.
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: 8;
20
+ readonly left: "var(--ds-space-100)";
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: 8;
35
+ readonly left: "var(--ds-space-100)";
36
36
  readonly right: number;
37
37
  readonly bottom: 0;
38
38
  readonly zIndex: 1;
package/dist/types-ts4.5/components/Header/index.d.ts CHANGED
@@ -5,7 +5,7 @@ import { CSSFn, CustomItemComponentProps } from '@atlaskit/menu';
5
5
  *
6
6
  * A container for Header and Footer that safely handles props to the child component
7
7
  */
8
- export declare const Container: React.FC<CustomItemComponentProps>;
8
+ export declare const Container: ({ children, ...props }: CustomItemComponentProps) => JSX.Element;
9
9
  export type HeaderProps = {
10
10
  /**
11
11
  * A function that can be used to override the styles of the component.
package/dist/types-ts4.5/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: 8;
20
+ readonly left: "var(--ds-space-100)";
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: 8;
35
+ readonly left: "var(--ds-space-100)";
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.8.1",
3
+ "version": "1.8.3",
4
4
  "description": "A highly composable side navigation component that supports nested views.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -32,14 +32,14 @@
32
32
  }
33
33
  },
34
34
  "dependencies": {
35
- "@atlaskit/ds-explorations": "^2.1.0",
35
+ "@atlaskit/ds-explorations": "^2.2.0",
36
36
  "@atlaskit/ds-lib": "^2.2.0",
37
37
  "@atlaskit/icon": "^21.12.0",
38
38
  "@atlaskit/menu": "^1.7.0",
39
39
  "@atlaskit/motion": "^1.4.0",
40
40
  "@atlaskit/primitives": "^0.9.0",
41
41
  "@atlaskit/theme": "^12.5.0",
42
- "@atlaskit/tokens": "^1.4.0",
42
+ "@atlaskit/tokens": "^1.5.0",
43
43
  "@babel/runtime": "^7.0.0",
44
44
  "@emotion/react": "^11.7.1"
45
45
  },
@@ -47,13 +47,13 @@
47
47
  "react": "^16.8.0"
48
48
  },
49
49
  "devDependencies": {
50
- "@atlaskit/atlassian-navigation": "^2.5.0",
50
+ "@atlaskit/atlassian-navigation": "^2.6.0",
51
51
  "@atlaskit/button": "^16.7.0",
52
52
  "@atlaskit/docs": "*",
53
53
  "@atlaskit/logo": "^13.14.0",
54
54
  "@atlaskit/onboarding": "^10.8.0",
55
55
  "@atlaskit/section-message": "^6.4.0",
56
- "@atlaskit/select": "^16.2.0",
56
+ "@atlaskit/select": "^16.5.0",
57
57
  "@atlaskit/visual-regression": "*",
58
58
  "@atlaskit/webdriver-runner": "*",
59
59
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",