@atlaskit/select 16.5.7 → 16.5.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/select
 
+## 16.5.8
+
+### Patch Changes
+
+- [`5c22f7ade33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c22f7ade33) - Convert CSS tagged templates to explicit function calls with objects.
+
 ## 16.5.7
 
 ### Patch Changes

package/dist/cjs/PopupSelect/components.js

@@ -73,7 +73,6 @@ var DummyControl = function DummyControl(props) {
 };
 
 // NOTE `props` intentionally omitted from `Fragment`
-// eslint-disable-next-line
 exports.DummyControl = DummyControl;
 var Menu = function Menu(_ref3) {
   var children = _ref3.children,

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

package/dist/cjs/components/index.js

@@ -24,19 +24,22 @@ Object.defineProperty(exports, "LoadingIndicator", {
   }
 });
 exports.MultiValueRemove = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
 var _reactSelect = require("react-select");
 var _indicators = require("./indicators");
-var _templateObject, _templateObject2;
 /** @jsx jsx */
-var disabledProps = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n"])));
-var enabledProps = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inherit;\n"])));
+
+var disabledStyles = (0, _react.css)({
+  display: 'none'
+});
+var enabledStyles = (0, _react.css)({
+  display: 'inherit'
+});
 var MultiValueRemove = function MultiValueRemove(props) {
   var isDisabled = props.selectProps.isDisabled;
   return (0, _react.jsx)(_reactSelect.components.MultiValueRemove, props, (0, _react.jsx)("div", {
-    css: isDisabled ? disabledProps : enabledProps,
+    css: isDisabled ? disabledStyles : enabledStyles,
     "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
   }, (0, _react.jsx)(_selectClear.default, {
     label: "Clear",

package/dist/cjs/components/indicators.js

@@ -42,9 +42,9 @@ var DropdownIndicator = function DropdownIndicator(props) {
 };
 exports.DropdownIndicator = DropdownIndicator;
 var LoadingIndicator = function LoadingIndicator(props) {
-  var loadingCSS = (0, _react.css)(props.getStyles('loadingIndicator', props));
+  var loadingStyles = (0, _react.css)(props.getStyles('loadingIndicator', props));
   return (0, _react.jsx)("div", (0, _extends2.default)({
-    css: loadingCSS
+    css: loadingStyles
   }, props.innerProps), (0, _react.jsx)(_spinner.default, {
     size: "small"
   }));

package/dist/cjs/data/countries.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.groupedCountries = exports.allCountries = void 0;
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 var allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',

package/dist/cjs/version.json

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

package/dist/es2019/PopupSelect/components.js

@@ -58,7 +58,6 @@ const Control = ({
 export const DummyControl = props => jsx(VisuallyHidden, null, jsx(components.Control, props));
 
 // NOTE `props` intentionally omitted from `Fragment`
-// eslint-disable-next-line
 const Menu = ({
   children,
   innerProps,

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

package/dist/es2019/components/index.js

@@ -3,18 +3,18 @@ import { jsx, css } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { components } from 'react-select';
 export { ClearIndicator, DropdownIndicator, LoadingIndicator } from './indicators';
-const disabledProps = css`
-  display: none;
-`;
-const enabledProps = css`
-  display: inherit;
-`;
+const disabledStyles = css({
+  display: 'none'
+});
+const enabledStyles = css({
+  display: 'inherit'
+});
 export const MultiValueRemove = props => {
   const {
     isDisabled
   } = props.selectProps;
   return jsx(components.MultiValueRemove, props, jsx("div", {
-    css: isDisabled ? disabledProps : enabledProps,
+    css: isDisabled ? disabledStyles : enabledStyles,
     "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
   }, jsx(SelectClearIcon, {
     label: "Clear",

package/dist/es2019/components/indicators.js

@@ -28,9 +28,9 @@ export const DropdownIndicator = props => jsx(components.DropdownIndicator, prop
   label: "open"
 }));
 export const LoadingIndicator = props => {
-  const loadingCSS = css(props.getStyles('loadingIndicator', props));
+  const loadingStyles = css(props.getStyles('loadingIndicator', props));
   return jsx("div", _extends({
-    css: loadingCSS
+    css: loadingStyles
   }, props.innerProps), jsx(Spinner, {
     size: "small"
   }));

package/dist/es2019/data/countries.js

@@ -1,5 +1,3 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 export const allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',

package/dist/es2019/version.json

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

package/dist/esm/PopupSelect/components.js

@@ -67,7 +67,6 @@ export var DummyControl = function DummyControl(props) {
 };
 
 // NOTE `props` intentionally omitted from `Fragment`
-// eslint-disable-next-line
 var Menu = function Menu(_ref3) {
   var children = _ref3.children,
     innerProps = _ref3.innerProps,

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

package/dist/esm/components/index.js

@@ -1,16 +1,18 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 /** @jsx jsx */
 import { jsx, css } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { components } from 'react-select';
 export { ClearIndicator, DropdownIndicator, LoadingIndicator } from './indicators';
-var disabledProps = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n"])));
-var enabledProps = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inherit;\n"])));
+var disabledStyles = css({
+  display: 'none'
+});
+var enabledStyles = css({
+  display: 'inherit'
+});
 export var MultiValueRemove = function MultiValueRemove(props) {
   var isDisabled = props.selectProps.isDisabled;
   return jsx(components.MultiValueRemove, props, jsx("div", {
-    css: isDisabled ? disabledProps : enabledProps,
+    css: isDisabled ? disabledStyles : enabledStyles,
     "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
   }, jsx(SelectClearIcon, {
     label: "Clear",

package/dist/esm/components/indicators.js

@@ -34,9 +34,9 @@ export var DropdownIndicator = function DropdownIndicator(props) {
   }));
 };
 export var LoadingIndicator = function LoadingIndicator(props) {
-  var loadingCSS = css(props.getStyles('loadingIndicator', props));
+  var loadingStyles = css(props.getStyles('loadingIndicator', props));
   return jsx("div", _extends({
-    css: loadingCSS
+    css: loadingStyles
   }, props.innerProps), jsx(Spinner, {
     size: "small"
   }));

package/dist/esm/data/countries.js

@@ -1,5 +1,3 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 export var allCountries = [{
   icon: '🇦🇫',
   name: 'Afghanistan',

package/dist/esm/version.json

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

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

@@ -100,13 +100,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element; /**
-              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).
-          
-             */
+            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;
@@ -116,13 +110,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element; /**
-              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).
-          
-             */
+            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     };

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

@@ -100,13 +100,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element; /**
-              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).
-          
-             */
+            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;
@@ -116,13 +110,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element; /**
-              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).
-          
-             */
+            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "16.5.7",
+  "version": "16.5.8",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",

package/report.api.md

@@ -1099,13 +1099,7 @@ export class PopupSelect<
             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).
-
-            */;
+          }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
       }
@@ -1118,13 +1112,7 @@ export class PopupSelect<
             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).
-
-            */;
+          }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;

package/tmp/api-report-tmp.d.ts

@@ -533,13 +533,7 @@ export class PopupSelect<Option = OptionType, IsMulti extends boolean = false, M
         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).
-
-            */
+            Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     } | {
@@ -547,13 +541,7 @@ export class PopupSelect<Option = OptionType, IsMulti extends boolean = false, M
         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).
-
-            */
+            Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;