cmat 0.0.32 → 0.0.33

package/tailwind/plugins/theming.js

@@ -10,17 +10,6 @@ const flattenColorPalette = importDefault(flattenColorPaletteImport);
 const generateContrasts = require(path.resolve(__dirname, ('../utils/generate-contrasts')));
 const jsonToSassMap = require(path.resolve(__dirname, ('../utils/json-to-sass-map')));
 
-// -----------------------------------------------------------------------------------------------------
-// @ Utilities
-// -----------------------------------------------------------------------------------------------------
-
-/**
- * Normalizes the provided theme by omitting empty values and values that
- * start with "on" from each palette. Also sets the correct DEFAULT value
- * of each palette.
- *
- * @param theme
- */
 const normalizeTheme = (theme) => {
     return _.fromPairs(_.map(_.omitBy(theme, (palette, paletteName) => paletteName.startsWith('on') || _.isEmpty(palette)),
         (palette, paletteName) => [
@@ -117,11 +106,6 @@ const theming = plugin.withOptions((options) => ({
         }
     }
 
-    /**
-     * Iterate through the user's themes and build Tailwind components containing
-     * CSS Custom Properties using the colors from them. This allows switching
-     * themes by simply replacing a class name as well as nesting them.
-     */
     addComponents(
         _.fromPairs(_.map(options.themes, (theme, themeName) => [
             themeName === 'default' ? '.theme-default' : `.theme-${themeName}`,
@@ -212,16 +196,14 @@ const theming = plugin.withOptions((options) => ({
                                 'bg-app-bar': '#FFFFFF',
                                 'bg-card': '#FFFFFF',
                                 'bg-default': colors.slate[100],
-                                'bg-dialog': '#FFFFFF',
-                                'bg-hover': chroma(colors.slate[400]).alpha(0.12).css(),
+                                'bg-dialog': '#FFFFFF',                                
                                 'bg-status-bar': colors.slate[300]
                             },
                             dark: {
                                 'bg-app-bar': colors.slate[900],
                                 'bg-card': colors.slate[800],
                                 'bg-default': colors.slate[900],
-                                'bg-dialog': colors.slate[800],
-                                'bg-hover': 'rgba(255, 255, 255, 0.05)',
+                                'bg-dialog': colors.slate[800],                                
                                 'bg-status-bar': colors.slate[900]
                             }
                         },

package/tailwind/plugins/utilities.js

@@ -46,7 +46,7 @@ module.exports = plugin(({
     addComponents(
         {
             '.bg-hover': {
-                backgroundColor: 'var(--cmat-bg-hover)'
+                backgroundColor: 'var(--mat-option-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent))'
             }
         }
     );