@atlaskit/react-select 3.12.0 → 3.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/indicators.compiled.css +12 -12
  3. package/dist/cjs/components/indicators.js +10 -10
  4. package/dist/es2019/components/indicators.compiled.css +12 -12
  5. package/dist/es2019/components/indicators.js +9 -9
  6. package/dist/esm/components/indicators.compiled.css +12 -12
  7. package/dist/esm/components/indicators.js +9 -9
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/react-select
2
2
 
3
+ ## 3.12.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.12.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`d14ea5f60b689`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d14ea5f60b689) -
14
+ chore: migrate platform UI & component libraries icon imports from migration paths to core
15
+
3
16
  ## 3.12.0
4
17
 
5
18
  ### Minor Changes
package/dist/cjs/components/indicators.compiled.css CHANGED
@@ -2,23 +2,23 @@
2
2
  ._kkk2n7od{all:unset}
3
3
  ._v564vrg3{transition:color .15s}._12ji1r31{outline-color:currentColor}
4
4
  ._12y31o36{outline-width:medium}
5
- ._19bv12x7{padding-left:var(--ds-space-075,6px)}
6
- ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
7
- ._19bvv77o{padding-left:var(--ds-space-025,2px)}
8
5
  ._1bah1h6o{justify-content:center}
9
6
  ._1e0c1txw{display:flex}
7
+ ._1q5112x7{padding-block-start:var(--ds-space-075,6px)}
8
+ ._1q51idpf{padding-block-start:0}
9
+ ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
10
10
  ._1qu219ly{outline-style:revert}
11
11
  ._4cvr1h6o{align-items:center}
12
- ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
13
- ._ca0qidpf{padding-top:0}
14
- ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
15
- ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
16
- ._n3tdidpf{padding-bottom:0}
17
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
12
+ ._85i512x7{padding-block-end:var(--ds-space-075,6px)}
13
+ ._85i5idpf{padding-block-end:0}
14
+ ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
15
+ ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
16
+ ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
17
+ ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
18
18
  ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
19
19
  ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
20
20
  ._syazazsu{color:var(--ds-text-subtle,#505258)}
21
- ._u5f312x7{padding-right:var(--ds-space-075,6px)}
22
- ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
23
- ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
21
+ ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
22
+ ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
23
+ ._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
24
24
  ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/cjs/components/indicators.js CHANGED
@@ -14,8 +14,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
14
14
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
15
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
16
16
  var _react2 = require("@compiled/react");
17
+ var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
17
18
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
18
- var _crossCircleSelectClear = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle--select-clear"));
19
19
  var _compiled = require("@atlaskit/primitives/compiled");
20
20
  var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
21
21
  var _utils = require("../utils");
@@ -28,10 +28,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
28
28
  // ==============================
29
29
 
30
30
  var iconContainerStyles = {
31
- root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
31
+ root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _1q51v77o _y4tiv77o _85i5v77o _bozgv77o"
32
32
  };
33
33
  var dropdownWrapperStyles = {
34
- root: "_ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7"
34
+ root: "_1q5112x7 _y4ti12x7 _85i512x7 _bozg12x7"
35
35
  };
36
36
 
37
37
  // ==============================
@@ -39,8 +39,8 @@ var dropdownWrapperStyles = {
39
39
  // ==============================
40
40
 
41
41
  var dropdownStyles = {
42
- default: "_v564vrg3 _1e0c1txw _syazazsu _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
43
- compact: "_ca0qidpf _n3tdidpf",
42
+ default: "_v564vrg3 _1e0c1txw _syazazsu _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
43
+ compact: "_1q51idpf _85i5idpf",
44
44
  disabled: "_syaz1gmx"
45
45
  };
46
46
  var dropdownIndicatorCSS = exports.dropdownIndicatorCSS = function dropdownIndicatorCSS() {
@@ -80,8 +80,8 @@ var clearIndicatorCSS = exports.clearIndicatorCSS = function clearIndicatorCSS()
80
80
  return {};
81
81
  };
82
82
  var clearIndicatorStyles = {
83
- default: "_v564vrg3 _1e0c1txw _syaz1rpy _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
84
- compact: "_ca0qidpf _n3tdidpf"
83
+ default: "_v564vrg3 _1e0c1txw _syaz1rpy _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
84
+ compact: "_1q51idpf _85i5idpf"
85
85
  };
86
86
 
87
87
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -107,7 +107,7 @@ var ClearIndicator = exports.ClearIndicator = function ClearIndicator(props) {
107
107
  xcss: iconContainerStyles.root,
108
108
  tabIndex: -1,
109
109
  "aria-label": clearControlLabel
110
- }, /*#__PURE__*/React.createElement(_crossCircleSelectClear.default, {
110
+ }, /*#__PURE__*/React.createElement(_crossCircle.default, {
111
111
  label: "",
112
112
  color: "currentColor",
113
113
  LEGACY_size: "small",
@@ -124,8 +124,8 @@ var loadingIndicatorCSS = exports.loadingIndicatorCSS = function loadingIndicato
124
124
  return {};
125
125
  };
126
126
  var loadingIndicatorStyles = {
127
- default: "_ca0q12x7 _u5f3u2gc _n3td12x7 _19bvu2gc",
128
- compact: "_ca0qidpf _n3tdidpf"
127
+ default: "_1q5112x7 _y4tiu2gc _85i512x7 _bozgu2gc",
128
+ compact: "_1q51idpf _85i5idpf"
129
129
  };
130
130
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
131
131
  var LoadingIndicator = exports.LoadingIndicator = function LoadingIndicator(_ref) {
package/dist/es2019/components/indicators.compiled.css CHANGED
@@ -2,23 +2,23 @@
2
2
  ._kkk2n7od{all:unset}
3
3
  ._v564vrg3{transition:color .15s}._12ji1r31{outline-color:currentColor}
4
4
  ._12y31o36{outline-width:medium}
5
- ._19bv12x7{padding-left:var(--ds-space-075,6px)}
6
- ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
7
- ._19bvv77o{padding-left:var(--ds-space-025,2px)}
8
5
  ._1bah1h6o{justify-content:center}
9
6
  ._1e0c1txw{display:flex}
7
+ ._1q5112x7{padding-block-start:var(--ds-space-075,6px)}
8
+ ._1q51idpf{padding-block-start:0}
9
+ ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
10
10
  ._1qu219ly{outline-style:revert}
11
11
  ._4cvr1h6o{align-items:center}
12
- ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
13
- ._ca0qidpf{padding-top:0}
14
- ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
15
- ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
16
- ._n3tdidpf{padding-bottom:0}
17
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
12
+ ._85i512x7{padding-block-end:var(--ds-space-075,6px)}
13
+ ._85i5idpf{padding-block-end:0}
14
+ ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
15
+ ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
16
+ ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
17
+ ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
18
18
  ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
19
19
  ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
20
20
  ._syazazsu{color:var(--ds-text-subtle,#505258)}
21
- ._u5f312x7{padding-right:var(--ds-space-075,6px)}
22
- ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
23
- ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
21
+ ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
22
+ ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
23
+ ._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
24
24
  ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/es2019/components/indicators.js CHANGED
@@ -4,8 +4,8 @@ import "./indicators.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { cx } from '@compiled/react';
7
+ import CrossIcon from '@atlaskit/icon/core/cross-circle';
7
8
  import DownIcon from '@atlaskit/icon/core/migration/chevron-down';
8
- import CrossIcon from '@atlaskit/icon/core/migration/cross-circle--select-clear';
9
9
  import { Inline, Pressable } from '@atlaskit/primitives/compiled';
10
10
  import Spinner from '@atlaskit/spinner';
11
11
  import { getStyleProps } from '../utils';
@@ -15,10 +15,10 @@ import { getStyleProps } from '../utils';
15
15
  // ==============================
16
16
 
17
17
  const iconContainerStyles = {
18
- root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
18
+ root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _1q51v77o _y4tiv77o _85i5v77o _bozgv77o"
19
19
  };
20
20
  const dropdownWrapperStyles = {
21
- root: "_ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7"
21
+ root: "_1q5112x7 _y4ti12x7 _85i512x7 _bozg12x7"
22
22
  };
23
23
 
24
24
  // ==============================
@@ -26,8 +26,8 @@ const dropdownWrapperStyles = {
26
26
  // ==============================
27
27
 
28
28
  const dropdownStyles = {
29
- default: "_v564vrg3 _1e0c1txw _syazazsu _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
30
- compact: "_ca0qidpf _n3tdidpf",
29
+ default: "_v564vrg3 _1e0c1txw _syazazsu _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
30
+ compact: "_1q51idpf _85i5idpf",
31
31
  disabled: "_syaz1gmx"
32
32
  };
33
33
  export const dropdownIndicatorCSS = () => ({});
@@ -66,8 +66,8 @@ export const DropdownIndicator = props => {
66
66
  };
67
67
  export const clearIndicatorCSS = () => ({});
68
68
  const clearIndicatorStyles = {
69
- default: "_v564vrg3 _1e0c1txw _syaz1rpy _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
70
- compact: "_ca0qidpf _n3tdidpf"
69
+ default: "_v564vrg3 _1e0c1txw _syaz1rpy _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
70
+ compact: "_1q51idpf _85i5idpf"
71
71
  };
72
72
 
73
73
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -110,8 +110,8 @@ export const ClearIndicator = props => {
110
110
 
111
111
  export const loadingIndicatorCSS = () => ({});
112
112
  const loadingIndicatorStyles = {
113
- default: "_ca0q12x7 _u5f3u2gc _n3td12x7 _19bvu2gc",
114
- compact: "_ca0qidpf _n3tdidpf"
113
+ default: "_1q5112x7 _y4tiu2gc _85i512x7 _bozgu2gc",
114
+ compact: "_1q51idpf _85i5idpf"
115
115
  };
116
116
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
117
117
  export const LoadingIndicator = ({
package/dist/esm/components/indicators.compiled.css CHANGED
@@ -2,23 +2,23 @@
2
2
  ._kkk2n7od{all:unset}
3
3
  ._v564vrg3{transition:color .15s}._12ji1r31{outline-color:currentColor}
4
4
  ._12y31o36{outline-width:medium}
5
- ._19bv12x7{padding-left:var(--ds-space-075,6px)}
6
- ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
7
- ._19bvv77o{padding-left:var(--ds-space-025,2px)}
8
5
  ._1bah1h6o{justify-content:center}
9
6
  ._1e0c1txw{display:flex}
7
+ ._1q5112x7{padding-block-start:var(--ds-space-075,6px)}
8
+ ._1q51idpf{padding-block-start:0}
9
+ ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
10
10
  ._1qu219ly{outline-style:revert}
11
11
  ._4cvr1h6o{align-items:center}
12
- ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
13
- ._ca0qidpf{padding-top:0}
14
- ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
15
- ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
16
- ._n3tdidpf{padding-bottom:0}
17
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
12
+ ._85i512x7{padding-block-end:var(--ds-space-075,6px)}
13
+ ._85i5idpf{padding-block-end:0}
14
+ ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
15
+ ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
16
+ ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
17
+ ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
18
18
  ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
19
19
  ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
20
20
  ._syazazsu{color:var(--ds-text-subtle,#505258)}
21
- ._u5f312x7{padding-right:var(--ds-space-075,6px)}
22
- ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
23
- ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
21
+ ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
22
+ ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
23
+ ._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
24
24
  ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/esm/components/indicators.js CHANGED
@@ -9,8 +9,8 @@ import { ax, ix } from "@compiled/react/runtime";
9
9
  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; }
10
10
  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; }
11
11
  import { cx } from '@compiled/react';
12
+ import CrossIcon from '@atlaskit/icon/core/cross-circle';
12
13
  import DownIcon from '@atlaskit/icon/core/migration/chevron-down';
13
- import CrossIcon from '@atlaskit/icon/core/migration/cross-circle--select-clear';
14
14
  import { Inline, Pressable } from '@atlaskit/primitives/compiled';
15
15
  import Spinner from '@atlaskit/spinner';
16
16
  import { getStyleProps } from '../utils';
@@ -20,10 +20,10 @@ import { getStyleProps } from '../utils';
20
20
  // ==============================
21
21
 
22
22
  var iconContainerStyles = {
23
- root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
23
+ root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _1q51v77o _y4tiv77o _85i5v77o _bozgv77o"
24
24
  };
25
25
  var dropdownWrapperStyles = {
26
- root: "_ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7"
26
+ root: "_1q5112x7 _y4ti12x7 _85i512x7 _bozg12x7"
27
27
  };
28
28
 
29
29
  // ==============================
@@ -31,8 +31,8 @@ var dropdownWrapperStyles = {
31
31
  // ==============================
32
32
 
33
33
  var dropdownStyles = {
34
- default: "_v564vrg3 _1e0c1txw _syazazsu _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
35
- compact: "_ca0qidpf _n3tdidpf",
34
+ default: "_v564vrg3 _1e0c1txw _syazazsu _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
35
+ compact: "_1q51idpf _85i5idpf",
36
36
  disabled: "_syaz1gmx"
37
37
  };
38
38
  export var dropdownIndicatorCSS = function dropdownIndicatorCSS() {
@@ -72,8 +72,8 @@ export var clearIndicatorCSS = function clearIndicatorCSS() {
72
72
  return {};
73
73
  };
74
74
  var clearIndicatorStyles = {
75
- default: "_v564vrg3 _1e0c1txw _syaz1rpy _ca0q12x7 _u5f3v77o _n3td12x7 _19bvv77o _30l3azsu",
76
- compact: "_ca0qidpf _n3tdidpf"
75
+ default: "_v564vrg3 _1e0c1txw _syaz1rpy _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
76
+ compact: "_1q51idpf _85i5idpf"
77
77
  };
78
78
 
79
79
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -116,8 +116,8 @@ export var loadingIndicatorCSS = function loadingIndicatorCSS() {
116
116
  return {};
117
117
  };
118
118
  var loadingIndicatorStyles = {
119
- default: "_ca0q12x7 _u5f3u2gc _n3td12x7 _19bvu2gc",
120
- compact: "_ca0qidpf _n3tdidpf"
119
+ default: "_1q5112x7 _y4tiu2gc _85i512x7 _bozgu2gc",
120
+ compact: "_1q51idpf _85i5idpf"
121
121
  };
122
122
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
123
123
  export var LoadingIndicator = function LoadingIndicator(_ref) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "3.12.0",
3
+ "version": "3.12.2",
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",
@@ -24,9 +24,9 @@
24
24
  "@atlaskit/icon": "^29.3.0",
25
25
  "@atlaskit/layering": "^3.4.0",
26
26
  "@atlaskit/platform-feature-flags": "^1.1.0",
27
- "@atlaskit/primitives": "^16.4.0",
27
+ "@atlaskit/primitives": "^17.0.0",
28
28
  "@atlaskit/spinner": "^19.0.0",
29
- "@atlaskit/tokens": "^8.6.0",
29
+ "@atlaskit/tokens": "^9.0.0",
30
30
  "@babel/runtime": "^7.0.0",
31
31
  "@compiled/react": "^0.18.6",
32
32
  "@floating-ui/dom": "^1.0.1",