@servicetitan/design-system 11.7.0 → 12.1.0

package/dist/themes/index.css

@@ -44,8 +44,8 @@
 .Field.Field--error .Input > input,
 .Field.Field--error .TextArea {
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
-  border-color: var(--colorsBorderCritical, #e63717);
-  color: var(--colorsTextCritical, #e63717);
+  border-color: var(--colorsBorderCritical, #e13212);
+  color: var(--colorsTextCritical, #bf2a00);
   box-shadow: none;
 }
 .Fields.Fields--error .Field .Input > input:focus,
@@ -53,8 +53,8 @@
 .Field.Field--error .Input > input:focus,
 .Field.Field--error .TextArea:focus {
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
-  border-color: var(--colorsBorderCritical, #e63717);
-  color: var(--colorsTextCritical, #e63717);
+  border-color: var(--colorsBorderCritical, #e13212);
+  color: var(--colorsTextCritical, #bf2a00);
   box-shadow: none;
   -webkit-appearance: none;
 }
@@ -220,7 +220,7 @@
   opacity: 1;
 }
 .Checkbox--error .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error .Checkbox--checked .Checkbox__box::before, .Checkbox--error .Checkbox--indeterminate .Checkbox__box::before {
-  box-shadow: 0 0 0 16px var(--colorsBorderCritical, #e63717) inset;
+  box-shadow: 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox--indeterminate .Checkbox__box {
   box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
@@ -232,20 +232,20 @@
   border-color: var(--colorsBorderDefault, #444445);
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: var(--colorsBorderCritical, #e63717);
+  border-color: var(--colorsBorderCritical, #e13212);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
   box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error.Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--error.Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
-  box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e63717) inset;
+  box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
   border-color: var(--colorsBorderPrimary, #2270ee);
   box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
 }
 .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
-  border-color: var(--colorsBorderCritical, #e63717);
+  border-color: var(--colorsBorderCritical, #e13212);
   box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 

package/dist/themes/kendo/index.css

@@ -44,8 +44,8 @@
 .Field.Field--error .Input > input,
 .Field.Field--error .TextArea {
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
-  border-color: var(--colorsBorderCritical, #e63717);
-  color: var(--colorsTextCritical, #e63717);
+  border-color: var(--colorsBorderCritical, #e13212);
+  color: var(--colorsTextCritical, #bf2a00);
   box-shadow: none;
 }
 .Fields.Fields--error .Field .Input > input:focus,
@@ -53,8 +53,8 @@
 .Field.Field--error .Input > input:focus,
 .Field.Field--error .TextArea:focus {
   background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
-  border-color: var(--colorsBorderCritical, #e63717);
-  color: var(--colorsTextCritical, #e63717);
+  border-color: var(--colorsBorderCritical, #e13212);
+  color: var(--colorsTextCritical, #bf2a00);
   box-shadow: none;
   -webkit-appearance: none;
 }
@@ -220,7 +220,7 @@
   opacity: 1;
 }
 .Checkbox--error .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error .Checkbox--checked .Checkbox__box::before, .Checkbox--error .Checkbox--indeterminate .Checkbox__box::before {
-  box-shadow: 0 0 0 16px var(--colorsBorderCritical, #e63717) inset;
+  box-shadow: 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--error .Checkbox--indeterminate .Checkbox__box {
   box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
@@ -232,20 +232,20 @@
   border-color: var(--colorsBorderDefault, #444445);
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: var(--colorsBorderCritical, #e63717);
+  border-color: var(--colorsBorderCritical, #e13212);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
   box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error.Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--error.Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
-  box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e63717) inset;
+  box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
   border-color: var(--colorsBorderPrimary, #2270ee);
   box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
 }
 .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
-  border-color: var(--colorsBorderCritical, #e63717);
+  border-color: var(--colorsBorderCritical, #e13212);
   box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 

package/dist/utilities/ThemeProvider.js

@@ -1,4 +1,4 @@
-import React, { useLayoutEffect } from 'react';
+import React, { useEffect } from 'react';
 import { light, dark } from '@servicetitan/anvil-themes';
 import { usePrefersColorScheme } from './usePrefersColorScheme';
 function capitalizeFirstLetter(string) {
@@ -35,7 +35,7 @@ const createStyleTag = (themeObject) => {
 };
 export const ThemeProvider = ({ theme, children }) => {
     const { theme: systemPreferred } = usePrefersColorScheme(light, dark);
-    useLayoutEffect(() => {
+    useEffect(() => {
         createStyleTag(theme !== null && theme !== void 0 ? theme : systemPreferred);
     }, [theme, systemPreferred]);
     return React.createElement(React.Fragment, null, children);

package/dist/utilities/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/utilities/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,eAAe,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAmB,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,SAAS,qBAAqB,CAAC,MAAc;IAC5C,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9D,CAAC;AAED,SAAS,UAAU,CAAC,GAAQ,EAAE,MAAY,EAAE,MAAW,EAAE;IACxD,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE;QACtB,MAAM,QAAQ,GAAG,MAAM;YACtB,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,qBAAqB,CAAC,GAAG,CAAC;YAC1C,CAAC,CAAC,GAAG,CAAC;QACP,IAAI,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE;YACjC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC;SACpC;aAAM;YACN,GAAG,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;SACzB;KACD;IACD,OAAO,GAAG,CAAC;AACZ,CAAC;AAOD,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE;IAC9C,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACzC,IAAI,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAEzD,IAAI,CAAC,QAAQ,EAAE;QACd,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3C,QAAQ,CAAC,YAAY,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;QAC9C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;KACpC;IAED,IAAI,KAAK,GAAG,QAAQ,CAAC;IACrB,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE;QAC3B,KAAK,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;KACtC;IACD,KAAK,IAAI,GAAG,CAAC;IAEb,QAAQ,CAAC,WAAW,GAAG,KAAK,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5E,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAEtE,eAAe,CAAC,GAAG,EAAE;QACpB,cAAc,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,eAAe,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAE7B,OAAO,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAC;AACpD,CAAC,CAAC"}
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/utilities/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAmB,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,SAAS,qBAAqB,CAAC,MAAc;IAC5C,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9D,CAAC;AAED,SAAS,UAAU,CAAC,GAAQ,EAAE,MAAY,EAAE,MAAW,EAAE;IACxD,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE;QACtB,MAAM,QAAQ,GAAG,MAAM;YACtB,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,qBAAqB,CAAC,GAAG,CAAC;YAC1C,CAAC,CAAC,GAAG,CAAC;QACP,IAAI,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE;YACjC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC;SACpC;aAAM;YACN,GAAG,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;SACzB;KACD;IACD,OAAO,GAAG,CAAC;AACZ,CAAC;AAOD,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE;IAC9C,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACzC,IAAI,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAEzD,IAAI,CAAC,QAAQ,EAAE;QACd,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3C,QAAQ,CAAC,YAAY,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;QAC9C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;KACpC;IAED,IAAI,KAAK,GAAG,QAAQ,CAAC;IACrB,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE;QAC3B,KAAK,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;KACtC;IACD,KAAK,IAAI,GAAG,CAAC;IAEb,QAAQ,CAAC,WAAW,GAAG,KAAK,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5E,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE;QACd,cAAc,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,eAAe,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAE7B,OAAO,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAC;AACpD,CAAC,CAAC"}

package/dist/utilities/usePrefersColorScheme.js

@@ -1,7 +1,7 @@
-import { useLayoutEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 export const usePrefersColorScheme = (light, dark) => {
     const [systemPrefersDark, setSystemPrefersDark] = useState();
-    useLayoutEffect(() => {
+    useEffect(() => {
         function isSystemDark(event) {
             setSystemPrefersDark(event.matches);
         }

package/dist/utilities/usePrefersColorScheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePrefersColorScheme.js","sourceRoot":"","sources":["../../src/utilities/usePrefersColorScheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAa,EAAE,IAAY,EAAE,EAAE;IACpE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,EAAE,CAAC;IAE7D,eAAe,CAAC,GAAG,EAAE;QACpB,SAAS,YAAY,CAAC,KAAU;YAC/B,oBAAoB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAClC,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CACnC,8BAA8B,CAC9B,CAAC;YAEF,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,gBAAgB,EAAE;gBACjC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;aACpD;iBAAM;gBACN,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;aACrC;YAED,OAAO,GAAG,EAAE;gBACX,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,gBAAgB,EAAE;oBACjC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;iBACvD;qBAAM;oBACN,UAAU,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;iBACxC;YACF,CAAC,CAAC;SACF;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACN,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;QACvC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;KAC1C,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"usePrefersColorScheme.js","sourceRoot":"","sources":["../../src/utilities/usePrefersColorScheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAa,EAAE,IAAY,EAAE,EAAE;IACpE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,EAAE,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,YAAY,CAAC,KAAU;YAC/B,oBAAoB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAClC,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CACnC,8BAA8B,CAC9B,CAAC;YAEF,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,gBAAgB,EAAE;gBACjC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;aACpD;iBAAM;gBACN,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;aACrC;YAED,OAAO,GAAG,EAAE;gBACX,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,gBAAgB,EAAE;oBACjC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;iBACvD;qBAAM;oBACN,UAAU,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;iBACxC;YACF,CAAC,CAAC;SACF;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACN,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;QACvC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;KAC1C,CAAC;AACH,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/design-system",
-    "version": "11.7.0",
+    "version": "12.1.0",
     "description": "",
     "homepage": "https://anvil.servicetitan.com",
     "repository": {
@@ -73,12 +73,13 @@
         "@progress/kendo-react-treeview": "~4.10.0",
         "@react-aria/focus": "^3.2.3",
         "@react-hook/window-size": "^3.0.7",
-        "@servicetitan/anvil-fonts": "^11.7.0",
-        "@servicetitan/anvil-icons": "^11.7.0",
-        "@servicetitan/anvil-themes": "^11.7.0",
-        "@servicetitan/tokens": "^11.7.0",
+        "@servicetitan/anvil-fonts": "^12.1.0",
+        "@servicetitan/anvil-icons": "^12.1.0",
+        "@servicetitan/anvil-themes": "^12.1.0",
+        "@servicetitan/tokens": "^12.1.0",
         "classnames": "2.3.1",
         "framer-motion": "4.1.17",
+        "lodash.throttle": "4.1.1",
         "memoize-one": "5.2.1",
         "moment": "2.29.2",
         "nanoid": "3.1.31",
@@ -97,13 +98,14 @@
         "react-dom": "^16 || ^17"
     },
     "devDependencies": {
-        "@lib/semantic": "^11.7.0",
+        "@lib/semantic": "^12.1.0",
         "@progress/kendo-theme-default": "4.42.0",
-        "@servicetitan/anvil-css-utilities": "^11.7.0",
+        "@servicetitan/anvil-css-utilities": "^12.1.0",
         "@testing-library/jest-dom": "5.14.1",
         "@testing-library/react": "12.1.0",
         "@testing-library/user-event": "13.2.1",
         "@types/jest": "27.0.1",
+        "@types/lodash.throttle": "4.1.7",
         "@types/node": "16.9.1",
         "@types/react": "17.0.21",
         "@types/react-dom": "17.0.9",
@@ -126,5 +128,5 @@
         "ts-jest": "27.0.5",
         "typescript": "4.4.3"
     },
-    "gitHead": "796a13b8b0b25cfcccbd4d631e053c8aa8c4d9e8"
+    "gitHead": "d62ff4749b2239a5095beea4f778e939c6500749"
 }