simplestyle-js 4.1.2 → 4.2.0

package/README.md

@@ -94,7 +94,7 @@ Rules support nested selectors via `&`, media queries, and `$className` back-ref
 
 - `keyframes(ruleId, frames, options?)`
   - Generates a unique animation name and accompanying `@keyframes` CSS.
-  - Returns `[animationName, stylesheet]`. Respects `flush` and `insertBefore/After` options.
+  - Returns `{ keyframe: string; stylesheet: string; }`. Respects `flush` and `insertBefore/After` options.
 
 - `rawStyles(ruleId, rules, options?)`
   - Writes rules without generating new class names. Keys must already be selectors (e.g., `html`, `body *`, `.app`).

package/dist/cjs/createStyles.cjs

@@ -181,16 +181,16 @@ function makeRawStyles(registry) {
 }
 function keyframes(ruleId, frames, options) {
     const coerced = coerceCreateStylesOptions(options);
-    const keyframeName = (0, _generateClassName.generateClassName)(`${ruleId}_keyframes`);
-    const { sheetBuffer: keyframesContents } = execCreateStyles(ruleId, frames, coerced, null, true);
-    const stylesheet = `@keyframes ${keyframeName}{${keyframesContents}}`;
+    const keyframeId = (0, _generateClassName.generateClassName)(`${ruleId}_keyframes`);
+    const { sheetBuffer: keyframesContents } = execCreateStyles(keyframeId, frames, coerced, null, true);
+    const stylesheet = `@keyframes ${keyframeId}{${keyframesContents}}`;
     if (options?.registry) {
-        options.registry.add(keyframeName, keyframesContents);
+        options.registry.add(keyframeId, stylesheet);
     } else if (coerced.flush) {
-        flushSheetContents(ruleId, stylesheet);
+        flushSheetContents(keyframeId, stylesheet);
     }
     return {
-        keyframeName,
+        keyframe: keyframeId,
         stylesheet
     };
 }

package/dist/cjs/createStyles.d.ts

@@ -29,11 +29,11 @@ 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): {
-    keyframeName: string;
+    keyframe: string;
     stylesheet: string;
 };
 export declare function makeKeyframes(registry: SimpleStyleRegistry): <T extends Record<string, Properties>>(ruleId: string, rules: T) => {
-    keyframeName: string;
+    keyframe: 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) => {

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.cjs"));
-const _index = require("../util/index.cjs");
+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/esm/createStyles.d.ts

@@ -29,11 +29,11 @@ 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): {
-    keyframeName: string;
+    keyframe: string;
     stylesheet: string;
 };
 export declare function makeKeyframes(registry: SimpleStyleRegistry): <T extends Record<string, Properties>>(ruleId: string, rules: T) => {
-    keyframeName: string;
+    keyframe: 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) => {

package/dist/esm/createStyles.mjs

@@ -146,16 +146,16 @@ export function makeRawStyles(registry) {
 }
 export function keyframes(ruleId, frames, options) {
     const coerced = coerceCreateStylesOptions(options);
-    const keyframeName = generateClassName(`${ruleId}_keyframes`);
-    const { sheetBuffer: keyframesContents } = execCreateStyles(ruleId, frames, coerced, null, true);
-    const stylesheet = `@keyframes ${keyframeName}{${keyframesContents}}`;
+    const keyframeId = generateClassName(`${ruleId}_keyframes`);
+    const { sheetBuffer: keyframesContents } = execCreateStyles(keyframeId, frames, coerced, null, true);
+    const stylesheet = `@keyframes ${keyframeId}{${keyframesContents}}`;
     if (options?.registry) {
-        options.registry.add(keyframeName, keyframesContents);
+        options.registry.add(keyframeId, stylesheet);
     } else if (coerced.flush) {
-        flushSheetContents(ruleId, stylesheet);
+        flushSheetContents(keyframeId, stylesheet);
     }
     return {
-        keyframeName,
+        keyframe: keyframeId,
         stylesheet
     };
 }

package/dist/esm/react/useCreateStyles.mjs

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
-import createStyles from '../createStyles.mjs';
-import { deepEqual } from '../util/index.mjs';
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simplestyle-js",
-  "version": "4.1.2",
+  "version": "4.2.0",
   "description": "An incredibly straightforward and simple CSS-in-JS solution with zero runtime dependencies, and out-of-the-box TypeScript support",
   "type": "module",
   "repository": {
@@ -47,7 +47,7 @@
     "postcss": "^8.5.6",
     "react": ">=18",
     "react-dom": ">=18",
-    "@better-builds/ts-duality": "latest",
+    "@better-builds/ts-duality": "^0.6.0",
     "typescript": "^5.9.3",
     "vite": "^7.2.6",
     "vitest": "^4.0.14"
@@ -175,4 +175,4 @@
   "module": "./dist/esm/index.mjs",
   "types": "./dist/cjs/index.d.ts",
   "main": "./dist/cjs/index.cjs"
-}
+}