@ttoss/theme 1.4.35 → 1.4.36

package/dist/esm/{chunk-MT6XFJ5D.js → chunk-34FGL5GX.js}

@@ -55,9 +55,23 @@ var require_success_circle = __commonJS({
   }
 });
 
+// ../../node_modules/.pnpm/@iconify+icons-eos-icons@1.2.6/node_modules/@iconify/icons-eos-icons/three-dots-loading.js
+var require_three_dots_loading = __commonJS({
+  "../../node_modules/.pnpm/@iconify+icons-eos-icons@1.2.6/node_modules/@iconify/icons-eos-icons/three-dots-loading.js"(exports) {
+    var data = {
+      "width": 24,
+      "height": 24,
+      "body": '<circle cx="18" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".67" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle><circle cx="12" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".33" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle><circle cx="6" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin="0" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle>'
+    };
+    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());
+var import_three_dots_loading = __toESM(require_three_dots_loading());
 import { addIcon } from "@iconify-icon/react";
 import addFilledIcon from "@iconify/icons-carbon/add-filled";
 import arrowRightIcon from "@iconify/icons-carbon/arrow-right";
@@ -91,6 +105,7 @@ 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";
+import warningAltIcon from "@iconify/icons-carbon/warning-alt";
 import warningFilledIcon from "@iconify/icons-carbon/warning-filled";
 var replicateIcon = {
   body: `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -140,11 +155,13 @@ addIcon("replicate", replicateIcon);
 addIcon("subtract", subtractIcon);
 addIcon("success-circle", import_success_circle.default);
 addIcon("small-close", closeFilledIcon);
+addIcon("three-dots-loading", import_three_dots_loading.default);
 addIcon("time", timeIcon);
 addIcon("upload", uploadIcon);
 addIcon("view-off", viewOffFilledIcon);
 addIcon("view-on", viewFilledIcon);
 addIcon("warning", warningFilledIcon);
+addIcon("warning-alt", warningAltIcon);
 
 // src/themes/Bruttal/BruttalFonts.ts
 var BruttalFonts = ["https://fonts.googleapis.com/css?family=Inconsolata:wght@100;200;300;400;500;700;800;900", "https://fonts.googleapis.com/css?family=Work+Sans:wght@100;200;300;400;500;700;800;900", "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap"];
@@ -205,7 +222,7 @@ var lineHeights = {
   "2xs": "0.422",
   xs: "0.562",
   sm: "calc(1 / 1.333)",
-  base: "normal",
+  base: "1",
   lg: "calc(1 * 1.333)",
   xl: "1.776",
   "2xl": "2.368"
@@ -489,8 +506,10 @@ var BruttalTheme = {
       color: "primary",
       border: "default",
       borderColor: "primary",
+      borderRadius: "action",
       ":disabled": {
         border: "muted",
+        borderColor: "onMuted",
         backgroundColor: "muted",
         color: "onMuted",
         cursor: "not-allowed"
@@ -590,6 +609,7 @@ var BruttalTheme = {
       },
       ":disabled": {
         backgroundColor: "muted",
+        color: "onMuted",
         border: "muted",
         borderColor: "onMuted"
       },

package/dist/esm/index.js

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

package/dist/index.js

@@ -66,6 +66,19 @@ var require_success_circle = __commonJS({
   }
 });
 
+// ../../node_modules/.pnpm/@iconify+icons-eos-icons@1.2.6/node_modules/@iconify/icons-eos-icons/three-dots-loading.js
+var require_three_dots_loading = __commonJS({
+  "../../node_modules/.pnpm/@iconify+icons-eos-icons@1.2.6/node_modules/@iconify/icons-eos-icons/three-dots-loading.js"(exports) {
+    var data = {
+      "width": 24,
+      "height": 24,
+      "body": '<circle cx="18" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".67" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle><circle cx="12" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".33" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle><circle cx="6" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin="0" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle>'
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
@@ -103,12 +116,14 @@ var import_radio_button_checked = __toESM(require("@iconify/icons-carbon/radio-b
 var import_radio_button = __toESM(require("@iconify/icons-carbon/radio-button"));
 var import_renew = __toESM(require("@iconify/icons-carbon/renew"));
 var import_success_circle = __toESM(require_success_circle());
+var import_three_dots_loading = __toESM(require_three_dots_loading());
 var import_time = __toESM(require("@iconify/icons-carbon/time"));
 var import_trash_can = __toESM(require("@iconify/icons-carbon/trash-can"));
 var import_upload = __toESM(require("@iconify/icons-carbon/upload"));
 var import_user_avatar_filled_alt = __toESM(require("@iconify/icons-carbon/user-avatar-filled-alt"));
 var import_view_filled = __toESM(require("@iconify/icons-carbon/view-filled"));
 var import_view_off_filled = __toESM(require("@iconify/icons-carbon/view-off-filled"));
+var import_warning_alt = __toESM(require("@iconify/icons-carbon/warning-alt"));
 var import_warning_filled = __toESM(require("@iconify/icons-carbon/warning-filled"));
 var replicateIcon = {
   body: `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -158,11 +173,13 @@ var subtractIcon = {
 (0, import_react.addIcon)("subtract", subtractIcon);
 (0, import_react.addIcon)("success-circle", import_success_circle.default);
 (0, import_react.addIcon)("small-close", import_close_filled.default);
+(0, import_react.addIcon)("three-dots-loading", import_three_dots_loading.default);
 (0, import_react.addIcon)("time", import_time.default);
 (0, import_react.addIcon)("upload", import_upload.default);
 (0, import_react.addIcon)("view-off", import_view_off_filled.default);
 (0, import_react.addIcon)("view-on", import_view_filled.default);
 (0, import_react.addIcon)("warning", import_warning_filled.default);
+(0, import_react.addIcon)("warning-alt", import_warning_alt.default);
 
 // src/helpers/geometricCalc.ts
 var SIZE_TYPE = "rem";
@@ -220,7 +237,7 @@ var lineHeights = {
   "2xs": "0.422",
   xs: "0.562",
   sm: "calc(1 / 1.333)",
-  base: "normal",
+  base: "1",
   lg: "calc(1 * 1.333)",
   xl: "1.776",
   "2xl": "2.368"
@@ -504,8 +521,10 @@ var BruttalTheme = {
       color: "primary",
       border: "default",
       borderColor: "primary",
+      borderRadius: "action",
       ":disabled": {
         border: "muted",
+        borderColor: "onMuted",
         backgroundColor: "muted",
         color: "onMuted",
         cursor: "not-allowed"
@@ -605,6 +624,7 @@ var BruttalTheme = {
       },
       ":disabled": {
         backgroundColor: "muted",
+        color: "onMuted",
         border: "muted",
         borderColor: "onMuted"
       },

package/dist/themes/Bruttal/Bruttal.js

@@ -66,6 +66,19 @@ var require_success_circle = __commonJS({
   }
 });
 
+// ../../node_modules/.pnpm/@iconify+icons-eos-icons@1.2.6/node_modules/@iconify/icons-eos-icons/three-dots-loading.js
+var require_three_dots_loading = __commonJS({
+  "../../node_modules/.pnpm/@iconify+icons-eos-icons@1.2.6/node_modules/@iconify/icons-eos-icons/three-dots-loading.js"(exports) {
+    var data = {
+      "width": 24,
+      "height": 24,
+      "body": '<circle cx="18" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".67" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle><circle cx="12" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".33" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle><circle cx="6" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin="0" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle>'
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/themes/Bruttal/Bruttal.ts
 var Bruttal_exports = {};
 __export(Bruttal_exports, {
@@ -104,12 +117,14 @@ var import_radio_button_checked = __toESM(require("@iconify/icons-carbon/radio-b
 var import_radio_button = __toESM(require("@iconify/icons-carbon/radio-button"));
 var import_renew = __toESM(require("@iconify/icons-carbon/renew"));
 var import_success_circle = __toESM(require_success_circle());
+var import_three_dots_loading = __toESM(require_three_dots_loading());
 var import_time = __toESM(require("@iconify/icons-carbon/time"));
 var import_trash_can = __toESM(require("@iconify/icons-carbon/trash-can"));
 var import_upload = __toESM(require("@iconify/icons-carbon/upload"));
 var import_user_avatar_filled_alt = __toESM(require("@iconify/icons-carbon/user-avatar-filled-alt"));
 var import_view_filled = __toESM(require("@iconify/icons-carbon/view-filled"));
 var import_view_off_filled = __toESM(require("@iconify/icons-carbon/view-off-filled"));
+var import_warning_alt = __toESM(require("@iconify/icons-carbon/warning-alt"));
 var import_warning_filled = __toESM(require("@iconify/icons-carbon/warning-filled"));
 var replicateIcon = {
   body: `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -159,11 +174,13 @@ var subtractIcon = {
 (0, import_react.addIcon)("subtract", subtractIcon);
 (0, import_react.addIcon)("success-circle", import_success_circle.default);
 (0, import_react.addIcon)("small-close", import_close_filled.default);
+(0, import_react.addIcon)("three-dots-loading", import_three_dots_loading.default);
 (0, import_react.addIcon)("time", import_time.default);
 (0, import_react.addIcon)("upload", import_upload.default);
 (0, import_react.addIcon)("view-off", import_view_off_filled.default);
 (0, import_react.addIcon)("view-on", import_view_filled.default);
 (0, import_react.addIcon)("warning", import_warning_filled.default);
+(0, import_react.addIcon)("warning-alt", import_warning_alt.default);
 
 // src/themes/Bruttal/BruttalFonts.ts
 var BruttalFonts = ["https://fonts.googleapis.com/css?family=Inconsolata:wght@100;200;300;400;500;700;800;900", "https://fonts.googleapis.com/css?family=Work+Sans:wght@100;200;300;400;500;700;800;900", "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap"];
@@ -224,7 +241,7 @@ var lineHeights = {
   "2xs": "0.422",
   xs: "0.562",
   sm: "calc(1 / 1.333)",
-  base: "normal",
+  base: "1",
   lg: "calc(1 * 1.333)",
   xl: "1.776",
   "2xl": "2.368"
@@ -508,8 +525,10 @@ var BruttalTheme = {
       color: "primary",
       border: "default",
       borderColor: "primary",
+      borderRadius: "action",
       ":disabled": {
         border: "muted",
+        borderColor: "onMuted",
         backgroundColor: "muted",
         color: "onMuted",
         cursor: "not-allowed"
@@ -609,6 +628,7 @@ var BruttalTheme = {
       },
       ":disabled": {
         backgroundColor: "muted",
+        color: "onMuted",
         border: "muted",
         borderColor: "onMuted"
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/theme",
-  "version": "1.4.35",
+  "version": "1.4.36",
   "description": "Theme for packages.",
   "license": "UNLICENSED",
   "author": "ttoss",

package/src/themes/Bruttal/BruttalIcons.ts

@@ -27,12 +27,14 @@ import radioButtonCheckedIcon from '@iconify/icons-carbon/radio-button-checked';
 import radioButtonIcon from '@iconify/icons-carbon/radio-button';
 import renewIcon from '@iconify/icons-carbon/renew';
 import successCircleIcon from '@iconify/icons-mdi/success-circle';
+import threeDotsLoadingIcon from '@iconify/icons-eos-icons/three-dots-loading';
 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';
+import warningAltIcon from '@iconify/icons-carbon/warning-alt';
 import warningFilledIcon from '@iconify/icons-carbon/warning-filled';
 import type { IconifyIcon } from '@iconify/types';
 
@@ -86,8 +88,10 @@ addIcon('replicate', replicateIcon);
 addIcon('subtract', subtractIcon);
 addIcon('success-circle', successCircleIcon);
 addIcon('small-close', closeFilledIcon);
+addIcon('three-dots-loading', threeDotsLoadingIcon);
 addIcon('time', timeIcon);
 addIcon('upload', uploadIcon);
 addIcon('view-off', viewOffFilledIcon);
 addIcon('view-on', viewFilledIcon);
 addIcon('warning', warningFilledIcon);
+addIcon('warning-alt', warningAltIcon);

package/src/themes/Bruttal/BruttalTheme.ts

@@ -267,8 +267,10 @@ export const BruttalTheme: Theme = {
       color: 'primary',
       border: 'default',
       borderColor: 'primary',
+      borderRadius: 'action',
       ':disabled': {
         border: 'muted',
+        borderColor: 'onMuted',
         backgroundColor: 'muted',
         color: 'onMuted',
         cursor: 'not-allowed',
@@ -368,6 +370,7 @@ export const BruttalTheme: Theme = {
       },
       ':disabled': {
         backgroundColor: 'muted',
+        color: 'onMuted',
         border: 'muted',
         borderColor: 'onMuted',
       },

package/src/tokens/lineHeights.ts

@@ -2,7 +2,7 @@ export const lineHeights = {
   '2xs': '0.422',
   xs: '0.562',
   sm: 'calc(1 / 1.333)',
-  base: 'normal',
+  base: '1',
   lg: 'calc(1 * 1.333)',
   xl: '1.776',
   '2xl': '2.368',