@atlaskit/select 17.3.0 → 17.3.2

package/AsyncCreatableSelect/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/entry-points/async-creatable-select.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/entry-points/async-creatable-select.d.ts"
       ]

package/AsyncSelect/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/entry-points/async-select.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/entry-points/async-select.d.ts"
       ]

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/select
 
+## 17.3.2
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
+## 17.3.1
+
+### Patch Changes
+
+- [#81644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81644) [`8ab7a816dca7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8ab7a816dca7) - Revert input border change from the previous version
+
 ## 17.3.0
 
 ### Minor Changes

package/CreatableSelect/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/entry-points/creatable-select.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/entry-points/creatable-select.d.ts"
       ]

package/Select/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/entry-points/select.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/entry-points/select.d.ts"
       ]

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

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

@@ -17,6 +17,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _react2 = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _radio = _interopRequireDefault(require("@atlaskit/icon/glyph/radio"));
 var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"));
 var _colors = require("@atlaskit/theme/colors");
@@ -136,7 +137,7 @@ var baseIconStyles = (0, _react.css)({
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& svg rect, & svg circle:first-of-type': {
-    strokeWidth: "var(--ds-border-width, 1px)",
+    strokeWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
     strokeLinejoin: 'round'
   }
 });

package/dist/cjs/styles.js

@@ -68,18 +68,20 @@ function baseStyles(validationState) {
         backgroundColorHover = 'transparent';
         borderColorHover = 'transparent';
       }
-      return _objectSpread(_objectSpread({}, css), {}, {
+      return _objectSpread(_objectSpread(_objectSpread({}, css), {}, {
         // Turn pointer events off when disabled - this makes it so hover etc don't work.
         pointerEvents: isDisabled ? 'none' : undefined,
         backgroundColor: backgroundColor,
         borderColor: borderColor,
         borderStyle: 'solid',
         borderRadius: "var(--ds-border-radius-100, 3px)",
-        borderWidth: "var(--ds-border-width, 1px)",
-        boxShadow: 'none',
+        borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
+        boxShadow: 'none'
+      }, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') && {
         '&:focus-within': {
           boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColor)
-        },
+        }
+      }), {}, {
         minHeight: isCompact ? (0, _constants.gridSize)() * 4 : (0, _constants.gridSize)() * 5,
         padding: 0,
         transition: "background-color ".concat(transitionDuration, " ease-in-out,\n        border-color ").concat(transitionDuration, " ease-in-out"),

package/dist/es2019/Select.js

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

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

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { Component } from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import RadioIcon from '@atlaskit/icon/glyph/radio';
 import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
 import { B300, B400, B75, N20A, N0, N100, N20, N30, N70 } from '@atlaskit/theme/colors';
@@ -125,7 +126,7 @@ const baseIconStyles = css({
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& svg rect, & svg circle:first-of-type': {
-    strokeWidth: "var(--ds-border-width, 1px)",
+    strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
     strokeLinejoin: 'round'
   }
 });

package/dist/es2019/styles.js

@@ -65,11 +65,13 @@ export default function baseStyles(validationState, isCompact = false, appearanc
         borderColor,
         borderStyle: 'solid',
         borderRadius: "var(--ds-border-radius-100, 3px)",
-        borderWidth: "var(--ds-border-width, 1px)",
+        borderWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
         boxShadow: 'none',
-        '&:focus-within': {
-          boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${borderColor}`
-        },
+        ...(getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') && {
+          '&:focus-within': {
+            boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${borderColor}`
+          }
+        }),
         minHeight: isCompact ? gridSize() * 4 : gridSize() * 5,
         padding: 0,
         transition: `background-color ${transitionDuration} ease-in-out,

package/dist/esm/Select.js

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

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

@@ -16,6 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { Component } from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import RadioIcon from '@atlaskit/icon/glyph/radio';
 import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
 import { B300, B400, B75, N20A, N0, N100, N20, N30, N70 } from '@atlaskit/theme/colors';
@@ -130,7 +131,7 @@ var baseIconStyles = css({
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& svg rect, & svg circle:first-of-type': {
-    strokeWidth: "var(--ds-border-width, 1px)",
+    strokeWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
     strokeLinejoin: 'round'
   }
 });

package/dist/esm/styles.js

@@ -62,18 +62,20 @@ export default function baseStyles(validationState) {
         backgroundColorHover = 'transparent';
         borderColorHover = 'transparent';
       }
-      return _objectSpread(_objectSpread({}, css), {}, {
+      return _objectSpread(_objectSpread(_objectSpread({}, css), {}, {
         // Turn pointer events off when disabled - this makes it so hover etc don't work.
         pointerEvents: isDisabled ? 'none' : undefined,
         backgroundColor: backgroundColor,
         borderColor: borderColor,
         borderStyle: 'solid',
         borderRadius: "var(--ds-border-radius-100, 3px)",
-        borderWidth: "var(--ds-border-width, 1px)",
-        boxShadow: 'none',
+        borderWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : "var(--ds-border-width-outline, 2px)",
+        boxShadow: 'none'
+      }, getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') && {
         '&:focus-within': {
           boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColor)
-        },
+        }
+      }), {}, {
         minHeight: isCompact ? gridSize() * 4 : gridSize() * 5,
         padding: 0,
         transition: "background-color ".concat(transitionDuration, " ease-in-out,\n        border-color ").concat(transitionDuration, " ease-in-out"),

package/dist/types/AsyncCreatableSelect.d.ts

@@ -37,7 +37,7 @@ declare const _default: {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };

package/dist/types/AsyncSelect.d.ts

@@ -37,7 +37,7 @@ declare const _default: {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };

package/dist/types/CreatableSelect.d.ts

@@ -37,7 +37,7 @@ declare const _default: {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };

package/dist/types/Select.d.ts

@@ -37,7 +37,7 @@ export declare const SelectWithoutAnalytics: {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };
@@ -81,7 +81,7 @@ declare const _default: {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };

package/dist/types/createSelect.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentType } from 'react';
 import { type GroupBase } from 'react-select';
 import BaseSelect from 'react-select/base';
-import { SelectProps, SelectComponentsConfig, OptionType, AsyncSelectProps, CreatableSelectProps } from './types';
+import { SelectProps, OptionType, AsyncSelectProps, CreatableSelectProps } from './types';
 export default function createSelect(WrappedComponent: ComponentType<any>): {
     new <Option = OptionType, IsMulti extends boolean = false>(props: SelectProps<Option, IsMulti>): {
         components: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, GroupBase<Option>>>;
@@ -40,7 +40,7 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };

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

@@ -37,7 +37,7 @@ declare const _default: {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };

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

@@ -37,7 +37,7 @@ declare const _default: {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };

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

@@ -37,7 +37,7 @@ declare const _default: {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };

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

@@ -37,7 +37,7 @@ export declare const SelectWithoutAnalytics: {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };
@@ -81,7 +81,7 @@ declare const _default: {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };

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

@@ -1,7 +1,7 @@
 import React, { ComponentType } from 'react';
 import { type GroupBase } from 'react-select';
 import BaseSelect from 'react-select/base';
-import { SelectProps, SelectComponentsConfig, OptionType, AsyncSelectProps, CreatableSelectProps } from './types';
+import { SelectProps, OptionType, AsyncSelectProps, CreatableSelectProps } from './types';
 export default function createSelect(WrappedComponent: ComponentType<any>): {
     new <Option = OptionType, IsMulti extends boolean = false>(props: SelectProps<Option, IsMulti>): {
         components: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, GroupBase<Option>>>;
@@ -40,7 +40,7 @@ export default function createSelect(WrappedComponent: ComponentType<any>): {
         onClickPreventDefault: boolean;
         tabSelectsValue: boolean;
         components: {
-            Input: (props: import("react-select").InputProps<unknown, boolean, GroupBase<unknown>>) => JSX.Element;
+            Input: (props: import("react-select").InputProps) => JSX.Element;
         };
         styles: {};
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "17.3.0",
+  "version": "17.3.2",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.41.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -68,6 +68,7 @@
   "devDependencies": {
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
+    "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -80,7 +81,7 @@
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "react-value": "^0.2.0",
-    "typescript": "~4.9.5",
+    "typescript": "~5.4.2",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {
@@ -101,10 +102,13 @@
     "platform.design-system-team.border-checkbox_nyoiu": {
       "type": "boolean"
     },
+    "platform.design-system-team.update-input-border-wdith_5abwv": {
+      "type": "boolean"
+    },
     "platform.design-system-team.popup-select-close_8h15h": {
       "type": "boolean"
     }
   },
   "homepage": "https://atlassian.design/components/select/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}