@atlaskit/select 21.4.3 → 21.6.0

package/CHANGELOG.md

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

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

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
 ._16qsu838{box-shadow:var(--_z6sjud)}
 ._1bsbzwfg{width:2pc}
 ._1pby16oo{z-index:510}

package/dist/cjs/PopupSelect/components.js

@@ -15,6 +15,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _searchEditorSearch = _interopRequireDefault(require("@atlaskit/icon/core/migration/search--editor-search"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _reactSelect = require("@atlaskit/react-select");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
@@ -28,6 +29,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // ==============================
 
 var menuDialogStyles = null;
+var menuDialogStylesT26Shape = null;
 
 /**
  * __Menu dialog__
@@ -42,7 +44,7 @@ var MenuDialog = exports.MenuDialog = /*#__PURE__*/(0, _react.forwardRef)(functi
     ref: ref,
     id: id,
     "data-testid": testId && "".concat(testId, "--menu"),
-    className: (0, _runtime.ax)(["_2rko12b0 _1pby16oo _bfhk1bhr _16qsu838"]),
+    className: (0, _runtime.ax)(["_2rko12b0 _1pby16oo _bfhk1bhr _16qsu838", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_2rko1mok"]),
     style: _objectSpread(_objectSpread({}, style), {}, {
       "--_z6sjud": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N40A, ", 0 4px 11px ").concat(_colors.N40A), ")"))
     })

package/dist/cjs/Select.js

@@ -11,7 +11,7 @@ var _createSelect = _interopRequireDefault(require("./createSelect"));
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var packageName = "@atlaskit/select";
-var packageVersion = "21.4.2";
+var packageVersion = "0.0.0-development";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_async.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var Select = (0, _analyticsNext.withAnalyticsContext)({

package/dist/cjs/components/input-options.js

@@ -13,8 +13,6 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"));
-var _radio = _interopRequireDefault(require("@atlaskit/icon/glyph/radio"));
 var _svg = _interopRequireDefault(require("@atlaskit/icon/svg"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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); }
@@ -148,7 +146,7 @@ var NewCheckboxIcon = function NewCheckboxIcon(props) {
         color: primaryColor,
         fill: secondaryColor
       },
-      "aria-label": label,
+      "aria-label": label ? label : undefined,
       role: label ? 'img' : 'presentation',
       className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
     }, newCheckboxIconPath);
@@ -184,7 +182,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
         color: primaryColor,
         fill: secondaryColor
       },
-      "aria-label": label,
+      "aria-label": label ? label : undefined,
       role: label ? 'img' : 'presentation',
       className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
     }, newRadioIconPath);
@@ -201,9 +199,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
  */
 var CheckboxOption = exports.CheckboxOption = function CheckboxOption(props) {
   return /*#__PURE__*/React.createElement(ControlOption, (0, _extends2.default)({
-    Icon: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? NewCheckboxIcon :
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-    _checkbox.default
+    Icon: NewCheckboxIcon
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props));
 };
@@ -216,9 +212,7 @@ var RadioOption = exports.RadioOption = function RadioOption(props) {
     /*#__PURE__*/
     // TODO https://product-fabric.atlassian.net/browse/DSP-20769
     React.createElement(ControlOption, (0, _extends2.default)({
-      Icon: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? NewRadioIcon :
-      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-      _radio.default
+      Icon: NewRadioIcon
       // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     }, props))
   );

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

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
 ._16qs1s1a{box-shadow:var(--ds-shadow-overlay,0 0 0 1px rgba(9,30,66,.13),0 4px 11px rgba(9,30,66,.13))}
 ._1bsbzwfg{width:2pc}
 ._1pby16oo{z-index:510}

package/dist/es2019/PopupSelect/components.js

@@ -5,6 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 import SearchIcon from '@atlaskit/icon/core/migration/search--editor-search';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { components } from '@atlaskit/react-select';
 import { N40A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
@@ -15,6 +16,7 @@ import VisuallyHidden from '@atlaskit/visually-hidden';
 // ==============================
 
 const menuDialogStyles = null;
+const menuDialogStylesT26Shape = null;
 
 /**
  * __Menu dialog__
@@ -32,7 +34,7 @@ export const MenuDialog = /*#__PURE__*/forwardRef(({
     style: style,
     id: id,
     "data-testid": testId && `${testId}--menu`,
-    className: ax(["_2rko12b0 _1pby16oo _bfhk1bhr _16qs1s1a"])
+    className: ax(["_2rko12b0 _1pby16oo _bfhk1bhr _16qs1s1a", fg('platform-dst-shape-theme-default') && "_2rko1mok"])
   }, children);
 });
 

package/dist/es2019/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "21.4.2";
+const packageVersion = "0.0.0-development";
 export const SelectWithoutAnalytics = createSelect(AsyncSelect);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const Select = withAnalyticsContext({

package/dist/es2019/components/input-options.js

@@ -4,8 +4,6 @@ import "./input-options.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo, useState } from 'react';
-import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
-import RadioIcon from '@atlaskit/icon/glyph/radio';
 import PrimitiveSVGIcon from '@atlaskit/icon/svg';
 import { fg } from '@atlaskit/platform-feature-flags';
 const optionStyles = {
@@ -135,7 +133,7 @@ const NewCheckboxIcon = props => {
         color: primaryColor,
         fill: secondaryColor
       },
-      "aria-label": label,
+      "aria-label": label ? label : undefined,
       role: label ? 'img' : 'presentation',
       className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
     }, newCheckboxIconPath);
@@ -173,7 +171,7 @@ const NewRadioIcon = props => {
         color: primaryColor,
         fill: secondaryColor
       },
-      "aria-label": label,
+      "aria-label": label ? label : undefined,
       role: label ? 'img' : 'presentation',
       className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
     }, newRadioIconPath);
@@ -189,9 +187,7 @@ const NewRadioIcon = props => {
  * __Checkbox option__
  */
 export const CheckboxOption = props => /*#__PURE__*/React.createElement(ControlOption, _extends({
-  Icon: fg('platform-visual-refresh-icons') ? NewCheckboxIcon :
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-  CheckboxIcon
+  Icon: NewCheckboxIcon
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 
@@ -202,8 +198,6 @@ export const RadioOption = props =>
 /*#__PURE__*/
 // TODO https://product-fabric.atlassian.net/browse/DSP-20769
 React.createElement(ControlOption, _extends({
-  Icon: fg('platform-visual-refresh-icons') ? NewRadioIcon :
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-  RadioIcon
+  Icon: NewRadioIcon
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));

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

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
 ._16qsu838{box-shadow:var(--_z6sjud)}
 ._1bsbzwfg{width:2pc}
 ._1pby16oo{z-index:510}

package/dist/esm/PopupSelect/components.js

@@ -10,6 +10,7 @@ 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 { forwardRef } from 'react';
 import SearchIcon from '@atlaskit/icon/core/migration/search--editor-search';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { components } from '@atlaskit/react-select';
 import { N40A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
@@ -20,6 +21,7 @@ import VisuallyHidden from '@atlaskit/visually-hidden';
 // ==============================
 
 var menuDialogStyles = null;
+var menuDialogStylesT26Shape = null;
 
 /**
  * __Menu dialog__
@@ -34,7 +36,7 @@ export var MenuDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     id: id,
     "data-testid": testId && "".concat(testId, "--menu"),
-    className: ax(["_2rko12b0 _1pby16oo _bfhk1bhr _16qsu838"]),
+    className: ax(["_2rko12b0 _1pby16oo _bfhk1bhr _16qsu838", fg('platform-dst-shape-theme-default') && "_2rko1mok"]),
     style: _objectSpread(_objectSpread({}, style), {}, {
       "--_z6sjud": ix("var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(N40A, ", 0 4px 11px ").concat(N40A), ")"))
     })

package/dist/esm/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "21.4.2";
+var packageVersion = "0.0.0-development";
 export var SelectWithoutAnalytics = createSelect(AsyncSelect);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var Select = withAnalyticsContext({

package/dist/esm/components/input-options.js

@@ -5,8 +5,6 @@ import "./input-options.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo, useState } from 'react';
-import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
-import RadioIcon from '@atlaskit/icon/glyph/radio';
 import PrimitiveSVGIcon from '@atlaskit/icon/svg';
 import { fg } from '@atlaskit/platform-feature-flags';
 var optionStyles = {
@@ -139,7 +137,7 @@ var NewCheckboxIcon = function NewCheckboxIcon(props) {
         color: primaryColor,
         fill: secondaryColor
       },
-      "aria-label": label,
+      "aria-label": label ? label : undefined,
       role: label ? 'img' : 'presentation',
       className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
     }, newCheckboxIconPath);
@@ -175,7 +173,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
         color: primaryColor,
         fill: secondaryColor
       },
-      "aria-label": label,
+      "aria-label": label ? label : undefined,
       role: label ? 'img' : 'presentation',
       className: ax(["_1reo15vq _18m915vq _1bsb1tcg _4t3i1tcg _lswuvuon _lcxvglyw"])
     }, newRadioIconPath);
@@ -192,9 +190,7 @@ var NewRadioIcon = function NewRadioIcon(props) {
  */
 export var CheckboxOption = function CheckboxOption(props) {
   return /*#__PURE__*/React.createElement(ControlOption, _extends({
-    Icon: fg('platform-visual-refresh-icons') ? NewCheckboxIcon :
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-    CheckboxIcon
+    Icon: NewCheckboxIcon
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props));
 };
@@ -207,9 +203,7 @@ export var RadioOption = function RadioOption(props) {
     /*#__PURE__*/
     // TODO https://product-fabric.atlassian.net/browse/DSP-20769
     React.createElement(ControlOption, _extends({
-      Icon: fg('platform-visual-refresh-icons') ? NewRadioIcon :
-      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-      RadioIcon
+      Icon: NewRadioIcon
       // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     }, props))
   );

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/select",
-	"version": "21.4.3",
+	"version": "21.6.0",
 	"description": "Select allows users to make a single selection or multiple selections from a list of options.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,12 +34,12 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/icon": "^29.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/react-select": "^3.9.0",
+		"@atlaskit/react-select": "^3.11.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tokens": "^8.6.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -57,16 +57,16 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.6.0",
-		"@atlaskit/checkbox": "^17.1.0",
+		"@atlaskit/button": "^23.8.0",
+		"@atlaskit/checkbox": "^17.2.0",
 		"@atlaskit/docs": "^11.2.0",
 		"@atlaskit/drawer": "^11.0.0",
-		"@atlaskit/form": "^14.3.0",
+		"@atlaskit/form": "^15.0.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.9.0",
-		"@atlaskit/modal-dialog": "^14.7.0",
+		"@atlaskit/modal-dialog": "^14.9.0",
 		"@atlaskit/radio": "^8.3.0",
-		"@atlaskit/section-message": "^8.9.0",
+		"@atlaskit/section-message": "^8.11.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
@@ -102,6 +102,9 @@
 		},
 		"platform_dst_nav4_layering_in_main_slot_fixes": {
 			"type": "boolean"
+		},
+		"platform-dst-shape-theme-default": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/select/"