@widergy/energy-ui 3.172.1 → 3.172.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/UTStatusMessage/index.js +3 -1
  3. package/dist/components/UTStatusMessage/styles.module.scss +1 -1
  4. package/dist/components/UTStatusMessage/theme.js +10 -6
  5. package/dist/esm/components/UTStatusMessage/index.js +3 -1
  6. package/dist/esm/components/UTStatusMessage/styles.module.scss +1 -1
  7. package/dist/esm/components/UTStatusMessage/theme.js +10 -6
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [3.172.2](https://github.com/widergy/energy-ui/compare/v3.172.1...v3.172.2) (2026-07-03)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * [PQRR-146] UTStatusMessage icon size and color adjustments ([#833](https://github.com/widergy/energy-ui/issues/833)) ([9ecabd1](https://github.com/widergy/energy-ui/commit/9ecabd142a86540f35a10f1fdc1435b27bcc5e13))
7
+
1
8
  ## [3.172.1](https://github.com/widergy/energy-ui/compare/v3.172.0...v3.172.1) (2026-07-03)
2
9
 
3
10
 
package/dist/components/UTStatusMessage/index.js CHANGED
@@ -31,7 +31,9 @@ const UTStatusMessage = _ref => {
31
31
  helpText,
32
32
  helpTextProps,
33
33
  icon = 'IconInfoCircle',
34
- iconProps = {},
34
+ iconProps = {
35
+ size: 40
36
+ },
35
37
  loading,
36
38
  primaryAction,
37
39
  primaryActionProps,
package/dist/components/UTStatusMessage/styles.module.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  flex-grow: 1;
6
- grid-gap: 24px;
6
+ grid-gap: 12px;
7
7
  justify-content: center;
8
8
  width: 100%;
9
9
  }
package/dist/components/UTStatusMessage/theme.js CHANGED
@@ -17,10 +17,10 @@ const getIconBackgroundColor = (colorTheme, theme) => {
17
17
  [_constants.COLOR_THEMES.IDENTITY_2]: (_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.identitySolid) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7['02'],
18
18
  [_constants.COLOR_THEMES.IDENTITY_3]: (_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.identitySolid) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8['03'],
19
19
  [_constants.COLOR_THEMES.IDENTITY_4]: (_theme$Palette9 = theme.Palette) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.identitySolid) === null || _theme$Palette9 === void 0 ? void 0 : _theme$Palette9['04'],
20
- [_constants.COLOR_THEMES.INFO]: (_theme$Palette0 = theme.Palette) === null || _theme$Palette0 === void 0 ? void 0 : _theme$Palette0.information['01'],
20
+ [_constants.COLOR_THEMES.INFO]: (_theme$Palette0 = theme.Palette) === null || _theme$Palette0 === void 0 ? void 0 : _theme$Palette0.information['02'],
21
21
  [_constants.COLOR_THEMES.NEGATIVE]: (_theme$Palette1 = theme.Palette) === null || _theme$Palette1 === void 0 ? void 0 : _theme$Palette1.light['01'],
22
- [_constants.COLOR_THEMES.SUCCESS]: (_theme$Palette10 = theme.Palette) === null || _theme$Palette10 === void 0 ? void 0 : _theme$Palette10.success['01'],
23
- [_constants.COLOR_THEMES.WARNING]: (_theme$Palette11 = theme.Palette) === null || _theme$Palette11 === void 0 ? void 0 : _theme$Palette11.warning['01']
22
+ [_constants.COLOR_THEMES.SUCCESS]: (_theme$Palette10 = theme.Palette) === null || _theme$Palette10 === void 0 ? void 0 : _theme$Palette10.success['02'],
23
+ [_constants.COLOR_THEMES.WARNING]: (_theme$Palette11 = theme.Palette) === null || _theme$Palette11 === void 0 ? void 0 : _theme$Palette11.warning['02']
24
24
  }[colorTheme];
25
25
  };
26
26
  const getBannerBackgroundColor = (colorTheme, theme) => {
@@ -46,9 +46,13 @@ const retrieveStyle = _ref => {
46
46
  let {
47
47
  showBanner = true,
48
48
  theme,
49
- colorTheme = _constants.COLOR_THEMES.DEFAULT
49
+ colorTheme = _constants.COLOR_THEMES.DEFAULT,
50
+ iconProps = {}
50
51
  } = _ref;
51
52
  const gradient = "linear-gradient(45deg, ".concat((_theme$Palette25 = theme.Palette) === null || _theme$Palette25 === void 0 || (_theme$Palette25 = _theme$Palette25.identityGradient) === null || _theme$Palette25 === void 0 ? void 0 : _theme$Palette25['01'], " 0%, ").concat((_theme$Palette26 = theme.Palette) === null || _theme$Palette26 === void 0 || (_theme$Palette26 = _theme$Palette26.identityGradient) === null || _theme$Palette26 === void 0 ? void 0 : _theme$Palette26['02'], " 100%);");
53
+ const {
54
+ size = 40
55
+ } = iconProps;
52
56
  return {
53
57
  iconContainer: {
54
58
  alignItems: 'center',
@@ -56,9 +60,9 @@ const retrieveStyle = _ref => {
56
60
  backgroundColor: getIconBackgroundColor(colorTheme, theme),
57
61
  borderRadius: 100,
58
62
  display: 'flex',
59
- height: 56,
63
+ height: size * 1.85,
60
64
  justifyContent: 'center',
61
- width: 56
65
+ width: size * 1.85
62
66
  },
63
67
  banner: {
64
68
  alignItems: 'center',
package/dist/esm/components/UTStatusMessage/index.js CHANGED
@@ -24,7 +24,9 @@ const UTStatusMessage = _ref => {
24
24
  helpText,
25
25
  helpTextProps,
26
26
  icon = 'IconInfoCircle',
27
- iconProps = {},
27
+ iconProps = {
28
+ size: 40
29
+ },
28
30
  loading,
29
31
  primaryAction,
30
32
  primaryActionProps,
package/dist/esm/components/UTStatusMessage/styles.module.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  flex-grow: 1;
6
- grid-gap: 24px;
6
+ grid-gap: 12px;
7
7
  justify-content: center;
8
8
  width: 100%;
9
9
  }
package/dist/esm/components/UTStatusMessage/theme.js CHANGED
@@ -11,10 +11,10 @@ const getIconBackgroundColor = (colorTheme, theme) => {
11
11
  [COLOR_THEMES.IDENTITY_2]: (_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.identitySolid) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7['02'],
12
12
  [COLOR_THEMES.IDENTITY_3]: (_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.identitySolid) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8['03'],
13
13
  [COLOR_THEMES.IDENTITY_4]: (_theme$Palette9 = theme.Palette) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.identitySolid) === null || _theme$Palette9 === void 0 ? void 0 : _theme$Palette9['04'],
14
- [COLOR_THEMES.INFO]: (_theme$Palette0 = theme.Palette) === null || _theme$Palette0 === void 0 ? void 0 : _theme$Palette0.information['01'],
14
+ [COLOR_THEMES.INFO]: (_theme$Palette0 = theme.Palette) === null || _theme$Palette0 === void 0 ? void 0 : _theme$Palette0.information['02'],
15
15
  [COLOR_THEMES.NEGATIVE]: (_theme$Palette1 = theme.Palette) === null || _theme$Palette1 === void 0 ? void 0 : _theme$Palette1.light['01'],
16
- [COLOR_THEMES.SUCCESS]: (_theme$Palette10 = theme.Palette) === null || _theme$Palette10 === void 0 ? void 0 : _theme$Palette10.success['01'],
17
- [COLOR_THEMES.WARNING]: (_theme$Palette11 = theme.Palette) === null || _theme$Palette11 === void 0 ? void 0 : _theme$Palette11.warning['01']
16
+ [COLOR_THEMES.SUCCESS]: (_theme$Palette10 = theme.Palette) === null || _theme$Palette10 === void 0 ? void 0 : _theme$Palette10.success['02'],
17
+ [COLOR_THEMES.WARNING]: (_theme$Palette11 = theme.Palette) === null || _theme$Palette11 === void 0 ? void 0 : _theme$Palette11.warning['02']
18
18
  }[colorTheme];
19
19
  };
20
20
  const getBannerBackgroundColor = (colorTheme, theme) => {
@@ -40,9 +40,13 @@ export const retrieveStyle = _ref => {
40
40
  let {
41
41
  showBanner = true,
42
42
  theme,
43
- colorTheme = COLOR_THEMES.DEFAULT
43
+ colorTheme = COLOR_THEMES.DEFAULT,
44
+ iconProps = {}
44
45
  } = _ref;
45
46
  const gradient = "linear-gradient(45deg, ".concat((_theme$Palette25 = theme.Palette) === null || _theme$Palette25 === void 0 || (_theme$Palette25 = _theme$Palette25.identityGradient) === null || _theme$Palette25 === void 0 ? void 0 : _theme$Palette25['01'], " 0%, ").concat((_theme$Palette26 = theme.Palette) === null || _theme$Palette26 === void 0 || (_theme$Palette26 = _theme$Palette26.identityGradient) === null || _theme$Palette26 === void 0 ? void 0 : _theme$Palette26['02'], " 100%);");
47
+ const {
48
+ size = 40
49
+ } = iconProps;
46
50
  return {
47
51
  iconContainer: {
48
52
  alignItems: 'center',
@@ -50,9 +54,9 @@ export const retrieveStyle = _ref => {
50
54
  backgroundColor: getIconBackgroundColor(colorTheme, theme),
51
55
  borderRadius: 100,
52
56
  display: 'flex',
53
- height: 56,
57
+ height: size * 1.85,
54
58
  justifyContent: 'center',
55
- width: 56
59
+ width: size * 1.85
56
60
  },
57
61
  banner: {
58
62
  alignItems: 'center',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.172.1",
3
+ "version": "3.172.2",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",