@infomaniak-design-system/tokens 0.0.0-dev.1769526654615
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/css/themes/dark.theme.attr.css +205 -0
- package/css/themes/dark.theme.css +206 -0
- package/css/themes/light.theme.attr.css +205 -0
- package/css/themes/light.theme.css +206 -0
- package/css/variants/mail.variant.attr.css +8 -0
- package/css/variants/mail.variant.css +9 -0
- package/package.json +11 -0
- package/tailwind.css +206 -0
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
[data-theme="dark"] {
|
|
6
|
+
--ikds-breakpoint-sm: 640px;
|
|
7
|
+
--ikds-breakpoint-md: 768px;
|
|
8
|
+
--ikds-breakpoint-lg: 1024px;
|
|
9
|
+
--ikds-breakpoint-xl: 1280px;
|
|
10
|
+
--ikds-breakpoint-2xl: 1536px;
|
|
11
|
+
--ikds-color-black-100: #0c0c0d0d;
|
|
12
|
+
--ikds-color-black-200: #0c0c0d1a;
|
|
13
|
+
--ikds-color-black-300: #0c0c0d33;
|
|
14
|
+
--ikds-color-black-400: #0c0c0d66;
|
|
15
|
+
--ikds-color-black-500: #0c0c0db2;
|
|
16
|
+
--ikds-color-black-600: #0c0c0dcc;
|
|
17
|
+
--ikds-color-black-700: #0c0c0dd9;
|
|
18
|
+
--ikds-color-black-800: #0c0c0de5;
|
|
19
|
+
--ikds-color-black-900: #0c0c0df2;
|
|
20
|
+
--ikds-color-black-1000: #0c0c0d;
|
|
21
|
+
--ikds-color-gray-100: #f5f5f5;
|
|
22
|
+
--ikds-color-gray-200: #e6e6e6;
|
|
23
|
+
--ikds-color-gray-300: #d9d9d9;
|
|
24
|
+
--ikds-color-gray-400: #b3b3b3;
|
|
25
|
+
--ikds-color-gray-500: #757575;
|
|
26
|
+
--ikds-color-gray-600: #444;
|
|
27
|
+
--ikds-color-gray-700: #383838;
|
|
28
|
+
--ikds-color-gray-800: #2c2c2c;
|
|
29
|
+
--ikds-color-gray-900: #1e1e1e;
|
|
30
|
+
--ikds-color-gray-1000: #111;
|
|
31
|
+
--ikds-color-green-100: #ebffee;
|
|
32
|
+
--ikds-color-green-200: #cff7d3;
|
|
33
|
+
--ikds-color-green-300: #aff4c6;
|
|
34
|
+
--ikds-color-green-400: #85e0a3;
|
|
35
|
+
--ikds-color-green-500: #14ae5c;
|
|
36
|
+
--ikds-color-green-600: #009951;
|
|
37
|
+
--ikds-color-green-700: #008043;
|
|
38
|
+
--ikds-color-green-800: #02542d;
|
|
39
|
+
--ikds-color-green-900: #024023;
|
|
40
|
+
--ikds-color-green-1000: #062d1b;
|
|
41
|
+
--ikds-color-pink-100: #fcf1fd;
|
|
42
|
+
--ikds-color-pink-200: #fae1fa;
|
|
43
|
+
--ikds-color-pink-300: #f5c0ef;
|
|
44
|
+
--ikds-color-pink-400: #f19edc;
|
|
45
|
+
--ikds-color-pink-500: #ea3fb8;
|
|
46
|
+
--ikds-color-pink-600: #d732a8;
|
|
47
|
+
--ikds-color-pink-700: #ba2a92;
|
|
48
|
+
--ikds-color-pink-800: #8a226f;
|
|
49
|
+
--ikds-color-pink-900: #57184a;
|
|
50
|
+
--ikds-color-pink-1000: #3f1536;
|
|
51
|
+
--ikds-color-red-100: #fee9e7;
|
|
52
|
+
--ikds-color-red-200: #fdd3d0;
|
|
53
|
+
--ikds-color-red-300: #fcb3ad;
|
|
54
|
+
--ikds-color-red-400: #f4776a;
|
|
55
|
+
--ikds-color-red-500: #ec221f;
|
|
56
|
+
--ikds-color-red-600: #c00f0c;
|
|
57
|
+
--ikds-color-red-700: #900b09;
|
|
58
|
+
--ikds-color-red-800: #690807;
|
|
59
|
+
--ikds-color-red-900: #4d0b0a;
|
|
60
|
+
--ikds-color-red-1000: #300603;
|
|
61
|
+
--ikds-color-slate-100: #f3f3f3;
|
|
62
|
+
--ikds-color-slate-200: #e3e3e3;
|
|
63
|
+
--ikds-color-slate-300: #cdcdcd;
|
|
64
|
+
--ikds-color-slate-400: #b2b2b2;
|
|
65
|
+
--ikds-color-slate-500: #949494;
|
|
66
|
+
--ikds-color-slate-600: #767676;
|
|
67
|
+
--ikds-color-slate-700: #5a5a5a;
|
|
68
|
+
--ikds-color-slate-800: #434343;
|
|
69
|
+
--ikds-color-slate-900: #303030;
|
|
70
|
+
--ikds-color-slate-1000: #242424;
|
|
71
|
+
--ikds-color-white-100: #ffffff0d;
|
|
72
|
+
--ikds-color-white-200: #ffffff1a;
|
|
73
|
+
--ikds-color-white-300: #fff3;
|
|
74
|
+
--ikds-color-white-400: #fff6;
|
|
75
|
+
--ikds-color-white-500: #ffffffb2;
|
|
76
|
+
--ikds-color-white-600: #fffc;
|
|
77
|
+
--ikds-color-white-700: #ffffffd9;
|
|
78
|
+
--ikds-color-white-800: #ffffffe5;
|
|
79
|
+
--ikds-color-white-900: #fffffff2;
|
|
80
|
+
--ikds-color-white-1000: #fff;
|
|
81
|
+
--ikds-color-yellow-100: #fffbeb;
|
|
82
|
+
--ikds-color-yellow-200: #fff1c2;
|
|
83
|
+
--ikds-color-yellow-300: #ffe8a3;
|
|
84
|
+
--ikds-color-yellow-400: #e8b931;
|
|
85
|
+
--ikds-color-yellow-500: #e5a000;
|
|
86
|
+
--ikds-color-yellow-600: #bf6a02;
|
|
87
|
+
--ikds-color-yellow-700: #975102;
|
|
88
|
+
--ikds-color-yellow-800: #682d03;
|
|
89
|
+
--ikds-color-yellow-900: #522504;
|
|
90
|
+
--ikds-color-yellow-1000: #401b01;
|
|
91
|
+
--ikds-font-family-sans: Inter;
|
|
92
|
+
--ikds-font-family-serif: Georgia;
|
|
93
|
+
--ikds-font-family-mono: Menlo;
|
|
94
|
+
--ikds-font-size-xs: 12px;
|
|
95
|
+
--ikds-font-size-sm: 14px;
|
|
96
|
+
--ikds-font-size-base: 16px;
|
|
97
|
+
--ikds-font-size-lg: 18px;
|
|
98
|
+
--ikds-font-size-xl: 20px;
|
|
99
|
+
--ikds-font-weight-thin: 100;
|
|
100
|
+
--ikds-font-weight-extralight: 200;
|
|
101
|
+
--ikds-font-weight-light: 300;
|
|
102
|
+
--ikds-font-weight-normal: 400;
|
|
103
|
+
--ikds-font-weight-medium: 500;
|
|
104
|
+
--ikds-font-weight-semibold: 600;
|
|
105
|
+
--ikds-font-weight-bold: 700;
|
|
106
|
+
--ikds-font-weight-extrabold: 800;
|
|
107
|
+
--ikds-font-weight-black: 900;
|
|
108
|
+
--ikds-radius-100: 0.25rem;
|
|
109
|
+
--ikds-radius-200: 0.5rem;
|
|
110
|
+
--ikds-radius-400: 1rem;
|
|
111
|
+
--ikds-radius-full: 624.9375rem;
|
|
112
|
+
--ikds-spacing-0: 0px;
|
|
113
|
+
--ikds-spacing-1: 4px;
|
|
114
|
+
--ikds-spacing-2: 8px;
|
|
115
|
+
--ikds-spacing-3: 12px;
|
|
116
|
+
--ikds-spacing-4: 16px;
|
|
117
|
+
--ikds-spacing-5: 20px;
|
|
118
|
+
--ikds-spacing-6: 24px;
|
|
119
|
+
--ikds-spacing-7: 28px;
|
|
120
|
+
--ikds-spacing-8: 32px;
|
|
121
|
+
--ikds-spacing-9: 36px;
|
|
122
|
+
--ikds-spacing-10: 40px;
|
|
123
|
+
--ikds-spacing-11: 44px;
|
|
124
|
+
--ikds-spacing-12: 48px;
|
|
125
|
+
--ikds-spacing-14: 56px;
|
|
126
|
+
--ikds-spacing-16: 64px;
|
|
127
|
+
--ikds-spacing-20: 80px;
|
|
128
|
+
--ikds-spacing-24: 96px;
|
|
129
|
+
--ikds-spacing-28: 112px;
|
|
130
|
+
--ikds-spacing-32: 128px;
|
|
131
|
+
--ikds-spacing-36: 144px;
|
|
132
|
+
--ikds-spacing-40: 160px;
|
|
133
|
+
--ikds-spacing-44: 176px;
|
|
134
|
+
--ikds-spacing-48: 192px;
|
|
135
|
+
--ikds-spacing-52: 208px;
|
|
136
|
+
--ikds-spacing-56: 224px;
|
|
137
|
+
--ikds-spacing-60: 240px;
|
|
138
|
+
--ikds-spacing-64: 256px;
|
|
139
|
+
--ikds-spacing-72: 288px;
|
|
140
|
+
--ikds-spacing-80: 320px;
|
|
141
|
+
--ikds-spacing-96: 384px;
|
|
142
|
+
--ikds-spacing-px: 1px;
|
|
143
|
+
--ikds-spacing-0-5: 2px;
|
|
144
|
+
--ikds-spacing-1-5: 6px;
|
|
145
|
+
--ikds-spacing-2-5: 10px;
|
|
146
|
+
--ikds-spacing-3-5: 14px;
|
|
147
|
+
--ikds-typography-title-hero: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-10)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
148
|
+
--ikds-typography-title-page-small: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-07)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
149
|
+
--ikds-typography-title-page-base: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-08)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
150
|
+
--ikds-typography-title-page-large: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-09)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
151
|
+
--ikds-typography-subtitle-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
152
|
+
--ikds-typography-subtitle-base: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-06)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
153
|
+
--ikds-typography-subtitle-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-07)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
154
|
+
--ikds-typography-heading-small: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
155
|
+
--ikds-typography-heading-base: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
156
|
+
--ikds-typography-heading-large: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-06)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
157
|
+
--ikds-typography-subheading-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
158
|
+
--ikds-typography-subheading-base: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
159
|
+
--ikds-typography-subheading-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
160
|
+
--ikds-typography-body-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-02)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
161
|
+
--ikds-typography-body-medium: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
162
|
+
--ikds-typography-body-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
163
|
+
--ikds-typography-code-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-02)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
164
|
+
--ikds-typography-code-medium: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
165
|
+
--ikds-typography-code-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
166
|
+
--ikds-typography-family-mono: "roboto mono", monospace;
|
|
167
|
+
--ikds-typography-family-sans: inter, sans-serif;
|
|
168
|
+
--ikds-typography-family-serif: "noto serif", serif;
|
|
169
|
+
--ikds-typography-scale-10: 4.5rem;
|
|
170
|
+
--ikds-typography-scale-01: 0.75rem;
|
|
171
|
+
--ikds-typography-scale-02: 0.875rem;
|
|
172
|
+
--ikds-typography-scale-03: 1rem;
|
|
173
|
+
--ikds-typography-scale-04: 1.25rem;
|
|
174
|
+
--ikds-typography-scale-05: 1.5rem;
|
|
175
|
+
--ikds-typography-scale-06: 2rem;
|
|
176
|
+
--ikds-typography-scale-07: 2.5rem;
|
|
177
|
+
--ikds-typography-scale-08: 3rem;
|
|
178
|
+
--ikds-typography-scale-09: 4rem;
|
|
179
|
+
--ikds-typography-spacing-normal: 1px;
|
|
180
|
+
--ikds-typography-line-height-normal: 1.3;
|
|
181
|
+
--ikds-typography-weight-thin: 100;
|
|
182
|
+
--ikds-typography-weight-extralight: 200;
|
|
183
|
+
--ikds-typography-weight-light: 300;
|
|
184
|
+
--ikds-typography-weight-regular: 400;
|
|
185
|
+
--ikds-typography-weight-medium: 500;
|
|
186
|
+
--ikds-typography-weight-semibold: 600;
|
|
187
|
+
--ikds-typography-weight-bold: 700;
|
|
188
|
+
--ikds-typography-weight-extrabold: 800;
|
|
189
|
+
--ikds-typography-weight-black: 900;
|
|
190
|
+
--ikds-color-brand-100: var(--ikds-color-green-800);
|
|
191
|
+
--ikds-color-brand-200: var(--ikds-color-green-700);
|
|
192
|
+
--ikds-color-brand-300: var(--ikds-color-green-300);
|
|
193
|
+
--ikds-color-brand-400: var(--ikds-color-green-400);
|
|
194
|
+
--ikds-color-brand-500: var(--ikds-color-green-500);
|
|
195
|
+
--ikds-color-brand-600: var(--ikds-color-green-600);
|
|
196
|
+
--ikds-color-brand-700: var(--ikds-color-green-700);
|
|
197
|
+
--ikds-color-brand-800: var(--ikds-color-green-800);
|
|
198
|
+
--ikds-color-brand-900: var(--ikds-color-green-900);
|
|
199
|
+
--ikds-color-brand-1000: var(--ikds-color-green-1000);
|
|
200
|
+
--ikds-color-background-default: var(--ikds-color-gray-900);
|
|
201
|
+
--ikds-color-background-secondary: var(--ikds-color-gray-800);
|
|
202
|
+
--ikds-color-text-default: var(--ikds-color-gray-100);
|
|
203
|
+
--ikds-button-background-color: var(--ikds-color-brand-200);
|
|
204
|
+
--ikds-button-background-color-mail: var(--ikds-color-pink-600);
|
|
205
|
+
}
|
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
:root,
|
|
6
|
+
:host {
|
|
7
|
+
--ikds-breakpoint-sm: 640px;
|
|
8
|
+
--ikds-breakpoint-md: 768px;
|
|
9
|
+
--ikds-breakpoint-lg: 1024px;
|
|
10
|
+
--ikds-breakpoint-xl: 1280px;
|
|
11
|
+
--ikds-breakpoint-2xl: 1536px;
|
|
12
|
+
--ikds-color-black-100: #0c0c0d0d;
|
|
13
|
+
--ikds-color-black-200: #0c0c0d1a;
|
|
14
|
+
--ikds-color-black-300: #0c0c0d33;
|
|
15
|
+
--ikds-color-black-400: #0c0c0d66;
|
|
16
|
+
--ikds-color-black-500: #0c0c0db2;
|
|
17
|
+
--ikds-color-black-600: #0c0c0dcc;
|
|
18
|
+
--ikds-color-black-700: #0c0c0dd9;
|
|
19
|
+
--ikds-color-black-800: #0c0c0de5;
|
|
20
|
+
--ikds-color-black-900: #0c0c0df2;
|
|
21
|
+
--ikds-color-black-1000: #0c0c0d;
|
|
22
|
+
--ikds-color-gray-100: #f5f5f5;
|
|
23
|
+
--ikds-color-gray-200: #e6e6e6;
|
|
24
|
+
--ikds-color-gray-300: #d9d9d9;
|
|
25
|
+
--ikds-color-gray-400: #b3b3b3;
|
|
26
|
+
--ikds-color-gray-500: #757575;
|
|
27
|
+
--ikds-color-gray-600: #444;
|
|
28
|
+
--ikds-color-gray-700: #383838;
|
|
29
|
+
--ikds-color-gray-800: #2c2c2c;
|
|
30
|
+
--ikds-color-gray-900: #1e1e1e;
|
|
31
|
+
--ikds-color-gray-1000: #111;
|
|
32
|
+
--ikds-color-green-100: #ebffee;
|
|
33
|
+
--ikds-color-green-200: #cff7d3;
|
|
34
|
+
--ikds-color-green-300: #aff4c6;
|
|
35
|
+
--ikds-color-green-400: #85e0a3;
|
|
36
|
+
--ikds-color-green-500: #14ae5c;
|
|
37
|
+
--ikds-color-green-600: #009951;
|
|
38
|
+
--ikds-color-green-700: #008043;
|
|
39
|
+
--ikds-color-green-800: #02542d;
|
|
40
|
+
--ikds-color-green-900: #024023;
|
|
41
|
+
--ikds-color-green-1000: #062d1b;
|
|
42
|
+
--ikds-color-pink-100: #fcf1fd;
|
|
43
|
+
--ikds-color-pink-200: #fae1fa;
|
|
44
|
+
--ikds-color-pink-300: #f5c0ef;
|
|
45
|
+
--ikds-color-pink-400: #f19edc;
|
|
46
|
+
--ikds-color-pink-500: #ea3fb8;
|
|
47
|
+
--ikds-color-pink-600: #d732a8;
|
|
48
|
+
--ikds-color-pink-700: #ba2a92;
|
|
49
|
+
--ikds-color-pink-800: #8a226f;
|
|
50
|
+
--ikds-color-pink-900: #57184a;
|
|
51
|
+
--ikds-color-pink-1000: #3f1536;
|
|
52
|
+
--ikds-color-red-100: #fee9e7;
|
|
53
|
+
--ikds-color-red-200: #fdd3d0;
|
|
54
|
+
--ikds-color-red-300: #fcb3ad;
|
|
55
|
+
--ikds-color-red-400: #f4776a;
|
|
56
|
+
--ikds-color-red-500: #ec221f;
|
|
57
|
+
--ikds-color-red-600: #c00f0c;
|
|
58
|
+
--ikds-color-red-700: #900b09;
|
|
59
|
+
--ikds-color-red-800: #690807;
|
|
60
|
+
--ikds-color-red-900: #4d0b0a;
|
|
61
|
+
--ikds-color-red-1000: #300603;
|
|
62
|
+
--ikds-color-slate-100: #f3f3f3;
|
|
63
|
+
--ikds-color-slate-200: #e3e3e3;
|
|
64
|
+
--ikds-color-slate-300: #cdcdcd;
|
|
65
|
+
--ikds-color-slate-400: #b2b2b2;
|
|
66
|
+
--ikds-color-slate-500: #949494;
|
|
67
|
+
--ikds-color-slate-600: #767676;
|
|
68
|
+
--ikds-color-slate-700: #5a5a5a;
|
|
69
|
+
--ikds-color-slate-800: #434343;
|
|
70
|
+
--ikds-color-slate-900: #303030;
|
|
71
|
+
--ikds-color-slate-1000: #242424;
|
|
72
|
+
--ikds-color-white-100: #ffffff0d;
|
|
73
|
+
--ikds-color-white-200: #ffffff1a;
|
|
74
|
+
--ikds-color-white-300: #fff3;
|
|
75
|
+
--ikds-color-white-400: #fff6;
|
|
76
|
+
--ikds-color-white-500: #ffffffb2;
|
|
77
|
+
--ikds-color-white-600: #fffc;
|
|
78
|
+
--ikds-color-white-700: #ffffffd9;
|
|
79
|
+
--ikds-color-white-800: #ffffffe5;
|
|
80
|
+
--ikds-color-white-900: #fffffff2;
|
|
81
|
+
--ikds-color-white-1000: #fff;
|
|
82
|
+
--ikds-color-yellow-100: #fffbeb;
|
|
83
|
+
--ikds-color-yellow-200: #fff1c2;
|
|
84
|
+
--ikds-color-yellow-300: #ffe8a3;
|
|
85
|
+
--ikds-color-yellow-400: #e8b931;
|
|
86
|
+
--ikds-color-yellow-500: #e5a000;
|
|
87
|
+
--ikds-color-yellow-600: #bf6a02;
|
|
88
|
+
--ikds-color-yellow-700: #975102;
|
|
89
|
+
--ikds-color-yellow-800: #682d03;
|
|
90
|
+
--ikds-color-yellow-900: #522504;
|
|
91
|
+
--ikds-color-yellow-1000: #401b01;
|
|
92
|
+
--ikds-font-family-sans: Inter;
|
|
93
|
+
--ikds-font-family-serif: Georgia;
|
|
94
|
+
--ikds-font-family-mono: Menlo;
|
|
95
|
+
--ikds-font-size-xs: 12px;
|
|
96
|
+
--ikds-font-size-sm: 14px;
|
|
97
|
+
--ikds-font-size-base: 16px;
|
|
98
|
+
--ikds-font-size-lg: 18px;
|
|
99
|
+
--ikds-font-size-xl: 20px;
|
|
100
|
+
--ikds-font-weight-thin: 100;
|
|
101
|
+
--ikds-font-weight-extralight: 200;
|
|
102
|
+
--ikds-font-weight-light: 300;
|
|
103
|
+
--ikds-font-weight-normal: 400;
|
|
104
|
+
--ikds-font-weight-medium: 500;
|
|
105
|
+
--ikds-font-weight-semibold: 600;
|
|
106
|
+
--ikds-font-weight-bold: 700;
|
|
107
|
+
--ikds-font-weight-extrabold: 800;
|
|
108
|
+
--ikds-font-weight-black: 900;
|
|
109
|
+
--ikds-radius-100: 0.25rem;
|
|
110
|
+
--ikds-radius-200: 0.5rem;
|
|
111
|
+
--ikds-radius-400: 1rem;
|
|
112
|
+
--ikds-radius-full: 624.9375rem;
|
|
113
|
+
--ikds-spacing-0: 0px;
|
|
114
|
+
--ikds-spacing-1: 4px;
|
|
115
|
+
--ikds-spacing-2: 8px;
|
|
116
|
+
--ikds-spacing-3: 12px;
|
|
117
|
+
--ikds-spacing-4: 16px;
|
|
118
|
+
--ikds-spacing-5: 20px;
|
|
119
|
+
--ikds-spacing-6: 24px;
|
|
120
|
+
--ikds-spacing-7: 28px;
|
|
121
|
+
--ikds-spacing-8: 32px;
|
|
122
|
+
--ikds-spacing-9: 36px;
|
|
123
|
+
--ikds-spacing-10: 40px;
|
|
124
|
+
--ikds-spacing-11: 44px;
|
|
125
|
+
--ikds-spacing-12: 48px;
|
|
126
|
+
--ikds-spacing-14: 56px;
|
|
127
|
+
--ikds-spacing-16: 64px;
|
|
128
|
+
--ikds-spacing-20: 80px;
|
|
129
|
+
--ikds-spacing-24: 96px;
|
|
130
|
+
--ikds-spacing-28: 112px;
|
|
131
|
+
--ikds-spacing-32: 128px;
|
|
132
|
+
--ikds-spacing-36: 144px;
|
|
133
|
+
--ikds-spacing-40: 160px;
|
|
134
|
+
--ikds-spacing-44: 176px;
|
|
135
|
+
--ikds-spacing-48: 192px;
|
|
136
|
+
--ikds-spacing-52: 208px;
|
|
137
|
+
--ikds-spacing-56: 224px;
|
|
138
|
+
--ikds-spacing-60: 240px;
|
|
139
|
+
--ikds-spacing-64: 256px;
|
|
140
|
+
--ikds-spacing-72: 288px;
|
|
141
|
+
--ikds-spacing-80: 320px;
|
|
142
|
+
--ikds-spacing-96: 384px;
|
|
143
|
+
--ikds-spacing-px: 1px;
|
|
144
|
+
--ikds-spacing-0-5: 2px;
|
|
145
|
+
--ikds-spacing-1-5: 6px;
|
|
146
|
+
--ikds-spacing-2-5: 10px;
|
|
147
|
+
--ikds-spacing-3-5: 14px;
|
|
148
|
+
--ikds-typography-title-hero: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-10)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
149
|
+
--ikds-typography-title-page-small: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-07)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
150
|
+
--ikds-typography-title-page-base: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-08)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
151
|
+
--ikds-typography-title-page-large: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-09)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
152
|
+
--ikds-typography-subtitle-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
153
|
+
--ikds-typography-subtitle-base: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-06)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
154
|
+
--ikds-typography-subtitle-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-07)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
155
|
+
--ikds-typography-heading-small: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
156
|
+
--ikds-typography-heading-base: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
157
|
+
--ikds-typography-heading-large: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-06)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
158
|
+
--ikds-typography-subheading-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
159
|
+
--ikds-typography-subheading-base: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
160
|
+
--ikds-typography-subheading-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
161
|
+
--ikds-typography-body-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-02)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
162
|
+
--ikds-typography-body-medium: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
163
|
+
--ikds-typography-body-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
164
|
+
--ikds-typography-code-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-02)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
165
|
+
--ikds-typography-code-medium: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
166
|
+
--ikds-typography-code-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
167
|
+
--ikds-typography-family-mono: "roboto mono", monospace;
|
|
168
|
+
--ikds-typography-family-sans: inter, sans-serif;
|
|
169
|
+
--ikds-typography-family-serif: "noto serif", serif;
|
|
170
|
+
--ikds-typography-scale-10: 4.5rem;
|
|
171
|
+
--ikds-typography-scale-01: 0.75rem;
|
|
172
|
+
--ikds-typography-scale-02: 0.875rem;
|
|
173
|
+
--ikds-typography-scale-03: 1rem;
|
|
174
|
+
--ikds-typography-scale-04: 1.25rem;
|
|
175
|
+
--ikds-typography-scale-05: 1.5rem;
|
|
176
|
+
--ikds-typography-scale-06: 2rem;
|
|
177
|
+
--ikds-typography-scale-07: 2.5rem;
|
|
178
|
+
--ikds-typography-scale-08: 3rem;
|
|
179
|
+
--ikds-typography-scale-09: 4rem;
|
|
180
|
+
--ikds-typography-spacing-normal: 1px;
|
|
181
|
+
--ikds-typography-line-height-normal: 1.3;
|
|
182
|
+
--ikds-typography-weight-thin: 100;
|
|
183
|
+
--ikds-typography-weight-extralight: 200;
|
|
184
|
+
--ikds-typography-weight-light: 300;
|
|
185
|
+
--ikds-typography-weight-regular: 400;
|
|
186
|
+
--ikds-typography-weight-medium: 500;
|
|
187
|
+
--ikds-typography-weight-semibold: 600;
|
|
188
|
+
--ikds-typography-weight-bold: 700;
|
|
189
|
+
--ikds-typography-weight-extrabold: 800;
|
|
190
|
+
--ikds-typography-weight-black: 900;
|
|
191
|
+
--ikds-color-brand-100: var(--ikds-color-green-800);
|
|
192
|
+
--ikds-color-brand-200: var(--ikds-color-green-700);
|
|
193
|
+
--ikds-color-brand-300: var(--ikds-color-green-300);
|
|
194
|
+
--ikds-color-brand-400: var(--ikds-color-green-400);
|
|
195
|
+
--ikds-color-brand-500: var(--ikds-color-green-500);
|
|
196
|
+
--ikds-color-brand-600: var(--ikds-color-green-600);
|
|
197
|
+
--ikds-color-brand-700: var(--ikds-color-green-700);
|
|
198
|
+
--ikds-color-brand-800: var(--ikds-color-green-800);
|
|
199
|
+
--ikds-color-brand-900: var(--ikds-color-green-900);
|
|
200
|
+
--ikds-color-brand-1000: var(--ikds-color-green-1000);
|
|
201
|
+
--ikds-color-background-default: var(--ikds-color-gray-900);
|
|
202
|
+
--ikds-color-background-secondary: var(--ikds-color-gray-800);
|
|
203
|
+
--ikds-color-text-default: var(--ikds-color-gray-100);
|
|
204
|
+
--ikds-button-background-color: var(--ikds-color-brand-200);
|
|
205
|
+
--ikds-button-background-color-mail: var(--ikds-color-pink-600);
|
|
206
|
+
}
|
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
[data-theme="light"] {
|
|
6
|
+
--ikds-breakpoint-sm: 640px;
|
|
7
|
+
--ikds-breakpoint-md: 768px;
|
|
8
|
+
--ikds-breakpoint-lg: 1024px;
|
|
9
|
+
--ikds-breakpoint-xl: 1280px;
|
|
10
|
+
--ikds-breakpoint-2xl: 1536px;
|
|
11
|
+
--ikds-color-black-100: #0c0c0d0d;
|
|
12
|
+
--ikds-color-black-200: #0c0c0d1a;
|
|
13
|
+
--ikds-color-black-300: #0c0c0d33;
|
|
14
|
+
--ikds-color-black-400: #0c0c0d66;
|
|
15
|
+
--ikds-color-black-500: #0c0c0db2;
|
|
16
|
+
--ikds-color-black-600: #0c0c0dcc;
|
|
17
|
+
--ikds-color-black-700: #0c0c0dd9;
|
|
18
|
+
--ikds-color-black-800: #0c0c0de5;
|
|
19
|
+
--ikds-color-black-900: #0c0c0df2;
|
|
20
|
+
--ikds-color-black-1000: #0c0c0d;
|
|
21
|
+
--ikds-color-gray-100: #f5f5f5;
|
|
22
|
+
--ikds-color-gray-200: #e6e6e6;
|
|
23
|
+
--ikds-color-gray-300: #d9d9d9;
|
|
24
|
+
--ikds-color-gray-400: #b3b3b3;
|
|
25
|
+
--ikds-color-gray-500: #757575;
|
|
26
|
+
--ikds-color-gray-600: #444;
|
|
27
|
+
--ikds-color-gray-700: #383838;
|
|
28
|
+
--ikds-color-gray-800: #2c2c2c;
|
|
29
|
+
--ikds-color-gray-900: #1e1e1e;
|
|
30
|
+
--ikds-color-gray-1000: #111;
|
|
31
|
+
--ikds-color-green-100: #ebffee;
|
|
32
|
+
--ikds-color-green-200: #cff7d3;
|
|
33
|
+
--ikds-color-green-300: #aff4c6;
|
|
34
|
+
--ikds-color-green-400: #85e0a3;
|
|
35
|
+
--ikds-color-green-500: #14ae5c;
|
|
36
|
+
--ikds-color-green-600: #009951;
|
|
37
|
+
--ikds-color-green-700: #008043;
|
|
38
|
+
--ikds-color-green-800: #02542d;
|
|
39
|
+
--ikds-color-green-900: #024023;
|
|
40
|
+
--ikds-color-green-1000: #062d1b;
|
|
41
|
+
--ikds-color-pink-100: #fcf1fd;
|
|
42
|
+
--ikds-color-pink-200: #fae1fa;
|
|
43
|
+
--ikds-color-pink-300: #f5c0ef;
|
|
44
|
+
--ikds-color-pink-400: #f19edc;
|
|
45
|
+
--ikds-color-pink-500: #ea3fb8;
|
|
46
|
+
--ikds-color-pink-600: #d732a8;
|
|
47
|
+
--ikds-color-pink-700: #ba2a92;
|
|
48
|
+
--ikds-color-pink-800: #8a226f;
|
|
49
|
+
--ikds-color-pink-900: #57184a;
|
|
50
|
+
--ikds-color-pink-1000: #3f1536;
|
|
51
|
+
--ikds-color-red-100: #fee9e7;
|
|
52
|
+
--ikds-color-red-200: #fdd3d0;
|
|
53
|
+
--ikds-color-red-300: #fcb3ad;
|
|
54
|
+
--ikds-color-red-400: #f4776a;
|
|
55
|
+
--ikds-color-red-500: #ec221f;
|
|
56
|
+
--ikds-color-red-600: #c00f0c;
|
|
57
|
+
--ikds-color-red-700: #900b09;
|
|
58
|
+
--ikds-color-red-800: #690807;
|
|
59
|
+
--ikds-color-red-900: #4d0b0a;
|
|
60
|
+
--ikds-color-red-1000: #300603;
|
|
61
|
+
--ikds-color-slate-100: #f3f3f3;
|
|
62
|
+
--ikds-color-slate-200: #e3e3e3;
|
|
63
|
+
--ikds-color-slate-300: #cdcdcd;
|
|
64
|
+
--ikds-color-slate-400: #b2b2b2;
|
|
65
|
+
--ikds-color-slate-500: #949494;
|
|
66
|
+
--ikds-color-slate-600: #767676;
|
|
67
|
+
--ikds-color-slate-700: #5a5a5a;
|
|
68
|
+
--ikds-color-slate-800: #434343;
|
|
69
|
+
--ikds-color-slate-900: #303030;
|
|
70
|
+
--ikds-color-slate-1000: #242424;
|
|
71
|
+
--ikds-color-white-100: #ffffff0d;
|
|
72
|
+
--ikds-color-white-200: #ffffff1a;
|
|
73
|
+
--ikds-color-white-300: #fff3;
|
|
74
|
+
--ikds-color-white-400: #fff6;
|
|
75
|
+
--ikds-color-white-500: #ffffffb2;
|
|
76
|
+
--ikds-color-white-600: #fffc;
|
|
77
|
+
--ikds-color-white-700: #ffffffd9;
|
|
78
|
+
--ikds-color-white-800: #ffffffe5;
|
|
79
|
+
--ikds-color-white-900: #fffffff2;
|
|
80
|
+
--ikds-color-white-1000: #fff;
|
|
81
|
+
--ikds-color-yellow-100: #fffbeb;
|
|
82
|
+
--ikds-color-yellow-200: #fff1c2;
|
|
83
|
+
--ikds-color-yellow-300: #ffe8a3;
|
|
84
|
+
--ikds-color-yellow-400: #e8b931;
|
|
85
|
+
--ikds-color-yellow-500: #e5a000;
|
|
86
|
+
--ikds-color-yellow-600: #bf6a02;
|
|
87
|
+
--ikds-color-yellow-700: #975102;
|
|
88
|
+
--ikds-color-yellow-800: #682d03;
|
|
89
|
+
--ikds-color-yellow-900: #522504;
|
|
90
|
+
--ikds-color-yellow-1000: #401b01;
|
|
91
|
+
--ikds-font-family-sans: Inter;
|
|
92
|
+
--ikds-font-family-serif: Georgia;
|
|
93
|
+
--ikds-font-family-mono: Menlo;
|
|
94
|
+
--ikds-font-size-xs: 12px;
|
|
95
|
+
--ikds-font-size-sm: 14px;
|
|
96
|
+
--ikds-font-size-base: 16px;
|
|
97
|
+
--ikds-font-size-lg: 18px;
|
|
98
|
+
--ikds-font-size-xl: 20px;
|
|
99
|
+
--ikds-font-weight-thin: 100;
|
|
100
|
+
--ikds-font-weight-extralight: 200;
|
|
101
|
+
--ikds-font-weight-light: 300;
|
|
102
|
+
--ikds-font-weight-normal: 400;
|
|
103
|
+
--ikds-font-weight-medium: 500;
|
|
104
|
+
--ikds-font-weight-semibold: 600;
|
|
105
|
+
--ikds-font-weight-bold: 700;
|
|
106
|
+
--ikds-font-weight-extrabold: 800;
|
|
107
|
+
--ikds-font-weight-black: 900;
|
|
108
|
+
--ikds-radius-100: 0.25rem;
|
|
109
|
+
--ikds-radius-200: 0.5rem;
|
|
110
|
+
--ikds-radius-400: 1rem;
|
|
111
|
+
--ikds-radius-full: 624.9375rem;
|
|
112
|
+
--ikds-spacing-0: 0px;
|
|
113
|
+
--ikds-spacing-1: 4px;
|
|
114
|
+
--ikds-spacing-2: 8px;
|
|
115
|
+
--ikds-spacing-3: 12px;
|
|
116
|
+
--ikds-spacing-4: 16px;
|
|
117
|
+
--ikds-spacing-5: 20px;
|
|
118
|
+
--ikds-spacing-6: 24px;
|
|
119
|
+
--ikds-spacing-7: 28px;
|
|
120
|
+
--ikds-spacing-8: 32px;
|
|
121
|
+
--ikds-spacing-9: 36px;
|
|
122
|
+
--ikds-spacing-10: 40px;
|
|
123
|
+
--ikds-spacing-11: 44px;
|
|
124
|
+
--ikds-spacing-12: 48px;
|
|
125
|
+
--ikds-spacing-14: 56px;
|
|
126
|
+
--ikds-spacing-16: 64px;
|
|
127
|
+
--ikds-spacing-20: 80px;
|
|
128
|
+
--ikds-spacing-24: 96px;
|
|
129
|
+
--ikds-spacing-28: 112px;
|
|
130
|
+
--ikds-spacing-32: 128px;
|
|
131
|
+
--ikds-spacing-36: 144px;
|
|
132
|
+
--ikds-spacing-40: 160px;
|
|
133
|
+
--ikds-spacing-44: 176px;
|
|
134
|
+
--ikds-spacing-48: 192px;
|
|
135
|
+
--ikds-spacing-52: 208px;
|
|
136
|
+
--ikds-spacing-56: 224px;
|
|
137
|
+
--ikds-spacing-60: 240px;
|
|
138
|
+
--ikds-spacing-64: 256px;
|
|
139
|
+
--ikds-spacing-72: 288px;
|
|
140
|
+
--ikds-spacing-80: 320px;
|
|
141
|
+
--ikds-spacing-96: 384px;
|
|
142
|
+
--ikds-spacing-px: 1px;
|
|
143
|
+
--ikds-spacing-0-5: 2px;
|
|
144
|
+
--ikds-spacing-1-5: 6px;
|
|
145
|
+
--ikds-spacing-2-5: 10px;
|
|
146
|
+
--ikds-spacing-3-5: 14px;
|
|
147
|
+
--ikds-typography-title-hero: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-10)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
148
|
+
--ikds-typography-title-page-small: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-07)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
149
|
+
--ikds-typography-title-page-base: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-08)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
150
|
+
--ikds-typography-title-page-large: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-09)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
151
|
+
--ikds-typography-subtitle-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
152
|
+
--ikds-typography-subtitle-base: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-06)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
153
|
+
--ikds-typography-subtitle-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-07)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
154
|
+
--ikds-typography-heading-small: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
155
|
+
--ikds-typography-heading-base: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
156
|
+
--ikds-typography-heading-large: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-06)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
157
|
+
--ikds-typography-subheading-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
158
|
+
--ikds-typography-subheading-base: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
159
|
+
--ikds-typography-subheading-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
160
|
+
--ikds-typography-body-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-02)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
161
|
+
--ikds-typography-body-medium: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
162
|
+
--ikds-typography-body-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
163
|
+
--ikds-typography-code-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-02)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
164
|
+
--ikds-typography-code-medium: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
165
|
+
--ikds-typography-code-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
166
|
+
--ikds-typography-family-mono: "roboto mono", monospace;
|
|
167
|
+
--ikds-typography-family-sans: inter, sans-serif;
|
|
168
|
+
--ikds-typography-family-serif: "noto serif", serif;
|
|
169
|
+
--ikds-typography-scale-10: 4.5rem;
|
|
170
|
+
--ikds-typography-scale-01: 0.75rem;
|
|
171
|
+
--ikds-typography-scale-02: 0.875rem;
|
|
172
|
+
--ikds-typography-scale-03: 1rem;
|
|
173
|
+
--ikds-typography-scale-04: 1.25rem;
|
|
174
|
+
--ikds-typography-scale-05: 1.5rem;
|
|
175
|
+
--ikds-typography-scale-06: 2rem;
|
|
176
|
+
--ikds-typography-scale-07: 2.5rem;
|
|
177
|
+
--ikds-typography-scale-08: 3rem;
|
|
178
|
+
--ikds-typography-scale-09: 4rem;
|
|
179
|
+
--ikds-typography-spacing-normal: 1px;
|
|
180
|
+
--ikds-typography-line-height-normal: 1.3;
|
|
181
|
+
--ikds-typography-weight-thin: 100;
|
|
182
|
+
--ikds-typography-weight-extralight: 200;
|
|
183
|
+
--ikds-typography-weight-light: 300;
|
|
184
|
+
--ikds-typography-weight-regular: 400;
|
|
185
|
+
--ikds-typography-weight-medium: 500;
|
|
186
|
+
--ikds-typography-weight-semibold: 600;
|
|
187
|
+
--ikds-typography-weight-bold: 700;
|
|
188
|
+
--ikds-typography-weight-extrabold: 800;
|
|
189
|
+
--ikds-typography-weight-black: 900;
|
|
190
|
+
--ikds-color-brand-100: var(--ikds-color-green-100);
|
|
191
|
+
--ikds-color-brand-200: var(--ikds-color-green-200);
|
|
192
|
+
--ikds-color-brand-300: var(--ikds-color-green-300);
|
|
193
|
+
--ikds-color-brand-400: var(--ikds-color-green-400);
|
|
194
|
+
--ikds-color-brand-500: var(--ikds-color-green-500);
|
|
195
|
+
--ikds-color-brand-600: var(--ikds-color-green-600);
|
|
196
|
+
--ikds-color-brand-700: var(--ikds-color-green-700);
|
|
197
|
+
--ikds-color-brand-800: var(--ikds-color-green-800);
|
|
198
|
+
--ikds-color-brand-900: var(--ikds-color-green-900);
|
|
199
|
+
--ikds-color-brand-1000: var(--ikds-color-green-1000);
|
|
200
|
+
--ikds-color-background-default: var(--ikds-color-gray-100);
|
|
201
|
+
--ikds-color-background-secondary: var(--ikds-color-gray-200);
|
|
202
|
+
--ikds-color-text-default: var(--ikds-color-gray-800);
|
|
203
|
+
--ikds-button-background-color: var(--ikds-color-brand-200);
|
|
204
|
+
--ikds-button-background-color-mail: var(--ikds-color-pink-500);
|
|
205
|
+
}
|
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
:root,
|
|
6
|
+
:host {
|
|
7
|
+
--ikds-breakpoint-sm: 640px;
|
|
8
|
+
--ikds-breakpoint-md: 768px;
|
|
9
|
+
--ikds-breakpoint-lg: 1024px;
|
|
10
|
+
--ikds-breakpoint-xl: 1280px;
|
|
11
|
+
--ikds-breakpoint-2xl: 1536px;
|
|
12
|
+
--ikds-color-black-100: #0c0c0d0d;
|
|
13
|
+
--ikds-color-black-200: #0c0c0d1a;
|
|
14
|
+
--ikds-color-black-300: #0c0c0d33;
|
|
15
|
+
--ikds-color-black-400: #0c0c0d66;
|
|
16
|
+
--ikds-color-black-500: #0c0c0db2;
|
|
17
|
+
--ikds-color-black-600: #0c0c0dcc;
|
|
18
|
+
--ikds-color-black-700: #0c0c0dd9;
|
|
19
|
+
--ikds-color-black-800: #0c0c0de5;
|
|
20
|
+
--ikds-color-black-900: #0c0c0df2;
|
|
21
|
+
--ikds-color-black-1000: #0c0c0d;
|
|
22
|
+
--ikds-color-gray-100: #f5f5f5;
|
|
23
|
+
--ikds-color-gray-200: #e6e6e6;
|
|
24
|
+
--ikds-color-gray-300: #d9d9d9;
|
|
25
|
+
--ikds-color-gray-400: #b3b3b3;
|
|
26
|
+
--ikds-color-gray-500: #757575;
|
|
27
|
+
--ikds-color-gray-600: #444;
|
|
28
|
+
--ikds-color-gray-700: #383838;
|
|
29
|
+
--ikds-color-gray-800: #2c2c2c;
|
|
30
|
+
--ikds-color-gray-900: #1e1e1e;
|
|
31
|
+
--ikds-color-gray-1000: #111;
|
|
32
|
+
--ikds-color-green-100: #ebffee;
|
|
33
|
+
--ikds-color-green-200: #cff7d3;
|
|
34
|
+
--ikds-color-green-300: #aff4c6;
|
|
35
|
+
--ikds-color-green-400: #85e0a3;
|
|
36
|
+
--ikds-color-green-500: #14ae5c;
|
|
37
|
+
--ikds-color-green-600: #009951;
|
|
38
|
+
--ikds-color-green-700: #008043;
|
|
39
|
+
--ikds-color-green-800: #02542d;
|
|
40
|
+
--ikds-color-green-900: #024023;
|
|
41
|
+
--ikds-color-green-1000: #062d1b;
|
|
42
|
+
--ikds-color-pink-100: #fcf1fd;
|
|
43
|
+
--ikds-color-pink-200: #fae1fa;
|
|
44
|
+
--ikds-color-pink-300: #f5c0ef;
|
|
45
|
+
--ikds-color-pink-400: #f19edc;
|
|
46
|
+
--ikds-color-pink-500: #ea3fb8;
|
|
47
|
+
--ikds-color-pink-600: #d732a8;
|
|
48
|
+
--ikds-color-pink-700: #ba2a92;
|
|
49
|
+
--ikds-color-pink-800: #8a226f;
|
|
50
|
+
--ikds-color-pink-900: #57184a;
|
|
51
|
+
--ikds-color-pink-1000: #3f1536;
|
|
52
|
+
--ikds-color-red-100: #fee9e7;
|
|
53
|
+
--ikds-color-red-200: #fdd3d0;
|
|
54
|
+
--ikds-color-red-300: #fcb3ad;
|
|
55
|
+
--ikds-color-red-400: #f4776a;
|
|
56
|
+
--ikds-color-red-500: #ec221f;
|
|
57
|
+
--ikds-color-red-600: #c00f0c;
|
|
58
|
+
--ikds-color-red-700: #900b09;
|
|
59
|
+
--ikds-color-red-800: #690807;
|
|
60
|
+
--ikds-color-red-900: #4d0b0a;
|
|
61
|
+
--ikds-color-red-1000: #300603;
|
|
62
|
+
--ikds-color-slate-100: #f3f3f3;
|
|
63
|
+
--ikds-color-slate-200: #e3e3e3;
|
|
64
|
+
--ikds-color-slate-300: #cdcdcd;
|
|
65
|
+
--ikds-color-slate-400: #b2b2b2;
|
|
66
|
+
--ikds-color-slate-500: #949494;
|
|
67
|
+
--ikds-color-slate-600: #767676;
|
|
68
|
+
--ikds-color-slate-700: #5a5a5a;
|
|
69
|
+
--ikds-color-slate-800: #434343;
|
|
70
|
+
--ikds-color-slate-900: #303030;
|
|
71
|
+
--ikds-color-slate-1000: #242424;
|
|
72
|
+
--ikds-color-white-100: #ffffff0d;
|
|
73
|
+
--ikds-color-white-200: #ffffff1a;
|
|
74
|
+
--ikds-color-white-300: #fff3;
|
|
75
|
+
--ikds-color-white-400: #fff6;
|
|
76
|
+
--ikds-color-white-500: #ffffffb2;
|
|
77
|
+
--ikds-color-white-600: #fffc;
|
|
78
|
+
--ikds-color-white-700: #ffffffd9;
|
|
79
|
+
--ikds-color-white-800: #ffffffe5;
|
|
80
|
+
--ikds-color-white-900: #fffffff2;
|
|
81
|
+
--ikds-color-white-1000: #fff;
|
|
82
|
+
--ikds-color-yellow-100: #fffbeb;
|
|
83
|
+
--ikds-color-yellow-200: #fff1c2;
|
|
84
|
+
--ikds-color-yellow-300: #ffe8a3;
|
|
85
|
+
--ikds-color-yellow-400: #e8b931;
|
|
86
|
+
--ikds-color-yellow-500: #e5a000;
|
|
87
|
+
--ikds-color-yellow-600: #bf6a02;
|
|
88
|
+
--ikds-color-yellow-700: #975102;
|
|
89
|
+
--ikds-color-yellow-800: #682d03;
|
|
90
|
+
--ikds-color-yellow-900: #522504;
|
|
91
|
+
--ikds-color-yellow-1000: #401b01;
|
|
92
|
+
--ikds-font-family-sans: Inter;
|
|
93
|
+
--ikds-font-family-serif: Georgia;
|
|
94
|
+
--ikds-font-family-mono: Menlo;
|
|
95
|
+
--ikds-font-size-xs: 12px;
|
|
96
|
+
--ikds-font-size-sm: 14px;
|
|
97
|
+
--ikds-font-size-base: 16px;
|
|
98
|
+
--ikds-font-size-lg: 18px;
|
|
99
|
+
--ikds-font-size-xl: 20px;
|
|
100
|
+
--ikds-font-weight-thin: 100;
|
|
101
|
+
--ikds-font-weight-extralight: 200;
|
|
102
|
+
--ikds-font-weight-light: 300;
|
|
103
|
+
--ikds-font-weight-normal: 400;
|
|
104
|
+
--ikds-font-weight-medium: 500;
|
|
105
|
+
--ikds-font-weight-semibold: 600;
|
|
106
|
+
--ikds-font-weight-bold: 700;
|
|
107
|
+
--ikds-font-weight-extrabold: 800;
|
|
108
|
+
--ikds-font-weight-black: 900;
|
|
109
|
+
--ikds-radius-100: 0.25rem;
|
|
110
|
+
--ikds-radius-200: 0.5rem;
|
|
111
|
+
--ikds-radius-400: 1rem;
|
|
112
|
+
--ikds-radius-full: 624.9375rem;
|
|
113
|
+
--ikds-spacing-0: 0px;
|
|
114
|
+
--ikds-spacing-1: 4px;
|
|
115
|
+
--ikds-spacing-2: 8px;
|
|
116
|
+
--ikds-spacing-3: 12px;
|
|
117
|
+
--ikds-spacing-4: 16px;
|
|
118
|
+
--ikds-spacing-5: 20px;
|
|
119
|
+
--ikds-spacing-6: 24px;
|
|
120
|
+
--ikds-spacing-7: 28px;
|
|
121
|
+
--ikds-spacing-8: 32px;
|
|
122
|
+
--ikds-spacing-9: 36px;
|
|
123
|
+
--ikds-spacing-10: 40px;
|
|
124
|
+
--ikds-spacing-11: 44px;
|
|
125
|
+
--ikds-spacing-12: 48px;
|
|
126
|
+
--ikds-spacing-14: 56px;
|
|
127
|
+
--ikds-spacing-16: 64px;
|
|
128
|
+
--ikds-spacing-20: 80px;
|
|
129
|
+
--ikds-spacing-24: 96px;
|
|
130
|
+
--ikds-spacing-28: 112px;
|
|
131
|
+
--ikds-spacing-32: 128px;
|
|
132
|
+
--ikds-spacing-36: 144px;
|
|
133
|
+
--ikds-spacing-40: 160px;
|
|
134
|
+
--ikds-spacing-44: 176px;
|
|
135
|
+
--ikds-spacing-48: 192px;
|
|
136
|
+
--ikds-spacing-52: 208px;
|
|
137
|
+
--ikds-spacing-56: 224px;
|
|
138
|
+
--ikds-spacing-60: 240px;
|
|
139
|
+
--ikds-spacing-64: 256px;
|
|
140
|
+
--ikds-spacing-72: 288px;
|
|
141
|
+
--ikds-spacing-80: 320px;
|
|
142
|
+
--ikds-spacing-96: 384px;
|
|
143
|
+
--ikds-spacing-px: 1px;
|
|
144
|
+
--ikds-spacing-0-5: 2px;
|
|
145
|
+
--ikds-spacing-1-5: 6px;
|
|
146
|
+
--ikds-spacing-2-5: 10px;
|
|
147
|
+
--ikds-spacing-3-5: 14px;
|
|
148
|
+
--ikds-typography-title-hero: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-10)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
149
|
+
--ikds-typography-title-page-small: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-07)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
150
|
+
--ikds-typography-title-page-base: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-08)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
151
|
+
--ikds-typography-title-page-large: var(--ikds-typography-weight-bold) var(--ikds-typography-scale-09)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
152
|
+
--ikds-typography-subtitle-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
153
|
+
--ikds-typography-subtitle-base: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-06)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
154
|
+
--ikds-typography-subtitle-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-07)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
155
|
+
--ikds-typography-heading-small: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
156
|
+
--ikds-typography-heading-base: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
157
|
+
--ikds-typography-heading-large: var(--ikds-typography-weight-semibold) var(--ikds-typography-scale-06)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
158
|
+
--ikds-typography-subheading-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
159
|
+
--ikds-typography-subheading-base: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
160
|
+
--ikds-typography-subheading-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-05)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
161
|
+
--ikds-typography-body-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-02)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
162
|
+
--ikds-typography-body-medium: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
163
|
+
--ikds-typography-body-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-sans);
|
|
164
|
+
--ikds-typography-code-small: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-02)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
165
|
+
--ikds-typography-code-medium: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-03)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
166
|
+
--ikds-typography-code-large: var(--ikds-typography-weight-regular) var(--ikds-typography-scale-04)/var(--ikds-typography-line-height-normal) var(--ikds-typography-family-mono);
|
|
167
|
+
--ikds-typography-family-mono: "roboto mono", monospace;
|
|
168
|
+
--ikds-typography-family-sans: inter, sans-serif;
|
|
169
|
+
--ikds-typography-family-serif: "noto serif", serif;
|
|
170
|
+
--ikds-typography-scale-10: 4.5rem;
|
|
171
|
+
--ikds-typography-scale-01: 0.75rem;
|
|
172
|
+
--ikds-typography-scale-02: 0.875rem;
|
|
173
|
+
--ikds-typography-scale-03: 1rem;
|
|
174
|
+
--ikds-typography-scale-04: 1.25rem;
|
|
175
|
+
--ikds-typography-scale-05: 1.5rem;
|
|
176
|
+
--ikds-typography-scale-06: 2rem;
|
|
177
|
+
--ikds-typography-scale-07: 2.5rem;
|
|
178
|
+
--ikds-typography-scale-08: 3rem;
|
|
179
|
+
--ikds-typography-scale-09: 4rem;
|
|
180
|
+
--ikds-typography-spacing-normal: 1px;
|
|
181
|
+
--ikds-typography-line-height-normal: 1.3;
|
|
182
|
+
--ikds-typography-weight-thin: 100;
|
|
183
|
+
--ikds-typography-weight-extralight: 200;
|
|
184
|
+
--ikds-typography-weight-light: 300;
|
|
185
|
+
--ikds-typography-weight-regular: 400;
|
|
186
|
+
--ikds-typography-weight-medium: 500;
|
|
187
|
+
--ikds-typography-weight-semibold: 600;
|
|
188
|
+
--ikds-typography-weight-bold: 700;
|
|
189
|
+
--ikds-typography-weight-extrabold: 800;
|
|
190
|
+
--ikds-typography-weight-black: 900;
|
|
191
|
+
--ikds-color-brand-100: var(--ikds-color-green-100);
|
|
192
|
+
--ikds-color-brand-200: var(--ikds-color-green-200);
|
|
193
|
+
--ikds-color-brand-300: var(--ikds-color-green-300);
|
|
194
|
+
--ikds-color-brand-400: var(--ikds-color-green-400);
|
|
195
|
+
--ikds-color-brand-500: var(--ikds-color-green-500);
|
|
196
|
+
--ikds-color-brand-600: var(--ikds-color-green-600);
|
|
197
|
+
--ikds-color-brand-700: var(--ikds-color-green-700);
|
|
198
|
+
--ikds-color-brand-800: var(--ikds-color-green-800);
|
|
199
|
+
--ikds-color-brand-900: var(--ikds-color-green-900);
|
|
200
|
+
--ikds-color-brand-1000: var(--ikds-color-green-1000);
|
|
201
|
+
--ikds-color-background-default: var(--ikds-color-gray-100);
|
|
202
|
+
--ikds-color-background-secondary: var(--ikds-color-gray-200);
|
|
203
|
+
--ikds-color-text-default: var(--ikds-color-gray-800);
|
|
204
|
+
--ikds-button-background-color: var(--ikds-color-brand-200);
|
|
205
|
+
--ikds-button-background-color-mail: var(--ikds-color-pink-500);
|
|
206
|
+
}
|
package/package.json
ADDED
package/tailwind.css
ADDED
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
@theme inline {
|
|
6
|
+
--*: initial;
|
|
7
|
+
--breakpoint-sm: var(--ikds-breakpoint-sm);
|
|
8
|
+
--breakpoint-md: var(--ikds-breakpoint-md);
|
|
9
|
+
--breakpoint-lg: var(--ikds-breakpoint-lg);
|
|
10
|
+
--breakpoint-xl: var(--ikds-breakpoint-xl);
|
|
11
|
+
--breakpoint-2xl: var(--ikds-breakpoint-2xl);
|
|
12
|
+
--color-black-100: var(--ikds-color-black-100);
|
|
13
|
+
--color-black-200: var(--ikds-color-black-200);
|
|
14
|
+
--color-black-300: var(--ikds-color-black-300);
|
|
15
|
+
--color-black-400: var(--ikds-color-black-400);
|
|
16
|
+
--color-black-500: var(--ikds-color-black-500);
|
|
17
|
+
--color-black-600: var(--ikds-color-black-600);
|
|
18
|
+
--color-black-700: var(--ikds-color-black-700);
|
|
19
|
+
--color-black-800: var(--ikds-color-black-800);
|
|
20
|
+
--color-black-900: var(--ikds-color-black-900);
|
|
21
|
+
--color-black-1000: var(--ikds-color-black-1000);
|
|
22
|
+
--color-gray-100: var(--ikds-color-gray-100);
|
|
23
|
+
--color-gray-200: var(--ikds-color-gray-200);
|
|
24
|
+
--color-gray-300: var(--ikds-color-gray-300);
|
|
25
|
+
--color-gray-400: var(--ikds-color-gray-400);
|
|
26
|
+
--color-gray-500: var(--ikds-color-gray-500);
|
|
27
|
+
--color-gray-600: var(--ikds-color-gray-600);
|
|
28
|
+
--color-gray-700: var(--ikds-color-gray-700);
|
|
29
|
+
--color-gray-800: var(--ikds-color-gray-800);
|
|
30
|
+
--color-gray-900: var(--ikds-color-gray-900);
|
|
31
|
+
--color-gray-1000: var(--ikds-color-gray-1000);
|
|
32
|
+
--color-green-100: var(--ikds-color-green-100);
|
|
33
|
+
--color-green-200: var(--ikds-color-green-200);
|
|
34
|
+
--color-green-300: var(--ikds-color-green-300);
|
|
35
|
+
--color-green-400: var(--ikds-color-green-400);
|
|
36
|
+
--color-green-500: var(--ikds-color-green-500);
|
|
37
|
+
--color-green-600: var(--ikds-color-green-600);
|
|
38
|
+
--color-green-700: var(--ikds-color-green-700);
|
|
39
|
+
--color-green-800: var(--ikds-color-green-800);
|
|
40
|
+
--color-green-900: var(--ikds-color-green-900);
|
|
41
|
+
--color-green-1000: var(--ikds-color-green-1000);
|
|
42
|
+
--color-pink-100: var(--ikds-color-pink-100);
|
|
43
|
+
--color-pink-200: var(--ikds-color-pink-200);
|
|
44
|
+
--color-pink-300: var(--ikds-color-pink-300);
|
|
45
|
+
--color-pink-400: var(--ikds-color-pink-400);
|
|
46
|
+
--color-pink-500: var(--ikds-color-pink-500);
|
|
47
|
+
--color-pink-600: var(--ikds-color-pink-600);
|
|
48
|
+
--color-pink-700: var(--ikds-color-pink-700);
|
|
49
|
+
--color-pink-800: var(--ikds-color-pink-800);
|
|
50
|
+
--color-pink-900: var(--ikds-color-pink-900);
|
|
51
|
+
--color-pink-1000: var(--ikds-color-pink-1000);
|
|
52
|
+
--color-red-100: var(--ikds-color-red-100);
|
|
53
|
+
--color-red-200: var(--ikds-color-red-200);
|
|
54
|
+
--color-red-300: var(--ikds-color-red-300);
|
|
55
|
+
--color-red-400: var(--ikds-color-red-400);
|
|
56
|
+
--color-red-500: var(--ikds-color-red-500);
|
|
57
|
+
--color-red-600: var(--ikds-color-red-600);
|
|
58
|
+
--color-red-700: var(--ikds-color-red-700);
|
|
59
|
+
--color-red-800: var(--ikds-color-red-800);
|
|
60
|
+
--color-red-900: var(--ikds-color-red-900);
|
|
61
|
+
--color-red-1000: var(--ikds-color-red-1000);
|
|
62
|
+
--color-slate-100: var(--ikds-color-slate-100);
|
|
63
|
+
--color-slate-200: var(--ikds-color-slate-200);
|
|
64
|
+
--color-slate-300: var(--ikds-color-slate-300);
|
|
65
|
+
--color-slate-400: var(--ikds-color-slate-400);
|
|
66
|
+
--color-slate-500: var(--ikds-color-slate-500);
|
|
67
|
+
--color-slate-600: var(--ikds-color-slate-600);
|
|
68
|
+
--color-slate-700: var(--ikds-color-slate-700);
|
|
69
|
+
--color-slate-800: var(--ikds-color-slate-800);
|
|
70
|
+
--color-slate-900: var(--ikds-color-slate-900);
|
|
71
|
+
--color-slate-1000: var(--ikds-color-slate-1000);
|
|
72
|
+
--color-white-100: var(--ikds-color-white-100);
|
|
73
|
+
--color-white-200: var(--ikds-color-white-200);
|
|
74
|
+
--color-white-300: var(--ikds-color-white-300);
|
|
75
|
+
--color-white-400: var(--ikds-color-white-400);
|
|
76
|
+
--color-white-500: var(--ikds-color-white-500);
|
|
77
|
+
--color-white-600: var(--ikds-color-white-600);
|
|
78
|
+
--color-white-700: var(--ikds-color-white-700);
|
|
79
|
+
--color-white-800: var(--ikds-color-white-800);
|
|
80
|
+
--color-white-900: var(--ikds-color-white-900);
|
|
81
|
+
--color-white-1000: var(--ikds-color-white-1000);
|
|
82
|
+
--color-yellow-100: var(--ikds-color-yellow-100);
|
|
83
|
+
--color-yellow-200: var(--ikds-color-yellow-200);
|
|
84
|
+
--color-yellow-300: var(--ikds-color-yellow-300);
|
|
85
|
+
--color-yellow-400: var(--ikds-color-yellow-400);
|
|
86
|
+
--color-yellow-500: var(--ikds-color-yellow-500);
|
|
87
|
+
--color-yellow-600: var(--ikds-color-yellow-600);
|
|
88
|
+
--color-yellow-700: var(--ikds-color-yellow-700);
|
|
89
|
+
--color-yellow-800: var(--ikds-color-yellow-800);
|
|
90
|
+
--color-yellow-900: var(--ikds-color-yellow-900);
|
|
91
|
+
--color-yellow-1000: var(--ikds-color-yellow-1000);
|
|
92
|
+
--font-family-sans: var(--ikds-font-family-sans);
|
|
93
|
+
--font-family-serif: var(--ikds-font-family-serif);
|
|
94
|
+
--font-family-mono: var(--ikds-font-family-mono);
|
|
95
|
+
--font-size-xs: var(--ikds-font-size-xs);
|
|
96
|
+
--font-size-sm: var(--ikds-font-size-sm);
|
|
97
|
+
--font-size-base: var(--ikds-font-size-base);
|
|
98
|
+
--font-size-lg: var(--ikds-font-size-lg);
|
|
99
|
+
--font-size-xl: var(--ikds-font-size-xl);
|
|
100
|
+
--font-weight-thin: var(--ikds-font-weight-thin);
|
|
101
|
+
--font-weight-extralight: var(--ikds-font-weight-extralight);
|
|
102
|
+
--font-weight-light: var(--ikds-font-weight-light);
|
|
103
|
+
--font-weight-normal: var(--ikds-font-weight-normal);
|
|
104
|
+
--font-weight-medium: var(--ikds-font-weight-medium);
|
|
105
|
+
--font-weight-semibold: var(--ikds-font-weight-semibold);
|
|
106
|
+
--font-weight-bold: var(--ikds-font-weight-bold);
|
|
107
|
+
--font-weight-extrabold: var(--ikds-font-weight-extrabold);
|
|
108
|
+
--font-weight-black: var(--ikds-font-weight-black);
|
|
109
|
+
--radius-100: var(--ikds-radius-100);
|
|
110
|
+
--radius-200: var(--ikds-radius-200);
|
|
111
|
+
--radius-400: var(--ikds-radius-400);
|
|
112
|
+
--radius-full: var(--ikds-radius-full);
|
|
113
|
+
--spacing-0: var(--ikds-spacing-0);
|
|
114
|
+
--spacing-1: var(--ikds-spacing-1);
|
|
115
|
+
--spacing-2: var(--ikds-spacing-2);
|
|
116
|
+
--spacing-3: var(--ikds-spacing-3);
|
|
117
|
+
--spacing-4: var(--ikds-spacing-4);
|
|
118
|
+
--spacing-5: var(--ikds-spacing-5);
|
|
119
|
+
--spacing-6: var(--ikds-spacing-6);
|
|
120
|
+
--spacing-7: var(--ikds-spacing-7);
|
|
121
|
+
--spacing-8: var(--ikds-spacing-8);
|
|
122
|
+
--spacing-9: var(--ikds-spacing-9);
|
|
123
|
+
--spacing-10: var(--ikds-spacing-10);
|
|
124
|
+
--spacing-11: var(--ikds-spacing-11);
|
|
125
|
+
--spacing-12: var(--ikds-spacing-12);
|
|
126
|
+
--spacing-14: var(--ikds-spacing-14);
|
|
127
|
+
--spacing-16: var(--ikds-spacing-16);
|
|
128
|
+
--spacing-20: var(--ikds-spacing-20);
|
|
129
|
+
--spacing-24: var(--ikds-spacing-24);
|
|
130
|
+
--spacing-28: var(--ikds-spacing-28);
|
|
131
|
+
--spacing-32: var(--ikds-spacing-32);
|
|
132
|
+
--spacing-36: var(--ikds-spacing-36);
|
|
133
|
+
--spacing-40: var(--ikds-spacing-40);
|
|
134
|
+
--spacing-44: var(--ikds-spacing-44);
|
|
135
|
+
--spacing-48: var(--ikds-spacing-48);
|
|
136
|
+
--spacing-52: var(--ikds-spacing-52);
|
|
137
|
+
--spacing-56: var(--ikds-spacing-56);
|
|
138
|
+
--spacing-60: var(--ikds-spacing-60);
|
|
139
|
+
--spacing-64: var(--ikds-spacing-64);
|
|
140
|
+
--spacing-72: var(--ikds-spacing-72);
|
|
141
|
+
--spacing-80: var(--ikds-spacing-80);
|
|
142
|
+
--spacing-96: var(--ikds-spacing-96);
|
|
143
|
+
--spacing-px: var(--ikds-spacing-px);
|
|
144
|
+
--spacing-0-5: var(--ikds-spacing-0-5);
|
|
145
|
+
--spacing-1-5: var(--ikds-spacing-1-5);
|
|
146
|
+
--spacing-2-5: var(--ikds-spacing-2-5);
|
|
147
|
+
--spacing-3-5: var(--ikds-spacing-3-5);
|
|
148
|
+
--typography-title-hero: var(--ikds-typography-title-hero);
|
|
149
|
+
--typography-title-page-small: var(--ikds-typography-title-page-small);
|
|
150
|
+
--typography-title-page-base: var(--ikds-typography-title-page-base);
|
|
151
|
+
--typography-title-page-large: var(--ikds-typography-title-page-large);
|
|
152
|
+
--typography-subtitle-small: var(--ikds-typography-subtitle-small);
|
|
153
|
+
--typography-subtitle-base: var(--ikds-typography-subtitle-base);
|
|
154
|
+
--typography-subtitle-large: var(--ikds-typography-subtitle-large);
|
|
155
|
+
--typography-heading-small: var(--ikds-typography-heading-small);
|
|
156
|
+
--typography-heading-base: var(--ikds-typography-heading-base);
|
|
157
|
+
--typography-heading-large: var(--ikds-typography-heading-large);
|
|
158
|
+
--typography-subheading-small: var(--ikds-typography-subheading-small);
|
|
159
|
+
--typography-subheading-base: var(--ikds-typography-subheading-base);
|
|
160
|
+
--typography-subheading-large: var(--ikds-typography-subheading-large);
|
|
161
|
+
--typography-body-small: var(--ikds-typography-body-small);
|
|
162
|
+
--typography-body-medium: var(--ikds-typography-body-medium);
|
|
163
|
+
--typography-body-large: var(--ikds-typography-body-large);
|
|
164
|
+
--typography-code-small: var(--ikds-typography-code-small);
|
|
165
|
+
--typography-code-medium: var(--ikds-typography-code-medium);
|
|
166
|
+
--typography-code-large: var(--ikds-typography-code-large);
|
|
167
|
+
--typography-family-mono: var(--ikds-typography-family-mono);
|
|
168
|
+
--typography-family-sans: var(--ikds-typography-family-sans);
|
|
169
|
+
--typography-family-serif: var(--ikds-typography-family-serif);
|
|
170
|
+
--typography-scale-10: var(--ikds-typography-scale-10);
|
|
171
|
+
--typography-scale-01: var(--ikds-typography-scale-01);
|
|
172
|
+
--typography-scale-02: var(--ikds-typography-scale-02);
|
|
173
|
+
--typography-scale-03: var(--ikds-typography-scale-03);
|
|
174
|
+
--typography-scale-04: var(--ikds-typography-scale-04);
|
|
175
|
+
--typography-scale-05: var(--ikds-typography-scale-05);
|
|
176
|
+
--typography-scale-06: var(--ikds-typography-scale-06);
|
|
177
|
+
--typography-scale-07: var(--ikds-typography-scale-07);
|
|
178
|
+
--typography-scale-08: var(--ikds-typography-scale-08);
|
|
179
|
+
--typography-scale-09: var(--ikds-typography-scale-09);
|
|
180
|
+
--typography-spacing-normal: var(--ikds-typography-spacing-normal);
|
|
181
|
+
--typography-line-height-normal: var(--ikds-typography-line-height-normal);
|
|
182
|
+
--typography-weight-thin: var(--ikds-typography-weight-thin);
|
|
183
|
+
--typography-weight-extralight: var(--ikds-typography-weight-extralight);
|
|
184
|
+
--typography-weight-light: var(--ikds-typography-weight-light);
|
|
185
|
+
--typography-weight-regular: var(--ikds-typography-weight-regular);
|
|
186
|
+
--typography-weight-medium: var(--ikds-typography-weight-medium);
|
|
187
|
+
--typography-weight-semibold: var(--ikds-typography-weight-semibold);
|
|
188
|
+
--typography-weight-bold: var(--ikds-typography-weight-bold);
|
|
189
|
+
--typography-weight-extrabold: var(--ikds-typography-weight-extrabold);
|
|
190
|
+
--typography-weight-black: var(--ikds-typography-weight-black);
|
|
191
|
+
--color-brand-100: var(--ikds-color-brand-100);
|
|
192
|
+
--color-brand-200: var(--ikds-color-brand-200);
|
|
193
|
+
--color-brand-300: var(--ikds-color-brand-300);
|
|
194
|
+
--color-brand-400: var(--ikds-color-brand-400);
|
|
195
|
+
--color-brand-500: var(--ikds-color-brand-500);
|
|
196
|
+
--color-brand-600: var(--ikds-color-brand-600);
|
|
197
|
+
--color-brand-700: var(--ikds-color-brand-700);
|
|
198
|
+
--color-brand-800: var(--ikds-color-brand-800);
|
|
199
|
+
--color-brand-900: var(--ikds-color-brand-900);
|
|
200
|
+
--color-brand-1000: var(--ikds-color-brand-1000);
|
|
201
|
+
--color-background-default: var(--ikds-color-background-default);
|
|
202
|
+
--color-background-secondary: var(--ikds-color-background-secondary);
|
|
203
|
+
--color-text-default: var(--ikds-color-text-default);
|
|
204
|
+
--button-background-color: var(--ikds-button-background-color);
|
|
205
|
+
--button-background-color-mail: var(--ikds-button-background-color-mail);
|
|
206
|
+
}
|