@ttoss/theme 1.4.2 → 1.4.4

package/dist/esm/{chunk-VIAWD6II.js → chunk-NZ55XKBO.js}

@@ -221,7 +221,8 @@ var BruttalTheme = {
     default: coreBorders.medium
   },
   radii: {
-    default: coreRadii.sm
+    default: coreRadii.sm,
+    action: coreRadii.sm
   },
   /**
    * Global styles
@@ -251,10 +252,7 @@ var BruttalTheme = {
     accent: {
       backgroundColor: "accent",
       color: "onAccent",
-      fontFamily: "highlight",
-      fontWeight: "bold",
-      border: "default",
-      borderRadius: "default",
+      borderRadius: "action",
       borderColor: "accent",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
@@ -270,10 +268,8 @@ var BruttalTheme = {
     primary: {
       backgroundColor: "primary",
       color: "onPrimary",
-      fontFamily: "body",
-      border: "default",
-      borderRadius: "default",
-      borderColor: "outline",
+      borderRadius: "action",
+      borderColor: "primary",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
         color: "onHighlight",
@@ -293,10 +289,8 @@ var BruttalTheme = {
     secondary: {
       backgroundColor: "secondary",
       color: "onSecondary",
-      fontFamily: "body",
-      border: "default",
-      borderRadius: "default",
-      borderColor: "outline",
+      borderRadius: "action",
+      borderColor: "secondary",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
         color: "onHighlight",
@@ -309,12 +303,10 @@ var BruttalTheme = {
       }
     },
     neutral: {
-      backgroundColor: "neutral",
-      color: "onNeutral",
-      fontFamily: "body",
-      border: "default",
-      borderRadius: "default",
-      borderColor: "outline",
+      backgroundColor: "muted",
+      color: "onMuted",
+      borderRadius: "action",
+      borderColor: "muted",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
         color: "onHighlight",
@@ -327,7 +319,7 @@ var BruttalTheme = {
       }
     },
     danger: {
-      color: "white",
+      color: "onDanger",
       backgroundColor: "danger"
     }
   },

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { BruttalTheme } from "./chunk-VIAWD6II.js";
+import { BruttalTheme } from "./chunk-NZ55XKBO.js";
 
 // src/createTheme.ts
 import deepmerge from "deepmerge";

package/dist/esm/themes/Bruttal/Bruttal.js

@@ -1,3 +1,3 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { BruttalFonts, BruttalTheme } from "../../chunk-VIAWD6II.js";
+import { BruttalFonts, BruttalTheme } from "../../chunk-NZ55XKBO.js";
 export { BruttalFonts, BruttalTheme };

package/dist/index.js

@@ -260,7 +260,8 @@ var BruttalTheme = {
     default: coreBorders.medium
   },
   radii: {
-    default: coreRadii.sm
+    default: coreRadii.sm,
+    action: coreRadii.sm
   },
   /**
    * Global styles
@@ -290,10 +291,7 @@ var BruttalTheme = {
     accent: {
       backgroundColor: "accent",
       color: "onAccent",
-      fontFamily: "highlight",
-      fontWeight: "bold",
-      border: "default",
-      borderRadius: "default",
+      borderRadius: "action",
       borderColor: "accent",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
@@ -309,10 +307,8 @@ var BruttalTheme = {
     primary: {
       backgroundColor: "primary",
       color: "onPrimary",
-      fontFamily: "body",
-      border: "default",
-      borderRadius: "default",
-      borderColor: "outline",
+      borderRadius: "action",
+      borderColor: "primary",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
         color: "onHighlight",
@@ -332,10 +328,8 @@ var BruttalTheme = {
     secondary: {
       backgroundColor: "secondary",
       color: "onSecondary",
-      fontFamily: "body",
-      border: "default",
-      borderRadius: "default",
-      borderColor: "outline",
+      borderRadius: "action",
+      borderColor: "secondary",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
         color: "onHighlight",
@@ -348,12 +342,10 @@ var BruttalTheme = {
       }
     },
     neutral: {
-      backgroundColor: "neutral",
-      color: "onNeutral",
-      fontFamily: "body",
-      border: "default",
-      borderRadius: "default",
-      borderColor: "outline",
+      backgroundColor: "muted",
+      color: "onMuted",
+      borderRadius: "action",
+      borderColor: "muted",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
         color: "onHighlight",
@@ -366,7 +358,7 @@ var BruttalTheme = {
       }
     },
     danger: {
-      color: "white",
+      color: "onDanger",
       backgroundColor: "danger"
     }
   },

package/dist/themes/Bruttal/Bruttal.js

@@ -264,7 +264,8 @@ var BruttalTheme = {
     default: coreBorders.medium
   },
   radii: {
-    default: coreRadii.sm
+    default: coreRadii.sm,
+    action: coreRadii.sm
   },
   /**
    * Global styles
@@ -294,10 +295,7 @@ var BruttalTheme = {
     accent: {
       backgroundColor: "accent",
       color: "onAccent",
-      fontFamily: "highlight",
-      fontWeight: "bold",
-      border: "default",
-      borderRadius: "default",
+      borderRadius: "action",
       borderColor: "accent",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
@@ -313,10 +311,8 @@ var BruttalTheme = {
     primary: {
       backgroundColor: "primary",
       color: "onPrimary",
-      fontFamily: "body",
-      border: "default",
-      borderRadius: "default",
-      borderColor: "outline",
+      borderRadius: "action",
+      borderColor: "primary",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
         color: "onHighlight",
@@ -336,10 +332,8 @@ var BruttalTheme = {
     secondary: {
       backgroundColor: "secondary",
       color: "onSecondary",
-      fontFamily: "body",
-      border: "default",
-      borderRadius: "default",
-      borderColor: "outline",
+      borderRadius: "action",
+      borderColor: "secondary",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
         color: "onHighlight",
@@ -352,12 +346,10 @@ var BruttalTheme = {
       }
     },
     neutral: {
-      backgroundColor: "neutral",
-      color: "onNeutral",
-      fontFamily: "body",
-      border: "default",
-      borderRadius: "default",
-      borderColor: "outline",
+      backgroundColor: "muted",
+      color: "onMuted",
+      borderRadius: "action",
+      borderColor: "muted",
       ":hover:not(:active,[disabled])": {
         backgroundColor: "highlight",
         color: "onHighlight",
@@ -370,7 +362,7 @@ var BruttalTheme = {
       }
     },
     danger: {
-      color: "white",
+      color: "onDanger",
       backgroundColor: "danger"
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/theme",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "Theme for packages.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -17,6 +17,8 @@
       "require": "./dist/themes/Bruttal/Bruttal.js"
     }
   },
+  "main": "dist/index.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist",
     "src",
@@ -27,6 +29,7 @@
     "test": "jest"
   },
   "sideEffects": true,
+  "typings": "dist/index.d.ts",
   "dependencies": {
     "@iconify-icon/react": "^1.0.7",
     "@iconify/icons-carbon": "^1.2.16",
@@ -50,5 +53,5 @@
       ]
     }
   },
-  "gitHead": "0609bb0f6e6a1c0999c29e7a5c8f8ebb1c6d3d7a"
+  "gitHead": "f26363085030df7edfb2bcbf44aefed304d2b328"
 }

package/src/themes/Bruttal/BruttalTheme.ts

@@ -111,6 +111,7 @@ export const BruttalTheme: Theme = {
   },
   radii: {
     default: coreRadii.sm,
+    action: coreRadii.sm,
   },
   /**
    * Global styles
@@ -140,10 +141,7 @@ export const BruttalTheme: Theme = {
     accent: {
       backgroundColor: 'accent',
       color: 'onAccent',
-      fontFamily: 'highlight',
-      fontWeight: 'bold',
-      border: 'default',
-      borderRadius: 'default',
+      borderRadius: 'action',
       borderColor: 'accent',
       ':hover:not(:active,[disabled])': {
         backgroundColor: 'highlight',
@@ -159,10 +157,8 @@ export const BruttalTheme: Theme = {
     primary: {
       backgroundColor: 'primary',
       color: 'onPrimary',
-      fontFamily: 'body',
-      border: 'default',
-      borderRadius: 'default',
-      borderColor: 'outline',
+      borderRadius: 'action',
+      borderColor: 'primary',
       ':hover:not(:active,[disabled])': {
         backgroundColor: 'highlight',
         color: 'onHighlight',
@@ -182,10 +178,8 @@ export const BruttalTheme: Theme = {
     secondary: {
       backgroundColor: 'secondary',
       color: 'onSecondary',
-      fontFamily: 'body',
-      border: 'default',
-      borderRadius: 'default',
-      borderColor: 'outline',
+      borderRadius: 'action',
+      borderColor: 'secondary',
       ':hover:not(:active,[disabled])': {
         backgroundColor: 'highlight',
         color: 'onHighlight',
@@ -198,12 +192,10 @@ export const BruttalTheme: Theme = {
       },
     },
     neutral: {
-      backgroundColor: 'neutral',
-      color: 'onNeutral',
-      fontFamily: 'body',
-      border: 'default',
-      borderRadius: 'default',
-      borderColor: 'outline',
+      backgroundColor: 'muted',
+      color: 'onMuted',
+      borderRadius: 'action',
+      borderColor: 'muted',
       ':hover:not(:active,[disabled])': {
         backgroundColor: 'highlight',
         color: 'onHighlight',
@@ -216,7 +208,7 @@ export const BruttalTheme: Theme = {
       },
     },
     danger: {
-      color: 'white',
+      color: 'onDanger',
       backgroundColor: 'danger',
     },
   },