@aws-amplify/ui/dist/types/theme/tokens/index.d.ts

`@aws-amplify/ui` contains low-level logic & styles for stand-alone usage or re-use in framework-specific implementations.

import type { BorderWidths } from './borderWidths';
import type { Colors } from './colors';
import type { ComponentTokens, DefaultComponentTokens, WebComponentTokens } from './components';
import type { Fonts } from './fonts';
import type { FontSizes } from './fontSizes';
import type { FontWeights } from './fontWeights';
import type { LineHeights } from './lineHeights';
import type { Opacities } from './opacities';
import type { OutlineOffsets } from './outlineOffsets';
import type { OutlineWidths } from './outlineWidths';
import type { Radii } from './radii';
import type { Shadows } from './shadows';
import type { Space } from './space';
import type { Time } from './time';
import type { Transforms } from './transforms';
import type { OutputVariantKey } from './types/designToken';
/**
 * Used for custom themes
 */
interface BaseTokens<Output extends OutputVariantKey = unknown> {
    borderWidths?: BorderWidths<Output>;
    colors?: Colors<Output>;
    fonts?: Fonts<Output>;
    fontSizes?: FontSizes<Output>;
    fontWeights?: FontWeights<Output>;
    lineHeights?: LineHeights<Output>;
    opacities?: Opacities<Output>;
    outlineOffsets?: OutlineOffsets<Output>;
    outlineWidths?: OutlineWidths<Output>;
    radii?: Radii<Output>;
    shadows?: Shadows<Output>;
    space?: Space<Output>;
    time?: Time<Output>;
    transforms?: Transforms<Output>;
}
export type Tokens = BaseTokens<'optional'> & {
    components?: ComponentTokens;
};
export type DefaultTokens = Required<BaseTokens<'default'>> & {
    components: DefaultComponentTokens;
};
/**
 * The fully setup theme tokens. It has the same shape as Tokens
 * but each token has added fields.
 */
export type WebTokens = Required<BaseTokens<'required'>> & {
    components: WebComponentTokens;
};
type ReactNative = 'react-native';
type BaseReactNativeTokens<Output extends OutputVariantKey = unknown> = {
    colors?: Colors<Output, ReactNative>;
    borderWidths?: BorderWidths<Output, ReactNative>;
    fontSizes?: Omit<FontSizes<Output, ReactNative>, 'xxxs' | 'xxxxl'>;
    fontWeights?: FontWeights<Output, ReactNative>;
    opacities?: Opacities<Output, ReactNative>;
    radii?: Radii<Output, ReactNative>;
    space?: Omit<Space<Output, ReactNative>, 'xxxs' | 'relative' | 'zero'>;
    time?: Time<Output, ReactNative>;
};
export type ReactNativeTokens<Output extends OutputVariantKey> = Output extends 'required' | 'default' ? Required<BaseReactNativeTokens<Output>> : BaseReactNativeTokens<Output>;
export declare const tokens: DefaultTokens;
export declare const reactNativeTokens: ReactNativeTokens<'default'>;
export {};