@widergy/energy-ui 3.18.6 → 3.18.7

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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## [3.18.7](https://github.com/widergy/energy-ui/compare/v3.18.6...v3.18.7) (2024-09-16)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * some fixes ([630acb0](https://github.com/widergy/energy-ui/commit/630acb07c221dd3281cbf64ebbc6f553bfbbfa64))
7
+ * styles workflow ([6f2ff98](https://github.com/widergy/energy-ui/commit/6f2ff987fb8fb444d63b6bdf3d08719d3ddea4fd))
8
+
1
9
  ## [3.18.6](https://github.com/widergy/energy-ui/compare/v3.18.5...v3.18.6) (2024-09-09)
2
10
 
3
11
 
@@ -102,7 +102,7 @@ const UTHeader = _ref => {
102
102
  }, /*#__PURE__*/_react.default.createElement("div", {
103
103
  className: `${_stylesModule.default.header} ${banner?.text && _stylesModule.default.bottomPadding}`
104
104
  }, tagline && !isLastStep && Tagline, /*#__PURE__*/_react.default.createElement("div", {
105
- className: _stylesModule.default.titles
105
+ className: `${_stylesModule.default.titles} ${classes.titles}`
106
106
  }, /*#__PURE__*/_react.default.createElement("div", {
107
107
  className: _stylesModule.default.titleAndActionsContainer
108
108
  }, TitleIcon && /*#__PURE__*/_react.default.createElement(TitleIcon, {
@@ -20,6 +20,7 @@ const NavActions = _ref => {
20
20
  backButton = {},
21
21
  checkbox,
22
22
  currentStep,
23
+ forceResponsive,
23
24
  nextButton = {},
24
25
  primaryAction,
25
26
  secondaryAction
@@ -34,7 +35,7 @@ const NavActions = _ref => {
34
35
  className: `${_stylesModule.default.actionsGroup} ${!isBackButtonHidden && _stylesModule.default.actionsGroupResponsive}`
35
36
  }, !isBackButtonHidden && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
36
37
  classNames: {
37
- root: _stylesModule.default.navAction
38
+ root: `${_stylesModule.default.navAction} ${backButton.classes} ${forceResponsive && _stylesModule.default.navActionResponsive}`
38
39
  },
39
40
  colorTheme: "secondary",
40
41
  disabled: backButton.disabled,
@@ -45,7 +46,7 @@ const NavActions = _ref => {
45
46
  variant: "text"
46
47
  }, backButton.label || _constants.BACK), secondaryAction && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
47
48
  classNames: {
48
- root: _stylesModule.default.navAction
49
+ root: `${_stylesModule.default.navAction} ${forceResponsive && _stylesModule.default.navActionResponsive}`
49
50
  },
50
51
  colorTheme: secondaryAction.colorTheme || 'primary',
51
52
  disabled: secondaryAction.disabled,
@@ -56,10 +57,10 @@ const NavActions = _ref => {
56
57
  }, secondaryAction.label), checkbox && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement("div", {
57
58
  className: _stylesModule.default.checkboxContainer
58
59
  }, /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, checkbox))), /*#__PURE__*/_react.default.createElement("div", {
59
- className: `${_stylesModule.default.actionsGroup} ${isMobileOrTablet && _stylesModule.default.actionsGroupResponsive}`
60
+ className: `${_stylesModule.default.actionsGroup} ${(isMobileOrTablet || forceResponsive) && _stylesModule.default.actionsGroupResponsive}`
60
61
  }, primaryAction && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
61
62
  classNames: {
62
- root: _stylesModule.default.navAction
63
+ root: `${_stylesModule.default.navAction} ${forceResponsive && _stylesModule.default.navActionResponsive}`
63
64
  },
64
65
  colorTheme: primaryAction.colorTheme || 'primary',
65
66
  disabled: primaryAction.disabled,
@@ -69,7 +70,7 @@ const NavActions = _ref => {
69
70
  variant: primaryAction.variant || 'semitransparent'
70
71
  }, primaryAction.label), !nextButton.isHidden && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
71
72
  classNames: {
72
- root: _stylesModule.default.navAction
73
+ root: `${_stylesModule.default.navAction} ${nextButton.classes} ${forceResponsive && _stylesModule.default.navActionResponsive}`
73
74
  },
74
75
  colorTheme: "primary",
75
76
  disabled: nextButton.disabled,
@@ -85,6 +86,7 @@ NavActions.propTypes = {
85
86
  text: _propTypes.string
86
87
  }),
87
88
  currentStep: _propTypes.number,
89
+ forceResponsive: _propTypes.bool,
88
90
  nextButton: _types.buttonTypes,
89
91
  primaryAction: _types.buttonTypes,
90
92
  secondaryAction: _types.buttonTypes,
@@ -33,3 +33,7 @@
33
33
  width: 100%;
34
34
  }
35
35
  }
36
+
37
+ .navActionResponsive {
38
+ width: 100%;
39
+ }
@@ -32,8 +32,9 @@ const UTWorkflowContainer = _ref => {
32
32
  classNames,
33
33
  currentStage,
34
34
  currentStep = 1,
35
- helpText,
35
+ forceResponsive = false,
36
36
  headerActions,
37
+ helpText,
37
38
  nextButton,
38
39
  onExit,
39
40
  primaryAction,
@@ -72,7 +73,8 @@ const UTWorkflowContainer = _ref => {
72
73
  actions: [...(headerActions || []), ...(isMobileOrTablet ? [primaryAction, secondaryAction].filter(action => action) : [])],
73
74
  banner: title && banner,
74
75
  classNames: {
75
- outerContainer: `${_stylesModule.default.headerContainer} ${classes.headerContainer}`
76
+ outerContainer: `${_stylesModule.default.headerContainer} ${classes.headerContainer}`,
77
+ titles: classes.titles
76
78
  },
77
79
  helpText: title && helpText,
78
80
  isLastStep: isNavHidden,
@@ -103,6 +105,7 @@ const UTWorkflowContainer = _ref => {
103
105
  backButton: backButton,
104
106
  checkbox: checkbox,
105
107
  currentStep: currentStep,
108
+ forceResponsive: forceResponsive,
106
109
  nextButton: nextButton,
107
110
  primaryAction: primaryAction,
108
111
  secondaryAction: secondaryAction,
@@ -125,6 +128,7 @@ UTWorkflowContainer.propTypes = {
125
128
  currentStep: _propTypes.number,
126
129
  helpText: _propTypes.string,
127
130
  headerActions: (0, _propTypes.arrayOf)(_types.buttonTypes),
131
+ forceResponsive: _propTypes.bool,
128
132
  nextButton: _types.buttonTypes,
129
133
  onExit: _propTypes.func,
130
134
  primaryAction: _types.buttonTypes,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.18.6",
3
+ "version": "3.18.7",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",