@atlaskit/select 18.3.0 → 18.4.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/select
 
+## 18.4.1
+
+### Patch Changes
+
+- [#157857](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/157857)
+  [`8cf1d1a9589a6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8cf1d1a9589a6) -
+  Hide flag emoji in country select for better AT support
+
+## 18.4.0
+
+### Minor Changes
+
+- [#157818](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/157818)
+  [`87c14ad1a3efa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/87c14ad1a3efa) -
+  Use semantic tags and arias for combobox and listbox and reduce aria-live
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 18.3.0
 
 ### Minor Changes

package/dist/cjs/CountrySelect.js

@@ -12,7 +12,7 @@ var _countries = require("./data/countries");
 var _Select = _interopRequireDefault(require("./Select"));
 var _countryGroupsAnnouncement = require("./utils/country-groups-announcement");
 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; }
-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) { (0, _defineProperty2.default)(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; } /**
+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) { (0, _defineProperty2.default)(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; } /* eslint-disable @repo/internal/fs/filename-pattern-match */ /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -33,6 +33,7 @@ var Opt = function Opt(_ref) {
   return (0, _react.jsx)("div", {
     css: labelStyles
   }, (0, _react.jsx)("span", {
+    "aria-hidden": "true",
     css: flagStyles
   }, icon), children);
 };

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 = "18.3.0";
+var packageVersion = "18.4.1";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var Select = (0, _analyticsNext.withAnalyticsContext)({

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

@@ -12,10 +12,7 @@ var _reactSelect = require("@atlaskit/react-select");
  * __No options message__
  */
 var NoOptionsMessage = exports.NoOptionsMessage = function NoOptionsMessage(props) {
-  return /*#__PURE__*/_react.default.createElement(_reactSelect.components.NoOptionsMessage, props, /*#__PURE__*/_react.default.createElement("span", {
-    id: "no-options",
-    role: "alert"
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  return /*#__PURE__*/_react.default.createElement(_reactSelect.components.NoOptionsMessage, props, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     color: "color.text.subtle"
-  }, props.children || "No options")));
+  }, props.children || "No options"));
 };

package/dist/es2019/CountrySelect.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -26,6 +27,7 @@ const Opt = ({
 }) => jsx("div", {
   css: labelStyles
 }, jsx("span", {
+  "aria-hidden": "true",
   css: flagStyles
 }, icon), children);
 

package/dist/es2019/Select.js

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

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

@@ -5,10 +5,7 @@ import { components } from '@atlaskit/react-select';
  * __No options message__
  */
 export const NoOptionsMessage = props => {
-  return /*#__PURE__*/React.createElement(components.NoOptionsMessage, props, /*#__PURE__*/React.createElement("span", {
-    id: "no-options",
-    role: "alert"
-  }, /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React.createElement(components.NoOptionsMessage, props, /*#__PURE__*/React.createElement(Text, {
     color: "color.text.subtle"
-  }, props.children || `No options`)));
+  }, props.children || `No options`));
 };

package/dist/esm/CountrySelect.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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; }
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -29,6 +30,7 @@ var Opt = function Opt(_ref) {
   return jsx("div", {
     css: labelStyles
   }, jsx("span", {
+    "aria-hidden": "true",
     css: flagStyles
   }, icon), children);
 };

package/dist/esm/Select.js

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

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

@@ -5,10 +5,7 @@ import { components } from '@atlaskit/react-select';
  * __No options message__
  */
 export var NoOptionsMessage = function NoOptionsMessage(props) {
-  return /*#__PURE__*/React.createElement(components.NoOptionsMessage, props, /*#__PURE__*/React.createElement("span", {
-    id: "no-options",
-    role: "alert"
-  }, /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React.createElement(components.NoOptionsMessage, props, /*#__PURE__*/React.createElement(Text, {
     color: "color.text.subtle"
-  }, props.children || "No options")));
+  }, props.children || "No options"));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/select",
-	"version": "18.3.0",
+	"version": "18.4.1",
 	"description": "Select allows users to make a single selection or multiple selections from a list of options.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
 		"@atlaskit/icon": "^22.24.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.2.0",
-		"@atlaskit/react-select": "^1.1.0",
+		"@atlaskit/react-select": "^1.2.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/theme": "^14.0.0",
 		"@atlaskit/tokens": "^2.0.0",
@@ -110,6 +110,10 @@
 		},
 		"platform_dst_select-bump-react-focus-lock": {
 			"type": "boolean"
+		},
+		"design_system_select-a11y-improvement": {
+			"type": "boolean",
+			"referenceOnly": true
 		}
 	},
 	"homepage": "https://atlassian.design/components/select/"