@atlaskit/status 1.2.7 → 1.2.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/status
 
+## 1.2.9
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.2.8
+
+### Patch Changes
+
+- [`ac0f098f7f9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac0f098f7f9) - Fixes an oversight in DSP-7701 that causes some rendering issues with lozenges on the Hybrid Renderer on Android
+
 ## 1.2.7
 
 ### Patch Changes

package/dist/cjs/components/Status.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Status = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _analytics = require("./analytics");
-
 var _constants = require("./constants");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var colorToLozengeAppearanceMap = {
   neutral: 'default',
@@ -50,36 +33,31 @@ var colorToLozengeAppearanceMap = {
 
 var DEFAULT_APPEARANCE = 'default';
 var MAX_WIDTH = 200;
+
 /**
  * This is to account for a bug in android chromium and should be removed
  * when the editor fixes its focus handling with respect to Status.
  *
  * See DSP-7701 for additional context.
  */
-
 var inlineBlockStyles = (0, _react2.css)({
   '& > *': {
     display: 'inline-block !important',
     lineHeight: '16px'
   }
-}); // eg. Version/4.0 Chrome/95.0.4638.50
+});
 
+// eg. Version/4.0 Chrome/95.0.4638.50
 var isAndroidChromium = typeof window !== 'undefined' && /Version\/.* Chrome\/.*/.test(window.navigator.userAgent);
-
 var StatusInternal = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(StatusInternal, _PureComponent);
-
   var _super = _createSuper(StatusInternal);
-
   function StatusInternal() {
     var _this;
-
     (0, _classCallCheck2.default)(this, StatusInternal);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hoverStartTime", 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseEnter", function (_e) {
@@ -87,18 +65,14 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseLeave", function (_e) {
       var onHover = _this.props.onHover;
-
       var delay = Date.now() - _this.hoverStartTime;
-
       if (delay >= _constants.ANALYTICS_HOVER_DELAY && onHover) {
         onHover();
       }
-
       _this.hoverStartTime = 0;
     });
     return _this;
   }
-
   (0, _createClass2.default)(StatusInternal, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -108,18 +82,16 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          text = _this$props.text,
-          color = _this$props.color,
-          style = _this$props.style,
-          role = _this$props.role,
-          onClick = _this$props.onClick;
-
+        text = _this$props.text,
+        color = _this$props.color,
+        style = _this$props.style,
+        role = _this$props.role,
+        onClick = _this$props.onClick;
       if (text.trim().length === 0) {
         return null;
       }
-
-      var appearance = colorToLozengeAppearanceMap[color] || DEFAULT_APPEARANCE; // Note: ommitted data-local-id attribute to avoid copying/pasting the same localId
-
+      var appearance = colorToLozengeAppearanceMap[color] || DEFAULT_APPEARANCE;
+      // Note: ommitted data-local-id attribute to avoid copying/pasting the same localId
       return (0, _react2.jsx)("span", {
         css: isAndroidChromium ? inlineBlockStyles : undefined,
         className: "status-lozenge-span",
@@ -138,7 +110,6 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
   }]);
   return StatusInternal;
 }(_react.PureComponent);
-
 (0, _defineProperty2.default)(StatusInternal, "displayName", 'StatusInternal');
 var Status = (0, _analyticsNext.withAnalyticsEvents)({
   onClick: function onClick(createEvent, props) {

package/dist/cjs/components/StatusPicker.js

@@ -1,70 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StatusPicker = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _react2 = require("@emotion/react");
-
 var _colorPalette = _interopRequireDefault(require("./internal/color-palette"));
-
 var _i18n = require("./i18n");
-
 var _templateObject;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var fieldTextWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 ", "px;\n"])), (0, _constants.gridSize)());
-
 var Picker = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Picker, _PureComponent);
-
   var _super = _createSuper(Picker);
-
   function Picker() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Picker);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fieldTextWrapperKey", Math.random().toString());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "colorPaletteKey", Math.random().toString());
@@ -87,18 +58,18 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(Picker, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          text = _this$props.text,
-          selectedColor = _this$props.selectedColor,
-          onColorClick = _this$props.onColorClick,
-          onColorHover = _this$props.onColorHover,
-          intl = _this$props.intl; // Using <React.Fragment> instead of [] to workaround Enzyme
-      // (https://github.com/airbnb/enzyme/issues/1149)
+        text = _this$props.text,
+        selectedColor = _this$props.selectedColor,
+        onColorClick = _this$props.onColorClick,
+        onColorHover = _this$props.onColorHover,
+        intl = _this$props.intl;
 
+      // Using <React.Fragment> instead of [] to workaround Enzyme
+      // (https://github.com/airbnb/enzyme/issues/1149)
       return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", {
         css: fieldTextWrapperStyles,
         key: this.fieldTextWrapperKey
@@ -121,7 +92,6 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
   }]);
   return Picker;
 }(_react.PureComponent);
-
 (0, _defineProperty2.default)(Picker, "defaultProps", {
   autoFocus: true
 });

package/dist/cjs/components/analytics.js

@@ -1,33 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createStatusAnalyticsAndFire = exports.ELEMENTS_CHANNEL = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(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; }
-
 var ELEMENTS_CHANNEL = 'fabric-elements';
 exports.ELEMENTS_CHANNEL = ELEMENTS_CHANNEL;
 var packageName = "@atlaskit/status";
-var packageVersion = "1.2.7";
-
+var packageVersion = "1.2.9";
 var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
     var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
       eventType: 'ui'
     });
-
     if (!statusPayload.attributes) {
       statusPayload.attributes = {};
     }
-
     statusPayload.attributes.packageName = packageName;
     statusPayload.attributes.packageVersion = packageVersion;
     statusPayload.attributes.componentName = 'status';
@@ -36,5 +28,4 @@ var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createA
     return event;
   };
 };
-
 exports.createStatusAnalyticsAndFire = createStatusAnalyticsAndFire;

package/dist/cjs/components/i18n.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-
 var _reactIntlNext = require("react-intl-next");
-
 var messages = (0, _reactIntlNext.defineMessages)({
   neutralColor: {
     id: 'fabric.status.color.grey',

package/dist/cjs/components/internal/color-palette.js

@@ -1,53 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _color = _interopRequireDefault(require("./color"));
-
 var _templateObject;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var palette = [['neutral', "var(--ds-background-neutral, ".concat(colors.N40, ")"), "var(--ds-border-bold, ".concat(colors.N400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")], ['purple', "var(--ds-background-discovery, ".concat(colors.P50, ")"), "var(--ds-border-discovery, ".concat(colors.P400, ")"), "var(--ds-icon-discovery, ".concat(colors.P400, ")")], ['blue', "var(--ds-background-information, ".concat(colors.B50, ")"), "var(--ds-border-information, ".concat(colors.B400, ")"), "var(--ds-icon-information, ".concat(colors.B400, ")")], ['red', "var(--ds-background-danger, ".concat(colors.R50, ")"), "var(--ds-border-danger, ".concat(colors.R400, ")"), "var(--ds-icon-danger, ".concat(colors.R400, ")")], ['yellow', "var(--ds-background-warning, ".concat(colors.Y50, ")"), "var(--ds-border-warning, ".concat(colors.Y400, ")"), "var(--ds-icon-warning, ".concat(colors.Y400, ")")], ['green', "var(--ds-background-success, ".concat(colors.G50, ")"), "var(--ds-border-success, ".concat(colors.G400, ")"), "var(--ds-icon-success, ".concat(colors.G400, ")")]];
 var colorPaletteWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin: ", "px ", "px 0 ", "px;\n  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n  display: flex;\n  flex-wrap: wrap;\n"])), (0, _constants.gridSize)(), (0, _constants.gridSize)(), (0, _constants.gridSize)());
 var VK_LEFT = 37; //ArrowLeft
-
 var VK_RIGHT = 39; //ArrowRight
-
 var VK_UP = 38; //ArrowUp
-
 var VK_DOWN = 40; //ArrowDown
-
 var VK_TAB = 9;
-
 var _default = function _default(_ref) {
   var _ref$cols = _ref.cols,
-      cols = _ref$cols === void 0 ? 7 : _ref$cols,
-      onClick = _ref.onClick,
-      selectedColor = _ref.selectedColor,
-      className = _ref.className,
-      onHover = _ref.onHover;
+    cols = _ref$cols === void 0 ? 7 : _ref$cols,
+    onClick = _ref.onClick,
+    selectedColor = _ref.selectedColor,
+    className = _ref.className,
+    onHover = _ref.onHover;
   var colorRefs = (0, _react.useRef)([]);
   (0, _react.useEffect)(function () {
     colorRefs.current = colorRefs.current.slice(0, palette.length);
@@ -55,49 +37,39 @@ var _default = function _default(_ref) {
   var memoizedHandleKeyDown = (0, _react.useCallback)(function (e) {
     var colorIndex = palette.findIndex(function (_ref2) {
       var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
-          colorValue = _ref3[0];
-
+        colorValue = _ref3[0];
       return colorValue === selectedColor;
     });
     var newColorIndex = null;
-
     var nextColor = function nextColor() {
       return colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
     };
-
     var previousColor = function previousColor() {
       return colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
     };
-
     switch (e.keyCode) {
       case VK_RIGHT:
       case VK_DOWN:
         e.preventDefault();
         newColorIndex = nextColor();
         break;
-
       case VK_LEFT:
       case VK_UP:
         e.preventDefault();
         newColorIndex = previousColor();
         break;
-
       case VK_TAB:
         e.preventDefault();
-
         if (e.shiftKey) {
           newColorIndex = previousColor();
         } else {
           newColorIndex = nextColor();
         }
-
         break;
     }
-
     if (newColorIndex === null) {
       return;
     }
-
     var newColorValue = palette[newColorIndex][0];
     var newRef = colorRefs.current[newColorIndex];
     newRef === null || newRef === void 0 ? void 0 : newRef.focus();
@@ -121,11 +93,10 @@ var _default = function _default(_ref) {
       onKeyDown: memoizedHandleKeyDown
     }, palette.map(function (_ref4, i) {
       var _ref5 = (0, _slicedToArray2.default)(_ref4, 4),
-          colorValue = _ref5[0],
-          backgroundColor = _ref5[1],
-          borderColor = _ref5[2],
-          iconColor = _ref5[3];
-
+        colorValue = _ref5[0],
+        backgroundColor = _ref5[1],
+        borderColor = _ref5[2],
+        iconColor = _ref5[3];
       return (0, _react2.jsx)(_color.default, {
         key: colorValue,
         value: colorValue,
@@ -143,5 +114,4 @@ var _default = function _default(_ref) {
     }))
   );
 };
-
 exports.default = _default;

package/dist/cjs/components/internal/color.js

@@ -1,71 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../constants");
-
 var _i18n = require("../i18n");
-
 var _templateObject, _templateObject2;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var buttonStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 24px;\n  width: 24px;\n  background: ", ";\n  padding: 0;\n  border-radius: 4px;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: block;\n  box-sizing: border-box;\n  overflow: hidden;\n"])), "var(--ds-background-neutral, ".concat(_colors.N900, ")"), "var(--ds-border, ".concat(_colors.N0, ")"));
 var buttonWrapperStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid transparent;\n  margin: 0 2px;\n  font-size: 0;\n  display: flex;\n  align-items: center;\n  padding: 1px;\n  border-radius: 6px;\n  &:hover {\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border, ".concat(_colors.N50, ")"));
-
 var Color = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Color, _PureComponent);
-
   var _super = _createSuper(Color);
-
   function Color() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Color);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hoverStartTime", 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseEnter", function () {
@@ -73,13 +44,10 @@ var Color = /*#__PURE__*/function (_PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseLeave", function () {
       var onHover = _this.props.onHover;
-
       var delay = Date.now() - _this.hoverStartTime;
-
       if (delay >= _constants.ANALYTICS_HOVER_DELAY && onHover) {
         onHover(_this.props.value);
       }
-
       _this.hoverStartTime = 0;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function (e) {
@@ -87,27 +55,25 @@ var Color = /*#__PURE__*/function (_PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function (e) {
       var _this$props = _this.props,
-          onClick = _this$props.onClick,
-          value = _this$props.value;
+        onClick = _this$props.onClick,
+        value = _this$props.value;
       e.preventDefault();
       onClick(value);
     });
     return _this;
   }
-
   (0, _createClass2.default)(Color, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          tabIndex = _this$props2.tabIndex,
-          backgroundColor = _this$props2.backgroundColor,
-          isSelected = _this$props2.isSelected,
-          borderColor = _this$props2.borderColor,
-          iconColor = _this$props2.iconColor,
-          value = _this$props2.value,
-          setRef = _this$props2.setRef;
+        tabIndex = _this$props2.tabIndex,
+        backgroundColor = _this$props2.backgroundColor,
+        isSelected = _this$props2.isSelected,
+        borderColor = _this$props2.borderColor,
+        iconColor = _this$props2.iconColor,
+        value = _this$props2.value,
+        setRef = _this$props2.setRef;
       return (0, _react2.jsx)("span", {
         css: buttonWrapperStyles
       }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages["".concat(value, "Color")], function (labels) {
@@ -119,7 +85,8 @@ var Color = /*#__PURE__*/function (_PureComponent) {
           onMouseDown: _this2.onMouseDown,
           tabIndex: tabIndex,
           className: "".concat(isSelected ? 'selected' : ''),
-          title: labels[0] // button element does not support aria-selected.
+          title: labels[0]
+          // button element does not support aria-selected.
           // For button selected (to be precise pressed) or not
           //  use aria-pressed as per
           // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role#associated_aria_roles_states_and_properties
@@ -144,5 +111,4 @@ var Color = /*#__PURE__*/function (_PureComponent) {
   }]);
   return Color;
 }(_react.PureComponent);
-
 exports.default = Color;

package/dist/cjs/element.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Status", {
     return _Status.Status;
   }
 });
-
 var _Status = require("./components/Status");

package/dist/cjs/i18n/cs.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * NOTE:
  *

package/dist/cjs/i18n/da.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * NOTE:
  *

package/dist/cjs/i18n/de.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * NOTE:
  *

package/dist/cjs/i18n/en.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * NOTE:
  *

package/dist/cjs/i18n/en_GB.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * NOTE:
  *

package/dist/cjs/i18n/en_ZZ.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * NOTE:
  *

package/dist/cjs/i18n/es.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * NOTE:
  *

package/dist/cjs/i18n/et.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * NOTE:
  *