@farm-investimentos/front-mfe-components 13.1.0 → 13.1.1

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 (8) hide show
  1. package/dist/front-mfe-components.common.js +76 -76
  2. package/dist/front-mfe-components.css +1 -1
  3. package/dist/front-mfe-components.umd.js +76 -76
  4. package/package.json +1 -1
  5. package/src/components/Buttons/DefaultButton/DefaultButton.scss +7 -0
  6. package/src/components/Buttons/DefaultButton/DefaultButton.stories.js +1 -1
  7. package/src/components/Icon/Icon.scss +4 -0
  8. package/src/components/Icon/Icon.stories.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@farm-investimentos/front-mfe-components",
3
- "version": "13.1.0",
3
+ "version": "13.1.1",
4
4
  "author": "farm investimentos",
5
5
  "private": false,
6
6
  "main": "./dist/front-mfe-components.common.js",
package/src/components/Buttons/DefaultButton/DefaultButton.scss CHANGED
@@ -164,6 +164,13 @@ $butonSizes: (
164
164
  }
165
165
  }
166
166
  }
167
+
168
+ &#{'.farm-btn--white'}:not(.farm-btn--disabled) {
169
+
170
+ ::v-deep .farm-btn__content i.mdi {
171
+ color: white;
172
+ }
173
+ }
167
174
  }
168
175
 
169
176
  @each $color in $theme-colors-list {
package/src/components/Buttons/DefaultButton/DefaultButton.stories.js CHANGED
@@ -192,7 +192,7 @@ export const Icons = () => ({
192
192
  export const Iconed = () => ({
193
193
  data() {
194
194
  return {
195
- colors,
195
+ colors: [...colors, 'white'],
196
196
  };
197
197
  },
198
198
  template: `<div class="buttons-container">
package/src/components/Icon/Icon.scss CHANGED
@@ -25,6 +25,10 @@
25
25
  }
26
26
  }
27
27
 
28
+ &--white {
29
+ color: white;
30
+ }
31
+
28
32
  @each $size, $value in $sizes {
29
33
  &#{'.farm-icon[size=' + $size + ']'} {
30
34
  font-size: $value;
package/src/components/Icon/Icon.stories.js CHANGED
@@ -34,7 +34,7 @@ export const Atom = () => ({
34
34
  export const Colors = () => ({
35
35
  data() {
36
36
  return {
37
- colors: [...colors],
37
+ colors: [...colors, 'white'],
38
38
  };
39
39
  },
40
40
  template: `<div class="icons-container">