@finam/web-ui-kit-components 3.30.1 → 3.32.0

package/dist/InlineBanner/InlineBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineBanner.js","sourceRoot":"","sources":["../../src/InlineBanner/InlineBanner.tsx"],"names":[],"mappings":"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"}
+{"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

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";