@skbkontur/react-ui 1.12.1 → 2.0.0-beta.4

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

@@ -1,8 +1,24 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    useDefault(t: ITheme): string;
-    focus(t: ITheme): string;
-    useGrayed(t: ITheme): string;
-    disabled(t: ITheme): string;
-};
-export default jsStyles;
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    root(t: Theme): string;
+    lineFocus(t: Theme): string;
+    lineFocusSuccess(t: Theme): string;
+    lineFocusDanger(t: Theme): string;
+    lineFocusGrayed(t: Theme): string;
+    button(t: Theme): string;
+    buttonOpened(t: Theme): string;
+    arrow(): string;
+    default(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    grayed(t: Theme): string;
+    useGrayedFocus(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(): string;
+    iconLeft(t: Theme): string;
+    iconRight(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    reserButton(): string;
+}>;

package/components/Link/Link.styles.js

@@ -1,21 +1,82 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var Emotion_1 = require("../../lib/theming/Emotion");
-var Link_module_less_1 = tslib_1.__importDefault(require("./Link.module.css"));
-var jsStyles = {
-  useDefault: function useDefault(t) {
-    return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n        text-decoration-color: ", ";\n      }\n      &:active {\n        color: ", ";\n      }\n    "], ["\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n        text-decoration-color: ", ";\n      }\n      &:active {\n        color: ", ";\n      }\n    "])), t.linkColor, t.linkHoverColor, t.linkHoverTextDecoration, t.linkActiveColor);
-  },
-  focus: function focus(t) {
-    return Emotion_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      .", "& {\n        color: ", ";\n        text-decoration: ", ";\n      }\n      .", "& {\n        text-decoration: ", ";\n      }\n      .", "& {\n        text-decoration: ", ";\n      }\n      .", "& {\n        color: ", ";\n        text-decoration: ", ";\n      }\n    "], ["\n      .", "& {\n        color: ", ";\n        text-decoration: ", ";\n      }\n      .", "& {\n        text-decoration: ", ";\n      }\n      .", "& {\n        text-decoration: ", ";\n      }\n      .", "& {\n        color: ", ";\n        text-decoration: ", ";\n      }\n    "])), Link_module_less_1["default"].useDefault, t.linkColor, t.linkHoverTextDecoration, Link_module_less_1["default"].useSuccess, t.linkHoverTextDecoration, Link_module_less_1["default"].useDanger, t.linkHoverTextDecoration, Link_module_less_1["default"].useGrayed, t.linkDisabledColor, t.linkHoverTextDecoration);
-  },
-  useGrayed: function useGrayed(t) {
-    return Emotion_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n        text-decoration-color: ", ";\n      }\n      &:active {\n        color: ", ";\n      }\n    "], ["\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n        text-decoration-color: ", ";\n      }\n      &:active {\n        color: ", ";\n      }\n    "])), t.linkDisabledColor, t.linkDisabledColor, t.linkHoverTextDecoration, t.linkDisabledColor);
-  },
-  disabled: function disabled(t) {
-    return Emotion_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n      .", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n      .", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n      .", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n      .", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "], ["\n      .", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n      .", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n      .", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n      .", "& {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "])), Link_module_less_1["default"].useDefault, t.linkDisabledColor, t.linkDisabledColor, Link_module_less_1["default"].useSuccess, t.linkDisabledColor, t.linkDisabledColor, Link_module_less_1["default"].useDanger, t.linkDisabledColor, t.linkDisabledColor, Link_module_less_1["default"].useGrayed, t.linkDisabledColor, t.linkDisabledColor);
-  } };
-
-exports["default"] = jsStyles;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+import { resetButton } from '../../lib/styles/Mixins.js';
+import { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins.js';
+var line = function (_a) {
+    var keyframes = _a.keyframes;
+    return keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"], ["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"])));
+};
+var oldLineText = function (t, emotion) {
+    var delay = parseFloat(t.linkTextUnderlineOpacity) - 1;
+    return emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    animation: ", " 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ", "s !important;\n    animation-fill-mode: forwards !important;\n  "], ["\n    animation: ", " 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ", "s !important;\n    animation-fill-mode: forwards !important;\n  "])), line(emotion), delay);
+};
+export var getStyles = memoizeGetStyles(function (emotion) { return ({
+    root: function (t) {
+        return emotion.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        cursor: pointer;\n        position: relative;\n\n        border-radius: 1px;\n        text-decoration: ", ";\n        text-decoration-style: ", ";\n        text-underline-offset: ", ";\n        text-decoration-thickness: ", ";\n        transition: text-decoration-color ", " ", ";\n        @supports (text-decoration-color: ", ") {\n          text-decoration-color: ", ";\n          &:hover {\n            text-decoration-color: currentColor;\n            text-decoration-style: ", ";\n          }\n        }\n        @supports not (text-decoration-color: ", ") {\n          ", ";\n          &:hover {\n            text-decoration-style: ", ";\n            animation: none !important;\n          }\n        }\n      "], ["\n        cursor: pointer;\n        position: relative;\n\n        border-radius: 1px;\n        text-decoration: ", ";\n        text-decoration-style: ", ";\n        text-underline-offset: ", ";\n        text-decoration-thickness: ", ";\n        transition: text-decoration-color ", " ", ";\n        @supports (text-decoration-color: ", ") {\n          text-decoration-color: ", ";\n          &:hover {\n            text-decoration-color: currentColor;\n            text-decoration-style: ", ";\n          }\n        }\n        @supports not (text-decoration-color: ", ") {\n          ", ";\n          &:hover {\n            text-decoration-style: ", ";\n            animation: none !important;\n          }\n        }\n      "])), t.linkTextDecoration, t.linkTextDecorationStyle, t.linkTextUnderlineOffset, t.linkTextDecorationThickness, t.transitionDuration, t.transitionTimingFunction, t.linkTextDecorationColor, t.linkTextDecorationColor, t.linkHoverTextDecorationStyle, t.linkTextDecorationColor, oldLineText(t, emotion), t.linkHoverTextDecorationStyle);
+    },
+    lineFocus: function (t) {
+        return emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.linkHoverColor);
+    },
+    lineFocusSuccess: function (t) {
+        return emotion.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        color: ", " !important;\n      "], ["\n        color: ", " !important;\n      "])), t.linkSuccessHoverColor);
+    },
+    lineFocusDanger: function (t) {
+        return emotion.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        color: ", " !important;\n      "], ["\n        color: ", " !important;\n      "])), t.linkDangerHoverColor);
+    },
+    lineFocusGrayed: function (t) {
+        return emotion.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        color: ", " !important;\n      "], ["\n        color: ", " !important;\n      "])), t.linkGrayedHoverColor);
+    },
+    button: function (t) {
+        return emotion.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        display: inline-block;\n        line-height: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n      "], ["\n        display: inline-block;\n        line-height: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n      "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
+    },
+    buttonOpened: function (t) {
+        return emotion.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        background: ", ";\n      "], ["\n        background: ", ";\n      "])), t.btnDefaultActiveBg);
+    },
+    arrow: function () {
+        return emotion.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\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        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      "])));
+    },
+    default: function (t) {
+        return emotion.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor));
+    },
+    success: function (t) {
+        return emotion.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
+    },
+    danger: function (t) {
+        return emotion.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
+    },
+    grayed: function (t) {
+        return emotion.css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
+    },
+    useGrayedFocus: function (t) {
+        return emotion.css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.linkDisabledColor);
+    },
+    focus: function (t) {
+        return emotion.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n        text-decoration: ", ";\n        outline: ", ";\n      "], ["\n        text-decoration: ", ";\n        outline: ", ";\n      "])), t.linkHoverTextDecoration, t.linkFocusOutline);
+    },
+    disabled: function (t) {
+        return emotion.css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        ", ";\n\n        color: ", " !important; // override root color\n\n        &:hover {\n          color: ", ";\n          text-decoration-color: ", ";\n        }\n      "], ["\n        ", ";\n\n        color: ", " !important; // override root color\n\n        &:hover {\n          color: ", ";\n          text-decoration-color: ", ";\n        }\n      "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor, t.linkTextDecorationColor);
+    },
+    icon: function () {
+        return emotion.css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        display: inline-block;\n      "], ["\n        display: inline-block;\n      "])));
+    },
+    iconLeft: function (t) {
+        return emotion.css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.linkIconMarginRight);
+    },
+    iconRight: function (t) {
+        return emotion.css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n        margin-left: ", ";\n      "], ["\n        margin-left: ", ";\n      "])), t.linkIconMarginLeft);
+    },
+    warning: function (t) {
+        return emotion.css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "], ["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "])), t.btnWarningSecondary, t.btnWarningSecondary);
+    },
+    error: function (t) {
+        return emotion.css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "], ["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "])), t.btnErrorSecondary, t.btnErrorSecondary);
+    },
+    reserButton: function () {
+        return emotion.css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), resetButton());
+    },
+}); });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23;
+//# sourceMappingURL=Link.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.styles.js","sourceRoot":"","sources":["Link.styles.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAChD,gFAAwC;AAGxC,IAAM,QAAQ,GAAG;IACf,UAAU,YAAC,CAAS;QAClB,OAAO,aAAG,gPAAA,iBACC,EAAW,uCAGT,EAAgB,oCACA,EAAyB,+CAGzC,EAAiB,kBAE7B,KATU,CAAC,CAAC,SAAS,EAGT,CAAC,CAAC,cAAc,EACA,CAAC,CAAC,uBAAuB,EAGzC,CAAC,CAAC,eAAe,EAE5B;IACJ,CAAC;IAED,KAAK,YAAC,CAAS;QACb,OAAO,aAAG,mWAAA,WACL,EAAiB,sBACT,EAAW,8BACD,EAAyB,qBAE3C,EAAiB,gCACC,EAAyB,qBAE3C,EAAgB,gCACE,EAAyB,qBAE3C,EAAgB,sBACR,EAAmB,8BACT,EAAyB,kBAE/C,KAdI,0BAAM,CAAC,UAAU,EACT,CAAC,CAAC,SAAS,EACD,CAAC,CAAC,uBAAuB,EAE3C,0BAAM,CAAC,UAAU,EACC,CAAC,CAAC,uBAAuB,EAE3C,0BAAM,CAAC,SAAS,EACE,CAAC,CAAC,uBAAuB,EAE3C,0BAAM,CAAC,SAAS,EACR,CAAC,CAAC,iBAAiB,EACT,CAAC,CAAC,uBAAuB,EAE9C;IACJ,CAAC;IAED,SAAS,YAAC,CAAS;QACjB,OAAO,aAAG,gPAAA,iBACC,EAAmB,uCAGjB,EAAmB,oCACH,EAAyB,+CAGzC,EAAmB,kBAE/B,KATU,CAAC,CAAC,iBAAiB,EAGjB,CAAC,CAAC,iBAAiB,EACH,CAAC,CAAC,uBAAuB,EAGzC,CAAC,CAAC,iBAAiB,EAE9B;IACJ,CAAC;IAED,QAAQ,YAAC,CAAS;QAChB,OAAO,aAAG,+eAAA,WACL,EAAiB,sBACT,EAAmB,2CAGjB,EAAmB,gCAG7B,EAAiB,sBACT,EAAmB,2CAGjB,EAAmB,gCAG7B,EAAgB,sBACR,EAAmB,2CAGjB,EAAmB,gCAG7B,EAAgB,sBACR,EAAmB,2CAGjB,EAAmB,6BAGjC,KA5BI,0BAAM,CAAC,UAAU,EACT,CAAC,CAAC,iBAAiB,EAGjB,CAAC,CAAC,iBAAiB,EAG7B,0BAAM,CAAC,UAAU,EACT,CAAC,CAAC,iBAAiB,EAGjB,CAAC,CAAC,iBAAiB,EAG7B,0BAAM,CAAC,SAAS,EACR,CAAC,CAAC,iBAAiB,EAGjB,CAAC,CAAC,iBAAiB,EAG7B,0BAAM,CAAC,SAAS,EACR,CAAC,CAAC,iBAAiB,EAGjB,CAAC,CAAC,iBAAiB,EAGhC;IACJ,CAAC;CACF,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"Link.styles.js","sourceRoot":"","sources":["../../../components/Link/Link.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { resetButton } from '../../lib/styles/Mixins.js';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins.js';\n\nconst line = ({ keyframes }: Emotion) => keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme, emotion: Emotion) {\n  const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n  return emotion.css`\n    animation: ${line(emotion)} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n  root(t: Theme) {\n    return emotion.css`\n        cursor: pointer;\n        position: relative;\n\n        border-radius: 1px;\n        text-decoration: ${t.linkTextDecoration};\n        text-decoration-style: ${t.linkTextDecorationStyle};\n        text-underline-offset: ${t.linkTextUnderlineOffset};\n        text-decoration-thickness: ${t.linkTextDecorationThickness};\n        transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n          text-decoration-color: ${t.linkTextDecorationColor};\n          &:hover {\n            text-decoration-color: currentColor;\n            text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          }\n        }\n        @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n          ${oldLineText(t, emotion)};\n          &:hover {\n            text-decoration-style: ${t.linkHoverTextDecorationStyle};\n            animation: none !important;\n          }\n        }\n      `;\n  },\n  lineFocus(t: Theme) {\n    return emotion.css`\n        color: ${t.linkHoverColor};\n      `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return emotion.css`\n        color: ${t.linkSuccessHoverColor} !important;\n      `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return emotion.css`\n        color: ${t.linkDangerHoverColor} !important;\n      `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return emotion.css`\n        color: ${t.linkGrayedHoverColor} !important;\n      `;\n  },\n\n  button(t: Theme) {\n    return emotion.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 emotion.css`\n        background: ${t.btnDefaultActiveBg};\n      `;\n  },\n\n  arrow() {\n    return emotion.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  default(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n      `;\n  },\n\n  success(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n      `;\n  },\n\n  danger(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n      `;\n  },\n\n  grayed(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n      `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return emotion.css`\n        color: ${t.linkDisabledColor};\n      `;\n  },\n\n  focus(t: Theme) {\n    return emotion.css`\n        text-decoration: ${t.linkHoverTextDecoration};\n        outline: ${t.linkFocusOutline};\n      `;\n  },\n\n  disabled(t: Theme) {\n    return emotion.css`\n        ${linkDisabledMixin()};\n\n        color: ${t.linkDisabledColor} !important; // override root color\n\n        &:hover {\n          color: ${t.linkDisabledColor};\n          text-decoration-color: ${t.linkTextDecorationColor};\n        }\n      `;\n  },\n\n  icon() {\n    return emotion.css`\n        display: inline-block;\n      `;\n  },\n\n  iconLeft(t: Theme) {\n    return emotion.css`\n        margin-right: ${t.linkIconMarginRight};\n      `;\n  },\n\n  iconRight(t: Theme) {\n    return emotion.css`\n        margin-left: ${t.linkIconMarginLeft};\n      `;\n  },\n\n  warning(t: Theme) {\n    return emotion.css`\n        background-color: ${t.btnWarningSecondary};\n        box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n      `;\n  },\n\n  error(t: Theme) {\n    return emotion.css`\n        background-color: ${t.btnErrorSecondary};\n        box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n      `;\n  },\n\n  reserButton() {\n    return emotion.css`\n        ${resetButton()};\n      `;\n  },\n}));\n"]}

package/components/Link/LinkIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { LinkProps } from './Link.js';
+export interface LinkIconProps extends Pick<LinkProps, 'icon' | 'loading'> {
+    position?: 'left' | 'right';
+    hasBothIcons?: boolean;
+}
+export declare const LinkIcon: ({ icon, loading, hasBothIcons, position }: LinkIconProps) => React.JSX.Element;

package/components/Link/LinkIcon.js

@@ -0,0 +1,13 @@
+import React, { useContext } from 'react';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { Spinner } from '../Spinner/index.js';
+import { getStyles } from './Link.styles.js';
+export var LinkIcon = function (_a) {
+    var icon = _a.icon, loading = _a.loading, hasBothIcons = _a.hasBothIcons, position = _a.position;
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
+    return (React.createElement("span", { className: cx(styles.icon(), position === 'left' && styles.iconLeft(theme), position === 'right' && styles.iconRight(theme)) }, loading && !hasBothIcons ? React.createElement(Spinner, { caption: null, dimmed: true, inline: true }) : icon));
+};
+//# sourceMappingURL=LinkIcon.js.map

package/components/Link/LinkIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkIcon.js","sourceRoot":"","sources":["../../../components/Link/LinkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAO7C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAwD;QAAtD,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;IAC9D,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,8BACE,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EAAE,EACb,QAAQ,KAAK,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC7C,QAAQ,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAChD,IAEA,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAC,MAAM,SAAG,CAAC,CAAC,CAAC,IAAI,CACtE,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { Spinner } from '../Spinner/index.js';\n\nimport type { LinkProps } from './Link.js';\nimport { getStyles } from './Link.styles.js';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' | 'loading'> {\n  position?: 'left' | 'right';\n  hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps): React.JSX.Element => {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n\n  return (\n    <span\n      className={cx(\n        styles.icon(),\n        position === 'left' && styles.iconLeft(theme),\n        position === 'right' && styles.iconRight(theme),\n      )}\n    >\n      {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n    </span>\n  );\n};\n"]}

package/components/Link/index.d.ts

@@ -1 +1 @@
-export { default, LinkProps, LinkState } from './Link';
+export * from './Link.js';

package/components/Link/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Link_1 = require("./Link");
-exports["default"] = Link_1["default"];
+export * from './Link.js';
+//# sourceMappingURL=index.js.map

package/components/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;AAAA,+BAAuD;AAA9C,yBAAA,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Link/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC","sourcesContent":["export * from './Link.js';\n"]}

package/components/Loader/Loader.d.ts

@@ -1,67 +1,81 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { SpinnerType, SpinnerProps } from '../Spinner';
-export interface LoaderProps {
-    children?: React.ReactNode;
-    /**
-     * Флаг переключения состояния лоадера
-     * @default false
-     */
-    active: boolean;
-    caption?: SpinnerProps['caption'];
-    className?: string;
-    type?: 'mini' | 'normal' | 'big';
-}
-export interface LoaderState {
-    isStickySpinner: boolean;
-    spinnerStyle?: object;
-}
-/**
- * DRAFT - лоадер-контейнер
- */
-declare class Loader extends React.Component<LoaderProps, LoaderState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        type: SpinnerType;
-        active: boolean;
-    };
-    static propTypes: {
-        /**
-         * показываем лоадер или нет
-         */
-        active: PropTypes.Requireable<boolean>;
-        /**
-         * Текст рядом с лоадером.
-         *
-         * "Загрузка" - значение по-умолчанию
-         */
-        caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Класс для обертки
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * Тип спиннера: mini, normal, big
-         *
-         * Значение по-умолчанию - normal
-         *
-         * Spinner.types - все доступные типы
-         */
-        type: PropTypes.Requireable<string>;
-    };
-    private theme;
-    private containerNode;
-    private spinnerNode;
-    private spinnerHeight?;
-    private layoutEvents;
-    constructor(props: LoaderProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<LoaderProps>): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private wrapperRef;
-    private renderSpinner;
-    private checkSpinnerPosition;
-}
-export default Loader;
+import React from 'react';
+import type { AnyObject } from '../../lib/utils.js';
+import type { SpinnerProps } from '../Spinner/index.js';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+declare const types: readonly ["mini", "normal", "big"];
+export type LoaderType = (typeof types)[number];
+export interface LoaderProps extends CommonProps {
+    /** @ignore */
+    children?: React.ReactNode;
+    /** Показывает лоадер.
+     * @default false */
+    active?: boolean;
+    /** Подпись под спиннером.
+     * @default  ""
+     */
+    caption?: SpinnerProps['caption'];
+    /** Задает компонент, заменяющий спиннер. */
+    component?: React.ReactNode;
+    /** Размер спиннера и текста.
+     * @default normal. */
+    type?: LoaderType;
+    /** Время в миллисекундах для показа вуали без спиннера.
+     * @default 300 */
+    delayBeforeSpinnerShow?: number;
+    /** Минимальное время в миллисекундах для показа спиннера.
+     * @default 1000. */
+    minimalDelayBeforeSpinnerHide?: number;
+}
+export interface LoaderState {
+    isStickySpinner: boolean;
+    isSpinnerVisible: boolean;
+    isLoaderActive: boolean;
+    spinnerStyle?: AnyObject;
+}
+export declare const LoaderDataTids: {
+    readonly idle: "Loader__Idle";
+    readonly veil: "Loader__Veil";
+    readonly spinner: "Loader__Spinner";
+};
+type DefaultProps = Required<Pick<LoaderProps, 'type' | 'active' | 'delayBeforeSpinnerShow' | 'minimalDelayBeforeSpinnerHide'>>;
+/**
+ * С помощью лоадера можно отобразить процесс выполнения задачи.
+ * Лоадер принимает в качестве дочернего элемента другой компонент или контент, который будет показан на экране.
+ * Когда происходит загрузка, поверх этого компонента или контента будет отображаться [Спиннер](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_display-data-spinner--docs).
+ */
+export declare class Loader extends React.Component<LoaderProps, LoaderState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
+    private theme;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private spinnerContainerNode;
+    private childrenContainerNode;
+    private spinnerNode;
+    private layoutEvents;
+    private spinnerTask;
+    private childrenObserver;
+    constructor(props: LoaderProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>): void;
+    componentWillUnmount(): void;
+    static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState>;
+    render(): React.JSX.Element;
+    private renderMain;
+    private childrenRef;
+    private spinnerRef;
+    private renderSpinner;
+    private checkSpinnerPosition;
+    private disableChildrenFocus;
+    private enableChildrenFocus;
+    private makeObservable;
+    private makeUnobservable;
+}
+export {};