simplestyle-js 4.1.0 → 4.1.2

package/dist/cjs/createStyles.cjs

@@ -29,8 +29,8 @@ _export(exports, {
     }
 });
 const _deepmerge = /*#__PURE__*/ _interop_require_default(require("deepmerge"));
-const _generateClassName = require("./generateClassName.js");
-const _plugins = require("./plugins.js");
+const _generateClassName = require("./generateClassName.cjs");
+const _plugins = require("./plugins.cjs");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -161,10 +161,15 @@ function coerceCreateStylesOptions(options) {
     };
 }
 function rawStyles(ruleId, rules, options) {
+    const rawStylesId = `${ruleId}_raw`;
     const coerced = coerceCreateStylesOptions(options);
-    const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(ruleId, rules, coerced, null, true);
+    const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(rawStylesId, rules, coerced, null, true);
     const mergedContents = `${sheetContents}${mediaQueriesContents}`;
-    if (coerced.flush) flushSheetContents(ruleId, mergedContents, options);
+    if (options?.registry) {
+        options.registry.add(rawStylesId, mergedContents);
+    } else if (coerced.flush) {
+        flushSheetContents(rawStylesId, mergedContents, options);
+    }
     return mergedContents;
 }
 function makeRawStyles(registry) {
@@ -176,14 +181,18 @@ function makeRawStyles(registry) {
 }
 function keyframes(ruleId, frames, options) {
     const coerced = coerceCreateStylesOptions(options);
-    const keyframeName = (0, _generateClassName.generateClassName)(`${ruleId}_keyframes_`);
+    const keyframeName = (0, _generateClassName.generateClassName)(`${ruleId}_keyframes`);
     const { sheetBuffer: keyframesContents } = execCreateStyles(ruleId, frames, coerced, null, true);
-    const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;
-    if (coerced.flush) flushSheetContents(ruleId, sheetContents);
-    return [
+    const stylesheet = `@keyframes ${keyframeName}{${keyframesContents}}`;
+    if (options?.registry) {
+        options.registry.add(keyframeName, keyframesContents);
+    } else if (coerced.flush) {
+        flushSheetContents(ruleId, stylesheet);
+    }
+    return {
         keyframeName,
-        sheetContents
-    ];
+        stylesheet
+    };
 }
 function makeKeyframes(registry) {
     return function wrappedCreateKeyframes(ruleId, rules) {

package/dist/cjs/createStyles.d.ts

@@ -28,8 +28,14 @@ export type CreateStylesOptions = Partial<{
 }>;
 export declare function rawStyles<T extends SimpleStyleRules>(ruleId: string, rules: T, options?: Partial<CreateStylesOptions>): string;
 export declare function makeRawStyles(registry: SimpleStyleRegistry): <T extends SimpleStyleRules>(ruleId: string, rules: T) => string;
-export declare function keyframes<T extends Record<string, Properties>>(ruleId: string, frames: T, options?: CreateStylesOptions): [string, string];
-export declare function makeKeyframes(registry: SimpleStyleRegistry): <T extends Record<string, Properties>>(ruleId: string, rules: T) => [string, string];
+export declare function keyframes<T extends Record<string, Properties>>(ruleId: string, frames: T, options?: CreateStylesOptions): {
+    keyframeName: string;
+    stylesheet: string;
+};
+export declare function makeKeyframes(registry: SimpleStyleRegistry): <T extends Record<string, Properties>>(ruleId: string, rules: T) => {
+    keyframeName: string;
+    stylesheet: string;
+};
 export declare function makeCreateStyles(registry: SimpleStyleRegistry): <T extends SimpleStyleRules, K extends keyof T, O extends Record<K, string>>(ruleId: string, rules: T) => {
     classes: O;
     stylesheet: string;

package/dist/cjs/generateClassName.cjs

@@ -19,7 +19,7 @@ _export(exports, {
         return setSeed;
     }
 });
-const _numToAlpha = /*#__PURE__*/ _interop_require_default(require("./numToAlpha.js"));
+const _numToAlpha = /*#__PURE__*/ _interop_require_default(require("./numToAlpha.cjs"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/index.cjs

@@ -34,9 +34,9 @@ _export(exports, {
         return _generateClassName.setSeed;
     }
 });
-const _createStyles = /*#__PURE__*/ _interop_require_wildcard(require("./createStyles.js"));
-const _generateClassName = require("./generateClassName.js");
-const _plugins = require("./plugins.js");
+const _createStyles = /*#__PURE__*/ _interop_require_wildcard(require("./createStyles.cjs"));
+const _generateClassName = require("./generateClassName.cjs");
+const _plugins = require("./plugins.cjs");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();

package/dist/cjs/react/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_export_star(require("./useCreateStyles.js"), exports);
+_export_star(require("./useCreateStyles.cjs"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/react/useCreateStyles.cjs

@@ -9,8 +9,8 @@ Object.defineProperty(exports, "useCreateStyles", {
     }
 });
 const _react = require("react");
-const _createStyles = /*#__PURE__*/ _interop_require_default(require("../createStyles.js"));
-const _index = require("../util/index.js");
+const _createStyles = /*#__PURE__*/ _interop_require_default(require("../createStyles.cjs"));
+const _index = require("../util/index.cjs");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/util/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_export_star(require("./deepEqual.js"), exports);
+_export_star(require("./deepEqual.cjs"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/esm/createStyles.d.ts

@@ -28,8 +28,14 @@ export type CreateStylesOptions = Partial<{
 }>;
 export declare function rawStyles<T extends SimpleStyleRules>(ruleId: string, rules: T, options?: Partial<CreateStylesOptions>): string;
 export declare function makeRawStyles(registry: SimpleStyleRegistry): <T extends SimpleStyleRules>(ruleId: string, rules: T) => string;
-export declare function keyframes<T extends Record<string, Properties>>(ruleId: string, frames: T, options?: CreateStylesOptions): [string, string];
-export declare function makeKeyframes(registry: SimpleStyleRegistry): <T extends Record<string, Properties>>(ruleId: string, rules: T) => [string, string];
+export declare function keyframes<T extends Record<string, Properties>>(ruleId: string, frames: T, options?: CreateStylesOptions): {
+    keyframeName: string;
+    stylesheet: string;
+};
+export declare function makeKeyframes(registry: SimpleStyleRegistry): <T extends Record<string, Properties>>(ruleId: string, rules: T) => {
+    keyframeName: string;
+    stylesheet: string;
+};
 export declare function makeCreateStyles(registry: SimpleStyleRegistry): <T extends SimpleStyleRules, K extends keyof T, O extends Record<K, string>>(ruleId: string, rules: T) => {
     classes: O;
     stylesheet: string;

package/dist/esm/createStyles.mjs

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-deprecated */ import merge from 'deepmerge';
-import { generateClassName } from './generateClassName.js';
-import { getPosthooks } from './plugins.js';
+import { generateClassName } from './generateClassName.mjs';
+import { getPosthooks } from './plugins.mjs';
 function isNestedSelector(r) {
     return /&/g.test(r);
 }
@@ -126,10 +126,15 @@ function coerceCreateStylesOptions(options) {
     };
 }
 export function rawStyles(ruleId, rules, options) {
+    const rawStylesId = `${ruleId}_raw`;
     const coerced = coerceCreateStylesOptions(options);
-    const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(ruleId, rules, coerced, null, true);
+    const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(rawStylesId, rules, coerced, null, true);
     const mergedContents = `${sheetContents}${mediaQueriesContents}`;
-    if (coerced.flush) flushSheetContents(ruleId, mergedContents, options);
+    if (options?.registry) {
+        options.registry.add(rawStylesId, mergedContents);
+    } else if (coerced.flush) {
+        flushSheetContents(rawStylesId, mergedContents, options);
+    }
     return mergedContents;
 }
 export function makeRawStyles(registry) {
@@ -141,14 +146,18 @@ export function makeRawStyles(registry) {
 }
 export function keyframes(ruleId, frames, options) {
     const coerced = coerceCreateStylesOptions(options);
-    const keyframeName = generateClassName(`${ruleId}_keyframes_`);
+    const keyframeName = generateClassName(`${ruleId}_keyframes`);
     const { sheetBuffer: keyframesContents } = execCreateStyles(ruleId, frames, coerced, null, true);
-    const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;
-    if (coerced.flush) flushSheetContents(ruleId, sheetContents);
-    return [
+    const stylesheet = `@keyframes ${keyframeName}{${keyframesContents}}`;
+    if (options?.registry) {
+        options.registry.add(keyframeName, keyframesContents);
+    } else if (coerced.flush) {
+        flushSheetContents(ruleId, stylesheet);
+    }
+    return {
         keyframeName,
-        sheetContents
-    ];
+        stylesheet
+    };
 }
 export function makeKeyframes(registry) {
     return function wrappedCreateKeyframes(ruleId, rules) {

package/dist/esm/generateClassName.mjs

@@ -1,4 +1,4 @@
-import numToAlpha from './numToAlpha.js';
+import numToAlpha from './numToAlpha.mjs';
 let inc = Date.now();
 export function setSeed(seed) {
     if (seed === null) {

package/dist/esm/index.mjs

@@ -1,3 +1,3 @@
-export { default as createStyles, keyframes, makeCreateStyles, makeKeyframes, makeRawStyles, rawStyles } from './createStyles.js';
-export { setSeed } from './generateClassName.js';
-export { registerPosthook } from './plugins.js';
+export { default as createStyles, keyframes, makeCreateStyles, makeKeyframes, makeRawStyles, rawStyles } from './createStyles.mjs';
+export { setSeed } from './generateClassName.mjs';
+export { registerPosthook } from './plugins.mjs';

package/dist/esm/react/index.mjs

@@ -1 +1 @@
-export * from './useCreateStyles.js';
+export * from './useCreateStyles.mjs';

package/dist/esm/react/useCreateStyles.mjs

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
-import createStyles from '../createStyles.js';
-import { deepEqual } from '../util/index.js';
+import createStyles from '../createStyles.mjs';
+import { deepEqual } from '../util/index.mjs';
 export function useCreateStyles(ruleId, rules, options) {
     // cache rules to compare later
     const [cachedRules, setCachedRules] = useState(()=>rules);

package/dist/esm/util/index.mjs

@@ -1 +1 @@
-export * from './deepEqual.js';
+export * from './deepEqual.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simplestyle-js",
-  "version": "4.1.0",
+  "version": "4.1.2",
   "description": "An incredibly straightforward and simple CSS-in-JS solution with zero runtime dependencies, and out-of-the-box TypeScript support",
   "type": "module",
   "repository": {
@@ -60,9 +60,119 @@
     "react": ">=16.8"
   },
   "exports": {
+    "./createStyles": {
+      "require": {
+        "types": "./dist/cjs/createStyles.d.ts",
+        "default": "./dist/cjs/createStyles.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/createStyles.d.ts",
+        "default": "./dist/esm/createStyles.mjs"
+      }
+    },
+    "./generateClassName": {
+      "require": {
+        "types": "./dist/cjs/generateClassName.d.ts",
+        "default": "./dist/cjs/generateClassName.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/generateClassName.d.ts",
+        "default": "./dist/esm/generateClassName.mjs"
+      }
+    },
+    ".": {
+      "require": {
+        "types": "./dist/cjs/index.d.ts",
+        "default": "./dist/cjs/index.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.mjs"
+      }
+    },
+    "./numToAlpha": {
+      "require": {
+        "types": "./dist/cjs/numToAlpha.d.ts",
+        "default": "./dist/cjs/numToAlpha.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/numToAlpha.d.ts",
+        "default": "./dist/esm/numToAlpha.mjs"
+      }
+    },
+    "./plugins": {
+      "require": {
+        "types": "./dist/cjs/plugins.d.ts",
+        "default": "./dist/cjs/plugins.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/plugins.d.ts",
+        "default": "./dist/esm/plugins.mjs"
+      }
+    },
+    "./react": {
+      "require": {
+        "types": "./dist/cjs/react/index.d.ts",
+        "default": "./dist/cjs/react/index.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/react/index.d.ts",
+        "default": "./dist/esm/react/index.mjs"
+      }
+    },
+    "./react/useCreateStyles": {
+      "require": {
+        "types": "./dist/cjs/react/useCreateStyles.d.ts",
+        "default": "./dist/cjs/react/useCreateStyles.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/react/useCreateStyles.d.ts",
+        "default": "./dist/esm/react/useCreateStyles.mjs"
+      }
+    },
+    "./simpleStyleRegistry": {
+      "require": {
+        "types": "./dist/cjs/simpleStyleRegistry.d.ts",
+        "default": "./dist/cjs/simpleStyleRegistry.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/simpleStyleRegistry.d.ts",
+        "default": "./dist/esm/simpleStyleRegistry.mjs"
+      }
+    },
+    "./types": {
+      "require": {
+        "types": "./dist/cjs/types.d.ts",
+        "default": "./dist/cjs/types.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/types.d.ts",
+        "default": "./dist/esm/types.mjs"
+      }
+    },
+    "./util/deepEqual": {
+      "require": {
+        "types": "./dist/cjs/util/deepEqual.d.ts",
+        "default": "./dist/cjs/util/deepEqual.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/util/deepEqual.d.ts",
+        "default": "./dist/esm/util/deepEqual.mjs"
+      }
+    },
+    "./util": {
+      "require": {
+        "types": "./dist/cjs/util/index.d.ts",
+        "default": "./dist/cjs/util/index.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/util/index.d.ts",
+        "default": "./dist/esm/util/index.mjs"
+      }
+    },
     "./package.json": "./package.json"
   },
   "module": "./dist/esm/index.mjs",
   "types": "./dist/cjs/index.d.ts",
   "main": "./dist/cjs/index.cjs"
-}
+}