@ttoss/theme 2.3.0 → 2.5.0

package/dist/esm/{chunk-K423V3XH.js → chunk-DMPS5MKI.js}

@@ -1304,10 +1304,20 @@ var BruttalTheme = {
         borderColor: "display.border.muted.default"
       },
       '&[aria-invalid="true"]': {
-        borderColor: "display.border.negative.default"
+        borderColor: "display.border.negative.default",
+        ":focus-within": {
+          outlineColor: "display.border.negative.default"
+        }
       },
       '&[aria-invalid="true"] ~ span:has(iconify-icon)': {
         color: "display.text.negative.default"
+      },
+      ".is-warning &": {
+        border: "md",
+        borderColor: "feedback.border.caution.active",
+        ":focus-within": {
+          outlineColor: "feedback.border.caution.active"
+        }
       }
     },
     inputNumber: {

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-K423V3XH.js";
+import { BrutalIcons, BruttalFonts, BruttalTheme } from "../../chunk-DMPS5MKI.js";
 import "../../chunk-ZYSSWTLH.js";
 export { BrutalIcons, BruttalFonts, BruttalTheme };

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

@@ -1,11 +1,37 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import { createTheme } from "../../chunk-SNDE7LRY.js";
-import { BrutalIcons, BruttalTheme } from "../../chunk-K423V3XH.js";
+import { BrutalIcons, BruttalTheme } from "../../chunk-DMPS5MKI.js";
 import { defaultTheme } from "../../chunk-ZYSSWTLH.js";
 
 // src/themes/Oca/OcaFonts.ts
 var OcaFonts = ["https://fonts.googleapis.com/css2?family=Outfit:wght@700&display=swap", "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap"];
 
+// src/themes/Oca/OcaSpacing.ts
+var ocaSpace = Object.freeze({
+  px: "1px",
+  // 1px
+  1: "0.25rem",
+  // 4px
+  2: "0.375rem",
+  // 6px
+  3: "0.5rem",
+  // 8px
+  4: "0.5625rem",
+  // 9px
+  5: "0.75rem",
+  // 12px
+  6: "1rem",
+  // 16px
+  7: "1.25rem",
+  // 20px
+  8: "1.5rem",
+  // 24px
+  9: "1.75rem",
+  // 28px
+  10: "2.2rem"
+  // 35.2px
+});
+
 // src/themes/Oca/OcaTheme.ts
 var defaultBorders = defaultTheme.borders;
 var OcaTheme = createTheme({
@@ -46,6 +72,9 @@ var OcaTheme = createTheme({
       border: {
         muted: {
           default: "#E5E7EB"
+        },
+        accent: {
+          default: "#03FF7A"
         }
       },
       background: {
@@ -186,6 +215,9 @@ var OcaTheme = createTheme({
         },
         secondary: {
           default: "#465A69"
+        },
+        caution: {
+          default: "#eead2d"
         }
       },
       border: {
@@ -202,7 +234,8 @@ var OcaTheme = createTheme({
           default: "#ffebec"
         },
         caution: {
-          default: "#fff8e6"
+          default: "#fff8e6",
+          active: "#eead2d"
         },
         positive: {
           default: "#e6f6e6"
@@ -238,10 +271,14 @@ var OcaTheme = createTheme({
   borders: {
     none: defaultBorders.none,
     xs: defaultBorders.xs,
-    sm: defaultBorders.sm,
-    md: "1px solid",
-    lg: defaultBorders.lg,
-    xl: defaultBorders.xl
+    sm: defaultBorders.xs,
+    md: defaultBorders.sm,
+    lg: defaultBorders.md,
+    xl: defaultBorders.lg
+  },
+  space: {
+    ...defaultTheme.space,
+    ...ocaSpace
   },
   radii: defaultTheme.radii,
   /**

package/package.json

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