@drivy/cobalt 0.46.1 → 0.46.3
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/cjs/tokens/palette.js +71 -43
- package/cjs/tokens/palette.js.map +1 -1
- package/cjs/tokens/theme.js +142 -134
- package/cjs/tokens/theme.js.map +1 -1
- package/cjs/tokens/zIndexes.js +5 -0
- package/cjs/tokens/zIndexes.js.map +1 -1
- package/components/Calendar/CalendarView/CalendarViewMonth.js +2 -2
- package/components/Calendar/CalendarView/CalendarViewMonth.js.map +1 -1
- package/package.json +1 -1
- package/styles/components/Calendar/CalendarView/index.scss +7 -16
- package/styles/components/Icon/iconColors.scss +30 -26
- package/styles/components/Sidepanel/index.scss +32 -0
- package/styles/components.scss +1 -0
- package/styles/core/_colors-map.scss +39 -31
- package/styles/core/default-theme.scss +74 -66
- package/styles/core/palette.scss +69 -33
- package/styles/core/theme.scss +206 -190
- package/styles/core/z-index.scss +2 -1
- package/tokens/palette.js +72 -42
- package/tokens/palette.js.map +1 -1
- package/tokens/theme.js +142 -134
- package/tokens/theme.js.map +1 -1
- package/tokens/zIndexes.js +5 -1
- package/tokens/zIndexes.js.map +1 -1
- package/types/src/components/Icon/index.d.ts +1 -1
- package/types/src/components/Sidepanel/index.d.ts +16 -0
- package/types/src/tokens/index.d.ts +87 -44
- package/utilities.css +289 -181
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type SidepanelFooterPropsType = React.PropsWithChildren<{
|
|
3
|
+
className?: string;
|
|
4
|
+
}>;
|
|
5
|
+
type SidepanelPropsType = React.PropsWithChildren<{
|
|
6
|
+
isOpen: boolean;
|
|
7
|
+
title?: string;
|
|
8
|
+
close?: () => void;
|
|
9
|
+
}>;
|
|
10
|
+
export declare const Sidepanel: {
|
|
11
|
+
({ isOpen, title, close, children }: SidepanelPropsType): React.JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
} & {
|
|
14
|
+
Footer: (_props: SidepanelFooterPropsType) => null;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
@@ -366,6 +366,9 @@ export declare const zIndexes: {
|
|
|
366
366
|
"header-below": number;
|
|
367
367
|
header: number;
|
|
368
368
|
"header-above": number;
|
|
369
|
+
"sidepanel-below": number;
|
|
370
|
+
sidepanel: number;
|
|
371
|
+
"sidepanel-above": number;
|
|
369
372
|
"modal-below": number;
|
|
370
373
|
modal: number;
|
|
371
374
|
"modal-above": number;
|
|
@@ -377,22 +380,17 @@ export declare const palette: {
|
|
|
377
380
|
white: string;
|
|
378
381
|
purple: {
|
|
379
382
|
"100": string;
|
|
383
|
+
"200": string;
|
|
380
384
|
"300": string;
|
|
381
385
|
"400": string;
|
|
382
386
|
"500": string;
|
|
387
|
+
"600": string;
|
|
383
388
|
"700": string;
|
|
389
|
+
"800": string;
|
|
384
390
|
"900": string;
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
"
|
|
388
|
-
"300": string;
|
|
389
|
-
"400": string;
|
|
390
|
-
"500": string;
|
|
391
|
-
"700": string;
|
|
392
|
-
"900": string;
|
|
393
|
-
};
|
|
394
|
-
purpleLight: {
|
|
395
|
-
"100": string;
|
|
391
|
+
"1000": string;
|
|
392
|
+
"1100": string;
|
|
393
|
+
"1200": string;
|
|
396
394
|
};
|
|
397
395
|
navy: {
|
|
398
396
|
"50": string;
|
|
@@ -400,6 +398,7 @@ export declare const palette: {
|
|
|
400
398
|
"120": string;
|
|
401
399
|
"200": string;
|
|
402
400
|
"300": string;
|
|
401
|
+
"400": string;
|
|
403
402
|
"500": string;
|
|
404
403
|
"700": string;
|
|
405
404
|
"900": string;
|
|
@@ -407,6 +406,7 @@ export declare const palette: {
|
|
|
407
406
|
yellow: {
|
|
408
407
|
"100": string;
|
|
409
408
|
"300": string;
|
|
409
|
+
"400": string;
|
|
410
410
|
"500": string;
|
|
411
411
|
"700": string;
|
|
412
412
|
"900": string;
|
|
@@ -414,23 +414,34 @@ export declare const palette: {
|
|
|
414
414
|
};
|
|
415
415
|
green: {
|
|
416
416
|
"100": string;
|
|
417
|
-
"
|
|
418
|
-
"
|
|
417
|
+
"200": string;
|
|
418
|
+
"300": string;
|
|
419
|
+
"400": string;
|
|
419
420
|
"500": string;
|
|
420
421
|
"700": string;
|
|
421
422
|
"900": string;
|
|
422
423
|
"1000": string;
|
|
424
|
+
"1100": string;
|
|
425
|
+
"1200": string;
|
|
423
426
|
};
|
|
424
427
|
red: {
|
|
425
428
|
"100": string;
|
|
426
429
|
"120": string;
|
|
427
430
|
"150": string;
|
|
428
431
|
"200": string;
|
|
432
|
+
"300": string;
|
|
429
433
|
"400": string;
|
|
430
434
|
"500": string;
|
|
435
|
+
"600": string;
|
|
431
436
|
"700": string;
|
|
432
437
|
"800": string;
|
|
433
438
|
"900": string;
|
|
439
|
+
"1000": string;
|
|
440
|
+
"1200": string;
|
|
441
|
+
"1300": string;
|
|
442
|
+
"1400": string;
|
|
443
|
+
"1500": string;
|
|
444
|
+
"1600": string;
|
|
434
445
|
};
|
|
435
446
|
orange: {
|
|
436
447
|
"100": string;
|
|
@@ -442,18 +453,38 @@ export declare const palette: {
|
|
|
442
453
|
"50": string;
|
|
443
454
|
"75": string;
|
|
444
455
|
"100": string;
|
|
456
|
+
"200": string;
|
|
445
457
|
"300": string;
|
|
458
|
+
"400": string;
|
|
446
459
|
"500": string;
|
|
460
|
+
"600": string;
|
|
461
|
+
"700": string;
|
|
462
|
+
"800": string;
|
|
447
463
|
"1000": string;
|
|
448
464
|
};
|
|
449
465
|
grey: {
|
|
450
466
|
"50": string;
|
|
451
467
|
"100": string;
|
|
468
|
+
"200": string;
|
|
452
469
|
"300": string;
|
|
470
|
+
"400": string;
|
|
453
471
|
"500": string;
|
|
472
|
+
"600": string;
|
|
473
|
+
"700": string;
|
|
454
474
|
};
|
|
455
475
|
blue: {
|
|
476
|
+
"100": string;
|
|
477
|
+
"200": string;
|
|
478
|
+
"300": string;
|
|
479
|
+
"400": string;
|
|
456
480
|
"500": string;
|
|
481
|
+
"600": string;
|
|
482
|
+
"700": string;
|
|
483
|
+
"800": string;
|
|
484
|
+
"900": string;
|
|
485
|
+
"1000": string;
|
|
486
|
+
"1100": string;
|
|
487
|
+
"1200": string;
|
|
457
488
|
};
|
|
458
489
|
turquoise: {
|
|
459
490
|
"50": string;
|
|
@@ -473,10 +504,14 @@ export declare const palette: {
|
|
|
473
504
|
"200": string;
|
|
474
505
|
"300": string;
|
|
475
506
|
"400": string;
|
|
507
|
+
"500": string;
|
|
508
|
+
"600": string;
|
|
476
509
|
"700": string;
|
|
477
510
|
"800": string;
|
|
478
511
|
"900": string;
|
|
479
512
|
"1000": string;
|
|
513
|
+
"1100": string;
|
|
514
|
+
"1200": string;
|
|
480
515
|
};
|
|
481
516
|
newPurple: {
|
|
482
517
|
"200": string;
|
|
@@ -500,9 +535,6 @@ export declare const theme: {
|
|
|
500
535
|
successAlt: string;
|
|
501
536
|
connect: string;
|
|
502
537
|
connectAlt: string;
|
|
503
|
-
keyExchange: string;
|
|
504
|
-
picked: string;
|
|
505
|
-
rideshare: string;
|
|
506
538
|
driver: string;
|
|
507
539
|
owner: string;
|
|
508
540
|
disabled: string;
|
|
@@ -511,9 +543,13 @@ export declare const theme: {
|
|
|
511
543
|
seasonLow: string;
|
|
512
544
|
seasonMedium: string;
|
|
513
545
|
seasonHigh: string;
|
|
514
|
-
|
|
546
|
+
seasonVeryHigh: string;
|
|
515
547
|
rental: string;
|
|
548
|
+
rentalAlt: string;
|
|
516
549
|
blocker: string;
|
|
550
|
+
rideshare: string;
|
|
551
|
+
keyExchange: string;
|
|
552
|
+
picked: string;
|
|
517
553
|
base: string;
|
|
518
554
|
secondaryInteractive: {
|
|
519
555
|
DEFAULT: string;
|
|
@@ -542,21 +578,17 @@ export declare const theme: {
|
|
|
542
578
|
accent: string;
|
|
543
579
|
accentAlt: string;
|
|
544
580
|
info: string;
|
|
545
|
-
infoAlt: string;
|
|
546
581
|
error: string;
|
|
547
582
|
errorAlt: string;
|
|
548
583
|
success: string;
|
|
549
584
|
successAlt: string;
|
|
550
|
-
warning: string;
|
|
551
585
|
connect: string;
|
|
552
586
|
connectAlt: string;
|
|
553
|
-
keyExchange: string;
|
|
554
|
-
picked: string;
|
|
555
|
-
rideshare: string;
|
|
556
587
|
driver: string;
|
|
557
588
|
owner: string;
|
|
589
|
+
warning: string;
|
|
590
|
+
infoAlt: string;
|
|
558
591
|
disabled: string;
|
|
559
|
-
inversed: string;
|
|
560
592
|
onAccent: string;
|
|
561
593
|
onRideshare: string;
|
|
562
594
|
onError: string;
|
|
@@ -564,7 +596,17 @@ export declare const theme: {
|
|
|
564
596
|
onConnect: string;
|
|
565
597
|
onKeyExchange: string;
|
|
566
598
|
onPicked: string;
|
|
599
|
+
keyExchange: string;
|
|
600
|
+
picked: string;
|
|
601
|
+
rideshare: string;
|
|
567
602
|
onBase: string;
|
|
603
|
+
onSeasonLow: string;
|
|
604
|
+
onSeasonMedium: string;
|
|
605
|
+
onSeasonHigh: string;
|
|
606
|
+
onSeasonVeryHigh: string;
|
|
607
|
+
onRental: string;
|
|
608
|
+
onRentalAlt: string;
|
|
609
|
+
inversed: string;
|
|
568
610
|
baseInteractive: {
|
|
569
611
|
DEFAULT: string;
|
|
570
612
|
hover: string;
|
|
@@ -588,22 +630,17 @@ export declare const theme: {
|
|
|
588
630
|
accent: string;
|
|
589
631
|
accentAlt: string;
|
|
590
632
|
info: string;
|
|
591
|
-
infoAlt: string;
|
|
592
633
|
error: string;
|
|
593
634
|
errorAlt: string;
|
|
594
635
|
success: string;
|
|
595
636
|
successAlt: string;
|
|
596
|
-
warning: string;
|
|
597
637
|
connect: string;
|
|
598
638
|
connectAlt: string;
|
|
599
|
-
keyExchange: string;
|
|
600
|
-
picked: string;
|
|
601
|
-
rideshare: string;
|
|
602
639
|
driver: string;
|
|
603
640
|
owner: string;
|
|
641
|
+
warning: string;
|
|
642
|
+
infoAlt: string;
|
|
604
643
|
disabled: string;
|
|
605
|
-
disabledAlt: string;
|
|
606
|
-
inversed: string;
|
|
607
644
|
onAccent: string;
|
|
608
645
|
onRideshare: string;
|
|
609
646
|
onError: string;
|
|
@@ -611,7 +648,13 @@ export declare const theme: {
|
|
|
611
648
|
onConnect: string;
|
|
612
649
|
onKeyExchange: string;
|
|
613
650
|
onPicked: string;
|
|
651
|
+
keyExchange: string;
|
|
652
|
+
picked: string;
|
|
653
|
+
rideshare: string;
|
|
614
654
|
onBase: string;
|
|
655
|
+
disabledAlt: string;
|
|
656
|
+
onRental: string;
|
|
657
|
+
inversed: string;
|
|
615
658
|
baseInteractive: {
|
|
616
659
|
DEFAULT: string;
|
|
617
660
|
hover: string;
|
|
@@ -632,26 +675,26 @@ export declare const theme: {
|
|
|
632
675
|
stroke: {
|
|
633
676
|
base: string;
|
|
634
677
|
subdued: string;
|
|
635
|
-
strong: string;
|
|
636
678
|
accent: string;
|
|
637
679
|
accentAlt: string;
|
|
638
|
-
error: string;
|
|
639
|
-
errorAlt: string;
|
|
640
680
|
success: string;
|
|
641
681
|
successAlt: string;
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
682
|
+
error: string;
|
|
683
|
+
errorAlt: string;
|
|
684
|
+
strong: string;
|
|
685
|
+
onAccent: string;
|
|
646
686
|
rental: string;
|
|
647
687
|
blocker: string;
|
|
648
|
-
onAccent: string;
|
|
649
688
|
onError: string;
|
|
650
689
|
onSuccess: string;
|
|
690
|
+
connect: string;
|
|
691
|
+
keyExchange: string;
|
|
692
|
+
picked: string;
|
|
651
693
|
onConnect: string;
|
|
652
|
-
onPicked: string;
|
|
653
694
|
onKeyExchange: string;
|
|
695
|
+
onPicked: string;
|
|
654
696
|
onRideshare: string;
|
|
697
|
+
rideshare: string;
|
|
655
698
|
onBase: string;
|
|
656
699
|
baseInteractive: {
|
|
657
700
|
DEFAULT: string;
|
|
@@ -779,15 +822,15 @@ export declare const theme: {
|
|
|
779
822
|
};
|
|
780
823
|
fill: {
|
|
781
824
|
base: string;
|
|
782
|
-
subdued: string;
|
|
783
|
-
secondary: string;
|
|
784
825
|
accent: string;
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
success: string;
|
|
826
|
+
secondary: string;
|
|
827
|
+
subdued: string;
|
|
788
828
|
neutral: string;
|
|
789
829
|
negative: string;
|
|
830
|
+
accentAlt: string;
|
|
790
831
|
disabled: string;
|
|
832
|
+
error: string;
|
|
833
|
+
success: string;
|
|
791
834
|
rental: string;
|
|
792
835
|
blocker: string;
|
|
793
836
|
primary: string;
|