@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 +14 -0
- package/dist/components/UTAttachmentList/theme.js +5 -5
- package/dist/components/UTBadge/index.js +2 -1
- package/dist/components/UTBadge/theme.js +1 -1
- package/dist/components/UTHeader/theme.js +1 -1
- package/dist/components/UTLabel/index.js +3 -2
- package/dist/components/UTStepper/theme.js +6 -6
- package/dist/utils/componentUtils.js +3 -1
- package/package.json +1 -1
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
-
} =
|
|
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
|
|
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,
|