@servicetitan/design-system 11.5.0 → 11.6.0

package/dist/utilities/ThemeProvider.js

@@ -1,15 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useLayoutEffect, useState, useContext, createContext, } from 'react';
+import React, { useLayoutEffect } from 'react';
 import { light, dark } from '@servicetitan/anvil-themes';
 import { usePrefersColorScheme } from './usePrefersColorScheme';
 function capitalizeFirstLetter(string) {
@@ -29,24 +18,26 @@ function flattenObj(obj, parent, res = {}) {
     }
     return res;
 }
-export const CSSVariables = (_a) => {
-    var { theme } = _a, props = __rest(_a, ["theme"]);
-    const css = {};
-    for (const [name, value] of Object.entries(flattenObj(theme))) {
-        css[`--${name}`] = value;
+const createStyleTag = (themeObject) => {
+    const themeVar = flattenObj(themeObject);
+    let styleTag = document.getElementById('themeVariables');
+    if (!styleTag) {
+        styleTag = document.createElement('style');
+        styleTag.setAttribute('id', 'themeVariables');
+        document.head.appendChild(styleTag);
+    }
+    let style = ':root{';
+    for (const key in themeVar) {
+        style += `--${key}:${themeVar[key]};`;
     }
-    return React.createElement("div", Object.assign({ style: css }, props));
+    style += '}';
+    styleTag.textContent = style;
 };
-export const ThemeContext = createContext(light);
 export const ThemeProvider = ({ theme, children }) => {
-    const parentTheme = useContext(ThemeContext);
     const { theme: systemPreferred } = usePrefersColorScheme(light, dark);
-    const [currentTheme, setCurrentTheme] = useState();
     useLayoutEffect(() => {
-        var _a;
-        setCurrentTheme((_a = theme !== null && theme !== void 0 ? theme : parentTheme) !== null && _a !== void 0 ? _a : systemPreferred);
-    }, [theme, systemPreferred, parentTheme]);
-    return (React.createElement(ThemeContext.Provider, { value: currentTheme },
-        React.createElement(CSSVariables, { theme: currentTheme }, children)));
+        createStyleTag(theme !== null && theme !== void 0 ? theme : systemPreferred);
+    }, [theme, systemPreferred]);
+    return React.createElement(React.Fragment, null, children);
 };
 //# sourceMappingURL=ThemeProvider.js.map

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,EAEb,eAAe,EACf,QAAQ,EACR,UAAU,EACV,aAAa,GACb,MAAM,OAAO,CAAC;AACf,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;AAED,MAAM,CAAC,MAAM,YAAY,GAAY,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,cAAjB,SAAmB,CAAF;IACtD,MAAM,GAAG,GAAQ,EAAE,CAAC;IACpB,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE;QAC9D,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC;KACzB;IAED,OAAO,2CAAK,KAAK,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AACvC,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAS,KAAK,CAAC,CAAC;AAEzD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5E,MAAM,WAAW,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE3D,eAAe,CAAC,GAAG,EAAE;;QACpB,eAAe,CAAC,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,WAAW,mCAAI,eAAe,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1C,OAAO,CACN,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;QACzC,oBAAC,YAAY,IAAC,KAAK,EAAE,YAAY,IAAG,QAAQ,CAAgB,CACrC,CACxB,CAAC;AACH,CAAC,CAAC"}
+{"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"}

package/dist/utilities/usePrefersColorScheme.js

@@ -6,13 +6,20 @@ export const usePrefersColorScheme = (light, dark) => {
             setSystemPrefersDark(event.matches);
         }
         if (typeof window !== 'undefined') {
-            window
-                .matchMedia('(prefers-color-scheme: dark)')
-                .addEventListener('change', isSystemDark);
+            const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+            if (mediaQuery === null || mediaQuery === void 0 ? void 0 : mediaQuery.addEventListener) {
+                mediaQuery.addEventListener('change', isSystemDark);
+            }
+            else {
+                mediaQuery.addListener(isSystemDark);
+            }
             return () => {
-                window
-                    .matchMedia('(prefers-color-scheme: dark)')
-                    .removeEventListener('change', isSystemDark);
+                if (mediaQuery === null || mediaQuery === void 0 ? void 0 : mediaQuery.addEventListener) {
+                    mediaQuery.removeEventListener('change', isSystemDark);
+                }
+                else {
+                    mediaQuery.removeListener(isSystemDark);
+                }
             };
         }
     }, []);

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;iBACJ,UAAU,CAAC,8BAA8B,CAAC;iBAC1C,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAC3C,OAAO,GAAG,EAAE;gBACX,MAAM;qBACJ,UAAU,CAAC,8BAA8B,CAAC;qBAC1C,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAC/C,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,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/design-system",
-    "version": "11.5.0",
+    "version": "11.6.0",
     "description": "",
     "homepage": "https://anvil.servicetitan.com",
     "repository": {
@@ -73,14 +73,14 @@
         "@progress/kendo-react-treeview": "~4.10.0",
         "@react-aria/focus": "^3.2.3",
         "@react-hook/window-size": "^3.0.7",
-        "@servicetitan/anvil-fonts": "^11.5.0",
-        "@servicetitan/anvil-icons": "^11.5.0",
-        "@servicetitan/anvil-themes": "^11.5.0",
-        "@servicetitan/tokens": "^11.5.0",
+        "@servicetitan/anvil-fonts": "^11.6.0",
+        "@servicetitan/anvil-icons": "^11.6.0",
+        "@servicetitan/anvil-themes": "^11.6.0",
+        "@servicetitan/tokens": "^11.6.0",
         "classnames": "2.3.1",
         "framer-motion": "4.1.17",
         "memoize-one": "5.2.1",
-        "moment": "2.29.1",
+        "moment": "2.29.2",
         "nanoid": "3.1.31",
         "react-animate-height": "^2.0.22",
         "react-focus-lock": "^2.5.2",
@@ -97,9 +97,9 @@
         "react-dom": "^16 || ^17"
     },
     "devDependencies": {
-        "@lib/semantic": "^11.5.0",
+        "@lib/semantic": "^11.6.0",
         "@progress/kendo-theme-default": "4.42.0",
-        "@servicetitan/anvil-css-utilities": "^11.5.0",
+        "@servicetitan/anvil-css-utilities": "^11.6.0",
         "@testing-library/jest-dom": "5.14.1",
         "@testing-library/react": "12.1.0",
         "@testing-library/user-event": "13.2.1",
@@ -120,12 +120,11 @@
         "postcss-cli": "8.3.1",
         "react": "17.0.2",
         "react-dom": "17.0.2",
-        "react-window": "^1.8.6",
         "rimraf": "3.0.2",
         "sass": "1.41.0",
         "stylelint": "13.13.1",
         "ts-jest": "27.0.5",
         "typescript": "4.4.3"
     },
-    "gitHead": "9db5ee9d7d1d94f1f190d29b82c7698cfe517123"
+    "gitHead": "57bea051dfc1e6cdf2275352a0e17301ee22620f"
 }