baseui 0.0.0-next-e421cf1 → 0.0.0-next-dfcb85a

package/banner/index.d.ts

@@ -1,70 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-
-export declare const ACTION_POSITION: {
-  below: 'below';
-  trailing: 'trailing';
-};
-
-export declare const ARTWORK_TYPE: {
-  badge: 'badge';
-  icon: 'icon';
-};
-
-export declare const HIERARCHY: {
-  high: 'high';
-  low: 'low';
-};
-
-export declare const KIND: {
-  info: 'info';
-  negative: 'negative';
-  positive: 'positive';
-  warning: 'warning';
-};
-
-export interface ActionContentT {
-  label: string;
-  icon?: (iconProps: { size: string }) => React.ReactNode;
-  onClick: (event: React.MouseEvent<HTMLButtonElement>) => any;
-  position?: typeof ACTION_POSITION[keyof typeof ACTION_POSITION];
-}
-
-export interface ArtworkContentT {
-  icon: (iconProps: { size: string }) => React.ReactNode;
-  type?: typeof ARTWORK_TYPE[keyof typeof ARTWORK_TYPE];
-}
-
-export interface PropsT {
-  action?: ActionContentT;
-  artwork?: ArtworkContentT;
-  children: React.ReactNode;
-  hierarchy?: typeof HIERARCHY[keyof typeof HIERARCHY];
-  kind?: typeof KIND[keyof typeof KIND];
-  overrides?: {
-    BelowContent?: Override<any>;
-    LeadingContent?: Override<any>;
-    Message?: Override<any>;
-    MessageContent?: Override<any>;
-    Root?: Override<any>;
-    Title?: Override<any>;
-    TrailingContent?: Override<any>;
-    TrailingButtonContainer?: Override<any>;
-    TrailingIconButton?: Override<any>;
-  };
-  nested?: boolean;
-  title?: React.ReactNode;
-}
-
-export declare const StyledBelowContent: StyletronComponent<any, any>;
-export declare const StyledLeadingContent: StyletronComponent<any, any>;
-export declare const StyledMessage: StyletronComponent<any, any>;
-export declare const StyledMessageContent: StyletronComponent<any, any>;
-export declare const StyledRoot: StyletronComponent<any, any>;
-export declare const StyledTitle: StyletronComponent<any, any>;
-export declare const StyledTrailingContent: StyletronComponent<any, any>;
-export declare const StyledTrailingButtonContainer: StyletronComponent<any, any>;
-export declare const StyledTrailingIconButton: StyletronComponent<any, any>;
-
-export declare const Banner: React.FC<PropsT>;

package/block/index.d.ts

@@ -1,322 +0,0 @@
-import * as React from 'react';
-import { Override } from '../overrides';
-import { StyleObject } from 'styletron-react';
-
-export type Responsive<T> = T | T[];
-
-export type AlignContent =
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'normal'
-  | 'baseline'
-  | 'first baseline'
-  | 'last baseline'
-  | 'space-between'
-  | 'space-around'
-  | 'space-evenly'
-  | 'stretch'
-  | 'safe center'
-  | 'unsafe center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type AlignItems =
-  | 'normal'
-  | 'stretch'
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'self-start'
-  | 'self-end'
-  | 'baseline'
-  | 'first baseline'
-  | 'last baseline'
-  | 'safe center'
-  | 'unsafe center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type AlignSelf =
-  | 'auto'
-  | 'normal'
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'self-start'
-  | 'self-end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'baseline'
-  | 'first baseline'
-  | 'last baseline'
-  | 'stretch'
-  | 'safe center'
-  | 'unsafe center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type FlexDirection =
-  | 'row'
-  | 'row-reverse'
-  | 'column'
-  | 'column-reverse'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type Flex = number | string;
-
-export type Display =
-  | 'block'
-  | 'inline'
-  | 'run-in'
-  | 'flow'
-  | 'flow-root'
-  | 'table'
-  | 'flex'
-  | 'grid'
-  | 'ruby'
-  | 'block flow'
-  | 'inline table'
-  | 'flex run-in'
-  | 'list-item'
-  | 'list-item block'
-  | 'list-item inline'
-  | 'list-item flow'
-  | 'list-item flow-root'
-  | 'list-item block flow'
-  | 'list-item block flow-root'
-  | 'flow list-item block'
-  | 'table-row-group'
-  | 'table-header-group'
-  | 'table-footer-group'
-  | 'table-row'
-  | 'table-cell'
-  | 'table-column-group'
-  | 'table-column'
-  | 'table-caption'
-  | 'ruby-base'
-  | 'ruby-text'
-  | 'ruby-base-container'
-  | 'ruby-text-container'
-  | 'contents'
-  | 'none'
-  | 'inline-block'
-  | 'inline-table'
-  | 'inline-flex'
-  | 'inline-grid'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type GridAutoFlow =
-  | 'row'
-  | 'column'
-  | 'dense'
-  | 'row dense'
-  | 'column dense'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type JustifyContent =
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'left'
-  | 'right'
-  | 'space-between'
-  | 'space-around'
-  | 'space-evenly'
-  | 'stretch'
-  | 'safe center'
-  | 'unsafe center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type JustifyItems =
-  /* Basic keywords */
-  | 'auto'
-  | 'normal'
-  | 'stretch'
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'self-start'
-  | 'self-end'
-  | 'left'
-  | 'right'
-  | 'baseline'
-  | 'first baseline'
-  | 'last baseline'
-  | 'safe center'
-  | 'unsafe center'
-  | 'legacy right'
-  | 'legacy left'
-  | 'legacy center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type JustifySelf =
-  | 'auto'
-  | 'normal'
-  | 'stretch'
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'self-start'
-  | 'self-end'
-  | 'left'
-  | 'right'
-  | 'baseline'
-  | 'first baseline'
-  | 'last baseline'
-  | 'safe center'
-  | 'unsafe center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type Position = 'static' | 'absolute' | 'relative' | 'fixed' | 'sticky';
-
-export type Overflow =
-  | 'visible'
-  | 'hidden'
-  | 'scroll'
-  | 'scrollX'
-  | 'scrollY'
-  | 'auto'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type Scale = 0 | string;
-
-export interface BlockOverrides {
-  Block?: Override<any>;
-}
-
-export interface BlockProps {
-  children?: React.ReactNode;
-  className?: String;
-  as?: React.ElementType;
-  $style?: StyleObject | ((props: BlockProps) => StyleObject);
-  overrides?: BlockOverrides;
-  color?: Responsive<string>;
-  backgroundAttachment?: Responsive<string>;
-  backgroundClip?: Responsive<string>;
-  backgroundColor?: Responsive<string>;
-  backgroundImage?: Responsive<string>;
-  backgroundOrigin?: Responsive<string>;
-  backgroundPosition?: Responsive<string>;
-  backgroundRepeat?: Responsive<string>;
-  backgroundSize?: Responsive<string>;
-  font?: string | string[];
-  src?: string;
-  ref?: React.Ref<any>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/align-content */
-  alignContent?: Responsive<AlignContent>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/align-items */
-  alignItems?: Responsive<AlignItems>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/align-self */
-  alignSelf?: Responsive<AlignSelf>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction */
-  flexDirection?: Responsive<FlexDirection>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/display */
-  display?: Responsive<Display>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/flex */
-  flex?: Responsive<Flex>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid */
-  grid?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area */
-  gridArea?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns */
-  gridAutoColumns?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow */
-  gridAutoFlow?: Responsive<GridAutoFlow>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows */
-  gridAutoRows?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column */
-  gridColumn?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end */
-  gridColumnEnd?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap */
-  gridColumnGap?: Responsive<Scale>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start */
-  gridColumnStart?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap */
-  gridGap?: Responsive<Scale>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row */
-  gridRow?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end */
-  gridRowEnd?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap */
-  gridRowGap?: Responsive<Scale>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start */
-  gridRowStart?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template */
-  gridTemplate?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas */
-  gridTemplateAreas?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns */
-  gridTemplateColumns?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows */
-  gridTemplateRows?: Responsive<string>;
-  id?: String;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content */
-  justifyContent?: Responsive<JustifyContent>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items */
-  justifyItems?: Responsive<JustifyItems>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self */
-  justifySelf?: Responsive<JustifySelf>;
-  position?: Responsive<Position>;
-  width?: Responsive<Scale>;
-  minWidth?: Responsive<Scale>;
-  maxWidth?: Responsive<Scale>;
-  height?: Responsive<Scale>;
-  minHeight?: Responsive<Scale>;
-  maxHeight?: Responsive<Scale>;
-  onClick?: (e: Event) => any;
-  onMouseEnter?: (e: Event) => any;
-  onMouseLeave?: (e: Event) => any;
-  overflow?: Responsive<Overflow>;
-  margin?: Responsive<Scale>;
-  marginTop?: Responsive<Scale>;
-  marginRight?: Responsive<Scale>;
-  marginBottom?: Responsive<Scale>;
-  marginLeft?: Responsive<Scale>;
-  padding?: Responsive<Scale>;
-  paddingTop?: Responsive<Scale>;
-  paddingRight?: Responsive<Scale>;
-  paddingBottom?: Responsive<Scale>;
-  paddingLeft?: Responsive<Scale>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/place-content */
-  placeContent?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/place-items */
-  placeItems?: Responsive<string>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/place-self */
-  placeSelf?: Responsive<string>;
-  flexWrap?: Responsive<boolean>;
-  left?: Responsive<Scale>;
-  top?: Responsive<Scale>;
-  right?: Responsive<Scale>;
-  bottom?: Responsive<Scale>;
-}
-
-export declare const Block: React.FC<BlockProps>;

package/breadcrumbs/index.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-
-export interface BreadcrumbsOverrides {
-  Root?: Override<any>;
-  Separator?: Override<any>;
-  Icon?: Override<any>;
-  List?: Override<any>;
-  ListItem?: Override<any>;
-}
-
-export interface BreadcrumbsProps {
-  children?: React.ReactNode;
-  overrides?: BreadcrumbsOverrides;
-  ariaLabel?: string;
-  'aria-label'?: string;
-  showTrailingSeparator?: boolean;
-}
-
-export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
-
-export declare const StyledRoot: StyletronComponent<any, any>;
-export declare const StyledSeparator: StyletronComponent<any, any>;

package/button/index.d.ts

@@ -1,65 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-
-export declare const KIND: {
-  primary: 'primary';
-  secondary: 'secondary';
-  tertiary: 'tertiary';
-};
-
-export declare const SIZE: {
-  compact: 'compact';
-  default: 'default';
-  large: 'large';
-  mini: 'mini';
-};
-
-export declare const SHAPE: {
-  default: 'default';
-  pill: 'pill';
-  round: 'round';
-  circle: 'circle';
-  square: 'square';
-};
-
-export interface ButtonOverrides {
-  Root?: Override<any>;
-  BaseButton?: Override<any>;
-  StartEnhancer?: Override<any>;
-  EndEnhancer?: Override<any>;
-  LoadingSpinnerContainer?: Override<any>;
-  LoadingSpinner?: Override<any>;
-}
-
-export interface CustomColorsT {
-  backgroundColor: string;
-  color: string;
-}
-
-export interface ButtonProps {
-  ref?: React.Ref<HTMLButtonElement>;
-  colors?: CustomColorsT;
-  href?: string;
-  target?: string;
-  children?: React.ReactNode;
-  disabled?: boolean;
-  endEnhancer?: React.ReactNode;
-  isLoading?: boolean;
-  isSelected?: boolean;
-  kind?: typeof KIND[keyof typeof KIND];
-  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => any;
-  overrides?: ButtonOverrides;
-  shape?: typeof SHAPE[keyof typeof SHAPE];
-  size?: typeof SIZE[keyof typeof SIZE];
-  startEnhancer?: React.ReactNode;
-  type?: 'submit' | 'reset' | 'button';
-}
-
-export declare const StyledBaseButton: StyletronComponent<any, any>;
-export declare const StyledStartEnhancer: StyletronComponent<any, any>;
-export declare const StyledEndEnhancer: StyletronComponent<any, any>;
-export declare const StyledLoadingSpinner: StyletronComponent<any, any>;
-export declare const StyledLoadingSpinnerContainer: StyletronComponent<any, any>;
-
-export declare const Button: StyletronComponent<any, ButtonProps>;

package/button-group/index.d.ts

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { SHAPE, SIZE, KIND } from '../button';
-import { Override } from '../overrides';
-
-export { SHAPE, SIZE };
-
-export declare const MODE: {
-  checkbox: 'checkbox';
-  radio: 'radio';
-};
-
-export declare const STATE_CHANGE_TYPE: {
-  change: 'change';
-};
-
-export declare const StyledRoot: StyletronComponent<any, any>;
-
-export interface ButtonGroupOverrides {
-  Root?: Override<any>;
-}
-
-export interface ButtonGroupProps {
-  ariaLabel?: string;
-  'aria-label'?: string;
-  children: React.ReactNode;
-  disabled?: boolean;
-  mode?: typeof MODE[keyof typeof MODE];
-  onClick?: (event: React.MouseEvent<HTMLButtonElement>, index: number) => any;
-  overrides?: ButtonGroupOverrides;
-  selected?: number | number[];
-  shape?: typeof SHAPE[keyof typeof SHAPE];
-  size?: typeof SIZE[keyof typeof SIZE];
-  kind?: typeof KIND[keyof typeof KIND];
-}
-
-export declare const ButtonGroup: React.FC<ButtonGroupProps>;
-
-export interface InitialState {
-  selected: number | number[];
-}
-
-export interface State {
-  selected: number[];
-}
-
-export interface StatefulButtonGroupProps extends ButtonGroupProps {
-  initialState?: InitialState;
-  stateReducer?: (
-    stateType: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
-    nextState: State,
-    currentState: State
-  ) => State;
-}
-
-export declare const StatefulButtonGroup: React.FC<StatefulButtonGroupProps>;
-
-export class StatefulContainer extends React.Component<StatefulButtonGroupProps, State> {
-  changeState(nextState: State): void;
-  onClick(event: React.MouseEvent<HTMLButtonElement>, index: number): void;
-}

package/card/index.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-
-export interface CardOverrides {
-  Action?: Override<any>;
-  Body?: Override<any>;
-  Contents?: Override<any>;
-  HeaderImage?: Override<any>;
-  Root?: Override<any>;
-  Thumbnail?: Override<any>;
-  Title?: Override<any>;
-}
-export interface CardProps {
-  readonly action?: React.ReactNode;
-  readonly children?: React.ReactNode;
-  readonly hasThumbnail?: (props: { readonly thumbnail?: string }) => boolean;
-  readonly headerImage?:
-    | string
-    | React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
-  readonly overrides?: CardOverrides;
-  readonly thumbnail?: string;
-  readonly title?: React.ReactNode;
-}
-export declare const Card: React.FC<CardProps>;
-export type hasThumbnail = (props: { readonly thumbnail?: string }) => boolean;
-
-export declare const StyledAction: StyletronComponent<any, any>;
-export declare const StyledBody: StyletronComponent<any, any>;
-export declare const StyledContents: StyletronComponent<any, any>;
-export declare const StyledHeaderImage: StyletronComponent<any, any>;
-export declare const StyledThumbnail: StyletronComponent<any, any>;
-export declare const StyledTitle: StyletronComponent<any, any>;
-export declare const StyledRoot: StyletronComponent<any, any>;
-export declare const StyledWrapper: StyletronComponent<any, any>;