@stylexjs/stylex - npm Package Compare versions

Comparing version 0.5.0-alpha.4 to 0.5.0

lib/StyleXCSSTypes.d.ts

@@ -240,2 +240,3 @@ /**
   | 'inline-grid'
+  | '-webkit-box'
   | 'run-in'
@@ -473,3 +474,3 @@ | 'ruby'
 type objectPosition = string;
-type opacity = number;
+type opacity = number | string;
 type order = number;
@@ -1294,3 +1295,2 @@ type orphans = number;
   mathStyle?: all | 'normal' | 'compact';
-  scrollbarWidth?: all | string | number;
   scrollBehavior?: all | scrollBehavior;
@@ -1326,3 +1326,4 @@ scrollMargin?: all | number | string;
   scrollbarColor?: all | color;
-  scrollbarWidth?: all | width;
+  scrollbarGutter?: all | 'auto' | 'stable' | 'stable both-edges';
+  scrollbarWidth?: all | 'auto' | 'thin' | 'none';
   shapeImageThreshold?: all | shapeImageThreshold;
@@ -1420,2 +1421,3 @@ shapeMargin?: all | shapeMargin;
   zIndex?: all | zIndex;
+  zoom?: all | 'normal' | number | string;
 }>;

lib/StyleXTypes.d.ts

@@ -58,2 +58,8 @@ /**
       '::-webkit-scrollbar'?: CSSProperties;
+      '::-webkit-scrollbar-button'?: CSSProperties;
+      '::-webkit-scrollbar-thumb'?: CSSProperties;
+      '::-webkit-scrollbar-track'?: CSSProperties;
+      '::-webkit-scrollbar-track-piece'?: CSSProperties;
+      '::-webkit-scrollbar-corner'?: CSSProperties;
+      '::-webkit-resizer'?: CSSProperties;
       // webkit styles used for Search in Safari
@@ -60,0 +66,0 @@ '::-webkit-search-decoration'?: CSSProperties;

package.json

 {
   "name": "@stylexjs/stylex",
-  "version": "0.5.0-alpha.4",
+  "version": "0.5.0",
   "description": "A library for defining styles for optimized user interfaces.",
@@ -49,3 +49,3 @@ "main": "./lib/stylex.js",
   "devDependencies": {
-    "@stylexjs/scripts": "0.5.0-alpha.4"
+    "@stylexjs/scripts": "0.5.0"
   },
@@ -52,0 +52,0 @@ "jest": {},

README.md

@@ -65,3 +65,3 @@ # @stylexjs/stylex
 ```tsx
-import stylex from '@stylexjs/stylex';
+import * as stylex from '@stylexjs/stylex';
 
@@ -82,3 +82,3 @@ const styles = stylex.create({
 ```tsx
-import stylex from '@stylexjs/stylex';
+import * as stylex from '@stylexjs/stylex';
 
@@ -161,3 +161,3 @@ const styles = stylex.create({
 ```tsx
-import stylex from '@stylexjs/stylex';
+import * as stylex from '@stylexjs/stylex';
 
@@ -217,4 +217,2 @@ const styles = stylex.create({
 
-
-
 ### `StaticStyles<>`
@@ -242,3 +240,3 @@
 ```tsx
-import stylex from '@stylexjs/stylex';
+import * as stylex from '@stylexjs/stylex';
 
@@ -245,0 +243,0 @@ const styles = stylex.create({

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

148626

increased by0.36%

Lines of code

2685

increased by0.3%

Worsened metrics

Number of lines in readme file

258

decreased by-0.77%

No dependency changes