@flywheel-io/vision 0.2.2 → 0.3.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 (22) hide show
  1. package/bundles/flywheel-io-vision-elements.umd.js +12 -3
  2. package/bundles/flywheel-io-vision-elements.umd.js.map +1 -1
  3. package/bundles/flywheel-io-vision-elements.umd.min.js +1 -15
  4. package/bundles/flywheel-io-vision-elements.umd.min.js.map +1 -1
  5. package/bundles/flywheel-io-vision.umd.js +15 -6
  6. package/bundles/flywheel-io-vision.umd.js.map +1 -1
  7. package/bundles/flywheel-io-vision.umd.min.js +1 -16
  8. package/bundles/flywheel-io-vision.umd.min.js.map +1 -1
  9. package/esm2015/components/notification/notification/notification.component.js +1 -1
  10. package/esm2015/components/notification/notification-container/notification-container.component.js +2 -2
  11. package/esm2015/components/popover/popover.component.js +1 -1
  12. package/fesm2015/flywheel-io-vision.js +3 -3
  13. package/fesm2015/flywheel-io-vision.js.map +1 -1
  14. package/flywheel-io-vision.metadata.json +1 -1
  15. package/package.json +12 -12
  16. package/scss/config/colors.scss +87 -87
  17. package/scss/config/config.scss +19 -0
  18. package/scss/config/general.scss +11 -35
  19. package/scss/config/theme.scss +34 -34
  20. package/scss/material/overrides.scss +7 -7
  21. package/styles.css +450 -298
  22. package/styles.scss +11 -10
package/styles.scss CHANGED
@@ -1,3 +1,6 @@
1
+ @use '@angular/material/theming' as mat;
2
+ @use './scss/config/theme';
3
+
1
4
  // Google Fonts
2
5
  @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
3
6
  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
@@ -7,25 +10,23 @@
7
10
  // Reset
8
11
  @import './scss/vendor/reset';
9
12
 
10
- // Material theme variables
11
- @import './scss/config/theme';
12
-
13
13
  // Include the common styles for Angular Material. We include this here so that you only
14
14
  // have to load a single css file for Angular Material in your app.
15
15
  // Be sure that you only ever include this mixin once!
16
- @include mat-core();
16
+ @include mat.mat-core();
17
17
 
18
18
  // Include theme styles for core and each component used in your app.
19
19
  // Alternatively, you can import and @include the theme mixins for each component
20
20
  // that you are using.
21
- @include angular-material-theme($vision-theme);
21
+ @include mat.angular-material-theme(theme.$vision-theme);
22
22
 
23
23
  // Override accent color in some components
24
- $mat-theme-ignore-duplication-warnings: true;
25
- @include mat-checkbox-theme($vision-accent-override);
26
- @include mat-radio-theme($vision-accent-override);
27
- @include mat-slide-toggle-theme($vision-accent-override);
28
- @include mat-slider-theme($vision-accent-override);
24
+ // mat.$mat-theme-ignore-duplication-warnings: true;
25
+ @include mat.mat-checkbox-theme(theme.$vision-accent-override);
26
+ @include mat.mat-pseudo-checkbox-color(theme.$vision-accent-override); // within lists and stuff
27
+ @include mat.mat-radio-theme(theme.$vision-accent-override);
28
+ @include mat.mat-slide-toggle-theme(theme.$vision-accent-override);
29
+ @include mat.mat-slider-theme(theme.$vision-accent-override);
29
30
 
30
31
  // Config
31
32
  @import './scss/config/colors';