@kickstartds/ds-agency-premium 1.6.71--canary.1867.2ae78ab.0 → 1.6.71--canary.1869.e0647e9.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/dist/components/hero/hero.css +1 -1
- package/dist/components/page-wrapper/index.js +6 -0
- package/dist/components/page-wrapper/tokens.css +83 -83
- package/dist/components/stats/stats.css +3 -3
- package/dist/components/teaser-card/teaser-card.css +1 -2
- package/dist/static/favicon/android-chrome-192x192.png +0 -0
- package/dist/static/favicon/android-chrome-512x512.png +0 -0
- package/dist/static/favicon/apple-touch-icon.png +0 -0
- package/dist/static/favicon/favicon-16x16.png +0 -0
- package/dist/static/favicon/favicon-32x32.png +0 -0
- package/dist/static/favicon/favicon.ico +0 -0
- package/dist/static/favicon/site.webmanifest +1 -19
- package/dist/static/guenther/brands/cadillac.png +0 -0
- package/dist/static/guenther/brands/corvette.png +0 -0
- package/dist/static/guenther/brands/infiniti.png +0 -0
- package/dist/static/guenther/brands/isuzu.png +0 -0
- package/dist/static/guenther/brands/kia.png +0 -0
- package/dist/static/guenther/brands/maserati.png +0 -0
- package/dist/static/guenther/brands/micro.png +0 -0
- package/dist/static/guenther/brands/msg.png +0 -0
- package/dist/static/guenther/brands/nissan.png +0 -0
- package/dist/static/guenther/brands/saab.png +0 -0
- package/dist/static/guenther/brands/subaru.png +0 -0
- package/dist/static/guenther/contact.jpg +0 -0
- package/dist/static/guenther/header.jpg +0 -0
- package/dist/static/guenther/header.png +0 -0
- package/dist/tokens/IconSprite.js +6 -0
- package/dist/tokens/icon-sprite.html +2 -0
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +83 -83
- package/dist/tokens/tokens.js +115 -114
- package/package.json +1 -1
- package/dist/static/favicon/browserconfig.xml +0 -9
- package/dist/static/favicon/favicon-192-192.png +0 -20
- package/dist/static/favicon/mstile-144x144.png +0 -0
- package/dist/static/favicon/mstile-150x150.png +0 -0
- package/dist/static/favicon/mstile-310x150.png +0 -0
- package/dist/static/favicon/mstile-310x310.png +0 -0
- package/dist/static/favicon/mstile-70x70.png +0 -0
- package/dist/static/favicon/safari-pinned-tab.svg +0 -30
package/dist/tokens/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 28 Jul 2025
|
|
3
|
+
* Generated on Mon, 28 Jul 2025 12:37:10 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root, [ks-theme] {
|
|
@@ -274,15 +274,15 @@
|
|
|
274
274
|
--ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
|
|
275
275
|
--ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
|
|
276
276
|
--ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
|
|
277
|
-
--ks-color-fg-inverted-to-bg-1-base: #
|
|
278
|
-
--ks-color-fg-inverted-to-bg-2-base: #
|
|
279
|
-
--ks-color-fg-inverted-to-bg-3-base: #
|
|
280
|
-
--ks-color-fg-inverted-to-bg-4-base: #
|
|
281
|
-
--ks-color-fg-inverted-to-bg-5-base: #
|
|
282
|
-
--ks-color-fg-inverted-to-bg-6-base: #
|
|
283
|
-
--ks-color-fg-inverted-to-bg-7-base: #
|
|
284
|
-
--ks-color-fg-inverted-to-bg-8-base: #
|
|
285
|
-
--ks-color-fg-inverted-to-bg-9-base: #
|
|
277
|
+
--ks-color-fg-inverted-to-bg-1-base: #f3f3f3;
|
|
278
|
+
--ks-color-fg-inverted-to-bg-2-base: #e0e0e0;
|
|
279
|
+
--ks-color-fg-inverted-to-bg-3-base: #c6c6c6;
|
|
280
|
+
--ks-color-fg-inverted-to-bg-4-base: #a7a7a7;
|
|
281
|
+
--ks-color-fg-inverted-to-bg-5-base: #888;
|
|
282
|
+
--ks-color-fg-inverted-to-bg-6-base: #686868;
|
|
283
|
+
--ks-color-fg-inverted-to-bg-7-base: #494949;
|
|
284
|
+
--ks-color-fg-inverted-to-bg-8-base: #2f2f2f;
|
|
285
|
+
--ks-color-fg-inverted-to-bg-9-base: #1c1c1c;
|
|
286
286
|
--ks-color-bg-base: #fff;
|
|
287
287
|
--ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
|
|
288
288
|
--ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
|
|
@@ -302,25 +302,25 @@
|
|
|
302
302
|
--ks-color-bg-to-fg-7-base: #3d3d3d;
|
|
303
303
|
--ks-color-bg-to-fg-8-base: #212121;
|
|
304
304
|
--ks-color-bg-to-fg-9-base: #0d0d0d;
|
|
305
|
-
--ks-color-bg-inverted-base: #
|
|
306
|
-
--ks-color-bg-inverted-alpha-1-base:
|
|
307
|
-
--ks-color-bg-inverted-alpha-2-base:
|
|
308
|
-
--ks-color-bg-inverted-alpha-3-base:
|
|
309
|
-
--ks-color-bg-inverted-alpha-4-base:
|
|
310
|
-
--ks-color-bg-inverted-alpha-5-base:
|
|
311
|
-
--ks-color-bg-inverted-alpha-6-base:
|
|
312
|
-
--ks-color-bg-inverted-alpha-7-base:
|
|
313
|
-
--ks-color-bg-inverted-alpha-8-base:
|
|
314
|
-
--ks-color-bg-inverted-alpha-9-base:
|
|
315
|
-
--ks-color-bg-inverted-to-fg-1-base: #
|
|
316
|
-
--ks-color-bg-inverted-to-fg-2-base: #
|
|
317
|
-
--ks-color-bg-inverted-to-fg-3-base: #
|
|
318
|
-
--ks-color-bg-inverted-to-fg-4-base: #
|
|
319
|
-
--ks-color-bg-inverted-to-fg-5-base: #
|
|
320
|
-
--ks-color-bg-inverted-to-fg-6-base: #
|
|
321
|
-
--ks-color-bg-inverted-to-fg-7-base: #
|
|
322
|
-
--ks-color-bg-inverted-to-fg-8-base: #
|
|
323
|
-
--ks-color-bg-inverted-to-fg-9-base: #
|
|
305
|
+
--ks-color-bg-inverted-base: #101010;
|
|
306
|
+
--ks-color-bg-inverted-alpha-1-base: hsla(0,0%,6%,.95);
|
|
307
|
+
--ks-color-bg-inverted-alpha-2-base: hsla(0,0%,6%,.87);
|
|
308
|
+
--ks-color-bg-inverted-alpha-3-base: hsla(0,0%,6%,.76);
|
|
309
|
+
--ks-color-bg-inverted-alpha-4-base: hsla(0,0%,6%,.63);
|
|
310
|
+
--ks-color-bg-inverted-alpha-5-base: hsla(0,0%,6%,.5);
|
|
311
|
+
--ks-color-bg-inverted-alpha-6-base: hsla(0,0%,6%,.37);
|
|
312
|
+
--ks-color-bg-inverted-alpha-7-base: hsla(0,0%,6%,.24);
|
|
313
|
+
--ks-color-bg-inverted-alpha-8-base: hsla(0,0%,6%,.13);
|
|
314
|
+
--ks-color-bg-inverted-alpha-9-base: hsla(0,0%,6%,.05);
|
|
315
|
+
--ks-color-bg-inverted-to-fg-1-base: #1c1c1c;
|
|
316
|
+
--ks-color-bg-inverted-to-fg-2-base: #2f2f2f;
|
|
317
|
+
--ks-color-bg-inverted-to-fg-3-base: #494949;
|
|
318
|
+
--ks-color-bg-inverted-to-fg-4-base: #686868;
|
|
319
|
+
--ks-color-bg-inverted-to-fg-5-base: #888;
|
|
320
|
+
--ks-color-bg-inverted-to-fg-6-base: #a7a7a7;
|
|
321
|
+
--ks-color-bg-inverted-to-fg-7-base: #c6c6c6;
|
|
322
|
+
--ks-color-bg-inverted-to-fg-8-base: #e0e0e0;
|
|
323
|
+
--ks-color-bg-inverted-to-fg-9-base: #f3f3f3;
|
|
324
324
|
--ks-color-transparent-base: rgba(0,0,0,0);
|
|
325
325
|
--ks-color-primary-base: #c3002f;
|
|
326
326
|
--ks-color-primary-alpha-1-base: rgba(195,0,47,.95);
|
|
@@ -360,15 +360,15 @@
|
|
|
360
360
|
--ks-color-primary-inverted-alpha-7-base: rgba(196,22,49,.24);
|
|
361
361
|
--ks-color-primary-inverted-alpha-8-base: rgba(196,22,49,.13);
|
|
362
362
|
--ks-color-primary-inverted-alpha-9-base: rgba(196,22,49,.05);
|
|
363
|
-
--ks-color-primary-inverted-to-bg-1-base: #
|
|
364
|
-
--ks-color-primary-inverted-to-bg-2-base: #
|
|
365
|
-
--ks-color-primary-inverted-to-bg-3-base: #
|
|
366
|
-
--ks-color-primary-inverted-to-bg-4-base: #
|
|
367
|
-
--ks-color-primary-inverted-to-bg-5-base: #
|
|
368
|
-
--ks-color-primary-inverted-to-bg-6-base: #
|
|
369
|
-
--ks-color-primary-inverted-to-bg-7-base: #
|
|
370
|
-
--ks-color-primary-inverted-to-bg-8-base: #
|
|
371
|
-
--ks-color-primary-inverted-to-bg-9-base: #
|
|
363
|
+
--ks-color-primary-inverted-to-bg-1-base: #bb162f;
|
|
364
|
+
--ks-color-primary-inverted-to-bg-2-base: #ad152d;
|
|
365
|
+
--ks-color-primary-inverted-to-bg-3-base: #991529;
|
|
366
|
+
--ks-color-primary-inverted-to-bg-4-base: #811425;
|
|
367
|
+
--ks-color-primary-inverted-to-bg-5-base: #6a1321;
|
|
368
|
+
--ks-color-primary-inverted-to-bg-6-base: #53121c;
|
|
369
|
+
--ks-color-primary-inverted-to-bg-7-base: #3b1118;
|
|
370
|
+
--ks-color-primary-inverted-to-bg-8-base: #271114;
|
|
371
|
+
--ks-color-primary-inverted-to-bg-9-base: #191012;
|
|
372
372
|
--ks-color-primary-inverted-to-fg-1-base: #c7223b;
|
|
373
373
|
--ks-color-primary-inverted-to-fg-2-base: #cc344c;
|
|
374
374
|
--ks-color-primary-inverted-to-fg-3-base: #d24e62;
|
|
@@ -416,15 +416,15 @@
|
|
|
416
416
|
--ks-color-link-inverted-alpha-7-base: rgba(195,0,47,.24);
|
|
417
417
|
--ks-color-link-inverted-alpha-8-base: rgba(195,0,47,.13);
|
|
418
418
|
--ks-color-link-inverted-alpha-9-base: rgba(195,0,47,.05);
|
|
419
|
-
--ks-color-link-inverted-to-bg-1-base: #
|
|
420
|
-
--ks-color-link-inverted-to-bg-2-base: #
|
|
421
|
-
--ks-color-link-inverted-to-bg-3-base: #
|
|
422
|
-
--ks-color-link-inverted-to-bg-4-base: #
|
|
423
|
-
--ks-color-link-inverted-to-bg-5-base: #
|
|
424
|
-
--ks-color-link-inverted-to-bg-6-base: #
|
|
425
|
-
--ks-color-link-inverted-to-bg-7-base: #
|
|
426
|
-
--ks-color-link-inverted-to-bg-8-base: #
|
|
427
|
-
--ks-color-link-inverted-to-bg-9-base: #
|
|
419
|
+
--ks-color-link-inverted-to-bg-1-base: #ba012d;
|
|
420
|
+
--ks-color-link-inverted-to-bg-2-base: #ac022b;
|
|
421
|
+
--ks-color-link-inverted-to-bg-3-base: #980428;
|
|
422
|
+
--ks-color-link-inverted-to-bg-4-base: #810624;
|
|
423
|
+
--ks-color-link-inverted-to-bg-5-base: #6a0820;
|
|
424
|
+
--ks-color-link-inverted-to-bg-6-base: #520a1b;
|
|
425
|
+
--ks-color-link-inverted-to-bg-7-base: #3b0c17;
|
|
426
|
+
--ks-color-link-inverted-to-bg-8-base: #270e14;
|
|
427
|
+
--ks-color-link-inverted-to-bg-9-base: #190f12;
|
|
428
428
|
--ks-color-link-inverted-to-fg-1-base: #c60d39;
|
|
429
429
|
--ks-color-link-inverted-to-fg-2-base: #cb214a;
|
|
430
430
|
--ks-color-link-inverted-to-fg-3-base: #d13d61;
|
|
@@ -472,15 +472,15 @@
|
|
|
472
472
|
--ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
|
|
473
473
|
--ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
|
|
474
474
|
--ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
|
|
475
|
-
--ks-color-positive-inverted-to-bg-1-base: #
|
|
476
|
-
--ks-color-positive-inverted-to-bg-2-base: #
|
|
477
|
-
--ks-color-positive-inverted-to-bg-3-base: #
|
|
478
|
-
--ks-color-positive-inverted-to-bg-4-base: #
|
|
479
|
-
--ks-color-positive-inverted-to-bg-5-base: #
|
|
480
|
-
--ks-color-positive-inverted-to-bg-6-base: #
|
|
481
|
-
--ks-color-positive-inverted-to-bg-7-base: #
|
|
482
|
-
--ks-color-positive-inverted-to-bg-8-base: #
|
|
483
|
-
--ks-color-positive-inverted-to-bg-9-base: #
|
|
475
|
+
--ks-color-positive-inverted-to-bg-1-base: #227d1a;
|
|
476
|
+
--ks-color-positive-inverted-to-bg-2-base: #21741a;
|
|
477
|
+
--ks-color-positive-inverted-to-bg-3-base: #1e6718;
|
|
478
|
+
--ks-color-positive-inverted-to-bg-4-base: #1c5817;
|
|
479
|
+
--ks-color-positive-inverted-to-bg-5-base: #1a4a16;
|
|
480
|
+
--ks-color-positive-inverted-to-bg-6-base: #173b14;
|
|
481
|
+
--ks-color-positive-inverted-to-bg-7-base: #152c13;
|
|
482
|
+
--ks-color-positive-inverted-to-bg-8-base: #121f11;
|
|
483
|
+
--ks-color-positive-inverted-to-bg-9-base: #111611;
|
|
484
484
|
--ks-color-positive-inverted-to-fg-1-base: #2e8926;
|
|
485
485
|
--ks-color-positive-inverted-to-fg-2-base: #409339;
|
|
486
486
|
--ks-color-positive-inverted-to-fg-3-base: #58a152;
|
|
@@ -528,15 +528,15 @@
|
|
|
528
528
|
--ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
|
|
529
529
|
--ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
|
|
530
530
|
--ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
|
|
531
|
-
--ks-color-informative-inverted-to-bg-1-base: #
|
|
532
|
-
--ks-color-informative-inverted-to-bg-2-base: #
|
|
533
|
-
--ks-color-informative-inverted-to-bg-3-base: #
|
|
534
|
-
--ks-color-informative-inverted-to-bg-4-base: #
|
|
535
|
-
--ks-color-informative-inverted-to-bg-5-base: #
|
|
536
|
-
--ks-color-informative-inverted-to-bg-6-base: #
|
|
537
|
-
--ks-color-informative-inverted-to-bg-7-base: #
|
|
538
|
-
--ks-color-informative-inverted-to-bg-8-base: #
|
|
539
|
-
--ks-color-informative-inverted-to-bg-9-base: #
|
|
531
|
+
--ks-color-informative-inverted-to-bg-1-base: #016c89;
|
|
532
|
+
--ks-color-informative-inverted-to-bg-2-base: #02647e;
|
|
533
|
+
--ks-color-informative-inverted-to-bg-3-base: #045a71;
|
|
534
|
+
--ks-color-informative-inverted-to-bg-4-base: #064d60;
|
|
535
|
+
--ks-color-informative-inverted-to-bg-5-base: #084150;
|
|
536
|
+
--ks-color-informative-inverted-to-bg-6-base: #0a343f;
|
|
537
|
+
--ks-color-informative-inverted-to-bg-7-base: #0c272e;
|
|
538
|
+
--ks-color-informative-inverted-to-bg-8-base: #0e1d21;
|
|
539
|
+
--ks-color-informative-inverted-to-bg-9-base: #0f1516;
|
|
540
540
|
--ks-color-informative-inverted-to-fg-1-base: #0d7895;
|
|
541
541
|
--ks-color-informative-inverted-to-fg-2-base: #21839e;
|
|
542
542
|
--ks-color-informative-inverted-to-fg-3-base: #3d93aa;
|
|
@@ -584,15 +584,15 @@
|
|
|
584
584
|
--ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
|
|
585
585
|
--ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
|
|
586
586
|
--ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
|
|
587
|
-
--ks-color-notice-inverted-to-bg-1-base: #
|
|
588
|
-
--ks-color-notice-inverted-to-bg-2-base: #
|
|
589
|
-
--ks-color-notice-inverted-to-bg-3-base: #
|
|
590
|
-
--ks-color-notice-inverted-to-bg-4-base: #
|
|
591
|
-
--ks-color-notice-inverted-to-bg-5-base: #
|
|
592
|
-
--ks-color-notice-inverted-to-bg-6-base: #
|
|
593
|
-
--ks-color-notice-inverted-to-bg-7-base: #
|
|
594
|
-
--ks-color-notice-inverted-to-bg-8-base: #
|
|
595
|
-
--ks-color-notice-inverted-to-bg-9-base: #
|
|
587
|
+
--ks-color-notice-inverted-to-bg-1-base: #f35950;
|
|
588
|
+
--ks-color-notice-inverted-to-bg-2-base: #e0534a;
|
|
589
|
+
--ks-color-notice-inverted-to-bg-3-base: #c64b43;
|
|
590
|
+
--ks-color-notice-inverted-to-bg-4-base: #a7413a;
|
|
591
|
+
--ks-color-notice-inverted-to-bg-5-base: #883732;
|
|
592
|
+
--ks-color-notice-inverted-to-bg-6-base: #682c29;
|
|
593
|
+
--ks-color-notice-inverted-to-bg-7-base: #492220;
|
|
594
|
+
--ks-color-notice-inverted-to-bg-8-base: #2f1a19;
|
|
595
|
+
--ks-color-notice-inverted-to-bg-9-base: #1c1413;
|
|
596
596
|
--ks-color-notice-inverted-to-fg-1-base: #ff655c;
|
|
597
597
|
--ks-color-notice-inverted-to-fg-2-base: #ff7269;
|
|
598
598
|
--ks-color-notice-inverted-to-fg-3-base: #ff847c;
|
|
@@ -640,15 +640,15 @@
|
|
|
640
640
|
--ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
|
|
641
641
|
--ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
|
|
642
642
|
--ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
|
|
643
|
-
--ks-color-negative-inverted-to-bg-1-base: #
|
|
644
|
-
--ks-color-negative-inverted-to-bg-2-base: #
|
|
645
|
-
--ks-color-negative-inverted-to-bg-3-base: #
|
|
646
|
-
--ks-color-negative-inverted-to-bg-4-base: #
|
|
647
|
-
--ks-color-negative-inverted-to-bg-5-base: #
|
|
648
|
-
--ks-color-negative-inverted-to-bg-6-base: #
|
|
649
|
-
--ks-color-negative-inverted-to-bg-7-base: #
|
|
650
|
-
--ks-color-negative-inverted-to-bg-8-base: #
|
|
651
|
-
--ks-color-negative-inverted-to-bg-9-base: #
|
|
643
|
+
--ks-color-negative-inverted-to-bg-1-base: #c81c45;
|
|
644
|
+
--ks-color-negative-inverted-to-bg-2-base: #b91b41;
|
|
645
|
+
--ks-color-negative-inverted-to-bg-3-base: #a31a3b;
|
|
646
|
+
--ks-color-negative-inverted-to-bg-4-base: #8a1833;
|
|
647
|
+
--ks-color-negative-inverted-to-bg-5-base: #71172c;
|
|
648
|
+
--ks-color-negative-inverted-to-bg-6-base: #581525;
|
|
649
|
+
--ks-color-negative-inverted-to-bg-7-base: #3f131d;
|
|
650
|
+
--ks-color-negative-inverted-to-bg-8-base: #291217;
|
|
651
|
+
--ks-color-negative-inverted-to-bg-9-base: #1a1113;
|
|
652
652
|
--ks-color-negative-inverted-to-fg-1-base: #d42851;
|
|
653
653
|
--ks-color-negative-inverted-to-fg-2-base: #d83a60;
|
|
654
654
|
--ks-color-negative-inverted-to-fg-3-base: #dd5374;
|
package/dist/tokens/tokens.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 28 Jul 2025
|
|
3
|
+
* Generated on Mon, 28 Jul 2025 12:37:10 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const KsBackgroundColorAccentBase = "#f2f2f2";
|
|
7
|
-
export const KsBackgroundColorAccentInvertedBase = "#
|
|
7
|
+
export const KsBackgroundColorAccentInvertedBase = "#271114";
|
|
8
8
|
export const KsBackgroundColorBoldBase = "#f7dee4";
|
|
9
|
-
export const KsBackgroundColorBoldInvertedBase = "#
|
|
9
|
+
export const KsBackgroundColorBoldInvertedBase = "#53121c";
|
|
10
10
|
export const KsBackgroundColorClearBase = "rgba(0, 0, 0, 0)";
|
|
11
11
|
export const KsBackgroundColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
12
12
|
export const KsBackgroundColorClearInteractiveHoverBase = "rgba(195, 0, 47, 0.13)";
|
|
@@ -18,7 +18,7 @@ export const KsBackgroundColorClearInvertedInteractiveHoverBase = "rgba(196, 22,
|
|
|
18
18
|
export const KsBackgroundColorClearInvertedInteractiveActiveBase = "rgba(196, 22, 49, 0.37)";
|
|
19
19
|
export const KsBackgroundColorClearInvertedInteractiveSelectedBase = "rgba(196, 22, 49, 0.5)";
|
|
20
20
|
export const KsBackgroundColorDefaultBase = "#ffffff";
|
|
21
|
-
export const KsBackgroundColorDefaultInvertedBase = "#
|
|
21
|
+
export const KsBackgroundColorDefaultInvertedBase = "#101010";
|
|
22
22
|
export const KsBackgroundColorInterfaceBase = "rgba(0, 0, 0, 0.05)";
|
|
23
23
|
export const KsBackgroundColorInterfaceInteractiveBase = "rgba(0, 0, 0, 0.13)";
|
|
24
24
|
export const KsBackgroundColorInterfaceInteractiveDisabledBase = "rgba(0, 0, 0, 0.05)";
|
|
@@ -37,8 +37,8 @@ export const KsBackgroundColorCardInteractiveDisabledBase = "rgba(255, 255, 255,
|
|
|
37
37
|
export const KsBackgroundColorCardInteractiveHoverBase = "rgba(255, 255, 255, 0.05)";
|
|
38
38
|
export const KsBackgroundColorCardInteractiveActiveBase = "rgba(255, 255, 255, 0.05)";
|
|
39
39
|
export const KsBackgroundColorCardInteractiveSelectedBase = "#ffffff";
|
|
40
|
-
export const KsBackgroundColorCardInvertedBase = "#
|
|
41
|
-
export const KsBackgroundColorCardInvertedInteractiveBase = "#
|
|
40
|
+
export const KsBackgroundColorCardInvertedBase = "#1c1c1c";
|
|
41
|
+
export const KsBackgroundColorCardInvertedInteractiveBase = "#1c1c1c";
|
|
42
42
|
export const KsBackgroundColorCardInvertedInteractiveDisabledBase = "rgba(255, 255, 255, 0.24)";
|
|
43
43
|
export const KsBackgroundColorCardInvertedInteractiveHoverBase = "rgba(255, 255, 255, 0.05)";
|
|
44
44
|
export const KsBackgroundColorCardInvertedInteractiveActiveBase = "rgba(255, 255, 255, 0.05)";
|
|
@@ -51,9 +51,9 @@ export const KsBackgroundColorPrimaryInteractiveSelectedBase = "#d95e7c";
|
|
|
51
51
|
export const KsBackgroundColorPrimaryTranslucentBase = "rgba(195, 0, 47, 0.5)";
|
|
52
52
|
export const KsBackgroundColorPrimaryInvertedBase = "#c41631";
|
|
53
53
|
export const KsBackgroundColorPrimaryInvertedInteractiveBase = "#c41631";
|
|
54
|
-
export const KsBackgroundColorPrimaryInvertedInteractiveHoverBase = "#
|
|
55
|
-
export const KsBackgroundColorPrimaryInvertedInteractiveActiveBase = "#
|
|
56
|
-
export const KsBackgroundColorPrimaryInvertedInteractiveSelectedBase = "#
|
|
54
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveHoverBase = "#ad152d";
|
|
55
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveActiveBase = "#ad152d";
|
|
56
|
+
export const KsBackgroundColorPrimaryInvertedInteractiveSelectedBase = "#811425";
|
|
57
57
|
export const KsBackgroundColorPrimaryInvertedTranslucentBase = "rgba(196, 22, 49, 0.5)";
|
|
58
58
|
export const KsBackgroundColorPositiveBase = "#6edb64";
|
|
59
59
|
export const KsBackgroundColorPositiveInteractiveBase = "#6edb64";
|
|
@@ -63,9 +63,9 @@ export const KsBackgroundColorPositiveInteractiveSelectedBase = "#a4e89d";
|
|
|
63
63
|
export const KsBackgroundColorPositiveTranslucentBase = "rgba(110, 219, 100, 0.5)";
|
|
64
64
|
export const KsBackgroundColorPositiveInvertedBase = "#23831b";
|
|
65
65
|
export const KsBackgroundColorPositiveInvertedInteractiveBase = "#23831b";
|
|
66
|
-
export const KsBackgroundColorPositiveInvertedInteractiveHoverBase = "#
|
|
67
|
-
export const KsBackgroundColorPositiveInvertedInteractiveActiveBase = "#
|
|
68
|
-
export const KsBackgroundColorPositiveInvertedInteractiveSelectedBase = "#
|
|
66
|
+
export const KsBackgroundColorPositiveInvertedInteractiveHoverBase = "#21741a";
|
|
67
|
+
export const KsBackgroundColorPositiveInvertedInteractiveActiveBase = "#21741a";
|
|
68
|
+
export const KsBackgroundColorPositiveInvertedInteractiveSelectedBase = "#1c5817";
|
|
69
69
|
export const KsBackgroundColorPositiveInvertedTranslucentBase = "rgba(35, 131, 27, 0.5)";
|
|
70
70
|
export const KsBackgroundColorInformativeBase = "#64c2db";
|
|
71
71
|
export const KsBackgroundColorInformativeInteractiveBase = "#64c2db";
|
|
@@ -75,9 +75,9 @@ export const KsBackgroundColorInformativeInteractiveSelectedBase = "#9dd9e8";
|
|
|
75
75
|
export const KsBackgroundColorInformativeTranslucentBase = "rgba(100, 194, 219, 0.5)";
|
|
76
76
|
export const KsBackgroundColorInformativeInvertedBase = "#00718f";
|
|
77
77
|
export const KsBackgroundColorInformativeInvertedInteractiveBase = "#00718f";
|
|
78
|
-
export const KsBackgroundColorInformativeInvertedInteractiveHoverBase = "#
|
|
79
|
-
export const KsBackgroundColorInformativeInvertedInteractiveActiveBase = "#
|
|
80
|
-
export const KsBackgroundColorInformativeInvertedInteractiveSelectedBase = "#
|
|
78
|
+
export const KsBackgroundColorInformativeInvertedInteractiveHoverBase = "#02647e";
|
|
79
|
+
export const KsBackgroundColorInformativeInvertedInteractiveActiveBase = "#02647e";
|
|
80
|
+
export const KsBackgroundColorInformativeInvertedInteractiveSelectedBase = "#064d60";
|
|
81
81
|
export const KsBackgroundColorInformativeInvertedTranslucentBase = "rgba(0, 113, 143, 0.5)";
|
|
82
82
|
export const KsBackgroundColorNoticeBase = "#f9de55";
|
|
83
83
|
export const KsBackgroundColorNoticeInteractiveBase = "#f9de55";
|
|
@@ -87,9 +87,9 @@ export const KsBackgroundColorNoticeInteractiveSelectedBase = "#fbea94";
|
|
|
87
87
|
export const KsBackgroundColorNoticeTranslucentBase = "rgba(249, 222, 85, 0.5)";
|
|
88
88
|
export const KsBackgroundColorNoticeInvertedBase = "#ff5d53";
|
|
89
89
|
export const KsBackgroundColorNoticeInvertedInteractiveBase = "#ff5d53";
|
|
90
|
-
export const KsBackgroundColorNoticeInvertedInteractiveHoverBase = "#
|
|
91
|
-
export const KsBackgroundColorNoticeInvertedInteractiveActiveBase = "#
|
|
92
|
-
export const KsBackgroundColorNoticeInvertedInteractiveSelectedBase = "#
|
|
90
|
+
export const KsBackgroundColorNoticeInvertedInteractiveHoverBase = "#e0534a";
|
|
91
|
+
export const KsBackgroundColorNoticeInvertedInteractiveActiveBase = "#e0534a";
|
|
92
|
+
export const KsBackgroundColorNoticeInvertedInteractiveSelectedBase = "#a7413a";
|
|
93
93
|
export const KsBackgroundColorNoticeInvertedTranslucentBase = "rgba(255, 93, 83, 0.5)";
|
|
94
94
|
export const KsBackgroundColorNegativeBase = "#ff1a57";
|
|
95
95
|
export const KsBackgroundColorNegativeInteractiveBase = "#ff1a57";
|
|
@@ -99,12 +99,12 @@ export const KsBackgroundColorNegativeInteractiveSelectedBase = "#ff6f95";
|
|
|
99
99
|
export const KsBackgroundColorNegativeTranslucentBase = "rgba(255, 26, 87, 0.5)";
|
|
100
100
|
export const KsBackgroundColorNegativeInvertedBase = "#d21d48";
|
|
101
101
|
export const KsBackgroundColorNegativeInvertedInteractiveBase = "#d21d48";
|
|
102
|
-
export const KsBackgroundColorNegativeInvertedInteractiveHoverBase = "#
|
|
103
|
-
export const KsBackgroundColorNegativeInvertedInteractiveActiveBase = "#
|
|
104
|
-
export const KsBackgroundColorNegativeInvertedInteractiveSelectedBase = "#
|
|
102
|
+
export const KsBackgroundColorNegativeInvertedInteractiveHoverBase = "#b91b41";
|
|
103
|
+
export const KsBackgroundColorNegativeInvertedInteractiveActiveBase = "#b91b41";
|
|
104
|
+
export const KsBackgroundColorNegativeInvertedInteractiveSelectedBase = "#8a1833";
|
|
105
105
|
export const KsBackgroundColorNegativeInvertedTranslucentBase = "rgba(210, 29, 72, 0.5)";
|
|
106
106
|
export const KsBorderColorAccentBase = "#dedede";
|
|
107
|
-
export const KsBorderColorAccentInvertedBase = "#
|
|
107
|
+
export const KsBorderColorAccentInvertedBase = "#2f2f2f";
|
|
108
108
|
export const KsBorderColorClearBase = "rgba(0, 0, 0, 0)";
|
|
109
109
|
export const KsBorderColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
110
110
|
export const KsBorderColorClearInteractiveHoverBase = "rgba(195, 0, 47, 0.13)";
|
|
@@ -149,8 +149,8 @@ export const KsBorderColorPrimaryInteractiveSelectedBase = "#c3002f";
|
|
|
149
149
|
export const KsBorderColorPrimaryTranslucentBase = "rgba(195, 0, 47, 0.87)";
|
|
150
150
|
export const KsBorderColorPrimaryInvertedBase = "#c41631";
|
|
151
151
|
export const KsBorderColorPrimaryInvertedInteractiveBase = "#c41631";
|
|
152
|
-
export const KsBorderColorPrimaryInvertedInteractiveHoverBase = "#
|
|
153
|
-
export const KsBorderColorPrimaryInvertedInteractiveActiveBase = "#
|
|
152
|
+
export const KsBorderColorPrimaryInvertedInteractiveHoverBase = "#ad152d";
|
|
153
|
+
export const KsBorderColorPrimaryInvertedInteractiveActiveBase = "#991529";
|
|
154
154
|
export const KsBorderColorPrimaryInvertedInteractiveSelectedBase = "#c41631";
|
|
155
155
|
export const KsBorderColorPrimaryInvertedTranslucentBase = "rgba(196, 22, 49, 0.87)";
|
|
156
156
|
export const KsBorderColorPositiveBase = "#6edb64";
|
|
@@ -161,8 +161,8 @@ export const KsBorderColorPositiveInteractiveSelectedBase = "#6edb64";
|
|
|
161
161
|
export const KsBorderColorPositiveTranslucentBase = "rgba(110, 219, 100, 0.87)";
|
|
162
162
|
export const KsBorderColorPositiveInvertedBase = "#23831b";
|
|
163
163
|
export const KsBorderColorPositiveInvertedInteractiveBase = "#23831b";
|
|
164
|
-
export const KsBorderColorPositiveInvertedInteractiveHoverBase = "#
|
|
165
|
-
export const KsBorderColorPositiveInvertedInteractiveActiveBase = "#
|
|
164
|
+
export const KsBorderColorPositiveInvertedInteractiveHoverBase = "#21741a";
|
|
165
|
+
export const KsBorderColorPositiveInvertedInteractiveActiveBase = "#1e6718";
|
|
166
166
|
export const KsBorderColorPositiveInvertedInteractiveSelectedBase = "#23831b";
|
|
167
167
|
export const KsBorderColorPositiveInvertedTranslucentBase = "rgba(35, 131, 27, 0.87)";
|
|
168
168
|
export const KsBorderColorInformativeBase = "#64c2db";
|
|
@@ -173,8 +173,8 @@ export const KsBorderColorInformativeInteractiveSelectedBase = "#64c2db";
|
|
|
173
173
|
export const KsBorderColorInformativeTranslucentBase = "rgba(100, 194, 219, 0.87)";
|
|
174
174
|
export const KsBorderColorInformativeInvertedBase = "#00718f";
|
|
175
175
|
export const KsBorderColorInformativeInvertedInteractiveBase = "#00718f";
|
|
176
|
-
export const KsBorderColorInformativeInvertedInteractiveHoverBase = "#
|
|
177
|
-
export const KsBorderColorInformativeInvertedInteractiveActiveBase = "#
|
|
176
|
+
export const KsBorderColorInformativeInvertedInteractiveHoverBase = "#02647e";
|
|
177
|
+
export const KsBorderColorInformativeInvertedInteractiveActiveBase = "#045a71";
|
|
178
178
|
export const KsBorderColorInformativeInvertedInteractiveSelectedBase = "#00718f";
|
|
179
179
|
export const KsBorderColorInformativeInvertedTranslucentBase = "rgba(0, 113, 143, 0.87)";
|
|
180
180
|
export const KsBorderColorNoticeBase = "#f9de55";
|
|
@@ -185,8 +185,8 @@ export const KsBorderColorNoticeInteractiveSelectedBase = "#f9de55";
|
|
|
185
185
|
export const KsBorderColorNoticeTranslucentBase = "rgba(249, 222, 85, 0.87)";
|
|
186
186
|
export const KsBorderColorNoticeInvertedBase = "#ff5d53";
|
|
187
187
|
export const KsBorderColorNoticeInvertedInteractiveBase = "#ff5d53";
|
|
188
|
-
export const KsBorderColorNoticeInvertedInteractiveHoverBase = "#
|
|
189
|
-
export const KsBorderColorNoticeInvertedInteractiveActiveBase = "#
|
|
188
|
+
export const KsBorderColorNoticeInvertedInteractiveHoverBase = "#e0534a";
|
|
189
|
+
export const KsBorderColorNoticeInvertedInteractiveActiveBase = "#c64b43";
|
|
190
190
|
export const KsBorderColorNoticeInvertedInteractiveSelectedBase = "#ff5d53";
|
|
191
191
|
export const KsBorderColorNoticeInvertedTranslucentBase = "rgba(255, 93, 83, 0.87)";
|
|
192
192
|
export const KsBorderColorNegativeBase = "#ff1a57";
|
|
@@ -197,8 +197,8 @@ export const KsBorderColorNegativeInteractiveSelectedBase = "#ff1a57";
|
|
|
197
197
|
export const KsBorderColorNegativeTranslucentBase = "rgba(255, 26, 87, 0.87)";
|
|
198
198
|
export const KsBorderColorNegativeInvertedBase = "#d21d48";
|
|
199
199
|
export const KsBorderColorNegativeInvertedInteractiveBase = "#d21d48";
|
|
200
|
-
export const KsBorderColorNegativeInvertedInteractiveHoverBase = "#
|
|
201
|
-
export const KsBorderColorNegativeInvertedInteractiveActiveBase = "#
|
|
200
|
+
export const KsBorderColorNegativeInvertedInteractiveHoverBase = "#b91b41";
|
|
201
|
+
export const KsBorderColorNegativeInvertedInteractiveActiveBase = "#a31a3b";
|
|
202
202
|
export const KsBorderColorNegativeInvertedInteractiveSelectedBase = "#d21d48";
|
|
203
203
|
export const KsBorderColorNegativeInvertedTranslucentBase = "rgba(210, 29, 72, 0.87)";
|
|
204
204
|
export const KsBorderWidthDefault = "1px";
|
|
@@ -278,15 +278,15 @@ export const KsColorFgInvertedAlpha6Base = "rgba(255, 255, 255, 0.37)";
|
|
|
278
278
|
export const KsColorFgInvertedAlpha7Base = "rgba(255, 255, 255, 0.24)";
|
|
279
279
|
export const KsColorFgInvertedAlpha8Base = "rgba(255, 255, 255, 0.13)";
|
|
280
280
|
export const KsColorFgInvertedAlpha9Base = "rgba(255, 255, 255, 0.05)";
|
|
281
|
-
export const KsColorFgInvertedToBg1Base = "#
|
|
282
|
-
export const KsColorFgInvertedToBg2Base = "#
|
|
283
|
-
export const KsColorFgInvertedToBg3Base = "#
|
|
284
|
-
export const KsColorFgInvertedToBg4Base = "#
|
|
285
|
-
export const KsColorFgInvertedToBg5Base = "#
|
|
286
|
-
export const KsColorFgInvertedToBg6Base = "#
|
|
287
|
-
export const KsColorFgInvertedToBg7Base = "#
|
|
288
|
-
export const KsColorFgInvertedToBg8Base = "#
|
|
289
|
-
export const KsColorFgInvertedToBg9Base = "#
|
|
281
|
+
export const KsColorFgInvertedToBg1Base = "#f3f3f3";
|
|
282
|
+
export const KsColorFgInvertedToBg2Base = "#e0e0e0";
|
|
283
|
+
export const KsColorFgInvertedToBg3Base = "#c6c6c6";
|
|
284
|
+
export const KsColorFgInvertedToBg4Base = "#a7a7a7";
|
|
285
|
+
export const KsColorFgInvertedToBg5Base = "#888888";
|
|
286
|
+
export const KsColorFgInvertedToBg6Base = "#686868";
|
|
287
|
+
export const KsColorFgInvertedToBg7Base = "#494949";
|
|
288
|
+
export const KsColorFgInvertedToBg8Base = "#2f2f2f";
|
|
289
|
+
export const KsColorFgInvertedToBg9Base = "#1c1c1c";
|
|
290
290
|
export const KsColorBgBase = "#ffffff";
|
|
291
291
|
export const KsColorBgAlpha1Base = "rgba(255, 255, 255, 0.95)";
|
|
292
292
|
export const KsColorBgAlpha2Base = "rgba(255, 255, 255, 0.87)";
|
|
@@ -306,25 +306,25 @@ export const KsColorBgToFg6Base = "#5e5e5e";
|
|
|
306
306
|
export const KsColorBgToFg7Base = "#3d3d3d";
|
|
307
307
|
export const KsColorBgToFg8Base = "#212121";
|
|
308
308
|
export const KsColorBgToFg9Base = "#0d0d0d";
|
|
309
|
-
export const KsColorBgInvertedBase = "#
|
|
310
|
-
export const KsColorBgInvertedAlpha1Base = "rgba(
|
|
311
|
-
export const KsColorBgInvertedAlpha2Base = "rgba(
|
|
312
|
-
export const KsColorBgInvertedAlpha3Base = "rgba(
|
|
313
|
-
export const KsColorBgInvertedAlpha4Base = "rgba(
|
|
314
|
-
export const KsColorBgInvertedAlpha5Base = "rgba(
|
|
315
|
-
export const KsColorBgInvertedAlpha6Base = "rgba(
|
|
316
|
-
export const KsColorBgInvertedAlpha7Base = "rgba(
|
|
317
|
-
export const KsColorBgInvertedAlpha8Base = "rgba(
|
|
318
|
-
export const KsColorBgInvertedAlpha9Base = "rgba(
|
|
319
|
-
export const KsColorBgInvertedToFg1Base = "#
|
|
320
|
-
export const KsColorBgInvertedToFg2Base = "#
|
|
321
|
-
export const KsColorBgInvertedToFg3Base = "#
|
|
322
|
-
export const KsColorBgInvertedToFg4Base = "#
|
|
323
|
-
export const KsColorBgInvertedToFg5Base = "#
|
|
324
|
-
export const KsColorBgInvertedToFg6Base = "#
|
|
325
|
-
export const KsColorBgInvertedToFg7Base = "#
|
|
326
|
-
export const KsColorBgInvertedToFg8Base = "#
|
|
327
|
-
export const KsColorBgInvertedToFg9Base = "#
|
|
309
|
+
export const KsColorBgInvertedBase = "#101010";
|
|
310
|
+
export const KsColorBgInvertedAlpha1Base = "rgba(16, 16, 16, 0.95)";
|
|
311
|
+
export const KsColorBgInvertedAlpha2Base = "rgba(16, 16, 16, 0.87)";
|
|
312
|
+
export const KsColorBgInvertedAlpha3Base = "rgba(16, 16, 16, 0.76)";
|
|
313
|
+
export const KsColorBgInvertedAlpha4Base = "rgba(16, 16, 16, 0.63)";
|
|
314
|
+
export const KsColorBgInvertedAlpha5Base = "rgba(16, 16, 16, 0.5)";
|
|
315
|
+
export const KsColorBgInvertedAlpha6Base = "rgba(16, 16, 16, 0.37)";
|
|
316
|
+
export const KsColorBgInvertedAlpha7Base = "rgba(16, 16, 16, 0.24)";
|
|
317
|
+
export const KsColorBgInvertedAlpha8Base = "rgba(16, 16, 16, 0.13)";
|
|
318
|
+
export const KsColorBgInvertedAlpha9Base = "rgba(16, 16, 16, 0.05)";
|
|
319
|
+
export const KsColorBgInvertedToFg1Base = "#1c1c1c";
|
|
320
|
+
export const KsColorBgInvertedToFg2Base = "#2f2f2f";
|
|
321
|
+
export const KsColorBgInvertedToFg3Base = "#494949";
|
|
322
|
+
export const KsColorBgInvertedToFg4Base = "#686868";
|
|
323
|
+
export const KsColorBgInvertedToFg5Base = "#888888";
|
|
324
|
+
export const KsColorBgInvertedToFg6Base = "#a7a7a7";
|
|
325
|
+
export const KsColorBgInvertedToFg7Base = "#c6c6c6";
|
|
326
|
+
export const KsColorBgInvertedToFg8Base = "#e0e0e0";
|
|
327
|
+
export const KsColorBgInvertedToFg9Base = "#f3f3f3";
|
|
328
328
|
export const KsColorTransparentBase = "rgba(0, 0, 0, 0)";
|
|
329
329
|
export const KsColorPrimaryBase = "#c3002f";
|
|
330
330
|
export const KsColorPrimaryAlpha1Base = "rgba(195, 0, 47, 0.95)";
|
|
@@ -364,15 +364,15 @@ export const KsColorPrimaryInvertedAlpha6Base = "rgba(196, 22, 49, 0.37)";
|
|
|
364
364
|
export const KsColorPrimaryInvertedAlpha7Base = "rgba(196, 22, 49, 0.24)";
|
|
365
365
|
export const KsColorPrimaryInvertedAlpha8Base = "rgba(196, 22, 49, 0.13)";
|
|
366
366
|
export const KsColorPrimaryInvertedAlpha9Base = "rgba(196, 22, 49, 0.05)";
|
|
367
|
-
export const KsColorPrimaryInvertedToBg1Base = "#
|
|
368
|
-
export const KsColorPrimaryInvertedToBg2Base = "#
|
|
369
|
-
export const KsColorPrimaryInvertedToBg3Base = "#
|
|
370
|
-
export const KsColorPrimaryInvertedToBg4Base = "#
|
|
371
|
-
export const KsColorPrimaryInvertedToBg5Base = "#
|
|
372
|
-
export const KsColorPrimaryInvertedToBg6Base = "#
|
|
373
|
-
export const KsColorPrimaryInvertedToBg7Base = "#
|
|
374
|
-
export const KsColorPrimaryInvertedToBg8Base = "#
|
|
375
|
-
export const KsColorPrimaryInvertedToBg9Base = "#
|
|
367
|
+
export const KsColorPrimaryInvertedToBg1Base = "#bb162f";
|
|
368
|
+
export const KsColorPrimaryInvertedToBg2Base = "#ad152d";
|
|
369
|
+
export const KsColorPrimaryInvertedToBg3Base = "#991529";
|
|
370
|
+
export const KsColorPrimaryInvertedToBg4Base = "#811425";
|
|
371
|
+
export const KsColorPrimaryInvertedToBg5Base = "#6a1321";
|
|
372
|
+
export const KsColorPrimaryInvertedToBg6Base = "#53121c";
|
|
373
|
+
export const KsColorPrimaryInvertedToBg7Base = "#3b1118";
|
|
374
|
+
export const KsColorPrimaryInvertedToBg8Base = "#271114";
|
|
375
|
+
export const KsColorPrimaryInvertedToBg9Base = "#191012";
|
|
376
376
|
export const KsColorPrimaryInvertedToFg1Base = "#c7223b";
|
|
377
377
|
export const KsColorPrimaryInvertedToFg2Base = "#cc344c";
|
|
378
378
|
export const KsColorPrimaryInvertedToFg3Base = "#d24e62";
|
|
@@ -420,15 +420,15 @@ export const KsColorLinkInvertedAlpha6Base = "rgba(195, 0, 47, 0.37)";
|
|
|
420
420
|
export const KsColorLinkInvertedAlpha7Base = "rgba(195, 0, 47, 0.24)";
|
|
421
421
|
export const KsColorLinkInvertedAlpha8Base = "rgba(195, 0, 47, 0.13)";
|
|
422
422
|
export const KsColorLinkInvertedAlpha9Base = "rgba(195, 0, 47, 0.05)";
|
|
423
|
-
export const KsColorLinkInvertedToBg1Base = "#
|
|
424
|
-
export const KsColorLinkInvertedToBg2Base = "#
|
|
425
|
-
export const KsColorLinkInvertedToBg3Base = "#
|
|
426
|
-
export const KsColorLinkInvertedToBg4Base = "#
|
|
427
|
-
export const KsColorLinkInvertedToBg5Base = "#
|
|
428
|
-
export const KsColorLinkInvertedToBg6Base = "#
|
|
429
|
-
export const KsColorLinkInvertedToBg7Base = "#
|
|
430
|
-
export const KsColorLinkInvertedToBg8Base = "#
|
|
431
|
-
export const KsColorLinkInvertedToBg9Base = "#
|
|
423
|
+
export const KsColorLinkInvertedToBg1Base = "#ba012d";
|
|
424
|
+
export const KsColorLinkInvertedToBg2Base = "#ac022b";
|
|
425
|
+
export const KsColorLinkInvertedToBg3Base = "#980428";
|
|
426
|
+
export const KsColorLinkInvertedToBg4Base = "#810624";
|
|
427
|
+
export const KsColorLinkInvertedToBg5Base = "#6a0820";
|
|
428
|
+
export const KsColorLinkInvertedToBg6Base = "#520a1b";
|
|
429
|
+
export const KsColorLinkInvertedToBg7Base = "#3b0c17";
|
|
430
|
+
export const KsColorLinkInvertedToBg8Base = "#270e14";
|
|
431
|
+
export const KsColorLinkInvertedToBg9Base = "#190f12";
|
|
432
432
|
export const KsColorLinkInvertedToFg1Base = "#c60d39";
|
|
433
433
|
export const KsColorLinkInvertedToFg2Base = "#cb214a";
|
|
434
434
|
export const KsColorLinkInvertedToFg3Base = "#d13d61";
|
|
@@ -476,15 +476,15 @@ export const KsColorPositiveInvertedAlpha6Base = "rgba(35, 131, 27, 0.37)";
|
|
|
476
476
|
export const KsColorPositiveInvertedAlpha7Base = "rgba(35, 131, 27, 0.24)";
|
|
477
477
|
export const KsColorPositiveInvertedAlpha8Base = "rgba(35, 131, 27, 0.13)";
|
|
478
478
|
export const KsColorPositiveInvertedAlpha9Base = "rgba(35, 131, 27, 0.05)";
|
|
479
|
-
export const KsColorPositiveInvertedToBg1Base = "#
|
|
480
|
-
export const KsColorPositiveInvertedToBg2Base = "#
|
|
481
|
-
export const KsColorPositiveInvertedToBg3Base = "#
|
|
482
|
-
export const KsColorPositiveInvertedToBg4Base = "#
|
|
483
|
-
export const KsColorPositiveInvertedToBg5Base = "#
|
|
484
|
-
export const KsColorPositiveInvertedToBg6Base = "#
|
|
485
|
-
export const KsColorPositiveInvertedToBg7Base = "#
|
|
486
|
-
export const KsColorPositiveInvertedToBg8Base = "#
|
|
487
|
-
export const KsColorPositiveInvertedToBg9Base = "#
|
|
479
|
+
export const KsColorPositiveInvertedToBg1Base = "#227d1a";
|
|
480
|
+
export const KsColorPositiveInvertedToBg2Base = "#21741a";
|
|
481
|
+
export const KsColorPositiveInvertedToBg3Base = "#1e6718";
|
|
482
|
+
export const KsColorPositiveInvertedToBg4Base = "#1c5817";
|
|
483
|
+
export const KsColorPositiveInvertedToBg5Base = "#1a4a16";
|
|
484
|
+
export const KsColorPositiveInvertedToBg6Base = "#173b14";
|
|
485
|
+
export const KsColorPositiveInvertedToBg7Base = "#152c13";
|
|
486
|
+
export const KsColorPositiveInvertedToBg8Base = "#121f11";
|
|
487
|
+
export const KsColorPositiveInvertedToBg9Base = "#111611";
|
|
488
488
|
export const KsColorPositiveInvertedToFg1Base = "#2e8926";
|
|
489
489
|
export const KsColorPositiveInvertedToFg2Base = "#409339";
|
|
490
490
|
export const KsColorPositiveInvertedToFg3Base = "#58a152";
|
|
@@ -532,15 +532,15 @@ export const KsColorInformativeInvertedAlpha6Base = "rgba(0, 113, 143, 0.37)";
|
|
|
532
532
|
export const KsColorInformativeInvertedAlpha7Base = "rgba(0, 113, 143, 0.24)";
|
|
533
533
|
export const KsColorInformativeInvertedAlpha8Base = "rgba(0, 113, 143, 0.13)";
|
|
534
534
|
export const KsColorInformativeInvertedAlpha9Base = "rgba(0, 113, 143, 0.05)";
|
|
535
|
-
export const KsColorInformativeInvertedToBg1Base = "#
|
|
536
|
-
export const KsColorInformativeInvertedToBg2Base = "#
|
|
537
|
-
export const KsColorInformativeInvertedToBg3Base = "#
|
|
538
|
-
export const KsColorInformativeInvertedToBg4Base = "#
|
|
539
|
-
export const KsColorInformativeInvertedToBg5Base = "#
|
|
540
|
-
export const KsColorInformativeInvertedToBg6Base = "#
|
|
541
|
-
export const KsColorInformativeInvertedToBg7Base = "#
|
|
542
|
-
export const KsColorInformativeInvertedToBg8Base = "#
|
|
543
|
-
export const KsColorInformativeInvertedToBg9Base = "#
|
|
535
|
+
export const KsColorInformativeInvertedToBg1Base = "#016c89";
|
|
536
|
+
export const KsColorInformativeInvertedToBg2Base = "#02647e";
|
|
537
|
+
export const KsColorInformativeInvertedToBg3Base = "#045a71";
|
|
538
|
+
export const KsColorInformativeInvertedToBg4Base = "#064d60";
|
|
539
|
+
export const KsColorInformativeInvertedToBg5Base = "#084150";
|
|
540
|
+
export const KsColorInformativeInvertedToBg6Base = "#0a343f";
|
|
541
|
+
export const KsColorInformativeInvertedToBg7Base = "#0c272e";
|
|
542
|
+
export const KsColorInformativeInvertedToBg8Base = "#0e1d21";
|
|
543
|
+
export const KsColorInformativeInvertedToBg9Base = "#0f1516";
|
|
544
544
|
export const KsColorInformativeInvertedToFg1Base = "#0d7895";
|
|
545
545
|
export const KsColorInformativeInvertedToFg2Base = "#21839e";
|
|
546
546
|
export const KsColorInformativeInvertedToFg3Base = "#3d93aa";
|
|
@@ -588,15 +588,15 @@ export const KsColorNoticeInvertedAlpha6Base = "rgba(255, 93, 83, 0.37)";
|
|
|
588
588
|
export const KsColorNoticeInvertedAlpha7Base = "rgba(255, 93, 83, 0.24)";
|
|
589
589
|
export const KsColorNoticeInvertedAlpha8Base = "rgba(255, 93, 83, 0.13)";
|
|
590
590
|
export const KsColorNoticeInvertedAlpha9Base = "rgba(255, 93, 83, 0.05)";
|
|
591
|
-
export const KsColorNoticeInvertedToBg1Base = "#
|
|
592
|
-
export const KsColorNoticeInvertedToBg2Base = "#
|
|
593
|
-
export const KsColorNoticeInvertedToBg3Base = "#
|
|
594
|
-
export const KsColorNoticeInvertedToBg4Base = "#
|
|
595
|
-
export const KsColorNoticeInvertedToBg5Base = "#
|
|
596
|
-
export const KsColorNoticeInvertedToBg6Base = "#
|
|
597
|
-
export const KsColorNoticeInvertedToBg7Base = "#
|
|
598
|
-
export const KsColorNoticeInvertedToBg8Base = "#
|
|
599
|
-
export const KsColorNoticeInvertedToBg9Base = "#
|
|
591
|
+
export const KsColorNoticeInvertedToBg1Base = "#f35950";
|
|
592
|
+
export const KsColorNoticeInvertedToBg2Base = "#e0534a";
|
|
593
|
+
export const KsColorNoticeInvertedToBg3Base = "#c64b43";
|
|
594
|
+
export const KsColorNoticeInvertedToBg4Base = "#a7413a";
|
|
595
|
+
export const KsColorNoticeInvertedToBg5Base = "#883732";
|
|
596
|
+
export const KsColorNoticeInvertedToBg6Base = "#682c29";
|
|
597
|
+
export const KsColorNoticeInvertedToBg7Base = "#492220";
|
|
598
|
+
export const KsColorNoticeInvertedToBg8Base = "#2f1a19";
|
|
599
|
+
export const KsColorNoticeInvertedToBg9Base = "#1c1413";
|
|
600
600
|
export const KsColorNoticeInvertedToFg1Base = "#ff655c";
|
|
601
601
|
export const KsColorNoticeInvertedToFg2Base = "#ff7269";
|
|
602
602
|
export const KsColorNoticeInvertedToFg3Base = "#ff847c";
|
|
@@ -644,15 +644,15 @@ export const KsColorNegativeInvertedAlpha6Base = "rgba(210, 29, 72, 0.37)";
|
|
|
644
644
|
export const KsColorNegativeInvertedAlpha7Base = "rgba(210, 29, 72, 0.24)";
|
|
645
645
|
export const KsColorNegativeInvertedAlpha8Base = "rgba(210, 29, 72, 0.13)";
|
|
646
646
|
export const KsColorNegativeInvertedAlpha9Base = "rgba(210, 29, 72, 0.05)";
|
|
647
|
-
export const KsColorNegativeInvertedToBg1Base = "#
|
|
648
|
-
export const KsColorNegativeInvertedToBg2Base = "#
|
|
649
|
-
export const KsColorNegativeInvertedToBg3Base = "#
|
|
650
|
-
export const KsColorNegativeInvertedToBg4Base = "#
|
|
651
|
-
export const KsColorNegativeInvertedToBg5Base = "#
|
|
652
|
-
export const KsColorNegativeInvertedToBg6Base = "#
|
|
653
|
-
export const KsColorNegativeInvertedToBg7Base = "#
|
|
654
|
-
export const KsColorNegativeInvertedToBg8Base = "#
|
|
655
|
-
export const KsColorNegativeInvertedToBg9Base = "#
|
|
647
|
+
export const KsColorNegativeInvertedToBg1Base = "#c81c45";
|
|
648
|
+
export const KsColorNegativeInvertedToBg2Base = "#b91b41";
|
|
649
|
+
export const KsColorNegativeInvertedToBg3Base = "#a31a3b";
|
|
650
|
+
export const KsColorNegativeInvertedToBg4Base = "#8a1833";
|
|
651
|
+
export const KsColorNegativeInvertedToBg5Base = "#71172c";
|
|
652
|
+
export const KsColorNegativeInvertedToBg6Base = "#581525";
|
|
653
|
+
export const KsColorNegativeInvertedToBg7Base = "#3f131d";
|
|
654
|
+
export const KsColorNegativeInvertedToBg8Base = "#291217";
|
|
655
|
+
export const KsColorNegativeInvertedToBg9Base = "#1a1113";
|
|
656
656
|
export const KsColorNegativeInvertedToFg1Base = "#d42851";
|
|
657
657
|
export const KsColorNegativeInvertedToFg2Base = "#d83a60";
|
|
658
658
|
export const KsColorNegativeInvertedToFg3Base = "#dd5374";
|
|
@@ -932,6 +932,7 @@ export const IconsSearch = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"htt
|
|
|
932
932
|
export const IconsSkipBack = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.375 3.21875C18.6752 2.97861 19.0871 2.93211 19.4336 3.09863C19.7799 3.26521 20 3.61571 20 4V20C20 20.3843 19.7799 20.7348 19.4336 20.9014C19.0871 21.0679 18.6752 21.0214 18.375 20.7812L8.375 12.7813C8.13778 12.5915 8 12.3038 8 12C8 11.6962 8.13778 11.4085 8.375 11.2188L18.375 3.21875ZM10.6016 12L18 17.918V6.08106L10.6016 12Z\"\n />\n <path\n d=\"M4 19V5C4 4.44772 4.44772 4 5 4C5.55228 4 6 4.44772 6 5V19C6 19.5523 5.55228 20 5 20C4.44772 20 4 19.5523 4 19Z\"\n />\n</svg>";
|
|
933
933
|
export const IconsSkipForward = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M4.56641 3.09863C4.91287 2.93211 5.32483 2.97861 5.625 3.21875L15.625 11.2188C15.8622 11.4085 16 11.6962 16 12C16 12.3038 15.8622 12.5915 15.625 12.7813L5.625 20.7812C5.32483 21.0214 4.91287 21.0679 4.56641 20.9014C4.22012 20.7348 4 20.3843 4 20V4C4 3.61571 4.22012 3.26521 4.56641 3.09863ZM6 17.918L13.3984 12L6 6.08106V17.918Z\"\n />\n <path\n d=\"M18 19V5C18 4.44772 18.4477 4 19 4C19.5523 4 20 4.44772 20 5V19C20 19.5523 19.5523 20 19 20C18.4477 20 18 19.5523 18 19Z\"\n />\n</svg>";
|
|
934
934
|
export const IconsZoom = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M21.7 20.3L18 16.6C19.2 15.1 20 13.1 20 11C20 6 16 2 11 2C6 2 2 6 2 11C2 16 6 20 11 20C13.1 20 15.1 19.3 16.6 18L20.3 21.7C20.5 21.9 20.8 22 21 22C21.2 22 21.5 21.9 21.7 21.7C22.1 21.3 22.1 20.7 21.7 20.3ZM4 11C4 7.1 7.1 4 11 4C14.9 4 18 7.1 18 11C18 12.9 17.2 14.7 16 15.9C14.7 17.2 13 17.9 11.1 17.9C7.1 18 4 14.9 4 11Z\" />\n <path\n d=\"M14 10H12V8C12 7.4 11.6 7 11 7C10.4 7 10 7.4 10 8V10H8C7.4 10 7 10.4 7 11C7 11.6 7.4 12 8 12H10V14C10 14.6 10.4 15 11 15C11.6 15 12 14.6 12 14V12H14C14.6 12 15 11.6 15 11C15 10.4 14.6 10 14 10Z\" />\n</svg>";
|
|
935
|
+
export const IconsHeart = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M21.452 8.50012C21.452 7.90903 21.3355 7.32354 21.1093 6.77747C20.883 6.23136 20.5508 5.7354 20.1327 5.3175C19.7149 4.89956 19.2187 4.56718 18.6727 4.34094C18.1266 4.11467 17.5412 3.99818 16.9501 3.99817C16.3589 3.99817 15.7735 4.11466 15.2274 4.34094C14.6815 4.56717 14.1853 4.89859 13.7675 5.31653L12.7069 6.37708C12.3164 6.76752 11.6833 6.76757 11.2928 6.37708L10.2333 5.3175C9.38912 4.47335 8.2435 3.99915 7.04968 3.99915C5.85598 3.99923 4.71115 4.47342 3.86707 5.3175C3.02305 6.16164 2.54871 7.30641 2.54871 8.50012C2.54874 9.69385 3.023 10.8386 3.86707 11.6827L11.9999 19.8156L20.1327 11.6827L20.286 11.5226C20.6326 11.1402 20.9113 10.7006 21.1093 10.2228C21.3355 9.67671 21.452 9.0912 21.452 8.50012ZM23.452 8.50012C23.452 9.35393 23.2837 10.1996 22.9569 10.9884C22.6301 11.7771 22.1505 12.4933 21.5468 13.0968L12.7069 21.9366C12.3164 22.3272 11.6834 22.3272 11.2928 21.9366L2.453 13.0968C1.23386 11.8776 0.54874 10.2243 0.548706 8.50012C0.548706 6.77587 1.23377 5.12169 2.453 3.90247C3.67213 2.68348 5.32567 1.99923 7.04968 1.99915C8.77389 1.99915 10.4281 2.6833 11.6473 3.90247L11.9999 4.255L12.3524 3.90247C12.956 3.29864 13.6731 2.82011 14.4618 2.49329C15.2506 2.16644 16.0962 1.99817 16.9501 1.99817C17.8039 1.99818 18.6496 2.16645 19.4384 2.49329C20.2269 2.82003 20.9433 3.29887 21.5468 3.90247C22.1507 4.50609 22.6301 5.22303 22.9569 6.01184C23.2837 6.80064 23.452 7.64629 23.452 8.50012Z\"\n />\n</svg>";
|
|
935
936
|
export const IconsArrowDown = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M19.7 11.3C19.3 10.9 18.7 10.9 18.3 11.3L13 16.6V5C13 4.4 12.6 4 12 4C11.4 4 11 4.4 11 5V16.6L5.7 11.3C5.3 10.9 4.7 10.9 4.3 11.3C3.9 11.7 3.9 12.3 4.3 12.7L11.3 19.7C11.4 19.8 11.5 19.9 11.6 19.9C11.7 20 11.9 20 12 20C12.1 20 12.3 20 12.4 19.9C12.5 19.8 12.6 19.8 12.7 19.7L19.7 12.7C20.1 12.3 20.1 11.7 19.7 11.3Z\" />\n</svg>";
|
|
936
937
|
export const IconsDate = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M19 3H17V2C17 1.4 16.6 1 16 1C15.4 1 15 1.4 15 2V3H9V2C9 1.4 8.6 1 8 1C7.4 1 7 1.4 7 2V3H5C3.3 3 2 4.3 2 6V20C2 21.7 3.3 23 5 23H19C20.7 23 22 21.7 22 20V6C22 4.3 20.7 3 19 3ZM5 5H7V6C7 6.6 7.4 7 8 7C8.6 7 9 6.6 9 6V5H15V6C15 6.6 15.4 7 16 7C16.6 7 17 6.6 17 6V5H19C19.6 5 20 5.4 20 6V9H4V6C4 5.4 4.4 5 5 5ZM19 21H5C4.4 21 4 20.6 4 20V11H20V20C20 20.6 19.6 21 19 21Z\" />\n</svg>";
|
|
937
938
|
export const IconsDownload = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M2 19V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15V19L4.00488 19.0986C4.02757 19.3276 4.12883 19.5429 4.29297 19.707C4.48051 19.8946 4.73478 20 5 20H19C19.2652 20 19.5195 19.8946 19.707 19.707C19.8946 19.5195 20 19.2652 20 19V15C20 14.4477 20.4477 14 21 14C21.5523 14 22 14.4477 22 15V19C22 19.7957 21.6837 20.5585 21.1211 21.1211C20.5585 21.6837 19.7957 22 19 22H5C4.20435 22 3.44152 21.6837 2.87891 21.1211C2.3163 20.5585 2 19.7956 2 19Z\" />\n <path\n d=\"M16.293 9.29297C16.6835 8.90244 17.3165 8.90244 17.707 9.29297C18.0976 9.68349 18.0976 10.3165 17.707 10.707L12.707 15.707C12.3165 16.0976 11.6835 16.0976 11.293 15.707L6.29297 10.707C5.90244 10.3165 5.90244 9.68349 6.29297 9.29297C6.68349 8.90244 7.31651 8.90244 7.70703 9.29297L12 13.5859L16.293 9.29297Z\" />\n <path\n d=\"M11 15V3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3V15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15Z\" />\n</svg>";
|