@atlaskit/react-select 3.5.2 → 3.5.4

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 (14) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/components/menu.compiled.css +1 -1
  3. package/dist/cjs/components/menu.js +1 -1
  4. package/dist/cjs/components/multi-value.compiled.css +14 -15
  5. package/dist/cjs/components/multi-value.js +5 -5
  6. package/dist/es2019/components/menu.compiled.css +1 -1
  7. package/dist/es2019/components/menu.js +1 -1
  8. package/dist/es2019/components/multi-value.compiled.css +14 -15
  9. package/dist/es2019/components/multi-value.js +5 -5
  10. package/dist/esm/components/menu.compiled.css +1 -1
  11. package/dist/esm/components/menu.js +1 -1
  12. package/dist/esm/components/multi-value.compiled.css +14 -15
  13. package/dist/esm/components/multi-value.js +5 -5
  14. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/react-select
2
2
 
3
+ ## 3.5.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
8
+ Internal changes to how borders are applied.
9
+ - Updated dependencies
10
+
11
+ ## 3.5.3
12
+
13
+ ### Patch Changes
14
+
15
+ - [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
16
+ Internal changes to how border radius is applied.
17
+ - Updated dependencies
18
+
3
19
  ## 3.5.2
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/components/menu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._154i1nmo{top:var(--menu-top)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._154i1nmo{top:var(--menu-top)}
3
3
  ._154i1osq{top: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}
package/dist/cjs/components/menu.js CHANGED
@@ -196,7 +196,7 @@ var coercePlacement = function coercePlacement(p) {
196
196
  return p === 'auto' ? 'bottom' : p;
197
197
  };
198
198
  var menuStyles = {
199
- root: "_2rkoglpi _kqswstnw _1bsb1osq _1pbykb7n _otyru2gc _19pku2gc _bfhk1bhr _16qsd0yg",
199
+ root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _otyru2gc _19pku2gc _bfhk1bhr _16qsd0yg",
200
200
  bottom: "_154i1osq",
201
201
  top: "_94n51osq"
202
202
  };
package/dist/cjs/components/multi-value.compiled.css CHANGED
@@ -2,42 +2,41 @@
2
2
  ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._19itglyw{border:none}
4
4
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
5
- ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
6
- ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
7
- ._2rkovtp2{border-radius:0 2px 2px 0}
5
+ ._2rko19qg{border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}
6
+ ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
8
7
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
9
8
  ._1dqonqa1{border-style:solid}
10
9
  ._1h6d14je{border-color:#b7b9be}
10
+ ._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
11
11
  ._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
12
12
  ._18m915vq{overflow-y:hidden}
13
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
14
- ._19bv12x7{padding-left:var(--ds-space-075,6px)}
15
- ._19bv1b66{padding-left:var(--ds-space-050,4px)}
16
- ._19bvv77o{padding-left:var(--ds-space-025,2px)}
17
- ._19pkv77o{margin-top:var(--ds-space-025,2px)}
18
13
  ._1bah1h6o{justify-content:center}
19
14
  ._1bto1l2s{text-overflow:ellipsis}
20
15
  ._1e0c1kw7{display:inherit}
21
16
  ._1e0c1txw{display:flex}
22
17
  ._1e0cglyw{display:none}
18
+ ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
19
+ ._1q51idpf{padding-block-start:0}
20
+ ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
23
21
  ._1reo15vq{overflow-x:hidden}
24
22
  ._1ul9ze3t{min-width:var(--ds-space-0,0)}
25
23
  ._1wpz1h6o{align-self:center}
26
- ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
27
24
  ._4cvr1h6o{align-items:center}
25
+ ._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
26
+ ._85i5idpf{padding-block-end:0}
27
+ ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
28
+ ._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
28
29
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
29
30
  ._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
30
31
  ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
31
32
  ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
32
33
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
33
- ._ca0qidpf{padding-top:0}
34
- ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
34
+ ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
35
+ ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
36
+ ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
35
37
  ._lswu1dx5{fill:var(--ds-text,#000)}
36
38
  ._lswu1rrc{fill:var(--ds-text-selected,#000)}
37
- ._n3tdidpf{padding-bottom:0}
38
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
39
39
  ._o5721q9c{white-space:nowrap}
40
- ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
41
40
  ._p12f1osq{max-width:100%}
42
41
  ._r06hglyw{-webkit-appearance:none;appearance:none}
43
42
  ._syaz1fxt{color:var(--ds-text,#172b4d)}
@@ -45,7 +44,7 @@
45
44
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
46
45
  ._syaz1wum{color:var(--ds-text-selected,#333)}
47
46
  ._syazjpor{color:var(--ds-text,#333)}
48
- ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
47
+ ._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
49
48
  ._1ah312gs:focus-visible{outline-offset:-2px}
50
49
  ._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
51
50
  ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
package/dist/cjs/components/multi-value.js CHANGED
@@ -23,7 +23,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
23
23
  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; }
24
24
  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; }
25
25
  var multiValueStyles = {
26
- root: "_2rkogqwt _1e0c1txw _1ul9ze3t _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
26
+ root: "_2rkolb4i _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
27
27
  disabled: "_syaz1lh4 _bfhkm7j4",
28
28
  focused: "_syaz1wum _bfhkfg4m _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1",
29
29
  refresh: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
@@ -35,18 +35,18 @@ var multiValueLabelCSS = exports.multiValueLabelCSS = function multiValueLabelCS
35
35
  return {};
36
36
  };
37
37
  var multiValueLabelStyles = {
38
- root: "_1reo15vq _18m915vq _2rkogqwt _11c8dcr7 _o5721q9c _ca0qv77o _u5f3v77o _n3tdv77o _19bv12x7 _syaz1kw7",
38
+ root: "_1reo15vq _18m915vq _2rkolb4i _11c8dcr7 _o5721q9c _1q51v77o _y4tiv77o _85i5v77o _bozg12x7 _syaz1kw7",
39
39
  disabled: "_syaz1lh4",
40
40
  ellipsis: "_1bto1l2s",
41
- refresh: "_11c82smr _ca0qidpf _n3tdidpf _19bv1b66"
41
+ refresh: "_11c82smr _1q51idpf _85i5idpf _bozg1b66"
42
42
  };
43
43
  var multiValueRemoveCSS = exports.multiValueRemoveCSS = function multiValueRemoveCSS() {
44
44
  return {};
45
45
  };
46
46
  var multiValueRemoveStyles = {
47
47
  focused: "_bfhkb1q9 _lswu1rrc",
48
- root: "_2rkovtp2 _4cvr1h6o _1e0c1txw _lswu1dx5 _19bvv77o _u5f3v77o _irr31yvi _13br1jjn _1di61io2 _i5f81jjn",
49
- refresh: "_19itglyw _2rkoglpi _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _2hwxv77o _1ah312gs _irr3166n _1di61dty"
48
+ root: "_2rko19qg _4cvr1h6o _1e0c1txw _lswu1dx5 _bozgv77o _y4tiv77o _irr31yvi _13br1jjn _1di61io2 _i5f81jjn",
49
+ refresh: "_19itglyw _2rko12b0 _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr3166n _1di61dty"
50
50
  };
51
51
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
52
52
  var MultiValueContainer = exports.MultiValueContainer = function MultiValueContainer(_ref) {
package/dist/es2019/components/menu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._154i1nmo{top:var(--menu-top)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._154i1nmo{top:var(--menu-top)}
3
3
  ._154i1osq{top: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}
package/dist/es2019/components/menu.js CHANGED
@@ -183,7 +183,7 @@ function getMenuPlacement({
183
183
 
184
184
  const coercePlacement = p => p === 'auto' ? 'bottom' : p;
185
185
  const menuStyles = {
186
- root: "_2rkoglpi _kqswstnw _1bsb1osq _1pbykb7n _otyru2gc _19pku2gc _bfhk1bhr _16qsd0yg",
186
+ root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _otyru2gc _19pku2gc _bfhk1bhr _16qsd0yg",
187
187
  bottom: "_154i1osq",
188
188
  top: "_94n51osq"
189
189
  };
package/dist/es2019/components/multi-value.compiled.css CHANGED
@@ -2,42 +2,41 @@
2
2
  ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._19itglyw{border:none}
4
4
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
5
- ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
6
- ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
7
- ._2rkovtp2{border-radius:0 2px 2px 0}
5
+ ._2rko19qg{border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}
6
+ ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
8
7
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
9
8
  ._1dqonqa1{border-style:solid}
10
9
  ._1h6d14je{border-color:#b7b9be}
10
+ ._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
11
11
  ._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
12
12
  ._18m915vq{overflow-y:hidden}
13
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
14
- ._19bv12x7{padding-left:var(--ds-space-075,6px)}
15
- ._19bv1b66{padding-left:var(--ds-space-050,4px)}
16
- ._19bvv77o{padding-left:var(--ds-space-025,2px)}
17
- ._19pkv77o{margin-top:var(--ds-space-025,2px)}
18
13
  ._1bah1h6o{justify-content:center}
19
14
  ._1bto1l2s{text-overflow:ellipsis}
20
15
  ._1e0c1kw7{display:inherit}
21
16
  ._1e0c1txw{display:flex}
22
17
  ._1e0cglyw{display:none}
18
+ ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
19
+ ._1q51idpf{padding-block-start:0}
20
+ ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
23
21
  ._1reo15vq{overflow-x:hidden}
24
22
  ._1ul9ze3t{min-width:var(--ds-space-0,0)}
25
23
  ._1wpz1h6o{align-self:center}
26
- ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
27
24
  ._4cvr1h6o{align-items:center}
25
+ ._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
26
+ ._85i5idpf{padding-block-end:0}
27
+ ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
28
+ ._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
28
29
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
29
30
  ._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
30
31
  ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
31
32
  ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
32
33
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
33
- ._ca0qidpf{padding-top:0}
34
- ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
34
+ ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
35
+ ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
36
+ ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
35
37
  ._lswu1dx5{fill:var(--ds-text,#000)}
36
38
  ._lswu1rrc{fill:var(--ds-text-selected,#000)}
37
- ._n3tdidpf{padding-bottom:0}
38
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
39
39
  ._o5721q9c{white-space:nowrap}
40
- ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
41
40
  ._p12f1osq{max-width:100%}
42
41
  ._r06hglyw{-webkit-appearance:none;appearance:none}
43
42
  ._syaz1fxt{color:var(--ds-text,#172b4d)}
@@ -45,7 +44,7 @@
45
44
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
46
45
  ._syaz1wum{color:var(--ds-text-selected,#333)}
47
46
  ._syazjpor{color:var(--ds-text,#333)}
48
- ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
47
+ ._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
49
48
  ._1ah312gs:focus-visible{outline-offset:-2px}
50
49
  ._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
51
50
  ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
package/dist/es2019/components/multi-value.js CHANGED
@@ -9,7 +9,7 @@ import LegacySelectClearIcon from '@atlaskit/icon/glyph/select-clear';
9
9
  import { fg } from '@atlaskit/platform-feature-flags';
10
10
  import { getStyleProps } from '../utils';
11
11
  const multiValueStyles = {
12
- root: "_2rkogqwt _1e0c1txw _1ul9ze3t _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
12
+ root: "_2rkolb4i _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
13
13
  disabled: "_syaz1lh4 _bfhkm7j4",
14
14
  focused: "_syaz1wum _bfhkfg4m _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1",
15
15
  refresh: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
@@ -17,16 +17,16 @@ const multiValueStyles = {
17
17
  export const multiValueCSS = () => ({});
18
18
  export const multiValueLabelCSS = () => ({});
19
19
  const multiValueLabelStyles = {
20
- root: "_1reo15vq _18m915vq _2rkogqwt _11c8dcr7 _o5721q9c _ca0qv77o _u5f3v77o _n3tdv77o _19bv12x7 _syaz1kw7",
20
+ root: "_1reo15vq _18m915vq _2rkolb4i _11c8dcr7 _o5721q9c _1q51v77o _y4tiv77o _85i5v77o _bozg12x7 _syaz1kw7",
21
21
  disabled: "_syaz1lh4",
22
22
  ellipsis: "_1bto1l2s",
23
- refresh: "_11c82smr _ca0qidpf _n3tdidpf _19bv1b66"
23
+ refresh: "_11c82smr _1q51idpf _85i5idpf _bozg1b66"
24
24
  };
25
25
  export const multiValueRemoveCSS = () => ({});
26
26
  const multiValueRemoveStyles = {
27
27
  focused: "_bfhkb1q9 _lswu1rrc",
28
- root: "_2rkovtp2 _4cvr1h6o _1e0c1txw _lswu1dx5 _19bvv77o _u5f3v77o _irr31yvi _13br1jjn _1di61io2 _i5f81jjn",
29
- refresh: "_19itglyw _2rkoglpi _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _2hwxv77o _1ah312gs _irr3166n _1di61dty"
28
+ root: "_2rko19qg _4cvr1h6o _1e0c1txw _lswu1dx5 _bozgv77o _y4tiv77o _irr31yvi _13br1jjn _1di61io2 _i5f81jjn",
29
+ refresh: "_19itglyw _2rko12b0 _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr3166n _1di61dty"
30
30
  };
31
31
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
32
32
  export const MultiValueContainer = ({
package/dist/esm/components/menu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._154i1nmo{top:var(--menu-top)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._154i1nmo{top:var(--menu-top)}
3
3
  ._154i1osq{top: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}
package/dist/esm/components/menu.js CHANGED
@@ -188,7 +188,7 @@ var coercePlacement = function coercePlacement(p) {
188
188
  return p === 'auto' ? 'bottom' : p;
189
189
  };
190
190
  var menuStyles = {
191
- root: "_2rkoglpi _kqswstnw _1bsb1osq _1pbykb7n _otyru2gc _19pku2gc _bfhk1bhr _16qsd0yg",
191
+ root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _otyru2gc _19pku2gc _bfhk1bhr _16qsd0yg",
192
192
  bottom: "_154i1osq",
193
193
  top: "_94n51osq"
194
194
  };
package/dist/esm/components/multi-value.compiled.css CHANGED
@@ -2,42 +2,41 @@
2
2
  ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._19itglyw{border:none}
4
4
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
5
- ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
6
- ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
7
- ._2rkovtp2{border-radius:0 2px 2px 0}
5
+ ._2rko19qg{border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}
6
+ ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
8
7
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
9
8
  ._1dqonqa1{border-style:solid}
10
9
  ._1h6d14je{border-color:#b7b9be}
10
+ ._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
11
11
  ._16qs7ex6{box-shadow:0 0 0 2px var(--ds-surface,transparent),0 0 0 4px var(--ds-border-focused,transparent)}
12
12
  ._18m915vq{overflow-y:hidden}
13
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
14
- ._19bv12x7{padding-left:var(--ds-space-075,6px)}
15
- ._19bv1b66{padding-left:var(--ds-space-050,4px)}
16
- ._19bvv77o{padding-left:var(--ds-space-025,2px)}
17
- ._19pkv77o{margin-top:var(--ds-space-025,2px)}
18
13
  ._1bah1h6o{justify-content:center}
19
14
  ._1bto1l2s{text-overflow:ellipsis}
20
15
  ._1e0c1kw7{display:inherit}
21
16
  ._1e0c1txw{display:flex}
22
17
  ._1e0cglyw{display:none}
18
+ ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
19
+ ._1q51idpf{padding-block-start:0}
20
+ ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
23
21
  ._1reo15vq{overflow-x:hidden}
24
22
  ._1ul9ze3t{min-width:var(--ds-space-0,0)}
25
23
  ._1wpz1h6o{align-self:center}
26
- ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
27
24
  ._4cvr1h6o{align-items:center}
25
+ ._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
26
+ ._85i5idpf{padding-block-end:0}
27
+ ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
28
+ ._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
28
29
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
29
30
  ._bfhkb1q9{background-color:var(--ds-UNSAFE-transparent,transparent)}
30
31
  ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
31
32
  ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
32
33
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
33
- ._ca0qidpf{padding-top:0}
34
- ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
34
+ ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
35
+ ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
36
+ ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
35
37
  ._lswu1dx5{fill:var(--ds-text,#000)}
36
38
  ._lswu1rrc{fill:var(--ds-text-selected,#000)}
37
- ._n3tdidpf{padding-bottom:0}
38
- ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
39
39
  ._o5721q9c{white-space:nowrap}
40
- ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
41
40
  ._p12f1osq{max-width:100%}
42
41
  ._r06hglyw{-webkit-appearance:none;appearance:none}
43
42
  ._syaz1fxt{color:var(--ds-text,#172b4d)}
@@ -45,7 +44,7 @@
45
44
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
46
45
  ._syaz1wum{color:var(--ds-text-selected,#333)}
47
46
  ._syazjpor{color:var(--ds-text,#333)}
48
- ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
47
+ ._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
49
48
  ._1ah312gs:focus-visible{outline-offset:-2px}
50
49
  ._13br1jjn:hover{fill:var(--ds-text-danger,#000)}
51
50
  ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
package/dist/esm/components/multi-value.js CHANGED
@@ -12,7 +12,7 @@ import LegacySelectClearIcon from '@atlaskit/icon/glyph/select-clear';
12
12
  import { fg } from '@atlaskit/platform-feature-flags';
13
13
  import { getStyleProps } from '../utils';
14
14
  var multiValueStyles = {
15
- root: "_2rkogqwt _1e0c1txw _1ul9ze3t _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
15
+ root: "_2rkolb4i _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhkm7j4 _p12f1osq _syazjpor _3yq3glyw",
16
16
  disabled: "_syaz1lh4 _bfhkm7j4",
17
17
  focused: "_syaz1wum _bfhkfg4m _16qs7ex6 _1aewe4h9 _6up51j28 _1xdnnqa1",
18
18
  refresh: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _bfhk1j9a"
@@ -24,18 +24,18 @@ export var multiValueLabelCSS = function multiValueLabelCSS() {
24
24
  return {};
25
25
  };
26
26
  var multiValueLabelStyles = {
27
- root: "_1reo15vq _18m915vq _2rkogqwt _11c8dcr7 _o5721q9c _ca0qv77o _u5f3v77o _n3tdv77o _19bv12x7 _syaz1kw7",
27
+ root: "_1reo15vq _18m915vq _2rkolb4i _11c8dcr7 _o5721q9c _1q51v77o _y4tiv77o _85i5v77o _bozg12x7 _syaz1kw7",
28
28
  disabled: "_syaz1lh4",
29
29
  ellipsis: "_1bto1l2s",
30
- refresh: "_11c82smr _ca0qidpf _n3tdidpf _19bv1b66"
30
+ refresh: "_11c82smr _1q51idpf _85i5idpf _bozg1b66"
31
31
  };
32
32
  export var multiValueRemoveCSS = function multiValueRemoveCSS() {
33
33
  return {};
34
34
  };
35
35
  var multiValueRemoveStyles = {
36
36
  focused: "_bfhkb1q9 _lswu1rrc",
37
- root: "_2rkovtp2 _4cvr1h6o _1e0c1txw _lswu1dx5 _19bvv77o _u5f3v77o _irr31yvi _13br1jjn _1di61io2 _i5f81jjn",
38
- refresh: "_19itglyw _2rkoglpi _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _2hwxv77o _1ah312gs _irr3166n _1di61dty"
37
+ root: "_2rko19qg _4cvr1h6o _1e0c1txw _lswu1dx5 _bozgv77o _y4tiv77o _irr31yvi _13br1jjn _1di61io2 _i5f81jjn",
38
+ refresh: "_19itglyw _2rko12b0 _bfhksm61 _4cvr1h6o _1bah1h6o _1wpz1h6o _r06hglyw _syaz1fxt _1q51v77o _y4tiv77o _85i5v77o _bozgv77o _12l2v77o _1ah312gs _irr3166n _1di61dty"
39
39
  };
40
40
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
41
41
  export var MultiValueContainer = function MultiValueContainer(_ref) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "3.5.2",
3
+ "version": "3.5.4",
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": "^28.1.0",
25
25
  "@atlaskit/layering": "^3.0.0",
26
26
  "@atlaskit/platform-feature-flags": "^1.1.0",
27
- "@atlaskit/primitives": "^14.12.0",
27
+ "@atlaskit/primitives": "^14.14.0",
28
28
  "@atlaskit/spinner": "^19.0.0",
29
- "@atlaskit/tokens": "^6.1.0",
29
+ "@atlaskit/tokens": "^6.3.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": "^12.4.0",
42
+ "@atlaskit/form": "^12.5.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",