@servicetitan/design-system 10.8.0-beta.0 → 10.8.0

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.js

@@ -47,6 +47,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Table = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
+var GridMod_1 = require("./GridMod");
 var kendo_react_grid_1 = require("@progress/kendo-react-grid");
 var TableLoadingPanel_1 = require("./TableLoadingPanel");
 function isColumnElement(element) {
@@ -118,7 +119,7 @@ exports.Table = (0, react_1.forwardRef)(function (_a, ref) {
         ? verticalBorders && 'Table--vertical-borders'
         : 'Table--locked-borders', horizontalBorders && 'Table--horizontal-borders', props.detail && 'Table--master-detail', props.sortable && 'Table--sortable', className);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(kendo_react_grid_1.Grid, __assign({}, props, { rowRender: rowRender, className: TableClasses }), children),
+        react_1.default.createElement(GridMod_1.GridMod, __assign({}, props, { rowRender: rowRender, className: TableClasses }), children),
         react_1.default.createElement("div", { ref: handleRef }, loading && react_1.default.createElement(TableLoadingPanel_1.TableLoadingPanel, { portal: container }))));
 });
 exports.Table.displayName = 'KendoReactGrid';

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwD;AACxD,0DAAoC;AACpC,qCAAoC;AACpC,+DAMoC;AACpC,yDAAwD;AAExD,SAAS,eAAe,CACvB,OAAwB;IAExB,IAAI,CAAC,eAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACnC,OAAO,KAAK,CAAC;KACb;IAED,IAAM,WAAW,GAAI,OAA8B,CAAC,IAAI,CAAC;IAEzD,OAAO,CACN,WAAW,KAAK,6BAAU;QACzB,WAAmB,CAAC,YAAY,KAAK,6BAAU,CAChD,CAAC;AACH,CAAC;AAED,SAAS,QAAQ,CAChB,QAAyB,EACzB,QAEwC;IAExC,OAAO,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QACzC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE;YAC5B,OAAO,KAAK,CAAC;SACb;QAED,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ;YAC1B,CAAC,CAAC,IAAA,oBAAY,EAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;gBAC9B,QAAQ,EAAE,QAAQ,CACjB,KAAK,CAAC,KAAK,CAAC,QAAQ,EACpB,QAAQ,CACuB;aAC/B,CAAC;YACJ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;AACJ,CAAC;AASY,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC9B,UACC,EAQC,EACD,GAAG;IARF,IAAA,OAAO,aAAA,EACP,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,OAAO,aAAA,EACI,eAAe,eAAA,EAC1B,SAAS,eAAA,EACC,cAAc,cAAA,EACrB,KAAK,cAPT,uEAQC,CADQ;IAIH,IAAA,KAA4B,eAAK,CAAC,QAAQ,EAAe,EAAxD,SAAS,QAAA,EAAE,YAAY,QAAiC,CAAC;IAEhE,IAAM,SAAS,GAAG,eAAK,CAAC,WAAW,CAClC,UAAC,MAA6B;;QAC7B,IAAM,SAAS,GACd,MAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,sBAAsC,mCAAI,IAAI,CAAC;QAEzD,YAAY,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC,CAAC;QAErC,IAAI,GAAG,EAAE;YACR,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC9B,GAAG,CAAC,SAAS,CAAC,CAAC;aACf;iBAAM;gBACN,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;oBAClB,OAAO,EAAE,SAAS;iBAClB,CAAC,CAAC;aACH;SACD;IACF,CAAC,EACD,CAAC,GAAG,CAAC,CACL,CAAC;IAEF,IAAM,SAAS,GAAG,eAAK,CAAC,WAAW,CAClC,UAAC,SAA6B,EAAE,QAAsB;QACrD,IAAM,SAAS,GAAoC,EAAE,CAAC;QAEtD,IAAI,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC,OAAO,KAAK,aAAa,EAAE;YACvD,SAAS,CAAC,QAAQ,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CACtC,SAAS,CAAC,KAAK,CAAC,QAAQ,EACxB,UAAC,KAAK;gBACL,OAAA,IAAA,oBAAY,EAAC,KAAK,EAAE;oBACnB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC;iBAC1C,CAAC;YAFF,CAEE,CACH,CAAC;SACF;QAED,IAAM,GAAG,GACR,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC;YAChC,CAAC,CAAC,IAAA,oBAAY,EAAC,SAAS,EAAE,SAAS,CAAC;YACpC,CAAC,CAAC,SAAS,CAAC;QAEd,OAAO,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAC/D,CAAC,EACD,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAC/B,CAAC;IAEF,IAAM,QAAQ,GAAG,eAAK,CAAC,OAAO,CAAC;QAC9B,OAAO,QAAQ,CAAC,cAAc,EAAE,UAAC,MAAM;YAChC,IAAA,KAAwC,MAAM,CAAC,KAAK,EAAlD,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,eAAe,qBAAiB,CAAC;YAE3D,IAAM,cAAc,GACnB,KAAK,IAAI,uCAAoB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YAC3D,IAAM,WAAW,GAChB,SAAS;gBACT,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,KAAK,EAAjB,CAAiB,CAAC,CAAC;YAErD,OAAO,IAAA,oBAAY,EAAC,MAAM,EAAE;gBAC3B,SAAS,EAAE,WAAW;gBACtB,eAAe,EAAE,IAAA,oBAAU,EAC1B,eAAe,EACf,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,uBAAuB,EAClD,cAAc,IAAI,4BAA4B,CAC9C;aACD,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE1C,IAAA,KAGF,OAAO,IAAI,EAAE,EAFN,eAAe,cAAA,EACzB,kBAAwC,EAA5B,iBAAiB,mBAAG,CAAC,OAAO,KACxB,CAAC;IAElB,IAAM,YAAY,GAAG,IAAA,oBAAU,EAC9B,OAAO,EACP,OAAO,IAAI,gBAAgB,EAC3B,OAAO,eAAe,KAAK,SAAS;QACnC,CAAC,CAAC,eAAe,IAAI,yBAAyB;QAC9C,CAAC,CAAC,uBAAuB,EAC1B,iBAAiB,IAAI,2BAA2B,EAChD,KAAK,CAAC,MAAM,IAAI,sBAAsB,EACtC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACnC,SAAS,CACT,CAAC;IAEF,OAAO,CACN,8BAAC,eAAK,CAAC,QAAQ;QACd,8BAAC,iBAAO,eACH,KAAK,IACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,YAAY,KAEtB,QAAQ,CACA;QACV,uCAAK,GAAG,EAAE,SAAS,IACjB,OAAO,IAAI,8BAAC,qCAAiB,IAAC,MAAM,EAAE,SAAS,GAAI,CAC/C,CACU,CACjB,CAAC;AACH,CAAC,CACD,CAAC;AAEF,aAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/components/Takeover/Takeover.css

@@ -17,10 +17,6 @@
   z-index: 1100;
 }
 
-.TakeoverHeader__back-link {
-  flex: 0 auto;
-}
-
 .TakeoverContent {
   flex-grow: 1;
   overflow-y: auto;

package/dist/components/Takeover/Takeover.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB","file":"Takeover.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAID;EAAqB","file":"Takeover.css"}

package/dist/components/Takeover/Takeover.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { FocusTrapProps } from '../../utilities/FocusTrap';
+import { FocusScopeOptions } from '../../hooks/useFocusScope';
 import { TakeoverHeader, TakeoverHeaderProps } from './TakeoverHeader';
 import { TakeoverSection, TakeoverSectionProps } from './TakeoverSection';
 import { TakeoverFooter, TakeoverFooterProps } from './TakeoverFooter';
@@ -30,8 +30,8 @@ export interface TakeoverPropsStrict {
     title: TakeoverHeaderProps['title'];
     /** Makes Modal open through ReactDOM.createPortal */
     portal?: boolean;
-    /** Options passed into FocusTrap */
-    focusTrapOptions?: FocusTrapProps;
+    /** Options passed into useFocusScope hook */
+    focusScopeOptions?: FocusScopeOptions;
 }
 export interface TakeoverProps extends TakeoverPropsStrict {
     [propName: string]: any;

package/dist/components/Takeover/Takeover.js

@@ -47,15 +47,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Takeover = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var FocusTrap_1 = require("../../utilities/FocusTrap");
 var wrapWithComponent_1 = require("../../utilities/wrapWithComponent");
 var OverlayContext_1 = require("../../utilities/OverlayContext");
 var Portal_1 = require("../../internal/Portal");
+var useFocusScope_1 = require("../../hooks/useFocusScope");
 var TakeoverHeader_1 = require("./TakeoverHeader");
 var TakeoverSection_1 = require("./TakeoverSection");
 var TakeoverFooter_1 = require("./TakeoverFooter");
 var Takeover = function (_a) {
-    var actions = _a.actions, backLabel = _a.backLabel, children = _a.children, className = _a.className, footer = _a.footer, _b = _a.footerAlign, footerAlign = _b === void 0 ? TakeoverFooter_1.TakeoverFooter.defaultProps.align : _b, onBack = _a.onBack, onClose = _a.onClose, sectioned = _a.sectioned, _c = _a.theme, theme = _c === void 0 ? TakeoverHeader_1.TakeoverHeader.defaultProps.theme : _c, contentWrapperClass = _a.contentWrapperClass, title = _a.title, _d = _a.portal, portal = _d === void 0 ? false : _d, focusTrapOptions = _a.focusTrapOptions, props = __rest(_a, ["actions", "backLabel", "children", "className", "footer", "footerAlign", "onBack", "onClose", "sectioned", "theme", "contentWrapperClass", "title", "portal", "focusTrapOptions"]);
+    var actions = _a.actions, backLabel = _a.backLabel, children = _a.children, className = _a.className, footer = _a.footer, _b = _a.footerAlign, footerAlign = _b === void 0 ? TakeoverFooter_1.TakeoverFooter.defaultProps.align : _b, onBack = _a.onBack, onClose = _a.onClose, sectioned = _a.sectioned, _c = _a.theme, theme = _c === void 0 ? TakeoverHeader_1.TakeoverHeader.defaultProps.theme : _c, contentWrapperClass = _a.contentWrapperClass, title = _a.title, _d = _a.portal, portal = _d === void 0 ? false : _d, focusScopeOptions = _a.focusScopeOptions, props = __rest(_a, ["actions", "backLabel", "children", "className", "footer", "footerAlign", "onBack", "onClose", "sectioned", "theme", "contentWrapperClass", "title", "portal", "focusScopeOptions"]);
     react_1.default.useEffect(function () {
         document.body.classList.add('Takeover--is-open');
         return function () {
@@ -67,6 +67,7 @@ var Takeover = function (_a) {
     }, []);
     var overlayContext = (0, react_1.useContext)(OverlayContext_1.OverlayContext);
     var takeoverRef = (0, react_1.useRef)(null);
+    var handleTab = (0, useFocusScope_1.useFocusScope)(takeoverRef, focusScopeOptions).handleTab;
     var headerProps = {
         actions: actions,
         backLabel: backLabel,
@@ -82,21 +83,11 @@ var Takeover = function (_a) {
     var TakeoverClasses = (0, classnames_1.default)('Takeover', className, "Takeover--" + theme);
     var contentWrapperClasses = (0, classnames_1.default)('TakeoverContent', contentWrapperClass);
     var content = (0, wrapWithComponent_1.wrapWithComponent)(children, TakeoverSection_1.TakeoverSection);
-    var _e = react_1.default.useState(1), focusWrapper = _e[0], setFocusWrapper = _e[1];
-    react_1.default.useEffect(function () {
-        // Removes wrapper to be focusable element after initial tab
-        function eventHandler(event) {
-            event.key === 'Tab' && setFocusWrapper(-1);
-            document.removeEventListener('keydown', eventHandler);
-        }
-        document.addEventListener('keydown', eventHandler);
-    }, []);
-    var takeover = (react_1.default.createElement(FocusTrap_1.FocusTrap, __assign({}, focusTrapOptions),
-        react_1.default.createElement("div", __assign({ className: TakeoverClasses, ref: takeoverRef, tabIndex: focusWrapper }, props),
-            react_1.default.createElement(OverlayContext_1.OverlayContext.Provider, { value: overlayContext.concat('takeover') },
-                react_1.default.createElement(TakeoverHeader_1.TakeoverHeader, __assign({}, headerProps)),
-                react_1.default.createElement("div", { className: contentWrapperClasses }, content),
-                react_1.default.createElement(TakeoverFooter_1.TakeoverFooter, __assign({}, footerProps))))));
+    var takeover = (react_1.default.createElement("div", __assign({ className: TakeoverClasses, ref: takeoverRef, onKeyDown: handleTab }, props),
+        react_1.default.createElement(OverlayContext_1.OverlayContext.Provider, { value: overlayContext.concat('takeover') },
+            react_1.default.createElement(TakeoverHeader_1.TakeoverHeader, __assign({}, headerProps)),
+            react_1.default.createElement("div", { className: contentWrapperClasses }, content),
+            react_1.default.createElement(TakeoverFooter_1.TakeoverFooter, __assign({}, footerProps)))));
     return react_1.default.createElement(Portal_1.Portal, { conditional: portal }, takeover);
 };
 exports.Takeover = Takeover;

package/dist/components/Takeover/Takeover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Takeover.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Takeover.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsD;AACtD,0DAAoC;AACpC,uEAAsE;AACtE,iEAAgE;AAChE,gDAA+C;AAC/C,2DAA6E;AAE7E,mDAAuE;AACvE,qDAA0E;AAC1E,mDAAuE;AAwDhE,IAAM,QAAQ,GAAa,UAAC,EAgBlC;IAfA,IAAA,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,MAAM,YAAA,EACN,mBAA+C,EAA/C,WAAW,mBAAG,+BAAc,CAAC,YAAY,CAAC,KAAK,KAAA,EAC/C,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACT,aAAyC,EAAzC,KAAK,mBAAG,+BAAc,CAAC,YAAY,CAAC,KAAK,KAAA,EACzC,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,iBAAiB,uBAAA,EACd,KAAK,cAf0B,oLAgBlC,CADQ;IAER,eAAK,CAAC,SAAS,CAAC;QACf,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAEjD,OAAO;YACN,IAAM,kBAAkB,GACvB,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;YACxD,IAAI,CAAC,kBAAkB,EAAE;gBACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;aACpD;QACF,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,+BAAc,CAAC,CAAC;IAClD,IAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,SAAS,GAAK,IAAA,6BAAa,EAAC,WAAW,EAAE,iBAAiB,CAAC,UAAlD,CAAmD;IAEpE,IAAM,WAAW,GAAG;QACnB,OAAO,SAAA;QACP,SAAS,WAAA;QACT,MAAM,QAAA;QACN,OAAO,SAAA;QACP,KAAK,OAAA;QACL,KAAK,OAAA;KACL,CAAC;IAEF,IAAM,WAAW,GAAG;QACnB,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,MAAM;KAChB,CAAC;IAEF,IAAM,eAAe,GAAG,IAAA,oBAAU,EACjC,UAAU,EACV,SAAS,EACT,eAAa,KAAO,CACpB,CAAC;IAEF,IAAM,qBAAqB,GAAG,IAAA,oBAAU,EACvC,iBAAiB,EACjB,mBAAmB,CACnB,CAAC;IAEF,IAAM,OAAO,GAAG,IAAA,qCAAiB,EAAC,QAAQ,EAAE,iCAAe,CAAC,CAAC;IAE7D,IAAM,QAAQ,GAAG,CAChB,gDACC,SAAS,EAAE,eAAe,EAC1B,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,SAAS,IAChB,KAAK;QAET,8BAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC;YAChE,8BAAC,+BAAc,eAAK,WAAW,EAAI;YACnC,uCAAK,SAAS,EAAE,qBAAqB,IAAG,OAAO,CAAO;YACtD,8BAAC,+BAAc,eAAK,WAAW,EAAI,CACV,CACrB,CACN,CAAC;IAEF,OAAO,8BAAC,eAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC;AA5EW,QAAA,QAAQ,YA4EnB;AAEF,gBAAQ,CAAC,MAAM,GAAG,+BAAc,CAAC;AACjC,gBAAQ,CAAC,OAAO,GAAG,iCAAe,CAAC;AACnC,gBAAQ,CAAC,MAAM,GAAG,+BAAc,CAAC"}

package/dist/components/Takeover/TakeoverFooter.css

@@ -17,10 +17,6 @@
   z-index: 1100;
 }
 
-.TakeoverHeader__back-link {
-  flex: 0 auto;
-}
-
 .TakeoverContent {
   flex-grow: 1;
   overflow-y: auto;

package/dist/components/Takeover/TakeoverFooter.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverFooter.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AG9BrB;EACC,YDca;ECbb;EACA;EACA;EACA,aDkHW;ECjHX,gBDiHW;;;AC9GZ;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAAyB;;;AACzB;EAAiC","file":"TakeoverFooter.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverFooter.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AG1BrB;EACC,YDca;ECbb;EACA;EACA;EACA,aDkHW;ECjHX,gBDiHW;;;AC9GZ;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAAyB;;;AACzB;EAAiC","file":"TakeoverFooter.css"}

package/dist/components/Takeover/TakeoverSection.css

@@ -17,10 +17,6 @@
   z-index: 1100;
 }
 
-.TakeoverHeader__back-link {
-  flex: 0 auto;
-}
-
 .TakeoverContent {
   flex-grow: 1;
   overflow-y: auto;

package/dist/components/Takeover/TakeoverSection.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverSection.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AG9BrB;EACC,YDca;ECbb,SDsHW;;ACpHX;EACC","file":"TakeoverSection.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverSection.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AG1BrB;EACC,YDca;ECbb,SDsHW;;ACpHX;EACC","file":"TakeoverSection.css"}

package/dist/components/Takeover/index.css

@@ -17,10 +17,6 @@
   z-index: 1100;
 }
 
-.TakeoverHeader__back-link {
-  flex: 0 auto;
-}
-
 .TakeoverContent {
   flex-grow: 1;
   overflow-y: auto;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverHeader.scss","../../../src/utilities/_font-smoothing.scss","../../../src/components/Takeover/TakeoverSection.scss","../../../src/components/Takeover/TakeoverFooter.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AGpBrB;ECXE;EACA;EDaD;EACA,YDEa;ECDb;EACA;EACA,ODFa;ECGb;EACA;EACA,WD+Ga;EC9Gb;EACA;EACA,SDgGW;EC/FX;EACA;;;AAGD;ECxBE;EACA;ED0BD,YDIkB;ECHlB;EACA,ODUmB;;;ACPpB;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EAAwB;;;AACxB;EAAyB;;;AAEzB;EAA6B;;;AAE7B;EACC,aD8DW;;;AC3DZ;EA1DC;EACA,SDwGiB;ECvGjB;EA2DA;EACA,SD+Dc;EC9Dd;;AA3DA;EACC;;AA4DD;EAAU;;;AElEX;EACC,YHca;EGbb,SHsHW;;AGpHX;EACC;;;ACLF;EACC,YJca;EIbb;EACA;EACA;EACA,aJkHW;EIjHX,gBJiHW;;;AI9GZ;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAAyB;;;AACzB;EAAiC","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Takeover/Takeover.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Takeover/TakeoverHeader.scss","../../../src/utilities/_font-smoothing.scss","../../../src/components/Takeover/TakeoverSection.scss","../../../src/components/Takeover/TakeoverFooter.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAID;EAAqB;;;AGhBrB;ECXE;EACA;EDaD;EACA,YDEa;ECDb;EACA;EACA,ODFa;ECGb;EACA;EACA,WD+Ga;EC9Gb;EACA;EACA,SDgGW;EC/FX;EACA;;;AAGD;ECxBE;EACA;ED0BD,YDIkB;ECHlB;EACA,ODUmB;;;ACPpB;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EAAwB;;;AACxB;EAAyB;;;AAEzB;EAA6B;;;AAE7B;EACC,aD8DW;;;AC3DZ;EA1DC;EACA,SDwGiB;ECvGjB;EA2DA;EACA,SD+Dc;EC9Dd;;AA3DA;EACC;;AA4DD;EAAU;;;AElEX;EACC,YHca;EGbb,SHsHW;;AGpHX;EACC;;;ACLF;EACC,YJca;EIbb;EACA;EACA;EACA,aJkHW;EIjHX,gBJiHW;;;AI9GZ;EAA0B;;;AAC1B;EAAwB;;;AACxB;EAAyB;;;AACzB;EAAiC","file":"index.css"}

package/dist/components/index.css

@@ -732,12 +732,7 @@ span.Popover {
 
 .Backdrop__content {
   display: block;
-}
-.Backdrop__content:focus {
-  outline: none;
-}
-.Backdrop__content:focus-visible {
-  outline: none;
+  z-index: 1;
 }
 
 .BackLink {
@@ -2138,7 +2133,6 @@ button.Button--full {
 }
 
 .DateRangePicker__actions {
-  flex-direction: row-reverse;
   padding: 12px 16px;
   border-top: 1px solid #dfe0e1;
 }
@@ -2453,7 +2447,7 @@ button.Button--full {
   margin-left: 8px;
 }
 .FilePicker__File__ActionIcon .a-Icon {
-  color: #9e9ea0;
+  color: #949596;
   cursor: pointer;
 }
 
@@ -9233,7 +9227,7 @@ button.Button--full {
   color: #141414;
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  color: #444445;
+  color: var(--colorsTextOnGrey, #444445);
   cursor: pointer;
   font-weight: 600;
 }
@@ -9242,15 +9236,21 @@ button.Button--full {
 }
 
 .Link--blue {
-  color: #2270ee;
+  color: var(--colorsTextPrimary, #2270ee);
 }
 
 .Link--red {
-  color: #e63717;
+  color: var(--colorsTextCritical, #e63717);
 }
 
 .Link--grey {
-  color: #737475;
+  color: var(--colorsTextSubdued, #737475);
+}
+
+.Link--disabled {
+  pointer-events: none;
+  color: var(--colorsTextOnGrey, #444445);
+  opacity: 0.4;
 }
 
 /** @define Mask */
@@ -10014,7 +10014,7 @@ button.Button--full {
 }
 
 .ProgressTrackerStep {
-  color: #9e9ea0;
+  color: #949596;
   display: flex;
   align-items: center;
   position: relative;
@@ -10084,7 +10084,7 @@ button.Button--full {
   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 {
@@ -10541,7 +10541,7 @@ button.Button--full {
 .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 {
@@ -10805,7 +10805,7 @@ button.Button--full {
   margin-right: -4px;
   margin-top: -1px;
   margin-bottom: -1px;
-  color: #9e9ea0;
+  color: #949596;
 }
 .Snackbar__close.Button .a-Icon,
 .Snackbar__close.Button .a-Icon > svg {
@@ -11243,6 +11243,7 @@ button.Button--full {
 }
 
 .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 */
@@ -11881,10 +11882,6 @@ button.Button--full {
   z-index: 1100;
 }
 
-.TakeoverHeader__back-link {
-  flex: 0 auto;
-}
-
 .TakeoverContent {
   flex-grow: 1;
   overflow-y: auto;