@atlaskit/menu 8.4.20 → 8.4.22
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 +16 -0
- package/dist/cjs/internal/components/menu-item-primitive.compiled.css +20 -20
- package/dist/cjs/internal/components/menu-item-primitive.js +9 -9
- package/dist/cjs/menu-item/skeleton-heading-item.compiled.css +5 -6
- package/dist/cjs/menu-item/skeleton-heading-item.js +6 -15
- package/dist/cjs/menu-item/skeleton-item.compiled.css +5 -7
- package/dist/cjs/menu-item/skeleton-item.js +6 -15
- package/dist/cjs/menu-section/section.compiled.css +1 -1
- package/dist/cjs/menu-section/section.js +1 -1
- package/dist/es2019/internal/components/menu-item-primitive.compiled.css +20 -20
- package/dist/es2019/internal/components/menu-item-primitive.js +9 -9
- package/dist/es2019/menu-item/skeleton-heading-item.compiled.css +5 -5
- package/dist/es2019/menu-item/skeleton-heading-item.js +2 -4
- package/dist/es2019/menu-item/skeleton-item.compiled.css +5 -5
- package/dist/es2019/menu-item/skeleton-item.js +3 -5
- package/dist/es2019/menu-section/section.compiled.css +1 -1
- package/dist/es2019/menu-section/section.js +1 -1
- package/dist/esm/internal/components/menu-item-primitive.compiled.css +20 -20
- package/dist/esm/internal/components/menu-item-primitive.js +9 -9
- package/dist/esm/menu-item/skeleton-heading-item.compiled.css +5 -6
- package/dist/esm/menu-item/skeleton-heading-item.js +6 -14
- package/dist/esm/menu-item/skeleton-item.compiled.css +5 -7
- package/dist/esm/menu-item/skeleton-item.js +6 -14
- package/dist/esm/menu-section/section.compiled.css +1 -1
- package/dist/esm/menu-section/section.js +1 -1
- package/package.json +10 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/menu
|
|
2
2
|
|
|
3
|
+
## 8.4.22
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
|
|
8
|
+
Enrol all Design System UI packages into the React Compiler with platform gating via
|
|
9
|
+
isReactCompilerActivePlatform.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 8.4.21
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [`22bf79dbdcdca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bf79dbdcdca) -
|
|
17
|
+
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
|
|
18
|
+
|
|
3
19
|
## 8.4.20
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
|
|
31
31
|
._1qu2glyw{outline-style:none}
|
|
32
32
|
._1reo15vq{overflow-x:hidden}
|
|
33
|
-
.
|
|
33
|
+
._1rusq98m:before{background-color:var(--ds-border-selected,#1868db)}
|
|
34
34
|
._1tke1tcg{min-height:24px}
|
|
35
35
|
._1tke1ylp{min-height:40px}
|
|
36
36
|
._1tkezwfg{min-height:2pc}
|
|
@@ -43,16 +43,16 @@
|
|
|
43
43
|
._80omtlke{cursor:pointer}
|
|
44
44
|
._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
|
|
45
45
|
._ajmmnqa1{text-decoration-style:solid}
|
|
46
|
-
.
|
|
47
|
-
.
|
|
46
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
47
|
+
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
48
48
|
._iajmutpp:before{inset-block-start:var(--ds-space-150,9pt)}
|
|
49
49
|
._iajmze3t:before{inset-block-start:var(--ds-space-0,0)}
|
|
50
50
|
._kqswh2mm{position:relative}
|
|
51
51
|
._o5721q9c{white-space:nowrap}
|
|
52
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
52
53
|
._syaz1r31{color:currentColor}
|
|
53
|
-
.
|
|
54
|
-
.
|
|
55
|
-
._syazhu5v{color:var(--ds-text-selected,currentColor)}
|
|
54
|
+
._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
|
|
55
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
56
56
|
._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
|
|
57
57
|
._vchhusvi{box-sizing:border-box}
|
|
58
58
|
._y3gn1e5h{text-align:left}
|
|
@@ -60,29 +60,29 @@
|
|
|
60
60
|
._ypr0glyw:focus:not(:focus-visible){outline-style:none}
|
|
61
61
|
._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}
|
|
62
62
|
._zcxs1o36:focus:not(:focus-visible){outline-width:medium}._10531r31:visited{color:currentColor}
|
|
63
|
-
.
|
|
63
|
+
._10536x5g:visited{color:var(--ds-text-selected,#1868db)}
|
|
64
64
|
._1bg41gjf:focus{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
|
|
65
65
|
._1hvwdkaa:focus{outline-width:var(--ds-border-width-focused,2px)}
|
|
66
66
|
._49pcnqa1:focus{outline-style:solid}
|
|
67
|
-
.
|
|
67
|
+
._nt751v1w:focus{outline-color:var(--ds-border-focused,#4688ec)}
|
|
68
68
|
._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
|
|
69
69
|
._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
|
|
70
|
-
.
|
|
70
|
+
._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
|
|
71
71
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
72
72
|
._1bnxglyw:hover{text-decoration-line:none}
|
|
73
|
-
.
|
|
73
|
+
._30l316jw:hover{color:var(--ds-text-accent-blue,#1558bc)}
|
|
74
|
+
._30l31gmx:hover{color:var(--ds-text-disabled,#080f214a)}
|
|
74
75
|
._30l31r31:hover{color:currentColor}
|
|
75
|
-
.
|
|
76
|
-
._30l3hu5v:hover{color:var(--ds-text-selected,currentColor)}
|
|
76
|
+
._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}
|
|
77
77
|
._9oik1r31:hover{text-decoration-color:currentColor}
|
|
78
|
-
.
|
|
79
|
-
.
|
|
80
|
-
.
|
|
78
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
79
|
+
._irr3sm61:hover{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
80
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
81
81
|
._jf4cnqa1:hover{text-decoration-style:solid}
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
82
|
+
._1di61dpa:active{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
83
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
84
|
+
._1di6sm61:active{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
85
|
+
._9h8h1gmx:active{color:var(--ds-text-disabled,#080f214a)}
|
|
85
86
|
._9h8h1r31:active{color:currentColor}
|
|
86
|
-
.
|
|
87
|
-
._9h8hhu5v:active{color:var(--ds-text-selected,currentColor)}
|
|
87
|
+
._9h8h6x5g:active{color:var(--ds-text-selected,#1868db)}
|
|
88
88
|
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}}
|
|
@@ -21,20 +21,20 @@ var renderTitle = function renderTitle(Component, props) {
|
|
|
21
21
|
);
|
|
22
22
|
};
|
|
23
23
|
var styles = {
|
|
24
|
-
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36
|
|
24
|
+
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36 _nt751v1w _mizu1v1w _1bg41gjf _1ah31gjf _49pcnqa1 _ra3xnqa1 _1hvwdkaa _128mdkaa _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
|
|
25
25
|
beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
|
|
26
26
|
content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
|
|
27
27
|
truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
|
|
28
28
|
title: "_11c8fhey",
|
|
29
29
|
wordBreak: "_1nmz1hna",
|
|
30
|
-
description: "_11c8wadc
|
|
31
|
-
disabledDescription: "
|
|
32
|
-
unselected: "
|
|
33
|
-
disabled: "_80om13gf
|
|
34
|
-
selectedBorder: "_1mp4yh40 _1cs8stnw
|
|
35
|
-
selectedNotch: "_rfx3bx74 _1mp41y44 _1cs8stnw
|
|
36
|
-
selected: "
|
|
37
|
-
selectedOld: "
|
|
30
|
+
description: "_11c8wadc _syaz1rpy",
|
|
31
|
+
disabledDescription: "_syaz1gmx",
|
|
32
|
+
unselected: "_bfhksm61 _syaz1r31 _10531r31 _irr31dpa _30l31r31 _1di61dpa _9h8h1r31",
|
|
33
|
+
disabled: "_80om13gf _bfhksm61 _syaz1gmx _irr3sm61 _30l31gmx _1di6sm61 _9h8h1gmx",
|
|
34
|
+
selectedBorder: "_1mp4yh40 _1cs8stnw _1rusq98m _1kt9b3bt _1fkrze3t _iajmze3t _z5wtze3t",
|
|
35
|
+
selectedNotch: "_rfx3bx74 _1mp41y44 _1cs8stnw _1rusq98m _1kt9b3bt _1fkrutpp _iajmutpp _z5wtze3t",
|
|
36
|
+
selected: "_bfhk15s3 _syaz6x5g _10536x5g _irr3ufnl _30l316jw _1di6nozp _9h8h6x5g",
|
|
37
|
+
selectedOld: "_30l36x5g"
|
|
38
38
|
};
|
|
39
39
|
var spacingMapStyles = {
|
|
40
40
|
cozy: "_1rjcu2gc _18zrpxbi",
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
._14mj53f4:after{border-radius:75pt}
|
|
3
3
|
._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
|
|
4
|
-
._1rjcze3t{padding-block:var(--ds-space-0,0)}.
|
|
4
|
+
._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881254:before{animation-name:k1wjpvns}
|
|
5
5
|
._18f312c5:after{animation-iteration-count:infinite}
|
|
6
6
|
._18lgp3kn:after{animation-timing-function:linear}
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
._1hfklbf8:after{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
|
|
7
|
+
._19oh1254:after{animation-name:k1wjpvns}
|
|
8
|
+
._1hfkizff:after{background-color:var(--ds-skeleton,#0515240f)}
|
|
10
9
|
._1qdgu2gc:after{height:var(--ds-space-100,8px)}
|
|
11
|
-
.
|
|
10
|
+
._1rusizff:before{background-color:var(--ds-skeleton,#0515240f)}
|
|
12
11
|
._1ywu1ule:after{display:block}
|
|
13
12
|
._9nev1yy8:before{animation-direction:alternate}
|
|
14
13
|
._aetrb3bt:after{content:""}
|
|
@@ -19,4 +18,4 @@
|
|
|
19
18
|
._z0ai1r5k:after{width:30%}
|
|
20
19
|
._z0airzut:after{width:var(--width)}
|
|
21
20
|
._zo24p3kn:before{animation-timing-function:linear}
|
|
22
|
-
@keyframes
|
|
21
|
+
@keyframes k1wjpvns{0%{background-color:var(--ds-skeleton,#0515240f)}to{background-color:var(--ds-skeleton-subtle,#17171708)}}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
5
|
Object.defineProperty(exports, "__esModule", {
|
|
7
6
|
value: true
|
|
@@ -10,14 +9,9 @@ exports.default = void 0;
|
|
|
10
9
|
require("./skeleton-heading-item.compiled.css");
|
|
11
10
|
var React = _interopRequireWildcard(require("react"));
|
|
12
11
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
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); }
|
|
15
|
-
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; }
|
|
16
|
-
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; }
|
|
17
|
-
var N20A = 'rgba(9, 30, 66, 0.04)';
|
|
18
|
-
var N30A = 'rgba(9, 30, 66, 0.08)';
|
|
19
13
|
var styles = {
|
|
20
|
-
skeleton: "_1rjcze3t _18zrpxbi _14mj53f4 _1ywu1ule _z0ai1r5k _1qdgu2gc
|
|
14
|
+
skeleton: "_1rjcze3t _18zrpxbi _14mj53f4 _1ywu1ule _z0ai1r5k _1qdgu2gc _1hfkizff _aetrb3bt",
|
|
21
15
|
customWidth: "_z0airzut"
|
|
22
16
|
};
|
|
23
17
|
|
|
@@ -51,15 +45,12 @@ var SkeletonHeadingItem = function SkeletonHeadingItem(_ref) {
|
|
|
51
45
|
width = _ref.width,
|
|
52
46
|
xcss = _ref.xcss;
|
|
53
47
|
return /*#__PURE__*/React.createElement("div", {
|
|
54
|
-
className: (0, _runtime.ax)([styles.skeleton, width && styles.customWidth, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5
|
|
55
|
-
|
|
56
|
-
"data-testid": testId,
|
|
57
|
-
style: _objectSpread(_objectSpread({}, {
|
|
48
|
+
className: (0, _runtime.ax)([styles.skeleton, width && styles.customWidth, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5 _19oh1254 _10881254 _18lgp3kn _zo24p3kn _1hfkizff _1rusizff", xcss]),
|
|
49
|
+
style: {
|
|
58
50
|
'--width': width
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
})
|
|
51
|
+
},
|
|
52
|
+
"data-ds--menu--skeleton-heading-item": true,
|
|
53
|
+
"data-testid": testId
|
|
63
54
|
});
|
|
64
55
|
};
|
|
65
56
|
var _default = exports.default = SkeletonHeadingItem;
|
|
@@ -4,14 +4,13 @@
|
|
|
4
4
|
._rfx3fajl:before{border-radius:var(--ds-radius-small,3px)}
|
|
5
5
|
._18zru2gc{padding-inline:var(--ds-space-100,8px)}
|
|
6
6
|
._18zrv47k{padding-inline:var(--ds-space-250,20px)}
|
|
7
|
-
._1rjcze3t{padding-block:var(--ds-space-0,0)}.
|
|
7
|
+
._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881254:before{animation-name:k1wjpvns}
|
|
8
8
|
._11w8rzut:after{flex-basis:var(--width)}
|
|
9
9
|
._18f312c5:after{animation-iteration-count:infinite}
|
|
10
10
|
._18lgp3kn:after{animation-timing-function:linear}
|
|
11
|
-
.
|
|
11
|
+
._19oh1254:after{animation-name:k1wjpvns}
|
|
12
12
|
._1e0c1txw{display:flex}
|
|
13
|
-
.
|
|
14
|
-
._1hfklbf8:after{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
|
|
13
|
+
._1hfkizff:after{background-color:var(--ds-skeleton,#0515240f)}
|
|
15
14
|
._1kt9b3bt:before{content:""}
|
|
16
15
|
._1mbqdlk8:before{margin-inline-end:14px}
|
|
17
16
|
._1mbqpxbi:before{margin-inline-end:var(--ds-space-200,1pc)}
|
|
@@ -19,8 +18,7 @@
|
|
|
19
18
|
._1mp4gktf:before{width:20px}
|
|
20
19
|
._1qdgrdoj:after{height:9px}
|
|
21
20
|
._1rhxv77o:before{margin-inline-start:var(--ds-space-025,2px)}
|
|
22
|
-
.
|
|
23
|
-
._1ruslbf8:before{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
|
|
21
|
+
._1rusizff:before{background-color:var(--ds-skeleton,#0515240f)}
|
|
24
22
|
._1tke1ylp{min-height:40px}
|
|
25
23
|
._3mxot94y:after{margin-block-start:1px}
|
|
26
24
|
._4cvr1h6o{align-items:center}
|
|
@@ -41,4 +39,4 @@
|
|
|
41
39
|
._sf1e1n8h:nth-of-type(1n):after{flex-basis:70%}
|
|
42
40
|
._unfq1yy8:after{animation-direction:alternate}
|
|
43
41
|
._zo24p3kn:before{animation-timing-function:linear}
|
|
44
|
-
@keyframes
|
|
42
|
+
@keyframes k1wjpvns{0%{background-color:var(--ds-skeleton,#0515240f)}to{background-color:var(--ds-skeleton-subtle,#17171708)}}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/* skeleton-item.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
5
|
Object.defineProperty(exports, "__esModule", {
|
|
7
6
|
value: true
|
|
@@ -10,18 +9,13 @@ exports.default = void 0;
|
|
|
10
9
|
require("./skeleton-item.compiled.css");
|
|
11
10
|
var React = _interopRequireWildcard(require("react"));
|
|
12
11
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
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); }
|
|
15
|
-
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; }
|
|
16
|
-
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; }
|
|
17
13
|
var skeletonItemElemSize = 20;
|
|
18
|
-
var N20A = 'rgba(9, 30, 66, 0.04)';
|
|
19
|
-
var N30A = 'rgba(9, 30, 66, 0.08)';
|
|
20
14
|
var styles = {
|
|
21
|
-
root: "_1rjcze3t _18zrv47k _1e0c1txw _1tke1ylp _4cvr1h6o _lcxvglyw _14mj53f4 _1qdgrdoj
|
|
15
|
+
root: "_1rjcze3t _18zrv47k _1e0c1txw _1tke1ylp _4cvr1h6o _lcxvglyw _14mj53f4 _1qdgrdoj _1hfkizff _aetrb3bt _3mxot94y",
|
|
22
16
|
defaultWidth: "_sf1e1n8h _4rfy1ssb _baud1nrf _mr7o1vuk _69tq19wn _kt4d1n05",
|
|
23
17
|
customWidth: "_11w8rzut",
|
|
24
|
-
beforeElement: "_1mp4gktf _kfgtgktf _7bjqidpf
|
|
18
|
+
beforeElement: "_1mp4gktf _kfgtgktf _7bjqidpf _1rusizff _1kt9b3bt _1mbqdlk8 _1rhxv77o",
|
|
25
19
|
avatar: "_rfx31rr0",
|
|
26
20
|
icon: "_rfx3fajl",
|
|
27
21
|
sideNavSkeleton: "_18zru2gc _kfgt1k8s _1mbqpxbi _1mp41k8s"
|
|
@@ -61,14 +55,11 @@ var SkeletonItem = function SkeletonItem(_ref) {
|
|
|
61
55
|
width = _ref.width,
|
|
62
56
|
xcss = _ref.xcss;
|
|
63
57
|
return /*#__PURE__*/React.createElement("div", {
|
|
64
|
-
className: (0, _runtime.ax)([styles.root, (hasAvatar || hasIcon) && styles.beforeElement, hasAvatar && styles.avatar, hasIcon && styles.icon, width ? styles.customWidth : styles.defaultWidth, isSideNavSkeleton && styles.sideNavSkeleton, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5
|
|
65
|
-
|
|
66
|
-
style: _objectSpread(_objectSpread({}, {
|
|
58
|
+
className: (0, _runtime.ax)([styles.root, (hasAvatar || hasIcon) && styles.beforeElement, hasAvatar && styles.avatar, hasIcon && styles.icon, width ? styles.customWidth : styles.defaultWidth, isSideNavSkeleton && styles.sideNavSkeleton, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5 _19oh1254 _10881254 _18lgp3kn _zo24p3kn _1hfkizff _1rusizff", xcss]),
|
|
59
|
+
style: {
|
|
67
60
|
'--width': width
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
"--_wb902m": (0, _runtime.ix)("var(--ds-skeleton-subtle, ".concat(N30A, ")"))
|
|
71
|
-
})
|
|
61
|
+
},
|
|
62
|
+
"data-testid": testId
|
|
72
63
|
});
|
|
73
64
|
};
|
|
74
65
|
var _default = exports.default = SkeletonItem;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._18zru2gc{padding-inline:var(--ds-space-100,8px)}
|
|
3
|
-
.
|
|
3
|
+
._mqm2lllh{border-block-start:var(--ds-border-width,1px) solid var(--ds-menu-seperator-color,var(--ds-border,#0b120e24))}._18m91wug{overflow-y:auto}
|
|
4
4
|
._1kt9b3bt:before{content:""}
|
|
5
5
|
._1l6bgktf [data-ds--menu--heading-item]{margin-block-start:20px}
|
|
6
6
|
._1mfv8jkm [data-ds--menu--skeleton-heading-item]:first-of-type{margin-block-start:19px}
|
|
@@ -30,7 +30,7 @@ var styles = {
|
|
|
30
30
|
root: "_1ywu1ule _cfu11ule _1qdgi2wt _kfgti2wt _aetrb3bt _1kt9b3bt _1p3hi2wt _1l6bgktf _osbldlk8 _auo4rdoj _hp2110yn _1mfv8jkm _1bg41n1a",
|
|
31
31
|
scrollable: "_1reo1wug _18m91wug _1o9zkb7n",
|
|
32
32
|
unscrollable: "_1o9zidpf",
|
|
33
|
-
thinSeparator: "
|
|
33
|
+
thinSeparator: "_mqm2lllh",
|
|
34
34
|
noSeparator: "_n7cnyjp0",
|
|
35
35
|
sideNavSectionHeading: "_18zru2gc"
|
|
36
36
|
};
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
|
|
31
31
|
._1qu2glyw{outline-style:none}
|
|
32
32
|
._1reo15vq{overflow-x:hidden}
|
|
33
|
-
.
|
|
33
|
+
._1rusq98m:before{background-color:var(--ds-border-selected,#1868db)}
|
|
34
34
|
._1tke1tcg{min-height:24px}
|
|
35
35
|
._1tke1ylp{min-height:40px}
|
|
36
36
|
._1tkezwfg{min-height:2pc}
|
|
@@ -43,16 +43,16 @@
|
|
|
43
43
|
._80omtlke{cursor:pointer}
|
|
44
44
|
._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
|
|
45
45
|
._ajmmnqa1{text-decoration-style:solid}
|
|
46
|
-
.
|
|
47
|
-
.
|
|
46
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
47
|
+
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
48
48
|
._iajmutpp:before{inset-block-start:var(--ds-space-150,9pt)}
|
|
49
49
|
._iajmze3t:before{inset-block-start:var(--ds-space-0,0)}
|
|
50
50
|
._kqswh2mm{position:relative}
|
|
51
51
|
._o5721q9c{white-space:nowrap}
|
|
52
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
52
53
|
._syaz1r31{color:currentColor}
|
|
53
|
-
.
|
|
54
|
-
.
|
|
55
|
-
._syazhu5v{color:var(--ds-text-selected,currentColor)}
|
|
54
|
+
._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
|
|
55
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
56
56
|
._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
|
|
57
57
|
._vchhusvi{box-sizing:border-box}
|
|
58
58
|
._y3gn1e5h{text-align:left}
|
|
@@ -60,29 +60,29 @@
|
|
|
60
60
|
._ypr0glyw:focus:not(:focus-visible){outline-style:none}
|
|
61
61
|
._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}
|
|
62
62
|
._zcxs1o36:focus:not(:focus-visible){outline-width:medium}._10531r31:visited{color:currentColor}
|
|
63
|
-
.
|
|
63
|
+
._10536x5g:visited{color:var(--ds-text-selected,#1868db)}
|
|
64
64
|
._1bg41gjf:focus{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
|
|
65
65
|
._1hvwdkaa:focus{outline-width:var(--ds-border-width-focused,2px)}
|
|
66
66
|
._49pcnqa1:focus{outline-style:solid}
|
|
67
|
-
.
|
|
67
|
+
._nt751v1w:focus{outline-color:var(--ds-border-focused,#4688ec)}
|
|
68
68
|
._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
|
|
69
69
|
._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
|
|
70
|
-
.
|
|
70
|
+
._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
|
|
71
71
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
72
72
|
._1bnxglyw:hover{text-decoration-line:none}
|
|
73
|
-
.
|
|
73
|
+
._30l316jw:hover{color:var(--ds-text-accent-blue,#1558bc)}
|
|
74
|
+
._30l31gmx:hover{color:var(--ds-text-disabled,#080f214a)}
|
|
74
75
|
._30l31r31:hover{color:currentColor}
|
|
75
|
-
.
|
|
76
|
-
._30l3hu5v:hover{color:var(--ds-text-selected,currentColor)}
|
|
76
|
+
._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}
|
|
77
77
|
._9oik1r31:hover{text-decoration-color:currentColor}
|
|
78
|
-
.
|
|
79
|
-
.
|
|
80
|
-
.
|
|
78
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
79
|
+
._irr3sm61:hover{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
80
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
81
81
|
._jf4cnqa1:hover{text-decoration-style:solid}
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
82
|
+
._1di61dpa:active{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
83
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
84
|
+
._1di6sm61:active{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
85
|
+
._9h8h1gmx:active{color:var(--ds-text-disabled,#080f214a)}
|
|
85
86
|
._9h8h1r31:active{color:currentColor}
|
|
86
|
-
.
|
|
87
|
-
._9h8hhu5v:active{color:var(--ds-text-selected,currentColor)}
|
|
87
|
+
._9h8h6x5g:active{color:var(--ds-text-selected,#1868db)}
|
|
88
88
|
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}}
|
|
@@ -10,20 +10,20 @@ const renderTitle = (Component, props) =>
|
|
|
10
10
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
11
11
|
React.createElement(Component, props);
|
|
12
12
|
const styles = {
|
|
13
|
-
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36
|
|
13
|
+
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36 _nt751v1w _mizu1v1w _1bg41gjf _1ah31gjf _49pcnqa1 _ra3xnqa1 _1hvwdkaa _128mdkaa _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
|
|
14
14
|
beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
|
|
15
15
|
content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
|
|
16
16
|
truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
|
|
17
17
|
title: "_11c8fhey",
|
|
18
18
|
wordBreak: "_1nmz1hna",
|
|
19
|
-
description: "_11c8wadc
|
|
20
|
-
disabledDescription: "
|
|
21
|
-
unselected: "
|
|
22
|
-
disabled: "_80om13gf
|
|
23
|
-
selectedBorder: "_1mp4yh40 _1cs8stnw
|
|
24
|
-
selectedNotch: "_rfx3bx74 _1mp41y44 _1cs8stnw
|
|
25
|
-
selected: "
|
|
26
|
-
selectedOld: "
|
|
19
|
+
description: "_11c8wadc _syaz1rpy",
|
|
20
|
+
disabledDescription: "_syaz1gmx",
|
|
21
|
+
unselected: "_bfhksm61 _syaz1r31 _10531r31 _irr31dpa _30l31r31 _1di61dpa _9h8h1r31",
|
|
22
|
+
disabled: "_80om13gf _bfhksm61 _syaz1gmx _irr3sm61 _30l31gmx _1di6sm61 _9h8h1gmx",
|
|
23
|
+
selectedBorder: "_1mp4yh40 _1cs8stnw _1rusq98m _1kt9b3bt _1fkrze3t _iajmze3t _z5wtze3t",
|
|
24
|
+
selectedNotch: "_rfx3bx74 _1mp41y44 _1cs8stnw _1rusq98m _1kt9b3bt _1fkrutpp _iajmutpp _z5wtze3t",
|
|
25
|
+
selected: "_bfhk15s3 _syaz6x5g _10536x5g _irr3ufnl _30l316jw _1di6nozp _9h8h6x5g",
|
|
26
|
+
selectedOld: "_30l36x5g"
|
|
27
27
|
};
|
|
28
28
|
const spacingMapStyles = {
|
|
29
29
|
cozy: "_1rjcu2gc _18zrpxbi",
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
._14mj53f4:after{border-radius:75pt}
|
|
3
3
|
._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
|
|
4
|
-
._1rjcze3t{padding-block:var(--ds-space-0,0)}.
|
|
4
|
+
._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881254:before{animation-name:k1wjpvns}
|
|
5
5
|
._18f312c5:after{animation-iteration-count:infinite}
|
|
6
6
|
._18lgp3kn:after{animation-timing-function:linear}
|
|
7
|
-
.
|
|
8
|
-
.
|
|
7
|
+
._19oh1254:after{animation-name:k1wjpvns}
|
|
8
|
+
._1hfkizff:after{background-color:var(--ds-skeleton,#0515240f)}
|
|
9
9
|
._1qdgu2gc:after{height:var(--ds-space-100,8px)}
|
|
10
|
-
.
|
|
10
|
+
._1rusizff:before{background-color:var(--ds-skeleton,#0515240f)}
|
|
11
11
|
._1ywu1ule:after{display:block}
|
|
12
12
|
._9nev1yy8:before{animation-direction:alternate}
|
|
13
13
|
._aetrb3bt:after{content:""}
|
|
@@ -18,4 +18,4 @@
|
|
|
18
18
|
._z0ai1r5k:after{width:30%}
|
|
19
19
|
._z0airzut:after{width:var(--width)}
|
|
20
20
|
._zo24p3kn:before{animation-timing-function:linear}
|
|
21
|
-
@keyframes
|
|
21
|
+
@keyframes k1wjpvns{0%{background-color:var(--ds-skeleton,#0515240f)}to{background-color:var(--ds-skeleton-subtle,#17171708)}}
|
|
@@ -2,10 +2,8 @@
|
|
|
2
2
|
import "./skeleton-heading-item.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
const N20A = 'rgba(9, 30, 66, 0.04)';
|
|
6
|
-
const N30A = 'rgba(9, 30, 66, 0.08)';
|
|
7
5
|
const styles = {
|
|
8
|
-
skeleton: "_1rjcze3t _18zrpxbi _14mj53f4 _1ywu1ule _z0ai1r5k _1qdgu2gc
|
|
6
|
+
skeleton: "_1rjcze3t _18zrpxbi _14mj53f4 _1ywu1ule _z0ai1r5k _1qdgu2gc _1hfkizff _aetrb3bt",
|
|
9
7
|
customWidth: "_z0airzut"
|
|
10
8
|
};
|
|
11
9
|
|
|
@@ -39,7 +37,7 @@ const SkeletonHeadingItem = ({
|
|
|
39
37
|
xcss
|
|
40
38
|
}) => {
|
|
41
39
|
return /*#__PURE__*/React.createElement("div", {
|
|
42
|
-
className: ax([styles.skeleton, width && styles.customWidth, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5
|
|
40
|
+
className: ax([styles.skeleton, width && styles.customWidth, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5 _19oh1254 _10881254 _18lgp3kn _zo24p3kn _1hfkizff _1rusizff", xcss]),
|
|
43
41
|
style: {
|
|
44
42
|
'--width': width
|
|
45
43
|
},
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
._rfx3fajl:before{border-radius:var(--ds-radius-small,3px)}
|
|
5
5
|
._18zru2gc{padding-inline:var(--ds-space-100,8px)}
|
|
6
6
|
._18zrv47k{padding-inline:var(--ds-space-250,20px)}
|
|
7
|
-
._1rjcze3t{padding-block:var(--ds-space-0,0)}.
|
|
7
|
+
._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881254:before{animation-name:k1wjpvns}
|
|
8
8
|
._11w8rzut:after{flex-basis:var(--width)}
|
|
9
9
|
._18f312c5:after{animation-iteration-count:infinite}
|
|
10
10
|
._18lgp3kn:after{animation-timing-function:linear}
|
|
11
|
-
.
|
|
11
|
+
._19oh1254:after{animation-name:k1wjpvns}
|
|
12
12
|
._1e0c1txw{display:flex}
|
|
13
|
-
.
|
|
13
|
+
._1hfkizff:after{background-color:var(--ds-skeleton,#0515240f)}
|
|
14
14
|
._1kt9b3bt:before{content:""}
|
|
15
15
|
._1mbqdlk8:before{margin-inline-end:14px}
|
|
16
16
|
._1mbqpxbi:before{margin-inline-end:var(--ds-space-200,1pc)}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
._1mp4gktf:before{width:20px}
|
|
19
19
|
._1qdgrdoj:after{height:9px}
|
|
20
20
|
._1rhxv77o:before{margin-inline-start:var(--ds-space-025,2px)}
|
|
21
|
-
.
|
|
21
|
+
._1rusizff:before{background-color:var(--ds-skeleton,#0515240f)}
|
|
22
22
|
._1tke1ylp{min-height:40px}
|
|
23
23
|
._3mxot94y:after{margin-block-start:1px}
|
|
24
24
|
._4cvr1h6o{align-items:center}
|
|
@@ -39,4 +39,4 @@
|
|
|
39
39
|
._sf1e1n8h:nth-of-type(1n):after{flex-basis:70%}
|
|
40
40
|
._unfq1yy8:after{animation-direction:alternate}
|
|
41
41
|
._zo24p3kn:before{animation-timing-function:linear}
|
|
42
|
-
@keyframes
|
|
42
|
+
@keyframes k1wjpvns{0%{background-color:var(--ds-skeleton,#0515240f)}to{background-color:var(--ds-skeleton-subtle,#17171708)}}
|
|
@@ -3,13 +3,11 @@ import "./skeleton-item.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
const skeletonItemElemSize = 20;
|
|
6
|
-
const N20A = 'rgba(9, 30, 66, 0.04)';
|
|
7
|
-
const N30A = 'rgba(9, 30, 66, 0.08)';
|
|
8
6
|
const styles = {
|
|
9
|
-
root: "_1rjcze3t _18zrv47k _1e0c1txw _1tke1ylp _4cvr1h6o _lcxvglyw _14mj53f4 _1qdgrdoj
|
|
7
|
+
root: "_1rjcze3t _18zrv47k _1e0c1txw _1tke1ylp _4cvr1h6o _lcxvglyw _14mj53f4 _1qdgrdoj _1hfkizff _aetrb3bt _3mxot94y",
|
|
10
8
|
defaultWidth: "_sf1e1n8h _4rfy1ssb _baud1nrf _mr7o1vuk _69tq19wn _kt4d1n05",
|
|
11
9
|
customWidth: "_11w8rzut",
|
|
12
|
-
beforeElement: "_1mp4gktf _kfgtgktf _7bjqidpf
|
|
10
|
+
beforeElement: "_1mp4gktf _kfgtgktf _7bjqidpf _1rusizff _1kt9b3bt _1mbqdlk8 _1rhxv77o",
|
|
13
11
|
avatar: "_rfx31rr0",
|
|
14
12
|
icon: "_rfx3fajl",
|
|
15
13
|
sideNavSkeleton: "_18zru2gc _kfgt1k8s _1mbqpxbi _1mp41k8s"
|
|
@@ -48,7 +46,7 @@ const SkeletonItem = ({
|
|
|
48
46
|
xcss
|
|
49
47
|
}) => {
|
|
50
48
|
return /*#__PURE__*/React.createElement("div", {
|
|
51
|
-
className: ax([styles.root, (hasAvatar || hasIcon) && styles.beforeElement, hasAvatar && styles.avatar, hasIcon && styles.icon, width ? styles.customWidth : styles.defaultWidth, isSideNavSkeleton && styles.sideNavSkeleton, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5
|
|
49
|
+
className: ax([styles.root, (hasAvatar || hasIcon) && styles.beforeElement, hasAvatar && styles.avatar, hasIcon && styles.icon, width ? styles.customWidth : styles.defaultWidth, isSideNavSkeleton && styles.sideNavSkeleton, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5 _19oh1254 _10881254 _18lgp3kn _zo24p3kn _1hfkizff _1rusizff", xcss]),
|
|
52
50
|
style: {
|
|
53
51
|
'--width': width
|
|
54
52
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._18zru2gc{padding-inline:var(--ds-space-100,8px)}
|
|
3
|
-
.
|
|
3
|
+
._mqm2lllh{border-block-start:var(--ds-border-width,1px) solid var(--ds-menu-seperator-color,var(--ds-border,#0b120e24))}._18m91wug{overflow-y:auto}
|
|
4
4
|
._1kt9b3bt:before{content:""}
|
|
5
5
|
._1l6bgktf [data-ds--menu--heading-item]{margin-block-start:20px}
|
|
6
6
|
._1mfv8jkm [data-ds--menu--skeleton-heading-item]:first-of-type{margin-block-start:19px}
|
|
@@ -19,7 +19,7 @@ const styles = {
|
|
|
19
19
|
root: "_1ywu1ule _cfu11ule _1qdgi2wt _kfgti2wt _aetrb3bt _1kt9b3bt _1p3hi2wt _1l6bgktf _osbldlk8 _auo4rdoj _hp2110yn _1mfv8jkm _1bg41n1a",
|
|
20
20
|
scrollable: "_1reo1wug _18m91wug _1o9zkb7n",
|
|
21
21
|
unscrollable: "_1o9zidpf",
|
|
22
|
-
thinSeparator: "
|
|
22
|
+
thinSeparator: "_mqm2lllh",
|
|
23
23
|
noSeparator: "_n7cnyjp0",
|
|
24
24
|
sideNavSectionHeading: "_18zru2gc"
|
|
25
25
|
};
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
|
|
31
31
|
._1qu2glyw{outline-style:none}
|
|
32
32
|
._1reo15vq{overflow-x:hidden}
|
|
33
|
-
.
|
|
33
|
+
._1rusq98m:before{background-color:var(--ds-border-selected,#1868db)}
|
|
34
34
|
._1tke1tcg{min-height:24px}
|
|
35
35
|
._1tke1ylp{min-height:40px}
|
|
36
36
|
._1tkezwfg{min-height:2pc}
|
|
@@ -43,16 +43,16 @@
|
|
|
43
43
|
._80omtlke{cursor:pointer}
|
|
44
44
|
._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
|
|
45
45
|
._ajmmnqa1{text-decoration-style:solid}
|
|
46
|
-
.
|
|
47
|
-
.
|
|
46
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
47
|
+
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
48
48
|
._iajmutpp:before{inset-block-start:var(--ds-space-150,9pt)}
|
|
49
49
|
._iajmze3t:before{inset-block-start:var(--ds-space-0,0)}
|
|
50
50
|
._kqswh2mm{position:relative}
|
|
51
51
|
._o5721q9c{white-space:nowrap}
|
|
52
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
52
53
|
._syaz1r31{color:currentColor}
|
|
53
|
-
.
|
|
54
|
-
.
|
|
55
|
-
._syazhu5v{color:var(--ds-text-selected,currentColor)}
|
|
54
|
+
._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
|
|
55
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
56
56
|
._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
|
|
57
57
|
._vchhusvi{box-sizing:border-box}
|
|
58
58
|
._y3gn1e5h{text-align:left}
|
|
@@ -60,29 +60,29 @@
|
|
|
60
60
|
._ypr0glyw:focus:not(:focus-visible){outline-style:none}
|
|
61
61
|
._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}
|
|
62
62
|
._zcxs1o36:focus:not(:focus-visible){outline-width:medium}._10531r31:visited{color:currentColor}
|
|
63
|
-
.
|
|
63
|
+
._10536x5g:visited{color:var(--ds-text-selected,#1868db)}
|
|
64
64
|
._1bg41gjf:focus{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
|
|
65
65
|
._1hvwdkaa:focus{outline-width:var(--ds-border-width-focused,2px)}
|
|
66
66
|
._49pcnqa1:focus{outline-style:solid}
|
|
67
|
-
.
|
|
67
|
+
._nt751v1w:focus{outline-color:var(--ds-border-focused,#4688ec)}
|
|
68
68
|
._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
|
|
69
69
|
._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
|
|
70
|
-
.
|
|
70
|
+
._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
|
|
71
71
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
72
72
|
._1bnxglyw:hover{text-decoration-line:none}
|
|
73
|
-
.
|
|
73
|
+
._30l316jw:hover{color:var(--ds-text-accent-blue,#1558bc)}
|
|
74
|
+
._30l31gmx:hover{color:var(--ds-text-disabled,#080f214a)}
|
|
74
75
|
._30l31r31:hover{color:currentColor}
|
|
75
|
-
.
|
|
76
|
-
._30l3hu5v:hover{color:var(--ds-text-selected,currentColor)}
|
|
76
|
+
._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}
|
|
77
77
|
._9oik1r31:hover{text-decoration-color:currentColor}
|
|
78
|
-
.
|
|
79
|
-
.
|
|
80
|
-
.
|
|
78
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
79
|
+
._irr3sm61:hover{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
80
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
81
81
|
._jf4cnqa1:hover{text-decoration-style:solid}
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
82
|
+
._1di61dpa:active{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
83
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
84
|
+
._1di6sm61:active{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
85
|
+
._9h8h1gmx:active{color:var(--ds-text-disabled,#080f214a)}
|
|
85
86
|
._9h8h1r31:active{color:currentColor}
|
|
86
|
-
.
|
|
87
|
-
._9h8hhu5v:active{color:var(--ds-text-selected,currentColor)}
|
|
87
|
+
._9h8h6x5g:active{color:var(--ds-text-selected,#1868db)}
|
|
88
88
|
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}}
|
|
@@ -13,20 +13,20 @@ var renderTitle = function renderTitle(Component, props) {
|
|
|
13
13
|
);
|
|
14
14
|
};
|
|
15
15
|
var styles = {
|
|
16
|
-
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36
|
|
16
|
+
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36 _nt751v1w _mizu1v1w _1bg41gjf _1ah31gjf _49pcnqa1 _ra3xnqa1 _1hvwdkaa _128mdkaa _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
|
|
17
17
|
beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
|
|
18
18
|
content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
|
|
19
19
|
truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
|
|
20
20
|
title: "_11c8fhey",
|
|
21
21
|
wordBreak: "_1nmz1hna",
|
|
22
|
-
description: "_11c8wadc
|
|
23
|
-
disabledDescription: "
|
|
24
|
-
unselected: "
|
|
25
|
-
disabled: "_80om13gf
|
|
26
|
-
selectedBorder: "_1mp4yh40 _1cs8stnw
|
|
27
|
-
selectedNotch: "_rfx3bx74 _1mp41y44 _1cs8stnw
|
|
28
|
-
selected: "
|
|
29
|
-
selectedOld: "
|
|
22
|
+
description: "_11c8wadc _syaz1rpy",
|
|
23
|
+
disabledDescription: "_syaz1gmx",
|
|
24
|
+
unselected: "_bfhksm61 _syaz1r31 _10531r31 _irr31dpa _30l31r31 _1di61dpa _9h8h1r31",
|
|
25
|
+
disabled: "_80om13gf _bfhksm61 _syaz1gmx _irr3sm61 _30l31gmx _1di6sm61 _9h8h1gmx",
|
|
26
|
+
selectedBorder: "_1mp4yh40 _1cs8stnw _1rusq98m _1kt9b3bt _1fkrze3t _iajmze3t _z5wtze3t",
|
|
27
|
+
selectedNotch: "_rfx3bx74 _1mp41y44 _1cs8stnw _1rusq98m _1kt9b3bt _1fkrutpp _iajmutpp _z5wtze3t",
|
|
28
|
+
selected: "_bfhk15s3 _syaz6x5g _10536x5g _irr3ufnl _30l316jw _1di6nozp _9h8h6x5g",
|
|
29
|
+
selectedOld: "_30l36x5g"
|
|
30
30
|
};
|
|
31
31
|
var spacingMapStyles = {
|
|
32
32
|
cozy: "_1rjcu2gc _18zrpxbi",
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
._14mj53f4:after{border-radius:75pt}
|
|
3
3
|
._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
|
|
4
|
-
._1rjcze3t{padding-block:var(--ds-space-0,0)}.
|
|
4
|
+
._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881254:before{animation-name:k1wjpvns}
|
|
5
5
|
._18f312c5:after{animation-iteration-count:infinite}
|
|
6
6
|
._18lgp3kn:after{animation-timing-function:linear}
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
._1hfklbf8:after{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
|
|
7
|
+
._19oh1254:after{animation-name:k1wjpvns}
|
|
8
|
+
._1hfkizff:after{background-color:var(--ds-skeleton,#0515240f)}
|
|
10
9
|
._1qdgu2gc:after{height:var(--ds-space-100,8px)}
|
|
11
|
-
.
|
|
10
|
+
._1rusizff:before{background-color:var(--ds-skeleton,#0515240f)}
|
|
12
11
|
._1ywu1ule:after{display:block}
|
|
13
12
|
._9nev1yy8:before{animation-direction:alternate}
|
|
14
13
|
._aetrb3bt:after{content:""}
|
|
@@ -19,4 +18,4 @@
|
|
|
19
18
|
._z0ai1r5k:after{width:30%}
|
|
20
19
|
._z0airzut:after{width:var(--width)}
|
|
21
20
|
._zo24p3kn:before{animation-timing-function:linear}
|
|
22
|
-
@keyframes
|
|
21
|
+
@keyframes k1wjpvns{0%{background-color:var(--ds-skeleton,#0515240f)}to{background-color:var(--ds-skeleton-subtle,#17171708)}}
|
|
@@ -1,14 +1,9 @@
|
|
|
1
1
|
/* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
2
|
import "./skeleton-heading-item.compiled.css";
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
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; }
|
|
7
|
-
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) { _defineProperty(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; }
|
|
8
|
-
var N20A = 'rgba(9, 30, 66, 0.04)';
|
|
9
|
-
var N30A = 'rgba(9, 30, 66, 0.08)';
|
|
10
5
|
var styles = {
|
|
11
|
-
skeleton: "_1rjcze3t _18zrpxbi _14mj53f4 _1ywu1ule _z0ai1r5k _1qdgu2gc
|
|
6
|
+
skeleton: "_1rjcze3t _18zrpxbi _14mj53f4 _1ywu1ule _z0ai1r5k _1qdgu2gc _1hfkizff _aetrb3bt",
|
|
12
7
|
customWidth: "_z0airzut"
|
|
13
8
|
};
|
|
14
9
|
|
|
@@ -42,15 +37,12 @@ var SkeletonHeadingItem = function SkeletonHeadingItem(_ref) {
|
|
|
42
37
|
width = _ref.width,
|
|
43
38
|
xcss = _ref.xcss;
|
|
44
39
|
return /*#__PURE__*/React.createElement("div", {
|
|
45
|
-
className: ax([styles.skeleton, width && styles.customWidth, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5
|
|
46
|
-
|
|
47
|
-
"data-testid": testId,
|
|
48
|
-
style: _objectSpread(_objectSpread({}, {
|
|
40
|
+
className: ax([styles.skeleton, width && styles.customWidth, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5 _19oh1254 _10881254 _18lgp3kn _zo24p3kn _1hfkizff _1rusizff", xcss]),
|
|
41
|
+
style: {
|
|
49
42
|
'--width': width
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
})
|
|
43
|
+
},
|
|
44
|
+
"data-ds--menu--skeleton-heading-item": true,
|
|
45
|
+
"data-testid": testId
|
|
54
46
|
});
|
|
55
47
|
};
|
|
56
48
|
export default SkeletonHeadingItem;
|
|
@@ -4,14 +4,13 @@
|
|
|
4
4
|
._rfx3fajl:before{border-radius:var(--ds-radius-small,3px)}
|
|
5
5
|
._18zru2gc{padding-inline:var(--ds-space-100,8px)}
|
|
6
6
|
._18zrv47k{padding-inline:var(--ds-space-250,20px)}
|
|
7
|
-
._1rjcze3t{padding-block:var(--ds-space-0,0)}.
|
|
7
|
+
._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881254:before{animation-name:k1wjpvns}
|
|
8
8
|
._11w8rzut:after{flex-basis:var(--width)}
|
|
9
9
|
._18f312c5:after{animation-iteration-count:infinite}
|
|
10
10
|
._18lgp3kn:after{animation-timing-function:linear}
|
|
11
|
-
.
|
|
11
|
+
._19oh1254:after{animation-name:k1wjpvns}
|
|
12
12
|
._1e0c1txw{display:flex}
|
|
13
|
-
.
|
|
14
|
-
._1hfklbf8:after{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
|
|
13
|
+
._1hfkizff:after{background-color:var(--ds-skeleton,#0515240f)}
|
|
15
14
|
._1kt9b3bt:before{content:""}
|
|
16
15
|
._1mbqdlk8:before{margin-inline-end:14px}
|
|
17
16
|
._1mbqpxbi:before{margin-inline-end:var(--ds-space-200,1pc)}
|
|
@@ -19,8 +18,7 @@
|
|
|
19
18
|
._1mp4gktf:before{width:20px}
|
|
20
19
|
._1qdgrdoj:after{height:9px}
|
|
21
20
|
._1rhxv77o:before{margin-inline-start:var(--ds-space-025,2px)}
|
|
22
|
-
.
|
|
23
|
-
._1ruslbf8:before{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
|
|
21
|
+
._1rusizff:before{background-color:var(--ds-skeleton,#0515240f)}
|
|
24
22
|
._1tke1ylp{min-height:40px}
|
|
25
23
|
._3mxot94y:after{margin-block-start:1px}
|
|
26
24
|
._4cvr1h6o{align-items:center}
|
|
@@ -41,4 +39,4 @@
|
|
|
41
39
|
._sf1e1n8h:nth-of-type(1n):after{flex-basis:70%}
|
|
42
40
|
._unfq1yy8:after{animation-direction:alternate}
|
|
43
41
|
._zo24p3kn:before{animation-timing-function:linear}
|
|
44
|
-
@keyframes
|
|
42
|
+
@keyframes k1wjpvns{0%{background-color:var(--ds-skeleton,#0515240f)}to{background-color:var(--ds-skeleton-subtle,#17171708)}}
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
/* skeleton-item.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
2
|
import "./skeleton-item.compiled.css";
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
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; }
|
|
7
|
-
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) { _defineProperty(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; }
|
|
8
5
|
var skeletonItemElemSize = 20;
|
|
9
|
-
var N20A = 'rgba(9, 30, 66, 0.04)';
|
|
10
|
-
var N30A = 'rgba(9, 30, 66, 0.08)';
|
|
11
6
|
var styles = {
|
|
12
|
-
root: "_1rjcze3t _18zrv47k _1e0c1txw _1tke1ylp _4cvr1h6o _lcxvglyw _14mj53f4 _1qdgrdoj
|
|
7
|
+
root: "_1rjcze3t _18zrv47k _1e0c1txw _1tke1ylp _4cvr1h6o _lcxvglyw _14mj53f4 _1qdgrdoj _1hfkizff _aetrb3bt _3mxot94y",
|
|
13
8
|
defaultWidth: "_sf1e1n8h _4rfy1ssb _baud1nrf _mr7o1vuk _69tq19wn _kt4d1n05",
|
|
14
9
|
customWidth: "_11w8rzut",
|
|
15
|
-
beforeElement: "_1mp4gktf _kfgtgktf _7bjqidpf
|
|
10
|
+
beforeElement: "_1mp4gktf _kfgtgktf _7bjqidpf _1rusizff _1kt9b3bt _1mbqdlk8 _1rhxv77o",
|
|
16
11
|
avatar: "_rfx31rr0",
|
|
17
12
|
icon: "_rfx3fajl",
|
|
18
13
|
sideNavSkeleton: "_18zru2gc _kfgt1k8s _1mbqpxbi _1mp41k8s"
|
|
@@ -52,14 +47,11 @@ var SkeletonItem = function SkeletonItem(_ref) {
|
|
|
52
47
|
width = _ref.width,
|
|
53
48
|
xcss = _ref.xcss;
|
|
54
49
|
return /*#__PURE__*/React.createElement("div", {
|
|
55
|
-
className: ax([styles.root, (hasAvatar || hasIcon) && styles.beforeElement, hasAvatar && styles.avatar, hasIcon && styles.icon, width ? styles.customWidth : styles.defaultWidth, isSideNavSkeleton && styles.sideNavSkeleton, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5
|
|
56
|
-
|
|
57
|
-
style: _objectSpread(_objectSpread({}, {
|
|
50
|
+
className: ax([styles.root, (hasAvatar || hasIcon) && styles.beforeElement, hasAvatar && styles.avatar, hasIcon && styles.icon, width ? styles.customWidth : styles.defaultWidth, isSideNavSkeleton && styles.sideNavSkeleton, isShimmering && "", isShimmering && "_unfq1yy8 _9nev1yy8 _kwc012o8 _joxl12o8 _18f312c5 _evp612c5 _19oh1254 _10881254 _18lgp3kn _zo24p3kn _1hfkizff _1rusizff", xcss]),
|
|
51
|
+
style: {
|
|
58
52
|
'--width': width
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
"--_wb902m": ix("var(--ds-skeleton-subtle, ".concat(N30A, ")"))
|
|
62
|
-
})
|
|
53
|
+
},
|
|
54
|
+
"data-testid": testId
|
|
63
55
|
});
|
|
64
56
|
};
|
|
65
57
|
export default SkeletonItem;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._18zru2gc{padding-inline:var(--ds-space-100,8px)}
|
|
3
|
-
.
|
|
3
|
+
._mqm2lllh{border-block-start:var(--ds-border-width,1px) solid var(--ds-menu-seperator-color,var(--ds-border,#0b120e24))}._18m91wug{overflow-y:auto}
|
|
4
4
|
._1kt9b3bt:before{content:""}
|
|
5
5
|
._1l6bgktf [data-ds--menu--heading-item]{margin-block-start:20px}
|
|
6
6
|
._1mfv8jkm [data-ds--menu--skeleton-heading-item]:first-of-type{margin-block-start:19px}
|
|
@@ -21,7 +21,7 @@ var styles = {
|
|
|
21
21
|
root: "_1ywu1ule _cfu11ule _1qdgi2wt _kfgti2wt _aetrb3bt _1kt9b3bt _1p3hi2wt _1l6bgktf _osbldlk8 _auo4rdoj _hp2110yn _1mfv8jkm _1bg41n1a",
|
|
22
22
|
scrollable: "_1reo1wug _18m91wug _1o9zkb7n",
|
|
23
23
|
unscrollable: "_1o9zidpf",
|
|
24
|
-
thinSeparator: "
|
|
24
|
+
thinSeparator: "_mqm2lllh",
|
|
25
25
|
noSeparator: "_n7cnyjp0",
|
|
26
26
|
sideNavSectionHeading: "_18zru2gc"
|
|
27
27
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/menu",
|
|
3
|
-
"version": "8.4.
|
|
3
|
+
"version": "8.4.22",
|
|
4
4
|
"description": "A list of options to help users navigate, or perform actions.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -17,6 +17,13 @@
|
|
|
17
17
|
],
|
|
18
18
|
"atlaskit:src": "src/index.tsx",
|
|
19
19
|
"atlassian": {
|
|
20
|
+
"react-compiler": {
|
|
21
|
+
"enabled": true,
|
|
22
|
+
"gating": {
|
|
23
|
+
"source": "@atlassian/react-compiler-gating",
|
|
24
|
+
"importSpecifierName": "isReactCompilerActivePlatform"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
20
27
|
"team": "Design System Team",
|
|
21
28
|
"website": {
|
|
22
29
|
"name": "Menu",
|
|
@@ -60,11 +67,12 @@
|
|
|
60
67
|
"@atlaskit/button": "^23.10.0",
|
|
61
68
|
"@atlaskit/docs": "^11.7.0",
|
|
62
69
|
"@atlaskit/ds-lib": "^6.0.0",
|
|
63
|
-
"@atlaskit/icon": "^
|
|
70
|
+
"@atlaskit/icon": "^34.0.0",
|
|
64
71
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
65
72
|
"@atlaskit/icon-object": "^7.5.0",
|
|
66
73
|
"@atlaskit/link": "^3.3.0",
|
|
67
74
|
"@atlaskit/section-message": "^8.12.0",
|
|
75
|
+
"@atlassian/react-compiler-gating": "workspace:^",
|
|
68
76
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
69
77
|
"@testing-library/react": "^16.3.0",
|
|
70
78
|
"ast-types": "^0.13.3",
|