@servicetitan/design-system 10.7.0 → 11.0.0

package/dist/components/Modal/Modal.css

@@ -14,8 +14,11 @@
   background: #ffffff;
   border-radius: 6px;
 }
-.Backdrop .Modal {
-  cursor: auto;
+.Modal:focus {
+  outline: none;
+}
+.Modal:focus-visible {
+  outline: none;
 }
 
 .Modal--XS {

package/dist/components/Modal/Modal.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Modal/Modal.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AAYA;ACdC;EACA,OCiBa;ADfb;EACA;EDaA;EACA;EACA;EACA;EACA;EACA,YAhBc;EAiBd,YENa;EFOb,eEhBiB;;AFkBjB;EAAc;;;AAGf;EAAa,WApBQ;;;AAqBrB;EAAY,WApBQ;;;AAqBpB;EAAY,WApBQ;;;AAqBpB;EAAY,WApBQ;;;AAsBpB;AAAA;AAAA;EAGC,YEpBa;EFqBb,SAjCe;;;AAoChB;EACC,wBElCiB;EFmCjB,yBEnCiB;;;AFsClB;EACC,4BEvCiB;EFwCjB,2BExCiB;;;AF2ClB;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA8B;;;AAE9B;EACC;EACA,wBE3DiB;EF4DjB,yBE5DiB;;;AF+DlB;EACC;EACA,2BEjEiB;EFkEjB,4BElEiB;;;AFqElB;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA,SEuBkB;;AFrBlB;EACC;;;AAIF;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAwB;;;AACxB;EAAgC","file":"Modal.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Modal/Modal.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AAWA;ACbC;EACA,OCiBa;ADfb;EACA;EDYA;EACA;EACA;EACA;EACA;EACA,YAfc;EAgBd,YELa;EFMb,eEfiB;;AFkBjB;EAAU;;AAGV;EAAkB;;;AAGnB;EAAa,WAxBQ;;;AAyBrB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AA0BpB;AAAA;AAAA;EAGC,YEvBa;EFwBb,SApCe;;;AAuChB;EACC,wBErCiB;EFsCjB,yBEtCiB;;;AFyClB;EACC,4BE1CiB;EF2CjB,2BE3CiB;;;AF8ClB;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA8B;;;AAE9B;EACC;EACA,wBE9DiB;EF+DjB,yBE/DiB;;;AFkElB;EACC;EACA,2BEpEiB;EFqEjB,4BErEiB;;;AFwElB;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA,SEoBkB;;AFlBlB;EACC;;;AAIF;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAwB;;;AACxB;EAAgC","file":"Modal.css"}

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

@@ -1,21 +1,23 @@
 import React, { FC } from 'react';
-import { FocusScopeOptions } from '../../hooks/useFocusScope';
-import { ModalWindow, ModalHeader, ModalHeaderProps, ModalFooter, ModalFooterProps, ModalContent, ModalSizes } from './components';
-export interface ModalProps extends ModalHeaderProps {
+import { ModalWindow, ModalWindowProps, ModalHeader, ModalHeaderProps, ModalFooter, ModalFooterProps, ModalContent, ModalSizes } from './components';
+import { FocusTrapProps } from '../../utilities/FocusTrap';
+export interface ModalProps extends ModalHeaderProps, ModalWindowProps {
     /** Adds one or more classnames for an element */
     className?: string;
     /** Modal Footer Content */
     footer?: React.ReactElement;
     /** Footer Alignment */
     footerAlign?: ModalFooterProps['align'];
-    /** Whether the Modal is open or not */
-    open: boolean;
+    /** Set visibility of the Modal */
+    open?: boolean;
+    /** Render in a React Portal */
+    portal?: boolean;
     /** Allows the Modal to fit within the browser window */
     scrollable?: boolean;
     /** Controls the width of the Modal */
     size?: ModalSizes;
-    /** Options passed into useFocusScope hook */
-    focusScopeOptions?: FocusScopeOptions;
+    /** Options passed into FocusTrap */
+    focusTrapOptions?: FocusTrapProps;
 }
 export interface Modal extends FC<ModalProps> {
     /** Subcomponents */

package/dist/components/Modal/Modal.js

@@ -29,9 +29,9 @@ exports.Modal = void 0;
 var react_1 = __importDefault(require("react"));
 var components_1 = require("./components");
 var Modal = function (_a) {
-    var children = _a.children, closable = _a.closable, footer = _a.footer, footerAlign = _a.footerAlign, onClose = _a.onClose, open = _a.open, _b = _a.scrollable, scrollable = _b === void 0 ? true : _b, size = _a.size, title = _a.title, focusScopeOptions = _a.focusScopeOptions, rest = __rest(_a, ["children", "closable", "footer", "footerAlign", "onClose", "open", "scrollable", "size", "title", "focusScopeOptions"]);
-    return open && (react_1.default.createElement(components_1.ModalWindow, __assign({ closable: closable, onClose: closable && onClose, size: size, focusScopeOptions: focusScopeOptions }, rest),
-        react_1.default.createElement(components_1.ModalHeader, { closable: closable, title: title, onClose: onClose }),
+    var children = _a.children, footer = _a.footer, footerAlign = _a.footerAlign, onClose = _a.onClose, open = _a.open, _b = _a.portal, portal = _b === void 0 ? true : _b, _c = _a.scrollable, scrollable = _c === void 0 ? true : _c, size = _a.size, title = _a.title, focusTrapOptions = _a.focusTrapOptions, rest = __rest(_a, ["children", "footer", "footerAlign", "onClose", "open", "portal", "scrollable", "size", "title", "focusTrapOptions"]);
+    return (react_1.default.createElement(components_1.ModalWindow, __assign({ onClose: onClose, size: size, focusTrapOptions: focusTrapOptions, open: open, portal: portal }, rest),
+        react_1.default.createElement(components_1.ModalHeader, { title: title, onClose: onClose }),
         react_1.default.createElement(components_1.ModalContent, { className: "fs-3", scrollable: scrollable }, children),
         footer && react_1.default.createElement(components_1.ModalFooter, { align: footerAlign }, footer)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAGlC,2CAQsB;AAkCf,IAAM,KAAK,GAAU,UAAC,EAY5B;IAXA,IAAA,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACjB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,iBAAiB,uBAAA,EACd,IAAI,cAXqB,wHAY5B,CADO;IAEP,OAAA,IAAI,IAAI,CACP,8BAAC,wBAAW,aACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,IAAI,OAAO,EAC5B,IAAI,EAAE,IAAI,EACV,iBAAiB,EAAE,iBAAiB,IAChC,IAAI;QAER,8BAAC,wBAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI;QACnE,8BAAC,yBAAY,IAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,IACnD,QAAQ,CACK;QACd,MAAM,IAAI,8BAAC,wBAAW,IAAC,KAAK,EAAE,WAAW,IAAG,MAAM,CAAe,CACrD,CACd,CAAA;CAAA,CAAC;AA3BU,QAAA,KAAK,SA2Bf;AAEH,aAAK,CAAC,MAAM,GAAG,wBAAW,CAAC;AAC3B,aAAK,CAAC,MAAM,GAAG,wBAAW,CAAC;AAC3B,aAAK,CAAC,OAAO,GAAG,yBAAY,CAAC;AAC7B,aAAK,CAAC,MAAM,GAAG,wBAAW,CAAC;AAC3B,aAAK,CAAC,KAAK,GAAG,uBAAU,CAAC"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAElC,2CASsB;AAqCf,IAAM,KAAK,GAAU,UAAC,EAY5B;IAXA,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACjB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,gBAAgB,sBAAA,EACb,IAAI,cAXqB,qHAY5B,CADO;IACF,OAAA,CACL,8BAAC,wBAAW,aACX,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,IACV,IAAI;QAER,8BAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI;QAC/C,8BAAC,yBAAY,IAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,IACnD,QAAQ,CACK;QACd,MAAM,IAAI,8BAAC,wBAAW,IAAC,KAAK,EAAE,WAAW,IAAG,MAAM,CAAe,CACrD,CACd,CAAA;CAAA,CAAC;AA3BW,QAAA,KAAK,SA2BhB;AAEF,aAAK,CAAC,MAAM,GAAG,wBAAW,CAAC;AAC3B,aAAK,CAAC,MAAM,GAAG,wBAAW,CAAC;AAC3B,aAAK,CAAC,OAAO,GAAG,yBAAY,CAAC;AAC7B,aAAK,CAAC,MAAM,GAAG,wBAAW,CAAC;AAC3B,aAAK,CAAC,KAAK,GAAG,uBAAU,CAAC"}

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

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
+import { OverlayProps } from '../../internal/Overlay';
 import { JustifyProps } from '../../utilities/justify-props';
-import { BackdropProps } from '../Backdrop';
-import { FocusScopeOptions } from '../../hooks/useFocusScope';
+import { FocusTrapProps } from '../../utilities/FocusTrap';
 export interface ModalContentProps {
     /** Adds one or more classnames for an element */
     className?: string;
@@ -16,7 +16,6 @@ export declare const ModalFooter: FC<ModalFooterProps>;
 export interface ModalHeaderProps {
     /** Add class attribute */
     className?: string;
-    closable?: boolean;
     onClose?: (e: React.SyntheticEvent<HTMLElement>) => void;
     title?: React.ReactNode;
 }
@@ -33,11 +32,11 @@ export declare enum ModalSizes {
 /**
  * Modal Window Properties
  */
-export interface ModalWindowProps extends BackdropProps {
+export interface ModalWindowProps extends OverlayProps {
     /** Add class attribute */
     className?: string;
-    onClose?: (e: React.SyntheticEvent<HTMLElement>) => void;
     size?: ModalSizes;
-    focusScopeOptions?: FocusScopeOptions;
+    /** Options passed into FocusTrap */
+    focusTrapOptions?: FocusTrapProps;
 }
 export declare const ModalWindow: FC<ModalWindowProps>;

package/dist/components/Modal/components.js

@@ -47,11 +47,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalWindow = exports.ModalSizes = exports.ModalHeader = exports.ModalFooter = exports.ModalContent = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var OverlayContext_1 = require("../../utilities/OverlayContext");
-var Backdrop_1 = require("../Backdrop");
+var framer_motion_1 = require("framer-motion");
+var tokens_1 = __importDefault(require("@servicetitan/tokens"));
+var Overlay_1 = require("../../internal/Overlay");
+var FocusTrap_1 = require("../../utilities/FocusTrap");
 var Headline_1 = require("../Headline");
 var Button_1 = require("../Button");
-var useFocusScope_1 = require("../../hooks/useFocusScope");
 var ModalContent = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.scrollable, scrollable = _b === void 0 ? true : _b;
     var ModalContentClassNames = (0, classnames_1.default)('Modal__content', className, {
@@ -74,15 +75,14 @@ var ModalFooter = function (_a) {
 exports.ModalFooter = ModalFooter;
 exports.ModalFooter.displayName = 'ModalFooter';
 var ModalHeader = function (_a) {
-    var className = _a.className, closable = _a.closable, title = _a.title, onClose = _a.onClose, props = __rest(_a, ["className", "closable", "title", "onClose"]);
-    if (!closable && title == null) {
+    var className = _a.className, title = _a.title, onClose = _a.onClose, props = __rest(_a, ["className", "title", "onClose"]);
+    if (!onClose && title == null) {
         return null;
     }
-    var Close = function () { return (react_1.default.createElement(Button_1.Button, { fill: "subtle", className: "Modal__header-close", iconName: "clear", size: "xsmall", onClick: onClose })); };
     var ModalHeaderClassNames = (0, classnames_1.default)('Modal__header', className);
     return (react_1.default.createElement("div", __assign({ className: ModalHeaderClassNames }, props),
         react_1.default.createElement(Headline_1.Headline, { className: "Modal__header-title" }, title),
-        closable && react_1.default.createElement(Close, null)));
+        onClose && (react_1.default.createElement(Button_1.Button, { fill: "subtle", className: "Modal__header-close", iconName: "clear", size: "xsmall", onClick: onClose }))));
 };
 exports.ModalHeader = ModalHeader;
 exports.ModalHeader.displayName = 'ModalHeader';
@@ -100,13 +100,34 @@ function sizeClass(size) {
     return "Modal--" + size;
 }
 var ModalWindow = function (_a) {
-    var children = _a.children, className = _a.className, closable = _a.closable, onClose = _a.onClose, _b = _a.size, size = _b === void 0 ? ModalSizes.M : _b, focusScopeOptions = _a.focusScopeOptions, props = __rest(_a, ["children", "className", "closable", "onClose", "size", "focusScopeOptions"]);
+    var _b = _a.animate, animate = _b === void 0 ? true : _b, children = _a.children, className = _a.className, focusTrapOptions = _a.focusTrapOptions, onClose = _a.onClose, open = _a.open, _c = _a.portal, portal = _c === void 0 ? true : _c, _d = _a.size, size = _d === void 0 ? ModalSizes.M : _d, props = __rest(_a, ["animate", "children", "className", "focusTrapOptions", "onClose", "open", "portal", "size"]);
     var ModalWindowClassNames = (0, classnames_1.default)('Modal', sizeClass(size), className);
-    var overlayContext = (0, react_1.useContext)(OverlayContext_1.OverlayContext);
-    var backdropRef = (0, react_1.useRef)(null);
-    var handleTab = (0, useFocusScope_1.useFocusScope)(backdropRef, focusScopeOptions).handleTab;
-    return (react_1.default.createElement(Backdrop_1.Backdrop, __assign({ className: ModalWindowClassNames, closeOnClick: !!(closable || onClose), onClick: onClose, ref: backdropRef, onKeyDown: handleTab }, props),
-        react_1.default.createElement(OverlayContext_1.OverlayContext.Provider, { value: overlayContext.concat('modal') }, children)));
+    var containerRef = (0, react_1.useRef)(null);
+    var _e = react_1.default.useState(1), focusWrapper = _e[0], setFocusWrapper = _e[1];
+    var duration = parseInt(tokens_1.default.durationStandard, 10) / 1000; // '200ms' -> 0.2
+    var framerAnimation = {
+        initial: { opacity: 0, y: 50 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: 50 },
+        transition: { type: 'easeInOut', duration: duration },
+    };
+    var Animate = animate ? framer_motion_1.AnimatePresence : react_1.default.Fragment;
+    var ModalEl = animate ? framer_motion_1.motion.div : 'div';
+    var ModalProps = __assign(__assign(__assign({ className: ModalWindowClassNames }, (animate && framerAnimation)), props), { ref: containerRef, tabIndex: focusWrapper });
+    react_1.default.useEffect(function () {
+        // Removes wrapper to be focusable element after initial tab
+        function eventHandler(event) {
+            event.key === 'Tab' && setFocusWrapper(-1);
+        }
+        document.addEventListener('keydown', eventHandler);
+        return function () { return document.removeEventListener('keydown', eventHandler); };
+    }, []);
+    react_1.default.useEffect(function () {
+        setFocusWrapper(1);
+    }, [open]);
+    return (react_1.default.createElement(Overlay_1.Overlay, { animate: animate, backdrop: true, onClose: onClose, open: open, portal: portal },
+        react_1.default.createElement(Animate, null, open && (react_1.default.createElement(FocusTrap_1.FocusTrap, __assign({}, focusTrapOptions),
+            react_1.default.createElement(ModalEl, __assign({}, ModalProps), children))))));
 };
 exports.ModalWindow = ModalWindow;
 //# sourceMappingURL=components.js.map

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

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

package/dist/components/Modal/index.css

@@ -14,8 +14,11 @@
   background: #ffffff;
   border-radius: 6px;
 }
-.Backdrop .Modal {
-  cursor: auto;
+.Modal:focus {
+  outline: none;
+}
+.Modal:focus-visible {
+  outline: none;
 }
 
 .Modal--XS {

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Modal/Modal.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AAYA;ACdC;EACA,OCiBa;ADfb;EACA;EDaA;EACA;EACA;EACA;EACA;EACA,YAhBc;EAiBd,YENa;EFOb,eEhBiB;;AFkBjB;EAAc;;;AAGf;EAAa,WApBQ;;;AAqBrB;EAAY,WApBQ;;;AAqBpB;EAAY,WApBQ;;;AAqBpB;EAAY,WApBQ;;;AAsBpB;AAAA;AAAA;EAGC,YEpBa;EFqBb,SAjCe;;;AAoChB;EACC,wBElCiB;EFmCjB,yBEnCiB;;;AFsClB;EACC,4BEvCiB;EFwCjB,2BExCiB;;;AF2ClB;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA8B;;;AAE9B;EACC;EACA,wBE3DiB;EF4DjB,yBE5DiB;;;AF+DlB;EACC;EACA,2BEjEiB;EFkEjB,4BElEiB;;;AFqElB;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA,SEuBkB;;AFrBlB;EACC;;;AAIF;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAwB;;;AACxB;EAAgC","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Modal/Modal.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AAWA;ACbC;EACA,OCiBa;ADfb;EACA;EDYA;EACA;EACA;EACA;EACA;EACA,YAfc;EAgBd,YELa;EFMb,eEfiB;;AFkBjB;EAAU;;AAGV;EAAkB;;;AAGnB;EAAa,WAxBQ;;;AAyBrB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AAyBpB;EAAY,WAxBQ;;;AA0BpB;AAAA;AAAA;EAGC,YEvBa;EFwBb,SApCe;;;AAuChB;EACC,wBErCiB;EFsCjB,yBEtCiB;;;AFyClB;EACC,4BE1CiB;EF2CjB,2BE3CiB;;;AF8ClB;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA8B;;;AAE9B;EACC;EACA,wBE9DiB;EF+DjB,yBE/DiB;;;AFkElB;EACC;EACA,2BEpEiB;EFqEjB,4BErEiB;;;AFwElB;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA,SEoBkB;;AFlBlB;EACC;;;AAIF;EAAyB;;;AACzB;EAAuB;;;AACvB;EAAwB;;;AACxB;EAAgC","file":"index.css"}

package/dist/components/Popover/Popover.d.ts

@@ -1,7 +1,7 @@
 import React, { ForwardRefExoticComponent } from 'react';
 import { PopperProps } from '../../internal/Popper';
-import { FocusScopeOptions } from '../../hooks/useFocusScope';
 import { PopoverContent, PopoverContentProps, PopoverDivider, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps } from './components';
+import { FocusTrapProps } from '../../utilities/FocusTrap';
 export interface PopoverPropsStrict {
     /** If there isn't enough space on the screen the Popover will be repositioned to the opposite side of the anchor */
     autoFlipHorizontally?: boolean;
@@ -51,8 +51,8 @@ export interface PopoverPropsStrict {
     width?: 'xs' | 's' | 'm' | 'l' | '100' | 'auto';
     /** Adds one or more classnames to Popover's source element */
     wrapperClassName?: string;
-    /** Options passed into useFocusScope hook */
-    focusScopeOptions?: FocusScopeOptions;
+    /** Options passed into FocusTrap */
+    focusTrapOptions?: FocusTrapProps;
     /** offset ammount between Popover and trigger */
     offset?: PopperProps['offset'];
 }

package/dist/components/Popover/Popover.js

@@ -29,18 +29,11 @@ exports.Popover = void 0;
 var react_1 = __importDefault(require("react"));
 var Popper_1 = require("../../internal/Popper");
 var classnames_1 = __importDefault(require("classnames"));
-var useFocusScope_1 = require("../../hooks/useFocusScope");
-var focus_utils_1 = require("../../utilities/focus-utils");
 var components_1 = require("./components");
 exports.Popover = react_1.default.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.width, width = _c === void 0 ? 's' : _c, _d = _a.padding, padding = _d === void 0 ? 'm' : _d, _e = _a.portal, portal = _e === void 0 ? false : _e, children = _a.children, className = _a.className, contentNoPadding = _a.contentNoPadding, footer = _a.footer, footerAlign = _a.footerAlign, header = _a.header, headerAlign = _a.headerAlign, headerNoPadding = _a.headerNoPadding, popoverContentClassName = _a.popoverContentClassName, scrollHeight = _a.scrollHeight, sharp = _a.sharp, wrapperClassName = _a.wrapperClassName, open = _a.open, focusScopeOptions = _a.focusScopeOptions, _f = _a.offset, offset = _f === void 0 ? { skidding: 0, distance: 4 } : _f, props = __rest(_a, ["width", "padding", "portal", "children", "className", "contentNoPadding", "footer", "footerAlign", "header", "headerAlign", "headerNoPadding", "popoverContentClassName", "scrollHeight", "sharp", "wrapperClassName", "open", "focusScopeOptions", "offset"]);
+    var _c = _a.width, width = _c === void 0 ? 's' : _c, _d = _a.padding, padding = _d === void 0 ? 'm' : _d, _e = _a.portal, portal = _e === void 0 ? false : _e, children = _a.children, className = _a.className, contentNoPadding = _a.contentNoPadding, footer = _a.footer, footerAlign = _a.footerAlign, header = _a.header, headerAlign = _a.headerAlign, headerNoPadding = _a.headerNoPadding, popoverContentClassName = _a.popoverContentClassName, scrollHeight = _a.scrollHeight, sharp = _a.sharp, wrapperClassName = _a.wrapperClassName, open = _a.open, _f = _a.focusTrapOptions, focusTrapOptions = _f === void 0 ? { disabled: true } : _f, _g = _a.offset, offset = _g === void 0 ? { skidding: 0, distance: 4 } : _g, props = __rest(_a, ["width", "padding", "portal", "children", "className", "contentNoPadding", "footer", "footerAlign", "header", "headerAlign", "headerNoPadding", "popoverContentClassName", "scrollHeight", "sharp", "wrapperClassName", "open", "focusTrapOptions", "offset"]);
     var PopoverBaseWidth = 16;
-    var contentRef = react_1.default.useRef();
-    var lastActiveElement = react_1.default.useMemo(function () { return (0, focus_utils_1.getActiveElement)(); }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [open]);
-    var handleTab = (0, useFocusScope_1.useFocusScope)(contentRef, __assign({ disableAutofocus: true, disableTrapping: true, restoreFocusRef: { current: lastActiveElement } }, focusScopeOptions)).handleTab;
     var widthSwitch = function () {
         switch (width) {
             case 'l':
@@ -68,9 +61,9 @@ exports.Popover = react_1.default.forwardRef(function (_a, ref) {
         'Popover--portal': portal,
         'Popover--open': open,
     });
-    return (react_1.default.createElement(Popper_1.Popper, __assign({ className: PopoverClasses, bodyClassName: PopoverBodyClasses, width: widthSwitch(), overlayContext: "popover", portal: portal, ref: ref, open: open, offset: offset }, props),
+    return (react_1.default.createElement(Popper_1.Popper, __assign({ className: PopoverClasses, bodyClassName: PopoverBodyClasses, width: widthSwitch(), portal: portal, ref: ref, open: open, offset: offset, focusTrapOptions: focusTrapOptions }, props),
         header && (react_1.default.createElement(components_1.PopoverHeader, { noPadding: headerNoPadding, align: headerAlign }, header)),
-        react_1.default.createElement(components_1.PopoverContent, { contentScrollHeight: scrollHeight, noPadding: contentNoPadding, className: popoverContentClassName, onKeyDown: handleTab, ref: contentRef }, children),
+        react_1.default.createElement(components_1.PopoverContent, { contentScrollHeight: scrollHeight, noPadding: contentNoPadding, className: popoverContentClassName }, children),
         footer && (react_1.default.createElement(components_1.PopoverFooter, { align: footerAlign }, footer))));
 });
 exports.Popover.Header = components_1.PopoverHeader;

package/dist/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyD;AACzD,gDAA4D;AAC5D,0DAAoC;AACpC,2CAQsB;AAyGT,QAAA,OAAO,GAAY,eAAK,CAAC,UAAU,CAC/C,UACC,EAoBC,EACD,GAAyB;;IApBxB,IAAA,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,eAAa,EAAb,OAAO,mBAAG,GAAG,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,uBAAuB,6BAAA,EACvB,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,IAAI,UAAA,EACJ,wBAAqC,EAArC,gBAAgB,mBAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAA,EACrC,cAAqC,EAArC,MAAM,mBAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAA,EAClC,KAAK,cAnBT,8PAoBC,CADQ;IAIT,IAAM,gBAAgB,GAAG,EAAE,CAAC;IAE5B,IAAM,WAAW,GAAG;QACnB,QAAQ,KAAK,EAAE;YACd,KAAK,GAAG;gBACP,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,GAAG;gBACP,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,GAAG;gBACP,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,IAAI;gBACR,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,KAAK;gBACT,OAAO,KAAK,CAAC;YACd;gBACC,OAAO,MAAM,CAAC;SACf;IACF,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE,SAAS;QAC/D,GAAC,gBAAc,OAAS,IAAG,OAAO;QAClC,GAAC,iBAAiB,IAAG,KAAK,KAAK,MAAM;QACrC,0BAAsB,GAAE,KAAK;QAC7B,2BAAuB,GAAE,MAAM;QAC/B,yBAAqB,GAAE,IAAI;YAC1B,CAAC;IAEH,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,gBAAgB,EAAE;QAC9D,iBAAiB,EAAE,MAAM;QACzB,eAAe,EAAE,IAAI;KACrB,CAAC,CAAC;IAEH,OAAO,CACN,8BAAC,eAAM,aACN,SAAS,EAAE,cAAc,EACzB,aAAa,EAAE,kBAAkB,EACjC,KAAK,EAAE,WAAW,EAAE,EACpB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,IAC9B,KAAK;QAER,MAAM,IAAI,CACV,8BAAC,0BAAa,IACb,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,WAAW,IAEjB,MAAM,CACQ,CAChB;QACD,8BAAC,2BAAc,IACd,mBAAmB,EAAE,YAAY,EACjC,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAE,uBAAuB,IAEjC,QAAQ,CACO;QAChB,MAAM,IAAI,CACV,8BAAC,0BAAa,IAAC,KAAK,EAAE,WAAW,IAAG,MAAM,CAAiB,CAC3D,CACO,CACT,CAAC;AACH,CAAC,CACU,CAAC;AAEb,eAAO,CAAC,MAAM,GAAG,0BAAa,CAAC;AAC/B,eAAO,CAAC,MAAM,GAAG,0BAAa,CAAC;AAC/B,eAAO,CAAC,OAAO,GAAG,2BAAc,CAAC;AACjC,eAAO,CAAC,OAAO,GAAG,2BAAc,CAAC"}

package/dist/components/ProgressTracker/ProgressTrackerStep.css

@@ -1,5 +1,5 @@
 .ProgressTrackerStep {
-  color: #9e9ea0;
+  color: #949596;
   display: flex;
   align-items: center;
   position: relative;
@@ -69,7 +69,7 @@
   pointer-events: none !important;
 }
 .ProgressTrackerStep--disabled, .ProgressTrackerStep--disabled:hover {
-  color: #9e9ea0;
+  color: #949596;
   opacity: 0.6;
 }
 .ProgressTrackerStep--disabled .ProgressTrackerStep__icon, .ProgressTrackerStep--disabled:hover .ProgressTrackerStep__icon {

package/dist/components/ProgressTracker/index.css

@@ -27,7 +27,7 @@
 }
 
 .ProgressTrackerStep {
-  color: #9e9ea0;
+  color: #949596;
   display: flex;
   align-items: center;
   position: relative;
@@ -97,7 +97,7 @@
   pointer-events: none !important;
 }
 .ProgressTrackerStep--disabled, .ProgressTrackerStep--disabled:hover {
-  color: #9e9ea0;
+  color: #949596;
   opacity: 0.6;
 }
 .ProgressTrackerStep--disabled .ProgressTrackerStep__icon, .ProgressTrackerStep--disabled:hover .ProgressTrackerStep__icon {

package/dist/components/Select/Select.css

@@ -101,7 +101,7 @@
 .semantic-anvil-theme.Select-wrapper .Select__clear-icon {
   position: absolute;
   right: 2em;
-  color: #9e9ea0;
+  color: #949596;
   cursor: pointer;
 }
 .semantic-anvil-theme.Select-wrapper .Select__clear-icon:hover {

package/dist/components/Select/index.css

@@ -101,7 +101,7 @@
 .semantic-anvil-theme.Select-wrapper .Select__clear-icon {
   position: absolute;
   right: 2em;
-  color: #9e9ea0;
+  color: #949596;
   cursor: pointer;
 }
 .semantic-anvil-theme.Select-wrapper .Select__clear-icon:hover {

package/dist/components/Sidebar/Sidebar.js

@@ -146,9 +146,12 @@ var Sidebar = function (_a) {
     });
     (0, react_1.useEffect)(function () {
         var handleWindowResize = function () { return setIsDisplaySmall(calcDisplaySmall()); };
-        window.addEventListener('resize', (0, debounce_1.debounce)(handleWindowResize, 150));
+        var handleWindowResizeDebounced = (0, debounce_1.debounce)(handleWindowResize, 150);
+        window.addEventListener('resize', handleWindowResizeDebounced);
         handleWindowResize();
-        return function () { return window.removeEventListener('resize', handleWindowResize); };
+        return function () {
+            return window.removeEventListener('resize', handleWindowResizeDebounced);
+        };
     }, []);
     (0, react_1.useEffect)(function () {
         if (!openOnLargeDisplay.temporary) {

package/dist/components/Sidebar/Sidebar.js.map

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

package/dist/components/Snackbar/Snackbar.css

@@ -43,7 +43,7 @@
   margin-right: -4px;
   margin-top: -1px;
   margin-bottom: -1px;
-  color: #9e9ea0;
+  color: #949596;
 }
 .Snackbar__close.Button .a-Icon,
 .Snackbar__close.Button .a-Icon > svg {

package/dist/components/Snackbar/index.css

@@ -43,7 +43,7 @@
   margin-right: -4px;
   margin-top: -1px;
   margin-bottom: -1px;
-  color: #9e9ea0;
+  color: #949596;
 }
 .Snackbar__close.Button .a-Icon,
 .Snackbar__close.Button .a-Icon > svg {

package/dist/components/Tab/Tab.css

@@ -1,5 +1,6 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Tab {
+  all: unset;
   /* Set color on root of component. It can be overridden after the @include */
   color: #141414;
   /* Make sure font-family goes across entire component */

package/dist/components/Tab/Tab.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA,OEqCkB;EFpClB;EACA;EACA;EACA;EACA;EACA,cE8GW;EF7GX;EACA,aE2FkB;EF1FlB,WE6GW;EF5GX;EACA;EACA;EACA;;AAEA;EAAO,aEmGI;;AFjGX;EACC;EACA;EACA;EACA,OEgBiB;;AFdjB;EACC;EACA;EACA,cEgGY;;AF5Fd;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA,YE4DkB;EF3DlB;EACA;EACA;EACA;;;AAMF;EAEC;EACA,OErDY;EFsDZ;;;AAIF;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA,WEuCU;EFtCV;EACA;;AAEA;EAEC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAIF;EAAyB,SEOd;;AFLX;EACC,kBEpGY;EFqGZ;;AAEA;EACC,kBExGW;EFyGX;;AAGD;EACC;;;AAKH;EACC;EACA,OEnHa;EFoHb,aE7BkB;;AF+BlB;EAAU;;;AAIV;AAAA;AAAA;EAGC;;AAEA;AAAA;AAAA;EAAiB;;AAGlB;EACC,OEpIY;;AFsIZ;EACC;EACA;;;AAOH;EACC","file":"Tab.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EACC;ACHA;EACA,OCiBa;ADfb;EACA;EDGA;EACA,OEmCkB;EFlClB;EACA;EACA;EACA;EACA;EACA,cE4GW;EF3GX;EACA,aEyFkB;EFxFlB,WE2GW;EF1GX;EACA;EACA;EACA;;AAEA;EAAO,aEiGI;;AF/FX;EACC;EACA;EACA;EACA,OEciB;;AFZjB;EACC;EACA;EACA,cE8FY;;AF1Fd;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA,YE0DkB;EFzDlB;EACA;EACA;EACA;;;AAMF;EAEC;EACA,OEvDY;EFwDZ;;;AAIF;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA,WEqCU;EFpCV;EACA;;AAEA;EAEC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAIF;EAAyB,SEKd;;AFHX;EACC,kBEtGY;EFuGZ;;AAEA;EACC,kBE1GW;EF2GX;;AAGD;EACC;;;AAKH;EACC;EACA,OErHa;EFsHb,aE/BkB;;AFiClB;EAAU;;;AAIV;AAAA;AAAA;EAGC;;AAEA;AAAA;AAAA;EAAiB;;AAGlB;EACC,OEtIY;;AFwIZ;EACC;EACA;;;AAOH;EACC","file":"Tab.css"}

package/dist/components/Tab/Tab.js

@@ -31,7 +31,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var useFocusVisible_1 = require("../../hooks/useFocusVisible");
 var Tab = function (_a) {
     var action = _a.action, active = _a.active, className = _a.className, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, props = __rest(_a, ["action", "active", "className", "disabled", "onFocus", "onBlur"]);
-    var TabElement = 'span';
+    var TabElement = 'button';
     var itemRef = react_1.default.useRef(null);
     var _b = (0, useFocusVisible_1.useFocusVisible)(itemRef, onBlur, onFocus), isFocusVisible = _b.isFocusVisible, focusFunction = _b.focusFunction, blurFunction = _b.blurFunction;
     if (props.href)

package/dist/components/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,+DAA8D;AAwBvD,IAAM,GAAG,GAAiB,UAAC,EAQjC;IAPA,IAAA,MAAM,YAAA,EACN,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,cAPyB,kEAQjC,CADQ;IAER,IAAI,UAAU,GAAQ,MAAM,CAAC;IAE7B,IAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE7B,IAAA,KAAkD,IAAA,iCAAe,EACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,EAJO,cAAc,oBAAA,EAAE,aAAa,mBAAA,EAAE,YAAY,kBAIlD,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI;QAAE,UAAU,GAAG,GAAG,CAAC;IAEjC,IAAM,UAAU,GAAG,IAAA,oBAAU,EAAC,KAAK,EAAE,SAAS,EAAE;QAC/C,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,CAAC,MAAM;QACxB,eAAe,EAAE,QAAQ;QACzB,oBAAoB,EAAE,cAAc;KACpC,CAAC,CAAC;IAEH,OAAO,CACN,8BAAC,UAAU,aACV,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,kBACpB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACrC,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,mBACL,KAAK,CAAC,QAAQ,IACzB,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAzCW,QAAA,GAAG,OAyCd"}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,+DAA8D;AAwBvD,IAAM,GAAG,GAAiB,UAAC,EAQjC;IAPA,IAAA,MAAM,YAAA,EACN,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,cAPyB,kEAQjC,CADQ;IAER,IAAI,UAAU,GAAQ,QAAQ,CAAC;IAE/B,IAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE7B,IAAA,KAAkD,IAAA,iCAAe,EACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,EAJO,cAAc,oBAAA,EAAE,aAAa,mBAAA,EAAE,YAAY,kBAIlD,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI;QAAE,UAAU,GAAG,GAAG,CAAC;IAEjC,IAAM,UAAU,GAAG,IAAA,oBAAU,EAAC,KAAK,EAAE,SAAS,EAAE;QAC/C,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,CAAC,MAAM;QACxB,eAAe,EAAE,QAAQ;QACzB,oBAAoB,EAAE,cAAc;KACpC,CAAC,CAAC;IAEH,OAAO,CACN,8BAAC,UAAU,aACV,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,kBACpB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACrC,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,mBACL,KAAK,CAAC,QAAQ,IACzB,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAzCW,QAAA,GAAG,OAyCd"}

package/dist/components/Tab/index.css

@@ -1,5 +1,6 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 .Tab {
+  all: unset;
   /* Set color on root of component. It can be overridden after the @include */
   color: #141414;
   /* Make sure font-family goes across entire component */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA,OEqCkB;EFpClB;EACA;EACA;EACA;EACA;EACA,cE8GW;EF7GX;EACA,aE2FkB;EF1FlB,WE6GW;EF5GX;EACA;EACA;EACA;;AAEA;EAAO,aEmGI;;AFjGX;EACC;EACA;EACA;EACA,OEgBiB;;AFdjB;EACC;EACA;EACA,cEgGY;;AF5Fd;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA,YE4DkB;EF3DlB;EACA;EACA;EACA;;;AAMF;EAEC;EACA,OErDY;EFsDZ;;;AAIF;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA,WEuCU;EFtCV;EACA;;AAEA;EAEC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAIF;EAAyB,SEOd;;AFLX;EACC,kBEpGY;EFqGZ;;AAEA;EACC,kBExGW;EFyGX;;AAGD;EACC;;;AAKH;EACC;EACA,OEnHa;EFoHb,aE7BkB;;AF+BlB;EAAU;;;AAIV;AAAA;AAAA;EAGC;;AAEA;AAAA;AAAA;EAAiB;;AAGlB;EACC,OEpIY;;AFsIZ;EACC;EACA;;;AAOH;EACC","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EACC;ACHA;EACA,OCiBa;ADfb;EACA;EDGA;EACA,OEmCkB;EFlClB;EACA;EACA;EACA;EACA;EACA,cE4GW;EF3GX;EACA,aEyFkB;EFxFlB,WE2GW;EF1GX;EACA;EACA;EACA;;AAEA;EAAO,aEiGI;;AF/FX;EACC;EACA;EACA;EACA,OEciB;;AFZjB;EACC;EACA;EACA,cE8FY;;AF1Fd;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA,YE0DkB;EFzDlB;EACA;EACA;EACA;;;AAMF;EAEC;EACA,OEvDY;EFwDZ;;;AAIF;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA,WEqCU;EFpCV;EACA;;AAEA;EAEC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAIF;EAAyB,SEKd;;AFHX;EACC,kBEtGY;EFuGZ;;AAEA;EACC,kBE1GW;EF2GX;;AAGD;EACC;;;AAKH;EACC;EACA,OErHa;EFsHb,aE/BkB;;AFiClB;EAAU;;;AAIV;AAAA;AAAA;EAGC;;AAEA;AAAA;AAAA;EAAiB;;AAGlB;EACC,OEtIY;;AFwIZ;EACC;EACA;;;AAOH;EACC","file":"index.css"}

package/dist/components/Table/GridMod.d.ts

@@ -0,0 +1,4 @@
+import { Grid, GridProps } from '@progress/kendo-react-grid';
+export declare class GridMod extends Grid {
+    constructor(props: GridProps);
+}

package/dist/components/Table/GridMod.js

@@ -0,0 +1,93 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridMod = void 0;
+var kendo_react_grid_1 = require("@progress/kendo-react-grid");
+var CommonDragLogic_1 = require("@progress/kendo-react-grid/dist/npm/drag/CommonDragLogic");
+/*
+ * This is a temporary fix for issue https://github.com/telerik/kendo-react/issues/1136
+ * We modify CommonDragLogic used by Grid to use our own getIndex function, which works fine inside Shadow DOM
+ */
+// @progress/kendo-react-data-tools/dist/es/header/utils/index.js
+function getIndexMod(event, parent) {
+    if (!parent || !event || !event.originalEvent) {
+        return -1;
+    }
+    var root = parent.getRootNode(); // this works fine with both normal and shadow DOM, in difference with Kendo code
+    var target = root
+        ? root.elementFromPoint(event.clientX, event.originalEvent.clientY)
+        : null;
+    while (target && target.parentElement !== parent) {
+        target = target.parentElement;
+    }
+    var children = parent.children;
+    for (var i = 0; i < children.length; i++) {
+        if (children[i] === target) {
+            return i;
+        }
+    }
+    return -1;
+}
+var CommonDragLogicMod = /** @class */ (function (_super) {
+    __extends(CommonDragLogicMod, _super);
+    function CommonDragLogicMod(columnReorder, groupReorder, columnToGroup) {
+        var _this = _super.call(this, columnReorder, groupReorder, columnToGroup) || this;
+        // redefine getGroupIndex to use fixed version of getIndex
+        _this.getGroupIndex = function (event) {
+            return getIndexMod(event, this.groupPanelDivElement);
+        };
+        // redefine getColumnIndex to use fixed version of getIndex
+        _this.getColumnIndex = function (event, parent) {
+            if (!parent || parent.parentElement === this.groupPanelDivElement) {
+                return -1;
+            }
+            var index = getIndexMod(event, parent);
+            if (index === -1) {
+                return -1;
+            }
+            var _loop_1 = function (i) {
+                if (parent.parentNode.children[i] === parent) {
+                    return { value: this_1.columns.findIndex(function (c) {
+                            return c.index === index && c.depth === i;
+                        }) };
+                }
+            };
+            var this_1 = this;
+            for (var i = 0; i < parent.parentNode.children.length; i++) {
+                var state_1 = _loop_1(i);
+                if (typeof state_1 === "object")
+                    return state_1.value;
+            }
+            return -1;
+        };
+        return _this;
+    }
+    return CommonDragLogicMod;
+}(CommonDragLogic_1.CommonDragLogic));
+var GridMod = /** @class */ (function (_super) {
+    __extends(GridMod, _super);
+    function GridMod(props) {
+        var _this = _super.call(this, props) || this;
+        _this.dragLogic = new CommonDragLogicMod(// redefine drag logic with our fixed version
+        _this.columnReorder.bind(_this), // type cast to overcome privateness of properties
+        _this.groupReorder.bind(_this), _this.columnToGroup.bind(_this));
+        return _this;
+    }
+    return GridMod;
+}(kendo_react_grid_1.Grid));
+exports.GridMod = GridMod;
+//# sourceMappingURL=GridMod.js.map

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

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

package/dist/components/Table/Table.css

@@ -423,6 +423,9 @@ span.Popover {
   border-left-width: 0 !important;
   border-right-width: 0 !important;
 }
+.Table .k-grid-header .k-grid-header-wrap {
+  border-right-color: transparent;
+}
 .Table:not(.Table--striped) .k-alt,
 .Table:not(.Table--striped) .k-grid-content-sticky td {
   background-color: transparent;