@mezo-org/mezo-clay 0.1.0-dev.3 → 0.1.0-dev.31

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 (249) hide show
  1. package/README.md +38 -12
  2. package/dist/components/accordion/accordion.d.ts +4 -1
  3. package/dist/components/accordion/panel.d.ts +18 -1
  4. package/dist/components/accordion/shared-overrides.d.ts +4 -0
  5. package/dist/components/accordion/types.d.ts +6 -3
  6. package/dist/components/avatar/avatar.d.ts +22 -0
  7. package/dist/components/avatar/index.d.ts +1 -0
  8. package/dist/components/banner/banner.d.ts +19 -0
  9. package/dist/components/banner/index.d.ts +3 -0
  10. package/dist/components/banner/types.d.ts +12 -0
  11. package/dist/components/banner/utils.d.ts +292 -0
  12. package/dist/components/breadcrumbs/breadcrumbs.d.ts +7 -0
  13. package/dist/components/breadcrumbs/index.d.ts +2 -0
  14. package/dist/components/button/button.d.ts +4 -1
  15. package/dist/components/button/index.d.ts +1 -1
  16. package/dist/components/button/overrides.d.ts +3 -2
  17. package/dist/components/button/types.d.ts +6 -1
  18. package/dist/components/button-group/index.d.ts +1 -1
  19. package/dist/components/button-group/types.d.ts +2 -3
  20. package/dist/components/button-icon/button-icon.d.ts +4 -1
  21. package/dist/components/button-icon/index.d.ts +0 -1
  22. package/dist/components/callout-card/callout-card-subcomponents.d.ts +31 -0
  23. package/dist/components/callout-card/callout-card.d.ts +11 -0
  24. package/dist/components/callout-card/context.d.ts +9 -0
  25. package/dist/components/callout-card/index.d.ts +4 -0
  26. package/dist/components/callout-card/skeletons.d.ts +3 -0
  27. package/dist/components/callout-card/types.d.ts +1 -0
  28. package/dist/components/card/card-skeletons.d.ts +19 -0
  29. package/dist/components/card/card.d.ts +28 -0
  30. package/dist/components/card/context.d.ts +7 -0
  31. package/dist/components/card/index.d.ts +5 -0
  32. package/dist/components/card/product-card.d.ts +14 -0
  33. package/dist/components/card/types.d.ts +12 -0
  34. package/dist/components/checkbox/checkbox.d.ts +5 -0
  35. package/dist/components/checkbox/index.d.ts +1 -0
  36. package/dist/components/content-stepper/content-stepper.d.ts +44 -0
  37. package/dist/components/content-stepper/index.d.ts +2 -0
  38. package/dist/components/content-stepper/skeletons.d.ts +3 -0
  39. package/dist/components/content-stepper/styled-components.d.ts +21 -0
  40. package/dist/components/form-control/constants.d.ts +1 -1
  41. package/dist/components/form-control/form-control.d.ts +1 -1
  42. package/dist/components/form-control/overrides.d.ts +2 -1
  43. package/dist/components/form-control/types.d.ts +1 -0
  44. package/dist/components/icons/_docs/icon-gallery.d.ts +9 -0
  45. package/dist/components/icons/index.d.ts +2 -46
  46. package/dist/components/icons/line/arrow-left/index.d.ts +9 -0
  47. package/dist/components/icons/{info-circle → line/arrow-right}/index.d.ts +2 -2
  48. package/dist/components/icons/{user → line/bell}/index.d.ts +2 -2
  49. package/dist/components/icons/line/check/index.d.ts +9 -0
  50. package/dist/components/icons/line/check-done/index.d.ts +9 -0
  51. package/dist/components/icons/line/circle-cut/index.d.ts +9 -0
  52. package/dist/components/icons/line/coins-stacked/index.d.ts +8 -0
  53. package/dist/components/icons/line/compass/index.d.ts +8 -0
  54. package/dist/components/icons/line/copy/index.d.ts +8 -0
  55. package/dist/components/icons/line/cryptocurrency/index.d.ts +8 -0
  56. package/dist/components/icons/line/dots/index.d.ts +8 -0
  57. package/dist/components/icons/line/dots-grid/index.d.ts +9 -0
  58. package/dist/components/icons/{menu → line/drop}/index.d.ts +2 -2
  59. package/dist/components/icons/line/email/index.d.ts +8 -0
  60. package/dist/components/icons/line/gas-fee/index.d.ts +9 -0
  61. package/dist/components/icons/line/handshake/index.d.ts +9 -0
  62. package/dist/components/icons/line/help-circle-line/index.d.ts +8 -0
  63. package/dist/components/icons/line/index.d.ts +43 -0
  64. package/dist/components/icons/line/link/index.d.ts +8 -0
  65. package/dist/components/icons/{trophy → line/log-out}/index.d.ts +1 -1
  66. package/dist/components/icons/line/percent/index.d.ts +8 -0
  67. package/dist/components/icons/line/pie-chart/index.d.ts +8 -0
  68. package/dist/components/icons/line/safe/index.d.ts +9 -0
  69. package/dist/components/icons/line/settings/index.d.ts +15 -0
  70. package/dist/components/icons/{star → line/star}/index.d.ts +0 -14
  71. package/dist/components/icons/line/switch-vertical/index.d.ts +8 -0
  72. package/dist/components/icons/line/tag/index.d.ts +8 -0
  73. package/dist/components/icons/line/trophy/index.d.ts +8 -0
  74. package/dist/components/icons/line/upload/index.d.ts +8 -0
  75. package/dist/components/icons/line/user/index.d.ts +8 -0
  76. package/dist/components/icons/solid/alert-triangle/index.d.ts +15 -0
  77. package/dist/components/icons/solid/arrow-circle-down/index.d.ts +9 -0
  78. package/dist/components/icons/solid/arrow-circle-up/index.d.ts +9 -0
  79. package/dist/components/icons/solid/bezier-curve/index.d.ts +9 -0
  80. package/dist/components/icons/solid/bitcoin-circle/index.d.ts +14 -0
  81. package/dist/components/icons/solid/check-circle/index.d.ts +12 -0
  82. package/dist/components/icons/solid/eth-circle/index.d.ts +14 -0
  83. package/dist/components/icons/solid/help-circle/index.d.ts +8 -0
  84. package/dist/components/icons/solid/index.d.ts +49 -0
  85. package/dist/components/icons/{mats-circle → solid/info-circle}/index.d.ts +2 -2
  86. package/dist/components/icons/solid/lock/index.d.ts +8 -0
  87. package/dist/components/icons/solid/mats/index.d.ts +9 -0
  88. package/dist/components/icons/solid/mats-circle/index.d.ts +15 -0
  89. package/dist/components/icons/solid/menu/index.d.ts +9 -0
  90. package/dist/components/icons/solid/mezo-circle/index.d.ts +14 -0
  91. package/dist/components/icons/solid/musd-circle/index.d.ts +28 -0
  92. package/dist/components/icons/solid/plus-square/index.d.ts +9 -0
  93. package/dist/components/icons/{settings → solid/settings}/index.d.ts +1 -1
  94. package/dist/components/icons/solid/shield/index.d.ts +8 -0
  95. package/dist/components/icons/solid/star/index.d.ts +15 -0
  96. package/dist/components/icons/solid/tbtc-circle/index.d.ts +14 -0
  97. package/dist/components/icons/solid/thusd-circle/index.d.ts +14 -0
  98. package/dist/components/icons/{check-circle → solid/trend-down}/index.d.ts +2 -2
  99. package/dist/components/icons/solid/trend-up/index.d.ts +9 -0
  100. package/dist/components/icons/solid/trophy/index.d.ts +8 -0
  101. package/dist/components/icons/solid/user/index.d.ts +8 -0
  102. package/dist/components/icons/solid/vbtc-circle/index.d.ts +14 -0
  103. package/dist/components/icons/utils.d.ts +1 -1
  104. package/dist/components/index.d.ts +40 -4
  105. package/dist/components/input/constants.d.ts +38 -0
  106. package/dist/components/input/index.d.ts +2 -2
  107. package/dist/components/input/input.d.ts +3 -3
  108. package/dist/components/input/overrides.d.ts +11 -1
  109. package/dist/components/input/types.d.ts +6 -4
  110. package/dist/components/input-group/index.d.ts +5 -0
  111. package/dist/components/link/index.d.ts +6 -0
  112. package/dist/components/list/list.d.ts +6 -2
  113. package/dist/components/menu/context.d.ts +7 -0
  114. package/dist/components/menu/index.d.ts +4 -0
  115. package/dist/components/menu/menu-items.d.ts +18 -0
  116. package/dist/components/menu/menu.d.ts +28 -0
  117. package/dist/components/menu/types.d.ts +1 -0
  118. package/dist/components/message-card/index.d.ts +1 -1
  119. package/dist/components/message-card/message-card.d.ts +2 -1
  120. package/dist/components/message-card/overrides.d.ts +4 -1
  121. package/dist/components/mobile-header/index.d.ts +1 -0
  122. package/dist/components/mobile-header/mobile-header.d.ts +15 -0
  123. package/dist/components/modal/index.d.ts +3 -0
  124. package/dist/components/modal/modal.d.ts +26 -0
  125. package/dist/components/page-control/index.d.ts +3 -0
  126. package/dist/components/page-control/page-control.d.ts +6 -0
  127. package/dist/components/pagination/index.d.ts +3 -0
  128. package/dist/components/pagination/pagination-without-dropdown.d.ts +3 -0
  129. package/dist/components/pagination/pagination.d.ts +3 -0
  130. package/dist/components/pagination/stateful-pagination-without-dropdown.d.ts +2 -0
  131. package/dist/components/pagination/types.d.ts +9 -0
  132. package/dist/components/phone-input/default-args.d.ts +27 -0
  133. package/dist/components/phone-input/index.d.ts +4 -0
  134. package/dist/components/phone-input/overrides.d.ts +9 -0
  135. package/dist/components/phone-input/phone-input.d.ts +7 -0
  136. package/dist/components/phone-input/stateful-phone-input.d.ts +6 -0
  137. package/dist/components/popover/index.d.ts +9 -0
  138. package/dist/components/popover/popover-body.d.ts +3 -0
  139. package/dist/components/popover/popover-footer.d.ts +3 -0
  140. package/dist/components/popover/popover-header.d.ts +20 -0
  141. package/dist/components/popover/popover.d.ts +3 -0
  142. package/dist/components/popover/stepper-popover.d.ts +14 -0
  143. package/dist/components/progress-bar/hooks.d.ts +1 -0
  144. package/dist/components/progress-bar/index.d.ts +2 -0
  145. package/dist/components/progress-bar/progress-bar.d.ts +6 -0
  146. package/dist/components/progress-steps/index.d.ts +7 -0
  147. package/dist/components/progress-steps/numbered-step-title.d.ts +15 -0
  148. package/dist/components/progress-steps/numbered-step.d.ts +22 -0
  149. package/dist/components/progress-steps/progress-steps.d.ts +5 -0
  150. package/dist/components/progress-steps/step.d.ts +6 -0
  151. package/dist/components/radio/index.d.ts +3 -0
  152. package/dist/components/radio/overrides.d.ts +17 -0
  153. package/dist/components/radio/radio.d.ts +5 -0
  154. package/dist/components/section-heading/index.d.ts +1 -0
  155. package/dist/components/section-heading/section-heading.d.ts +5 -0
  156. package/dist/components/segmented-control/index.d.ts +1 -0
  157. package/dist/components/segmented-control/segmented-control.d.ts +9 -0
  158. package/dist/components/select/index.d.ts +3 -0
  159. package/dist/components/select/overrides.d.ts +90 -0
  160. package/dist/components/select/select.d.ts +9 -0
  161. package/dist/components/side-navigation/index.d.ts +1 -1
  162. package/dist/components/side-navigation/overrides.d.ts +2 -1
  163. package/dist/components/side-navigation/side-navigation.d.ts +15 -3
  164. package/dist/components/skeleton/skeleton.d.ts +1 -1
  165. package/dist/components/slider/index.d.ts +1 -0
  166. package/dist/components/slider/slider.d.ts +6 -0
  167. package/dist/components/snackbar/index.d.ts +3 -0
  168. package/dist/components/snackbar/snackbar.d.ts +3 -0
  169. package/dist/components/spinner/index.d.ts +1 -0
  170. package/dist/components/spinner/spinner.d.ts +11 -0
  171. package/dist/components/stepper/index.d.ts +2 -0
  172. package/dist/components/stepper/stepper.d.ts +5 -0
  173. package/dist/components/table/index.d.ts +6 -0
  174. package/dist/components/table/table-builder.d.ts +9 -0
  175. package/dist/components/table/table-cells/index.d.ts +40 -0
  176. package/dist/components/tabs/index.d.ts +2 -0
  177. package/dist/components/tabs/tab-title.d.ts +6 -0
  178. package/dist/components/tabs/tabs.d.ts +9 -0
  179. package/dist/components/tile/constants.d.ts +5 -0
  180. package/dist/components/tile/index.d.ts +9 -0
  181. package/dist/components/tile/skeletons.d.ts +7 -0
  182. package/dist/components/tile/styled-components.d.ts +3 -0
  183. package/dist/components/tile/tile-group.d.ts +7 -0
  184. package/dist/components/tile/tile.d.ts +11 -0
  185. package/dist/components/tooltip/index.d.ts +3 -0
  186. package/dist/components/tooltip/tooltip.d.ts +13 -0
  187. package/dist/components/tooltip/types.d.ts +1 -0
  188. package/dist/components/top-navigation/index.d.ts +3 -0
  189. package/dist/components/top-navigation/mobile-menu.d.ts +7 -0
  190. package/dist/components/top-navigation/styled-components.d.ts +6 -0
  191. package/dist/components/top-navigation/top-navigation.d.ts +14 -0
  192. package/dist/components/top-navigation/types.d.ts +16 -0
  193. package/dist/components/top-navigation/user-menu.d.ts +7 -0
  194. package/dist/components/top-navigation/user-profile-tile.d.ts +4 -0
  195. package/dist/docs/guides/borders.d.ts +2 -0
  196. package/dist/docs/guides/colors.d.ts +3 -0
  197. package/dist/docs/guides/sizing.d.ts +2 -0
  198. package/dist/docs/index.d.ts +13 -0
  199. package/dist/mezo-clay.es.js +57888 -16780
  200. package/dist/mezo-clay.umd.js +58 -18
  201. package/dist/styles/helpers.d.ts +2 -0
  202. package/dist/styles/index.d.ts +2 -1
  203. package/dist/themes/clay-dark-theme.d.ts +1 -0
  204. package/dist/themes/clay-light-theme.d.ts +15 -0
  205. package/dist/themes/index.d.ts +3 -2
  206. package/dist/themes/provider.d.ts +8 -0
  207. package/dist/utils/console.d.ts +2 -0
  208. package/dist/utils/index.d.ts +6 -0
  209. package/package.json +2 -1
  210. package/dist/components/block/index.d.ts +0 -1
  211. package/dist/components/button-group/constants.d.ts +0 -5
  212. package/dist/components/button-icon/overrides.d.ts +0 -5
  213. /package/dist/components/icons/{building → line/building}/index.d.ts +0 -0
  214. /package/dist/components/icons/{close → line/close}/index.d.ts +0 -0
  215. /package/dist/components/icons/{coins-hand → line/coins-hand}/index.d.ts +0 -0
  216. /package/dist/components/icons/{coins-swap → line/coins-swap}/index.d.ts +0 -0
  217. /package/dist/components/icons/{cube → line/cube}/index.d.ts +0 -0
  218. /package/dist/components/icons/{home-smile → line/home-smile}/index.d.ts +0 -0
  219. /package/dist/components/icons/{lightning → line/lightning}/index.d.ts +0 -0
  220. /package/dist/components/icons/{link-external → line/link-external}/index.d.ts +0 -0
  221. /package/dist/components/icons/{log-in → line/log-in}/index.d.ts +0 -0
  222. /package/dist/components/icons/{message-question-circle → line/message-question-circle}/index.d.ts +0 -0
  223. /package/dist/components/icons/{plus → line/plus}/index.d.ts +0 -0
  224. /package/dist/components/icons/{receipt → line/receipt}/index.d.ts +0 -0
  225. /package/dist/components/icons/{square → line/square}/index.d.ts +0 -0
  226. /package/dist/components/icons/{wallet → line/wallet}/index.d.ts +0 -0
  227. /package/dist/components/icons/{alert-circle → solid/alert-circle}/index.d.ts +0 -0
  228. /package/dist/components/icons/{apple → solid/apple}/index.d.ts +0 -0
  229. /package/dist/components/icons/{arrow-narrow-left → solid/arrow-narrow-left}/index.d.ts +0 -0
  230. /package/dist/components/icons/{arrow-narrow-right → solid/arrow-narrow-right}/index.d.ts +0 -0
  231. /package/dist/components/icons/{check-square → solid/check-square}/index.d.ts +0 -0
  232. /package/dist/components/icons/{chevron-down → solid/chevron-down}/index.d.ts +0 -0
  233. /package/dist/components/icons/{chevron-left → solid/chevron-left}/index.d.ts +0 -0
  234. /package/dist/components/icons/{chevron-right → solid/chevron-right}/index.d.ts +0 -0
  235. /package/dist/components/icons/{chevron-selector-horizontal → solid/chevron-selector-horizontal}/index.d.ts +0 -0
  236. /package/dist/components/icons/{chevron-selector-vertical → solid/chevron-selector-vertical}/index.d.ts +0 -0
  237. /package/dist/components/icons/{chevron-up → solid/chevron-up}/index.d.ts +0 -0
  238. /package/dist/components/icons/{discord → solid/discord}/index.d.ts +0 -0
  239. /package/dist/components/icons/{eye → solid/eye}/index.d.ts +0 -0
  240. /package/dist/components/icons/{eye-off → solid/eye-off}/index.d.ts +0 -0
  241. /package/dist/components/icons/{google → solid/google}/index.d.ts +0 -0
  242. /package/dist/components/icons/{heart → solid/heart}/index.d.ts +0 -0
  243. /package/dist/components/icons/{loading → solid/loading}/index.d.ts +0 -0
  244. /package/dist/components/icons/{minus-circle → solid/minus-circle}/index.d.ts +0 -0
  245. /package/dist/components/icons/{minus-square → solid/minus-square}/index.d.ts +0 -0
  246. /package/dist/components/icons/{plus-circle → solid/plus-circle}/index.d.ts +0 -0
  247. /package/dist/components/icons/{search → solid/search}/index.d.ts +0 -0
  248. /package/dist/components/icons/{x-circle → solid/x-circle}/index.d.ts +0 -0
  249. /package/dist/components/icons/{x-twitter → solid/x-twitter}/index.d.ts +0 -0
@@ -0,0 +1,2 @@
1
+ import { Theme } from 'baseui';
2
+ export declare function getMediaQueryMargins(theme: Theme, cssProperties: Array<string>): {};
@@ -1 +1,2 @@
1
- export { useStyletron, styled } from 'baseui';
1
+ export { useStyletron, styled, withStyle } from 'baseui';
2
+ export * from './helpers';
@@ -29,6 +29,7 @@ export declare const darkComponentColors: {
29
29
  inputFill: string;
30
30
  };
31
31
  declare const theme: import('baseui').Theme & {
32
+ name: string;
32
33
  colors: {
33
34
  buttonPrimaryHover: string;
34
35
  buttonSecondaryFill: string;
@@ -11,6 +11,7 @@ export declare const lightSemanticColors: {
11
11
  backgroundInverseSecondary: string;
12
12
  backgroundTertiary: string;
13
13
  backgroundStateDisabled: string;
14
+ contentPrimary: string;
14
15
  contentInverseSecondary: string;
15
16
  contentInverseTertiary: string;
16
17
  contentStateDisabled: string;
@@ -27,8 +28,15 @@ export declare const lightComponentColors: {
27
28
  buttonDisabledFill: string;
28
29
  inputBorder: string;
29
30
  inputFill: string;
31
+ inputFillDisabled: string;
32
+ linkHover: string;
33
+ linkActive: string;
34
+ linkVisited: string;
35
+ tickBorder: string;
36
+ tickFillDisabled: string;
30
37
  };
31
38
  declare const theme: import('baseui').Theme & {
39
+ name: string;
32
40
  colors: {
33
41
  buttonPrimaryHover: string;
34
42
  buttonPrimaryActive: string;
@@ -40,6 +48,12 @@ declare const theme: import('baseui').Theme & {
40
48
  buttonDisabledFill: string;
41
49
  inputBorder: string;
42
50
  inputFill: string;
51
+ inputFillDisabled: string;
52
+ linkHover: string;
53
+ linkActive: string;
54
+ linkVisited: string;
55
+ tickBorder: string;
56
+ tickFillDisabled: string;
43
57
  buttonPrimarySpinnerForeground: string;
44
58
  buttonSecondarySpinnerForeground: string;
45
59
  buttonTertiarySpinnerForeground: string;
@@ -69,6 +83,7 @@ declare const theme: import('baseui').Theme & {
69
83
  backgroundSecondary: string;
70
84
  backgroundInverseSecondary: string;
71
85
  backgroundTertiary: string;
86
+ contentPrimary: string;
72
87
  contentInverseSecondary: string;
73
88
  contentInverseTertiary: string;
74
89
  borderOpaque: string;
@@ -1,5 +1,6 @@
1
- export { BaseProvider, ThemeProvider } from 'baseui';
2
- export { Provider as StyletronProvider } from 'styletron-react';
1
+ export { ThemeProvider } from 'baseui';
2
+ export type { Theme } from 'baseui';
3
+ export { default as ClayProvider } from './provider';
3
4
  export { default as borders } from './borders';
4
5
  export { default as typography } from './typography';
5
6
  export { default as ClayLightTheme } from './clay-light-theme';
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from 'baseui';
3
+ type ClayProviderProps = {
4
+ children: ReactNode;
5
+ theme: Theme;
6
+ };
7
+ export default function ClayProvider({ children, theme }: ClayProviderProps): import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,2 @@
1
+ export declare function filterWarnings(...args: any[]): void;
2
+ export declare function filterErrors(...args: any[]): void;
@@ -1,2 +1,8 @@
1
+ import { ContextType, ReactElement, ReactNode } from 'react';
1
2
  export declare function hexToRgba(hex: any, alpha?: any): string;
2
3
  export declare function toTitleCase(str?: string): string;
4
+ export declare function checkForContextError(context: ContextType<any>, componentName: string): void;
5
+ export declare function getComponentName(component: ReactElement): string;
6
+ export declare function getInitials(name?: string): string;
7
+ export type MapChildrenCallback = (child: ReactElement, index: number) => ReactNode | null;
8
+ export declare function mapChildren(children: ReactNode, callback: MapChildrenCallback): any[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mezo-org/mezo-clay",
3
- "version": "0.1.0-dev.3",
3
+ "version": "0.1.0-dev.31",
4
4
  "repository": "git@github.com:mezo-org/clay.git",
5
5
  "packageManager": "pnpm@9.15.0",
6
6
  "main": "./dist/mezo-clay.umd.js",
@@ -36,6 +36,7 @@
36
36
  "baseui": "0.0.0-next-18f01efe0",
37
37
  "storybook-dark-mode": "^4.0.2",
38
38
  "styletron-react": "^6.1.1",
39
+ "use-fit-text": "^2.4.0",
39
40
  "vite": "^6.0.3",
40
41
  "vite-plugin-dts": "^4.3.0",
41
42
  "vitest": "^2.1.8"
@@ -1 +0,0 @@
1
- export type { BlockProps } from 'baseui/block';
@@ -1,5 +0,0 @@
1
- export { BUTTON_SHAPE as SHAPE } from '../button';
2
- export declare const SIZE: {
3
- small: "compact";
4
- medium: "default";
5
- };
@@ -1,5 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { ButtonIconProps } from './types';
3
- export declare function getIconSize(size: ButtonIconProps["size"]): "16px" | "24px" | "20px";
4
- export declare function formatButtonLabel(label: ReactNode): string | number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode>;
5
- export declare function getButtonIconOverrides({ overrides, shape }: ButtonIconProps): import('baseui/helpers/overrides').Overrides<any>;