@open-tender/ui/dist/cjs/types/styles.d.ts

A component library for use with the Open Tender web app

export type StylesFlexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
export type StylesFlexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
export type StylesFlexAlignSelf = 'auto' | StylesFlexAlignItems;
export type StylesFlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
export type StylesFlexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
export type StylesFlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
export type StylesBackfaceVisibility = 'visible' | 'hidden';
export type StylesBorderStyle = 'solid' | 'dotted' | 'dashed';
export type StylesDisplay = 'none' | 'flex';
export type StylesFontStyle = 'normal' | 'italic';
export type StylesOverflow = 'visible' | 'hidden' | 'scroll';
export type StylesBackgroundAttachment = 'scroll' | 'fixed' | 'local';
export type StylesBackgroundClip = 'border-box' | 'padding-box' | 'content-box';
export type StylesBackgroundOrigin = 'border-box' | 'padding-box' | 'content-box';
export type StylesBackgroundPosition = 'left top' | 'left center' | 'left bottom' | 'center top' | 'center' | 'center bottom' | 'right top' | 'right center' | 'right bottom';
export type StylesBackgroundPositionX = 'left' | 'center' | 'right';
export type StylesBackgroundPositionY = 'top' | 'center' | 'bottom';
export type StylesBackgroundRepeat = 'repeat-x' | 'repeat-y' | 'repeat' | 'no-repeat' | 'space' | 'round';
export type StylesBackgroundSize = 'cover' | 'contain';
export type StylesPointerEvents = 'auto' | 'none';
export type StylesPosition = 'absolute' | 'relative';
export type StylesTextAlign = 'left' | 'right' | 'center' | 'justify';
export type StylesTextDecoration = 'none' | 'underline' | 'overline' | 'line-through';
export type StylesTextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
export type StylesTextFontSmoothing = 'none' | 'auto' | 'antialiased' | 'subpixel-antialiased';
export type StylesLayout = {
    alignContent?: StylesFlexAlignContent;
    alignItems?: StylesFlexAlignItems;
    alignSelf?: StylesFlexAlignSelf;
    aspectRatio?: number;
    bottom?: number;
    columnGap?: number;
    display?: StylesDisplay;
    flexBasis?: number | string;
    flexDirection?: StylesFlexDirection;
    flexGrow?: number;
    flexShrink?: number;
    flexWrap?: StylesFlexWrap;
    gap?: number;
    height?: number | string;
    justifyContent?: StylesFlexJustifyContent;
    left?: number;
    margin?: number;
    marginBottom?: number;
    marginLeft?: number;
    marginRight?: number;
    marginTop?: number;
    maxHeight?: number;
    maxWidth?: number;
    minHeight?: number;
    minWidth?: number;
    overflow?: StylesOverflow;
    padding?: number;
    paddingBottom?: number;
    paddingLeft?: number;
    paddingRight?: number;
    paddingTop?: number;
    position?: StylesPosition;
    right?: number;
    rowGap?: number;
    top?: number;
    width?: number | string;
    zIndex?: number;
};
export type StylesView = {
    backfaceVisibility?: StylesBackfaceVisibility;
    backgroundAttachment?: StylesBackgroundAttachment;
    backgroundClip?: StylesBackgroundClip;
    backgroundColor?: string;
    backgroundImage?: string;
    backgroundOrigin?: StylesBackgroundOrigin;
    backgroundPosition?: StylesBackgroundPosition;
    backgroundPositionX?: StylesBackgroundPositionX;
    backgroundPositionY?: StylesBackgroundPositionY;
    backgroundRepeat?: StylesBackgroundRepeat;
    backgroundSize?: StylesBackgroundSize;
    borderBottomColor?: string;
    borderBottomLeftRadius?: number;
    borderBottomRightRadius?: number;
    borderBottomWidth?: number;
    borderColor?: string;
    borderLeftColor?: string;
    borderLeftWidth?: number;
    borderRadius?: number;
    borderRightColor?: string;
    borderRightWidth?: number;
    borderStyle?: StylesBorderStyle;
    borderTopColor?: string;
    borderTopLeftRadius?: number;
    borderTopRightRadius?: number;
    borderTopWidth?: number;
    borderWidth?: number;
    boxShadow?: string;
    elevation?: number;
    opacity?: number;
    pointerEvents?: StylesPointerEvents;
    shadowColor?: string;
    shadowOffsetX?: number;
    shadowOffsetY?: number;
    shadowOpacity?: number;
    shadowRadius?: number;
    shadowSpread?: number;
};
export type StylesText = {
    color?: string;
    fontFamily?: string;
    fontSize?: number;
    fontStyle?: StylesFontStyle;
    fontWeight?: number | string;
    letterSpacing?: number;
    lineHeight?: number;
    textAlign?: StylesTextAlign;
    textDecoration?: StylesTextDecoration;
    textShadow?: string;
    textShadowColor?: string;
    textShadowOffsetX?: number;
    textShadowOffsetY?: number;
    textShadowRadius?: number;
    textTransform?: StylesTextTransform;
    WebkitFontSmoothing?: StylesTextFontSmoothing;
};
export type StylesSvg = {
    strokeWidth?: number;
};
export type StylesProperty = keyof StylesLayout | keyof StylesView | keyof StylesText | keyof StylesSvg;
export type Styles = StylesLayout & StylesView & StylesText & StylesSvg;