@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
740 lines • 34.5 kB
TypeScript
export const colorAmazonOrange: string;
export const colorAwsSquidInk: string;
export const colorBlack: string;
export const colorBlue100: string;
export const colorBlue200: string;
export const colorBlue300: string;
export const colorBlue400: string;
export const colorBlue500: string;
export const colorBlue600: string;
export const colorBlue700: string;
export const colorBlue800: string;
export const colorBlue900: string;
export const colorBlueOpaque: string;
export const colorGreen100: string;
export const colorGreen500: string;
export const colorGreen600: string;
export const colorGreen700: string;
export const colorGreen900: string;
export const colorGrey100: string;
export const colorGrey125: string;
export const colorGrey150: string;
export const colorGrey200: string;
export const colorGrey300: string;
export const colorGrey350: string;
export const colorGrey400: string;
export const colorGrey450: string;
export const colorGrey500: string;
export const colorGrey550: string;
export const colorGrey600: string;
export const colorGrey650: string;
export const colorGrey700: string;
export const colorGrey750: string;
export const colorGrey800: string;
export const colorGrey850: string;
export const colorGrey900: string;
export const colorGrey950: string;
export const colorOrange100: string;
export const colorOrange500: string;
export const colorOrange600: string;
export const colorOrange700: string;
export const colorPurple400: string;
export const colorPurple600: string;
export const colorRed100: string;
export const colorRed500: string;
export const colorRed600: string;
export const colorRed700: string;
export const colorRed900: string;
export const colorTransparent: string;
export const colorWhite: string;
export const colorYellow100: string;
export const colorYellow600: string;
export const colorYellow700: string;
export const colorYellow800: string;
export const colorYellow900: string;
export const colorChartsRed300: string;
export const colorChartsRed400: string;
export const colorChartsRed500: string;
export const colorChartsRed600: string;
export const colorChartsRed700: string;
export const colorChartsRed800: string;
export const colorChartsRed900: string;
export const colorChartsRed1000: string;
export const colorChartsRed1100: string;
export const colorChartsRed1200: string;
export const colorChartsOrange300: string;
export const colorChartsOrange400: string;
export const colorChartsOrange500: string;
export const colorChartsOrange600: string;
export const colorChartsOrange700: string;
export const colorChartsOrange800: string;
export const colorChartsOrange900: string;
export const colorChartsOrange1000: string;
export const colorChartsOrange1100: string;
export const colorChartsOrange1200: string;
export const colorChartsYellow300: string;
export const colorChartsYellow400: string;
export const colorChartsYellow500: string;
export const colorChartsYellow600: string;
export const colorChartsYellow700: string;
export const colorChartsYellow800: string;
export const colorChartsYellow900: string;
export const colorChartsYellow1000: string;
export const colorChartsYellow1100: string;
export const colorChartsYellow1200: string;
export const colorChartsGreen300: string;
export const colorChartsGreen400: string;
export const colorChartsGreen500: string;
export const colorChartsGreen600: string;
export const colorChartsGreen700: string;
export const colorChartsGreen800: string;
export const colorChartsGreen900: string;
export const colorChartsGreen1000: string;
export const colorChartsGreen1100: string;
export const colorChartsGreen1200: string;
export const colorChartsTeal300: string;
export const colorChartsTeal400: string;
export const colorChartsTeal500: string;
export const colorChartsTeal600: string;
export const colorChartsTeal700: string;
export const colorChartsTeal800: string;
export const colorChartsTeal900: string;
export const colorChartsTeal1000: string;
export const colorChartsTeal1100: string;
export const colorChartsTeal1200: string;
export const colorChartsBlue1300: string;
export const colorChartsBlue1400: string;
export const colorChartsBlue1500: string;
export const colorChartsBlue1600: string;
export const colorChartsBlue1700: string;
export const colorChartsBlue1800: string;
export const colorChartsBlue1900: string;
export const colorChartsBlue11000: string;
export const colorChartsBlue11100: string;
export const colorChartsBlue11200: string;
export const colorChartsBlue2300: string;
export const colorChartsBlue2400: string;
export const colorChartsBlue2500: string;
export const colorChartsBlue2600: string;
export const colorChartsBlue2700: string;
export const colorChartsBlue2800: string;
export const colorChartsBlue2900: string;
export const colorChartsBlue21000: string;
export const colorChartsBlue21100: string;
export const colorChartsBlue21200: string;
export const colorChartsPurple300: string;
export const colorChartsPurple400: string;
export const colorChartsPurple500: string;
export const colorChartsPurple600: string;
export const colorChartsPurple700: string;
export const colorChartsPurple800: string;
export const colorChartsPurple900: string;
export const colorChartsPurple1000: string;
export const colorChartsPurple1100: string;
export const colorChartsPurple1200: string;
export const colorChartsPink300: string;
export const colorChartsPink400: string;
export const colorChartsPink500: string;
export const colorChartsPink600: string;
export const colorChartsPink700: string;
export const colorChartsPink800: string;
export const colorChartsPink900: string;
export const colorChartsPink1000: string;
export const colorChartsPink1100: string;
export const colorChartsPink1200: string;
export const colorChartsStatusCritical: string;
export const colorChartsStatusHigh: string;
export const colorChartsStatusMedium: string;
export const colorChartsStatusLow: string;
export const colorChartsStatusPositive: string;
export const colorChartsStatusInfo: string;
export const colorChartsStatusNeutral: string;
export const colorChartsThresholdNegative: string;
export const colorChartsThresholdPositive: string;
export const colorChartsThresholdInfo: string;
export const colorChartsThresholdNeutral: string;
export const colorChartsLineGrid: string;
export const colorChartsLineTick: string;
export const colorChartsLineAxis: string;
export const colorChartsPaletteCategorical1: string;
export const colorChartsPaletteCategorical2: string;
export const colorChartsPaletteCategorical3: string;
export const colorChartsPaletteCategorical4: string;
export const colorChartsPaletteCategorical5: string;
export const colorChartsPaletteCategorical6: string;
export const colorChartsPaletteCategorical7: string;
export const colorChartsPaletteCategorical8: string;
export const colorChartsPaletteCategorical9: string;
export const colorChartsPaletteCategorical10: string;
export const colorChartsPaletteCategorical11: string;
export const colorChartsPaletteCategorical12: string;
export const colorChartsPaletteCategorical13: string;
export const colorChartsPaletteCategorical14: string;
export const colorChartsPaletteCategorical15: string;
export const colorChartsPaletteCategorical16: string;
export const colorChartsPaletteCategorical17: string;
export const colorChartsPaletteCategorical18: string;
export const colorChartsPaletteCategorical19: string;
export const colorChartsPaletteCategorical20: string;
export const colorChartsPaletteCategorical21: string;
export const colorChartsPaletteCategorical22: string;
export const colorChartsPaletteCategorical23: string;
export const colorChartsPaletteCategorical24: string;
export const colorChartsPaletteCategorical25: string;
export const colorChartsPaletteCategorical26: string;
export const colorChartsPaletteCategorical27: string;
export const colorChartsPaletteCategorical28: string;
export const colorChartsPaletteCategorical29: string;
export const colorChartsPaletteCategorical30: string;
export const colorChartsPaletteCategorical31: string;
export const colorChartsPaletteCategorical32: string;
export const colorChartsPaletteCategorical33: string;
export const colorChartsPaletteCategorical34: string;
export const colorChartsPaletteCategorical35: string;
export const colorChartsPaletteCategorical36: string;
export const colorChartsPaletteCategorical37: string;
export const colorChartsPaletteCategorical38: string;
export const colorChartsPaletteCategorical39: string;
export const colorChartsPaletteCategorical40: string;
export const colorChartsPaletteCategorical41: string;
export const colorChartsPaletteCategorical42: string;
export const colorChartsPaletteCategorical43: string;
export const colorChartsPaletteCategorical44: string;
export const colorChartsPaletteCategorical45: string;
export const colorChartsPaletteCategorical46: string;
export const colorChartsPaletteCategorical47: string;
export const colorChartsPaletteCategorical48: string;
export const colorChartsPaletteCategorical49: string;
export const colorChartsPaletteCategorical50: string;
export const colorSeverityDarkRed: string;
export const colorSeverityRed: string;
export const colorSeverityOrange: string;
export const colorSeverityYellow: string;
export const colorSeverityGrey: string;
export const colorBackgroundNotificationSeverityCritical: string;
export const colorBackgroundNotificationSeverityHigh: string;
export const colorBackgroundNotificationSeverityMedium: string;
export const colorBackgroundNotificationSeverityLow: string;
export const colorBackgroundNotificationSeverityNeutral: string;
export const colorTextNotificationSeverityCritical: string;
export const colorTextNotificationSeverityHigh: string;
export const colorTextNotificationSeverityMedium: string;
export const colorTextNotificationSeverityLow: string;
export const colorTextNotificationSeverityNeutral: string;
export const colorGreyOpaque10: string;
export const colorGreyOpaque25: string;
export const colorGreyOpaque40: string;
export const colorGreyOpaque50: string;
export const colorGreyOpaque70: string;
export const colorGreyOpaque80: string;
export const colorGreyOpaque90: string;
export const colorGreyTransparent: string;
export const colorGreyTransparentHeavy: string;
export const colorGreyTransparentLight: string;
export const colorBackgroundBadgeIcon: string;
export const colorBackgroundButtonLinkActive: string;
export const colorBackgroundButtonLinkHover: string;
export const colorBackgroundButtonNormalActive: string;
export const colorBackgroundButtonNormalDefault: string;
export const colorBackgroundButtonNormalDisabled: string;
export const colorBackgroundButtonNormalHover: string;
export const colorBackgroundToggleButtonNormalPressed: string;
export const colorBackgroundButtonPrimaryActive: string;
export const colorBackgroundButtonPrimaryDefault: string;
export const colorBackgroundButtonPrimaryDisabled: string;
export const colorBackgroundButtonPrimaryHover: string;
export const colorBackgroundCalendarCurrentDate: string;
export const colorBackgroundCellShaded: string;
export const colorBackgroundCodeEditorGutterActiveLineDefault: string;
export const colorBackgroundCodeEditorGutterActiveLineError: string;
export const colorBackgroundCodeEditorGutterDefault: string;
export const colorBackgroundCodeEditorLoading: string;
export const colorBackgroundCodeEditorPaneItemHover: string;
export const colorBackgroundCodeEditorStatusBar: string;
export const colorBackgroundContainerContent: string;
export const colorBackgroundContainerHeader: string;
export const colorBackgroundControlChecked: string;
export const colorBackgroundControlDefault: string;
export const colorBackgroundControlDisabled: string;
export const colorBackgroundDropdownItemDefault: string;
export const colorBackgroundDropdownItemDimmed: string;
export const colorBackgroundDropdownItemFilterMatch: string;
export const colorBackgroundDropdownItemHover: string;
export const colorBackgroundDropdownItemSelected: string;
export const colorBackgroundHomeHeader: string;
export const colorBackgroundInputDefault: string;
export const colorBackgroundInputDisabled: string;
export const colorBackgroundItemSelected: string;
export const colorBackgroundLayoutMain: string;
export const colorBackgroundLayoutMobilePanel: string;
export const colorBackgroundLayoutPanelContent: string;
export const colorBackgroundLayoutPanelHover: string;
export const colorBackgroundLayoutToggleActive: string;
export const colorBackgroundLayoutToggleDefault: string;
export const colorBackgroundLayoutToggleHover: string;
export const colorBackgroundLayoutToggleSelectedActive: string;
export const colorBackgroundLayoutToggleSelectedDefault: string;
export const colorBackgroundLayoutToggleSelectedHover: string;
export const colorBackgroundModalOverlay: string;
export const colorBackgroundNotificationBlue: string;
export const colorBackgroundNotificationGreen: string;
export const colorBackgroundNotificationGrey: string;
export const colorBackgroundNotificationRed: string;
export const colorBackgroundNotificationYellow: string;
export const colorBackgroundNotificationStackBar: string;
export const colorBackgroundNotificationStackBarActive: string;
export const colorBackgroundNotificationStackBarHover: string;
export const colorBackgroundPopover: string;
export const colorBackgroundProgressBarContentDefault: string;
export const colorBackgroundProgressBarContentInFlash: string;
export const colorBackgroundProgressBarLayoutDefault: string;
export const colorBackgroundProgressBarLayoutInFlash: string;
export const colorBackgroundSegmentActive: string;
export const colorBackgroundSegmentDefault: string;
export const colorBackgroundSegmentDisabled: string;
export const colorBackgroundSegmentHover: string;
export const colorBackgroundSliderHandleDefault: string;
export const colorBackgroundSliderHandleActive: string;
export const colorBackgroundSliderTrack: string;
export const colorBackgroundSliderHandleRing: string;
export const colorBackgroundSliderErrorPressed: string;
export const colorBackgroundSliderWarningPressed: string;
export const colorBackgroundStatusError: string;
export const colorBackgroundStatusInfo: string;
export const colorBackgroundStatusSuccess: string;
export const colorBackgroundStatusWarning: string;
export const colorBackgroundTableHeader: string;
export const colorBackgroundTilesDisabled: string;
export const colorBackgroundToggleCheckedDisabled: string;
export const colorBackgroundToggleDefault: string;
export const colorBackgroundAvatarGenAi: string;
export const colorBackgroundAvatarDefault: string;
export const colorTextAvatar: string;
export const colorBackgroundLoadingBarGenAi: string;
export const colorBackgroundChatBubbleOutgoing: string;
export const colorBackgroundChatBubbleIncoming: string;
export const colorTextChatBubbleOutgoing: string;
export const colorTextChatBubbleIncoming: string;
export const colorBorderButtonNormalActive: string;
export const colorBorderButtonNormalDefault: string;
export const colorBorderToggleButtonNormalPressed: string;
export const colorBorderButtonNormalDisabled: string;
export const colorTextButtonNormalDisabled: string;
export const colorBorderButtonNormalHover: string;
export const colorBorderButtonPrimaryDisabled: string;
export const colorTextButtonPrimaryDisabled: string;
export const colorBorderCalendarGrid: string;
export const colorBorderCalendarGridSelectedFocusRing: string;
export const colorBorderCodeEditorAceActiveLineLightTheme: string;
export const colorBorderCodeEditorAceActiveLineDarkTheme: string;
export const colorBorderCodeEditorDefault: string;
export const colorBorderCodeEditorPaneItemHover: string;
export const colorBorderContainerDivider: string;
export const colorBorderContainerTop: string;
export const colorBorderControlChecked: string;
export const colorBorderControlDefault: string;
export const colorBorderControlDisabled: string;
export const colorBorderDividerActive: string;
export const colorBorderDividerDefault: string;
export const colorBorderDividerPanelBottom: string;
export const colorBorderDividerPanelSide: string;
export const colorBorderDividerSecondary: string;
export const colorBorderDropdownContainer: string;
export const colorBorderDropdownGroup: string;
export const colorBorderDropdownItemDefault: string;
export const colorBorderDropdownItemHover: string;
export const colorBorderDropdownItemDimmedHover: string;
export const colorBorderDropdownItemSelected: string;
export const colorBorderDropdownItemTop: string;
export const colorBorderEditableCellHover: string;
export const colorBorderInputDefault: string;
export const colorBorderInputDisabled: string;
export const colorBorderInputFocused: string;
export const colorBorderItemFocused: string;
export const colorBorderDropdownItemFocused: string;
export const colorBorderItemPlaceholder: string;
export const colorBorderItemSelected: string;
export const colorBorderLayout: string;
export const colorBorderNotificationStackBar: string;
export const colorBorderPanelHeader: string;
export const colorBorderPopover: string;
export const colorBorderSegmentActive: string;
export const colorBorderSegmentDefault: string;
export const colorBorderSegmentDisabled: string;
export const colorBorderSegmentHover: string;
export const colorBorderStatusError: string;
export const colorBorderStatusInfo: string;
export const colorBorderStatusSuccess: string;
export const colorBorderStatusWarning: string;
export const colorBorderDividerInteractiveDefault: string;
export const colorBorderTabsDivider: string;
export const colorBorderTabsShadow: string;
export const colorBorderTabsUnderline: string;
export const colorBorderTilesDisabled: string;
export const colorBorderTutorial: string;
export const colorForegroundControlDefault: string;
export const colorForegroundControlDisabled: string;
export const colorForegroundControlReadOnly: string;
export const colorShadowDefault: string;
export const colorShadowMedium: string;
export const colorShadowSide: string;
export const colorStrokeChartLine: string;
export const colorStrokeCodeEditorResizeHandler: string;
export const colorStrokeCodeEditorGutterActiveLineDefault: string;
export const colorStrokeCodeEditorGutterActiveLineHover: string;
export const colorTextAccent: string;
export const colorTextBodyDefault: string;
export const colorTextBodySecondary: string;
export const colorTextBreadcrumbCurrent: string;
export const colorTextBreadcrumbIcon: string;
export const colorTextButtonInlineIconDefault: string;
export const colorTextButtonInlineIconDisabled: string;
export const colorTextButtonInlineIconHover: string;
export const colorTextButtonNormalActive: string;
export const colorTextToggleButtonNormalPressed: string;
export const colorTextButtonNormalDefault: string;
export const colorTextButtonNormalHover: string;
export const colorTextLinkButtonNormalDefault: string;
export const colorTextLinkButtonNormalHover: string;
export const colorTextLinkButtonNormalActive: string;
export const colorTextButtonPrimaryActive: string;
export const colorTextButtonPrimaryDefault: string;
export const colorTextButtonPrimaryHover: string;
export const colorTextCalendarDateHover: string;
export const colorTextCalendarDateSelected: string;
export const colorTextCalendarMonth: string;
export const colorTextCodeEditorGutterActiveLine: string;
export const colorTextCodeEditorGutterDefault: string;
export const colorTextCodeEditorStatusBarDisabled: string;
export const colorTextCodeEditorTabButtonError: string;
export const colorTextColumnHeader: string;
export const colorTextColumnSortingIcon: string;
export const colorTextControlDisabled: string;
export const colorTextCounter: string;
export const colorTextDisabled: string;
export const colorTextDisabledInlineEdit: string;
export const colorTextDropdownFooter: string;
export const colorTextDropdownGroupLabel: string;
export const colorTextDropdownItemDefault: string;
export const colorTextDropdownItemDimmed: string;
export const colorTextDropdownItemDisabled: string;
export const colorTextDropdownItemFilterMatch: string;
export const colorTextDropdownItemHighlighted: string;
export const colorTextDropdownItemSecondary: string;
export const colorTextDropdownItemSecondaryHover: string;
export const colorTextEmpty: string;
export const colorTextExpandableSectionDefault: string;
export const colorTextExpandableSectionHover: string;
export const colorTextExpandableSectionNavigationIconDefault: string;
export const colorTextFormDefault: string;
export const colorTextFormLabel: string;
export const colorTextFormSecondary: string;
export const colorTextGroupLabel: string;
export const colorTextLabelGenAi: string;
export const colorTextHeadingDefault: string;
export const colorTextHeadingSecondary: string;
export const colorTextHomeHeaderDefault: string;
export const colorTextHomeHeaderSecondary: string;
export const colorTextIconCaret: string;
export const colorTextIconSubtle: string;
export const colorTextInputDisabled: string;
export const colorTextInputPlaceholder: string;
export const colorTextInputPlaceholderDisabled: string;
export const colorTextInteractiveActive: string;
export const colorTextInteractiveDefault: string;
export const colorTextInteractiveDisabled: string;
export const colorTextInteractiveHover: string;
export const colorTextToggleButtonIconPressed: string;
export const colorTextInteractiveInvertedDefault: string;
export const colorTextInteractiveInvertedHover: string;
export const colorTextInverted: string;
export const colorTextLabel: string;
export const colorTextLayoutToggle: string;
export const colorTextLayoutToggleActive: string;
export const colorTextLayoutToggleHover: string;
export const colorTextLayoutToggleSelected: string;
export const colorTextLinkDefault: string;
export const colorTextLinkHover: string;
export const colorTextLinkInvertedHover: string;
export const colorTextLinkButtonUnderline: string;
export const colorTextLinkButtonUnderlineHover: string;
export const colorTextNotificationDefault: string;
export const colorTextNotificationStackBar: string;
export const colorTextNotificationYellow: string;
export const colorTextPaginationPageNumberActiveDisabled: string;
export const colorTextPaginationPageNumberDefault: string;
export const colorTextSegmentActive: string;
export const colorTextSegmentDefault: string;
export const colorTextSegmentHover: string;
export const colorTextSmall: string;
export const colorTextStatusError: string;
export const colorTextStatusInactive: string;
export const colorTextStatusInfo: string;
export const colorTextStatusSuccess: string;
export const colorTextStatusWarning: string;
export const colorTextTopNavigationTitle: string;
export const colorBoardPlaceholderActive: string;
export const colorBoardPlaceholderHover: string;
export const colorDragPlaceholderActive: string;
export const colorDragPlaceholderHover: string;
export const colorDropzoneBackgroundDefault: string;
export const colorDropzoneBackgroundHover: string;
export const colorDropzoneTextDefault: string;
export const colorDropzoneTextHover: string;
export const colorDropzoneBorderDefault: string;
export const colorDropzoneBorderHover: string;
export const fontBoxValueLargeWeight: string;
export const fontButtonLetterSpacing: string;
export const fontChartDetailSize: string;
export const fontDisplayLabelWeight: string;
export const fontExpandableHeadingSize: string;
export const fontFamilyBase: string;
export const fontFamilyMonospace: string;
export const fontHeaderH2DescriptionLineHeight: string;
export const fontHeaderH2DescriptionSize: string;
export const fontLinkButtonLetterSpacing: string;
export const fontLinkButtonWeight: string;
export const fontPanelHeaderLineHeight: string;
export const fontPanelHeaderSize: string;
export const fontSizeBodyM: string;
export const fontSizeBodyS: string;
export const fontSizeDisplayL: string;
export const fontSizeHeadingXl: string;
export const fontSizeHeadingL: string;
export const fontSizeHeadingM: string;
export const fontSizeHeadingS: string;
export const fontSizeHeadingXs: string;
export const fontSmoothingMozOsx: string;
export const fontSmoothingWebkit: string;
export const fontTabsDisabledWeight: string;
export const fontTabsLineHeight: string;
export const fontTabsSize: string;
export const fontWayfindingLinkActiveWeight: string;
export const fontWeightButton: string;
export const fontWeightHeadingXl: string;
export const fontWeightHeadingL: string;
export const fontWeightHeadingM: string;
export const fontWeightHeadingS: string;
export const fontWeightHeadingXs: string;
export const fontWeightHeavy: string;
export const letterSpacingBodyS: string;
export const letterSpacingDisplayL: string;
export const letterSpacingHeadingXl: string;
export const letterSpacingHeadingL: string;
export const letterSpacingHeadingM: string;
export const letterSpacingHeadingS: string;
export const lineHeightBodyM: string;
export const lineHeightBodyS: string;
export const lineHeightDisplayL: string;
export const lineHeightHeadingXl: string;
export const lineHeightHeadingL: string;
export const lineHeightHeadingM: string;
export const lineHeightHeadingS: string;
export const lineHeightHeadingXs: string;
export const borderActiveWidth: string;
export const borderCodeEditorStatusDividerWidth: string;
export const borderContainerStickyWidth: string;
export const borderContainerTopWidth: string;
export const borderControlFocusRingShadowSpread: string;
export const borderControlInvalidFocusRingShadowSpread: string;
export const borderDividerListWidth: string;
export const borderDividerSectionWidth: string;
export const borderDropdownVirtualOffsetWidth: string;
export const borderInvalidWidth: string;
export const borderItemWidth: string;
export const borderLineChartDashArray: string;
export const borderLineChartLineJoin: string;
export const borderLineChartWidth: string;
export const borderPanelHeaderWidth: string;
export const borderPanelTopWidth: string;
export const borderRadiusAlert: string;
export const borderRadiusBadge: string;
export const borderRadiusButton: string;
export const borderRadiusCalendarDayFocusRing: string;
export const borderRadiusCodeEditor: string;
export const borderRadiusContainer: string;
export const borderRadiusControlCircularFocusRing: string;
export const borderRadiusControlDefaultFocusRing: string;
export const borderRadiusDropdown: string;
export const borderRadiusDropzone: string;
export const borderRadiusFlashbar: string;
export const borderRadiusItem: string;
export const borderRadiusInput: string;
export const borderRadiusPopover: string;
export const borderRadiusTabsFocusRing: string;
export const borderRadiusTiles: string;
export const borderRadiusToken: string;
export const borderRadiusChatBubble: string;
export const borderRadiusTutorialPanelItem: string;
export const borderTableStickyWidth: string;
export const borderLinkFocusRingOutline: string;
export const borderLinkFocusRingShadowSpread: string;
export const borderWidthAlert: string;
export const borderWidthField: string;
export const borderWidthPopover: string;
export const motionDurationExtraFast: string;
export const motionDurationExtraSlow: string;
export const motionDurationFast: string;
export const motionDurationModerate: string;
export const motionDurationRefreshOnlyAmbient: string;
export const motionDurationRefreshOnlyFast: string;
export const motionDurationRefreshOnlyMedium: string;
export const motionDurationRefreshOnlySlow: string;
export const motionDurationAvatarGenAiGradient: string;
export const motionDurationAvatarLoadingDots: string;
export const motionDurationRotate180: string;
export const motionDurationRotate90: string;
export const motionDurationShowPaced: string;
export const motionDurationShowQuick: string;
export const motionDurationSlow: string;
export const motionDurationTransitionQuick: string;
export const motionDurationTransitionShowPaced: string;
export const motionDurationTransitionShowQuick: string;
export const motionEasingEaseOutQuart: string;
export const motionEasingRefreshOnlyA: string;
export const motionEasingRefreshOnlyB: string;
export const motionEasingRefreshOnlyC: string;
export const motionEasingRefreshOnlyD: string;
export const motionEasingAvatarGenAiGradient: string;
export const motionEasingRotate180: string;
export const motionEasingRotate90: string;
export const motionEasingShowPaced: string;
export const motionEasingShowQuick: string;
export const motionEasingTransitionQuick: string;
export const motionEasingTransitionShowPaced: string;
export const motionEasingTransitionShowQuick: string;
export const motionEasingResponsive: string;
export const motionEasingSticky: string;
export const motionEasingExpressive: string;
export const motionDurationResponsive: string;
export const motionDurationExpressive: string;
export const motionDurationComplex: string;
export const motionKeyframesFadeIn: string;
export const motionKeyframesFadeOut: string;
export const motionKeyframesStatusIconError: string;
export const motionKeyframesScalePopup: string;
export const sizeCalendarGridWidth: string;
export const sizeControl: string;
export const sizeIconBig: string;
export const sizeIconLarge: string;
export const sizeIconMedium: string;
export const sizeIconNormal: string;
export const sizeTableSelectionHorizontal: string;
export const sizeVerticalInput: string;
export const sizeVerticalPanelIconOffset: string;
export const spaceAlertActionLeft: string;
export const spaceAlertHorizontal: string;
export const spaceAlertMessageRight: string;
export const spaceAlertVertical: string;
export const spaceButtonFocusOutlineGutter: string;
export const spaceButtonHorizontal: string;
export const spaceButtonIconFocusOutlineGutterVertical: string;
export const spaceButtonIconOnlyHorizontal: string;
export const spaceButtonInlineIconFocusOutlineGutter: string;
export const spaceButtonModalDismissVertical: string;
export const spaceCalendarGridFocusOutlineGutter: string;
export const spaceCalendarGridSelectedFocusOutlineGutter: string;
export const spaceCalendarGridGutter: string;
export const spaceCardHorizontal: string;
export const spaceCardVertical: string;
export const spaceCodeEditorStatusFocusOutlineGutter: string;
export const spaceContainerContentTop: string;
export const spaceContainerHeaderTop: string;
export const spaceContainerHeaderBottom: string;
export const spaceContainerHorizontal: string;
export const spaceContentHeaderPaddingBottom: string;
export const spaceDarkHeaderOverlapDistance: string;
export const spaceExpandableSectionIconOffsetTop: string;
export const spaceFieldHorizontal: string;
export const spaceFieldIconOffset: string;
export const spaceFilteringTokenDismissButtonFocusOutlineGutter: string;
export const spaceFilteringTokenOperationSelectFocusOutlineGutter: string;
export const spaceFlashbarActionLeft: string;
export const spaceFlashbarDismissRight: string;
export const spaceFlashbarHorizontal: string;
export const spaceGridGutter: string;
export const spaceKeyValueGap: string;
export const spaceLayoutContentBottom: string;
export const spaceLayoutContentHorizontal: string;
export const spaceLayoutToggleDiameter: string;
export const spaceLayoutTogglePadding: string;
export const spaceModalContentBottom: string;
export const spaceModalHorizontal: string;
export const spaceOptionIconBigTop: string;
export const spacePanelContentBottom: string;
export const spacePanelContentTop: string;
export const spacePanelDividerMarginHorizontal: string;
export const spacePanelHeaderVertical: string;
export const spacePanelNavLeft: string;
export const spacePanelSideLeft: string;
export const spacePanelSideRight: string;
export const spacePanelSplitTop: string;
export const spacePanelSplitBottom: string;
export const spaceSegmentedControlFocusOutlineGutter: string;
export const spaceTabsContentTop: string;
export const spaceTabsFocusOutlineGutter: string;
export const spaceTableContentBottom: string;
export const spaceTableEmbeddedHeaderTop: string;
export const spaceTableFooterHorizontal: string;
export const spaceTableHeaderFocusOutlineGutter: string;
export const spaceTableHeaderHorizontal: string;
export const spaceTableHeaderToolsBottom: string;
export const spaceTableHeaderToolsFullPageBottom: string;
export const spaceTableHorizontal: string;
export const spaceTileGutter: string;
export const spaceScaled2xNone: string;
export const spaceScaled2xXxxs: string;
export const spaceScaled2xXxs: string;
export const spaceScaled2xXs: string;
export const spaceScaled2xS: string;
export const spaceScaled2xM: string;
export const spaceScaled2xL: string;
export const spaceScaled2xXl: string;
export const spaceScaled2xXxl: string;
export const spaceScaled2xXxxl: string;
export const spaceScaledNone: string;
export const spaceScaledXxxs: string;
export const spaceScaledXxs: string;
export const spaceScaledXs: string;
export const spaceScaledS: string;
export const spaceScaledM: string;
export const spaceScaledL: string;
export const spaceScaledXl: string;
export const spaceScaledXxl: string;
export const spaceScaledXxxl: string;
export const spaceStaticXxxs: string;
export const spaceStaticXxs: string;
export const spaceStaticXs: string;
export const spaceStaticS: string;
export const spaceStaticM: string;
export const spaceStaticL: string;
export const spaceStaticXl: string;
export const spaceStaticXxl: string;
export const spaceStaticXxxl: string;
export const spaceNone: string;
export const spaceXxxs: string;
export const spaceXxs: string;
export const spaceXs: string;
export const spaceS: string;
export const spaceM: string;
export const spaceL: string;
export const spaceXl: string;
export const spaceXxl: string;
export const spaceXxxl: string;
export const shadowContainer: string;
export const shadowContainerStacked: string;
export const shadowContainerActive: string;
export const shadowDropdown: string;
export const shadowDropup: string;
export const shadowFlashCollapsed: string;
export const shadowFlashSticky: string;
export const shadowModal: string;
export const shadowPanel: string;
export const shadowPanelToggle: string;
export const shadowPopover: string;
export const shadowSplitBottom: string;
export const shadowSplitSide: string;
export const shadowSticky: string;
export const shadowStickyEmbedded: string;
export const shadowStickyColumnFirst: string;
export const shadowStickyColumnLast: string;