@ttoss/theme 1.4.11 → 1.4.13

package/dist/esm/{chunk-3GTDZ7BY.js → chunk-STTOSDFS.js}

@@ -222,7 +222,8 @@ var BruttalTheme = {
   borders: {
     default: coreBorders.medium,
     muted: coreBorders.thin,
-    interaction: coreBorders.medium
+    interaction: coreBorders.medium,
+    danger: coreBorders.medium
   },
   radii: {
     informative: coreRadii.xs,
@@ -376,10 +377,14 @@ var BruttalTheme = {
   },
   forms: {
     label: {
-      "&:has(+ div > input.error)": {
-        "span > iconify-icon": {
-          color: "danger"
-        }
+      color: "text",
+      fontFamily: "body",
+      '&:is([aria-disabled="true"])': {
+        color: "onMuted"
+      },
+      '& > span[aria-label="tooltip"]': {
+        fontSize: "xs",
+        marginLeft: "2xs"
       },
       '&:has(input[type="checkbox"]:disabled)': {
         color: "onMuted"
@@ -425,6 +430,34 @@ var BruttalTheme = {
       "&.error+span>iconify-icon": {
         color: "danger"
       }
+    },
+    select: {
+      color: "text",
+      fontFamily: "body",
+      backgroundColor: "surface",
+      border: "interaction",
+      borderColor: "onMuted",
+      width: "100%",
+      paddingY: "lg",
+      paddingX: "xl",
+      borderRadius: "action",
+      ":disabled": {
+        border: "muted",
+        borderColor: "onMuted",
+        backgroundColor: "muted",
+        color: "onMuted"
+      },
+      ":disabled ~ span:has(iconify-icon)": {
+        color: "onMuted"
+      },
+      '&[aria-invalid="true"]': {
+        border: "danger",
+        borderColor: "danger",
+        outlineColor: "danger"
+      },
+      '&[aria-invalid="true"] ~ span.error-icon': {
+        color: "danger"
+      }
     }
   },
   text: {

package/dist/esm/index.js

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

package/dist/index.js

@@ -261,7 +261,8 @@ var BruttalTheme = {
   borders: {
     default: coreBorders.medium,
     muted: coreBorders.thin,
-    interaction: coreBorders.medium
+    interaction: coreBorders.medium,
+    danger: coreBorders.medium
   },
   radii: {
     informative: coreRadii.xs,
@@ -415,10 +416,14 @@ var BruttalTheme = {
   },
   forms: {
     label: {
-      "&:has(+ div > input.error)": {
-        "span > iconify-icon": {
-          color: "danger"
-        }
+      color: "text",
+      fontFamily: "body",
+      '&:is([aria-disabled="true"])': {
+        color: "onMuted"
+      },
+      '& > span[aria-label="tooltip"]': {
+        fontSize: "xs",
+        marginLeft: "2xs"
       },
       '&:has(input[type="checkbox"]:disabled)': {
         color: "onMuted"
@@ -464,6 +469,34 @@ var BruttalTheme = {
       "&.error+span>iconify-icon": {
         color: "danger"
       }
+    },
+    select: {
+      color: "text",
+      fontFamily: "body",
+      backgroundColor: "surface",
+      border: "interaction",
+      borderColor: "onMuted",
+      width: "100%",
+      paddingY: "lg",
+      paddingX: "xl",
+      borderRadius: "action",
+      ":disabled": {
+        border: "muted",
+        borderColor: "onMuted",
+        backgroundColor: "muted",
+        color: "onMuted"
+      },
+      ":disabled ~ span:has(iconify-icon)": {
+        color: "onMuted"
+      },
+      '&[aria-invalid="true"]': {
+        border: "danger",
+        borderColor: "danger",
+        outlineColor: "danger"
+      },
+      '&[aria-invalid="true"] ~ span.error-icon': {
+        color: "danger"
+      }
     }
   },
   text: {

package/dist/themes/Bruttal/Bruttal.js

@@ -265,7 +265,8 @@ var BruttalTheme = {
   borders: {
     default: coreBorders.medium,
     muted: coreBorders.thin,
-    interaction: coreBorders.medium
+    interaction: coreBorders.medium,
+    danger: coreBorders.medium
   },
   radii: {
     informative: coreRadii.xs,
@@ -419,10 +420,14 @@ var BruttalTheme = {
   },
   forms: {
     label: {
-      "&:has(+ div > input.error)": {
-        "span > iconify-icon": {
-          color: "danger"
-        }
+      color: "text",
+      fontFamily: "body",
+      '&:is([aria-disabled="true"])': {
+        color: "onMuted"
+      },
+      '& > span[aria-label="tooltip"]': {
+        fontSize: "xs",
+        marginLeft: "2xs"
       },
       '&:has(input[type="checkbox"]:disabled)': {
         color: "onMuted"
@@ -468,6 +473,34 @@ var BruttalTheme = {
       "&.error+span>iconify-icon": {
         color: "danger"
       }
+    },
+    select: {
+      color: "text",
+      fontFamily: "body",
+      backgroundColor: "surface",
+      border: "interaction",
+      borderColor: "onMuted",
+      width: "100%",
+      paddingY: "lg",
+      paddingX: "xl",
+      borderRadius: "action",
+      ":disabled": {
+        border: "muted",
+        borderColor: "onMuted",
+        backgroundColor: "muted",
+        color: "onMuted"
+      },
+      ":disabled ~ span:has(iconify-icon)": {
+        color: "onMuted"
+      },
+      '&[aria-invalid="true"]': {
+        border: "danger",
+        borderColor: "danger",
+        outlineColor: "danger"
+      },
+      '&[aria-invalid="true"] ~ span.error-icon': {
+        color: "danger"
+      }
     }
   },
   text: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/theme",
-  "version": "1.4.11",
+  "version": "1.4.13",
   "description": "Theme for packages.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -53,5 +53,5 @@
       ]
     }
   },
-  "gitHead": "6f711c5bb31c7b7b347477910cc0da1fe165509e"
+  "gitHead": "8572bc7e98343a9780146a604b0d2f04ca4388e6"
 }

package/src/themes/Bruttal/BruttalTheme.ts

@@ -112,6 +112,7 @@ export const BruttalTheme: Theme = {
     default: coreBorders.medium,
     muted: coreBorders.thin,
     interaction: coreBorders.medium,
+    danger: coreBorders.medium,
   },
   radii: {
     informative: coreRadii.xs,
@@ -265,10 +266,14 @@ export const BruttalTheme: Theme = {
   },
   forms: {
     label: {
-      '&:has(+ div > input.error)': {
-        'span > iconify-icon': {
-          color: 'danger',
-        },
+      color: 'text',
+      fontFamily: 'body',
+      '&:is([aria-disabled="true"])': {
+        color: 'onMuted',
+      },
+      '& > span[aria-label="tooltip"]': {
+        fontSize: 'xs',
+        marginLeft: '2xs',
       },
       '&:has(input[type="checkbox"]:disabled)': {
         color: 'onMuted',
@@ -315,6 +320,34 @@ export const BruttalTheme: Theme = {
         color: 'danger',
       },
     },
+    select: {
+      color: 'text',
+      fontFamily: 'body',
+      backgroundColor: 'surface',
+      border: 'interaction',
+      borderColor: 'onMuted',
+      width: '100%',
+      paddingY: 'lg',
+      paddingX: 'xl',
+      borderRadius: 'action',
+      ':disabled': {
+        border: 'muted',
+        borderColor: 'onMuted',
+        backgroundColor: 'muted',
+        color: 'onMuted',
+      },
+      ':disabled ~ span:has(iconify-icon)': {
+        color: 'onMuted',
+      },
+      '&[aria-invalid="true"]': {
+        border: 'danger',
+        borderColor: 'danger',
+        outlineColor: 'danger',
+      },
+      '&[aria-invalid="true"] ~ span.error-icon': {
+        color: 'danger',
+      },
+    },
   },
   text: {
     default: {