@ttoss/theme 2.1.0 → 2.2.0

package/dist/esm/{chunk-4E3W4EOZ.js → chunk-5ILPVM2B.js}

@@ -817,6 +817,19 @@ var coreColors = {
   amber600: "#d97706",
   teal600: "#0d9488"
 };
+var radii = {
+  none: "0",
+  "2xs": "0.0625rem",
+  xs: "0.125rem",
+  sm: "0.25rem",
+  md: "0.375rem",
+  lg: "0.25rem",
+  xl: "0.25rem",
+  "2xl": "0.25rem",
+  "3xl": "0.25rem",
+  "4xl": "0.25rem",
+  full: "9999px"
+};
 var BruttalTheme = {
   /**
    * Tokens
@@ -1023,7 +1036,7 @@ var BruttalTheme = {
     }
   },
   fonts: coreFonts,
-  radii: defaultTheme.radii,
+  radii,
   /**
    * Global styles
    */
@@ -1160,25 +1173,6 @@ var BruttalTheme = {
         color: "action.text.muted.default"
       }
     },
-    closeButton: {
-      backgroundColor: "action.background.primary.active",
-      color: "action.text.primary.default",
-      border: "sm",
-      borderColor: "action.border.primary.default",
-      borderRadius: "sm",
-      ":disabled": {
-        border: "sm",
-        backgroundColor: "action.background.muted.default",
-        borderColor: "action.border.muted.default",
-        color: "action.text.muted.default",
-        cursor: "not-allowed"
-      },
-      ":is(:focus-within, :hover):not(:disabled)": {
-        color: "action.text.secondary.active",
-        backgroundColor: "action.background.secondary.active",
-        borderColor: "action.border.secondary.active"
-      }
-    },
     actionButton: {
       default: {
         backgroundColor: "action.background.secondary.default",
@@ -1205,17 +1199,6 @@ var BruttalTheme = {
       }
     }
   },
-  cards: {
-    primary: {
-      backgroundColor: "display.background.secondary.default",
-      border: "sm",
-      padding: [4, 5],
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      width: "fit-content"
-    }
-  },
   forms: {
     label: {
       color: "display.text.primary.default",

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

@@ -1,4 +1,4 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { BrutalIcons, BruttalFonts, BruttalTheme } from "../../chunk-4E3W4EOZ.js";
+import { BrutalIcons, BruttalFonts, BruttalTheme } from "../../chunk-5ILPVM2B.js";
 import "../../chunk-ZYSSWTLH.js";
 export { BrutalIcons, BruttalFonts, BruttalTheme };

package/dist/esm/themes/Oca/Oca.js

@@ -1,6 +1,6 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import { createTheme } from "../../chunk-SNDE7LRY.js";
-import { BrutalIcons, BruttalTheme } from "../../chunk-4E3W4EOZ.js";
+import { BrutalIcons, BruttalTheme } from "../../chunk-5ILPVM2B.js";
 import { defaultTheme } from "../../chunk-ZYSSWTLH.js";
 
 // src/themes/Oca/OcaFonts.ts
@@ -188,6 +188,21 @@ var OcaTheme = createTheme({
       border: {
         primary: {
           default: "#111827"
+        },
+        secondary: {
+          default: "#465A69"
+        },
+        muted: {
+          default: "#E5E7EB"
+        },
+        negative: {
+          default: "red"
+        },
+        caution: {
+          default: "orange"
+        },
+        positive: {
+          default: "green"
         }
       }
     }
@@ -205,6 +220,7 @@ var OcaTheme = createTheme({
     lg: defaultBorders.lg,
     xl: defaultBorders.xl
   },
+  radii: defaultTheme.radii,
   /**
    * Global styles
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/theme",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Theme for packages.",
   "license": "MIT",
   "author": "ttoss",
@@ -44,8 +44,8 @@
     "jest": "^29.7.0",
     "theme-ui": "^0.17.1",
     "tsup": "^8.3.5",
-    "@ttoss/config": "^1.35.2",
     "@ttoss/test-utils": "^2.1.22",
+    "@ttoss/config": "^1.35.2",
     "@ttoss/react-icons": "^0.4.9"
   },
   "keywords": [],