@mezo-org/mezo-clay 0.1.0-dev.26 → 0.1.0-dev.28

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.
Files changed (152) hide show
  1. package/dist/components/banner/banner.d.ts +1 -1
  2. package/dist/components/callout-card/callout-card-subcomponents.d.ts +31 -0
  3. package/dist/components/callout-card/callout-card.d.ts +11 -0
  4. package/dist/components/callout-card/context.d.ts +9 -0
  5. package/dist/components/callout-card/index.d.ts +4 -0
  6. package/dist/components/callout-card/skeletons.d.ts +3 -0
  7. package/dist/components/callout-card/types.d.ts +1 -0
  8. package/dist/components/card/card-skeletons.d.ts +5 -1
  9. package/dist/components/content-stepper/content-stepper.d.ts +44 -0
  10. package/dist/components/content-stepper/index.d.ts +2 -0
  11. package/dist/components/content-stepper/skeletons.d.ts +3 -0
  12. package/dist/components/content-stepper/styled-components.d.ts +21 -0
  13. package/dist/components/form-control/constants.d.ts +1 -1
  14. package/dist/components/form-control/form-control.d.ts +1 -1
  15. package/dist/components/form-control/overrides.d.ts +2 -1
  16. package/dist/components/form-control/types.d.ts +1 -0
  17. package/dist/components/icons/_docs/icon-gallery.d.ts +9 -0
  18. package/dist/components/icons/index.d.ts +2 -83
  19. package/dist/components/icons/line/check/index.d.ts +9 -0
  20. package/dist/components/icons/line/coins-stacked/index.d.ts +8 -0
  21. package/dist/components/icons/line/help-circle-line/index.d.ts +8 -0
  22. package/dist/components/icons/line/index.d.ts +43 -0
  23. package/dist/components/icons/{settings → line/settings}/index.d.ts +2 -2
  24. package/dist/components/icons/line/star/index.d.ts +15 -0
  25. package/dist/components/icons/line/switch-vertical/index.d.ts +8 -0
  26. package/dist/components/icons/line/trophy/index.d.ts +8 -0
  27. package/dist/components/icons/line/user/index.d.ts +8 -0
  28. package/dist/components/icons/solid/help-circle/index.d.ts +8 -0
  29. package/dist/components/icons/solid/index.d.ts +49 -0
  30. package/dist/components/icons/solid/settings/index.d.ts +8 -0
  31. package/dist/components/icons/{user → solid/star}/index.d.ts +3 -3
  32. package/dist/components/icons/solid/trophy/index.d.ts +8 -0
  33. package/dist/components/icons/solid/user/index.d.ts +8 -0
  34. package/dist/components/index.d.ts +5 -0
  35. package/dist/components/input/constants.d.ts +38 -0
  36. package/dist/components/input/index.d.ts +2 -2
  37. package/dist/components/input/input.d.ts +3 -3
  38. package/dist/components/input/overrides.d.ts +11 -1
  39. package/dist/components/input/types.d.ts +6 -4
  40. package/dist/components/input-group/index.d.ts +5 -0
  41. package/dist/components/list/list.d.ts +2 -1
  42. package/dist/components/phone-input/default-args.d.ts +27 -0
  43. package/dist/components/phone-input/index.d.ts +4 -0
  44. package/dist/components/phone-input/overrides.d.ts +9 -0
  45. package/dist/components/phone-input/phone-input.d.ts +7 -0
  46. package/dist/components/phone-input/stateful-phone-input.d.ts +6 -0
  47. package/dist/components/popover/stepper-popover.d.ts +3 -15
  48. package/dist/components/progress-steps/index.d.ts +7 -2
  49. package/dist/components/progress-steps/numbered-step-title.d.ts +15 -0
  50. package/dist/components/progress-steps/numbered-step.d.ts +22 -0
  51. package/dist/components/progress-steps/progress-steps.d.ts +5 -0
  52. package/dist/components/progress-steps/step.d.ts +6 -0
  53. package/dist/components/radio/overrides.d.ts +17 -0
  54. package/dist/components/select/index.d.ts +1 -0
  55. package/dist/components/select/overrides.d.ts +90 -0
  56. package/dist/components/tile/constants.d.ts +5 -0
  57. package/dist/components/tile/index.d.ts +9 -0
  58. package/dist/components/tile/skeletons.d.ts +7 -0
  59. package/dist/components/tile/styled-components.d.ts +3 -0
  60. package/dist/components/tile/tile-group.d.ts +7 -0
  61. package/dist/components/tile/tile.d.ts +11 -0
  62. package/dist/docs/guides/borders.d.ts +2 -0
  63. package/dist/docs/guides/colors.d.ts +3 -0
  64. package/dist/docs/guides/sizing.d.ts +2 -0
  65. package/dist/docs/index.d.ts +13 -0
  66. package/dist/mezo-clay.es.js +45405 -29368
  67. package/dist/mezo-clay.umd.js +45 -45
  68. package/dist/styles/index.d.ts +1 -1
  69. package/dist/themes/index.d.ts +1 -0
  70. package/package.json +2 -1
  71. package/dist/components/icons/help-circle/index.d.ts +0 -15
  72. package/dist/components/icons/star/index.d.ts +0 -29
  73. package/dist/components/icons/trophy/index.d.ts +0 -15
  74. /package/dist/components/icons/{arrow-left → line/arrow-left}/index.d.ts +0 -0
  75. /package/dist/components/icons/{arrow-right → line/arrow-right}/index.d.ts +0 -0
  76. /package/dist/components/icons/{bell → line/bell}/index.d.ts +0 -0
  77. /package/dist/components/icons/{building → line/building}/index.d.ts +0 -0
  78. /package/dist/components/icons/{check-done → line/check-done}/index.d.ts +0 -0
  79. /package/dist/components/icons/{circle-cut → line/circle-cut}/index.d.ts +0 -0
  80. /package/dist/components/icons/{close → line/close}/index.d.ts +0 -0
  81. /package/dist/components/icons/{coins-hand → line/coins-hand}/index.d.ts +0 -0
  82. /package/dist/components/icons/{coins-swap → line/coins-swap}/index.d.ts +0 -0
  83. /package/dist/components/icons/{compass → line/compass}/index.d.ts +0 -0
  84. /package/dist/components/icons/{copy → line/copy}/index.d.ts +0 -0
  85. /package/dist/components/icons/{cryptocurrency → line/cryptocurrency}/index.d.ts +0 -0
  86. /package/dist/components/icons/{cube → line/cube}/index.d.ts +0 -0
  87. /package/dist/components/icons/{dots → line/dots}/index.d.ts +0 -0
  88. /package/dist/components/icons/{dots-grid → line/dots-grid}/index.d.ts +0 -0
  89. /package/dist/components/icons/{drop → line/drop}/index.d.ts +0 -0
  90. /package/dist/components/icons/{email → line/email}/index.d.ts +0 -0
  91. /package/dist/components/icons/{gas-fee → line/gas-fee}/index.d.ts +0 -0
  92. /package/dist/components/icons/{handshake → line/handshake}/index.d.ts +0 -0
  93. /package/dist/components/icons/{home-smile → line/home-smile}/index.d.ts +0 -0
  94. /package/dist/components/icons/{lightning → line/lightning}/index.d.ts +0 -0
  95. /package/dist/components/icons/{link → line/link}/index.d.ts +0 -0
  96. /package/dist/components/icons/{link-external → line/link-external}/index.d.ts +0 -0
  97. /package/dist/components/icons/{log-in → line/log-in}/index.d.ts +0 -0
  98. /package/dist/components/icons/{log-out → line/log-out}/index.d.ts +0 -0
  99. /package/dist/components/icons/{message-question-circle → line/message-question-circle}/index.d.ts +0 -0
  100. /package/dist/components/icons/{percent → line/percent}/index.d.ts +0 -0
  101. /package/dist/components/icons/{pie-chart → line/pie-chart}/index.d.ts +0 -0
  102. /package/dist/components/icons/{plus → line/plus}/index.d.ts +0 -0
  103. /package/dist/components/icons/{receipt → line/receipt}/index.d.ts +0 -0
  104. /package/dist/components/icons/{safe → line/safe}/index.d.ts +0 -0
  105. /package/dist/components/icons/{square → line/square}/index.d.ts +0 -0
  106. /package/dist/components/icons/{tag → line/tag}/index.d.ts +0 -0
  107. /package/dist/components/icons/{upload → line/upload}/index.d.ts +0 -0
  108. /package/dist/components/icons/{wallet → line/wallet}/index.d.ts +0 -0
  109. /package/dist/components/icons/{alert-circle → solid/alert-circle}/index.d.ts +0 -0
  110. /package/dist/components/icons/{alert-triangle → solid/alert-triangle}/index.d.ts +0 -0
  111. /package/dist/components/icons/{apple → solid/apple}/index.d.ts +0 -0
  112. /package/dist/components/icons/{arrow-circle-down → solid/arrow-circle-down}/index.d.ts +0 -0
  113. /package/dist/components/icons/{arrow-circle-up → solid/arrow-circle-up}/index.d.ts +0 -0
  114. /package/dist/components/icons/{arrow-narrow-left → solid/arrow-narrow-left}/index.d.ts +0 -0
  115. /package/dist/components/icons/{arrow-narrow-right → solid/arrow-narrow-right}/index.d.ts +0 -0
  116. /package/dist/components/icons/{bezier-curve → solid/bezier-curve}/index.d.ts +0 -0
  117. /package/dist/components/icons/{bitcoin-circle → solid/bitcoin-circle}/index.d.ts +0 -0
  118. /package/dist/components/icons/{check-circle → solid/check-circle}/index.d.ts +0 -0
  119. /package/dist/components/icons/{check-square → solid/check-square}/index.d.ts +0 -0
  120. /package/dist/components/icons/{chevron-down → solid/chevron-down}/index.d.ts +0 -0
  121. /package/dist/components/icons/{chevron-left → solid/chevron-left}/index.d.ts +0 -0
  122. /package/dist/components/icons/{chevron-right → solid/chevron-right}/index.d.ts +0 -0
  123. /package/dist/components/icons/{chevron-selector-horizontal → solid/chevron-selector-horizontal}/index.d.ts +0 -0
  124. /package/dist/components/icons/{chevron-selector-vertical → solid/chevron-selector-vertical}/index.d.ts +0 -0
  125. /package/dist/components/icons/{chevron-up → solid/chevron-up}/index.d.ts +0 -0
  126. /package/dist/components/icons/{discord → solid/discord}/index.d.ts +0 -0
  127. /package/dist/components/icons/{eth-circle → solid/eth-circle}/index.d.ts +0 -0
  128. /package/dist/components/icons/{eye → solid/eye}/index.d.ts +0 -0
  129. /package/dist/components/icons/{eye-off → solid/eye-off}/index.d.ts +0 -0
  130. /package/dist/components/icons/{google → solid/google}/index.d.ts +0 -0
  131. /package/dist/components/icons/{heart → solid/heart}/index.d.ts +0 -0
  132. /package/dist/components/icons/{info-circle → solid/info-circle}/index.d.ts +0 -0
  133. /package/dist/components/icons/{loading → solid/loading}/index.d.ts +0 -0
  134. /package/dist/components/icons/{lock → solid/lock}/index.d.ts +0 -0
  135. /package/dist/components/icons/{mats → solid/mats}/index.d.ts +0 -0
  136. /package/dist/components/icons/{mats-circle → solid/mats-circle}/index.d.ts +0 -0
  137. /package/dist/components/icons/{menu → solid/menu}/index.d.ts +0 -0
  138. /package/dist/components/icons/{mezo-circle → solid/mezo-circle}/index.d.ts +0 -0
  139. /package/dist/components/icons/{minus-circle → solid/minus-circle}/index.d.ts +0 -0
  140. /package/dist/components/icons/{minus-square → solid/minus-square}/index.d.ts +0 -0
  141. /package/dist/components/icons/{musd-circle → solid/musd-circle}/index.d.ts +0 -0
  142. /package/dist/components/icons/{plus-circle → solid/plus-circle}/index.d.ts +0 -0
  143. /package/dist/components/icons/{plus-square → solid/plus-square}/index.d.ts +0 -0
  144. /package/dist/components/icons/{search → solid/search}/index.d.ts +0 -0
  145. /package/dist/components/icons/{shield → solid/shield}/index.d.ts +0 -0
  146. /package/dist/components/icons/{tbtc-circle → solid/tbtc-circle}/index.d.ts +0 -0
  147. /package/dist/components/icons/{thusd-circle → solid/thusd-circle}/index.d.ts +0 -0
  148. /package/dist/components/icons/{trend-down → solid/trend-down}/index.d.ts +0 -0
  149. /package/dist/components/icons/{trend-up → solid/trend-up}/index.d.ts +0 -0
  150. /package/dist/components/icons/{vbtc-circle → solid/vbtc-circle}/index.d.ts +0 -0
  151. /package/dist/components/icons/{x-circle → solid/x-circle}/index.d.ts +0 -0
  152. /package/dist/components/icons/{x-twitter → solid/x-twitter}/index.d.ts +0 -0
@@ -16,4 +16,4 @@ export default function Banner({ actionIcon, actionLabel, actionButtonId, artwor
16
16
  export declare function BannerInfo({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
17
17
  export declare function BannerNegative({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
18
18
  export declare function BannerPositive({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
19
- export declare function BannerWarning({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
19
+ export declare function BannerWarning({ artworkType, children, overrides, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,31 @@
1
+ import { PropsWithChildren, ReactNode } from 'react';
2
+ import { StyleObject } from 'styletron-react';
3
+ import { ButtonProps } from '../button';
4
+ import { CardFooterProps } from '../card';
5
+ export type CalloutCardTitleProps = {
6
+ $style?: StyleObject;
7
+ children: ReactNode;
8
+ };
9
+ export declare function CalloutCardTitle({ $style, children, }: CalloutCardTitleProps): import("react/jsx-runtime").JSX.Element;
10
+ export declare namespace CalloutCardTitle {
11
+ var displayName: string;
12
+ }
13
+ export type CalloutCardBodyProps = {
14
+ $style?: StyleObject;
15
+ children: ReactNode;
16
+ };
17
+ export declare function CalloutCardBody({ $style, children, }: CalloutCardBodyProps): import("react/jsx-runtime").JSX.Element;
18
+ export declare namespace CalloutCardBody {
19
+ var displayName: string;
20
+ }
21
+ export type CalloutCardFooterProps = CardFooterProps;
22
+ export declare function CalloutCardFooter({ justifyContent, ...restProps }: CalloutCardFooterProps): import("react/jsx-runtime").JSX.Element;
23
+ export declare namespace CalloutCardFooter {
24
+ var displayName: string;
25
+ }
26
+ export declare function CalloutCardAction({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
27
+ export declare namespace CalloutCardAction {
28
+ var displayName: string;
29
+ }
30
+ export type CalloutCardFooterButtonProps = Omit<ButtonProps, "size" | "kind" | "shape">;
31
+ export declare function CalloutCardFooterButton({ overrides, ...restProps }: CalloutCardFooterButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,11 @@
1
+ import { CardProps } from '../card';
2
+ import { ContentStep, ContentStepperProps, ContentStepperOverrides } from '../content-stepper';
3
+ import { CalloutCardKind } from './types';
4
+ export type CalloutCardProps = Omit<CardProps, "backgroundImage" | "loadingHeaderImageHeight" | "headerImage" | "thumbnail" | "hasThumbnail"> & Omit<ContentStepperProps, "steps" | "overrides" | "onClose" | "onStepsCompleted"> & {
5
+ kind?: CalloutCardKind;
6
+ steps?: ContentStep[];
7
+ contentStepperOverrides?: ContentStepperOverrides;
8
+ onClose?: () => void;
9
+ onStepsCompleted?: () => void;
10
+ };
11
+ export declare function CalloutCard({ action, children, kind, contentStepperOverrides, overrides, steps, withStepCount, onClose, onStepsCompleted, previousButtonAlwaysEnabled, loading, ...restProps }: CalloutCardProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { CalloutCardKind } from './types';
2
+ export declare const CalloutCardContext: import('react').Context<{
3
+ kind: CalloutCardKind;
4
+ loading: boolean;
5
+ }>;
6
+ export declare const useCalloutCardContext: () => {
7
+ kind: CalloutCardKind;
8
+ loading: boolean;
9
+ };
@@ -0,0 +1,4 @@
1
+ export * from './callout-card';
2
+ export * from './callout-card-subcomponents';
3
+ export * from './context';
4
+ export * from './types';
@@ -0,0 +1,3 @@
1
+ export { CardTitleSkeleton as CalloutCardTitleSkeleton } from '../card/card-skeletons';
2
+ export declare function CalloutCardBodySkeleton(): import("react/jsx-runtime").JSX.Element;
3
+ export declare function CalloutCardFooterSkeleton(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export type CalloutCardKind = "secondary" | "tertiary";
@@ -7,7 +7,11 @@ export declare function CardBodySkeleton({ width }: {
7
7
  export declare function CardBodyFullWidthSkeleton({ $style, }: {
8
8
  $style?: StyleObject;
9
9
  }): import("react/jsx-runtime").JSX.Element;
10
- export declare function CardFooterSkeleton(): import("react/jsx-runtime").JSX.Element;
10
+ export declare function CardFooterSkeleton({ justifyContent, width, height, }: {
11
+ justifyContent?: string;
12
+ width?: string;
13
+ height?: string;
14
+ }): import("react/jsx-runtime").JSX.Element;
11
15
  export declare function CardThumbnailSkeleton(): import("react/jsx-runtime").JSX.Element;
12
16
  export declare function CardHeaderImageSkeleton({ height, }: {
13
17
  height?: string;
@@ -0,0 +1,44 @@
1
+ import { ReactNode } from 'react';
2
+ import { Override } from 'baseui/helpers/overrides';
3
+ export type ContentStepperOverrides = {
4
+ Root?: Override;
5
+ Header?: Override;
6
+ CloseButton?: Override;
7
+ CloseIcon?: Override;
8
+ Body?: Override;
9
+ Footer?: Override;
10
+ StepCount?: Override;
11
+ NextButton?: Override;
12
+ PrevButton?: Override;
13
+ };
14
+ export type ContentStepperFooterProps = {
15
+ withStepCount?: boolean;
16
+ currentStep: number;
17
+ totalSteps: number;
18
+ previousButtonLabel?: string;
19
+ nextButtonLabel?: string;
20
+ onNextClick: (closeCb: any) => void;
21
+ onPreviousClick: (closeCb: any) => void;
22
+ previousButtonAlwaysEnabled?: boolean;
23
+ overrides?: ContentStepperOverrides;
24
+ };
25
+ export declare function ContentStepperFooter({ withStepCount, currentStep, totalSteps, previousButtonLabel, nextButtonLabel, onNextClick, onPreviousClick, previousButtonAlwaysEnabled, overrides, }: ContentStepperFooterProps): import("react/jsx-runtime").JSX.Element;
26
+ export type ContentStep = {
27
+ title?: ReactNode;
28
+ body: ReactNode;
29
+ withCloseButton?: boolean;
30
+ onNextClick?: () => void;
31
+ onPreviousClick?: () => void;
32
+ nextButtonLabel?: string;
33
+ previousButtonLabel?: string;
34
+ };
35
+ export type ContentStepperProps = {
36
+ steps: ContentStep[];
37
+ withStepCount?: boolean;
38
+ overrides?: ContentStepperOverrides;
39
+ onClose?: () => void;
40
+ onStepsCompleted: () => void;
41
+ previousButtonAlwaysEnabled?: boolean;
42
+ loading?: boolean;
43
+ };
44
+ export declare function ContentStepper({ steps, withStepCount, overrides, onClose, onStepsCompleted, previousButtonAlwaysEnabled, loading, }: ContentStepperProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export * from './content-stepper';
2
+ export * from './styled-components';
@@ -0,0 +1,3 @@
1
+ export declare function ContentStepperHeaderSkeleton(): import("react/jsx-runtime").JSX.Element;
2
+ export declare function ContentStepperBodySkeleton(): import("react/jsx-runtime").JSX.Element;
3
+ export declare function ContentStepperFooterSkeleton(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,21 @@
1
+ import { ButtonProps } from '../button';
2
+ import { ButtonIconProps } from '../button-icon';
3
+ export declare const StyledContentStepperRoot: import('styletron-react').StyletronComponent<"div", {}>;
4
+ export declare const StyledContentStepperHeader: import('styletron-react').StyletronComponent<"div", {}>;
5
+ export declare const StyledContentStepperBody: import('styletron-react').StyletronComponent<"div", {}>;
6
+ export declare const StyledContentStepperFooter: import('styletron-react').StyletronComponent<"div", {
7
+ $withStepCount: boolean;
8
+ }>;
9
+ export declare const StyledContentStepperStepCount: import('styletron-react').StyletronComponent<"div", {}>;
10
+ export declare function ContentStepperCloseButton({ overrides, children, ...props }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;
11
+ export declare namespace ContentStepperCloseButton {
12
+ var displayName: string;
13
+ }
14
+ export declare function ContentStepperPrevButton({ children, ...restProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare namespace ContentStepperPrevButton {
16
+ var displayName: string;
17
+ }
18
+ export declare function ContentStepperNextButton({ children, overrides, ...restProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
19
+ export declare namespace ContentStepperNextButton {
20
+ var displayName: string;
21
+ }
@@ -1 +1 @@
1
- export { SIZE } from '../input/constants';
1
+ export { SIZE_EXTENDED as SIZE } from '../input/constants';
@@ -1,2 +1,2 @@
1
1
  import { FormControlProps } from './types';
2
- export default function FormControl({ size, label, caption, disabled, error, positive, htmlFor, children, counter, overrides, minLength, maxLength, value, }: FormControlProps): import("react/jsx-runtime").JSX.Element;
2
+ export default function FormControl({ size, label, caption, disabled, error, positive, htmlFor, children, counter, overrides, minLength, maxLength, value, hasInputGroup, }: FormControlProps): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,7 @@
1
- export declare function getOverrides({ overrides, error, positive, disabled }: {
1
+ export declare function getOverrides({ overrides, error, positive, disabled, hasInputGroup, }: {
2
2
  overrides: any;
3
3
  error: any;
4
4
  positive: any;
5
5
  disabled: any;
6
+ hasInputGroup: any;
6
7
  }): import('baseui/helpers/overrides').Overrides<any>;
@@ -5,4 +5,5 @@ export interface FormControlProps extends BaseFormControlProps {
5
5
  minLength?: number;
6
6
  maxLength?: number;
7
7
  value?: string;
8
+ hasInputGroup?: boolean;
8
9
  }
@@ -0,0 +1,9 @@
1
+ import { ComponentType } from 'react';
2
+ import { Theme } from 'baseui';
3
+ import { IconProps } from 'baseui/icon';
4
+ type IconPropsFn = (name: string, theme: Theme) => IconProps;
5
+ declare function IconGallery({ icons, iconProps, }: {
6
+ icons: [string, ComponentType<IconProps>][];
7
+ iconProps?: IconPropsFn;
8
+ }): import("react/jsx-runtime").JSX.Element;
9
+ export default IconGallery;
@@ -1,83 +1,2 @@
1
- export { default as AlertCircle } from './alert-circle';
2
- export { AlertTriangle, AlertTriangleBadge } from './alert-triangle';
3
- export { default as Apple } from './apple';
4
- export { default as ArrowCircleDown } from './arrow-circle-down';
5
- export { default as ArrowCircleUp } from './arrow-circle-up';
6
- export { default as ArrowLeft } from './arrow-left';
7
- export { default as ArrowNarrowLeft } from './arrow-narrow-left';
8
- export { default as ArrowNarrowRight } from './arrow-narrow-right';
9
- export { default as ArrowRight } from './arrow-right';
10
- export { default as Bell01 } from './bell';
11
- export * from './bitcoin-circle';
12
- export { Building02 } from './building';
13
- export { CheckCircle } from './check-circle';
14
- export { default as CheckDone } from './check-done';
15
- export { default as ChevronDown } from './chevron-down';
16
- export { default as ChevronLeft } from './chevron-left';
17
- export { default as ChevronRight } from './chevron-right';
18
- export { default as ChevronSelectorHorizontal } from './chevron-selector-horizontal';
19
- export { default as ChevronSelectorVertical } from './chevron-selector-vertical';
20
- export { default as ChevronUp } from './chevron-up';
21
- export { default as CircleCut } from './circle-cut';
22
- export { default as Close } from './close';
23
- export { default as CoinsHand } from './coins-hand';
24
- export { CoinsSwap02 } from './coins-swap';
25
- export { Compass03 } from './compass';
26
- export { Copy03 } from './copy';
27
- export { Cryptocurrency04 } from './cryptocurrency';
28
- export { Cube01 } from './cube';
29
- export { default as Discord } from './discord';
30
- export * from './dots';
31
- export { default as DotsGrid } from './dots-grid';
32
- export { default as Drop } from './drop';
33
- export { Email01 } from './email';
34
- export * from './eth-circle';
35
- export { default as Eye } from './eye';
36
- export { default as EyeOff } from './eye-off';
37
- export { default as GasFee } from './gas-fee';
38
- export { default as Google } from './google';
39
- export { default as Handshake } from './handshake';
40
- export { default as Heart } from './heart';
41
- export * from './help-circle';
42
- export { HomeSmile } from './home-smile';
43
- export { InfoCircle, InfoCircleBadge } from './info-circle';
44
- export { Lightning01 } from './lightning';
45
- export * from './link';
46
- export { LinkExternal02 } from './link-external';
47
- export { default as Loading } from './loading';
48
- export { Lock03 } from './lock';
49
- export { LogIn01 } from './log-in';
50
- export { LogOut01 } from './log-out';
51
- export { default as Mats } from './mats';
52
- export * from './mats-circle';
53
- export { default as Menu01 } from './menu';
54
- export { default as MessageQuestionCircle } from './message-question-circle';
55
- export * from './mezo-circle';
56
- export { default as MinusCircle } from './minus-circle';
57
- export { default as MinusSquare } from './minus-square';
58
- export * from './musd-circle';
59
- export { Percent02 } from './percent';
60
- export { PieChart04 } from './pie-chart';
61
- export { default as Plus } from './plus';
62
- export { default as PlusCircle } from './plus-circle';
63
- export { default as PlusSquare } from './plus-square';
64
- export { ReceiptCheck } from './receipt';
65
- export { default as Safe } from './safe';
66
- export { SearchSmall, SearchMedium, SearchLarge } from './search';
67
- export { Settings01, Settings03 } from './settings';
68
- export { ShieldZap } from './shield';
69
- export { default as Square } from './square';
70
- export { Star01, Star01Outline, Star05, Star05Outline } from './star';
71
- export { Tag02 } from './tag';
72
- export * from './tbtc-circle';
73
- export * from './thusd-circle';
74
- export { default as TrendDown01 } from './trend-down';
75
- export { default as TrendUp01 } from './trend-up';
76
- export * from './trophy';
77
- export { Upload04 } from './upload';
78
- export * from './user';
79
- export * from './vbtc-circle';
80
- export { Wallet03, Wallet04 } from './wallet';
81
- export { default as XCircle } from './x-circle';
82
- export { default as XTwitter } from './x-twitter';
83
- export { default as BezierCurve02 } from './bezier-curve';
1
+ export * from './line';
2
+ export * from './solid';
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ declare const Check: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
+ children?: React.ReactNode;
4
+ size?: import('baseui/icon').Size;
5
+ color?: import('baseui/icon').Color;
6
+ title?: string | null;
7
+ overrides?: import('baseui/icon').IconOverrides;
8
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
9
+ export default Check;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export declare const CoinsStacked02: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
+ children?: React.ReactNode;
4
+ size?: import('baseui/icon').Size;
5
+ color?: import('baseui/icon').Color;
6
+ title?: string | null;
7
+ overrides?: import('baseui/icon').IconOverrides;
8
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export declare const HelpCircleLine: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
+ children?: React.ReactNode;
4
+ size?: import('baseui/icon').Size;
5
+ color?: import('baseui/icon').Color;
6
+ title?: string | null;
7
+ overrides?: import('baseui/icon').IconOverrides;
8
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,43 @@
1
+ export { default as ArrowLeft } from './arrow-left';
2
+ export { default as ArrowRight } from './arrow-right';
3
+ export { default as Bell01 } from './bell';
4
+ export { Building02 } from './building';
5
+ export { default as CheckDone } from './check-done';
6
+ export { default as CircleCut } from './circle-cut';
7
+ export { default as Close } from './close';
8
+ export { default as CoinsHand } from './coins-hand';
9
+ export { default as Check } from './check';
10
+ export { CoinsStacked02 } from './coins-stacked';
11
+ export { CoinsSwap02 } from './coins-swap';
12
+ export { Compass03 } from './compass';
13
+ export { Copy03 } from './copy';
14
+ export { Cryptocurrency04 } from './cryptocurrency';
15
+ export { Cube01 } from './cube';
16
+ export * from './dots';
17
+ export { default as DotsGrid } from './dots-grid';
18
+ export { default as Drop } from './drop';
19
+ export { Email01 } from './email';
20
+ export { default as GasFee } from './gas-fee';
21
+ export { default as Handshake } from './handshake';
22
+ export * from './help-circle-line';
23
+ export { HomeSmile } from './home-smile';
24
+ export { Lightning01 } from './lightning';
25
+ export * from './link';
26
+ export { LinkExternal02 } from './link-external';
27
+ export { LogIn01 } from './log-in';
28
+ export { LogOut01 } from './log-out';
29
+ export { default as MessageQuestionCircle } from './message-question-circle';
30
+ export { Percent02 } from './percent';
31
+ export { PieChart04 } from './pie-chart';
32
+ export { default as Plus } from './plus';
33
+ export { ReceiptCheck } from './receipt';
34
+ export { default as Safe } from './safe';
35
+ export * from './settings';
36
+ export { default as Square } from './square';
37
+ export * from './star';
38
+ export * from './switch-vertical';
39
+ export { Tag02 } from './tag';
40
+ export * from './trophy';
41
+ export { Upload04 } from './upload';
42
+ export * from './user';
43
+ export { Wallet03, Wallet04 } from './wallet';
@@ -1,12 +1,12 @@
1
1
  import * as React from "react";
2
- export declare const Settings01: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
2
+ export declare const Settings03: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
3
  children?: React.ReactNode;
4
4
  size?: import('baseui/icon').Size;
5
5
  color?: import('baseui/icon').Color;
6
6
  title?: string | null;
7
7
  overrides?: import('baseui/icon').IconOverrides;
8
8
  } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
9
- export declare const Settings03: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
9
+ export declare const Settings04: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
10
10
  children?: React.ReactNode;
11
11
  size?: import('baseui/icon').Size;
12
12
  color?: import('baseui/icon').Color;
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ export declare const Star01Outline: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
+ children?: React.ReactNode;
4
+ size?: import('baseui/icon').Size;
5
+ color?: import('baseui/icon').Color;
6
+ title?: string | null;
7
+ overrides?: import('baseui/icon').IconOverrides;
8
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
9
+ export declare const Star05Outline: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
10
+ children?: React.ReactNode;
11
+ size?: import('baseui/icon').Size;
12
+ color?: import('baseui/icon').Color;
13
+ title?: string | null;
14
+ overrides?: import('baseui/icon').IconOverrides;
15
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ export declare const SwitchVertical02: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
+ children?: React.ReactNode;
4
+ size?: import('baseui/icon').Size;
5
+ color?: import('baseui/icon').Color;
6
+ title?: string | null;
7
+ overrides?: import('baseui/icon').IconOverrides;
8
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export declare const Trophy02Outline: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
+ children?: React.ReactNode;
4
+ size?: import('baseui/icon').Size;
5
+ color?: import('baseui/icon').Color;
6
+ title?: string | null;
7
+ overrides?: import('baseui/icon').IconOverrides;
8
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export declare const User03: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
+ children?: React.ReactNode;
4
+ size?: import('baseui/icon').Size;
5
+ color?: import('baseui/icon').Color;
6
+ title?: string | null;
7
+ overrides?: import('baseui/icon').IconOverrides;
8
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export declare const HelpCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
+ children?: React.ReactNode;
4
+ size?: import('baseui/icon').Size;
5
+ color?: import('baseui/icon').Color;
6
+ title?: string | null;
7
+ overrides?: import('baseui/icon').IconOverrides;
8
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,49 @@
1
+ export { default as AlertCircle } from './alert-circle';
2
+ export { AlertTriangle, AlertTriangleBadge } from './alert-triangle';
3
+ export { default as Apple } from './apple';
4
+ export { default as ArrowCircleDown } from './arrow-circle-down';
5
+ export { default as ArrowCircleUp } from './arrow-circle-up';
6
+ export { default as ArrowNarrowLeft } from './arrow-narrow-left';
7
+ export { default as ArrowNarrowRight } from './arrow-narrow-right';
8
+ export * from './bitcoin-circle';
9
+ export { CheckCircle } from './check-circle';
10
+ export { default as CheckSquare } from './check-square';
11
+ export { default as ChevronDown } from './chevron-down';
12
+ export { default as ChevronLeft } from './chevron-left';
13
+ export { default as ChevronRight } from './chevron-right';
14
+ export { default as ChevronSelectorHorizontal } from './chevron-selector-horizontal';
15
+ export { default as ChevronSelectorVertical } from './chevron-selector-vertical';
16
+ export { default as ChevronUp } from './chevron-up';
17
+ export { default as Discord } from './discord';
18
+ export * from './eth-circle';
19
+ export { default as Eye } from './eye';
20
+ export { default as EyeOff } from './eye-off';
21
+ export { default as Google } from './google';
22
+ export { default as Heart } from './heart';
23
+ export * from './help-circle';
24
+ export { InfoCircle, InfoCircleBadge } from './info-circle';
25
+ export { default as Loading } from './loading';
26
+ export { Lock03 } from './lock';
27
+ export { default as Mats } from './mats';
28
+ export * from './mats-circle';
29
+ export { default as Menu01 } from './menu';
30
+ export * from './mezo-circle';
31
+ export { default as MinusCircle } from './minus-circle';
32
+ export { default as MinusSquare } from './minus-square';
33
+ export * from './musd-circle';
34
+ export { default as PlusCircle } from './plus-circle';
35
+ export { default as PlusSquare } from './plus-square';
36
+ export { SearchSmall, SearchMedium, SearchLarge } from './search';
37
+ export { Settings01 } from './settings';
38
+ export { ShieldZap } from './shield';
39
+ export * from './star';
40
+ export * from './tbtc-circle';
41
+ export * from './thusd-circle';
42
+ export { default as TrendDown01 } from './trend-down';
43
+ export { default as TrendUp01 } from './trend-up';
44
+ export * from './trophy';
45
+ export * from './user';
46
+ export * from './vbtc-circle';
47
+ export { default as XCircle } from './x-circle';
48
+ export { default as XTwitter } from './x-twitter';
49
+ export { default as BezierCurve02 } from './bezier-curve';
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ export declare const Settings01: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
+ children?: React.ReactNode;
4
+ size?: import('baseui/icon').Size;
5
+ color?: import('baseui/icon').Color;
6
+ title?: string | null;
7
+ overrides?: import('baseui/icon').IconOverrides;
8
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
@@ -1,12 +1,12 @@
1
- import { default as React } from 'react';
2
- export declare const User03: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
1
+ import * as React from "react";
2
+ export declare const Star01: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
3
  children?: React.ReactNode;
4
4
  size?: import('baseui/icon').Size;
5
5
  color?: import('baseui/icon').Color;
6
6
  title?: string | null;
7
7
  overrides?: import('baseui/icon').IconOverrides;
8
8
  } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
9
- export declare const User01: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
9
+ export declare const Star05: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
10
10
  children?: React.ReactNode;
11
11
  size?: import('baseui/icon').Size;
12
12
  color?: import('baseui/icon').Color;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export declare const Trophy02: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
+ children?: React.ReactNode;
4
+ size?: import('baseui/icon').Size;
5
+ color?: import('baseui/icon').Color;
6
+ title?: string | null;
7
+ overrides?: import('baseui/icon').IconOverrides;
8
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export declare const User01: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
3
+ children?: React.ReactNode;
4
+ size?: import('baseui/icon').Size;
5
+ color?: import('baseui/icon').Color;
6
+ title?: string | null;
7
+ overrides?: import('baseui/icon').IconOverrides;
8
+ } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
@@ -5,6 +5,7 @@ export * from './breadcrumbs';
5
5
  export * from './button';
6
6
  export * from './button-group';
7
7
  export * from './button-icon';
8
+ export * from './callout-card';
8
9
  export * from './card';
9
10
  export * from './checkbox';
10
11
  export * from './divider';
@@ -20,6 +21,7 @@ export * from './mobile-header';
20
21
  export * from './modal';
21
22
  export * from './page-control';
22
23
  export * from './pagination';
24
+ export * from './phone-input';
23
25
  export * from './popover';
24
26
  export * from './progress-bar';
25
27
  export * from './progress-steps';
@@ -35,6 +37,7 @@ export * from './table';
35
37
  export * from './tabs';
36
38
  export * from './tag';
37
39
  export * from './textarea';
40
+ export * from './tile';
38
41
  export * from './tooltip';
39
42
  export * from './top-navigation';
40
43
  export * from './typography';
@@ -42,6 +45,8 @@ export { Block } from 'baseui/block';
42
45
  export type { BlockProps } from 'baseui/block';
43
46
  export { Icon } from 'baseui/icon';
44
47
  export type { IconProps } from 'baseui/icon';
48
+ export { Layer, LayersManager, LayersContext, TetherBehavior, TETHER_PLACEMENT, } from 'baseui/layer';
49
+ export type { LayerProps, LayersManagerProps, LayersContextProps, TetherProps, TetherPlacement, } from 'baseui/layer';
45
50
  export { Grid, Cell } from 'baseui/layout-grid';
46
51
  export type { GridProps, CellProps } from 'baseui/layout-grid';
47
52
  export { mergeOverrides } from 'baseui';
@@ -3,3 +3,41 @@ export declare const SIZE: {
3
3
  medium: string;
4
4
  large: string;
5
5
  };
6
+ export declare const SIZE_EXTENDED: {
7
+ xxlarge: string;
8
+ small: string;
9
+ medium: string;
10
+ large: string;
11
+ };
12
+ export declare const INPUT_VERTICAL_PADDING: {
13
+ small: string;
14
+ medium: string;
15
+ large: string;
16
+ xxlarge: string;
17
+ };
18
+ export declare const INPUT_TYPOGRAPHY: {
19
+ small: {
20
+ fontSize: string;
21
+ lineHeight: string;
22
+ fontFamily: string;
23
+ fontWeight: number;
24
+ };
25
+ medium: {
26
+ fontSize: string;
27
+ lineHeight: string;
28
+ fontFamily: string;
29
+ fontWeight: number;
30
+ };
31
+ large: {
32
+ fontSize: string;
33
+ lineHeight: string;
34
+ fontFamily: string;
35
+ fontWeight: number;
36
+ };
37
+ xxlarge: {
38
+ fontSize: string;
39
+ lineHeight: string;
40
+ fontFamily: string;
41
+ fontWeight: number;
42
+ };
43
+ };
@@ -1,6 +1,6 @@
1
- export { SIZE as INPUT_SIZE } from './constants';
1
+ export { SIZE as INPUT_SIZE, SIZE_EXTENDED as INPUT_SIZE_EXTENDED, } from './constants';
2
2
  export { default as Input, getBaseInputSize } from './input';
3
3
  export { default as PasswordInput } from './password-input';
4
4
  export { default as SearchInput } from './search-input';
5
- export { getEndEnhancer, getRootReadOnlyStyles, getInputContainerReadOnlyStyles, } from './overrides';
5
+ export { getEndEnhancer, getRootReadOnlyStyles, getInputContainerReadOnlyStyles, getInputOverrides, } from './overrides';
6
6
  export type { InputProps, PasswordInputProps, SearchInputProps } from './types';
@@ -1,4 +1,4 @@
1
- import { SIZE } from './constants';
1
+ import { SIZE_EXTENDED } from './constants';
2
2
  import { InputProps } from './types';
3
- export declare function getBaseInputSize(size: keyof typeof SIZE): "default" | "large" | "compact" | "mini";
4
- export default function Input({ value, onChange, disabled, error, positive, incomplete, complete, loading, readOnly, size, type, clearable, clearOnEscape, startEnhancer, endEnhancer, inputMode, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, adjoined, autoComplete, autoFocus, pattern, placeholder, id, inputRef, name, min, max, step, maxLength, onBlur, onKeyDown, onKeyPress, onKeyUp, onFocus, required, overrides, }: InputProps): import("react/jsx-runtime").JSX.Element;
3
+ export declare function getBaseInputSize(size: keyof typeof SIZE_EXTENDED): "default" | "large" | "compact" | "mini";
4
+ export default function Input({ value, incomplete, complete, loading, readOnly, size, endEnhancer, overrides, withFluidFontSize, minFluidFontSize, ...restProps }: InputProps): import("react/jsx-runtime").JSX.Element;