@gearbox-protocol/ui-kit 3.14.0-next.44 → 3.14.0-next.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs +1 -1
- package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js +3 -1
- package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts +7 -3
- package/package.json +1 -1
package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("class-variance-authority");require("../../../../accordion/accordion.cjs");require("@gearbox-protocol/static");require("react");require("@fortawesome/free-solid-svg-icons");require("../../../../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");const l=require("../../../../../utils/cn.cjs");require("sonner");const m=require("../../../../../utils/format-money.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");require("../../../../alert-badge/alert-badge.cjs");require("../../../../alert-dialog/alert-dialog.cjs");require("../../../../alert-modal/alert-modal.cjs");require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");require("react-intl");require("../../../../arc-loader/arc-loader.cjs");require("../../../../asset-line/asset-line.cjs");require("../../../../buttons/back-button/back-button.cjs");require("../../../../buttons/button/button.cjs");require("../../../../buttons/copy-button/copy-button.cjs");require("../../../../buttons/external-button/external-button.cjs");require("../../../../buttons/filter-button/filter-button.cjs");require("../../../../buttons/navigation-button/navigation-button.cjs");require("../../../../buttons/tab-button/tab-button.cjs");const d=require("../../../../token-icon/token-icon.cjs");require("wagmi");require("../../../../auth/wallet-ui-context.cjs");require("../../../../avatar/avatar.cjs");require("../../../../badge/badge.cjs");require("../../../../base-link/base-link.cjs");require("../../../../navigation-context/navigation-context.cjs");require("../../../../button-checkbox/button-checkbox.cjs");require("../../../../card-grid/card-grid.cjs");require("../../../../cards/card/card.cjs");require("../../../../carousel/carousel.cjs");require("../../../../checkbox/checkbox.cjs");require("../../../../checkbox/checkbox-labeled.cjs");require("../../../../checkbox-item/checkbox-item.cjs");require("../../../../client-adapters/styled-button/styled-button.cjs");require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../../../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../../../../colored-text/colored-text.cjs");require("../../../../input/input.cjs");require("../../../../with-title/with-title.cjs");require("../../../../smart-number-input/balance-indicator.cjs");require("../../../../smart-number-input/smart-number-input.cjs");require("../../../credit-account-history/credit-account-history.cjs");require("../../../../simple-dropdown/simple-dropdown.cjs");require("../../../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../../../typography/typography.cjs");require("../../../../table/grid-table.cjs");const x=require("../../../../token-symbol/token-symbol.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../description/description.cjs");const p=require("../../../../token-template/token-template.cjs");require("../../../../confirm-menu/confirm-menu.cjs");require("../../../../dialog/dialog-modal-container.cjs");require("../../../../text-button/text-button.cjs");require("../../../../vertical-indicator/vertical-indicator.cjs");require("../../../../points-icon/points-icon.cjs");require("../../../../skeleton/skeleton.cjs");require("../../../../vertical-list/vertical-list.cjs");require("../../../../rounded-image/rounded-image.cjs");require("../../../../progress/progress.cjs");require("../../../../pool-indicator-icon/pool-indicator-icon.cjs");require("../../../strategies-table/components/feature/feature.styles.cjs");require("viem");require("../../../../icon-button/icon-button.cjs");require("../../../../separate-line/separate-line.cjs");require("../../../../tip-card/tip-card.cjs");require("../../../strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../../../../currency-button/currency-button.cjs");require("../../../../detailed-apy/detailed-apy.cjs");require("../../../../detailed-page-title/detailed-page-title.cjs");require("../../../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../../../dialog/dialog-container.cjs");require("../../../../dialog/dialog-content.cjs");require("../../../../dialog/dialog-description.cjs");require("../../../../dialog/dialog-footer.cjs");require("../../../../dialog/dialog-header.cjs");require("../../../../dialog/dialog-title.cjs");require("../../../../dialog/dialog-overlay.cjs");require("../../../../label/label.cjs");require("../../../../dropdown-menu/dropdown-menu.cjs");require("../../../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../../../dropdown-menu/dropdown-menu-content.cjs");require("../../../../dropdown-menu/dropdown-menu-item.cjs");require("../../../../dropdown-menu/dropdown-menu-label.cjs");require("../../../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../../../dropdown-menu/dropdown-menu-separator.cjs");require("../../../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../../../edit-input/edit-input.cjs");const f=require("../../../../fadeout-loading/fadeout-loading.cjs");require("../../../../filter/filter-block.cjs");require("../../../../filter/filter-checkbox-item.cjs");require("../../../../filter/filter-chip.cjs");require("../../../../filter/filter-chips.cjs");require("../../../../filter/filter-dropdown-item.cjs");require("../../../../filter/filter-group.cjs");require("../../../../filter/filter-label.cjs");require("../../../../search-line/search-line.cjs");require("../../../../tabs/tabs.cjs");require("../../../../filter/filter-modal-item.cjs");require("../../../../filter/filter-radio-item.cjs");require("../../../../filter/filter-separator.cjs");require("../../../../filter/variants.cjs");require("../../../../graph/formatters.cjs");require("lightweight-charts");require("../../../../graph/graph-view.cjs");require("../../../../health-factor/health-factor.cjs");require("../../../../horizontal-indicator/horizontal-indicator.cjs");require("../../../../layout/app-footer/app-footer.cjs");require("../../../../layout/app-header/app-header.cjs");require("../../../../layout/col/col.cjs");require("../../../../layout/container/container.cjs");require("../../../../layout/footer/footer.cjs");require("../../../../layout/grid/grid.cjs");require("../../../../layout/header/header.cjs");require("../../../../layout/layout/layout.cjs");require("../../../../layout/main-aside-layout/main-aside-layout.cjs");require("../../../../page-title/page-title.cjs");require("../../../../layout/social-icons/social-icons.cjs");require("../../../../legal-agreement/legal-agreement-theme.cjs");require("../../../../link/link.cjs");require("../../../../../utils/reactochart-compat.cjs");require("../../../../status-elements/status-elements.cjs");require("../../../../loader/loader.cjs");require("../../../../loading/loading.cjs");require("../../../../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../../../../navbar/navbar.cjs");require("../../../../navbar/navbar-indicator-context.cjs");require("../../../../app-bar/app-bar.cjs");require("../../../../navitem/navitem.cjs");require("../../../../progress-bar/progress-bar.cjs");require("../../../../radio-group/radio-group.cjs");require("../../../../search-bar/search-bar.cjs");require("../../../../segmented-control/segmented-control.cjs");require("../../../../select/select.cjs");require("../../../../separator/separator.cjs");require("../../../../simple-accordion/simple-accordion.cjs");require("../../../../slider/slider.cjs");require("../../../../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../../../../spinner/spinner.cjs");require("../../../../spinner-loader/spinner-loader.cjs");require("../../../../split-list/split-list.cjs");require("../../../../stat-badge/stat-badge.cjs");require("../../../../status-dot/status-dot.cjs");require("../../../../stepper/stepper.cjs");require("../../../../switch/switch.cjs");require("../../../../table/table.cjs");require("../../../../table/grid-table-loader.cjs");require("../../../../textarea/textarea.cjs");require("../../../../theme-provider.cjs");require("../../../../time-to-liquidation/time-to-liquidation.cjs");require("../../../../toggle/toggle.cjs");require("../../../../with-filter-button/with-filter-button.cjs");const g=require("./constants.cjs"),_=c.cva("flex w-full items-center justify-between bg-gray-20 px-4 py-3",{variants:{position:{primary:"rounded-t-lg",receive:"rounded-b-lg"},size:{sm:"min-h-[52px]",md:"min-h-[56px]"}},defaultVariants:{position:"primary",size:"md"}});function y({label:q,amount:n,token:r,usdMoney:i,loading:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("class-variance-authority");require("../../../../accordion/accordion.cjs");require("@gearbox-protocol/static");require("react");require("@fortawesome/free-solid-svg-icons");require("../../../../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");const l=require("../../../../../utils/cn.cjs");require("sonner");const m=require("../../../../../utils/format-money.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");require("../../../../alert-badge/alert-badge.cjs");require("../../../../alert-dialog/alert-dialog.cjs");require("../../../../alert-modal/alert-modal.cjs");require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");require("react-intl");require("../../../../arc-loader/arc-loader.cjs");require("../../../../asset-line/asset-line.cjs");require("../../../../buttons/back-button/back-button.cjs");require("../../../../buttons/button/button.cjs");require("../../../../buttons/copy-button/copy-button.cjs");require("../../../../buttons/external-button/external-button.cjs");require("../../../../buttons/filter-button/filter-button.cjs");require("../../../../buttons/navigation-button/navigation-button.cjs");require("../../../../buttons/tab-button/tab-button.cjs");const d=require("../../../../token-icon/token-icon.cjs");require("wagmi");require("../../../../auth/wallet-ui-context.cjs");require("../../../../avatar/avatar.cjs");require("../../../../badge/badge.cjs");require("../../../../base-link/base-link.cjs");require("../../../../navigation-context/navigation-context.cjs");require("../../../../button-checkbox/button-checkbox.cjs");require("../../../../card-grid/card-grid.cjs");require("../../../../cards/card/card.cjs");require("../../../../carousel/carousel.cjs");require("../../../../checkbox/checkbox.cjs");require("../../../../checkbox/checkbox-labeled.cjs");require("../../../../checkbox-item/checkbox-item.cjs");require("../../../../client-adapters/styled-button/styled-button.cjs");require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../../../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../../../../colored-text/colored-text.cjs");require("../../../../input/input.cjs");require("../../../../with-title/with-title.cjs");require("../../../../smart-number-input/balance-indicator.cjs");require("../../../../smart-number-input/smart-number-input.cjs");require("../../../credit-account-history/credit-account-history.cjs");require("../../../../simple-dropdown/simple-dropdown.cjs");require("../../../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../../../typography/typography.cjs");require("../../../../table/grid-table.cjs");const x=require("../../../../token-symbol/token-symbol.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../description/description.cjs");const p=require("../../../../token-template/token-template.cjs");require("../../../../confirm-menu/confirm-menu.cjs");require("../../../../dialog/dialog-modal-container.cjs");require("../../../../text-button/text-button.cjs");require("../../../../vertical-indicator/vertical-indicator.cjs");require("../../../../points-icon/points-icon.cjs");require("../../../../skeleton/skeleton.cjs");require("../../../../vertical-list/vertical-list.cjs");require("../../../../rounded-image/rounded-image.cjs");require("../../../../progress/progress.cjs");require("../../../../pool-indicator-icon/pool-indicator-icon.cjs");require("../../../strategies-table/components/feature/feature.styles.cjs");require("viem");require("../../../../icon-button/icon-button.cjs");require("../../../../separate-line/separate-line.cjs");require("../../../../tip-card/tip-card.cjs");require("../../../strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../../../../currency-button/currency-button.cjs");require("../../../../detailed-apy/detailed-apy.cjs");require("../../../../detailed-page-title/detailed-page-title.cjs");require("../../../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../../../dialog/dialog-container.cjs");require("../../../../dialog/dialog-content.cjs");require("../../../../dialog/dialog-description.cjs");require("../../../../dialog/dialog-footer.cjs");require("../../../../dialog/dialog-header.cjs");require("../../../../dialog/dialog-title.cjs");require("../../../../dialog/dialog-overlay.cjs");require("../../../../label/label.cjs");require("../../../../dropdown-menu/dropdown-menu.cjs");require("../../../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../../../dropdown-menu/dropdown-menu-content.cjs");require("../../../../dropdown-menu/dropdown-menu-item.cjs");require("../../../../dropdown-menu/dropdown-menu-label.cjs");require("../../../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../../../dropdown-menu/dropdown-menu-separator.cjs");require("../../../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../../../edit-input/edit-input.cjs");const f=require("../../../../fadeout-loading/fadeout-loading.cjs");require("../../../../filter/filter-block.cjs");require("../../../../filter/filter-checkbox-item.cjs");require("../../../../filter/filter-chip.cjs");require("../../../../filter/filter-chips.cjs");require("../../../../filter/filter-dropdown-item.cjs");require("../../../../filter/filter-group.cjs");require("../../../../filter/filter-label.cjs");require("../../../../search-line/search-line.cjs");require("../../../../tabs/tabs.cjs");require("../../../../filter/filter-modal-item.cjs");require("../../../../filter/filter-radio-item.cjs");require("../../../../filter/filter-separator.cjs");require("../../../../filter/variants.cjs");require("../../../../graph/formatters.cjs");require("lightweight-charts");require("../../../../graph/graph-view.cjs");require("../../../../health-factor/health-factor.cjs");require("../../../../horizontal-indicator/horizontal-indicator.cjs");require("../../../../layout/app-footer/app-footer.cjs");require("../../../../layout/app-header/app-header.cjs");require("../../../../layout/col/col.cjs");require("../../../../layout/container/container.cjs");require("../../../../layout/footer/footer.cjs");require("../../../../layout/grid/grid.cjs");require("../../../../layout/header/header.cjs");require("../../../../layout/layout/layout.cjs");require("../../../../layout/main-aside-layout/main-aside-layout.cjs");require("../../../../page-title/page-title.cjs");require("../../../../layout/social-icons/social-icons.cjs");require("../../../../legal-agreement/legal-agreement-theme.cjs");require("../../../../link/link.cjs");require("../../../../../utils/reactochart-compat.cjs");require("../../../../status-elements/status-elements.cjs");require("../../../../loader/loader.cjs");require("../../../../loading/loading.cjs");require("../../../../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../../../../navbar/navbar.cjs");require("../../../../navbar/navbar-indicator-context.cjs");require("../../../../app-bar/app-bar.cjs");require("../../../../navitem/navitem.cjs");require("../../../../progress-bar/progress-bar.cjs");require("../../../../radio-group/radio-group.cjs");require("../../../../search-bar/search-bar.cjs");require("../../../../segmented-control/segmented-control.cjs");require("../../../../select/select.cjs");require("../../../../separator/separator.cjs");require("../../../../simple-accordion/simple-accordion.cjs");require("../../../../slider/slider.cjs");require("../../../../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../../../../spinner/spinner.cjs");require("../../../../spinner-loader/spinner-loader.cjs");require("../../../../split-list/split-list.cjs");require("../../../../stat-badge/stat-badge.cjs");require("../../../../status-dot/status-dot.cjs");require("../../../../stepper/stepper.cjs");require("../../../../switch/switch.cjs");require("../../../../table/table.cjs");require("../../../../table/grid-table-loader.cjs");require("../../../../textarea/textarea.cjs");require("../../../../theme-provider.cjs");require("../../../../time-to-liquidation/time-to-liquidation.cjs");require("../../../../toggle/toggle.cjs");require("../../../../with-filter-button/with-filter-button.cjs");const g=require("./constants.cjs"),_=c.cva("flex w-full items-center justify-between bg-gray-20 px-4 py-3",{variants:{position:{primary:"rounded-t-lg",receive:"rounded-b-lg",solo:"rounded-b-lg rounded-t-lg",none:""},size:{sm:"min-h-[52px]",md:"min-h-[56px]"}},defaultVariants:{position:"primary",size:"md"}});function y({label:q,amount:n,token:r,usdMoney:i,loading:o=!1,position:t,size:s="md",maxLength:a}){const u=i!==void 0?m.formatMoney(i):null;return e.jsxs("div",{className:l.cn(_({position:t,size:s})),"data-testid":g.TransactionConfirmAmountFieldTest.root,children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:q}),e.jsxs("div",{className:"flex flex-col items-end gap-0.5",children:[e.jsx(f.FadeoutLoading,{loading:o,children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-sm font-medium text-foreground",children:[r?e.jsx(d.TokenIcon,{symbol:x.getSymbolOrIcon(r),size:16}):null,e.jsx("span",{children:e.jsx(p.TokenTemplate,{value:n,token:r,maxLength:a})})]})}),u?e.jsx("span",{className:"text-xs leading-[130%] text-secondary-foreground",children:u}):null]})]})}exports.TransactionConfirmAmountField=y;
|
|
@@ -1,13 +1,17 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
1
2
|
import { default as React } from 'react';
|
|
2
3
|
import { TokenFullData } from '../../../../../types/common';
|
|
3
|
-
|
|
4
|
+
declare const rootVariants: (props?: ({
|
|
5
|
+
position?: "none" | "primary" | "receive" | "solo" | null | undefined;
|
|
6
|
+
size?: "sm" | "md" | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
export interface TransactionConfirmAmountFieldProps extends VariantProps<typeof rootVariants> {
|
|
4
9
|
readonly label: React.ReactNode;
|
|
5
10
|
readonly amount: bigint;
|
|
6
11
|
readonly token?: Omit<TokenFullData, "address">;
|
|
7
12
|
readonly usdMoney?: bigint;
|
|
8
13
|
readonly loading?: boolean;
|
|
9
|
-
readonly position: "primary" | "receive";
|
|
10
|
-
readonly size?: "sm" | "md";
|
|
11
14
|
readonly maxLength?: number;
|
|
12
15
|
}
|
|
13
16
|
export declare function TransactionConfirmAmountField({ label, amount, token, usdMoney, loading, position, size, maxLength, }: TransactionConfirmAmountFieldProps): React.ReactElement;
|
|
17
|
+
export {};
|