@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ce2a893b1a

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

@@ -1,150 +1,44 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject11() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-right: ", ";\n    "]);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      ", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", "& {\n        text-decoration: ", ";\n      }\n      ", "& {\n        color: ", ";\n      }\n    "]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n    "]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n    "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\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 = _taggedTemplateLiteralLoose(["\n      background: #e1e1e1;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\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 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { linkMixin, linkDisabledMixin, linkUseColorsMixin } from "../Link.mixins";
-var styles = {
+export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject(), linkMixin());
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", ";\n      position: relative;\n    "])), linkMixin(t.linkHoverTextDecoration));
   },
   button: function button(t) {
-    return css(_templateObject2(), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
   },
-  buttonOpened: function buttonOpened() {
-    return css(_templateObject3());
+  buttonOpened: function buttonOpened(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.btnDefaultActiveBg);
   },
   arrow: function arrow() {
-    return css(_templateObject4());
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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    "])));
   },
   useDefault: function useDefault(t) {
-    return css(_templateObject5(), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor));
   },
   useSuccess: function useSuccess(t) {
-    return css(_templateObject6(), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
   },
   useDanger: function useDanger(t) {
-    return css(_templateObject7(), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
   },
   useGrayed: function useGrayed(t) {
-    return css(_templateObject8(), linkUseColorsMixin(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor));
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkDisabledColor, t.linkDisabledColor, t.linkDisabledColor));
+  },
+  useGrayedFocus: function useGrayedFocus(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.linkDisabledColor);
   },
   focus: function focus(t) {
-    return css(_templateObject9(), cssName(styles.root(t)), t.linkHoverTextDecoration, cssName(styles.useGrayed(t)), t.linkDisabledColor);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n    "])), t.linkHoverTextDecoration);
   },
   disabled: function disabled(t) {
-    return css(_templateObject10(), linkDisabledMixin(), cssName(styles.root(t)), t.linkDisabledColor, t.linkDisabledColor);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n      }\n    "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor);
   },
   icon: function icon(t) {
-    return css(_templateObject11(), t.linkIconMarginRight);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-right: ", ";\n    "])), t.linkIconMarginRight);
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["Link.styles.ts"],"names":["css","cssName","memoizeStyle","linkMixin","linkDisabledMixin","linkUseColorsMixin","styles","root","t","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","arrow","useDefault","linkColor","linkHoverColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","useGrayed","linkDisabledColor","focus","linkHoverTextDecoration","disabled","icon","linkIconMarginRight","jsStyles"],"mappings":"o8EAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,SAASC,SAAT,EAAoBC,iBAApB,EAAuCC,kBAAvC,QAAiE,eAAjE;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOR,GAAP;AACIG,IAAAA,SAAS,EADb;;AAGD,GALY;;AAObM,EAAAA,MAPa,kBAOND,CAPM,EAOI;AACf,WAAOR,GAAP;;AAEiBQ,IAAAA,CAAC,CAACE,oBAFnB;AAGkBF,IAAAA,CAAC,CAACG,kBAHpB;AAImBH,IAAAA,CAAC,CAACG,kBAJrB;;AAMD,GAdY;;AAgBbC,EAAAA,YAhBa,0BAgBE;AACb,WAAOZ,GAAP;;;AAGD,GApBY;;AAsBba,EAAAA,KAtBa,mBAsBL;AACN,WAAOb,GAAP;;;;;;;;;AASD,GAhCY;;AAkCbc,EAAAA,UAlCa,sBAkCFN,CAlCE,EAkCQ;AACnB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACO,SAAH,EAAcP,CAAC,CAACQ,cAAhB,EAAgCR,CAAC,CAACS,eAAlC,CADtB;;AAGD,GAtCY;;AAwCbC,EAAAA,UAxCa,sBAwCFV,CAxCE,EAwCQ;AACnB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACW,gBAAH,EAAqBX,CAAC,CAACY,qBAAvB,EAA8CZ,CAAC,CAACa,sBAAhD,CADtB;;AAGD,GA5CY;;AA8CbC,EAAAA,SA9Ca,qBA8CHd,CA9CG,EA8CO;AAClB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACe,eAAH,EAAoBf,CAAC,CAACgB,oBAAtB,EAA4ChB,CAAC,CAACiB,qBAA9C,CADtB;;AAGD,GAlDY;;AAoDbC,EAAAA,SApDa,qBAoDHlB,CApDG,EAoDO;AAClB,WAAOR,GAAP;AACIK,IAAAA,kBAAkB,CAACG,CAAC,CAACmB,iBAAH,EAAsBnB,CAAC,CAACmB,iBAAxB,EAA2CnB,CAAC,CAACmB,iBAA7C,CADtB;;AAGD,GAxDY;;AA0DbC,EAAAA,KA1Da,iBA0DPpB,CA1DO,EA0DG;AACd,WAAOR,GAAP;AACIC,IAAAA,OAAO,CAACK,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEuBA,IAAAA,CAAC,CAACqB,uBAFzB;;AAII5B,IAAAA,OAAO,CAACK,MAAM,CAACoB,SAAP,CAAiBlB,CAAjB,CAAD,CAJX;AAKaA,IAAAA,CAAC,CAACmB,iBALf;;;AAQD,GAnEY;;AAqEbG,EAAAA,QArEa,oBAqEJtB,CArEI,EAqEM;AACjB,WAAOR,GAAP;AACII,IAAAA,iBAAiB,EADrB;;AAGIH,IAAAA,OAAO,CAACK,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CAHX;AAIaA,IAAAA,CAAC,CAACmB,iBAJf;;;AAOenB,IAAAA,CAAC,CAACmB,iBAPjB;;;;AAWD,GAjFY;;AAmFbI,EAAAA,IAnFa,gBAmFRvB,CAnFQ,EAmFE;AACb,WAAOR,GAAP;;AAEkBQ,IAAAA,CAAC,CAACwB,mBAFpB;;AAID,GAxFY,EAAf;;;AA2FA,OAAO,IAAMC,QAAQ,GAAG/B,YAAY,CAACI,MAAD,CAA7B","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()};\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":["css","memoizeStyle","linkMixin","linkDisabledMixin","linkUseColorsMixin","styles","root","t","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":"6TAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,SAASC,SAAT,EAAoBC,iBAApB,EAAuCC,kBAAvC,QAAiE,eAAjE;;AAEA,OAAO,IAAMC,MAAM,GAAGJ,YAAY,CAAC;AACjCK,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOP,GAAP;AACIE,IAAAA,SAAS,CAACK,CAAC,CAACC,uBAAH,CADb;;;AAID,GANgC;;AAQjCC,EAAAA,MARiC,kBAQ1BF,CAR0B,EAQhB;AACf,WAAOP,GAAP;;AAEiBO,IAAAA,CAAC,CAACG,oBAFnB;AAGkBH,IAAAA,CAAC,CAACI,kBAHpB;AAImBJ,IAAAA,CAAC,CAACI,kBAJrB;;AAMD,GAfgC;;AAiBjCC,EAAAA,YAjBiC,wBAiBpBL,CAjBoB,EAiBV;AACrB,WAAOP,GAAP;AACgBO,IAAAA,CAAC,CAACM,kBADlB;;AAGD,GArBgC;;AAuBjCC,EAAAA,KAvBiC,mBAuBzB;AACN,WAAOd,GAAP;;;;;;;;;AASD,GAjCgC;;AAmCjCe,EAAAA,UAnCiC,sBAmCtBR,CAnCsB,EAmCZ;AACnB,WAAOP,GAAP;AACII,IAAAA,kBAAkB,CAACG,CAAC,CAACS,SAAH,EAAcT,CAAC,CAACU,cAAhB,EAAgCV,CAAC,CAACW,eAAlC,CADtB;;AAGD,GAvCgC;;AAyCjCC,EAAAA,UAzCiC,sBAyCtBZ,CAzCsB,EAyCZ;AACnB,WAAOP,GAAP;AACII,IAAAA,kBAAkB,CAACG,CAAC,CAACa,gBAAH,EAAqBb,CAAC,CAACc,qBAAvB,EAA8Cd,CAAC,CAACe,sBAAhD,CADtB;;AAGD,GA7CgC;;AA+CjCC,EAAAA,SA/CiC,qBA+CvBhB,CA/CuB,EA+Cb;AAClB,WAAOP,GAAP;AACII,IAAAA,kBAAkB,CAACG,CAAC,CAACiB,eAAH,EAAoBjB,CAAC,CAACkB,oBAAtB,EAA4ClB,CAAC,CAACmB,qBAA9C,CADtB;;AAGD,GAnDgC;;AAqDjCC,EAAAA,SArDiC,qBAqDvBpB,CArDuB,EAqDb;AAClB,WAAOP,GAAP;AACII,IAAAA,kBAAkB,CAACG,CAAC,CAACqB,iBAAH,EAAsBrB,CAAC,CAACqB,iBAAxB,EAA2CrB,CAAC,CAACqB,iBAA7C,CADtB;;AAGD,GAzDgC;;AA2DjCC,EAAAA,cA3DiC,0BA2DlBtB,CA3DkB,EA2DR;AACvB,WAAOP,GAAP;AACWO,IAAAA,CAAC,CAACqB,iBADb;;AAGD,GA/DgC;;AAiEjCE,EAAAA,KAjEiC,iBAiE3BvB,CAjE2B,EAiEjB;AACd,WAAOP,GAAP;AACqBO,IAAAA,CAAC,CAACC,uBADvB;;AAGD,GArEgC;;AAuEjCuB,EAAAA,QAvEiC,oBAuExBxB,CAvEwB,EAuEd;AACjB,WAAOP,GAAP;AACIG,IAAAA,iBAAiB,EADrB;;AAGWI,IAAAA,CAAC,CAACqB,iBAHb;;;AAMarB,IAAAA,CAAC,CAACqB,iBANf;;;AASD,GAjFgC;;AAmFjCI,EAAAA,IAnFiC,gBAmF5BzB,CAnF4B,EAmFlB;AACb,WAAOP,GAAP;;AAEkBO,IAAAA,CAAC,CAAC0B,mBAFpB;;AAID,GAxFgC,EAAD,CAA3B","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/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/components/Link/index/index.js.map

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

package/components/Loader/Loader/Loader.js

@@ -1,48 +1,55 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import PropTypes from 'prop-types';
-import warning from 'warning';
-import cn from 'classnames';
+import debounce from 'lodash.debounce';
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { Spinner } from "../../Spinner";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ZIndex } from "../../../internal/ZIndex";
-import { jsStyles } from "../Loader.styles";
-/**
-                                             * DRAFT - лоадер-контейнер
-                                             */
-
-export var Loader =
-/*#__PURE__*/
-function (_React$Component) {
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { isTestEnv } from "../../../lib/currentEnvironment";
+import { TaskWithDelayAndMinimalDuration } from "../../../lib/taskWithDelayAndMinimalDuration";
+import { getTabbableElements } from "../../../lib/dom/tabbableHelpers";
+import { rootNode } from "../../../lib/rootNode";
+import { getDOMRect } from "../../../lib/dom/getDOMRect";
+import { styles } from "../Loader.styles";
+export
+/**
+* DRAFT - лоадер-контейнер
+*/
+var Loader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Loader, _React$Component);
 
   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.wrapperRef = function (element) {
-      _this.containerNode = element;
+
+    _this.childrenRef = function (element) {
+      _this.childrenContainerNode = element;
+    };
+
+    _this.spinnerRef = function (element) {
+      _this.spinnerContainerNode = element;
     };
 
     _this.checkSpinnerPosition = function () {
-      if (!_this.containerNode) {
+      if (!_this.spinnerContainerNode) {
         return;
       }
 
-      var _this$containerNode$g = _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;
+      var _getDOMRect = 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; // Если контейнер не больше высоты и не шире окна,
@@ -78,7 +85,9 @@ function (_React$Component) {
       // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера
 
 
-      if (_this.spinnerHeight && spinnerStyle.bottom >= windowHeight - _this.spinnerHeight) {
+      var spinnerHeight = getDOMRect(_this.spinnerNode).height;
+
+      if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {
         delete spinnerStyle.top;
       } // ПО ГОРИЗОНТАЛИ
       // Если левый край контейнера правее левого края окна,
@@ -101,122 +110,251 @@ function (_React$Component) {
       });
     };
 
-    _this.containerNode = null;
+    _this.disableChildrenFocus = function () {
+      if (!_this.childrenObserver) {
+        _this.makeObservable();
+      }
+
+      var tabbableElements = 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;
-    warning(!_this.props.cloud, 'cloud is deprecated, will removed in 3.0, if you want cloud use prop component instead. ');
     _this.state = {
-      isStickySpinner: false
+      isStickySpinner: false,
+      isSpinnerVisible: false,
+      isLoaderActive: false
     };
+    _this.spinnerTask = new 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() {
-    if (this.spinnerNode) {
-      this.spinnerHeight = this.spinnerNode.children[0].getBoundingClientRect().height;
+    this.checkSpinnerPosition();
+    this.props.active && this.spinnerTask.start();
+    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10));
+
+    if (this.props.active) {
+      this.disableChildrenFocus();
     }
+  };
 
-    this.checkSpinnerPosition();
-    this.layoutEvents = LayoutEvents.addListener(this.checkSpinnerPosition);
+  _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 React.createElement(ThemeContext.Consumer, null, function (theme) {
+    return /*#__PURE__*/React.createElement(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 React.createElement("div", {
-      style: {
-        position: 'relative'
-      },
-      className: cn(jsStyles.loader(), className)
-    }, React.createElement(ZIndex, {
+    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.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement("div", {
+      className: styles.loader(),
+      "data-tid": isLoaderActive ? 'Loader__Veil' : ''
+    }, /*#__PURE__*/React.createElement(ZIndex, {
       priority: 'Loader',
-      applyZIndex: this.props.active,
-      coverChildren: this.props.active,
+      applyZIndex: isLoaderActive,
+      coverChildren: isLoaderActive,
       style: {
         height: '100%'
-      }
-    }, this.props.children), active && React.createElement(ZIndex, {
-      wrapperRef: this.wrapperRef,
+      },
+      wrapperRef: this.childrenRef
+    }, this.props.children), isLoaderActive && /*#__PURE__*/React.createElement(ZIndex, {
+      wrapperRef: this.spinnerRef,
       priority: 'Loader',
-      className: cn((_cn = {}, _cn[jsStyles.active(this.theme)] = active, _cn))
-    }, this.renderSpinner(type, caption)));
+      className: cx((_cx = {}, _cx[styles.active(this.theme)] = isLoaderActive, _cx))
+    }, this.state.isSpinnerVisible && this.renderSpinner(type, caption, component))));
   };
 
-  _proto.renderSpinner = function renderSpinner(type, caption) {
-    var _this3 = this;
+  _proto.renderSpinner = function renderSpinner(type, caption, component) {
+    var _cx2,
+        _this3 = this;
 
-    return React.createElement("span", {
-      className: this.state.isStickySpinner ? jsStyles.spinnerContainerSticky() : jsStyles.spinnerContainerCenter(),
-      style: this.state.spinnerStyle,
+    return /*#__PURE__*/React.createElement("span", {
+      "data-tid": 'Loader__Spinner',
+      className: cx(styles.spinnerContainer(), (_cx2 = {}, _cx2[styles.spinnerContainerSticky()] = this.state.isStickySpinner, _cx2)),
+      style: this.state.spinnerStyle
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.spinnerComponentWrapper(),
       ref: function ref(element) {
         _this3.spinnerNode = element;
       }
-    }, React.createElement(Spinner, {
+    }, component !== undefined ? component : /*#__PURE__*/React.createElement(Spinner, {
       type: type,
-      caption: caption,
-      cloud: this.props.cloud
-    }));
+      caption: caption
+    })));
   };
 
   return Loader;
-}(React.Component);
-Loader.__KONTUR_REACT_UI__ = 'Loader';
-Loader.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Loader', _class2.defaultProps = {
   type: Spinner.Types.normal,
-  active: false
-};
-Loader.propTypes = {
-  /**
-   * показываем лоадер или нет
-   */
+  active: false,
+  delayBeforeSpinnerShow: isTestEnv ? 0 : 300,
+  minimalDelayBeforeSpinnerHide: isTestEnv ? 0 : 1000
+}, _class2.propTypes = {
+  /**
+  * показываем лоадер или нет
+  */
   active: PropTypes.bool,
 
-  /**
-   * Текст рядом с лоадером.
-   *
-   * @default  "Загрузка"
-   */
+  /**
+  * Текст рядом с лоадером.
+  *
+  * @default  "Загрузка"
+  */
   caption: Spinner.propTypes.caption,
+  component: PropTypes.node,
 
-  /**
-   * Класс для обертки
-   */
+  /**
+  * Класс для обертки
+  */
   className: PropTypes.string,
 
-  /**
-   * Тип спиннера: mini, normal, big
-   *
-   * @default  normal
-   *
-   * Spinner.types - все доступные типы
-   */
+  /**
+  * Тип спиннера: mini, normal, big
+  *
+  * @default  normal
+  *
+  * Spinner.types - все доступные типы
+  */
   type: PropTypes.oneOf(Object.keys(Spinner.Types)),
 
-  /**
-   * @deprecated Старое поведение спиннера - облачко при среднем и большом размере
-   *
-   * @default false - исчезнет в 3.0
-   */
-  cloud: PropTypes.bool
-};
+  /**
+  * Время в миллисекундах для показа вуали без спиннера.
+  * @default 300
+  */
+  delayBeforeSpinnerShow: PropTypes.number,
+
+  /**
+  * Минимальное время в миллисекундах для показа спиннера
+  * @default 1000
+  */
+  minimalDelayBeforeSpinnerHide: PropTypes.number
+}, _temp)) || _class;