@atlaskit/react-select 3.9.1 → 3.10.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 CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/react-select
2
2
 
3
+ ## 3.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`b867e641d818d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b867e641d818d) -
8
+ Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
9
+
10
+ ## 3.9.2
11
+
12
+ ### Patch Changes
13
+
14
+ - [`a60a82196851a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a60a82196851a) -
15
+ Internal refactors to remove unused variables. No functional or public changes.
16
+ - Updated dependencies
17
+
3
18
  ## 3.9.1
4
19
 
5
20
  ### Patch Changes
@@ -1,4 +1,5 @@
1
1
 
2
+ ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
2
3
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
4
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
4
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
@@ -13,27 +14,27 @@
13
14
  ._15peftgi::-webkit-scrollbar{height:8px}
14
15
  ._16qsizbr{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
15
16
  ._16qsvyy1{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
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}
20
20
  ._1n261g80{flex-wrap:wrap}
21
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
21
22
  ._1qu2glyw{outline-style:none}
22
23
  ._1tke1ylp{min-height:40px}
23
24
  ._1tkezwfg{min-height:2pc}
24
25
  ._4cvr1h6o{align-items:center}
25
26
  ._80om73ad{cursor:default}
27
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
26
28
  ._bfhk1j28{background-color:transparent}
27
29
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
28
30
  ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
29
31
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
30
32
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
31
- ._ca0qze3t{padding-top:var(--ds-space-0,0)}
33
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
32
34
  ._jaboglyw::-webkit-scrollbar-corner{display:none}
33
35
  ._kqswh2mm{position:relative}
34
36
  ._lcxvglyw{pointer-events:none}
35
- ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
36
- ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
37
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
37
38
  ._1u6l1s3b:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#17171708)}
38
39
  ._1u6l3sij:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
39
40
  ._1u6lizbr:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
@@ -12,11 +12,13 @@ var React = _interopRequireWildcard(require("react"));
12
12
  var _runtime = require("@compiled/react/runtime");
13
13
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
14
14
  var _react2 = require("@compiled/react");
15
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
16
  var _utils = require("../utils");
16
17
  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
18
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
18
19
  var styles = {
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
+ default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _v564r5cv _1h6drsbi _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _15peftgi _1ke8ftgi _jaboglyw _1u6luvb6 _4cvxrsbi _123byq51 _d0altlke _irr3l4ek _1ogl1caj",
21
+ defaultT26Shape: "_2rko1qi0",
20
22
  compact: "_1tkezwfg",
21
23
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
22
24
  focusedInvalid: "_16qsvyy1",
@@ -52,7 +54,7 @@ var Control = function Control(props) {
52
54
  ref: innerRef
53
55
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
54
56
  ,
55
- className: (0, _runtime.ax)([styles.default, isDisabled && styles.disabled, isInvalid && styles.invalid, isCompact && styles.compact, appearance === 'subtle' && styles.subtle, appearance === 'subtle' && isFocused && styles.subtleFocused, isFocused && styles.focused, appearance === 'none' && styles.none, (0, _react2.cx)(className, xcss, '-control')])
57
+ className: (0, _runtime.ax)([styles.default, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.defaultT26Shape, isDisabled && styles.disabled, isInvalid && styles.invalid, isCompact && styles.compact, appearance === 'subtle' && styles.subtle, appearance === 'subtle' && isFocused && styles.subtleFocused, isFocused && styles.focused, appearance === 'none' && styles.none, (0, _react2.cx)(className, xcss, '-control')])
56
58
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
57
59
  ,
58
60
  style: css
package/dist/cjs/utils.js CHANGED
@@ -274,7 +274,7 @@ function isTouchCapable() {
274
274
  try {
275
275
  document.createEvent('TouchEvent');
276
276
  return true;
277
- } catch (e) {
277
+ } catch (_unused) {
278
278
  return false;
279
279
  }
280
280
  }
@@ -286,7 +286,7 @@ function isTouchCapable() {
286
286
  function isMobileDevice() {
287
287
  try {
288
288
  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
289
- } catch (e) {
289
+ } catch (_unused2) {
290
290
  return false;
291
291
  }
292
292
  }
@@ -1,4 +1,5 @@
1
1
 
2
+ ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
2
3
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
4
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
4
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
@@ -13,27 +14,27 @@
13
14
  ._15peftgi::-webkit-scrollbar{height:8px}
14
15
  ._16qsizbr{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
15
16
  ._16qsvyy1{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
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}
20
20
  ._1n261g80{flex-wrap:wrap}
21
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
21
22
  ._1qu2glyw{outline-style:none}
22
23
  ._1tke1ylp{min-height:40px}
23
24
  ._1tkezwfg{min-height:2pc}
24
25
  ._4cvr1h6o{align-items:center}
25
26
  ._80om73ad{cursor:default}
27
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
26
28
  ._bfhk1j28{background-color:transparent}
27
29
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
28
30
  ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
29
31
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
30
32
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
31
- ._ca0qze3t{padding-top:var(--ds-space-0,0)}
33
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
32
34
  ._jaboglyw::-webkit-scrollbar-corner{display:none}
33
35
  ._kqswh2mm{position:relative}
34
36
  ._lcxvglyw{pointer-events:none}
35
- ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
36
- ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
37
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
37
38
  ._1u6l1s3b:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#17171708)}
38
39
  ._1u6l3sij:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
39
40
  ._1u6lizbr:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
@@ -6,9 +6,11 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
7
7
 
8
8
  import { cx } from '@compiled/react';
9
+ import { fg } from '@atlaskit/platform-feature-flags';
9
10
  import { getStyleProps } from '../utils';
10
11
  const styles = {
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
+ default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _v564r5cv _1h6drsbi _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _15peftgi _1ke8ftgi _jaboglyw _1u6luvb6 _4cvxrsbi _123byq51 _d0altlke _irr3l4ek _1ogl1caj",
13
+ defaultT26Shape: "_2rko1qi0",
12
14
  compact: "_1tkezwfg",
13
15
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
14
16
  focusedInvalid: "_16qsvyy1",
@@ -45,7 +47,7 @@ const Control = props => {
45
47
  ref: innerRef
46
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
47
49
  ,
48
- className: ax([styles.default, isDisabled && styles.disabled, isInvalid && styles.invalid, isCompact && styles.compact, appearance === 'subtle' && styles.subtle, appearance === 'subtle' && isFocused && styles.subtleFocused, isFocused && styles.focused, appearance === 'none' && styles.none, cx(className, xcss, '-control')])
50
+ className: ax([styles.default, fg('platform-dst-shape-theme-default') && styles.defaultT26Shape, isDisabled && styles.disabled, isInvalid && styles.invalid, isCompact && styles.compact, appearance === 'subtle' && styles.subtle, appearance === 'subtle' && isFocused && styles.subtleFocused, isFocused && styles.focused, appearance === 'none' && styles.none, cx(className, xcss, '-control')])
49
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
50
52
  ,
51
53
  style: css
@@ -239,7 +239,7 @@ export function isTouchCapable() {
239
239
  try {
240
240
  document.createEvent('TouchEvent');
241
241
  return true;
242
- } catch (e) {
242
+ } catch {
243
243
  return false;
244
244
  }
245
245
  }
@@ -251,7 +251,7 @@ export function isTouchCapable() {
251
251
  export function isMobileDevice() {
252
252
  try {
253
253
  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
254
- } catch (e) {
254
+ } catch {
255
255
  return false;
256
256
  }
257
257
  }
@@ -1,4 +1,5 @@
1
1
 
2
+ ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
2
3
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
4
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
4
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
@@ -13,27 +14,27 @@
13
14
  ._15peftgi::-webkit-scrollbar{height:8px}
14
15
  ._16qsizbr{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
15
16
  ._16qsvyy1{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
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}
20
20
  ._1n261g80{flex-wrap:wrap}
21
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
21
22
  ._1qu2glyw{outline-style:none}
22
23
  ._1tke1ylp{min-height:40px}
23
24
  ._1tkezwfg{min-height:2pc}
24
25
  ._4cvr1h6o{align-items:center}
25
26
  ._80om73ad{cursor:default}
27
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
26
28
  ._bfhk1j28{background-color:transparent}
27
29
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
28
30
  ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
29
31
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
30
32
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
31
- ._ca0qze3t{padding-top:var(--ds-space-0,0)}
33
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
32
34
  ._jaboglyw::-webkit-scrollbar-corner{display:none}
33
35
  ._kqswh2mm{position:relative}
34
36
  ._lcxvglyw{pointer-events:none}
35
- ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
36
- ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
37
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
37
38
  ._1u6l1s3b:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#17171708)}
38
39
  ._1u6l3sij:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
39
40
  ._1u6lizbr:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
@@ -6,9 +6,11 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
7
7
 
8
8
  import { cx } from '@compiled/react';
9
+ import { fg } from '@atlaskit/platform-feature-flags';
9
10
  import { getStyleProps } from '../utils';
10
11
  var styles = {
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
+ default: "_12ji1r31 _1qu2glyw _12y3idpf _2rkofajl _v564r5cv _1h6drsbi _1dqonqa1 _189ee4h9 _4cvr1h6o _80om73ad _1e0c1txw _1n261g80 _1bah1yb4 _kqswh2mm _bfhk1j9a _1tke1ylp _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _15peftgi _1ke8ftgi _jaboglyw _1u6luvb6 _4cvxrsbi _123byq51 _d0altlke _irr3l4ek _1ogl1caj",
13
+ defaultT26Shape: "_2rko1qi0",
12
14
  compact: "_1tkezwfg",
13
15
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
14
16
  focusedInvalid: "_16qsvyy1",
@@ -44,7 +46,7 @@ var Control = function Control(props) {
44
46
  ref: innerRef
45
47
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
46
48
  ,
47
- className: ax([styles.default, isDisabled && styles.disabled, isInvalid && styles.invalid, isCompact && styles.compact, appearance === 'subtle' && styles.subtle, appearance === 'subtle' && isFocused && styles.subtleFocused, isFocused && styles.focused, appearance === 'none' && styles.none, cx(className, xcss, '-control')])
49
+ className: ax([styles.default, fg('platform-dst-shape-theme-default') && styles.defaultT26Shape, isDisabled && styles.disabled, isInvalid && styles.invalid, isCompact && styles.compact, appearance === 'subtle' && styles.subtle, appearance === 'subtle' && isFocused && styles.subtleFocused, isFocused && styles.focused, appearance === 'none' && styles.none, cx(className, xcss, '-control')])
48
50
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
49
51
  ,
50
52
  style: css
package/dist/esm/utils.js CHANGED
@@ -247,7 +247,7 @@ export function isTouchCapable() {
247
247
  try {
248
248
  document.createEvent('TouchEvent');
249
249
  return true;
250
- } catch (e) {
250
+ } catch (_unused) {
251
251
  return false;
252
252
  }
253
253
  }
@@ -259,7 +259,7 @@ export function isTouchCapable() {
259
259
  export function isMobileDevice() {
260
260
  try {
261
261
  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
262
- } catch (e) {
262
+ } catch (_unused2) {
263
263
  return false;
264
264
  }
265
265
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "3.9.1",
3
+ "version": "3.10.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.2.0",
23
+ "@atlaskit/ds-lib": "^5.3.0",
24
24
  "@atlaskit/icon": "^29.0.0",
25
25
  "@atlaskit/layering": "^3.4.0",
26
26
  "@atlaskit/platform-feature-flags": "^1.1.0",
27
- "@atlaskit/primitives": "^16.2.0",
27
+ "@atlaskit/primitives": "^16.4.0",
28
28
  "@atlaskit/spinner": "^19.0.0",
29
- "@atlaskit/tokens": "^8.1.0",
29
+ "@atlaskit/tokens": "^8.4.0",
30
30
  "@babel/runtime": "^7.0.0",
31
31
  "@compiled/react": "^0.18.6",
32
32
  "@floating-ui/dom": "^1.0.1",
@@ -38,8 +38,8 @@
38
38
  "react-dom": "^18.2.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@atlaskit/checkbox": "^17.1.0",
42
- "@atlaskit/form": "^14.2.0",
41
+ "@atlaskit/checkbox": "^17.2.0",
42
+ "@atlaskit/form": "^14.3.0",
43
43
  "@atlassian/feature-flags-test-utils": "^1.0.0",
44
44
  "@testing-library/react": "^13.4.0",
45
45
  "@testing-library/user-event": "^14.4.3",
@@ -57,6 +57,9 @@
57
57
  },
58
58
  "platform_fix_autocomplete_aria_for_select": {
59
59
  "type": "boolean"
60
+ },
61
+ "platform-dst-shape-theme-default": {
62
+ "type": "boolean"
60
63
  }
61
64
  },
62
65
  "techstack": {