@servicetitan/design-system 14.4.0 → 14.4.1-textarea-focus-options
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/Table/Table.css +94 -20
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/index.css +94 -20
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/TextArea/TextArea.d.ts +1 -1
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/TextArea/TextArea.js.map +1 -1
- package/dist/components/index.css +94 -20
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/system-light.css +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +95 -21
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/package.json +7 -7
|
@@ -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
|
|
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
|
|
534
|
-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
627
|
+
.Table.k-grid .k-pager .k-pager-nav {
|
|
619
628
|
color: var(--colorsTextPrimary, #0265dc);
|
|
620
629
|
}
|
|
621
|
-
.Table.k-grid .k-pager
|
|
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
|
|
625
|
-
.Table.k-grid .k-pager
|
|
626
|
-
.Table.k-grid .k-pager
|
|
627
|
-
.Table.k-grid .k-pager
|
|
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 */
|
|
@@ -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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
|
|
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":"AAAA;ACIA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC3BC;EACA;AAEA;EACA;ED0BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;EAAuB,aAhCL;;AAkClB;EAEC,aArCiB;;AAwClB;EAEC,aAxCiB;;;AA4CnB;EACC;;AAEA;EACC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAAqB;;AACrB;EAAqB;;AAErB;EAAwB;;;AAIzB;EFvFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE8EA;;AF5EA;EACC;IACC;IACA;;;;AE4EH;EACC,YA9EoB;EA+EpB,eE5EiB;EF6EjB;EACA;EACA;EACA;EACA,QAhGiB;EAiGjB,aA9FuB;EA+FvB,cEsBW;EFrBX;EACA;EACA,OArGiB;EAsGjB,WAtGiB;EAuGjB;AAmEA;AAkBA;AA6BA;;AAhHA;EACC,OA3GgB;EA4GhB,WA5GgB;EA6GhB,QA7GgB;EA8GhB;;AAGD;EACC,OAhHgB;EAiHhB,WAjHgB;EAkHhB,QAlHgB;EAmHhB;EACA;EACA;;AAGD;EACC,cAxG4B;;AA2G7B;EACC,YACC;EAED;EACA,eEnHgB;EFoHhB;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAQD;EAAY;;AACZ;EAAW;;AAGV;EACC;;AAGD;EAA0C;;AAG3C;EAA0C,YArKpB;;AAyKvB;EACC,cA9KoC;;AAiLrC;EACC,cA/KkC;;AAqLlC;EACC,YACC;;AAQF;EACC,YACC;;AAMH;EAEC,cA3M6B;EA4M7B,YAzMsB;;AA4MvB;EAEC,cA/MkC;EAgNlC;;;AAKD;EACC,SE7HiB;EF8HjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WEhHY;EFiHZ;EACA;EACA;;AAGD;EAAqB,WEvHR;;;ACrId;AAYA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EAAe;;;AAEf;AF1BC;EACA;AAEA;EACA;EEyBA,YArB0B;EAsB1B,eDXiB;ECYjB;EACA;EACA;EACA;;AAEA;EACiB;;AAEjB;EACC;;;AAIF;EAAwB,eD1BN;;;AC4BlB;AACA;EACC;;;AAGD;EAAiB,WAhDM;;;AAiDvB;EAAgB,WAhDM;;;AAiDtB;EAAgB,WAhDM;;;AAiDtB;EAAgB,WAhDM;;;AAkDtB;EACC;EACA;;;AAGD;AAOC;AAAA;AAAA;EAGC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EAA8B;;;AAb9B;AAAA;AAAA;EAGC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EAA8B;;;AAb9B;AAAA;AAAA;EAGC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EAA8B;;;AAO/B;AACA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;AAEA;EAAa;;;AAGd;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;AAIA;EAAgC;;;ACxFC;AAyGH;AAEG;AClGjC;AJtCC;EACA;AAEA;EACA;;AIqCA;EAEC;;AAIA;EAEC;EACA;;AAIF;EACC;;AAKC;EAA0B;;AAGzB;EACC;;AAEA;EAAO;;AAMT;EAA4B;;AAC5B;EAAkC;;AAIpC;EACC;;AAMC;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAMH;EACC,OArFmB;EAsFnB;;AAEA;EACC;EAEA;EACA;;AAIF;EAAoC,eH5FpB;;AG8FhB;EACC,aHRmB;;AGUnB;EAAmB;;AAIrB;EACC;;AAEA;EACC;;AAIF;EACC,aHtBqB;;AG0BtB;AAAA;EAEC;;AAGD;AAAA;EAEC;;AAID;EACC,cA9Ie;EA+If,kBA3IgB;;AA6IhB;AAAA;EAEC;;AAGD;EACC,OA7ImB;EA8InB,kBA7IyB;;AA+IzB;AAAA;AAAA;EAGC,kBA9IgB;;AAiJjB;EACC;;AACA;EACC,kBApJe;;AAwJjB;EACC;EACA;;AAIA;EACC,kBAhKuB;;AAkKvB;EAA4B,OA/JR;;AAmKtB;AAAA;AAAA;EAGC,OAvKkB;;AA2KpB;EACC,kBAjLyB;;AAoL1B;EACC,kBA5Le;;AA8Lf;EACC;;AAIF;EACC,kBAjLY;;AAmLZ;EACC;;AAIF;EACC;;AAGD;EACC,kBAvMuB;;AAyMvB;EACC;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;;AAIA;AAAA;EAEC,kBA1NsB;;AA8NxB;EACC,kBAxOe;;AA2OhB;EACC,kBA5Oe;EA6Of,eHjOe;EGkOf;;AAEA;EAEC,cApPa;EAqPb,OA/Oc;EAgPd,kBAnPc;;AAsPf;EAGC;;AAMA;EAAe,OAvOC;;AAwOhB;EAAc,OAvOG;;AAwOjB;EAAe,OAvOF;;AAwOb;EAAmB,OA3OH;;AA6OhB;EACU;;AAIZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAcC,cA5Rc;;AA+Rf;EACC,OAtRmB;EAuRnB,kBAtRyB;;AAwRzB;EACC,kBAtRwB;EAuRxB,eHrRc;EGsRd,OArRqB;EAsRrB;;AAGD;EACC,OAtRiB;;AAwRjB;EACC,OA1RgB;;AA8RlB;AAAA;AAAA;AAAA;EAIC,OA5SkB;EA6SlB,kBA1SsB;;AA6SvB;EACC,OAtSiB;;AAySlB;EACC;EACA,cAhUa;;AAkUb;EACC,kBApTe;;;AA2TpB;AACA;AJ7UC;EACA;AAEA;EACA;EI2UA,kBAzUiB;;AA2UjB;AAAA;EACiC,kBH1Sf;;AG8SlB;AAAA;EAEC;EACA;EACA;EACA;;AAEA;AAAA;EACC,kBAzUW;;AA8Ub;AAAA;EAEC;;AAED;EAAuB;;AACvB;EAAuB;;AAEvB;EACC;;AAGD;EACC,kBAzWgB;EA0WhB,cA9We;EA+Wf;;AAEA;EACC;;AAEA;EACC,kBAlWU;;AAwWZ;EACC,kBA3V0B;EA4V1B,OA3VqB;EA4VrB;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;;;AAKH;AACA;AAAA;EAEC;;AAEA;AAAA;EACC;EACA;;AAGD;AAAA;EAAoB;;AACpB;AAAA;EAAkC;;;AAGnC;AACA;EACC;;;AAGD;EACC;EACA,OA5ZiB;;;AAkajB;EACC,OApaa;EAqab,cA5ae;;AA8af;EACC,kBA5ZW;;;AAkad;EACC,kBAlbiB;EAmbjB;;AAEA;EACC;EACA;;AAEA;EACC,kBAvaY","file":"Table.css"}
|
|
@@ -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
|
|
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
|
|
534
|
-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
627
|
+
.Table.k-grid .k-pager .k-pager-nav {
|
|
619
628
|
color: var(--colorsTextPrimary, #0265dc);
|
|
620
629
|
}
|
|
621
|
-
.Table.k-grid .k-pager
|
|
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
|
|
625
|
-
.Table.k-grid .k-pager
|
|
626
|
-
.Table.k-grid .k-pager
|
|
627
|
-
.Table.k-grid .k-pager
|
|
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 */
|
|
@@ -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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
|
|
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"}
|
|
@@ -44,7 +44,7 @@ export declare class TextArea extends Component<TextAreaProps> {
|
|
|
44
44
|
static displayName: string;
|
|
45
45
|
static contextType: React.Context<FormFieldContext>;
|
|
46
46
|
context: React.ContextType<typeof FormFieldContext>;
|
|
47
|
-
focus: () => void;
|
|
47
|
+
focus: (options?: FocusOptions) => void;
|
|
48
48
|
select: () => void;
|
|
49
49
|
handleChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
50
50
|
handleInput: (e: React.SyntheticEvent) => void;
|
|
@@ -17,7 +17,7 @@ export class TextArea extends Component {
|
|
|
17
17
|
constructor() {
|
|
18
18
|
super(...arguments);
|
|
19
19
|
this.textAreaRef = createRef();
|
|
20
|
-
this.focus = () => this.textAreaRef.current.focus();
|
|
20
|
+
this.focus = (options) => this.textAreaRef.current.focus(options);
|
|
21
21
|
this.select = () => this.textAreaRef.current.select();
|
|
22
22
|
this.handleChange = (e) => {
|
|
23
23
|
if (this.props.onChange) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAwDhD,MAAM,OAAO,QAAS,SAAQ,SAAwB;IAAtD;;QACS,gBAAW,GAAyC,SAAS,EAAE,CAAC;QAKxE,UAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAwDhD,MAAM,OAAO,QAAS,SAAQ,SAAwB;IAAtD;;QACS,gBAAW,GAAyC,SAAS,EAAE,CAAC;QAKxE,UAAK,GAAG,CAAC,OAAsB,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5E,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjD,iBAAY,GAAG,CAAC,CAAyC,EAAE,EAAE;YAC5D,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,kCAAO,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAG,CAAC;aACjE;QACF,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,CAAuB,EAAE,EAAE;YACzC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,kCAChB,IAAI,CAAC,KAAK,KACb,KAAK,EAAG,CAAC,CAAC,MAA8B,CAAC,KAAK,IAC7C,CAAC;aACH;QACF,CAAC,CAAC;IAsDH,CAAC;IApDA,MAAM;QACL,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACL,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,CAAC,EACR,OAAO,GAAG,EAAE,OAEC,EADV,IAAI,cATF,0FAUL,CAAa,CAAC;QACf,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAE3C,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;YACzD,oBAAoB,EAAE,QAAQ;YAC9B,iBAAiB,EAAE,KAAK;YACxB,uBAAuB,EAAE,UAAU;SACnC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,CAChB,kDACK,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,MAAM,kBAAkB,GAAG,CAC1B,oBAAC,gBAAgB,oBACZ,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,iBAAiB,QACjB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,OAAO,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC;IACnD,CAAC;;AAzEM,oBAAW,GAAG,UAAU,CAAC;AACzB,oBAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React, { Component, createRef } from 'react';\nimport classnames from 'classnames';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { FormFieldContext } from '../FormField';\n\nexport type TextAreaElement = Pick<HTMLTextAreaElement, 'focus' | 'select'>;\n\n/**\n * TextArea properties\n */\nexport interface TextAreaPropsStrict {\n\t/** Auto height mode on typing */\n\tautoHeight?: boolean;\n\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** A TextArea can show that it is disabled. */\n\tdisabled?: boolean;\n\n\t/** Visual error state for the Textarea */\n\terror?: boolean;\n\n\t/** *autoHeight={true} required* Maximum rows limit for Textarea */\n\tmaxRows?: number;\n\n\t/**\n\t * Called on value change.\n\t * @param {ChangeEvent} event - React's original SyntheticEvent.\n\t * @param {object} data - All props and a proposed value.\n\t */\n\tonChange?: (\n\t\tevent: React.ChangeEvent<HTMLTextAreaElement>,\n\t\tdata: TextAreaOnChangeData\n\t) => void;\n\n\t/**\n\t * Called on input.\n\t * @param {SyntheticEvent} event - The React SyntheticEvent object\n\t * @param {object} data - All props and the event value.\n\t */\n\tonInput?: (event: React.SyntheticEvent, data: TextAreaOnChangeData) => void;\n\n\t/** Indicates row count for a TextArea. */\n\trows?: number;\n\n\t/** The value of the textarea. */\n\tvalue?: string;\n}\n\nexport interface TextAreaProps extends TextAreaPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface TextAreaOnChangeData extends TextAreaProps {\n\tvalue: string;\n}\n\nexport class TextArea extends Component<TextAreaProps> {\n\tprivate textAreaRef: React.RefObject<HTMLTextAreaElement> = createRef();\n\tstatic displayName = 'TextArea';\n\tstatic contextType = FormFieldContext;\n\tcontext!: React.ContextType<typeof FormFieldContext>;\n\n\tfocus = (options?: FocusOptions) => this.textAreaRef.current.focus(options);\n\tselect = () => this.textAreaRef.current.select();\n\n\thandleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(e, { ...this.props, value: e.target.value });\n\t\t}\n\t};\n\n\thandleInput = (e: React.SyntheticEvent) => {\n\t\tif (this.props.onInput) {\n\t\t\tthis.props.onInput(e, {\n\t\t\t\t...this.props,\n\t\t\t\tvalue: (e.target as HTMLTextAreaElement).value,\n\t\t\t});\n\t\t}\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tautoHeight,\n\t\t\tclassName,\n\t\t\tdisabled,\n\t\t\terror,\n\t\t\tonChange,\n\t\t\tonInput,\n\t\t\trows = 3,\n\t\t\tmaxRows = 16,\n\t\t\t...rest\n\t\t} = this.props;\n\t\tconst { labelFor: inputId } = this.context;\n\n\t\tconst TextAreaClasses = classnames('TextArea', className, {\n\t\t\t'TextArea--disabled': disabled,\n\t\t\t'TextArea--error': error,\n\t\t\t'TextArea--auto-height': autoHeight,\n\t\t});\n\n\t\tconst textarea = (\n\t\t\t<textarea\n\t\t\t\t{...rest}\n\t\t\t\tclassName={TextAreaClasses}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={this.handleChange}\n\t\t\t\tonInput={this.handleInput}\n\t\t\t\trows={rows}\n\t\t\t\tref={this.textAreaRef}\n\t\t\t\tid={this.props.id || inputId}\n\t\t\t\tdata-anvil-component=\"TextArea\"\n\t\t\t/>\n\t\t);\n\n\t\tconst textareaAutoHeight = (\n\t\t\t<TextareaAutosize\n\t\t\t\t{...rest}\n\t\t\t\tclassName={TextAreaClasses}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={this.handleChange}\n\t\t\t\tonInput={this.handleInput}\n\t\t\t\tminRows={rows}\n\t\t\t\tmaxRows={maxRows}\n\t\t\t\tref={this.textAreaRef}\n\t\t\t\tcacheMeasurements\n\t\t\t\tid={this.props.id || inputId}\n\t\t\t\tdata-anvil-component=\"TextArea\"\n\t\t\t/>\n\t\t);\n\n\t\treturn autoHeight ? textareaAutoHeight : textarea;\n\t}\n}\n"]}
|