@compiled/react 0.15.0 → 0.16.0

package/src/runtime/ax.js.flow

@@ -1,27 +0,0 @@
-/**
- * Flowtype definitions for ax
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @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/src/runtime/cache.js.flow

@@ -1,18 +0,0 @@
-/**
- * Flowtype definitions for cache
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-/**
- * Returns `true` when caching should be disabled, else `false`.
- *
- * Any code within this check will be removed in the output bundles:
- *
- * ```js
- * if (isCacheDisabled()) {
- *   // This code will be removed from the output bundles
- * }
- * ```
- */
-declare export var isCacheDisabled: () => boolean;

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

@@ -1,19 +0,0 @@
-/**
- * Flowtype definitions for css-custom-property
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @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 | null | void,
-  suffix?: string | void | null,
-  prefix?: string | void | null
-): string | number;

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

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

package/src/runtime/index.js.flow

@@ -1,11 +0,0 @@
-/**
- * Flowtype definitions for index
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @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 ac, clearCache as clearAcCache } from './ac';
-declare export { default as ix } from './css-custom-property';

package/src/runtime/is-server-environment.js.flow

@@ -1,19 +0,0 @@
-/**
- * Flowtype definitions for is-server-environment
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @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 (isServerEnvironment()) {
- *   // This code will be removed from the browser bundle
- * }
- * ```
- */
-declare export var isServerEnvironment: () => boolean;

package/src/runtime/sheet.js.flow

@@ -1,36 +0,0 @@
-/**
- * Flowtype definitions for sheet
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import type { Bucket, StyleSheetOpts } 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/src/runtime/style-cache.js.flow

@@ -1,19 +0,0 @@
-/**
- * Flowtype definitions for style-cache
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @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/src/runtime/style.js.flow

@@ -1,16 +0,0 @@
-/**
- * Flowtype definitions for style
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @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;

package/src/runtime/types.js.flow

@@ -1,23 +0,0 @@
-/**
- * Flowtype definitions for types
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @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/src/runtime.js.flow

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

package/src/styled/__tests__/types.test.js.flow

@@ -1,84 +0,0 @@
-// @flow strict-local
-import React, { type Node, type Element } from 'react';
-import { styled, type CssType } from '@compiled/react';
-
-// Tagged template expression
-() => {
-  const StyledComponent = styled.div`
-    font-size: 12px;
-  `;
-  return <StyledComponent>red text</StyledComponent>;
-};
-
-// Tagged template expression with conditional
-() => {
-  const StyledComponent = styled.div`
-    font-size: ${({ big }) => (big ? big : 12)}px;
-  `;
-  return <StyledComponent big>red text</StyledComponent>;
-};
-
-// Object call expression
-() => {
-  const StyledComponent = styled.div<{ big: number, children: Node }>({
-    fontSize: (props: { big: number, children: Node }): number => (props.big == 5 ? 50 : 10),
-  });
-
-  return <StyledComponent big={5}>red text</StyledComponent>;
-};
-
-// Object call expression with no props
-() => {
-  const StyledComponent = styled.div({
-    wordBreak: 'break-word',
-    position: 'relative',
-    left: `${2 - 2}px`,
-  });
-
-  return <StyledComponent>red text</StyledComponent>;
-};
-
-// Object call expression with conditional
-() => {
-  const StyledComponent = styled.div<{ big: number, children: Node }>({
-    fontSize: ({ big }) => `${big ? 50 : 12}px`,
-    width: ({ big }) => (big ? 500 : 120),
-  });
-
-  return <StyledComponent big={5}>red text</StyledComponent>;
-};
-
-// Object call expression with logical operator expression
-() => {
-  // Type defined as constant so we test the type without sketchy null check errors
-  const StyledComponent = styled.div<{ big?: 5000, children: Node }>(
-    {
-      fontSize: ({ big }) => `${big || 50}px`,
-      width: ({ big }) => big && 500,
-    },
-    ({ big }) => big && { height: '100px' }
-  );
-
-  return <StyledComponent big={5000}>red text</StyledComponent>;
-};
-
-// Array
-() => {
-  const styles: CssType<{ fontSize: number, children: Node }>[] = [{ fontSize: '12px' }];
-  const StyledComponent = styled.div(styles);
-  return <StyledComponent fontSize={50}>red text</StyledComponent>;
-};
-
-// Multiple arguments
-() => {
-  const StyledComponent = styled.div({ fontSize: 12 }, `font-size: 12px`);
-  return <StyledComponent>red text</StyledComponent>;
-};
-
-// Dynamic function calls
-() => {
-  const StyledComponent = styled.div({
-    backgroundColor: token('elevation.surface', 'black'),
-    zIndex: layers.modal(),
-  });
-};

package/src/styled/index.js.flow

@@ -1,66 +0,0 @@
-/**
- * Flowtype definitions for index
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import type { ComponentType } from 'react';
-import type { CssType, CssFunction } from '../types';
-/**
- * Extra props added to the output Styled Component.
- */
-export type StyledProps = {
-  as?: $Keys<$JSXIntrinsics>,
-};
-export type ObjectInterpolation<TProps> = CssType<TProps> | CssType<TProps>[];
-export type TemplateStringsInterpolation<TProps> = CssFunction<TProps> | CssFunction<TProps>[];
-export interface StyledComponent<ComponentProps> {
-  <TProps>(
-    ...css: ObjectInterpolation<TProps>[]
-  ): React$ComponentType<{ ...TProps, ...ComponentProps, ...StyledProps }>;
-  <TProps>(
-    template: $ReadOnlyArray<string>,
-    ...interpolations: TemplateStringsInterpolation<TProps>[]
-  ): React$ComponentType<{ ...TProps, ...ComponentProps, ...StyledProps }>;
-}
-export type StyledComponentMap = $ObjMapi<$JSXIntrinsics, <Tag>(Tag) => StyledComponent<mixed>>;
-export type CreateStyledComponent = {
-  <TInheritedProps>(Component: ComponentType<TInheritedProps>): StyledComponent<TInheritedProps>,
-  ...
-} & StyledComponentMap;
-/**
- * ## Styled component
- *
- * Create a component that styles a JSX element which comes with built-in behavior such as `ref` and `as` prop support.
- * For further details [read the documentation](https://compiledcssinjs.com/docs/api-styled).
- *
- * ### Style with objects
- * @example ```
- * styled.div({
- *   fontSize: 12,
- * });
- * ```
- *
- * ### Style with template literals
- * @example ```
- * styled.div`
- *   font-size: 12px
- * `;
- * ```
- *
- * ### Compose styles with arrays
- * @example ```
- * import type { css } from '@compiled/react';
- *
- * styled.div([
- *   { fontSize: 12 },
- *   css`font-size: 12px;`
- * ]);
- *
- * styled.div(
- *   { fontSize: 12 },
- *   css`font-size: 12px`
- * );
- * ```
- */
-declare export var styled: CreateStyledComponent;

package/src/types.js.flow

@@ -1,31 +0,0 @@
-/**
- * Flowtype definitions for types
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as CSS from 'csstype';
-/**
- * Typing for the interpolations.
- */
-export type BasicTemplateInterpolations = string | number;
-export interface FunctionInterpolation<TProps> {
-  (props: TProps): CssFunction<TProps>;
-}
-/**
- * Possible types for a CSS value
- */
-export type CssType<TProps> = CssObject<TProps> | FunctionInterpolation<TProps> | string;
-/**
- * These are all the CSS props that will exist.
- */
-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
-  | boolean
-  | void;

package/src/utils/error.js.flow

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