@atlaskit/react-select 3.8.7 → 3.8.9
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 +13 -0
- package/dist/cjs/components/control.compiled.css +11 -11
- package/dist/cjs/components/control.js +4 -4
- package/dist/cjs/components/group.compiled.css +1 -1
- package/dist/cjs/components/group.js +1 -1
- package/dist/cjs/components/indicators.compiled.css +4 -4
- package/dist/cjs/components/indicators.js +3 -3
- package/dist/cjs/components/input.compiled.css +1 -1
- package/dist/cjs/components/input.js +2 -2
- package/dist/cjs/components/multi-value.compiled.css +6 -6
- package/dist/cjs/components/multi-value.js +4 -4
- package/dist/cjs/components/option.compiled.css +10 -10
- package/dist/cjs/components/option.js +5 -5
- package/dist/cjs/components/placeholder.compiled.css +2 -2
- package/dist/cjs/components/placeholder.js +2 -2
- package/dist/cjs/components/single-value.compiled.css +2 -2
- package/dist/cjs/components/single-value.js +2 -2
- package/dist/es2019/components/control.compiled.css +11 -11
- package/dist/es2019/components/control.js +4 -4
- package/dist/es2019/components/group.compiled.css +1 -1
- package/dist/es2019/components/group.js +1 -1
- package/dist/es2019/components/indicators.compiled.css +4 -4
- package/dist/es2019/components/indicators.js +3 -3
- package/dist/es2019/components/input.compiled.css +1 -1
- package/dist/es2019/components/input.js +2 -2
- package/dist/es2019/components/multi-value.compiled.css +6 -6
- package/dist/es2019/components/multi-value.js +4 -4
- package/dist/es2019/components/option.compiled.css +10 -10
- package/dist/es2019/components/option.js +5 -5
- package/dist/es2019/components/placeholder.compiled.css +2 -2
- package/dist/es2019/components/placeholder.js +2 -2
- package/dist/es2019/components/single-value.compiled.css +2 -2
- package/dist/es2019/components/single-value.js +2 -2
- package/dist/esm/components/control.compiled.css +11 -11
- package/dist/esm/components/control.js +4 -4
- package/dist/esm/components/group.compiled.css +1 -1
- package/dist/esm/components/group.js +1 -1
- package/dist/esm/components/indicators.compiled.css +4 -4
- package/dist/esm/components/indicators.js +3 -3
- package/dist/esm/components/input.compiled.css +1 -1
- package/dist/esm/components/input.js +2 -2
- package/dist/esm/components/multi-value.compiled.css +6 -6
- package/dist/esm/components/multi-value.js +4 -4
- package/dist/esm/components/option.compiled.css +10 -10
- package/dist/esm/components/option.js +5 -5
- package/dist/esm/components/placeholder.compiled.css +2 -2
- package/dist/esm/components/placeholder.js +2 -2
- package/dist/esm/components/single-value.compiled.css +2 -2
- package/dist/esm/components/single-value.js +2 -2
- package/dist/types/index.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/react-select
|
|
2
2
|
|
|
3
|
+
## 3.8.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`7264c5e8ee76b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7264c5e8ee76b) -
|
|
8
|
+
export additional type
|
|
9
|
+
|
|
10
|
+
## 3.8.8
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 3.8.7
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -4,15 +4,15 @@
|
|
|
4
4
|
._189ee4h9{border-width:var(--ds-border-width,1px)}
|
|
5
5
|
._1dqonqa1{border-style:solid}
|
|
6
6
|
._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
|
|
7
|
-
._1h6d1elr{border-color:var(--ds-border-input,#8590a2)}
|
|
8
7
|
._1h6d1j28{border-color:transparent}
|
|
9
|
-
.
|
|
10
|
-
.
|
|
8
|
+
._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}
|
|
9
|
+
._1h6dby5v{border-color:var(--ds-background-disabled,#17171708)}
|
|
10
|
+
._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}._123byq51:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}
|
|
11
11
|
._12ji1r31{outline-color:currentColor}
|
|
12
12
|
._12y3idpf{outline-width:0}
|
|
13
13
|
._15peftgi::-webkit-scrollbar{height:8px}
|
|
14
14
|
._16qsizbr{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
|
|
15
|
-
.
|
|
15
|
+
._16qsvyy1{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
|
|
16
16
|
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
17
17
|
._1bah1yb4{justify-content:space-between}
|
|
18
18
|
._1e0c1txw{display:flex}
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
._80om73ad{cursor:default}
|
|
26
26
|
._bfhk1j28{background-color:transparent}
|
|
27
27
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
28
|
+
._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
|
|
28
29
|
._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
|
|
29
|
-
._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
|
|
30
30
|
._bfhkvuon{background-color:var(--ds-surface,#fff)}
|
|
31
31
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
32
32
|
._jaboglyw::-webkit-scrollbar-corner{display:none}
|
|
@@ -34,17 +34,17 @@
|
|
|
34
34
|
._lcxvglyw{pointer-events:none}
|
|
35
35
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
36
36
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
37
|
-
.
|
|
37
|
+
._1u6l1s3b:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#17171708)}
|
|
38
38
|
._1u6l3sij:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
|
|
39
39
|
._1u6lizbr:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
|
|
40
|
-
.
|
|
41
|
-
.
|
|
40
|
+
._1u6luvb6:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-input,#8c8f97)}
|
|
41
|
+
._1u6lvyy1:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
|
|
42
42
|
._4cvx1bqt:hover{border-color:var(--ds-border-danger,#e2483d)}
|
|
43
|
-
._4cvx1elr:hover{border-color:var(--ds-border-input,#8590a2)}
|
|
44
43
|
._4cvx1j28:hover{border-color:transparent}
|
|
45
|
-
.
|
|
44
|
+
._4cvx1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
|
|
45
|
+
._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
|
|
46
46
|
._1ogl1caj::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}
|
|
47
47
|
._d0altlke:hover{cursor:pointer}
|
|
48
|
-
._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
|
|
49
48
|
._irr31j28:hover{background-color:transparent}
|
|
49
|
+
._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
|
|
50
50
|
._irr3r01l:hover{background-color:var(--ds-background-input-pressed,#fff)}
|
|
@@ -16,12 +16,12 @@ var _utils = require("../utils");
|
|
|
16
16
|
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); }
|
|
17
17
|
/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
18
18
|
var styles = {
|
|
19
|
-
default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _v564r5cv
|
|
19
|
+
default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _v564r5cv _1h6drsbi _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _15peftgi _1ke8ftgi _jaboglyw _1u6luvb6 _4cvxrsbi _123byq51 _d0altlke _irr3l4ek _1ogl1caj",
|
|
20
20
|
compact: "_1tkezwfg",
|
|
21
21
|
invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
|
|
22
|
-
focusedInvalid: "
|
|
23
|
-
disabled: "
|
|
24
|
-
focused: "
|
|
22
|
+
focusedInvalid: "_16qsvyy1",
|
|
23
|
+
disabled: "_1h6dby5v _lcxvglyw _bfhkby5v _1u6l1s3b",
|
|
24
|
+
focused: "_1h6d1v1w _bfhkr01l _16qsvyy1 _1u6lvyy1 _4cvx1v1w _irr3r01l",
|
|
25
25
|
subtle: "_1h6d1j28 _bfhk1j28 _1u6l3sij",
|
|
26
26
|
subtleFocused: "_bfhkvuon",
|
|
27
27
|
none: "_1h6d1j28 _bfhk1j28 _1u6l3sij _4cvx1j28 _irr31j28"
|
|
@@ -7,5 +7,5 @@
|
|
|
7
7
|
._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
|
|
8
8
|
._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
|
|
9
9
|
._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
|
|
10
|
-
.
|
|
10
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
11
11
|
._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
|
|
@@ -69,7 +69,7 @@ var GroupHeading = exports.GroupHeading = function GroupHeading(props) {
|
|
|
69
69
|
className = _getStyleProps2.className;
|
|
70
70
|
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
|
|
71
71
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
72
|
-
className: (0, _runtime.ax)(["_11c81o8v _1e0c1ule
|
|
72
|
+
className: (0, _runtime.ax)(["_11c81o8v _1e0c1ule _syazazsu _80om73ad _k48pmoej _6rthpd1z _y4tiutpp _bozgutpp _1p1dglyw", (0, _react2.cx)(className, xcss, '-group')])
|
|
73
73
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
74
74
|
,
|
|
75
75
|
style: css
|
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
|
|
16
16
|
._n3tdidpf{padding-bottom:0}
|
|
17
17
|
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
18
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
19
|
+
._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
|
|
20
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
21
21
|
._u5f312x7{padding-right:var(--ds-space-075,6px)}
|
|
22
22
|
._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
|
|
23
23
|
._u5f3v77o{padding-right:var(--ds-space-025,2px)}
|
|
24
|
-
.
|
|
24
|
+
._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
|
|
@@ -39,9 +39,9 @@ var dropdownWrapperStyles = {
|
|
|
39
39
|
// ==============================
|
|
40
40
|
|
|
41
41
|
var dropdownStyles = {
|
|
42
|
-
default: "_v564vrg3 _1e0c1txw
|
|
42
|
+
default: "_v564vrg3 _1e0c1txw _syazazsu _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
|
|
43
43
|
compact: "_ca0qidpf _n3tdidpf",
|
|
44
|
-
disabled: "
|
|
44
|
+
disabled: "_syaz1gmx"
|
|
45
45
|
};
|
|
46
46
|
var dropdownIndicatorCSS = exports.dropdownIndicatorCSS = function dropdownIndicatorCSS() {
|
|
47
47
|
return {};
|
|
@@ -80,7 +80,7 @@ var clearIndicatorCSS = exports.clearIndicatorCSS = function clearIndicatorCSS()
|
|
|
80
80
|
return {};
|
|
81
81
|
};
|
|
82
82
|
var clearIndicatorStyles = {
|
|
83
|
-
default: "_v564vrg3 _1e0c1txw
|
|
83
|
+
default: "_v564vrg3 _1e0c1txw _syaz1rpy _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
|
|
84
84
|
compact: "_ca0qidpf _n3tdidpf"
|
|
85
85
|
};
|
|
86
86
|
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
._n3tdidpf{padding-bottom:0}
|
|
44
44
|
._otyridpf{margin-bottom:0}
|
|
45
45
|
._pfztidpf:after{margin-left:0}
|
|
46
|
-
._syaz1fxt{color:var(--ds-text,#172b4d)}
|
|
47
46
|
._syaz1kw7{color:inherit}
|
|
47
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
48
48
|
._tzy4idpf{opacity:0}
|
|
49
49
|
._tzy4kb7n{opacity:1}
|
|
50
50
|
._u5f3idpf{padding-right:0}
|
|
@@ -21,11 +21,11 @@ var inputCSS = exports.inputCSS = function inputCSS() {
|
|
|
21
21
|
return {};
|
|
22
22
|
};
|
|
23
23
|
var inputStylesOld = {
|
|
24
|
-
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _1e0c1n7u _yv0e12qd
|
|
24
|
+
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _1e0c1n7u _yv0e12qd _syazi7uo _j8d6idpf _1av2idpf _1doyidpf _pfztidpf _uoe3idpf _1recidpf _70xridpf _1k96idpf _eq43idpf _1h9u1kw7 _ckog1yjy _1x651r31 _1nn4glyw _1rzeidpf _1yd8yh40 _aetr11ps _uy7x15vq _1qjlqvpr",
|
|
25
25
|
disabled: "_3um015vq"
|
|
26
26
|
};
|
|
27
27
|
var inputStyles = {
|
|
28
|
-
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _kqswh2mm _1e0c1txw _yv0e12qd
|
|
28
|
+
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _kqswh2mm _1e0c1txw _yv0e12qd _syazi7uo _j8d6idpf _1av2idpf _1doyidpf _pfztidpf _uoe3idpf _1recidpf _70xridpf _1k96idpf _eq43idpf _1h9u1kw7 _ckog1yjy _1x651r31 _1nn4glyw _1rzeidpf _1yd8yh40 _aetr11ps _uy7x15vq _1qjlqvpr",
|
|
29
29
|
disabled: "_3um015vq"
|
|
30
30
|
};
|
|
31
31
|
var nativeInputStylesOld = null;
|
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
|
|
23
23
|
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
|
|
24
24
|
._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
|
|
25
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
25
26
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
26
27
|
._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
|
|
27
|
-
.
|
|
28
|
-
._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
|
|
28
|
+
._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
|
|
29
29
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
30
30
|
._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
|
|
31
31
|
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
@@ -34,15 +34,15 @@
|
|
|
34
34
|
._o5721q9c{white-space:nowrap}
|
|
35
35
|
._p12f1osq{max-width:100%}
|
|
36
36
|
._r06hglyw{-webkit-appearance:none;appearance:none}
|
|
37
|
-
.
|
|
37
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
38
38
|
._syaz1kw7{color:inherit}
|
|
39
|
-
._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
|
|
40
39
|
._syaz1wum{color:var(--ds-text-selected,#333)}
|
|
40
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
41
41
|
._syazjpor{color:var(--ds-text,#333)}
|
|
42
42
|
._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
|
|
43
43
|
._1ah312gs:focus-visible{outline-offset:-2px}
|
|
44
44
|
._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
|
|
45
|
-
.
|
|
46
|
-
.
|
|
45
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
46
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
47
47
|
._i5f81jjn:active{fill:var(--ds-text-danger,#000)}
|
|
48
48
|
@media screen and (-ms-high-contrast:active){._1aewe4h9{border-width:var(--ds-border-width,1px)}._6up51j28{border-color:transparent}._1xdnnqa1{border-style:solid}._3yq3glyw{border:none}}
|
|
@@ -23,8 +23,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
23
23
|
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; }
|
|
24
24
|
var multiValueStyles = {
|
|
25
25
|
root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazjpor _3yq3glyw",
|
|
26
|
-
disabled: "
|
|
27
|
-
focused: "_syaz1wum
|
|
26
|
+
disabled: "_syaz1gmx _bfhki8nm",
|
|
27
|
+
focused: "_syaz1wum _bfhk15s3 _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1"
|
|
28
28
|
};
|
|
29
29
|
var multiValueCSS = exports.multiValueCSS = function multiValueCSS() {
|
|
30
30
|
return {};
|
|
@@ -34,7 +34,7 @@ var multiValueLabelCSS = exports.multiValueLabelCSS = function multiValueLabelCS
|
|
|
34
34
|
};
|
|
35
35
|
var multiValueLabelStyles = {
|
|
36
36
|
root: "_1reo15vq _18m915vq _2rkolb4i _11c82smr _o5721q9c _y4tiv77o _bozg1b66 _syaz1kw7",
|
|
37
|
-
disabled: "
|
|
37
|
+
disabled: "_syaz1gmx",
|
|
38
38
|
ellipsis: "_1bto1l2s"
|
|
39
39
|
};
|
|
40
40
|
var multiValueRemoveCSS = exports.multiValueRemoveCSS = function multiValueRemoveCSS() {
|
|
@@ -42,7 +42,7 @@ var multiValueRemoveCSS = exports.multiValueRemoveCSS = function multiValueRemov
|
|
|
42
42
|
};
|
|
43
43
|
var multiValueRemoveStyles = {
|
|
44
44
|
focused: "_bfhkb1q9 _lswu1rrc",
|
|
45
|
-
root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61
|
|
45
|
+
root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61 _syazi7uo _1e0c1txw _lswu1dx5 _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr31dpa _13br1jjn _1di6fcek _i5f81jjn"
|
|
46
46
|
};
|
|
47
47
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
48
48
|
var MultiValueContainer = exports.MultiValueContainer = function MultiValueContainer(_ref) {
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
|
|
2
2
|
._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
|
|
3
|
-
._1rjc12x7{padding-block:var(--ds-space-075,6px)}.
|
|
4
|
-
.
|
|
3
|
+
._1rjc12x7{padding-block:var(--ds-space-075,6px)}._16qs1x9r{box-shadow:inset 2px 0 0 var(--ds-border-selected,#1868db)}
|
|
4
|
+
._16qsglyw{box-shadow:none}
|
|
5
5
|
._18ql1j7p{-webkit-tap-highlight-color:rgba(0,0,0,0)}
|
|
6
6
|
._1bsb1osq{width:100%}
|
|
7
7
|
._1e0c1ule{display:block}
|
|
8
8
|
._1wyb1kw7{font-size:inherit}
|
|
9
9
|
._80om13gf{cursor:not-allowed}
|
|
10
10
|
._80om73ad{cursor:default}
|
|
11
|
-
.
|
|
11
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
12
|
+
._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
12
13
|
._bfhk1j28{background-color:transparent}
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
|
|
14
|
+
._bfhkufnl{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
15
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
16
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
17
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
18
18
|
._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
|
|
19
|
-
._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
|
|
20
|
-
._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
|
|
21
19
|
._1di61j28:active{background-color:transparent}
|
|
20
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
21
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
22
22
|
@media screen and (-ms-high-contrast:active){._112e5u6v{border-inline-start:var(--ds-border-width-selected,2px) solid transparent}._112eglyw{border-inline-start:none}}
|
|
@@ -18,11 +18,11 @@ var optionCSS = exports.optionCSS = function optionCSS() {
|
|
|
18
18
|
return {};
|
|
19
19
|
};
|
|
20
20
|
var optionStyles = {
|
|
21
|
-
root: "_1rjc12x7 _18zrutpp
|
|
22
|
-
disabled: "
|
|
23
|
-
focused: "
|
|
24
|
-
selected: "
|
|
25
|
-
focusedSelected: "
|
|
21
|
+
root: "_1rjc12x7 _18zrutpp _syazi7uo _80om73ad _1e0c1ule _1wyb1kw7 _1bsb1osq _uiztglyw _18ql1j7p _1di6fcek",
|
|
22
|
+
disabled: "_syaz1gmx _80om13gf _bfhk1j28 _16qsglyw _1di61j28 _112eglyw",
|
|
23
|
+
focused: "_bfhk1dpa _16qs1x9r _112e5u6v",
|
|
24
|
+
selected: "_syaz6x5g _bfhk15s3 _16qs1x9r _1di6nozp _112e5u6v",
|
|
25
|
+
focusedSelected: "_bfhkufnl"
|
|
26
26
|
};
|
|
27
27
|
var Option = function Option(props) {
|
|
28
28
|
var children = props.children,
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
._19pkidpf{margin-top:0}
|
|
4
4
|
._2hwxv77o{margin-right:var(--ds-space-025,2px)}
|
|
5
5
|
._otyridpf{margin-bottom:0}
|
|
6
|
-
.
|
|
7
|
-
.
|
|
6
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
7
|
+
._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
|
|
@@ -18,8 +18,8 @@ var placeholderCSS = exports.placeholderCSS = function placeholderCSS() {
|
|
|
18
18
|
return {};
|
|
19
19
|
};
|
|
20
20
|
var placeholderStyles = {
|
|
21
|
-
root: "_nd5l1sux _19pkidpf _2hwxv77o _otyridpf _18u0v77o
|
|
22
|
-
disabled: "
|
|
21
|
+
root: "_nd5l1sux _19pkidpf _2hwxv77o _otyridpf _18u0v77o _syaz1rpy",
|
|
22
|
+
disabled: "_syaz1gmx"
|
|
23
23
|
};
|
|
24
24
|
var Placeholder = function Placeholder(props) {
|
|
25
25
|
var children = props.children,
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
._o5721q9c{white-space:nowrap}
|
|
9
9
|
._otyridpf{margin-bottom:0}
|
|
10
10
|
._p12f1osq{max-width:100%}
|
|
11
|
-
.
|
|
12
|
-
.
|
|
11
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
12
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
@@ -18,8 +18,8 @@ var css = exports.css = function css() {
|
|
|
18
18
|
return {};
|
|
19
19
|
};
|
|
20
20
|
var styles = {
|
|
21
|
-
root: "_nd5l1sux _1reo15vq _18m915vq _p12f1osq _1bto1l2s _o5721q9c _19pkidpf _2hwxv77o _otyridpf _18u0v77o
|
|
22
|
-
disalbed: "
|
|
21
|
+
root: "_nd5l1sux _1reo15vq _18m915vq _p12f1osq _1bto1l2s _o5721q9c _19pkidpf _2hwxv77o _otyridpf _18u0v77o _syazi7uo",
|
|
22
|
+
disalbed: "_syaz1gmx"
|
|
23
23
|
};
|
|
24
24
|
var SingleValue = function SingleValue(props) {
|
|
25
25
|
var children = props.children,
|
|
@@ -4,15 +4,15 @@
|
|
|
4
4
|
._189ee4h9{border-width:var(--ds-border-width,1px)}
|
|
5
5
|
._1dqonqa1{border-style:solid}
|
|
6
6
|
._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
|
|
7
|
-
._1h6d1elr{border-color:var(--ds-border-input,#8590a2)}
|
|
8
7
|
._1h6d1j28{border-color:transparent}
|
|
9
|
-
.
|
|
10
|
-
.
|
|
8
|
+
._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}
|
|
9
|
+
._1h6dby5v{border-color:var(--ds-background-disabled,#17171708)}
|
|
10
|
+
._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}._123byq51:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}
|
|
11
11
|
._12ji1r31{outline-color:currentColor}
|
|
12
12
|
._12y3idpf{outline-width:0}
|
|
13
13
|
._15peftgi::-webkit-scrollbar{height:8px}
|
|
14
14
|
._16qsizbr{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
|
|
15
|
-
.
|
|
15
|
+
._16qsvyy1{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
|
|
16
16
|
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
17
17
|
._1bah1yb4{justify-content:space-between}
|
|
18
18
|
._1e0c1txw{display:flex}
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
._80om73ad{cursor:default}
|
|
26
26
|
._bfhk1j28{background-color:transparent}
|
|
27
27
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
28
|
+
._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
|
|
28
29
|
._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
|
|
29
|
-
._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
|
|
30
30
|
._bfhkvuon{background-color:var(--ds-surface,#fff)}
|
|
31
31
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
32
32
|
._jaboglyw::-webkit-scrollbar-corner{display:none}
|
|
@@ -34,17 +34,17 @@
|
|
|
34
34
|
._lcxvglyw{pointer-events:none}
|
|
35
35
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
36
36
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
37
|
-
.
|
|
37
|
+
._1u6l1s3b:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#17171708)}
|
|
38
38
|
._1u6l3sij:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
|
|
39
39
|
._1u6lizbr:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
|
|
40
|
-
.
|
|
41
|
-
.
|
|
40
|
+
._1u6luvb6:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-input,#8c8f97)}
|
|
41
|
+
._1u6lvyy1:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
|
|
42
42
|
._4cvx1bqt:hover{border-color:var(--ds-border-danger,#e2483d)}
|
|
43
|
-
._4cvx1elr:hover{border-color:var(--ds-border-input,#8590a2)}
|
|
44
43
|
._4cvx1j28:hover{border-color:transparent}
|
|
45
|
-
.
|
|
44
|
+
._4cvx1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
|
|
45
|
+
._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
|
|
46
46
|
._1ogl1caj::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}
|
|
47
47
|
._d0altlke:hover{cursor:pointer}
|
|
48
|
-
._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
|
|
49
48
|
._irr31j28:hover{background-color:transparent}
|
|
49
|
+
._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
|
|
50
50
|
._irr3r01l:hover{background-color:var(--ds-background-input-pressed,#fff)}
|
|
@@ -8,12 +8,12 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
8
8
|
import { cx } from '@compiled/react';
|
|
9
9
|
import { getStyleProps } from '../utils';
|
|
10
10
|
const styles = {
|
|
11
|
-
default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _v564r5cv
|
|
11
|
+
default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _v564r5cv _1h6drsbi _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _15peftgi _1ke8ftgi _jaboglyw _1u6luvb6 _4cvxrsbi _123byq51 _d0altlke _irr3l4ek _1ogl1caj",
|
|
12
12
|
compact: "_1tkezwfg",
|
|
13
13
|
invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
|
|
14
|
-
focusedInvalid: "
|
|
15
|
-
disabled: "
|
|
16
|
-
focused: "
|
|
14
|
+
focusedInvalid: "_16qsvyy1",
|
|
15
|
+
disabled: "_1h6dby5v _lcxvglyw _bfhkby5v _1u6l1s3b",
|
|
16
|
+
focused: "_1h6d1v1w _bfhkr01l _16qsvyy1 _1u6lvyy1 _4cvx1v1w _irr3r01l",
|
|
17
17
|
subtle: "_1h6d1j28 _bfhk1j28 _1u6l3sij",
|
|
18
18
|
subtleFocused: "_bfhkvuon",
|
|
19
19
|
none: "_1h6d1j28 _bfhk1j28 _1u6l3sij _4cvx1j28 _irr31j28"
|
|
@@ -7,5 +7,5 @@
|
|
|
7
7
|
._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
|
|
8
8
|
._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
|
|
9
9
|
._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
|
|
10
|
-
.
|
|
10
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
11
11
|
._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
|
|
@@ -61,7 +61,7 @@ export const GroupHeading = props => {
|
|
|
61
61
|
});
|
|
62
62
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
63
63
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
64
|
-
className: ax(["_11c81o8v _1e0c1ule
|
|
64
|
+
className: ax(["_11c81o8v _1e0c1ule _syazazsu _80om73ad _k48pmoej _6rthpd1z _y4tiutpp _bozgutpp _1p1dglyw", cx(className, xcss, '-group')])
|
|
65
65
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
66
66
|
,
|
|
67
67
|
style: css
|
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
|
|
16
16
|
._n3tdidpf{padding-bottom:0}
|
|
17
17
|
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
18
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
19
|
+
._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
|
|
20
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
21
21
|
._u5f312x7{padding-right:var(--ds-space-075,6px)}
|
|
22
22
|
._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
|
|
23
23
|
._u5f3v77o{padding-right:var(--ds-space-025,2px)}
|
|
24
|
-
.
|
|
24
|
+
._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
|
|
@@ -26,9 +26,9 @@ const dropdownWrapperStyles = {
|
|
|
26
26
|
// ==============================
|
|
27
27
|
|
|
28
28
|
const dropdownStyles = {
|
|
29
|
-
default: "_v564vrg3 _1e0c1txw
|
|
29
|
+
default: "_v564vrg3 _1e0c1txw _syazazsu _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
|
|
30
30
|
compact: "_ca0qidpf _n3tdidpf",
|
|
31
|
-
disabled: "
|
|
31
|
+
disabled: "_syaz1gmx"
|
|
32
32
|
};
|
|
33
33
|
export const dropdownIndicatorCSS = () => ({});
|
|
34
34
|
|
|
@@ -66,7 +66,7 @@ export const DropdownIndicator = props => {
|
|
|
66
66
|
};
|
|
67
67
|
export const clearIndicatorCSS = () => ({});
|
|
68
68
|
const clearIndicatorStyles = {
|
|
69
|
-
default: "_v564vrg3 _1e0c1txw
|
|
69
|
+
default: "_v564vrg3 _1e0c1txw _syaz1rpy _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
|
|
70
70
|
compact: "_ca0qidpf _n3tdidpf"
|
|
71
71
|
};
|
|
72
72
|
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
._n3tdidpf{padding-bottom:0}
|
|
44
44
|
._otyridpf{margin-bottom:0}
|
|
45
45
|
._pfztidpf:after{margin-left:0}
|
|
46
|
-
._syaz1fxt{color:var(--ds-text,#172b4d)}
|
|
47
46
|
._syaz1kw7{color:inherit}
|
|
47
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
48
48
|
._tzy4idpf{opacity:0}
|
|
49
49
|
._tzy4kb7n{opacity:1}
|
|
50
50
|
._u5f3idpf{padding-right:0}
|
|
@@ -8,11 +8,11 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
8
8
|
import { cleanCommonProps, getStyleProps } from '../utils';
|
|
9
9
|
export const inputCSS = () => ({});
|
|
10
10
|
const inputStylesOld = {
|
|
11
|
-
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _1e0c1n7u _yv0e12qd
|
|
11
|
+
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _1e0c1n7u _yv0e12qd _syazi7uo _j8d6idpf _1av2idpf _1doyidpf _pfztidpf _uoe3idpf _1recidpf _70xridpf _1k96idpf _eq43idpf _1h9u1kw7 _ckog1yjy _1x651r31 _1nn4glyw _1rzeidpf _1yd8yh40 _aetr11ps _uy7x15vq _1qjlqvpr",
|
|
12
12
|
disabled: "_3um015vq"
|
|
13
13
|
};
|
|
14
14
|
const inputStyles = {
|
|
15
|
-
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _kqswh2mm _1e0c1txw _yv0e12qd
|
|
15
|
+
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _kqswh2mm _1e0c1txw _yv0e12qd _syazi7uo _j8d6idpf _1av2idpf _1doyidpf _pfztidpf _uoe3idpf _1recidpf _70xridpf _1k96idpf _eq43idpf _1h9u1kw7 _ckog1yjy _1x651r31 _1nn4glyw _1rzeidpf _1yd8yh40 _aetr11ps _uy7x15vq _1qjlqvpr",
|
|
16
16
|
disabled: "_3um015vq"
|
|
17
17
|
};
|
|
18
18
|
const nativeInputStylesOld = null;
|
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
|
|
23
23
|
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
|
|
24
24
|
._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
|
|
25
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
25
26
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
26
27
|
._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
|
|
27
|
-
.
|
|
28
|
-
._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
|
|
28
|
+
._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
|
|
29
29
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
30
30
|
._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
|
|
31
31
|
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
@@ -34,15 +34,15 @@
|
|
|
34
34
|
._o5721q9c{white-space:nowrap}
|
|
35
35
|
._p12f1osq{max-width:100%}
|
|
36
36
|
._r06hglyw{-webkit-appearance:none;appearance:none}
|
|
37
|
-
.
|
|
37
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
38
38
|
._syaz1kw7{color:inherit}
|
|
39
|
-
._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
|
|
40
39
|
._syaz1wum{color:var(--ds-text-selected,#333)}
|
|
40
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
41
41
|
._syazjpor{color:var(--ds-text,#333)}
|
|
42
42
|
._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
|
|
43
43
|
._1ah312gs:focus-visible{outline-offset:-2px}
|
|
44
44
|
._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
|
|
45
|
-
.
|
|
46
|
-
.
|
|
45
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
46
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
47
47
|
._i5f81jjn:active{fill:var(--ds-text-danger,#000)}
|
|
48
48
|
@media screen and (-ms-high-contrast:active){._1aewe4h9{border-width:var(--ds-border-width,1px)}._6up51j28{border-color:transparent}._1xdnnqa1{border-style:solid}._3yq3glyw{border:none}}
|
|
@@ -9,20 +9,20 @@ import LegacySelectClearIcon from '@atlaskit/icon/glyph/select-clear';
|
|
|
9
9
|
import { getStyleProps } from '../utils';
|
|
10
10
|
const multiValueStyles = {
|
|
11
11
|
root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazjpor _3yq3glyw",
|
|
12
|
-
disabled: "
|
|
13
|
-
focused: "_syaz1wum
|
|
12
|
+
disabled: "_syaz1gmx _bfhki8nm",
|
|
13
|
+
focused: "_syaz1wum _bfhk15s3 _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1"
|
|
14
14
|
};
|
|
15
15
|
export const multiValueCSS = () => ({});
|
|
16
16
|
export const multiValueLabelCSS = () => ({});
|
|
17
17
|
const multiValueLabelStyles = {
|
|
18
18
|
root: "_1reo15vq _18m915vq _2rkolb4i _11c82smr _o5721q9c _y4tiv77o _bozg1b66 _syaz1kw7",
|
|
19
|
-
disabled: "
|
|
19
|
+
disabled: "_syaz1gmx",
|
|
20
20
|
ellipsis: "_1bto1l2s"
|
|
21
21
|
};
|
|
22
22
|
export const multiValueRemoveCSS = () => ({});
|
|
23
23
|
const multiValueRemoveStyles = {
|
|
24
24
|
focused: "_bfhkb1q9 _lswu1rrc",
|
|
25
|
-
root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61
|
|
25
|
+
root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61 _syazi7uo _1e0c1txw _lswu1dx5 _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr31dpa _13br1jjn _1di6fcek _i5f81jjn"
|
|
26
26
|
};
|
|
27
27
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
28
28
|
export const MultiValueContainer = ({
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
|
|
2
2
|
._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
|
|
3
|
-
._1rjc12x7{padding-block:var(--ds-space-075,6px)}.
|
|
4
|
-
.
|
|
3
|
+
._1rjc12x7{padding-block:var(--ds-space-075,6px)}._16qs1x9r{box-shadow:inset 2px 0 0 var(--ds-border-selected,#1868db)}
|
|
4
|
+
._16qsglyw{box-shadow:none}
|
|
5
5
|
._18ql1j7p{-webkit-tap-highlight-color:rgba(0,0,0,0)}
|
|
6
6
|
._1bsb1osq{width:100%}
|
|
7
7
|
._1e0c1ule{display:block}
|
|
8
8
|
._1wyb1kw7{font-size:inherit}
|
|
9
9
|
._80om13gf{cursor:not-allowed}
|
|
10
10
|
._80om73ad{cursor:default}
|
|
11
|
-
.
|
|
11
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
12
|
+
._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
12
13
|
._bfhk1j28{background-color:transparent}
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
|
|
14
|
+
._bfhkufnl{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
15
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
16
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
17
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
18
18
|
._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
|
|
19
|
-
._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
|
|
20
|
-
._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
|
|
21
19
|
._1di61j28:active{background-color:transparent}
|
|
20
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
21
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
22
22
|
@media screen and (-ms-high-contrast:active){._112e5u6v{border-inline-start:var(--ds-border-width-selected,2px) solid transparent}._112eglyw{border-inline-start:none}}
|
|
@@ -7,11 +7,11 @@ import { cx } from '@compiled/react';
|
|
|
7
7
|
import { getStyleProps } from '../utils';
|
|
8
8
|
export const optionCSS = () => ({});
|
|
9
9
|
const optionStyles = {
|
|
10
|
-
root: "_1rjc12x7 _18zrutpp
|
|
11
|
-
disabled: "
|
|
12
|
-
focused: "
|
|
13
|
-
selected: "
|
|
14
|
-
focusedSelected: "
|
|
10
|
+
root: "_1rjc12x7 _18zrutpp _syazi7uo _80om73ad _1e0c1ule _1wyb1kw7 _1bsb1osq _uiztglyw _18ql1j7p _1di6fcek",
|
|
11
|
+
disabled: "_syaz1gmx _80om13gf _bfhk1j28 _16qsglyw _1di61j28 _112eglyw",
|
|
12
|
+
focused: "_bfhk1dpa _16qs1x9r _112e5u6v",
|
|
13
|
+
selected: "_syaz6x5g _bfhk15s3 _16qs1x9r _1di6nozp _112e5u6v",
|
|
14
|
+
focusedSelected: "_bfhkufnl"
|
|
15
15
|
};
|
|
16
16
|
const Option = props => {
|
|
17
17
|
const {
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
._19pkidpf{margin-top:0}
|
|
4
4
|
._2hwxv77o{margin-right:var(--ds-space-025,2px)}
|
|
5
5
|
._otyridpf{margin-bottom:0}
|
|
6
|
-
.
|
|
7
|
-
.
|
|
6
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
7
|
+
._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
|
|
@@ -7,8 +7,8 @@ import { cx } from '@compiled/react';
|
|
|
7
7
|
import { getStyleProps } from '../utils';
|
|
8
8
|
export const placeholderCSS = () => ({});
|
|
9
9
|
const placeholderStyles = {
|
|
10
|
-
root: "_nd5l1sux _19pkidpf _2hwxv77o _otyridpf _18u0v77o
|
|
11
|
-
disabled: "
|
|
10
|
+
root: "_nd5l1sux _19pkidpf _2hwxv77o _otyridpf _18u0v77o _syaz1rpy",
|
|
11
|
+
disabled: "_syaz1gmx"
|
|
12
12
|
};
|
|
13
13
|
const Placeholder = props => {
|
|
14
14
|
const {
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
._o5721q9c{white-space:nowrap}
|
|
9
9
|
._otyridpf{margin-bottom:0}
|
|
10
10
|
._p12f1osq{max-width:100%}
|
|
11
|
-
.
|
|
12
|
-
.
|
|
11
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
12
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
@@ -7,8 +7,8 @@ import { cx } from '@compiled/react';
|
|
|
7
7
|
import { getStyleProps } from '../utils';
|
|
8
8
|
export const css = () => ({});
|
|
9
9
|
const styles = {
|
|
10
|
-
root: "_nd5l1sux _1reo15vq _18m915vq _p12f1osq _1bto1l2s _o5721q9c _19pkidpf _2hwxv77o _otyridpf _18u0v77o
|
|
11
|
-
disalbed: "
|
|
10
|
+
root: "_nd5l1sux _1reo15vq _18m915vq _p12f1osq _1bto1l2s _o5721q9c _19pkidpf _2hwxv77o _otyridpf _18u0v77o _syazi7uo",
|
|
11
|
+
disalbed: "_syaz1gmx"
|
|
12
12
|
};
|
|
13
13
|
const SingleValue = props => {
|
|
14
14
|
const {
|
|
@@ -4,15 +4,15 @@
|
|
|
4
4
|
._189ee4h9{border-width:var(--ds-border-width,1px)}
|
|
5
5
|
._1dqonqa1{border-style:solid}
|
|
6
6
|
._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
|
|
7
|
-
._1h6d1elr{border-color:var(--ds-border-input,#8590a2)}
|
|
8
7
|
._1h6d1j28{border-color:transparent}
|
|
9
|
-
.
|
|
10
|
-
.
|
|
8
|
+
._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}
|
|
9
|
+
._1h6dby5v{border-color:var(--ds-background-disabled,#17171708)}
|
|
10
|
+
._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}._123byq51:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}
|
|
11
11
|
._12ji1r31{outline-color:currentColor}
|
|
12
12
|
._12y3idpf{outline-width:0}
|
|
13
13
|
._15peftgi::-webkit-scrollbar{height:8px}
|
|
14
14
|
._16qsizbr{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
|
|
15
|
-
.
|
|
15
|
+
._16qsvyy1{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
|
|
16
16
|
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
17
17
|
._1bah1yb4{justify-content:space-between}
|
|
18
18
|
._1e0c1txw{display:flex}
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
._80om73ad{cursor:default}
|
|
26
26
|
._bfhk1j28{background-color:transparent}
|
|
27
27
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
28
|
+
._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
|
|
28
29
|
._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
|
|
29
|
-
._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
|
|
30
30
|
._bfhkvuon{background-color:var(--ds-surface,#fff)}
|
|
31
31
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
32
32
|
._jaboglyw::-webkit-scrollbar-corner{display:none}
|
|
@@ -34,17 +34,17 @@
|
|
|
34
34
|
._lcxvglyw{pointer-events:none}
|
|
35
35
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
36
36
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
37
|
-
.
|
|
37
|
+
._1u6l1s3b:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#17171708)}
|
|
38
38
|
._1u6l3sij:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
|
|
39
39
|
._1u6lizbr:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
|
|
40
|
-
.
|
|
41
|
-
.
|
|
40
|
+
._1u6luvb6:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-input,#8c8f97)}
|
|
41
|
+
._1u6lvyy1:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
|
|
42
42
|
._4cvx1bqt:hover{border-color:var(--ds-border-danger,#e2483d)}
|
|
43
|
-
._4cvx1elr:hover{border-color:var(--ds-border-input,#8590a2)}
|
|
44
43
|
._4cvx1j28:hover{border-color:transparent}
|
|
45
|
-
.
|
|
44
|
+
._4cvx1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
|
|
45
|
+
._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
|
|
46
46
|
._1ogl1caj::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}
|
|
47
47
|
._d0altlke:hover{cursor:pointer}
|
|
48
|
-
._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
|
|
49
48
|
._irr31j28:hover{background-color:transparent}
|
|
49
|
+
._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
|
|
50
50
|
._irr3r01l:hover{background-color:var(--ds-background-input-pressed,#fff)}
|
|
@@ -8,12 +8,12 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
8
8
|
import { cx } from '@compiled/react';
|
|
9
9
|
import { getStyleProps } from '../utils';
|
|
10
10
|
var styles = {
|
|
11
|
-
default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _v564r5cv
|
|
11
|
+
default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _v564r5cv _1h6drsbi _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _15peftgi _1ke8ftgi _jaboglyw _1u6luvb6 _4cvxrsbi _123byq51 _d0altlke _irr3l4ek _1ogl1caj",
|
|
12
12
|
compact: "_1tkezwfg",
|
|
13
13
|
invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
|
|
14
|
-
focusedInvalid: "
|
|
15
|
-
disabled: "
|
|
16
|
-
focused: "
|
|
14
|
+
focusedInvalid: "_16qsvyy1",
|
|
15
|
+
disabled: "_1h6dby5v _lcxvglyw _bfhkby5v _1u6l1s3b",
|
|
16
|
+
focused: "_1h6d1v1w _bfhkr01l _16qsvyy1 _1u6lvyy1 _4cvx1v1w _irr3r01l",
|
|
17
17
|
subtle: "_1h6d1j28 _bfhk1j28 _1u6l3sij",
|
|
18
18
|
subtleFocused: "_bfhkvuon",
|
|
19
19
|
none: "_1h6d1j28 _bfhk1j28 _1u6l3sij _4cvx1j28 _irr31j28"
|
|
@@ -7,5 +7,5 @@
|
|
|
7
7
|
._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
|
|
8
8
|
._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
|
|
9
9
|
._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
|
|
10
|
-
.
|
|
10
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
11
11
|
._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
|
|
@@ -60,7 +60,7 @@ export var GroupHeading = function GroupHeading(props) {
|
|
|
60
60
|
className = _getStyleProps2.className;
|
|
61
61
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
62
62
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
63
|
-
className: ax(["_11c81o8v _1e0c1ule
|
|
63
|
+
className: ax(["_11c81o8v _1e0c1ule _syazazsu _80om73ad _k48pmoej _6rthpd1z _y4tiutpp _bozgutpp _1p1dglyw", cx(className, xcss, '-group')])
|
|
64
64
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
65
65
|
,
|
|
66
66
|
style: css
|
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
|
|
16
16
|
._n3tdidpf{padding-bottom:0}
|
|
17
17
|
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
18
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
19
|
+
._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
|
|
20
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
21
21
|
._u5f312x7{padding-right:var(--ds-space-075,6px)}
|
|
22
22
|
._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
|
|
23
23
|
._u5f3v77o{padding-right:var(--ds-space-025,2px)}
|
|
24
|
-
.
|
|
24
|
+
._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
|
|
@@ -31,9 +31,9 @@ var dropdownWrapperStyles = {
|
|
|
31
31
|
// ==============================
|
|
32
32
|
|
|
33
33
|
var dropdownStyles = {
|
|
34
|
-
default: "_v564vrg3 _1e0c1txw
|
|
34
|
+
default: "_v564vrg3 _1e0c1txw _syazazsu _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
|
|
35
35
|
compact: "_ca0qidpf _n3tdidpf",
|
|
36
|
-
disabled: "
|
|
36
|
+
disabled: "_syaz1gmx"
|
|
37
37
|
};
|
|
38
38
|
export var dropdownIndicatorCSS = function dropdownIndicatorCSS() {
|
|
39
39
|
return {};
|
|
@@ -72,7 +72,7 @@ export var clearIndicatorCSS = function clearIndicatorCSS() {
|
|
|
72
72
|
return {};
|
|
73
73
|
};
|
|
74
74
|
var clearIndicatorStyles = {
|
|
75
|
-
default: "_v564vrg3 _1e0c1txw
|
|
75
|
+
default: "_v564vrg3 _1e0c1txw _syaz1rpy _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
|
|
76
76
|
compact: "_ca0qidpf _n3tdidpf"
|
|
77
77
|
};
|
|
78
78
|
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
._n3tdidpf{padding-bottom:0}
|
|
44
44
|
._otyridpf{margin-bottom:0}
|
|
45
45
|
._pfztidpf:after{margin-left:0}
|
|
46
|
-
._syaz1fxt{color:var(--ds-text,#172b4d)}
|
|
47
46
|
._syaz1kw7{color:inherit}
|
|
47
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
48
48
|
._tzy4idpf{opacity:0}
|
|
49
49
|
._tzy4kb7n{opacity:1}
|
|
50
50
|
._u5f3idpf{padding-right:0}
|
|
@@ -12,11 +12,11 @@ export var inputCSS = function inputCSS() {
|
|
|
12
12
|
return {};
|
|
13
13
|
};
|
|
14
14
|
var inputStylesOld = {
|
|
15
|
-
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _1e0c1n7u _yv0e12qd
|
|
15
|
+
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _1e0c1n7u _yv0e12qd _syazi7uo _j8d6idpf _1av2idpf _1doyidpf _pfztidpf _uoe3idpf _1recidpf _70xridpf _1k96idpf _eq43idpf _1h9u1kw7 _ckog1yjy _1x651r31 _1nn4glyw _1rzeidpf _1yd8yh40 _aetr11ps _uy7x15vq _1qjlqvpr",
|
|
16
16
|
disabled: "_3um015vq"
|
|
17
17
|
};
|
|
18
18
|
var inputStyles = {
|
|
19
|
-
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _kqswh2mm _1e0c1txw _yv0e12qd
|
|
19
|
+
root: "_16jlkb7n _1o9zkb7n _i0dl1wug _nd5l1sux _1mouv77o _195gv77o _1rjcv77o _kqswh2mm _1e0c1txw _yv0e12qd _syazi7uo _j8d6idpf _1av2idpf _1doyidpf _pfztidpf _uoe3idpf _1recidpf _70xridpf _1k96idpf _eq43idpf _1h9u1kw7 _ckog1yjy _1x651r31 _1nn4glyw _1rzeidpf _1yd8yh40 _aetr11ps _uy7x15vq _1qjlqvpr",
|
|
20
20
|
disabled: "_3um015vq"
|
|
21
21
|
};
|
|
22
22
|
var nativeInputStylesOld = null;
|
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
|
|
23
23
|
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
|
|
24
24
|
._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
|
|
25
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
25
26
|
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
|
|
26
27
|
._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
|
|
27
|
-
.
|
|
28
|
-
._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
|
|
28
|
+
._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
|
|
29
29
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
30
30
|
._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
|
|
31
31
|
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
@@ -34,15 +34,15 @@
|
|
|
34
34
|
._o5721q9c{white-space:nowrap}
|
|
35
35
|
._p12f1osq{max-width:100%}
|
|
36
36
|
._r06hglyw{-webkit-appearance:none;appearance:none}
|
|
37
|
-
.
|
|
37
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
38
38
|
._syaz1kw7{color:inherit}
|
|
39
|
-
._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
|
|
40
39
|
._syaz1wum{color:var(--ds-text-selected,#333)}
|
|
40
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
41
41
|
._syazjpor{color:var(--ds-text,#333)}
|
|
42
42
|
._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
|
|
43
43
|
._1ah312gs:focus-visible{outline-offset:-2px}
|
|
44
44
|
._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
|
|
45
|
-
.
|
|
46
|
-
.
|
|
45
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
46
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
47
47
|
._i5f81jjn:active{fill:var(--ds-text-danger,#000)}
|
|
48
48
|
@media screen and (-ms-high-contrast:active){._1aewe4h9{border-width:var(--ds-border-width,1px)}._6up51j28{border-color:transparent}._1xdnnqa1{border-style:solid}._3yq3glyw{border:none}}
|
|
@@ -12,8 +12,8 @@ import LegacySelectClearIcon from '@atlaskit/icon/glyph/select-clear';
|
|
|
12
12
|
import { getStyleProps } from '../utils';
|
|
13
13
|
var multiValueStyles = {
|
|
14
14
|
root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazjpor _3yq3glyw",
|
|
15
|
-
disabled: "
|
|
16
|
-
focused: "_syaz1wum
|
|
15
|
+
disabled: "_syaz1gmx _bfhki8nm",
|
|
16
|
+
focused: "_syaz1wum _bfhk15s3 _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1"
|
|
17
17
|
};
|
|
18
18
|
export var multiValueCSS = function multiValueCSS() {
|
|
19
19
|
return {};
|
|
@@ -23,7 +23,7 @@ export var multiValueLabelCSS = function multiValueLabelCSS() {
|
|
|
23
23
|
};
|
|
24
24
|
var multiValueLabelStyles = {
|
|
25
25
|
root: "_1reo15vq _18m915vq _2rkolb4i _11c82smr _o5721q9c _y4tiv77o _bozg1b66 _syaz1kw7",
|
|
26
|
-
disabled: "
|
|
26
|
+
disabled: "_syaz1gmx",
|
|
27
27
|
ellipsis: "_1bto1l2s"
|
|
28
28
|
};
|
|
29
29
|
export var multiValueRemoveCSS = function multiValueRemoveCSS() {
|
|
@@ -31,7 +31,7 @@ export var multiValueRemoveCSS = function multiValueRemoveCSS() {
|
|
|
31
31
|
};
|
|
32
32
|
var multiValueRemoveStyles = {
|
|
33
33
|
focused: "_bfhkb1q9 _lswu1rrc",
|
|
34
|
-
root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61
|
|
34
|
+
root: "_19itglyw _2rko12b0 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _bfhksm61 _syazi7uo _1e0c1txw _lswu1dx5 _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr31dpa _13br1jjn _1di6fcek _i5f81jjn"
|
|
35
35
|
};
|
|
36
36
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
37
37
|
export var MultiValueContainer = function MultiValueContainer(_ref) {
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
|
|
2
2
|
._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
|
|
3
|
-
._1rjc12x7{padding-block:var(--ds-space-075,6px)}.
|
|
4
|
-
.
|
|
3
|
+
._1rjc12x7{padding-block:var(--ds-space-075,6px)}._16qs1x9r{box-shadow:inset 2px 0 0 var(--ds-border-selected,#1868db)}
|
|
4
|
+
._16qsglyw{box-shadow:none}
|
|
5
5
|
._18ql1j7p{-webkit-tap-highlight-color:rgba(0,0,0,0)}
|
|
6
6
|
._1bsb1osq{width:100%}
|
|
7
7
|
._1e0c1ule{display:block}
|
|
8
8
|
._1wyb1kw7{font-size:inherit}
|
|
9
9
|
._80om13gf{cursor:not-allowed}
|
|
10
10
|
._80om73ad{cursor:default}
|
|
11
|
-
.
|
|
11
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
12
|
+
._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
12
13
|
._bfhk1j28{background-color:transparent}
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
|
|
14
|
+
._bfhkufnl{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
15
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
16
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
17
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
18
18
|
._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
|
|
19
|
-
._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
|
|
20
|
-
._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
|
|
21
19
|
._1di61j28:active{background-color:transparent}
|
|
20
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
21
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
22
22
|
@media screen and (-ms-high-contrast:active){._112e5u6v{border-inline-start:var(--ds-border-width-selected,2px) solid transparent}._112eglyw{border-inline-start:none}}
|
|
@@ -9,11 +9,11 @@ export var optionCSS = function optionCSS() {
|
|
|
9
9
|
return {};
|
|
10
10
|
};
|
|
11
11
|
var optionStyles = {
|
|
12
|
-
root: "_1rjc12x7 _18zrutpp
|
|
13
|
-
disabled: "
|
|
14
|
-
focused: "
|
|
15
|
-
selected: "
|
|
16
|
-
focusedSelected: "
|
|
12
|
+
root: "_1rjc12x7 _18zrutpp _syazi7uo _80om73ad _1e0c1ule _1wyb1kw7 _1bsb1osq _uiztglyw _18ql1j7p _1di6fcek",
|
|
13
|
+
disabled: "_syaz1gmx _80om13gf _bfhk1j28 _16qsglyw _1di61j28 _112eglyw",
|
|
14
|
+
focused: "_bfhk1dpa _16qs1x9r _112e5u6v",
|
|
15
|
+
selected: "_syaz6x5g _bfhk15s3 _16qs1x9r _1di6nozp _112e5u6v",
|
|
16
|
+
focusedSelected: "_bfhkufnl"
|
|
17
17
|
};
|
|
18
18
|
var Option = function Option(props) {
|
|
19
19
|
var children = props.children,
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
._19pkidpf{margin-top:0}
|
|
4
4
|
._2hwxv77o{margin-right:var(--ds-space-025,2px)}
|
|
5
5
|
._otyridpf{margin-bottom:0}
|
|
6
|
-
.
|
|
7
|
-
.
|
|
6
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
7
|
+
._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
|
|
@@ -9,8 +9,8 @@ export var placeholderCSS = function placeholderCSS() {
|
|
|
9
9
|
return {};
|
|
10
10
|
};
|
|
11
11
|
var placeholderStyles = {
|
|
12
|
-
root: "_nd5l1sux _19pkidpf _2hwxv77o _otyridpf _18u0v77o
|
|
13
|
-
disabled: "
|
|
12
|
+
root: "_nd5l1sux _19pkidpf _2hwxv77o _otyridpf _18u0v77o _syaz1rpy",
|
|
13
|
+
disabled: "_syaz1gmx"
|
|
14
14
|
};
|
|
15
15
|
var Placeholder = function Placeholder(props) {
|
|
16
16
|
var children = props.children,
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
._o5721q9c{white-space:nowrap}
|
|
9
9
|
._otyridpf{margin-bottom:0}
|
|
10
10
|
._p12f1osq{max-width:100%}
|
|
11
|
-
.
|
|
12
|
-
.
|
|
11
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
12
|
+
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
@@ -9,8 +9,8 @@ export var css = function css() {
|
|
|
9
9
|
return {};
|
|
10
10
|
};
|
|
11
11
|
var styles = {
|
|
12
|
-
root: "_nd5l1sux _1reo15vq _18m915vq _p12f1osq _1bto1l2s _o5721q9c _19pkidpf _2hwxv77o _otyridpf _18u0v77o
|
|
13
|
-
disalbed: "
|
|
12
|
+
root: "_nd5l1sux _1reo15vq _18m915vq _p12f1osq _1bto1l2s _o5721q9c _19pkidpf _2hwxv77o _otyridpf _18u0v77o _syazi7uo",
|
|
13
|
+
disalbed: "_syaz1gmx"
|
|
14
14
|
};
|
|
15
15
|
var SingleValue = function SingleValue(props) {
|
|
16
16
|
var children = props.children,
|
package/dist/types/index.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ export type { ControlProps } from './components/control';
|
|
|
14
14
|
export type { GroupProps, GroupHeadingProps } from './components/group';
|
|
15
15
|
export type { ClearIndicatorProps, DropdownIndicatorProps, LoadingIndicatorProps, } from './components/indicators';
|
|
16
16
|
export type { InputProps } from './components/input';
|
|
17
|
-
export type { MenuListProps, MenuProps, NoticeProps } from './components/menu';
|
|
17
|
+
export type { MenuListProps, MenuProps, NoticeProps, MenuPortalProps } from './components/menu';
|
|
18
18
|
export type { MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, } from './components/multi-value';
|
|
19
19
|
export type { OptionProps } from './components/option';
|
|
20
20
|
export type { PlaceholderProps } from './components/placeholder';
|
|
@@ -14,7 +14,7 @@ export type { ControlProps } from './components/control';
|
|
|
14
14
|
export type { GroupProps, GroupHeadingProps } from './components/group';
|
|
15
15
|
export type { ClearIndicatorProps, DropdownIndicatorProps, LoadingIndicatorProps, } from './components/indicators';
|
|
16
16
|
export type { InputProps } from './components/input';
|
|
17
|
-
export type { MenuListProps, MenuProps, NoticeProps } from './components/menu';
|
|
17
|
+
export type { MenuListProps, MenuProps, NoticeProps, MenuPortalProps } from './components/menu';
|
|
18
18
|
export type { MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, } from './components/multi-value';
|
|
19
19
|
export type { OptionProps } from './components/option';
|
|
20
20
|
export type { PlaceholderProps } from './components/placeholder';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/react-select",
|
|
3
|
-
"version": "3.8.
|
|
3
|
+
"version": "3.8.9",
|
|
4
4
|
"description": "A forked version of react-select to only be used in atlaskit/select",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"atlaskit:src": "src/index.tsx",
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@atlaskit/ds-lib": "^5.2.0",
|
|
24
|
-
"@atlaskit/icon": "^
|
|
24
|
+
"@atlaskit/icon": "^29.0.0",
|
|
25
25
|
"@atlaskit/layering": "^3.2.0",
|
|
26
26
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
27
27
|
"@atlaskit/primitives": "^16.1.0",
|