simplestyle-js 5.3.2 → 5.3.4

package/dist/cjs/createStyles.cjs

@@ -43,7 +43,7 @@ function formatCSSRuleName(rule) {
     return rule.replaceAll(/([A-Z])/g, (p1)=>`-${p1.toLowerCase()}`);
 }
 function formatCSSRules(cssRules) {
-    return Object.entries(cssRules).reduce((prev, [cssProp, cssVal])=>`${prev}${formatCSSRuleName(cssProp)}:${String(cssVal)}${typeof cssVal === 'number' ? 'px' : ''};`, '');
+    return Object.entries(cssRules).reduce((prev, [cssProp, cssVal])=>`${prev}${formatCSSRuleName(cssProp)}:${String(cssVal)};`, '');
 }
 function execCreateStyles(ruleId, rules, options, parentSelector, noGenerateClassName = false) {
     const out = {};

package/dist/cjs/createStyles.d.ts

@@ -1,5 +1,5 @@
 import type { SimpleStyleRegistry } from './simpleStyleRegistry.js';
-import type { ImportStringType, Properties, SimpleStyleRules } from './types.js';
+import type { ImportStringType, Nullish, Properties, SimpleStyleRules } from './types.js';
 export type CreateStylesOptions = Partial<{
     /**
      * If true, automatically renders generated styles
@@ -10,12 +10,12 @@ export type CreateStylesOptions = Partial<{
      * If set, along with flush: true,
      * will render the injected <style /> after this element
      */
-    insertAfter?: HTMLElement;
+    insertAfter?: Nullish<HTMLElement>;
     /**
      * If set, along with flush: true,
      * will render the injects <style /> before this element
      */
-    insertBefore?: HTMLElement;
+    insertBefore?: Nullish<HTMLElement>;
     /**
      * if set, will automatically prevent any styles from
      * being flushed to the DOM or inserted at all.
@@ -23,7 +23,7 @@ export type CreateStylesOptions = Partial<{
      * and it will be up to you to determine how they should
      * be flushed.
      */
-    registry?: SimpleStyleRegistry;
+    registry?: Nullish<SimpleStyleRegistry>;
 }>;
 export declare function imports(ruleId: string, rulesFnc: () => ImportStringType[], options?: CreateStylesOptions): void;
 export declare function rawStyles<T extends SimpleStyleRules>(ruleId: string, rulesFnc: () => T, options?: Partial<CreateStylesOptions>): string;

package/dist/cjs/types.d.ts

@@ -1,4 +1,5 @@
 import type { Properties } from 'csstype';
+export type Nullish<T> = T | null | undefined;
 export type SimpleStyleRules = {
     [key: string]: Properties | SimpleStyleRules;
 };

package/dist/esm/createStyles.d.ts

@@ -1,5 +1,5 @@
 import type { SimpleStyleRegistry } from './simpleStyleRegistry.js';
-import type { ImportStringType, Properties, SimpleStyleRules } from './types.js';
+import type { ImportStringType, Nullish, Properties, SimpleStyleRules } from './types.js';
 export type CreateStylesOptions = Partial<{
     /**
      * If true, automatically renders generated styles
@@ -10,12 +10,12 @@ export type CreateStylesOptions = Partial<{
      * If set, along with flush: true,
      * will render the injected <style /> after this element
      */
-    insertAfter?: HTMLElement;
+    insertAfter?: Nullish<HTMLElement>;
     /**
      * If set, along with flush: true,
      * will render the injects <style /> before this element
      */
-    insertBefore?: HTMLElement;
+    insertBefore?: Nullish<HTMLElement>;
     /**
      * if set, will automatically prevent any styles from
      * being flushed to the DOM or inserted at all.
@@ -23,7 +23,7 @@ export type CreateStylesOptions = Partial<{
      * and it will be up to you to determine how they should
      * be flushed.
      */
-    registry?: SimpleStyleRegistry;
+    registry?: Nullish<SimpleStyleRegistry>;
 }>;
 export declare function imports(ruleId: string, rulesFnc: () => ImportStringType[], options?: CreateStylesOptions): void;
 export declare function rawStyles<T extends SimpleStyleRules>(ruleId: string, rulesFnc: () => T, options?: Partial<CreateStylesOptions>): string;

package/dist/esm/createStyles.mjs

@@ -11,7 +11,7 @@ function formatCSSRuleName(rule) {
     return rule.replaceAll(/([A-Z])/g, (p1)=>`-${p1.toLowerCase()}`);
 }
 function formatCSSRules(cssRules) {
-    return Object.entries(cssRules).reduce((prev, [cssProp, cssVal])=>`${prev}${formatCSSRuleName(cssProp)}:${String(cssVal)}${typeof cssVal === 'number' ? 'px' : ''};`, '');
+    return Object.entries(cssRules).reduce((prev, [cssProp, cssVal])=>`${prev}${formatCSSRuleName(cssProp)}:${String(cssVal)};`, '');
 }
 function execCreateStyles(ruleId, rules, options, parentSelector, noGenerateClassName = false) {
     const out = {};

package/dist/esm/types.d.ts

@@ -1,4 +1,5 @@
 import type { Properties } from 'csstype';
+export type Nullish<T> = T | null | undefined;
 export type SimpleStyleRules = {
     [key: string]: Properties | SimpleStyleRules;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simplestyle-js",
-  "version": "5.3.2",
+  "version": "5.3.4",
   "description": "An incredibly straightforward and simple CSS-in-JS solution with zero runtime dependencies, and out-of-the-box TypeScript support",
   "type": "module",
   "repository": {