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

package/dist/InlineBanner/InlineBanner.js

@@ -1,58 +1,121 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, memo, useMemo } from 'react';
-import classNames from 'clsx';
-import ExclamationMarkCircle from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircle';
-import ExclamationMarkCircleFilled from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircleFilled';
-import ExclamationMarkTriangle from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangle';
-import ExclamationMarkTriangleFilled from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangleFilled';
-import CheckmarkCircle from '@finam/web-ui-kit-icons/Checkmark/CheckmarkCircle';
-import CheckmarkCircleFilled from '@finam/web-ui-kit-icons/Checkmark/CheckmarkCircleFilled';
-import InfoMarkCircle from '@finam/web-ui-kit-icons/InfoMark/InfoMarkCircle';
-import DismissGhostMid from '@finam/web-ui-kit-icons/Dismiss/DismissGhostMid';
-import Typography from '../Typography/Typography.js';
-import { classNameOrientation, classNameSize, classNameVariantPriority } from './utils.js';
-import { Root, iconClass, titleClass, messageClass, closeIconClass, TextContentWrap, Button } from './InlineBanner.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, jsxs } from "react/jsx-runtime";
+import { forwardRef, memo, useMemo } from "react";
+import clsx from "clsx";
+import ExclamationMarkCircle from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircle";
+import ExclamationMarkCircleFilled from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircleFilled";
+import ExclamationMarkTriangle from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangle";
+import ExclamationMarkTriangleFilled from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangleFilled";
+import CheckmarkCircle from "@finam/web-ui-kit-icons/Checkmark/CheckmarkCircle";
+import CheckmarkCircleFilled from "@finam/web-ui-kit-icons/Checkmark/CheckmarkCircleFilled";
+import InfoMarkCircle from "@finam/web-ui-kit-icons/InfoMark/InfoMarkCircle";
+import DismissGhostMid from "@finam/web-ui-kit-icons/Dismiss/DismissGhostMid";
+import Typography from "../Typography/Typography.js";
+import { classNameOrientation, classNameSize, classNameVariantPriority } from "./utils.js";
+import { Button, Root, TextContentWrap, closeIconClass, iconClass, messageClass, titleClass } from "./InlineBanner.styles.js";
 const iconVariant = {
     info: {
         mid: InfoMarkCircle,
-        high: InfoMarkCircle,
+        high: InfoMarkCircle
     },
     danger: {
         mid: ExclamationMarkTriangle,
-        high: ExclamationMarkTriangleFilled,
+        high: ExclamationMarkTriangleFilled
     },
     warning: {
         mid: ExclamationMarkCircle,
-        high: ExclamationMarkCircleFilled,
+        high: ExclamationMarkCircleFilled
     },
     success: {
         mid: CheckmarkCircle,
-        high: CheckmarkCircleFilled,
-    },
+        high: CheckmarkCircleFilled
+    }
 };
 const buttonColorMap = {
     info: 'default',
     danger: 'negative',
     warning: 'warning',
-    success: 'positive',
+    success: 'positive'
 };
 const buttonAlternativeTypeMap = {
     info: 'inverse',
     danger: 'ondark',
     warning: 'onlight',
-    success: 'ondark',
+    success: 'ondark'
 };
 const typographySizeVariantMap = {
     s: 'caption12',
-    m: 'body14',
+    m: 'body14'
 };
-const InlineBanner = forwardRef((_a, ref) => {
-    var { variant = 'info', priority = 'mid', orientation = 'vertical', icon, title, message, buttonText, hideTitle = false, hideIcon = false, hideCloseIcon = false, hideButton = false, fullWidth = false, onButtonClick, onClose, className, size = 's' } = _a, props = __rest(_a, ["variant", "priority", "orientation", "icon", "title", "message", "buttonText", "hideTitle", "hideIcon", "hideCloseIcon", "hideButton", "fullWidth", "onButtonClick", "onClose", "className", "size"]);
-    const Icon = useMemo(() => icon !== null && icon !== void 0 ? icon : iconVariant[variant][priority], [priority, variant, icon]);
-    return (_jsxs(Root, Object.assign({}, props, { ref: ref, className: classNames(className, classNameOrientation(orientation), classNameVariantPriority(variant, priority), classNameSize(size), {
-            fullWidth,
-        }), children: [!hideIcon && (_jsx(Icon, { className: iconClass })), _jsxs(TextContentWrap, { children: [!hideTitle && (_jsx(Typography, { className: titleClass, variant: typographySizeVariantMap[size], weight: "bold", children: title })), _jsx(Typography, { className: messageClass, variant: typographySizeVariantMap[size], children: message }), !hideButton && buttonText && (_jsx(Button, { variant: "outline", alternativeType: buttonAlternativeTypeMap[variant], color: priority !== 'high' ? buttonColorMap[variant] : 'alternative', size: "xs", onClick: onButtonClick, children: buttonText }))] }), !hideCloseIcon && (_jsx(DismissGhostMid, { className: closeIconClass, onClick: onClose }))] })));
+const InlineBanner = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { variant = 'info', priority = 'mid', orientation = 'vertical', icon, title, message, buttonText, hideTitle = false, hideIcon = false, hideCloseIcon = false, hideButton = false, fullWidth = false, onButtonClick, onClose, className, size = 's' } = _ref1, props = _object_without_properties__(_ref1, [
+        "variant",
+        "priority",
+        "orientation",
+        "icon",
+        "title",
+        "message",
+        "buttonText",
+        "hideTitle",
+        "hideIcon",
+        "hideCloseIcon",
+        "hideButton",
+        "fullWidth",
+        "onButtonClick",
+        "onClose",
+        "className",
+        "size"
+    ]), [ref] = _rest;
+    const Icon = useMemo(()=>null != icon ? icon : iconVariant[variant][priority], [
+        priority,
+        variant,
+        icon
+    ]);
+    return /*#__PURE__*/ jsxs(Root, _object_spread_props__(_({}, props), {
+        ref: ref,
+        className: clsx(className, classNameOrientation(orientation), classNameVariantPriority(variant, priority), classNameSize(size), {
+            fullWidth
+        }),
+        children: [
+            !hideIcon && /*#__PURE__*/ jsx(Icon, {
+                className: iconClass
+            }),
+            /*#__PURE__*/ jsxs(TextContentWrap, {
+                children: [
+                    !hideTitle && /*#__PURE__*/ jsx(Typography, {
+                        className: titleClass,
+                        variant: typographySizeVariantMap[size],
+                        weight: "bold",
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        className: messageClass,
+                        variant: typographySizeVariantMap[size],
+                        children: message
+                    }),
+                    !hideButton && buttonText && /*#__PURE__*/ jsx(Button, {
+                        variant: "outline",
+                        alternativeType: buttonAlternativeTypeMap[variant],
+                        color: 'high' !== priority ? buttonColorMap[variant] : 'alternative',
+                        size: "xs",
+                        onClick: onButtonClick,
+                        children: buttonText
+                    })
+                ]
+            }),
+            !hideCloseIcon && /*#__PURE__*/ jsx(DismissGhostMid, {
+                className: closeIconClass,
+                onClick: onClose
+            })
+        ]
+    }));
 });
-export default memo(InlineBanner);
+const InlineBanner_InlineBanner = /*#__PURE__*/ memo(InlineBanner);
+export default InlineBanner_InlineBanner;
+
 //# sourceMappingURL=InlineBanner.js.map

package/dist/InlineBanner/InlineBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineBanner.js","sourceRoot":"","sources":["../../src/InlineBanner/InlineBanner.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAuB,UAAU,EAAE,IAAI,EAAE,OAAO,EAAsB,MAAM,OAAO,CAAC;AAC3F,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,qBAAqB,MAAM,+DAA+D,CAAC;AAClG,OAAO,2BAA2B,MAAM,qEAAqE,CAAC;AAC9G,OAAO,uBAAuB,MAAM,iEAAiE,CAAC;AACtG,OAAO,6BAA6B,MAAM,uEAAuE,CAAC;AAClH,OAAO,eAAe,MAAM,mDAAmD,CAAC;AAChF,OAAO,qBAAqB,MAAM,yDAAyD,CAAC;AAC5F,OAAO,cAAc,MAAM,iDAAiD,CAAC;AAC7E,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAE9E,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAE3F,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAoC9H,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE;QACJ,GAAG,EAAE,cAAc;QACnB,IAAI,EAAE,cAAc;KACrB;IACD,MAAM,EAAE;QACN,GAAG,EAAE,uBAAuB;QAC5B,IAAI,EAAE,6BAA6B;KACpC;IACD,OAAO,EAAE;QACP,GAAG,EAAE,qBAAqB;QAC1B,IAAI,EAAE,2BAA2B;KAClC;IACD,OAAO,EAAE;QACP,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,qBAAqB;KAC5B;CACF,CAAC;AAEF,MAAM,cAAc,GAAiC;IACnD,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,UAAU;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,UAAU;CACpB,CAAC;AAEF,MAAM,wBAAwB,GAA2C;IACvE,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,QAAQ;CAClB,CAAC;AAEF,MAAM,wBAAwB,GAA6C;IACzE,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,QAAQ;CACZ,CAAC;AAEF,MAAM,YAAY,GAAG,UAAU,CAAwB,CAAC,EAkBvD,EAAE,GAAG,EAAE,EAAE;QAlB8C,EACtD,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,UAAU,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,KAAK,EACrB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,aAAa,EACb,OAAO,EACP,SAAS,EACT,IAAI,GAAG,GAAG,OAEX,EADI,KAAK,cAjB8C,sMAkBvD,CADS;IAER,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,EAC5C,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,CAC1B,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,oBACC,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,oBAAoB,CAAC,WAAW,CAAC,EACjC,wBAAwB,CAAC,OAAO,EAAE,QAAQ,CAAC,EAC3C,aAAa,CAAC,IAAI,CAAC,EACnB;YACE,SAAS;SACV,CACF,aAEA,CAAC,QAAQ,IAAI,CACZ,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI,CAC/B,EACD,MAAC,eAAe,eACb,CAAC,SAAS,IAAI,CACb,KAAC,UAAU,IACT,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,wBAAwB,CAAC,IAAI,CAAC,EACvC,MAAM,EAAC,MAAM,YAEZ,KAAK,GACK,CACd,EACD,KAAC,UAAU,IACT,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,wBAAwB,CAAC,IAAI,CAAC,YAEtC,OAAO,GACG,EACZ,CAAC,UAAU,IAAI,UAAU,IAAI,CAC5B,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,eAAe,EAAE,wBAAwB,CAAC,OAAO,CAAC,EAClD,KAAK,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,EACpE,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,aAAa,YAErB,UAAU,GACJ,CACV,IACe,EACjB,CAAC,aAAa,IAAI,CACjB,KAAC,eAAe,IACd,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,OAAO,GAChB,CACH,KACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"InlineBanner/InlineBanner.js","sources":["../../src/InlineBanner/InlineBanner.tsx"],"sourcesContent":["import { type HTMLAttributes, forwardRef, memo, useMemo, type ComponentType } from 'react';\nimport classNames from 'clsx';\nimport ExclamationMarkCircle from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircle';\nimport ExclamationMarkCircleFilled from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircleFilled';\nimport ExclamationMarkTriangle from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangle';\nimport ExclamationMarkTriangleFilled from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangleFilled';\nimport CheckmarkCircle from '@finam/web-ui-kit-icons/Checkmark/CheckmarkCircle';\nimport CheckmarkCircleFilled from '@finam/web-ui-kit-icons/Checkmark/CheckmarkCircleFilled';\nimport InfoMarkCircle from '@finam/web-ui-kit-icons/InfoMark/InfoMarkCircle';\nimport DismissGhostMid from '@finam/web-ui-kit-icons/Dismiss/DismissGhostMid';\nimport { type ButtonAlternativeType, type ButtonColor } from '../Button/index.js';\nimport Typography from '../Typography/Typography.js';\nimport { classNameOrientation, classNameSize, classNameVariantPriority } from './utils.js';\nimport type { Priority, Orientation, Variant, Size } from './types.js';\nimport { Root, iconClass, titleClass, messageClass, closeIconClass, TextContentWrap, Button } from './InlineBanner.styles.js';\nimport { TypographyProps } from '../Typography/index.js';\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  /** Тип баннера */\n  variant?: Variant;\n  /** Приоритет */\n  priority?: Priority;\n  /** Кастомная иконка */\n  icon?: ComponentType;\n  /** Заголовок сообщения */\n  title?: string;\n  /** Сообщение */\n  message?: string;\n  /** Текст кнопки */\n  buttonText?: string;\n  /** Ориентация баннера */\n  orientation?: Orientation;\n  /** Флаг отключения заголовка */\n  hideTitle?: boolean;\n  /** Флаг отключения иконки */\n  hideIcon?: boolean;\n  /** Флаг отключения иконки закрытия */\n  hideCloseIcon?: boolean;\n  /** Флаг отключения кнопки */\n  hideButton?: boolean;\n  /** Растяжение компонента по ширине контейнера */\n  fullWidth?: boolean;\n  /** Размер баннера */\n  size?: Size;\n  /** Обработчик клика по кнопке */\n  onButtonClick?: () => void;\n  /** Обработчик закрытия баннера */\n  onClose?: () => void;\n}\n\nconst iconVariant = {\n  info: {\n    mid: InfoMarkCircle,\n    high: InfoMarkCircle,\n  },\n  danger: {\n    mid: ExclamationMarkTriangle,\n    high: ExclamationMarkTriangleFilled,\n  },\n  warning: {\n    mid: ExclamationMarkCircle,\n    high: ExclamationMarkCircleFilled,\n  },\n  success: {\n    mid: CheckmarkCircle,\n    high: CheckmarkCircleFilled,\n  },\n};\n\nconst buttonColorMap: Record<Variant, ButtonColor> = {\n  info: 'default',\n  danger: 'negative',\n  warning: 'warning',\n  success: 'positive',\n};\n\nconst buttonAlternativeTypeMap: Record<Variant, ButtonAlternativeType> = {\n  info: 'inverse',\n  danger: 'ondark',\n  warning: 'onlight',\n  success: 'ondark',\n};\n\nconst typographySizeVariantMap: Record<Size, TypographyProps['variant']> = {\n  s: 'caption12',\n  m: 'body14',\n};\n\nconst InlineBanner = forwardRef<HTMLDivElement, Props>(({\n  variant = 'info',\n  priority = 'mid',\n  orientation = 'vertical',\n  icon,\n  title,\n  message,\n  buttonText,\n  hideTitle = false,\n  hideIcon = false,\n  hideCloseIcon = false,\n  hideButton = false,\n  fullWidth = false,\n  onButtonClick,\n  onClose,\n  className,\n  size = 's',\n  ...props\n}, ref) => {\n  const Icon = useMemo(\n    () => icon ?? iconVariant[variant][priority],\n    [priority, variant, icon],\n  );\n\n  return (\n    <Root\n      {...props}\n      ref={ref}\n      className={classNames(\n        className,\n        classNameOrientation(orientation),\n        classNameVariantPriority(variant, priority),\n        classNameSize(size),\n        {\n          fullWidth,\n        },\n      )}\n    >\n      {!hideIcon && (\n        <Icon className={iconClass} />\n      )}\n      <TextContentWrap>\n        {!hideTitle && (\n          <Typography\n            className={titleClass}\n            variant={typographySizeVariantMap[size]}\n            weight=\"bold\"\n          >\n            {title}\n          </Typography>\n        )}\n        <Typography\n          className={messageClass}\n          variant={typographySizeVariantMap[size]}\n        >\n          {message}\n        </Typography>\n        {!hideButton && buttonText && (\n          <Button\n            variant=\"outline\"\n            alternativeType={buttonAlternativeTypeMap[variant]}\n            color={priority !== 'high' ? buttonColorMap[variant] : 'alternative'}\n            size=\"xs\"\n            onClick={onButtonClick}\n          >\n            {buttonText}\n          </Button>\n        )}\n      </TextContentWrap>\n      {!hideCloseIcon && (\n        <DismissGhostMid\n          className={closeIconClass}\n          onClick={onClose}\n        />\n      )}\n    </Root>\n  );\n});\n\nexport default memo(InlineBanner);\n"],"names":["iconVariant","InfoMarkCircle","ExclamationMarkTriangle","ExclamationMarkTriangleFilled","ExclamationMarkCircle","ExclamationMarkCircleFilled","CheckmarkCircle","CheckmarkCircleFilled","buttonColorMap","buttonAlternativeTypeMap","typographySizeVariantMap","InlineBanner","forwardRef","variant","priority","orientation","icon","title","message","buttonText","hideTitle","hideIcon","hideCloseIcon","hideButton","fullWidth","onButtonClick","onClose","className","size","props","ref","Icon","useMemo","Root","classNames","classNameOrientation","classNameVariantPriority","classNameSize","iconClass","TextContentWrap","Typography","titleClass","messageClass","Button","DismissGhostMid","closeIconClass","memo"],"mappings":";;;;;;;;;;;;;;;;;AAkDA,MAAMA,cAAc;IAClB,MAAM;QACJ,KAAKC;QACL,MAAMA;IACR;IACA,QAAQ;QACN,KAAKC;QACL,MAAMC;IACR;IACA,SAAS;QACP,KAAKC;QACL,MAAMC;IACR;IACA,SAAS;QACP,KAAKC;QACL,MAAMC;IACR;AACF;AAEA,MAAMC,iBAA+C;IACnD,MAAM;IACN,QAAQ;IACR,SAAS;IACT,SAAS;AACX;AAEA,MAAMC,2BAAmE;IACvE,MAAM;IACN,QAAQ;IACR,SAAS;IACT,SAAS;AACX;AAEA,MAAMC,2BAAqE;IACzE,GAAG;IACH,GAAG;AACL;AAEA,MAAMC,eAAe,WAAHA,GAAGC,WAAkC,CAAC,IAAD;;;;iCAAC,EACtDC,UAAU,MAAM,EAChBC,WAAW,KAAK,EAChBC,cAAc,UAAU,EACxBC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,UAAU,EACVC,YAAY,KAAK,EACjBC,WAAW,KAAK,EAChBC,gBAAgB,KAAK,EACrBC,aAAa,KAAK,EAClBC,YAAY,KAAK,EACjBC,aAAa,EACbC,OAAO,EACPC,SAAS,EACTC,OAAO,GAAG,EAEX,UADIC,QAAAA,6BAAAA,OAAAA;;;;;;;;;;;;;;;;;SACFC,IAAAA,GAAAA;IACD,MAAMC,OAAOC,QACX,IAAMhB,QAAAA,OAAAA,OAAQhB,WAAW,CAACa,QAAQ,CAACC,SAAS,EAC5C;QAACA;QAAUD;QAASG;KAAK;IAG3B,OAAO,WAAP,GACE,KAACiB,MAAIA,uBAAAA,EAAAA,CAAAA,GACCJ,QAAAA;QACJ,KAAKC;QACL,WAAWI,KACTP,WACAQ,qBAAqBpB,cACrBqB,yBAAyBvB,SAASC,WAClCuB,cAAcT,OACd;YACEJ;QACF;;YAGD,CAACH,YAAY,WAAZA,GACA,IAACU,MAAAA;gBAAK,WAAWO;;0BAEnB,KAACC,iBAAeA;;oBACb,CAACnB,aAAa,WAAbA,GACA,IAACoB,YAAUA;wBACT,WAAWC;wBACX,SAAS/B,wBAAwB,CAACkB,KAAK;wBACvC,QAAO;kCAENX;;kCAGL,IAACuB,YAAUA;wBACT,WAAWE;wBACX,SAAShC,wBAAwB,CAACkB,KAAK;kCAEtCV;;oBAEF,CAACK,cAAcJ,cAAc,WAAdA,GACd,IAACwB,QAAMA;wBACL,SAAQ;wBACR,iBAAiBlC,wBAAwB,CAACI,QAAQ;wBAClD,OAAOC,AAAa,WAAbA,WAAsBN,cAAc,CAACK,QAAQ,GAAG;wBACvD,MAAK;wBACL,SAASY;kCAERN;;;;YAIN,CAACG,iBAAiB,WAAjBA,GACA,IAACsB,iBAAeA;gBACd,WAAWC;gBACX,SAASnB;;;;AAKnB;AAEA,gDAAeoB,KAAKnC"}

package/dist/InlineBanner/InlineBanner.styles.css

@@ -4,4 +4,4 @@
 .ui_components_c1wlbz8w{cursor:pointer;width:16px;height:16px;}.ui_components_r1uffebv.variant-info-priority-high .ui_components_c1wlbz8w{fill:var(--ui-colors-icon-inverse);}.ui_components_r1uffebv.variant-danger-priority-high .ui_components_c1wlbz8w{fill:var(--ui-colors-icon-onnegative);}.ui_components_r1uffebv.variant-warning-priority-high .ui_components_c1wlbz8w{fill:var(--ui-colors-icon-onwarning);}.ui_components_r1uffebv.variant-success-priority-high .ui_components_c1wlbz8w{fill:var(--ui-colors-icon-onpositive);}
 .ui_components_r1uffebv.variant-info-priority-high .ui_components_twqscyz{color:var(--ui-colors-text-inverse);}.ui_components_r1uffebv.variant-danger-priority-high .ui_components_twqscyz{color:var(--ui-colors-text-onnegative);}.ui_components_r1uffebv.variant-warning-priority-high .ui_components_twqscyz{color:var(--ui-colors-text-onwarning);}.ui_components_r1uffebv.variant-success-priority-high .ui_components_twqscyz{color:var(--ui-colors-text-onpositive);}
 .ui_components_r1uffebv.variant-info-priority-high .ui_components_mjvgzdh{color:var(--ui-colors-text-inverse);}.ui_components_r1uffebv.variant-danger-priority-high .ui_components_mjvgzdh{color:var(--ui-colors-text-onnegative);}.ui_components_r1uffebv.variant-warning-priority-high .ui_components_mjvgzdh{color:var(--ui-colors-text-onwarning);}.ui_components_r1uffebv.variant-success-priority-high .ui_components_mjvgzdh{color:var(--ui-colors-text-onpositive);}
-.ui_components_r1uffebv.orientation-vertical .ui_components_b1ih09jr{margin:var(--ui-spacing-2xs) 0;}
+.ui_components_r1uffebv.orientation-vertical .ui_components_i1ih09jr{margin:var(--ui-spacing-2xs) 0;}

package/dist/InlineBanner/InlineBanner.styles.js

@@ -1,25 +1,26 @@
-import { styled } from '@linaria/react';
-import ButtonUI from '../Button/Button.js';
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+import Button from "../Button/Button.js";
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_r1uffebv",
   propsAsIs: false
 });
-export const TextContentWrap = /*#__PURE__*/styled('div')({
+const TextContentWrap = /*#__PURE__*/styled('div')({
   name: "TextContentWrap",
   class: "ui_components_t15khv52",
   propsAsIs: false
 });
-export const iconClass = "ui_components_ixo0y73";
-export const closeIconClass = "ui_components_c1wlbz8w";
-export const titleClass = "ui_components_twqscyz";
-export const messageClass = "ui_components_mjvgzdh";
-const _exp90 = () => (ButtonUI);
-export const Button = /*#__PURE__*/styled(_exp90())({
-  name: "Button",
-  class: "ui_components_b1ih09jr",
+const iconClass = "ui_components_ixo0y73";
+const closeIconClass = "ui_components_c1wlbz8w";
+const titleClass = "ui_components_twqscyz";
+const messageClass = "ui_components_mjvgzdh";
+const _exp90 = () => (Button);
+const InlineBanner_styles_Button = /*#__PURE__*/styled(_exp90())({
+  name: "InlineBanner_styles_Button",
+  class: "ui_components_i1ih09jr",
   propsAsIs: true
 });
+export { InlineBanner_styles_Button as Button, Root, TextContentWrap, closeIconClass, iconClass, messageClass, titleClass };
 //# sourceMappingURL=InlineBanner.styles.js.map
 
 import "./InlineBanner.styles.css";

package/dist/InlineBanner/InlineBanner.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineBanner.styles.js","sourceRoot":"","sources":["../../src/InlineBanner/InlineBanner.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"InlineBanner/InlineBanner.styles.js","sources":["../../src/InlineBanner/InlineBanner.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { classNameOrientation, classNameSize, classNameVariantPriority } from './utils.js';\nimport ButtonUI from '../Button/Button.js';\n\nconst verticalOrientation = classNameOrientation('vertical');\nconst horizontalOrientation = classNameOrientation('horizontal');\n\nconst infoMid = classNameVariantPriority('info', 'mid');\nconst infoHigh = classNameVariantPriority('info', 'high');\nconst dangerMid = classNameVariantPriority('danger', 'mid');\nconst dangerHigh = classNameVariantPriority('danger', 'high');\nconst warningMid = classNameVariantPriority('warning', 'mid');\nconst warningHigh = classNameVariantPriority('warning', 'high');\nconst successMid = classNameVariantPriority('success', 'mid');\nconst successHigh = classNameVariantPriority('success', 'high');\n\nconst sizeM = classNameSize('m');\n\nexport const Root = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  max-width: 360px;\n  padding: ${tokens.spacing.s};\n  border-radius: ${tokens.radius.m};\n\n  &.fullWidth {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  & > :not(:first-child) {\n    margin-left: ${tokens.spacing.xs};\n  }\n\n  &.${infoMid} {\n    background: ${tokens.colors.opacity.base[16]};\n  }\n\n  &.${infoHigh} {\n    background: ${tokens.colors.bg.inverse.default.default};\n  }\n\n  &.${dangerMid} {\n    background: ${tokens.colors.bg.negative.secondary.default};\n  }\n\n  &.${dangerHigh} {\n    background: ${tokens.colors.bg.negative.default.default};\n  }\n\n  &.${warningMid} {\n    background: ${tokens.colors.bg.warning.secondary.default};\n  }\n\n  &.${warningHigh} {\n    background: ${tokens.colors.bg.warning.default.default};\n  }\n\n  &.${successMid} {\n    background: ${tokens.colors.bg.positive.secondary.default};\n  }\n\n  &.${successHigh} {\n    background: ${tokens.colors.bg.positive.default.default};\n  }\n\n  &.${horizontalOrientation} {\n    min-height: 40px;\n    padding: ${tokens.spacing.xs} ${tokens.spacing.s};\n    align-items: center;\n\n    &:not(.fullWidth){\n      max-width: 680px;\n    }\n  }\n`;\n\nexport const TextContentWrap = styled.div`\n  width: 100%;\n  display: grid;\n  gap: ${tokens.spacing['2xs']} ${tokens.spacing.xs};\n  \n  ${Root}.${verticalOrientation} & {\n    grid-auto-flow: row;\n    justify-items: start;\n  }\n\n  ${Root}.${horizontalOrientation} & {\n    grid-auto-flow: column;\n    align-items: center;\n  }\n`;\n\nexport const iconClass = css`\n  width: 16px;\n  height: 16px;\n\n  ${Root}.${infoHigh} & {\n    fill: ${tokens.colors.icon.inverse.default.default};\n  }\n\n  ${Root}.${dangerMid} & {\n    fill: ${tokens.colors.icon.negative.default.default};\n  }\n\n  ${Root}.${dangerHigh} & {\n    fill: ${tokens.colors.icon.onnegative.default.default};\n  }\n\n  ${Root}.${warningMid} & {\n    fill: ${tokens.colors.icon.warning.default.default};\n  }\n\n  ${Root}.${warningHigh} & {\n    fill: ${tokens.colors.icon.onwarning.default.default};\n  }\n\n  ${Root}.${successMid} & {\n    fill: ${tokens.colors.icon.positive.default.default};\n  }\n\n  ${Root}.${successHigh} & {\n    fill: ${tokens.colors.icon.onpositive.default.default};\n  }\n\n  ${Root}.${verticalOrientation}.${sizeM} & {\n    margin-top: ${tokens.spacing['micro']};  \n  }\n`;\n\nexport const closeIconClass = css`\n  cursor: pointer;\n  width: 16px;\n  height: 16px;\n  \n  ${Root}.${infoHigh} & {\n    fill: ${tokens.colors.icon.inverse.default.default};\n  }\n\n  ${Root}.${dangerHigh} & {\n    fill: ${tokens.colors.icon.onnegative.default.default};\n  }\n\n  ${Root}.${warningHigh} & {\n    fill: ${tokens.colors.icon.onwarning.default.default};\n  }\n\n  ${Root}.${successHigh} & {\n    fill: ${tokens.colors.icon.onpositive.default.default};\n  }\n`;\n\nexport const titleClass = css`\n  ${Root}.${infoHigh} & {\n    color: ${tokens.colors.text.inverse.default.default};\n  }\n\n  ${Root}.${dangerHigh} & {\n    color: ${tokens.colors.text.onnegative.default.default};\n  }\n\n  ${Root}.${warningHigh} & {\n    color: ${tokens.colors.text.onwarning.default.default};\n  }\n\n  ${Root}.${successHigh} & {\n    color: ${tokens.colors.text.onpositive.default.default};\n  }\n`;\n\nexport const messageClass = css`\n  ${Root}.${infoHigh} & {\n    color: ${tokens.colors.text.inverse.default.default};\n  }\n\n  ${Root}.${dangerHigh} & {\n    color: ${tokens.colors.text.onnegative.default.default};\n  }\n\n  ${Root}.${warningHigh} & {\n    color: ${tokens.colors.text.onwarning.default.default};\n  }\n\n  ${Root}.${successHigh} & {\n    color: ${tokens.colors.text.onpositive.default.default};\n  }\n`;\n\nexport const Button = styled(ButtonUI)`\n  ${Root}.${verticalOrientation} & {\n    margin: ${tokens.spacing['2xs']} 0;\n  }\n`;\n"],"names":["verticalOrientation","classNameOrientation","horizontalOrientation","infoMid","classNameVariantPriority","infoHigh","dangerMid","dangerHigh","warningMid","warningHigh","successMid","successHigh","sizeM","classNameSize","Root","styled","tokens","TextContentWrap","iconClass","css","closeIconClass","titleClass","messageClass","Button","ButtonUI"],"mappings":"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"}

package/dist/InlineBanner/index.js

@@ -1,3 +1,2 @@
-export { titleClass as inlineBannerTitleClass, messageClass as inlineBannerMessageClass } from './InlineBanner.styles.js';
-export { default } from './InlineBanner.js';
-//# sourceMappingURL=index.js.map
+export { messageClass as inlineBannerMessageClass, titleClass as inlineBannerTitleClass } from "./InlineBanner.styles.js";
+export { default } from "./InlineBanner.js";

package/dist/InlineBanner/types.js

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

package/dist/InlineBanner/utils.js

@@ -1,5 +1,7 @@
-import { mapPropClassName } from '../utils/className.js';
-export const classNameOrientation = (orientation) => mapPropClassName('orientation', orientation);
-export const classNameVariantPriority = (variant, priority) => `${mapPropClassName('variant', variant)}-${mapPropClassName('priority', priority)}`;
-export const classNameSize = (size) => mapPropClassName('size', size);
+import { mapPropClassName } from "../utils/className.js";
+const classNameOrientation = (orientation)=>mapPropClassName('orientation', orientation);
+const classNameVariantPriority = (variant, priority)=>`${mapPropClassName('variant', variant)}-${mapPropClassName('priority', priority)}`;
+const classNameSize = (size)=>mapPropClassName('size', size);
+export { classNameOrientation, classNameSize, classNameVariantPriority };
+
 //# sourceMappingURL=utils.js.map

package/dist/InlineBanner/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/InlineBanner/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAwB,WAAc,EAAE,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;AAC5H,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,OAAU,EACV,QAAW,EACX,EAAE,CAAC,GAAG,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,gBAAgB,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAW,CAAC;AAClG,MAAM,CAAC,MAAM,aAAa,GAAG,CAAiB,IAAO,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC"}
+{"version":3,"file":"InlineBanner/utils.js","sources":["../../src/InlineBanner/utils.ts"],"sourcesContent":["import { mapPropClassName } from '../utils/className.js';\nimport { Orientation, Priority, Size, Variant } from './types.js';\n\nexport const classNameOrientation = <T extends Orientation>(orientation: T) => mapPropClassName('orientation', orientation);\nexport const classNameVariantPriority = <V extends Variant, P extends Priority>(\n  variant: V,\n  priority: P,\n) => `${mapPropClassName('variant', variant)}-${mapPropClassName('priority', priority)}` as const;\nexport const classNameSize = <T extends Size>(size: T) => mapPropClassName('size', size);\n"],"names":["classNameOrientation","orientation","mapPropClassName","classNameVariantPriority","variant","priority","classNameSize","size"],"mappings":";AAGO,MAAMA,uBAAuB,CAAwBC,cAAmBC,iBAAiB,eAAeD;AACxG,MAAME,2BAA2B,CACtCC,SACAC,WACG,GAAGH,iBAAiB,WAAWE,SAAS,CAAC,EAAEF,iBAAiB,YAAYG,WAAW;AACjF,MAAMC,gBAAgB,CAAiBC,OAAYL,iBAAiB,QAAQK"}

package/dist/Input/Input.js

@@ -1,98 +1,205 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useState, forwardRef, useEffect, useRef, } from 'react';
-import classnames from 'clsx';
-import { inputRoot, inputContainer, inputElement, inputLabel, inputHighlight, inputAdornment, inputIconWrapper, inputAdornmentLeft, inputOverlayValue, inputElementTextHidden, } from '@finam/web-ui-kit-core/styles/input';
-import LockSmallFilled from '@finam/web-ui-kit-icons/Lock/LockSmallFilled';
-import FieldHint from '../FieldHint/index.js';
-import { Root, SecondaryLabel } from './Input.styles.js';
-export const classNames = inputRoot.classNames.variants;
-const getSecondaryLabelVariant = (size) => {
-    switch (size) {
-        case 'l': return 'body14';
-        case 'xs': return 'caption11';
-        default: return 'caption12';
+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 { forwardRef, memo, useCallback, useEffect, useRef, useState } from "react";
+import clsx from "clsx";
+import { inputAdornment, inputAdornmentLeft, inputContainer, inputElement, inputElementTextHidden, inputHighlight, inputIconWrapper, inputLabel, inputOverlayValue, inputRoot } from "@finam/web-ui-kit-core/styles/input";
+import LockSmallFilled from "@finam/web-ui-kit-icons/Lock/LockSmallFilled";
+import FieldHint from "../FieldHint/index.js";
+import { Root, SecondaryLabel } from "./Input.styles.js";
+const classNames = inputRoot.classNames.variants;
+const getSecondaryLabelVariant = (size)=>{
+    switch(size){
+        case 'l':
+            return 'body14';
+        case 'xs':
+            return 'caption11';
+        default:
+            return 'caption12';
     }
 };
-const Input = forwardRef((_a, ref) => {
-    var { value = '', displayValue, message, label, secondaryLabel, error = false, errorIcon = false, variant = 'primary', fullWidth = false, hideEmptyHint = false, size = 'l', alignRight = false, hintTooltip = size !== 'l', hintTooltipPlacement, hintTooltipVariant, hintTooltipMaxWidth, adornment, singleLine = false, hideReadOnlyIcon, icon, className, highlight, as: InputComponent = 'input', adornmentLeft, iconLeft, hintTooltipPopperProps, symbolCounterVisible } = _a, inputProps = __rest(_a, ["value", "displayValue", "message", "label", "secondaryLabel", "error", "errorIcon", "variant", "fullWidth", "hideEmptyHint", "size", "alignRight", "hintTooltip", "hintTooltipPlacement", "hintTooltipVariant", "hintTooltipMaxWidth", "adornment", "singleLine", "hideReadOnlyIcon", "icon", "className", "highlight", "as", "adornmentLeft", "iconLeft", "hintTooltipPopperProps", "symbolCounterVisible"]);
-    const { readOnly, placeholder, disabled, maxLength, onFocus, onBlur, } = inputProps;
-    const [hasFocus, setHasFocus] = useState(() => !!inputProps.autoFocus);
+const Input = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { value = '', displayValue, message, label, secondaryLabel, error = false, errorIcon = false, variant = 'primary', fullWidth = false, hideEmptyHint = false, size = 'l', alignRight = false, hintTooltip = 'l' !== size, hintTooltipPlacement, hintTooltipVariant, hintTooltipMaxWidth, adornment, singleLine = false, hideReadOnlyIcon, icon, className, highlight, as: InputComponent = 'input', adornmentLeft, iconLeft, hintTooltipPopperProps, symbolCounterVisible } = _ref1, inputProps = _object_without_properties__(_ref1, [
+        "value",
+        "displayValue",
+        "message",
+        "label",
+        "secondaryLabel",
+        "error",
+        "errorIcon",
+        "variant",
+        "fullWidth",
+        "hideEmptyHint",
+        "size",
+        "alignRight",
+        "hintTooltip",
+        "hintTooltipPlacement",
+        "hintTooltipVariant",
+        "hintTooltipMaxWidth",
+        "adornment",
+        "singleLine",
+        "hideReadOnlyIcon",
+        "icon",
+        "className",
+        "highlight",
+        "as",
+        "adornmentLeft",
+        "iconLeft",
+        "hintTooltipPopperProps",
+        "symbolCounterVisible"
+    ]), [ref] = _rest;
+    const { readOnly, placeholder, disabled, maxLength, onFocus, onBlur } = inputProps;
+    const [hasFocus, setHasFocus] = useState(()=>!!inputProps.autoFocus);
     const inputRef = useRef(null);
-    const setRefs = (el) => {
+    const setRefs = (el)=>{
         inputRef.current = el;
-        if (typeof ref === 'function') {
-            ref(el);
-        }
-        else if (ref) {
-            ref.current = el;
-        }
+        if ('function' == typeof ref) ref(el);
+        else if (ref) ref.current = el;
     };
-    const symbolCountText = !symbolCounterVisible
-        ? undefined
-        : maxLength != null
-            ? value.length + '/' + maxLength
-            : value.length.toString();
-    const handleFocus = useCallback((e) => {
+    const symbolCountText = symbolCounterVisible ? null != maxLength ? value.length + '/' + maxLength : value.length.toString() : void 0;
+    const handleFocus = useCallback((e)=>{
         setHasFocus(true);
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-    }, [onFocus]);
-    const handleBlur = useCallback((e) => {
+        null == onFocus || onFocus(e);
+    }, [
+        onFocus
+    ]);
+    const handleBlur = useCallback((e)=>{
         setHasFocus(false);
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-    }, [onBlur]);
-    useEffect(() => {
+        null == onBlur || onBlur(e);
+    }, [
+        onBlur
+    ]);
+    useEffect(()=>{
         let timer = null;
-        if (inputProps.autoFocus !== undefined) {
+        if (void 0 !== inputProps.autoFocus) {
             setHasFocus(inputProps.autoFocus);
-            if (inputRef.current) {
-                // setTimeout(..., 0) здесь повышает надёжность focus/blur
-                timer = setTimeout(() => {
-                    var _a, _b;
-                    return (inputProps.autoFocus ? (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus() : (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur());
-                }, 0);
-            }
+            if (inputRef.current) timer = setTimeout(()=>{
+                var _inputRef_current, _inputRef_current1;
+                return inputProps.autoFocus ? null == (_inputRef_current = inputRef.current) ? void 0 : _inputRef_current.focus() : null == (_inputRef_current1 = inputRef.current) ? void 0 : _inputRef_current1.blur();
+            }, 0);
         }
-        return () => {
-            timer !== null && clearTimeout(timer);
+        return ()=>{
+            null !== timer && clearTimeout(timer);
         };
-    }, [inputProps.autoFocus]);
+    }, [
+        inputProps.autoFocus
+    ]);
     const withReadOnlyIcon = readOnly && !hideReadOnlyIcon && !disabled;
-    const withLabel = Boolean(label && !singleLine && size !== 's' && size !== 'xs');
+    const withLabel = Boolean(label && !singleLine && 's' !== size && 'xs' !== size);
     const withAdornment = Boolean(icon || withReadOnlyIcon || secondaryLabel || adornment);
     const withAdornmentLeft = Boolean(adornmentLeft || iconLeft);
     const withHighlight = Boolean(highlight && hasFocus && value);
     const showDisplayValue = Boolean(!hasFocus && displayValue);
-    const displayValueIsString = typeof displayValue === 'string';
+    const displayValueIsString = 'string' == typeof displayValue;
     const showOverlay = showDisplayValue && !displayValueIsString;
     const inputValue = showDisplayValue && displayValueIsString ? displayValue : value;
-    const rootClassName = classnames(className, {
+    const rootClassName = clsx(className, {
         fullWidth,
         alignRight,
-        disabled,
+        disabled
     });
-    return (_jsx(Root, { className: rootClassName, children: _jsx(FieldHint, { variant: hintTooltip ? 'tooltip' : 'static', size: size, message: message, disabled: disabled, readOnly: readOnly, error: error, errorIcon: errorIcon, hideEmpty: hideEmptyHint, symbolCountText: symbolCountText, tooltipPlacement: hintTooltipPlacement, tooltipVariant: hintTooltipVariant, tooltipMaxWidth: hintTooltipMaxWidth, PopperProps: hintTooltipPopperProps, children: _jsxs("div", { className: classnames(inputRoot({
+    return /*#__PURE__*/ jsx(Root, {
+        className: rootClassName,
+        children: /*#__PURE__*/ jsx(FieldHint, {
+            variant: hintTooltip ? 'tooltip' : 'static',
+            size: size,
+            message: message,
+            disabled: disabled,
+            readOnly: readOnly,
+            error: error,
+            errorIcon: errorIcon,
+            hideEmpty: hideEmptyHint,
+            symbolCountText: symbolCountText,
+            tooltipPlacement: hintTooltipPlacement,
+            tooltipVariant: hintTooltipVariant,
+            tooltipMaxWidth: hintTooltipMaxWidth,
+            PopperProps: hintTooltipPopperProps,
+            children: /*#__PURE__*/ jsxs("div", {
+                className: clsx(inputRoot({
                     variant,
                     size,
                     withLabel,
                     hasFocus,
                     alignRight,
-                    state: disabled
-                        ? 'disabled'
-                        : error
-                            ? 'error'
-                            : 'default',
-                }), 'ui-input__root'), children: [withAdornmentLeft && (_jsxs("div", { className: classnames(inputAdornmentLeft, 'ui-input__adornment-left'), children: [iconLeft && (_jsx("div", { className: classnames(inputIconWrapper.default, 'ui-input__icon-left'), children: iconLeft })), adornmentLeft] })), _jsxs("div", { className: classnames(inputContainer, 'ui-input__container'), children: [_jsx(InputComponent, Object.assign({ type: "text" }, inputProps, { className: classnames(inputElement, showOverlay && inputElementTextHidden, 'ui-input__field'), placeholder: !withLabel || hasFocus ? placeholder : undefined, value: inputValue, ref: setRefs, onFocus: handleFocus, onBlur: handleBlur })), showOverlay && (_jsx("div", { className: classnames(inputElement, inputOverlayValue, 'ui-input__display-value'), children: displayValue })), withHighlight && (_jsx("span", { className: classnames(inputHighlight, 'ui-input__highlight'), children: value })), withLabel && (_jsx("label", { htmlFor: inputProps.id, className: classnames(inputLabel({
-                                    size: size === 'l' ? 'l' : 'm',
+                    state: disabled ? 'disabled' : error ? 'error' : 'default'
+                }), 'ui-input__root'),
+                children: [
+                    withAdornmentLeft && /*#__PURE__*/ jsxs("div", {
+                        className: clsx(inputAdornmentLeft, 'ui-input__adornment-left'),
+                        children: [
+                            iconLeft && /*#__PURE__*/ jsx("div", {
+                                className: clsx(inputIconWrapper["default"], 'ui-input__icon-left'),
+                                children: iconLeft
+                            }),
+                            adornmentLeft
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: clsx(inputContainer, 'ui-input__container'),
+                        children: [
+                            /*#__PURE__*/ jsx(InputComponent, _object_spread_props__(_({
+                                type: "text"
+                            }, inputProps), {
+                                className: clsx(inputElement, showOverlay && inputElementTextHidden, 'ui-input__field'),
+                                placeholder: !withLabel || hasFocus ? placeholder : void 0,
+                                value: inputValue,
+                                ref: setRefs,
+                                onFocus: handleFocus,
+                                onBlur: handleBlur
+                            })),
+                            showOverlay && /*#__PURE__*/ jsx("div", {
+                                className: clsx(inputElement, inputOverlayValue, 'ui-input__display-value'),
+                                children: displayValue
+                            }),
+                            withHighlight && /*#__PURE__*/ jsx("span", {
+                                className: clsx(inputHighlight, 'ui-input__highlight'),
+                                children: value
+                            }),
+                            withLabel && /*#__PURE__*/ jsx("label", {
+                                htmlFor: inputProps.id,
+                                className: clsx(inputLabel({
+                                    size: 'l' === size ? 'l' : 'm',
                                     hasValue: Boolean(value) || hasFocus || showDisplayValue,
-                                    state: disabled
-                                        ? 'disabled'
-                                        : error
-                                            ? 'error'
-                                            : hasFocus
-                                                ? 'active'
-                                                : 'default',
-                                }), 'ui-input__label'), children: label }))] }), withAdornment && (_jsxs("div", { className: classnames(inputAdornment, 'ui-input__adornment'), children: [secondaryLabel && typeof secondaryLabel === 'string' ? (_jsx(SecondaryLabel, { variant: getSecondaryLabelVariant(size), weight: "normal", className: "ui-input__secondary-label", color: "custom", children: secondaryLabel })) : secondaryLabel, icon && (_jsx("div", { className: classnames(inputIconWrapper.default, 'ui-input__icon'), children: icon })), adornment, withReadOnlyIcon && (_jsx("div", { className: classnames(inputIconWrapper.secondary, 'ui-input__icon-secondary'), children: _jsx(LockSmallFilled, { className: "ui-input__lock" }) }))] }))] }) }) }));
+                                    state: disabled ? 'disabled' : error ? 'error' : hasFocus ? 'active' : 'default'
+                                }), 'ui-input__label'),
+                                children: label
+                            })
+                        ]
+                    }),
+                    withAdornment && /*#__PURE__*/ jsxs("div", {
+                        className: clsx(inputAdornment, 'ui-input__adornment'),
+                        children: [
+                            secondaryLabel && 'string' == typeof secondaryLabel ? /*#__PURE__*/ jsx(SecondaryLabel, {
+                                variant: getSecondaryLabelVariant(size),
+                                weight: "normal",
+                                className: "ui-input__secondary-label",
+                                color: "custom",
+                                children: secondaryLabel
+                            }) : secondaryLabel,
+                            icon && /*#__PURE__*/ jsx("div", {
+                                className: clsx(inputIconWrapper["default"], 'ui-input__icon'),
+                                children: icon
+                            }),
+                            adornment,
+                            withReadOnlyIcon && /*#__PURE__*/ jsx("div", {
+                                className: clsx(inputIconWrapper.secondary, 'ui-input__icon-secondary'),
+                                children: /*#__PURE__*/ jsx(LockSmallFilled, {
+                                    className: "ui-input__lock"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
 });
-export default memo(Input);
+const Input_Input = /*#__PURE__*/ memo(Input);
+export default Input_Input;
+export { classNames };
+
 //# sourceMappingURL=Input.js.map