@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.
- package/dist/index.js +13 -21
- package/package.json +1 -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
|
-
|
|
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
|
-
|
|
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.
|
|
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';
|