/// <reference types="react" />
/**
 * Color --
 * Color maps names to values.
 * This is the "raw" store of all OpenFin colors
 * referenced by their Figma names.
 *
 * This is the only place Color values should be defined
 */
export declare const Color: {
    readonly white: "#FFFFFF";
    readonly lightGray1: "#FAFBFE";
    readonly lightGray2: "#F3F5F8";
    readonly lightGray3: "#ECEEF1";
    readonly lightGray4: "#DDDFE4";
    readonly lightGray5: "#C9CBD2";
    readonly neutralGray: "#7D808A";
    readonly neutralGray80: "rgba(125,128,138,0.8)";
    readonly silverGray: "#C0C1C2";
    readonly darkGray1: "#53565F";
    readonly darkGray2: "#383A40";
    readonly darkGray3: "#2F3136";
    readonly darkGray4: "#24262B";
    readonly darkGray5: "#1E1F23";
    readonly darkGray6: "#111214";
    readonly openFinDarkest: "#3D39CD";
    readonly openFinDarker: "#4642E0";
    readonly openFin: "#504CFF";
    readonly openFinLight: "#5254FB";
    readonly openFinLighter: "#5C5EFE";
    readonly openFinLightest: "#6864FF";
    readonly functional1: "#207735";
    readonly functional2: "#46C8F1";
    readonly functional3: "#0A76D3";
    readonly functional4: "#6CADE5";
    readonly functional5: "#0A76D3";
    readonly functional6: "#882BFE";
    readonly functional7: "#F31818";
    readonly functional8: "#C93400";
    readonly functional9: "#FF5E60";
    readonly functional10: "#F48F00";
    readonly purple: "#8C61FF";
    readonly lightblue: "#36C3FE";
    readonly aqua: "#00CC88";
    readonly yellow: "#FFEB00";
    readonly salmon: "#FF8C4C";
    readonly pink: "#FF5E60";
    readonly lightpink: "#FF8FB8";
    readonly white00: "rgba(255,255,255,0.0)";
    readonly white10: "rgba(255,255,255,0.1)";
    readonly white20: "rgba(255,255,255,0.2)";
    readonly white30: "rgba(255,255,255,0.3)";
    readonly white40: "rgba(255,255,255,0.4)";
    readonly white50: "rgba(255,255,255,0.5)";
    readonly white60: "rgba(255,255,255,0.6)";
    readonly white70: "rgba(255,255,255,0.7)";
    readonly white80: "rgba(255,255,255,0.8)";
    readonly white90: "rgba(255,255,255,0.9)";
    readonly black00: "rgba(0,0,0,0.0)";
    readonly black10: "rgba(0,0,0,0.1)";
    readonly black20: "rgba(0,0,0,0.2)";
    readonly black30: "rgba(0,0,0,0.3)";
    readonly black40: "rgba(0,0,0,0.4)";
    readonly black50: "rgba(0,0,0,0.5)";
    readonly black60: "rgba(0,0,0,0.6)";
    readonly black70: "rgba(0,0,0,0.7)";
    readonly black80: "rgba(0,0,0,0.8)";
    readonly black90: "rgba(0,0,0,0.9)";
    readonly transparent: "transparent";
};
/**
 * Size --
 * Common keys used to describe a range of values
 * - Unit, UnitPx, Shadow, FontSize
 */
export declare const Size: {
    readonly xsmall: "xsmall";
    readonly small: "small";
    readonly base: "base";
    readonly large: "large";
    readonly xlarge: "xlarge";
    readonly xxlarge: "xxlarge";
    readonly xxxlarge: "xxxlarge";
    readonly xxxxlarge: "xxxxlarge";
};
/**
 * SizeName --
 * Primarly a Storybook Helper for displaying human-friendly size names
 * It's more intuitive to maintain this if it lives here
 */
export declare const SizeName: {
    readonly xsmall: "Extra Small";
    readonly small: "Small";
    readonly base: "Base";
    readonly large: "Large";
    readonly xlarge: "Extra Large";
    readonly xxlarge: "2X Large";
    readonly xxxlarge: "3X Large";
    readonly xxxxlarge: "4X Large";
};
/**
 * Unit --
 * Design System works on a 4px Grid
 * Units are represented as numbers here for convienence in Javascript, e.g. `Unit.base * 4`
 */
export declare const Unit: {
    readonly xsmall: 4;
    readonly small: 8;
    readonly base: 12;
    readonly large: 16;
    readonly xlarge: 20;
    readonly xxlarge: 24;
    readonly xxxlarge: 32;
    readonly xxxxlarge: 48;
};
/**
 * UnitPx / "px" --
 * Design System works on a 4px Grid
 * UnitPx includes the px suffix for convenience in Styled Components
 */
export declare const UnitPx: {
    readonly xsmall: "4px";
    readonly small: "8px";
    readonly base: "12px";
    readonly large: "16px";
    readonly xlarge: "20px";
    readonly xxlarge: "24px";
    readonly xxxlarge: "32px";
    readonly xxxxlarge: "48px";
};
/**
 * Radius --
 * The border radius values supported in the design system
 */
export declare const Radius: {
    readonly xsmall: "2px";
    readonly small: "4px";
    readonly base: "8px";
    readonly large: "24px";
    readonly pill: "100vh";
    readonly round: "50%";
    readonly none: "0";
};
/**
 * Shadow --
 * Design System drop shadows
 * Note: This does not include any `text-shadow`
 */
export declare const Shadow: {
    base: string;
};
/**
 * FontStack --
 * Design System uses "Inter" and we include @font-face definitions to load a CDN hosted version of the font
 * The rest of the stack includes reasonable fallbacks for contingency cases where the CDN asset fails to load
 */
export declare const FontStack: "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif";
/**
 * FontSize --
 * Design System font sizes using standard scale
 */
export declare const FontSize: {
    readonly xsmall: "8px";
    readonly small: "10px";
    readonly base: "12px";
    readonly large: "14px";
    readonly xlarge: "16px";
    readonly xxlarge: "18px";
    readonly xxxlarge: "20px";
    readonly xxxxlarge: "40px";
};
/**
 * FontWeight --
 * Design System font weights (three)
 */
export declare const FontWeight: {
    readonly normal: 400;
    readonly bold: 600;
};
/**
 * LineHeight --
 * Read about "unitless" line-height
 * @link https://css-tricks.com/almanac/properties/l/line-height/#unitless-line-heights
 */
export declare const LineHeight: {
    readonly ui: 1;
    readonly heading: 1.2;
    readonly text: 1.5;
};
/**
 * Typography --
 * Design System typography is a full set of values for a `font:...` property.
 * @example "12px/16px Inter, ..."
 * @example "20px/24px Inter, ..."
 */
export declare const Typography: {
    readonly base: "12px/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif";
};
/**
 * Transitions --
 * Design System transition easings because UI motion feels better if everything moves the same way.
 */
export declare const Transition: {
    readonly base: "200ms cubic-bezier(0.16, 1, 0.3, 1)";
    readonly none: "0ms";
};
/**
 * IconSet --
 * Design System uses Radix Icons `@modulz/radix-icons`
 * @link https://icons.modulz.app/
 * @link https://github.com/radix-ui/icons
 *
 * This exposes them as a named set through OpenFin UI Library
 */
export declare const IconSet: {
    readonly OpenFinIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BellIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly WorkspaceIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LockedClosedFilledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MinimizeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LightBulbFilledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LightBulbOutlinedIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FilterIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BrokenLinkIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FloppyDiskIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly StackIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BellFilledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly StorefrontIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FragmentsIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ChevronRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ChevronLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ChevronUpIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ChevronDownIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ExclamationCircledFilledIcon: ({ secondaryColor, color, ...props }: import("@modulz/radix-icons/dist/types").IconProps & {
        secondaryColor?: string | undefined;
    }) => JSX.Element;
    readonly FilledCircleIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ActivityLogIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly AlignBaselineIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly AlignBottomIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly AlignCenterHorizontallyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly AlignCenterVerticallyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly AlignLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly AlignRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly AlignTopIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly AllSidesIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly AngleIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ArchiveIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ArrowBottomLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ArrowBottomRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ArrowDownIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ArrowLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ArrowRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ArrowTopLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ArrowTopRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ArrowUpIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly AspectRatioIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly AvatarIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BackpackIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BadgeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BarChartIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BlendingModeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BookmarkIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BorderAllIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BorderBottomIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BorderDashedIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BorderDottedIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BorderLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BorderNoneIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BorderRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BorderSolidIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BorderSplitIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BorderStyleIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BorderTopIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BoxIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly BoxModelIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ButtonIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CalendarIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CameraIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CardStackIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CardStackMinusIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CardStackPlusIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CaretDownIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CaretLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CaretRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CaretSortIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CaretUpIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ChatBubbleIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CheckIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CheckCircledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CheckboxIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CircleIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CircleBackslashIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ClipboardIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ClipboardCopyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ClockIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CodeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CodeSandboxLogoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ColumnSpacingIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ColumnsIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CommitIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Component1Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Component2Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ComponentBooleanIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ComponentInstanceIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ComponentNoneIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ComponentPlaceholderIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ContainerIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CookieIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CopyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CornerBottomLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CornerBottomRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CornerTopLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CornerTopRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CornersIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CountdownTimerIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CounterClockwiseClockIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CropIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Cross1Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Cross2Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CrossCircledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Crosshair1Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Crosshair2Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CrumpledPaperIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CubeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CursorArrowIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly CursorTextIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DashIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DashboardIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DimensionsIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DiscIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DividerHorizontalIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DividerVerticalIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DotIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DotFilledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DotsHorizontalIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DotsVerticalIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DoubleArrowDownIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DoubleArrowLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DoubleArrowRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DoubleArrowUpIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DownloadIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DragHandleDots1Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DragHandleDots2Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DragHandleHorizontalIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DragHandleVerticalIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DrawingPinIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DrawingPinFilledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly DropdownMenuIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly EnterIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly EnterFullScreenIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly EnvelopeClosedIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly EnvelopeOpenIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ExclamationTriangleIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ExitIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ExitFullScreenIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ExternalLinkIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly EyeClosedIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly EyeNoneIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly EyeOpenIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FaceIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FigmaLogoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FileIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FileMinusIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FilePlusIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FileTextIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FontBoldIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FontFamilyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FontItalicIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FontRomanIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FontSizeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FontStyleIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FrameIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly FramerLogoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly GearIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly GitHubLogoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly GlobeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly GridIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly GroupIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Half1Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Half2Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly HamburgerMenuIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly HandIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly HeadingIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly HeightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly HomeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly IconJarLogoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly IdCardIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ImageIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly InfoCircledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly InputIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LapTimerIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LayersIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LayoutIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LetterCaseCapitalizeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LetterCaseLowercaseIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LetterCaseToggleIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LetterCaseUppercaseIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LetterSpacingIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LightningBoltIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LineHeightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Link1Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Link2Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LinkBreak1Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LinkBreak2Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LinkNone1Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LinkNone2Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ListBulletIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LockClosedIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LockOpen1Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LockOpen2Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly LoopIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MagicWandIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MagnifyingGlassIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MarginIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MaskOffIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MaskOnIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MinusIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MinusCircledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MixIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MixerHorizontalIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MixerVerticalIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ModulzLogoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MoonIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly MoveIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly NotionLogoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly OpacityIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly OverlineIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PaddingIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PaperPlaneIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PauseIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Pencil1Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Pencil2Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PersonIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PieChartIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PilcrowIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PinBottomIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PinLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PinRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PinTopIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PlayIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PlusIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly PlusCircledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly QuestionMarkIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly QuestionMarkCircledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly QuoteIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly RadiobuttonIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ReaderIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ReloadIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ResetIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ResumeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly RocketIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly RotateCounterClockwiseIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly RowSpacingIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly RowsIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly RulerHorizontalIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly RulerSquareIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SectionIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SewingPinIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SewingPinFilledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ShadowIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ShadowInnerIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ShadowNoneIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ShadowOuterIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Share1Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly Share2Icon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ShuffleIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SizeIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SketchLogoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SlashIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SliderIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SpaceBetweenHorizontallyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SpaceBetweenVerticallyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SpaceEvenlyHorizontallyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SpaceEvenlyVerticallyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SpeakerLoudIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SpeakerModerateIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SpeakerOffIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SpeakerQuietIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SquareIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly StarIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly StarFilledIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly StitchesLogoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly StopIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly StopwatchIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly StretchHorizontallyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly StretchVerticallyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly StrikethroughIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SunIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SwitchIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly SymbolIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TableIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TargetIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TextIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TextAlignCenterIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TextAlignJustifyIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TextAlignLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TextAlignRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TextNoneIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ThickArrowDownIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ThickArrowLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ThickArrowRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ThickArrowUpIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TimerIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TokensIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TrackNextIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TrackPreviousIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TransparencyGridIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TrashIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TriangleDownIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TriangleLeftIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TriangleRightIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TriangleUpIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly TwitterLogoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly UnderlineIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly UpdateIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly UploadIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ValueIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ValueNoneIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly VercelLogoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly VideoIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ViewGridIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ViewHorizontalIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ViewNoneIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ViewVerticalIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly WidthIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ZoomInIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
    readonly ZoomOutIcon: ({ color, ...props }: import("@modulz/radix-icons/dist/types").IconProps) => JSX.Element;
};
/**
 * IconSize --
 * Design System standard set of icon sizes
 */
export declare const IconSize: {
    readonly xsmall: "8px";
    readonly small: "12px";
    readonly base: "15px";
    readonly large: "20px";
    readonly xlarge: "24px";
    readonly xxlarge: "32px";
    readonly xxxlarge: "48px";
};
/**
 * @font-face --
 * Generate @font-face CSS for CDN Loaded fonts
 */
export declare const cdnFontFaceCss: import("styled-components").FlattenSimpleInterpolation;
