/**
 * Import order determines CSS cascade order, therefor affects specificity.
 * Do not change the order of these imports or everything will break.
 */
import * as baseStyles from './responsive/base';
import type { TypeOrNumber } from '@coinbase/cds-common/types/TypeOrNumber';
/**
 * Style props that set classnames but not inline style CSS Variables.
 * @danger You probably don't want to use this type directly. To refer to any
 * style prop, use the StyleProps type instead. Only use this type to reference
 * specifically the static style props (style props that don't use inline styles).
 */
export type StaticStyleProps = {
  [key in keyof Omit<typeof baseStyles, 'dynamic'>]?: TypeOrNumber<keyof (typeof baseStyles)[key]>;
};
/**
 * Maps the StaticStyleProps that are affected by Theme variables to the
 * ThemeVars interface names that affect them.
 */
declare const stylePropThemeVarMap: {
  readonly color: 'Color';
  readonly background: 'Color';
  readonly borderColor: 'Color';
  readonly borderWidth: 'BorderWidth';
  readonly borderTopWidth: 'BorderWidth';
  readonly borderEndWidth: 'BorderWidth';
  readonly borderBottomWidth: 'BorderWidth';
  readonly borderStartWidth: 'BorderWidth';
  readonly borderRadius: 'BorderRadius';
  readonly borderTopLeftRadius: 'BorderRadius';
  readonly borderTopRightRadius: 'BorderRadius';
  readonly borderBottomLeftRadius: 'BorderRadius';
  readonly borderBottomRightRadius: 'BorderRadius';
  readonly fontFamily: 'FontFamily';
  readonly fontSize: 'FontSize';
  readonly fontWeight: 'FontWeight';
  readonly lineHeight: 'LineHeight';
  readonly gap: 'Space';
  readonly columnGap: 'Space';
  readonly rowGap: 'Space';
  readonly padding: 'Space';
  readonly paddingX: 'Space';
  readonly paddingY: 'Space';
  readonly paddingTop: 'Space';
  readonly paddingBottom: 'Space';
  readonly paddingStart: 'Space';
  readonly paddingEnd: 'Space';
  readonly margin: 'Space';
  readonly marginX: 'Space';
  readonly marginY: 'Space';
  readonly marginTop: 'Space';
  readonly marginBottom: 'Space';
  readonly marginEnd: 'Space';
  readonly marginStart: 'Space';
  readonly elevation: 'Elevation';
};
/**
 * The subset of StaticStyleProps that are affected by theme variables.
 * @danger You probably don't want to use this type directly. To refer to any
 * style prop, use the StyleProps type instead. To refer only to static style
 * props (style props that don't use inline styles), use the StaticStyleProps
 * type instead. Only use this type to reference specifically the subset of
 * StaticStyleProps that are affected by theme variables.
 */
export type ThemedStaticStyleProps = {
  [themedStaticStyleProp in keyof typeof stylePropThemeVarMap]?: StaticStyleProps[themedStaticStyleProp];
};
/**
 * The subset of StaticStyleProps that are not affected by theme variables.
 * @danger You probably don't want to use this type directly. To refer to any
 * style prop, use the StyleProps type instead. To refer only to static style
 * props (style props that don't use inline styles), use the StaticStyleProps
 * type instead. Only use this type to reference specifically the subset of
 * StaticStyleProps that are not affected by theme variables.
 */
export type UnthemedStaticStyleProps = Omit<StaticStyleProps, keyof ThemedStaticStyleProps>;
/**
 * Style props that set inline style CSS Variables, and classnames that consume those CSS Variables.
 * @danger You probably don't want to use this type directly. To refer to any
 * style prop, use the StyleProps type instead. Only use this type to reference
 * specifically the dynamic style props (style props that use inline styles).
 */
export type DynamicStyleProps = {
  width?: React.CSSProperties['width'];
  height?: React.CSSProperties['height'];
  minWidth?: React.CSSProperties['minWidth'];
  minHeight?: React.CSSProperties['minHeight'];
  maxWidth?: React.CSSProperties['maxWidth'];
  maxHeight?: React.CSSProperties['maxHeight'];
  aspectRatio?: React.CSSProperties['aspectRatio'];
  top?: React.CSSProperties['top'];
  bottom?: React.CSSProperties['bottom'];
  left?: React.CSSProperties['left'];
  right?: React.CSSProperties['right'];
  transform?: React.CSSProperties['transform'];
  flexBasis?: React.CSSProperties['flexBasis'];
  flexGrow?: React.CSSProperties['flexGrow'];
  flexShrink?: React.CSSProperties['flexShrink'];
  gridTemplateColumns?: React.CSSProperties['gridTemplateColumns'];
  gridTemplateRows?: React.CSSProperties['gridTemplateRows'];
  gridTemplateAreas?: React.CSSProperties['gridTemplateAreas'];
  gridTemplate?: React.CSSProperties['gridTemplate'];
  gridAutoColumns?: React.CSSProperties['gridAutoColumns'];
  gridAutoRows?: React.CSSProperties['gridAutoRows'];
  gridAutoFlow?: React.CSSProperties['gridAutoFlow'];
  grid?: React.CSSProperties['grid'];
  gridRowStart?: React.CSSProperties['gridRowStart'];
  gridColumnStart?: React.CSSProperties['gridColumnStart'];
  gridRowEnd?: React.CSSProperties['gridRowEnd'];
  gridColumnEnd?: React.CSSProperties['gridColumnEnd'];
  gridRow?: React.CSSProperties['gridRow'];
  gridColumn?: React.CSSProperties['gridColumn'];
  gridArea?: React.CSSProperties['gridArea'];
  opacity?: React.CSSProperties['opacity'];
  zIndex?: React.CSSProperties['zIndex'];
};
/**
 * DynamicStyleProps that should have "px" concatenated if they are numbers and not equal to zero.
 */
export declare const dynamicPixelProps: {
  readonly width: 1;
  readonly height: 1;
  readonly minWidth: 1;
  readonly minHeight: 1;
  readonly maxWidth: 1;
  readonly maxHeight: 1;
  readonly top: 1;
  readonly bottom: 1;
  readonly left: 1;
  readonly right: 1;
  readonly flexBasis: 1;
};
export type ResponsiveProp<T> =
  | T
  | {
      base?: T;
      phone?: T;
      tablet?: T;
      desktop?: T;
    };
export type ResponsiveProps<T> = {
  [key in keyof T]?: ResponsiveProp<T[key]>;
};
export type StyleProps = ResponsiveProps<StaticStyleProps> & ResponsiveProps<DynamicStyleProps>;
export declare const getStyles: (
  styleProps: StyleProps,
  inlineStyle?: React.CSSProperties,
) => {
  style: React.CSSProperties;
  className: string;
};
export {};
//# sourceMappingURL=styleProps.d.ts.map