/** * The font-weight CSS property specifies the weight (or boldness) of the font. * * The font weights available to you will depend on the font-family you are using. Some fonts are only available in normal and bold. * * [MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) */ export interface FontWeightProps { fontWeight?: 'regular' | 'semiBold' | 'bold'; } export interface CursorProps { cursor?: 'alias' | 'all-scroll' | 'auto' | 'cell' | 'context-menu' | 'col-resize' | 'copy' | 'crosshair' | 'default' | 'e-resize' | 'ew-resize' | 'grab' | 'grabbing' | 'help' | 'move' | 'n-resize' | 'ne-resize' | 'nesw-resize' | 'ns-resize' | 'nw-resize' | 'nwse-resize' | 'no-drop' | 'none' | 'not-allowed' | 'pointer' | 'progress' | 'row-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'text' | 'w-resize' | 'wait' | 'zoom-in' | 'zoom-out'; } export declare const BaseTheme: { breakpoints: number[]; mediaQueries: { xs: string; sm: string; md: string; lg: string; xlg: string; }; space: { xxs: string; xs: string; sm: string; md: string; lg: string; xlg: string; xxlg: string; }; textStyles: { transform: { uppercase: { textTransform: string; }; lowercase: { textTransform: string; }; capitalize: { textTransform: string; }; underline: { textDecoration: string; }; }; align: { center: { textAlign: string; }; }; decoration: { none: { textDecoration: string; }; }; }; fonts: { primary: string; secondary: string; }; fontSizes: { xxs: string; xs: string; sm: string; md: string; lg: string; xlg: string; xxlg: string; }; lineHeights: { sm: string; md: string; mmd: string; ms: string; lg: string; ls: string; xlg: string; xxlg: string; }; letterSpacings: { xs: string; sm: string; md: string; lg: string; }; fontWeights: { regular: number; semiBold: number; bold: number; }; radii: { sm: string; md: string; lg: string; xlg: string; button: string; }; borders: { sm: string; md: string; lg: string; }; modalWidths: { sm: string; md: string; lg: string; xlg: string; }; slideoutWidths: { sm: string; md: string; lg: string; xlg: string; }; colors: { yellow70: string; yellow60: string; yellow50: string; yellow40: string; yellow30: string; yellow20: string; yellow10: string; yellow00: string; red90: string; red80: string; red70: string; red60: string; red50: string; red40: string; red30: string; red20: string; red10: string; red05: string; red00: string; green100: string; green90: string; green80: string; green70: string; green60: string; green50: string; green40: string; green30: string; green20: string; green15: string; green10: string; green00: string; black: string; gray100: string; gray90: string; gray80: string; gray70: string; gray60: string; gray50: string; gray40: string; gray30: string; gray20: string; gray15: string; gray10: string; gray05: string; gray00: string; white: string; blue100: string; blue90: string; blue80: string; blue70: string; blue65: string; blue60: string; blue55: string; blue50: string; blue45: string; blue40: string; blue35: string; blue30: string; blue25: string; blue20: string; blue10: string; blue00: string; primary: string; primaryHover: string; primaryActive: string; primaryDisabled: string; secondary: string; secondaryHover: string; secondaryActive: string; secondaryDisabled: string; tertiary: string; tertiaryHover: string; tertiaryActive: string; tertiaryDisabled: string; destructive: string; destructiveHover: string; destructiveActive: string; destructiveDisabled: string; destructiveSecondary: string; orange: string; btnGroupActive: string; success: string; successSecondary: string; warning: string; warningSecondary: string; warningTertiary: string; error: string; focusError: string; focus: string; light: string; dark: string; transparent: string; info: string; infoSecondary: string; text: string; grey: string[]; }; /** * ## Color Palettes * DSM Link: https://flexera.invisionapp.com/dsm/flexera/product-libraries/folder/colors/5ca62a90e053cc422ffb9057?version=5df3d7054f64e70368066e60 * * ### Available Palettes * - primary * - grayScale * - ui */ colorPalettes: { /** * ## Primary Colors * DSM Link: https://flexera.invisionapp.com/dsm/flexera/product-libraries/folder/colors/5cb0d66a008be80d6dfcdb42?version=5df3d7054f64e70368066e60 * * Usage: `theme.colorPalettes.primary.black` * * ### Available Colors * black: `#000000` * * black80: `#333333` * * gray: `#9B9B9B` * * navy: `#C1C1C1` * * blue: `#00A1DE` * * orange: `#E17000` */ primary: { black: string; black80: string; blue: string; gray: string; navy: string; orange: string; }; /** * ## Grayscale * DSM Link: https://flexera.invisionapp.com/dsm/flexera/product-libraries/folder/colors/5cb0d7623a87b8b54231f8f0?version=5df3d7054f64e70368066e60 * * Usage: `theme.colorPalettes.grayScale.extraLightGray` * * ### Available Colors * extraLightGray: `#F8F8F8` * * lightGray: `#F1F1F1` * * mediumGray: `#DDDDDD` * * darkGray: `#C1C1C1` * * darkerGray: `#595959` */ grayScale: { extraLightGray: string; lightGray: string; mediumGray: string; darkGray: string; darkerGray: string; }; /** * ## UI Colors * DSM Link: https://flexera.invisionapp.com/dsm/flexera/product-libraries/folder/colors/5cb0d7a23a87b8918031f8f1?version=5df3d7054f64e70368066e60 * * Usage: `theme.colorPalettes.ui.success.primary` * * ### Available Palettes * - error * - info * - success * - warning */ ui: { success: { primary: string; secondary: string; }; warning: { primary: string; secondary: string; tertiary: string; }; error: { active: string; disabled: string; hover: string; primary: string; secondary: string; }; info: { primary: string; secondary: string; }; }; }; shadows: { small: string; }; formElements: { labelMargin: string; margin: string; }; zIndex: { header: number; slideout: number; modal: number; alert: number; }; };