@compiled/react 0.6.12 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @compiled/react
 
+## 0.9.0
+
+### Minor Changes
+
+- 2092839: Allow inline strings and inline css mixins in conditional expressions. Fix ordering of styles in template literals.
+
+## 0.8.0
+
+### Minor Changes
+
+- 4210ff6: Add flow types support
+- 53935b3: Add `ObjectExpression` support to `css`
+
+## 0.7.0
+
+### Minor Changes
+
+- bcb2a68: Add support for `keyframes`
+- a7ab8e1: Add support for conditional rules for `Styled`
+
+## 0.6.13
+
+### Patch Changes
+
+- 13c3a60: add support of additional parameters to css function
+
 ## 0.6.12
 
 ### Patch Changes

package/dist/browser/class-names/index.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CssFunction, BasicTemplateInterpolations } from '../types';
+import type { ReactNode } from 'react';
+import type { CssFunction, BasicTemplateInterpolations } from '../types';
 export declare type Interpolations = (BasicTemplateInterpolations | CssFunction | CssFunction[])[];
 export interface ClassNamesProps {
     children: (opts: {

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

@@ -0,0 +1,45 @@
+/**
+ * Flowtype definitions for index
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+import type { Node } from 'react';
+import type { CssFunction, BasicTemplateInterpolations } from '../types';
+export type Interpolations = (BasicTemplateInterpolations | CssFunction<> | CssFunction<>[])[];
+export interface ClassNamesProps {
+  children: (opts: {
+    css: (css: CssFunction<> | CssFunction<>[], ...interpolations: Interpolations) => string,
+    style: {
+      [key: string]: string,
+      ...
+    },
+    ...
+  }) => Node;
+}
+/**
+ * Use a component where styles are not necessarily tied to an element.
+ *
+ * ```
+ * // Object CSS
+ * <ClassNames>
+ *   {({ css, style }) => children({ className: css({ fontSize: 12 }) })}
+ * </ClassNames>
+ *
+ * // Template literal CSS
+ * <ClassNames>
+ *   {({ css, style }) => children({ className: css`font-size: 12px;` })}
+ * </ClassNames>
+ *
+ * // Array CSS
+ * <ClassNames>
+ *   {({ css, style }) =>
+ *    children({ className: css([{ fontSize: 12 }, `font-size: 12px`]) })}
+ * </ClassNames>
+ * ```
+ *
+ * For more help, read the docs:
+ * https://compiledcssinjs.com/docs/api-class-names
+ * @param props
+ */
+declare export function ClassNames(_: ClassNamesProps): React$Node;

package/dist/browser/css/index.d.ts

@@ -1,6 +1,6 @@
-import type { CSSProps } from '../types';
+import type { BasicTemplateInterpolations, CSSProps, FunctionInterpolation } from '../types';
 /**
- * Create styles that can be re-used between components.
+ * Create styles that can be re-used between components with a template literal.
  *
  * ```
  * css`color: red;`;
@@ -10,5 +10,19 @@ import type { CSSProps } from '../types';
  * https://compiledcssinjs.com/docs/api-css
  *
  * @param css
+ * @param values
  */
-export default function css(_css: TemplateStringsArray): CSSProps;
+export default function css<T = void>(_css: TemplateStringsArray, ..._values: (BasicTemplateInterpolations | FunctionInterpolation<T>)[]): CSSProps;
+/**
+ * Create styles that can be re-used between components with an object
+ *
+ * ```
+ * css({ color: 'red' });
+ * ```
+ *
+ * For more help, read the docs:
+ * https://compiledcssinjs.com/docs/api-css
+ *
+ * @param css
+ */
+export default function css(_css: CSSProps): CSSProps;

package/dist/browser/css/index.js

@@ -1,17 +1,9 @@
 import { createSetupError } from '../utils/error';
-/**
- * Create styles that can be re-used between components.
- *
- * ```
- * css`color: red;`;
- * ```
- *
- * For more help, read the docs:
- * https://compiledcssinjs.com/docs/api-css
- *
- * @param css
- */
 export default function css(_css) {
+    var _values = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        _values[_i - 1] = arguments[_i];
+    }
     throw createSetupError();
 }
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,35 @@
+/**
+ * Flowtype definitions for index
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+import type { BasicTemplateInterpolations, CSSProps, FunctionInterpolation } from '../types';
+/**
+ * Create styles that can be re-used between components with a template literal.
+ *
+ * ```
+ * css`color: red;`;
+ * ```
+ *
+ * For more help, read the docs:
+ * https://compiledcssinjs.com/docs/api-css
+ * @param css
+ * @param values
+ */
+declare export default function css<T>(
+  _css: $ReadOnlyArray<string>,
+  ..._values: (BasicTemplateInterpolations | FunctionInterpolation<T>)[]
+): CSSProps;
+/**
+ * Create styles that can be re-used between components with an object
+ *
+ * ```
+ * css({ color: 'red' });
+ * ```
+ *
+ * For more help, read the docs:
+ * https://compiledcssinjs.com/docs/api-css
+ * @param css
+ */
+declare export default function css(_css: CSSProps): CSSProps;

package/dist/browser/css/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/css/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,IAA0B;IACpD,MAAM,gBAAgB,EAAE,CAAC;AAC3B,CAAC"}
+{"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"}

package/dist/browser/index.d.ts

@@ -1,7 +1,10 @@
+import type { CssFunction, CSSProps } from './types';
+export { keyframes } from './keyframes';
 export { styled } from './styled';
 export { ClassNames } from './class-names';
 export { default as css } from './css';
-import { CssFunction } from './types';
+export type { CssFunction, CSSProps };
+export type { CssObject } from './styled';
 declare module 'react' {
     interface DOMAttributes<T> {
         css?: CssFunction | CssFunction[];

package/dist/browser/index.js

@@ -1,3 +1,4 @@
+export { keyframes } from './keyframes';
 export { styled } from './styled';
 export { ClassNames } from './class-names';
 export { default as css } from './css';

package/dist/browser/index.js.flow

@@ -0,0 +1,40 @@
+/**
+ * Flowtype definitions for index
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+import type { CssFunction, CSSProps } from './types';
+declare export { keyframes } from './keyframes';
+declare export { styled } from './styled';
+declare export { ClassNames } from './class-names';
+declare export { default as css } from './css';
+export type { CssFunction, CSSProps };
+export type { CssObject } from './styled';
+declare module 'react' {
+  declare interface DOMAttributes<T> {
+    css?: CssFunction<> | CssFunction<>[];
+  }
+}
+declare module 'global' {
+  declare var JSX: typeof npm$namespace$JSX;
+  declare var npm$namespace$JSX: {|
+    IntrinsicAttributes: Class<JSX$IntrinsicAttributes>,
+  |};
+  declare interface JSX$IntrinsicAttributes {
+    /**
+     * Tie styles to an element.
+     * It is available when the `@compiled/react` module is in scope.
+     *
+     * ```
+     * css={{ fontSize: 12 }} // Object CSS
+     * css={`font-size: 12px;`} // Template literal CSS
+     * css={[{ fontSize: 12 }, `font-size: 12px;`]} // Array CSS
+     * ```
+     *
+     * For more help, read the docs:
+     * https://compiledcssinjs.com/docs/api-css-prop
+     */
+    css?: CssFunction<> | CssFunction<>[];
+  }
+}

package/dist/browser/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,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"}
+{"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"}

package/dist/browser/keyframes/__fixtures__/index.d.ts

@@ -0,0 +1,3 @@
+export declare const fadeOut: string;
+export declare const namedFadeOut: string;
+export default fadeOut;

package/dist/browser/keyframes/__fixtures__/index.js

@@ -0,0 +1,12 @@
+import { keyframes } from '@compiled/react';
+export var fadeOut = keyframes({
+    from: {
+        opacity: 1,
+    },
+    to: {
+        opacity: 0,
+    },
+});
+export var namedFadeOut = fadeOut;
+export default fadeOut;
+//# sourceMappingURL=index.js.map

package/dist/browser/keyframes/__fixtures__/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/keyframes/__fixtures__/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,IAAM,OAAO,GAAG,SAAS,CAAC;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;KACX;IACD,EAAE,EAAE;QACF,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,YAAY,GAAG,OAAO,CAAC;AAEpC,eAAe,OAAO,CAAC"}

package/dist/browser/keyframes/index.d.ts

@@ -0,0 +1,47 @@
+import type { BasicTemplateInterpolations, CSSProps } from '../types';
+export declare type KeyframeSteps = string | Record<string, CSSProps>;
+/**
+ * Create keyframes using a tagged template expression:
+ *
+ * ```
+ * const fadeOut = keyframes`
+ *   from { opacity: 1; }
+ *   to   { opacity: 0; }
+ * `;
+ * ```
+ *
+ * @param _strings The input string values
+ * @param _interpolations The arguments used in the expression
+ */
+export declare function keyframes(_strings: TemplateStringsArray, ..._interpolations: BasicTemplateInterpolations[]): string;
+/**
+ * Create keyframes using:
+ *
+ * 1. An object expression
+ *
+ * ```
+ * const fadeOut = keyframes({
+ *   from: {
+ *     opacity: 1,
+ *   },
+ *   to: {
+ *     opacity: 0,
+ *   },
+ * });
+ * ```
+ *
+ * 2. A string
+ *
+ * ```
+ * const fadeOut = keyframes('from { opacity: 1; } to { opacity: 0; }');
+ * ```
+ *
+ * 3. A template literal
+ *
+ * ```
+ * const fadeOut = keyframes(`from { opacity: 1; } to { opacity: 0; }`);
+ * ```
+ *
+ * @param _steps The waypoints along the animation sequence
+ */
+export declare function keyframes(_steps: KeyframeSteps): string;

package/dist/browser/keyframes/index.js

@@ -0,0 +1,9 @@
+import { createSetupError } from '../utils/error';
+export function keyframes(_stringsOrSteps) {
+    var _interpolations = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        _interpolations[_i - 1] = arguments[_i];
+    }
+    throw createSetupError();
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,54 @@
+/**
+ * Flowtype definitions for index
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+import type { BasicTemplateInterpolations, CSSProps } from '../types';
+export type KeyframeSteps = string | { [key: string]: CSSProps, ... };
+/**
+ * Create keyframes using a tagged template expression:
+ *
+ * ```
+ * const fadeOut = keyframes`
+ *   from { opacity: 1; }
+ *   to   { opacity: 0; }
+ * `;
+ * ```
+ * @param _strings The input string values
+ * @param _interpolations The arguments used in the expression
+ */
+declare export function keyframes(
+  _strings: $ReadOnlyArray<string>,
+  ..._interpolations: BasicTemplateInterpolations[]
+): string;
+/**
+ * Create keyframes using:
+ *
+ * 1. An object expression
+ *
+ * ```
+ * const fadeOut = keyframes({
+ *   from: {
+ *     opacity: 1,
+ *   },
+ *   to: {
+ *     opacity: 0,
+ *   },
+ * });
+ * ```
+ *
+ * 2. A string
+ *
+ * ```
+ * const fadeOut = keyframes('from { opacity: 1; } to { opacity: 0; }');
+ * ```
+ *
+ * 3. A template literal
+ *
+ * ```
+ * const fadeOut = keyframes(`from { opacity: 1; } to { opacity: 0; }`);
+ * ```
+ * @param _steps The waypoints along the animation sequence
+ */
+declare export function keyframes(_steps: KeyframeSteps): string;

package/dist/browser/keyframes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/keyframes/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAsDlD,MAAM,UAAU,SAAS,CACvB,eAAqD;IACrD,yBAAiD;SAAjD,UAAiD,EAAjD,qBAAiD,EAAjD,IAAiD;QAAjD,wCAAiD;;IAEjD,MAAM,gBAAgB,EAAE,CAAC;AAC3B,CAAC"}

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

@@ -0,0 +1,27 @@
+/**
+ * Flowtype definitions for ax
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+/**
+ * Joins classes together and ensures atomic declarations of a single group exist.
+ * Atomic declarations take the form of `_{group}{value}` (always prefixed with an underscore),
+ * where both `group` and `value` are hashes **four characters long**.
+ * Class names can be of any length,
+ * this function can take both atomic declarations and class names.
+ *
+ * Input:
+ *
+ * ```
+ * ax(['_aaaabbbb', '_aaaacccc'])
+ * ```
+ *
+ * Output:
+ *
+ * ```
+ * '_aaaacccc'
+ * ```
+ * @param classes
+ */
+declare export default function ax(classNames: (string | void | false)[]): string | void;

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

@@ -0,0 +1,19 @@
+/**
+ * Flowtype definitions for css-custom-property
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+/**
+ * Returns a CSS custom property value with an optional suffix & prefix.
+ * Prefix will only be added if there is a suffix.
+ * If the value is undefined a fallback value will be returned to prevent children inheriting parent values.
+ * @param value
+ * @param suffix
+ * @param prefix
+ */
+declare export default function cssCustomPropertyValue(
+  value: string | number | number | null,
+  suffix?: string | void | null,
+  prefix?: string | void | null
+): string | number;

package/dist/browser/runtime/dev-warnings.d.ts

@@ -1,2 +1 @@
-export declare const warn: (str: string, ...args: any[]) => void;
 export declare const analyzeCssInDev: (sheet: string) => void;

package/dist/browser/runtime/dev-warnings.js

@@ -5,7 +5,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 };
 var selectorsToWarn = [':first-child', ':nth-child'];
 var hasWarned = {};
-export var warn = function (str) {
+var warn = function (str) {
     var args = [];
     for (var _i = 1; _i < arguments.length; _i++) {
         args[_i - 1] = arguments[_i];

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

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

package/dist/browser/runtime/dev-warnings.js.map

@@ -1 +1 @@
-{"version":3,"file":"dev-warnings.js","sourceRoot":"","sources":["../../../src/runtime/dev-warnings.tsx"],"names":[],"mappings":";;;;;AAAA,IAAM,eAAe,GAAG,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;AACvD,IAAM,SAAS,GAAyB,EAAE,CAAC;AAE3C,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,GAAW;IAAE,cAAc;SAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;QAAd,6BAAc;;IAC9C,OAAA,OAAO,CAAC,KAAK,OAAb,OAAO,iBACL,q6DAUA,GAAG,OACN,GACM,IAAI;AAbT,CAcC,CAAC;AAEJ,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,KAAa;IAC3C,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE;QACpB,OAAO;KACR;IAED,IAAM,wBAAwB,GAC5B,eAAe,CAAC,GAAG,CAAC,UAAC,QAAQ,IAAK,OAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAxB,CAAwB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAEzF,IAAI,wBAAwB,EAAE;QAC5B,IAAI,CACF,iBAAc,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,gPAEiC,CAC1E,CAAC;KACH;IAED,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;AAC1B,CAAC,CAAC"}
+{"version":3,"file":"dev-warnings.js","sourceRoot":"","sources":["../../../src/runtime/dev-warnings.tsx"],"names":[],"mappings":";;;;;AAAA,IAAM,eAAe,GAAG,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;AACvD,IAAM,SAAS,GAAyB,EAAE,CAAC;AAE3C,IAAM,IAAI,GAAG,UAAC,GAAW;IAAE,cAAc;SAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;QAAd,6BAAc;;IACvC,OAAA,OAAO,CAAC,KAAK,OAAb,OAAO,iBACL,q6DAUA,GAAG,OACN,GACM,IAAI;AAbT,CAcC,CAAC;AAEJ,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,KAAa;IAC3C,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE;QACpB,OAAO;KACR;IAED,IAAM,wBAAwB,GAC5B,eAAe,CAAC,GAAG,CAAC,UAAC,QAAQ,IAAK,OAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAxB,CAAwB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAEzF,IAAI,wBAAwB,EAAE;QAC5B,IAAI,CACF,iBAAc,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,gPAEiC,CAC1E,CAAC;KACH;IAED,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;AAC1B,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+/**
+ * Flowtype definitions for index
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+declare export { default as CS } from './style';
+declare export { default as CC } from './style-cache';
+declare export { default as ax } from './ax';
+declare export { default as ix } from './css-custom-property';

package/dist/browser/runtime/is-node.js.flow

@@ -0,0 +1,19 @@
+/**
+ * Flowtype definitions for is-node
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+/**
+ * Returns `true` when inside a node environment,
+ * else `false`.
+ *
+ * When using this it will remove any node code from the browser bundle - for example:
+ *
+ * ```js
+ * if (isNodeEnvironment()) {
+ *   // This code will be removed from the browser bundle
+ * }
+ * ```
+ */
+declare export var isNodeEnvironment: () => boolean;

package/dist/browser/runtime/sheet.d.ts

@@ -1,4 +1,4 @@
-import { StyleSheetOpts, Bucket } from './types';
+import type { StyleSheetOpts, Bucket } from './types';
 /**
  * Ordered style buckets using their short psuedo name.
  * If changes are needed make sure that it aligns with the definition in `sort-at-rule-pseudos.tsx`.

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

@@ -0,0 +1,36 @@
+/**
+ * Flowtype definitions for sheet
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+import type { StyleSheetOpts, Bucket } from './types';
+/**
+ * Ordered style buckets using their short psuedo name.
+ * If changes are needed make sure that it aligns with the definition in `sort-at-rule-pseudos.tsx`.
+ */
+declare export var styleBucketOrdering: Bucket[];
+/**
+ * Gets the bucket depending on the sheet.
+ * This function makes assumptions as to the form of the input class name.
+ *
+ * Input:
+ *
+ * ```
+ * "._a1234567:hover{ color: red; }"
+ * ```
+ *
+ * Output:
+ *
+ * ```
+ * "h"
+ * ```
+ * @param sheet styles for which we are getting the bucket
+ */
+declare export var getStyleBucketName: (sheet: string) => Bucket;
+/**
+ * Used to move styles to the head of the application during runtime.
+ * @param css string
+ * @param opts StyleSheetOpts
+ */
+declare export default function insertRule(css: string, opts: StyleSheetOpts): void;

package/dist/browser/runtime/style-cache.d.ts

@@ -1,4 +1,4 @@
-import { ProviderComponent, UseCacheHook } from './types';
+import type { ProviderComponent, UseCacheHook } from './types';
 /**
  * Hook using the cache created on the server or client.
  */

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

@@ -0,0 +1,19 @@
+/**
+ * Flowtype definitions for style-cache
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+import type { ProviderComponent, UseCacheHook } from './types';
+/**
+ * Hook using the cache created on the server or client.
+ */
+declare export var useCache: UseCacheHook;
+/**
+ * On the server this ensures the minimal amount of styles will be rendered
+ * safely using React Context.
+ *
+ * On the browser this turns into a fragment with no React Context.
+ */
+declare var StyleCacheProvider: ProviderComponent;
+declare export default typeof StyleCacheProvider;

package/dist/browser/runtime/style.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StyleSheetOpts } from './types';
+import type { StyleSheetOpts } from './types';
 interface StyleProps extends StyleSheetOpts {
     /**
      * CSS Rules.

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

@@ -0,0 +1,17 @@
+/**
+ * Flowtype definitions for style
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+import type { StyleSheetOpts } from './types';
+declare type StyleProps = {
+  /**
+   * CSS Rules.
+   * Ensure each rule is a separate element in the array.
+   */
+  children: string[],
+  ...
+} & StyleSheetOpts;
+declare export default function Style(props: StyleProps): React$Node | null;
+declare export {};

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

@@ -0,0 +1,23 @@
+/**
+ * Flowtype definitions for types
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.14.1
+ * @flow
+ */
+export interface StyleSheetOpts {
+  /**
+   * Used to set a nonce on the style element.
+   * This is needed when using a strict CSP and should be a random hash generated every server load.
+   * Check out https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src for more information.
+   */
+  nonce?: string;
+}
+/**
+ * Buckets under which we will group our stylesheets
+ */
+export type Bucket = '' | 'l' | 'v' | 'w' | 'f' | 'i' | 'h' | 'a' | 'm';
+export type UseCacheHook = () => { [key: string]: true, ... };
+export type ProviderComponent = (props: {
+  children: React$Node[] | React$Node,
+  ...
+}) => React$Node;

package/dist/browser/runtime.js.flow

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