@servicetitan/design-system 11.0.0 → 11.1.0

package/dist/components/index.js

@@ -1,90 +1,79 @@
-"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 });
 // Components
-__exportStar(require("./ActionMenu"), exports);
-__exportStar(require("./Announcement"), exports);
-__exportStar(require("./AnvilSelect"), exports);
-__exportStar(require("./Avatar"), exports);
-__exportStar(require("./Backdrop"), exports);
-__exportStar(require("./BackLink"), exports);
-__exportStar(require("./Banner"), exports);
-__exportStar(require("./BodyText"), exports);
-__exportStar(require("./Breadcrumb"), exports);
-__exportStar(require("./BreakPoint"), exports);
-__exportStar(require("./Button"), exports);
-__exportStar(require("./ButtonGroup"), exports);
-__exportStar(require("./ButtonToggle"), exports);
-__exportStar(require("./Card"), exports);
-__exportStar(require("./Checkbox"), exports);
-__exportStar(require("./Collapsible"), exports);
-__exportStar(require("./ColorPicker"), exports);
-__exportStar(require("./Container"), exports);
-__exportStar(require("./DataList"), exports);
-__exportStar(require("./DatePicker"), exports);
-__exportStar(require("./DateRangePicker"), exports);
-__exportStar(require("./Dialog"), exports);
-__exportStar(require("./Divider"), exports);
-__exportStar(require("./Drawer"), exports);
-__exportStar(require("./Dropdown"), exports);
-__exportStar(require("./Eyebrow"), exports);
-__exportStar(require("./FilePicker"), exports);
-__exportStar(require("./FilterButton"), exports);
-__exportStar(require("./Frame"), exports);
-__exportStar(require("./Form"), exports);
-__exportStar(require("./FormControls"), exports);
-__exportStar(require("./FormField"), exports);
-__exportStar(require("./FormGroup"), exports);
-__exportStar(require("./FlowCard"), exports);
-__exportStar(require("./Grid"), exports);
-__exportStar(require("./Headline"), exports);
-__exportStar(require("./Icon"), exports);
-__exportStar(require("./InlineEdit"), exports);
-__exportStar(require("./Input"), exports);
-__exportStar(require("./KeyPressListener"), exports);
-__exportStar(require("./Label"), exports);
-__exportStar(require("./Layout"), exports);
-__exportStar(require("./Link"), exports);
-__exportStar(require("./Mask"), exports);
-__exportStar(require("./Modal"), exports);
-__exportStar(require("./MoreDetails"), exports);
-__exportStar(require("./OptionList"), exports);
-__exportStar(require("./Page"), exports);
-__exportStar(require("./Popover"), exports);
-__exportStar(require("./ProgressCircle"), exports);
-__exportStar(require("./ProgressBar"), exports);
-__exportStar(require("./ProgressTracker"), exports);
-__exportStar(require("./Radio"), exports);
-__exportStar(require("./Select"), exports);
-__exportStar(require("./Scroll"), exports);
-__exportStar(require("./Sidebar"), exports);
-__exportStar(require("./SideNav"), exports);
-__exportStar(require("./Snackbar"), exports);
-__exportStar(require("./Spinner"), exports);
-__exportStar(require("./Stack"), exports);
-__exportStar(require("./StackItem"), exports);
-__exportStar(require("./StatusLight"), exports);
-__exportStar(require("./Tab"), exports);
-__exportStar(require("./TabGroup"), exports);
-__exportStar(require("./Table"), exports);
-__exportStar(require("./Tag"), exports);
-__exportStar(require("./TagGroup"), exports);
-__exportStar(require("./Takeover"), exports);
-__exportStar(require("./Text"), exports);
-__exportStar(require("./TextArea"), exports);
-__exportStar(require("./Thumbnail"), exports);
-__exportStar(require("./Toast"), exports);
-__exportStar(require("./Togglebox"), exports);
-__exportStar(require("./ToggleSwitch"), exports);
-__exportStar(require("./Tooltip"), exports);
-__exportStar(require("./VisuallyHidden"), exports);
+export * from './ActionMenu';
+export * from './Announcement';
+export * from './AnvilSelect';
+export * from './Avatar';
+export * from './Backdrop';
+export * from './BackLink';
+export * from './Banner';
+export * from './BodyText';
+export * from './Breadcrumb';
+export * from './BreakPoint';
+export * from './Button';
+export * from './ButtonGroup';
+export * from './ButtonToggle';
+export * from './Card';
+export * from './Checkbox';
+export * from './Collapsible';
+export * from './ColorPicker';
+export * from './Container';
+export * from './DataList';
+export * from './DatePicker';
+export * from './DateRangePicker';
+export * from './Dialog';
+export * from './Divider';
+export * from './Drawer';
+export * from './Dropdown';
+export * from './Eyebrow';
+export * from './FilePicker';
+export * from './FilterButton';
+export * from './Frame';
+export * from './Form';
+export * from './FormControls';
+export * from './FormField';
+export * from './FormGroup';
+export * from './FlowCard';
+export * from './Grid';
+export * from './Headline';
+export * from './Icon';
+export * from './InlineEdit';
+export * from './Input';
+export * from './KeyPressListener';
+export * from './Label';
+export * from './Layout';
+export * from './Link';
+export * from './Mask';
+export * from './Modal';
+export * from './MoreDetails';
+export * from './OptionList';
+export * from './Page';
+export * from './Popover';
+export * from './ProgressCircle';
+export * from './ProgressBar';
+export * from './ProgressTracker';
+export * from './Radio';
+export * from './Select';
+export * from './Scroll';
+export * from './Sidebar';
+export * from './SideNav';
+export * from './Snackbar';
+export * from './Spinner';
+export * from './Stack';
+export * from './StackItem';
+export * from './StatusLight';
+export * from './Tab';
+export * from './TabGroup';
+export * from './Table';
+export * from './Tag';
+export * from './TagGroup';
+export * from './Takeover';
+export * from './Text';
+export * from './TextArea';
+export * from './Thumbnail';
+export * from './TimePicker';
+export * from './Toast';
+export * from './Togglebox';
+export * from './ToggleSwitch';
+export * from './Tooltip';
+export * from './VisuallyHidden';
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,aAAa;AACb,+CAA6B;AAC7B,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,6CAA2B;AAC3B,6CAA2B;AAC3B,2CAAyB;AACzB,6CAA2B;AAC3B,+CAA6B;AAC7B,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,iDAA+B;AAC/B,yCAAuB;AACvB,6CAA2B;AAC3B,gDAA8B;AAC9B,gDAA8B;AAC9B,8CAA4B;AAC5B,6CAA2B;AAC3B,+CAA6B;AAC7B,oDAAkC;AAClC,2CAAyB;AACzB,4CAA0B;AAC1B,2CAAyB;AACzB,6CAA2B;AAC3B,4CAA0B;AAC1B,+CAA6B;AAC7B,iDAA+B;AAC/B,0CAAwB;AACxB,yCAAuB;AACvB,iDAA+B;AAC/B,8CAA4B;AAC5B,8CAA4B;AAC5B,6CAA2B;AAC3B,yCAAuB;AACvB,6CAA2B;AAC3B,yCAAuB;AACvB,+CAA6B;AAC7B,0CAAwB;AACxB,qDAAmC;AACnC,0CAAwB;AACxB,2CAAyB;AACzB,yCAAuB;AACvB,yCAAuB;AACvB,0CAAwB;AACxB,gDAA8B;AAC9B,+CAA6B;AAC7B,yCAAuB;AACvB,4CAA0B;AAC1B,mDAAiC;AACjC,gDAA8B;AAC9B,oDAAkC;AAClC,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,4CAA0B;AAC1B,4CAA0B;AAC1B,6CAA2B;AAC3B,4CAA0B;AAC1B,0CAAwB;AACxB,8CAA4B;AAC5B,gDAA8B;AAC9B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,wCAAsB;AACtB,6CAA2B;AAC3B,6CAA2B;AAC3B,yCAAuB;AACvB,6CAA2B;AAC3B,8CAA4B;AAC5B,0CAAwB;AACxB,8CAA4B;AAC5B,iDAA+B;AAC/B,4CAA0B;AAC1B,mDAAiC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/global/index.css

@@ -1,6 +1,6 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 html {
-  --anvil-version: "11.0.0";
+  --anvil-version: "11.1.0";
 }
 
 /*

package/dist/global/version.css

@@ -1,5 +1,5 @@
 html {
-  --anvil-version: "11.0.0";
+  --anvil-version: "11.1.0";
 }
 
 /*# sourceMappingURL=version.css.map */

package/dist/hooks/index.js

@@ -1,18 +1,6 @@
-"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("./useFocusVisible"), exports);
-__exportStar(require("./useScreenSize"), exports);
-__exportStar(require("./useMergedRef"), exports);
-__exportStar(require("./useVisuallyHidden"), exports);
-__exportStar(require("./useScrollPosition"), exports);
+export * from './useFocusVisible';
+export * from './useScreenSize';
+export * from './useMergedRef';
+export * from './useVisuallyHidden';
+export * from './useScrollPosition';
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,oDAAkC;AAClC,kDAAgC;AAChC,iDAA+B;AAC/B,sDAAoC;AACpC,sDAAoC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/dist/hooks/useFocusVisible.js

@@ -1,46 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusVisible = void 0;
-var react_1 = require("react");
-var useFocusVisible = function (target, onBlur, onFocus) {
-    var _a = (0, react_1.useState)(true), isFocusVisible = _a[0], setIsFocusVisible = _a[1];
-    var _b = (0, react_1.useState)(true), focusVisible = _b[0], setFocusVisible = _b[1];
-    var _c = (0, react_1.useState)(false), focused = _c[0], setFocused = _c[1];
-    var focusFunction = function (event) {
+import { useEffect, useState, useCallback } from 'react';
+export const useFocusVisible = (target, onBlur, onFocus) => {
+    const [isFocusVisible, setIsFocusVisible] = useState(true);
+    const [focusVisible, setFocusVisible] = useState(true);
+    const [focused, setFocused] = useState(false);
+    const focusFunction = (event) => {
         if (onFocus)
             onFocus(event);
         setIsFocusVisible(true);
         setFocused(true);
     };
-    var blurFunction = function (event) {
+    const blurFunction = (event) => {
         if (onBlur)
             onBlur(event);
         setIsFocusVisible(false);
         setFocused(false);
     };
-    (0, react_1.useEffect)(function () {
+    useEffect(() => {
         setIsFocusVisible(focusVisible);
     }, [focused, focusVisible]);
     // KeyboardEvent
-    var keyboardEventHandler = (0, react_1.useCallback)(function () {
+    const keyboardEventHandler = useCallback(() => {
         setFocusVisible(true);
     }, []);
     // MouseEvent
-    var mouseEventHandler = (0, react_1.useCallback)(function () {
+    const mouseEventHandler = useCallback(() => {
         setFocusVisible(false);
     }, []);
-    var useEvent = function (event, callback) {
-        (0, react_1.useEffect)(function () {
-            var current = target.current;
+    const useEvent = (event, callback) => {
+        useEffect(() => {
+            const { current } = target;
             current.addEventListener(event, callback);
-            return function () { return current.removeEventListener(event, callback); };
+            return () => current.removeEventListener(event, callback);
         }, [event, callback]);
     };
     useEvent('mousedown', mouseEventHandler);
     useEvent('mouseup', mouseEventHandler);
     useEvent('keydown', keyboardEventHandler);
     useEvent('keyup', keyboardEventHandler);
-    return { isFocusVisible: isFocusVisible, focusFunction: focusFunction, blurFunction: blurFunction };
+    return { isFocusVisible, focusFunction, blurFunction };
 };
-exports.useFocusVisible = useFocusVisible;
 //# sourceMappingURL=useFocusVisible.js.map

package/dist/hooks/useFocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.js","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":";;;AAAA,+BAAgE;AAEzD,IAAM,eAAe,GAAG,UAC9B,MAA4B,EAC5B,MAAuD,EACvD,OAAwD;IAElD,IAAA,KAAsC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAnD,cAAc,QAAA,EAAE,iBAAiB,QAAkB,CAAC;IACrD,IAAA,KAAkC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA/C,YAAY,QAAA,EAAE,eAAe,QAAkB,CAAC;IACjD,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,IAAM,aAAa,GAAG,UAAC,KAAoC;QAC1D,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,UAAU,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAoC;QACzD,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,UAAU,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACT,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5B,gBAAgB;IAChB,IAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC;QACxC,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa;IACb,IAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC;QACrC,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,QAAQ,GAAG,UAAC,KAAa,EAAE,QAAoB;QACpD,IAAA,iBAAS,EAAC;YACD,IAAA,OAAO,GAAK,MAAM,QAAX,CAAY;YAC3B,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC1C,OAAO,cAAM,OAAA,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,EAA5C,CAA4C,CAAC;QAC3D,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IACzC,QAAQ,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;IACvC,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;IAExC,OAAO,EAAE,cAAc,gBAAA,EAAE,aAAa,eAAA,EAAE,YAAY,cAAA,EAAE,CAAC;AACxD,CAAC,CAAC;AAjDW,QAAA,eAAe,mBAiD1B"}
+{"version":3,"file":"useFocusVisible.js","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,CAAC,MAAM,eAAe,GAAG,CAC9B,MAA4B,EAC5B,MAAuD,EACvD,OAAwD,EACvD,EAAE;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC9D,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,UAAU,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC7D,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,UAAU,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5B,gBAAgB;IAChB,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa;IACb,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,QAAoB,EAAE,EAAE;QACxD,SAAS,CAAC,GAAG,EAAE;YACd,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;YAC3B,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC1C,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC3D,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IACzC,QAAQ,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;IACvC,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;IAExC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AACxD,CAAC,CAAC"}

package/dist/hooks/useFocusVisible.test.js

@@ -1,64 +1,58 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import userEvent from '@testing-library/user-event';
+import { useFocusVisible } from './useFocusVisible';
+const TestButton = ({ children, onFocus, onBlur }) => {
+    const btnRef = React.useRef(null);
+    const { isFocusVisible, focusFunction, blurFunction } = useFocusVisible(btnRef, onFocus, onBlur);
+    return (React.createElement("button", { className: isFocusVisible ? 'focus-visible' : '', ref: btnRef, onBlur: blurFunction, onFocus: focusFunction }, children));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var useFocusVisible_1 = require("./useFocusVisible");
-var TestButton = function (_a) {
-    var children = _a.children, onFocus = _a.onFocus, onBlur = _a.onBlur;
-    var btnRef = react_1.default.useRef(null);
-    var _b = (0, useFocusVisible_1.useFocusVisible)(btnRef, onFocus, onBlur), isFocusVisible = _b.isFocusVisible, focusFunction = _b.focusFunction, blurFunction = _b.blurFunction;
-    return (react_1.default.createElement("button", { className: isFocusVisible ? 'focus-visible' : '', ref: btnRef, onBlur: blurFunction, onFocus: focusFunction }, children));
-};
-describe('useFocusVisible', function () {
-    it('should have class focus-visible on Button on load', function () {
-        var container = (0, react_2.render)(react_1.default.createElement(TestButton, null)).container;
-        var element = container.firstChild;
+describe('useFocusVisible', () => {
+    it('should have class focus-visible on Button on load', () => {
+        const { container } = render(React.createElement(TestButton, null));
+        const element = container.firstChild;
         // expect that focus-visible class is added on initial load
         expect(element.classList.contains('focus-visible')).toBe(true);
     });
-    it('should remove class focus-visible on mouse interaction', function () {
-        var getByText = (0, react_2.render)(react_1.default.createElement(TestButton, null, "Test Button")).getByText;
-        var element = getByText('Test Button');
+    it('should remove class focus-visible on mouse interaction', () => {
+        const { getByText } = render(React.createElement(TestButton, null, "Test Button"));
+        const element = getByText('Test Button');
         expect(element.classList.contains('focus-visible')).toBe(true);
         // click on the button and expect the class to be removed
-        user_event_1.default.click(getByText('Test Button'));
+        userEvent.click(getByText('Test Button'));
         expect(element.classList.contains('focus-visible')).toBe(false);
     });
-    it('should reintroduce focus-visible class after first time', function () {
-        var getByText = (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(TestButton, null, "Test Button 0"),
-            react_1.default.createElement(TestButton, null, "Test Button 1"))).getByText;
-        var firstBtn = getByText('Test Button 0');
-        var secondBtn = getByText('Test Button 1');
+    it('should reintroduce focus-visible class after first time', () => {
+        const { getByText } = render(React.createElement(React.Fragment, null,
+            React.createElement(TestButton, null, "Test Button 0"),
+            React.createElement(TestButton, null, "Test Button 1")));
+        const firstBtn = getByText('Test Button 0');
+        const secondBtn = getByText('Test Button 1');
         expect(firstBtn.classList.contains('focus-visible')).toBe(true);
         expect(secondBtn.classList.contains('focus-visible')).toBe(true);
         // click first button and expect the class to be removed
-        user_event_1.default.click(getByText('Test Button 0'));
+        userEvent.click(getByText('Test Button 0'));
         expect(firstBtn.classList.contains('focus-visible')).toBe(false);
         // tab and shift tab to refocus first button
-        user_event_1.default.tab();
-        user_event_1.default.tab({ shift: true });
+        userEvent.tab();
+        userEvent.tab({ shift: true });
         // expect that first button will get the class back
         expect(firstBtn.classList.contains('focus-visible')).toBe(true);
     });
-    it('should call onFocus when focused', function () {
+    it('should call onFocus when focused', () => {
         // const onFocus = console.log('working');
-        var onFocus = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(TestButton, { onFocus: onFocus }, "Hello"));
-        user_event_1.default.tab();
-        user_event_1.default.tab({ shift: true });
+        const onFocus = jest.fn();
+        render(React.createElement(TestButton, { onFocus: onFocus }, "Hello"));
+        userEvent.tab();
+        userEvent.tab({ shift: true });
         expect(onFocus).toHaveBeenCalledTimes(1);
     });
-    it('should call onFocus when focused', function () {
+    it('should call onFocus when focused', () => {
         // const onFocus = console.log('working');
-        var onBlur = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(TestButton, { onBlur: onBlur }, "Hello"));
-        user_event_1.default.tab();
+        const onBlur = jest.fn();
+        render(React.createElement(TestButton, { onBlur: onBlur }, "Hello"));
+        userEvent.tab();
         expect(onBlur).toHaveBeenCalledTimes(1);
     });
 });

package/dist/hooks/useFocusVisible.test.js.map

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

package/dist/hooks/useMergedRef.js

@@ -1,18 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMergedRef = void 0;
-var react_1 = __importDefault(require("react"));
-function useMergedRef() {
-    var refs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        refs[_i] = arguments[_i];
-    }
-    var targetRef = react_1.default.useRef();
-    react_1.default.useEffect(function () {
-        refs.forEach(function (ref) {
+import React from 'react';
+export function useMergedRef(...refs) {
+    const targetRef = React.useRef();
+    React.useEffect(() => {
+        refs.forEach((ref) => {
             if (!ref)
                 return;
             if (typeof ref === 'function') {
@@ -25,5 +15,4 @@ function useMergedRef() {
     }, [refs]);
     return targetRef;
 }
-exports.useMergedRef = useMergedRef;
 //# sourceMappingURL=useMergedRef.js.map

package/dist/hooks/useMergedRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedRef.js","sourceRoot":"","sources":["../../src/hooks/useMergedRef.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,SAAgB,YAAY;IAAC,cAAc;SAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;QAAd,yBAAc;;IAC1C,IAAM,SAAS,GAAG,eAAK,CAAC,MAAM,EAAE,CAAC;IAEjC,eAAK,CAAC,SAAS,CAAC;QACf,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG;YAChB,IAAI,CAAC,GAAG;gBAAE,OAAO;YAEjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC9B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACvB;iBAAM;gBACN,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;aAChC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,SAAS,CAAC;AAClB,CAAC;AAhBD,oCAgBC"}
+{"version":3,"file":"useMergedRef.js","sourceRoot":"","sources":["../../src/hooks/useMergedRef.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,YAAY,CAAC,GAAG,IAAW;IAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAEjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACpB,IAAI,CAAC,GAAG;gBAAE,OAAO;YAEjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC9B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACvB;iBAAM;gBACN,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;aAChC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,SAAS,CAAC;AAClB,CAAC"}

package/dist/hooks/useScreenSize.js

@@ -1,35 +1,28 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScreenSize = void 0;
-var tokens_1 = __importDefault(require("@servicetitan/tokens"));
-var window_size_1 = require("@react-hook/window-size");
-function useScreenSize() {
-    var _a = (0, window_size_1.useWindowSize)(), innerWidth = _a[0], innerHeight = _a[1];
-    var orientation = innerWidth > innerHeight ? 'landscape' : 'portrait';
-    var smallerThan = {
-        mobile: innerWidth <= parseFloat(tokens_1.default.breakpointMobileLarge),
-        tablet: innerWidth <= parseFloat(tokens_1.default.breakpointTablet),
-        desktop: innerWidth <= parseFloat(tokens_1.default.breakpointDesktop),
-        large: innerWidth <= parseFloat(tokens_1.default.breakpointLarge),
-        widescreen: innerWidth <= parseFloat(tokens_1.default.breakpointWidescreen),
+import tokens from '@servicetitan/tokens';
+import { useWindowSize } from '@react-hook/window-size';
+export function useScreenSize() {
+    const [innerWidth, innerHeight] = useWindowSize();
+    const orientation = innerWidth > innerHeight ? 'landscape' : 'portrait';
+    const smallerThan = {
+        mobile: innerWidth <= parseFloat(tokens.breakpointMobileLarge),
+        tablet: innerWidth <= parseFloat(tokens.breakpointTablet),
+        desktop: innerWidth <= parseFloat(tokens.breakpointDesktop),
+        large: innerWidth <= parseFloat(tokens.breakpointLarge),
+        widescreen: innerWidth <= parseFloat(tokens.breakpointWidescreen),
     };
-    var largerThan = {
-        mobile: innerWidth > parseFloat(tokens_1.default.breakpointMobileLarge),
-        tablet: innerWidth > parseFloat(tokens_1.default.breakpointTablet),
-        desktop: innerWidth > parseFloat(tokens_1.default.breakpointDesktop),
-        large: innerWidth > parseFloat(tokens_1.default.breakpointLarge),
-        widescreen: innerWidth > parseFloat(tokens_1.default.breakpointWidescreen),
+    const largerThan = {
+        mobile: innerWidth > parseFloat(tokens.breakpointMobileLarge),
+        tablet: innerWidth > parseFloat(tokens.breakpointTablet),
+        desktop: innerWidth > parseFloat(tokens.breakpointDesktop),
+        large: innerWidth > parseFloat(tokens.breakpointLarge),
+        widescreen: innerWidth > parseFloat(tokens.breakpointWidescreen),
     };
     return {
-        smallerThan: smallerThan,
-        largerThan: largerThan,
-        innerWidth: innerWidth,
-        innerHeight: innerHeight,
-        orientation: orientation,
+        smallerThan,
+        largerThan,
+        innerWidth,
+        innerHeight,
+        orientation,
     };
 }
-exports.useScreenSize = useScreenSize;
 //# sourceMappingURL=useScreenSize.js.map

package/dist/hooks/useScreenSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScreenSize.js","sourceRoot":"","sources":["../../src/hooks/useScreenSize.ts"],"names":[],"mappings":";;;;;;AAAA,gEAA0C;AAC1C,uDAAwD;AAExD,SAAgB,aAAa;IACtB,IAAA,KAA4B,IAAA,2BAAa,GAAE,EAA1C,UAAU,QAAA,EAAE,WAAW,QAAmB,CAAC;IAElD,IAAM,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAExE,IAAM,WAAW,GAAG;QACnB,MAAM,EAAE,UAAU,IAAI,UAAU,CAAC,gBAAM,CAAC,qBAAqB,CAAC;QAC9D,MAAM,EAAE,UAAU,IAAI,UAAU,CAAC,gBAAM,CAAC,gBAAgB,CAAC;QACzD,OAAO,EAAE,UAAU,IAAI,UAAU,CAAC,gBAAM,CAAC,iBAAiB,CAAC;QAC3D,KAAK,EAAE,UAAU,IAAI,UAAU,CAAC,gBAAM,CAAC,eAAe,CAAC;QACvD,UAAU,EAAE,UAAU,IAAI,UAAU,CAAC,gBAAM,CAAC,oBAAoB,CAAC;KACjE,CAAC;IAEF,IAAM,UAAU,GAAG;QAClB,MAAM,EAAE,UAAU,GAAG,UAAU,CAAC,gBAAM,CAAC,qBAAqB,CAAC;QAC7D,MAAM,EAAE,UAAU,GAAG,UAAU,CAAC,gBAAM,CAAC,gBAAgB,CAAC;QACxD,OAAO,EAAE,UAAU,GAAG,UAAU,CAAC,gBAAM,CAAC,iBAAiB,CAAC;QAC1D,KAAK,EAAE,UAAU,GAAG,UAAU,CAAC,gBAAM,CAAC,eAAe,CAAC;QACtD,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC,gBAAM,CAAC,oBAAoB,CAAC;KAChE,CAAC;IAEF,OAAO;QACN,WAAW,aAAA;QACX,UAAU,YAAA;QACV,UAAU,YAAA;QACV,WAAW,aAAA;QACX,WAAW,aAAA;KACX,CAAC;AACH,CAAC;AA5BD,sCA4BC"}
+{"version":3,"file":"useScreenSize.js","sourceRoot":"","sources":["../../src/hooks/useScreenSize.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,UAAU,aAAa;IAC5B,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,aAAa,EAAE,CAAC;IAElD,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAExE,MAAM,WAAW,GAAG;QACnB,MAAM,EAAE,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC;QAC9D,MAAM,EAAE,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC;QACzD,OAAO,EAAE,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC;QAC3D,KAAK,EAAE,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,eAAe,CAAC;QACvD,UAAU,EAAE,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,oBAAoB,CAAC;KACjE,CAAC;IAEF,MAAM,UAAU,GAAG;QAClB,MAAM,EAAE,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC;QAC7D,MAAM,EAAE,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC;QACxD,OAAO,EAAE,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC;QAC1D,KAAK,EAAE,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,eAAe,CAAC;QACtD,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,oBAAoB,CAAC;KAChE,CAAC;IAEF,OAAO;QACN,WAAW;QACX,UAAU;QACV,UAAU;QACV,WAAW;QACX,WAAW;KACX,CAAC;AACH,CAAC"}

package/dist/hooks/useScrollPosition.js

@@ -1,36 +1,24 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollPosition = void 0;
-var react_1 = require("react");
-var useScrollPosition = function (ref) {
+import { useEffect, useState } from 'react';
+export const useScrollPosition = (ref) => {
     if (process.env.NODE_ENV === 'development') {
         if (typeof ref !== 'object' || typeof ref.current === 'undefined') {
             console.error('useScrollPosition expects a single ref argument');
         }
     }
-    var _a = (0, react_1.useState)({
+    const [state, setState] = useState({
         top: 0,
         right: 0,
         bottom: 0,
         left: 0,
-    }), state = _a[0], setState = _a[1];
-    (0, react_1.useEffect)(function () {
-        var el = ref.current;
-        var handleScroll = function () {
+    });
+    useEffect(() => {
+        const el = ref.current;
+        const handleScroll = () => {
             if (el) {
-                var horizontalScrollbar = el.scrollWidth > el.clientWidth;
-                var verticalScrollbar = el.scrollHeight > el.clientHeight;
-                var bottom = el.scrollHeight - el.scrollTop - el.clientHeight;
-                var right = el.scrollWidth - el.scrollLeft - el.clientWidth;
+                const horizontalScrollbar = el.scrollWidth > el.clientWidth;
+                const verticalScrollbar = el.scrollHeight > el.clientHeight;
+                const bottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+                const right = el.scrollWidth - el.scrollLeft - el.clientWidth;
                 setState({
                     top: verticalScrollbar ? el.scrollTop : false,
                     left: horizontalScrollbar ? el.scrollLeft : false,
@@ -42,26 +30,17 @@ var useScrollPosition = function (ref) {
         /** Handle scroll once rendered */
         requestAnimationFrame(handleScroll);
         el && on(el, 'scroll', handleScroll, { capture: false, passive: true });
-        return function () { return el && off(el, 'scroll', handleScroll); };
+        return () => el && off(el, 'scroll', handleScroll);
     }, [ref]);
     return state;
 };
-exports.useScrollPosition = useScrollPosition;
 /* https://github.com/streamich/react-use/blob/master/src/misc/util.ts */
-function on(obj) {
+function on(obj, ...args) {
     var _a;
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    (_a = obj === null || obj === void 0 ? void 0 : obj.addEventListener) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([obj], args, false));
+    (_a = obj === null || obj === void 0 ? void 0 : obj.addEventListener) === null || _a === void 0 ? void 0 : _a.call(obj, ...args);
 }
-function off(obj) {
+function off(obj, ...args) {
     var _a;
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    (_a = obj === null || obj === void 0 ? void 0 : obj.removeEventListener) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([obj], args, false));
+    (_a = obj === null || obj === void 0 ? void 0 : obj.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(obj, ...args);
 }
 //# sourceMappingURL=useScrollPosition.js.map