@atlaskit/navigation-system 10.16.9 → 10.16.11

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 (8) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.compiled.css +3 -0
  3. package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js +2 -1
  4. package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.compiled.css +3 -0
  5. package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.js +2 -1
  6. package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.compiled.css +3 -0
  7. package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js +2 -1
  8. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 10.16.11
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 10.16.10
10
+
11
+ ### Patch Changes
12
+
13
+ - [`e890c4bb5e772`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e890c4bb5e772) -
14
+ Updated panel splitter interaction colors to use semantic border tokens behind the
15
+ `platform-dst-tokens-finesse` feature gate.
16
+ - Updated dependencies
17
+
3
18
  ## 10.16.9
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.compiled.css CHANGED
@@ -27,10 +27,13 @@
27
27
  ._syaz1kw7{color:inherit}
28
28
  ._u7coidpf{inset-block-end:0}
29
29
  ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
30
+ ._vp7g1ihb:focus-within{color:var(--ds-border-bold,#7d818a)}
30
31
  ._vp7g6x5g:focus-within{color:var(--ds-text-selected,#1868db)}
32
+ ._30l31ihb:hover{color:var(--ds-border-bold,#7d818a)}
31
33
  ._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}
32
34
  ._d0al11mm:hover{cursor:col-resize}
33
35
  ._d0aluf7j:hover{cursor:ew-resize}
34
36
  ._1gglglyw:active{transition:none}
35
37
  ._9h8h12zz:active{color:var(--ds-link-pressed,#1558bc)}
38
+ ._9h8hq98m:active{color:var(--ds-border-selected,#1868db)}
36
39
  @media (min-width:48rem){._181n1ule{display:block}}
package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js CHANGED
@@ -55,6 +55,7 @@ var containerStyles = {
55
55
  };
56
56
  var grabAreaStyles = {
57
57
  root: "_1bsbl52n _4t3i1osq _kqswstnw _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _syaz1j28 _bfhk1j28 _1oec6ebc _1lww188d _6fl41ytf _k8m01ylx _d0aluf7j _vp7g6x5g _30l36x5g _1gglglyw _9h8h12zz",
58
+ rootFinesse: "_vp7g1ihb _30l31ihb _9h8hq98m",
58
59
  fullHeightSidebar: "_d0al11mm"
59
60
  };
60
61
  var lineStyles = {
@@ -405,7 +406,7 @@ var PortaledPanelSplitter = function PortaledPanelSplitter(_ref3) {
405
406
  ref: splitterRef,
406
407
  "data-testid": testId,
407
408
  onDoubleClick: onDoubleClick,
408
- className: (0, _runtime.ax)([grabAreaStyles.root, isFhsEnabled && grabAreaStyles.fullHeightSidebar])
409
+ className: (0, _runtime.ax)([grabAreaStyles.root, (0, _fg.fg)('platform-dst-tokens-finesse') && grabAreaStyles.rootFinesse, isFhsEnabled && grabAreaStyles.fullHeightSidebar])
409
410
  }, /*#__PURE__*/React.createElement(_visuallyHidden.default, null, /*#__PURE__*/React.createElement("input", {
410
411
  type: "range",
411
412
  value: rangeInputValue,
package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.compiled.css CHANGED
@@ -27,10 +27,13 @@
27
27
  ._syaz1kw7{color:inherit}
28
28
  ._u7coidpf{inset-block-end:0}
29
29
  ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
30
+ ._vp7g1ihb:focus-within{color:var(--ds-border-bold,#7d818a)}
30
31
  ._vp7g6x5g:focus-within{color:var(--ds-text-selected,#1868db)}
32
+ ._30l31ihb:hover{color:var(--ds-border-bold,#7d818a)}
31
33
  ._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}
32
34
  ._d0al11mm:hover{cursor:col-resize}
33
35
  ._d0aluf7j:hover{cursor:ew-resize}
34
36
  ._1gglglyw:active{transition:none}
35
37
  ._9h8h12zz:active{color:var(--ds-link-pressed,#1558bc)}
38
+ ._9h8hq98m:active{color:var(--ds-border-selected,#1868db)}
36
39
  @media (min-width:48rem){._181n1ule{display:block}}
package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.js CHANGED
@@ -43,6 +43,7 @@ const containerStyles = {
43
43
  };
44
44
  const grabAreaStyles = {
45
45
  root: "_1bsbl52n _4t3i1osq _kqswstnw _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _syaz1j28 _bfhk1j28 _1oec6ebc _1lww188d _6fl41ytf _k8m01ylx _d0aluf7j _vp7g6x5g _30l36x5g _1gglglyw _9h8h12zz",
46
+ rootFinesse: "_vp7g1ihb _30l31ihb _9h8hq98m",
46
47
  fullHeightSidebar: "_d0al11mm"
47
48
  };
48
49
  const lineStyles = {
@@ -382,7 +383,7 @@ const PortaledPanelSplitter = ({
382
383
  ref: splitterRef,
383
384
  "data-testid": testId,
384
385
  onDoubleClick: onDoubleClick,
385
- className: ax([grabAreaStyles.root, isFhsEnabled && grabAreaStyles.fullHeightSidebar])
386
+ className: ax([grabAreaStyles.root, fg('platform-dst-tokens-finesse') && grabAreaStyles.rootFinesse, isFhsEnabled && grabAreaStyles.fullHeightSidebar])
386
387
  }, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", {
387
388
  type: "range",
388
389
  value: rangeInputValue,
package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.compiled.css CHANGED
@@ -27,10 +27,13 @@
27
27
  ._syaz1kw7{color:inherit}
28
28
  ._u7coidpf{inset-block-end:0}
29
29
  ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
30
+ ._vp7g1ihb:focus-within{color:var(--ds-border-bold,#7d818a)}
30
31
  ._vp7g6x5g:focus-within{color:var(--ds-text-selected,#1868db)}
32
+ ._30l31ihb:hover{color:var(--ds-border-bold,#7d818a)}
31
33
  ._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}
32
34
  ._d0al11mm:hover{cursor:col-resize}
33
35
  ._d0aluf7j:hover{cursor:ew-resize}
34
36
  ._1gglglyw:active{transition:none}
35
37
  ._9h8h12zz:active{color:var(--ds-link-pressed,#1558bc)}
38
+ ._9h8hq98m:active{color:var(--ds-border-selected,#1868db)}
36
39
  @media (min-width:48rem){._181n1ule{display:block}}
package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js CHANGED
@@ -46,6 +46,7 @@ var containerStyles = {
46
46
  };
47
47
  var grabAreaStyles = {
48
48
  root: "_1bsbl52n _4t3i1osq _kqswstnw _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _syaz1j28 _bfhk1j28 _1oec6ebc _1lww188d _6fl41ytf _k8m01ylx _d0aluf7j _vp7g6x5g _30l36x5g _1gglglyw _9h8h12zz",
49
+ rootFinesse: "_vp7g1ihb _30l31ihb _9h8hq98m",
49
50
  fullHeightSidebar: "_d0al11mm"
50
51
  };
51
52
  var lineStyles = {
@@ -396,7 +397,7 @@ var PortaledPanelSplitter = function PortaledPanelSplitter(_ref3) {
396
397
  ref: splitterRef,
397
398
  "data-testid": testId,
398
399
  onDoubleClick: onDoubleClick,
399
- className: ax([grabAreaStyles.root, isFhsEnabled && grabAreaStyles.fullHeightSidebar])
400
+ className: ax([grabAreaStyles.root, fg('platform-dst-tokens-finesse') && grabAreaStyles.rootFinesse, isFhsEnabled && grabAreaStyles.fullHeightSidebar])
400
401
  }, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", {
401
402
  type: "range",
402
403
  value: rangeInputValue,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "10.16.9",
3
+ "version": "10.16.11",
4
4
  "description": "The latest navigation system for Atlassian apps.",
5
5
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
6
6
  "author": "Atlassian Pty Ltd",
@@ -54,12 +54,12 @@
54
54
  },
55
55
  "dependencies": {
56
56
  "@atlaskit/analytics-next": "^12.5.0",
57
- "@atlaskit/app-provider": "^5.5.0",
57
+ "@atlaskit/app-provider": "^6.0.0",
58
58
  "@atlaskit/avatar": "^28.0.0",
59
59
  "@atlaskit/button": "^25.3.0",
60
60
  "@atlaskit/css": "^1.1.0",
61
61
  "@atlaskit/ds-lib": "^8.0.0",
62
- "@atlaskit/icon": "^37.6.0",
62
+ "@atlaskit/icon": "^37.7.0",
63
63
  "@atlaskit/layering": "^5.2.0",
64
64
  "@atlaskit/logo": "^23.0.0",
65
65
  "@atlaskit/motion": "^8.6.0",
@@ -70,7 +70,7 @@
70
70
  "@atlaskit/primitives": "^22.5.0",
71
71
  "@atlaskit/react-compiler-gating": "^0.2.0",
72
72
  "@atlaskit/side-nav-items": "^2.4.0",
73
- "@atlaskit/tokens": "^16.12.0",
73
+ "@atlaskit/tokens": "^17.0.0",
74
74
  "@atlaskit/tooltip": "^24.3.0",
75
75
  "@atlaskit/visually-hidden": "^4.4.0",
76
76
  "@babel/runtime": "^7.0.0",
@@ -112,10 +112,10 @@
112
112
  "@atlaskit/tabs": "^21.2.0",
113
113
  "@atlaskit/tag": "^15.8.0",
114
114
  "@atlaskit/textfield": "^10.2.0",
115
- "@atlaskit/top-layer": "^4.4.0",
115
+ "@atlaskit/top-layer": "^5.0.0",
116
116
  "@atlassian/feature-flags-test-utils": "^1.3.0",
117
117
  "@atlassian/gemini": "^1.53.0",
118
- "@atlassian/search-dialog": "^10.15.0",
118
+ "@atlassian/search-dialog": "^10.16.0",
119
119
  "@atlassian/ssr-tests": "workspace:^",
120
120
  "@atlassian/test-utils": "^1.1.0",
121
121
  "@atlassian/testing-library": "^0.11.0",
@@ -125,6 +125,9 @@
125
125
  "react-dom": "^18.2.0"
126
126
  },
127
127
  "platform-feature-flags": {
128
+ "platform-dst-tokens-finesse": {
129
+ "type": "boolean"
130
+ },
128
131
  "platform-dst-main-print-styles": {
129
132
  "type": "boolean"
130
133
  },
@@ -162,9 +165,6 @@
162
165
  "type": "boolean",
163
166
  "referenceOnly": true
164
167
  },
165
- "platform-dst-tokens-finesse": {
166
- "type": "boolean"
167
- },
168
168
  "platform_dst_ads_appswitcher_improvements": {
169
169
  "type": "boolean",
170
170
  "referenceOnly": true