@widergy/energy-ui 3.37.0 → 3.37.2

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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [3.37.2](https://github.com/widergy/energy-ui/compare/v3.37.1...v3.37.2) (2024-11-01)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * [OUG-5552] palette access fixes ([#524](https://github.com/widergy/energy-ui/issues/524)) ([1bed529](https://github.com/widergy/energy-ui/commit/1bed5297f9058468cc08b2e1249c449340aa93a4))
7
+
8
+ ## [3.37.1](https://github.com/widergy/energy-ui/compare/v3.37.0...v3.37.1) (2024-11-01)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * badge bug ([#520](https://github.com/widergy/energy-ui/issues/520)) ([055e074](https://github.com/widergy/energy-ui/commit/055e074c0b2252a066d157f8dbf9997f9e679da1))
14
+
1
15
  # [3.37.0](https://github.com/widergy/energy-ui/compare/v3.36.0...v3.37.0) (2024-10-29)
2
16
 
3
17
 
@@ -12,25 +12,25 @@ const retrieveStyle = _ref => {
12
12
  return {
13
13
  container: {
14
14
  backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['03'],
15
- border: "1px dashed ".concat((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.actions.accent['04'])
15
+ border: "1px dashed ".concat(((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.actions) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.accent) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2['04']) || theme.Palette.accent['04'])
16
16
  },
17
17
  errorContainer: {
18
18
  border: "2px solid ".concat((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.error['04'])
19
19
  },
20
20
  filesIcon: {
21
- fill: (_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.actions.accent['03']
21
+ fill: ((_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 || (_theme$Palette4 = _theme$Palette4.actions) === null || _theme$Palette4 === void 0 || (_theme$Palette4 = _theme$Palette4.accent) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4['03']) || theme.Palette.accent['03']
22
22
  },
23
23
  previewContainer: {
24
24
  backgroundColor: (_theme$Palette5 = theme.Palette) === null || _theme$Palette5 === void 0 ? void 0 : _theme$Palette5.light['01']
25
25
  },
26
26
  actionAccentIcon: {
27
- fill: (_theme$Palette6 = theme.Palette) === null || _theme$Palette6 === void 0 ? void 0 : _theme$Palette6.actions.accent['04']
27
+ fill: ((_theme$Palette6 = theme.Palette) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.actions) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.accent) === null || _theme$Palette6 === void 0 ? void 0 : _theme$Palette6['04']) || theme.Palette.accent['04']
28
28
  },
29
29
  uploadIcon: {
30
- fill: (_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7.actions.accent['05']
30
+ fill: ((_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.actions) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.accent) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7['05']) || theme.Palette.accent['05']
31
31
  },
32
32
  actionNeutralIcon: {
33
- fill: (_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8.actions.neutral['05']
33
+ fill: ((_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.actions) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.neutral) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8['05']) || theme.Palette.neutral['05']
34
34
  }
35
35
  };
36
36
  };
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _propTypes = require("prop-types");
9
+ var _componentUtils = require("../../utils/componentUtils");
9
10
  var _Palette = require("../../constants/Palette");
10
11
  var _UTLabel = _interopRequireDefault(require("../UTLabel"));
11
12
  var _WithTheme = _interopRequireDefault(require("../WithTheme"));
@@ -24,7 +25,7 @@ const UTBadge = _ref => {
24
25
  const {
25
26
  Component,
26
27
  componentProps
27
- } = children === undefined || children === null ? {
28
+ } = (0, _componentUtils.childrenExists)(children) ? {
28
29
  Component: _UTLabel.default,
29
30
  componentProps: {
30
31
  colorTheme: textColorTheme,
@@ -39,7 +39,7 @@ const retrieveStyle = _ref => {
39
39
  children
40
40
  } = _ref;
41
41
  const baseTheme = baseButtonTheme();
42
- const textTheme = children ? baseTheme.text : {};
42
+ const textTheme = (0, _componentUtils.childrenExists)(children) ? baseTheme.text : {};
43
43
  const variantTheme = variantsColorTheme(theme, colorTheme);
44
44
  return {
45
45
  root: {
@@ -14,7 +14,7 @@ const retrieveStyle = _ref => {
14
14
  color: (_theme$UTWorkflowCont = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont === void 0 || (_theme$UTWorkflowCont = _theme$UTWorkflowCont.titleIcon) === null || _theme$UTWorkflowCont === void 0 ? void 0 : _theme$UTWorkflowCont.color
15
15
  },
16
16
  mainAction: {
17
- fill: (_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.accent['04']
17
+ fill: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 || (_theme$Palette$action = _theme$Palette$action.accent) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action['04']) || theme.Palette.accent['04']
18
18
  }
19
19
  };
20
20
  };
@@ -9,9 +9,10 @@ var _propTypes = require("prop-types");
9
9
  var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
10
10
  var _remarkBreaks = _interopRequireDefault(require("remark-breaks"));
11
11
  var _rehypeRaw = _interopRequireDefault(require("rehype-raw"));
12
- var _WithTheme = _interopRequireDefault(require("../WithTheme"));
12
+ var _componentUtils = require("../../utils/componentUtils");
13
13
  var _classesUtils = require("../../utils/classesUtils");
14
14
  var _UTSkeleton = _interopRequireDefault(require("../UTSkeleton"));
15
+ var _WithTheme = _interopRequireDefault(require("../WithTheme"));
15
16
  var _constants = require("./constants");
16
17
  var _theme = require("./theme");
17
18
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -30,7 +31,7 @@ const UTLabel = _ref => {
30
31
  variant,
31
32
  withMarkdown
32
33
  } = _ref;
33
- if (!children) return null;
34
+ if (!(0, _componentUtils.childrenExists)(children)) return null;
34
35
  const Component = _constants.VARIANTS[variant] || _constants.VARIANTS[_constants.DEFAULT_PROPS.variant];
35
36
  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(theme, {
36
37
  className
@@ -16,7 +16,7 @@ const retrieveStyle = _ref => {
16
16
  backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['05']
17
17
  },
18
18
  coloredProgress: {
19
- backgroundColor: "".concat((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.actions) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.accent['04'], " !important")
19
+ backgroundColor: "".concat(((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.actions) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.accent) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2['04']) || theme.Palette.accent['04'], " !important")
20
20
  },
21
21
  stepContainerS: {
22
22
  backgroundColor: (_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.light['05'],
@@ -27,14 +27,14 @@ const retrieveStyle = _ref => {
27
27
  },
28
28
  activeS: {
29
29
  backgroundColor: _colorsModule.default.white,
30
- borderColor: (_theme$Palette6 = theme.Palette) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.actions) === null || _theme$Palette6 === void 0 ? void 0 : _theme$Palette6.accent['04']
30
+ borderColor: ((_theme$Palette6 = theme.Palette) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.actions) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.accent) === null || _theme$Palette6 === void 0 ? void 0 : _theme$Palette6['04']) || theme.Palette.accent['04']
31
31
  },
32
32
  activeL: {
33
- backgroundColor: (_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.actions) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7.accent['04']
33
+ backgroundColor: ((_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.actions) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.accent) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7['04']) || theme.Palette.accent['04']
34
34
  },
35
35
  completed: {
36
- backgroundColor: (_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.actions) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8.accent['04'],
37
- borderColor: (_theme$Palette9 = theme.Palette) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.actions) === null || _theme$Palette9 === void 0 ? void 0 : _theme$Palette9.accent['04']
36
+ backgroundColor: ((_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.actions) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.accent) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8['04']) || theme.Palette.accent['04'],
37
+ borderColor: ((_theme$Palette9 = theme.Palette) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.actions) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.accent) === null || _theme$Palette9 === void 0 ? void 0 : _theme$Palette9['04']) || theme.Palette.accent['04']
38
38
  },
39
39
  activeIcon: {
40
40
  fill: _colorsModule.default.white
@@ -43,7 +43,7 @@ const retrieveStyle = _ref => {
43
43
  fill: (_theme$Palette10 = theme.Palette) === null || _theme$Palette10 === void 0 ? void 0 : _theme$Palette10.gray['04']
44
44
  },
45
45
  coloredLabel: {
46
- color: "".concat((_theme$Palette11 = theme.Palette) === null || _theme$Palette11 === void 0 || (_theme$Palette11 = _theme$Palette11.actions) === null || _theme$Palette11 === void 0 ? void 0 : _theme$Palette11.accent['04'], " !important")
46
+ color: "".concat(((_theme$Palette11 = theme.Palette) === null || _theme$Palette11 === void 0 || (_theme$Palette11 = _theme$Palette11.actions) === null || _theme$Palette11 === void 0 || (_theme$Palette11 = _theme$Palette11.accent) === null || _theme$Palette11 === void 0 ? void 0 : _theme$Palette11['04']) || theme.Palette.accent['04'], " !important")
47
47
  }
48
48
  };
49
49
  };
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.isUTIcon = exports.getDefaultColorShade = exports.default = exports.capitalize = void 0;
6
+ exports.isUTIcon = exports.getDefaultColorShade = exports.default = exports.childrenExists = exports.capitalize = void 0;
7
7
  var _Palette = require("../constants/Palette");
8
8
  const A_CHAR_CODE = 65;
9
9
  const Z_CHAR_CODE = 90;
@@ -21,6 +21,8 @@ const isUTIcon = icon => typeof icon === 'string';
21
21
  exports.isUTIcon = isUTIcon;
22
22
  const getDefaultColorShade = colorTheme => colorTheme === _Palette.COLOR_THEMES.gray ? _Palette.COLOR_SHADES.shade04 : colorTheme === _Palette.COLOR_THEMES.light ? _Palette.COLOR_SHADES.shade01 : _Palette.COLOR_SHADES.shade05;
23
23
  exports.getDefaultColorShade = getDefaultColorShade;
24
+ const childrenExists = children => children !== undefined && children !== null;
25
+ exports.childrenExists = childrenExists;
24
26
  var _default = exports.default = {
25
27
  capitalize,
26
28
  getAvatarColors,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.37.0",
3
+ "version": "3.37.2",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",