@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.
Files changed (118) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/dist/browser/class-names/index.d.ts +1 -1
  3. package/dist/browser/class-names/index.js.flow +1 -1
  4. package/dist/browser/class-names/index.js.map +1 -1
  5. package/dist/browser/css/index.js +1 -0
  6. package/dist/browser/css/index.js.map +1 -1
  7. package/dist/browser/index.d.ts +12 -22
  8. package/dist/browser/index.js +4 -0
  9. package/dist/browser/index.js.flow +4 -29
  10. package/dist/browser/index.js.map +1 -1
  11. package/dist/browser/jsx/jsx-dev-runtime.d.ts +2 -0
  12. package/dist/browser/jsx/jsx-dev-runtime.js +4 -0
  13. package/dist/browser/jsx/jsx-dev-runtime.js.map +1 -0
  14. package/dist/browser/jsx/jsx-local-namespace.d.ts +40 -0
  15. package/dist/browser/jsx/jsx-local-namespace.js +2 -0
  16. package/dist/browser/jsx/jsx-local-namespace.js.map +1 -0
  17. package/dist/browser/jsx/jsx-runtime.d.ts +2 -0
  18. package/dist/browser/jsx/jsx-runtime.js +4 -0
  19. package/dist/browser/jsx/jsx-runtime.js.map +1 -0
  20. package/dist/browser/runtime/css-custom-property.d.ts +1 -1
  21. package/dist/browser/runtime/css-custom-property.js.flow +1 -1
  22. package/dist/browser/runtime/css-custom-property.js.map +1 -1
  23. package/dist/browser/runtime/sheet.d.ts +1 -1
  24. package/dist/browser/runtime/sheet.js.flow +1 -1
  25. package/dist/browser/runtime/style-cache.js.map +1 -1
  26. package/dist/browser/runtime/style.js +2 -2
  27. package/dist/browser/runtime/style.js.map +1 -1
  28. package/dist/browser/styled/index.js.map +1 -1
  29. package/dist/cjs/class-names/index.d.ts +1 -1
  30. package/dist/cjs/class-names/index.js.flow +1 -1
  31. package/dist/cjs/class-names/index.js.map +1 -1
  32. package/dist/cjs/css/index.js +1 -0
  33. package/dist/cjs/css/index.js.map +1 -1
  34. package/dist/cjs/index.d.ts +12 -22
  35. package/dist/cjs/index.js +5 -1
  36. package/dist/cjs/index.js.flow +4 -29
  37. package/dist/cjs/index.js.map +1 -1
  38. package/dist/cjs/jsx/jsx-dev-runtime.d.ts +2 -0
  39. package/dist/cjs/jsx/jsx-dev-runtime.js +16 -0
  40. package/dist/cjs/jsx/jsx-dev-runtime.js.map +1 -0
  41. package/dist/cjs/jsx/jsx-local-namespace.d.ts +40 -0
  42. package/dist/cjs/jsx/jsx-local-namespace.js +3 -0
  43. package/dist/cjs/jsx/jsx-local-namespace.js.map +1 -0
  44. package/dist/cjs/jsx/jsx-runtime.d.ts +2 -0
  45. package/dist/cjs/jsx/jsx-runtime.js +16 -0
  46. package/dist/cjs/jsx/jsx-runtime.js.map +1 -0
  47. package/dist/cjs/runtime/css-custom-property.d.ts +1 -1
  48. package/dist/cjs/runtime/css-custom-property.js.flow +1 -1
  49. package/dist/cjs/runtime/css-custom-property.js.map +1 -1
  50. package/dist/cjs/runtime/sheet.d.ts +1 -1
  51. package/dist/cjs/runtime/sheet.js.flow +1 -1
  52. package/dist/cjs/runtime/style-cache.js.map +1 -1
  53. package/dist/cjs/runtime/style.js +2 -2
  54. package/dist/cjs/runtime/style.js.map +1 -1
  55. package/dist/cjs/styled/index.js.map +1 -1
  56. package/dist/esm/class-names/index.d.ts +1 -1
  57. package/dist/esm/class-names/index.js.flow +1 -1
  58. package/dist/esm/class-names/index.js.map +1 -1
  59. package/dist/esm/css/index.js +1 -0
  60. package/dist/esm/css/index.js.map +1 -1
  61. package/dist/esm/index.d.ts +12 -22
  62. package/dist/esm/index.js +4 -0
  63. package/dist/esm/index.js.flow +4 -29
  64. package/dist/esm/index.js.map +1 -1
  65. package/dist/esm/jsx/jsx-dev-runtime.d.ts +2 -0
  66. package/dist/esm/jsx/jsx-dev-runtime.js +4 -0
  67. package/dist/esm/jsx/jsx-dev-runtime.js.map +1 -0
  68. package/dist/esm/jsx/jsx-local-namespace.d.ts +40 -0
  69. package/dist/esm/jsx/jsx-local-namespace.js +2 -0
  70. package/dist/esm/jsx/jsx-local-namespace.js.map +1 -0
  71. package/dist/esm/jsx/jsx-runtime.d.ts +2 -0
  72. package/dist/esm/jsx/jsx-runtime.js +4 -0
  73. package/dist/esm/jsx/jsx-runtime.js.map +1 -0
  74. package/dist/esm/runtime/css-custom-property.d.ts +1 -1
  75. package/dist/esm/runtime/css-custom-property.js.flow +1 -1
  76. package/dist/esm/runtime/css-custom-property.js.map +1 -1
  77. package/dist/esm/runtime/sheet.d.ts +1 -1
  78. package/dist/esm/runtime/sheet.js.flow +1 -1
  79. package/dist/esm/runtime/style-cache.js.map +1 -1
  80. package/dist/esm/runtime/style.js +2 -2
  81. package/dist/esm/runtime/style.js.map +1 -1
  82. package/dist/esm/styled/index.js.map +1 -1
  83. package/jsx-dev-runtime/package.json +6 -0
  84. package/jsx-runtime/package.json +6 -0
  85. package/package.json +40 -12
  86. package/src/__tests__/browser.test.tsx +5 -5
  87. package/src/__tests__/jest-matcher.test.tsx +197 -0
  88. package/src/__tests__/server-side-hydrate.test.tsx +1 -0
  89. package/src/__tests__/ssr.test.tsx +2 -2
  90. package/src/class-names/__tests__/index.test.tsx +1 -1
  91. package/src/class-names/index.js.flow +1 -1
  92. package/src/class-names/index.tsx +2 -1
  93. package/src/css/__tests__/index.test.tsx +2 -3
  94. package/src/css/index.tsx +3 -1
  95. package/src/index.js.flow +4 -29
  96. package/src/index.tsx +18 -26
  97. package/src/jsx/__tests__/index.test.tsx +1 -2
  98. package/src/jsx/__tests__/jsx-import-source-pragma.test.tsx +37 -0
  99. package/src/jsx/__tests__/jsx-pragma.test.tsx +39 -0
  100. package/src/jsx/jsx-dev-runtime.tsx +5 -0
  101. package/src/jsx/jsx-local-namespace.tsx +49 -0
  102. package/src/jsx/jsx-runtime.tsx +5 -0
  103. package/src/keyframes/__tests__/index.test.tsx +2 -1
  104. package/src/runtime/__perf__/ax.test.ts +42 -0
  105. package/src/runtime/__perf__/cs.test.tsx +111 -0
  106. package/src/runtime/__perf__/sheet.test.ts +61 -0
  107. package/src/runtime/__perf__/utils/cs.tsx +60 -0
  108. package/src/runtime/__perf__/utils/sheet.tsx +151 -0
  109. package/src/runtime/__tests__/style-ssr.test.tsx +1 -0
  110. package/src/runtime/__tests__/style.test.tsx +1 -1
  111. package/src/runtime/css-custom-property.js.flow +1 -1
  112. package/src/runtime/css-custom-property.tsx +1 -1
  113. package/src/runtime/sheet.js.flow +1 -1
  114. package/src/runtime/sheet.tsx +1 -1
  115. package/src/runtime/style-cache.tsx +1 -0
  116. package/src/runtime/style.tsx +4 -3
  117. package/src/styled/__tests__/index.test.tsx +3 -3
  118. 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,KAAsC,EACtC,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
+ {"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 { StyleSheetOpts, Bucket } from './types';
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 { StyleSheetOpts, Bucket } from './types';
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;AAClD,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"}
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;AAC1B,+CAA8E;AAC9E,+CAAiD;AAEjD,6CAAyC;AACzC,qCAA8C;AAU9C,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
+ {"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":";;;AACA,wCAAkD;AAyDlD;;;;;;;;;;;;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
+ {"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 { CssFunction, BasicTemplateInterpolations } from '../types';
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 { CssFunction, BasicTemplateInterpolations } from '../types';
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":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAYlD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,UAAU,CAAC,CAAkB;IAC3C,MAAM,gBAAgB,EAAE,CAAC;AAC3B,CAAC"}
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"}
@@ -1,3 +1,4 @@
1
+ /* eslint-disable import/export */
1
2
  import { createSetupError } from '../utils/error';
2
3
  export default function css(_css) {
3
4
  var _values = [];
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/css/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAmClD,MAAM,CAAC,OAAO,UAAU,GAAG,CACzB,IAAqC;IACrC,iBAAsE;SAAtE,UAAsE,EAAtE,qBAAsE,EAAtE,IAAsE;QAAtE,gCAAsE;;IAEtE,MAAM,gBAAgB,EAAE,CAAC;AAC3B,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"}
@@ -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 module 'react' {
9
- interface DOMAttributes<T> {
10
- css?: CssFunction | CssFunction[];
11
- }
12
- }
13
- declare global {
11
+ export declare namespace jsx {
14
12
  namespace JSX {
15
- interface IntrinsicAttributes {
16
- /**
17
- * Tie styles to an element.
18
- * It is available when the `@compiled/react` module is in scope.
19
- *
20
- * ```
21
- * css={{ fontSize: 12 }} // Object CSS
22
- * css={`font-size: 12px;`} // Template literal CSS
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
@@ -1,40 +1,15 @@
1
1
  /**
2
- * Flowtype definitions for index
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 { CssFunction, CSSProps } from './types';
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
- }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAEA,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"}
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,2 @@
1
+ export type { CompiledJSX as JSX } from './jsx-local-namespace';
2
+ export * from 'react/jsx-dev-runtime';
@@ -0,0 +1,4 @@
1
+ // Pass through the (automatic) jsx dev runtime.
2
+ // Compiled currently doesn't define its own and uses this purely to enable a local jsx namespace.
3
+ export * from 'react/jsx-dev-runtime';
4
+ //# sourceMappingURL=jsx-dev-runtime.js.map
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=jsx-local-namespace.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"jsx-local-namespace.js","sourceRoot":"","sources":["../../../src/jsx/jsx-local-namespace.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export type { CompiledJSX as JSX } from './jsx-local-namespace';
2
+ export * from 'react/jsx-runtime';
@@ -0,0 +1,4 @@
1
+ // Pass through the (automatic) jsx runtime.
2
+ // Compiled currently doesn't define its own and uses this purely to enable a local jsx namespace.
3
+ export * from 'react/jsx-runtime';
4
+ //# sourceMappingURL=jsx-runtime.js.map
@@ -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 | number | null, suffix?: string | undefined | null, prefix?: string | undefined | null): string | number;
10
+ export default function cssCustomPropertyValue(value: string | number | null | undefined, suffix?: string | undefined | null, prefix?: string | undefined | null): string | number;
@@ -13,7 +13,7 @@
13
13
  * @param prefix
14
14
  */
15
15
  declare export default function cssCustomPropertyValue(
16
- value: string | number | number | null,
16
+ value: string | number | null | void,
17
17
  suffix?: string | void | null,
18
18
  prefix?: string | void | null
19
19
  ): 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,KAAsC,EACtC,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
+ {"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 { StyleSheetOpts, Bucket } from './types';
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 { StyleSheetOpts, Bucket } from './types';
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;AAClD,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
+ {"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;AAC1B,OAAO,UAAU,EAAE,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAU9C,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
+ {"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":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAyDlD;;;;;;;;;;;;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"}
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"}
@@ -0,0 +1,6 @@
1
+ {
2
+ "main": "../dist/cjs/jsx/jsx-dev-runtime.js",
3
+ "module": "../dist/esm/jsx/jsx-dev-runtime.js",
4
+ "browser": "../dist/browser/jsx/jsx-dev-runtime.js",
5
+ "types": "../dist/esm/jsx/jsx-dev-runtime.d.ts"
6
+ }
@@ -0,0 +1,6 @@
1
+ {
2
+ "main": "../dist/cjs/jsx/jsx-runtime.js",
3
+ "module": "../dist/esm/jsx/jsx-runtime.js",
4
+ "browser": "../dist/browser/jsx/jsx-runtime.js",
5
+ "types": "../dist/esm/jsx/jsx-runtime.d.ts"
6
+ }
package/package.json CHANGED
@@ -1,12 +1,11 @@
1
1
  {
2
2
  "name": "@compiled/react",
3
- "version": "0.9.1",
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": "./dist/esm/index.js",
25
- "require": "./dist/cjs/index.js"
26
- },
27
- "./babel-plugin": {
28
- "import": "./dist/esm/babel-plugin.js",
29
- "require": "./dist/cjs/babel-plugin.js"
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": "./dist/esm/runtime.js",
33
- "require": "./dist/cjs/runtime.js"
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
- "README.md"
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
- // Because of the babel transform these tests are using dist instead of src.
6
- // Anything we can do to use src instead?
7
- jest.mock('../../dist/cjs/runtime/is-node', () => ({
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