11export const Grays = {
2- '10' : '#fdfcfcff ' ,
3- '25' : '#fafafaff ' ,
4- '50' : '#f8f7f7ff ' ,
5- '75' : '#f6f4f4ff ' ,
6- '100' : '#eeecebff ' ,
7- '150' : '#e7e4e2ff ' ,
8- '200' : '#dedbd8ff ' ,
9- '300' : '#d4d0ccff ' ,
10- '400' : '#bbb6afff ' ,
11- '500' : '#968e84ff ' ,
12- '600' : '#746e66ff ' ,
13- '700' : '#5a554fff ' ,
14- '750' : '#494540ff ' ,
15- '800' : '#3b3834ff ' ,
16- '850' : '#302e2aff ' ,
17- '900' : '#252420ff ' ,
18- '950' : '#1f1e1bff ' ,
19- '975' : '#191815ff ' ,
2+ '10' : '#fdfcfc ' ,
3+ '25' : '#fafafa ' ,
4+ '50' : '#f8f7f7 ' ,
5+ '75' : '#f6f4f4 ' ,
6+ '100' : '#eeeceb ' ,
7+ '150' : '#e7e4e2 ' ,
8+ '200' : '#dedbd8 ' ,
9+ '300' : '#d4d0cc ' ,
10+ '400' : '#bbb6af ' ,
11+ '500' : '#968e84 ' ,
12+ '600' : '#746e66 ' ,
13+ '700' : '#5a554f ' ,
14+ '750' : '#494540 ' ,
15+ '800' : '#3b3834 ' ,
16+ '850' : '#302e2a ' ,
17+ '900' : '#252420 ' ,
18+ '950' : '#1f1e1b ' ,
19+ '975' : '#191815 ' ,
2020} as const
2121
2222export const Greens = {
23- '100' : '#d4f7e3ff ' ,
24- '200' : '#a8efc6ff ' ,
25- '300' : '#32ce79ff ' ,
26- '400' : '#27b86cff ' ,
27- '500' : '#1fa25eff ' ,
28- '600' : '#167d4aff ' ,
29- '700' : '#0f5c38ff ' ,
30- '800' : '#0b3d26ff ' ,
23+ '100' : '#d4f7e3 ' ,
24+ '200' : '#a8efc6 ' ,
25+ '300' : '#32ce79 ' ,
26+ '400' : '#27b86c ' ,
27+ '500' : '#1fa25e ' ,
28+ '600' : '#167d4a ' ,
29+ '700' : '#0f5c38 ' ,
30+ '800' : '#0b3d26 ' ,
3131} as const
3232
3333export const Reds = {
34- '200' : '#ffd88bff ' ,
35- '300' : '#ffc300ff ' ,
36- '400' : '#f77f00ff ' ,
37- '500' : '#ed242fff ' ,
38- '600' : '#d41e26ff ' ,
39- '700' : '#b0151fff ' ,
40- '800' : '#8c111cff ' ,
34+ '200' : '#ffd88b ' ,
35+ '300' : '#ffc300 ' ,
36+ '400' : '#f77f00 ' ,
37+ '500' : '#ed242f ' ,
38+ '600' : '#d41e26 ' ,
39+ '700' : '#b0151f ' ,
40+ '800' : '#8c111c ' ,
4141} as const
4242
4343export const Blues = {
44- '50' : '#fefaefff ' ,
45- '100' : '#d5dbf0ff ' ,
46- '200' : '#acbef1ff ' ,
47- '300' : '#839ff2ff ' ,
48- '400' : '#5a81f3ff ' ,
49- '500' : '#3162f4ff ' ,
50- '600' : '#2c55d5ff ' ,
51- '700' : '#2747b5ff ' ,
52- '800' : '#223995ff ' ,
53- '900' : '#1d2c75ff ' ,
54- '950' : '#171e55ff ' ,
44+ '50' : '#fefaef ' ,
45+ '100' : '#d5dbf0 ' ,
46+ '200' : '#acbef1 ' ,
47+ '300' : '#839ff2 ' ,
48+ '400' : '#5a81f3 ' ,
49+ '500' : '#3162f4 ' ,
50+ '600' : '#2c55d5 ' ,
51+ '700' : '#2747b5 ' ,
52+ '800' : '#223995 ' ,
53+ '900' : '#1d2c75 ' ,
54+ '950' : '#171e55 ' ,
5555} as const
5656
5757export const Oranges = {
58- '50' : '#f0ddd1ff ' ,
59- '100' : '#f3cfb9ff ' ,
60- '200' : '#f5bd98ff ' ,
61- '300' : '#f4ab7aff ' ,
62- '400' : '#f49753ff ' ,
63- '500' : '#f77f00ff ' ,
64- '600' : '#d36c00ff ' ,
65- '700' : '#b15900ff ' ,
66- '800' : '#8f4700ff ' ,
67- '900' : '#6f3601ff ' ,
68- '950' : '#4e2708ff ' ,
58+ '50' : '#f0ddd1 ' ,
59+ '100' : '#f3cfb9 ' ,
60+ '200' : '#f5bd98 ' ,
61+ '300' : '#f4ab7a ' ,
62+ '400' : '#f49753 ' ,
63+ '500' : '#f77f00 ' ,
64+ '600' : '#d36c00 ' ,
65+ '700' : '#b15900 ' ,
66+ '800' : '#8f4700 ' ,
67+ '900' : '#6f3601 ' ,
68+ '950' : '#4e2708 ' ,
6969} as const
7070
7171export const Yellows = {
72- '50' : '#fffbf5ff ' ,
73- '100' : '#fff9f0ff ' ,
74- '200' : '#fff1dbff ' ,
75- '300' : '#ffe6bdff ' ,
76- '400' : '#ffd88bff ' ,
77- '500' : '#ffc300ff ' ,
78- '600' : '#e0ab00ff ' ,
79- '700' : '#c19300ff ' ,
80- '800' : '#a37c0cff ' ,
81- '900' : '#84671dff ' ,
82- '950' : '#665223ff ' ,
72+ '50' : '#fffbf5 ' ,
73+ '100' : '#fff9f0 ' ,
74+ '200' : '#fff1db ' ,
75+ '300' : '#ffe6bd ' ,
76+ '400' : '#ffd88b ' ,
77+ '500' : '#ffc300 ' ,
78+ '600' : '#e0ab00 ' ,
79+ '700' : '#c19300 ' ,
80+ '800' : '#a37c0c ' ,
81+ '900' : '#84671d ' ,
82+ '950' : '#665223 ' ,
8383} as const
8484
8585export const Violets = {
86- '50' : '#efedfcff ' ,
87- '100' : '#dbd9f7ff ' ,
88- '200' : '#c6c4f2ff ' ,
89- '300' : '#b0aeeeff ' ,
90- '400' : '#9997e2ff ' ,
91- '500' : '#6a68b7ff ' ,
92- '600' : '#5f5caeff ' ,
93- '700' : '#554fa5ff ' ,
94- '800' : '#4a4395ff ' ,
95- '900' : '#3e3684ff ' ,
96- '950' : '#2f2862ff ' ,
86+ '50' : '#efedfc ' ,
87+ '100' : '#dbd9f7 ' ,
88+ '200' : '#c6c4f2 ' ,
89+ '300' : '#b0aeee ' ,
90+ '400' : '#9997e2 ' ,
91+ '500' : '#6a68b7 ' ,
92+ '600' : '#5f5cae ' ,
93+ '700' : '#554fa5 ' ,
94+ '800' : '#4a4395 ' ,
95+ '900' : '#3e3684 ' ,
96+ '950' : '#2f2862 ' ,
9797} as const
9898
9999export const Spacing = {
100- '50' : undefined ,
101- '75' : '0.0625rem' /* 1px */ ,
102- '100' : '0.125rem' /* 2px */ ,
103- '200' : '0.25rem' /* 4px */ ,
104- '300' : '0.5rem' /* 8px */ ,
105- '350' : '0.875rem' /* 14px */ ,
106- '400' : '1rem' /* 16px */ ,
107- '450' : '1.25rem' /* 20px */ ,
108- '500' : '1.5rem' /* 24px */ ,
109- '600' : '2rem' /* 32px */ ,
110- '700' : '3rem' /* 48px */ ,
111- '800' : '4rem' /* 64px */ ,
100+ '50' : '0' ,
101+ '75' : '0.0625rem' , // 1px
102+ '100' : '0.125rem' , // 2px
103+ '200' : '0.25rem' , // 4px
104+ '300' : '0.5rem' , // 8px
105+ '350' : '0.875rem' , // 14px
106+ '400' : '1rem' , // 16px
107+ '450' : '1.25rem' , // 20px
108+ '500' : '1.5rem' , // 24px
109+ '600' : '2rem' , // 32px
110+ '700' : '3rem' , // 48px
111+ '800' : '4rem' , // 64px
112112} as const
113113
114114export const Sizing = {
115- '10' : '0.0625rem' /* 1px */ ,
116- '25' : '0.125rem' /* 2px */ ,
117- '50' : '0.25rem' /* 4px */ ,
118- '100' : '0.5rem' /* 8px */ ,
119- '125' : '0.75rem' /* 12px */ ,
120- '150' : '0.875rem' /* 14px */ ,
121- '200' : '1rem' /* 16px */ ,
122- '250' : '1.25rem' /* 20px */ ,
123- '300' : '1.5rem' /* 24px */ ,
124- '350' : '1.75rem' /* 28px */ ,
125- '400' : '2rem' /* 32px */ ,
115+ '10' : '0.0625rem' , // 1px
116+ '25' : '0.125rem' , // 2px
117+ '50' : '0.25rem' , // 4px
118+ '100' : '0.5rem' , // 8px
119+ '125' : '0.75rem' , // 12px
120+ '150' : '0.875rem' , // 14px
121+ '200' : '1rem' , // 16px
122+ '250' : '1.25rem' , // 20px
123+ '300' : '1.5rem' , // 24px
124+ '350' : '1.75rem' , // 28px
125+ '400' : '2rem' , // 32px
126126 '450' : '2.25rem' ,
127- '500' : '2.5rem' /* 40px */ ,
128- '600' : '3rem' /* 48px */ ,
129- '650' : '3.5rem' /* 56px */ ,
130- '700' : '4rem' /* 64px */ ,
131- '800' : '5.5rem' /* 88px */ ,
127+ '500' : '2.5rem' , // 40px
128+ '600' : '3rem' , // 48px
129+ '650' : '3.5rem' , // 56px
130+ '700' : '4rem' , // 64px
131+ '800' : '5.5rem' , // 88px
132132} as const
133133
134134export const Duration = {
@@ -140,4 +140,5 @@ export const Duration = {
140140 Focus : 50 ,
141141 Delay : 100 ,
142142}
143+
143144export const TransitionFunction = `ease-out ${ Duration . Transition } ms`
0 commit comments