@skbkontur/react-ui 0.0.0-73eeccf6c9 → 0.0.0-7b63c63db3

package/cjs/components/Link/Link.styles.d.ts

@@ -1,13 +1,15 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    button(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    buttonOpened(): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    button(t: Theme): string;
+    buttonOpened(t: Theme): string;
     arrow(): string;
-    useDefault(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    useSuccess(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    useDanger(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    useGrayed(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    icon(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    useDefault(t: Theme): string;
+    useSuccess(t: Theme): string;
+    useDanger(t: Theme): string;
+    useGrayed(t: Theme): string;
+    useGrayedFocus(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(t: Theme): string;
 };

package/cjs/components/Link/Link.styles.js

@@ -1,17 +1,18 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = 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");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 
-var _Link = require("./Link.mixins");function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-right: ", ";\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        text-decoration: ", ";\n      }\n      ", "& {\n        color: ", ";\n      }\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: #e1e1e1;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+var _Link = require("./Link.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      position: relative;\n    "])),
     (0, _Link.linkMixin)(t.linkHoverTextDecoration));
 
+
   },
 
   button: function button(t) {
-    return (0, _Emotion.css)(_templateObject2(),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])),
 
     t.linkButtonLineHeight,
     t.linkButtonPaddingX,
@@ -19,14 +20,14 @@ var styles = {
 
   },
 
-  buttonOpened: function buttonOpened() {
-    return (0, _Emotion.css)(_templateObject3());
-
+  buttonOpened: function buttonOpened(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    t.btnDefaultActiveBg);
 
   },
 
   arrow: function arrow() {
-    return (0, _Emotion.css)(_templateObject4());
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    "])));
 
 
 
@@ -38,60 +39,56 @@ var styles = {
   },
 
   useDefault: function useDefault(t) {
-    return (0, _Emotion.css)(_templateObject5(),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor));
 
   },
 
   useSuccess: function useSuccess(t) {
-    return (0, _Emotion.css)(_templateObject6(),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
 
   },
 
   useDanger: function useDanger(t) {
-    return (0, _Emotion.css)(_templateObject7(),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
 
   },
 
   useGrayed: function useGrayed(t) {
-    return (0, _Emotion.css)(_templateObject8(),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor));
 
   },
 
-  focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject9(),
-    (0, _Emotion.cssName)(styles.root(t)),
-    t.linkHoverTextDecoration,
-
-    (0, _Emotion.cssName)(styles.useGrayed(t)),
+  useGrayedFocus: function useGrayedFocus(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.linkDisabledColor);
 
+  },
+
+  focus: function focus(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
+    t.linkHoverTextDecoration);
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject10(),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
     (0, _Link.linkDisabledMixin)(),
 
-    (0, _Emotion.cssName)(styles.root(t)),
     t.linkDisabledColor,
 
 
     t.linkDisabledColor);
 
 
-
   },
 
   icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject11(),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-right: ", ";\n    "])),
 
     t.linkIconMarginRight);
 
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Link.styles.ts"],"names":["styles","root","t","css","linkHoverTextDecoration","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","arrow","useDefault","linkColor","linkHoverColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","useGrayed","linkDisabledColor","focus","disabled","icon","linkIconMarginRight","jsStyles"],"mappings":"8QAAA;;;AAGA,qC;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACI,yBAAUD,CAAC,CAACE,uBAAZ,CADJ;;AAGD,GALY;;AAObC,EAAAA,MAPa,kBAONH,CAPM,EAOI;AACf,eAAOC,YAAP;;AAEiBD,IAAAA,CAAC,CAACI,oBAFnB;AAGkBJ,IAAAA,CAAC,CAACK,kBAHpB;AAImBL,IAAAA,CAAC,CAACK,kBAJrB;;AAMD,GAdY;;AAgBbC,EAAAA,YAhBa,0BAgBE;AACb,eAAOL,YAAP;;;AAGD,GApBY;;AAsBbM,EAAAA,KAtBa,mBAsBL;AACN,eAAON,YAAP;;;;;;;;;AASD,GAhCY;;AAkCbO,EAAAA,UAlCa,sBAkCFR,CAlCE,EAkCQ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACS,SAArB,EAAgCT,CAAC,CAACU,cAAlC,EAAkDV,CAAC,CAACW,eAApD,CADJ;;AAGD,GAtCY;;AAwCbC,EAAAA,UAxCa,sBAwCFZ,CAxCE,EAwCQ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACa,gBAArB,EAAuCb,CAAC,CAACc,qBAAzC,EAAgEd,CAAC,CAACe,sBAAlE,CADJ;;AAGD,GA5CY;;AA8CbC,EAAAA,SA9Ca,qBA8CHhB,CA9CG,EA8CO;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACiB,eAArB,EAAsCjB,CAAC,CAACkB,oBAAxC,EAA8DlB,CAAC,CAACmB,qBAAhE,CADJ;;AAGD,GAlDY;;AAoDbC,EAAAA,SApDa,qBAoDHpB,CApDG,EAoDO;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACqB,iBAArB,EAAwCrB,CAAC,CAACqB,iBAA1C,EAA6DrB,CAAC,CAACqB,iBAA/D,CADJ;;AAGD,GAxDY;;AA0DbC,EAAAA,KA1Da,iBA0DPtB,CA1DO,EA0DG;AACd,eAAOC,YAAP;AACI,0BAAQH,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAR,CADJ;AAEuBA,IAAAA,CAAC,CAACE,uBAFzB;;AAII,0BAAQJ,MAAM,CAACsB,SAAP,CAAiBpB,CAAjB,CAAR,CAJJ;AAKaA,IAAAA,CAAC,CAACqB,iBALf;;;AAQD,GAnEY;;AAqEbE,EAAAA,QArEa,oBAqEJvB,CArEI,EAqEM;AACjB,eAAOC,YAAP;AACI,kCADJ;;AAGI,0BAAQH,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAR,CAHJ;AAIaA,IAAAA,CAAC,CAACqB,iBAJf;;;AAOerB,IAAAA,CAAC,CAACqB,iBAPjB;;;;AAWD,GAjFY;;AAmFbG,EAAAA,IAnFa,gBAmFRxB,CAnFQ,EAmFE;AACb,eAAOC,YAAP;;AAEkBD,IAAAA,CAAC,CAACyB,mBAFpB;;AAID,GAxFY,EAAf;;;AA2FO,IAAMC,QAAQ,GAAG,2BAAa5B,MAAb,CAAjB,C","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { linkMixin, linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      ${linkMixin(t.linkHoverTextDecoration)};\r\n    `;\r\n  },\r\n\r\n  button(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      line-height: ${t.linkButtonLineHeight};\r\n      padding-left: ${t.linkButtonPaddingX};\r\n      padding-right: ${t.linkButtonPaddingX};\r\n    `;\r\n  },\r\n\r\n  buttonOpened() {\r\n    return css`\r\n      background: #e1e1e1;\r\n    `;\r\n  },\r\n\r\n  arrow() {\r\n    return css`\r\n      border: 4px solid transparent;\r\n      border-bottom-width: 0;\r\n      border-top-color: #a0a0a0;\r\n      display: inline-block;\r\n      margin-bottom: 3px;\r\n      margin-left: 3px;\r\n      vertical-align: middle;\r\n    `;\r\n  },\r\n\r\n  useDefault(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\r\n    `;\r\n  },\r\n\r\n  useSuccess(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\r\n    `;\r\n  },\r\n\r\n  useDanger(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\r\n    `;\r\n  },\r\n\r\n  useGrayed(t: Theme) {\r\n    return css`\r\n      ${linkUseColorsMixin(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor)};\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        text-decoration: ${t.linkHoverTextDecoration};\r\n      }\r\n      ${cssName(styles.useGrayed(t))}& {\r\n        color: ${t.linkDisabledColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      ${linkDisabledMixin()};\r\n\r\n      ${cssName(styles.root(t))}& {\r\n        color: ${t.linkDisabledColor};\r\n\r\n        &:hover {\r\n          color: ${t.linkDisabledColor};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  icon(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      margin-right: ${t.linkIconMarginRight};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Link.styles.ts"],"names":["styles","root","t","css","linkHoverTextDecoration","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","useDefault","linkColor","linkHoverColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","useGrayed","linkDisabledColor","useGrayedFocus","focus","disabled","icon","linkIconMarginRight"],"mappings":"4QAAA;;;AAGA,qC;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACI,yBAAUD,CAAC,CAACE,uBAAZ,CADJ;;;AAID,GANgC;;AAQjCC,EAAAA,MARiC,kBAQ1BH,CAR0B,EAQhB;AACf,eAAOC,YAAP;;AAEiBD,IAAAA,CAAC,CAACI,oBAFnB;AAGkBJ,IAAAA,CAAC,CAACK,kBAHpB;AAImBL,IAAAA,CAAC,CAACK,kBAJrB;;AAMD,GAfgC;;AAiBjCC,EAAAA,YAjBiC,wBAiBpBN,CAjBoB,EAiBV;AACrB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACO,kBADlB;;AAGD,GArBgC;;AAuBjCC,EAAAA,KAvBiC,mBAuBzB;AACN,eAAOP,YAAP;;;;;;;;;AASD,GAjCgC;;AAmCjCQ,EAAAA,UAnCiC,sBAmCtBT,CAnCsB,EAmCZ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACU,SAArB,EAAgCV,CAAC,CAACW,cAAlC,EAAkDX,CAAC,CAACY,eAApD,CADJ;;AAGD,GAvCgC;;AAyCjCC,EAAAA,UAzCiC,sBAyCtBb,CAzCsB,EAyCZ;AACnB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACc,gBAArB,EAAuCd,CAAC,CAACe,qBAAzC,EAAgEf,CAAC,CAACgB,sBAAlE,CADJ;;AAGD,GA7CgC;;AA+CjCC,EAAAA,SA/CiC,qBA+CvBjB,CA/CuB,EA+Cb;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACkB,eAArB,EAAsClB,CAAC,CAACmB,oBAAxC,EAA8DnB,CAAC,CAACoB,qBAAhE,CADJ;;AAGD,GAnDgC;;AAqDjCC,EAAAA,SArDiC,qBAqDvBrB,CArDuB,EAqDb;AAClB,eAAOC,YAAP;AACI,kCAAmBD,CAAC,CAACsB,iBAArB,EAAwCtB,CAAC,CAACsB,iBAA1C,EAA6DtB,CAAC,CAACsB,iBAA/D,CADJ;;AAGD,GAzDgC;;AA2DjCC,EAAAA,cA3DiC,0BA2DlBvB,CA3DkB,EA2DR;AACvB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACsB,iBADb;;AAGD,GA/DgC;;AAiEjCE,EAAAA,KAjEiC,iBAiE3BxB,CAjE2B,EAiEjB;AACd,eAAOC,YAAP;AACqBD,IAAAA,CAAC,CAACE,uBADvB;;AAGD,GArEgC;;AAuEjCuB,EAAAA,QAvEiC,oBAuExBzB,CAvEwB,EAuEd;AACjB,eAAOC,YAAP;AACI,kCADJ;;AAGWD,IAAAA,CAAC,CAACsB,iBAHb;;;AAMatB,IAAAA,CAAC,CAACsB,iBANf;;;AASD,GAjFgC;;AAmFjCI,EAAAA,IAnFiC,gBAmF5B1B,CAnF4B,EAmFlB;AACb,eAAOC,YAAP;;AAEkBD,IAAAA,CAAC,CAAC2B,mBAFpB;;AAID,GAxFgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkMixin, linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${linkMixin(t.linkHoverTextDecoration)};\n      position: relative;\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  useDefault(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n    `;\n  },\n\n  useSuccess(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n    `;\n  },\n\n  useDanger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n    `;\n  },\n\n  useGrayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor)};\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor};\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n});\n"]}

package/cjs/components/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Link';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Link';\n"]}

package/cjs/components/Loader/Loader.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { SpinnerProps } from '../Spinner';
-export interface LoaderProps {
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface LoaderProps extends CommonProps {
     children?: React.ReactNode;
     /**
      * Флаг переключения состояния лоадера
@@ -9,28 +10,39 @@ export interface LoaderProps {
      */
     active: boolean;
     caption?: SpinnerProps['caption'];
+    /**
+     * Компонент заменяющий спиннер.
+     */
+    component?: React.ReactNode;
     className?: string;
     type?: 'mini' | 'normal' | 'big';
     /**
-     * @deprecated Старое поведение спиннера - облачко при среднем и большом размере - исчезнет в 3.0 поведение пересено в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
-     *
-     * @default false
+     * Время в миллисекундах для показа вуали без спиннера.
+     * @default 300
+     */
+    delayBeforeSpinnerShow: number;
+    /**
+     * Минимальное время в миллисекундах для показа спиннера
+     * @default 1000
      */
-    cloud?: boolean;
+    minimalDelayBeforeSpinnerHide: number;
 }
 export interface LoaderState {
     isStickySpinner: boolean;
+    isSpinnerVisible: boolean;
+    isLoaderActive: boolean;
     spinnerStyle?: object;
 }
+export declare const LoaderDataTids: {
+    readonly veil: "Loader__Veil";
+    readonly spinner: "Loader__Spinner";
+};
 /**
  * DRAFT - лоадер-контейнер
  */
 export declare class Loader extends React.Component<LoaderProps, LoaderState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        type: "normal" | "big" | "mini";
-        active: boolean;
-    };
+    static defaultProps: Partial<LoaderProps>;
     static propTypes: {
         /**
          * показываем лоадер или нет
@@ -42,6 +54,7 @@ export declare class Loader extends React.Component<LoaderProps, LoaderState> {
          * @default  "Загрузка"
          */
         caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        component: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         /**
          * Класс для обертки
          */
@@ -55,24 +68,37 @@ export declare class Loader extends React.Component<LoaderProps, LoaderState> {
          */
         type: PropTypes.Requireable<string>;
         /**
-         * @deprecated Старое поведение спиннера - облачко при среднем и большом размере
-         *
-         * @default false - исчезнет в 3.0
+         * Время в миллисекундах для показа вуали без спиннера.
+         * @default 300
+         */
+        delayBeforeSpinnerShow: PropTypes.Requireable<number>;
+        /**
+         * Минимальное время в миллисекундах для показа спиннера
+         * @default 1000
          */
-        cloud: PropTypes.Requireable<boolean>;
+        minimalDelayBeforeSpinnerHide: PropTypes.Requireable<number>;
     };
     private theme;
-    private containerNode;
+    private setRootNode;
+    private spinnerContainerNode;
+    private childrenContainerNode;
     private spinnerNode;
-    private spinnerHeight?;
     private layoutEvents;
+    private spinnerTask;
+    private childrenObserver;
     constructor(props: LoaderProps);
     componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<LoaderProps>): void;
+    componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>): void;
     componentWillUnmount(): void;
+    static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState>;
     render(): JSX.Element;
     private renderMain;
-    private wrapperRef;
+    private childrenRef;
+    private spinnerRef;
     private renderSpinner;
     private checkSpinnerPosition;
+    private disableChildrenFocus;
+    private enableChildrenFocus;
+    private makeObservable;
+    private makeUnobservable;
 }

package/cjs/components/Loader/Loader.js

@@ -1,7 +1,6 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Loader = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.LoaderDataTids = exports.Loader = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _warning = _interopRequireDefault(require("warning"));
-var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = _interopRequireDefault(require("lodash.debounce"));
 
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 var _Spinner = require("../Spinner");
@@ -9,8 +8,15 @@ var _Spinner = require("../Spinner");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _ZIndex = require("../../internal/ZIndex");
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+var _currentEnvironment = require("../../lib/currentEnvironment");
+var _taskWithDelayAndMinimalDuration = require("../../lib/taskWithDelayAndMinimalDuration");
+var _tabbableHelpers = require("../../lib/dom/tabbableHelpers");
+var _rootNode = require("../../lib/rootNode");
+var _getDOMRect2 = require("../../lib/dom/getDOMRect");
 
-var _Loader = require("./Loader.styles");
+var _Loader = require("./Loader.styles");var _class, _class2, _temp;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
 
 
 
@@ -35,10 +41,37 @@ var _Loader = require("./Loader.styles");
 
 
 
-/**
- * DRAFT - лоадер-контейнер
- */var
-Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Loader, _React$Component);
+
+
+
+
+
+
+
+
+
+
+var LoaderDataTids = {
+  veil: 'Loader__Veil',
+  spinner: 'Loader__Spinner' };
+
+
+/**
+ * DRAFT - лоадер-контейнер
+ */exports.LoaderDataTids = LoaderDataTids;var
+
+Loader = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Loader, _React$Component);
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -87,7 +120,35 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
   function Loader(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.theme = void 0;_this.containerNode = void 0;_this.spinnerNode = void 0;_this.spinnerHeight = void 0;_this.layoutEvents = void 0;_this.
+    _this = _React$Component.call(this, props) || this;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -162,8 +223,37 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
-    wrapperRef = function (element) {
-      _this.containerNode = element;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    childrenRef = function (element) {
+      _this.childrenContainerNode = element;
+    };_this.
+
+    spinnerRef = function (element) {
+      _this.spinnerContainerNode = element;
     };_this.
 
 
@@ -180,19 +270,24 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
+
+
+
+
+
     checkSpinnerPosition = function () {
-      if (!_this.containerNode) {
+      if (!_this.spinnerContainerNode) {
         return;
-      }var _this$containerNode$g =
-
+      }
 
+      var _getDOMRect =
 
 
 
 
 
 
-      _this.containerNode.getBoundingClientRect(),containerTop = _this$containerNode$g.top,containerRight = _this$containerNode$g.right,containerBottom = _this$containerNode$g.bottom,containerLeft = _this$containerNode$g.left,containerHeight = _this$containerNode$g.height,containerWidth = _this$containerNode$g.width;
+      (0, _getDOMRect2.getDOMRect)(_this.spinnerContainerNode),containerTop = _getDOMRect.top,containerRight = _getDOMRect.right,containerBottom = _getDOMRect.bottom,containerLeft = _getDOMRect.left,containerHeight = _getDOMRect.height,containerWidth = _getDOMRect.width;
 
       var windowHeight = window.innerHeight;
       var windowWidth = window.innerWidth;
@@ -207,7 +302,12 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
         return;
       }
 
-      var spinnerStyle = {
+      var spinnerStyle =
+
+
+
+
+      {
         top: 30,
         right: 0,
         bottom: 30,
@@ -229,7 +329,10 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
       // Если знаем высоту спиннера и нижний край контейнера поднимается
       // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера
-      if (_this.spinnerHeight && spinnerStyle.bottom >= windowHeight - _this.spinnerHeight) {
+
+      var spinnerHeight = (0, _getDOMRect2.getDOMRect)(_this.spinnerNode).height;
+
+      if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {
         delete spinnerStyle.top;
       }
 
@@ -250,22 +353,65 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
         isStickySpinner: true,
         spinnerStyle: spinnerStyle });
 
-    };_this.containerNode = null;_this.spinnerNode = null;(0, _warning.default)(!_this.props.cloud, 'cloud is deprecated, will removed in 3.0, if you want cloud use prop component instead. ');_this.state = { isStickySpinner: false };return _this;}var _proto = Loader.prototype;_proto.componentDidMount = function componentDidMount() {if (this.spinnerNode) {this.spinnerHeight = this.spinnerNode.children[0].getBoundingClientRect().height;}this.checkSpinnerPosition();this.layoutEvents = LayoutEvents.addListener(this.checkSpinnerPosition);};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.props.active && !prevProps.active) {this.checkSpinnerPosition();}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutEvents) {this.layoutEvents.remove();}};_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 _cn;var _this$props = this.props,active = _this$props.active,type = _this$props.type,caption = _this$props.caption,className = _this$props.className;return /*#__PURE__*/_react.default.createElement("div", { style: { position: 'relative' }, className: (0, _classnames.default)(_Loader.jsStyles.loader(), className) }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Loader', applyZIndex: this.props.active, coverChildren: this.props.active, style: { height: '100%' } }, this.props.children), active && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { wrapperRef: this.wrapperRef, priority: 'Loader', className: (0, _classnames.default)((_cn = {}, _cn[_Loader.jsStyles.active(this.theme)] = active, _cn)) }, this.renderSpinner(type, caption)));};_proto.renderSpinner = function renderSpinner(type, caption) {var _this3 = this;return /*#__PURE__*/_react.default.createElement("span", { className: this.state.isStickySpinner ? _Loader.jsStyles.spinnerContainerSticky() : _Loader.jsStyles.spinnerContainerCenter(), style: this.state.spinnerStyle, ref: function ref(element) {_this3.spinnerNode = element;} }, /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: type, caption: caption, cloud: this.props.cloud }));};return Loader;}(_react.default.Component);exports.Loader = Loader;Loader.__KONTUR_REACT_UI__ = 'Loader';Loader.defaultProps = { type: _Spinner.Spinner.Types.normal, active: false };Loader.propTypes = { /**
-   * показываем лоадер или нет
-   */active: _propTypes.default.bool, /**
-   * Текст рядом с лоадером.
-   *
-   * @default  "Загрузка"
-   */caption: _Spinner.Spinner.propTypes.caption, /**
-   * Класс для обертки
-   */className: _propTypes.default.string, /**
-   * Тип спиннера: mini, normal, big
-   *
-   * @default  normal
-   *
-   * Spinner.types - все доступные типы
-   */type: _propTypes.default.oneOf(Object.keys(_Spinner.Spinner.Types)), /**
-   * @deprecated Старое поведение спиннера - облачко при среднем и большом размере
-   *
-   * @default false - исчезнет в 3.0
-   */cloud: _propTypes.default.bool };
+    };_this.
+
+    disableChildrenFocus = function () {
+      if (!_this.childrenObserver) {
+        _this.makeObservable();
+      }
+      var tabbableElements = (0, _tabbableHelpers.getTabbableElements)(_this.childrenContainerNode);
+      tabbableElements.forEach(function (el) {
+        if (!el.hasAttribute('origin-tabindex')) {
+          el.setAttribute('origin-tabindex', el.tabIndex.toString());
+        }
+        el.tabIndex = -1;
+      });
+    };_this.
+
+    enableChildrenFocus = function () {
+      _this.makeUnobservable();
+      // NOTE: NodeList doesn't support 'forEach' method in IE11 and other older browsers
+      Array.from(document.querySelectorAll('[origin-tabindex]')).forEach(function (el) {var _el$getAttribute;
+        el.setAttribute('tabindex', (_el$getAttribute = el.getAttribute('origin-tabindex')) != null ? _el$getAttribute : '0');
+        el.removeAttribute('origin-tabindex');
+      });
+    };_this.
+
+    makeObservable = function () {
+      var target = _this.childrenContainerNode;
+      if (!target) {
+        return;
+      }
+      var config = {
+        childList: true,
+        subtree: true };
+
+      var observer = new MutationObserver(_this.disableChildrenFocus);
+      observer.observe(target, config);
+      _this.childrenObserver = observer;
+    };_this.
+
+    makeUnobservable = function () {var _this$childrenObserve;
+      (_this$childrenObserve = _this.childrenObserver) == null ? void 0 : _this$childrenObserve.disconnect();
+      _this.childrenObserver = null;
+    };_this.spinnerContainerNode = null;_this.childrenContainerNode = null;_this.childrenObserver = null;_this.spinnerNode = null;_this.state = { isStickySpinner: false, isSpinnerVisible: false, isLoaderActive: false };_this.spinnerTask = new _taskWithDelayAndMinimalDuration.TaskWithDelayAndMinimalDuration({ delayBeforeTaskStart: _this.props.delayBeforeSpinnerShow, durationOfTask: _this.props.minimalDelayBeforeSpinnerHide, taskStartCallback: function taskStartCallback() {return _this.setState({ isSpinnerVisible: true });}, taskStopCallback: function taskStopCallback() {return _this.setState({ isSpinnerVisible: false });} });return _this;}var _proto = Loader.prototype;_proto.componentDidMount = function componentDidMount() {this.checkSpinnerPosition();this.props.active && this.spinnerTask.start();this.layoutEvents = LayoutEvents.addListener((0, _lodash.default)(this.checkSpinnerPosition, 10));if (this.props.active) {this.disableChildrenFocus();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var _this$props = this.props,component = _this$props.component,active = _this$props.active,delayBeforeSpinnerShow = _this$props.delayBeforeSpinnerShow,minimalDelayBeforeSpinnerHide = _this$props.minimalDelayBeforeSpinnerHide;var isLoaderActive = this.state.isLoaderActive;if (active && !prevProps.active || prevProps.component !== component) {this.checkSpinnerPosition();}if (delayBeforeSpinnerShow !== prevProps.delayBeforeSpinnerShow || minimalDelayBeforeSpinnerHide !== prevProps.minimalDelayBeforeSpinnerHide) {this.spinnerTask.update({ delayBeforeTaskStart: delayBeforeSpinnerShow, durationOfTask: minimalDelayBeforeSpinnerHide });}if (active !== prevProps.active) {active ? this.spinnerTask.start() : this.spinnerTask.stop();}if (isLoaderActive !== prevState.isLoaderActive) {if (isLoaderActive) {this.disableChildrenFocus();} else {this.enableChildrenFocus();}}};_proto.componentWillUnmount = function componentWillUnmount() {this.makeUnobservable();if (this.layoutEvents) {this.layoutEvents.remove();}this.spinnerTask.clearTask();};Loader.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {if (props.active && !state.isLoaderActive) {return { isLoaderActive: true };}if (state.isLoaderActive && !(props.active || state.isSpinnerVisible)) {return { isLoaderActive: false };}return state;};_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 _cx;var _this$props2 = this.props,type = _this$props2.type,caption = _this$props2.caption,component = _this$props2.component;var isLoaderActive = this.state.isLoaderActive;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { className: _Loader.styles.loader(), "data-tid": isLoaderActive ? LoaderDataTids.veil : '' }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Loader', applyZIndex: isLoaderActive, coverChildren: isLoaderActive, style: { height: '100%' }, wrapperRef: this.childrenRef }, this.props.children), isLoaderActive && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { wrapperRef: this.spinnerRef, priority: 'Loader', className: (0, _Emotion.cx)((_cx = {}, _cx[_Loader.styles.active(this.theme)] = isLoaderActive, _cx)) }, this.state.isSpinnerVisible && this.renderSpinner(type, caption, component))));};_proto.renderSpinner = function renderSpinner(type, caption, component) {var _cx2,_this3 = this;return /*#__PURE__*/_react.default.createElement("span", { "data-tid": LoaderDataTids.spinner, className: (0, _Emotion.cx)(_Loader.styles.spinnerContainer(), (_cx2 = {}, _cx2[_Loader.styles.spinnerContainerSticky()] = this.state.isStickySpinner, _cx2)), style: this.state.spinnerStyle }, /*#__PURE__*/_react.default.createElement("div", { className: _Loader.styles.spinnerComponentWrapper(), ref: function ref(element) {_this3.spinnerNode = element;} }, component !== undefined ? component : /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: type, caption: caption })));};return Loader;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Loader', _class2.defaultProps = { type: _Spinner.Spinner.Types.normal, active: false, delayBeforeSpinnerShow: _currentEnvironment.isTestEnv ? 0 : 300, minimalDelayBeforeSpinnerHide: _currentEnvironment.isTestEnv ? 0 : 1000 }, _class2.propTypes = { /**
+   * показываем лоадер или нет
+   */active: _propTypes.default.bool, /**
+   * Текст рядом с лоадером.
+   *
+   * @default  "Загрузка"
+   */caption: _Spinner.Spinner.propTypes.caption, component: _propTypes.default.node, /**
+   * Класс для обертки
+   */className: _propTypes.default.string, /**
+   * Тип спиннера: mini, normal, big
+   *
+   * @default  normal
+   *
+   * Spinner.types - все доступные типы
+   */type: _propTypes.default.oneOf(Object.keys(_Spinner.Spinner.Types)), /**
+   * Время в миллисекундах для показа вуали без спиннера.
+   * @default 300
+   */delayBeforeSpinnerShow: _propTypes.default.number, /**
+   * Минимальное время в миллисекундах для показа спиннера
+   * @default 1000
+   */minimalDelayBeforeSpinnerHide: _propTypes.default.number }, _temp)) || _class;exports.Loader = Loader;