@servicetitan/design-system 11.6.0 → 11.8.0

package/dist/components/Breadcrumb/BreadcrumbLink.d.ts

@@ -1,8 +1,9 @@
-import React, { FC } from 'react';
+import React, { FC, ElementType } from 'react';
 export declare type BreadcrumbLinkType = React.ReactElement<BreadcrumbLinkProps>;
 export interface BreadcrumbLinkPropsStrict {
     label: string;
     onClick?: (e: React.SyntheticEvent<HTMLElement>) => void;
+    el?: ElementType;
 }
 export interface BreadcrumbLinkProps extends BreadcrumbLinkPropsStrict {
     /** Unstrict Props */

package/dist/components/Breadcrumb/BreadcrumbLink.js

@@ -14,7 +14,7 @@ import classnames from 'classnames';
 import { Icon } from '../Icon';
 import { useFocusVisible } from '../../hooks/useFocusVisible';
 export const BreadcrumbLink = (_a) => {
-    var { className, label, onClick, onFocus, onBlur } = _a, props = __rest(_a, ["className", "label", "onClick", "onFocus", "onBlur"]);
+    var { className, label, onClick, onFocus, onBlur, el: Element = 'div' } = _a, props = __rest(_a, ["className", "label", "onClick", "onFocus", "onBlur", "el"]);
     const itemRef = React.useRef(null);
     const { isFocusVisible, focusFunction, blurFunction } = useFocusVisible(itemRef, onBlur, onFocus);
     const BreadcrumbLinkClasses = classnames('Breadcrumb-Link', className, {
@@ -23,7 +23,7 @@ export const BreadcrumbLink = (_a) => {
     const BreadcrumbLinkLabelClasses = classnames('Breadcrumb-Link__label', {
         'Breadcrumb-Link__label--focus-visible': isFocusVisible,
     });
-    return (React.createElement("div", Object.assign({ className: BreadcrumbLinkClasses }, props),
+    return (React.createElement(Element, Object.assign({ className: BreadcrumbLinkClasses }, props),
         React.createElement("span", { className: BreadcrumbLinkLabelClasses, tabIndex: 0, onClick: onClick, onFocus: focusFunction, onBlur: blurFunction, ref: itemRef }, label),
         React.createElement(Icon, { className: "Breadcrumb-Link__icon", name: "chevron_right" })));
 };

package/dist/components/Breadcrumb/BreadcrumbLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAc9D,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAOvD,EAAE,EAAE;QAPmD,EACvD,SAAS,EACT,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,OAEN,EADG,KAAK,cAN+C,sDAOvD,CADQ;IAER,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,CACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,CAAC;IAEF,MAAM,qBAAqB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACtE,wBAAwB,EAAE,OAAO;KACjC,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAG,UAAU,CAAC,wBAAwB,EAAE;QACvE,uCAAuC,EAAE,cAAc;KACvD,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK;QAC/C,8BACC,SAAS,EAAE,0BAA0B,EACrC,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,OAAO,IAEX,KAAK,CACA;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,eAAe,GAAG,CAC1D,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"BreadcrumbLink.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAe9D,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAQvD,EAAE,EAAE;QARmD,EACvD,SAAS,EACT,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,EACN,EAAE,EAAE,OAAO,GAAG,KAAK,OAEnB,EADG,KAAK,cAP+C,4DAQvD,CADQ;IAER,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,CACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,CAAC;IAEF,MAAM,qBAAqB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACtE,wBAAwB,EAAE,OAAO;KACjC,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAG,UAAU,CAAC,wBAAwB,EAAE;QACvE,uCAAuC,EAAE,cAAc;KACvD,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,qBAAqB,IAAM,KAAK;QACnD,8BACC,SAAS,EAAE,0BAA0B,EACrC,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,OAAO,IAEX,KAAK,CACA;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,eAAe,GAAG,CACtD,CACV,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Breadcrumb/BreadcrumbLink.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/components/Breadcrumb/BreadcrumbLink.test.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { Breadcrumb } from './';
+describe('Breadcrumb.Link', () => {
+    it('should allow custom HTML element', () => {
+        const props = {
+            el: 'a',
+            label: 'label',
+            href: 'https://en.wikipedia.org/wiki/Main_Page',
+        };
+        const { container } = render(React.createElement(Breadcrumb.Link, Object.assign({}, props)));
+        expect(container.firstChild).toBeInstanceOf(HTMLAnchorElement);
+    });
+});
+//# sourceMappingURL=BreadcrumbLink.test.js.map

package/dist/components/Breadcrumb/BreadcrumbLink.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbLink.test.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbLink.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,yCAAyC,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAEhC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC3C,MAAM,KAAK,GAAG;YACb,EAAE,EAAE,GAAY;YAChB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,yCAAyC;SAC/C,CAAC;QACF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,UAAU,CAAC,IAAI,oBAAK,KAAK,EAAI,CAAC,CAAC;QAE7D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Drawer/Drawer.d.ts

@@ -19,6 +19,8 @@ interface DrawerPropsStrict extends OverlayProps {
     width?: 'xs' | 's' | 'm' | 'l';
     /** Options passed into FocusTrap */
     focusTrapOptions?: FocusTrapProps;
+    /** Adds classnames to Drawer's content wrapper */
+    contentClassName?: string;
 }
 export interface DrawerProps extends DrawerPropsStrict {
     /** Unstrict Props */

package/dist/components/Drawer/Drawer.js

@@ -17,7 +17,7 @@ import { Button, Headline } from '../';
 import { Overlay } from '../../internal/Overlay';
 import { FocusTrap } from '../../utilities/FocusTrap';
 export const Drawer = (_a) => {
-    var { animate = true, children, className, footer, footerAlign = 'right', header, onClose, open, portal = true, backdrop, width = 's', focusTrapOptions } = _a, rest = __rest(_a, ["animate", "children", "className", "footer", "footerAlign", "header", "onClose", "open", "portal", "backdrop", "width", "focusTrapOptions"]);
+    var { animate = true, children, className, contentClassName, footer, footerAlign = 'right', header, onClose, open, portal = true, backdrop, width = 's', focusTrapOptions } = _a, rest = __rest(_a, ["animate", "children", "className", "contentClassName", "footer", "footerAlign", "header", "onClose", "open", "portal", "backdrop", "width", "focusTrapOptions"]);
     const drawerRef = useRef(null);
     const [focusWrapper, setFocusWrapper] = React.useState(1);
     const DrawerClasses = classnames('Drawer', className, {
@@ -26,6 +26,7 @@ export const Drawer = (_a) => {
         'Drawer--close': !open,
         [`Drawer--w-${width}`]: width,
     });
+    const DrawerContentClassNames = classnames('Drawer__content', contentClassName);
     const DrawerFooterClassNames = classnames('Drawer__footer', className, {
         'justify-content-start': footerAlign === 'left',
         'justify-content-center': footerAlign === 'center',
@@ -58,7 +59,7 @@ export const Drawer = (_a) => {
                 header && (React.createElement("div", { className: "Drawer__header" },
                     React.createElement(Headline, { className: "Drawer__header-title" }, header),
                     onClose && (React.createElement(Button, { fill: "subtle", className: "Drawer__header-close", iconName: "clear", size: "xsmall", onClick: onClose })))),
-                React.createElement("div", { className: "Drawer__content" }, children),
+                React.createElement("div", { className: DrawerContentClassNames }, children),
                 footer && (React.createElement("div", { className: DrawerFooterClassNames }, footer))))))));
 };
 //# sourceMappingURL=Drawer.js.map

package/dist/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}

package/dist/components/FilePicker/FilePicker.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { ButtonProps } from '../Button';
 export interface FileDescriptor {
     /** File name to display to user in case you want to override file.name */
     displayName?: string;
@@ -15,6 +16,10 @@ export interface FilePickerPropsStrict {
     accept?: string;
     /** Aligns the content within the page */
     align?: 'left' | 'center';
+    /** Button label */
+    buttonLabel?: string;
+    /** Property options for the button */
+    buttonProps?: ButtonProps;
     /** Disabled and unclickable */
     disabled?: boolean;
     /** Layout type for a list of uploaded files */
@@ -35,7 +40,7 @@ export interface FilePickerPropsStrict {
     /** Event fired when file(s) are selected by user */
     onSelected(files: FileList): void;
     /** Types note text */
-    typesNote?: string;
+    typesNote?: string | null;
     /** Use flex box display for the items */
     useFlex?: boolean;
     /** FileDescriptor or array of FileDescriptors */

package/dist/components/FilePicker/FilePicker.js

@@ -21,9 +21,17 @@ export const isFileDescriptor = (toBeDetermined) => {
             toBeDetermined.file instanceof File));
 };
 export const FilePicker = (_a) => {
-    var { accept, align = 'left', className, disabled, layout = 'list', limitReached, multiple, onDelete, onDownload, onReplace, onSelected, value } = _a, rest = __rest(_a, ["accept", "align", "className", "disabled", "layout", "limitReached", "multiple", "onDelete", "onDownload", "onReplace", "onSelected", "value"]);
+    var { accept, align = 'left', buttonLabel, buttonProps, className, disabled, layout = 'list', limitReached, multiple, onDelete, onDownload, onReplace, onSelected, value } = _a, rest = __rest(_a, ["accept", "align", "buttonLabel", "buttonProps", "className", "disabled", "layout", "limitReached", "multiple", "onDelete", "onDownload", "onReplace", "onSelected", "value"]);
     const inputRef = React.useRef();
-    const handleButtonClick = () => inputRef.current.click();
+    const getRestOfButtonProps = () => {
+        const _a = buttonProps !== null && buttonProps !== void 0 ? buttonProps : {}, { disabled, onClick } = _a, rest = __rest(_a, ["disabled", "onClick"]);
+        return rest;
+    };
+    const handleButtonClick = (event) => {
+        var _a;
+        inputRef.current.click();
+        (_a = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonProps, event);
+    };
     const handleFileReplace = (file) => (e) => onReplace
         ? onReplace({ file, newFile: e.target.files[0] })
         : undefined;
@@ -59,9 +67,9 @@ export const FilePicker = (_a) => {
                     React.createElement(Icon, { name: "delete", size: 24, onClick: handleFileDelete(file) })))))))),
         (!valueArr || (multiple && !limitReached)) && (React.createElement("span", { className: "FilePicker__File__ActionContainer" },
             React.createElement("label", null,
-                React.createElement(Button, { default: true, disabled: disabled, iconName: "attach_file", onClick: handleButtonClick },
-                    "Choose File",
-                    multiple && 's'),
+                React.createElement(Button, Object.assign({ default: true, disabled: disabled, iconName: "attach_file", onClick: handleButtonClick }, getRestOfButtonProps()), buttonLabel
+                    ? buttonLabel
+                    : `Choose File${multiple ? 's' : ''}`),
                 React.createElement("input", { type: "file", className: "FilePicker__Input", onChange: handleFileChange, multiple: multiple, accept: accept, disabled: disabled, value: "", ref: inputRef })),
             typesNote && (React.createElement(BodyText, { size: "xsmall", subdued: true, className: "m-t-1 FilePicker__Note" }, typesNote))))));
 };

package/dist/components/FilePicker/FilePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePicker.js","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilePicker.js","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/InlineEdit/InlineEdit.d.ts

@@ -40,7 +40,7 @@ export interface InlineEditPropsStrict {
     placeholder?: string;
 }
 interface valueObject extends AnvilSelectOptionsProps {
-    title: string;
+    title?: string;
 }
 interface ActionProps {
     save?: (event: React.ChangeEvent<HTMLElement>) => void;

package/dist/components/Modal/Modal.d.ts

@@ -18,6 +18,8 @@ export interface ModalProps extends ModalHeaderProps, ModalWindowProps {
     size?: ModalSizes;
     /** Options passed into FocusTrap */
     focusTrapOptions?: FocusTrapProps;
+    /** Adds classnames to Modal's content wrapper */
+    contentClassName?: string;
 }
 export interface Modal extends FC<ModalProps> {
     /** Subcomponents */

package/dist/components/Modal/Modal.js

@@ -9,13 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import classnames from 'classnames';
 import React from 'react';
 import { ModalWindow, ModalHeader, ModalFooter, ModalContent, ModalSizes, } from './components';
 export const Modal = (_a) => {
-    var { children, footer, footerAlign, onClose, open, portal = true, scrollable = true, size, title, focusTrapOptions } = _a, rest = __rest(_a, ["children", "footer", "footerAlign", "onClose", "open", "portal", "scrollable", "size", "title", "focusTrapOptions"]);
+    var { children, footer, footerAlign, onClose, open, portal = true, scrollable = true, size, title, focusTrapOptions, contentClassName } = _a, rest = __rest(_a, ["children", "footer", "footerAlign", "onClose", "open", "portal", "scrollable", "size", "title", "focusTrapOptions", "contentClassName"]);
     return (React.createElement(ModalWindow, Object.assign({ onClose: onClose, size: size, focusTrapOptions: focusTrapOptions, open: open, portal: portal, "data-anvil-component": "Modal" }, rest),
         React.createElement(ModalHeader, { title: title, onClose: onClose }),
-        React.createElement(ModalContent, { className: "fs-3", scrollable: scrollable }, children),
+        React.createElement(ModalContent, { className: classnames('fs-3', contentClassName), scrollable: scrollable }, children),
         footer && React.createElement(ModalFooter, { align: footerAlign }, footer)));
 };
 Modal.Window = ModalWindow;

package/dist/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,EACN,WAAW,EAEX,WAAW,EAEX,WAAW,EAEX,YAAY,EACZ,UAAU,GACV,MAAM,cAAc,CAAC;AAqCtB,MAAM,CAAC,MAAM,KAAK,GAAU,CAAC,EAY5B,EAAE,EAAE;QAZwB,EAC5B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,OAAO,EACP,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,KAAK,EACL,gBAAgB,OAEhB,EADG,IAAI,cAXqB,qHAY5B,CADO;IACF,OAAA,CACL,oBAAC,WAAW,kBACX,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,0BACO,OAAO,IACxB,IAAI;QAER,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI;QAC/C,oBAAC,YAAY,IAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,IACnD,QAAQ,CACK;QACd,MAAM,IAAI,oBAAC,WAAW,IAAC,KAAK,EAAE,WAAW,IAAG,MAAM,CAAe,CACrD,CACd,CAAA;CAAA,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;AAC7B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,EACN,WAAW,EAEX,WAAW,EAEX,WAAW,EAEX,YAAY,EACZ,UAAU,GACV,MAAM,cAAc,CAAC;AAwCtB,MAAM,CAAC,MAAM,KAAK,GAAU,CAAC,EAa5B,EAAE,EAAE;QAbwB,EAC5B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,OAAO,EACP,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,KAAK,EACL,gBAAgB,EAChB,gBAAgB,OAEhB,EADG,IAAI,cAZqB,yIAa5B,CADO;IACF,OAAA,CACL,oBAAC,WAAW,kBACX,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,0BACO,OAAO,IACxB,IAAI;QAER,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI;QAC/C,oBAAC,YAAY,IAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAAE,UAAU,EAAE,UAAU,IACnF,QAAQ,CACK;QACd,MAAM,IAAI,oBAAC,WAAW,IAAC,KAAK,EAAE,WAAW,IAAG,MAAM,CAAe,CACrD,CACd,CAAA;CAAA,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;AAC7B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC"}

package/dist/components/Table/Table.css

@@ -503,7 +503,7 @@ span.Popover {
   background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
 .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter {
-  background-color: var(--colorsSurfacePrimary, #141414);
+  background-color: var(--colorsSurfacePrimary, #2270ee);
 }
 .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter .k-icon.k-i-more-vertical {
   color: var(--colorsTextOnPrimary, #ffffff);
@@ -590,7 +590,7 @@ span.Popover {
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
 .Table.k-grid .k-pager-wrap .k-state-selected {
-  background-color: var(--colorsSurfacePrimary, #141414);
+  background-color: var(--colorsSurfacePrimary, #2270ee);
   border-radius: 3px;
   color: var(--colorsTextOnPrimary, #ffffff);
 }

package/dist/components/Table/index.css

@@ -503,7 +503,7 @@ span.Popover {
   background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
 .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter {
-  background-color: var(--colorsSurfacePrimary, #141414);
+  background-color: var(--colorsSurfacePrimary, #2270ee);
 }
 .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter .k-icon.k-i-more-vertical {
   color: var(--colorsTextOnPrimary, #ffffff);
@@ -590,7 +590,7 @@ span.Popover {
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
 .Table.k-grid .k-pager-wrap .k-state-selected {
-  background-color: var(--colorsSurfacePrimary, #141414);
+  background-color: var(--colorsSurfacePrimary, #2270ee);
   border-radius: 3px;
   color: var(--colorsTextOnPrimary, #ffffff);
 }

package/dist/components/index.css

@@ -10873,7 +10873,7 @@ button.a-Icon svg {
   background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
 .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter {
-  background-color: var(--colorsSurfacePrimary, #141414);
+  background-color: var(--colorsSurfacePrimary, #2270ee);
 }
 .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter .k-icon.k-i-more-vertical {
   color: var(--colorsTextOnPrimary, #ffffff);
@@ -10960,7 +10960,7 @@ button.a-Icon svg {
   background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
 }
 .Table.k-grid .k-pager-wrap .k-state-selected {
-  background-color: var(--colorsSurfacePrimary, #141414);
+  background-color: var(--colorsSurfacePrimary, #2270ee);
   border-radius: 3px;
   color: var(--colorsTextOnPrimary, #ffffff);
 }

package/dist/global/index.css

@@ -1,6 +1,6 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 html {
-  --anvil-version: "11.6.0";
+  --anvil-version: "11.8.0";
 }
 
 /*

package/dist/global/version.css

@@ -1,5 +1,5 @@
 html {
-  --anvil-version: "11.6.0";
+  --anvil-version: "11.8.0";
 }
 
 /*# sourceMappingURL=version.css.map */

package/dist/hooks/useScrollPosition.js

@@ -20,10 +20,12 @@ export const useScrollPosition = (ref) => {
                 const bottom = el.scrollHeight - el.scrollTop - el.clientHeight;
                 const right = el.scrollWidth - el.scrollLeft - el.clientWidth;
                 setState({
-                    top: verticalScrollbar ? el.scrollTop : false,
-                    left: horizontalScrollbar ? el.scrollLeft : false,
-                    bottom: verticalScrollbar ? bottom : false,
-                    right: horizontalScrollbar ? right : false,
+                    top: verticalScrollbar ? Math.round(el.scrollTop) : false,
+                    right: horizontalScrollbar ? Math.round(right) : false,
+                    bottom: verticalScrollbar ? Math.round(bottom) : false,
+                    left: horizontalScrollbar
+                        ? Math.round(el.scrollLeft)
+                        : false,
                 });
             }
         };

package/dist/hooks/useScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.js","sourceRoot":"","sources":["../../src/hooks/useScrollPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAgBvD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAA2B,EAAe,EAAE;IAC7E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC3C,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,CAAC,OAAO,KAAK,WAAW,EAAE;YAClE,OAAO,CAAC,KAAK,CAAC,iDAAiD,CAAC,CAAC;SACjE;KACD;IAED,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc;QAC/C,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACP,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,IAAI,EAAE,EAAE;gBACP,MAAM,mBAAmB,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC;gBAC5D,MAAM,iBAAiB,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;gBAE5D,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,CAAC;gBAChE,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,WAAW,CAAC;gBAE9D,QAAQ,CAAC;oBACR,GAAG,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;oBAC7C,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;oBACjD,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;oBAC1C,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;iBAC1C,CAAC,CAAC;aACH;QACF,CAAC,CAAC;QAEF,kCAAkC;QAClC,qBAAqB,CAAC,YAAY,CAAC,CAAC;QAEpC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAExE,OAAO,GAAG,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAIF,yEAAyE;AACzE,SAAS,EAAE,CACV,GAAa,EACb,GAAG,IAEiC;;IAEpC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,gBAAgB,+CAArB,GAAG,EACF,GAAI,IAAoD,CACxD,CAAC;AACH,CAAC;AAED,SAAS,GAAG,CACX,GAAa,EACb,GAAG,IAEiC;;IAEpC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,mBAAmB,+CAAxB,GAAG,EACF,GAAI,IAAuD,CAC3D,CAAC;AACH,CAAC"}
+{"version":3,"file":"useScrollPosition.js","sourceRoot":"","sources":["../../src/hooks/useScrollPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAgBvD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAA2B,EAAe,EAAE;IAC7E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC3C,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,CAAC,OAAO,KAAK,WAAW,EAAE;YAClE,OAAO,CAAC,KAAK,CAAC,iDAAiD,CAAC,CAAC;SACjE;KACD;IAED,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc;QAC/C,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACP,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,IAAI,EAAE,EAAE;gBACP,MAAM,mBAAmB,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC;gBAC5D,MAAM,iBAAiB,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;gBAE5D,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,CAAC;gBAChE,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,WAAW,CAAC;gBAE9D,QAAQ,CAAC;oBACR,GAAG,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK;oBACzD,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK;oBACtD,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK;oBACtD,IAAI,EAAE,mBAAmB;wBACxB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC;wBAC3B,CAAC,CAAC,KAAK;iBACR,CAAC,CAAC;aACH;QACF,CAAC,CAAC;QAEF,kCAAkC;QAClC,qBAAqB,CAAC,YAAY,CAAC,CAAC;QAEpC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAExE,OAAO,GAAG,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAIF,yEAAyE;AACzE,SAAS,EAAE,CACV,GAAa,EACb,GAAG,IAEiC;;IAEpC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,gBAAgB,+CAArB,GAAG,EACF,GAAI,IAAoD,CACxD,CAAC;AACH,CAAC;AAED,SAAS,GAAG,CACX,GAAa,EACb,GAAG,IAEiC;;IAEpC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,mBAAmB,+CAAxB,GAAG,EACF,GAAI,IAAuD,CAC3D,CAAC;AACH,CAAC"}

package/dist/system-light.css

@@ -1,6 +1,6 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 html {
-  --anvil-version: "11.6.0";
+  --anvil-version: "11.8.0";
 }
 
 /*