@salt-ds/styles 0.1.2 → 0.2.0

package/dist-cjs/index.js

@@ -4,10 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var useStyleInjection = require('./use-style-injection/useStyleInjection.js');
 var InsertionPointProvider = require('./use-style-injection/InsertionPointProvider.js');
+var index = require('./style-injection-provider/index.js');
 
 
 
 exports.useComponentCssInjection = useStyleInjection.useComponentCssInjection;
 exports.InsertionPointProvider = InsertionPointProvider.InsertionPointProvider;
 exports.useInsertionPoint = InsertionPointProvider.useInsertionPoint;
+exports.StyleInjectionProvider = index.StyleInjectionProvider;
+exports.useStyleInjection = index.useStyleInjection;
 //# sourceMappingURL=index.js.map

package/dist-cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist-cjs/style-injection-provider/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const StyleInjectionContext = React.createContext(true);
+const useStyleInjection = () => React.useContext(StyleInjectionContext);
+const StyleInjectionProvider = StyleInjectionContext.Provider;
+
+exports.StyleInjectionProvider = StyleInjectionProvider;
+exports.useStyleInjection = useStyleInjection;
+//# sourceMappingURL=index.js.map

package/dist-cjs/style-injection-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/style-injection-provider/index.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nconst StyleInjectionContext = createContext(true);\n\nexport const useStyleInjection = () => useContext(StyleInjectionContext);\nexport const StyleInjectionProvider = StyleInjectionContext.Provider;\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAEA,MAAM,qBAAA,GAAwBA,oBAAc,IAAI,CAAA,CAAA;AAEnC,MAAA,iBAAA,GAAoB,MAAMC,gBAAA,CAAW,qBAAqB,EAAA;AAChE,MAAM,yBAAyB,qBAAsB,CAAA;;;;;"}

package/dist-cjs/use-style-injection/useStyleInjection.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var InsertionPointProvider = require('./InsertionPointProvider.js');
+var index = require('../style-injection-provider/index.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -33,10 +34,11 @@ function useComponentCssInjection({
   css,
   window: targetWindow
 }) {
+  const styleInjectionEnabled = index.useStyleInjection();
   const insertionPoint = InsertionPointProvider.useInsertionPoint();
   maybeUseInsertionEffect(() => {
     var _a2, _b;
-    if (!targetWindow) {
+    if (!targetWindow || !styleInjectionEnabled) {
       return;
     }
     const sheetsMap = (_a2 = windowSheetsMap.get(targetWindow)) != null ? _a2 : /* @__PURE__ */ new Map();

package/dist-cjs/use-style-injection/useStyleInjection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStyleInjection.js","sources":["../src/use-style-injection/useStyleInjection.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useInsertionPoint } from \"./InsertionPointProvider\";\n\n/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any -- Workaround for https://github.com/webpack/webpack/issues/14814#issuecomment-1536757985 */\nconst maybeUseInsertionEffect: typeof React.useLayoutEffect =\n  (React as any)[\"useInsertionEffect\".toString()] ?? React.useLayoutEffect;\n/* eslint-enable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */\n\nexport interface UseComponentCssInjection {\n  testId?: string;\n  css: string;\n  window?: Window | null;\n}\n\ntype StyleElementMap = Map<\n  string,\n  { styleElement: HTMLStyleElement | null; count: number }\n>;\n\n// windowSheetsMap maps window objects to StyleElementMaps\n// A StyleElementMap maps css strings to style element tags\nconst windowSheetsMap = new WeakMap<Window, StyleElementMap>();\n\nexport function useComponentCssInjection({\n  testId,\n  css,\n  window: targetWindow,\n}: UseComponentCssInjection): void {\n  const insertionPoint = useInsertionPoint();\n\n  maybeUseInsertionEffect(() => {\n    if (!targetWindow) {\n      return;\n    }\n\n    const sheetsMap =\n      windowSheetsMap.get(targetWindow) ??\n      new Map<\n        string,\n        { styleElement: HTMLStyleElement | null; count: number }\n      >();\n    const styleMap = sheetsMap.get(css) ?? { styleElement: null, count: 0 };\n\n    if (styleMap.styleElement == null) {\n      styleMap.styleElement = targetWindow.document.createElement(\"style\");\n      styleMap.styleElement.setAttribute(\"type\", \"text/css\");\n      styleMap.styleElement.setAttribute(\"data-salt-style\", testId || \"\");\n      styleMap.styleElement.textContent = css;\n\n      styleMap.count = 1;\n\n      targetWindow.document.head.insertBefore(\n        styleMap.styleElement,\n        insertionPoint || targetWindow.document.head.firstChild\n      );\n    } else {\n      styleMap.styleElement.textContent = css;\n      styleMap.count++;\n    }\n    sheetsMap.set(css, styleMap);\n    windowSheetsMap.set(targetWindow, sheetsMap);\n\n    return () => {\n      const sheetsMap = windowSheetsMap.get(targetWindow);\n      const styleMap = sheetsMap?.get(css);\n      if (styleMap?.styleElement) {\n        styleMap.count--;\n        if (styleMap.count < 1) {\n          targetWindow.document.head.removeChild(styleMap.styleElement);\n          styleMap.styleElement = null;\n          sheetsMap?.delete(css);\n        }\n      }\n    };\n  }, [testId, css, targetWindow]);\n}\n"],"names":["React","useInsertionPoint","_a","sheetsMap","styleMap"],"mappings":"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"}
+{"version":3,"file":"useStyleInjection.js","sources":["../src/use-style-injection/useStyleInjection.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useInsertionPoint } from \"./InsertionPointProvider\";\nimport { useStyleInjection } from \"../style-injection-provider\";\n\n/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any -- Workaround for https://github.com/webpack/webpack/issues/14814#issuecomment-1536757985 */\nconst maybeUseInsertionEffect: typeof React.useLayoutEffect =\n  (React as any)[\"useInsertionEffect\".toString()] ?? React.useLayoutEffect;\n/* eslint-enable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */\n\nexport interface UseComponentCssInjection {\n  testId?: string;\n  css: string;\n  window?: Window | null;\n}\n\ntype StyleElementMap = Map<\n  string,\n  { styleElement: HTMLStyleElement | null; count: number }\n>;\n\n// windowSheetsMap maps window objects to StyleElementMaps\n// A StyleElementMap maps css strings to style element tags\nconst windowSheetsMap = new WeakMap<Window, StyleElementMap>();\n\nexport function useComponentCssInjection({\n  testId,\n  css,\n  window: targetWindow,\n}: UseComponentCssInjection): void {\n  const styleInjectionEnabled = useStyleInjection();\n  const insertionPoint = useInsertionPoint();\n\n  maybeUseInsertionEffect(() => {\n    if (!targetWindow || !styleInjectionEnabled) {\n      return;\n    }\n\n    const sheetsMap =\n      windowSheetsMap.get(targetWindow) ??\n      new Map<\n        string,\n        { styleElement: HTMLStyleElement | null; count: number }\n      >();\n    const styleMap = sheetsMap.get(css) ?? { styleElement: null, count: 0 };\n\n    if (styleMap.styleElement == null) {\n      styleMap.styleElement = targetWindow.document.createElement(\"style\");\n      styleMap.styleElement.setAttribute(\"type\", \"text/css\");\n      styleMap.styleElement.setAttribute(\"data-salt-style\", testId || \"\");\n      styleMap.styleElement.textContent = css;\n\n      styleMap.count = 1;\n\n      targetWindow.document.head.insertBefore(\n        styleMap.styleElement,\n        insertionPoint || targetWindow.document.head.firstChild\n      );\n    } else {\n      styleMap.styleElement.textContent = css;\n      styleMap.count++;\n    }\n    sheetsMap.set(css, styleMap);\n    windowSheetsMap.set(targetWindow, sheetsMap);\n\n    return () => {\n      const sheetsMap = windowSheetsMap.get(targetWindow);\n      const styleMap = sheetsMap?.get(css);\n      if (styleMap?.styleElement) {\n        styleMap.count--;\n        if (styleMap.count < 1) {\n          targetWindow.document.head.removeChild(styleMap.styleElement);\n          styleMap.styleElement = null;\n          sheetsMap?.delete(css);\n        }\n      }\n    };\n  }, [testId, css, targetWindow]);\n}\n"],"names":["React","useStyleInjection","useInsertionPoint","_a","sheetsMap","styleMap"],"mappings":"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"}

package/dist-es/index.js

@@ -1,3 +1,4 @@
 export { useComponentCssInjection } from './use-style-injection/useStyleInjection.js';
 export { InsertionPointProvider, useInsertionPoint } from './use-style-injection/InsertionPointProvider.js';
+export { StyleInjectionProvider, useStyleInjection } from './style-injection-provider/index.js';
 //# sourceMappingURL=index.js.map

package/dist-es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist-es/style-injection-provider/index.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from 'react';
+
+const StyleInjectionContext = createContext(true);
+const useStyleInjection = () => useContext(StyleInjectionContext);
+const StyleInjectionProvider = StyleInjectionContext.Provider;
+
+export { StyleInjectionProvider, useStyleInjection };
+//# sourceMappingURL=index.js.map

package/dist-es/style-injection-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/style-injection-provider/index.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nconst StyleInjectionContext = createContext(true);\n\nexport const useStyleInjection = () => useContext(StyleInjectionContext);\nexport const StyleInjectionProvider = StyleInjectionContext.Provider;\n"],"names":[],"mappings":";;AAEA,MAAM,qBAAA,GAAwB,cAAc,IAAI,CAAA,CAAA;AAEnC,MAAA,iBAAA,GAAoB,MAAM,UAAA,CAAW,qBAAqB,EAAA;AAChE,MAAM,yBAAyB,qBAAsB,CAAA;;;;"}

package/dist-es/use-style-injection/useStyleInjection.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { useInsertionPoint } from './InsertionPointProvider.js';
+import { useStyleInjection } from '../style-injection-provider/index.js';
 
 var _a;
 const maybeUseInsertionEffect = (_a = React["useInsertionEffect".toString()]) != null ? _a : React.useLayoutEffect;
@@ -9,10 +10,11 @@ function useComponentCssInjection({
   css,
   window: targetWindow
 }) {
+  const styleInjectionEnabled = useStyleInjection();
   const insertionPoint = useInsertionPoint();
   maybeUseInsertionEffect(() => {
     var _a2, _b;
-    if (!targetWindow) {
+    if (!targetWindow || !styleInjectionEnabled) {
       return;
     }
     const sheetsMap = (_a2 = windowSheetsMap.get(targetWindow)) != null ? _a2 : /* @__PURE__ */ new Map();

package/dist-es/use-style-injection/useStyleInjection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStyleInjection.js","sources":["../src/use-style-injection/useStyleInjection.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useInsertionPoint } from \"./InsertionPointProvider\";\n\n/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any -- Workaround for https://github.com/webpack/webpack/issues/14814#issuecomment-1536757985 */\nconst maybeUseInsertionEffect: typeof React.useLayoutEffect =\n  (React as any)[\"useInsertionEffect\".toString()] ?? React.useLayoutEffect;\n/* eslint-enable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */\n\nexport interface UseComponentCssInjection {\n  testId?: string;\n  css: string;\n  window?: Window | null;\n}\n\ntype StyleElementMap = Map<\n  string,\n  { styleElement: HTMLStyleElement | null; count: number }\n>;\n\n// windowSheetsMap maps window objects to StyleElementMaps\n// A StyleElementMap maps css strings to style element tags\nconst windowSheetsMap = new WeakMap<Window, StyleElementMap>();\n\nexport function useComponentCssInjection({\n  testId,\n  css,\n  window: targetWindow,\n}: UseComponentCssInjection): void {\n  const insertionPoint = useInsertionPoint();\n\n  maybeUseInsertionEffect(() => {\n    if (!targetWindow) {\n      return;\n    }\n\n    const sheetsMap =\n      windowSheetsMap.get(targetWindow) ??\n      new Map<\n        string,\n        { styleElement: HTMLStyleElement | null; count: number }\n      >();\n    const styleMap = sheetsMap.get(css) ?? { styleElement: null, count: 0 };\n\n    if (styleMap.styleElement == null) {\n      styleMap.styleElement = targetWindow.document.createElement(\"style\");\n      styleMap.styleElement.setAttribute(\"type\", \"text/css\");\n      styleMap.styleElement.setAttribute(\"data-salt-style\", testId || \"\");\n      styleMap.styleElement.textContent = css;\n\n      styleMap.count = 1;\n\n      targetWindow.document.head.insertBefore(\n        styleMap.styleElement,\n        insertionPoint || targetWindow.document.head.firstChild\n      );\n    } else {\n      styleMap.styleElement.textContent = css;\n      styleMap.count++;\n    }\n    sheetsMap.set(css, styleMap);\n    windowSheetsMap.set(targetWindow, sheetsMap);\n\n    return () => {\n      const sheetsMap = windowSheetsMap.get(targetWindow);\n      const styleMap = sheetsMap?.get(css);\n      if (styleMap?.styleElement) {\n        styleMap.count--;\n        if (styleMap.count < 1) {\n          targetWindow.document.head.removeChild(styleMap.styleElement);\n          styleMap.styleElement = null;\n          sheetsMap?.delete(css);\n        }\n      }\n    };\n  }, [testId, css, targetWindow]);\n}\n"],"names":["_a","sheetsMap","styleMap"],"mappings":";;;AAAA,IAAA,EAAA,CAAA;AAIA,MAAM,2BACH,EAAc,GAAA,KAAA,CAAA,oBAAA,CAAqB,QAAS,EAAA,CAAA,KAA5C,YAAkD,KAAM,CAAA,eAAA,CAAA;AAgB3D,MAAM,eAAA,uBAAsB,OAAiC,EAAA,CAAA;AAEtD,SAAS,wBAAyB,CAAA;AAAA,EACvC,MAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAQ,EAAA,YAAA;AACV,CAAmC,EAAA;AACjC,EAAA,MAAM,iBAAiB,iBAAkB,EAAA,CAAA;AAEzC,EAAA,uBAAA,CAAwB,MAAM;AA9BhC,IAAA,IAAAA,GAAA,EAAA,EAAA,CAAA;AA+BI,IAAA,IAAI,CAAC,YAAc,EAAA;AACjB,MAAA,OAAA;AAAA,KACF;AAEA,IAAM,MAAA,SAAA,GAAA,CACJA,MAAA,eAAgB,CAAA,GAAA,CAAI,YAAY,CAAhC,KAAA,IAAA,GAAAA,GACA,mBAAA,IAAI,GAGF,EAAA,CAAA;AACJ,IAAM,MAAA,QAAA,GAAA,CAAW,EAAU,GAAA,SAAA,CAAA,GAAA,CAAI,GAAG,CAAA,KAAjB,YAAsB,EAAE,YAAA,EAAc,IAAM,EAAA,KAAA,EAAO,CAAE,EAAA,CAAA;AAEtE,IAAI,IAAA,QAAA,CAAS,gBAAgB,IAAM,EAAA;AACjC,MAAA,QAAA,CAAS,YAAe,GAAA,YAAA,CAAa,QAAS,CAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AACnE,MAAS,QAAA,CAAA,YAAA,CAAa,YAAa,CAAA,MAAA,EAAQ,UAAU,CAAA,CAAA;AACrD,MAAA,QAAA,CAAS,YAAa,CAAA,YAAA,CAAa,iBAAmB,EAAA,MAAA,IAAU,EAAE,CAAA,CAAA;AAClE,MAAA,QAAA,CAAS,aAAa,WAAc,GAAA,GAAA,CAAA;AAEpC,MAAA,QAAA,CAAS,KAAQ,GAAA,CAAA,CAAA;AAEjB,MAAA,YAAA,CAAa,SAAS,IAAK,CAAA,YAAA;AAAA,QACzB,QAAS,CAAA,YAAA;AAAA,QACT,cAAA,IAAkB,YAAa,CAAA,QAAA,CAAS,IAAK,CAAA,UAAA;AAAA,OAC/C,CAAA;AAAA,KACK,MAAA;AACL,MAAA,QAAA,CAAS,aAAa,WAAc,GAAA,GAAA,CAAA;AACpC,MAAS,QAAA,CAAA,KAAA,EAAA,CAAA;AAAA,KACX;AACA,IAAU,SAAA,CAAA,GAAA,CAAI,KAAK,QAAQ,CAAA,CAAA;AAC3B,IAAgB,eAAA,CAAA,GAAA,CAAI,cAAc,SAAS,CAAA,CAAA;AAE3C,IAAA,OAAO,MAAM;AACX,MAAMC,MAAAA,UAAAA,GAAY,eAAgB,CAAA,GAAA,CAAI,YAAY,CAAA,CAAA;AAClD,MAAA,MAAMC,SAAWD,GAAAA,UAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAAA,CAAW,GAAI,CAAA,GAAA,CAAA,CAAA;AAChC,MAAIC,IAAAA,SAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAAA,CAAU,YAAc,EAAA;AAC1B,QAAAA,SAAS,CAAA,KAAA,EAAA,CAAA;AACT,QAAIA,IAAAA,SAAAA,CAAS,QAAQ,CAAG,EAAA;AACtB,UAAA,YAAA,CAAa,QAAS,CAAA,IAAA,CAAK,WAAYA,CAAAA,SAAAA,CAAS,YAAY,CAAA,CAAA;AAC5D,UAAAA,UAAS,YAAe,GAAA,IAAA,CAAA;AACxB,UAAAD,UAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAAA,CAAW,MAAO,CAAA,GAAA,CAAA,CAAA;AAAA,SACpB;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,GAAA,EAAK,YAAY,CAAC,CAAA,CAAA;AAChC;;;;"}
+{"version":3,"file":"useStyleInjection.js","sources":["../src/use-style-injection/useStyleInjection.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useInsertionPoint } from \"./InsertionPointProvider\";\nimport { useStyleInjection } from \"../style-injection-provider\";\n\n/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any -- Workaround for https://github.com/webpack/webpack/issues/14814#issuecomment-1536757985 */\nconst maybeUseInsertionEffect: typeof React.useLayoutEffect =\n  (React as any)[\"useInsertionEffect\".toString()] ?? React.useLayoutEffect;\n/* eslint-enable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */\n\nexport interface UseComponentCssInjection {\n  testId?: string;\n  css: string;\n  window?: Window | null;\n}\n\ntype StyleElementMap = Map<\n  string,\n  { styleElement: HTMLStyleElement | null; count: number }\n>;\n\n// windowSheetsMap maps window objects to StyleElementMaps\n// A StyleElementMap maps css strings to style element tags\nconst windowSheetsMap = new WeakMap<Window, StyleElementMap>();\n\nexport function useComponentCssInjection({\n  testId,\n  css,\n  window: targetWindow,\n}: UseComponentCssInjection): void {\n  const styleInjectionEnabled = useStyleInjection();\n  const insertionPoint = useInsertionPoint();\n\n  maybeUseInsertionEffect(() => {\n    if (!targetWindow || !styleInjectionEnabled) {\n      return;\n    }\n\n    const sheetsMap =\n      windowSheetsMap.get(targetWindow) ??\n      new Map<\n        string,\n        { styleElement: HTMLStyleElement | null; count: number }\n      >();\n    const styleMap = sheetsMap.get(css) ?? { styleElement: null, count: 0 };\n\n    if (styleMap.styleElement == null) {\n      styleMap.styleElement = targetWindow.document.createElement(\"style\");\n      styleMap.styleElement.setAttribute(\"type\", \"text/css\");\n      styleMap.styleElement.setAttribute(\"data-salt-style\", testId || \"\");\n      styleMap.styleElement.textContent = css;\n\n      styleMap.count = 1;\n\n      targetWindow.document.head.insertBefore(\n        styleMap.styleElement,\n        insertionPoint || targetWindow.document.head.firstChild\n      );\n    } else {\n      styleMap.styleElement.textContent = css;\n      styleMap.count++;\n    }\n    sheetsMap.set(css, styleMap);\n    windowSheetsMap.set(targetWindow, sheetsMap);\n\n    return () => {\n      const sheetsMap = windowSheetsMap.get(targetWindow);\n      const styleMap = sheetsMap?.get(css);\n      if (styleMap?.styleElement) {\n        styleMap.count--;\n        if (styleMap.count < 1) {\n          targetWindow.document.head.removeChild(styleMap.styleElement);\n          styleMap.styleElement = null;\n          sheetsMap?.delete(css);\n        }\n      }\n    };\n  }, [testId, css, targetWindow]);\n}\n"],"names":["_a","sheetsMap","styleMap"],"mappings":";;;;AAAA,IAAA,EAAA,CAAA;AAKA,MAAM,2BACH,EAAc,GAAA,KAAA,CAAA,oBAAA,CAAqB,QAAS,EAAA,CAAA,KAA5C,YAAkD,KAAM,CAAA,eAAA,CAAA;AAgB3D,MAAM,eAAA,uBAAsB,OAAiC,EAAA,CAAA;AAEtD,SAAS,wBAAyB,CAAA;AAAA,EACvC,MAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAQ,EAAA,YAAA;AACV,CAAmC,EAAA;AACjC,EAAA,MAAM,wBAAwB,iBAAkB,EAAA,CAAA;AAChD,EAAA,MAAM,iBAAiB,iBAAkB,EAAA,CAAA;AAEzC,EAAA,uBAAA,CAAwB,MAAM;AAhChC,IAAA,IAAAA,GAAA,EAAA,EAAA,CAAA;AAiCI,IAAI,IAAA,CAAC,YAAgB,IAAA,CAAC,qBAAuB,EAAA;AAC3C,MAAA,OAAA;AAAA,KACF;AAEA,IAAM,MAAA,SAAA,GAAA,CACJA,MAAA,eAAgB,CAAA,GAAA,CAAI,YAAY,CAAhC,KAAA,IAAA,GAAAA,GACA,mBAAA,IAAI,GAGF,EAAA,CAAA;AACJ,IAAM,MAAA,QAAA,GAAA,CAAW,EAAU,GAAA,SAAA,CAAA,GAAA,CAAI,GAAG,CAAA,KAAjB,YAAsB,EAAE,YAAA,EAAc,IAAM,EAAA,KAAA,EAAO,CAAE,EAAA,CAAA;AAEtE,IAAI,IAAA,QAAA,CAAS,gBAAgB,IAAM,EAAA;AACjC,MAAA,QAAA,CAAS,YAAe,GAAA,YAAA,CAAa,QAAS,CAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AACnE,MAAS,QAAA,CAAA,YAAA,CAAa,YAAa,CAAA,MAAA,EAAQ,UAAU,CAAA,CAAA;AACrD,MAAA,QAAA,CAAS,YAAa,CAAA,YAAA,CAAa,iBAAmB,EAAA,MAAA,IAAU,EAAE,CAAA,CAAA;AAClE,MAAA,QAAA,CAAS,aAAa,WAAc,GAAA,GAAA,CAAA;AAEpC,MAAA,QAAA,CAAS,KAAQ,GAAA,CAAA,CAAA;AAEjB,MAAA,YAAA,CAAa,SAAS,IAAK,CAAA,YAAA;AAAA,QACzB,QAAS,CAAA,YAAA;AAAA,QACT,cAAA,IAAkB,YAAa,CAAA,QAAA,CAAS,IAAK,CAAA,UAAA;AAAA,OAC/C,CAAA;AAAA,KACK,MAAA;AACL,MAAA,QAAA,CAAS,aAAa,WAAc,GAAA,GAAA,CAAA;AACpC,MAAS,QAAA,CAAA,KAAA,EAAA,CAAA;AAAA,KACX;AACA,IAAU,SAAA,CAAA,GAAA,CAAI,KAAK,QAAQ,CAAA,CAAA;AAC3B,IAAgB,eAAA,CAAA,GAAA,CAAI,cAAc,SAAS,CAAA,CAAA;AAE3C,IAAA,OAAO,MAAM;AACX,MAAMC,MAAAA,UAAAA,GAAY,eAAgB,CAAA,GAAA,CAAI,YAAY,CAAA,CAAA;AAClD,MAAA,MAAMC,SAAWD,GAAAA,UAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAAA,CAAW,GAAI,CAAA,GAAA,CAAA,CAAA;AAChC,MAAIC,IAAAA,SAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAAA,CAAU,YAAc,EAAA;AAC1B,QAAAA,SAAS,CAAA,KAAA,EAAA,CAAA;AACT,QAAIA,IAAAA,SAAAA,CAAS,QAAQ,CAAG,EAAA;AACtB,UAAA,YAAA,CAAa,QAAS,CAAA,IAAA,CAAK,WAAYA,CAAAA,SAAAA,CAAS,YAAY,CAAA,CAAA;AAC5D,UAAAA,UAAS,YAAe,GAAA,IAAA,CAAA;AACxB,UAAAD,UAAAA,IAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAAA,CAAW,MAAO,CAAA,GAAA,CAAA,CAAA;AAAA,SACpB;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,GAAA,EAAK,YAAY,CAAC,CAAA,CAAA;AAChC;;;;"}

package/dist-types/index.d.ts

@@ -1 +1,2 @@
 export * from "./use-style-injection";
+export * from "./style-injection-provider";

package/dist-types/style-injection-provider/index.d.ts

@@ -0,0 +1,2 @@
+export declare const useStyleInjection: () => boolean;
+export declare const StyleInjectionProvider: import("react").Provider<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/styles",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",