@skbkontur/react-ui 0.0.0-bb4cbfe9c6 → 0.0.0-bc0c053ae7

package/internal/ThemePlayground/darkTheme/darkTheme.js

@@ -244,7 +244,7 @@ export var darkTheme = ThemeFactory.create({
   toastCloseColor: '#a0a0a0',
   toastCloseHoverColor: 'white',
   tdDividerBg: '#808080',
-  menuItemPaddingForIcon: '36px',
+  menuItemPaddingForIconSmall: '36px',
   menuBorder: 'rgba(0, 0, 0, 0)',
   menuShadow: '0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)',
 
@@ -279,6 +279,20 @@ export var darkTheme = ThemeFactory.create({
   specificityLevel: '0',
   textareaBg: 'none',
   textareaColor: 'inherit',
+  fileUploaderBg: 'rgba(255, 255, 255, 0.04)',
+  fileUploaderTextColorDefault: '#fff',
+  fileUploaderBorderColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderBorderColorFocus: '#1f87ef',
+  fileUploaderLinkColor: '#51adff',
+  fileUploaderIconColor: 'rgba(255, 255, 255, 0.48)',
+  fileUploaderIconHoverColor: 'rgba(255, 255, 255, 0.80)',
+  fileUploaderBorderColorError: '#ee5042',
+  fileUploaderBorderColorWarning: '#ffa236',
+  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)',
   // react-ui-addons vars
   // live here because
   // dark theme is unofficial

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

@@ -1 +1 @@
-{"version":3,"sources":["darkTheme.ts"],"names":["ThemeFactory","DEFAULT_THEME_8PX_OLD","darkTheme","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';\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: '',\n    btnDefaultHoverBgStart: '#333',\n    btnDefaultHoverBgEnd: '#333',\n    btnDefaultHoverBorderColor: 'rgba(255,255,255,0.9)',\n    btnDefaultHoverBorderBottomColor: 'rgba(0,0,0,0.15)',\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, 0.1)',\n    btnSuccessBg: '#419d14',\n    btnSuccessBgStart: '#4ba91d',\n    btnSuccessBgEnd: '#37910b',\n    btnSuccessTextColor: '#fff',\n    btnSuccessBorderColor: 'rgba(25, 103, 6, 0.7)',\n    btnSuccessBorderBottomColor: 'rgba(21, 80, 7, 0.5)',\n    btnSuccessHoverBgStart: '#3b8d13',\n    btnSuccessHoverBgEnd: '#317e0b',\n    btnSuccessHoverBorderColor: 'rgba(7, 73, 1, 0.7)',\n    btnSuccessHoverBorderBottomColor: 'rgba(16, 70, 4, 0.3)',\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(9, 32, 4, 0.6)',\n    btnPrimaryBg: '#1e8dd4',\n    btnPrimaryBgStart: '#2899ea',\n    btnPrimaryBgEnd: '#167ac1',\n    btnPrimaryTextColor: '#fff',\n    btnPrimaryBorderColor: 'rgba(14, 81, 129, 0.7)',\n    btnPrimaryBorderBottomColor: 'rgba(7, 37, 80, 0.5)',\n    btnPrimaryHoverBgStart: '#0087d5',\n    btnPrimaryHoverBgEnd: '#167ac1',\n    btnPrimaryHoverBorderColor: 'rgba(5, 60, 99, 0.7)',\n    btnPrimaryHoverBorderBottomColor: 'rgba(7, 37, 80, 0.3)',\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(8, 45, 96, 0.5)',\n    btnDangerBg: '#e14c30',\n    btnDangerBgStart: '#ec5438',\n    btnDangerBgEnd: '#d44327',\n    btnDangerTextColor: '#fff',\n    btnDangerBorderColor: 'rgba(173, 15, 0, 0.7)',\n    btnDangerBorderBottomColor: 'rgba(0, 0, 0, 0.4)',\n    btnDangerHoverBgStart: '#d44227',\n    btnDangerHoverBgEnd: '#c73013',\n    btnDangerHoverBorderColor: 'rgba(145, 0, 0, 0.7)',\n    btnDangerHoverBorderBottomColor: 'rgba(90, 3, 3, 0.4)',\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(90, 3, 3, 0.4)',\n    btnPayBg: '#ffc943',\n    btnPayBgStart: '#ffd54b',\n    btnPayBgEnd: '#ffbb39',\n    btnPayBorderColor: 'rgba(238, 169, 34, 0.7)',\n    btnPayBorderBottomColor: 'rgba(77, 16, 0, 0.56)',\n    btnPayHoverBgStart: '#ffbd3a',\n    btnPayHoverBgEnd: '#f8a91d',\n    btnPayHoverBorderColor: 'rgba(227, 142, 8, 0.7)',\n    btnPayHoverBorderBottomColor: 'rgba(93, 20, 3, 0.4)',\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(0, 0, 0, 0.44)',\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"]}
+{"version":3,"sources":["darkTheme.ts"],"names":["ThemeFactory","DEFAULT_THEME_8PX_OLD","darkTheme","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","menuItemPaddingForIconSmall","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","fileUploaderBg","fileUploaderTextColorDefault","fileUploaderBorderColor","fileUploaderBorderColorFocus","fileUploaderLinkColor","fileUploaderIconColor","fileUploaderIconHoverColor","fileUploaderBorderColorError","fileUploaderBorderColorWarning","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","fileUploaderDisabledLinkColor","fileUploaderDisabledIconColor","tbBg","tbShadow","logoColor","logoHoverColor"],"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: '',\n    btnDefaultHoverBgStart: '#333',\n    btnDefaultHoverBgEnd: '#333',\n    btnDefaultHoverBorderColor: 'rgba(255,255,255,0.9)',\n    btnDefaultHoverBorderBottomColor: 'rgba(0,0,0,0.15)',\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, 0.1)',\n    btnSuccessBg: '#419d14',\n    btnSuccessBgStart: '#4ba91d',\n    btnSuccessBgEnd: '#37910b',\n    btnSuccessTextColor: '#fff',\n    btnSuccessBorderColor: 'rgba(25, 103, 6, 0.7)',\n    btnSuccessBorderBottomColor: 'rgba(21, 80, 7, 0.5)',\n    btnSuccessHoverBgStart: '#3b8d13',\n    btnSuccessHoverBgEnd: '#317e0b',\n    btnSuccessHoverBorderColor: 'rgba(7, 73, 1, 0.7)',\n    btnSuccessHoverBorderBottomColor: 'rgba(16, 70, 4, 0.3)',\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(9, 32, 4, 0.6)',\n    btnPrimaryBg: '#1e8dd4',\n    btnPrimaryBgStart: '#2899ea',\n    btnPrimaryBgEnd: '#167ac1',\n    btnPrimaryTextColor: '#fff',\n    btnPrimaryBorderColor: 'rgba(14, 81, 129, 0.7)',\n    btnPrimaryBorderBottomColor: 'rgba(7, 37, 80, 0.5)',\n    btnPrimaryHoverBgStart: '#0087d5',\n    btnPrimaryHoverBgEnd: '#167ac1',\n    btnPrimaryHoverBorderColor: 'rgba(5, 60, 99, 0.7)',\n    btnPrimaryHoverBorderBottomColor: 'rgba(7, 37, 80, 0.3)',\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(8, 45, 96, 0.5)',\n    btnDangerBg: '#e14c30',\n    btnDangerBgStart: '#ec5438',\n    btnDangerBgEnd: '#d44327',\n    btnDangerTextColor: '#fff',\n    btnDangerBorderColor: 'rgba(173, 15, 0, 0.7)',\n    btnDangerBorderBottomColor: 'rgba(0, 0, 0, 0.4)',\n    btnDangerHoverBgStart: '#d44227',\n    btnDangerHoverBgEnd: '#c73013',\n    btnDangerHoverBorderColor: 'rgba(145, 0, 0, 0.7)',\n    btnDangerHoverBorderBottomColor: 'rgba(90, 3, 3, 0.4)',\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(90, 3, 3, 0.4)',\n    btnPayBg: '#ffc943',\n    btnPayBgStart: '#ffd54b',\n    btnPayBgEnd: '#ffbb39',\n    btnPayBorderColor: 'rgba(238, 169, 34, 0.7)',\n    btnPayBorderBottomColor: 'rgba(77, 16, 0, 0.56)',\n    btnPayHoverBgStart: '#ffbd3a',\n    btnPayHoverBgEnd: '#f8a91d',\n    btnPayHoverBorderColor: 'rgba(227, 142, 8, 0.7)',\n    btnPayHoverBorderBottomColor: 'rgba(93, 20, 3, 0.4)',\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(0, 0, 0, 0.44)',\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    menuItemPaddingForIconSmall: '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    fileUploaderBg: 'rgba(255, 255, 255, 0.04)',\n    fileUploaderTextColorDefault: '#fff',\n    fileUploaderBorderColor: 'rgba(255, 255, 255, 0.32)',\n    fileUploaderBorderColorFocus: '#1f87ef',\n    fileUploaderLinkColor: '#51adff',\n    fileUploaderIconColor: 'rgba(255, 255, 255, 0.48)',\n    fileUploaderIconHoverColor: 'rgba(255, 255, 255, 0.80)',\n    fileUploaderBorderColorError: '#ee5042',\n    fileUploaderBorderColorWarning: '#ffa236',\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\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/internal/ThemePlayground/darkTheme.d.ts

@@ -221,7 +221,7 @@ export declare const darkTheme: Readonly<Readonly<typeof import("../themes/Defau
     toastCloseColor: string;
     toastCloseHoverColor: string;
     tdDividerBg: string;
-    menuItemPaddingForIcon: string;
+    menuItemPaddingForIconSmall: string;
     menuBorder: string;
     menuShadow: string;
     readonly toggleBaseBg: any;
@@ -248,6 +248,20 @@ export declare const darkTheme: Readonly<Readonly<typeof import("../themes/Defau
     specificityLevel: string;
     textareaBg: string;
     textareaColor: string;
+    fileUploaderBg: string;
+    fileUploaderTextColorDefault: string;
+    fileUploaderBorderColor: string;
+    fileUploaderBorderColorFocus: string;
+    fileUploaderLinkColor: string;
+    fileUploaderIconColor: string;
+    fileUploaderIconHoverColor: string;
+    fileUploaderBorderColorError: string;
+    fileUploaderBorderColorWarning: string;
+    fileUploaderDisabledBg: string;
+    fileUploaderDisabledBorderColor: string;
+    fileUploaderDisabledTextColor: string;
+    fileUploaderDisabledLinkColor: string;
+    fileUploaderDisabledIconColor: string;
     tbBg: string;
     tbShadow: string;
     logoColor: string;

package/internal/ThemePlayground/helpers/helpers.js

@@ -4,7 +4,6 @@ import { Checkbox } from "../../../components/Checkbox";
 export var getComponentsFromPropsList = function getComponentsFromPropsList(component, propsList) {
   return propsList.reduce(function (result, props, index) {
     // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен
-    // @ts-ignore
     var isCheckbox = component.type === Checkbox;
 
     if (isCheckbox) {

package/internal/ThemePlayground/helpers/helpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["helpers.tsx"],"names":["React","Checkbox","getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","cloneElement","key"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,2BAAzB;;AAEA,OAAO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CAAeC,SAAf,EAAiDC,SAAjD,EAAoE;AAC5G,SAAOA,SAAS,CAACC,MAAV,CAAiB,UAACC,MAAD,EAAuCC,KAAvC,EAA8CC,KAA9C,EAAwD;AAC9E;AACA;AACA,QAAMC,UAAU,GAAGN,SAAS,CAACO,IAAV,KAAmBT,QAAtC;AACA,QAAIQ,UAAJ,EAAgB;AACd,UAAME,aAAa,GAAGJ,KAAtB;AACA,UAAII,aAAa,CAACC,OAAlB,EAA2B;AACzBD,QAAAA,aAAa,CAACE,GAAd,GAAoB,UAACC,EAAD,EAAQ;AAC1B,cAAIA,EAAJ,EAAQ;AACNA,YAAAA,EAAE,CAACC,QAAH,CAAY,EAAEC,YAAY,EAAE,IAAhB,EAAZ;AACD;AACF,SAJD;AAKA,eAAOL,aAAa,CAACC,OAArB;AACD;AACF;;AAED,QAAMK,gBAAgB,gBAAGjB,KAAK,CAACkB,YAAN,CAAmBf,SAAnB,eAAmCI,KAAnC,IAA0CY,GAAG,EAAEX,KAA/C,IAAzB;;AAEA,qBAAWF,MAAX,GAAmBW,gBAAnB;AACD,GAnBM,EAmBJ,EAnBI,CAAP;AAoBD,CArBM","sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\n\nexport const getComponentsFromPropsList = <P extends {}>(component: React.ReactElement<P>, propsList: P[]) => {\n  return propsList.reduce((result: Array<React.ReactElement<P>>, props, index) => {\n    // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен\n    // @ts-ignore\n    const isCheckbox = component.type === Checkbox;\n    if (isCheckbox) {\n      const checkboxProps = props as unknown as { ref: (el: Checkbox) => void; focused?: boolean };\n      if (checkboxProps.focused) {\n        checkboxProps.ref = (el) => {\n          if (el) {\n            el.setState({ focusedByTab: true });\n          }\n        };\n        delete checkboxProps.focused;\n      }\n    }\n\n    const elementWithProps = React.cloneElement(component, { ...props, key: index });\n\n    return [...result, elementWithProps];\n  }, []);\n};\n"]}
+{"version":3,"sources":["helpers.tsx"],"names":["React","Checkbox","getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","cloneElement","key"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,2BAAzB;;AAEA,OAAO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B;AACxCC,SADwC;AAExCC,SAFwC;AAGrC;AACH,SAAOA,SAAS,CAACC,MAAV,CAAiB,UAACC,MAAD,EAAuCC,KAAvC,EAA8CC,KAA9C,EAAwD;AAC9E;AACA,QAAMC,UAAU,GAAGN,SAAS,CAACO,IAAV,KAAmBT,QAAtC;AACA,QAAIQ,UAAJ,EAAgB;AACd,UAAME,aAAa,GAAGJ,KAAtB;AACA,UAAII,aAAa,CAACC,OAAlB,EAA2B;AACzBD,QAAAA,aAAa,CAACE,GAAd,GAAoB,UAACC,EAAD,EAAQ;AAC1B,cAAIA,EAAJ,EAAQ;AACNA,YAAAA,EAAE,CAACC,QAAH,CAAY,EAAEC,YAAY,EAAE,IAAhB,EAAZ;AACD;AACF,SAJD;AAKA,eAAOL,aAAa,CAACC,OAArB;AACD;AACF;;AAED,QAAMK,gBAAgB,gBAAGjB,KAAK,CAACkB,YAAN,CAAmBf,SAAnB,eAAmCI,KAAnC,IAA0CY,GAAG,EAAEX,KAA/C,IAAzB;;AAEA,qBAAWF,MAAX,GAAmBW,gBAAnB;AACD,GAlBM,EAkBJ,EAlBI,CAAP;AAmBD,CAvBM","sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\n\nexport const getComponentsFromPropsList = <P extends Record<string, string>>(\n  component: React.ReactElement<P>,\n  propsList: P[],\n) => {\n  return propsList.reduce((result: Array<React.ReactElement<P>>, props, index) => {\n    // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен\n    const isCheckbox = component.type === Checkbox;\n    if (isCheckbox) {\n      const checkboxProps = props as unknown as { ref: (el: Checkbox) => void; focused?: boolean };\n      if (checkboxProps.focused) {\n        checkboxProps.ref = (el) => {\n          if (el) {\n            el.setState({ focusedByTab: true });\n          }\n        };\n        delete checkboxProps.focused;\n      }\n    }\n\n    const elementWithProps = React.cloneElement(component, { ...props, key: index });\n\n    return [...result, elementWithProps];\n  }, []);\n};\n"]}

package/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>>[];
+export declare const getComponentsFromPropsList: <P extends Record<string, string>>(component: React.ReactElement<P, string | React.JSXElementConstructor<any>>, propsList: P[]) => React.ReactElement<P, string | React.JSXElementConstructor<any>>[];

package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js

@@ -1,5 +1,6 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
+import { isColor } from "../../../lib/styles/ColorHelpers";
 import { DEFAULT_THEME as defaultVariables } from "../../../lib/theming/themes/DefaultTheme";
 import { DARK_THEME as darkVariables } from "../../../lib/theming/themes/DarkTheme";
 import { ComboBox } from "../../../components/ComboBox";
@@ -43,9 +44,9 @@ export var ThemeShowcase = /*#__PURE__*/function (_React$Component) {
 
       if (values.length > 0) {
         return values[0];
-      } else {
-        return _this.resetVariable();
       }
+
+      return _this.resetVariable();
     };
 
     _this.resetVariable = function () {
@@ -163,7 +164,7 @@ var ComponentShowcase = /*#__PURE__*/function (_React$Component2) {
         onVariableSelect = _this$props.onVariableSelect,
         isDebugMode = _this$props.isDebugMode;
     var elements = Object.keys(description);
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+    return elements.length ? /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Sticky, {
         side: 'top',
         offset: 40
@@ -204,7 +205,7 @@ var ComponentShowcase = /*#__PURE__*/function (_React$Component2) {
           isDebugMode: isDebugMode
         });
       }))));
-    });
+    }) : null;
   };
 
   return ComponentShowcase;
@@ -228,8 +229,10 @@ var ComponentShowcaseRow = /*#__PURE__*/function (_React$Component3) {
         isDebugMode = _this$props2.isDebugMode;
     var rowSpan = row.variables.length + 1;
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      var _cx2;
+
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", {
-        className: styles.invisibleRow(theme)
+        className: cx(styles.invisibleRow(), (_cx2 = {}, _cx2[styles.invisibleDarkRow()] = theme === darkVariables, _cx2))
       }, /*#__PURE__*/React.createElement("td", {
         className: cx(styles.cell(), styles.majorCell()),
         rowSpan: rowSpan
@@ -242,7 +245,7 @@ var ComponentShowcaseRow = /*#__PURE__*/function (_React$Component3) {
       }), /*#__PURE__*/React.createElement("td", {
         className: styles.invisibleCell()
       })), row.variables.map(function (varName) {
-        var _cx2;
+        var _cx3;
 
         var dependencies = row.dependencies[varName] || EMPTY_ARRAY;
         var variableDefault = defaultVariables[varName];
@@ -250,7 +253,7 @@ var ComponentShowcaseRow = /*#__PURE__*/function (_React$Component3) {
         var hasNoVariables = isDebugMode && !variableDefault;
         return /*#__PURE__*/React.createElement("tr", {
           key: el + "_" + varName,
-          className: cx(styles.row(theme), (_cx2 = {}, _cx2[styles.suspiciousRow()] = hasNoVariables, _cx2))
+          className: cx(styles.row(), (_cx3 = {}, _cx3[styles.suspiciousRow()] = hasNoVariables, _cx3[styles.darkRow()] = theme === darkVariables, _cx3))
         }, /*#__PURE__*/React.createElement("td", {
           className: styles.cell()
         }, /*#__PURE__*/React.createElement(VariableName, {
@@ -382,7 +385,7 @@ var DependencyName = /*#__PURE__*/function (_React$Component5) {
 }(React.Component);
 
 var VariableValue = function VariableValue(props) {
-  var _cx3;
+  var _cx4;
 
   var value = props.value;
   var valueIsColor = isColor(value);
@@ -395,7 +398,7 @@ var VariableValue = function VariableValue(props) {
   }
 
   return /*#__PURE__*/React.createElement("span", {
-    className: cx((_cx3 = {}, _cx3[styles.undefined()] = !value, _cx3))
+    className: cx((_cx4 = {}, _cx4[styles.undefined()] = !value, _cx4))
   }, hasExample && /*#__PURE__*/React.createElement("span", {
     className: styles.colorExample(),
     style: {
@@ -419,10 +422,6 @@ var ShowUnusedVariables = function ShowUnusedVariables(props) {
   })));
 };
 
-function isColor(input) {
-  return !!input && (input.startsWith('#') || input.startsWith('rgb') || input.startsWith('hsl'));
-}
-
 function isGradient(input) {
   return !!input && input.startsWith('linear-gradient');
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["ThemeShowcase.tsx"],"names":["React","DEFAULT_THEME","defaultVariables","DARK_THEME","darkVariables","ComboBox","Gapped","Link","Sticky","ColorFunctions","Tooltip","IS_PROXY_SUPPORTED","cx","ThemeContext","ALL_USED_VARIABLES","CALLS_COUNT","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","EXECUTION_TIME","styles","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","ThemeShowcase","props","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","isDebugMode","forEach","variable","found","includes","push","render","descriptionsToRender","value","callsCount","executionTime","toFixed","theme","searchBar","sort","map","componentName","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","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","hasNoVariables","suspiciousRow","VariableName","handleVariableSelect","variableName","renderDependencies","dependency","DependencyName","dependencyName","dependencyDefault","dependencyDark","handleDependencySelect","onDependencySelect","VariableValue","valueIsColor","isColor","valueIsGradient","isGradient","hasExample","borderColor","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  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      <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"]}
+{"version":3,"sources":["ThemeShowcase.tsx"],"names":["React","isColor","DEFAULT_THEME","defaultVariables","DARK_THEME","darkVariables","ComboBox","Gapped","Link","Sticky","ColorFunctions","Tooltip","IS_PROXY_SUPPORTED","cx","ThemeContext","ALL_USED_VARIABLES","CALLS_COUNT","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","EXECUTION_TIME","styles","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","ThemeShowcase","props","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","isDebugMode","forEach","variable","found","includes","push","render","descriptionsToRender","value","callsCount","executionTime","toFixed","theme","searchBar","sort","map","componentName","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","Component","ComponentShowcase","name","description","onVariableSelect","elements","isSticky","heading","headingSticky","table","headerCell","width","el","ComponentShowcaseRow","element","row","rowSpan","variables","invisibleRow","invisibleDarkRow","cell","majorCell","elementName","invisibleCell","varName","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","handleVariableSelect","variableName","renderDependencies","dependency","DependencyName","dependencyName","dependencyDefault","dependencyDark","handleDependencySelect","onDependencySelect","VariableValue","valueIsColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","ShowUnusedVariables","diff","unusedVariablesWarning","v","input"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\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  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      <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    }\n\n    return this.resetVariable();\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 elements.length ? (\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    ) : null;\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={cx(styles.invisibleRow(), { [styles.invisibleDarkRow()]: theme === darkVariables })}>\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(), {\n                      [styles.suspiciousRow()]: hasNoVariables,\n                      [styles.darkRow()]: theme === darkVariables,\n                    })}\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 isGradient(input: string) {\n  return !!input && input.startsWith('linear-gradient');\n}\n"]}

package/internal/ThemeShowcase/ThemeShowcase.styles/ThemeShowcase.styles.js

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
@@ -19,56 +19,62 @@ export var styles = memoizeStyle({
   headerCell: function headerCell() {
     return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      text-align: left;\n      padding-left: 5px;\n    "])));
   },
-  row: function row(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        background-color: ", ";\n      }\n    "])), t.modalCloseButtonColor);
+  row: function row() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        background-color: #f8f8f8;\n      }\n    "])));
+  },
+  darkRow: function darkRow() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    "])));
   },
   cell: function cell() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      border-top: 0 none;\n      border-bottom: 1px solid #e8e8e8;\n      vertical-align: top;\n      padding: 10px 5px;\n    "])));
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border-top: 0 none;\n      border-bottom: 1px solid #e8e8e8;\n      vertical-align: top;\n      padding: 10px 5px;\n    "])));
+  },
+  invisibleRow: function invisibleRow() {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n      height: 0;\n\n      &:hover,\n      &:hover ~ tr {\n        background-color: #f8f8f8;\n      }\n\n      &:hover ~ &,\n      &:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    "])));
   },
-  invisibleRow: function invisibleRow(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n      height: 0;\n\n      &:hover,\n      &:hover ~ tr {\n        background-color: ", ";\n      }\n\n      &:hover ~ &,\n      &:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    "])), t.modalCloseButtonColor);
+  invisibleDarkRow: function invisibleDarkRow() {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      &:hover,\n      &:hover ~ tr {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    "])));
   },
   suspiciousRow: function suspiciousRow() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      background-color: red;\n    "])));
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      background-color: red;\n    "])));
   },
   //noinspection CssReplaceWithShorthandSafely
   majorCell: function majorCell() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      border-top: 1px solid #e8e8e8;\n    "])));
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      border-top: 1px solid #e8e8e8;\n    "])));
   },
   invisibleCell: function invisibleCell() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n      height: 0;\n      font-size: 0;\n      line-height: 0;\n      border: 0 none;\n      border-top: 1px solid #e8e8e8;\n    "])));
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n      height: 0;\n      font-size: 0;\n      line-height: 0;\n      border: 0 none;\n      border-top: 1px solid #e8e8e8;\n    "])));
   },
   suspiciousCell: function suspiciousCell() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      background-color: #fff0bc;\n    "])));
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background-color: #fff0bc;\n    "])));
   },
   elementName: function elementName() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: #7f9a44;\n      font-weight: 400;\n    "])));
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: #7f9a44;\n      font-weight: 400;\n    "])));
   },
   relativeCss: function relativeCss() {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      white-space: pre;\n      color: #333;\n    "])));
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      white-space: pre;\n      color: #333;\n    "])));
   },
   variableName: function variableName() {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: #b77daa;\n      font-weight: 400;\n      cursor: pointer;\n    "])));
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      color: #b77daa;\n      font-weight: 400;\n      cursor: pointer;\n    "])));
   },
   colorExample: function colorExample() {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      border: 1px solid transparent;\n      margin-right: 4px;\n      vertical-align: -3px;\n    "])));
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      border: 1px solid transparent;\n      margin-right: 4px;\n      vertical-align: -3px;\n    "])));
   },
   undefined: function undefined() {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      text-decoration: line-through;\n    "])));
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      text-decoration: line-through;\n    "])));
   },
   unusedVariablesWarning: function unusedVariablesWarning() {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      padding: 16px;\n      margin: 20px 0;\n      background-color: #fff0bc;\n      border-radius: 3px;\n    "])));
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      padding: 16px;\n      margin: 20px 0;\n      background-color: #fff0bc;\n      border-radius: 3px;\n    "])));
   },
   cssClassObject: function cssClassObject() {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      color: #d28445;\n    "])));
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: #d28445;\n    "])));
   },
   cssClassName: function cssClassName() {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      color: #7f9a44;\n    "])));
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      color: #7f9a44;\n    "])));
   },
   cssThemeObject: function cssThemeObject() {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: #ac4142;\n    "])));
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      color: #ac4142;\n    "])));
   },
   cssThemeProp: function cssThemeProp() {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      color: #b77daa;\n    "])));
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      color: #b77daa;\n    "])));
   }
 });

package/internal/ThemeShowcase/ThemeShowcase.styles/ThemeShowcase.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeShowcase.styles.ts"],"names":["css","memoizeStyle","styles","searchBar","t","bgDefault","heading","headingSticky","table","headerCell","row","modalCloseButtonColor","cell","invisibleRow","suspiciousRow","majorCell","invisibleCell","suspiciousCell","elementName","relativeCss","variableName","colorExample","undefined","unusedVariablesWarning","cssClassObject","cssClassName","cssThemeObject","cssThemeProp"],"mappings":"2fAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,SADiC,qBACvBC,CADuB,EACb;AAClB,WAAOJ,GAAP;;;;;AAKsBI,IAAAA,CAAC,CAACC,SALxB;;;;;;;;;;;;AAiBD,GAnBgC;;AAqBjCC,EAAAA,OArBiC,mBAqBzBF,CArByB,EAqBf;AAChB,WAAOJ,GAAP;;;AAGsBI,IAAAA,CAAC,CAACC,SAHxB;;AAKD,GA3BgC;;AA6BjCE,EAAAA,aA7BiC,2BA6BjB;AACd,WAAOP,GAAP;;;AAGD,GAjCgC;;AAmCjCQ,EAAAA,KAnCiC,mBAmCzB;AACN,WAAOR,GAAP;;;;AAID,GAxCgC;;AA0CjCS,EAAAA,UA1CiC,wBA0CpB;AACX,WAAOT,GAAP;;;;AAID,GA/CgC;;AAiDjCU,EAAAA,GAjDiC,eAiD7BN,CAjD6B,EAiDnB;AACZ,WAAOJ,GAAP;;AAEwBI,IAAAA,CAAC,CAACO,qBAF1B;;;AAKD,GAvDgC;;AAyDjCC,EAAAA,IAzDiC,kBAyD1B;AACL,WAAOZ,GAAP;;;;;;AAMD,GAhEgC;;AAkEjCa,EAAAA,YAlEiC,wBAkEpBT,CAlEoB,EAkEV;AACrB,WAAOJ,GAAP;;;;;;AAMwBI,IAAAA,CAAC,CAACO,qBAN1B;;;;;;;;AAcD,GAjFgC;;AAmFjCG,EAAAA,aAnFiC,2BAmFjB;AACd,WAAOd,GAAP;;;AAGD,GAvFgC;;AAyFjC;AACAe,EAAAA,SA1FiC,uBA0FrB;AACV,WAAOf,GAAP;;;AAGD,GA9FgC;;AAgGjCgB,EAAAA,aAhGiC,2BAgGjB;AACd,WAAOhB,GAAP;;;;;;;;AAQD,GAzGgC;;AA2GjCiB,EAAAA,cA3GiC,4BA2GhB;AACf,WAAOjB,GAAP;;;AAGD,GA/GgC;;AAiHjCkB,EAAAA,WAjHiC,yBAiHnB;AACZ,WAAOlB,GAAP;;;;AAID,GAtHgC;;AAwHjCmB,EAAAA,WAxHiC,yBAwHnB;AACZ,WAAOnB,GAAP;;;;AAID,GA7HgC;;AA+HjCoB,EAAAA,YA/HiC,0BA+HlB;AACb,WAAOpB,GAAP;;;;;AAKD,GArIgC;;AAuIjCqB,EAAAA,YAvIiC,0BAuIlB;AACb,WAAOrB,GAAP;;;;;;;;;AASD,GAjJgC;;AAmJjCsB,EAAAA,SAnJiC,uBAmJrB;AACV,WAAOtB,GAAP;;;AAGD,GAvJgC;;AAyJjCuB,EAAAA,sBAzJiC,oCAyJR;AACvB,WAAOvB,GAAP;;;;;;AAMD,GAhKgC;;AAkKjCwB,EAAAA,cAlKiC,4BAkKhB;AACf,WAAOxB,GAAP;;;AAGD,GAtKgC;;AAwKjCyB,EAAAA,YAxKiC,0BAwKlB;AACb,WAAOzB,GAAP;;;AAGD,GA5KgC;;AA8KjC0B,EAAAA,cA9KiC,4BA8KhB;AACf,WAAO1B,GAAP;;;AAGD,GAlLgC;;AAoLjC2B,EAAAA,YApLiC,0BAoLlB;AACb,WAAO3B,GAAP;;;AAGD,GAxLgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  searchBar(t: Theme) {\n    return css`\n      position: relative;\n      box-sizing: border-box;\n      height: 40px;\n      padding: 5px;\n      background-color: ${t.bgDefault};\n\n      &::after {\n        content: attr(data-perf-info);\n        position: absolute;\n        top: 11px;\n        right: 20px;\n        color: #808080;\n        height: 20px;\n        line-height: 20px;\n      }\n    `;\n  },\n\n  heading(t: Theme) {\n    return css`\n      padding: 24px 0 16px 5px;\n      margin: 0;\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  headingSticky() {\n    return css`\n      border-bottom: 1px solid #e8e8e8;\n    `;\n  },\n\n  table() {\n    return css`\n      width: 880px;\n      border-collapse: collapse;\n    `;\n  },\n\n  headerCell() {\n    return css`\n      text-align: left;\n      padding-left: 5px;\n    `;\n  },\n\n  row(t: Theme) {\n    return css`\n      &:hover {\n        background-color: ${t.modalCloseButtonColor};\n      }\n    `;\n  },\n\n  cell() {\n    return css`\n      border-top: 0 none;\n      border-bottom: 1px solid #e8e8e8;\n      vertical-align: top;\n      padding: 10px 5px;\n    `;\n  },\n\n  invisibleRow(t: Theme) {\n    return css`\n      padding: 0;\n      height: 0;\n\n      &:hover,\n      &:hover ~ tr {\n        background-color: ${t.modalCloseButtonColor};\n      }\n\n      &:hover ~ &,\n      &:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    `;\n  },\n\n  suspiciousRow() {\n    return css`\n      background-color: red;\n    `;\n  },\n\n  //noinspection CssReplaceWithShorthandSafely\n  majorCell() {\n    return css`\n      border-top: 1px solid #e8e8e8;\n    `;\n  },\n\n  invisibleCell() {\n    return css`\n      padding: 0;\n      height: 0;\n      font-size: 0;\n      line-height: 0;\n      border: 0 none;\n      border-top: 1px solid #e8e8e8;\n    `;\n  },\n\n  suspiciousCell() {\n    return css`\n      background-color: #fff0bc;\n    `;\n  },\n\n  elementName() {\n    return css`\n      color: #7f9a44;\n      font-weight: 400;\n    `;\n  },\n\n  relativeCss() {\n    return css`\n      white-space: pre;\n      color: #333;\n    `;\n  },\n\n  variableName() {\n    return css`\n      color: #b77daa;\n      font-weight: 400;\n      cursor: pointer;\n    `;\n  },\n\n  colorExample() {\n    return css`\n      display: inline-block;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      border: 1px solid transparent;\n      margin-right: 4px;\n      vertical-align: -3px;\n    `;\n  },\n\n  undefined() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  unusedVariablesWarning() {\n    return css`\n      padding: 16px;\n      margin: 20px 0;\n      background-color: #fff0bc;\n      border-radius: 3px;\n    `;\n  },\n\n  cssClassObject() {\n    return css`\n      color: #d28445;\n    `;\n  },\n\n  cssClassName() {\n    return css`\n      color: #7f9a44;\n    `;\n  },\n\n  cssThemeObject() {\n    return css`\n      color: #ac4142;\n    `;\n  },\n\n  cssThemeProp() {\n    return css`\n      color: #b77daa;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["ThemeShowcase.styles.ts"],"names":["css","memoizeStyle","styles","searchBar","t","bgDefault","heading","headingSticky","table","headerCell","row","darkRow","cell","invisibleRow","invisibleDarkRow","suspiciousRow","majorCell","invisibleCell","suspiciousCell","elementName","relativeCss","variableName","colorExample","undefined","unusedVariablesWarning","cssClassObject","cssClassName","cssThemeObject","cssThemeProp"],"mappings":"iiBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,SADiC,qBACvBC,CADuB,EACb;AAClB,WAAOJ,GAAP;;;;;AAKsBI,IAAAA,CAAC,CAACC,SALxB;;;;;;;;;;;;AAiBD,GAnBgC;;AAqBjCC,EAAAA,OArBiC,mBAqBzBF,CArByB,EAqBf;AAChB,WAAOJ,GAAP;;;AAGsBI,IAAAA,CAAC,CAACC,SAHxB;;AAKD,GA3BgC;;AA6BjCE,EAAAA,aA7BiC,2BA6BjB;AACd,WAAOP,GAAP;;;AAGD,GAjCgC;;AAmCjCQ,EAAAA,KAnCiC,mBAmCzB;AACN,WAAOR,GAAP;;;;AAID,GAxCgC;;AA0CjCS,EAAAA,UA1CiC,wBA0CpB;AACX,WAAOT,GAAP;;;;AAID,GA/CgC;;AAiDjCU,EAAAA,GAjDiC,iBAiD3B;AACJ,WAAOV,GAAP;;;;;AAKD,GAvDgC;AAwDjCW,EAAAA,OAxDiC,qBAwDvB;AACR,WAAOX,GAAP;;;;;AAKD,GA9DgC;;AAgEjCY,EAAAA,IAhEiC,kBAgE1B;AACL,WAAOZ,GAAP;;;;;;AAMD,GAvEgC;;AAyEjCa,EAAAA,YAzEiC,0BAyElB;AACb,WAAOb,GAAP;;;;;;;;;;;;;;AAcD,GAxFgC;AAyFjCc,EAAAA,gBAzFiC,8BAyFd;AACjB,WAAOd,GAAP;;;;;;AAMD,GAhGgC;;AAkGjCe,EAAAA,aAlGiC,2BAkGjB;AACd,WAAOf,GAAP;;;AAGD,GAtGgC;;AAwGjC;AACAgB,EAAAA,SAzGiC,uBAyGrB;AACV,WAAOhB,GAAP;;;AAGD,GA7GgC;;AA+GjCiB,EAAAA,aA/GiC,2BA+GjB;AACd,WAAOjB,GAAP;;;;;;;;AAQD,GAxHgC;;AA0HjCkB,EAAAA,cA1HiC,4BA0HhB;AACf,WAAOlB,GAAP;;;AAGD,GA9HgC;;AAgIjCmB,EAAAA,WAhIiC,yBAgInB;AACZ,WAAOnB,GAAP;;;;AAID,GArIgC;;AAuIjCoB,EAAAA,WAvIiC,yBAuInB;AACZ,WAAOpB,GAAP;;;;AAID,GA5IgC;;AA8IjCqB,EAAAA,YA9IiC,0BA8IlB;AACb,WAAOrB,GAAP;;;;;AAKD,GApJgC;;AAsJjCsB,EAAAA,YAtJiC,0BAsJlB;AACb,WAAOtB,GAAP;;;;;;;;;AASD,GAhKgC;;AAkKjCuB,EAAAA,SAlKiC,uBAkKrB;AACV,WAAOvB,GAAP;;;AAGD,GAtKgC;;AAwKjCwB,EAAAA,sBAxKiC,oCAwKR;AACvB,WAAOxB,GAAP;;;;;;AAMD,GA/KgC;;AAiLjCyB,EAAAA,cAjLiC,4BAiLhB;AACf,WAAOzB,GAAP;;;AAGD,GArLgC;;AAuLjC0B,EAAAA,YAvLiC,0BAuLlB;AACb,WAAO1B,GAAP;;;AAGD,GA3LgC;;AA6LjC2B,EAAAA,cA7LiC,4BA6LhB;AACf,WAAO3B,GAAP;;;AAGD,GAjMgC;;AAmMjC4B,EAAAA,YAnMiC,0BAmMlB;AACb,WAAO5B,GAAP;;;AAGD,GAvMgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  searchBar(t: Theme) {\n    return css`\n      position: relative;\n      box-sizing: border-box;\n      height: 40px;\n      padding: 5px;\n      background-color: ${t.bgDefault};\n\n      &::after {\n        content: attr(data-perf-info);\n        position: absolute;\n        top: 11px;\n        right: 20px;\n        color: #808080;\n        height: 20px;\n        line-height: 20px;\n      }\n    `;\n  },\n\n  heading(t: Theme) {\n    return css`\n      padding: 24px 0 16px 5px;\n      margin: 0;\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  headingSticky() {\n    return css`\n      border-bottom: 1px solid #e8e8e8;\n    `;\n  },\n\n  table() {\n    return css`\n      width: 880px;\n      border-collapse: collapse;\n    `;\n  },\n\n  headerCell() {\n    return css`\n      text-align: left;\n      padding-left: 5px;\n    `;\n  },\n\n  row() {\n    return css`\n      &:hover {\n        background-color: #f8f8f8;\n      }\n    `;\n  },\n  darkRow() {\n    return css`\n      &:hover {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    `;\n  },\n\n  cell() {\n    return css`\n      border-top: 0 none;\n      border-bottom: 1px solid #e8e8e8;\n      vertical-align: top;\n      padding: 10px 5px;\n    `;\n  },\n\n  invisibleRow() {\n    return css`\n      padding: 0;\n      height: 0;\n\n      &:hover,\n      &:hover ~ tr {\n        background-color: #f8f8f8;\n      }\n\n      &:hover ~ &,\n      &:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    `;\n  },\n  invisibleDarkRow() {\n    return css`\n      &:hover,\n      &:hover ~ tr {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    `;\n  },\n\n  suspiciousRow() {\n    return css`\n      background-color: red;\n    `;\n  },\n\n  //noinspection CssReplaceWithShorthandSafely\n  majorCell() {\n    return css`\n      border-top: 1px solid #e8e8e8;\n    `;\n  },\n\n  invisibleCell() {\n    return css`\n      padding: 0;\n      height: 0;\n      font-size: 0;\n      line-height: 0;\n      border: 0 none;\n      border-top: 1px solid #e8e8e8;\n    `;\n  },\n\n  suspiciousCell() {\n    return css`\n      background-color: #fff0bc;\n    `;\n  },\n\n  elementName() {\n    return css`\n      color: #7f9a44;\n      font-weight: 400;\n    `;\n  },\n\n  relativeCss() {\n    return css`\n      white-space: pre;\n      color: #333;\n    `;\n  },\n\n  variableName() {\n    return css`\n      color: #b77daa;\n      font-weight: 400;\n      cursor: pointer;\n    `;\n  },\n\n  colorExample() {\n    return css`\n      display: inline-block;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      border: 1px solid transparent;\n      margin-right: 4px;\n      vertical-align: -3px;\n    `;\n  },\n\n  undefined() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  unusedVariablesWarning() {\n    return css`\n      padding: 16px;\n      margin: 20px 0;\n      background-color: #fff0bc;\n      border-radius: 3px;\n    `;\n  },\n\n  cssClassObject() {\n    return css`\n      color: #d28445;\n    `;\n  },\n\n  cssClassName() {\n    return css`\n      color: #7f9a44;\n    `;\n  },\n\n  cssThemeObject() {\n    return css`\n      color: #ac4142;\n    `;\n  },\n\n  cssThemeProp() {\n    return css`\n      color: #b77daa;\n    `;\n  },\n});\n"]}

package/internal/ThemeShowcase/ThemeShowcase.styles.d.ts

@@ -5,9 +5,11 @@ export declare const styles: {
     headingSticky(): string;
     table(): string;
     headerCell(): string;
-    row(t: Theme): string;
+    row(): string;
+    darkRow(): string;
     cell(): string;
-    invisibleRow(t: Theme): string;
+    invisibleRow(): string;
+    invisibleDarkRow(): string;
     suspiciousRow(): string;
     majorCell(): string;
     invisibleCell(): string;