@servicetitan/design-system 14.4.0 → 14.4.1

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 (14) hide show
  1. package/dist/components/Table/Table.css +94 -20
  2. package/dist/components/Table/Table.css.map +1 -1
  3. package/dist/components/Table/index.css +94 -20
  4. package/dist/components/Table/index.css.map +1 -1
  5. package/dist/components/index.css +94 -20
  6. package/dist/components/index.css.map +1 -1
  7. package/dist/global/index.css +1 -1
  8. package/dist/global/version.css +1 -1
  9. package/dist/system-light.css +1 -1
  10. package/dist/system-light.min.css +1 -1
  11. package/dist/system.css +95 -21
  12. package/dist/system.css.map +1 -1
  13. package/dist/system.min.css +2 -2
  14. package/package.json +7 -7
package/dist/components/Table/Table.css CHANGED
@@ -497,6 +497,10 @@ span.Popover {
497
497
  border-color: var(--colorsBorderGrey, #dfe0e1);
498
498
  background-color: var(--colorsSurfaceDefault, white);
499
499
  }
500
+ .Table.k-grid .k-table,
501
+ .Table.k-grid .k-table.k-grid-table {
502
+ color: unset;
503
+ }
500
504
  .Table.k-grid .k-grid-header {
501
505
  color: var(--colorsTextOnGrey, #444445);
502
506
  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
@@ -506,6 +510,16 @@ span.Popover {
506
510
  .Table.k-grid .k-grid-header .k-grid-header .k-hierarchy-cell .k-icon:hover {
507
511
  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
508
512
  }
513
+ .Table.k-grid .k-grid-header .k-grid-header-menu {
514
+ color: unset;
515
+ }
516
+ .Table.k-grid .k-grid-header .k-grid-header-menu:hover {
517
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
518
+ }
519
+ .Table.k-grid .k-grid-header .k-table-thead {
520
+ background-color: unset;
521
+ color: unset;
522
+ }
509
523
  .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter {
510
524
  background-color: var(--colorsSurfacePrimary, #0265dc);
511
525
  }
@@ -524,26 +538,21 @@ span.Popover {
524
538
  background-color: var(--colorsSurfaceDefault, white);
525
539
  }
526
540
  .Table.k-grid:not(.Table--striped) tr.k-alt:hover {
527
- background-color: var(--colorsSurfaceGrey, #eeeeee);
541
+ background-color: color-mix(in srgb, var(--colorsSurfaceGrey, #eeeeee), var(--colorsSurfaceDefault, white));
528
542
  }
529
- .Table.k-grid tr.k-alt.k-selected,
530
- .Table.k-grid tr.k-selected {
543
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected {
531
544
  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
532
545
  }
533
- .Table.k-grid tr.k-alt.k-selected:hover,
534
- .Table.k-grid tr.k-selected:hover {
535
- background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
546
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected:hover {
547
+ background-color: color-mix(in srgb, var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1)), var(--colorsSurfacePrimarySubdued, #e0f2ff));
536
548
  }
537
- .Table.k-grid tr.k-alt.k-selected > td,
538
- .Table.k-grid tr.k-selected > td {
549
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected > td {
539
550
  background-color: inherit;
540
551
  }
541
- .Table.k-grid tbody tr.k-hover,
542
- .Table.k-grid tbody tr:hover {
552
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover {
543
553
  background-color: var(--colorsSurfaceGrey, #eeeeee);
544
554
  }
545
- .Table.k-grid tbody tr.k-hover td,
546
- .Table.k-grid tbody tr:hover td {
555
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover td {
547
556
  background-color: inherit;
548
557
  }
549
558
  .Table.k-grid .k-master-row.k-hover .k-grid-content-sticky,
@@ -605,29 +614,39 @@ span.Popover {
605
614
  .Table.k-grid th.k-header {
606
615
  border-color: var(--colorsBorderGrey, #dfe0e1);
607
616
  }
608
- .Table.k-grid .k-pager-wrap {
617
+ .Table.k-grid .k-pager {
609
618
  color: var(--colorsTextOnGrey, #444445);
610
619
  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
611
620
  }
612
- .Table.k-grid .k-pager-wrap .k-selected {
621
+ .Table.k-grid .k-pager .k-selected {
613
622
  background-color: var(--colorsSurfacePrimary, #0265dc);
614
623
  border-radius: 3px;
615
624
  color: var(--colorsTextOnPrimary, white);
616
625
  cursor: default;
617
626
  }
618
- .Table.k-grid .k-pager-wrap .k-pager-nav {
627
+ .Table.k-grid .k-pager .k-pager-nav {
619
628
  color: var(--colorsTextPrimary, #0265dc);
620
629
  }
621
- .Table.k-grid .k-pager-wrap .k-pager-nav.k-disabled {
630
+ .Table.k-grid .k-pager .k-pager-nav.k-disabled {
622
631
  color: var(--colorsTextOnGrey, #444445);
623
632
  }
624
- .Table.k-grid .k-pager-wrap .k-pager-nav.k-link:hover,
625
- .Table.k-grid .k-pager-wrap .k-pager-refresh:hover,
626
- .Table.k-grid .k-pager-wrap .k-hover.k-pager-nav.k-link,
627
- .Table.k-grid .k-pager-wrap .k-hover.k-pager-refresh {
633
+ .Table.k-grid .k-pager .k-pager-nav.k-link:hover,
634
+ .Table.k-grid .k-pager .k-pager-refresh:hover,
635
+ .Table.k-grid .k-pager .k-hover.k-pager-nav.k-link,
636
+ .Table.k-grid .k-pager .k-hover.k-pager-refresh {
628
637
  color: var(--colorsTextOnGrey, #444445);
629
638
  background-color: var(--colorsSurfaceGrey, #eeeeee);
630
639
  }
640
+ .Table.k-grid .k-pager .k-pager-numbers .k-button-flat-primary {
641
+ color: var(--colorsTextPrimary, #0265dc);
642
+ }
643
+ .Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist {
644
+ color: unset;
645
+ border-color: var(--colorsBorderGrey, #dfe0e1);
646
+ }
647
+ .Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist:hover {
648
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
649
+ }
631
650
 
632
651
  /* Filter popups are rendered outside .Table in portal */
633
652
  .k-popup {
@@ -635,6 +654,7 @@ span.Popover {
635
654
  color: var(--colorsTextDefault, #141414);
636
655
  /* Make sure font-family goes across entire component */
637
656
  font-family: "Nunito Sans", sans-serif;
657
+ background-color: var(--colorsSurfaceDefault, white);
638
658
  }
639
659
  .k-popup .k-input .k-button:hover,
640
660
  .k-popup .k-spin-button .k-button:hover {
@@ -642,10 +662,15 @@ span.Popover {
642
662
  }
643
663
  .k-popup .k-spin-button .k-button,
644
664
  .k-popup .k-input-button {
665
+ color: unset;
645
666
  border-inline-start-width: 0;
646
667
  border-radius: 0;
647
668
  background-color: transparent;
648
669
  }
670
+ .k-popup .k-spin-button .k-button:hover,
671
+ .k-popup .k-input-button:hover {
672
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
673
+ }
649
674
  .k-popup .k-i-arrow-n::before,
650
675
  .k-popup .k-i-arrow-s::before {
651
676
  opacity: 0.65;
@@ -656,6 +681,35 @@ span.Popover {
656
681
  .k-popup .k-i-arrow-n::before {
657
682
  content: url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 24 24' width='16px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z'/%3E%3C/svg%3E");
658
683
  }
684
+ .k-popup .k-columnmenu-item:hover {
685
+ color: inherit;
686
+ }
687
+ .k-popup .k-input {
688
+ background-color: var(--colorsSurfaceDefault, white);
689
+ border-color: var(--colorsBorderGrey, #dfe0e1);
690
+ color: unset;
691
+ }
692
+ .k-popup .k-input .k-input-button {
693
+ color: unset;
694
+ }
695
+ .k-popup .k-input .k-input-button:hover {
696
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
697
+ }
698
+ .k-popup .k-actions .k-button:disabled {
699
+ background-color: var(--colorsSurfaceGreyStronger, #bcbcbd);
700
+ color: var(--colorsTextSubdued, #606162);
701
+ border-color: unset;
702
+ }
703
+ .k-popup .k-actions .k-button:not(.k-button-solid-primary) {
704
+ background-color: var(--colorsSurfaceDefault, white);
705
+ border-color: var(--colorsBorderDefault, #949596);
706
+ color: var(--colorsTextOnGrey, #444445);
707
+ border-width: 1px;
708
+ }
709
+ .k-popup .k-actions .k-button.k-button-solid-primary {
710
+ background-color: var(--colorsSurfacePrimary, #0265dc);
711
+ color: var(--colorsTextOnPrimary, white);
712
+ }
659
713
 
660
714
  /* Workaround for a className `ta-right` to have effect on table cell and header */
661
715
  .k-grid td.ta-right,
@@ -686,4 +740,24 @@ span.Popover {
686
740
  color: var(--colorsTextOnPrimary, white);
687
741
  }
688
742
 
743
+ .k-dropdownlist.k-picker {
744
+ color: var(--colorsTextDefault, #141414);
745
+ border-color: var(--colorsBorderGrey, #dfe0e1);
746
+ }
747
+ .k-dropdownlist.k-picker:hover {
748
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
749
+ }
750
+
751
+ .k-dropdownlist-popup .k-list {
752
+ background-color: var(--colorsSurfaceDefault, white);
753
+ color: inherit;
754
+ }
755
+ .k-dropdownlist-popup .k-list .k-list-item {
756
+ background-color: inherit;
757
+ color: inherit;
758
+ }
759
+ .k-dropdownlist-popup .k-list .k-list-item.k-selected {
760
+ background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
761
+ }
762
+
689
763
  /*# sourceMappingURL=Table.css.map */
package/dist/components/Table/Table.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"Table.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"Table.css"}
package/dist/components/Table/index.css CHANGED
@@ -497,6 +497,10 @@ span.Popover {
497
497
  border-color: var(--colorsBorderGrey, #dfe0e1);
498
498
  background-color: var(--colorsSurfaceDefault, white);
499
499
  }
500
+ .Table.k-grid .k-table,
501
+ .Table.k-grid .k-table.k-grid-table {
502
+ color: unset;
503
+ }
500
504
  .Table.k-grid .k-grid-header {
501
505
  color: var(--colorsTextOnGrey, #444445);
502
506
  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
@@ -506,6 +510,16 @@ span.Popover {
506
510
  .Table.k-grid .k-grid-header .k-grid-header .k-hierarchy-cell .k-icon:hover {
507
511
  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
508
512
  }
513
+ .Table.k-grid .k-grid-header .k-grid-header-menu {
514
+ color: unset;
515
+ }
516
+ .Table.k-grid .k-grid-header .k-grid-header-menu:hover {
517
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
518
+ }
519
+ .Table.k-grid .k-grid-header .k-table-thead {
520
+ background-color: unset;
521
+ color: unset;
522
+ }
509
523
  .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter {
510
524
  background-color: var(--colorsSurfacePrimary, #0265dc);
511
525
  }
@@ -524,26 +538,21 @@ span.Popover {
524
538
  background-color: var(--colorsSurfaceDefault, white);
525
539
  }
526
540
  .Table.k-grid:not(.Table--striped) tr.k-alt:hover {
527
- background-color: var(--colorsSurfaceGrey, #eeeeee);
541
+ background-color: color-mix(in srgb, var(--colorsSurfaceGrey, #eeeeee), var(--colorsSurfaceDefault, white));
528
542
  }
529
- .Table.k-grid tr.k-alt.k-selected,
530
- .Table.k-grid tr.k-selected {
543
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected {
531
544
  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
532
545
  }
533
- .Table.k-grid tr.k-alt.k-selected:hover,
534
- .Table.k-grid tr.k-selected:hover {
535
- background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
546
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected:hover {
547
+ background-color: color-mix(in srgb, var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1)), var(--colorsSurfacePrimarySubdued, #e0f2ff));
536
548
  }
537
- .Table.k-grid tr.k-alt.k-selected > td,
538
- .Table.k-grid tr.k-selected > td {
549
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected > td {
539
550
  background-color: inherit;
540
551
  }
541
- .Table.k-grid tbody tr.k-hover,
542
- .Table.k-grid tbody tr:hover {
552
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover {
543
553
  background-color: var(--colorsSurfaceGrey, #eeeeee);
544
554
  }
545
- .Table.k-grid tbody tr.k-hover td,
546
- .Table.k-grid tbody tr:hover td {
555
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover td {
547
556
  background-color: inherit;
548
557
  }
549
558
  .Table.k-grid .k-master-row.k-hover .k-grid-content-sticky,
@@ -605,29 +614,39 @@ span.Popover {
605
614
  .Table.k-grid th.k-header {
606
615
  border-color: var(--colorsBorderGrey, #dfe0e1);
607
616
  }
608
- .Table.k-grid .k-pager-wrap {
617
+ .Table.k-grid .k-pager {
609
618
  color: var(--colorsTextOnGrey, #444445);
610
619
  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
611
620
  }
612
- .Table.k-grid .k-pager-wrap .k-selected {
621
+ .Table.k-grid .k-pager .k-selected {
613
622
  background-color: var(--colorsSurfacePrimary, #0265dc);
614
623
  border-radius: 3px;
615
624
  color: var(--colorsTextOnPrimary, white);
616
625
  cursor: default;
617
626
  }
618
- .Table.k-grid .k-pager-wrap .k-pager-nav {
627
+ .Table.k-grid .k-pager .k-pager-nav {
619
628
  color: var(--colorsTextPrimary, #0265dc);
620
629
  }
621
- .Table.k-grid .k-pager-wrap .k-pager-nav.k-disabled {
630
+ .Table.k-grid .k-pager .k-pager-nav.k-disabled {
622
631
  color: var(--colorsTextOnGrey, #444445);
623
632
  }
624
- .Table.k-grid .k-pager-wrap .k-pager-nav.k-link:hover,
625
- .Table.k-grid .k-pager-wrap .k-pager-refresh:hover,
626
- .Table.k-grid .k-pager-wrap .k-hover.k-pager-nav.k-link,
627
- .Table.k-grid .k-pager-wrap .k-hover.k-pager-refresh {
633
+ .Table.k-grid .k-pager .k-pager-nav.k-link:hover,
634
+ .Table.k-grid .k-pager .k-pager-refresh:hover,
635
+ .Table.k-grid .k-pager .k-hover.k-pager-nav.k-link,
636
+ .Table.k-grid .k-pager .k-hover.k-pager-refresh {
628
637
  color: var(--colorsTextOnGrey, #444445);
629
638
  background-color: var(--colorsSurfaceGrey, #eeeeee);
630
639
  }
640
+ .Table.k-grid .k-pager .k-pager-numbers .k-button-flat-primary {
641
+ color: var(--colorsTextPrimary, #0265dc);
642
+ }
643
+ .Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist {
644
+ color: unset;
645
+ border-color: var(--colorsBorderGrey, #dfe0e1);
646
+ }
647
+ .Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist:hover {
648
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
649
+ }
631
650
 
632
651
  /* Filter popups are rendered outside .Table in portal */
633
652
  .k-popup {
@@ -635,6 +654,7 @@ span.Popover {
635
654
  color: var(--colorsTextDefault, #141414);
636
655
  /* Make sure font-family goes across entire component */
637
656
  font-family: "Nunito Sans", sans-serif;
657
+ background-color: var(--colorsSurfaceDefault, white);
638
658
  }
639
659
  .k-popup .k-input .k-button:hover,
640
660
  .k-popup .k-spin-button .k-button:hover {
@@ -642,10 +662,15 @@ span.Popover {
642
662
  }
643
663
  .k-popup .k-spin-button .k-button,
644
664
  .k-popup .k-input-button {
665
+ color: unset;
645
666
  border-inline-start-width: 0;
646
667
  border-radius: 0;
647
668
  background-color: transparent;
648
669
  }
670
+ .k-popup .k-spin-button .k-button:hover,
671
+ .k-popup .k-input-button:hover {
672
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
673
+ }
649
674
  .k-popup .k-i-arrow-n::before,
650
675
  .k-popup .k-i-arrow-s::before {
651
676
  opacity: 0.65;
@@ -656,6 +681,35 @@ span.Popover {
656
681
  .k-popup .k-i-arrow-n::before {
657
682
  content: url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 24 24' width='16px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z'/%3E%3C/svg%3E");
658
683
  }
684
+ .k-popup .k-columnmenu-item:hover {
685
+ color: inherit;
686
+ }
687
+ .k-popup .k-input {
688
+ background-color: var(--colorsSurfaceDefault, white);
689
+ border-color: var(--colorsBorderGrey, #dfe0e1);
690
+ color: unset;
691
+ }
692
+ .k-popup .k-input .k-input-button {
693
+ color: unset;
694
+ }
695
+ .k-popup .k-input .k-input-button:hover {
696
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
697
+ }
698
+ .k-popup .k-actions .k-button:disabled {
699
+ background-color: var(--colorsSurfaceGreyStronger, #bcbcbd);
700
+ color: var(--colorsTextSubdued, #606162);
701
+ border-color: unset;
702
+ }
703
+ .k-popup .k-actions .k-button:not(.k-button-solid-primary) {
704
+ background-color: var(--colorsSurfaceDefault, white);
705
+ border-color: var(--colorsBorderDefault, #949596);
706
+ color: var(--colorsTextOnGrey, #444445);
707
+ border-width: 1px;
708
+ }
709
+ .k-popup .k-actions .k-button.k-button-solid-primary {
710
+ background-color: var(--colorsSurfacePrimary, #0265dc);
711
+ color: var(--colorsTextOnPrimary, white);
712
+ }
659
713
 
660
714
  /* Workaround for a className `ta-right` to have effect on table cell and header */
661
715
  .k-grid td.ta-right,
@@ -686,4 +740,24 @@ span.Popover {
686
740
  color: var(--colorsTextOnPrimary, white);
687
741
  }
688
742
 
743
+ .k-dropdownlist.k-picker {
744
+ color: var(--colorsTextDefault, #141414);
745
+ border-color: var(--colorsBorderGrey, #dfe0e1);
746
+ }
747
+ .k-dropdownlist.k-picker:hover {
748
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
749
+ }
750
+
751
+ .k-dropdownlist-popup .k-list {
752
+ background-color: var(--colorsSurfaceDefault, white);
753
+ color: inherit;
754
+ }
755
+ .k-dropdownlist-popup .k-list .k-list-item {
756
+ background-color: inherit;
757
+ color: inherit;
758
+ }
759
+ .k-dropdownlist-popup .k-list .k-list-item.k-selected {
760
+ background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
761
+ }
762
+
689
763
  /*# sourceMappingURL=index.css.map */
package/dist/components/Table/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"index.css"}
package/dist/components/index.css CHANGED
@@ -11174,6 +11174,10 @@ button.a-Icon svg {
11174
11174
  border-color: var(--colorsBorderGrey, #dfe0e1);
11175
11175
  background-color: var(--colorsSurfaceDefault, white);
11176
11176
  }
11177
+ .Table.k-grid .k-table,
11178
+ .Table.k-grid .k-table.k-grid-table {
11179
+ color: unset;
11180
+ }
11177
11181
  .Table.k-grid .k-grid-header {
11178
11182
  color: var(--colorsTextOnGrey, #444445);
11179
11183
  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
@@ -11183,6 +11187,16 @@ button.a-Icon svg {
11183
11187
  .Table.k-grid .k-grid-header .k-grid-header .k-hierarchy-cell .k-icon:hover {
11184
11188
  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
11185
11189
  }
11190
+ .Table.k-grid .k-grid-header .k-grid-header-menu {
11191
+ color: unset;
11192
+ }
11193
+ .Table.k-grid .k-grid-header .k-grid-header-menu:hover {
11194
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
11195
+ }
11196
+ .Table.k-grid .k-grid-header .k-table-thead {
11197
+ background-color: unset;
11198
+ color: unset;
11199
+ }
11186
11200
  .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter {
11187
11201
  background-color: var(--colorsSurfacePrimary, #0265dc);
11188
11202
  }
@@ -11201,26 +11215,21 @@ button.a-Icon svg {
11201
11215
  background-color: var(--colorsSurfaceDefault, white);
11202
11216
  }
11203
11217
  .Table.k-grid:not(.Table--striped) tr.k-alt:hover {
11204
- background-color: var(--colorsSurfaceGrey, #eeeeee);
11218
+ background-color: color-mix(in srgb, var(--colorsSurfaceGrey, #eeeeee), var(--colorsSurfaceDefault, white));
11205
11219
  }
11206
- .Table.k-grid tr.k-alt.k-selected,
11207
- .Table.k-grid tr.k-selected {
11220
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected {
11208
11221
  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
11209
11222
  }
11210
- .Table.k-grid tr.k-alt.k-selected:hover,
11211
- .Table.k-grid tr.k-selected:hover {
11212
- background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
11223
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected:hover {
11224
+ background-color: color-mix(in srgb, var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1)), var(--colorsSurfacePrimarySubdued, #e0f2ff));
11213
11225
  }
11214
- .Table.k-grid tr.k-alt.k-selected > td,
11215
- .Table.k-grid tr.k-selected > td {
11226
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected > td {
11216
11227
  background-color: inherit;
11217
11228
  }
11218
- .Table.k-grid tbody tr.k-hover,
11219
- .Table.k-grid tbody tr:hover {
11229
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover {
11220
11230
  background-color: var(--colorsSurfaceGrey, #eeeeee);
11221
11231
  }
11222
- .Table.k-grid tbody tr.k-hover td,
11223
- .Table.k-grid tbody tr:hover td {
11232
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover td {
11224
11233
  background-color: inherit;
11225
11234
  }
11226
11235
  .Table.k-grid .k-master-row.k-hover .k-grid-content-sticky,
@@ -11282,29 +11291,39 @@ button.a-Icon svg {
11282
11291
  .Table.k-grid th.k-header {
11283
11292
  border-color: var(--colorsBorderGrey, #dfe0e1);
11284
11293
  }
11285
- .Table.k-grid .k-pager-wrap {
11294
+ .Table.k-grid .k-pager {
11286
11295
  color: var(--colorsTextOnGrey, #444445);
11287
11296
  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
11288
11297
  }
11289
- .Table.k-grid .k-pager-wrap .k-selected {
11298
+ .Table.k-grid .k-pager .k-selected {
11290
11299
  background-color: var(--colorsSurfacePrimary, #0265dc);
11291
11300
  border-radius: 3px;
11292
11301
  color: var(--colorsTextOnPrimary, white);
11293
11302
  cursor: default;
11294
11303
  }
11295
- .Table.k-grid .k-pager-wrap .k-pager-nav {
11304
+ .Table.k-grid .k-pager .k-pager-nav {
11296
11305
  color: var(--colorsTextPrimary, #0265dc);
11297
11306
  }
11298
- .Table.k-grid .k-pager-wrap .k-pager-nav.k-disabled {
11307
+ .Table.k-grid .k-pager .k-pager-nav.k-disabled {
11299
11308
  color: var(--colorsTextOnGrey, #444445);
11300
11309
  }
11301
- .Table.k-grid .k-pager-wrap .k-pager-nav.k-link:hover,
11302
- .Table.k-grid .k-pager-wrap .k-pager-refresh:hover,
11303
- .Table.k-grid .k-pager-wrap .k-hover.k-pager-nav.k-link,
11304
- .Table.k-grid .k-pager-wrap .k-hover.k-pager-refresh {
11310
+ .Table.k-grid .k-pager .k-pager-nav.k-link:hover,
11311
+ .Table.k-grid .k-pager .k-pager-refresh:hover,
11312
+ .Table.k-grid .k-pager .k-hover.k-pager-nav.k-link,
11313
+ .Table.k-grid .k-pager .k-hover.k-pager-refresh {
11305
11314
  color: var(--colorsTextOnGrey, #444445);
11306
11315
  background-color: var(--colorsSurfaceGrey, #eeeeee);
11307
11316
  }
11317
+ .Table.k-grid .k-pager .k-pager-numbers .k-button-flat-primary {
11318
+ color: var(--colorsTextPrimary, #0265dc);
11319
+ }
11320
+ .Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist {
11321
+ color: unset;
11322
+ border-color: var(--colorsBorderGrey, #dfe0e1);
11323
+ }
11324
+ .Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist:hover {
11325
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
11326
+ }
11308
11327
 
11309
11328
  /* Filter popups are rendered outside .Table in portal */
11310
11329
  .k-popup {
@@ -11312,6 +11331,7 @@ button.a-Icon svg {
11312
11331
  color: var(--colorsTextDefault, #141414);
11313
11332
  /* Make sure font-family goes across entire component */
11314
11333
  font-family: "Nunito Sans", sans-serif;
11334
+ background-color: var(--colorsSurfaceDefault, white);
11315
11335
  }
11316
11336
  .k-popup .k-input .k-button:hover,
11317
11337
  .k-popup .k-spin-button .k-button:hover {
@@ -11319,10 +11339,15 @@ button.a-Icon svg {
11319
11339
  }
11320
11340
  .k-popup .k-spin-button .k-button,
11321
11341
  .k-popup .k-input-button {
11342
+ color: unset;
11322
11343
  border-inline-start-width: 0;
11323
11344
  border-radius: 0;
11324
11345
  background-color: transparent;
11325
11346
  }
11347
+ .k-popup .k-spin-button .k-button:hover,
11348
+ .k-popup .k-input-button:hover {
11349
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
11350
+ }
11326
11351
  .k-popup .k-i-arrow-n::before,
11327
11352
  .k-popup .k-i-arrow-s::before {
11328
11353
  opacity: 0.65;
@@ -11333,6 +11358,35 @@ button.a-Icon svg {
11333
11358
  .k-popup .k-i-arrow-n::before {
11334
11359
  content: url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 24 24' width='16px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z'/%3E%3C/svg%3E");
11335
11360
  }
11361
+ .k-popup .k-columnmenu-item:hover {
11362
+ color: inherit;
11363
+ }
11364
+ .k-popup .k-input {
11365
+ background-color: var(--colorsSurfaceDefault, white);
11366
+ border-color: var(--colorsBorderGrey, #dfe0e1);
11367
+ color: unset;
11368
+ }
11369
+ .k-popup .k-input .k-input-button {
11370
+ color: unset;
11371
+ }
11372
+ .k-popup .k-input .k-input-button:hover {
11373
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
11374
+ }
11375
+ .k-popup .k-actions .k-button:disabled {
11376
+ background-color: var(--colorsSurfaceGreyStronger, #bcbcbd);
11377
+ color: var(--colorsTextSubdued, #606162);
11378
+ border-color: unset;
11379
+ }
11380
+ .k-popup .k-actions .k-button:not(.k-button-solid-primary) {
11381
+ background-color: var(--colorsSurfaceDefault, white);
11382
+ border-color: var(--colorsBorderDefault, #949596);
11383
+ color: var(--colorsTextOnGrey, #444445);
11384
+ border-width: 1px;
11385
+ }
11386
+ .k-popup .k-actions .k-button.k-button-solid-primary {
11387
+ background-color: var(--colorsSurfacePrimary, #0265dc);
11388
+ color: var(--colorsTextOnPrimary, white);
11389
+ }
11336
11390
 
11337
11391
  /* Workaround for a className `ta-right` to have effect on table cell and header */
11338
11392
  .k-grid td.ta-right,
@@ -11363,6 +11417,26 @@ button.a-Icon svg {
11363
11417
  color: var(--colorsTextOnPrimary, white);
11364
11418
  }
11365
11419
 
11420
+ .k-dropdownlist.k-picker {
11421
+ color: var(--colorsTextDefault, #141414);
11422
+ border-color: var(--colorsBorderGrey, #dfe0e1);
11423
+ }
11424
+ .k-dropdownlist.k-picker:hover {
11425
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
11426
+ }
11427
+
11428
+ .k-dropdownlist-popup .k-list {
11429
+ background-color: var(--colorsSurfaceDefault, white);
11430
+ color: inherit;
11431
+ }
11432
+ .k-dropdownlist-popup .k-list .k-list-item {
11433
+ background-color: inherit;
11434
+ color: inherit;
11435
+ }
11436
+ .k-dropdownlist-popup .k-list .k-list-item.k-selected {
11437
+ background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
11438
+ }
11439
+
11366
11440
  .Tag {
11367
11441
  /* Set color on root of component. It can be overridden after the @include */
11368
11442
  color: var(--colorsTextDefault, #141414);