@atlaskit/select 16.5.8 → 16.5.10

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/select
 
+## 16.5.10
+
+### Patch Changes
+
+- [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
+- Updated dependencies
+
+## 16.5.9
+
+### Patch Changes
+
+- [`2c77d477cbb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2c77d477cbb) - Ensures static linting occurs in the techstack, fixes one example's eslint error.
+
 ## 16.5.8
 
 ### Patch Changes

package/dist/cjs/PopupSelect/components.js

@@ -27,6 +27,8 @@ var MenuDialog = function MenuDialog(_ref) {
     id = _ref.id,
     style = _ref.style;
   return (0, _react.jsx)("div", {
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css: {
       backgroundColor: "var(--ds-surface-overlay, white)",
       borderRadius: 4,
@@ -46,6 +48,8 @@ var MenuDialog = function MenuDialog(_ref) {
 exports.MenuDialog = MenuDialog;
 var DropdownIndicator = function DropdownIndicator() {
   return (0, _react.jsx)("div", {
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css: {
       marginRight: "var(--ds-space-025, 2px)",
       textAlign: 'center',
@@ -60,7 +64,10 @@ var Control = function Control(_ref2) {
     innerProps = _ref2.innerProps,
     props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return (0, _react.jsx)("div", {
-    ref: innerRef,
+    ref: innerRef
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    ,
     css: {
       padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-050, 4px)")
     }

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

package/dist/cjs/components/indicators.js

@@ -43,10 +43,15 @@ var DropdownIndicator = function DropdownIndicator(props) {
 exports.DropdownIndicator = DropdownIndicator;
 var LoadingIndicator = function LoadingIndicator(props) {
   var loadingStyles = (0, _react.css)(props.getStyles('loadingIndicator', props));
-  return (0, _react.jsx)("div", (0, _extends2.default)({
-    css: loadingStyles
-  }, props.innerProps), (0, _react.jsx)(_spinner.default, {
-    size: "small"
-  }));
+  return (
+    // This *must* be constructed this way because this is being consumed by
+    // `react-select` and we don't control what it wants.
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    (0, _react.jsx)("div", (0, _extends2.default)({
+      css: loadingStyles
+    }, props.innerProps), (0, _react.jsx)(_spinner.default, {
+      size: "small"
+    }))
+  );
 };
 exports.LoadingIndicator = LoadingIndicator;

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

@@ -232,11 +232,15 @@ var ControlOption = /*#__PURE__*/function (_Component) {
          * @see https://product-fabric.atlassian.net/browse/DSP-6063
          */
         // @ts-ignore
+        // TODO: Make these use proper dynamic styling (DSP-12490)
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         (0, _react.jsx)("div", (0, _extends2.default)({
           css: styles,
           className: classes,
           ref: innerRef
         }, props), (0, _react.jsx)("div", {
+          // TODO: Make these use proper dynamic styling (DSP-12490)
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
           css: {
             alignItems: 'center',
             display: 'flex ',
@@ -256,6 +260,8 @@ var ControlOption = /*#__PURE__*/function (_Component) {
           primaryColor: getPrimaryColor(_objectSpread(_objectSpread({}, this.props), this.state)),
           secondaryColor: getSecondaryColor(_objectSpread(_objectSpread({}, this.props), this.state))
         }) : null), (0, _react.jsx)("div", {
+          // TODO: Make these use proper dynamic styling (DSP-12490)
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
           css: {
             textOverflow: 'ellipsis',
             overflowX: 'hidden',

package/dist/es2019/PopupSelect/components.js

@@ -18,6 +18,8 @@ export const MenuDialog = ({
   id,
   style
 }) => jsx("div", {
+  // TODO: Make these use proper dynamic styling (DSP-12490)
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
   css: {
     backgroundColor: "var(--ds-surface-overlay, white)",
     borderRadius: 4,
@@ -35,6 +37,8 @@ export const MenuDialog = ({
 // ==============================
 
 const DropdownIndicator = () => jsx("div", {
+  // TODO: Make these use proper dynamic styling (DSP-12490)
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
   css: {
     marginRight: "var(--ds-space-025, 2px)",
     textAlign: 'center',
@@ -48,7 +52,10 @@ const Control = ({
   innerProps,
   ...props
 }) => jsx("div", {
-  ref: innerRef,
+  ref: innerRef
+  // TODO: Make these use proper dynamic styling (DSP-12490)
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+  ,
   css: {
     padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-050, 4px)"}`
   }

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

package/dist/es2019/components/indicators.js

@@ -29,9 +29,14 @@ export const DropdownIndicator = props => jsx(components.DropdownIndicator, prop
 }));
 export const LoadingIndicator = props => {
   const loadingStyles = css(props.getStyles('loadingIndicator', props));
-  return jsx("div", _extends({
-    css: loadingStyles
-  }, props.innerProps), jsx(Spinner, {
-    size: "small"
-  }));
+  return (
+    // This *must* be constructed this way because this is being consumed by
+    // `react-select` and we don't control what it wants.
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    jsx("div", _extends({
+      css: loadingStyles
+    }, props.innerProps), jsx(Spinner, {
+      size: "small"
+    }))
+  );
 };

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

@@ -202,11 +202,15 @@ class ControlOption extends Component {
        * @see https://product-fabric.atlassian.net/browse/DSP-6063
        */
       // @ts-ignore
+      // TODO: Make these use proper dynamic styling (DSP-12490)
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       jsx("div", _extends({
         css: styles,
         className: classes,
         ref: innerRef
       }, props), jsx("div", {
+        // TODO: Make these use proper dynamic styling (DSP-12490)
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         css: {
           alignItems: 'center',
           display: 'flex ',
@@ -235,6 +239,8 @@ class ControlOption extends Component {
           ...this.state
         })
       }) : null), jsx("div", {
+        // TODO: Make these use proper dynamic styling (DSP-12490)
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         css: {
           textOverflow: 'ellipsis',
           overflowX: 'hidden',

package/dist/esm/PopupSelect/components.js

@@ -21,6 +21,8 @@ export var MenuDialog = function MenuDialog(_ref) {
     id = _ref.id,
     style = _ref.style;
   return jsx("div", {
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css: {
       backgroundColor: "var(--ds-surface-overlay, white)",
       borderRadius: 4,
@@ -40,6 +42,8 @@ export var MenuDialog = function MenuDialog(_ref) {
 
 var DropdownIndicator = function DropdownIndicator() {
   return jsx("div", {
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css: {
       marginRight: "var(--ds-space-025, 2px)",
       textAlign: 'center',
@@ -54,7 +58,10 @@ var Control = function Control(_ref2) {
     innerProps = _ref2.innerProps,
     props = _objectWithoutProperties(_ref2, _excluded);
   return jsx("div", {
-    ref: innerRef,
+    ref: innerRef
+    // TODO: Make these use proper dynamic styling (DSP-12490)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    ,
     css: {
       padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-050, 4px)")
     }

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

package/dist/esm/components/indicators.js

@@ -35,9 +35,14 @@ export var DropdownIndicator = function DropdownIndicator(props) {
 };
 export var LoadingIndicator = function LoadingIndicator(props) {
   var loadingStyles = css(props.getStyles('loadingIndicator', props));
-  return jsx("div", _extends({
-    css: loadingStyles
-  }, props.innerProps), jsx(Spinner, {
-    size: "small"
-  }));
+  return (
+    // This *must* be constructed this way because this is being consumed by
+    // `react-select` and we don't control what it wants.
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    jsx("div", _extends({
+      css: loadingStyles
+    }, props.innerProps), jsx(Spinner, {
+      size: "small"
+    }))
+  );
 };

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

@@ -226,11 +226,15 @@ var ControlOption = /*#__PURE__*/function (_Component) {
          * @see https://product-fabric.atlassian.net/browse/DSP-6063
          */
         // @ts-ignore
+        // TODO: Make these use proper dynamic styling (DSP-12490)
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         jsx("div", _extends({
           css: styles,
           className: classes,
           ref: innerRef
         }, props), jsx("div", {
+          // TODO: Make these use proper dynamic styling (DSP-12490)
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
           css: {
             alignItems: 'center',
             display: 'flex ',
@@ -250,6 +254,8 @@ var ControlOption = /*#__PURE__*/function (_Component) {
           primaryColor: getPrimaryColor(_objectSpread(_objectSpread({}, this.props), this.state)),
           secondaryColor: getSecondaryColor(_objectSpread(_objectSpread({}, this.props), this.state))
         }) : null), jsx("div", {
+          // TODO: Make these use proper dynamic styling (DSP-12490)
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
           css: {
             textOverflow: 'ellipsis',
             overflowX: 'hidden',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "16.5.8",
+  "version": "16.5.10",
   "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.14.0",
+    "@atlaskit/tokens": "^1.15.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -87,7 +87,8 @@
       ],
       "deprecation": "no-deprecated-imports",
       "styling": [
-        "emotion"
+        "emotion",
+        "static"
       ]
     }
   },

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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