pintarnya-design-system-v1 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/LICENSE +201 -0
- package/README.md +170 -0
- package/config.json +187 -0
- package/dist/tokens.d.ts +1340 -0
- package/dist/tokens.js +1347 -0
- package/dist/tokens.json +1448 -0
- package/dist/variables.css +1342 -0
- package/package.json +33 -0
- package/tokens/asset/font.json +21 -0
- package/tokens/color/background.json +75 -0
- package/tokens/color/base.json +301 -0
- package/tokens/color/border.json +21 -0
- package/tokens/color/brand.json +21 -0
- package/tokens/color/chart.json +19 -0
- package/tokens/color/font.json +34 -0
- package/tokens/content/icon.json +976 -0
- package/tokens/font.json +14 -0
- package/tokens/size/font.json +14 -0
- package/tokens/size/icon.json +11 -0
- package/tokens/size/padding.json +13 -0
- package/tokens/time.json +22 -0
package/package.json
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "pintarnya-design-system-v1",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Design tokens for Pintarnya applications - colors, typography, spacing, and more",
|
|
5
|
+
"main": "dist/tokens.js",
|
|
6
|
+
"module": "dist/tokens.js",
|
|
7
|
+
"types": "dist/tokens.d.ts",
|
|
8
|
+
"type": "module",
|
|
9
|
+
"files": [
|
|
10
|
+
"dist",
|
|
11
|
+
"tokens",
|
|
12
|
+
"config.json",
|
|
13
|
+
"README.md"
|
|
14
|
+
],
|
|
15
|
+
"scripts": {
|
|
16
|
+
"build": "style-dictionary build",
|
|
17
|
+
"clean": "rm -rf dist android/styledictionary/src/main/res/values ios/Classes/Generated",
|
|
18
|
+
"prepublishOnly": "yarn build",
|
|
19
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
20
|
+
},
|
|
21
|
+
"keywords": [
|
|
22
|
+
"design-tokens",
|
|
23
|
+
"design-system",
|
|
24
|
+
"style-dictionary",
|
|
25
|
+
"pintarnya",
|
|
26
|
+
"tokens"
|
|
27
|
+
],
|
|
28
|
+
"author": "",
|
|
29
|
+
"license": "Apache-2.0",
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"style-dictionary": "^4.0.0-prerelease.30"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
{
|
|
2
|
+
"asset": {
|
|
3
|
+
"font": {
|
|
4
|
+
"icon": {
|
|
5
|
+
"name": { "value": "MaterialIcons", "type": "fontFamily" },
|
|
6
|
+
"ttf": { "value": "assets/fonts/MaterialIcons-Regular.ttf", "type": "asset" },
|
|
7
|
+
"eot": { "value": "assets/fonts/MaterialIcons-Regular.eot", "type": "asset" },
|
|
8
|
+
"woff": { "value": "assets/fonts/MaterialIcons-Regular.woff", "type": "asset" },
|
|
9
|
+
"woff2": { "value": "assets/fonts/MaterialIcons-Regular.woff2", "type": "asset" }
|
|
10
|
+
},
|
|
11
|
+
"opensans": {
|
|
12
|
+
"name": { "value": "Open Sans", "type": "fontFamily" },
|
|
13
|
+
"ttf": { "value": "assets/fonts/OpenSans-Regular.ttf", "type": "asset" }
|
|
14
|
+
},
|
|
15
|
+
"roboto": {
|
|
16
|
+
"name": { "value": "Roboto", "type": "fontFamily" },
|
|
17
|
+
"ttf": { "value": "assets/fonts/Roboto-Regular.ttf", "type": "asset" }
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"background": {
|
|
4
|
+
"base": {
|
|
5
|
+
"value": "{color.base.white}",
|
|
6
|
+
"type": "color",
|
|
7
|
+
"attributes": { "font": "base" }
|
|
8
|
+
},
|
|
9
|
+
"alt": {
|
|
10
|
+
"value": "{color.base.blue_grey.100}",
|
|
11
|
+
"type": "color",
|
|
12
|
+
"attributes": { "font": "base" }
|
|
13
|
+
},
|
|
14
|
+
"disabled": {
|
|
15
|
+
"value": "{color.base.blue_grey.100}",
|
|
16
|
+
"type": "color",
|
|
17
|
+
"attributes": { "font": "base" }
|
|
18
|
+
},
|
|
19
|
+
"inverse": {
|
|
20
|
+
"value": "{color.base.blue_grey.900}",
|
|
21
|
+
"type": "color",
|
|
22
|
+
"attributes": { "font": "inverse" }
|
|
23
|
+
},
|
|
24
|
+
"success": {
|
|
25
|
+
"value": "{color.base.green.600}",
|
|
26
|
+
"type": "color",
|
|
27
|
+
"attributes": { "font": "inverse" }
|
|
28
|
+
},
|
|
29
|
+
"error": {
|
|
30
|
+
"value": "{color.base.red.600}",
|
|
31
|
+
"type": "color",
|
|
32
|
+
"attributes": { "font": "inverse" }
|
|
33
|
+
},
|
|
34
|
+
"warning": {
|
|
35
|
+
"value": "{color.base.orange.800}",
|
|
36
|
+
"type": "color",
|
|
37
|
+
"attributes": { "font": "inverse" }
|
|
38
|
+
},
|
|
39
|
+
"info": {
|
|
40
|
+
"value": "{color.base.light_blue.600}",
|
|
41
|
+
"type": "color",
|
|
42
|
+
"attributes": { "font": "inverse" }
|
|
43
|
+
},
|
|
44
|
+
"link": {
|
|
45
|
+
"value": "{color.base.light_blue.600}",
|
|
46
|
+
"type": "color",
|
|
47
|
+
"attributes": { "font": "inverse" }
|
|
48
|
+
},
|
|
49
|
+
"low-priority": {
|
|
50
|
+
"value": "{color.base.grey.600}",
|
|
51
|
+
"type": "color",
|
|
52
|
+
"attributes": { "font": "inverse" }
|
|
53
|
+
},
|
|
54
|
+
|
|
55
|
+
"button": {
|
|
56
|
+
"primary": {
|
|
57
|
+
"base": { "value": "{color.brand.primary.base}", "type": "color" },
|
|
58
|
+
"disabled": { "value": "{color.brand.primary.light}", "type": "color" },
|
|
59
|
+
"active": { "value": "{color.brand.primary.dark}", "type": "color" }
|
|
60
|
+
},
|
|
61
|
+
|
|
62
|
+
"secondary": {
|
|
63
|
+
"base": { "value": "{color.brand.secondary.base}", "type": "color" },
|
|
64
|
+
"disabled": { "value": "{color.brand.secondary.light}", "type": "color" },
|
|
65
|
+
"active": { "value": "{color.brand.secondary.dark}", "type": "color" }
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
|
|
69
|
+
"overlay": {
|
|
70
|
+
"light": { "value": "#FFFFFFCC", "type": "color" },
|
|
71
|
+
"dark": { "value": "#00000044", "type": "color" }
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
@@ -0,0 +1,301 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"base": {
|
|
4
|
+
"red": {
|
|
5
|
+
"50": { "value": "#FFE5EE", "attributes": { "font": "base" }, "type": "color" },
|
|
6
|
+
"100": { "value": "#FFCDD2", "attributes": { "font": "base" }, "type": "color" },
|
|
7
|
+
"200": { "value": "#EF9A9A", "attributes": { "font": "base" }, "type": "color" },
|
|
8
|
+
"300": { "value": "#E57373", "attributes": { "font": "base" }, "type": "color" },
|
|
9
|
+
"400": { "value": "#EF5350", "attributes": { "font": "inverse" }, "type": "color" },
|
|
10
|
+
"500": { "value": "#F44336", "attributes": { "font": "inverse" }, "type": "color" },
|
|
11
|
+
"600": { "value": "#E53935", "attributes": { "font": "inverse" }, "type": "color" },
|
|
12
|
+
"700": { "value": "#D32F2F", "attributes": { "font": "inverse" }, "type": "color" },
|
|
13
|
+
"800": { "value": "#C62828", "attributes": { "font": "inverse" }, "type": "color" },
|
|
14
|
+
"900": { "value": "#B71C1C", "attributes": { "font": "inverse" }, "type": "color" },
|
|
15
|
+
"A100": { "value": "#FF8A80", "attributes": { "font": "base" }, "type": "color" },
|
|
16
|
+
"A200": { "value": "#FF5252", "attributes": { "font": "inverse" }, "type": "color" },
|
|
17
|
+
"A400": { "value": "#FF1744", "attributes": { "font": "inverse" }, "type": "color" },
|
|
18
|
+
"A700": { "value": "#D50000", "attributes": { "font": "inverse" }, "type": "color" }
|
|
19
|
+
},
|
|
20
|
+
"pink": {
|
|
21
|
+
"50": { "value": "#FCE4EC", "attributes": { "font": "base" }, "type": "color" },
|
|
22
|
+
"100": { "value": "#F8BBD0", "attributes": { "font": "base" }, "type": "color" },
|
|
23
|
+
"200": { "value": "#F48FB1", "attributes": { "font": "base" }, "type": "color" },
|
|
24
|
+
"300": { "value": "#F06292", "attributes": { "font": "inverse" }, "type": "color" },
|
|
25
|
+
"400": { "value": "#EC407A", "attributes": { "font": "inverse" }, "type": "color" },
|
|
26
|
+
"500": { "value": "#E91E63", "attributes": { "font": "inverse" }, "type": "color" },
|
|
27
|
+
"600": { "value": "#D81B60", "attributes": { "font": "inverse" }, "type": "color" },
|
|
28
|
+
"700": { "value": "#C2185B", "attributes": { "font": "inverse" }, "type": "color" },
|
|
29
|
+
"800": { "value": "#AD1457", "attributes": { "font": "inverse" }, "type": "color" },
|
|
30
|
+
"900": { "value": "#880E4F", "attributes": { "font": "inverse" }, "type": "color" },
|
|
31
|
+
"A100": { "value": "#FF80AB", "attributes": { "font": "base" }, "type": "color" },
|
|
32
|
+
"A200": { "value": "#FF4081", "attributes": { "font": "inverse" }, "type": "color" },
|
|
33
|
+
"A400": { "value": "#F50057", "attributes": { "font": "inverse" }, "type": "color" },
|
|
34
|
+
"A700": { "value": "#C51162", "attributes": { "font": "inverse" }, "type": "color" }
|
|
35
|
+
},
|
|
36
|
+
"purple": {
|
|
37
|
+
"50": { "value": "#F3E5F5", "attributes": { "font": "base" }, "type": "color" },
|
|
38
|
+
"100": { "value": "#E1BEE7", "attributes": { "font": "base" }, "type": "color" },
|
|
39
|
+
"200": { "value": "#CE93D8", "attributes": { "font": "base" }, "type": "color" },
|
|
40
|
+
"300": { "value": "#BA68C8", "attributes": { "font": "inverse" }, "type": "color" },
|
|
41
|
+
"400": { "value": "#AB47BC", "attributes": { "font": "inverse" }, "type": "color" },
|
|
42
|
+
"500": { "value": "#9C27B0", "attributes": { "font": "inverse" }, "type": "color" },
|
|
43
|
+
"600": { "value": "#8E24AA", "attributes": { "font": "inverse" }, "type": "color" },
|
|
44
|
+
"700": { "value": "#7B1FA2", "attributes": { "font": "inverse" }, "type": "color" },
|
|
45
|
+
"800": { "value": "#6A1B9A", "attributes": { "font": "inverse" }, "type": "color" },
|
|
46
|
+
"900": { "value": "#4A148C", "attributes": { "font": "inverse" }, "type": "color" },
|
|
47
|
+
"A100": { "value": "#EA80FC", "attributes": { "font": "base" }, "type": "color" },
|
|
48
|
+
"A200": { "value": "#E040FB", "attributes": { "font": "inverse" }, "type": "color" },
|
|
49
|
+
"A400": { "value": "#D500F9", "attributes": { "font": "inverse" }, "type": "color" },
|
|
50
|
+
"A700": { "value": "#AA00FF", "attributes": { "font": "inverse" }, "type": "color" }
|
|
51
|
+
},
|
|
52
|
+
"deep_purple": {
|
|
53
|
+
"50": { "value": "#EDE7F6", "attributes": { "font": "base" }, "type": "color" },
|
|
54
|
+
"100": { "value": "#D1C4E9", "attributes": { "font": "base" }, "type": "color" },
|
|
55
|
+
"200": { "value": "#B39DDB", "attributes": { "font": "base" }, "type": "color" },
|
|
56
|
+
"300": { "value": "#9575CD", "attributes": { "font": "inverse" }, "type": "color" },
|
|
57
|
+
"400": { "value": "#7E57C2", "attributes": { "font": "inverse" }, "type": "color" },
|
|
58
|
+
"500": { "value": "#673AB7", "attributes": { "font": "inverse" }, "type": "color" },
|
|
59
|
+
"600": { "value": "#5E35B1", "attributes": { "font": "inverse" }, "type": "color" },
|
|
60
|
+
"700": { "value": "#512DA8", "attributes": { "font": "inverse" }, "type": "color" },
|
|
61
|
+
"800": { "value": "#4527A0", "attributes": { "font": "inverse" }, "type": "color" },
|
|
62
|
+
"900": { "value": "#311B92", "attributes": { "font": "inverse" }, "type": "color" },
|
|
63
|
+
"A100": { "value": "#B388FF", "attributes": { "font": "base" }, "type": "color" },
|
|
64
|
+
"A200": { "value": "#7C4DFF", "attributes": { "font": "inverse" }, "type": "color" },
|
|
65
|
+
"A400": { "value": "#651FFF", "attributes": { "font": "inverse" }, "type": "color" },
|
|
66
|
+
"A700": { "value": "#6200EA", "attributes": { "font": "inverse" }, "type": "color" }
|
|
67
|
+
},
|
|
68
|
+
"indigo": {
|
|
69
|
+
"50": { "value": "#E8EAF6", "attributes": { "font": "base" }, "type": "color" },
|
|
70
|
+
"100": { "value": "#C5CAE9", "attributes": { "font": "base" }, "type": "color" },
|
|
71
|
+
"200": { "value": "#9FA8DA", "attributes": { "font": "base" }, "type": "color" },
|
|
72
|
+
"300": { "value": "#7986CB", "attributes": { "font": "inverse" }, "type": "color" },
|
|
73
|
+
"400": { "value": "#5C6BC0", "attributes": { "font": "inverse" }, "type": "color" },
|
|
74
|
+
"500": { "value": "#3F51B5", "attributes": { "font": "inverse" }, "type": "color" },
|
|
75
|
+
"600": { "value": "#3949AB", "attributes": { "font": "inverse" }, "type": "color" },
|
|
76
|
+
"700": { "value": "#303F9F", "attributes": { "font": "inverse" }, "type": "color" },
|
|
77
|
+
"800": { "value": "#283593", "attributes": { "font": "inverse" }, "type": "color" },
|
|
78
|
+
"900": { "value": "#1A237E", "attributes": { "font": "inverse" }, "type": "color" },
|
|
79
|
+
"A100": { "value": "#8C9EFF", "attributes": { "font": "base" }, "type": "color" },
|
|
80
|
+
"A200": { "value": "#536DFE", "attributes": { "font": "inverse" }, "type": "color" },
|
|
81
|
+
"A400": { "value": "#3D5AFE", "attributes": { "font": "inverse" }, "type": "color" },
|
|
82
|
+
"A700": { "value": "#304FFE", "attributes": { "font": "inverse" }, "type": "color" }
|
|
83
|
+
},
|
|
84
|
+
"blue": {
|
|
85
|
+
"50": { "value": "#E3F2FD", "attributes": { "font": "base" }, "type": "color" },
|
|
86
|
+
"100": { "value": "#BBDEFB", "attributes": { "font": "base" }, "type": "color" },
|
|
87
|
+
"200": { "value": "#90CAF9", "attributes": { "font": "base" }, "type": "color" },
|
|
88
|
+
"300": { "value": "#64B5F6", "attributes": { "font": "base" }, "type": "color" },
|
|
89
|
+
"400": { "value": "#42A5F5", "attributes": { "font": "inverse" }, "type": "color" },
|
|
90
|
+
"500": { "value": "#2196F3", "attributes": { "font": "inverse" }, "type": "color" },
|
|
91
|
+
"600": { "value": "#1E88E5", "attributes": { "font": "inverse" }, "type": "color" },
|
|
92
|
+
"700": { "value": "#1976D2", "attributes": { "font": "inverse" }, "type": "color" },
|
|
93
|
+
"800": { "value": "#1565C0", "attributes": { "font": "inverse" }, "type": "color" },
|
|
94
|
+
"900": { "value": "#0D47A1", "attributes": { "font": "inverse" }, "type": "color" },
|
|
95
|
+
"A100": { "value": "#82B1FF", "attributes": { "font": "base" }, "type": "color" },
|
|
96
|
+
"A200": { "value": "#448AFF", "attributes": { "font": "inverse" }, "type": "color" },
|
|
97
|
+
"A400": { "value": "#2979FF", "attributes": { "font": "inverse" }, "type": "color" },
|
|
98
|
+
"A700": { "value": "#2962FF", "attributes": { "font": "inverse" }, "type": "color" }
|
|
99
|
+
},
|
|
100
|
+
"light_blue": {
|
|
101
|
+
"50": { "value": "#E1F5FE", "attributes": { "font": "base" }, "type": "color" },
|
|
102
|
+
"100": { "value": "#B3E5FC", "attributes": { "font": "base" }, "type": "color" },
|
|
103
|
+
"200": { "value": "#81D4FA", "attributes": { "font": "base" }, "type": "color" },
|
|
104
|
+
"300": { "value": "#4FC3F7", "attributes": { "font": "base" }, "type": "color" },
|
|
105
|
+
"400": { "value": "#29B6F6", "attributes": { "font": "base" }, "type": "color" },
|
|
106
|
+
"500": { "value": "#03A9F4", "attributes": { "font": "base" }, "type": "color" },
|
|
107
|
+
"600": { "value": "#039BE5", "attributes": { "font": "inverse" }, "type": "color" },
|
|
108
|
+
"700": { "value": "#0288D1", "attributes": { "font": "inverse" }, "type": "color" },
|
|
109
|
+
"800": { "value": "#0277BD", "attributes": { "font": "inverse" }, "type": "color" },
|
|
110
|
+
"900": { "value": "#01579B", "attributes": { "font": "inverse" }, "type": "color" },
|
|
111
|
+
"A100": { "value": "#80D8FF", "attributes": { "font": "base" }, "type": "color" },
|
|
112
|
+
"A200": { "value": "#40C4FF", "attributes": { "font": "base" }, "type": "color" },
|
|
113
|
+
"A400": { "value": "#00B0FF", "attributes": { "font": "base" }, "type": "color" },
|
|
114
|
+
"A700": { "value": "#0091EA", "attributes": { "font": "inverse" }, "type": "color" }
|
|
115
|
+
},
|
|
116
|
+
"cyan": {
|
|
117
|
+
"50": { "value": "#E0F7FA", "attributes": { "font": "base" }, "type": "color" },
|
|
118
|
+
"100": { "value": "#B2EBF2", "attributes": { "font": "base" }, "type": "color" },
|
|
119
|
+
"200": { "value": "#80DEEA", "attributes": { "font": "base" }, "type": "color" },
|
|
120
|
+
"300": { "value": "#4DD0E1", "attributes": { "font": "base" }, "type": "color" },
|
|
121
|
+
"400": { "value": "#26C6DA", "attributes": { "font": "base" }, "type": "color" },
|
|
122
|
+
"500": { "value": "#00BCD4", "attributes": { "font": "base" }, "type": "color" },
|
|
123
|
+
"600": { "value": "#00ACC1", "attributes": { "font": "base" }, "type": "color" },
|
|
124
|
+
"700": { "value": "#0097A7", "attributes": { "font": "inverse" }, "type": "color" },
|
|
125
|
+
"800": { "value": "#00838F", "attributes": { "font": "inverse" }, "type": "color" },
|
|
126
|
+
"900": { "value": "#006064", "attributes": { "font": "inverse" }, "type": "color" },
|
|
127
|
+
"A100": { "value": "#84FFFF", "attributes": { "font": "base" }, "type": "color" },
|
|
128
|
+
"A200": { "value": "#18FFFF", "attributes": { "font": "base" }, "type": "color" },
|
|
129
|
+
"A400": { "value": "#00E5FF", "attributes": { "font": "base" }, "type": "color" },
|
|
130
|
+
"A700": { "value": "#00B8D4", "attributes": { "font": "base" }, "type": "color" }
|
|
131
|
+
},
|
|
132
|
+
"teal": {
|
|
133
|
+
"50": { "value": "#E0F2F1", "attributes": { "font": "base" }, "type": "color" },
|
|
134
|
+
"100": { "value": "#B2DFDB", "attributes": { "font": "base" }, "type": "color" },
|
|
135
|
+
"200": { "value": "#80CBC4", "attributes": { "font": "base" }, "type": "color" },
|
|
136
|
+
"300": { "value": "#4DB6AC", "attributes": { "font": "base" }, "type": "color" },
|
|
137
|
+
"400": { "value": "#26A69A", "attributes": { "font": "base" }, "type": "color" },
|
|
138
|
+
"500": { "value": "#009688", "attributes": { "font": "inverse" }, "type": "color" },
|
|
139
|
+
"600": { "value": "#00897B", "attributes": { "font": "inverse" }, "type": "color" },
|
|
140
|
+
"700": { "value": "#00796B", "attributes": { "font": "inverse" }, "type": "color" },
|
|
141
|
+
"800": { "value": "#00695C", "attributes": { "font": "inverse" }, "type": "color" },
|
|
142
|
+
"900": { "value": "#004D40", "attributes": { "font": "inverse" }, "type": "color" },
|
|
143
|
+
"A100": { "value": "#A7FFEB", "attributes": { "font": "base" }, "type": "color" },
|
|
144
|
+
"A200": { "value": "#64FFDA", "attributes": { "font": "base" }, "type": "color" },
|
|
145
|
+
"A400": { "value": "#1DE9B6", "attributes": { "font": "base" }, "type": "color" },
|
|
146
|
+
"A700": { "value": "#00BFA5", "attributes": { "font": "base" }, "type": "color" }
|
|
147
|
+
},
|
|
148
|
+
"green": {
|
|
149
|
+
"50": { "value": "#E8F5E9", "attributes": { "font": "base" }, "type": "color" },
|
|
150
|
+
"100": { "value": "#C8E6C9", "attributes": { "font": "base" }, "type": "color" },
|
|
151
|
+
"200": { "value": "#A5D6A7", "attributes": { "font": "base" }, "type": "color" },
|
|
152
|
+
"300": { "value": "#81C784", "attributes": { "font": "base" }, "type": "color" },
|
|
153
|
+
"400": { "value": "#66BB6A", "attributes": { "font": "base" }, "type": "color" },
|
|
154
|
+
"500": { "value": "#4CAF50", "attributes": { "font": "base" }, "type": "color" },
|
|
155
|
+
"600": { "value": "#43A047", "attributes": { "font": "inverse" }, "type": "color" },
|
|
156
|
+
"700": { "value": "#388E3C", "attributes": { "font": "inverse" }, "type": "color" },
|
|
157
|
+
"800": { "value": "#2E7D32", "attributes": { "font": "inverse" }, "type": "color" },
|
|
158
|
+
"900": { "value": "#1B5E20", "attributes": { "font": "inverse" }, "type": "color" },
|
|
159
|
+
"A100": { "value": "#B9F6CA", "attributes": { "font": "base" }, "type": "color" },
|
|
160
|
+
"A200": { "value": "#69F0AE", "attributes": { "font": "base" }, "type": "color" },
|
|
161
|
+
"A400": { "value": "#00E676", "attributes": { "font": "base" }, "type": "color" },
|
|
162
|
+
"A700": { "value": "#00C853", "attributes": { "font": "base" }, "type": "color" }
|
|
163
|
+
},
|
|
164
|
+
"light_green": {
|
|
165
|
+
"50": { "value": "#F1F8E9", "attributes": { "font": "base" }, "type": "color" },
|
|
166
|
+
"100": { "value": "#DCEDC8", "attributes": { "font": "base" }, "type": "color" },
|
|
167
|
+
"200": { "value": "#C5E1A5", "attributes": { "font": "base" }, "type": "color" },
|
|
168
|
+
"300": { "value": "#AED581", "attributes": { "font": "base" }, "type": "color" },
|
|
169
|
+
"400": { "value": "#9CCC65", "attributes": { "font": "base" }, "type": "color" },
|
|
170
|
+
"500": { "value": "#8BC34A", "attributes": { "font": "base" }, "type": "color" },
|
|
171
|
+
"600": { "value": "#7CB342", "attributes": { "font": "base" }, "type": "color" },
|
|
172
|
+
"700": { "value": "#689F38", "attributes": { "font": "inverse" }, "type": "color" },
|
|
173
|
+
"800": { "value": "#558B2F", "attributes": { "font": "inverse" }, "type": "color" },
|
|
174
|
+
"900": { "value": "#33691E", "attributes": { "font": "inverse" }, "type": "color" },
|
|
175
|
+
"A100": { "value": "#CCFF90", "attributes": { "font": "base" }, "type": "color" },
|
|
176
|
+
"A200": { "value": "#B2FF59", "attributes": { "font": "base" }, "type": "color" },
|
|
177
|
+
"A400": { "value": "#76FF03", "attributes": { "font": "base" }, "type": "color" },
|
|
178
|
+
"A700": { "value": "#64DD17", "attributes": { "font": "base" }, "type": "color" }
|
|
179
|
+
},
|
|
180
|
+
"lime": {
|
|
181
|
+
"50": { "value": "#F9FBE7", "attributes": { "font": "base" }, "type": "color" },
|
|
182
|
+
"100": { "value": "#F0F4C3", "attributes": { "font": "base" }, "type": "color" },
|
|
183
|
+
"200": { "value": "#E6EE9C", "attributes": { "font": "base" }, "type": "color" },
|
|
184
|
+
"300": { "value": "#DCE775", "attributes": { "font": "base" }, "type": "color" },
|
|
185
|
+
"400": { "value": "#D4E157", "attributes": { "font": "base" }, "type": "color" },
|
|
186
|
+
"500": { "value": "#CDDC39", "attributes": { "font": "base" }, "type": "color" },
|
|
187
|
+
"600": { "value": "#C0CA33", "attributes": { "font": "base" }, "type": "color" },
|
|
188
|
+
"700": { "value": "#AFB42B", "attributes": { "font": "base" }, "type": "color" },
|
|
189
|
+
"800": { "value": "#9E9D24", "attributes": { "font": "base" }, "type": "color" },
|
|
190
|
+
"900": { "value": "#827717", "attributes": { "font": "inverse" }, "type": "color" },
|
|
191
|
+
"A100": { "value": "#F4FF81", "attributes": { "font": "base" }, "type": "color" },
|
|
192
|
+
"A200": { "value": "#EEFF41", "attributes": { "font": "base" }, "type": "color" },
|
|
193
|
+
"A400": { "value": "#C6FF00", "attributes": { "font": "base" }, "type": "color" },
|
|
194
|
+
"A700": { "value": "#AEEA00", "attributes": { "font": "base" }, "type": "color" }
|
|
195
|
+
},
|
|
196
|
+
"yellow": {
|
|
197
|
+
"50": { "value": "#FFFDE7", "attributes": { "font": "base" }, "type": "color" },
|
|
198
|
+
"100": { "value": "#FFF9C4", "attributes": { "font": "base" }, "type": "color" },
|
|
199
|
+
"200": { "value": "#FFF59D", "attributes": { "font": "base" }, "type": "color" },
|
|
200
|
+
"300": { "value": "#FFF176", "attributes": { "font": "base" }, "type": "color" },
|
|
201
|
+
"400": { "value": "#FFEE58", "attributes": { "font": "base" }, "type": "color" },
|
|
202
|
+
"500": { "value": "#FFEB3B", "attributes": { "font": "base" }, "type": "color" },
|
|
203
|
+
"600": { "value": "#FDD835", "attributes": { "font": "base" }, "type": "color" },
|
|
204
|
+
"700": { "value": "#FBC02D", "attributes": { "font": "base" }, "type": "color" },
|
|
205
|
+
"800": { "value": "#F9A825", "attributes": { "font": "base" }, "type": "color" },
|
|
206
|
+
"900": { "value": "#F57F17", "attributes": { "font": "base" }, "type": "color" },
|
|
207
|
+
"A100": { "value": "#FFFF8D", "attributes": { "font": "base" }, "type": "color" },
|
|
208
|
+
"A200": { "value": "#FFFF00", "attributes": { "font": "base" }, "type": "color" },
|
|
209
|
+
"A400": { "value": "#FFEA00", "attributes": { "font": "base" }, "type": "color" },
|
|
210
|
+
"A700": { "value": "#FFD600", "attributes": { "font": "base" }, "type": "color" }
|
|
211
|
+
},
|
|
212
|
+
"amber": {
|
|
213
|
+
"50": { "value": "#FFF8E1", "attributes": { "font": "base" }, "type": "color" },
|
|
214
|
+
"100": { "value": "#FFECB3", "attributes": { "font": "base" }, "type": "color" },
|
|
215
|
+
"200": { "value": "#FFE082", "attributes": { "font": "base" }, "type": "color" },
|
|
216
|
+
"300": { "value": "#FFD54F", "attributes": { "font": "base" }, "type": "color" },
|
|
217
|
+
"400": { "value": "#FFCA28", "attributes": { "font": "base" }, "type": "color" },
|
|
218
|
+
"500": { "value": "#FFC107", "attributes": { "font": "base" }, "type": "color" },
|
|
219
|
+
"600": { "value": "#FFB300", "attributes": { "font": "base" }, "type": "color" },
|
|
220
|
+
"700": { "value": "#FFA000", "attributes": { "font": "base" }, "type": "color" },
|
|
221
|
+
"800": { "value": "#FF8F00", "attributes": { "font": "base" }, "type": "color" },
|
|
222
|
+
"900": { "value": "#FF6F00", "attributes": { "font": "base" }, "type": "color" },
|
|
223
|
+
"A100": { "value": "#FFE57F", "attributes": { "font": "base" }, "type": "color" },
|
|
224
|
+
"A200": { "value": "#FFD740", "attributes": { "font": "base" }, "type": "color" },
|
|
225
|
+
"A400": { "value": "#FFC400", "attributes": { "font": "base" }, "type": "color" },
|
|
226
|
+
"A700": { "value": "#FFAB00", "attributes": { "font": "base" }, "type": "color" }
|
|
227
|
+
},
|
|
228
|
+
"orange": {
|
|
229
|
+
"50": { "value": "#FFF3E0", "attributes": { "font": "base" }, "type": "color" },
|
|
230
|
+
"100": { "value": "#FFE0B2", "attributes": { "font": "base" }, "type": "color" },
|
|
231
|
+
"200": { "value": "#FFCC80", "attributes": { "font": "base" }, "type": "color" },
|
|
232
|
+
"300": { "value": "#FFB74D", "attributes": { "font": "base" }, "type": "color" },
|
|
233
|
+
"400": { "value": "#FFA726", "attributes": { "font": "base" }, "type": "color" },
|
|
234
|
+
"500": { "value": "#FF9800", "attributes": { "font": "base" }, "type": "color" },
|
|
235
|
+
"600": { "value": "#FB8C00", "attributes": { "font": "base" }, "type": "color" },
|
|
236
|
+
"700": { "value": "#F57C00", "attributes": { "font": "base" }, "type": "color" },
|
|
237
|
+
"800": { "value": "#EF6C00", "attributes": { "font": "inverse" }, "type": "color" },
|
|
238
|
+
"900": { "value": "#E65100", "attributes": { "font": "inverse" }, "type": "color" },
|
|
239
|
+
"A100": { "value": "#FFD180", "attributes": { "font": "base" }, "type": "color" },
|
|
240
|
+
"A200": { "value": "#FFAB40", "attributes": { "font": "base" }, "type": "color" },
|
|
241
|
+
"A400": { "value": "#FF9100", "attributes": { "font": "base" }, "type": "color" },
|
|
242
|
+
"A700": { "value": "#FF6D00", "attributes": { "font": "base" }, "type": "color" }
|
|
243
|
+
},
|
|
244
|
+
"deep_orange": {
|
|
245
|
+
"50": { "value": "#FBE9E7", "attributes": { "font": "base" }, "type": "color" },
|
|
246
|
+
"100": { "value": "#FFCCBC", "attributes": { "font": "base" }, "type": "color" },
|
|
247
|
+
"200": { "value": "#FFAB91", "attributes": { "font": "base" }, "type": "color" },
|
|
248
|
+
"300": { "value": "#FF8A65", "attributes": { "font": "base" }, "type": "color" },
|
|
249
|
+
"400": { "value": "#FF7043", "attributes": { "font": "base" }, "type": "color" },
|
|
250
|
+
"500": { "value": "#FF5722", "attributes": { "font": "inverse" }, "type": "color" },
|
|
251
|
+
"600": { "value": "#F4511E", "attributes": { "font": "inverse" }, "type": "color" },
|
|
252
|
+
"700": { "value": "#E64A19", "attributes": { "font": "inverse" }, "type": "color" },
|
|
253
|
+
"800": { "value": "#D84315", "attributes": { "font": "inverse" }, "type": "color" },
|
|
254
|
+
"900": { "value": "#BF360C", "attributes": { "font": "inverse" }, "type": "color" },
|
|
255
|
+
"A100": { "value": "#FF9E80", "attributes": { "font": "base" }, "type": "color" },
|
|
256
|
+
"A200": { "value": "#FF6E40", "attributes": { "font": "base" }, "type": "color" },
|
|
257
|
+
"A400": { "value": "#FF3D00", "attributes": { "font": "inverse" }, "type": "color" },
|
|
258
|
+
"A700": { "value": "#DD2C00", "attributes": { "font": "inverse" }, "type": "color" }
|
|
259
|
+
},
|
|
260
|
+
"brown": {
|
|
261
|
+
"50": { "value": "#EFEBE9", "attributes": { "font": "base" }, "type": "color" },
|
|
262
|
+
"100": { "value": "#D7CCC8", "attributes": { "font": "base" }, "type": "color" },
|
|
263
|
+
"200": { "value": "#BCAAA4", "attributes": { "font": "base" }, "type": "color" },
|
|
264
|
+
"300": { "value": "#A1887F", "attributes": { "font": "inverse" }, "type": "color" },
|
|
265
|
+
"400": { "value": "#8D6E63", "attributes": { "font": "inverse" }, "type": "color" },
|
|
266
|
+
"500": { "value": "#795548", "attributes": { "font": "inverse" }, "type": "color" },
|
|
267
|
+
"600": { "value": "#6D4C41", "attributes": { "font": "inverse" }, "type": "color" },
|
|
268
|
+
"700": { "value": "#5D4037", "attributes": { "font": "inverse" }, "type": "color" },
|
|
269
|
+
"800": { "value": "#4E342E", "attributes": { "font": "inverse" }, "type": "color" },
|
|
270
|
+
"900": { "value": "#3E2723", "attributes": { "font": "inverse" }, "type": "color" }
|
|
271
|
+
},
|
|
272
|
+
"grey": {
|
|
273
|
+
"50": { "value": "#FAFAFA", "attributes": { "font": "base" }, "type": "color" },
|
|
274
|
+
"100": { "value": "#F5F5F5", "attributes": { "font": "base" }, "type": "color" },
|
|
275
|
+
"200": { "value": "#EEEEEE", "attributes": { "font": "base" }, "type": "color" },
|
|
276
|
+
"300": { "value": "#E0E0E0", "attributes": { "font": "base" }, "type": "color" },
|
|
277
|
+
"400": { "value": "#BDBDBD", "attributes": { "font": "base" }, "type": "color" },
|
|
278
|
+
"500": { "value": "#9E9E9E", "attributes": { "font": "base" }, "type": "color" },
|
|
279
|
+
"600": { "value": "#757575", "attributes": { "font": "inverse" }, "type": "color" },
|
|
280
|
+
"700": { "value": "#616161", "attributes": { "font": "inverse" }, "type": "color" },
|
|
281
|
+
"800": { "value": "#424242", "attributes": { "font": "inverse" }, "type": "color" },
|
|
282
|
+
"900": { "value": "#212121", "attributes": { "font": "inverse" }, "type": "color" }
|
|
283
|
+
},
|
|
284
|
+
"blue_grey": {
|
|
285
|
+
"50": { "value": "#ECEFF1", "attributes": { "font": "base" }, "type": "color" },
|
|
286
|
+
"100": { "value": "#CFD8DC", "attributes": { "font": "base" }, "type": "color" },
|
|
287
|
+
"200": { "value": "#B0BEC5", "attributes": { "font": "base" }, "type": "color" },
|
|
288
|
+
"300": { "value": "#90A4AE", "attributes": { "font": "base" }, "type": "color" },
|
|
289
|
+
"400": { "value": "#78909C", "attributes": { "font": "inverse" }, "type": "color" },
|
|
290
|
+
"500": { "value": "#607D8B", "attributes": { "font": "inverse" }, "type": "color" },
|
|
291
|
+
"600": { "value": "#546E7A", "attributes": { "font": "inverse" }, "type": "color" },
|
|
292
|
+
"700": { "value": "#455A64", "attributes": { "font": "inverse" }, "type": "color" },
|
|
293
|
+
"800": { "value": "#37474F", "attributes": { "font": "inverse" }, "type": "color" },
|
|
294
|
+
"900": { "value": "#263238", "attributes": { "font": "inverse" }, "type": "color" }
|
|
295
|
+
},
|
|
296
|
+
|
|
297
|
+
"white": { "value": "#ffffff", "type": "color" },
|
|
298
|
+
"black": { "value": "#000000", "type": "color" }
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"border": {
|
|
4
|
+
"light": { "value": "{color.base.grey.200}", "type": "color" },
|
|
5
|
+
"base": { "value": "{color.base.grey.300}", "type": "color" },
|
|
6
|
+
"dark": { "value": "{color.base.grey.400}", "type": "color" },
|
|
7
|
+
"focus": { "value": "{color.brand.primary.base}", "type": "color" },
|
|
8
|
+
"error": { "value": "{color.base.red.600}", "type": "color" },
|
|
9
|
+
"warning": { "value": "{color.base.orange.600}", "type": "color" },
|
|
10
|
+
"success": { "value": "{color.base.green.600}", "type": "color" },
|
|
11
|
+
|
|
12
|
+
"button": {
|
|
13
|
+
"secondary": {
|
|
14
|
+
"base": { "value": "{color.border.base}", "type": "color" },
|
|
15
|
+
"active": { "value": "{color.brand.secondary.dark}", "type": "color" },
|
|
16
|
+
"disabled": { "value": "{color.border.light}", "type": "color" }
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"brand": {
|
|
4
|
+
"primary": {
|
|
5
|
+
"lighter": { "value": "{color.base.teal.100}", "type": "color" },
|
|
6
|
+
"light": { "value": "{color.base.teal.300}", "type": "color" },
|
|
7
|
+
"base": { "value": "{color.base.teal.500}", "type": "color" },
|
|
8
|
+
"dark": { "value": "{color.base.teal.700}", "type": "color" },
|
|
9
|
+
"darker": { "value": "{color.base.teal.900}", "type": "color" }
|
|
10
|
+
},
|
|
11
|
+
|
|
12
|
+
"secondary": {
|
|
13
|
+
"lighter": { "value": "{color.base.indigo.100}", "type": "color" },
|
|
14
|
+
"light": { "value": "{color.base.indigo.300}", "type": "color" },
|
|
15
|
+
"base": { "value": "{color.base.indigo.500}", "type": "color" },
|
|
16
|
+
"dark": { "value": "{color.base.indigo.700}", "type": "color" },
|
|
17
|
+
"darker": { "value": "{color.base.indigo.900}", "type": "color" }
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"chart": {
|
|
4
|
+
"stacked": {
|
|
5
|
+
"base": {
|
|
6
|
+
"100": { "value": "{color.base.blue.100}", "type": "color" },
|
|
7
|
+
"200": { "value": "{color.base.blue.200}", "type": "color" },
|
|
8
|
+
"300": { "value": "{color.base.blue.300}", "type": "color" },
|
|
9
|
+
"400": { "value": "{color.base.blue.400}", "type": "color" },
|
|
10
|
+
"500": { "value": "{color.base.blue.500}", "type": "color" },
|
|
11
|
+
"600": { "value": "{color.base.blue.600}", "type": "color" },
|
|
12
|
+
"700": { "value": "{color.base.blue.700}", "type": "color" },
|
|
13
|
+
"800": { "value": "{color.base.blue.800}", "type": "color" },
|
|
14
|
+
"900": { "value": "{color.base.blue.900}", "type": "color" }
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"font": {
|
|
4
|
+
"base": { "value": "{color.base.grey.900}", "type": "color" },
|
|
5
|
+
"secondary": { "value": "{color.base.grey.800}", "type": "color" },
|
|
6
|
+
"tertiary": { "value": "{color.base.grey.600}", "type": "color" },
|
|
7
|
+
"quaternary": { "value": "{color.base.grey.400}", "type": "color" },
|
|
8
|
+
"link": { "value": "{color.brand.primary.base}", "type": "color" },
|
|
9
|
+
"active": { "value": "{color.brand.secondary.base}", "type": "color" },
|
|
10
|
+
"error": { "value": "{color.base.red.600}", "type": "color" },
|
|
11
|
+
"warning": { "value": "{color.base.orange.800}", "type": "color" },
|
|
12
|
+
"success": { "value": "{color.base.green.600}", "type": "color" },
|
|
13
|
+
"disabled": { "value": "{color.font.secondary}", "type": "color" },
|
|
14
|
+
|
|
15
|
+
"inverse": {
|
|
16
|
+
"base": { "value": "{color.base.white}", "type": "color" },
|
|
17
|
+
"secondary": { "value": "{color.base.grey.100}", "type": "color" },
|
|
18
|
+
"tertiary": { "value": "{color.base.grey.200}", "type": "color" },
|
|
19
|
+
"quaternary": { "value": "{color.base.grey.400}", "type": "color" },
|
|
20
|
+
"link": { "value": "{color.brand.primary.light}", "type": "color" },
|
|
21
|
+
"active": { "value": "{color.brand.secondary.light}", "type": "color" },
|
|
22
|
+
"error": { "value": "{color.base.red.400}", "type": "color" },
|
|
23
|
+
"warning": { "value": "{color.base.orange.400}", "type": "color" },
|
|
24
|
+
"success": { "value": "{color.base.green.400}", "type": "color" },
|
|
25
|
+
"disabled": { "value": "{color.font.inverse.secondary}", "type": "color" }
|
|
26
|
+
},
|
|
27
|
+
|
|
28
|
+
"button": {
|
|
29
|
+
"primary": { "value": "{color.font.inverse.base}", "type": "color" },
|
|
30
|
+
"secondary": { "value": "{color.font.link}", "type": "color" }
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|