@ttoss/theme 1.4.22 → 1.4.24

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

@@ -1,9 +1,72 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = {
+    exports: {}
+  }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+
+// ../../node_modules/.pnpm/@iconify+icons-eos-icons@1.2.6/node_modules/@iconify/icons-eos-icons/loading.js
+var require_loading = __commonJS({
+  "../../node_modules/.pnpm/@iconify+icons-eos-icons@1.2.6/node_modules/@iconify/icons-eos-icons/loading.js"(exports) {
+    var data = {
+      "width": 24,
+      "height": 24,
+      "body": '<path fill="currentColor" d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z" opacity=".5"/><path fill="currentColor" d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"><animateTransform attributeName="transform" dur="1s" from="0 12 12" repeatCount="indefinite" to="360 12 12" type="rotate"/></path>'
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
+// ../../node_modules/.pnpm/@iconify+icons-mdi@1.2.44/node_modules/@iconify/icons-mdi/success-circle.js
+var require_success_circle = __commonJS({
+  "../../node_modules/.pnpm/@iconify+icons-mdi@1.2.44/node_modules/@iconify/icons-mdi/success-circle.js"(exports) {
+    var data = {
+      "width": 24,
+      "height": 24,
+      "body": '<path fill="currentColor" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"/>'
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
 
 // src/themes/Bruttal/BruttalIcons.ts
+var import_loading = __toESM(require_loading());
+var import_success_circle = __toESM(require_success_circle());
 import { addIcon } from "@iconify-icon/react";
 import addFilledIcon from "@iconify/icons-carbon/add-filled";
+import arrowRightIcon from "@iconify/icons-carbon/arrow-right";
+import attachmentIcon from "@iconify/icons-carbon/attachment";
 import calendarIcon from "@iconify/icons-carbon/calendar";
+import caretDownIcon from "@iconify/icons-carbon/caret-down";
+import caretUpIcon from "@iconify/icons-carbon/caret-up";
+import checkMarkIcon from "@iconify/icons-carbon/checkmark";
+import checkMarkOutlineIcon from "@iconify/icons-carbon/checkmark-outline";
 import checkboxCheckedFilled from "@iconify/icons-carbon/checkbox-checked-filled";
 import checkboxIcon from "@iconify/icons-carbon/checkbox";
 import checkboxIndeterminateFilledIcon from "@iconify/icons-carbon/checkbox-indeterminate-filled";
@@ -22,6 +85,7 @@ import radioButtonIcon from "@iconify/icons-carbon/radio-button";
 import renewIcon from "@iconify/icons-carbon/renew";
 import timeIcon from "@iconify/icons-carbon/time";
 import trashCanIcon from "@iconify/icons-carbon/trash-can";
+import uploadIcon from "@iconify/icons-carbon/upload";
 import userAvatarFilledAltIcon from "@iconify/icons-carbon/user-avatar-filled-alt";
 import viewFilledIcon from "@iconify/icons-carbon/view-filled";
 import viewOffFilledIcon from "@iconify/icons-carbon/view-off-filled";
@@ -34,17 +98,32 @@ var replicateIcon = {
   width: 48,
   height: 48
 };
+var subtractIcon = {
+  body: `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14 26H34V22H14V26ZM24 44C21.2333 44 18.6333 43.4747 16.2 42.424C13.7667 41.3733 11.65 39.9487 9.85 38.15C8.05 36.35 6.62533 34.2333 5.576 31.8C4.52667 29.3667 4.00133 26.7667 4 24C4 21.2333 4.52533 18.6333 5.576 16.2C6.62667 13.7667 8.05133 11.65 9.85 9.85C11.65 8.05 13.7667 6.62533 16.2 5.576C18.6333 4.52667 21.2333 4.00133 24 4C26.7667 4 29.3667 4.52533 31.8 5.576C34.2333 6.62667 36.35 8.05133 38.15 9.85C39.95 11.65 41.3753 13.7667 42.426 16.2C43.4767 18.6333 44.0013 21.2333 44 24C44 26.7667 43.4747 29.3667 42.424 31.8C41.3733 34.2333 39.9487 36.35 38.15 38.15C36.35 39.95 34.2333 41.3753 31.8 42.426C29.3667 43.4767 26.7667 44.0013 24 44Z" fill="black"/>
+  </svg>
+  `,
+  width: 48,
+  height: 48
+};
 addIcon("add", addFilledIcon);
+addIcon("arrow-right", arrowRightIcon);
+addIcon("attachment", attachmentIcon);
 addIcon("avatar", userAvatarFilledAltIcon);
+addIcon("caret-down", caretDownIcon);
+addIcon("caret-up", caretUpIcon);
 addIcon("calendar", calendarIcon);
 addIcon("checkbox-checked", checkboxCheckedFilled);
 addIcon("checkbox-indeterminate", checkboxIndeterminateFilledIcon);
 addIcon("checkbox-unchecked", checkboxIcon);
+addIcon("check", checkMarkIcon);
+addIcon("check-mark", checkMarkOutlineIcon);
 addIcon("close", closeIcon);
 addIcon("copy", copyIcon);
 addIcon("delete", trashCanIcon);
 addIcon("error", errorFilledIcon);
 addIcon("info", informationFilledIcon);
+addIcon("loading", import_loading.default);
 addIcon("paste", pasteIcon);
 addIcon("picker-down", chevronDownIcon);
 addIcon("picker-up", chevronUpIcon);
@@ -54,8 +133,11 @@ addIcon("radio-not-selected", radioButtonIcon);
 addIcon("radio-selected", radioButtonCheckedIcon);
 addIcon("refresh", renewIcon);
 addIcon("replicate", replicateIcon);
+addIcon("subtract", subtractIcon);
+addIcon("success-circle", import_success_circle.default);
 addIcon("small-close", closeFilledIcon);
 addIcon("time", timeIcon);
+addIcon("upload", uploadIcon);
 addIcon("view-off", viewOffFilledIcon);
 addIcon("view-on", viewFilledIcon);
 addIcon("warning", warningFilledIcon);
@@ -103,6 +185,17 @@ var letterSpacings = {
   widest: "0.1em"
 };
 
+// src/tokens/lineHeights.ts
+var lineHeights = {
+  "2xs": "0.422",
+  xs: "0.562",
+  sm: "calc(1 / 1.333)",
+  base: "normal",
+  lg: "calc(1 * 1.333)",
+  xl: "1.776",
+  "2xl": "2.368"
+};
+
 // src/tokens/space.ts
 var space = {
   none: 0,
@@ -181,6 +274,7 @@ var BruttalTheme = {
   fontWeights,
   letterSpacings,
   space,
+  lineHeights,
   colors: {
     background: coreColors.white,
     text: coreColors.black,
@@ -218,13 +312,15 @@ var BruttalTheme = {
     h6: coreFonts.contrast,
     body: coreFonts.main,
     highlight: coreFonts.main,
-    caption: coreFonts.monospace
+    caption: coreFonts.main
   },
   borders: {
-    default: coreBorders.medium,
+    default: coreBorders.thin,
+    secondary: coreBorders.medium,
     muted: coreBorders.thin,
     interaction: coreBorders.medium,
-    danger: coreBorders.medium
+    danger: coreBorders.medium,
+    highlight: coreBorders.medium
   },
   radii: {
     informative: coreRadii.xs,
@@ -262,6 +358,7 @@ var BruttalTheme = {
       bg: "positive",
       fontFamily: "caption",
       fontWeight: "normal",
+      lineHeight: "base",
       fontSize: "xs",
       paddingX: "xs",
       paddingY: "2xs",
@@ -272,6 +369,7 @@ var BruttalTheme = {
       bg: "danger",
       fontFamily: "caption",
       fontWeight: "normal",
+      lineHeight: "base",
       fontSize: "xs",
       paddingX: "xs",
       paddingY: "2xs",
@@ -283,6 +381,7 @@ var BruttalTheme = {
       fontFamily: "caption",
       fontSize: "xs",
       fontWeight: "normal",
+      lineHeight: "base",
       paddingX: "xs",
       paddingY: "2xs",
       borderRadius: "informative",
@@ -294,6 +393,7 @@ var BruttalTheme = {
       bg: "notice",
       fontFamily: "caption",
       fontWeight: "normal",
+      lineHeight: "base",
       fontSize: "xs",
       paddingX: "xs",
       paddingY: "2xs",
@@ -307,14 +407,13 @@ var BruttalTheme = {
       borderRadius: "action",
       borderColor: "accent",
       ":hover:not(:active,[disabled])": {
-        backgroundColor: "highlight",
-        color: "onHighlight",
-        borderColor: "highlight"
+        filter: "brightness(90%)"
       },
       ":disabled": {
         cursor: "default",
         backgroundColor: "muted",
-        borderColor: "muted"
+        borderColor: "muted",
+        color: "onMuted"
       }
     },
     primary: {
@@ -323,9 +422,7 @@ var BruttalTheme = {
       borderRadius: "action",
       borderColor: "primary",
       ":hover:not(:active,[disabled])": {
-        backgroundColor: "highlight",
-        color: "onHighlight",
-        borderColor: "highlight"
+        filter: "brightness(90%)"
       },
       ":active": {
         backgroundColor: "primary",
@@ -335,59 +432,63 @@ var BruttalTheme = {
       ":disabled": {
         cursor: "default",
         backgroundColor: "muted",
-        borderColor: "muted"
+        borderColor: "muted",
+        color: "onMuted"
       }
     },
     secondary: {
       backgroundColor: "secondary",
       color: "onSecondary",
       borderRadius: "action",
-      borderColor: "secondary",
+      border: "secondary",
+      borderColor: "onSecondary",
       ":hover:not(:active,[disabled])": {
-        backgroundColor: "highlight",
-        color: "onHighlight",
-        borderColor: "highlight"
+        filter: "brightness(90%)"
       },
       ":disabled": {
         cursor: "default",
         backgroundColor: "muted",
-        borderColor: "muted"
+        borderColor: "muted",
+        color: "onMuted"
       }
     },
-    neutral: {
-      backgroundColor: "muted",
-      color: "onMuted",
-      borderRadius: "action",
-      borderColor: "muted",
+    destructive: {
+      color: "onDanger",
+      backgroundColor: "danger",
       ":hover:not(:active,[disabled])": {
-        backgroundColor: "highlight",
-        color: "onHighlight",
-        borderColor: "highlight"
+        filter: "brightness(90%)"
       },
       ":disabled": {
         cursor: "default",
         backgroundColor: "muted",
-        borderColor: "muted"
+        borderColor: "muted",
+        color: "onMuted"
       }
     },
-    danger: {
-      color: "onDanger",
-      backgroundColor: "danger"
-    },
     closeButton: {
-      backgroundColor: "transparent",
-      color: "text",
+      backgroundColor: "background",
+      fontFamily: "caption",
+      color: "primary",
       fontSize: "xs",
       display: "inline-flex",
       alignItems: "center",
       cursor: "pointer",
+      gap: "sm",
+      padding: "sm",
+      border: "default",
+      borderColor: "primary",
+      width: "fit-content",
       ":disabled": {
-        color: "muted",
+        border: "muted",
+        backgroundColor: "muted",
+        color: "onMuted",
         cursor: "not-allowed"
       },
       ":is(:focus-within, :hover):not(:disabled)": {
-        color: "accent",
-        outlineColor: "transparent"
+        color: "onHighlight",
+        backgroundColor: "highlight",
+        border: "highlight",
+        borderColor: "highlight"
       }
     }
   },
@@ -406,6 +507,7 @@ var BruttalTheme = {
     label: {
       color: "text",
       fontFamily: "body",
+      alignItems: "center",
       '&:is([aria-disabled="true"])': {
         color: "onMuted"
       },
@@ -432,9 +534,15 @@ var BruttalTheme = {
       },
       'input[aria-invalid="true"] ~ &': {
         color: "danger"
+      },
+      "input:focus ~ &": {
+        bg: "transparent"
       }
     },
     checkbox: {
+      "input:focus ~ &": {
+        bg: "transparent"
+      },
       "input:not(:checked) ~ &": {
         color: "primary"
       },
@@ -465,8 +573,8 @@ var BruttalTheme = {
       },
       ":disabled": {
         backgroundColor: "muted",
-        borderColor: "onMuted",
-        border: "muted"
+        border: "muted",
+        borderColor: "onMuted"
       },
       "&.error": {
         borderColor: "danger"
@@ -484,8 +592,8 @@ var BruttalTheme = {
       paddingY: "lg",
       paddingX: "xl",
       ":disabled": {
-        borderColor: "onMuted",
         border: "muted",
+        borderColor: "onMuted",
         color: "muted"
       },
       ":disabled ~ span > iconify-icon": {

package/dist/esm/index.js

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