@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/cjs/components/Switcher/Switcher.styles.js

@@ -1,72 +1,96 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n      line-height: normal;\n    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        line-height: normal;\n      "])));
 
 
-      },
 
-      wrap: function wrap() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        vertical-align: middle;\n      "])));
+  },
 
+  wrap: function wrap() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      vertical-align: middle;\n    "])));
 
 
-      },
 
-      input: function input() {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 0;\n        opacity: 0;\n        position: absolute;\n        width: 0;\n      "])));
+  },
 
+  wrapCustomWidth: function wrapCustomWidth() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-grow: 1;\n    "])));
 
 
+  },
 
+  input: function input() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    "])));
 
-      },
 
-      caption: function caption(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        vertical-align: middle;\n        display: inline-block;\n      "])),
-        t.switcherTextColor);
 
 
 
-      },
+  },
 
-      captionSmall: function captionSmall(t) {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])),
-        t.switcherCaptionGapSmall,
-        t.switcherCaptionFontSizeSmall,
-        t.switcherCaptionLineHeightSmall);
+  caption: function caption(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      vertical-align: middle;\n      display: inline-block;\n    "])),
+    t.switcherTextColor);
 
-      },
 
-      captionMedium: function captionMedium(t) {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])),
-        t.switcherCaptionGapMedium,
-        t.switcherCaptionFontSizeMedium,
-        t.switcherCaptionLineHeightMedium);
 
-      },
+  },
 
-      captionLarge: function captionLarge(t) {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])),
-        t.switcherCaptionGapLarge,
-        t.switcherCaptionFontSizeLarge,
-        t.switcherCaptionLineHeightLarge);
+  captionSmall: function captionSmall(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.switcherCaptionGapSmall,
+    t.switcherCaptionFontSizeSmall,
+    t.switcherCaptionLineHeightSmall);
 
-      },
+  },
 
-      error: function error(t) {
-        var insideWidth = parseInt(t.btnBorderWidth);
-        var outsideWidth = parseInt(t.switcherOutlineWidth) - insideWidth + "px";
-        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-radius: ", ";\n        box-shadow:\n        inset 0 0 0 ", "px ", ",\n        0 0 0 ", " ", ";\n      "])),
-        t.switcherBorderRadius,
+  captionMedium: function captionMedium(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.switcherCaptionGapMedium,
+    t.switcherCaptionFontSizeMedium,
+    t.switcherCaptionLineHeightMedium);
 
-        insideWidth, t.borderColorError,
-        outsideWidth, t.borderColorError);
+  },
 
-      }
-    }));};
+  captionLarge: function captionLarge(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.switcherCaptionGapLarge,
+    t.switcherCaptionFontSizeLarge,
+    t.switcherCaptionLineHeightLarge);
+
+  },
+
+  error: function error(t) {
+    var insideWidth = parseInt(t.btnBorderWidth);
+    var outsideWidth = parseInt(t.switcherOutlineWidth) - insideWidth + "px";
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      box-shadow:\n        inset 0 0 0 ", "px ", ",\n        0 0 0 ", " ", ";\n    "])),
+    t.switcherBorderRadius,
+
+    insideWidth, t.borderColorError,
+    outsideWidth, t.borderColorError);
+
+  },
+
+  error5_1: function error5_1(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])),
+
+
+
+
+
+
+
+
+
+
+
+    t.switcherBorderRadius,
+    t.switcherOutlineWidth, t.borderColorError);
+
+
+  }
+});

package/cjs/components/Switcher/Switcher.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","getStyles","exports","emotion","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","wrap","input","caption","t","switcherTextColor","captionSmall","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","insideWidth","parseInt","btnBorderWidth","outsideWidth","switcherOutlineWidth","switcherBorderRadius","borderColorError"],"sources":["Switcher.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        line-height: normal;\n      `;\n    },\n\n    wrap() {\n      return emotion.css`\n        display: inline-block;\n        vertical-align: middle;\n      `;\n    },\n\n    input() {\n      return emotion.css`\n        height: 0;\n        opacity: 0;\n        position: absolute;\n        width: 0;\n      `;\n    },\n\n    caption(t: Theme) {\n      return emotion.css`\n        color: ${t.switcherTextColor};\n        vertical-align: middle;\n        display: inline-block;\n      `;\n    },\n\n    captionSmall(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.switcherCaptionGapSmall};\n        font-size: ${t.switcherCaptionFontSizeSmall};\n        line-height: ${t.switcherCaptionLineHeightSmall};\n      `;\n    },\n\n    captionMedium(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.switcherCaptionGapMedium};\n        font-size: ${t.switcherCaptionFontSizeMedium};\n        line-height: ${t.switcherCaptionLineHeightMedium};\n      `;\n    },\n\n    captionLarge(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.switcherCaptionGapLarge};\n        font-size: ${t.switcherCaptionFontSizeLarge};\n        line-height: ${t.switcherCaptionLineHeightLarge};\n      `;\n    },\n\n    error(t: Theme) {\n      const insideWidth = parseInt(t.btnBorderWidth);\n      const outsideWidth = `${parseInt(t.switcherOutlineWidth) - insideWidth}px`;\n      return emotion.css`\n        border-radius: ${t.switcherBorderRadius};\n        box-shadow:\n        inset 0 0 0 ${insideWidth}px ${t.borderColorError},\n        0 0 0 ${outsideWidth} ${t.borderColorError};\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGlD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOF,OAAO,CAACG,GAAG,CAAAb,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;;MAEDC,IAAI,WAAAA,KAAA,EAAG;QACL,OAAON,OAAO,CAACG,GAAG,CAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;;MAIpB,CAAC;;MAEDE,KAAK,WAAAA,MAAA,EAAG;QACN,OAAOP,OAAO,CAACG,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;;;;MAMpB,CAAC;;MAEDG,OAAO,WAAAA,QAACC,CAAQ,EAAE;QAChB,OAAOT,OAAO,CAACG,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;QACPI,CAAC,CAACC,iBAAiB;;;;MAIhC,CAAC;;MAEDC,YAAY,WAAAA,aAACF,CAAQ,EAAE;QACrB,OAAOT,OAAO,CAACG,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;QACAI,CAAC,CAACG,uBAAuB;QAC5BH,CAAC,CAACI,4BAA4B;QAC5BJ,CAAC,CAACK,8BAA8B;;MAEnD,CAAC;;MAEDC,aAAa,WAAAA,cAACN,CAAQ,EAAE;QACtB,OAAOT,OAAO,CAACG,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;QACAI,CAAC,CAACO,wBAAwB;QAC7BP,CAAC,CAACQ,6BAA6B;QAC7BR,CAAC,CAACS,+BAA+B;;MAEpD,CAAC;;MAEDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;QACrB,OAAOT,OAAO,CAACG,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;QACAI,CAAC,CAACW,uBAAuB;QAC5BX,CAAC,CAACY,4BAA4B;QAC5BZ,CAAC,CAACa,8BAA8B;;MAEnD,CAAC;;MAEDC,KAAK,WAAAA,MAACd,CAAQ,EAAE;QACd,IAAMe,WAAW,GAAGC,QAAQ,CAAChB,CAAC,CAACiB,cAAc,CAAC;QAC9C,IAAMC,YAAY,GAAMF,QAAQ,CAAChB,CAAC,CAACmB,oBAAoB,CAAC,GAAGJ,WAAW,OAAI;QAC1E,OAAOxB,OAAO,CAACG,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;QACCI,CAAC,CAACoB,oBAAoB;;QAEzBL,WAAW,EAAMf,CAAC,CAACqB,gBAAgB;QACzCH,YAAY,EAAIlB,CAAC,CAACqB,gBAAgB;;MAE9C;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","wrap","wrapCustomWidth","input","caption","t","switcherTextColor","captionSmall","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","insideWidth","parseInt","btnBorderWidth","outsideWidth","switcherOutlineWidth","switcherBorderRadius","borderColorError","error5_1"],"sources":["Switcher.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: flex;\n      align-items: center;\n      line-height: normal;\n    `;\n  },\n\n  wrap() {\n    return css`\n      display: inline-block;\n      vertical-align: middle;\n    `;\n  },\n\n  wrapCustomWidth() {\n    return css`\n      flex-grow: 1;\n    `;\n  },\n\n  input() {\n    return css`\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.switcherTextColor};\n      vertical-align: middle;\n      display: inline-block;\n    `;\n  },\n\n  captionSmall(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapSmall};\n      font-size: ${t.switcherCaptionFontSizeSmall};\n      line-height: ${t.switcherCaptionLineHeightSmall};\n    `;\n  },\n\n  captionMedium(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapMedium};\n      font-size: ${t.switcherCaptionFontSizeMedium};\n      line-height: ${t.switcherCaptionLineHeightMedium};\n    `;\n  },\n\n  captionLarge(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapLarge};\n      font-size: ${t.switcherCaptionFontSizeLarge};\n      line-height: ${t.switcherCaptionLineHeightLarge};\n    `;\n  },\n\n  error(t: Theme) {\n    const insideWidth = parseInt(t.btnBorderWidth);\n    const outsideWidth = `${parseInt(t.switcherOutlineWidth) - insideWidth}px`;\n    return css`\n      border-radius: ${t.switcherBorderRadius};\n      box-shadow:\n        inset 0 0 0 ${insideWidth}px ${t.borderColorError},\n        0 0 0 ${outsideWidth} ${t.borderColorError};\n    `;\n  },\n\n  error5_1(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ${t.switcherBorderRadius};\n        box-shadow: 0 0 0 ${t.switcherOutlineWidth} ${t.borderColorError};\n      }\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAd,eAAA,KAAAA,eAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOH,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDE,eAAe,WAAAA,gBAAA,EAAG;IAChB,WAAOJ,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOL,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;;;;EAMZ,CAAC;;EAEDI,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,WAAOP,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACCK,CAAC,CAACC,iBAAiB;;;;EAIhC,CAAC;;EAEDC,YAAY,WAAAA,aAACF,CAAQ,EAAE;IACrB,WAAOP,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACQK,CAAC,CAACG,uBAAuB;IAC5BH,CAAC,CAACI,4BAA4B;IAC5BJ,CAAC,CAACK,8BAA8B;;EAEnD,CAAC;;EAEDC,aAAa,WAAAA,cAACN,CAAQ,EAAE;IACtB,WAAOP,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACQK,CAAC,CAACO,wBAAwB;IAC7BP,CAAC,CAACQ,6BAA6B;IAC7BR,CAAC,CAACS,+BAA+B;;EAEpD,CAAC;;EAEDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,WAAOP,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACQK,CAAC,CAACW,uBAAuB;IAC5BX,CAAC,CAACY,4BAA4B;IAC5BZ,CAAC,CAACa,8BAA8B;;EAEnD,CAAC;;EAEDC,KAAK,WAAAA,MAACd,CAAQ,EAAE;IACd,IAAMe,WAAW,GAAGC,QAAQ,CAAChB,CAAC,CAACiB,cAAc,CAAC;IAC9C,IAAMC,YAAY,GAAMF,QAAQ,CAAChB,CAAC,CAACmB,oBAAoB,CAAC,GAAGJ,WAAW,OAAI;IAC1E,WAAOtB,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACSK,CAAC,CAACoB,oBAAoB;;IAEvBL,WAAW,EAAMf,CAAC,CAACqB,gBAAgB;IACzCH,YAAY,EAAIlB,CAAC,CAACqB,gBAAgB;;EAEhD,CAAC;;EAEDC,QAAQ,WAAAA,SAACtB,CAAQ,EAAE;IACjB,WAAOP,YAAG,EAAAL,iBAAA,KAAAA,iBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;;;;;;;IAYWK,CAAC,CAACoB,oBAAoB;IACnBpB,CAAC,CAACmB,oBAAoB,EAAInB,CAAC,CAACqB,gBAAgB;;;EAGtE;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Switcher/helpers.d.ts

@@ -1 +1 @@
-export declare const mod: (n: number, mod: number) => number;
+export declare const mod: (n: number, mod: number) => number;

package/cjs/components/Switcher/index.d.ts

@@ -1 +1 @@
-export * from './Switcher';
+export * from './Switcher';

package/cjs/components/Switcher/switcherTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const getSwitcherTheme: (theme: Theme) => Theme;
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getSwitcherTheme: (theme: Theme) => Theme;

package/cjs/components/Switcher/switcherTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ThemeFactory","require","getSwitcherTheme","exports","theme","ThemeFactory","create","btnBorderWidth","switcherButtonBorderWidth","btnDisabledBorderColor","switcherButtonDisabledBorderColor","btnCheckedDisabledShadow","switcherButtonCheckedDisabledShadow","btnLineHeightSmall","switcherButtonLineHeightSmall","btnFontSizeSmall","switcherButtonFontSizeSmall","btnPaddingXSmall","switcherButtonPaddingXSmall","btnPaddingYSmall","switcherButtonPaddingYSmall","btnBorderRadiusSmall","switcherButtonBorderRadiusSmall","btnLineHeightMedium","switcherButtonLineHeightMedium","btnFontSizeMedium","switcherButtonFontSizeMedium","btnPaddingXMedium","switcherButtonPaddingXMedium","btnPaddingYMedium","switcherButtonPaddingYMedium","btnBorderRadiusMedium","switcherButtonBorderRadiusMedium","btnLineHeightLarge","switcherButtonLineHeightLarge","btnFontSizeLarge","switcherButtonFontSizeLarge","btnPaddingXLarge","switcherButtonPaddingXLarge","btnPaddingYLarge","switcherButtonPaddingYLarge","btnBorderRadiusLarge","switcherButtonBorderRadiusLarge"],"sources":["switcherTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getSwitcherTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      btnBorderWidth: theme.switcherButtonBorderWidth,\n      btnDisabledBorderColor: theme.switcherButtonDisabledBorderColor,\n      btnCheckedDisabledShadow: theme.switcherButtonCheckedDisabledShadow,\n\n      btnLineHeightSmall: theme.switcherButtonLineHeightSmall,\n      btnFontSizeSmall: theme.switcherButtonFontSizeSmall,\n      btnPaddingXSmall: theme.switcherButtonPaddingXSmall,\n      btnPaddingYSmall: theme.switcherButtonPaddingYSmall,\n      btnBorderRadiusSmall: theme.switcherButtonBorderRadiusSmall,\n\n      btnLineHeightMedium: theme.switcherButtonLineHeightMedium,\n      btnFontSizeMedium: theme.switcherButtonFontSizeMedium,\n      btnPaddingXMedium: theme.switcherButtonPaddingXMedium,\n      btnPaddingYMedium: theme.switcherButtonPaddingYMedium,\n      btnBorderRadiusMedium: theme.switcherButtonBorderRadiusMedium,\n\n      btnLineHeightLarge: theme.switcherButtonLineHeightLarge,\n      btnFontSizeLarge: theme.switcherButtonFontSizeLarge,\n      btnPaddingXLarge: theme.switcherButtonPaddingXLarge,\n      btnPaddingYLarge: theme.switcherButtonPaddingYLarge,\n      btnBorderRadiusLarge: theme.switcherButtonBorderRadiusLarge,\n    },\n    theme,\n  );\n};\n"],"mappings":"yEAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAAY,EAAY;EACvD,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,cAAc,EAAEH,KAAK,CAACI,yBAAyB;MAC/CC,sBAAsB,EAAEL,KAAK,CAACM,iCAAiC;MAC/DC,wBAAwB,EAAEP,KAAK,CAACQ,mCAAmC;;MAEnEC,kBAAkB,EAAET,KAAK,CAACU,6BAA6B;MACvDC,gBAAgB,EAAEX,KAAK,CAACY,2BAA2B;MACnDC,gBAAgB,EAAEb,KAAK,CAACc,2BAA2B;MACnDC,gBAAgB,EAAEf,KAAK,CAACgB,2BAA2B;MACnDC,oBAAoB,EAAEjB,KAAK,CAACkB,+BAA+B;;MAE3DC,mBAAmB,EAAEnB,KAAK,CAACoB,8BAA8B;MACzDC,iBAAiB,EAAErB,KAAK,CAACsB,4BAA4B;MACrDC,iBAAiB,EAAEvB,KAAK,CAACwB,4BAA4B;MACrDC,iBAAiB,EAAEzB,KAAK,CAAC0B,4BAA4B;MACrDC,qBAAqB,EAAE3B,KAAK,CAAC4B,gCAAgC;;MAE7DC,kBAAkB,EAAE7B,KAAK,CAAC8B,6BAA6B;MACvDC,gBAAgB,EAAE/B,KAAK,CAACgC,2BAA2B;MACnDC,gBAAgB,EAAEjC,KAAK,CAACkC,2BAA2B;MACnDC,gBAAgB,EAAEnC,KAAK,CAACoC,2BAA2B;MACnDC,oBAAoB,EAAErC,KAAK,CAACsC;IAC9B,CAAC;IACDtC;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_ThemeFactory","require","getSwitcherTheme","exports","theme","ThemeFactory","create","btnBorderWidth","switcherButtonBorderWidth","btnDisabledBorderColor","switcherButtonDisabledBorderColor","btnCheckedDisabledShadow","switcherButtonCheckedDisabledShadow","btnLineHeightSmall","switcherButtonLineHeightSmall","btnFontSizeSmall","switcherButtonFontSizeSmall","btnPaddingXSmall","switcherButtonPaddingXSmall","btnPaddingYSmall","switcherButtonPaddingYSmall","btnBorderRadiusSmall","switcherButtonBorderRadiusSmall","btnLineHeightMedium","switcherButtonLineHeightMedium","btnFontSizeMedium","switcherButtonFontSizeMedium","btnPaddingXMedium","switcherButtonPaddingXMedium","btnPaddingYMedium","switcherButtonPaddingYMedium","btnBorderRadiusMedium","switcherButtonBorderRadiusMedium","btnLineHeightLarge","switcherButtonLineHeightLarge","btnFontSizeLarge","switcherButtonFontSizeLarge","btnPaddingXLarge","switcherButtonPaddingXLarge","btnPaddingYLarge","switcherButtonPaddingYLarge","btnBorderRadiusLarge","switcherButtonBorderRadiusLarge"],"sources":["switcherTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getSwitcherTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      btnBorderWidth: theme.switcherButtonBorderWidth,\n      btnDisabledBorderColor: theme.switcherButtonDisabledBorderColor,\n      btnCheckedDisabledShadow: theme.switcherButtonCheckedDisabledShadow,\n\n      btnLineHeightSmall: theme.switcherButtonLineHeightSmall,\n      btnFontSizeSmall: theme.switcherButtonFontSizeSmall,\n      btnPaddingXSmall: theme.switcherButtonPaddingXSmall,\n      btnPaddingYSmall: theme.switcherButtonPaddingYSmall,\n      btnBorderRadiusSmall: theme.switcherButtonBorderRadiusSmall,\n\n      btnLineHeightMedium: theme.switcherButtonLineHeightMedium,\n      btnFontSizeMedium: theme.switcherButtonFontSizeMedium,\n      btnPaddingXMedium: theme.switcherButtonPaddingXMedium,\n      btnPaddingYMedium: theme.switcherButtonPaddingYMedium,\n      btnBorderRadiusMedium: theme.switcherButtonBorderRadiusMedium,\n\n      btnLineHeightLarge: theme.switcherButtonLineHeightLarge,\n      btnFontSizeLarge: theme.switcherButtonFontSizeLarge,\n      btnPaddingXLarge: theme.switcherButtonPaddingXLarge,\n      btnPaddingYLarge: theme.switcherButtonPaddingYLarge,\n      btnBorderRadiusLarge: theme.switcherButtonBorderRadiusLarge,\n    },\n    theme,\n  );\n};\n"],"mappings":"yEAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAAY,EAAY;EACvD,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,cAAc,EAAEH,KAAK,CAACI,yBAAyB;MAC/CC,sBAAsB,EAAEL,KAAK,CAACM,iCAAiC;MAC/DC,wBAAwB,EAAEP,KAAK,CAACQ,mCAAmC;;MAEnEC,kBAAkB,EAAET,KAAK,CAACU,6BAA6B;MACvDC,gBAAgB,EAAEX,KAAK,CAACY,2BAA2B;MACnDC,gBAAgB,EAAEb,KAAK,CAACc,2BAA2B;MACnDC,gBAAgB,EAAEf,KAAK,CAACgB,2BAA2B;MACnDC,oBAAoB,EAAEjB,KAAK,CAACkB,+BAA+B;;MAE3DC,mBAAmB,EAAEnB,KAAK,CAACoB,8BAA8B;MACzDC,iBAAiB,EAAErB,KAAK,CAACsB,4BAA4B;MACrDC,iBAAiB,EAAEvB,KAAK,CAACwB,4BAA4B;MACrDC,iBAAiB,EAAEzB,KAAK,CAAC0B,4BAA4B;MACrDC,qBAAqB,EAAE3B,KAAK,CAAC4B,gCAAgC;;MAE7DC,kBAAkB,EAAE7B,KAAK,CAAC8B,6BAA6B;MACvDC,gBAAgB,EAAE/B,KAAK,CAACgC,2BAA2B;MACnDC,gBAAgB,EAAEjC,KAAK,CAACkC,2BAA2B;MACnDC,gBAAgB,EAAEnC,KAAK,CAACoC,2BAA2B;MACnDC,oBAAoB,EAAErC,KAAK,CAACsC;IAC9B,CAAC;IACDtC;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/cjs/components/Tabs/Indicator.d.ts

@@ -1,30 +1,28 @@
-import React from 'react';
-import { TabsContextType } from './TabsContext';
-export interface IndicatorProps {
-    className?: string;
-    tabUpdates: {
-        on: (x0: () => void) => () => void;
-    };
-    vertical: boolean;
-}
-export interface IndicatorState {
-    styles: React.CSSProperties;
-}
-export declare class Indicator extends React.Component<IndicatorProps, IndicatorState> {
-    static contextType: React.Context<TabsContextType<any>>;
-    context: TabsContextType;
-    state: IndicatorState;
-    private theme;
-    private emotion;
-    private styles;
-    private eventListener;
-    private removeTabUpdatesListener;
-    private setRootNode;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(): void;
-    render(): React.JSX.Element;
-    private renderMain;
-    private reflow;
-    private getStyles;
-}
+import React from 'react';
+import type { TabsContextType } from './TabsContext';
+export interface IndicatorProps {
+    className?: string;
+    tabUpdates: {
+        on: (x0: () => void) => () => void;
+    };
+    vertical: boolean;
+}
+export interface IndicatorState {
+    styles: React.CSSProperties;
+}
+export declare class Indicator extends React.Component<IndicatorProps, IndicatorState> {
+    static contextType: React.Context<TabsContextType<any>>;
+    context: TabsContextType;
+    state: IndicatorState;
+    private theme;
+    private eventListener;
+    private removeTabUpdatesListener;
+    private setRootNode;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(): void;
+    render(): React.JSX.Element;
+    private renderMain;
+    private reflow;
+    private getStyles;
+}

package/cjs/components/Tabs/Indicator.js

@@ -2,17 +2,18 @@
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _globalObject = require("@skbkontur/global-object");
 
-
 var _isInstanceOf = require("../../lib/isInstanceOf");
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _Emotion = require("../../lib/theming/Emotion");
+
 var _rootNode = require("../../lib/rootNode");
 var _getDOMRect = require("../../lib/dom/getDOMRect");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _Indicator2 = require("./Indicator.styles");
+
 var _TabsContext = require("./TabsContext");
 
 var _Tabs = require("./Tabs");var _class, _Indicator;var
@@ -40,8 +41,6 @@ Indicator = exports.Indicator = (0, _rootNode.rootNode)(_class = (_Indicator = /
 
 
 
-
-
     eventListener =
 
     null;_this.
@@ -98,15 +97,6 @@ Indicator = exports.Indicator = (0, _rootNode.rootNode)(_class = (_Indicator = /
 
 
 
-
-
-
-
-
-
-
-
-
 
 
 
@@ -127,7 +117,7 @@ Indicator = exports.Indicator = (0, _rootNode.rootNode)(_class = (_Indicator = /
       if (stylesUpdated) {
         _this.setState({ styles: nodeStyles });
       }
-    }, 100);return _this;}(0, _inheritsLoose2.default)(Indicator, _React$Component);var _proto = Indicator.prototype;_proto.componentDidMount = function componentDidMount() {this.eventListener = LayoutEvents.addListener(this.reflow);this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);this.reflow();};_proto.componentWillUnmount = function componentWillUnmount() {this.reflow.cancel();if (this.eventListener) {this.eventListener.remove();}if (this.removeTabUpdatesListener) {this.removeTabUpdatesListener();}};_proto.componentDidUpdate = function componentDidUpdate() {this.reflow();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;_this2.styles = (0, _Indicator2.getStyles)(_this2.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.renderMain = function renderMain() {var _this$context2 = this.context,getTab = _this$context2.getTab,activeTab = _this$context2.activeTab;var node = getTab(activeTab);var indicators = node && node.getIndicators && node.getIndicators() || { error: false, warning: false, success: false, primary: false, disabled: false };var styles = this.styles;return /*#__PURE__*/_react.default.createElement("div", { "data-tid": _Tabs.TabsDataTids.indicatorRoot, className: this.emotion.cx(styles.root(this.theme), indicators.primary && styles.primary(this.theme), indicators.success && styles.success(this.theme), indicators.warning && styles.warning(this.theme), indicators.error && styles.error(this.theme), this.props.className), style: this.state.styles, ref: this.setRootNode });};_proto.
+    }, 100);return _this;}(0, _inheritsLoose2.default)(Indicator, _React$Component);var _proto = Indicator.prototype;_proto.componentDidMount = function componentDidMount() {this.eventListener = LayoutEvents.addListener(this.reflow);this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);this.reflow();};_proto.componentWillUnmount = function componentWillUnmount() {this.reflow.cancel();if (this.eventListener) {this.eventListener.remove();}if (this.removeTabUpdatesListener) {this.removeTabUpdatesListener();}};_proto.componentDidUpdate = function componentDidUpdate() {this.reflow();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$context2 = this.context,getTab = _this$context2.getTab,activeTab = _this$context2.activeTab;var node = getTab(activeTab);var indicators = node && node.getIndicators && node.getIndicators() || { error: false, warning: false, success: false, primary: false, disabled: false };return /*#__PURE__*/_react.default.createElement("div", { "data-tid": _Tabs.TabsDataTids.indicatorRoot, className: (0, _Emotion.cx)(_Indicator2.styles.root(this.theme), indicators.primary && _Indicator2.styles.primary(this.theme), indicators.success && _Indicator2.styles.success(this.theme), indicators.warning && _Indicator2.styles.warning(this.theme), indicators.error && _Indicator2.styles.error(this.theme), this.props.className), style: this.state.styles, ref: this.setRootNode });};_proto.
 
   getStyles = function getStyles(node) {
     var htmlNode = (0, _rootNode.getRootNode)(node);

package/cjs/components/Tabs/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_lodash","_globalObject","_isInstanceOf","LayoutEvents","_interopRequireWildcard","_Emotion","_rootNode","_getDOMRect","_ThemeContext","_Indicator2","_TabsContext","_Tabs","_class","_Indicator","Indicator","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","styles","eventListener","removeTabUpdatesListener","reflow","throttle","_this$context","getTab","activeTab","node","nodeStyles","getStyles","stylesUpdated","some","prop","setState","_inheritsLoose2","default","_proto","prototype","componentDidMount","addListener","props","tabUpdates","on","componentWillUnmount","cancel","remove","componentDidUpdate","render","_this2","createElement","EmotionConsumer","emotion","ThemeContext","Consumer","theme","renderMain","_this$context2","indicators","getIndicators","error","warning","success","primary","disabled","TabsDataTids","indicatorRoot","className","cx","root","style","ref","setRootNode","htmlNode","getRootNode","isInstanceOf","globalObject","HTMLElement","rect","getDOMRect","vertical","width","tabBorderWidth","left","offsetLeft","top","offsetTop","height","bottom","parseInt","offsetHeight","right","React","Component","contextType","TabsContext"],"sources":["Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Indicator.styles';\nimport { TabsContext, TabsContextType } from './TabsContext';\nimport { TabIndicators } from './Tab';\nimport { TabsDataTids } from './Tabs';\n\nexport interface IndicatorProps {\n  className?: string;\n  tabUpdates: {\n    on: (x0: () => void) => () => void;\n  };\n  vertical: boolean;\n}\n\nexport interface IndicatorState {\n  styles: React.CSSProperties;\n}\n\n@rootNode\nexport class Indicator extends React.Component<IndicatorProps, IndicatorState> {\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public state: IndicatorState = {\n    styles: {},\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n\n  private eventListener: Nullable<{\n    remove: () => void;\n  }> = null;\n\n  private removeTabUpdatesListener: Nullable<() => void> = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.eventListener = LayoutEvents.addListener(this.reflow);\n    this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);\n    this.reflow();\n  }\n\n  public componentWillUnmount() {\n    this.reflow.cancel();\n\n    if (this.eventListener) {\n      this.eventListener.remove();\n    }\n    if (this.removeTabUpdatesListener) {\n      this.removeTabUpdatesListener();\n    }\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const indicators: TabIndicators = (node && node.getIndicators && node.getIndicators()) || {\n      error: false,\n      warning: false,\n      success: false,\n      primary: false,\n      disabled: false,\n    };\n    const styles = this.styles;\n    return (\n      <div\n        data-tid={TabsDataTids.indicatorRoot}\n        className={this.emotion.cx(\n          styles.root(this.theme),\n          indicators.primary && styles.primary(this.theme),\n          indicators.success && styles.success(this.theme),\n          indicators.warning && styles.warning(this.theme),\n          indicators.error && styles.error(this.theme),\n          this.props.className,\n        )}\n        style={this.state.styles}\n        ref={this.setRootNode}\n      />\n    );\n  }\n\n  private reflow = throttle(() => {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const nodeStyles = this.getStyles(node);\n    const stylesUpdated = ['left', 'top', 'width', 'height'].some(\n      (prop) => nodeStyles[prop as keyof React.CSSProperties] !== this.state.styles[prop as keyof React.CSSProperties],\n    );\n    if (stylesUpdated) {\n      this.setState({ styles: nodeStyles });\n    }\n  }, 100);\n\n  private getStyles(node: any): React.CSSProperties {\n    const htmlNode = getRootNode(node);\n\n    if (isInstanceOf(htmlNode, globalObject.HTMLElement)) {\n      const rect = getDOMRect(htmlNode);\n      if (this.props.vertical) {\n        return {\n          width: this.theme.tabBorderWidth,\n          left: htmlNode.offsetLeft,\n          top: htmlNode.offsetTop,\n          height: rect.bottom - rect.top,\n        };\n      }\n\n      const tabBorderWidth = parseInt(this.theme.tabBorderWidth, 10) || 0;\n      return {\n        left: htmlNode.offsetLeft,\n        top: htmlNode.offsetHeight + htmlNode.offsetTop - tabBorderWidth,\n        width: rect.right - rect.left,\n      };\n    }\n\n    return {};\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lodash","_globalObject","_isInstanceOf","LayoutEvents","_interopRequireWildcard","_ThemeContext","_Emotion","_rootNode","_getDOMRect","_Indicator2","_TabsContext","_Tabs","_class","_Indicator","Indicator","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","styles","eventListener","removeTabUpdatesListener","reflow","throttle","_this$context","getTab","activeTab","node","nodeStyles","getStyles","stylesUpdated","some","prop","setState","_inheritsLoose2","default","_proto","prototype","componentDidMount","addListener","props","tabUpdates","on","componentWillUnmount","cancel","remove","componentDidUpdate","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this$context2","indicators","getIndicators","error","warning","success","primary","disabled","TabsDataTids","indicatorRoot","className","cx","root","style","ref","setRootNode","htmlNode","getRootNode","isInstanceOf","globalObject","HTMLElement","rect","getDOMRect","vertical","width","tabBorderWidth","left","offsetLeft","top","offsetTop","height","bottom","parseInt","offsetHeight","right","React","Component","contextType","TabsContext"],"sources":["Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { styles } from './Indicator.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport type { TabIndicators } from './Tab';\nimport { TabsDataTids } from './Tabs';\n\nexport interface IndicatorProps {\n  className?: string;\n  tabUpdates: {\n    on: (x0: () => void) => () => void;\n  };\n  vertical: boolean;\n}\n\nexport interface IndicatorState {\n  styles: React.CSSProperties;\n}\n\n@rootNode\nexport class Indicator extends React.Component<IndicatorProps, IndicatorState> {\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public state: IndicatorState = {\n    styles: {},\n  };\n\n  private theme!: Theme;\n\n  private eventListener: Nullable<{\n    remove: () => void;\n  }> = null;\n\n  private removeTabUpdatesListener: Nullable<() => void> = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.eventListener = LayoutEvents.addListener(this.reflow);\n    this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);\n    this.reflow();\n  }\n\n  public componentWillUnmount() {\n    this.reflow.cancel();\n\n    if (this.eventListener) {\n      this.eventListener.remove();\n    }\n    if (this.removeTabUpdatesListener) {\n      this.removeTabUpdatesListener();\n    }\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const indicators: TabIndicators = (node && node.getIndicators && node.getIndicators()) || {\n      error: false,\n      warning: false,\n      success: false,\n      primary: false,\n      disabled: false,\n    };\n    return (\n      <div\n        data-tid={TabsDataTids.indicatorRoot}\n        className={cx(\n          styles.root(this.theme),\n          indicators.primary && styles.primary(this.theme),\n          indicators.success && styles.success(this.theme),\n          indicators.warning && styles.warning(this.theme),\n          indicators.error && styles.error(this.theme),\n          this.props.className,\n        )}\n        style={this.state.styles}\n        ref={this.setRootNode}\n      />\n    );\n  }\n\n  private reflow = throttle(() => {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const nodeStyles = this.getStyles(node);\n    const stylesUpdated = ['left', 'top', 'width', 'height'].some(\n      (prop) => nodeStyles[prop as keyof React.CSSProperties] !== this.state.styles[prop as keyof React.CSSProperties],\n    );\n    if (stylesUpdated) {\n      this.setState({ styles: nodeStyles });\n    }\n  }, 100);\n\n  private getStyles(node: any): React.CSSProperties {\n    const htmlNode = getRootNode(node);\n\n    if (isInstanceOf(htmlNode, globalObject.HTMLElement)) {\n      const rect = getDOMRect(htmlNode);\n      if (this.props.vertical) {\n        return {\n          width: this.theme.tabBorderWidth,\n          left: htmlNode.offsetLeft,\n          top: htmlNode.offsetTop,\n          height: rect.bottom - rect.top,\n        };\n      }\n\n      const tabBorderWidth = parseInt(this.theme.tabBorderWidth, 10) || 0;\n      return {\n        left: htmlNode.offsetLeft,\n        top: htmlNode.offsetHeight + htmlNode.offsetTop - tabBorderWidth,\n        width: rect.right - rect.left,\n      };\n    }\n\n    return {};\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Tabs/Indicator.styles.d.ts

@@ -1,9 +1,8 @@
-import type { Emotion } from '@emotion/css/create-instance';
-import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
-    root(t: Theme): string;
-    primary(t: Theme): string;
-    success(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+};

package/cjs/components/Tabs/Indicator.styles.js

@@ -1,41 +1,38 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      height: ", ";\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ", ";\n    "])),
+    t.tabColorFocus,
+    t.tabBorderWidth,
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root(t) {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        height: ", ";\n        position: absolute;\n        transition: all 0.2s ease-out;\n        border-radius: ", ";\n      "])),
-        t.tabColorFocus,
-        t.tabBorderWidth,
 
+    t.tabIndicatorBorderRadius);
 
-        t.tabIndicatorBorderRadius);
+  },
 
-      },
+  primary: function primary(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    t.tabColorPrimary);
 
-      primary: function primary(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n      "])),
-        t.tabColorPrimary);
+  },
 
-      },
+  success: function success(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    t.tabColorSuccess);
 
-      success: function success(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n      "])),
-        t.tabColorSuccess);
+  },
 
-      },
+  warning: function warning(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    t.tabColorWarning);
 
-      warning: function warning(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n      "])),
-        t.tabColorWarning);
+  },
 
-      },
+  error: function error(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    t.tabColorError);
 
-      error: function error(t) {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n      "])),
-        t.tabColorError);
-
-      }
-    }));};
+  }
+});

package/cjs/components/Tabs/Indicator.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","emotion","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","tabColorFocus","tabBorderWidth","tabIndicatorBorderRadius","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError"],"sources":["Indicator.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        background: ${t.tabColorFocus};\n        height: ${t.tabBorderWidth};\n        position: absolute;\n        transition: all 0.2s ease-out;\n        border-radius: ${t.tabIndicatorBorderRadius};\n      `;\n    },\n\n    primary(t: Theme) {\n      return emotion.css`\n        background: ${t.tabColorPrimary};\n      `;\n    },\n\n    success(t: Theme) {\n      return emotion.css`\n        background: ${t.tabColorSuccess};\n      `;\n    },\n\n    warning(t: Theme) {\n      return emotion.css`\n        background: ${t.tabColorWarning};\n      `;\n    },\n\n    error(t: Theme) {\n      return emotion.css`\n        background: ${t.tabColorError};\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGlD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOH,OAAO,CAACI,GAAG,CAAAX,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;QACFH,CAAC,CAACI,aAAa;QACnBJ,CAAC,CAACK,cAAc;;;QAGTL,CAAC,CAACM,wBAAwB;;MAE/C,CAAC;;MAEDC,OAAO,WAAAA,QAACP,CAAQ,EAAE;QAChB,OAAOH,OAAO,CAACI,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;QACFH,CAAC,CAACQ,eAAe;;MAEnC,CAAC;;MAEDC,OAAO,WAAAA,QAACT,CAAQ,EAAE;QAChB,OAAOH,OAAO,CAACI,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;QACFH,CAAC,CAACU,eAAe;;MAEnC,CAAC;;MAEDC,OAAO,WAAAA,QAACX,CAAQ,EAAE;QAChB,OAAOH,OAAO,CAACI,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;QACFH,CAAC,CAACY,eAAe;;MAEnC,CAAC;;MAEDC,KAAK,WAAAA,MAACb,CAAQ,EAAE;QACd,OAAOH,OAAO,CAACI,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;QACFH,CAAC,CAACc,aAAa;;MAEjC;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","tabColorFocus","tabBorderWidth","tabIndicatorBorderRadius","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError"],"sources":["Indicator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.tabColorFocus};\n      height: ${t.tabBorderWidth};\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ${t.tabIndicatorBorderRadius};\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      background: ${t.tabColorPrimary};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      background: ${t.tabColorSuccess};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background: ${t.tabColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.tabColorError};\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACI,aAAa;IACnBJ,CAAC,CAACK,cAAc;;;IAGTL,CAAC,CAACM,wBAAwB;;EAE/C,CAAC;;EAEDC,OAAO,WAAAA,QAACP,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACQ,eAAe;;EAEnC,CAAC;;EAEDC,OAAO,WAAAA,QAACT,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACU,eAAe;;EAEnC,CAAC;;EAEDC,OAAO,WAAAA,QAACX,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACY,eAAe;;EAEnC,CAAC;;EAEDC,KAAK,WAAAA,MAACb,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACc,aAAa;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}