@ttoss/theme 1.4.27 → 1.4.29

package/dist/esm/{chunk-DUSQYRAC.js → chunk-NBEPUG6F.js}

@@ -77,6 +77,7 @@ import chevronUpIcon from "@iconify/icons-carbon/chevron-up";
 import closeFilledIcon from "@iconify/icons-carbon/close-filled";
 import closeIcon from "@iconify/icons-carbon/close";
 import copyIcon from "@iconify/icons-carbon/copy";
+import downloadIcon from "@iconify/icons-carbon/download";
 import editIcon from "@iconify/icons-carbon/edit";
 import errorFilledIcon from "@iconify/icons-carbon/error-filled";
 import informationFilledIcon from "@iconify/icons-carbon/information-filled";
@@ -121,6 +122,7 @@ addIcon("check", checkMarkIcon);
 addIcon("check-mark", checkMarkOutlineIcon);
 addIcon("close", closeIcon);
 addIcon("copy", copyIcon);
+addIcon("download", downloadIcon);
 addIcon("edit", editIcon);
 addIcon("delete", trashCanIcon);
 addIcon("error", errorFilledIcon);
@@ -286,7 +288,7 @@ var BruttalTheme = {
   space,
   lineHeights,
   colors: {
-    background: coreColors.white,
+    background: coreColors.complimentary,
     text: coreColors.black,
     muted: coreColors.gray200,
     onMuted: coreColors.gray600,
@@ -346,7 +348,25 @@ var BruttalTheme = {
       fontWeight: "normal",
       fontSize: "base",
       margin: 0,
-      padding: 0
+      padding: 0,
+      backgroundColor: "background",
+      /**
+       * HTML elements
+       */
+      table: {
+        borderCollapse: "collapse"
+      },
+      th: {
+        paddingX: "md",
+        paddingY: "md"
+      },
+      tr: {
+        borderBottom: "default"
+      },
+      td: {
+        paddingX: "xl",
+        paddingY: "md"
+      }
     },
     a: {
       color: "text",
@@ -408,6 +428,17 @@ var BruttalTheme = {
       paddingX: "xs",
       paddingY: "2xs",
       borderRadius: "informative"
+    },
+    muted: {
+      color: "onMuted",
+      bg: "muted",
+      fontFamily: "caption",
+      fontWeight: "normal",
+      lineHeight: "base",
+      fontSize: "xs",
+      paddingX: "xs",
+      paddingY: "2xs",
+      borderRadius: "xs"
     }
   },
   buttons: {

package/dist/esm/index.js

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

package/dist/index.js

@@ -93,6 +93,7 @@ var import_chevron_up = __toESM(require("@iconify/icons-carbon/chevron-up"));
 var import_close_filled = __toESM(require("@iconify/icons-carbon/close-filled"));
 var import_close = __toESM(require("@iconify/icons-carbon/close"));
 var import_copy = __toESM(require("@iconify/icons-carbon/copy"));
+var import_download = __toESM(require("@iconify/icons-carbon/download"));
 var import_edit = __toESM(require("@iconify/icons-carbon/edit"));
 var import_error_filled = __toESM(require("@iconify/icons-carbon/error-filled"));
 var import_information_filled = __toESM(require("@iconify/icons-carbon/information-filled"));
@@ -139,6 +140,7 @@ var subtractIcon = {
 (0, import_react.addIcon)("check-mark", import_checkmark_outline.default);
 (0, import_react.addIcon)("close", import_close.default);
 (0, import_react.addIcon)("copy", import_copy.default);
+(0, import_react.addIcon)("download", import_download.default);
 (0, import_react.addIcon)("edit", import_edit.default);
 (0, import_react.addIcon)("delete", import_trash_can.default);
 (0, import_react.addIcon)("error", import_error_filled.default);
@@ -301,7 +303,7 @@ var BruttalTheme = {
   space,
   lineHeights,
   colors: {
-    background: coreColors.white,
+    background: coreColors.complimentary,
     text: coreColors.black,
     muted: coreColors.gray200,
     onMuted: coreColors.gray600,
@@ -361,7 +363,25 @@ var BruttalTheme = {
       fontWeight: "normal",
       fontSize: "base",
       margin: 0,
-      padding: 0
+      padding: 0,
+      backgroundColor: "background",
+      /**
+       * HTML elements
+       */
+      table: {
+        borderCollapse: "collapse"
+      },
+      th: {
+        paddingX: "md",
+        paddingY: "md"
+      },
+      tr: {
+        borderBottom: "default"
+      },
+      td: {
+        paddingX: "xl",
+        paddingY: "md"
+      }
     },
     a: {
       color: "text",
@@ -423,6 +443,17 @@ var BruttalTheme = {
       paddingX: "xs",
       paddingY: "2xs",
       borderRadius: "informative"
+    },
+    muted: {
+      color: "onMuted",
+      bg: "muted",
+      fontFamily: "caption",
+      fontWeight: "normal",
+      lineHeight: "base",
+      fontSize: "xs",
+      paddingX: "xs",
+      paddingY: "2xs",
+      borderRadius: "xs"
     }
   },
   buttons: {

package/dist/themes/Bruttal/Bruttal.js

@@ -94,6 +94,7 @@ var import_chevron_up = __toESM(require("@iconify/icons-carbon/chevron-up"));
 var import_close_filled = __toESM(require("@iconify/icons-carbon/close-filled"));
 var import_close = __toESM(require("@iconify/icons-carbon/close"));
 var import_copy = __toESM(require("@iconify/icons-carbon/copy"));
+var import_download = __toESM(require("@iconify/icons-carbon/download"));
 var import_edit = __toESM(require("@iconify/icons-carbon/edit"));
 var import_error_filled = __toESM(require("@iconify/icons-carbon/error-filled"));
 var import_information_filled = __toESM(require("@iconify/icons-carbon/information-filled"));
@@ -140,6 +141,7 @@ var subtractIcon = {
 (0, import_react.addIcon)("check-mark", import_checkmark_outline.default);
 (0, import_react.addIcon)("close", import_close.default);
 (0, import_react.addIcon)("copy", import_copy.default);
+(0, import_react.addIcon)("download", import_download.default);
 (0, import_react.addIcon)("edit", import_edit.default);
 (0, import_react.addIcon)("delete", import_trash_can.default);
 (0, import_react.addIcon)("error", import_error_filled.default);
@@ -305,7 +307,7 @@ var BruttalTheme = {
   space,
   lineHeights,
   colors: {
-    background: coreColors.white,
+    background: coreColors.complimentary,
     text: coreColors.black,
     muted: coreColors.gray200,
     onMuted: coreColors.gray600,
@@ -365,7 +367,25 @@ var BruttalTheme = {
       fontWeight: "normal",
       fontSize: "base",
       margin: 0,
-      padding: 0
+      padding: 0,
+      backgroundColor: "background",
+      /**
+       * HTML elements
+       */
+      table: {
+        borderCollapse: "collapse"
+      },
+      th: {
+        paddingX: "md",
+        paddingY: "md"
+      },
+      tr: {
+        borderBottom: "default"
+      },
+      td: {
+        paddingX: "xl",
+        paddingY: "md"
+      }
     },
     a: {
       color: "text",
@@ -427,6 +447,17 @@ var BruttalTheme = {
       paddingX: "xs",
       paddingY: "2xs",
       borderRadius: "informative"
+    },
+    muted: {
+      color: "onMuted",
+      bg: "muted",
+      fontFamily: "caption",
+      fontWeight: "normal",
+      lineHeight: "base",
+      fontSize: "xs",
+      paddingX: "xs",
+      paddingY: "2xs",
+      borderRadius: "xs"
     }
   },
   buttons: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/theme",
-  "version": "1.4.27",
+  "version": "1.4.29",
   "description": "Theme for packages.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -59,5 +59,5 @@
       ]
     }
   },
-  "gitHead": "b865ab2a3ba818f221370f6c95a7d580e59a5642"
+  "gitHead": "b14482e626119da6b065b28523b6668dbbcef585"
 }

package/src/themes/Bruttal/BruttalIcons.ts

@@ -17,6 +17,7 @@ import chevronUpIcon from '@iconify/icons-carbon/chevron-up';
 import closeFilledIcon from '@iconify/icons-carbon/close-filled';
 import closeIcon from '@iconify/icons-carbon/close';
 import copyIcon from '@iconify/icons-carbon/copy';
+import downloadIcon from '@iconify/icons-carbon/download';
 import editIcon from '@iconify/icons-carbon/edit';
 import errorFilledIcon from '@iconify/icons-carbon/error-filled';
 import informationFilledIcon from '@iconify/icons-carbon/information-filled';
@@ -67,6 +68,7 @@ addIcon('check', checkMarkIcon);
 addIcon('check-mark', checkMarkOutlineIcon);
 addIcon('close', closeIcon);
 addIcon('copy', copyIcon);
+addIcon('download', downloadIcon);
 addIcon('edit', editIcon);
 addIcon('delete', trashCanIcon);
 addIcon('error', errorFilledIcon);

package/src/themes/Bruttal/BruttalTheme.ts

@@ -72,7 +72,7 @@ export const BruttalTheme: Theme = {
   space,
   lineHeights,
   colors: {
-    background: coreColors.white,
+    background: coreColors.complimentary,
     text: coreColors.black,
     muted: coreColors.gray200,
     onMuted: coreColors.gray600,
@@ -133,6 +133,24 @@ export const BruttalTheme: Theme = {
       fontSize: 'base',
       margin: 0,
       padding: 0,
+      backgroundColor: 'background',
+      /**
+       * HTML elements
+       */
+      table: {
+        borderCollapse: 'collapse',
+      },
+      th: {
+        paddingX: 'md',
+        paddingY: 'md',
+      },
+      tr: {
+        borderBottom: 'default',
+      },
+      td: {
+        paddingX: 'xl',
+        paddingY: 'md',
+      },
     },
     a: {
       color: 'text',
@@ -195,6 +213,17 @@ export const BruttalTheme: Theme = {
       paddingY: '2xs',
       borderRadius: 'informative',
     },
+    muted: {
+      color: 'onMuted',
+      bg: 'muted',
+      fontFamily: 'caption',
+      fontWeight: 'normal',
+      lineHeight: 'base',
+      fontSize: 'xs',
+      paddingX: 'xs',
+      paddingY: '2xs',
+      borderRadius: 'xs',
+    },
   },
   buttons: {
     accent: {