@skbkontur/react-ui 3.10.0-fileuploader.2 → 3.10.0

package/cjs/internal/ThemePlayground/darkTheme.js

@@ -273,28 +273,4 @@ var darkTheme = _ThemeFactory.ThemeFactory.create({
   tbBg: '#262626',
   tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',
   logoColor: 'white',
-  logoHoverColor: '#000',
-
-  /** FileUploader start **/
-  // Background
-  fileUploaderBg: 'rgba(255, 255, 255, 0.04)',
-  // Font
-  fileUploaderTextColorDefault: '#fff',
-  // Border
-  fileUploaderBorderColor: 'rgba(255, 255, 255, 0.32)',
-  fileUploaderBorderColorFocus: '#1f87ef',
-  // Link
-  fileUploaderLinkColor: '#51adff',
-  // Icon
-  fileUploaderIconColor: 'rgba(255, 255, 255, 0.48)',
-  fileUploaderIconHoverColor: 'rgba(255, 255, 255, 0.80)',
-  // States
-  fileUploaderBorderColorError: '#ee5042',
-  fileUploaderBorderColorWarning: '#ffa236',
-  // Disabled
-  fileUploaderDisabledBg: 'rgba(255, 255, 255, 0.16)',
-  fileUploaderDisabledBorderColor: 'rgba(255, 255, 255, 0.32)',
-  fileUploaderDisabledTextColor: 'rgba(255, 255, 255, 0.32)',
-  fileUploaderDisabledLinkColor: 'rgba(255, 255, 255, 0.32)',
-  fileUploaderDisabledIconColor: 'rgba(255, 255, 255, 0.32)'
-  /** FileUploader end **/ });exports.darkTheme = darkTheme;
+  logoHoverColor: '#000' });exports.darkTheme = darkTheme;

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","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","fileUploaderBg","fileUploaderTextColorDefault","fileUploaderBorderColor","fileUploaderBorderColorFocus","fileUploaderLinkColor","fileUploaderIconColor","fileUploaderIconHoverColor","fileUploaderBorderColorError","fileUploaderBorderColorWarning","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","fileUploaderDisabledLinkColor","fileUploaderDisabledIconColor"],"mappings":"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","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\n\nexport const darkTheme = ThemeFactory.create({\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  /** FileUploader start **/\n  // Background\n  fileUploaderBg: 'rgba(255, 255, 255, 0.04)',\n  // Font\n  fileUploaderTextColorDefault: '#fff',\n  // Border\n  fileUploaderBorderColor: 'rgba(255, 255, 255, 0.32)',\n  fileUploaderBorderColorFocus: '#1f87ef',\n  // Link\n  fileUploaderLinkColor: '#51adff',\n  // Icon\n  fileUploaderIconColor: 'rgba(255, 255, 255, 0.48)',\n  fileUploaderIconHoverColor: 'rgba(255, 255, 255, 0.80)',\n  // States\n  fileUploaderBorderColorError: '#ee5042',\n  fileUploaderBorderColorWarning: '#ffa236',\n  // Disabled\n  fileUploaderDisabledBg: 'rgba(255, 255, 255, 0.16)',\n  fileUploaderDisabledBorderColor: 'rgba(255, 255, 255, 0.32)',\n  fileUploaderDisabledTextColor: 'rgba(255, 255, 255, 0.32)',\n  fileUploaderDisabledLinkColor: 'rgba(255, 255, 255, 0.32)',\n  fileUploaderDisabledIconColor: 'rgba(255, 255, 255, 0.32)',\n  /** FileUploader end **/\n});\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"],"mappings":"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","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\n\nexport const darkTheme = ThemeFactory.create({\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"]}

package/cjs/internal/ThemePlayground/helpers.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const getComponentsFromPropsList: <P extends {}>(component: React.ReactElement<P, string | React.JSXElementConstructor<any>>, propsList: P[]) => React.ReactElement<P, string | React.JSXElementConstructor<any>>[];
+import React from 'react';
+export declare const getComponentsFromPropsList: <P extends {}>(component: React.ReactElement<P, string | React.JSXElementConstructor<any>>, propsList: P[]) => React.ReactElement<P, string | React.JSXElementConstructor<any>>[];

package/cjs/internal/ThemeShowcase/ThemeShowcase.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { ComboBoxItem } from '../../components/ComboBox';
-interface ShowcaseProps {
-    isDebugMode?: boolean;
-}
-interface ShowcaseState {
-    selectedVariable?: ComboBoxItem;
-}
-export declare class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {
-    state: ShowcaseState;
-    private isUnmounting;
-    private variablesDiff;
-    UNSAFE_componentWillMount(): void;
-    render(): JSX.Element;
-    componentWillUnmount(): void;
-    private getValues;
-    private getItems;
-    private handleVariableChange;
-    private handleUnexpectedVariableInput;
-    private resetVariable;
-}
-export {};
+import React from 'react';
+import { ComboBoxItem } from '../../components/ComboBox';
+interface ShowcaseProps {
+    isDebugMode?: boolean;
+}
+interface ShowcaseState {
+    selectedVariable?: ComboBoxItem;
+}
+export declare class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {
+    state: ShowcaseState;
+    private isUnmounting;
+    private variablesDiff;
+    constructor(props: ShowcaseProps);
+    render(): JSX.Element;
+    componentWillUnmount(): void;
+    private getValues;
+    private getItems;
+    private handleVariableChange;
+    private handleUnexpectedVariableInput;
+    private resetVariable;
+}
+export {};

package/cjs/internal/ThemeShowcase/ThemeShowcase.js

@@ -34,15 +34,16 @@ var ALL_VARIABLES = Object.keys(_DefaultThemeOld.DEFAULT_THEME_OLD);var
 
 
 
-ThemeShowcase = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ThemeShowcase, _React$Component);function ThemeShowcase() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-    state = {};_this.
+ThemeShowcase = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ThemeShowcase, _React$Component);
 
-    isUnmounting = false;_this.
-    variablesDiff = [];_this.
 
 
 
 
+  function ThemeShowcase(props) {var _this;
+    _this = _React$Component.call(this, props) || this;_this.state = {};_this.isUnmounting = false;_this.variablesDiff = [];_this.
+
+
 
 
 
@@ -141,7 +142,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 /*#__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(_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(), "data-perf-info": executionTime + " " + callsCount }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 15 }, /*#__PURE__*/_react.default.createElement(_ComboBox.ComboBox, { getItems: this.getItems, value: selectedVariable, onValueChange: this.handleVariableChange, onUnexpectedInput: this.handleUnexpectedVariableInput, placeholder: 'поиск по названию переменной' }), !!selectedVariable && /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: this.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: 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
+    };if (props.isDebugMode) {ALL_VARIABLES.forEach(function (variable) {var found = _VariablesCollector.ALL_USED_VARIABLES.includes(variable);if (!found) {_this.variablesDiff.push(variable);}});}return _this;}var _proto = ThemeShowcase.prototype;_proto.render = function render() {var _this2 = 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(_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(), "data-perf-info": executionTime + " " + callsCount }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 15 }, /*#__PURE__*/_react.default.createElement(_ComboBox.ComboBox, { getItems: this.getItems, value: selectedVariable, onValueChange: this.handleVariableChange, onUnexpectedInput: this.handleUnexpectedVariableInput, placeholder: 'поиск по названию переменной' }), !!selectedVariable && /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: this.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: _this2.handleVariableChange });})), /*#__PURE__*/_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
 
 
 
@@ -151,7 +152,7 @@ ThemeShowcase = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
 
 
 ComponentShowcase = /*#__PURE__*/function (_React$Component2) {(0, _inheritsLoose2.default)(ComponentShowcase, _React$Component2);function ComponentShowcase() {return _React$Component2.apply(this, arguments) || this;}var _proto2 = ComponentShowcase.prototype;_proto2.
-  render = function render() {var _this4 = this;var _this$props =
+  render = function render() {var _this3 = this;var _this$props =
     this.props,name = _this$props.name,description = _this$props.description,onVariableSelect = _this$props.onVariableSelect,isDebugMode = _this$props.isDebugMode;
     var elements = Object.keys(description);
 
@@ -165,7 +166,7 @@ ComponentShowcase = /*#__PURE__*/function (_React$Component2) {(0, _inheritsLoos
             _ThemeShowcase.styles.headingSticky()] = isSticky, _cx)) },
 
 
-          _this4.props.name));}), /*#__PURE__*/
+          _this3.props.name));}), /*#__PURE__*/
 
 
 
@@ -211,7 +212,7 @@ ComponentShowcase = /*#__PURE__*/function (_React$Component2) {(0, _inheritsLoos
 
 
 ComponentShowcaseRow = /*#__PURE__*/function (_React$Component3) {(0, _inheritsLoose2.default)(ComponentShowcaseRow, _React$Component3);function ComponentShowcaseRow() {return _React$Component3.apply(this, arguments) || this;}var _proto3 = ComponentShowcaseRow.prototype;_proto3.
-  render = function render() {var _this5 = this;var _this$props2 =
+  render = function render() {var _this4 = this;var _this$props2 =
     this.props,el = _this$props2.element,row = _this$props2.row,isDebugMode = _this$props2.isDebugMode;
     var rowSpan = row.variables.length + 1;
 
@@ -237,7 +238,7 @@ ComponentShowcaseRow = /*#__PURE__*/function (_React$Component3) {(0, _inheritsL
           _react.default.createElement(VariableName, {
             variableName: varName,
             dependencies: dependencies,
-            onVariableSelect: _this5.props.onVariableSelect })), /*#__PURE__*/
+            onVariableSelect: _this4.props.onVariableSelect })), /*#__PURE__*/
 
 
           _react.default.createElement("td", { className: _ThemeShowcase.styles.cell() }, /*#__PURE__*/
@@ -260,7 +261,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 _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.
+VariableName = /*#__PURE__*/function (_React$Component4) {(0, _inheritsLoose2.default)(VariableName, _React$Component4);function VariableName() {var _this5;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this5 = _React$Component4.call.apply(_React$Component4, [this].concat(args)) || this;_this5.
 
 
 
@@ -290,19 +291,19 @@ VariableName = /*#__PURE__*/function (_React$Component4) {(0, _inheritsLoose2.de
 
 
 
-    handleVariableSelect = function () {var _this6$props =
-      _this6.props,variableName = _this6$props.variableName,onVariableSelect = _this6$props.onVariableSelect;
+    handleVariableSelect = function () {var _this5$props =
+      _this5.props,variableName = _this5$props.variableName,onVariableSelect = _this5$props.onVariableSelect;
       if (onVariableSelect) {
         onVariableSelect({ value: variableName, label: variableName });
       }
-    };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
+    };return _this5;}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 _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.
+DependencyName = /*#__PURE__*/function (_React$Component5) {(0, _inheritsLoose2.default)(DependencyName, _React$Component5);function DependencyName() {var _this6;for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {args[_key2] = arguments[_key2];}_this6 = _React$Component5.call.apply(_React$Component5, [this].concat(args)) || this;_this6.
 
 
 
@@ -318,7 +319,7 @@ DependencyName = /*#__PURE__*/function (_React$Component5) {(0, _inheritsLoose2.
 
 
     getValues = function () {
-      var dependencyName = _this7.props.dependencyName;
+      var dependencyName = _this6.props.dependencyName;
       var dependencyDefault = _DefaultThemeOld.DEFAULT_THEME_OLD[dependencyName];
       var dependencyFlat = _FlatThemeOld.FLAT_THEME_OLD[dependencyName];
       return /*#__PURE__*/(
@@ -328,14 +329,14 @@ DependencyName = /*#__PURE__*/function (_React$Component5) {(0, _inheritsLoose2.
         _react.default.createElement("span", null, "Flat value: ", /*#__PURE__*/_react.default.createElement(VariableValue, { value: dependencyFlat }))));
 
 
-    };_this7.
+    };_this6.
 
-    handleDependencySelect = function () {var _this7$props =
-      _this7.props,dependencyName = _this7$props.dependencyName,onDependencySelect = _this7$props.onDependencySelect;
+    handleDependencySelect = function () {var _this6$props =
+      _this6.props,dependencyName = _this6$props.dependencyName,onDependencySelect = _this6$props.onDependencySelect;
       if (onDependencySelect) {
         onDependencySelect({ value: dependencyName, label: dependencyName });
       }
-    };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);
+    };return _this6;}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 _cx3;

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","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","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';\n\nimport { DEFAULT_THEME_OLD as defaultVariables } from '../../lib/theming/themes/DefaultThemeOld';\nimport { FLAT_THEME_OLD as flatVariables } from '../../lib/theming/themes/FlatThemeOld';\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';\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      <Gapped wrap gap={30} verticalAlign={'top'}>\n        <div>\n          <Sticky side={'top'}>\n            <div className={styles.searchBar()} 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  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      <React.Fragment>\n        <Sticky side={'top'} offset={40}>\n          {(isSticky) => (\n            <h2\n              className={cx({\n                [styles.heading()]: 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                Flat 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}\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      <React.Fragment>\n        <tr className={styles.invisibleRow()}>\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 variableFlat = flatVariables[varName] as string;\n          const hasNoVariables = isDebugMode && !variableDefault && !variableFlat;\n\n          return (\n            <tr key={`${el}_${varName}`} className={cx(styles.row(), { [styles.suspiciousRow()]: hasNoVariables })}>\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={variableFlat} />\n              </td>\n            </tr>\n          );\n        })}\n      </React.Fragment>\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 dependencyFlat = flatVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <br />\n        <span>Flat value: {<VariableValue value={dependencyFlat} />}</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"]}
+{"version":3,"sources":["ThemeShowcase.tsx"],"names":["EMPTY_ARRAY","ALL_VARIABLES","Object","keys","defaultVariables","ThemeShowcase","props","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","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","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","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":"gVAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;;;;;;;;AASA;;AAEA,IAAMA,WAAqB,GAAG,EAA9B;;AAEA,IAAMC,aAAa,GAAGC,MAAM,CAACC,IAAP,CAAYC,kCAAZ,CAAtB,C;;;;;;;;;AASaC,a;;;;;;AAMX,yBAAYC,KAAZ,EAAkC;AAChC,wCAAMA,KAAN,UADgC,MAL3BC,KAK2B,GALJ,EAKI,OAH1BC,YAG0B,GAHX,KAGW,OAF1BC,aAE0B,GAFA,EAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkF1BC,IAAAA,QAlF0B,GAkFf,UAACC,KAAD,EAAmB;AACpC,aAAOC,OAAO,CAACC,OAAR,CAAgB,MAAKC,SAAL,CAAeH,KAAf,CAAhB,CAAP;AACD,KApFiC;AAqF1BI,IAAAA,oBArF0B,GAqFH,UAACC,IAAD,EAAwB;AACrD,UAAI,CAAC,MAAKR,YAAV,EAAwB;AACtB,cAAKS,QAAL,CAAc,EAAEC,gBAAgB,EAAEF,IAApB,EAAd;AACD;AACF,KAzFiC;AA0F1BG,IAAAA,6BA1F0B,GA0FM,UAACR,KAAD,EAAmB;AACzD,UAAMS,MAAM,GAAG,MAAKN,SAAL,CAAeH,KAAf,CAAf;AACA,UAAIS,MAAM,CAACC,MAAP,GAAgB,CAApB,EAAuB;AACrB,eAAOD,MAAM,CAAC,CAAD,CAAb;AACD,OAFD,MAEO;AACL,eAAO,MAAKE,aAAL,EAAP;AACD;AACF,KAjGiC;AAkG1BA,IAAAA,aAlG0B,GAkGV,YAAM;AAC5B,UAAI,CAAC,MAAKd,YAAV,EAAwB;AACtB,cAAKS,QAAL,CAAc,EAAEC,gBAAgB,EAAEK,SAApB,EAAd;AACD;AACF,KAtGiC,CAEhC,IAAIjB,KAAK,CAACkB,WAAV,EAAuB,CACrBvB,aAAa,CAACwB,OAAd,CAAsB,UAACC,QAAD,EAAc,CAClC,IAAMC,KAAK,GAAGC,uCAAmBC,QAAnB,CAA4BH,QAA5B,CAAd,CACA,IAAI,CAACC,KAAL,EAAY,CACV,MAAKlB,aAAL,CAAmBqB,IAAnB,CAAwBJ,QAAxB,EACD,CACF,CALD,EAMD,CAT+B,aAUjC,C,4CAEMK,M,GAAP,kBAAgB,mBACd,IAAI,CAACC,4BAAL,EAAyB,CACvB,oBACE,iUACqD,GADrD,eAEE,6BAAC,UAAD,IAAM,IAAI,EAAE,iCAAZ,EAA+C,MAAM,EAAE,QAAvD,uIAFF,MADF,CASD,CAED,IAAMd,gBAAgB,GAAG,KAAKX,KAAL,CAAWW,gBAApC,CACA,IAAMe,oBAAoB,GAAGf,gBAAgB,GACzCgB,uDAAmChB,gBAAgB,CAACiB,KAApD,KAA8D,EADrB,GAEzCC,0CAFJ,CAIA,IAAMZ,WAAW,GAAG,KAAKlB,KAAL,CAAWkB,WAA/B,CACA,IAAMa,UAAU,GAAGb,WAAW,SAAOc,+BAAP,oDAAgC,EAA9D,CACA,IAAMC,aAAa,GAAGf,WAAW,oGAAuBgB,mCAAeC,OAAf,CAAuB,CAAvB,CAAvB,UAAuD,EAAxF,CAEA,oBACE,6BAAC,cAAD,IAAQ,IAAI,MAAZ,EAAa,GAAG,EAAE,EAAlB,EAAsB,aAAa,EAAE,KAArC,iBACE,uDACE,6BAAC,cAAD,IAAQ,IAAI,EAAE,KAAd,iBACE,sCAAK,SAAS,EAAEC,sBAAOC,SAAP,EAAhB,EAAoC,kBAAmBJ,aAAnB,SAAoCF,UAAxE,iBACE,6BAAC,cAAD,IAAQ,GAAG,EAAE,EAAb,iBACE,6BAAC,kBAAD,IACE,QAAQ,EAAE,KAAK3B,QADjB,EAEE,KAAK,EAAEQ,gBAFT,EAGE,aAAa,EAAE,KAAKH,oBAHtB,EAIE,iBAAiB,EAAE,KAAKI,6BAJ1B,EAKE,WAAW,EAAE,8BALf,GADF,EAQG,CAAC,CAACD,gBAAF,iBAAsB,6BAAC,UAAD,IAAM,OAAO,EAAE,KAAKI,aAApB,uDARzB,CADF,CADF,CADF,EAeGpB,MAAM,CAACC,IAAP,CAAY8B,oBAAZ,EACEW,IADF,GAEEC,GAFF,CAEM,UAACC,aAAD,uBACH,6BAAC,iBAAD,IACE,GAAG,EAAEA,aADP,EAEE,IAAI,EAAEA,aAFR,EAGE,WAAW,EAAEb,oBAAoB,CAACa,aAAD,CAHnC,EAIE,WAAW,EAAEtB,WAJf,EAKE,gBAAgB,EAAE,MAAI,CAACT,oBALzB,GADG,EAFN,CAfH,CADF,eA4BE,6BAAC,mBAAD,IAAqB,IAAI,EAAE,KAAKN,aAAhC,GA5BF,CADF,CAgCD,C,QACMsC,oB,GAAP,gCAAoC,CAClC,KAAKvC,YAAL,GAAoB,IAApB,CACD,C,QAEOM,S,GAAR,mBAAkBH,KAAlB,EAAiC,CAC/B,IAAMqC,cAAc,GAAGrC,KAAK,IAAIA,KAAK,CAACsC,WAAN,GAAoBC,IAApB,EAAhC,CACA,IAAIC,QAAQ,GAAGvB,sCAAf,CACA,IAAIoB,cAAJ,EAAoB,CAClBG,QAAQ,GAAGvB,uCAAmBwB,MAAnB,CAA0B,UAACC,YAAD,UAAkBA,YAAY,CAACJ,WAAb,GAA2BK,UAA3B,CAAsCN,cAAtC,CAAlB,EAA1B,CAAX,CACD,CACD,OAAOG,QAAQ,CAACN,GAAT,CAAa,UAACU,gBAAD,UAAuB,EACzCpB,KAAK,EAAEoB,gBADkC,EAEzCC,KAAK,EAAED,gBAFkC,EAAvB,EAAb,CAAP,CAID,C,wBAvFgCE,eAAMC,S;;;;;;;;;AAqHnCC,iB;AACG5B,EAAAA,M,GAAP,kBAAgB;AAC+C,SAAKzB,KADpD,CACNsD,IADM,eACNA,IADM,CACAC,WADA,eACAA,WADA,CACaC,gBADb,eACaA,gBADb,CAC+BtC,WAD/B,eAC+BA,WAD/B;AAEd,QAAMuC,QAAQ,GAAG7D,MAAM,CAACC,IAAP,CAAY0D,WAAZ,CAAjB;;AAEA;AACE,mCAAC,cAAD,CAAO,QAAP;AACE,mCAAC,cAAD,IAAQ,IAAI,EAAE,KAAd,EAAqB,MAAM,EAAE,EAA7B;AACG,gBAACG,QAAD;AACC;AACE,YAAA,SAAS,EAAE;AACRtB,kCAAOuB,OAAP,EADQ,IACW,IADX;AAERvB,kCAAOwB,aAAP,EAFQ,IAEiBF,QAFjB,OADb;;;AAMG,UAAA,MAAI,CAAC1D,KAAL,CAAWsD,IANd,CADD,GADH,CADF;;;;AAaE,8CAAO,SAAS,EAAElB,sBAAOyB,KAAP,EAAlB;AACE;AACE;AACE,2CAAI,SAAS,EAAEzB,sBAAO0B,UAAP,EAAf,EAAoC,KAAK,EAAE,EAAEC,KAAK,EAAE,GAAT,EAA3C,gBADF;;;AAIE,2CAAI,SAAS,EAAE3B,sBAAO0B,UAAP,EAAf,EAAoC,KAAK,EAAE,EAAEC,KAAK,EAAE,GAAT,EAA3C,oBAJF;;;AAOE,2CAAI,SAAS,EAAE3B,sBAAO0B,UAAP,EAAf,EAAoC,KAAK,EAAE,EAAEC,KAAK,EAAE,GAAT,EAA3C,oBAPF;;;AAUE,2CAAI,SAAS,EAAE3B,sBAAO0B,UAAP,EAAf,EAAoC,KAAK,EAAE,EAAEC,KAAK,EAAE,GAAT,EAA3C,iBAVF,CADF,CADF;;;;;AAiBE;AACGN,MAAAA,QAAQ,CAAClB,GAAT,CAAa,UAACyB,EAAD;AACZ,uCAAC,oBAAD;AACE,YAAA,GAAG,EAAKV,IAAL,SAAaU,EADlB;AAEE,YAAA,OAAO,EAAEA,EAFX;AAGE,YAAA,GAAG,EAAET,WAAW,CAACS,EAAD,CAHlB;AAIE,YAAA,gBAAgB,EAAER,gBAJpB;AAKE,YAAA,WAAW,EAAEtC,WALf,GADY,GAAb,CADH,CAjBF,CAbF,CADF;;;;;;;AA6CD,G,4BAlD6BiC,eAAMC,S;;;;;;;;;;AA4DhCa,oB;AACGxC,EAAAA,M,GAAP,kBAAgB;AAC4B,SAAKzB,KADjC,CACGgE,EADH,gBACNE,OADM,CACOC,GADP,gBACOA,GADP,CACYjD,WADZ,gBACYA,WADZ;AAEd,QAAMkD,OAAO,GAAGD,GAAG,CAACE,SAAJ,CAActD,MAAd,GAAuB,CAAvC;;AAEA;AACE,mCAAC,cAAD,CAAO,QAAP;AACE,2CAAI,SAAS,EAAEqB,sBAAOkC,YAAP,EAAf;AACE,2CAAI,SAAS,EAAE,iBAAGlC,sBAAOmC,IAAP,EAAH,EAAkBnC,sBAAOoC,SAAP,EAAlB,CAAf,EAAsD,OAAO,EAAEJ,OAA/D;AACE,6CAAM,SAAS,EAAEhC,sBAAOqC,WAAP,EAAjB,SAAyCT,EAAzC,CADF,CADF;;AAIE,2CAAI,SAAS,EAAE5B,sBAAOsC,aAAP,EAAf,GAJF;AAKE,2CAAI,SAAS,EAAEtC,sBAAOsC,aAAP,EAAf,GALF;AAME,2CAAI,SAAS,EAAEtC,sBAAOsC,aAAP,EAAf,GANF,CADF;;AASGP,MAAAA,GAAG,CAACE,SAAJ,CAAc9B,GAAd,CAAkB,UAACoC,OAAD,EAAa;AAC9B,YAAMC,YAAY,GAAGT,GAAG,CAACS,YAAJ,CAAiBD,OAAjB,KAA6BjF,WAAlD;AACA,YAAMmF,eAAe,GAAG/E,mCAAiB6E,OAAjB,CAAxB;AACA,YAAMG,YAAY,GAAGC,6BAAcJ,OAAd,CAArB;AACA,YAAMK,cAAc,GAAG9D,WAAW,IAAI,CAAC2D,eAAhB,IAAmC,CAACC,YAA3D;;AAEA;AACE,+CAAI,GAAG,EAAKd,EAAL,SAAWW,OAAlB,EAA6B,SAAS,EAAE,iBAAGvC,sBAAO+B,GAAP,EAAH,mBAAoB/B,sBAAO6C,aAAP,EAApB,IAA6CD,cAA7C,QAAxC;AACE,+CAAI,SAAS,EAAE5C,sBAAOmC,IAAP,EAAf;AACE,uCAAC,YAAD;AACE,YAAA,YAAY,EAAEI,OADhB;AAEE,YAAA,YAAY,EAAEC,YAFhB;AAGE,YAAA,gBAAgB,EAAE,MAAI,CAAC5E,KAAL,CAAWwD,gBAH/B,GADF,CADF;;;AAQE,+CAAI,SAAS,EAAEpB,sBAAOmC,IAAP,EAAf;AACE,uCAAC,aAAD,IAAe,KAAK,EAAEM,eAAtB,GADF,CARF;;AAWE,+CAAI,SAAS,EAAEzC,sBAAOmC,IAAP,EAAf;AACE,uCAAC,aAAD,IAAe,KAAK,EAAEO,YAAtB,GADF,CAXF,CADF;;;;AAiBD,OAvBA,CATH,CADF;;;AAoCD,G,+BAzCgC3B,eAAMC,S;;;;;;;;;AAkDnC8B,Y;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BIC,IAAAA,oB,GAAuB,YAAM;AACQ,aAAKnF,KADb,CAC3BoF,YAD2B,gBAC3BA,YAD2B,CACb5B,gBADa,gBACbA,gBADa;AAEnC,UAAIA,gBAAJ,EAAsB;AACpBA,QAAAA,gBAAgB,CAAC,EAAE3B,KAAK,EAAEuD,YAAT,EAAuBlC,KAAK,EAAEkC,YAA9B,EAAD,CAAhB;AACD;AACF,K,6DAlCM3D,M,GAAP,kBAAgB,CACd,oBACE,wDACE,uCAAM,SAAS,EAAEW,sBAAOgD,YAAP,EAAjB,EAAwC,OAAO,EAAE,KAAKD,oBAAtD,IACG,KAAKnF,KAAL,CAAWoF,YADd,CADF,EAIG,KAAKpF,KAAL,CAAW4E,YAAX,CAAwB7D,MAAxB,GAAiC,CAAjC,IAAsC,KAAKsE,kBAAL,EAJzC,CADF,CAQD,C,SAEOA,kB,GAAR,8BAA6B,oBACgB,KAAKrF,KADrB,CACnB4E,YADmB,gBACnBA,YADmB,CACLpB,gBADK,gBACLA,gBADK,CAE3B,oBACE,6BAAC,cAAD,CAAO,QAAP,qBACE,wCADF,eAEE,wCAFF,8DAIGoB,YAAY,CAACrC,GAAb,CAAiB,UAAC+C,UAAD,uBAChB,6BAAC,cAAD,IACE,GAAG,kBAAgBA,UADrB,EAEE,cAAc,EAAEA,UAFlB,EAGE,kBAAkB,EAAE9B,gBAHtB,GADgB,EAAjB,CAJH,CADF,CAcD,C,uBA5BwBL,eAAMC,S;;;;;;;AA0C3BmC,c;;;;;;;;;;;;;;;AAeI/E,IAAAA,S,GAAY,YAAM;AACxB,UAAMgF,cAAc,GAAG,OAAKxF,KAAL,CAAWwF,cAAlC;AACA,UAAMC,iBAAiB,GAAG3F,mCAAiB0F,cAAjB,CAA1B;AACA,UAAME,cAAc,GAAGX,6BAAcS,cAAd,CAAvB;AACA;AACE,qCAAC,cAAD,CAAO,QAAP;AACE,mFAAsB,6BAAC,aAAD,IAAe,KAAK,EAAEC,iBAAtB,GAAtB,CADF;AAEE,gDAFF;AAGE,gFAAmB,6BAAC,aAAD,IAAe,KAAK,EAAEC,cAAtB,GAAnB,CAHF,CADF;;;AAOD,K;;AAEOC,IAAAA,sB,GAAyB,YAAM;AACU,aAAK3F,KADf,CAC7BwF,cAD6B,gBAC7BA,cAD6B,CACbI,kBADa,gBACbA,kBADa;AAErC,UAAIA,kBAAJ,EAAwB;AACtBA,QAAAA,kBAAkB,CAAC,EAAE/D,KAAK,EAAE2D,cAAT,EAAyBtC,KAAK,EAAEsC,cAAhC,EAAD,CAAlB;AACD;AACF,K,+DAhCM/D,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,cAAD,CAAO,QAAP,qBACE,wCADF,YAEU,GAFV,eAGE,6BAAC,gBAAD,IAAS,OAAO,EAAE,OAAlB,EAA2B,MAAM,EAAE,KAAKjB,SAAxC,EAAmD,GAAG,EAAE,cAAxD,iBACE,uCAAM,SAAS,EAAE4B,sBAAOgD,YAAP,EAAjB,EAAwC,OAAO,EAAE,KAAKO,sBAAtD,IACG,KAAK3F,KAAL,CAAWwF,cADd,CADF,CAHF,CADF,CAWD,C,yBAb0BrC,eAAMC,S;;;AAoCnC,IAAMyC,aAAa,GAAG,SAAhBA,aAAgB,CAAC7F,KAAD,EAA8B;AAClD,MAAM6B,KAAK,GAAG7B,KAAK,CAAC6B,KAApB;AACA,MAAMiE,YAAY,GAAGC,OAAO,CAAClE,KAAD,CAA5B;AACA,MAAMmE,eAAe,GAAGC,UAAU,CAACpE,KAAD,CAAlC;AACA,MAAMqE,UAAU,GAAGJ,YAAY,IAAIE,eAAnC;AACA,MAAIG,WAAW,GAAG,aAAlB;AACA,MAAID,UAAJ,EAAgB;AACdC,IAAAA,WAAW,GAAGL,YAAY,GAAGM,cAAc,CAACC,QAAf,CAAwBxE,KAAxB,CAAH,GAAoC,MAA9D;AACD;;AAED;AACE,2CAAM,SAAS,EAAE,kCAAMO,sBAAOnB,SAAP,EAAN,IAA2B,CAACY,KAA5B,QAAjB;AACGqE,IAAAA,UAAU,iBAAI,uCAAM,SAAS,EAAE9D,sBAAOkE,YAAP,EAAjB,EAAwC,KAAK,EAAE,EAAEC,UAAU,EAAE1E,KAAd,EAAqBsE,WAAW,EAAXA,WAArB,EAA/C,GADjB;AAEGtE,IAAAA,KAAK,IAAI,WAFZ,CADF;;;AAMD,CAhBD;;AAkBA,IAAM2E,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACxG,KAAD,EAA+B;AACzD,MAAIA,KAAK,CAACyG,IAAN,CAAW1F,MAAX,KAAsB,CAA1B,EAA6B;AAC3B,WAAO,IAAP;AACD;;AAED;AACE,0CAAK,SAAS,EAAEqB,sBAAOsE,sBAAP,EAAhB;AACgC1G,IAAAA,KAAK,CAACyG,IAAN,CAAW1F,MAD3C;;AAGE;AACGf,IAAAA,KAAK,CAACyG,IAAN,CAAWnE,IAAX,GAAkBC,GAAlB,CAAsB,UAACoE,CAAD;AACrB,6CAAI,GAAG,EAAEA,CAAT,IAAaA,CAAb,CADqB,GAAtB,CADH,CAHF,CADF;;;;;AAWD,CAhBD;;AAkBA,SAASZ,OAAT,CAAiBa,KAAjB,EAAgC;AAC9B,SAAO,CAAC,CAACA,KAAF,KAAYA,KAAK,CAAC5D,UAAN,CAAiB,GAAjB,KAAyB4D,KAAK,CAAC5D,UAAN,CAAiB,KAAjB,CAAzB,IAAoD4D,KAAK,CAAC5D,UAAN,CAAiB,KAAjB,CAAhE,CAAP;AACD;;AAED,SAASiD,UAAT,CAAoBW,KAApB,EAAmC;AACjC,SAAO,CAAC,CAACA,KAAF,IAAWA,KAAK,CAAC5D,UAAN,CAAiB,iBAAjB,CAAlB;AACD","sourcesContent":["import React from 'react';\n\nimport { DEFAULT_THEME_OLD as defaultVariables } from '../../lib/theming/themes/DefaultThemeOld';\nimport { FLAT_THEME_OLD as flatVariables } from '../../lib/theming/themes/FlatThemeOld';\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';\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  constructor(props: ShowcaseProps) {\n    super(props);\n    if (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      <Gapped wrap gap={30} verticalAlign={'top'}>\n        <div>\n          <Sticky side={'top'}>\n            <div className={styles.searchBar()} 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  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      <React.Fragment>\n        <Sticky side={'top'} offset={40}>\n          {(isSticky) => (\n            <h2\n              className={cx({\n                [styles.heading()]: 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                Flat 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}\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      <React.Fragment>\n        <tr className={styles.invisibleRow()}>\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 variableFlat = flatVariables[varName] as string;\n          const hasNoVariables = isDebugMode && !variableDefault && !variableFlat;\n\n          return (\n            <tr key={`${el}_${varName}`} className={cx(styles.row(), { [styles.suspiciousRow()]: hasNoVariables })}>\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={variableFlat} />\n              </td>\n            </tr>\n          );\n        })}\n      </React.Fragment>\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 dependencyFlat = flatVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <br />\n        <span>Flat value: {<VariableValue value={dependencyFlat} />}</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.styles.d.ts

@@ -1,24 +1,24 @@
-export declare const styles: {
-    searchBar(): string;
-    heading(): string;
-    headingSticky(): string;
-    table(): string;
-    headerCell(): string;
-    row(): string;
-    cell(): string;
-    invisibleRow(): string;
-    suspiciousRow(): string;
-    majorCell(): string;
-    invisibleCell(): string;
-    suspiciousCell(): string;
-    elementName(): string;
-    relativeCss(): string;
-    variableName(): string;
-    colorExample(): string;
-    undefined(): string;
-    unusedVariablesWarning(): string;
-    cssClassObject(): string;
-    cssClassName(): string;
-    cssThemeObject(): string;
-    cssThemeProp(): string;
-};
+export declare const styles: {
+    searchBar(): string;
+    heading(): string;
+    headingSticky(): string;
+    table(): string;
+    headerCell(): string;
+    row(): string;
+    cell(): string;
+    invisibleRow(): string;
+    suspiciousRow(): string;
+    majorCell(): string;
+    invisibleCell(): string;
+    suspiciousCell(): string;
+    elementName(): string;
+    relativeCss(): string;
+    variableName(): string;
+    colorExample(): string;
+    undefined(): string;
+    unusedVariablesWarning(): string;
+    cssClassObject(): string;
+    cssClassName(): string;
+    cssThemeObject(): string;
+    cssThemeProp(): string;
+};