@swell/swell-ui 0.0.0-stage → 0.1.0
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/CHANGELOG.md +16 -0
- package/README.md +165 -2
- package/package.json +135 -4
- package/resolver.json +111 -0
- package/src/components/core/badge/tokens.json +152 -0
- package/src/components/core/button/tokens.dark.json +16 -0
- package/src/components/core/button/tokens.json +232 -0
- package/src/components/core/card/tokens.json +35 -0
- package/src/components/core/checkbox/tokens.json +15 -0
- package/src/components/core/chip/tokens.json +144 -0
- package/src/components/core/link/tokens.json +24 -0
- package/src/components/core/radio/tokens.dark.json +17 -0
- package/src/components/core/radio/tokens.json +114 -0
- package/src/components/core/status/tokens.dark.json +71 -0
- package/src/components/core/status/tokens.json +135 -0
- package/src/components/core/tabs/tokens.json +80 -0
- package/src/components/core/text/tokens.json +222 -0
- package/src/components/core/thumbnail/tokens.json +46 -0
- package/tokens/border.json +38 -0
- package/tokens/color.dark.json +88 -0
- package/tokens/color.json +115 -0
- package/tokens/control.json +115 -0
- package/tokens/field.dark.json +65 -0
- package/tokens/field.json +158 -0
- package/tokens/focus.json +26 -0
- package/tokens/font.json +117 -0
- package/tokens/motion.json +49 -0
- package/tokens/overlay.json +81 -0
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"overlay": {
|
|
3
|
+
"$description": "Surfaces that float above the page: the lists of a select and a lookup, and the panel of a popover.",
|
|
4
|
+
"border": {
|
|
5
|
+
"radius": {
|
|
6
|
+
"$type": "dimension",
|
|
7
|
+
"$value": "{border.radius}",
|
|
8
|
+
"$description": "Corner radius of a floating surface."
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
"color": {
|
|
12
|
+
"background": {
|
|
13
|
+
"$type": "color",
|
|
14
|
+
"$value": "{color.background}",
|
|
15
|
+
"$description": "Background of a floating surface."
|
|
16
|
+
},
|
|
17
|
+
"border": {
|
|
18
|
+
"$type": "color",
|
|
19
|
+
"$value": "{color.border}",
|
|
20
|
+
"$description": "Border of a floating surface, and the dividers between its rows."
|
|
21
|
+
},
|
|
22
|
+
"shadow": {
|
|
23
|
+
"$type": "color",
|
|
24
|
+
"$value": {
|
|
25
|
+
"colorSpace": "srgb",
|
|
26
|
+
"components": [0, 0, 0],
|
|
27
|
+
"hex": "#000000",
|
|
28
|
+
"alpha": 0.35
|
|
29
|
+
},
|
|
30
|
+
"$description": "Color of the shadow of surfaces that float above the page."
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
"shadow": {
|
|
34
|
+
"$type": "shadow",
|
|
35
|
+
"$value": {
|
|
36
|
+
"color": "{overlay.color.shadow}",
|
|
37
|
+
"offsetX": {
|
|
38
|
+
"value": 0,
|
|
39
|
+
"unit": "px"
|
|
40
|
+
},
|
|
41
|
+
"offsetY": {
|
|
42
|
+
"value": 20,
|
|
43
|
+
"unit": "px"
|
|
44
|
+
},
|
|
45
|
+
"blur": {
|
|
46
|
+
"value": 40,
|
|
47
|
+
"unit": "px"
|
|
48
|
+
},
|
|
49
|
+
"spread": {
|
|
50
|
+
"value": -18,
|
|
51
|
+
"unit": "px"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
"$description": "Shadow of the lists of selects and lookups and the panels of popovers, in overlay.color.shadow."
|
|
55
|
+
},
|
|
56
|
+
"padding": {
|
|
57
|
+
"$type": "dimension",
|
|
58
|
+
"$value": {
|
|
59
|
+
"value": 16,
|
|
60
|
+
"unit": "px"
|
|
61
|
+
},
|
|
62
|
+
"$description": "Padding of the panel of a popover."
|
|
63
|
+
},
|
|
64
|
+
"offset": {
|
|
65
|
+
"$type": "dimension",
|
|
66
|
+
"$value": {
|
|
67
|
+
"value": 12,
|
|
68
|
+
"unit": "px"
|
|
69
|
+
},
|
|
70
|
+
"$description": "Space between a field or a trigger and the list or panel it opens."
|
|
71
|
+
},
|
|
72
|
+
"height": {
|
|
73
|
+
"$type": "dimension",
|
|
74
|
+
"$value": {
|
|
75
|
+
"value": 320,
|
|
76
|
+
"unit": "px"
|
|
77
|
+
},
|
|
78
|
+
"$description": "The tallest a list or a panel grows before it scrolls."
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|