@widergy/energy-ui 3.121.1 → 3.121.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 (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/UTBaseInputField/constants.js +6 -1
  3. package/dist/components/UTBaseInputField/theme.js +7 -6
  4. package/dist/components/UTBaseInputField/utils.js +10 -2
  5. package/dist/components/UTHeader/index.js +1 -1
  6. package/dist/components/UTLabel/constants.js +1 -1
  7. package/dist/components/UTTable/components/HeaderCell/styles.module.scss +0 -1
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [3.121.3](https://github.com/widergy/energy-ui/compare/v3.121.2...v3.121.3) (2025-11-28)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * [CX-1461] text size fixes ([#728](https://github.com/widergy/energy-ui/issues/728)) ([616a01f](https://github.com/widergy/energy-ui/commit/616a01f23eba799feea2a0d292edd7be4603e327))
7
+
8
+ ## [3.121.2](https://github.com/widergy/energy-ui/compare/v3.121.1...v3.121.2) (2025-11-19)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * [BRILLA-97] color theme ut base input ([#722](https://github.com/widergy/energy-ui/issues/722)) ([e5f120f](https://github.com/widergy/energy-ui/commit/e5f120f3aac517800d20bc7a478132b8cc9cd83b))
14
+
1
15
  ## [3.121.1](https://github.com/widergy/energy-ui/compare/v3.121.0...v3.121.1) (2025-11-18)
2
16
 
3
17
 
package/dist/components/UTBaseInputField/constants.js CHANGED
@@ -3,7 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.COMPONENT_KEYS = exports.COMPONENTS_MAPPER = void 0;
6
+ exports.UT_BASE_INPUT_COLOR_BORDER_FOCUS = exports.DEFAULT_PROPS = exports.COMPONENT_KEYS = exports.COMPONENTS_MAPPER = void 0;
7
+ var _Palette = require("../../constants/Palette");
7
8
  var _ActionAdornment = _interopRequireDefault(require("./components/ActionAdornment"));
8
9
  var _BadgeAdornment = _interopRequireDefault(require("./components/BadgeAdornment"));
9
10
  var _IconAdornment = _interopRequireDefault(require("./components/IconAdornment"));
@@ -26,4 +27,8 @@ const COMPONENTS_MAPPER = exports.COMPONENTS_MAPPER = {
26
27
  [COMPONENT_KEYS.PREFIX]: _PrefixAdornment.default,
27
28
  [COMPONENT_KEYS.SUFFIX]: _SuffixAdornment.default,
28
29
  [COMPONENT_KEYS.TOOLTIP]: _TooltipAdornment.default
30
+ };
31
+ const UT_BASE_INPUT_COLOR_BORDER_FOCUS = exports.UT_BASE_INPUT_COLOR_BORDER_FOCUS = 'UT-baseInput-color-border-focus';
32
+ const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
33
+ colorTheme: _Palette.COLOR_THEMES.accent
29
34
  };
package/dist/components/UTBaseInputField/theme.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.retrieveStyle = void 0;
7
7
  var _theme = require("../UTLabel/theme");
8
+ var _utils = require("./utils");
8
9
  const charactersCountRowHeight = 20;
9
10
  const PADDING = {
10
11
  HORIZONTAL: 16,
@@ -64,7 +65,6 @@ const getBackgroundColorOnHover = _ref3 => {
64
65
  return undefined;
65
66
  };
66
67
  const retrieveStyle = _ref4 => {
67
- var _theme$Palette$action, _theme$Palette$action2, _theme$Palette$action3, _theme$Palette$action4, _theme$Palette$action5;
68
68
  let {
69
69
  alwaysShowPlaceholder,
70
70
  disabled: receivedDisabled,
@@ -78,6 +78,7 @@ const retrieveStyle = _ref4 => {
78
78
  } = _ref4;
79
79
  const disabled = receivedDisabled && !readOnly;
80
80
  const hasCharactersCount = showCharacterCount && maxLength && !disabled && !readOnly;
81
+ const actionPalette = (0, _utils.getActionPalette)(theme);
81
82
  const {
82
83
  verticalPadding,
83
84
  horizontalPadding,
@@ -116,7 +117,7 @@ const retrieveStyle = _ref4 => {
116
117
  ...(!disabled && !readOnly && {
117
118
  backgroundColor: theme.Palette.light['01'],
118
119
  '& $inputContainer': {
119
- borderColor: error ? "".concat(theme.Palette.error['04'], " !important") : "".concat(((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.accent['04']) || theme.Palette.accent['04'], " !important"),
120
+ borderColor: error ? "".concat(theme.Palette.error['04'], " !important") : "".concat(actionPalette['04'], " !important"),
120
121
  borderWidth: '2px'
121
122
  },
122
123
  '& $input': {
@@ -147,12 +148,12 @@ const retrieveStyle = _ref4 => {
147
148
  },
148
149
  withValueRoot: {
149
150
  ...(variant === 'transparent' && !error && {
150
- backgroundColor: ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.accent['01']) || theme.Palette.accent['01']
151
+ backgroundColor: actionPalette['01']
151
152
  })
152
153
  },
153
154
  focusedInputContainer: {
154
155
  ...(!error && {
155
- borderColor: "".concat(((_theme$Palette$action3 = theme.Palette.actions) === null || _theme$Palette$action3 === void 0 ? void 0 : _theme$Palette$action3.accent['04']) || theme.Palette.accent['04'], " !important"),
156
+ borderColor: "".concat(actionPalette['04'], " !important"),
156
157
  borderWidth: '2px'
157
158
  }),
158
159
  ...(error && {
@@ -165,7 +166,7 @@ const retrieveStyle = _ref4 => {
165
166
  variant: 'body',
166
167
  weight: 'regular'
167
168
  }),
168
- caretColor: ((_theme$Palette$action4 = theme.Palette.actions) === null || _theme$Palette$action4 === void 0 ? void 0 : _theme$Palette$action4.accent['04']) || theme.Palette.accent['04'],
169
+ caretColor: actionPalette['04'],
169
170
  color: theme.Palette.dark['05'],
170
171
  minHeight: '22px',
171
172
  overflow: 'auto',
@@ -178,7 +179,7 @@ const retrieveStyle = _ref4 => {
178
179
  userSelect: 'none'
179
180
  },
180
181
  '&::selection': {
181
- backgroundColor: ((_theme$Palette$action5 = theme.Palette.actions) === null || _theme$Palette$action5 === void 0 ? void 0 : _theme$Palette$action5.accent['02']) || theme.Palette.accent['02']
182
+ backgroundColor: actionPalette['02']
182
183
  },
183
184
  '&:focus': {
184
185
  '&::placeholder': {
package/dist/components/UTBaseInputField/utils.js CHANGED
@@ -3,7 +3,15 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.validateAdornments = void 0;
6
+ exports.validateColorTheme = exports.validateAdornments = exports.getActionPalette = void 0;
7
7
  var _constants = require("./constants");
8
8
  const validateAdornments = adornments => adornments.every(adornment => _constants.COMPONENTS_MAPPER[adornment.name]);
9
- exports.validateAdornments = validateAdornments;
9
+ exports.validateAdornments = validateAdornments;
10
+ const validateColorTheme = colorTheme => colorTheme || _constants.DEFAULT_PROPS.colorTheme;
11
+ exports.validateColorTheme = validateColorTheme;
12
+ const getActionPalette = theme => {
13
+ var _theme$Palette$action, _theme$Palette$action2;
14
+ const colorThemeToUse = (theme === null || theme === void 0 ? void 0 : theme[_constants.UT_BASE_INPUT_COLOR_BORDER_FOCUS]) || _constants.DEFAULT_PROPS.colorTheme;
15
+ return ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[colorThemeToUse]) || theme.Palette[colorThemeToUse] || ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2[_constants.DEFAULT_PROPS.colorTheme]) || theme.Palette[_constants.DEFAULT_PROPS.colorTheme];
16
+ };
17
+ exports.getActionPalette = getActionPalette;
package/dist/components/UTHeader/index.js CHANGED
@@ -94,7 +94,7 @@ const UTHeader = _ref => {
94
94
  className: _stylesModule.default.subtitle,
95
95
  colorTheme: "gray",
96
96
  dataTestId: subtitleDataTestId,
97
- variant: "subtitle2",
97
+ variant: "body",
98
98
  withMarkdown: true
99
99
  }, subtitle));
100
100
  const RequiredFieldInfo = renderComponent(requiredFieldInfo, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
package/dist/components/UTLabel/constants.js CHANGED
@@ -36,7 +36,7 @@ const VARIANTS_LINE_HEIGHT = exports.VARIANTS_LINE_HEIGHT = {
36
36
  title2: '100%',
37
37
  title3: '100%',
38
38
  subtitle1: '100%',
39
- subtitle2: '100%',
39
+ subtitle2: '1.375rem',
40
40
  body: '1.375rem',
41
41
  small: '1.25rem',
42
42
  xsmall: '1.125rem',
package/dist/components/UTTable/components/HeaderCell/styles.module.scss CHANGED
@@ -13,7 +13,6 @@
13
13
 
14
14
  .headerCellName {
15
15
  color: inherit !important;
16
- font-size: inherit !important;
17
16
  font-weight: inherit !important;
18
17
  position: relative;
19
18
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.121.1",
3
+ "version": "3.121.3",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",