@compiled/react 0.13.0 → 0.14.0

package/dist/cjs/types.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for types
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import * as CSS from 'csstype';
@@ -19,11 +19,11 @@ export type CssType<TProps> = CssObject<TProps> | FunctionInterpolation<TProps>
 /**
  * These are all the CSS props that will exist.
  */
-export type CSSProps<TProps> = CSS.Properties<CssFunction<TProps>>;
-export type CssObject<TProps> = {
+export type CSSProps<TProps> = $ReadOnly<CSS.Properties<CssFunction<TProps>>>;
+export type CssObject<TProps> = $ReadOnly<{
   ...CSSProps<TProps>,
   [key: string]: CssFunction<TProps>,
-};
+}>;
 export type CssFunction<TProps = mixed> =
   | CssType<TProps>
   | BasicTemplateInterpolations

package/dist/cjs/utils/error.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for error
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 declare export var createSetupError: () => Error;

package/dist/esm/class-names/index.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { Node } from 'react';

package/dist/esm/css/index.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { CSSProps, CssObject, CssFunction } from '../types';

package/dist/esm/css-map/index.d.ts

@@ -0,0 +1,21 @@
+import type { CSSProps, CssObject } from '../types';
+/**
+ * ## cssMap
+ *
+ * Creates a collection of named CSS rules that are statically typed and useable with other Compiled APIs.
+ * For further details [read the documentation](https://compiledcssinjs.com/docs/api-cssmap).
+ *
+ * @example
+ * ```
+ * const borderStyleMap = cssMap({
+ *     none: { borderStyle: 'none' },
+ *     solid: { borderStyle: 'solid' },
+ * });
+ * const Component = ({ borderStyle }) => <div css={css(borderStyleMap[borderStyle])} />
+ *
+ * <Component borderStyle="solid" />
+ * ```
+ */
+type returnType<T extends string, P> = Record<T, CSSProps<P>>;
+export default function cssMap<T extends string, TProps = unknown>(_styles: Record<T, CssObject<TProps> | CssObject<TProps>[]>): Readonly<returnType<T, TProps>>;
+export {};

package/dist/esm/css-map/index.js

@@ -0,0 +1,5 @@
+import { createSetupError } from '../utils/error';
+export default function cssMap(_styles) {
+    throw createSetupError();
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/css-map/index.js.flow

@@ -0,0 +1,26 @@
+/**
+ * Flowtype definitions for index
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import type { CSSProps, CssObject } from '../types';
+/**
+ * ## cssMap
+ *
+ * Creates a collection of named CSS rules that are statically typed and useable with other Compiled APIs.
+ * For further details [read the documentation](https://compiledcssinjs.com/docs/api-cssmap).
+ * @example ```
+ * const borderStyleMap = cssMap({
+ *     none: { borderStyle: 'none' },
+ *     solid: { borderStyle: 'solid' },
+ * });
+ * const Component = ({ borderStyle }) => <div css={css(borderStyleMap[borderStyle])} />
+ *
+ * <Component borderStyle="solid" />
+ * ```
+ */
+declare type returnType<T: string, P> = { [key: T]: CSSProps<P> };
+declare export default function cssMap<T: string, TProps>(_styles: {
+  [key: T]: CssObject<TProps> | CssObject<TProps>[],
+}): $ReadOnly<returnType<T, TProps>>;

package/dist/esm/css-map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/css-map/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAqBlD,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,OAA2D;IAE3D,MAAM,gBAAgB,EAAE,CAAC;AAC3B,CAAC"}

package/dist/esm/index.d.ts

@@ -6,6 +6,7 @@ export { keyframes } from './keyframes';
 export { styled } from './styled';
 export { ClassNames } from './class-names';
 export { default as css } from './css';
+export { default as cssMap } from './css-map';
 export declare const jsx: typeof createElement;
 export declare namespace jsx {
     namespace JSX {

package/dist/esm/index.js

@@ -3,6 +3,7 @@ export { keyframes } from './keyframes';
 export { styled } from './styled';
 export { ClassNames } from './class-names';
 export { default as css } from './css';
+export { default as cssMap } from './css-map';
 // Pass through the (classic) jsx runtime.
 // Compiled currently doesn't define its own and uses this purely to enable a local jsx namespace.
 export const jsx = createElement;

package/dist/esm/index.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { CssFunction, CSSProps, CssType } from './types';
@@ -10,3 +10,4 @@ declare export { keyframes } from './keyframes';
 declare export { styled } from './styled';
 declare export { ClassNames } from './class-names';
 declare export { default as css } from './css';
+declare export { default as cssMap } from './css-map';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,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,MAAM,GAAG,GAAG,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,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;AACvC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAC;AAE9C,0CAA0C;AAC1C,kGAAkG;AAClG,MAAM,CAAC,MAAM,GAAG,GAAG,aAAa,CAAC"}

package/dist/esm/keyframes/index.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { BasicTemplateInterpolations, CSSProps } from '../types';

package/dist/esm/runtime/ac.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for ac
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 /**

package/dist/esm/runtime/ax.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for ax
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 /**

package/dist/esm/runtime/cache.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for cache
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 /**

package/dist/esm/runtime/css-custom-property.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for css-custom-property
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 /**

package/dist/esm/runtime/dev-warnings.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for dev-warnings
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 declare export var analyzeCssInDev: (sheet: string) => void;

package/dist/esm/runtime/index.js

@@ -3,12 +3,4 @@ export { default as CC } from './style-cache';
 export { default as ax } from './ax';
 export { default as ac, clearCache as clearAcCache } from './ac';
 export { default as ix } from './css-custom-property';
-// Ensure only one `@compiled/runtime` exist in the bundle.
-// This is because `ac` and `style-cache` need to access a singlton.
-if (typeof window !== 'undefined') {
-    if (typeof window.__COMPILED_IMPORTED__ !== 'undefined') {
-        throw new Error('Multiple instances of Compiled Runtime have been found on the page. A likely cause is that muliple versions of `@compiled/react` exist in JS bundle.');
-    }
-    window.__COMPILED_IMPORTED__ = true;
-}
 //# sourceMappingURL=index.js.map

package/dist/esm/runtime/index.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 declare export { default as CS } from './style';

package/dist/esm/runtime/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,MAAM,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAEtD,2DAA2D;AAC3D,oEAAoE;AACpE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI,OAAO,MAAM,CAAC,qBAAqB,KAAK,WAAW,EAAE;QACvD,MAAM,IAAI,KAAK,CACb,sJAAsJ,CACvJ,CAAC;KACH;IACD,MAAM,CAAC,qBAAqB,GAAG,IAAI,CAAC;CACrC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,MAAM,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/esm/runtime/is-server-environment.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for is-server-environment
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 /**

package/dist/esm/runtime/sheet.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for sheet
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { Bucket, StyleSheetOpts } from './types';

package/dist/esm/runtime/style-cache.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for style-cache
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { ProviderComponent, UseCacheHook } from './types';

package/dist/esm/runtime/style.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for style
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { StyleSheetOpts } from './types';

package/dist/esm/runtime/types.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for types
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 export interface StyleSheetOpts {

package/dist/esm/runtime.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for runtime
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 declare export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index';

package/dist/esm/styled/index.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { ComponentType } from 'react';

package/dist/esm/types.d.ts

@@ -13,8 +13,8 @@ export type CssType<TProps> = CSSProps<TProps> | CssObject<TProps> | FunctionInt
 /**
  * These are all the CSS props that will exist.
  */
-export type CSSProps<TProps> = CSS.Properties<CssFunction<TProps>>;
-export type CssObject<TProps> = {
+export type CSSProps<TProps> = Readonly<CSS.Properties<CssFunction<TProps>>>;
+export type CssObject<TProps> = Readonly<{
     [key: string]: CssFunction<TProps>;
-};
+}>;
 export type CssFunction<TProps = unknown> = CssType<TProps> | BasicTemplateInterpolations | boolean | undefined;

package/dist/esm/types.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for types
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import * as CSS from 'csstype';
@@ -19,11 +19,11 @@ export type CssType<TProps> = CssObject<TProps> | FunctionInterpolation<TProps>
 /**
  * These are all the CSS props that will exist.
  */
-export type CSSProps<TProps> = CSS.Properties<CssFunction<TProps>>;
-export type CssObject<TProps> = {
+export type CSSProps<TProps> = $ReadOnly<CSS.Properties<CssFunction<TProps>>>;
+export type CssObject<TProps> = $ReadOnly<{
   ...CSSProps<TProps>,
   [key: string]: CssFunction<TProps>,
-};
+}>;
 export type CssFunction<TProps = mixed> =
   | CssType<TProps>
   | BasicTemplateInterpolations

package/dist/esm/utils/error.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for error
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 declare export var createSetupError: () => Error;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compiled/react",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "A familiar and performant compile time CSS-in-JS library for React.",
   "keywords": [
     "compiled",
@@ -17,11 +17,7 @@
   },
   "license": "Apache-2.0",
   "author": "Michael Dougall",
-  "sideEffects": [
-    "./dist/browser/runtime/index.js",
-    "./dist/cjs/runtime/index.js",
-    "./dist/esm/runtime/index.js"
-  ],
+  "sideEffects": false,
   "exports": {
     ".": {
       "import": [
@@ -76,13 +72,13 @@
     "jsx-dev-runtime"
   ],
   "dependencies": {
-    "csstype": "^3.1.1"
+    "csstype": "^3.1.2"
   },
   "devDependencies": {
     "@compiled/benchmark": "^1.1.0",
     "@testing-library/react": "^12.1.5",
     "@types/jsdom": "^16.2.15",
-    "@types/react-dom": "^17.0.19",
+    "@types/react-dom": "^17.0.20",
     "jsdom": "^19.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

package/src/class-names/index.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { Node } from 'react';

package/src/css/index.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { CSSProps, CssObject, CssFunction } from '../types';

package/src/css-map/__tests__/index.test.tsx

@@ -0,0 +1,52 @@
+/** @jsxImportSource @compiled/react */
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { css, cssMap } from '@compiled/react';
+import { render } from '@testing-library/react';
+
+describe('css map', () => {
+  const styles = cssMap({
+    danger: {
+      color: 'red',
+    },
+    success: {
+      color: 'green',
+    },
+  });
+
+  it('should generate css based on the selected variant', () => {
+    const Foo = ({ variant }: { variant: keyof typeof styles }) => (
+      <div css={styles[variant]}>hello world</div>
+    );
+    const { getByText, rerender } = render(<Foo variant="danger" />);
+
+    expect(getByText('hello world')).toHaveCompiledCss('color', 'red');
+
+    rerender(<Foo variant="success" />);
+    expect(getByText('hello world')).toHaveCompiledCss('color', 'green');
+  });
+
+  it('should statically access a variant', () => {
+    const Foo = () => <div css={styles.danger}>hello world</div>;
+    const { getByText } = render(<Foo />);
+
+    expect(getByText('hello world')).toHaveCompiledCss('color', 'red');
+  });
+
+  it('should merge styles', () => {
+    const hover = css({ ':hover': { color: 'red' } });
+    const Foo = () => <div css={[hover, styles.success]}>hello world</div>;
+    const { getByText } = render(<Foo />);
+
+    expect(getByText('hello world')).toHaveCompiledCss('color', 'green');
+    expect(getByText('hello world')).toHaveCompiledCss('color', 'red', { target: ':hover' });
+  });
+
+  it('should conditionally apply variant', () => {
+    const Foo = ({ isDanger }: { isDanger: boolean }) => (
+      <div css={isDanger && styles.danger}>hello world</div>
+    );
+    const { getByText } = render(<Foo isDanger={true} />);
+
+    expect(getByText('hello world')).toHaveCompiledCss('color', 'red');
+  });
+});

package/src/css-map/index.js.flow

@@ -0,0 +1,26 @@
+/**
+ * Flowtype definitions for index
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import type { CSSProps, CssObject } from '../types';
+/**
+ * ## cssMap
+ *
+ * Creates a collection of named CSS rules that are statically typed and useable with other Compiled APIs.
+ * For further details [read the documentation](https://compiledcssinjs.com/docs/api-cssmap).
+ * @example ```
+ * const borderStyleMap = cssMap({
+ *     none: { borderStyle: 'none' },
+ *     solid: { borderStyle: 'solid' },
+ * });
+ * const Component = ({ borderStyle }) => <div css={css(borderStyleMap[borderStyle])} />
+ *
+ * <Component borderStyle="solid" />
+ * ```
+ */
+declare type returnType<T: string, P> = { [key: T]: CSSProps<P> };
+declare export default function cssMap<T: string, TProps>(_styles: {
+  [key: T]: CssObject<TProps> | CssObject<TProps>[],
+}): $ReadOnly<returnType<T, TProps>>;

package/src/css-map/index.ts

@@ -0,0 +1,27 @@
+import type { CSSProps, CssObject } from '../types';
+import { createSetupError } from '../utils/error';
+
+/**
+ * ## cssMap
+ *
+ * Creates a collection of named CSS rules that are statically typed and useable with other Compiled APIs.
+ * For further details [read the documentation](https://compiledcssinjs.com/docs/api-cssmap).
+ *
+ * @example
+ * ```
+ * const borderStyleMap = cssMap({
+ *     none: { borderStyle: 'none' },
+ *     solid: { borderStyle: 'solid' },
+ * });
+ * const Component = ({ borderStyle }) => <div css={css(borderStyleMap[borderStyle])} />
+ *
+ * <Component borderStyle="solid" />
+ * ```
+ */
+type returnType<T extends string, P> = Record<T, CSSProps<P>>;
+
+export default function cssMap<T extends string, TProps = unknown>(
+  _styles: Record<T, CssObject<TProps> | CssObject<TProps>[]>
+): Readonly<returnType<T, TProps>> {
+  throw createSetupError();
+}

package/src/index.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { CssFunction, CSSProps, CssType } from './types';
@@ -10,3 +10,4 @@ declare export { keyframes } from './keyframes';
 declare export { styled } from './styled';
 declare export { ClassNames } from './class-names';
 declare export { default as css } from './css';
+declare export { default as cssMap } from './css-map';

package/src/index.ts

@@ -9,6 +9,7 @@ export { keyframes } from './keyframes';
 export { styled } from './styled';
 export { ClassNames } from './class-names';
 export { default as css } from './css';
+export { default as cssMap } from './css-map';
 
 // Pass through the (classic) jsx runtime.
 // Compiled currently doesn't define its own and uses this purely to enable a local jsx namespace.

package/src/keyframes/index.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 import type { BasicTemplateInterpolations, CSSProps } from '../types';

package/src/runtime/ac.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for ac
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 /**

package/src/runtime/ax.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for ax
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 /**

package/src/runtime/cache.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for cache
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 /**

package/src/runtime/css-custom-property.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for css-custom-property
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 /**

package/src/runtime/dev-warnings.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for dev-warnings
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 declare export var analyzeCssInDev: (sheet: string) => void;

package/src/runtime/index.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 declare export { default as CS } from './style';

package/src/runtime/index.ts

@@ -3,14 +3,3 @@ export { default as CC } from './style-cache';
 export { default as ax } from './ax';
 export { default as ac, clearCache as clearAcCache } from './ac';
 export { default as ix } from './css-custom-property';
-
-// Ensure only one `@compiled/runtime` exist in the bundle.
-// This is because `ac` and `style-cache` need to access a singlton.
-if (typeof window !== 'undefined') {
-  if (typeof window.__COMPILED_IMPORTED__ !== 'undefined') {
-    throw new Error(
-      'Multiple instances of Compiled Runtime have been found on the page. A likely cause is that muliple versions of `@compiled/react` exist in JS bundle.'
-    );
-  }
-  window.__COMPILED_IMPORTED__ = true;
-}