@lidofinance/lido-ui 3.32.0 → 3.34.0

package/dist/esm/identicon/Identicon.mjs

@@ -6,9 +6,9 @@ import { jsx } from 'react/jsx-runtime';
 const jsNumberForAddress = address => {
   const addr = address.slice(2, 10);
   return parseInt(addr, 16); // seed
-}; //@ts-expect-error Property default doesn't exist on type
-
+};
 
+//@ts-expect-error Property default doesn't exist on type
 const Jazzicon = _Jazzicon.default || _Jazzicon;
 const Identicon = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
@@ -18,7 +18,8 @@ const Identicon = /*#__PURE__*/forwardRef((_ref, ref) => {
     svgStyles,
     ...rest
   } = _ref;
-  return /*#__PURE__*/jsx(IdenticonStyle, { ...rest,
+  return /*#__PURE__*/jsx(IdenticonStyle, {
+    ...rest,
     ref: ref,
     children: /*#__PURE__*/jsx(Jazzicon, {
       seed: jsNumberForAddress(address),

package/dist/esm/identicon/Identicon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Identicon.mjs","sources":["../../../packages/identicon/Identicon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { IdenticonProps } from './types.js'\nimport { IdenticonStyle } from './IdenticonStyles.js'\nimport _Jazzicon from 'react-jazzicon'\n\n// There is an error with importing jsNumberForAddress from 'react-jazzicon' as named export in ESM build\n// Since the implementation is tiny, moving it here\nconst jsNumberForAddress = (address: string): number => {\n  const addr = address.slice(2, 10)\n  return parseInt(addr, 16) // seed\n}\n\n//@ts-expect-error Property default doesn't exist on type\nconst Jazzicon = _Jazzicon.default || _Jazzicon\n\nexport const Identicon = forwardRef(\n  (\n    { diameter = 24, address, paperStyles, svgStyles, ...rest }: IdenticonProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <IdenticonStyle {...rest} ref={ref}>\n        <Jazzicon\n          seed={jsNumberForAddress(address)}\n          diameter={diameter}\n          paperStyles={paperStyles}\n          svgStyles={svgStyles}\n        />\n      </IdenticonStyle>\n    )\n  },\n)\nIdenticon.displayName = 'Identicon'\n"],"names":["jsNumberForAddress","address","addr","slice","parseInt","Jazzicon","_Jazzicon","default","Identicon","forwardRef","ref","diameter","paperStyles","svgStyles","rest","_jsx","displayName"],"mappings":";;;;;AAOA,MAAMA,kBAAkB,GAAIC,OAAD,IAA6B;EACtD,MAAMC,IAAI,GAAGD,OAAO,CAACE,KAAR,CAAc,CAAd,EAAiB,EAAjB,CAAb,CAAA;AACA,EAAA,OAAOC,QAAQ,CAACF,IAAD,EAAO,EAAP,CAAf,CAFsD;AAGvD,CAHD;;;AAMA,MAAMG,QAAQ,GAAGC,SAAS,CAACC,OAAV,IAAqBD,SAAtC,CAAA;MAEaE,SAAS,gBAAGC,UAAU,CACjC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEC,IAAAA,QAAQ,GAAG,EAAb;IAAiBV,OAAjB;IAA0BW,WAA1B;IAAuCC,SAAvC;IAAkD,GAAGC,IAAAA;GAElD,GAAA,IAAA,CAAA;EACH,oBACEC,GAAA,CAAC,cAAD,EAAA,EAAA,GAAoBD,IAApB;AAA0B,IAAA,GAAG,EAAEJ,GAA/B;AAAA,IAAA,QAAA,eACEK,IAAC,QAAD,EAAA;AACE,MAAA,IAAI,EAAEf,kBAAkB,CAACC,OAAD,CAD1B;AAEE,MAAA,QAAQ,EAAEU,QAFZ;AAGE,MAAA,WAAW,EAAEC,WAHf;AAIE,MAAA,SAAS,EAAEC,SAAAA;AAJb,KAAA,CAAA;GAFJ,CAAA,CAAA;AAUD,CAfgC,EAA5B;AAiBPL,SAAS,CAACQ,WAAV,GAAwB,WAAxB;;;;"}
+{"version":3,"file":"Identicon.mjs","sources":["../../../packages/identicon/Identicon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { IdenticonProps } from './types.js'\nimport { IdenticonStyle } from './IdenticonStyles.js'\nimport _Jazzicon from 'react-jazzicon'\n\n// There is an error with importing jsNumberForAddress from 'react-jazzicon' as named export in ESM build\n// Since the implementation is tiny, moving it here\nconst jsNumberForAddress = (address: string): number => {\n  const addr = address.slice(2, 10)\n  return parseInt(addr, 16) // seed\n}\n\n//@ts-expect-error Property default doesn't exist on type\nconst Jazzicon = _Jazzicon.default || _Jazzicon\n\nexport const Identicon = forwardRef(\n  (\n    { diameter = 24, address, paperStyles, svgStyles, ...rest }: IdenticonProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <IdenticonStyle {...rest} ref={ref}>\n        <Jazzicon\n          seed={jsNumberForAddress(address)}\n          diameter={diameter}\n          paperStyles={paperStyles}\n          svgStyles={svgStyles}\n        />\n      </IdenticonStyle>\n    )\n  },\n)\nIdenticon.displayName = 'Identicon'\n"],"names":["jsNumberForAddress","address","addr","slice","parseInt","Jazzicon","_Jazzicon","default","Identicon","forwardRef","_ref","ref","diameter","paperStyles","svgStyles","rest","_jsx","IdenticonStyle","children","seed","displayName"],"mappings":";;;;;AAOA,MAAMA,kBAAkB,GAAIC,OAAe,IAAa;EACtD,MAAMC,IAAI,GAAGD,OAAO,CAACE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;AACjC,EAAA,OAAOC,QAAQ,CAACF,IAAI,EAAE,EAAE,CAAC,CAAC;AAC5B,CAAC,CAAA;;AAED;AACA,MAAMG,QAAQ,GAAGC,SAAS,CAACC,OAAO,IAAID,SAAS,CAAA;AAExC,MAAME,SAAS,gBAAGC,UAAU,CACjC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,QAAQ,GAAG,EAAE;IAAEX,OAAO;IAAEY,WAAW;IAAEC,SAAS;IAAE,GAAGC,IAAAA;AAAqB,GAAC,GAAAL,IAAA,CAAA;EAG3E,oBACEM,GAAA,CAACC,cAAc,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAEJ,IAAAA,GAAG,EAAEA,GAAI;IAAAO,QAAA,eACjCF,GAAA,CAACX,QAAQ,EAAA;AACPc,MAAAA,IAAI,EAAEnB,kBAAkB,CAACC,OAAO,CAAE;AAClCW,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,SAAS,EAAEA,SAAAA;KACZ,CAAA;AAAC,GACY,CAAC,CAAA;AAErB,CACF,EAAC;AACDN,SAAS,CAACY,WAAW,GAAG,WAAW;;;;"}

package/dist/esm/identicon/IdenticonBadge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IdenticonBadge.mjs","sources":["../../../packages/identicon/IdenticonBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { Address } from '../address/index.js'\nimport { IdenticonBadgeProps } from './types.js'\nimport { IdenticonBadgeStyle, AddressWrapperStyle } from './IdenticonStyles.js'\nimport { Identicon } from './Identicon.js'\n\nexport const IdenticonBadge = forwardRef(\n  (\n    {\n      symbols = 3,\n      color = 'background',\n      diameter,\n      address,\n      paperStyles,\n      svgStyles,\n      ...rest\n    }: IdenticonBadgeProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <IdenticonBadgeStyle $color={color} {...rest} ref={ref}>\n        {symbols > 0 ? (\n          <AddressWrapperStyle>\n            <Address address={address} symbols={symbols} />\n          </AddressWrapperStyle>\n        ) : (\n          ''\n        )}\n        <Identicon\n          address={address}\n          diameter={diameter}\n          paperStyles={paperStyles}\n          svgStyles={svgStyles}\n        />\n      </IdenticonBadgeStyle>\n    )\n  },\n)\nIdenticonBadge.displayName = 'IdenticonBadge'\n"],"names":["IdenticonBadge","forwardRef","ref","symbols","color","diameter","address","paperStyles","svgStyles","rest","_jsxs","_jsx","displayName"],"mappings":";;;;;;MAMaA,cAAc,gBAAGC,UAAU,CACtC,CAAA,IAAA,EAUEC,GAVF,KAWK;EAAA,IAVH;AACEC,IAAAA,OAAO,GAAG,CADZ;AAEEC,IAAAA,KAAK,GAAG,YAFV;IAGEC,QAHF;IAIEC,OAJF;IAKEC,WALF;IAMEC,SANF;IAOE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,oBACEC,KAAC,mBAAD,EAAA;AAAqB,IAAA,MAAM,EAAEN,KAA7B;AAAA,IAAA,GAAwCK,IAAxC;AAA8C,IAAA,GAAG,EAAEP,GAAnD;AAAA,IAAA,QAAA,EAAA,CACGC,OAAO,GAAG,CAAV,gBACCQ,IAAC,mBAAD,EAAA;AAAA,MAAA,QAAA,eACEA,IAAC,OAAD,EAAA;AAAS,QAAA,OAAO,EAAEL,OAAlB;AAA2B,QAAA,OAAO,EAAEH,OAAAA;AAApC,OAAA,CAAA;AADF,KAAA,CADD,GAKC,EANJ,eAQEQ,GAAA,CAAC,SAAD,EAAA;AACE,MAAA,OAAO,EAAEL,OADX;AAEE,MAAA,QAAQ,EAAED,QAFZ;AAGE,MAAA,WAAW,EAAEE,WAHf;AAIE,MAAA,SAAS,EAAEC,SAAAA;KAZf,CAAA,CAAA;GADF,CAAA,CAAA;AAiBD,CA9BqC,EAAjC;AAgCPR,cAAc,CAACY,WAAf,GAA6B,gBAA7B;;;;"}
+{"version":3,"file":"IdenticonBadge.mjs","sources":["../../../packages/identicon/IdenticonBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { Address } from '../address/index.js'\nimport { IdenticonBadgeProps } from './types.js'\nimport { IdenticonBadgeStyle, AddressWrapperStyle } from './IdenticonStyles.js'\nimport { Identicon } from './Identicon.js'\n\nexport const IdenticonBadge = forwardRef(\n  (\n    {\n      symbols = 3,\n      color = 'background',\n      diameter,\n      address,\n      paperStyles,\n      svgStyles,\n      ...rest\n    }: IdenticonBadgeProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <IdenticonBadgeStyle $color={color} {...rest} ref={ref}>\n        {symbols > 0 ? (\n          <AddressWrapperStyle>\n            <Address address={address} symbols={symbols} />\n          </AddressWrapperStyle>\n        ) : (\n          ''\n        )}\n        <Identicon\n          address={address}\n          diameter={diameter}\n          paperStyles={paperStyles}\n          svgStyles={svgStyles}\n        />\n      </IdenticonBadgeStyle>\n    )\n  },\n)\nIdenticonBadge.displayName = 'IdenticonBadge'\n"],"names":["IdenticonBadge","forwardRef","_ref","ref","symbols","color","diameter","address","paperStyles","svgStyles","rest","_jsxs","IdenticonBadgeStyle","$color","children","_jsx","AddressWrapperStyle","Address","Identicon","displayName"],"mappings":";;;;;;AAMO,MAAMA,cAAc,gBAAGC,UAAU,CACtC,CAAAC,IAAA,EAUEC,GAAkC,KAC/B;EAAA,IAVH;AACEC,IAAAA,OAAO,GAAG,CAAC;AACXC,IAAAA,KAAK,GAAG,YAAY;IACpBC,QAAQ;IACRC,OAAO;IACPC,WAAW;IACXC,SAAS;IACT,GAAGC,IAAAA;AACgB,GAAC,GAAAR,IAAA,CAAA;EAGtB,oBACES,IAAA,CAACC,mBAAmB,EAAA;AAACC,IAAAA,MAAM,EAAER,KAAM;AAAA,IAAA,GAAKK,IAAI;AAAEP,IAAAA,GAAG,EAAEA,GAAI;AAAAW,IAAAA,QAAA,GACpDV,OAAO,GAAG,CAAC,gBACVW,GAAA,CAACC,mBAAmB,EAAA;MAAAF,QAAA,eAClBC,GAAA,CAACE,OAAO,EAAA;AAACV,QAAAA,OAAO,EAAEA,OAAQ;AAACH,QAAAA,OAAO,EAAEA,OAAAA;OAAU,CAAA;AAAC,KAC5B,CAAC,GAEtB,EACD,eACDW,GAAA,CAACG,SAAS,EAAA;AACRX,MAAAA,OAAO,EAAEA,OAAQ;AACjBD,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KACtB,CAAC,CAAA;AAAA,GACiB,CAAC,CAAA;AAE1B,CACF,EAAC;AACDT,cAAc,CAACmB,WAAW,GAAG,gBAAgB;;;;"}

package/dist/esm/identicon/IdenticonStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IdenticonStyles.mjs","sources":["../../../packages/identicon/IdenticonStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { IdenticonBadgeColors } from './types.js'\n\nconst colors = {\n  background: css`\n    background: var(--lido-color-background);\n    color: var(--lido-color-textSecondary);\n  `,\n  accent: css`\n    background: var(--lido-color-accentDarken);\n    color: var(--lido-color-accentContrast);\n  `,\n}\n\nexport const IdenticonBadgeStyle = styled.div<{ $color: IdenticonBadgeColors }>`\n  border-radius: 1000px;\n  padding: 4px;\n  margin: 0 6px;\n  display: inline-flex;\n  align-items: center;\n\n  ${({ $color }) => colors[$color]}\n`\n\nexport const IdenticonStyle = styled.div`\n  border-radius: 1000px;\n  overflow: hidden;\n  line-height: 0;\n  display: inline-block;\n`\n\nexport const AddressWrapperStyle = styled.div`\n  padding: 0 6px;\n`\n"],"names":["colors","background","css","accent","IdenticonBadgeStyle","styled","div","$color","IdenticonStyle","AddressWrapperStyle"],"mappings":";;;AAGA,MAAMA,MAAM,GAAG;AACbC,EAAAA,UAAU,EAAEC,GAAI,CAAA;AAClB;AACA;AACA,EAJe,CAAA;AAKbC,EAAAA,MAAM,EAAED,GAAI,CAAA;AACd;AACA;AACA,EAAA,CAAA;AARe,CAAf,CAAA;AAWaE,MAAAA,mBAAmB,GAAGC,MAAM,CAACC,GAAsC,CAAA;AAChF;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;GAAH,GAAA,IAAA,CAAA;EAAA,OAAgBP,MAAM,CAACO,MAAD,CAAtB,CAAA;AAAA,CAA+B,CAAA;AACnC,EARO;AAUMC,MAAAA,cAAc,GAAGH,MAAM,CAACC,GAAI,CAAA;AACzC;AACA;AACA;AACA;AACA,EALO;AAOMG,MAAAA,mBAAmB,GAAGJ,MAAM,CAACC,GAAI,CAAA;AAC9C;AACA;;;;"}
+{"version":3,"file":"IdenticonStyles.mjs","sources":["../../../packages/identicon/IdenticonStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { IdenticonBadgeColors } from './types.js'\n\nconst colors = {\n  background: css`\n    background: var(--lido-color-background);\n    color: var(--lido-color-textSecondary);\n  `,\n  accent: css`\n    background: var(--lido-color-accentDarken);\n    color: var(--lido-color-accentContrast);\n  `,\n}\n\nexport const IdenticonBadgeStyle = styled.div<{ $color: IdenticonBadgeColors }>`\n  border-radius: 1000px;\n  padding: 4px;\n  margin: 0 6px;\n  display: inline-flex;\n  align-items: center;\n\n  ${({ $color }) => colors[$color]}\n`\n\nexport const IdenticonStyle = styled.div`\n  border-radius: 1000px;\n  overflow: hidden;\n  line-height: 0;\n  display: inline-block;\n`\n\nexport const AddressWrapperStyle = styled.div`\n  padding: 0 6px;\n`\n"],"names":["colors","background","css","accent","IdenticonBadgeStyle","styled","div","_ref","$color","IdenticonStyle","AddressWrapperStyle"],"mappings":";;;AAGA,MAAMA,MAAM,GAAG;AACbC,EAAAA,UAAU,EAAEC,GAAG,CAAA;AACjB;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,MAAM,EAAED,GAAG,CAAA;AACb;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYE,MAAAA,mBAAmB,GAAGC,MAAM,CAACC,GAAqC,CAAA;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAKP,MAAM,CAACQ,MAAM,CAAC,CAAA;AAAA,CAAA,CAAA;AAClC,EAAC;AAEYC,MAAAA,cAAc,GAAGJ,MAAM,CAACC,GAAG,CAAA;AACxC;AACA;AACA;AACA;AACA,EAAC;AAEYI,MAAAA,mBAAmB,GAAGL,MAAM,CAACC,GAAG,CAAA;AAC7C;AACA;;;;"}

package/dist/esm/identicon/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../packages/identicon/types.ts"],"sourcesContent":["import { CSSProperties } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport type IdenticonProps = LidoComponentProps<\n  'div',\n  {\n    address: string\n    diameter?: number\n    paperStyles?: CSSProperties\n    svgStyles?: CSSProperties\n  }\n>\n\nexport enum IdenticonBadgeColor {\n  background,\n  accent,\n}\nexport type IdenticonBadgeColors = keyof typeof IdenticonBadgeColor\n\nexport type IdenticonBadgeProps = {\n  symbols?: number\n  color?: IdenticonBadgeColors\n} & IdenticonProps\n"],"names":["IdenticonBadgeColor"],"mappings":"AAcYA,IAAAA,mBAAZ,0BAAYA,mBAAZ,EAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,mBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../packages/identicon/types.ts"],"sourcesContent":["import { CSSProperties } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport type IdenticonProps = LidoComponentProps<\n  'div',\n  {\n    address: string\n    diameter?: number\n    paperStyles?: CSSProperties\n    svgStyles?: CSSProperties\n  }\n>\n\nexport enum IdenticonBadgeColor {\n  background,\n  accent,\n}\nexport type IdenticonBadgeColors = keyof typeof IdenticonBadgeColor\n\nexport type IdenticonBadgeProps = {\n  symbols?: number\n  color?: IdenticonBadgeColors\n} & IdenticonProps\n"],"names":["IdenticonBadgeColor"],"mappings":"AAcYA,IAAAA,mBAAmB,0BAAnBA,mBAAmB,EAAA;AAAnBA,EAAAA,mBAAmB,CAAnBA,mBAAmB,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAnBA,EAAAA,mBAAmB,CAAnBA,mBAAmB,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAnBA,mBAAmB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/input/Input.mjs

@@ -28,7 +28,6 @@ const Input = /*#__PURE__*/forwardRef((_ref, ref) => {
   const hasError = !!error;
   const hasErrorMessage = hasError && typeof error !== 'boolean';
   const hasWarning = !hasError && !!warning; // `error` overrides `warning`
-
   const hasWarningMessage = hasWarning && typeof warning !== 'boolean';
   const hasSuccess = !!success && !error;
   const hasSuccessMessage = hasSuccess && typeof success !== 'boolean';

package/dist/esm/input/Input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.mjs","sources":["../../../packages/input/Input.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  InputWrapperStyle,\n  InputContentStyle,\n  InputControlWrapperStyle,\n  InputStyle,\n  InputLeftDecoratorStyle,\n  InputRightDecoratorStyle,\n  InputMessageStyle,\n} from './InputStyles.js'\nimport { InputLabelStyle } from './LabelStyles.js'\nimport { InputProps } from './types.js'\n\nexport const Input = forwardRef(\n  (\n    {\n      label,\n      error,\n      warning,\n      success,\n      active = false,\n      fullwidth = false,\n      placeholder = ' ',\n      leftDecorator,\n      rightDecorator,\n      className,\n      style,\n      variant = 'default',\n      color = 'default',\n      id,\n      disabled = false,\n      wrapperRef,\n      children,\n      ...rest\n    }: InputProps,\n    ref?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const hasLabel = !!label && variant === 'default'\n\n    const hasError = !!error\n    const hasErrorMessage = hasError && typeof error !== 'boolean'\n    const hasWarning = !hasError && !!warning // `error` overrides `warning`\n    const hasWarningMessage = hasWarning && typeof warning !== 'boolean'\n    const hasSuccess = !!success && !error\n    const hasSuccessMessage = hasSuccess && typeof success !== 'boolean'\n\n    const hasLeftDecorator = !!leftDecorator\n    const hasRightDecorator = !!rightDecorator\n\n    return (\n      <InputWrapperStyle\n        className={className}\n        style={style}\n        $disabled={disabled}\n        $fullwidth={fullwidth}\n        htmlFor={id}\n        ref={wrapperRef}\n      >\n        <InputContentStyle\n          $color={color}\n          $variant={variant}\n          $error={hasError}\n          $warning={hasWarning}\n          $active={active}\n          $disabled={disabled}\n        >\n          {hasLeftDecorator && (\n            <InputLeftDecoratorStyle>{leftDecorator}</InputLeftDecoratorStyle>\n          )}\n\n          <InputControlWrapperStyle>\n            <InputStyle\n              $labeled={hasLabel}\n              $color={color}\n              placeholder={placeholder}\n              aria-invalid={hasError}\n              type='text'\n              ref={ref}\n              id={id}\n              disabled={disabled}\n              {...rest}\n            />\n            {hasLabel && (\n              <InputLabelStyle $color={color}>{label}</InputLabelStyle>\n            )}\n          </InputControlWrapperStyle>\n\n          {hasRightDecorator && (\n            <InputRightDecoratorStyle>\n              {rightDecorator}\n            </InputRightDecoratorStyle>\n          )}\n        </InputContentStyle>\n\n        {hasErrorMessage && (\n          <InputMessageStyle $variant='error' $bordered $wrap>\n            {error}\n          </InputMessageStyle>\n        )}\n        {hasWarningMessage && (\n          <InputMessageStyle $variant='warning' $bordered $wrap>\n            {warning}\n          </InputMessageStyle>\n        )}\n        {hasSuccessMessage && (\n          <InputMessageStyle $variant='success' $bordered>\n            {success}\n          </InputMessageStyle>\n        )}\n      </InputWrapperStyle>\n    )\n  },\n)\nInput.displayName = 'Input'\n"],"names":["Input","forwardRef","ref","label","error","warning","success","active","fullwidth","placeholder","leftDecorator","rightDecorator","className","style","variant","color","id","disabled","wrapperRef","children","rest","hasLabel","hasError","hasErrorMessage","hasWarning","hasWarningMessage","hasSuccess","hasSuccessMessage","hasLeftDecorator","hasRightDecorator","_jsxs","_jsx","displayName"],"mappings":"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"}
+{"version":3,"file":"Input.mjs","sources":["../../../packages/input/Input.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  InputWrapperStyle,\n  InputContentStyle,\n  InputControlWrapperStyle,\n  InputStyle,\n  InputLeftDecoratorStyle,\n  InputRightDecoratorStyle,\n  InputMessageStyle,\n} from './InputStyles.js'\nimport { InputLabelStyle } from './LabelStyles.js'\nimport { InputProps } from './types.js'\n\nexport const Input = forwardRef(\n  (\n    {\n      label,\n      error,\n      warning,\n      success,\n      active = false,\n      fullwidth = false,\n      placeholder = ' ',\n      leftDecorator,\n      rightDecorator,\n      className,\n      style,\n      variant = 'default',\n      color = 'default',\n      id,\n      disabled = false,\n      wrapperRef,\n      children,\n      ...rest\n    }: InputProps,\n    ref?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const hasLabel = !!label && variant === 'default'\n\n    const hasError = !!error\n    const hasErrorMessage = hasError && typeof error !== 'boolean'\n    const hasWarning = !hasError && !!warning // `error` overrides `warning`\n    const hasWarningMessage = hasWarning && typeof warning !== 'boolean'\n    const hasSuccess = !!success && !error\n    const hasSuccessMessage = hasSuccess && typeof success !== 'boolean'\n\n    const hasLeftDecorator = !!leftDecorator\n    const hasRightDecorator = !!rightDecorator\n\n    return (\n      <InputWrapperStyle\n        className={className}\n        style={style}\n        $disabled={disabled}\n        $fullwidth={fullwidth}\n        htmlFor={id}\n        ref={wrapperRef}\n      >\n        <InputContentStyle\n          $color={color}\n          $variant={variant}\n          $error={hasError}\n          $warning={hasWarning}\n          $active={active}\n          $disabled={disabled}\n        >\n          {hasLeftDecorator && (\n            <InputLeftDecoratorStyle>{leftDecorator}</InputLeftDecoratorStyle>\n          )}\n\n          <InputControlWrapperStyle>\n            <InputStyle\n              $labeled={hasLabel}\n              $color={color}\n              placeholder={placeholder}\n              aria-invalid={hasError}\n              type='text'\n              ref={ref}\n              id={id}\n              disabled={disabled}\n              {...rest}\n            />\n            {hasLabel && (\n              <InputLabelStyle $color={color}>{label}</InputLabelStyle>\n            )}\n          </InputControlWrapperStyle>\n\n          {hasRightDecorator && (\n            <InputRightDecoratorStyle>\n              {rightDecorator}\n            </InputRightDecoratorStyle>\n          )}\n        </InputContentStyle>\n\n        {hasErrorMessage && (\n          <InputMessageStyle $variant='error' $bordered $wrap>\n            {error}\n          </InputMessageStyle>\n        )}\n        {hasWarningMessage && (\n          <InputMessageStyle $variant='warning' $bordered $wrap>\n            {warning}\n          </InputMessageStyle>\n        )}\n        {hasSuccessMessage && (\n          <InputMessageStyle $variant='success' $bordered>\n            {success}\n          </InputMessageStyle>\n        )}\n      </InputWrapperStyle>\n    )\n  },\n)\nInput.displayName = 'Input'\n"],"names":["Input","forwardRef","_ref","ref","label","error","warning","success","active","fullwidth","placeholder","leftDecorator","rightDecorator","className","style","variant","color","id","disabled","wrapperRef","children","rest","hasLabel","hasError","hasErrorMessage","hasWarning","hasWarningMessage","hasSuccess","hasSuccessMessage","hasLeftDecorator","hasRightDecorator","_jsxs","InputWrapperStyle","$disabled","$fullwidth","htmlFor","InputContentStyle","$color","$variant","$error","$warning","$active","_jsx","InputLeftDecoratorStyle","InputControlWrapperStyle","InputStyle","$labeled","type","InputLabelStyle","InputRightDecoratorStyle","InputMessageStyle","$bordered","$wrap","displayName"],"mappings":"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"}

package/dist/esm/input/InputGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.mjs","sources":["../../../packages/input/InputGroup.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InputMessageStyle } from './InputStyles.js'\nimport { InputGroupStyle, InputGroupContentStyle } from './InputGroupStyles.js'\nimport { InputGroupProps } from './types.js'\n\nexport const InputGroup = forwardRef(\n  (\n    {\n      fullwidth = false,\n      error,\n      success,\n      warning,\n      children,\n      ...rest\n    }: InputGroupProps,\n    ref?: ForwardedRef<HTMLSpanElement>,\n  ) => {\n    const hasError = !!error\n    const hasSuccess = !!success && !error\n    const hasWarning = !hasError && !!warning // `error` overrides `warning`\n\n    return (\n      <InputGroupStyle $fullwidth={fullwidth} {...rest} ref={ref}>\n        <InputGroupContentStyle>{children}</InputGroupContentStyle>\n        {hasError && (\n          <InputMessageStyle $variant='error'>{error}</InputMessageStyle>\n        )}\n        {hasSuccess && (\n          <InputMessageStyle $variant='success'>{success}</InputMessageStyle>\n        )}\n        {hasWarning && (\n          <InputMessageStyle $variant='warning'>{warning}</InputMessageStyle>\n        )}\n      </InputGroupStyle>\n    )\n  },\n)\nInputGroup.displayName = 'InputGroup'\n"],"names":["InputGroup","forwardRef","ref","fullwidth","error","success","warning","children","rest","hasError","hasSuccess","hasWarning","_jsxs","_jsx","displayName"],"mappings":";;;;;MAKaA,UAAU,gBAAGC,UAAU,CAClC,CAAA,IAAA,EASEC,GATF,KAUK;EAAA,IATH;AACEC,IAAAA,SAAS,GAAG,KADd;IAEEC,KAFF;IAGEC,OAHF;IAIEC,OAJF;IAKEC,QALF;IAME,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,QAAQ,GAAG,CAAC,CAACL,KAAnB,CAAA;AACA,EAAA,MAAMM,UAAU,GAAG,CAAC,CAACL,OAAF,IAAa,CAACD,KAAjC,CAAA;EACA,MAAMO,UAAU,GAAG,CAACF,QAAD,IAAa,CAAC,CAACH,OAAlC,CAHG;;AAKH,EAAA,oBACEM,KAAC,eAAD,EAAA;AAAiB,IAAA,UAAU,EAAET,SAA7B;AAAA,IAAA,GAA4CK,IAA5C;AAAkD,IAAA,GAAG,EAAEN,GAAvD;AAAA,IAAA,QAAA,EAAA,cACEW,IAAC,sBAAD,EAAA;MAAA,QAAyBN,EAAAA,QAAAA;AAAzB,KAAA,CADF,EAEGE,QAAQ,iBACPI,GAAA,CAAC,iBAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,OAA5B;MAAA,QAAqCT,EAAAA,KAAAA;AAArC,KAAA,CAHJ,EAKGM,UAAU,iBACTG,GAAA,CAAC,iBAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,SAA5B;MAAA,QAAuCR,EAAAA,OAAAA;AAAvC,KAAA,CANJ,EAQGM,UAAU,iBACTE,GAAA,CAAC,iBAAD,EAAA;AAAmB,MAAA,QAAQ,EAAC,SAA5B;MAAA,QAAuCP,EAAAA,OAAAA;KAT3C,CAAA,CAAA;GADF,CAAA,CAAA;AAcD,CA9BiC,EAA7B;AAgCPN,UAAU,CAACc,WAAX,GAAyB,YAAzB;;;;"}
+{"version":3,"file":"InputGroup.mjs","sources":["../../../packages/input/InputGroup.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InputMessageStyle } from './InputStyles.js'\nimport { InputGroupStyle, InputGroupContentStyle } from './InputGroupStyles.js'\nimport { InputGroupProps } from './types.js'\n\nexport const InputGroup = forwardRef(\n  (\n    {\n      fullwidth = false,\n      error,\n      success,\n      warning,\n      children,\n      ...rest\n    }: InputGroupProps,\n    ref?: ForwardedRef<HTMLSpanElement>,\n  ) => {\n    const hasError = !!error\n    const hasSuccess = !!success && !error\n    const hasWarning = !hasError && !!warning // `error` overrides `warning`\n\n    return (\n      <InputGroupStyle $fullwidth={fullwidth} {...rest} ref={ref}>\n        <InputGroupContentStyle>{children}</InputGroupContentStyle>\n        {hasError && (\n          <InputMessageStyle $variant='error'>{error}</InputMessageStyle>\n        )}\n        {hasSuccess && (\n          <InputMessageStyle $variant='success'>{success}</InputMessageStyle>\n        )}\n        {hasWarning && (\n          <InputMessageStyle $variant='warning'>{warning}</InputMessageStyle>\n        )}\n      </InputGroupStyle>\n    )\n  },\n)\nInputGroup.displayName = 'InputGroup'\n"],"names":["InputGroup","forwardRef","_ref","ref","fullwidth","error","success","warning","children","rest","hasError","hasSuccess","hasWarning","_jsxs","InputGroupStyle","$fullwidth","_jsx","InputGroupContentStyle","InputMessageStyle","$variant","displayName"],"mappings":";;;;;AAKO,MAAMA,UAAU,gBAAGC,UAAU,CAClC,CAAAC,IAAA,EASEC,GAAmC,KAChC;EAAA,IATH;AACEC,IAAAA,SAAS,GAAG,KAAK;IACjBC,KAAK;IACLC,OAAO;IACPC,OAAO;IACPC,QAAQ;IACR,GAAGC,IAAAA;AACY,GAAC,GAAAP,IAAA,CAAA;AAGlB,EAAA,MAAMQ,QAAQ,GAAG,CAAC,CAACL,KAAK,CAAA;AACxB,EAAA,MAAMM,UAAU,GAAG,CAAC,CAACL,OAAO,IAAI,CAACD,KAAK,CAAA;EACtC,MAAMO,UAAU,GAAG,CAACF,QAAQ,IAAI,CAAC,CAACH,OAAO,CAAC;;EAE1C,oBACEM,IAAA,CAACC,eAAe,EAAA;AAACC,IAAAA,UAAU,EAAEX,SAAU;AAAA,IAAA,GAAKK,IAAI;AAAEN,IAAAA,GAAG,EAAEA,GAAI;IAAAK,QAAA,EAAA,cACzDQ,GAAA,CAACC,sBAAsB,EAAA;AAAAT,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAyB,CAAC,EAC1DE,QAAQ,iBACPM,GAAA,CAACE,iBAAiB,EAAA;AAACC,MAAAA,QAAQ,EAAC,OAAO;AAAAX,MAAAA,QAAA,EAAEH,KAAAA;AAAK,KAAoB,CAC/D,EACAM,UAAU,iBACTK,GAAA,CAACE,iBAAiB,EAAA;AAACC,MAAAA,QAAQ,EAAC,SAAS;AAAAX,MAAAA,QAAA,EAAEF,OAAAA;AAAO,KAAoB,CACnE,EACAM,UAAU,iBACTI,GAAA,CAACE,iBAAiB,EAAA;AAACC,MAAAA,QAAQ,EAAC,SAAS;AAAAX,MAAAA,QAAA,EAAED,OAAAA;AAAO,KAAoB,CACnE,CAAA;AAAA,GACc,CAAC,CAAA;AAEtB,CACF,EAAC;AACDP,UAAU,CAACoB,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/input/InputGroupStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupStyles.mjs","sources":["../../../packages/input/InputGroupStyles.ts"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { InputWrapperStyle, InputContentStyle } from './InputStyles.js'\n\nexport const InputGroupStyle = styled.span<{ $fullwidth: boolean }>`\n  display: inline-flex;\n  position: relative;\n  width: ${({ $fullwidth }) => ($fullwidth ? '100%' : 'auto')};\n`\n\nexport const InputGroupContentStyle = styled.span`\n  display: flex;\n  width: 100%;\n\n  & > ${InputWrapperStyle} {\n    margin: 0 -1px 0 0;\n\n    &:first-child {\n      & ${InputContentStyle} {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    &:last-child {\n      & ${InputContentStyle} {\n        margin-right: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n  }\n`\n"],"names":["InputGroupStyle","styled","span","$fullwidth","InputGroupContentStyle","InputWrapperStyle","InputContentStyle"],"mappings":";;;AAGaA,MAAAA,eAAe,GAAGC,MAAM,CAACC,IAA8B,CAAA;AACpE;AACA;AACA,SAAW,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAqBA,UAAU,GAAG,MAAH,GAAY,MAA3C,CAAA;AAAA,CAAmD,CAAA;AAC9D,EAJO;AAMMC,MAAAA,sBAAsB,GAAGH,MAAM,CAACC,IAAK,CAAA;AAClD;AACA;AACA;AACA,MAAA,EAAQG,iBAAkB,CAAA;AAC1B;AACA;AACA;AACA,QAAA,EAAUC,iBAAkB,CAAA;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA,QAAA,EAAUA,iBAAkB,CAAA;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"InputGroupStyles.mjs","sources":["../../../packages/input/InputGroupStyles.ts"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { InputWrapperStyle, InputContentStyle } from './InputStyles.js'\n\nexport const InputGroupStyle = styled.span<{ $fullwidth: boolean }>`\n  display: inline-flex;\n  position: relative;\n  width: ${({ $fullwidth }) => ($fullwidth ? '100%' : 'auto')};\n`\n\nexport const InputGroupContentStyle = styled.span`\n  display: flex;\n  width: 100%;\n\n  & > ${InputWrapperStyle} {\n    margin: 0 -1px 0 0;\n\n    &:first-child {\n      & ${InputContentStyle} {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    &:last-child {\n      & ${InputContentStyle} {\n        margin-right: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n  }\n`\n"],"names":["InputGroupStyle","styled","span","_ref","$fullwidth","InputGroupContentStyle","InputWrapperStyle","InputContentStyle"],"mappings":";;;AAGaA,MAAAA,eAAe,GAAGC,MAAM,CAACC,IAA6B,CAAA;AACnE;AACA;AACA,SAAA,EAAWC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;AAAA,CAAC,CAAA;AAC7D,EAAC;AAEYC,MAAAA,sBAAsB,GAAGJ,MAAM,CAACC,IAAI,CAAA;AACjD;AACA;AACA;AACA,MAAA,EAAQI,iBAAiB,CAAA;AACzB;AACA;AACA;AACA,QAAA,EAAUC,iBAAiB,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA,QAAA,EAAUA,iBAAiB,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/input/InputStyles.mjs

@@ -176,28 +176,28 @@ const InputContentStyle = styled.span`
   } = _ref9;
   return wrapperColors[$color];
 }};
-  ${_ref10 => {
+  ${_ref0 => {
   let {
     $disabled
-  } = _ref10;
+  } = _ref0;
   return $disabled ? '' : statesCSS;
 }};
-  ${_ref11 => {
+  ${_ref1 => {
   let {
     $active
-  } = _ref11;
+  } = _ref1;
   return $active ? activeCSS : '';
 }};
-  ${_ref12 => {
+  ${_ref10 => {
   let {
     $warning
-  } = _ref12;
+  } = _ref10;
   return $warning ? warningCSS : '';
 }};
-  ${_ref13 => {
+  ${_ref11 => {
   let {
     $error
-  } = _ref13;
+  } = _ref11;
   return $error ? errorCSS : '';
 }};
 `;
@@ -279,32 +279,32 @@ const InputStyle = styled.input`
   border: none;
   outline: none;
   position: relative;
-  top: ${_ref14 => {
+  top: ${_ref12 => {
   let {
     $labeled
-  } = _ref14;
+  } = _ref12;
   return $labeled ? 8 : 0;
 }}px;
 
   &::placeholder {
-    transition: opacity ${_ref15 => {
+    transition: opacity ${_ref13 => {
   let {
     theme
-  } = _ref15;
+  } = _ref13;
   return theme.duration.fast;
 }} ease;
   }
 
-  ${_ref16 => {
+  ${_ref14 => {
   let {
     $color
-  } = _ref16;
+  } = _ref14;
   return inputColors[$color];
 }}
-  ${_ref17 => {
+  ${_ref15 => {
   let {
     $labeled
-  } = _ref17;
+  } = _ref15;
   return $labeled ? labeledCSS : '';
 }}
 `;
@@ -317,10 +317,10 @@ const messageVariants = {
   error: css`
     background: var(--lido-color-error);
     color: var(--lido-color-errorContrast);
-    box-shadow: ${_ref18 => {
+    box-shadow: ${_ref16 => {
     let {
       theme
-    } = _ref18;
+    } = _ref16;
     return theme.boxShadows.sm;
   }}
       var(--lido-color-shadowLight);
@@ -328,10 +328,10 @@ const messageVariants = {
   warning: css`
     background: var(--lido-color-warning);
     color: var(--lido-color-warningContrast);
-    box-shadow: ${_ref19 => {
+    box-shadow: ${_ref17 => {
     let {
       theme
-    } = _ref19;
+    } = _ref17;
     return theme.boxShadows.sm;
   }}
       var(--lido-color-shadowLight);
@@ -339,66 +339,66 @@ const messageVariants = {
   success: css`
     background: var(--lido-color-success);
     color: var(--lido-color-successContrast);
-    box-shadow: ${_ref20 => {
+    box-shadow: ${_ref18 => {
     let {
       theme
-    } = _ref20;
+    } = _ref18;
     return theme.boxShadows.sm;
   }}
       var(--lido-color-shadowLight);
   `
 };
 const InputMessageStyle = styled.span`
-  margin-top: ${_ref21 => {
+  margin-top: ${_ref19 => {
   let {
     $bordered
-  } = _ref21;
+  } = _ref19;
   return $bordered ? 5 : 6;
 }}px;
-  left: ${_ref22 => {
+  left: ${_ref20 => {
   let {
     $bordered
-  } = _ref22;
+  } = _ref20;
   return $bordered ? -1 : 0;
 }}px;
   position: absolute;
   top: 100%;
   line-height: 1.6em;
   font-weight: 400;
-  font-size: ${_ref23 => {
+  font-size: ${_ref21 => {
   let {
     theme
-  } = _ref23;
+  } = _ref21;
   return theme.fontSizesMap.xxs;
 }}px;
-  border-radius: ${_ref24 => {
+  border-radius: ${_ref22 => {
   let {
     theme
-  } = _ref24;
+  } = _ref22;
   return theme.borderRadiusesMap.sm;
 }}px;
   padding: 6px 10px;
-  white-space: ${_ref25 => {
+  white-space: ${_ref23 => {
   let {
     $wrap
-  } = _ref25;
+  } = _ref23;
   return $wrap ? 'wrap' : 'nowrap';
 }};
   overflow: hidden;
   box-sizing: border-box;
   text-overflow: ellipsis;
-  max-width: ${_ref26 => {
+  max-width: ${_ref24 => {
   let {
     $bordered
-  } = _ref26;
+  } = _ref24;
   return $bordered ? 'calc(100% + 2px)' : '100%';
 }};
   z-index: 3;
 
-  ${_ref27 => {
+  ${_ref25 => {
   let {
     $variant
-  } = _ref27;
+  } = _ref25;
   return messageVariants[$variant];
 }}
 `;

package/dist/esm/input/InputStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputStyles.mjs","sources":["../../../packages/input/InputStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { InputMessageVariants, InputVariants, InputColors } from './types.js'\nimport {\n  labelEmptyValueCSS,\n  labelFocusCSS,\n  labelErrorCSS,\n  InputLabelStyle,\n  labelWarningCSS,\n} from './LabelStyles.js'\n\nconst statesCSS = css`\n  &:hover {\n    z-index: 1;\n  }\n\n  &:focus-within {\n    z-index: 2;\n    border-color: var(--lido-color-borderActive);\n\n    ${InputLabelStyle} {\n      ${labelFocusCSS}\n    }\n  }\n`\n\nconst activeCSS = css`\n  &,\n  &:hover,\n  &:focus-within {\n    z-index: 2;\n    border-color: var(--lido-color-borderActive);\n\n    ${InputLabelStyle} {\n      ${labelFocusCSS}\n    }\n  }\n`\n\nconst errorCSS = css`\n  &,\n  &:hover,\n  &:focus-within {\n    border-color: var(--lido-color-error);\n\n    ${InputLabelStyle} {\n      ${labelErrorCSS}\n    }\n  }\n`\n\nconst warningCSS = css`\n  &,\n  &:hover,\n  &:focus-within {\n    border-color: var(--lido-color-warning);\n\n    ${InputLabelStyle} {\n      ${labelWarningCSS}\n    }\n  }\n`\n\nconst wrapperColors = {\n  default: css<{ $disabled: boolean }>`\n    background: var(--lido-color-controlBg);\n    border-color: var(--lido-color-border);\n    color: var(--lido-color-text);\n\n    ${({ $disabled }) =>\n      $disabled\n        ? `background: var(--lido-color-background);`\n        : `\n          &:hover {\n            border-color: var(--lido-color-borderHover);\n          }\n    `};\n  `,\n  accent: css<{ $disabled: boolean }>`\n    background: var(--lido-color-accentControlBg);\n    border-color: var(--lido-color-accentBorder);\n    color: var(--lido-color-accentText);\n\n    ${({ $disabled }) =>\n      $disabled\n        ? `background: var(--lido-color-controlBg);`\n        : `\n          &:hover {\n            border-color: var(--lido-color-accentBorderHover);\n          }\n    `};\n  `,\n}\n\nconst decoratorCSS = css`\n  flex-grow: 0;\n  flex-shrink: 0;\n  cursor: inherit;\n  display: flex;\n  align-items: center;\n`\n\nexport const InputLeftDecoratorStyle = styled.span`\n  ${decoratorCSS}\n  padding-right: 16px;\n`\n\nexport const InputRightDecoratorStyle = styled.span`\n  ${decoratorCSS}\n  padding-left: 16px;\n`\n\nexport const InputWrapperStyle = styled.label<{\n  $fullwidth: boolean\n  $disabled: boolean\n}>`\n  position: relative;\n  display: inline-flex;\n  align-items: stretch;\n  box-sizing: border-box;\n  cursor: ${({ $disabled }) => ($disabled ? 'default' : 'text')};\n  width: ${({ $fullwidth }) => ($fullwidth ? '100%' : 'auto')};\n`\n\nconst contentVariants = {\n  default: css`\n    padding-top: 17px;\n    padding-bottom: 17px;\n\n    & ${InputLeftDecoratorStyle}, & ${InputRightDecoratorStyle} {\n      margin-top: -17px;\n      margin-bottom: -17px;\n    }\n  `,\n  small: css`\n    padding-top: 9px;\n    padding-bottom: 9px;\n\n    & ${InputLeftDecoratorStyle}, & ${InputRightDecoratorStyle} {\n      padding-top: -9px;\n      padding-bottom: -9px;\n    }\n  `,\n}\n\nexport const InputContentStyle = styled.span<{\n  $error: boolean\n  $warning: boolean\n  $active: boolean\n  $disabled: boolean\n  $color: InputColors\n  $variant: InputVariants\n}>`\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  padding-left: 15px;\n  padding-right: 15px;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  border: 1px solid;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n  transition: border-color ${({ theme }) => theme.duration.fast} ease;\n\n  ${({ $variant }) => contentVariants[$variant]};\n  ${({ $color }) => wrapperColors[$color]};\n  ${({ $disabled }) => ($disabled ? '' : statesCSS)};\n  ${({ $active }) => ($active ? activeCSS : '')};\n  ${({ $warning }) => ($warning ? warningCSS : '')};\n  ${({ $error }) => ($error ? errorCSS : '')};\n`\n\nexport const InputControlWrapperStyle = styled.div`\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n`\n\nconst labeledCSS = css`\n  &:not(:focus):placeholder-shown {\n    & + ${InputLabelStyle} {\n      ${labelEmptyValueCSS}\n    }\n\n    &::placeholder {\n      opacity: 0;\n    }\n  }\n`\n\nconst inputColors = {\n  default: css`\n    color: var(--lido-color-text);\n\n    &:disabled {\n      color: var(--lido-color-textSecondary);\n    }\n\n    &::placeholder {\n      color: var(--lido-color-textSecondary);\n    }\n\n    &:-webkit-autofill {\n      box-shadow: 0 0 0 100px var(--lido-color-controlBg) inset !important;\n      color: var(--lido-color-text) !important;\n      -webkit-text-fill-color: var(--lido-color-text) !important;\n    }\n\n    &:-internal-autofill-selected {\n      color: var(--lido-color-text) !important;\n      -webkit-text-fill-color: var(--lido-color-text) !important;\n    }\n  `,\n  accent: css`\n    color: var(--lido-color-accentText);\n    opacity: 1;\n\n    &:disabled {\n      color: var(--lido-color-accentText);\n      opacity: 0.5;\n    }\n\n    &::placeholder {\n      color: var(--lido-color-accentText);\n      opacity: 0.5;\n    }\n\n    &:-webkit-autofill {\n      box-shadow: 0 0 0 100px var(--lido-color-accentControlBg) inset !important;\n      color: var(--lido-color-accentContrast) !important;\n      -webkit-text-fill-color: var(--lido-color-accentContrast) !important;\n    }\n\n    &:-internal-autofill-selected {\n      color: var(--lido-color-accentContrast) !important;\n      -webkit-text-fill-color: var(--lido-color-accentContrast) !important;\n    }\n  `,\n}\n\nexport const InputStyle = styled.input<{\n  $labeled: boolean\n  $color: InputColors\n}>`\n  width: 100%;\n  font-family: inherit;\n  font-weight: 400;\n  font-size: 1em;\n  line-height: 1.43em;\n  padding: 0;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n  border: none;\n  outline: none;\n  position: relative;\n  top: ${({ $labeled }) => ($labeled ? 8 : 0)}px;\n\n  &::placeholder {\n    transition: opacity ${({ theme }) => theme.duration.fast} ease;\n  }\n\n  ${({ $color }) => inputColors[$color]}\n  ${({ $labeled }) => ($labeled ? labeledCSS : '')}\n`\n\nexport const TextareaStyle = styled(InputStyle).attrs({\n  as: 'textarea',\n})`\n  resize: none;\n`\n\nconst messageVariants = {\n  error: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-errorContrast);\n    box-shadow: ${({ theme }) => theme.boxShadows.sm}\n      var(--lido-color-shadowLight);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-warningContrast);\n    box-shadow: ${({ theme }) => theme.boxShadows.sm}\n      var(--lido-color-shadowLight);\n  `,\n  success: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-successContrast);\n    box-shadow: ${({ theme }) => theme.boxShadows.sm}\n      var(--lido-color-shadowLight);\n  `,\n}\n\nexport const InputMessageStyle = styled.span<{\n  $variant: InputMessageVariants\n  $bordered?: boolean\n  $wrap?: boolean\n}>`\n  margin-top: ${({ $bordered }) => ($bordered ? 5 : 6)}px;\n  left: ${({ $bordered }) => ($bordered ? -1 : 0)}px;\n  position: absolute;\n  top: 100%;\n  line-height: 1.6em;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n  padding: 6px 10px;\n  white-space: ${({ $wrap }) => ($wrap ? 'wrap' : 'nowrap')};\n  overflow: hidden;\n  box-sizing: border-box;\n  text-overflow: ellipsis;\n  max-width: ${({ $bordered }) => ($bordered ? 'calc(100% + 2px)' : '100%')};\n  z-index: 3;\n\n  ${({ $variant }) => messageVariants[$variant]}\n`\n"],"names":["statesCSS","css","InputLabelStyle","labelFocusCSS","activeCSS","errorCSS","labelErrorCSS","warningCSS","labelWarningCSS","wrapperColors","default","$disabled","accent","decoratorCSS","InputLeftDecoratorStyle","styled","span","InputRightDecoratorStyle","InputWrapperStyle","label","$fullwidth","contentVariants","small","InputContentStyle","theme","fontSizesMap","xs","borderRadiusesMap","lg","duration","fast","$variant","$color","$active","$warning","$error","InputControlWrapperStyle","div","labeledCSS","labelEmptyValueCSS","inputColors","InputStyle","input","$labeled","TextareaStyle","attrs","as","messageVariants","error","boxShadows","sm","warning","success","InputMessageStyle","$bordered","xxs","$wrap"],"mappings":"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"}
+{"version":3,"file":"InputStyles.mjs","sources":["../../../packages/input/InputStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { InputMessageVariants, InputVariants, InputColors } from './types.js'\nimport {\n  labelEmptyValueCSS,\n  labelFocusCSS,\n  labelErrorCSS,\n  InputLabelStyle,\n  labelWarningCSS,\n} from './LabelStyles.js'\n\nconst statesCSS = css`\n  &:hover {\n    z-index: 1;\n  }\n\n  &:focus-within {\n    z-index: 2;\n    border-color: var(--lido-color-borderActive);\n\n    ${InputLabelStyle} {\n      ${labelFocusCSS}\n    }\n  }\n`\n\nconst activeCSS = css`\n  &,\n  &:hover,\n  &:focus-within {\n    z-index: 2;\n    border-color: var(--lido-color-borderActive);\n\n    ${InputLabelStyle} {\n      ${labelFocusCSS}\n    }\n  }\n`\n\nconst errorCSS = css`\n  &,\n  &:hover,\n  &:focus-within {\n    border-color: var(--lido-color-error);\n\n    ${InputLabelStyle} {\n      ${labelErrorCSS}\n    }\n  }\n`\n\nconst warningCSS = css`\n  &,\n  &:hover,\n  &:focus-within {\n    border-color: var(--lido-color-warning);\n\n    ${InputLabelStyle} {\n      ${labelWarningCSS}\n    }\n  }\n`\n\nconst wrapperColors = {\n  default: css<{ $disabled: boolean }>`\n    background: var(--lido-color-controlBg);\n    border-color: var(--lido-color-border);\n    color: var(--lido-color-text);\n\n    ${({ $disabled }) =>\n      $disabled\n        ? `background: var(--lido-color-background);`\n        : `\n          &:hover {\n            border-color: var(--lido-color-borderHover);\n          }\n    `};\n  `,\n  accent: css<{ $disabled: boolean }>`\n    background: var(--lido-color-accentControlBg);\n    border-color: var(--lido-color-accentBorder);\n    color: var(--lido-color-accentText);\n\n    ${({ $disabled }) =>\n      $disabled\n        ? `background: var(--lido-color-controlBg);`\n        : `\n          &:hover {\n            border-color: var(--lido-color-accentBorderHover);\n          }\n    `};\n  `,\n}\n\nconst decoratorCSS = css`\n  flex-grow: 0;\n  flex-shrink: 0;\n  cursor: inherit;\n  display: flex;\n  align-items: center;\n`\n\nexport const InputLeftDecoratorStyle = styled.span`\n  ${decoratorCSS}\n  padding-right: 16px;\n`\n\nexport const InputRightDecoratorStyle = styled.span`\n  ${decoratorCSS}\n  padding-left: 16px;\n`\n\nexport const InputWrapperStyle = styled.label<{\n  $fullwidth: boolean\n  $disabled: boolean\n}>`\n  position: relative;\n  display: inline-flex;\n  align-items: stretch;\n  box-sizing: border-box;\n  cursor: ${({ $disabled }) => ($disabled ? 'default' : 'text')};\n  width: ${({ $fullwidth }) => ($fullwidth ? '100%' : 'auto')};\n`\n\nconst contentVariants = {\n  default: css`\n    padding-top: 17px;\n    padding-bottom: 17px;\n\n    & ${InputLeftDecoratorStyle}, & ${InputRightDecoratorStyle} {\n      margin-top: -17px;\n      margin-bottom: -17px;\n    }\n  `,\n  small: css`\n    padding-top: 9px;\n    padding-bottom: 9px;\n\n    & ${InputLeftDecoratorStyle}, & ${InputRightDecoratorStyle} {\n      padding-top: -9px;\n      padding-bottom: -9px;\n    }\n  `,\n}\n\nexport const InputContentStyle = styled.span<{\n  $error: boolean\n  $warning: boolean\n  $active: boolean\n  $disabled: boolean\n  $color: InputColors\n  $variant: InputVariants\n}>`\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  padding-left: 15px;\n  padding-right: 15px;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  border: 1px solid;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n  transition: border-color ${({ theme }) => theme.duration.fast} ease;\n\n  ${({ $variant }) => contentVariants[$variant]};\n  ${({ $color }) => wrapperColors[$color]};\n  ${({ $disabled }) => ($disabled ? '' : statesCSS)};\n  ${({ $active }) => ($active ? activeCSS : '')};\n  ${({ $warning }) => ($warning ? warningCSS : '')};\n  ${({ $error }) => ($error ? errorCSS : '')};\n`\n\nexport const InputControlWrapperStyle = styled.div`\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n`\n\nconst labeledCSS = css`\n  &:not(:focus):placeholder-shown {\n    & + ${InputLabelStyle} {\n      ${labelEmptyValueCSS}\n    }\n\n    &::placeholder {\n      opacity: 0;\n    }\n  }\n`\n\nconst inputColors = {\n  default: css`\n    color: var(--lido-color-text);\n\n    &:disabled {\n      color: var(--lido-color-textSecondary);\n    }\n\n    &::placeholder {\n      color: var(--lido-color-textSecondary);\n    }\n\n    &:-webkit-autofill {\n      box-shadow: 0 0 0 100px var(--lido-color-controlBg) inset !important;\n      color: var(--lido-color-text) !important;\n      -webkit-text-fill-color: var(--lido-color-text) !important;\n    }\n\n    &:-internal-autofill-selected {\n      color: var(--lido-color-text) !important;\n      -webkit-text-fill-color: var(--lido-color-text) !important;\n    }\n  `,\n  accent: css`\n    color: var(--lido-color-accentText);\n    opacity: 1;\n\n    &:disabled {\n      color: var(--lido-color-accentText);\n      opacity: 0.5;\n    }\n\n    &::placeholder {\n      color: var(--lido-color-accentText);\n      opacity: 0.5;\n    }\n\n    &:-webkit-autofill {\n      box-shadow: 0 0 0 100px var(--lido-color-accentControlBg) inset !important;\n      color: var(--lido-color-accentContrast) !important;\n      -webkit-text-fill-color: var(--lido-color-accentContrast) !important;\n    }\n\n    &:-internal-autofill-selected {\n      color: var(--lido-color-accentContrast) !important;\n      -webkit-text-fill-color: var(--lido-color-accentContrast) !important;\n    }\n  `,\n}\n\nexport const InputStyle = styled.input<{\n  $labeled: boolean\n  $color: InputColors\n}>`\n  width: 100%;\n  font-family: inherit;\n  font-weight: 400;\n  font-size: 1em;\n  line-height: 1.43em;\n  padding: 0;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n  border: none;\n  outline: none;\n  position: relative;\n  top: ${({ $labeled }) => ($labeled ? 8 : 0)}px;\n\n  &::placeholder {\n    transition: opacity ${({ theme }) => theme.duration.fast} ease;\n  }\n\n  ${({ $color }) => inputColors[$color]}\n  ${({ $labeled }) => ($labeled ? labeledCSS : '')}\n`\n\nexport const TextareaStyle = styled(InputStyle).attrs({\n  as: 'textarea',\n})`\n  resize: none;\n`\n\nconst messageVariants = {\n  error: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-errorContrast);\n    box-shadow: ${({ theme }) => theme.boxShadows.sm}\n      var(--lido-color-shadowLight);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-warningContrast);\n    box-shadow: ${({ theme }) => theme.boxShadows.sm}\n      var(--lido-color-shadowLight);\n  `,\n  success: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-successContrast);\n    box-shadow: ${({ theme }) => theme.boxShadows.sm}\n      var(--lido-color-shadowLight);\n  `,\n}\n\nexport const InputMessageStyle = styled.span<{\n  $variant: InputMessageVariants\n  $bordered?: boolean\n  $wrap?: boolean\n}>`\n  margin-top: ${({ $bordered }) => ($bordered ? 5 : 6)}px;\n  left: ${({ $bordered }) => ($bordered ? -1 : 0)}px;\n  position: absolute;\n  top: 100%;\n  line-height: 1.6em;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n  padding: 6px 10px;\n  white-space: ${({ $wrap }) => ($wrap ? 'wrap' : 'nowrap')};\n  overflow: hidden;\n  box-sizing: border-box;\n  text-overflow: ellipsis;\n  max-width: ${({ $bordered }) => ($bordered ? 'calc(100% + 2px)' : '100%')};\n  z-index: 3;\n\n  ${({ $variant }) => messageVariants[$variant]}\n`\n"],"names":["statesCSS","css","InputLabelStyle","labelFocusCSS","activeCSS","errorCSS","labelErrorCSS","warningCSS","labelWarningCSS","wrapperColors","default","_ref","$disabled","accent","_ref2","decoratorCSS","InputLeftDecoratorStyle","styled","span","InputRightDecoratorStyle","InputWrapperStyle","label","_ref3","_ref4","$fullwidth","contentVariants","small","InputContentStyle","_ref5","theme","fontSizesMap","xs","_ref6","borderRadiusesMap","lg","_ref7","duration","fast","_ref8","$variant","_ref9","$color","_ref0","_ref1","$active","_ref10","$warning","_ref11","$error","InputControlWrapperStyle","div","labeledCSS","labelEmptyValueCSS","inputColors","InputStyle","input","_ref12","$labeled","_ref13","_ref14","_ref15","TextareaStyle","attrs","as","messageVariants","error","_ref16","boxShadows","sm","warning","_ref17","success","_ref18","InputMessageStyle","_ref19","$bordered","_ref20","_ref21","xxs","_ref22","_ref23","$wrap","_ref24","_ref25"],"mappings":"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"}

package/dist/esm/input/LabelStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LabelStyles.mjs","sources":["../../../packages/input/LabelStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { InputColors } from './types.js'\n\nconst colors = {\n  default: css`\n    color: var(--lido-color-textSecondary);\n  `,\n  accent: css`\n    color: var(--lido-color-accentContrastSecondary);\n  `,\n}\n\nexport const labelEmptyValueCSS = css<{ $color: InputColors }>`\n  ${({ $color }) => colors[$color]}\n\n  transform: scale(1);\n  opacity: 0.5;\n`\n\nexport const labelFilledValueCSS = css<{ $color: InputColors }>`\n  ${({ $color }) => colors[$color]}\n\n  transform: translateY(-14px) scale(0.75);\n  opacity: 1;\n`\n\nexport const labelFocusCSS = css`\n  color: var(--lido-color-primary);\n  opacity: 1;\n`\n\nexport const labelErrorCSS = css`\n  color: var(--lido-color-error);\n`\n\nexport const labelWarningCSS = css`\n  color: var(--lido-color-warning);\n`\n\nexport const InputLabelStyle = styled.span`\n  position: absolute;\n  left: 0;\n  top: 50%;\n  font-size: 1em;\n  line-height: 1.25em;\n  margin: -0.625em 0 0 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n  color: inherit;\n  transform-origin: 0% 100%;\n  transition: transform ${({ theme }) => theme.duration.fast} ease;\n  transition-property: transform, opacity, color;\n  ${labelFilledValueCSS};\n`\n\nexport const TextareaLabelStyle = styled(InputLabelStyle)`\n  top: 10px;\n`\n"],"names":["colors","default","css","accent","labelEmptyValueCSS","$color","labelFilledValueCSS","labelFocusCSS","labelErrorCSS","labelWarningCSS","InputLabelStyle","styled","span","theme","duration","fast","TextareaLabelStyle"],"mappings":";;;AAGA,MAAMA,MAAM,GAAG;AACbC,EAAAA,OAAO,EAAEC,GAAI,CAAA;AACf;AACA,EAHe,CAAA;AAIbC,EAAAA,MAAM,EAAED,GAAI,CAAA;AACd;AACA,EAAA,CAAA;AANe,CAAf,CAAA;AASO,MAAME,kBAAkB,GAAGF,GAA6B,CAAA;AAC/D,EAAI,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEG,IAAAA,MAAAA;GAAH,GAAA,IAAA,CAAA;EAAA,OAAgBL,MAAM,CAACK,MAAD,CAAtB,CAAA;AAAA,CAA+B,CAAA;AACnC;AACA;AACA;AACA,EALO;AAOA,MAAMC,mBAAmB,GAAGJ,GAA6B,CAAA;AAChE,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEG,IAAAA,MAAAA;GAAH,GAAA,KAAA,CAAA;EAAA,OAAgBL,MAAM,CAACK,MAAD,CAAtB,CAAA;AAAA,CAA+B,CAAA;AACnC;AACA;AACA;AACA,EALO;AAOA,MAAME,aAAa,GAAGL,GAAI,CAAA;AACjC;AACA;AACA,EAHO;AAKA,MAAMM,aAAa,GAAGN,GAAI,CAAA;AACjC;AACA,EAFO;AAIA,MAAMO,eAAe,GAAGP,GAAI,CAAA;AACnC;AACA,EAFO;AAIMQ,MAAAA,eAAe,GAAGC,MAAM,CAACC,IAAK,CAAA;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAA0B,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeC,IAA9B,CAAA;AAAA,CAAmC,CAAA;AAC7D;AACA,EAAA,EAAIT,mBAAoB,CAAA;AACxB,EAhBO;MAkBMU,kBAAkB,GAAGL,MAAM,CAACD,eAAD,CAAkB,CAAA;AAC1D;AACA;;;;"}
+{"version":3,"file":"LabelStyles.mjs","sources":["../../../packages/input/LabelStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { InputColors } from './types.js'\n\nconst colors = {\n  default: css`\n    color: var(--lido-color-textSecondary);\n  `,\n  accent: css`\n    color: var(--lido-color-accentContrastSecondary);\n  `,\n}\n\nexport const labelEmptyValueCSS = css<{ $color: InputColors }>`\n  ${({ $color }) => colors[$color]}\n\n  transform: scale(1);\n  opacity: 0.5;\n`\n\nexport const labelFilledValueCSS = css<{ $color: InputColors }>`\n  ${({ $color }) => colors[$color]}\n\n  transform: translateY(-14px) scale(0.75);\n  opacity: 1;\n`\n\nexport const labelFocusCSS = css`\n  color: var(--lido-color-primary);\n  opacity: 1;\n`\n\nexport const labelErrorCSS = css`\n  color: var(--lido-color-error);\n`\n\nexport const labelWarningCSS = css`\n  color: var(--lido-color-warning);\n`\n\nexport const InputLabelStyle = styled.span`\n  position: absolute;\n  left: 0;\n  top: 50%;\n  font-size: 1em;\n  line-height: 1.25em;\n  margin: -0.625em 0 0 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n  color: inherit;\n  transform-origin: 0% 100%;\n  transition: transform ${({ theme }) => theme.duration.fast} ease;\n  transition-property: transform, opacity, color;\n  ${labelFilledValueCSS};\n`\n\nexport const TextareaLabelStyle = styled(InputLabelStyle)`\n  top: 10px;\n`\n"],"names":["colors","default","css","accent","labelEmptyValueCSS","_ref","$color","labelFilledValueCSS","_ref2","labelFocusCSS","labelErrorCSS","labelWarningCSS","InputLabelStyle","styled","span","_ref3","theme","duration","fast","TextareaLabelStyle"],"mappings":";;;AAGA,MAAMA,MAAM,GAAG;AACbC,EAAAA,OAAO,EAAEC,GAAG,CAAA;AACd;AACA,EAAG,CAAA;AACDC,EAAAA,MAAM,EAAED,GAAG,CAAA;AACb;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEM,MAAME,kBAAkB,GAAGF,GAA4B,CAAA;AAC9D,EAAA,EAAIG,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAKL,MAAM,CAACM,MAAM,CAAC,CAAA;AAAA,CAAA,CAAA;AAClC;AACA;AACA;AACA,EAAC;AAEM,MAAMC,mBAAmB,GAAGL,GAA4B,CAAA;AAC/D,EAAA,EAAIM,KAAA,IAAA;EAAA,IAAC;AAAEF,IAAAA,MAAAA;AAAO,GAAC,GAAAE,KAAA,CAAA;EAAA,OAAKR,MAAM,CAACM,MAAM,CAAC,CAAA;AAAA,CAAA,CAAA;AAClC;AACA;AACA;AACA,EAAC;AAEM,MAAMG,aAAa,GAAGP,GAAG,CAAA;AAChC;AACA;AACA,EAAC;AAEM,MAAMQ,aAAa,GAAGR,GAAG,CAAA;AAChC;AACA,EAAC;AAEM,MAAMS,eAAe,GAAGT,GAAG,CAAA;AAClC;AACA,EAAC;AAEYU,MAAAA,eAAe,GAAGC,MAAM,CAACC,IAAI,CAAA;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAA,EAA0BC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA,EAAA,EAAIX,mBAAmB,CAAA;AACvB,EAAC;MAEYY,kBAAkB,GAAGN,MAAM,CAACD,eAAe,CAAC,CAAA;AACzD;AACA;;;;"}

package/dist/esm/input/OptionsSlider.mjs

@@ -9,22 +9,17 @@ const OptionsSlider = _ref => {
     ...rest
   } = _ref;
   let sliderIndex = options.findIndex(option => option.value === value);
-
   if (sliderIndex === -1) {
     sliderIndex = 0;
   }
-
   const max = options.length - 1;
-
   const getLabel = optionIndex => {
     return options[optionIndex].label;
   };
-
   const handleSliderChange = e => {
     const optionIndex = Number(e.target.value);
     onChange(options[optionIndex].value, optionIndex);
   };
-
   const labels = options.map((_ref2, index) => {
     let {
       label

package/dist/esm/input/OptionsSlider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OptionsSlider.mjs","sources":["../../../packages/input/OptionsSlider.tsx"],"sourcesContent":["import { SliderInput } from './SliderInput.js'\nimport { OptionsSliderInputProps } from './types.js'\n\nexport const OptionsSlider = ({\n  options,\n  value,\n  onChange,\n  ...rest\n}: OptionsSliderInputProps) => {\n  let sliderIndex = options.findIndex((option) => option.value === value)\n\n  if (sliderIndex === -1) {\n    sliderIndex = 0\n  }\n\n  const max = options.length - 1\n\n  const getLabel = (optionIndex: number) => {\n    return options[optionIndex].label\n  }\n\n  const handleSliderChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const optionIndex = Number(e.target.value)\n    onChange(options[optionIndex].value, optionIndex)\n  }\n\n  const labels = options.map(({ label }, index) => ({ value: index, label }))\n  return (\n    <SliderInput\n      min={0}\n      max={max}\n      value={sliderIndex}\n      onChange={handleSliderChange}\n      getLabel={getLabel}\n      labels={labels}\n      borderNone={true}\n      onLabelClick={(optionIndex) =>\n        onChange(options[optionIndex].value, optionIndex)\n      }\n      {...rest}\n    />\n  )\n}\n"],"names":["OptionsSlider","options","value","onChange","rest","sliderIndex","findIndex","option","max","length","getLabel","optionIndex","label","handleSliderChange","e","Number","target","labels","map","index","_jsx"],"mappings":";;;AAGO,MAAMA,aAAa,GAAG,IAKE,IAAA;EAAA,IALD;IAC5BC,OAD4B;IAE5BC,KAF4B;IAG5BC,QAH4B;IAI5B,GAAGC,IAAAA;GAC0B,GAAA,IAAA,CAAA;AAC7B,EAAA,IAAIC,WAAW,GAAGJ,OAAO,CAACK,SAAR,CAAmBC,MAAD,IAAYA,MAAM,CAACL,KAAP,KAAiBA,KAA/C,CAAlB,CAAA;;AAEA,EAAA,IAAIG,WAAW,KAAK,CAAC,CAArB,EAAwB;AACtBA,IAAAA,WAAW,GAAG,CAAd,CAAA;AACD,GAAA;;AAED,EAAA,MAAMG,GAAG,GAAGP,OAAO,CAACQ,MAAR,GAAiB,CAA7B,CAAA;;EAEA,MAAMC,QAAQ,GAAIC,WAAD,IAAyB;AACxC,IAAA,OAAOV,OAAO,CAACU,WAAD,CAAP,CAAqBC,KAA5B,CAAA;GADF,CAAA;;EAIA,MAAMC,kBAAkB,GAAIC,CAAD,IAA4C;IACrE,MAAMH,WAAW,GAAGI,MAAM,CAACD,CAAC,CAACE,MAAF,CAASd,KAAV,CAA1B,CAAA;IACAC,QAAQ,CAACF,OAAO,CAACU,WAAD,CAAP,CAAqBT,KAAtB,EAA6BS,WAA7B,CAAR,CAAA;GAFF,CAAA;;AAKA,EAAA,MAAMM,MAAM,GAAGhB,OAAO,CAACiB,GAAR,CAAY,QAAYC,KAAZ,KAAA;IAAA,IAAC;AAAEP,MAAAA,KAAAA;KAAH,GAAA,KAAA,CAAA;IAAA,OAAuB;AAAEV,MAAAA,KAAK,EAAEiB,KAAT;AAAgBP,MAAAA,KAAAA;KAAvC,CAAA;AAAA,GAAZ,CAAf,CAAA;AACA,EAAA,oBACEQ,IAAC,WAAD,EAAA;AACE,IAAA,GAAG,EAAE,CADP;AAEE,IAAA,GAAG,EAAEZ,GAFP;AAGE,IAAA,KAAK,EAAEH,WAHT;AAIE,IAAA,QAAQ,EAAEQ,kBAJZ;AAKE,IAAA,QAAQ,EAAEH,QALZ;AAME,IAAA,MAAM,EAAEO,MANV;AAOE,IAAA,UAAU,EAAE,IAPd;AAQE,IAAA,YAAY,EAAGN,WAAD,IACZR,QAAQ,CAACF,OAAO,CAACU,WAAD,CAAP,CAAqBT,KAAtB,EAA6BS,WAA7B,CATZ;IAAA,GAWMP,IAAAA;GAZR,CAAA,CAAA;AAeD;;;;"}
+{"version":3,"file":"OptionsSlider.mjs","sources":["../../../packages/input/OptionsSlider.tsx"],"sourcesContent":["import { SliderInput } from './SliderInput.js'\nimport { OptionsSliderInputProps } from './types.js'\n\nexport const OptionsSlider = ({\n  options,\n  value,\n  onChange,\n  ...rest\n}: OptionsSliderInputProps) => {\n  let sliderIndex = options.findIndex((option) => option.value === value)\n\n  if (sliderIndex === -1) {\n    sliderIndex = 0\n  }\n\n  const max = options.length - 1\n\n  const getLabel = (optionIndex: number) => {\n    return options[optionIndex].label\n  }\n\n  const handleSliderChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const optionIndex = Number(e.target.value)\n    onChange(options[optionIndex].value, optionIndex)\n  }\n\n  const labels = options.map(({ label }, index) => ({ value: index, label }))\n  return (\n    <SliderInput\n      min={0}\n      max={max}\n      value={sliderIndex}\n      onChange={handleSliderChange}\n      getLabel={getLabel}\n      labels={labels}\n      borderNone={true}\n      onLabelClick={(optionIndex) =>\n        onChange(options[optionIndex].value, optionIndex)\n      }\n      {...rest}\n    />\n  )\n}\n"],"names":["OptionsSlider","_ref","options","value","onChange","rest","sliderIndex","findIndex","option","max","length","getLabel","optionIndex","label","handleSliderChange","e","Number","target","labels","map","_ref2","index","_jsx","SliderInput","min","borderNone","onLabelClick"],"mappings":";;;AAGaA,MAAAA,aAAa,GAAGC,IAAA,IAKE;EAAA,IALD;IAC5BC,OAAO;IACPC,KAAK;IACLC,QAAQ;IACR,GAAGC,IAAAA;AACoB,GAAC,GAAAJ,IAAA,CAAA;AACxB,EAAA,IAAIK,WAAW,GAAGJ,OAAO,CAACK,SAAS,CAAEC,MAAM,IAAKA,MAAM,CAACL,KAAK,KAAKA,KAAK,CAAC,CAAA;AAEvE,EAAA,IAAIG,WAAW,KAAK,CAAC,CAAC,EAAE;AACtBA,IAAAA,WAAW,GAAG,CAAC,CAAA;AACjB,GAAA;AAEA,EAAA,MAAMG,GAAG,GAAGP,OAAO,CAACQ,MAAM,GAAG,CAAC,CAAA;EAE9B,MAAMC,QAAQ,GAAIC,WAAmB,IAAK;AACxC,IAAA,OAAOV,OAAO,CAACU,WAAW,CAAC,CAACC,KAAK,CAAA;GAClC,CAAA;EAED,MAAMC,kBAAkB,GAAIC,CAAsC,IAAK;IACrE,MAAMH,WAAW,GAAGI,MAAM,CAACD,CAAC,CAACE,MAAM,CAACd,KAAK,CAAC,CAAA;IAC1CC,QAAQ,CAACF,OAAO,CAACU,WAAW,CAAC,CAACT,KAAK,EAAES,WAAW,CAAC,CAAA;GAClD,CAAA;EAED,MAAMM,MAAM,GAAGhB,OAAO,CAACiB,GAAG,CAAC,CAAAC,KAAA,EAAYC,KAAK,KAAA;IAAA,IAAhB;AAAER,MAAAA,KAAAA;AAAM,KAAC,GAAAO,KAAA,CAAA;IAAA,OAAa;AAAEjB,MAAAA,KAAK,EAAEkB,KAAK;AAAER,MAAAA,KAAAA;KAAO,CAAA;AAAA,GAAC,CAAC,CAAA;EAC3E,oBACES,GAAA,CAACC,WAAW,EAAA;AACVC,IAAAA,GAAG,EAAE,CAAE;AACPf,IAAAA,GAAG,EAAEA,GAAI;AACTN,IAAAA,KAAK,EAAEG,WAAY;AACnBF,IAAAA,QAAQ,EAAEU,kBAAmB;AAC7BH,IAAAA,QAAQ,EAAEA,QAAS;AACnBO,IAAAA,MAAM,EAAEA,MAAO;AACfO,IAAAA,UAAU,EAAE,IAAK;AACjBC,IAAAA,YAAY,EAAGd,WAAW,IACxBR,QAAQ,CAACF,OAAO,CAACU,WAAW,CAAC,CAACT,KAAK,EAAES,WAAW,CACjD;IAAA,GACGP,IAAAA;AAAI,GACT,CAAC,CAAA;AAEN;;;;"}

package/dist/esm/input/SliderInput.mjs

@@ -18,9 +18,7 @@ const SliderInput = _ref => {
   } = _ref;
   const fillPercentage = (value - min) / (max - min) * 100;
   const LabelComponent = onLabelClick ? LabelButton : Label;
-
   const createClickHandler = value => () => onLabelClick?.(value);
-
   return /*#__PURE__*/jsxs(SliderWrapper, {
     children: [/*#__PURE__*/jsxs(Slider, {
       borderNone: borderNone,

package/dist/esm/input/SliderInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderInput.mjs","sources":["../../../packages/input/SliderInput.tsx"],"sourcesContent":["import {\n  Label,\n  LabelButton,\n  LabelContainer,\n  RangeInputSlider,\n  Slider,\n  SliderWrapper,\n  Track,\n} from './SliderInputStyles.js'\nimport { SliderInputProps } from './types.js'\n\nexport const SliderInput = ({\n  value,\n  onChange,\n  onLabelClick,\n  min = 0,\n  max = 100,\n  step = 1,\n  minLabel,\n  maxLabel,\n  getLabel = (val) => String(val),\n  borderNone,\n  labels,\n  ...rest\n}: SliderInputProps) => {\n  const fillPercentage = ((value - min) / (max - min)) * 100\n  const LabelComponent = onLabelClick ? LabelButton : Label\n  const createClickHandler = (value: number) => () => onLabelClick?.(value)\n\n  return (\n    <SliderWrapper>\n      <Slider borderNone={borderNone}>\n        {getLabel(value)}\n        <Track fillPercentage={fillPercentage} borderNone={borderNone} />\n      </Slider>\n      <RangeInputSlider\n        type='range'\n        value={value}\n        step={step}\n        onChange={onChange}\n        min={min}\n        max={max}\n        {...rest}\n      />\n      <LabelContainer>\n        {minLabel && (\n          <LabelComponent onClick={createClickHandler(min)}>\n            {minLabel}\n          </LabelComponent>\n        )}\n        {labels?.map(({ value, label }) => (\n          <LabelComponent onClick={createClickHandler(value)} key={value}>\n            {label}\n          </LabelComponent>\n        ))}\n        {maxLabel && (\n          <LabelComponent onClick={createClickHandler(max)}>\n            {maxLabel}\n          </LabelComponent>\n        )}\n      </LabelContainer>\n    </SliderWrapper>\n  )\n}\n"],"names":["SliderInput","value","onChange","onLabelClick","min","max","step","minLabel","maxLabel","getLabel","val","String","borderNone","labels","rest","fillPercentage","LabelComponent","LabelButton","Label","createClickHandler","_jsxs","_jsx","map","label"],"mappings":";;;AAWO,MAAMA,WAAW,GAAG,IAaH,IAAA;EAAA,IAbI;IAC1BC,KAD0B;IAE1BC,QAF0B;IAG1BC,YAH0B;AAI1BC,IAAAA,GAAG,GAAG,CAJoB;AAK1BC,IAAAA,GAAG,GAAG,GALoB;AAM1BC,IAAAA,IAAI,GAAG,CANmB;IAO1BC,QAP0B;IAQ1BC,QAR0B;AAS1BC,IAAAA,QAAQ,GAAIC,GAAD,IAASC,MAAM,CAACD,GAAD,CATA;IAU1BE,UAV0B;IAW1BC,MAX0B;IAY1B,GAAGC,IAAAA;GACmB,GAAA,IAAA,CAAA;AACtB,EAAA,MAAMC,cAAc,GAAI,CAACd,KAAK,GAAGG,GAAT,KAAiBC,GAAG,GAAGD,GAAvB,CAAD,GAAgC,GAAvD,CAAA;AACA,EAAA,MAAMY,cAAc,GAAGb,YAAY,GAAGc,WAAH,GAAiBC,KAApD,CAAA;;EACA,MAAMC,kBAAkB,GAAIlB,KAAD,IAAmB,MAAME,YAAY,GAAGF,KAAH,CAAhE,CAAA;;AAEA,EAAA,oBACEmB,KAAC,aAAD,EAAA;AAAA,IAAA,QAAA,EAAA,cACEA,KAAC,MAAD,EAAA;AAAQ,MAAA,UAAU,EAAER,UAApB;AAAA,MAAA,QAAA,EAAA,CACGH,QAAQ,CAACR,KAAD,CADX,eAEEoB,IAAC,KAAD,EAAA;AAAO,QAAA,cAAc,EAAEN,cAAvB;AAAuC,QAAA,UAAU,EAAEH,UAAAA;OAFrD,CAAA,CAAA;KADF,CAAA,eAKES,IAAC,gBAAD,EAAA;AACE,MAAA,IAAI,EAAC,OADP;AAEE,MAAA,KAAK,EAAEpB,KAFT;AAGE,MAAA,IAAI,EAAEK,IAHR;AAIE,MAAA,QAAQ,EAAEJ,QAJZ;AAKE,MAAA,GAAG,EAAEE,GALP;AAME,MAAA,GAAG,EAAEC,GANP;MAAA,GAOMS,IAAAA;KAZR,CAAA,eAcEM,KAAC,cAAD,EAAA;MAAA,QACGb,EAAAA,CAAAA,QAAQ,iBACPc,GAAA,CAAC,cAAD,EAAA;AAAgB,QAAA,OAAO,EAAEF,kBAAkB,CAACf,GAAD,CAA3C;QAAA,QACGG,EAAAA,QAAAA;AADH,OAAA,CAFJ,EAMGM,MAAM,EAAES,GAAR,CAAY,KAAA,IAAA;QAAA,IAAC;UAAErB,KAAF;AAASsB,UAAAA,KAAAA;SAAV,GAAA,KAAA,CAAA;AAAA,QAAA,oBACXF,IAAC,cAAD,EAAA;AAAgB,UAAA,OAAO,EAAEF,kBAAkB,CAAClB,KAAD,CAA3C;UAAA,QACGsB,EAAAA,KAAAA;AADH,SAAA,EAAyDtB,KAAzD,CADW,CAAA;AAAA,OAAZ,CANH,EAWGO,QAAQ,iBACPa,IAAC,cAAD,EAAA;AAAgB,QAAA,OAAO,EAAEF,kBAAkB,CAACd,GAAD,CAA3C;QAAA,QACGG,EAAAA,QAAAA;OAbP,CAAA,CAAA;KAdF,CAAA,CAAA;GADF,CAAA,CAAA;AAkCD;;;;"}
+{"version":3,"file":"SliderInput.mjs","sources":["../../../packages/input/SliderInput.tsx"],"sourcesContent":["import {\n  Label,\n  LabelButton,\n  LabelContainer,\n  RangeInputSlider,\n  Slider,\n  SliderWrapper,\n  Track,\n} from './SliderInputStyles.js'\nimport { SliderInputProps } from './types.js'\n\nexport const SliderInput = ({\n  value,\n  onChange,\n  onLabelClick,\n  min = 0,\n  max = 100,\n  step = 1,\n  minLabel,\n  maxLabel,\n  getLabel = (val) => String(val),\n  borderNone,\n  labels,\n  ...rest\n}: SliderInputProps) => {\n  const fillPercentage = ((value - min) / (max - min)) * 100\n  const LabelComponent = onLabelClick ? LabelButton : Label\n  const createClickHandler = (value: number) => () => onLabelClick?.(value)\n\n  return (\n    <SliderWrapper>\n      <Slider borderNone={borderNone}>\n        {getLabel(value)}\n        <Track fillPercentage={fillPercentage} borderNone={borderNone} />\n      </Slider>\n      <RangeInputSlider\n        type='range'\n        value={value}\n        step={step}\n        onChange={onChange}\n        min={min}\n        max={max}\n        {...rest}\n      />\n      <LabelContainer>\n        {minLabel && (\n          <LabelComponent onClick={createClickHandler(min)}>\n            {minLabel}\n          </LabelComponent>\n        )}\n        {labels?.map(({ value, label }) => (\n          <LabelComponent onClick={createClickHandler(value)} key={value}>\n            {label}\n          </LabelComponent>\n        ))}\n        {maxLabel && (\n          <LabelComponent onClick={createClickHandler(max)}>\n            {maxLabel}\n          </LabelComponent>\n        )}\n      </LabelContainer>\n    </SliderWrapper>\n  )\n}\n"],"names":["SliderInput","_ref","value","onChange","onLabelClick","min","max","step","minLabel","maxLabel","getLabel","val","String","borderNone","labels","rest","fillPercentage","LabelComponent","LabelButton","Label","createClickHandler","_jsxs","SliderWrapper","children","Slider","_jsx","Track","RangeInputSlider","type","LabelContainer","onClick","map","_ref2","label"],"mappings":";;;AAWaA,MAAAA,WAAW,GAAGC,IAAA,IAaH;EAAA,IAbI;IAC1BC,KAAK;IACLC,QAAQ;IACRC,YAAY;AACZC,IAAAA,GAAG,GAAG,CAAC;AACPC,IAAAA,GAAG,GAAG,GAAG;AACTC,IAAAA,IAAI,GAAG,CAAC;IACRC,QAAQ;IACRC,QAAQ;AACRC,IAAAA,QAAQ,GAAIC,GAAG,IAAKC,MAAM,CAACD,GAAG,CAAC;IAC/BE,UAAU;IACVC,MAAM;IACN,GAAGC,IAAAA;AACa,GAAC,GAAAd,IAAA,CAAA;AACjB,EAAA,MAAMe,cAAc,GAAI,CAACd,KAAK,GAAGG,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG,CAAA;AAC1D,EAAA,MAAMY,cAAc,GAAGb,YAAY,GAAGc,WAAW,GAAGC,KAAK,CAAA;EACzD,MAAMC,kBAAkB,GAAIlB,KAAa,IAAK,MAAME,YAAY,GAAGF,KAAK,CAAC,CAAA;EAEzE,oBACEmB,IAAA,CAACC,aAAa,EAAA;IAAAC,QAAA,EAAA,cACZF,IAAA,CAACG,MAAM,EAAA;AAACX,MAAAA,UAAU,EAAEA,UAAW;MAAAU,QAAA,EAAA,CAC5Bb,QAAQ,CAACR,KAAK,CAAC,eAChBuB,GAAA,CAACC,KAAK,EAAA;AAACV,QAAAA,cAAc,EAAEA,cAAe;AAACH,QAAAA,UAAU,EAAEA,UAAAA;AAAW,OAAE,CAAC,CAAA;AAAA,KAC3D,CAAC,eACTY,GAAA,CAACE,gBAAgB,EAAA;AACfC,MAAAA,IAAI,EAAC,OAAO;AACZ1B,MAAAA,KAAK,EAAEA,KAAM;AACbK,MAAAA,IAAI,EAAEA,IAAK;AACXJ,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,GAAG,EAAEA,GAAI;AACTC,MAAAA,GAAG,EAAEA,GAAI;MAAA,GACLS,IAAAA;AAAI,KACT,CAAC,eACFM,IAAA,CAACQ,cAAc,EAAA;AAAAN,MAAAA,QAAA,EACZf,CAAAA,QAAQ,iBACPiB,GAAA,CAACR,cAAc,EAAA;AAACa,QAAAA,OAAO,EAAEV,kBAAkB,CAACf,GAAG,CAAE;AAAAkB,QAAAA,QAAA,EAC9Cf,QAAAA;AAAQ,OACK,CACjB,EACAM,MAAM,EAAEiB,GAAG,CAACC,KAAA,IAAA;QAAA,IAAC;UAAE9B,KAAK;AAAE+B,UAAAA,KAAAA;AAAM,SAAC,GAAAD,KAAA,CAAA;QAAA,oBAC5BP,GAAA,CAACR,cAAc,EAAA;AAACa,UAAAA,OAAO,EAAEV,kBAAkB,CAAClB,KAAK,CAAE;AAAAqB,UAAAA,QAAA,EAChDU,KAAAA;AAAK,SAAA,EADiD/B,KAEzC,CAAC,CAAA;AAAA,OAClB,CAAC,EACDO,QAAQ,iBACPgB,GAAA,CAACR,cAAc,EAAA;AAACa,QAAAA,OAAO,EAAEV,kBAAkB,CAACd,GAAG,CAAE;AAAAiB,QAAAA,QAAA,EAC9Cd,QAAAA;AAAQ,OACK,CACjB,CAAA;AAAA,KACa,CAAC,CAAA;AAAA,GACJ,CAAC,CAAA;AAEpB;;;;"}

package/dist/esm/input/SliderInputStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderInputStyles.mjs","sources":["../../../packages/input/SliderInputStyles.ts"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const RangeInputSlider = styled.input`\n  width: 100%;\n  background-color: transparent;\n  -webkit-appearance: none;\n  position: absolute;\n  margin: 0;\n  top: 56px;\n  left: 0;\n  right: 0;\n\n  &:focus {\n    outline: none;\n  }\n\n  &::-webkit-slider-runnable-track {\n    background: transparent;\n    border: 0;\n    border-radius: 10px;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n\n  &::-webkit-slider-thumb {\n    margin-top: -8px;\n    width: 18px;\n    height: 18px;\n    background: #ffffff;\n    box-shadow:\n      0 0.5px 4px rgba(0, 0, 0, 0.12),\n      0 6px 13px rgba(0, 0, 0, 0.12);\n    border: 0;\n    border-radius: 50px;\n    cursor: pointer;\n    -webkit-appearance: none;\n  }\n\n  &::-moz-range-track {\n    background: #00a3ff;\n    border: 0;\n    border-radius: 10px;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n\n  &::-moz-range-thumb {\n    width: 18px;\n    height: 18px;\n    background: #ffffff;\n    border: 0;\n    border-radius: 50px;\n    cursor: pointer;\n  }\n\n  &::-ms-track {\n    background: transparent;\n    color: transparent;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n`\n\nexport const Track = styled.div<{\n  fillPercentage: number\n  borderNone?: boolean\n}>`\n  height: 1px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: var(--lido-color-border);\n\n  ${(props) =>\n    props.borderNone &&\n    `\n    background: none;\n    `};\n\n  &:before {\n    content: '';\n    position: absolute;\n    display: block;\n    height: 2px;\n    bottom: 0;\n    left: 0;\n    background: var(--lido-color-primary);\n    width: ${(props) => props.fillPercentage || 0}%;\n  }\n`\n\nexport const Slider = styled.div<{\n  borderNone?: boolean\n}>`\n  position: relative;\n  height: 56px;\n  padding: 16px 20px;\n  box-sizing: border-box;\n\n  background: var(--lido-color-accentControlBg);\n  border-right: 1px solid var(--lido-color-border);\n  border-left: 1px solid var(--lido-color-border);\n  border-top: 1px solid var(--lido-color-border);\n\n  ${(props) =>\n    props.borderNone &&\n    `\n    border-right: none;\n    border-left: none;\n    border-top: none;\n    `};\n\n  border-radius: 10px;\n  overflow: hidden;\n`\n\nexport const SliderWrapper = styled.div`\n  position: relative;\n`\n\nexport const LabelContainer = styled.div`\n  display: flex;\n  justify-content: space-between;\n  margin-top: 8px;\n`\n\nexport const Label = styled.span`\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--lido-color-text);\n  opacity: 0.5;\n`\n\nexport const LabelButton = styled.button`\n  border: none;\n  background-color: transparent;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--lido-color-text);\n  opacity: 0.5;\n  cursor: pointer;\n`\n"],"names":["RangeInputSlider","styled","input","Track","div","props","borderNone","fillPercentage","Slider","SliderWrapper","LabelContainer","Label","span","LabelButton","button"],"mappings":";;AAEaA,MAAAA,gBAAgB,GAAGC,MAAM,CAACC,KAAM,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EA9DO;AAgEMC,MAAAA,KAAK,GAAGF,MAAM,CAACG,GAGzB,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAD,IACAA,KAAK,CAACC,UAAN,IACC,CAAA;AACL;AACA,IAAM,CAAA,CAAA;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAA,EAAcD,KAAD,IAAWA,KAAK,CAACE,cAAN,IAAwB,CAAE,CAAA;AAClD;AACA,EA3BO;AA6BMC,MAAAA,MAAM,GAAGP,MAAM,CAACG,GAE1B,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAD,IACAA,KAAK,CAACC,UAAN,IACC,CAAA;AACL;AACA;AACA;AACA,IAAM,CAAA,CAAA;AACN;AACA;AACA;AACA,EAvBO;AAyBMG,MAAAA,aAAa,GAAGR,MAAM,CAACG,GAAI,CAAA;AACxC;AACA,EAFO;AAIMM,MAAAA,cAAc,GAAGT,MAAM,CAACG,GAAI,CAAA;AACzC;AACA;AACA;AACA,EAJO;AAMMO,MAAAA,KAAK,GAAGV,MAAM,CAACW,IAAK,CAAA;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,EAPO;AASMC,MAAAA,WAAW,GAAGZ,MAAM,CAACa,MAAO,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"SliderInputStyles.mjs","sources":["../../../packages/input/SliderInputStyles.ts"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const RangeInputSlider = styled.input`\n  width: 100%;\n  background-color: transparent;\n  -webkit-appearance: none;\n  position: absolute;\n  margin: 0;\n  top: 56px;\n  left: 0;\n  right: 0;\n\n  &:focus {\n    outline: none;\n  }\n\n  &::-webkit-slider-runnable-track {\n    background: transparent;\n    border: 0;\n    border-radius: 10px;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n\n  &::-webkit-slider-thumb {\n    margin-top: -8px;\n    width: 18px;\n    height: 18px;\n    background: #ffffff;\n    box-shadow:\n      0 0.5px 4px rgba(0, 0, 0, 0.12),\n      0 6px 13px rgba(0, 0, 0, 0.12);\n    border: 0;\n    border-radius: 50px;\n    cursor: pointer;\n    -webkit-appearance: none;\n  }\n\n  &::-moz-range-track {\n    background: #00a3ff;\n    border: 0;\n    border-radius: 10px;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n\n  &::-moz-range-thumb {\n    width: 18px;\n    height: 18px;\n    background: #ffffff;\n    border: 0;\n    border-radius: 50px;\n    cursor: pointer;\n  }\n\n  &::-ms-track {\n    background: transparent;\n    color: transparent;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n`\n\nexport const Track = styled.div<{\n  fillPercentage: number\n  borderNone?: boolean\n}>`\n  height: 1px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: var(--lido-color-border);\n\n  ${(props) =>\n    props.borderNone &&\n    `\n    background: none;\n    `};\n\n  &:before {\n    content: '';\n    position: absolute;\n    display: block;\n    height: 2px;\n    bottom: 0;\n    left: 0;\n    background: var(--lido-color-primary);\n    width: ${(props) => props.fillPercentage || 0}%;\n  }\n`\n\nexport const Slider = styled.div<{\n  borderNone?: boolean\n}>`\n  position: relative;\n  height: 56px;\n  padding: 16px 20px;\n  box-sizing: border-box;\n\n  background: var(--lido-color-accentControlBg);\n  border-right: 1px solid var(--lido-color-border);\n  border-left: 1px solid var(--lido-color-border);\n  border-top: 1px solid var(--lido-color-border);\n\n  ${(props) =>\n    props.borderNone &&\n    `\n    border-right: none;\n    border-left: none;\n    border-top: none;\n    `};\n\n  border-radius: 10px;\n  overflow: hidden;\n`\n\nexport const SliderWrapper = styled.div`\n  position: relative;\n`\n\nexport const LabelContainer = styled.div`\n  display: flex;\n  justify-content: space-between;\n  margin-top: 8px;\n`\n\nexport const Label = styled.span`\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--lido-color-text);\n  opacity: 0.5;\n`\n\nexport const LabelButton = styled.button`\n  border: none;\n  background-color: transparent;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--lido-color-text);\n  opacity: 0.5;\n  cursor: pointer;\n`\n"],"names":["RangeInputSlider","styled","input","Track","div","props","borderNone","fillPercentage","Slider","SliderWrapper","LabelContainer","Label","span","LabelButton","button"],"mappings":";;AAEaA,MAAAA,gBAAgB,GAAGC,MAAM,CAACC,KAAK,CAAA;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,KAAK,GAAGF,MAAM,CAACG,GAG1B,CAAA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAK,IACNA,KAAK,CAACC,UAAU,IAChB,CAAA;AACJ;AACA,IAAK,CAAA,CAAA;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAA,EAAcD,KAAK,IAAKA,KAAK,CAACE,cAAc,IAAI,CAAC,CAAA;AACjD;AACA,EAAC;AAEYC,MAAAA,MAAM,GAAGP,MAAM,CAACG,GAE3B,CAAA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAK,IACNA,KAAK,CAACC,UAAU,IAChB,CAAA;AACJ;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL;AACA;AACA;AACA,EAAC;AAEYG,MAAAA,aAAa,GAAGR,MAAM,CAACG,GAAG,CAAA;AACvC;AACA,EAAC;AAEYM,MAAAA,cAAc,GAAGT,MAAM,CAACG,GAAG,CAAA;AACxC;AACA;AACA;AACA,EAAC;AAEYO,MAAAA,KAAK,GAAGV,MAAM,CAACW,IAAI,CAAA;AAChC;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,WAAW,GAAGZ,MAAM,CAACa,MAAM,CAAA;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/input/Textarea.mjs

@@ -26,7 +26,6 @@ const Textarea = /*#__PURE__*/forwardRef((_ref, ref) => {
   const hasError = !!error;
   const hasErrorMessage = hasError && typeof error !== 'boolean';
   const hasWarning = !hasError && !!warning; // `error` overrides `warning`
-
   const hasWarningMessage = hasWarning && typeof warning !== 'boolean';
   const hasSuccess = !!success && !error;
   const hasSuccessMessage = hasSuccess && typeof success !== 'boolean';