@atlaskit/select 15.2.2 → 15.2.6

package/dist/esm/styles.js

@@ -1,12 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { gridSize, fontFamily } from '@atlaskit/theme/constants';
 import { B100, B400, B50, G400, N0, N20, N200, N30, N300, N40, N500, N70, N800, R400, R75 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 var BORDER_WIDTH = 2;
 var ICON_PADDING = 2;
 var paddingExcludingBorder = gridSize() - BORDER_WIDTH;
@@ -24,37 +23,37 @@ export default function baseStyles(validationState, isCompact) {
     },
     input: function input(css) {
       return _objectSpread(_objectSpread({}, css), {}, {
-        color: token('color.text.highEmphasis', 'hsl(0, 0%, 20%)')
+        color: "var(--ds-text-highEmphasis, hsl(0, 0%, 20%))"
       });
     },
     control: function control(css, _ref2) {
       var isFocused = _ref2.isFocused,
           isDisabled = _ref2.isDisabled;
-      var borderColor = isFocused ? token('color.border.focus', B100) : token('color.border.neutral', N20);
-      var backgroundColor = isFocused ? token('color.background.default', N0) : token('color.background.subtleNeutral.resting', N20);
-      var backgroundColorHover = isFocused ? token('color.background.default', N0) : token('color.background.default', N30);
+      var borderColor = isFocused ? "var(--ds-border-focus, ".concat(B100, ")") : "var(--ds-border-neutral, ".concat(N20, ")");
+      var backgroundColor = isFocused ? "var(--ds-background-default, ".concat(N0, ")") : "var(--ds-background-subtleNeutral-resting, ".concat(N20, ")");
+      var backgroundColorHover = isFocused ? "var(--ds-background-default, ".concat(N0, ")") : "var(--ds-background-default, ".concat(N30, ")");
 
       if (isDisabled) {
-        backgroundColor = token('color.background.subtleNeutral.resting', N20);
-        borderColor = token('color.background.disabled', N20);
+        backgroundColor = "var(--ds-background-subtleNeutral-resting, ".concat(N20, ")");
+        borderColor = "var(--ds-background-disabled, ".concat(N20, ")");
       }
 
       if (validationState === 'error') {
-        borderColor = token('color.iconBorder.danger', R400);
+        borderColor = "var(--ds-iconBorder-danger, ".concat(R400, ")");
       }
 
       if (validationState === 'success') {
-        borderColor = token('color.iconBorder.success', G400);
+        borderColor = "var(--ds-iconBorder-success, ".concat(G400, ")");
       }
 
-      var borderColorHover = isFocused ? token('color.border.focus', B100) : token('color.border.neutral', N30);
+      var borderColorHover = isFocused ? "var(--ds-border-focus, ".concat(B100, ")") : "var(--ds-border-neutral, ".concat(N30, ")");
 
       if (validationState === 'error') {
-        borderColorHover = token('color.iconBorder.danger', R400);
+        borderColorHover = "var(--ds-iconBorder-danger, ".concat(R400, ")");
       }
 
       if (validationState === 'success') {
-        borderColorHover = token('color.iconBorder.success', G400);
+        borderColorHover = "var(--ds-iconBorder-success, ".concat(G400, ")");
       }
 
       var transitionDuration = '200ms';
@@ -103,13 +102,13 @@ export default function baseStyles(validationState, isCompact) {
     },
     clearIndicator: function clearIndicator(css) {
       return _objectSpread(_objectSpread({}, css), {}, {
-        color: token('color.text.lowEmphasis', N70),
+        color: "var(--ds-text-lowEmphasis, ".concat(N70, ")"),
         paddingLeft: ICON_PADDING,
         paddingRight: ICON_PADDING,
         paddingBottom: isCompact ? 0 : 6,
         paddingTop: isCompact ? 0 : 6,
         ':hover': {
-          color: token('color.text.mediumEmphasis', N500)
+          color: "var(--ds-text-mediumEmphasis, ".concat(N500, ")")
         }
       });
     },
@@ -121,10 +120,10 @@ export default function baseStyles(validationState, isCompact) {
     },
     dropdownIndicator: function dropdownIndicator(css, _ref3) {
       var isDisabled = _ref3.isDisabled;
-      var color = token('color.text.mediumEmphasis', N500);
+      var color = "var(--ds-text-mediumEmphasis, ".concat(N500, ")");
 
       if (isDisabled) {
-        color = token('color.text.disabled', N70);
+        color = "var(--ds-text-disabled, ".concat(N70, ")");
       }
 
       return _objectSpread(_objectSpread({}, css), {}, {
@@ -134,7 +133,7 @@ export default function baseStyles(validationState, isCompact) {
         paddingBottom: isCompact ? 0 : 6,
         paddingTop: isCompact ? 0 : 6,
         ':hover': {
-          color: token('color.text.mediumEmphasis', N200)
+          color: "var(--ds-text-mediumEmphasis, ".concat(N200, ")")
         }
       });
     },
@@ -147,12 +146,12 @@ export default function baseStyles(validationState, isCompact) {
       var isFocused = _ref4.isFocused,
           isSelected = _ref4.isSelected,
           isDisabled = _ref4.isDisabled;
-      var color = token('color.text.highEmphasis', N800);
+      var color = "var(--ds-text-highEmphasis, ".concat(N800, ")");
 
       if (isDisabled) {
-        color = token('color.text.disabled', N70);
+        color = "var(--ds-text-disabled, ".concat(N70, ")");
       } else if (isSelected) {
-        color = token('color.text.selected', B400);
+        color = "var(--ds-text-selected, ".concat(B400, ")");
       }
 
       var boxShadow;
@@ -161,15 +160,15 @@ export default function baseStyles(validationState, isCompact) {
       if (isDisabled) {
         backgroundColor = undefined;
       } else if (isSelected && isFocused) {
-        backgroundColor = token('color.background.selected.hover', B50);
+        backgroundColor = "var(--ds-background-selected-hover, ".concat(B50, ")");
       } else if (isSelected) {
-        backgroundColor = token('color.background.selected.resting', B50);
+        backgroundColor = "var(--ds-background-selected-resting, ".concat(B50, ")");
       } else if (isFocused) {
-        backgroundColor = token('color.background.transparentNeutral.hover', N20);
+        backgroundColor = "var(--ds-background-transparentNeutral-hover, ".concat(N20, ")");
       }
 
       if (!isDisabled && (isFocused || isSelected)) {
-        boxShadow = "inset 2px 0px 0px ".concat(token('color.text.selected', B400));
+        boxShadow = "inset 2px 0px 0px ".concat("var(--ds-text-selected, ".concat(B400, ")"));
       }
 
       var cursor = isDisabled ? 'not-allowed' : undefined;
@@ -180,7 +179,7 @@ export default function baseStyles(validationState, isCompact) {
         cursor: cursor,
         boxShadow: boxShadow,
         ':active': {
-          backgroundColor: !isDisabled ? isSelected ? token('color.background.selected.pressed', N20) : token('color.background.transparentNeutral.pressed', N30) : undefined
+          backgroundColor: !isDisabled ? isSelected ? "var(--ds-background-selected-pressed, ".concat(N20, ")") : "var(--ds-background-transparentNeutral-pressed, ".concat(N30, ")") : undefined
         },
         '@media screen and (-ms-high-contrast: active)': {
           borderLeft: !isDisabled && (isFocused || isSelected) ? '2px solid transparent' : ''
@@ -190,21 +189,21 @@ export default function baseStyles(validationState, isCompact) {
     placeholder: function placeholder(css, _ref5) {
       var isDisabled = _ref5.isDisabled;
       return _objectSpread(_objectSpread({}, css), {}, {
-        color: isDisabled ? token('color.text.disabled', N300) : token('color.text.lowEmphasis', N300)
+        color: isDisabled ? "var(--ds-text-disabled, ".concat(N300, ")") : "var(--ds-text-lowEmphasis, ".concat(N300, ")")
       });
     },
     singleValue: function singleValue(css, _ref6) {
       var isDisabled = _ref6.isDisabled;
       return _objectSpread(_objectSpread({}, css), {}, {
-        color: isDisabled ? token('color.text.disabled', N70) : token('color.text.highEmphasis', N800),
+        color: isDisabled ? "var(--ds-text-disabled, ".concat(N70, ")") : "var(--ds-text-highEmphasis, ".concat(N800, ")"),
         lineHeight: "".concat(gridSize() * 2, "px") // 16px
 
       });
     },
     menu: function menu(css) {
       return _objectSpread(_objectSpread({}, css), {}, {
-        backgroundColor: token('color.background.overlay', 'white'),
-        boxShadow: token('shadow.overlay', '0 0 0 1px hsl(0deg 0% 0% / 10%), 0 4px 11px hsl(0deg 0% 0% / 10%)')
+        backgroundColor: "var(--ds-background-overlay, white)",
+        boxShadow: "var(--ds-overlay, 0 0 0 1px hsl(0deg 0% 0% / 10%), 0 4px 11px hsl(0deg 0% 0% / 10%))"
       });
     },
     menuList: function menuList(css) {
@@ -217,8 +216,8 @@ export default function baseStyles(validationState, isCompact) {
       var isFocused = _ref7.isFocused;
       return _objectSpread(_objectSpread({}, css), {}, {
         borderRadius: '2px',
-        backgroundColor: isFocused ? token('color.background.selected.resting', N40) : token('color.background.transparentNeutral.hover', N40),
-        boxShadow: isFocused ? "0 0 0 2px ".concat(token('color.background.default', 'transparent'), ", 0 0 0 4px ").concat(token('color.border.focus', 'transparent')) : 'none',
+        backgroundColor: isFocused ? "var(--ds-background-selected-resting, ".concat(N40, ")") : "var(--ds-background-transparentNeutral-hover, ".concat(N40, ")"),
+        boxShadow: isFocused ? "0 0 0 2px ".concat("var(--ds-background-default, transparent)", ", 0 0 0 4px ").concat("var(--ds-border-focus, transparent)") : 'none',
         maxWidth: '100%',
         '@media screen and (-ms-high-contrast: active)': {
           border: isFocused ? '1px solid transparent' : 'none'
@@ -229,25 +228,25 @@ export default function baseStyles(validationState, isCompact) {
       var isFocused = _ref8.isFocused;
       return _objectSpread(_objectSpread({}, css), {}, {
         padding: '2px',
-        color: isFocused ? token('color.text.selected', 'hsl(0, 0%, 20%)') : token('color.text.highEmphasis', 'hsl(0, 0%, 20%)'),
+        color: isFocused ? "var(--ds-text-selected, hsl(0, 0%, 20%))" : "var(--ds-text-highEmphasis, hsl(0, 0%, 20%))",
         paddingRight: '2px'
       });
     },
     multiValueRemove: function multiValueRemove(css, _ref9) {
       var isFocused = _ref9.isFocused;
       return _objectSpread(_objectSpread({}, css), {}, {
-        backgroundColor: isFocused && token('color.background.selected.resting', R75),
-        fill: isFocused ? token('color.text.selected', '#000') : token('color.text.highEmphasis', '#000'),
+        backgroundColor: isFocused && "var(--ds-background-selected-resting, ".concat(R75, ")"),
+        fill: isFocused ? "var(--ds-text-selected, #000)" : "var(--ds-text-highEmphasis, #000)",
         paddingLeft: '2px',
         paddingRight: '2px',
         borderRadius: '0px 2px 2px 0px',
         ':hover': {
-          backgroundColor: token('color.background.subtleDanger.hover', R75),
-          fill: token('color.text.danger', '#000')
+          backgroundColor: "var(--ds-background-subtleDanger-hover, ".concat(R75, ")"),
+          fill: "var(--ds-text-danger, #000)"
         },
         ':active': {
-          backgroundColor: token('color.background.subtleDanger.pressed', R75),
-          fill: token('color.text.danger', '#000')
+          backgroundColor: "var(--ds-background-subtleDanger-pressed, ".concat(R75, ")"),
+          fill: "var(--ds-text-danger, #000)"
         }
       });
     }

package/dist/esm/version.json

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

package/dist/types/CheckboxSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps, OptionType } from './types';
 declare const CheckboxSelect: ({ components, ...props }: SelectProps<OptionType, true>) => JSX.Element;
 export default CheckboxSelect;

package/dist/types/CountrySelect.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const CountrySelect: (props: any) => JSX.Element;
 export default CountrySelect;

package/dist/types/RadioSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps, OptionType } from './types';
 declare const RadioSelect: ({ components, ...props }: SelectProps<OptionType>) => JSX.Element;
 export default RadioSelect;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export { ClearIndicator, DropdownIndicator, LoadingIndicator, } from './indicators';
 export declare const MultiValueRemove: (props: any) => JSX.Element;
 export declare const IndicatorSeparator: null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "15.2.2",
+  "version": "15.2.6",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -17,7 +17,6 @@
   "atlassian": {
     "team": "Design System Team",
     "deprecatedAutoEntryPoints": true,
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Select"
@@ -25,16 +24,16 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/icon": "^21.10.0",
     "@atlaskit/spinner": "^15.0.0",
-    "@atlaskit/theme": "^12.0.0",
-    "@atlaskit/tokens": "^0.2.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.5.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "@popperjs/core": "^2.9.1",
     "@types/react-select": "^4.0.13",
     "focus-trap": "^2.4.5",
-    "memoize-one": "^5.1.0",
+    "memoize-one": "^6.0.0",
     "react-fast-compare": "^2.0.1",
     "react-node-resolver": "^1.0.1",
     "react-popper": "^2.2.3",
@@ -47,14 +46,13 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/build-utils": "*",
     "@atlaskit/button": "^16.0.0",
     "@atlaskit/checkbox": "^12.2.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/drawer": "^7.0.0",
+    "@atlaskit/drawer": "^7.1.0",
     "@atlaskit/form": "^8.4.0",
     "@atlaskit/logo": "^13.5.0",
-    "@atlaskit/modal-dialog": "^12.0.0",
+    "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/tooltip": "^17.5.0",
@@ -74,7 +72,10 @@
   "techstack": {
     "@repo/internal": {
       "theming": "tokens",
-      "deprecation": "no-deprecated-imports"
+      "deprecation": "no-deprecated-imports",
+      "styling": [
+        "emotion"
+      ]
     }
   },
   "homepage": "https://atlassian.design/components/select/",