@ttoss/theme 1.4.31 → 1.4.33

package/dist/esm/{chunk-7HGXJKZ3.js → chunk-NIVXOAGX.js}

@@ -555,19 +555,22 @@ var BruttalTheme = {
   forms: {
     label: {
       color: "text",
-      fontFamily: "body",
+      fontFamily: "caption",
       alignItems: "center",
-      fontSize: "base",
+      fontSize: "sm",
       '&:is([aria-disabled="true"])': {
         color: "onMuted"
       },
       '& > span[aria-label="tooltip"]': {
-        fontSize: "xs",
+        fontSize: "sm",
         marginLeft: "2xs"
       },
       '&:has(input[type="checkbox"]:disabled)': {
         color: "onMuted"
       },
+      "&:has(+div>:is(input, select, textarea))": {
+        marginBottom: "md"
+      },
       '&:has(div > input[type="radio"])': {
         alignItems: "center"
       },
@@ -634,10 +637,10 @@ var BruttalTheme = {
         border: "muted",
         borderColor: "onMuted"
       },
-      "&.error": {
+      '&[aria-invalid="true"]': {
         borderColor: "danger"
       },
-      "&.error+span>iconify-icon": {
+      '&[aria-invalid="true"]+span>iconify-icon': {
         color: "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-7HGXJKZ3.js";
+import { BruttalTheme } from "./chunk-NIVXOAGX.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-7HGXJKZ3.js";
+import { BruttalFonts, BruttalTheme } from "../../chunk-NIVXOAGX.js";
 export { BruttalFonts, BruttalTheme };

package/dist/index.js

@@ -570,19 +570,22 @@ var BruttalTheme = {
   forms: {
     label: {
       color: "text",
-      fontFamily: "body",
+      fontFamily: "caption",
       alignItems: "center",
-      fontSize: "base",
+      fontSize: "sm",
       '&:is([aria-disabled="true"])': {
         color: "onMuted"
       },
       '& > span[aria-label="tooltip"]': {
-        fontSize: "xs",
+        fontSize: "sm",
         marginLeft: "2xs"
       },
       '&:has(input[type="checkbox"]:disabled)': {
         color: "onMuted"
       },
+      "&:has(+div>:is(input, select, textarea))": {
+        marginBottom: "md"
+      },
       '&:has(div > input[type="radio"])': {
         alignItems: "center"
       },
@@ -649,10 +652,10 @@ var BruttalTheme = {
         border: "muted",
         borderColor: "onMuted"
       },
-      "&.error": {
+      '&[aria-invalid="true"]': {
         borderColor: "danger"
       },
-      "&.error+span>iconify-icon": {
+      '&[aria-invalid="true"]+span>iconify-icon': {
         color: "danger"
       }
     },

package/dist/themes/Bruttal/Bruttal.js

@@ -574,19 +574,22 @@ var BruttalTheme = {
   forms: {
     label: {
       color: "text",
-      fontFamily: "body",
+      fontFamily: "caption",
       alignItems: "center",
-      fontSize: "base",
+      fontSize: "sm",
       '&:is([aria-disabled="true"])': {
         color: "onMuted"
       },
       '& > span[aria-label="tooltip"]': {
-        fontSize: "xs",
+        fontSize: "sm",
         marginLeft: "2xs"
       },
       '&:has(input[type="checkbox"]:disabled)': {
         color: "onMuted"
       },
+      "&:has(+div>:is(input, select, textarea))": {
+        marginBottom: "md"
+      },
       '&:has(div > input[type="radio"])': {
         alignItems: "center"
       },
@@ -653,10 +656,10 @@ var BruttalTheme = {
         border: "muted",
         borderColor: "onMuted"
       },
-      "&.error": {
+      '&[aria-invalid="true"]': {
         borderColor: "danger"
       },
-      "&.error+span>iconify-icon": {
+      '&[aria-invalid="true"]+span>iconify-icon': {
         color: "danger"
       }
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/theme",
-  "version": "1.4.31",
+  "version": "1.4.33",
   "description": "Theme for packages.",
   "license": "UNLICENSED",
   "author": "ttoss",

package/src/themes/Bruttal/BruttalTheme.ts

@@ -333,19 +333,22 @@ export const BruttalTheme: Theme = {
   forms: {
     label: {
       color: 'text',
-      fontFamily: 'body',
+      fontFamily: 'caption',
       alignItems: 'center',
-      fontSize: 'base',
+      fontSize: 'sm',
       '&:is([aria-disabled="true"])': {
         color: 'onMuted',
       },
       '& > span[aria-label="tooltip"]': {
-        fontSize: 'xs',
+        fontSize: 'sm',
         marginLeft: '2xs',
       },
       '&:has(input[type="checkbox"]:disabled)': {
         color: 'onMuted',
       },
+      '&:has(+div>:is(input, select, textarea))': {
+        marginBottom: 'md',
+      },
       '&:has(div > input[type="radio"])': {
         alignItems: 'center',
       },
@@ -412,10 +415,10 @@ export const BruttalTheme: Theme = {
         border: 'muted',
         borderColor: 'onMuted',
       },
-      '&.error': {
+      '&[aria-invalid="true"]': {
         borderColor: 'danger',
       },
-      '&.error+span>iconify-icon': {
+      '&[aria-invalid="true"]+span>iconify-icon': {
         color: 'danger',
       },
     },
@@ -507,7 +510,6 @@ export const BruttalTheme: Theme = {
         border: 'muted',
         color: 'onMuted',
       },
-
       '&[aria-invalid="true"]': {
         borderColor: 'danger',
         outlineColor: 'danger',