@lidofinance/lido-ui 1.10.13 → 2.0.0-next.2

package/dist/cjs/input/src/InputStyles.js

@@ -0,0 +1,340 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    InputWrapperStyle: ()=>InputWrapperStyle,
+    InputContentStyle: ()=>InputContentStyle,
+    InputStyle: ()=>InputStyle,
+    TextareaStyle: ()=>TextareaStyle,
+    InputMessageStyle: ()=>InputMessageStyle,
+    InputLeftDecoratorStyle: ()=>InputLeftDecoratorStyle,
+    InputRightDecoratorStyle: ()=>InputRightDecoratorStyle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const _labelStyles = require("./LabelStyles");
+const statesCSS = (0, _styledComponents.css)`
+  &:hover {
+    z-index: 1;
+  }
+
+  &:focus-within {
+    z-index: 2;
+    border-color: var(--lido-color-borderActive);
+
+    ${_labelStyles.InputLabelStyle} {
+      ${_labelStyles.labelFocusCSS}
+    }
+  }
+`;
+const activeCSS = (0, _styledComponents.css)`
+  &,
+  &:hover,
+  &:focus-within {
+    z-index: 2;
+    border-color: var(--lido-color-borderActive);
+
+    ${_labelStyles.InputLabelStyle} {
+      ${_labelStyles.labelFocusCSS}
+    }
+  }
+`;
+const errorCSS = (0, _styledComponents.css)`
+  &,
+  &:hover,
+  &:focus-within {
+    border-color: var(--lido-color-error);
+
+    ${_labelStyles.InputLabelStyle} {
+      ${_labelStyles.labelErrorCSS}
+    }
+  }
+`;
+const warningCSS = (0, _styledComponents.css)`
+  &,
+  &:hover,
+  &:focus-within {
+    border-color: var(--lido-color-warning);
+
+    ${_labelStyles.InputLabelStyle} {
+      ${_labelStyles.labelWarningCSS}
+    }
+  }
+`;
+const wrapperColors = {
+    default: (0, _styledComponents.css)`
+    background: var(--lido-color-controlBg);
+    border-color: var(--lido-color-border);
+    color: var(--lido-color-text);
+
+    ${(param)=>{
+        let { $disabled  } = param;
+        return $disabled ? `background: var(--lido-color-background);` : `
+          &:hover {
+            border-color: var(--lido-color-borderHover);
+          }
+    `;
+    }};
+  `,
+    accent: (0, _styledComponents.css)`
+    background: var(--lido-color-accentControlBg);
+    border-color: var(--lido-color-accentBorder);
+    color: var(--lido-color-accentText);
+
+    ${(param)=>{
+        let { $disabled  } = param;
+        return $disabled ? `background: var(--lido-color-controlBg);` : `
+          &:hover {
+            border-color: var(--lido-color-accentBorderHover);
+          }
+    `;
+    }};
+  `
+};
+const InputWrapperStyle = _styledComponents.default.label`
+  position: relative;
+  display: inline-flex;
+  border: 1px solid;
+  border-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.lg;
+}}px;
+  align-items: stretch;
+  box-sizing: border-box;
+  padding: 0 15px;
+  cursor: ${(param)=>{
+    let { $disabled  } = param;
+    return $disabled ? 'default' : 'text';
+}};
+  transition: border-color ${(param)=>{
+    let { theme  } = param;
+    return theme.duration.fast;
+}} ease;
+  width: ${(param)=>{
+    let { $fullwidth  } = param;
+    return $fullwidth ? '100%' : 'auto';
+}};
+
+  ${(param)=>{
+    let { $color  } = param;
+    return wrapperColors[$color];
+}};
+  ${(param)=>{
+    let { $disabled  } = param;
+    return $disabled ? '' : statesCSS;
+}}
+
+  ${(param)=>{
+    let { $active  } = param;
+    return $active ? activeCSS : '';
+}}
+  ${(param)=>{
+    let { $warning  } = param;
+    return $warning ? warningCSS : '';
+}}
+  ${(param)=>{
+    let { $error  } = param;
+    return $error ? errorCSS : '';
+}}
+`;
+const contentVariants = {
+    default: (0, _styledComponents.css)`
+    padding: 17px 0;
+  `,
+    small: (0, _styledComponents.css)`
+    padding: 9px 0;
+  `
+};
+const InputContentStyle = _styledComponents.default.span`
+  font-weight: 400;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xs;
+}}px;
+  display: flex;
+  flex-grow: 1;
+  position: relative;
+
+  ${(param)=>{
+    let { $variant  } = param;
+    return contentVariants[$variant];
+}};
+`;
+const labeledCSS = (0, _styledComponents.css)`
+  &:not(:focus):placeholder-shown {
+    & + ${_labelStyles.InputLabelStyle} {
+      ${_labelStyles.labelEmptyValueCSS}
+    }
+
+    &::placeholder {
+      opacity: 0;
+    }
+  }
+`;
+const inputColors = {
+    default: (0, _styledComponents.css)`
+    color: var(--lido-color-text);
+
+    &:disabled {
+      color: var(--lido-color-textSecondary);
+    }
+
+    &::placeholder {
+      color: var(--lido-color-textSecondary);
+    }
+
+    &:-webkit-autofill {
+      box-shadow: 0 0 0 100px var(--lido-color-controlBg) inset !important;
+      color: var(--lido-color-text) !important;
+    }
+
+    &:-internal-autofill-selected {
+      color: var(--lido-color-text) !important;
+    }
+  `,
+    accent: (0, _styledComponents.css)`
+    color: var(--lido-color-accentText);
+    opacity: 1;
+
+    &:disabled {
+      color: var(--lido-color-accentText);
+      opacity: 0.5;
+    }
+
+    &::placeholder {
+      color: var(--lido-color-accentText);
+      opacity: 0.5;
+    }
+
+    &:-webkit-autofill {
+      box-shadow: 0 0 0 100px var(--lido-color-accentControlBg) inset !important;
+      color: var(--lido-color-accentContrast) !important;
+    }
+
+    &:-internal-autofill-selected {
+      color: var(--lido-color-accentContrast) !important;
+    }
+  `
+};
+const InputStyle = _styledComponents.default.input`
+  width: 100%;
+  font-family: inherit;
+  font-weight: 400;
+  font-size: 1em;
+  line-height: 1.43em;
+  padding: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  outline: none;
+  position: relative;
+  top: ${(param)=>{
+    let { $labeled  } = param;
+    return $labeled ? 8 : 0;
+}}px;
+
+  &::placeholder {
+    transition: opacity ${(param)=>{
+    let { theme  } = param;
+    return theme.duration.fast;
+}} ease;
+  }
+
+  ${(param)=>{
+    let { $color  } = param;
+    return inputColors[$color];
+}}
+  ${(param)=>{
+    let { $labeled  } = param;
+    return $labeled ? labeledCSS : '';
+}}
+`;
+const TextareaStyle = (0, _styledComponents.default)(InputStyle).attrs({
+    as: 'textarea'
+})`
+  resize: none;
+`;
+const messageVariants = {
+    error: (0, _styledComponents.css)`
+    background: var(--lido-color-error);
+    color: var(--lido-color-errorContrast);
+    box-shadow: ${(param)=>{
+        let { theme  } = param;
+        return theme.boxShadows.sm;
+    }}
+      var(--lido-color-shadowLight);
+  `,
+    warning: (0, _styledComponents.css)`
+    background: var(--lido-color-warning);
+    color: var(--lido-color-warningContrast);
+    box-shadow: ${(param)=>{
+        let { theme  } = param;
+        return theme.boxShadows.sm;
+    }}
+      var(--lido-color-shadowLight);
+  `,
+    success: (0, _styledComponents.css)`
+    color: var(--lido-color-success);
+  `
+};
+const InputMessageStyle = _styledComponents.default.span`
+  margin-top: ${(param)=>{
+    let { $bordered  } = param;
+    return $bordered ? 5 : 6;
+}}px;
+  left: ${(param)=>{
+    let { $bordered  } = param;
+    return $bordered ? -1 : 0;
+}}px;
+  position: absolute;
+  top: 100%;
+  line-height: 1.6em;
+  font-weight: 400;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+  border-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.sm;
+}}px;
+  padding: 6px 10px;
+  white-space: nowrap;
+  overflow: hidden;
+  box-sizing: border-box;
+  text-overflow: ellipsis;
+  max-width: ${(param)=>{
+    let { $bordered  } = param;
+    return $bordered ? 'calc(100% + 2px)' : '100%';
+}};
+
+  ${(param)=>{
+    let { $variant  } = param;
+    return messageVariants[$variant];
+}}
+`;
+const decoratorCSS = (0, _styledComponents.css)`
+  flex-grow: 0;
+  flex-shrink: 0;
+  cursor: inherit;
+  display: flex;
+  align-items: center;
+`;
+const InputLeftDecoratorStyle = _styledComponents.default.span`
+  ${decoratorCSS}
+  padding-right: 16px;
+`;
+const InputRightDecoratorStyle = _styledComponents.default.span`
+  ${decoratorCSS}
+  padding-left: 16px;
+`;
+
+//# sourceMappingURL=InputStyles.js.map

package/dist/cjs/input/src/InputStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/input/src/InputStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { InputMessageVariants, InputVariants, InputColors } from './types'\nimport {\n  labelEmptyValueCSS,\n  labelFocusCSS,\n  labelErrorCSS,\n  InputLabelStyle,\n  labelWarningCSS,\n} from './LabelStyles'\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\nexport const InputWrapperStyle = styled.label<{\n  $error: boolean\n  $warning: boolean\n  $active: boolean\n  $disabled: boolean\n  $fullwidth: boolean\n  $color: InputColors\n}>`\n  position: relative;\n  display: inline-flex;\n  border: 1px solid;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n  align-items: stretch;\n  box-sizing: border-box;\n  padding: 0 15px;\n  cursor: ${({ $disabled }) => ($disabled ? 'default' : 'text')};\n  transition: border-color ${({ theme }) => theme.duration.fast} ease;\n  width: ${({ $fullwidth }) => ($fullwidth ? '100%' : 'auto')};\n\n  ${({ $color }) => wrapperColors[$color]};\n  ${({ $disabled }) => ($disabled ? '' : statesCSS)}\n\n  ${({ $active }) => ($active ? activeCSS : '')}\n  ${({ $warning }) => ($warning ? warningCSS : '')}\n  ${({ $error }) => ($error ? errorCSS : '')}\n`\n\nconst contentVariants = {\n  default: css`\n    padding: 17px 0;\n  `,\n  small: css`\n    padding: 9px 0;\n  `,\n}\n\nexport const InputContentStyle = styled.span<{ $variant: InputVariants }>`\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  display: flex;\n  flex-grow: 1;\n  position: relative;\n\n  ${({ $variant }) => contentVariants[$variant]};\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    }\n\n    &:-internal-autofill-selected {\n      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    }\n\n    &:-internal-autofill-selected {\n      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    color: var(--lido-color-success);\n  `,\n}\n\nexport const InputMessageStyle = styled.span<{\n  $variant: InputMessageVariants\n  $bordered?: 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: nowrap;\n  overflow: hidden;\n  box-sizing: border-box;\n  text-overflow: ellipsis;\n  max-width: ${({ $bordered }) => ($bordered ? 'calc(100% + 2px)' : '100%')};\n\n  ${({ $variant }) => messageVariants[$variant]}\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"],"names":["InputWrapperStyle","InputContentStyle","InputStyle","TextareaStyle","InputMessageStyle","InputLeftDecoratorStyle","InputRightDecoratorStyle","statesCSS","css","InputLabelStyle","labelFocusCSS","activeCSS","errorCSS","labelErrorCSS","warningCSS","labelWarningCSS","wrapperColors","default","$disabled","accent","styled","label","theme","borderRadiusesMap","lg","duration","fast","$fullwidth","$color","$active","$warning","$error","contentVariants","small","span","fontSizesMap","xs","$variant","labeledCSS","labelEmptyValueCSS","inputColors","input","$labeled","attrs","as","messageVariants","error","boxShadows","sm","warning","success","$bordered","xxs","decoratorCSS"],"mappings":"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"}

package/dist/cjs/input/src/LabelStyles.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    labelEmptyValueCSS: ()=>labelEmptyValueCSS,
+    labelFilledValueCSS: ()=>labelFilledValueCSS,
+    labelFocusCSS: ()=>labelFocusCSS,
+    labelErrorCSS: ()=>labelErrorCSS,
+    labelWarningCSS: ()=>labelWarningCSS,
+    InputLabelStyle: ()=>InputLabelStyle,
+    TextareaLabelStyle: ()=>TextareaLabelStyle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const colors = {
+    default: (0, _styledComponents.css)`
+    color: var(--lido-color-textSecondary);
+  `,
+    accent: (0, _styledComponents.css)`
+    color: var(--lido-color-accentContrastSecondary);
+  `
+};
+const labelEmptyValueCSS = (0, _styledComponents.css)`
+  ${(param)=>{
+    let { $color  } = param;
+    return colors[$color];
+}}
+
+  transform: scale(1);
+  opacity: 0.5;
+`;
+const labelFilledValueCSS = (0, _styledComponents.css)`
+  ${(param)=>{
+    let { $color  } = param;
+    return colors[$color];
+}}
+
+  transform: translateY(-14px) scale(0.75);
+  opacity: 1;
+`;
+const labelFocusCSS = (0, _styledComponents.css)`
+  color: var(--lido-color-primary);
+  opacity: 1;
+`;
+const labelErrorCSS = (0, _styledComponents.css)`
+  color: var(--lido-color-error);
+`;
+const labelWarningCSS = (0, _styledComponents.css)`
+  color: var(--lido-color-warning);
+`;
+const InputLabelStyle = _styledComponents.default.span`
+  position: absolute;
+  left: 0;
+  top: 50%;
+  font-size: 1em;
+  line-height: 1.25em;
+  margin: -0.625em 0 0 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  color: inherit;
+  transform-origin: 0% 100%;
+  transition: transform ${(param)=>{
+    let { theme  } = param;
+    return theme.duration.fast;
+}} ease;
+  transition-property: transform, opacity, color;
+  ${labelFilledValueCSS};
+`;
+const TextareaLabelStyle = (0, _styledComponents.default)(InputLabelStyle)`
+  top: 27px;
+`;
+
+//# sourceMappingURL=LabelStyles.js.map

package/dist/cjs/input/src/LabelStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/input/src/LabelStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { InputColors } from './types'\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: 27px;\n`\n"],"names":["labelEmptyValueCSS","labelFilledValueCSS","labelFocusCSS","labelErrorCSS","labelWarningCSS","InputLabelStyle","TextareaLabelStyle","colors","default","css","accent","$color","styled","span","theme","duration","fast"],"mappings":"AAAA;;;;;;;;;;;IAYaA,kBAAkB,MAAlBA,kBAAkB;IAOlBC,mBAAmB,MAAnBA,mBAAmB;IAOnBC,aAAa,MAAbA,aAAa;IAKbC,aAAa,MAAbA,aAAa;IAIbC,eAAe,MAAfA,eAAe;IAIfC,eAAe,MAAfA,eAAe;IAkBfC,kBAAkB,MAAlBA,kBAAkB;;;wEAzDH,mBAAmB;AAG/C,MAAMC,MAAM,GAAG;IACbC,OAAO,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEb,CAAC;IACDC,MAAM,EAAED,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEZ,CAAC;CACF;AAEM,MAAMT,kBAAkB,GAAGS,IAAAA,iBAAG,IAAA,CAAyB,CAAC;EAC7D,EAAE,SAAgBF;QAAf,EAAEI,MAAM,CAAA,EAAE;WAAKJ,MAAM,CAACI,MAAM,CAAC;AAAD,CAAC,CAAC;;;;AAInC,CAAC;AAEM,MAAMV,mBAAmB,GAAGQ,IAAAA,iBAAG,IAAA,CAAyB,CAAC;EAC9D,EAAE,SAAgBF;QAAf,EAAEI,MAAM,CAAA,EAAE;WAAKJ,MAAM,CAACI,MAAM,CAAC;AAAD,CAAC,CAAC;;;;AAInC,CAAC;AAEM,MAAMT,aAAa,GAAGO,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;AAGjC,CAAC;AAEM,MAAMN,aAAa,GAAGM,IAAAA,iBAAG,IAAA,CAAA,CAAC;;AAEjC,CAAC;AAEM,MAAML,eAAe,GAAGK,IAAAA,iBAAG,IAAA,CAAA,CAAC;;AAEnC,CAAC;AAEM,MAAMJ,eAAe,GAAGO,iBAAM,QAAA,CAACC,IAAI,CAAC;;;;;;;;;;;;;wBAanB,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;;EAE3D,EAAEf,mBAAmB,CAAC;AACxB,CAAC;AAEM,MAAMK,kBAAkB,GAAGM,IAAAA,iBAAM,QAAA,EAACP,eAAe,CAAC,CAAC;;AAE1D,CAAC"}

package/dist/cjs/input/src/Textarea.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _inputStyles = require("./InputStyles");
+const _labelStyles = require("./LabelStyles");
+function Textarea(props, ref) {
+    const { label , error , warning , success , active =false , fullwidth =false , placeholder =' ' , className , style , variant ='default' , color ='default' , wrapperRef , children , ...rest } = props;
+    const { id , disabled =false  } = props;
+    const wrapperProps = {
+        className,
+        style
+    };
+    const hasLabel = !!label && variant === 'default';
+    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';
+    return /*#__PURE__*/ _react.default.createElement(_inputStyles.InputWrapperStyle, _extends({
+        $error: hasError,
+        $warning: hasWarning,
+        $active: active,
+        $disabled: disabled,
+        $fullwidth: fullwidth,
+        $color: color,
+        htmlFor: id,
+        ref: wrapperRef
+    }, wrapperProps), /*#__PURE__*/ _react.default.createElement(_inputStyles.InputContentStyle, {
+        $variant: variant
+    }, /*#__PURE__*/ _react.default.createElement(_inputStyles.TextareaStyle, _extends({
+        $labeled: hasLabel,
+        $color: color,
+        placeholder: placeholder,
+        "aria-invalid": hasError,
+        ref: ref
+    }, rest)), hasLabel && /*#__PURE__*/ _react.default.createElement(_labelStyles.TextareaLabelStyle, {
+        $color: color
+    }, label)), hasErrorMessage && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputMessageStyle, {
+        $variant: "error",
+        $bordered: true
+    }, error), hasWarningMessage && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputMessageStyle, {
+        $variant: "warning",
+        $bordered: true
+    }, warning), hasSuccessMessage && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputMessageStyle, {
+        $variant: "success",
+        $bordered: true
+    }, success));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Textarea);
+
+//# sourceMappingURL=Textarea.js.map

package/dist/cjs/input/src/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/input/src/Textarea.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  InputWrapperStyle,\n  InputContentStyle,\n  TextareaStyle,\n  InputMessageStyle,\n} from './InputStyles'\nimport { TextareaLabelStyle } from './LabelStyles'\nimport { TextareaProps } from './types'\n\nfunction Textarea(props: TextareaProps, ref?: ForwardedRef<HTMLInputElement>) {\n  const {\n    label,\n    error,\n    warning,\n    success,\n    active = false,\n    fullwidth = false,\n    placeholder = ' ',\n    className,\n    style,\n    variant = 'default',\n    color = 'default',\n    wrapperRef,\n    children,\n    ...rest\n  } = props\n\n  const { id, disabled = false } = props\n  const wrapperProps = { className, style }\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  return (\n    <InputWrapperStyle\n      $error={hasError}\n      $warning={hasWarning}\n      $active={active}\n      $disabled={disabled}\n      $fullwidth={fullwidth}\n      $color={color}\n      htmlFor={id}\n      ref={wrapperRef}\n      {...wrapperProps}\n    >\n      <InputContentStyle $variant={variant}>\n        <TextareaStyle\n          $labeled={hasLabel}\n          $color={color}\n          placeholder={placeholder}\n          aria-invalid={hasError}\n          ref={ref}\n          {...rest}\n        />\n        {hasLabel && (\n          <TextareaLabelStyle $color={color}>{label}</TextareaLabelStyle>\n        )}\n      </InputContentStyle>\n\n      {hasErrorMessage && (\n        <InputMessageStyle $variant='error' $bordered>\n          {error}\n        </InputMessageStyle>\n      )}\n      {hasWarningMessage && (\n        <InputMessageStyle $variant='warning' $bordered>\n          {warning}\n        </InputMessageStyle>\n      )}\n      {hasSuccessMessage && (\n        <InputMessageStyle $variant='success' $bordered>\n          {success}\n        </InputMessageStyle>\n      )}\n    </InputWrapperStyle>\n  )\n}\n\nexport default forwardRef(Textarea)\n"],"names":["Textarea","props","ref","label","error","warning","success","active","fullwidth","placeholder","className","style","variant","color","wrapperRef","children","rest","id","disabled","wrapperProps","hasLabel","hasError","hasErrorMessage","hasWarning","hasWarningMessage","hasSuccess","hasSuccessMessage","InputWrapperStyle","$error","$warning","$active","$disabled","$fullwidth","$color","htmlFor","InputContentStyle","$variant","TextareaStyle","$labeled","aria-invalid","TextareaLabelStyle","InputMessageStyle","$bordered","forwardRef"],"mappings":"AAAA;;;;+BAqFA,SAAmC;;aAAnC,QAAmC;;;;6DArFa,OAAO;6BAMhD,eAAe;6BACa,eAAe;AAGlD,SAASA,QAAQ,CAACC,KAAoB,EAAEC,GAAoC,EAAE;IAC5E,MAAM,EACJC,KAAK,CAAA,EACLC,KAAK,CAAA,EACLC,OAAO,CAAA,EACPC,OAAO,CAAA,EACPC,MAAM,EAAG,KAAK,CAAA,EACdC,SAAS,EAAG,KAAK,CAAA,EACjBC,WAAW,EAAG,GAAG,CAAA,EACjBC,SAAS,CAAA,EACTC,KAAK,CAAA,EACLC,OAAO,EAAG,SAAS,CAAA,EACnBC,KAAK,EAAG,SAAS,CAAA,EACjBC,UAAU,CAAA,EACVC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGf,KAAK;IAET,MAAM,EAAEgB,EAAE,CAAA,EAAEC,QAAQ,EAAG,KAAK,CAAA,EAAE,GAAGjB,KAAK;IACtC,MAAMkB,YAAY,GAAG;QAAET,SAAS;QAAEC,KAAK;KAAE;IAEzC,MAAMS,QAAQ,GAAG,CAAC,CAACjB,KAAK,IAAIS,OAAO,KAAK,SAAS;IAEjD,MAAMS,QAAQ,GAAG,CAAC,CAACjB,KAAK;IACxB,MAAMkB,eAAe,GAAGD,QAAQ,IAAI,OAAOjB,KAAK,KAAK,SAAS;IAC9D,MAAMmB,UAAU,GAAG,CAACF,QAAQ,IAAI,CAAC,CAAChB,OAAO,CAAC,8BAA8B;IAA/B;IACzC,MAAMmB,iBAAiB,GAAGD,UAAU,IAAI,OAAOlB,OAAO,KAAK,SAAS;IACpE,MAAMoB,UAAU,GAAG,CAAC,CAACnB,OAAO,IAAI,CAACF,KAAK;IACtC,MAAMsB,iBAAiB,GAAGD,UAAU,IAAI,OAAOnB,OAAO,KAAK,SAAS;IAEpE,qBACE,6BAACqB,YAAiB,kBAAA;QAChBC,MAAM,EAAEP,QAAQ;QAChBQ,QAAQ,EAAEN,UAAU;QACpBO,OAAO,EAAEvB,MAAM;QACfwB,SAAS,EAAEb,QAAQ;QACnBc,UAAU,EAAExB,SAAS;QACrByB,MAAM,EAAEpB,KAAK;QACbqB,OAAO,EAAEjB,EAAE;QACXf,GAAG,EAAEY,UAAU;OACXK,YAAY,iBAEhB,6BAACgB,YAAiB,kBAAA;QAACC,QAAQ,EAAExB,OAAO;qBAClC,6BAACyB,YAAa,cAAA;QACZC,QAAQ,EAAElB,QAAQ;QAClBa,MAAM,EAAEpB,KAAK;QACbJ,WAAW,EAAEA,WAAW;QACxB8B,cAAY,EAAElB,QAAQ;QACtBnB,GAAG,EAAEA,GAAG;OACJc,IAAI,EACR,EACDI,QAAQ,kBACP,6BAACoB,YAAkB,mBAAA;QAACP,MAAM,EAAEpB,KAAK;OAAGV,KAAK,CAAsB,AAChE,CACiB,EAEnBmB,eAAe,kBACd,6BAACmB,YAAiB,kBAAA;QAACL,QAAQ,EAAC,OAAO;QAACM,SAAS,EAATA,IAAS;OAC1CtC,KAAK,CACY,AACrB,EACAoB,iBAAiB,kBAChB,6BAACiB,YAAiB,kBAAA;QAACL,QAAQ,EAAC,SAAS;QAACM,SAAS,EAATA,IAAS;OAC5CrC,OAAO,CACU,AACrB,EACAqB,iBAAiB,kBAChB,6BAACe,YAAiB,kBAAA;QAACL,QAAQ,EAAC,SAAS;QAACM,SAAS,EAATA,IAAS;OAC5CpC,OAAO,CACU,AACrB,CACiB,CACrB;AACH,CAAC;MAED,QAAmC,iBAApBqC,IAAAA,MAAU,WAAA,EAAC3C,QAAQ,CAAC"}

package/dist/cjs/input/src/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Input: ()=>_input.default,
+    InputGroup: ()=>_inputGroup.default,
+    Textarea: ()=>_textarea.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _input = /*#__PURE__*/ _interopRequireDefault(require("./Input"));
+const _inputGroup = /*#__PURE__*/ _interopRequireDefault(require("./InputGroup"));
+const _textarea = /*#__PURE__*/ _interopRequireDefault(require("./Textarea"));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/input/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/input/src/index.ts"],"sourcesContent":["export { default as Input } from './Input'\nexport { default as InputGroup } from './InputGroup'\nexport { default as Textarea } from './Textarea'\nexport * from './types'\n"],"names":["Input","InputGroup","Textarea"],"mappings":"AAAA;;;;;;;;;;;IAAoBA,KAAK,MAALA,MAAK,QAAA;IACLC,UAAU,MAAVA,WAAU,QAAA;IACVC,QAAQ,MAARA,SAAQ,QAAA;;;;4DAFK,SAAS;iEACJ,cAAc;+DAChB,YAAY;oBAClC,SAAS"}

package/dist/cjs/input/src/types.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    InputMessageVariant: ()=>InputMessageVariant,
+    InputType: ()=>InputType,
+    InputVariant: ()=>InputVariant,
+    InputColor: ()=>InputColor
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var InputMessageVariant;
+(function(InputMessageVariant) {
+    InputMessageVariant[InputMessageVariant["error"] = 0] = "error";
+    InputMessageVariant[InputMessageVariant["warning"] = 1] = "warning";
+    InputMessageVariant[InputMessageVariant["success"] = 2] = "success";
+})(InputMessageVariant || (InputMessageVariant = {}));
+var InputType;
+(function(InputType) {
+    InputType[InputType["text"] = 0] = "text";
+    InputType[InputType["password"] = 1] = "password";
+    InputType[InputType["number"] = 2] = "number";
+    InputType[InputType["email"] = 3] = "email";
+    InputType[InputType["search"] = 4] = "search";
+    InputType[InputType["tel"] = 5] = "tel";
+    InputType[InputType["url"] = 6] = "url";
+})(InputType || (InputType = {}));
+var InputVariant;
+(function(InputVariant) {
+    InputVariant[InputVariant["small"] = 0] = "small";
+    InputVariant[InputVariant["default"] = 1] = "default";
+})(InputVariant || (InputVariant = {}));
+var InputColor;
+(function(InputColor) {
+    InputColor[InputColor["default"] = 0] = "default";
+    InputColor[InputColor["accent"] = 1] = "accent";
+})(InputColor || (InputColor = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/input/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/input/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum InputMessageVariant {\n  error,\n  warning,\n  success,\n}\nexport type InputMessageVariants = keyof typeof InputMessageVariant\n\nexport enum InputType {\n  text,\n  password,\n  number,\n  email,\n  search,\n  tel,\n  url,\n}\nexport type InputTypes = keyof typeof InputType\n\nexport enum InputVariant {\n  small,\n  default,\n}\nexport type InputVariants = keyof typeof InputVariant\n\nexport enum InputColor {\n  default,\n  accent,\n}\nexport type InputColors = keyof typeof InputColor\n\ntype CommonProps = {\n  label?: React.ReactNode\n  error?: React.ReactNode | boolean\n  warning?: React.ReactNode | boolean\n  success?: React.ReactNode | boolean\n  variant?: InputVariants\n  color?: InputColors\n  active?: boolean\n  fullwidth?: boolean\n  wrapperRef?: React.RefObject<HTMLLabelElement>\n  as?: never\n}\n\nexport type InputProps = LidoComponentProps<\n  'input',\n  CommonProps & {\n    type?: InputTypes\n    leftDecorator?: React.ReactNode\n    rightDecorator?: React.ReactNode\n  }\n>\n\nexport type TextareaProps = LidoComponentProps<'textarea', CommonProps>\n\nexport type InputGroupProps = LidoComponentProps<\n  'span',\n  {\n    fullwidth?: boolean\n    error?: React.ReactNode\n    success?: React.ReactNode\n  }\n>\n"],"names":["InputMessageVariant","error","warning","success","InputType","text","password","number","email","search","tel","url","InputVariant","small","default","InputColor","accent"],"mappings":"AAAA;;;;;;;;;;;;;;;;;4DACkB,OAAO;IAGlB,mBAIN;UAJWA,mBAAmB;IAAnBA,mBAAmB,CAAnBA,mBAAmB,CAC7BC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,mBAAmB,CAAnBA,mBAAmB,CAE7BE,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAFGF,mBAAmB,CAAnBA,mBAAmB,CAG7BG,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAHGH,mBAAmB,KAAnBA,mBAAmB;IAOxB,SAQN;UARWI,SAAS;IAATA,SAAS,CAATA,SAAS,CACnBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,SAAS,CAATA,SAAS,CAEnBE,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IAFEF,SAAS,CAATA,SAAS,CAGnBG,QAAM,IAANA,CAAM,IAANA,QAAM;IAHIH,SAAS,CAATA,SAAS,CAInBI,OAAK,IAALA,CAAK,IAALA,OAAK;IAJKJ,SAAS,CAATA,SAAS,CAKnBK,QAAM,IAANA,CAAM,IAANA,QAAM;IALIL,SAAS,CAATA,SAAS,CAMnBM,KAAG,IAAHA,CAAG,IAAHA,KAAG;IANON,SAAS,CAATA,SAAS,CAOnBO,KAAG,IAAHA,CAAG,IAAHA,KAAG;GAPOP,SAAS,KAATA,SAAS;IAWd,YAGN;UAHWQ,YAAY;IAAZA,YAAY,CAAZA,YAAY,CACtBC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,YAAY,CAAZA,YAAY,CAEtBE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,YAAY,KAAZA,YAAY;IAMjB,UAGN;UAHWG,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpBD,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGC,UAAU,CAAVA,UAAU,CAEpBC,QAAM,IAANA,CAAM,IAANA,QAAM;GAFID,UAAU,KAAVA,UAAU"}

package/dist/cjs/lido-logo/src/LidoLogo.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _lidoLogoStyles = require("./LidoLogoStyles");
+function LidoLogo(props, ref) {
+    return /*#__PURE__*/ _react.default.createElement(_lidoLogoStyles.LidoLogoStyles, _extends({}, props, {
+        ref: ref
+    }), /*#__PURE__*/ _react.default.createElement("svg", {
+        width: "89",
+        height: "20",
+        fill: "currentColor",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/ _react.default.createElement("path", {
+        d: "M27.172 4.094h2.25v9.656h5.531v2.156h-7.781V4.094zm17.617 0h2.25v11.812h-2.25V4.094zm13.021 0h3.75c.774 0 1.512.162 2.212.487.7.313 1.319.738 1.856 1.275a6.078 6.078 0 0 1 1.275 1.875c.313.713.469 1.469.469 2.269s-.156 1.556-.469 2.269a6.078 6.078 0 0 1-1.275 1.875 6.435 6.435 0 0 1-1.856 1.293c-.7.313-1.438.47-2.212.47h-3.75V4.093zm3.75 9.656c.462 0 .906-.1 1.33-.3.438-.2.82-.469 1.144-.806.338-.338.6-.732.788-1.181.2-.463.3-.95.3-1.463 0-.512-.1-.994-.3-1.444a3.576 3.576 0 0 0-.788-1.2 3.717 3.717 0 0 0-1.143-.806 3.09 3.09 0 0 0-1.331-.3h-1.5v7.5h1.5zM82.558 16a5.56 5.56 0 0 1-2.213-.45 5.978 5.978 0 0 1-1.818-1.275 6.625 6.625 0 0 1-1.238-1.912A6.118 6.118 0 0 1 76.84 10c0-.838.15-1.619.45-2.344a6.304 6.304 0 0 1 1.238-1.912 5.575 5.575 0 0 1 1.818-1.275A5.367 5.367 0 0 1 82.558 4a5.24 5.24 0 0 1 2.194.469c.7.3 1.306.725 1.818 1.275a5.868 5.868 0 0 1 1.238 1.912c.312.725.469 1.506.469 2.344 0 .85-.157 1.637-.47 2.363a6.144 6.144 0 0 1-1.237 1.912 5.689 5.689 0 0 1-1.818 1.275c-.688.3-1.42.45-2.194.45zm0-2.156c.462 0 .906-.094 1.331-.281a3.31 3.31 0 0 0 1.106-.788 4.13 4.13 0 0 0 .75-1.219c.188-.475.282-.993.282-1.556 0-.563-.094-1.075-.282-1.537a3.855 3.855 0 0 0-.75-1.22 3.263 3.263 0 0 0-2.437-1.088 3.333 3.333 0 0 0-1.35.282 3.25 3.25 0 0 0-1.088.807 3.854 3.854 0 0 0-.75 1.219A4.057 4.057 0 0 0 79.09 10c0 .563.093 1.081.28 1.556.188.463.438.869.75 1.219.313.338.675.6 1.088.787a3.3 3.3 0 0 0 1.35.282z"
+    }), /*#__PURE__*/ _react.default.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "m7.005 0 4.949 7.748-4.949 2.884-4.948-2.884L7.005 0zM3.572 7.381l3.433-5.376 3.434 5.376-3.434 2.002L3.572 7.38z",
+        fill: "#00A3FF"
+    }), /*#__PURE__*/ _react.default.createElement("path", {
+        d: "M6.998 12.335 1.258 8.99l-.157.245a6.999 6.999 0 1 0 11.796 0l-.157-.245-5.742 3.346z",
+        fill: "#00A3FF"
+    })));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(LidoLogo);
+
+//# sourceMappingURL=LidoLogo.js.map

package/dist/cjs/lido-logo/src/LidoLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/lido-logo/src/LidoLogo.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { LidoLogoStyles } from './LidoLogoStyles'\nimport { LidoLogoProps } from './types'\n\nfunction LidoLogo(props: LidoLogoProps, ref?: ForwardedRef<HTMLDivElement>) {\n  return (\n    <LidoLogoStyles {...props} ref={ref}>\n      <svg\n        width='89'\n        height='20'\n        fill='currentColor'\n        xmlns='http://www.w3.org/2000/svg'\n      >\n        <path d='M27.172 4.094h2.25v9.656h5.531v2.156h-7.781V4.094zm17.617 0h2.25v11.812h-2.25V4.094zm13.021 0h3.75c.774 0 1.512.162 2.212.487.7.313 1.319.738 1.856 1.275a6.078 6.078 0 0 1 1.275 1.875c.313.713.469 1.469.469 2.269s-.156 1.556-.469 2.269a6.078 6.078 0 0 1-1.275 1.875 6.435 6.435 0 0 1-1.856 1.293c-.7.313-1.438.47-2.212.47h-3.75V4.093zm3.75 9.656c.462 0 .906-.1 1.33-.3.438-.2.82-.469 1.144-.806.338-.338.6-.732.788-1.181.2-.463.3-.95.3-1.463 0-.512-.1-.994-.3-1.444a3.576 3.576 0 0 0-.788-1.2 3.717 3.717 0 0 0-1.143-.806 3.09 3.09 0 0 0-1.331-.3h-1.5v7.5h1.5zM82.558 16a5.56 5.56 0 0 1-2.213-.45 5.978 5.978 0 0 1-1.818-1.275 6.625 6.625 0 0 1-1.238-1.912A6.118 6.118 0 0 1 76.84 10c0-.838.15-1.619.45-2.344a6.304 6.304 0 0 1 1.238-1.912 5.575 5.575 0 0 1 1.818-1.275A5.367 5.367 0 0 1 82.558 4a5.24 5.24 0 0 1 2.194.469c.7.3 1.306.725 1.818 1.275a5.868 5.868 0 0 1 1.238 1.912c.312.725.469 1.506.469 2.344 0 .85-.157 1.637-.47 2.363a6.144 6.144 0 0 1-1.237 1.912 5.689 5.689 0 0 1-1.818 1.275c-.688.3-1.42.45-2.194.45zm0-2.156c.462 0 .906-.094 1.331-.281a3.31 3.31 0 0 0 1.106-.788 4.13 4.13 0 0 0 .75-1.219c.188-.475.282-.993.282-1.556 0-.563-.094-1.075-.282-1.537a3.855 3.855 0 0 0-.75-1.22 3.263 3.263 0 0 0-2.437-1.088 3.333 3.333 0 0 0-1.35.282 3.25 3.25 0 0 0-1.088.807 3.854 3.854 0 0 0-.75 1.219A4.057 4.057 0 0 0 79.09 10c0 .563.093 1.081.28 1.556.188.463.438.869.75 1.219.313.338.675.6 1.088.787a3.3 3.3 0 0 0 1.35.282z' />\n        <path\n          fillRule='evenodd'\n          clipRule='evenodd'\n          d='m7.005 0 4.949 7.748-4.949 2.884-4.948-2.884L7.005 0zM3.572 7.381l3.433-5.376 3.434 5.376-3.434 2.002L3.572 7.38z'\n          fill='#00A3FF'\n        />\n        <path\n          d='M6.998 12.335 1.258 8.99l-.157.245a6.999 6.999 0 1 0 11.796 0l-.157-.245-5.742 3.346z'\n          fill='#00A3FF'\n        />\n      </svg>\n    </LidoLogoStyles>\n  )\n}\n\nexport default forwardRef(LidoLogo)\n"],"names":["LidoLogo","props","ref","LidoLogoStyles","svg","width","height","fill","xmlns","path","d","fillRule","clipRule","forwardRef"],"mappings":"AAAA;;;;+BA6BA,SAAmC;;aAAnC,QAAmC;;;;6DA7Ba,OAAO;gCACxB,kBAAkB;AAGjD,SAASA,QAAQ,CAACC,KAAoB,EAAEC,GAAkC,EAAE;IAC1E,qBACE,6BAACC,eAAc,eAAA,eAAKF,KAAK;QAAEC,GAAG,EAAEA,GAAG;sBACjC,6BAACE,KAAG;QACFC,KAAK,EAAC,IAAI;QACVC,MAAM,EAAC,IAAI;QACXC,IAAI,EAAC,cAAc;QACnBC,KAAK,EAAC,4BAA4B;qBAElC,6BAACC,MAAI;QAACC,CAAC,EAAC,y5CAAy5C;MAAG,gBACp6C,6BAACD,MAAI;QACHE,QAAQ,EAAC,SAAS;QAClBC,QAAQ,EAAC,SAAS;QAClBF,CAAC,EAAC,mHAAmH;QACrHH,IAAI,EAAC,SAAS;MACd,gBACF,6BAACE,MAAI;QACHC,CAAC,EAAC,uFAAuF;QACzFH,IAAI,EAAC,SAAS;MACd,CACE,CACS,CAClB;AACH,CAAC;MAED,QAAmC,iBAApBM,IAAAA,MAAU,WAAA,EAACb,QAAQ,CAAC"}