@atlaskit/react-select 3.11.0 → 3.12.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 +11 -0
  2. package/dist/cjs/components/menu.compiled.css +2 -1
  3. package/dist/cjs/components/menu.js +3 -1
  4. package/dist/es2019/components/menu.compiled.css +2 -1
  5. package/dist/es2019/components/menu.js +3 -1
  6. package/dist/esm/components/menu.compiled.css +2 -1
  7. package/dist/esm/components/menu.js +3 -1
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/react-select
2
2
 
3
+ ## 3.12.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`fea5206ef4f36`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fea5206ef4f36) -
8
+ Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
3
14
  ## 3.11.0
4
15
 
5
16
  ### Minor Changes
package/dist/cjs/components/menu.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._152t1nmo{inset-block-start:var(--menu-top)}
3
4
  ._152t1osq{inset-block-start:100%}
4
5
  ._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
6
  ._18m91wug{overflow-y:auto}
package/dist/cjs/components/menu.js CHANGED
@@ -19,6 +19,7 @@ var _react2 = require("@compiled/react");
19
19
  var _dom = require("@floating-ui/dom");
20
20
  var _reactDom = require("react-dom");
21
21
  var _useIsomorphicLayoutEffect = _interopRequireDefault(require("use-isomorphic-layout-effect"));
22
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
22
23
  var _compiled = require("@atlaskit/primitives/compiled");
23
24
  var _utils = require("../utils");
24
25
  var _excluded = ["children", "innerProps", "xcss"],
@@ -197,6 +198,7 @@ var coercePlacement = function coercePlacement(p) {
197
198
  };
198
199
  var menuStyles = {
199
200
  root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
201
+ rootT26Shape: "_2rko1mok",
200
202
  bottom: "_152t1osq",
201
203
  top: "_u7co1osq"
202
204
  };
@@ -271,7 +273,7 @@ var Menu = function Menu(props) {
271
273
  className = _getStyleProps.className;
272
274
  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
273
275
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
274
- className: (0, _runtime.ax)([menuStyles.root, menuStyles[placement], (0, _react2.cx)(xcss, className, '-menu')])
276
+ className: (0, _runtime.ax)([menuStyles.root, menuStyles[placement], (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && menuStyles.rootT26Shape, (0, _react2.cx)(xcss, className, '-menu')])
275
277
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
276
278
  ,
277
279
  style: css,
package/dist/es2019/components/menu.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._152t1nmo{inset-block-start:var(--menu-top)}
3
4
  ._152t1osq{inset-block-start:100%}
4
5
  ._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
6
  ._18m91wug{overflow-y:auto}
package/dist/es2019/components/menu.js CHANGED
@@ -8,6 +8,7 @@ import { cx } from '@compiled/react';
8
8
  import { autoUpdate } from '@floating-ui/dom';
9
9
  import { createPortal } from 'react-dom';
10
10
  import useLayoutEffect from 'use-isomorphic-layout-effect';
11
+ import { fg } from '@atlaskit/platform-feature-flags';
11
12
  import { Text } from '@atlaskit/primitives/compiled';
12
13
  import { animatedScrollTo, getBoundingClientObj, getScrollParent, getScrollTop, getStyleProps, normalizedHeight, scrollTo } from '../utils';
13
14
 
@@ -184,6 +185,7 @@ function getMenuPlacement({
184
185
  const coercePlacement = p => p === 'auto' ? 'bottom' : p;
185
186
  const menuStyles = {
186
187
  root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
188
+ rootT26Shape: "_2rko1mok",
187
189
  bottom: "_152t1osq",
188
190
  top: "_u7co1osq"
189
191
  };
@@ -256,7 +258,7 @@ const Menu = props => {
256
258
  });
257
259
  return /*#__PURE__*/React.createElement("div", _extends({
258
260
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
259
- className: ax([menuStyles.root, menuStyles[placement], cx(xcss, className, '-menu')])
261
+ className: ax([menuStyles.root, menuStyles[placement], fg('platform-dst-shape-theme-default') && menuStyles.rootT26Shape, cx(xcss, className, '-menu')])
260
262
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
261
263
  ,
262
264
  style: css,
package/dist/esm/components/menu.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._152t1nmo{inset-block-start:var(--menu-top)}
3
4
  ._152t1osq{inset-block-start:100%}
4
5
  ._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
6
  ._18m91wug{overflow-y:auto}
package/dist/esm/components/menu.js CHANGED
@@ -15,6 +15,7 @@ import { cx } from '@compiled/react';
15
15
  import { autoUpdate } from '@floating-ui/dom';
16
16
  import { createPortal } from 'react-dom';
17
17
  import useLayoutEffect from 'use-isomorphic-layout-effect';
18
+ import { fg } from '@atlaskit/platform-feature-flags';
18
19
  import { Text } from '@atlaskit/primitives/compiled';
19
20
  import { animatedScrollTo, getBoundingClientObj, getScrollParent, getScrollTop, getStyleProps, normalizedHeight, scrollTo } from '../utils';
20
21
 
@@ -189,6 +190,7 @@ var coercePlacement = function coercePlacement(p) {
189
190
  };
190
191
  var menuStyles = {
191
192
  root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
193
+ rootT26Shape: "_2rko1mok",
192
194
  bottom: "_152t1osq",
193
195
  top: "_u7co1osq"
194
196
  };
@@ -263,7 +265,7 @@ var Menu = function Menu(props) {
263
265
  className = _getStyleProps.className;
264
266
  return /*#__PURE__*/React.createElement("div", _extends({
265
267
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
266
- className: ax([menuStyles.root, menuStyles[placement], cx(xcss, className, '-menu')])
268
+ className: ax([menuStyles.root, menuStyles[placement], fg('platform-dst-shape-theme-default') && menuStyles.rootT26Shape, cx(xcss, className, '-menu')])
267
269
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
268
270
  ,
269
271
  style: css,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "3.11.0",
3
+ "version": "3.12.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",
@@ -21,7 +21,7 @@
21
21
  "atlaskit:src": "src/index.tsx",
22
22
  "dependencies": {
23
23
  "@atlaskit/ds-lib": "^5.3.0",
24
- "@atlaskit/icon": "^29.2.0",
24
+ "@atlaskit/icon": "^29.3.0",
25
25
  "@atlaskit/layering": "^3.4.0",
26
26
  "@atlaskit/platform-feature-flags": "^1.1.0",
27
27
  "@atlaskit/primitives": "^16.4.0",
@@ -39,7 +39,7 @@
39
39
  },
40
40
  "devDependencies": {
41
41
  "@atlaskit/checkbox": "^17.2.0",
42
- "@atlaskit/form": "^15.0.0",
42
+ "@atlaskit/form": "^15.1.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",