@ttoss/theme 1.4.16 → 1.4.17

package/dist/esm/{chunk-NYJWOJA3.js → chunk-YBNKSKOV.js}

@@ -448,6 +448,45 @@ var BruttalTheme = {
         color: "danger"
       }
     },
+    inputNumber: {
+      fontFamily: "body",
+      color: "text",
+      border: "interaction",
+      borderColor: "onMuted",
+      borderRadius: "action",
+      paddingY: "lg",
+      paddingX: "xl",
+      ":disabled": {
+        borderColor: "onMuted",
+        border: "muted",
+        color: "muted"
+      },
+      ":disabled ~ span > iconify-icon": {
+        color: "muted",
+        cursor: "default"
+      },
+      ":focus-within": {
+        outlineColor: "highlight"
+      },
+      ':not(:disabled, [aria-invalid="true"]):hover': {
+        borderColor: "highlight"
+      },
+      ':not(:disabled, [aria-invalid="true"]) ~ span:has(iconify-icon):hover': {
+        color: "highlight"
+      },
+      "& ~ span:has(iconify-icon)": {
+        fontSize: "base"
+      },
+      '&[aria-invalid="true"]': {
+        border: "danger",
+        borderColor: "danger",
+        color: "danger",
+        outlineColor: "danger"
+      },
+      '&[aria-invalid="true"] ~ span>iconify-icon': {
+        color: "danger"
+      }
+    },
     select: {
       color: "text",
       fontFamily: "body",

package/dist/esm/index.js

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

package/dist/index.js

@@ -487,6 +487,45 @@ var BruttalTheme = {
         color: "danger"
       }
     },
+    inputNumber: {
+      fontFamily: "body",
+      color: "text",
+      border: "interaction",
+      borderColor: "onMuted",
+      borderRadius: "action",
+      paddingY: "lg",
+      paddingX: "xl",
+      ":disabled": {
+        borderColor: "onMuted",
+        border: "muted",
+        color: "muted"
+      },
+      ":disabled ~ span > iconify-icon": {
+        color: "muted",
+        cursor: "default"
+      },
+      ":focus-within": {
+        outlineColor: "highlight"
+      },
+      ':not(:disabled, [aria-invalid="true"]):hover': {
+        borderColor: "highlight"
+      },
+      ':not(:disabled, [aria-invalid="true"]) ~ span:has(iconify-icon):hover': {
+        color: "highlight"
+      },
+      "& ~ span:has(iconify-icon)": {
+        fontSize: "base"
+      },
+      '&[aria-invalid="true"]': {
+        border: "danger",
+        borderColor: "danger",
+        color: "danger",
+        outlineColor: "danger"
+      },
+      '&[aria-invalid="true"] ~ span>iconify-icon': {
+        color: "danger"
+      }
+    },
     select: {
       color: "text",
       fontFamily: "body",

package/dist/themes/Bruttal/Bruttal.js

@@ -491,6 +491,45 @@ var BruttalTheme = {
         color: "danger"
       }
     },
+    inputNumber: {
+      fontFamily: "body",
+      color: "text",
+      border: "interaction",
+      borderColor: "onMuted",
+      borderRadius: "action",
+      paddingY: "lg",
+      paddingX: "xl",
+      ":disabled": {
+        borderColor: "onMuted",
+        border: "muted",
+        color: "muted"
+      },
+      ":disabled ~ span > iconify-icon": {
+        color: "muted",
+        cursor: "default"
+      },
+      ":focus-within": {
+        outlineColor: "highlight"
+      },
+      ':not(:disabled, [aria-invalid="true"]):hover': {
+        borderColor: "highlight"
+      },
+      ':not(:disabled, [aria-invalid="true"]) ~ span:has(iconify-icon):hover': {
+        color: "highlight"
+      },
+      "& ~ span:has(iconify-icon)": {
+        fontSize: "base"
+      },
+      '&[aria-invalid="true"]': {
+        border: "danger",
+        borderColor: "danger",
+        color: "danger",
+        outlineColor: "danger"
+      },
+      '&[aria-invalid="true"] ~ span>iconify-icon': {
+        color: "danger"
+      }
+    },
     select: {
       color: "text",
       fontFamily: "body",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/theme",
-  "version": "1.4.16",
+  "version": "1.4.17",
   "description": "Theme for packages.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -57,5 +57,5 @@
       ]
     }
   },
-  "gitHead": "81c9da91988b338a6449d84b4dfc183ccf9ed941"
+  "gitHead": "0ea6f4641c1d97631f38c72da681a9e2dc54d0b7"
 }

package/src/themes/Bruttal/BruttalTheme.ts

@@ -336,6 +336,45 @@ export const BruttalTheme: Theme = {
         color: 'danger',
       },
     },
+    inputNumber: {
+      fontFamily: 'body',
+      color: 'text',
+      border: 'interaction',
+      borderColor: 'onMuted',
+      borderRadius: 'action',
+      paddingY: 'lg',
+      paddingX: 'xl',
+      ':disabled': {
+        borderColor: 'onMuted',
+        border: 'muted',
+        color: 'muted',
+      },
+      ':disabled ~ span > iconify-icon': {
+        color: 'muted',
+        cursor: 'default',
+      },
+      ':focus-within': {
+        outlineColor: 'highlight',
+      },
+      ':not(:disabled, [aria-invalid="true"]):hover': {
+        borderColor: 'highlight',
+      },
+      ':not(:disabled, [aria-invalid="true"]) ~ span:has(iconify-icon):hover': {
+        color: 'highlight',
+      },
+      '& ~ span:has(iconify-icon)': {
+        fontSize: 'base',
+      },
+      '&[aria-invalid="true"]': {
+        border: 'danger',
+        borderColor: 'danger',
+        color: 'danger',
+        outlineColor: 'danger',
+      },
+      '&[aria-invalid="true"] ~ span>iconify-icon': {
+        color: 'danger',
+      },
+    },
     select: {
       color: 'text',
       fontFamily: 'body',