@acusti/styling 0.5.0 → 0.6.0-alpha

package/dist/Style.js

@@ -4,19 +4,19 @@ const { useCallback, useEffect, useRef, useState } = React;
 const Style = ({ children: styles }) => {
     const [ownerDocument, setOwnerDocument] = useState(null);
     const handleRef = useCallback((element) => {
-        if (!element) return;
+        if (!element)
+            return;
         setOwnerDocument(element.ownerDocument);
     }, []);
-    useEffect(
-        () => () => {
-            if (!ownerDocument) return;
-            unregisterStyles({ ownerDocument, styles });
-        },
-        [ownerDocument],
-    );
+    useEffect(() => () => {
+        if (!ownerDocument)
+            return;
+        unregisterStyles({ ownerDocument, styles });
+    }, [ownerDocument]);
     const previousStylesRef = useRef('');
     useEffect(() => {
-        if (!ownerDocument) return;
+        if (!ownerDocument)
+            return;
         updateStyles({
             ownerDocument,
             previousStyles: previousStylesRef.current,
@@ -24,8 +24,11 @@ const Style = ({ children: styles }) => {
         });
         previousStylesRef.current = styles;
     }, [ownerDocument, styles]);
-    if (ownerDocument) return null;
-    return React.createElement('style', { ref: handleRef }, styles);
+    if (ownerDocument)
+        return null;
+    return (React.createElement("style", { dangerouslySetInnerHTML: {
+            __html: styles,
+        }, ref: handleRef }));
 };
 export default Style;
-//# sourceMappingURL=Style.js.map
+//# sourceMappingURL=Style.js.map

package/dist/Style.js.flow

@@ -1,12 +1,12 @@
 /**
  * Flowtype definitions for Style
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.14.1
+ * Flowgen v1.20.0
  * @flow
  */
 
 declare type Props = {|
-    children: string,
+  children: string,
 |};
 declare var Style: (x: Props) => React$Node | null;
 declare export default typeof Style;

package/dist/Style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Style.js","sourceRoot":"","sources":["../src/Style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AAM3D,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAS,EAAE,EAAE;IAC1C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAE1E,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,OAA2B,EAAE,EAAE;QAC1D,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,gBAAgB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CACL,GAAG,EAAE,CAAC,GAAG,EAAE;QACP,IAAI,CAAC,aAAa;YAAE,OAAO;QAC3B,gBAAgB,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;IAChD,CAAC,EACD,CAAC,aAAa,CAAC,CAClB,CAAC;IAEF,MAAM,iBAAiB,GAAG,MAAM,CAAS,EAAE,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,YAAY,CAAC;YACT,aAAa;YACb,cAAc,EAAE,iBAAiB,CAAC,OAAO;YACzC,MAAM;SACT,CAAC,CAAC;QAEH,iBAAiB,CAAC,OAAO,GAAG,MAAM,CAAC;IACvC,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,IAAI,aAAa;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,+BAAO,GAAG,EAAE,SAAS,IAAG,MAAM,CAAS,CAAC;AACnD,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Style.js","sourceRoot":"","sources":["../src/Style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AAM3D,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAS,EAAE,EAAE;IAC1C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAE1E,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,OAA2B,EAAE,EAAE;QAC1D,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,gBAAgB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CACL,GAAG,EAAE,CAAC,GAAG,EAAE;QACP,IAAI,CAAC,aAAa;YAAE,OAAO;QAC3B,gBAAgB,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;IAChD,CAAC,EACD,CAAC,aAAa,CAAC,CAClB,CAAC;IAEF,MAAM,iBAAiB,GAAG,MAAM,CAAS,EAAE,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,YAAY,CAAC;YACT,aAAa;YACb,cAAc,EAAE,iBAAiB,CAAC,OAAO;YACzC,MAAM;SACT,CAAC,CAAC;QAEH,iBAAiB,CAAC,OAAO,GAAG,MAAM,CAAC;IACvC,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,IAAI,aAAa;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACH,+BACI,uBAAuB,EAAE;YACrB,MAAM,EAAE,MAAM;SACjB,EACD,GAAG,EAAE,SAAS,GAChB,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,2 @@
 export { default as Style } from './Style.js';
-export declare const SYSTEM_UI_FONT =
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
+export declare const SYSTEM_UI_FONT = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif";

package/dist/index.js

@@ -1,4 +1,3 @@
 export { default as Style } from './Style.js';
-export const SYSTEM_UI_FONT =
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
-//# sourceMappingURL=index.js.map
+export const SYSTEM_UI_FONT = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
+//# sourceMappingURL=index.js.map

package/dist/index.js.flow

@@ -1,9 +1,9 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.14.1
+ * Flowgen v1.20.0
  * @flow
  */
 
-declare export { default as Style } from './Style.js';
+declare export { default as Style } from "./Style.js";
 declare export var SYSTEM_UI_FONT: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';

package/dist/style-registry.d.ts

@@ -9,9 +9,5 @@ declare type UpdatePayload = {
     previousStyles: string;
     styles: string;
 };
-export declare const updateStyles: ({
-    ownerDocument,
-    previousStyles,
-    styles,
-}: UpdatePayload) => void;
+export declare const updateStyles: ({ ownerDocument, previousStyles, styles, }: UpdatePayload) => void;
 export {};

package/dist/style-registry.js

@@ -1,11 +1,9 @@
 const styleRegistry = new Map();
 export const registerStyles = ({ ownerDocument, styles }) => {
-    if (!styles) return;
+    if (!styles)
+        return;
     const stylesMap = styleRegistry.get(styles);
-    const existingStylesItem =
-        stylesMap === null || stylesMap === void 0
-            ? void 0
-            : stylesMap.get(ownerDocument);
+    const existingStylesItem = stylesMap === null || stylesMap === void 0 ? void 0 : stylesMap.get(ownerDocument);
     if (existingStylesItem) {
         existingStylesItem.referenceCount++;
         return;
@@ -22,15 +20,15 @@ export const registerStyles = ({ ownerDocument, styles }) => {
     styleRegistry.set(styles, new Map([[ownerDocument, stylesItem]]));
 };
 export const unregisterStyles = ({ ownerDocument, styles }) => {
-    if (!styles) return;
+    if (!styles)
+        return;
     const stylesMap = styleRegistry.get(styles);
-    const stylesItem =
-        stylesMap === null || stylesMap === void 0
-            ? void 0
-            : stylesMap.get(ownerDocument);
-    if (!stylesMap || !stylesItem) return;
+    const stylesItem = stylesMap === null || stylesMap === void 0 ? void 0 : stylesMap.get(ownerDocument);
+    if (!stylesMap || !stylesItem)
+        return;
     stylesItem.referenceCount--;
-    if (stylesItem.referenceCount) return;
+    if (stylesItem.referenceCount)
+        return;
     // If no more references to these styles in this document, remove <style> element from the DOM
     const { parentElement } = stylesItem.element;
     if (parentElement) {
@@ -38,15 +36,17 @@ export const unregisterStyles = ({ ownerDocument, styles }) => {
     }
     // Then remove the document Map
     stylesMap.delete(ownerDocument);
-    if (stylesMap.size) return;
+    if (stylesMap.size)
+        return;
     // If no more references to these styles in any document, remove it entirely
     styleRegistry.delete(styles);
 };
-export const updateStyles = ({ ownerDocument, previousStyles, styles }) => {
-    if (previousStyles === styles) return;
+export const updateStyles = ({ ownerDocument, previousStyles, styles, }) => {
+    if (previousStyles === styles)
+        return;
     if (previousStyles) {
         unregisterStyles({ ownerDocument, styles: previousStyles });
     }
     registerStyles({ ownerDocument, styles });
 };
-//# sourceMappingURL=style-registry.js.map
+//# sourceMappingURL=style-registry.js.map

package/dist/style-registry.js.flow

@@ -1,20 +1,19 @@
 /**
  * Flowtype definitions for style-registry
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.14.1
+ * Flowgen v1.20.0
  * @flow
  */
 
 declare type Payload = {|
-    ownerDocument: Document,
-    styles: string,
+  ownerDocument: Document,
+  styles: string,
 |};
 declare export var registerStyles: (x: Payload) => void;
 declare export var unregisterStyles: (x: Payload) => void;
 declare type UpdatePayload = {|
-    ownerDocument: Document,
-    previousStyles: string,
-    styles: string,
+  ownerDocument: Document,
+  previousStyles: string,
+  styles: string,
 |};
 declare export var updateStyles: (x: UpdatePayload) => void;
-declare export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acusti/styling",
-    "version": "0.5.0",
+    "version": "0.6.0-alpha",
     "type": "module",
     "sideEffects": false,
     "exports": "./dist/index.js",
@@ -21,8 +21,8 @@
     },
     "homepage": "https://github.com/acusti/uikit/tree/main/packages/styling#readme",
     "devDependencies": {
-        "@types/react": "^17.0.3",
-        "typescript": "^4.4.3"
+        "@types/react": "^18.0.15",
+        "typescript": "~4.6.4"
     },
     "peerDependencies": {
         "react": "^16.8 || ^17 || ^18",

package/src/Style.tsx

@@ -40,7 +40,14 @@ const Style = ({ children: styles }: Props) => {
 
     if (ownerDocument) return null;
 
-    return <style ref={handleRef}>{styles}</style>;
+    return (
+        <style
+            dangerouslySetInnerHTML={{
+                __html: styles,
+            }}
+            ref={handleRef}
+        />
+    );
 };
 
 export default Style;