@atlaskit/select 17.8.0 → 17.9.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/select
 
+## 17.9.0
+
+### Minor Changes
+
+-   [#96841](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96841)
+    [`6cca90095b7e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6cca90095b7e) -
+    `ClearIndicator` button now uses the `Pressable` primitive.
+
+### Patch Changes
+
+-   Updated dependencies
+
 ## 17.8.0
 
 ### Minor Changes

package/dist/cjs/Select.js

@@ -9,7 +9,7 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 var packageName = "@atlaskit/select";
-var packageVersion = "17.8.0";
+var packageVersion = "17.9.0";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var Select = (0, _analyticsNext.withAnalyticsContext)({

package/dist/cjs/components/indicators.js

@@ -9,12 +9,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _reactSelect = require("react-select");
+var _primitives = require("@atlaskit/primitives");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 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; } /** @jsx jsx */
-var iconContainerStyles = (0, _react.css)({
+var iconContainerStyles = (0, _primitives.xcss)({
   all: 'unset',
   outline: 'revert',
   display: 'flex',
@@ -25,9 +26,8 @@ var ClearIndicator = exports.ClearIndicator = function ClearIndicator(props) {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       'aria-hidden': 'false'
     })
-  }), (0, _react.jsx)("button", {
-    css: iconContainerStyles,
-    type: "button",
+  }), (0, _react.jsx)(_primitives.Pressable, {
+    xcss: iconContainerStyles,
     tabIndex: -1
   }, (0, _react.jsx)(_selectClear.default, {
     size: "small",

package/dist/es2019/Select.js

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

package/dist/es2019/components/indicators.js

@@ -2,10 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx, css } from '@emotion/react';
 import { components } from 'react-select';
+import { Pressable, xcss } from '@atlaskit/primitives';
 import Spinner from '@atlaskit/spinner';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import DownIcon from '@atlaskit/icon/glyph/chevron-down';
-const iconContainerStyles = css({
+const iconContainerStyles = xcss({
   all: 'unset',
   outline: 'revert',
   display: 'flex',
@@ -16,9 +17,8 @@ export const ClearIndicator = props => jsx(components.ClearIndicator, _extends({
     ...props.innerProps,
     'aria-hidden': 'false'
   }
-}), jsx("button", {
-  css: iconContainerStyles,
-  type: "button",
+}), jsx(Pressable, {
+  xcss: iconContainerStyles,
   tabIndex: -1
 }, jsx(SelectClearIcon, {
   size: "small",

package/dist/esm/Select.js

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

package/dist/esm/components/indicators.js

@@ -5,10 +5,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /** @jsx jsx */
 import { jsx, css } from '@emotion/react';
 import { components } from 'react-select';
+import { Pressable, xcss } from '@atlaskit/primitives';
 import Spinner from '@atlaskit/spinner';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import DownIcon from '@atlaskit/icon/glyph/chevron-down';
-var iconContainerStyles = css({
+var iconContainerStyles = xcss({
   all: 'unset',
   outline: 'revert',
   display: 'flex',
@@ -19,9 +20,8 @@ export var ClearIndicator = function ClearIndicator(props) {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       'aria-hidden': 'false'
     })
-  }), jsx("button", {
-    css: iconContainerStyles,
-    type: "button",
+  }), jsx(Pressable, {
+    xcss: iconContainerStyles,
     tabIndex: -1
   }, jsx(SelectClearIcon, {
     size: "small",

package/dist/types/components/indicators.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { ClearIndicatorProps, DropdownIndicatorProps, LoadingIndicatorProps } from '../types';
+import { type ClearIndicatorProps, type DropdownIndicatorProps, type LoadingIndicatorProps } from '../types';
 export declare const ClearIndicator: <Option extends unknown, IsMulti extends boolean = false>(props: ClearIndicatorProps<Option, IsMulti>) => jsx.JSX.Element;
 export declare const DropdownIndicator: <Option extends unknown, IsMulti extends boolean = false>(props: DropdownIndicatorProps<Option, IsMulti>) => jsx.JSX.Element;
 export declare const LoadingIndicator: <Option extends unknown, IsMulti extends boolean = false>(props: LoadingIndicatorProps<Option, IsMulti>) => jsx.JSX.Element;

package/dist/types-ts4.5/components/indicators.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { ClearIndicatorProps, DropdownIndicatorProps, LoadingIndicatorProps } from '../types';
+import { type ClearIndicatorProps, type DropdownIndicatorProps, type LoadingIndicatorProps } from '../types';
 export declare const ClearIndicator: <Option extends unknown, IsMulti extends boolean = false>(props: ClearIndicatorProps<Option, IsMulti>) => jsx.JSX.Element;
 export declare const DropdownIndicator: <Option extends unknown, IsMulti extends boolean = false>(props: DropdownIndicatorProps<Option, IsMulti>) => jsx.JSX.Element;
 export declare const LoadingIndicator: <Option extends unknown, IsMulti extends boolean = false>(props: LoadingIndicatorProps<Option, IsMulti>) => jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "17.8.0",
+  "version": "17.9.0",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,6 +44,7 @@
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
+    "@atlaskit/primitives": "^6.1.0",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/theme": "^12.7.0",
     "@atlaskit/tokens": "^1.45.0",