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

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/DateRangePicker/DateRangePicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;;;AAIA;AAAA;EAEC;EACA;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC,OEoDe;EFnDf,WE8Fa;EF7Fb,aEuGqB;EFtGrB,YEiFW;EFhFX,eEwFc;;;AFrFf;EACC;EACA;EACA;;;AAGD;EACC;EACA,SEsEW;EFrEX;EACA;EACA,gBE0Ec;EFzEd;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA,SEsDW","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/DateRangePicker/DateRangePicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;;;AAIA;AAAA;EAEC;EACA;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC,OEqDe;EFpDf,WE+Fa;EF9Fb,aEwGqB;EFvGrB,YEkFW;EFjFX,eEyFc;;;AFtFf;EACC;EACA;EACA;;;AAGD;EACC;EACA,SEuEW;EFtEX;EACA;EACA,gBE2Ec;EF1Ed;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA,SEuDW","file":"index.css"}

package/dist/components/DateRangePicker/utils/checkScope.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkScope = void 0;
-var dateFormat_1 = require("./dateFormat");
+var dateFormat_1 = require("../../../utilities/dateFormat");
 var checkScope = function (value, min, max) {
     var _a, _b;
     if (!(value === null || value === void 0 ? void 0 : value.start) || !(value === null || value === void 0 ? void 0 : value.end))

package/dist/components/DateRangePicker/utils/checkScope.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkScope.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/utils/checkScope.ts"],"names":[],"mappings":";;;AACA,2CAA4C;AAErC,IAAM,UAAU,GAAG,UACzB,KAAoC,EACpC,GAAkB,EAClB,GAAkB;;IAElB,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAA;QAC/B,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;IAEzD,IAAM,KAAK,GAAG,yBAAY,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnD,IAAM,GAAG,GAAG,yBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE7C,IAAM,eAAe,GACpB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAE,KAAG,MAAA,yBAAY,CAAC,UAAU,CAAC,GAAG,CAAC,0CAAE,OAAO,EAAE,CAAA,CAAC;IAE5D,IAAM,aAAa,GAClB,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,EAAE,KAAG,MAAA,yBAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,0CAAE,OAAO,EAAE,CAAA,CAAC;IAExD,OAAO,EAAE,eAAe,iBAAA,EAAE,aAAa,eAAA,EAAE,CAAC;AAC3C,CAAC,CAAC;AAlBW,QAAA,UAAU,cAkBrB"}
+{"version":3,"file":"checkScope.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/utils/checkScope.ts"],"names":[],"mappings":";;;AACA,4DAA6D;AAEtD,IAAM,UAAU,GAAG,UACzB,KAAoC,EACpC,GAAkB,EAClB,GAAkB;;IAElB,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAA;QAC/B,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;IAEzD,IAAM,KAAK,GAAG,yBAAY,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnD,IAAM,GAAG,GAAG,yBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE7C,IAAM,eAAe,GACpB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAE,KAAG,MAAA,yBAAY,CAAC,UAAU,CAAC,GAAG,CAAC,0CAAE,OAAO,EAAE,CAAA,CAAC;IAE5D,IAAM,aAAa,GAClB,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,EAAE,KAAG,MAAA,yBAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,0CAAE,OAAO,EAAE,CAAA,CAAC;IAExD,OAAO,EAAE,eAAe,iBAAA,EAAE,aAAa,eAAA,EAAE,CAAC;AAC3C,CAAC,CAAC;AAlBW,QAAA,UAAU,cAkBrB"}

package/dist/components/DateRangePicker/utils/index.d.ts

@@ -1,2 +1 @@
 export * from './checkScope';
-export * from './dateFormat';

package/dist/components/DateRangePicker/utils/index.js

@@ -11,5 +11,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./checkScope"), exports);
-__exportStar(require("./dateFormat"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/DateRangePicker/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA6B;AAC7B,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA6B"}

package/dist/components/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import { ModalWindow, ModalHeader, ModalHeaderProps, ModalFooter, ModalContent } from '../Modal/components';
-import { FocusTrapProps } from '../../utilities/FocusTrap';
+import { FocusScopeOptions } from '../../hooks/useFocusScope';
 export interface DialogProps extends ModalHeaderProps {
     /** Action buttons layout direction */
     actionsLayout?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
@@ -18,8 +18,8 @@ export interface DialogProps extends ModalHeaderProps {
     primaryActionName: string;
     /** Text for the secondary button */
     secondaryActionName?: string;
-    /** Options passed into FocusTrap */
-    focusTrapOptions?: FocusTrapProps;
+    /** Options passed into useFocusScope hook */
+    focusScopeOptions?: FocusScopeOptions;
 }
 interface Dialog extends FC<DialogProps> {
     /** Subcomponents */

package/dist/components/Dialog/Dialog.js

@@ -32,14 +32,14 @@ var components_1 = require("../Modal/components");
 var Button_1 = require("../Button");
 var Stack_1 = require("../Stack");
 var Dialog = function (_a) {
-    var _b = _a.open, open = _b === void 0 ? false : _b, children = _a.children, className = _a.className, onClose = _a.onClose, title = _a.title, actionsLayout = _a.actionsLayout, negative = _a.negative, onPrimaryActionClick = _a.onPrimaryActionClick, onSecondaryActionClick = _a.onSecondaryActionClick, primaryActionName = _a.primaryActionName, secondaryActionName = _a.secondaryActionName, focusTrapOptions = _a.focusTrapOptions, rest = __rest(_a, ["open", "children", "className", "onClose", "title", "actionsLayout", "negative", "onPrimaryActionClick", "onSecondaryActionClick", "primaryActionName", "secondaryActionName", "focusTrapOptions"]);
+    var _b = _a.open, open = _b === void 0 ? false : _b, children = _a.children, className = _a.className, onClose = _a.onClose, title = _a.title, actionsLayout = _a.actionsLayout, negative = _a.negative, onPrimaryActionClick = _a.onPrimaryActionClick, onSecondaryActionClick = _a.onSecondaryActionClick, primaryActionName = _a.primaryActionName, secondaryActionName = _a.secondaryActionName, focusScopeOptions = _a.focusScopeOptions, rest = __rest(_a, ["open", "children", "className", "onClose", "title", "actionsLayout", "negative", "onPrimaryActionClick", "onSecondaryActionClick", "primaryActionName", "secondaryActionName", "focusScopeOptions"]);
     react_1.default.useEffect(function () {
         if (rest.closable) {
             console.warn('@servicetitan/design-system: The `closable` prop of the Dialog component will be removed in a future release. It also never worked. Please remove.');
         }
     });
     var DialogClasses = (0, classnames_1.default)('Dialog', className);
-    return (open && (react_1.default.createElement(components_1.ModalWindow, __assign({ className: DialogClasses, onClose: onClose, size: components_1.ModalSizes.XS, focusTrapOptions: focusTrapOptions }, rest),
+    return (open && (react_1.default.createElement(components_1.ModalWindow, __assign({ className: DialogClasses, onClose: onClose, size: components_1.ModalSizes.XS, focusScopeOptions: focusScopeOptions }, rest),
         react_1.default.createElement(components_1.ModalHeader, { onClose: onClose, title: title, className: "Dialog__header" }),
         react_1.default.createElement(components_1.ModalContent, { className: "Dialog__content" }, children),
         react_1.default.createElement(components_1.ModalFooter, { className: "Dialog__footer" },

package/dist/components/Dialog/Dialog.js.map

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

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

@@ -2,7 +2,7 @@ import React, { FC } from 'react';
 import { DrawerHeader } from './DrawerHeader';
 import { DrawerFooter, DrawerFooterProps } from './DrawerFooter';
 import { DrawerWindow } from './DrawerWindow';
-import { FocusTrapProps } from '../../utilities/FocusTrap';
+import { FocusScopeOptions } from '../../hooks/useFocusScope';
 interface DrawerPropsStrict {
     /** Adds one or more classnames for an element */
     className?: string;
@@ -20,8 +20,8 @@ interface DrawerPropsStrict {
     portal?: boolean;
     /** Define the width property of the drawer */
     width?: 'xs' | 's' | 'm' | 'l';
-    /** Options passed into FocusTrap */
-    focusTrapOptions?: FocusTrapProps;
+    /** Options passed into useFocusScope hook */
+    focusScopeOptions?: FocusScopeOptions;
 }
 interface DrawerProps extends DrawerPropsStrict {
     /** Unstrict Props */

package/dist/components/Drawer/Drawer.js

@@ -52,14 +52,18 @@ var tokens_1 = __importDefault(require("@servicetitan/tokens"));
 var DrawerHeader_1 = require("./DrawerHeader");
 var DrawerFooter_1 = require("./DrawerFooter");
 var DrawerWindow_1 = require("./DrawerWindow");
-var FocusTrap_1 = require("../../utilities/FocusTrap");
 var OverlayContext_1 = require("../../utilities/OverlayContext");
 var Portal_1 = require("../../internal/Portal");
+var useFocusScope_1 = require("../../hooks/useFocusScope");
+var focus_utils_1 = require("../../utilities/focus-utils");
 var Drawer = function (_a) {
     var _b;
-    var children = _a.children, className = _a.className, footer = _a.footer, footerAlign = _a.footerAlign, header = _a.header, onClose = _a.onClose, open = _a.open, _c = _a.portal, portal = _c === void 0 ? true : _c, backdrop = _a.backdrop, _d = _a.width, width = _d === void 0 ? 's' : _d, focusTrapOptions = _a.focusTrapOptions, rest = __rest(_a, ["children", "className", "footer", "footerAlign", "header", "onClose", "open", "portal", "backdrop", "width", "focusTrapOptions"]);
+    var children = _a.children, className = _a.className, footer = _a.footer, footerAlign = _a.footerAlign, header = _a.header, onClose = _a.onClose, open = _a.open, _c = _a.portal, portal = _c === void 0 ? true : _c, backdrop = _a.backdrop, _d = _a.width, width = _d === void 0 ? 's' : _d, focusScopeOptions = _a.focusScopeOptions, rest = __rest(_a, ["children", "className", "footer", "footerAlign", "header", "onClose", "open", "portal", "backdrop", "width", "focusScopeOptions"]);
     var overlayContext = (0, react_1.useContext)(OverlayContext_1.OverlayContext);
-    var _e = react_1.default.useState(1), focusWrapper = _e[0], setFocusWrapper = _e[1];
+    var drawerRef = (0, react_1.useRef)(null);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var lastActiveElement = (0, react_1.useMemo)(function () { return (0, focus_utils_1.getActiveElement)(); }, [open]);
+    var handleTab = (0, useFocusScope_1.useFocusScope)(drawerRef, __assign({ disableAutofocus: !open, disableTrapping: !open, restoreFocusRef: { current: lastActiveElement } }, focusScopeOptions)).handleTab;
     var DrawerClasses = (0, classnames_1.default)('Drawer', className, (_b = {
             'Drawer--open': open,
             'Drawer--portal': portal || backdrop,
@@ -74,22 +78,12 @@ var Drawer = function (_a) {
         exit: { opacity: 0, x: '100%' },
         transition: { type: 'easeInOut', duration: durationSlow },
     };
-    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 drawerContent = (react_1.default.createElement(framer_motion_1.motion.div, __assign({ className: DrawerClasses }, drawerAnimation, rest),
+    var drawerContent = (react_1.default.createElement(framer_motion_1.motion.div, __assign({ className: DrawerClasses, ref: drawerRef, onKeyDown: handleTab }, drawerAnimation, rest),
         react_1.default.createElement(OverlayContext_1.OverlayContext.Provider, { value: overlayContext.concat('drawer') },
             header && (react_1.default.createElement(DrawerHeader_1.DrawerHeader, { onClose: onClose }, header)),
             react_1.default.createElement("div", { className: "Drawer__content" }, children),
             footer && (react_1.default.createElement(DrawerFooter_1.DrawerFooter, { align: footerAlign }, footer)))));
-    var drawer = backdrop ? (react_1.default.createElement(DrawerWindow_1.DrawerWindow, { animate: true, onClose: onClose, focusTrapOptions: focusTrapOptions }, drawerContent)) : (react_1.default.createElement(FocusTrap_1.FocusTrap, __assign({}, focusTrapOptions),
-        react_1.default.createElement(framer_motion_1.AnimatePresence, null,
-            react_1.default.createElement("div", { tabIndex: focusWrapper }, drawerContent))));
+    var drawer = backdrop ? (react_1.default.createElement(DrawerWindow_1.DrawerWindow, { animate: true, onClose: onClose }, drawerContent)) : (react_1.default.createElement(framer_motion_1.AnimatePresence, null, drawerContent));
     return open && react_1.default.createElement(Portal_1.Portal, { conditional: portal && !backdrop }, drawer);
 };
 exports.Drawer = Drawer;

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

@@ -43,7 +43,7 @@
   margin-left: 8px;
 }
 .FilePicker__File__ActionIcon .a-Icon {
-  color: #9e9ea0;
+  color: #949596;
   cursor: pointer;
 }
 

package/dist/components/FilePicker/index.css

@@ -43,7 +43,7 @@
   margin-left: 8px;
 }
 .FilePicker__File__ActionIcon .a-Icon {
-  color: #9e9ea0;
+  color: #949596;
   cursor: pointer;
 }
 

package/dist/components/Link/Link.css

@@ -5,7 +5,7 @@
   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;
 }
@@ -14,15 +14,21 @@
 }
 
 .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;
 }
 
 /*# sourceMappingURL=Link.css.map */

package/dist/components/Link/Link.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Link/Link.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EAEC;ACJA;EACA,OCiBa;ADfb;EACA;EDIA,OEqCmB;EFpCnB;EACA,aE+FkB;;AF7FlB;EACU;;;AAGX;EAAc,OEGD;;;AFDb;EAAa,OEsEG;;;AFpEhB;EAAc,OEuBK","file":"Link.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Link/Link.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;EAEC;ACTA;EACA,OCiBa;ADfb;EACA;EDSA,OAXc;EAYd;EACA,aE0FkB;;AFxFlB;EACU;;;AAGX;EAAc,OAlBC;;;AAoBf;EAAa,OAnBG;;;AAqBhB;EAAc,OApBF;;;AAsBZ;EACC;EACA,OA3Bc;EA4Bd","file":"Link.css"}

package/dist/components/Link/Link.d.ts

@@ -15,6 +15,8 @@ export interface LinkPropsStrict {
     primary?: boolean;
     /** Subdued appearance, grey-colored */
     subdued?: boolean;
+    /** Disable link, unclickable */
+    disabled?: boolean;
 }
 export interface LinkProps extends LinkPropsStrict {
     [propName: string]: any;

package/dist/components/Link/Link.js

@@ -29,26 +29,14 @@ exports.Link = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var Link = function (_a) {
-    var className = _a.className, color = _a.color, negative = _a.negative, primary = _a.primary, subdued = _a.subdued, props = __rest(_a, ["className", "color", "negative", "primary", "subdued"]);
+    var className = _a.className, color = _a.color, negative = _a.negative, primary = _a.primary, subdued = _a.subdued, disabled = _a.disabled, props = __rest(_a, ["className", "color", "negative", "primary", "subdued", "disabled"]);
     var LinkElement = props.href ? 'a' : 'button';
-    var LinkColor = color;
-    // Override string props with boolean values
-    if (primary)
-        LinkColor = 'primary';
-    if (negative)
-        LinkColor = 'negative';
-    if (subdued)
-        LinkColor = 'subdued';
-    var LinkColorClasses = {
-        primary: 'Link--blue',
-        blue: 'Link--blue',
-        negative: 'Link--red',
-        red: 'Link--red',
-        subdued: 'Link--grey',
-        grey: 'Link--grey',
-    };
-    var LinkColorClass = LinkColor ? LinkColorClasses[LinkColor] : '';
-    var LinkClasses = (0, classnames_1.default)('Link', className, LinkColorClass);
+    var LinkClasses = (0, classnames_1.default)('Link', className, {
+        'Link--blue': primary || color === 'blue' || color === 'primary',
+        'Link--red': negative || color === 'red' || color === 'negative',
+        'Link--grey': subdued || color === 'grey' || color === 'subdued',
+        'Link--disabled': disabled,
+    });
     return (react_1.default.createElement(LinkElement, __assign({ role: "link", className: LinkClasses }, props), props.children));
 };
 exports.Link = Link;

package/dist/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AA6B7B,IAAM,IAAI,GAAkB,UAAC,EAOnC;IANA,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACJ,KAAK,cAN2B,wDAOnC,CADQ;IAER,IAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhD,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,4CAA4C;IAC5C,IAAI,OAAO;QAAE,SAAS,GAAG,SAAS,CAAC;IACnC,IAAI,QAAQ;QAAE,SAAS,GAAG,UAAU,CAAC;IACrC,IAAI,OAAO;QAAE,SAAS,GAAG,SAAS,CAAC;IAEnC,IAAM,gBAAgB,GAAQ;QAC7B,OAAO,EAAE,YAAY;QACrB,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE,WAAW;QACrB,GAAG,EAAE,WAAW;QAChB,OAAO,EAAE,YAAY;QACrB,IAAI,EAAE,YAAY;KAClB,CAAC;IAEF,IAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,IAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,MAAM,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;IAElE,OAAO,CACN,8BAAC,WAAW,aAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,WAAW,IAAM,KAAK,GACxD,KAAK,CAAC,QAAQ,CACF,CACd,CAAC;AACH,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf"}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAgC7B,IAAM,IAAI,GAAkB,UAAC,EAQnC;IAPA,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,KAAK,cAP2B,oEAQnC,CADQ;IAER,IAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhD,IAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,MAAM,EAAE,SAAS,EAAE;QACjD,YAAY,EAAE,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;QAChE,WAAW,EAAE,QAAQ,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,UAAU;QAChE,YAAY,EAAE,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;QAChE,gBAAgB,EAAE,QAAQ;KAC1B,CAAC,CAAC;IAEH,OAAO,CACN,8BAAC,WAAW,aAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,WAAW,IAAM,KAAK,GACxD,KAAK,CAAC,QAAQ,CACF,CACd,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,IAAI,QAuBf"}

package/dist/components/Link/index.css

@@ -5,7 +5,7 @@
   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;
 }
@@ -14,15 +14,21 @@
 }
 
 .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;
 }
 
 /*# sourceMappingURL=index.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Link/Link.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EAEC;ACJA;EACA,OCiBa;ADfb;EACA;EDIA,OEqCmB;EFpCnB;EACA,aE+FkB;;AF7FlB;EACU;;;AAGX;EAAc,OEGD;;;AFDb;EAAa,OEsEG;;;AFpEhB;EAAc,OEuBK","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Link/Link.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;EAEC;ACTA;EACA,OCiBa;ADfb;EACA;EDSA,OAXc;EAYd;EACA,aE0FkB;;AFxFlB;EACU;;;AAGX;EAAc,OAlBC;;;AAoBf;EAAa,OAnBG;;;AAqBhB;EAAc,OApBF;;;AAsBZ;EACC;EACA,OA3Bc;EA4Bd","file":"index.css"}

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

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
+import { FocusScopeOptions } from '../../hooks/useFocusScope';
 import { ModalWindow, ModalHeader, ModalHeaderProps, ModalFooter, ModalFooterProps, ModalContent, ModalSizes } from './components';
-import { FocusTrapProps } from '../../utilities';
 export interface ModalProps extends ModalHeaderProps {
     /** Adds one or more classnames for an element */
     className?: string;
@@ -14,8 +14,8 @@ export interface ModalProps extends ModalHeaderProps {
     scrollable?: boolean;
     /** Controls the width of the Modal */
     size?: ModalSizes;
-    /** Options passed into FocusTrap */
-    focusTrapOptions?: FocusTrapProps;
+    /** Options passed into useFocusScope hook */
+    focusScopeOptions?: FocusScopeOptions;
 }
 export interface Modal extends FC<ModalProps> {
     /** Subcomponents */

package/dist/components/Modal/Modal.js

@@ -29,8 +29,8 @@ 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, focusTrapOptions = _a.focusTrapOptions, rest = __rest(_a, ["children", "closable", "footer", "footerAlign", "onClose", "open", "scrollable", "size", "title", "focusTrapOptions"]);
-    return open && (react_1.default.createElement(components_1.ModalWindow, __assign({ closable: closable, onClose: closable && onClose, size: size, focusTrapOptions: focusTrapOptions }, rest),
+    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 }),
         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;AAElC,2CAQsB;AAoCf,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,gBAAgB,sBAAA,EACb,IAAI,cAXqB,uHAY5B,CADO;IAEP,OAAA,IAAI,IAAI,CACP,8BAAC,wBAAW,aACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,IAAI,OAAO,EAC5B,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,IAC9B,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;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"}

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

@@ -1,6 +1,7 @@
 import React, { FC } from 'react';
 import { JustifyProps } from '../../utilities/justify-props';
 import { BackdropProps } from '../Backdrop';
+import { FocusScopeOptions } from '../../hooks/useFocusScope';
 export interface ModalContentProps {
     /** Adds one or more classnames for an element */
     className?: string;
@@ -37,5 +38,6 @@ export interface ModalWindowProps extends BackdropProps {
     className?: string;
     onClose?: (e: React.SyntheticEvent<HTMLElement>) => void;
     size?: ModalSizes;
+    focusScopeOptions?: FocusScopeOptions;
 }
 export declare const ModalWindow: FC<ModalWindowProps>;

package/dist/components/Modal/components.js

@@ -51,6 +51,7 @@ var OverlayContext_1 = require("../../utilities/OverlayContext");
 var Backdrop_1 = require("../Backdrop");
 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, {
@@ -99,10 +100,12 @@ 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, props = __rest(_a, ["children", "className", "closable", "onClose", "size"]);
+    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 ModalWindowClassNames = (0, classnames_1.default)('Modal', sizeClass(size), className);
     var overlayContext = (0, react_1.useContext)(OverlayContext_1.OverlayContext);
-    return (react_1.default.createElement(Backdrop_1.Backdrop, __assign({ className: ModalWindowClassNames, closeOnClick: !!(closable || onClose), onClick: onClose }, props),
+    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)));
 };
 exports.ModalWindow = ModalWindow;

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/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 FocusTrap */
-    focusTrapOptions?: FocusTrapProps;
+    /** Options passed into useFocusScope hook */
+    focusScopeOptions?: FocusScopeOptions;
     /** offset ammount between Popover and trigger */
     offset?: PopperProps['offset'];
 }

package/dist/components/Popover/Popover.js

@@ -29,11 +29,18 @@ 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, _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 _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 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':
@@ -61,9 +68,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, focusTrapOptions: focusTrapOptions }, props),
+    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),
         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 }, children),
+        react_1.default.createElement(components_1.PopoverContent, { contentScrollHeight: scrollHeight, noPadding: contentNoPadding, className: popoverContentClassName, onKeyDown: handleTab, ref: contentRef }, 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;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,cAAc,EAAC,SAAS,EACxB,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"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}

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/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 */