@atlaskit/side-navigation 1.2.5 → 1.2.8

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 (10) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/common/styles.js +7 -7
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/es2019/common/styles.js +7 -7
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/esm/common/styles.js +7 -7
  7. package/dist/esm/version.json +1 -1
  8. package/dist/types/components/NavigationContent/styles.d.ts +5 -5
  9. package/dist/types/components/NestingItem/index.d.ts +1 -1
  10. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/side-navigation
2
2
 
3
+ ## 1.2.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
8
+
9
+ ## 1.2.7
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 1.2.6
16
+
17
+ ### Patch Changes
18
+
19
+ - [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
20
+ - Updated dependencies
21
+
3
22
  ## 1.2.5
4
23
 
5
24
  ### Patch Changes
package/dist/cjs/common/styles.js CHANGED
@@ -53,18 +53,18 @@ var defaultStyles = {
53
53
  }
54
54
  };
55
55
  var selectedStyles = {
56
- backgroundColor: "var(--ds-background-brand, ".concat(_colors.N30, ")"),
57
- color: "var(--ds-text-brand, ".concat(_colors.B400, ")"),
56
+ backgroundColor: "var(--ds-background-selected, ".concat(_colors.N30, ")"),
57
+ color: "var(--ds-text-selected, ".concat(_colors.B400, ")"),
58
58
  ':visited': {
59
- color: "var(--ds-text-brand, ".concat(_colors.B400, ")")
59
+ color: "var(--ds-text-selected, ".concat(_colors.B400, ")")
60
60
  },
61
61
  '&:hover': {
62
- backgroundColor: "var(--ds-background-brand-hovered, ".concat(_colors.N30, ")"),
63
- color: "var(--ds-text-brand, ".concat(_colors.N500, ")")
62
+ backgroundColor: "var(--ds-background-selected-hovered, ".concat(_colors.N30, ")"),
63
+ color: "var(--ds-text-selected, ".concat(_colors.N500, ")")
64
64
  },
65
65
  '&:active': {
66
- backgroundColor: "var(--ds-background-brand-pressed, ".concat(_colors.B50, ")"),
67
- color: "var(--ds-text-brand, ".concat(_colors.B400, ")")
66
+ backgroundColor: "var(--ds-background-selected-pressed, ".concat(_colors.B50, ")"),
67
+ color: "var(--ds-text-selected, ".concat(_colors.B400, ")")
68
68
  }
69
69
  };
70
70
 
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "1.2.5",
3
+ "version": "1.2.8",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/common/styles.js CHANGED
@@ -29,18 +29,18 @@ const defaultStyles = {
29
29
  }
30
30
  };
31
31
  const selectedStyles = {
32
- backgroundColor: `var(--ds-background-brand, ${N30})`,
33
- color: `var(--ds-text-brand, ${B400})`,
32
+ backgroundColor: `var(--ds-background-selected, ${N30})`,
33
+ color: `var(--ds-text-selected, ${B400})`,
34
34
  ':visited': {
35
- color: `var(--ds-text-brand, ${B400})`
35
+ color: `var(--ds-text-selected, ${B400})`
36
36
  },
37
37
  '&:hover': {
38
- backgroundColor: `var(--ds-background-brand-hovered, ${N30})`,
39
- color: `var(--ds-text-brand, ${N500})`
38
+ backgroundColor: `var(--ds-background-selected-hovered, ${N30})`,
39
+ color: `var(--ds-text-selected, ${N500})`
40
40
  },
41
41
  '&:active': {
42
- backgroundColor: `var(--ds-background-brand-pressed, ${B50})`,
43
- color: `var(--ds-text-brand, ${B400})`
42
+ backgroundColor: `var(--ds-background-selected-pressed, ${B50})`,
43
+ color: `var(--ds-text-selected, ${B400})`
44
44
  }
45
45
  };
46
46
  export const baseSideNavItemStyle = ({
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "1.2.5",
3
+ "version": "1.2.8",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/common/styles.js CHANGED
@@ -38,18 +38,18 @@ var defaultStyles = {
38
38
  }
39
39
  };
40
40
  var selectedStyles = {
41
- backgroundColor: "var(--ds-background-brand, ".concat(N30, ")"),
42
- color: "var(--ds-text-brand, ".concat(B400, ")"),
41
+ backgroundColor: "var(--ds-background-selected, ".concat(N30, ")"),
42
+ color: "var(--ds-text-selected, ".concat(B400, ")"),
43
43
  ':visited': {
44
- color: "var(--ds-text-brand, ".concat(B400, ")")
44
+ color: "var(--ds-text-selected, ".concat(B400, ")")
45
45
  },
46
46
  '&:hover': {
47
- backgroundColor: "var(--ds-background-brand-hovered, ".concat(N30, ")"),
48
- color: "var(--ds-text-brand, ".concat(N500, ")")
47
+ backgroundColor: "var(--ds-background-selected-hovered, ".concat(N30, ")"),
48
+ color: "var(--ds-text-selected, ".concat(N500, ")")
49
49
  },
50
50
  '&:active': {
51
- backgroundColor: "var(--ds-background-brand-pressed, ".concat(B50, ")"),
52
- color: "var(--ds-text-brand, ".concat(B400, ")")
51
+ backgroundColor: "var(--ds-background-selected-pressed, ".concat(B50, ")"),
52
+ color: "var(--ds-text-selected, ".concat(B400, ")")
53
53
  }
54
54
  };
55
55
  export var baseSideNavItemStyle = function baseSideNavItemStyle(_ref) {
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "1.2.5",
3
+ "version": "1.2.8",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/components/NavigationContent/styles.d.ts CHANGED
@@ -21,7 +21,7 @@ export declare const outerContainerCSS: (opts: StyleOpts & {
21
21
  readonly right: number;
22
22
  readonly height: 2;
23
23
  readonly borderRadius: 1;
24
- readonly backgroundColor: string;
24
+ readonly backgroundColor: "var(--ds-menu-seperator-color, var(--ds-border))";
25
25
  readonly position: "absolute";
26
26
  readonly zIndex: 1;
27
27
  };
@@ -36,7 +36,7 @@ export declare const outerContainerCSS: (opts: StyleOpts & {
36
36
  readonly right: number;
37
37
  readonly bottom: 0;
38
38
  readonly zIndex: 1;
39
- readonly backgroundColor: string;
39
+ readonly backgroundColor: "var(--ds-menu-seperator-color, var(--ds-border))";
40
40
  };
41
41
  };
42
42
  /**
@@ -54,7 +54,7 @@ export declare const innerContainerCSS: (opts: StyleOpts) => {
54
54
  readonly marginTop: "auto";
55
55
  readonly position: "relative";
56
56
  readonly zIndex: 2;
57
- readonly backgroundColor: string;
57
+ readonly backgroundColor: "var(--ds-menu-scroll-indicator-color, var(--ds-surface))";
58
58
  };
59
59
  readonly '&::before'?: {
60
60
  readonly borderRadius: 1;
@@ -62,11 +62,11 @@ export declare const innerContainerCSS: (opts: StyleOpts) => {
62
62
  readonly left: 0;
63
63
  readonly right: 0;
64
64
  readonly height: 2;
65
- readonly backgroundColor: string;
65
+ readonly backgroundColor: "var(--ds-menu-scroll-indicator-color, var(--ds-surface))";
66
66
  readonly position: "absolute";
67
67
  readonly display: "block";
68
68
  readonly zIndex: 2;
69
- };
69
+ } | undefined;
70
70
  readonly display: "flex";
71
71
  readonly overflow: "auto";
72
72
  readonly width: "100%";
package/dist/types/components/NestingItem/index.d.ts CHANGED
@@ -87,5 +87,5 @@ export interface NestingItemProps<TCustomComponentProps = CustomItemComponentPro
87
87
  * When not open - it will render itself as an item.
88
88
  * When open - it will render its children.
89
89
  */
90
- declare const NestingItem: <TCustomComponentProps extends CustomItemComponentProps>(props: NestingItemProps<TCustomComponentProps> & Pick<TCustomComponentProps, Exclude<keyof TCustomComponentProps, "ref" | "children" | "onClick" | "onMouseDown" | "className" | "data-testid" | "onDragStart" | "draggable" | "tabIndex" | "disabled">>) => JSX.Element;
90
+ declare const NestingItem: <TCustomComponentProps extends CustomItemComponentProps>(props: NestingItemProps<TCustomComponentProps> & Omit<TCustomComponentProps, keyof CustomItemComponentProps>) => JSX.Element;
91
91
  export default NestingItem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "1.2.5",
3
+ "version": "1.2.8",
4
4
  "description": "A highly composable side navigation component that supports nested views.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
28
28
  "@atlaskit/menu": "^1.3.0",
29
29
  "@atlaskit/motion": "^1.0.0",
30
30
  "@atlaskit/theme": "^12.1.0",
31
- "@atlaskit/tokens": "^0.7.0",
31
+ "@atlaskit/tokens": "^0.9.0",
32
32
  "@babel/runtime": "^7.0.0",
33
33
  "@emotion/core": "^10.0.9"
34
34
  },
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "devDependencies": {
39
39
  "@atlaskit/atlassian-navigation": "^2.1.0",
40
- "@atlaskit/button": "^16.2.0",
40
+ "@atlaskit/button": "^16.3.0",
41
41
  "@atlaskit/docs": "*",
42
42
  "@atlaskit/logo": "^13.5.0",
43
43
  "@atlaskit/onboarding": "^10.3.0",
@@ -54,7 +54,7 @@
54
54
  "jscodeshift": "^0.13.0",
55
55
  "raf-stub": "^2.0.1",
56
56
  "react-beautiful-dnd": "^12.1.1",
57
- "typescript": "3.9.6"
57
+ "typescript": "4.2.4"
58
58
  },
59
59
  "techstack": {
60
60
  "@atlassian/frontend": {