Socket
Socket
Sign inDemoInstall

@project44-manifest/design-tokens

Package Overview
Dependencies
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@project44-manifest/design-tokens - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

src/tokens.json

197

dts/index.d.ts

@@ -1,3 +0,196 @@

export * from './tokens';
export * from './theme';
export declare const radiusFull = "3.125rem";
export declare const radiusSmall = "0.125rem";
export declare const borderWidthLarge = "0.1875rem";
export declare const borderWidthMedium = "0.125rem";
export declare const borderWidthSmall = "0.0625rem";
export declare const colorBackgroundDanger = "rgb(245, 233, 232)";
export declare const colorBackgroundPrimary = "rgb(255, 255, 255)";
export declare const colorBackgroundSecondary = "rgb(244, 244, 245)";
export declare const colorBackgroundSideNav = "rgb(2, 28, 107)";
export declare const colorBackgroundSuccess = "rgb(221, 239, 230)";
export declare const colorBackgroundSurface = "rgb(255, 255, 255)";
export declare const colorBackgroundTertiary = "rgb(228, 230, 231)";
export declare const colorBackgroundTopNav = "rgb(31, 57, 135)";
export declare const colorBackgroundWarning = "rgb(251, 237, 231)";
export declare const colorBorderDanger = "rgb(180, 54, 47)";
export declare const colorBorderDisabled = "rgb(244, 244, 245)";
export declare const colorBorderPrimary = "rgb(228, 230, 231)";
export declare const colorBorderSuccess = "rgb(11, 107, 61)";
export declare const colorBorderWarning = "rgb(244, 94, 30)";
export declare const colorBrandDefault = "rgb(0, 114, 236)";
export declare const colorBrandActive = "linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)";
export declare const colorBrandHover = "linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)";
export declare const colorBrandGradient = "linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)";
export declare const colorPaletteBlack = "rgb(9, 21, 33)";
export declare const colorPaletteWhite = "rgb(255, 255, 255)";
export declare const colorPaletteBlue50 = "rgb(236, 244, 254)";
export declare const colorPaletteBlue100 = "rgb(201, 225, 251)";
export declare const colorPaletteBlue200 = "rgb(149, 197, 248)";
export declare const colorPaletteBlue300 = "rgb(98, 169, 244)";
export declare const colorPaletteBlue400 = "rgb(48, 141, 241)";
export declare const colorPaletteBlue500 = "rgb(0, 114, 236)";
export declare const colorPaletteBlue600 = "rgb(0, 92, 190)";
export declare const colorPaletteBlue700 = "rgb(0, 69, 142)";
export declare const colorPaletteBlue800 = "rgb(0, 55, 114)";
export declare const colorPaletteBlue900 = "rgb(0, 41, 86)";
export declare const colorPaletteBrown50 = "rgb(250, 240, 231)";
export declare const colorPaletteBrown100 = "rgb(234, 217, 206)";
export declare const colorPaletteBrown200 = "rgb(216, 193, 178)";
export declare const colorPaletteBrown300 = "rgb(196, 167, 148)";
export declare const colorPaletteBrown400 = "rgb(179, 145, 123)";
export declare const colorPaletteBrown500 = "rgb(162, 124, 98)";
export declare const colorPaletteBrown600 = "rgb(149, 113, 90)";
export declare const colorPaletteBrown700 = "rgb(132, 99, 79)";
export declare const colorPaletteBrown800 = "rgb(117, 86, 70)";
export declare const colorPaletteBrown900 = "rgb(100, 71, 58)";
export declare const colorPaletteGreen50 = "rgb(221, 239, 230)";
export declare const colorPaletteGreen100 = "rgb(195, 225, 210)";
export declare const colorPaletteGreen200 = "rgb(147, 201, 174)";
export declare const colorPaletteGreen300 = "rgb(98, 176, 139)";
export declare const colorPaletteGreen400 = "rgb(50, 152, 103)";
export declare const colorPaletteGreen500 = "rgb(14, 134, 76)";
export declare const colorPaletteGreen600 = "rgb(11, 107, 61)";
export declare const colorPaletteGreen700 = "rgb(9, 87, 49)";
export declare const colorPaletteGreen800 = "rgb(7, 67, 38)";
export declare const colorPaletteGreen900 = "rgb(6, 54, 30)";
export declare const colorPaletteGrey50 = "rgb(250, 250, 251)";
export declare const colorPaletteGrey100 = "rgb(244, 244, 245)";
export declare const colorPaletteGrey200 = "rgb(228, 230, 231)";
export declare const colorPaletteGrey300 = "rgb(209, 211, 214)";
export declare const colorPaletteGrey400 = "rgb(169, 173, 177)";
export declare const colorPaletteGrey500 = "rgb(137, 142, 148)";
export declare const colorPaletteGrey600 = "rgb(105, 112, 120)";
export declare const colorPaletteGrey700 = "rgb(73, 81, 90)";
export declare const colorPaletteGrey800 = "rgb(42, 52, 63)";
export declare const colorPaletteGrey900 = "rgb(9, 21, 33)";
export declare const colorPaletteIndigo50 = "rgb(233, 234, 250)";
export declare const colorPaletteIndigo100 = "rgb(199, 204, 240)";
export declare const colorPaletteIndigo200 = "rgb(165, 174, 232)";
export declare const colorPaletteIndigo300 = "rgb(119, 133, 219)";
export declare const colorPaletteIndigo400 = "rgb(92, 108, 214)";
export declare const colorPaletteIndigo500 = "rgb(49, 66, 200)";
export declare const colorPaletteIndigo600 = "rgb(52, 66, 188)";
export declare const colorPaletteIndigo700 = "rgb(46, 57, 173)";
export declare const colorPaletteIndigo800 = "rgb(35, 43, 156)";
export declare const colorPaletteIndigo900 = "rgb(22, 21, 141)";
export declare const colorPaletteOrange50 = "rgb(251, 237, 231)";
export declare const colorPaletteOrange100 = "rgb(255, 208, 188)";
export declare const colorPaletteOrange200 = "rgb(255, 178, 145)";
export declare const colorPaletteOrange300 = "rgb(255, 147, 101)";
export declare const colorPaletteOrange400 = "rgb(255, 123, 67)";
export declare const colorPaletteOrange500 = "rgb(255, 100, 34)";
export declare const colorPaletteOrange600 = "rgb(244, 94, 30)";
export declare const colorPaletteOrange700 = "rgb(230, 87, 25)";
export declare const colorPaletteOrange800 = "rgb(216, 80, 21)";
export declare const colorPaletteOrange900 = "rgb(191, 66, 12)";
export declare const colorPalettePink50 = "rgb(251, 229, 238)";
export declare const colorPalettePink100 = "rgb(246, 190, 214)";
export declare const colorPalettePink200 = "rgb(241, 148, 186)";
export declare const colorPalettePink300 = "rgb(237, 106, 159)";
export declare const colorPalettePink400 = "rgb(234, 76, 137)";
export declare const colorPalettePink500 = "rgb(232, 50, 116)";
export declare const colorPalettePink600 = "rgb(215, 47, 112)";
export declare const colorPalettePink700 = "rgb(192, 44, 105)";
export declare const colorPalettePink800 = "rgb(170, 41, 100)";
export declare const colorPalettePink900 = "rgb(133, 34, 89)";
export declare const colorPalettePurple50 = "rgb(242, 231, 252)";
export declare const colorPalettePurple100 = "rgb(221, 208, 243)";
export declare const colorPalettePurple200 = "rgb(199, 155, 242)";
export declare const colorPalettePurple300 = "rgb(177, 111, 237)";
export declare const colorPalettePurple400 = "rgb(158, 74, 232)";
export declare const colorPalettePurple500 = "rgb(140, 24, 226)";
export declare const colorPalettePurple600 = "rgb(129, 16, 220)";
export declare const colorPalettePurple700 = "rgb(115, 0, 211)";
export declare const colorPalettePurple800 = "rgb(101, 0, 206)";
export declare const colorPalettePurple900 = "rgb(78, 0, 198)";
export declare const colorPaletteRed50 = "rgb(245, 233, 232)";
export declare const colorPaletteRed100 = "rgb(244, 207, 205)";
export declare const colorPaletteRed200 = "rgb(236, 169, 165)";
export declare const colorPaletteRed300 = "rgb(227, 131, 125)";
export declare const colorPaletteRed400 = "rgb(218, 93, 85)";
export declare const colorPaletteRed500 = "rgb(212, 64, 55)";
export declare const colorPaletteRed600 = "rgb(180, 54, 47)";
export declare const colorPaletteRed700 = "rgb(148, 45, 39)";
export declare const colorPaletteRed800 = "rgb(117, 35, 30)";
export declare const colorPaletteRed900 = "rgb(85, 26, 22)";
export declare const colorPaletteYellow50 = "rgb(254, 250, 231)";
export declare const colorPaletteYellow100 = "rgb(251, 241, 196)";
export declare const colorPaletteYellow200 = "rgb(248, 233, 159)";
export declare const colorPaletteYellow300 = "rgb(244, 224, 123)";
export declare const colorPaletteYellow400 = "rgb(240, 217, 97)";
export declare const colorPaletteYellow500 = "rgb(236, 211, 72)";
export declare const colorPaletteYellow600 = "rgb(220, 194, 67)";
export declare const colorPaletteYellow700 = "rgb(200, 172, 61)";
export declare const colorPaletteYellow800 = "rgb(179, 150, 56)";
export declare const colorPaletteYellow900 = "rgb(144, 114, 47)";
export declare const colorPrimaryDefault = "rgb(49, 66, 200)";
export declare const colorPrimaryActive = "rgb(22, 21, 141)";
export declare const colorPrimaryHover = "rgb(46, 57, 173)";
export declare const colorTextContrast = "rgb(255, 255, 255)";
export declare const colorTextDanger = "rgb(180, 54, 47)";
export declare const colorTextDisabled = "rgb(169, 173, 177)";
export declare const colorTextPrimary = "rgb(9, 21, 33)";
export declare const colorTextSecondary = "rgb(73, 81, 90)";
export declare const colorTextSuccess = "rgb(11, 107, 61)";
export declare const colorTextTertiary = "rgb(137, 142, 148)";
export declare const colorTextWarning = "rgb(244, 94, 30)";
export declare const colorDataVizDangerFill = "rgb(227, 131, 125)";
export declare const colorDataVizDangerHover = "rgb(180, 54, 47)";
export declare const colorDataVizDangerLine = "rgb(212, 64, 55)";
export declare const colorDataVizNeutralFill = "rgb(209, 211, 214)";
export declare const colorDataVizNeutralHover = "rgb(137, 142, 148)";
export declare const colorDataVizPrimaryFill = "rgb(119, 133, 219)";
export declare const colorDataVizPrimaryFillAlt = "rgb(199, 204, 240)";
export declare const colorDataVizPrimaryHover = "rgb(52, 66, 188)";
export declare const colorDataVizPrimaryLine = "rgb(49, 66, 200)";
export declare const colorDataVizSecondaryFill = "rgb(98, 169, 244)";
export declare const colorDataVizSecondaryFillAlt = "rgb(201, 225, 251)";
export declare const colorDataVizSecondaryHover = "rgb(0, 92, 190)";
export declare const colorDataVizSecondaryLine = "rgb(0, 114, 236)";
export declare const colorDataVizTertiaryFill = "rgb(177, 111, 237)";
export declare const colorDataVizTertiaryFillAlt = "rgb(221, 208, 243)";
export declare const colorDataVizTertiaryHover = "rgb(129, 16, 220)";
export declare const colorDataVizTertiaryLine = "rgb(140, 24, 226)";
export declare const colorDataVizWarningFill = "rgb(255, 147, 101)";
export declare const colorDataVizWarningHover = "rgb(244, 94, 30)";
export declare const colorDataVizWarningLine = "rgb(255, 100, 34)";
export declare const shadowLarge = "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)";
export declare const shadowMedium = "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)";
export declare const shadowSmall = "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)";
export declare const zIndexDropdown = "7000";
export declare const zIndexModal = "9000";
export declare const zIndexOverlay = "8000";
export declare const zIndexPopover = "5000";
export declare const zIndexSticky = "100";
export declare const zIndexTooltip = "10000";
export declare const sizeLarge = "80rem";
export declare const sizeMedium = "64rem";
export declare const sizeSmall = "37.5rem";
export declare const sizeXLarge = "0.0625rem";
export declare const spaceMedium = "1rem";
export declare const spaceSmall = "0.5rem";
export declare const spaceLarge = "1.5rem";
export declare const spaceXLarge = "2rem";
export declare const spaceXSmall = "0.25rem";
export declare const fontFamilyMono = "\"Fira Mono\", Courier, monospace";
export declare const fontFamilyText = "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif";
export declare const fontSizeLarge = "1.25rem";
export declare const fontSizeMedium = "1rem";
export declare const fontSizeSmall = "0.875rem";
export declare const fontSizeXLarge = "1.5rem";
export declare const fontSizeXSmall = "0.75rem";
export declare const fontSizeXxLarge = "2rem";
export declare const fontWeightBold = "700";
export declare const fontWeightRegular = "400";
export declare const fontWeightSemibold = "600";
export declare const letterSpacingLarge = "0em";
export declare const letterSpacingMedium = "-0.01em";
export declare const letterSpacingSmall = "-0.02em";
export declare const letterSpacingXSmall = "-0.03em";
export declare const lineHeightLarge = "1.875rem";
export declare const lineHeightMedium = "1.5rem";
export declare const lineHeightSmall = "1.25rem";
export declare const lineHeightXLarge = "2rem";
export declare const lineHeightXSmall = "1.125rem";
export declare const lineHeightXxLarge = "2.625rem";
//# sourceMappingURL=index.d.ts.map

611

esm/index.js
// Bundled with Packemon: https://packemon.dev
// Platform: browser, Support: stable, Format: esm
const RADIUS_FULL = '999em';
const RADIUS_SMALL = '2px';
const BORDER_WIDTH_LARGE = '3px';
const BORDER_WIDTH_MEDIUM = '2px';
const BORDER_WIDTH_SMALL = '1px';
const COLOR_BACKGROUND_DANGER = '#f5e9e8';
const COLOR_BACKGROUND_PRIMARY = '#ffffff';
const COLOR_BACKGROUND_SECONDARY = '#f4f4f5';
const COLOR_BACKGROUND_SIDE_NAV = '#021c6b';
const COLOR_BACKGROUND_SUCCESS = '#ddefe6';
const COLOR_BACKGROUND_SURFACE = '#ffffff';
const COLOR_BACKGROUND_TERTIARY = '#e4e6e7';
const COLOR_BACKGROUND_TOP_NAV = '#1f3987';
const COLOR_BACKGROUND_WARNING = '#fbede7';
const COLOR_BORDER_DANGER = '#b4362f';
const COLOR_BORDER_DISABLED = '#f4f4f5';
const COLOR_BORDER_PRIMARY = '#e4e6e7';
const COLOR_BORDER_SUCCESS = '#0b6b3d';
const COLOR_BORDER_WARNING = '#f45e1e';
const COLOR_BRAND_DEFAULT = '#0072ec';
const COLOR_BRAND_ACTIVE = 'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const COLOR_BRAND_HOVER = 'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const COLOR_BRAND_GRADIENT = 'linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const COLOR_PALETTE_BLACK = '#091521';
const COLOR_PALETTE_WHITE = '#ffffff';
const COLOR_PALETTE_BLUE_50 = '#ecf4fe';
const COLOR_PALETTE_BLUE_100 = '#c9e1fb';
const COLOR_PALETTE_BLUE_200 = '#95c5f8';
const COLOR_PALETTE_BLUE_300 = '#62a9f4';
const COLOR_PALETTE_BLUE_400 = '#308df1';
const COLOR_PALETTE_BLUE_500 = '#0072ec';
const COLOR_PALETTE_BLUE_600 = '#005cbe';
const COLOR_PALETTE_BLUE_700 = '#00458e';
const COLOR_PALETTE_BLUE_800 = '#003772';
const COLOR_PALETTE_BLUE_900 = '#002956';
const COLOR_PALETTE_BROWN_50 = '#faf0e7';
const COLOR_PALETTE_BROWN_100 = '#ead9ce';
const COLOR_PALETTE_BROWN_200 = '#d8c1b2';
const COLOR_PALETTE_BROWN_300 = '#c4a794';
const COLOR_PALETTE_BROWN_400 = '#b3917b';
const COLOR_PALETTE_BROWN_500 = '#a27c62';
const COLOR_PALETTE_BROWN_600 = '#95715a';
const COLOR_PALETTE_BROWN_700 = '#84634f';
const COLOR_PALETTE_BROWN_800 = '#755646';
const COLOR_PALETTE_BROWN_900 = '#64473a';
const COLOR_PALETTE_GREEN_50 = '#ddefe6';
const COLOR_PALETTE_GREEN_100 = '#c3e1d2';
const COLOR_PALETTE_GREEN_200 = '#93c9ae';
const COLOR_PALETTE_GREEN_300 = '#62b08b';
const COLOR_PALETTE_GREEN_400 = '#329867';
const COLOR_PALETTE_GREEN_500 = '#0e864c';
const COLOR_PALETTE_GREEN_600 = '#0b6b3d';
const COLOR_PALETTE_GREEN_700 = '#095731';
const COLOR_PALETTE_GREEN_800 = '#074326';
const COLOR_PALETTE_GREEN_900 = '#06361e';
const COLOR_PALETTE_GREY_50 = '#fafafb';
const COLOR_PALETTE_GREY_100 = '#f4f4f5';
const COLOR_PALETTE_GREY_200 = '#e4e6e7';
const COLOR_PALETTE_GREY_300 = '#d1d3d6';
const COLOR_PALETTE_GREY_400 = '#a9adb1';
const COLOR_PALETTE_GREY_500 = '#898e94';
const COLOR_PALETTE_GREY_600 = '#697078';
const COLOR_PALETTE_GREY_700 = '#49515a';
const COLOR_PALETTE_GREY_800 = '#2a343f';
const COLOR_PALETTE_GREY_900 = '#091521';
const COLOR_PALETTE_INDIGO_50 = '#e9eafa';
const COLOR_PALETTE_INDIGO_100 = '#c7ccf0';
const COLOR_PALETTE_INDIGO_200 = '#a5aee8';
const COLOR_PALETTE_INDIGO_300 = '#7785db';
const COLOR_PALETTE_INDIGO_400 = '#5c6cd6';
const COLOR_PALETTE_INDIGO_500 = '#3142c8';
const COLOR_PALETTE_INDIGO_600 = '#3442bc';
const COLOR_PALETTE_INDIGO_700 = '#2e39ad';
const COLOR_PALETTE_INDIGO_800 = '#232b9c';
const COLOR_PALETTE_INDIGO_900 = '#16158d';
const COLOR_PALETTE_ORANGE_50 = '#fbede7';
const COLOR_PALETTE_ORANGE_100 = '#ffd0bc';
const COLOR_PALETTE_ORANGE_200 = '#ffb291';
const COLOR_PALETTE_ORANGE_300 = '#ff9365';
const COLOR_PALETTE_ORANGE_400 = '#ff7b43';
const COLOR_PALETTE_ORANGE_500 = '#ff6422';
const COLOR_PALETTE_ORANGE_600 = '#f45e1e';
const COLOR_PALETTE_ORANGE_700 = '#e65719';
const COLOR_PALETTE_ORANGE_800 = '#d85015';
const COLOR_PALETTE_ORANGE_900 = '#bf420c';
const COLOR_PALETTE_PINK_50 = '#fbe5ee';
const COLOR_PALETTE_PINK_100 = '#f6bed6';
const COLOR_PALETTE_PINK_200 = '#f194ba';
const COLOR_PALETTE_PINK_300 = '#ed6a9f';
const COLOR_PALETTE_PINK_400 = '#ea4c89';
const COLOR_PALETTE_PINK_500 = '#e83274';
const COLOR_PALETTE_PINK_600 = '#d72f70';
const COLOR_PALETTE_PINK_700 = '#c02c69';
const COLOR_PALETTE_PINK_800 = '#aa2964';
const COLOR_PALETTE_PINK_900 = '#852259';
const COLOR_PALETTE_PURPLE_50 = '#f2e7fc';
const COLOR_PALETTE_PURPLE_100 = '#ddd0f3';
const COLOR_PALETTE_PURPLE_200 = '#c79bf2';
const COLOR_PALETTE_PURPLE_300 = '#b16fed';
const COLOR_PALETTE_PURPLE_400 = '#9e4ae8';
const COLOR_PALETTE_PURPLE_500 = '#8c18e2';
const COLOR_PALETTE_PURPLE_600 = '#8110dc';
const COLOR_PALETTE_PURPLE_700 = '#7300d3';
const COLOR_PALETTE_PURPLE_800 = '#6500ce';
const COLOR_PALETTE_PURPLE_900 = '#4e00c6';
const COLOR_PALETTE_RED_50 = '#f5e9e8';
const COLOR_PALETTE_RED_100 = '#f4cfcd';
const COLOR_PALETTE_RED_200 = '#eca9a5';
const COLOR_PALETTE_RED_300 = '#e3837d';
const COLOR_PALETTE_RED_400 = '#da5d55';
const COLOR_PALETTE_RED_500 = '#d44037';
const COLOR_PALETTE_RED_600 = '#b4362f';
const COLOR_PALETTE_RED_700 = '#942d27';
const COLOR_PALETTE_RED_800 = '#75231e';
const COLOR_PALETTE_RED_900 = '#551a16';
const COLOR_PALETTE_YELLOW_50 = '#fefae7';
const COLOR_PALETTE_YELLOW_100 = '#fbf1c4';
const COLOR_PALETTE_YELLOW_200 = '#f8e99f';
const COLOR_PALETTE_YELLOW_300 = '#f4e07b';
const COLOR_PALETTE_YELLOW_400 = '#f0d961';
const COLOR_PALETTE_YELLOW_500 = '#ecd348';
const COLOR_PALETTE_YELLOW_600 = '#dcc243';
const COLOR_PALETTE_YELLOW_700 = '#c8ac3d';
const COLOR_PALETTE_YELLOW_800 = '#b39638';
const COLOR_PALETTE_YELLOW_900 = '#90722f';
const COLOR_PRIMARY_DEFAULT = '#3142c8';
const COLOR_PRIMARY_ACTIVE = '#16158d';
const COLOR_PRIMARY_HOVER = '#2e39ad';
const COLOR_TEXT_DANGER = '#b4362f';
const COLOR_TEXT_DISABLED = '#a9adb1';
const COLOR_TEXT_PRIMARY = '#091521';
const COLOR_TEXT_SECONDARY = '#49515a';
const COLOR_TEXT_SUCCESS = '#0b6b3d';
const COLOR_TEXT_TERTIARY = '#898e94';
const COLOR_TEXT_WARNING = '#f45e1e';
const COLOR_DATA_VIZ_DANGER_FILL = '#e3837d';
const COLOR_DATA_VIZ_DANGER_HOVER = '#b4362f';
const COLOR_DATA_VIZ_DANGER_LINE = '#d44037';
const COLOR_DATA_VIZ_NEUTRAL_FILL = '#d1d3d6';
const COLOR_DATA_VIZ_NEUTRAL_HOVER = '#898e94';
const COLOR_DATA_VIZ_PRIMARY_FILL = '#7785db';
const COLOR_DATA_VIZ_PRIMARY_FILL_ALT = '#c7ccf0';
const COLOR_DATA_VIZ_PRIMARY_HOVER = '#3442bc';
const COLOR_DATA_VIZ_PRIMARY_LINE = '#3142c8';
const COLOR_DATA_VIZ_SECONDARY_FILL = '#62a9f4';
const COLOR_DATA_VIZ_SECONDARY_FILL_ALT = '#c9e1fb';
const COLOR_DATA_VIZ_SECONDARY_HOVER = '#005cbe';
const COLOR_DATA_VIZ_SECONDARY_LINE = '#0072ec';
const COLOR_DATA_VIZ_TERTIARY_FILL = '#b16fed';
const COLOR_DATA_VIZ_TERTIARY_FILL_ALT = '#ddd0f3';
const COLOR_DATA_VIZ_TERTIARY_HOVER = '#8110dc';
const COLOR_DATA_VIZ_TERTIARY_LINE = '#8c18e2';
const COLOR_DATA_VIZ_WARNING_FILL = '#ff9365';
const COLOR_DATA_VIZ_WARNING_HOVER = '#f45e1e';
const COLOR_DATA_VIZ_WARNING_LINE = '#ff6422';
const SHADOW_LARGE = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)';
const SHADOW_MEDIUM = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)';
const SHADOW_SMALL = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)';
const Z_INDEX_DROPDOWN = '7000';
const Z_INDEX_MODAL = '9000';
const Z_INDEX_OVERLAY = '8000';
const Z_INDEX_POPOVER = '5000';
const Z_INDEX_STICKY = '100';
const Z_INDEX_TOOLTIP = '10000';
const SIZE_LARGE = '80rem';
const SIZE_MEDIUM = '64rem';
const SIZE_SMALL = '37.5rem';
const SIZE_X_LARGE = '0.0625rem';
const SPACE_MEDIUM = '1rem';
const SPACE_SMALL = '0.5rem';
const SPACE_LARGE = '1.5rem';
const SPACE_X_LARGE = '2rem';
const SPACE_X_SMALL = '0.25rem';
const FONT_FAMILY_MONO = '"Fira Mono", Courier, monospace';
const FONT_FAMILY_TEXT = '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
const FONT_SIZE_LARGE = '1.25rem';
const FONT_SIZE_MEDIUM = '1rem';
const FONT_SIZE_SMALL = '0.875rem';
const FONT_SIZE_X_LARGE = '1.5rem';
const FONT_SIZE_X_SMALL = '0.75rem';
const FONT_SIZE_XX_LARGE = '2rem';
const FONT_WEIGHT_BOLD = '700';
const FONT_WEIGHT_REGULAR = '400';
const FONT_WEIGHT_SEMIBOLD = '600';
const LETTER_SPACING_LARGE = '0em';
const LETTER_SPACING_MEDIUM = '-0.01em';
const LETTER_SPACING_SMALL = '-0.02em';
const LETTER_SPACING_X_SMALL = '-0.03em';
const LINE_HEIGHT_LARGE = '1.875rem';
const LINE_HEIGHT_MEDIUM = '1.5rem';
const LINE_HEIGHT_SMALL = '1.25rem';
const LINE_HEIGHT_X_LARGE = '2rem';
const LINE_HEIGHT_X_SMALL = '1.125rem';
const LINE_HEIGHT_XX_LARGE = '2.625rem';
const theme = {
borderWidth: {
large: BORDER_WIDTH_LARGE,
medium: BORDER_WIDTH_MEDIUM,
small: BORDER_WIDTH_SMALL
},
color: {
'background-danger': COLOR_BACKGROUND_DANGER,
'background-primary': COLOR_BACKGROUND_PRIMARY,
'background-secondary': COLOR_BACKGROUND_SECONDARY,
'background-side-nav': COLOR_BACKGROUND_SIDE_NAV,
'background-success': COLOR_BACKGROUND_SUCCESS,
'background-surface': COLOR_BACKGROUND_SURFACE,
'background-tertiary': COLOR_BACKGROUND_TERTIARY,
'background-top-nav': COLOR_BACKGROUND_TOP_NAV,
'background-warning': COLOR_BACKGROUND_WARNING,
'border-danger': COLOR_BORDER_DANGER,
'border-disabled': COLOR_BORDER_DISABLED,
'border-primary': COLOR_BORDER_PRIMARY,
'border-success': COLOR_BORDER_SUCCESS,
'border-warning': COLOR_BORDER_WARNING,
'brand-default': COLOR_BRAND_DEFAULT,
'brand-active': COLOR_BRAND_ACTIVE,
'brand-hover': COLOR_BRAND_HOVER,
'brand-gradient': COLOR_BRAND_GRADIENT,
'palette-black': COLOR_PALETTE_BLACK,
'palette-white': COLOR_PALETTE_WHITE,
'palette-blue-50': COLOR_PALETTE_BLUE_50,
'palette-blue-100': COLOR_PALETTE_BLUE_100,
'palette-blue-200': COLOR_PALETTE_BLUE_200,
'palette-blue-300': COLOR_PALETTE_BLUE_300,
'palette-blue-400': COLOR_PALETTE_BLUE_400,
'palette-blue-500': COLOR_PALETTE_BLUE_500,
'palette-blue-600': COLOR_PALETTE_BLUE_600,
'palette-blue-700': COLOR_PALETTE_BLUE_700,
'palette-blue-800': COLOR_PALETTE_BLUE_800,
'palette-blue-900': COLOR_PALETTE_BLUE_900,
'palette-brown-50': COLOR_PALETTE_BROWN_50,
'palette-brown-100': COLOR_PALETTE_BROWN_100,
'palette-brown-200': COLOR_PALETTE_BROWN_200,
'palette-brown-300': COLOR_PALETTE_BROWN_300,
'palette-brown-400': COLOR_PALETTE_BROWN_400,
'palette-brown-500': COLOR_PALETTE_BROWN_500,
'palette-brown-600': COLOR_PALETTE_BROWN_600,
'palette-brown-700': COLOR_PALETTE_BROWN_700,
'palette-brown-800': COLOR_PALETTE_BROWN_800,
'palette-brown-900': COLOR_PALETTE_BROWN_900,
'palette-green-50': COLOR_PALETTE_GREEN_50,
'palette-green-100': COLOR_PALETTE_GREEN_100,
'palette-green-200': COLOR_PALETTE_GREEN_200,
'palette-green-300': COLOR_PALETTE_GREEN_300,
'palette-green-400': COLOR_PALETTE_GREEN_400,
'palette-green-500': COLOR_PALETTE_GREEN_500,
'palette-green-600': COLOR_PALETTE_GREEN_600,
'palette-green-700': COLOR_PALETTE_GREEN_700,
'palette-green-800': COLOR_PALETTE_GREEN_800,
'palette-green-900': COLOR_PALETTE_GREEN_900,
'palette-grey-50': COLOR_PALETTE_GREY_50,
'palette-grey-100': COLOR_PALETTE_GREY_100,
'palette-grey-200': COLOR_PALETTE_GREY_200,
'palette-grey-300': COLOR_PALETTE_GREY_300,
'palette-grey-400': COLOR_PALETTE_GREY_400,
'palette-grey-500': COLOR_PALETTE_GREY_500,
'palette-grey-600': COLOR_PALETTE_GREY_600,
'palette-grey-700': COLOR_PALETTE_GREY_700,
'palette-grey-800': COLOR_PALETTE_GREY_800,
'palette-grey-900': COLOR_PALETTE_GREY_900,
'palette-indigo-50': COLOR_PALETTE_INDIGO_50,
'palette-indigo-100': COLOR_PALETTE_INDIGO_100,
'palette-indigo-200': COLOR_PALETTE_INDIGO_200,
'palette-indigo-300': COLOR_PALETTE_INDIGO_300,
'palette-indigo-400': COLOR_PALETTE_INDIGO_400,
'palette-indigo-500': COLOR_PALETTE_INDIGO_500,
'palette-indigo-600': COLOR_PALETTE_INDIGO_600,
'palette-indigo-700': COLOR_PALETTE_INDIGO_700,
'palette-indigo-800': COLOR_PALETTE_INDIGO_800,
'palette-indigo-900': COLOR_PALETTE_INDIGO_900,
'palette-orange-50': COLOR_PALETTE_ORANGE_50,
'palette-orange-100': COLOR_PALETTE_ORANGE_100,
'palette-orange-200': COLOR_PALETTE_ORANGE_200,
'palette-orange-300': COLOR_PALETTE_ORANGE_300,
'palette-orange-400': COLOR_PALETTE_ORANGE_400,
'palette-orange-500': COLOR_PALETTE_ORANGE_500,
'palette-orange-600': COLOR_PALETTE_ORANGE_600,
'palette-orange-700': COLOR_PALETTE_ORANGE_700,
'palette-orange-800': COLOR_PALETTE_ORANGE_800,
'palette-orange-900': COLOR_PALETTE_ORANGE_900,
'palette-pink-50': COLOR_PALETTE_PINK_50,
'palette-pink-100': COLOR_PALETTE_PINK_100,
'palette-pink-200': COLOR_PALETTE_PINK_200,
'palette-pink-300': COLOR_PALETTE_PINK_300,
'palette-pink-400': COLOR_PALETTE_PINK_400,
'palette-pink-500': COLOR_PALETTE_PINK_500,
'palette-pink-600': COLOR_PALETTE_PINK_600,
'palette-pink-700': COLOR_PALETTE_PINK_700,
'palette-pink-800': COLOR_PALETTE_PINK_800,
'palette-pink-900': COLOR_PALETTE_PINK_900,
'palette-purple-50': COLOR_PALETTE_PURPLE_50,
'palette-purple-100': COLOR_PALETTE_PURPLE_100,
'palette-purple-200': COLOR_PALETTE_PURPLE_200,
'palette-purple-300': COLOR_PALETTE_PURPLE_300,
'palette-purple-400': COLOR_PALETTE_PURPLE_400,
'palette-purple-500': COLOR_PALETTE_PURPLE_500,
'palette-purple-600': COLOR_PALETTE_PURPLE_600,
'palette-purple-700': COLOR_PALETTE_PURPLE_700,
'palette-purple-800': COLOR_PALETTE_PURPLE_800,
'palette-purple-900': COLOR_PALETTE_PURPLE_900,
'palette-red-50': COLOR_PALETTE_RED_50,
'palette-red-100': COLOR_PALETTE_RED_100,
'palette-red-200': COLOR_PALETTE_RED_200,
'palette-red-300': COLOR_PALETTE_RED_300,
'palette-red-400': COLOR_PALETTE_RED_400,
'palette-red-500': COLOR_PALETTE_RED_500,
'palette-red-600': COLOR_PALETTE_RED_600,
'palette-red-700': COLOR_PALETTE_RED_700,
'palette-red-800': COLOR_PALETTE_RED_800,
'palette-red-900': COLOR_PALETTE_RED_900,
'palette-yellow-50': COLOR_PALETTE_YELLOW_50,
'palette-yellow-100': COLOR_PALETTE_YELLOW_100,
'palette-yellow-200': COLOR_PALETTE_YELLOW_200,
'palette-yellow-300': COLOR_PALETTE_YELLOW_300,
'palette-yellow-400': COLOR_PALETTE_YELLOW_400,
'palette-yellow-500': COLOR_PALETTE_YELLOW_500,
'palette-yellow-600': COLOR_PALETTE_YELLOW_600,
'palette-yellow-700': COLOR_PALETTE_YELLOW_700,
'palette-yellow-800': COLOR_PALETTE_YELLOW_800,
'palette-yellow-900': COLOR_PALETTE_YELLOW_900,
'primary-default': COLOR_PRIMARY_DEFAULT,
'primary-active': COLOR_PRIMARY_ACTIVE,
'primary-hover': COLOR_PRIMARY_HOVER,
'text-danger': COLOR_TEXT_DANGER,
'text-disabled': COLOR_TEXT_DISABLED,
'text-primary': COLOR_TEXT_PRIMARY,
'text-secondary': COLOR_TEXT_SECONDARY,
'text-success': COLOR_TEXT_SUCCESS,
'text-tertiary': COLOR_TEXT_TERTIARY,
'text-warning': COLOR_TEXT_WARNING,
'data-viz-danger-fill': COLOR_DATA_VIZ_DANGER_FILL,
'data-viz-danger-hover': COLOR_DATA_VIZ_DANGER_HOVER,
'data-viz-danger-line': COLOR_DATA_VIZ_DANGER_LINE,
'data-viz-neutral-fill': COLOR_DATA_VIZ_NEUTRAL_FILL,
'data-viz-neutral-hover': COLOR_DATA_VIZ_NEUTRAL_HOVER,
'data-viz-primary-fill': COLOR_DATA_VIZ_PRIMARY_FILL,
'data-viz-primary-fill-alt': COLOR_DATA_VIZ_PRIMARY_FILL_ALT,
'data-viz-primary-hover': COLOR_DATA_VIZ_PRIMARY_HOVER,
'data-viz-primary-line': COLOR_DATA_VIZ_PRIMARY_LINE,
'data-viz-secondary-fill': COLOR_DATA_VIZ_SECONDARY_FILL,
'data-viz-secondary-fill-alt': COLOR_DATA_VIZ_SECONDARY_FILL_ALT,
'data-viz-secondary-hover': COLOR_DATA_VIZ_SECONDARY_HOVER,
'data-viz-secondary-line': COLOR_DATA_VIZ_SECONDARY_LINE,
'data-viz-tertiary-fill': COLOR_DATA_VIZ_TERTIARY_FILL,
'data-viz-tertiary-fill-alt': COLOR_DATA_VIZ_TERTIARY_FILL_ALT,
'data-viz-tertiary-hover': COLOR_DATA_VIZ_TERTIARY_HOVER,
'data-viz-tertiary-line': COLOR_DATA_VIZ_TERTIARY_LINE,
'data-viz-warning-fill': COLOR_DATA_VIZ_WARNING_FILL,
'data-viz-warning-hover': COLOR_DATA_VIZ_WARNING_HOVER,
'data-viz-warning-line': COLOR_DATA_VIZ_WARNING_LINE
},
fontFamily: {
mono: FONT_FAMILY_MONO,
text: FONT_FAMILY_TEXT
},
fontSize: {
large: FONT_SIZE_LARGE,
medium: FONT_SIZE_MEDIUM,
small: FONT_SIZE_SMALL,
'x-large': FONT_SIZE_X_LARGE,
'x-small': FONT_SIZE_X_SMALL,
'xx-large': FONT_SIZE_XX_LARGE
},
fontWeight: {
bold: FONT_WEIGHT_BOLD,
regular: FONT_WEIGHT_REGULAR,
semibold: FONT_WEIGHT_SEMIBOLD
},
letterSpacing: {
large: LETTER_SPACING_LARGE,
medium: LETTER_SPACING_MEDIUM,
small: LETTER_SPACING_SMALL,
'x-small': LETTER_SPACING_X_SMALL
},
lineHeight: {
large: LINE_HEIGHT_LARGE,
medium: LINE_HEIGHT_MEDIUM,
small: LINE_HEIGHT_SMALL,
'x-large': LINE_HEIGHT_X_LARGE,
'x-small': LINE_HEIGHT_X_SMALL,
'xx-large': LINE_HEIGHT_XX_LARGE
},
radius: {
full: RADIUS_FULL,
small: RADIUS_SMALL
},
shadow: {
large: SHADOW_LARGE,
medium: SHADOW_MEDIUM,
small: SHADOW_SMALL
},
size: {
large: SIZE_LARGE,
medium: SIZE_MEDIUM,
small: SIZE_SMALL,
'x-large': SIZE_X_LARGE
},
space: {
medium: SPACE_MEDIUM,
small: SPACE_SMALL,
large: SPACE_LARGE,
'x-large': SPACE_X_LARGE,
'x-small': SPACE_X_SMALL
},
zIndex: {
dropdown: Z_INDEX_DROPDOWN,
modal: Z_INDEX_MODAL,
overlay: Z_INDEX_OVERLAY,
popover: Z_INDEX_POPOVER,
sticky: Z_INDEX_STICKY,
tooltip: Z_INDEX_TOOLTIP
}
};
export { BORDER_WIDTH_LARGE, BORDER_WIDTH_MEDIUM, BORDER_WIDTH_SMALL, COLOR_BACKGROUND_DANGER, COLOR_BACKGROUND_PRIMARY, COLOR_BACKGROUND_SECONDARY, COLOR_BACKGROUND_SIDE_NAV, COLOR_BACKGROUND_SUCCESS, COLOR_BACKGROUND_SURFACE, COLOR_BACKGROUND_TERTIARY, COLOR_BACKGROUND_TOP_NAV, COLOR_BACKGROUND_WARNING, COLOR_BORDER_DANGER, COLOR_BORDER_DISABLED, COLOR_BORDER_PRIMARY, COLOR_BORDER_SUCCESS, COLOR_BORDER_WARNING, COLOR_BRAND_ACTIVE, COLOR_BRAND_DEFAULT, COLOR_BRAND_GRADIENT, COLOR_BRAND_HOVER, COLOR_DATA_VIZ_DANGER_FILL, COLOR_DATA_VIZ_DANGER_HOVER, COLOR_DATA_VIZ_DANGER_LINE, COLOR_DATA_VIZ_NEUTRAL_FILL, COLOR_DATA_VIZ_NEUTRAL_HOVER, COLOR_DATA_VIZ_PRIMARY_FILL, COLOR_DATA_VIZ_PRIMARY_FILL_ALT, COLOR_DATA_VIZ_PRIMARY_HOVER, COLOR_DATA_VIZ_PRIMARY_LINE, COLOR_DATA_VIZ_SECONDARY_FILL, COLOR_DATA_VIZ_SECONDARY_FILL_ALT, COLOR_DATA_VIZ_SECONDARY_HOVER, COLOR_DATA_VIZ_SECONDARY_LINE, COLOR_DATA_VIZ_TERTIARY_FILL, COLOR_DATA_VIZ_TERTIARY_FILL_ALT, COLOR_DATA_VIZ_TERTIARY_HOVER, COLOR_DATA_VIZ_TERTIARY_LINE, COLOR_DATA_VIZ_WARNING_FILL, COLOR_DATA_VIZ_WARNING_HOVER, COLOR_DATA_VIZ_WARNING_LINE, COLOR_PALETTE_BLACK, COLOR_PALETTE_BLUE_100, COLOR_PALETTE_BLUE_200, COLOR_PALETTE_BLUE_300, COLOR_PALETTE_BLUE_400, COLOR_PALETTE_BLUE_50, COLOR_PALETTE_BLUE_500, COLOR_PALETTE_BLUE_600, COLOR_PALETTE_BLUE_700, COLOR_PALETTE_BLUE_800, COLOR_PALETTE_BLUE_900, COLOR_PALETTE_BROWN_100, COLOR_PALETTE_BROWN_200, COLOR_PALETTE_BROWN_300, COLOR_PALETTE_BROWN_400, COLOR_PALETTE_BROWN_50, COLOR_PALETTE_BROWN_500, COLOR_PALETTE_BROWN_600, COLOR_PALETTE_BROWN_700, COLOR_PALETTE_BROWN_800, COLOR_PALETTE_BROWN_900, COLOR_PALETTE_GREEN_100, COLOR_PALETTE_GREEN_200, COLOR_PALETTE_GREEN_300, COLOR_PALETTE_GREEN_400, COLOR_PALETTE_GREEN_50, COLOR_PALETTE_GREEN_500, COLOR_PALETTE_GREEN_600, COLOR_PALETTE_GREEN_700, COLOR_PALETTE_GREEN_800, COLOR_PALETTE_GREEN_900, COLOR_PALETTE_GREY_100, COLOR_PALETTE_GREY_200, COLOR_PALETTE_GREY_300, COLOR_PALETTE_GREY_400, COLOR_PALETTE_GREY_50, COLOR_PALETTE_GREY_500, COLOR_PALETTE_GREY_600, COLOR_PALETTE_GREY_700, COLOR_PALETTE_GREY_800, COLOR_PALETTE_GREY_900, COLOR_PALETTE_INDIGO_100, COLOR_PALETTE_INDIGO_200, COLOR_PALETTE_INDIGO_300, COLOR_PALETTE_INDIGO_400, COLOR_PALETTE_INDIGO_50, COLOR_PALETTE_INDIGO_500, COLOR_PALETTE_INDIGO_600, COLOR_PALETTE_INDIGO_700, COLOR_PALETTE_INDIGO_800, COLOR_PALETTE_INDIGO_900, COLOR_PALETTE_ORANGE_100, COLOR_PALETTE_ORANGE_200, COLOR_PALETTE_ORANGE_300, COLOR_PALETTE_ORANGE_400, COLOR_PALETTE_ORANGE_50, COLOR_PALETTE_ORANGE_500, COLOR_PALETTE_ORANGE_600, COLOR_PALETTE_ORANGE_700, COLOR_PALETTE_ORANGE_800, COLOR_PALETTE_ORANGE_900, COLOR_PALETTE_PINK_100, COLOR_PALETTE_PINK_200, COLOR_PALETTE_PINK_300, COLOR_PALETTE_PINK_400, COLOR_PALETTE_PINK_50, COLOR_PALETTE_PINK_500, COLOR_PALETTE_PINK_600, COLOR_PALETTE_PINK_700, COLOR_PALETTE_PINK_800, COLOR_PALETTE_PINK_900, COLOR_PALETTE_PURPLE_100, COLOR_PALETTE_PURPLE_200, COLOR_PALETTE_PURPLE_300, COLOR_PALETTE_PURPLE_400, COLOR_PALETTE_PURPLE_50, COLOR_PALETTE_PURPLE_500, COLOR_PALETTE_PURPLE_600, COLOR_PALETTE_PURPLE_700, COLOR_PALETTE_PURPLE_800, COLOR_PALETTE_PURPLE_900, COLOR_PALETTE_RED_100, COLOR_PALETTE_RED_200, COLOR_PALETTE_RED_300, COLOR_PALETTE_RED_400, COLOR_PALETTE_RED_50, COLOR_PALETTE_RED_500, COLOR_PALETTE_RED_600, COLOR_PALETTE_RED_700, COLOR_PALETTE_RED_800, COLOR_PALETTE_RED_900, COLOR_PALETTE_WHITE, COLOR_PALETTE_YELLOW_100, COLOR_PALETTE_YELLOW_200, COLOR_PALETTE_YELLOW_300, COLOR_PALETTE_YELLOW_400, COLOR_PALETTE_YELLOW_50, COLOR_PALETTE_YELLOW_500, COLOR_PALETTE_YELLOW_600, COLOR_PALETTE_YELLOW_700, COLOR_PALETTE_YELLOW_800, COLOR_PALETTE_YELLOW_900, COLOR_PRIMARY_ACTIVE, COLOR_PRIMARY_DEFAULT, COLOR_PRIMARY_HOVER, COLOR_TEXT_DANGER, COLOR_TEXT_DISABLED, COLOR_TEXT_PRIMARY, COLOR_TEXT_SECONDARY, COLOR_TEXT_SUCCESS, COLOR_TEXT_TERTIARY, COLOR_TEXT_WARNING, FONT_FAMILY_MONO, FONT_FAMILY_TEXT, FONT_SIZE_LARGE, FONT_SIZE_MEDIUM, FONT_SIZE_SMALL, FONT_SIZE_XX_LARGE, FONT_SIZE_X_LARGE, FONT_SIZE_X_SMALL, FONT_WEIGHT_BOLD, FONT_WEIGHT_REGULAR, FONT_WEIGHT_SEMIBOLD, LETTER_SPACING_LARGE, LETTER_SPACING_MEDIUM, LETTER_SPACING_SMALL, LETTER_SPACING_X_SMALL, LINE_HEIGHT_LARGE, LINE_HEIGHT_MEDIUM, LINE_HEIGHT_SMALL, LINE_HEIGHT_XX_LARGE, LINE_HEIGHT_X_LARGE, LINE_HEIGHT_X_SMALL, RADIUS_FULL, RADIUS_SMALL, SHADOW_LARGE, SHADOW_MEDIUM, SHADOW_SMALL, SIZE_LARGE, SIZE_MEDIUM, SIZE_SMALL, SIZE_X_LARGE, SPACE_LARGE, SPACE_MEDIUM, SPACE_SMALL, SPACE_X_LARGE, SPACE_X_SMALL, Z_INDEX_DROPDOWN, Z_INDEX_MODAL, Z_INDEX_OVERLAY, Z_INDEX_POPOVER, Z_INDEX_STICKY, Z_INDEX_TOOLTIP, theme };
const radiusFull = '3.125rem';
const radiusSmall = '0.125rem';
const borderWidthLarge = '0.1875rem';
const borderWidthMedium = '0.125rem';
const borderWidthSmall = '0.0625rem';
const colorBackgroundDanger = 'rgb(245, 233, 232)';
const colorBackgroundPrimary = 'rgb(255, 255, 255)';
const colorBackgroundSecondary = 'rgb(244, 244, 245)';
const colorBackgroundSideNav = 'rgb(2, 28, 107)';
const colorBackgroundSuccess = 'rgb(221, 239, 230)';
const colorBackgroundSurface = 'rgb(255, 255, 255)';
const colorBackgroundTertiary = 'rgb(228, 230, 231)';
const colorBackgroundTopNav = 'rgb(31, 57, 135)';
const colorBackgroundWarning = 'rgb(251, 237, 231)';
const colorBorderDanger = 'rgb(180, 54, 47)';
const colorBorderDisabled = 'rgb(244, 244, 245)';
const colorBorderPrimary = 'rgb(228, 230, 231)';
const colorBorderSuccess = 'rgb(11, 107, 61)';
const colorBorderWarning = 'rgb(244, 94, 30)';
const colorBrandDefault = 'rgb(0, 114, 236)';
const colorBrandActive = 'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)';
const colorBrandHover = 'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)';
const colorBrandGradient = 'linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)';
const colorPaletteBlack = 'rgb(9, 21, 33)';
const colorPaletteWhite = 'rgb(255, 255, 255)';
const colorPaletteBlue50 = 'rgb(236, 244, 254)';
const colorPaletteBlue100 = 'rgb(201, 225, 251)';
const colorPaletteBlue200 = 'rgb(149, 197, 248)';
const colorPaletteBlue300 = 'rgb(98, 169, 244)';
const colorPaletteBlue400 = 'rgb(48, 141, 241)';
const colorPaletteBlue500 = 'rgb(0, 114, 236)';
const colorPaletteBlue600 = 'rgb(0, 92, 190)';
const colorPaletteBlue700 = 'rgb(0, 69, 142)';
const colorPaletteBlue800 = 'rgb(0, 55, 114)';
const colorPaletteBlue900 = 'rgb(0, 41, 86)';
const colorPaletteBrown50 = 'rgb(250, 240, 231)';
const colorPaletteBrown100 = 'rgb(234, 217, 206)';
const colorPaletteBrown200 = 'rgb(216, 193, 178)';
const colorPaletteBrown300 = 'rgb(196, 167, 148)';
const colorPaletteBrown400 = 'rgb(179, 145, 123)';
const colorPaletteBrown500 = 'rgb(162, 124, 98)';
const colorPaletteBrown600 = 'rgb(149, 113, 90)';
const colorPaletteBrown700 = 'rgb(132, 99, 79)';
const colorPaletteBrown800 = 'rgb(117, 86, 70)';
const colorPaletteBrown900 = 'rgb(100, 71, 58)';
const colorPaletteGreen50 = 'rgb(221, 239, 230)';
const colorPaletteGreen100 = 'rgb(195, 225, 210)';
const colorPaletteGreen200 = 'rgb(147, 201, 174)';
const colorPaletteGreen300 = 'rgb(98, 176, 139)';
const colorPaletteGreen400 = 'rgb(50, 152, 103)';
const colorPaletteGreen500 = 'rgb(14, 134, 76)';
const colorPaletteGreen600 = 'rgb(11, 107, 61)';
const colorPaletteGreen700 = 'rgb(9, 87, 49)';
const colorPaletteGreen800 = 'rgb(7, 67, 38)';
const colorPaletteGreen900 = 'rgb(6, 54, 30)';
const colorPaletteGrey50 = 'rgb(250, 250, 251)';
const colorPaletteGrey100 = 'rgb(244, 244, 245)';
const colorPaletteGrey200 = 'rgb(228, 230, 231)';
const colorPaletteGrey300 = 'rgb(209, 211, 214)';
const colorPaletteGrey400 = 'rgb(169, 173, 177)';
const colorPaletteGrey500 = 'rgb(137, 142, 148)';
const colorPaletteGrey600 = 'rgb(105, 112, 120)';
const colorPaletteGrey700 = 'rgb(73, 81, 90)';
const colorPaletteGrey800 = 'rgb(42, 52, 63)';
const colorPaletteGrey900 = 'rgb(9, 21, 33)';
const colorPaletteIndigo50 = 'rgb(233, 234, 250)';
const colorPaletteIndigo100 = 'rgb(199, 204, 240)';
const colorPaletteIndigo200 = 'rgb(165, 174, 232)';
const colorPaletteIndigo300 = 'rgb(119, 133, 219)';
const colorPaletteIndigo400 = 'rgb(92, 108, 214)';
const colorPaletteIndigo500 = 'rgb(49, 66, 200)';
const colorPaletteIndigo600 = 'rgb(52, 66, 188)';
const colorPaletteIndigo700 = 'rgb(46, 57, 173)';
const colorPaletteIndigo800 = 'rgb(35, 43, 156)';
const colorPaletteIndigo900 = 'rgb(22, 21, 141)';
const colorPaletteOrange50 = 'rgb(251, 237, 231)';
const colorPaletteOrange100 = 'rgb(255, 208, 188)';
const colorPaletteOrange200 = 'rgb(255, 178, 145)';
const colorPaletteOrange300 = 'rgb(255, 147, 101)';
const colorPaletteOrange400 = 'rgb(255, 123, 67)';
const colorPaletteOrange500 = 'rgb(255, 100, 34)';
const colorPaletteOrange600 = 'rgb(244, 94, 30)';
const colorPaletteOrange700 = 'rgb(230, 87, 25)';
const colorPaletteOrange800 = 'rgb(216, 80, 21)';
const colorPaletteOrange900 = 'rgb(191, 66, 12)';
const colorPalettePink50 = 'rgb(251, 229, 238)';
const colorPalettePink100 = 'rgb(246, 190, 214)';
const colorPalettePink200 = 'rgb(241, 148, 186)';
const colorPalettePink300 = 'rgb(237, 106, 159)';
const colorPalettePink400 = 'rgb(234, 76, 137)';
const colorPalettePink500 = 'rgb(232, 50, 116)';
const colorPalettePink600 = 'rgb(215, 47, 112)';
const colorPalettePink700 = 'rgb(192, 44, 105)';
const colorPalettePink800 = 'rgb(170, 41, 100)';
const colorPalettePink900 = 'rgb(133, 34, 89)';
const colorPalettePurple50 = 'rgb(242, 231, 252)';
const colorPalettePurple100 = 'rgb(221, 208, 243)';
const colorPalettePurple200 = 'rgb(199, 155, 242)';
const colorPalettePurple300 = 'rgb(177, 111, 237)';
const colorPalettePurple400 = 'rgb(158, 74, 232)';
const colorPalettePurple500 = 'rgb(140, 24, 226)';
const colorPalettePurple600 = 'rgb(129, 16, 220)';
const colorPalettePurple700 = 'rgb(115, 0, 211)';
const colorPalettePurple800 = 'rgb(101, 0, 206)';
const colorPalettePurple900 = 'rgb(78, 0, 198)';
const colorPaletteRed50 = 'rgb(245, 233, 232)';
const colorPaletteRed100 = 'rgb(244, 207, 205)';
const colorPaletteRed200 = 'rgb(236, 169, 165)';
const colorPaletteRed300 = 'rgb(227, 131, 125)';
const colorPaletteRed400 = 'rgb(218, 93, 85)';
const colorPaletteRed500 = 'rgb(212, 64, 55)';
const colorPaletteRed600 = 'rgb(180, 54, 47)';
const colorPaletteRed700 = 'rgb(148, 45, 39)';
const colorPaletteRed800 = 'rgb(117, 35, 30)';
const colorPaletteRed900 = 'rgb(85, 26, 22)';
const colorPaletteYellow50 = 'rgb(254, 250, 231)';
const colorPaletteYellow100 = 'rgb(251, 241, 196)';
const colorPaletteYellow200 = 'rgb(248, 233, 159)';
const colorPaletteYellow300 = 'rgb(244, 224, 123)';
const colorPaletteYellow400 = 'rgb(240, 217, 97)';
const colorPaletteYellow500 = 'rgb(236, 211, 72)';
const colorPaletteYellow600 = 'rgb(220, 194, 67)';
const colorPaletteYellow700 = 'rgb(200, 172, 61)';
const colorPaletteYellow800 = 'rgb(179, 150, 56)';
const colorPaletteYellow900 = 'rgb(144, 114, 47)';
const colorPrimaryDefault = 'rgb(49, 66, 200)';
const colorPrimaryActive = 'rgb(22, 21, 141)';
const colorPrimaryHover = 'rgb(46, 57, 173)';
const colorTextContrast = 'rgb(255, 255, 255)';
const colorTextDanger = 'rgb(180, 54, 47)';
const colorTextDisabled = 'rgb(169, 173, 177)';
const colorTextPrimary = 'rgb(9, 21, 33)';
const colorTextSecondary = 'rgb(73, 81, 90)';
const colorTextSuccess = 'rgb(11, 107, 61)';
const colorTextTertiary = 'rgb(137, 142, 148)';
const colorTextWarning = 'rgb(244, 94, 30)';
const colorDataVizDangerFill = 'rgb(227, 131, 125)';
const colorDataVizDangerHover = 'rgb(180, 54, 47)';
const colorDataVizDangerLine = 'rgb(212, 64, 55)';
const colorDataVizNeutralFill = 'rgb(209, 211, 214)';
const colorDataVizNeutralHover = 'rgb(137, 142, 148)';
const colorDataVizPrimaryFill = 'rgb(119, 133, 219)';
const colorDataVizPrimaryFillAlt = 'rgb(199, 204, 240)';
const colorDataVizPrimaryHover = 'rgb(52, 66, 188)';
const colorDataVizPrimaryLine = 'rgb(49, 66, 200)';
const colorDataVizSecondaryFill = 'rgb(98, 169, 244)';
const colorDataVizSecondaryFillAlt = 'rgb(201, 225, 251)';
const colorDataVizSecondaryHover = 'rgb(0, 92, 190)';
const colorDataVizSecondaryLine = 'rgb(0, 114, 236)';
const colorDataVizTertiaryFill = 'rgb(177, 111, 237)';
const colorDataVizTertiaryFillAlt = 'rgb(221, 208, 243)';
const colorDataVizTertiaryHover = 'rgb(129, 16, 220)';
const colorDataVizTertiaryLine = 'rgb(140, 24, 226)';
const colorDataVizWarningFill = 'rgb(255, 147, 101)';
const colorDataVizWarningHover = 'rgb(244, 94, 30)';
const colorDataVizWarningLine = 'rgb(255, 100, 34)';
const shadowLarge = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)';
const shadowMedium = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)';
const shadowSmall = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)';
const zIndexDropdown = '7000';
const zIndexModal = '9000';
const zIndexOverlay = '8000';
const zIndexPopover = '5000';
const zIndexSticky = '100';
const zIndexTooltip = '10000';
const sizeLarge = '80rem';
const sizeMedium = '64rem';
const sizeSmall = '37.5rem';
const sizeXLarge = '0.0625rem';
const spaceMedium = '1rem';
const spaceSmall = '0.5rem';
const spaceLarge = '1.5rem';
const spaceXLarge = '2rem';
const spaceXSmall = '0.25rem';
const fontFamilyMono = '"Fira Mono", Courier, monospace';
const fontFamilyText = '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
const fontSizeLarge = '1.25rem';
const fontSizeMedium = '1rem';
const fontSizeSmall = '0.875rem';
const fontSizeXLarge = '1.5rem';
const fontSizeXSmall = '0.75rem';
const fontSizeXxLarge = '2rem';
const fontWeightBold = '700';
const fontWeightRegular = '400';
const fontWeightSemibold = '600';
const letterSpacingLarge = '0em';
const letterSpacingMedium = '-0.01em';
const letterSpacingSmall = '-0.02em';
const letterSpacingXSmall = '-0.03em';
const lineHeightLarge = '1.875rem';
const lineHeightMedium = '1.5rem';
const lineHeightSmall = '1.25rem';
const lineHeightXLarge = '2rem';
const lineHeightXSmall = '1.125rem';
const lineHeightXxLarge = '2.625rem';
export { borderWidthLarge, borderWidthMedium, borderWidthSmall, colorBackgroundDanger, colorBackgroundPrimary, colorBackgroundSecondary, colorBackgroundSideNav, colorBackgroundSuccess, colorBackgroundSurface, colorBackgroundTertiary, colorBackgroundTopNav, colorBackgroundWarning, colorBorderDanger, colorBorderDisabled, colorBorderPrimary, colorBorderSuccess, colorBorderWarning, colorBrandActive, colorBrandDefault, colorBrandGradient, colorBrandHover, colorDataVizDangerFill, colorDataVizDangerHover, colorDataVizDangerLine, colorDataVizNeutralFill, colorDataVizNeutralHover, colorDataVizPrimaryFill, colorDataVizPrimaryFillAlt, colorDataVizPrimaryHover, colorDataVizPrimaryLine, colorDataVizSecondaryFill, colorDataVizSecondaryFillAlt, colorDataVizSecondaryHover, colorDataVizSecondaryLine, colorDataVizTertiaryFill, colorDataVizTertiaryFillAlt, colorDataVizTertiaryHover, colorDataVizTertiaryLine, colorDataVizWarningFill, colorDataVizWarningHover, colorDataVizWarningLine, colorPaletteBlack, colorPaletteBlue100, colorPaletteBlue200, colorPaletteBlue300, colorPaletteBlue400, colorPaletteBlue50, colorPaletteBlue500, colorPaletteBlue600, colorPaletteBlue700, colorPaletteBlue800, colorPaletteBlue900, colorPaletteBrown100, colorPaletteBrown200, colorPaletteBrown300, colorPaletteBrown400, colorPaletteBrown50, colorPaletteBrown500, colorPaletteBrown600, colorPaletteBrown700, colorPaletteBrown800, colorPaletteBrown900, colorPaletteGreen100, colorPaletteGreen200, colorPaletteGreen300, colorPaletteGreen400, colorPaletteGreen50, colorPaletteGreen500, colorPaletteGreen600, colorPaletteGreen700, colorPaletteGreen800, colorPaletteGreen900, colorPaletteGrey100, colorPaletteGrey200, colorPaletteGrey300, colorPaletteGrey400, colorPaletteGrey50, colorPaletteGrey500, colorPaletteGrey600, colorPaletteGrey700, colorPaletteGrey800, colorPaletteGrey900, colorPaletteIndigo100, colorPaletteIndigo200, colorPaletteIndigo300, colorPaletteIndigo400, colorPaletteIndigo50, colorPaletteIndigo500, colorPaletteIndigo600, colorPaletteIndigo700, colorPaletteIndigo800, colorPaletteIndigo900, colorPaletteOrange100, colorPaletteOrange200, colorPaletteOrange300, colorPaletteOrange400, colorPaletteOrange50, colorPaletteOrange500, colorPaletteOrange600, colorPaletteOrange700, colorPaletteOrange800, colorPaletteOrange900, colorPalettePink100, colorPalettePink200, colorPalettePink300, colorPalettePink400, colorPalettePink50, colorPalettePink500, colorPalettePink600, colorPalettePink700, colorPalettePink800, colorPalettePink900, colorPalettePurple100, colorPalettePurple200, colorPalettePurple300, colorPalettePurple400, colorPalettePurple50, colorPalettePurple500, colorPalettePurple600, colorPalettePurple700, colorPalettePurple800, colorPalettePurple900, colorPaletteRed100, colorPaletteRed200, colorPaletteRed300, colorPaletteRed400, colorPaletteRed50, colorPaletteRed500, colorPaletteRed600, colorPaletteRed700, colorPaletteRed800, colorPaletteRed900, colorPaletteWhite, colorPaletteYellow100, colorPaletteYellow200, colorPaletteYellow300, colorPaletteYellow400, colorPaletteYellow50, colorPaletteYellow500, colorPaletteYellow600, colorPaletteYellow700, colorPaletteYellow800, colorPaletteYellow900, colorPrimaryActive, colorPrimaryDefault, colorPrimaryHover, colorTextContrast, colorTextDanger, colorTextDisabled, colorTextPrimary, colorTextSecondary, colorTextSuccess, colorTextTertiary, colorTextWarning, fontFamilyMono, fontFamilyText, fontSizeLarge, fontSizeMedium, fontSizeSmall, fontSizeXLarge, fontSizeXSmall, fontSizeXxLarge, fontWeightBold, fontWeightRegular, fontWeightSemibold, letterSpacingLarge, letterSpacingMedium, letterSpacingSmall, letterSpacingXSmall, lineHeightLarge, lineHeightMedium, lineHeightSmall, lineHeightXLarge, lineHeightXSmall, lineHeightXxLarge, radiusFull, radiusSmall, shadowLarge, shadowMedium, shadowSmall, sizeLarge, sizeMedium, sizeSmall, sizeXLarge, spaceLarge, spaceMedium, spaceSmall, spaceXLarge, spaceXSmall, zIndexDropdown, zIndexModal, zIndexOverlay, zIndexPopover, zIndexSticky, zIndexTooltip };
//# sourceMappingURL=index.js.map

999

lib/index.js

@@ -8,611 +8,392 @@ // Bundled with Packemon: https://packemon.dev

});
const RADIUS_FULL = '999em';
const RADIUS_SMALL = '2px';
const BORDER_WIDTH_LARGE = '3px';
const BORDER_WIDTH_MEDIUM = '2px';
const BORDER_WIDTH_SMALL = '1px';
const COLOR_BACKGROUND_DANGER = '#f5e9e8';
const COLOR_BACKGROUND_PRIMARY = '#ffffff';
const COLOR_BACKGROUND_SECONDARY = '#f4f4f5';
const COLOR_BACKGROUND_SIDE_NAV = '#021c6b';
const COLOR_BACKGROUND_SUCCESS = '#ddefe6';
const COLOR_BACKGROUND_SURFACE = '#ffffff';
const COLOR_BACKGROUND_TERTIARY = '#e4e6e7';
const COLOR_BACKGROUND_TOP_NAV = '#1f3987';
const COLOR_BACKGROUND_WARNING = '#fbede7';
const COLOR_BORDER_DANGER = '#b4362f';
const COLOR_BORDER_DISABLED = '#f4f4f5';
const COLOR_BORDER_PRIMARY = '#e4e6e7';
const COLOR_BORDER_SUCCESS = '#0b6b3d';
const COLOR_BORDER_WARNING = '#f45e1e';
const COLOR_BRAND_DEFAULT = '#0072ec';
const COLOR_BRAND_ACTIVE = 'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const COLOR_BRAND_HOVER = 'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const COLOR_BRAND_GRADIENT = 'linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)';
const COLOR_PALETTE_BLACK = '#091521';
const COLOR_PALETTE_WHITE = '#ffffff';
const COLOR_PALETTE_BLUE_50 = '#ecf4fe';
const COLOR_PALETTE_BLUE_100 = '#c9e1fb';
const COLOR_PALETTE_BLUE_200 = '#95c5f8';
const COLOR_PALETTE_BLUE_300 = '#62a9f4';
const COLOR_PALETTE_BLUE_400 = '#308df1';
const COLOR_PALETTE_BLUE_500 = '#0072ec';
const COLOR_PALETTE_BLUE_600 = '#005cbe';
const COLOR_PALETTE_BLUE_700 = '#00458e';
const COLOR_PALETTE_BLUE_800 = '#003772';
const COLOR_PALETTE_BLUE_900 = '#002956';
const COLOR_PALETTE_BROWN_50 = '#faf0e7';
const COLOR_PALETTE_BROWN_100 = '#ead9ce';
const COLOR_PALETTE_BROWN_200 = '#d8c1b2';
const COLOR_PALETTE_BROWN_300 = '#c4a794';
const COLOR_PALETTE_BROWN_400 = '#b3917b';
const COLOR_PALETTE_BROWN_500 = '#a27c62';
const COLOR_PALETTE_BROWN_600 = '#95715a';
const COLOR_PALETTE_BROWN_700 = '#84634f';
const COLOR_PALETTE_BROWN_800 = '#755646';
const COLOR_PALETTE_BROWN_900 = '#64473a';
const COLOR_PALETTE_GREEN_50 = '#ddefe6';
const COLOR_PALETTE_GREEN_100 = '#c3e1d2';
const COLOR_PALETTE_GREEN_200 = '#93c9ae';
const COLOR_PALETTE_GREEN_300 = '#62b08b';
const COLOR_PALETTE_GREEN_400 = '#329867';
const COLOR_PALETTE_GREEN_500 = '#0e864c';
const COLOR_PALETTE_GREEN_600 = '#0b6b3d';
const COLOR_PALETTE_GREEN_700 = '#095731';
const COLOR_PALETTE_GREEN_800 = '#074326';
const COLOR_PALETTE_GREEN_900 = '#06361e';
const COLOR_PALETTE_GREY_50 = '#fafafb';
const COLOR_PALETTE_GREY_100 = '#f4f4f5';
const COLOR_PALETTE_GREY_200 = '#e4e6e7';
const COLOR_PALETTE_GREY_300 = '#d1d3d6';
const COLOR_PALETTE_GREY_400 = '#a9adb1';
const COLOR_PALETTE_GREY_500 = '#898e94';
const COLOR_PALETTE_GREY_600 = '#697078';
const COLOR_PALETTE_GREY_700 = '#49515a';
const COLOR_PALETTE_GREY_800 = '#2a343f';
const COLOR_PALETTE_GREY_900 = '#091521';
const COLOR_PALETTE_INDIGO_50 = '#e9eafa';
const COLOR_PALETTE_INDIGO_100 = '#c7ccf0';
const COLOR_PALETTE_INDIGO_200 = '#a5aee8';
const COLOR_PALETTE_INDIGO_300 = '#7785db';
const COLOR_PALETTE_INDIGO_400 = '#5c6cd6';
const COLOR_PALETTE_INDIGO_500 = '#3142c8';
const COLOR_PALETTE_INDIGO_600 = '#3442bc';
const COLOR_PALETTE_INDIGO_700 = '#2e39ad';
const COLOR_PALETTE_INDIGO_800 = '#232b9c';
const COLOR_PALETTE_INDIGO_900 = '#16158d';
const COLOR_PALETTE_ORANGE_50 = '#fbede7';
const COLOR_PALETTE_ORANGE_100 = '#ffd0bc';
const COLOR_PALETTE_ORANGE_200 = '#ffb291';
const COLOR_PALETTE_ORANGE_300 = '#ff9365';
const COLOR_PALETTE_ORANGE_400 = '#ff7b43';
const COLOR_PALETTE_ORANGE_500 = '#ff6422';
const COLOR_PALETTE_ORANGE_600 = '#f45e1e';
const COLOR_PALETTE_ORANGE_700 = '#e65719';
const COLOR_PALETTE_ORANGE_800 = '#d85015';
const COLOR_PALETTE_ORANGE_900 = '#bf420c';
const COLOR_PALETTE_PINK_50 = '#fbe5ee';
const COLOR_PALETTE_PINK_100 = '#f6bed6';
const COLOR_PALETTE_PINK_200 = '#f194ba';
const COLOR_PALETTE_PINK_300 = '#ed6a9f';
const COLOR_PALETTE_PINK_400 = '#ea4c89';
const COLOR_PALETTE_PINK_500 = '#e83274';
const COLOR_PALETTE_PINK_600 = '#d72f70';
const COLOR_PALETTE_PINK_700 = '#c02c69';
const COLOR_PALETTE_PINK_800 = '#aa2964';
const COLOR_PALETTE_PINK_900 = '#852259';
const COLOR_PALETTE_PURPLE_50 = '#f2e7fc';
const COLOR_PALETTE_PURPLE_100 = '#ddd0f3';
const COLOR_PALETTE_PURPLE_200 = '#c79bf2';
const COLOR_PALETTE_PURPLE_300 = '#b16fed';
const COLOR_PALETTE_PURPLE_400 = '#9e4ae8';
const COLOR_PALETTE_PURPLE_500 = '#8c18e2';
const COLOR_PALETTE_PURPLE_600 = '#8110dc';
const COLOR_PALETTE_PURPLE_700 = '#7300d3';
const COLOR_PALETTE_PURPLE_800 = '#6500ce';
const COLOR_PALETTE_PURPLE_900 = '#4e00c6';
const COLOR_PALETTE_RED_50 = '#f5e9e8';
const COLOR_PALETTE_RED_100 = '#f4cfcd';
const COLOR_PALETTE_RED_200 = '#eca9a5';
const COLOR_PALETTE_RED_300 = '#e3837d';
const COLOR_PALETTE_RED_400 = '#da5d55';
const COLOR_PALETTE_RED_500 = '#d44037';
const COLOR_PALETTE_RED_600 = '#b4362f';
const COLOR_PALETTE_RED_700 = '#942d27';
const COLOR_PALETTE_RED_800 = '#75231e';
const COLOR_PALETTE_RED_900 = '#551a16';
const COLOR_PALETTE_YELLOW_50 = '#fefae7';
const COLOR_PALETTE_YELLOW_100 = '#fbf1c4';
const COLOR_PALETTE_YELLOW_200 = '#f8e99f';
const COLOR_PALETTE_YELLOW_300 = '#f4e07b';
const COLOR_PALETTE_YELLOW_400 = '#f0d961';
const COLOR_PALETTE_YELLOW_500 = '#ecd348';
const COLOR_PALETTE_YELLOW_600 = '#dcc243';
const COLOR_PALETTE_YELLOW_700 = '#c8ac3d';
const COLOR_PALETTE_YELLOW_800 = '#b39638';
const COLOR_PALETTE_YELLOW_900 = '#90722f';
const COLOR_PRIMARY_DEFAULT = '#3142c8';
const COLOR_PRIMARY_ACTIVE = '#16158d';
const COLOR_PRIMARY_HOVER = '#2e39ad';
const COLOR_TEXT_DANGER = '#b4362f';
const COLOR_TEXT_DISABLED = '#a9adb1';
const COLOR_TEXT_PRIMARY = '#091521';
const COLOR_TEXT_SECONDARY = '#49515a';
const COLOR_TEXT_SUCCESS = '#0b6b3d';
const COLOR_TEXT_TERTIARY = '#898e94';
const COLOR_TEXT_WARNING = '#f45e1e';
const COLOR_DATA_VIZ_DANGER_FILL = '#e3837d';
const COLOR_DATA_VIZ_DANGER_HOVER = '#b4362f';
const COLOR_DATA_VIZ_DANGER_LINE = '#d44037';
const COLOR_DATA_VIZ_NEUTRAL_FILL = '#d1d3d6';
const COLOR_DATA_VIZ_NEUTRAL_HOVER = '#898e94';
const COLOR_DATA_VIZ_PRIMARY_FILL = '#7785db';
const COLOR_DATA_VIZ_PRIMARY_FILL_ALT = '#c7ccf0';
const COLOR_DATA_VIZ_PRIMARY_HOVER = '#3442bc';
const COLOR_DATA_VIZ_PRIMARY_LINE = '#3142c8';
const COLOR_DATA_VIZ_SECONDARY_FILL = '#62a9f4';
const COLOR_DATA_VIZ_SECONDARY_FILL_ALT = '#c9e1fb';
const COLOR_DATA_VIZ_SECONDARY_HOVER = '#005cbe';
const COLOR_DATA_VIZ_SECONDARY_LINE = '#0072ec';
const COLOR_DATA_VIZ_TERTIARY_FILL = '#b16fed';
const COLOR_DATA_VIZ_TERTIARY_FILL_ALT = '#ddd0f3';
const COLOR_DATA_VIZ_TERTIARY_HOVER = '#8110dc';
const COLOR_DATA_VIZ_TERTIARY_LINE = '#8c18e2';
const COLOR_DATA_VIZ_WARNING_FILL = '#ff9365';
const COLOR_DATA_VIZ_WARNING_HOVER = '#f45e1e';
const COLOR_DATA_VIZ_WARNING_LINE = '#ff6422';
const SHADOW_LARGE = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)';
const SHADOW_MEDIUM = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)';
const SHADOW_SMALL = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)';
const Z_INDEX_DROPDOWN = '7000';
const Z_INDEX_MODAL = '9000';
const Z_INDEX_OVERLAY = '8000';
const Z_INDEX_POPOVER = '5000';
const Z_INDEX_STICKY = '100';
const Z_INDEX_TOOLTIP = '10000';
const SIZE_LARGE = '80rem';
const SIZE_MEDIUM = '64rem';
const SIZE_SMALL = '37.5rem';
const SIZE_X_LARGE = '0.0625rem';
const SPACE_MEDIUM = '1rem';
const SPACE_SMALL = '0.5rem';
const SPACE_LARGE = '1.5rem';
const SPACE_X_LARGE = '2rem';
const SPACE_X_SMALL = '0.25rem';
const FONT_FAMILY_MONO = '"Fira Mono", Courier, monospace';
const FONT_FAMILY_TEXT = '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
const FONT_SIZE_LARGE = '1.25rem';
const FONT_SIZE_MEDIUM = '1rem';
const FONT_SIZE_SMALL = '0.875rem';
const FONT_SIZE_X_LARGE = '1.5rem';
const FONT_SIZE_X_SMALL = '0.75rem';
const FONT_SIZE_XX_LARGE = '2rem';
const FONT_WEIGHT_BOLD = '700';
const FONT_WEIGHT_REGULAR = '400';
const FONT_WEIGHT_SEMIBOLD = '600';
const LETTER_SPACING_LARGE = '0em';
const LETTER_SPACING_MEDIUM = '-0.01em';
const LETTER_SPACING_SMALL = '-0.02em';
const LETTER_SPACING_X_SMALL = '-0.03em';
const LINE_HEIGHT_LARGE = '1.875rem';
const LINE_HEIGHT_MEDIUM = '1.5rem';
const LINE_HEIGHT_SMALL = '1.25rem';
const LINE_HEIGHT_X_LARGE = '2rem';
const LINE_HEIGHT_X_SMALL = '1.125rem';
const LINE_HEIGHT_XX_LARGE = '2.625rem';
const theme = {
borderWidth: {
large: BORDER_WIDTH_LARGE,
medium: BORDER_WIDTH_MEDIUM,
small: BORDER_WIDTH_SMALL
},
color: {
'background-danger': COLOR_BACKGROUND_DANGER,
'background-primary': COLOR_BACKGROUND_PRIMARY,
'background-secondary': COLOR_BACKGROUND_SECONDARY,
'background-side-nav': COLOR_BACKGROUND_SIDE_NAV,
'background-success': COLOR_BACKGROUND_SUCCESS,
'background-surface': COLOR_BACKGROUND_SURFACE,
'background-tertiary': COLOR_BACKGROUND_TERTIARY,
'background-top-nav': COLOR_BACKGROUND_TOP_NAV,
'background-warning': COLOR_BACKGROUND_WARNING,
'border-danger': COLOR_BORDER_DANGER,
'border-disabled': COLOR_BORDER_DISABLED,
'border-primary': COLOR_BORDER_PRIMARY,
'border-success': COLOR_BORDER_SUCCESS,
'border-warning': COLOR_BORDER_WARNING,
'brand-default': COLOR_BRAND_DEFAULT,
'brand-active': COLOR_BRAND_ACTIVE,
'brand-hover': COLOR_BRAND_HOVER,
'brand-gradient': COLOR_BRAND_GRADIENT,
'palette-black': COLOR_PALETTE_BLACK,
'palette-white': COLOR_PALETTE_WHITE,
'palette-blue-50': COLOR_PALETTE_BLUE_50,
'palette-blue-100': COLOR_PALETTE_BLUE_100,
'palette-blue-200': COLOR_PALETTE_BLUE_200,
'palette-blue-300': COLOR_PALETTE_BLUE_300,
'palette-blue-400': COLOR_PALETTE_BLUE_400,
'palette-blue-500': COLOR_PALETTE_BLUE_500,
'palette-blue-600': COLOR_PALETTE_BLUE_600,
'palette-blue-700': COLOR_PALETTE_BLUE_700,
'palette-blue-800': COLOR_PALETTE_BLUE_800,
'palette-blue-900': COLOR_PALETTE_BLUE_900,
'palette-brown-50': COLOR_PALETTE_BROWN_50,
'palette-brown-100': COLOR_PALETTE_BROWN_100,
'palette-brown-200': COLOR_PALETTE_BROWN_200,
'palette-brown-300': COLOR_PALETTE_BROWN_300,
'palette-brown-400': COLOR_PALETTE_BROWN_400,
'palette-brown-500': COLOR_PALETTE_BROWN_500,
'palette-brown-600': COLOR_PALETTE_BROWN_600,
'palette-brown-700': COLOR_PALETTE_BROWN_700,
'palette-brown-800': COLOR_PALETTE_BROWN_800,
'palette-brown-900': COLOR_PALETTE_BROWN_900,
'palette-green-50': COLOR_PALETTE_GREEN_50,
'palette-green-100': COLOR_PALETTE_GREEN_100,
'palette-green-200': COLOR_PALETTE_GREEN_200,
'palette-green-300': COLOR_PALETTE_GREEN_300,
'palette-green-400': COLOR_PALETTE_GREEN_400,
'palette-green-500': COLOR_PALETTE_GREEN_500,
'palette-green-600': COLOR_PALETTE_GREEN_600,
'palette-green-700': COLOR_PALETTE_GREEN_700,
'palette-green-800': COLOR_PALETTE_GREEN_800,
'palette-green-900': COLOR_PALETTE_GREEN_900,
'palette-grey-50': COLOR_PALETTE_GREY_50,
'palette-grey-100': COLOR_PALETTE_GREY_100,
'palette-grey-200': COLOR_PALETTE_GREY_200,
'palette-grey-300': COLOR_PALETTE_GREY_300,
'palette-grey-400': COLOR_PALETTE_GREY_400,
'palette-grey-500': COLOR_PALETTE_GREY_500,
'palette-grey-600': COLOR_PALETTE_GREY_600,
'palette-grey-700': COLOR_PALETTE_GREY_700,
'palette-grey-800': COLOR_PALETTE_GREY_800,
'palette-grey-900': COLOR_PALETTE_GREY_900,
'palette-indigo-50': COLOR_PALETTE_INDIGO_50,
'palette-indigo-100': COLOR_PALETTE_INDIGO_100,
'palette-indigo-200': COLOR_PALETTE_INDIGO_200,
'palette-indigo-300': COLOR_PALETTE_INDIGO_300,
'palette-indigo-400': COLOR_PALETTE_INDIGO_400,
'palette-indigo-500': COLOR_PALETTE_INDIGO_500,
'palette-indigo-600': COLOR_PALETTE_INDIGO_600,
'palette-indigo-700': COLOR_PALETTE_INDIGO_700,
'palette-indigo-800': COLOR_PALETTE_INDIGO_800,
'palette-indigo-900': COLOR_PALETTE_INDIGO_900,
'palette-orange-50': COLOR_PALETTE_ORANGE_50,
'palette-orange-100': COLOR_PALETTE_ORANGE_100,
'palette-orange-200': COLOR_PALETTE_ORANGE_200,
'palette-orange-300': COLOR_PALETTE_ORANGE_300,
'palette-orange-400': COLOR_PALETTE_ORANGE_400,
'palette-orange-500': COLOR_PALETTE_ORANGE_500,
'palette-orange-600': COLOR_PALETTE_ORANGE_600,
'palette-orange-700': COLOR_PALETTE_ORANGE_700,
'palette-orange-800': COLOR_PALETTE_ORANGE_800,
'palette-orange-900': COLOR_PALETTE_ORANGE_900,
'palette-pink-50': COLOR_PALETTE_PINK_50,
'palette-pink-100': COLOR_PALETTE_PINK_100,
'palette-pink-200': COLOR_PALETTE_PINK_200,
'palette-pink-300': COLOR_PALETTE_PINK_300,
'palette-pink-400': COLOR_PALETTE_PINK_400,
'palette-pink-500': COLOR_PALETTE_PINK_500,
'palette-pink-600': COLOR_PALETTE_PINK_600,
'palette-pink-700': COLOR_PALETTE_PINK_700,
'palette-pink-800': COLOR_PALETTE_PINK_800,
'palette-pink-900': COLOR_PALETTE_PINK_900,
'palette-purple-50': COLOR_PALETTE_PURPLE_50,
'palette-purple-100': COLOR_PALETTE_PURPLE_100,
'palette-purple-200': COLOR_PALETTE_PURPLE_200,
'palette-purple-300': COLOR_PALETTE_PURPLE_300,
'palette-purple-400': COLOR_PALETTE_PURPLE_400,
'palette-purple-500': COLOR_PALETTE_PURPLE_500,
'palette-purple-600': COLOR_PALETTE_PURPLE_600,
'palette-purple-700': COLOR_PALETTE_PURPLE_700,
'palette-purple-800': COLOR_PALETTE_PURPLE_800,
'palette-purple-900': COLOR_PALETTE_PURPLE_900,
'palette-red-50': COLOR_PALETTE_RED_50,
'palette-red-100': COLOR_PALETTE_RED_100,
'palette-red-200': COLOR_PALETTE_RED_200,
'palette-red-300': COLOR_PALETTE_RED_300,
'palette-red-400': COLOR_PALETTE_RED_400,
'palette-red-500': COLOR_PALETTE_RED_500,
'palette-red-600': COLOR_PALETTE_RED_600,
'palette-red-700': COLOR_PALETTE_RED_700,
'palette-red-800': COLOR_PALETTE_RED_800,
'palette-red-900': COLOR_PALETTE_RED_900,
'palette-yellow-50': COLOR_PALETTE_YELLOW_50,
'palette-yellow-100': COLOR_PALETTE_YELLOW_100,
'palette-yellow-200': COLOR_PALETTE_YELLOW_200,
'palette-yellow-300': COLOR_PALETTE_YELLOW_300,
'palette-yellow-400': COLOR_PALETTE_YELLOW_400,
'palette-yellow-500': COLOR_PALETTE_YELLOW_500,
'palette-yellow-600': COLOR_PALETTE_YELLOW_600,
'palette-yellow-700': COLOR_PALETTE_YELLOW_700,
'palette-yellow-800': COLOR_PALETTE_YELLOW_800,
'palette-yellow-900': COLOR_PALETTE_YELLOW_900,
'primary-default': COLOR_PRIMARY_DEFAULT,
'primary-active': COLOR_PRIMARY_ACTIVE,
'primary-hover': COLOR_PRIMARY_HOVER,
'text-danger': COLOR_TEXT_DANGER,
'text-disabled': COLOR_TEXT_DISABLED,
'text-primary': COLOR_TEXT_PRIMARY,
'text-secondary': COLOR_TEXT_SECONDARY,
'text-success': COLOR_TEXT_SUCCESS,
'text-tertiary': COLOR_TEXT_TERTIARY,
'text-warning': COLOR_TEXT_WARNING,
'data-viz-danger-fill': COLOR_DATA_VIZ_DANGER_FILL,
'data-viz-danger-hover': COLOR_DATA_VIZ_DANGER_HOVER,
'data-viz-danger-line': COLOR_DATA_VIZ_DANGER_LINE,
'data-viz-neutral-fill': COLOR_DATA_VIZ_NEUTRAL_FILL,
'data-viz-neutral-hover': COLOR_DATA_VIZ_NEUTRAL_HOVER,
'data-viz-primary-fill': COLOR_DATA_VIZ_PRIMARY_FILL,
'data-viz-primary-fill-alt': COLOR_DATA_VIZ_PRIMARY_FILL_ALT,
'data-viz-primary-hover': COLOR_DATA_VIZ_PRIMARY_HOVER,
'data-viz-primary-line': COLOR_DATA_VIZ_PRIMARY_LINE,
'data-viz-secondary-fill': COLOR_DATA_VIZ_SECONDARY_FILL,
'data-viz-secondary-fill-alt': COLOR_DATA_VIZ_SECONDARY_FILL_ALT,
'data-viz-secondary-hover': COLOR_DATA_VIZ_SECONDARY_HOVER,
'data-viz-secondary-line': COLOR_DATA_VIZ_SECONDARY_LINE,
'data-viz-tertiary-fill': COLOR_DATA_VIZ_TERTIARY_FILL,
'data-viz-tertiary-fill-alt': COLOR_DATA_VIZ_TERTIARY_FILL_ALT,
'data-viz-tertiary-hover': COLOR_DATA_VIZ_TERTIARY_HOVER,
'data-viz-tertiary-line': COLOR_DATA_VIZ_TERTIARY_LINE,
'data-viz-warning-fill': COLOR_DATA_VIZ_WARNING_FILL,
'data-viz-warning-hover': COLOR_DATA_VIZ_WARNING_HOVER,
'data-viz-warning-line': COLOR_DATA_VIZ_WARNING_LINE
},
fontFamily: {
mono: FONT_FAMILY_MONO,
text: FONT_FAMILY_TEXT
},
fontSize: {
large: FONT_SIZE_LARGE,
medium: FONT_SIZE_MEDIUM,
small: FONT_SIZE_SMALL,
'x-large': FONT_SIZE_X_LARGE,
'x-small': FONT_SIZE_X_SMALL,
'xx-large': FONT_SIZE_XX_LARGE
},
fontWeight: {
bold: FONT_WEIGHT_BOLD,
regular: FONT_WEIGHT_REGULAR,
semibold: FONT_WEIGHT_SEMIBOLD
},
letterSpacing: {
large: LETTER_SPACING_LARGE,
medium: LETTER_SPACING_MEDIUM,
small: LETTER_SPACING_SMALL,
'x-small': LETTER_SPACING_X_SMALL
},
lineHeight: {
large: LINE_HEIGHT_LARGE,
medium: LINE_HEIGHT_MEDIUM,
small: LINE_HEIGHT_SMALL,
'x-large': LINE_HEIGHT_X_LARGE,
'x-small': LINE_HEIGHT_X_SMALL,
'xx-large': LINE_HEIGHT_XX_LARGE
},
radius: {
full: RADIUS_FULL,
small: RADIUS_SMALL
},
shadow: {
large: SHADOW_LARGE,
medium: SHADOW_MEDIUM,
small: SHADOW_SMALL
},
size: {
large: SIZE_LARGE,
medium: SIZE_MEDIUM,
small: SIZE_SMALL,
'x-large': SIZE_X_LARGE
},
space: {
medium: SPACE_MEDIUM,
small: SPACE_SMALL,
large: SPACE_LARGE,
'x-large': SPACE_X_LARGE,
'x-small': SPACE_X_SMALL
},
zIndex: {
dropdown: Z_INDEX_DROPDOWN,
modal: Z_INDEX_MODAL,
overlay: Z_INDEX_OVERLAY,
popover: Z_INDEX_POPOVER,
sticky: Z_INDEX_STICKY,
tooltip: Z_INDEX_TOOLTIP
}
};
exports.BORDER_WIDTH_LARGE = BORDER_WIDTH_LARGE;
exports.BORDER_WIDTH_MEDIUM = BORDER_WIDTH_MEDIUM;
exports.BORDER_WIDTH_SMALL = BORDER_WIDTH_SMALL;
exports.COLOR_BACKGROUND_DANGER = COLOR_BACKGROUND_DANGER;
exports.COLOR_BACKGROUND_PRIMARY = COLOR_BACKGROUND_PRIMARY;
exports.COLOR_BACKGROUND_SECONDARY = COLOR_BACKGROUND_SECONDARY;
exports.COLOR_BACKGROUND_SIDE_NAV = COLOR_BACKGROUND_SIDE_NAV;
exports.COLOR_BACKGROUND_SUCCESS = COLOR_BACKGROUND_SUCCESS;
exports.COLOR_BACKGROUND_SURFACE = COLOR_BACKGROUND_SURFACE;
exports.COLOR_BACKGROUND_TERTIARY = COLOR_BACKGROUND_TERTIARY;
exports.COLOR_BACKGROUND_TOP_NAV = COLOR_BACKGROUND_TOP_NAV;
exports.COLOR_BACKGROUND_WARNING = COLOR_BACKGROUND_WARNING;
exports.COLOR_BORDER_DANGER = COLOR_BORDER_DANGER;
exports.COLOR_BORDER_DISABLED = COLOR_BORDER_DISABLED;
exports.COLOR_BORDER_PRIMARY = COLOR_BORDER_PRIMARY;
exports.COLOR_BORDER_SUCCESS = COLOR_BORDER_SUCCESS;
exports.COLOR_BORDER_WARNING = COLOR_BORDER_WARNING;
exports.COLOR_BRAND_ACTIVE = COLOR_BRAND_ACTIVE;
exports.COLOR_BRAND_DEFAULT = COLOR_BRAND_DEFAULT;
exports.COLOR_BRAND_GRADIENT = COLOR_BRAND_GRADIENT;
exports.COLOR_BRAND_HOVER = COLOR_BRAND_HOVER;
exports.COLOR_DATA_VIZ_DANGER_FILL = COLOR_DATA_VIZ_DANGER_FILL;
exports.COLOR_DATA_VIZ_DANGER_HOVER = COLOR_DATA_VIZ_DANGER_HOVER;
exports.COLOR_DATA_VIZ_DANGER_LINE = COLOR_DATA_VIZ_DANGER_LINE;
exports.COLOR_DATA_VIZ_NEUTRAL_FILL = COLOR_DATA_VIZ_NEUTRAL_FILL;
exports.COLOR_DATA_VIZ_NEUTRAL_HOVER = COLOR_DATA_VIZ_NEUTRAL_HOVER;
exports.COLOR_DATA_VIZ_PRIMARY_FILL = COLOR_DATA_VIZ_PRIMARY_FILL;
exports.COLOR_DATA_VIZ_PRIMARY_FILL_ALT = COLOR_DATA_VIZ_PRIMARY_FILL_ALT;
exports.COLOR_DATA_VIZ_PRIMARY_HOVER = COLOR_DATA_VIZ_PRIMARY_HOVER;
exports.COLOR_DATA_VIZ_PRIMARY_LINE = COLOR_DATA_VIZ_PRIMARY_LINE;
exports.COLOR_DATA_VIZ_SECONDARY_FILL = COLOR_DATA_VIZ_SECONDARY_FILL;
exports.COLOR_DATA_VIZ_SECONDARY_FILL_ALT = COLOR_DATA_VIZ_SECONDARY_FILL_ALT;
exports.COLOR_DATA_VIZ_SECONDARY_HOVER = COLOR_DATA_VIZ_SECONDARY_HOVER;
exports.COLOR_DATA_VIZ_SECONDARY_LINE = COLOR_DATA_VIZ_SECONDARY_LINE;
exports.COLOR_DATA_VIZ_TERTIARY_FILL = COLOR_DATA_VIZ_TERTIARY_FILL;
exports.COLOR_DATA_VIZ_TERTIARY_FILL_ALT = COLOR_DATA_VIZ_TERTIARY_FILL_ALT;
exports.COLOR_DATA_VIZ_TERTIARY_HOVER = COLOR_DATA_VIZ_TERTIARY_HOVER;
exports.COLOR_DATA_VIZ_TERTIARY_LINE = COLOR_DATA_VIZ_TERTIARY_LINE;
exports.COLOR_DATA_VIZ_WARNING_FILL = COLOR_DATA_VIZ_WARNING_FILL;
exports.COLOR_DATA_VIZ_WARNING_HOVER = COLOR_DATA_VIZ_WARNING_HOVER;
exports.COLOR_DATA_VIZ_WARNING_LINE = COLOR_DATA_VIZ_WARNING_LINE;
exports.COLOR_PALETTE_BLACK = COLOR_PALETTE_BLACK;
exports.COLOR_PALETTE_BLUE_100 = COLOR_PALETTE_BLUE_100;
exports.COLOR_PALETTE_BLUE_200 = COLOR_PALETTE_BLUE_200;
exports.COLOR_PALETTE_BLUE_300 = COLOR_PALETTE_BLUE_300;
exports.COLOR_PALETTE_BLUE_400 = COLOR_PALETTE_BLUE_400;
exports.COLOR_PALETTE_BLUE_50 = COLOR_PALETTE_BLUE_50;
exports.COLOR_PALETTE_BLUE_500 = COLOR_PALETTE_BLUE_500;
exports.COLOR_PALETTE_BLUE_600 = COLOR_PALETTE_BLUE_600;
exports.COLOR_PALETTE_BLUE_700 = COLOR_PALETTE_BLUE_700;
exports.COLOR_PALETTE_BLUE_800 = COLOR_PALETTE_BLUE_800;
exports.COLOR_PALETTE_BLUE_900 = COLOR_PALETTE_BLUE_900;
exports.COLOR_PALETTE_BROWN_100 = COLOR_PALETTE_BROWN_100;
exports.COLOR_PALETTE_BROWN_200 = COLOR_PALETTE_BROWN_200;
exports.COLOR_PALETTE_BROWN_300 = COLOR_PALETTE_BROWN_300;
exports.COLOR_PALETTE_BROWN_400 = COLOR_PALETTE_BROWN_400;
exports.COLOR_PALETTE_BROWN_50 = COLOR_PALETTE_BROWN_50;
exports.COLOR_PALETTE_BROWN_500 = COLOR_PALETTE_BROWN_500;
exports.COLOR_PALETTE_BROWN_600 = COLOR_PALETTE_BROWN_600;
exports.COLOR_PALETTE_BROWN_700 = COLOR_PALETTE_BROWN_700;
exports.COLOR_PALETTE_BROWN_800 = COLOR_PALETTE_BROWN_800;
exports.COLOR_PALETTE_BROWN_900 = COLOR_PALETTE_BROWN_900;
exports.COLOR_PALETTE_GREEN_100 = COLOR_PALETTE_GREEN_100;
exports.COLOR_PALETTE_GREEN_200 = COLOR_PALETTE_GREEN_200;
exports.COLOR_PALETTE_GREEN_300 = COLOR_PALETTE_GREEN_300;
exports.COLOR_PALETTE_GREEN_400 = COLOR_PALETTE_GREEN_400;
exports.COLOR_PALETTE_GREEN_50 = COLOR_PALETTE_GREEN_50;
exports.COLOR_PALETTE_GREEN_500 = COLOR_PALETTE_GREEN_500;
exports.COLOR_PALETTE_GREEN_600 = COLOR_PALETTE_GREEN_600;
exports.COLOR_PALETTE_GREEN_700 = COLOR_PALETTE_GREEN_700;
exports.COLOR_PALETTE_GREEN_800 = COLOR_PALETTE_GREEN_800;
exports.COLOR_PALETTE_GREEN_900 = COLOR_PALETTE_GREEN_900;
exports.COLOR_PALETTE_GREY_100 = COLOR_PALETTE_GREY_100;
exports.COLOR_PALETTE_GREY_200 = COLOR_PALETTE_GREY_200;
exports.COLOR_PALETTE_GREY_300 = COLOR_PALETTE_GREY_300;
exports.COLOR_PALETTE_GREY_400 = COLOR_PALETTE_GREY_400;
exports.COLOR_PALETTE_GREY_50 = COLOR_PALETTE_GREY_50;
exports.COLOR_PALETTE_GREY_500 = COLOR_PALETTE_GREY_500;
exports.COLOR_PALETTE_GREY_600 = COLOR_PALETTE_GREY_600;
exports.COLOR_PALETTE_GREY_700 = COLOR_PALETTE_GREY_700;
exports.COLOR_PALETTE_GREY_800 = COLOR_PALETTE_GREY_800;
exports.COLOR_PALETTE_GREY_900 = COLOR_PALETTE_GREY_900;
exports.COLOR_PALETTE_INDIGO_100 = COLOR_PALETTE_INDIGO_100;
exports.COLOR_PALETTE_INDIGO_200 = COLOR_PALETTE_INDIGO_200;
exports.COLOR_PALETTE_INDIGO_300 = COLOR_PALETTE_INDIGO_300;
exports.COLOR_PALETTE_INDIGO_400 = COLOR_PALETTE_INDIGO_400;
exports.COLOR_PALETTE_INDIGO_50 = COLOR_PALETTE_INDIGO_50;
exports.COLOR_PALETTE_INDIGO_500 = COLOR_PALETTE_INDIGO_500;
exports.COLOR_PALETTE_INDIGO_600 = COLOR_PALETTE_INDIGO_600;
exports.COLOR_PALETTE_INDIGO_700 = COLOR_PALETTE_INDIGO_700;
exports.COLOR_PALETTE_INDIGO_800 = COLOR_PALETTE_INDIGO_800;
exports.COLOR_PALETTE_INDIGO_900 = COLOR_PALETTE_INDIGO_900;
exports.COLOR_PALETTE_ORANGE_100 = COLOR_PALETTE_ORANGE_100;
exports.COLOR_PALETTE_ORANGE_200 = COLOR_PALETTE_ORANGE_200;
exports.COLOR_PALETTE_ORANGE_300 = COLOR_PALETTE_ORANGE_300;
exports.COLOR_PALETTE_ORANGE_400 = COLOR_PALETTE_ORANGE_400;
exports.COLOR_PALETTE_ORANGE_50 = COLOR_PALETTE_ORANGE_50;
exports.COLOR_PALETTE_ORANGE_500 = COLOR_PALETTE_ORANGE_500;
exports.COLOR_PALETTE_ORANGE_600 = COLOR_PALETTE_ORANGE_600;
exports.COLOR_PALETTE_ORANGE_700 = COLOR_PALETTE_ORANGE_700;
exports.COLOR_PALETTE_ORANGE_800 = COLOR_PALETTE_ORANGE_800;
exports.COLOR_PALETTE_ORANGE_900 = COLOR_PALETTE_ORANGE_900;
exports.COLOR_PALETTE_PINK_100 = COLOR_PALETTE_PINK_100;
exports.COLOR_PALETTE_PINK_200 = COLOR_PALETTE_PINK_200;
exports.COLOR_PALETTE_PINK_300 = COLOR_PALETTE_PINK_300;
exports.COLOR_PALETTE_PINK_400 = COLOR_PALETTE_PINK_400;
exports.COLOR_PALETTE_PINK_50 = COLOR_PALETTE_PINK_50;
exports.COLOR_PALETTE_PINK_500 = COLOR_PALETTE_PINK_500;
exports.COLOR_PALETTE_PINK_600 = COLOR_PALETTE_PINK_600;
exports.COLOR_PALETTE_PINK_700 = COLOR_PALETTE_PINK_700;
exports.COLOR_PALETTE_PINK_800 = COLOR_PALETTE_PINK_800;
exports.COLOR_PALETTE_PINK_900 = COLOR_PALETTE_PINK_900;
exports.COLOR_PALETTE_PURPLE_100 = COLOR_PALETTE_PURPLE_100;
exports.COLOR_PALETTE_PURPLE_200 = COLOR_PALETTE_PURPLE_200;
exports.COLOR_PALETTE_PURPLE_300 = COLOR_PALETTE_PURPLE_300;
exports.COLOR_PALETTE_PURPLE_400 = COLOR_PALETTE_PURPLE_400;
exports.COLOR_PALETTE_PURPLE_50 = COLOR_PALETTE_PURPLE_50;
exports.COLOR_PALETTE_PURPLE_500 = COLOR_PALETTE_PURPLE_500;
exports.COLOR_PALETTE_PURPLE_600 = COLOR_PALETTE_PURPLE_600;
exports.COLOR_PALETTE_PURPLE_700 = COLOR_PALETTE_PURPLE_700;
exports.COLOR_PALETTE_PURPLE_800 = COLOR_PALETTE_PURPLE_800;
exports.COLOR_PALETTE_PURPLE_900 = COLOR_PALETTE_PURPLE_900;
exports.COLOR_PALETTE_RED_100 = COLOR_PALETTE_RED_100;
exports.COLOR_PALETTE_RED_200 = COLOR_PALETTE_RED_200;
exports.COLOR_PALETTE_RED_300 = COLOR_PALETTE_RED_300;
exports.COLOR_PALETTE_RED_400 = COLOR_PALETTE_RED_400;
exports.COLOR_PALETTE_RED_50 = COLOR_PALETTE_RED_50;
exports.COLOR_PALETTE_RED_500 = COLOR_PALETTE_RED_500;
exports.COLOR_PALETTE_RED_600 = COLOR_PALETTE_RED_600;
exports.COLOR_PALETTE_RED_700 = COLOR_PALETTE_RED_700;
exports.COLOR_PALETTE_RED_800 = COLOR_PALETTE_RED_800;
exports.COLOR_PALETTE_RED_900 = COLOR_PALETTE_RED_900;
exports.COLOR_PALETTE_WHITE = COLOR_PALETTE_WHITE;
exports.COLOR_PALETTE_YELLOW_100 = COLOR_PALETTE_YELLOW_100;
exports.COLOR_PALETTE_YELLOW_200 = COLOR_PALETTE_YELLOW_200;
exports.COLOR_PALETTE_YELLOW_300 = COLOR_PALETTE_YELLOW_300;
exports.COLOR_PALETTE_YELLOW_400 = COLOR_PALETTE_YELLOW_400;
exports.COLOR_PALETTE_YELLOW_50 = COLOR_PALETTE_YELLOW_50;
exports.COLOR_PALETTE_YELLOW_500 = COLOR_PALETTE_YELLOW_500;
exports.COLOR_PALETTE_YELLOW_600 = COLOR_PALETTE_YELLOW_600;
exports.COLOR_PALETTE_YELLOW_700 = COLOR_PALETTE_YELLOW_700;
exports.COLOR_PALETTE_YELLOW_800 = COLOR_PALETTE_YELLOW_800;
exports.COLOR_PALETTE_YELLOW_900 = COLOR_PALETTE_YELLOW_900;
exports.COLOR_PRIMARY_ACTIVE = COLOR_PRIMARY_ACTIVE;
exports.COLOR_PRIMARY_DEFAULT = COLOR_PRIMARY_DEFAULT;
exports.COLOR_PRIMARY_HOVER = COLOR_PRIMARY_HOVER;
exports.COLOR_TEXT_DANGER = COLOR_TEXT_DANGER;
exports.COLOR_TEXT_DISABLED = COLOR_TEXT_DISABLED;
exports.COLOR_TEXT_PRIMARY = COLOR_TEXT_PRIMARY;
exports.COLOR_TEXT_SECONDARY = COLOR_TEXT_SECONDARY;
exports.COLOR_TEXT_SUCCESS = COLOR_TEXT_SUCCESS;
exports.COLOR_TEXT_TERTIARY = COLOR_TEXT_TERTIARY;
exports.COLOR_TEXT_WARNING = COLOR_TEXT_WARNING;
exports.FONT_FAMILY_MONO = FONT_FAMILY_MONO;
exports.FONT_FAMILY_TEXT = FONT_FAMILY_TEXT;
exports.FONT_SIZE_LARGE = FONT_SIZE_LARGE;
exports.FONT_SIZE_MEDIUM = FONT_SIZE_MEDIUM;
exports.FONT_SIZE_SMALL = FONT_SIZE_SMALL;
exports.FONT_SIZE_XX_LARGE = FONT_SIZE_XX_LARGE;
exports.FONT_SIZE_X_LARGE = FONT_SIZE_X_LARGE;
exports.FONT_SIZE_X_SMALL = FONT_SIZE_X_SMALL;
exports.FONT_WEIGHT_BOLD = FONT_WEIGHT_BOLD;
exports.FONT_WEIGHT_REGULAR = FONT_WEIGHT_REGULAR;
exports.FONT_WEIGHT_SEMIBOLD = FONT_WEIGHT_SEMIBOLD;
exports.LETTER_SPACING_LARGE = LETTER_SPACING_LARGE;
exports.LETTER_SPACING_MEDIUM = LETTER_SPACING_MEDIUM;
exports.LETTER_SPACING_SMALL = LETTER_SPACING_SMALL;
exports.LETTER_SPACING_X_SMALL = LETTER_SPACING_X_SMALL;
exports.LINE_HEIGHT_LARGE = LINE_HEIGHT_LARGE;
exports.LINE_HEIGHT_MEDIUM = LINE_HEIGHT_MEDIUM;
exports.LINE_HEIGHT_SMALL = LINE_HEIGHT_SMALL;
exports.LINE_HEIGHT_XX_LARGE = LINE_HEIGHT_XX_LARGE;
exports.LINE_HEIGHT_X_LARGE = LINE_HEIGHT_X_LARGE;
exports.LINE_HEIGHT_X_SMALL = LINE_HEIGHT_X_SMALL;
exports.RADIUS_FULL = RADIUS_FULL;
exports.RADIUS_SMALL = RADIUS_SMALL;
exports.SHADOW_LARGE = SHADOW_LARGE;
exports.SHADOW_MEDIUM = SHADOW_MEDIUM;
exports.SHADOW_SMALL = SHADOW_SMALL;
exports.SIZE_LARGE = SIZE_LARGE;
exports.SIZE_MEDIUM = SIZE_MEDIUM;
exports.SIZE_SMALL = SIZE_SMALL;
exports.SIZE_X_LARGE = SIZE_X_LARGE;
exports.SPACE_LARGE = SPACE_LARGE;
exports.SPACE_MEDIUM = SPACE_MEDIUM;
exports.SPACE_SMALL = SPACE_SMALL;
exports.SPACE_X_LARGE = SPACE_X_LARGE;
exports.SPACE_X_SMALL = SPACE_X_SMALL;
exports.Z_INDEX_DROPDOWN = Z_INDEX_DROPDOWN;
exports.Z_INDEX_MODAL = Z_INDEX_MODAL;
exports.Z_INDEX_OVERLAY = Z_INDEX_OVERLAY;
exports.Z_INDEX_POPOVER = Z_INDEX_POPOVER;
exports.Z_INDEX_STICKY = Z_INDEX_STICKY;
exports.Z_INDEX_TOOLTIP = Z_INDEX_TOOLTIP;
exports.theme = theme;
const radiusFull = '3.125rem';
const radiusSmall = '0.125rem';
const borderWidthLarge = '0.1875rem';
const borderWidthMedium = '0.125rem';
const borderWidthSmall = '0.0625rem';
const colorBackgroundDanger = 'rgb(245, 233, 232)';
const colorBackgroundPrimary = 'rgb(255, 255, 255)';
const colorBackgroundSecondary = 'rgb(244, 244, 245)';
const colorBackgroundSideNav = 'rgb(2, 28, 107)';
const colorBackgroundSuccess = 'rgb(221, 239, 230)';
const colorBackgroundSurface = 'rgb(255, 255, 255)';
const colorBackgroundTertiary = 'rgb(228, 230, 231)';
const colorBackgroundTopNav = 'rgb(31, 57, 135)';
const colorBackgroundWarning = 'rgb(251, 237, 231)';
const colorBorderDanger = 'rgb(180, 54, 47)';
const colorBorderDisabled = 'rgb(244, 244, 245)';
const colorBorderPrimary = 'rgb(228, 230, 231)';
const colorBorderSuccess = 'rgb(11, 107, 61)';
const colorBorderWarning = 'rgb(244, 94, 30)';
const colorBrandDefault = 'rgb(0, 114, 236)';
const colorBrandActive = 'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)';
const colorBrandHover = 'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)';
const colorBrandGradient = 'linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)';
const colorPaletteBlack = 'rgb(9, 21, 33)';
const colorPaletteWhite = 'rgb(255, 255, 255)';
const colorPaletteBlue50 = 'rgb(236, 244, 254)';
const colorPaletteBlue100 = 'rgb(201, 225, 251)';
const colorPaletteBlue200 = 'rgb(149, 197, 248)';
const colorPaletteBlue300 = 'rgb(98, 169, 244)';
const colorPaletteBlue400 = 'rgb(48, 141, 241)';
const colorPaletteBlue500 = 'rgb(0, 114, 236)';
const colorPaletteBlue600 = 'rgb(0, 92, 190)';
const colorPaletteBlue700 = 'rgb(0, 69, 142)';
const colorPaletteBlue800 = 'rgb(0, 55, 114)';
const colorPaletteBlue900 = 'rgb(0, 41, 86)';
const colorPaletteBrown50 = 'rgb(250, 240, 231)';
const colorPaletteBrown100 = 'rgb(234, 217, 206)';
const colorPaletteBrown200 = 'rgb(216, 193, 178)';
const colorPaletteBrown300 = 'rgb(196, 167, 148)';
const colorPaletteBrown400 = 'rgb(179, 145, 123)';
const colorPaletteBrown500 = 'rgb(162, 124, 98)';
const colorPaletteBrown600 = 'rgb(149, 113, 90)';
const colorPaletteBrown700 = 'rgb(132, 99, 79)';
const colorPaletteBrown800 = 'rgb(117, 86, 70)';
const colorPaletteBrown900 = 'rgb(100, 71, 58)';
const colorPaletteGreen50 = 'rgb(221, 239, 230)';
const colorPaletteGreen100 = 'rgb(195, 225, 210)';
const colorPaletteGreen200 = 'rgb(147, 201, 174)';
const colorPaletteGreen300 = 'rgb(98, 176, 139)';
const colorPaletteGreen400 = 'rgb(50, 152, 103)';
const colorPaletteGreen500 = 'rgb(14, 134, 76)';
const colorPaletteGreen600 = 'rgb(11, 107, 61)';
const colorPaletteGreen700 = 'rgb(9, 87, 49)';
const colorPaletteGreen800 = 'rgb(7, 67, 38)';
const colorPaletteGreen900 = 'rgb(6, 54, 30)';
const colorPaletteGrey50 = 'rgb(250, 250, 251)';
const colorPaletteGrey100 = 'rgb(244, 244, 245)';
const colorPaletteGrey200 = 'rgb(228, 230, 231)';
const colorPaletteGrey300 = 'rgb(209, 211, 214)';
const colorPaletteGrey400 = 'rgb(169, 173, 177)';
const colorPaletteGrey500 = 'rgb(137, 142, 148)';
const colorPaletteGrey600 = 'rgb(105, 112, 120)';
const colorPaletteGrey700 = 'rgb(73, 81, 90)';
const colorPaletteGrey800 = 'rgb(42, 52, 63)';
const colorPaletteGrey900 = 'rgb(9, 21, 33)';
const colorPaletteIndigo50 = 'rgb(233, 234, 250)';
const colorPaletteIndigo100 = 'rgb(199, 204, 240)';
const colorPaletteIndigo200 = 'rgb(165, 174, 232)';
const colorPaletteIndigo300 = 'rgb(119, 133, 219)';
const colorPaletteIndigo400 = 'rgb(92, 108, 214)';
const colorPaletteIndigo500 = 'rgb(49, 66, 200)';
const colorPaletteIndigo600 = 'rgb(52, 66, 188)';
const colorPaletteIndigo700 = 'rgb(46, 57, 173)';
const colorPaletteIndigo800 = 'rgb(35, 43, 156)';
const colorPaletteIndigo900 = 'rgb(22, 21, 141)';
const colorPaletteOrange50 = 'rgb(251, 237, 231)';
const colorPaletteOrange100 = 'rgb(255, 208, 188)';
const colorPaletteOrange200 = 'rgb(255, 178, 145)';
const colorPaletteOrange300 = 'rgb(255, 147, 101)';
const colorPaletteOrange400 = 'rgb(255, 123, 67)';
const colorPaletteOrange500 = 'rgb(255, 100, 34)';
const colorPaletteOrange600 = 'rgb(244, 94, 30)';
const colorPaletteOrange700 = 'rgb(230, 87, 25)';
const colorPaletteOrange800 = 'rgb(216, 80, 21)';
const colorPaletteOrange900 = 'rgb(191, 66, 12)';
const colorPalettePink50 = 'rgb(251, 229, 238)';
const colorPalettePink100 = 'rgb(246, 190, 214)';
const colorPalettePink200 = 'rgb(241, 148, 186)';
const colorPalettePink300 = 'rgb(237, 106, 159)';
const colorPalettePink400 = 'rgb(234, 76, 137)';
const colorPalettePink500 = 'rgb(232, 50, 116)';
const colorPalettePink600 = 'rgb(215, 47, 112)';
const colorPalettePink700 = 'rgb(192, 44, 105)';
const colorPalettePink800 = 'rgb(170, 41, 100)';
const colorPalettePink900 = 'rgb(133, 34, 89)';
const colorPalettePurple50 = 'rgb(242, 231, 252)';
const colorPalettePurple100 = 'rgb(221, 208, 243)';
const colorPalettePurple200 = 'rgb(199, 155, 242)';
const colorPalettePurple300 = 'rgb(177, 111, 237)';
const colorPalettePurple400 = 'rgb(158, 74, 232)';
const colorPalettePurple500 = 'rgb(140, 24, 226)';
const colorPalettePurple600 = 'rgb(129, 16, 220)';
const colorPalettePurple700 = 'rgb(115, 0, 211)';
const colorPalettePurple800 = 'rgb(101, 0, 206)';
const colorPalettePurple900 = 'rgb(78, 0, 198)';
const colorPaletteRed50 = 'rgb(245, 233, 232)';
const colorPaletteRed100 = 'rgb(244, 207, 205)';
const colorPaletteRed200 = 'rgb(236, 169, 165)';
const colorPaletteRed300 = 'rgb(227, 131, 125)';
const colorPaletteRed400 = 'rgb(218, 93, 85)';
const colorPaletteRed500 = 'rgb(212, 64, 55)';
const colorPaletteRed600 = 'rgb(180, 54, 47)';
const colorPaletteRed700 = 'rgb(148, 45, 39)';
const colorPaletteRed800 = 'rgb(117, 35, 30)';
const colorPaletteRed900 = 'rgb(85, 26, 22)';
const colorPaletteYellow50 = 'rgb(254, 250, 231)';
const colorPaletteYellow100 = 'rgb(251, 241, 196)';
const colorPaletteYellow200 = 'rgb(248, 233, 159)';
const colorPaletteYellow300 = 'rgb(244, 224, 123)';
const colorPaletteYellow400 = 'rgb(240, 217, 97)';
const colorPaletteYellow500 = 'rgb(236, 211, 72)';
const colorPaletteYellow600 = 'rgb(220, 194, 67)';
const colorPaletteYellow700 = 'rgb(200, 172, 61)';
const colorPaletteYellow800 = 'rgb(179, 150, 56)';
const colorPaletteYellow900 = 'rgb(144, 114, 47)';
const colorPrimaryDefault = 'rgb(49, 66, 200)';
const colorPrimaryActive = 'rgb(22, 21, 141)';
const colorPrimaryHover = 'rgb(46, 57, 173)';
const colorTextContrast = 'rgb(255, 255, 255)';
const colorTextDanger = 'rgb(180, 54, 47)';
const colorTextDisabled = 'rgb(169, 173, 177)';
const colorTextPrimary = 'rgb(9, 21, 33)';
const colorTextSecondary = 'rgb(73, 81, 90)';
const colorTextSuccess = 'rgb(11, 107, 61)';
const colorTextTertiary = 'rgb(137, 142, 148)';
const colorTextWarning = 'rgb(244, 94, 30)';
const colorDataVizDangerFill = 'rgb(227, 131, 125)';
const colorDataVizDangerHover = 'rgb(180, 54, 47)';
const colorDataVizDangerLine = 'rgb(212, 64, 55)';
const colorDataVizNeutralFill = 'rgb(209, 211, 214)';
const colorDataVizNeutralHover = 'rgb(137, 142, 148)';
const colorDataVizPrimaryFill = 'rgb(119, 133, 219)';
const colorDataVizPrimaryFillAlt = 'rgb(199, 204, 240)';
const colorDataVizPrimaryHover = 'rgb(52, 66, 188)';
const colorDataVizPrimaryLine = 'rgb(49, 66, 200)';
const colorDataVizSecondaryFill = 'rgb(98, 169, 244)';
const colorDataVizSecondaryFillAlt = 'rgb(201, 225, 251)';
const colorDataVizSecondaryHover = 'rgb(0, 92, 190)';
const colorDataVizSecondaryLine = 'rgb(0, 114, 236)';
const colorDataVizTertiaryFill = 'rgb(177, 111, 237)';
const colorDataVizTertiaryFillAlt = 'rgb(221, 208, 243)';
const colorDataVizTertiaryHover = 'rgb(129, 16, 220)';
const colorDataVizTertiaryLine = 'rgb(140, 24, 226)';
const colorDataVizWarningFill = 'rgb(255, 147, 101)';
const colorDataVizWarningHover = 'rgb(244, 94, 30)';
const colorDataVizWarningLine = 'rgb(255, 100, 34)';
const shadowLarge = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)';
const shadowMedium = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)';
const shadowSmall = '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)';
const zIndexDropdown = '7000';
const zIndexModal = '9000';
const zIndexOverlay = '8000';
const zIndexPopover = '5000';
const zIndexSticky = '100';
const zIndexTooltip = '10000';
const sizeLarge = '80rem';
const sizeMedium = '64rem';
const sizeSmall = '37.5rem';
const sizeXLarge = '0.0625rem';
const spaceMedium = '1rem';
const spaceSmall = '0.5rem';
const spaceLarge = '1.5rem';
const spaceXLarge = '2rem';
const spaceXSmall = '0.25rem';
const fontFamilyMono = '"Fira Mono", Courier, monospace';
const fontFamilyText = '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
const fontSizeLarge = '1.25rem';
const fontSizeMedium = '1rem';
const fontSizeSmall = '0.875rem';
const fontSizeXLarge = '1.5rem';
const fontSizeXSmall = '0.75rem';
const fontSizeXxLarge = '2rem';
const fontWeightBold = '700';
const fontWeightRegular = '400';
const fontWeightSemibold = '600';
const letterSpacingLarge = '0em';
const letterSpacingMedium = '-0.01em';
const letterSpacingSmall = '-0.02em';
const letterSpacingXSmall = '-0.03em';
const lineHeightLarge = '1.875rem';
const lineHeightMedium = '1.5rem';
const lineHeightSmall = '1.25rem';
const lineHeightXLarge = '2rem';
const lineHeightXSmall = '1.125rem';
const lineHeightXxLarge = '2.625rem';
exports.borderWidthLarge = borderWidthLarge;
exports.borderWidthMedium = borderWidthMedium;
exports.borderWidthSmall = borderWidthSmall;
exports.colorBackgroundDanger = colorBackgroundDanger;
exports.colorBackgroundPrimary = colorBackgroundPrimary;
exports.colorBackgroundSecondary = colorBackgroundSecondary;
exports.colorBackgroundSideNav = colorBackgroundSideNav;
exports.colorBackgroundSuccess = colorBackgroundSuccess;
exports.colorBackgroundSurface = colorBackgroundSurface;
exports.colorBackgroundTertiary = colorBackgroundTertiary;
exports.colorBackgroundTopNav = colorBackgroundTopNav;
exports.colorBackgroundWarning = colorBackgroundWarning;
exports.colorBorderDanger = colorBorderDanger;
exports.colorBorderDisabled = colorBorderDisabled;
exports.colorBorderPrimary = colorBorderPrimary;
exports.colorBorderSuccess = colorBorderSuccess;
exports.colorBorderWarning = colorBorderWarning;
exports.colorBrandActive = colorBrandActive;
exports.colorBrandDefault = colorBrandDefault;
exports.colorBrandGradient = colorBrandGradient;
exports.colorBrandHover = colorBrandHover;
exports.colorDataVizDangerFill = colorDataVizDangerFill;
exports.colorDataVizDangerHover = colorDataVizDangerHover;
exports.colorDataVizDangerLine = colorDataVizDangerLine;
exports.colorDataVizNeutralFill = colorDataVizNeutralFill;
exports.colorDataVizNeutralHover = colorDataVizNeutralHover;
exports.colorDataVizPrimaryFill = colorDataVizPrimaryFill;
exports.colorDataVizPrimaryFillAlt = colorDataVizPrimaryFillAlt;
exports.colorDataVizPrimaryHover = colorDataVizPrimaryHover;
exports.colorDataVizPrimaryLine = colorDataVizPrimaryLine;
exports.colorDataVizSecondaryFill = colorDataVizSecondaryFill;
exports.colorDataVizSecondaryFillAlt = colorDataVizSecondaryFillAlt;
exports.colorDataVizSecondaryHover = colorDataVizSecondaryHover;
exports.colorDataVizSecondaryLine = colorDataVizSecondaryLine;
exports.colorDataVizTertiaryFill = colorDataVizTertiaryFill;
exports.colorDataVizTertiaryFillAlt = colorDataVizTertiaryFillAlt;
exports.colorDataVizTertiaryHover = colorDataVizTertiaryHover;
exports.colorDataVizTertiaryLine = colorDataVizTertiaryLine;
exports.colorDataVizWarningFill = colorDataVizWarningFill;
exports.colorDataVizWarningHover = colorDataVizWarningHover;
exports.colorDataVizWarningLine = colorDataVizWarningLine;
exports.colorPaletteBlack = colorPaletteBlack;
exports.colorPaletteBlue100 = colorPaletteBlue100;
exports.colorPaletteBlue200 = colorPaletteBlue200;
exports.colorPaletteBlue300 = colorPaletteBlue300;
exports.colorPaletteBlue400 = colorPaletteBlue400;
exports.colorPaletteBlue50 = colorPaletteBlue50;
exports.colorPaletteBlue500 = colorPaletteBlue500;
exports.colorPaletteBlue600 = colorPaletteBlue600;
exports.colorPaletteBlue700 = colorPaletteBlue700;
exports.colorPaletteBlue800 = colorPaletteBlue800;
exports.colorPaletteBlue900 = colorPaletteBlue900;
exports.colorPaletteBrown100 = colorPaletteBrown100;
exports.colorPaletteBrown200 = colorPaletteBrown200;
exports.colorPaletteBrown300 = colorPaletteBrown300;
exports.colorPaletteBrown400 = colorPaletteBrown400;
exports.colorPaletteBrown50 = colorPaletteBrown50;
exports.colorPaletteBrown500 = colorPaletteBrown500;
exports.colorPaletteBrown600 = colorPaletteBrown600;
exports.colorPaletteBrown700 = colorPaletteBrown700;
exports.colorPaletteBrown800 = colorPaletteBrown800;
exports.colorPaletteBrown900 = colorPaletteBrown900;
exports.colorPaletteGreen100 = colorPaletteGreen100;
exports.colorPaletteGreen200 = colorPaletteGreen200;
exports.colorPaletteGreen300 = colorPaletteGreen300;
exports.colorPaletteGreen400 = colorPaletteGreen400;
exports.colorPaletteGreen50 = colorPaletteGreen50;
exports.colorPaletteGreen500 = colorPaletteGreen500;
exports.colorPaletteGreen600 = colorPaletteGreen600;
exports.colorPaletteGreen700 = colorPaletteGreen700;
exports.colorPaletteGreen800 = colorPaletteGreen800;
exports.colorPaletteGreen900 = colorPaletteGreen900;
exports.colorPaletteGrey100 = colorPaletteGrey100;
exports.colorPaletteGrey200 = colorPaletteGrey200;
exports.colorPaletteGrey300 = colorPaletteGrey300;
exports.colorPaletteGrey400 = colorPaletteGrey400;
exports.colorPaletteGrey50 = colorPaletteGrey50;
exports.colorPaletteGrey500 = colorPaletteGrey500;
exports.colorPaletteGrey600 = colorPaletteGrey600;
exports.colorPaletteGrey700 = colorPaletteGrey700;
exports.colorPaletteGrey800 = colorPaletteGrey800;
exports.colorPaletteGrey900 = colorPaletteGrey900;
exports.colorPaletteIndigo100 = colorPaletteIndigo100;
exports.colorPaletteIndigo200 = colorPaletteIndigo200;
exports.colorPaletteIndigo300 = colorPaletteIndigo300;
exports.colorPaletteIndigo400 = colorPaletteIndigo400;
exports.colorPaletteIndigo50 = colorPaletteIndigo50;
exports.colorPaletteIndigo500 = colorPaletteIndigo500;
exports.colorPaletteIndigo600 = colorPaletteIndigo600;
exports.colorPaletteIndigo700 = colorPaletteIndigo700;
exports.colorPaletteIndigo800 = colorPaletteIndigo800;
exports.colorPaletteIndigo900 = colorPaletteIndigo900;
exports.colorPaletteOrange100 = colorPaletteOrange100;
exports.colorPaletteOrange200 = colorPaletteOrange200;
exports.colorPaletteOrange300 = colorPaletteOrange300;
exports.colorPaletteOrange400 = colorPaletteOrange400;
exports.colorPaletteOrange50 = colorPaletteOrange50;
exports.colorPaletteOrange500 = colorPaletteOrange500;
exports.colorPaletteOrange600 = colorPaletteOrange600;
exports.colorPaletteOrange700 = colorPaletteOrange700;
exports.colorPaletteOrange800 = colorPaletteOrange800;
exports.colorPaletteOrange900 = colorPaletteOrange900;
exports.colorPalettePink100 = colorPalettePink100;
exports.colorPalettePink200 = colorPalettePink200;
exports.colorPalettePink300 = colorPalettePink300;
exports.colorPalettePink400 = colorPalettePink400;
exports.colorPalettePink50 = colorPalettePink50;
exports.colorPalettePink500 = colorPalettePink500;
exports.colorPalettePink600 = colorPalettePink600;
exports.colorPalettePink700 = colorPalettePink700;
exports.colorPalettePink800 = colorPalettePink800;
exports.colorPalettePink900 = colorPalettePink900;
exports.colorPalettePurple100 = colorPalettePurple100;
exports.colorPalettePurple200 = colorPalettePurple200;
exports.colorPalettePurple300 = colorPalettePurple300;
exports.colorPalettePurple400 = colorPalettePurple400;
exports.colorPalettePurple50 = colorPalettePurple50;
exports.colorPalettePurple500 = colorPalettePurple500;
exports.colorPalettePurple600 = colorPalettePurple600;
exports.colorPalettePurple700 = colorPalettePurple700;
exports.colorPalettePurple800 = colorPalettePurple800;
exports.colorPalettePurple900 = colorPalettePurple900;
exports.colorPaletteRed100 = colorPaletteRed100;
exports.colorPaletteRed200 = colorPaletteRed200;
exports.colorPaletteRed300 = colorPaletteRed300;
exports.colorPaletteRed400 = colorPaletteRed400;
exports.colorPaletteRed50 = colorPaletteRed50;
exports.colorPaletteRed500 = colorPaletteRed500;
exports.colorPaletteRed600 = colorPaletteRed600;
exports.colorPaletteRed700 = colorPaletteRed700;
exports.colorPaletteRed800 = colorPaletteRed800;
exports.colorPaletteRed900 = colorPaletteRed900;
exports.colorPaletteWhite = colorPaletteWhite;
exports.colorPaletteYellow100 = colorPaletteYellow100;
exports.colorPaletteYellow200 = colorPaletteYellow200;
exports.colorPaletteYellow300 = colorPaletteYellow300;
exports.colorPaletteYellow400 = colorPaletteYellow400;
exports.colorPaletteYellow50 = colorPaletteYellow50;
exports.colorPaletteYellow500 = colorPaletteYellow500;
exports.colorPaletteYellow600 = colorPaletteYellow600;
exports.colorPaletteYellow700 = colorPaletteYellow700;
exports.colorPaletteYellow800 = colorPaletteYellow800;
exports.colorPaletteYellow900 = colorPaletteYellow900;
exports.colorPrimaryActive = colorPrimaryActive;
exports.colorPrimaryDefault = colorPrimaryDefault;
exports.colorPrimaryHover = colorPrimaryHover;
exports.colorTextContrast = colorTextContrast;
exports.colorTextDanger = colorTextDanger;
exports.colorTextDisabled = colorTextDisabled;
exports.colorTextPrimary = colorTextPrimary;
exports.colorTextSecondary = colorTextSecondary;
exports.colorTextSuccess = colorTextSuccess;
exports.colorTextTertiary = colorTextTertiary;
exports.colorTextWarning = colorTextWarning;
exports.fontFamilyMono = fontFamilyMono;
exports.fontFamilyText = fontFamilyText;
exports.fontSizeLarge = fontSizeLarge;
exports.fontSizeMedium = fontSizeMedium;
exports.fontSizeSmall = fontSizeSmall;
exports.fontSizeXLarge = fontSizeXLarge;
exports.fontSizeXSmall = fontSizeXSmall;
exports.fontSizeXxLarge = fontSizeXxLarge;
exports.fontWeightBold = fontWeightBold;
exports.fontWeightRegular = fontWeightRegular;
exports.fontWeightSemibold = fontWeightSemibold;
exports.letterSpacingLarge = letterSpacingLarge;
exports.letterSpacingMedium = letterSpacingMedium;
exports.letterSpacingSmall = letterSpacingSmall;
exports.letterSpacingXSmall = letterSpacingXSmall;
exports.lineHeightLarge = lineHeightLarge;
exports.lineHeightMedium = lineHeightMedium;
exports.lineHeightSmall = lineHeightSmall;
exports.lineHeightXLarge = lineHeightXLarge;
exports.lineHeightXSmall = lineHeightXSmall;
exports.lineHeightXxLarge = lineHeightXxLarge;
exports.radiusFull = radiusFull;
exports.radiusSmall = radiusSmall;
exports.shadowLarge = shadowLarge;
exports.shadowMedium = shadowMedium;
exports.shadowSmall = shadowSmall;
exports.sizeLarge = sizeLarge;
exports.sizeMedium = sizeMedium;
exports.sizeSmall = sizeSmall;
exports.sizeXLarge = sizeXLarge;
exports.spaceLarge = spaceLarge;
exports.spaceMedium = spaceMedium;
exports.spaceSmall = spaceSmall;
exports.spaceXLarge = spaceXLarge;
exports.spaceXSmall = spaceXSmall;
exports.zIndexDropdown = zIndexDropdown;
exports.zIndexModal = zIndexModal;
exports.zIndexOverlay = zIndexOverlay;
exports.zIndexPopover = zIndexPopover;
exports.zIndexSticky = zIndexSticky;
exports.zIndexTooltip = zIndexTooltip;
//# sourceMappingURL=index.js.map

2

package.json
{
"name": "@project44-manifest/design-tokens",
"version": "1.0.0",
"version": "1.0.1",
"main": "./lib/index.js",

@@ -5,0 +5,0 @@ "module": "./esm/index.js",

204

src/index.ts

@@ -1,2 +0,202 @@

export * from './tokens';
export * from './theme';
export const radiusFull = '3.125rem';
export const radiusSmall = '0.125rem';
export const borderWidthLarge = '0.1875rem';
export const borderWidthMedium = '0.125rem';
export const borderWidthSmall = '0.0625rem';
export const colorBackgroundDanger = 'rgb(245, 233, 232)';
export const colorBackgroundPrimary = 'rgb(255, 255, 255)';
export const colorBackgroundSecondary = 'rgb(244, 244, 245)';
export const colorBackgroundSideNav = 'rgb(2, 28, 107)';
export const colorBackgroundSuccess = 'rgb(221, 239, 230)';
export const colorBackgroundSurface = 'rgb(255, 255, 255)';
export const colorBackgroundTertiary = 'rgb(228, 230, 231)';
export const colorBackgroundTopNav = 'rgb(31, 57, 135)';
export const colorBackgroundWarning = 'rgb(251, 237, 231)';
export const colorBorderDanger = 'rgb(180, 54, 47)';
export const colorBorderDisabled = 'rgb(244, 244, 245)';
export const colorBorderPrimary = 'rgb(228, 230, 231)';
export const colorBorderSuccess = 'rgb(11, 107, 61)';
export const colorBorderWarning = 'rgb(244, 94, 30)';
export const colorBrandDefault = 'rgb(0, 114, 236)';
export const colorBrandActive =
'linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)';
export const colorBrandHover =
'linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)';
export const colorBrandGradient =
'linear-gradient(90deg, rgb(0, 114, 236) 0%, rgb(78, 0, 198) 163.65%, rgb(140, 24, 226) 191.59%)';
export const colorPaletteBlack = 'rgb(9, 21, 33)';
export const colorPaletteWhite = 'rgb(255, 255, 255)';
export const colorPaletteBlue50 = 'rgb(236, 244, 254)';
export const colorPaletteBlue100 = 'rgb(201, 225, 251)';
export const colorPaletteBlue200 = 'rgb(149, 197, 248)';
export const colorPaletteBlue300 = 'rgb(98, 169, 244)';
export const colorPaletteBlue400 = 'rgb(48, 141, 241)';
export const colorPaletteBlue500 = 'rgb(0, 114, 236)';
export const colorPaletteBlue600 = 'rgb(0, 92, 190)';
export const colorPaletteBlue700 = 'rgb(0, 69, 142)';
export const colorPaletteBlue800 = 'rgb(0, 55, 114)';
export const colorPaletteBlue900 = 'rgb(0, 41, 86)';
export const colorPaletteBrown50 = 'rgb(250, 240, 231)';
export const colorPaletteBrown100 = 'rgb(234, 217, 206)';
export const colorPaletteBrown200 = 'rgb(216, 193, 178)';
export const colorPaletteBrown300 = 'rgb(196, 167, 148)';
export const colorPaletteBrown400 = 'rgb(179, 145, 123)';
export const colorPaletteBrown500 = 'rgb(162, 124, 98)';
export const colorPaletteBrown600 = 'rgb(149, 113, 90)';
export const colorPaletteBrown700 = 'rgb(132, 99, 79)';
export const colorPaletteBrown800 = 'rgb(117, 86, 70)';
export const colorPaletteBrown900 = 'rgb(100, 71, 58)';
export const colorPaletteGreen50 = 'rgb(221, 239, 230)';
export const colorPaletteGreen100 = 'rgb(195, 225, 210)';
export const colorPaletteGreen200 = 'rgb(147, 201, 174)';
export const colorPaletteGreen300 = 'rgb(98, 176, 139)';
export const colorPaletteGreen400 = 'rgb(50, 152, 103)';
export const colorPaletteGreen500 = 'rgb(14, 134, 76)';
export const colorPaletteGreen600 = 'rgb(11, 107, 61)';
export const colorPaletteGreen700 = 'rgb(9, 87, 49)';
export const colorPaletteGreen800 = 'rgb(7, 67, 38)';
export const colorPaletteGreen900 = 'rgb(6, 54, 30)';
export const colorPaletteGrey50 = 'rgb(250, 250, 251)';
export const colorPaletteGrey100 = 'rgb(244, 244, 245)';
export const colorPaletteGrey200 = 'rgb(228, 230, 231)';
export const colorPaletteGrey300 = 'rgb(209, 211, 214)';
export const colorPaletteGrey400 = 'rgb(169, 173, 177)';
export const colorPaletteGrey500 = 'rgb(137, 142, 148)';
export const colorPaletteGrey600 = 'rgb(105, 112, 120)';
export const colorPaletteGrey700 = 'rgb(73, 81, 90)';
export const colorPaletteGrey800 = 'rgb(42, 52, 63)';
export const colorPaletteGrey900 = 'rgb(9, 21, 33)';
export const colorPaletteIndigo50 = 'rgb(233, 234, 250)';
export const colorPaletteIndigo100 = 'rgb(199, 204, 240)';
export const colorPaletteIndigo200 = 'rgb(165, 174, 232)';
export const colorPaletteIndigo300 = 'rgb(119, 133, 219)';
export const colorPaletteIndigo400 = 'rgb(92, 108, 214)';
export const colorPaletteIndigo500 = 'rgb(49, 66, 200)';
export const colorPaletteIndigo600 = 'rgb(52, 66, 188)';
export const colorPaletteIndigo700 = 'rgb(46, 57, 173)';
export const colorPaletteIndigo800 = 'rgb(35, 43, 156)';
export const colorPaletteIndigo900 = 'rgb(22, 21, 141)';
export const colorPaletteOrange50 = 'rgb(251, 237, 231)';
export const colorPaletteOrange100 = 'rgb(255, 208, 188)';
export const colorPaletteOrange200 = 'rgb(255, 178, 145)';
export const colorPaletteOrange300 = 'rgb(255, 147, 101)';
export const colorPaletteOrange400 = 'rgb(255, 123, 67)';
export const colorPaletteOrange500 = 'rgb(255, 100, 34)';
export const colorPaletteOrange600 = 'rgb(244, 94, 30)';
export const colorPaletteOrange700 = 'rgb(230, 87, 25)';
export const colorPaletteOrange800 = 'rgb(216, 80, 21)';
export const colorPaletteOrange900 = 'rgb(191, 66, 12)';
export const colorPalettePink50 = 'rgb(251, 229, 238)';
export const colorPalettePink100 = 'rgb(246, 190, 214)';
export const colorPalettePink200 = 'rgb(241, 148, 186)';
export const colorPalettePink300 = 'rgb(237, 106, 159)';
export const colorPalettePink400 = 'rgb(234, 76, 137)';
export const colorPalettePink500 = 'rgb(232, 50, 116)';
export const colorPalettePink600 = 'rgb(215, 47, 112)';
export const colorPalettePink700 = 'rgb(192, 44, 105)';
export const colorPalettePink800 = 'rgb(170, 41, 100)';
export const colorPalettePink900 = 'rgb(133, 34, 89)';
export const colorPalettePurple50 = 'rgb(242, 231, 252)';
export const colorPalettePurple100 = 'rgb(221, 208, 243)';
export const colorPalettePurple200 = 'rgb(199, 155, 242)';
export const colorPalettePurple300 = 'rgb(177, 111, 237)';
export const colorPalettePurple400 = 'rgb(158, 74, 232)';
export const colorPalettePurple500 = 'rgb(140, 24, 226)';
export const colorPalettePurple600 = 'rgb(129, 16, 220)';
export const colorPalettePurple700 = 'rgb(115, 0, 211)';
export const colorPalettePurple800 = 'rgb(101, 0, 206)';
export const colorPalettePurple900 = 'rgb(78, 0, 198)';
export const colorPaletteRed50 = 'rgb(245, 233, 232)';
export const colorPaletteRed100 = 'rgb(244, 207, 205)';
export const colorPaletteRed200 = 'rgb(236, 169, 165)';
export const colorPaletteRed300 = 'rgb(227, 131, 125)';
export const colorPaletteRed400 = 'rgb(218, 93, 85)';
export const colorPaletteRed500 = 'rgb(212, 64, 55)';
export const colorPaletteRed600 = 'rgb(180, 54, 47)';
export const colorPaletteRed700 = 'rgb(148, 45, 39)';
export const colorPaletteRed800 = 'rgb(117, 35, 30)';
export const colorPaletteRed900 = 'rgb(85, 26, 22)';
export const colorPaletteYellow50 = 'rgb(254, 250, 231)';
export const colorPaletteYellow100 = 'rgb(251, 241, 196)';
export const colorPaletteYellow200 = 'rgb(248, 233, 159)';
export const colorPaletteYellow300 = 'rgb(244, 224, 123)';
export const colorPaletteYellow400 = 'rgb(240, 217, 97)';
export const colorPaletteYellow500 = 'rgb(236, 211, 72)';
export const colorPaletteYellow600 = 'rgb(220, 194, 67)';
export const colorPaletteYellow700 = 'rgb(200, 172, 61)';
export const colorPaletteYellow800 = 'rgb(179, 150, 56)';
export const colorPaletteYellow900 = 'rgb(144, 114, 47)';
export const colorPrimaryDefault = 'rgb(49, 66, 200)';
export const colorPrimaryActive = 'rgb(22, 21, 141)';
export const colorPrimaryHover = 'rgb(46, 57, 173)';
export const colorTextContrast = 'rgb(255, 255, 255)';
export const colorTextDanger = 'rgb(180, 54, 47)';
export const colorTextDisabled = 'rgb(169, 173, 177)';
export const colorTextPrimary = 'rgb(9, 21, 33)';
export const colorTextSecondary = 'rgb(73, 81, 90)';
export const colorTextSuccess = 'rgb(11, 107, 61)';
export const colorTextTertiary = 'rgb(137, 142, 148)';
export const colorTextWarning = 'rgb(244, 94, 30)';
export const colorDataVizDangerFill = 'rgb(227, 131, 125)';
export const colorDataVizDangerHover = 'rgb(180, 54, 47)';
export const colorDataVizDangerLine = 'rgb(212, 64, 55)';
export const colorDataVizNeutralFill = 'rgb(209, 211, 214)';
export const colorDataVizNeutralHover = 'rgb(137, 142, 148)';
export const colorDataVizPrimaryFill = 'rgb(119, 133, 219)';
export const colorDataVizPrimaryFillAlt = 'rgb(199, 204, 240)';
export const colorDataVizPrimaryHover = 'rgb(52, 66, 188)';
export const colorDataVizPrimaryLine = 'rgb(49, 66, 200)';
export const colorDataVizSecondaryFill = 'rgb(98, 169, 244)';
export const colorDataVizSecondaryFillAlt = 'rgb(201, 225, 251)';
export const colorDataVizSecondaryHover = 'rgb(0, 92, 190)';
export const colorDataVizSecondaryLine = 'rgb(0, 114, 236)';
export const colorDataVizTertiaryFill = 'rgb(177, 111, 237)';
export const colorDataVizTertiaryFillAlt = 'rgb(221, 208, 243)';
export const colorDataVizTertiaryHover = 'rgb(129, 16, 220)';
export const colorDataVizTertiaryLine = 'rgb(140, 24, 226)';
export const colorDataVizWarningFill = 'rgb(255, 147, 101)';
export const colorDataVizWarningHover = 'rgb(244, 94, 30)';
export const colorDataVizWarningLine = 'rgb(255, 100, 34)';
export const shadowLarge =
'0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)';
export const shadowMedium =
'0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)';
export const shadowSmall =
'0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)';
export const zIndexDropdown = '7000';
export const zIndexModal = '9000';
export const zIndexOverlay = '8000';
export const zIndexPopover = '5000';
export const zIndexSticky = '100';
export const zIndexTooltip = '10000';
export const sizeLarge = '80rem';
export const sizeMedium = '64rem';
export const sizeSmall = '37.5rem';
export const sizeXLarge = '0.0625rem';
export const spaceMedium = '1rem';
export const spaceSmall = '0.5rem';
export const spaceLarge = '1.5rem';
export const spaceXLarge = '2rem';
export const spaceXSmall = '0.25rem';
export const fontFamilyMono = '"Fira Mono", Courier, monospace';
export const fontFamilyText =
'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
export const fontSizeLarge = '1.25rem';
export const fontSizeMedium = '1rem';
export const fontSizeSmall = '0.875rem';
export const fontSizeXLarge = '1.5rem';
export const fontSizeXSmall = '0.75rem';
export const fontSizeXxLarge = '2rem';
export const fontWeightBold = '700';
export const fontWeightRegular = '400';
export const fontWeightSemibold = '600';
export const letterSpacingLarge = '0em';
export const letterSpacingMedium = '-0.01em';
export const letterSpacingSmall = '-0.02em';
export const letterSpacingXSmall = '-0.03em';
export const lineHeightLarge = '1.875rem';
export const lineHeightMedium = '1.5rem';
export const lineHeightSmall = '1.25rem';
export const lineHeightXLarge = '2rem';
export const lineHeightXSmall = '1.125rem';
export const lineHeightXxLarge = '2.625rem';
dts/theme.d.ts
dts/tokens.d.ts
src/theme.ts
src/tokens.ts
README.md→README.md
esm/index.js.map

Sorry, the diff of this file is not supported yet

lib/index.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc