css-engine-test-pb 0.0.8 → 0.1.0

package/dist/index.d.ts

@@ -5,4 +5,5 @@ export declare const shorthands: {
 export { makeStyles } from './makeStyles';
 export { makeResetStyles } from './makeResetStyles';
 export { mergeClasses } from './mergeClasses';
+export { makeStaticStyles } from './makeStaticStyles';
 export type { StyleRule, CSSProperties, GeneratedClasses, StyleSlots } from './types';

package/dist/index.js

@@ -5,3 +5,4 @@ export const shorthands = {
 export { makeStyles } from './makeStyles';
 export { makeResetStyles } from './makeResetStyles';
 export { mergeClasses } from './mergeClasses';
+export { makeStaticStyles } from './makeStaticStyles';

package/dist/makeStaticStyles.d.ts

@@ -0,0 +1,7 @@
+interface StaticStyles {
+    [selector: string]: {
+        [property: string]: string | number;
+    };
+}
+export declare function makeStaticStyles(styles: StaticStyles | StaticStyles[]): () => void;
+export {};

package/dist/makeStaticStyles.js

@@ -0,0 +1,25 @@
+import { getGlobalEngine } from './engine';
+import { StyleBucket } from './types';
+export function makeStaticStyles(styles) {
+    const engine = getGlobalEngine();
+    const stylesArray = Array.isArray(styles) ? styles : [styles];
+    let inserted = false;
+    return function useStaticStyles() {
+        if (inserted) {
+            return;
+        }
+        stylesArray.forEach(styleBlock => {
+            Object.entries(styleBlock).forEach(([selector, properties]) => {
+                const cssProperties = Object.entries(properties)
+                    .map(([prop, value]) => {
+                    const kebabProp = prop.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`);
+                    return `${kebabProp}: ${value};`;
+                })
+                    .join(' ');
+                const cssRule = `${selector} { ${cssProperties} }`;
+                engine['insertion'].insertRule(cssRule, StyleBucket.RESET);
+            });
+        });
+        inserted = true;
+    };
+}

package/dist/types.d.ts

@@ -12,6 +12,7 @@ export interface CSSProperties {
     minHeight?: CSSValue;
     maxWidth?: CSSValue;
     maxHeight?: CSSValue;
+    boxSizing?: CSSValue;
     flex?: CSSValue;
     flexDirection?: CSSValue;
     flexWrap?: CSSValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-engine-test-pb",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",