@servicetitan/design-system 13.0.0 → 13.2.0

package/dist/components/Headline/Headline.css

@@ -8,6 +8,7 @@
   font-size: 20px;
   font-weight: 700;
   line-height: 1.25;
+  font-style: normal;
   margin: 0 0 8px 0;
 }
 .Headline.Headline--xlarge {
@@ -26,4 +27,16 @@
   font-size: 16px;
 }
 
+.Headline--subdued {
+  color: var(--colorsTextSubdued, #606162);
+}
+
+.Headline--italic {
+  font-style: italic;
+}
+
+.Headline--inline {
+  display: inline-block;
+}
+
 /*# sourceMappingURL=Headline.css.map */

package/dist/components/Headline/Headline.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,aE4IqB;EF3IrB,WEoIa;EFnIb,aEsGkB;EFrGlB,aE0IqB;EFzIrB;;AAEA;EACC,WEgIY;EF/HZ;;AAGD;EACC,WE0HY;EFzHZ;;AAGD;EACC,WEoHY;EFnHZ;;AAGD;EACC,WE8GY","file":"Headline.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA;AAEA;EACA;EDGA,aE0IqB;EFzIrB,WEkIa;EFjIb,aEoGkB;EFnGlB,aEwIqB;EFvIrB;EACA;;AAEA;EACC,WE6HY;EF5HZ;;AAGD;EACC,WEuHY;EFtHZ;;AAGD;EACC,WEiHY;EFhHZ;;AAGD;EACC,WE2GY;;;AFvGd;EAAqB,OAhCN;;;AAiCf;EAAoB;;;AACpB;EAAoB","file":"Headline.css"}

package/dist/components/Headline/Headline.js

@@ -15,10 +15,9 @@ export const Headline = React.forwardRef((_a, ref) => {
     var { children, className, el, inline, italic, subdued, size = 'medium' } = _a, props = __rest(_a, ["children", "className", "el", "inline", "italic", "subdued", "size"]);
     const TextClasses = classnames('Headline', className, {
         [`Headline--${size}`]: size,
-        'd-i': inline,
-        'fs-italic': italic,
-        'fs-normal': !italic && italic != null,
-        'c-neutral-90': subdued,
+        'Headline--inline': inline,
+        'Headline--italic': italic,
+        'Headline--subdued': subdued,
     });
     const newEl = () => {
         if (!el) {

package/dist/components/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,QAAQ,GAAsB,KAAK,CAAC,UAAU,CAC1D,CACC,EASC,EACD,GAAG,EACF,EAAE;QAXH,EACC,QAAQ,EACR,SAAS,EACT,EAAE,EACF,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,GAAG,QAAQ,OAEf,EADG,KAAK,cART,sEASC,CADQ;IAIT,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACrD,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI;QAC3B,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,CAAC,MAAM,IAAI,MAAM,IAAI,IAAI;QACtC,cAAc,EAAE,OAAO;KACvB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,GAAG,EAAE;QAClB,IAAI,CAAC,EAAE,EAAE;YACR,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,GAAG,CAAC;YAClC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;YAClC,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,IAAI,CAAC;YACnC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;SAClC;QACD,OAAO,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,EAAE,CAAC;IAEhC,OAAO,CACN,oBAAC,eAAe,kBACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW,0BACD,UAAU,IAC3B,KAAK,GAER,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,QAAQ,GAAsB,KAAK,CAAC,UAAU,CAC1D,CACC,EASC,EACD,GAAG,EACF,EAAE;QAXH,EACC,QAAQ,EACR,SAAS,EACT,EAAE,EACF,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,GAAG,QAAQ,OAEf,EADG,KAAK,cART,sEASC,CADQ;IAIT,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACrD,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI;QAC3B,kBAAkB,EAAE,MAAM;QAC1B,kBAAkB,EAAE,MAAM;QAC1B,mBAAmB,EAAE,OAAO;KAC5B,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,GAAG,EAAE;QAClB,IAAI,CAAC,EAAE,EAAE;YACR,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,GAAG,CAAC;YAClC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;YAClC,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,IAAI,CAAC;YACnC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;SAClC;QACD,OAAO,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,EAAE,CAAC;IAEhC,OAAO,CACN,oBAAC,eAAe,kBACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW,0BACD,UAAU,IAC3B,KAAK,GAER,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CACD,CAAC"}

package/dist/components/Headline/index.css

@@ -8,6 +8,7 @@
   font-size: 20px;
   font-weight: 700;
   line-height: 1.25;
+  font-style: normal;
   margin: 0 0 8px 0;
 }
 .Headline.Headline--xlarge {
@@ -26,4 +27,16 @@
   font-size: 16px;
 }
 
+.Headline--subdued {
+  color: var(--colorsTextSubdued, #606162);
+}
+
+.Headline--italic {
+  font-style: italic;
+}
+
+.Headline--inline {
+  display: inline-block;
+}
+
 /*# sourceMappingURL=index.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,aE4IqB;EF3IrB,WEoIa;EFnIb,aEsGkB;EFrGlB,aE0IqB;EFzIrB;;AAEA;EACC,WEgIY;EF/HZ;;AAGD;EACC,WE0HY;EFzHZ;;AAGD;EACC,WEoHY;EFnHZ;;AAGD;EACC,WE8GY","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA;AAEA;EACA;EDGA,aE0IqB;EFzIrB,WEkIa;EFjIb,aEoGkB;EFnGlB,aEwIqB;EFvIrB;EACA;;AAEA;EACC,WE6HY;EF5HZ;;AAGD;EACC,WEuHY;EFtHZ;;AAGD;EACC,WEiHY;EFhHZ;;AAGD;EACC,WE2GY;;;AFvGd;EAAqB,OAhCN;;;AAiCf;EAAoB;;;AACpB;EAAoB","file":"index.css"}

package/dist/components/OptionList/OptionList.css

@@ -35,6 +35,11 @@
   font-weight: 400;
   width: 100%;
 }
+.OptionList__option .Checkbox__label::after {
+  content: "";
+  position: absolute;
+  inset: -8px -16px;
+}
 .OptionList__option .a-Checkbox {
   width: 100%;
 }

package/dist/components/OptionList/OptionList.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBAXwB;;;AAe1B;AClBC;EACA;AAEA;EACA;;;ADkBD;AAEC;EACC;;;AAIF;AACA;EACC,eE+FW;EF9FX,eEZiB;EFajB;EACA;EACA;AAeA;;AARA;EACC,WE6FY;EF5FZ,aE+DoB;EF9DpB;;AAGD;EAAc;;AAGd;EACC;EACA;;AAED;EAAiB;;;AAGlB;EACC;EACA,gBEiEW;EFhEX,cEiEW;;;AF7DX;EAKC,kBApEyB;;AAgEzB;EACC,OA/DkB;;AAsElB;EAAY,kBAxEY;;;AA6E3B;AACA;EAAsC,cE8C1B;;;AF1CV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cEsCc;;;AFnCf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA;EACA;EACA,cEQW;;;AFLZ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB","file":"OptionList.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBAXwB;;;AAe1B;AClBC;EACA;AAEA;EACA;;;ADkBD;AAEC;EACC;;;AAIF;AACA;EACC,eE+FW;EF9FX,eEZiB;EFajB;EACA;EACA;AAsBA;;AAfA;EACC,WE6FY;EF5FZ,aE+DoB;EF9DpB;;AAGA;EACC;EACA;EACA;;AAIF;EAAc;;AAGd;EACC;EACA;;AAED;EAAiB;;;AAGlB;EACC;EACA,gBE0DW;EFzDX,cE0DW;;;AFtDX;EAKC,kBA3EyB;;AAuEzB;EACC,OAtEkB;;AA6ElB;EAAY,kBA/EY;;;AAoF3B;AACA;EAAsC,cEuC1B;;;AFnCV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cE+Bc;;;AF5Bf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA;EACA;EACA,cECW;;;AFEZ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB","file":"OptionList.css"}

package/dist/components/OptionList/index.css

@@ -35,6 +35,11 @@
   font-weight: 400;
   width: 100%;
 }
+.OptionList__option .Checkbox__label::after {
+  content: "";
+  position: absolute;
+  inset: -8px -16px;
+}
 .OptionList__option .a-Checkbox {
   width: 100%;
 }

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBAXwB;;;AAe1B;AClBC;EACA;AAEA;EACA;;;ADkBD;AAEC;EACC;;;AAIF;AACA;EACC,eE+FW;EF9FX,eEZiB;EFajB;EACA;EACA;AAeA;;AARA;EACC,WE6FY;EF5FZ,aE+DoB;EF9DpB;;AAGD;EAAc;;AAGd;EACC;EACA;;AAED;EAAiB;;;AAGlB;EACC;EACA,gBEiEW;EFhEX,cEiEW;;;AF7DX;EAKC,kBApEyB;;AAgEzB;EACC,OA/DkB;;AAsElB;EAAY,kBAxEY;;;AA6E3B;AACA;EAAsC,cE8C1B;;;AF1CV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cEsCc;;;AFnCf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA;EACA;EACA,cEQW;;;AFLZ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBAXwB;;;AAe1B;AClBC;EACA;AAEA;EACA;;;ADkBD;AAEC;EACC;;;AAIF;AACA;EACC,eE+FW;EF9FX,eEZiB;EFajB;EACA;EACA;AAsBA;;AAfA;EACC,WE6FY;EF5FZ,aE+DoB;EF9DpB;;AAGA;EACC;EACA;EACA;;AAIF;EAAc;;AAGd;EACC;EACA;;AAED;EAAiB;;;AAGlB;EACC;EACA,gBE0DW;EFzDX,cE0DW;;;AFtDX;EAKC,kBA3EyB;;AAuEzB;EACC,OAtEkB;;AA6ElB;EAAY,kBA/EY;;;AAoF3B;AACA;EAAsC,cEuC1B;;;AFnCV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cE+Bc;;;AF5Bf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA;EACA;EACA,cECW;;;AFEZ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB","file":"index.css"}

package/dist/components/Sidebar/Sidebar.js

@@ -24,7 +24,7 @@ export const Sidebar = (_a) => {
         return wasPreviouslyOpen ? JSON.parse(wasPreviouslyOpen) : true;
     };
     const screensize = useScreenSize();
-    const isDisplayLarge = screensize.largerThan.mobile;
+    const isDisplaySmall = screensize.smallerThan.desktop;
     const [isHover, setIsHover] = useState(false);
     const [isTempOpen, setIsTempOpen] = useState(false);
     const [isOpen, setIsOpen] = useState(getInitialOpen());
@@ -32,16 +32,16 @@ export const Sidebar = (_a) => {
     const isTouchScreen = typeof window !== 'undefined' &&
         window.matchMedia('(pointer:coarse)').matches;
     const SidebarClasses = classnames('Sidebar', className, {
-        'Sidebar--collapsed': !isOpen || !isDisplayLarge,
+        'Sidebar--collapsed': !isOpen || isDisplaySmall,
         'Sidebar--temporary': isTempOpen,
         'Sidebar--touch': isTouchScreen,
     });
     const toggleButtonClasses = classnames('Sidebar__toggle-button', {
-        'Sidebar__toggle-button-visible': isTouchScreen || !isOpen || !isDisplayLarge,
+        'Sidebar__toggle-button-visible': isTouchScreen || !isOpen || isDisplaySmall,
     });
-    const iconName = !isDisplayLarge && isTempOpen
+    const iconName = isDisplaySmall && isTempOpen
         ? 'keyboard_arrow_left'
-        : !isDisplayLarge && !isTempOpen
+        : isDisplaySmall && !isTempOpen
             ? 'keyboard_arrow_right'
             : isOpen
                 ? 'keyboard_arrow_left'
@@ -50,19 +50,21 @@ export const Sidebar = (_a) => {
     const [tooltipText, setTooltipText] = useState();
     useEffect(() => {
         const getTooltipText = () => {
-            if (isTempOpen && isDisplayLarge)
-                return 'Keep sidebar open';
-            if (isTempOpen && !isDisplayLarge)
-                return 'Close sidebar';
-            if (!isOpen)
+            if (isTempOpen) {
+                if (!isDisplaySmall)
+                    return 'Keep sidebar open';
+                if (isDisplaySmall)
+                    return 'Close sidebar';
+            }
+            if (!isOpen || isDisplaySmall)
                 return 'Open sidebar';
             return 'Close sidebar';
         };
         setTooltipText(getTooltipText());
-    }, [isDisplayLarge, isHover, isOpen, isTempOpen]);
+    }, [isDisplaySmall, isHover, isOpen, isTempOpen]);
     const handleHover = (state, delay = 300) => {
         clearTimeout(hoverTimeout.current);
-        if (!isOpen || !isDisplayLarge) {
+        if (!isOpen || isDisplaySmall) {
             setIsHover(state);
             hoverTimeout.current = setTimeout(() => {
                 setIsTempOpen(state);
@@ -70,7 +72,7 @@ export const Sidebar = (_a) => {
         }
     };
     const open = () => {
-        if (isDisplayLarge) {
+        if (!isDisplaySmall) {
             handleHover(false, 0);
             setIsOpen(!isOpen);
             return;

package/dist/components/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAsBlD,MAAM,CAAC,MAAM,OAAO,GAAY,CAAC,EAMhC,EAAE,EAAE;QAN4B,EAChC,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,SAAS,EACT,eAAe,EACf,QAAQ,OAER,EADG,IAAI,cALyB,kDAMhC,CADO;IAEP,MAAM,UAAU,GAAG,MAAM,EAAkB,CAAC;IAE5C,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,MAAM,iBAAiB,GACtB,OAAO,MAAM,KAAK,WAAW;YAC7B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QAC9C,OAAO,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjE,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,cAAc,EAAE,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,MAAM,EAAiC,CAAC;IAE7D,MAAM,aAAa,GAClB,OAAO,MAAM,KAAK,WAAW;QAC7B,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC;IAE/C,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QACvD,oBAAoB,EAAE,CAAC,MAAM,IAAI,CAAC,cAAc;QAChD,oBAAoB,EAAE,UAAU;QAChC,gBAAgB,EAAE,aAAa;KAC/B,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAG,UAAU,CAAC,wBAAwB,EAAE;QAChE,gCAAgC,EAC/B,aAAa,IAAI,CAAC,MAAM,IAAI,CAAC,cAAc;KAC5C,CAAC,CAAC;IAEH,MAAM,QAAQ,GACb,CAAC,cAAc,IAAI,UAAU;QAC5B,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,UAAU;YAChC,CAAC,CAAC,sBAAsB;YACxB,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,qBAAqB;gBACvB,CAAC,CAAC,sBAAsB,CAAC;IAC3B,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAU,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,cAAc,GAAG,GAAG,EAAE;YAC3B,IAAI,UAAU,IAAI,cAAc;gBAAE,OAAO,mBAAmB,CAAC;YAC7D,IAAI,UAAU,IAAI,CAAC,cAAc;gBAAE,OAAO,eAAe,CAAC;YAC1D,IAAI,CAAC,MAAM;gBAAE,OAAO,cAAc,CAAC;YACnC,OAAO,eAAe,CAAC;QACxB,CAAC,CAAC;QAEF,cAAc,CAAC,cAAc,EAAE,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,CAAC,KAAc,EAAE,KAAK,GAAG,GAAG,EAAE,EAAE;QACnD,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACnC,IAAI,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE;YAC/B,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtC,aAAa,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,EAAE,KAAK,CAAC,CAAC;SACV;IACF,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QACjB,IAAI,cAAc,EAAE;YACnB,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACtB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;YACnB,OAAO;SACP;QACD,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,OAAO,CACN,oBAAC,OAAO,kBACP,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,UAAU,0BACM,SAAS,IAC1B,IAAI;QAER,6BAAK,SAAS,EAAC,kBAAkB;YAChC,oBAAC,OAAO,IACP,SAAS,QACT,SAAS,EAAC,gCAAgC,EAC1C,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,WAAW;gBAEjB,oBAAC,MAAM,IACN,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,EACrD,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,IAAI,WAAW,CAAC,KAAK,CAAC,gBACxC,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,UAAU,GACtD,CACO;YACV,6BACC,SAAS,EAAC,0BAA0B,EACpC,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;gBAEtC,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO,CAC7C,CACD,CACG,CACV,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC"}
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/components/Snackbar/Snackbar.d.ts

@@ -3,23 +3,25 @@ import React, { FC } from 'react';
  * Link properties
  */
 export interface SnackbarPropsStrict {
-    /**
-     * @deprecated - use input.size
-     */
+    /** Name of the action shown to users */
     actionName?: string;
     /** Adds one or more classnames for an element */
     className?: string;
-    /** How long the Snackbar stays on screen */
+    /**
+     * How long the Snackbar stays on screen.
+     * Default is 5000.
+     */
     duration?: number;
-    /** What happens when the user clicks on the action */
+    /** Fired when the user clicks on the action */
     onActionClick?: (e: React.SyntheticEvent<HTMLElement>) => void;
-    /** What happens when the user clicks the close icon */
+    /** Fired when the user clicks the close icon */
     onClose?: (e?: React.SyntheticEvent<HTMLElement>) => void;
-    /** Makes Snackbar open through ReactDOM.createPortal */
-    portal?: boolean;
     /**
-     * @deprecated - use input.size
+     * Makes Snackbar open through ReactDOM.createPortal
+     * Default is true.
      */
+    portal?: boolean;
+    /** The message displayed to the user */
     title: string;
 }
 export interface SnackbarProps extends SnackbarPropsStrict {

package/dist/components/Snackbar/Snackbar.js

@@ -14,15 +14,13 @@ import classnames from 'classnames';
 import { Button } from '../Button';
 import { Portal } from '../../internal/Portal';
 export const Snackbar = (_a) => {
-    var { actionName, className, duration = 5000, onActionClick, onClose, portal = true, title } = _a, props = __rest(_a, ["actionName", "className", "duration", "onActionClick", "onClose", "portal", "title"]);
+    var { actionName, className, duration = 5000, onActionClick, onClose, portal = true, title } = _a, rest = __rest(_a, ["actionName", "className", "duration", "onActionClick", "onClose", "portal", "title"]);
     const [visible, setVisible] = useState(true);
     const snackbarRef = useRef(null);
     const handleClose = React.useCallback((e) => {
         setVisible(false);
-        if (onClose)
-            onClose(e);
-        if (snackbarRef.current != null)
-            clearTimeout(snackbarRef.current);
+        onClose === null || onClose === void 0 ? void 0 : onClose(e);
+        clearTimeout(snackbarRef === null || snackbarRef === void 0 ? void 0 : snackbarRef.current);
     }, [onClose]);
     useEffect(() => {
         if (duration === null || duration === 0)
@@ -35,7 +33,7 @@ export const Snackbar = (_a) => {
     const SnackbarClasses = classnames('Snackbar', className, {
         'Snackbar--floating': portal,
     });
-    const snackbar = (React.createElement("div", Object.assign({ className: SnackbarClasses, "data-anvil-component": "Snackbar" }, props),
+    const snackbar = (React.createElement("div", Object.assign({ className: SnackbarClasses, "data-anvil-component": "Snackbar" }, rest),
         title && React.createElement("div", { className: "Snackbar__title" }, title),
         actionName && onActionClick && (React.createElement("div", { onClick: onActionClick, className: "Snackbar__action" }, actionName)),
         onClose && (React.createElement(Button, { fill: "subtle", className: "Snackbar__close", iconName: "clear", size: "xsmall", onClick: handleClose }))));

package/dist/components/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAoC/C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAS3C,EAAE,EAAE;QATuC,EAC3C,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,OAAO,EACP,MAAM,GAAG,IAAI,EACb,KAAK,OAEL,EADG,KAAK,cARmC,sFAS3C,CADQ;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,CAAqC,EAAE,EAAE;QACzC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,WAAW,CAAC,OAAO,IAAI,IAAI;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC;YAAE,OAAO;QAChD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,oBAAoB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAChB,2CACC,SAAS,EAAE,eAAe,0BACL,UAAU,IAC3B,KAAK;QAER,KAAK,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO;QACvD,UAAU,IAAI,aAAa,IAAI,CAC/B,6BAAK,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,kBAAkB,IACvD,UAAU,CACN,CACN;QACA,OAAO,IAAI,CACX,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,GACnB,CACF,CACI,CACN,CAAC;IAEF,OAAO,oBAAC,MAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC"}
+{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAsC/C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAS3C,EAAE,EAAE;QATuC,EAC3C,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,OAAO,EACP,MAAM,GAAG,IAAI,EACb,KAAK,OAEL,EADG,IAAI,cARoC,sFAS3C,CADO;IAEP,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,CAAqC,EAAE,EAAE;QACzC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;QACb,YAAY,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC;YAAE,OAAO;QAChD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,oBAAoB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAChB,2CACC,SAAS,EAAE,eAAe,0BACL,UAAU,IAC3B,IAAI;QAEP,KAAK,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO;QACvD,UAAU,IAAI,aAAa,IAAI,CAC/B,6BAAK,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,kBAAkB,IACvD,UAAU,CACN,CACN;QACA,OAAO,IAAI,CACX,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,GACnB,CACF,CACI,CACN,CAAC;IAEF,OAAO,oBAAC,MAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC"}

package/dist/components/Stack/Stack.js

@@ -27,7 +27,7 @@ export const Stack = React.forwardRef((_a, ref) => {
         if (vertical) {
             console.warn('@servicetitan/design-system: The `vertical` prop of the Stack component has been deprecated. Please use `direction` instead.');
         }
-    });
+    }, [nowrap, alignment, distribution, vertical]);
     const getFlexWrap = () => {
         if (nowrap)
             return 'wrap';

package/dist/components/Stack/Stack.js.map

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

package/dist/components/TimePicker/TimePicker.css

@@ -35,6 +35,11 @@
   font-weight: 400;
   width: 100%;
 }
+.OptionList__option .Checkbox__label::after {
+  content: "";
+  position: absolute;
+  inset: -8px -16px;
+}
 .OptionList__option .a-Checkbox {
   width: 100%;
 }
@@ -183,4 +188,13 @@
   scroll-margin: 8px;
 }
 
+.TimePicker--open .Input:not(:focus) > .Input__InnerWrapper {
+  background-color: var(--colorsSurfaceDefault, #ffffff);
+  border-color: var(--colorsBorderPrimary, #2270ee);
+}
+.TimePicker--open .Input.Input--error:not(:focus) > .Input__InnerWrapper {
+  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
+  border-color: var(--colorsBorderCritical, #e13212);
+}
+
 /*# sourceMappingURL=TimePicker.css.map */

package/dist/components/TimePicker/TimePicker.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/TimePicker/TimePicker.scss"],"names":[],"mappings":"AAAA;ACQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBAXwB;;;AAe1B;AClBC;EACA;AAEA;EACA;;;ADkBD;AAEC;EACC;;;AAIF;AACA;EACC,eE+FW;EF9FX,eEZiB;EFajB;EACA;EACA;AAeA;;AARA;EACC,WE6FY;EF5FZ,aE+DoB;EF9DpB;;AAGD;EAAc;;AAGd;EACC;EACA;;AAED;EAAiB;;;AAGlB;EACC;EACA,gBEiEW;EFhEX,cEiEW;;;AF7DX;EAKC,kBApEyB;;AAgEzB;EACC,OA/DkB;;AAsElB;EAAY,kBAxEY;;;AA6E3B;AACA;EAAsC,cE8C1B;;;AF1CV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cEsCc;;;AFnCf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA;EACA;EACA,cEQW;;;AFLZ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB;;;AG5IzB;AFHC;EACA;AAEA;EACA;EEEA;;AAEA;EACC;EACA;;;AAIF;EAAqB;;;AACrB;EAAgD;;;AAEhD;EACC;EACA;;AAEA;EAAoB;;;AAQrB;EAAuC,eDgG3B","file":"TimePicker.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/TimePicker/TimePicker.scss"],"names":[],"mappings":"AAAA;ACQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBAXwB;;;AAe1B;AClBC;EACA;AAEA;EACA;;;ADkBD;AAEC;EACC;;;AAIF;AACA;EACC,eE+FW;EF9FX,eEZiB;EFajB;EACA;EACA;AAsBA;;AAfA;EACC,WE6FY;EF5FZ,aE+DoB;EF9DpB;;AAGA;EACC;EACA;EACA;;AAIF;EAAc;;AAGd;EACC;EACA;;AAED;EAAiB;;;AAGlB;EACC;EACA,gBE0DW;EFzDX,cE0DW;;;AFtDX;EAKC,kBA3EyB;;AAuEzB;EACC,OAtEkB;;AA6ElB;EAAY,kBA/EY;;;AAoF3B;AACA;EAAsC,cEuC1B;;;AFnCV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cE+Bc;;;AF5Bf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA;EACA;EACA,cECW;;;AFEZ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB;;;AG9IzB;AFRC;EACA;AAEA;EACA;EEOA;;AAEA;EACC;EACA;;;AAIF;EAAqB;;;AACrB;EAAgD;;;AAEhD;EACC;EACA;;AAEA;EAAoB;;;AAQrB;EAAuC,eD2F3B;;;ACtFV;EACC,kBArCkB;EAsClB,cApCe;;AAyChB;EACC,kBA3CgB;EA4ChB,cA1CY","file":"TimePicker.css"}

package/dist/components/TimePicker/TimePicker.d.ts

@@ -23,25 +23,34 @@ export interface TimePickerPropsStrict extends Omit<InputProps, 'value' | 'place
     /**
      * Specified in minutes, default is 30. Should not exceed 1440 (24 hours).
      * Step used to:
-     * 1. hide intermediate values (these values are still possible to pick with typing)
+     * 1. hide intermediate values (these values are still possible to pick by typing)
      * from TimePicker's dropdown if `autoRounding` is false, or
      * 2. generate strict values for dropdown options if `autoRounding` is true.
      */
     step?: number;
     /**
-     * Time format, "hh:mm xm" is a default value,
-     * "hh:mm" stands for 24-hour format with leading zero
+     * Time format.
+     * Value of `hh:mm` stands for 24-hour format with leading zero.
+     * Default value is `hh:mm xm`.
      */
     format?: 'hh:mm xm' | 'hh:mm';
-    /** Maximum time allowed */
-    max?: Date | string;
-    /** Minimum time allowed */
+    /**
+     * Minimum time allowed.
+     * String value must have `hh:mm xm` or `hh:mm` format.
+     * Default is `12:00 AM`.
+     */
     min?: Date | string;
+    /**
+     * Maximum time allowed.
+     * String value must have `hh:mm xm` or `hh:mm` format.
+     * Default is `23:59 PM`.
+     */
+    max?: Date | string;
     /** Called when the user changes the value */
     onChange?: (value: TimePickerOptionProps['value']) => void;
     /** Show a dropdown on render, if `disableDropdown` is unset */
     open?: boolean;
-    /** A Date object, unrestricted by min and max props */
+    /** Date object, unrestricted by min and max props */
     value?: TimePickerOptionProps['value'];
     /** Passed as width prop into TimePicker's dropdown */
     width?: PopoverProps['width'];

package/dist/components/TimePicker/TimePicker.js

@@ -14,57 +14,86 @@ import classnames from 'classnames';
 import { FocusScope } from '@react-aria/focus';
 import { Input } from '../Input';
 import { Popover } from '../Popover';
+import { TimezoneContext } from '../../utilities/TimezoneProvider';
 import { keys } from '../../utilities';
-import { toTimeFormat, generateOptions, filterOptionsWithRounding, filterOptions, getClosestOption, getOptionByValue, getClosestIndexes, stringToDate, highlightOption, injectOption, } from './utils';
+import { dateToTime as dtt, timeToDate as ttd, localTimezone, consumeMinMax, getReturnDate, generateOptions, filterOptionsWithRounding, filterOptions, getClosestOption, getOptionByText, getClosestIndexes, stringToDate, highlightOption, injectOption, } from './utils';
 import { TimePickerOptionList } from './components';
 export const TimePicker = React.forwardRef((props, ref) => {
     var _a;
-    const { autoRounding = false, className, defaultTimeSignifier = 'AM', disabled, disableDropdown = false, direction = 'br', error, fluid, format = 'hh:mm xm', max = '23:59 PM', min = '12:00 AM', onChange, open, placeholder, step = 30, size, value, width = '100' } = props, rest = __rest(props, ["autoRounding", "className", "defaultTimeSignifier", "disabled", "disableDropdown", "direction", "error", "fluid", "format", "max", "min", "onChange", "open", "placeholder", "step", "size", "value", "width"]);
+    const { autoRounding = false, className, defaultTimeSignifier = 'AM', disabled, disableDropdown = false, direction = 'br', error, fluid, format = 'hh:mm xm', min = '12:00 AM', max = '23:59 PM', onChange, open, placeholder, step = 30, size, value, width = '100' } = props, rest = __rest(props, ["autoRounding", "className", "defaultTimeSignifier", "disabled", "disableDropdown", "direction", "error", "fluid", "format", "min", "max", "onChange", "open", "placeholder", "step", "size", "value", "width"]);
+    const timezone = React.useContext(TimezoneContext);
+    // Date (00:00 in timezone), based on which selected time to be returned
+    const returnDate = () => getReturnDate(min, max, value, timezone);
+    const dateToTime = (d, tz) => dtt(d, tz || timezone, format);
+    const timeToDate = (t) => ttd(t, timezone, returnDate());
+    /**
+     * In case min or max provided as strings, no timezone adjustment needed.
+     * In case of Date objects, their time should be adjusted to timezone provided.
+     */
+    const mm = () => consumeMinMax(min, max, timezone);
     const inputRef = React.useRef(null);
     const dropdownRef = React.useRef(null);
-    const [opened, setOpened] = React.useState(open && !disableDropdown); // Dropdown is visible
+    const [opened, setOpened] = React.useState(false); // Dropdown's visibility
     const [dropdownFocused, setDropdownFocused] = React.useState(false); // Dropdown is in focus
     const [input, setInput] = React.useState(''); // User's input string
     const [filter, setFilter] = React.useState(''); // Dropdown's options filter string (differs from user's input)
-    let isMouseDownOnHint = false; // To be false on each re-render; needed to prevent onBlur event handling on input when clicked inside hint
-    const valueToText = useCallback((value) => {
-        if (typeof value === 'undefined')
-            return '';
-        return toTimeFormat(value, format) || '';
-    }, [format]);
+    // Effects
     useEffect(() => {
-        // Set input's text on each non-null value change
-        const newValue = valueToText(value);
-        if (newValue !== input)
-            setInput(valueToText(value));
-    }, [value]); // eslint-disable-line
+        if (disableDropdown || disabled) {
+            setOpened(false);
+            return;
+        }
+        setOpened(open);
+    }, [disableDropdown, disabled, open]);
+    useEffect(() => {
+        // Set input's text on each non-null value change or timezone change
+        const text = typeof value === 'string' ? value : dateToTime(value) || ''; // Try to parse value: string, if `value: Date` use TZ
+        if (text !== input)
+            setInput(text);
+    }, [value, timezone]); // eslint-disable-line
     useEffect(() => {
         // Perform autocomplete on first render to convert "value: string" into "value: Date"
         autoComplete();
     }, []); // eslint-disable-line
+    useEffect(() => {
+        // Scrolls closest value into view
+        if (!opened || input === '' || filter !== '')
+            return;
+        const timer = setTimeout(() => scrollOptionIntoView(input, options, dropdownRef), 10);
+        return () => clearTimeout(timer);
+    }, [opened, input, filter]); // eslint-disable-line
     const handleInputFocus = () => {
         if (disabled)
             return;
-        setDropdownFocused(false); // Dropdown unfocus
-        if (input === valueToText(value))
+        if (input === dateToTime(value))
             setFilter(''); // Don't filter options until typing
-        if (!opened && !disableDropdown)
+        setDropdownFocused(false); // Dropdown unfocus
+        if (!disableDropdown && !opened)
             setOpened(true);
     };
+    let mouseDownOnDropdown = false; // To be false on each re-render
+    // Prevents onBlur event handling on input when clicked inside dropdown
+    const handleDropdownMouseDown = () => (mouseDownOnDropdown = true);
+    const handleClickOutside = () => {
+        if (!opened || disabled || disableDropdown)
+            return;
+        setOpened(false);
+        autoComplete();
+    };
     const handleInputBlur = () => {
         // User is choosing from dropdown'ed options
         if (dropdownFocused && !disableDropdown)
             return;
-        // User clicked inside hint
-        if (isMouseDownOnHint)
+        // User clicked inside dropdown, prevent blur handling on input
+        if (mouseDownOnDropdown)
             return;
         // Fake blur detection, case if active element not changed (alt+tab, etc)
         if (document.activeElement === getNode(inputRef))
             return;
         autoComplete();
     };
-    // Initial list of options to be generated based on min, max & step
-    const optionsArgs = [min, max, step, format];
+    // Initial list of options to be generated based on min, max, step
+    const optionsArgs = [mm().min, mm().max, step, format];
     const options = useCallback(generateOptions, optionsArgs)(...optionsArgs);
     // Getting most expected option based on user's input
     const getClosestOptionArgs = [
@@ -72,8 +101,8 @@ export const TimePicker = React.forwardRef((props, ref) => {
         input,
         defaultTimeSignifier,
         autoRounding,
-        min,
-        max,
+        mm().min,
+        mm().max,
         format,
     ];
     const closestOption = useCallback(getClosestOption, getClosestOptionArgs)(...getClosestOptionArgs);
@@ -100,8 +129,10 @@ export const TimePicker = React.forwardRef((props, ref) => {
         if (input === '')
             return;
         if (closestOption) {
+            if (closestOption.text === dateToTime(value))
+                return; // It is nothing to change out there
             // Accept user input
-            onChange(closestOption.value);
+            onChange(timeToDate(closestOption.text));
         }
         else {
             // Reject user input, if input !== ''
@@ -119,18 +150,13 @@ export const TimePicker = React.forwardRef((props, ref) => {
         if (!opened && !disableDropdown)
             setOpened(true);
     };
-    const handleClickOutside = () => {
-        if (!opened || disabled || disableDropdown)
-            return;
-        setOpened(false);
-        autoComplete();
-    };
     const handleIconClick = () => {
         if (disabled)
             return;
-        focusNode(inputRef);
-        if (!opened && !disableDropdown)
-            setOpened(true);
+        focus(inputRef);
+        if (opened || disableDropdown)
+            return;
+        setOpened(true);
     };
     const handleInputKeyDown = (e) => {
         const { key } = e;
@@ -156,31 +182,20 @@ export const TimePicker = React.forwardRef((props, ref) => {
     };
     const dropdownFocusValue = () => {
         const focusValue = closestOption
-            ? getOptionByValue(dropdownOptions, closestOption.value)
+            ? getOptionByText(dropdownOptions, closestOption.text)
             : dropdownOptions[0];
         return dropdownFocused ? focusValue : null;
     };
-    const handleHintOnChange = (value) => {
-        onChange(value);
-        setInput(valueToText(value));
+    const handleDropdownChange = (val) => {
+        const time = dateToTime(val, localTimezone); // Dropdown is using local
+        const date = timeToDate(time); // get date based on timezone and returnDate
+        onChange(date);
+        setInput(time);
         setFilter('');
-        focusNode(inputRef); // Move focus back to the field
+        focus(inputRef); // Move focus back to the field
         if (opened)
             setOpened(false);
     };
-    // Needed to prevent onBlur event handling on input when clicked inside hint
-    const handleMouseDownHint = () => (isMouseDownOnHint = true);
-    useEffect(() => {
-        // Scrolls closest value into view
-        if (!opened || input === '' || filter !== '')
-            return;
-        const timer = setTimeout(() => scrollOptionIntoView(input, options, dropdownRef), 10);
-        return () => clearTimeout(timer);
-    }, [opened, input, filter]); // eslint-disable-line
-    const TimePickerClasses = classnames(className, 'TimePicker', {
-        'TimePicker--disabled': disabled,
-        [`TimePicker--${size}`]: size,
-    });
     const inputProps = {
         fluid,
         disabled,
@@ -200,7 +215,7 @@ export const TimePicker = React.forwardRef((props, ref) => {
         }),
         focusValue: dropdownFocusValue(),
         options: dropdownOptions,
-        onChange: handleHintOnChange,
+        onChange: handleDropdownChange,
         inputRef: ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.inputRef) || inputRef,
         dropdownRef,
         handleInputKeyDown,
@@ -211,10 +226,15 @@ export const TimePicker = React.forwardRef((props, ref) => {
             name: 'access_time',
             onClick: handleIconClick,
         }, iconPosition: "left", onKeyDown: handleInputKeyDown, ref: inputRef })));
+    const TimePickerClasses = classnames(className, 'TimePicker', {
+        'TimePicker--open': opened,
+        'TimePicker--disabled': disabled,
+        [`TimePicker--${size}`]: size,
+    });
     return (React.createElement(Popover, Object.assign({ autoFlipVertically: true, className: classnames('TimePicker__dropdown', 'a-Select'), direction: direction, onClickOutside: handleClickOutside, open: !disabled &&
             !disableDropdown &&
             opened &&
-            dropdownOptions.length !== 0, padding: null, portal: true, ref: ref, scrollHeight: props.scrollHeight || '192px', trigger: Field, width: width, wrapperClassName: TimePickerClasses, onMouseDown: handleMouseDownHint }, rest),
+            dropdownOptions.length !== 0, padding: null, portal: true, ref: ref, scrollHeight: props.scrollHeight || '192px', trigger: Field, width: width, wrapperClassName: TimePickerClasses, onMouseDown: handleDropdownMouseDown }, rest),
         React.createElement(FocusScope, null,
             React.createElement(TimePickerOptionList, Object.assign({}, dropdownProps)))));
 });
@@ -226,7 +246,7 @@ const getNode = (ref) => {
     }
     return ref.current; // Something else
 };
-const focusNode = (ref) => getNode(ref).focus();
+const focus = (ref) => getNode(ref).focus();
 const scrollOptionIntoView = (userInput, options, dropdownRef) => {
     var _a;
     if (!(dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current))