@ttoss/theme 1.4.19 → 1.4.21

package/dist/esm/{chunk-4Y5IVXYK.js → chunk-RAGX2KRO.js}

@@ -415,6 +415,23 @@ var BruttalTheme = {
       },
       '&:has(input[type="checkbox"]:disabled)': {
         color: "onMuted"
+      },
+      '&:has(div > input[type="radio"])': {
+        alignItems: "center"
+      },
+      '&:has(div > input[type="radio"]:disabled)': {
+        color: "muted"
+      }
+    },
+    radio: {
+      color: "text",
+      fontFamily: "body",
+      fontSize: "lg",
+      "input:disabled ~ &": {
+        color: "muted"
+      },
+      'input[aria-invalid="true"] ~ &': {
+        color: "danger"
       }
     },
     checkbox: {
@@ -538,27 +555,21 @@ var BruttalTheme = {
         outlineColor: "primary"
       },
       ":disabled::placeholder": {
-        color: "muted"
+        color: "onMuted"
       },
       ":disabled": {
         borderColor: "onMuted",
+        backgroundColor: "muted",
         border: "muted",
-        color: "muted"
-      },
-      ":disabled+span>iconify-icon": {
-        color: "muted"
+        color: "onMuted"
       },
       '&[aria-invalid="true"]': {
-        borderColor: "danger"
-      },
-      "&.success+span>iconify-icon": {
-        color: "positive"
+        borderColor: "danger",
+        outlineColor: "danger"
       },
       '&[aria-invalid="true"]+span>iconify-icon': {
-        color: "danger"
-      },
-      '&[aria-invalid="true"]::placeholder': {
-        color: "danger"
+        color: "danger",
+        fontSize: "base"
       }
     }
   },

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { BruttalTheme } from "./chunk-4Y5IVXYK.js";
+import { BruttalTheme } from "./chunk-RAGX2KRO.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-4Y5IVXYK.js";
+import { BruttalFonts, BruttalTheme } from "../../chunk-RAGX2KRO.js";
 export { BruttalFonts, BruttalTheme };

package/dist/index.js

@@ -454,6 +454,23 @@ var BruttalTheme = {
       },
       '&:has(input[type="checkbox"]:disabled)': {
         color: "onMuted"
+      },
+      '&:has(div > input[type="radio"])': {
+        alignItems: "center"
+      },
+      '&:has(div > input[type="radio"]:disabled)': {
+        color: "muted"
+      }
+    },
+    radio: {
+      color: "text",
+      fontFamily: "body",
+      fontSize: "lg",
+      "input:disabled ~ &": {
+        color: "muted"
+      },
+      'input[aria-invalid="true"] ~ &': {
+        color: "danger"
       }
     },
     checkbox: {
@@ -577,27 +594,21 @@ var BruttalTheme = {
         outlineColor: "primary"
       },
       ":disabled::placeholder": {
-        color: "muted"
+        color: "onMuted"
       },
       ":disabled": {
         borderColor: "onMuted",
+        backgroundColor: "muted",
         border: "muted",
-        color: "muted"
-      },
-      ":disabled+span>iconify-icon": {
-        color: "muted"
+        color: "onMuted"
       },
       '&[aria-invalid="true"]': {
-        borderColor: "danger"
-      },
-      "&.success+span>iconify-icon": {
-        color: "positive"
+        borderColor: "danger",
+        outlineColor: "danger"
       },
       '&[aria-invalid="true"]+span>iconify-icon': {
-        color: "danger"
-      },
-      '&[aria-invalid="true"]::placeholder': {
-        color: "danger"
+        color: "danger",
+        fontSize: "base"
       }
     }
   },

package/dist/themes/Bruttal/Bruttal.js

@@ -458,6 +458,23 @@ var BruttalTheme = {
       },
       '&:has(input[type="checkbox"]:disabled)': {
         color: "onMuted"
+      },
+      '&:has(div > input[type="radio"])': {
+        alignItems: "center"
+      },
+      '&:has(div > input[type="radio"]:disabled)': {
+        color: "muted"
+      }
+    },
+    radio: {
+      color: "text",
+      fontFamily: "body",
+      fontSize: "lg",
+      "input:disabled ~ &": {
+        color: "muted"
+      },
+      'input[aria-invalid="true"] ~ &': {
+        color: "danger"
       }
     },
     checkbox: {
@@ -581,27 +598,21 @@ var BruttalTheme = {
         outlineColor: "primary"
       },
       ":disabled::placeholder": {
-        color: "muted"
+        color: "onMuted"
       },
       ":disabled": {
         borderColor: "onMuted",
+        backgroundColor: "muted",
         border: "muted",
-        color: "muted"
-      },
-      ":disabled+span>iconify-icon": {
-        color: "muted"
+        color: "onMuted"
       },
       '&[aria-invalid="true"]': {
-        borderColor: "danger"
-      },
-      "&.success+span>iconify-icon": {
-        color: "positive"
+        borderColor: "danger",
+        outlineColor: "danger"
       },
       '&[aria-invalid="true"]+span>iconify-icon': {
-        color: "danger"
-      },
-      '&[aria-invalid="true"]::placeholder': {
-        color: "danger"
+        color: "danger",
+        fontSize: "base"
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/theme",
-  "version": "1.4.19",
+  "version": "1.4.21",
   "description": "Theme for packages.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -57,5 +57,5 @@
       ]
     }
   },
-  "gitHead": "8cf5e69a478866466d1da542af3a9e1ffd1ae35e"
+  "gitHead": "1fa173691ed00ab80f275d12238ed191c55c225f"
 }

package/src/themes/Bruttal/BruttalTheme.ts

@@ -304,6 +304,23 @@ export const BruttalTheme: Theme = {
       '&:has(input[type="checkbox"]:disabled)': {
         color: 'onMuted',
       },
+      '&:has(div > input[type="radio"])': {
+        alignItems: 'center',
+      },
+      '&:has(div > input[type="radio"]:disabled)': {
+        color: 'muted',
+      },
+    },
+    radio: {
+      color: 'text',
+      fontFamily: 'body',
+      fontSize: 'lg',
+      'input:disabled ~ &': {
+        color: 'muted',
+      },
+      'input[aria-invalid="true"] ~ &': {
+        color: 'danger',
+      },
     },
     checkbox: {
       'input:not(:checked) ~ &': {
@@ -426,27 +443,22 @@ export const BruttalTheme: Theme = {
         outlineColor: 'primary',
       },
       ':disabled::placeholder': {
-        color: 'muted',
+        color: 'onMuted',
       },
       ':disabled': {
         borderColor: 'onMuted',
+        backgroundColor: 'muted',
         border: 'muted',
-        color: 'muted',
-      },
-      ':disabled+span>iconify-icon': {
-        color: 'muted',
+        color: 'onMuted',
       },
+
       '&[aria-invalid="true"]': {
         borderColor: 'danger',
-      },
-      '&.success+span>iconify-icon': {
-        color: 'positive',
+        outlineColor: 'danger',
       },
       '&[aria-invalid="true"]+span>iconify-icon': {
         color: 'danger',
-      },
-      '&[aria-invalid="true"]::placeholder': {
-        color: 'danger',
+        fontSize: 'base',
       },
     },
   },