@widergy/energy-ui 3.107.2 → 3.108.0

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 +7 -0
  2. package/dist/components/UTOnboarding/components/OnboardingStep/index.js +6 -4
  3. package/dist/components/UTOnboarding/components/OnboardingStep/styles.module.scss +19 -6
  4. package/dist/components/UTOnboarding/index.js +1 -1
  5. package/dist/components/UTOnboarding/styles.module.scss +21 -4
  6. package/dist/components/UTOnboarding/theme.js +8 -0
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [3.108.0](https://github.com/widergy/energy-ui/compare/v3.107.2...v3.108.0) (2025-10-02)
2
+
3
+
4
+ ### Features
5
+
6
+ * [CX-1174] widy onboarding ([#692](https://github.com/widergy/energy-ui/issues/692)) ([49c29f6](https://github.com/widergy/energy-ui/commit/49c29f64f10b0c1461a23153d1a5b011089945fc))
7
+
1
8
  ## [3.107.2](https://github.com/widergy/energy-ui/compare/v3.107.1...v3.107.2) (2025-10-02)
2
9
 
3
10
 
package/dist/components/UTOnboarding/components/OnboardingStep/index.js CHANGED
@@ -15,10 +15,11 @@ const OnboardingStep = _ref => {
15
15
  descriptionDataTestId,
16
16
  hideFooter = false,
17
17
  step,
18
- totalSteps
18
+ totalSteps,
19
+ variant
19
20
  } = _ref;
20
21
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", {
21
- className: _stylesModule.default.description,
22
+ className: "".concat(_stylesModule.default.description, " ").concat(_stylesModule.default["".concat(variant, "Description")]),
22
23
  "data-testid": descriptionDataTestId
23
24
  }, step.description), step.vectorImage ? /*#__PURE__*/_react.default.createElement(step.vectorImage, {
24
25
  alt: "",
@@ -30,7 +31,7 @@ const OnboardingStep = _ref => {
30
31
  }), !hideFooter && /*#__PURE__*/_react.default.createElement("div", {
31
32
  className: _stylesModule.default.footer
32
33
  }, /*#__PURE__*/_react.default.createElement("h3", {
33
- className: _stylesModule.default.counterSteps
34
+ className: "".concat(_stylesModule.default.counterSteps, " ").concat(_stylesModule.default["".concat(variant, "CounterSteps")])
34
35
  }, currentStep + 1, " de ", totalSteps)));
35
36
  };
36
37
  OnboardingStep.propTypes = {
@@ -38,6 +39,7 @@ OnboardingStep.propTypes = {
38
39
  descriptionDataTestId: _propTypes.string,
39
40
  hideFooter: _propTypes.bool,
40
41
  step: _propTypes.object,
41
- totalSteps: _propTypes.number
42
+ totalSteps: _propTypes.number,
43
+ variant: _propTypes.string
42
44
  };
43
45
  var _default = exports.default = OnboardingStep;
package/dist/components/UTOnboarding/components/OnboardingStep/styles.module.scss CHANGED
@@ -1,5 +1,3 @@
1
- @use '../../../../scss/variables/colors.module.scss' as *;
2
-
3
1
  .description {
4
2
  padding: 0;
5
3
  margin-top: 4px;
@@ -40,11 +38,11 @@
40
38
  }
41
39
 
42
40
  .nextButton {
43
- background-color: $white;
44
- color: #091e42;
41
+ background-color: var(--light01);
42
+ color: var(--dark05);
45
43
  &:hover {
46
- color: $white;
47
- background-color: #091e42;
44
+ color: var(--light01);
45
+ background-color: var(--dark05);
48
46
  }
49
47
  }
50
48
 
@@ -53,3 +51,18 @@
53
51
  max-width: 264px;
54
52
  object-fit: cover;
55
53
  }
54
+
55
+ .lightDescription {
56
+ color: var(--gray04);
57
+ }
58
+
59
+ .lightCounterSteps {
60
+ color: var(--dark05);
61
+ }
62
+
63
+ .darkDescription,
64
+ .informationDescription,
65
+ .darkCounterSteps,
66
+ .informationCounterSteps {
67
+ color: var(--light01);
68
+ }
package/dist/components/UTOnboarding/index.js CHANGED
@@ -112,7 +112,7 @@ const UTOnboarding = _ref => {
112
112
  },
113
113
  onComplete: handleComplete || {},
114
114
  options: {
115
- buttonClass: "".concat(_stylesModule.default.button, " ").concat(classes.buttons),
115
+ buttonClass: "".concat(_stylesModule.default.button, " ").concat(_stylesModule.default["".concat(variant, "Button")] || '', " ").concat(classes.buttons),
116
116
  doneLabel: _constants.DONE_LABEL,
117
117
  exitOnEsc: false,
118
118
  exitOnOverlayClick: false,
package/dist/components/UTOnboarding/styles.module.scss CHANGED
@@ -22,11 +22,12 @@ $introjs-tooltipbuttons: 'introjs-tooltipbuttons';
22
22
  width: 296px;
23
23
  z-index: 1290;
24
24
  [class*='#{$introjs-skipbutton}'] {
25
- color: var(--light01);
26
25
  font-size: 30px;
27
26
  font-weight: 400;
27
+ height: fit-content;
28
+ line-height: 32px;
28
29
  position: relative;
29
- top: -10px;
30
+ top: -3px;
30
31
  }
31
32
  }
32
33
 
@@ -57,6 +58,21 @@ $introjs-tooltipbuttons: 'introjs-tooltipbuttons';
57
58
  opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
58
59
  }
59
60
 
61
+ .darkButton {
62
+ background-color: var(--dark05) !important;
63
+ color: var(--actionNegative04) !important;
64
+ }
65
+
66
+ .informationButton {
67
+ background-color: transparent !important;
68
+ color: var(--actionNegative05) !important;
69
+ }
70
+
71
+ .lightButton {
72
+ background-color: transparent !important;
73
+ color: var(--actionNeutral05) !important;
74
+ }
75
+
60
76
  .button:hover {
61
77
  opacity: 0.5;
62
78
  }
@@ -78,6 +94,7 @@ $introjs-tooltipbuttons: 'introjs-tooltipbuttons';
78
94
  font-family: 'Inter', sans-serif;
79
95
  font-size: 16px;
80
96
  font-weight: 500;
97
+ place-self: center;
81
98
  }
82
99
 
83
100
  [class*='#{$introjs-overlay}'] {
@@ -145,15 +162,15 @@ $introjs-tooltipbuttons: 'introjs-tooltipbuttons';
145
162
  display: flex;
146
163
  grid-gap: 8px;
147
164
  justify-content: flex-end;
148
- padding-top: 16px !important;
149
165
  padding: 0;
166
+ padding-top: 16px !important;
150
167
  }
151
168
 
152
169
  .highlight {
153
170
  border-radius: 0;
154
- box-sizing: border-box;
155
171
  box-shadow:
156
172
  inset 0px 0px 0px 4px #17f455,
157
173
  rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
174
+ box-sizing: border-box;
158
175
  z-index: 1290;
159
176
  }
package/dist/components/UTOnboarding/theme.js CHANGED
@@ -75,6 +75,14 @@ const retrieveStyle = _ref6 => {
75
75
  variant
76
76
  })
77
77
  }),
78
+ '& .introjs-tooltip-title': {
79
+ color: getLabelTheme({
80
+ theme,
81
+ ...validateProps({
82
+ variant
83
+ })
84
+ })
85
+ },
78
86
  '& .introjs-skipbutton': {
79
87
  color: getLabelTheme({
80
88
  theme,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.107.2",
3
+ "version": "3.108.0",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",