@atlaskit/select 21.2.10 → 21.3.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/select
 
+## 21.3.1
+
+### Patch Changes
+
+- [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
+  Internal changes to how borders are applied.
+- Updated dependencies
+
+## 21.3.0
+
+### Minor Changes
+
+- [`153fad932190f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/153fad932190f) -
+  [ux] Added a new prop shouldKeepInputOnSelect to the select component to prevent clearing the
+  input when isMulti is true
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 21.2.10
 
 ### Patch Changes

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 = "0.0.0-development";
+var packageVersion = "21.3.0";
 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.compiled.css

@@ -25,4 +25,4 @@
 ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
 ._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
 ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
-@media screen and (-ms-high-contrast:active){._112e1vrj{border-inline-start:2px solid transparent}}
+@media screen and (-ms-high-contrast:active){._112e5u6v{border-inline-start:var(--ds-border-width-selected,2px) solid transparent}}

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

@@ -20,7 +20,7 @@ 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); }
 var optionStyles = {
   default: "_1e0c1txw _4cvr1h6o _1bsb1osq _uiztglyw _18ql1j7p _vchhusvi _85i51b66 _1q511b66 _bozgpxbi _y4tiutpp _bfhk1j28 _16qs1kw7 _syaz1kw7 _1di61dty",
-  focused: "_bfhk166n _16qsn8hf _112e1vrj",
+  focused: "_bfhk166n _16qsn8hf _112e5u6v",
   disabled: "_syaz15gi"
 };
 

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 = "0.0.0-development";
+const packageVersion = "21.3.0";
 export const SelectWithoutAnalytics = createSelect(AsyncSelect);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const Select = withAnalyticsContext({

package/dist/es2019/components/input-options.compiled.css

@@ -25,4 +25,4 @@
 ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
 ._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
 ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
-@media screen and (-ms-high-contrast:active){._112e1vrj{border-inline-start:2px solid transparent}}
+@media screen and (-ms-high-contrast:active){._112e5u6v{border-inline-start:var(--ds-border-width-selected,2px) solid transparent}}

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

@@ -10,7 +10,7 @@ import PrimitiveSVGIcon from '@atlaskit/icon/svg';
 import { fg } from '@atlaskit/platform-feature-flags';
 const optionStyles = {
   default: "_1e0c1txw _4cvr1h6o _1bsb1osq _uiztglyw _18ql1j7p _vchhusvi _85i51b66 _1q511b66 _bozgpxbi _y4tiutpp _bfhk1j28 _16qs1kw7 _syaz1kw7 _1di61dty",
-  focused: "_bfhk166n _16qsn8hf _112e1vrj",
+  focused: "_bfhk166n _16qsn8hf _112e5u6v",
   disabled: "_syaz15gi"
 };
 

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 = "0.0.0-development";
+var packageVersion = "21.3.0";
 export var SelectWithoutAnalytics = createSelect(AsyncSelect);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var Select = withAnalyticsContext({

package/dist/esm/components/input-options.compiled.css

@@ -25,4 +25,4 @@
 ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
 ._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
 ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
-@media screen and (-ms-high-contrast:active){._112e1vrj{border-inline-start:2px solid transparent}}
+@media screen and (-ms-high-contrast:active){._112e5u6v{border-inline-start:var(--ds-border-width-selected,2px) solid transparent}}

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

@@ -11,7 +11,7 @@ import PrimitiveSVGIcon from '@atlaskit/icon/svg';
 import { fg } from '@atlaskit/platform-feature-flags';
 var optionStyles = {
   default: "_1e0c1txw _4cvr1h6o _1bsb1osq _uiztglyw _18ql1j7p _vchhusvi _85i51b66 _1q511b66 _bozgpxbi _y4tiutpp _bfhk1j28 _16qs1kw7 _syaz1kw7 _1di61dty",
-  focused: "_bfhk166n _16qsn8hf _112e1vrj",
+  focused: "_bfhk166n _16qsn8hf _112e5u6v",
   disabled: "_syaz15gi"
 };
 

package/dist/types/PopupSelect/PopupSelect.d.ts

@@ -90,6 +90,10 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
      * The `testId` prop appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests. It will be set on the menu element when defined: `{testId}--menu`
      */
     testId?: string;
+    /**
+     * If `true`, the input value will be kept when an option is selected. The default is `false`.
+     */
+    shouldKeepInputOnSelect?: boolean;
 }
 interface State<Modifiers = string> {
     focusLockEnabled: boolean;

package/dist/types-ts4.5/PopupSelect/PopupSelect.d.ts

@@ -90,6 +90,10 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
      * The `testId` prop appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests. It will be set on the menu element when defined: `{testId}--menu`
      */
     testId?: string;
+    /**
+     * If `true`, the input value will be kept when an option is selected. The default is `false`.
+     */
+    shouldKeepInputOnSelect?: boolean;
 }
 interface State<Modifiers = string> {
     focusLockEnabled: boolean;

package/offerings.json

@@ -0,0 +1,38 @@
+[
+	{
+		"name": "Select",
+		"package": "@atlaskit/select",
+		"import": {
+			"name": "Select",
+			"package": "@atlaskit/select",
+			"type": "default"
+		},
+		"keywords": ["select", "dropdown", "form", "input", "options", "choice", "picker"],
+		"categories": ["form"],
+		"shortDescription": "A flexible select component for single and multi-selection.",
+		"status": "general-availability",
+		"accessibilityGuidelines": [
+			"Provide clear labels for all selects",
+			"Use appropriate placeholder text",
+			"Ensure keyboard navigation with arrow keys",
+			"Provide clear option descriptions",
+			"Support screen reader announcements"
+		],
+		"usageGuidelines": [
+			"Use for choosing from a list of options",
+			"Use multi-select for multiple choice scenarios",
+			"Enable search for long option lists",
+			"Provide clear placeholder text",
+			"Consider loading states for async data"
+		],
+		"contentGuidelines": [
+			"Write clear, descriptive option labels",
+			"Use consistent terminology across options",
+			"Keep option text concise but meaningful",
+			"Group related options logically"
+		],
+		"examples": [
+			"./examples/constellation/select-appearance-default.tsx"
+		]
+	}
+]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/select",
-	"version": "21.2.10",
+	"version": "21.3.1",
 	"description": "Select allows users to make a single selection or multiple selections from a list of options.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,10 +34,10 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/ds-lib": "^5.0.0",
-		"@atlaskit/icon": "^28.1.0",
+		"@atlaskit/icon": "^28.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.14.0",
-		"@atlaskit/react-select": "^3.5.0",
+		"@atlaskit/react-select": "^3.6.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^6.3.0",
@@ -60,9 +60,9 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/docs": "^11.0.0",
+		"@atlaskit/docs": "^11.1.0",
 		"@atlaskit/drawer": "^11.0.0",
-		"@atlaskit/form": "^12.5.0",
+		"@atlaskit/form": "^12.7.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/modal-dialog": "^14.3.0",