@aurora-ds/components 1.7.6 → 1.7.8

package/dist/esm/index.js

@@ -352,7 +352,7 @@ const buildActionButtonRootStyle = (theme, variant, color, focusOptions) => {
             on: c.errorOn, subtle: c.errorSubtle, subtleHover: c.errorSubtleHover, subtleActive: c.errorSubtleActive,
             fg: c.errorMain, fgHover: c.errorHover, border: c.errorMain,
         },
-        textPrimary: {
+        'textPrimary': {
             main: c.primaryMain, hover: c.primaryHover, active: c.primaryActive,
             on: c.primaryOn, subtle: c.primarySubtle, subtleHover: c.primarySubtleHover, subtleActive: c.primarySubtleActive,
             fg: c.textPrimary, fgHover: c.textPrimary, border: c.primaryMain,
@@ -743,6 +743,7 @@ const FAB_STYLES = createStyles((theme) => ({
             success: { bg: c.successMain, bgHover: c.successHover, bgActive: c.successActive, fg: c.successOn },
             warning: { bg: c.warningMain, bgHover: c.warningHover, bgActive: c.warningActive, fg: c.warningOn },
             error: { bg: c.errorMain, bgHover: c.errorHover, bgActive: c.errorActive, fg: c.errorOn },
+            'textPrimary': { bg: c.primaryMain, bgHover: c.primaryHover, bgActive: c.primaryActive, fg: c.primaryOn },
         };
         const { bg, bgHover, bgActive, fg } = colorMap[color];
         const dim = SIZE_MAP[size];
@@ -799,7 +800,7 @@ const FAB_STYLES = createStyles((theme) => ({
     },
 }), { id: 'fab' });
 // Pre-generate CSS for all color/size/extended combinations.
-const FAB_COLOR_VALUES = ['primary', 'secondary', 'neutral', 'info', 'success', 'warning', 'error'];
+const FAB_COLOR_VALUES = ['primary', 'secondary', 'neutral', 'info', 'success', 'warning', 'error', 'textPrimary'];
 const FAB_SIZE_VALUES = ['sm', 'md', 'lg'];
 FAB_COLOR_VALUES.forEach(color => FAB_SIZE_VALUES.forEach(size => {
     FAB_STYLES.root({ color, size, extended: false });
@@ -1045,6 +1046,11 @@ const buildToggleIntents = (c) => ({
         on: c.errorOn, subtle: c.errorSubtle, subtleHover: c.errorSubtleHover, subtleActive: c.errorSubtleActive,
         fg: c.errorMain, fgHover: c.errorHover, border: c.errorMain,
     },
+    textPrimary: {
+        main: c.primaryMain, hover: c.primaryHover, active: c.primaryActive,
+        on: c.primaryOn, subtle: c.primarySubtle, subtleHover: c.primarySubtleHover, subtleActive: c.primarySubtleActive,
+        fg: c.textPrimary, fgHover: c.textPrimary, border: c.primaryMain,
+    },
 });
 
 /**
@@ -5826,10 +5832,10 @@ const DRAWER_ITEM_STYLES = createStyles((theme) => ({
         height: DEFAULT_DRAWER_ITEM_SIZE,
         ...(selected
             ? {
-                backgroundColor: theme.colors.primarySubtle,
-                color: theme.colors.primaryMain,
-                ':hover': { backgroundColor: theme.colors.primarySubtleHover, color: theme.colors.primaryHover },
-                ':active': { backgroundColor: theme.colors.primarySubtleActive, color: theme.colors.primaryActive },
+                backgroundColor: theme.colors.primaryMain,
+                color: theme.colors.primaryOn,
+                ':hover': { backgroundColor: theme.colors.primaryHover, color: theme.colors.primaryOn },
+                ':active': { backgroundColor: theme.colors.primaryActive, color: theme.colors.primaryOn },
             }
             : {
                 backgroundColor: 'transparent',