@overmap-ai/blocks 1.0.26-component-forms.0 → 1.0.26-table-row-loading.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.
package/dist/style.css CHANGED
@@ -545,7 +545,12 @@
545
545
  all: unset;
546
546
  }
547
547
 
548
- ._checkbox_yl8iy_5 {
548
+ ._checkboxContainer_pb9za_5 {
549
+ display: flex;
550
+ align-items: center;
551
+ }
552
+
553
+ ._checkbox_pb9za_5 {
549
554
  background-color: var(--color-panel-solid);
550
555
  width: 15px;
551
556
  height: 15px;
@@ -557,12 +562,12 @@
557
562
  box-shadow: inset 0 0 0 1px var(--gray-a7);
558
563
  cursor: var(--cursor-checkbox);
559
564
  }
560
- ._checkbox_yl8iy_5 [data-state=checked], ._checkbox_yl8iy_5 [data-state=indeterminate] {
565
+ ._checkbox_pb9za_5 [data-state=checked], ._checkbox_pb9za_5 [data-state=indeterminate] {
561
566
  background-color: var(--accent-9);
562
567
  color: var(--accent-9-contrast);
563
568
  }
564
569
 
565
- ._checkboxIndicator_yl8iy_22 {
570
+ ._checkboxIndicator_pb9za_27 {
566
571
  display: flex;
567
572
  align-items: center;
568
573
  justify-content: center;
@@ -573,11 +578,11 @@
573
578
  padding-right: 0.5px;
574
579
  }
575
580
 
576
- ._checkboxLabel_yl8iy_33 {
581
+ ._checkboxLabel_pb9za_38 {
577
582
  padding-left: 0.5rem;
578
583
  }
579
584
 
580
- ._noTextHighlight_yl8iy_37 {
585
+ ._noTextHighlight_pb9za_42 {
581
586
  -webkit-touch-callout: none;
582
587
  -webkit-user-select: none;
583
588
  -khtml-user-select: none;
@@ -586,140 +591,141 @@
586
591
  user-select: none;
587
592
  }
588
593
 
589
- ._checkboxHidden_yl8iy_46 {
594
+ ._checkboxHidden_pb9za_51 {
590
595
  visibility: hidden;
591
- }._disabled_5i91d_1 {
596
+ }._disabled_ybi8a_1 {
592
597
  color: var(--gray-a10);
593
598
  }
594
599
 
595
- ._outerTableContainer_5i91d_5 {
600
+ ._outerTableContainer_ybi8a_5 {
596
601
  padding: 30px;
597
602
  border: 1px solid var(--gray-a4);
598
603
  border-radius: 0.5rem;
599
604
  box-shadow: var(--shadow-4);
600
605
  }
601
606
  @media only screen and (max-width: 600px) {
602
- ._outerTableContainer_5i91d_5 {
607
+ ._outerTableContainer_ybi8a_5 {
603
608
  padding: 10px;
604
609
  }
605
610
  }
606
611
 
607
- ._headerContainer_5i91d_17 {
612
+ ._headerContainer_ybi8a_17 {
608
613
  padding-bottom: 1rem;
609
614
  }
610
615
 
611
- ._tableTopContainer_5i91d_21 {
616
+ ._tableTopContainer_ybi8a_21 {
612
617
  padding: 10px 0;
613
618
  }
614
619
 
615
- ._tableContainer_5i91d_25 {
620
+ ._tableContainer_ybi8a_25 {
616
621
  flex: 1;
617
622
  overflow-y: auto;
618
623
  }
619
624
 
620
- ._searchContainer_5i91d_30 {
625
+ ._searchContainer_ybi8a_30 {
621
626
  display: block;
622
627
  width: 250px;
623
628
  }
624
629
  @media only screen and (max-width: 600px) {
625
- ._searchContainer_5i91d_30 {
630
+ ._searchContainer_ybi8a_30 {
626
631
  width: auto;
627
632
  }
628
633
  }
629
634
 
630
- ._columnFilterSelect_5i91d_40 {
635
+ ._columnFilterSelect_ybi8a_40 {
631
636
  display: block;
632
637
  box-shadow: none;
633
638
  }
634
- ._columnFilterSelect_5i91d_40 svg {
639
+ ._columnFilterSelect_ybi8a_40 svg {
635
640
  display: none;
636
641
  }
637
- ._columnFilterSelect_5i91d_40:hover {
642
+ ._columnFilterSelect_ybi8a_40:hover {
638
643
  background-color: rgba(0, 0, 0, 0.01);
639
644
  cursor: pointer;
640
645
  }
641
646
 
642
- ._table_5i91d_21 {
647
+ ._table_ybi8a_21 {
643
648
  border: 1px solid var(--gray-a4);
644
649
  border-radius: 3px !important;
645
650
  background-color: inherit;
651
+ height: auto !important;
646
652
  }
647
653
 
648
- ._tableHeaderCell_5i91d_58 {
654
+ ._tableHeaderCell_ybi8a_59 {
649
655
  background-color: var(--color-background) !important;
650
656
  padding: 10px !important;
651
657
  border-bottom: 1px solid var(--gray-4);
652
658
  max-height: 110px;
653
659
  }
654
- ._tableHeaderCell_5i91d_58 svg {
660
+ ._tableHeaderCell_ybi8a_59 svg {
655
661
  visibility: hidden;
656
662
  }
657
663
  @media only screen and (max-width: 600px) {
658
- ._tableHeaderCell_5i91d_58 div[title] > div:first-child {
664
+ ._tableHeaderCell_ybi8a_59 div[title] > div:first-child {
659
665
  overflow: visible;
660
666
  white-space: normal;
661
667
  }
662
668
  }
663
669
 
664
- ._showSortIcon_5i91d_74 svg {
670
+ ._showSortIcon_ybi8a_75 svg {
665
671
  visibility: visible;
666
672
  }
667
673
 
668
- ._tableRow_5i91d_78 {
674
+ ._tableRow_ybi8a_79 {
669
675
  background-color: inherit;
670
676
  /* This for the CellSelect checkbox component as it does not accept a className prop */
671
677
  }
672
- ._tableRow_5i91d_78 span, ._tableRow_5i91d_78 i {
678
+ ._tableRow_ybi8a_79 span, ._tableRow_ybi8a_79 i {
673
679
  display: inline-flex;
674
680
  place-self: center;
675
681
  }
676
- ._tableRow_5i91d_78 td {
682
+ ._tableRow_ybi8a_79 td {
677
683
  padding-left: 10px !important;
678
684
  }
679
- ._tableRow_5i91d_78:hover:not(._disabled_5i91d_1) {
685
+ ._tableRow_ybi8a_79:hover:not(._disabled_ybi8a_1) {
680
686
  background-color: var(--gray-a4);
681
687
  }
682
688
 
683
- ._tableCell_5i91d_93 {
689
+ ._tableCell_ybi8a_94 {
684
690
  padding: 10px !important;
685
691
  }
686
- ._tableCell_5i91d_93 > div > span:first-child {
692
+ ._tableCell_ybi8a_94 > div > span:first-child {
687
693
  width: 100%;
688
694
  }
689
- ._tableCell_5i91d_93:not(:last-of-type) {
695
+ ._tableCell_ybi8a_94:not(:last-of-type) {
690
696
  padding-right: 20px !important;
691
697
  }
692
698
 
693
- ._noDataTextContainer_5i91d_103 {
699
+ ._noDataTextContainer_ybi8a_104 {
694
700
  padding: 0.5rem 10px;
695
701
  color: #616161;
696
702
  width: max-content;
697
703
  }
698
704
 
699
- ._tableBottomContainer_5i91d_109 {
705
+ ._tableBottomContainer_ybi8a_110 {
700
706
  padding: 15px 0;
701
707
  }
702
708
 
703
- ._rowsPerPageContainer_5i91d_113 {
709
+ ._rowsPerPageContainer_ybi8a_114 {
704
710
  flex: 1;
705
711
  }
706
712
  @media only screen and (max-width: 600px) {
707
- ._rowsPerPageContainer_5i91d_113 {
713
+ ._rowsPerPageContainer_ybi8a_114 {
708
714
  justify-content: center;
709
715
  padding-top: 5px;
710
716
  }
711
717
  }
712
718
 
713
- ._rowsPerPageText_5i91d_123 {
719
+ ._rowsPerPageText_ybi8a_124 {
714
720
  padding-right: 10px;
715
721
  padding-top: 4px;
716
722
  }
717
723
 
718
- ._pageText_5i91d_128 {
724
+ ._pageText_ybi8a_129 {
719
725
  padding-top: 4px;
720
726
  }
721
727
 
722
- ._descriptionSecondLine_5i91d_132 {
728
+ ._descriptionSecondLine_ybi8a_133 {
723
729
  white-space: nowrap;
724
730
  overflow: hidden;
725
731
  text-overflow: ellipsis;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@overmap-ai/blocks",
3
- "version": "1.0.26-component-forms.0",
3
+ "version": "1.0.26-table-row-loading.1",
4
4
  "description": "A collection of React components for building Overmap's UI.",
5
5
  "private": false,
6
6
  "author": "Wôrdn Inc.",