@servicetitan/design-system 10.7.1 → 11.1.0

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

@@ -1,16 +1,4 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DateRangeInput"), exports);
-__exportStar(require("./DateRangeTrigger"), exports);
-__exportStar(require("./DateRangeOptionList"), exports);
+export * from './DateRangeInput';
+export * from './DateRangeTrigger';
+export * from './DateRangeOptionList';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC;AACjC,qDAAmC;AACnC,wDAAsC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC"}

package/dist/components/DateRangePicker/index.css

@@ -21,7 +21,6 @@
 }
 
 .DateRangePicker__actions {
-  flex-direction: row-reverse;
   padding: 12px 16px;
   border-top: 1px solid #dfe0e1;
 }

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

@@ -1,14 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DateRangePicker"), exports);
+export * from './DateRangePicker';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkScope = void 0;
-var dateFormat_1 = require("./dateFormat");
-var checkScope = function (value, min, max) {
+import { toDateFormat } from '../../../utilities/dateFormat';
+export const checkScope = (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))
         return { startOutOfScope: false, endOutOfScope: false };
-    var start = dateFormat_1.toDateFormat.startOfDay(value.start);
-    var end = dateFormat_1.toDateFormat.endOfDay(value.end);
-    var startOutOfScope = (start === null || start === void 0 ? void 0 : start.getTime()) < ((_a = dateFormat_1.toDateFormat.startOfDay(min)) === null || _a === void 0 ? void 0 : _a.getTime());
-    var endOutOfScope = (end === null || end === void 0 ? void 0 : end.getTime()) > ((_b = dateFormat_1.toDateFormat.endOfDay(max)) === null || _b === void 0 ? void 0 : _b.getTime());
-    return { startOutOfScope: startOutOfScope, endOutOfScope: endOutOfScope };
+    const start = toDateFormat.startOfDay(value.start);
+    const end = toDateFormat.endOfDay(value.end);
+    const startOutOfScope = (start === null || start === void 0 ? void 0 : start.getTime()) < ((_a = toDateFormat.startOfDay(min)) === null || _a === void 0 ? void 0 : _a.getTime());
+    const endOutOfScope = (end === null || end === void 0 ? void 0 : end.getTime()) > ((_b = toDateFormat.endOfDay(max)) === null || _b === void 0 ? void 0 : _b.getTime());
+    return { startOutOfScope, endOutOfScope };
 };
-exports.checkScope = checkScope;
 //# sourceMappingURL=checkScope.js.map

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,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,MAAM,CAAC,MAAM,UAAU,GAAG,CACzB,KAAoC,EACpC,GAAkB,EAClB,GAAkB,EACjB,EAAE;;IACH,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,MAAM,KAAK,GAAG,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,GAAG,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE7C,MAAM,eAAe,GACpB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAE,KAAG,MAAA,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,0CAAE,OAAO,EAAE,CAAA,CAAC;IAE5D,MAAM,aAAa,GAClB,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,EAAE,KAAG,MAAA,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,0CAAE,OAAO,EAAE,CAAA,CAAC;IAExD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC;AAC3C,CAAC,CAAC"}

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

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

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

@@ -1,15 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./checkScope"), exports);
-__exportStar(require("./dateFormat"), exports);
+export * from './checkScope';
 //# 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,cAAc,cAAc,CAAC"}

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

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
-import { ModalWindow, ModalHeader, ModalHeaderProps, ModalFooter, ModalContent } from '../Modal/components';
-import { FocusScopeOptions } from '../../hooks/useFocusScope';
-export interface DialogProps extends ModalHeaderProps {
+import { ModalWindow, ModalWindowProps, ModalHeader, ModalHeaderProps, ModalFooter, ModalContent } from '../Modal/components';
+import { FocusTrapProps } from '../../utilities/FocusTrap';
+export interface DialogProps extends ModalHeaderProps, ModalWindowProps {
     /** Action buttons layout direction */
     actionsLayout?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
     /** Adds one or more classnames for an element */
@@ -14,12 +14,14 @@ export interface DialogProps extends ModalHeaderProps {
     onSecondaryActionClick?: (e: React.SyntheticEvent<HTMLElement>) => void;
     /** Whether the dialog is open or not */
     open?: boolean;
+    /** Render in a React Portal */
+    portal?: boolean;
     /** Text for the primary button */
     primaryActionName: string;
     /** Text for the secondary button */
     secondaryActionName?: string;
-    /** Options passed into useFocusScope hook */
-    focusScopeOptions?: FocusScopeOptions;
+    /** Options passed into FocusTrap */
+    focusTrapOptions?: FocusTrapProps;
 }
 interface Dialog extends FC<DialogProps> {
     /** Subcomponents */

package/dist/components/Dialog/Dialog.js

@@ -1,15 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,56 +9,45 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dialog = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-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, 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, 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" },
-            react_1.default.createElement(DialogActions, { actionsLayout: actionsLayout, negative: negative, onPrimaryActionClick: onPrimaryActionClick, onSecondaryActionClick: onSecondaryActionClick, primaryActionName: primaryActionName, secondaryActionName: secondaryActionName })))));
+import React from 'react';
+import classnames from 'classnames';
+import { ModalWindow, ModalHeader, ModalFooter, ModalContent, ModalSizes, } from '../Modal/components';
+import { Button } from '../Button';
+import { Stack } from '../Stack';
+export const Dialog = (_a) => {
+    var { open = false, children, className, onClose, title, actionsLayout, negative, onPrimaryActionClick, onSecondaryActionClick, portal = true, primaryActionName, secondaryActionName, focusTrapOptions } = _a, rest = __rest(_a, ["open", "children", "className", "onClose", "title", "actionsLayout", "negative", "onPrimaryActionClick", "onSecondaryActionClick", "portal", "primaryActionName", "secondaryActionName", "focusTrapOptions"]);
+    const DialogClasses = classnames('Dialog', className);
+    return (React.createElement(ModalWindow, Object.assign({ className: DialogClasses, onClose: onClose, size: ModalSizes.XS, focusTrapOptions: focusTrapOptions, open: open, portal: portal }, rest),
+        React.createElement(ModalHeader, { title: title, className: "Dialog__header" }),
+        React.createElement(ModalContent, { className: "Dialog__content" }, children),
+        React.createElement(ModalFooter, { className: "Dialog__footer" },
+            React.createElement(DialogActions, { actionsLayout: actionsLayout, negative: negative, onPrimaryActionClick: onPrimaryActionClick, onSecondaryActionClick: onSecondaryActionClick, primaryActionName: primaryActionName, secondaryActionName: secondaryActionName }))));
 };
-exports.Dialog = Dialog;
-var DialogActions = function (props) {
-    var _a = props.actionsLayout, actionsLayout = _a === void 0 ? 'row' : _a, negative = props.negative, onPrimaryActionClick = props.onPrimaryActionClick, onSecondaryActionClick = props.onSecondaryActionClick, primaryActionName = props.primaryActionName, secondaryActionName = props.secondaryActionName;
-    var hasPrimaryAction = !!(primaryActionName && onPrimaryActionClick);
-    var hasSecondaryAction = !!(secondaryActionName && onSecondaryActionClick);
-    var _b = useClientRect(), primaryRect = _b[0], primaryRef = _b[1];
-    var _c = useClientRect(), secondaryRect = _c[0], secondaryRef = _c[1];
-    var checkActionsWrapped = actionsLayout.includes('row') &&
+const DialogActions = (props) => {
+    const { actionsLayout = 'row', negative, onPrimaryActionClick, onSecondaryActionClick, primaryActionName, secondaryActionName, } = props;
+    const hasPrimaryAction = !!(primaryActionName && onPrimaryActionClick);
+    const hasSecondaryAction = !!(secondaryActionName && onSecondaryActionClick);
+    const [primaryRect, primaryRef] = useClientRect();
+    const [secondaryRect, secondaryRef] = useClientRect();
+    const checkActionsWrapped = actionsLayout.includes('row') &&
         primaryRect !== null &&
         secondaryRect !== null &&
         Math.round(primaryRect.top - secondaryRect.top) !== 0; // Check whether action buttons placed on different lines
-    var columnedButtons = checkActionsWrapped || actionsLayout.includes('column');
-    return hasSecondaryAction && hasPrimaryAction ? (react_1.default.createElement(Stack_1.Stack, { alignItems: columnedButtons ? 'stretch' : null, className: columnedButtons ? 'w-100' : null, direction: checkActionsWrapped ? 'column-reverse' : actionsLayout, spacing: columnedButtons ? 1 : 2, wrap: "wrap" },
-        react_1.default.createElement("span", { ref: secondaryRef },
-            react_1.default.createElement(Button_1.Button, { full: true, small: true, onClick: onSecondaryActionClick }, secondaryActionName)),
-        react_1.default.createElement("span", { ref: primaryRef },
-            react_1.default.createElement(Button_1.Button, { full: true, primary: true, small: true, negative: negative, onClick: onPrimaryActionClick }, primaryActionName)))) : (react_1.default.createElement(Button_1.Button, { primary: true, small: true, onClick: onPrimaryActionClick }, primaryActionName));
+    const columnedButtons = checkActionsWrapped || actionsLayout.includes('column');
+    return hasSecondaryAction && hasPrimaryAction ? (React.createElement(Stack, { alignItems: columnedButtons ? 'stretch' : null, className: columnedButtons ? 'w-100' : null, direction: checkActionsWrapped ? 'column-reverse' : actionsLayout, spacing: columnedButtons ? 1 : 2, wrap: "wrap" },
+        React.createElement("span", { ref: secondaryRef },
+            React.createElement(Button, { full: true, small: true, onClick: onSecondaryActionClick }, secondaryActionName)),
+        React.createElement("span", { ref: primaryRef },
+            React.createElement(Button, { full: true, primary: true, small: true, negative: negative, onClick: onPrimaryActionClick }, primaryActionName)))) : (React.createElement(Button, { primary: true, small: true, onClick: onPrimaryActionClick }, primaryActionName));
 };
-exports.Dialog.Window = components_1.ModalWindow;
-exports.Dialog.Header = components_1.ModalHeader;
-exports.Dialog.Content = components_1.ModalContent;
-exports.Dialog.Footer = components_1.ModalFooter;
+Dialog.Window = ModalWindow;
+Dialog.Header = ModalHeader;
+Dialog.Content = ModalContent;
+Dialog.Footer = ModalFooter;
 /** https://reactjs.org/docs/hooks-faq.html#how-can-i-measure-a-dom-node */
-var useClientRect = function () {
-    var _a = react_1.default.useState(null), rect = _a[0], setRect = _a[1];
-    var ref = react_1.default.useCallback(function (node) {
+const useClientRect = () => {
+    const [rect, setRect] = React.useState(null);
+    const ref = React.useCallback((node) => {
         if (node !== null) {
             setRect(node.getBoundingClientRect());
         }

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/Dialog/index.js

@@ -1,14 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Dialog"), exports);
+export * from './Dialog';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/Divider/Divider.js

@@ -1,15 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,33 +9,26 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Divider = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-exports.Divider = react_1.default.forwardRef(function (_a, ref) {
-    var _b;
-    var alignContent = _a.alignContent, children = _a.children, className = _a.className, el = _a.el, _c = _a.spacing, spacing = _c === void 0 ? 0 : _c, vertical = _a.vertical, props = __rest(_a, ["alignContent", "children", "className", "el", "spacing", "vertical"]);
-    var DividerElement = el
+import React from 'react';
+import classnames from 'classnames';
+export const Divider = React.forwardRef((_a, ref) => {
+    var { alignContent, children, className, el, spacing = 0, vertical } = _a, props = __rest(_a, ["alignContent", "children", "className", "el", "spacing", "vertical"]);
+    const DividerElement = el
         ? el
         : children
             ? 'div'
             : vertical
                 ? 'span'
                 : 'hr';
-    var DividerClasses = (0, classnames_1.default)('Divider', className, (_b = {
-            'Divider--has-children': children && el !== 'hr'
-        },
-        _b["Divider--spacing-" + spacing] = spacing,
-        _b['Divider--vertical'] = vertical,
-        _b));
-    var line = react_1.default.createElement("div", { className: "Divider__line" });
-    return (react_1.default.createElement(DividerElement, __assign({ ref: ref, className: DividerClasses }, props), children && el !== 'hr' ? (react_1.default.createElement(react_1.default.Fragment, null,
+    const DividerClasses = classnames('Divider', className, {
+        'Divider--has-children': children && el !== 'hr',
+        [`Divider--spacing-${spacing}`]: spacing,
+        'Divider--vertical': vertical,
+    });
+    const line = React.createElement("div", { className: "Divider__line" });
+    return (React.createElement(DividerElement, Object.assign({ ref: ref, className: DividerClasses }, props), children && el !== 'hr' ? (React.createElement(React.Fragment, null,
         alignContent === 'start' ? null : line,
-        react_1.default.createElement("div", { className: "Divider__content" }, children),
+        React.createElement("div", { className: "Divider__content" }, children),
         alignContent === 'end' ? null : line)) : null));
 });
 //# sourceMappingURL=Divider.js.map

package/dist/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAuCvB,QAAA,OAAO,GAAqB,eAAK,CAAC,UAAU,CACxD,UACC,EAQC,EACD,GAAG;;IARF,IAAA,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,EAAE,QAAA,EACF,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,QAAQ,cAAA,EACL,KAAK,cAPT,sEAQC,CADQ;IAIT,IAAM,cAAc,GAAG,EAAE;QACxB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,IAAI,CAAC;IAER,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS;YACrD,uBAAuB,EAAE,QAAQ,IAAI,EAAE,KAAK,IAAI;;QAChD,GAAC,sBAAoB,OAAS,IAAG,OAAO;QACxC,uBAAmB,GAAE,QAAQ;YAC5B,CAAC;IAEH,IAAM,IAAI,GAAG,uCAAK,SAAS,EAAC,eAAe,GAAG,CAAC;IAE/C,OAAO,CACN,8BAAC,cAAc,aAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,IAAM,KAAK,GAC5D,QAAQ,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAC1B,8BAAC,eAAK,CAAC,QAAQ;QACb,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;QACvC,uCAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;QACjD,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACrB,CACjB,CAAC,CAAC,CAAC,IAAI,CACQ,CACjB,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAuCpC,MAAM,CAAC,MAAM,OAAO,GAAqB,KAAK,CAAC,UAAU,CACxD,CACC,EAQC,EACD,GAAG,EACF,EAAE;QAVH,EACC,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,EAAE,EACF,OAAO,GAAG,CAAC,EACX,QAAQ,OAER,EADG,KAAK,cAPT,sEAQC,CADQ;IAIT,MAAM,cAAc,GAAG,EAAE;QACxB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,IAAI,CAAC;IAER,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QACvD,uBAAuB,EAAE,QAAQ,IAAI,EAAE,KAAK,IAAI;QAChD,CAAC,oBAAoB,OAAO,EAAE,CAAC,EAAE,OAAO;QACxC,mBAAmB,EAAE,QAAQ;KAC7B,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,6BAAK,SAAS,EAAC,eAAe,GAAG,CAAC;IAE/C,OAAO,CACN,oBAAC,cAAc,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,IAAM,KAAK,GAC5D,QAAQ,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAC1B,oBAAC,KAAK,CAAC,QAAQ;QACb,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;QACvC,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;QACjD,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACrB,CACjB,CAAC,CAAC,CAAC,IAAI,CACQ,CACjB,CAAC;AACH,CAAC,CACD,CAAC"}

package/dist/components/Divider/index.js

@@ -1,14 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Divider"), exports);
+export * from './Divider';
 //# sourceMappingURL=index.js.map

package/dist/components/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4CAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/Drawer/Drawer.css

@@ -14,7 +14,12 @@
   right: 0;
   top: 0;
   width: 90%;
-  z-index: 1100;
+}
+.Drawer:focus {
+  outline: none;
+}
+.Drawer:focus-visible {
+  outline: none;
 }
 .Drawer .Drawer__header {
   align-items: center;

package/dist/components/Drawer/Drawer.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Drawer/Drawer.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACSA;ACRC;EACA,OCiBa;ADfb;EACA;EDOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAlBc;EAmBd,SE0HiB;;AFxHjB;EACC;EACA;EACA,YEWiB;EFVjB;EACA;EACA;EACA;EACA;EACA;;AAGD;EAAc;;;AAGf;EAAkB;;;AAElB;EAAgB,WArCM;;;AAsCtB;EAAe,WArCM;;;AAsCrB;EAAe,WArCM;;;AAsCrB;EAAe,WArCM;;;AAuCrB;EACC;EACA;EACA;EACA,WEoFa;EFnFb;EACA;EACA,OEPmB;;;AFUpB;EACC,aEkEW;EFjEX;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC,SEiDW;EFhDX;EACA","file":"Drawer.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Drawer/Drawer.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACSA;ACRC;EACA,OCiBa;ADfb;EACA;EDOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAlBc;;AAqBd;EAAU;;AAGV;EAAkB;;AAElB;EACC;EACA;EACA,YEMiB;EFLjB;EACA;EACA;EACA;EACA;EACA;;AAGD;EAAc;;;AAGf;EAAkB;;;AAElB;EAAgB,WA1CM;;;AA2CtB;EAAe,WA1CM;;;AA2CrB;EAAe,WA1CM;;;AA2CrB;EAAe,WA1CM;;;AA4CrB;EACC;EACA;EACA;EACA,WE+Ea;EF9Eb;EACA;EACA,OEZmB;;;AFepB;EACC,aE6DW;EF5DX;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC,SE4CW;EF3CX;EACA","file":"Drawer.css"}

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

@@ -1,37 +1,28 @@
 import React, { FC } from 'react';
-import { DrawerHeader } from './DrawerHeader';
-import { DrawerFooter, DrawerFooterProps } from './DrawerFooter';
-import { DrawerWindow } from './DrawerWindow';
-import { FocusScopeOptions } from '../../hooks/useFocusScope';
-interface DrawerPropsStrict {
+import { OverlayProps } from '../../internal/Overlay';
+import { JustifyProps } from '../../utilities/justify-props';
+import { FocusTrapProps } from '../../utilities/FocusTrap';
+interface DrawerPropsStrict extends OverlayProps {
+    /** Use animation for visibility transitions */
+    animate?: boolean;
     /** Adds one or more classnames for an element */
     className?: string;
-    /** Footer for the drawer */
+    /** Footer Element */
     footer?: React.ReactElement;
-    /** Basic alignment for header */
-    footerAlign?: DrawerFooterProps['align'];
-    /** Header for the drawer */
+    /** Footer button alignment */
+    footerAlign?: JustifyProps;
+    /** Drawer Header */
     header?: React.ReactElement | string;
-    /** Give Drawer a backdrop effect */
-    backdrop?: boolean;
-    /** Opens the drawer */
+    /** Visibility of Drawer */
     open?: boolean;
-    /** Makes Drawer open through ReactDOM.createPortal */
-    portal?: boolean;
-    /** Define the width property of the drawer */
+    /** Width of the Drawer */
     width?: 'xs' | 's' | 'm' | 'l';
-    /** Options passed into useFocusScope hook */
-    focusScopeOptions?: FocusScopeOptions;
+    /** Options passed into FocusTrap */
+    focusTrapOptions?: FocusTrapProps;
 }
-interface DrawerProps extends DrawerPropsStrict {
+export interface DrawerProps extends DrawerPropsStrict {
     /** Unstrict Props */
     [propName: string]: any;
 }
-interface Drawer extends FC<DrawerProps> {
-    /** Subcomponents */
-    Header: typeof DrawerHeader;
-    Footer: typeof DrawerFooter;
-    Window: typeof DrawerWindow;
-}
-export declare const Drawer: Drawer;
+export declare const Drawer: FC<DrawerProps>;
 export {};