@compiled/react 0.18.6 → 0.19.1

package/src/runtime/style.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
-import { analyzeCssInDev } from './dev-warnings';
-import { isServerEnvironment } from './is-server-environment';
-import insertRule, { getStyleBucketName, styleBucketOrdering } from './sheet';
-import { useCache } from './style-cache';
-import type { Bucket, StyleSheetOpts } from './types';
+import { analyzeCssInDev } from './dev-warnings.js';
+import { isServerEnvironment } from './is-server-environment.js';
+import insertRule, { getStyleBucketName, styleBucketOrdering } from './sheet.js';
+import { useCache } from './style-cache.js';
+import type { Bucket, StyleSheetOpts } from './types.js';
 
 interface StyleProps extends StyleSheetOpts {
   /**

package/src/runtime.ts

@@ -1 +1 @@
-export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index';
+export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index.js';

package/src/styled/__tests__/index.test.tsx

@@ -236,7 +236,7 @@ describe('styled component', () => {
   });
 
   it('should inherit types from composed component', () => {
-    const Link = (props: { href: string }) => <a {...props} />;
+    const Link = (props: React.PropsWithChildren<{ href: string }>) => <a {...props} />;
     const StyledLink = styled(Link)({
       fontSize: 12,
     });

package/src/styled/index.ts

@@ -1,7 +1,7 @@
 import type { ComponentType } from 'react';
 
-import type { CssType, CssFunction } from '../types';
-import { createSetupError } from '../utils/error';
+import type { CssType, CssFunction } from '../types.js';
+import { createSetupError } from '../utils/error.js';
 
 /**
  * Extra props added to the output Styled Component.

package/src/xcss-prop/index.ts

@@ -1,8 +1,13 @@
 import type * as CSS from 'csstype';
 
-import type { ApplySchemaValue } from '../create-strict-api/types';
-import { ax } from '../runtime';
-import type { CSSPseudos, CSSProperties, StrictCSSProperties, AllCSSPseudoClasses } from '../types';
+import type { ApplySchemaValue } from '../create-strict-api/types.js';
+import { ax } from '../runtime.js';
+import type {
+  CSSPseudos,
+  CSSProperties,
+  StrictCSSProperties,
+  AllCSSPseudoClasses,
+} from '../types.js';
 
 type MarkAsRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };