@atlaskit/react-select 2.6.4 → 2.6.5

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 CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/react-select
2
2
 
3
+ ## 2.6.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [#166244](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/166244)
8
+ [`be0b732d3b803`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be0b732d3b803) -
9
+ Prepare changes for compiled react-select
10
+
3
11
  ## 2.6.4
4
12
 
5
13
  ### Patch Changes
@@ -14,13 +14,13 @@
14
14
  ._4cvr1h6o{align-items:center}
15
15
  ._80om13gf{cursor:not-allowed}
16
16
  ._8am5i4x0{-webkit-overflow-scrolling:touch}
17
- ._ca0qidpf{padding-top:0}
18
17
  ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
18
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
19
19
  ._i0dlf1ug{flex-basis:0%}
20
20
  ._kqswh2mm{position:relative}
21
21
  ._lcxv1rj4{pointer-events:all}
22
- ._n3tdidpf{padding-bottom:0}
23
22
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
23
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
24
24
  ._u5f312x7{padding-right:var(--ds-space-075,6px)}
25
25
  ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
26
26
  @media (min-width:30rem){._1tn22smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}
@@ -61,7 +61,7 @@ var valueContainerCSS = exports.valueContainerCSS = function valueContainerCSS()
61
61
  var valueContainerStyles = {
62
62
  default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _ca0qv77o _u5f312x7 _n3tdv77o _19bv12x7",
63
63
  flex: "_1e0c1txw",
64
- compact: "_ca0qidpf _u5f312x7 _n3tdidpf _19bv12x7"
64
+ compact: "_ca0qze3t _u5f312x7 _n3tdze3t _19bv12x7"
65
65
  };
66
66
 
67
67
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -82,7 +82,7 @@ var ValueContainer = exports.ValueContainer = function ValueContainer(props) {
82
82
  className = _getStyleProps2.className;
83
83
  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
84
84
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
85
- className: (0, _runtime.ax)([valueContainerStyles.default, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, isCompact && valueContainerStyles.compact, (0, _react2.cx)(className, xcss, '-value-container')])
85
+ className: (0, _runtime.ax)([valueContainerStyles.default, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, isCompact && valueContainerStyles.compact, (0, _react2.cx)(className, xcss, '-ValueContainer')])
86
86
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
87
87
  ,
88
88
  style: css
@@ -13,7 +13,7 @@
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
  ._16qsq049{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
16
- ._19bvidpf{padding-left:0}
16
+ ._19bvze3t{padding-left:var(--ds-space-0,0)}
17
17
  ._1bah1yb4{justify-content:space-between}
18
18
  ._1e0c1txw{display:flex}
19
19
  ._1ke8ftgi::-webkit-scrollbar{width:8px}
@@ -28,12 +28,12 @@
28
28
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
29
29
  ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
30
30
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
31
- ._ca0qidpf{padding-top:0}
31
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
32
32
  ._jaboglyw::-webkit-scrollbar-corner{display:none}
33
33
  ._kqswh2mm{position:relative}
34
34
  ._lcxvglyw{pointer-events:none}
35
- ._n3tdidpf{padding-bottom:0}
36
- ._u5f3idpf{padding-right:0}
35
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
36
+ ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
37
37
  ._1u6l1bml:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-input,#8590a2)}
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)}
@@ -16,7 +16,7 @@ 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 _2rkosqtm _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _v564r5cv _1h6d1elr _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _15peftgi _1ke8ftgi _jaboglyw _1u6l1bml _4cvx1elr _123byq51 _d0altlke _irr31d5g _1ogl1caj",
19
+ default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkosqtm _v564r5cv _1h6d1elr _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _15peftgi _1ke8ftgi _jaboglyw _1u6l1bml _4cvx1elr _123byq51 _d0altlke _irr31d5g _1ogl1caj",
20
20
  compact: "_1tkezwfg",
21
21
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
22
22
  focusedInvalid: "_16qsq049",
@@ -14,13 +14,13 @@
14
14
  ._4cvr1h6o{align-items:center}
15
15
  ._80om13gf{cursor:not-allowed}
16
16
  ._8am5i4x0{-webkit-overflow-scrolling:touch}
17
- ._ca0qidpf{padding-top:0}
18
17
  ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
18
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
19
19
  ._i0dlf1ug{flex-basis:0%}
20
20
  ._kqswh2mm{position:relative}
21
21
  ._lcxv1rj4{pointer-events:all}
22
- ._n3tdidpf{padding-bottom:0}
23
22
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
23
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
24
24
  ._u5f312x7{padding-right:var(--ds-space-075,6px)}
25
25
  ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
26
26
  @media (min-width:30rem){._1tn22smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}
@@ -52,7 +52,7 @@ export const valueContainerCSS = () => ({});
52
52
  const valueContainerStyles = {
53
53
  default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _ca0qv77o _u5f312x7 _n3tdv77o _19bv12x7",
54
54
  flex: "_1e0c1txw",
55
- compact: "_ca0qidpf _u5f312x7 _n3tdidpf _19bv12x7"
55
+ compact: "_ca0qze3t _u5f312x7 _n3tdze3t _19bv12x7"
56
56
  };
57
57
 
58
58
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -78,7 +78,7 @@ export const ValueContainer = props => {
78
78
  });
79
79
  return /*#__PURE__*/React.createElement("div", _extends({
80
80
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
81
- className: ax([valueContainerStyles.default, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, isCompact && valueContainerStyles.compact, cx(className, xcss, '-value-container')])
81
+ className: ax([valueContainerStyles.default, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, isCompact && valueContainerStyles.compact, cx(className, xcss, '-ValueContainer')])
82
82
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
83
83
  ,
84
84
  style: css
@@ -13,7 +13,7 @@
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
  ._16qsq049{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
16
- ._19bvidpf{padding-left:0}
16
+ ._19bvze3t{padding-left:var(--ds-space-0,0)}
17
17
  ._1bah1yb4{justify-content:space-between}
18
18
  ._1e0c1txw{display:flex}
19
19
  ._1ke8ftgi::-webkit-scrollbar{width:8px}
@@ -28,12 +28,12 @@
28
28
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
29
29
  ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
30
30
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
31
- ._ca0qidpf{padding-top:0}
31
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
32
32
  ._jaboglyw::-webkit-scrollbar-corner{display:none}
33
33
  ._kqswh2mm{position:relative}
34
34
  ._lcxvglyw{pointer-events:none}
35
- ._n3tdidpf{padding-bottom:0}
36
- ._u5f3idpf{padding-right:0}
35
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
36
+ ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
37
37
  ._1u6l1bml:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-input,#8590a2)}
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)}
@@ -8,7 +8,7 @@ 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 _2rkosqtm _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _v564r5cv _1h6d1elr _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _15peftgi _1ke8ftgi _jaboglyw _1u6l1bml _4cvx1elr _123byq51 _d0altlke _irr31d5g _1ogl1caj",
11
+ default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkosqtm _v564r5cv _1h6d1elr _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _15peftgi _1ke8ftgi _jaboglyw _1u6l1bml _4cvx1elr _123byq51 _d0altlke _irr31d5g _1ogl1caj",
12
12
  compact: "_1tkezwfg",
13
13
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
14
14
  focusedInvalid: "_16qsq049",
@@ -14,13 +14,13 @@
14
14
  ._4cvr1h6o{align-items:center}
15
15
  ._80om13gf{cursor:not-allowed}
16
16
  ._8am5i4x0{-webkit-overflow-scrolling:touch}
17
- ._ca0qidpf{padding-top:0}
18
17
  ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
18
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
19
19
  ._i0dlf1ug{flex-basis:0%}
20
20
  ._kqswh2mm{position:relative}
21
21
  ._lcxv1rj4{pointer-events:all}
22
- ._n3tdidpf{padding-bottom:0}
23
22
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
23
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
24
24
  ._u5f312x7{padding-right:var(--ds-space-075,6px)}
25
25
  ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
26
26
  @media (min-width:30rem){._1tn22smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}
@@ -53,7 +53,7 @@ export var valueContainerCSS = function valueContainerCSS() {
53
53
  var valueContainerStyles = {
54
54
  default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _ca0qv77o _u5f312x7 _n3tdv77o _19bv12x7",
55
55
  flex: "_1e0c1txw",
56
- compact: "_ca0qidpf _u5f312x7 _n3tdidpf _19bv12x7"
56
+ compact: "_ca0qze3t _u5f312x7 _n3tdze3t _19bv12x7"
57
57
  };
58
58
 
59
59
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
@@ -74,7 +74,7 @@ export var ValueContainer = function ValueContainer(props) {
74
74
  className = _getStyleProps2.className;
75
75
  return /*#__PURE__*/React.createElement("div", _extends({
76
76
  // 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([valueContainerStyles.default, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, isCompact && valueContainerStyles.compact, cx(className, xcss, '-value-container')])
77
+ className: ax([valueContainerStyles.default, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, isCompact && valueContainerStyles.compact, cx(className, xcss, '-ValueContainer')])
78
78
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
79
79
  ,
80
80
  style: css
@@ -13,7 +13,7 @@
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
  ._16qsq049{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
16
- ._19bvidpf{padding-left:0}
16
+ ._19bvze3t{padding-left:var(--ds-space-0,0)}
17
17
  ._1bah1yb4{justify-content:space-between}
18
18
  ._1e0c1txw{display:flex}
19
19
  ._1ke8ftgi::-webkit-scrollbar{width:8px}
@@ -28,12 +28,12 @@
28
28
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
29
29
  ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
30
30
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
31
- ._ca0qidpf{padding-top:0}
31
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
32
32
  ._jaboglyw::-webkit-scrollbar-corner{display:none}
33
33
  ._kqswh2mm{position:relative}
34
34
  ._lcxvglyw{pointer-events:none}
35
- ._n3tdidpf{padding-bottom:0}
36
- ._u5f3idpf{padding-right:0}
35
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
36
+ ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
37
37
  ._1u6l1bml:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-input,#8590a2)}
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)}
@@ -8,7 +8,7 @@ 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 _2rkosqtm _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _v564r5cv _1h6d1elr _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _15peftgi _1ke8ftgi _jaboglyw _1u6l1bml _4cvx1elr _123byq51 _d0altlke _irr31d5g _1ogl1caj",
11
+ default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkosqtm _v564r5cv _1h6d1elr _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _15peftgi _1ke8ftgi _jaboglyw _1u6l1bml _4cvx1elr _123byq51 _d0altlke _irr31d5g _1ogl1caj",
12
12
  compact: "_1tkezwfg",
13
13
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
14
14
  focusedInvalid: "_16qsq049",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "2.6.4",
3
+ "version": "2.6.5",
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",
@@ -31,7 +31,7 @@
31
31
  "dependencies": {
32
32
  "@atlaskit/ds-lib": "^4.0.0",
33
33
  "@atlaskit/icon": "^26.4.0",
34
- "@atlaskit/layering": "^2.1.0",
34
+ "@atlaskit/layering": "^2.2.0",
35
35
  "@atlaskit/platform-feature-flags": "^1.1.0",
36
36
  "@atlaskit/primitives": "^14.8.0",
37
37
  "@atlaskit/spinner": "^18.0.0",