@stylexjs/stylex 0.17.4 → 0.17.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/cjs/types/StyleXCSSTypes.d.ts +21 -0
  2. package/lib/cjs/types/StyleXCSSTypes.js.flow +24 -0
  3. package/lib/cjs/types/StyleXTypes.d.ts +3 -1
  4. package/lib/es/types/StyleXCSSTypes.d.ts +21 -0
  5. package/lib/es/types/StyleXCSSTypes.js.flow +24 -0
  6. package/lib/es/types/StyleXTypes.d.ts +3 -1
  7. package/package.json +4 -5
package/lib/cjs/types/StyleXCSSTypes.d.ts CHANGED
@@ -161,6 +161,18 @@ type borderRightColor = color;
161
161
  type borderRightStyle = brStyle;
162
162
  type borderRightWidth = borderWidth;
163
163
  type borderRadius = lengthPercentage;
164
+ type cornerShape =
165
+ | 'round'
166
+ | 'scoop'
167
+ | 'bevel'
168
+ | 'notch'
169
+ | 'square'
170
+ | 'squircle'
171
+ | string;
172
+ type cornerTopLeftShape = cornerShape;
173
+ type cornerTopRightShape = cornerShape;
174
+ type cornerBottomLeftShape = cornerShape;
175
+ type cornerBottomRightShape = cornerShape;
164
176
  type borderSpacing = number | string;
165
177
  type borderStyle = brStyle;
166
178
  type borderTopLeftRadius = lengthPercentage;
@@ -1061,6 +1073,15 @@ export type CSSProperties = Readonly<{
1061
1073
  borderTopRightRadius?: all | borderTopRightRadius;
1062
1074
  borderBottomLeftRadius?: all | borderBottomLeftRadius;
1063
1075
  borderBottomRightRadius?: all | borderBottomRightRadius;
1076
+ cornerShape?: all | cornerShape;
1077
+ cornerStartStartShape?: all | cornerTopLeftShape;
1078
+ cornerStartEndShape?: all | cornerTopRightShape;
1079
+ cornerEndStartShape?: all | cornerBottomLeftShape;
1080
+ cornerEndEndShape?: all | cornerBottomRightShape;
1081
+ cornerTopLeftShape?: all | cornerTopLeftShape;
1082
+ cornerTopRightShape?: all | cornerTopRightShape;
1083
+ cornerBottomLeftShape?: all | cornerBottomLeftShape;
1084
+ cornerBottomRightShape?: all | cornerBottomRightShape;
1064
1085
  borderTopStyle?: all | borderTopStyle;
1065
1086
  borderTopWidth?: all | borderTopWidth;
1066
1087
  borderWidth?: all | borderWidth;
package/lib/cjs/types/StyleXCSSTypes.js.flow CHANGED
@@ -163,6 +163,20 @@ type borderRightColor = color;
163
163
  type borderRightStyle = brStyle;
164
164
  type borderRightWidth = borderWidth;
165
165
  type borderRadius = lengthPercentage;
166
+
167
+ type cornerShape =
168
+ | 'round'
169
+ | 'scoop'
170
+ | 'bevel'
171
+ | 'notch'
172
+ | 'square'
173
+ | 'squircle'
174
+ // | StringPrefix<'superellipse('>
175
+ | string;
176
+ type cornerTopLeftShape = cornerShape;
177
+ type cornerTopRightShape = cornerShape;
178
+ type cornerBottomLeftShape = cornerShape;
179
+ type cornerBottomRightShape = cornerShape;
166
180
  type borderSpacing = number | string;
167
181
  type borderStyle = brStyle;
168
182
  type borderTopLeftRadius = lengthPercentage;
@@ -1095,6 +1109,16 @@ export type CSSProperties = $ReadOnly<{
1095
1109
  borderBottomLeftRadius?: all | borderBottomLeftRadius,
1096
1110
  borderBottomRightRadius?: all | borderBottomRightRadius,
1097
1111
 
1112
+ cornerShape?: all | cornerShape,
1113
+ cornerStartStartShape?: all | cornerTopLeftShape,
1114
+ cornerStartEndShape?: all | cornerTopRightShape,
1115
+ cornerEndStartShape?: all | cornerBottomLeftShape,
1116
+ cornerEndEndShape?: all | cornerBottomRightShape,
1117
+ cornerTopLeftShape?: all | cornerTopLeftShape,
1118
+ cornerTopRightShape?: all | cornerTopRightShape,
1119
+ cornerBottomLeftShape?: all | cornerBottomLeftShape,
1120
+ cornerBottomRightShape?: all | cornerBottomRightShape,
1121
+
1098
1122
  borderTopStyle?: all | borderTopStyle,
1099
1123
  borderTopWidth?: all | borderTopWidth,
1100
1124
  borderWidth?: all | borderWidth,
package/lib/cjs/types/StyleXTypes.d.ts CHANGED
@@ -87,7 +87,9 @@ export type NestedCSSPropTypes = Partial<
87
87
  >;
88
88
 
89
89
  type NotUndefined = {} | null;
90
- type UserAuthoredStyles = CSSPropertiesWithExtras | { [key: string]: NotUndefined };
90
+ type UserAuthoredStyles =
91
+ | CSSPropertiesWithExtras
92
+ | { [key: string]: NotUndefined };
91
93
  export type StyleXSingleStyle = false | (null | undefined | NestedCSSPropTypes);
92
94
  // NOTE: `XStyle` has been deprecated in favor of `StaticStyles` and `StyleXStyles`.
93
95
 
package/lib/es/types/StyleXCSSTypes.d.ts CHANGED
@@ -161,6 +161,18 @@ type borderRightColor = color;
161
161
  type borderRightStyle = brStyle;
162
162
  type borderRightWidth = borderWidth;
163
163
  type borderRadius = lengthPercentage;
164
+ type cornerShape =
165
+ | 'round'
166
+ | 'scoop'
167
+ | 'bevel'
168
+ | 'notch'
169
+ | 'square'
170
+ | 'squircle'
171
+ | string;
172
+ type cornerTopLeftShape = cornerShape;
173
+ type cornerTopRightShape = cornerShape;
174
+ type cornerBottomLeftShape = cornerShape;
175
+ type cornerBottomRightShape = cornerShape;
164
176
  type borderSpacing = number | string;
165
177
  type borderStyle = brStyle;
166
178
  type borderTopLeftRadius = lengthPercentage;
@@ -1061,6 +1073,15 @@ export type CSSProperties = Readonly<{
1061
1073
  borderTopRightRadius?: all | borderTopRightRadius;
1062
1074
  borderBottomLeftRadius?: all | borderBottomLeftRadius;
1063
1075
  borderBottomRightRadius?: all | borderBottomRightRadius;
1076
+ cornerShape?: all | cornerShape;
1077
+ cornerStartStartShape?: all | cornerTopLeftShape;
1078
+ cornerStartEndShape?: all | cornerTopRightShape;
1079
+ cornerEndStartShape?: all | cornerBottomLeftShape;
1080
+ cornerEndEndShape?: all | cornerBottomRightShape;
1081
+ cornerTopLeftShape?: all | cornerTopLeftShape;
1082
+ cornerTopRightShape?: all | cornerTopRightShape;
1083
+ cornerBottomLeftShape?: all | cornerBottomLeftShape;
1084
+ cornerBottomRightShape?: all | cornerBottomRightShape;
1064
1085
  borderTopStyle?: all | borderTopStyle;
1065
1086
  borderTopWidth?: all | borderTopWidth;
1066
1087
  borderWidth?: all | borderWidth;
package/lib/es/types/StyleXCSSTypes.js.flow CHANGED
@@ -163,6 +163,20 @@ type borderRightColor = color;
163
163
  type borderRightStyle = brStyle;
164
164
  type borderRightWidth = borderWidth;
165
165
  type borderRadius = lengthPercentage;
166
+
167
+ type cornerShape =
168
+ | 'round'
169
+ | 'scoop'
170
+ | 'bevel'
171
+ | 'notch'
172
+ | 'square'
173
+ | 'squircle'
174
+ // | StringPrefix<'superellipse('>
175
+ | string;
176
+ type cornerTopLeftShape = cornerShape;
177
+ type cornerTopRightShape = cornerShape;
178
+ type cornerBottomLeftShape = cornerShape;
179
+ type cornerBottomRightShape = cornerShape;
166
180
  type borderSpacing = number | string;
167
181
  type borderStyle = brStyle;
168
182
  type borderTopLeftRadius = lengthPercentage;
@@ -1095,6 +1109,16 @@ export type CSSProperties = $ReadOnly<{
1095
1109
  borderBottomLeftRadius?: all | borderBottomLeftRadius,
1096
1110
  borderBottomRightRadius?: all | borderBottomRightRadius,
1097
1111
 
1112
+ cornerShape?: all | cornerShape,
1113
+ cornerStartStartShape?: all | cornerTopLeftShape,
1114
+ cornerStartEndShape?: all | cornerTopRightShape,
1115
+ cornerEndStartShape?: all | cornerBottomLeftShape,
1116
+ cornerEndEndShape?: all | cornerBottomRightShape,
1117
+ cornerTopLeftShape?: all | cornerTopLeftShape,
1118
+ cornerTopRightShape?: all | cornerTopRightShape,
1119
+ cornerBottomLeftShape?: all | cornerBottomLeftShape,
1120
+ cornerBottomRightShape?: all | cornerBottomRightShape,
1121
+
1098
1122
  borderTopStyle?: all | borderTopStyle,
1099
1123
  borderTopWidth?: all | borderTopWidth,
1100
1124
  borderWidth?: all | borderWidth,
package/lib/es/types/StyleXTypes.d.ts CHANGED
@@ -87,7 +87,9 @@ export type NestedCSSPropTypes = Partial<
87
87
  >;
88
88
 
89
89
  type NotUndefined = {} | null;
90
- type UserAuthoredStyles = CSSPropertiesWithExtras | { [key: string]: NotUndefined };
90
+ type UserAuthoredStyles =
91
+ | CSSPropertiesWithExtras
92
+ | { [key: string]: NotUndefined };
91
93
  export type StyleXSingleStyle = false | (null | undefined | NestedCSSPropTypes);
92
94
  // NOTE: `XStyle` has been deprecated in favor of `StaticStyles` and `StyleXStyles`.
93
95
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stylexjs/stylex",
3
- "version": "0.17.4",
3
+ "version": "0.17.5",
4
4
  "description": "A library for defining styles for optimized user interfaces.",
5
5
  "main": "./lib/cjs/stylex.js",
6
6
  "module": "./lib/es/stylex.mjs",
@@ -29,11 +29,11 @@
29
29
  },
30
30
  "license": "MIT",
31
31
  "scripts": {
32
- "prebuild": "rimraf lib && gen-types -i src/ -o lib/cjs && cp -r lib/cjs lib/es",
32
+ "prebuild": "shx rm -rf lib && gen-types -i src/ -o lib/cjs && shx cp -r lib/cjs lib/es",
33
33
  "build:cjs": "cross-env BABEL_ENV=cjs rollup -c ./rollup.config.mjs",
34
34
  "build:esm": "cross-env BABEL_ENV=esm rollup -c ./rollup.config.mjs",
35
35
  "build": "npm run build:cjs && npm run build:esm",
36
- "build-haste": "rimraf lib && rewrite-imports -i src/ -o lib/",
36
+ "build-haste": "shx rm -rf lib && rewrite-imports -i src/ -o lib/",
37
37
  "test": "cross-env BABEL_ENV=test jest --coverage"
38
38
  },
39
39
  "dependencies": {
@@ -59,9 +59,8 @@
59
59
  "@rollup/plugin-replace": "^6.0.1",
60
60
  "babel-plugin-syntax-hermes-parser": "^0.32.1",
61
61
  "cross-env": "^10.1.0",
62
- "rimraf": "^6.1.2",
63
62
  "rollup": "^4.24.0",
64
- "scripts": "0.17.4"
63
+ "scripts": "0.17.5"
65
64
  },
66
65
  "files": [
67
66
  "lib/*"