@widergy/energy-ui 3.141.1 → 3.141.3

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 (11) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/UTButton/styles.module.scss +1 -1
  3. package/dist/components/UTDataCategory/styles.module.scss +1 -1
  4. package/dist/components/UTDataCategory/theme.js +1 -1
  5. package/dist/components/UTDataElement/index.js +2 -1
  6. package/dist/components/UTDataElement/styles.module.scss +9 -8
  7. package/dist/components/UTStatus/index.js +1 -1
  8. package/dist/components/UTTable/components/Cell/index.js +1 -1
  9. package/dist/components/UTTable/components/HeaderCell/index.js +1 -1
  10. package/dist/utils/hooks/useCSSVariables/constants.js +18 -1
  11. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [3.141.3](https://github.com/widergy/energy-ui/compare/v3.141.2...v3.141.3) (2026-04-13)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * some component adjusments ([#771](https://github.com/widergy/energy-ui/issues/771)) ([ee49e34](https://github.com/widergy/energy-ui/commit/ee49e34719bfb9bdaa2f7ae12ba337aa46890a64))
7
+
8
+ ## [3.141.2](https://github.com/widergy/energy-ui/compare/v3.141.1...v3.141.2) (2026-04-09)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * added tokens to data element ([#772](https://github.com/widergy/energy-ui/issues/772)) ([5933975](https://github.com/widergy/energy-ui/commit/5933975f24a216a9338f4f4d61df7b853f1fd01a))
14
+
1
15
  ## [3.141.1](https://github.com/widergy/energy-ui/compare/v3.141.0...v3.141.1) (2026-03-31)
2
16
 
3
17
 
package/dist/components/UTButton/styles.module.scss CHANGED
@@ -55,7 +55,7 @@ $small-icon: var(--UT-button-icon-size-sm, 1.25rem);
55
55
 
56
56
  .paddingLarge {
57
57
  padding: var(--UT-button-padding-md, 12px) var(--UT-button-padding-lg, 16px);
58
- }a
58
+ }
59
59
 
60
60
  .paddingMedium {
61
61
  padding: var(--UT-button-padding-sm, 8px) var(--UT-button-padding-md, 12px);
package/dist/components/UTDataCategory/styles.module.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  align-items: center;
8
8
  display: flex;
9
9
  flex-direction: row;
10
- grid-gap: 8px;
10
+ grid-gap: var(--UT-dataCategory-title-gap, 8px);
11
11
  width: 100%;
12
12
  }
13
13
 
package/dist/components/UTDataCategory/theme.js CHANGED
@@ -27,7 +27,7 @@ const retrieveStyle = _ref => {
27
27
  return {
28
28
  area: {
29
29
  ...areaBackgroundColor,
30
- padding: 16,
30
+ padding: 'var(--UT-dataCategory-padding, 16px)',
31
31
  borderRadius: 8
32
32
  }
33
33
  };
package/dist/components/UTDataElement/index.js CHANGED
@@ -99,7 +99,8 @@ const UTDataElement = _ref => {
99
99
  className: contentClasses
100
100
  }, IconComponent && /*#__PURE__*/_react.default.createElement(IconComponent, _extends({
101
101
  name: Icon,
102
- colorTheme: "gray"
102
+ colorTheme: "gray",
103
+ size: "var(--UT-dataElement-icon-size, 24px)"
103
104
  }, iconProps)), /*#__PURE__*/_react.default.createElement("div", {
104
105
  className: infoClasses
105
106
  }, (prefix || title || showBadge) && /*#__PURE__*/_react.default.createElement("div", {
package/dist/components/UTDataElement/styles.module.scss CHANGED
@@ -4,13 +4,13 @@
4
4
  }
5
5
 
6
6
  .paddingSmall {
7
- padding-bottom: 8px;
8
- padding-top: 8px;
7
+ padding-bottom: var(--UT-dataElement-padding-sm, 8px);
8
+ padding-top: var(--UT-dataElement-padding-sm, 8px);
9
9
  }
10
10
 
11
11
  .paddingMedium {
12
- padding-bottom: 16px;
13
- padding-top: 16px;
12
+ padding-bottom: var(--UT-dataElement-padding-md, 16px);
13
+ padding-top: var(--UT-dataElement-padding-md, 16px);
14
14
  }
15
15
 
16
16
  .content {
@@ -25,30 +25,31 @@
25
25
  }
26
26
 
27
27
  .spacingSmall {
28
- grid-gap: 8px;
28
+ grid-gap: var(--UT-dataElement-gap-sm, 8px);
29
29
  }
30
30
 
31
31
  .spacingMedium {
32
- grid-gap: 16px;
32
+ grid-gap: var(--UT-dataElement-gap-md, 16px);
33
33
  }
34
34
 
35
35
  .info {
36
36
  display: flex;
37
37
  flex: 1;
38
38
  flex-direction: row;
39
- grid-gap: 8px;
39
+ grid-gap: var(--UT-dataElement-content-gap-x, 8px);
40
40
  justify-content: space-between;
41
41
  }
42
42
 
43
43
  .vertical {
44
44
  flex-direction: column;
45
+ grid-gap: var(--UT-dataElement-content-gap-y, 8px);
45
46
  }
46
47
 
47
48
  .topInfo {
48
49
  align-items: center;
49
50
  display: flex;
50
51
  flex-direction: row;
51
- grid-gap: 8px;
52
+ grid-gap: var(--UT-dataElement-content-gap-x, 8px);
52
53
  }
53
54
 
54
55
  .iconCollapseButton {
package/dist/components/UTStatus/index.js CHANGED
@@ -101,7 +101,7 @@ const UTStatus = _ref => {
101
101
  return Component ? /*#__PURE__*/_react.default.createElement(Component, _extends({}, adornmentProps, {
102
102
  key: (adornment === null || adornment === void 0 ? void 0 : adornment.key) || adornment.name
103
103
  })) : null;
104
- }, []);
104
+ }, [adornments, size, variant]);
105
105
  const StatusRender = /*#__PURE__*/_react.default.createElement("div", {
106
106
  className: "".concat(classes.root, " ").concat(className || '', " ").concat(area ? '' : classes.withoutArea, " ").concat(areaType === _constants.AREA_TYPES.SQUARE ? '' : classes.roundedArea),
107
107
  title: title
package/dist/components/UTTable/components/Cell/index.js CHANGED
@@ -26,7 +26,7 @@ const Cell = _ref => {
26
26
  rowData,
27
27
  style
28
28
  } = _ref;
29
- const cellAlignStyles = [_constants.CELL_TYPES.ACTION_ICONS, _constants.CELL_TYPES.ACTION_BUTTON].includes(column.type) ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
29
+ const cellAlignStyles = column.align ? _stylesModule.default["".concat(column.align, "Align")] : [_constants.CELL_TYPES.ACTION_ICONS, _constants.CELL_TYPES.ACTION_BUTTON].includes(column.type) ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
30
30
  const cellStyle = {
31
31
  width: column.withoutPadding ? style.paddingLeft + style.paddingRight + columnSizes[column.key] : columnSizes[column.key],
32
32
  ...style,
package/dist/components/UTTable/components/HeaderCell/index.js CHANGED
@@ -30,7 +30,7 @@ const HeaderCell = _ref => {
30
30
  } = _ref;
31
31
  const handleClick = () => handleOrder((0, _utils.getNewOrder)(order, column));
32
32
  const OrderICon = order.key !== column.key ? _UnfoldMore.default : _ArrowUpward.default;
33
- const cellAlignStyles = [_constants.CELL_TYPES.ACTION_ICONS, _constants.CELL_TYPES.ACTION_BUTTON].includes(column.type) ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
33
+ const cellAlignStyles = column.align ? _stylesModule.default["".concat(column.align, "Align")] : [_constants.CELL_TYPES.ACTION_ICONS, _constants.CELL_TYPES.ACTION_BUTTON].includes(column.type) ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
34
34
  const activeCell = order.key === column.key;
35
35
  const isSortable = column.sortable && !_constants.CELL_ACTION_TYPES.includes(column.type);
36
36
  return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
package/dist/utils/hooks/useCSSVariables/constants.js CHANGED
@@ -217,6 +217,23 @@ const baseTokens = exports.baseTokens = {
217
217
  'UT-shortcutPanel-item-padding': 'padding-xs',
218
218
  'UT-shortcutPanel-item-gap': 'gap-sm',
219
219
  'UT-shortcutPanel-item-label-size': 'font-body-size-md',
220
- 'UT-shortcutPanel-item-icon-size': 'size-icon-xs'
220
+ 'UT-shortcutPanel-item-icon-size': 'size-icon-xs',
221
+ 'UT-dataElement-padding-md': 'padding-md',
222
+ 'UT-dataElement-padding-sm': 'padding-xs',
223
+ 'UT-dataElement-gap-md': 'gap-lg',
224
+ 'UT-dataElement-gap-sm': 'gap-sm',
225
+ 'UT-dataElement-content-gap-x': 'gap-sm',
226
+ 'UT-dataElement-content-gap-y': 'gap-sm',
227
+ 'UT-dataElement-icon-size': 'size-icon-md',
228
+ 'UT-dataElement-title-size': 'font-body-size-md',
229
+ 'UT-dataElement-title-weight': 'font-weight-medium',
230
+ 'UT-dataElement-prefix-size': 'font-body-size-md',
231
+ 'UT-dataElement-prefix-weight': 'font-weight-medium',
232
+ 'UT-dataCategory-padding': 'padding-md',
233
+ 'UT-dataCategory-gap': 'gap-lg',
234
+ 'UT-dataCategory-title-gap': 'gap-sm',
235
+ 'UT-dataCategory-title-size': 'font-body-size-sm',
236
+ 'UT-dataCategory-title-weight': 'font-weight-medium',
237
+ 'UT-dataCategory-icon-size': 'size-icon-xs'
221
238
  }
222
239
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.141.1",
3
+ "version": "3.141.3",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",