zss-engine 0.2.34 → 0.2.36

package/dist/cjs/utils/helper.js

@@ -14,8 +14,14 @@ const applyCssValue = (value, cssProp) => {
     return value;
 };
 exports.applyCssValue = applyCssValue;
-const camelToKebabCase = (property) => property
-    .replace(/([A-Z])([0-9])/g, '$1-$2')
-    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
-    .toLowerCase();
+const camelToKebabCase = (property) => {
+    if (/^(ms|Moz|Webkit)/.test(property)) {
+        property = '-' + property;
+    }
+    return (property
+        .replace(/([A-Z]+)([0-9]+)/g, '$1$2')
+        .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+        .replace(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')
+        .toLowerCase());
+};
 exports.camelToKebabCase = camelToKebabCase;

package/dist/esm/utils/helper.js

@@ -10,7 +10,13 @@ export const applyCssValue = (value, cssProp) => {
     }
     return value;
 };
-export const camelToKebabCase = (property) => property
-    .replace(/([A-Z])([0-9])/g, '$1-$2')
-    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
-    .toLowerCase();
+export const camelToKebabCase = (property) => {
+    if (/^(ms|Moz|Webkit)/.test(property)) {
+        property = '-' + property;
+    }
+    return (property
+        .replace(/([A-Z]+)([0-9]+)/g, '$1$2')
+        .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+        .replace(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')
+        .toLowerCase());
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "0.2.34",
+  "version": "0.2.36",
   "description": "Zero-runtime StyleSheet Engine",
   "keywords": [
     "zero-runtime",

package/types/index.d.ts

@@ -1,7 +1,7 @@
 export type { CSSProperties } from './types/common/css-properties';
 export type { CreateStyleType, ReturnType, CreateStyle } from './types/main/create';
 export type { CSSHTML, CreateKeyframes } from './types/main/global';
-export type { CreateVars, CreateTheme, CamelToKebabCase } from './types/main/vars';
+export type { CreateVars, CreateTheme } from './types/main/vars';
 export { isServer, isDevelopment, isDevAndTest } from './utils/helper.js';
 export { genBase36Hash } from './utils/hash.js';
 export { transpiler } from './utils/transpiler.js';

package/types/types/main/vars.d.ts

@@ -5,9 +5,4 @@ export type CSSVariableProperty = {
 };
 export type CreateVars = Record<string, string | number>;
 export type CreateTheme = Record<string, Record<string, string | number>>;
-type IsUppercase<S extends string> = S extends Uppercase<S> ? (S extends Lowercase<S> ? false : true) : false;
-type IsDigit<S extends string> = S extends `${number}` ? true : false;
-type CamelToKebab<S extends string, PrevType = 'start'> = S extends `${infer First}${infer Rest}` ? IsUppercase<First> extends true ? PrevType extends 'upper' | 'start' ? `${Lowercase<First>}${CamelToKebab<Rest, 'upper'>}` : `-${Lowercase<First>}${CamelToKebab<Rest, 'upper'>}` : IsDigit<First> extends true ? PrevType extends 'digit' | 'lower' ? `${First}${CamelToKebab<Rest, 'digit'>}` : `-${First}${CamelToKebab<Rest, 'digit'>}` : `${First}${CamelToKebab<Rest, 'lower'>}` : S;
-type RemoveLeadingHyphen<S extends string> = S extends `-${infer Rest}` ? Rest : S;
-export type CamelToKebabCase<S extends string> = RemoveLeadingHyphen<CamelToKebab<S>>;
 export {};