@primer/react-brand 0.1.0-rc.c341bbe → 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/lib/Hero/Hero.d.ts +2 -2
- package/lib/LinkButton/LinkButton.d.ts +1 -0
- package/lib/css/main.css +921 -1057
- package/lib/css/stylesheets.d.ts +2 -1
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +805 -0
- package/lib/design-tokens/css/tokens/base/colors/color-scales.css +139 -0
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +58 -0
- package/lib/design-tokens/css/tokens/functional/colors/global.css +22 -0
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +28 -0
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +9 -0
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +2551 -0
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +289 -0
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +47 -0
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/color-scales.js +137 -0
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +20 -0
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +7 -0
- package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +176 -0
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +175 -0
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +35 -0
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +34 -0
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +18 -0
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +17 -0
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +11 -13
- package/CHANGELOG.md +0 -29
- package/lib/css/gh-variables.color.css +0 -1049
|
@@ -0,0 +1,289 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Mon, 23 May 2022 16:03:47 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
module.exports = {
|
|
7
|
+
"brand": {
|
|
8
|
+
"color": {
|
|
9
|
+
"text": {
|
|
10
|
+
"default": {
|
|
11
|
+
"value": "var(--base-color-scale-gray-9)",
|
|
12
|
+
"darkValue": "var(--base-color-scale-white-0)",
|
|
13
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
14
|
+
"isSource": true,
|
|
15
|
+
"original": {
|
|
16
|
+
"value": "var(--base-color-scale-gray-9)",
|
|
17
|
+
"darkValue": "var(--base-color-scale-white-0)"
|
|
18
|
+
},
|
|
19
|
+
"name": "default",
|
|
20
|
+
"attributes": {},
|
|
21
|
+
"path": [
|
|
22
|
+
"brand",
|
|
23
|
+
"color",
|
|
24
|
+
"text",
|
|
25
|
+
"default"
|
|
26
|
+
]
|
|
27
|
+
},
|
|
28
|
+
"muted": {
|
|
29
|
+
"value": "var(--base-color-scale-gray-6)",
|
|
30
|
+
"darkValue": "var(--base-color-scale-gray-3)",
|
|
31
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
32
|
+
"isSource": true,
|
|
33
|
+
"original": {
|
|
34
|
+
"value": "var(--base-color-scale-gray-6)",
|
|
35
|
+
"darkValue": "var(--base-color-scale-gray-3)"
|
|
36
|
+
},
|
|
37
|
+
"name": "muted",
|
|
38
|
+
"attributes": {},
|
|
39
|
+
"path": [
|
|
40
|
+
"brand",
|
|
41
|
+
"color",
|
|
42
|
+
"text",
|
|
43
|
+
"muted"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
"subtle": {
|
|
47
|
+
"value": "var(--base-color-scale-gray-5)",
|
|
48
|
+
"darkValue": "var(--base-color-scale-gray-4)",
|
|
49
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
50
|
+
"isSource": true,
|
|
51
|
+
"original": {
|
|
52
|
+
"value": "var(--base-color-scale-gray-5)",
|
|
53
|
+
"darkValue": "var(--base-color-scale-gray-4)"
|
|
54
|
+
},
|
|
55
|
+
"name": "subtle",
|
|
56
|
+
"attributes": {},
|
|
57
|
+
"path": [
|
|
58
|
+
"brand",
|
|
59
|
+
"color",
|
|
60
|
+
"text",
|
|
61
|
+
"subtle"
|
|
62
|
+
]
|
|
63
|
+
},
|
|
64
|
+
"onEmphasis": {
|
|
65
|
+
"value": "var(--base-color-scale-white-0)",
|
|
66
|
+
"darkValue": "var(--base-color-scale-black-0)",
|
|
67
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
68
|
+
"isSource": true,
|
|
69
|
+
"original": {
|
|
70
|
+
"value": "var(--base-color-scale-white-0)",
|
|
71
|
+
"darkValue": "var(--base-color-scale-black-0)"
|
|
72
|
+
},
|
|
73
|
+
"name": "onEmphasis",
|
|
74
|
+
"attributes": {},
|
|
75
|
+
"path": [
|
|
76
|
+
"brand",
|
|
77
|
+
"color",
|
|
78
|
+
"text",
|
|
79
|
+
"onEmphasis"
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
"neutral": {
|
|
84
|
+
"emphasisPlus": {
|
|
85
|
+
"value": "var(--base-color-scale-gray-9)",
|
|
86
|
+
"darkValue": "var(--base-color-scale-gray-4)",
|
|
87
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
88
|
+
"isSource": true,
|
|
89
|
+
"original": {
|
|
90
|
+
"value": "var(--base-color-scale-gray-9)",
|
|
91
|
+
"darkValue": "var(--base-color-scale-gray-4)"
|
|
92
|
+
},
|
|
93
|
+
"name": "emphasisPlus",
|
|
94
|
+
"attributes": {},
|
|
95
|
+
"path": [
|
|
96
|
+
"brand",
|
|
97
|
+
"color",
|
|
98
|
+
"neutral",
|
|
99
|
+
"emphasisPlus"
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
"emphasis": {
|
|
103
|
+
"value": "var(--base-color-scale-gray-5)",
|
|
104
|
+
"darkValue": "var(--base-color-scale-gray-4)",
|
|
105
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
106
|
+
"isSource": true,
|
|
107
|
+
"original": {
|
|
108
|
+
"value": "var(--base-color-scale-gray-5)",
|
|
109
|
+
"darkValue": "var(--base-color-scale-gray-4)"
|
|
110
|
+
},
|
|
111
|
+
"name": "emphasis",
|
|
112
|
+
"attributes": {},
|
|
113
|
+
"path": [
|
|
114
|
+
"brand",
|
|
115
|
+
"color",
|
|
116
|
+
"neutral",
|
|
117
|
+
"emphasis"
|
|
118
|
+
]
|
|
119
|
+
},
|
|
120
|
+
"muted": {
|
|
121
|
+
"value": "hsl(var(--base-color-scale-gray-3-hsl) / 99.8%)",
|
|
122
|
+
"darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)",
|
|
123
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
124
|
+
"isSource": true,
|
|
125
|
+
"original": {
|
|
126
|
+
"value": "hsl(var(--base-color-scale-gray-3-hsl) / 99.8%)",
|
|
127
|
+
"darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)"
|
|
128
|
+
},
|
|
129
|
+
"name": "muted",
|
|
130
|
+
"attributes": {},
|
|
131
|
+
"path": [
|
|
132
|
+
"brand",
|
|
133
|
+
"color",
|
|
134
|
+
"neutral",
|
|
135
|
+
"muted"
|
|
136
|
+
]
|
|
137
|
+
},
|
|
138
|
+
"subtle": {
|
|
139
|
+
"value": "hsl(var(--base-color-scale-gray-1-hsl) / 99.5%)",
|
|
140
|
+
"darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)",
|
|
141
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
142
|
+
"isSource": true,
|
|
143
|
+
"original": {
|
|
144
|
+
"value": "hsl(var(--base-color-scale-gray-1-hsl) / 99.5%)",
|
|
145
|
+
"darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)"
|
|
146
|
+
},
|
|
147
|
+
"name": "subtle",
|
|
148
|
+
"attributes": {},
|
|
149
|
+
"path": [
|
|
150
|
+
"brand",
|
|
151
|
+
"color",
|
|
152
|
+
"neutral",
|
|
153
|
+
"subtle"
|
|
154
|
+
]
|
|
155
|
+
}
|
|
156
|
+
},
|
|
157
|
+
"canvas": {
|
|
158
|
+
"default": {
|
|
159
|
+
"value": "var(--base-color-scale-white-0)",
|
|
160
|
+
"darkValue": "var(--base-color-scale-gray-9)",
|
|
161
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
162
|
+
"isSource": true,
|
|
163
|
+
"original": {
|
|
164
|
+
"value": "var(--base-color-scale-white-0)",
|
|
165
|
+
"darkValue": "var(--base-color-scale-gray-9)"
|
|
166
|
+
},
|
|
167
|
+
"name": "default",
|
|
168
|
+
"attributes": {},
|
|
169
|
+
"path": [
|
|
170
|
+
"brand",
|
|
171
|
+
"color",
|
|
172
|
+
"canvas",
|
|
173
|
+
"default"
|
|
174
|
+
]
|
|
175
|
+
},
|
|
176
|
+
"overlay": {
|
|
177
|
+
"value": "var(--base-color-scale-white-0)",
|
|
178
|
+
"darkValue": "var(--base-color-scale-gray-8)",
|
|
179
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
180
|
+
"isSource": true,
|
|
181
|
+
"original": {
|
|
182
|
+
"value": "var(--base-color-scale-white-0)",
|
|
183
|
+
"darkValue": "var(--base-color-scale-gray-8)"
|
|
184
|
+
},
|
|
185
|
+
"name": "overlay",
|
|
186
|
+
"attributes": {},
|
|
187
|
+
"path": [
|
|
188
|
+
"brand",
|
|
189
|
+
"color",
|
|
190
|
+
"canvas",
|
|
191
|
+
"overlay"
|
|
192
|
+
]
|
|
193
|
+
},
|
|
194
|
+
"inset": {
|
|
195
|
+
"value": "var(--base-color-scale-gray-0)",
|
|
196
|
+
"darkValue": "var(--base-color-scale-black-0)",
|
|
197
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
198
|
+
"isSource": true,
|
|
199
|
+
"original": {
|
|
200
|
+
"value": "var(--base-color-scale-gray-0)",
|
|
201
|
+
"darkValue": "var(--base-color-scale-black-0)"
|
|
202
|
+
},
|
|
203
|
+
"name": "inset",
|
|
204
|
+
"attributes": {},
|
|
205
|
+
"path": [
|
|
206
|
+
"brand",
|
|
207
|
+
"color",
|
|
208
|
+
"canvas",
|
|
209
|
+
"inset"
|
|
210
|
+
]
|
|
211
|
+
},
|
|
212
|
+
"subtle": {
|
|
213
|
+
"value": "var(--base-color-scale-gray-0)",
|
|
214
|
+
"darkValue": "var(--base-color-scale-gray-8)",
|
|
215
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
216
|
+
"isSource": true,
|
|
217
|
+
"original": {
|
|
218
|
+
"value": "var(--base-color-scale-gray-0)",
|
|
219
|
+
"darkValue": "var(--base-color-scale-gray-8)"
|
|
220
|
+
},
|
|
221
|
+
"name": "subtle",
|
|
222
|
+
"attributes": {},
|
|
223
|
+
"path": [
|
|
224
|
+
"brand",
|
|
225
|
+
"color",
|
|
226
|
+
"canvas",
|
|
227
|
+
"subtle"
|
|
228
|
+
]
|
|
229
|
+
}
|
|
230
|
+
},
|
|
231
|
+
"border": {
|
|
232
|
+
"default": {
|
|
233
|
+
"value": "var(--base-color-scale-gray-2)",
|
|
234
|
+
"darkValue": "var(--base-color-scale-gray-6)",
|
|
235
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
236
|
+
"isSource": true,
|
|
237
|
+
"original": {
|
|
238
|
+
"value": "var(--base-color-scale-gray-2)",
|
|
239
|
+
"darkValue": "var(--base-color-scale-gray-6)"
|
|
240
|
+
},
|
|
241
|
+
"name": "default",
|
|
242
|
+
"attributes": {},
|
|
243
|
+
"path": [
|
|
244
|
+
"brand",
|
|
245
|
+
"color",
|
|
246
|
+
"border",
|
|
247
|
+
"default"
|
|
248
|
+
]
|
|
249
|
+
},
|
|
250
|
+
"muted": {
|
|
251
|
+
"value": "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)",
|
|
252
|
+
"darkValue": "var(--base-color-scale-gray-7)",
|
|
253
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
254
|
+
"isSource": true,
|
|
255
|
+
"original": {
|
|
256
|
+
"value": "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)",
|
|
257
|
+
"darkValue": "var(--base-color-scale-gray-7)"
|
|
258
|
+
},
|
|
259
|
+
"name": "muted",
|
|
260
|
+
"attributes": {},
|
|
261
|
+
"path": [
|
|
262
|
+
"brand",
|
|
263
|
+
"color",
|
|
264
|
+
"border",
|
|
265
|
+
"muted"
|
|
266
|
+
]
|
|
267
|
+
},
|
|
268
|
+
"subtle": {
|
|
269
|
+
"value": "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)",
|
|
270
|
+
"darkValue": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)",
|
|
271
|
+
"filePath": "tokens/functional/colors/global.json",
|
|
272
|
+
"isSource": true,
|
|
273
|
+
"original": {
|
|
274
|
+
"value": "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)",
|
|
275
|
+
"darkValue": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)"
|
|
276
|
+
},
|
|
277
|
+
"name": "subtle",
|
|
278
|
+
"attributes": {},
|
|
279
|
+
"path": [
|
|
280
|
+
"brand",
|
|
281
|
+
"color",
|
|
282
|
+
"border",
|
|
283
|
+
"subtle"
|
|
284
|
+
]
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Mon, 23 May 2022 16:03:47 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
module.exports = {
|
|
7
|
+
"brand": {
|
|
8
|
+
"Hero": {
|
|
9
|
+
"narrow": {
|
|
10
|
+
"padding": {
|
|
11
|
+
"value": "var(--base-size-96) 0",
|
|
12
|
+
"filePath": "tokens/functional/components/hero/base.json",
|
|
13
|
+
"isSource": true,
|
|
14
|
+
"original": {
|
|
15
|
+
"value": "var(--base-size-96) 0"
|
|
16
|
+
},
|
|
17
|
+
"name": "padding",
|
|
18
|
+
"attributes": {},
|
|
19
|
+
"path": [
|
|
20
|
+
"brand",
|
|
21
|
+
"Hero",
|
|
22
|
+
"narrow",
|
|
23
|
+
"padding"
|
|
24
|
+
]
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"regular": {
|
|
28
|
+
"padding": {
|
|
29
|
+
"value": "var(--base-size-128) 0",
|
|
30
|
+
"filePath": "tokens/functional/components/hero/base.json",
|
|
31
|
+
"isSource": true,
|
|
32
|
+
"original": {
|
|
33
|
+
"value": "var(--base-size-128) 0"
|
|
34
|
+
},
|
|
35
|
+
"name": "padding",
|
|
36
|
+
"attributes": {},
|
|
37
|
+
"path": [
|
|
38
|
+
"brand",
|
|
39
|
+
"Hero",
|
|
40
|
+
"regular",
|
|
41
|
+
"padding"
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
};
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Mon, 23 May 2022 16:03:47 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
export const BaseColorScaleGray0 = "210 25% 98%";
|
|
7
|
+
export const BaseColorScaleGray1 = "210 24% 93%";
|
|
8
|
+
export const BaseColorScaleGray2 = "210 16% 85%";
|
|
9
|
+
export const BaseColorScaleGray3 = "210 13% 75%";
|
|
10
|
+
export const BaseColorScaleGray4 = "212 10% 62%";
|
|
11
|
+
export const BaseColorScaleGray5 = "210 8% 48%";
|
|
12
|
+
export const BaseColorScaleGray6 = "212 10% 38%";
|
|
13
|
+
export const BaseColorScaleGray7 = "212 11% 29%";
|
|
14
|
+
export const BaseColorScaleGray8 = "212 12% 22%";
|
|
15
|
+
export const BaseColorScaleGray9 = "213 13% 16%";
|
|
16
|
+
export const BaseColorScaleRed0 = "4 100% 97%";
|
|
17
|
+
export const BaseColorScaleRed1 = "3 100% 91%";
|
|
18
|
+
export const BaseColorScaleRed2 = "2 100% 85%";
|
|
19
|
+
export const BaseColorScaleRed3 = "1 100% 76%";
|
|
20
|
+
export const BaseColorScaleRed4 = "359 95% 65%";
|
|
21
|
+
export const BaseColorScaleRed5 = "357 67% 50%";
|
|
22
|
+
export const BaseColorScaleRed6 = "356 71% 38%";
|
|
23
|
+
export const BaseColorScaleRed7 = "355 71% 30%";
|
|
24
|
+
export const BaseColorScaleRed8 = "354 74% 24%";
|
|
25
|
+
export const BaseColorScaleRed9 = "352 91% 17%";
|
|
26
|
+
export const BaseColorScaleCoral0 = "15 100% 96%";
|
|
27
|
+
export const BaseColorScaleCoral1 = "12 100% 90%";
|
|
28
|
+
export const BaseColorScaleCoral2 = "12 100% 82%";
|
|
29
|
+
export const BaseColorScaleCoral3 = "11 97% 72%";
|
|
30
|
+
export const BaseColorScaleCoral4 = "11 81% 60%";
|
|
31
|
+
export const BaseColorScaleCoral5 = "9 64% 47%";
|
|
32
|
+
export const BaseColorScaleCoral6 = "9 70% 36%";
|
|
33
|
+
export const BaseColorScaleCoral7 = "8 79% 28%";
|
|
34
|
+
export const BaseColorScaleCoral8 = "7 91% 22%";
|
|
35
|
+
export const BaseColorScaleCoral9 = "6 98% 16%";
|
|
36
|
+
export const BaseColorScaleOrange0 = "28 100% 95%";
|
|
37
|
+
export const BaseColorScaleOrange1 = "28 100% 85%";
|
|
38
|
+
export const BaseColorScaleOrange2 = "27 100% 74%";
|
|
39
|
+
export const BaseColorScaleOrange3 = "25 96% 63%";
|
|
40
|
+
export const BaseColorScaleOrange4 = "24 76% 51%";
|
|
41
|
+
export const BaseColorScaleOrange5 = "24 100% 37%";
|
|
42
|
+
export const BaseColorScaleOrange6 = "23 100% 29%";
|
|
43
|
+
export const BaseColorScaleOrange7 = "22 100% 23%";
|
|
44
|
+
export const BaseColorScaleOrange8 = "22 100% 18%";
|
|
45
|
+
export const BaseColorScaleOrange9 = "19 100% 14%";
|
|
46
|
+
export const BaseColorScaleYellow0 = "50 89% 89%";
|
|
47
|
+
export const BaseColorScaleYellow1 = "48 87% 73%";
|
|
48
|
+
export const BaseColorScaleYellow2 = "46 76% 60%";
|
|
49
|
+
export const BaseColorScaleYellow3 = "44 65% 50%";
|
|
50
|
+
export const BaseColorScaleYellow4 = "42 100% 37%";
|
|
51
|
+
export const BaseColorScaleYellow5 = "40 100% 30%";
|
|
52
|
+
export const BaseColorScaleYellow6 = "37 100% 24%";
|
|
53
|
+
export const BaseColorScaleYellow7 = "36 98% 19%";
|
|
54
|
+
export const BaseColorScaleYellow8 = "35 100% 15%";
|
|
55
|
+
export const BaseColorScaleYellow9 = "34 90% 12%";
|
|
56
|
+
export const BaseColorScaleLemon0 = "54 95% 85%";
|
|
57
|
+
export const BaseColorScaleLemon1 = "52 87% 67%";
|
|
58
|
+
export const BaseColorScaleLemon2 = "51 70% 56%";
|
|
59
|
+
export const BaseColorScaleLemon3 = "50 72% 45%";
|
|
60
|
+
export const BaseColorScaleLemon4 = "50 98% 33%";
|
|
61
|
+
export const BaseColorScaleLemon5 = "49 100% 26%";
|
|
62
|
+
export const BaseColorScaleLemon6 = "48 100% 20%";
|
|
63
|
+
export const BaseColorScaleLemon7 = "47 100% 16%";
|
|
64
|
+
export const BaseColorScaleLemon8 = "46 100% 13%";
|
|
65
|
+
export const BaseColorScaleLemon9 = "43 100% 10%";
|
|
66
|
+
export const BaseColorScaleLime0 = "75 86% 85%";
|
|
67
|
+
export const BaseColorScaleLime1 = "76 75% 70%";
|
|
68
|
+
export const BaseColorScaleLime2 = "76 59% 58%";
|
|
69
|
+
export const BaseColorScaleLime3 = "77 51% 48%";
|
|
70
|
+
export const BaseColorScaleLime4 = "78 57% 38%";
|
|
71
|
+
export const BaseColorScaleLime5 = "80 64% 29%";
|
|
72
|
+
export const BaseColorScaleLime6 = "82 66% 22%";
|
|
73
|
+
export const BaseColorScaleLime7 = "84 85% 16%";
|
|
74
|
+
export const BaseColorScaleLime8 = "86 90% 12%";
|
|
75
|
+
export const BaseColorScaleLime9 = "88 96% 9%";
|
|
76
|
+
export const BaseColorScaleGreen0 = "133 80% 92%";
|
|
77
|
+
export const BaseColorScaleGreen1 = "134 66% 80%";
|
|
78
|
+
export const BaseColorScaleGreen2 = "135 62% 65%";
|
|
79
|
+
export const BaseColorScaleGreen3 = "136 50% 53%";
|
|
80
|
+
export const BaseColorScaleGreen4 = "137 57% 41%";
|
|
81
|
+
export const BaseColorScaleGreen5 = "137 66% 30%";
|
|
82
|
+
export const BaseColorScaleGreen6 = "138 71% 23%";
|
|
83
|
+
export const BaseColorScaleGreen7 = "141 90% 16%";
|
|
84
|
+
export const BaseColorScaleGreen8 = "142 100% 12%";
|
|
85
|
+
export const BaseColorScaleGreen9 = "143 100% 9%";
|
|
86
|
+
export const BaseColorScaleTeal0 = "172 72% 92%";
|
|
87
|
+
export const BaseColorScaleTeal1 = "173 58% 80%";
|
|
88
|
+
export const BaseColorScaleTeal2 = "177 57% 63%";
|
|
89
|
+
export const BaseColorScaleTeal3 = "177 46% 51%";
|
|
90
|
+
export const BaseColorScaleTeal4 = "179 51% 41%";
|
|
91
|
+
export const BaseColorScaleTeal5 = "180 66% 29%";
|
|
92
|
+
export const BaseColorScaleTeal6 = "181 67% 23%";
|
|
93
|
+
export const BaseColorScaleTeal7 = "182 95% 15%";
|
|
94
|
+
export const BaseColorScaleTeal8 = "182 82% 13%";
|
|
95
|
+
export const BaseColorScaleTeal9 = "182 80% 10%";
|
|
96
|
+
export const BaseColorScaleBlue0 = "200 100% 95%";
|
|
97
|
+
export const BaseColorScaleBlue1 = "203 100% 87%";
|
|
98
|
+
export const BaseColorScaleBlue2 = "205 100% 77%";
|
|
99
|
+
export const BaseColorScaleBlue3 = "208 100% 67%";
|
|
100
|
+
export const BaseColorScaleBlue4 = "211 100% 58%";
|
|
101
|
+
export const BaseColorScaleBlue5 = "212 92% 45%";
|
|
102
|
+
export const BaseColorScaleBlue6 = "213 95% 36%";
|
|
103
|
+
export const BaseColorScaleBlue7 = "214 96% 29%";
|
|
104
|
+
export const BaseColorScaleBlue8 = "216 82% 24%";
|
|
105
|
+
export const BaseColorScaleBlue9 = "217 89% 18%";
|
|
106
|
+
export const BaseColorScaleIndigo0 = "229 100% 97%";
|
|
107
|
+
export const BaseColorScaleIndigo1 = "231 100% 92%";
|
|
108
|
+
export const BaseColorScaleIndigo2 = "232 100% 86%";
|
|
109
|
+
export const BaseColorScaleIndigo3 = "234 100% 80%";
|
|
110
|
+
export const BaseColorScaleIndigo4 = "234 100% 73%";
|
|
111
|
+
export const BaseColorScaleIndigo5 = "237 84% 64%";
|
|
112
|
+
export const BaseColorScaleIndigo6 = "238 61% 53%";
|
|
113
|
+
export const BaseColorScaleIndigo7 = "237 58% 41%";
|
|
114
|
+
export const BaseColorScaleIndigo8 = "235 58% 32%";
|
|
115
|
+
export const BaseColorScaleIndigo9 = "235 57% 23%";
|
|
116
|
+
export const BaseColorScalePurple0 = "285 100% 97%";
|
|
117
|
+
export const BaseColorScalePurple1 = "271 100% 92%";
|
|
118
|
+
export const BaseColorScalePurple2 = "267 100% 86%";
|
|
119
|
+
export const BaseColorScalePurple3 = "265 100% 80%";
|
|
120
|
+
export const BaseColorScalePurple4 = "261 92% 72%";
|
|
121
|
+
export const BaseColorScalePurple5 = "261 69% 59%";
|
|
122
|
+
export const BaseColorScalePurple6 = "261 53% 48%";
|
|
123
|
+
export const BaseColorScalePurple7 = "261 56% 38%";
|
|
124
|
+
export const BaseColorScalePurple8 = "261 59% 30%";
|
|
125
|
+
export const BaseColorScalePurple9 = "260 66% 23%";
|
|
126
|
+
export const BaseColorScalePink0 = "330 100% 97%";
|
|
127
|
+
export const BaseColorScalePink1 = "327 100% 91%";
|
|
128
|
+
export const BaseColorScalePink2 = "327 100% 84%";
|
|
129
|
+
export const BaseColorScalePink3 = "326 100% 75%";
|
|
130
|
+
export const BaseColorScalePink4 = "325 76% 63%";
|
|
131
|
+
export const BaseColorScalePink5 = "324 54% 49%";
|
|
132
|
+
export const BaseColorScalePink6 = "323 59% 38%";
|
|
133
|
+
export const BaseColorScalePink7 = "322 58% 30%";
|
|
134
|
+
export const BaseColorScalePink8 = "320 67% 23%";
|
|
135
|
+
export const BaseColorScalePink9 = "319 93% 16%";
|
|
136
|
+
export const BaseColorScaleBlack0 = "213 14% 12%";
|
|
137
|
+
export const BaseColorScaleWhite0 = "0 100% 100%";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Mon, 23 May 2022 16:03:47 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
export const BrandColorTextDefault = "var(--base-color-scale-gray-9)";
|
|
7
|
+
export const BrandColorTextMuted = "var(--base-color-scale-gray-6)";
|
|
8
|
+
export const BrandColorTextSubtle = "var(--base-color-scale-gray-5)";
|
|
9
|
+
export const BrandColorTextOnEmphasis = "var(--base-color-scale-white-0)";
|
|
10
|
+
export const BrandColorNeutralEmphasisPlus = "var(--base-color-scale-gray-9)";
|
|
11
|
+
export const BrandColorNeutralEmphasis = "var(--base-color-scale-gray-5)";
|
|
12
|
+
export const BrandColorNeutralMuted = "hsl(var(--base-color-scale-gray-3-hsl) / 99.8%)";
|
|
13
|
+
export const BrandColorNeutralSubtle = "hsl(var(--base-color-scale-gray-1-hsl) / 99.5%)";
|
|
14
|
+
export const BrandColorCanvasDefault = "var(--base-color-scale-white-0)";
|
|
15
|
+
export const BrandColorCanvasOverlay = "var(--base-color-scale-white-0)";
|
|
16
|
+
export const BrandColorCanvasInset = "var(--base-color-scale-gray-0)";
|
|
17
|
+
export const BrandColorCanvasSubtle = "var(--base-color-scale-gray-0)";
|
|
18
|
+
export const BrandColorBorderDefault = "var(--base-color-scale-gray-2)";
|
|
19
|
+
export const BrandColorBorderMuted = "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)";
|
|
20
|
+
export const BrandColorBorderSubtle = "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon,
|
|
3
|
+
* Generated on Mon, 23 May 2022 16:03:47 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|