@invoicebox/ui 0.1.0-alpha.318 → 0.1.0-alpha.319

package/dist/esm/components/common/Flag/index.js

@@ -12,8 +12,19 @@ import { UzbFlag } from './components/UzbFlag';
 import { ChnFlag } from './components/ChnFlag';
 import { EngFlag } from './components/EngFlag';
 import { EspFlag } from './components/EspFlag';
+import { AreFlag } from './components/AreFlag';
+import { AusFlag } from './components/AusFlag';
+import { DeuFlag } from './components/DeuFlag';
+import { EcuFlag } from './components/EcuFlag';
+import { FraFlag } from './components/FraFlag';
+import { IndFlag } from './components/IndFlag';
+import { SauFlag } from './components/SauFlag';
+import { SrbFlag } from './components/SrbFlag';
+import { SvkFlag } from './components/SvkFlag';
+import { SvnFlag } from './components/SvnFlag';
+import { TurFlag } from './components/TurFlag';
 import { UnknownFlag } from './components/UnknownFlag';
-var flagKeys = ['RUS', 'BLR', 'KAZ', 'AZE', 'ARM', 'KGZ', 'MDA', 'TJK', 'UZB', 'CHN', 'ENG', 'ESP', 'UNKNOWN'];
+var flagKeys = ['RUS', 'BLR', 'KAZ', 'AZE', 'ARM', 'KGZ', 'MDA', 'TJK', 'UZB', 'CHN', 'ENG', 'ESP', 'ARE', 'AUS', 'DEU', 'ECU', 'FRA', 'IND', 'SAU', 'SRB', 'SVK', 'SVN', 'TUR', 'UNKNOWN'];
 var map = {
   RUS: /*#__PURE__*/React.createElement(RusFlag, null),
   KAZ: /*#__PURE__*/React.createElement(KazFlag, null),
@@ -27,6 +38,17 @@ var map = {
   CHN: /*#__PURE__*/React.createElement(ChnFlag, null),
   ENG: /*#__PURE__*/React.createElement(EngFlag, null),
   ESP: /*#__PURE__*/React.createElement(EspFlag, null),
+  ARE: /*#__PURE__*/React.createElement(AreFlag, null),
+  AUS: /*#__PURE__*/React.createElement(AusFlag, null),
+  DEU: /*#__PURE__*/React.createElement(DeuFlag, null),
+  ECU: /*#__PURE__*/React.createElement(EcuFlag, null),
+  FRA: /*#__PURE__*/React.createElement(FraFlag, null),
+  IND: /*#__PURE__*/React.createElement(IndFlag, null),
+  SAU: /*#__PURE__*/React.createElement(SauFlag, null),
+  SRB: /*#__PURE__*/React.createElement(SrbFlag, null),
+  SVK: /*#__PURE__*/React.createElement(SvkFlag, null),
+  SVN: /*#__PURE__*/React.createElement(SvnFlag, null),
+  TUR: /*#__PURE__*/React.createElement(TurFlag, null),
   UNKNOWN: /*#__PURE__*/React.createElement(UnknownFlag, null)
 };
 export var Flag = function Flag(_ref) {

package/dist/esm/components/common/Flag/index.stories.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Flag } from '.';
 var meta = {
   title: 'common/Flag',
@@ -13,4 +14,27 @@ export var Default = {
     flag: 'RUS',
     isSmall: false
   }
+};
+export var AllFlags = {
+  render: function render() {
+    return /*#__PURE__*/React.createElement('div', {
+      style: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 16
+      }
+    }, Flag.flags.map(function (flag) {
+      return /*#__PURE__*/React.createElement('div', {
+        key: flag,
+        style: {
+          textAlign: 'center',
+          fontFamily: 'sans-serif',
+          fontSize: 12
+        }
+      }, /*#__PURE__*/React.createElement(Flag, {
+        flag: flag,
+        isSmall: false
+      }), /*#__PURE__*/React.createElement('div', null, flag));
+    }));
+  }
 };

package/dist/esm/components/common/QRCode/index.js

@@ -6,8 +6,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import QRCodeFromLibrary from 'qrcode.react';
 export var QRCode = function QRCode(_ref) {

package/dist/esm/components/common/SecondaryButton/index.js

@@ -1,7 +1,7 @@
 var _excluded = ["element", "isLoading", "fullWidth", "disabled", "borderRadius", "padding", "className", "children"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import * as S from './styles';
 import { InvoiceboxSpinner } from '../InvoiceboxSpinner';

package/dist/esm/components/common/SecondaryButton/styles.js

@@ -1,5 +1,6 @@
 import styled, { css } from 'styled-components';
 import { Typography } from '../Typography';
+import { reducedMotion } from '../../../utils/reducedMotion';
 export var Inner = styled(Typography).withConfig({
   displayName: "styles__Inner",
   componentId: "sc-ln4oiu-0"
@@ -10,7 +11,7 @@ export var Inner = styled(Typography).withConfig({
 export var Wrapper = styled.button.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-ln4oiu-1"
-})(["appearance:none;display:inline-block;text-decoration:none;text-align:center;position:relative;border:none;border-radius:", ";cursor:pointer;padding:", ";color:", ";background-color:", ";transition:background-color 0.2s ease-in-out 0s;box-sizing:border-box;", " &:hover{", "}&:active{", "}", ""], function (_ref2) {
+})(["appearance:none;display:inline-block;text-decoration:none;text-align:center;position:relative;border:none;border-radius:", ";cursor:pointer;padding:", ";color:", ";background-color:", ";transition:background-color 0.2s ease-in-out 0s;box-sizing:border-box;", " &:hover{", "}&:active{", "}", " ", ""], function (_ref2) {
   var $borderRadius = _ref2.$borderRadius;
   return $borderRadius;
 }, function (_ref3) {
@@ -36,7 +37,7 @@ export var Wrapper = styled.button.withConfig({
 }, function (_ref9) {
   var $disabled = _ref9.$disabled;
   return $disabled && css(["pointer-events:none;", "{opacity:0.5;}"], Inner);
-});
+}, reducedMotion);
 export var LoaderWrapper = styled.div.withConfig({
   displayName: "styles__LoaderWrapper",
   componentId: "sc-ln4oiu-2"

package/dist/esm/components/common/Skeleton/styles.js

@@ -1,4 +1,5 @@
 import styled, { keyframes } from 'styled-components';
+import { reducedMotion } from '../../../utils/reducedMotion';
 var shine = keyframes(["0%{left:calc(0% - 200px);}100%{left:calc(100% + 200px);}"]);
 export var Wrapper = styled.div.withConfig({
   displayName: "styles__Wrapper",
@@ -16,7 +17,7 @@ export var Wrapper = styled.div.withConfig({
 export var Inner = styled.div.withConfig({
   displayName: "styles__Inner",
   componentId: "sc-mb3gd0-1"
-})(["position:absolute;top:0;bottom:0;width:100px;background-image:linear-gradient( 90deg,", " 0px,", " 50px,", " 100px );animation:", " 3s infinite linear;"], function (_ref4) {
+})(["position:absolute;top:0;bottom:0;width:100px;background-image:linear-gradient( 90deg,", " 0px,", " 50px,", " 100px );animation:", " 3s infinite linear;", ""], function (_ref4) {
   var $palette = _ref4.$palette;
   return $palette.bg;
 }, function (_ref5) {
@@ -25,4 +26,4 @@ export var Inner = styled.div.withConfig({
 }, function (_ref6) {
   var $palette = _ref6.$palette;
   return $palette.bg;
-}, shine);
+}, shine, reducedMotion);

package/dist/esm/components/common/Toast/index.js

@@ -3,19 +3,28 @@ import * as S from './styles';
 import { useComponentPalette } from '../../../palette';
 import { toast as libToast } from 'react-toastify';
 import { Typography } from '../Typography';
+// toastId по умолчанию выводится из текста: пока тост с таким id виден,
+// повторные вызовы с тем же сообщением игнорируются react-toastify —
+// одинаковые ошибки не стекаются в «бурю тостов»
 export var toast = {
-  error: function error(message) {
+  error: function error(message, options) {
+    var _options$toastId;
     libToast.error(function () {
       return /*#__PURE__*/React.createElement(Typography, {
         variant: "bodyMRegular"
       }, message);
+    }, {
+      toastId: (_options$toastId = options === null || options === void 0 ? void 0 : options.toastId) !== null && _options$toastId !== void 0 ? _options$toastId : "error:".concat(message)
     });
   },
-  success: function success(message) {
+  success: function success(message, options) {
+    var _options$toastId2;
     libToast.success(function () {
       return /*#__PURE__*/React.createElement(Typography, {
         variant: "bodyMRegular"
       }, message);
+    }, {
+      toastId: (_options$toastId2 = options === null || options === void 0 ? void 0 : options.toastId) !== null && _options$toastId2 !== void 0 ? _options$toastId2 : "success:".concat(message)
     });
   }
 };

package/dist/esm/components/common/Tooltip/index.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { useCallback, useRef, useState } from 'react';
+import React, { useCallback, useId, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { Typography } from '../Typography';
 import { useComponentPalette } from '../../../palette';
@@ -22,6 +22,7 @@ export var Tooltip = function Tooltip(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     coords = _useState2[0],
     setCoords = _useState2[1];
+  var tooltipId = useId();
   var show = useCallback(function () {
     var el = triggerRef.current;
     if (!el || !overlay) return;
@@ -34,13 +35,22 @@ export var Tooltip = function Tooltip(_ref) {
   var hide = useCallback(function () {
     return setCoords(null);
   }, []);
+
+  // WAI-ARIA tooltip: Escape закрывает тултип, не убирая фокус с триггера
+  var handleKeyDown = useCallback(function (event) {
+    if (event.key === 'Escape') hide();
+  }, [hide]);
   return /*#__PURE__*/React.createElement(S.Trigger, {
     ref: triggerRef,
     onMouseEnter: show,
     onMouseLeave: hide,
     onFocus: show,
-    onBlur: hide
+    onBlur: hide,
+    onKeyDown: handleKeyDown,
+    "aria-describedby": coords ? tooltipId : undefined
   }, children, coords && /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(S.Overlay, {
+    id: tooltipId,
+    role: "tooltip",
     $palette: palette,
     $top: coords.top,
     $left: coords.left,

package/dist/esm/components/common/Typography/index.js

@@ -1,8 +1,8 @@
 var _excluded = ["variant", "element"],
   _excluded2 = ["variant", "element"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef } from 'react';
 import * as S from './styles';
 export var Typography = function Typography(_ref) {

package/dist/esm/components/form/Autocomplete/components/Autocomplete/index.js

@@ -12,6 +12,7 @@ import { Skeleton } from '../../../../common/Skeleton';
 import { useMobile } from '../../../../../hooks/useMedia';
 import { useInputFocus } from '../../../../../hooks/useInputFocus';
 import { useOutsideClick } from '../../../../../hooks/useOutsideClick';
+import { ErrorBoundary } from '../../../../common/ErrorBoundary';
 import { InputLabel } from '../../../InputLabel';
 import { PureInput } from '../../../PureInput';
 import { Dropdown } from '../../../../common/Dropdown';
@@ -27,7 +28,7 @@ var DefaultSkeletonItem = function DefaultSkeletonItem() {
   }));
 };
 var MAX_LIST_HEIGHT = 294;
-export var Autocomplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var AutocompleteInner = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var options = _ref.options,
     value = _ref.value,
     onChange = _ref.onChange,
@@ -204,7 +205,9 @@ export var Autocomplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabled: disabled,
     paddingLeft: inputPaddingLeft,
     maxLength: inputMaxLength,
-    isOnlyNumbers: isInputOnlyNumbers,
+    isOnlyNumbers: isInputOnlyNumbers
+    // eslint-disable-next-line jsx-a11y/no-autofocus -- проп прокидывается потребителю, решение об автофокусе за ним
+    ,
     autoFocus: autoFocus,
     readOnly: readOnly,
     useModernStyles: useModernStyles,
@@ -254,4 +257,14 @@ export var Autocomplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, option.value))));
   })))));
 });
+AutocompleteInner.displayName = 'AutocompleteInner';
+
+// Граница ошибок снаружи: renderOption/optionsLoader потребителя вызываются в
+// рендере AutocompleteInner — исключение колбэка иначе валило бы всё дерево
+// приложения (RES-001). Fallback — null: поле исчезает, страница живёт.
+export var Autocomplete = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(AutocompleteInner, _extends({}, props, {
+    ref: ref
+  })));
+});
 Autocomplete.displayName = 'Autocomplete';

package/dist/esm/components/form/Autocomplete/components/AutocompleteDefaultOption/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { typography } from '../../../../common/Typography/typography';
 import { Typography } from '../../../../common/Typography';
+import { reducedMotion } from '../../../../../utils/reducedMotion';
 export var AutocompleteDefaultOption = function AutocompleteDefaultOption(_ref) {
   var children = _ref.children,
     _ref$usePadding = _ref.usePadding,
@@ -15,7 +16,7 @@ export var AutocompleteDefaultOption = function AutocompleteDefaultOption(_ref)
 var Wrapper = styled(Typography).withConfig({
   displayName: "AutocompleteDefaultOption__Wrapper",
   componentId: "sc-1a61mvs-0"
-})(["overflow:hidden;display:flex;width:100%;text-align:left;flex-direction:column;padding:", ";transition:all 0.2s ease-in-out;", " box-sizing:border-box;"], function (_ref2) {
+})(["overflow:hidden;display:flex;width:100%;text-align:left;flex-direction:column;padding:", ";transition:all 0.2s ease-in-out;", " box-sizing:border-box;", ""], function (_ref2) {
   var $usePadding = _ref2.$usePadding;
   return $usePadding ? '12px' : '12px 20px';
-}, typography.bodyMRegular);
+}, typography.bodyMRegular, reducedMotion);

package/dist/esm/components/form/Checkbox/index.js

@@ -1,7 +1,7 @@
 var _excluded = ["disabled", "className", "checked", "disabledText", "label"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useMemo } from 'react';
 import { Typography } from '../../common/Typography';
 import { Tooltip } from '../../common/Tooltip';

package/dist/esm/components/form/Checkbox/styles.js

@@ -1,23 +1,27 @@
 import styled from 'styled-components';
 import { CheckIcon } from './CheckIcon';
+import { reducedMotion } from '../../../utils/reducedMotion';
 var TRANSITION = 'all .2s ease-in-out';
 var BORDER_RADIUS_MIN = 4;
 export var CheckboxContainer = styled.div.withConfig({
   displayName: "styles__CheckboxContainer",
   componentId: "sc-11prdl0-0"
 })(["display:inline-block;vertical-align:middle;"]);
+
+// Инпут скрыт визуально, но остаётся в дереве доступности и фокусируем с
+// клавиатуры (display: none выключал и то и другое) — паттерн visually hidden
 export var HiddenCheckbox = styled.input.withConfig({
   displayName: "styles__HiddenCheckbox",
   componentId: "sc-11prdl0-1"
-})(["display:none;"]);
+})(["position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;"]);
 export var CheckboxIcon = styled(CheckIcon).withConfig({
   displayName: "styles__CheckboxIcon",
   componentId: "sc-11prdl0-2"
-})(["transition:", ";"], TRANSITION);
+})(["transition:", ";", ""], TRANSITION, reducedMotion);
 export var StyledCheckbox = styled.div.withConfig({
   displayName: "styles__StyledCheckbox",
   componentId: "sc-11prdl0-3"
-})(["display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:", "px;transition:", ";"], BORDER_RADIUS_MIN, TRANSITION);
+})(["display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:", "px;transition:", ";", ""], BORDER_RADIUS_MIN, TRANSITION, reducedMotion);
 var getStylesCheckbox = function getStylesCheckbox(palette, disabled, checked) {
   if (disabled) {
     if (checked) {
@@ -45,7 +49,7 @@ var getHoverStylesCheckbox = function getHoverStylesCheckbox(palette, disabled,
 export var CheckboxLabel = styled.label.withConfig({
   displayName: "styles__CheckboxLabel",
   componentId: "sc-11prdl0-4"
-})(["display:flex;align-items:center;grid-column-gap:10px;user-select:none;width:fit-content;cursor:pointer;color:", ";", "{", ";", "{opacity:", ";}}&:hover{", "{", ";}}"], function (_ref) {
+})(["display:flex;align-items:center;grid-column-gap:10px;user-select:none;width:fit-content;cursor:pointer;color:", ";", "{", ";", "{opacity:", ";}}&:hover{", "{", ";}}", ":focus-visible + ", "{outline:2px solid ", ";outline-offset:2px;}"], function (_ref) {
   var $palette = _ref.$palette;
   return $palette.labelColor;
 }, StyledCheckbox, function (_ref2) {
@@ -61,4 +65,7 @@ export var CheckboxLabel = styled.label.withConfig({
     $disabled = _ref4.$disabled,
     $palette = _ref4.$palette;
   return getHoverStylesCheckbox($palette, $disabled, $checked);
+}, HiddenCheckbox, StyledCheckbox, function (_ref5) {
+  var $palette = _ref5.$palette;
+  return $palette.borderHover;
 });

package/dist/esm/components/form/CodeInput/index.js

@@ -84,7 +84,9 @@ export var CodeInput = function CodeInput(_ref) {
       onFocus: handleFocus,
       placeholder: "-",
       $hasError: hasError,
-      disabled: !!disabled,
+      disabled: !!disabled
+      // eslint-disable-next-line jsx-a11y/no-autofocus -- проп прокидывается потребителю, решение об автофокусе за ним
+      ,
       autoFocus: autoFocus,
       autoComplete: 'one-time-code',
       type: "text"

package/dist/esm/components/form/CountrySelect/index.js

@@ -10,8 +10,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 import * as S from './stlyes';
 import { CountryItem } from './components/CountryItem';

package/dist/esm/components/form/CurrencyInput/CurrencyInputNumber/index.js

@@ -1,7 +1,7 @@
 var _excluded = ["onChange"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import { CoreCurrencyInput } from '../CoreCurrencyInput';
 export var CurrencyInputNumber = function CurrencyInputNumber(_ref) {

package/dist/esm/components/form/CurrencyInput/CurrencyInputString/index.js

@@ -1,7 +1,7 @@
 var _excluded = ["onChange"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import { CoreCurrencyInput } from '../CoreCurrencyInput';
 export var CurrencyInputString = function CurrencyInputString(_ref) {

package/dist/esm/components/form/DateInput/index.js

@@ -148,7 +148,8 @@ export var DateInput = function DateInput(_ref) {
   }) : /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: dropdownRef,
     isOpen: isOpen,
-    isAutoPosition: true
+    isAutoPosition: true,
+    role: "dialog"
   }, dropdownProps), /*#__PURE__*/React.createElement(S.CalendarWrapper, null, /*#__PURE__*/React.createElement(Calendar, {
     value: value,
     onChange: handleCalendarChange,

package/dist/esm/components/form/DateTimeInput/components/MobileNumbersColumn/styles.js

@@ -1,4 +1,5 @@
 import styled, { css } from 'styled-components';
+import { reducedMotion } from '../../../../../utils/reducedMotion';
 export var Wrapper = styled.div.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-jqg7lg-0"
@@ -6,7 +7,7 @@ export var Wrapper = styled.div.withConfig({
 export var Number = styled.div.withConfig({
   displayName: "styles__Number",
   componentId: "sc-jqg7lg-1"
-})(["opacity:", ";width:28px;height:28px;flex-shrink:0;transform:translateZ(0) rotateX(", "deg);backface-visibility:hidden;will-change:transform,opacity;transition:all 0.1s ease;", ""], function (_ref) {
+})(["opacity:", ";width:28px;height:28px;flex-shrink:0;transform:translateZ(0) rotateX(", "deg);backface-visibility:hidden;will-change:transform,opacity;transition:all 0.1s ease;", " ", ""], function (_ref) {
   var $opacity = _ref.$opacity;
   return $opacity;
 }, function (_ref2) {
@@ -15,4 +16,4 @@ export var Number = styled.div.withConfig({
 }, function (_ref3) {
   var $isActive = _ref3.$isActive;
   return $isActive && css(["margin:4px 0;"]);
-});
+}, reducedMotion);

package/dist/esm/components/form/DateTimeInput/index.js

@@ -168,7 +168,8 @@ export var DateTimeInput = function DateTimeInput(_ref) {
   }, /*#__PURE__*/React.createElement(CalendarIcon, null)))), !isMobile ? /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: dropdownRef,
     isOpen: isOpen,
-    isAutoPosition: true
+    isAutoPosition: true,
+    role: "dialog"
   }, dropdownProps), /*#__PURE__*/React.createElement(S.CalendarWithTimePicker, {
     $dividerColor: palette.divider
   }, /*#__PURE__*/React.createElement(S.CalendarWrapper, {

package/dist/esm/components/form/InputLabel/styles.js

@@ -1,11 +1,12 @@
 import styled, { css, keyframes } from 'styled-components';
 import { Typography } from '../../common/Typography';
 import { LABEL_PADDING } from './constants';
+import { reducedMotion } from '../../../utils/reducedMotion';
 var labelFadeIn = keyframes(["from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}"]);
 export var Label = styled(Typography).withConfig({
   displayName: "styles__Label",
   componentId: "sc-1prrc3p-0"
-})(["border-radius:10px;position:absolute;top:", ";left:", ";background-color:", ";padding:0 ", "px;z-index:2;transition:color 0.2s ease-in-out 0s;animation:", " 0.15s ease;color:", ";", ""], function (_ref) {
+})(["border-radius:10px;position:absolute;top:", ";left:", ";background-color:", ";padding:0 ", "px;z-index:2;transition:color 0.2s ease-in-out 0s;animation:", " 0.15s ease;color:", ";", " ", ""], function (_ref) {
   var $top = _ref.$top;
   return $top ? "".concat($top, "px") : 0;
 }, function (_ref2) {
@@ -19,7 +20,7 @@ export var Label = styled(Typography).withConfig({
   var $inFocus = _ref4.$inFocus,
     $palette = _ref4.$palette;
   return $inFocus ? $palette.textHighlight : $palette.text;
-}, function (_ref5) {
+}, reducedMotion, function (_ref5) {
   var $required = _ref5.$required,
     $palette = _ref5.$palette;
   return $required && css(["&::after{content:\" *\";color:", ";"], function () {

package/dist/esm/components/form/ModernPlaceholder/styles.js

@@ -1,9 +1,10 @@
 import styled from 'styled-components';
 import { Typography } from '../../common/Typography';
+import { reducedMotion } from '../../../utils/reducedMotion';
 export var Wrapper = styled(Typography).withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-1f4olgp-0"
-})(["position:absolute;top:0;left:0;right:0;padding-left:", "px;padding-right:", "px;padding-top:", "px;pointer-events:none;z-index:1;display:flex;align-items:flex-start;overflow:hidden;opacity:", ";transform:translateY(", ");transition:opacity 0.15s ease,transform 0.15s ease;color:", ";"], function (_ref) {
+})(["position:absolute;top:0;left:0;right:0;padding-left:", "px;padding-right:", "px;padding-top:", "px;pointer-events:none;z-index:1;display:flex;align-items:flex-start;overflow:hidden;opacity:", ";transform:translateY(", ");transition:opacity 0.15s ease,transform 0.15s ease;color:", ";", ""], function (_ref) {
   var $paddingLeft = _ref.$paddingLeft;
   return $paddingLeft;
 }, function (_ref2) {
@@ -21,7 +22,7 @@ export var Wrapper = styled(Typography).withConfig({
 }, function (_ref6) {
   var $color = _ref6.$color;
   return $color;
-});
+}, reducedMotion);
 export var TextContent = styled.span.withConfig({
   displayName: "styles__TextContent",
   componentId: "sc-1f4olgp-1"

package/dist/esm/components/form/PhoneInput/constants.js

@@ -57,6 +57,104 @@ export var getAllCountriesPhoneRules = function getAllCountriesPhoneRules(isSupp
       regexp: /\+?998\d{9}/,
       flag: 'UZB'
     },
+    CHN: {
+      placeholder: '+86 XXX XXXX XXXX',
+      mask: '+99 999 9999 9999',
+      startSubsequence: '86',
+      regexp: /^\+?861[3-9]\d{9}$/,
+      flag: 'CHN'
+    },
+    ESP: {
+      placeholder: '+34 XXX XXX XXX',
+      mask: '+99 999 999 999',
+      startSubsequence: '34',
+      regexp: /^\+?34\d{9}$/,
+      flag: 'ESP'
+    },
+    GBR: {
+      placeholder: '+44 XXXX XXXXXX',
+      mask: '+99 9999 999999',
+      startSubsequence: '44',
+      regexp: /^\+?44\d{10}$/,
+      flag: 'ENG'
+    },
+    ARE: {
+      placeholder: '+971 XX XXX XXXX',
+      mask: '+999 99 999 9999',
+      startSubsequence: '971',
+      regexp: /^\+?971\d{8,9}$/,
+      flag: 'ARE'
+    },
+    FRA: {
+      placeholder: '+33 X XX XX XX XX',
+      mask: '+99 9 99 99 99 99',
+      startSubsequence: '33',
+      regexp: /^\+?33\d{9}$/,
+      flag: 'FRA'
+    },
+    SRB: {
+      placeholder: '+381 XX XXX XXXX',
+      mask: '+999 99 999 9999',
+      startSubsequence: '381',
+      regexp: /^\+?381\d{8,9}$/,
+      flag: 'SRB'
+    },
+    IND: {
+      placeholder: '+91 XXXXX XXXXX',
+      mask: '+99 99999 99999',
+      startSubsequence: '91',
+      regexp: /^\+?91\d{10}$/,
+      flag: 'IND'
+    },
+    TUR: {
+      placeholder: '+90 XXX XXX XX XX',
+      mask: '+99 999 999 99 99',
+      startSubsequence: '90',
+      regexp: /^\+?90\d{10}$/,
+      flag: 'TUR'
+    },
+    SVN: {
+      placeholder: '+386 XX XXX XXX',
+      mask: '+999 99 999 999',
+      startSubsequence: '386',
+      regexp: /^\+?386\d{8}$/,
+      flag: 'SVN'
+    },
+    SVK: {
+      placeholder: '+421 XXX XXX XXX',
+      mask: '+999 999 999 999',
+      startSubsequence: '421',
+      regexp: /^\+?421\d{9}$/,
+      flag: 'SVK'
+    },
+    ECU: {
+      placeholder: '+593 XX XXX XXXX',
+      mask: '+999 99 999 9999',
+      startSubsequence: '593',
+      regexp: /^\+?593\d{8,9}$/,
+      flag: 'ECU'
+    },
+    DEU: {
+      placeholder: '+49 XXX XXXXXXXX',
+      mask: '+99 999 99999999',
+      startSubsequence: '49',
+      regexp: /^\+?49\d{10,11}$/,
+      flag: 'DEU'
+    },
+    AUS: {
+      placeholder: '+61 XXX XXX XXX',
+      mask: '+99 999 999 999',
+      startSubsequence: '61',
+      regexp: /^\+?61\d{9}$/,
+      flag: 'AUS'
+    },
+    SAU: {
+      placeholder: '+966 XX XXX XXXX',
+      mask: '+999 99 999 9999',
+      startSubsequence: '966',
+      regexp: /^\+?966\d{9}$/,
+      flag: 'SAU'
+    },
     // для всех непредусмотренных стран
     UNKNOWN: {
       placeholder: '',

package/dist/esm/components/form/PhoneInput/index.js

@@ -224,7 +224,9 @@ export var PhoneInput = function PhoneInput(_ref) {
     // for disable autocomplete
     ,
     autoComplete: 'new-password',
-    inputMode: "numeric",
+    inputMode: "numeric"
+    // eslint-disable-next-line jsx-a11y/no-autofocus -- проп прокидывается потребителю, решение об автофокусе за ним
+    ,
     autoFocus: autoFocus
   }, paddingAndVariantOptions, {
     useModernStyles: useModernStyles