@skbkontur/react-ui 0.0.0-dad43298ae → 0.0.0-db9f11da2a

package/internal/themes/BasicTheme.d.ts

@@ -331,9 +331,13 @@ export declare class BasicThemeClass {
     static get btnTextTextColor(): string;
     static btnTextHoverTextColor: string;
     static get btnTextHoverBorderColor(): string;
-    static btnWithIconPaddingLeftSmall: string;
-    static btnWithIconPaddingLeftMedium: string;
-    static btnWithIconPaddingLeftLarge: string;
+    /** @deprecated use btnWithIconPadding[Small/Medium/Large] instead */
+    static get btnWithIconPaddingLeftSmall(): string;
+    static get btnWithIconPaddingLeftMedium(): string;
+    static get btnWithIconPaddingLeftLarge(): string;
+    static btnWithIconPaddingSmall: string;
+    static btnWithIconPaddingMedium: string;
+    static btnWithIconPaddingLarge: string;
     static btnIconColor: string;
     static btnIconHoverColor: string;
     static btnIconDisabledColor: string;
@@ -373,22 +377,72 @@ export declare class BasicThemeClass {
     static get selectMenuOffsetY(): string;
     static get selectBorderColorHover(): string;
     static selectBorderColorTransition: string;
+    /** @deprecated Эта переменная устарела при появлении размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipPaddingYSmall `tooltipPaddingYSmall`} */
     static tooltipPaddingY: string;
+    /** @deprecated Эта переменная устарела при появлении размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipPaddingXSmall `tooltipPaddingXSmall`} */
     static tooltipPaddingX: string;
+    static tooltipPaddingYSmall: string;
+    static tooltipPaddingXSmall: string;
+    static tooltipPaddingYMedium: string;
+    static tooltipPaddingXMedium: string;
+    static tooltipPaddingYLarge: string;
+    static tooltipPaddingXLarge: string;
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipCloseBtnPaddingSmall `tooltipCloseBtnPaddingSmall`} */
     static tooltipCloseBtnPadding: string;
+    static tooltipCloseBtnPaddingSmall: string;
+    static tooltipCloseBtnPaddingMedium: string;
+    static tooltipCloseBtnPaddingLarge: string;
     static tooltipCloseBtnSide: string;
     static tooltipCloseBtnColor: string;
     static tooltipCloseBtnHoverColor: string;
     static get tooltipTextColor(): string;
     static tooltipBg: string;
     static get tooltipBorder(): string;
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipBorderRadiusSmall `tooltipBorderRadiusSmall`} */
     static tooltipBorderRadius: string;
-    static tooltipPinOffsetX: string;
+    static tooltipBorderRadiusSmall: string;
+    static tooltipBorderRadiusMedium: string;
+    static tooltipBorderRadiusLarge: string;
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipPinOffsetYSmall `tooltipPinOffsetYSmall`} */
     static tooltipPinOffsetY: string;
+    static tooltipPinOffsetYSmall: string;
+    static tooltipPinOffsetYMedium: string;
+    static tooltipPinOffsetYLarge: string;
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipPinOffsetXSmall `tooltipPinOffsetXSmall` */
+    static tooltipPinOffsetX: string;
+    static tooltipPinOffsetXSmall: string;
+    static tooltipPinOffsetXMedium: string;
+    static tooltipPinOffsetXLarge: string;
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipMarginSmall `tooltipMarginSmall`} */
     static tooltipMargin: string;
+    static tooltipMarginSmall: string;
+    static tooltipMarginMedium: string;
+    static tooltipMarginLarge: string;
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipPinSizeSmall `tooltipPinSizeSmall`} */
     static get tooltipPinSize(): string;
+    static tooltipPinSizeSmall: string;
+    static tooltipPinSizeMedium: string;
+    static tooltipPinSizeLarge: string;
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipFontSizeSmall `tooltipFontSizeSmall`} */
     static get tooltipFontSize(): string;
+    static get tooltipFontSizeSmall(): string;
+    static get tooltipFontSizeMedium(): string;
+    static get tooltipFontSizeLarge(): string;
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipLineHeightSmall `tooltipLineHeightSmall`} */
     static get tooltipLineHeight(): string;
+    static get tooltipLineHeightSmall(): string;
+    static get tooltipLineHeightMedium(): string;
+    static get tooltipLineHeightLarge(): string;
     static get tooltipMenuPinOffsetX(): string;
     static get tooltipMenuPinOffsetY(): string;
     static get tooltipMenuMargin(): string;
@@ -446,6 +500,8 @@ export declare class BasicThemeClass {
     static get modalFixedFooterPaddingTop(): string;
     static modalFixedFooterMarginTop: string;
     static modalSeparatorBorderBottom: string;
+    static modalSeparatorMargin: string;
+    static modalSeparatorFixedMargin: string;
     static modalBodyTextColor: string;
     static modalFooterTextColor: string;
     static modalBodyPaddingTop: string;
@@ -602,32 +658,68 @@ export declare class BasicThemeClass {
     static dateSelectTextColorInvert: string;
     static mobileDateSelectFontSize: string;
     static mobileDateSelectLineHeight: string;
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+     * @see {@link pagingFontSizeSmall `pagingFontSizeSmall`} */
     static get pagingFontSize(): string;
-    static get pagingForwardIconSize(): string;
-    static get pagingPageLinkColor(): string;
+    static get pagingFontSizeSmall(): string;
+    static get pagingFontSizeMedium(): string;
+    static get pagingFontSizeLarge(): string;
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+     * @see {@link pagingLineHeightSmall `pagingLineHeightSmall`} */
+    static pagingLineHeight: string;
+    static get pagingLineHeightSmall(): string;
+    static get pagingLineHeightMedium(): string;
+    static get pagingLineHeightLarge(): string;
     static pagingPageLinkBoxSizing: string;
-    static pagingPageLinkPaddingX: string;
-    static pagingPageLinkPaddingY: string;
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
     static pagingPageLinkMinWidth: string;
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+     * @see {@link pagingPageLinkPaddingYSmall `pagingPageLinkPaddingYSmall`} */
+    static pagingPageLinkPaddingY: string;
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+     * @see {@link pagingPageLinkPaddingXSmall `pagingPageLinkPaddingXSmall`} */
+    static pagingPageLinkPaddingX: string;
+    static pagingPageLinkPaddingYSmall: string;
+    static pagingPageLinkPaddingXSmall: string;
+    static pagingPageLinkPaddingYMedium: string;
+    static pagingPageLinkPaddingXMedium: string;
+    static pagingPageLinkPaddingYLarge: string;
+    static pagingPageLinkPaddingXLarge: string;
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+    static pagingPageLinkMargin: string;
+    static pagingPageLinkBorderRadius: string;
+    static get pagingPageLinkColor(): string;
+    static get pagingPageLinkActiveColor(): string;
+    static pagingPageLinkActiveBg: string;
+    static pagingPageLinkDisabledActiveBg: string;
+    static pagingPageLinkHoverBg: string;
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
     static pagingPageForwardLinkMarginTop: string;
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
     static pagingPageForwardLinkMarginLeft: string;
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
     static get pagingPageForwardLinkPaddingRight(): string;
-    static pagingLineHeight: string;
-    static pagingDotsColor: string;
+    static pagingForwardLinkPaddingSmall: string;
+    static pagingForwardLinkPaddingMedium: string;
+    static pagingForwardLinkPaddingLarge: string;
+    static pagingForwardLinkPaddingMediumMobile: string;
+    static pagingForwardLinkPaddingLargeMobile: string;
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+    static get pagingForwardIconSize(): string;
+    static get pagingForwardLinkColor(): string;
+    static get pagingForwardLinkDisabledColor(): string;
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+     * @see {@link pagingDotsPaddingSmall `pagingDotsPaddingSmall`} */
     static pagingDotsPadding: string;
-    static pagingPageLinkActiveBg: string;
-    static pagingPageLinkDisabledActiveBg: string;
-    static get pagingPageLinkActiveColor(): string;
-    static pagingPageLinkHoverBg: string;
-    static pagingPageLinkBorderRadius: string;
-    static get pagingPageLinkHintColor(): string;
+    static pagingDotsPaddingSmall: string;
+    static pagingDotsPaddingMedium: string;
+    static pagingDotsPaddingLarge: string;
+    static pagingDotsColor: string;
+    static get pagingDotsDisabledColor(): string;
     static pagingPageLinkHintFontSize: string;
     static pagingPageLinkHintLineHeight: string;
     static pagingPageLinkHintMargin: string;
-    static pagingPageLinkMargin: string;
-    static get pagingForwardLinkColor(): string;
-    static get pagingForwardLinkDisabledColor(): string;
-    static get pagingDotsDisabledColor(): string;
+    static get pagingPageLinkHintColor(): string;
     static get hintColor(): string;
     static get mobileHintColor(): string;
     static get hintFontSize(): string;
@@ -648,15 +740,23 @@ export declare class BasicThemeClass {
     static toastBorder: string;
     static toastTop: string;
     static toastBg: string;
+    static toastErrorBg: string;
     static toastColor: string;
+    static toastColorError: string;
     static toastLinkColor: string;
+    static toastLinkColorError: string;
     static toastLinkTextDecorationHover: string;
     static toastLinkBgHover: string;
+    static toastLinkBgHoverError: string;
     static toastLinkBgActive: string;
+    static toastLinkBgActiveError: string;
+    static toastLinkColorActiveError: string;
     static toastLinkPadding: string;
     static toastClosePadding: string;
     static toastCloseColor: string;
+    static toastCloseColorError: string;
     static toastCloseHoverColor: string;
+    static toastCloseHoverColorError: string;
     static toastCloseSize: string;
     static dropdownMenuBorderColorTransition: string;
     static get dropdownMenuHoverBorderColor(): string;
@@ -1009,6 +1109,8 @@ export declare class BasicThemeClass {
     static get textareaCounterBg(): string;
     static get textareaCounterErrorColor(): string;
     static get textareaCounterHelpIconColor(): string;
+    static textareaMargin: string;
+    static textareaVerticalAlign: string;
     static radioBulletSizeSmall: string;
     static radioBulletSizeMedium: string;
     static radioBulletSizeLarge: string;
@@ -1215,6 +1317,7 @@ export declare class BasicThemeClass {
     static get clearCrossIconBorderRadiusLarge(): string;
     static clearCrossIconColor: string;
     static clearCrossIconHoverColor: string;
+    static clearCrossIconAlign: string;
     static closeBtnIconColor: string;
     static closeBtnIconDisabledColor: string;
     static closeBtnIconHoverColor: string;
@@ -1225,6 +1328,8 @@ export declare class BasicThemeClass {
     static miniModalHeaderPaddingBottom: string;
     static miniModalBodyPaddingTop: string;
     static miniModalBodyPaddingBottom: string;
+    static miniModalDescriptionFontSize: string;
+    static miniModalDescriptionLineHeight: string;
     static miniModalHeaderPaddingTop: string;
     static miniModalActionGap: string;
     static miniModalCancelIndent: string;

package/internal/themes/DarkTheme5_2/DarkTheme5_2.js

@@ -6,11 +6,11 @@ import { BasicThemeClassForExtension } from "../BasicTheme";
 import { DarkTheme5_1 } from "../DarkTheme5_1";
 export var DarkTheme5_2 = createTheme({
   themeClass: (_DarkTheme5_ = /*#__PURE__*/function (_BasicThemeClassForEx) {
-    function DarkTheme5_1() {
+    function DarkTheme5_2() {
       return _BasicThemeClassForEx.apply(this, arguments) || this;
     }
-    _inheritsLoose(DarkTheme5_1, _BasicThemeClassForEx);
-    return _createClass(DarkTheme5_1, null, [{
+    _inheritsLoose(DarkTheme5_2, _BasicThemeClassForEx);
+    return _createClass(DarkTheme5_2, null, [{
       key: "mobileModalCloseButtonRightPadding",
       get: function get() {
         return this.mobileModalCloseButtonClickArea;

package/internal/themes/DarkTheme5_2/DarkTheme5_2.js.map

@@ -1 +1 @@
-{"version":3,"names":["createTheme","markThemeVersion","BasicThemeClassForExtension","DarkTheme5_1","DarkTheme5_2","themeClass","_DarkTheme5_","_BasicThemeClassForEx","apply","arguments","_inheritsLoose","_createClass","key","get","mobileModalCloseButtonClickArea","kebabBackgroundHover","kebabBackgroundActive","mobileModalBodyPadding","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","miniModalMarginTopMobile","miniModalMarginLeftMobile","miniModalMarginRightMobile","prototypeTheme","themeMarkers"],"sources":["DarkTheme5_2.ts"],"sourcesContent":["import { createTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers';\n\nimport { BasicThemeClassForExtension } from './BasicTheme';\nimport { DarkTheme5_1 } from './DarkTheme5_1';\n\nexport const DarkTheme5_2 = createTheme({\n  themeClass: class DarkTheme5_1 extends BasicThemeClassForExtension {\n    public static kebabBackgroundHover = 'rgba(255, 255, 255, 0.1)';\n    public static kebabBackgroundActive = 'rgba(255, 255, 255, 0.06)';\n    public static get mobileModalCloseButtonRightPadding() {\n      return this.mobileModalCloseButtonClickArea;\n    }\n    public static get mobileModalCloseButtonTopPadding() {\n      return this.mobileModalCloseButtonClickArea;\n    }\n    public static mobileModalCloseButtonClickArea = '22px';\n    public static mobileModalBodyPadding = '0 16px 0 16px';\n    public static mobileModalContainerMarginTop = '16px';\n    public static mobileModalContainerMarginRight = '16px';\n    public static mobileModalContainerMarginBottom = '16px';\n    public static mobileModalContainerMarginLeft = '16px';\n\n    public static miniModalMarginTopMobile = '16px';\n    public static miniModalMarginLeftMobile = '16px';\n    public static miniModalMarginRightMobile = '16px';\n  },\n  prototypeTheme: DarkTheme5_1,\n  themeMarkers: [markThemeVersion('5.2')],\n});\n"],"mappings":"yJAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,gCAAgC;;AAE9E,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C,OAAO,IAAMC,YAAY,GAAGJ,WAAW,CAAC;EACtCK,UAAU,GAAAC,YAAA,0BAAAC,qBAAA,YAAAJ,aAAA,UAAAI,qBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAP,YAAA,EAAAI,qBAAA,SAAAI,YAAA,CAAAR,YAAA,WAAAS,GAAA,wCAAAC,GAAA;;;MAGR,SAAAA,IAAA,EAAuD;QACrD,OAAO,IAAI,CAACC,+BAA+B;MAC7C,CAAC,MAAAF,GAAA,sCAAAC,GAAA;MACD,SAAAA,IAAA,EAAqD;QACnD,OAAO,IAAI,CAACC,+BAA+B;MAC7C,CAAC,OARoCZ,2BAA2B,GAAAI,YAAA,CAClDS,oBAAoB,GAAG,0BAA0B,EAAAT,YAAA,CACjDU,qBAAqB,GAAG,2BAA2B,EAAAV,YAAA;EAOnDQ,+BAA+B,GAAG,MAAM,EAAAR,YAAA;EACxCW,sBAAsB,GAAG,eAAe,EAAAX,YAAA;EACxCY,6BAA6B,GAAG,MAAM,EAAAZ,YAAA;EACtCa,+BAA+B,GAAG,MAAM,EAAAb,YAAA;EACxCc,gCAAgC,GAAG,MAAM,EAAAd,YAAA;EACzCe,8BAA8B,GAAG,MAAM,EAAAf,YAAA;;EAEvCgB,wBAAwB,GAAG,MAAM,EAAAhB,YAAA;EACjCiB,yBAAyB,GAAG,MAAM,EAAAjB,YAAA;EAClCkB,0BAA0B,GAAG,MAAM,EAAAlB,YAAA,CAClD;;EACDmB,cAAc,EAAEtB,YAAY;EAC5BuB,YAAY,EAAE,CAACzB,gBAAgB,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["createTheme","markThemeVersion","BasicThemeClassForExtension","DarkTheme5_1","DarkTheme5_2","themeClass","_DarkTheme5_","_BasicThemeClassForEx","apply","arguments","_inheritsLoose","_createClass","key","get","mobileModalCloseButtonClickArea","kebabBackgroundHover","kebabBackgroundActive","mobileModalBodyPadding","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","miniModalMarginTopMobile","miniModalMarginLeftMobile","miniModalMarginRightMobile","prototypeTheme","themeMarkers"],"sources":["DarkTheme5_2.ts"],"sourcesContent":["import { createTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers';\n\nimport { BasicThemeClassForExtension } from './BasicTheme';\nimport { DarkTheme5_1 } from './DarkTheme5_1';\n\nexport const DarkTheme5_2 = createTheme({\n  themeClass: class DarkTheme5_2 extends BasicThemeClassForExtension {\n    public static kebabBackgroundHover = 'rgba(255, 255, 255, 0.1)';\n    public static kebabBackgroundActive = 'rgba(255, 255, 255, 0.06)';\n    public static get mobileModalCloseButtonRightPadding() {\n      return this.mobileModalCloseButtonClickArea;\n    }\n    public static get mobileModalCloseButtonTopPadding() {\n      return this.mobileModalCloseButtonClickArea;\n    }\n    public static mobileModalCloseButtonClickArea = '22px';\n    public static mobileModalBodyPadding = '0 16px 0 16px';\n    public static mobileModalContainerMarginTop = '16px';\n    public static mobileModalContainerMarginRight = '16px';\n    public static mobileModalContainerMarginBottom = '16px';\n    public static mobileModalContainerMarginLeft = '16px';\n\n    public static miniModalMarginTopMobile = '16px';\n    public static miniModalMarginLeftMobile = '16px';\n    public static miniModalMarginRightMobile = '16px';\n  },\n  prototypeTheme: DarkTheme5_1,\n  themeMarkers: [markThemeVersion('5.2')],\n});\n"],"mappings":"yJAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,gCAAgC;;AAE9E,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C,OAAO,IAAMC,YAAY,GAAGJ,WAAW,CAAC;EACtCK,UAAU,GAAAC,YAAA,0BAAAC,qBAAA,YAAAH,aAAA,UAAAG,qBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,YAAA,EAAAG,qBAAA,SAAAI,YAAA,CAAAP,YAAA,WAAAQ,GAAA,wCAAAC,GAAA;;;MAGR,SAAAA,IAAA,EAAuD;QACrD,OAAO,IAAI,CAACC,+BAA+B;MAC7C,CAAC,MAAAF,GAAA,sCAAAC,GAAA;MACD,SAAAA,IAAA,EAAqD;QACnD,OAAO,IAAI,CAACC,+BAA+B;MAC7C,CAAC,OARoCZ,2BAA2B,GAAAI,YAAA,CAClDS,oBAAoB,GAAG,0BAA0B,EAAAT,YAAA,CACjDU,qBAAqB,GAAG,2BAA2B,EAAAV,YAAA;EAOnDQ,+BAA+B,GAAG,MAAM,EAAAR,YAAA;EACxCW,sBAAsB,GAAG,eAAe,EAAAX,YAAA;EACxCY,6BAA6B,GAAG,MAAM,EAAAZ,YAAA;EACtCa,+BAA+B,GAAG,MAAM,EAAAb,YAAA;EACxCc,gCAAgC,GAAG,MAAM,EAAAd,YAAA;EACzCe,8BAA8B,GAAG,MAAM,EAAAf,YAAA;;EAEvCgB,wBAAwB,GAAG,MAAM,EAAAhB,YAAA;EACjCiB,yBAAyB,GAAG,MAAM,EAAAjB,YAAA;EAClCkB,0BAA0B,GAAG,MAAM,EAAAlB,YAAA,CAClD;;EACDmB,cAAc,EAAEtB,YAAY;EAC5BuB,YAAY,EAAE,CAACzB,gBAAgB,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC","ignoreList":[]}

package/internal/themes/DarkTheme5_3/DarkTheme5_3.js

@@ -0,0 +1,16 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _DarkTheme5_;
+import { createTheme, markThemeVersion } from "../../../lib/theming/ThemeHelpers";
+import { BasicThemeClassForExtension } from "../BasicTheme";
+import { DarkTheme5_2 } from "../DarkTheme5_2";
+export var DarkTheme5_3 = createTheme({
+  themeClass: (_DarkTheme5_ = /*#__PURE__*/function (_BasicThemeClassForEx) {
+    function DarkTheme5_3() {
+      return _BasicThemeClassForEx.apply(this, arguments) || this;
+    }
+    _inheritsLoose(DarkTheme5_3, _BasicThemeClassForEx);
+    return DarkTheme5_3;
+  }(BasicThemeClassForExtension), _DarkTheme5_.miniModalDescriptionFontSize = '16px', _DarkTheme5_.miniModalDescriptionLineHeight = '22px', _DarkTheme5_),
+  prototypeTheme: DarkTheme5_2,
+  themeMarkers: [markThemeVersion('5.3')]
+});

package/internal/themes/DarkTheme5_3/DarkTheme5_3.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTheme","markThemeVersion","BasicThemeClassForExtension","DarkTheme5_2","DarkTheme5_3","themeClass","_DarkTheme5_","_BasicThemeClassForEx","apply","arguments","_inheritsLoose","miniModalDescriptionFontSize","miniModalDescriptionLineHeight","prototypeTheme","themeMarkers"],"sources":["DarkTheme5_3.ts"],"sourcesContent":["import { createTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers';\n\nimport { BasicThemeClassForExtension } from './BasicTheme';\nimport { DarkTheme5_2 } from './DarkTheme5_2';\n\nexport const DarkTheme5_3 = createTheme({\n  themeClass: class DarkTheme5_3 extends BasicThemeClassForExtension {\n    public static miniModalDescriptionFontSize = '16px';\n    public static miniModalDescriptionLineHeight = '22px';\n  },\n  prototypeTheme: DarkTheme5_2,\n  themeMarkers: [markThemeVersion('5.3')],\n});\n"],"mappings":"uFAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,gCAAgC;;AAE9E,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C,OAAO,IAAMC,YAAY,GAAGJ,WAAW,CAAC;EACtCK,UAAU,GAAAC,YAAA,0BAAAC,qBAAA,YAAAH,aAAA,UAAAG,qBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,YAAA,EAAAG,qBAAA,SAAAH,YAAA,GAA6BF,2BAA2B,GAAAI,YAAA;EAClDK,4BAA4B,GAAG,MAAM,EAAAL,YAAA;EACrCM,8BAA8B,GAAG,MAAM,EAAAN,YAAA,CACtD;;EACDO,cAAc,EAAEV,YAAY;EAC5BW,YAAY,EAAE,CAACb,gBAAgB,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC","ignoreList":[]}

package/internal/themes/DarkTheme5_3/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/themes/DarkTheme5_3.js",
+  "module": "DarkTheme5_3",
+  "types": "../DarkTheme5_3.d.ts",
+  "sideEffects": false
+}

package/internal/themes/DarkTheme5_3.d.ts

@@ -0,0 +1 @@
+export declare const DarkTheme5_3: Readonly<typeof import("./BasicTheme").BasicThemeClass>;

package/internal/themes/DarkTheme5_4/DarkTheme5_4.js

@@ -0,0 +1,17 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _DarkTheme5_;
+import { createTheme, markThemeVersion } from "../../../lib/theming/ThemeHelpers";
+import { BasicThemeClassForExtension } from "../BasicTheme";
+import { DarkTheme5_3 } from "../DarkTheme5_3";
+import { themeTokens5_4 } from "../consts";
+export var DarkTheme5_4 = createTheme({
+  themeClass: (_DarkTheme5_ = /*#__PURE__*/function (_BasicThemeClassForEx) {
+    function DarkTheme5_4() {
+      return _BasicThemeClassForEx.apply(this, arguments) || this;
+    }
+    _inheritsLoose(DarkTheme5_4, _BasicThemeClassForEx);
+    return DarkTheme5_4;
+  }(BasicThemeClassForExtension), _DarkTheme5_.textareaMargin = themeTokens5_4.textareaMargin, _DarkTheme5_.clearCrossIconWidthSmall = themeTokens5_4.clearCrossIconWidthSmall, _DarkTheme5_.clearCrossIconWidthMedium = themeTokens5_4.clearCrossIconWidthMedium, _DarkTheme5_.clearCrossIconWidthLarge = themeTokens5_4.clearCrossIconWidthLarge, _DarkTheme5_.clearCrossIconAlign = themeTokens5_4.clearCrossIconAlign, _DarkTheme5_.textareaVerticalAlign = themeTokens5_4.textareaVerticalAlign, _DarkTheme5_),
+  prototypeTheme: DarkTheme5_3,
+  themeMarkers: [markThemeVersion('5.4')]
+});

package/internal/themes/DarkTheme5_4/DarkTheme5_4.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTheme","markThemeVersion","BasicThemeClassForExtension","DarkTheme5_3","themeTokens5_4","DarkTheme5_4","themeClass","_DarkTheme5_","_BasicThemeClassForEx","apply","arguments","_inheritsLoose","textareaMargin","clearCrossIconWidthSmall","clearCrossIconWidthMedium","clearCrossIconWidthLarge","clearCrossIconAlign","textareaVerticalAlign","prototypeTheme","themeMarkers"],"sources":["DarkTheme5_4.ts"],"sourcesContent":["import { createTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers';\n\nimport { BasicThemeClassForExtension } from './BasicTheme';\nimport { DarkTheme5_3 } from './DarkTheme5_3';\nimport { themeTokens5_4 } from './consts';\n\nexport const DarkTheme5_4 = createTheme({\n  themeClass: class DarkTheme5_4 extends BasicThemeClassForExtension {\n    public static textareaMargin = themeTokens5_4.textareaMargin;\n    public static clearCrossIconWidthSmall = themeTokens5_4.clearCrossIconWidthSmall;\n    public static clearCrossIconWidthMedium = themeTokens5_4.clearCrossIconWidthMedium;\n    public static clearCrossIconWidthLarge = themeTokens5_4.clearCrossIconWidthLarge;\n    public static clearCrossIconAlign = themeTokens5_4.clearCrossIconAlign;\n    public static textareaVerticalAlign = themeTokens5_4.textareaVerticalAlign;\n  },\n  prototypeTheme: DarkTheme5_3,\n  themeMarkers: [markThemeVersion('5.4')],\n});\n"],"mappings":"uFAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,gCAAgC;;AAE9E,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,cAAc,QAAQ,UAAU;;AAEzC,OAAO,IAAMC,YAAY,GAAGL,WAAW,CAAC;EACtCM,UAAU,GAAAC,YAAA,0BAAAC,qBAAA,YAAAH,aAAA,UAAAG,qBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,YAAA,EAAAG,qBAAA,SAAAH,YAAA,GAA6BH,2BAA2B,GAAAK,YAAA;EAClDK,cAAc,GAAGR,cAAc,CAACQ,cAAc,EAAAL,YAAA;EAC9CM,wBAAwB,GAAGT,cAAc,CAACS,wBAAwB,EAAAN,YAAA;EAClEO,yBAAyB,GAAGV,cAAc,CAACU,yBAAyB,EAAAP,YAAA;EACpEQ,wBAAwB,GAAGX,cAAc,CAACW,wBAAwB,EAAAR,YAAA;EAClES,mBAAmB,GAAGZ,cAAc,CAACY,mBAAmB,EAAAT,YAAA;EACxDU,qBAAqB,GAAGb,cAAc,CAACa,qBAAqB,EAAAV,YAAA,CAC3E;;EACDW,cAAc,EAAEf,YAAY;EAC5BgB,YAAY,EAAE,CAAClB,gBAAgB,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC","ignoreList":[]}

package/internal/themes/DarkTheme5_4/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/themes/DarkTheme5_4.js",
+  "module": "DarkTheme5_4",
+  "types": "../DarkTheme5_4.d.ts",
+  "sideEffects": false
+}

package/internal/themes/DarkTheme5_4.d.ts

@@ -0,0 +1 @@
+export declare const DarkTheme5_4: Readonly<typeof import("./BasicTheme").BasicThemeClass>;

package/internal/themes/LightTheme5_3/LightTheme5_3.js

@@ -0,0 +1,16 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _LightTheme5_;
+import { createTheme, markThemeVersion } from "../../../lib/theming/ThemeHelpers";
+import { BasicThemeClassForExtension } from "../BasicTheme";
+import { LightTheme5_2 } from "../LightTheme5_2";
+export var LightTheme5_3 = createTheme({
+  themeClass: (_LightTheme5_ = /*#__PURE__*/function (_BasicThemeClassForEx) {
+    function LightTheme5_3() {
+      return _BasicThemeClassForEx.apply(this, arguments) || this;
+    }
+    _inheritsLoose(LightTheme5_3, _BasicThemeClassForEx);
+    return LightTheme5_3;
+  }(BasicThemeClassForExtension), _LightTheme5_.miniModalDescriptionFontSize = '16px', _LightTheme5_.miniModalDescriptionLineHeight = '22px', _LightTheme5_),
+  prototypeTheme: LightTheme5_2,
+  themeMarkers: [markThemeVersion('5.3')]
+});

package/internal/themes/LightTheme5_3/LightTheme5_3.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTheme","markThemeVersion","BasicThemeClassForExtension","LightTheme5_2","LightTheme5_3","themeClass","_LightTheme5_","_BasicThemeClassForEx","apply","arguments","_inheritsLoose","miniModalDescriptionFontSize","miniModalDescriptionLineHeight","prototypeTheme","themeMarkers"],"sources":["LightTheme5_3.ts"],"sourcesContent":["import { createTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers';\n\nimport { BasicThemeClassForExtension } from './BasicTheme';\nimport { LightTheme5_2 } from './LightTheme5_2';\n\nexport const LightTheme5_3 = createTheme({\n  themeClass: class LightTheme5_3 extends BasicThemeClassForExtension {\n    public static miniModalDescriptionFontSize = '16px';\n    public static miniModalDescriptionLineHeight = '22px';\n  },\n  prototypeTheme: LightTheme5_2,\n  themeMarkers: [markThemeVersion('5.3')],\n});\n"],"mappings":"wFAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,gCAAgC;;AAE9E,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,aAAa,QAAQ,iBAAiB;;AAE/C,OAAO,IAAMC,aAAa,GAAGJ,WAAW,CAAC;EACvCK,UAAU,GAAAC,aAAA,0BAAAC,qBAAA,YAAAH,cAAA,UAAAG,qBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,aAAA,EAAAG,qBAAA,SAAAH,aAAA,GAA8BF,2BAA2B,GAAAI,aAAA;EACnDK,4BAA4B,GAAG,MAAM,EAAAL,aAAA;EACrCM,8BAA8B,GAAG,MAAM,EAAAN,aAAA,CACtD;;EACDO,cAAc,EAAEV,aAAa;EAC7BW,YAAY,EAAE,CAACb,gBAAgB,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC","ignoreList":[]}

package/internal/themes/LightTheme5_3/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/themes/LightTheme5_3.js",
+  "module": "LightTheme5_3",
+  "types": "../LightTheme5_3.d.ts",
+  "sideEffects": false
+}

package/internal/themes/LightTheme5_3.d.ts

@@ -0,0 +1 @@
+export declare const LightTheme5_3: Readonly<typeof import("./BasicTheme").BasicThemeClass>;

package/internal/themes/LightTheme5_4/LightTheme5_4.js

@@ -0,0 +1,17 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _LightTheme5_;
+import { createTheme, markThemeVersion } from "../../../lib/theming/ThemeHelpers";
+import { BasicThemeClassForExtension } from "../BasicTheme";
+import { LightTheme5_3 } from "../LightTheme5_3";
+import { themeTokens5_4 } from "../consts";
+export var LightTheme5_4 = createTheme({
+  themeClass: (_LightTheme5_ = /*#__PURE__*/function (_BasicThemeClassForEx) {
+    function LightTheme5_4() {
+      return _BasicThemeClassForEx.apply(this, arguments) || this;
+    }
+    _inheritsLoose(LightTheme5_4, _BasicThemeClassForEx);
+    return LightTheme5_4;
+  }(BasicThemeClassForExtension), _LightTheme5_.textareaMargin = themeTokens5_4.textareaMargin, _LightTheme5_.clearCrossIconWidthSmall = themeTokens5_4.clearCrossIconWidthSmall, _LightTheme5_.clearCrossIconWidthMedium = themeTokens5_4.clearCrossIconWidthMedium, _LightTheme5_.clearCrossIconWidthLarge = themeTokens5_4.clearCrossIconWidthLarge, _LightTheme5_.clearCrossIconAlign = themeTokens5_4.clearCrossIconAlign, _LightTheme5_.textareaVerticalAlign = themeTokens5_4.textareaVerticalAlign, _LightTheme5_),
+  prototypeTheme: LightTheme5_3,
+  themeMarkers: [markThemeVersion('5.4')]
+});

package/internal/themes/LightTheme5_4/LightTheme5_4.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTheme","markThemeVersion","BasicThemeClassForExtension","LightTheme5_3","themeTokens5_4","LightTheme5_4","themeClass","_LightTheme5_","_BasicThemeClassForEx","apply","arguments","_inheritsLoose","textareaMargin","clearCrossIconWidthSmall","clearCrossIconWidthMedium","clearCrossIconWidthLarge","clearCrossIconAlign","textareaVerticalAlign","prototypeTheme","themeMarkers"],"sources":["LightTheme5_4.ts"],"sourcesContent":["import { createTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers';\n\nimport { BasicThemeClassForExtension } from './BasicTheme';\nimport { LightTheme5_3 } from './LightTheme5_3';\nimport { themeTokens5_4 } from './consts';\n\nexport const LightTheme5_4 = createTheme({\n  themeClass: class LightTheme5_4 extends BasicThemeClassForExtension {\n    public static textareaMargin = themeTokens5_4.textareaMargin;\n    public static clearCrossIconWidthSmall = themeTokens5_4.clearCrossIconWidthSmall;\n    public static clearCrossIconWidthMedium = themeTokens5_4.clearCrossIconWidthMedium;\n    public static clearCrossIconWidthLarge = themeTokens5_4.clearCrossIconWidthLarge;\n    public static clearCrossIconAlign = themeTokens5_4.clearCrossIconAlign;\n    public static textareaVerticalAlign = themeTokens5_4.textareaVerticalAlign;\n  },\n  prototypeTheme: LightTheme5_3,\n  themeMarkers: [markThemeVersion('5.4')],\n});\n"],"mappings":"wFAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,gCAAgC;;AAE9E,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,cAAc,QAAQ,UAAU;;AAEzC,OAAO,IAAMC,aAAa,GAAGL,WAAW,CAAC;EACvCM,UAAU,GAAAC,aAAA,0BAAAC,qBAAA,YAAAH,cAAA,UAAAG,qBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,aAAA,EAAAG,qBAAA,SAAAH,aAAA,GAA8BH,2BAA2B,GAAAK,aAAA;EACnDK,cAAc,GAAGR,cAAc,CAACQ,cAAc,EAAAL,aAAA;EAC9CM,wBAAwB,GAAGT,cAAc,CAACS,wBAAwB,EAAAN,aAAA;EAClEO,yBAAyB,GAAGV,cAAc,CAACU,yBAAyB,EAAAP,aAAA;EACpEQ,wBAAwB,GAAGX,cAAc,CAACW,wBAAwB,EAAAR,aAAA;EAClES,mBAAmB,GAAGZ,cAAc,CAACY,mBAAmB,EAAAT,aAAA;EACxDU,qBAAqB,GAAGb,cAAc,CAACa,qBAAqB,EAAAV,aAAA,CAC3E;;EACDW,cAAc,EAAEf,aAAa;EAC7BgB,YAAY,EAAE,CAAClB,gBAAgB,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC","ignoreList":[]}

package/internal/themes/LightTheme5_4/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/themes/LightTheme5_4.js",
+  "module": "LightTheme5_4",
+  "types": "../LightTheme5_4.d.ts",
+  "sideEffects": false
+}

package/internal/themes/LightTheme5_4.d.ts

@@ -0,0 +1 @@
+export declare const LightTheme5_4: Readonly<typeof import("./BasicTheme").BasicThemeClass>;

package/internal/themes/consts/consts.js

@@ -0,0 +1,9 @@
+export var themeTokens5_4 = {
+  clearCrossIconWidthSmall: '24px',
+  clearCrossIconWidthMedium: '30px',
+  clearCrossIconWidthLarge: '36px',
+  clearCrossIconAlign: 'flex-start',
+  textareaMargin: '0px',
+  // обнуление вертикального браузерного margin в firefox
+  textareaVerticalAlign: 'top'
+};

package/internal/themes/consts/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["themeTokens5_4","clearCrossIconWidthSmall","clearCrossIconWidthMedium","clearCrossIconWidthLarge","clearCrossIconAlign","textareaMargin","textareaVerticalAlign"],"sources":["consts.ts"],"sourcesContent":["export const themeTokens5_4 = {\n  clearCrossIconWidthSmall: '24px',\n  clearCrossIconWidthMedium: '30px',\n  clearCrossIconWidthLarge: '36px',\n  clearCrossIconAlign: 'flex-start',\n  textareaMargin: '0px', // обнуление вертикального браузерного margin в firefox\n  textareaVerticalAlign: 'top',\n};\n"],"mappings":"AAAA,OAAO,IAAMA,cAAc,GAAG;EAC5BC,wBAAwB,EAAE,MAAM;EAChCC,yBAAyB,EAAE,MAAM;EACjCC,wBAAwB,EAAE,MAAM;EAChCC,mBAAmB,EAAE,YAAY;EACjCC,cAAc,EAAE,KAAK,EAAE;EACvBC,qBAAqB,EAAE;AACzB,CAAC","ignoreList":[]}

package/internal/themes/consts/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/themes/consts.js",
+  "module": "consts",
+  "types": "../consts.d.ts",
+  "sideEffects": false
+}

package/internal/themes/consts.d.ts

@@ -0,0 +1,8 @@
+export declare const themeTokens5_4: {
+    clearCrossIconWidthSmall: string;
+    clearCrossIconWidthMedium: string;
+    clearCrossIconWidthLarge: string;
+    clearCrossIconAlign: string;
+    textareaMargin: string;
+    textareaVerticalAlign: string;
+};

package/lib/__stories__/Blink.creevey.mts

@@ -0,0 +1,90 @@
+import { story, kind, test } from 'creevey';
+import type { CreeveyTestContext } from 'creevey';
+
+const startBlink = async (context: CreeveyTestContext) => {
+  await context.webdriver
+    .actions({
+      bridge: true,
+    })
+    .click(
+      context.webdriver.findElement({
+        css: 'input',
+      }),
+    )
+    .sendKeys('1')
+    .perform();
+};
+const finishBlink = async (context: CreeveyTestContext) => {
+  await context.webdriver
+    .actions({
+      bridge: true,
+    })
+    .click(
+      context.webdriver.findElement({
+        css: 'input',
+      }),
+    )
+    .sendKeys('2')
+    .perform();
+};
+const interruptBlink = async (context: CreeveyTestContext) => {
+  await context.webdriver
+    .actions({
+      bridge: true,
+    })
+    .click(
+      context.webdriver.findElement({
+        css: '[data-tid="update-input"]',
+      }),
+    )
+    .perform();
+};
+
+const pressedTest = () => {
+  test('blinking', async (context) => {
+    await startBlink(context);
+    const start = await context.takeScreenshot();
+
+    await finishBlink(context);
+    const finish = await context.takeScreenshot();
+
+    await context.matchImages({ start, finish });
+  });
+
+  test('interrupting', async (context) => {
+    await startBlink(context);
+    const start = await context.takeScreenshot();
+
+    await interruptBlink(context);
+    const interrupt = await context.takeScreenshot();
+
+    await context.matchImages({ start, interrupt });
+  });
+
+  test('blinking after interruption', async (context) => {
+    await startBlink(context);
+    const start = await context.takeScreenshot();
+
+    await interruptBlink(context);
+    const interrupt = await context.takeScreenshot();
+
+    await startBlink(context);
+    const restart = await context.takeScreenshot();
+
+    await finishBlink(context);
+    const finish = await context.takeScreenshot();
+
+    await context.matchImages({ start, interrupt, restart, finish });
+  });
+};
+
+const defaultStoryParameters = {
+  skip: { 'enough basic themes': { in: /^(?!\bchrome2022\b|\bfirefox2022\b)/ } },
+};
+
+kind('Lib/blink', () => {
+  story('Animate', ({ setStoryParameters }) => {
+    setStoryParameters(defaultStoryParameters);
+    pressedTest();
+  });
+});

package/lib/blink/blink.js

@@ -0,0 +1,63 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+var defaultOptions = {
+  duration: 150,
+  delay: 0,
+  iterations: 1,
+  easing: 'ease-in'
+};
+var animations = new WeakMap();
+
+/**
+ * Мерцание при вводе недоступных символов
+ *
+ * @param {Object} args
+ * @param {HTMLElement|null} args.el Элемент, к которому применяется эффект.
+ * @param {string} args.blinkColor Цвет мерцания в любом допустимом CSS-формате.
+ * @param {KeyframeAnimationOptions} args.options Опции анимации (timing, duration и т.д.).
+ *
+ * @return {void}
+ */
+export function blink(_ref) {
+  var _el$dataset$originalT, _el$dataset$originalB;
+  var el = _ref.el,
+    blinkColor = _ref.blinkColor,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? {} : _ref$options;
+  if (!el) {
+    return;
+  }
+  var config = _extends({}, defaultOptions, options);
+  if ('animate' in el && typeof el.animate === 'function') {
+    var _animations$get;
+    (_animations$get = animations.get(el)) == null || _animations$get.cancel();
+    animations.set(el, el.animate([{
+      backgroundColor: blinkColor
+    }, {
+      backgroundColor: 'inherit'
+    }], config));
+    return;
+  }
+
+  // Fallback Safari <13.1
+  el.dataset.originalTransition = (_el$dataset$originalT = el.dataset.originalTransition) != null ? _el$dataset$originalT : el.style.transition;
+  el.dataset.originalBackgroundColor = (_el$dataset$originalB = el.dataset.originalBackgroundColor) != null ? _el$dataset$originalB : el.style.backgroundColor;
+  clearTimeout(el.dataset.timeoutId);
+  el.style.transition = el.dataset.originalTransition;
+  el.style.backgroundColor = blinkColor;
+  setTimeout(function () {
+    var _config$duration;
+    if (!el) {
+      return;
+    }
+    el.style.transition = "background-color " + config.duration + "ms " + config.delay + "ms " + config.easing;
+    el.style.backgroundColor = 'inherit';
+    el.dataset.timeoutId = setTimeout(function () {
+      var _el$dataset$originalT2, _el$dataset$originalB2;
+      if (!el) {
+        return;
+      }
+      el.style.transition = (_el$dataset$originalT2 = el.dataset.originalTransition) != null ? _el$dataset$originalT2 : '';
+      el.style.backgroundColor = (_el$dataset$originalB2 = el.dataset.originalBackgroundColor) != null ? _el$dataset$originalB2 : '';
+    }, parseInt(((_config$duration = config.duration) == null ? void 0 : _config$duration.toString()) || '0')).toString();
+  }, 1);
+}

package/lib/blink/blink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultOptions","duration","delay","iterations","easing","animations","WeakMap","blink","_ref","_el$dataset$originalT","_el$dataset$originalB","el","blinkColor","_ref$options","options","config","_extends","animate","_animations$get","get","cancel","set","backgroundColor","dataset","originalTransition","style","transition","originalBackgroundColor","clearTimeout","timeoutId","setTimeout","_config$duration","_el$dataset$originalT2","_el$dataset$originalB2","parseInt","toString"],"sources":["blink.ts"],"sourcesContent":["const defaultOptions = {\n  duration: 150,\n  delay: 0,\n  iterations: 1,\n  easing: 'ease-in',\n} satisfies KeyframeAnimationOptions;\n\nconst animations = new WeakMap<HTMLElement, Animation>();\n\n/**\n * Мерцание при вводе недоступных символов\n *\n * @param {Object} args\n * @param {HTMLElement|null} args.el Элемент, к которому применяется эффект.\n * @param {string} args.blinkColor Цвет мерцания в любом допустимом CSS-формате.\n * @param {KeyframeAnimationOptions} args.options Опции анимации (timing, duration и т.д.).\n *\n * @return {void}\n */\nexport function blink({\n  el,\n  blinkColor,\n  options = {},\n}: {\n  el?: HTMLElement | null;\n  blinkColor: string;\n  options?: KeyframeAnimationOptions;\n}): void {\n  if (!el) {\n    return;\n  }\n  const config = { ...defaultOptions, ...options };\n  if ('animate' in el && typeof el.animate === 'function') {\n    animations.get(el)?.cancel();\n    animations.set(el, el.animate([{ backgroundColor: blinkColor }, { backgroundColor: 'inherit' }], config));\n    return;\n  }\n\n  // Fallback Safari <13.1\n  el.dataset.originalTransition = el.dataset.originalTransition ?? el.style.transition;\n  el.dataset.originalBackgroundColor = el.dataset.originalBackgroundColor ?? el.style.backgroundColor;\n\n  clearTimeout(el.dataset.timeoutId);\n  el.style.transition = el.dataset.originalTransition;\n  el.style.backgroundColor = blinkColor;\n\n  setTimeout(() => {\n    if (!el) {\n      return;\n    }\n    el.style.transition = `background-color ${config.duration}ms ${config.delay}ms ${config.easing}`;\n    el.style.backgroundColor = 'inherit';\n\n    el.dataset.timeoutId = setTimeout(\n      () => {\n        if (!el) {\n          return;\n        }\n        el.style.transition = el.dataset.originalTransition ?? '';\n        el.style.backgroundColor = el.dataset.originalBackgroundColor ?? '';\n      },\n      parseInt(config.duration?.toString() || '0'),\n    ).toString();\n  }, 1);\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/blink/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/blink.js",
+  "module": "blink",
+  "types": "../blink.d.ts",
+  "sideEffects": false
+}

package/lib/blink.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Мерцание при вводе недоступных символов
+ *
+ * @param {Object} args
+ * @param {HTMLElement|null} args.el Элемент, к которому применяется эффект.
+ * @param {string} args.blinkColor Цвет мерцания в любом допустимом CSS-формате.
+ * @param {KeyframeAnimationOptions} args.options Опции анимации (timing, duration и т.д.).
+ *
+ * @return {void}
+ */
+export declare function blink({ el, blinkColor, options, }: {
+    el?: HTMLElement | null;
+    blinkColor: string;
+    options?: KeyframeAnimationOptions;
+}): void;