@skbkontur/react-ui 0.0.0-9a66eda8b5 → 0.0.0-a18e664e8f

package/cjs/internal/ThemePlayground/darkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["darkTheme.ts"],"names":["darkTheme","ThemeFactory","create","brandXLight","brandLight","brand","brandDark","brandXDark","white","grayXxLight","grayXLight","grayLight","gray","grayDark","black","blueXxLight","blueLight","blue","blueDark","blueXDark","greenXxLight","green","greenDark","redXxLight","red","redDark","yellowXxLight","yellow","yellowDark","bgDefault","bgDisabled","bgActive","errorMain","errorSecondary","errorText","warningMain","warningSecondary","warningText","borderColorFocus","borderColorFocusLight","borderColorGrayDark","borderColorGrayLight","borderColorError","borderColorWarning","outlineColorFocus","placeholderColor","placeholderColorLight","blinkColor","controlBorderWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","controlHeightSmall","controlHeightMedium","controlHeightLarge","chbCheckedColor","chbBg","chbHoverBg","radioBgImage","radioHoverBg","radioDisabledShadow","chbIndeterminateBg","chbShadowDisabled","textColorDefault","textColorInvert","textColorDisabled","linkColor","linkActiveColor","linkHoverColor","linkDisabledColor","linkHoverTextDecoration","dropdownMenuHoverBg","dropdownMenuSelectedBg","loaderBg","loaderOpacity","btnDisabledBg","btnDisabledShadowColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadowColorArrow","btnDefaultBgStart","btnDefaultBgArrowStart","btnDefaultBgEnd","btnDefaultBgArrowEnd","btnDefaultTextColor","btnDefaultShadow","btnDefaultShadowArrow","btnDefaultShadowArrowLeft","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverShadow","btnDefaultHoverShadowArrow","btnDefaultHoverShadowArrowLeft","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveShadowArrow","btnDefaultActiveShadowArrowLeft","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessShadow","btnSuccessShadowArrow","btnSuccessShadowArrowLeft","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverShadow","btnSuccessHoverShadowArrow","btnSuccessHoverShadowArrowLeft","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveShadowArrow","btnSuccessActiveShadowArrowLeft","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryShadow","btnPrimaryShadowArrow","btnPrimaryShadowArrowLeft","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverShadow","btnPrimaryHoverShadowArrow","btnPrimaryHoverShadowArrowLeft","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveShadowArrow","btnPrimaryActiveShadowArrowLeft","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerShadow","btnDangerShadowArrow","btnDangerShadowArrowLeft","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverShadow","btnDangerHoverShadowArrow","btnDangerHoverShadowArrowLeft","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveShadowArrow","btnDangerActiveShadowArrowLeft","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayShadow","btnPayShadowArrow","btnPayShadowArrowLeft","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverShadow","btnPayHoverShadowArrow","btnPayHoverShadowArrowLeft","btnPayActiveBg","btnPayActiveShadow","btnPayActiveShadowArrow","btnPayActiveShadowArrowLeft","sltPlaceholderColor","tabColorFocus","tabColorError","tabColorWarning","tabColorSuccess","tabColorPrimary","tabColorHover","tabColorHoverError","tabColorHoverWarning","tabColorHoverSuccess","tabColorHoverPrimary","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","modalBackBg","modalBackOpacity","modalCloseButtonColor","modalCloseButtonDisabledColor","modalCloseButtonHoverColor","modalFixedHeaderBg","modalFixedHeaderShadow","modalFixedFooterShadow","modalFooterBg","modalAdaptiveThreshold","sidePageFooterPanelBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","sidePageContainerShadow","dateInputIconColor","dateInputMaskColor","calendarCellBg","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarCellSelectedFontColor","calendarMonthHeaderStickedBgColor","calendarMonthTitleBorderBottomColor","dateSelectMenuBg","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","dateSelectMenuItemBgDisabled","dateSelectMenuItemFontActive","dateSelectMenuItemFontSelected","dateSelectMenuItemFontDisabled","datePickerOpenBtnColor","pickerBg","pickerShadow","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","pickerTodayWrapperHoverBgColor","pagingDotsColor","pagingForwardLinkColor","pagingForwardLinkDisabledColor","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pagingPageLinkHoverBg","pagingPageLinkHintColor","menuSeparatorBorderColor","toastBg","toastColor","toastLinkColor","toastCloseColor","toastCloseHoverColor","tbBg","tbShadow","tdDividerBg","logoColor","logoHoverColor","menuItemPaddingForIcon","menuBorder","menuShadow","toggleBgChecked","toggleBgWarning","toggleBgError","toggleBgActive","toggleFocusShadowColor","toggleBorderColor","btnMenuArrowColor","popupBorderRadius","popupBorder","popupBorderColor","popupDropShadow","popupBoxShadow","popupTextColor","inputColor","inputTextColor","inputBg","specificityLevel","textareaBg","textareaColor"],"mappings":"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","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\n\r\nexport const darkTheme = ThemeFactory.create({\r\n  brandXLight: '#cae5f5',\r\n  brandLight: '#3094d0',\r\n  brand: '#1e79be',\r\n  brandDark: '#1363a0',\r\n  brandXDark: '#084f85',\r\n  white: '#fff',\r\n  grayXxLight: '#f2f2f2',\r\n  grayXLight: '#e5e5e5',\r\n  grayLight: '#a0a0a0',\r\n  gray: '#808080',\r\n  grayDark: '#333',\r\n  black: '#000',\r\n  blueXxLight: '#e4f3ff',\r\n  blueLight: '#5199db',\r\n  blue: '#3072c4',\r\n  blueDark: '#1e5aa4',\r\n  blueXDark: '#044785',\r\n  greenXxLight: '#e2f7dc',\r\n  green: '#3f9726',\r\n  greenDark: '#228007',\r\n  redXxLight: '#ffd6d6',\r\n  red: '#d70c17',\r\n  redDark: '#ce0014',\r\n  yellowXxLight: '#fff0bc',\r\n  yellow: '#f69c00',\r\n  yellowDark: '#d97e00',\r\n  bgDefault: '#333333',\r\n  bgDisabled: 'rgba(255, 255, 255, 0.05)',\r\n  bgActive: '#5199db',\r\n  errorMain: '#d70c17',\r\n  errorSecondary: '#ffd6d6',\r\n  errorText: '#ce0014',\r\n  warningMain: '#f69c00',\r\n  warningSecondary: '#fff0bc',\r\n  warningText: '#d97e00',\r\n  borderColorFocus: '#5199db',\r\n  borderColorFocusLight: '#bad7f1',\r\n  borderColorGrayDark: '#4D4D4D',\r\n  borderColorGrayLight: '#4D4D4D',\r\n  borderColorError: '#d70c17',\r\n  borderColorWarning: '#f69c00',\r\n  outlineColorFocus: '#fff',\r\n  placeholderColor: '#aaa',\r\n  placeholderColorLight: '#bbb',\r\n  blinkColor: 'rgba(0, 136, 255, 0.4)',\r\n  controlBorderWidth: '1px',\r\n  controlLineHeightSmall: '20px',\r\n  controlLineHeightMedium: '20px',\r\n  controlLineHeightLarge: '22px',\r\n  controlPaddingYSmall: '6px',\r\n  controlPaddingYMedium: '9px',\r\n  controlPaddingYLarge: '10px',\r\n  controlHeightSmall: '34px',\r\n  controlHeightMedium: '40px',\r\n  controlHeightLarge: '44px',\r\n  chbCheckedColor: '#000',\r\n  chbBg: 'linear-gradient(#fdfdfd, #ededed) !important',\r\n  chbHoverBg: 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%) !important',\r\n  radioBgImage: 'linear-gradient(#fdfdfd, #ededed) !important',\r\n  radioHoverBg: 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%) !important',\r\n  radioDisabledShadow: '0 0 0 1px rgba(0, 0, 0, 0.15) !important',\r\n  chbIndeterminateBg: '#000',\r\n  chbShadowDisabled: 'rgba(255, 255, 255, .5)',\r\n  textColorDefault: '#fff',\r\n  textColorInvert: '#fff',\r\n  textColorDisabled: '#a0a0a0',\r\n  linkColor: '#fff',\r\n  linkActiveColor: 'rgba(255, 255, 255, 0.66)',\r\n  linkHoverColor: '#fff',\r\n  linkDisabledColor: '#a0a0a0',\r\n  linkHoverTextDecoration: 'underline',\r\n  dropdownMenuHoverBg: '#0488E0',\r\n  dropdownMenuSelectedBg: 'rgba(255, 255, 255, 0.05)',\r\n  loaderBg: '#333',\r\n  loaderOpacity: '0.9',\r\n  btnDisabledBg: 'rgba(255, 255, 255, 0.05)',\r\n  btnDisabledShadowColor: 'rgba(0, 0, 0, 0.15)',\r\n  btnCheckedBg: '#737373',\r\n  btnCheckedTextColor: '#fff',\r\n  btnCheckedShadowColorArrow: 'rgba(0, 0, 0, 0.3)',\r\n  btnDefaultBgStart: 'none',\r\n  btnDefaultBgArrowStart: '#333',\r\n  btnDefaultBgEnd: 'none',\r\n  btnDefaultBgArrowEnd: '#333',\r\n  btnDefaultTextColor: 'none',\r\n  btnDefaultShadow: '0 1px 0 0 rgba(255,255,255, 1), 0 0 0 1px rgba(255,255,255, 1)',\r\n  btnDefaultShadowArrow: '1.2px -1px 0 0 rgba(255, 255, 255, 1), 1px 0 0 0 rgba(255, 255, 255, 1)',\r\n  btnDefaultShadowArrowLeft: '1px -1px 0 0 rgba(255, 255, 255, 1), 0 0 0 0 rgba(255, 255, 255, 1)',\r\n  btnDefaultHoverBgStart: '#333',\r\n  btnDefaultHoverBgEnd: '#333',\r\n  btnDefaultHoverShadow: '0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.2)',\r\n  btnDefaultHoverShadowArrow: '1px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.2)',\r\n  btnDefaultHoverShadowArrowLeft: '1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2)',\r\n  btnDefaultActiveBg: '#e1e1e1',\r\n  btnDefaultActiveShadow:\r\n    '0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\r\n  btnDefaultActiveShadowArrow:\r\n    '0 -2px 0 -1px rgba(0, 0, 0, 0.1), 1px -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',\r\n  btnDefaultActiveShadowArrowLeft:\r\n    '0 -1px 0 0 rgba(0, 0, 0, 0.1), 1px -0.3px 0 0 rgba(0, 0, 0, 0.2), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',\r\n  btnSuccessBg: '#419d14',\r\n  btnSuccessBgStart: '#4ba91d',\r\n  btnSuccessBgEnd: '#37910b',\r\n  btnSuccessTextColor: '#fff',\r\n  btnSuccessShadow: '0 0 0 1px rgba(25, 103, 6, 0.7), 0 1px 0 0 rgba(21, 80, 7, 0.5)',\r\n  btnSuccessShadowArrow: '1px -1px 0 0 rgba(25, 103, 6, 0.7), 1px 0 0 0 rgba(21, 80, 7, 0.5)',\r\n  btnSuccessShadowArrowLeft: '1px -1px 0 0 rgba(25, 103, 6, 0.7), 0 -1px 0 0 rgba(21, 80, 7, 0.5)',\r\n  btnSuccessHoverBgStart: '#3b8d13',\r\n  btnSuccessHoverBgEnd: '#317e0b',\r\n  btnSuccessHoverShadow: '0 0 0 1px rgba(7, 73, 1, 0.7), 0 1px 0 0 rgba(16, 70, 4, 0.3)',\r\n  btnSuccessHoverShadowArrow: '1px -1px 0 0 rgba(7, 73, 1, 0.7), 1px 0 0 0 rgba(16, 70, 4, 0.3)',\r\n  btnSuccessHoverShadowArrowLeft: '1px -1px 0 0 rgba(7, 73, 1, 0.7), 0 -1px 0 0 rgba(16, 70, 4, 0.3)',\r\n  btnSuccessActiveBg: '#35840e',\r\n  btnSuccessActiveShadow:\r\n    '0 0 0 1px rgba(4, 63, 0, 0.75), 0 -1px 0 0 rgba(9, 32, 4, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\r\n  btnSuccessActiveShadowArrow:\r\n    '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 -2px 0 -1px rgba(9, 32, 4, 0.6), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',\r\n  btnSuccessActiveShadowArrowLeft:\r\n    '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 0 0 -1px rgba(9, 32, 4, 0.6), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',\r\n  btnPrimaryBg: '#1e8dd4',\r\n  btnPrimaryBgStart: '#2899ea',\r\n  btnPrimaryBgEnd: '#167ac1',\r\n  btnPrimaryTextColor: '#fff',\r\n  btnPrimaryShadow: '0 0 0 1px rgba(14, 81, 129, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.5)',\r\n  btnPrimaryShadowArrow: '1px -1px 0 0 rgba(14, 81, 129, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.5)',\r\n  btnPrimaryShadowArrowLeft: '1px -1px 0 0 rgba(14, 81, 129, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.5)',\r\n  btnPrimaryHoverBgStart: '#0087d5',\r\n  btnPrimaryHoverBgEnd: '#167ac1',\r\n  btnPrimaryHoverShadow: '0 0 0 1px rgba(5, 60, 99, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.3)',\r\n  btnPrimaryHoverShadowArrow: '1px -1px 0 0 rgba(5, 60, 99, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.3)',\r\n  btnPrimaryHoverShadowArrowLeft: '1px -1px 0 0 rgba(5, 60, 99, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.3)',\r\n  btnPrimaryActiveBg: '#0079c3',\r\n  btnPrimaryActiveShadow:\r\n    '0 0 0 1px rgba(10, 63, 99, 0.75), 0 -1px 0 0 rgba(8, 45, 96, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',\r\n  btnPrimaryActiveShadowArrow:\r\n    '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 -2px 0 -1px rgba(8, 45, 96, 0.5), inset 0 4px 5px -4px rgba(0, 0, 0, 0.2)',\r\n  btnPrimaryActiveShadowArrowLeft:\r\n    '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 0 0 -1px rgba(8, 45, 96, 0.5), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',\r\n  btnDangerBg: '#e14c30',\r\n  btnDangerBgStart: '#ec5438',\r\n  btnDangerBgEnd: '#d44327',\r\n  btnDangerTextColor: '#fff',\r\n  btnDangerShadow: '0 0 0 1px rgba(173, 15, 0, 0.7), 0 1px 0 0 rgba(0, 0, 0, 0.4)',\r\n  btnDangerShadowArrow: '1px -1px 0 0 rgba(173, 15, 0, 0.7), 1px 0 0 0 rgba(0, 0, 0, 0.4)',\r\n  btnDangerShadowArrowLeft: '1px -1px 0 0 rgba(173, 15, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.4)',\r\n  btnDangerHoverBgStart: '#d44227',\r\n  btnDangerHoverBgEnd: '#c73013',\r\n  btnDangerHoverShadow: '0 0 0 1px rgba(145, 0, 0, 0.7), 0 1px 0 0 rgba(90, 3, 3, 0.4)',\r\n  btnDangerHoverShadowArrow: '1px -1px 0 0 rgba(145, 0, 0, 0.7), 1px 0 0 0 rgba(90, 3, 3, 0.4)',\r\n  btnDangerHoverShadowArrowLeft: '1px -1px 0 0 rgba(145, 0, 0, 0.7), 0 -1px 0 0 rgba(90, 3, 3, 0.4)',\r\n  btnDangerActiveBg: '#cd381b',\r\n  btnDangerActiveShadow:\r\n    '0 0 0 1px rgba(108, 7, 7, 0.75), 0 -1px 0 0 rgba(90, 3, 3, 0.4), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\r\n  btnDangerActiveShadowArrow:\r\n    '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 -2px 0 -1px rgba(90, 3, 3, 0.4), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',\r\n  btnDangerActiveShadowArrowLeft:\r\n    '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 0 0 -1px rgba(90, 3, 3, 0.4), inset -4px 0 5px -4px rgba(0, 0, 0, 0.1)',\r\n  btnPayBg: '#ffc943',\r\n  btnPayBgStart: '#ffd54b',\r\n  btnPayBgEnd: '#ffbb39',\r\n  btnPayTextColor: 'none',\r\n  btnPayShadow: '0 0 0 1px rgba(238, 169, 34, 0.7), 0 1px 0 0 rgba(77, 16, 0, 0.56)',\r\n  btnPayShadowArrow: '1px -1px 0 0 rgba(238, 169, 34, 0.7), 1px -0.3px 0 0 rgba(77, 16, 0, 0.56)',\r\n  btnPayShadowArrowLeft: '1px -1px 0 0 rgba(238, 169, 34, 0.7), 0.2px -1px 0 -0.3px rgba(77, 16, 0, 0.56)',\r\n  btnPayHoverBgStart: '#ffbd3a',\r\n  btnPayHoverBgEnd: '#f8a91d',\r\n  btnPayHoverShadow: '0 0 0 1px rgba(227, 142, 8, 0.7), 0 1px 0 0 rgba(93, 20, 3, 0.4)',\r\n  btnPayHoverShadowArrow: '1px -1px 0 0 rgba(227, 142, 8, 0.7), 1px -0.3px 0 0 rgba(93, 20, 3, 0.4)',\r\n  btnPayHoverShadowArrowLeft: '1px -1px 0 0 rgba(227, 142, 8, 0.7), 0 -1px 0 0 rgba(93, 20, 3, 0.4)',\r\n  btnPayActiveBg: '#fbb028',\r\n  btnPayActiveShadow:\r\n    '0 0 0 1px rgba(210, 144, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.44), inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',\r\n  btnPayActiveShadowArrow:\r\n    '1px -1px 0 0 rgba(210, 144, 0, 0.7), 0 -2px 0 -1px rgba(0, 0, 0, 0.44), inset 0 4px 5px -4px rgba(0, 0, 0, 0.05)',\r\n  btnPayActiveShadowArrowLeft:\r\n    '1px -1px 0 0 rgba(210, 144, 0, 0.7), 2px -0.3px 0 -1px rgba(0, 0, 0, 0.44), inset -4px 0 5px -4px rgba(0, 0, 0, 0.05)',\r\n  sltPlaceholderColor: '#a0a0a0',\r\n  tabColorFocus: '#5199db',\r\n  tabColorError: '#e14c30',\r\n  tabColorWarning: '#ffc943',\r\n  tabColorSuccess: '#419d14',\r\n  tabColorPrimary: '#1e8dd4',\r\n  tabColorHover: '#bad7f1',\r\n  tabColorHoverError: '#f1ac9f',\r\n  tabColorHoverWarning: '#ffeec3',\r\n  tabColorHoverSuccess: '#7de849',\r\n  tabColorHoverPrimary: '#84c4ee',\r\n  tooltipCloseBtnColor: '#808080',\r\n  tooltipCloseBtnHoverColor: '#606060',\r\n  modalBackBg: '#333',\r\n  modalBackOpacity: '0.6',\r\n  modalCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\r\n  modalCloseButtonDisabledColor: '#8b8b8b',\r\n  modalCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\r\n  modalFixedHeaderBg: '#333333',\r\n  modalFixedHeaderShadow: '0 1px 7px #000000',\r\n  modalFixedFooterShadow: '0 -1px 10px #000000',\r\n  modalFooterBg: '#272727',\r\n  modalAdaptiveThreshold: '425px',\r\n  sidePageFooterPanelBg: '#272727',\r\n  sidePageCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\r\n  sidePageCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\r\n  sidePageContainerShadow: '0 5px 10px rgba(0, 0, 0, 0.2)',\r\n  dateInputIconColor: '#666',\r\n  dateInputMaskColor: '#4D4D4D',\r\n  calendarCellBg: '#333333',\r\n  calendarCellHoverBgColor: '#5199db',\r\n  calendarCellHoverColor: 'white',\r\n  calendarCellActiveHoverColor: 'white',\r\n  calendarCellWeekendColor: '#FF1414',\r\n  calendarCellTodayBorder: '1px solid #333333',\r\n  calendarCellSelectedBgColor: '#5199db',\r\n  calendarCellSelectedFontColor: 'inherit',\r\n  calendarMonthHeaderStickedBgColor: '#333333',\r\n  calendarMonthTitleBorderBottomColor: '#333333',\r\n  dateSelectMenuBg: '#333333',\r\n  dateSelectMenuItemBgActive: '#5199db',\r\n  dateSelectMenuItemBgSelected: '#5199db',\r\n  dateSelectMenuItemBgDisabled: '#333333',\r\n  dateSelectMenuItemFontActive: '#fff',\r\n  dateSelectMenuItemFontSelected: '#fff',\r\n  dateSelectMenuItemFontDisabled: '#a0a0a0',\r\n  datePickerOpenBtnColor: '#333',\r\n  pickerBg: '#333333',\r\n  pickerShadow: '0 0 0 1px #4d4d4d, 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\r\n  pickerTodayWrapperBgColor: '#333333',\r\n  pickerTodayWrapperBorderTop: '1px solid #4D4D4D',\r\n  pickerTodayWrapperHoverBgColor: '#5199db',\r\n  pagingDotsColor: '#A0A0A0',\r\n  pagingForwardLinkColor: '#00A8FF',\r\n  pagingForwardLinkDisabledColor: '#A0A0A0',\r\n  pagingPageLinkActiveBg: 'rgba(255, 255, 255, 0.06)',\r\n  pagingPageLinkActiveColor: '#a0a0a0',\r\n  pagingPageLinkHoverBg: 'rgba(255, 255, 255, 0.05)',\r\n  pagingPageLinkHintColor: 'rgba(160, 160, 160, 0.35)',\r\n  menuSeparatorBorderColor: '#404040',\r\n  toastBg: 'rgba(0, 0, 0, 0.8)',\r\n  toastColor: 'white',\r\n  toastLinkColor: '#80caff',\r\n  toastCloseColor: '#a0a0a0',\r\n  toastCloseHoverColor: 'white',\r\n  tbBg: '#262626',\r\n  tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',\r\n  tdDividerBg: '#808080',\r\n  logoColor: 'white',\r\n  logoHoverColor: '#000',\r\n  menuItemPaddingForIcon: '36px',\r\n  menuBorder: 'rgba(0, 0, 0, 0)',\r\n  menuShadow: '0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)',\r\n  toggleBgChecked: '#3072c4',\r\n  toggleBgWarning: '#f69c00',\r\n  toggleBgError: '#d70c17',\r\n  toggleBgActive: '#e5e5e5',\r\n  toggleFocusShadowColor: '#5199db',\r\n  toggleBorderColor: '#d0d0d0',\r\n  btnMenuArrowColor: '#666',\r\n  popupBorderRadius: '2px',\r\n  popupBorder: '1px solid',\r\n  popupBorderColor: '#4D4D4D',\r\n  popupDropShadow: 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))',\r\n  popupBoxShadow: '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\r\n  popupTextColor: '#fff',\r\n  inputColor: '#fff',\r\n  inputTextColor: '#fff',\r\n  inputBg: '#333',\r\n  specificityLevel: '0',\r\n  textareaBg: 'none',\r\n  textareaColor: 'inherit',\r\n});\r\n"]}
+{"version":3,"sources":["darkTheme.ts"],"names":["darkTheme","ThemeFactory","create","brandXLight","brandLight","brand","brandDark","brandXDark","white","grayXxLight","grayXLight","grayLight","gray","grayDark","black","blueXxLight","blueLight","blue","blueDark","blueXDark","greenXxLight","green","greenDark","redXxLight","red","redDark","yellowXxLight","yellow","yellowDark","bgDefault","bgDisabled","bgActive","errorMain","errorSecondary","errorText","warningMain","warningSecondary","warningText","borderColorFocus","borderColorFocusLight","borderColorGrayDark","borderColorGrayLight","borderColorError","borderColorWarning","outlineColorFocus","placeholderColor","placeholderColorLight","blinkColor","controlBorderWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","controlHeightSmall","controlHeightMedium","controlHeightLarge","checkboxCheckedColor","checkboxBg","checkboxShadow","checkboxHoverBg","checkboxBgDisabled","checkboxShadowDisabled","checkboxOutlineColorFocus","checkboxActiveBg","checkboxCheckedActiveBg","radioBgImage","radioBoxShadow","radioCheckedBulletColor","radioHoverBg","radioHoverShadow","radioDisabledShadow","radioDisabledBg","radioActiveBg","textColorDefault","textColorInvert","textColorDisabled","linkColor","linkActiveColor","linkHoverColor","linkDisabledColor","linkHoverTextDecoration","menuItemHoverBg","menuItemSelectedBg","loaderBg","loaderOpacity","btnDisabledBg","btnCheckedBg","btnCheckedTextColor","btnDefaultBg","btnDefaultHoverBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","selectPlaceholderColor","tabColorFocus","tabColorError","tabColorWarning","tabColorSuccess","tabColorPrimary","tabColorHover","tabColorHoverError","tabColorHoverWarning","tabColorHoverSuccess","tabColorHoverPrimary","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","modalBackBg","modalBackOpacity","modalCloseButtonColor","modalCloseButtonDisabledColor","modalCloseButtonHoverColor","modalFixedHeaderBg","modalFixedHeaderShadow","modalFixedFooterShadow","modalFooterBg","modalAdaptiveThreshold","sidePageFooterPanelBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","sidePageContainerShadow","dateInputIconColor","dateInputMaskColor","calendarCellBg","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarCellSelectedFontColor","calendarMonthHeaderStickedBgColor","calendarMonthTitleBorderBottomColor","dateSelectMenuBg","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","dateSelectMenuItemBgDisabled","dateSelectMenuItemFontActive","dateSelectMenuItemFontSelected","dateSelectMenuItemFontDisabled","datePickerOpenBtnColor","pickerBg","pickerShadow","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","pickerTodayWrapperHoverBgColor","pagingDotsColor","pagingForwardLinkColor","pagingForwardLinkDisabledColor","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pagingPageLinkHoverBg","pagingPageLinkHintColor","menuSeparatorBorderColor","toastBg","toastColor","toastLinkColor","toastCloseColor","toastCloseHoverColor","tdDividerBg","menuItemPaddingForIcon","menuBorder","menuShadow","toggleBaseBg","toggleBgChecked","toggleShadowColorWarning","toggleShadowColorError","toggleBgActive","toggleFocusShadowColor","toggleBorderColor","toggleBgDisabled","toggleDisabledHandleBg","btnMenuArrowColor","popupBorderRadius","popupBorder","popupBorderColor","popupDropShadow","popupBoxShadow","popupTextColor","inputColor","inputTextColor","inputBg","inputPlaceholderColorDisabled","btnDisabledTextColor","specificityLevel","textareaBg","textareaColor","tbBg","tbShadow","logoColor","logoHoverColor","DEFAULT_THEME_8PX_OLD"],"mappings":"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","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { DEFAULT_THEME_8PX_OLD } from '../../lib/theming/themes/DefaultTheme8pxOld';\n\nexport const darkTheme = ThemeFactory.create(\n  {\n    brandXLight: '#cae5f5',\n    brandLight: '#3094d0',\n    brand: '#1e79be',\n    brandDark: '#1363a0',\n    brandXDark: '#084f85',\n    white: '#fff',\n    grayXxLight: '#f2f2f2',\n    grayXLight: '#e5e5e5',\n    grayLight: '#a0a0a0',\n    gray: '#808080',\n    grayDark: '#333',\n    black: '#000',\n    blueXxLight: '#e4f3ff',\n    blueLight: '#5199db',\n    blue: '#3072c4',\n    blueDark: '#1e5aa4',\n    blueXDark: '#044785',\n    greenXxLight: '#e2f7dc',\n    green: '#3f9726',\n    greenDark: '#228007',\n    redXxLight: '#ffd6d6',\n    red: '#d70c17',\n    redDark: '#ce0014',\n    yellowXxLight: '#fff0bc',\n    yellow: '#f69c00',\n    yellowDark: '#d97e00',\n    bgDefault: '#333333',\n    bgDisabled: 'rgba(255, 255, 255, 0.05)',\n    bgActive: '#5199db',\n    errorMain: '#d70c17',\n    errorSecondary: '#ffd6d6',\n    errorText: '#ce0014',\n    warningMain: '#f69c00',\n    warningSecondary: '#fff0bc',\n    warningText: '#d97e00',\n    borderColorFocus: '#5199db',\n    borderColorFocusLight: '#bad7f1',\n    borderColorGrayDark: '#4D4D4D',\n    borderColorGrayLight: '#4D4D4D',\n    borderColorError: '#d70c17',\n    borderColorWarning: '#f69c00',\n    outlineColorFocus: '#fff',\n    placeholderColor: '#aaa',\n    placeholderColorLight: '#bbb',\n    blinkColor: 'rgba(0, 136, 255, 0.4)',\n    controlBorderWidth: '1px',\n    controlLineHeightSmall: '20px',\n    controlLineHeightMedium: '20px',\n    controlLineHeightLarge: '22px',\n    controlPaddingYSmall: '6px',\n    controlPaddingYMedium: '9px',\n    controlPaddingYLarge: '10px',\n    controlHeightSmall: '34px',\n    controlHeightMedium: '40px',\n    controlHeightLarge: '44px',\n    checkboxCheckedColor: '#fff',\n    get checkboxBg() {\n      return this.bgDefault;\n    },\n    checkboxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    checkboxHoverBg: 'none',\n    checkboxBgDisabled: 'rgba(255, 255, 255, 0.05)',\n    checkboxShadowDisabled: '0 0 0 1px #4D4D4D',\n    get checkboxOutlineColorFocus() {\n      return this.bgDefault;\n    },\n    get checkboxActiveBg() {\n      return this.bgDefault;\n    },\n    get checkboxCheckedActiveBg() {\n      return this.bgDefault;\n    },\n    get radioBgImage() {\n      return `linear-gradient(${this.bgDefault},${this.bgDefault})`;\n    },\n    radioBoxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    radioCheckedBulletColor: '#fff',\n    radioHoverBg: 'none',\n    radioHoverShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    radioDisabledShadow: '0 0 0 1px #4D4D4D',\n    radioDisabledBg: 'rgba(255, 255, 255, 0.05)',\n    get radioActiveBg() {\n      return this.bgDefault;\n    },\n    textColorDefault: '#fff',\n    textColorInvert: '#fff',\n    textColorDisabled: '#a0a0a0',\n    linkColor: '#fff',\n    linkActiveColor: 'rgba(255, 255, 255, 0.66)',\n    linkHoverColor: '#fff',\n    linkDisabledColor: '#a0a0a0',\n    linkHoverTextDecoration: 'underline',\n    menuItemHoverBg: '#0488E0',\n    menuItemSelectedBg: 'rgba(255, 255, 255, 0.05)',\n    loaderBg: '#333',\n    loaderOpacity: '0.9',\n    btnDisabledBg: 'rgba(255, 255, 255, 0.05)',\n    btnCheckedBg: '#737373',\n    btnCheckedTextColor: '#fff',\n    btnDefaultBg: '#333333',\n    btnDefaultHoverBg: '#444444',\n    btnDefaultBgStart: 'none',\n    btnDefaultBgEnd: 'none',\n    btnDefaultBorderColor: 'rgba(255,255,255, 1)',\n    btnDefaultBorderBottomColor: 'rgba(255,255,255, 1)',\n    btnDefaultHoverBgStart: '#333',\n    btnDefaultHoverBgEnd: '#333',\n    btnDefaultHoverBorderColor: 'rgba(255,255,255,0.9)',\n    btnDefaultHoverBorderBottomColor: 'rgba(255,255,255,0.7)',\n    btnDefaultActiveBg: '#e1e1e1',\n    btnDefaultActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n    btnDefaultActiveBorderColor: 'rgba(0, 0, 0, 0.2)',\n    btnDefaultActiveBorderTopColor: 'rgba(0, 0, 0, 28)',\n    btnSuccessBg: '#419d14',\n    btnSuccessBgStart: '#4ba91d',\n    btnSuccessBgEnd: '#37910b',\n    btnSuccessTextColor: '#fff',\n    btnSuccessBorderColor: 'rgba(25, 103, 6, 0.7)',\n    btnSuccessBorderBottomColor: 'rgba(23, 89, 7, 0.85)',\n    btnSuccessHoverBgStart: '#3b8d13',\n    btnSuccessHoverBgEnd: '#317e0b',\n    btnSuccessHoverBorderColor: 'rgba(7, 73, 1, 0.7)',\n    btnSuccessHoverBorderBottomColor: 'rgba(10, 72, 2, 0.79)',\n    btnSuccessActiveBg: '#35840e',\n    btnSuccessActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n    btnSuccessActiveBorderColor: 'rgba(4, 63, 0, 0.75)',\n    btnSuccessActiveBorderTopColor: 'rgba(7, 42, 3, 0.9)',\n    btnPrimaryBg: '#1e8dd4',\n    btnPrimaryBgStart: '#2899ea',\n    btnPrimaryBgEnd: '#167ac1',\n    btnPrimaryTextColor: '#fff',\n    btnPrimaryBorderColor: 'rgba(14, 81, 129, 0.7)',\n    btnPrimaryBorderBottomColor: 'rgba(10, 55, 100, 0.85) ',\n    btnPrimaryHoverBgStart: '#0087d5',\n    btnPrimaryHoverBgEnd: '#167ac1',\n    btnPrimaryHoverBorderColor: 'rgba(5, 60, 99, 0.7)',\n    btnPrimaryHoverBorderBottomColor: 'rgba(6, 51, 92, 0.79)',\n    btnPrimaryActiveBg: '#0079c3',\n    btnPrimaryActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',\n    btnPrimaryActiveBorderColor: 'rgba(10, 63, 99, 0.75)',\n    btnPrimaryActiveBorderTopColor: 'rgba(9, 53, 97, 0.88)',\n    btnDangerBg: '#e14c30',\n    btnDangerBgStart: '#ec5438',\n    btnDangerBgEnd: '#d44327',\n    btnDangerTextColor: '#fff',\n    btnDangerBorderColor: 'rgba(173, 15, 0, 0.7)',\n    btnDangerBorderBottomColor: 'rgba(89, 8, 0, 0.82)',\n    btnDangerHoverBgStart: '#d44227',\n    btnDangerHoverBgEnd: '#c73013',\n    btnDangerHoverBorderColor: 'rgba(145, 0, 0, 0.7)',\n    btnDangerHoverBorderBottomColor: 'rgba(118, 1, 1, 0.82) ',\n    btnDangerActiveBg: '#cd381b',\n    btnDangerActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n    btnDangerActiveBorderColor: 'rgba(108, 7, 7, 0.75)',\n    btnDangerActiveBorderTopColor: 'rgba(100, 5, 5, 0.85)',\n    btnPayBg: '#ffc943',\n    btnPayBgStart: '#ffd54b',\n    btnPayBgEnd: '#ffbb39',\n    btnPayBorderColor: 'rgba(238, 169, 34, 0.7)',\n    btnPayBorderBottomColor: 'rgba(134, 70, 12, 0.87)',\n    btnPayHoverBgStart: '#ffbd3a',\n    btnPayHoverBgEnd: '#f8a91d',\n    btnPayHoverBorderColor: 'rgba(227, 142, 8, 0.7)',\n    btnPayHoverBorderBottomColor: 'rgba(162, 82, 6, 0.82)',\n    btnPayActiveBg: '#fbb028',\n    btnPayActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n    btnPayActiveBorderColor: 'rgba(210, 144, 0, 0.7)',\n    btnPayActiveBorderTopColor: 'rgba(99, 68, 0, 0.832)',\n    selectPlaceholderColor: '#a0a0a0',\n    tabColorFocus: '#5199db',\n    tabColorError: '#e14c30',\n    tabColorWarning: '#ffc943',\n    tabColorSuccess: '#419d14',\n    tabColorPrimary: '#1e8dd4',\n    tabColorHover: '#bad7f1',\n    tabColorHoverError: '#f1ac9f',\n    tabColorHoverWarning: '#ffeec3',\n    tabColorHoverSuccess: '#7de849',\n    tabColorHoverPrimary: '#84c4ee',\n    tooltipCloseBtnColor: '#808080',\n    tooltipCloseBtnHoverColor: '#606060',\n    modalBackBg: '#333',\n    modalBackOpacity: '0.6',\n    modalCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n    modalCloseButtonDisabledColor: '#8b8b8b',\n    modalCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n    modalFixedHeaderBg: '#333333',\n    modalFixedHeaderShadow: '0 1px 7px #000000',\n    modalFixedFooterShadow: '0 -1px 10px #000000',\n    modalFooterBg: '#272727',\n    modalAdaptiveThreshold: '425px',\n    sidePageFooterPanelBg: '#272727',\n    sidePageCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n    sidePageCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n    sidePageContainerShadow: '0 5px 10px rgba(0, 0, 0, 0.2)',\n    dateInputIconColor: '#666',\n    dateInputMaskColor: '#4D4D4D',\n    calendarCellBg: '#333333',\n    calendarCellHoverBgColor: '#5199db',\n    calendarCellHoverColor: 'white',\n    calendarCellActiveHoverColor: 'white',\n    calendarCellWeekendColor: '#FF1414',\n    calendarCellTodayBorder: '1px solid #333333',\n    calendarCellSelectedBgColor: '#5199db',\n    calendarCellSelectedFontColor: 'inherit',\n    calendarMonthHeaderStickedBgColor: '#333333',\n    calendarMonthTitleBorderBottomColor: '#333333',\n    dateSelectMenuBg: '#333333',\n    dateSelectMenuItemBgActive: '#5199db',\n    dateSelectMenuItemBgSelected: '#5199db',\n    dateSelectMenuItemBgDisabled: '#333333',\n    dateSelectMenuItemFontActive: '#fff',\n    dateSelectMenuItemFontSelected: '#fff',\n    dateSelectMenuItemFontDisabled: '#a0a0a0',\n    datePickerOpenBtnColor: '#333',\n    pickerBg: '#333333',\n    pickerShadow: '0 0 0 1px #4d4d4d, 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n    pickerTodayWrapperBgColor: '#333333',\n    pickerTodayWrapperBorderTop: '1px solid #4D4D4D',\n    pickerTodayWrapperHoverBgColor: '#5199db',\n    pagingDotsColor: '#A0A0A0',\n    pagingForwardLinkColor: '#00A8FF',\n    pagingForwardLinkDisabledColor: '#A0A0A0',\n    pagingPageLinkActiveBg: 'rgba(255, 255, 255, 0.06)',\n    pagingPageLinkActiveColor: '#a0a0a0',\n    pagingPageLinkHoverBg: 'rgba(255, 255, 255, 0.05)',\n    pagingPageLinkHintColor: 'rgba(160, 160, 160, 0.35)',\n    menuSeparatorBorderColor: '#404040',\n    toastBg: 'rgba(0, 0, 0, 0.8)',\n    toastColor: 'white',\n    toastLinkColor: '#80caff',\n    toastCloseColor: '#a0a0a0',\n    toastCloseHoverColor: 'white',\n    tdDividerBg: '#808080',\n    menuItemPaddingForIcon: '36px',\n    menuBorder: 'rgba(0, 0, 0, 0)',\n    menuShadow: '0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)',\n    get toggleBaseBg() {\n      return this.bgDefault;\n    },\n    toggleBgChecked: '#3072c4',\n    toggleShadowColorWarning: '#f69c00',\n    toggleShadowColorError: '#d70c17',\n    toggleBgActive: '#e5e5e5',\n    toggleFocusShadowColor: '#5199db',\n    toggleBorderColor: 'rgba(255, 255, 255, 0.15)',\n    get toggleBgDisabled() {\n      return this.bgDefault;\n    },\n    toggleDisabledHandleBg: '#4D4D4D',\n    btnMenuArrowColor: '#666',\n    popupBorderRadius: '2px',\n    popupBorder: '1px solid',\n    popupBorderColor: '#4D4D4D',\n    popupDropShadow: 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))',\n    popupBoxShadow: '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n    popupTextColor: '#fff',\n    inputColor: '#fff',\n    inputTextColor: '#fff',\n    inputBg: '#333',\n    inputPlaceholderColorDisabled: '#aaa',\n    btnDisabledTextColor: '#aaa',\n    specificityLevel: '0',\n    textareaBg: 'none',\n    textareaColor: 'inherit',\n\n    // react-ui-addons vars\n    // live here because\n    // dark theme is unofficial\n    tbBg: '#262626',\n    tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',\n    logoColor: 'white',\n    logoHoverColor: '#000',\n  },\n  DEFAULT_THEME_8PX_OLD,\n);\n"]}

package/cjs/internal/ThemeShowcase/ThemeShowcase.js

@@ -1,9 +1,7 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ThemeShowcase = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-
 
 var _DefaultTheme = require("../../lib/theming/themes/DefaultTheme");
-var _FlatTheme = require("../../lib/theming/themes/FlatTheme");
+var _DarkTheme = require("../../lib/theming/themes/DarkTheme");
 var _ComboBox = require("../../components/ComboBox");
 var _Gapped = require("../../components/Gapped");
 var _Link = require("../../components/Link");
@@ -12,6 +10,9 @@ var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunc
 var _Tooltip = require("../../components/Tooltip");
 var _Supports = require("../../lib/Supports");
 
+var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
 var _VariablesCollector = require("./VariablesCollector");
 
 
@@ -114,6 +115,12 @@ ThemeShowcase = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
 
 
 
+
+
+
+
+
+
 
 
 
@@ -141,7 +148,7 @@ ThemeShowcase = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       if (!_this.isUnmounting) {
         _this.setState({ selectedVariable: undefined });
       }
-    };return _this;}var _proto = ThemeShowcase.prototype;_proto.UNSAFE_componentWillMount = function UNSAFE_componentWillMount() {var _this2 = this;if (this.props.isDebugMode) {ALL_VARIABLES.forEach(function (variable) {var found = _VariablesCollector.ALL_USED_VARIABLES.includes(variable);if (!found) {_this2.variablesDiff.push(variable);}});}};_proto.render = function render() {var _this3 = this;if (!_Supports.IS_PROXY_SUPPORTED) {return _react.default.createElement("div", null, "\u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0442\u043E\u043B\u044C\u043A\u043E \u0432", ' ', _react.default.createElement(_Link.Link, { href: 'https://caniuse.com/#feat=proxy', target: '_blank' }, "\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0441 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u043E\u0439 Proxy"), ".");}var selectedVariable = this.state.selectedVariable;var descriptionsToRender = selectedVariable ? _VariablesCollector.COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {} : _VariablesCollector.COMPONENT_DESCRIPTIONS;var isDebugMode = this.props.isDebugMode;var callsCount = isDebugMode ? "(" + _VariablesCollector.CALLS_COUNT + " \u0432\u044B\u0437\u043E\u0432\u043E\u0432)" : '';var executionTime = isDebugMode ? "\u0421\u0433\u0435\u043D\u0435\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0437\u0430 " + _VariablesCollector.EXECUTION_TIME.toFixed(3) + "ms" : '';return _react.default.createElement(_Gapped.Gapped, { wrap: true, gap: 30, verticalAlign: 'top' }, _react.default.createElement("div", null, _react.default.createElement(_Sticky.Sticky, { side: 'top' }, _react.default.createElement("div", { className: _ThemeShowcase.jsStyles.searchBar(), "data-perf-info": executionTime + " " + callsCount }, _react.default.createElement(_Gapped.Gapped, { gap: 15 }, _react.default.createElement(_ComboBox.ComboBox, { getItems: this.getItems, value: selectedVariable, onValueChange: this.handleVariableChange, onUnexpectedInput: this.handleUnexpectedVariableInput, placeholder: 'поиск по названию переменной' }), !!selectedVariable && _react.default.createElement(_Link.Link, { onClick: this.resetVariable }, "\u0441\u0431\u0440\u043E\u0441\u0438\u0442\u044C")))), Object.keys(descriptionsToRender).sort().map(function (componentName) {return _react.default.createElement(ComponentShowcase, { key: componentName, name: componentName, description: descriptionsToRender[componentName], isDebugMode: isDebugMode, onVariableSelect: _this3.handleVariableChange });})), _react.default.createElement(ShowUnusedVariables, { diff: this.variablesDiff }));};_proto.componentWillUnmount = function componentWillUnmount() {this.isUnmounting = true;};_proto.getValues = function getValues(query) {var lowerCaseQuery = query && query.toLowerCase().trim();var allItems = _VariablesCollector.ALL_USED_VARIABLES;if (lowerCaseQuery) {allItems = _VariablesCollector.ALL_USED_VARIABLES.filter(function (usedVariable) {return usedVariable.toLowerCase().startsWith(lowerCaseQuery);});}return allItems.map(function (usedVariableName) {return { value: usedVariableName, label: usedVariableName };});};return ThemeShowcase;}(_react.default.Component);exports.ThemeShowcase = ThemeShowcase;var
+    };return _this;}var _proto = ThemeShowcase.prototype;_proto.UNSAFE_componentWillMount = function UNSAFE_componentWillMount() {var _this2 = this;if (this.props.isDebugMode) {ALL_VARIABLES.forEach(function (variable) {var found = _VariablesCollector.ALL_USED_VARIABLES.includes(variable);if (!found) {_this2.variablesDiff.push(variable);}});}};_proto.render = function render() {var _this3 = this;if (!_Supports.IS_PROXY_SUPPORTED) {return /*#__PURE__*/_react.default.createElement("div", null, "\u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0442\u043E\u043B\u044C\u043A\u043E \u0432", ' ', /*#__PURE__*/_react.default.createElement(_Link.Link, { href: 'https://caniuse.com/#feat=proxy', target: '_blank' }, "\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0441 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u043E\u0439 Proxy"), ".");}var selectedVariable = this.state.selectedVariable;var descriptionsToRender = selectedVariable ? _VariablesCollector.COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {} : _VariablesCollector.COMPONENT_DESCRIPTIONS;var isDebugMode = this.props.isDebugMode;var callsCount = isDebugMode ? "(" + _VariablesCollector.CALLS_COUNT + " \u0432\u044B\u0437\u043E\u0432\u043E\u0432)" : '';var executionTime = isDebugMode ? "\u0421\u0433\u0435\u043D\u0435\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0437\u0430 " + _VariablesCollector.EXECUTION_TIME.toFixed(3) + "ms" : '';return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { wrap: true, gap: 30, verticalAlign: 'top' }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Sticky.Sticky, { side: 'top' }, /*#__PURE__*/_react.default.createElement("div", { className: _ThemeShowcase.styles.searchBar(theme), "data-perf-info": executionTime + " " + callsCount }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 15 }, /*#__PURE__*/_react.default.createElement(_ComboBox.ComboBox, { getItems: _this3.getItems, value: selectedVariable, onValueChange: _this3.handleVariableChange, onUnexpectedInput: _this3.handleUnexpectedVariableInput, placeholder: 'поиск по названию переменной' }), !!selectedVariable && /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: _this3.resetVariable }, "\u0441\u0431\u0440\u043E\u0441\u0438\u0442\u044C")))), Object.keys(descriptionsToRender).sort().map(function (componentName) {return /*#__PURE__*/_react.default.createElement(ComponentShowcase, { key: componentName, name: componentName, description: descriptionsToRender[componentName], isDebugMode: isDebugMode, onVariableSelect: _this3.handleVariableChange });})), /*#__PURE__*/_react.default.createElement(ShowUnusedVariables, { diff: _this3.variablesDiff }));});};_proto.componentWillUnmount = function componentWillUnmount() {this.isUnmounting = true;};_proto.getValues = function getValues(query) {var lowerCaseQuery = query && query.toLowerCase().trim();var allItems = _VariablesCollector.ALL_USED_VARIABLES;if (lowerCaseQuery) {allItems = _VariablesCollector.ALL_USED_VARIABLES.filter(function (usedVariable) {return usedVariable.toLowerCase().startsWith(lowerCaseQuery);});}return allItems.map(function (usedVariableName) {return { value: usedVariableName, label: usedVariableName };});};return ThemeShowcase;}(_react.default.Component);exports.ThemeShowcase = ThemeShowcase;var
 
 
 
@@ -155,43 +162,57 @@ ComponentShowcase = /*#__PURE__*/function (_React$Component2) {(0, _inheritsLoos
     this.props,name = _this$props.name,description = _this$props.description,onVariableSelect = _this$props.onVariableSelect,isDebugMode = _this$props.isDebugMode;
     var elements = Object.keys(description);
 
-    return (
-      _react.default.createElement(_react.default.Fragment, null,
-      _react.default.createElement(_Sticky.Sticky, { side: 'top', offset: 40 },
-      function (isSticky) {var _cn;return (
-          _react.default.createElement("h2", {
-            className: (0, _classnames.default)((_cn = {}, _cn[
-            _ThemeShowcase.jsStyles.heading()] = true, _cn[
-            _ThemeShowcase.jsStyles.headingSticky()] = isSticky, _cn)) },
+    return /*#__PURE__*/(
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {
+        return /*#__PURE__*/(
+          _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+          _react.default.createElement(_Sticky.Sticky, { side: 'top', offset: 40 },
+          function (isSticky) {var _cx;return /*#__PURE__*/(
+              _react.default.createElement("h2", {
+                className: (0, _Emotion.cx)((_cx = {}, _cx[
+                _ThemeShowcase.styles.heading(theme)] = true, _cx[
+                _ThemeShowcase.styles.headingSticky()] = isSticky, _cx)) },
+
+
+              _this4.props.name));}), /*#__PURE__*/
 
 
-          _this4.props.name));}),
 
+          _react.default.createElement("table", { className: _ThemeShowcase.styles.table() }, /*#__PURE__*/
+          _react.default.createElement("thead", null, /*#__PURE__*/
+          _react.default.createElement("tr", null, /*#__PURE__*/
+          _react.default.createElement("th", { className: _ThemeShowcase.styles.headerCell(), style: { width: 170 } }, "ClassName"), /*#__PURE__*/
 
 
-      _react.default.createElement("table", { className: _ThemeShowcase.jsStyles.table() },
-      _react.default.createElement("thead", null,
-      _react.default.createElement("tr", null,
-      _react.default.createElement("th", { style: { width: 170 } }, "ClassName"),
-      _react.default.createElement("th", { style: { width: 210 } }, "Variable Name"),
-      _react.default.createElement("th", { style: { width: 250 } }, "Default Value"),
-      _react.default.createElement("th", { style: { width: 250 } }, "Flat Value"))),
+          _react.default.createElement("th", { className: _ThemeShowcase.styles.headerCell(), style: { width: 210 } }, "Variable Name"), /*#__PURE__*/
 
 
-      _react.default.createElement("tbody", null,
-      elements.map(function (el) {return (
-          _react.default.createElement(ComponentShowcaseRow, {
-            key: name + "_" + el,
-            element: el,
-            row: description[el],
-            onVariableSelect: onVariableSelect,
-            isDebugMode: isDebugMode }));})))));
+          _react.default.createElement("th", { className: _ThemeShowcase.styles.headerCell(), style: { width: 250 } }, "Default Value"), /*#__PURE__*/
 
 
+          _react.default.createElement("th", { className: _ThemeShowcase.styles.headerCell(), style: { width: 250 } }, "Dark Value"))), /*#__PURE__*/
 
 
 
 
+          _react.default.createElement("tbody", null,
+          elements.map(function (el) {return /*#__PURE__*/(
+              _react.default.createElement(ComponentShowcaseRow, {
+                key: name + "_" + el,
+                element: el,
+                row: description[el],
+                onVariableSelect: onVariableSelect,
+                isDebugMode: isDebugMode }));})))));
+
+
+
+
+
+
+      }));
+
+
   };return ComponentShowcase;}(_react.default.Component);var
 
 
@@ -207,40 +228,48 @@ ComponentShowcaseRow = /*#__PURE__*/function (_React$Component3) {(0, _inheritsL
     this.props,el = _this$props2.element,row = _this$props2.row,isDebugMode = _this$props2.isDebugMode;
     var rowSpan = row.variables.length + 1;
 
-    return (
-      _react.default.createElement(_react.default.Fragment, null,
-      _react.default.createElement("tr", { className: _ThemeShowcase.jsStyles.invisibleRow() },
-      _react.default.createElement("td", { rowSpan: rowSpan },
-      _react.default.createElement("span", { className: _ThemeShowcase.jsStyles.elementName() }, ".", el)),
+    return /*#__PURE__*/(
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {
+        return /*#__PURE__*/(
+          _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+          _react.default.createElement("tr", { className: _ThemeShowcase.styles.invisibleRow(theme) }, /*#__PURE__*/
+          _react.default.createElement("td", { className: (0, _Emotion.cx)(_ThemeShowcase.styles.cell(), _ThemeShowcase.styles.majorCell()), rowSpan: rowSpan }, /*#__PURE__*/
+          _react.default.createElement("span", { className: _ThemeShowcase.styles.elementName() }, ".", el)), /*#__PURE__*/
+
+          _react.default.createElement("td", { className: _ThemeShowcase.styles.invisibleCell() }), /*#__PURE__*/
+          _react.default.createElement("td", { className: _ThemeShowcase.styles.invisibleCell() }), /*#__PURE__*/
+          _react.default.createElement("td", { className: _ThemeShowcase.styles.invisibleCell() })),
+
+          row.variables.map(function (varName) {var _cx2;
+            var dependencies = row.dependencies[varName] || EMPTY_ARRAY;
+            var variableDefault = _DefaultTheme.DEFAULT_THEME[varName];
+            var variableDark = _DarkTheme.DARK_THEME[varName];
+            var hasNoVariables = isDebugMode && !variableDefault;
+            return /*#__PURE__*/(
+              _react.default.createElement("tr", {
+                key: el + "_" + varName,
+                className: (0, _Emotion.cx)(_ThemeShowcase.styles.row(theme), (_cx2 = {}, _cx2[_ThemeShowcase.styles.suspiciousRow()] = hasNoVariables, _cx2)) }, /*#__PURE__*/
 
-      _react.default.createElement("td", { className: _ThemeShowcase.jsStyles.invisibleCell() }),
-      _react.default.createElement("td", { className: _ThemeShowcase.jsStyles.invisibleCell() }),
-      _react.default.createElement("td", { className: _ThemeShowcase.jsStyles.invisibleCell() })),
+              _react.default.createElement("td", { className: _ThemeShowcase.styles.cell() }, /*#__PURE__*/
+              _react.default.createElement(VariableName, {
+                variableName: varName,
+                dependencies: dependencies,
+                onVariableSelect: _this5.props.onVariableSelect })), /*#__PURE__*/
 
-      row.variables.map(function (varName) {var _cn2;
-        var dependencies = row.dependencies[varName] || EMPTY_ARRAY;
-        var variableDefault = _DefaultTheme.DEFAULT_THEME[varName];
-        var variableFlat = _FlatTheme.FLAT_THEME[varName];
-        var hasNoVariables = isDebugMode && !variableDefault && !variableFlat;
 
-        return (
-          _react.default.createElement("tr", { key: el + "_" + varName, className: (0, _classnames.default)((_cn2 = {}, _cn2[_ThemeShowcase.jsStyles.suspiciousRow()] = hasNoVariables, _cn2)) },
-          _react.default.createElement("td", null,
-          _react.default.createElement(VariableName, {
-            variableName: varName,
-            dependencies: dependencies,
-            onVariableSelect: _this5.props.onVariableSelect })),
+              _react.default.createElement("td", { className: _ThemeShowcase.styles.cell() }, /*#__PURE__*/
+              _react.default.createElement(VariableValue, { value: variableDefault })), /*#__PURE__*/
 
+              _react.default.createElement("td", { className: _ThemeShowcase.styles.cell() }, /*#__PURE__*/
+              _react.default.createElement(VariableValue, { value: variableDark }))));
 
-          _react.default.createElement("td", null,
-          _react.default.createElement(VariableValue, { value: variableDefault })),
 
-          _react.default.createElement("td", null,
-          _react.default.createElement(VariableValue, { value: variableFlat }))));
 
+          })));
 
 
-      })));
+      }));
 
 
   };return ComponentShowcaseRow;}(_react.default.Component);var
@@ -252,7 +281,7 @@ ComponentShowcaseRow = /*#__PURE__*/function (_React$Component3) {(0, _inheritsL
 
 
 
-VariableName = /*#__PURE__*/function (_React$Component4) {(0, _inheritsLoose2.default)(VariableName, _React$Component4);function VariableName() {var _this6;for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {args[_key3] = arguments[_key3];}_this6 = _React$Component4.call.apply(_React$Component4, [this].concat(args)) || this;_this6.
+VariableName = /*#__PURE__*/function (_React$Component4) {(0, _inheritsLoose2.default)(VariableName, _React$Component4);function VariableName() {var _this6;for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {args[_key2] = arguments[_key2];}_this6 = _React$Component4.call.apply(_React$Component4, [this].concat(args)) || this;_this6.
 
 
 
@@ -287,14 +316,14 @@ VariableName = /*#__PURE__*/function (_React$Component4) {(0, _inheritsLoose2.de
       if (onVariableSelect) {
         onVariableSelect({ value: variableName, label: variableName });
       }
-    };return _this6;}var _proto4 = VariableName.prototype;_proto4.render = function render() {return _react.default.createElement("span", null, _react.default.createElement("span", { className: _ThemeShowcase.jsStyles.variableName(), onClick: this.handleVariableSelect }, this.props.variableName), this.props.dependencies.length > 0 && this.renderDependencies());};_proto4.renderDependencies = function renderDependencies() {var _this$props3 = this.props,dependencies = _this$props3.dependencies,onVariableSelect = _this$props3.onVariableSelect;return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("br", null), _react.default.createElement("br", null), "\u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442:", dependencies.map(function (dependency) {return _react.default.createElement(DependencyName, { key: "dependency_" + dependency, dependencyName: dependency, onDependencySelect: onVariableSelect });}));};return VariableName;}(_react.default.Component);var
+    };return _this6;}var _proto4 = VariableName.prototype;_proto4.render = function render() {return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", { className: _ThemeShowcase.styles.variableName(), onClick: this.handleVariableSelect }, this.props.variableName), this.props.dependencies.length > 0 && this.renderDependencies());};_proto4.renderDependencies = function renderDependencies() {var _this$props3 = this.props,dependencies = _this$props3.dependencies,onVariableSelect = _this$props3.onVariableSelect;return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "\u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442:", dependencies.map(function (dependency) {return /*#__PURE__*/_react.default.createElement(DependencyName, { key: "dependency_" + dependency, dependencyName: dependency, onDependencySelect: onVariableSelect });}));};return VariableName;}(_react.default.Component);var
 
 
 
 
 
 
-DependencyName = /*#__PURE__*/function (_React$Component5) {(0, _inheritsLoose2.default)(DependencyName, _React$Component5);function DependencyName() {var _this7;for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {args[_key4] = arguments[_key4];}_this7 = _React$Component5.call.apply(_React$Component5, [this].concat(args)) || this;_this7.
+DependencyName = /*#__PURE__*/function (_React$Component5) {(0, _inheritsLoose2.default)(DependencyName, _React$Component5);function DependencyName() {var _this7;for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {args[_key3] = arguments[_key3];}_this7 = _React$Component5.call.apply(_React$Component5, [this].concat(args)) || this;_this7.
 
 
 
@@ -312,12 +341,11 @@ DependencyName = /*#__PURE__*/function (_React$Component5) {(0, _inheritsLoose2.
     getValues = function () {
       var dependencyName = _this7.props.dependencyName;
       var dependencyDefault = _DefaultTheme.DEFAULT_THEME[dependencyName];
-      var dependencyFlat = _FlatTheme.FLAT_THEME[dependencyName];
-      return (
-        _react.default.createElement(_react.default.Fragment, null,
-        _react.default.createElement("span", null, "Default value: ", _react.default.createElement(VariableValue, { value: dependencyDefault })),
-        _react.default.createElement("br", null),
-        _react.default.createElement("span", null, "Flat value: ", _react.default.createElement(VariableValue, { value: dependencyFlat }))));
+      var dependencyDark = _DarkTheme.DARK_THEME[dependencyName];
+      return /*#__PURE__*/(
+        _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+        _react.default.createElement("span", null, "Default value: ", /*#__PURE__*/_react.default.createElement(VariableValue, { value: dependencyDefault })), /*#__PURE__*/
+        _react.default.createElement("span", null, "Dark value: ", /*#__PURE__*/_react.default.createElement(VariableValue, { value: dependencyDark }))));
 
 
     };_this7.
@@ -327,10 +355,10 @@ DependencyName = /*#__PURE__*/function (_React$Component5) {(0, _inheritsLoose2.
       if (onDependencySelect) {
         onDependencySelect({ value: dependencyName, label: dependencyName });
       }
-    };return _this7;}var _proto5 = DependencyName.prototype;_proto5.render = function render() {return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("br", null), "\u2013", ' ', _react.default.createElement(_Tooltip.Tooltip, { trigger: 'hover', render: this.getValues, pos: 'right middle' }, _react.default.createElement("span", { className: _ThemeShowcase.jsStyles.variableName(), onClick: this.handleDependencySelect }, this.props.dependencyName)));};return DependencyName;}(_react.default.Component);
+    };return _this7;}var _proto5 = DependencyName.prototype;_proto5.render = function render() {return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), "\u2013", ' ', /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, { trigger: 'hover', render: this.getValues, pos: 'right middle' }, /*#__PURE__*/_react.default.createElement("span", { className: _ThemeShowcase.styles.variableName(), onClick: this.handleDependencySelect }, this.props.dependencyName)));};return DependencyName;}(_react.default.Component);
 
 
-var VariableValue = function VariableValue(props) {var _cn3;
+var VariableValue = function VariableValue(props) {var _cx3;
   var value = props.value;
   var valueIsColor = isColor(value);
   var valueIsGradient = isGradient(value);
@@ -340,9 +368,9 @@ var VariableValue = function VariableValue(props) {var _cn3;
     borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';
   }
 
-  return (
-    _react.default.createElement("span", { className: (0, _classnames.default)((_cn3 = {}, _cn3[_ThemeShowcase.jsStyles.undefined()] = !value, _cn3)) },
-    hasExample && _react.default.createElement("span", { className: _ThemeShowcase.jsStyles.colorExample(), style: { background: value, borderColor: borderColor } }),
+  return /*#__PURE__*/(
+    _react.default.createElement("span", { className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_ThemeShowcase.styles.undefined()] = !value, _cx3)) },
+    hasExample && /*#__PURE__*/_react.default.createElement("span", { className: _ThemeShowcase.styles.colorExample(), style: { background: value, borderColor: borderColor } }),
     value || 'undefined'));
 
 
@@ -353,12 +381,12 @@ var ShowUnusedVariables = function ShowUnusedVariables(props) {
     return null;
   }
 
-  return (
-    _react.default.createElement("div", { className: _ThemeShowcase.jsStyles.unusedVariablesWarning() }, "\u041D\u0435\u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u043D\u044B\u0435 \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0435 (",
-    props.diff.length, "):",
+  return /*#__PURE__*/(
+    _react.default.createElement("div", { className: _ThemeShowcase.styles.unusedVariablesWarning() }, "\u041D\u0435\u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u043D\u044B\u0435 \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0435 (",
+    props.diff.length, "):", /*#__PURE__*/
 
     _react.default.createElement("ul", null,
-    props.diff.sort().map(function (v) {return (
+    props.diff.sort().map(function (v) {return /*#__PURE__*/(
         _react.default.createElement("li", { key: v }, v));}))));
 
 

package/cjs/internal/ThemeShowcase/ThemeShowcase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeShowcase.tsx"],"names":["EMPTY_ARRAY","ALL_VARIABLES","Object","keys","defaultVariables","ThemeShowcase","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","UNSAFE_componentWillMount","props","isDebugMode","forEach","variable","found","ALL_USED_VARIABLES","includes","push","render","IS_PROXY_SUPPORTED","descriptionsToRender","COMPONENT_DESCRIPTIONS_BY_VARIABLE","value","COMPONENT_DESCRIPTIONS","callsCount","CALLS_COUNT","executionTime","EXECUTION_TIME","toFixed","jsStyles","searchBar","sort","map","componentName","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","React","Component","ComponentShowcase","name","description","onVariableSelect","elements","isSticky","heading","headingSticky","table","width","el","ComponentShowcaseRow","element","row","rowSpan","variables","invisibleRow","elementName","invisibleCell","varName","dependencies","variableDefault","variableFlat","flatVariables","hasNoVariables","suspiciousRow","VariableName","handleVariableSelect","variableName","renderDependencies","dependency","DependencyName","dependencyName","dependencyDefault","dependencyFlat","handleDependencySelect","onDependencySelect","VariableValue","valueIsColor","isColor","valueIsGradient","isGradient","hasExample","borderColor","ColorFunctions","contrast","colorExample","background","ShowUnusedVariables","diff","unusedVariablesWarning","v","input"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport { Theme } from 'react-ui/lib/theming/Theme';\r\n\r\nimport { DEFAULT_THEME as defaultVariables } from '../../lib/theming/themes/DefaultTheme';\r\nimport { FLAT_THEME as flatVariables } from '../../lib/theming/themes/FlatTheme';\r\nimport { ComboBox, ComboBoxItem } from '../../components/ComboBox';\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Link } from '../../components/Link';\r\nimport { Sticky } from '../../components/Sticky';\r\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\r\nimport { Tooltip } from '../../components/Tooltip';\r\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\r\n\r\nimport {\r\n  ALL_USED_VARIABLES,\r\n  CALLS_COUNT,\r\n  COMPONENT_DESCRIPTIONS,\r\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\r\n  ComponentDescriptionType,\r\n  ComponentRowDescriptionType,\r\n  EXECUTION_TIME,\r\n} from './VariablesCollector';\r\nimport { jsStyles } from './ThemeShowcase.styles';\r\n\r\nconst EMPTY_ARRAY: string[] = [];\r\n\r\nconst ALL_VARIABLES = Object.keys(defaultVariables) as Array<keyof Theme>;\r\n\r\ninterface ShowcaseProps {\r\n  isDebugMode?: boolean;\r\n}\r\ninterface ShowcaseState {\r\n  selectedVariable?: ComboBoxItem;\r\n}\r\n\r\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\r\n  public state: ShowcaseState = {};\r\n\r\n  private isUnmounting = false;\r\n  private variablesDiff: string[] = [];\r\n\r\n  public UNSAFE_componentWillMount(): void {\r\n    if (this.props.isDebugMode) {\r\n      ALL_VARIABLES.forEach(variable => {\r\n        const found = ALL_USED_VARIABLES.includes(variable);\r\n        if (!found) {\r\n          this.variablesDiff.push(variable);\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    if (!IS_PROXY_SUPPORTED) {\r\n      return (\r\n        <div>\r\n          Таблица использования переменных доступна только в{' '}\r\n          <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\r\n            браузерах с поддержкой Proxy\r\n          </Link>\r\n          .\r\n        </div>\r\n      );\r\n    }\r\n\r\n    const selectedVariable = this.state.selectedVariable;\r\n    const descriptionsToRender = selectedVariable\r\n      ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\r\n      : COMPONENT_DESCRIPTIONS;\r\n\r\n    const isDebugMode = this.props.isDebugMode;\r\n    const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\r\n    const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\r\n\r\n    return (\r\n      <Gapped wrap gap={30} verticalAlign={'top'}>\r\n        <div>\r\n          <Sticky side={'top'}>\r\n            <div className={jsStyles.searchBar()} data-perf-info={`${executionTime} ${callsCount}`}>\r\n              <Gapped gap={15}>\r\n                <ComboBox\r\n                  getItems={this.getItems}\r\n                  value={selectedVariable}\r\n                  onValueChange={this.handleVariableChange}\r\n                  onUnexpectedInput={this.handleUnexpectedVariableInput}\r\n                  placeholder={'поиск по названию переменной'}\r\n                />\r\n                {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\r\n              </Gapped>\r\n            </div>\r\n          </Sticky>\r\n          {Object.keys(descriptionsToRender)\r\n            .sort()\r\n            .map(componentName => (\r\n              <ComponentShowcase\r\n                key={componentName}\r\n                name={componentName}\r\n                description={descriptionsToRender[componentName]}\r\n                isDebugMode={isDebugMode}\r\n                onVariableSelect={this.handleVariableChange}\r\n              />\r\n            ))}\r\n        </div>\r\n        <ShowUnusedVariables diff={this.variablesDiff} />\r\n      </Gapped>\r\n    );\r\n  }\r\n  public componentWillUnmount(): void {\r\n    this.isUnmounting = true;\r\n  }\r\n\r\n  private getValues(query: string) {\r\n    const lowerCaseQuery = query && query.toLowerCase().trim();\r\n    let allItems = ALL_USED_VARIABLES;\r\n    if (lowerCaseQuery) {\r\n      allItems = ALL_USED_VARIABLES.filter(usedVariable => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\r\n    }\r\n    return allItems.map(usedVariableName => ({\r\n      value: usedVariableName,\r\n      label: usedVariableName,\r\n    }));\r\n  }\r\n  private getItems = (query: string) => {\r\n    return Promise.resolve(this.getValues(query));\r\n  };\r\n  private handleVariableChange = (item: ComboBoxItem) => {\r\n    if (!this.isUnmounting) {\r\n      this.setState({ selectedVariable: item });\r\n    }\r\n  };\r\n  private handleUnexpectedVariableInput = (query: string) => {\r\n    const values = this.getValues(query);\r\n    if (values.length > 0) {\r\n      return values[0];\r\n    } else {\r\n      return this.resetVariable();\r\n    }\r\n  };\r\n  private resetVariable = () => {\r\n    if (!this.isUnmounting) {\r\n      this.setState({ selectedVariable: undefined });\r\n    }\r\n  };\r\n}\r\n\r\ninterface ComponentShowcaseProps {\r\n  name: string;\r\n  description: ComponentDescriptionType;\r\n  isDebugMode?: boolean;\r\n  onVariableSelect: (item: ComboBoxItem) => void;\r\n}\r\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps, {}> {\r\n  public render() {\r\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\r\n    const elements = Object.keys(description);\r\n\r\n    return (\r\n      <React.Fragment>\r\n        <Sticky side={'top'} offset={40}>\r\n          {isSticky => (\r\n            <h2\r\n              className={cn({\r\n                [jsStyles.heading()]: true,\r\n                [jsStyles.headingSticky()]: isSticky,\r\n              })}\r\n            >\r\n              {this.props.name}\r\n            </h2>\r\n          )}\r\n        </Sticky>\r\n        <table className={jsStyles.table()}>\r\n          <thead>\r\n            <tr>\r\n              <th style={{ width: 170 }}>ClassName</th>\r\n              <th style={{ width: 210 }}>Variable Name</th>\r\n              <th style={{ width: 250 }}>Default Value</th>\r\n              <th style={{ width: 250 }}>Flat Value</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            {elements.map(el => (\r\n              <ComponentShowcaseRow\r\n                key={`${name}_${el}`}\r\n                element={el}\r\n                row={description[el]}\r\n                onVariableSelect={onVariableSelect}\r\n                isDebugMode={isDebugMode}\r\n              />\r\n            ))}\r\n          </tbody>\r\n        </table>\r\n      </React.Fragment>\r\n    );\r\n  }\r\n}\r\n\r\ninterface ComponentShowcaseRowProps {\r\n  element: string;\r\n  row: ComponentRowDescriptionType;\r\n  isDebugMode?: boolean;\r\n  onVariableSelect: (item: ComboBoxItem) => void;\r\n}\r\n\r\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\r\n  public render() {\r\n    const { element: el, row, isDebugMode } = this.props;\r\n    const rowSpan = row.variables.length + 1;\r\n\r\n    return (\r\n      <React.Fragment>\r\n        <tr className={jsStyles.invisibleRow()}>\r\n          <td rowSpan={rowSpan}>\r\n            <span className={jsStyles.elementName()}>.{el}</span>\r\n          </td>\r\n          <td className={jsStyles.invisibleCell()} />\r\n          <td className={jsStyles.invisibleCell()} />\r\n          <td className={jsStyles.invisibleCell()} />\r\n        </tr>\r\n        {row.variables.map(varName => {\r\n          const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\r\n          const variableDefault = defaultVariables[varName] as string;\r\n          const variableFlat = flatVariables[varName] as string;\r\n          const hasNoVariables = isDebugMode && !variableDefault && !variableFlat;\r\n\r\n          return (\r\n            <tr key={`${el}_${varName}`} className={cn({ [jsStyles.suspiciousRow()]: hasNoVariables })}>\r\n              <td>\r\n                <VariableName\r\n                  variableName={varName as string}\r\n                  dependencies={dependencies}\r\n                  onVariableSelect={this.props.onVariableSelect}\r\n                />\r\n              </td>\r\n              <td>\r\n                <VariableValue value={variableDefault} />\r\n              </td>\r\n              <td>\r\n                <VariableValue value={variableFlat} />\r\n              </td>\r\n            </tr>\r\n          );\r\n        })}\r\n      </React.Fragment>\r\n    );\r\n  }\r\n}\r\n\r\ninterface VariableNameProps {\r\n  variableName: string;\r\n  dependencies: Array<keyof Theme>;\r\n  onVariableSelect: (item: ComboBoxItem) => void;\r\n}\r\n\r\nclass VariableName extends React.Component<VariableNameProps> {\r\n  public render() {\r\n    return (\r\n      <span>\r\n        <span className={jsStyles.variableName()} onClick={this.handleVariableSelect}>\r\n          {this.props.variableName}\r\n        </span>\r\n        {this.props.dependencies.length > 0 && this.renderDependencies()}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private renderDependencies() {\r\n    const { dependencies, onVariableSelect } = this.props;\r\n    return (\r\n      <React.Fragment>\r\n        <br />\r\n        <br />\r\n        зависит от:\r\n        {dependencies.map(dependency => (\r\n          <DependencyName\r\n            key={`dependency_${dependency}`}\r\n            dependencyName={dependency}\r\n            onDependencySelect={onVariableSelect}\r\n          />\r\n        ))}\r\n      </React.Fragment>\r\n    );\r\n  }\r\n\r\n  private handleVariableSelect = () => {\r\n    const { variableName, onVariableSelect } = this.props;\r\n    if (onVariableSelect) {\r\n      onVariableSelect({ value: variableName, label: variableName });\r\n    }\r\n  };\r\n}\r\n\r\ninterface DependencyNameProps {\r\n  dependencyName: keyof Theme;\r\n  onDependencySelect: (item: ComboBoxItem) => void;\r\n}\r\nclass DependencyName extends React.Component<DependencyNameProps> {\r\n  public render() {\r\n    return (\r\n      <React.Fragment>\r\n        <br />\r\n        &ndash;{' '}\r\n        <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\r\n          <span className={jsStyles.variableName()} onClick={this.handleDependencySelect}>\r\n            {this.props.dependencyName}\r\n          </span>\r\n        </Tooltip>\r\n      </React.Fragment>\r\n    );\r\n  }\r\n\r\n  private getValues = () => {\r\n    const dependencyName = this.props.dependencyName;\r\n    const dependencyDefault = defaultVariables[dependencyName] as string;\r\n    const dependencyFlat = flatVariables[dependencyName] as string;\r\n    return (\r\n      <React.Fragment>\r\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\r\n        <br />\r\n        <span>Flat value: {<VariableValue value={dependencyFlat} />}</span>\r\n      </React.Fragment>\r\n    );\r\n  };\r\n\r\n  private handleDependencySelect = () => {\r\n    const { dependencyName, onDependencySelect } = this.props;\r\n    if (onDependencySelect) {\r\n      onDependencySelect({ value: dependencyName, label: dependencyName });\r\n    }\r\n  };\r\n}\r\n\r\nconst VariableValue = (props: { value: string }) => {\r\n  const value = props.value;\r\n  const valueIsColor = isColor(value);\r\n  const valueIsGradient = isGradient(value);\r\n  const hasExample = valueIsColor || valueIsGradient;\r\n  let borderColor = 'transparent';\r\n  if (hasExample) {\r\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\r\n  }\r\n\r\n  return (\r\n    <span className={cn({ [jsStyles.undefined()]: !value })}>\r\n      {hasExample && <span className={jsStyles.colorExample()} style={{ background: value, borderColor }} />}\r\n      {value || 'undefined'}\r\n    </span>\r\n  );\r\n};\r\n\r\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\r\n  if (props.diff.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={jsStyles.unusedVariablesWarning()}>\r\n      Неиспользованные переменные ({props.diff.length}\r\n      ):\r\n      <ul>\r\n        {props.diff.sort().map(v => (\r\n          <li key={v}>{v}</li>\r\n        ))}\r\n      </ul>\r\n    </div>\r\n  );\r\n};\r\n\r\nfunction isColor(input: string) {\r\n  return !!input && (input.startsWith('#') || input.startsWith('rgb') || input.startsWith('hsl'));\r\n}\r\n\r\nfunction isGradient(input: string) {\r\n  return !!input && input.startsWith('linear-gradient');\r\n}\r\n"]}
+{"version":3,"sources":["ThemeShowcase.tsx"],"names":["EMPTY_ARRAY","ALL_VARIABLES","Object","keys","defaultVariables","ThemeShowcase","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","UNSAFE_componentWillMount","props","isDebugMode","forEach","variable","found","ALL_USED_VARIABLES","includes","push","render","IS_PROXY_SUPPORTED","descriptionsToRender","COMPONENT_DESCRIPTIONS_BY_VARIABLE","value","COMPONENT_DESCRIPTIONS","callsCount","CALLS_COUNT","executionTime","EXECUTION_TIME","toFixed","theme","styles","searchBar","sort","map","componentName","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","React","Component","ComponentShowcase","name","description","onVariableSelect","elements","isSticky","heading","headingSticky","table","headerCell","width","el","ComponentShowcaseRow","element","row","rowSpan","variables","invisibleRow","cell","majorCell","elementName","invisibleCell","varName","dependencies","variableDefault","variableDark","darkVariables","hasNoVariables","suspiciousRow","VariableName","handleVariableSelect","variableName","renderDependencies","dependency","DependencyName","dependencyName","dependencyDefault","dependencyDark","handleDependencySelect","onDependencySelect","VariableValue","valueIsColor","isColor","valueIsGradient","isGradient","hasExample","borderColor","ColorFunctions","contrast","colorExample","background","ShowUnusedVariables","diff","unusedVariablesWarning","v","input"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { DEFAULT_THEME as defaultVariables } from '../../lib/theming/themes/DefaultTheme';\nimport { DARK_THEME as darkVariables } from '../../lib/theming/themes/DarkTheme';\nimport { ComboBox, ComboBoxItem } from '../../components/ComboBox';\nimport { Gapped } from '../../components/Gapped';\nimport { Link } from '../../components/Link';\nimport { Sticky } from '../../components/Sticky';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Tooltip } from '../../components/Tooltip';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n  ComponentDescriptionType,\n  ComponentRowDescriptionType,\n  EXECUTION_TIME,\n} from './VariablesCollector';\nimport { styles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(defaultVariables) as Array<keyof Theme>;\n\ninterface ShowcaseProps {\n  isDebugMode?: boolean;\n}\ninterface ShowcaseState {\n  selectedVariable?: ComboBoxItem;\n}\n\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\n  public state: ShowcaseState = {};\n\n  private isUnmounting = false;\n  private variablesDiff: string[] = [];\n\n  public UNSAFE_componentWillMount(): void {\n    if (this.props.isDebugMode) {\n      ALL_VARIABLES.forEach((variable) => {\n        const found = ALL_USED_VARIABLES.includes(variable);\n        if (!found) {\n          this.variablesDiff.push(variable);\n        }\n      });\n    }\n  }\n\n  public render() {\n    if (!IS_PROXY_SUPPORTED) {\n      return (\n        <div>\n          Таблица использования переменных доступна только в{' '}\n          <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\n            браузерах с поддержкой Proxy\n          </Link>\n          .\n        </div>\n      );\n    }\n\n    const selectedVariable = this.state.selectedVariable;\n    const descriptionsToRender = selectedVariable\n      ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\n      : COMPONENT_DESCRIPTIONS;\n\n    const isDebugMode = this.props.isDebugMode;\n    const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\n    const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <Gapped wrap gap={30} verticalAlign={'top'}>\n              <div>\n                <Sticky side={'top'}>\n                  <div className={styles.searchBar(theme)} data-perf-info={`${executionTime} ${callsCount}`}>\n                    <Gapped gap={15}>\n                      <ComboBox\n                        getItems={this.getItems}\n                        value={selectedVariable}\n                        onValueChange={this.handleVariableChange}\n                        onUnexpectedInput={this.handleUnexpectedVariableInput}\n                        placeholder={'поиск по названию переменной'}\n                      />\n                      {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\n                    </Gapped>\n                  </div>\n                </Sticky>\n                {Object.keys(descriptionsToRender)\n                  .sort()\n                  .map((componentName) => (\n                    <ComponentShowcase\n                      key={componentName}\n                      name={componentName}\n                      description={descriptionsToRender[componentName]}\n                      isDebugMode={isDebugMode}\n                      onVariableSelect={this.handleVariableChange}\n                    />\n                  ))}\n              </div>\n              <ShowUnusedVariables diff={this.variablesDiff} />\n            </Gapped>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  public componentWillUnmount(): void {\n    this.isUnmounting = true;\n  }\n\n  private getValues(query: string) {\n    const lowerCaseQuery = query && query.toLowerCase().trim();\n    let allItems = ALL_USED_VARIABLES;\n    if (lowerCaseQuery) {\n      allItems = ALL_USED_VARIABLES.filter((usedVariable) => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\n    }\n    return allItems.map((usedVariableName) => ({\n      value: usedVariableName,\n      label: usedVariableName,\n    }));\n  }\n  private getItems = (query: string) => {\n    return Promise.resolve(this.getValues(query));\n  };\n  private handleVariableChange = (item: ComboBoxItem) => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: item });\n    }\n  };\n  private handleUnexpectedVariableInput = (query: string) => {\n    const values = this.getValues(query);\n    if (values.length > 0) {\n      return values[0];\n    } else {\n      return this.resetVariable();\n    }\n  };\n  private resetVariable = () => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: undefined });\n    }\n  };\n}\n\ninterface ComponentShowcaseProps {\n  name: string;\n  description: ComponentDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps, {}> {\n  public render() {\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\n    const elements = Object.keys(description);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <Sticky side={'top'} offset={40}>\n                {(isSticky) => (\n                  <h2\n                    className={cx({\n                      [styles.heading(theme)]: true,\n                      [styles.headingSticky()]: isSticky,\n                    })}\n                  >\n                    {this.props.name}\n                  </h2>\n                )}\n              </Sticky>\n              <table className={styles.table()}>\n                <thead>\n                  <tr>\n                    <th className={styles.headerCell()} style={{ width: 170 }}>\n                      ClassName\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 210 }}>\n                      Variable Name\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Default Value\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Dark Value\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {elements.map((el) => (\n                    <ComponentShowcaseRow\n                      key={`${name}_${el}`}\n                      element={el}\n                      row={description[el]}\n                      onVariableSelect={onVariableSelect}\n                      isDebugMode={isDebugMode}\n                    />\n                  ))}\n                </tbody>\n              </table>\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\ninterface ComponentShowcaseRowProps {\n  element: string;\n  row: ComponentRowDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n  public render() {\n    const { element: el, row, isDebugMode } = this.props;\n    const rowSpan = row.variables.length + 1;\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <tr className={styles.invisibleRow(theme)}>\n                <td className={cx(styles.cell(), styles.majorCell())} rowSpan={rowSpan}>\n                  <span className={styles.elementName()}>.{el}</span>\n                </td>\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n              </tr>\n              {row.variables.map((varName) => {\n                const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\n                const variableDefault = defaultVariables[varName] as string;\n                const variableDark = darkVariables[varName] as string;\n                const hasNoVariables = isDebugMode && !variableDefault;\n                return (\n                  <tr\n                    key={`${el}_${varName}`}\n                    className={cx(styles.row(theme), { [styles.suspiciousRow()]: hasNoVariables })}\n                  >\n                    <td className={styles.cell()}>\n                      <VariableName\n                        variableName={varName as string}\n                        dependencies={dependencies}\n                        onVariableSelect={this.props.onVariableSelect}\n                      />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDefault} />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDark} />\n                    </td>\n                  </tr>\n                );\n              })}\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\ninterface VariableNameProps {\n  variableName: string;\n  dependencies: Array<keyof Theme>;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n  public render() {\n    return (\n      <span>\n        <span className={styles.variableName()} onClick={this.handleVariableSelect}>\n          {this.props.variableName}\n        </span>\n        {this.props.dependencies.length > 0 && this.renderDependencies()}\n      </span>\n    );\n  }\n\n  private renderDependencies() {\n    const { dependencies, onVariableSelect } = this.props;\n    return (\n      <React.Fragment>\n        <br />\n        <br />\n        зависит от:\n        {dependencies.map((dependency) => (\n          <DependencyName\n            key={`dependency_${dependency}`}\n            dependencyName={dependency}\n            onDependencySelect={onVariableSelect}\n          />\n        ))}\n      </React.Fragment>\n    );\n  }\n\n  private handleVariableSelect = () => {\n    const { variableName, onVariableSelect } = this.props;\n    if (onVariableSelect) {\n      onVariableSelect({ value: variableName, label: variableName });\n    }\n  };\n}\n\ninterface DependencyNameProps {\n  dependencyName: keyof Theme;\n  onDependencySelect: (item: ComboBoxItem) => void;\n}\nclass DependencyName extends React.Component<DependencyNameProps> {\n  public render() {\n    return (\n      <React.Fragment>\n        <br />\n        &ndash;{' '}\n        <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n          <span className={styles.variableName()} onClick={this.handleDependencySelect}>\n            {this.props.dependencyName}\n          </span>\n        </Tooltip>\n      </React.Fragment>\n    );\n  }\n\n  private getValues = () => {\n    const dependencyName = this.props.dependencyName;\n    const dependencyDefault = defaultVariables[dependencyName] as string;\n    const dependencyDark = darkVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <span>Dark value: {<VariableValue value={dependencyDark} />}</span>\n      </React.Fragment>\n    );\n  };\n\n  private handleDependencySelect = () => {\n    const { dependencyName, onDependencySelect } = this.props;\n    if (onDependencySelect) {\n      onDependencySelect({ value: dependencyName, label: dependencyName });\n    }\n  };\n}\n\nconst VariableValue = (props: { value: string }) => {\n  const value = props.value;\n  const valueIsColor = isColor(value);\n  const valueIsGradient = isGradient(value);\n  const hasExample = valueIsColor || valueIsGradient;\n  let borderColor = 'transparent';\n  if (hasExample) {\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\n  }\n\n  return (\n    <span className={cx({ [styles.undefined()]: !value })}>\n      {hasExample && <span className={styles.colorExample()} style={{ background: value, borderColor }} />}\n      {value || 'undefined'}\n    </span>\n  );\n};\n\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\n  if (props.diff.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={styles.unusedVariablesWarning()}>\n      Неиспользованные переменные ({props.diff.length}\n      ):\n      <ul>\n        {props.diff.sort().map((v) => (\n          <li key={v}>{v}</li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nfunction isColor(input: string) {\n  return !!input && (input.startsWith('#') || input.startsWith('rgb') || input.startsWith('hsl'));\n}\n\nfunction isGradient(input: string) {\n  return !!input && input.startsWith('linear-gradient');\n}\n"]}

package/cjs/internal/ThemeShowcase/ThemeShowcase.md

@@ -1,13 +1,13 @@
-### Таблица переменных
-
-Список использующихся переменных для каждого кастомизируемого компонента.
-<br/>
-Таблица фильтруется по названию переменной.
-<br/>
-Значения в колонке `Variable name` кликабельны.
-
-```jsx harmony
-import { ThemeShowcase } from '@skbkontur/react-ui/internal/ThemeShowcase/ThemeShowcase';
-
-<ThemeShowcase />;
-```
+### Таблица переменных
+
+Список использующихся переменных для каждого кастомизируемого компонента.
+<br/>
+Таблица фильтруется по названию переменной.
+<br/>
+Значения в колонке `Variable name` кликабельны.
+
+```jsx harmony
+import { ThemeShowcase } from '@skbkontur/react-ui/internal/ThemeShowcase/ThemeShowcase';
+
+<ThemeShowcase />;
+```