@atlaskit/select - npm Package Compare versions

Comparing version 16.5.3 to 16.5.4

dist/cjs/Select.js

@@ -12,3 +12,3 @@ "use strict";
 var packageName = "@atlaskit/select";
-var packageVersion = "16.5.3";
+var packageVersion = "16.5.4";
 var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
@@ -15,0 +15,0 @@ exports.SelectWithoutAnalytics = SelectWithoutAnalytics;

dist/cjs/styles.js

@@ -39,3 +39,3 @@ "use strict";
         isDisabled = _ref2.isDisabled;
-      var borderColor = isFocused ? "var(--ds-border-focused, ".concat(_colors.B100, ")") : "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? _colors.N100 : _colors.N20, ")");
+      var borderColor = isFocused ? "var(--ds-border-focused, ".concat(_colors.B100, ")") : "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N20, ")");
       var backgroundColor = isFocused ? "var(--ds-background-input-pressed, ".concat(_colors.N0, ")") : "var(--ds-background-input, ".concat(_colors.N20, ")");
@@ -53,3 +53,3 @@ var backgroundColorHover = isFocused ? "var(--ds-background-input-pressed, ".concat(_colors.N0, ")") : "var(--ds-background-input-hovered, ".concat(_colors.N30, ")");
       }
-      var borderColorHover = isFocused ? "var(--ds-border-focused, ".concat(_colors.B100, ")") : "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? _colors.N100 : _colors.N30, ")");
+      var borderColorHover = isFocused ? "var(--ds-border-focused, ".concat(_colors.B100, ")") : "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N30, ")");
       if (validationState === 'error') {
@@ -79,6 +79,6 @@ borderColorHover = "var(--ds-border-danger, ".concat(_colors.R400, ")");
         borderStyle: 'solid',
-        borderRadius: "var(--ds-radius-100, 3px)",
-        borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? "var(--ds-width-050, 1px)" : "var(--ds-width-100, 2px)",
+        borderRadius: "var(--ds-border-radius-100, 3px)",
+        borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width-050, 1px)" : "var(--ds-border-width-100, 2px)",
         boxShadow: 'none'
-      }, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') && {
+      }, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') && {
         '&:focus-within': {
@@ -245,3 +245,3 @@ boxShadow: "inset 0 0 0 1px ".concat(borderColor)
       return _objectSpread(_objectSpread({}, css), {}, {
-        borderRadius: "var(--ds-radius-050, 2px)",
+        borderRadius: "var(--ds-border-radius-050, 2px)",
         backgroundColor: backgroundColor,
@@ -248,0 +248,0 @@ boxShadow: isFocused ? "0 0 0 2px ".concat("var(--ds-surface, transparent)", ", 0 0 0 4px ", "var(--ds-border-focused, transparent)") : 'none',

dist/cjs/version.json

 {
 	"name": "@atlaskit/select",
-	"version": "16.5.3",
+	"version": "16.5.4",
 	"sideEffects": false
 }

dist/es2019/Select.js

@@ -5,3 +5,3 @@ import Select from 'react-select';
 const packageName = "@atlaskit/select";
-const packageVersion = "16.5.3";
+const packageVersion = "16.5.4";
 export const SelectWithoutAnalytics = createSelect(Select);
@@ -8,0 +8,0 @@ const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');

dist/es2019/styles.js

@@ -28,3 +28,3 @@ // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
     }) => {
-      let borderColor = isFocused ? `var(--ds-border-focused, ${B100})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N20})`;
+      let borderColor = isFocused ? `var(--ds-border-focused, ${B100})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N20})`;
       let backgroundColor = isFocused ? `var(--ds-background-input-pressed, ${N0})` : `var(--ds-background-input, ${N20})`;
@@ -42,3 +42,3 @@ let backgroundColorHover = isFocused ? `var(--ds-background-input-pressed, ${N0})` : `var(--ds-background-input-hovered, ${N30})`;
       }
-      let borderColorHover = isFocused ? `var(--ds-border-focused, ${B100})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N30})`;
+      let borderColorHover = isFocused ? `var(--ds-border-focused, ${B100})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N30})`;
       if (validationState === 'error') {
@@ -69,6 +69,6 @@ borderColorHover = `var(--ds-border-danger, ${R400})`;
         borderStyle: 'solid',
-        borderRadius: "var(--ds-radius-100, 3px)",
-        borderWidth: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? "var(--ds-width-050, 1px)" : "var(--ds-width-100, 2px)",
+        borderRadius: "var(--ds-border-radius-100, 3px)",
+        borderWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width-050, 1px)" : "var(--ds-border-width-100, 2px)",
         boxShadow: 'none',
-        ...(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') && {
+        ...(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && {
           '&:focus-within': {
@@ -236,3 +236,3 @@ boxShadow: `inset 0 0 0 1px ${borderColor}`
         ...css,
-        borderRadius: "var(--ds-radius-050, 2px)",
+        borderRadius: "var(--ds-border-radius-050, 2px)",
         backgroundColor,
@@ -239,0 +239,0 @@ boxShadow: isFocused ? `0 0 0 2px ${"var(--ds-surface, transparent)"}, 0 0 0 4px ${"var(--ds-border-focused, transparent)"}` : 'none',

dist/es2019/version.json

 {
 	"name": "@atlaskit/select",
-	"version": "16.5.3",
+	"version": "16.5.4",
 	"sideEffects": false
 }

dist/esm/Select.js

@@ -5,3 +5,3 @@ import Select from 'react-select';
 var packageName = "@atlaskit/select";
-var packageVersion = "16.5.3";
+var packageVersion = "16.5.4";
 export var SelectWithoutAnalytics = createSelect(Select);
@@ -8,0 +8,0 @@ var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');

dist/esm/styles.js

@@ -33,3 +33,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
         isDisabled = _ref2.isDisabled;
-      var borderColor = isFocused ? "var(--ds-border-focused, ".concat(B100, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N20, ")");
+      var borderColor = isFocused ? "var(--ds-border-focused, ".concat(B100, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N20, ")");
       var backgroundColor = isFocused ? "var(--ds-background-input-pressed, ".concat(N0, ")") : "var(--ds-background-input, ".concat(N20, ")");
@@ -47,3 +47,3 @@ var backgroundColorHover = isFocused ? "var(--ds-background-input-pressed, ".concat(N0, ")") : "var(--ds-background-input-hovered, ".concat(N30, ")");
       }
-      var borderColorHover = isFocused ? "var(--ds-border-focused, ".concat(B100, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N30, ")");
+      var borderColorHover = isFocused ? "var(--ds-border-focused, ".concat(B100, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N30, ")");
       if (validationState === 'error') {
@@ -73,6 +73,6 @@ borderColorHover = "var(--ds-border-danger, ".concat(R400, ")");
         borderStyle: 'solid',
-        borderRadius: "var(--ds-radius-100, 3px)",
-        borderWidth: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? "var(--ds-width-050, 1px)" : "var(--ds-width-100, 2px)",
+        borderRadius: "var(--ds-border-radius-100, 3px)",
+        borderWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width-050, 1px)" : "var(--ds-border-width-100, 2px)",
         boxShadow: 'none'
-      }, getBooleanFF('platform.design-system-team.update-border-input_ff9l1') && {
+      }, getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && {
         '&:focus-within': {
@@ -239,3 +239,3 @@ boxShadow: "inset 0 0 0 1px ".concat(borderColor)
       return _objectSpread(_objectSpread({}, css), {}, {
-        borderRadius: "var(--ds-radius-050, 2px)",
+        borderRadius: "var(--ds-border-radius-050, 2px)",
         backgroundColor: backgroundColor,
@@ -242,0 +242,0 @@ boxShadow: isFocused ? "0 0 0 2px ".concat("var(--ds-surface, transparent)", ", 0 0 0 4px ", "var(--ds-border-focused, transparent)") : 'none',

dist/esm/version.json

 {
 	"name": "@atlaskit/select",
-	"version": "16.5.3",
+	"version": "16.5.4",
 	"sideEffects": false
 }

package.json

 {
   "name": "@atlaskit/select",
-  "version": "16.5.3",
+  "version": "16.5.4",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
@@ -27,3 +27,3 @@ "publishConfig": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
@@ -47,3 +47,3 @@ "name": "Select",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.5.0",
+    "@atlaskit/tokens": "^1.8.0",
     "@atlaskit/visually-hidden": "^1.2.0",
@@ -106,3 +106,3 @@ "@babel/runtime": "^7.0.0",
   "platform-feature-flags": {
-    "platform.design-system-team.update-border-input_ff9l1": {
+    "platform.design-system-team.border-checkbox_nyoiu": {
       "type": "boolean"
@@ -109,0 +109,0 @@ },

report.api.md

@@ -25,2 +25,3 @@ <!-- API Report Version: 2.3 -->
 import { components } from 'react-select';
+import { ContainerProps } from 'react-select';
 import { Context } from 'react';
@@ -30,3 +31,5 @@ import { ControlProps as ControlProps_2 } from 'react-select';
 import { createFilter } from 'react-select';
+import { CrossIconProps } from 'react-select/dist/declarations/src/components/indicators';
 import { default as default_2 } from 'react-select/base';
+import { DownChevronProps } from 'react-select/dist/declarations/src/components/indicators';
 import { DropdownIndicatorProps } from 'react-select';
@@ -36,4 +39,6 @@ import { ErrorInfo } from 'react';
 import { FormatOptionLabelMeta } from 'react-select';
+import { GroupHeadingProps } from 'react-select';
 import { GroupProps as GroupProps_2 } from 'react-select';
 import { GroupBase as GroupType } from 'react-select';
+import { IndicatorsContainerProps } from 'react-select';
 import { IndicatorSeparatorProps } from 'react-select';
@@ -44,6 +49,10 @@ import { InputActionMeta } from 'react-select';
 import { LoadingIndicatorProps } from 'react-select';
+import { MemoizedFn } from 'memoize-one';
 import { MenuListProps } from 'react-select';
+import { MenuPortal } from 'react-select/dist/declarations/src/components/Menu';
 import { MenuProps as MenuProps_2 } from 'react-select';
 import { mergeStyles } from 'react-select';
+import { MultiValueGenericProps } from 'react-select';
 import { MultiValueProps } from 'react-select';
+import { MultiValueRemove } from 'react-select/dist/declarations/src/components/MultiValue';
 import { MultiValueRemoveProps } from 'react-select';
@@ -56,2 +65,3 @@ import { NoticeProps } from 'react-select';
 import { PopperProps } from 'react-popper';
+import { PortalStyleArgs } from 'react-select/dist/declarations/src/components/Menu';
 import { PureComponent } from 'react';
@@ -67,2 +77,3 @@ import { default as React_2 } from 'react';
 import { StylesConfig as StylesConfig_2 } from 'react-select';
+import { StylesConfigFunction } from 'react-select/dist/declarations/src/styles';
 import { UnbindFn } from 'bind-event-listener';
@@ -316,6 +327,5 @@ import { useAsync } from 'react-select/async';
 // @public (undocumented)
-export const CheckboxSelect: ({
-  components,
-  ...props
-}: SelectProps<OptionType, true>) => JSX.Element;
+export const CheckboxSelect: React_2.MemoExoticComponent<
+  ({ components, ...props }: SelectProps<OptionType, true>) => JSX.Element
+>;
 
@@ -601,2 +611,13 @@ export { ClearIndicatorProps };
 // @public (undocumented)
+const defaultComponents: {
+  Control: FC<ControlProps<OptionType, boolean>>;
+  DropdownIndicator: () => jsx.JSX.Element;
+  Menu: ({
+    children,
+    innerProps,
+    ...props
+  }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
+};
+
+// @public (undocumented)
 type defaultModifiers = 'offset' | 'preventOverflow';
@@ -726,9 +747,3 @@
 > extends PureComponent<PopupSelectProps<Option, IsMulti, Modifiers>, State> {
-  close: (
-    options?:
-      | undefined
-      | {
-          controlOverride?: boolean | undefined;
-        },
-  ) => void;
+  close: (options?: { controlOverride?: boolean }) => void;
   // (undocumented)
@@ -769,4 +784,284 @@ componentDidMount(): void;
   // (undocumented)
+  getSelectComponents: MemoizedFn<
+    (
+      mergedComponents: typeof defaultComponents,
+      showSearchControl: boolean | undefined,
+    ) => Partial<{
+      ClearIndicator: <
+        Option_1,
+        IsMulti_1 extends boolean,
+        Group extends GroupType<Option_1>,
+      >(
+        props: ClearIndicatorProps<Option_1, IsMulti_1, Group>,
+      ) => jsx;
+      Control: <
+        Option_1,
+        IsMulti_1 extends boolean,
+        Group_1 extends GroupType<Option_1>,
+      >(
+        props: ControlProps_2<Option_1, IsMulti_1, Group_1>,
+      ) => jsx;
+      DropdownIndicator: <
+        Option_2,
+        IsMulti_2 extends boolean,
+        Group_2 extends GroupType<Option_2>,
+      >(
+        props: DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>,
+      ) => jsx;
+      DownChevron: (props: DownChevronProps) => jsx;
+      CrossIcon: (props: CrossIconProps) => jsx;
+      Group: <
+        Option_3,
+        IsMulti_3 extends boolean,
+        Group_3 extends GroupType<Option_3>,
+      >(
+        props: GroupProps_2<Option_3, IsMulti_3, Group_3>,
+      ) => jsx;
+      GroupHeading: <
+        Option_4,
+        IsMulti_4 extends boolean,
+        Group_4 extends GroupType<Option_4>,
+      >(
+        props: GroupHeadingProps<Option_4, IsMulti_4, Group_4>,
+      ) => jsx;
+      IndicatorsContainer: <
+        Option_5,
+        IsMulti_5 extends boolean,
+        Group_5 extends GroupType<Option_5>,
+      >(
+        props: IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>,
+      ) => jsx;
+      IndicatorSeparator: <
+        Option_6,
+        IsMulti_6 extends boolean,
+        Group_6 extends GroupType<Option_6>,
+      >(
+        props: IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>,
+      ) => jsx;
+      Input: <
+        Option_7,
+        IsMulti_7 extends boolean,
+        Group_7 extends GroupType<Option_7>,
+      >(
+        props: InputProps<Option_7, IsMulti_7, Group_7>,
+      ) => jsx;
+      LoadingIndicator: {
+        <
+          Option_8,
+          IsMulti_8 extends boolean,
+          Group_8 extends GroupType<Option_8>,
+        >(
+          props: LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>,
+        ): jsx;
+        defaultProps: {
+          size: number;
+        };
+      };
+      Menu: <
+        Option_9,
+        IsMulti_9 extends boolean,
+        Group_9 extends GroupType<Option_9>,
+      >(
+        props: MenuProps_2<Option_9, IsMulti_9, Group_9>,
+      ) => jsx;
+      MenuList: <
+        Option_10,
+        IsMulti_10 extends boolean,
+        Group_10 extends GroupType<Option_10>,
+      >(
+        props: MenuListProps<Option_10, IsMulti_10, Group_10>,
+      ) => jsx;
+      MenuPortal: MenuPortal;
+      LoadingMessage: {
+        <
+          Option_11,
+          IsMulti_11 extends boolean,
+          Group_11 extends GroupType<Option_11>,
+        >(
+          props: NoticeProps<Option_11, IsMulti_11, Group_11>,
+        ): jsx;
+        defaultProps: {
+          children: string;
+        };
+      };
+      NoOptionsMessage: {
+        <
+          Option_12,
+          IsMulti_12 extends boolean,
+          Group_12 extends GroupType<Option_12>,
+        >(
+          props: NoticeProps<Option_12, IsMulti_12, Group_12>,
+        ): jsx;
+        defaultProps: {
+          children: string;
+        };
+      };
+      MultiValue: <
+        Option_13,
+        IsMulti_13 extends boolean,
+        Group_13 extends GroupType<Option_13>,
+      >(
+        props: MultiValueProps<Option_13, IsMulti_13, Group_13>,
+      ) => jsx;
+      MultiValueContainer: <
+        Option_14,
+        IsMulti_14 extends boolean,
+        Group_14 extends GroupType<Option_14>,
+      >({
+        children,
+        innerProps,
+      }: MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => jsx;
+      MultiValueLabel: <
+        Option_14_1,
+        IsMulti_14_1 extends boolean,
+        Group_14_1 extends GroupType<Option_14_1>,
+      >({
+        children,
+        innerProps,
+      }: MultiValueGenericProps<Option_14_1, IsMulti_14_1, Group_14_1>) => jsx;
+      MultiValueRemove: MultiValueRemove;
+      Option: <
+        Option_15,
+        IsMulti_15 extends boolean,
+        Group_15 extends GroupType<Option_15>,
+      >(
+        props: OptionProps_2<Option_15, IsMulti_15, Group_15>,
+      ) => jsx;
+      Placeholder: <
+        Option_16,
+        IsMulti_16 extends boolean,
+        Group_16 extends GroupType<Option_16>,
+      >(
+        props: PlaceholderProps_2<Option_16, IsMulti_16, Group_16>,
+      ) => jsx;
+      SelectContainer: <
+        Option_17,
+        IsMulti_17 extends boolean,
+        Group_17 extends GroupType<Option_17>,
+      >(
+        props: ContainerProps<Option_17, IsMulti_17, Group_17>,
+      ) => jsx;
+      SingleValue: <
+        Option_18,
+        IsMulti_18 extends boolean,
+        Group_18 extends GroupType<Option_18>,
+      >(
+        props: SingleValueProps<Option_18, IsMulti_18, Group_18>,
+      ) => jsx;
+      ValueContainer: <
+        Option_19,
+        IsMulti_19 extends boolean,
+        Group_19 extends GroupType<Option_19>,
+      >(
+        props: ValueContainerProps_2<Option_19, IsMulti_19, Group_19>,
+      ) => jsx;
+    }>
+  >;
+  // (undocumented)
   getSelectRef: (ref: BaseSelect<Option, IsMulti>) => void;
   // (undocumented)
+  getSelectStyles: MemoizedFn<
+    (
+      defaultStyles: StylesConfig<Option, IsMulti>,
+      propStyles: StylesConfig<Option, IsMulti> | undefined,
+    ) => {
+      clearIndicator?:
+        | StylesConfigFunction<
+            ClearIndicatorProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      container?:
+        | StylesConfigFunction<
+            ContainerProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      control?:
+        | StylesConfigFunction<
+            ControlProps_2<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      dropdownIndicator?:
+        | StylesConfigFunction<
+            DropdownIndicatorProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      group?:
+        | StylesConfigFunction<GroupProps_2<Option, IsMulti, GroupType<Option>>>
+        | undefined;
+      groupHeading?:
+        | StylesConfigFunction<
+            GroupHeadingProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      indicatorsContainer?:
+        | StylesConfigFunction<
+            IndicatorsContainerProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      indicatorSeparator?:
+        | StylesConfigFunction<
+            IndicatorSeparatorProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      input?:
+        | StylesConfigFunction<InputProps<Option, IsMulti, GroupType<Option>>>
+        | undefined;
+      loadingIndicator?:
+        | StylesConfigFunction<
+            LoadingIndicatorProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      loadingMessage?:
+        | StylesConfigFunction<NoticeProps<Option, IsMulti, GroupType<Option>>>
+        | undefined;
+      menu?:
+        | StylesConfigFunction<MenuProps_2<Option, IsMulti, GroupType<Option>>>
+        | undefined;
+      menuList?:
+        | StylesConfigFunction<
+            MenuListProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      menuPortal?: StylesConfigFunction<PortalStyleArgs> | undefined;
+      multiValue?:
+        | StylesConfigFunction<
+            MultiValueProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      multiValueLabel?:
+        | StylesConfigFunction<
+            MultiValueProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      multiValueRemove?:
+        | StylesConfigFunction<
+            MultiValueProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      noOptionsMessage?:
+        | StylesConfigFunction<NoticeProps<Option, IsMulti, GroupType<Option>>>
+        | undefined;
+      option?:
+        | StylesConfigFunction<
+            OptionProps_2<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      placeholder?:
+        | StylesConfigFunction<
+            PlaceholderProps_2<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      singleValue?:
+        | StylesConfigFunction<
+            SingleValueProps<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+      valueContainer?:
+        | StylesConfigFunction<
+            ValueContainerProps_2<Option, IsMulti, GroupType<Option>>
+          >
+        | undefined;
+    }
+  >;
+  // (undocumented)
   handleClick: ({ target }: MouseEvent) => void;
@@ -786,9 +1081,3 @@ // (undocumented)
   menuRef: HTMLElement | null;
-  open: (
-    options?:
-      | undefined
-      | {
-          controlOverride?: boolean | undefined;
-        },
-  ) => void;
+  open: (options?: { controlOverride?: boolean }) => void;
   // (undocumented)
@@ -813,16 +1102,43 @@ popperWrapperId: string;
   // (undocumented)
-  state: {
-    focusLockEnabled: boolean;
-    isOpen: boolean;
-    mergedComponents: {
-      Control: React_2.FC<ControlProps<OptionType, boolean>>;
-      DropdownIndicator: () => jsx;
-      Menu: ({
-        children,
-        innerProps,
-        ...props
-      }: MenuProps<OptionType, boolean>) => jsx;
-    };
-    mergedPopperProps: PopperPropsNoChildren<string>;
-  };
+  state:
+    | {
+        focusLockEnabled: boolean;
+        isOpen: boolean;
+        mergedComponents: {
+          Control: React_2.FC<ControlProps<OptionType, boolean>>;
+          DropdownIndicator: () => jsx;
+          Menu: ({
+            children,
+            innerProps,
+            ...props
+          }: MenuProps<OptionType, boolean>) => jsx /**
+            The props passed down to React Popper.
+
+            Use these to override the default positioning strategy, behaviour and placement used by this library.
+            For more information, see the Popper Props section below, or [React Popper documentation](https://popper.js.org/react-popper/v2/render-props).
+
+            */;
+        };
+        mergedPopperProps: PopperPropsNoChildren<string>;
+      }
+    | {
+        isOpen: boolean;
+        mergedComponents: {
+          Control: React_2.FC<ControlProps<OptionType, boolean>>;
+          DropdownIndicator: () => jsx;
+          Menu: ({
+            children,
+            innerProps,
+            ...props
+          }: MenuProps<OptionType, boolean>) => jsx /**
+            The props passed down to React Popper.
+
+            Use these to override the default positioning strategy, behaviour and placement used by this library.
+            For more information, see the Popper Props section below, or [React Popper documentation](https://popper.js.org/react-popper/v2/render-props).
+
+            */;
+        };
+        mergedPopperProps: PopperPropsNoChildren<string>;
+        focusLockEnabled?: undefined;
+      };
   // (undocumented)
@@ -882,6 +1198,5 @@ targetRef: HTMLElement | null;
 // @public (undocumented)
-export const RadioSelect: ({
-  components,
-  ...props
-}: SelectProps<OptionType>) => JSX.Element;
+export const RadioSelect: React_2.MemoExoticComponent<
+  ({ components, ...props }: SelectProps<OptionType>) => JSX.Element
+>;
 
@@ -1022,5 +1337,4 @@ export { ReactSelectProps };
 interface State<Modifiers = string> {
+  focusLockEnabled?: boolean;
   // (undocumented)
-  focusLockEnabled: boolean;
-  // (undocumented)
   isOpen: boolean;
@@ -1027,0 +1341,0 @@ // (undocumented)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

562461

increased by9.21%

Number of package files

152

increased by0.66%

Lines of code

11435

increased by5.81%

Dependency changes

• Updated@atlaskit/tokens@^1.8.0