@skbkontur/react-ui 5.5.2 → 5.6.0

package/components/Tabs/Tab.styles/Tab.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","shift","ColorFunctions","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","styles","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","_templateObject","_taggedTemplateLiteralLoose","red","tabTextColorDefault","green","blue","active","_templateObject2","horizontalStyles","_templateObject3","tabBorderWidth","_templateObject4","primary","_templateObject5","tabColorHoverPrimary","success","_templateObject6","tabColorHoverSuccess","warning","_templateObject7","tabColorHoverWarning","error","_templateObject8","tabColorHoverError","verticalStyles","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","size","_templateObject15","transitionDuration","transitionTimingFunction","tabColorHover","_templateObject16","_templateObject17","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n  focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n  rootSmall(t: Theme) {\n    return tabRoot(t, 'small');\n  },\n\n  rootMedium(t: Theme) {\n    return tabRoot(t, 'medium');\n  },\n\n  rootLarge(t: Theme) {\n    return tabRoot(t, 'large');\n  },\n\n  verticalSmall(t: Theme) {\n    return tabVertical(t, 'small');\n  },\n\n  verticalMedium(t: Theme) {\n    return tabVertical(t, 'medium');\n  },\n\n  verticalLarge(t: Theme) {\n    return tabVertical(t, 'large');\n  },\n\n  focusSmall(t: Theme) {\n    return tabFocus(t, 'small');\n  },\n\n  focusMedium(t: Theme) {\n    return tabFocus(t, 'medium');\n  },\n\n  focusLarge(t: Theme) {\n    return tabFocus(t, 'large');\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: rgba(\n        ${ColorFunctions.red(t.tabTextColorDefault)},\n        ${ColorFunctions.green(t.tabTextColorDefault)},\n        ${ColorFunctions.blue(t.tabTextColorDefault)},\n        0.5\n      );\n      cursor: default;\n    `;\n  },\n\n  active() {\n    return css`\n      cursor: default;\n    `;\n  },\n});\n\nexport const horizontalStyles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-bottom-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n});\n\nexport const verticalStyles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-left: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-left-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n  return css`\n    border-bottom: ${t.tabBorderWidth} solid transparent;\n    box-sizing: border-box;\n    color: ${t.tabTextColorDefault};\n    cursor: pointer;\n    display: inline-block;\n    font-size: ${fontSize(t, size)};\n    line-height: ${lineHeight(t, size)};\n    margin-left: ${paddingX(t, size)};\n    margin-right: ${paddingX(t, size)};\n    padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n    padding-top: ${paddingY(t, size)};\n    position: relative;\n    text-decoration: inherit;\n    transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n    &:hover {\n      outline: inherit;\n      border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    &:focus {\n      outline: inherit;\n    }\n  `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp) {\n  return css`\n    border-bottom: none;\n    border-left: ${t.tabBorderWidth} solid transparent;\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n    padding-right: ${paddingX(t, size)};\n\n    &:hover {\n      border-bottom: none;\n      border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    .${globalClasses.focus} {\n      bottom: 0;\n      left: -${t.tabBorderWidth};\n      right: 0;\n    }\n  `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n  return css`\n    border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n    bottom: -${t.tabBorderWidth};\n    left: -${paddingX(t, size)};\n    position: absolute;\n    right: -${paddingX(t, size)};\n    top: 0;\n  `;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","shift","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","styles","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","_templateObject","_taggedTemplateLiteralLoose","tabTextColorDefault","active","_templateObject2","horizontalStyles","_templateObject3","tabBorderWidth","_templateObject4","primary","_templateObject5","tabColorHoverPrimary","success","_templateObject6","tabColorHoverSuccess","warning","_templateObject7","tabColorHoverWarning","error","_templateObject8","tabColorHoverError","verticalStyles","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","size","_templateObject15","transitionDuration","transitionTimingFunction","tabColorHover","_templateObject16","_templateObject17","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n  focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n  rootSmall(t: Theme) {\n    return tabRoot(t, 'small');\n  },\n\n  rootMedium(t: Theme) {\n    return tabRoot(t, 'medium');\n  },\n\n  rootLarge(t: Theme) {\n    return tabRoot(t, 'large');\n  },\n\n  verticalSmall(t: Theme) {\n    return tabVertical(t, 'small');\n  },\n\n  verticalMedium(t: Theme) {\n    return tabVertical(t, 'medium');\n  },\n\n  verticalLarge(t: Theme) {\n    return tabVertical(t, 'large');\n  },\n\n  focusSmall(t: Theme) {\n    return tabFocus(t, 'small');\n  },\n\n  focusMedium(t: Theme) {\n    return tabFocus(t, 'medium');\n  },\n\n  focusLarge(t: Theme) {\n    return tabFocus(t, 'large');\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: color-mix(in srgb, ${t.tabTextColorDefault}, transparent 50%);\n      cursor: default;\n    `;\n  },\n\n  active() {\n    return css`\n      cursor: default;\n    `;\n  },\n});\n\nexport const horizontalStyles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-bottom-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n});\n\nexport const verticalStyles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-left: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-left-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n  return css`\n    border-bottom: ${t.tabBorderWidth} solid transparent;\n    box-sizing: border-box;\n    color: ${t.tabTextColorDefault};\n    cursor: pointer;\n    display: inline-block;\n    font-size: ${fontSize(t, size)};\n    line-height: ${lineHeight(t, size)};\n    margin-left: ${paddingX(t, size)};\n    margin-right: ${paddingX(t, size)};\n    padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n    padding-top: ${paddingY(t, size)};\n    position: relative;\n    text-decoration: inherit;\n    transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n    &:hover {\n      outline: inherit;\n      border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    &:focus {\n      outline: inherit;\n    }\n  `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp) {\n  return css`\n    border-bottom: none;\n    border-left: ${t.tabBorderWidth} solid transparent;\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n    padding-right: ${paddingX(t, size)};\n\n    &:hover {\n      border-bottom: none;\n      border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    .${globalClasses.focus} {\n      bottom: 0;\n      left: -${t.tabBorderWidth};\n      right: 0;\n    }\n  `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n  return css`\n    border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n    bottom: -${t.tabBorderWidth};\n    left: -${paddingX(t, size)};\n    position: absolute;\n    right: -${paddingX(t, size)};\n    top: 0;\n  `;\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js

@@ -2,6 +2,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { PORTAL_INLET_ATTR } from "../RenderContainer";
+var KONTUR_COLORS_ATTRIBUTES = ['data-k-brand', 'data-k-accent', 'data-k-theme'];
 
 // Заглушка нужна для корректной гидрации порталов после SSR,
 // которую реакт сам пока не поддерживает.
@@ -38,10 +39,36 @@ export var Portal = function Portal(_ref) {
 };
 export var RenderInnerContainer = /*#__PURE__*/function (_React$Component) {
   function RenderInnerContainer() {
-    return _React$Component.apply(this, arguments) || this;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.kColorsCheckerRef = /*#__PURE__*/React.createRef();
+    return _this;
   }
   _inheritsLoose(RenderInnerContainer, _React$Component);
   var _proto = RenderInnerContainer.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    this.applyKonturColorsAttributes();
+  };
+  _proto.componentDidUpdate = function componentDidUpdate() {
+    this.applyKonturColorsAttributes();
+  };
+  _proto.applyKonturColorsAttributes = function applyKonturColorsAttributes() {
+    var _this$kColorsCheckerR;
+    var domContainer = this.props.domContainer;
+    var source = (_this$kColorsCheckerR = this.kColorsCheckerRef.current) == null ? void 0 : _this$kColorsCheckerR.closest(KONTUR_COLORS_ATTRIBUTES.map(function (x) {
+      return "[" + x + "]";
+    }).join(','));
+    for (var _i = 0, _KONTUR_COLORS_ATTRIB = KONTUR_COLORS_ATTRIBUTES; _i < _KONTUR_COLORS_ATTRIB.length; _i++) {
+      var attribute = _KONTUR_COLORS_ATTRIB[_i];
+      var value = source == null ? void 0 : source.getAttribute(attribute);
+      if (value) {
+        domContainer == null || domContainer.setAttribute(attribute, value);
+      }
+    }
+  };
   _proto.render = function render() {
     var _this$props = this.props,
       anchor = _this$props.anchor,
@@ -56,7 +83,13 @@ export var RenderInnerContainer = /*#__PURE__*/function (_React$Component) {
         key: "portal-ref",
         rt_rootID: rootId,
         container: domContainer
-      }, children));
+      }, children), /*#__PURE__*/
+      React.createElement("span", {
+        ref: this.kColorsCheckerRef,
+        style: {
+          display: 'none'
+        }
+      }));
     }
     return inner;
   };

package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactDOM","PORTAL_INLET_ATTR","SSRPlaceholder","createElement","Portal","_ref","_ref2","container","rt_rootID","children","Fragment","createPortal","RenderInnerContainer","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this$props","props","anchor","domContainer","rootId","inner","key","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderInnerContainer.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { PortalProps, RenderContainerProps } from './RenderContainerTypes';\nimport { PORTAL_INLET_ATTR } from './RenderContainer';\n\ninterface RenderInnerContainerProps extends RenderContainerProps {\n  domContainer: Nullable<HTMLElement>;\n  rootId: string;\n}\n\n// Заглушка нужна для корректной гидрации порталов после SSR,\n// которую реакт сам пока не поддерживает.\n// @see https://github.com/facebook/react/issues/13097\n// А также для вставки актуального render-container-id на клиенте.\n//\n// Дело в том, что во время гидрации, структура HTML на сервере\n// и на клиенте должна совпадать, иначе возможны артефакты.\n// Алгоритм там примерно такой. Клиент во время гидрации идет\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\n// вместе со всеми атрибутами, навесив только обработчики событий.\n//\n// Поэтому, для портала, который рендерится только на клиенте,\n// нужно использовать серверную заглушку, чтобы при гидрации\n// он не испортил какой-то другой элемент. Null не подходит,\n// т.к. на сервере он тоже не рендерится.\n// А элемент с render-container-id нужно отрендерить с нуля.\n\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\n\nexport const Portal = ({ container, rt_rootID, children }: PortalProps) => {\n  // container exists only in browser\n  return (\n    <React.Fragment>\n      {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\n      {container ? <noscript {...{ [PORTAL_INLET_ATTR]: rt_rootID }} /> : <SSRPlaceholder />}\n    </React.Fragment>\n  );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n  public static displayName = 'RenderInnerContainer';\n\n  public render() {\n    const { anchor, children, domContainer, rootId } = this.props;\n    let inner = anchor;\n\n    if (children) {\n      inner = (\n        <React.Fragment>\n          {anchor}\n          <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\n            {children}\n          </Portal>\n        </React.Fragment>\n      );\n    }\n\n    return inner;\n  }\n}\n\nPortal.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;;;;;AAKhC,SAASC,iBAAiB,QAAQ,mBAAmB;;;;;;;AAOrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,uBAASH,KAAA,CAAAI,aAAA,aAAQ,WAAQ,iBAAiB,EAAE,CAAC;;AAEjE,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAwD,KAAAC,KAAA,KAAlDC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EACrD;EACA;IACEV,KAAA,CAAAI,aAAA,CAACJ,KAAK,CAACW,QAAQ;IACZH,SAAS,gBAAGP,QAAQ,CAACW,YAAY,CAACF,QAAQ,EAAEF,SAAS,CAAC,gBAAGR,KAAA,CAAAI,aAAA,CAACD,cAAc,MAAE,CAAC;IAC3EK,SAAS,gBAAGR,KAAA,CAAAI,aAAA,cAAAG,KAAA,OAAAA,KAAA,CAAiBL,iBAAiB,IAAGO,SAAS,EAAAF,KAAA,CAAK,CAAC,gBAAGP,KAAA,CAAAI,aAAA,CAACD,cAAc,MAAE;IACvE,CAAC;;AAErB,CAAC;;AAED,WAAaU,oBAAoB,0BAAAC,gBAAA,YAAAD,qBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,oBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,oBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;EAIxBE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,IAAAC,WAAA,GAAmD,IAAI,CAACC,KAAK,CAArDC,MAAM,GAAAF,WAAA,CAANE,MAAM,CAAEb,QAAQ,GAAAW,WAAA,CAARX,QAAQ,CAAEc,YAAY,GAAAH,WAAA,CAAZG,YAAY,CAAEC,MAAM,GAAAJ,WAAA,CAANI,MAAM;IAC9C,IAAIC,KAAK,GAAGH,MAAM;;IAElB,IAAIb,QAAQ,EAAE;MACZgB,KAAK;MACH1B,KAAA,CAAAI,aAAA,CAACJ,KAAK,CAACW,QAAQ;MACZY,MAAM;MACPvB,KAAA,CAAAI,aAAA,CAACC,MAAM,IAACsB,GAAG,EAAC,YAAY,EAAClB,SAAS,EAAEgB,MAAO,EAACjB,SAAS,EAAEgB,YAAa;MACjEd;MACK;MACM,CACjB;;IACH;;IAEA,OAAOgB,KAAK;EACd,CAAC,QAAAb,oBAAA,GApBuCb,KAAK,CAAC4B,SAAS,EAA5Cf,oBAAoB,CACjBgB,mBAAmB,GAAG,sBAAsB,CAD/ChB,oBAAoB,CAEjBiB,WAAW,GAAG,sBAAsB;;;AAqBpDzB,MAAM,CAACwB,mBAAmB,GAAG,QAAQ;AACrCxB,MAAM,CAACyB,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","ReactDOM","PORTAL_INLET_ATTR","KONTUR_COLORS_ATTRIBUTES","SSRPlaceholder","createElement","Portal","_ref","_ref2","container","rt_rootID","children","Fragment","createPortal","RenderInnerContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","kColorsCheckerRef","createRef","_inheritsLoose","_proto","prototype","componentDidMount","applyKonturColorsAttributes","componentDidUpdate","_this$kColorsCheckerR","domContainer","props","source","current","closest","map","x","join","_i","_KONTUR_COLORS_ATTRIB","attribute","value","getAttribute","setAttribute","render","_this$props","anchor","rootId","inner","key","ref","style","display","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderInnerContainer.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { PortalProps, RenderContainerProps } from './RenderContainerTypes';\nimport { PORTAL_INLET_ATTR } from './RenderContainer';\n\nconst KONTUR_COLORS_ATTRIBUTES = ['data-k-brand', 'data-k-accent', 'data-k-theme'];\n\ninterface RenderInnerContainerProps extends RenderContainerProps {\n  domContainer: Nullable<HTMLElement>;\n  rootId: string;\n}\n\n// Заглушка нужна для корректной гидрации порталов после SSR,\n// которую реакт сам пока не поддерживает.\n// @see https://github.com/facebook/react/issues/13097\n// А также для вставки актуального render-container-id на клиенте.\n//\n// Дело в том, что во время гидрации, структура HTML на сервере\n// и на клиенте должна совпадать, иначе возможны артефакты.\n// Алгоритм там примерно такой. Клиент во время гидрации идет\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\n// вместе со всеми атрибутами, навесив только обработчики событий.\n//\n// Поэтому, для портала, который рендерится только на клиенте,\n// нужно использовать серверную заглушку, чтобы при гидрации\n// он не испортил какой-то другой элемент. Null не подходит,\n// т.к. на сервере он тоже не рендерится.\n// А элемент с render-container-id нужно отрендерить с нуля.\n\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\n\nexport const Portal = ({ container, rt_rootID, children }: PortalProps) => {\n  // container exists only in browser\n  return (\n    <React.Fragment>\n      {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\n      {container ? <noscript {...{ [PORTAL_INLET_ATTR]: rt_rootID }} /> : <SSRPlaceholder />}\n    </React.Fragment>\n  );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n  public static displayName = 'RenderInnerContainer';\n\n  private kColorsCheckerRef = React.createRef<HTMLSpanElement>();\n\n  public componentDidMount() {\n    this.applyKonturColorsAttributes();\n  }\n\n  public componentDidUpdate() {\n    this.applyKonturColorsAttributes();\n  }\n\n  private applyKonturColorsAttributes() {\n    const { domContainer } = this.props;\n    const source = this.kColorsCheckerRef.current?.closest<HTMLElement>(\n      KONTUR_COLORS_ATTRIBUTES.map((x) => `[${x}]`).join(','),\n    );\n\n    for (const attribute of KONTUR_COLORS_ATTRIBUTES) {\n      const value = source?.getAttribute(attribute);\n      if (value) {\n        domContainer?.setAttribute(attribute, value);\n      }\n    }\n  }\n\n  public render() {\n    const { anchor, children, domContainer, rootId } = this.props;\n    let inner = anchor;\n\n    if (children) {\n      inner = (\n        <React.Fragment>\n          {anchor}\n          <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\n            {children}\n          </Portal>\n          <span ref={this.kColorsCheckerRef} style={{ display: 'none' }} />\n        </React.Fragment>\n      );\n    }\n\n    return inner;\n  }\n}\n\nPortal.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"],"mappings":"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","ignoreList":[]}

package/internal/RenderContainer/RenderInnerContainer.d.ts

@@ -13,6 +13,10 @@ export declare const Portal: {
 export declare class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    private kColorsCheckerRef;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    private applyKonturColorsAttributes;
     render(): React.ReactNode;
 }
 export {};

package/internal/ThemePlayground/Playground.styles/Playground.styles.js

@@ -12,7 +12,7 @@ export var styles = memoizeStyle({
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      max-width: 700px;\n      color: ", ";\n    "])), t.textColorDefault);
   },
   sidePageBody: function sidePageBody() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding: 0 30px 30px;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding: 0 30px 30px;\n      overflow-x: hidden;\n    "])));
   },
   variable: function variable(t) {
     return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ", ";\n        outline-offset: 8px;\n      }\n    "])), t.borderColorFocus);

package/internal/ThemePlayground/Playground.styles/Playground.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","playground","_templateObject","_taggedTemplateLiteralLoose","title","t","_templateObject2","textColorDefault","componentsGroup","_templateObject3","sidePageBody","_templateObject4","variable","_templateObject5","borderColorFocus","variableName","_templateObject6","deprecated","_templateObject7","colorIcon","_templateObject8","baseLinkWrapper","_templateObject9","linkRoot","_templateObject10","baseVariableRoot","_templateObject11","loaderWrapper","_templateObject12","loader","_templateObject13","tabsWrapper","_templateObject14","tooltipContent","_templateObject15","stickyTabsWrapper","_templateObject16","tabsInnerWrapper","_templateObject17","playgroundWrapper","_templateObject18","bgDefault","editorHeaderWrapper","_templateObject19","editorGroupHeader","_templateObject20"],"sources":["Playground.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  playground() {\n    return css`\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\n    `;\n  },\n\n  title(t: Theme) {\n    return css`\n      width: 110px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  componentsGroup(t: Theme) {\n    return css`\n      max-width: 700px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  sidePageBody() {\n    return css`\n      padding: 0 30px 30px;\n    `;\n  },\n\n  variable(t: Theme) {\n    return css`\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ${t.borderColorFocus};\n        outline-offset: 8px;\n      }\n    `;\n  },\n\n  variableName(t: Theme) {\n    return css`\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ${t.textColorDefault};\n      flex: 1 1 auto;\n    `;\n  },\n\n  deprecated() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  colorIcon() {\n    return css`\n      height: 16px;\n      width: 16px;\n    `;\n  },\n\n  baseLinkWrapper() {\n    return css`\n      margin-left: auto;\n    `;\n  },\n\n  linkRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n    `;\n  },\n\n  baseVariableRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n      width: 240px;\n      display: flex;\n    `;\n  },\n\n  loaderWrapper() {\n    return css`\n      width: 500px;\n    `;\n  },\n\n  loader() {\n    return css`\n      height: 300px;\n      margin: auto;\n    `;\n  },\n\n  tabsWrapper(t: Theme) {\n    return css`\n      position: relative;\n      color: ${t.textColorDefault};\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    `;\n  },\n\n  tooltipContent() {\n    return css`\n      width: 210px;\n    `;\n  },\n\n  stickyTabsWrapper(t: Theme) {\n    return css`\n      &:after {\n        box-shadow: 0 2px 10px 0px ${t.textColorDefault};\n      }\n    `;\n  },\n  tabsInnerWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  playgroundWrapper(t: Theme) {\n    return css`\n      background: ${t.bgDefault};\n    `;\n  },\n  editorHeaderWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  editorGroupHeader(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","playground","_templateObject","_taggedTemplateLiteralLoose","title","t","_templateObject2","textColorDefault","componentsGroup","_templateObject3","sidePageBody","_templateObject4","variable","_templateObject5","borderColorFocus","variableName","_templateObject6","deprecated","_templateObject7","colorIcon","_templateObject8","baseLinkWrapper","_templateObject9","linkRoot","_templateObject10","baseVariableRoot","_templateObject11","loaderWrapper","_templateObject12","loader","_templateObject13","tabsWrapper","_templateObject14","tooltipContent","_templateObject15","stickyTabsWrapper","_templateObject16","tabsInnerWrapper","_templateObject17","playgroundWrapper","_templateObject18","bgDefault","editorHeaderWrapper","_templateObject19","editorGroupHeader","_templateObject20"],"sources":["Playground.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  playground() {\n    return css`\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\n    `;\n  },\n\n  title(t: Theme) {\n    return css`\n      width: 110px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  componentsGroup(t: Theme) {\n    return css`\n      max-width: 700px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  sidePageBody() {\n    return css`\n      padding: 0 30px 30px;\n      overflow-x: hidden;\n    `;\n  },\n\n  variable(t: Theme) {\n    return css`\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ${t.borderColorFocus};\n        outline-offset: 8px;\n      }\n    `;\n  },\n\n  variableName(t: Theme) {\n    return css`\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ${t.textColorDefault};\n      flex: 1 1 auto;\n    `;\n  },\n\n  deprecated() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  colorIcon() {\n    return css`\n      height: 16px;\n      width: 16px;\n    `;\n  },\n\n  baseLinkWrapper() {\n    return css`\n      margin-left: auto;\n    `;\n  },\n\n  linkRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n    `;\n  },\n\n  baseVariableRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n      width: 240px;\n      display: flex;\n    `;\n  },\n\n  loaderWrapper() {\n    return css`\n      width: 500px;\n    `;\n  },\n\n  loader() {\n    return css`\n      height: 300px;\n      margin: auto;\n    `;\n  },\n\n  tabsWrapper(t: Theme) {\n    return css`\n      position: relative;\n      color: ${t.textColorDefault};\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    `;\n  },\n\n  tooltipContent() {\n    return css`\n      width: 210px;\n    `;\n  },\n\n  stickyTabsWrapper(t: Theme) {\n    return css`\n      &:after {\n        box-shadow: 0 2px 10px 0px ${t.textColorDefault};\n      }\n    `;\n  },\n  tabsInnerWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  playgroundWrapper(t: Theme) {\n    return css`\n      background: ${t.bgDefault};\n    `;\n  },\n  editorHeaderWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  editorGroupHeader(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n});\n"],"mappings":"qdAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDC,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOP,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;IAECE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;;EAEDC,eAAe,WAAAA,gBAACH,CAAQ,EAAE;IACxB,OAAOP,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;IAECE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;;EAEDG,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;EAIZ,CAAC;;EAEDS,QAAQ,WAAAA,SAACP,CAAQ,EAAE;IACjB,OAAOP,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;;;IAMeE,CAAC,CAACS,gBAAgB;;;;EAI7C,CAAC;;EAEDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,OAAOP,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;;;;;;IAQCE,CAAC,CAACE,gBAAgB;;;EAG/B,CAAC;;EAEDU,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;;;EAGZ,CAAC;;EAEDgB,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;;;;EAIZ,CAAC;;EAEDkB,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;;;EAGZ,CAAC;;EAEDoB,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOzB,GAAG,CAAA0B,iBAAA,KAAAA,iBAAA,GAAArB,2BAAA;;;;EAIZ,CAAC;;EAEDsB,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAO3B,GAAG,CAAA4B,iBAAA,KAAAA,iBAAA,GAAAvB,2BAAA;;;;;;EAMZ,CAAC;;EAEDwB,aAAa,WAAAA,cAAA,EAAG;IACd,OAAO7B,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAAzB,2BAAA;;;EAGZ,CAAC;;EAED0B,MAAM,WAAAA,OAAA,EAAG;IACP,OAAO/B,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA3B,2BAAA;;;;EAIZ,CAAC;;EAED4B,WAAW,WAAAA,YAAC1B,CAAQ,EAAE;IACpB,OAAOP,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;;IAECE,CAAC,CAACE,gBAAgB;;;;;;;;;;;;EAY/B,CAAC;;EAED0B,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOnC,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;EAGZ,CAAC;;EAEDgC,iBAAiB,WAAAA,kBAAC9B,CAAQ,EAAE;IAC1B,OAAOP,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAAjC,2BAAA;;IAEuBE,CAAC,CAACE,gBAAgB;;;EAGrD,CAAC;EACD8B,gBAAgB,WAAAA,iBAAChC,CAAQ,EAAE;IACzB,OAAOP,GAAG,CAAAwC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;IACCE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;EACDgC,iBAAiB,WAAAA,kBAAClC,CAAQ,EAAE;IAC1B,OAAOP,GAAG,CAAA0C,iBAAA,KAAAA,iBAAA,GAAArC,2BAAA;IACME,CAAC,CAACoC,SAAS;;EAE7B,CAAC;EACDC,mBAAmB,WAAAA,oBAACrC,CAAQ,EAAE;IAC5B,OAAOP,GAAG,CAAA6C,iBAAA,KAAAA,iBAAA,GAAAxC,2BAAA;IACCE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;EACDqC,iBAAiB,WAAAA,kBAACvC,CAAQ,EAAE;IAC1B,OAAOP,GAAG,CAAA+C,iBAAA,KAAAA,iBAAA,GAAA1C,2BAAA;IACCE,CAAC,CAACE,gBAAgB;;EAE/B;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
+import React, { useContext } from 'react';
+import { DocsContext } from '@storybook/addon-docs';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { SidePage } from "../../../components/SidePage";
@@ -21,8 +22,8 @@ var getEditingThemeType = function getEditingThemeType(editingThemeItem) {
   }
   return 'lightTheme';
 };
-export var ThemeContextPlayground = /*#__PURE__*/function (_React$Component) {
-  function ThemeContextPlayground(props) {
+var ThemeContextPlaygroundInternal = /*#__PURE__*/function (_React$Component) {
+  function ThemeContextPlaygroundInternal(props) {
     var _this;
     _this = _React$Component.call(this, props) || this;
     _this.editableThemesItems = [{
@@ -44,7 +45,6 @@ export var ThemeContextPlayground = /*#__PURE__*/function (_React$Component) {
         React.createElement(SidePage, {
           disableAnimations: true,
           ignoreBackgroundClick: true,
-          blockBackground: true,
           width: 600,
           onClose: _this.handleClose
         }, /*#__PURE__*/
@@ -186,20 +186,39 @@ export var ThemeContextPlayground = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inheritsLoose(ThemeContextPlayground, _React$Component);
-  var _proto = ThemeContextPlayground.prototype;
+  _inheritsLoose(ThemeContextPlaygroundInternal, _React$Component);
+  var _proto = ThemeContextPlaygroundInternal.prototype;
   _proto.render = function render() {
     var _this$state3 = this.state,
       currentTheme = _this$state3.currentTheme,
       editorOpened = _this$state3.editorOpened,
       currentThemeType = _this$state3.currentThemeType;
+    var _this$props = this.props,
+      globalBrand = _this$props.globalBrand,
+      globalAccent = _this$props.globalAccent;
+    var themeAttribute = currentThemeType === ThemeType.DarkTheme ? 'dark' : 'light';
     return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
       value: currentTheme
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-k-brand": globalBrand,
+      "data-k-accent": globalAccent,
+      "data-k-theme": themeAttribute
     }, editorOpened && this.renderSidePage(), /*#__PURE__*/React.createElement(Playground, {
       onThemeChange: this.handleThemeChange,
       currentThemeType: currentThemeType,
       onEditLinkClick: this.handleOpen
-    }));
+    })));
   };
-  return ThemeContextPlayground;
-}(React.Component);
+  return ThemeContextPlaygroundInternal;
+}(React.Component);
+export var ThemeContextPlayground = function ThemeContextPlayground(props) {
+  var _context$store$userGl;
+  var context = useContext(DocsContext);
+  var globals = (context == null || (_context$store$userGl = context.store.userGlobals) == null ? void 0 : _context$store$userGl.globals) || {};
+  var brand = globals.brand || 'red';
+  var accent = globals.accent || 'gray';
+  return /*#__PURE__*/React.createElement(ThemeContextPlaygroundInternal, _extends({}, props, {
+    globalBrand: brand,
+    globalAccent: accent
+  }));
+};

package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","ThemeFactory","SidePage","Gapped","ComboBox","Link","ColorFunctions","findPropertyDescriptor","LIGHT_THEME","DARK_THEME","ThemeEditor","styles","Playground","ThemeType","getEditingThemeType","editingThemeItem","value","ThemeContextPlayground","_React$Component","props","_this","call","editableThemesItems","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","createElement","disableAnimations","ignoreBackgroundClick","blockBackground","width","onClose","handleClose","Header","className","editorHeaderWrapper","wrap","verticalAlign","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","onClick","handleGetTheme","Body","sidePageBody","editingTheme","currentErrors","handleThemeVariableChange","themeObject","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_extends","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","_inheritsLoose","_proto","prototype","render","_this$state3","Provider","onThemeChange","onEditLinkClick","Component"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { SidePage } from '../../components/SidePage';\nimport { Gapped } from '../../components/Gapped';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Link } from '../../components/Link';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Writeable } from '../../typings/utility-types';\nimport { findPropertyDescriptor } from '../../lib/theming/ThemeHelpers';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\n\nimport { ThemeEditor } from './ThemeEditor';\nimport { styles } from './Playground.styles';\nimport { Playground } from './Playground';\nimport { ThemeType } from './constants';\n\ninterface PlaygroundState {\n  editorOpened: boolean;\n  editingThemeItem?: EditingThemeItem;\n  themes: Themes;\n  themesErrors: ThemesErrors;\n  currentTheme: Theme;\n  currentThemeType: ThemeType;\n}\ninterface Themes {\n  lightTheme: Theme;\n  darkTheme: Theme;\n}\ninterface ThemesErrors {\n  lightTheme: ThemeErrorsType;\n  darkTheme: ThemeErrorsType;\n}\ninterface EditingThemeItem {\n  value: ThemeType;\n  label: string;\n}\ninterface PlaygroundProps {\n  children?: ReactNode;\n}\nexport type ThemeErrorsType = Writeable<{ [key in keyof Theme]?: boolean }>;\n\nconst getEditingThemeType = (editingThemeItem: PlaygroundState['editingThemeItem']) => {\n  if (editingThemeItem) {\n    return editingThemeItem.value;\n  }\n\n  return 'lightTheme';\n};\nexport class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {\n  private readonly editableThemesItems = [\n    { value: ThemeType.LightTheme, label: 'Светлая тема' },\n    { value: ThemeType.DarkTheme, label: 'Тёмная тема' },\n  ];\n\n  constructor(props: PlaygroundProps) {\n    super(props);\n    this.state = {\n      currentTheme: LIGHT_THEME,\n      currentThemeType: ThemeType.LightTheme,\n      editorOpened: false,\n      themes: {\n        lightTheme: LIGHT_THEME,\n        darkTheme: DARK_THEME,\n      },\n      themesErrors: {\n        lightTheme: {},\n        darkTheme: {},\n      },\n    };\n  }\n\n  public render() {\n    const { currentTheme, editorOpened, currentThemeType } = this.state;\n    return (\n      <ThemeContext.Provider value={currentTheme}>\n        {editorOpened && this.renderSidePage()}\n        {\n          <Playground\n            onThemeChange={this.handleThemeChange}\n            currentThemeType={currentThemeType}\n            onEditLinkClick={this.handleOpen}\n          />\n        }\n      </ThemeContext.Provider>\n    );\n  }\n\n  private renderSidePage = () => {\n    const { currentTheme, themesErrors, editingThemeItem, themes } = this.state;\n\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n    const themeErrors = themesErrors[editingThemeType];\n\n    return (\n      <SidePage disableAnimations ignoreBackgroundClick blockBackground width={600} onClose={this.handleClose}>\n        <SidePage.Header>\n          <div className={styles.editorHeaderWrapper(currentTheme)}>\n            <Gapped wrap verticalAlign=\"middle\">\n              <span>Тема для редактирования:</span>\n              <ComboBox\n                getItems={this.getEditableThemesItems}\n                value={editingThemeItem}\n                onValueChange={this.handleEditingThemeSwitch}\n              />\n            </Gapped>\n          </div>\n          <div style={{ fontSize: 14, marginTop: 8 }}>\n            <Link onClick={this.handleGetTheme}>Вывести тему в консоль</Link>\n          </div>\n        </SidePage.Header>\n        <SidePage.Body>\n          <div className={styles.sidePageBody()}>\n            <ThemeEditor\n              editingTheme={themes[editingThemeType]}\n              currentTheme={currentTheme}\n              currentErrors={themeErrors}\n              onValueChange={this.handleThemeVariableChange}\n            />\n          </div>\n        </SidePage.Body>\n      </SidePage>\n    );\n  };\n\n  private handleGetTheme = () => {\n    const currentTheme = this.state.currentTheme;\n    const themeObject: Writeable<ThemeIn> = {};\n    ThemeFactory.getKeys(currentTheme).forEach((key) => {\n      const descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);\n      if (descriptor && !descriptor.get && LIGHT_THEME[key] && currentTheme[key] !== LIGHT_THEME[key]) {\n        themeObject[key] = currentTheme[key] as keyof Theme;\n      }\n    });\n\n    console.log(JSON.stringify(themeObject));\n  };\n\n  private handleOpen = () => {\n    this.setState((state) => ({\n      editorOpened: true,\n      editingThemeItem: this.editableThemesItems.find((i) => i.value === state.currentThemeType),\n    }));\n  };\n\n  private handleClose = () => {\n    this.setState({\n      editorOpened: false,\n    });\n  };\n\n  private handleThemeChange = (value: string) => {\n    const themeType = value as ThemeType;\n    this.setState({\n      currentThemeType: themeType,\n      currentTheme: this.state.themes[themeType],\n    });\n  };\n\n  private handleThemeVariableChange = (variable: keyof Theme, value: string) => {\n    const { editingThemeItem, currentTheme, themes, themesErrors } = this.state;\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n\n    const theme = themes[editingThemeType];\n    const currentValue = theme[variable] as string;\n\n    let canSetVariable = true;\n    if (ColorFunctions.isValid(currentValue)) {\n      canSetVariable = ColorFunctions.isValid(value);\n      themesErrors[editingThemeType][variable] = !canSetVariable;\n    }\n\n    const nextThemeErrors: ThemesErrors = { ...themesErrors };\n    nextThemeErrors[editingThemeType][variable] = !canSetVariable;\n    const stateUpdate = { themes, currentTheme, themesErrors: nextThemeErrors };\n\n    if (canSetVariable) {\n      const result = this.changeThemeVariable(theme, variable, value);\n      stateUpdate.themes[editingThemeType] = result;\n      if (this.state.currentThemeType === editingThemeType) {\n        stateUpdate.currentTheme = result;\n      }\n    }\n\n    this.setState(stateUpdate);\n  };\n\n  private getEditableThemesItems = (query: string) => {\n    return Promise.resolve(this.editableThemesItems.filter((i) => i.label.toLowerCase().includes(query.toLowerCase())));\n  };\n\n  private handleEditingThemeSwitch = (item: EditingThemeItem) => {\n    this.setState({ editingThemeItem: item });\n  };\n\n  private changeThemeVariable = (theme: Theme, variableName: keyof Theme, variableValue: string): Theme => {\n    const result: ThemeIn = {};\n    ThemeFactory.getKeys(theme).forEach((key) => {\n      const descriptor = findPropertyDescriptor(theme, key);\n      descriptor.enumerable = true;\n      descriptor.configurable = true;\n      if (key === variableName) {\n        delete descriptor.get;\n        delete descriptor.set;\n        descriptor.value = variableValue;\n      }\n      Object.defineProperty(result, key, descriptor);\n    });\n\n    return ThemeFactory.create<ThemeIn>(result);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","DocsContext","ThemeContext","ThemeFactory","SidePage","Gapped","ComboBox","Link","ColorFunctions","findPropertyDescriptor","LIGHT_THEME","DARK_THEME","ThemeEditor","styles","Playground","ThemeType","getEditingThemeType","editingThemeItem","value","ThemeContextPlaygroundInternal","_React$Component","props","_this","call","editableThemesItems","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","createElement","disableAnimations","ignoreBackgroundClick","width","onClose","handleClose","Header","className","editorHeaderWrapper","wrap","verticalAlign","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","onClick","handleGetTheme","Body","sidePageBody","editingTheme","currentErrors","handleThemeVariableChange","themeObject","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_extends","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","_inheritsLoose","_proto","prototype","render","_this$state3","_this$props","globalBrand","globalAccent","themeAttribute","Provider","onThemeChange","onEditLinkClick","Component","ThemeContextPlayground","_context$store$userGl","context","globals","store","userGlobals","brand","accent"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\nimport { DocsContext } from '@storybook/addon-docs';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { SidePage } from '../../components/SidePage';\nimport { Gapped } from '../../components/Gapped';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Link } from '../../components/Link';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Writeable } from '../../typings/utility-types';\nimport { findPropertyDescriptor } from '../../lib/theming/ThemeHelpers';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\n\nimport { ThemeEditor } from './ThemeEditor';\nimport { styles } from './Playground.styles';\nimport { Playground } from './Playground';\nimport { ThemeType } from './constants';\n\ninterface PlaygroundState {\n  editorOpened: boolean;\n  editingThemeItem?: EditingThemeItem;\n  themes: Themes;\n  themesErrors: ThemesErrors;\n  currentTheme: Theme;\n  currentThemeType: ThemeType;\n}\ninterface Themes {\n  lightTheme: Theme;\n  darkTheme: Theme;\n}\ninterface ThemesErrors {\n  lightTheme: ThemeErrorsType;\n  darkTheme: ThemeErrorsType;\n}\ninterface EditingThemeItem {\n  value: ThemeType;\n  label: string;\n}\ninterface PlaygroundProps {\n  children?: ReactNode;\n}\n\ninterface PlaygroundWrapperProps {\n  globalBrand: string;\n  globalAccent: string;\n}\n\nexport type ThemeErrorsType = Writeable<{ [key in keyof Theme]?: boolean }>;\n\nconst getEditingThemeType = (editingThemeItem: PlaygroundState['editingThemeItem']) => {\n  if (editingThemeItem) {\n    return editingThemeItem.value;\n  }\n\n  return 'lightTheme';\n};\n\nclass ThemeContextPlaygroundInternal extends React.Component<\n  PlaygroundProps & PlaygroundWrapperProps,\n  PlaygroundState\n> {\n  private readonly editableThemesItems = [\n    { value: ThemeType.LightTheme, label: 'Светлая тема' },\n    { value: ThemeType.DarkTheme, label: 'Тёмная тема' },\n  ];\n\n  constructor(props: PlaygroundProps & PlaygroundWrapperProps) {\n    super(props);\n    this.state = {\n      currentTheme: LIGHT_THEME,\n      currentThemeType: ThemeType.LightTheme,\n      editorOpened: false,\n      themes: {\n        lightTheme: LIGHT_THEME,\n        darkTheme: DARK_THEME,\n      },\n      themesErrors: {\n        lightTheme: {},\n        darkTheme: {},\n      },\n    };\n  }\n\n  public render() {\n    const { currentTheme, editorOpened, currentThemeType } = this.state;\n    const { globalBrand, globalAccent } = this.props;\n\n    const themeAttribute = currentThemeType === ThemeType.DarkTheme ? 'dark' : 'light';\n\n    return (\n      <ThemeContext.Provider value={currentTheme}>\n        <div data-k-brand={globalBrand} data-k-accent={globalAccent} data-k-theme={themeAttribute}>\n          {editorOpened && this.renderSidePage()}\n          {\n            <Playground\n              onThemeChange={this.handleThemeChange}\n              currentThemeType={currentThemeType}\n              onEditLinkClick={this.handleOpen}\n            />\n          }\n        </div>\n      </ThemeContext.Provider>\n    );\n  }\n\n  private renderSidePage = () => {\n    const { currentTheme, themesErrors, editingThemeItem, themes } = this.state;\n\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n    const themeErrors = themesErrors[editingThemeType];\n\n    return (\n      <SidePage disableAnimations ignoreBackgroundClick width={600} onClose={this.handleClose}>\n        <SidePage.Header>\n          <div className={styles.editorHeaderWrapper(currentTheme)}>\n            <Gapped wrap verticalAlign=\"middle\">\n              <span>Тема для редактирования:</span>\n              <ComboBox\n                getItems={this.getEditableThemesItems}\n                value={editingThemeItem}\n                onValueChange={this.handleEditingThemeSwitch}\n              />\n            </Gapped>\n          </div>\n          <div style={{ fontSize: 14, marginTop: 8 }}>\n            <Link onClick={this.handleGetTheme}>Вывести тему в консоль</Link>\n          </div>\n        </SidePage.Header>\n        <SidePage.Body>\n          <div className={styles.sidePageBody()}>\n            <ThemeEditor\n              editingTheme={themes[editingThemeType]}\n              currentTheme={currentTheme}\n              currentErrors={themeErrors}\n              onValueChange={this.handleThemeVariableChange}\n            />\n          </div>\n        </SidePage.Body>\n      </SidePage>\n    );\n  };\n\n  private handleGetTheme = () => {\n    const currentTheme = this.state.currentTheme;\n    const themeObject: Writeable<ThemeIn> = {};\n    ThemeFactory.getKeys(currentTheme).forEach((key) => {\n      const descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);\n      if (descriptor && !descriptor.get && LIGHT_THEME[key] && currentTheme[key] !== LIGHT_THEME[key]) {\n        themeObject[key] = currentTheme[key] as keyof Theme;\n      }\n    });\n\n    console.log(JSON.stringify(themeObject));\n  };\n\n  private handleOpen = () => {\n    this.setState((state) => ({\n      editorOpened: true,\n      editingThemeItem: this.editableThemesItems.find((i) => i.value === state.currentThemeType),\n    }));\n  };\n\n  private handleClose = () => {\n    this.setState({\n      editorOpened: false,\n    });\n  };\n\n  private handleThemeChange = (value: string) => {\n    const themeType = value as ThemeType;\n    this.setState({\n      currentThemeType: themeType,\n      currentTheme: this.state.themes[themeType],\n    });\n  };\n\n  private handleThemeVariableChange = (variable: keyof Theme, value: string) => {\n    const { editingThemeItem, currentTheme, themes, themesErrors } = this.state;\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n\n    const theme = themes[editingThemeType];\n    const currentValue = theme[variable] as string;\n\n    let canSetVariable = true;\n    if (ColorFunctions.isValid(currentValue)) {\n      canSetVariable = ColorFunctions.isValid(value);\n      themesErrors[editingThemeType][variable] = !canSetVariable;\n    }\n\n    const nextThemeErrors: ThemesErrors = { ...themesErrors };\n    nextThemeErrors[editingThemeType][variable] = !canSetVariable;\n    const stateUpdate = { themes, currentTheme, themesErrors: nextThemeErrors };\n\n    if (canSetVariable) {\n      const result = this.changeThemeVariable(theme, variable, value);\n      stateUpdate.themes[editingThemeType] = result;\n      if (this.state.currentThemeType === editingThemeType) {\n        stateUpdate.currentTheme = result;\n      }\n    }\n\n    this.setState(stateUpdate);\n  };\n\n  private getEditableThemesItems = (query: string) => {\n    return Promise.resolve(this.editableThemesItems.filter((i) => i.label.toLowerCase().includes(query.toLowerCase())));\n  };\n\n  private handleEditingThemeSwitch = (item: EditingThemeItem) => {\n    this.setState({ editingThemeItem: item });\n  };\n\n  private changeThemeVariable = (theme: Theme, variableName: keyof Theme, variableValue: string): Theme => {\n    const result: ThemeIn = {};\n    ThemeFactory.getKeys(theme).forEach((key) => {\n      const descriptor = findPropertyDescriptor(theme, key);\n      descriptor.enumerable = true;\n      descriptor.configurable = true;\n      if (key === variableName) {\n        delete descriptor.get;\n        delete descriptor.set;\n        descriptor.value = variableValue;\n      }\n      Object.defineProperty(result, key, descriptor);\n    });\n\n    return ThemeFactory.create<ThemeIn>(result);\n  };\n}\n\nexport const ThemeContextPlayground = (props: PlaygroundProps) => {\n  const context = useContext(DocsContext) as any;\n  const globals = context?.store.userGlobals?.globals || {};\n  const brand = globals.brand || 'red';\n  const accent = globals.accent || 'gray';\n\n  return <ThemeContextPlaygroundInternal {...props} globalBrand={brand} globalAccent={accent} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/internal/ThemePlayground/ThemeContextPlayground.d.ts

@@ -2,45 +2,11 @@ import type { ReactNode } from 'react';
 import React from 'react';
 import type { Theme } from '../../lib/theming/Theme';
 import type { Writeable } from '../../typings/utility-types';
-import { ThemeType } from './constants';
-interface PlaygroundState {
-    editorOpened: boolean;
-    editingThemeItem?: EditingThemeItem;
-    themes: Themes;
-    themesErrors: ThemesErrors;
-    currentTheme: Theme;
-    currentThemeType: ThemeType;
-}
-interface Themes {
-    lightTheme: Theme;
-    darkTheme: Theme;
-}
-interface ThemesErrors {
-    lightTheme: ThemeErrorsType;
-    darkTheme: ThemeErrorsType;
-}
-interface EditingThemeItem {
-    value: ThemeType;
-    label: string;
-}
 interface PlaygroundProps {
     children?: ReactNode;
 }
 export type ThemeErrorsType = Writeable<{
     [key in keyof Theme]?: boolean;
 }>;
-export declare class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {
-    private readonly editableThemesItems;
-    constructor(props: PlaygroundProps);
-    render(): React.JSX.Element;
-    private renderSidePage;
-    private handleGetTheme;
-    private handleOpen;
-    private handleClose;
-    private handleThemeChange;
-    private handleThemeVariableChange;
-    private getEditableThemesItems;
-    private handleEditingThemeSwitch;
-    private changeThemeVariable;
-}
+export declare const ThemeContextPlayground: (props: PlaygroundProps) => React.JSX.Element;
 export {};

package/internal/themes/DarkTheme5_5/DarkTheme5_5.js

@@ -11,13 +11,10 @@ export var DarkTheme5_5 = createTheme({
     }
     _inheritsLoose(DarkTheme5_5, _BasicThemeClassForEx);
     return _createClass(DarkTheme5_5, null, [{
-      key: "fileUploaderIconHoverColorForValidation",
-      get: function get() {
-        return this.bgSecondary;
-      }
-    }, {
       key: "fileUploaderErrorColor",
-      get: function get() {
+      get:
+      //#region FileUploader
+      function get() {
         return this.textColorDisabled;
       }
     }, {
@@ -52,7 +49,7 @@ export var DarkTheme5_5 = createTheme({
       }
       //#endregion FileUploader
     }]);
-  }(BasicThemeClassForExtension), _DarkTheme5_.fileUploaderIconColorForValidation = '#222222', _DarkTheme5_.fileUploaderFileTypeUnknownIconColor = '#676767', _DarkTheme5_.fileUploaderPaddingXSmall = '7px', _DarkTheme5_.fileUploaderPaddingXMedium = '9px', _DarkTheme5_.fileUploaderPaddingXLarge = '11px', _DarkTheme5_.fileUploaderErrorBgColor = '#4F2421', _DarkTheme5_.fileUploaderErrorBgHoverColor = '#612A29', _DarkTheme5_.fileUploaderWarningBgColor = '#3F2F1E', _DarkTheme5_.fileUploaderWarningBgHoverColor = '#4C3923', _DarkTheme5_.fileUploaderWarningTextColor = '#FDD481', _DarkTheme5_.fileUploaderDisabledColor = 'rgba(255, 255, 255, 0.54)', _DarkTheme5_.fileUploaderDisabledIconColor = 'rgba(255, 255, 255, 0.32)', _DarkTheme5_),
+  }(BasicThemeClassForExtension), _DarkTheme5_.fileUploaderFileTypeUnknownIconColor = '#676767', _DarkTheme5_.fileUploaderPaddingXSmall = '7px', _DarkTheme5_.fileUploaderPaddingXMedium = '9px', _DarkTheme5_.fileUploaderPaddingXLarge = '11px', _DarkTheme5_.fileUploaderErrorBgColor = '#4F2421', _DarkTheme5_.fileUploaderErrorBgHoverColor = '#612A29', _DarkTheme5_.fileUploaderWarningBgColor = '#3F2F1E', _DarkTheme5_.fileUploaderWarningBgHoverColor = '#4C3923', _DarkTheme5_.fileUploaderWarningTextColor = '#FDD481', _DarkTheme5_.fileUploaderDisabledColor = 'rgba(255, 255, 255, 0.54)', _DarkTheme5_.fileUploaderDisabledIconColor = 'rgba(255, 255, 255, 0.32)', _DarkTheme5_),
   prototypeTheme: DarkTheme5_4,
   themeMarkers: [markThemeVersion('5.5')]
 });

package/internal/themes/DarkTheme5_5/DarkTheme5_5.js.map

@@ -1 +1 @@
-{"version":3,"names":["createTheme","markThemeVersion","BasicThemeClassForExtension","DarkTheme5_4","DarkTheme5_5","themeClass","_DarkTheme5_","_BasicThemeClassForEx","apply","arguments","_inheritsLoose","_createClass","key","get","bgSecondary","textColorDisabled","errorText","fileUploaderTextColorDefault","gray","borderColorGrayLight","fileUploaderDisabledColor","fileUploaderDisabledIconColor","fileUploaderIconColorForValidation","fileUploaderFileTypeUnknownIconColor","fileUploaderPaddingXSmall","fileUploaderPaddingXMedium","fileUploaderPaddingXLarge","fileUploaderErrorBgColor","fileUploaderErrorBgHoverColor","fileUploaderWarningBgColor","fileUploaderWarningBgHoverColor","fileUploaderWarningTextColor","prototypeTheme","themeMarkers"],"sources":["DarkTheme5_5.ts"],"sourcesContent":["import { createTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers';\n\nimport { BasicThemeClassForExtension } from './BasicTheme';\nimport { DarkTheme5_4 } from './DarkTheme5_4';\n\nexport const DarkTheme5_5 = createTheme({\n  themeClass: class DarkTheme5_5 extends BasicThemeClassForExtension {\n    //#region FileUploader\n    public static fileUploaderIconColorForValidation = '#222222';\n    public static get fileUploaderIconHoverColorForValidation() {\n      return this.bgSecondary;\n    }\n\n    public static get fileUploaderErrorColor() {\n      return this.textColorDisabled;\n    }\n\n    public static fileUploaderFileTypeUnknownIconColor = '#676767';\n    public static fileUploaderPaddingXSmall = '7px';\n    public static fileUploaderPaddingXMedium = '9px';\n    public static fileUploaderPaddingXLarge = '11px';\n\n    public static fileUploaderErrorBgColor = '#4F2421';\n    public static fileUploaderErrorBgHoverColor = '#612A29';\n    public static get fileUploaderErrorTextColor() {\n      return this.errorText;\n    }\n    public static fileUploaderWarningBgColor = '#3F2F1E';\n    public static fileUploaderWarningBgHoverColor = '#4C3923';\n    public static fileUploaderWarningTextColor = '#FDD481';\n\n    public static get fileUploaderValidationTextColor() {\n      return this.fileUploaderTextColorDefault;\n    }\n    public static get fileUploaderAfterLinkColor() {\n      return this.gray;\n    }\n    public static get fileUploaderBorderColor() {\n      return this.borderColorGrayLight;\n    }\n    public static fileUploaderDisabledColor = 'rgba(255, 255, 255, 0.54)';\n    public static fileUploaderDisabledIconColor = 'rgba(255, 255, 255, 0.32)';\n    public static get fileUploaderDisabledTextColor() {\n      return this.fileUploaderDisabledColor;\n    }\n    public static get fileUploaderDisabledFileTypeIcon() {\n      return this.fileUploaderDisabledIconColor;\n    }\n    //#endregion FileUploader\n  },\n  prototypeTheme: DarkTheme5_4,\n  themeMarkers: [markThemeVersion('5.5')],\n});\n"],"mappings":"yJAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,gCAAgC;;AAE9E,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C,OAAO,IAAMC,YAAY,GAAGJ,WAAW,CAAC;EACtCK,UAAU,GAAAC,YAAA,0BAAAC,qBAAA,YAAAH,aAAA,UAAAG,qBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,YAAA,EAAAG,qBAAA,SAAAI,YAAA,CAAAP,YAAA,WAAAQ,GAAA,6CAAAC,GAAA;;;MAGR,SAAAA,IAAA,EAA4D;QAC1D,OAAO,IAAI,CAACC,WAAW;MACzB,CAAC,MAAAF,GAAA,4BAAAC,GAAA;;MAED,SAAAA,IAAA,EAA2C;QACzC,OAAO,IAAI,CAACE,iBAAiB;MAC/B,CAAC,MAAAH,GAAA,gCAAAC,GAAA;;;;;;;;;MASD,SAAAA,IAAA,EAA+C;QAC7C,OAAO,IAAI,CAACG,SAAS;MACvB,CAAC,MAAAJ,GAAA,qCAAAC,GAAA;;;;;MAKD,SAAAA,IAAA,EAAoD;QAClD,OAAO,IAAI,CAACI,4BAA4B;MAC1C,CAAC,MAAAL,GAAA,gCAAAC,GAAA;MACD,SAAAA,IAAA,EAA+C;QAC7C,OAAO,IAAI,CAACK,IAAI;MAClB,CAAC,MAAAN,GAAA,6BAAAC,GAAA;MACD,SAAAA,IAAA,EAA4C;QAC1C,OAAO,IAAI,CAACM,oBAAoB;MAClC,CAAC,MAAAP,GAAA,mCAAAC,GAAA;;;MAGD,SAAAA,IAAA,EAAkD;QAChD,OAAO,IAAI,CAACO,yBAAyB;MACvC,CAAC,MAAAR,GAAA,sCAAAC,GAAA;MACD,SAAAA,IAAA,EAAqD;QACnD,OAAO,IAAI,CAACQ,6BAA6B;MAC3C;MACA;IAAA,MA1CqCnB,2BAA2B,GAAAI,YAAA,CAElDgB,kCAAkC,GAAG,SAAS,EAAAhB,YAAA,CAS9CiB,oCAAoC,GAAG,SAAS,EAAAjB,YAAA,CAChDkB,yBAAyB,GAAG,KAAK,EAAAlB,YAAA,CACjCmB,0BAA0B,GAAG,KAAK,EAAAnB,YAAA,CAClCoB,yBAAyB,GAAG,MAAM,EAAApB,YAAA,CAElCqB,wBAAwB,GAAG,SAAS,EAAArB,YAAA,CACpCsB,6BAA6B,GAAG,SAAS,EAAAtB,YAAA,CAIzCuB,0BAA0B,GAAG,SAAS,EAAAvB,YAAA,CACtCwB,+BAA+B,GAAG,SAAS,EAAAxB,YAAA,CAC3CyB,4BAA4B,GAAG,SAAS,EAAAzB,YAAA,CAWxCc,yBAAyB,GAAG,2BAA2B,EAAAd,YAAA,CACvDe,6BAA6B,GAAG,2BAA2B,EAAAf,YAAA,CAQ1E;EACD0B,cAAc,EAAE7B,YAAY;EAC5B8B,YAAY,EAAE,CAAChC,gBAAgB,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["createTheme","markThemeVersion","BasicThemeClassForExtension","DarkTheme5_4","DarkTheme5_5","themeClass","_DarkTheme5_","_BasicThemeClassForEx","apply","arguments","_inheritsLoose","_createClass","key","get","textColorDisabled","errorText","fileUploaderTextColorDefault","gray","borderColorGrayLight","fileUploaderDisabledColor","fileUploaderDisabledIconColor","fileUploaderFileTypeUnknownIconColor","fileUploaderPaddingXSmall","fileUploaderPaddingXMedium","fileUploaderPaddingXLarge","fileUploaderErrorBgColor","fileUploaderErrorBgHoverColor","fileUploaderWarningBgColor","fileUploaderWarningBgHoverColor","fileUploaderWarningTextColor","prototypeTheme","themeMarkers"],"sources":["DarkTheme5_5.ts"],"sourcesContent":["import { createTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers';\n\nimport { BasicThemeClassForExtension } from './BasicTheme';\nimport { DarkTheme5_4 } from './DarkTheme5_4';\n\nexport const DarkTheme5_5 = createTheme({\n  themeClass: class DarkTheme5_5 extends BasicThemeClassForExtension {\n    //#region FileUploader\n    public static get fileUploaderErrorColor() {\n      return this.textColorDisabled;\n    }\n\n    public static fileUploaderFileTypeUnknownIconColor = '#676767';\n    public static fileUploaderPaddingXSmall = '7px';\n    public static fileUploaderPaddingXMedium = '9px';\n    public static fileUploaderPaddingXLarge = '11px';\n\n    public static fileUploaderErrorBgColor = '#4F2421';\n    public static fileUploaderErrorBgHoverColor = '#612A29';\n    public static get fileUploaderErrorTextColor() {\n      return this.errorText;\n    }\n    public static fileUploaderWarningBgColor = '#3F2F1E';\n    public static fileUploaderWarningBgHoverColor = '#4C3923';\n    public static fileUploaderWarningTextColor = '#FDD481';\n\n    public static get fileUploaderValidationTextColor() {\n      return this.fileUploaderTextColorDefault;\n    }\n    public static get fileUploaderAfterLinkColor() {\n      return this.gray;\n    }\n    public static get fileUploaderBorderColor() {\n      return this.borderColorGrayLight;\n    }\n    public static fileUploaderDisabledColor = 'rgba(255, 255, 255, 0.54)';\n    public static fileUploaderDisabledIconColor = 'rgba(255, 255, 255, 0.32)';\n    public static get fileUploaderDisabledTextColor() {\n      return this.fileUploaderDisabledColor;\n    }\n    public static get fileUploaderDisabledFileTypeIcon() {\n      return this.fileUploaderDisabledIconColor;\n    }\n    //#endregion FileUploader\n  },\n  prototypeTheme: DarkTheme5_4,\n  themeMarkers: [markThemeVersion('5.5')],\n});\n"],"mappings":"yJAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,gCAAgC;;AAE9E,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C,OAAO,IAAMC,YAAY,GAAGJ,WAAW,CAAC;EACtCK,UAAU,GAAAC,YAAA,0BAAAC,qBAAA,YAAAH,aAAA,UAAAG,qBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,YAAA,EAAAG,qBAAA,SAAAI,YAAA,CAAAP,YAAA,WAAAQ,GAAA,4BAAAC,GAAA;MACR;MACA,SAAAA,IAAA,EAA2C;QACzC,OAAO,IAAI,CAACC,iBAAiB;MAC/B,CAAC,MAAAF,GAAA,gCAAAC,GAAA;;;;;;;;;MASD,SAAAA,IAAA,EAA+C;QAC7C,OAAO,IAAI,CAACE,SAAS;MACvB,CAAC,MAAAH,GAAA,qCAAAC,GAAA;;;;;MAKD,SAAAA,IAAA,EAAoD;QAClD,OAAO,IAAI,CAACG,4BAA4B;MAC1C,CAAC,MAAAJ,GAAA,gCAAAC,GAAA;MACD,SAAAA,IAAA,EAA+C;QAC7C,OAAO,IAAI,CAACI,IAAI;MAClB,CAAC,MAAAL,GAAA,6BAAAC,GAAA;MACD,SAAAA,IAAA,EAA4C;QAC1C,OAAO,IAAI,CAACK,oBAAoB;MAClC,CAAC,MAAAN,GAAA,mCAAAC,GAAA;;;MAGD,SAAAA,IAAA,EAAkD;QAChD,OAAO,IAAI,CAACM,yBAAyB;MACvC,CAAC,MAAAP,GAAA,sCAAAC,GAAA;MACD,SAAAA,IAAA,EAAqD;QACnD,OAAO,IAAI,CAACO,6BAA6B;MAC3C;MACA;IAAA,MArCqClB,2BAA2B,GAAAI,YAAA,CAMlDe,oCAAoC,GAAG,SAAS,EAAAf,YAAA,CAChDgB,yBAAyB,GAAG,KAAK,EAAAhB,YAAA,CACjCiB,0BAA0B,GAAG,KAAK,EAAAjB,YAAA,CAClCkB,yBAAyB,GAAG,MAAM,EAAAlB,YAAA,CAElCmB,wBAAwB,GAAG,SAAS,EAAAnB,YAAA,CACpCoB,6BAA6B,GAAG,SAAS,EAAApB,YAAA,CAIzCqB,0BAA0B,GAAG,SAAS,EAAArB,YAAA,CACtCsB,+BAA+B,GAAG,SAAS,EAAAtB,YAAA,CAC3CuB,4BAA4B,GAAG,SAAS,EAAAvB,YAAA,CAWxCa,yBAAyB,GAAG,2BAA2B,EAAAb,YAAA,CACvDc,6BAA6B,GAAG,2BAA2B,EAAAd,YAAA,CAQ1E;EACDwB,cAAc,EAAE3B,YAAY;EAC5B4B,YAAY,EAAE,CAAC9B,gBAAgB,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC","ignoreList":[]}