@atlaskit/navigation-system 2.8.0 → 2.9.0
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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/components/badge-container.js +1 -1
- package/dist/cjs/components/list-item.js +1 -1
- package/dist/cjs/components/list.js +1 -1
- package/dist/cjs/components/skip-links/skip-link.js +1 -1
- package/dist/cjs/components/skip-links/skip-links-container.js +1 -1
- package/dist/cjs/ui/menu-item/container-avatar.js +1 -1
- package/dist/cjs/ui/menu-item/drag-and-drop/drag-preview.js +1 -1
- package/dist/cjs/ui/menu-item/drag-and-drop/use-menu-item-drag-and-drop.js +1 -1
- package/dist/cjs/ui/menu-item/drag-handle.js +1 -1
- package/dist/cjs/ui/menu-item/expandable-menu-item/expandable-menu-item-content.js +1 -1
- package/dist/cjs/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.compiled.css +3 -5
- package/dist/cjs/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.js +1 -1
- package/dist/cjs/ui/menu-item/expandable-menu-item/expandable-menu-item.js +1 -1
- package/dist/cjs/ui/menu-item/flyout-menu-item/flyout-menu-item-content.js +1 -1
- package/dist/cjs/ui/menu-item/flyout-menu-item/flyout-menu-item-trigger.js +1 -1
- package/dist/cjs/ui/menu-item/link-menu-item.js +1 -1
- package/dist/cjs/ui/menu-item/menu-item.compiled.css +5 -10
- package/dist/cjs/ui/menu-item/menu-item.js +1 -1
- package/dist/cjs/ui/menu-item/top-level-spacer.js +1 -1
- package/dist/cjs/ui/menu-section/divider.compiled.css +1 -1
- package/dist/cjs/ui/menu-section/divider.js +5 -2
- package/dist/cjs/ui/menu-section/menu-section-heading.js +1 -1
- package/dist/cjs/ui/page-layout/aside.js +1 -1
- package/dist/cjs/ui/page-layout/banner.js +1 -1
- package/dist/cjs/ui/page-layout/main/main-sticky-header.js +1 -1
- package/dist/cjs/ui/page-layout/main/main.js +1 -1
- package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.compiled.css +3 -6
- package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/cjs/ui/page-layout/panel.compiled.css +0 -1
- package/dist/cjs/ui/page-layout/panel.js +6 -9
- package/dist/cjs/ui/page-layout/root.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav-content.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav-footer.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav-header.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/toggle-button.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav-end.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav-middle.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav-start.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav.js +1 -1
- package/dist/cjs/ui/top-nav-items/custom-title.js +1 -1
- package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js +1 -1
- package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
- package/dist/cjs/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
- package/dist/cjs/ui/top-nav-items/search.js +1 -1
- package/dist/cjs/ui/top-nav-items/themed/button.compiled.css +8 -18
- package/dist/cjs/ui/top-nav-items/themed/button.js +1 -1
- package/dist/es2019/components/badge-container.js +1 -1
- package/dist/es2019/components/list-item.js +1 -1
- package/dist/es2019/components/list.js +1 -1
- package/dist/es2019/components/skip-links/skip-link.js +1 -1
- package/dist/es2019/components/skip-links/skip-links-container.js +1 -1
- package/dist/es2019/ui/menu-item/container-avatar.js +1 -1
- package/dist/es2019/ui/menu-item/drag-and-drop/drag-preview.js +1 -1
- package/dist/es2019/ui/menu-item/drag-and-drop/use-menu-item-drag-and-drop.js +1 -1
- package/dist/es2019/ui/menu-item/drag-handle.js +1 -1
- package/dist/es2019/ui/menu-item/expandable-menu-item/expandable-menu-item-content.js +1 -1
- package/dist/es2019/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.compiled.css +3 -5
- package/dist/es2019/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.js +1 -1
- package/dist/es2019/ui/menu-item/expandable-menu-item/expandable-menu-item.js +1 -1
- package/dist/es2019/ui/menu-item/flyout-menu-item/flyout-menu-item-content.js +1 -1
- package/dist/es2019/ui/menu-item/flyout-menu-item/flyout-menu-item-trigger.js +1 -1
- package/dist/es2019/ui/menu-item/link-menu-item.js +1 -1
- package/dist/es2019/ui/menu-item/menu-item.compiled.css +5 -10
- package/dist/es2019/ui/menu-item/menu-item.js +1 -1
- package/dist/es2019/ui/menu-item/top-level-spacer.js +1 -1
- package/dist/es2019/ui/menu-section/divider.js +1 -1
- package/dist/es2019/ui/menu-section/menu-section-heading.js +1 -1
- package/dist/es2019/ui/page-layout/aside.js +1 -1
- package/dist/es2019/ui/page-layout/banner.js +1 -1
- package/dist/es2019/ui/page-layout/main/main-sticky-header.js +1 -1
- package/dist/es2019/ui/page-layout/main/main.js +1 -1
- package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.compiled.css +3 -6
- package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/es2019/ui/page-layout/panel.compiled.css +0 -1
- package/dist/es2019/ui/page-layout/panel.js +6 -9
- package/dist/es2019/ui/page-layout/root.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav-content.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav-footer.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav-header.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/toggle-button.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav-end.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav-middle.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav-start.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav.js +1 -1
- package/dist/es2019/ui/top-nav-items/custom-title.js +1 -1
- package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js +1 -1
- package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
- package/dist/es2019/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
- package/dist/es2019/ui/top-nav-items/search.js +1 -1
- package/dist/es2019/ui/top-nav-items/themed/button.compiled.css +8 -18
- package/dist/es2019/ui/top-nav-items/themed/button.js +1 -1
- package/dist/esm/components/badge-container.js +1 -1
- package/dist/esm/components/list-item.js +1 -1
- package/dist/esm/components/list.js +1 -1
- package/dist/esm/components/skip-links/skip-link.js +1 -1
- package/dist/esm/components/skip-links/skip-links-container.js +1 -1
- package/dist/esm/ui/menu-item/container-avatar.js +1 -1
- package/dist/esm/ui/menu-item/drag-and-drop/drag-preview.js +1 -1
- package/dist/esm/ui/menu-item/drag-and-drop/use-menu-item-drag-and-drop.js +1 -1
- package/dist/esm/ui/menu-item/drag-handle.js +1 -1
- package/dist/esm/ui/menu-item/expandable-menu-item/expandable-menu-item-content.js +1 -1
- package/dist/esm/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.compiled.css +3 -5
- package/dist/esm/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.js +1 -1
- package/dist/esm/ui/menu-item/expandable-menu-item/expandable-menu-item.js +1 -1
- package/dist/esm/ui/menu-item/flyout-menu-item/flyout-menu-item-content.js +1 -1
- package/dist/esm/ui/menu-item/flyout-menu-item/flyout-menu-item-trigger.js +1 -1
- package/dist/esm/ui/menu-item/link-menu-item.js +1 -1
- package/dist/esm/ui/menu-item/menu-item.compiled.css +5 -10
- package/dist/esm/ui/menu-item/menu-item.js +1 -1
- package/dist/esm/ui/menu-item/top-level-spacer.js +1 -1
- package/dist/esm/ui/menu-section/divider.compiled.css +1 -1
- package/dist/esm/ui/menu-section/divider.js +5 -2
- package/dist/esm/ui/menu-section/menu-section-heading.js +1 -1
- package/dist/esm/ui/page-layout/aside.js +1 -1
- package/dist/esm/ui/page-layout/banner.js +1 -1
- package/dist/esm/ui/page-layout/main/main-sticky-header.js +1 -1
- package/dist/esm/ui/page-layout/main/main.js +1 -1
- package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.compiled.css +3 -6
- package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/esm/ui/page-layout/panel.compiled.css +0 -1
- package/dist/esm/ui/page-layout/panel.js +6 -9
- package/dist/esm/ui/page-layout/root.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav-content.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav-footer.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav-header.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/toggle-button.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav-end.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav-middle.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav-start.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav.js +1 -1
- package/dist/esm/ui/top-nav-items/custom-title.js +1 -1
- package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js +1 -1
- package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
- package/dist/esm/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
- package/dist/esm/ui/top-nav-items/search.js +1 -1
- package/dist/esm/ui/top-nav-items/themed/button.compiled.css +8 -18
- package/dist/esm/ui/top-nav-items/themed/button.js +1 -1
- package/package.json +2 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlassian/navigation-system
|
|
2
2
|
|
|
3
|
+
## 2.9.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`d64bfbee2463f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d64bfbee2463f) -
|
|
8
|
+
Cleans up the `platform_design_system_nav4_panel_mobile_width_fix` feature gate. Mobile panel
|
|
9
|
+
sizes are now more consistent with their desktop sizes, when screen width permits.
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 2.8.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
package/dist/cjs/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.compiled.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
._12xsglyw:has(:focus-visible){--expandable-provided-elembefore-display:none}
|
|
1
|
+
._12xsglyw:has(:focus-visible), ._p8btglyw:hover{--expandable-provided-elembefore-display:none}
|
|
2
2
|
._165n1bgi{--expandable-provided-elembefore-display:contents}
|
|
3
3
|
._165nglyw{--expandable-provided-elembefore-display:none}
|
|
4
4
|
._1e0c1xb2{display:var(--expandable-provided-elembefore-display)}
|
|
@@ -6,9 +6,7 @@
|
|
|
6
6
|
._1hl9glyw:has([aria-expanded=true][aria-haspopup=true]){--expandable-provided-elembefore-display:none}
|
|
7
7
|
._1mmi1txw{--expandable-chevron-display:flex}
|
|
8
8
|
._1mmiglyw{--expandable-chevron-display:none}
|
|
9
|
-
._b31z1txw:has(:focus-visible){--expandable-chevron-display:flex}
|
|
9
|
+
._b31z1txw:has(:focus-visible), ._1vnl1txw:hover{--expandable-chevron-display:flex}
|
|
10
10
|
._syaz1qo3{color:var(--ds-icon-selected,#0c66e4)}
|
|
11
11
|
._v9u71txw:has([aria-expanded=true][aria-haspopup=true]){--expandable-chevron-display:flex}
|
|
12
|
-
[dir=rtl] ._1tz3r0mg{transform:scaleX(-1)}
|
|
13
|
-
._1vnl1txw:hover{--expandable-chevron-display:flex}
|
|
14
|
-
._p8btglyw:hover{--expandable-provided-elembefore-display:none}
|
|
12
|
+
[dir=rtl] ._1tz3r0mg{transform:scaleX(-1)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* expandable-menu-item-trigger.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* expandable-menu-item-trigger.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
2
|
._1r04ze3t{inset:var(--ds-space-0,0)}
|
|
4
3
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
@@ -93,23 +92,19 @@
|
|
|
93
92
|
._yv0e7dup{grid-template-columns:minmax(0,auto) 1fr minmax(0,auto) minmax(0,auto)}
|
|
94
93
|
._yv0enbh3{grid-template-columns:subgrid}
|
|
95
94
|
._12s918uv:focus-within{overflow-y:initial}
|
|
96
|
-
._1brr1txw:focus-within{--actions-on-hover-display:flex}
|
|
95
|
+
._1brr1txw:focus-within, ._109x1txw:hover{--actions-on-hover-display:flex}
|
|
97
96
|
._1guo18uv:focus-within{overflow-x:initial}
|
|
98
|
-
._1mfcglyw:focus-within{--elem-after-display:none}
|
|
99
|
-
._91nl1wug:focus-within{--actions-on-hover-width:auto}
|
|
100
|
-
._iy5o1b66:focus-within{--actions-on-hover-padding:var(--ds-space-050,4px)}
|
|
101
|
-
._t7p8kb7n:focus-within
|
|
97
|
+
._1mfcglyw:focus-within, ._1sjuglyw:hover{--elem-after-display:none}
|
|
98
|
+
._91nl1wug:focus-within, ._ynyi1wug:hover{--actions-on-hover-width:auto}
|
|
99
|
+
._iy5o1b66:focus-within, ._v4o21b66:hover{--actions-on-hover-padding:var(--ds-space-050,4px)}
|
|
100
|
+
._t7p8kb7n:focus-within, ._g4kikb7n:hover{--actions-on-hover-opacity:1}
|
|
102
101
|
._11om6b4r:hover{animation-name:k1xyysw3}
|
|
103
|
-
._1sjuglyw:hover{--elem-after-display:none}
|
|
104
102
|
._1uy01amc:hover{animation-delay:.8s}
|
|
105
103
|
._30l3aqb7:hover{color:var(--ds-text-selected,#0c66e4)}
|
|
106
104
|
._7psyru3m:hover{animation-duration:0s}
|
|
107
105
|
._bir2q7pw:hover{animation-fill-mode:forwards}
|
|
108
|
-
._g4kikb7n:hover{--actions-on-hover-opacity:1}
|
|
109
106
|
._irr3108i:hover{background-color:var(--ds-surface-hovered,#f1f2f4)}
|
|
110
107
|
._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
|
|
111
108
|
._irr3n7od:hover{background-color:unset}
|
|
112
|
-
._v4o21b66:hover{--actions-on-hover-padding:var(--ds-space-050,4px)}
|
|
113
109
|
._x0kw1txw:hover{--drag-handle-display:flex}
|
|
114
|
-
._ynyi1wug:hover{--actions-on-hover-width:auto}
|
|
115
110
|
@keyframes k1xyysw3{to{cursor:grab}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* divider.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* divider.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -27,6 +27,9 @@ var Divider = exports.Divider = function Divider() {
|
|
|
27
27
|
* but it probably isn't necessary.
|
|
28
28
|
*/
|
|
29
29
|
role: "none",
|
|
30
|
-
className: (0, _runtime.ax)(["_h7alglyw _179rglyw
|
|
30
|
+
className: (0, _runtime.ax)(["_h7alglyw _179rglyw _mqm2pp12 _1bsb1osq"]),
|
|
31
|
+
style: {
|
|
32
|
+
"--_18x9sjc": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, #091E4224)"))
|
|
33
|
+
}
|
|
31
34
|
});
|
|
32
35
|
};
|
|
@@ -24,15 +24,12 @@
|
|
|
24
24
|
._syaz1kw7{color:inherit}
|
|
25
25
|
._u7coidpf{inset-block-end:0}
|
|
26
26
|
._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
|
|
27
|
-
._1cg4fnf5:focus-within{transition-duration:.2s}
|
|
28
|
-
._1dr21ylx:focus-within{transition-property:color}
|
|
29
|
-
._vp7gaqb7:focus-within{color:var(--ds-text-selected,#0c66e4)}
|
|
27
|
+
._1cg4fnf5:focus-within, ._le1bfnf5:hover{transition-duration:.2s}
|
|
28
|
+
._1dr21ylx:focus-within, ._1s5z1ylx:hover{transition-property:color}
|
|
29
|
+
._vp7gaqb7:focus-within, ._30l3aqb7:hover{color:var(--ds-text-selected,#0c66e4)}
|
|
30
30
|
._1gavfnf5:hover{transition-delay:.2s}
|
|
31
|
-
._1s5z1ylx:hover{transition-property:color}
|
|
32
|
-
._30l3aqb7:hover{color:var(--ds-text-selected,#0c66e4)}
|
|
33
31
|
._d0al11mm:hover{cursor:col-resize}
|
|
34
32
|
._d0aluf7j:hover{cursor:ew-resize}
|
|
35
|
-
._le1bfnf5:hover{transition-duration:.2s}
|
|
36
33
|
._1gglglyw:active{transition:none}
|
|
37
34
|
._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
|
|
38
35
|
@media (min-width:48rem){._181n1ule{display:block}}
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
|
|
5
5
|
._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
|
|
6
6
|
._18m91wug{overflow-y:auto}
|
|
7
|
-
._1bsb1adv{width:min(90%,365px)}
|
|
8
7
|
._1bsb1dxx{width:min(90%,var(--minWidth))}
|
|
9
8
|
._1e0cglyw{display:none}
|
|
10
9
|
._1pbykb7n{z-index:1}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* panel.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* panel.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -13,7 +13,6 @@ var React = _react;
|
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
16
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
16
|
var _responsive = require("@atlaskit/primitives/responsive");
|
|
18
17
|
var _skipLinksContext = require("../../context/skip-links/skip-links-context");
|
|
19
18
|
var _constants = require("./constants");
|
|
@@ -26,6 +25,7 @@ var _useResizingWidthCssVarOnRootElement = require("./use-resizing-width-css-var
|
|
|
26
25
|
var _useSafeDefaultWidth = require("./use-safe-default-width");
|
|
27
26
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
28
27
|
var panelSplitterResizingVar = '--n_pnlRsz';
|
|
28
|
+
var fallbackDefaultWidth = 365;
|
|
29
29
|
|
|
30
30
|
/**
|
|
31
31
|
* We typically use the `defaultWidth` as the minimum resizing width,
|
|
@@ -35,14 +35,11 @@ var panelSplitterResizingVar = '--n_pnlRsz';
|
|
|
35
35
|
*/
|
|
36
36
|
var fallbackResizeMinWidth = 400;
|
|
37
37
|
var styles = {
|
|
38
|
-
root: "_nd5l1b6c _10fph9n0 _vchhusvi _1pbykb7n _4t3ieqxy _kqsw1if8 _152timx3 _bfhk1bhr _14b54rrg _4ap3vuon _1dhy1c6w _9sns1wug",
|
|
38
|
+
root: "_nd5l1b6c _10fph9n0 _vchhusvi _1pbykb7n _4t3ieqxy _kqsw1if8 _152timx3 _bfhk1bhr _1bsb1dxx _14b54rrg _4ap3vuon _1dhy1c6w _9sns1wug",
|
|
39
39
|
border: "_191wglyw _16qs1cd0 _1w6ezgxb _scbpglyw",
|
|
40
40
|
scrollContainer: "_1reo1wug _18m91wug _4t3i1osq",
|
|
41
|
-
hidden: "_1e0cglyw"
|
|
42
|
-
oldMobileWidth: "_1bsb1adv",
|
|
43
|
-
newMobileWidth: "_1bsb1dxx"
|
|
41
|
+
hidden: "_1e0cglyw"
|
|
44
42
|
};
|
|
45
|
-
var fallbackDefaultWidth = 365;
|
|
46
43
|
|
|
47
44
|
/**
|
|
48
45
|
* The Panel layout area is rendered to the right (inline end) of the Main area, or the Aside area if it is present.
|
|
@@ -152,8 +149,8 @@ function Panel(_ref) {
|
|
|
152
149
|
id: id,
|
|
153
150
|
"data-layout-slot": true,
|
|
154
151
|
"aria-label": label,
|
|
155
|
-
className: (0, _runtime.ax)([styles.root, defaultWidth === 0 && styles.hidden, hasBorder && styles.border,
|
|
156
|
-
style: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.panelVar, panelVariableWidth), '--minWidth',
|
|
152
|
+
className: (0, _runtime.ax)([styles.root, defaultWidth === 0 && styles.hidden, hasBorder && styles.border, xcss]),
|
|
153
|
+
style: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.panelVar, panelVariableWidth), '--minWidth', "".concat(minWidth, "px")),
|
|
157
154
|
"data-testid": testId,
|
|
158
155
|
ref: ref
|
|
159
156
|
}, dangerouslyHoistSlotSizes &&
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
2
|
._11q71c9b{background:var(--ds-top-bar-button-disabled-background)}
|
|
4
3
|
._11q71qds{background:var(--ds-top-bar-button-selected-background)}
|
|
@@ -33,36 +32,27 @@
|
|
|
33
32
|
._syaz1i3i{color:var(--ds-top-bar-button-disabled-text)}
|
|
34
33
|
._syaz1r31{color:currentColor}
|
|
35
34
|
._syazw5ct{color:var(--ds-top-bar-button-selected-text)}
|
|
36
|
-
._vwz4idpf{line-height:0}
|
|
37
|
-
.
|
|
38
|
-
.
|
|
39
|
-
.
|
|
40
|
-
.
|
|
41
|
-
._4fprglyw:focus{text-decoration-line:none}
|
|
42
|
-
._5goinqa1:focus{text-decoration-style:solid}
|
|
43
|
-
._f8pj15o7:focus{color:var(--ds-top-bar-button-primary-text)}
|
|
44
|
-
._f8pj1i3i:focus{color:var(--ds-top-bar-button-disabled-text)}
|
|
45
|
-
._f8pj1r31:focus{color:currentColor}
|
|
46
|
-
._f8pjw5ct:focus{color:var(--ds-top-bar-button-selected-text)}
|
|
35
|
+
._vwz4idpf{line-height:0}
|
|
36
|
+
._f8pj15o7:focus, ._105315o7:visited{color:var(--ds-top-bar-button-primary-text)}
|
|
37
|
+
._f8pj1i3i:focus, ._10531i3i:visited{color:var(--ds-top-bar-button-disabled-text)}
|
|
38
|
+
._f8pj1r31:focus, ._10531r31:visited{color:currentColor}
|
|
39
|
+
._f8pjw5ct:focus, ._1053w5ct:visited{color:var(--ds-top-bar-button-selected-text)}
|
|
47
40
|
._19lc1c9b:hover{background:var(--ds-top-bar-button-disabled-background)}
|
|
48
41
|
._19lc1rps:hover{background:var(--ds-top-bar-button-background-hovered)}
|
|
49
42
|
._19lcjrv1:hover{background:var(--ds-top-bar-button-selected-background-hovered)}
|
|
50
43
|
._19lcp6hf:hover{background:var(--ds-top-bar-button-primary-background-hovered)}
|
|
51
|
-
._1bnxglyw:hover{text-decoration-line:none}
|
|
52
44
|
._30l315o7:hover{color:var(--ds-top-bar-button-primary-text)}
|
|
53
45
|
._30l31i3i:hover{color:var(--ds-top-bar-button-disabled-text)}
|
|
54
46
|
._30l31r31:hover{color:currentColor}
|
|
55
47
|
._30l3w5ct:hover{color:var(--ds-top-bar-button-selected-text)}
|
|
56
|
-
._9oik1r31:hover{text-decoration-color:currentColor}
|
|
57
|
-
._jf4cnqa1:hover{text-decoration-style:solid}
|
|
58
48
|
._j6xt1c9b:active{background:var(--ds-top-bar-button-disabled-background)}
|
|
59
49
|
._j6xt5sko:active{background:var(--ds-top-bar-button-primary-background-pressed)}
|
|
60
50
|
._j6xtnh62:active{background:var(--ds-top-bar-button-selected-background-pressed)}
|
|
61
51
|
._j6xtqtgh:active{background:var(--ds-top-bar-button-background-pressed)}
|
|
62
|
-
._1iohnqa1:active{text-decoration-style:solid}
|
|
63
|
-
._1nrm1r31:active{text-decoration-color:currentColor}
|
|
52
|
+
._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover{text-decoration-style:solid}
|
|
53
|
+
._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover{text-decoration-color:currentColor}
|
|
64
54
|
._9h8h15o7:active{color:var(--ds-top-bar-button-primary-text)}
|
|
65
55
|
._9h8h1i3i:active{color:var(--ds-top-bar-button-disabled-text)}
|
|
66
56
|
._9h8h1r31:active{color:currentColor}
|
|
67
57
|
._9h8hw5ct:active{color:var(--ds-top-bar-button-selected-text)}
|
|
68
|
-
._c2waglyw:active{text-decoration-line:none}
|
|
58
|
+
._c2waglyw:active, ._4fprglyw:focus, ._1bnxglyw:hover{text-decoration-line:none}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* skip-links-container.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* skip-links-container.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
import "./skip-links-container.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* container-avatar.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* container-avatar.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
import "./container-avatar.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* use-menu-item-drag-and-drop.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* use-menu-item-drag-and-drop.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* expandable-menu-item-content.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* expandable-menu-item-content.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
import "./expandable-menu-item-content.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
package/dist/es2019/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.compiled.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
._12xsglyw:has(:focus-visible){--expandable-provided-elembefore-display:none}
|
|
1
|
+
._12xsglyw:has(:focus-visible), ._p8btglyw:hover{--expandable-provided-elembefore-display:none}
|
|
2
2
|
._165n1bgi{--expandable-provided-elembefore-display:contents}
|
|
3
3
|
._165nglyw{--expandable-provided-elembefore-display:none}
|
|
4
4
|
._1e0c1xb2{display:var(--expandable-provided-elembefore-display)}
|
|
@@ -6,9 +6,7 @@
|
|
|
6
6
|
._1hl9glyw:has([aria-expanded=true][aria-haspopup=true]){--expandable-provided-elembefore-display:none}
|
|
7
7
|
._1mmi1txw{--expandable-chevron-display:flex}
|
|
8
8
|
._1mmiglyw{--expandable-chevron-display:none}
|
|
9
|
-
._b31z1txw:has(:focus-visible){--expandable-chevron-display:flex}
|
|
9
|
+
._b31z1txw:has(:focus-visible), ._1vnl1txw:hover{--expandable-chevron-display:flex}
|
|
10
10
|
._syaz1qo3{color:var(--ds-icon-selected,#0c66e4)}
|
|
11
11
|
._v9u71txw:has([aria-expanded=true][aria-haspopup=true]){--expandable-chevron-display:flex}
|
|
12
|
-
[dir=rtl] ._1tz3r0mg{transform:scaleX(-1)}
|
|
13
|
-
._1vnl1txw:hover{--expandable-chevron-display:flex}
|
|
14
|
-
._p8btglyw:hover{--expandable-provided-elembefore-display:none}
|
|
12
|
+
[dir=rtl] ._1tz3r0mg{transform:scaleX(-1)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* expandable-menu-item-trigger.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* expandable-menu-item-trigger.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./expandable-menu-item-trigger.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|