@atlaskit/react-select 3.9.2 → 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.
Files changed (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/components/control.compiled.css +5 -4
  3. package/dist/cjs/components/control.js +4 -2
  4. package/dist/es2019/components/control.compiled.css +5 -4
  5. package/dist/es2019/components/control.js +4 -2
  6. package/dist/esm/components/control.compiled.css +5 -4
  7. package/dist/esm/components/control.js +4 -2
  8. package/package.json +5 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
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
+
3
10
  ## 3.9.2
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/components/control.compiled.css CHANGED
@@ -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)}
package/dist/cjs/components/control.js CHANGED
@@ -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/es2019/components/control.compiled.css CHANGED
@@ -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)}
package/dist/es2019/components/control.js CHANGED
@@ -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
package/dist/esm/components/control.compiled.css CHANGED
@@ -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)}
package/dist/esm/components/control.js CHANGED
@@ -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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "3.9.2",
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",
@@ -38,7 +38,7 @@
38
38
  "react-dom": "^18.2.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@atlaskit/checkbox": "^17.1.0",
41
+ "@atlaskit/checkbox": "^17.2.0",
42
42
  "@atlaskit/form": "^14.3.0",
43
43
  "@atlassian/feature-flags-test-utils": "^1.0.0",
44
44
  "@testing-library/react": "^13.4.0",
@@ -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": {