@swisper.ai/design-system 0.0.2
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/LICENSE +202 -0
- package/README.md +117 -0
- package/dist/css/components.css +1437 -0
- package/dist/css/debug-tokens.json +1930 -0
- package/dist/css/primitives.css +214 -0
- package/dist/css/semantic.css +295 -0
- package/dist/css/tokens.css +3 -0
- package/dist/js/tokens.d.ts +36 -0
- package/dist/js/tokens.js +36 -0
- package/dist/mui-theme.d.ts +18 -0
- package/dist/mui-theme.d.ts.map +1 -0
- package/dist/mui-theme.js +476 -0
- package/dist/tailwind.css +2 -0
- package/package.json +76 -0
- package/src/colors.stories.tsx +86 -0
- package/src/components.stories.tsx +26 -0
- package/src/docs/link-card.tsx +34 -0
- package/src/foundation.stories.tsx +27 -0
- package/src/introduction.mdx +48 -0
- package/src/mui-theme.ts +509 -0
- package/src/tailwind.css +2217 -0
- package/src/tokens.build.json +23530 -0
- package/src/tokens.json +32776 -0
- package/src/tokens_legacy.json +56 -0
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
{
|
|
2
|
+
"swisper/core": {
|
|
3
|
+
"color": {
|
|
4
|
+
"steel": {
|
|
5
|
+
"100": { "value": "#F9FBFC", "type": "color" },
|
|
6
|
+
"150": { "value": "#EEF4F8", "type": "color" },
|
|
7
|
+
"200": { "value": "#DDE9F2", "type": "color" },
|
|
8
|
+
"250": { "value": "#C8D9E6", "type": "color" },
|
|
9
|
+
"300": { "value": "#C0C9D6", "type": "color" },
|
|
10
|
+
"400": { "value": "#B6C2D1", "type": "color" },
|
|
11
|
+
"500": { "value": "#8F99AD", "type": "color" },
|
|
12
|
+
"600": { "value": "#5C647C", "type": "color" },
|
|
13
|
+
"650": { "value": "#2E3442", "type": "color" },
|
|
14
|
+
"700": { "value": "#222834", "type": "color" },
|
|
15
|
+
"800": { "value": "#141923", "type": "color" },
|
|
16
|
+
"900": { "value": "#020305", "type": "color" }
|
|
17
|
+
},
|
|
18
|
+
"blue": {
|
|
19
|
+
"100": { "value": "#9EDFF7", "type": "color" },
|
|
20
|
+
"300": { "value": "#00C4FF", "type": "color" },
|
|
21
|
+
"400": { "value": "#00B3EB", "type": "color" },
|
|
22
|
+
"500": { "value": "#00A9DD", "type": "color" },
|
|
23
|
+
"600": { "value": "#0093C2", "type": "color" },
|
|
24
|
+
"700": { "value": "#0087B8", "type": "color" },
|
|
25
|
+
"800": { "value": "#007DA8", "type": "color" }
|
|
26
|
+
},
|
|
27
|
+
"lagoon": { "5": { "value": "#5FD4C6", "type": "color" } }
|
|
28
|
+
},
|
|
29
|
+
"borderRadius": {
|
|
30
|
+
"50": { "value": "8", "type": "number" },
|
|
31
|
+
"100": { "value": "16", "type": "number" },
|
|
32
|
+
"200": { "value": "32", "type": "number" }
|
|
33
|
+
},
|
|
34
|
+
"fontFamily": { "value": "Hanken Grotesk", "type": "text" }
|
|
35
|
+
},
|
|
36
|
+
"swisper/light": {
|
|
37
|
+
"color": {
|
|
38
|
+
"global": { "layer": { "1": { "value": "{swisper/core.color.steel.200}", "type": "color" } } }
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
"swisper/dark": {
|
|
42
|
+
"color": {
|
|
43
|
+
"global": {
|
|
44
|
+
"bg": { "value": "{swisper/core.color.steel.900}", "type": "color" },
|
|
45
|
+
"fg": {
|
|
46
|
+
"base": { "value": "{swisper/core.color.steel.100}", "type": "color" },
|
|
47
|
+
"light": { "value": "{swisper/core.color.steel.400}", "type": "color" },
|
|
48
|
+
"subtle": { "value": "{swisper/core.color.steel.600}", "type": "color" }
|
|
49
|
+
},
|
|
50
|
+
"surface": { "value": "{swisper/core.color.steel.800}", "type": "color" },
|
|
51
|
+
"layer": { "1": { "value": "{swisper/core.color.steel.700}", "type": "color" } }
|
|
52
|
+
},
|
|
53
|
+
"primary": { "main": { "value": "{swisper/core.color.blue.500}", "type": "color" } }
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|