@servicetitan/design-system 11.1.0 → 11.3.1

package/dist/utilities/usePrefersColorScheme.js

@@ -0,0 +1,22 @@
+import { useEffect, useState } from 'react';
+export const usePrefersColorScheme = (light, dark) => {
+    const [systemPrefersDark, setSystemPrefersDark] = useState(window.matchMedia('(prefers-color-scheme: dark)').matches);
+    useEffect(() => {
+        function isSystemDark(event) {
+            setSystemPrefersDark(event.matches);
+        }
+        window
+            .matchMedia('(prefers-color-scheme: dark)')
+            .addEventListener('change', isSystemDark);
+        return () => {
+            window
+                .matchMedia('(prefers-color-scheme: dark)')
+                .removeEventListener('change', isSystemDark);
+        };
+    }, []);
+    return {
+        theme: systemPrefersDark ? dark : light,
+        mode: systemPrefersDark ? 'dark' : 'light',
+    };
+};
+//# sourceMappingURL=usePrefersColorScheme.js.map

package/dist/utilities/usePrefersColorScheme.js.map

@@ -0,0 +1 @@
+{"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,CACzD,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CACzD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,YAAY,CAAC,KAAU;YAC/B,oBAAoB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;QAED,MAAM;aACJ,UAAU,CAAC,8BAA8B,CAAC;aAC1C,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAE3C,OAAO,GAAG,EAAE;YACX,MAAM;iBACJ,UAAU,CAAC,8BAA8B,CAAC;iBAC1C,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/C,CAAC,CAAC;IACH,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.1.0",
+    "version": "11.3.1",
     "description": "",
     "homepage": "https://anvil.servicetitan.com",
     "repository": {
@@ -73,15 +73,15 @@
         "@progress/kendo-react-treeview": "~4.10.0",
         "@react-aria/focus": "^3.2.3",
         "@react-hook/window-size": "^3.0.7",
-        "@servicetitan/anvil-fonts": "^11.1.0",
-        "@servicetitan/anvil-icons": "^11.1.0",
-        "@servicetitan/anvil-themes": "^11.1.0",
-        "@servicetitan/tokens": "^11.1.0",
+        "@servicetitan/anvil-fonts": "^11.3.1",
+        "@servicetitan/anvil-icons": "^11.3.1",
+        "@servicetitan/anvil-themes": "^11.3.1",
+        "@servicetitan/tokens": "^11.3.1",
         "classnames": "2.3.1",
         "framer-motion": "4.1.17",
         "memoize-one": "5.2.1",
         "moment": "2.29.1",
-        "nanoid": "3.1.25",
+        "nanoid": "3.1.31",
         "react-animate-height": "^2.0.22",
         "react-focus-lock": "^2.5.2",
         "react-input-mask": "2.0.4",
@@ -97,9 +97,9 @@
         "react-dom": "^16 || ^17"
     },
     "devDependencies": {
-        "@lib/semantic": "^11.1.0",
+        "@lib/semantic": "^11.3.1",
         "@progress/kendo-theme-default": "4.42.0",
-        "@servicetitan/anvil-css-utilities": "^11.1.0",
+        "@servicetitan/anvil-css-utilities": "^11.3.1",
         "@testing-library/jest-dom": "5.14.1",
         "@testing-library/react": "12.1.0",
         "@testing-library/user-event": "13.2.1",
@@ -126,5 +126,5 @@
         "ts-jest": "27.0.5",
         "typescript": "4.4.3"
     },
-    "gitHead": "0e2f2556b9dd945abd351d89f71690c044bc7f09"
+    "gitHead": "9890799089adbb0ff4814bcb00b137167ebace48"
 }