@moises.ai/design-system 1.0.19 → 1.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +13 -21
  2. package/package.json +1 -3
  3. package/styles.css +1 -110
package/dist/index.js CHANGED
@@ -1,24 +1,16 @@
1
- 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";
2
1
  import { jsx as e } from "react/jsx-runtime";
3
- const o = () => /* @__PURE__ */ e("div", { children: "Header a b c d e f" });
2
+ export * from "@radix-ui/themes";
3
+ const n = ({ children: r, ...a }) => /* @__PURE__ */ e(
4
+ OriginalTheme,
5
+ {
6
+ accentColor: "cyan",
7
+ appearance: "dark",
8
+ radius: "small",
9
+ panelBackground: "solid",
10
+ ...a,
11
+ children: r
12
+ }
13
+ );
4
14
  export {
5
- d as Avatar,
6
- n as Badge,
7
- i as Box,
8
- l as Button,
9
- p as Card,
10
- x as Container,
11
- c as Dialog,
12
- m as DropdownMenu,
13
- v as Flex,
14
- H as Grid,
15
- o as Header,
16
- T as Heading,
17
- f as HoverCard,
18
- g as Popover,
19
- s as Select,
20
- u as Tabs,
21
- B as Text,
22
- C as ThemePanel,
23
- b as Tooltip
15
+ n as Theme
24
16
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moises.ai/design-system",
3
- "version": "1.0.19",
3
+ "version": "1.0.22",
4
4
  "description": "Design System package based on @radix-ui/themes with custom defaults",
5
5
  "private": false,
6
6
  "type": "module",
@@ -13,11 +13,9 @@
13
13
  ],
14
14
  "scripts": {
15
15
  "build": "vite build",
16
- "dev": "vite build --watch",
17
16
  "prepare": "npm run build"
18
17
  },
19
18
  "dependencies": {
20
- "@radix-ui/react-icons": "^1.3.0",
21
19
  "@radix-ui/themes": "^2.0.0"
22
20
  },
23
21
  "peerDependencies": {
package/styles.css CHANGED
@@ -1,110 +1 @@
1
- @import '@radix-ui/themes/styles.css';
2
-
3
- :root {
4
- /* Aqua */
5
- --aqua-1: #f8fefe;
6
- --aqua-2: #f0fbfc;
7
- --aqua-3: #dbf8fb;
8
- --aqua-4: #c5f3f7;
9
- --aqua-5: #adf0f5;
10
- --aqua-6: #95edf3;
11
- --aqua-7: #7deaf1;
12
- --aqua-8: #65e7ef;
13
- --aqua-9: #00d0de;
14
- --aqua-10: #00c4d2;
15
- --aqua-11: #00a9b6;
16
- --aqua-12: #004348;
17
- --aqua-alpha-1: rgba(0, 219, 219, 0.03);
18
- --aqua-alpha-2: rgba(0, 187, 204, 0.06);
19
- --aqua-alpha-3: rgba(0, 206, 227, 0.14);
20
- --aqua-alpha-4: rgba(0, 212, 229, 0.26);
21
- --aqua-alpha-5: rgba(0, 209, 230, 0.39);
22
- --aqua-alpha-6: rgba(0, 210, 229, 0.52);
23
- --aqua-alpha-7: rgba(0, 215, 232, 0.67);
24
- --aqua-alpha-8: rgba(0, 218, 232, 0.9);
25
- --aqua-alpha-9: #00d0de;
26
- --aqua-alpha-10: #00c4d2;
27
- --aqua-alpha-11: rgba(5, 165, 177, 0.96);
28
- --aqua-alpha-12: #004348;
29
- --aqua-dark-1: #061415;
30
- --aqua-dark-2: #0c1c1d;
31
- --aqua-dark-3: #002e32;
32
- --aqua-dark-4: #003b42;
33
- --aqua-dark-5: #005a63;
34
- --aqua-dark-6: #007a84;
35
- --aqua-dark-7: #009aa5;
36
- --aqua-dark-8: #00bac6;
37
- --aqua-dark-9: #00dae8;
38
- --aqua-dark-10: #19e4f1;
39
- --aqua-dark-11: #75ebf5;
40
- --aqua-dark-12: #adf0f6;
41
- --aqua-dark-alpha-1: rgba(0, 171, 222, 0.02);
42
- --aqua-dark-alpha-2: rgba(0, 233, 253, 0.07);
43
- --aqua-dark-alpha-3: rgba(0, 223, 251, 0.16);
44
- --aqua-dark-alpha-4: rgba(0, 220, 253, 0.2);
45
- --aqua-dark-alpha-5: rgba(0, 227, 254, 0.33);
46
- --aqua-dark-alpha-6: rgba(0, 231, 255, 0.48);
47
- --aqua-dark-alpha-7: rgba(0, 234, 253, 0.62);
48
- --aqua-dark-alpha-8: rgba(0, 216, 230, 0.84);
49
- --aqua-dark-alpha-9: rgba(0, 238, 254, 0.91);
50
- --aqua-dark-alpha-10: rgba(49, 242, 255, 0.93);
51
- --aqua-dark-alpha-11: rgba(120, 247, 255, 0.95);
52
- --aqua-dark-alpha-12: rgba(178, 248, 254, 0.97);
53
-
54
- /* Mint */
55
-
56
- --mint-1: #f8fffb;
57
- --mint-2: #f0fdf5;
58
- --mint-3: #d8fce7;
59
- --mint-4: #bff9d8;
60
- --mint-5: #b0f9d4;
61
- --mint-6: #a1f9d0;
62
- --mint-7: #93facc;
63
- --mint-8: #84fac8;
64
- --mint-9: #0affa7;
65
- --mint-10: #00ef99;
66
- --mint-11: #04c781;
67
- --mint-12: #004527;
68
- --mint-alpha-1: rgba(0, 255, 110, 0.02);
69
- --mint-alpha-2: rgba(0, 221, 85, 0.05);
70
- --mint-alpha-3: rgba(0, 236, 99, 0.13);
71
- --mint-alpha-4: rgba(0, 232, 100, 0.25);
72
- --mint-alpha-5: rgba(155, 247, 201, 0.81);
73
- --mint-alpha-6: rgba(115, 249, 186, 0.71);
74
- --mint-alpha-7: rgba(113, 249, 189, 0.8);
75
- --mint-alpha-8: rgba(106, 247, 188, 0.85);
76
- --mint-alpha-9: #0affa7;
77
- --mint-alpha-10: rgba(7, 235, 133, 0.84);
78
- --mint-alpha-11: rgba(1, 188, 108, 0.85);
79
- --mint-alpha-12: rgba(0, 69, 39, 0.99);
80
- --mint-dark-1: #0b130e;
81
- --mint-dark-2: #101c15;
82
- --mint-dark-3: #101c15;
83
- --mint-dark-4: #023d25;
84
- --mint-dark-5: #03633f;
85
- --mint-dark-6: #058a59;
86
- --mint-dark-7: #06b173;
87
- --mint-dark-8: #08d88d;
88
- --mint-dark-9: #0affa7;
89
- --mint-dark-10: #4dffb8;
90
- --mint-dark-11: #78ffbe;
91
- --mint-dark-12: #a6fecd;
92
- --mint-dark-alpha-1: rgba(0, 187, 0, 0.02);
93
- --mint-dark-alpha-2: rgba(0, 251, 103, 0.04);
94
- --mint-dark-alpha-3: rgba(0, 249, 121, 0.11);
95
- --mint-dark-alpha-4: rgba(0, 79, 47, 0.7);
96
- --mint-dark-alpha-5: rgba(0, 132, 82, 0.71);
97
- --mint-dark-alpha-6: rgba(0, 171, 111, 0.78);
98
- --mint-dark-alpha-7: rgba(1, 197, 126, 0.89);
99
- --mint-dark-alpha-8: rgba(0, 253, 162, 0.84);
100
- --mint-dark-alpha-9: rgba(10, 255, 167, 1);
101
- --mint-dark-alpha-10: rgba(99, 255, 193, 0.98);
102
- --mint-dark-alpha-11: rgba(120, 255, 190, 1);
103
- --mint-dark-alpha-12: rgba(166, 254, 205, 1);
104
-
105
- --neutral-10: rgba(119, 123, 132, 1);
106
- --neutral-11: rgba(176, 180, 186, 1);
107
- --neutral-12: rgba(237, 238, 240, 1);
108
-
109
- --neutral-alpha-3: rgba(221, 234, 248, 0.08);
110
- }
1
+ @import '@radix-ui/themes/styles.css';