@atlaskit/react-select 3.6.1 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/cjs/compiled/components/containers.js +1 -1
- package/dist/cjs/components/containers.js +1 -1
- package/dist/cjs/components/control.js +1 -1
- package/dist/cjs/components/group.js +1 -1
- package/dist/cjs/components/indicators.js +1 -1
- package/dist/cjs/components/input.js +1 -1
- package/dist/cjs/components/internal/a11y-text.js +1 -1
- package/dist/cjs/components/internal/dummy-input.js +1 -1
- package/dist/cjs/components/internal/required-input.js +1 -1
- package/dist/cjs/components/menu.compiled.css +6 -6
- package/dist/cjs/components/menu.js +7 -7
- package/dist/cjs/components/multi-value.js +4 -5
- package/dist/cjs/components/option.js +1 -1
- package/dist/cjs/components/placeholder.js +1 -1
- package/dist/cjs/components/single-value.js +1 -1
- package/dist/es2019/compiled/components/containers.js +1 -1
- package/dist/es2019/components/containers.js +1 -1
- package/dist/es2019/components/control.js +1 -1
- package/dist/es2019/components/group.js +1 -1
- package/dist/es2019/components/indicators.js +1 -1
- package/dist/es2019/components/input.js +1 -1
- package/dist/es2019/components/internal/a11y-text.js +1 -1
- package/dist/es2019/components/internal/dummy-input.js +1 -1
- package/dist/es2019/components/internal/required-input.js +1 -1
- package/dist/es2019/components/menu.compiled.css +6 -6
- package/dist/es2019/components/menu.js +7 -7
- package/dist/es2019/components/multi-value.js +4 -5
- package/dist/es2019/components/option.js +1 -1
- package/dist/es2019/components/placeholder.js +1 -1
- package/dist/es2019/components/single-value.js +1 -1
- package/dist/esm/compiled/components/containers.js +1 -1
- package/dist/esm/components/containers.js +1 -1
- package/dist/esm/components/control.js +1 -1
- package/dist/esm/components/group.js +1 -1
- package/dist/esm/components/indicators.js +1 -1
- package/dist/esm/components/input.js +1 -1
- package/dist/esm/components/internal/a11y-text.js +1 -1
- package/dist/esm/components/internal/dummy-input.js +1 -1
- package/dist/esm/components/internal/required-input.js +1 -1
- package/dist/esm/components/menu.compiled.css +6 -6
- package/dist/esm/components/menu.js +7 -7
- package/dist/esm/components/multi-value.js +4 -5
- package/dist/esm/components/option.js +1 -1
- package/dist/esm/components/placeholder.js +1 -1
- package/dist/esm/components/single-value.js +1 -1
- package/package.json +6 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @atlaskit/react-select
|
|
2
2
|
|
|
3
|
+
## 3.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`b19759f83390f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b19759f83390f) -
|
|
8
|
+
[ux] Updates react-select styles to reflect our new visual design language. These changes were
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
3
14
|
## 3.6.1
|
|
4
15
|
|
|
5
16
|
### Patch Changes
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
|
|
2
|
-
._2rko12b0{border-radius:var(--ds-radius-small,4px)}.
|
|
3
|
-
.
|
|
2
|
+
._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
|
|
3
|
+
._152t1osq{inset-block-start:100%}
|
|
4
4
|
._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
|
|
5
5
|
._18m91wug{overflow-y:auto}
|
|
6
|
-
._19pku2gc{margin-top:var(--ds-space-100,8px)}
|
|
7
6
|
._1bsb1osq{width:100%}
|
|
8
7
|
._1bsb1qxj{width:var(--menu-width)}
|
|
9
|
-
.
|
|
8
|
+
._1e02a1vk{inset-inline-start:var(--menu-left)}
|
|
10
9
|
._1pbykb7n{z-index:1}
|
|
10
|
+
._1pfhu2gc{margin-block-start:var(--ds-space-100,8px)}
|
|
11
11
|
._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
|
|
12
|
+
._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
|
|
12
13
|
._85i5u2gc{padding-block-end:var(--ds-space-100,8px)}
|
|
13
14
|
._8am5i4x0{-webkit-overflow-scrolling:touch}
|
|
14
|
-
._94n51osq{bottom:100%}
|
|
15
15
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
16
16
|
._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
|
|
17
17
|
._kqswcp1v{position:var(--menu-position)}
|
|
18
18
|
._kqswh2mm{position:relative}
|
|
19
19
|
._kqswstnw{position:absolute}
|
|
20
|
-
.
|
|
20
|
+
._u7co1osq{inset-block-end:100%}
|
|
21
21
|
._y3gn1h6o{text-align:center}
|
|
22
22
|
._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* menu.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* menu.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -196,9 +196,9 @@ var coercePlacement = function coercePlacement(p) {
|
|
|
196
196
|
return p === 'auto' ? 'bottom' : p;
|
|
197
197
|
};
|
|
198
198
|
var menuStyles = {
|
|
199
|
-
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n
|
|
200
|
-
bottom: "
|
|
201
|
-
top: "
|
|
199
|
+
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
|
|
200
|
+
bottom: "_152t1osq",
|
|
201
|
+
top: "_u7co1osq"
|
|
202
202
|
};
|
|
203
203
|
var menuCSS = exports.menuCSS = function menuCSS() {
|
|
204
204
|
return {};
|
|
@@ -348,7 +348,7 @@ var NoOptionsMessage = exports.NoOptionsMessage = function NoOptionsMessage(_ref
|
|
|
348
348
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
349
349
|
,
|
|
350
350
|
style: css
|
|
351
|
-
// eslint-disable-next-line
|
|
351
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
352
352
|
,
|
|
353
353
|
role: "option"
|
|
354
354
|
}, innerProps), /*#__PURE__*/React.createElement(_compiled.Text, {
|
|
@@ -379,7 +379,7 @@ var LoadingMessage = exports.LoadingMessage = function LoadingMessage(_ref4) {
|
|
|
379
379
|
,
|
|
380
380
|
style: css
|
|
381
381
|
}, innerProps, {
|
|
382
|
-
// eslint-disable-next-line
|
|
382
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
383
383
|
role: "option"
|
|
384
384
|
}), /*#__PURE__*/React.createElement(_compiled.Text, {
|
|
385
385
|
color: "color.text.subtle"
|
|
@@ -394,7 +394,7 @@ var menuPortalCSS = exports.menuPortalCSS = function menuPortalCSS() {
|
|
|
394
394
|
return {};
|
|
395
395
|
};
|
|
396
396
|
var menuPortalStyles = {
|
|
397
|
-
root: "_1pbykb7n
|
|
397
|
+
root: "_1pbykb7n _1e02a1vk _kqswcp1v _152t1nmo _1bsb1qxj"
|
|
398
398
|
};
|
|
399
399
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
400
400
|
var MenuPortal = exports.MenuPortal = function MenuPortal(props) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* multi-value.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* multi-value.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -17,7 +17,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
17
17
|
var _react2 = require("@compiled/react");
|
|
18
18
|
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
|
|
19
19
|
var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
|
|
20
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
21
20
|
var _utils = require("../utils");
|
|
22
21
|
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); }
|
|
23
22
|
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; }
|
|
@@ -58,7 +57,7 @@ var MultiValueContainer = exports.MultiValueContainer = function MultiValueConta
|
|
|
58
57
|
xcss = _ref.xcss;
|
|
59
58
|
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
|
|
60
59
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
61
|
-
className: (0, _runtime.ax)([multiValueStyles.root, isDisabled && multiValueStyles.disabled, isFocused && multiValueStyles.focused,
|
|
60
|
+
className: (0, _runtime.ax)([multiValueStyles.root, isDisabled && multiValueStyles.disabled, isFocused && multiValueStyles.focused, multiValueStyles.refresh, (0, _react2.cx)(className, xcss, '-multiValue')])
|
|
62
61
|
}), children);
|
|
63
62
|
};
|
|
64
63
|
|
|
@@ -72,7 +71,7 @@ var MultiValueLabel = exports.MultiValueLabel = function MultiValueLabel(_ref2)
|
|
|
72
71
|
xcss = _ref2.xcss;
|
|
73
72
|
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
|
|
74
73
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
75
|
-
className: (0, _runtime.ax)([multiValueLabelStyles.root, isDisabled && multiValueLabelStyles.disabled, hasEllipsis && multiValueLabelStyles.ellipsis,
|
|
74
|
+
className: (0, _runtime.ax)([multiValueLabelStyles.root, isDisabled && multiValueLabelStyles.disabled, hasEllipsis && multiValueLabelStyles.ellipsis, multiValueLabelStyles.refresh, (0, _react2.cx)(className, xcss, '-MultiValueLabel')])
|
|
76
75
|
}), children);
|
|
77
76
|
};
|
|
78
77
|
var disabledStyles = null;
|
|
@@ -85,7 +84,7 @@ function MultiValueRemove(_ref3) {
|
|
|
85
84
|
xcss = _ref3.xcss;
|
|
86
85
|
return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
|
|
87
86
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
88
|
-
className: (0, _runtime.ax)([multiValueRemoveStyles.root, isFocused && multiValueRemoveStyles.focused,
|
|
87
|
+
className: (0, _runtime.ax)([multiValueRemoveStyles.root, isFocused && multiValueRemoveStyles.focused, multiValueRemoveStyles.refresh, (0, _react2.cx)(className, xcss, '-MultiValueRemove')])
|
|
89
88
|
}), /*#__PURE__*/React.createElement("div", {
|
|
90
89
|
"data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon',
|
|
91
90
|
className: (0, _runtime.ax)([isDisabled && "_1e0cglyw", !isDisabled && "_1e0c1kw7"])
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
|
|
2
|
-
._2rko12b0{border-radius:var(--ds-radius-small,4px)}.
|
|
3
|
-
.
|
|
2
|
+
._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
|
|
3
|
+
._152t1osq{inset-block-start:100%}
|
|
4
4
|
._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
|
|
5
5
|
._18m91wug{overflow-y:auto}
|
|
6
|
-
._19pku2gc{margin-top:var(--ds-space-100,8px)}
|
|
7
6
|
._1bsb1osq{width:100%}
|
|
8
7
|
._1bsb1qxj{width:var(--menu-width)}
|
|
9
|
-
.
|
|
8
|
+
._1e02a1vk{inset-inline-start:var(--menu-left)}
|
|
10
9
|
._1pbykb7n{z-index:1}
|
|
10
|
+
._1pfhu2gc{margin-block-start:var(--ds-space-100,8px)}
|
|
11
11
|
._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
|
|
12
|
+
._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
|
|
12
13
|
._85i5u2gc{padding-block-end:var(--ds-space-100,8px)}
|
|
13
14
|
._8am5i4x0{-webkit-overflow-scrolling:touch}
|
|
14
|
-
._94n51osq{bottom:100%}
|
|
15
15
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
16
16
|
._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
|
|
17
17
|
._kqswcp1v{position:var(--menu-position)}
|
|
18
18
|
._kqswh2mm{position:relative}
|
|
19
19
|
._kqswstnw{position:absolute}
|
|
20
|
-
.
|
|
20
|
+
._u7co1osq{inset-block-end:100%}
|
|
21
21
|
._y3gn1h6o{text-align:center}
|
|
22
22
|
._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* menu.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* menu.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./menu.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -183,9 +183,9 @@ function getMenuPlacement({
|
|
|
183
183
|
|
|
184
184
|
const coercePlacement = p => p === 'auto' ? 'bottom' : p;
|
|
185
185
|
const menuStyles = {
|
|
186
|
-
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n
|
|
187
|
-
bottom: "
|
|
188
|
-
top: "
|
|
186
|
+
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
|
|
187
|
+
bottom: "_152t1osq",
|
|
188
|
+
top: "_u7co1osq"
|
|
189
189
|
};
|
|
190
190
|
export const menuCSS = () => ({});
|
|
191
191
|
const PortalPlacementContext = /*#__PURE__*/createContext(null);
|
|
@@ -338,7 +338,7 @@ export const NoOptionsMessage = ({
|
|
|
338
338
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
339
339
|
,
|
|
340
340
|
style: css
|
|
341
|
-
// eslint-disable-next-line
|
|
341
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
342
342
|
,
|
|
343
343
|
role: "option"
|
|
344
344
|
}, innerProps), /*#__PURE__*/React.createElement(Text, {
|
|
@@ -371,7 +371,7 @@ export const LoadingMessage = ({
|
|
|
371
371
|
,
|
|
372
372
|
style: css
|
|
373
373
|
}, innerProps, {
|
|
374
|
-
// eslint-disable-next-line
|
|
374
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
375
375
|
role: "option"
|
|
376
376
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
377
377
|
color: "color.text.subtle"
|
|
@@ -384,7 +384,7 @@ export const LoadingMessage = ({
|
|
|
384
384
|
|
|
385
385
|
export const menuPortalCSS = () => ({});
|
|
386
386
|
const menuPortalStyles = {
|
|
387
|
-
root: "_1pbykb7n
|
|
387
|
+
root: "_1pbykb7n _1e02a1vk _kqswcp1v _152t1nmo _1bsb1qxj"
|
|
388
388
|
};
|
|
389
389
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
390
390
|
export const MenuPortal = props => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* multi-value.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* multi-value.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./multi-value.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -6,7 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
7
|
import CrossIcon from '@atlaskit/icon/core/cross';
|
|
8
8
|
import LegacySelectClearIcon from '@atlaskit/icon/glyph/select-clear';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
9
|
import { getStyleProps } from '../utils';
|
|
11
10
|
const multiValueStyles = {
|
|
12
11
|
root: "_2rkolb4i _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
|
|
@@ -39,7 +38,7 @@ export const MultiValueContainer = ({
|
|
|
39
38
|
}) => {
|
|
40
39
|
return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
|
|
41
40
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
42
|
-
className: ax([multiValueStyles.root, isDisabled && multiValueStyles.disabled, isFocused && multiValueStyles.focused,
|
|
41
|
+
className: ax([multiValueStyles.root, isDisabled && multiValueStyles.disabled, isFocused && multiValueStyles.focused, multiValueStyles.refresh, cx(className, xcss, '-multiValue')])
|
|
43
42
|
}), children);
|
|
44
43
|
};
|
|
45
44
|
|
|
@@ -54,7 +53,7 @@ export const MultiValueLabel = ({
|
|
|
54
53
|
}) => {
|
|
55
54
|
return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
|
|
56
55
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
57
|
-
className: ax([multiValueLabelStyles.root, isDisabled && multiValueLabelStyles.disabled, hasEllipsis && multiValueLabelStyles.ellipsis,
|
|
56
|
+
className: ax([multiValueLabelStyles.root, isDisabled && multiValueLabelStyles.disabled, hasEllipsis && multiValueLabelStyles.ellipsis, multiValueLabelStyles.refresh, cx(className, xcss, '-MultiValueLabel')])
|
|
58
57
|
}), children);
|
|
59
58
|
};
|
|
60
59
|
const disabledStyles = null;
|
|
@@ -68,7 +67,7 @@ export function MultiValueRemove({
|
|
|
68
67
|
}) {
|
|
69
68
|
return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
|
|
70
69
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
71
|
-
className: ax([multiValueRemoveStyles.root, isFocused && multiValueRemoveStyles.focused,
|
|
70
|
+
className: ax([multiValueRemoveStyles.root, isFocused && multiValueRemoveStyles.focused, multiValueRemoveStyles.refresh, cx(className, xcss, '-MultiValueRemove')])
|
|
72
71
|
}), /*#__PURE__*/React.createElement("div", {
|
|
73
72
|
"data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon',
|
|
74
73
|
className: ax([isDisabled && "_1e0cglyw", !isDisabled && "_1e0c1kw7"])
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* group.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* group.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _extends from "@babel/runtime/helpers/extends";
|
|
4
4
|
var _excluded = ["data"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* indicators.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* indicators.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
import _extends from "@babel/runtime/helpers/extends";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* input.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* input.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["innerRef", "isDisabled", "isHidden", "inputClassName", "testId"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* dummy-input.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* dummy-input.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["innerRef"];
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
|
|
2
|
-
._2rko12b0{border-radius:var(--ds-radius-small,4px)}.
|
|
3
|
-
.
|
|
2
|
+
._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
|
|
3
|
+
._152t1osq{inset-block-start:100%}
|
|
4
4
|
._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
|
|
5
5
|
._18m91wug{overflow-y:auto}
|
|
6
|
-
._19pku2gc{margin-top:var(--ds-space-100,8px)}
|
|
7
6
|
._1bsb1osq{width:100%}
|
|
8
7
|
._1bsb1qxj{width:var(--menu-width)}
|
|
9
|
-
.
|
|
8
|
+
._1e02a1vk{inset-inline-start:var(--menu-left)}
|
|
10
9
|
._1pbykb7n{z-index:1}
|
|
10
|
+
._1pfhu2gc{margin-block-start:var(--ds-space-100,8px)}
|
|
11
11
|
._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
|
|
12
|
+
._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
|
|
12
13
|
._85i5u2gc{padding-block-end:var(--ds-space-100,8px)}
|
|
13
14
|
._8am5i4x0{-webkit-overflow-scrolling:touch}
|
|
14
|
-
._94n51osq{bottom:100%}
|
|
15
15
|
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
|
|
16
16
|
._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
|
|
17
17
|
._kqswcp1v{position:var(--menu-position)}
|
|
18
18
|
._kqswh2mm{position:relative}
|
|
19
19
|
._kqswstnw{position:absolute}
|
|
20
|
-
.
|
|
20
|
+
._u7co1osq{inset-block-end:100%}
|
|
21
21
|
._y3gn1h6o{text-align:center}
|
|
22
22
|
._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* menu.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* menu.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _extends from "@babel/runtime/helpers/extends";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
@@ -188,9 +188,9 @@ var coercePlacement = function coercePlacement(p) {
|
|
|
188
188
|
return p === 'auto' ? 'bottom' : p;
|
|
189
189
|
};
|
|
190
190
|
var menuStyles = {
|
|
191
|
-
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n
|
|
192
|
-
bottom: "
|
|
193
|
-
top: "
|
|
191
|
+
root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
|
|
192
|
+
bottom: "_152t1osq",
|
|
193
|
+
top: "_u7co1osq"
|
|
194
194
|
};
|
|
195
195
|
export var menuCSS = function menuCSS() {
|
|
196
196
|
return {};
|
|
@@ -343,7 +343,7 @@ export var NoOptionsMessage = function NoOptionsMessage(_ref3) {
|
|
|
343
343
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
344
344
|
,
|
|
345
345
|
style: css
|
|
346
|
-
// eslint-disable-next-line
|
|
346
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
347
347
|
,
|
|
348
348
|
role: "option"
|
|
349
349
|
}, innerProps), /*#__PURE__*/React.createElement(Text, {
|
|
@@ -374,7 +374,7 @@ export var LoadingMessage = function LoadingMessage(_ref4) {
|
|
|
374
374
|
,
|
|
375
375
|
style: css
|
|
376
376
|
}, innerProps, {
|
|
377
|
-
// eslint-disable-next-line
|
|
377
|
+
// eslint-disable-next-line @atlassian/a11y/role-has-required-aria-props
|
|
378
378
|
role: "option"
|
|
379
379
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
380
380
|
color: "color.text.subtle"
|
|
@@ -389,7 +389,7 @@ export var menuPortalCSS = function menuPortalCSS() {
|
|
|
389
389
|
return {};
|
|
390
390
|
};
|
|
391
391
|
var menuPortalStyles = {
|
|
392
|
-
root: "_1pbykb7n
|
|
392
|
+
root: "_1pbykb7n _1e02a1vk _kqswcp1v _152t1nmo _1bsb1qxj"
|
|
393
393
|
};
|
|
394
394
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
395
395
|
export var MenuPortal = function MenuPortal(props) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* multi-value.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* multi-value.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _extends from "@babel/runtime/helpers/extends";
|
|
4
4
|
import "./multi-value.compiled.css";
|
|
@@ -9,7 +9,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
9
9
|
import { cx } from '@compiled/react';
|
|
10
10
|
import CrossIcon from '@atlaskit/icon/core/cross';
|
|
11
11
|
import LegacySelectClearIcon from '@atlaskit/icon/glyph/select-clear';
|
|
12
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
12
|
import { getStyleProps } from '../utils';
|
|
14
13
|
var multiValueStyles = {
|
|
15
14
|
root: "_2rkolb4i _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
|
|
@@ -47,7 +46,7 @@ export var MultiValueContainer = function MultiValueContainer(_ref) {
|
|
|
47
46
|
xcss = _ref.xcss;
|
|
48
47
|
return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
|
|
49
48
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
50
|
-
className: ax([multiValueStyles.root, isDisabled && multiValueStyles.disabled, isFocused && multiValueStyles.focused,
|
|
49
|
+
className: ax([multiValueStyles.root, isDisabled && multiValueStyles.disabled, isFocused && multiValueStyles.focused, multiValueStyles.refresh, cx(className, xcss, '-multiValue')])
|
|
51
50
|
}), children);
|
|
52
51
|
};
|
|
53
52
|
|
|
@@ -61,7 +60,7 @@ export var MultiValueLabel = function MultiValueLabel(_ref2) {
|
|
|
61
60
|
xcss = _ref2.xcss;
|
|
62
61
|
return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
|
|
63
62
|
// 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([multiValueLabelStyles.root, isDisabled && multiValueLabelStyles.disabled, hasEllipsis && multiValueLabelStyles.ellipsis,
|
|
63
|
+
className: ax([multiValueLabelStyles.root, isDisabled && multiValueLabelStyles.disabled, hasEllipsis && multiValueLabelStyles.ellipsis, multiValueLabelStyles.refresh, cx(className, xcss, '-MultiValueLabel')])
|
|
65
64
|
}), children);
|
|
66
65
|
};
|
|
67
66
|
var disabledStyles = null;
|
|
@@ -74,7 +73,7 @@ export function MultiValueRemove(_ref3) {
|
|
|
74
73
|
xcss = _ref3.xcss;
|
|
75
74
|
return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
|
|
76
75
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
77
|
-
className: ax([multiValueRemoveStyles.root, isFocused && multiValueRemoveStyles.focused,
|
|
76
|
+
className: ax([multiValueRemoveStyles.root, isFocused && multiValueRemoveStyles.focused, multiValueRemoveStyles.refresh, cx(className, xcss, '-MultiValueRemove')])
|
|
78
77
|
}), /*#__PURE__*/React.createElement("div", {
|
|
79
78
|
"data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon',
|
|
80
79
|
className: ax([isDisabled && "_1e0cglyw", !isDisabled && "_1e0c1kw7"])
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/react-select",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.7.0",
|
|
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",
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
],
|
|
21
21
|
"atlaskit:src": "src/index.tsx",
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@atlaskit/ds-lib": "^5.
|
|
24
|
-
"@atlaskit/icon": "^28.
|
|
23
|
+
"@atlaskit/ds-lib": "^5.1.0",
|
|
24
|
+
"@atlaskit/icon": "^28.3.0",
|
|
25
25
|
"@atlaskit/layering": "^3.0.0",
|
|
26
26
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
27
|
-
"@atlaskit/primitives": "^14.
|
|
27
|
+
"@atlaskit/primitives": "^14.15.0",
|
|
28
28
|
"@atlaskit/spinner": "^19.0.0",
|
|
29
|
-
"@atlaskit/tokens": "^6.
|
|
29
|
+
"@atlaskit/tokens": "^6.4.0",
|
|
30
30
|
"@babel/runtime": "^7.0.0",
|
|
31
31
|
"@compiled/react": "^0.18.3",
|
|
32
32
|
"@floating-ui/dom": "^1.0.1",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@atlaskit/checkbox": "^17.1.0",
|
|
42
|
-
"@atlaskit/form": "^
|
|
42
|
+
"@atlaskit/form": "^14.2.0",
|
|
43
43
|
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
44
44
|
"@testing-library/react": "^13.4.0",
|
|
45
45
|
"@testing-library/user-event": "^14.4.3",
|
|
@@ -49,9 +49,6 @@
|
|
|
49
49
|
"custom-interactive-elements-not-keyboard-focusable": {
|
|
50
50
|
"type": "boolean"
|
|
51
51
|
},
|
|
52
|
-
"platform-component-visual-refresh": {
|
|
53
|
-
"type": "boolean"
|
|
54
|
-
},
|
|
55
52
|
"platform_design_system_team_safari_input_fix": {
|
|
56
53
|
"type": "boolean"
|
|
57
54
|
},
|