UNPKG

@awsui/components-react

Version:

AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A

371 lines (370 loc) • 37 kB
export declare const colorGrey100 = "var(--color-grey-100-2AKqb7, #fafafa)"; export declare const colorGrey150 = "var(--color-grey-150-3kuzTS, #f2f3f3)"; export declare const colorGrey200 = "var(--color-grey-200-XNKkLQ, #eaeded)"; export declare const colorGrey300 = "var(--color-grey-300-q6XEFF, #d5dbdb)"; export declare const colorGrey400 = "var(--color-grey-400-30uhvb, #aab7b8)"; export declare const colorGrey450 = "var(--color-grey-450-3RXUpq, #95a5a6)"; export declare const colorGrey500 = "var(--color-grey-500-RUsejK, #879596)"; export declare const colorGrey550 = "var(--color-grey-550-1_pyCK, #687078)"; export declare const colorGrey600 = "var(--color-grey-600-1cltHv, #545b64)"; export declare const colorGrey650 = "var(--color-grey-650-3EXt7H, #414750)"; export declare const colorGrey700 = "var(--color-grey-700-2ayya1, #2a2e33)"; export declare const colorGrey750 = "var(--color-grey-750-vMCyzl, #21252c)"; export declare const colorGrey800 = "var(--color-grey-800-1UF29O, #1a2029)"; export declare const colorGrey900 = "var(--color-grey-900-w0NbTF, #16191f)"; export declare const colorGrey950 = "var(--color-grey-950-1aaxHz, #222222)"; export declare const colorGreyTransparentHeavy = "var(--color-grey-transparent-heavy-3Le0m-, rgba(0, 28, 36, 0.5))"; export declare const colorGreyTransparent = "var(--color-grey-transparent-1Qa-ea, rgba(0, 28, 36, 0.3))"; export declare const colorGreyTransparentLight = "var(--color-grey-transparent-light-5LOYx8, rgba(0, 28, 36, 0.15))"; export declare const colorGreyOpaque25 = "var(--color-grey-opaque-25-3gH_CO, rgba(255, 255, 255, 0.25))"; export declare const colorGreyOpaque40 = "var(--color-grey-opaque-40-TOWdmw, rgba(0, 0, 0, 0.4))"; export declare const colorGreyOpaque50 = "var(--color-grey-opaque-50-Y1DpJP, rgba(0, 0, 0, 0.5))"; export declare const colorGreyOpaque70 = "var(--color-grey-opaque-70-1KHXJU, rgba(255, 255, 255, 0.7))"; export declare const colorGreyOpaque80 = "var(--color-grey-opaque-80-1Db7V9, rgba(22, 25, 31, 0.8))"; export declare const colorGreyOpaque90 = "var(--color-grey-opaque-90-2vUzuC, rgba(242, 243, 243, 0.9))"; export declare const colorOrange100 = "var(--color-orange-100-2th-I8, #fef6f0)"; export declare const colorOrange500 = "var(--color-orange-500-2Or5uE, #ec7211)"; export declare const colorOrange600 = "var(--color-orange-600-FMAoZX, #eb5f07)"; export declare const colorOrange700 = "var(--color-orange-700-2D5pfk, #dd6b10)"; export declare const colorBlue100 = "var(--color-blue-100-1UlEIX, #f1faff)"; export declare const colorBlue300 = "var(--color-blue-300-3K_wpm, #99cbe4)"; export declare const colorBlue400 = "var(--color-blue-400-2_UE0j, #44b9d6)"; export declare const colorBlue500 = "var(--color-blue-500-2Y609w, #00a1c9)"; export declare const colorBlue600 = "var(--color-blue-600-3mTfxB, #0073bb)"; export declare const colorBlue700 = "var(--color-blue-700-1Gxewg, #0a4a74)"; export declare const colorBlue900 = "var(--color-blue-900-1NqxOj, #12293b)"; export declare const colorBlueOpaque = "var(--color-blue-opaque-O9fuAK, rgba(51, 136, 221, 0.5))"; export declare const colorGreen100 = "var(--color-green-100-1FQHEX, #f2f8f0)"; export declare const colorGreen500 = "var(--color-green-500-jl-Bwc, #6aaf35)"; export declare const colorGreen600 = "var(--color-green-600-3iv9Fc, #1d8102)"; export declare const colorGreen700 = "var(--color-green-700-28ULdF, #1a520f)"; export declare const colorGreen900 = "var(--color-green-900-jZfd0l, #172211)"; export declare const colorRed100 = "var(--color-red-100-1fXiDO, #fdf3f1)"; export declare const colorRed500 = "var(--color-red-500-c21Nsx, #ff5d64)"; export declare const colorRed600 = "var(--color-red-600-2N9Epo, #d13212)"; export declare const colorRed700 = "var(--color-red-700-BBZR7Y, #7c2718)"; export declare const colorRed900 = "var(--color-red-900-3SXvmY, #270a11)"; export declare const colorBlack = "var(--color-black-2XzW-x, #000000)"; export declare const colorWhite = "var(--color-white-3kAlam, #ffffff)"; export declare const colorAwsSquidInk = "var(--color-aws-squid-ink-3ksxto, #232f3e)"; export declare const colorAmazonOrange = "var(--color-amazon-orange-1i3bQi, #ff9900)"; export declare const colorTransparent = "var(--color-transparent-25e1K_, transparent)"; export declare const colorChartsRed300 = "var(--color-charts-red-300-iHH87A, #ea7158)"; export declare const colorChartsRed400 = "var(--color-charts-red-400-2JfTL4, #dc5032)"; export declare const colorChartsRed500 = "var(--color-charts-red-500-2KGzVl, #d13313)"; export declare const colorChartsRed600 = "var(--color-charts-red-600-sMhEtb, #ba2e0f)"; export declare const colorChartsRed700 = "var(--color-charts-red-700-1vSLrI, #a82a0c)"; export declare const colorChartsRed800 = "var(--color-charts-red-800-2cvTzr, #972709)"; export declare const colorChartsRed900 = "var(--color-charts-red-900-lyJiKz, #892407)"; export declare const colorChartsRed1000 = "var(--color-charts-red-1000-10wpD-, #7d2105)"; export declare const colorChartsRed1100 = "var(--color-charts-red-1100-2b6xrX, #721e03)"; export declare const colorChartsRed1200 = "var(--color-charts-red-1200-3h9HjA, #671c00)"; export declare const colorChartsOrange300 = "var(--color-charts-orange-300-3Fazlv, #e07941)"; export declare const colorChartsOrange400 = "var(--color-charts-orange-400-3rh-oy, #cc5f21)"; export declare const colorChartsOrange500 = "var(--color-charts-orange-500-29F5cF, #bc4d01)"; export declare const colorChartsOrange600 = "var(--color-charts-orange-600-3j_60e, #a84401)"; export declare const colorChartsOrange700 = "var(--color-charts-orange-700-d-ZF6X, #983c02)"; export declare const colorChartsOrange800 = "var(--color-charts-orange-800-3dMR9p, #8a3603)"; export declare const colorChartsOrange900 = "var(--color-charts-orange-900-3eCLL9, #7e3103)"; export declare const colorChartsOrange1000 = "var(--color-charts-orange-1000-1ft3LA, #732c02)"; export declare const colorChartsOrange1100 = "var(--color-charts-orange-1100-1rFHIx, #692801)"; export declare const colorChartsOrange1200 = "var(--color-charts-orange-1200-haIcdJ, #602400)"; export declare const colorChartsYellow300 = "var(--color-charts-yellow-300-1QSL1Q, #b49116)"; export declare const colorChartsYellow400 = "var(--color-charts-yellow-400-1pmUpr, #9c7b0b)"; export declare const colorChartsYellow500 = "var(--color-charts-yellow-500-Fbq27g, #8a6b05)"; export declare const colorChartsYellow600 = "var(--color-charts-yellow-600-x0XTst, #7b5f04)"; export declare const colorChartsYellow700 = "var(--color-charts-yellow-700-uYNHas, #6f5504)"; export declare const colorChartsYellow800 = "var(--color-charts-yellow-800-2jsiC7, #654d03)"; export declare const colorChartsYellow900 = "var(--color-charts-yellow-900-1leOJ5, #5d4503)"; export declare const colorChartsYellow1000 = "var(--color-charts-yellow-1000-G-JOv_, #553f03)"; export declare const colorChartsYellow1100 = "var(--color-charts-yellow-1100-38YDD5, #4d3901)"; export declare const colorChartsYellow1200 = "var(--color-charts-yellow-1200-ZEWsG4, #483300)"; export declare const colorChartsGreen300 = "var(--color-charts-green-300-Gk-x5D, #67a353)"; export declare const colorChartsGreen400 = "var(--color-charts-green-400-3Gp5UC, #41902c)"; export declare const colorChartsGreen500 = "var(--color-charts-green-500-1UIHe-, #1f8104)"; export declare const colorChartsGreen600 = "var(--color-charts-green-600-11aNBs, #1a7302)"; export declare const colorChartsGreen700 = "var(--color-charts-green-700-ZgWDvM, #176702)"; export declare const colorChartsGreen800 = "var(--color-charts-green-800-2ZMVcX, #145d02)"; export declare const colorChartsGreen900 = "var(--color-charts-green-900-h9AbBY, #125502)"; export declare const colorChartsGreen1000 = "var(--color-charts-green-1000-2Obz4Q, #104d01)"; export declare const colorChartsGreen1100 = "var(--color-charts-green-1100-X5c9eG, #0f4601)"; export declare const colorChartsGreen1200 = "var(--color-charts-green-1200-3NUZfG, #0d4000)"; export declare const colorChartsTeal300 = "var(--color-charts-teal-300-1cN8Cn, #2ea597)"; export declare const colorChartsTeal400 = "var(--color-charts-teal-400-2vraJk, #1c8e81)"; export declare const colorChartsTeal500 = "var(--color-charts-teal-500-9FrMoX, #0d7d70)"; export declare const colorChartsTeal600 = "var(--color-charts-teal-600-2UUnei, #096f64)"; export declare const colorChartsTeal700 = "var(--color-charts-teal-700-NU-4qs, #06645a)"; export declare const colorChartsTeal800 = "var(--color-charts-teal-800-1mmgce, #045b52)"; export declare const colorChartsTeal900 = "var(--color-charts-teal-900-2R6Ae7, #03524a)"; export declare const colorChartsTeal1000 = "var(--color-charts-teal-1000-3UqmIz, #014b44)"; export declare const colorChartsTeal1100 = "var(--color-charts-teal-1100-1DI6zP, #01443e)"; export declare const colorChartsTeal1200 = "var(--color-charts-teal-1200-1e8w30, #003e38)"; export declare const colorChartsBlue1300 = "var(--color-charts-blue-1-300-NVZfma, #529ccb)"; export declare const colorChartsBlue1400 = "var(--color-charts-blue-1-400-3EeZFw, #3184c2)"; export declare const colorChartsBlue1500 = "var(--color-charts-blue-1-500-1l-PV1, #0273bb)"; export declare const colorChartsBlue1600 = "var(--color-charts-blue-1-600-G6Tezt, #0166ab)"; export declare const colorChartsBlue1700 = "var(--color-charts-blue-1-700-2TnoOg, #015b9d)"; export declare const colorChartsBlue1800 = "var(--color-charts-blue-1-800-1eLbUq, #015292)"; export declare const colorChartsBlue1900 = "var(--color-charts-blue-1-900-3_JXMA, #014a87)"; export declare const colorChartsBlue11000 = "var(--color-charts-blue-1-1000-pMtBAm, #01437d)"; export declare const colorChartsBlue11100 = "var(--color-charts-blue-1-1100-1tENEi, #003c75)"; export declare const colorChartsBlue11200 = "var(--color-charts-blue-1-1200-1EYZ5e, #00366d)"; export declare const colorChartsBlue2300 = "var(--color-charts-blue-2-300-17FRhH, #7492e7)"; export declare const colorChartsBlue2400 = "var(--color-charts-blue-2-400-3axVbM, #5978e3)"; export declare const colorChartsBlue2500 = "var(--color-charts-blue-2-500-2QbTAr, #4066df)"; export declare const colorChartsBlue2600 = "var(--color-charts-blue-2-600-w14n0w, #3759ce)"; export declare const colorChartsBlue2700 = "var(--color-charts-blue-2-700-37mL3D, #314fbf)"; export declare const colorChartsBlue2800 = "var(--color-charts-blue-2-800-bUsied, #2c46b1)"; export declare const colorChartsBlue2900 = "var(--color-charts-blue-2-900-33Y3FX, #273ea5)"; export declare const colorChartsBlue21000 = "var(--color-charts-blue-2-1000-rzcdFI, #23379b)"; export declare const colorChartsBlue21100 = "var(--color-charts-blue-2-1100-3q7MzB, #1f3191)"; export declare const colorChartsBlue21200 = "var(--color-charts-blue-2-1200-2SqsCy, #1b2b88)"; export declare const colorChartsPurple300 = "var(--color-charts-purple-300-La1b0W, #a783e1)"; export declare const colorChartsPurple400 = "var(--color-charts-purple-400-2L2Pop, #9469d6)"; export declare const colorChartsPurple500 = "var(--color-charts-purple-500-2NvZZb, #8456ce)"; export declare const colorChartsPurple600 = "var(--color-charts-purple-600-Zh4UZk, #7749bf)"; export declare const colorChartsPurple700 = "var(--color-charts-purple-700-2hpuWi, #6b40b2)"; export declare const colorChartsPurple800 = "var(--color-charts-purple-800-mt0PPD, #6237a7)"; export declare const colorChartsPurple900 = "var(--color-charts-purple-900-1iuo0e, #59309d)"; export declare const colorChartsPurple1000 = "var(--color-charts-purple-1000-1LOfvT, #512994)"; export declare const colorChartsPurple1100 = "var(--color-charts-purple-1100-dcmh3E, #4a238b)"; export declare const colorChartsPurple1200 = "var(--color-charts-purple-1200-3Bndoz, #431d84)"; export declare const colorChartsPink300 = "var(--color-charts-pink-300-2XoT6f, #da7596)"; export declare const colorChartsPink400 = "var(--color-charts-pink-400-1YTbxv, #ce567c)"; export declare const colorChartsPink500 = "var(--color-charts-pink-500-1ueMSc, #c33d69)"; export declare const colorChartsPink600 = "var(--color-charts-pink-600-rMNZvg, #b1325c)"; export declare const colorChartsPink700 = "var(--color-charts-pink-700-2zpGOH, #a32952)"; export declare const colorChartsPink800 = "var(--color-charts-pink-800--or4cb, #962249)"; export declare const colorChartsPink900 = "var(--color-charts-pink-900-mI7qx_, #8b1b42)"; export declare const colorChartsPink1000 = "var(--color-charts-pink-1000-3Xhw0C, #81143b)"; export declare const colorChartsPink1100 = "var(--color-charts-pink-1100-8q1611, #780d35)"; export declare const colorChartsPink1200 = "var(--color-charts-pink-1200-2Q8hyB, #6f062f)"; export declare const spaceNone = "var(--space-none-yzsLHp, 0)"; export declare const spaceXxxs = "var(--space-xxxs-10Z_bY, .2rem)"; export declare const spaceXxs = "var(--space-xxs-Pyh2mI, .4rem)"; export declare const spaceXs = "var(--space-xs-3Eb7Zt, .8rem)"; export declare const spaceS = "var(--space-s-24EEro, 1.2rem)"; export declare const spaceM = "var(--space-m-2nJwAn, 1.6rem)"; export declare const spaceL = "var(--space-l-3JwfI_, 2.0rem)"; export declare const spaceXl = "var(--space-xl-1_REgj, 2.4rem)"; export declare const spaceXxl = "var(--space-xxl-3huAay, 3.2rem)"; export declare const spaceXxxl = "var(--space-xxxl-IhpmRq, 4.0rem)"; export declare const sizeBase = "var(--size-base-oOehH1, 1rem)"; export declare const sizeFontBody50 = "var(--size-font-body-50-24EEro, 1.2rem)"; export declare const sizeFontBody100 = "var(--size-font-body-100-raVHfl, 1.4rem)"; export declare const sizeFontHeading100 = "var(--size-font-heading-100-2nJwAn, 1.6rem)"; export declare const sizeFontHeading200 = "var(--size-font-heading-200-1ZSlHP, 1.8rem)"; export declare const sizeFontHeading500 = "var(--size-font-heading-500-14QHat, 2.8rem)"; export declare const sizeFontDisplay200 = "var(--size-font-display-200-AStMo2, 4.4rem)"; export declare const sizeLineHeightBody50 = "var(--size-lineHeight-body-50-2nJwAn, 1.6rem)"; export declare const sizeLineHeightBody100 = "var(--size-lineHeight-body-100-3TEa20, 2.2rem)"; export declare const sizeLineHeightHeading100 = "var(--size-lineHeight-heading-100-3JwfI_, 2.0rem)"; export declare const sizeLineHeightHeading200 = "var(--size-lineHeight-heading-200-3TEa20, 2.2rem)"; export declare const sizeLineHeightHeading500 = "var(--size-lineHeight-heading-500-3DvmnZ, 3.6rem)"; export declare const sizeLineHeightDisplay200 = "var(--size-lineHeight-display-200-2-t5qR, 5.6rem)"; export declare const colorTextBodyDefault = "var(--color-text-body-default-mcmuEw, #16191f)"; export declare const colorTextBodySecondary = "var(--color-text-body-secondary-1oBHNI, #545b64)"; export declare const colorTextHeadingDefault = "var(--color-text-heading-default-2S6vEC, #16191f)"; export declare const colorTextHeadingSecondary = "var(--color-text-heading-secondary-1oBHNI, #545b64)"; export declare const colorTextHomeHeaderDefault = "var(--color-text-home-header-default-pzFO4O, #ffffff)"; export declare const colorTextHomeHeaderSecondary = "var(--color-text-home-header-secondary-1OFKGI, #d5dbdb)"; export declare const colorTextLabel = "var(--color-text-label-3qT4rX, #545b64)"; export declare const colorTextAccent = "var(--color-text-accent-NYv9af, #ec7211)"; export declare const colorTextEmpty = "var(--color-text-empty-6_f-gS, #687078)"; export declare const colorTextLinkDefault = "var(--color-text-link-default-Bc0LvG, #0073bb)"; export declare const colorTextInteractiveDefault = "var(--color-text-interactive-default-1oBHNI, #545b64)"; export declare const colorTextInteractiveDisabled = "var(--color-text-interactive-disabled-TVd7uP, #aab7b8)"; export declare const colorTextInteractiveActive = "var(--color-text-interactive-active-18qOom, #16191f)"; export declare const colorTextInteractiveHover = "var(--color-text-interactive-hover-18qOom, #16191f)"; export declare const colorTextSmall = "var(--color-text-small-2ZkiuH, #687078)"; export declare const colorTextInverted = "var(--color-text-inverted-DnITSk, #ffffff)"; export declare const colorTextDisabled = "var(--color-text-disabled-TVd7uP, #aab7b8)"; export declare const colorTextFormDefault = "var(--color-text-form-default-mcmuEw, #16191f)"; export declare const colorTextFormSecondary = "var(--color-text-form-secondary-2ZkiuH, #687078)"; export declare const colorTextFormLabel = "var(--color-text-form-label-WiQFVx, #16191f)"; export declare const colorTextInputDisabled = "var(--color-text-input-disabled-3ki3SQ, #879596)"; export declare const colorTextInputPlaceholder = "var(--color-text-input-placeholder-TVd7uP, #aab7b8)"; export declare const colorTextControlDisabled = "var(--color-text-control-disabled-KGAbe7, #aab7b8)"; export declare const colorTextStatusError = "var(--color-text-status-error-1jj2sL, #d13212)"; export declare const colorTextStatusWarning = "var(--color-text-status-warning-1jj2sL, #d13212)"; export declare const colorTextStatusSuccess = "var(--color-text-status-success-CuCgtA, #1d8102)"; export declare const colorTextStatusInfo = "var(--color-text-status-info-Bc0LvG, #0073bb)"; export declare const colorTextStatusInactive = "var(--color-text-status-inactive-2ZkiuH, #687078)"; export declare const colorTextStatusPending = "var(--color-text-status-pending-2ZkiuH, #687078)"; export declare const colorTextBreadcrumb = "var(--color-text-breadcrumb-6_f-gS, #687078)"; export declare const colorTextIconCaret = "var(--color-text-icon-caret-BxOb2m, #879596)"; export declare const colorTextIconSubtle = "var(--color-text-icon-subtle-22ofsX, #687078)"; export declare const colorTextColumnHeader = "var(--color-text-column-header-3qT4rX, #545b64)"; export declare const colorTextTooltipDefault = "var(--color-text-tooltip-default-Xkg9ln, #d5dbdb)"; export declare const colorTextTooltipLink = "var(--color-text-tooltip-link-1yIcmc, #00a1c9)"; export declare const colorTextDropdownItemDefault = "var(--color-text-dropdown-item-default-WiQFVx, #16191f)"; export declare const colorTextDropdownItemHighlighted = "var(--color-text-dropdown-item-highlighted-2S6vEC, #16191f)"; export declare const colorTextDropdownItemSecondary = "var(--color-text-dropdown-item-secondary--r75hR, #687078)"; export declare const colorTextDropdownItemDisabled = "var(--color-text-dropdown-item-disabled-KGAbe7, #aab7b8)"; export declare const colorTextDropdownItemFilterMatch = "var(--color-text-dropdown-item-filter-match-Bc0LvG, #0073bb)"; export declare const colorTextDropdownGroupLabel = "var(--color-text-dropdown-group-label-2XOlKp, #545b64)"; export declare const colorTextDropdownFooter = "var(--color-text-dropdown-footer--r75hR, #687078)"; export declare const colorTextNotificationDefault = "var(--color-text-notification-default-JWSlel, #fafafa)"; export declare const colorTextNotificationIconDefault = "var(--color-text-notification-icon-default-Xkg9ln, #d5dbdb)"; export declare const colorTextNotificationIconHover = "var(--color-text-notification-icon-hover-JWSlel, #fafafa)"; export declare const colorTextCodeEditorGutterDefault = "var(--color-text-code-editor-gutter-default-mcmuEw, #16191f)"; export declare const colorTextCodeEditorGutterActiveLine = "var(--color-text-code-editor-gutter-active-line-DnITSk, #ffffff)"; export declare const colorTextCodeEditorStatusBarDisabled = "var(--color-text-code-editor-status-bar-disabled-3ki3SQ, #879596)"; export declare const colorTextCodeEditorTabButtonError = "var(--color-text-code-editor-tab-button-error-DnITSk, #ffffff)"; export declare const colorForegroundControlDefault = "var(--color-foreground-control-default-3g5IJp, #ffffff)"; export declare const colorForegroundControlDisabled = "var(--color-foreground-control-disabled-3d6ker, #ffffff)"; export declare const colorBackgroundHomeHeader = "var(--color-background-home-header-ScmmEP, #232f3e)"; export declare const colorBackgroundLayoutMain = "var(--color-background-layout-main-3Bydyi, #f2f3f3)"; export declare const colorBackgroundLayoutPanelContent = "var(--color-background-layout-panel-content-1Z_Abk, #ffffff)"; export declare const colorBackgroundLayoutPanelHover = "var(--color-background-layout-panel-hover-38loDV, #eaeded)"; export declare const colorBackgroundItemSelected = "var(--color-background-item-selected-WkeJRF, #f1faff)"; export declare const colorBackgroundModalOverlay = "var(--color-background-modal-overlay-3ptHv2, rgba(242, 243, 243, 0.9))"; export declare const colorBackgroundStatusError = "var(--color-background-status-error-3eo6Wg, #fdf3f1)"; export declare const colorBackgroundStatusWarning = "var(--color-background-status-warning-3w9fMz, #ffffff)"; export declare const colorBackgroundStatusSuccess = "var(--color-background-status-success-_mCzOj, #f2f8f0)"; export declare const colorBackgroundStatusInfo = "var(--color-background-status-info-WkeJRF, #f1faff)"; export declare const colorBackgroundProgressBarLayoutDefault = "var(--color-background-progress-bar-layout-default-38loDV, #eaeded)"; export declare const colorBackgroundProgressBarLayoutInFlash = "var(--color-background-progress-bar-layout-in-flash-2azuvH, rgba(255, 255, 255, 0.25))"; export declare const colorBackgroundProgressBarContentDefault = "var(--color-background-progress-bar-content-default-3uW6lA, #0073bb)"; export declare const colorBackgroundProgressBarContentInFlash = "var(--color-background-progress-bar-content-in-flash-1gkz93, rgba(255, 255, 255, 0.7))"; export declare const colorBackgroundCalendarToday = "var(--color-background-calendar-today-3Bydyi, #f2f3f3)"; export declare const colorBackgroundContainerHeader = "var(--color-background-container-header-1OJlgw, #fafafa)"; export declare const colorBackgroundContainerContent = "var(--color-background-container-content-3w9fMz, #ffffff)"; export declare const colorBackgroundControlDefault = "var(--color-background-control-default-528DLz, #ffffff)"; export declare const colorBackgroundControlChecked = "var(--color-background-control-checked-3uW6lA, #0073bb)"; export declare const colorBackgroundControlDisabled = "var(--color-background-control-disabled-11nezK, #d5dbdb)"; export declare const colorBackgroundInputDefault = "var(--color-background-input-default-528DLz, #ffffff)"; export declare const colorBackgroundInputDisabled = "var(--color-background-input-disabled-38loDV, #eaeded)"; export declare const colorBackgroundTilesDisabled = "var(--color-background-tiles-disabled-1gYBaj, #eaeded)"; export declare const colorBackgroundTooltip = "var(--color-background-tooltip-sSa4Z-, #16191f)"; export declare const colorBackgroundPopover = "var(--color-background-popover-BPqwPK, #ffffff)"; export declare const colorBackgroundToggleDefault = "var(--color-background-toggle-default-3zU3ek, #545b64)"; export declare const colorBackgroundToggleCheckedDisabled = "var(--color-background-toggle-checked-disabled-uMVvXl, #99cbe4)"; export declare const colorBackgroundButtonNormalDefault = "var(--color-background-button-normal-default-3w9fMz, #ffffff)"; export declare const colorBackgroundButtonNormalDisabled = "var(--color-background-button-normal-disabled-3w9fMz, #ffffff)"; export declare const colorBackgroundButtonNormalHover = "var(--color-background-button-normal-hover-1OJlgw, #fafafa)"; export declare const colorBackgroundButtonNormalActive = "var(--color-background-button-normal-active-2WWahd, #eaeded)"; export declare const colorBackgroundButtonPrimaryDefault = "var(--color-background-button-primary-default-2YgUpW, #ec7211)"; export declare const colorBackgroundButtonPrimaryDisabled = "var(--color-background-button-primary-disabled-3w9fMz, #ffffff)"; export declare const colorBackgroundButtonPrimaryHover = "var(--color-background-button-primary-hover-39GfvT, #eb5f07)"; export declare const colorBackgroundButtonPrimaryActive = "var(--color-background-button-primary-active-1lqtcO, #dd6b10)"; export declare const colorBackgroundButtonLinkHover = "var(--color-background-button-link-hover-1OJlgw, #fafafa)"; export declare const colorBackgroundButtonLinkActive = "var(--color-background-button-link-active-2WWahd, #eaeded)"; export declare const colorBackgroundDropdownItemDefault = "var(--color-background-dropdown-item-default-3w9fMz, #ffffff)"; export declare const colorBackgroundDropdownItemSelected = "var(--color-background-dropdown-item-selected-nrt43a, #f1faff)"; export declare const colorBackgroundDropdownItemHover = "var(--color-background-dropdown-item-hover-35tDd2, #f2f3f3)"; export declare const colorBackgroundDropdownItemFilterMatch = "var(--color-background-dropdown-item-filter-match-WkeJRF, #f1faff)"; export declare const colorBackgroundNotificationGrey = "var(--color-background-notification-grey-3n2Isj, #545b64)"; export declare const colorBackgroundNotificationGreen = "var(--color-background-notification-green-1ceXEb, #1d8102)"; export declare const colorBackgroundNotificationBlue = "var(--color-background-notification-blue-Y4F8hz, #0073bb)"; export declare const colorBackgroundNotificationRed = "var(--color-background-notification-red-3bUMsg, #d13212)"; export declare const colorBackgroundCodeEditorGutterDefault = "var(--color-background-code-editor-gutter-default-ikVlHL, #f2f3f3)"; export declare const colorBackgroundCodeEditorGutterActiveLineDefault = "var(--color-background-code-editor-gutter-active-line-default-3mUVYZ, #687078)"; export declare const colorBackgroundCodeEditorGutterActiveLineError = "var(--color-background-code-editor-gutter-active-line-error-1jj2sL, #d13212)"; export declare const colorBackgroundCodeEditorStatusBar = "var(--color-background-code-editor-status-bar-ikVlHL, #f2f3f3)"; export declare const colorBackgroundCodeEditorPaneItemHover = "var(--color-background-code-editor-pane-item-hover-38loDV, #eaeded)"; export declare const colorBorderItemFocused = "var(--color-border-item-focused-2uP71z, #00a1c9)"; export declare const colorBorderItemSelected = "var(--color-border-item-selected-6FRHtw, #00a1c9)"; export declare const colorBorderStatusSuccess = "var(--color-border-status-success-1ceXEb, #1d8102)"; export declare const colorBorderStatusError = "var(--color-border-status-error-3bUMsg, #d13212)"; export declare const colorBorderStatusWarning = "var(--color-border-status-warning-27WVST, #aab7b8)"; export declare const colorBorderStatusInfo = "var(--color-border-status-info-3uW6lA, #0073bb)"; export declare const colorBorderContainerTop = "var(--color-border-container-top-1gYBaj, #eaeded)"; export declare const colorBorderControlDefault = "var(--color-border-control-default-27WVST, #aab7b8)"; export declare const colorBorderControlChecked = "var(--color-border-control-checked-3JzNc6, #0073bb)"; export declare const colorBorderControlDisabled = "var(--color-border-control-disabled-Rx1zFC, #d5dbdb)"; export declare const colorBorderControlHover = "var(--color-border-control-hover-3OSsIc, #879596)"; export declare const colorBorderInputDefault = "var(--color-border-input-default-27WVST, #aab7b8)"; export declare const colorBorderInputDisabled = "var(--color-border-input-disabled-1QUbGm, #eaeded)"; export declare const colorBorderSegmentDefault = "var(--color-border-segment-default-3mUVYZ, #687078)"; export declare const colorBorderSegmentHover = "var(--color-border-segment-hover-1dD-mx, #16191f)"; export declare const colorBorderTilesDisabled = "var(--color-border-tiles-disabled-1D4yG6, transparent)"; export declare const colorBorderTabs = "var(--color-border-tabs-2fNNxL, #aab7b8)"; export declare const colorBorderTooltip = "var(--color-border-tooltip-sSa4Z-, #16191f)"; export declare const colorBorderPopover = "var(--color-border-popover-hSim3z, #d5dbdb)"; export declare const colorBorderButtonNormalDefault = "var(--color-border-button-normal-default-3zU3ek, #545b64)"; export declare const colorBorderButtonNormalHover = "var(--color-border-button-normal-hover-ots1Pn, #16191f)"; export declare const colorBorderButtonNormalDisabled = "var(--color-border-button-normal-disabled-11nezK, #d5dbdb)"; export declare const colorBorderButtonPrimaryHover = "var(--color-border-button-primary-hover-2NzUKZ, #dd6b10)"; export declare const colorBorderButtonPrimaryDisabled = "var(--color-border-button-primary-disabled-11nezK, #d5dbdb)"; export declare const colorBorderDropdownItemDefault = "var(--color-border-dropdown-item-default-2jqiTh, #eaeded)"; export declare const colorBorderDropdownItemSelected = "var(--color-border-dropdown-item-selected-1BqG1q, #00a1c9)"; export declare const colorBorderDropdownItemHover = "var(--color-border-dropdown-item-hover-3Saafg, #879596)"; export declare const colorBorderDropdownItemTop = "var(--color-border-dropdown-item-top-h3yn0h, #eaeded)"; export declare const colorBorderDropdownGroup = "var(--color-border-dropdown-group-PaVVo1, #eaeded)"; export declare const colorBorderDividerDefault = "var(--color-border-divider-default-38loDV, #eaeded)"; export declare const colorBorderDividerActive = "var(--color-border-divider-active-3Saafg, #879596)"; export declare const colorBorderLayout = "var(--color-border-layout-11nezK, #d5dbdb)"; export declare const colorBorderCodeEditorDefault = "var(--color-border-code-editor-default-1MzhzU, #d5dbdb)"; export declare const colorBorderCodeEditorPaneItemHover = "var(--color-border-code-editor-pane-item-hover-3mUVYZ, #687078)"; export declare const colorShadowDefault = "var(--color-shadow-default-3LpQcN, rgba(0, 28, 36, 0.5))"; export declare const colorShadowMedium = "var(--color-shadow-medium-3CtI4L, rgba(0, 28, 36, 0.3))"; export declare const colorShadowSide = "var(--color-shadow-side-2cOaCx, rgba(0, 28, 36, 0.15))"; export declare const colorChartsStatusCritical = "var(--color-charts-status-critical-3OhIPH, #7d2105)"; export declare const colorChartsStatusHigh = "var(--color-charts-status-high-2Kj1VI, #ba2e0f)"; export declare const colorChartsStatusMedium = "var(--color-charts-status-medium-1G_3c2, #cc5f21)"; export declare const colorChartsStatusLow = "var(--color-charts-status-low-336vTu, #b49116)"; export declare const colorChartsStatusPositive = "var(--color-charts-status-positive-2PAhQm, #67a353)"; export declare const colorChartsStatusInfo = "var(--color-charts-status-info-3f36yo, #3184c2)"; export declare const colorChartsStatusNeutral = "var(--color-charts-status-neutral-3Saafg, #879596)"; export declare const colorChartsThresholdNegative = "var(--color-charts-threshold-negative-1jj2sL, #d13212)"; export declare const colorChartsThresholdPositive = "var(--color-charts-threshold-positive-CuCgtA, #1d8102)"; export declare const colorChartsThresholdInfo = "var(--color-charts-threshold-info-Bc0LvG, #0073bb)"; export declare const colorChartsThresholdNeutral = "var(--color-charts-threshold-neutral-2ZkiuH, #687078)"; export declare const colorChartsLineGrid = "var(--color-charts-line-grid-11nezK, #d5dbdb)"; export declare const colorChartsLineTick = "var(--color-charts-line-tick-11nezK, #d5dbdb)"; export declare const colorChartsLineAxis = "var(--color-charts-line-axis-11nezK, #d5dbdb)"; export declare const colorChartsPaletteCategorical1 = "var(--color-charts-palette-categorical-1-1-pTru, #7492e7)"; export declare const colorChartsPaletteCategorical2 = "var(--color-charts-palette-categorical-2-34HR6o, #c33d69)"; export declare const colorChartsPaletteCategorical3 = "var(--color-charts-palette-categorical-3-szhk2o, #2ea597)"; export declare const colorChartsPaletteCategorical4 = "var(--color-charts-palette-categorical-4-1Quw1Y, #8456ce)"; export declare const colorChartsPaletteCategorical5 = "var(--color-charts-palette-categorical-5-3JVo2f, #e07941)"; export declare const colorChartsPaletteCategorical6 = "var(--color-charts-palette-categorical-6-SU6PW_, #3759ce)"; export declare const colorChartsPaletteCategorical7 = "var(--color-charts-palette-categorical-7-3IYXwW, #962249)"; export declare const colorChartsPaletteCategorical8 = "var(--color-charts-palette-categorical-8-yHJ2-F, #096f64)"; export declare const colorChartsPaletteCategorical9 = "var(--color-charts-palette-categorical-9-2qUf2R, #6237a7)"; export declare const colorChartsPaletteCategorical10 = "var(--color-charts-palette-categorical-10-12jyfA, #a84401)"; export declare const colorChartsPaletteCategorical11 = "var(--color-charts-palette-categorical-11-2pfiQa, #273ea5)"; export declare const colorChartsPaletteCategorical12 = "var(--color-charts-palette-categorical-12-2PcgQF, #780d35)"; export declare const colorChartsPaletteCategorical13 = "var(--color-charts-palette-categorical-13-37MGoo, #03524a)"; export declare const colorChartsPaletteCategorical14 = "var(--color-charts-palette-categorical-14-3aISc9, #4a238b)"; export declare const colorChartsPaletteCategorical15 = "var(--color-charts-palette-categorical-15-2Gp9uo, #7e3103)"; export declare const colorChartsPaletteCategorical16 = "var(--color-charts-palette-categorical-16-28q0ff, #1b2b88)"; export declare const colorChartsPaletteCategorical17 = "var(--color-charts-palette-categorical-17-1aB9Zq, #ce567c)"; export declare const colorChartsPaletteCategorical18 = "var(--color-charts-palette-categorical-18-2yMkrj, #003e38)"; export declare const colorChartsPaletteCategorical19 = "var(--color-charts-palette-categorical-19-1NJbV1, #9469d6)"; export declare const colorChartsPaletteCategorical20 = "var(--color-charts-palette-categorical-20-1wLgQL, #602400)"; export declare const colorChartsPaletteCategorical21 = "var(--color-charts-palette-categorical-21-1FqHMb, #4066df)"; export declare const colorChartsPaletteCategorical22 = "var(--color-charts-palette-categorical-22-pC2Dnu, #a32952)"; export declare const colorChartsPaletteCategorical23 = "var(--color-charts-palette-categorical-23-26JiEH, #0d7d70)"; export declare const colorChartsPaletteCategorical24 = "var(--color-charts-palette-categorical-24-2WNr7z, #6b40b2)"; export declare const colorChartsPaletteCategorical25 = "var(--color-charts-palette-categorical-25-1bNnKJ, #bc4d01)"; export declare const colorChartsPaletteCategorical26 = "var(--color-charts-palette-categorical-26-1eblPy, #2c46b1)"; export declare const colorChartsPaletteCategorical27 = "var(--color-charts-palette-categorical-27-1cCzE_, #81143b)"; export declare const colorChartsPaletteCategorical28 = "var(--color-charts-palette-categorical-28-3XHS8e, #045b52)"; export declare const colorChartsPaletteCategorical29 = "var(--color-charts-palette-categorical-29-36AEib, #512994)"; export declare const colorChartsPaletteCategorical30 = "var(--color-charts-palette-categorical-30-1f8RyN, #8a3603)"; export declare const colorChartsPaletteCategorical31 = "var(--color-charts-palette-categorical-31-3p8fai, #1f3191)"; export declare const colorChartsPaletteCategorical32 = "var(--color-charts-palette-categorical-32-2jN07T, #da7596)"; export declare const colorChartsPaletteCategorical33 = "var(--color-charts-palette-categorical-33-2iB0R0, #01443e)"; export declare const colorChartsPaletteCategorical34 = "var(--color-charts-palette-categorical-34-3fOTRf, #a783e1)"; export declare const colorChartsPaletteCategorical35 = "var(--color-charts-palette-categorical-35-m3BG6Z, #692801)"; export declare const colorChartsPaletteCategorical36 = "var(--color-charts-palette-categorical-36-8yefO3, #5978e3)"; export declare const colorChartsPaletteCategorical37 = "var(--color-charts-palette-categorical-37-2K_jwO, #b1325c)"; export declare const colorChartsPaletteCategorical38 = "var(--color-charts-palette-categorical-38-1PQZLc, #1c8e81)"; export declare const colorChartsPaletteCategorical39 = "var(--color-charts-palette-categorical-39-1agnOi, #7749bf)"; export declare const colorChartsPaletteCategorical40 = "var(--color-charts-palette-categorical-40-1id8iv, #cc5f21)"; export declare const colorChartsPaletteCategorical41 = "var(--color-charts-palette-categorical-41-1E5KJb, #314fbf)"; export declare const colorChartsPaletteCategorical42 = "var(--color-charts-palette-categorical-42-JzwWC7, #8b1b42)"; export declare const colorChartsPaletteCategorical43 = "var(--color-charts-palette-categorical-43-194bmz, #06645a)"; export declare const colorChartsPaletteCategorical44 = "var(--color-charts-palette-categorical-44-1AQ6-c, #59309d)"; export declare const colorChartsPaletteCategorical45 = "var(--color-charts-palette-categorical-45-3YZvZb, #983c02)"; export declare const colorChartsPaletteCategorical46 = "var(--color-charts-palette-categorical-46-2WkUD0, #23379b)"; export declare const colorChartsPaletteCategorical47 = "var(--color-charts-palette-categorical-47-PPA-r9, #6f062f)"; export declare const colorChartsPaletteCategorical48 = "var(--color-charts-palette-categorical-48-1VCkkT, #014b44)"; export declare const colorChartsPaletteCategorical49 = "var(--color-charts-palette-categorical-49-2F1j6B, #431d84)"; export declare const colorChartsPaletteCategorical50 = "var(--color-charts-palette-categorical-50-2V2z5L, #732c02)"; export declare const sizeIconNormal = "var(--size-icon-normal-2nJwAn, 1.6rem)"; export declare const sizeIconBig = "var(--size-icon-big-3huAay, 3.2rem)"; export declare const sizeIconLarge = "var(--size-icon-large-OupcJw, 4.8rem)"; export declare const sizeControl = "var(--size-control-raVHfl, 1.4rem)";