@widergy/energy-ui 2.3.2 → 2.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/components/UTAvatar/index.js +2 -2
  3. package/dist/components/UTSidebar/components/LogosContainer/index.js +2 -2
  4. package/dist/components/UTSidebar/components/Option/index.js +4 -3
  5. package/dist/components/UTSidebar/components/Toggler/index.js +6 -5
  6. package/dist/components/UTStatus/assets/errorIcon.svg +3 -0
  7. package/dist/components/UTStatus/assets/infoIcon.svg +3 -0
  8. package/dist/components/UTStatus/assets/successIcon.svg +3 -0
  9. package/dist/components/UTStatus/assets/unassignedIcon.svg +3 -0
  10. package/dist/components/UTStatus/assets/warningIcon.svg +3 -0
  11. package/dist/components/UTStatus/constants.js +7 -7
  12. package/dist/components/UTStatus/index.js +11 -8
  13. package/dist/components/UTStatus/theme.js +109 -25
  14. package/dist/components/UTWorkflowContainer/theme.js +3 -1
  15. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,18 @@
1
+ ## [2.3.4](https://github.com/widergy/energy-ui/compare/v2.3.3...v2.3.4) (2023-05-08)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * reverts style change ([371ad60](https://github.com/widergy/energy-ui/commit/371ad609f35ef2482437a7d811ac06273fe8787e))
7
+ * updates to status component ([178161e](https://github.com/widergy/energy-ui/commit/178161e9567aa4dc326a5f9f0f96a188d27d0dcb))
8
+
9
+ ## [2.3.3](https://github.com/widergy/energy-ui/compare/v2.3.2...v2.3.3) (2023-05-02)
10
+
11
+
12
+ ### Bug Fixes
13
+
14
+ * fixes mobile theme ([3393de2](https://github.com/widergy/energy-ui/commit/3393de23e01c3913e5f3e41bb2e28d381cc6e808))
15
+
1
16
  ## [2.3.2](https://github.com/widergy/energy-ui/compare/v2.3.1...v2.3.2) (2023-04-28)
2
17
 
3
18
 
package/dist/components/UTAvatar/index.js CHANGED
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
9
9
  var _propTypes = require("prop-types");
10
- var _energyUi = require("@widergy/energy-ui");
10
+ var _UTLabel = _interopRequireDefault(require("../UTLabel"));
11
11
  var _componentUtils = _interopRequireDefault(require("../../utils/componentUtils"));
12
12
  var _constants = require("./constants");
13
13
  var _excluded = ["colorTheme"];
@@ -30,7 +30,7 @@ var UTAvatar = function UTAvatar(_ref) {
30
30
  return /*#__PURE__*/_react.default.createElement(_Avatar.default, {
31
31
  className: className,
32
32
  style: manualColors ? {} : styles
33
- }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, _extends({
33
+ }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
34
34
  colorTheme: colorTheme,
35
35
  variant: "title2",
36
36
  weight: "semibold"
package/dist/components/UTSidebar/components/LogosContainer/index.js CHANGED
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _propTypes = require("prop-types");
10
- var _energyUi = require("@widergy/energy-ui");
10
+ var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
11
11
  var _DynamicIcon = _interopRequireDefault(require("./components/DynamicIcon"));
12
12
  var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -30,7 +30,7 @@ var LogosContainer = function LogosContainer(_ref) {
30
30
  }), /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, {
31
31
  Icon: SmallLogo,
32
32
  className: "".concat(smallLogoClassName, " ").concat(_stylesModule.default.logo, " ").concat(!showBigLogo && _stylesModule.default.visibleIcon)
33
- }), badgeContent && /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
33
+ }), badgeContent && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
34
34
  className: badgeClassName
35
35
  }, badgeContent));
36
36
  };
package/dist/components/UTSidebar/components/Option/index.js CHANGED
@@ -10,7 +10,8 @@ var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
10
10
  var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
11
11
  var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
12
12
  var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
13
- var _energyUi = require("@widergy/energy-ui");
13
+ var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
14
+ var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
14
15
  var _types = require("../../types");
15
16
  var _constants = require("./constants");
16
17
  var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
@@ -45,9 +46,9 @@ var Option = function Option(_ref) {
45
46
  handleRedirect(link);
46
47
  if (handleClose) handleClose();
47
48
  };
48
- var Container = withTooltip ? _energyUi.UTTooltip : _react.Fragment;
49
+ var Container = withTooltip ? _UTTooltip.default : _react.Fragment;
49
50
  var containerProps = withTooltip && _objectSpread(_objectSpread({}, _constants.TOOLTIP_CONFIG), {}, {
50
- content: /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
51
+ content: /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
51
52
  className: classes.tooltipLabel
52
53
  }, label),
53
54
  className: classes.tooltip
package/dist/components/UTSidebar/components/Toggler/index.js CHANGED
@@ -7,9 +7,10 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _propTypes = require("prop-types");
10
- var _energyUi = require("@widergy/energy-ui");
11
10
  var _Menu = _interopRequireDefault(require("@material-ui/icons/Menu"));
12
11
  var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
12
+ var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
13
+ var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
13
14
  var _types = require("../../types");
14
15
  var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
15
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -25,15 +26,15 @@ var Toggler = function Toggler(_ref) {
25
26
  className: "".concat(classes.togglerContainer, " ").concat(_stylesModule.default.togglerContainer)
26
27
  }, open ? /*#__PURE__*/_react.default.createElement("div", {
27
28
  className: "".concat(classes.closeDrawerContainer, " ").concat(_stylesModule.default.closeDrawerContainer)
28
- }, /*#__PURE__*/_react.default.createElement(_energyUi.UTTouchableWithoutFeedback, {
29
+ }, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
29
30
  onClick: toggleDrawer
30
31
  }, /*#__PURE__*/_react.default.createElement(_Close.default, {
31
32
  className: classes.closeIcon
32
- })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
33
+ })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
33
34
  className: classes.drawerTitle
34
- }, title), /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
35
+ }, title), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
35
36
  className: classes.drawerSubtitle
36
- }, subtitle))) : /*#__PURE__*/_react.default.createElement(_energyUi.UTTouchableWithoutFeedback, {
37
+ }, subtitle))) : /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
37
38
  onClick: toggleDrawer
38
39
  }, /*#__PURE__*/_react.default.createElement(_Menu.default, {
39
40
  className: classes.menuIcon
package/dist/components/UTStatus/assets/errorIcon.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4.41076 4.41083C4.7362 4.08539 5.26384 4.08539 5.58928 4.41083L10 8.82157L14.4108 4.41083C14.7362 4.08539 15.2638 4.08539 15.5893 4.41083C15.9147 4.73626 15.9147 5.2639 15.5893 5.58934L11.1785 10.0001L15.5893 14.4108C15.9147 14.7363 15.9147 15.2639 15.5893 15.5893C15.2638 15.9148 14.7362 15.9148 14.4108 15.5893L10 11.1786L5.58928 15.5893C5.26384 15.9148 4.7362 15.9148 4.41076 15.5893C4.08533 15.2639 4.08533 14.7363 4.41076 14.4108L8.82151 10.0001L4.41076 5.58934C4.08533 5.2639 4.08533 4.73626 4.41076 4.41083Z" fill="#091E42"/>
3
+ </svg>
package/dist/components/UTStatus/assets/infoIcon.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10 3.33341C6.31812 3.33341 3.33335 6.31818 3.33335 10.0001C3.33335 13.682 6.31812 16.6667 10 16.6667C13.6819 16.6667 16.6667 13.682 16.6667 10.0001C16.6667 6.31818 13.6819 3.33341 10 3.33341ZM1.66669 10.0001C1.66669 5.39771 5.39765 1.66675 10 1.66675C14.6024 1.66675 18.3334 5.39771 18.3334 10.0001C18.3334 14.6025 14.6024 18.3334 10 18.3334C5.39765 18.3334 1.66669 14.6025 1.66669 10.0001ZM9.16669 6.66675C9.16669 6.20651 9.53978 5.83342 10 5.83342H10.0084C10.4686 5.83342 10.8417 6.20651 10.8417 6.66675C10.8417 7.12699 10.4686 7.50008 10.0084 7.50008H10C9.53978 7.50008 9.16669 7.12699 9.16669 6.66675ZM8.33335 10.0001C8.33335 9.53984 8.70645 9.16675 9.16669 9.16675H10C10.4603 9.16675 10.8334 9.53984 10.8334 10.0001V12.5001C11.2936 12.5001 11.6667 12.8732 11.6667 13.3334C11.6667 13.7937 11.2936 14.1667 10.8334 14.1667H10C9.53978 14.1667 9.16669 13.7937 9.16669 13.3334V10.8334C8.70645 10.8334 8.33335 10.4603 8.33335 10.0001Z" fill="#091E42"/>
3
+ </svg>
package/dist/components/UTStatus/assets/successIcon.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M17.2559 5.24408C17.5813 5.56951 17.5813 6.09715 17.2559 6.42259L8.92257 14.7559C8.59713 15.0814 8.06949 15.0814 7.74406 14.7559L3.57739 10.5893C3.25195 10.2638 3.25195 9.73618 3.57739 9.41074C3.90283 9.08531 4.43047 9.08531 4.7559 9.41074L8.33331 12.9882L16.0774 5.24408C16.4028 4.91864 16.9305 4.91864 17.2559 5.24408Z" fill="#091E42"/>
3
+ </svg>
package/dist/components/UTStatus/assets/unassignedIcon.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4.16669 4.16667C3.70645 4.16667 3.33335 4.53976 3.33335 5C3.33335 5.46024 3.70645 5.83333 4.16669 5.83333H15.8334C16.2936 5.83333 16.6667 5.46024 16.6667 5C16.6667 4.53976 16.2936 4.16667 15.8334 4.16667H4.16669ZM1.66669 5C1.66669 3.61929 2.78598 2.5 4.16669 2.5H15.8334C17.2141 2.5 18.3334 3.61929 18.3334 5C18.3334 6.08852 17.6377 7.01455 16.6667 7.35775V15C16.6667 15.663 16.4033 16.2989 15.9345 16.7678C15.4656 17.2366 14.8297 17.5 14.1667 17.5H5.83335C5.17031 17.5 4.53443 17.2366 4.06559 16.7678C3.59675 16.2989 3.33335 15.663 3.33335 15V7.35775C2.36236 7.01455 1.66669 6.08852 1.66669 5ZM5.00002 7.5V15C5.00002 15.221 5.08782 15.433 5.2441 15.5893C5.40038 15.7455 5.61234 15.8333 5.83335 15.8333H14.1667C14.3877 15.8333 14.5997 15.7455 14.7559 15.5893C14.9122 15.433 15 15.221 15 15V7.5H5.00002ZM7.50002 10C7.50002 9.53976 7.87312 9.16667 8.33335 9.16667H11.6667C12.1269 9.16667 12.5 9.53976 12.5 10C12.5 10.4602 12.1269 10.8333 11.6667 10.8333H8.33335C7.87312 10.8333 7.50002 10.4602 7.50002 10Z" fill="#091E42"/>
3
+ </svg>
package/dist/components/UTStatus/assets/warningIcon.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8.72199 1.98656C9.10668 1.75976 9.54511 1.64014 9.99168 1.64014C10.4383 1.64014 10.8767 1.75976 11.2614 1.98656C11.6434 2.21182 11.9587 2.53463 12.1747 2.92183L18.0877 13.1237C18.1073 13.1576 18.1245 13.1928 18.1392 13.2291C18.2922 13.6072 18.3503 14.017 18.3085 14.4228C18.2667 14.8285 18.1263 15.2179 17.8995 15.5569C17.6726 15.8959 17.3663 16.1742 17.0072 16.3677C16.6481 16.5611 16.2471 16.6637 15.8392 16.6666L15.8333 16.6666H4.16668C4.15145 16.6666 4.13631 16.6662 4.12128 16.6654C4.0919 16.667 4.06215 16.667 4.03211 16.6655C3.63386 16.645 3.24629 16.5295 2.90177 16.3286C2.55725 16.1278 2.26577 15.8474 2.05167 15.511C1.83758 15.1746 1.70707 14.7918 1.67105 14.3946C1.63503 13.9975 1.69454 13.5975 1.84461 13.228C1.85919 13.1921 1.87626 13.1572 1.8957 13.1237L7.80862 2.92185C8.0247 2.53464 8.33992 2.21182 8.72199 1.98656ZM4.12064 15.0012C4.13589 15.0004 4.15123 14.9999 4.16668 14.9999H15.8299C15.9651 14.9986 16.0978 14.9644 16.2168 14.9003C16.3365 14.8358 16.4386 14.7431 16.5143 14.6301C16.5899 14.517 16.6367 14.3873 16.6506 14.252C16.6629 14.133 16.6493 14.0129 16.6111 13.8998L10.729 3.75114L10.7208 3.7367C10.6488 3.60645 10.5431 3.49788 10.4149 3.42228C10.2867 3.34668 10.1405 3.3068 9.99168 3.3068C9.84282 3.3068 9.69668 3.34668 9.56845 3.42228C9.44022 3.49788 9.33458 3.60645 9.26252 3.7367L9.25434 3.75114L3.3719 13.9004C3.33439 14.0107 3.32035 14.1277 3.3309 14.2441C3.34291 14.3765 3.38641 14.5041 3.45778 14.6162C3.52914 14.7284 3.6263 14.8218 3.74114 14.8887C3.85598 14.9557 3.98517 14.9942 4.11792 15.001C4.11883 15.0011 4.11974 15.0011 4.12064 15.0012ZM10 6.66659C10.4602 6.66659 10.8333 7.03968 10.8333 7.49992V9.16659C10.8333 9.62682 10.4602 9.99992 10 9.99992C9.53977 9.99992 9.16668 9.62682 9.16668 9.16659V7.49992C9.16668 7.03968 9.53977 6.66659 10 6.66659ZM10 11.6666C10.4602 11.6666 10.8333 12.0397 10.8333 12.4999V12.5083C10.8333 12.9685 10.4602 13.3416 10 13.3416C9.53977 13.3416 9.16668 12.9685 9.16668 12.5083V12.4999C9.16668 12.0397 9.53977 11.6666 10 11.6666Z" fill="#091E42"/>
3
+ </svg>
package/dist/components/UTStatus/constants.js CHANGED
@@ -3,20 +3,20 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.TYPES = exports.SIZES = exports.DEFAULT_PROPS = exports.COLOR_THEMES = void 0;
6
+ exports.VARIANTS = exports.TYPES = exports.SIZES = exports.DEFAULT_PROPS = void 0;
7
7
  var SIZES = {
8
- medium: 'small',
9
- large: 'body'
8
+ large: 'body',
9
+ medium: 'small'
10
10
  };
11
11
  exports.SIZES = SIZES;
12
- var COLOR_THEMES = {
12
+ var VARIANTS = {
13
13
  error: 'error',
14
14
  information: 'information',
15
15
  success: 'success',
16
16
  unassigned: 'unassigned',
17
17
  warning: 'warning'
18
18
  };
19
- exports.COLOR_THEMES = COLOR_THEMES;
19
+ exports.VARIANTS = VARIANTS;
20
20
  var TYPES = {
21
21
  default: 'default',
22
22
  light: 'light',
@@ -24,8 +24,8 @@ var TYPES = {
24
24
  };
25
25
  exports.TYPES = TYPES;
26
26
  var DEFAULT_PROPS = {
27
- colorTheme: 'success',
28
27
  size: 'medium',
29
- type: 'default'
28
+ type: 'default',
29
+ variant: 'success'
30
30
  };
31
31
  exports.DEFAULT_PROPS = DEFAULT_PROPS;
package/dist/components/UTStatus/index.js CHANGED
@@ -18,22 +18,24 @@ var UTStatus = function UTStatus(_ref) {
18
18
  var children = _ref.children,
19
19
  classes = _ref.classes,
20
20
  className = _ref.className,
21
- colorTheme = _ref.colorTheme,
22
21
  Icon = _ref.Icon,
23
22
  size = _ref.size,
24
23
  title = _ref.title,
25
- type = _ref.type;
26
- return children == null && !Icon ? null : /*#__PURE__*/_react.default.createElement(_UTSkeleton.default, null, /*#__PURE__*/_react.default.createElement("div", {
24
+ type = _ref.type,
25
+ variant = _ref.variant,
26
+ withoutIcon = _ref.withoutIcon;
27
+ var StatusIcon = Icon !== null && Icon !== void 0 ? Icon : (0, _theme.defaultIconMapper)(variant);
28
+ return /*#__PURE__*/_react.default.createElement(_UTSkeleton.default, null, /*#__PURE__*/_react.default.createElement("div", {
27
29
  className: "".concat(classes.root, " ").concat(className),
28
30
  title: title
29
- }, Icon && /*#__PURE__*/_react.default.createElement(Icon, {
31
+ }, withoutIcon ? null : /*#__PURE__*/_react.default.createElement(StatusIcon, {
30
32
  className: classes.icon
31
33
  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
32
34
  className: classes.label,
33
35
  variant: _constants.SIZES[size] || _constants.SIZES[_constants.DEFAULT_PROPS.size],
34
36
  colorTheme: (0, _theme.getLabelTheme)((0, _theme.validateProps)({
35
- colorTheme: colorTheme,
36
- type: type
37
+ type: type,
38
+ variant: variant
37
39
  })),
38
40
  weight: "medium"
39
41
  }, children)));
@@ -42,11 +44,12 @@ UTStatus.defaultProps = _constants.DEFAULT_PROPS;
42
44
  UTStatus.propTypes = {
43
45
  classes: (0, _propTypes.objectOf)(_propTypes.string),
44
46
  className: _propTypes.string,
45
- colorTheme: _propTypes.string,
46
47
  Icon: _propTypes.elementType,
47
48
  size: _propTypes.string,
48
49
  title: _propTypes.string,
49
- type: _propTypes.string
50
+ type: _propTypes.string,
51
+ variant: _propTypes.string,
52
+ withoutIcon: _propTypes.bool
50
53
  };
51
54
  var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTStatus);
52
55
  exports.default = _default;
package/dist/components/UTStatus/theme.js CHANGED
@@ -1,73 +1,157 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
- exports.validateProps = exports.retrieveStyle = exports.getLabelTheme = void 0;
7
+ exports.validateProps = exports.retrieveStyle = exports.getLabelTheme = exports.defaultIconMapper = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
7
9
  var _constants = require("./constants");
8
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
11
  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; }
10
12
  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; }
11
13
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12
14
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
13
15
  function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
16
+ var ErrorIcon = function ErrorIcon(props) {
17
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
18
+ fillRule: "evenodd",
19
+ clipRule: "evenodd",
20
+ d: "M4.41 4.41a.833.833 0 0 1 1.18 0L10 8.823l4.41-4.411a.833.833 0 1 1 1.18 1.178L11.177 10l4.411 4.41a.833.833 0 0 1-1.178 1.18L10 11.178l-4.41 4.41a.833.833 0 1 1-1.18-1.178L8.823 10 4.41 5.588a.833.833 0 0 1 0-1.178z",
21
+ fill: "#091E42"
22
+ }));
23
+ };
24
+ ErrorIcon.defaultProps = {
25
+ width: "20",
26
+ height: "20",
27
+ viewBox: "0 0 20 20",
28
+ fill: "none",
29
+ xmlns: "http://www.w3.org/2000/svg"
30
+ };
31
+ var InfoIcon = function InfoIcon(props) {
32
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
33
+ fillRule: "evenodd",
34
+ clipRule: "evenodd",
35
+ d: "M10 3.333a6.667 6.667 0 1 0 0 13.334 6.667 6.667 0 0 0 0-13.334zM1.667 10a8.333 8.333 0 1 1 16.666 0 8.333 8.333 0 0 1-16.666 0zm7.5-3.333c0-.46.373-.834.833-.834h.008a.833.833 0 0 1 0 1.667H10a.833.833 0 0 1-.833-.833zM8.333 10c0-.46.373-.833.834-.833H10c.46 0 .833.373.833.833v2.5a.833.833 0 0 1 0 1.667H10a.833.833 0 0 1-.833-.834v-2.5A.833.833 0 0 1 8.333 10z",
36
+ fill: "#091E42"
37
+ }));
38
+ };
39
+ InfoIcon.defaultProps = {
40
+ width: "20",
41
+ height: "20",
42
+ viewBox: "0 0 20 20",
43
+ fill: "none",
44
+ xmlns: "http://www.w3.org/2000/svg"
45
+ };
46
+ var SuccessIcon = function SuccessIcon(props) {
47
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
48
+ fillRule: "evenodd",
49
+ clipRule: "evenodd",
50
+ d: "M17.256 5.244a.833.833 0 0 1 0 1.179l-8.333 8.333a.833.833 0 0 1-1.179 0l-4.167-4.167a.833.833 0 0 1 1.179-1.178l3.577 3.577 7.744-7.744a.833.833 0 0 1 1.179 0z",
51
+ fill: "#091E42"
52
+ }));
53
+ };
54
+ SuccessIcon.defaultProps = {
55
+ width: "20",
56
+ height: "20",
57
+ viewBox: "0 0 20 20",
58
+ fill: "none",
59
+ xmlns: "http://www.w3.org/2000/svg"
60
+ };
61
+ var UnassignedIcon = function UnassignedIcon(props) {
62
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
63
+ fillRule: "evenodd",
64
+ clipRule: "evenodd",
65
+ d: "M4.167 4.167a.833.833 0 1 0 0 1.666h11.666a.833.833 0 0 0 0-1.666H4.167zM1.667 5a2.5 2.5 0 0 1 2.5-2.5h11.666a2.5 2.5 0 0 1 .834 4.858V15a2.5 2.5 0 0 1-2.5 2.5H5.833a2.5 2.5 0 0 1-2.5-2.5V7.358A2.501 2.501 0 0 1 1.667 5zM5 7.5V15a.833.833 0 0 0 .833.833h8.334A.833.833 0 0 0 15 15V7.5H5zM7.5 10c0-.46.373-.833.833-.833h3.334a.833.833 0 0 1 0 1.666H8.333A.833.833 0 0 1 7.5 10z",
66
+ fill: "#091E42"
67
+ }));
68
+ };
69
+ UnassignedIcon.defaultProps = {
70
+ width: "20",
71
+ height: "20",
72
+ viewBox: "0 0 20 20",
73
+ fill: "none",
74
+ xmlns: "http://www.w3.org/2000/svg"
75
+ };
76
+ var WarningIcon = function WarningIcon(props) {
77
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
78
+ fillRule: "evenodd",
79
+ clipRule: "evenodd",
80
+ d: "M8.722 1.987a2.5 2.5 0 0 1 3.453.935l5.913 10.202c.02.034.037.069.051.105a2.5 2.5 0 0 1-2.3 3.438H4.167c-.016 0-.03 0-.046-.002a.855.855 0 0 1-.089 0 2.499 2.499 0 0 1-2.187-3.437.83.83 0 0 1 .05-.104L7.81 2.922a2.5 2.5 0 0 1 .913-.935zM4.121 15L4.167 15H15.83a.833.833 0 0 0 .781-1.1L10.73 3.75l-.008-.014a.833.833 0 0 0-1.458 0l-.009.014-5.882 10.15a.833.833 0 0 0 .746 1.1h.003zM10 6.667c.46 0 .833.373.833.833v1.667a.833.833 0 0 1-1.666 0V7.5c0-.46.373-.833.833-.833zm0 5c.46 0 .833.373.833.833v.008a.833.833 0 0 1-1.666 0V12.5c0-.46.373-.833.833-.833z",
81
+ fill: "#091E42"
82
+ }));
83
+ };
84
+ WarningIcon.defaultProps = {
85
+ width: "20",
86
+ height: "20",
87
+ viewBox: "0 0 20 20",
88
+ fill: "none",
89
+ xmlns: "http://www.w3.org/2000/svg"
90
+ };
14
91
  var getBackgroundColor = function getBackgroundColor(_ref) {
15
92
  var theme = _ref.theme,
16
93
  type = _ref.type,
17
- colorTheme = _ref.colorTheme;
18
- return colorTheme !== _constants.COLOR_THEMES.unassigned ? theme.Palette[colorTheme][type === _constants.TYPES.negative ? '04' : '01'] : type === _constants.TYPES.negative ? theme.Palette.gray['04'] : theme.Palette.light['04'];
94
+ variant = _ref.variant;
95
+ return variant !== _constants.VARIANTS.unassigned ? theme.Palette[variant][type === _constants.TYPES.negative ? '04' : '01'] : type === _constants.TYPES.negative ? theme.Palette.gray['04'] : theme.Palette.light['04'];
19
96
  };
20
97
  var getIconFill = function getIconFill(_ref2) {
21
98
  var _TYPES$default$TYPES$;
22
99
  var theme = _ref2.theme,
23
100
  type = _ref2.type,
24
- colorTheme = _ref2.colorTheme;
25
- return (_TYPES$default$TYPES$ = {}, _defineProperty(_TYPES$default$TYPES$, _constants.TYPES.default, theme.Palette.dark['05']), _defineProperty(_TYPES$default$TYPES$, _constants.TYPES.light, theme.Palette[colorTheme !== _constants.COLOR_THEMES.unassigned ? colorTheme : 'gray']['05']), _defineProperty(_TYPES$default$TYPES$, _constants.TYPES.negative, theme.Palette.light['01']), _TYPES$default$TYPES$)[type];
101
+ variant = _ref2.variant;
102
+ return (_TYPES$default$TYPES$ = {}, _defineProperty(_TYPES$default$TYPES$, _constants.TYPES.default, theme.Palette.dark['05']), _defineProperty(_TYPES$default$TYPES$, _constants.TYPES.light, theme.Palette[variant !== _constants.VARIANTS.unassigned ? variant : 'gray']['05']), _defineProperty(_TYPES$default$TYPES$, _constants.TYPES.negative, theme.Palette.light['01']), _TYPES$default$TYPES$)[type];
103
+ };
104
+ var defaultIconMapper = function defaultIconMapper(variant) {
105
+ var _VARIANTS$error$VARIA;
106
+ return (_VARIANTS$error$VARIA = {}, _defineProperty(_VARIANTS$error$VARIA, _constants.VARIANTS.error, ErrorIcon), _defineProperty(_VARIANTS$error$VARIA, _constants.VARIANTS.information, InfoIcon), _defineProperty(_VARIANTS$error$VARIA, _constants.VARIANTS.success, SuccessIcon), _defineProperty(_VARIANTS$error$VARIA, _constants.VARIANTS.unassigned, UnassignedIcon), _defineProperty(_VARIANTS$error$VARIA, _constants.VARIANTS.warning, WarningIcon), _VARIANTS$error$VARIA)[variant];
26
107
  };
108
+ exports.defaultIconMapper = defaultIconMapper;
27
109
  var validateProps = function validateProps(_ref3) {
28
- var colorTheme = _ref3.colorTheme,
29
- type = _ref3.type;
110
+ var type = _ref3.type,
111
+ variant = _ref3.variant;
30
112
  return {
31
113
  type: _constants.TYPES[type] || _constants.TYPES[_constants.DEFAULT_PROPS.type],
32
- colorTheme: _constants.COLOR_THEMES[colorTheme] || _constants.COLOR_THEMES[_constants.DEFAULT_PROPS.colorTheme]
114
+ variant: _constants.VARIANTS[variant] || _constants.VARIANTS[_constants.DEFAULT_PROPS.variant]
33
115
  };
34
116
  };
35
117
  exports.validateProps = validateProps;
36
118
  var retrieveStyle = function retrieveStyle(_ref4) {
37
- var colorTheme = _ref4.colorTheme,
38
- theme = _ref4.theme,
39
- Icon = _ref4.Icon,
119
+ var theme = _ref4.theme,
40
120
  type = _ref4.type,
41
- uppercase = _ref4.uppercase;
121
+ uppercase = _ref4.uppercase,
122
+ variant = _ref4.variant;
42
123
  return {
43
124
  root: {
44
125
  alignItems: 'center',
45
126
  backgroundColor: getBackgroundColor(_objectSpread({
46
127
  theme: theme
47
128
  }, validateProps({
48
- colorTheme: colorTheme,
49
- type: type
129
+ type: type,
130
+ variant: variant
50
131
  }))),
51
132
  borderRadius: '4px',
52
133
  display: 'flex',
134
+ gridGap: '8px',
53
135
  height: 'fit-content',
54
136
  padding: '4px 8px',
55
- width: 'fit-content'
137
+ width: 'fit-content',
138
+ '&:empty': {
139
+ display: 'none'
140
+ }
56
141
  },
57
- label: _objectSpread(_objectSpread({}, uppercase ? {
142
+ label: _objectSpread({}, uppercase ? {
58
143
  textTransform: 'uppercase'
59
- } : {}), Icon ? {
60
- marginLeft: '8px !important'
61
144
  } : {}),
62
145
  icon: {
63
- height: '1.25rem',
64
- width: '1.25rem',
146
+ flexShrink: '0',
147
+ height: '20px',
148
+ width: '20px',
65
149
  '& path': {
66
150
  fill: getIconFill(_objectSpread({
67
151
  theme: theme
68
152
  }, validateProps({
69
- colorTheme: colorTheme,
70
- type: type
153
+ type: type,
154
+ variant: variant
71
155
  })))
72
156
  }
73
157
  }
@@ -77,7 +161,7 @@ exports.retrieveStyle = retrieveStyle;
77
161
  var getLabelTheme = function getLabelTheme(_ref5) {
78
162
  var _TYPES$default$TYPES$2;
79
163
  var type = _ref5.type,
80
- colorTheme = _ref5.colorTheme;
81
- return (_TYPES$default$TYPES$2 = {}, _defineProperty(_TYPES$default$TYPES$2, _constants.TYPES.default, 'dark'), _defineProperty(_TYPES$default$TYPES$2, _constants.TYPES.light, colorTheme !== _constants.COLOR_THEMES.unassigned ? colorTheme : 'gray'), _defineProperty(_TYPES$default$TYPES$2, _constants.TYPES.negative, 'light'), _TYPES$default$TYPES$2)[type];
164
+ variant = _ref5.variant;
165
+ return (_TYPES$default$TYPES$2 = {}, _defineProperty(_TYPES$default$TYPES$2, _constants.TYPES.default, 'dark'), _defineProperty(_TYPES$default$TYPES$2, _constants.TYPES.light, variant !== _constants.VARIANTS.unassigned ? variant : 'gray'), _defineProperty(_TYPES$default$TYPES$2, _constants.TYPES.negative, 'light'), _TYPES$default$TYPES$2)[type];
82
166
  };
83
167
  exports.getLabelTheme = getLabelTheme;
package/dist/components/UTWorkflowContainer/theme.js CHANGED
@@ -108,7 +108,9 @@ var retrieveStyle = function retrieveStyle(_ref) {
108
108
  },
109
109
  workflowContainer: _defineProperty({
110
110
  padding: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'workflowContainer', 'padding'])
111
- }, mobile, (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'workflowContainer', 'mobile', 'padding']))
111
+ }, mobile, {
112
+ padding: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'workflowContainer', 'mobile', 'padding'])
113
+ })
112
114
  };
113
115
  };
114
116
  exports.retrieveStyle = retrieveStyle;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "2.3.2",
3
+ "version": "2.3.4",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",