@widergy/energy-ui 3.136.1 → 3.137.1

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 (7) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/UTBarChart/index.js +3 -4
  3. package/dist/components/UTButton/index.js +1 -1
  4. package/dist/components/UTButton/styles.module.scss +24 -14
  5. package/dist/components/UTButton/theme.js +1 -1
  6. package/dist/utils/hooks/useCSSVariables/constants.js +12 -3
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [3.137.1](https://github.com/widergy/energy-ui/compare/v3.137.0...v3.137.1) (2026-02-09)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * max value chart ([#761](https://github.com/widergy/energy-ui/issues/761)) ([acc75a4](https://github.com/widergy/energy-ui/commit/acc75a463a3b2ed5fae6131fe8921e5bfdd2b321))
7
+
8
+ # [3.137.0](https://github.com/widergy/energy-ui/compare/v3.136.1...v3.137.0) (2026-02-09)
9
+
10
+
11
+ ### Features
12
+
13
+ * [OUG] button tokens ([#755](https://github.com/widergy/energy-ui/issues/755)) ([6ae07e2](https://github.com/widergy/energy-ui/commit/6ae07e21b5743d968055c7dab5028065c5603553))
14
+
1
15
  ## [3.136.1](https://github.com/widergy/energy-ui/compare/v3.136.0...v3.136.1) (2026-02-05)
2
16
 
3
17
 
package/dist/components/UTBarChart/index.js CHANGED
@@ -29,7 +29,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
29
29
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
30
30
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
31
31
  const UTBarChart = _ref => {
32
- var _xAxisDefinition$filt, _formattedData$, _levels$, _formattedData$2;
32
+ var _xAxisDefinition$filt, _formattedData$, _formattedData$2;
33
33
  let {
34
34
  barBorderRadius,
35
35
  barData,
@@ -137,9 +137,8 @@ const UTBarChart = _ref => {
137
137
  } = (0, _utils.getGraphAttributes)(containerWidth, containerHeight, marginLeft, marginRight, marginBottom, pagination ? 0 : minBarWidth, ((_formattedData$ = formattedData[0]) === null || _formattedData$ === void 0 ? void 0 : _formattedData$.length) || visibleLabelsCount, barPadding, groups, spacingOptions);
138
138
  const [linearLowerBound, linearUpperBound] = (0, _utils.getBounds)(maxLinearValue, yAxisTicks);
139
139
  const [barLowerBound, barUpperBound] = (0, _utils.getBounds)(maxBarValue, yAxisTicks, useMaxBarValue);
140
- const levelValue = (_levels$ = levels[0]) === null || _levels$ === void 0 ? void 0 : _levels$.value;
141
- const maxAbsoluteValue = levelValue || Math.max(linearUpperBound, barUpperBound);
142
- const barMaxValue = singleYAxis || levelValue ? maxAbsoluteValue : barUpperBound;
140
+ const maxAbsoluteValue = Math.max(linearUpperBound, barUpperBound);
141
+ const barMaxValue = singleYAxis ? maxAbsoluteValue : barUpperBound;
143
142
  const yAxis = d3.scaleLinear().domain([barLowerBound, barMaxValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
144
143
  const xAxis = d3.scaleBand().domain(d3.range(((_formattedData$2 = formattedData[0]) === null || _formattedData$2 === void 0 ? void 0 : _formattedData$2.length) || (xAxisDefinition === null || xAxisDefinition === void 0 ? void 0 : xAxisDefinition.length) || 0)).range([GRAPH_X_START, GRAPH_X_END]).padding(barPadding);
145
144
  const groupWidth = fullSizeBars ? GRAPH_X_END : xAxis.bandwidth();
package/dist/components/UTButton/index.js CHANGED
@@ -62,7 +62,7 @@ const UTButton = _ref => {
62
62
  const counterColorTheme = (0, _utils.getCounterColorTheme)(colorTheme, variant);
63
63
  const labelProps = (0, _utils.getLabelProps)(colorTheme, variant, size);
64
64
  const RenderedChildren = /*#__PURE__*/_react.default.createElement("div", {
65
- className: "".concat(childrenContainer, " ").concat(_stylesModule.default.childrenContainer)
65
+ className: "".concat(childrenContainer, " ").concat(_stylesModule.default["".concat(size, "ChildrenContainer")])
66
66
  }, count && /*#__PURE__*/_react.default.createElement(_UTBadge.default, {
67
67
  colorTheme: counterColorTheme
68
68
  }, count), iconPlacement === _constants.ICON_PLACEMENTS.left && IconToShow, children !== null && children !== undefined && children !== false && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({}, labelProps, {
package/dist/components/UTButton/styles.module.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use '../../scss/variables/mediaQueries.module.scss' as *;
2
2
 
3
- $big-icon: 1.5rem;
4
- $small-icon: 1.25rem;
3
+ $big-icon: var(--UT-button-icon-size-md, 1.5rem);
4
+ $small-icon: var(--UT-button-icon-size-sm, 1.25rem);
5
5
 
6
6
  .baseIcon {
7
7
  box-sizing: border-box;
@@ -32,27 +32,37 @@ $small-icon: 1.25rem;
32
32
  }
33
33
  }
34
34
 
35
- .childrenContainer {
35
+ %childrenContainer {
36
36
  align-items: center;
37
37
  display: flex;
38
- grid-gap: 8px;
39
38
  justify-content: flex-start;
40
39
  }
41
40
 
41
+ .smallChildrenContainer {
42
+ @extend %childrenContainer;
43
+ grid-gap: var(--UT-button-gap-sm, 8px);
44
+ }
45
+
46
+ .largeChildrenContainer,
47
+ .mediumChildrenContainer {
48
+ @extend %childrenContainer;
49
+ grid-gap: var(--UT-button-gap-md, 8px);
50
+ }
51
+
42
52
  .loading {
43
53
  position: absolute;
44
54
  }
45
55
 
46
56
  .paddingLarge {
47
- padding: 12px 16px;
48
- }
57
+ padding: var(--UT-button-padding-md, 12px) var(--UT-button-padding-lg, 16px);
58
+ }a
49
59
 
50
60
  .paddingMedium {
51
- padding: 8px 12px;
61
+ padding: var(--UT-button-padding-sm, 8px) var(--UT-button-padding-md, 12px);
52
62
  }
53
63
 
54
64
  .paddingSmall {
55
- padding: 4px 8px;
65
+ padding: var(--UT-button-padding-xs, 4px) var(--UT-button-padding-sm, 8px);
56
66
  }
57
67
 
58
68
  .hideTextOnResponsive {
@@ -64,33 +74,33 @@ $small-icon: 1.25rem;
64
74
 
65
75
  &.paddingLarge {
66
76
  @media #{$mobile} {
67
- padding: 12px;
77
+ padding: var(--UT-button-padding-md, 12px);
68
78
  }
69
79
  }
70
80
 
71
81
  &.paddingMedium {
72
82
  @media #{$mobile} {
73
- padding: 8px;
83
+ padding: var(--UT-button-padding-sm, 8px);
74
84
  }
75
85
  }
76
86
 
77
87
  &.paddingSmall {
78
88
  @media #{$mobile} {
79
- padding: 4px;
89
+ padding: var(--UT-button-padding-xs, 4px);
80
90
  }
81
91
  }
82
92
  }
83
93
 
84
94
  .noChildren {
85
95
  &.paddingLarge {
86
- padding: 12px;
96
+ padding: var(--UT-button-padding-md, 12px);
87
97
  }
88
98
 
89
99
  &.paddingMedium {
90
- padding: 8px;
100
+ padding: var(--UT-button-padding-sm, 8px);
91
101
  }
92
102
 
93
103
  &.paddingSmall {
94
- padding: 4px;
104
+ padding: var(--UT-button-padding-xs, 4px);
95
105
  }
96
106
  }
package/dist/components/UTButton/theme.js CHANGED
@@ -113,7 +113,7 @@ const baseButtonTheme = theme => {
113
113
  var _theme$UTButton;
114
114
  return {
115
115
  root: {
116
- borderRadius: 4,
116
+ borderRadius: 'var(--UT-button-radius, 4px)',
117
117
  boxShadow: 'none',
118
118
  minWidth: 'auto',
119
119
  textTransform: 'none',
package/dist/utils/hooks/useCSSVariables/constants.js CHANGED
@@ -129,6 +129,11 @@ const baseTokens = exports.baseTokens = {
129
129
  'size-control-xl': 'size-11',
130
130
  'size-control-2xl': 'size-12',
131
131
  'size-control-3xl': 'size-13',
132
+ 'size-icon-2xs': 'size-5',
133
+ 'size-icon-xs': 'size-6',
134
+ 'size-icon-md': 'size-7',
135
+ 'size-icon-lg': 'size-8',
136
+ 'size-icon-xl': 'size-10',
132
137
  'radius-sm': 'radius-100',
133
138
  'radius-md': 'radius-200',
134
139
  'radius-lg': 'radius-300',
@@ -138,14 +143,18 @@ const baseTokens = exports.baseTokens = {
138
143
  'UT-button-height-sm': 'size-control-sm',
139
144
  'UT-button-height-md': 'size-control-md',
140
145
  'UT-button-height-lg': 'size-control-lg',
141
- 'UT-button-padding-x-sm': 'padding-sm',
142
- 'UT-button-padding-x-md': 'padding-md',
143
- 'UT-button-padding-x-lg': 'padding-lg',
146
+ 'UT-button-padding-xs': 'padding-2xs',
147
+ 'UT-button-padding-sm': 'padding-xs',
148
+ 'UT-button-padding-md': 'padding-sm',
149
+ 'UT-button-padding-lg': 'padding-md',
144
150
  'UT-button-gap-sm': 'gap-xs',
145
151
  'UT-button-gap-md': 'gap-sm',
146
152
  'UT-button-label-size': 'font-label-size-md',
147
153
  'UT-button-label-weight': 'font-weight-600',
148
154
  'UT-button-label-lh': 'font-lh-reset',
155
+ 'UT-button-radius': 'radius-sm',
156
+ 'UT-button-icon-size-sm': 'size-icon-xs',
157
+ 'UT-button-icon-size-md': 'size-icon-md',
149
158
  'UT-label-size-title-1': 'font-heading-size-1',
150
159
  'UT-label-size-title-2': 'font-heading-size-2',
151
160
  'UT-label-size-title-3': 'font-heading-size-3',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.136.1",
3
+ "version": "3.137.1",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",