@atlaskit/react-select 3.10.0 → 3.12.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/react-select
 
+## 3.12.0
+
+### Minor Changes
+
+- [`fea5206ef4f36`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fea5206ef4f36) -
+  Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.11.0
+
+### Minor Changes
+
+- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
+  Migrated and cleaned up legacy iconography usage.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.10.0
 
 ### Minor Changes

package/dist/cjs/components/menu.compiled.css

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}._152t1nmo{inset-block-start:var(--menu-top)}
 ._152t1osq{inset-block-start:100%}
 ._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
 ._18m91wug{overflow-y:auto}

package/dist/cjs/components/menu.js

@@ -19,6 +19,7 @@ var _react2 = require("@compiled/react");
 var _dom = require("@floating-ui/dom");
 var _reactDom = require("react-dom");
 var _useIsomorphicLayoutEffect = _interopRequireDefault(require("use-isomorphic-layout-effect"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _utils = require("../utils");
 var _excluded = ["children", "innerProps", "xcss"],
@@ -197,6 +198,7 @@ var coercePlacement = function coercePlacement(p) {
 };
 var menuStyles = {
   root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
+  rootT26Shape: "_2rko1mok",
   bottom: "_152t1osq",
   top: "_u7co1osq"
 };
@@ -271,7 +273,7 @@ var Menu = function Menu(props) {
     className = _getStyleProps.className;
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: (0, _runtime.ax)([menuStyles.root, menuStyles[placement], (0, _react2.cx)(xcss, className, '-menu')])
+    className: (0, _runtime.ax)([menuStyles.root, menuStyles[placement], (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && menuStyles.rootT26Shape, (0, _react2.cx)(xcss, className, '-menu')])
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
     style: css,

package/dist/cjs/components/multi-value.js

@@ -16,7 +16,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react2 = require("@compiled/react");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
-var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
 var _utils = require("../utils");
 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); }
 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; }
@@ -88,10 +87,6 @@ function MultiValueRemove(_ref3) {
   }, /*#__PURE__*/React.createElement(_cross.default, {
     label: "",
     color: "currentColor",
-    LEGACY_fallbackIcon: _selectClear.default,
-    LEGACY_primaryColor: "transparent",
-    LEGACY_secondaryColor: "inherit",
-    LEGACY_size: "small",
     size: "small"
   })));
 }

package/dist/es2019/components/menu.compiled.css

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}._152t1nmo{inset-block-start:var(--menu-top)}
 ._152t1osq{inset-block-start:100%}
 ._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
 ._18m91wug{overflow-y:auto}

package/dist/es2019/components/menu.js

@@ -8,6 +8,7 @@ import { cx } from '@compiled/react';
 import { autoUpdate } from '@floating-ui/dom';
 import { createPortal } from 'react-dom';
 import useLayoutEffect from 'use-isomorphic-layout-effect';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives/compiled';
 import { animatedScrollTo, getBoundingClientObj, getScrollParent, getScrollTop, getStyleProps, normalizedHeight, scrollTo } from '../utils';
 
@@ -184,6 +185,7 @@ function getMenuPlacement({
 const coercePlacement = p => p === 'auto' ? 'bottom' : p;
 const menuStyles = {
   root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
+  rootT26Shape: "_2rko1mok",
   bottom: "_152t1osq",
   top: "_u7co1osq"
 };
@@ -256,7 +258,7 @@ const Menu = props => {
   });
   return /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: ax([menuStyles.root, menuStyles[placement], cx(xcss, className, '-menu')])
+    className: ax([menuStyles.root, menuStyles[placement], fg('platform-dst-shape-theme-default') && menuStyles.rootT26Shape, cx(xcss, className, '-menu')])
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
     style: css,

package/dist/es2019/components/multi-value.js

@@ -5,7 +5,6 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { cx } from '@compiled/react';
 import CrossIcon from '@atlaskit/icon/core/cross';
-import LegacySelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { getStyleProps } from '../utils';
 const multiValueStyles = {
   root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazjpor _3yq3glyw",
@@ -71,10 +70,6 @@ export function MultiValueRemove({
   }, /*#__PURE__*/React.createElement(CrossIcon, {
     label: "",
     color: "currentColor",
-    LEGACY_fallbackIcon: LegacySelectClearIcon,
-    LEGACY_primaryColor: "transparent",
-    LEGACY_secondaryColor: "inherit",
-    LEGACY_size: "small",
     size: "small"
   })));
 }

package/dist/esm/components/menu.compiled.css

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._152t1nmo{inset-block-start:var(--menu-top)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}._152t1nmo{inset-block-start:var(--menu-top)}
 ._152t1osq{inset-block-start:100%}
 ._16qsd0yg{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1))}
 ._18m91wug{overflow-y:auto}

package/dist/esm/components/menu.js

@@ -15,6 +15,7 @@ import { cx } from '@compiled/react';
 import { autoUpdate } from '@floating-ui/dom';
 import { createPortal } from 'react-dom';
 import useLayoutEffect from 'use-isomorphic-layout-effect';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives/compiled';
 import { animatedScrollTo, getBoundingClientObj, getScrollParent, getScrollTop, getStyleProps, normalizedHeight, scrollTo } from '../utils';
 
@@ -189,6 +190,7 @@ var coercePlacement = function coercePlacement(p) {
 };
 var menuStyles = {
   root: "_2rko12b0 _kqswstnw _1bsb1osq _1pbykb7n _6rthu2gc _1pfhu2gc _bfhk1bhr _16qsd0yg",
+  rootT26Shape: "_2rko1mok",
   bottom: "_152t1osq",
   top: "_u7co1osq"
 };
@@ -263,7 +265,7 @@ var Menu = function Menu(props) {
     className = _getStyleProps.className;
   return /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: ax([menuStyles.root, menuStyles[placement], cx(xcss, className, '-menu')])
+    className: ax([menuStyles.root, menuStyles[placement], fg('platform-dst-shape-theme-default') && menuStyles.rootT26Shape, cx(xcss, className, '-menu')])
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
     style: css,

package/dist/esm/components/multi-value.js

@@ -8,7 +8,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { cx } from '@compiled/react';
 import CrossIcon from '@atlaskit/icon/core/cross';
-import LegacySelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { getStyleProps } from '../utils';
 var multiValueStyles = {
   root: "_2rko12b0 _1h6d14je _1dqonqa1 _189ee4h9 _1e0c1txw _1ul9ze3t _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _bfhk1j9a _p12f1osq _syazjpor _3yq3glyw",
@@ -77,10 +76,6 @@ export function MultiValueRemove(_ref3) {
   }, /*#__PURE__*/React.createElement(CrossIcon, {
     label: "",
     color: "currentColor",
-    LEGACY_fallbackIcon: LegacySelectClearIcon,
-    LEGACY_primaryColor: "transparent",
-    LEGACY_secondaryColor: "inherit",
-    LEGACY_size: "small",
     size: "small"
   })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-select",
-	"version": "3.10.0",
+	"version": "3.12.0",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,12 +21,12 @@
 	"atlaskit:src": "src/index.tsx",
 	"dependencies": {
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/icon": "^29.3.0",
 		"@atlaskit/layering": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tokens": "^8.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
 		"@floating-ui/dom": "^1.0.1",
@@ -39,7 +39,7 @@
 	},
 	"devDependencies": {
 		"@atlaskit/checkbox": "^17.2.0",
-		"@atlaskit/form": "^14.3.0",
+		"@atlaskit/form": "^15.1.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",