@atlaskit/select - npm Package Compare versions

Comparing version 16.5.7 to 16.5.8

dist/cjs/components/index.js

@@ -27,3 +27,2 @@ "use strict";
 exports.MultiValueRemove = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
@@ -33,10 +32,14 @@ var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
 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'
@@ -43,0 +46,0 @@ }, (0, _react.jsx)(_selectClear.default, {

dist/cjs/components/indicators.js

@@ -45,5 +45,5 @@ "use strict";
 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, {
@@ -50,0 +50,0 @@ size: "small"

dist/cjs/data/countries.js

@@ -7,4 +7,2 @@ "use strict";
 exports.groupedCountries = exports.allCountries = void 0;
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 var allCountries = [{
@@ -11,0 +9,0 @@ icon: '🇦🇫',

dist/cjs/PopupSelect/components.js

@@ -76,3 +76,2 @@ "use strict";
 // NOTE `props` intentionally omitted from `Fragment`
-// eslint-disable-next-line
 exports.DummyControl = DummyControl;
@@ -79,0 +78,0 @@ var Menu = function Menu(_ref3) {

dist/cjs/Select.js

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

dist/cjs/version.json

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

dist/es2019/components/index.js

@@ -6,8 +6,8 @@ /** @jsx jsx */
 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 => {
@@ -18,3 +18,3 @@ const {
   return jsx(components.MultiValueRemove, props, jsx("div", {
-    css: isDisabled ? disabledProps : enabledProps,
+    css: isDisabled ? disabledStyles : enabledStyles,
     "data-testid": isDisabled ? 'hide-clear-icon' : 'show-clear-icon'
@@ -21,0 +21,0 @@ }, jsx(SelectClearIcon, {

dist/es2019/components/indicators.js

@@ -31,5 +31,5 @@ import _extends from "@babel/runtime/helpers/extends";
 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, {
@@ -36,0 +36,0 @@ size: "small"

dist/es2019/data/countries.js

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

dist/es2019/PopupSelect/components.js

@@ -61,3 +61,2 @@ import _extends from "@babel/runtime/helpers/extends";
 // NOTE `props` intentionally omitted from `Fragment`
-// eslint-disable-next-line
 const Menu = ({
@@ -64,0 +63,0 @@ children,

dist/es2019/Select.js

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

dist/es2019/version.json

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

dist/esm/components/index.js

@@ -1,3 +0,1 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 /** @jsx jsx */
@@ -8,8 +6,12 @@ import { jsx, css } from '@emotion/react';
 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'
@@ -16,0 +18,0 @@ }, jsx(SelectClearIcon, {

dist/esm/components/indicators.js

@@ -37,5 +37,5 @@ import _extends from "@babel/runtime/helpers/extends";
 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, {
@@ -42,0 +42,0 @@ size: "small"

dist/esm/data/countries.js

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

dist/esm/PopupSelect/components.js

@@ -70,3 +70,2 @@ import _extends from "@babel/runtime/helpers/extends";
 // NOTE `props` intentionally omitted from `Fragment`
-// eslint-disable-next-line
 var Menu = function Menu(_ref3) {
@@ -73,0 +72,0 @@ var children = _ref3.children,

dist/esm/Select.js

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

dist/esm/version.json

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

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

@@ -103,9 +103,3 @@ import React, { PureComponent, ReactNode } from 'react';
             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;
         };
@@ -120,9 +114,3 @@ mergedPopperProps: PopperPropsNoChildren<string>;
             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;
         };
@@ -129,0 +117,0 @@ mergedPopperProps: PopperPropsNoChildren<string>;

dist/types/PopupSelect/PopupSelect.d.ts

@@ -103,9 +103,3 @@ import React, { PureComponent, ReactNode } from 'react';
             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;
         };
@@ -120,9 +114,3 @@ mergedPopperProps: PopperPropsNoChildren<string>;
             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;
         };
@@ -129,0 +117,0 @@ mergedPopperProps: PopperPropsNoChildren<string>;

package.json

 {
   "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.",
@@ -46,3 +46,3 @@ "publishConfig": {
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@atlaskit/visually-hidden": "^1.2.0",
@@ -49,0 +49,0 @@ "@babel/runtime": "^7.0.0",

report.api.md

@@ -1102,9 +1102,3 @@ <!-- API Report Version: 2.3 -->
             ...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;
         };
@@ -1122,9 +1116,3 @@ mergedPopperProps: PopperPropsNoChildren<string>;
             ...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;
         };
@@ -1131,0 +1119,0 @@ mergedPopperProps: PopperPropsNoChildren<string>;

tmp/api-report-tmp.d.ts

@@ -536,9 +536,3 @@ ## API Report File for "@atlaskit/select"
             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;
         };
@@ -551,9 +545,3 @@ mergedPopperProps: PopperPropsNoChildren<string>;
             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;
         };
@@ -560,0 +548,0 @@ mergedPopperProps: PopperPropsNoChildren<string>;

No alert changes

Worsened metrics

Total package byte prevSize

563101

decreased by-0.62%

Lines of code

11481

decreased by-0.23%

Dependency changes

• Updated@atlaskit/tokens@^1.14.0