@atlaskit/navigation-system 5.3.1 → 5.3.2
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 +6 -0
- package/dist/cjs/components/skip-links/skip-links-container.compiled.css +1 -1
- package/dist/cjs/components/skip-links/skip-links-container.js +1 -1
- package/dist/cjs/ui/menu-item/drag-and-drop/drag-preview.compiled.css +1 -1
- package/dist/cjs/ui/menu-item/drag-and-drop/drag-preview.js +1 -1
- package/dist/cjs/ui/menu-item/drag-handle.compiled.css +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-trigger.compiled.css +1 -1
- package/dist/cjs/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.js +2 -2
- package/dist/cjs/ui/menu-item/flyout-menu-item/flyout-menu-item-trigger.js +1 -1
- package/dist/cjs/ui/menu-item/menu-item.compiled.css +14 -14
- package/dist/cjs/ui/menu-item/menu-item.js +6 -6
- package/dist/cjs/ui/menu-section/divider.compiled.css +1 -1
- package/dist/cjs/ui/menu-section/divider.js +1 -1
- package/dist/cjs/ui/menu-section/menu-section-heading.compiled.css +1 -1
- package/dist/cjs/ui/menu-section/menu-section-heading.js +1 -1
- package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.compiled.css +3 -3
- package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/cjs/ui/page-layout/panel.compiled.css +2 -2
- package/dist/cjs/ui/page-layout/panel.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav-content.compiled.css +2 -2
- 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.compiled.css +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.compiled.css +2 -2
- package/dist/cjs/ui/page-layout/side-nav/side-nav.js +3 -3
- package/dist/cjs/ui/page-layout/top-nav/top-nav.compiled.css +2 -2
- package/dist/cjs/ui/page-layout/top-nav/top-nav.js +2 -2
- package/dist/cjs/ui/top-nav-items/custom-title.compiled.css +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.compiled.css +2 -2
- 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.compiled.css +2 -2
- package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
- package/dist/cjs/ui/top-nav-items/search.compiled.css +1 -1
- package/dist/cjs/ui/top-nav-items/search.js +3 -3
- package/dist/cjs/ui/top-nav-items/themed/search.js +1 -1
- package/dist/es2019/components/skip-links/skip-links-container.compiled.css +1 -1
- package/dist/es2019/components/skip-links/skip-links-container.js +1 -1
- package/dist/es2019/ui/menu-item/drag-and-drop/drag-preview.compiled.css +1 -1
- package/dist/es2019/ui/menu-item/drag-and-drop/drag-preview.js +1 -1
- package/dist/es2019/ui/menu-item/drag-handle.compiled.css +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-trigger.compiled.css +1 -1
- package/dist/es2019/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.js +2 -2
- package/dist/es2019/ui/menu-item/flyout-menu-item/flyout-menu-item-trigger.js +1 -1
- package/dist/es2019/ui/menu-item/menu-item.compiled.css +14 -14
- package/dist/es2019/ui/menu-item/menu-item.js +6 -6
- package/dist/es2019/ui/menu-section/divider.compiled.css +1 -1
- package/dist/es2019/ui/menu-section/divider.js +1 -1
- package/dist/es2019/ui/menu-section/menu-section-heading.compiled.css +1 -1
- package/dist/es2019/ui/menu-section/menu-section-heading.js +1 -1
- package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.compiled.css +3 -3
- package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/es2019/ui/page-layout/panel.compiled.css +2 -2
- package/dist/es2019/ui/page-layout/panel.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav-content.compiled.css +2 -2
- 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.compiled.css +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.compiled.css +2 -2
- package/dist/es2019/ui/page-layout/side-nav/side-nav.js +3 -3
- package/dist/es2019/ui/page-layout/top-nav/top-nav.compiled.css +2 -2
- package/dist/es2019/ui/page-layout/top-nav/top-nav.js +2 -2
- package/dist/es2019/ui/top-nav-items/custom-title.compiled.css +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.compiled.css +2 -2
- 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.compiled.css +2 -2
- package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
- package/dist/es2019/ui/top-nav-items/search.compiled.css +1 -1
- package/dist/es2019/ui/top-nav-items/search.js +3 -3
- package/dist/es2019/ui/top-nav-items/themed/search.js +1 -1
- package/dist/esm/components/skip-links/skip-links-container.compiled.css +1 -1
- package/dist/esm/components/skip-links/skip-links-container.js +1 -1
- package/dist/esm/ui/menu-item/drag-and-drop/drag-preview.compiled.css +1 -1
- package/dist/esm/ui/menu-item/drag-and-drop/drag-preview.js +1 -1
- package/dist/esm/ui/menu-item/drag-handle.compiled.css +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-trigger.compiled.css +1 -1
- package/dist/esm/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.js +2 -2
- package/dist/esm/ui/menu-item/flyout-menu-item/flyout-menu-item-trigger.js +1 -1
- package/dist/esm/ui/menu-item/menu-item.compiled.css +14 -14
- package/dist/esm/ui/menu-item/menu-item.js +6 -6
- package/dist/esm/ui/menu-section/divider.compiled.css +1 -1
- package/dist/esm/ui/menu-section/divider.js +1 -1
- package/dist/esm/ui/menu-section/menu-section-heading.compiled.css +1 -1
- package/dist/esm/ui/menu-section/menu-section-heading.js +1 -1
- package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.compiled.css +3 -3
- package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/esm/ui/page-layout/panel.compiled.css +2 -2
- package/dist/esm/ui/page-layout/panel.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav-content.compiled.css +2 -2
- 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.compiled.css +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.compiled.css +2 -2
- package/dist/esm/ui/page-layout/side-nav/side-nav.js +3 -3
- package/dist/esm/ui/page-layout/top-nav/top-nav.compiled.css +2 -2
- package/dist/esm/ui/page-layout/top-nav/top-nav.js +2 -2
- package/dist/esm/ui/top-nav-items/custom-title.compiled.css +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.compiled.css +2 -2
- 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.compiled.css +2 -2
- package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
- package/dist/esm/ui/top-nav-items/search.compiled.css +1 -1
- package/dist/esm/ui/top-nav-items/search.js +3 -3
- package/dist/esm/ui/top-nav-items/themed/search.js +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
._zulp1b66{gap:var(--ds-space-050,4px)}
|
|
4
4
|
._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
|
|
5
5
|
._1rjcutpp{padding-block:var(--ds-space-150,9pt)}._152tv47k{inset-block-start:var(--ds-space-250,20px)}
|
|
6
|
-
.
|
|
6
|
+
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
7
7
|
._1e02v47k{inset-inline-start:var(--ds-space-250,20px)}
|
|
8
8
|
._1e0c1txw{display:flex}
|
|
9
9
|
._1pby1mrw{z-index:-1}
|
|
@@ -19,7 +19,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
19
19
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
20
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
21
|
var styles = {
|
|
22
|
-
root: "_zulp1b66 _2rko12b0 _1rjcutpp _18zrutpp _1e0c1txw _2lx21bp4 _kqsw1n9t _1e02v47k _152tv47k _bfhk1bhr
|
|
22
|
+
root: "_zulp1b66 _2rko12b0 _1rjcutpp _18zrutpp _1e0c1txw _2lx21bp4 _kqsw1n9t _1e02v47k _152tv47k _bfhk1bhr _16qs130s _1pby1mrw _tzy4idpf _lcxvglyw _1digjh3g _1mygkb7n _18eu1wug",
|
|
23
23
|
skipLinkList: "_zulp1b66 _1e0c1txw _2lx21bp4 _1x8w11lx _2mzuglyw _1pfhze3t _bozgze3t"
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
|
|
3
3
|
._1dqonqa1{border-style:solid}
|
|
4
|
-
.
|
|
4
|
+
._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
|
|
5
5
|
._1ul9uuw1{min-width:200px}
|
|
6
6
|
._bfhkvuon{background-color:var(--ds-surface,#fff)}
|
|
7
7
|
._p12fgx0z{max-width:260px}
|
|
@@ -26,7 +26,7 @@ function isSafari() {
|
|
|
26
26
|
return userAgent.includes('AppleWebKit') && !userAgent.includes('Chrome');
|
|
27
27
|
}
|
|
28
28
|
var dragPreviewStyles = {
|
|
29
|
-
root: "_2rko12b0 _189ee4h9
|
|
29
|
+
root: "_2rko12b0 _189ee4h9 _1h6d1l7x _1dqonqa1 _bfhkvuon _y4ti1b66 _p12fgx0z",
|
|
30
30
|
safariFix: "_1ul9uuw1"
|
|
31
31
|
};
|
|
32
32
|
|
|
@@ -13,7 +13,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
13
13
|
var _dragHandleVertical = _interopRequireDefault(require("@atlaskit/icon/core/drag-handle-vertical"));
|
|
14
14
|
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); }
|
|
15
15
|
var styles = {
|
|
16
|
-
root: "
|
|
16
|
+
root: "_syazazsu _1e0c1i3c _2lx21bp4 _1bah1h6o _kqswstnw _154iidpf _94n5idpf _1e02idpf _ahbqxmi2"
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
// Using default export to play well with React.lazy
|
package/dist/cjs/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.compiled.css
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
._1mmi1txw{--expandable-chevron-display:flex}
|
|
8
8
|
._1mmiglyw{--expandable-chevron-display:none}
|
|
9
9
|
._b31z1txw:has(:focus-visible){--expandable-chevron-display:flex}
|
|
10
|
-
.
|
|
10
|
+
._syazxl6c{color:var(--ds-icon-selected,#1868db)}
|
|
11
11
|
._v9u71txw:has([aria-expanded=true][aria-haspopup=true]){--expandable-chevron-display:flex}
|
|
12
12
|
[dir=rtl] ._1tz3r0mg{transform:scaleX(-1)}
|
|
13
13
|
._1vnl1txw:hover{--expandable-chevron-display:flex}
|
|
@@ -28,7 +28,7 @@ var wrapperStyles = {
|
|
|
28
28
|
var iconStyles = {
|
|
29
29
|
chevron: "_1e0ciw0t _1tz3r0mg",
|
|
30
30
|
providedElemBefore: "_1e0c1xb2",
|
|
31
|
-
providedElemBeforeSelected: "
|
|
31
|
+
providedElemBeforeSelected: "_syazxl6c"
|
|
32
32
|
};
|
|
33
33
|
var ExpandableMenuItemIcon = function ExpandableMenuItemIcon(_ref) {
|
|
34
34
|
var iconProps = _ref.iconProps,
|
|
@@ -38,7 +38,7 @@ var ExpandableMenuItemIcon = function ExpandableMenuItemIcon(_ref) {
|
|
|
38
38
|
var ChevronIcon = isExpanded ? _chevronDown.default : _chevronRight.default;
|
|
39
39
|
var chevronElem = /*#__PURE__*/_react.default.createElement(ChevronIcon, (0, _extends2.default)({}, iconProps, {
|
|
40
40
|
label: "",
|
|
41
|
-
color: isSelected ? "var(--ds-icon-selected, #
|
|
41
|
+
color: isSelected ? "var(--ds-icon-selected, #1868DB)" : undefined,
|
|
42
42
|
size: "small"
|
|
43
43
|
}));
|
|
44
44
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -51,7 +51,7 @@ var FlyoutMenuItemTrigger = exports.FlyoutMenuItemTrigger = /*#__PURE__*/(0, _re
|
|
|
51
51
|
className: (0, _runtime.ax)([elemAfterStyles.root])
|
|
52
52
|
}, /*#__PURE__*/React.createElement(_chevronRight.default, {
|
|
53
53
|
label: "",
|
|
54
|
-
color: (0, _platformFeatureFlags.fg)('platform_dst_flyout_menu_item_chevron_color') ? 'currentColor' : "var(--ds-icon, #
|
|
54
|
+
color: (0, _platformFeatureFlags.fg)('platform_dst_flyout_menu_item_chevron_color') ? 'currentColor' : "var(--ds-icon, #292A2E)",
|
|
55
55
|
size: "small"
|
|
56
56
|
})),
|
|
57
57
|
onClick: onClick,
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
._zulpv77o{gap:var(--ds-space-025,2px)}
|
|
10
10
|
._1ii7kb7n{grid-row:1}
|
|
11
11
|
._yyhyjvu9{grid-column:1/-1}
|
|
12
|
-
.
|
|
13
|
-
.
|
|
12
|
+
._14iu13ro:active:not(:disabled){background-color:var(--ds-surface-pressed,#dddee1)}
|
|
13
|
+
._14iunozp:active:not(:disabled){background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
14
14
|
._152t1ssb{inset-block-start:50%}
|
|
15
15
|
._152tze3t{inset-block-start:var(--ds-space-0,0)}
|
|
16
16
|
._18m915vq{overflow-y:hidden}
|
|
@@ -33,13 +33,13 @@
|
|
|
33
33
|
._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
|
|
34
34
|
._1rbv1wug:has([aria-expanded=true][aria-haspopup=true]){--actions-on-hover-width:auto}
|
|
35
35
|
._1reo15vq{overflow-x:hidden}
|
|
36
|
-
.
|
|
37
|
-
.
|
|
36
|
+
._1swv19i6:has([aria-expanded=true][aria-haspopup=true]){background-color:var(--ds-surface-hovered,#f0f1f2)}
|
|
37
|
+
._1swvufnl:has([aria-expanded=true][aria-haspopup=true]){background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
38
38
|
._1tkezwfg{min-height:2pc}
|
|
39
39
|
._1ul91c9m{min-width:1ch}
|
|
40
40
|
._1ul9t9kd{min-width:72px}
|
|
41
|
-
._1yyu1fvw{--notch-color:var(--ds-background-selected-bold,#0c66e4)}
|
|
42
41
|
._1yyu1j28{--notch-color:transparent}
|
|
42
|
+
._1yyujmqp{--notch-color:var(--ds-background-selected-bold,#1868db)}
|
|
43
43
|
._2lx21bp4{flex-direction:column}
|
|
44
44
|
._2z05hkll{grid-template-rows:1fr}
|
|
45
45
|
._2z05nbh3{grid-template-rows:subgrid}
|
|
@@ -53,10 +53,10 @@
|
|
|
53
53
|
._91ju1txw{--elem-after-display:flex}
|
|
54
54
|
._91juglyw{--elem-after-display:none}
|
|
55
55
|
._ae4v1h6o{align-content:center}
|
|
56
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
57
|
+
._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
|
|
56
58
|
._bfhk1j28{background-color:transparent}
|
|
57
59
|
._bfhk1o0g{background-color:var(--notch-color)}
|
|
58
|
-
._bfhkcdhy{background-color:var(--ds-background-neutral-bold,#44546f)}
|
|
59
|
-
._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
|
|
60
60
|
._bfhkn7od{background-color:unset}
|
|
61
61
|
._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
|
|
62
62
|
._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
|
|
@@ -71,9 +71,9 @@
|
|
|
71
71
|
._qxq9kb7n:has([aria-expanded=true][aria-haspopup=true]){--actions-on-hover-opacity:1}
|
|
72
72
|
._slp31hna{word-wrap:break-word}
|
|
73
73
|
._syaz15cr{color:var(--ds-text-inverse,#fff)}
|
|
74
|
-
.
|
|
75
|
-
.
|
|
76
|
-
.
|
|
74
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
75
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
76
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
77
77
|
._t9ec1i34{transform:translateY(-50%)}
|
|
78
78
|
._tzy41ou4{opacity:.4}
|
|
79
79
|
._tzy4pnc3{opacity:var(--actions-on-hover-opacity)}
|
|
@@ -97,14 +97,14 @@
|
|
|
97
97
|
._11om6b4r:hover{animation-name:k1xyysw3}
|
|
98
98
|
._1sjuglyw:hover{--elem-after-display:none}
|
|
99
99
|
._1uy01amc:hover{animation-delay:.8s}
|
|
100
|
-
.
|
|
101
|
-
.
|
|
100
|
+
._30l31gmx:hover{color:var(--ds-text-disabled,#080f214a)}
|
|
101
|
+
._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}
|
|
102
102
|
._7psyru3m:hover{animation-duration:0s}
|
|
103
103
|
._bir2q7pw:hover{animation-fill-mode:forwards}
|
|
104
104
|
._g4kikb7n:hover{--actions-on-hover-opacity:1}
|
|
105
|
-
.
|
|
106
|
-
._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
|
|
105
|
+
._irr319i6:hover{background-color:var(--ds-surface-hovered,#f0f1f2)}
|
|
107
106
|
._irr3n7od:hover{background-color:unset}
|
|
107
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
108
108
|
._v4o21b66:hover{--actions-on-hover-padding:var(--ds-space-050,4px)}
|
|
109
109
|
._x0kw1txw:hover{--drag-handle-display:flex}
|
|
110
110
|
._ynyi1wug:hover{--actions-on-hover-width:auto}
|
|
@@ -37,7 +37,7 @@ var LazyDragHandle = /*#__PURE__*/(0, _react.lazy)(function () {
|
|
|
37
37
|
});
|
|
38
38
|
});
|
|
39
39
|
var tooltipStyles = {
|
|
40
|
-
root: "_2rko12b0 _11c8dcr7 _1e0c1txw _2lx21bp4 _1bah1h6o _1tkezwfg _p12f1pna _vchhusvi _1q51v77o _y4ti12x7 _85i5v77o _bozg12x7
|
|
40
|
+
root: "_2rko12b0 _11c8dcr7 _1e0c1txw _2lx21bp4 _1bah1h6o _1tkezwfg _p12f1pna _vchhusvi _1q51v77o _y4ti12x7 _85i5v77o _bozg12x7 _bfhk1aqn _syaz15cr _152tze3t _1e02ze3t _1i4q1hna _slp31hna"
|
|
41
41
|
};
|
|
42
42
|
var MenuItemTooltip = /*#__PURE__*/(0, _react.forwardRef)(function MenuItemTooltip(_ref, ref) {
|
|
43
43
|
var children = _ref.children,
|
|
@@ -149,18 +149,18 @@ var onTopOfButtonOrAnchorStyles = {
|
|
|
149
149
|
*/
|
|
150
150
|
var nestedOpenPopupCSSSelector = exports.nestedOpenPopupCSSSelector = '&:has([aria-expanded="true"][aria-haspopup="true"])';
|
|
151
151
|
var containerStyles = {
|
|
152
|
-
root: "_2rko12b0 _vchhusvi _1e0c11p5 _yv0e7dup _2z05hkll _1lmcu4vt _1ul9t9kd _4t3iviql _4cvr1h6o _uiztglyw
|
|
152
|
+
root: "_2rko12b0 _vchhusvi _1e0c11p5 _yv0e7dup _2z05hkll _1lmcu4vt _1ul9t9kd _4t3iviql _4cvr1h6o _uiztglyw _syazazsu _1yyu1j28 _91ju1txw _uomdidpf _pmxpidpf _db80idpf _qxq9kb7n _1rbv1wug _kwq51b66 _1swv19i6 _irr319i6 _t7p8kb7n _g4kikb7n _91nl1wug _ynyi1wug _iy5o1b66 _v4o21b66",
|
|
153
153
|
removeElemAfter: "_91juglyw",
|
|
154
154
|
showHoverActions: "_uomdkb7n _pmxp1wug _db801b66",
|
|
155
155
|
removeElemAfterOnHoverOrOpenNestedPopup: "_1djyglyw _1mfcglyw _1sjuglyw",
|
|
156
|
-
selected: "
|
|
157
|
-
disabled: "
|
|
156
|
+
selected: "_bfhk15s3 _syaz6x5g _1yyujmqp _1swvufnl _30l36x5g _irr3ufnl",
|
|
157
|
+
disabled: "_syaz1gmx _bfhkn7od _irr3n7od _30l31gmx",
|
|
158
158
|
hasDescription: "_4t3i1wto",
|
|
159
159
|
dragging: "_tzy41ou4"
|
|
160
160
|
};
|
|
161
161
|
var buttonOrAnchorStyles = {
|
|
162
|
-
root: "_2rko12b0 _yyhyjvu9 _1ii7kb7n _1e0c11p5 _yv0enbh3 _2z05nbh3 _y4ti1b66 _bozg1b66 _1q511b66 _85i51b66 _bfhk1j28
|
|
163
|
-
selected: "
|
|
162
|
+
root: "_2rko12b0 _yyhyjvu9 _1ii7kb7n _1e0c11p5 _yv0enbh3 _2z05nbh3 _y4ti1b66 _bozg1b66 _1q511b66 _85i51b66 _bfhk1j28 _syazazsu _4cvr1h6o _y3gnv2br _14iu13ro",
|
|
163
|
+
selected: "_syaz6x5g _14iunozp",
|
|
164
164
|
hasDragIndicator: "_1ifmglyw _1cykglyw _x0kw1txw _11om6b4r _7psyru3m _1uy01amc _bir2q7pw"
|
|
165
165
|
};
|
|
166
166
|
var extendButtonOrAnchorStyles = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
|
|
2
2
|
._h7alglyw{border-inline:none}._179rglyw{border-block-end:none}
|
|
3
|
-
.
|
|
3
|
+
._mqm2ia51{border-block-start:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
|
|
4
4
|
._1bsb1osq{width:100%}
|
|
@@ -27,6 +27,6 @@ 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 _mqm2ia51 _1bsb1osq"])
|
|
31
31
|
});
|
|
32
32
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
|
|
3
3
|
._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
|
|
4
|
-
.
|
|
4
|
+
._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
|
|
@@ -12,7 +12,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
12
12
|
var _menuSectionContext = require("./menu-section-context");
|
|
13
13
|
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); }
|
|
14
14
|
var styles = {
|
|
15
|
-
root: "_11c81vhk _1rjcu2gc
|
|
15
|
+
root: "_11c81vhk _1rjcu2gc _syaz1rpy _bozg12x7"
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
/**
|
|
@@ -26,13 +26,13 @@
|
|
|
26
26
|
._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
|
|
27
27
|
._1cg4fnf5:focus-within{transition-duration:.2s}
|
|
28
28
|
._1dr21ylx:focus-within{transition-property:color}
|
|
29
|
-
.
|
|
29
|
+
._vp7g6x5g:focus-within{color:var(--ds-text-selected,#1868db)}
|
|
30
30
|
._1gavfnf5:hover{transition-delay:.2s}
|
|
31
31
|
._1s5z1ylx:hover{transition-property:color}
|
|
32
|
-
.
|
|
32
|
+
._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}
|
|
33
33
|
._d0al11mm:hover{cursor:col-resize}
|
|
34
34
|
._d0aluf7j:hover{cursor:ew-resize}
|
|
35
35
|
._le1bfnf5:hover{transition-duration:.2s}
|
|
36
36
|
._1gglglyw:active{transition:none}
|
|
37
|
-
.
|
|
37
|
+
._9h8h12zz:active{color:var(--ds-link-pressed,#1558bc)}
|
|
38
38
|
@media (min-width:48rem){._181n1ule{display:block}}
|
|
@@ -42,7 +42,7 @@ var containerStyles = {
|
|
|
42
42
|
positionStart: "_1e02zeo2"
|
|
43
43
|
};
|
|
44
44
|
var grabAreaStyles = {
|
|
45
|
-
root: "_1bsbl52n _4t3i1osq _kqswstnw _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _syaz1j28 _bfhk1j28 _k8m01ylx _1oec1yx9 _1lww5cps _d0aluf7j _1gavfnf5
|
|
45
|
+
root: "_1bsbl52n _4t3i1osq _kqswstnw _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _syaz1j28 _bfhk1j28 _k8m01ylx _1oec1yx9 _1lww5cps _d0aluf7j _1gavfnf5 _vp7g6x5g _30l36x5g _1dr21ylx _1s5z1ylx _1cg4fnf5 _le1bfnf5 _1gglglyw _9h8h12zz",
|
|
46
46
|
fullHeightSidebar: "_d0al11mm"
|
|
47
47
|
};
|
|
48
48
|
var lineStyles = {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
._nd5l1b6c{grid-area:main/aside/aside/aside}
|
|
3
3
|
._191wglyw{border-inline-start:none}._10fph9n0{justify-self:end}
|
|
4
4
|
._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
|
|
5
|
-
.
|
|
5
|
+
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
6
6
|
._18m91wug{overflow-y:auto}
|
|
7
7
|
._1bsb1dxx{width:min(90%,var(--minWidth))}
|
|
8
8
|
._1e0cglyw{display:none}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
._kqsw1if8{position:sticky}
|
|
15
15
|
._vchhusvi{box-sizing:border-box}
|
|
16
16
|
@media (min-width:48rem){._14b54rrg{width:var(--n_pnlRsz,var(--n_pnlW))}}
|
|
17
|
-
@media (min-width:64rem){.
|
|
17
|
+
@media (min-width:64rem){._1w6eia51{border-inline-start:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._scbpglyw{box-shadow:none}._4ap3vuon{background-color:var(--ds-surface,#fff)}}
|
|
18
18
|
@media (min-width:90rem){._1dhy1c6w{grid-area:panel}._9sns1wug{z-index:auto}}
|
|
@@ -36,7 +36,7 @@ var fallbackDefaultWidth = 365;
|
|
|
36
36
|
var fallbackResizeMinWidth = 400;
|
|
37
37
|
var styles = {
|
|
38
38
|
root: "_nd5l1b6c _10fph9n0 _vchhusvi _1pbykb7n _4t3ieqxy _kqsw1if8 _152timx3 _bfhk1bhr _1bsb1dxx _14b54rrg _4ap3vuon _1dhy1c6w _9sns1wug",
|
|
39
|
-
border: "_191wglyw
|
|
39
|
+
border: "_191wglyw _16qs130s _1w6eia51 _scbpglyw",
|
|
40
40
|
scrollContainer: "_1reo1wug _18m91wug _4t3i1osq",
|
|
41
41
|
hidden: "_1e0cglyw"
|
|
42
42
|
};
|
|
@@ -8,6 +8,6 @@
|
|
|
8
8
|
._85i5utpp{padding-block-end:var(--ds-space-150,9pt)}
|
|
9
9
|
._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
|
|
10
10
|
._i0dlf1ug{flex-basis:0%}
|
|
11
|
-
.
|
|
11
|
+
._j7hq4n8p{animation-name:k1gwhnxc}
|
|
12
12
|
._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
|
|
13
|
-
@keyframes
|
|
13
|
+
@keyframes k1gwhnxc{0%{box-shadow:none}0.1%{box-shadow:0 -1px var(--ds-border,#0b120e24)}to{box-shadow:0 -1px var(--ds-border,#0b120e24)}}
|
|
@@ -39,7 +39,7 @@ var styles = {
|
|
|
39
39
|
var scrolledBorder = null;
|
|
40
40
|
var scrollTimelineVar = '--sNcst';
|
|
41
41
|
var fullHeightSidebarStyles = {
|
|
42
|
-
scrollContainer: "_1un9baqb _21o1gc9s
|
|
42
|
+
scrollContainer: "_1un9baqb _21o1gc9s _j7hq4n8p"
|
|
43
43
|
};
|
|
44
44
|
function _SideNavContent(_ref, forwardedRef) {
|
|
45
45
|
var children = _ref.children,
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
._7myae4h9{border-block-start-width:var(--ds-border-width,1px)}
|
|
4
4
|
._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
|
|
5
5
|
._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
|
|
6
|
-
.
|
|
6
|
+
._qgnu1l7x{border-block-start-color:var(--ds-border,#0b120e24)}
|
|
7
7
|
._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
|
|
@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
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); }
|
|
13
13
|
var styles = {
|
|
14
|
-
root: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _7myae4h9 _1sw7nqa1
|
|
14
|
+
root: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _7myae4h9 _1sw7nqa1 _qgnu1l7x"
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
/**
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
._191wglyw{border-inline-start:none}
|
|
4
4
|
._t51zglyw{border-inline-end:none}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
|
|
5
5
|
._15yekb7n{--animation-direction:1}
|
|
6
|
-
.
|
|
6
|
+
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
7
7
|
._1bah1yb4{justify-content:space-between}
|
|
8
8
|
._1bsb1ego{width:min(90%,20pc)}
|
|
9
9
|
._1e0c1txw{display:flex}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
[dir=rtl] ._65m41mrw{--animation-direction:-1}
|
|
19
19
|
@media (prefers-reduced-motion:no-preference){._10t88iot{transition-property:transform,display}._1vrh1a5r{transition-behavior:allow-discrete}._xrrpfnf5{transition-duration:.2s}._1lh81gzg{grid-area:main}._1xq51mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}@starting-style{._1nu51p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1xq51ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}}
|
|
20
20
|
@media (min-width:48rem){._14b5hc79{width:var(--n_snvRsz,var(--n_sNvw))}}
|
|
21
|
-
@media (min-width:64rem){._165t56xv{height:calc(100vh - var(--n_bnrM, 0px))}._180k1wjm{inset-block-start:calc(var(--n_bnrM, 0px))}._26vxoned{padding-block-start:calc(var(--n_tNvM, 0px))}._1mt19dtb{margin-block-start:calc(var(--n_tNvM, 0px)*-1)}._dm2518uv{display:initial}._dm25glyw{display:none}._qiln1gzg{grid-area:main}._p5clglyw{border-inline-end:none}._4ap31bhr{background-color:var(--ds-surface-overlay,#fff)}.
|
|
21
|
+
@media (min-width:64rem){._165t56xv{height:calc(100vh - var(--n_bnrM, 0px))}._180k1wjm{inset-block-start:calc(var(--n_bnrM, 0px))}._26vxoned{padding-block-start:calc(var(--n_tNvM, 0px))}._1mt19dtb{margin-block-start:calc(var(--n_tNvM, 0px)*-1)}._dm2518uv{display:initial}._dm25glyw{display:none}._qiln1gzg{grid-area:main}._p5clglyw{border-inline-end:none}._4ap31bhr{background-color:var(--ds-surface-overlay,#fff)}._scbp130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}._qilnk0mc{grid-area:side-nav}._p5clia51{border-inline-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._4ap3vuon{background-color:var(--ds-surface,#fff)}._scbpglyw{box-shadow:none}}
|
|
22
22
|
@media (prefers-reduced-motion:no-preference) and (min-width:64rem){._17ly8iot{transition-property:transform,display}._177m1a5r{transition-behavior:allow-discrete}._1sg81gzg{grid-area:main}._vgub1mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}._hh1u1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}@starting-style{._s2eg1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1sg8k0mc{grid-area:side-nav}._vgub1ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}._hjoifnf5{transition-duration:.2s}}
|
|
23
23
|
@media (prefers-reduced-motion:no-preference) and (not (min-width:64rem)){._aadi1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}
|
|
24
24
|
@supports not (-moz-appearance:none){@media (prefers-reduced-motion:no-preference){._139f8iot{transition-property:transform,display}._1tpvfnf5{transition-duration:.2s}._sylc1a5r{transition-behavior:allow-discrete}._1uwsjq3t{transform:translateX(-100%)}}@media (prefers-reduced-motion:no-preference){@starting-style{._oyeijq3t{transform:translateX(-100%)}}._139f8iot{transition-property:transform,display}._1tpvfnf5{transition-duration:.2s}._sylc1a5r{transition-behavior:allow-discrete}}}
|
|
@@ -64,11 +64,11 @@ function getResizeBounds() {
|
|
|
64
64
|
var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
|
|
65
65
|
var openLayerObserverSideNavNamespace = 'side-nav';
|
|
66
66
|
var styles = {
|
|
67
|
-
root: "_nd5l1b6c _191wglyw _t51zglyw _bfhk1bhr
|
|
68
|
-
flyoutOpen: "_qiln1gzg _p5clglyw _4ap31bhr
|
|
67
|
+
root: "_nd5l1b6c _191wglyw _t51zglyw _bfhk1bhr _16qs130s _vchhusvi _4t3ieqxy _152timx3 _kqsw1if8 _1bsb1ego _1pbycs5v _14b5hc79 _qilnk0mc _p5clia51 _4ap3vuon _scbpglyw",
|
|
68
|
+
flyoutOpen: "_qiln1gzg _p5clglyw _4ap31bhr _scbp130s _139f8iot _1tpvfnf5 _sylc1a5r _oyeijq3t",
|
|
69
69
|
flyoutAnimateClosed: "_1e0cglyw _qiln1gzg _139f8iot _1tpvfnf5 _sylc1a5r _1uwsjq3t",
|
|
70
70
|
animationRTLSupport: "_15yekb7n _65m41mrw",
|
|
71
|
-
flyoutBaseStylesFullHeightSidebar: "_qiln1gzg _p5clglyw _4ap31bhr
|
|
71
|
+
flyoutBaseStylesFullHeightSidebar: "_qiln1gzg _p5clglyw _4ap31bhr _scbp130s _17ly8iot _177m1a5r",
|
|
72
72
|
flyoutOpenFullHeightSidebar: "_hjoifnf5 _vgub1ku9 _s2eg1p9u",
|
|
73
73
|
flyoutAnimateClosedFullHeightSidebar: "_dm25glyw _hjoifnf5 _vgub1mm8 _hh1u1p9u",
|
|
74
74
|
flexContainer: "_4t3i1osq _1e0c1txw _2lx21bp4 _1bah1yb4",
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
._nd5l8cbt{grid-area:top-bar}
|
|
3
3
|
._zulpu2gc{gap:var(--ds-space-100,8px)}
|
|
4
4
|
._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
|
|
5
|
-
.
|
|
6
|
-
.
|
|
5
|
+
._179rglyw{border-block-end:none}
|
|
6
|
+
._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._152t1nws{inset-block-start:var(--n_bnrM,0)}
|
|
7
7
|
._1bsb1osq{width:100%}
|
|
8
8
|
._1e0c11p5{display:grid}
|
|
9
9
|
._1pbyegat{z-index:4}
|
|
@@ -32,7 +32,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
32
32
|
* - The background sits below the expanded side nav
|
|
33
33
|
*/
|
|
34
34
|
var styles = {
|
|
35
|
-
root: "_nd5l8cbt _zulpu2gc _18zrutpp
|
|
35
|
+
root: "_nd5l8cbt _zulpu2gc _18zrutpp _179ria51 _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax",
|
|
36
36
|
fullHeightSidebar: "_179rglyw _bozgze3t _y4tiutpp _bfhkglyw _lcxvglyw _pdlmutpp",
|
|
37
37
|
fullHeightSidebarExpanded: "_1rqt16a9 _jh1g18ax"
|
|
38
38
|
};
|
|
@@ -43,7 +43,7 @@ var styles = {
|
|
|
43
43
|
* This is on a lower z-index than the expanded side nav, and is separate to the top nav items which are above the expanded side nav.
|
|
44
44
|
*/
|
|
45
45
|
var backgroundStyles = {
|
|
46
|
-
root: "_nd5l8cbt
|
|
46
|
+
root: "_nd5l8cbt _179ria51 _1bsb1osq _4t3i1osq _bfhkvuon _vchhusvi _152t1nws _kqsw1if8 _lcxvglyw _1pbyegat",
|
|
47
47
|
sideNavExpanded: "_hyzqcs5v"
|
|
48
48
|
};
|
|
49
49
|
|
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
|
|
7
7
|
._o5721q9c{white-space:nowrap}
|
|
8
8
|
._p12fuuw1{max-width:200px}
|
|
9
|
-
.
|
|
9
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
10
10
|
._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
|
|
11
11
|
@media (min-width:64rem){._10y41txw._10y41txw{display:flex}}
|
|
@@ -14,7 +14,7 @@ var _hasCustomThemeContext = require("./themed/has-custom-theme-context");
|
|
|
14
14
|
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); }
|
|
15
15
|
var styles = {
|
|
16
16
|
root: "_1reo15vq _18m915vq _11c82smr _o5721q9c _p12fuuw1 _1bto1l2s _bozg1b66 _y4tiu2gc _1e0cglyw _10y41txw",
|
|
17
|
-
subtleText: "
|
|
17
|
+
subtleText: "_syazazsu"
|
|
18
18
|
};
|
|
19
19
|
/**
|
|
20
20
|
* __Custom title__
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
._p12fnklw{max-width:20pc}
|
|
20
20
|
._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
|
|
21
21
|
._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
|
|
22
|
-
.
|
|
22
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
23
23
|
._irr31rps:hover{background-color:var(--ds-top-bar-button-background-hovered)}
|
|
24
|
-
.
|
|
24
|
+
._1di69yc7:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)!important}
|
|
25
25
|
._1di6yhlj:active{background-color:var(--ds-top-bar-button-background-pressed)!important}
|
|
26
26
|
@media (min-width:64rem){._10y418uv._10y418uv{display:initial}}
|
|
@@ -19,7 +19,7 @@ var _logoRenderer = require("./logo-renderer");
|
|
|
19
19
|
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); }
|
|
20
20
|
var anchorStyles = {
|
|
21
21
|
root: "_2rko19bv _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
|
|
22
|
-
interactionStates: "
|
|
22
|
+
interactionStates: "_irr31dpa _1di69yc7",
|
|
23
23
|
interactionStatesCustomTheming: "_irr31rps _1di6yhlj",
|
|
24
24
|
fullHeightSidebar: "_1reo15vq _18m915vq _1o9zkb7n"
|
|
25
25
|
};
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
._p12fnklw{max-width:20pc}
|
|
15
15
|
._rtys1kw7 img{max-width:inherit}
|
|
16
16
|
._vchh1ntv{box-sizing:content-box}
|
|
17
|
-
.
|
|
17
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
18
18
|
._irr31rps:hover{background-color:var(--ds-top-bar-button-background-hovered)}
|
|
19
|
-
.
|
|
19
|
+
._1di69yc7:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)!important}
|
|
20
20
|
._1di6yhlj:active{background-color:var(--ds-top-bar-button-background-pressed)!important}
|
|
21
21
|
@media (min-width:64rem){._10y41txw._10y41txw{display:flex}._10y4glyw._10y4glyw{display:none}}
|
|
@@ -20,7 +20,7 @@ var anchorStyles = {
|
|
|
20
20
|
root: "_2rkofajl _1e0c1txw _4cvr1h6o _4t3izwfg",
|
|
21
21
|
customLogoBorderRadius: "_2rkofajl",
|
|
22
22
|
newMargin: "_ahbq1b66",
|
|
23
|
-
newInteractionStates: "
|
|
23
|
+
newInteractionStates: "_irr31dpa _1di69yc7",
|
|
24
24
|
newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
|
|
25
25
|
};
|
|
26
26
|
var sharedIconOrLogoContainerStyles = {
|
|
@@ -16,6 +16,6 @@
|
|
|
16
16
|
._p12fktbq{max-width:780px}
|
|
17
17
|
._vchhusvi{box-sizing:border-box}
|
|
18
18
|
._yv0e1mfv{grid-template-columns:auto 1fr auto}
|
|
19
|
-
.
|
|
19
|
+
._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
|
|
20
20
|
._1di6r01l:active{background-color:var(--ds-background-input-pressed,#fff)}
|
|
21
21
|
@media (min-width:30rem){._114b11p5{display:grid}}
|
|
@@ -17,7 +17,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
|
|
|
17
17
|
var _migration = require("./themed/migration");
|
|
18
18
|
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); }
|
|
19
19
|
var styles = {
|
|
20
|
-
root: "_2rko12b0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq
|
|
20
|
+
root: "_2rko12b0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
|
|
21
21
|
buttonText: "_yyhyjvu9 _1ii7kb7n",
|
|
22
22
|
iconBefore: "_yyhykb7n _1ii7kb7n _1e0c1txw",
|
|
23
23
|
elemAfter: "_yyhy11wp _1ii7kb7n _1e0c1txw",
|
|
@@ -43,7 +43,7 @@ var Search = exports.Search = function Search(_ref) {
|
|
|
43
43
|
// When Emotion has been stripped from the Design System move this to Compiled.
|
|
44
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
45
45
|
cursor: 'text',
|
|
46
|
-
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #
|
|
46
|
+
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)")
|
|
47
47
|
},
|
|
48
48
|
onClick: onClick,
|
|
49
49
|
xcss: (0, _css.cx)(styles.root, (0, _platformFeatureFlags.fg)('navx-full-height-sidebar') && styles.fullHeightSidebar),
|
|
@@ -52,7 +52,7 @@ var Search = exports.Search = function Search(_ref) {
|
|
|
52
52
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
53
53
|
className: (0, _runtime.ax)([styles.iconBefore])
|
|
54
54
|
}, /*#__PURE__*/_react.default.createElement(IconBefore, {
|
|
55
|
-
color: "var(--ds-icon-subtle, #
|
|
55
|
+
color: "var(--ds-icon-subtle, #505258)",
|
|
56
56
|
spacing: "spacious",
|
|
57
57
|
label: ""
|
|
58
58
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -29,7 +29,7 @@ var legacySearchTheme = {
|
|
|
29
29
|
* When expanded the input ignores the custom theme,
|
|
30
30
|
* except for its border which is derived from the highlight color.
|
|
31
31
|
*/
|
|
32
|
-
color: "var(--ds-text, #
|
|
32
|
+
color: "var(--ds-text, #292A2E)",
|
|
33
33
|
backgroundColor: "var(--ds-background-input-pressed, #FFFFFF)",
|
|
34
34
|
borderColor: "var(".concat(themedSearchBorderFocused, ")"),
|
|
35
35
|
boxShadow: "inset 0px 0px 0px 1px var(".concat(themedSearchBorderFocused, ")")
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
._zulp1b66{gap:var(--ds-space-050,4px)}
|
|
4
4
|
._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
|
|
5
5
|
._1rjcutpp{padding-block:var(--ds-space-150,9pt)}._152tv47k{inset-block-start:var(--ds-space-250,20px)}
|
|
6
|
-
.
|
|
6
|
+
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
7
7
|
._1e02v47k{inset-inline-start:var(--ds-space-250,20px)}
|
|
8
8
|
._1e0c1txw{display:flex}
|
|
9
9
|
._1pby1mrw{z-index:-1}
|
|
@@ -6,7 +6,7 @@ import { useMemo } from 'react';
|
|
|
6
6
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
7
7
|
import { SkipLink } from './skip-link';
|
|
8
8
|
const styles = {
|
|
9
|
-
root: "_zulp1b66 _2rko12b0 _1rjcutpp _18zrutpp _1e0c1txw _2lx21bp4 _kqsw1n9t _1e02v47k _152tv47k _bfhk1bhr
|
|
9
|
+
root: "_zulp1b66 _2rko12b0 _1rjcutpp _18zrutpp _1e0c1txw _2lx21bp4 _kqsw1n9t _1e02v47k _152tv47k _bfhk1bhr _16qs130s _1pby1mrw _tzy4idpf _lcxvglyw _1digjh3g _1mygkb7n _18eu1wug",
|
|
10
10
|
skipLinkList: "_zulp1b66 _1e0c1txw _2lx21bp4 _1x8w11lx _2mzuglyw _1pfhze3t _bozgze3t"
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
|
|
3
3
|
._1dqonqa1{border-style:solid}
|
|
4
|
-
.
|
|
4
|
+
._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
|
|
5
5
|
._1ul9uuw1{min-width:200px}
|
|
6
6
|
._bfhkvuon{background-color:var(--ds-surface,#fff)}
|
|
7
7
|
._p12fgx0z{max-width:260px}
|
|
@@ -20,7 +20,7 @@ function isSafari() {
|
|
|
20
20
|
return userAgent.includes('AppleWebKit') && !userAgent.includes('Chrome');
|
|
21
21
|
}
|
|
22
22
|
const dragPreviewStyles = {
|
|
23
|
-
root: "_2rko12b0 _189ee4h9
|
|
23
|
+
root: "_2rko12b0 _189ee4h9 _1h6d1l7x _1dqonqa1 _bfhkvuon _y4ti1b66 _p12fgx0z",
|
|
24
24
|
safariFix: "_1ul9uuw1"
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
|
|
6
6
|
const styles = {
|
|
7
|
-
root: "
|
|
7
|
+
root: "_syazazsu _1e0c1i3c _2lx21bp4 _1bah1h6o _kqswstnw _154iidpf _94n5idpf _1e02idpf _ahbqxmi2"
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
// Using default export to play well with React.lazy
|
package/dist/es2019/ui/menu-item/expandable-menu-item/expandable-menu-item-trigger.compiled.css
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
._1mmi1txw{--expandable-chevron-display:flex}
|
|
8
8
|
._1mmiglyw{--expandable-chevron-display:none}
|
|
9
9
|
._b31z1txw:has(:focus-visible){--expandable-chevron-display:flex}
|
|
10
|
-
.
|
|
10
|
+
._syazxl6c{color:var(--ds-icon-selected,#1868db)}
|
|
11
11
|
._v9u71txw:has([aria-expanded=true][aria-haspopup=true]){--expandable-chevron-display:flex}
|
|
12
12
|
[dir=rtl] ._1tz3r0mg{transform:scaleX(-1)}
|
|
13
13
|
._1vnl1txw:hover{--expandable-chevron-display:flex}
|