npm - @skbkontur/react-ui - Versions diffs - 5.6.1-85c65.0 → 5.6.1 - Mend

@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1995) hide show

package/cjs/components/Tabs/Tab.styles.js CHANGED Viewed

@@ -1,187 +1,167 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getVerticalStyles = exports.getStyles = exports.getHorizontalStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.verticalStyles = exports.styles = exports.horizontalStyles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 var _DimensionFunctions = require("../../lib/styles/DimensionFunctions");
-var _helpers = require("./helpers");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
+var _helpers = require("./helpers");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('tab')({
   focus: 'focus'
 });
-var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (emotion) {return {
-    rootSmall: function rootSmall(t) {
-      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabRoot(t, 'small', emotion));
-    },
-    rootMedium: function rootMedium(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabRoot(t, 'medium', emotion));
-    },
-    rootLarge: function rootLarge(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabRoot(t, 'large', emotion));
-    },
-    verticalSmall: function verticalSmall(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabVertical(t, 'small', emotion));
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  rootSmall: function rootSmall(t) {
+    return tabRoot(t, 'small');
+  },
-    },
+  rootMedium: function rootMedium(t) {
+    return tabRoot(t, 'medium');
+  },
-    verticalMedium: function verticalMedium(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabVertical(t, 'medium', emotion));
+  rootLarge: function rootLarge(t) {
+    return tabRoot(t, 'large');
+  },
-    },
+  verticalSmall: function verticalSmall(t) {
+    return tabVertical(t, 'small');
+  },
-    verticalLarge: function verticalLarge(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabVertical(t, 'large', emotion));
+  verticalMedium: function verticalMedium(t) {
+    return tabVertical(t, 'medium');
+  },
-    },
+  verticalLarge: function verticalLarge(t) {
+    return tabVertical(t, 'large');
+  },
-    focusSmall: function focusSmall(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabFocus(t, 'small', emotion));
+  focusSmall: function focusSmall(t) {
+    return tabFocus(t, 'small');
+  },
-    },
+  focusMedium: function focusMedium(t) {
+    return tabFocus(t, 'medium');
+  },
-    focusMedium: function focusMedium(t) {
-      return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabFocus(t, 'medium', emotion));
+  focusLarge: function focusLarge(t) {
+    return tabFocus(t, 'large');
+  },
-    },
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: color-mix(in srgb, ", ", transparent 50%);\n      cursor: default;\n    "])),
+    t.tabTextColorDefault);
-    focusLarge: function focusLarge(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabFocus(t, 'large', emotion));
-    },
+  },
-    disabled: function disabled(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: color-mix(in srgb, ", ", transparent 50%);\n      cursor: default;\n    "])),
-      t.tabTextColorDefault);
+  active: function active() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
-    },
-    active: function active() {
-      return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: default;\n      "])));
-    }
-  };});
+  }
+});
-var getHorizontalStyles = exports.getHorizontalStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
-    active: function active(t) {
-      return css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom: ", " solid transparent;\n      }\n    "])),
+var horizontalStyles = exports.horizontalStyles = (0, _Emotion.memoizeStyle)({
+  active: function active(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom: ", " solid transparent;\n      }\n    "])),
-      t.tabBorderWidth);
+    t.tabBorderWidth);
-    },
+  },
-    disabled: function disabled() {
-      return css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom-color: transparent;\n      }\n    "])));
+  disabled: function disabled() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom-color: transparent;\n      }\n    "])));
-    },
+  },
-    primary: function primary(t) {
-      return css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])),
+  primary: function primary(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])),
-      t.tabColorHoverPrimary);
+    t.tabColorHoverPrimary);
-    },
+  },
-    success: function success(t) {
-      return css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])),
+  success: function success(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])),
-      t.tabColorHoverSuccess);
+    t.tabColorHoverSuccess);
-    },
+  },
-    warning: function warning(t) {
-      return css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])),
+  warning: function warning(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])),
-      t.tabColorHoverWarning);
+    t.tabColorHoverWarning);
-    },
+  },
-    error: function error(t) {
-      return css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])),
+  error: function error(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])),
-      t.tabColorHoverError);
+    t.tabColorHoverError);
-    }
-  };});
+  }
+});
-var getVerticalStyles = exports.getVerticalStyles = (0, _Emotion.memoizeGetStyles)(function (_ref2) {var css = _ref2.css;return {
-    active: function active(t) {
-      return css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left: ", " solid transparent;\n      }\n    "])),
+var verticalStyles = exports.verticalStyles = (0, _Emotion.memoizeStyle)({
+  active: function active(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left: ", " solid transparent;\n      }\n    "])),
-      t.tabBorderWidth);
+    t.tabBorderWidth);
-    },
+  },
-    disabled: function disabled() {
-      return css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left-color: transparent;\n      }\n    "])));
+  disabled: function disabled() {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left-color: transparent;\n      }\n    "])));
-    },
+  },
-    primary: function primary(t) {
-      return css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])),
+  primary: function primary(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])),
-      t.tabColorHoverPrimary);
+    t.tabColorHoverPrimary);
-    },
+  },
-    success: function success(t) {
-      return css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])),
+  success: function success(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])),
-      t.tabColorHoverSuccess);
+    t.tabColorHoverSuccess);
-    },
+  },
-    warning: function warning(t) {
-      return css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])),
+  warning: function warning(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])),
-      t.tabColorHoverWarning);
+    t.tabColorHoverWarning);
-    },
+  },
-    error: function error(t) {
-      return css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])),
+  error: function error(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])),
-      t.tabColorHoverError);
+    t.tabColorHoverError);
-    }
-  };});
+  }
+});
-function tabRoot(t, size, _ref3) {var css = _ref3.css;
-  return css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n    border-bottom: ", " solid transparent;\n    box-sizing: border-box;\n    color: ", ";\n    cursor: pointer;\n    display: inline-block;\n    font-size: ", ";\n    line-height: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n    padding-bottom: calc(", " - ", ");\n    padding-top: ", ";\n    position: relative;\n    text-decoration: inherit;\n    transition: border-bottom ", " ", ";\n\n    &:hover {\n      outline: inherit;\n      border-bottom: ", " solid ", ";\n    }\n\n    &:focus {\n      outline: inherit;\n    }\n  "])),
+function tabRoot(t, size) {
+  return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n    border-bottom: ", " solid transparent;\n    box-sizing: border-box;\n    color: ", ";\n    cursor: pointer;\n    display: inline-block;\n    font-size: ", ";\n    line-height: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n    padding-bottom: calc(", " - ", ");\n    padding-top: ", ";\n    position: relative;\n    text-decoration: inherit;\n    transition: border-bottom ", " ", ";\n\n    &:hover {\n      outline: inherit;\n      border-bottom: ", " solid ", ";\n    }\n\n    &:focus {\n      outline: inherit;\n    }\n  "])),
   t.tabBorderWidth,
   t.tabTextColorDefault,
@@ -208,8 +188,8 @@ function tabRoot(t, size, _ref3) {var css = _ref3.css;
 }
-function tabVertical(t, size, _ref4) {var css = _ref4.css;
-  return css(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n    border-bottom: none;\n    border-left: ", " solid transparent;\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: ", ";\n    padding-right: ", ";\n\n    &:hover {\n      border-bottom: none;\n      border-left: ", " solid ", ";\n    }\n\n    .", " {\n      bottom: 0;\n      left: -", ";\n      right: 0;\n    }\n  "])),
+function tabVertical(t, size) {
+  return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n    border-bottom: none;\n    border-left: ", " solid transparent;\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: ", ";\n    padding-right: ", ";\n\n    &:hover {\n      border-bottom: none;\n      border-left: ", " solid ", ";\n    }\n\n    .", " {\n      bottom: 0;\n      left: -", ";\n      right: 0;\n    }\n  "])),
   t.tabBorderWidth,
@@ -231,8 +211,8 @@ function tabVertical(t, size, _ref4) {var css = _ref4.css;
 }
-function tabFocus(t, size, _ref5) {var css = _ref5.css;
-  return css(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n    border: ", " solid ", ";\n    bottom: -", ";\n    left: -", ";\n    position: absolute;\n    right: -", ";\n    top: 0;\n  "])),
+function tabFocus(t, size) {
+  return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n    border: ", " solid ", ";\n    bottom: -", ";\n    left: -", ";\n    position: absolute;\n    right: -", ";\n    top: 0;\n  "])),
   t.tabOutlineWidth, t.tabColorFocus,
   t.tabBorderWidth,
   (0, _helpers.paddingX)(t, size),

package/cjs/components/Tabs/Tab.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_DimensionFunctions","_helpers","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","globalClasses","exports","prefix","focus","getStyles","memoizeGetStyles","emotion","rootSmall","t","css","_taggedTemplateLiteralLoose2","default","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","tabTextColorDefault","active","getHorizontalStyles","_ref","tabBorderWidth","primary","tabColorHoverPrimary","success","tabColorHoverSuccess","warning","tabColorHoverWarning","error","tabColorHoverError","getVerticalStyles","_ref2","size","_ref3","fontSize","lineHeight","paddingX","paddingY","transitionDuration","transitionTimingFunction","tabColorHover","_ref4","shift","_ref5","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles, 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 getStyles = memoizeGetStyles((emotion: Emotion) => ({\n rootSmall(t: Theme) {\n return emotion.css`\n ${tabRoot(t, 'small', emotion)}\n `;\n },\n\n rootMedium(t: Theme) {\n return emotion.css`\n ${tabRoot(t, 'medium', emotion)}\n `;\n },\n\n rootLarge(t: Theme) {\n return emotion.css`\n ${tabRoot(t, 'large', emotion)}\n `;\n },\n\n verticalSmall(t: Theme) {\n return emotion.css`\n ${tabVertical(t, 'small', emotion)}\n `;\n },\n\n verticalMedium(t: Theme) {\n return emotion.css`\n ${tabVertical(t, 'medium', emotion)}\n `;\n },\n\n verticalLarge(t: Theme) {\n return emotion.css`\n ${tabVertical(t, 'large', emotion)}\n `;\n },\n\n focusSmall(t: Theme) {\n return emotion.css`\n ${tabFocus(t, 'small', emotion)}\n `;\n },\n\n focusMedium(t: Theme) {\n return emotion.css`\n ${tabFocus(t, 'medium', emotion)}\n `;\n },\n\n focusLarge(t: Theme) {\n return emotion.css`\n ${tabFocus(t, 'large', emotion)}\n `;\n },\n\n disabled(t: Theme) {\n return emotion.css`\n color: color-mix(in srgb, ${t.tabTextColorDefault}, transparent 50%);\n cursor: default;\n `;\n },\n\n active() {\n return emotion.css`\n cursor: default;\n `;\n },\n}));\n\nexport const getHorizontalStyles = memoizeGetStyles(({ css }: Emotion) => ({\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 getVerticalStyles = memoizeGetStyles(({ css }: Emotion) => ({\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, { css }: Emotion) {\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, { css }: Emotion) {\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, { css }: Emotion) {\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":[]}
1	+ {"version":3,"names":["_Emotion","require","_DimensionFunctions","_helpers","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","globalClasses","exports","prefix","focus","styles","memoizeStyle","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","css","_taggedTemplateLiteralLoose2","default","tabTextColorDefault","active","horizontalStyles","tabBorderWidth","primary","tabColorHoverPrimary","success","tabColorHoverSuccess","warning","tabColorHoverWarning","error","tabColorHoverError","verticalStyles","size","fontSize","lineHeight","paddingX","paddingY","transitionDuration","transitionTimingFunction","tabColorHover","shift","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":"gWAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;;;;AAIA,IAAAE,QAAA,GAAAF,OAAA,cAAqE,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;AAE9D,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,KAAK,CAAC,CAAC;EACzCC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEK,IAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG,IAAAC,qBAAY,EAAC;EACjCC,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOC,OAAO,CAACD,CAAC,EAAE,OAAO,CAAC;EAC5B,CAAC;;EAEDE,UAAU,WAAAA,WAACF,CAAQ,EAAE;IACnB,OAAOC,OAAO,CAACD,CAAC,EAAE,QAAQ,CAAC;EAC7B,CAAC;;EAEDG,SAAS,WAAAA,UAACH,CAAQ,EAAE;IAClB,OAAOC,OAAO,CAACD,CAAC,EAAE,OAAO,CAAC;EAC5B,CAAC;;EAEDI,aAAa,WAAAA,cAACJ,CAAQ,EAAE;IACtB,OAAOK,WAAW,CAACL,CAAC,EAAE,OAAO,CAAC;EAChC,CAAC;;EAEDM,cAAc,WAAAA,eAACN,CAAQ,EAAE;IACvB,OAAOK,WAAW,CAACL,CAAC,EAAE,QAAQ,CAAC;EACjC,CAAC;;EAEDO,aAAa,WAAAA,cAACP,CAAQ,EAAE;IACtB,OAAOK,WAAW,CAACL,CAAC,EAAE,OAAO,CAAC;EAChC,CAAC;;EAEDQ,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,OAAOS,QAAQ,CAACT,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDU,WAAW,WAAAA,YAACV,CAAQ,EAAE;IACpB,OAAOS,QAAQ,CAACT,CAAC,EAAE,QAAQ,CAAC;EAC9B,CAAC;;EAEDW,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAOS,QAAQ,CAACT,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDY,QAAQ,WAAAA,SAACZ,CAAQ,EAAE;IACjB,WAAOa,YAAG,EAAArC,eAAA,KAAAA,eAAA,OAAAsC,4BAAA,CAAAC,OAAA;IACoBf,CAAC,CAACgB,mBAAmB;;;EAGrD,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOJ,YAAG,EAAApC,gBAAA,KAAAA,gBAAA,OAAAqC,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC;;AAEK,IAAMG,gBAAgB,GAAAxB,OAAA,CAAAwB,gBAAA,GAAG,IAAApB,qBAAY,EAAC;EAC3CmB,MAAM,WAAAA,OAACjB,CAAQ,EAAE;IACf,WAAOa,YAAG,EAAAnC,gBAAA,KAAAA,gBAAA,OAAAoC,4BAAA,CAAAC,OAAA;;IAEWf,CAAC,CAACmB,cAAc;;;EAGvC,CAAC;;EAEDP,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOC,YAAG,EAAAlC,gBAAA,KAAAA,gBAAA,OAAAmC,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDK,OAAO,WAAAA,QAACpB,CAAQ,EAAE;IAChB,WAAOa,YAAG,EAAAjC,gBAAA,KAAAA,gBAAA,OAAAkC,4BAAA,CAAAC,OAAA;;IAEiBf,CAAC,CAACqB,oBAAoB;;;EAGnD,CAAC;;EAEDC,OAAO,WAAAA,QAACtB,CAAQ,EAAE;IAChB,WAAOa,YAAG,EAAAhC,gBAAA,KAAAA,gBAAA,OAAAiC,4BAAA,CAAAC,OAAA;;IAEiBf,CAAC,CAACuB,oBAAoB;;;EAGnD,CAAC;;EAEDC,OAAO,WAAAA,QAACxB,CAAQ,EAAE;IAChB,WAAOa,YAAG,EAAA/B,gBAAA,KAAAA,gBAAA,OAAAgC,4BAAA,CAAAC,OAAA;;IAEiBf,CAAC,CAACyB,oBAAoB;;;EAGnD,CAAC;;EAEDC,KAAK,WAAAA,MAAC1B,CAAQ,EAAE;IACd,WAAOa,YAAG,EAAA9B,gBAAA,KAAAA,gBAAA,OAAA+B,4BAAA,CAAAC,OAAA;;IAEiBf,CAAC,CAAC2B,kBAAkB;;;EAGjD;AACF,CAAC,CAAC;;AAEK,IAAMC,cAAc,GAAAlC,OAAA,CAAAkC,cAAA,GAAG,IAAA9B,qBAAY,EAAC;EACzCmB,MAAM,WAAAA,OAACjB,CAAQ,EAAE;IACf,WAAOa,YAAG,EAAA7B,gBAAA,KAAAA,gBAAA,OAAA8B,4BAAA,CAAAC,OAAA;;IAESf,CAAC,CAACmB,cAAc;;;EAGrC,CAAC;;EAEDP,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOC,YAAG,EAAA5B,iBAAA,KAAAA,iBAAA,OAAA6B,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDK,OAAO,WAAAA,QAACpB,CAAQ,EAAE;IAChB,WAAOa,YAAG,EAAA3B,iBAAA,KAAAA,iBAAA,OAAA4B,4BAAA,CAAAC,OAAA;;IAEef,CAAC,CAACqB,oBAAoB;;;EAGjD,CAAC;;EAEDC,OAAO,WAAAA,QAACtB,CAAQ,EAAE;IAChB,WAAOa,YAAG,EAAA1B,iBAAA,KAAAA,iBAAA,OAAA2B,4BAAA,CAAAC,OAAA;;IAEef,CAAC,CAACuB,oBAAoB;;;EAGjD,CAAC;;EAEDC,OAAO,WAAAA,QAACxB,CAAQ,EAAE;IAChB,WAAOa,YAAG,EAAAzB,iBAAA,KAAAA,iBAAA,OAAA0B,4BAAA,CAAAC,OAAA;;IAEef,CAAC,CAACyB,oBAAoB;;;EAGjD,CAAC;;EAEDC,KAAK,WAAAA,MAAC1B,CAAQ,EAAE;IACd,WAAOa,YAAG,EAAAxB,iBAAA,KAAAA,iBAAA,OAAAyB,4BAAA,CAAAC,OAAA;;IAEef,CAAC,CAAC2B,kBAAkB;;;EAG/C;AACF,CAAC,CAAC;;AAEF,SAAS1B,OAAOA,CAACD,CAAQ,EAAE6B,IAAc,EAAE;EACzC,WAAOhB,YAAG,EAAAvB,iBAAA,KAAAA,iBAAA,OAAAwB,4BAAA,CAAAC,OAAA;EACSf,CAAC,CAACmB,cAAc;;EAExBnB,CAAC,CAACgB,mBAAmB;;;EAGjB,IAAAc,iBAAQ,EAAC9B,CAAC,EAAE6B,IAAI,CAAC;EACf,IAAAE,mBAAU,EAAC/B,CAAC,EAAE6B,IAAI,CAAC;EACnB,IAAAG,iBAAQ,EAAChC,CAAC,EAAE6B,IAAI,CAAC;EAChB,IAAAG,iBAAQ,EAAChC,CAAC,EAAE6B,IAAI,CAAC;EACV,IAAAI,iBAAQ,EAACjC,CAAC,EAAE6B,IAAI,CAAC,EAAM7B,CAAC,CAACmB,cAAc;EAC/C,IAAAc,iBAAQ,EAACjC,CAAC,EAAE6B,IAAI,CAAC;;;EAGJ7B,CAAC,CAACkC,kBAAkB,EAAIlC,CAAC,CAACmC,wBAAwB;;;;EAI3DnC,CAAC,CAACmB,cAAc,EAAUnB,CAAC,CAACoC,aAAa;;;;;;;AAOhE;;AAEA,SAAS/B,WAAWA,CAACL,CAAQ,EAAE6B,IAAc,EAAE;EAC7C,WAAOhB,YAAG,EAAAtB,iBAAA,KAAAA,iBAAA,OAAAuB,4BAAA,CAAAC,OAAA;;EAEOf,CAAC,CAACmB,cAAc;;;;EAIf,IAAAkB,yBAAK,EAAC,IAAAL,iBAAQ,EAAChC,CAAC,EAAE6B,IAAI,CAAC,QAAM7B,CAAC,CAACmB,cAAgB,CAAC;EAC/C,IAAAa,iBAAQ,EAAChC,CAAC,EAAE6B,IAAI,CAAC;;;;EAIjB7B,CAAC,CAACmB,cAAc,EAAUnB,CAAC,CAACoC,aAAa;;;EAGvD3C,aAAa,CAACG,KAAK;;EAEXI,CAAC,CAACmB,cAAc;;;;AAI/B;;AAEA,SAASV,QAAQA,CAACT,CAAQ,EAAE6B,IAAc,EAAE;EAC1C,WAAOhB,YAAG,EAAArB,iBAAA,KAAAA,iBAAA,OAAAsB,4BAAA,CAAAC,OAAA;EACEf,CAAC,CAACsC,eAAe,EAAUtC,CAAC,CAACuC,aAAa;EACzCvC,CAAC,CAACmB,cAAc;EAClB,IAAAa,iBAAQ,EAAChC,CAAC,EAAE6B,IAAI,CAAC;;EAEhB,IAAAG,iBAAQ,EAAChC,CAAC,EAAE6B,IAAI,CAAC;;;AAG/B","ignoreList":[]}

package/cjs/components/Tabs/Tabs.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { AriaAttributes, JSX } from 'react';
+import type { AriaAttributes } from 'react';
 import React from 'react';
 import type { CommonProps } from '../../internal/CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
@@ -41,10 +41,6 @@ export declare class Tabs<T extends string = string> extends React.Component<Tab
     static defaultProps: DefaultProps;
     private getProps;
     static Tab: typeof Tab;
-    private globalObject;
-    private emotion;
-    private cx;
-    private styles;
     private theme;
     private tabs;
     private tabUpdates;

package/cjs/components/Tabs/Tabs.js CHANGED Viewed

@@ -1,20 +1,19 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TabsDataTids = exports.Tabs = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
+var _globalObject = require("@skbkontur/global-object");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 var _getRootNode = require("../../lib/rootNode/getRootNode");
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _isInstanceOf = require("../../lib/isInstanceOf");
-var _renderEnvironment = require("../../lib/renderEnvironment");
 var _Indicator = require("./Indicator");
 var _Tabs2 = require("./Tabs.styles");
@@ -68,8 +67,7 @@ var TabsDataTids = exports.TabsDataTids = {
  * Не используйте `Tabs` для переключения состояний — для этого есть RadioGroup, Toggle и Switcher.
  */var
-Tabs = exports.Tabs = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Tabs = /*#__PURE__*/function (_React$Component) {function Tabs() {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.
+Tabs = exports.Tabs = (0, _rootNode.rootNode)(_class = (_Tabs = /*#__PURE__*/function (_React$Component) {function Tabs() {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.
@@ -84,10 +82,6 @@ Tabs = exports.Tabs = (0, _renderEnvironment.withRenderEnvironment)(_class = (0,
     tabs = [];_this.
     tabUpdates = {
@@ -148,8 +142,6 @@ Tabs = exports.Tabs = (0, _renderEnvironment.withRenderEnvironment)(_class = (0,
@@ -162,7 +154,7 @@ Tabs = exports.Tabs = (0, _renderEnvironment.withRenderEnvironment)(_class = (0,
       var tabNode = tab.getNode();
       var htmlNode = (0, _getRootNode.getRootNode)(tabNode);
-      if ((0, _isInstanceOf.isInstanceOf)(htmlNode, _this.globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {
+      if ((0, _isInstanceOf.isInstanceOf)(htmlNode, _globalObject.globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {
         htmlNode.focus();
       }
     };_this.
@@ -189,4 +181,4 @@ Tabs = exports.Tabs = (0, _renderEnvironment.withRenderEnvironment)(_class = (0,
     removeTab = function (id) {
       _this.tabs = _this.tabs.filter(function (tab) {return tab.id !== id;});
-    };return _this;}(0, _inheritsLoose2.default)(Tabs, _React$Component);var _proto = Tabs.prototype;_proto.render = function render() {var _this3 = this;var _this$props2 = this.props,value = _this$props2.value,width = _this$props2.width,children = _this$props2.children,indicatorClassName = _this$props2.indicatorClassName,ariaDescribedby = _this$props2['aria-describedby'];var _this$getProps = this.getProps(),vertical = _this$getProps.vertical,size = _this$getProps.size;this.styles = (0, _Tabs2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {var _this3$cx;_this3.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": TabsDataTids.root, className: _this3.cx((_this3$cx = {}, _this3$cx[_this3.styles.rootSmall(_this3.theme)] = size === 'small', _this3$cx[_this3.styles.rootMedium(_this3.theme)] = size === 'medium', _this3$cx[_this3.styles.rootLarge(_this3.theme)] = size === 'large', _this3$cx[_this3.styles.vertical()] = vertical, _this3$cx)), style: { width: width }, "aria-describedby": ariaDescribedby }, /*#__PURE__*/_react.default.createElement(_TabsContext.TabsContext.Provider, { value: { vertical: vertical, activeTab: value, size: size, getTab: _this3.getTab, addTab: _this3.addTab, removeTab: _this3.removeTab, notifyUpdate: _this3.notifyUpdate, shiftFocus: _this3.shiftFocus, switchTab: _this3.switchTab } }, children, /*#__PURE__*/_react.default.createElement(_Indicator.Indicator, { className: indicatorClassName, tabUpdates: _this3.tabUpdates, vertical: _this3.getProps().vertical }))));});};return Tabs;}(_react.default.Component), _Tabs.__KONTUR_REACT_UI__ = 'Tabs', _Tabs.displayName = 'Tabs', _Tabs.defaultProps = { vertical: false, size: 'large' }, _Tabs.Tab = _Tab.Tab, _Tabs)) || _class) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(Tabs, _React$Component);var _proto = Tabs.prototype;_proto.render = function render() {var _this3 = this;var _this$props2 = this.props,value = _this$props2.value,width = _this$props2.width,children = _this$props2.children,indicatorClassName = _this$props2.indicatorClassName,ariaDescribedby = _this$props2['aria-describedby'];var _this$getProps = this.getProps(),vertical = _this$getProps.vertical,size = _this$getProps.size;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {var _cx;_this3.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": TabsDataTids.root, className: (0, _Emotion.cx)((_cx = {}, _cx[_Tabs2.styles.rootSmall(_this3.theme)] = size === 'small', _cx[_Tabs2.styles.rootMedium(_this3.theme)] = size === 'medium', _cx[_Tabs2.styles.rootLarge(_this3.theme)] = size === 'large', _cx[_Tabs2.styles.vertical()] = vertical, _cx)), style: { width: width }, "aria-describedby": ariaDescribedby }, /*#__PURE__*/_react.default.createElement(_TabsContext.TabsContext.Provider, { value: { vertical: vertical, activeTab: value, size: size, getTab: _this3.getTab, addTab: _this3.addTab, removeTab: _this3.removeTab, notifyUpdate: _this3.notifyUpdate, shiftFocus: _this3.shiftFocus, switchTab: _this3.switchTab } }, children, /*#__PURE__*/_react.default.createElement(_Indicator.Indicator, { className: indicatorClassName, tabUpdates: _this3.tabUpdates, vertical: _this3.getProps().vertical }))));});};return Tabs;}(_react.default.Component), _Tabs.__KONTUR_REACT_UI__ = 'Tabs', _Tabs.displayName = 'Tabs', _Tabs.defaultProps = { vertical: false, size: 'large' }, _Tabs.Tab = _Tab.Tab, _Tabs)) || _class;

package/cjs/components/Tabs/Tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_CommonWrapper","_getRootNode","_rootNode","_createPropsGetter","_isInstanceOf","_renderEnvironment","_Indicator","_Tabs2","_TabsContext","_Tab","_class","_Tabs","TabsDataTids","exports","root","indicatorRoot","Tabs","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","_this2","findIndex","x","id","newIndex","Math","max","min","tab","tabNode","getNode","htmlNode","getRootNode","isInstanceOf","globalObject","HTMLElement","focus","notifyUpdate","forEach","switchTab","_this$props","props","onValueChange","value","getTab","_ref","find","_ref$getNode","addTab","removeTab","filter","_inheritsLoose2","default","_proto","prototype","render","_this3","_this$props2","width","children","indicatorClassName","ariaDescribedby","_this$getProps","vertical","size","styles","getStyles","emotion","createElement","ThemeContext","Consumer","theme","_this3$cx","CommonWrapper","_extends2","rootNodeRef","setRootNode","className","cx","rootSmall","rootMedium","rootLarge","style","TabsContext","Provider","activeTab","Indicator","React","Component","__KONTUR_REACT_UI__","displayName","Tab"],"sources":["Tabs.tsx"],"sourcesContent":["import type { AriaAttributes, JSX } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { getRootNode } from '../../lib/rootNode/getRootNode';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { Indicator } from './Indicator';\nimport { getStyles } from './Tabs.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport { Tab } from './Tab';\n\ntype ValueBaseType = string;\ninterface TabType<T extends ValueBaseType> {\n getNode: () => Tab<T> \| null;\n id: T;\n}\n\nexport interface TabsProps<T extends ValueBaseType = string> extends CommonProps {\n /** Задает кастомный класс подчёркиванию таба. /\n indicatorClassName?: string;\n\n /* Задает размер контрола. /\n size?: SizeProp;\n\n /* Задает текущий активный `<Tab />`. Принимает `id` таба. /\n value: T;\n\n /* Задает функцию, изменяющую текущий активный `<Tab />`. /\n onValueChange?: (value: T) => void;\n\n /* Задает расположение элементов по вертикали.\n * @default false /\n vertical?: boolean;\n\n /* Задает ширину компонента Tabs. /\n width?: number \| string;\n\n /* @ignore /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const TabsDataTids = {\n root: 'Tabs__root',\n indicatorRoot: 'Indicator__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TabsProps, 'vertical' \| 'size'>>;\n\n/\n Родитель компонента Tab. Связывает `Tab`'ы в группу и позволяет управлять их состоянием, помогают в навигации.\n \n Используйте `Tabs` для второстепенной навигации, для группировки или фильтрации контента.\n \n Не используйте `Tabs` для основной навигации. Для этого лучше подходит главное меню на цветной плашке — оно более заметно на странице.\n * Не используйте `Tabs` для переключения состояний — для этого есть RadioGroup, Toggle и Switcher.\n */\n@withRenderEnvironment\n@rootNode\nexport class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {\n public static __KONTUR_REACT_UI__ = 'Tabs';\n public static displayName = 'Tabs';\n\n public static defaultProps: DefaultProps = {\n vertical: false,\n size: 'large',\n };\n\n private getProps = createPropsGetter(Tabs.defaultProps);\n\n public static Tab = Tab;\n\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n\n private tabs: Array<TabType<T>> = [];\n\n private tabUpdates = {\n on: (cb: () => void) => {\n const index = this.listeners.push(cb);\n return () => {\n this.listeners.splice(index, 1);\n };\n },\n };\n\n private listeners: Array<typeof emptyHandler> = [];\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public render(): JSX.Element {\n const { value, width, children, indicatorClassName, 'aria-describedby': ariaDescribedby } = this.props;\n const { vertical, size } = this.getProps();\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={TabsDataTids.root}\n className={this.cx({\n [this.styles.rootSmall(this.theme)]: size === 'small',\n [this.styles.rootMedium(this.theme)]: size === 'medium',\n [this.styles.rootLarge(this.theme)]: size === 'large',\n [this.styles.vertical()]: vertical,\n })}\n style={{ width }}\n aria-describedby={ariaDescribedby}\n >\n <TabsContext.Provider\n value={{\n vertical,\n activeTab: value,\n size,\n getTab: this.getTab,\n addTab: this.addTab,\n removeTab: this.removeTab,\n notifyUpdate: this.notifyUpdate,\n shiftFocus: this.shiftFocus,\n switchTab: this.switchTab,\n }}\n >\n {children}\n <Indicator\n className={indicatorClassName}\n tabUpdates={this.tabUpdates}\n vertical={this.getProps().vertical}\n />\n </TabsContext.Provider>\n </div>\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private shiftFocus: TabsContextType<T>['shiftFocus'] = (fromTab, delta) => {\n const { tabs } = this;\n const index = tabs.findIndex((x) => x.id === fromTab);\n const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\n const tab = tabs[newIndex];\n\n const tabNode = tab.getNode();\n const htmlNode = getRootNode(tabNode);\n\n if (isInstanceOf(htmlNode, this.globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {\n htmlNode.focus();\n }\n };\n\n private notifyUpdate: TabsContextType<T>['notifyUpdate'] = () => {\n this.listeners.forEach((cb) => cb());\n };\n\n private switchTab: TabsContextType<T>['switchTab'] = (id) => {\n const { onValueChange, value } = this.props;\n if (id !== value && onValueChange) {\n onValueChange(id);\n }\n };\n\n private getTab: TabsContextType<T>['getTab'] = (id) => {\n const { getNode = null } = this.tabs.find((x) => x.id === id) \|\| {};\n return getNode && getNode();\n };\n\n private addTab: TabsContextType<T>['addTab'] = (id, getNode) => {\n this.tabs = this.tabs.concat({ id, getNode });\n };\n\n private removeTab: TabsContextType<T>['removeTab'] = (id) => {\n this.tabs = this.tabs.filter((tab) => tab.id !== id);\n };\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeContext","_CommonWrapper","_Emotion","_getRootNode","_rootNode","_createPropsGetter","_isInstanceOf","_Indicator","_Tabs2","_TabsContext","_Tab","_class","_Tabs","TabsDataTids","exports","root","indicatorRoot","Tabs","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","_this2","findIndex","x","id","newIndex","Math","max","min","tab","tabNode","getNode","htmlNode","getRootNode","isInstanceOf","globalObject","HTMLElement","focus","notifyUpdate","forEach","switchTab","_this$props","props","onValueChange","value","getTab","_ref","find","_ref$getNode","addTab","removeTab","filter","_inheritsLoose2","default","_proto","prototype","render","_this3","_this$props2","width","children","indicatorClassName","ariaDescribedby","_this$getProps","vertical","size","createElement","ThemeContext","Consumer","theme","_cx","CommonWrapper","_extends2","rootNodeRef","setRootNode","className","cx","styles","rootSmall","rootMedium","rootLarge","style","TabsContext","Provider","activeTab","Indicator","React","Component","__KONTUR_REACT_UI__","displayName","Tab"],"sources":["Tabs.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode } from '../../lib/rootNode/getRootNode';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { Indicator } from './Indicator';\nimport { styles } from './Tabs.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport { Tab } from './Tab';\n\ntype ValueBaseType = string;\ninterface TabType<T extends ValueBaseType> {\n getNode: () => Tab<T> \| null;\n id: T;\n}\n\nexport interface TabsProps<T extends ValueBaseType = string> extends CommonProps {\n /** Задает кастомный класс подчёркиванию таба. /\n indicatorClassName?: string;\n\n /* Задает размер контрола. /\n size?: SizeProp;\n\n /* Задает текущий активный `<Tab />`. Принимает `id` таба. /\n value: T;\n\n /* Задает функцию, изменяющую текущий активный `<Tab />`. /\n onValueChange?: (value: T) => void;\n\n /* Задает расположение элементов по вертикали.\n * @default false /\n vertical?: boolean;\n\n /* Задает ширину компонента Tabs. /\n width?: number \| string;\n\n /* @ignore /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const TabsDataTids = {\n root: 'Tabs__root',\n indicatorRoot: 'Indicator__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TabsProps, 'vertical' \| 'size'>>;\n\n/\n Родитель компонента Tab. Связывает `Tab`'ы в группу и позволяет управлять их состоянием, помогают в навигации.\n \n Используйте `Tabs` для второстепенной навигации, для группировки или фильтрации контента.\n \n Не используйте `Tabs` для основной навигации. Для этого лучше подходит главное меню на цветной плашке — оно более заметно на странице.\n * Не используйте `Tabs` для переключения состояний — для этого есть RadioGroup, Toggle и Switcher.\n */\n@rootNode\nexport class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {\n public static __KONTUR_REACT_UI__ = 'Tabs';\n public static displayName = 'Tabs';\n\n public static defaultProps: DefaultProps = {\n vertical: false,\n size: 'large',\n };\n\n private getProps = createPropsGetter(Tabs.defaultProps);\n\n public static Tab = Tab;\n\n private theme!: Theme;\n\n private tabs: Array<TabType<T>> = [];\n\n private tabUpdates = {\n on: (cb: () => void) => {\n const index = this.listeners.push(cb);\n return () => {\n this.listeners.splice(index, 1);\n };\n },\n };\n\n private listeners: Array<typeof emptyHandler> = [];\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public render(): JSX.Element {\n const { value, width, children, indicatorClassName, 'aria-describedby': ariaDescribedby } = this.props;\n const { vertical, size } = this.getProps();\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={TabsDataTids.root}\n className={cx({\n [styles.rootSmall(this.theme)]: size === 'small',\n [styles.rootMedium(this.theme)]: size === 'medium',\n [styles.rootLarge(this.theme)]: size === 'large',\n [styles.vertical()]: vertical,\n })}\n style={{ width }}\n aria-describedby={ariaDescribedby}\n >\n <TabsContext.Provider\n value={{\n vertical,\n activeTab: value,\n size,\n getTab: this.getTab,\n addTab: this.addTab,\n removeTab: this.removeTab,\n notifyUpdate: this.notifyUpdate,\n shiftFocus: this.shiftFocus,\n switchTab: this.switchTab,\n }}\n >\n {children}\n <Indicator\n className={indicatorClassName}\n tabUpdates={this.tabUpdates}\n vertical={this.getProps().vertical}\n />\n </TabsContext.Provider>\n </div>\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private shiftFocus: TabsContextType<T>['shiftFocus'] = (fromTab, delta) => {\n const { tabs } = this;\n const index = tabs.findIndex((x) => x.id === fromTab);\n const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\n const tab = tabs[newIndex];\n\n const tabNode = tab.getNode();\n const htmlNode = getRootNode(tabNode);\n\n if (isInstanceOf(htmlNode, globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {\n htmlNode.focus();\n }\n };\n\n private notifyUpdate: TabsContextType<T>['notifyUpdate'] = () => {\n this.listeners.forEach((cb) => cb());\n };\n\n private switchTab: TabsContextType<T>['switchTab'] = (id) => {\n const { onValueChange, value } = this.props;\n if (id !== value && onValueChange) {\n onValueChange(id);\n }\n };\n\n private getTab: TabsContextType<T>['getTab'] = (id) => {\n const { getNode = null } = this.tabs.find((x) => x.id === id) \|\| {};\n return getNode && getNode();\n };\n\n private addTab: TabsContextType<T>['addTab'] = (id, getNode) => {\n this.tabs = this.tabs.concat({ id, getNode });\n };\n\n private removeTab: TabsContextType<T>['removeTab'] = (id) => {\n this.tabs = this.tabs.filter((tab) => tab.id !== id);\n };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Tabs/Tabs.styles.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const styles: {
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;
     rootLarge(t: Theme): string;
     vertical(): string;
-}>;
+};

package/cjs/components/Tabs/Tabs.styles.js CHANGED Viewed

@@ -1,39 +1,31 @@
-"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 _Emotion = require("../../lib/theming/Emotion");
+var _helpers = require("./helpers");var _templateObject, _templateObject2;
-var _helpers = require("./helpers");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  rootSmall: function rootSmall(t) {
+    return tabsRoot(t, 'small');
+  },
-var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (emotion) {return {
-    rootSmall: function rootSmall(t) {
-      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabsRoot(t, 'small', emotion));
+  rootMedium: function rootMedium(t) {
+    return tabsRoot(t, 'medium');
+  },
-    },
+  rootLarge: function rootLarge(t) {
+    return tabsRoot(t, 'large');
+  },
-    rootMedium: function rootMedium(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabsRoot(t, 'medium', emotion));
+  vertical: function vertical() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n    "])));
-    },
-    rootLarge: function rootLarge(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      tabsRoot(t, 'large', emotion));
+  }
+});
-    },
-    vertical: function vertical() {
-      return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin: 0;\n      "])));
-    }
-  };});
-function tabsRoot(t, size, _ref) {var css = _ref.css;
-  return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    display: inline-block;\n    margin: 0 -", ";\n    padding: 0;\n    position: relative;\n  "])),
+function tabsRoot(t, size) {
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    display: inline-block;\n    margin: 0 -", ";\n    padding: 0;\n    position: relative;\n  "])),
   (0, _helpers.paddingX)(t, size));

package/cjs/components/Tabs/Tabs.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_helpers","_templateObject","_templateObject2","~~_templateObject3~~","~~_templateObject4~~","~~_templateObject5~~","~~getStyles~~","~~exports~~","~~memoizeGetStyles~~","~~emotion~~","~~rootSmall~~","t","css","_taggedTemplateLiteralLoose2","default","~~tabsRoot","rootMedium","rootLarge","vertical","~~size","~~_ref","~~paddingX"],"sources":["Tabs.styles.ts"],"sourcesContent":["import ~~type~~ { ~~Emotion } from '@emotion/~~css~~/types/create-instance';\n\nimport~~ { ~~memoizeGetStyles~~ } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { paddingX } from './helpers';\n\nexport const ~~getStyles~~ = ~~memoizeGetStyles~~(~~(emotion: Emotion) => (~~{\n rootSmall(t: Theme) {\n return ~~emotion.css`\n ${~~tabsRoot(t, 'small'~~, emotion~~)}\n ~~`;\n~~ },\n\n rootMedium(t: Theme) {\n return ~~emotion.css`\n ${~~tabsRoot(t, 'medium'~~, emotion~~)}\n ~~`;\n~~ },\n\n rootLarge(t: Theme) {\n return ~~emotion.css`\n ${~~tabsRoot(t, 'large'~~, emotion~~)}\n ~~`;\n~~ },\n\n vertical() {\n return ~~emotion.~~css`\n margin: 0;\n `;\n },\n}));\n\nfunction tabsRoot(t: Theme, size: SizeProp~~, { css }: Emotion~~) {\n return css`\n display: inline-block;\n margin: 0 -${paddingX(t, size)};\n padding: 0;\n position: relative;\n `;\n}\n"],"mappings":"~~;;AAEA~~,IAAAA,QAAA,GAAAC,OAAA;;;;AAIA,IAAAC,QAAA,GAAAD,OAAA,cAAqC,IAAAE,eAAA,EAAAC,gBAAA~~,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA~~;;AAE9B,IAAMC,~~SAAS~~,GAAAC,OAAA,CAAAD,~~SAAA~~,GAAG,IAAAE,~~yBAAgB~~,EAAC~~,UAACC,OAAgB,UAAM~~;~~IAC/DC~~,SAAS,WAAAA,UAACC,CAAQ,EAAE;~~MAClB~~,~~OAAOF~~,~~OAAO,CAACG,GAAG,CAAAX,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;MACZC,~~QAAQ,~~CAACJ~~,CAAC,EAAE,OAAO,~~EAAEF,OAAO,~~CAAC~~;;IAErC~~,CAAC;;~~IAEDO~~,UAAU,WAAAA,~~WAACL~~,CAAQ,EAAE;~~MACnB~~,~~OAAOF~~,~~OAAO,CAACG,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;MACZC,~~QAAQ,~~CAACJ~~,CAAC,EAAE,QAAQ,~~EAAEF,OAAO,~~CAAC~~;;IAEtC~~,CAAC;;~~IAEDQ~~,SAAS,WAAAA,~~UAACN~~,CAAQ,EAAE;~~MAClB~~,~~OAAOF~~,~~OAAO,CAACG,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;MACZC,~~QAAQ,~~CAACJ~~,CAAC,EAAE,OAAO,~~EAAEF,OAAO,~~CAAC~~;;IAErC~~,CAAC;;~~IAEDS~~,QAAQ,WAAAA,SAAA,EAAG;~~MACT~~,~~OAAOT~~,~~OAAO~~,~~CAACG~~,~~GAAG~~,~~CAAAR,gBAAA,~~KAAAA,~~gBAAA~~,~~OAAAS~~,4BAAA,CAAAC,OAAA;;;~~IAGpB~~;~~EACF~~,CAAC,~~EAAC,~~CAAC;;~~AAEH~~,~~SAASC~~,QAAQA,~~CAACJ~~,CAAQ,EAAEQ,IAAc,~~EAAAC,IAAA,EAAoB,KAAhBR,GAAG,GAAAQ,IAAA,CAAHR,GAAG~~;~~EAC/C~~,~~OAAOA~~,~~GAAG~~,~~CAAAP~~,gBAAA,KAAAA,gBAAA,~~OAAAQ~~,4BAAA,CAAAC,OAAA;;EAEK,~~IAAAO~~,iBAAQ,~~EAACV~~,CAAC,EAAEQ,IAAI,CAAC;;;;AAIlC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_helpers","_templateObject","_templateObject2","styles","exports","memoizeStyle","rootSmall","t","tabsRoot","rootMedium","rootLarge","vertical","css","_taggedTemplateLiteralLoose2","default","size","paddingX"],"sources":["Tabs.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { paddingX } from './helpers';\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabsRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabsRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabsRoot(t, 'large');\n },\n\n vertical() {\n return css`\n margin: 0;\n `;\n },\n});\n\nfunction tabsRoot(t: Theme, size: SizeProp) {\n return css`\n display: inline-block;\n margin: 0 -${paddingX(t, size)};\n padding: 0;\n position: relative;\n `;\n}\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;;;AAIA,IAAAC,QAAA,GAAAD,OAAA,cAAqC,IAAAE,eAAA,EAAAC,gBAAA;;AAE9B,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOC,QAAQ,CAACD,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDE,UAAU,WAAAA,WAACF,CAAQ,EAAE;IACnB,OAAOC,QAAQ,CAACD,CAAC,EAAE,QAAQ,CAAC;EAC9B,CAAC;;EAEDG,SAAS,WAAAA,UAACH,CAAQ,EAAE;IAClB,OAAOC,QAAQ,CAACD,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDI,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOC,YAAG,EAAAX,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC;;AAEF,SAASN,QAAQA,CAACD,CAAQ,EAAEQ,IAAc,EAAE;EAC1C,WAAOH,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;EAEK,IAAAE,iBAAQ,EAACT,CAAC,EAAEQ,IAAI,CAAC;;;;AAIlC","ignoreList":[]}