@webstudio-is/css-engine 0.163.0 → 0.167.0

package/lib/index.js

@@ -87,12 +87,12 @@ var toValue = (styleValue, transformValue) => {
 };
 
 // src/core/to-property.ts
-import hyphenate from "hyphenate-style-name";
+var hyphenateProperty = (property) => property.replace(/[A-Z]/g, (match) => "-" + match.toLowerCase());
 var toProperty = (property) => {
   if (property === "backgroundClip") {
     return "-webkit-background-clip";
   }
-  return hyphenate(property);
+  return hyphenateProperty(property);
 };
 
 // src/core/rules.ts
@@ -787,8 +787,8 @@ export {
   equalMedia,
   findApplicableMedia,
   generateAtomic,
+  hyphenateProperty,
   isValidStaticStyleValue,
   matchMedia,
-  toProperty,
   toValue
 };

package/lib/types/core/index.d.ts

@@ -2,7 +2,7 @@ export type { NestingRule, StyleRule, MediaRule, PlaintextRule, FontFaceRule, }
 export type { StyleSheetRegular } from "./style-sheet-regular";
 export * from "./create-style-sheet";
 export * from "./to-value";
-export * from "./to-property";
+export { hyphenateProperty } from "./to-property";
 export * from "./match-media";
 export * from "./equal-media";
 export * from "./compare-media";

package/lib/types/core/to-property.d.ts

@@ -1,2 +1,6 @@
 import type { StyleProperty } from "../schema";
+/**
+ * Hyphenates a camelcased CSS property name
+ */
+export declare const hyphenateProperty: (property: string) => string;
 export declare const toProperty: (property: StyleProperty) => string;

package/package.json

@@ -1,30 +1,24 @@
 {
   "name": "@webstudio-is/css-engine",
-  "version": "0.163.0",
+  "version": "0.167.0",
   "description": "CSS Renderer for Webstudio",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
   "type": "module",
   "dependencies": {
     "@emotion/hash": "^0.9.1",
-    "hyphenate-style-name": "^1.0.4",
     "zod": "^3.22.4",
-    "@webstudio-is/fonts": "0.163.0",
-    "@webstudio-is/error-utils": "0.163.0"
+    "@webstudio-is/error-utils": "0.167.0",
+    "@webstudio-is/fonts": "0.167.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@storybook/addon-essentials": "^8.1.2",
-    "@storybook/addon-links": "^8.1.2",
-    "@storybook/react": "^8.1.2",
-    "@types/hyphenate-style-name": "^1.0.0",
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "typescript": "5.4.5",
     "@webstudio-is/jest-config": "1.0.7",
-    "@webstudio-is/storybook-config": "0.0.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "exports": {
@@ -45,8 +39,6 @@
     "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",
     "build": "rm -rf lib && esbuild src/index.ts --outdir=lib --bundle --format=esm --packages=external",
     "dts": "tsc --project tsconfig.dts.json",
-    "test": "NODE_OPTIONS=--experimental-vm-modules jest",
-    "storybook:dev": "storybook dev -p 6006",
-    "storybook:build": "storybook build"
+    "test": "NODE_OPTIONS=--experimental-vm-modules jest"
   }
 }