@stylexjs/stylex 0.14.3 → 0.15.1
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.
- package/lib/cjs/stylex.d.ts +2 -4
- package/lib/cjs/stylex.js +3 -9
- package/lib/cjs/stylex.js.flow +2 -6
- package/lib/cjs/types/VarTypes.d.ts +2 -2
- package/lib/cjs/types/VarTypes.js.flow +2 -2
- package/lib/es/stylex.d.ts +2 -4
- package/lib/es/stylex.js.flow +2 -6
- package/lib/es/stylex.mjs +3 -9
- package/lib/es/types/VarTypes.d.ts +2 -2
- package/lib/es/types/VarTypes.js.flow +2 -2
- package/package.json +9 -4
package/lib/cjs/stylex.d.ts
CHANGED
|
@@ -80,7 +80,7 @@ export declare const types: {
|
|
|
80
80
|
color: <T extends string = string>(_v: ValueWithDefault<T>) => Types.Color<T>;
|
|
81
81
|
url: <T extends string = string>(_v: ValueWithDefault<T>) => Types.Url<T>;
|
|
82
82
|
image: <T extends string = string>(_v: ValueWithDefault<T>) => Types.Image<T>;
|
|
83
|
-
integer: <T extends number
|
|
83
|
+
integer: <T extends number = number>(
|
|
84
84
|
_v: ValueWithDefault<T>,
|
|
85
85
|
) => Types.Integer<T>;
|
|
86
86
|
lengthPercentage: <T extends number | string = number | string>(
|
|
@@ -92,9 +92,7 @@ export declare const types: {
|
|
|
92
92
|
percentage: <T extends number | string = number | string>(
|
|
93
93
|
_v: ValueWithDefault<T>,
|
|
94
94
|
) => Types.Percentage<T>;
|
|
95
|
-
number: <T extends number
|
|
96
|
-
_v: ValueWithDefault<T>,
|
|
97
|
-
) => Types.Num<T>;
|
|
95
|
+
number: <T extends number = number>(_v: ValueWithDefault<T>) => Types.Num<T>;
|
|
98
96
|
resolution: <T extends string = string>(
|
|
99
97
|
_v: ValueWithDefault<T>,
|
|
100
98
|
) => Types.Resolution<T>;
|
package/lib/cjs/stylex.js
CHANGED
|
@@ -146,7 +146,7 @@ const defineConsts = function stylexDefineConsts(_styles) {
|
|
|
146
146
|
const defineVars = function stylexDefineVars(_styles) {
|
|
147
147
|
throw errorForFn('defineVars');
|
|
148
148
|
};
|
|
149
|
-
const firstThatWorks =
|
|
149
|
+
const firstThatWorks = (..._styles) => {
|
|
150
150
|
throw errorForFn('firstThatWorks');
|
|
151
151
|
};
|
|
152
152
|
const keyframes = _keyframes => {
|
|
@@ -155,10 +155,7 @@ const keyframes = _keyframes => {
|
|
|
155
155
|
const positionTry = _positionTry => {
|
|
156
156
|
throw errorForFn('positionTry');
|
|
157
157
|
};
|
|
158
|
-
function props() {
|
|
159
|
-
for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
160
|
-
styles[_key] = arguments[_key];
|
|
161
|
-
}
|
|
158
|
+
function props(...styles) {
|
|
162
159
|
const [className, style, dataStyleSrc] = styleqExports.styleq(styles);
|
|
163
160
|
const result = {};
|
|
164
161
|
if (className != null && className !== '') {
|
|
@@ -216,10 +213,7 @@ const types = {
|
|
|
216
213
|
throw errorForType('transformList');
|
|
217
214
|
}
|
|
218
215
|
};
|
|
219
|
-
function _legacyMerge() {
|
|
220
|
-
for (var _len2 = arguments.length, styles = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
221
|
-
styles[_key2] = arguments[_key2];
|
|
222
|
-
}
|
|
216
|
+
function _legacyMerge(...styles) {
|
|
223
217
|
const [className] = styleqExports.styleq(styles);
|
|
224
218
|
return className;
|
|
225
219
|
}
|
package/lib/cjs/stylex.js.flow
CHANGED
|
@@ -89,9 +89,7 @@ declare export const types: {
|
|
|
89
89
|
color: <T: string = string>(_v: ValueWithDefault<T>) => Types.Color<T>,
|
|
90
90
|
url: <T: string = string>(_v: ValueWithDefault<T>) => Types.Url<T>,
|
|
91
91
|
image: <T: string = string>(_v: ValueWithDefault<T>) => Types.Image<T>,
|
|
92
|
-
integer: <T: number
|
|
93
|
-
_v: ValueWithDefault<T>,
|
|
94
|
-
) => Types.Integer<T>,
|
|
92
|
+
integer: <T: number = number>(_v: ValueWithDefault<T>) => Types.Integer<T>,
|
|
95
93
|
lengthPercentage: <T: number | string = number | string>(
|
|
96
94
|
_v: ValueWithDefault<T>,
|
|
97
95
|
) => Types.LengthPercentage<T>,
|
|
@@ -101,9 +99,7 @@ declare export const types: {
|
|
|
101
99
|
percentage: <T: number | string = number | string>(
|
|
102
100
|
_v: ValueWithDefault<T>,
|
|
103
101
|
) => Types.Percentage<T>,
|
|
104
|
-
number: <T: number
|
|
105
|
-
_v: ValueWithDefault<T>,
|
|
106
|
-
) => Types.Num<T>,
|
|
102
|
+
number: <T: number = number>(_v: ValueWithDefault<T>) => Types.Num<T>,
|
|
107
103
|
resolution: <T: string = string>(
|
|
108
104
|
_v: ValueWithDefault<T>,
|
|
109
105
|
) => Types.Resolution<T>,
|
|
@@ -46,7 +46,7 @@ export declare class Image<T extends InnerValue> implements ICSSType<T> {
|
|
|
46
46
|
readonly value: ValueWithDefault<string>;
|
|
47
47
|
readonly syntax: CSSSyntaxType;
|
|
48
48
|
}
|
|
49
|
-
export declare class Integer<T extends
|
|
49
|
+
export declare class Integer<T extends number> implements ICSSType<T> {
|
|
50
50
|
readonly value: ValueWithDefault<string>;
|
|
51
51
|
readonly syntax: CSSSyntaxType;
|
|
52
52
|
}
|
|
@@ -64,7 +64,7 @@ export declare class Percentage<T extends InnerValue> implements ICSSType<T> {
|
|
|
64
64
|
readonly value: ValueWithDefault<string>;
|
|
65
65
|
readonly syntax: CSSSyntaxType;
|
|
66
66
|
}
|
|
67
|
-
export declare class Num<T extends
|
|
67
|
+
export declare class Num<T extends number> implements ICSSType<T> {
|
|
68
68
|
readonly value: ValueWithDefault<string>;
|
|
69
69
|
readonly syntax: CSSSyntaxType;
|
|
70
70
|
}
|
|
@@ -49,7 +49,7 @@ declare export class Image<+T: InnerValue> implements ICSSType<T> {
|
|
|
49
49
|
+value: ValueWithDefault<string>;
|
|
50
50
|
+syntax: CSSSyntaxType;
|
|
51
51
|
}
|
|
52
|
-
declare export class Integer<+T:
|
|
52
|
+
declare export class Integer<+T: number> implements ICSSType<T> {
|
|
53
53
|
+value: ValueWithDefault<string>;
|
|
54
54
|
+syntax: CSSSyntaxType;
|
|
55
55
|
}
|
|
@@ -65,7 +65,7 @@ declare export class Percentage<+T: InnerValue> implements ICSSType<T> {
|
|
|
65
65
|
+value: ValueWithDefault<string>;
|
|
66
66
|
+syntax: CSSSyntaxType;
|
|
67
67
|
}
|
|
68
|
-
declare export class Num<+T:
|
|
68
|
+
declare export class Num<+T: number> implements ICSSType<T> {
|
|
69
69
|
+value: ValueWithDefault<string>;
|
|
70
70
|
+syntax: CSSSyntaxType;
|
|
71
71
|
}
|
package/lib/es/stylex.d.ts
CHANGED
|
@@ -80,7 +80,7 @@ export declare const types: {
|
|
|
80
80
|
color: <T extends string = string>(_v: ValueWithDefault<T>) => Types.Color<T>;
|
|
81
81
|
url: <T extends string = string>(_v: ValueWithDefault<T>) => Types.Url<T>;
|
|
82
82
|
image: <T extends string = string>(_v: ValueWithDefault<T>) => Types.Image<T>;
|
|
83
|
-
integer: <T extends number
|
|
83
|
+
integer: <T extends number = number>(
|
|
84
84
|
_v: ValueWithDefault<T>,
|
|
85
85
|
) => Types.Integer<T>;
|
|
86
86
|
lengthPercentage: <T extends number | string = number | string>(
|
|
@@ -92,9 +92,7 @@ export declare const types: {
|
|
|
92
92
|
percentage: <T extends number | string = number | string>(
|
|
93
93
|
_v: ValueWithDefault<T>,
|
|
94
94
|
) => Types.Percentage<T>;
|
|
95
|
-
number: <T extends number
|
|
96
|
-
_v: ValueWithDefault<T>,
|
|
97
|
-
) => Types.Num<T>;
|
|
95
|
+
number: <T extends number = number>(_v: ValueWithDefault<T>) => Types.Num<T>;
|
|
98
96
|
resolution: <T extends string = string>(
|
|
99
97
|
_v: ValueWithDefault<T>,
|
|
100
98
|
) => Types.Resolution<T>;
|
package/lib/es/stylex.js.flow
CHANGED
|
@@ -89,9 +89,7 @@ declare export const types: {
|
|
|
89
89
|
color: <T: string = string>(_v: ValueWithDefault<T>) => Types.Color<T>,
|
|
90
90
|
url: <T: string = string>(_v: ValueWithDefault<T>) => Types.Url<T>,
|
|
91
91
|
image: <T: string = string>(_v: ValueWithDefault<T>) => Types.Image<T>,
|
|
92
|
-
integer: <T: number
|
|
93
|
-
_v: ValueWithDefault<T>,
|
|
94
|
-
) => Types.Integer<T>,
|
|
92
|
+
integer: <T: number = number>(_v: ValueWithDefault<T>) => Types.Integer<T>,
|
|
95
93
|
lengthPercentage: <T: number | string = number | string>(
|
|
96
94
|
_v: ValueWithDefault<T>,
|
|
97
95
|
) => Types.LengthPercentage<T>,
|
|
@@ -101,9 +99,7 @@ declare export const types: {
|
|
|
101
99
|
percentage: <T: number | string = number | string>(
|
|
102
100
|
_v: ValueWithDefault<T>,
|
|
103
101
|
) => Types.Percentage<T>,
|
|
104
|
-
number: <T: number
|
|
105
|
-
_v: ValueWithDefault<T>,
|
|
106
|
-
) => Types.Num<T>,
|
|
102
|
+
number: <T: number = number>(_v: ValueWithDefault<T>) => Types.Num<T>,
|
|
107
103
|
resolution: <T: string = string>(
|
|
108
104
|
_v: ValueWithDefault<T>,
|
|
109
105
|
) => Types.Resolution<T>,
|
package/lib/es/stylex.mjs
CHANGED
|
@@ -144,7 +144,7 @@ const defineConsts = function stylexDefineConsts(_styles) {
|
|
|
144
144
|
const defineVars = function stylexDefineVars(_styles) {
|
|
145
145
|
throw errorForFn('defineVars');
|
|
146
146
|
};
|
|
147
|
-
const firstThatWorks =
|
|
147
|
+
const firstThatWorks = (..._styles) => {
|
|
148
148
|
throw errorForFn('firstThatWorks');
|
|
149
149
|
};
|
|
150
150
|
const keyframes = _keyframes => {
|
|
@@ -153,10 +153,7 @@ const keyframes = _keyframes => {
|
|
|
153
153
|
const positionTry = _positionTry => {
|
|
154
154
|
throw errorForFn('positionTry');
|
|
155
155
|
};
|
|
156
|
-
function props() {
|
|
157
|
-
for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
158
|
-
styles[_key] = arguments[_key];
|
|
159
|
-
}
|
|
156
|
+
function props(...styles) {
|
|
160
157
|
const [className, style, dataStyleSrc] = styleqExports.styleq(styles);
|
|
161
158
|
const result = {};
|
|
162
159
|
if (className != null && className !== '') {
|
|
@@ -214,10 +211,7 @@ const types = {
|
|
|
214
211
|
throw errorForType('transformList');
|
|
215
212
|
}
|
|
216
213
|
};
|
|
217
|
-
function _legacyMerge() {
|
|
218
|
-
for (var _len2 = arguments.length, styles = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
219
|
-
styles[_key2] = arguments[_key2];
|
|
220
|
-
}
|
|
214
|
+
function _legacyMerge(...styles) {
|
|
221
215
|
const [className] = styleqExports.styleq(styles);
|
|
222
216
|
return className;
|
|
223
217
|
}
|
|
@@ -46,7 +46,7 @@ export declare class Image<T extends InnerValue> implements ICSSType<T> {
|
|
|
46
46
|
readonly value: ValueWithDefault<string>;
|
|
47
47
|
readonly syntax: CSSSyntaxType;
|
|
48
48
|
}
|
|
49
|
-
export declare class Integer<T extends
|
|
49
|
+
export declare class Integer<T extends number> implements ICSSType<T> {
|
|
50
50
|
readonly value: ValueWithDefault<string>;
|
|
51
51
|
readonly syntax: CSSSyntaxType;
|
|
52
52
|
}
|
|
@@ -64,7 +64,7 @@ export declare class Percentage<T extends InnerValue> implements ICSSType<T> {
|
|
|
64
64
|
readonly value: ValueWithDefault<string>;
|
|
65
65
|
readonly syntax: CSSSyntaxType;
|
|
66
66
|
}
|
|
67
|
-
export declare class Num<T extends
|
|
67
|
+
export declare class Num<T extends number> implements ICSSType<T> {
|
|
68
68
|
readonly value: ValueWithDefault<string>;
|
|
69
69
|
readonly syntax: CSSSyntaxType;
|
|
70
70
|
}
|
|
@@ -49,7 +49,7 @@ declare export class Image<+T: InnerValue> implements ICSSType<T> {
|
|
|
49
49
|
+value: ValueWithDefault<string>;
|
|
50
50
|
+syntax: CSSSyntaxType;
|
|
51
51
|
}
|
|
52
|
-
declare export class Integer<+T:
|
|
52
|
+
declare export class Integer<+T: number> implements ICSSType<T> {
|
|
53
53
|
+value: ValueWithDefault<string>;
|
|
54
54
|
+syntax: CSSSyntaxType;
|
|
55
55
|
}
|
|
@@ -65,7 +65,7 @@ declare export class Percentage<+T: InnerValue> implements ICSSType<T> {
|
|
|
65
65
|
+value: ValueWithDefault<string>;
|
|
66
66
|
+syntax: CSSSyntaxType;
|
|
67
67
|
}
|
|
68
|
-
declare export class Num<+T:
|
|
68
|
+
declare export class Num<+T: number> implements ICSSType<T> {
|
|
69
69
|
+value: ValueWithDefault<string>;
|
|
70
70
|
+syntax: CSSSyntaxType;
|
|
71
71
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stylexjs/stylex",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.15.1",
|
|
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",
|
|
@@ -9,12 +9,17 @@
|
|
|
9
9
|
".": {
|
|
10
10
|
"import": "./lib/es/stylex.mjs",
|
|
11
11
|
"require": "./lib/cjs/stylex.js",
|
|
12
|
-
"types": "./lib/
|
|
12
|
+
"types": "./lib/es/stylex.d.ts"
|
|
13
13
|
},
|
|
14
14
|
"./lib/stylex-inject": {
|
|
15
15
|
"import": "./lib/es/inject.mjs",
|
|
16
16
|
"require": "./lib/cjs/inject.js",
|
|
17
|
-
"types": "./lib/
|
|
17
|
+
"types": "./lib/es/inject.d.ts"
|
|
18
|
+
},
|
|
19
|
+
"./lib/types/StyleXTypes": {
|
|
20
|
+
"import": "./lib/es/types/StyleXTypes.mjs",
|
|
21
|
+
"require": "./lib/cjs/types/StyleXTypes.js",
|
|
22
|
+
"types": "./lib/es/types/StyleXTypes.d.ts"
|
|
18
23
|
},
|
|
19
24
|
"./package.json": "./package.json"
|
|
20
25
|
},
|
|
@@ -56,7 +61,7 @@
|
|
|
56
61
|
"cross-env": "^7.0.3",
|
|
57
62
|
"rimraf": "^5.0.10",
|
|
58
63
|
"rollup": "^4.24.0",
|
|
59
|
-
"scripts": "0.
|
|
64
|
+
"scripts": "0.15.1"
|
|
60
65
|
},
|
|
61
66
|
"files": [
|
|
62
67
|
"lib/*"
|