@servicetitan/design-system 14.3.4 → 14.4.1-textarea-focus-options

package/dist/components/Table/Table.css

@@ -497,6 +497,10 @@ span.Popover {
   border-color: var(--colorsBorderGrey, #dfe0e1);
   background-color: var(--colorsSurfaceDefault, white);
 }
+.Table.k-grid .k-table,
+.Table.k-grid .k-table.k-grid-table {
+  color: unset;
+}
 .Table.k-grid .k-grid-header {
   color: var(--colorsTextOnGrey, #444445);
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
@@ -506,6 +510,16 @@ span.Popover {
 .Table.k-grid .k-grid-header .k-grid-header .k-hierarchy-cell .k-icon:hover {
   background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
+.Table.k-grid .k-grid-header .k-grid-header-menu {
+  color: unset;
+}
+.Table.k-grid .k-grid-header .k-grid-header-menu:hover {
+  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
+}
+.Table.k-grid .k-grid-header .k-table-thead {
+  background-color: unset;
+  color: unset;
+}
 .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter {
   background-color: var(--colorsSurfacePrimary, #0265dc);
 }
@@ -524,26 +538,21 @@ span.Popover {
   background-color: var(--colorsSurfaceDefault, white);
 }
 .Table.k-grid:not(.Table--striped) tr.k-alt:hover {
-  background-color: var(--colorsSurfaceGrey, #eeeeee);
+  background-color: color-mix(in srgb, var(--colorsSurfaceGrey, #eeeeee), var(--colorsSurfaceDefault, white));
 }
-.Table.k-grid tr.k-alt.k-selected,
-.Table.k-grid tr.k-selected {
+.Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected {
   background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
 }
-.Table.k-grid tr.k-alt.k-selected:hover,
-.Table.k-grid tr.k-selected:hover {
-  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
+.Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected:hover {
+  background-color: color-mix(in srgb, var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1)), var(--colorsSurfacePrimarySubdued, #e0f2ff));
 }
-.Table.k-grid tr.k-alt.k-selected > td,
-.Table.k-grid tr.k-selected > td {
+.Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected > td {
   background-color: inherit;
 }
-.Table.k-grid tbody tr.k-hover,
-.Table.k-grid tbody tr:hover {
+.Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover {
   background-color: var(--colorsSurfaceGrey, #eeeeee);
 }
-.Table.k-grid tbody tr.k-hover td,
-.Table.k-grid tbody tr:hover td {
+.Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover td {
   background-color: inherit;
 }
 .Table.k-grid .k-master-row.k-hover .k-grid-content-sticky,
@@ -605,29 +614,39 @@ span.Popover {
 .Table.k-grid th.k-header {
   border-color: var(--colorsBorderGrey, #dfe0e1);
 }
-.Table.k-grid .k-pager-wrap {
+.Table.k-grid .k-pager {
   color: var(--colorsTextOnGrey, #444445);
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
-.Table.k-grid .k-pager-wrap .k-selected {
+.Table.k-grid .k-pager .k-selected {
   background-color: var(--colorsSurfacePrimary, #0265dc);
   border-radius: 3px;
   color: var(--colorsTextOnPrimary, white);
   cursor: default;
 }
-.Table.k-grid .k-pager-wrap .k-pager-nav {
+.Table.k-grid .k-pager .k-pager-nav {
   color: var(--colorsTextPrimary, #0265dc);
 }
-.Table.k-grid .k-pager-wrap .k-pager-nav.k-disabled {
+.Table.k-grid .k-pager .k-pager-nav.k-disabled {
   color: var(--colorsTextOnGrey, #444445);
 }
-.Table.k-grid .k-pager-wrap .k-pager-nav.k-link:hover,
-.Table.k-grid .k-pager-wrap .k-pager-refresh:hover,
-.Table.k-grid .k-pager-wrap .k-hover.k-pager-nav.k-link,
-.Table.k-grid .k-pager-wrap .k-hover.k-pager-refresh {
+.Table.k-grid .k-pager .k-pager-nav.k-link:hover,
+.Table.k-grid .k-pager .k-pager-refresh:hover,
+.Table.k-grid .k-pager .k-hover.k-pager-nav.k-link,
+.Table.k-grid .k-pager .k-hover.k-pager-refresh {
   color: var(--colorsTextOnGrey, #444445);
   background-color: var(--colorsSurfaceGrey, #eeeeee);
 }
+.Table.k-grid .k-pager .k-pager-numbers .k-button-flat-primary {
+  color: var(--colorsTextPrimary, #0265dc);
+}
+.Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist {
+  color: unset;
+  border-color: var(--colorsBorderGrey, #dfe0e1);
+}
+.Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist:hover {
+  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
+}
 
 /* Filter popups are rendered outside .Table in portal */
 .k-popup {
@@ -635,6 +654,7 @@ span.Popover {
   color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
+  background-color: var(--colorsSurfaceDefault, white);
 }
 .k-popup .k-input .k-button:hover,
 .k-popup .k-spin-button .k-button:hover {
@@ -642,10 +662,15 @@ span.Popover {
 }
 .k-popup .k-spin-button .k-button,
 .k-popup .k-input-button {
+  color: unset;
   border-inline-start-width: 0;
   border-radius: 0;
   background-color: transparent;
 }
+.k-popup .k-spin-button .k-button:hover,
+.k-popup .k-input-button:hover {
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
+}
 .k-popup .k-i-arrow-n::before,
 .k-popup .k-i-arrow-s::before {
   opacity: 0.65;
@@ -656,6 +681,35 @@ span.Popover {
 .k-popup .k-i-arrow-n::before {
   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");
 }
+.k-popup .k-columnmenu-item:hover {
+  color: inherit;
+}
+.k-popup .k-input {
+  background-color: var(--colorsSurfaceDefault, white);
+  border-color: var(--colorsBorderGrey, #dfe0e1);
+  color: unset;
+}
+.k-popup .k-input .k-input-button {
+  color: unset;
+}
+.k-popup .k-input .k-input-button:hover {
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
+}
+.k-popup .k-actions .k-button:disabled {
+  background-color: var(--colorsSurfaceGreyStronger, #bcbcbd);
+  color: var(--colorsTextSubdued, #606162);
+  border-color: unset;
+}
+.k-popup .k-actions .k-button:not(.k-button-solid-primary) {
+  background-color: var(--colorsSurfaceDefault, white);
+  border-color: var(--colorsBorderDefault, #949596);
+  color: var(--colorsTextOnGrey, #444445);
+  border-width: 1px;
+}
+.k-popup .k-actions .k-button.k-button-solid-primary {
+  background-color: var(--colorsSurfacePrimary, #0265dc);
+  color: var(--colorsTextOnPrimary, white);
+}
 
 /* Workaround for a className `ta-right` to have effect on table cell and header */
 .k-grid td.ta-right,
@@ -686,4 +740,24 @@ span.Popover {
   color: var(--colorsTextOnPrimary, white);
 }
 
+.k-dropdownlist.k-picker {
+  color: var(--colorsTextDefault, #141414);
+  border-color: var(--colorsBorderGrey, #dfe0e1);
+}
+.k-dropdownlist.k-picker:hover {
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
+}
+
+.k-dropdownlist-popup .k-list {
+  background-color: var(--colorsSurfaceDefault, white);
+  color: inherit;
+}
+.k-dropdownlist-popup .k-list .k-list-item {
+  background-color: inherit;
+  color: inherit;
+}
+.k-dropdownlist-popup .k-list .k-list-item.k-selected {
+  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
+}
+
 /*# sourceMappingURL=Table.css.map */

package/dist/components/Table/Table.css.map

@@ -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":"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;ACvGjC;AJjCC;EACA;AAEA;EACA;;AIgCA;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,OAjFmB;EAkFnB;;AAEA;EACC;EAEA;EACA;;AAIF;EAAoC,eHvFpB;;AGyFhB;EACC,aHHmB;;AGKnB;EAAmB;;AAIrB;EACC;;AAEA;EACC;;AAIF;EACC,aHjBqB;;AGqBtB;AAAA;EAEC;;AAGD;AAAA;EAEC;;AAID;EACC,cAzIe;EA0If,kBAtIgB;;AAwIhB;EACC,OApImB;EAqInB,kBApIyB;;AAsIzB;AAAA;AAAA;EAGC,kBArIgB;;AAyIhB;EACC,kBA3IuB;;AA6IvB;EAA4B,OA1IR;;AA8ItB;AAAA;AAAA;EAGC,OAlJkB;;AAsJpB;EACC,kBA5JyB;;AA+J1B;EACC,kBAtKe;;AAwKf;EACC,kBAjKsB;;AAqKxB;AAAA;EAEC,kBA9JY;;AAgKZ;AAAA;EACC,kBAhKiB;;AAoKnB;AAAA;EAEC;;AAGD;AAAA;EAEC,kBArLuB;;AAuLvB;AAAA;EACC;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;;AAIA;AAAA;EAEC,kBAxMsB;;AA4MxB;EACC,kBArNe;;AAwNhB;EACC,kBAzNe;EA0Nf,eH9Me;EG+Mf;;AAEA;EAEC,cAjOa;EAkOb,OA7Nc;EA8Nd,kBAhOc;;AAmOf;EAGC;;AAMA;EAAe,OAtNC;;AAuNhB;EAAc,OAtNG;;AAuNjB;EAAe,OAtNF;;AAuNb;EAAmB,OA1NH;;AA4NhB;EACU;;AAIZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAcC,cAzQc;;AA4Qf;EACC,OApQmB;EAqQnB,kBApQyB;;AAsQzB;EACC,kBApQwB;EAqQxB,eHlQc;EGmQd,OAnQqB;EAoQrB;;AAGD;EACC,OArQiB;;AAuQjB;EACC,OAzQgB;;AA6QlB;AAAA;AAAA;AAAA;EAIC,OA1RkB;EA2RlB,kBAxRsB;;;AA8R1B;AACA;AJ7SC;EACA;AAEA;EACA;;AI4SA;AAAA;EACiC,kBHzQf;;AG2QlB;AAAA;EAEC;EACA;EACA;;AAID;AAAA;EAEC;;AAED;EAAuB;;AACvB;EAAuB;;;AAGxB;AACA;AAAA;EAEC;;AAEA;AAAA;EACC;EACA;;AAGD;AAAA;EAAoB;;AACpB;AAAA;EAAkC;;;AAGnC;AACA;EACC;;;AAGD;EACC;EACA,OA/UiB","file":"Table.css"}
+{"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/components.d.ts

@@ -1,3 +1,3 @@
-export { GridColumn as TableColumn, GridRow as TableRow, GridCell as TableCell, GridEditCell as TableEditCell, GridFilterCell as TableFilterCell, GridGroupCell as TableGroupCell, GridHeaderCell as TableHeaderCell, GridHierarchyCell as TableHierarchyCell, GridDetailRow as TableDetailRow, GridColumnMenuSort as TableColumnMenuSort, GridColumnMenuItem as TableColumnMenuItem, GridColumnMenuItemContent as TableColumnMenuItemContent, GridColumnMenuItemGroup as TableColumnMenuItemGroup, GridColumnMenuFilter as TableColumnMenuFilter, GridColumnMenuFilterUI as TableColumnMenuFilterUI, GridColumnMenuFilterCell as TableColumnMenuFilterCell, GridToolbar as TableToolbar, GridNoRecords as TableNoRecords, } from '@progress/kendo-react-grid';
+export { GridColumn as TableColumn, GridRow as TableRow, GridCell as TableCell, GridEditCell as TableEditCell, GridFilterCell as TableFilterCell, GridGroupCell as TableGroupCell, GridHeaderCell as TableHeaderCell, GridHierarchyCell as TableHierarchyCell, GridDetailRow as TableDetailRow, GridColumnMenuSort as TableColumnMenuSort, GridColumnMenuItem as TableColumnMenuItem, GridColumnMenuItemContent as TableColumnMenuItemContent, GridColumnMenuItemGroup as TableColumnMenuItemGroup, GridColumnMenuFilter as TableColumnMenuFilter, GridColumnMenuFilterUI as TableColumnMenuFilterUI, GridColumnMenuFilterCell as TableColumnMenuFilterCell, GridColumnMenuWrapper as TableColumnMenuWrapper, GridToolbar as TableToolbar, GridNoRecords as TableNoRecords, } from '@progress/kendo-react-grid';
 export type { GridColumnProps as TableColumnProps, GridCellProps as TableCellProps, GridDetailRowProps as TableDetailRowProps, GridRowProps as TableRowProps, GridFilterCellProps as TableFilterCellProps, GridHeaderCellProps as TableHeaderCellProps, GridColumnMenuProps as TableColumnMenuProps, GridToolbarProps as TableToolbarProps, GridNoRecordsProps as TableNoRecordsProps, GridSortSettings as TableSortSettings, GridPagerSettings as TablePagerSettings, GridGroupableSettings as TableGroupableSettings, GridPageChangeEvent as TablePageChangeEvent, GridDataStateChangeEvent as TableDataStateChangeEvent, GridFilterChangeEvent as TableFilterChangeEvent, GridSortChangeEvent as TableSortChangeEvent, GridExpandChangeEvent as TableExpandChangeEvent, GridSelectionChangeEvent as TableSelectionChangeEvent, GridItemChangeEvent as TableItemChangeEvent, GridHeaderSelectionChangeEvent as TableHeaderSelectionChangeEvent, GridRowClickEvent as TableRowClickEvent, GridColumnResizeEvent as TableColumnResizeEvent, GridColumnReorderEvent as TableColumnReorderEvent, GridGroupChangeEvent as TableGroupChangeEvent, GridEvent as TableEvent, } from '@progress/kendo-react-grid';
 export { PopupPropsContext as TablePopupPropsContext } from '@progress/kendo-react-popup';

package/dist/components/Table/components.js

@@ -1,3 +1,3 @@
-export { GridColumn as TableColumn, GridRow as TableRow, GridCell as TableCell, GridEditCell as TableEditCell, GridFilterCell as TableFilterCell, GridGroupCell as TableGroupCell, GridHeaderCell as TableHeaderCell, GridHierarchyCell as TableHierarchyCell, GridDetailRow as TableDetailRow, GridColumnMenuSort as TableColumnMenuSort, GridColumnMenuItem as TableColumnMenuItem, GridColumnMenuItemContent as TableColumnMenuItemContent, GridColumnMenuItemGroup as TableColumnMenuItemGroup, GridColumnMenuFilter as TableColumnMenuFilter, GridColumnMenuFilterUI as TableColumnMenuFilterUI, GridColumnMenuFilterCell as TableColumnMenuFilterCell, GridToolbar as TableToolbar, GridNoRecords as TableNoRecords, } from '@progress/kendo-react-grid';
+export { GridColumn as TableColumn, GridRow as TableRow, GridCell as TableCell, GridEditCell as TableEditCell, GridFilterCell as TableFilterCell, GridGroupCell as TableGroupCell, GridHeaderCell as TableHeaderCell, GridHierarchyCell as TableHierarchyCell, GridDetailRow as TableDetailRow, GridColumnMenuSort as TableColumnMenuSort, GridColumnMenuItem as TableColumnMenuItem, GridColumnMenuItemContent as TableColumnMenuItemContent, GridColumnMenuItemGroup as TableColumnMenuItemGroup, GridColumnMenuFilter as TableColumnMenuFilter, GridColumnMenuFilterUI as TableColumnMenuFilterUI, GridColumnMenuFilterCell as TableColumnMenuFilterCell, GridColumnMenuWrapper as TableColumnMenuWrapper, GridToolbar as TableToolbar, GridNoRecords as TableNoRecords, } from '@progress/kendo-react-grid';
 export { PopupPropsContext as TablePopupPropsContext } from '@progress/kendo-react-popup';
 //# sourceMappingURL=components.js.map

package/dist/components/Table/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Table/components.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,IAAI,WAAW,EACzB,OAAO,IAAI,QAAQ,EACnB,QAAQ,IAAI,SAAS,EACrB,YAAY,IAAI,aAAa,EAC7B,cAAc,IAAI,eAAe,EACjC,aAAa,IAAI,cAAc,EAC/B,cAAc,IAAI,eAAe,EACjC,iBAAiB,IAAI,kBAAkB,EACvC,aAAa,IAAI,cAAc,EAC/B,kBAAkB,IAAI,mBAAmB,EACzC,kBAAkB,IAAI,mBAAmB,EACzC,yBAAyB,IAAI,0BAA0B,EACvD,uBAAuB,IAAI,wBAAwB,EACnD,oBAAoB,IAAI,qBAAqB,EAC7C,sBAAsB,IAAI,uBAAuB,EACjD,wBAAwB,IAAI,yBAAyB,EACrD,WAAW,IAAI,YAAY,EAC3B,aAAa,IAAI,cAAc,GAC/B,MAAM,4BAA4B,CAAC;AA8BpC,OAAO,EAAE,iBAAiB,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export {\n\tGridColumn as TableColumn,\n\tGridRow as TableRow,\n\tGridCell as TableCell,\n\tGridEditCell as TableEditCell,\n\tGridFilterCell as TableFilterCell,\n\tGridGroupCell as TableGroupCell,\n\tGridHeaderCell as TableHeaderCell,\n\tGridHierarchyCell as TableHierarchyCell,\n\tGridDetailRow as TableDetailRow,\n\tGridColumnMenuSort as TableColumnMenuSort,\n\tGridColumnMenuItem as TableColumnMenuItem,\n\tGridColumnMenuItemContent as TableColumnMenuItemContent,\n\tGridColumnMenuItemGroup as TableColumnMenuItemGroup,\n\tGridColumnMenuFilter as TableColumnMenuFilter,\n\tGridColumnMenuFilterUI as TableColumnMenuFilterUI,\n\tGridColumnMenuFilterCell as TableColumnMenuFilterCell,\n\tGridToolbar as TableToolbar,\n\tGridNoRecords as TableNoRecords,\n} from '@progress/kendo-react-grid';\n\nexport type {\n\tGridColumnProps as TableColumnProps,\n\tGridCellProps as TableCellProps,\n\tGridDetailRowProps as TableDetailRowProps,\n\tGridRowProps as TableRowProps,\n\tGridFilterCellProps as TableFilterCellProps,\n\tGridHeaderCellProps as TableHeaderCellProps,\n\tGridColumnMenuProps as TableColumnMenuProps,\n\tGridToolbarProps as TableToolbarProps,\n\tGridNoRecordsProps as TableNoRecordsProps,\n\tGridSortSettings as TableSortSettings,\n\tGridPagerSettings as TablePagerSettings,\n\tGridGroupableSettings as TableGroupableSettings,\n\tGridPageChangeEvent as TablePageChangeEvent,\n\tGridDataStateChangeEvent as TableDataStateChangeEvent,\n\tGridFilterChangeEvent as TableFilterChangeEvent,\n\tGridSortChangeEvent as TableSortChangeEvent,\n\tGridExpandChangeEvent as TableExpandChangeEvent,\n\tGridSelectionChangeEvent as TableSelectionChangeEvent,\n\tGridItemChangeEvent as TableItemChangeEvent,\n\tGridHeaderSelectionChangeEvent as TableHeaderSelectionChangeEvent,\n\tGridRowClickEvent as TableRowClickEvent,\n\tGridColumnResizeEvent as TableColumnResizeEvent,\n\tGridColumnReorderEvent as TableColumnReorderEvent,\n\tGridGroupChangeEvent as TableGroupChangeEvent,\n\tGridEvent as TableEvent,\n} from '@progress/kendo-react-grid';\n\nexport { PopupPropsContext as TablePopupPropsContext } from '@progress/kendo-react-popup';\n"]}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Table/components.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,IAAI,WAAW,EACzB,OAAO,IAAI,QAAQ,EACnB,QAAQ,IAAI,SAAS,EACrB,YAAY,IAAI,aAAa,EAC7B,cAAc,IAAI,eAAe,EACjC,aAAa,IAAI,cAAc,EAC/B,cAAc,IAAI,eAAe,EACjC,iBAAiB,IAAI,kBAAkB,EACvC,aAAa,IAAI,cAAc,EAC/B,kBAAkB,IAAI,mBAAmB,EACzC,kBAAkB,IAAI,mBAAmB,EACzC,yBAAyB,IAAI,0BAA0B,EACvD,uBAAuB,IAAI,wBAAwB,EACnD,oBAAoB,IAAI,qBAAqB,EAC7C,sBAAsB,IAAI,uBAAuB,EACjD,wBAAwB,IAAI,yBAAyB,EACrD,qBAAqB,IAAI,sBAAsB,EAC/C,WAAW,IAAI,YAAY,EAC3B,aAAa,IAAI,cAAc,GAC/B,MAAM,4BAA4B,CAAC;AA8BpC,OAAO,EAAE,iBAAiB,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export {\n\tGridColumn as TableColumn,\n\tGridRow as TableRow,\n\tGridCell as TableCell,\n\tGridEditCell as TableEditCell,\n\tGridFilterCell as TableFilterCell,\n\tGridGroupCell as TableGroupCell,\n\tGridHeaderCell as TableHeaderCell,\n\tGridHierarchyCell as TableHierarchyCell,\n\tGridDetailRow as TableDetailRow,\n\tGridColumnMenuSort as TableColumnMenuSort,\n\tGridColumnMenuItem as TableColumnMenuItem,\n\tGridColumnMenuItemContent as TableColumnMenuItemContent,\n\tGridColumnMenuItemGroup as TableColumnMenuItemGroup,\n\tGridColumnMenuFilter as TableColumnMenuFilter,\n\tGridColumnMenuFilterUI as TableColumnMenuFilterUI,\n\tGridColumnMenuFilterCell as TableColumnMenuFilterCell,\n\tGridColumnMenuWrapper as TableColumnMenuWrapper,\n\tGridToolbar as TableToolbar,\n\tGridNoRecords as TableNoRecords,\n} from '@progress/kendo-react-grid';\n\nexport type {\n\tGridColumnProps as TableColumnProps,\n\tGridCellProps as TableCellProps,\n\tGridDetailRowProps as TableDetailRowProps,\n\tGridRowProps as TableRowProps,\n\tGridFilterCellProps as TableFilterCellProps,\n\tGridHeaderCellProps as TableHeaderCellProps,\n\tGridColumnMenuProps as TableColumnMenuProps,\n\tGridToolbarProps as TableToolbarProps,\n\tGridNoRecordsProps as TableNoRecordsProps,\n\tGridSortSettings as TableSortSettings,\n\tGridPagerSettings as TablePagerSettings,\n\tGridGroupableSettings as TableGroupableSettings,\n\tGridPageChangeEvent as TablePageChangeEvent,\n\tGridDataStateChangeEvent as TableDataStateChangeEvent,\n\tGridFilterChangeEvent as TableFilterChangeEvent,\n\tGridSortChangeEvent as TableSortChangeEvent,\n\tGridExpandChangeEvent as TableExpandChangeEvent,\n\tGridSelectionChangeEvent as TableSelectionChangeEvent,\n\tGridItemChangeEvent as TableItemChangeEvent,\n\tGridHeaderSelectionChangeEvent as TableHeaderSelectionChangeEvent,\n\tGridRowClickEvent as TableRowClickEvent,\n\tGridColumnResizeEvent as TableColumnResizeEvent,\n\tGridColumnReorderEvent as TableColumnReorderEvent,\n\tGridGroupChangeEvent as TableGroupChangeEvent,\n\tGridEvent as TableEvent,\n} from '@progress/kendo-react-grid';\n\nexport { PopupPropsContext as TablePopupPropsContext } from '@progress/kendo-react-popup';\n"]}

package/dist/components/Table/index.css

@@ -497,6 +497,10 @@ span.Popover {
   border-color: var(--colorsBorderGrey, #dfe0e1);
   background-color: var(--colorsSurfaceDefault, white);
 }
+.Table.k-grid .k-table,
+.Table.k-grid .k-table.k-grid-table {
+  color: unset;
+}
 .Table.k-grid .k-grid-header {
   color: var(--colorsTextOnGrey, #444445);
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
@@ -506,6 +510,16 @@ span.Popover {
 .Table.k-grid .k-grid-header .k-grid-header .k-hierarchy-cell .k-icon:hover {
   background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
+.Table.k-grid .k-grid-header .k-grid-header-menu {
+  color: unset;
+}
+.Table.k-grid .k-grid-header .k-grid-header-menu:hover {
+  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
+}
+.Table.k-grid .k-grid-header .k-table-thead {
+  background-color: unset;
+  color: unset;
+}
 .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter {
   background-color: var(--colorsSurfacePrimary, #0265dc);
 }
@@ -524,26 +538,21 @@ span.Popover {
   background-color: var(--colorsSurfaceDefault, white);
 }
 .Table.k-grid:not(.Table--striped) tr.k-alt:hover {
-  background-color: var(--colorsSurfaceGrey, #eeeeee);
+  background-color: color-mix(in srgb, var(--colorsSurfaceGrey, #eeeeee), var(--colorsSurfaceDefault, white));
 }
-.Table.k-grid tr.k-alt.k-selected,
-.Table.k-grid tr.k-selected {
+.Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected {
   background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
 }
-.Table.k-grid tr.k-alt.k-selected:hover,
-.Table.k-grid tr.k-selected:hover {
-  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
+.Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected:hover {
+  background-color: color-mix(in srgb, var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1)), var(--colorsSurfacePrimarySubdued, #e0f2ff));
 }
-.Table.k-grid tr.k-alt.k-selected > td,
-.Table.k-grid tr.k-selected > td {
+.Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected > td {
   background-color: inherit;
 }
-.Table.k-grid tbody tr.k-hover,
-.Table.k-grid tbody tr:hover {
+.Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover {
   background-color: var(--colorsSurfaceGrey, #eeeeee);
 }
-.Table.k-grid tbody tr.k-hover td,
-.Table.k-grid tbody tr:hover td {
+.Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover td {
   background-color: inherit;
 }
 .Table.k-grid .k-master-row.k-hover .k-grid-content-sticky,
@@ -605,29 +614,39 @@ span.Popover {
 .Table.k-grid th.k-header {
   border-color: var(--colorsBorderGrey, #dfe0e1);
 }
-.Table.k-grid .k-pager-wrap {
+.Table.k-grid .k-pager {
   color: var(--colorsTextOnGrey, #444445);
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
-.Table.k-grid .k-pager-wrap .k-selected {
+.Table.k-grid .k-pager .k-selected {
   background-color: var(--colorsSurfacePrimary, #0265dc);
   border-radius: 3px;
   color: var(--colorsTextOnPrimary, white);
   cursor: default;
 }
-.Table.k-grid .k-pager-wrap .k-pager-nav {
+.Table.k-grid .k-pager .k-pager-nav {
   color: var(--colorsTextPrimary, #0265dc);
 }
-.Table.k-grid .k-pager-wrap .k-pager-nav.k-disabled {
+.Table.k-grid .k-pager .k-pager-nav.k-disabled {
   color: var(--colorsTextOnGrey, #444445);
 }
-.Table.k-grid .k-pager-wrap .k-pager-nav.k-link:hover,
-.Table.k-grid .k-pager-wrap .k-pager-refresh:hover,
-.Table.k-grid .k-pager-wrap .k-hover.k-pager-nav.k-link,
-.Table.k-grid .k-pager-wrap .k-hover.k-pager-refresh {
+.Table.k-grid .k-pager .k-pager-nav.k-link:hover,
+.Table.k-grid .k-pager .k-pager-refresh:hover,
+.Table.k-grid .k-pager .k-hover.k-pager-nav.k-link,
+.Table.k-grid .k-pager .k-hover.k-pager-refresh {
   color: var(--colorsTextOnGrey, #444445);
   background-color: var(--colorsSurfaceGrey, #eeeeee);
 }
+.Table.k-grid .k-pager .k-pager-numbers .k-button-flat-primary {
+  color: var(--colorsTextPrimary, #0265dc);
+}
+.Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist {
+  color: unset;
+  border-color: var(--colorsBorderGrey, #dfe0e1);
+}
+.Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist:hover {
+  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
+}
 
 /* Filter popups are rendered outside .Table in portal */
 .k-popup {
@@ -635,6 +654,7 @@ span.Popover {
   color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
+  background-color: var(--colorsSurfaceDefault, white);
 }
 .k-popup .k-input .k-button:hover,
 .k-popup .k-spin-button .k-button:hover {
@@ -642,10 +662,15 @@ span.Popover {
 }
 .k-popup .k-spin-button .k-button,
 .k-popup .k-input-button {
+  color: unset;
   border-inline-start-width: 0;
   border-radius: 0;
   background-color: transparent;
 }
+.k-popup .k-spin-button .k-button:hover,
+.k-popup .k-input-button:hover {
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
+}
 .k-popup .k-i-arrow-n::before,
 .k-popup .k-i-arrow-s::before {
   opacity: 0.65;
@@ -656,6 +681,35 @@ span.Popover {
 .k-popup .k-i-arrow-n::before {
   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");
 }
+.k-popup .k-columnmenu-item:hover {
+  color: inherit;
+}
+.k-popup .k-input {
+  background-color: var(--colorsSurfaceDefault, white);
+  border-color: var(--colorsBorderGrey, #dfe0e1);
+  color: unset;
+}
+.k-popup .k-input .k-input-button {
+  color: unset;
+}
+.k-popup .k-input .k-input-button:hover {
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
+}
+.k-popup .k-actions .k-button:disabled {
+  background-color: var(--colorsSurfaceGreyStronger, #bcbcbd);
+  color: var(--colorsTextSubdued, #606162);
+  border-color: unset;
+}
+.k-popup .k-actions .k-button:not(.k-button-solid-primary) {
+  background-color: var(--colorsSurfaceDefault, white);
+  border-color: var(--colorsBorderDefault, #949596);
+  color: var(--colorsTextOnGrey, #444445);
+  border-width: 1px;
+}
+.k-popup .k-actions .k-button.k-button-solid-primary {
+  background-color: var(--colorsSurfacePrimary, #0265dc);
+  color: var(--colorsTextOnPrimary, white);
+}
 
 /* Workaround for a className `ta-right` to have effect on table cell and header */
 .k-grid td.ta-right,
@@ -686,4 +740,24 @@ span.Popover {
   color: var(--colorsTextOnPrimary, white);
 }
 
+.k-dropdownlist.k-picker {
+  color: var(--colorsTextDefault, #141414);
+  border-color: var(--colorsBorderGrey, #dfe0e1);
+}
+.k-dropdownlist.k-picker:hover {
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
+}
+
+.k-dropdownlist-popup .k-list {
+  background-color: var(--colorsSurfaceDefault, white);
+  color: inherit;
+}
+.k-dropdownlist-popup .k-list .k-list-item {
+  background-color: inherit;
+  color: inherit;
+}
+.k-dropdownlist-popup .k-list .k-list-item.k-selected {
+  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
+}
+
 /*# sourceMappingURL=index.css.map */

package/dist/components/Table/index.css.map

@@ -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":"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;ACvGjC;AJjCC;EACA;AAEA;EACA;;AIgCA;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,OAjFmB;EAkFnB;;AAEA;EACC;EAEA;EACA;;AAIF;EAAoC,eHvFpB;;AGyFhB;EACC,aHHmB;;AGKnB;EAAmB;;AAIrB;EACC;;AAEA;EACC;;AAIF;EACC,aHjBqB;;AGqBtB;AAAA;EAEC;;AAGD;AAAA;EAEC;;AAID;EACC,cAzIe;EA0If,kBAtIgB;;AAwIhB;EACC,OApImB;EAqInB,kBApIyB;;AAsIzB;AAAA;AAAA;EAGC,kBArIgB;;AAyIhB;EACC,kBA3IuB;;AA6IvB;EAA4B,OA1IR;;AA8ItB;AAAA;AAAA;EAGC,OAlJkB;;AAsJpB;EACC,kBA5JyB;;AA+J1B;EACC,kBAtKe;;AAwKf;EACC,kBAjKsB;;AAqKxB;AAAA;EAEC,kBA9JY;;AAgKZ;AAAA;EACC,kBAhKiB;;AAoKnB;AAAA;EAEC;;AAGD;AAAA;EAEC,kBArLuB;;AAuLvB;AAAA;EACC;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;;AAIA;AAAA;EAEC,kBAxMsB;;AA4MxB;EACC,kBArNe;;AAwNhB;EACC,kBAzNe;EA0Nf,eH9Me;EG+Mf;;AAEA;EAEC,cAjOa;EAkOb,OA7Nc;EA8Nd,kBAhOc;;AAmOf;EAGC;;AAMA;EAAe,OAtNC;;AAuNhB;EAAc,OAtNG;;AAuNjB;EAAe,OAtNF;;AAuNb;EAAmB,OA1NH;;AA4NhB;EACU;;AAIZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAcC,cAzQc;;AA4Qf;EACC,OApQmB;EAqQnB,kBApQyB;;AAsQzB;EACC,kBApQwB;EAqQxB,eHlQc;EGmQd,OAnQqB;EAoQrB;;AAGD;EACC,OArQiB;;AAuQjB;EACC,OAzQgB;;AA6QlB;AAAA;AAAA;AAAA;EAIC,OA1RkB;EA2RlB,kBAxRsB;;;AA8R1B;AACA;AJ7SC;EACA;AAEA;EACA;;AI4SA;AAAA;EACiC,kBHzQf;;AG2QlB;AAAA;EAEC;EACA;EACA;;AAID;AAAA;EAEC;;AAED;EAAuB;;AACvB;EAAuB;;;AAGxB;AACA;AAAA;EAEC;;AAEA;AAAA;EACC;EACA;;AAGD;AAAA;EAAoB;;AACpB;AAAA;EAAkC;;;AAGnC;AACA;EACC;;;AAGD;EACC;EACA,OA/UiB","file":"index.css"}
+{"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/TextArea/TextArea.d.ts

@@ -44,7 +44,7 @@ export declare class TextArea extends Component<TextAreaProps> {
     static displayName: string;
     static contextType: React.Context<FormFieldContext>;
     context: React.ContextType<typeof FormFieldContext>;
-    focus: () => void;
+    focus: (options?: FocusOptions) => void;
     select: () => void;
     handleChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     handleInput: (e: React.SyntheticEvent) => void;

package/dist/components/TextArea/TextArea.js

@@ -17,7 +17,7 @@ export class TextArea extends Component {
     constructor() {
         super(...arguments);
         this.textAreaRef = createRef();
-        this.focus = () => this.textAreaRef.current.focus();
+        this.focus = (options) => this.textAreaRef.current.focus(options);
         this.select = () => this.textAreaRef.current.select();
         this.handleChange = (e) => {
             if (this.props.onChange) {

package/dist/components/TextArea/TextArea.js.map

@@ -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,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC/C,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 = () => this.textAreaRef.current.focus();\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"]}
+{"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"]}