@gearbox-protocol/ui-kit 4.0.0 → 4.0.1

package/dist/types/components/base/amount-input/constants.d.ts

@@ -1,11 +1,11 @@
-export declare class AmountInputTest {
-    static root: string;
-    static input: string;
-    static max: string;
-    static token: string;
-    static label: string;
-    static balance: string;
-    static usd: string;
-    static selectPanel: string;
-    static selectOption: string;
-}
+export declare const AmountInputTest: {
+    readonly root: "amount-input-root";
+    readonly input: "amount-input-field";
+    readonly max: "amount-input-max";
+    readonly token: "amount-input-token";
+    readonly label: "amount-input-label";
+    readonly balance: "amount-input-balance";
+    readonly usd: "amount-input-usd";
+    readonly selectPanel: "amount-input-select-panel";
+    readonly selectOption: "amount-input-select-option";
+};

package/dist/types/components/base/borrow-rate-block/constants.d.ts

@@ -1,5 +1,5 @@
-export declare class BorrowRateBlockTest {
-    static root: string;
-    static trigger: string;
-    static details: string;
-}
+export declare const BorrowRateBlockTest: {
+    readonly root: "borrow-rate-block-root";
+    readonly trigger: "borrow-rate-block-trigger";
+    readonly details: "borrow-rate-block-details";
+};

package/dist/types/components/base/chart-with-side-card/constants.d.ts

@@ -1,5 +1,5 @@
-export declare class ChartWithSideCardTest {
-    static root: string;
-    static chart: string;
-    static side: string;
-}
+export declare const ChartWithSideCardTest: {
+    readonly root: "chart-with-side-card-root";
+    readonly chart: "chart-with-side-card-chart";
+    readonly side: "chart-with-side-card-side";
+};

package/dist/types/components/base/detailed-page-title/constants.d.ts

@@ -1,4 +1,4 @@
-export declare class DetailedPageTitleTest {
-    static root: string;
-    static actions: string;
-}
+export declare const DetailedPageTitleTest: {
+    readonly root: "detailed-page-title-root";
+    readonly actions: "detailed-page-title-actions";
+};

package/dist/types/components/base/details-view/constants.d.ts

@@ -1,9 +1,9 @@
-export declare class DetailsViewTest {
-    static root: string;
-    static leftPane: string;
-    static managePane: string;
-}
-export declare class DetailAsideWrapperTest {
-    static root: string;
-    static stickyContent: string;
-}
+export declare const DetailsViewTest: {
+    readonly root: "details-view-root";
+    readonly leftPane: "details-view-left-pane";
+    readonly managePane: "details-view-manage-pane";
+};
+export declare const DetailAsideWrapperTest: {
+    readonly root: "detail-aside-wrapper-root";
+    readonly stickyContent: "detail-aside-wrapper-sticky-content";
+};

package/dist/types/components/base/health-factor-block/constants.d.ts

@@ -1,5 +1,5 @@
-export declare class HealthFactorBlockTest {
-    static root: string;
-    static value: string;
-    static valueTo: string;
-}
+export declare const HealthFactorBlockTest: {
+    readonly root: "health-factor-block-root";
+    readonly value: "health-factor-block-value";
+    readonly valueTo: "health-factor-block-value-to";
+};

package/dist/types/components/base/history-chart/constants.d.ts

@@ -1,6 +1,6 @@
-export declare class HistoryChartTest {
-    static root: string;
-    static empty: string;
-    static error: string;
-    static range: (id: string) => string;
-}
+export declare const HistoryChartTest: {
+    readonly root: "history-chart-root";
+    readonly empty: "history-chart-empty";
+    readonly error: "history-chart-error";
+    readonly range: (id: string) => string;
+};

package/dist/types/components/base/info-list/constants.d.ts

@@ -1,5 +1,5 @@
-export declare class InfoListTest {
-    static root: string;
-    static line: string;
-    static sectionTitle: string;
-}
+export declare const InfoListTest: {
+    readonly root: "info-list-root";
+    readonly line: "info-list-line";
+    readonly sectionTitle: "info-list-section-title";
+};

package/dist/types/components/base/leverage-input/constants.d.ts

@@ -1,6 +1,6 @@
-export declare class LeverageInputTest {
-    static root: string;
-    static slider: string;
-    static value: string;
-    static reset: string;
-}
+export declare const LeverageInputTest: {
+    readonly root: "leverage-input-root";
+    readonly slider: "leverage-input-slider";
+    readonly value: "leverage-input-value";
+    readonly reset: "leverage-input-reset";
+};

package/dist/types/components/base/liquidation-params-table/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class LiquidationParamsTableTest {
-    static root: string;
-}
+export declare const LiquidationParamsTableTest: {
+    readonly root: "liquidation-params-table-root";
+};

package/dist/types/components/base/liquidation-price-block/constants.d.ts

@@ -1,5 +1,5 @@
-export declare class LiquidationPriceBlockTest {
-    static root: string;
-    static value: string;
-    static valueTo: string;
-}
+export declare const LiquidationPriceBlockTest: {
+    readonly root: "liquidation-price-block-root";
+    readonly value: "liquidation-price-block-value";
+    readonly valueTo: "liquidation-price-block-value-to";
+};

package/dist/types/components/base/manage-pane/constants.d.ts

@@ -1,9 +1,9 @@
-export declare class ManagePaneTest {
-    static root: string;
-    static tabs: string;
-    static dropdown: string;
-    static body: string;
-    static message: string;
-    static actionDialog: string;
-    static tab: (id: string) => string;
-}
+export declare const ManagePaneTest: {
+    readonly root: "manage-pane-root";
+    readonly tabs: "manage-pane-tabs";
+    readonly dropdown: "manage-pane-dropdown";
+    readonly body: "manage-pane-body";
+    readonly message: "manage-pane-message";
+    readonly actionDialog: "manage-pane-action-dialog";
+    readonly tab: (id: string) => string;
+};

package/dist/types/components/base/more-accordion/constants.d.ts

@@ -1,4 +1,4 @@
-export declare class MoreAccordionTest {
-    static root: string;
-    static trigger: string;
-}
+export declare const MoreAccordionTest: {
+    readonly root: "more-accordion-root";
+    readonly trigger: "more-accordion-trigger";
+};

package/dist/types/components/base/nested-info-stack/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class NestedInfoStackTest {
-    static root: string;
-}
+export declare const NestedInfoStackTest: {
+    readonly root: "nested-info-stack-root";
+};

package/dist/types/components/base/page-title/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class PageTitleTest {
-    static root: string;
-}
+export declare const PageTitleTest: {
+    readonly root: "page-title-root";
+};

package/dist/types/components/base/pool-apy-breakdown-card/constants.d.ts

@@ -1,7 +1,7 @@
-export declare class PoolApyBreakdownCardTest {
-    static root: string;
-    static net: string;
-    static value: string;
-    static reward: string;
-    static points: string;
-}
+export declare const PoolApyBreakdownCardTest: {
+    readonly root: "pool-apy-breakdown-card-root";
+    readonly net: "pool-apy-breakdown-card-net";
+    readonly value: "pool-apy-breakdown-card-value";
+    readonly reward: "pool-apy-breakdown-card-reward";
+    readonly points: "pool-apy-breakdown-card-points";
+};

package/dist/types/components/base/position-assets/constants.d.ts

@@ -1,6 +1,6 @@
-export declare class PositionAssetsTest {
-    static root: string;
-    static row: string;
-    static worth: string;
-    static empty: string;
-}
+export declare const PositionAssetsTest: {
+    readonly root: "position-assets-root";
+    readonly row: "position-assets-row";
+    readonly worth: "position-assets-worth";
+    readonly empty: "position-assets-empty";
+};

package/dist/types/components/base/review-button/constants.d.ts

@@ -1,5 +1,5 @@
-export declare class ReviewButtonTest {
-    static root: string;
-    static error: string;
-    static tip: string;
-}
+export declare const ReviewButtonTest: {
+    readonly root: "review-button-root";
+    readonly error: "review-button-error";
+    readonly tip: "review-button-tip";
+};

package/dist/types/components/base/section-heading/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class SectionHeadingTest {
-    static root: string;
-}
+export declare const SectionHeadingTest: {
+    readonly root: "section-heading-root";
+};

package/dist/types/components/base/segmented-tabs/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class SegmentedTabsTest {
-    static root: string;
-}
+export declare const SegmentedTabsTest: {
+    readonly root: "segmented-tabs-root";
+};

package/dist/types/components/base/stack/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class StackTest {
-    static root: string;
-}
+export declare const StackTest: {
+    readonly root: "stack-root";
+};

package/dist/types/components/base/stat-badge/constants.d.ts

@@ -1,6 +1,6 @@
-export declare class StatBadgeTest {
-    static root: string;
-    static grid: string;
-    static action: string;
-    static delta: string;
-}
+export declare const StatBadgeTest: {
+    readonly root: "stat-badge-root";
+    readonly grid: "stat-badge-grid-root";
+    readonly action: "stat-badge-action";
+    readonly delta: "stat-badge-delta";
+};

package/dist/types/components/base/strategy-apy-breakdown-card/constants.d.ts

@@ -1,9 +1,9 @@
-export declare class StrategyApyBreakdownCardTest {
-    static root: string;
-    static net: string;
-    static collateral: string;
-    static borrow: string;
-    static value: string;
-    static points: string;
-    static caption: string;
-}
+export declare const StrategyApyBreakdownCardTest: {
+    readonly root: "strategy-apy-breakdown-card-root";
+    readonly net: "strategy-apy-breakdown-card-net";
+    readonly collateral: "strategy-apy-breakdown-card-collateral";
+    readonly borrow: "strategy-apy-breakdown-card-borrow";
+    readonly value: "strategy-apy-breakdown-card-value";
+    readonly points: "strategy-apy-breakdown-card-points";
+    readonly caption: "strategy-apy-breakdown-card-caption";
+};

package/dist/types/components/base/tabber/constants.d.ts

@@ -1,5 +1,5 @@
-export declare class TabberTest {
-    static root: string;
-    static bar: string;
-    static section: string;
-}
+export declare const TabberTest: {
+    readonly root: "tabber-root";
+    readonly bar: "tabber-bar";
+    readonly section: "tabber-section";
+};

package/dist/types/components/base/time-to-liquidation-block/constants.d.ts

@@ -1,5 +1,5 @@
-export declare class TimeToLiquidationBlockTest {
-    static root: string;
-    static value: string;
-    static valueTo: string;
-}
+export declare const TimeToLiquidationBlockTest: {
+    readonly root: "time-to-liquidation-block-root";
+    readonly value: "time-to-liquidation-block-value";
+    readonly valueTo: "time-to-liquidation-block-value-to";
+};

package/dist/types/components/base/title-meta/constants.d.ts

@@ -1,6 +1,6 @@
-export declare class TitleMetaTest {
-    static root: string;
-    static network: string;
-    static curator: string;
-    static link: string;
-}
+export declare const TitleMetaTest: {
+    readonly root: "title-meta-root";
+    readonly network: "title-meta-network";
+    readonly curator: "title-meta-curator";
+    readonly link: "title-meta-link";
+};

package/dist/types/components/base/token-amount/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class TokenAmountTest {
-    static root: string;
-}
+export declare const TokenAmountTest: {
+    readonly root: "token-amount-root";
+};

package/dist/types/components/base/token-pair-symbol/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class TokenPairSymbolTest {
-    static root: string;
-}
+export declare const TokenPairSymbolTest: {
+    readonly root: "token-pair-symbol-root";
+};

package/dist/types/components/base/values/constants.d.ts

@@ -1,16 +1,16 @@
-export declare class ValueTest {
-    static apy: string;
-    static usd: string;
-    static leverage: string;
-    static utilization: string;
-    static healthFactor: string;
-    static pnl: string;
-    static priceImpact: string;
-    static tokenBigint: string;
-    static points: string;
-    static placeholder: string;
-    static accruing: string;
-}
-export declare class PositionShortLabelTest {
-    static root: string;
-}
+export declare const ValueTest: {
+    readonly apy: "value-apy";
+    readonly usd: "value-usd";
+    readonly leverage: "value-leverage";
+    readonly utilization: "value-utilization";
+    readonly healthFactor: "value-health-factor";
+    readonly pnl: "value-pnl";
+    readonly priceImpact: "value-price-impact";
+    readonly tokenBigint: "value-token-bigint";
+    readonly points: "value-points";
+    readonly placeholder: "value-placeholder";
+    readonly accruing: "value-accruing";
+};
+export declare const PositionShortLabelTest: {
+    readonly root: "position-short-label";
+};

package/dist/types/components/base-table/constants.d.ts

@@ -1,8 +1,8 @@
-export declare class BaseTableTest {
-    static root: string;
-    static head: string;
-    static empty: string;
-}
-export declare class BaseTableLineTest {
-    static root: string;
-}
+export declare const BaseTableTest: {
+    readonly root: "base-table-root";
+    readonly head: "base-table-head";
+    readonly empty: "base-table-empty";
+};
+export declare const BaseTableLineTest: {
+    readonly root: "base-table-line-root";
+};

package/dist/types/components/collateral-allocation-tooltip/constants.d.ts

@@ -1,8 +1,8 @@
-export declare class CollateralAllocationTooltipTest {
-    static root: string;
-    static row: string;
-    static wheel: string;
-}
-export declare class AllocationWheelTest {
-    static root: string;
-}
+export declare const CollateralAllocationTooltipTest: {
+    readonly root: "collateral-allocation-tooltip-root";
+    readonly row: "collateral-allocation-tooltip-row";
+    readonly wheel: "collateral-allocation-tooltip-wheel";
+};
+export declare const AllocationWheelTest: {
+    readonly root: "allocation-wheel-root";
+};

package/dist/types/components/composites/pool-assets-table/constants.d.ts

@@ -1,7 +1,7 @@
-export declare class PoolAssetsTableTest {
-    static root: string;
-    static exposureCell: string;
-    static capCell: string;
-    static capBelowExposureTip: string;
-    static capUtilizationCell: string;
-}
+export declare const PoolAssetsTableTest: {
+    readonly root: "pool-assets-table-root";
+    readonly exposureCell: "pool-assets-table-exposure-cell";
+    readonly capCell: "pool-assets-table-cap-cell";
+    readonly capBelowExposureTip: "pool-assets-table-cap-below-exposure-tip";
+    readonly capUtilizationCell: "pool-assets-table-cap-utilization-cell";
+};

package/dist/types/components/composites/tx-preview/confirm/amounts/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class TransactionConfirmAmountFieldTest {
-    static root: string;
-}
+export declare const TransactionConfirmAmountFieldTest: {
+    readonly root: "transaction-confirm-amount-field-root";
+};

package/dist/types/components/composites/tx-preview/confirm/dialog/constants.d.ts

@@ -1,7 +1,7 @@
-export declare class TransactionConfirmDialogTest {
-    static root: string;
-    static execution: string;
-    static progress: string;
-    static result: string;
-}
+export declare const TransactionConfirmDialogTest: {
+    readonly root: "transaction-confirm-dialog-root";
+    readonly execution: "transaction-confirm-dialog-execution";
+    readonly progress: "transaction-confirm-dialog-progress";
+    readonly result: "transaction-confirm-dialog-result";
+};
 /** Outer dialog card: mobile-first full width, fixed 560px from md up. */

package/dist/types/components/composites/tx-preview/confirm/result/constants.d.ts

@@ -1,18 +1,18 @@
-export declare class TransactionConfirmSuccessResultTest {
-    static root: string;
-    static headline: string;
-    static subtitle: string;
-    static footer: string;
-}
-export declare class TransactionConfirmFailureResultTest {
-    static root: string;
-    static footer: string;
-}
-export declare class TransactionConfirmTxHashRowTest {
-    static root: string;
-    static txHashLink: string;
-    static addToWallet: string;
-}
-export declare class TransactionConfirmExecuteButtonTest {
-    static root: string;
-}
+export declare const TransactionConfirmSuccessResultTest: {
+    readonly root: "transaction-confirm-success-result-root";
+    readonly headline: "transaction-confirm-success-result-headline";
+    readonly subtitle: "transaction-confirm-success-result-subtitle";
+    readonly footer: "transaction-confirm-success-result-footer";
+};
+export declare const TransactionConfirmFailureResultTest: {
+    readonly root: "transaction-confirm-failure-result-root";
+    readonly footer: "transaction-confirm-failure-result-footer";
+};
+export declare const TransactionConfirmTxHashRowTest: {
+    readonly root: "transaction-confirm-tx-hash-row-root";
+    readonly txHashLink: "transaction-confirm-tx-hash-row-tx-hash-link";
+    readonly addToWallet: "transaction-confirm-tx-hash-row-add-to-wallet";
+};
+export declare const TransactionConfirmExecuteButtonTest: {
+    readonly root: "transaction-confirm-execute-button-root";
+};

package/dist/types/components/composites/tx-preview/confirm/stepper/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class ProgressStepperTest {
-    static root: string;
-}
+export declare const ProgressStepperTest: {
+    readonly root: "progress-stepper-root";
+};

package/dist/types/components/legal-agreement/legal-agreement-awaiting-panel.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { LegalAgreementVisualTheme } from './legal-agreement-theme';
-export declare class LegalAgreementAwaitingPanelTest {
-    static root: string;
-}
+export declare const LegalAgreementAwaitingPanelTest: {
+    readonly root: "legal-agreement-awaiting-panel-root";
+};
 export interface LegalAgreementAwaitingPanelProps {
     readonly waitingForSignatureText?: string;
     readonly theme?: LegalAgreementVisualTheme;

package/dist/types/components/legal-agreement/legal-agreement-panel.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 import { LegalAgreementDialogConfig } from './legal-agreement-config';
 import { LegalAgreementVisualTheme } from './legal-agreement-theme';
-export declare class LegalAgreementPanelTest {
-    static root: string;
-}
+export declare const LegalAgreementPanelTest: {
+    readonly root: "legal-agreement-panel-root";
+};
 export interface LegalAgreementPanelProps {
     readonly config: LegalAgreementDialogConfig;
     readonly checkedItems: Readonly<Record<string, boolean>>;

package/dist/types/components/sdk-status-pill/constants.d.ts

@@ -1,5 +1,5 @@
-export declare class SdkStatusPillTest {
-    static root: string;
-    static dot: string;
-    static tooltip: string;
-}
+export declare const SdkStatusPillTest: {
+    readonly root: "sdk-status-pill-root";
+    readonly dot: "sdk-status-pill-dot";
+    readonly tooltip: "sdk-status-pill-tooltip";
+};

package/dist/types/components/slider/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class SliderTest {
-    static interval: string;
-}
+export declare const SliderTest: {
+    readonly interval: "slider-interval";
+};

package/dist/types/components/trading-view/constants.d.ts

@@ -1,4 +1,4 @@
-export declare class TradingViewTest {
-    static priceScaleTitles: string;
-    static priceScaleTitle: (side: "left" | "right") => string;
-}
+export declare const TradingViewTest: {
+    readonly priceScaleTitles: "trading-view-price-scale-titles";
+    readonly priceScaleTitle: (side: "left" | "right") => string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "Internal UI components",
   "repository": {
     "type": "git",
@@ -47,10 +47,11 @@
     "dev": "vite build --watch",
     "prepare": "husky",
     "check": "biome check --write",
-    "check:ci": "biome check --diagnostic-level=error && pnpm check:api && pnpm check:layers",
+    "check:ci": "biome check --diagnostic-level=error && pnpm check:api && pnpm check:layers && pnpm check:test-ids",
     "typecheck:ci": "tsc --noEmit",
     "check:api": "node scripts/rules/check-api.mjs",
     "check:layers": "node scripts/rules/check-layers.mjs",
+    "check:test-ids": "node scripts/rules/check-test-ids.mjs",
     "test": "vitest run",
     "test:watch": "vitest",
     "storybook": "storybook dev -p 6006",