@compiled/react 0.9.1 → 0.10.0
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/CHANGELOG.md +47 -0
- package/dist/browser/class-names/index.d.ts +1 -1
- package/dist/browser/class-names/index.js.flow +1 -1
- package/dist/browser/class-names/index.js.map +1 -1
- package/dist/browser/css/index.js +1 -0
- package/dist/browser/css/index.js.map +1 -1
- package/dist/browser/index.d.ts +12 -22
- package/dist/browser/index.js +4 -0
- package/dist/browser/index.js.flow +4 -29
- package/dist/browser/index.js.map +1 -1
- package/dist/browser/jsx/jsx-dev-runtime.d.ts +2 -0
- package/dist/browser/jsx/jsx-dev-runtime.js +4 -0
- package/dist/browser/jsx/jsx-dev-runtime.js.map +1 -0
- package/dist/browser/jsx/jsx-local-namespace.d.ts +40 -0
- package/dist/browser/jsx/jsx-local-namespace.js +2 -0
- package/dist/browser/jsx/jsx-local-namespace.js.map +1 -0
- package/dist/browser/jsx/jsx-runtime.d.ts +2 -0
- package/dist/browser/jsx/jsx-runtime.js +4 -0
- package/dist/browser/jsx/jsx-runtime.js.map +1 -0
- package/dist/browser/runtime/css-custom-property.d.ts +1 -1
- package/dist/browser/runtime/css-custom-property.js.flow +1 -1
- package/dist/browser/runtime/css-custom-property.js.map +1 -1
- package/dist/browser/runtime/sheet.d.ts +1 -1
- package/dist/browser/runtime/sheet.js.flow +1 -1
- package/dist/browser/runtime/style-cache.js.map +1 -1
- package/dist/browser/runtime/style.js +2 -2
- package/dist/browser/runtime/style.js.map +1 -1
- package/dist/browser/styled/index.js.map +1 -1
- package/dist/cjs/class-names/index.d.ts +1 -1
- package/dist/cjs/class-names/index.js.flow +1 -1
- package/dist/cjs/class-names/index.js.map +1 -1
- package/dist/cjs/css/index.js +1 -0
- package/dist/cjs/css/index.js.map +1 -1
- package/dist/cjs/index.d.ts +12 -22
- package/dist/cjs/index.js +5 -1
- package/dist/cjs/index.js.flow +4 -29
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/jsx/jsx-dev-runtime.d.ts +2 -0
- package/dist/cjs/jsx/jsx-dev-runtime.js +16 -0
- package/dist/cjs/jsx/jsx-dev-runtime.js.map +1 -0
- package/dist/cjs/jsx/jsx-local-namespace.d.ts +40 -0
- package/dist/cjs/jsx/jsx-local-namespace.js +3 -0
- package/dist/cjs/jsx/jsx-local-namespace.js.map +1 -0
- package/dist/cjs/jsx/jsx-runtime.d.ts +2 -0
- package/dist/cjs/jsx/jsx-runtime.js +16 -0
- package/dist/cjs/jsx/jsx-runtime.js.map +1 -0
- package/dist/cjs/runtime/css-custom-property.d.ts +1 -1
- package/dist/cjs/runtime/css-custom-property.js.flow +1 -1
- package/dist/cjs/runtime/css-custom-property.js.map +1 -1
- package/dist/cjs/runtime/sheet.d.ts +1 -1
- package/dist/cjs/runtime/sheet.js.flow +1 -1
- package/dist/cjs/runtime/style-cache.js.map +1 -1
- package/dist/cjs/runtime/style.js +2 -2
- package/dist/cjs/runtime/style.js.map +1 -1
- package/dist/cjs/styled/index.js.map +1 -1
- package/dist/esm/class-names/index.d.ts +1 -1
- package/dist/esm/class-names/index.js.flow +1 -1
- package/dist/esm/class-names/index.js.map +1 -1
- package/dist/esm/css/index.js +1 -0
- package/dist/esm/css/index.js.map +1 -1
- package/dist/esm/index.d.ts +12 -22
- package/dist/esm/index.js +4 -0
- package/dist/esm/index.js.flow +4 -29
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/jsx/jsx-dev-runtime.d.ts +2 -0
- package/dist/esm/jsx/jsx-dev-runtime.js +4 -0
- package/dist/esm/jsx/jsx-dev-runtime.js.map +1 -0
- package/dist/esm/jsx/jsx-local-namespace.d.ts +40 -0
- package/dist/esm/jsx/jsx-local-namespace.js +2 -0
- package/dist/esm/jsx/jsx-local-namespace.js.map +1 -0
- package/dist/esm/jsx/jsx-runtime.d.ts +2 -0
- package/dist/esm/jsx/jsx-runtime.js +4 -0
- package/dist/esm/jsx/jsx-runtime.js.map +1 -0
- package/dist/esm/runtime/css-custom-property.d.ts +1 -1
- package/dist/esm/runtime/css-custom-property.js.flow +1 -1
- package/dist/esm/runtime/css-custom-property.js.map +1 -1
- package/dist/esm/runtime/sheet.d.ts +1 -1
- package/dist/esm/runtime/sheet.js.flow +1 -1
- package/dist/esm/runtime/style-cache.js.map +1 -1
- package/dist/esm/runtime/style.js +2 -2
- package/dist/esm/runtime/style.js.map +1 -1
- package/dist/esm/styled/index.js.map +1 -1
- package/jsx-dev-runtime/package.json +6 -0
- package/jsx-runtime/package.json +6 -0
- package/package.json +40 -12
- package/src/__tests__/browser.test.tsx +5 -5
- package/src/__tests__/jest-matcher.test.tsx +197 -0
- package/src/__tests__/server-side-hydrate.test.tsx +1 -0
- package/src/__tests__/ssr.test.tsx +2 -2
- package/src/class-names/__tests__/index.test.tsx +1 -1
- package/src/class-names/index.js.flow +1 -1
- package/src/class-names/index.tsx +2 -1
- package/src/css/__tests__/index.test.tsx +2 -3
- package/src/css/index.tsx +3 -1
- package/src/index.js.flow +4 -29
- package/src/index.tsx +18 -26
- package/src/jsx/__tests__/index.test.tsx +1 -2
- package/src/jsx/__tests__/jsx-import-source-pragma.test.tsx +37 -0
- package/src/jsx/__tests__/jsx-pragma.test.tsx +39 -0
- package/src/jsx/jsx-dev-runtime.tsx +5 -0
- package/src/jsx/jsx-local-namespace.tsx +49 -0
- package/src/jsx/jsx-runtime.tsx +5 -0
- package/src/keyframes/__tests__/index.test.tsx +2 -1
- package/src/runtime/__perf__/ax.test.ts +42 -0
- package/src/runtime/__perf__/cs.test.tsx +111 -0
- package/src/runtime/__perf__/sheet.test.ts +61 -0
- package/src/runtime/__perf__/utils/cs.tsx +60 -0
- package/src/runtime/__perf__/utils/sheet.tsx +151 -0
- package/src/runtime/__tests__/style-ssr.test.tsx +1 -0
- package/src/runtime/__tests__/style.test.tsx +1 -1
- package/src/runtime/css-custom-property.js.flow +1 -1
- package/src/runtime/css-custom-property.tsx +1 -1
- package/src/runtime/sheet.js.flow +1 -1
- package/src/runtime/sheet.tsx +1 -1
- package/src/runtime/style-cache.tsx +1 -0
- package/src/runtime/style.tsx +4 -3
- package/src/styled/__tests__/index.test.tsx +3 -3
- package/src/styled/index.tsx +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-custom-property.js","sourceRoot":"","sources":["../../../src/runtime/css-custom-property.tsx"],"names":[],"mappings":";;AAAA;;;;;;;;GAQG;AACH,SAAwB,sBAAsB,CAC5C,
|
|
1
|
+
{"version":3,"file":"css-custom-property.js","sourceRoot":"","sources":["../../../src/runtime/css-custom-property.tsx"],"names":[],"mappings":";;AAAA;;;;;;;;GAQG;AACH,SAAwB,sBAAsB,CAC5C,KAAyC,EACzC,MAAkC,EAClC,MAAkC;IAElC,IAAI,KAAK,IAAI,SAAS,EAAE;QACtB,IAAI,MAAM,EAAE;YACV,IAAI,MAAM,EAAE;gBACV,OAAO,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;aAChC;YAED,OAAO,KAAK,GAAG,MAAM,CAAC;SACvB;QAED,OAAO,KAAK,CAAC;KACd;IAED,qFAAqF;IACrF,4EAA4E;IAC5E,kEAAkE;IAClE,OAAO,WAAW,CAAC;AACrB,CAAC;AArBD,yCAqBC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { Bucket, StyleSheetOpts } from './types';
|
|
2
2
|
/**
|
|
3
3
|
* Ordered style buckets using their short psuedo name.
|
|
4
4
|
* If changes are needed make sure that it aligns with the definition in `sort-at-rule-pseudos.tsx`.
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Flowgen v1.15.0
|
|
5
5
|
* @flow
|
|
6
6
|
*/
|
|
7
|
-
import type {
|
|
7
|
+
import type { Bucket, StyleSheetOpts } from './types';
|
|
8
8
|
/**
|
|
9
9
|
* Ordered style buckets using their short psuedo name.
|
|
10
10
|
* If changes are needed make sure that it aligns with the definition in `sort-at-rule-pseudos.tsx`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-cache.js","sourceRoot":"","sources":["../../../src/runtime/style-cache.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+BAAkD;
|
|
1
|
+
{"version":3,"file":"style-cache.js","sourceRoot":"","sources":["../../../src/runtime/style-cache.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+BAAkD;AAElD,qCAA8C;AAG9C;;;GAGG;AACH,IAAM,KAAK,GAAQ,2BAAiB,EAAE,CAAC,CAAC,CAAC,qBAAa,CAA8B,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAE/F,IAAI,CAAC,2BAAiB,EAAE,EAAE;IACxB;;;;OAIG;IACH,IAAM,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAmB,mBAAmB,CAAC,CAAC;IACnF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACzC,iGAAiG;QACjG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;KACzC;CACF;AAED;;GAEG;AACI,IAAM,QAAQ,GAAiB;IACpC,IAAI,2BAAiB,EAAE,EAAE;QACvB,mFAAmF;QACnF,wGAAwG;QACxG,sDAAsD;QACtD,OAAO,kBAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KAChC;IAED,6CAA6C;IAC7C,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAVW,QAAA,QAAQ,YAUnB;AAEF;;;;;GAKG;AACH,IAAM,kBAAkB,GAAsB,UAAC,KAAK;IAClD,IAAI,2BAAiB,EAAE,EAAE;QACvB,4EAA4E;QAC5E,sDAAsD;QACtD,IAAM,QAAQ,GAAG,gBAAQ,EAAE,CAAC;QAC5B,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IAAG,KAAK,CAAC,QAAQ,CAAkB,CAAC;KAC3E;IAED,OAAO,KAAK,CAAC,QAAuB,CAAC;AACvC,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
|
|
@@ -23,10 +23,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
25
|
var react_1 = __importDefault(require("react"));
|
|
26
|
-
var sheet_1 = __importStar(require("./sheet"));
|
|
27
26
|
var dev_warnings_1 = require("./dev-warnings");
|
|
28
|
-
var style_cache_1 = require("./style-cache");
|
|
29
27
|
var is_node_1 = require("./is-node");
|
|
28
|
+
var sheet_1 = __importStar(require("./sheet"));
|
|
29
|
+
var style_cache_1 = require("./style-cache");
|
|
30
30
|
function Style(props) {
|
|
31
31
|
var inserted = style_cache_1.useCache();
|
|
32
32
|
if (process.env.NODE_ENV === 'development') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/runtime/style.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/runtime/style.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,+CAAiD;AACjD,qCAA8C;AAC9C,+CAA8E;AAC9E,6CAAyC;AAWzC,SAAwB,KAAK,CAAC,KAAiB;IAC7C,IAAM,QAAQ,GAAG,sBAAQ,EAAE,CAAC;IAE5B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,8BAAe,CAAC,CAAC;KACzC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE;QACzB,IAAI,2BAAiB,EAAE,EAAE;YACvB,IAAM,gBAAc,GAAoC,EAAE,CAAC;YAC3D,IAAI,SAAS,GAAG,KAAK,CAAC;YAEtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,IAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;qBAAM;oBACL,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;oBACvB,SAAS,GAAG,IAAI,CAAC;iBAClB;gBAED,IAAM,UAAU,GAAG,0BAAkB,CAAC,KAAK,CAAC,CAAC;gBAC7C,gBAAc,CAAC,UAAU,CAAC,GAAG,CAAC,gBAAc,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC;aACzE;YAED,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,6DAEE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,uBAAuB,EAAE;oBACvB,MAAM,EAAE,2BAAmB,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,gBAAc,CAAC,MAAM,CAAC,EAAtB,CAAsB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;iBAC7E,GACD,CACH,CAAC;SACH;aAAM;YACL,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,IAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;gBAED,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;gBACvB,eAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aAC1B;SACF;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AApDD,wBAoDC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styled/index.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styled/index.tsx"],"names":[],"mappings":";;;AAGA,wCAAkD;AAwDlD;;;;;;;;;;;;GAYG;AACU,QAAA,MAAM,GAAgC,IAAI,KAAK,CAC1D,EAAE,EACF;IACE,GAAG;QACD,OAAO;YACL,8CAA8C;YAC9C,yDAAyD;YACzD,MAAM,wBAAgB,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC;CACF,CACK,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { BasicTemplateInterpolations, CssFunction } from '../types';
|
|
3
3
|
export declare type Interpolations = (BasicTemplateInterpolations | CssFunction | CssFunction[])[];
|
|
4
4
|
export interface ClassNamesProps {
|
|
5
5
|
children: (opts: {
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* @flow
|
|
6
6
|
*/
|
|
7
7
|
import type { Node } from 'react';
|
|
8
|
-
import type {
|
|
8
|
+
import type { BasicTemplateInterpolations, CssFunction } from '../types';
|
|
9
9
|
export type Interpolations = (BasicTemplateInterpolations | CssFunction<> | CssFunction<>[])[];
|
|
10
10
|
export interface ClassNamesProps {
|
|
11
11
|
children: (opts: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/class-names/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/class-names/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAWlD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,UAAU,CAAC,CAAkB;IAC3C,MAAM,gBAAgB,EAAE,CAAC;AAC3B,CAAC"}
|
package/dist/esm/css/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/css/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/css/index.tsx"],"names":[],"mappings":"AAAA,kCAAkC;AAGlC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAkClD,MAAM,CAAC,OAAO,UAAU,GAAG,CACzB,IAAqC;IACrC,iBAAsE;SAAtE,UAAsE,EAAtE,qBAAsE,EAAtE,IAAsE;QAAtE,gCAAsE;;IAEtE,MAAM,gBAAgB,EAAE,CAAC;AAC3B,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -1,32 +1,22 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import type { CompiledJSX } from './jsx/jsx-local-namespace';
|
|
1
3
|
import type { CssFunction, CSSProps } from './types';
|
|
2
4
|
export { keyframes } from './keyframes';
|
|
3
5
|
export { styled } from './styled';
|
|
4
6
|
export { ClassNames } from './class-names';
|
|
5
7
|
export { default as css } from './css';
|
|
8
|
+
export declare const jsx: typeof createElement;
|
|
6
9
|
export type { CssFunction, CSSProps };
|
|
7
10
|
export type { CssObject } from './styled';
|
|
8
|
-
declare
|
|
9
|
-
interface DOMAttributes<T> {
|
|
10
|
-
css?: CssFunction | CssFunction[];
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
declare global {
|
|
11
|
+
export declare namespace jsx {
|
|
14
12
|
namespace JSX {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
* css={[{ fontSize: 12 }, `font-size: 12px;`]} // Array CSS
|
|
24
|
-
* ```
|
|
25
|
-
*
|
|
26
|
-
* For more help, read the docs:
|
|
27
|
-
* https://compiledcssinjs.com/docs/api-css-prop
|
|
28
|
-
*/
|
|
29
|
-
css?: CssFunction | CssFunction[];
|
|
30
|
-
}
|
|
13
|
+
type Element = CompiledJSX.Element;
|
|
14
|
+
type ElementClass = CompiledJSX.ElementClass;
|
|
15
|
+
type ElementAttributesProperty = CompiledJSX.ElementAttributesProperty;
|
|
16
|
+
type ElementChildrenAttribute = CompiledJSX.ElementChildrenAttribute;
|
|
17
|
+
type LibraryManagedAttributes<C, P> = CompiledJSX.LibraryManagedAttributes<C, P>;
|
|
18
|
+
type IntrinsicAttributes = CompiledJSX.IntrinsicAttributes;
|
|
19
|
+
type IntrinsicClassAttributes<T> = CompiledJSX.IntrinsicClassAttributes<T>;
|
|
20
|
+
type IntrinsicElements = CompiledJSX.IntrinsicElements;
|
|
31
21
|
}
|
|
32
22
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
1
2
|
export { keyframes } from './keyframes';
|
|
2
3
|
export { styled } from './styled';
|
|
3
4
|
export { ClassNames } from './class-names';
|
|
4
5
|
export { default as css } from './css';
|
|
6
|
+
// Pass through the (classic) jsx runtime.
|
|
7
|
+
// Compiled currently doesn't define its own and uses this purely to enable a local jsx namespace.
|
|
8
|
+
export var jsx = createElement;
|
|
5
9
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.flow
CHANGED
|
@@ -1,40 +1,15 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* THIS IS A MANUALLY CURATED FLOW FILE.
|
|
3
|
+
*
|
|
4
|
+
* Flowtype definitions for runtime
|
|
3
5
|
* Generated by Flowgen from a Typescript Definition
|
|
4
6
|
* Flowgen v1.15.0
|
|
5
7
|
* @flow
|
|
6
8
|
*/
|
|
7
|
-
import type {
|
|
9
|
+
import type { CSSProps, CssFunction } from './types';
|
|
8
10
|
declare export { keyframes } from './keyframes';
|
|
9
11
|
declare export { styled } from './styled';
|
|
10
12
|
declare export { ClassNames } from './class-names';
|
|
11
13
|
declare export { default as css } from './css';
|
|
12
14
|
export type { CssFunction, CSSProps };
|
|
13
15
|
export type { CssObject } from './styled';
|
|
14
|
-
declare module 'react' {
|
|
15
|
-
declare interface DOMAttributes<T> {
|
|
16
|
-
css?: CssFunction<> | CssFunction<>[];
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
declare module 'global' {
|
|
20
|
-
declare var JSX: typeof npm$namespace$JSX;
|
|
21
|
-
declare var npm$namespace$JSX: {|
|
|
22
|
-
IntrinsicAttributes: Class<JSX$IntrinsicAttributes>,
|
|
23
|
-
|};
|
|
24
|
-
declare interface JSX$IntrinsicAttributes {
|
|
25
|
-
/**
|
|
26
|
-
* Tie styles to an element.
|
|
27
|
-
* It is available when the `@compiled/react` module is in scope.
|
|
28
|
-
*
|
|
29
|
-
* ```
|
|
30
|
-
* css={{ fontSize: 12 }} // Object CSS
|
|
31
|
-
* css={`font-size: 12px;`} // Template literal CSS
|
|
32
|
-
* css={[{ fontSize: 12 }, `font-size: 12px;`]} // Array CSS
|
|
33
|
-
* ```
|
|
34
|
-
*
|
|
35
|
-
* For more help, read the docs:
|
|
36
|
-
* https://compiledcssinjs.com/docs/api-css-prop
|
|
37
|
-
*/
|
|
38
|
-
css?: CssFunction<> | CssFunction<>[];
|
|
39
|
-
}
|
|
40
|
-
}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AAEvC,0CAA0C;AAC1C,kGAAkG;AAClG,MAAM,CAAC,IAAM,GAAG,GAAG,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jsx-dev-runtime.js","sourceRoot":"","sources":["../../../src/jsx/jsx-dev-runtime.tsx"],"names":[],"mappings":"AAEA,gDAAgD;AAChD,kGAAkG;AAClG,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { CssFunction } from '../types';
|
|
3
|
+
declare type WithConditionalCSSProp<TProps> = 'className' extends keyof TProps ? string extends TProps['className' & keyof TProps] ? {
|
|
4
|
+
/**
|
|
5
|
+
* Tie styles to an element.
|
|
6
|
+
*
|
|
7
|
+
* ```
|
|
8
|
+
* css={{ fontSize: 12 }} // Object CSS
|
|
9
|
+
* css={`font-size: 12px;`} // Template literal CSS
|
|
10
|
+
* css={[{ fontSize: 12 }, `font-size: 12px;`]} // Array CSS
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* For more help, read the docs:
|
|
14
|
+
* https://compiledcssinjs.com/docs/api-css-prop
|
|
15
|
+
*/
|
|
16
|
+
css?: CssFunction | CssFunction[];
|
|
17
|
+
} : {} : {};
|
|
18
|
+
declare type ReactJSXElement = JSX.Element;
|
|
19
|
+
declare type ReactJSXElementClass = JSX.ElementClass;
|
|
20
|
+
declare type ReactJSXElementAttributesProperty = JSX.ElementAttributesProperty;
|
|
21
|
+
declare type ReactJSXElementChildrenAttribute = JSX.ElementChildrenAttribute;
|
|
22
|
+
declare type ReactJSXLibraryManagedAttributes<C, P> = JSX.LibraryManagedAttributes<C, P>;
|
|
23
|
+
declare type ReactJSXIntrinsicAttributes = JSX.IntrinsicAttributes;
|
|
24
|
+
declare type ReactJSXIntrinsicClassAttributes<T> = JSX.IntrinsicClassAttributes<T>;
|
|
25
|
+
declare type ReactJSXIntrinsicElements = JSX.IntrinsicElements;
|
|
26
|
+
export declare namespace CompiledJSX {
|
|
27
|
+
type Element = ReactJSXElement;
|
|
28
|
+
type ElementClass = ReactJSXElementClass;
|
|
29
|
+
type ElementAttributesProperty = ReactJSXElementAttributesProperty;
|
|
30
|
+
type ElementChildrenAttribute = ReactJSXElementChildrenAttribute;
|
|
31
|
+
type LibraryManagedAttributes<C, P> = WithConditionalCSSProp<P> & ReactJSXLibraryManagedAttributes<C, P>;
|
|
32
|
+
type IntrinsicAttributes = ReactJSXIntrinsicAttributes;
|
|
33
|
+
type IntrinsicClassAttributes<T> = ReactJSXIntrinsicClassAttributes<T>;
|
|
34
|
+
type IntrinsicElements = {
|
|
35
|
+
[K in keyof ReactJSXIntrinsicElements]: ReactJSXIntrinsicElements[K] & {
|
|
36
|
+
css?: CssFunction | CssFunction[];
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jsx-local-namespace.js","sourceRoot":"","sources":["../../../src/jsx/jsx-local-namespace.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../../../src/jsx/jsx-runtime.tsx"],"names":[],"mappings":"AAEA,4CAA4C;AAC5C,kGAAkG;AAClG,cAAc,mBAAmB,CAAC"}
|
|
@@ -7,4 +7,4 @@
|
|
|
7
7
|
* @param suffix
|
|
8
8
|
* @param prefix
|
|
9
9
|
*/
|
|
10
|
-
export default function cssCustomPropertyValue(value: string | number |
|
|
10
|
+
export default function cssCustomPropertyValue(value: string | number | null | undefined, suffix?: string | undefined | null, prefix?: string | undefined | null): string | number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-custom-property.js","sourceRoot":"","sources":["../../../src/runtime/css-custom-property.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,
|
|
1
|
+
{"version":3,"file":"css-custom-property.js","sourceRoot":"","sources":["../../../src/runtime/css-custom-property.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,KAAyC,EACzC,MAAkC,EAClC,MAAkC;IAElC,IAAI,KAAK,IAAI,SAAS,EAAE;QACtB,IAAI,MAAM,EAAE;YACV,IAAI,MAAM,EAAE;gBACV,OAAO,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;aAChC;YAED,OAAO,KAAK,GAAG,MAAM,CAAC;SACvB;QAED,OAAO,KAAK,CAAC;KACd;IAED,qFAAqF;IACrF,4EAA4E;IAC5E,kEAAkE;IAClE,OAAO,WAAW,CAAC;AACrB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { Bucket, StyleSheetOpts } from './types';
|
|
2
2
|
/**
|
|
3
3
|
* Ordered style buckets using their short psuedo name.
|
|
4
4
|
* If changes are needed make sure that it aligns with the definition in `sort-at-rule-pseudos.tsx`.
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Flowgen v1.15.0
|
|
5
5
|
* @flow
|
|
6
6
|
*/
|
|
7
|
-
import type {
|
|
7
|
+
import type { Bucket, StyleSheetOpts } from './types';
|
|
8
8
|
/**
|
|
9
9
|
* Ordered style buckets using their short psuedo name.
|
|
10
10
|
* If changes are needed make sure that it aligns with the definition in `sort-at-rule-pseudos.tsx`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-cache.js","sourceRoot":"","sources":["../../../src/runtime/style-cache.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"style-cache.js","sourceRoot":"","sources":["../../../src/runtime/style-cache.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAG9C;;;GAGG;AACH,IAAM,KAAK,GAAQ,iBAAiB,EAAE,CAAC,CAAC,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAE/F,IAAI,CAAC,iBAAiB,EAAE,EAAE;IACxB;;;;OAIG;IACH,IAAM,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAmB,mBAAmB,CAAC,CAAC;IACnF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACzC,iGAAiG;QACjG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;KACzC;CACF;AAED;;GAEG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAiB;IACpC,IAAI,iBAAiB,EAAE,EAAE;QACvB,mFAAmF;QACnF,wGAAwG;QACxG,sDAAsD;QACtD,OAAO,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KAChC;IAED,6CAA6C;IAC7C,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;;;;GAKG;AACH,IAAM,kBAAkB,GAAsB,UAAC,KAAK;IAClD,IAAI,iBAAiB,EAAE,EAAE;QACvB,4EAA4E;QAC5E,sDAAsD;QACtD,IAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;QAC5B,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IAAG,KAAK,CAAC,QAAQ,CAAkB,CAAC;KAC3E;IAED,OAAO,KAAK,CAAC,QAAuB,CAAC;AACvC,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import insertRule, { getStyleBucketName, styleBucketOrdering } from './sheet';
|
|
3
2
|
import { analyzeCssInDev } from './dev-warnings';
|
|
4
|
-
import { useCache } from './style-cache';
|
|
5
3
|
import { isNodeEnvironment } from './is-node';
|
|
4
|
+
import insertRule, { getStyleBucketName, styleBucketOrdering } from './sheet';
|
|
5
|
+
import { useCache } from './style-cache';
|
|
6
6
|
export default function Style(props) {
|
|
7
7
|
var inserted = useCache();
|
|
8
8
|
if (process.env.NODE_ENV === 'development') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/runtime/style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/runtime/style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,UAAU,EAAE,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAWzC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC7C,IAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAE5B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;KACzC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE;QACzB,IAAI,iBAAiB,EAAE,EAAE;YACvB,IAAM,gBAAc,GAAoC,EAAE,CAAC;YAC3D,IAAI,SAAS,GAAG,KAAK,CAAC;YAEtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,IAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;qBAAM;oBACL,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;oBACvB,SAAS,GAAG,IAAI,CAAC;iBAClB;gBAED,IAAM,UAAU,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC7C,gBAAc,CAAC,UAAU,CAAC,GAAG,CAAC,gBAAc,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC;aACzE;YAED,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,mDAEE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,uBAAuB,EAAE;oBACvB,MAAM,EAAE,mBAAmB,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,gBAAc,CAAC,MAAM,CAAC,EAAtB,CAAsB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;iBAC7E,GACD,CACH,CAAC;SACH;aAAM;YACL,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,IAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;gBAED,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;gBACvB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aAC1B;SACF;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styled/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styled/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAwDlD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,IAAM,MAAM,GAAgC,IAAI,KAAK,CAC1D,EAAE,EACF;IACE,GAAG;QACD,OAAO;YACL,8CAA8C;YAC9C,yDAAyD;YACzD,MAAM,gBAAgB,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC;CACF,CACK,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@compiled/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"description": "A familiar and performant compile time CSS-in-JS library for React.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"compiled",
|
|
7
7
|
"css-in-js",
|
|
8
8
|
"styled-components",
|
|
9
|
-
"emotion-js",
|
|
10
9
|
"typescript"
|
|
11
10
|
],
|
|
12
11
|
"homepage": "https://compiledcssinjs.com",
|
|
@@ -21,16 +20,44 @@
|
|
|
21
20
|
"sideEffects": false,
|
|
22
21
|
"exports": {
|
|
23
22
|
".": {
|
|
24
|
-
"import":
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
"
|
|
29
|
-
|
|
23
|
+
"import": [
|
|
24
|
+
"./dist/esm/index.js",
|
|
25
|
+
"./src/index.tsx"
|
|
26
|
+
],
|
|
27
|
+
"require": [
|
|
28
|
+
"./dist/cjs/index.js",
|
|
29
|
+
"./src/index.tsx"
|
|
30
|
+
]
|
|
30
31
|
},
|
|
31
32
|
"./runtime": {
|
|
32
|
-
"import":
|
|
33
|
-
|
|
33
|
+
"import": [
|
|
34
|
+
"./dist/esm/runtime.js",
|
|
35
|
+
"./src/runtime.tsx"
|
|
36
|
+
],
|
|
37
|
+
"require": [
|
|
38
|
+
"./dist/cjs/runtime.js",
|
|
39
|
+
"./src/runtime.tsx"
|
|
40
|
+
]
|
|
41
|
+
},
|
|
42
|
+
"./jsx-runtime": {
|
|
43
|
+
"import": [
|
|
44
|
+
"./dist/esm/jsx/jsx-runtime.js",
|
|
45
|
+
"./src/jsx/jsx-runtime.tsx"
|
|
46
|
+
],
|
|
47
|
+
"require": [
|
|
48
|
+
"./dist/cjs/jsx/jsx-runtime.js",
|
|
49
|
+
"./src/jsx/jsx-runtime.tsx"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
"./jsx-dev-runtime": {
|
|
53
|
+
"import": [
|
|
54
|
+
"./dist/esm/jsx/jsx-dev-runtime.js",
|
|
55
|
+
"./src/jsx/jsx-dev-runtime.tsx"
|
|
56
|
+
],
|
|
57
|
+
"require": [
|
|
58
|
+
"./dist/cjs/jsx/jsx-dev-runtime.js",
|
|
59
|
+
"./src/jsx/jsx-dev-runtime.tsx"
|
|
60
|
+
]
|
|
34
61
|
}
|
|
35
62
|
},
|
|
36
63
|
"main": "./dist/cjs/index.js",
|
|
@@ -40,15 +67,16 @@
|
|
|
40
67
|
"files": [
|
|
41
68
|
"dist",
|
|
42
69
|
"src",
|
|
43
|
-
"babel-plugin",
|
|
44
70
|
"runtime",
|
|
45
|
-
"
|
|
71
|
+
"jsx-runtime",
|
|
72
|
+
"jsx-dev-runtime"
|
|
46
73
|
],
|
|
47
74
|
"dependencies": {
|
|
48
75
|
"csstype": "^3.0.9"
|
|
49
76
|
},
|
|
50
77
|
"devDependencies": {
|
|
51
78
|
"@testing-library/react": "^11.2.7",
|
|
79
|
+
"@types/react-dom": "^17.0.10",
|
|
52
80
|
"react": "^17.0.2",
|
|
53
81
|
"react-dom": "^17.0.2"
|
|
54
82
|
},
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render } from '@testing-library/react';
|
|
3
1
|
import { styled } from '@compiled/react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import React from 'react';
|
|
4
4
|
|
|
5
|
-
//
|
|
6
|
-
//
|
|
7
|
-
jest.mock('../../
|
|
5
|
+
// TODO: When we move back to browser checking (window vs. process) we can remove
|
|
6
|
+
// this and replace with the "jest-environment node" pragma.
|
|
7
|
+
jest.mock('../../src/runtime/is-node', () => ({
|
|
8
8
|
isNodeEnvironment: () => false,
|
|
9
9
|
}));
|
|
10
10
|
|