@openfin/ui-library 0.18.0 → 0.19.0-alpha.1686316661

package/dist/components/system/ThemeProvider/lib/constants.d.ts

@@ -1,544 +0,0 @@
-/// <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: ({ 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;