@energycap/components 0.30.4 → 0.31.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 (40) hide show
  1. package/bundles/energycap-components.umd.js +31 -31
  2. package/bundles/energycap-components.umd.min.js +2 -2
  3. package/bundles/energycap-components.umd.min.js.map +1 -1
  4. package/energycap-components.metadata.json +1 -1
  5. package/energycap-components.min.css +1 -1
  6. package/esm2015/lib/controls/banner/banner.component.js +1 -1
  7. package/esm2015/lib/controls/button/button.component.js +1 -1
  8. package/esm2015/lib/controls/checkbox/checkbox.component.js +1 -1
  9. package/esm2015/lib/controls/collapsible-toggle/collapsible-toggle.component.js +1 -1
  10. package/esm2015/lib/controls/combobox/combobox.component.js +1 -1
  11. package/esm2015/lib/controls/dropdown/dropdown.component.js +1 -1
  12. package/esm2015/lib/controls/file-upload/file-upload.component.js +1 -1
  13. package/esm2015/lib/controls/form-control-label/form-control-label.component.js +1 -1
  14. package/esm2015/lib/controls/form-group/form-group.component.js +1 -1
  15. package/esm2015/lib/controls/item-picker/item-picker.component.js +1 -1
  16. package/esm2015/lib/controls/menu/menu.component.js +1 -1
  17. package/esm2015/lib/controls/numericbox/numericbox.component.js +1 -1
  18. package/esm2015/lib/controls/popover/popover.component.js +1 -1
  19. package/esm2015/lib/controls/radio-button/radio-button.component.js +1 -1
  20. package/esm2015/lib/controls/select/select.component.js +1 -1
  21. package/esm2015/lib/controls/tabs/tabs.component.js +1 -1
  22. package/esm2015/lib/controls/textbox/textbox.component.js +1 -1
  23. package/esm2015/lib/display/app-bar/app-bar.component.js +1 -1
  24. package/esm2015/lib/display/dialog/dialog-group/dialog-group.component.js +1 -1
  25. package/esm2015/lib/display/dialog/dialog.component.js +1 -1
  26. package/esm2015/lib/display/hierarchy/hierarchy-tree/hierarchy-tree.component.js +1 -1
  27. package/esm2015/lib/display/item-display/item-display.component.js +1 -1
  28. package/esm2015/lib/display/json-display/json-display.component.js +1 -1
  29. package/esm2015/lib/display/resizable/resizable.component.js +1 -1
  30. package/esm2015/lib/display/table/searchable-table.component.js +1 -1
  31. package/esm2015/lib/display/table/table-detail-row.component.js +1 -1
  32. package/esm2015/lib/display/table/table-locked-column.component.js +1 -1
  33. package/esm2015/lib/display/table/table-master-header-row.component.js +1 -1
  34. package/esm2015/lib/display/table/table-master-row.component.js +1 -1
  35. package/esm2015/lib/display/table/table.component.js +1 -1
  36. package/esm2015/lib/display/tags/tags.component.js +1 -1
  37. package/fesm2015/energycap-components.js +31 -31
  38. package/package.json +2 -2
  39. package/src/styles/_icons.scss +3 -0
  40. package/src/styles/mixins/_button-base.scss +13 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@energycap/components",
3
- "version": "0.30.4",
3
+ "version": "0.31.0",
4
4
  "dependencies": {
5
5
  "tslib": "^2.0.0"
6
6
  },
@@ -10,7 +10,7 @@
10
10
  "@angular/forms": "^11.0.0",
11
11
  "@angular/router": "^11.0.0",
12
12
  "@angular/cdk": "^11.2.13",
13
- "@energycap/energycap-icons": "^3.1.0",
13
+ "@energycap/energycap-icons": "^3.3.0",
14
14
  "@ngx-translate/core": "^13.0.0",
15
15
  "popper.js": "~1.11.1",
16
16
  "lodash": "^4.17.21",
package/src/styles/_icons.scss CHANGED
@@ -4,6 +4,9 @@
4
4
 
5
5
  $icon-url-prefix: 'data:image/svg+xml;charset=utf8,';
6
6
 
7
+ // Deprecated SCSS variables for legacy background-image icons.
8
+ $icon-color-base: rgba(26, 26, 35, .66);
9
+
7
10
  $required-icon: str-replace(url('#{$icon-url-prefix}<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#{$yellow-4}" d="M31.32 21.69l-.09.18-2.48 4.35c-.36.54-.77.62-1.25.27-.12 0-.2 0-.2-.09L19.53 22v9.37a1.26 1.26 0 0 1-.72.67h-5.26c-.59 0-.83-.3-.83-.89 0-.12.15-.21.15-.27V22l-8 4.71h-.12c-.42.66-.8.21-1.16-.27L1 21.82a.82.82 0 0 1 .35-1.26l.18-.1L9 16 .87 11.47v-.09c0-.36-.39-.74-.09-1.16l2.75-4.35v-.09c0-.42.82-.54 1.29-.36l8 4.62V.89c0-.59.18-.89.77-.89h5c.65 0 .91.3.91.89V10l7.94-4.53c.48-.29.72-.21 1.08.27l2.32 4.35v.09c.66.48.45.89-.08 1.25L23 16l7.91 4.53v.09c-.04.18.53.54.41 1.07z"/></svg>'), '#', '%23');
8
11
 
9
12
  $invalid-icon: str-replace(url('#{$icon-url-prefix}<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#{$icon-color-base}" d="M20.21 20.21h-8.42L10.95 0h10.1l-.84 20.21zm-8.42 3.37h8.42V32h-8.42z"/></svg>'), '#', '%23');
package/src/styles/mixins/_button-base.scss CHANGED
@@ -38,6 +38,10 @@
38
38
  background-color: $green-4;
39
39
  color: var(--ec-color-primary-dark);
40
40
  }
41
+
42
+ .ec-icon {
43
+ color: var(--ec-button-color-icon, var(--ec-color-icon));
44
+ }
41
45
  }
42
46
 
43
47
  @mixin secondary-button {
@@ -49,6 +53,10 @@
49
53
  background-color: var(--ec-background-color);
50
54
  color: var(--ec-color-primary-dark);
51
55
  }
56
+
57
+ .ec-icon {
58
+ color: var(--ec-button-color-icon, var(--ec-color-icon));
59
+ }
52
60
  }
53
61
 
54
62
  @mixin common-button {
@@ -57,7 +65,7 @@
57
65
  color: var(--ec-color-primary-light);
58
66
 
59
67
  .ec-icon {
60
- color: inherit;
68
+ color: var(--ec-button-color-icon, inherit);
61
69
  }
62
70
 
63
71
  &:active:enabled {
@@ -72,7 +80,7 @@
72
80
  color: var(--ec-color-primary-light);
73
81
 
74
82
  .ec-icon {
75
- color: inherit;
83
+ color: var(--ec-button-color-icon, inherit);
76
84
  }
77
85
 
78
86
  &:active:enabled {
@@ -82,7 +90,7 @@
82
90
 
83
91
  @mixin icon-button{
84
92
  background-color: transparent;
85
- color: $icon-color-base;
93
+ color: var(--ec-color-icon);
86
94
  width: $control-height;
87
95
  padding: 0;
88
96
 
@@ -90,6 +98,7 @@
90
98
  height: 1rem;
91
99
  margin: 0;
92
100
  padding: 0;
101
+ color: var(--ec-button-color-icon, var(--ec-color-icon));
93
102
  }
94
103
 
95
104
  &:hover {
@@ -118,7 +127,7 @@
118
127
  color: $color;
119
128
 
120
129
  .ec-icon {
121
- color: $icon-color;
130
+ color: var(--ec-button-color-icon, $icon-color);
122
131
  }
123
132
 
124
133
  &:active:enabled {