@skbkontur/react-ui 0.0.0-942b5aade9 → 0.0.0-95a1dbe516

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

@@ -1 +1 @@
-{"version":3,"sources":["darkTheme.ts"],"names":["darkTheme","ThemeFactory","create","brandXLight","brandLight","brand","brandDark","brandXDark","white","grayXxLight","grayXLight","grayLight","gray","grayDark","black","blueXxLight","blueLight","blue","blueDark","blueXDark","greenXxLight","green","greenDark","redXxLight","red","redDark","yellowXxLight","yellow","yellowDark","bgDefault","bgDisabled","bgActive","errorMain","errorSecondary","errorText","warningMain","warningSecondary","warningText","borderColorFocus","borderColorFocusLight","borderColorGrayDark","borderColorGrayLight","borderColorError","borderColorWarning","outlineColorFocus","placeholderColor","placeholderColorLight","blinkColor","controlBorderWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","controlHeightSmall","controlHeightMedium","controlHeightLarge","checkboxCheckedColor","checkboxBg","checkboxShadow","checkboxHoverBg","checkboxBgDisabled","checkboxShadowDisabled","checkboxOutlineColorFocus","checkboxActiveBg","checkboxCheckedActiveBg","radioBgImage","radioBoxShadow","radioCheckedBulletColor","radioHoverBg","radioHoverShadow","radioDisabledShadow","radioDisabledBg","radioActiveBg","textColorDefault","textColorInvert","textColorDisabled","linkColor","linkActiveColor","linkHoverColor","linkDisabledColor","linkHoverTextDecoration","menuItemHoverBg","menuItemSelectedBg","loaderBg","loaderOpacity","btnDisabledBg","btnCheckedBg","btnCheckedTextColor","btnDefaultBg","btnDefaultHoverBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","selectPlaceholderColor","tabColorFocus","tabColorError","tabColorWarning","tabColorSuccess","tabColorPrimary","tabColorHover","tabColorHoverError","tabColorHoverWarning","tabColorHoverSuccess","tabColorHoverPrimary","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","modalBackBg","modalBackOpacity","modalCloseButtonColor","modalCloseButtonDisabledColor","modalCloseButtonHoverColor","modalFixedHeaderBg","modalFixedHeaderShadow","modalFixedFooterShadow","modalFooterBg","modalAdaptiveThreshold","sidePageFooterPanelBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","sidePageContainerShadow","dateInputIconColor","dateInputMaskColor","calendarCellBg","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarCellSelectedFontColor","calendarMonthHeaderStickedBgColor","calendarMonthTitleBorderBottomColor","dateSelectMenuBg","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","dateSelectMenuItemBgDisabled","dateSelectMenuItemFontActive","dateSelectMenuItemFontSelected","dateSelectMenuItemFontDisabled","datePickerOpenBtnColor","pickerBg","pickerShadow","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","pickerTodayWrapperHoverBgColor","pagingDotsColor","pagingForwardLinkColor","pagingForwardLinkDisabledColor","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pagingPageLinkHoverBg","pagingPageLinkHintColor","menuSeparatorBorderColor","toastBg","toastColor","toastLinkColor","toastCloseColor","toastCloseHoverColor","tdDividerBg","menuItemPaddingForIcon","menuBorder","menuShadow","toggleBaseBg","toggleBgChecked","toggleShadowColorWarning","toggleShadowColorError","toggleBgActive","toggleFocusShadowColor","toggleBorderColor","toggleBgDisabled","toggleDisabledHandleBg","btnMenuArrowColor","popupBorderRadius","popupBorder","popupBorderColor","popupDropShadow","popupBoxShadow","popupTextColor","inputColor","inputTextColor","inputBg","inputPlaceholderColorDisabled","btnDisabledTextColor","specificityLevel","textareaBg","textareaColor","fileUploaderBg","fileUploaderTextColorDefault","fileUploaderBorderColor","fileUploaderBorderColorFocus","fileUploaderLinkColor","fileUploaderIconColor","fileUploaderIconHoverColor","fileUploaderBorderColorError","fileUploaderBorderColorWarning","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","fileUploaderDisabledLinkColor","fileUploaderDisabledIconColor","tbBg","tbShadow","logoColor","logoHoverColor","DEFAULT_THEME_8PX_OLD"],"mappings":"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","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { DEFAULT_THEME_8PX_OLD } from '../../lib/theming/themes/DefaultTheme8pxOld';\n\nexport const darkTheme = ThemeFactory.create(\n  {\n    brandXLight: '#cae5f5',\n    brandLight: '#3094d0',\n    brand: '#1e79be',\n    brandDark: '#1363a0',\n    brandXDark: '#084f85',\n    white: '#fff',\n    grayXxLight: '#f2f2f2',\n    grayXLight: '#e5e5e5',\n    grayLight: '#a0a0a0',\n    gray: '#808080',\n    grayDark: '#333',\n    black: '#000',\n    blueXxLight: '#e4f3ff',\n    blueLight: '#5199db',\n    blue: '#3072c4',\n    blueDark: '#1e5aa4',\n    blueXDark: '#044785',\n    greenXxLight: '#e2f7dc',\n    green: '#3f9726',\n    greenDark: '#228007',\n    redXxLight: '#ffd6d6',\n    red: '#d70c17',\n    redDark: '#ce0014',\n    yellowXxLight: '#fff0bc',\n    yellow: '#f69c00',\n    yellowDark: '#d97e00',\n    bgDefault: '#333333',\n    bgDisabled: 'rgba(255, 255, 255, 0.05)',\n    bgActive: '#5199db',\n    errorMain: '#d70c17',\n    errorSecondary: '#ffd6d6',\n    errorText: '#ce0014',\n    warningMain: '#f69c00',\n    warningSecondary: '#fff0bc',\n    warningText: '#d97e00',\n    borderColorFocus: '#5199db',\n    borderColorFocusLight: '#bad7f1',\n    borderColorGrayDark: '#4D4D4D',\n    borderColorGrayLight: '#4D4D4D',\n    borderColorError: '#d70c17',\n    borderColorWarning: '#f69c00',\n    outlineColorFocus: '#fff',\n    placeholderColor: '#aaa',\n    placeholderColorLight: '#bbb',\n    blinkColor: 'rgba(0, 136, 255, 0.4)',\n    controlBorderWidth: '1px',\n    controlLineHeightSmall: '20px',\n    controlLineHeightMedium: '20px',\n    controlLineHeightLarge: '22px',\n    controlPaddingYSmall: '6px',\n    controlPaddingYMedium: '9px',\n    controlPaddingYLarge: '10px',\n    controlHeightSmall: '34px',\n    controlHeightMedium: '40px',\n    controlHeightLarge: '44px',\n    checkboxCheckedColor: '#fff',\n    get checkboxBg() {\n      return this.bgDefault;\n    },\n    checkboxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    checkboxHoverBg: 'none',\n    checkboxBgDisabled: 'rgba(255, 255, 255, 0.05)',\n    checkboxShadowDisabled: '0 0 0 1px #4D4D4D',\n    get checkboxOutlineColorFocus() {\n      return this.bgDefault;\n    },\n    get checkboxActiveBg() {\n      return this.bgDefault;\n    },\n    get checkboxCheckedActiveBg() {\n      return this.bgDefault;\n    },\n    get radioBgImage() {\n      return `linear-gradient(${this.bgDefault},${this.bgDefault})`;\n    },\n    radioBoxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    radioCheckedBulletColor: '#fff',\n    radioHoverBg: 'none',\n    radioHoverShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    radioDisabledShadow: '0 0 0 1px #4D4D4D',\n    radioDisabledBg: 'rgba(255, 255, 255, 0.05)',\n    get radioActiveBg() {\n      return this.bgDefault;\n    },\n    textColorDefault: '#fff',\n    textColorInvert: '#fff',\n    textColorDisabled: '#a0a0a0',\n    linkColor: '#fff',\n    linkActiveColor: 'rgba(255, 255, 255, 0.66)',\n    linkHoverColor: '#fff',\n    linkDisabledColor: '#a0a0a0',\n    linkHoverTextDecoration: 'underline',\n    menuItemHoverBg: '#0488E0',\n    menuItemSelectedBg: 'rgba(255, 255, 255, 0.05)',\n    loaderBg: '#333',\n    loaderOpacity: '0.9',\n    btnDisabledBg: 'rgba(255, 255, 255, 0.05)',\n    btnCheckedBg: '#737373',\n    btnCheckedTextColor: '#fff',\n    btnDefaultBg: '#333333',\n    btnDefaultHoverBg: '#444444',\n    btnDefaultBgStart: 'none',\n    btnDefaultBgEnd: 'none',\n    btnDefaultBorderColor: 'rgba(255,255,255, 1)',\n    btnDefaultBorderBottomColor: '',\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    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"]}
+{"version":3,"sources":["darkTheme.ts"],"names":["darkTheme","ThemeFactory","create","brandXLight","brandLight","brand","brandDark","brandXDark","white","grayXxLight","grayXLight","grayLight","gray","grayDark","black","blueXxLight","blueLight","blue","blueDark","blueXDark","greenXxLight","green","greenDark","redXxLight","red","redDark","yellowXxLight","yellow","yellowDark","bgDefault","bgDisabled","bgActive","errorMain","errorSecondary","errorText","warningMain","warningSecondary","warningText","borderColorFocus","borderColorFocusLight","borderColorGrayDark","borderColorGrayLight","borderColorError","borderColorWarning","outlineColorFocus","placeholderColor","placeholderColorLight","blinkColor","controlBorderWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","controlHeightSmall","controlHeightMedium","controlHeightLarge","checkboxCheckedColor","checkboxBg","checkboxShadow","checkboxHoverBg","checkboxBgDisabled","checkboxShadowDisabled","checkboxOutlineColorFocus","checkboxActiveBg","checkboxCheckedActiveBg","radioBgImage","radioBoxShadow","radioCheckedBulletColor","radioHoverBg","radioHoverShadow","radioDisabledShadow","radioDisabledBg","radioActiveBg","textColorDefault","textColorInvert","textColorDisabled","linkColor","linkActiveColor","linkHoverColor","linkDisabledColor","linkHoverTextDecoration","menuItemHoverBg","menuItemSelectedBg","loaderBg","loaderOpacity","btnDisabledBg","btnCheckedBg","btnCheckedTextColor","btnDefaultBg","btnDefaultHoverBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","selectPlaceholderColor","tabColorFocus","tabColorError","tabColorWarning","tabColorSuccess","tabColorPrimary","tabColorHover","tabColorHoverError","tabColorHoverWarning","tabColorHoverSuccess","tabColorHoverPrimary","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","modalBackBg","modalBackOpacity","modalCloseButtonColor","modalCloseButtonDisabledColor","modalCloseButtonHoverColor","modalFixedHeaderBg","modalFixedHeaderShadow","modalFixedFooterShadow","modalFooterBg","modalAdaptiveThreshold","sidePageFooterPanelBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","sidePageContainerShadow","dateInputIconColor","dateInputMaskColor","calendarCellBg","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarCellSelectedFontColor","calendarMonthHeaderStickedBgColor","calendarMonthTitleBorderBottomColor","dateSelectMenuBg","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","dateSelectMenuItemBgDisabled","dateSelectMenuItemFontActive","dateSelectMenuItemFontSelected","dateSelectMenuItemFontDisabled","datePickerOpenBtnColor","pickerBg","pickerShadow","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","pickerTodayWrapperHoverBgColor","pagingDotsColor","pagingForwardLinkColor","pagingForwardLinkDisabledColor","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pagingPageLinkHoverBg","pagingPageLinkHintColor","menuSeparatorBorderColor","toastBg","toastColor","toastLinkColor","toastCloseColor","toastCloseHoverColor","tdDividerBg","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","DEFAULT_THEME_8PX_OLD"],"mappings":"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","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { DEFAULT_THEME_8PX_OLD } from '../../lib/theming/themes/DefaultTheme8pxOld';\n\nexport const darkTheme = ThemeFactory.create(\n  {\n    brandXLight: '#cae5f5',\n    brandLight: '#3094d0',\n    brand: '#1e79be',\n    brandDark: '#1363a0',\n    brandXDark: '#084f85',\n    white: '#fff',\n    grayXxLight: '#f2f2f2',\n    grayXLight: '#e5e5e5',\n    grayLight: '#a0a0a0',\n    gray: '#808080',\n    grayDark: '#333',\n    black: '#000',\n    blueXxLight: '#e4f3ff',\n    blueLight: '#5199db',\n    blue: '#3072c4',\n    blueDark: '#1e5aa4',\n    blueXDark: '#044785',\n    greenXxLight: '#e2f7dc',\n    green: '#3f9726',\n    greenDark: '#228007',\n    redXxLight: '#ffd6d6',\n    red: '#d70c17',\n    redDark: '#ce0014',\n    yellowXxLight: '#fff0bc',\n    yellow: '#f69c00',\n    yellowDark: '#d97e00',\n    bgDefault: '#333333',\n    bgDisabled: 'rgba(255, 255, 255, 0.05)',\n    bgActive: '#5199db',\n    errorMain: '#d70c17',\n    errorSecondary: '#ffd6d6',\n    errorText: '#ce0014',\n    warningMain: '#f69c00',\n    warningSecondary: '#fff0bc',\n    warningText: '#d97e00',\n    borderColorFocus: '#5199db',\n    borderColorFocusLight: '#bad7f1',\n    borderColorGrayDark: '#4D4D4D',\n    borderColorGrayLight: '#4D4D4D',\n    borderColorError: '#d70c17',\n    borderColorWarning: '#f69c00',\n    outlineColorFocus: '#fff',\n    placeholderColor: '#aaa',\n    placeholderColorLight: '#bbb',\n    blinkColor: 'rgba(0, 136, 255, 0.4)',\n    controlBorderWidth: '1px',\n    controlLineHeightSmall: '20px',\n    controlLineHeightMedium: '20px',\n    controlLineHeightLarge: '22px',\n    controlPaddingYSmall: '6px',\n    controlPaddingYMedium: '9px',\n    controlPaddingYLarge: '10px',\n    controlHeightSmall: '34px',\n    controlHeightMedium: '40px',\n    controlHeightLarge: '44px',\n    checkboxCheckedColor: '#fff',\n    get checkboxBg() {\n      return this.bgDefault;\n    },\n    checkboxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    checkboxHoverBg: 'none',\n    checkboxBgDisabled: 'rgba(255, 255, 255, 0.05)',\n    checkboxShadowDisabled: '0 0 0 1px #4D4D4D',\n    get checkboxOutlineColorFocus() {\n      return this.bgDefault;\n    },\n    get checkboxActiveBg() {\n      return this.bgDefault;\n    },\n    get checkboxCheckedActiveBg() {\n      return this.bgDefault;\n    },\n    get radioBgImage() {\n      return `linear-gradient(${this.bgDefault},${this.bgDefault})`;\n    },\n    radioBoxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    radioCheckedBulletColor: '#fff',\n    radioHoverBg: 'none',\n    radioHoverShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    radioDisabledShadow: '0 0 0 1px #4D4D4D',\n    radioDisabledBg: 'rgba(255, 255, 255, 0.05)',\n    get radioActiveBg() {\n      return this.bgDefault;\n    },\n    textColorDefault: '#fff',\n    textColorInvert: '#fff',\n    textColorDisabled: '#a0a0a0',\n    linkColor: '#fff',\n    linkActiveColor: 'rgba(255, 255, 255, 0.66)',\n    linkHoverColor: '#fff',\n    linkDisabledColor: '#a0a0a0',\n    linkHoverTextDecoration: 'underline',\n    menuItemHoverBg: '#0488E0',\n    menuItemSelectedBg: 'rgba(255, 255, 255, 0.05)',\n    loaderBg: '#333',\n    loaderOpacity: '0.9',\n    btnDisabledBg: 'rgba(255, 255, 255, 0.05)',\n    btnCheckedBg: '#737373',\n    btnCheckedTextColor: '#fff',\n    btnDefaultBg: '#333333',\n    btnDefaultHoverBg: '#444444',\n    btnDefaultBgStart: 'none',\n    btnDefaultBgEnd: 'none',\n    btnDefaultBorderColor: 'rgba(255,255,255, 1)',\n    btnDefaultBorderBottomColor: '',\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/cjs/internal/ThemePlayground/helpers.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.getComponentsFromPropsList = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getComponentsFromPropsList = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
 var _Checkbox = require("../../components/Checkbox");
 

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

@@ -1 +1 @@
-{"version":3,"sources":["helpers.tsx"],"names":["getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","Checkbox","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","React","cloneElement","key"],"mappings":"0PAAA;;AAEA;;AAEO,IAAMA,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,KAAmBC,kBAAtC;AACA,QAAIF,UAAJ,EAAgB;AACd,UAAMG,aAAa,GAAGL,KAAtB;AACA,UAAIK,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,gBAAGC,eAAMC,YAAN,CAAmBjB,SAAnB,6BAAmCI,KAAnC,IAA0Cc,GAAG,EAAEb,KAA/C,IAAzB;;AAEA,qBAAWF,MAAX,GAAmBY,gBAAnB;AACD,GAlBM,EAkBJ,EAlBI,CAAP;AAmBD,CAvBM,C","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"]}
+{"version":3,"sources":["helpers.tsx"],"names":["getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","Checkbox","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","React","cloneElement","key"],"mappings":"kQAAA;;AAEA;;AAEO,IAAMA,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,KAAmBC,kBAAtC;AACA,QAAIF,UAAJ,EAAgB;AACd,UAAMG,aAAa,GAAGL,KAAtB;AACA,UAAIK,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,gBAAGC,eAAMC,YAAN,CAAmBjB,SAAnB,6BAAmCI,KAAnC,IAA0Cc,GAAG,EAAEb,KAA/C,IAAzB;;AAEA,qBAAWF,MAAX,GAAmBY,gBAAnB;AACD,GAlBM,EAkBJ,EAlBI,CAAP;AAmBD,CAvBM,C","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/cjs/internal/ThemeShowcase/ThemeShowcase.d.ts

@@ -8,6 +8,7 @@ interface ShowcaseState {
 }
 export declare class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {
     state: ShowcaseState;
+    private emotion;
     private isUnmounting;
     private variablesDiff;
     constructor(props: ShowcaseProps);

package/cjs/internal/ThemeShowcase/ThemeShowcase.js

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ThemeShowcase = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ThemeShowcase = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
 
 var _ColorHelpers = require("../../lib/styles/ColorHelpers");
 var _DefaultTheme = require("../../lib/theming/themes/DefaultTheme");
@@ -13,6 +14,7 @@ var _Supports = require("../../lib/Supports");
 
 var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _useTheme = require("../../lib/theming/useTheme");
 
 var _VariablesCollector = require("./VariablesCollector");
 
@@ -23,7 +25,7 @@ var _VariablesCollector = require("./VariablesCollector");
 
 
 
-var _ThemeShowcase = require("./ThemeShowcase.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _ThemeShowcase = require("./ThemeShowcase.styles");
 
 var EMPTY_ARRAY = [];
 
@@ -42,6 +44,7 @@ ThemeShowcase = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
 
 
 
+
   function ThemeShowcase(props) {var _this;
     _this = _React$Component.call(this, props) || this;_this.state = {};_this.isUnmounting = false;_this.variablesDiff = [];_this.
 
@@ -121,6 +124,14 @@ ThemeShowcase = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
 
 
 
+
+
+
+
+
+
+
+
 
 
 
@@ -150,143 +161,70 @@ ThemeShowcase = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       if (!_this.isUnmounting) {
         _this.setState({ selectedVariable: undefined });
       }
-    };if (props.isDebugMode) {ALL_VARIABLES.forEach(function (variable) {var found = _VariablesCollector.ALL_USED_VARIABLES.includes(variable);if (!found) {_this.variablesDiff.push(variable);}});}return _this;}var _proto = ThemeShowcase.prototype;_proto.render = function render() {var _this2 = this;if (!_Supports.IS_PROXY_SUPPORTED) {return /*#__PURE__*/_react.default.createElement("div", null, "\u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0442\u043E\u043B\u044C\u043A\u043E \u0432", ' ', /*#__PURE__*/_react.default.createElement(_Link.Link, { href: 'https://caniuse.com/#feat=proxy', target: '_blank' }, "\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0441 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u043E\u0439 Proxy"), ".");}var selectedVariable = this.state.selectedVariable;var descriptionsToRender = selectedVariable ? _VariablesCollector.COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {} : _VariablesCollector.COMPONENT_DESCRIPTIONS;var isDebugMode = this.props.isDebugMode;var callsCount = isDebugMode ? "(" + _VariablesCollector.CALLS_COUNT + " \u0432\u044B\u0437\u043E\u0432\u043E\u0432)" : '';var executionTime = isDebugMode ? "\u0421\u0433\u0435\u043D\u0435\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0437\u0430 " + _VariablesCollector.EXECUTION_TIME.toFixed(3) + "ms" : '';return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { wrap: true, gap: 30, verticalAlign: 'top' }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Sticky.Sticky, { side: 'top' }, /*#__PURE__*/_react.default.createElement("div", { className: _ThemeShowcase.styles.searchBar(theme), "data-perf-info": executionTime + " " + callsCount }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 15 }, /*#__PURE__*/_react.default.createElement(_ComboBox.ComboBox, { getItems: _this2.getItems, value: selectedVariable, onValueChange: _this2.handleVariableChange, onUnexpectedInput: _this2.handleUnexpectedVariableInput, placeholder: 'поиск по названию переменной' }), !!selectedVariable && /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: _this2.resetVariable }, "\u0441\u0431\u0440\u043E\u0441\u0438\u0442\u044C")))), Object.keys(descriptionsToRender).sort().map(function (componentName) {return /*#__PURE__*/_react.default.createElement(ComponentShowcase, { key: componentName, name: componentName, description: descriptionsToRender[componentName], isDebugMode: isDebugMode, onVariableSelect: _this2.handleVariableChange });})), /*#__PURE__*/_react.default.createElement(ShowUnusedVariables, { diff: _this2.variablesDiff }));});};_proto.componentWillUnmount = function componentWillUnmount() {this.isUnmounting = true;};_proto.getValues = function getValues(query) {var lowerCaseQuery = query && query.toLowerCase().trim();var allItems = _VariablesCollector.ALL_USED_VARIABLES;if (lowerCaseQuery) {allItems = _VariablesCollector.ALL_USED_VARIABLES.filter(function (usedVariable) {return usedVariable.toLowerCase().startsWith(lowerCaseQuery);});}return allItems.map(function (usedVariableName) {return { value: usedVariableName, label: usedVariableName };});};return ThemeShowcase;}(_react.default.Component);exports.ThemeShowcase = ThemeShowcase;var
-
-
-
-
-
-
-
-
-ComponentShowcase = /*#__PURE__*/function (_React$Component2) {(0, _inheritsLoose2.default)(ComponentShowcase, _React$Component2);function ComponentShowcase() {return _React$Component2.apply(this, arguments) || this;}var _proto2 = ComponentShowcase.prototype;_proto2.
-  render = function render() {var _this3 = this;
-    var _this$props = this.props,name = _this$props.name,description = _this$props.description,onVariableSelect = _this$props.onVariableSelect,isDebugMode = _this$props.isDebugMode;
-    var elements = Object.keys(description);
-
-    return elements.length ? /*#__PURE__*/
-    _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-    function (theme) {
-      return /*#__PURE__*/(
-        _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-        _react.default.createElement(_Sticky.Sticky, { side: 'top', offset: 40 },
-        function (isSticky) {var _cx;return /*#__PURE__*/(
-            _react.default.createElement("h2", {
-              className: (0, _Emotion.cx)((_cx = {}, _cx[
-              _ThemeShowcase.styles.heading(theme)] = true, _cx[
-              _ThemeShowcase.styles.headingSticky()] = isSticky, _cx)) },
-
-
-            _this3.props.name));}), /*#__PURE__*/
-
-
-
-        _react.default.createElement("table", { className: _ThemeShowcase.styles.table() }, /*#__PURE__*/
-        _react.default.createElement("thead", null, /*#__PURE__*/
-        _react.default.createElement("tr", null, /*#__PURE__*/
-        _react.default.createElement("th", { className: _ThemeShowcase.styles.headerCell(), style: { width: 170 } }, "ClassName"), /*#__PURE__*/
-
-
-        _react.default.createElement("th", { className: _ThemeShowcase.styles.headerCell(), style: { width: 210 } }, "Variable Name"), /*#__PURE__*/
-
-
-        _react.default.createElement("th", { className: _ThemeShowcase.styles.headerCell(), style: { width: 250 } }, "Default Value"), /*#__PURE__*/
+    };if (props.isDebugMode) {ALL_VARIABLES.forEach(function (variable) {var found = _VariablesCollector.ALL_USED_VARIABLES.includes(variable);if (!found) {_this.variablesDiff.push(variable);}});}return _this;}var _proto = ThemeShowcase.prototype;_proto.render = function render() {var _this2 = this;if (!_Supports.IS_PROXY_SUPPORTED) {return /*#__PURE__*/_react.default.createElement("div", null, "\u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0442\u043E\u043B\u044C\u043A\u043E \u0432", ' ', /*#__PURE__*/_react.default.createElement(_Link.Link, { href: 'https://caniuse.com/#feat=proxy', target: '_blank' }, "\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0441 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u043E\u0439 Proxy"), ".");}var selectedVariable = this.state.selectedVariable;var descriptionsToRender = selectedVariable ? _VariablesCollector.COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {} : _VariablesCollector.COMPONENT_DESCRIPTIONS;var isDebugMode = this.props.isDebugMode;var callsCount = isDebugMode ? "(" + _VariablesCollector.CALLS_COUNT + " \u0432\u044B\u0437\u043E\u0432\u043E\u0432)" : '';var executionTime = isDebugMode ? "\u0421\u0433\u0435\u043D\u0435\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0437\u0430 " + _VariablesCollector.EXECUTION_TIME.toFixed(3) + "ms" : '';return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {var styles = (0, _ThemeShowcase.getStyles)(_this2.emotion);return /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { wrap: true, gap: 30, verticalAlign: 'top' }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Sticky.Sticky, { side: 'top' }, /*#__PURE__*/_react.default.createElement("div", { className: styles.searchBar(theme), "data-perf-info": executionTime + " " + callsCount }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 15 }, /*#__PURE__*/_react.default.createElement(_ComboBox.ComboBox, { getItems: _this2.getItems, value: selectedVariable, onValueChange: _this2.handleVariableChange, onUnexpectedInput: _this2.handleUnexpectedVariableInput, placeholder: 'поиск по названию переменной' }), !!selectedVariable && /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: _this2.resetVariable }, "\u0441\u0431\u0440\u043E\u0441\u0438\u0442\u044C")))), Object.keys(descriptionsToRender).sort().map(function (componentName) {return /*#__PURE__*/_react.default.createElement(ComponentShowcase, { key: componentName, name: componentName, description: descriptionsToRender[componentName], isDebugMode: isDebugMode, onVariableSelect: _this2.handleVariableChange });})), /*#__PURE__*/_react.default.createElement(ShowUnusedVariables, { diff: _this2.variablesDiff }));});});};_proto.componentWillUnmount = function componentWillUnmount() {this.isUnmounting = true;};_proto.getValues = function getValues(query) {var lowerCaseQuery = query && query.toLowerCase().trim();var allItems = _VariablesCollector.ALL_USED_VARIABLES;if (lowerCaseQuery) {allItems = _VariablesCollector.ALL_USED_VARIABLES.filter(function (usedVariable) {return usedVariable.toLowerCase().startsWith(lowerCaseQuery);});}return allItems.map(function (usedVariableName) {return { value: usedVariableName, label: usedVariableName };});};return ThemeShowcase;}(_react.default.Component);exports.ThemeShowcase = ThemeShowcase;
 
 
-        _react.default.createElement("th", { className: _ThemeShowcase.styles.headerCell(), style: { width: 250 } }, "Dark Value"))), /*#__PURE__*/
 
 
 
 
-        _react.default.createElement("tbody", null,
-        elements.map(function (el) {return /*#__PURE__*/(
-            _react.default.createElement(ComponentShowcaseRow, {
-              key: name + "_" + el,
-              element: el,
-              row: description[el],
-              onVariableSelect: onVariableSelect,
-              isDebugMode: isDebugMode }));})))));
 
 
 
+function ComponentShowcase(props) {
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
 
+  var name = props.name,description = props.description,onVariableSelect = props.onVariableSelect,isDebugMode = props.isDebugMode;
+  var elements = Object.keys(description);
+  var styles = (0, _ThemeShowcase.getStyles)(emotion);
+  return elements.length ? /*#__PURE__*/
+  _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+  _react.default.createElement(_Sticky.Sticky, { side: 'top', offset: 40 },
+  function (isSticky) {var _emotion$cx;return /*#__PURE__*/(
+      _react.default.createElement("h2", {
+        className: emotion.cx((_emotion$cx = {}, _emotion$cx[
+        styles.heading(theme)] = true, _emotion$cx[
+        styles.headingSticky()] = isSticky, _emotion$cx)) },
 
 
-    }) :
+      props.name));}), /*#__PURE__*/
 
-    null;
-  };return ComponentShowcase;}(_react.default.Component);var
 
 
+  _react.default.createElement("table", { className: styles.table() }, /*#__PURE__*/
+  _react.default.createElement("thead", null, /*#__PURE__*/
+  _react.default.createElement("tr", null, /*#__PURE__*/
+  _react.default.createElement("th", { className: styles.headerCell(), style: { width: 170 } }, "ClassName"), /*#__PURE__*/
 
 
+  _react.default.createElement("th", { className: styles.headerCell(), style: { width: 210 } }, "Variable Name"), /*#__PURE__*/
 
 
+  _react.default.createElement("th", { className: styles.headerCell(), style: { width: 250 } }, "Default Value"), /*#__PURE__*/
 
 
+  _react.default.createElement("th", { className: styles.headerCell(), style: { width: 250 } }, "Dark Value"))), /*#__PURE__*/
 
-ComponentShowcaseRow = /*#__PURE__*/function (_React$Component3) {(0, _inheritsLoose2.default)(ComponentShowcaseRow, _React$Component3);function ComponentShowcaseRow() {return _React$Component3.apply(this, arguments) || this;}var _proto3 = ComponentShowcaseRow.prototype;_proto3.
-  render = function render() {var _this4 = this;
-    var _this$props2 = this.props,el = _this$props2.element,row = _this$props2.row,isDebugMode = _this$props2.isDebugMode;
-    var rowSpan = row.variables.length + 1;
 
-    return /*#__PURE__*/(
-      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-      function (theme) {var _cx2;
-        return /*#__PURE__*/(
-          _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-          _react.default.createElement("tr", { className: (0, _Emotion.cx)(_ThemeShowcase.styles.invisibleRow(), (_cx2 = {}, _cx2[_ThemeShowcase.styles.invisibleDarkRow()] = theme === _DarkTheme.DARK_THEME, _cx2)) }, /*#__PURE__*/
-          _react.default.createElement("td", { className: (0, _Emotion.cx)(_ThemeShowcase.styles.cell(), _ThemeShowcase.styles.majorCell()), rowSpan: rowSpan }, /*#__PURE__*/
-          _react.default.createElement("span", { className: _ThemeShowcase.styles.elementName() }, ".", el)), /*#__PURE__*/
-
-          _react.default.createElement("td", { className: _ThemeShowcase.styles.invisibleCell() }), /*#__PURE__*/
-          _react.default.createElement("td", { className: _ThemeShowcase.styles.invisibleCell() }), /*#__PURE__*/
-          _react.default.createElement("td", { className: _ThemeShowcase.styles.invisibleCell() })),
-
-          row.variables.map(function (varName) {var _cx3;
-            var dependencies = row.dependencies[varName] || EMPTY_ARRAY;
-            var variableDefault = _DefaultTheme.DEFAULT_THEME[varName];
-            var variableDark = _DarkTheme.DARK_THEME[varName];
-            var hasNoVariables = isDebugMode && !variableDefault;
-            return /*#__PURE__*/(
-              _react.default.createElement("tr", {
-                key: el + "_" + varName,
-                className: (0, _Emotion.cx)(_ThemeShowcase.styles.row(), (_cx3 = {}, _cx3[
-                _ThemeShowcase.styles.suspiciousRow()] = hasNoVariables, _cx3[
-                _ThemeShowcase.styles.darkRow()] = theme === _DarkTheme.DARK_THEME, _cx3)) }, /*#__PURE__*/
-
-
-              _react.default.createElement("td", { className: _ThemeShowcase.styles.cell() }, /*#__PURE__*/
-              _react.default.createElement(VariableName, {
-                variableName: varName,
-                dependencies: dependencies,
-                onVariableSelect: _this4.props.onVariableSelect })), /*#__PURE__*/
-
-
-              _react.default.createElement("td", { className: _ThemeShowcase.styles.cell() }, /*#__PURE__*/
-              _react.default.createElement(VariableValue, { value: variableDefault })), /*#__PURE__*/
-
-              _react.default.createElement("td", { className: _ThemeShowcase.styles.cell() }, /*#__PURE__*/
-              _react.default.createElement(VariableValue, { value: variableDark }))));
-
-
-
-          })));
-
-
-      }));
-
-
-  };return ComponentShowcaseRow;}(_react.default.Component);var
 
 
+  _react.default.createElement("tbody", null,
+  elements.map(function (el) {return /*#__PURE__*/(
+      _react.default.createElement(ComponentShowcaseRow, {
+        key: name + "_" + el,
+        element: el,
+        row: description[el],
+        onVariableSelect: onVariableSelect,
+        isDebugMode: isDebugMode }));})))) :
 
 
 
 
 
+  null;
+}
 
-VariableName = /*#__PURE__*/function (_React$Component4) {(0, _inheritsLoose2.default)(VariableName, _React$Component4);function VariableName() {var _this5;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this5 = _React$Component4.call.apply(_React$Component4, [this].concat(args)) || this;_this5.
 
 
 
@@ -294,17 +232,55 @@ VariableName = /*#__PURE__*/function (_React$Component4) {(0, _inheritsLoose2.de
 
 
 
+function ComponentShowcaseRow(props) {var _emotion$cx2;
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
 
+  var el = props.element,row = props.row,isDebugMode = props.isDebugMode;
+  var rowSpan = row.variables.length + 1;
+  var styles = (0, _ThemeShowcase.getStyles)(emotion);
+  return /*#__PURE__*/(
+    _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+    _react.default.createElement("tr", { className: emotion.cx(styles.invisibleRow(), (_emotion$cx2 = {}, _emotion$cx2[styles.invisibleDarkRow()] = theme === _DarkTheme.DARK_THEME, _emotion$cx2)) }, /*#__PURE__*/
+    _react.default.createElement("td", { className: emotion.cx(styles.cell(), styles.majorCell()), rowSpan: rowSpan }, /*#__PURE__*/
+    _react.default.createElement("span", { className: styles.elementName() }, ".", el)), /*#__PURE__*/
+
+    _react.default.createElement("td", { className: styles.invisibleCell() }), /*#__PURE__*/
+    _react.default.createElement("td", { className: styles.invisibleCell() }), /*#__PURE__*/
+    _react.default.createElement("td", { className: styles.invisibleCell() })),
+
+    row.variables.map(function (varName) {var _emotion$cx3;
+      var dependencies = row.dependencies[varName] || EMPTY_ARRAY;
+      var variableDefault = _DefaultTheme.DEFAULT_THEME[varName];
+      var variableDark = _DarkTheme.DARK_THEME[varName];
+      var hasNoVariables = isDebugMode && !variableDefault;
+      return /*#__PURE__*/(
+        _react.default.createElement("tr", {
+          key: el + "_" + varName,
+          className: emotion.cx(styles.row(), (_emotion$cx3 = {}, _emotion$cx3[
+          styles.suspiciousRow()] = hasNoVariables, _emotion$cx3[
+          styles.darkRow()] = theme === _DarkTheme.DARK_THEME, _emotion$cx3)) }, /*#__PURE__*/
 
 
+        _react.default.createElement("td", { className: styles.cell() }, /*#__PURE__*/
+        _react.default.createElement(VariableName, {
+          variableName: varName,
+          dependencies: dependencies,
+          onVariableSelect: props.onVariableSelect })), /*#__PURE__*/
 
 
+        _react.default.createElement("td", { className: styles.cell() }, /*#__PURE__*/
+        _react.default.createElement(VariableValue, { value: variableDefault })), /*#__PURE__*/
 
+        _react.default.createElement("td", { className: styles.cell() }, /*#__PURE__*/
+        _react.default.createElement(VariableValue, { value: variableDark }))));
 
 
 
+    })));
 
 
+}
 
 
 
@@ -312,58 +288,85 @@ VariableName = /*#__PURE__*/function (_React$Component4) {(0, _inheritsLoose2.de
 
 
 
+function VariableName(_ref) {var variableName = _ref.variableName,dependencies = _ref.dependencies,onVariableSelect = _ref.onVariableSelect;
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _ThemeShowcase.getStyles)(emotion);
 
+  return /*#__PURE__*/(
+    _react.default.createElement("span", null, /*#__PURE__*/
+    _react.default.createElement("span", { className: styles.variableName(), onClick: handleVariableSelect },
+    variableName),
 
+    dependencies.length > 0 && renderDependencies()));
 
-
-    handleVariableSelect = function () {
-      var _this5$props = _this5.props,variableName = _this5$props.variableName,onVariableSelect = _this5$props.onVariableSelect;
-      if (onVariableSelect) {
-        onVariableSelect({ value: variableName, label: variableName });
-      }
-    };return _this5;}var _proto4 = VariableName.prototype;_proto4.render = function render() {return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", { className: _ThemeShowcase.styles.variableName(), onClick: this.handleVariableSelect }, this.props.variableName), this.props.dependencies.length > 0 && this.renderDependencies());};_proto4.renderDependencies = function renderDependencies() {var _this$props3 = this.props,dependencies = _this$props3.dependencies,onVariableSelect = _this$props3.onVariableSelect;return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "\u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442:", dependencies.map(function (dependency) {return /*#__PURE__*/_react.default.createElement(DependencyName, { key: "dependency_" + dependency, dependencyName: dependency, onDependencySelect: onVariableSelect });}));};return VariableName;}(_react.default.Component);var
 
 
+  function renderDependencies() {
+    return /*#__PURE__*/(
+      _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+      _react.default.createElement("br", null), /*#__PURE__*/
+      _react.default.createElement("br", null), "\u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442:",
 
+      dependencies.map(function (dependency) {return /*#__PURE__*/(
+          _react.default.createElement(DependencyName, {
+            key: "dependency_" + dependency,
+            dependencyName: dependency,
+            onDependencySelect: onVariableSelect }));})));
 
 
 
-DependencyName = /*#__PURE__*/function (_React$Component5) {(0, _inheritsLoose2.default)(DependencyName, _React$Component5);function DependencyName() {var _this6;for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {args[_key2] = arguments[_key2];}_this6 = _React$Component5.call.apply(_React$Component5, [this].concat(args)) || this;_this6.
 
+  }
 
+  function handleVariableSelect() {
+    if (onVariableSelect) {
+      onVariableSelect({ value: variableName, label: variableName });
+    }
+  }
+}
 
 
 
 
 
 
+function DependencyName(_ref2) {var dependencyName = _ref2.dependencyName,onDependencySelect = _ref2.onDependencySelect;
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _ThemeShowcase.getStyles)(emotion);
 
+  return /*#__PURE__*/(
+    _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+    _react.default.createElement("br", null), "\u2013",
+    ' ', /*#__PURE__*/
+    _react.default.createElement(_Tooltip.Tooltip, { trigger: 'hover', render: getValues, pos: 'right middle' }, /*#__PURE__*/
+    _react.default.createElement("span", { className: styles.variableName(), onClick: handleDependencySelect },
+    dependencyName))));
 
 
 
 
 
-    getValues = function () {
-      var dependencyName = _this6.props.dependencyName;
-      var dependencyDefault = _DefaultTheme.DEFAULT_THEME[dependencyName];
-      var dependencyDark = _DarkTheme.DARK_THEME[dependencyName];
-      return /*#__PURE__*/(
-        _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-        _react.default.createElement("span", null, "Default value: ", /*#__PURE__*/_react.default.createElement(VariableValue, { value: dependencyDefault })), /*#__PURE__*/
-        _react.default.createElement("span", null, "Dark value: ", /*#__PURE__*/_react.default.createElement(VariableValue, { value: dependencyDark }))));
+  function getValues() {
+    var dependencyDefault = _DefaultTheme.DEFAULT_THEME[dependencyName];
+    var dependencyDark = _DarkTheme.DARK_THEME[dependencyName];
+    return /*#__PURE__*/(
+      _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+      _react.default.createElement("span", null, "Default value: ", /*#__PURE__*/_react.default.createElement(VariableValue, { value: dependencyDefault })), /*#__PURE__*/
+      _react.default.createElement("span", null, "Dark value: ", /*#__PURE__*/_react.default.createElement(VariableValue, { value: dependencyDark }))));
 
 
-    };_this6.
+  }
 
-    handleDependencySelect = function () {
-      var _this6$props = _this6.props,dependencyName = _this6$props.dependencyName,onDependencySelect = _this6$props.onDependencySelect;
-      if (onDependencySelect) {
-        onDependencySelect({ value: dependencyName, label: dependencyName });
-      }
-    };return _this6;}var _proto5 = DependencyName.prototype;_proto5.render = function render() {return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), "\u2013", ' ', /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, { trigger: 'hover', render: this.getValues, pos: 'right middle' }, /*#__PURE__*/_react.default.createElement("span", { className: _ThemeShowcase.styles.variableName(), onClick: this.handleDependencySelect }, this.props.dependencyName)));};return DependencyName;}(_react.default.Component);
+  function handleDependencySelect() {
+    if (onDependencySelect) {
+      onDependencySelect({ value: dependencyName, label: dependencyName });
+    }
+  }
+}
 
+var VariableValue = function VariableValue(props) {var _emotion$cx4;
+  var emotion = (0, _Emotion.useEmotion)();
 
-var VariableValue = function VariableValue(props) {var _cx4;
   var value = props.value;
   var valueIsColor = (0, _ColorHelpers.isColor)(value);
   var valueIsGradient = isGradient(value);
@@ -373,21 +376,24 @@ var VariableValue = function VariableValue(props) {var _cx4;
     borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';
   }
 
+  var styles = (0, _ThemeShowcase.getStyles)(emotion);
   return /*#__PURE__*/(
-    _react.default.createElement("span", { className: (0, _Emotion.cx)((_cx4 = {}, _cx4[_ThemeShowcase.styles.undefined()] = !value, _cx4)) },
-    hasExample && /*#__PURE__*/_react.default.createElement("span", { className: _ThemeShowcase.styles.colorExample(), style: { background: value, borderColor: borderColor } }),
+    _react.default.createElement("span", { className: emotion.cx((_emotion$cx4 = {}, _emotion$cx4[styles.undefined()] = !value, _emotion$cx4)) },
+    hasExample && /*#__PURE__*/_react.default.createElement("span", { className: styles.colorExample(), style: { background: value, borderColor: borderColor } }),
     value || 'undefined'));
 
 
 };
 
 var ShowUnusedVariables = function ShowUnusedVariables(props) {
+  var emotion = (0, _Emotion.useEmotion)();
   if (props.diff.length === 0) {
     return null;
   }
+  var styles = (0, _ThemeShowcase.getStyles)(emotion);
 
   return /*#__PURE__*/(
-    _react.default.createElement("div", { className: _ThemeShowcase.styles.unusedVariablesWarning() }, "\u041D\u0435\u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u043D\u044B\u0435 \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0435 (",
+    _react.default.createElement("div", { className: styles.unusedVariablesWarning() }, "\u041D\u0435\u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u043D\u044B\u0435 \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0435 (",
     props.diff.length, "):", /*#__PURE__*/
 
     _react.default.createElement("ul", null,