@widergy/energy-ui 3.18.4 → 3.18.6

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 (9) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/UTIcon/components/EnergyIcons/EnergyIconSendFilled.svg +2 -2
  3. package/dist/components/UTIcon/constants.js +4 -4
  4. package/dist/components/UTTracker/components/Step/index.js +1 -1
  5. package/dist/components/UTTracker/components/Step/styles.module.scss +1 -5
  6. package/dist/components/UTTracker/index.js +3 -3
  7. package/dist/components/UTTracker/styles.module.scss +0 -2
  8. package/dist/components/UTTracker/theme.js +10 -3
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [3.18.6](https://github.com/widergy/energy-ui/compare/v3.18.5...v3.18.6) (2024-09-09)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * fixes ([#486](https://github.com/widergy/energy-ui/issues/486)) ([c150026](https://github.com/widergy/energy-ui/commit/c1500264ecec73eb867201c6da45c1bc31320ef9))
7
+
8
+ ## [3.18.5](https://github.com/widergy/energy-ui/compare/v3.18.4...v3.18.5) (2024-08-29)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * new energy icon fix ([#484](https://github.com/widergy/energy-ui/issues/484)) ([0518b31](https://github.com/widergy/energy-ui/commit/0518b319606d0fff43b04752a30662f830d4c10a))
14
+
1
15
  ## [3.18.4](https://github.com/widergy/energy-ui/compare/v3.18.3...v3.18.4) (2024-08-29)
2
16
 
3
17
 
package/dist/components/UTIcon/components/EnergyIcons/EnergyIconSendFilled.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M26.0209 13.4301L4.9125 3.13232C4.70965 3.03347 4.48498 2.98786 4.25965 2.99978C4.03431 3.0117 3.81571 3.08077 3.62442 3.20047C3.43314 3.32018 3.27546 3.48658 3.16622 3.68403C3.05698 3.88148 2.99978 4.10348 3 4.32913V4.36732C3.00011 4.54571 3.02209 4.72341 3.06546 4.89644L5.09033 12.9959C5.11747 13.1038 5.17696 13.2008 5.26081 13.274C5.34466 13.3471 5.44887 13.3928 5.55945 13.405L14.4586 14.3946C14.6067 14.4124 14.7431 14.4838 14.8421 14.5954C14.941 14.707 14.9957 14.8509 14.9957 15.0001C14.9957 15.1492 14.941 15.2932 14.8421 15.4047C14.7431 15.5163 14.6067 15.5877 14.4586 15.6056L5.55945 16.5951C5.44887 16.6073 5.34466 16.653 5.26081 16.7262C5.17696 16.7993 5.11747 16.8963 5.09033 17.0042L3.06546 25.1026C3.02209 25.2756 3.00011 25.4533 3 25.6317V25.6699C2.99997 25.8955 3.0573 26.1173 3.16662 26.3146C3.27593 26.5119 3.43363 26.6782 3.62489 26.7978C3.81614 26.9173 4.03467 26.9863 4.25992 26.9982C4.48517 27.01 4.70973 26.9644 4.9125 26.8656L26.0198 16.5678C26.3137 16.4244 26.5615 16.2013 26.7348 15.9239C26.9081 15.6465 27 15.326 27 14.999C27 14.6719 26.9081 14.3514 26.7348 14.074C26.5615 13.7966 26.3148 13.5735 26.0209 13.4301Z" fill="currentColor"/>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M 20.816406 10.742188 L 3.929688 2.503906 C 3.769531 2.425781 3.589844 2.390625 3.40625 2.398438 C 3.226562 2.410156 3.050781 2.464844 2.898438 2.558594 C 2.746094 2.65625 2.621094 2.789062 2.53125 2.945312 C 2.445312 3.105469 2.398438 3.28125 2.398438 3.464844 L 2.398438 3.492188 C 2.398438 3.636719 2.417969 3.777344 2.453125 3.917969 L 4.070312 10.398438 C 4.09375 10.484375 4.140625 10.5625 4.207031 10.621094 C 4.277344 10.675781 4.359375 10.714844 4.449219 10.722656 L 11.566406 11.515625 C 11.683594 11.53125 11.792969 11.585938 11.875 11.675781 C 11.953125 11.765625 11.996094 11.878906 11.996094 12 C 11.996094 12.121094 11.953125 12.234375 11.875 12.324219 C 11.792969 12.414062 11.683594 12.46875 11.566406 12.484375 L 4.449219 13.277344 C 4.359375 13.285156 4.277344 13.324219 4.207031 13.382812 C 4.140625 13.4375 4.09375 13.515625 4.070312 13.601562 L 2.453125 20.082031 C 2.417969 20.21875 2.398438 20.363281 2.398438 20.503906 L 2.398438 20.535156 C 2.398438 20.714844 2.445312 20.894531 2.535156 21.050781 C 2.621094 21.210938 2.746094 21.34375 2.898438 21.4375 C 3.054688 21.535156 3.226562 21.589844 3.40625 21.597656 C 3.589844 21.609375 3.769531 21.570312 3.929688 21.492188 L 20.816406 13.253906 C 21.050781 13.140625 21.25 12.960938 21.386719 12.738281 C 21.527344 12.515625 21.601562 12.261719 21.601562 12 C 21.601562 11.738281 21.527344 11.480469 21.386719 11.257812 C 21.25 11.039062 21.050781 10.859375 20.816406 10.742188 Z M 20.816406 10.742188 " fill="currentColor" />
3
3
  </svg>
package/dist/components/UTIcon/constants.js CHANGED
@@ -113,14 +113,14 @@ EnergyIconHome.defaultProps = {
113
113
  };
114
114
  var EnergyIconSendFilled = function EnergyIconSendFilled(props) {
115
115
  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
116
- d: "M26.02 13.43 4.913 3.132A1.33 1.33 0 0 0 3 4.33v.038c0 .179.022.356.065.53l2.025 8.099a.546.546 0 0 0 .47.409l8.899.99a.61.61 0 0 1 0 1.21l-8.9.99a.545.545 0 0 0-.469.41l-2.025 8.098c-.043.173-.065.35-.065.529v.038a1.33 1.33 0 0 0 1.912 1.196L26.02 16.568a1.746 1.746 0 0 0 0-3.138Z",
116
+ d: "M20.816 10.742 3.93 2.504a1.086 1.086 0 0 0-.524-.106 1.11 1.11 0 0 0-.508.16c-.152.098-.277.231-.367.387-.086.16-.133.336-.133.52v.027c0 .145.02.285.055.426l1.617 6.48c.024.086.07.165.137.223.07.055.152.094.242.102l7.117.793c.118.015.227.07.309.16a.49.49 0 0 1-.309.808l-7.117.793a.438.438 0 0 0-.379.325l-1.617 6.48a1.712 1.712 0 0 0-.055.422v.031c0 .18.047.36.137.516.086.16.211.293.363.387.157.097.329.152.508.16.184.011.364-.028.524-.106l16.886-8.238c.235-.113.434-.293.57-.516a1.378 1.378 0 0 0 0-1.48 1.426 1.426 0 0 0-.57-.516Zm0 0",
117
117
  fill: "currentColor"
118
118
  }));
119
119
  };
120
120
  EnergyIconSendFilled.defaultProps = {
121
- width: "30",
122
- height: "30",
123
- viewBox: "0 0 30 30",
121
+ width: "24",
122
+ height: "24",
123
+ viewBox: "0 0 24 24",
124
124
  fill: "none",
125
125
  xmlns: "http://www.w3.org/2000/svg"
126
126
  };
package/dist/components/UTTracker/components/Step/index.js CHANGED
@@ -26,7 +26,7 @@ const Step = _ref => {
26
26
  } = _ref;
27
27
  const stepCompleted = isCompleted(step.id);
28
28
  const stepActive = isActive(step.id);
29
- const themedStyles = (0, _classesUtils.mergeClasses)({}, _stylesModule.default);
29
+ const themedStyles = (0, _classesUtils.mergeClasses)(classes, _stylesModule.default);
30
30
  return /*#__PURE__*/_react.default.createElement("div", {
31
31
  className: `
32
32
  ${themedStyles.outerContainer}
package/dist/components/UTTracker/components/Step/styles.module.scss CHANGED
@@ -1,9 +1,5 @@
1
1
  $oval-size: 20px;
2
2
 
3
- .completedOuterContainer {
4
- opacity: 0.5;
5
- }
6
-
7
3
  .container {
8
4
  align-items: center;
9
5
  border-radius: $oval-size;
@@ -54,5 +50,5 @@ $oval-size: 20px;
54
50
  }
55
51
 
56
52
  .containerStep {
57
- padding: 6px;
53
+ margin: 6px;
58
54
  }
package/dist/components/UTTracker/index.js CHANGED
@@ -41,7 +41,7 @@ const UTTracker = _ref => {
41
41
  className: `${classes.outerContainer}`
42
42
  }, /*#__PURE__*/_react.default.createElement("div", {
43
43
  className: `${classes.container} ${mode !== _constants.FLAT ? _stylesModule.default.container : _stylesModule.default.containerFlat} ${!detailsTab && _stylesModule.default.roundedBorders}`
44
- }, title && (mode === _constants.FLAT ? /*#__PURE__*/_react.default.createElement(_UTButton.default, {
44
+ }, title && (mode === _constants.FLAT && detailsTab?.enabled ? /*#__PURE__*/_react.default.createElement(_UTButton.default, {
45
45
  onClick: () => setIsCollapsed(!isCollapsed),
46
46
  classNames: {
47
47
  childrenContainer: _stylesModule.default.button,
@@ -49,7 +49,7 @@ const UTTracker = _ref => {
49
49
  text: _stylesModule.default.text
50
50
  },
51
51
  variant: "text",
52
- Icon: detailsTab?.enabled && mode === _constants.FLAT ? isCollapsed ? 'IconChevronUp' : 'IconChevronDown' : null,
52
+ Icon: isCollapsed ? 'IconChevronUp' : 'IconChevronDown',
53
53
  iconPlacement: "right"
54
54
  }, title) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
55
55
  weight: "medium",
@@ -58,7 +58,7 @@ const UTTracker = _ref => {
58
58
  style: {
59
59
  height
60
60
  },
61
- className: `${title ? _stylesModule.default.connectorTitle : _stylesModule.default.connector} ${isCollapsed ? _stylesModule.default.connectorCollapsed : _stylesModule.default.connector}`
61
+ className: `${title && _stylesModule.default.connectorTitle} ${isCollapsed ? _stylesModule.default.connectorCollapsed : _stylesModule.default.connector} ${classes.connector}`
62
62
  }), steps && /*#__PURE__*/_react.default.createElement("div", {
63
63
  ref: el => {
64
64
  if (!el) return;
package/dist/components/UTTracker/styles.module.scss CHANGED
@@ -37,7 +37,6 @@
37
37
  }
38
38
 
39
39
  .connector {
40
- border-left: 2px dashed gray;
41
40
  flex-grow: 1;
42
41
  margin-bottom: 5px;
43
42
  margin-left: 32.5px;
@@ -49,7 +48,6 @@
49
48
  }
50
49
 
51
50
  .connectorCollapsed {
52
- border-left: 2px dashed gray;
53
51
  flex-grow: 1;
54
52
  margin-bottom: 5px;
55
53
  margin-left: 32.5px;
package/dist/components/UTTracker/theme.js CHANGED
@@ -11,14 +11,14 @@ const getBorderColor = _ref => {
11
11
  theme,
12
12
  variant
13
13
  } = _ref;
14
- return variant === _constants.VARIANTS.error ? `${theme.Palette.error['04']} !important` : `${theme.Palette.accent['04']} !important`;
14
+ return variant === _constants.VARIANTS.error ? `${theme.Palette.error['04']} !important` : `${theme.Palette.actions?.accent['04'] || theme.Palette.accent?.['04']} !important`;
15
15
  };
16
16
  const getBorderLightColor = _ref2 => {
17
17
  let {
18
18
  theme,
19
19
  variant
20
20
  } = _ref2;
21
- return variant === _constants.VARIANTS.error ? `rgba(${theme.Palette.error['04'].match(/\w\w/g).map(x => parseInt(x, 16)).join(', ')}, 0.5) !important` : `rgba(${theme.Palette.accent['04'].match(/\w\w/g).map(x => parseInt(x, 16)).join(', ')}, 0.5) !important`;
21
+ return variant === _constants.VARIANTS.error ? `${theme.Palette.error['04']} !important` : `${theme.Palette.actions?.accent['04'] || theme.Palette.accent?.['04']} !important`;
22
22
  };
23
23
  const retrieveStyle = _ref3 => {
24
24
  let {
@@ -51,6 +51,9 @@ const retrieveStyle = _ref3 => {
51
51
  variant: variantTheme
52
52
  })
53
53
  },
54
+ completedOuterContainer: {
55
+ opacity: 0.5
56
+ },
54
57
  fullContainer: {
55
58
  backgroundColor: getBorderColor({
56
59
  theme,
@@ -60,6 +63,9 @@ const retrieveStyle = _ref3 => {
60
63
  container: {
61
64
  backgroundColor: theme.Palette.light['01']
62
65
  },
66
+ connector: {
67
+ borderLeft: `2px dashed ${theme.Palette.gray['04']}`
68
+ },
63
69
  detailButtonContainer: {
64
70
  backgroundColor: theme.Palette.light['01'],
65
71
  borderTop: `1px solid ${theme.Palette.light['04']}`
@@ -75,7 +81,8 @@ const retrieveStyle = _ref3 => {
75
81
  borderColor: getBorderLightColor({
76
82
  theme,
77
83
  variant: variantTheme
78
- })
84
+ }),
85
+ opacity: 0.5
79
86
  }
80
87
  };
81
88
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.18.4",
3
+ "version": "3.18.6",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",