@skbkontur/react-ui 2.17.2 → 2.17.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/cjs/components/Modal/Modal.styles.js +1 -1
  3. package/cjs/components/Modal/Modal.styles.js.map +1 -1
  4. package/cjs/components/Select/Select.js +6 -1
  5. package/cjs/components/Select/Select.js.map +1 -1
  6. package/cjs/components/Select/Select.styles.d.ts +1 -0
  7. package/cjs/components/Select/Select.styles.js +11 -5
  8. package/cjs/components/Select/Select.styles.js.map +1 -1
  9. package/cjs/components/Select/selectTheme.js +6 -1
  10. package/cjs/components/Select/selectTheme.js.map +1 -1
  11. package/cjs/internal/RenderContainer/RenderContainer.js +2 -1
  12. package/cjs/internal/RenderContainer/RenderContainer.js.map +1 -1
  13. package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  14. package/cjs/internal/themes/DefaultTheme.d.ts +5 -0
  15. package/cjs/internal/themes/DefaultTheme.js +16 -1
  16. package/cjs/internal/themes/DefaultTheme.js.map +1 -1
  17. package/cjs/internal/themes/Theme8px.js +1 -1
  18. package/cjs/internal/themes/Theme8px.js.map +1 -1
  19. package/cjs/lib/Upgrades.d.ts +2 -0
  20. package/cjs/lib/Upgrades.js +14 -0
  21. package/cjs/lib/Upgrades.js.map +1 -1
  22. package/cjs/lib/theming/Emotion.js +3 -3
  23. package/cjs/lib/theming/Emotion.js.map +1 -1
  24. package/cjs/lib/theming/ThemeFactory.js +0 -6
  25. package/cjs/lib/theming/ThemeFactory.js.map +1 -1
  26. package/cjs/lib/theming/ThemeHelpers.d.ts +3 -0
  27. package/cjs/lib/theming/ThemeHelpers.js +30 -10
  28. package/cjs/lib/theming/ThemeHelpers.js.map +1 -1
  29. package/cjs/lib/theming/themes/DefaultTheme8px.js +4 -2
  30. package/cjs/lib/theming/themes/DefaultTheme8px.js.map +1 -1
  31. package/cjs/lib/theming/themes/FlatTheme.js +4 -2
  32. package/cjs/lib/theming/themes/FlatTheme.js.map +1 -1
  33. package/cjs/lib/theming/themes/FlatTheme8px.js +2 -1
  34. package/cjs/lib/theming/themes/FlatTheme8px.js.map +1 -1
  35. package/components/Modal/Modal.styles/Modal.styles.js +1 -1
  36. package/components/Modal/Modal.styles/Modal.styles.js.map +1 -1
  37. package/components/Select/Select/Select.js +2 -2
  38. package/components/Select/Select/Select.js.map +1 -1
  39. package/components/Select/Select.styles/Select.styles.js +21 -8
  40. package/components/Select/Select.styles/Select.styles.js.map +1 -1
  41. package/components/Select/Select.styles.d.ts +1 -0
  42. package/components/Select/selectTheme/selectTheme.js +5 -1
  43. package/components/Select/selectTheme/selectTheme.js.map +1 -1
  44. package/internal/RenderContainer/RenderContainer/RenderContainer.js +2 -1
  45. package/internal/RenderContainer/RenderContainer/RenderContainer.js.map +1 -1
  46. package/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  47. package/internal/themes/DefaultTheme/DefaultTheme.js +26 -1
  48. package/internal/themes/DefaultTheme/DefaultTheme.js.map +1 -1
  49. package/internal/themes/DefaultTheme.d.ts +5 -0
  50. package/internal/themes/Theme8px/Theme8px.js +2 -2
  51. package/internal/themes/Theme8px/Theme8px.js.map +1 -1
  52. package/lib/Upgrades/Upgrades.js +13 -0
  53. package/lib/Upgrades/Upgrades.js.map +1 -1
  54. package/lib/Upgrades.d.ts +2 -0
  55. package/lib/theming/Emotion/Emotion.js +3 -3
  56. package/lib/theming/Emotion/Emotion.js.map +1 -1
  57. package/lib/theming/ThemeFactory/ThemeFactory.js +1 -8
  58. package/lib/theming/ThemeFactory/ThemeFactory.js.map +1 -1
  59. package/lib/theming/ThemeHelpers/ThemeHelpers.js +23 -6
  60. package/lib/theming/ThemeHelpers/ThemeHelpers.js.map +1 -1
  61. package/lib/theming/ThemeHelpers.d.ts +3 -0
  62. package/lib/theming/themes/DefaultTheme8px/DefaultTheme8px.js +3 -1
  63. package/lib/theming/themes/DefaultTheme8px/DefaultTheme8px.js.map +1 -1
  64. package/lib/theming/themes/FlatTheme/FlatTheme.js +3 -1
  65. package/lib/theming/themes/FlatTheme/FlatTheme.js.map +1 -1
  66. package/lib/theming/themes/FlatTheme8px/FlatTheme8px.js +2 -1
  67. package/lib/theming/themes/FlatTheme8px/FlatTheme8px.js.map +1 -1
  68. package/package.json +2 -2
package/cjs/internal/themes/Theme8px.js CHANGED
@@ -603,4 +603,4 @@ Theme8px = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme8px,
603
603
  //#endregion
604
604
  }]);return Theme8px;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme8px = Theme8px;Theme8px.fontSizeSmall = '14px';Theme8px.fontSizeMedium = '16px';Theme8px.fontSizeLarge = '18px';Theme8px.controlHeightSmall = '32px';Theme8px.controlHeightMedium = '40px';Theme8px.controlHeightLarge = '48px';Theme8px.controlLineHeightSmall = '20px';Theme8px.controlLineHeightMedium = '22px';Theme8px.controlLineHeightLarge = '24px';Theme8px.controlPaddingYSmall = '5px';Theme8px.controlPaddingYMedium = '8px';Theme8px.controlPaddingYLarge = '11px';Theme8px.btnPaddingXSmall = '15px';Theme8px.btnPaddingXMedium = '15px';Theme8px.btnPaddingXLarge = '19px';Theme8px.btnBorderRadiusSmall = '1px';Theme8px.btnBorderRadiusMedium = '1px';Theme8px.btnBorderRadiusLarge = '1px';Theme8px.btnIconGapSmall = '4px';Theme8px.btnIconGapMedium = '4px';Theme8px.btnIconGapLarge = '4px';Theme8px.btnIconSizeSmall = '16px';Theme8px.btnIconSizeMedium = '18px';Theme8px.btnIconSizeLarge = '20px';Theme8px.btnSmallArrowTop = '7px';Theme8px.btnSmallArrowRight = '-8px';Theme8px.btnSmallArrowLength = '16px';Theme8px.btnMediumArrowTop = '8px';Theme8px.btnMediumArrowLength = '21.2px';Theme8px.btnMediumArrowRight = '-11px';Theme8px.btnLargeArrowLength = '25px';Theme8px.btnLargeArrowLeft = '-12px';Theme8px.btnLargeArrowRight = '-12px';Theme8px.inputWidth = '200px';Theme8px.inputPaddingXSmall = '7px';Theme8px.inputPaddingXMedium = '11px';Theme8px.inputPaddingXLarge = '15px';Theme8px.inputBorderRadiusSmall = '0px';Theme8px.inputBorderRadiusMedium = '0px';Theme8px.inputBorderRadiusLarge = '0px';Theme8px.inputIconGapSmall = '4px';Theme8px.inputIconGapMedium = '8px';Theme8px.inputIconGapLarge = '12px';Theme8px.inputIconSizeSmall = '16px';Theme8px.inputIconSizeMedium = '18px';Theme8px.inputIconSizeLarge = '20px';Theme8px.selectWidth = '200px';Theme8px.selectPaddingXSmall = '7px';Theme8px.selectPaddingXMedium = '11px';Theme8px.selectPaddingXLarge = '15px';Theme8px.selectIconGapSmall = '4px';Theme8px.selectIconGapMedium = '8px';Theme8px.selectIconGapLarge = '12px';Theme8px.checkboxLabelGap = '8px';Theme8px.checkboxBorderRadius = '1px';Theme8px.checkboxBorder = 'none';Theme8px.tabPaddingX = '12px';Theme8px.tabBorderWidth = '2px';Theme8px.toggleWidth = '32px';Theme8px.toggleHeight = '20px';Theme8px.tokenMarginY = '2px';Theme8px.tokenMarginX = '4px';Theme8px.tokenPaddingY = '1px';Theme8px.tokenPaddingX = '3px';Theme8px.tokenBorderRadius = '1px';Theme8px.tokenRemoveIconSize = '8px';Theme8px.tokenRemoveIconPaddingY = '4px';Theme8px.tokenRemoveIconPaddingX = '4px';Theme8px.tokenRemoveIconGap = '4px';Theme8px.tokenRemoveIconBoxSizing = 'content-box';Theme8px.tokenBorderColorDisabled = '#dadada';Theme8px.tokenDisabledBg = '#e5e5e5';Theme8px.tokenLegacyTextShift = '0px';Theme8px.tokenInputLineHeight = '22px';Theme8px.spinnerCaptionGapSmall = '6px';Theme8px.spinnerCaptionGapMedium = '-4px';Theme8px.spinnerCaptionGapLarge = '-3px';Theme8px.spinnerOldCaptionGapSmall = '6px';Theme8px.spinnerOldCaptionGapMedium = '-3px';Theme8px.spinnerOldCaptionGapLarge = '2px';Theme8px.linkIconMarginRight = '4px';Theme8px.linkButtonLineHeight = '34px';Theme8px.linkButtonPaddingX = '10px';Theme8px.textareaWidth = '250px';Theme8px.textareaBorderRadius = '0px';Theme8px.textareaPaddingX = '7px';Theme8px.radioLabelGap = '8px';Theme8px.radioSize = '16px';Theme8px.radioBulletSize = '8px';Theme8px.radioVerticalAlign = 'top';Theme8px.radioGroupLegacyItemGap = '0px';Theme8px.pagingPageLinkLegacyPaddingY = '0';Theme8px.pagingPageForwardLinkMarginTop = '0.35em';Theme8px.pagingLineHeight = '1.375em';Theme8px.pagingPageLinkPaddingX = '0.625em';Theme8px.pagingPageLinkPaddingY = '0.3125em';Theme8px.pagingPageLinkMinWidth = '0.75em';Theme8px.pagingPageLinkHintFontSize = '12px';Theme8px.pagingPageLinkHintLineHeight = '16px';Theme8px.pagingPageLinkBorderRadius = '50%';Theme8px.pagingPageLinkMargin = '0px 1px';Theme8px.pagingForwardIconMarginTop = '1px';Theme8px.pagingPageForwardLinkPaddingRight = '1.375em';Theme8px.pagingDotsPadding = '0.375em 0.625em 0';Theme8px.switcherButtonPaddingXSmall = '7px';Theme8px.switcherButtonPaddingXMedium = '11px';Theme8px.switcherButtonPaddingXLarge = '15px';Theme8px.calendarCellSize = '32px';Theme8px.calendarPaddingX = '18px';Theme8px.calendarMonthTitleMarginBottom = '6px';Theme8px.calendarMonthTitleLineHeight = '20px';Theme8px.calendarMonthTitlePaddingTop = '12px';Theme8px.calendarMonthTitlePaddingBottom = '8px';Theme8px.calendarMonthTitleMarginX = '6px';Theme8px.calendarMonthMarginBottom = '6px';Theme8px.dateSelectLineHeight = '20px';Theme8px.pickerTodayWrapperLineHeight = '20px';Theme8px.pickerTodayWrapperPaddingTop = '6px';Theme8px.pickerTodayWrapperPaddingBottom = '6px';Theme8px.pickerShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';Theme8px.sidePageFooterPanelBg = '#e9e9e9';Theme8px.sidePagePaddingLeft = '32px';Theme8px.sidePagePaddingRight = '36px';Theme8px.sidePagePaddingTop = '24px';Theme8px.sidePagePaddingBottom = '40px';Theme8px.sidePageHeaderFontSize = '24px';Theme8px.sidePageHeaderLineHeight = '32px';Theme8px.sidePageHeaderPaddingBottom = '16px';Theme8px.sidePageHeaderPaddingTop = '24px';Theme8px.sidePageHeaderFixedFontSize = '18px';Theme8px.sidePageHeaderFixedLineHeight = '28px';Theme8px.sidePageHeaderFixedPaddingY = '10px';Theme8px.sidePageHeaderStickyOffset = '7px';Theme8px.sidePageFooterPanelPaddingBottom = '20px';Theme8px.sidePageFooterPaddingTop = '24px';Theme8px.sidePageFooterPaddingBottom = '32px';Theme8px.sidePageCloseButtonPadding = '36px';Theme8px.sidePageCloseButtonLegacyPaddingLeft = '36px';Theme8px.sidePageCloseButtonClickArea = '10px';Theme8px.tooltipPaddingY = '16px';Theme8px.tooltipPaddingX = '16px';Theme8px.tooltipMargin = '16px';Theme8px.tooltipPinOffset = '0px';Theme8px.tooltipPinOffsetX = '16px';Theme8px.tooltipPinOffsetY = '18px';Theme8px.hintBorder = 'none';Theme8px.hintBorderRadius = '2px';Theme8px.hintMargin = '16px';Theme8px.modalCloseButtonPadding = '36px';Theme8px.modalCloseIconSize = '12px';Theme8px.modalCloseLegacyGap = '0px';Theme8px.modalCloseWrapperLegacyGap = '0px';Theme8px.modalCloseButtonLegacyShift = '0px';Theme8px.modalPaddingTop = '24px';Theme8px.modalPaddingLeft = '32px';Theme8px.modalPaddingRight = '36px';Theme8px.modalHeaderFontSize = '24px';Theme8px.modalHeaderLineHeight = '32px';Theme8px.modalHeaderPaddingBottom = '16px';Theme8px.modalBodyPaddingBottom = '24px';Theme8px.modalFooterPaddingBottom = '32px';Theme8px.modalPaddingBottom = '40px';Theme8px.toastPaddingY = '10px';Theme8px.toastPaddingX = '16px';Theme8px.toastTop = '24px';Theme8px.toastClosePadding = '16px';Theme8px.menuItemPaddingY = '6px';Theme8px.menuItemIconLegacyMargin = '0px';Theme8px.menuItemIconLegacyShift = '0px';Theme8px.menuItemLegacyPaddingX = '0px';Theme8px.menuItemLegacyPaddingY = '0px';Theme8px.menuItemIconGap = '4px';Theme8px.menuHeaderLineHeight = '16px';Theme8px.menuHeaderPaddingX = '8px';Theme8px.menuPaddingY = '4px';Theme8px.menuHeaderPaddingTop = '12px';Theme8px.menuHeaderPaddingBottom = '4px';Theme8px.menuHeaderLegacyPaddingRight = '0px';Theme8px.menuSeparatorMarginY = '2px';Theme8px.menuSeparatorBorderWidth = '1px';Theme8px.menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';Theme8px.menuBorder = 'none';Theme8px.kebabMargin = '4px';Theme8px.popupDropShadow = 'drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16))';Theme8px.popupBoxShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';
605
605
 
606
- var Theme8pxInternal = (0, _ThemeHelpers.exposeGetters)((0, _ThemeHelpers.markAs8pxTheme)(Theme8px));exports.Theme8pxInternal = Theme8pxInternal;
606
+ var Theme8pxInternal = (0, _ThemeHelpers.exposeGetters)(Theme8px);exports.Theme8pxInternal = Theme8pxInternal;
package/cjs/internal/themes/Theme8px.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Theme8px.ts"],"names":["Theme8px","borderWidth","parseInt","btnBorderWidth","padding","btnPaddingYSmall","lineHeigh","btnLineHeightSmall","btnPaddingYMedium","btnLineHeightMedium","btnPaddingYLarge","btnLineHeightLarge","controlBorderWidth","controlOutlineWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","fontSizeSmall","fontSizeMedium","fontSizeLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","inputBorderWidth","inputPaddingYSmall","inputLineHeightSmall","inputPaddingYMedium","inputLineHeightMedium","inputPaddingYLarge","inputLineHeightLarge","btnBorderRadiusSmall","btnBorderRadiusMedium","btnBorderRadiusLarge","controlHeight","controlHeightSmall","lineHeight","checkboxLineHeight","checkboxBorderWidth","tabPaddingX","paddingY","toggleHeight","tokenPaddingY","tokenPaddingX","tokenMarginY","tokenMarginX","tokenBorderWidth","tokenBorderColorDisabled","spinnerFontSizeSmall","spinnerFontSizeMedium","spinnerFontSizeLarge","spinnerLineHeightSmall","spinnerLineHeightMedium","spinnerLineHeightLarge","radioLineHeight","radioBoxShadow","radioBorderWidth","borderCompensation","radioBorderWidthCompensation","radioSize","radioOutlineWidth","pagingFontSize","btnOutlineWidth","btnFontSizeSmall","btnFontSizeMedium","btnFontSizeLarge","btnPaddingXSmall","btnPaddingXMedium","btnPaddingXLarge","bgDefault","borderColorGrayLight","Math","round","modalHeaderPaddingBottom","popupPinOffset","controlHeightMedium","controlHeightLarge","btnIconGapSmall","btnIconGapMedium","btnIconGapLarge","btnIconSizeSmall","btnIconSizeMedium","btnIconSizeLarge","btnSmallArrowTop","btnSmallArrowRight","btnSmallArrowLength","btnMediumArrowTop","btnMediumArrowLength","btnMediumArrowRight","btnLargeArrowLength","btnLargeArrowLeft","btnLargeArrowRight","inputWidth","inputPaddingXSmall","inputPaddingXMedium","inputPaddingXLarge","inputBorderRadiusSmall","inputBorderRadiusMedium","inputBorderRadiusLarge","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","inputIconSizeSmall","inputIconSizeMedium","inputIconSizeLarge","selectWidth","selectPaddingXSmall","selectPaddingXMedium","selectPaddingXLarge","selectIconGapSmall","selectIconGapMedium","selectIconGapLarge","checkboxLabelGap","checkboxBorderRadius","checkboxBorder","tabBorderWidth","toggleWidth","tokenBorderRadius","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconGap","tokenRemoveIconBoxSizing","tokenDisabledBg","tokenLegacyTextShift","tokenInputLineHeight","spinnerCaptionGapSmall","spinnerCaptionGapMedium","spinnerCaptionGapLarge","spinnerOldCaptionGapSmall","spinnerOldCaptionGapMedium","spinnerOldCaptionGapLarge","linkIconMarginRight","linkButtonLineHeight","linkButtonPaddingX","textareaWidth","textareaBorderRadius","textareaPaddingX","radioLabelGap","radioBulletSize","radioVerticalAlign","radioGroupLegacyItemGap","pagingPageLinkLegacyPaddingY","pagingPageForwardLinkMarginTop","pagingLineHeight","pagingPageLinkPaddingX","pagingPageLinkPaddingY","pagingPageLinkMinWidth","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkBorderRadius","pagingPageLinkMargin","pagingForwardIconMarginTop","pagingPageForwardLinkPaddingRight","pagingDotsPadding","switcherButtonPaddingXSmall","switcherButtonPaddingXMedium","switcherButtonPaddingXLarge","calendarCellSize","calendarPaddingX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","calendarMonthTitleMarginX","calendarMonthMarginBottom","dateSelectLineHeight","pickerTodayWrapperLineHeight","pickerTodayWrapperPaddingTop","pickerTodayWrapperPaddingBottom","pickerShadow","sidePageFooterPanelBg","sidePagePaddingLeft","sidePagePaddingRight","sidePagePaddingTop","sidePagePaddingBottom","sidePageHeaderFontSize","sidePageHeaderLineHeight","sidePageHeaderPaddingBottom","sidePageHeaderPaddingTop","sidePageHeaderFixedFontSize","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","sidePageHeaderStickyOffset","sidePageFooterPanelPaddingBottom","sidePageFooterPaddingTop","sidePageFooterPaddingBottom","sidePageCloseButtonPadding","sidePageCloseButtonLegacyPaddingLeft","sidePageCloseButtonClickArea","tooltipPaddingY","tooltipPaddingX","tooltipMargin","tooltipPinOffset","tooltipPinOffsetX","tooltipPinOffsetY","hintBorder","hintBorderRadius","hintMargin","modalCloseButtonPadding","modalCloseIconSize","modalCloseLegacyGap","modalCloseWrapperLegacyGap","modalCloseButtonLegacyShift","modalPaddingTop","modalPaddingLeft","modalPaddingRight","modalHeaderFontSize","modalHeaderLineHeight","modalBodyPaddingBottom","modalFooterPaddingBottom","modalPaddingBottom","toastPaddingY","toastPaddingX","toastTop","toastClosePadding","menuItemPaddingY","menuItemIconLegacyMargin","menuItemIconLegacyShift","menuItemLegacyPaddingX","menuItemLegacyPaddingY","menuItemIconGap","menuHeaderLineHeight","menuHeaderPaddingX","menuPaddingY","menuHeaderPaddingTop","menuHeaderPaddingBottom","menuHeaderLegacyPaddingRight","menuSeparatorMarginY","menuSeparatorBorderWidth","menuShadow","menuBorder","kebabMargin","popupDropShadow","popupBoxShadow","Theme8pxInternal"],"mappings":"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,Q,CA8EGkF,gB,GAAmB,K,CA9EtBlF,Q,CA+EGmF,kB,GAAqB,M,CA/ExBnF,Q,CAiFGoF,mB,GAAsB,M,CAjFzBpF,Q,CAkFGqF,iB,GAAoB,K,CAlFvBrF,Q,CAmFGsF,oB,GAAuB,Q,CAnF1BtF,Q,CAoFGuF,mB,GAAsB,O,CApFzBvF,Q,CAqFGwF,mB,GAAsB,M,CArFzBxF,Q,CAsFGyF,iB,GAAoB,O,CAtFvBzF,Q,CAuFG0F,kB,GAAqB,O,CAvFxB1F,Q,CA6GG2F,U,GAAa,O,CA7GhB3F,Q,CAsIG4F,kB,GAAqB,K,CAtIxB5F,Q,CAuIG6F,mB,GAAsB,M,CAvIzB7F,Q,CAwIG8F,kB,GAAqB,M,CAxIxB9F,Q,CAkJG+F,sB,GAAyB,K,CAlJ5B/F,Q,CAmJGgG,uB,GAA0B,K,CAnJ7BhG,Q,CAoJGiG,sB,GAAyB,K,CApJ5BjG,Q,CAqJGkG,iB,GAAoB,K,CArJvBlG,Q,CAsJGmG,kB,GAAqB,K,CAtJxBnG,Q,CAuJGoG,iB,GAAoB,M,CAvJvBpG,Q,CAwJGqG,kB,GAAqB,M,CAxJxBrG,Q,CAyJGsG,mB,GAAsB,M,CAzJzBtG,Q,CA0JGuG,kB,GAAqB,M,CA1JxBvG,Q,CA6JGwG,W,GAAc,O,CA7JjBxG,Q,CAsLGyG,mB,GAAsB,K,CAtLzBzG,Q,CAuLG0G,oB,GAAuB,M,CAvL1B1G,Q,CAwLG2G,mB,GAAsB,M,CAxLzB3G,Q,CA2MG4G,kB,GAAqB,K,CA3MxB5G,Q,CA4MG6G,mB,GAAsB,K,CA5MzB7G,Q,CA6MG8G,kB,GAAqB,M,CA7MxB9G,Q,CAsNG+G,gB,GAAmB,K,CAtNtB/G,Q,CA6NGgH,oB,GAAuB,K,CA7N1BhH,Q,CAoOGiH,c,GAAiB,M,CApOpBjH,Q,CA2OGsC,W,GAAc,M,CA3OjBtC,Q,CA2PGkH,c,GAAiB,K,CA3PpBlH,Q,CAiQGmH,W,GAAc,M,CAjQjBnH,Q,CAkQGwC,Y,GAAe,M,CAlQlBxC,Q,CAoRG2C,Y,GAAe,K,CApRlB3C,Q,CAqRG4C,Y,GAAe,K,CArRlB5C,Q,CAsRGyC,a,GAAgB,K,CAtRnBzC,Q,CAuRG0C,a,GAAgB,K,CAvRnB1C,Q,CAwRGoH,iB,GAAoB,K,CAxRvBpH,Q,CAyRGqH,mB,GAAsB,K,CAzRzBrH,Q,CA0RGsH,uB,GAA0B,K,CA1R7BtH,Q,CA2RGuH,uB,GAA0B,K,CA3R7BvH,Q,CA4RGwH,kB,GAAqB,K,CA5RxBxH,Q,CA6RGyH,wB,GAA2B,a,CA7R9BzH,Q,CA8RG8C,wB,GAA2B,S,CA9R9B9C,Q,CA+RG0H,e,GAAkB,S,CA/RrB1H,Q,CAgSG2H,oB,GAAuB,K,CAhS1B3H,Q,CAkTG4H,oB,GAAuB,M,CAlT1B5H,Q,CAwUG6H,sB,GAAyB,K,CAxU5B7H,Q,CAyUG8H,uB,GAA0B,M,CAzU7B9H,Q,CA0UG+H,sB,GAAyB,M,CA1U5B/H,Q,CA+VGgI,yB,GAA4B,K,CA/V/BhI,Q,CAgWGiI,0B,GAA6B,M,CAhWhCjI,Q,CAiWGkI,yB,GAA4B,K,CAjW/BlI,Q,CAoWGmI,mB,GAAsB,K,CApWzBnI,Q,CAqWGoI,oB,GAAuB,M,CArW1BpI,Q,CAsWGqI,kB,GAAqB,M,CAtWxBrI,Q,CAyWGsI,a,GAAgB,O,CAzWnBtI,Q,CAmXGuI,oB,GAAuB,K,CAnX1BvI,Q,CAoXGwI,gB,GAAmB,K,CApXtBxI,Q,CAmYGyI,a,GAAgB,K,CAnYnBzI,Q,CA0YG0D,S,GAAY,M,CA1Yf1D,Q,CAiZG0I,e,GAAkB,K,CAjZrB1I,Q,CA0ZG2I,kB,GAAqB,K,CA1ZxB3I,Q,CA4ZG4I,uB,GAA0B,K,CA5Z7B5I,Q,CAkaG6I,4B,GAA+B,G,CAlalC7I,Q,CAmaG8I,8B,GAAiC,Q,CAnapC9I,Q,CAoaG+I,gB,GAAmB,S,CApatB/I,Q,CAqaGgJ,sB,GAAyB,S,CAra5BhJ,Q,CAsaGiJ,sB,GAAyB,U,CAta5BjJ,Q,CAuaGkJ,sB,GAAyB,Q,CAva5BlJ,Q,CAwaGmJ,0B,GAA6B,M,CAxahCnJ,Q,CAyaGoJ,4B,GAA+B,M,CAzalCpJ,Q,CA0aGqJ,0B,GAA6B,K,CA1ahCrJ,Q,CA2aGsJ,oB,GAAuB,S,CA3a1BtJ,Q,CA+aGuJ,0B,GAA6B,K,CA/ahCvJ,Q,CAgbGwJ,iC,GAAoC,S,CAhbvCxJ,Q,CAibGyJ,iB,GAAoB,mB,CAjbvBzJ,Q,CAkdG0J,2B,GAA8B,K,CAldjC1J,Q,CAmdG2J,4B,GAA+B,M,CAndlC3J,Q,CAodG4J,2B,GAA8B,M,CApdjC5J,Q,CAudG6J,gB,GAAmB,M,CAvdtB7J,Q,CAwdG8J,gB,GAAmB,M,CAxdtB9J,Q,CAydG+J,8B,GAAiC,K,CAzdpC/J,Q,CA0dGgK,4B,GAA+B,M,CA1dlChK,Q,CA2dGiK,4B,GAA+B,M,CA3dlCjK,Q,CA4dGkK,+B,GAAkC,K,CA5drClK,Q,CA6dGmK,yB,GAA4B,K,CA7d/BnK,Q,CA8dGoK,yB,GAA4B,K,CA9d/BpK,Q,CAieGqK,oB,GAAuB,M,CAje1BrK,Q,CAkeGsK,4B,GAA+B,M,CAlelCtK,Q,CAmeGuK,4B,GAA+B,K,CAnelCvK,Q,CAoeGwK,+B,GAAkC,K,CAperCxK,Q,CAqeGyK,Y,GAAe,kC,CArelBzK,Q,CAyeG0K,qB,GAAwB,S,CAze3B1K,Q,CA0eG2K,mB,GAAsB,M,CA1ezB3K,Q,CA2eG4K,oB,GAAuB,M,CA3e1B5K,Q,CA4eG6K,kB,GAAqB,M,CA5exB7K,Q,CA6eG8K,qB,GAAwB,M,CA7e3B9K,Q,CAqfG+K,sB,GAAyB,M,CArf5B/K,Q,CAsfGgL,wB,GAA2B,M,CAtf9BhL,Q,CAufGiL,2B,GAA8B,M,CAvfjCjL,Q,CAwfGkL,wB,GAA2B,M,CAxf9BlL,Q,CAyfGmL,2B,GAA8B,M,CAzfjCnL,Q,CA0fGoL,6B,GAAgC,M,CA1fnCpL,Q,CA2fGqL,2B,GAA8B,M,CA3fjCrL,Q,CA4fGsL,0B,GAA6B,K,CA5fhCtL,Q,CA6fGuL,gC,GAAmC,M,CA7ftCvL,Q,CA8fGwL,wB,GAA2B,M,CA9f9BxL,Q,CA+fGyL,2B,GAA8B,M,CA/fjCzL,Q,CAggBG0L,0B,GAA6B,M,CAhgBhC1L,Q,CAigBG2L,oC,GAAuC,M,CAjgB1C3L,Q,CAkgBG4L,4B,GAA+B,M,CAlgBlC5L,Q,CAqgBG6L,e,GAAkB,M,CArgBrB7L,Q,CAsgBG8L,e,GAAkB,M,CAtgBrB9L,Q,CAugBG+L,a,GAAgB,M,CAvgBnB/L,Q,CAwgBGgM,gB,GAAmB,K,CAxgBtBhM,Q,CAygBGiM,iB,GAAoB,M,CAzgBvBjM,Q,CA0gBGkM,iB,GAAoB,M,CA1gBvBlM,Q,CA6gBGmM,U,GAAa,M,CA7gBhBnM,Q,CA8gBGoM,gB,GAAmB,K,CA9gBtBpM,Q,CA+gBGqM,U,GAAa,M,CA/gBhBrM,Q,CAkhBGsM,uB,GAA0B,M,CAlhB7BtM,Q,CAmhBGuM,kB,GAAqB,M,CAnhBxBvM,Q,CAqhBGwM,mB,GAAsB,K,CArhBzBxM,Q,CAshBGyM,0B,GAA6B,K,CAthBhCzM,Q,CAuhBG0M,2B,GAA8B,K,CAvhBjC1M,Q,CAwhBG2M,e,GAAkB,M,CAxhBrB3M,Q,CA0hBG4M,gB,GAAmB,M,CA1hBtB5M,Q,CA2hBG6M,iB,GAAoB,M,CA3hBvB7M,Q,CA4hBG8M,mB,GAAsB,M,CA5hBzB9M,Q,CA6hBG+M,qB,GAAwB,M,CA7hB3B/M,Q,CA8hBGwE,wB,GAA2B,M,CA9hB9BxE,Q,CAkiBGgN,sB,GAAyB,M,CAliB5BhN,Q,CAmiBGiN,wB,GAA2B,M,CAniB9BjN,Q,CAoiBGkN,kB,GAAqB,M,CApiBxBlN,Q,CA6iBGmN,a,GAAgB,M,CA7iBnBnN,Q,CA8iBGoN,a,GAAgB,M,CA9iBnBpN,Q,CA+iBGqN,Q,GAAW,M,CA/iBdrN,Q,CAgjBGsN,iB,GAAoB,M,CAhjBvBtN,Q,CAsjBGuN,gB,GAAmB,K,CAtjBtBvN,Q,CAujBGwN,wB,GAA2B,K,CAvjB9BxN,Q,CAwjBGyN,uB,GAA0B,K,CAxjB7BzN,Q,CAyjBG0N,sB,GAAyB,K,CAzjB5B1N,Q,CA0jBG2N,sB,GAAyB,K,CA1jB5B3N,Q,CA2jBG4N,e,GAAkB,K,CA3jBrB5N,Q,CA4jBG6N,oB,GAAuB,M,CA5jB1B7N,Q,CA6jBG8N,kB,GAAqB,K,CA7jBxB9N,Q,CA8jBG+N,Y,GAAe,K,CA9jBlB/N,Q,CA+jBGgO,oB,GAAuB,M,CA/jB1BhO,Q,CAgkBGiO,uB,GAA0B,K,CAhkB7BjO,Q,CAikBGkO,4B,GAA+B,K,CAjkBlClO,Q,CAkkBGmO,oB,GAAuB,K,CAlkB1BnO,Q,CAmkBGoO,wB,GAA2B,K,CAnkB9BpO,Q,CAokBGqO,U,GAAa,gC,CApkBhBrO,Q,CAqkBGsO,U,GAAa,M,CArkBhBtO,Q,CAilBGuO,W,GAAc,K,CAjlBjBvO,Q,CAolBGwO,e,GAAkB,6C,CAplBrBxO,Q,CAqlBGyO,c,GAAiB,kC;;AAI1B,IAAMC,gBAAgB,GAAG,iCAAc,kCAAe1O,QAAf,CAAd,CAAzB,C","sourcesContent":["import { exposeGetters, markAs8pxTheme } from '../../lib/theming/ThemeHelpers';\r\n\r\nimport { DefaultThemeInternal } from './DefaultTheme';\r\n\r\nexport class Theme8px extends (class {} as typeof DefaultThemeInternal) {\r\n public static fontSizeSmall = '14px';\r\n public static fontSizeMedium = '16px';\r\n public static fontSizeLarge = '18px';\r\n public static controlHeightSmall = '32px';\r\n public static controlHeightMedium = '40px';\r\n public static controlHeightLarge = '48px';\r\n public static controlLineHeightSmall = '20px';\r\n public static controlLineHeightMedium = '22px';\r\n public static controlLineHeightLarge = '24px';\r\n public static controlPaddingYSmall = '5px';\r\n public static controlPaddingYMedium = '8px';\r\n public static controlPaddingYLarge = '11px';\r\n //#region Button\r\n public static get btnHeightSmall() {\r\n const borderWidth = parseInt(this.btnBorderWidth, 10) || 0;\r\n const padding = parseInt(this.btnPaddingYSmall, 10) || 0;\r\n const lineHeigh = parseInt(this.btnLineHeightSmall, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static get btnHeightMedium() {\r\n const borderWidth = parseInt(this.btnBorderWidth, 10) || 0;\r\n const padding = parseInt(this.btnPaddingYMedium, 10) || 0;\r\n const lineHeigh = parseInt(this.btnLineHeightMedium, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static get btnHeightLarge() {\r\n const borderWidth = parseInt(this.btnBorderWidth, 10) || 0;\r\n const padding = parseInt(this.btnPaddingYLarge, 10) || 0;\r\n const lineHeigh = parseInt(this.btnLineHeightLarge, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static get btnBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get btnOutlineWidth() {\r\n return this.controlOutlineWidth;\r\n }\r\n public static get btnLineHeightSmall() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get btnLineHeightMedium() {\r\n return this.controlLineHeightMedium;\r\n }\r\n public static get btnLineHeightLarge() {\r\n return this.controlLineHeightLarge;\r\n }\r\n public static get btnFontSizeSmall() {\r\n return this.fontSizeSmall;\r\n }\r\n public static get btnFontSizeMedium() {\r\n return this.fontSizeMedium;\r\n }\r\n public static get btnFontSizeLarge() {\r\n return this.fontSizeLarge;\r\n }\r\n public static btnPaddingXSmall = '15px';\r\n public static btnPaddingXMedium = '15px';\r\n public static btnPaddingXLarge = '19px';\r\n public static get btnPaddingYSmall() {\r\n return this.controlPaddingYSmall;\r\n }\r\n public static get btnPaddingYMedium() {\r\n return this.controlPaddingYMedium;\r\n }\r\n public static get btnPaddingYLarge() {\r\n return this.controlPaddingYLarge;\r\n }\r\n public static btnBorderRadiusSmall = '1px';\r\n public static btnBorderRadiusMedium = '1px';\r\n public static btnBorderRadiusLarge = '1px';\r\n\r\n public static btnIconGapSmall = '4px';\r\n public static btnIconGapMedium = '4px';\r\n public static btnIconGapLarge = '4px';\r\n public static btnIconSizeSmall = '16px';\r\n public static btnIconSizeMedium = '18px';\r\n public static btnIconSizeLarge = '20px';\r\n public static btnSmallArrowTop = '7px';\r\n public static btnSmallArrowRight = '-8px';\r\n\r\n public static btnSmallArrowLength = '16px';\r\n public static btnMediumArrowTop = '8px';\r\n public static btnMediumArrowLength = '21.2px';\r\n public static btnMediumArrowRight = '-11px';\r\n public static btnLargeArrowLength = '25px';\r\n public static btnLargeArrowLeft = '-12px';\r\n public static btnLargeArrowRight = '-12px';\r\n\r\n //#endregion\r\n //#region Input\r\n public static get inputHeightSmall() {\r\n const borderWidth = parseInt(this.inputBorderWidth, 10) || 0;\r\n const padding = parseInt(this.inputPaddingYSmall, 10) || 0;\r\n const lineHeigh = parseInt(this.inputLineHeightSmall, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static get inputHeightMedium() {\r\n const borderWidth = parseInt(this.inputBorderWidth, 10) || 0;\r\n const padding = parseInt(this.inputPaddingYMedium, 10) || 0;\r\n const lineHeigh = parseInt(this.inputLineHeightMedium, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static get inputHeightLarge() {\r\n const borderWidth = parseInt(this.inputBorderWidth, 10) || 0;\r\n const padding = parseInt(this.inputPaddingYLarge, 10) || 0;\r\n const lineHeigh = parseInt(this.inputLineHeightLarge, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static inputWidth = '200px';\r\n public static get inputBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get inputOutlineWidth() {\r\n return `calc(${this.controlOutlineWidth} - 1px)`;\r\n }\r\n public static get inputLineHeightSmall() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get inputLineHeightMedium() {\r\n return this.controlLineHeightMedium;\r\n }\r\n public static get inputLineHeightLarge() {\r\n return this.controlLineHeightLarge;\r\n }\r\n public static get inputFontSizeSmall() {\r\n return this.fontSizeSmall;\r\n }\r\n public static get inputFontSizeMedium() {\r\n return this.fontSizeMedium;\r\n }\r\n public static get inputFontSizeLarge() {\r\n return this.fontSizeLarge;\r\n }\r\n public static inputPaddingXSmall = '7px';\r\n public static inputPaddingXMedium = '11px';\r\n public static inputPaddingXLarge = '15px';\r\n public static get inputPaddingYSmall() {\r\n return this.controlPaddingYSmall;\r\n }\r\n public static get inputPaddingYMedium() {\r\n return this.controlPaddingYMedium;\r\n }\r\n public static get inputPaddingYLarge() {\r\n return this.controlPaddingYLarge;\r\n }\r\n public static inputBorderRadiusSmall = '0px';\r\n public static inputBorderRadiusMedium = '0px';\r\n public static inputBorderRadiusLarge = '0px';\r\n public static inputIconGapSmall = '4px';\r\n public static inputIconGapMedium = '8px';\r\n public static inputIconGapLarge = '12px';\r\n public static inputIconSizeSmall = '16px';\r\n public static inputIconSizeMedium = '18px';\r\n public static inputIconSizeLarge = '20px';\r\n //#endregion\r\n //#region Select\r\n public static selectWidth = '200px';\r\n public static get selectBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get selectOutlineWidth() {\r\n return this.controlOutlineWidth;\r\n }\r\n public static get selectLineHeightSmall() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get selectLineHeightMedium() {\r\n return this.controlLineHeightMedium;\r\n }\r\n public static get selectLineHeightLarge() {\r\n return this.controlLineHeightLarge;\r\n }\r\n public static get selectFontSizeSmall() {\r\n return this.fontSizeSmall;\r\n }\r\n public static get selectFontSizeMedium() {\r\n return this.fontSizeMedium;\r\n }\r\n public static get selectFontSizeLarge() {\r\n return this.fontSizeLarge;\r\n }\r\n public static selectPaddingXSmall = '7px';\r\n public static selectPaddingXMedium = '11px';\r\n public static selectPaddingXLarge = '15px';\r\n public static get selectPaddingYSmall() {\r\n return this.controlPaddingYSmall;\r\n }\r\n public static get selectPaddingYMedium() {\r\n return this.controlPaddingYMedium;\r\n }\r\n public static get selectPaddingYLarge() {\r\n return this.controlPaddingYLarge;\r\n }\r\n public static get selectBorderRadiusSmall() {\r\n return this.btnBorderRadiusSmall;\r\n }\r\n public static get selectBorderRadiusMedium() {\r\n return this.btnBorderRadiusMedium;\r\n }\r\n public static get selectBorderRadiusLarge() {\r\n return this.btnBorderRadiusLarge;\r\n }\r\n public static selectIconGapSmall = '4px';\r\n public static selectIconGapMedium = '8px';\r\n public static selectIconGapLarge = '12px';\r\n //#endregion\r\n //#region Checkbox\r\n public static get checkboxLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get checkboxFontSize() {\r\n return this.fontSizeSmall;\r\n }\r\n public static checkboxLabelGap = '8px';\r\n public static get checkboxPaddingY() {\r\n const controlHeight = parseInt(this.controlHeightSmall, 10) || 0;\r\n const lineHeight = parseInt(this.checkboxLineHeight, 10) || 0;\r\n\r\n return `${(controlHeight - lineHeight) / 2}px`;\r\n }\r\n public static checkboxBorderRadius = '1px';\r\n public static get checkboxBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get checkboxOutlineWidth() {\r\n return this.controlOutlineWidth;\r\n }\r\n public static checkboxBorder = 'none';\r\n public static get checkboxBorderWidthCompensation() {\r\n return this.checkboxBorderWidth;\r\n }\r\n\r\n //#endregion\r\n //#region Tab\r\n public static tabPaddingX = '12px';\r\n public static get tabsMarginX() {\r\n return this.tabPaddingX;\r\n }\r\n public static get tabPaddingY() {\r\n const paddingY = parseInt(this.controlPaddingYLarge, 10) || 0;\r\n const borderWidth = parseInt(this.controlBorderWidth, 10) || 0;\r\n\r\n return `${paddingY + borderWidth}px`;\r\n }\r\n public static get tabFontSize() {\r\n return this.fontSizeLarge;\r\n }\r\n public static get tabLineHeight() {\r\n return this.controlLineHeightLarge;\r\n }\r\n public static tabBorderWidth = '2px';\r\n public static get tabOutlineWidth() {\r\n return this.controlOutlineWidth;\r\n }\r\n //#endregion\r\n //#region Toggle\r\n public static toggleWidth = '32px';\r\n public static toggleHeight = '20px';\r\n public static get toggleBorderRadius() {\r\n return `calc(${this.toggleHeight} * 0.5)`;\r\n }\r\n public static get toggleBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get toggleOutlineWidth() {\r\n return `calc(${this.controlOutlineWidth} + 1px)`;\r\n }\r\n //#endregion\r\n //#region Token\r\n public static get tokenLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get tokenFontSize() {\r\n return this.fontSizeSmall;\r\n }\r\n public static tokenMarginY = '2px';\r\n public static tokenMarginX = '4px';\r\n public static tokenPaddingY = '1px';\r\n public static tokenPaddingX = '3px';\r\n public static tokenBorderRadius = '1px';\r\n public static tokenRemoveIconSize = '8px';\r\n public static tokenRemoveIconPaddingY = '4px';\r\n public static tokenRemoveIconPaddingX = '4px';\r\n public static tokenRemoveIconGap = '4px';\r\n public static tokenRemoveIconBoxSizing = 'content-box';\r\n public static tokenBorderColorDisabled = '#dadada';\r\n public static tokenDisabledBg = '#e5e5e5';\r\n public static tokenLegacyTextShift = '0px';\r\n public static get tokenPaddingYDisabled() {\r\n return this.tokenPaddingY;\r\n }\r\n public static get tokenPaddingXDisabled() {\r\n return this.tokenPaddingX;\r\n }\r\n public static get tokenMarginYDisabled() {\r\n return this.tokenMarginY;\r\n }\r\n public static get tokenMarginXDisabled() {\r\n return this.tokenMarginX;\r\n }\r\n public static get tokenShadowDisabled() {\r\n return `0 0 0 ${this.tokenBorderWidth} ${this.tokenBorderColorDisabled}`;\r\n }\r\n //#endregion\r\n //#region TokenInput\r\n public static tokenInputLineHeight = '22px';\r\n //#endregion\r\n //#region Spinner\r\n\r\n public static get spinnerFontSizeSmall() {\r\n return this.fontSizeSmall;\r\n }\r\n public static get spinnerFontSizeMedium() {\r\n return this.fontSizeMedium;\r\n }\r\n public static get spinnerFontSizeLarge() {\r\n return this.fontSizeLarge;\r\n }\r\n public static get spinnerLineHeightSmall() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get spinnerLineHeightMedium() {\r\n return this.controlLineHeightMedium;\r\n }\r\n public static get spinnerLineHeightLarge() {\r\n return this.controlLineHeightLarge;\r\n }\r\n public static spinnerCaptionGapSmall = '6px';\r\n public static spinnerCaptionGapMedium = '-4px';\r\n public static spinnerCaptionGapLarge = '-3px';\r\n //#endregion\r\n //#region SpinnerOld\r\n public static get spinnerOldFontSizeSmall() {\r\n return this.spinnerFontSizeSmall;\r\n }\r\n public static get spinnerOldFontSizeMedium() {\r\n return this.spinnerFontSizeMedium;\r\n }\r\n public static get spinnerOldFontSizeLarge() {\r\n return this.spinnerFontSizeLarge;\r\n }\r\n public static get spinnerOldLineHeightSmall() {\r\n return this.spinnerLineHeightSmall;\r\n }\r\n public static get spinnerOldLineHeightMedium() {\r\n return this.spinnerLineHeightMedium;\r\n }\r\n public static get spinnerOldLineHeightLarge() {\r\n return this.spinnerLineHeightLarge;\r\n }\r\n public static spinnerOldCaptionGapSmall = '6px';\r\n public static spinnerOldCaptionGapMedium = '-3px';\r\n public static spinnerOldCaptionGapLarge = '2px';\r\n //#endregion\r\n //#region Link\r\n public static linkIconMarginRight = '4px';\r\n public static linkButtonLineHeight = '34px';\r\n public static linkButtonPaddingX = '10px';\r\n //#endregion\r\n //#region Textarea\r\n public static textareaWidth = '250px';\r\n public static get textareaBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get textareaOutlineWidth() {\r\n return `calc(${this.controlOutlineWidth} - 1px)`;\r\n }\r\n public static get textareaFontSize() {\r\n return this.fontSizeSmall;\r\n }\r\n public static textareaBorderRadius = '0px';\r\n public static textareaPaddingX = '7px';\r\n public static get textareaPaddingY() {\r\n return this.controlPaddingYSmall;\r\n }\r\n public static get textareaLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n //#endregion\r\n //#region Radio\r\n public static get radioLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get radioFontSize() {\r\n return this.fontSizeSmall;\r\n }\r\n public static radioLabelGap = '8px';\r\n public static get radioPaddingY() {\r\n const controlHeight = parseInt(this.controlHeightSmall, 10) || 0;\r\n const lineHeight = parseInt(this.radioLineHeight, 10) || 0;\r\n\r\n return `${(controlHeight - lineHeight) / 2}px`;\r\n }\r\n public static radioSize = '16px';\r\n public static get radioBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get radioOutlineWidth() {\r\n return this.controlOutlineWidth;\r\n }\r\n public static radioBulletSize = '8px';\r\n public static get radioBorderWidthCompensation() {\r\n return this.radioBoxShadow !== 'none' ? this.radioBorderWidth : '0px';\r\n }\r\n public static get radioSizeAfter() {\r\n const borderCompensation =\r\n this.radioBoxShadow === 'none' ? this.radioBorderWidth : this.radioBorderWidthCompensation;\r\n return `calc(${this.radioSize} + 2 * ${this.radioOutlineWidth} - 2 * ${borderCompensation})`;\r\n }\r\n public static radioVerticalAlign = 'top';\r\n //#region RadioGroup\r\n public static radioGroupLegacyItemGap = '0px';\r\n //#endregion\r\n //#region Paging\r\n public static get pagingFontSize() {\r\n return this.fontSizeMedium;\r\n }\r\n public static pagingPageLinkLegacyPaddingY = '0';\r\n public static pagingPageForwardLinkMarginTop = '0.35em';\r\n public static pagingLineHeight = '1.375em';\r\n public static pagingPageLinkPaddingX = '0.625em';\r\n public static pagingPageLinkPaddingY = '0.3125em';\r\n public static pagingPageLinkMinWidth = '0.75em';\r\n public static pagingPageLinkHintFontSize = '12px';\r\n public static pagingPageLinkHintLineHeight = '16px';\r\n public static pagingPageLinkBorderRadius = '50%';\r\n public static pagingPageLinkMargin = '0px 1px';\r\n public static get pagingForwardIconSize() {\r\n return this.pagingFontSize;\r\n }\r\n public static pagingForwardIconMarginTop = '1px';\r\n public static pagingPageForwardLinkPaddingRight = '1.375em';\r\n public static pagingDotsPadding = '0.375em 0.625em 0';\r\n //#endregion\r\n //#region Switcher\r\n public static get switcherOutlineWidth() {\r\n return this.btnOutlineWidth;\r\n }\r\n public static get switcherLabelFontSizeSmall() {\r\n return this.btnFontSizeSmall;\r\n }\r\n public static get switcherLabelFontSizeMedium() {\r\n return this.btnFontSizeMedium;\r\n }\r\n public static get switcherLabelFontSizeLarge() {\r\n return this.btnFontSizeLarge;\r\n }\r\n public static get switcherLabelLineHeightSmall() {\r\n return this.btnLineHeightSmall;\r\n }\r\n public static get switcherLabelLineHeightMedium() {\r\n return this.btnLineHeightMedium;\r\n }\r\n public static get switcherLabelLineHeightLarge() {\r\n return this.btnLineHeightLarge;\r\n }\r\n public static get switcherLabelGapSmall() {\r\n return this.btnPaddingXSmall;\r\n }\r\n public static get switcherLabelGapMedium() {\r\n return this.btnPaddingXMedium;\r\n }\r\n public static get switcherLabelGapLarge() {\r\n return this.btnPaddingXLarge;\r\n }\r\n public static switcherButtonPaddingXSmall = '7px';\r\n public static switcherButtonPaddingXMedium = '11px';\r\n public static switcherButtonPaddingXLarge = '15px';\r\n //#endregion\r\n //#region Calendar\r\n public static calendarCellSize = '32px';\r\n public static calendarPaddingX = '18px';\r\n public static calendarMonthTitleMarginBottom = '6px';\r\n public static calendarMonthTitleLineHeight = '20px';\r\n public static calendarMonthTitlePaddingTop = '12px';\r\n public static calendarMonthTitlePaddingBottom = '8px';\r\n public static calendarMonthTitleMarginX = '6px';\r\n public static calendarMonthMarginBottom = '6px';\r\n //#endregion\r\n //#region DatePicker\r\n public static dateSelectLineHeight = '20px';\r\n public static pickerTodayWrapperLineHeight = '20px';\r\n public static pickerTodayWrapperPaddingTop = '6px';\r\n public static pickerTodayWrapperPaddingBottom = '6px';\r\n public static pickerShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';\r\n\r\n //#endregion\r\n //#region SidePage\r\n public static sidePageFooterPanelBg = '#e9e9e9';\r\n public static sidePagePaddingLeft = '32px';\r\n public static sidePagePaddingRight = '36px';\r\n public static sidePagePaddingTop = '24px';\r\n public static sidePagePaddingBottom = '40px';\r\n public static get sidePageBgDefault() {\r\n return this.bgDefault;\r\n }\r\n public static get sidePageBorderColor() {\r\n return this.borderColorGrayLight;\r\n }\r\n\r\n public static sidePageHeaderFontSize = '24px';\r\n public static sidePageHeaderLineHeight = '32px';\r\n public static sidePageHeaderPaddingBottom = '16px';\r\n public static sidePageHeaderPaddingTop = '24px';\r\n public static sidePageHeaderFixedFontSize = '18px';\r\n public static sidePageHeaderFixedLineHeight = '28px';\r\n public static sidePageHeaderFixedPaddingY = '10px';\r\n public static sidePageHeaderStickyOffset = '7px';\r\n public static sidePageFooterPanelPaddingBottom = '20px';\r\n public static sidePageFooterPaddingTop = '24px';\r\n public static sidePageFooterPaddingBottom = '32px';\r\n public static sidePageCloseButtonPadding = '36px';\r\n public static sidePageCloseButtonLegacyPaddingLeft = '36px';\r\n public static sidePageCloseButtonClickArea = '10px';\r\n //#endregion\r\n //#region Tooltip\r\n public static tooltipPaddingY = '16px';\r\n public static tooltipPaddingX = '16px';\r\n public static tooltipMargin = '16px';\r\n public static tooltipPinOffset = '0px'; // deprecated\r\n public static tooltipPinOffsetX = '16px';\r\n public static tooltipPinOffsetY = '18px';\r\n //#endregion\r\n //#region Hint\r\n public static hintBorder = 'none';\r\n public static hintBorderRadius = '2px';\r\n public static hintMargin = '16px';\r\n //#endregion\r\n //#region Modal\r\n public static modalCloseButtonPadding = '36px';\r\n public static modalCloseIconSize = '12px';\r\n\r\n public static modalCloseLegacyGap = '0px';\r\n public static modalCloseWrapperLegacyGap = '0px';\r\n public static modalCloseButtonLegacyShift = '0px';\r\n public static modalPaddingTop = '24px';\r\n\r\n public static modalPaddingLeft = '32px';\r\n public static modalPaddingRight = '36px';\r\n public static modalHeaderFontSize = '24px';\r\n public static modalHeaderLineHeight = '32px';\r\n public static modalHeaderPaddingBottom = '16px';\r\n public static get modalFixedHeaderPaddingBottom() {\r\n return `${Math.round(parseInt(this.modalHeaderPaddingBottom) / 2)}px`;\r\n }\r\n public static modalBodyPaddingBottom = '24px';\r\n public static modalFooterPaddingBottom = '32px';\r\n public static modalPaddingBottom = '40px';\r\n //#endregion\r\n //#region Toast\r\n public static get toastFontSize() {\r\n return this.fontSizeSmall;\r\n }\r\n public static get toastLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static toastPaddingY = '10px';\r\n public static toastPaddingX = '16px';\r\n public static toastTop = '24px';\r\n public static toastClosePadding = '16px';\r\n //#endregion\r\n //#region Menu\r\n public static get menuItemLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static menuItemPaddingY = '6px';\r\n public static menuItemIconLegacyMargin = '0px';\r\n public static menuItemIconLegacyShift = '0px';\r\n public static menuItemLegacyPaddingX = '0px';\r\n public static menuItemLegacyPaddingY = '0px';\r\n public static menuItemIconGap = '4px';\r\n public static menuHeaderLineHeight = '16px';\r\n public static menuHeaderPaddingX = '8px';\r\n public static menuPaddingY = '4px';\r\n public static menuHeaderPaddingTop = '12px';\r\n public static menuHeaderPaddingBottom = '4px';\r\n public static menuHeaderLegacyPaddingRight = '0px';\r\n public static menuSeparatorMarginY = '2px';\r\n public static menuSeparatorBorderWidth = '1px';\r\n public static menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';\r\n public static menuBorder = 'none';\r\n\r\n //#endregion\r\n //#region TooltipMenu\r\n public static get tooltipMenuPinOffset() {\r\n return this.popupPinOffset;\r\n }\r\n //#endregion\r\n //#region Kebab\r\n public static get kebabPinOffset() {\r\n return this.popupPinOffset;\r\n }\r\n public static kebabMargin = '4px';\r\n //#endregion\r\n //#region Popup\r\n public static popupDropShadow = 'drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16))';\r\n public static popupBoxShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';\r\n //#endregion\r\n}\r\n\r\nexport const Theme8pxInternal = exposeGetters(markAs8pxTheme(Theme8px));\r\n"]}
1
+ {"version":3,"sources":["Theme8px.ts"],"names":["Theme8px","borderWidth","parseInt","btnBorderWidth","padding","btnPaddingYSmall","lineHeigh","btnLineHeightSmall","btnPaddingYMedium","btnLineHeightMedium","btnPaddingYLarge","btnLineHeightLarge","controlBorderWidth","controlOutlineWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","fontSizeSmall","fontSizeMedium","fontSizeLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","inputBorderWidth","inputPaddingYSmall","inputLineHeightSmall","inputPaddingYMedium","inputLineHeightMedium","inputPaddingYLarge","inputLineHeightLarge","btnBorderRadiusSmall","btnBorderRadiusMedium","btnBorderRadiusLarge","controlHeight","controlHeightSmall","lineHeight","checkboxLineHeight","checkboxBorderWidth","tabPaddingX","paddingY","toggleHeight","tokenPaddingY","tokenPaddingX","tokenMarginY","tokenMarginX","tokenBorderWidth","tokenBorderColorDisabled","spinnerFontSizeSmall","spinnerFontSizeMedium","spinnerFontSizeLarge","spinnerLineHeightSmall","spinnerLineHeightMedium","spinnerLineHeightLarge","radioLineHeight","radioBoxShadow","radioBorderWidth","borderCompensation","radioBorderWidthCompensation","radioSize","radioOutlineWidth","pagingFontSize","btnOutlineWidth","btnFontSizeSmall","btnFontSizeMedium","btnFontSizeLarge","btnPaddingXSmall","btnPaddingXMedium","btnPaddingXLarge","bgDefault","borderColorGrayLight","Math","round","modalHeaderPaddingBottom","popupPinOffset","controlHeightMedium","controlHeightLarge","btnIconGapSmall","btnIconGapMedium","btnIconGapLarge","btnIconSizeSmall","btnIconSizeMedium","btnIconSizeLarge","btnSmallArrowTop","btnSmallArrowRight","btnSmallArrowLength","btnMediumArrowTop","btnMediumArrowLength","btnMediumArrowRight","btnLargeArrowLength","btnLargeArrowLeft","btnLargeArrowRight","inputWidth","inputPaddingXSmall","inputPaddingXMedium","inputPaddingXLarge","inputBorderRadiusSmall","inputBorderRadiusMedium","inputBorderRadiusLarge","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","inputIconSizeSmall","inputIconSizeMedium","inputIconSizeLarge","selectWidth","selectPaddingXSmall","selectPaddingXMedium","selectPaddingXLarge","selectIconGapSmall","selectIconGapMedium","selectIconGapLarge","checkboxLabelGap","checkboxBorderRadius","checkboxBorder","tabBorderWidth","toggleWidth","tokenBorderRadius","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconGap","tokenRemoveIconBoxSizing","tokenDisabledBg","tokenLegacyTextShift","tokenInputLineHeight","spinnerCaptionGapSmall","spinnerCaptionGapMedium","spinnerCaptionGapLarge","spinnerOldCaptionGapSmall","spinnerOldCaptionGapMedium","spinnerOldCaptionGapLarge","linkIconMarginRight","linkButtonLineHeight","linkButtonPaddingX","textareaWidth","textareaBorderRadius","textareaPaddingX","radioLabelGap","radioBulletSize","radioVerticalAlign","radioGroupLegacyItemGap","pagingPageLinkLegacyPaddingY","pagingPageForwardLinkMarginTop","pagingLineHeight","pagingPageLinkPaddingX","pagingPageLinkPaddingY","pagingPageLinkMinWidth","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkBorderRadius","pagingPageLinkMargin","pagingForwardIconMarginTop","pagingPageForwardLinkPaddingRight","pagingDotsPadding","switcherButtonPaddingXSmall","switcherButtonPaddingXMedium","switcherButtonPaddingXLarge","calendarCellSize","calendarPaddingX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","calendarMonthTitleMarginX","calendarMonthMarginBottom","dateSelectLineHeight","pickerTodayWrapperLineHeight","pickerTodayWrapperPaddingTop","pickerTodayWrapperPaddingBottom","pickerShadow","sidePageFooterPanelBg","sidePagePaddingLeft","sidePagePaddingRight","sidePagePaddingTop","sidePagePaddingBottom","sidePageHeaderFontSize","sidePageHeaderLineHeight","sidePageHeaderPaddingBottom","sidePageHeaderPaddingTop","sidePageHeaderFixedFontSize","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","sidePageHeaderStickyOffset","sidePageFooterPanelPaddingBottom","sidePageFooterPaddingTop","sidePageFooterPaddingBottom","sidePageCloseButtonPadding","sidePageCloseButtonLegacyPaddingLeft","sidePageCloseButtonClickArea","tooltipPaddingY","tooltipPaddingX","tooltipMargin","tooltipPinOffset","tooltipPinOffsetX","tooltipPinOffsetY","hintBorder","hintBorderRadius","hintMargin","modalCloseButtonPadding","modalCloseIconSize","modalCloseLegacyGap","modalCloseWrapperLegacyGap","modalCloseButtonLegacyShift","modalPaddingTop","modalPaddingLeft","modalPaddingRight","modalHeaderFontSize","modalHeaderLineHeight","modalBodyPaddingBottom","modalFooterPaddingBottom","modalPaddingBottom","toastPaddingY","toastPaddingX","toastTop","toastClosePadding","menuItemPaddingY","menuItemIconLegacyMargin","menuItemIconLegacyShift","menuItemLegacyPaddingX","menuItemLegacyPaddingY","menuItemIconGap","menuHeaderLineHeight","menuHeaderPaddingX","menuPaddingY","menuHeaderPaddingTop","menuHeaderPaddingBottom","menuHeaderLegacyPaddingRight","menuSeparatorMarginY","menuSeparatorBorderWidth","menuShadow","menuBorder","kebabMargin","popupDropShadow","popupBoxShadow","Theme8pxInternal"],"mappings":"yWAAA,8D;;;;AAIaA,Q;;;;;;;;;;;;;AAaX;wBACmC;AACjC,UAAMC,WAAW,GAAGC,QAAQ,CAAC,KAAKC,cAAN,EAAsB,EAAtB,CAAR,IAAqC,CAAzD;AACA,UAAMC,OAAO,GAAGF,QAAQ,CAAC,KAAKG,gBAAN,EAAwB,EAAxB,CAAR,IAAuC,CAAvD;AACA,UAAMC,SAAS,GAAGJ,QAAQ,CAAC,KAAKK,kBAAN,EAA0B,EAA1B,CAAR,IAAyC,CAA3D;AACA,aAAU,IAAIN,WAAJ,GAAkB,IAAIG,OAAtB,GAAgCE,SAA1C;AACD,K;AACmC;AAClC,UAAML,WAAW,GAAGC,QAAQ,CAAC,KAAKC,cAAN,EAAsB,EAAtB,CAAR,IAAqC,CAAzD;AACA,UAAMC,OAAO,GAAGF,QAAQ,CAAC,KAAKM,iBAAN,EAAyB,EAAzB,CAAR,IAAwC,CAAxD;AACA,UAAMF,SAAS,GAAGJ,QAAQ,CAAC,KAAKO,mBAAN,EAA2B,EAA3B,CAAR,IAA0C,CAA5D;AACA,aAAU,IAAIR,WAAJ,GAAkB,IAAIG,OAAtB,GAAgCE,SAA1C;AACD,K;AACkC;AACjC,UAAML,WAAW,GAAGC,QAAQ,CAAC,KAAKC,cAAN,EAAsB,EAAtB,CAAR,IAAqC,CAAzD;AACA,UAAMC,OAAO,GAAGF,QAAQ,CAAC,KAAKQ,gBAAN,EAAwB,EAAxB,CAAR,IAAuC,CAAvD;AACA,UAAMJ,SAAS,GAAGJ,QAAQ,CAAC,KAAKS,kBAAN,EAA0B,EAA1B,CAAR,IAAyC,CAA3D;AACA,aAAU,IAAIV,WAAJ,GAAkB,IAAIG,OAAtB,GAAgCE,SAA1C;AACD,K;AACkC;AACjC,aAAO,KAAKM,kBAAZ;AACD,K;AACmC;AAClC,aAAO,KAAKC,mBAAZ;AACD,K;AACsC;AACrC,aAAO,KAAKC,sBAAZ;AACD,K;AACuC;AACtC,aAAO,KAAKC,uBAAZ;AACD,K;AACsC;AACrC,aAAO,KAAKC,sBAAZ;AACD,K;AACoC;AACnC,aAAO,KAAKC,aAAZ;AACD,K;AACqC;AACpC,aAAO,KAAKC,cAAZ;AACD,K;AACoC;AACnC,aAAO,KAAKC,aAAZ;AACD,K;;;;AAIoC;AACnC,aAAO,KAAKC,oBAAZ;AACD,K;AACqC;AACpC,aAAO,KAAKC,qBAAZ;AACD,K;AACoC;AACnC,aAAO,KAAKC,oBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;AAsBD;AACA;wBACqC;AACnC,UAAMrB,WAAW,GAAGC,QAAQ,CAAC,KAAKqB,gBAAN,EAAwB,EAAxB,CAAR,IAAuC,CAA3D;AACA,UAAMnB,OAAO,GAAGF,QAAQ,CAAC,KAAKsB,kBAAN,EAA0B,EAA1B,CAAR,IAAyC,CAAzD;AACA,UAAMlB,SAAS,GAAGJ,QAAQ,CAAC,KAAKuB,oBAAN,EAA4B,EAA5B,CAAR,IAA2C,CAA7D;AACA,aAAU,IAAIxB,WAAJ,GAAkB,IAAIG,OAAtB,GAAgCE,SAA1C;AACD,K;AACqC;AACpC,UAAML,WAAW,GAAGC,QAAQ,CAAC,KAAKqB,gBAAN,EAAwB,EAAxB,CAAR,IAAuC,CAA3D;AACA,UAAMnB,OAAO,GAAGF,QAAQ,CAAC,KAAKwB,mBAAN,EAA2B,EAA3B,CAAR,IAA0C,CAA1D;AACA,UAAMpB,SAAS,GAAGJ,QAAQ,CAAC,KAAKyB,qBAAN,EAA6B,EAA7B,CAAR,IAA4C,CAA9D;AACA,aAAU,IAAI1B,WAAJ,GAAkB,IAAIG,OAAtB,GAAgCE,SAA1C;AACD,K;AACoC;AACnC,UAAML,WAAW,GAAGC,QAAQ,CAAC,KAAKqB,gBAAN,EAAwB,EAAxB,CAAR,IAAuC,CAA3D;AACA,UAAMnB,OAAO,GAAGF,QAAQ,CAAC,KAAK0B,kBAAN,EAA0B,EAA1B,CAAR,IAAyC,CAAzD;AACA,UAAMtB,SAAS,GAAGJ,QAAQ,CAAC,KAAK2B,oBAAN,EAA4B,EAA5B,CAAR,IAA2C,CAA7D;AACA,aAAU,IAAI5B,WAAJ,GAAkB,IAAIG,OAAtB,GAAgCE,SAA1C;AACD,K;;AAEoC;AACnC,aAAO,KAAKM,kBAAZ;AACD,K;AACqC;AACpC,uBAAe,KAAKC,mBAApB;AACD,K;AACwC;AACvC,aAAO,KAAKC,sBAAZ;AACD,K;AACyC;AACxC,aAAO,KAAKC,uBAAZ;AACD,K;AACwC;AACvC,aAAO,KAAKC,sBAAZ;AACD,K;AACsC;AACrC,aAAO,KAAKC,aAAZ;AACD,K;AACuC;AACtC,aAAO,KAAKC,cAAZ;AACD,K;AACsC;AACrC,aAAO,KAAKC,aAAZ;AACD,K;;;;AAIsC;AACrC,aAAO,KAAKC,oBAAZ;AACD,K;AACuC;AACtC,aAAO,KAAKC,qBAAZ;AACD,K;AACsC;AACrC,aAAO,KAAKC,oBAAZ;AACD,K;;;;;;;;;;;;;AAaqC;AACpC,aAAO,KAAKV,kBAAZ;AACD,K;AACsC;AACrC,aAAO,KAAKC,mBAAZ;AACD,K;AACyC;AACxC,aAAO,KAAKC,sBAAZ;AACD,K;AAC0C;AACzC,aAAO,KAAKC,uBAAZ;AACD,K;AACyC;AACxC,aAAO,KAAKC,sBAAZ;AACD,K;AACuC;AACtC,aAAO,KAAKC,aAAZ;AACD,K;AACwC;AACvC,aAAO,KAAKC,cAAZ;AACD,K;AACuC;AACtC,aAAO,KAAKC,aAAZ;AACD,K;;;;AAIuC;AACtC,aAAO,KAAKC,oBAAZ;AACD,K;AACwC;AACvC,aAAO,KAAKC,qBAAZ;AACD,K;AACuC;AACtC,aAAO,KAAKC,oBAAZ;AACD,K;AAC2C;AAC1C,aAAO,KAAKQ,oBAAZ;AACD,K;AAC4C;AAC3C,aAAO,KAAKC,qBAAZ;AACD,K;AAC2C;AAC1C,aAAO,KAAKC,oBAAZ;AACD,K;;;;AAID;AACA;wBACuC;AACrC,aAAO,KAAKlB,sBAAZ;AACD,K;AACoC;AACnC,aAAO,KAAKG,aAAZ;AACD,K;;AAEoC;AACnC,UAAMgB,aAAa,GAAG/B,QAAQ,CAAC,KAAKgC,kBAAN,EAA0B,EAA1B,CAAR,IAAyC,CAA/D;AACA,UAAMC,UAAU,GAAGjC,QAAQ,CAAC,KAAKkC,kBAAN,EAA0B,EAA1B,CAAR,IAAyC,CAA5D;;AAEA,aAAU,CAACH,aAAa,GAAGE,UAAjB,IAA+B,CAAzC;AACD,K;;AAEuC;AACtC,aAAO,KAAKvB,kBAAZ;AACD,K;AACwC;AACvC,aAAO,KAAKC,mBAAZ;AACD,K;;AAEmD;AAClD,aAAO,KAAKwB,mBAAZ;AACD;;AAED;AACA;;AAEgC;AAC9B,aAAO,KAAKC,WAAZ;AACD,K;AAC+B;AAC9B,UAAMC,QAAQ,GAAGrC,QAAQ,CAAC,KAAKoB,oBAAN,EAA4B,EAA5B,CAAR,IAA2C,CAA5D;AACA,UAAMrB,WAAW,GAAGC,QAAQ,CAAC,KAAKU,kBAAN,EAA0B,EAA1B,CAAR,IAAyC,CAA7D;;AAEA,aAAU2B,QAAQ,GAAGtC,WAArB;AACD,K;AAC+B;AAC9B,aAAO,KAAKkB,aAAZ;AACD,K;AACiC;AAChC,aAAO,KAAKH,sBAAZ;AACD,K;;AAEmC;AAClC,aAAO,KAAKH,mBAAZ;AACD;AACD;AACA;;;AAGuC;AACrC,uBAAe,KAAK2B,YAApB;AACD,K;AACqC;AACpC,aAAO,KAAK5B,kBAAZ;AACD,K;AACsC;AACrC,uBAAe,KAAKC,mBAApB;AACD;AACD;AACA;mDACoC;AAClC,aAAO,KAAKC,sBAAZ;AACD,K;AACiC;AAChC,aAAO,KAAKG,aAAZ;AACD,K;;;;;;;;;;;;;;AAcyC;AACxC,aAAO,KAAKwB,aAAZ;AACD,K;AACyC;AACxC,aAAO,KAAKC,aAAZ;AACD,K;AACwC;AACvC,aAAO,KAAKC,YAAZ;AACD,K;AACwC;AACvC,aAAO,KAAKC,YAAZ;AACD,K;AACuC;AACtC,wBAAgB,KAAKC,gBAArB,SAAyC,KAAKC,wBAA9C;AACD;AACD;AACA;;AAEA;AACA;;AAEyC;AACvC,aAAO,KAAK7B,aAAZ;AACD,K;AACyC;AACxC,aAAO,KAAKC,cAAZ;AACD,K;AACwC;AACvC,aAAO,KAAKC,aAAZ;AACD,K;AAC0C;AACzC,aAAO,KAAKL,sBAAZ;AACD,K;AAC2C;AAC1C,aAAO,KAAKC,uBAAZ;AACD,K;AAC0C;AACzC,aAAO,KAAKC,sBAAZ;AACD,K;;;;AAID;AACA;wBAC4C;AAC1C,aAAO,KAAK+B,oBAAZ;AACD,K;AAC4C;AAC3C,aAAO,KAAKC,qBAAZ;AACD,K;AAC2C;AAC1C,aAAO,KAAKC,oBAAZ;AACD,K;AAC6C;AAC5C,aAAO,KAAKC,sBAAZ;AACD,K;AAC8C;AAC7C,aAAO,KAAKC,uBAAZ;AACD,K;AAC6C;AAC5C,aAAO,KAAKC,sBAAZ;AACD,K;;;;;;;;;;;;AAYuC;AACtC,aAAO,KAAKxC,kBAAZ;AACD,K;AACwC;AACvC,uBAAe,KAAKC,mBAApB;AACD,K;AACoC;AACnC,aAAO,KAAKI,aAAZ;AACD,K;;;AAGoC;AACnC,aAAO,KAAKG,oBAAZ;AACD,K;AACsC;AACrC,aAAO,KAAKN,sBAAZ;AACD;AACD;AACA;mDACoC;AAClC,aAAO,KAAKA,sBAAZ;AACD,K;AACiC;AAChC,aAAO,KAAKG,aAAZ;AACD,K;;AAEiC;AAChC,UAAMgB,aAAa,GAAG/B,QAAQ,CAAC,KAAKgC,kBAAN,EAA0B,EAA1B,CAAR,IAAyC,CAA/D;AACA,UAAMC,UAAU,GAAGjC,QAAQ,CAAC,KAAKmD,eAAN,EAAuB,EAAvB,CAAR,IAAsC,CAAzD;;AAEA,aAAU,CAACpB,aAAa,GAAGE,UAAjB,IAA+B,CAAzC;AACD,K;;AAEoC;AACnC,aAAO,KAAKvB,kBAAZ;AACD,K;AACqC;AACpC,aAAO,KAAKC,mBAAZ;AACD,K;;AAEgD;AAC/C,aAAO,KAAKyC,cAAL,KAAwB,MAAxB,GAAiC,KAAKC,gBAAtC,GAAyD,KAAhE;AACD,K;AACkC;AACjC,UAAMC,kBAAkB;AACtB,WAAKF,cAAL,KAAwB,MAAxB,GAAiC,KAAKC,gBAAtC,GAAyD,KAAKE,4BADhE;AAEA,uBAAe,KAAKC,SAApB,eAAuC,KAAKC,iBAA5C,eAAuEH,kBAAvE;AACD,K;;;;AAID;AACA;wBACmC;AACjC,aAAO,KAAKtC,cAAZ;AACD,K;;;;;;;;;;;AAWyC;AACxC,aAAO,KAAK0C,cAAZ;AACD,K;;;;AAID;AACA;wBACyC;AACvC,aAAO,KAAKC,eAAZ;AACD,K;AAC8C;AAC7C,aAAO,KAAKC,gBAAZ;AACD,K;AAC+C;AAC9C,aAAO,KAAKC,iBAAZ;AACD,K;AAC8C;AAC7C,aAAO,KAAKC,gBAAZ;AACD,K;AACgD;AAC/C,aAAO,KAAKzD,kBAAZ;AACD,K;AACiD;AAChD,aAAO,KAAKE,mBAAZ;AACD,K;AACgD;AAC/C,aAAO,KAAKE,kBAAZ;AACD,K;AACyC;AACxC,aAAO,KAAKsD,gBAAZ;AACD,K;AAC0C;AACzC,aAAO,KAAKC,iBAAZ;AACD,K;AACyC;AACxC,aAAO,KAAKC,gBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BqC;AACpC,aAAO,KAAKC,SAAZ;AACD,K;AACuC;AACtC,aAAO,KAAKC,oBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CiD;AAChD,aAAUC,IAAI,CAACC,KAAL,CAAWrE,QAAQ,CAAC,KAAKsE,wBAAN,CAAR,GAA0C,CAArD,CAAV;AACD,K;;;;AAID;AACA;wBACkC;AAChC,aAAO,KAAKvD,aAAZ;AACD,K;AACmC;AAClC,aAAO,KAAKH,sBAAZ;AACD,K;;;;;AAKD;AACA;wBACuC;AACrC,aAAO,KAAKA,sBAAZ;AACD,K;;;;;;;;;;;;;;;;;;AAkBD;AACA;wBACyC;AACvC,aAAO,KAAK2D,cAAZ;AACD;AACD;AACA;kDACmC;AACjC,aAAO,KAAKA,cAAZ;AACD;;;;;;AAMD;sHAtlBWzE,Q,CACGiB,a,GAAgB,M,CADnBjB,Q,CAEGkB,c,GAAiB,M,CAFpBlB,Q,CAGGmB,a,GAAgB,M,CAHnBnB,Q,CAIGkC,kB,GAAqB,M,CAJxBlC,Q,CAKG0E,mB,GAAsB,M,CALzB1E,Q,CAMG2E,kB,GAAqB,M,CANxB3E,Q,CAOGc,sB,GAAyB,M,CAP5Bd,Q,CAQGe,uB,GAA0B,M,CAR7Bf,Q,CASGgB,sB,GAAyB,M,CAT5BhB,Q,CAUGoB,oB,GAAuB,K,CAV1BpB,Q,CAWGqB,qB,GAAwB,K,CAX3BrB,Q,CAYGsB,oB,GAAuB,M,CAZ1BtB,Q,CAwDGiE,gB,GAAmB,M,CAxDtBjE,Q,CAyDGkE,iB,GAAoB,M,CAzDvBlE,Q,CA0DGmE,gB,GAAmB,M,CA1DtBnE,Q,CAoEG8B,oB,GAAuB,K,CApE1B9B,Q,CAqEG+B,qB,GAAwB,K,CArE3B/B,Q,CAsEGgC,oB,GAAuB,K,CAtE1BhC,Q,CAwEG4E,e,GAAkB,K,CAxErB5E,Q,CAyEG6E,gB,GAAmB,K,CAzEtB7E,Q,CA0EG8E,e,GAAkB,K,CA1ErB9E,Q,CA2EG+E,gB,GAAmB,M,CA3EtB/E,Q,CA4EGgF,iB,GAAoB,M,CA5EvBhF,Q,CA6EGiF,gB,GAAmB,M,CA7EtBjF,Q,CA8EGkF,gB,GAAmB,K,CA9EtBlF,Q,CA+EGmF,kB,GAAqB,M,CA/ExBnF,Q,CAiFGoF,mB,GAAsB,M,CAjFzBpF,Q,CAkFGqF,iB,GAAoB,K,CAlFvBrF,Q,CAmFGsF,oB,GAAuB,Q,CAnF1BtF,Q,CAoFGuF,mB,GAAsB,O,CApFzBvF,Q,CAqFGwF,mB,GAAsB,M,CArFzBxF,Q,CAsFGyF,iB,GAAoB,O,CAtFvBzF,Q,CAuFG0F,kB,GAAqB,O,CAvFxB1F,Q,CA6GG2F,U,GAAa,O,CA7GhB3F,Q,CAsIG4F,kB,GAAqB,K,CAtIxB5F,Q,CAuIG6F,mB,GAAsB,M,CAvIzB7F,Q,CAwIG8F,kB,GAAqB,M,CAxIxB9F,Q,CAkJG+F,sB,GAAyB,K,CAlJ5B/F,Q,CAmJGgG,uB,GAA0B,K,CAnJ7BhG,Q,CAoJGiG,sB,GAAyB,K,CApJ5BjG,Q,CAqJGkG,iB,GAAoB,K,CArJvBlG,Q,CAsJGmG,kB,GAAqB,K,CAtJxBnG,Q,CAuJGoG,iB,GAAoB,M,CAvJvBpG,Q,CAwJGqG,kB,GAAqB,M,CAxJxBrG,Q,CAyJGsG,mB,GAAsB,M,CAzJzBtG,Q,CA0JGuG,kB,GAAqB,M,CA1JxBvG,Q,CA6JGwG,W,GAAc,O,CA7JjBxG,Q,CAsLGyG,mB,GAAsB,K,CAtLzBzG,Q,CAuLG0G,oB,GAAuB,M,CAvL1B1G,Q,CAwLG2G,mB,GAAsB,M,CAxLzB3G,Q,CA2MG4G,kB,GAAqB,K,CA3MxB5G,Q,CA4MG6G,mB,GAAsB,K,CA5MzB7G,Q,CA6MG8G,kB,GAAqB,M,CA7MxB9G,Q,CAsNG+G,gB,GAAmB,K,CAtNtB/G,Q,CA6NGgH,oB,GAAuB,K,CA7N1BhH,Q,CAoOGiH,c,GAAiB,M,CApOpBjH,Q,CA2OGsC,W,GAAc,M,CA3OjBtC,Q,CA2PGkH,c,GAAiB,K,CA3PpBlH,Q,CAiQGmH,W,GAAc,M,CAjQjBnH,Q,CAkQGwC,Y,GAAe,M,CAlQlBxC,Q,CAoRG2C,Y,GAAe,K,CApRlB3C,Q,CAqRG4C,Y,GAAe,K,CArRlB5C,Q,CAsRGyC,a,GAAgB,K,CAtRnBzC,Q,CAuRG0C,a,GAAgB,K,CAvRnB1C,Q,CAwRGoH,iB,GAAoB,K,CAxRvBpH,Q,CAyRGqH,mB,GAAsB,K,CAzRzBrH,Q,CA0RGsH,uB,GAA0B,K,CA1R7BtH,Q,CA2RGuH,uB,GAA0B,K,CA3R7BvH,Q,CA4RGwH,kB,GAAqB,K,CA5RxBxH,Q,CA6RGyH,wB,GAA2B,a,CA7R9BzH,Q,CA8RG8C,wB,GAA2B,S,CA9R9B9C,Q,CA+RG0H,e,GAAkB,S,CA/RrB1H,Q,CAgSG2H,oB,GAAuB,K,CAhS1B3H,Q,CAkTG4H,oB,GAAuB,M,CAlT1B5H,Q,CAwUG6H,sB,GAAyB,K,CAxU5B7H,Q,CAyUG8H,uB,GAA0B,M,CAzU7B9H,Q,CA0UG+H,sB,GAAyB,M,CA1U5B/H,Q,CA+VGgI,yB,GAA4B,K,CA/V/BhI,Q,CAgWGiI,0B,GAA6B,M,CAhWhCjI,Q,CAiWGkI,yB,GAA4B,K,CAjW/BlI,Q,CAoWGmI,mB,GAAsB,K,CApWzBnI,Q,CAqWGoI,oB,GAAuB,M,CArW1BpI,Q,CAsWGqI,kB,GAAqB,M,CAtWxBrI,Q,CAyWGsI,a,GAAgB,O,CAzWnBtI,Q,CAmXGuI,oB,GAAuB,K,CAnX1BvI,Q,CAoXGwI,gB,GAAmB,K,CApXtBxI,Q,CAmYGyI,a,GAAgB,K,CAnYnBzI,Q,CA0YG0D,S,GAAY,M,CA1Yf1D,Q,CAiZG0I,e,GAAkB,K,CAjZrB1I,Q,CA0ZG2I,kB,GAAqB,K,CA1ZxB3I,Q,CA4ZG4I,uB,GAA0B,K,CA5Z7B5I,Q,CAkaG6I,4B,GAA+B,G,CAlalC7I,Q,CAmaG8I,8B,GAAiC,Q,CAnapC9I,Q,CAoaG+I,gB,GAAmB,S,CApatB/I,Q,CAqaGgJ,sB,GAAyB,S,CAra5BhJ,Q,CAsaGiJ,sB,GAAyB,U,CAta5BjJ,Q,CAuaGkJ,sB,GAAyB,Q,CAva5BlJ,Q,CAwaGmJ,0B,GAA6B,M,CAxahCnJ,Q,CAyaGoJ,4B,GAA+B,M,CAzalCpJ,Q,CA0aGqJ,0B,GAA6B,K,CA1ahCrJ,Q,CA2aGsJ,oB,GAAuB,S,CA3a1BtJ,Q,CA+aGuJ,0B,GAA6B,K,CA/ahCvJ,Q,CAgbGwJ,iC,GAAoC,S,CAhbvCxJ,Q,CAibGyJ,iB,GAAoB,mB,CAjbvBzJ,Q,CAkdG0J,2B,GAA8B,K,CAldjC1J,Q,CAmdG2J,4B,GAA+B,M,CAndlC3J,Q,CAodG4J,2B,GAA8B,M,CApdjC5J,Q,CAudG6J,gB,GAAmB,M,CAvdtB7J,Q,CAwdG8J,gB,GAAmB,M,CAxdtB9J,Q,CAydG+J,8B,GAAiC,K,CAzdpC/J,Q,CA0dGgK,4B,GAA+B,M,CA1dlChK,Q,CA2dGiK,4B,GAA+B,M,CA3dlCjK,Q,CA4dGkK,+B,GAAkC,K,CA5drClK,Q,CA6dGmK,yB,GAA4B,K,CA7d/BnK,Q,CA8dGoK,yB,GAA4B,K,CA9d/BpK,Q,CAieGqK,oB,GAAuB,M,CAje1BrK,Q,CAkeGsK,4B,GAA+B,M,CAlelCtK,Q,CAmeGuK,4B,GAA+B,K,CAnelCvK,Q,CAoeGwK,+B,GAAkC,K,CAperCxK,Q,CAqeGyK,Y,GAAe,kC,CArelBzK,Q,CAyeG0K,qB,GAAwB,S,CAze3B1K,Q,CA0eG2K,mB,GAAsB,M,CA1ezB3K,Q,CA2eG4K,oB,GAAuB,M,CA3e1B5K,Q,CA4eG6K,kB,GAAqB,M,CA5exB7K,Q,CA6eG8K,qB,GAAwB,M,CA7e3B9K,Q,CAqfG+K,sB,GAAyB,M,CArf5B/K,Q,CAsfGgL,wB,GAA2B,M,CAtf9BhL,Q,CAufGiL,2B,GAA8B,M,CAvfjCjL,Q,CAwfGkL,wB,GAA2B,M,CAxf9BlL,Q,CAyfGmL,2B,GAA8B,M,CAzfjCnL,Q,CA0fGoL,6B,GAAgC,M,CA1fnCpL,Q,CA2fGqL,2B,GAA8B,M,CA3fjCrL,Q,CA4fGsL,0B,GAA6B,K,CA5fhCtL,Q,CA6fGuL,gC,GAAmC,M,CA7ftCvL,Q,CA8fGwL,wB,GAA2B,M,CA9f9BxL,Q,CA+fGyL,2B,GAA8B,M,CA/fjCzL,Q,CAggBG0L,0B,GAA6B,M,CAhgBhC1L,Q,CAigBG2L,oC,GAAuC,M,CAjgB1C3L,Q,CAkgBG4L,4B,GAA+B,M,CAlgBlC5L,Q,CAqgBG6L,e,GAAkB,M,CArgBrB7L,Q,CAsgBG8L,e,GAAkB,M,CAtgBrB9L,Q,CAugBG+L,a,GAAgB,M,CAvgBnB/L,Q,CAwgBGgM,gB,GAAmB,K,CAxgBtBhM,Q,CAygBGiM,iB,GAAoB,M,CAzgBvBjM,Q,CA0gBGkM,iB,GAAoB,M,CA1gBvBlM,Q,CA6gBGmM,U,GAAa,M,CA7gBhBnM,Q,CA8gBGoM,gB,GAAmB,K,CA9gBtBpM,Q,CA+gBGqM,U,GAAa,M,CA/gBhBrM,Q,CAkhBGsM,uB,GAA0B,M,CAlhB7BtM,Q,CAmhBGuM,kB,GAAqB,M,CAnhBxBvM,Q,CAqhBGwM,mB,GAAsB,K,CArhBzBxM,Q,CAshBGyM,0B,GAA6B,K,CAthBhCzM,Q,CAuhBG0M,2B,GAA8B,K,CAvhBjC1M,Q,CAwhBG2M,e,GAAkB,M,CAxhBrB3M,Q,CA0hBG4M,gB,GAAmB,M,CA1hBtB5M,Q,CA2hBG6M,iB,GAAoB,M,CA3hBvB7M,Q,CA4hBG8M,mB,GAAsB,M,CA5hBzB9M,Q,CA6hBG+M,qB,GAAwB,M,CA7hB3B/M,Q,CA8hBGwE,wB,GAA2B,M,CA9hB9BxE,Q,CAkiBGgN,sB,GAAyB,M,CAliB5BhN,Q,CAmiBGiN,wB,GAA2B,M,CAniB9BjN,Q,CAoiBGkN,kB,GAAqB,M,CApiBxBlN,Q,CA6iBGmN,a,GAAgB,M,CA7iBnBnN,Q,CA8iBGoN,a,GAAgB,M,CA9iBnBpN,Q,CA+iBGqN,Q,GAAW,M,CA/iBdrN,Q,CAgjBGsN,iB,GAAoB,M,CAhjBvBtN,Q,CAsjBGuN,gB,GAAmB,K,CAtjBtBvN,Q,CAujBGwN,wB,GAA2B,K,CAvjB9BxN,Q,CAwjBGyN,uB,GAA0B,K,CAxjB7BzN,Q,CAyjBG0N,sB,GAAyB,K,CAzjB5B1N,Q,CA0jBG2N,sB,GAAyB,K,CA1jB5B3N,Q,CA2jBG4N,e,GAAkB,K,CA3jBrB5N,Q,CA4jBG6N,oB,GAAuB,M,CA5jB1B7N,Q,CA6jBG8N,kB,GAAqB,K,CA7jBxB9N,Q,CA8jBG+N,Y,GAAe,K,CA9jBlB/N,Q,CA+jBGgO,oB,GAAuB,M,CA/jB1BhO,Q,CAgkBGiO,uB,GAA0B,K,CAhkB7BjO,Q,CAikBGkO,4B,GAA+B,K,CAjkBlClO,Q,CAkkBGmO,oB,GAAuB,K,CAlkB1BnO,Q,CAmkBGoO,wB,GAA2B,K,CAnkB9BpO,Q,CAokBGqO,U,GAAa,gC,CApkBhBrO,Q,CAqkBGsO,U,GAAa,M,CArkBhBtO,Q,CAilBGuO,W,GAAc,K,CAjlBjBvO,Q,CAolBGwO,e,GAAkB,6C,CAplBrBxO,Q,CAqlBGyO,c,GAAiB,kC;;AAI1B,IAAMC,gBAAgB,GAAG,iCAAc1O,QAAd,CAAzB,C","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\r\n\r\nimport { DefaultThemeInternal } from './DefaultTheme';\r\n\r\nexport class Theme8px extends (class {} as typeof DefaultThemeInternal) {\r\n public static fontSizeSmall = '14px';\r\n public static fontSizeMedium = '16px';\r\n public static fontSizeLarge = '18px';\r\n public static controlHeightSmall = '32px';\r\n public static controlHeightMedium = '40px';\r\n public static controlHeightLarge = '48px';\r\n public static controlLineHeightSmall = '20px';\r\n public static controlLineHeightMedium = '22px';\r\n public static controlLineHeightLarge = '24px';\r\n public static controlPaddingYSmall = '5px';\r\n public static controlPaddingYMedium = '8px';\r\n public static controlPaddingYLarge = '11px';\r\n //#region Button\r\n public static get btnHeightSmall() {\r\n const borderWidth = parseInt(this.btnBorderWidth, 10) || 0;\r\n const padding = parseInt(this.btnPaddingYSmall, 10) || 0;\r\n const lineHeigh = parseInt(this.btnLineHeightSmall, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static get btnHeightMedium() {\r\n const borderWidth = parseInt(this.btnBorderWidth, 10) || 0;\r\n const padding = parseInt(this.btnPaddingYMedium, 10) || 0;\r\n const lineHeigh = parseInt(this.btnLineHeightMedium, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static get btnHeightLarge() {\r\n const borderWidth = parseInt(this.btnBorderWidth, 10) || 0;\r\n const padding = parseInt(this.btnPaddingYLarge, 10) || 0;\r\n const lineHeigh = parseInt(this.btnLineHeightLarge, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static get btnBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get btnOutlineWidth() {\r\n return this.controlOutlineWidth;\r\n }\r\n public static get btnLineHeightSmall() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get btnLineHeightMedium() {\r\n return this.controlLineHeightMedium;\r\n }\r\n public static get btnLineHeightLarge() {\r\n return this.controlLineHeightLarge;\r\n }\r\n public static get btnFontSizeSmall() {\r\n return this.fontSizeSmall;\r\n }\r\n public static get btnFontSizeMedium() {\r\n return this.fontSizeMedium;\r\n }\r\n public static get btnFontSizeLarge() {\r\n return this.fontSizeLarge;\r\n }\r\n public static btnPaddingXSmall = '15px';\r\n public static btnPaddingXMedium = '15px';\r\n public static btnPaddingXLarge = '19px';\r\n public static get btnPaddingYSmall() {\r\n return this.controlPaddingYSmall;\r\n }\r\n public static get btnPaddingYMedium() {\r\n return this.controlPaddingYMedium;\r\n }\r\n public static get btnPaddingYLarge() {\r\n return this.controlPaddingYLarge;\r\n }\r\n public static btnBorderRadiusSmall = '1px';\r\n public static btnBorderRadiusMedium = '1px';\r\n public static btnBorderRadiusLarge = '1px';\r\n\r\n public static btnIconGapSmall = '4px';\r\n public static btnIconGapMedium = '4px';\r\n public static btnIconGapLarge = '4px';\r\n public static btnIconSizeSmall = '16px';\r\n public static btnIconSizeMedium = '18px';\r\n public static btnIconSizeLarge = '20px';\r\n public static btnSmallArrowTop = '7px';\r\n public static btnSmallArrowRight = '-8px';\r\n\r\n public static btnSmallArrowLength = '16px';\r\n public static btnMediumArrowTop = '8px';\r\n public static btnMediumArrowLength = '21.2px';\r\n public static btnMediumArrowRight = '-11px';\r\n public static btnLargeArrowLength = '25px';\r\n public static btnLargeArrowLeft = '-12px';\r\n public static btnLargeArrowRight = '-12px';\r\n\r\n //#endregion\r\n //#region Input\r\n public static get inputHeightSmall() {\r\n const borderWidth = parseInt(this.inputBorderWidth, 10) || 0;\r\n const padding = parseInt(this.inputPaddingYSmall, 10) || 0;\r\n const lineHeigh = parseInt(this.inputLineHeightSmall, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static get inputHeightMedium() {\r\n const borderWidth = parseInt(this.inputBorderWidth, 10) || 0;\r\n const padding = parseInt(this.inputPaddingYMedium, 10) || 0;\r\n const lineHeigh = parseInt(this.inputLineHeightMedium, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static get inputHeightLarge() {\r\n const borderWidth = parseInt(this.inputBorderWidth, 10) || 0;\r\n const padding = parseInt(this.inputPaddingYLarge, 10) || 0;\r\n const lineHeigh = parseInt(this.inputLineHeightLarge, 10) || 0;\r\n return `${2 * borderWidth + 2 * padding + lineHeigh}px`;\r\n }\r\n public static inputWidth = '200px';\r\n public static get inputBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get inputOutlineWidth() {\r\n return `calc(${this.controlOutlineWidth} - 1px)`;\r\n }\r\n public static get inputLineHeightSmall() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get inputLineHeightMedium() {\r\n return this.controlLineHeightMedium;\r\n }\r\n public static get inputLineHeightLarge() {\r\n return this.controlLineHeightLarge;\r\n }\r\n public static get inputFontSizeSmall() {\r\n return this.fontSizeSmall;\r\n }\r\n public static get inputFontSizeMedium() {\r\n return this.fontSizeMedium;\r\n }\r\n public static get inputFontSizeLarge() {\r\n return this.fontSizeLarge;\r\n }\r\n public static inputPaddingXSmall = '7px';\r\n public static inputPaddingXMedium = '11px';\r\n public static inputPaddingXLarge = '15px';\r\n public static get inputPaddingYSmall() {\r\n return this.controlPaddingYSmall;\r\n }\r\n public static get inputPaddingYMedium() {\r\n return this.controlPaddingYMedium;\r\n }\r\n public static get inputPaddingYLarge() {\r\n return this.controlPaddingYLarge;\r\n }\r\n public static inputBorderRadiusSmall = '0px';\r\n public static inputBorderRadiusMedium = '0px';\r\n public static inputBorderRadiusLarge = '0px';\r\n public static inputIconGapSmall = '4px';\r\n public static inputIconGapMedium = '8px';\r\n public static inputIconGapLarge = '12px';\r\n public static inputIconSizeSmall = '16px';\r\n public static inputIconSizeMedium = '18px';\r\n public static inputIconSizeLarge = '20px';\r\n //#endregion\r\n //#region Select\r\n public static selectWidth = '200px';\r\n public static get selectBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get selectOutlineWidth() {\r\n return this.controlOutlineWidth;\r\n }\r\n public static get selectLineHeightSmall() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get selectLineHeightMedium() {\r\n return this.controlLineHeightMedium;\r\n }\r\n public static get selectLineHeightLarge() {\r\n return this.controlLineHeightLarge;\r\n }\r\n public static get selectFontSizeSmall() {\r\n return this.fontSizeSmall;\r\n }\r\n public static get selectFontSizeMedium() {\r\n return this.fontSizeMedium;\r\n }\r\n public static get selectFontSizeLarge() {\r\n return this.fontSizeLarge;\r\n }\r\n public static selectPaddingXSmall = '7px';\r\n public static selectPaddingXMedium = '11px';\r\n public static selectPaddingXLarge = '15px';\r\n public static get selectPaddingYSmall() {\r\n return this.controlPaddingYSmall;\r\n }\r\n public static get selectPaddingYMedium() {\r\n return this.controlPaddingYMedium;\r\n }\r\n public static get selectPaddingYLarge() {\r\n return this.controlPaddingYLarge;\r\n }\r\n public static get selectBorderRadiusSmall() {\r\n return this.btnBorderRadiusSmall;\r\n }\r\n public static get selectBorderRadiusMedium() {\r\n return this.btnBorderRadiusMedium;\r\n }\r\n public static get selectBorderRadiusLarge() {\r\n return this.btnBorderRadiusLarge;\r\n }\r\n public static selectIconGapSmall = '4px';\r\n public static selectIconGapMedium = '8px';\r\n public static selectIconGapLarge = '12px';\r\n //#endregion\r\n //#region Checkbox\r\n public static get checkboxLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get checkboxFontSize() {\r\n return this.fontSizeSmall;\r\n }\r\n public static checkboxLabelGap = '8px';\r\n public static get checkboxPaddingY() {\r\n const controlHeight = parseInt(this.controlHeightSmall, 10) || 0;\r\n const lineHeight = parseInt(this.checkboxLineHeight, 10) || 0;\r\n\r\n return `${(controlHeight - lineHeight) / 2}px`;\r\n }\r\n public static checkboxBorderRadius = '1px';\r\n public static get checkboxBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get checkboxOutlineWidth() {\r\n return this.controlOutlineWidth;\r\n }\r\n public static checkboxBorder = 'none';\r\n public static get checkboxBorderWidthCompensation() {\r\n return this.checkboxBorderWidth;\r\n }\r\n\r\n //#endregion\r\n //#region Tab\r\n public static tabPaddingX = '12px';\r\n public static get tabsMarginX() {\r\n return this.tabPaddingX;\r\n }\r\n public static get tabPaddingY() {\r\n const paddingY = parseInt(this.controlPaddingYLarge, 10) || 0;\r\n const borderWidth = parseInt(this.controlBorderWidth, 10) || 0;\r\n\r\n return `${paddingY + borderWidth}px`;\r\n }\r\n public static get tabFontSize() {\r\n return this.fontSizeLarge;\r\n }\r\n public static get tabLineHeight() {\r\n return this.controlLineHeightLarge;\r\n }\r\n public static tabBorderWidth = '2px';\r\n public static get tabOutlineWidth() {\r\n return this.controlOutlineWidth;\r\n }\r\n //#endregion\r\n //#region Toggle\r\n public static toggleWidth = '32px';\r\n public static toggleHeight = '20px';\r\n public static get toggleBorderRadius() {\r\n return `calc(${this.toggleHeight} * 0.5)`;\r\n }\r\n public static get toggleBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get toggleOutlineWidth() {\r\n return `calc(${this.controlOutlineWidth} + 1px)`;\r\n }\r\n //#endregion\r\n //#region Token\r\n public static get tokenLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get tokenFontSize() {\r\n return this.fontSizeSmall;\r\n }\r\n public static tokenMarginY = '2px';\r\n public static tokenMarginX = '4px';\r\n public static tokenPaddingY = '1px';\r\n public static tokenPaddingX = '3px';\r\n public static tokenBorderRadius = '1px';\r\n public static tokenRemoveIconSize = '8px';\r\n public static tokenRemoveIconPaddingY = '4px';\r\n public static tokenRemoveIconPaddingX = '4px';\r\n public static tokenRemoveIconGap = '4px';\r\n public static tokenRemoveIconBoxSizing = 'content-box';\r\n public static tokenBorderColorDisabled = '#dadada';\r\n public static tokenDisabledBg = '#e5e5e5';\r\n public static tokenLegacyTextShift = '0px';\r\n public static get tokenPaddingYDisabled() {\r\n return this.tokenPaddingY;\r\n }\r\n public static get tokenPaddingXDisabled() {\r\n return this.tokenPaddingX;\r\n }\r\n public static get tokenMarginYDisabled() {\r\n return this.tokenMarginY;\r\n }\r\n public static get tokenMarginXDisabled() {\r\n return this.tokenMarginX;\r\n }\r\n public static get tokenShadowDisabled() {\r\n return `0 0 0 ${this.tokenBorderWidth} ${this.tokenBorderColorDisabled}`;\r\n }\r\n //#endregion\r\n //#region TokenInput\r\n public static tokenInputLineHeight = '22px';\r\n //#endregion\r\n //#region Spinner\r\n\r\n public static get spinnerFontSizeSmall() {\r\n return this.fontSizeSmall;\r\n }\r\n public static get spinnerFontSizeMedium() {\r\n return this.fontSizeMedium;\r\n }\r\n public static get spinnerFontSizeLarge() {\r\n return this.fontSizeLarge;\r\n }\r\n public static get spinnerLineHeightSmall() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get spinnerLineHeightMedium() {\r\n return this.controlLineHeightMedium;\r\n }\r\n public static get spinnerLineHeightLarge() {\r\n return this.controlLineHeightLarge;\r\n }\r\n public static spinnerCaptionGapSmall = '6px';\r\n public static spinnerCaptionGapMedium = '-4px';\r\n public static spinnerCaptionGapLarge = '-3px';\r\n //#endregion\r\n //#region SpinnerOld\r\n public static get spinnerOldFontSizeSmall() {\r\n return this.spinnerFontSizeSmall;\r\n }\r\n public static get spinnerOldFontSizeMedium() {\r\n return this.spinnerFontSizeMedium;\r\n }\r\n public static get spinnerOldFontSizeLarge() {\r\n return this.spinnerFontSizeLarge;\r\n }\r\n public static get spinnerOldLineHeightSmall() {\r\n return this.spinnerLineHeightSmall;\r\n }\r\n public static get spinnerOldLineHeightMedium() {\r\n return this.spinnerLineHeightMedium;\r\n }\r\n public static get spinnerOldLineHeightLarge() {\r\n return this.spinnerLineHeightLarge;\r\n }\r\n public static spinnerOldCaptionGapSmall = '6px';\r\n public static spinnerOldCaptionGapMedium = '-3px';\r\n public static spinnerOldCaptionGapLarge = '2px';\r\n //#endregion\r\n //#region Link\r\n public static linkIconMarginRight = '4px';\r\n public static linkButtonLineHeight = '34px';\r\n public static linkButtonPaddingX = '10px';\r\n //#endregion\r\n //#region Textarea\r\n public static textareaWidth = '250px';\r\n public static get textareaBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get textareaOutlineWidth() {\r\n return `calc(${this.controlOutlineWidth} - 1px)`;\r\n }\r\n public static get textareaFontSize() {\r\n return this.fontSizeSmall;\r\n }\r\n public static textareaBorderRadius = '0px';\r\n public static textareaPaddingX = '7px';\r\n public static get textareaPaddingY() {\r\n return this.controlPaddingYSmall;\r\n }\r\n public static get textareaLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n //#endregion\r\n //#region Radio\r\n public static get radioLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static get radioFontSize() {\r\n return this.fontSizeSmall;\r\n }\r\n public static radioLabelGap = '8px';\r\n public static get radioPaddingY() {\r\n const controlHeight = parseInt(this.controlHeightSmall, 10) || 0;\r\n const lineHeight = parseInt(this.radioLineHeight, 10) || 0;\r\n\r\n return `${(controlHeight - lineHeight) / 2}px`;\r\n }\r\n public static radioSize = '16px';\r\n public static get radioBorderWidth() {\r\n return this.controlBorderWidth;\r\n }\r\n public static get radioOutlineWidth() {\r\n return this.controlOutlineWidth;\r\n }\r\n public static radioBulletSize = '8px';\r\n public static get radioBorderWidthCompensation() {\r\n return this.radioBoxShadow !== 'none' ? this.radioBorderWidth : '0px';\r\n }\r\n public static get radioSizeAfter() {\r\n const borderCompensation =\r\n this.radioBoxShadow === 'none' ? this.radioBorderWidth : this.radioBorderWidthCompensation;\r\n return `calc(${this.radioSize} + 2 * ${this.radioOutlineWidth} - 2 * ${borderCompensation})`;\r\n }\r\n public static radioVerticalAlign = 'top';\r\n //#region RadioGroup\r\n public static radioGroupLegacyItemGap = '0px';\r\n //#endregion\r\n //#region Paging\r\n public static get pagingFontSize() {\r\n return this.fontSizeMedium;\r\n }\r\n public static pagingPageLinkLegacyPaddingY = '0';\r\n public static pagingPageForwardLinkMarginTop = '0.35em';\r\n public static pagingLineHeight = '1.375em';\r\n public static pagingPageLinkPaddingX = '0.625em';\r\n public static pagingPageLinkPaddingY = '0.3125em';\r\n public static pagingPageLinkMinWidth = '0.75em';\r\n public static pagingPageLinkHintFontSize = '12px';\r\n public static pagingPageLinkHintLineHeight = '16px';\r\n public static pagingPageLinkBorderRadius = '50%';\r\n public static pagingPageLinkMargin = '0px 1px';\r\n public static get pagingForwardIconSize() {\r\n return this.pagingFontSize;\r\n }\r\n public static pagingForwardIconMarginTop = '1px';\r\n public static pagingPageForwardLinkPaddingRight = '1.375em';\r\n public static pagingDotsPadding = '0.375em 0.625em 0';\r\n //#endregion\r\n //#region Switcher\r\n public static get switcherOutlineWidth() {\r\n return this.btnOutlineWidth;\r\n }\r\n public static get switcherLabelFontSizeSmall() {\r\n return this.btnFontSizeSmall;\r\n }\r\n public static get switcherLabelFontSizeMedium() {\r\n return this.btnFontSizeMedium;\r\n }\r\n public static get switcherLabelFontSizeLarge() {\r\n return this.btnFontSizeLarge;\r\n }\r\n public static get switcherLabelLineHeightSmall() {\r\n return this.btnLineHeightSmall;\r\n }\r\n public static get switcherLabelLineHeightMedium() {\r\n return this.btnLineHeightMedium;\r\n }\r\n public static get switcherLabelLineHeightLarge() {\r\n return this.btnLineHeightLarge;\r\n }\r\n public static get switcherLabelGapSmall() {\r\n return this.btnPaddingXSmall;\r\n }\r\n public static get switcherLabelGapMedium() {\r\n return this.btnPaddingXMedium;\r\n }\r\n public static get switcherLabelGapLarge() {\r\n return this.btnPaddingXLarge;\r\n }\r\n public static switcherButtonPaddingXSmall = '7px';\r\n public static switcherButtonPaddingXMedium = '11px';\r\n public static switcherButtonPaddingXLarge = '15px';\r\n //#endregion\r\n //#region Calendar\r\n public static calendarCellSize = '32px';\r\n public static calendarPaddingX = '18px';\r\n public static calendarMonthTitleMarginBottom = '6px';\r\n public static calendarMonthTitleLineHeight = '20px';\r\n public static calendarMonthTitlePaddingTop = '12px';\r\n public static calendarMonthTitlePaddingBottom = '8px';\r\n public static calendarMonthTitleMarginX = '6px';\r\n public static calendarMonthMarginBottom = '6px';\r\n //#endregion\r\n //#region DatePicker\r\n public static dateSelectLineHeight = '20px';\r\n public static pickerTodayWrapperLineHeight = '20px';\r\n public static pickerTodayWrapperPaddingTop = '6px';\r\n public static pickerTodayWrapperPaddingBottom = '6px';\r\n public static pickerShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';\r\n\r\n //#endregion\r\n //#region SidePage\r\n public static sidePageFooterPanelBg = '#e9e9e9';\r\n public static sidePagePaddingLeft = '32px';\r\n public static sidePagePaddingRight = '36px';\r\n public static sidePagePaddingTop = '24px';\r\n public static sidePagePaddingBottom = '40px';\r\n public static get sidePageBgDefault() {\r\n return this.bgDefault;\r\n }\r\n public static get sidePageBorderColor() {\r\n return this.borderColorGrayLight;\r\n }\r\n\r\n public static sidePageHeaderFontSize = '24px';\r\n public static sidePageHeaderLineHeight = '32px';\r\n public static sidePageHeaderPaddingBottom = '16px';\r\n public static sidePageHeaderPaddingTop = '24px';\r\n public static sidePageHeaderFixedFontSize = '18px';\r\n public static sidePageHeaderFixedLineHeight = '28px';\r\n public static sidePageHeaderFixedPaddingY = '10px';\r\n public static sidePageHeaderStickyOffset = '7px';\r\n public static sidePageFooterPanelPaddingBottom = '20px';\r\n public static sidePageFooterPaddingTop = '24px';\r\n public static sidePageFooterPaddingBottom = '32px';\r\n public static sidePageCloseButtonPadding = '36px';\r\n public static sidePageCloseButtonLegacyPaddingLeft = '36px';\r\n public static sidePageCloseButtonClickArea = '10px';\r\n //#endregion\r\n //#region Tooltip\r\n public static tooltipPaddingY = '16px';\r\n public static tooltipPaddingX = '16px';\r\n public static tooltipMargin = '16px';\r\n public static tooltipPinOffset = '0px'; // deprecated\r\n public static tooltipPinOffsetX = '16px';\r\n public static tooltipPinOffsetY = '18px';\r\n //#endregion\r\n //#region Hint\r\n public static hintBorder = 'none';\r\n public static hintBorderRadius = '2px';\r\n public static hintMargin = '16px';\r\n //#endregion\r\n //#region Modal\r\n public static modalCloseButtonPadding = '36px';\r\n public static modalCloseIconSize = '12px';\r\n\r\n public static modalCloseLegacyGap = '0px';\r\n public static modalCloseWrapperLegacyGap = '0px';\r\n public static modalCloseButtonLegacyShift = '0px';\r\n public static modalPaddingTop = '24px';\r\n\r\n public static modalPaddingLeft = '32px';\r\n public static modalPaddingRight = '36px';\r\n public static modalHeaderFontSize = '24px';\r\n public static modalHeaderLineHeight = '32px';\r\n public static modalHeaderPaddingBottom = '16px';\r\n public static get modalFixedHeaderPaddingBottom() {\r\n return `${Math.round(parseInt(this.modalHeaderPaddingBottom) / 2)}px`;\r\n }\r\n public static modalBodyPaddingBottom = '24px';\r\n public static modalFooterPaddingBottom = '32px';\r\n public static modalPaddingBottom = '40px';\r\n //#endregion\r\n //#region Toast\r\n public static get toastFontSize() {\r\n return this.fontSizeSmall;\r\n }\r\n public static get toastLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static toastPaddingY = '10px';\r\n public static toastPaddingX = '16px';\r\n public static toastTop = '24px';\r\n public static toastClosePadding = '16px';\r\n //#endregion\r\n //#region Menu\r\n public static get menuItemLineHeight() {\r\n return this.controlLineHeightSmall;\r\n }\r\n public static menuItemPaddingY = '6px';\r\n public static menuItemIconLegacyMargin = '0px';\r\n public static menuItemIconLegacyShift = '0px';\r\n public static menuItemLegacyPaddingX = '0px';\r\n public static menuItemLegacyPaddingY = '0px';\r\n public static menuItemIconGap = '4px';\r\n public static menuHeaderLineHeight = '16px';\r\n public static menuHeaderPaddingX = '8px';\r\n public static menuPaddingY = '4px';\r\n public static menuHeaderPaddingTop = '12px';\r\n public static menuHeaderPaddingBottom = '4px';\r\n public static menuHeaderLegacyPaddingRight = '0px';\r\n public static menuSeparatorMarginY = '2px';\r\n public static menuSeparatorBorderWidth = '1px';\r\n public static menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';\r\n public static menuBorder = 'none';\r\n\r\n //#endregion\r\n //#region TooltipMenu\r\n public static get tooltipMenuPinOffset() {\r\n return this.popupPinOffset;\r\n }\r\n //#endregion\r\n //#region Kebab\r\n public static get kebabPinOffset() {\r\n return this.popupPinOffset;\r\n }\r\n public static kebabMargin = '4px';\r\n //#endregion\r\n //#region Popup\r\n public static popupDropShadow = 'drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16))';\r\n public static popupBoxShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';\r\n //#endregion\r\n}\r\n\r\nexport const Theme8pxInternal = exposeGetters(Theme8px);\r\n"]}
package/cjs/lib/Upgrades.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  export declare const Upgrade: {
2
2
  getSpecificityLevel(): number;
3
3
  setSpecificityLevel(level: number): void;
4
+ getSpecificityClassName(): string;
5
+ setSpecificityClassName(className: string): void;
4
6
  };
package/cjs/lib/Upgrades.js CHANGED
@@ -3,6 +3,9 @@
3
3
  var specificityLevel = 0;
4
4
  var canModifySpecificityLevel = true;
5
5
 
6
+ var specificityClassName = 'react-ui';
7
+ var canModifySpecificityClassName = true;
8
+
6
9
  var Upgrade = {
7
10
  getSpecificityLevel: function getSpecificityLevel() {
8
11
  canModifySpecificityLevel = false;
@@ -14,4 +17,15 @@ var Upgrade = {
14
17
  } else {
15
18
  (0, _warning.default)(false, "specificityLevel=" + specificityLevel + " \u0443\u0436\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D");
16
19
  }
20
+ },
21
+ getSpecificityClassName: function getSpecificityClassName() {
22
+ canModifySpecificityClassName = false;
23
+ return specificityClassName;
24
+ },
25
+ setSpecificityClassName: function setSpecificityClassName(className) {
26
+ if (canModifySpecificityClassName) {
27
+ specificityClassName = className;
28
+ } else {
29
+ (0, _warning.default)(false, "specificityClassName=" + specificityClassName + " \u0443\u0436\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D");
30
+ }
17
31
  } };exports.Upgrade = Upgrade;
package/cjs/lib/Upgrades.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Upgrades.ts"],"names":["specificityLevel","canModifySpecificityLevel","Upgrade","getSpecificityLevel","setSpecificityLevel","level"],"mappings":"qJAAA;;AAEA,IAAIA,gBAAgB,GAAG,CAAvB;AACA,IAAIC,yBAAyB,GAAG,IAAhC;;AAEO,IAAMC,OAAO,GAAG;AACrBC,EAAAA,mBADqB,iCACC;AACpBF,IAAAA,yBAAyB,GAAG,KAA5B;AACA,WAAOD,gBAAP;AACD,GAJoB;AAKrBI,EAAAA,mBALqB,+BAKDC,KALC,EAKc;AACjC,QAAIJ,yBAAJ,EAA+B;AAC7BD,MAAAA,gBAAgB,GAAGK,KAAnB;AACD,KAFD,MAEO;AACL,4BAAQ,KAAR,wBAAmCL,gBAAnC;AACD;AACF,GAXoB,EAAhB,C","sourcesContent":["import warning from 'warning';\r\n\r\nlet specificityLevel = 0;\r\nlet canModifySpecificityLevel = true;\r\n\r\nexport const Upgrade = {\r\n getSpecificityLevel() {\r\n canModifySpecificityLevel = false;\r\n return specificityLevel;\r\n },\r\n setSpecificityLevel(level: number) {\r\n if (canModifySpecificityLevel) {\r\n specificityLevel = level;\r\n } else {\r\n warning(false, `specificityLevel=${specificityLevel} уже использован`);\r\n }\r\n },\r\n};\r\n"]}
1
+ {"version":3,"sources":["Upgrades.ts"],"names":["specificityLevel","canModifySpecificityLevel","specificityClassName","canModifySpecificityClassName","Upgrade","getSpecificityLevel","setSpecificityLevel","level","getSpecificityClassName","setSpecificityClassName","className"],"mappings":"qJAAA;;AAEA,IAAIA,gBAAgB,GAAG,CAAvB;AACA,IAAIC,yBAAyB,GAAG,IAAhC;;AAEA,IAAIC,oBAAoB,GAAG,UAA3B;AACA,IAAIC,6BAA6B,GAAG,IAApC;;AAEO,IAAMC,OAAO,GAAG;AACrBC,EAAAA,mBADqB,iCACC;AACpBJ,IAAAA,yBAAyB,GAAG,KAA5B;AACA,WAAOD,gBAAP;AACD,GAJoB;AAKrBM,EAAAA,mBALqB,+BAKDC,KALC,EAKc;AACjC,QAAIN,yBAAJ,EAA+B;AAC7BD,MAAAA,gBAAgB,GAAGO,KAAnB;AACD,KAFD,MAEO;AACL,4BAAQ,KAAR,wBAAmCP,gBAAnC;AACD;AACF,GAXoB;AAYrBQ,EAAAA,uBAZqB,qCAYK;AACxBL,IAAAA,6BAA6B,GAAG,KAAhC;AACA,WAAOD,oBAAP;AACD,GAfoB;AAgBrBO,EAAAA,uBAhBqB,mCAgBGC,SAhBH,EAgBsB;AACzC,QAAIP,6BAAJ,EAAmC;AACjCD,MAAAA,oBAAoB,GAAGQ,SAAvB;AACD,KAFD,MAEO;AACL,4BAAQ,KAAR,4BAAuCR,oBAAvC;AACD;AACF,GAtBoB,EAAhB,C","sourcesContent":["import warning from 'warning';\r\n\r\nlet specificityLevel = 0;\r\nlet canModifySpecificityLevel = true;\r\n\r\nlet specificityClassName = 'react-ui';\r\nlet canModifySpecificityClassName = true;\r\n\r\nexport const Upgrade = {\r\n getSpecificityLevel() {\r\n canModifySpecificityLevel = false;\r\n return specificityLevel;\r\n },\r\n setSpecificityLevel(level: number) {\r\n if (canModifySpecificityLevel) {\r\n specificityLevel = level;\r\n } else {\r\n warning(false, `specificityLevel=${specificityLevel} уже использован`);\r\n }\r\n },\r\n getSpecificityClassName() {\r\n canModifySpecificityClassName = false;\r\n return specificityClassName;\r\n },\r\n setSpecificityClassName(className: string) {\r\n if (canModifySpecificityClassName) {\r\n specificityClassName = className;\r\n } else {\r\n warning(false, `specificityClassName=${specificityClassName} уже использован`);\r\n }\r\n },\r\n};\r\n"]}
package/cjs/lib/theming/Emotion.js CHANGED
@@ -5,9 +5,9 @@ var _Upgrades = require("../Upgrades");
5
5
 
6
6
 
7
7
 
8
- var PREFIX = 'react-ui';
8
+ var REACT_UI_PREFIX = _Upgrades.Upgrade.getSpecificityClassName();
9
9
 
10
- var scope = new Array(_Upgrades.Upgrade.getSpecificityLevel()).fill("." + PREFIX).join('');var _createEmotion =
10
+ var scope = new Array(_Upgrades.Upgrade.getSpecificityLevel()).fill("." + REACT_UI_PREFIX).join('');var _createEmotion =
11
11
 
12
12
 
13
13
 
@@ -21,7 +21,7 @@ var scope = new Array(_Upgrades.Upgrade.getSpecificityLevel()).fill("." + PREFIX
21
21
 
22
22
 
23
23
  (0, _createEmotion2.default)({
24
- key: PREFIX,
24
+ key: REACT_UI_PREFIX,
25
25
  stylisPlugins: scope ? [(0, _stylisPluginExtraScope.default)(scope)] : undefined }),flush = _createEmotion.flush,hydrate = _createEmotion.hydrate,cx = _createEmotion.cx,merge = _createEmotion.merge,getRegisteredStyles = _createEmotion.getRegisteredStyles,injectGlobal = _createEmotion.injectGlobal,keyframes = _createEmotion.keyframes,css = _createEmotion.css,sheet = _createEmotion.sheet,cache = _createEmotion.cache;exports.cache = cache;exports.sheet = sheet;exports.css = css;exports.keyframes = keyframes;exports.injectGlobal = injectGlobal;exports.getRegisteredStyles = getRegisteredStyles;exports.merge = merge;exports.cx = cx;exports.hydrate = hydrate;exports.flush = flush;
26
26
 
27
27
 
package/cjs/lib/theming/Emotion.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Emotion.ts"],"names":["PREFIX","scope","Array","Upgrade","getSpecificityLevel","fill","join","key","stylisPlugins","undefined","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","cssName","className","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach"],"mappings":"kWAAA;AACA;;AAEA;;;;AAIA,IAAMA,MAAM,GAAG,UAAf;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUC,kBAAQC,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDL,MAAlD,EAA4DM,IAA5D,CAAiE,EAAjE,CAAd,C;;;;;;;;;;;;;AAaI,6BAAc;AAChBC,EAAAA,GAAG,EAAEP,MADW;AAEhBQ,EAAAA,aAAa,EAAEP,KAAK,GAAG,CAAC,qCAAiBA,KAAjB,CAAD,CAAH,GAA+BQ,SAFnC,EAAd,C,CAVFC,K,kBAAAA,K,CACAC,O,kBAAAA,O,CACAC,E,kBAAAA,E,CACAC,K,kBAAAA,K,CACAC,mB,kBAAAA,mB,CACAC,Y,kBAAAA,Y,CACAC,S,kBAAAA,S,CACAC,G,kBAAAA,G,CACAC,K,kBAAAA,K,CACAC,K,kBAAAA,K;;;AAMK,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,SAAD,gBAAmCA,SAAnC,EAAhB,C;;AAEP,SAASC,UAAT,CAAwDC,EAAxD,EAAyF;AACvF,SAAOA,EAAE,CAACC,MAAH,IAAa,CAApB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAsBF,EAAtB,EAAuF;AACrG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMR,KAAK,GAAG,IAAIS,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACV,KAAK,CAACW,GAAN,CAAUD,GAAV,CAAL,EAAqBV,KAAK,CAACY,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACrB,WAAOV,KAAK,CAACa,GAAN,CAAUH,GAAV,CAAP;AACD,GAHD;AAID,CAlBD;;AAoBO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAAAhB,SAAS,UAAKa,MAAM,CAACb,SAAD,CAAN,GAA+BI,OAAO,CAACS,MAAM,CAACb,SAAD,CAAP,CAA3C,EAArC;AACA,SAAOa,MAAP;AACD,CALM,C","sourcesContent":["import createEmotion from 'create-emotion';\r\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\r\n\r\nimport { Upgrade } from '../Upgrades';\r\n\r\nimport { Theme } from './Theme';\r\n\r\nconst PREFIX = 'react-ui';\r\n\r\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${PREFIX}`).join('');\r\n\r\nexport const {\r\n flush,\r\n hydrate,\r\n cx,\r\n merge,\r\n getRegisteredStyles,\r\n injectGlobal,\r\n keyframes,\r\n css,\r\n sheet,\r\n cache,\r\n} = createEmotion({\r\n key: PREFIX,\r\n stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\r\n});\r\n\r\nexport const cssName = (className: string): string => `.${className}`;\r\n\r\nfunction isZeroArgs<R, T extends (...args: any[]) => R>(fn: T | Function): fn is () => R {\r\n return fn.length == 0;\r\n}\r\n\r\nconst memoize = <A extends object, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\r\n if (isZeroArgs(fn)) {\r\n let isCalled = false;\r\n let result: R;\r\n return () => {\r\n if (!isCalled) {\r\n isCalled = true;\r\n result = fn();\r\n }\r\n return result;\r\n };\r\n }\r\n\r\n const cache = new WeakMap();\r\n return (arg: A) => {\r\n if (!cache.has(arg)) cache.set(arg, fn(arg));\r\n return cache.get(arg);\r\n };\r\n};\r\n\r\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\r\n styles: S,\r\n): S => {\r\n Object.keys(styles).forEach(className => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\r\n return styles;\r\n};\r\n"]}
1
+ {"version":3,"sources":["Emotion.ts"],"names":["REACT_UI_PREFIX","Upgrade","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","key","stylisPlugins","undefined","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","cssName","className","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach"],"mappings":"kWAAA;AACA;;AAEA;;;;AAIA,IAAMA,eAAe,GAAGC,kBAAQC,uBAAR,EAAxB;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUH,kBAAQI,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDN,eAAlD,EAAqEO,IAArE,CAA0E,EAA1E,CAAd,C;;;;;;;;;;;;;AAaI,6BAAc;AAChBC,EAAAA,GAAG,EAAER,eADW;AAEhBS,EAAAA,aAAa,EAAEN,KAAK,GAAG,CAAC,qCAAiBA,KAAjB,CAAD,CAAH,GAA+BO,SAFnC,EAAd,C,CAVFC,K,kBAAAA,K,CACAC,O,kBAAAA,O,CACAC,E,kBAAAA,E,CACAC,K,kBAAAA,K,CACAC,mB,kBAAAA,mB,CACAC,Y,kBAAAA,Y,CACAC,S,kBAAAA,S,CACAC,G,kBAAAA,G,CACAC,K,kBAAAA,K,CACAC,K,kBAAAA,K;;;AAMK,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,SAAD,gBAAmCA,SAAnC,EAAhB,C;;AAEP,SAASC,UAAT,CAAwDC,EAAxD,EAAyF;AACvF,SAAOA,EAAE,CAACC,MAAH,IAAa,CAApB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAsBF,EAAtB,EAAuF;AACrG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMR,KAAK,GAAG,IAAIS,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACV,KAAK,CAACW,GAAN,CAAUD,GAAV,CAAL,EAAqBV,KAAK,CAACY,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACrB,WAAOV,KAAK,CAACa,GAAN,CAAUH,GAAV,CAAP;AACD,GAHD;AAID,CAlBD;;AAoBO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAAAhB,SAAS,UAAKa,MAAM,CAACb,SAAD,CAAN,GAA+BI,OAAO,CAACS,MAAM,CAACb,SAAD,CAAP,CAA3C,EAArC;AACA,SAAOa,MAAP;AACD,CALM,C","sourcesContent":["import createEmotion from 'create-emotion';\r\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\r\n\r\nimport { Upgrade } from '../Upgrades';\r\n\r\nimport { Theme } from './Theme';\r\n\r\nconst REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\r\n\r\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\r\n\r\nexport const {\r\n flush,\r\n hydrate,\r\n cx,\r\n merge,\r\n getRegisteredStyles,\r\n injectGlobal,\r\n keyframes,\r\n css,\r\n sheet,\r\n cache,\r\n} = createEmotion({\r\n key: REACT_UI_PREFIX,\r\n stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\r\n});\r\n\r\nexport const cssName = (className: string): string => `.${className}`;\r\n\r\nfunction isZeroArgs<R, T extends (...args: any[]) => R>(fn: T | Function): fn is () => R {\r\n return fn.length == 0;\r\n}\r\n\r\nconst memoize = <A extends object, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\r\n if (isZeroArgs(fn)) {\r\n let isCalled = false;\r\n let result: R;\r\n return () => {\r\n if (!isCalled) {\r\n isCalled = true;\r\n result = fn();\r\n }\r\n return result;\r\n };\r\n }\r\n\r\n const cache = new WeakMap();\r\n return (arg: A) => {\r\n if (!cache.has(arg)) cache.set(arg, fn(arg));\r\n return cache.get(arg);\r\n };\r\n};\r\n\r\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\r\n styles: S,\r\n): S => {\r\n Object.keys(styles).forEach(className => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\r\n return styles;\r\n};\r\n"]}
package/cjs/lib/theming/ThemeFactory.js CHANGED
@@ -39,11 +39,5 @@ ThemeFactory = /*#__PURE__*/function () {function ThemeFactory() {}ThemeFactory.
39
39
  Object.defineProperty(newTheme, propName, descriptor);
40
40
  });
41
41
 
42
- if ((0, _ThemeHelpers.is8pxTheme)(theme)) {
43
- // 8px key isn't enumerable
44
- // so replicate it manually
45
- (0, _ThemeHelpers.markAs8pxTheme)(newTheme);
46
- }
47
-
48
42
  return Object.freeze(newTheme);
49
43
  };return ThemeFactory;}();exports.ThemeFactory = ThemeFactory;
package/cjs/lib/theming/ThemeFactory.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["ThemeFactory.ts"],"names":["ThemeFactory","create","theme","baseTheme","DefaultThemeInternal","constructTheme","isFullTheme","overrideDefaultTheme","Object","keys","forEach","variableName","descriptor","getOwnPropertyDescriptor","defineProperty","getKeys","key","includes","push","getPrototypeOf","sort","base","newTheme","propName","freeze"],"mappings":"qEAAA;;;AAGA,8C;;AAEaA,Y;AACGC,EAAAA,M,GAAd,gBAAmCC,KAAnC,EAAuDC,SAAvD,EAAqH,KAA9DA,SAA8D,cAA9DA,SAA8D,GAA3CC,kCAA2C;AACnH,WAAO,KAAKC,cAAL,CAAoBF,SAApB,EAA+BD,KAA/B,CAAP;AACD,G;;AAEaI,EAAAA,W,GAAd,qBAA0BJ,KAA1B,EAAkE;AAChE,WAAO,+BAAYA,KAAZ,CAAP;AACD,G;;AAEaK,EAAAA,oB,GAAd,8BAAmCL,KAAnC,EAAmD;AACjDM,IAAAA,MAAM,CAACC,IAAP,CAAYP,KAAZ,EAAmBQ,OAAnB,CAA2B,UAAAC,YAAY,EAAI;AACzC,UAAMC,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCX,KAAhC,EAAuCS,YAAvC,CAAnB;AACAH,MAAAA,MAAM,CAACM,cAAP,CAAsBV,kCAAtB,EAA4CO,YAA5C,EAA0DC,UAA1D;AACD,KAHD;AAID,G;;AAEaG,EAAAA,O,GAAd,iBAAuCb,KAAvC,EAAiD;AAC/C,QAAMO,IAAoB,GAAG,EAA7B;AACA,WAAOP,KAAK,IAAI,IAAhB,EAAsB;AACnBM,MAAAA,MAAM,CAACC,IAAP,CAAYP,KAAZ,CAAD,CAAuCQ,OAAvC,CAA+C,UAAAM,GAAG,EAAI;AACpD,YAAI,CAACP,IAAI,CAACQ,QAAL,CAAcD,GAAd,CAAL,EAAyB;AACvBP,UAAAA,IAAI,CAACS,IAAL,CAAUF,GAAV;AACD;AACF,OAJD;AAKAd,MAAAA,KAAK,GAAGM,MAAM,CAACW,cAAP,CAAsBjB,KAAtB,CAAR;AACD;AACD,WAAOO,IAAI,CAACW,IAAL,EAAP;AACD,G;;AAEcf,EAAAA,c,GAAf,wBAA8BgB,IAA9B,EAA2CnB,KAA3C,EAA2D;AACzD,QAAMoB,QAAQ,GAAGd,MAAM,CAACP,MAAP,CAAcoB,IAAd,CAAjB;AACAb,IAAAA,MAAM,CAACC,IAAP,CAAYP,KAAZ,EAAmBQ,OAAnB,CAA2B,UAAAa,QAAQ,EAAI;AACrC,UAAMX,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCX,KAAhC,EAAuCqB,QAAvC,CAAnB;AACAf,MAAAA,MAAM,CAACM,cAAP,CAAsBQ,QAAtB,EAAgCC,QAAhC,EAA0CX,UAA1C;AACD,KAHD;;AAKA,QAAI,8BAAWV,KAAX,CAAJ,EAAuB;AACrB;AACA;AACA,wCAAeoB,QAAf;AACD;;AAED,WAAOd,MAAM,CAACgB,MAAP,CAAcF,QAAd,CAAP;AACD,G","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\r\n\r\nimport { Theme, ThemeIn } from './Theme';\r\nimport { isFullTheme, is8pxTheme, markAs8pxTheme } from './ThemeHelpers';\r\n\r\nexport class ThemeFactory {\r\n public static create<T extends {}>(theme: ThemeIn & T, baseTheme: Theme = DefaultThemeInternal): Readonly<Theme & T> {\r\n return this.constructTheme(baseTheme, theme);\r\n }\r\n\r\n public static isFullTheme(theme: ThemeIn | Theme): theme is Theme {\r\n return isFullTheme(theme);\r\n }\r\n\r\n public static overrideDefaultTheme(theme: ThemeIn) {\r\n Object.keys(theme).forEach(variableName => {\r\n const descriptor = Object.getOwnPropertyDescriptor(theme, variableName)!;\r\n Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\r\n });\r\n }\r\n\r\n public static getKeys<T extends Theme>(theme: T) {\r\n const keys: Array<keyof T> = [];\r\n while (theme != null) {\r\n (Object.keys(theme) as Array<keyof T>).forEach(key => {\r\n if (!keys.includes(key)) {\r\n keys.push(key);\r\n }\r\n });\r\n theme = Object.getPrototypeOf(theme);\r\n }\r\n return keys.sort();\r\n }\r\n\r\n private static constructTheme(base: Theme, theme: ThemeIn) {\r\n const newTheme = Object.create(base);\r\n Object.keys(theme).forEach(propName => {\r\n const descriptor = Object.getOwnPropertyDescriptor(theme, propName)!;\r\n Object.defineProperty(newTheme, propName, descriptor);\r\n });\r\n\r\n if (is8pxTheme(theme)) {\r\n // 8px key isn't enumerable\r\n // so replicate it manually\r\n markAs8pxTheme(newTheme);\r\n }\r\n\r\n return Object.freeze(newTheme);\r\n }\r\n}\r\n"]}
1
+ {"version":3,"sources":["ThemeFactory.ts"],"names":["ThemeFactory","create","theme","baseTheme","DefaultThemeInternal","constructTheme","isFullTheme","overrideDefaultTheme","Object","keys","forEach","variableName","descriptor","getOwnPropertyDescriptor","defineProperty","getKeys","key","includes","push","getPrototypeOf","sort","base","newTheme","propName","freeze"],"mappings":"qEAAA;;;AAGA,8C;;AAEaA,Y;AACGC,EAAAA,M,GAAd,gBAAmCC,KAAnC,EAAuDC,SAAvD,EAAqH,KAA9DA,SAA8D,cAA9DA,SAA8D,GAA3CC,kCAA2C;AACnH,WAAO,KAAKC,cAAL,CAAoBF,SAApB,EAA+BD,KAA/B,CAAP;AACD,G;;AAEaI,EAAAA,W,GAAd,qBAA0BJ,KAA1B,EAAkE;AAChE,WAAO,+BAAYA,KAAZ,CAAP;AACD,G;;AAEaK,EAAAA,oB,GAAd,8BAAmCL,KAAnC,EAAmD;AACjDM,IAAAA,MAAM,CAACC,IAAP,CAAYP,KAAZ,EAAmBQ,OAAnB,CAA2B,UAAAC,YAAY,EAAI;AACzC,UAAMC,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCX,KAAhC,EAAuCS,YAAvC,CAAnB;AACAH,MAAAA,MAAM,CAACM,cAAP,CAAsBV,kCAAtB,EAA4CO,YAA5C,EAA0DC,UAA1D;AACD,KAHD;AAID,G;;AAEaG,EAAAA,O,GAAd,iBAAuCb,KAAvC,EAAiD;AAC/C,QAAMO,IAAoB,GAAG,EAA7B;AACA,WAAOP,KAAK,IAAI,IAAhB,EAAsB;AACnBM,MAAAA,MAAM,CAACC,IAAP,CAAYP,KAAZ,CAAD,CAAuCQ,OAAvC,CAA+C,UAAAM,GAAG,EAAI;AACpD,YAAI,CAACP,IAAI,CAACQ,QAAL,CAAcD,GAAd,CAAL,EAAyB;AACvBP,UAAAA,IAAI,CAACS,IAAL,CAAUF,GAAV;AACD;AACF,OAJD;AAKAd,MAAAA,KAAK,GAAGM,MAAM,CAACW,cAAP,CAAsBjB,KAAtB,CAAR;AACD;AACD,WAAOO,IAAI,CAACW,IAAL,EAAP;AACD,G;;AAEcf,EAAAA,c,GAAf,wBAA8BgB,IAA9B,EAA2CnB,KAA3C,EAA2D;AACzD,QAAMoB,QAAQ,GAAGd,MAAM,CAACP,MAAP,CAAcoB,IAAd,CAAjB;AACAb,IAAAA,MAAM,CAACC,IAAP,CAAYP,KAAZ,EAAmBQ,OAAnB,CAA2B,UAAAa,QAAQ,EAAI;AACrC,UAAMX,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCX,KAAhC,EAAuCqB,QAAvC,CAAnB;AACAf,MAAAA,MAAM,CAACM,cAAP,CAAsBQ,QAAtB,EAAgCC,QAAhC,EAA0CX,UAA1C;AACD,KAHD;;AAKA,WAAOJ,MAAM,CAACgB,MAAP,CAAcF,QAAd,CAAP;AACD,G","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\r\n\r\nimport { Theme, ThemeIn } from './Theme';\r\nimport { isFullTheme } from './ThemeHelpers';\r\n\r\nexport class ThemeFactory {\r\n public static create<T extends {}>(theme: ThemeIn & T, baseTheme: Theme = DefaultThemeInternal): Readonly<Theme & T> {\r\n return this.constructTheme(baseTheme, theme);\r\n }\r\n\r\n public static isFullTheme(theme: ThemeIn | Theme): theme is Theme {\r\n return isFullTheme(theme);\r\n }\r\n\r\n public static overrideDefaultTheme(theme: ThemeIn) {\r\n Object.keys(theme).forEach(variableName => {\r\n const descriptor = Object.getOwnPropertyDescriptor(theme, variableName)!;\r\n Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\r\n });\r\n }\r\n\r\n public static getKeys<T extends Theme>(theme: T) {\r\n const keys: Array<keyof T> = [];\r\n while (theme != null) {\r\n (Object.keys(theme) as Array<keyof T>).forEach(key => {\r\n if (!keys.includes(key)) {\r\n keys.push(key);\r\n }\r\n });\r\n theme = Object.getPrototypeOf(theme);\r\n }\r\n return keys.sort();\r\n }\r\n\r\n private static constructTheme(base: Theme, theme: ThemeIn) {\r\n const newTheme = Object.create(base);\r\n Object.keys(theme).forEach(propName => {\r\n const descriptor = Object.getOwnPropertyDescriptor(theme, propName)!;\r\n Object.defineProperty(newTheme, propName, descriptor);\r\n });\r\n\r\n return Object.freeze(newTheme);\r\n }\r\n}\r\n"]}
package/cjs/lib/theming/ThemeHelpers.d.ts CHANGED
@@ -1,7 +1,10 @@
1
1
  export declare const exposeGetters: <T extends object>(theme: T) => T;
2
2
  export declare const REACT_UI_FULL_THEME_KEY = "__IS_REACT_UI_THEME__";
3
3
  export declare const REACT_UI_8PX_THEME_KEY = "__IS_REACT_UI_8PX_THEME__";
4
+ export declare const REACT_UI_FLAT_THEME_KEY = "__IS_REACT_UI_FLAT_THEME__";
4
5
  export declare const isFullTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Partial<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>) => boolean;
5
6
  export declare const markAsFullTheme: <T extends object>(theme: T) => T;
6
7
  export declare const is8pxTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Partial<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>) => boolean;
7
8
  export declare const markAs8pxTheme: <T extends object>(theme: T) => T;
9
+ export declare const isFlatTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Partial<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>) => boolean;
10
+ export declare const markAsFlatTheme: <T extends object>(theme: T) => T;
package/cjs/lib/theming/ThemeHelpers.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";exports.__esModule = true;exports.markAs8pxTheme = exports.is8pxTheme = exports.markAsFullTheme = exports.isFullTheme = exports.REACT_UI_8PX_THEME_KEY = exports.REACT_UI_FULL_THEME_KEY = exports.exposeGetters = void 0;
1
+ "use strict";exports.__esModule = true;exports.markAsFlatTheme = exports.isFlatTheme = exports.markAs8pxTheme = exports.is8pxTheme = exports.markAsFullTheme = exports.isFullTheme = exports.REACT_UI_FLAT_THEME_KEY = exports.REACT_UI_8PX_THEME_KEY = exports.REACT_UI_FULL_THEME_KEY = exports.exposeGetters = void 0;
2
2
 
3
3
  var exposeGetters = function exposeGetters(theme) {
4
4
  var descriptors = Object.getOwnPropertyDescriptors(theme);
@@ -16,19 +16,22 @@ var REACT_UI_FULL_THEME_KEY = '__IS_REACT_UI_THEME__';exports.REACT_UI_FULL_THEM
16
16
 
17
17
  var REACT_UI_8PX_THEME_KEY = '__IS_REACT_UI_8PX_THEME__';exports.REACT_UI_8PX_THEME_KEY = REACT_UI_8PX_THEME_KEY;
18
18
 
19
+ var REACT_UI_FLAT_THEME_KEY = '__IS_REACT_UI_FLAT_THEME__';exports.REACT_UI_FLAT_THEME_KEY = REACT_UI_FLAT_THEME_KEY;
20
+
19
21
  var isFullTheme = function isFullTheme(theme) {
20
22
  //@ts-ignore
21
23
  return theme[REACT_UI_FULL_THEME_KEY] === true;
22
24
  };exports.isFullTheme = isFullTheme;
23
25
 
24
- var markAsFullTheme = function markAsFullTheme(theme) {
25
- Object.defineProperty(theme, REACT_UI_FULL_THEME_KEY, {
26
+ var markAsFullTheme = function markAsFullTheme(theme) {var _Object$create;
27
+ return Object.create(theme, (_Object$create = {}, _Object$create[
28
+ REACT_UI_FULL_THEME_KEY] = {
26
29
  value: true,
27
30
  writable: false,
28
31
  enumerable: false,
29
- configurable: false });
32
+ configurable: false }, _Object$create));
33
+
30
34
 
31
- return theme;
32
35
  };exports.markAsFullTheme = markAsFullTheme;
33
36
 
34
37
  var is8pxTheme = function is8pxTheme(theme) {
@@ -36,12 +39,29 @@ var is8pxTheme = function is8pxTheme(theme) {
36
39
  return theme[REACT_UI_8PX_THEME_KEY] === true;
37
40
  };exports.is8pxTheme = is8pxTheme;
38
41
 
39
- var markAs8pxTheme = function markAs8pxTheme(theme) {
40
- Object.defineProperty(theme, REACT_UI_8PX_THEME_KEY, {
42
+ var markAs8pxTheme = function markAs8pxTheme(theme) {var _Object$create2;
43
+ return Object.create(theme, (_Object$create2 = {}, _Object$create2[
44
+ REACT_UI_8PX_THEME_KEY] = {
41
45
  value: true,
42
46
  writable: false,
43
47
  enumerable: false,
44
- configurable: false });
48
+ configurable: false }, _Object$create2));
45
49
 
46
- return theme;
47
- };exports.markAs8pxTheme = markAs8pxTheme;
50
+
51
+ };exports.markAs8pxTheme = markAs8pxTheme;
52
+
53
+ var isFlatTheme = function isFlatTheme(theme) {
54
+ //@ts-ignore
55
+ return theme[REACT_UI_FLAT_THEME_KEY] === true;
56
+ };exports.isFlatTheme = isFlatTheme;
57
+
58
+ var markAsFlatTheme = function markAsFlatTheme(theme) {var _Object$create3;
59
+ return Object.create(theme, (_Object$create3 = {}, _Object$create3[
60
+ REACT_UI_FLAT_THEME_KEY] = {
61
+ value: true,
62
+ writable: false,
63
+ enumerable: false,
64
+ configurable: false }, _Object$create3));
65
+
66
+
67
+ };exports.markAsFlatTheme = markAsFlatTheme;
package/cjs/lib/theming/ThemeHelpers.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["ThemeHelpers.ts"],"names":["exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_FULL_THEME_KEY","REACT_UI_8PX_THEME_KEY","isFullTheme","markAsFullTheme","value","writable","is8pxTheme","markAs8pxTheme"],"mappings":";;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAmBC,KAAnB,EAAmC;AAC9D,MAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAP,CAAiCH,KAAjC,CAApB;AACAE,EAAAA,MAAM,CAACE,IAAP,CAAYH,WAAZ,EAAyBI,OAAzB,CAAiC,UAAAC,GAAG,EAAI;AACtC,QAAMC,UAAU,GAAGN,WAAW,CAACK,GAAD,CAA9B;AACA,QAAI,OAAOC,UAAU,CAACC,GAAlB,KAA0B,UAA1B,IAAwCD,UAAU,CAACE,YAAvD,EAAqE;AACnEF,MAAAA,UAAU,CAACG,UAAX,GAAwB,IAAxB;AACAR,MAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BM,GAA7B,EAAkCC,UAAlC;AACD;AACF,GAND;AAOA,SAAOP,KAAP;AACD,CAVM,C;;AAYA,IAAMY,uBAAuB,GAAG,uBAAhC,C;;AAEA,IAAMC,sBAAsB,GAAG,2BAA/B,C;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACd,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM,C;;AAKA,IAAMG,eAAe,GAAG,SAAlBA,eAAkB,CAAmBf,KAAnB,EAAmC;AAChEE,EAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BY,uBAA7B,EAAsD;AACpDI,IAAAA,KAAK,EAAE,IAD6C;AAEpDC,IAAAA,QAAQ,EAAE,KAF0C;AAGpDP,IAAAA,UAAU,EAAE,KAHwC;AAIpDD,IAAAA,YAAY,EAAE,KAJsC,EAAtD;;AAMA,SAAOT,KAAP;AACD,CARM,C;;AAUA,IAAMkB,UAAU,GAAG,SAAbA,UAAa,CAAClB,KAAD,EAAqC;AAC7D;AACA,SAAOA,KAAK,CAACa,sBAAD,CAAL,KAAkC,IAAzC;AACD,CAHM,C;;AAKA,IAAMM,cAAc,GAAG,SAAjBA,cAAiB,CAAmBnB,KAAnB,EAAmC;AAC/DE,EAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6Ba,sBAA7B,EAAqD;AACnDG,IAAAA,KAAK,EAAE,IAD4C;AAEnDC,IAAAA,QAAQ,EAAE,KAFyC;AAGnDP,IAAAA,UAAU,EAAE,KAHuC;AAInDD,IAAAA,YAAY,EAAE,KAJqC,EAArD;;AAMA,SAAOT,KAAP;AACD,CARM,C","sourcesContent":["import { Theme, ThemeIn } from './Theme';\r\n\r\nexport const exposeGetters = <T extends object>(theme: T): T => {\r\n const descriptors = Object.getOwnPropertyDescriptors(theme);\r\n Object.keys(descriptors).forEach(key => {\r\n const descriptor = descriptors[key];\r\n if (typeof descriptor.get === 'function' && descriptor.configurable) {\r\n descriptor.enumerable = true;\r\n Object.defineProperty(theme, key, descriptor);\r\n }\r\n });\r\n return theme;\r\n};\r\n\r\nexport const REACT_UI_FULL_THEME_KEY = '__IS_REACT_UI_THEME__';\r\n\r\nexport const REACT_UI_8PX_THEME_KEY = '__IS_REACT_UI_8PX_THEME__';\r\n\r\nexport const isFullTheme = (theme: Theme | ThemeIn): boolean => {\r\n //@ts-ignore\r\n return theme[REACT_UI_FULL_THEME_KEY] === true;\r\n};\r\n\r\nexport const markAsFullTheme = <T extends object>(theme: T): T => {\r\n Object.defineProperty(theme, REACT_UI_FULL_THEME_KEY, {\r\n value: true,\r\n writable: false,\r\n enumerable: false,\r\n configurable: false,\r\n });\r\n return theme;\r\n};\r\n\r\nexport const is8pxTheme = (theme: Theme | ThemeIn): boolean => {\r\n //@ts-ignore\r\n return theme[REACT_UI_8PX_THEME_KEY] === true;\r\n};\r\n\r\nexport const markAs8pxTheme = <T extends object>(theme: T): T => {\r\n Object.defineProperty(theme, REACT_UI_8PX_THEME_KEY, {\r\n value: true,\r\n writable: false,\r\n enumerable: false,\r\n configurable: false,\r\n });\r\n return theme;\r\n};\r\n"]}
1
+ {"version":3,"sources":["ThemeHelpers.ts"],"names":["exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_FULL_THEME_KEY","REACT_UI_8PX_THEME_KEY","REACT_UI_FLAT_THEME_KEY","isFullTheme","markAsFullTheme","create","value","writable","is8pxTheme","markAs8pxTheme","isFlatTheme","markAsFlatTheme"],"mappings":";;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAmBC,KAAnB,EAAmC;AAC9D,MAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAP,CAAiCH,KAAjC,CAApB;AACAE,EAAAA,MAAM,CAACE,IAAP,CAAYH,WAAZ,EAAyBI,OAAzB,CAAiC,UAAAC,GAAG,EAAI;AACtC,QAAMC,UAAU,GAAGN,WAAW,CAACK,GAAD,CAA9B;AACA,QAAI,OAAOC,UAAU,CAACC,GAAlB,KAA0B,UAA1B,IAAwCD,UAAU,CAACE,YAAvD,EAAqE;AACnEF,MAAAA,UAAU,CAACG,UAAX,GAAwB,IAAxB;AACAR,MAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BM,GAA7B,EAAkCC,UAAlC;AACD;AACF,GAND;AAOA,SAAOP,KAAP;AACD,CAVM,C;;AAYA,IAAMY,uBAAuB,GAAG,uBAAhC,C;;AAEA,IAAMC,sBAAsB,GAAG,2BAA/B,C;;AAEA,IAAMC,uBAAuB,GAAG,4BAAhC,C;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACf,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM,C;;AAKA,IAAMI,eAAe,GAAG,SAAlBA,eAAkB,CAAmBhB,KAAnB,EAAmC;AAChE,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJY,EAAAA,uBADI,IACsB;AACzBM,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBT,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,kBAAP;;;AAQD,CATM,C;;AAWA,IAAMW,UAAU,GAAG,SAAbA,UAAa,CAACpB,KAAD,EAAqC;AAC7D;AACA,SAAOA,KAAK,CAACa,sBAAD,CAAL,KAAkC,IAAzC;AACD,CAHM,C;;AAKA,IAAMQ,cAAc,GAAG,SAAjBA,cAAiB,CAAmBrB,KAAnB,EAAmC;AAC/D,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJa,EAAAA,sBADI,IACqB;AACxBK,IAAAA,KAAK,EAAE,IADiB;AAExBC,IAAAA,QAAQ,EAAE,KAFc;AAGxBT,IAAAA,UAAU,EAAE,KAHY;AAIxBD,IAAAA,YAAY,EAAE,KAJU,EADrB,mBAAP;;;AAQD,CATM,C;;AAWA,IAAMa,WAAW,GAAG,SAAdA,WAAc,CAACtB,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACc,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM,C;;AAKA,IAAMS,eAAe,GAAG,SAAlBA,eAAkB,CAAmBvB,KAAnB,EAAmC;AAChE,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJc,EAAAA,uBADI,IACsB;AACzBI,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBT,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,mBAAP;;;AAQD,CATM,C","sourcesContent":["import { Theme, ThemeIn } from './Theme';\r\n\r\nexport const exposeGetters = <T extends object>(theme: T): T => {\r\n const descriptors = Object.getOwnPropertyDescriptors(theme);\r\n Object.keys(descriptors).forEach(key => {\r\n const descriptor = descriptors[key];\r\n if (typeof descriptor.get === 'function' && descriptor.configurable) {\r\n descriptor.enumerable = true;\r\n Object.defineProperty(theme, key, descriptor);\r\n }\r\n });\r\n return theme;\r\n};\r\n\r\nexport const REACT_UI_FULL_THEME_KEY = '__IS_REACT_UI_THEME__';\r\n\r\nexport const REACT_UI_8PX_THEME_KEY = '__IS_REACT_UI_8PX_THEME__';\r\n\r\nexport const REACT_UI_FLAT_THEME_KEY = '__IS_REACT_UI_FLAT_THEME__';\r\n\r\nexport const isFullTheme = (theme: Theme | ThemeIn): boolean => {\r\n //@ts-ignore\r\n return theme[REACT_UI_FULL_THEME_KEY] === true;\r\n};\r\n\r\nexport const markAsFullTheme = <T extends object>(theme: T): T => {\r\n return Object.create(theme, {\r\n [REACT_UI_FULL_THEME_KEY]: {\r\n value: true,\r\n writable: false,\r\n enumerable: false,\r\n configurable: false,\r\n },\r\n });\r\n};\r\n\r\nexport const is8pxTheme = (theme: Theme | ThemeIn): boolean => {\r\n //@ts-ignore\r\n return theme[REACT_UI_8PX_THEME_KEY] === true;\r\n};\r\n\r\nexport const markAs8pxTheme = <T extends object>(theme: T): T => {\r\n return Object.create(theme, {\r\n [REACT_UI_8PX_THEME_KEY]: {\r\n value: true,\r\n writable: false,\r\n enumerable: false,\r\n configurable: false,\r\n },\r\n });\r\n};\r\n\r\nexport const isFlatTheme = (theme: Theme | ThemeIn): boolean => {\r\n //@ts-ignore\r\n return theme[REACT_UI_FLAT_THEME_KEY] === true;\r\n};\r\n\r\nexport const markAsFlatTheme = <T extends object>(theme: T): T => {\r\n return Object.create(theme, {\r\n [REACT_UI_FLAT_THEME_KEY]: {\r\n value: true,\r\n writable: false,\r\n enumerable: false,\r\n configurable: false,\r\n },\r\n });\r\n};\r\n"]}
package/cjs/lib/theming/themes/DefaultTheme8px.js CHANGED
@@ -1,4 +1,6 @@
1
- "use strict";exports.__esModule = true;exports.DEFAULT_THEME_8PX = void 0;var _Theme8px = require("../../../internal/themes/Theme8px");
1
+ "use strict";exports.__esModule = true;exports.DEFAULT_THEME_8PX = void 0;var _DefaultTheme = require("../../../internal/themes/DefaultTheme");
2
+ var _Theme8px = require("../../../internal/themes/Theme8px");
2
3
  var _ThemeFactory = require("../ThemeFactory");
4
+ var _ThemeHelpers = require("../ThemeHelpers");
3
5
 
4
- var DEFAULT_THEME_8PX = _ThemeFactory.ThemeFactory.create(_Theme8px.Theme8pxInternal);exports.DEFAULT_THEME_8PX = DEFAULT_THEME_8PX;
6
+ var DEFAULT_THEME_8PX = _ThemeFactory.ThemeFactory.create(_Theme8px.Theme8pxInternal, (0, _ThemeHelpers.markAs8pxTheme)(_DefaultTheme.DefaultThemeInternal));exports.DEFAULT_THEME_8PX = DEFAULT_THEME_8PX;
package/cjs/lib/theming/themes/DefaultTheme8px.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["DefaultTheme8px.ts"],"names":["DEFAULT_THEME_8PX","ThemeFactory","create","Theme8pxInternal"],"mappings":"0EAAA;AACA;;AAEO,IAAMA,iBAAiB,GAAGC,2BAAaC,MAAb,CAAoBC,0BAApB,CAA1B,C","sourcesContent":["import { Theme8pxInternal } from '../../../internal/themes/Theme8px';\r\nimport { ThemeFactory } from '../ThemeFactory';\r\n\r\nexport const DEFAULT_THEME_8PX = ThemeFactory.create(Theme8pxInternal);\r\n"]}
1
+ {"version":3,"sources":["DefaultTheme8px.ts"],"names":["DEFAULT_THEME_8PX","ThemeFactory","create","Theme8pxInternal","DefaultThemeInternal"],"mappings":"0EAAA;AACA;AACA;AACA;;AAEO,IAAMA,iBAAiB,GAAGC,2BAAaC,MAAb,CAAoBC,0BAApB,EAAsC,kCAAeC,kCAAf,CAAtC,CAA1B,C","sourcesContent":["import { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\r\nimport { Theme8pxInternal } from '../../../internal/themes/Theme8px';\r\nimport { ThemeFactory } from '../ThemeFactory';\r\nimport { markAs8pxTheme } from '../ThemeHelpers';\r\n\r\nexport const DEFAULT_THEME_8PX = ThemeFactory.create(Theme8pxInternal, markAs8pxTheme(DefaultThemeInternal));\r\n"]}
package/cjs/lib/theming/themes/FlatTheme.js CHANGED
@@ -1,4 +1,6 @@
1
- "use strict";exports.__esModule = true;exports.FLAT_THEME = void 0;var _FlatTheme = require("../../../internal/themes/FlatTheme");
1
+ "use strict";exports.__esModule = true;exports.FLAT_THEME = void 0;var _DefaultTheme = require("../../../internal/themes/DefaultTheme");
2
+ var _FlatTheme = require("../../../internal/themes/FlatTheme");
2
3
  var _ThemeFactory = require("../ThemeFactory");
4
+ var _ThemeHelpers = require("../ThemeHelpers");
3
5
 
4
- var FLAT_THEME = _ThemeFactory.ThemeFactory.create(_FlatTheme.FlatThemeInternal);exports.FLAT_THEME = FLAT_THEME;
6
+ var FLAT_THEME = _ThemeFactory.ThemeFactory.create(_FlatTheme.FlatThemeInternal, (0, _ThemeHelpers.markAsFlatTheme)(_DefaultTheme.DefaultThemeInternal));exports.FLAT_THEME = FLAT_THEME;
package/cjs/lib/theming/themes/FlatTheme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["FlatTheme.ts"],"names":["FLAT_THEME","ThemeFactory","create","FlatThemeInternal"],"mappings":"mEAAA;AACA;;AAEO,IAAMA,UAAU,GAAGC,2BAAaC,MAAb,CAAoBC,4BAApB,CAAnB,C","sourcesContent":["import { FlatThemeInternal } from '../../../internal/themes/FlatTheme';\r\nimport { ThemeFactory } from '../ThemeFactory';\r\n\r\nexport const FLAT_THEME = ThemeFactory.create(FlatThemeInternal);\r\n"]}
1
+ {"version":3,"sources":["FlatTheme.ts"],"names":["FLAT_THEME","ThemeFactory","create","FlatThemeInternal","DefaultThemeInternal"],"mappings":"mEAAA;AACA;AACA;AACA;;AAEO,IAAMA,UAAU,GAAGC,2BAAaC,MAAb,CAAoBC,4BAApB,EAAuC,mCAAgBC,kCAAhB,CAAvC,CAAnB,C","sourcesContent":["import { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\r\nimport { FlatThemeInternal } from '../../../internal/themes/FlatTheme';\r\nimport { ThemeFactory } from '../ThemeFactory';\r\nimport { markAsFlatTheme } from '../ThemeHelpers';\r\n\r\nexport const FLAT_THEME = ThemeFactory.create(FlatThemeInternal, markAsFlatTheme(DefaultThemeInternal));\r\n"]}
package/cjs/lib/theming/themes/FlatTheme8px.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";exports.__esModule = true;exports.FLAT_THEME_8PX = void 0;var _Theme8px = require("../../../internal/themes/Theme8px");
2
2
  var _FlatTheme = require("../../../internal/themes/FlatTheme");
3
3
  var _ThemeFactory = require("../ThemeFactory");
4
+ var _ThemeHelpers = require("../ThemeHelpers");
4
5
 
5
- var FLAT_THEME_8PX = _ThemeFactory.ThemeFactory.create(_Theme8px.Theme8pxInternal, _FlatTheme.FlatThemeInternal);exports.FLAT_THEME_8PX = FLAT_THEME_8PX;
6
+ var FLAT_THEME_8PX = _ThemeFactory.ThemeFactory.create(_Theme8px.Theme8pxInternal, (0, _ThemeHelpers.markAs8pxTheme)((0, _ThemeHelpers.markAsFlatTheme)(_FlatTheme.FlatThemeInternal)));exports.FLAT_THEME_8PX = FLAT_THEME_8PX;
package/cjs/lib/theming/themes/FlatTheme8px.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["FlatTheme8px.ts"],"names":["FLAT_THEME_8PX","ThemeFactory","create","Theme8pxInternal","FlatThemeInternal"],"mappings":"uEAAA;AACA;AACA;;AAEO,IAAMA,cAAc,GAAGC,2BAAaC,MAAb,CAAoBC,0BAApB,EAAsCC,4BAAtC,CAAvB,C","sourcesContent":["import { Theme8pxInternal } from '../../../internal/themes/Theme8px';\r\nimport { FlatThemeInternal } from '../../../internal/themes/FlatTheme';\r\nimport { ThemeFactory } from '../ThemeFactory';\r\n\r\nexport const FLAT_THEME_8PX = ThemeFactory.create(Theme8pxInternal, FlatThemeInternal);\r\n"]}
1
+ {"version":3,"sources":["FlatTheme8px.ts"],"names":["FLAT_THEME_8PX","ThemeFactory","create","Theme8pxInternal","FlatThemeInternal"],"mappings":"uEAAA;AACA;AACA;AACA;;AAEO,IAAMA,cAAc,GAAGC,2BAAaC,MAAb,CAAoBC,0BAApB,EAAsC,kCAAe,mCAAgBC,4BAAhB,CAAf,CAAtC,CAAvB,C","sourcesContent":["import { Theme8pxInternal } from '../../../internal/themes/Theme8px';\r\nimport { FlatThemeInternal } from '../../../internal/themes/FlatTheme';\r\nimport { ThemeFactory } from '../ThemeFactory';\r\nimport { markAs8pxTheme, markAsFlatTheme } from '../ThemeHelpers';\r\n\r\nexport const FLAT_THEME_8PX = ThemeFactory.create(Theme8pxInternal, markAs8pxTheme(markAsFlatTheme(FlatThemeInternal)));\r\n"]}
package/components/Modal/Modal.styles/Modal.styles.js CHANGED
@@ -31,7 +31,7 @@ function _templateObject20() {
31
31
  }
32
32
 
33
33
  function _templateObject19() {
34
- var data = _taggedTemplateLiteralLoose(["\n padding-bottom: 22px;\n "]);
34
+ var data = _taggedTemplateLiteralLoose(["\n padding-bottom: 22px !important;\n "]);
35
35
 
36
36
  _templateObject19 = function _templateObject19() {
37
37
  return data;
package/components/Modal/Modal.styles/Modal.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Modal.styles.ts"],"names":["css","cssName","memoizeStyle","resetButton","styles","root","bg","t","modalBackBg","modalBackOpacity","container","window","bgDefault","centerContainer","modalAdaptiveThreshold","alignTop","close","padding","parseInt","modalCloseButtonPadding","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","borderColorFocus","modalCloseIconSize","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","legacyGap","modalCloseWrapperLegacyGap","legacyShift","modalCloseButtonLegacyShift","blockSizeX","blockSizeY","disabled","modalCloseButtonDisabledColor","headerWrapper","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","body","modalBodyPaddingBottom","headerWithClose","rightPadding","modalCloseLegacyGap","footer","modalFooterPaddingTop","modalFooterPaddingBottom","footerWrapper","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderShadow","fixedFooter","modalFixedFooterShadow","headerAddPadding","bodyWithoutHeader","modalPaddingTop","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n root() {\r\n return css`\r\n height: 100%;\r\n left: 0;\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n `;\r\n },\r\n\r\n bg(t: Theme) {\r\n return css`\r\n bottom: 0;\r\n left: 0;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n background: ${t.modalBackBg};\r\n opacity: ${t.modalBackOpacity};\r\n `;\r\n },\r\n\r\n container() {\r\n return css`\r\n position: relative;\r\n white-space: nowrap;\r\n text-align: center;\r\n height: 100%;\r\n overflow-y: auto;\r\n outline: none;\r\n\r\n &::before {\r\n content: '';\r\n display: inline-block;\r\n vertical-align: middle;\r\n height: 80%; /* to vertical align modal 40%/60% of screen height */\r\n }\r\n `;\r\n },\r\n\r\n window(t: Theme) {\r\n return css`\r\n position: relative;\r\n white-space: normal;\r\n margin: auto;\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n background: ${t.bgDefault};\r\n `;\r\n },\r\n\r\n centerContainer(t: Theme) {\r\n return css`\r\n position: relative;\r\n display: inline-block;\r\n text-align: left;\r\n vertical-align: middle;\r\n box-sizing: border-box;\r\n z-index: 10;\r\n margin: 40px 20px;\r\n\r\n @media screen and (max-width: ${t.modalAdaptiveThreshold}) {\r\n margin: 0;\r\n width: 100%;\r\n }\r\n `;\r\n },\r\n\r\n alignTop(t: Theme) {\r\n return css`\r\n ${cssName(styles.centerContainer(t))}& {\r\n vertical-align: top;\r\n }\r\n `;\r\n },\r\n\r\n close(t: Theme) {\r\n const padding = parseInt(t.modalCloseButtonPadding);\r\n return css`\r\n ${resetButton()};\r\n position: absolute;\r\n display: flex;\r\n right: ${padding}px;\r\n top: ${padding}px;\r\n background: none;\r\n background: transparent;\r\n cursor: pointer;\r\n color: ${t.modalCloseButtonColor};\r\n text-align: center;\r\n vertical-align: middle;\r\n padding: ${t.modalCloseButtonClickArea} !important;\r\n margin: -${t.modalCloseButtonClickArea} !important;\r\n\r\n &:focus,\r\n &:hover {\r\n color: ${t.modalCloseButtonHoverColor};\r\n }\r\n\r\n &:focus {\r\n outline: 2px solid ${t.borderColorFocus};\r\n }\r\n\r\n & > svg {\r\n width: ${t.modalCloseIconSize};\r\n height: ${t.modalCloseIconSize};\r\n box-sizing: content-box;\r\n }\r\n `;\r\n },\r\n\r\n closeWrapper(t: Theme) {\r\n const padding = parseInt(t.modalCloseButtonPadding);\r\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\r\n const legacyGap = parseInt(t.modalCloseWrapperLegacyGap);\r\n const legacyShift = parseInt(t.modalCloseButtonLegacyShift);\r\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding - legacyShift;\r\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;\r\n return css`\r\n position: relative;\r\n float: right;\r\n width: ${blockSizeX + legacyGap}px;\r\n height: ${blockSizeY}px;\r\n `;\r\n },\r\n\r\n disabled(t: Theme) {\r\n return css`\r\n ${cssName(styles.close(t))}& {\r\n pointer-events: none;\r\n cursor: default;\r\n color: ${t.modalCloseButtonDisabledColor};\r\n }\r\n `;\r\n },\r\n\r\n headerWrapper() {\r\n return css`\r\n position: relative;\r\n `;\r\n },\r\n\r\n header(t: Theme) {\r\n return css`\r\n font-size: ${t.modalHeaderFontSize};\r\n line-height: ${t.modalHeaderLineHeight};\r\n padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\r\n overflow-wrap: break-word;\r\n word-wrap: break-word;\r\n `;\r\n },\r\n\r\n body(t: Theme) {\r\n return css`\r\n padding: 0 ${t.modalPaddingRight} ${t.modalBodyPaddingBottom} ${t.modalPaddingLeft};\r\n `;\r\n },\r\n\r\n headerWithClose(t: Theme) {\r\n const rightPadding =\r\n 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\r\n\r\n return css`\r\n padding-right: ${rightPadding}px;\r\n `;\r\n },\r\n\r\n footer(t: Theme) {\r\n return css`\r\n padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\r\n `;\r\n },\r\n\r\n footerWrapper() {\r\n return css`\r\n position: relative;\r\n `;\r\n },\r\n\r\n panel(t: Theme) {\r\n return css`\r\n ${cssName(styles.footer(t))}& {\r\n padding-top: ${t.modalFooterPanelPaddingTop} !important;\r\n padding-bottom: ${t.modalFooterPanelPaddingBottom} !important;\r\n background: ${t.modalFooterBg} !important;\r\n }\r\n `;\r\n },\r\n\r\n fixedHeader(t: Theme) {\r\n return css`\r\n margin-bottom: 10px;\r\n padding-bottom: ${t.modalFixedHeaderPaddingBottom};\r\n background: ${t.modalFixedHeaderBg};\r\n\r\n &:after {\r\n bottom: 11px;\r\n content: '';\r\n position: absolute;\r\n height: 1px;\r\n width: 100%;\r\n left: 0;\r\n z-index: -1;\r\n box-shadow: ${t.modalFixedHeaderShadow};\r\n }\r\n `;\r\n },\r\n\r\n fixedFooter(t: Theme) {\r\n return css`\r\n ${cssName(styles.footer(t))}& {\r\n padding-top: 20px;\r\n margin-top: 10px;\r\n background: ${t.modalFixedHeaderBg};\r\n }\r\n\r\n &:before {\r\n top: 11px;\r\n content: '';\r\n position: absolute;\r\n height: 1px;\r\n width: 100%;\r\n left: 0;\r\n z-index: -1;\r\n box-shadow: ${t.modalFixedFooterShadow};\r\n }\r\n `;\r\n },\r\n\r\n headerAddPadding() {\r\n return css`\r\n padding-bottom: 22px;\r\n `;\r\n },\r\n\r\n bodyWithoutHeader(t: Theme) {\r\n return css`\r\n padding-top: ${t.modalPaddingTop} !important;\r\n `;\r\n },\r\n\r\n bodyWithoutPadding() {\r\n return css`\r\n padding: 0 !important;\r\n `;\r\n },\r\n\r\n bodyAddPaddingForPanel(t: Theme) {\r\n return css`\r\n padding-bottom: ${t.modalPaddingBottom};\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
1
+ {"version":3,"sources":["Modal.styles.ts"],"names":["css","cssName","memoizeStyle","resetButton","styles","root","bg","t","modalBackBg","modalBackOpacity","container","window","bgDefault","centerContainer","modalAdaptiveThreshold","alignTop","close","padding","parseInt","modalCloseButtonPadding","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","borderColorFocus","modalCloseIconSize","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","legacyGap","modalCloseWrapperLegacyGap","legacyShift","modalCloseButtonLegacyShift","blockSizeX","blockSizeY","disabled","modalCloseButtonDisabledColor","headerWrapper","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","body","modalBodyPaddingBottom","headerWithClose","rightPadding","modalCloseLegacyGap","footer","modalFooterPaddingTop","modalFooterPaddingBottom","footerWrapper","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderShadow","fixedFooter","modalFixedFooterShadow","headerAddPadding","bodyWithoutHeader","modalPaddingTop","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n root() {\r\n return css`\r\n height: 100%;\r\n left: 0;\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n `;\r\n },\r\n\r\n bg(t: Theme) {\r\n return css`\r\n bottom: 0;\r\n left: 0;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n background: ${t.modalBackBg};\r\n opacity: ${t.modalBackOpacity};\r\n `;\r\n },\r\n\r\n container() {\r\n return css`\r\n position: relative;\r\n white-space: nowrap;\r\n text-align: center;\r\n height: 100%;\r\n overflow-y: auto;\r\n outline: none;\r\n\r\n &::before {\r\n content: '';\r\n display: inline-block;\r\n vertical-align: middle;\r\n height: 80%; /* to vertical align modal 40%/60% of screen height */\r\n }\r\n `;\r\n },\r\n\r\n window(t: Theme) {\r\n return css`\r\n position: relative;\r\n white-space: normal;\r\n margin: auto;\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n background: ${t.bgDefault};\r\n `;\r\n },\r\n\r\n centerContainer(t: Theme) {\r\n return css`\r\n position: relative;\r\n display: inline-block;\r\n text-align: left;\r\n vertical-align: middle;\r\n box-sizing: border-box;\r\n z-index: 10;\r\n margin: 40px 20px;\r\n\r\n @media screen and (max-width: ${t.modalAdaptiveThreshold}) {\r\n margin: 0;\r\n width: 100%;\r\n }\r\n `;\r\n },\r\n\r\n alignTop(t: Theme) {\r\n return css`\r\n ${cssName(styles.centerContainer(t))}& {\r\n vertical-align: top;\r\n }\r\n `;\r\n },\r\n\r\n close(t: Theme) {\r\n const padding = parseInt(t.modalCloseButtonPadding);\r\n return css`\r\n ${resetButton()};\r\n position: absolute;\r\n display: flex;\r\n right: ${padding}px;\r\n top: ${padding}px;\r\n background: none;\r\n background: transparent;\r\n cursor: pointer;\r\n color: ${t.modalCloseButtonColor};\r\n text-align: center;\r\n vertical-align: middle;\r\n padding: ${t.modalCloseButtonClickArea} !important;\r\n margin: -${t.modalCloseButtonClickArea} !important;\r\n\r\n &:focus,\r\n &:hover {\r\n color: ${t.modalCloseButtonHoverColor};\r\n }\r\n\r\n &:focus {\r\n outline: 2px solid ${t.borderColorFocus};\r\n }\r\n\r\n & > svg {\r\n width: ${t.modalCloseIconSize};\r\n height: ${t.modalCloseIconSize};\r\n box-sizing: content-box;\r\n }\r\n `;\r\n },\r\n\r\n closeWrapper(t: Theme) {\r\n const padding = parseInt(t.modalCloseButtonPadding);\r\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\r\n const legacyGap = parseInt(t.modalCloseWrapperLegacyGap);\r\n const legacyShift = parseInt(t.modalCloseButtonLegacyShift);\r\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding - legacyShift;\r\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;\r\n return css`\r\n position: relative;\r\n float: right;\r\n width: ${blockSizeX + legacyGap}px;\r\n height: ${blockSizeY}px;\r\n `;\r\n },\r\n\r\n disabled(t: Theme) {\r\n return css`\r\n ${cssName(styles.close(t))}& {\r\n pointer-events: none;\r\n cursor: default;\r\n color: ${t.modalCloseButtonDisabledColor};\r\n }\r\n `;\r\n },\r\n\r\n headerWrapper() {\r\n return css`\r\n position: relative;\r\n `;\r\n },\r\n\r\n header(t: Theme) {\r\n return css`\r\n font-size: ${t.modalHeaderFontSize};\r\n line-height: ${t.modalHeaderLineHeight};\r\n padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\r\n overflow-wrap: break-word;\r\n word-wrap: break-word;\r\n `;\r\n },\r\n\r\n body(t: Theme) {\r\n return css`\r\n padding: 0 ${t.modalPaddingRight} ${t.modalBodyPaddingBottom} ${t.modalPaddingLeft};\r\n `;\r\n },\r\n\r\n headerWithClose(t: Theme) {\r\n const rightPadding =\r\n 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\r\n\r\n return css`\r\n padding-right: ${rightPadding}px;\r\n `;\r\n },\r\n\r\n footer(t: Theme) {\r\n return css`\r\n padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\r\n `;\r\n },\r\n\r\n footerWrapper() {\r\n return css`\r\n position: relative;\r\n `;\r\n },\r\n\r\n panel(t: Theme) {\r\n return css`\r\n ${cssName(styles.footer(t))}& {\r\n padding-top: ${t.modalFooterPanelPaddingTop} !important;\r\n padding-bottom: ${t.modalFooterPanelPaddingBottom} !important;\r\n background: ${t.modalFooterBg} !important;\r\n }\r\n `;\r\n },\r\n\r\n fixedHeader(t: Theme) {\r\n return css`\r\n margin-bottom: 10px;\r\n padding-bottom: ${t.modalFixedHeaderPaddingBottom};\r\n background: ${t.modalFixedHeaderBg};\r\n\r\n &:after {\r\n bottom: 11px;\r\n content: '';\r\n position: absolute;\r\n height: 1px;\r\n width: 100%;\r\n left: 0;\r\n z-index: -1;\r\n box-shadow: ${t.modalFixedHeaderShadow};\r\n }\r\n `;\r\n },\r\n\r\n fixedFooter(t: Theme) {\r\n return css`\r\n ${cssName(styles.footer(t))}& {\r\n padding-top: 20px;\r\n margin-top: 10px;\r\n background: ${t.modalFixedHeaderBg};\r\n }\r\n\r\n &:before {\r\n top: 11px;\r\n content: '';\r\n position: absolute;\r\n height: 1px;\r\n width: 100%;\r\n left: 0;\r\n z-index: -1;\r\n box-shadow: ${t.modalFixedFooterShadow};\r\n }\r\n `;\r\n },\r\n\r\n headerAddPadding() {\r\n return css`\r\n padding-bottom: 22px !important;\r\n `;\r\n },\r\n\r\n bodyWithoutHeader(t: Theme) {\r\n return css`\r\n padding-top: ${t.modalPaddingTop} !important;\r\n `;\r\n },\r\n\r\n bodyWithoutPadding() {\r\n return css`\r\n padding: 0 !important;\r\n `;\r\n },\r\n\r\n bodyAddPaddingForPanel(t: Theme) {\r\n return css`\r\n padding-bottom: ${t.modalPaddingBottom};\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}