@lidofinance/lido-app-ui 1.8.0 → 1.10.0

package/dist/cjs/icon-button/IconButton.cjs

@@ -2,12 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const react = require('react');
 const cn = require('classnames');
+const CounterSlot = require('../counter/CounterSlot.cjs');
 const IconButton_module = require('./IconButton.module.css.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const IconLoaderCircle = require('../icons/components/base/IconLoaderCircle.cjs');
 
-const IconButton = _ref => {
+const IconButton = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   let {
     className,
     type = 'button',
@@ -15,17 +17,19 @@ const IconButton = _ref => {
     loading = false,
     disabled = false,
     icon,
+    counter,
     dataTestId,
     ...rest
   } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx("button", {
+  return /*#__PURE__*/jsxRuntime.jsxs("button", {
+    ref: ref,
     type: type,
     disabled: disabled || loading,
     "aria-busy": loading || undefined,
     className: cn(IconButton_module.button, IconButton_module[variant], loading && IconButton_module.loading, className),
     "data-testid": dataTestId?.root,
     ...rest,
-    children: loading ? /*#__PURE__*/jsxRuntime.jsx(IconLoaderCircle.IconLoaderCircle, {
+    children: [loading ? /*#__PURE__*/jsxRuntime.jsx(IconLoaderCircle.IconLoaderCircle, {
       className: IconButton_module.spinner,
       "aria-hidden": "true"
     }) : /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -33,9 +37,13 @@ const IconButton = _ref => {
       "aria-hidden": "true",
       "data-testid": dataTestId?.icon,
       children: icon
-    })
+    }), /*#__PURE__*/jsxRuntime.jsx(CounterSlot.CounterSlot, {
+      dataTestId: dataTestId?.counter,
+      children: counter
+    })]
   });
-};
+});
+IconButton.displayName = 'IconButton';
 
 exports.IconButton = IconButton;
 //# sourceMappingURL=IconButton.cjs.map

package/dist/cjs/icon-button/IconButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.cjs","sources":["../../../src/icon-button/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconLoaderCircle } from '../icons'\nimport styles from './IconButton.module.css'\n\nexport type IconButtonVariant = 'outline' | 'ghost'\n\nexport type IconButtonDataTestId = {\n  root?: string\n  icon?: string\n}\n\nexport type IconButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'aria-label'\n> & {\n  'aria-label': string\n  icon: ReactNode\n  variant?: IconButtonVariant\n  loading?: boolean\n  dataTestId?: IconButtonDataTestId\n}\n\nexport const IconButton = ({\n  className,\n  type = 'button',\n  variant = 'outline',\n  loading = false,\n  disabled = false,\n  icon,\n  dataTestId,\n  ...rest\n}: IconButtonProps) => (\n  <button\n    type={type}\n    disabled={disabled || loading}\n    aria-busy={loading || undefined}\n    className={cn(\n      styles.button,\n      styles[variant],\n      loading && styles.loading,\n      className,\n    )}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    {loading ? (\n      <IconLoaderCircle className={styles.spinner} aria-hidden='true' />\n    ) : (\n      <span\n        className={styles.icon}\n        aria-hidden='true'\n        data-testid={dataTestId?.icon}\n      >\n        {icon}\n      </span>\n    )}\n  </button>\n)\n"],"names":["IconButton","_ref","className","type","variant","loading","disabled","icon","dataTestId","rest","_jsx","undefined","cn","styles","button","root","children","IconLoaderCircle","spinner"],"mappings":";;;;;;;;;AAyBO,MAAMA,UAAU,GAAGC,IAAA,IAAA;EAAA,IAAC;IACzBC,SAAS;AACTC,IAAAA,IAAI,GAAG,QAAQ;AACfC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,IAAI;IACJC,UAAU;IACV,GAAGC,IAAAA;AACY,GAAC,GAAAR,IAAA,CAAA;AAAA,EAAA,oBAChBS,cAAA,CAAA,QAAA,EAAA;AACEP,IAAAA,IAAI,EAAEA,IAAK;IACXG,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIM,SAAU;AAChCT,IAAAA,SAAS,EAAEU,EAAE,CACXC,iBAAM,CAACC,MAAM,EACbD,iBAAM,CAACT,OAAO,CAAC,EACfC,OAAO,IAAIQ,iBAAM,CAACR,OAAO,EACzBH,SACF,CAAE;IACF,aAAaM,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;AAAAO,IAAAA,QAAA,EAEPX,OAAO,gBACNK,cAAA,CAACO,iCAAgB,EAAA;MAACf,SAAS,EAAEW,iBAAM,CAACK,OAAQ;MAAC,aAAY,EAAA,MAAA;KAAQ,CAAC,gBAElER,cAAA,CAAA,MAAA,EAAA;MACER,SAAS,EAAEW,iBAAM,CAACN,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaC,EAAAA,UAAU,EAAED,IAAK;AAAAS,MAAAA,QAAA,EAE7BT,IAAAA;KACG,CAAA;AACP,GACK,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"IconButton.cjs","sources":["../../../src/icon-button/IconButton.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { CounterSlot } from '../counter/CounterSlot'\nimport { IconLoaderCircle } from '../icons'\nimport styles from './IconButton.module.css'\n\nexport type IconButtonVariant = 'outline' | 'ghost' | 'surface'\n\nexport type IconButtonDataTestId = {\n  root?: string\n  icon?: string\n  counter?: string\n}\n\nexport type IconButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'aria-label'\n> & {\n  'aria-label': string\n  icon: ReactNode\n  variant?: IconButtonVariant\n  loading?: boolean\n  /** Corner slot, aria-hidden: put the count into `aria-label`. */\n  counter?: ReactNode\n  dataTestId?: IconButtonDataTestId\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      className,\n      type = 'button',\n      variant = 'outline',\n      loading = false,\n      disabled = false,\n      icon,\n      counter,\n      dataTestId,\n      ...rest\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      className={cn(\n        styles.button,\n        styles[variant],\n        loading && styles.loading,\n        className,\n      )}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      {loading ? (\n        <IconLoaderCircle className={styles.spinner} aria-hidden='true' />\n      ) : (\n        <span\n          className={styles.icon}\n          aria-hidden='true'\n          data-testid={dataTestId?.icon}\n        >\n          {icon}\n        </span>\n      )}\n      <CounterSlot dataTestId={dataTestId?.counter}>{counter}</CounterSlot>\n    </button>\n  ),\n)\n\nIconButton.displayName = 'IconButton'\n"],"names":["IconButton","forwardRef","_ref","ref","className","type","variant","loading","disabled","icon","counter","dataTestId","rest","_jsxs","undefined","cn","styles","button","root","children","_jsx","IconLoaderCircle","spinner","CounterSlot","displayName"],"mappings":";;;;;;;;;;;AA6BO,MAAMA,UAAU,gBAAGC,gBAAU,CAClC,CAAAC,IAAA,EAYEC,GAAG,KAAA;EAAA,IAXH;IACEC,SAAS;AACTC,IAAAA,IAAI,GAAG,QAAQ;AACfC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,IAAI;IACJC,OAAO;IACPC,UAAU;IACV,GAAGC,IAAAA;AACL,GAAC,GAAAV,IAAA,CAAA;AAAA,EAAA,oBAGDW,eAAA,CAAA,QAAA,EAAA;AACEV,IAAAA,GAAG,EAAEA,GAAI;AACTE,IAAAA,IAAI,EAAEA,IAAK;IACXG,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIO,SAAU;AAChCV,IAAAA,SAAS,EAAEW,EAAE,CACXC,iBAAM,CAACC,MAAM,EACbD,iBAAM,CAACV,OAAO,CAAC,EACfC,OAAO,IAAIS,iBAAM,CAACT,OAAO,EACzBH,SACF,CAAE;IACF,aAAaO,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;AAAAO,IAAAA,QAAA,EAEPZ,CAAAA,OAAO,gBACNa,cAAA,CAACC,iCAAgB,EAAA;MAACjB,SAAS,EAAEY,iBAAM,CAACM,OAAQ;MAAC,aAAY,EAAA,MAAA;KAAQ,CAAC,gBAElEF,cAAA,CAAA,MAAA,EAAA;MACEhB,SAAS,EAAEY,iBAAM,CAACP,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaE,EAAAA,UAAU,EAAEF,IAAK;AAAAU,MAAAA,QAAA,EAE7BV,IAAAA;AAAI,KACD,CACP,eACDW,cAAA,CAACG,uBAAW,EAAA;MAACZ,UAAU,EAAEA,UAAU,EAAED,OAAQ;AAAAS,MAAAA,QAAA,EAAET,OAAAA;AAAO,KAAc,CAAC,CAAA;AAAA,GAC/D,CAAC,CAAA;AAAA,CAEb,EAAC;AAEDV,UAAU,CAACwB,WAAW,GAAG,YAAY;;;;"}

package/dist/cjs/icon-button/IconButton.module.css.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const styles = {"button":"IconButton-module_button__5QpG9","icon":"IconButton-module_icon__1WMNC","spinner":"IconButton-module_spinner__-fwrf","spin":"IconButton-module_spin__eNilo","outline":"IconButton-module_outline__91r6g","ghost":"IconButton-module_ghost__WYnGy","loading":"IconButton-module_loading__v67XX"};
+const styles = {"button":"IconButton-module_button__5QpG9","icon":"IconButton-module_icon__1WMNC","spinner":"IconButton-module_spinner__-fwrf","spin":"IconButton-module_spin__eNilo","outline":"IconButton-module_outline__91r6g","surface":"IconButton-module_surface__GQ6lQ","ghost":"IconButton-module_ghost__WYnGy","loading":"IconButton-module_loading__v67XX"};
 
 module.exports = styles;
 //# sourceMappingURL=IconButton.module.css.cjs.map

package/dist/cjs/index.cjs

@@ -153,18 +153,32 @@ const iconsMap$4 = require('./icons/components/wallets/iconsMap.cjs');
 const Accordion = require('./accordion/Accordion.cjs');
 const Badge = require('./badge/Badge.cjs');
 const Banner = require('./banner/Banner.cjs');
+const Breadcrumbs = require('./breadcrumbs/Breadcrumbs.cjs');
 const Button = require('./button/Button.cjs');
 const Card = require('./card/Card.cjs');
 const Checkbox = require('./checkbox/Checkbox.cjs');
 const Counter = require('./counter/Counter.cjs');
 const DataList = require('./data-list/DataList.cjs');
 const DataListRow = require('./data-list/DataListRow.cjs');
+const Disclaimer = require('./disclaimer/Disclaimer.cjs');
+const Divider = require('./divider/Divider.cjs');
+const ErrorPage = require('./error-page/ErrorPage.cjs');
+const Footer = require('./footer/Footer.cjs');
+const Grid = require('./grid/Grid.cjs');
+const GridItem = require('./grid/GridItem.cjs');
+const Header = require('./header/Header.cjs');
+const HeaderNav = require('./header/HeaderNav.cjs');
+const Hidden = require('./hidden/Hidden.cjs');
 const IconButton = require('./icon-button/IconButton.cjs');
 const Identicon = require('./identicon/Identicon.cjs');
 const Input = require('./input/Input.cjs');
+const LinkProvider = require('./link-provider/LinkProvider.cjs');
+const Logo = require('./logo/Logo.cjs');
 const MessageBox = require('./message-box/MessageBox.cjs');
 const Modal = require('./modal/Modal.cjs');
+const NavLink = require('./nav-link/NavLink.cjs');
 const Notification = require('./notification/Notification.cjs');
+const Popover = require('./popover/Popover.cjs');
 const RadioButton = require('./radio-button/RadioButton.cjs');
 const RichInput = require('./rich-input/RichInput.cjs');
 const SectionTitle = require('./section-title/SectionTitle.cjs');
@@ -172,14 +186,17 @@ const SegmentedControl = require('./segmented-control/SegmentedControl.cjs');
 const Segment = require('./segmented-control/Segment.cjs');
 const SegmentedControlCard = require('./segmented-control/SegmentedControlCard.cjs');
 const SegmentCard = require('./segmented-control/SegmentCard.cjs');
+const Skeleton = require('./skeleton/Skeleton.cjs');
 const Slider = require('./slider/Slider.cjs');
 const SmallCard = require('./small-card/SmallCard.cjs');
+const Stack = require('./stack/Stack.cjs');
 const StatItem = require('./stat-item/StatItem.cjs');
 const Switch = require('./switch/Switch.cjs');
 const Tabs = require('./tabs/Tabs.cjs');
 const Tab = require('./tabs/Tab.cjs');
 const Tag = require('./tag/Tag.cjs');
 const TextLink = require('./text-link/TextLink.cjs');
+const ThemeSwitcher = require('./theme-switcher/ThemeSwitcher.cjs');
 const TokenAmount = require('./token-amount/TokenAmount.cjs');
 const TokenSelector = require('./token-selector/TokenSelector.cjs');
 const Tooltip = require('./tooltip/Tooltip.cjs');
@@ -339,18 +356,32 @@ exports.WALLETS_ICONS_MAP = iconsMap$4.WALLETS_ICONS_MAP;
 exports.Accordion = Accordion.Accordion;
 exports.Badge = Badge.Badge;
 exports.Banner = Banner.Banner;
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
 exports.Button = Button.Button;
 exports.Card = Card.Card;
 exports.Checkbox = Checkbox.Checkbox;
 exports.Counter = Counter.Counter;
 exports.DataList = DataList.DataList;
 exports.DataListRow = DataListRow.DataListRow;
+exports.Disclaimer = Disclaimer.Disclaimer;
+exports.Divider = Divider.Divider;
+exports.ErrorPage = ErrorPage.ErrorPage;
+exports.Footer = Footer.Footer;
+exports.Grid = Grid.Grid;
+exports.GridItem = GridItem.GridItem;
+exports.Header = Header.Header;
+exports.HeaderNav = HeaderNav.HeaderNav;
+exports.Hidden = Hidden.Hidden;
 exports.IconButton = IconButton.IconButton;
 exports.Identicon = Identicon.Identicon;
 exports.Input = Input.Input;
+exports.LinkProvider = LinkProvider.LinkProvider;
+exports.Logo = Logo.Logo;
 exports.MessageBox = MessageBox.MessageBox;
 exports.Modal = Modal.Modal;
+exports.NavLink = NavLink.NavLink;
 exports.Notification = Notification.Notification;
+exports.Popover = Popover.Popover;
 exports.RadioButton = RadioButton.RadioButton;
 exports.RichInput = RichInput.RichInput;
 exports.SectionTitle = SectionTitle.SectionTitle;
@@ -358,14 +389,17 @@ exports.SegmentedControl = SegmentedControl.SegmentedControl;
 exports.Segment = Segment.Segment;
 exports.SegmentedControlCard = SegmentedControlCard.SegmentedControlCard;
 exports.SegmentCard = SegmentCard.SegmentCard;
+exports.Skeleton = Skeleton.Skeleton;
 exports.Slider = Slider.Slider;
 exports.SmallCard = SmallCard.SmallCard;
+exports.Stack = Stack.Stack;
 exports.StatItem = StatItem.StatItem;
 exports.Switch = Switch.Switch;
 exports.Tabs = Tabs.Tabs;
 exports.Tab = Tab.Tab;
 exports.Tag = Tag.Tag;
 exports.TextLink = TextLink.TextLink;
+exports.ThemeSwitcher = ThemeSwitcher.ThemeSwitcher;
 exports.TokenAmount = TokenAmount.TokenAmount;
 exports.TokenSelector = TokenSelector.TokenSelector;
 exports.Tooltip = Tooltip.Tooltip;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}