@atlaskit/select 15.2.11 → 15.3.0

package/AsyncCreatableSelect/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/AsyncCreatableSelect.js",
   "module": "../dist/esm/AsyncCreatableSelect.js",
   "module:es2019": "../dist/es2019/AsyncCreatableSelect.js",
+  "sideEffects": false,
   "types": "../dist/types/AsyncCreatableSelect.d.ts"
 }

package/AsyncSelect/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/AsyncSelect.js",
   "module": "../dist/esm/AsyncSelect.js",
   "module:es2019": "../dist/es2019/AsyncSelect.js",
+  "sideEffects": false,
   "types": "../dist/types/AsyncSelect.d.ts"
 }

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/select
 
+## 15.3.0
+
+### Minor Changes
+
+- [`145c9cea461`](https://bitbucket.org/atlassian/atlassian-frontend/commits/145c9cea461) - [ux] Added 2 new props for controlling the open state of PopupSelect:
+
+  - `isOpen` controls whether the popup is open (controlled)
+  - `defaultIsOpen` controls whether the popup is initially open on mount (uncontrolled)
+
+### Patch Changes
+
+- [`db58fa26cbf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db58fa26cbf) - [ux] Updated input tokens within `@atlaskit/select`.
+- [`4624991be21`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4624991be21) - [ux] Fixes a regression affecting MacOS Safari. The cursor incorrectly displayed as 'text' rather than 'default' when the pointer was over a select option.
+- [`e7438659c2e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7438659c2e) - Updated dependency '@types/react-select' to fix type error
+
+## 15.2.13
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.2.12
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Updated types for @atlaskit/select to support Typescript 4.2.4
+
 ## 15.2.11
 
 ### Patch Changes

package/CheckboxSelect/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/CheckboxSelect.js",
   "module": "../dist/esm/CheckboxSelect.js",
   "module:es2019": "../dist/es2019/CheckboxSelect.js",
+  "sideEffects": false,
   "types": "../dist/types/CheckboxSelect.d.ts"
 }

package/CountrySelect/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/CountrySelect.js",
   "module": "../dist/esm/CountrySelect.js",
   "module:es2019": "../dist/es2019/CountrySelect.js",
+  "sideEffects": false,
   "types": "../dist/types/CountrySelect.d.ts"
 }

package/CreatableSelect/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/CreatableSelect.js",
   "module": "../dist/esm/CreatableSelect.js",
   "module:es2019": "../dist/es2019/CreatableSelect.js",
+  "sideEffects": false,
   "types": "../dist/types/CreatableSelect.d.ts"
 }

package/RadioSelect/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/RadioSelect.js",
   "module": "../dist/esm/RadioSelect.js",
   "module:es2019": "../dist/es2019/RadioSelect.js",
+  "sideEffects": false,
   "types": "../dist/types/RadioSelect.d.ts"
 }

package/Select/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/Select.js",
   "module": "../dist/esm/Select.js",
   "module:es2019": "../dist/es2019/Select.js",
+  "sideEffects": false,
   "types": "../dist/types/Select.d.ts"
 }

package/createSelect/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/createSelect.js",
   "module": "../dist/esm/createSelect.js",
   "module:es2019": "../dist/es2019/createSelect.js",
+  "sideEffects": false,
   "types": "../dist/types/createSelect.d.ts"
 }

package/dist/cjs/PopupSelect/PopupSelect.js

@@ -103,6 +103,8 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(PopupSelect);
 
   function PopupSelect() {
+    var _this$defaultOpenStat;
+
     var _this;
 
     (0, _classCallCheck2.default)(this, PopupSelect);
@@ -123,8 +125,10 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         });
       }
     }));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isOpenControlled", _this.props.isOpen !== undefined);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "defaultOpenState", _this.isOpenControlled ? _this.props.isOpen : _this.props.defaultIsOpen);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isOpen: false,
+      isOpen: (_this$defaultOpenStat = _this.defaultOpenState) !== null && _this$defaultOpenStat !== void 0 ? _this$defaultOpenStat : false,
       mergedComponents: _components.defaultComponents,
       mergedPopperProps: defaultPopperProps
     });
@@ -180,9 +184,14 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         onChange(value, actionMeta);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "open", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "open", function (options) {
       var onOpen = _this.props.onOpen;
 
+      if (!(options !== null && options !== void 0 && options.controlOverride) && _this.isOpenControlled) {
+        // Prevent popup opening if it's open state is already being controlled
+        return;
+      }
+
       if (onOpen) {
         onOpen();
       }
@@ -219,9 +228,14 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         return _this.focusTrap.activate();
       }, 1);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "close", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "close", function (options) {
       var onClose = _this.props.onClose;
 
+      if (!(options !== null && options !== void 0 && options.controlOverride) && _this.isOpenControlled) {
+        // Prevent popup closing if it's open state is already being controlled
+        return;
+      }
+
       if (onClose) {
         onClose();
       }
@@ -381,6 +395,23 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
 
       window.removeEventListener('click', this.handleClick, true);
       window.removeEventListener('keydown', this.handleKeyDown, true);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var isOpen = this.props.isOpen;
+
+      if (prevProps.isOpen !== isOpen) {
+        if (isOpen === true) {
+          this.open({
+            controlOverride: true
+          });
+        } else if (isOpen === false) {
+          this.close({
+            controlOverride: true
+          });
+        }
+      }
     } // Event Handlers
     // ==============================
 

package/dist/cjs/Select.js

@@ -14,7 +14,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 
 var packageName = "@atlaskit/select";
-var packageVersion = "15.2.11";
+var packageVersion = "15.3.0";
 var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');

package/dist/cjs/styles.js

@@ -30,7 +30,7 @@ function baseStyles(validationState, isCompact) {
         // react-select disables pointer events when isDisabled is true.
         // We override this and make the inner container turn it off instead.
         pointerEvents: 'all',
-        cursor: isDisabled ? 'not-allowed' : undefined
+        cursor: isDisabled ? 'not-allowed' : css.cursor
       });
     },
     input: function input(css) {
@@ -176,14 +176,14 @@ function baseStyles(validationState, isCompact) {
       } else if (isSelected) {
         backgroundColor = "var(--ds-background-selected, ".concat(_colors.B50, ")");
       } else if (isFocused) {
-        backgroundColor = "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")");
+        backgroundColor = "var(--ds-background-input-pressed, ".concat(_colors.N20, ")");
       }
 
       if (!isDisabled && (isFocused || isSelected)) {
         boxShadow = "inset 2px 0px 0px ".concat("var(--ds-border-selected, ".concat(_colors.B400, ")"));
       }
 
-      var cursor = isDisabled ? 'not-allowed' : undefined;
+      var cursor = isDisabled ? 'not-allowed' : css.cursor;
       return _objectSpread(_objectSpread({}, css), {}, {
         padding: '6px 12px',
         backgroundColor: backgroundColor,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.2.11",
+	"version": "15.3.0",
 	"sideEffects": false
 }

package/dist/es2019/PopupSelect/PopupSelect.js

@@ -44,6 +44,8 @@ const isEmpty = obj => Object.keys(obj).length === 0;
 
 export default class PopupSelect extends PureComponent {
   constructor(...args) {
+    var _this$defaultOpenStat;
+
     super(...args);
 
     _defineProperty(this, "focusTrap", null);
@@ -60,8 +62,12 @@ export default class PopupSelect extends PureComponent {
       })
     }));
 
+    _defineProperty(this, "isOpenControlled", this.props.isOpen !== undefined);
+
+    _defineProperty(this, "defaultOpenState", this.isOpenControlled ? this.props.isOpen : this.props.defaultIsOpen);
+
     _defineProperty(this, "state", {
-      isOpen: false,
+      isOpen: (_this$defaultOpenStat = this.defaultOpenState) !== null && _this$defaultOpenStat !== void 0 ? _this$defaultOpenStat : false,
       mergedComponents: defaultComponents,
       mergedPopperProps: defaultPopperProps
     });
@@ -125,11 +131,16 @@ export default class PopupSelect extends PureComponent {
       }
     });
 
-    _defineProperty(this, "open", () => {
+    _defineProperty(this, "open", options => {
       const {
         onOpen
       } = this.props;
 
+      if (!(options !== null && options !== void 0 && options.controlOverride) && this.isOpenControlled) {
+        // Prevent popup opening if it's open state is already being controlled
+        return;
+      }
+
       if (onOpen) {
         onOpen();
       }
@@ -165,11 +176,16 @@ export default class PopupSelect extends PureComponent {
       setTimeout(() => this.focusTrap.activate(), 1);
     });
 
-    _defineProperty(this, "close", () => {
+    _defineProperty(this, "close", options => {
       const {
         onClose
       } = this.props;
 
+      if (!(options !== null && options !== void 0 && options.controlOverride) && this.isOpenControlled) {
+        // Prevent popup closing if it's open state is already being controlled
+        return;
+      }
+
       if (onClose) {
         onClose();
       }
@@ -361,6 +377,24 @@ export default class PopupSelect extends PureComponent {
 
     window.removeEventListener('click', this.handleClick, true);
     window.removeEventListener('keydown', this.handleKeyDown, true);
+  }
+
+  componentDidUpdate(prevProps) {
+    const {
+      isOpen
+    } = this.props;
+
+    if (prevProps.isOpen !== isOpen) {
+      if (isOpen === true) {
+        this.open({
+          controlOverride: true
+        });
+      } else if (isOpen === false) {
+        this.close({
+          controlOverride: true
+        });
+      }
+    }
   } // Event Handlers
   // ==============================
 

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 = "15.2.11";
+const packageVersion = "15.3.0";
 export const SelectWithoutAnalytics = createSelect(Select);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/es2019/styles.js

@@ -12,7 +12,7 @@ export default function baseStyles(validationState, isCompact) {
       // react-select disables pointer events when isDisabled is true.
       // We override this and make the inner container turn it off instead.
       pointerEvents: 'all',
-      cursor: isDisabled ? 'not-allowed' : undefined
+      cursor: isDisabled ? 'not-allowed' : css.cursor
     }),
     input: css => ({ ...css,
       color: "var(--ds-text, hsl(0, 0%, 20%))"
@@ -151,14 +151,14 @@ export default function baseStyles(validationState, isCompact) {
       } else if (isSelected) {
         backgroundColor = `var(--ds-background-selected, ${B50})`;
       } else if (isFocused) {
-        backgroundColor = `var(--ds-background-neutral-subtle-hovered, ${N20})`;
+        backgroundColor = `var(--ds-background-input-pressed, ${N20})`;
       }
 
       if (!isDisabled && (isFocused || isSelected)) {
         boxShadow = `inset 2px 0px 0px ${`var(--ds-border-selected, ${B400})`}`;
       }
 
-      const cursor = isDisabled ? 'not-allowed' : undefined;
+      const cursor = isDisabled ? 'not-allowed' : css.cursor;
       return { ...css,
         padding: '6px 12px',
         backgroundColor,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.2.11",
+	"version": "15.3.0",
 	"sideEffects": false
 }

package/dist/esm/PopupSelect/PopupSelect.js

@@ -69,6 +69,8 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(PopupSelect);
 
   function PopupSelect() {
+    var _this$defaultOpenStat;
+
     var _this;
 
     _classCallCheck(this, PopupSelect);
@@ -95,8 +97,12 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
       }
     }));
 
+    _defineProperty(_assertThisInitialized(_this), "isOpenControlled", _this.props.isOpen !== undefined);
+
+    _defineProperty(_assertThisInitialized(_this), "defaultOpenState", _this.isOpenControlled ? _this.props.isOpen : _this.props.defaultIsOpen);
+
     _defineProperty(_assertThisInitialized(_this), "state", {
-      isOpen: false,
+      isOpen: (_this$defaultOpenStat = _this.defaultOpenState) !== null && _this$defaultOpenStat !== void 0 ? _this$defaultOpenStat : false,
       mergedComponents: defaultComponents,
       mergedPopperProps: defaultPopperProps
     });
@@ -157,9 +163,14 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "open", function () {
+    _defineProperty(_assertThisInitialized(_this), "open", function (options) {
       var onOpen = _this.props.onOpen;
 
+      if (!(options !== null && options !== void 0 && options.controlOverride) && _this.isOpenControlled) {
+        // Prevent popup opening if it's open state is already being controlled
+        return;
+      }
+
       if (onOpen) {
         onOpen();
       }
@@ -198,9 +209,14 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
       }, 1);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "close", function () {
+    _defineProperty(_assertThisInitialized(_this), "close", function (options) {
       var onClose = _this.props.onClose;
 
+      if (!(options !== null && options !== void 0 && options.controlOverride) && _this.isOpenControlled) {
+        // Prevent popup closing if it's open state is already being controlled
+        return;
+      }
+
       if (onClose) {
         onClose();
       }
@@ -368,6 +384,23 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
 
       window.removeEventListener('click', this.handleClick, true);
       window.removeEventListener('keydown', this.handleKeyDown, true);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var isOpen = this.props.isOpen;
+
+      if (prevProps.isOpen !== isOpen) {
+        if (isOpen === true) {
+          this.open({
+            controlOverride: true
+          });
+        } else if (isOpen === false) {
+          this.close({
+            controlOverride: true
+          });
+        }
+      }
     } // Event Handlers
     // ==============================
 

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 = "15.2.11";
+var packageVersion = "15.3.0";
 export var SelectWithoutAnalytics = createSelect(Select);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

package/dist/esm/styles.js

@@ -18,7 +18,7 @@ export default function baseStyles(validationState, isCompact) {
         // react-select disables pointer events when isDisabled is true.
         // We override this and make the inner container turn it off instead.
         pointerEvents: 'all',
-        cursor: isDisabled ? 'not-allowed' : undefined
+        cursor: isDisabled ? 'not-allowed' : css.cursor
       });
     },
     input: function input(css) {
@@ -164,14 +164,14 @@ export default function baseStyles(validationState, isCompact) {
       } else if (isSelected) {
         backgroundColor = "var(--ds-background-selected, ".concat(B50, ")");
       } else if (isFocused) {
-        backgroundColor = "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")");
+        backgroundColor = "var(--ds-background-input-pressed, ".concat(N20, ")");
       }
 
       if (!isDisabled && (isFocused || isSelected)) {
         boxShadow = "inset 2px 0px 0px ".concat("var(--ds-border-selected, ".concat(B400, ")"));
       }
 
-      var cursor = isDisabled ? 'not-allowed' : undefined;
+      var cursor = isDisabled ? 'not-allowed' : css.cursor;
       return _objectSpread(_objectSpread({}, css), {}, {
         padding: '6px 12px',
         backgroundColor: backgroundColor,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/select",
-	"version": "15.2.11",
+	"version": "15.3.0",
 	"sideEffects": false
 }

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

@@ -2,7 +2,7 @@ import React, { PureComponent, ReactNode } from 'react';
 import Select from 'react-select';
 import { FocusTrap } from 'focus-trap';
 import { PopperProps } from 'react-popper';
-import { GroupType, OptionType, ActionMeta, ReactSelectProps, StylesConfig, ValueType } from '../types';
+import { OptionType, ActionMeta, ReactSelectProps, StylesConfig, ValueType } from '../types';
 declare type defaultModifiers = 'offset' | 'preventOverflow';
 declare type PopperPropsNoChildren<Modifiers> = Omit<PopperProps<Modifiers>, 'children'>;
 interface PopupSelectTriggerProps {
@@ -11,7 +11,7 @@ interface PopupSelectTriggerProps {
     'aria-expanded': boolean;
     'aria-controls'?: string;
 }
-export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean = false, Modifiers = {}> extends ReactSelectProps<Option, IsMulti> {
+export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean = false, Modifiers = string> extends ReactSelectProps<Option, IsMulti> {
     closeMenuOnSelect?: boolean;
     footer?: ReactNode;
     popperProps?: PopperPropsNoChildren<Modifiers>;
@@ -19,8 +19,10 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
     target?: (options: PopupSelectTriggerProps & {
         isOpen: boolean;
     }) => ReactNode;
+    isOpen?: boolean;
+    defaultIsOpen?: boolean;
 }
-interface State<Modifiers = {}> {
+interface State<Modifiers = string> {
     isOpen: boolean;
     mergedComponents: Object;
     mergedPopperProps: PopperPropsNoChildren<defaultModifiers | Modifiers>;
@@ -31,14 +33,16 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
     selectRef: Select<Option, IsMulti> | null;
     targetRef: HTMLElement | null;
     defaultStyles: StylesConfig<Option, IsMulti>;
+    isOpenControlled: boolean;
+    defaultOpenState: boolean | undefined;
     state: {
         isOpen: boolean;
         mergedComponents: {
-            Control: React.FC<import("react-select").ControlProps<OptionType, boolean, GroupType<OptionType>>>;
+            Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("react-select").MenuProps<OptionType, boolean, GroupType<OptionType>>) => JSX.Element;
+            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => JSX.Element;
         };
-        mergedPopperProps: Pick<PopperProps<defaultModifiers>, "innerRef" | "modifiers" | "placement" | "strategy" | "referenceElement" | "onFirstUpdate">;
+        mergedPopperProps: PopperPropsNoChildren<string>;
     };
     popperWrapperId: string;
     static defaultProps: {
@@ -52,15 +56,30 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         styles: {};
         options: never[];
     };
-    static getDerivedStateFromProps(props: PopupSelectProps<OptionType>, state: State): Partial<State<{}>> | null;
+    static getDerivedStateFromProps(props: PopupSelectProps<OptionType>, state: State): Partial<State<string>> | null;
     componentDidMount(): void;
     componentWillUnmount(): void;
+    componentDidUpdate(prevProps: PopupSelectProps<Option, IsMulti>): void;
     handleKeyDown: (event: KeyboardEvent) => void;
     handleClick: ({ target }: MouseEvent) => void;
     handleSelectChange: (value: ValueType<Option, IsMulti>, actionMeta: ActionMeta<Option>) => void;
-    open: () => void;
+    /**
+     * Opens the popup
+     *
+     * @param options.controlOverride  - Force the popup to open when it's open state is being controlled
+     */
+    open: (options?: {
+        controlOverride?: boolean | undefined;
+    } | undefined) => void;
     initialiseFocusTrap: () => void;
-    close: () => void;
+    /**
+     * Closes the popup
+     *
+     * @param options.controlOverride  - Force the popup to close when it's open state is being controlled
+     */
+    close: (options?: {
+        controlOverride?: boolean | undefined;
+    } | undefined) => void;
     resolveTargetRef: (popperRef: React.Ref<HTMLElement>) => (ref: HTMLElement) => void;
     resolveMenuRef: (popperRef: React.Ref<HTMLElement>) => (ref: HTMLElement) => void;
     getSelectRef: (ref: Select<Option, IsMulti>) => void;

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

@@ -11,7 +11,7 @@ interface MenuDialogProps {
 export declare const MenuDialog: FC<MenuDialogProps>;
 export declare const DummyControl: FC<ControlProps<OptionType, boolean>>;
 export declare const defaultComponents: {
-    Control: FC<import("react-select").ControlProps<OptionType, boolean, import("react-select").GroupTypeBase<OptionType>>>;
+    Control: FC<ControlProps<OptionType, boolean>>;
     DropdownIndicator: () => JSX.Element;
     Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => JSX.Element;
 };

package/ert/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/ert.js",
   "module": "../dist/esm/ert.js",
   "module:es2019": "../dist/es2019/ert.js",
+  "sideEffects": false,
   "types": "../dist/types/ert.d.ts"
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/select",
-  "version": "15.2.11",
+  "version": "15.3.0",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -27,12 +27,12 @@
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.9.0",
+    "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/visually-hidden": "^1.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "@popperjs/core": "^2.9.1",
-    "@types/react-select": "^4.0.13",
+    "@types/react-select": "^4.0.18",
     "focus-trap": "^2.4.5",
     "memoize-one": "^6.0.0",
     "react-fast-compare": "^3.2.0",
@@ -47,12 +47,12 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/checkbox": "^12.2.0",
     "@atlaskit/docs": "*",
     "@atlaskit/drawer": "^7.1.0",
     "@atlaskit/form": "^8.5.0",
-    "@atlaskit/logo": "^13.5.0",
+    "@atlaskit/logo": "^13.7.0",
     "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/ssr": "*",
@@ -67,7 +67,7 @@
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "react-value": "^0.2.0",
-    "typescript": "3.9.10",
+    "typescript": "4.2.4",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {

package/styles/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/styles.js",
   "module": "../dist/esm/styles.js",
   "module:es2019": "../dist/es2019/styles.js",
+  "sideEffects": false,
   "types": "../dist/types/styles.d.ts"
 }

package/types/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/types.js",
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
+  "sideEffects": false,
   "types": "../dist/types/types.d.ts"
 }