@servicetitan/design-system 10.7.0 → 11.0.0

package/dist/components/DateRangePicker/DateRangePicker.test.js

@@ -43,13 +43,13 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var DateRangePicker_1 = require("./DateRangePicker");
-var utils_1 = require("./utils");
+var dateFormat_1 = require("../../utilities/dateFormat");
 var components_1 = require("./components");
 describe('isValid fn', function () {
     beforeEach(function () { return jest.spyOn(console, 'error'); });
     var validString = 'Feb 2 2021';
     it('it should return true for valid Date object', function () {
-        expect((0, utils_1.isValid)(new Date(validString)) instanceof Date).toBe(true);
+        expect((0, dateFormat_1.isValid)(new Date(validString)) instanceof Date).toBe(true);
     });
 });
 describe('toDateFormat fn', function () {
@@ -57,16 +57,16 @@ describe('toDateFormat fn', function () {
     var validString = 'Feb 2 2021';
     var inValidString = 'some string';
     it('it should return Date object if the string is acceptable format', function () {
-        expect((0, utils_1.toDateFormat)(validString)).toStrictEqual(new Date('Feb 2 2021'));
+        expect((0, dateFormat_1.toDateFormat)(validString)).toStrictEqual(new Date('Feb 2 2021'));
     });
     it('it should return null for unacceptable string format', function () {
-        expect((0, utils_1.toDateFormat)(inValidString)).toBe(null);
+        expect((0, dateFormat_1.toDateFormat)(inValidString)).toBe(null);
     });
     it('it should return numeric formatted string of date object', function () {
-        expect(utils_1.toDateFormat.numeric(validString)).toBe('02/02/2021');
+        expect(dateFormat_1.toDateFormat.numeric(validString)).toBe('02/02/2021');
     });
     it('it should return shortMonth formatted string of date object', function () {
-        expect(utils_1.toDateFormat.shortMonth(validString)).toBe('Feb 2, 2021');
+        expect(dateFormat_1.toDateFormat.shortMonth(validString)).toBe('Feb 2, 2021');
     });
 });
 describe('DateRangeInput', function () {
@@ -78,7 +78,7 @@ describe('DateRangeInput', function () {
         var Input = getByPlaceholderText('Test Input');
         user_event_1.default.type(Input, validString);
         user_event_1.default.tab();
-        expect(Input).toHaveValue(utils_1.toDateFormat.numeric(validString));
+        expect(Input).toHaveValue(dateFormat_1.toDateFormat.numeric(validString));
     });
     it('it should return empty string if value was in incorrect format onBlur', function () {
         var getByPlaceholderText = (0, react_2.render)(react_1.default.createElement(components_1.DateRangeInput, { value: null, placeholder: "Test Input" })).getByPlaceholderText;
@@ -88,11 +88,11 @@ describe('DateRangeInput', function () {
         expect(Input).toHaveValue('');
     });
     it('it should return last valid value if value was incorrect format onBlur', function () {
-        var getByPlaceholderText = (0, react_2.render)(react_1.default.createElement(components_1.DateRangeInput, { value: (0, utils_1.toDateFormat)(validString), placeholder: "Test Input" })).getByPlaceholderText;
+        var getByPlaceholderText = (0, react_2.render)(react_1.default.createElement(components_1.DateRangeInput, { value: (0, dateFormat_1.toDateFormat)(validString), placeholder: "Test Input" })).getByPlaceholderText;
         var Input = getByPlaceholderText('Test Input');
         user_event_1.default.type(Input, inValidString);
         user_event_1.default.tab();
-        expect(Input).toHaveValue(utils_1.toDateFormat.numeric(validString));
+        expect(Input).toHaveValue(dateFormat_1.toDateFormat.numeric(validString));
     });
 });
 describe('DateRangePicker', function () {
@@ -138,8 +138,8 @@ describe('DateRangePicker', function () {
                     _a.sent();
                     startInput = getByPlaceholderText('start');
                     endInput = getByPlaceholderText('end');
-                    expect(startInput.parentNode).toHaveClass('Input--error');
-                    expect(endInput.parentNode).toHaveClass('Input--error');
+                    expect(startInput.parentNode.parentNode).toHaveClass('Input--error');
+                    expect(endInput.parentNode.parentNode).toHaveClass('Input--error');
                     return [2 /*return*/];
             }
         });

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

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

package/dist/components/DateRangePicker/components/DateRangeInput.d.ts

@@ -1,5 +1,6 @@
 import { FC, Ref } from 'react';
 import { InputProps } from '../../Input';
+import { dateFormatProps } from '../../../utilities/dateFormat';
 export interface DateRangeInputProps {
     /** Set value */
     value?: Date;
@@ -14,6 +15,11 @@ export interface DateRangeInputProps {
     autoFocus?: InputProps['autoFocus'];
     /** onKeyPress: returns event */
     onKeyPress?: InputProps['onKeyPress'];
+    /**
+     * Date formatting object
+     * Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
+     */
+    dateFormat?: dateFormatProps;
 }
 declare type DateRangeInputPropsRef = DateRangeInputProps & {
     ref?: Ref<HTMLInputElement>;

package/dist/components/DateRangePicker/components/DateRangeInput.js

@@ -7,23 +7,28 @@ exports.DateRangeInput = void 0;
 var react_1 = __importDefault(require("react"));
 var Tooltip_1 = require("../../Tooltip");
 var Input_1 = require("../../Input");
-var utils_1 = require("../utils");
+var dateFormat_1 = require("../../../utilities/dateFormat");
 exports.DateRangeInput = react_1.default.forwardRef(function (_a, ref) {
-    var value = _a.value, placeholder = _a.placeholder, onBlur = _a.onBlur, error = _a.error, autoFocus = _a.autoFocus, onFocus = _a.onFocus, onKeyPress = _a.onKeyPress;
-    var _b = react_1.default.useState(value === null ? '' : utils_1.toDateFormat.numeric(new Date(value))), IValue = _b[0], setIValue = _b[1];
+    var value = _a.value, placeholder = _a.placeholder, onBlur = _a.onBlur, error = _a.error, autoFocus = _a.autoFocus, onFocus = _a.onFocus, onKeyPress = _a.onKeyPress, dateFormat = _a.dateFormat;
+    var _b = react_1.default.useState(value === null ? '' : dateFormat_1.toDateFormat.numeric(new Date(value))), IValue = _b[0], setIValue = _b[1];
     var _c = react_1.default.useState(''), dateValue = _c[0], setDateValue = _c[1];
     react_1.default.useEffect(function () {
         var _a;
-        setDateValue((_a = (value && utils_1.toDateFormat.numeric(new Date(value)))) !== null && _a !== void 0 ? _a : '');
-    }, [value]);
+        setDateValue((_a = (value &&
+            dateFormat_1.toDateFormat.numeric(new Date(value), {
+                locales: dateFormat === null || dateFormat === void 0 ? void 0 : dateFormat.locales,
+            }))) !== null && _a !== void 0 ? _a : '');
+    }, [dateFormat, value]);
     var handleOnChange = function (data) {
         setDateValue(data);
     };
     var handleOnBlur = function () {
         var currentAsDate = new Date(dateValue);
-        if ((0, utils_1.isValid)(currentAsDate)) {
-            setDateValue(utils_1.toDateFormat.numeric(currentAsDate));
-            setIValue(utils_1.toDateFormat.numeric(currentAsDate));
+        if ((0, dateFormat_1.isValid)(currentAsDate)) {
+            setDateValue(dateFormat_1.toDateFormat.numeric(currentAsDate, {
+                locales: dateFormat === null || dateFormat === void 0 ? void 0 : dateFormat.locales,
+            }));
+            setIValue(dateFormat_1.toDateFormat.numeric(currentAsDate));
             onBlur === null || onBlur === void 0 ? void 0 : onBlur(currentAsDate);
         }
         else {

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeInput.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAuC;AACvC,yCAAwC;AACxC,qCAAgD;AAChD,kCAAiD;AA2BpC,QAAA,cAAc,GAA+B,eAAK,CAAC,UAAU,CACzE,UACC,EAAqE,EACrE,GAAsC;QADpC,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA;IAG7D,IAAA,KAAsB,eAAK,CAAC,QAAQ,CACzC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAY,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAC3D,EAFM,MAAM,QAAA,EAAE,SAAS,QAEvB,CAAC;IACI,IAAA,KAA4B,eAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAArD,SAAS,QAAA,EAAE,YAAY,QAA8B,CAAC;IAE7D,eAAK,CAAC,SAAS,CAAC;;QACf,YAAY,CACX,MAAA,CAAC,KAAK,IAAI,oBAAY,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,mCAAI,EAAE,CACtD,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,cAAc,GAAG,UAAC,IAAY;QACnC,YAAY,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACpB,IAAM,aAAa,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;QAC1C,IAAI,IAAA,eAAO,EAAC,aAAa,CAAC,EAAE;YAC3B,YAAY,CAAC,oBAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;YAClD,SAAS,CAAC,oBAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;YAC/C,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,aAAa,CAAC,CAAC;SACxB;aAAM;YACN,YAAY,CAAC,MAAM,CAAC,CAAC;SACrB;IACF,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,CAAsC;QAC5D,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;QACZ,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACN,8BAAC,iBAAO,IACP,IAAI,EAAE,KAAgB,EACtB,IAAI,EAAE,KAAe,EACrB,SAAS,EAAC,GAAG;QAEb,8BAAC,aAAK,IACL,MAAM,EAAE,YAAY,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,EAA3B,CAA2B,EACnD,KAAK,EAAE,KAAgB,EACvB,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,MAAM,EACnB,KAAK,QACL,SAAS,EAAC,KAAK,EACf,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,GAAG,GACZ,CACO,CACV,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeInput.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAuC;AACvC,yCAAwC;AACxC,qCAAgD;AAChD,4DAIuC;AAiC1B,QAAA,cAAc,GAA+B,eAAK,CAAC,UAAU,CACzE,UACC,EASC,EACD,GAAsC;QATrC,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,KAAK,WAAA,EACL,SAAS,eAAA,EACT,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,UAAU,gBAAA;IAIL,IAAA,KAAsB,eAAK,CAAC,QAAQ,CACzC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAY,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAC3D,EAFM,MAAM,QAAA,EAAE,SAAS,QAEvB,CAAC;IACI,IAAA,KAA4B,eAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAArD,SAAS,QAAA,EAAE,YAAY,QAA8B,CAAC;IAE7D,eAAK,CAAC,SAAS,CAAC;;QACf,YAAY,CACX,MAAA,CAAC,KAAK;YACL,yBAAY,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE;gBACrC,OAAO,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO;aAC5B,CAAC,CAAC,mCACH,EAAE,CACH,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,IAAM,cAAc,GAAG,UAAC,IAAY;QACnC,YAAY,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACpB,IAAM,aAAa,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;QAC1C,IAAI,IAAA,oBAAO,EAAC,aAAa,CAAC,EAAE;YAC3B,YAAY,CACX,yBAAY,CAAC,OAAO,CAAC,aAAa,EAAE;gBACnC,OAAO,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO;aAC5B,CAAC,CACF,CAAC;YACF,SAAS,CAAC,yBAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;YAC/C,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,aAAa,CAAC,CAAC;SACxB;aAAM;YACN,YAAY,CAAC,MAAM,CAAC,CAAC;SACrB;IACF,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,CAAsC;QAC5D,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;QACZ,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACN,8BAAC,iBAAO,IACP,IAAI,EAAE,KAAgB,EACtB,IAAI,EAAE,KAAe,EACrB,SAAS,EAAC,GAAG;QAEb,8BAAC,aAAK,IACL,MAAM,EAAE,YAAY,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,EAA3B,CAA2B,EACnD,KAAK,EAAE,KAAgB,EACvB,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,MAAM,EACnB,KAAK,QACL,SAAS,EAAC,KAAK,EACf,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,GAAG,GACZ,CACO,CACV,CAAC;AACH,CAAC,CACD,CAAC"}

package/dist/components/DateRangePicker/components/DateRangeOptionList.js

@@ -18,12 +18,13 @@ exports.DateRangeOptionList = void 0;
 var react_1 = __importDefault(require("react"));
 var OptionList_1 = require("../../OptionList");
 var utils_1 = require("../utils");
+var dateFormat_1 = require("../../../utilities/dateFormat");
 var DateRangeOptionList = function (_a) {
     var options = _a.options, min = _a.min, max = _a.max, onChange = _a.onChange;
     var normalizeValueInOptions = options.map(function (option) {
         return __assign(__assign({}, option), { value: {
-                start: utils_1.toDateFormat.startOfDay(option.value.start),
-                end: utils_1.toDateFormat.endOfDay(option.value.end),
+                start: dateFormat_1.toDateFormat.startOfDay(option.value.start),
+                end: dateFormat_1.toDateFormat.endOfDay(option.value.end),
             } });
     });
     var checkOptions = normalizeValueInOptions.filter(function (option) {

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeOptionList.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeOptionList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,+CAA+D;AAE/D,kCAAoD;AAmB7C,IAAM,mBAAmB,GAAiC,UAAC,EAKjE;QAJA,OAAO,aAAA,EACP,GAAG,SAAA,EACH,GAAG,SAAA,EACH,QAAQ,cAAA;IAER,IAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;QAClD,6BACI,MAAM,KACT,KAAK,EAAE;gBACN,KAAK,EAAE,oBAAY,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;gBAClD,GAAG,EAAE,oBAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;aAC5C,IACA;IACH,CAAC,CAAC,CAAC;IAEH,IAAM,YAAY,GAAG,uBAAuB,CAAC,MAAM,CAClD,UAAC,MAA4B;QAC5B,IAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACxD,IAAI,YAAY,CAAC,eAAe,IAAI,YAAY,CAAC,aAAa;YAC7D,OAAO,KAAK,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC,CACD,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,IAAmC;QAC1D,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACN,8BAAC,eAAK,CAAC,QAAQ,QACb,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,uCAAK,SAAS,EAAC,0BAA0B;QACxC,8BAAC,uBAAU,IACV,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,UAAC,IAAI,IAAK,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,GACvC,CACG,CACN,CACe,CACjB,CAAC;AACH,CAAC,CAAC;AAzCW,QAAA,mBAAmB,uBAyC9B"}
+{"version":3,"file":"DateRangeOptionList.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeOptionList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,+CAA+D;AAE/D,kCAAsC;AACtC,4DAA6D;AAmBtD,IAAM,mBAAmB,GAAiC,UAAC,EAKjE;QAJA,OAAO,aAAA,EACP,GAAG,SAAA,EACH,GAAG,SAAA,EACH,QAAQ,cAAA;IAER,IAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;QAClD,6BACI,MAAM,KACT,KAAK,EAAE;gBACN,KAAK,EAAE,yBAAY,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;gBAClD,GAAG,EAAE,yBAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;aAC5C,IACA;IACH,CAAC,CAAC,CAAC;IAEH,IAAM,YAAY,GAAG,uBAAuB,CAAC,MAAM,CAClD,UAAC,MAA4B;QAC5B,IAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACxD,IAAI,YAAY,CAAC,eAAe,IAAI,YAAY,CAAC,aAAa;YAC7D,OAAO,KAAK,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC,CACD,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,IAAmC;QAC1D,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACN,8BAAC,eAAK,CAAC,QAAQ,QACb,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,uCAAK,SAAS,EAAC,0BAA0B;QACxC,8BAAC,uBAAU,IACV,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,UAAC,IAAI,IAAK,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,GACvC,CACG,CACN,CACe,CACjB,CAAC;AACH,CAAC,CAAC;AAzCW,QAAA,mBAAmB,uBAyC9B"}

package/dist/components/DateRangePicker/components/DateRangeTrigger.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, Ref } from 'react';
+import { dateFormatProps } from '../../../utilities/dateFormat';
 import { SelectionRange } from '@progress/kendo-react-dateinputs';
 export interface DateRangeTriggerProps {
     /** onKeyDown: returns event */
@@ -25,6 +26,11 @@ export interface DateRangeTriggerProps {
     size?: 'small' | 'medium' | 'large';
     ref?: Ref<HTMLDivElement>;
     required?: boolean;
+    /**
+     * Date formatting object
+     * Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
+     */
+    dateFormat?: dateFormatProps;
 }
 declare type DateRangeTriggerPropsRef = DateRangeTriggerProps & {
     ref?: Ref<HTMLDivElement>;

package/dist/components/DateRangePicker/components/DateRangeTrigger.js

@@ -12,10 +12,10 @@ var Button_1 = require("../../Button");
 var Stack_1 = require("../../Stack");
 var Icon_1 = require("../../Icon");
 var classnames_1 = __importDefault(require("classnames"));
-var utils_1 = require("../utils");
+var dateFormat_1 = require("../../../utilities/dateFormat");
 exports.DateRangeTrigger = react_1.default.forwardRef(function (_a, ref) {
     var _b;
-    var onKeyDown = _a.onKeyDown, className = _a.className, disabled = _a.disabled, error = _a.error, onClick = _a.onClick, open = _a.open, placeholder = _a.placeholder, value = _a.value, displayValue = _a.displayValue, size = _a.size, required = _a.required, onChange = _a.onChange;
+    var onKeyDown = _a.onKeyDown, className = _a.className, disabled = _a.disabled, error = _a.error, onClick = _a.onClick, open = _a.open, placeholder = _a.placeholder, value = _a.value, displayValue = _a.displayValue, size = _a.size, required = _a.required, onChange = _a.onChange, dateFormat = _a.dateFormat;
     var _c = react_1.default.useState(value), valueRange = _c[0], setValueRange = _c[1];
     var TriggerClasses = (0, classnames_1.default)('Trigger', className, (_b = {
             'Trigger--open': open,
@@ -34,10 +34,9 @@ exports.DateRangeTrigger = react_1.default.forwardRef(function (_a, ref) {
     var getArrow = function () {
         return open ? 'keyboard_arrow_up' : 'keyboard_arrow_down';
     };
-    var valueString = displayValue ||
-        (valueRange.start &&
-            valueRange.end &&
-            utils_1.toDateFormat.shortMonth(valueRange.start) + " - " + utils_1.toDateFormat.shortMonth(valueRange.end));
+    var valueString = displayValue !== null && displayValue !== void 0 ? displayValue : (valueRange.start &&
+        valueRange.end &&
+        dateFormat_1.toDateFormat.shortMonth(valueRange.start, dateFormat) + " - " + dateFormat_1.toDateFormat.shortMonth(valueRange.end, dateFormat));
     var getValues = function () {
         if (valueString)
             return (react_1.default.createElement(BodyText_1.BodyText, { className: "Trigger__value" }, valueString));

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

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

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

@@ -32,18 +32,13 @@ 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 _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, _c = _a.portal, portal = _c === void 0 ? true : _c, primaryActionName = _a.primaryActionName, secondaryActionName = _a.secondaryActionName, focusTrapOptions = _a.focusTrapOptions, rest = __rest(_a, ["open", "children", "className", "onClose", "title", "actionsLayout", "negative", "onPrimaryActionClick", "onSecondaryActionClick", "portal", "primaryActionName", "secondaryActionName", "focusTrapOptions"]);
     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" }),
+    return (react_1.default.createElement(components_1.ModalWindow, __assign({ className: DialogClasses, onClose: onClose, size: components_1.ModalSizes.XS, focusTrapOptions: focusTrapOptions, open: open, portal: portal }, rest),
+        react_1.default.createElement(components_1.ModalHeader, { 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 })))));
+            react_1.default.createElement(DialogActions, { actionsLayout: actionsLayout, negative: negative, onPrimaryActionClick: onPrimaryActionClick, onSecondaryActionClick: onSecondaryActionClick, primaryActionName: primaryActionName, secondaryActionName: secondaryActionName }))));
 };
 exports.Dialog = Dialog;
 var DialogActions = function (props) {

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.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 {};

package/dist/components/Drawer/Drawer.js

@@ -46,24 +46,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drawer = void 0;
 var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
 var framer_motion_1 = require("framer-motion");
+var classnames_1 = __importDefault(require("classnames"));
 var tokens_1 = __importDefault(require("@servicetitan/tokens"));
-var DrawerHeader_1 = require("./DrawerHeader");
-var DrawerFooter_1 = require("./DrawerFooter");
-var DrawerWindow_1 = require("./DrawerWindow");
-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 __1 = require("../");
+var Overlay_1 = require("../../internal/Overlay");
+var FocusTrap_1 = require("../../utilities/FocusTrap");
 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, 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 _c = _a.animate, animate = _c === void 0 ? true : _c, children = _a.children, className = _a.className, footer = _a.footer, _d = _a.footerAlign, footerAlign = _d === void 0 ? 'right' : _d, header = _a.header, onClose = _a.onClose, open = _a.open, _e = _a.portal, portal = _e === void 0 ? true : _e, backdrop = _a.backdrop, _f = _a.width, width = _f === void 0 ? 's' : _f, focusTrapOptions = _a.focusTrapOptions, rest = __rest(_a, ["animate", "children", "className", "footer", "footerAlign", "header", "onClose", "open", "portal", "backdrop", "width", "focusTrapOptions"]);
     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 _g = react_1.default.useState(1), focusWrapper = _g[0], setFocusWrapper = _g[1];
     var DrawerClasses = (0, classnames_1.default)('Drawer', className, (_b = {
             'Drawer--open': open,
             'Drawer--portal': portal || backdrop,
@@ -71,23 +64,40 @@ var Drawer = function (_a) {
         },
         _b["Drawer--w-" + width] = width,
         _b));
+    var DrawerFooterClassNames = (0, classnames_1.default)('Drawer__footer', className, {
+        'justify-content-start': footerAlign === 'left',
+        'justify-content-center': footerAlign === 'center',
+        'justify-content-end': footerAlign === 'right',
+        'justify-content-between': footerAlign === 'space-between',
+    });
     var durationSlow = parseInt(tokens_1.default.durationSlow, 10) / 1000; // '300ms' -> 0.3
-    var drawerAnimation = {
+    var framerAnimation = {
         initial: { opacity: 0, x: '100%' },
         animate: { opacity: 1, x: 0 },
         exit: { opacity: 0, x: '100%' },
         transition: { type: 'easeInOut', duration: durationSlow },
     };
-    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 }, drawerContent)) : (react_1.default.createElement(framer_motion_1.AnimatePresence, null, drawerContent));
-    return open && react_1.default.createElement(Portal_1.Portal, { conditional: portal && !backdrop }, drawer);
+    var DrawerEl = animate ? framer_motion_1.motion.div : 'div';
+    var DrawerProps = __assign(__assign({ className: DrawerClasses, ref: drawerRef, tabIndex: focusWrapper }, (animate && framerAnimation)), rest);
+    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);
+    }, []);
+    react_1.default.useEffect(function () {
+        setFocusWrapper(1);
+    }, [open]);
+    return (react_1.default.createElement(Overlay_1.Overlay, { animate: animate, portal: portal, backdrop: backdrop, onClose: onClose, open: open },
+        react_1.default.createElement(framer_motion_1.AnimatePresence, null, open && (react_1.default.createElement(FocusTrap_1.FocusTrap, __assign({}, focusTrapOptions),
+            react_1.default.createElement(DrawerEl, __assign({}, DrawerProps),
+                header && (react_1.default.createElement("div", { className: "Drawer__header" },
+                    react_1.default.createElement(__1.Headline, { className: "Drawer__header-title" }, header),
+                    onClose && (react_1.default.createElement(__1.Button, { fill: "subtle", className: "Drawer__header-close", iconName: "clear", size: "xsmall", onClick: onClose })))),
+                react_1.default.createElement("div", { className: "Drawer__content" }, children),
+                footer && (react_1.default.createElement("div", { className: DrawerFooterClassNames }, footer))))))));
 };
 exports.Drawer = Drawer;
-exports.Drawer.Header = DrawerHeader_1.DrawerHeader;
-exports.Drawer.Footer = DrawerFooter_1.DrawerFooter;
-exports.Drawer.Window = DrawerWindow_1.DrawerWindow;
 //# sourceMappingURL=Drawer.js.map

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

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

package/dist/components/Drawer/index.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/index.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":"index.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":"index.css"}