@digigov/theme-govgr 2.0.0-6452adf3 → 2.0.0-66d7c5e2

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.
Files changed (6) hide show
  1. package/dist/colors.css +153 -256
  2. package/dist/global-variables.css +4 -0
  3. package/dist/index.css +153 -1266
  4. package/dist/index.js +1 -1
  5. package/package.json +8 -4
  6. package/dist/variables.css +0 -1014
package/dist/colors.css CHANGED
@@ -1,4 +1,5 @@
1
1
  :root {
2
+ /* Color palette */
2
3
  --color-gray-100: #fefefe;
3
4
  --color-gray-100-rgb: 254, 254, 254;
4
5
  --color-gray-200: #ecebec;
@@ -21,7 +22,7 @@
21
22
  --color-gray-1000-rgb: 37, 40, 48;
22
23
  --color-gray-1100: #14161b;
23
24
  --color-gray-1100-rgb: 20, 22, 27;
24
- --color-gray-1200: #000000;
25
+ --color-gray-1200: #000;
25
26
  --color-gray-1200-rgb: 0, 0, 0;
26
27
  --color-red-100: #ec8f7c;
27
28
  --color-red-100-rgb: 236, 143, 124;
@@ -33,7 +34,7 @@
33
34
  --color-red-400-rgb: 200, 36, 21;
34
35
  --color-red-500: #b60202;
35
36
  --color-red-500-rgb: 182, 2, 2;
36
- --color-red-600: #880000;
37
+ --color-red-600: #800;
37
38
  --color-red-600-rgb: 136, 0, 0;
38
39
  --color-red-700: #710602;
39
40
  --color-red-700-rgb: 113, 6, 2;
@@ -93,8 +94,10 @@
93
94
  --color-purple-600-rgb: 76, 42, 144;
94
95
  --color-purple-700: #3d2674;
95
96
  --color-purple-700-rgb: 61, 38, 116;
96
- --color-yellow-100: #ffdd00;
97
+ --color-yellow-100: #fd0;
97
98
  --color-yellow-100-rgb: 255, 221, 0;
99
+
100
+ /* Brand colors */
98
101
  --color-primary-100: #1f4884;
99
102
  --color-primary-100-rgb: 31, 72, 132;
100
103
  --color-primary-200: #003375;
@@ -119,78 +122,87 @@
119
122
  --color-tertiary-300-rgb: 0, 85, 158;
120
123
  --color-tertiary: #0065b3;
121
124
  --color-tertiary-rgb: 0, 101, 179;
122
- --color-base-100: #fefefe;
123
- --color-base-100-rgb: 254, 254, 254;
124
- --color-base-200: #ecebec;
125
- --color-base-200-rgb: 236, 235, 236;
126
- --color-base-300: #cdccce;
127
- --color-base-300-rgb: 205, 204, 206;
128
- --color-base-400: #b3b2b5;
129
- --color-base-400-rgb: 179, 178, 181;
130
- --color-base-500: #99989c;
131
- --color-base-500-rgb: 153, 152, 156;
132
- --color-base-600: #828086;
133
- --color-base-600-rgb: 130, 128, 134;
134
- --color-base-700: #6d6a71;
135
- --color-base-700-rgb: 109, 106, 113;
136
- --color-base-800: #515058;
137
- --color-base-800-rgb: 81, 80, 88;
138
- --color-base-900: #32363d;
139
- --color-base-900-rgb: 50, 54, 61;
140
- --color-base-1000: #252830;
141
- --color-base-1000-rgb: 37, 40, 48;
142
- --color-base-1100: #14161b;
143
- --color-base-1100-rgb: 20, 22, 27;
144
- --color-base-content: #252830;
145
- --color-base-content-rgb: 37, 40, 48;
146
- --color-base-content-secondary: #6d6a71;
147
- --color-base-content-secondary-rgb: 109, 106, 113;
148
- --color-base-content-invert: #fefefe;
149
- --color-base-content-invert-rgb: 254, 254, 254;
150
- --color-accent: #252830;
151
- --color-accent-rgb: 37, 40, 48;
152
- --color-accent-focus: #32363d;
153
- --color-accent-focus-rgb: 50, 54, 61;
154
- --color-accent-content: #fefefe;
155
- --color-accent-content-rgb: 254, 254, 254;
156
- --color-focus: #ffdd00;
157
- --color-focus-rgb: 255, 221, 0;
158
- --color-error: #b60202;
159
- --color-error-rgb: 182, 2, 2;
160
- --color-error-hover: #880000;
161
- --color-error-hover-rgb: 136, 0, 0;
162
- --color-error-text: #b60202;
163
- --color-error-text-rgb: 182, 2, 2;
164
- --color-success: #006736;
165
- --color-success-rgb: 0, 103, 54;
166
- --color-success-hover: #154a2b;
167
- --color-success-hover-rgb: 21, 74, 43;
168
- --color-link: #0054ba;
169
- --color-link-rgb: 0, 84, 186;
170
- --color-link-hover: #0e3d8b;
171
- --color-link-hover-rgb: 14, 61, 139;
172
- --color-link-active: #252830;
173
- --color-link-active-rgb: 37, 40, 48;
174
- --color-link-visited: #4c2a90;
175
- --color-link-visited-rgb: 76, 42, 144;
176
- --color-warning: #f39000;
177
- --color-warning-rgb: 243, 144, 0;
178
- --color-info: #0064cc;
179
- --color-info-rgb: 0, 100, 204;
180
- --color-info-hover: #0054ba;
181
- --color-info-hover-rgb: 0, 84, 186;
182
- --color-footer: #0054ba;
183
- --color-footer-rgb: 0, 84, 186;
184
- --color-footer-hover: #0e3d8b;
185
- --color-footer-hover-rgb: 14, 61, 139;
186
- --color-white: #fefefe;
187
- --color-white-rgb: 254, 254, 254;
188
- --color-black: #000000;
189
- --color-black-rgb: 0, 0, 0;
125
+
126
+ /* UI colors */
127
+ --color-base-100: var(--color-gray-100);
128
+ --color-base-100-rgb: var(--color-gray-100-rgb);
129
+ --color-base-200: var(--color-gray-200);
130
+ --color-base-200-rgb: var(--color-gray-200-rgb);
131
+ --color-base-300: var(--color-gray-300);
132
+ --color-base-300-rgb: var(--color-gray-300-rgb);
133
+ --color-base-400: var(--color-gray-400);
134
+ --color-base-400-rgb: var(--color-gray-400-rgb);
135
+ --color-base-500: var(--color-gray-500);
136
+ --color-base-500-rgb: var(--color-gray-500-rgb);
137
+ --color-base-600: var(--color-gray-600);
138
+ --color-base-600-rgb: var(--color-gray-600-rgb);
139
+ --color-base-700: var(--color-gray-700);
140
+ --color-base-700-rgb: var(--color-gray-700-rgb);
141
+ --color-base-800: var(--color-gray-800);
142
+ --color-base-800-rgb: var(--color-gray-800-rgb);
143
+ --color-base-900: var(--color-gray-900);
144
+ --color-base-900-rgb: var(--color-gray-900-rgb);
145
+ --color-base-1000: var(--color-gray-1000);
146
+ --color-base-1000-rgb: var(--color-gray-1000-rgb);
147
+ --color-base-1100: var(--color-gray-1100);
148
+ --color-base-1100-rgb: var(--color-gray-1100-rgb);
149
+ --color-base-content: var(--color-gray-1000);
150
+ --color-base-content-rgb: var(--color-gray-1000-rgb);
151
+ --color-base-content-secondary: var(--color-gray-700);
152
+ --color-base-content-secondary-rgb: var(--color-gray-700-rgb);
153
+ --color-base-content-invert: var(--color-gray-100);
154
+ --color-base-content-invert-rgb: var(--color-gray-100-rgb);
155
+ --color-accent: var(--color-gray-1000);
156
+ --color-accent-rgb: var(--color-gray-1000-rgb);
157
+ --color-accent-focus: var(--color-gray-900);
158
+ --color-accent-focus-rgb: var(--color-gray-900-rgb);
159
+ --color-accent-content: var(--color-gray-100);
160
+ --color-accent-content-rgb: var(--color-gray-100-rgb);
161
+ --color-focus: var(--color-yellow-100);
162
+ --color-focus-rgb: var(--color-yellow-100-rgb);
163
+ --color-error: var(--color-red-500);
164
+ --color-error-rgb: var(--color-red-500-rgb);
165
+ --color-error-hover: var(--color-red-600);
166
+ --color-error-hover-rgb: var(--color-red-600-rgb);
167
+ --color-error-text: var(--color-red-500);
168
+ --color-error-text-rgb: var(--color-red-500-rgb);
169
+ --color-success: var(--color-green-500);
170
+ --color-success-rgb: var(--color-green-500-rgb);
171
+ --color-success-hover: var(--color-green-600);
172
+ --color-success-hover-rgb: var(--color-green-600-rgb);
173
+ --color-link: var(--color-blue-500);
174
+ --color-link-rgb: var(--color-blue-500-rgb);
175
+ --color-link-hover: var(--color-blue-600);
176
+ --color-link-hover-rgb: var(--color-blue-600-rgb);
177
+ --color-link-active: var(--color-gray-1000);
178
+ --color-link-active-rgb: var(--color-gray-1000-rgb);
179
+ --color-link-visited: var(--color-purple-600);
180
+ --color-link-visited-rgb: var(--color-purple-600-rgb);
181
+ --color-warning: var(--color-orange-100);
182
+ --color-warning-rgb: var(--color-orange-100-rgb);
183
+ --color-info: var(--color-blue-400);
184
+ --color-info-rgb: var(--color-blue-400-rgb);
185
+ --color-info-hover: var(--color-blue-500);
186
+ --color-info-hover-rgb: var(--color-blue-500-rgb);
187
+ --color-white: var(--color-gray-100);
188
+ --color-white-rgb: var(--color-gray-100-rgb);
189
+ --color-black: var(--color-gray-1200);
190
+ --color-black-rgb: var(--color-gray-1200-rgb);
191
+ --color-footer-text: var(--color-blue-500);
192
+ --color-footer-text-rgb: var(--color-blue-500-rgb);
193
+ --color-footer-link: var(--color-link);
194
+ --color-footer-link-rgb: var(--color-link-rgb);
195
+ --color-footer-link-hover: var(--color-link-hover);
196
+ --color-footer-link-hover-rgb: var(--color-link-hover-rgb);
197
+ --color-header-text: var(--color-white);
198
+ --color-header-text-rgb: var(--color-white-rgb);
199
+ --color-header-text-hover: var(--color-white);
200
+ --color-header-text-hover-rgb: var(--color-white-rgb);
190
201
  }
191
202
 
192
203
  :root.dark,
193
204
  .dark {
205
+ /* Color palette */
194
206
  --color-gray-100: #111317;
195
207
  --color-gray-100-rgb: 17, 19, 23;
196
208
  --color-gray-200: #20242a;
@@ -215,7 +227,7 @@
215
227
  --color-gray-1100-rgb: 251, 251, 251;
216
228
  --color-gray-1200: #fefffe;
217
229
  --color-gray-1200-rgb: 254, 255, 254;
218
- --color-red-100: #aa0000;
230
+ --color-red-100: #a00;
219
231
  --color-red-100-rgb: 170, 0, 0;
220
232
  --color-red-200: #c31c0f;
221
233
  --color-red-200-rgb: 195, 28, 15;
@@ -285,104 +297,48 @@
285
297
  --color-purple-600-rgb: 200, 185, 228;
286
298
  --color-purple-700: #d6cce9;
287
299
  --color-purple-700-rgb: 214, 204, 233;
288
- --color-yellow-100: #ffdd00;
300
+ --color-yellow-100: #fd0;
289
301
  --color-yellow-100-rgb: 255, 221, 0;
290
- --color-primary-100: #1f4884;
291
- --color-primary-100-rgb: 31, 72, 132;
292
- --color-primary-200: #003375;
293
- --color-primary-200-rgb: 0, 51, 117;
294
- --color-primary-300: #00225e;
295
- --color-primary-300-rgb: 0, 34, 94;
296
- --color-primary: #003375;
297
- --color-primary-rgb: 0, 51, 117;
298
- --color-secondary-100: #61c9ff;
299
- --color-secondary-100-rgb: 97, 201, 255;
300
- --color-secondary-200: #00b0f0;
301
- --color-secondary-200-rgb: 0, 176, 240;
302
- --color-secondary-300: #009cd8;
303
- --color-secondary-300-rgb: 0, 156, 216;
304
- --color-secondary: #00b0f0;
305
- --color-secondary-rgb: 0, 176, 240;
306
- --color-tertiary-100: #3379c1;
307
- --color-tertiary-100-rgb: 51, 121, 193;
308
- --color-tertiary-200: #0065b3;
309
- --color-tertiary-200-rgb: 0, 101, 179;
310
- --color-tertiary-300: #00559e;
311
- --color-tertiary-300-rgb: 0, 85, 158;
312
- --color-tertiary: #0065b3;
313
- --color-tertiary-rgb: 0, 101, 179;
314
- --color-base-100: #111317;
315
- --color-base-100-rgb: 17, 19, 23;
316
- --color-base-200: #20242a;
317
- --color-base-200-rgb: 32, 36, 42;
318
- --color-base-300: #363941;
319
- --color-base-300-rgb: 54, 57, 65;
320
- --color-base-400: #4a4a52;
321
- --color-base-400-rgb: 74, 74, 82;
322
- --color-base-500: #5f5d65;
323
- --color-base-500-rgb: 95, 93, 101;
324
- --color-base-600: #747178;
325
- --color-base-600-rgb: 116, 113, 120;
326
- --color-base-700: #8a888e;
327
- --color-base-700-rgb: 138, 136, 142;
328
- --color-base-800: #aaa8ac;
329
- --color-base-800-rgb: 170, 168, 172;
330
- --color-base-900: #d1d0d2;
331
- --color-base-900-rgb: 209, 208, 210;
332
- --color-base-1000: #e5e4e5;
333
- --color-base-1000-rgb: 229, 228, 229;
334
- --color-base-1100: #fbfbfb;
335
- --color-base-1100-rgb: 251, 251, 251;
336
- --color-base-content: #e5e4e5;
337
- --color-base-content-rgb: 229, 228, 229;
338
- --color-base-content-secondary: #8a888e;
339
- --color-base-content-secondary-rgb: 138, 136, 142;
340
- --color-base-content-invert: #111317;
341
- --color-base-content-invert-rgb: 17, 19, 23;
342
- --color-accent: #e5e4e5;
343
- --color-accent-rgb: 229, 228, 229;
344
- --color-accent-focus: #d1d0d2;
345
- --color-accent-focus-rgb: 209, 208, 210;
346
- --color-accent-content: #111317;
347
- --color-accent-content-rgb: 17, 19, 23;
348
- --color-focus: #ffdd00;
349
- --color-focus-rgb: 255, 221, 0;
350
- --color-error: #c31c0f;
351
- --color-error-rgb: 195, 28, 15;
352
- --color-error-hover: #db4d37;
353
- --color-error-hover-rgb: 219, 77, 55;
354
- --color-error-text: #db4d37;
355
- --color-error-text-rgb: 219, 77, 55;
356
- --color-success: #007339;
357
- --color-success-rgb: 0, 115, 57;
358
- --color-success-hover: #2e8e56;
359
- --color-success-hover-rgb: 46, 142, 86;
360
- --color-link: #0093e7;
361
- --color-link-rgb: 0, 147, 231;
362
- --color-link-hover: #00a8ee;
363
- --color-link-hover-rgb: 0, 168, 238;
364
- --color-link-active: #004eaf;
365
- --color-link-active-rgb: 0, 78, 175;
366
- --color-link-visited: #9662e0;
367
- --color-link-visited-rgb: 150, 98, 224;
368
- --color-warning: #e68800;
369
- --color-warning-rgb: 230, 136, 0;
370
- --color-info: #007fde;
371
- --color-info-rgb: 0, 127, 222;
372
- --color-info-hover: #0093e7;
373
- --color-info-hover-rgb: 0, 147, 231;
374
- --color-footer: #00a8ee;
375
- --color-footer-rgb: 0, 168, 238;
376
- --color-footer-hover: #7fc9f0;
377
- --color-footer-hover-rgb: 127, 201, 240;
378
- --color-white: #fefffe;
379
- --color-white-rgb: 254, 255, 254;
380
- --color-black: #111317;
381
- --color-black-rgb: 17, 19, 23;
302
+
303
+ /* Brand colors */
304
+ /* Same colors as the light theme. */
305
+
306
+ /* UI colors */
307
+ --color-error: var(--color-red-200);
308
+ --color-error-rgb: var(--color-red-200-rgb);
309
+ --color-error-hover: var(--color-red-300);
310
+ --color-error-hover-rgb: var(--color-red-300-rgb);
311
+ --color-error-text: var(--color-red-300);
312
+ --color-error-text-rgb: var(--color-red-300-rgb);
313
+ --color-success: var(--color-green-200);
314
+ --color-success-rgb: var(--color-green-200-rgb);
315
+ --color-success-hover: var(--color-green-300);
316
+ --color-success-hover-rgb: var(--color-green-300-rgb);
317
+ --color-link: var(--color-blue-400);
318
+ --color-link-rgb: var(--color-blue-400-rgb);
319
+ --color-link-hover: var(--color-blue-500);
320
+ --color-link-hover-rgb: var(--color-blue-500-rgb);
321
+ --color-link-active: var(--color-blue-100);
322
+ --color-link-active-rgb: var(--color-blue-100-rgb);
323
+ --color-link-visited: var(--color-purple-300);
324
+ --color-link-visited-rgb: var(--color-purple-300-rgb);
325
+ --color-warning: var(--color-orange-500);
326
+ --color-warning-rgb: var(--color-orange-500-rgb);
327
+ --color-info: var(--color-blue-300);
328
+ --color-info-rgb: var(--color-blue-300-rgb);
329
+ --color-info-hover: var(--color-blue-400);
330
+ --color-info-hover-rgb: var(--color-blue-400-rgb);
331
+ --color-white: var(--color-gray-1200);
332
+ --color-white-rgb: var(--color-gray-1200-rgb);
333
+ --color-black: var(--color-gray-100);
334
+ --color-black-rgb: var(--color-gray-100-rgb);
335
+ --color-footer-text: var(--color-blue-500);
336
+ --color-footer-text-rgb: var(--color-blue-500-rgb);
382
337
  }
383
338
 
384
339
  :root.darker,
385
340
  .darker {
341
+ /* Color palette */
386
342
  --color-gray-100: #010101;
387
343
  --color-gray-100-rgb: 1, 1, 1;
388
344
  --color-gray-200: #16191e;
@@ -477,96 +433,37 @@
477
433
  --color-purple-600-rgb: 192, 171, 227;
478
434
  --color-purple-700: #ccbee5;
479
435
  --color-purple-700-rgb: 204, 190, 229;
480
- --color-yellow-100: #ffdd00;
436
+ --color-yellow-100: #fd0;
481
437
  --color-yellow-100-rgb: 255, 221, 0;
482
- --color-primary-100: #1f4884;
483
- --color-primary-100-rgb: 31, 72, 132;
484
- --color-primary-200: #003375;
485
- --color-primary-200-rgb: 0, 51, 117;
486
- --color-primary-300: #00225e;
487
- --color-primary-300-rgb: 0, 34, 94;
488
- --color-primary: #003375;
489
- --color-primary-rgb: 0, 51, 117;
490
- --color-secondary-100: #61c9ff;
491
- --color-secondary-100-rgb: 97, 201, 255;
492
- --color-secondary-200: #00b0f0;
493
- --color-secondary-200-rgb: 0, 176, 240;
494
- --color-secondary-300: #009cd8;
495
- --color-secondary-300-rgb: 0, 156, 216;
496
- --color-secondary: #00b0f0;
497
- --color-secondary-rgb: 0, 176, 240;
498
- --color-tertiary-100: #3379c1;
499
- --color-tertiary-100-rgb: 51, 121, 193;
500
- --color-tertiary-200: #0065b3;
501
- --color-tertiary-200-rgb: 0, 101, 179;
502
- --color-tertiary-300: #00559e;
503
- --color-tertiary-300-rgb: 0, 85, 158;
504
- --color-tertiary: #0065b3;
505
- --color-tertiary-rgb: 0, 101, 179;
506
- --color-base-100: #010101;
507
- --color-base-100-rgb: 1, 1, 1;
508
- --color-base-200: #16191e;
509
- --color-base-200-rgb: 22, 25, 30;
510
- --color-base-300: #2e3139;
511
- --color-base-300-rgb: 46, 49, 57;
512
- --color-base-400: #41424a;
513
- --color-base-400-rgb: 65, 66, 74;
514
- --color-base-500: #56565d;
515
- --color-base-500-rgb: 86, 86, 93;
516
- --color-base-600: #6b6970;
517
- --color-base-600-rgb: 107, 105, 112;
518
- --color-base-700: #817f85;
519
- --color-base-700-rgb: 129, 127, 133;
520
- --color-base-800: #a09ea3;
521
- --color-base-800-rgb: 160, 158, 163;
522
- --color-base-900: #c5c4c7;
523
- --color-base-900-rgb: 197, 196, 199;
524
- --color-base-1000: #d8d8d9;
525
- --color-base-1000-rgb: 216, 216, 217;
526
- --color-base-1100: #eeedee;
527
- --color-base-1100-rgb: 238, 237, 238;
528
- --color-base-content: #d8d8d9;
529
- --color-base-content-rgb: 216, 216, 217;
530
- --color-base-content-secondary: #817f85;
531
- --color-base-content-secondary-rgb: 129, 127, 133;
532
- --color-base-content-invert: #010101;
533
- --color-base-content-invert-rgb: 1, 1, 1;
534
- --color-accent: #d8d8d9;
535
- --color-accent-rgb: 216, 216, 217;
536
- --color-accent-focus: #c5c4c7;
537
- --color-accent-focus-rgb: 197, 196, 199;
538
- --color-accent-content: #010101;
539
- --color-accent-content-rgb: 1, 1, 1;
540
- --color-focus: #ffdd00;
541
- --color-focus-rgb: 255, 221, 0;
542
- --color-error: #d53e2a;
543
- --color-error-rgb: 213, 62, 42;
544
- --color-error-hover: #df5943;
545
- --color-error-hover-rgb: 223, 89, 67;
546
- --color-success: #0f864b;
547
- --color-success-rgb: 15, 134, 75;
548
- --color-success-hover: #409461;
549
- --color-success-hover-rgb: 64, 148, 97;
550
- --color-link: #0088e3;
551
- --color-link-rgb: 0, 136, 227;
552
- --color-link-hover: #009dea;
553
- --color-link-hover-rgb: 0, 157, 234;
554
- --color-link-active: #0346a2;
555
- --color-link-active-rgb: 3, 70, 162;
556
- --color-link-visited: #8f56de;
557
- --color-link-visited-rgb: 143, 86, 222;
558
- --color-warning: #d88000;
559
- --color-warning-rgb: 216, 128, 0;
560
- --color-info: #0057bd;
561
- --color-info-rgb: 0, 87, 189;
562
- --color-info-hover: #0075d8;
563
- --color-info-hover-rgb: 0, 117, 216;
564
- --color-footer: #009dea;
565
- --color-footer-rgb: 0, 157, 234;
566
- --color-footer-hover: #5cbff0;
567
- --color-footer-hover-rgb: 92, 191, 240;
568
- --color-white: #fefffe;
569
- --color-white-rgb: 254, 255, 254;
570
- --color-black: #010101;
571
- --color-black-rgb: 1, 1, 1;
438
+
439
+ /* Brand colors */
440
+ /* Same colors as the light theme. */
441
+
442
+ /* UI colors */
443
+ --color-error: var(--color-red-300);
444
+ --color-error-rgb: var(--color-red-300-rgb);
445
+ --color-error-hover: var(--color-red-400);
446
+ --color-error-hover-rgb: var(--color-red-400-rgb);
447
+ --color-success: var(--color-green-300);
448
+ --color-success-rgb: var(--color-green-300-rgb);
449
+ --color-success-hover: var(--color-green-400);
450
+ --color-success-hover-rgb: var(--color-green-400-rgb);
451
+ --color-link: var(--color-blue-400);
452
+ --color-link-rgb: var(--color-blue-400-rgb);
453
+ --color-link-hover: var(--color-blue-500);
454
+ --color-link-hover-rgb: var(--color-blue-500-rgb);
455
+ --color-link-active: var(--color-blue-100);
456
+ --color-link-active-rgb: var(--color-blue-100-rgb);
457
+ --color-link-visited: var(--color-purple-300);
458
+ --color-link-visited-rgb: var(--color-purple-300-rgb);
459
+ --color-warning: var(--color-orange-500);
460
+ --color-warning-rgb: var(--color-orange-500-rgb);
461
+ --color-info: var(--color-blue-200);
462
+ --color-info-rgb: var(--color-blue-200-rgb);
463
+ --color-info-hover: var(--color-blue-300);
464
+ --color-info-hover-rgb: var(--color-blue-300-rgb);
465
+ --color-white: var(--color-gray-1200);
466
+ --color-white-rgb: var(--color-gray-1200-rgb);
467
+ --color-black: var(--color-gray-100);
468
+ --color-black-rgb: var(--color-gray-100-rgb);
572
469
  }
package/dist/global-variables.css ADDED
@@ -0,0 +1,4 @@
1
+ :root {
2
+ --border-radius-md: 0px;
3
+ --border-radius-lg: 0px;
4
+ }