simplestyle-js 5.1.0 → 5.2.0

package/README.md

@@ -3,7 +3,7 @@
 An ultra-tiny, neat, easy-to-use CSS-in-JS library with SSR support,
 tiny bundle size and only *one runtime dependency*.
 
-`6.06kB` / `2.55kB gzip` ([courtesy of bundlejs.com](https://bundlejs.com/?q=simplestyle-js%404.0.1))
+`6.48kB` / `2.69kB gzip` ([courtesy of bundlejs.com](https://bundlejs.com/?q=simplestyle-js))
 
 # Simplestyle-js Reference
 

package/dist/cjs/makeStyles.cjs

@@ -10,19 +10,22 @@ Object.defineProperty(exports, "makeCssFuncs", {
 });
 const _createStyles = require("./createStyles.cjs");
 function makeCssFuncs(opts) {
-    function wrappedCreateStyles(ruleId, rulesFnc) {
+    function wrappedCreateStyles(ruleId, rulesFnc, overrides) {
         return (0, _createStyles.createStyles)(ruleId, ()=>rulesFnc('variables' in opts ? opts.variables : undefined), {
-            registry: 'registry' in opts ? opts.registry : undefined
+            ...overrides,
+            registry: 'registry' in opts ? opts.registry : overrides?.registry
         });
     }
-    function wrappedCreateKeyframes(ruleId, rulesFnc) {
+    function wrappedCreateKeyframes(ruleId, rulesFnc, overrides) {
         return (0, _createStyles.keyframes)(ruleId, ()=>rulesFnc('variables' in opts ? opts.variables : undefined), {
-            registry: 'registry' in opts ? opts.registry : undefined
+            ...overrides,
+            registry: 'registry' in opts ? opts.registry : overrides?.registry
         });
     }
-    function wrappedRawStyles(ruleId, rulesFnc) {
+    function wrappedRawStyles(ruleId, rulesFnc, overrides) {
         return (0, _createStyles.rawStyles)(ruleId, ()=>rulesFnc('variables' in opts ? opts.variables : undefined), {
-            registry: 'registry' in opts ? opts.registry : undefined
+            ...overrides,
+            registry: 'registry' in opts ? opts.registry : overrides?.registry
         });
     }
     return {

package/dist/cjs/makeStyles.d.ts

@@ -1,4 +1,5 @@
 import type { Properties } from 'csstype';
+import { type CreateStylesOptions } from './createStyles.js';
 import type { SimpleStyleRegistry } from './simpleStyleRegistry.js';
 import type { SimpleStyleRules } from './types.js';
 type MakeCssFuncsOpts<T extends object> = {} | {
@@ -17,7 +18,7 @@ type MakeCssFuncsOpts<T extends object> = {} | {
  * The function will be provided with your variables
  */
 export declare function makeCssFuncs<V extends object>(opts: MakeCssFuncsOpts<V>): {
-    createStyles: <T extends SimpleStyleRules, K extends keyof T, O extends Record<K, string>>(ruleId: string, rulesFnc: (vars?: V) => T) => {
+    createStyles: <T extends SimpleStyleRules, K extends keyof T, O extends Record<K, string>>(ruleId: string, rulesFnc: (vars?: V) => T, overrides?: CreateStylesOptions) => {
         classes: O;
         stylesheet: string;
         updateSheet: <T2 extends SimpleStyleRules>(updatedRulesFnc: () => Partial<T2>) => {
@@ -25,10 +26,10 @@ export declare function makeCssFuncs<V extends object>(opts: MakeCssFuncsOpts<V>
             stylesheet: string;
         } | null;
     };
-    keyframes: <T extends Record<string, Properties>>(ruleId: string, rulesFnc: (vars?: V) => T) => {
+    keyframes: <T extends Record<string, Properties>>(ruleId: string, rulesFnc: (vars?: V) => T, overrides?: CreateStylesOptions) => {
         keyframe: string;
         stylesheet: string;
     };
-    rawStyles: <T extends SimpleStyleRules>(ruleId: string, rulesFnc: (vars?: V) => T) => string;
+    rawStyles: <T extends SimpleStyleRules>(ruleId: string, rulesFnc: (vars?: V) => T, overrides?: CreateStylesOptions) => string;
 };
 export {};

package/dist/esm/makeStyles.d.ts

@@ -1,4 +1,5 @@
 import type { Properties } from 'csstype';
+import { type CreateStylesOptions } from './createStyles.js';
 import type { SimpleStyleRegistry } from './simpleStyleRegistry.js';
 import type { SimpleStyleRules } from './types.js';
 type MakeCssFuncsOpts<T extends object> = {} | {
@@ -17,7 +18,7 @@ type MakeCssFuncsOpts<T extends object> = {} | {
  * The function will be provided with your variables
  */
 export declare function makeCssFuncs<V extends object>(opts: MakeCssFuncsOpts<V>): {
-    createStyles: <T extends SimpleStyleRules, K extends keyof T, O extends Record<K, string>>(ruleId: string, rulesFnc: (vars?: V) => T) => {
+    createStyles: <T extends SimpleStyleRules, K extends keyof T, O extends Record<K, string>>(ruleId: string, rulesFnc: (vars?: V) => T, overrides?: CreateStylesOptions) => {
         classes: O;
         stylesheet: string;
         updateSheet: <T2 extends SimpleStyleRules>(updatedRulesFnc: () => Partial<T2>) => {
@@ -25,10 +26,10 @@ export declare function makeCssFuncs<V extends object>(opts: MakeCssFuncsOpts<V>
             stylesheet: string;
         } | null;
     };
-    keyframes: <T extends Record<string, Properties>>(ruleId: string, rulesFnc: (vars?: V) => T) => {
+    keyframes: <T extends Record<string, Properties>>(ruleId: string, rulesFnc: (vars?: V) => T, overrides?: CreateStylesOptions) => {
         keyframe: string;
         stylesheet: string;
     };
-    rawStyles: <T extends SimpleStyleRules>(ruleId: string, rulesFnc: (vars?: V) => T) => string;
+    rawStyles: <T extends SimpleStyleRules>(ruleId: string, rulesFnc: (vars?: V) => T, overrides?: CreateStylesOptions) => string;
 };
 export {};

package/dist/esm/makeStyles.mjs

@@ -6,19 +6,22 @@ import { createStyles, keyframes, rawStyles } from './createStyles.mjs';
  * they accept a function as the 2nd parameter, instead of the usual object.
  * The function will be provided with your variables
  */ export function makeCssFuncs(opts) {
-    function wrappedCreateStyles(ruleId, rulesFnc) {
+    function wrappedCreateStyles(ruleId, rulesFnc, overrides) {
         return createStyles(ruleId, ()=>rulesFnc('variables' in opts ? opts.variables : undefined), {
-            registry: 'registry' in opts ? opts.registry : undefined
+            ...overrides,
+            registry: 'registry' in opts ? opts.registry : overrides?.registry
         });
     }
-    function wrappedCreateKeyframes(ruleId, rulesFnc) {
+    function wrappedCreateKeyframes(ruleId, rulesFnc, overrides) {
         return keyframes(ruleId, ()=>rulesFnc('variables' in opts ? opts.variables : undefined), {
-            registry: 'registry' in opts ? opts.registry : undefined
+            ...overrides,
+            registry: 'registry' in opts ? opts.registry : overrides?.registry
         });
     }
-    function wrappedRawStyles(ruleId, rulesFnc) {
+    function wrappedRawStyles(ruleId, rulesFnc, overrides) {
         return rawStyles(ruleId, ()=>rulesFnc('variables' in opts ? opts.variables : undefined), {
-            registry: 'registry' in opts ? opts.registry : undefined
+            ...overrides,
+            registry: 'registry' in opts ? opts.registry : overrides?.registry
         });
     }
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simplestyle-js",
-  "version": "5.1.0",
+  "version": "5.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": {
@@ -40,24 +40,23 @@
   "devDependencies": {
     "astro": ">=5",
     "@better-builds/lets-version": "^1.6.0",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.1",
     "@types/autoprefixer": "^10.2.4",
     "@types/react": ">=18",
     "@types/react-dom": ">=18",
-    "@vitejs/plugin-react": "^5.1.1",
-    "autoprefixer": "^10.4.22",
-    "@biomejs/biome": "^2.3.8",
+    "@vitejs/plugin-react": "^5.1.2",
+    "autoprefixer": "^10.4.23",
+    "@biomejs/biome": "^2.3.10",
     "coveralls": "^3.1.1",
-    "eslint-config-react-yas": "^6.0.11",
     "husky": "^9.1.7",
-    "jsdom": "^27.2.0",
+    "jsdom": "^27.3.0",
     "postcss": "^8.5.6",
     "react": ">=18",
     "react-dom": ">=18",
-    "@better-builds/ts-duality": "^0.6.0",
+    "@better-builds/ts-duality": "^1.1.0",
     "typescript": "^5.9.3",
-    "vite": "^7.2.6",
-    "vitest": "^4.0.14"
+    "vite": "^7.3.0",
+    "vitest": "^4.0.16"
   },
   "dependencies": {
     "csstype": "^3.2.3",
@@ -200,4 +199,4 @@
   "trustedDependencies": [
     "@swc/core"
   ]
-}
+}