@widergy/energy-ui 3.36.0 → 3.37.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 (31) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/Loading/styles.module.scss +0 -2
  3. package/dist/components/UTAttachment/styles.module.scss +1 -1
  4. package/dist/components/UTButton/styles.module.scss +1 -1
  5. package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/styles.module.scss +2 -2
  6. package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicatorTop/styles.module.scss +2 -2
  7. package/dist/components/UTConsumptionBar/styles.module.scss +3 -3
  8. package/dist/components/UTEmojiPicker/styles.module.scss +2 -2
  9. package/dist/components/UTFileInput/styles.module.scss +1 -2
  10. package/dist/components/UTHeader/styles.module.scss +1 -1
  11. package/dist/components/UTImageRadio/components/ImageRadioCard/styles.module.scss +3 -2
  12. package/dist/components/UTOnboarding/components/OnboardingStep/styles.module.scss +1 -1
  13. package/dist/components/UTOnboarding/styles.module.scss +2 -3
  14. package/dist/components/UTPhoneInput/versions/V0/styles.module.scss +2 -2
  15. package/dist/components/UTRating/components/Circle/styles.module.scss +4 -4
  16. package/dist/components/UTRating/components/Faces/styles.module.scss +3 -3
  17. package/dist/components/UTRating/components/Star/styles.module.scss +3 -3
  18. package/dist/components/UTRating/styles.module.scss +1 -1
  19. package/dist/components/UTSidebar/styles.module.scss +1 -1
  20. package/dist/components/UTSkeleton/styles.module.scss +1 -1
  21. package/dist/components/UTStepper/components/Step/styles.module.scss +1 -1
  22. package/dist/components/UTTable/components/ActionIcons/styles.module.scss +0 -2
  23. package/dist/components/UTTable/styles.module.scss +1 -1
  24. package/dist/components/UTTextInput/versions/V0/styles.module.scss +1 -1
  25. package/dist/components/UTTooltip/styles.module.scss +1 -1
  26. package/dist/components/UTTracker/components/Step/styles.module.scss +3 -3
  27. package/dist/components/UTTracker/styles.module.scss +0 -2
  28. package/dist/components/UTWorkflowContainer/versions/V1/components/NavActions/styles.module.scss +1 -1
  29. package/dist/components/UTWorkflowContainer/versions/V1/styles.module.scss +1 -2
  30. package/dist/scss/variables/colors.module.scss +3 -1
  31. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [3.37.0](https://github.com/widergy/energy-ui/compare/v3.36.0...v3.37.0) (2024-10-29)
2
+
3
+
4
+ ### Features
5
+
6
+ * replaced node-sass with sass ([#521](https://github.com/widergy/energy-ui/issues/521)) ([5286d09](https://github.com/widergy/energy-ui/commit/5286d09c702e90bcfd3955ff03502cec9ab6e047))
7
+
1
8
  # [3.36.0](https://github.com/widergy/energy-ui/compare/v3.35.0...v3.36.0) (2024-10-23)
2
9
 
3
10
 
package/dist/components/Loading/styles.module.scss CHANGED
@@ -1,5 +1,3 @@
1
- @import '../../scss/variables/colors.module.scss';
2
-
3
1
  .container {
4
2
  align-items: center;
5
3
  display: flex;
package/dist/components/UTAttachment/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../scss/variables/mediaQueries.module.scss' as *;
2
2
 
3
3
  .fileContainer {
4
4
  align-items: center;
package/dist/components/UTButton/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../scss/variables/mediaQueries.module.scss' as *;
2
2
 
3
3
  $big-icon: 1.5rem;
4
4
  $small-icon: 1.25rem;
package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/styles.module.scss CHANGED
@@ -1,5 +1,5 @@
1
- @import '../../../../scss/variables/colors.module.scss';
2
- @import '../../../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../../../scss/variables/colors.module.scss' as *;
2
+ @use '../../../../scss/variables/mediaQueries.module.scss' as *;
3
3
 
4
4
  .indicator {
5
5
  align-items: center;
package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicatorTop/styles.module.scss CHANGED
@@ -1,5 +1,5 @@
1
- @import '../../../../scss/variables/colors.module.scss';
2
- @import '../../../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../../../scss/variables/colors.module.scss' as *;
2
+ @use '../../../../scss/variables/mediaQueries.module.scss' as *;
3
3
 
4
4
  .alignCenter {
5
5
  text-align: center;
package/dist/components/UTConsumptionBar/styles.module.scss CHANGED
@@ -1,6 +1,6 @@
1
- @import '../../scss/variables/colors.module.scss';
2
- @import '../../scss/variables/mediaQueries.module.scss';
3
- @import '../../scss/variables/fontSizes.module.scss';
1
+ @use '../../scss/variables/colors.module.scss' as *;
2
+ @use '../../scss/variables/mediaQueries.module.scss' as *;
3
+ @use '../../scss/variables/fontSizes.module.scss' as *;
4
4
 
5
5
  .container {
6
6
  align-items: center;
package/dist/components/UTEmojiPicker/styles.module.scss CHANGED
@@ -1,5 +1,5 @@
1
- @import '../../scss/variables/colors.module.scss';
2
- @import '../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../scss/variables/colors.module.scss' as *;
2
+ @use '../../scss/variables/mediaQueries.module.scss' as *;
3
3
 
4
4
  $icon-size: 40px;
5
5
 
package/dist/components/UTFileInput/styles.module.scss CHANGED
@@ -1,5 +1,4 @@
1
- @import '../../scss/variables/colors.module.scss';
2
- @import '../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../scss/variables/colors.module.scss' as *;
3
2
 
4
3
  .input {
5
4
  cursor: pointer;
package/dist/components/UTHeader/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../scss/variables/mediaQueries.module.scss' as *;
2
2
 
3
3
  $header-workflow-max-width: 966px;
4
4
 
package/dist/components/UTImageRadio/components/ImageRadioCard/styles.module.scss CHANGED
@@ -1,5 +1,6 @@
1
- @import '../../../../scss/variables/colors.module.scss';
2
- @import '../../../../scss/variables/mediaQueries.module.scss';
1
+ @use 'sass:color';
2
+ @use '../../../../scss/variables/colors.module.scss' as *;
3
+ @use '../../../../scss/variables/mediaQueries.module.scss' as *;
3
4
 
4
5
  $default-text-grid-gap: 8px;
5
6
  $content-grid-gap: 16px;
package/dist/components/UTOnboarding/components/OnboardingStep/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../../../scss/variables/colors.module.scss';
1
+ @use '../../../../scss/variables/colors.module.scss' as *;
2
2
 
3
3
  .description {
4
4
  padding: 0;
package/dist/components/UTOnboarding/styles.module.scss CHANGED
@@ -1,4 +1,3 @@
1
- @import '../../scss/variables/colors.module.scss';
2
1
  $intro-js-disabled-button-class: 'introjs-disabled';
3
2
  $introjs-progress: 'introjs-progress';
4
3
  $introjs-progressbar: 'introjs-progressbar';
@@ -17,13 +16,13 @@ $introjs-tooltipbuttons: 'introjs-tooltipbuttons';
17
16
 
18
17
  %tooltipContainer {
19
18
  box-sizing: border-box;
20
- color: $white;
19
+ color: var(--light01);
21
20
  margin: 0;
22
21
  padding: 16px !important;
23
22
  width: 296px;
24
23
  z-index: 1290;
25
24
  [class*='#{$introjs-skipbutton}'] {
26
- color: $white;
25
+ color: var(--light01);
27
26
  font-size: 30px;
28
27
  font-weight: 400;
29
28
  position: relative;
package/dist/components/UTPhoneInput/versions/V0/styles.module.scss CHANGED
@@ -1,5 +1,5 @@
1
- @import '../../../../scss/variables/colors.module.scss';
2
- @import '../../../../scss/variables/fontSizes.module.scss';
1
+ @use '../../../../scss/variables/colors.module.scss' as *;
2
+ @use '../../../../scss/variables/fontSizes.module.scss' as *;
3
3
 
4
4
  .container {
5
5
  align-items: flex-start;
package/dist/components/UTRating/components/Circle/styles.module.scss CHANGED
@@ -1,7 +1,7 @@
1
- @import '../../../../scss/variables/colors.module.scss';
2
- @import '../../../../scss/variables/fontSizes.module.scss';
3
- @import '../../../../scss/variables/sizes.module.scss';
4
- @import '../../../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../../../scss/variables/colors.module.scss' as *;
2
+ @use '../../../../scss/variables/fontSizes.module.scss' as *;
3
+ @use '../../../../scss/variables/sizes.module.scss' as *;
4
+ @use '../../../../scss/variables/mediaQueries.module.scss' as *;
5
5
 
6
6
  .icon {
7
7
  height: $rating-circle-icon-size;
package/dist/components/UTRating/components/Faces/styles.module.scss CHANGED
@@ -1,6 +1,6 @@
1
- @import '../../../../scss/variables/colors.module.scss';
2
- @import '../../../../scss/variables/sizes.module.scss';
3
- @import '../../../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../../../scss/variables/colors.module.scss' as *;
2
+ @use '../../../../scss/variables/sizes.module.scss' as *;
3
+ @use '../../../../scss/variables/mediaQueries.module.scss' as *;
4
4
 
5
5
  .container {
6
6
  align-items: center;
package/dist/components/UTRating/components/Star/styles.module.scss CHANGED
@@ -1,6 +1,6 @@
1
- @import '../../../../scss/variables/colors.module.scss';
2
- @import '../../../../scss/variables/fontSizes.module.scss';
3
- @import '../../../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../../../scss/variables/colors.module.scss' as *;
2
+ @use '../../../../scss/variables/fontSizes.module.scss' as *;
3
+ @use '../../../../scss/variables/mediaQueries.module.scss' as *;
4
4
 
5
5
  .container {
6
6
  align-items: center;
package/dist/components/UTRating/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../scss/variables/mediaQueries.module.scss' as *;
2
2
 
3
3
  .container {
4
4
  display: flex;
package/dist/components/UTSidebar/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../scss/variables/mediaQueries.module.scss' as *;
2
2
 
3
3
  .drawer {
4
4
  align-items: center;
package/dist/components/UTSkeleton/styles.module.scss CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- @import '../../scss/variables/colors.module.scss';
2
+ @use '../../scss/variables/colors.module.scss' as *;
3
3
 
4
4
  @keyframes skeletonAnimation {
5
5
  0% {
package/dist/components/UTStepper/components/Step/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../../../scss/variables/colors.module.scss';
1
+ @use '../../../../scss/variables/colors.module.scss' as *;
2
2
 
3
3
  $vertical-label-offset: 10px;
4
4
 
package/dist/components/UTTable/components/ActionIcons/styles.module.scss CHANGED
@@ -1,5 +1,3 @@
1
- @import '../../../../scss/variables/colors.module.scss';
2
-
3
1
  .iconButton {
4
2
  align-items: center;
5
3
  border-radius: 4px;
package/dist/components/UTTable/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../scss/variables/colors.module.scss';
1
+ @use '../../scss/variables/colors.module.scss' as *;
2
2
 
3
3
  .table {
4
4
  position: relative;
package/dist/components/UTTextInput/versions/V0/styles.module.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // sass-lint:disable no-vendor-prefixes
2
- @import '../../../../scss/variables/colors.module.scss';
2
+ @use '../../../../scss/variables/colors.module.scss' as *;
3
3
 
4
4
  .iconContainer {
5
5
  align-items: center;
package/dist/components/UTTooltip/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../scss/variables/colors.module.scss';
1
+ @use '../../scss/variables/colors.module.scss' as *;
2
2
 
3
3
  .baseContent {
4
4
  text-align: left;
package/dist/components/UTTracker/components/Step/styles.module.scss CHANGED
@@ -24,9 +24,9 @@ $oval-size: 20px;
24
24
 
25
25
  .innerContainer {
26
26
  align-items: center;
27
- border-radius: ($oval-size / 2);
28
- height: ($oval-size / 2);
29
- width: ($oval-size / 2);
27
+ border-radius: calc($oval-size / 2);
28
+ height: calc($oval-size / 2);
29
+ width: calc($oval-size / 2);
30
30
  }
31
31
 
32
32
  .outerContainer {
package/dist/components/UTTracker/styles.module.scss CHANGED
@@ -1,5 +1,3 @@
1
- @import '../../scss/variables/colors.module.scss';
2
-
3
1
  .container {
4
2
  border-top-left-radius: 8px;
5
3
  border-top-right-radius: 8px;
package/dist/components/UTWorkflowContainer/versions/V1/components/NavActions/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../../../../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../../../../../scss/variables/mediaQueries.module.scss' as *;
2
2
 
3
3
  .actionsContainer {
4
4
  align-items: center;
package/dist/components/UTWorkflowContainer/versions/V1/styles.module.scss CHANGED
@@ -1,5 +1,4 @@
1
- @import '../../../../scss/variables/colors.module.scss';
2
- @import '../../../../scss/variables/mediaQueries.module.scss';
1
+ @use '../../../../scss/variables/mediaQueries.module.scss' as *;
3
2
 
4
3
  $default-variant-max-width: 966px;
5
4
 
package/dist/scss/variables/colors.module.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'sass:color';
2
+
1
3
  $black: rgba(0, 0, 0, 0.87);
2
4
  $white: #FFF;
3
5
  $transparent: transparent;
@@ -42,7 +44,7 @@ $button-secondary: #1A58D5;
42
44
  $button-tertiary: #E9F0FD;
43
45
  $button-shadow: #C9DBFE;
44
46
  $image-radio-background: #E5E5E5;
45
- $image-radio-background-hover: darken(#E5E5E5, 10%);
47
+ $image-radio-background-hover: color.adjust(#E5E5E5, $lightness: -10%);
46
48
  $green: #02E700;
47
49
  $usage-indicator-yellow: #FEFA00;
48
50
  $usage-indicator-red: #FB391B;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.36.0",
3
+ "version": "3.37.0",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",
@@ -42,7 +42,6 @@
42
42
  "emojilib": "^3.0.10",
43
43
  "intro.js": "^7.2.0",
44
44
  "intro.js-react": "0.7.1",
45
- "node-sass": "^8.0.0",
46
45
  "numeral": "^2.0.6",
47
46
  "object-hash": "^3.0.0",
48
47
  "react-google-maps": ">=9.2.2",
@@ -54,6 +53,7 @@
54
53
  "react-window": "^1.8.5",
55
54
  "rehype-raw": "^6.1.0",
56
55
  "remark-breaks": "^3.0.2",
56
+ "sass": "^1.80.4",
57
57
  "sass-loader": "^10.0.5",
58
58
  "seamless-immutable": "^7.1.4"
59
59
  },