@finam/web-ui-kit-components 3.31.0 → 3.33.0

package/dist/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input/Input.js","sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useState,\n  InputHTMLAttributes,\n  ReactNode,\n  forwardRef,\n  FocusEvent,\n  useEffect,\n  useRef,\n} from 'react';\nimport classnames from 'clsx';\nimport {\n  inputRoot,\n  inputContainer,\n  inputElement,\n  inputLabel,\n  inputHighlight,\n  inputAdornment,\n  inputIconWrapper,\n  inputAdornmentLeft,\n  inputOverlayValue,\n  inputElementTextHidden,\n} from '@finam/web-ui-kit-core/styles/input';\nimport LockSmallFilled from '@finam/web-ui-kit-icons/Lock/LockSmallFilled';\n\nimport type { Placement, InputVariant, InputSize } from '../types.js';\nimport type { PopperProps } from '../Popper/index.js';\nimport type { TooltipVariant } from '../Tooltip/index.js';\nimport FieldHint from '../FieldHint/index.js';\nimport { Root, SecondaryLabel } from './Input.styles.js';\n\nexport const classNames = inputRoot.classNames.variants;\n\nexport interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  /** Состояние значения поля ввода */\n  value?: string;\n  /** Отображаемое значение, показываемое поверх поля ввода */\n  displayValue?: ReactNode;\n  /** Текст сообщения подсказки */\n  message?: ReactNode;\n  /** Содержимое label поля ввода */\n  label?: string;\n  /** Текст побочного label поля ввода */\n  secondaryLabel?: ReactNode;\n  /** Применение стиля, указывающее на наличие ошибки в поле ввода */\n  error?: boolean;\n  /** Отображение иконки, если есть ошибка */\n  errorIcon?: boolean;\n  /** Вариант отображения поля ввода */\n  variant?: InputVariant;\n  /** Растяжение компонента по ширине контейнера */\n  fullWidth?: boolean;\n  /** Скрывать блок подсказки, если `message` отсутствует */\n  hideEmptyHint?: boolean;\n  /** Размер поля ввода */\n  size?: InputSize;\n  /** Выравнивает текст в поле ввода по правому краю */\n  alignRight?: boolean;\n  /** Флаг отображения подсказки в виде всплывающего окна */\n  hintTooltip?: boolean;\n  /** Расположение всплывающего окна подсказки */\n  hintTooltipPlacement?: Placement;\n  /** Вариант всплывающего окна подсказки */\n  hintTooltipVariant?: TooltipVariant;\n  /** Максимальная ширина всплывающего окна подсказки */\n  hintTooltipMaxWidth?: number;\n  /** Позволяет вставить дополнительный элемент в поле ввода справа */\n  adornment?: ReactNode;\n  /** Позволяет вставить дополнительный элемент в поле ввода слева */\n  adornmentLeft?: ReactNode;\n  /** Флаг, скрывающий label */\n  singleLine?: boolean;\n  /** Флаг доступности поле ввода только для чтения */\n  hideReadOnlyIcon?: boolean;\n  /** Позволяет вставить иконку в поле ввода справа */\n  icon?: ReactNode;\n  /** Позволяет вставить иконку в поле ввода слева */\n  iconLeft?: ReactNode;\n  /** Активирует подсветку введенного текста внутри поля ввода */\n  highlight?: boolean;\n  /** Дополнительные свойства всплывающего окна подсказки */\n  hintTooltipPopperProps?: Partial<PopperProps>;\n  /** Флаг, управляющий отображением счётчика символов */\n  symbolCounterVisible?: boolean;\n\n  as?: React.ElementType;\n}\n\nconst getSecondaryLabelVariant = (size: InputSize) => {\n  switch (size) {\n    case 'l': return 'body14';\n    case 'xs': return 'caption11';\n    default: return 'caption12';\n  }\n};\n\nconst Input = forwardRef<HTMLInputElement, Props>(({\n  value = '',\n  displayValue,\n  message,\n  label,\n  secondaryLabel,\n  error = false,\n  errorIcon = false,\n  variant = 'primary',\n  fullWidth = false,\n  hideEmptyHint = false,\n  size = 'l',\n  alignRight = false,\n  hintTooltip = size !== 'l',\n  hintTooltipPlacement,\n  hintTooltipVariant,\n  hintTooltipMaxWidth,\n  adornment,\n  singleLine = false,\n  hideReadOnlyIcon,\n  icon,\n  className,\n  highlight,\n  as: InputComponent = 'input',\n  adornmentLeft,\n  iconLeft,\n  hintTooltipPopperProps,\n  symbolCounterVisible,\n  ...inputProps\n}, ref) => {\n  const {\n    readOnly,\n    placeholder,\n    disabled,\n    maxLength,\n    onFocus,\n    onBlur,\n  } = inputProps;\n  const [hasFocus, setHasFocus] = useState(() => !!inputProps.autoFocus);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const setRefs = (el: HTMLInputElement) => {\n    inputRef.current = el;\n    if (typeof ref === 'function') {\n      ref(el);\n    } else if (ref) {\n      ref.current = el;\n    }\n  };\n\n  const symbolCountText = !symbolCounterVisible\n    ? undefined\n    : maxLength != null\n      ? value.length + '/' + maxLength\n      : value.length.toString();\n\n  const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    setHasFocus(true);\n    onFocus?.(e);\n  }, [onFocus]);\n\n  const handleBlur = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    setHasFocus(false);\n    onBlur?.(e);\n  }, [onBlur]);\n\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout> | null = null;\n    if (inputProps.autoFocus !== undefined) {\n      setHasFocus(inputProps.autoFocus);\n\n      if (inputRef.current) {\n        // setTimeout(..., 0) здесь повышает надёжность focus/blur\n        timer = setTimeout(() => (\n          inputProps.autoFocus ? inputRef.current?.focus() : inputRef.current?.blur()\n        ), 0);\n      }\n    }\n    return () => {\n      timer !== null && clearTimeout(timer);\n    };\n  }, [inputProps.autoFocus]);\n\n  const withReadOnlyIcon = readOnly && !hideReadOnlyIcon && !disabled;\n  const withLabel = Boolean(label && !singleLine && size !== 's' && size !== 'xs');\n  const withAdornment = Boolean(icon || withReadOnlyIcon || secondaryLabel || adornment);\n  const withAdornmentLeft = Boolean(adornmentLeft || iconLeft);\n  const withHighlight = Boolean(highlight && hasFocus && value);\n\n  const showDisplayValue = Boolean(!hasFocus && displayValue);\n  const displayValueIsString = typeof displayValue === 'string';\n  const showOverlay = showDisplayValue && !displayValueIsString;\n\n  const inputValue = showDisplayValue && displayValueIsString ? displayValue : value;\n\n  const rootClassName = classnames(className, {\n    fullWidth,\n    alignRight,\n    disabled,\n  });\n\n  return (\n    <Root className={rootClassName}>\n      <FieldHint\n        variant={hintTooltip ? 'tooltip' : 'static'}\n        size={size}\n        message={message}\n        disabled={disabled}\n        readOnly={readOnly}\n        error={error}\n        errorIcon={errorIcon}\n        hideEmpty={hideEmptyHint}\n        symbolCountText={symbolCountText}\n        tooltipPlacement={hintTooltipPlacement}\n        tooltipVariant={hintTooltipVariant}\n        tooltipMaxWidth={hintTooltipMaxWidth}\n        PopperProps={hintTooltipPopperProps}\n      >\n        <div\n          className={classnames(\n            inputRoot({\n              variant,\n              size,\n              withLabel,\n              hasFocus,\n              alignRight,\n              state: disabled\n                ? 'disabled'\n                : error\n                  ? 'error'\n                  : 'default',\n            }),\n            'ui-input__root',\n          )}\n        >\n          {withAdornmentLeft && (\n            <div className={classnames(inputAdornmentLeft, 'ui-input__adornment-left')}>\n              {iconLeft && (\n                <div className={classnames(inputIconWrapper.default, 'ui-input__icon-left')}>{iconLeft}</div>\n              )}\n              {adornmentLeft}\n            </div>\n          )}\n          <div className={classnames(inputContainer, 'ui-input__container')}>\n            <InputComponent\n              type=\"text\"\n              {...inputProps}\n              className={classnames(\n                inputElement,\n                showOverlay && inputElementTextHidden,\n                'ui-input__field',\n              )}\n              placeholder={!withLabel || hasFocus ? placeholder : undefined}\n              value={inputValue}\n              ref={setRefs}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n            />\n            {showOverlay && (\n              <div className={classnames(inputElement, inputOverlayValue, 'ui-input__display-value')}>\n                {displayValue}\n              </div>\n            )}\n            {withHighlight && (\n              <span className={classnames(inputHighlight, 'ui-input__highlight')}>\n                {value}\n              </span>\n            )}\n            {withLabel && (\n              <label\n                htmlFor={inputProps.id}\n                className={classnames(\n                  inputLabel({\n                    size: size === 'l' ? 'l' : 'm',\n                    hasValue: Boolean(value) || hasFocus || showDisplayValue,\n                    state: disabled\n                      ? 'disabled'\n                      : error\n                        ? 'error'\n                        : hasFocus\n                          ? 'active'\n                          : 'default',\n                  }),\n                  'ui-input__label',\n                )}\n              >\n                {label}\n              </label>\n            )}\n          </div>\n          {withAdornment && (\n            <div className={classnames(inputAdornment, 'ui-input__adornment')}>\n              {secondaryLabel && typeof secondaryLabel === 'string' ? (\n                <SecondaryLabel\n                  variant={getSecondaryLabelVariant(size)}\n                  weight=\"normal\"\n                  className=\"ui-input__secondary-label\"\n                  color=\"custom\"\n                >\n                  {secondaryLabel}\n                </SecondaryLabel>\n              ) : secondaryLabel}\n              {icon && (\n                <div className={classnames(inputIconWrapper.default, 'ui-input__icon')}>{icon}</div>\n              )}\n              {adornment}\n              {withReadOnlyIcon && (\n                <div className={classnames(inputIconWrapper.secondary, 'ui-input__icon-secondary')}>\n                  <LockSmallFilled className=\"ui-input__lock\" />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </FieldHint>\n    </Root>\n  );\n});\n\nexport default memo(Input);\n"],"names":["classNames","inputRoot","getSecondaryLabelVariant","size","Input","forwardRef","value","displayValue","message","label","secondaryLabel","error","errorIcon","variant","fullWidth","hideEmptyHint","alignRight","hintTooltip","hintTooltipPlacement","hintTooltipVariant","hintTooltipMaxWidth","adornment","singleLine","hideReadOnlyIcon","icon","className","highlight","InputComponent","adornmentLeft","iconLeft","hintTooltipPopperProps","symbolCounterVisible","inputProps","ref","readOnly","placeholder","disabled","maxLength","onFocus","onBlur","hasFocus","setHasFocus","useState","inputRef","useRef","setRefs","el","symbolCountText","undefined","handleFocus","useCallback","e","handleBlur","useEffect","timer","setTimeout","_inputRef_current","_inputRef_current1","clearTimeout","withReadOnlyIcon","withLabel","Boolean","withAdornment","withAdornmentLeft","withHighlight","showDisplayValue","displayValueIsString","showOverlay","inputValue","rootClassName","classnames","Root","FieldHint","inputAdornmentLeft","inputIconWrapper","inputContainer","inputElement","inputElementTextHidden","inputOverlayValue","inputHighlight","inputLabel","inputAdornment","SecondaryLabel","LockSmallFilled","memo"],"mappings":"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"}

package/dist/Input/Input.styles.js

@@ -1,16 +1,17 @@
-import { styled } from '@linaria/react';
-import Typography from '../Typography/index.js';
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+import Typography from "../Typography/index.js";
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_reickui",
   propsAsIs: false
 });
 const _exp = () => (Typography);
-export const SecondaryLabel = /*#__PURE__*/styled(_exp())({
+const SecondaryLabel = /*#__PURE__*/styled(_exp())({
   name: "SecondaryLabel",
   class: "ui_components_styhcpx",
   propsAsIs: true
 });
+export { Root, SecondaryLabel };
 //# sourceMappingURL=Input.styles.js.map
 
 import "./Input.styles.css";

package/dist/Input/Input.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["../../src/Input/Input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAEhD,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAW7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;WACrC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO;;IAE1D,IAAI;aACK,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ;;CAE7D,CAAC"}
+{"version":3,"file":"Input/Input.styles.js","sources":["../../src/Input/Input.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport Typography from '../Typography/index.js';\n\nexport const Root = styled.div`\n  display: inline-block;\n  position: relative;\n\n  &.fullWidth {\n    width: 100%;\n  }\n\n  &.alignRight {\n    text-align: right;\n  }\n`;\n\nexport const SecondaryLabel = styled(Typography)`\n  color: ${tokens.colors.input.caption.default.default.default};\n\n  ${Root}.disabled & {\n    color: ${tokens.colors.input.text.default.default.disabled};\n  }\n`;\n"],"names":["Root","styled","SecondaryLabel","Typography","tokens"],"mappings":";;;AAIO,MAAMA,OAAOC,OAAO,GAAG,CAAC;;;;;;;;;;;AAW/B,CAAC;AAEM,MAAMC,iBAAiBD,OAAOE,WAAW,CAAC;SACxC,EAAEC,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAA3BA,UAAAA,CAAAA,UAAAA,CAAAA,UAAmD,CAAC;;EAE7D,EAAEJ,KAAK;WACE,EAAEI,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,CAAxBA,UAAAA,CAAAA,UAAAA,CAAAA,QAAiD,CAAC;;AAE/D,CAAC"}

package/dist/Input/index.js

@@ -1,2 +1 @@
-export { default, classNames as InputClassNames, } from './Input.js';
-//# sourceMappingURL=index.js.map
+export { classNames as InputClassNames, default } from "./Input.js";

package/dist/Link/Link.js

@@ -1,20 +1,41 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { link } from '@finam/web-ui-kit-core/styles/link';
-import { typography } from '@finam/web-ui-kit-core/styles/typography';
-import classnames from 'clsx';
-export const classNames = link.classNames.variants;
-const Link = forwardRef((_a, ref) => {
-    var { children, variant, color, hasUnderline } = _a, props = __rest(_a, ["children", "variant", "color", "hasUnderline"]);
-    const combinedClassName = classnames(link({
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { link as link_link } from "@finam/web-ui-kit-core/styles/link";
+import { typography } from "@finam/web-ui-kit-core/styles/typography";
+import clsx from "clsx";
+const classNames = link_link.classNames.variants;
+const Link = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { children, variant, color, hasUnderline } = _ref1, props = _object_without_properties__(_ref1, [
+        "children",
+        "variant",
+        "color",
+        "hasUnderline"
+    ]), [ref] = _rest;
+    const combinedClassName = clsx(link_link({
         color,
-        hasUnderline,
+        hasUnderline
     }));
-    return (_jsx("a", Object.assign({ className: combinedClassName, ref: ref }, props, { children: _jsx("span", { className: typography({
+    return /*#__PURE__*/ jsx("a", _object_spread_props__(_({
+        className: combinedClassName,
+        ref: ref
+    }, props), {
+        children: /*#__PURE__*/ jsx("span", {
+            className: typography({
                 variant,
-                color: 'inherit',
-            }), children: children }) })));
+                color: 'inherit'
+            }),
+            children: children
+        })
+    }));
 });
-export default Link;
+const Link_Link = Link;
+export default Link_Link;
+export { classNames };
+
 //# sourceMappingURL=Link.js.map

package/dist/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAwB,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACtE,OAAO,UAAU,MAAM,MAAM,CAAC;AAY9B,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;AAEnD,MAAM,IAAI,GAAG,UAAU,CAA2B,CAAC,EAMlD,EAAE,GAAG,EAAE,EAAE;QANyC,EACjD,QAAQ,EACR,OAAO,EACP,KAAK,EACL,YAAY,OAEb,EADI,KAAK,cALyC,gDAMlD,CADS;IAER,MAAM,iBAAiB,GAAG,UAAU,CAClC,IAAI,CAAC;QACH,KAAK;QACL,YAAY;KACb,CAAC,CACH,CAAC;IAEF,OAAO,CACL,0BACE,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,IACJ,KAAK,cAET,eACE,SAAS,EAAE,UAAU,CAAC;gBACpB,OAAO;gBACP,KAAK,EAAE,SAAS;aACjB,CAAC,YAED,QAAQ,GACJ,IACL,CACL,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Link/Link.js","sources":["../../src/Link/Link.tsx"],"sourcesContent":["import { AnchorHTMLAttributes, forwardRef } from 'react';\nimport { link } from '@finam/web-ui-kit-core/styles/link';\nimport { typography } from '@finam/web-ui-kit-core/styles/typography';\nimport classnames from 'clsx';\nimport type { Color, Variant } from './types.js';\n\nexport interface Props extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Вариант отображения ссылки */\n  variant?: Variant;\n  /** Цвет ссылки */\n  color?: Color;\n  /** Отображение подчеркивания */\n  hasUnderline?: boolean;\n}\n\nexport const classNames = link.classNames.variants;\n\nconst Link = forwardRef<HTMLAnchorElement, Props>(({\n  children,\n  variant,\n  color,\n  hasUnderline,\n  ...props\n}, ref) => {\n  const combinedClassName = classnames(\n    link({\n      color,\n      hasUnderline,\n    }),\n  );\n\n  return (\n    <a\n      className={combinedClassName}\n      ref={ref}\n      {...props}\n    >\n      <span\n        className={typography({\n          variant,\n          color: 'inherit',\n        })}\n      >\n        {children}\n      </span>\n    </a>\n  );\n});\n\nexport default Link;\n"],"names":["classNames","link","Link","forwardRef","children","variant","color","hasUnderline","props","ref","combinedClassName","classnames","typography"],"mappings":";;;;;;;;AAeO,MAAMA,aAAaC,UAAAA,UAAAA,CAAAA,QAAwB;AAElD,MAAMC,OAAO,WAAHA,GAAGC,WAAqC,CAAC,IAAD;;;;iCAAC,EACjDC,QAAQ,EACRC,OAAO,EACPC,KAAK,EACLC,YAAY,EAEb,UADIC,QAAAA,6BAAAA,OAAAA;;;;;SACFC,IAAAA,GAAAA;IACD,MAAMC,oBAAoBC,KACxBV,UAAK;QACHK;QACAC;IACF;IAGF,OAAO,WAAP,GACE,IAAC;QACC,WAAWG;QACX,KAAKD;OACDD,QAAAA;kBAEJ,kBAAC;YACC,WAAWI,WAAW;gBACpBP;gBACA,OAAO;YACT;sBAECD;;;AAIT;AAEA,kBAAeF"}

package/dist/Link/index.js

@@ -1,2 +1 @@
-export { default, } from './Link.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./Link.js";

package/dist/Link/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/Loader/Loader.js

@@ -1,11 +1,47 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import SvgIcon from '@finam/web-ui-kit-icons/SvgIcon';
-import { Wave, Dot } from './Loader.styles.js';
-const LoaderIcon = (_a) => {
-    var { width = 48, height = 48, className, color = 'neutral' } = _a, props = __rest(_a, ["width", "height", "className", "color"]);
-    return (_jsxs(SvgIcon, Object.assign({ version: "1.1", xmlnsXlink: "http://www.w3.org/1999/xlink", xmlSpace: "preserve", x: "0px", y: "0px", width: width, height: height, viewBox: "24 24 48 48", className: className }, props, { children: [_jsx(Wave, { className: color, cx: "48", cy: "48", r: 4, fill: "none" }), _jsx(Dot, { className: color, cx: "48", cy: "48", r: 4, fill: "none" })] })));
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import SvgIcon from "@finam/web-ui-kit-icons/SvgIcon";
+import { Dot, Wave } from "./Loader.styles.js";
+const LoaderIcon = (_0)=>{
+    let { width = 48, height = 48, className, color = 'neutral' } = _0, props = _object_without_properties__(_0, [
+        "width",
+        "height",
+        "className",
+        "color"
+    ]);
+    return /*#__PURE__*/ jsxs(SvgIcon, _object_spread_props__(_({
+        version: "1.1",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        xmlSpace: "preserve",
+        x: "0px",
+        y: "0px",
+        width: width,
+        height: height,
+        viewBox: "24 24 48 48",
+        className: className
+    }, props), {
+        children: [
+            /*#__PURE__*/ jsx(Wave, {
+                className: color,
+                cx: "48",
+                cy: "48",
+                r: 4,
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx(Dot, {
+                className: color,
+                cx: "48",
+                cy: "48",
+                r: 4,
+                fill: "none"
+            })
+        ]
+    }));
 };
-export default memo(LoaderIcon);
+const Loader = /*#__PURE__*/ memo(LoaderIcon);
+export default Loader;
+
 //# sourceMappingURL=Loader.js.map

package/dist/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/Loader/Loader.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,OAA8B,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAS/C,MAAM,UAAU,GAAG,CAAC,EAA0E,EAAE,EAAE;QAA9E,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,KAAK,GAAG,SAAS,OAAmB,EAAd,KAAK,cAAjE,yCAAmE,CAAF;IAAc,OAAA,CACjG,MAAC,OAAO,kBACN,OAAO,EAAC,KAAK,EACb,UAAU,EAAC,8BAA8B,EACzC,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,aAAa,EACrB,SAAS,EAAE,SAAS,IAChB,KAAK,eAET,KAAC,IAAI,IAAC,SAAS,EAAE,KAAK,EAAE,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,GAAG,EAC5D,KAAC,GAAG,IAAC,SAAS,EAAE,KAAK,EAAE,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,GAAG,KACnD,CACX,CAAA;CAAA,CAAC;AAEF,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"Loader/Loader.js","sources":["../../src/Loader/Loader.tsx"],"sourcesContent":["import { memo } from 'react';\nimport SvgIcon, { Props as SvgProps } from '@finam/web-ui-kit-icons/SvgIcon';\nimport { Wave, Dot } from './Loader.styles.js';\n\nexport type Color = 'neutral' | 'accent';\n\nexport interface Props extends Omit<SvgProps, 'color'> {\n  /** Вариант основного цвета компонента */\n  color?: Color;\n}\n\nconst LoaderIcon = ({ width = 48, height = 48, className, color = 'neutral', ...props }: Props) => (\n  <SvgIcon\n    version=\"1.1\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    xmlSpace=\"preserve\"\n    x=\"0px\"\n    y=\"0px\"\n    width={width}\n    height={height}\n    viewBox=\"24 24 48 48\"\n    className={className}\n    {...props}\n  >\n    <Wave className={color} cx=\"48\" cy=\"48\" r={4} fill=\"none\" />\n    <Dot className={color} cx=\"48\" cy=\"48\" r={4} fill=\"none\" />\n  </SvgIcon>\n);\n\nexport default memo(LoaderIcon);\n"],"names":["LoaderIcon","width","height","className","color","props","SvgIcon","Wave","Dot","memo"],"mappings":";;;;;;;AAWA,MAAMA,aAAa,CAAC;QAAA,EAAEC,QAAQ,EAAE,EAAEC,SAAS,EAAE,EAAEC,SAAS,EAAEC,QAAQ,SAAS,EAAmB,OAAdC,QAAAA,6BAAAA,IAAAA;;;;;;yBAC9E,KAACC,SAAOA,uBAAAA,EAAAA;QACN,SAAQ;QACR,YAAW;QACX,UAAS;QACT,GAAE;QACF,GAAE;QACF,OAAOL;QACP,QAAQC;QACR,SAAQ;QACR,WAAWC;OACPE,QAAAA;;0BAEJ,IAACE,MAAIA;gBAAC,WAAWH;gBAAO,IAAG;gBAAK,IAAG;gBAAK,GAAG;gBAAG,MAAK;;0BACnD,IAACI,KAAGA;gBAAC,WAAWJ;gBAAO,IAAG;gBAAK,IAAG;gBAAK,GAAG;gBAAG,MAAK;;;;;AAItD,6BAAeK,KAAKT"}

package/dist/Loader/Loader.styles.js

@@ -1,14 +1,15 @@
-import { styled } from '@linaria/react';
-export const Wave = /*#__PURE__*/styled('circle')({
+import { styled } from "@linaria/react";
+const Wave = /*#__PURE__*/styled('circle')({
   name: "Wave",
   class: "ui_components_w1mfzr92",
   propsAsIs: true
 });
-export const Dot = /*#__PURE__*/styled('circle')({
+const Dot = /*#__PURE__*/styled('circle')({
   name: "Dot",
   class: "ui_components_d1khe82v",
   propsAsIs: true
 });
+export { Dot, Wave };
 //# sourceMappingURL=Loader.styles.js.map
 
 import "./Loader.styles.css";

package/dist/Loader/Loader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.styles.js","sourceRoot":"","sources":["../../src/Loader/Loader.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B,MAAM,WAAW,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,cAAc,CAAC;AACjD,MAAM,UAAU,GAAG,WAAW,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,cAAc,CAAC;AAE9D,MAAM,aAAa,GAAG;;;;MAIhB,WAAW;;;;MAIX,UAAU;;;;GAIb,CAAC;AAEJ,MAAM,YAAY,GAAG;;;;MAIf,WAAW;;;MAGX,UAAU;;;;;;GAMb,CAAC;AAEJ,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAA;;UAEvB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;oBACpB,cAAc;;;YAGtB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;;;;MAIrC,aAAa;;CAElB,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAA;;UAEtB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO;mBAC/B,cAAc;;;YAGrB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO;;;;MAIhD,YAAY;;CAEjB,CAAC"}
+{"version":3,"file":"Loader/Loader.styles.js","sources":["../../src/Loader/Loader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nconst TOTAL_DURATION = 850;\nconst SECOND_STEP = (450 * 100) / TOTAL_DURATION;\nconst THIRD_STEP = SECOND_STEP + (150 * 100) / TOTAL_DURATION;\n\nconst waveAnimation = `\n    0% {\n      transform: scale(1);\n    }\n    ${SECOND_STEP}% {\n      opacity: 1;\n      transform: scale(6);\n    }\n    ${THIRD_STEP}%, 100% {\n      opacity: 0;\n      transform: scale(6);\n    }\n  `;\n\nconst dotAnimation = `\n    0% {\n      transform: scale(1);\n    }\n    ${SECOND_STEP}% {\n      transform: scale(1.5);\n    }\n    ${THIRD_STEP}% {\n      transform: scale(2);\n    }\n    100% {\n      transform: scale(1);\n    }\n  `;\n\nexport const Wave = styled.circle`\n  transform-origin: 100% 100%;\n  fill: ${tokens.colors.opacity.base[24]};\n  animation: wave ${TOTAL_DURATION}ms ease-out infinite;\n\n  &.accent {\n    fill: ${tokens.colors.opacity.brand[24]};\n  }\n\n  @keyframes wave {\n    ${waveAnimation}\n  }\n`;\n\nexport const Dot = styled.circle`\n  transform-origin: 100% 100%;\n  fill: ${tokens.colors.icon.base.tertiary.default};\n  animation: dot ${TOTAL_DURATION}ms ease-out infinite;\n\n  &.accent {\n    fill: ${tokens.colors.icon.brand.secondary.default};\n  }\n\n  @keyframes dot {\n    ${dotAnimation}\n  }\n`;\n"],"names":["TOTAL_DURATION","SECOND_STEP","THIRD_STEP","waveAnimation","dotAnimation","Wave","styled","tokens","Dot"],"mappings":";;AAGA,MAAMA,iBAAiB;AACvB,MAAMC,cAAe,QAAaD;AAClC,MAAME,aAAaD,cAAe,QAAaD;AAE/C,MAAMG,gBAAgB,CAAC;;;;IAInB,EAAEF,YAAY;;;;IAId,EAAEC,WAAW;;;;EAIf,CAAC;AAEH,MAAME,eAAe,CAAC;;;;IAIlB,EAAEH,YAAY;;;IAGd,EAAEC,WAAW;;;;;;EAMf,CAAC;AAEI,MAAMG,OAAOC,OAAO,MAAM,CAAC;;QAE1B,EAAEC,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAG,CAAC;kBACvB,EAAEP,eAAe;;;UAGzB,EAAEO,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAG,CAAC;;;;IAIxC,EAAEJ,cAAc;;AAEpB,CAAC;AAEM,MAAMK,MAAMF,OAAO,MAAM,CAAC;;QAEzB,EAAEC,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAhCA,UAAwC,CAAC;iBAClC,EAAEP,eAAe;;;UAGxB,EAAEO,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAlCA,UAA0C,CAAC;;;;IAInD,EAAEH,aAAa;;AAEnB,CAAC"}

package/dist/Loader/index.js

@@ -1,3 +1,5 @@
-import Loader from './Loader.js';
-export default Loader;
+import Loader from "./Loader.js";
+const src_Loader = Loader;
+export default src_Loader;
+
 //# sourceMappingURL=index.js.map

package/dist/Loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAwB,MAAM,aAAa,CAAC;AAGnD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Loader/index.js","sources":["../../src/Loader/index.ts"],"sourcesContent":["import Loader, { Props, Color } from './Loader.js';\n\nexport type { Props as LoaderProps, Color as LoaderColor };\nexport default Loader;\n"],"names":["Loader"],"mappings":";AAGA,mBAAeA"}

package/dist/LoaderBackdrop/LoaderBackdrop.js

@@ -1,12 +1,25 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import clsx from 'clsx';
-import Loader from '../Loader/Loader.js';
-import { Backdrop } from './LoaderBackdrop.styles.js';
-const LoaderBackdrop = (_a) => {
-    var { fullScreen = true, backdropClassName, onClick } = _a, loaderProps = __rest(_a, ["fullScreen", "backdropClassName", "onClick"]);
-    return (_jsx(Backdrop, { className: clsx({ fullScreen }, backdropClassName), onClick: onClick, children: _jsx(Loader, Object.assign({}, loaderProps)) }));
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import clsx from "clsx";
+import Loader from "../Loader/Loader.js";
+import { Backdrop } from "./LoaderBackdrop.styles.js";
+const LoaderBackdrop = (_0)=>{
+    let { fullScreen = true, backdropClassName, onClick } = _0, loaderProps = _object_without_properties__(_0, [
+        "fullScreen",
+        "backdropClassName",
+        "onClick"
+    ]);
+    return /*#__PURE__*/ jsx(Backdrop, {
+        className: clsx({
+            fullScreen
+        }, backdropClassName),
+        onClick: onClick,
+        children: /*#__PURE__*/ jsx(Loader, _({}, loaderProps))
+    });
 };
-export default memo(LoaderBackdrop);
+const LoaderBackdrop_LoaderBackdrop = /*#__PURE__*/ memo(LoaderBackdrop);
+export default LoaderBackdrop_LoaderBackdrop;
+
 //# sourceMappingURL=LoaderBackdrop.js.map

package/dist/LoaderBackdrop/LoaderBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderBackdrop.js","sourceRoot":"","sources":["../../src/LoaderBackdrop/LoaderBackdrop.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAWtD,MAAM,cAAc,GAAG,CAAC,EAAwE,EAAE,EAAE;QAA5E,EAAE,UAAU,GAAG,IAAI,EAAE,iBAAiB,EAAE,OAAO,OAAyB,EAApB,WAAW,cAA/D,8CAAiE,CAAF;IACrF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,IAAI,CAAC,EAAE,UAAU,EAAE,EAAE,iBAAiB,CAAC,EAClD,OAAO,EAAE,OAAO,YAEhB,KAAC,MAAM,oBAAK,WAAW,EAAI,GAClB,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"LoaderBackdrop/LoaderBackdrop.js","sources":["../../src/LoaderBackdrop/LoaderBackdrop.tsx"],"sourcesContent":["import { memo } from 'react';\nimport clsx from 'clsx';\nimport type { Props as LoaderProps } from '../Loader/Loader.js';\nimport Loader from '../Loader/Loader.js';\nimport { Backdrop } from './LoaderBackdrop.styles.js';\n\nexport interface Props extends LoaderProps {\n  /** Дополнительный CSS-класс для элемента Backdrop */\n  backdropClassName?: string;\n  /** Растяжение фона лоадера на весь экран */\n  fullScreen?: boolean;\n  /** Обработчик клика по бэкдропу */\n  onClick?: VoidFunction;\n}\n\nconst LoaderBackdrop = ({ fullScreen = true, backdropClassName, onClick, ...loaderProps }: Props) => {\n  return (\n    <Backdrop\n      className={clsx({ fullScreen }, backdropClassName)}\n      onClick={onClick}\n    >\n      <Loader {...loaderProps} />\n    </Backdrop>\n  );\n};\n\nexport default memo(LoaderBackdrop);\n"],"names":["LoaderBackdrop","fullScreen","backdropClassName","onClick","loaderProps","Backdrop","clsx","Loader","memo"],"mappings":";;;;;;;AAeA,MAAMA,iBAAiB,CAAC;QAAA,EAAEC,aAAa,IAAI,EAAEC,iBAAiB,EAAEC,OAAO,EAAyB,OAApBC,cAAAA,6BAAAA,IAAAA;;;;;IAC1E,OAAO,WAAP,GACE,IAACC,UAAQA;QACP,WAAWC,KAAK;YAAEL;QAAW,GAAGC;QAChC,SAASC;kBAET,kBAACI,QAAMA,EAAAA,CAAAA,GAAKH;;AAGlB;AAEA,oDAAeI,KAAKR"}

package/dist/LoaderBackdrop/LoaderBackdrop.styles.js

@@ -1,9 +1,10 @@
-import { styled } from '@linaria/react';
-export const Backdrop = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const Backdrop = /*#__PURE__*/styled('div')({
   name: "Backdrop",
   class: "ui_components_b4weukk",
   propsAsIs: false
 });
+export { Backdrop };
 //# sourceMappingURL=LoaderBackdrop.styles.js.map
 
 import "./LoaderBackdrop.styles.css";

package/dist/LoaderBackdrop/LoaderBackdrop.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderBackdrop.styles.js","sourceRoot":"","sources":["../../src/LoaderBackdrop/LoaderBackdrop.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;gBAMlB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO;;;;;;oBAMpC,MAAM,CAAC,MAAM,CAAC,KAAK;;CAEtC,CAAC"}
+{"version":3,"file":"LoaderBackdrop/LoaderBackdrop.styles.js","sources":["../../src/LoaderBackdrop/LoaderBackdrop.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nexport const Backdrop = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background: ${tokens.colors.bg.overlay.default.default};\n\n  &.fullScreen {\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: calc(${tokens.zIndex.modal} + 1);\n  }\n`;\n"],"names":["Backdrop","styled","tokens"],"mappings":";;AAGO,MAAMA,WAAWC,OAAO,GAAG,CAAC;;;;;;cAMrB,EAAEC,OAAO,MAAM,CAAC,EAAE,CAAC,OAAO,CAAxBA,UAAAA,CAAAA,UAAwC,CAAC;;;;;;kBAMvC,EAAEA,OAAO,MAAM,CAAC,KAAK,CAAC;;AAExC,CAAC"}

package/dist/LoaderBackdrop/index.js

@@ -1,3 +1,5 @@
-import LoaderBackdrop from './LoaderBackdrop.js';
-export default LoaderBackdrop;
+import LoaderBackdrop from "./LoaderBackdrop.js";
+const src_LoaderBackdrop = LoaderBackdrop;
+export default src_LoaderBackdrop;
+
 //# sourceMappingURL=index.js.map

package/dist/LoaderBackdrop/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LoaderBackdrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAyB,MAAM,qBAAqB,CAAC;AAG5D,eAAe,cAAc,CAAC"}
+{"version":3,"file":"LoaderBackdrop/index.js","sources":["../../src/LoaderBackdrop/index.ts"],"sourcesContent":["import LoaderBackdrop, { Props } from './LoaderBackdrop.js';\n\nexport type { Props as LoaderBackdropProps };\nexport default LoaderBackdrop;\n"],"names":["LoaderBackdrop"],"mappings":";AAGA,2BAAeA"}

package/dist/LoaderDots/LoaderDots.js

@@ -1,31 +1,70 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { memo } from 'react';
-import SvgIcon from '@finam/web-ui-kit-icons/SvgIcon';
-import { Dot } from './LoaderDots.styles.js';
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { createElement, memo } from "react";
+import SvgIcon from "@finam/web-ui-kit-icons/SvgIcon";
+import { Dot } from "./LoaderDots.styles.js";
 const sizeMap = {
     xs: 16,
     s: 20,
     m: 24,
-    l: 32,
+    l: 32
 };
-const dots = [0, 1, 2]
-    .map(i => ({
-    cx: (i - 1) * 11,
-    cy: 0,
-    r: 2.5,
-    begin: `${i * 150}ms`,
-}));
-const LoaderDots = (_a) => {
-    var { className, size: sizeProp = 'm', width, height } = _a, props = __rest(_a, ["className", "size", "width", "height"]);
+const dots = [
+    0,
+    1,
+    2
+].map((i)=>({
+        cx: (i - 1) * 11,
+        cy: 0,
+        r: 2.5,
+        begin: `${150 * i}ms`
+    }));
+const LoaderDots = (_0)=>{
+    let { className, size: sizeProp = 'm', width, height } = _0, props = _object_without_properties__(_0, [
+        "className",
+        "size",
+        "width",
+        "height"
+    ]);
     const size = sizeMap[sizeProp];
-    return (_jsx(SvgIcon, Object.assign({}, props, { version: "1.1", xmlnsXlink: "http://www.w3.org/1999/xlink", xmlSpace: "preserve", width: width !== null && width !== void 0 ? width : size, height: height !== null && height !== void 0 ? height : size, viewBox: "-16 -16 32 32", className: className, children: dots.map((_a) => {
-            var { begin } = _a, otherProps = __rest(_a, ["begin"]);
-            return (_createElement(Dot, Object.assign({}, otherProps, { key: otherProps.cx, fill: "none" }),
-                _jsx("animate", { attributeName: "r", values: "2.5;3.5;2.5", begin: begin, dur: "750ms", repeatCount: "indefinite" }),
-                _jsx("animate", { attributeName: "opacity", values: "0.7;1;0.7", begin: begin, dur: "750ms", repeatCount: "indefinite" })));
-        }) })));
+    return /*#__PURE__*/ jsx(SvgIcon, _object_spread_props__(_({}, props), {
+        version: "1.1",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        xmlSpace: "preserve",
+        width: null != width ? width : size,
+        height: null != height ? height : size,
+        viewBox: "-16 -16 32 32",
+        className: className,
+        children: dots.map((_0)=>{
+            let { begin } = _0, otherProps = _object_without_properties__(_0, [
+                "begin"
+            ]);
+            return /*#__PURE__*/ createElement(Dot, _object_spread_props__(_({}, otherProps), {
+                key: otherProps.cx,
+                fill: "none",
+                children: [
+                    /*#__PURE__*/ jsx("animate", {
+                        attributeName: "r",
+                        values: "2.5;3.5;2.5",
+                        begin: begin,
+                        dur: "750ms",
+                        repeatCount: "indefinite"
+                    }),
+                    /*#__PURE__*/ jsx("animate", {
+                        attributeName: "opacity",
+                        values: "0.7;1;0.7",
+                        begin: begin,
+                        dur: "750ms",
+                        repeatCount: "indefinite"
+                    })
+                ]
+            }));
+        })
+    }));
 };
-export default memo(LoaderDots);
+const LoaderDots_LoaderDots = /*#__PURE__*/ memo(LoaderDots);
+export default LoaderDots_LoaderDots;
+
 //# sourceMappingURL=LoaderDots.js.map

package/dist/LoaderDots/LoaderDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderDots.js","sourceRoot":"","sources":["../../src/LoaderDots/LoaderDots.tsx"],"names":[],"mappings":";;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,OAA8B,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAO7C,MAAM,OAAO,GAAG;IACd,EAAE,EAAE,EAAE;IACN,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;CACN,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;KACnB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACT,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE;IAChB,EAAE,EAAE,CAAC;IACL,CAAC,EAAE,GAAG;IACN,KAAK,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI;CACtB,CAAC,CAAC,CAAC;AAEN,MAAM,UAAU,GAAG,CAAC,EAMZ,EAAE,EAAE;QANQ,EAClB,SAAS,EACT,IAAI,EAAE,QAAQ,GAAG,GAAG,EACpB,KAAK,EACL,MAAM,OAEA,EADH,KAAK,cALU,wCAMnB,CADS;IAER,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE/B,OAAO,CACL,KAAC,OAAO,oBACF,KAAK,IACT,OAAO,EAAC,KAAK,EACb,UAAU,EAAC,8BAA8B,EACzC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,EACpB,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,EACtB,OAAO,EAAC,eAAe,EACvB,SAAS,EAAE,SAAS,YAGlB,IAAI,CAAC,GAAG,CAAC,CAAC,EAAwB,EAAE,EAAE;gBAA5B,EAAE,KAAK,OAAiB,EAAZ,UAAU,cAAtB,SAAwB,CAAF;YAAO,OAAA,CACrC,eAAC,GAAG,oBACE,UAAU,IACd,GAAG,EAAE,UAAU,CAAC,EAAE,EAClB,IAAI,EAAC,MAAM;gBAEX,kBACE,aAAa,EAAC,GAAG,EACjB,MAAM,EAAC,aAAa,EACpB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAC,OAAO,EACX,WAAW,EAAC,YAAY,GACxB;gBACF,kBACE,aAAa,EAAC,SAAS,EACvB,MAAM,EAAC,WAAW,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAC,OAAO,EACX,WAAW,EAAC,YAAY,GACxB,CACE,CACP,CAAA;SAAA,CAAC,IAEI,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"LoaderDots/LoaderDots.js","sources":["../../src/LoaderDots/LoaderDots.tsx"],"sourcesContent":["import { memo } from 'react';\nimport SvgIcon, { Props as SvgProps } from '@finam/web-ui-kit-icons/SvgIcon';\nimport { Dot } from './LoaderDots.styles.js';\n\nexport interface Props extends Omit<SvgProps, 'color' | 'size'> {\n  /** Размер лоадера*/\n  size?: 'xs' | 's' | 'm' | 'l';\n}\n\nconst sizeMap = {\n  xs: 16,\n  s: 20,\n  m: 24,\n  l: 32,\n};\n\nconst dots = [0, 1, 2]\n  .map(i => ({\n    cx: (i - 1) * 11,\n    cy: 0,\n    r: 2.5,\n    begin: `${i * 150}ms`,\n  }));\n\nconst LoaderDots = ({\n  className,\n  size: sizeProp = 'm',\n  width,\n  height,\n  ...props\n}: Props) => {\n  const size = sizeMap[sizeProp];\n\n  return (\n    <SvgIcon\n      {...props}\n      version=\"1.1\"\n      xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n      xmlSpace=\"preserve\"\n      width={width ?? size}\n      height={height ?? size}\n      viewBox=\"-16 -16 32 32\"\n      className={className}\n    >\n      {\n        dots.map(({ begin, ...otherProps }) => (\n          <Dot\n            {...otherProps}\n            key={otherProps.cx}\n            fill=\"none\"\n          >\n            <animate\n              attributeName=\"r\"\n              values=\"2.5;3.5;2.5\"\n              begin={begin}\n              dur=\"750ms\"\n              repeatCount=\"indefinite\"\n            />\n            <animate\n              attributeName=\"opacity\"\n              values=\"0.7;1;0.7\"\n              begin={begin}\n              dur=\"750ms\"\n              repeatCount=\"indefinite\"\n            />\n          </Dot>\n        ))\n      }\n    </SvgIcon>\n  );\n};\n\nexport default memo(LoaderDots);\n"],"names":["sizeMap","dots","i","LoaderDots","className","sizeProp","width","height","props","size","SvgIcon","begin","otherProps","Dot","memo"],"mappings":";;;;;;;AASA,MAAMA,UAAU;IACd,IAAI;IACJ,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAEA,MAAMC,OAAO;IAAC;IAAG;IAAG;CAAE,CACnB,GAAG,CAACC,CAAAA,IAAM;QACT,IAAKA,AAAAA,CAAAA,IAAI,KAAK;QACd,IAAI;QACJ,GAAG;QACH,OAAO,GAAGA,AAAI,MAAJA,EAAQ,EAAE,CAAC;IACvB;AAEF,MAAMC,aAAa,CAAC;QAAA,EAClBC,SAAS,EACT,MAAMC,WAAW,GAAG,EACpBC,KAAK,EACLC,MAAM,EAEA,OADHC,QAAAA,6BAAAA,IAAAA;;;;;;IAEH,MAAMC,OAAOT,OAAO,CAACK,SAAS;IAE9B,OAAO,WAAP,GACE,IAACK,SAAOA,uBAAAA,EAAAA,CAAAA,GACFF,QAAAA;QACJ,SAAQ;QACR,YAAW;QACX,UAAS;QACT,OAAOF,QAAAA,QAAAA,QAASG;QAChB,QAAQF,QAAAA,SAAAA,SAAUE;QAClB,SAAQ;QACR,WAAWL;kBAGTH,KAAK,GAAG,CAAC,CAAC;gBAAA,EAAEU,KAAK,EAAiB,OAAZC,aAAAA,6BAAAA,IAAAA;;;iCACpB,cAACC,KAAGA,uBAAAA,EAAAA,CAAAA,GACED,aAAAA;gBACJ,KAAKA,WAAW,EAAE;gBAClB,MAAK;;kCAEL,IAAC;wBACC,eAAc;wBACd,QAAO;wBACP,OAAOD;wBACP,KAAI;wBACJ,aAAY;;kCAEd,IAAC;wBACC,eAAc;wBACd,QAAO;wBACP,OAAOA;wBACP,KAAI;wBACJ,aAAY;;;;;;AAO1B;AAEA,4CAAeG,KAAKX"}

package/dist/LoaderDots/LoaderDots.styles.js

@@ -1,9 +1,10 @@
-import { styled } from '@linaria/react';
-export const Dot = /*#__PURE__*/styled('circle')({
+import { styled } from "@linaria/react";
+const Dot = /*#__PURE__*/styled('circle')({
   name: "Dot",
   class: "ui_components_dwrb8a1",
   propsAsIs: true
 });
+export { Dot };
 //# sourceMappingURL=LoaderDots.styles.js.map
 
 import "./LoaderDots.styles.css";

package/dist/LoaderDots/LoaderDots.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderDots.styles.js","sourceRoot":"","sources":["../../src/LoaderDots/LoaderDots.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAA;;CAE/B,CAAC"}
+{"version":3,"file":"LoaderDots/LoaderDots.styles.js","sources":["../../src/LoaderDots/LoaderDots.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const Dot = styled.circle`\n  fill: currentcolor;\n`;\n"],"names":["Dot","styled"],"mappings":";AAEO,MAAMA,MAAMC,OAAO,MAAM,CAAC;;AAEjC,CAAC"}

package/dist/LoaderDots/index.js

@@ -1,3 +1,5 @@
-import LoaderDots from './LoaderDots.js';
-export default LoaderDots;
+import LoaderDots from "./LoaderDots.js";
+const src_LoaderDots = LoaderDots;
+export default src_LoaderDots;
+
 //# sourceMappingURL=index.js.map

package/dist/LoaderDots/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LoaderDots/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAqB,MAAM,iBAAiB,CAAC;AAGpD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"LoaderDots/index.js","sources":["../../src/LoaderDots/index.ts"],"sourcesContent":["import LoaderDots, { Props } from './LoaderDots.js';\n\nexport type { Props as LoaderProps };\nexport default LoaderDots;\n"],"names":["LoaderDots"],"mappings":";AAGA,uBAAeA"}