@moises.ai/design-system 1.0.16 → 1.0.18

package/dist/index.js

@@ -1,5 +1,24 @@
+import { Avatar as d, Badge as n, Box as i, Button as l, Card as p, Container as x, Dialog as c, DropdownMenu as m, Flex as v, Grid as H, Heading as T, HoverCard as f, Popover as g, Select as s, Tabs as u, Text as B, ThemePanel as C, Tooltip as b } from "@radix-ui/themes";
 import { jsx as e } from "react/jsx-runtime";
-const d = () => /* @__PURE__ */ e("div", { children: "Header a b c d e f" });
+const o = () => /* @__PURE__ */ e("div", { children: "Header a b c d e f" });
 export {
-  d as Header
+  d as Avatar,
+  n as Badge,
+  i as Box,
+  l as Button,
+  p as Card,
+  x as Container,
+  c as Dialog,
+  m as DropdownMenu,
+  v as Flex,
+  H as Grid,
+  o as Header,
+  T as Heading,
+  f as HoverCard,
+  g as Popover,
+  s as Select,
+  u as Tabs,
+  B as Text,
+  C as ThemePanel,
+  b as Tooltip
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moises.ai/design-system",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "Design System package based on @radix-ui/themes with custom defaults",
   "private": false,
   "type": "module",
@@ -15,8 +15,7 @@
     "./icons": {
       "import": "./dist/icons.js",
       "require": "./dist/icons.js"
-    },
-    "./styles.css": "./styles.css"
+    }
   },
   "files": [
     "dist",
@@ -25,14 +24,11 @@
   "scripts": {
     "build": "vite build",
     "dev": "vite build --watch",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
-    "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --fix"
+    "prepare": "npm run build"
   },
   "dependencies": {
-    "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/themes": "^2.0.0",
-    "classnames": "^2.5.1"
+    "@radix-ui/themes": "^2.0.0"
   },
   "peerDependencies": {
     "react": "*",
@@ -47,10 +43,10 @@
     }
   },
   "devDependencies": {
+    "vite": "^5.1.0",
     "@vitejs/plugin-react": "^4.2.1",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.1.0"
+    "react-dom": "^18.2.0"
   },
   "publishConfig": {
     "access": "public"

package/styles.css

@@ -1,2 +1,110 @@
 @import '@radix-ui/themes/styles.css';
-@import './src/colors/custom-styles.css'; 
+
+:root {
+  /* Aqua */
+  --aqua-1: #f8fefe;
+  --aqua-2: #f0fbfc;
+  --aqua-3: #dbf8fb;
+  --aqua-4: #c5f3f7;
+  --aqua-5: #adf0f5;
+  --aqua-6: #95edf3;
+  --aqua-7: #7deaf1;
+  --aqua-8: #65e7ef;
+  --aqua-9: #00d0de;
+  --aqua-10: #00c4d2;
+  --aqua-11: #00a9b6;
+  --aqua-12: #004348;
+  --aqua-alpha-1: rgba(0, 219, 219, 0.03);
+  --aqua-alpha-2: rgba(0, 187, 204, 0.06);
+  --aqua-alpha-3: rgba(0, 206, 227, 0.14);
+  --aqua-alpha-4: rgba(0, 212, 229, 0.26);
+  --aqua-alpha-5: rgba(0, 209, 230, 0.39);
+  --aqua-alpha-6: rgba(0, 210, 229, 0.52);
+  --aqua-alpha-7: rgba(0, 215, 232, 0.67);
+  --aqua-alpha-8: rgba(0, 218, 232, 0.9);
+  --aqua-alpha-9: #00d0de;
+  --aqua-alpha-10: #00c4d2;
+  --aqua-alpha-11: rgba(5, 165, 177, 0.96);
+  --aqua-alpha-12: #004348;
+  --aqua-dark-1: #061415;
+  --aqua-dark-2: #0c1c1d;
+  --aqua-dark-3: #002e32;
+  --aqua-dark-4: #003b42;
+  --aqua-dark-5: #005a63;
+  --aqua-dark-6: #007a84;
+  --aqua-dark-7: #009aa5;
+  --aqua-dark-8: #00bac6;
+  --aqua-dark-9: #00dae8;
+  --aqua-dark-10: #19e4f1;
+  --aqua-dark-11: #75ebf5;
+  --aqua-dark-12: #adf0f6;
+  --aqua-dark-alpha-1: rgba(0, 171, 222, 0.02);
+  --aqua-dark-alpha-2: rgba(0, 233, 253, 0.07);
+  --aqua-dark-alpha-3: rgba(0, 223, 251, 0.16);
+  --aqua-dark-alpha-4: rgba(0, 220, 253, 0.2);
+  --aqua-dark-alpha-5: rgba(0, 227, 254, 0.33);
+  --aqua-dark-alpha-6: rgba(0, 231, 255, 0.48);
+  --aqua-dark-alpha-7: rgba(0, 234, 253, 0.62);
+  --aqua-dark-alpha-8: rgba(0, 216, 230, 0.84);
+  --aqua-dark-alpha-9: rgba(0, 238, 254, 0.91);
+  --aqua-dark-alpha-10: rgba(49, 242, 255, 0.93);
+  --aqua-dark-alpha-11: rgba(120, 247, 255, 0.95);
+  --aqua-dark-alpha-12: rgba(178, 248, 254, 0.97);
+
+  /* Mint */
+
+  --mint-1: #f8fffb;
+  --mint-2: #f0fdf5;
+  --mint-3: #d8fce7;
+  --mint-4: #bff9d8;
+  --mint-5: #b0f9d4;
+  --mint-6: #a1f9d0;
+  --mint-7: #93facc;
+  --mint-8: #84fac8;
+  --mint-9: #0affa7;
+  --mint-10: #00ef99;
+  --mint-11: #04c781;
+  --mint-12: #004527;
+  --mint-alpha-1: rgba(0, 255, 110, 0.02);
+  --mint-alpha-2: rgba(0, 221, 85, 0.05);
+  --mint-alpha-3: rgba(0, 236, 99, 0.13);
+  --mint-alpha-4: rgba(0, 232, 100, 0.25);
+  --mint-alpha-5: rgba(155, 247, 201, 0.81);
+  --mint-alpha-6: rgba(115, 249, 186, 0.71);
+  --mint-alpha-7: rgba(113, 249, 189, 0.8);
+  --mint-alpha-8: rgba(106, 247, 188, 0.85);
+  --mint-alpha-9: #0affa7;
+  --mint-alpha-10: rgba(7, 235, 133, 0.84);
+  --mint-alpha-11: rgba(1, 188, 108, 0.85);
+  --mint-alpha-12: rgba(0, 69, 39, 0.99);
+  --mint-dark-1: #0b130e;
+  --mint-dark-2: #101c15;
+  --mint-dark-3: #101c15;
+  --mint-dark-4: #023d25;
+  --mint-dark-5: #03633f;
+  --mint-dark-6: #058a59;
+  --mint-dark-7: #06b173;
+  --mint-dark-8: #08d88d;
+  --mint-dark-9: #0affa7;
+  --mint-dark-10: #4dffb8;
+  --mint-dark-11: #78ffbe;
+  --mint-dark-12: #a6fecd;
+  --mint-dark-alpha-1: rgba(0, 187, 0, 0.02);
+  --mint-dark-alpha-2: rgba(0, 251, 103, 0.04);
+  --mint-dark-alpha-3: rgba(0, 249, 121, 0.11);
+  --mint-dark-alpha-4: rgba(0, 79, 47, 0.7);
+  --mint-dark-alpha-5: rgba(0, 132, 82, 0.71);
+  --mint-dark-alpha-6: rgba(0, 171, 111, 0.78);
+  --mint-dark-alpha-7: rgba(1, 197, 126, 0.89);
+  --mint-dark-alpha-8: rgba(0, 253, 162, 0.84);
+  --mint-dark-alpha-9: rgba(10, 255, 167, 1);
+  --mint-dark-alpha-10: rgba(99, 255, 193, 0.98);
+  --mint-dark-alpha-11: rgba(120, 255, 190, 1);
+  --mint-dark-alpha-12: rgba(166, 254, 205, 1);
+
+  --neutral-10: rgba(119, 123, 132, 1);
+  --neutral-11: rgba(176, 180, 186, 1);
+  --neutral-12: rgba(237, 238, 240, 1);
+
+  --neutral-alpha-3: rgba(221, 234, 248, 0.08);
+}