/** * These styles are used to power the component StyleProps API. */ import type { ThemeVars } from '@coinbase/cds-common/core/theme'; import { type LinariaClassName } from '@linaria/core'; import type { DynamicStyleProps } from '../styleProps'; /** * Classnames for dynamic style props. Dynamic style props are style props whose * values cannot be known at build time, such as width and height. The values for * these style props are set via CSS Variables in the inline styles. */ export declare const dynamic: Record; export declare const elevation: Record; export declare const color: Record; export declare const background: Record; export declare const borderColor: Record; export declare const borderWidth: Record; export declare const borderTopWidth: Record; export declare const borderEndWidth: Record; export declare const borderBottomWidth: Record; export declare const borderStartWidth: Record; export declare const borderRadius: Record; export declare const borderTopLeftRadius: Record; export declare const borderTopRightRadius: Record; export declare const borderBottomLeftRadius: Record; export declare const borderBottomRightRadius: Record; export declare const fontFamily: Record; export declare const fontSize: Record; export declare const fontWeight: Record; export declare const lineHeight: Record; export declare const textDecoration: { readonly none: LinariaClassName; readonly underline: LinariaClassName; readonly overline: LinariaClassName; readonly 'line-through': LinariaClassName; readonly 'underline overline': LinariaClassName; readonly 'underline double': LinariaClassName; }; export declare const textTransform: { readonly none: LinariaClassName; readonly uppercase: LinariaClassName; readonly lowercase: LinariaClassName; readonly capitalize: LinariaClassName; }; export declare const userSelect: { readonly none: LinariaClassName; readonly text: LinariaClassName; readonly all: LinariaClassName; readonly auto: LinariaClassName; }; export declare const display: { readonly none: LinariaClassName; readonly block: LinariaClassName; readonly inline: LinariaClassName; readonly 'inline-block': LinariaClassName; readonly flex: LinariaClassName; readonly 'inline-flex': LinariaClassName; readonly grid: LinariaClassName; readonly 'inline-grid': LinariaClassName; readonly contents: LinariaClassName; readonly 'flow-root': LinariaClassName; readonly revert: LinariaClassName; readonly 'list-item': LinariaClassName; }; export declare const overflow: { readonly auto: LinariaClassName; readonly visible: LinariaClassName; readonly hidden: LinariaClassName; readonly clip: LinariaClassName; readonly scroll: LinariaClassName; }; export declare const gap: { readonly '0': LinariaClassName; readonly '0.25': LinariaClassName; readonly '0.5': LinariaClassName; readonly '0.75': LinariaClassName; readonly '1': LinariaClassName; readonly '1.5': LinariaClassName; readonly '2': LinariaClassName; readonly '3': LinariaClassName; readonly '4': LinariaClassName; readonly '5': LinariaClassName; readonly '6': LinariaClassName; readonly '7': LinariaClassName; readonly '8': LinariaClassName; readonly '9': LinariaClassName; readonly '10': LinariaClassName; }; export declare const columnGap: { readonly '0': LinariaClassName; readonly '0.25': LinariaClassName; readonly '0.5': LinariaClassName; readonly '0.75': LinariaClassName; readonly '1': LinariaClassName; readonly '1.5': LinariaClassName; readonly '2': LinariaClassName; readonly '3': LinariaClassName; readonly '4': LinariaClassName; readonly '5': LinariaClassName; readonly '6': LinariaClassName; readonly '7': LinariaClassName; readonly '8': LinariaClassName; readonly '9': LinariaClassName; readonly '10': LinariaClassName; }; export declare const rowGap: { readonly '0': LinariaClassName; readonly '0.25': LinariaClassName; readonly '0.5': LinariaClassName; readonly '0.75': LinariaClassName; readonly '1': LinariaClassName; readonly '1.5': LinariaClassName; readonly '2': LinariaClassName; readonly '3': LinariaClassName; readonly '4': LinariaClassName; readonly '5': LinariaClassName; readonly '6': LinariaClassName; readonly '7': LinariaClassName; readonly '8': LinariaClassName; readonly '9': LinariaClassName; readonly '10': LinariaClassName; }; export declare const justifyContent: { readonly normal: LinariaClassName; readonly center: LinariaClassName; readonly start: LinariaClassName; readonly end: LinariaClassName; readonly 'flex-start': LinariaClassName; readonly 'flex-end': LinariaClassName; readonly left: LinariaClassName; readonly right: LinariaClassName; readonly 'space-between': LinariaClassName; readonly 'space-around': LinariaClassName; readonly 'space-evenly': LinariaClassName; readonly stretch: LinariaClassName; }; export declare const alignContent: { readonly normal: LinariaClassName; readonly center: LinariaClassName; readonly start: LinariaClassName; readonly end: LinariaClassName; readonly 'flex-start': LinariaClassName; readonly 'flex-end': LinariaClassName; readonly 'space-between': LinariaClassName; readonly 'space-around': LinariaClassName; readonly 'space-evenly': LinariaClassName; readonly stretch: LinariaClassName; readonly baseline: LinariaClassName; readonly 'first baseline': LinariaClassName; readonly 'last baseline': LinariaClassName; }; export declare const alignItems: { readonly normal: LinariaClassName; readonly center: LinariaClassName; readonly start: LinariaClassName; readonly end: LinariaClassName; readonly 'flex-start': LinariaClassName; readonly 'flex-end': LinariaClassName; readonly 'self-start': LinariaClassName; readonly 'self-end': LinariaClassName; readonly stretch: LinariaClassName; readonly baseline: LinariaClassName; readonly 'first baseline': LinariaClassName; readonly 'last baseline': LinariaClassName; }; export declare const alignSelf: { readonly auto: LinariaClassName; readonly normal: LinariaClassName; readonly center: LinariaClassName; readonly start: LinariaClassName; readonly end: LinariaClassName; readonly 'flex-start': LinariaClassName; readonly 'flex-end': LinariaClassName; readonly 'self-start': LinariaClassName; readonly 'self-end': LinariaClassName; readonly stretch: LinariaClassName; readonly baseline: LinariaClassName; readonly 'first baseline': LinariaClassName; readonly 'last baseline': LinariaClassName; }; export declare const flexDirection: { readonly row: LinariaClassName; readonly 'row-reverse': LinariaClassName; readonly column: LinariaClassName; readonly 'column-reverse': LinariaClassName; }; export declare const flexWrap: { readonly nowrap: LinariaClassName; readonly wrap: LinariaClassName; readonly 'wrap-reverse': LinariaClassName; }; export declare const position: { readonly static: LinariaClassName; readonly relative: LinariaClassName; readonly absolute: LinariaClassName; readonly fixed: LinariaClassName; readonly sticky: LinariaClassName; }; export declare const padding: Record; export declare const paddingX: Record; export declare const paddingY: Record; export declare const paddingTop: Record; export declare const paddingBottom: Record; export declare const paddingStart: Record; export declare const paddingEnd: Record; export declare const margin: Record<'0' | `-${Exclude}`, LinariaClassName>; export declare const marginX: Record<'0' | `-${Exclude}`, LinariaClassName>; export declare const marginY: Record<'0' | `-${Exclude}`, LinariaClassName>; export declare const marginTop: Record<'0' | `-${Exclude}`, LinariaClassName>; export declare const marginBottom: Record< '0' | `-${Exclude}`, LinariaClassName >; export declare const marginEnd: Record<'0' | `-${Exclude}`, LinariaClassName>; export declare const marginStart: Record<'0' | `-${Exclude}`, LinariaClassName>; export declare const textAlign: { readonly start: LinariaClassName; readonly end: LinariaClassName; readonly center: LinariaClassName; readonly justify: LinariaClassName; }; export declare const visibility: { readonly hidden: LinariaClassName; readonly visible: LinariaClassName; }; //# sourceMappingURL=tablet.d.ts.map