aidos-ui 4.0.4 → 4.0.5

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 (376) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +23 -3
  3. package/dist/index.d.ts +797 -68
  4. package/dist/index.js +3868 -68
  5. package/dist/index.js.map +1 -1
  6. package/dist/jsx-dev-runtime.d.ts +6 -2
  7. package/dist/jsx-dev-runtime.js +87 -42
  8. package/dist/jsx-dev-runtime.js.map +1 -1
  9. package/dist/jsx-runtime.d.ts +1 -1
  10. package/dist/jsx-runtime.js +2 -2
  11. package/dist/jsx-runtime.js.map +1 -1
  12. package/dist/vite-plugin-jss-debug.d.ts +3 -1
  13. package/dist/vite-plugin-jss-debug.js +57 -74
  14. package/dist/vite-plugin-jss-debug.js.map +1 -1
  15. package/package.json +58 -27
  16. package/.prettierrc +0 -4
  17. package/CLAUDE.md +0 -72
  18. package/dist/Badge.d.ts +0 -6
  19. package/dist/Badge.js +0 -22
  20. package/dist/Badge.js.map +0 -1
  21. package/dist/BaseButton.d.ts +0 -14
  22. package/dist/BaseButton.js +0 -23
  23. package/dist/BaseButton.js.map +0 -1
  24. package/dist/BaseInput.d.ts +0 -14
  25. package/dist/BaseInput.js +0 -15
  26. package/dist/BaseInput.js.map +0 -1
  27. package/dist/BaseLink.d.ts +0 -18
  28. package/dist/BaseLink.js +0 -29
  29. package/dist/BaseLink.js.map +0 -1
  30. package/dist/BaseList.d.ts +0 -6
  31. package/dist/BaseList.js +0 -14
  32. package/dist/BaseList.js.map +0 -1
  33. package/dist/BaseListAddOn.d.ts +0 -5
  34. package/dist/BaseListAddOn.js +0 -7
  35. package/dist/BaseListAddOn.js.map +0 -1
  36. package/dist/BaseListItem.d.ts +0 -26
  37. package/dist/BaseListItem.js +0 -29
  38. package/dist/BaseListItem.js.map +0 -1
  39. package/dist/BaseView.d.ts +0 -12
  40. package/dist/BaseView.js +0 -26
  41. package/dist/BaseView.js.map +0 -1
  42. package/dist/Box.d.ts +0 -4
  43. package/dist/Box.js +0 -6
  44. package/dist/Box.js.map +0 -1
  45. package/dist/Button.d.ts +0 -20
  46. package/dist/Button.js +0 -19
  47. package/dist/Button.js.map +0 -1
  48. package/dist/Calendar.d.ts +0 -18
  49. package/dist/Calendar.js +0 -57
  50. package/dist/Calendar.js.map +0 -1
  51. package/dist/Card.d.ts +0 -4
  52. package/dist/Card.js +0 -14
  53. package/dist/Card.js.map +0 -1
  54. package/dist/Checkbox.d.ts +0 -11
  55. package/dist/Checkbox.js +0 -32
  56. package/dist/Checkbox.js.map +0 -1
  57. package/dist/Circle.d.ts +0 -5
  58. package/dist/Circle.js +0 -12
  59. package/dist/Circle.js.map +0 -1
  60. package/dist/Column.d.ts +0 -6
  61. package/dist/Column.js +0 -7
  62. package/dist/Column.js.map +0 -1
  63. package/dist/DarkMode.d.ts +0 -13
  64. package/dist/DarkMode.js +0 -62
  65. package/dist/DarkMode.js.map +0 -1
  66. package/dist/DateInput.d.ts +0 -13
  67. package/dist/DateInput.js +0 -29
  68. package/dist/DateInput.js.map +0 -1
  69. package/dist/DatePicker.d.ts +0 -11
  70. package/dist/DatePicker.js +0 -34
  71. package/dist/DatePicker.js.map +0 -1
  72. package/dist/DatetimeInput.d.ts +0 -13
  73. package/dist/DatetimeInput.js +0 -31
  74. package/dist/DatetimeInput.js.map +0 -1
  75. package/dist/DesignBook.d.ts +0 -1
  76. package/dist/DesignBook.js +0 -55
  77. package/dist/DesignBook.js.map +0 -1
  78. package/dist/Dialog.d.ts +0 -17
  79. package/dist/Dialog.js +0 -92
  80. package/dist/Dialog.js.map +0 -1
  81. package/dist/Dropdown.d.ts +0 -14
  82. package/dist/Dropdown.js +0 -65
  83. package/dist/Dropdown.js.map +0 -1
  84. package/dist/Emitter.d.ts +0 -6
  85. package/dist/Emitter.js +0 -19
  86. package/dist/Emitter.js.map +0 -1
  87. package/dist/FlexLayout.d.ts +0 -11
  88. package/dist/FlexLayout.js +0 -18
  89. package/dist/FlexLayout.js.map +0 -1
  90. package/dist/Icon.d.ts +0 -12
  91. package/dist/Icon.js +0 -60
  92. package/dist/Icon.js.map +0 -1
  93. package/dist/IconButton.d.ts +0 -11
  94. package/dist/IconButton.js +0 -34
  95. package/dist/IconButton.js.map +0 -1
  96. package/dist/IconLink.d.ts +0 -9
  97. package/dist/IconLink.js +0 -32
  98. package/dist/IconLink.js.map +0 -1
  99. package/dist/IconType.d.ts +0 -1
  100. package/dist/IconType.js +0 -2
  101. package/dist/IconType.js.map +0 -1
  102. package/dist/Interactable.d.ts +0 -50
  103. package/dist/Interactable.js +0 -169
  104. package/dist/Interactable.js.map +0 -1
  105. package/dist/JSSComment.d.ts +0 -10
  106. package/dist/JSSComment.js +0 -52
  107. package/dist/JSSComment.js.map +0 -1
  108. package/dist/Link.d.ts +0 -22
  109. package/dist/Link.js +0 -29
  110. package/dist/Link.js.map +0 -1
  111. package/dist/List.d.ts +0 -15
  112. package/dist/List.js +0 -29
  113. package/dist/List.js.map +0 -1
  114. package/dist/ListButtonItem.d.ts +0 -14
  115. package/dist/ListButtonItem.js +0 -11
  116. package/dist/ListButtonItem.js.map +0 -1
  117. package/dist/ListDivider.d.ts +0 -1
  118. package/dist/ListDivider.js +0 -12
  119. package/dist/ListDivider.js.map +0 -1
  120. package/dist/ListHeaderItem.d.ts +0 -10
  121. package/dist/ListHeaderItem.js +0 -15
  122. package/dist/ListHeaderItem.js.map +0 -1
  123. package/dist/ListItem.d.ts +0 -9
  124. package/dist/ListItem.js +0 -9
  125. package/dist/ListItem.js.map +0 -1
  126. package/dist/ListLinkItem.d.ts +0 -16
  127. package/dist/ListLinkItem.js +0 -11
  128. package/dist/ListLinkItem.js.map +0 -1
  129. package/dist/ListSpacer.d.ts +0 -1
  130. package/dist/ListSpacer.js +0 -13
  131. package/dist/ListSpacer.js.map +0 -1
  132. package/dist/MenuIcon.d.ts +0 -5
  133. package/dist/MenuIcon.js +0 -31
  134. package/dist/MenuIcon.js.map +0 -1
  135. package/dist/NextJSRouter.d.ts +0 -1
  136. package/dist/NextJSRouter.js +0 -37
  137. package/dist/NextJSRouter.js.map +0 -1
  138. package/dist/NextJSRouterState.d.ts +0 -38
  139. package/dist/NextJSRouterState.js +0 -111
  140. package/dist/NextJSRouterState.js.map +0 -1
  141. package/dist/OnVisible.d.ts +0 -5
  142. package/dist/OnVisible.js +0 -28
  143. package/dist/OnVisible.js.map +0 -1
  144. package/dist/Popover.d.ts +0 -22
  145. package/dist/Popover.js +0 -90
  146. package/dist/Popover.js.map +0 -1
  147. package/dist/ProgressBar.d.ts +0 -7
  148. package/dist/ProgressBar.js +0 -42
  149. package/dist/ProgressBar.js.map +0 -1
  150. package/dist/ProgressCircle.d.ts +0 -5
  151. package/dist/ProgressCircle.js +0 -12
  152. package/dist/ProgressCircle.js.map +0 -1
  153. package/dist/Providers.d.ts +0 -9
  154. package/dist/Providers.js +0 -16
  155. package/dist/Providers.js.map +0 -1
  156. package/dist/RangeInput.d.ts +0 -14
  157. package/dist/RangeInput.js +0 -32
  158. package/dist/RangeInput.js.map +0 -1
  159. package/dist/ResultOrError.d.ts +0 -13
  160. package/dist/ResultOrError.js +0 -7
  161. package/dist/ResultOrError.js.map +0 -1
  162. package/dist/RootView.d.ts +0 -5
  163. package/dist/RootView.js +0 -35
  164. package/dist/RootView.js.map +0 -1
  165. package/dist/Row.d.ts +0 -6
  166. package/dist/Row.js +0 -7
  167. package/dist/Row.js.map +0 -1
  168. package/dist/Select.d.ts +0 -9
  169. package/dist/Select.js +0 -17
  170. package/dist/Select.js.map +0 -1
  171. package/dist/StackContext.d.ts +0 -8
  172. package/dist/StackContext.js +0 -25
  173. package/dist/StackContext.js.map +0 -1
  174. package/dist/StaticCheckbox.d.ts +0 -16
  175. package/dist/StaticCheckbox.js +0 -48
  176. package/dist/StaticCheckbox.js.map +0 -1
  177. package/dist/Storage.d.ts +0 -13
  178. package/dist/Storage.js +0 -146
  179. package/dist/Storage.js.map +0 -1
  180. package/dist/Stream.d.ts +0 -9
  181. package/dist/Stream.js +0 -36
  182. package/dist/Stream.js.map +0 -1
  183. package/dist/Sublist.d.ts +0 -12
  184. package/dist/Sublist.js +0 -18
  185. package/dist/Sublist.js.map +0 -1
  186. package/dist/SubmitIconInput.d.ts +0 -8
  187. package/dist/SubmitIconInput.js +0 -25
  188. package/dist/SubmitIconInput.js.map +0 -1
  189. package/dist/Tabs.d.ts +0 -23
  190. package/dist/Tabs.js +0 -39
  191. package/dist/Tabs.js.map +0 -1
  192. package/dist/Text.d.ts +0 -25
  193. package/dist/Text.js +0 -52
  194. package/dist/Text.js.map +0 -1
  195. package/dist/TextArea.d.ts +0 -11
  196. package/dist/TextArea.js +0 -27
  197. package/dist/TextArea.js.map +0 -1
  198. package/dist/TextInput.d.ts +0 -15
  199. package/dist/TextInput.js +0 -61
  200. package/dist/TextInput.js.map +0 -1
  201. package/dist/TextInputWithState.d.ts +0 -8
  202. package/dist/TextInputWithState.js +0 -14
  203. package/dist/TextInputWithState.js.map +0 -1
  204. package/dist/TextPairing.d.ts +0 -21
  205. package/dist/TextPairing.js +0 -26
  206. package/dist/TextPairing.js.map +0 -1
  207. package/dist/TimeInput.d.ts +0 -15
  208. package/dist/TimeInput.js +0 -58
  209. package/dist/TimeInput.js.map +0 -1
  210. package/dist/Tooltip.d.ts +0 -11
  211. package/dist/Tooltip.js +0 -73
  212. package/dist/Tooltip.js.map +0 -1
  213. package/dist/aria.d.ts +0 -8
  214. package/dist/aria.js +0 -42
  215. package/dist/aria.js.map +0 -1
  216. package/dist/guid.d.ts +0 -1
  217. package/dist/guid.js +0 -7
  218. package/dist/guid.js.map +0 -1
  219. package/dist/hash.d.ts +0 -1
  220. package/dist/hash.js +0 -20
  221. package/dist/hash.js.map +0 -1
  222. package/dist/isServer.d.ts +0 -1
  223. package/dist/isServer.js +0 -4
  224. package/dist/isServer.js.map +0 -1
  225. package/dist/jss.d.ts +0 -122
  226. package/dist/jss.js +0 -515
  227. package/dist/jss.js.map +0 -1
  228. package/dist/numberToBase.d.ts +0 -1
  229. package/dist/numberToBase.js +0 -44
  230. package/dist/numberToBase.js.map +0 -1
  231. package/dist/stateMachineContextFactory.d.ts +0 -36
  232. package/dist/stateMachineContextFactory.js +0 -48
  233. package/dist/stateMachineContextFactory.js.map +0 -1
  234. package/dist/useCookie.d.ts +0 -9
  235. package/dist/useCookie.js +0 -67
  236. package/dist/useCookie.js.map +0 -1
  237. package/dist/useKeyboard.d.ts +0 -8
  238. package/dist/useKeyboard.js +0 -26
  239. package/dist/useKeyboard.js.map +0 -1
  240. package/dist/useNavigation.d.ts +0 -5
  241. package/dist/useNavigation.js +0 -79
  242. package/dist/useNavigation.js.map +0 -1
  243. package/dist/usePromise.d.ts +0 -1
  244. package/dist/usePromise.js +0 -12
  245. package/dist/usePromise.js.map +0 -1
  246. package/dist/useRefEffect.d.ts +0 -1
  247. package/dist/useRefEffect.js +0 -15
  248. package/dist/useRefEffect.js.map +0 -1
  249. package/jss-debug-loader.mjs +0 -44
  250. package/next-env.d.ts +0 -6
  251. package/next.config.js +0 -33
  252. package/scripts/embeddings.js +0 -93
  253. package/scripts/openai_embeddings.js +0 -100
  254. package/scripts/publish.js +0 -28
  255. package/scripts/test_embeddings.js +0 -47
  256. package/src/Badge.tsx +0 -36
  257. package/src/BaseButton.tsx +0 -62
  258. package/src/BaseInput.tsx +0 -63
  259. package/src/BaseLink.tsx +0 -80
  260. package/src/BaseList.tsx +0 -26
  261. package/src/BaseListAddOn.tsx +0 -10
  262. package/src/BaseListItem.tsx +0 -119
  263. package/src/BaseView.tsx +0 -57
  264. package/src/Box.tsx +0 -20
  265. package/src/Button.tsx +0 -90
  266. package/src/Calendar.tsx +0 -123
  267. package/src/Card.tsx +0 -30
  268. package/src/Checkbox.tsx +0 -63
  269. package/src/Circle.tsx +0 -24
  270. package/src/Column.tsx +0 -12
  271. package/src/DarkMode.tsx +0 -100
  272. package/src/DateInput.tsx +0 -63
  273. package/src/DatePicker.tsx +0 -67
  274. package/src/DatetimeInput.tsx +0 -64
  275. package/src/DesignBook.tsx +0 -677
  276. package/src/Dialog.tsx +0 -150
  277. package/src/Dropdown.tsx +0 -146
  278. package/src/Emitter.ts +0 -26
  279. package/src/FlexLayout.tsx +0 -53
  280. package/src/Icon.tsx +0 -80
  281. package/src/IconButton.tsx +0 -81
  282. package/src/IconLink.tsx +0 -59
  283. package/src/IconType.ts +0 -787
  284. package/src/Interactable.tsx +0 -210
  285. package/src/JSSComment.tsx +0 -56
  286. package/src/Link.tsx +0 -110
  287. package/src/List.tsx +0 -58
  288. package/src/ListButtonItem.tsx +0 -69
  289. package/src/ListDivider.tsx +0 -13
  290. package/src/ListHeaderItem.tsx +0 -45
  291. package/src/ListItem.tsx +0 -24
  292. package/src/ListLinkItem.tsx +0 -76
  293. package/src/ListSpacer.tsx +0 -14
  294. package/src/MenuIcon.tsx +0 -50
  295. package/src/NextJSRouter.tsx +0 -60
  296. package/src/NextJSRouterState.tsx +0 -154
  297. package/src/OnVisible.tsx +0 -42
  298. package/src/Popover.tsx +0 -145
  299. package/src/ProgressBar.tsx +0 -63
  300. package/src/ProgressCircle.tsx +0 -38
  301. package/src/Providers.tsx +0 -33
  302. package/src/RangeInput.tsx +0 -82
  303. package/src/ResultOrError.ts +0 -15
  304. package/src/RootView.tsx +0 -55
  305. package/src/Row.tsx +0 -12
  306. package/src/Select.tsx +0 -39
  307. package/src/StackContext.tsx +0 -52
  308. package/src/StaticCheckbox.tsx +0 -72
  309. package/src/Storage.tsx +0 -198
  310. package/src/Stream.tsx +0 -50
  311. package/src/Sublist.tsx +0 -61
  312. package/src/SubmitIconInput.tsx +0 -45
  313. package/src/Tabs.tsx +0 -110
  314. package/src/Text.tsx +0 -111
  315. package/src/TextArea.tsx +0 -58
  316. package/src/TextInput.tsx +0 -123
  317. package/src/TextInputWithState.tsx +0 -32
  318. package/src/TextPairing.tsx +0 -115
  319. package/src/TimeInput.tsx +0 -109
  320. package/src/Tooltip.tsx +0 -109
  321. package/src/aria.ts +0 -72
  322. package/src/docs/mdx.tsx +0 -137
  323. package/src/docs/pages.ts +0 -115
  324. package/src/docs/searchIndex.ts +0 -1
  325. package/src/examples/ExampleDialog.tsx +0 -28
  326. package/src/guid.ts +0 -7
  327. package/src/hash.ts +0 -21
  328. package/src/index.ts +0 -68
  329. package/src/isServer.ts +0 -3
  330. package/src/jss.tsx +0 -712
  331. package/src/jsx-dev-runtime.ts +0 -74
  332. package/src/jsx-runtime.ts +0 -2
  333. package/src/numberToBase.ts +0 -52
  334. package/src/pages/Badge.mdx +0 -152
  335. package/src/pages/Button.mdx +0 -163
  336. package/src/pages/Calendar.mdx +0 -254
  337. package/src/pages/Card.mdx +0 -147
  338. package/src/pages/Checkbox.mdx +0 -131
  339. package/src/pages/Dialog.mdx +0 -197
  340. package/src/pages/FlexLayout.mdx +0 -211
  341. package/src/pages/Hashing.mdx +0 -211
  342. package/src/pages/Icon.mdx +0 -171
  343. package/src/pages/IconButton.mdx +0 -155
  344. package/src/pages/Link.mdx +0 -160
  345. package/src/pages/List.mdx +0 -262
  346. package/src/pages/ListHeader.mdx +0 -220
  347. package/src/pages/Popover.mdx +0 -223
  348. package/src/pages/ProgressBar.mdx +0 -200
  349. package/src/pages/ProgressCircle.mdx +0 -218
  350. package/src/pages/RangeInput.mdx +0 -237
  351. package/src/pages/Tabs.mdx +0 -281
  352. package/src/pages/Text.mdx +0 -154
  353. package/src/pages/TextInput.mdx +0 -235
  354. package/src/pages/TextPairing.mdx +0 -204
  355. package/src/pages/TimeInput.mdx +0 -178
  356. package/src/pages/Tooltip.mdx +0 -115
  357. package/src/pages/_app.tsx +0 -466
  358. package/src/pages/_document.tsx +0 -30
  359. package/src/pages/css-in-js.mdx +0 -240
  360. package/src/pages/index.mdx +0 -58
  361. package/src/pages/navigation.mdx +0 -158
  362. package/src/pages/prism.css +0 -3
  363. package/src/pages/useCookie.mdx +0 -176
  364. package/src/pages/useKeyboard.mdx +0 -257
  365. package/src/pages/useNavigation.mdx +0 -258
  366. package/src/pages/usePromise.mdx +0 -280
  367. package/src/pages/useRefEffect.mdx +0 -251
  368. package/src/stateMachineContextFactory.tsx +0 -111
  369. package/src/useCookie.tsx +0 -95
  370. package/src/useKeyboard.tsx +0 -43
  371. package/src/useNavigation.tsx +0 -89
  372. package/src/usePromise.tsx +0 -18
  373. package/src/useRefEffect.tsx +0 -18
  374. package/src/vite-plugin-jss-debug.ts +0 -77
  375. package/tsconfig.build.json +0 -23
  376. package/tsconfig.json +0 -38
@@ -1 +0,0 @@
1
- {"version":3,"file":"FlexLayout.js","sourceRoot":"","sources":["../src/FlexLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAML,UAAU,EACV,UAAU,GACX,MAAM,OAAO,CAAC;AAUf,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,GAAG,EACH,GAAG,GAAG,MAAM,EACZ,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,MAAM,EAChB,SAAS,GAAG,QAAQ,EACpB,GAAG,UAAU,EACG,EAClB,GAA4B,EAC5B,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,GAAG,EAAE;YACH;gBACE,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,SAAS;gBACxB,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC;gBACpB,cAAc,EAAE,OAAO;gBACvB,UAAU,EAAE,KAAK;aAClB;YACD,UAAU,CAAC,OAAO,CAAC;YACnB,GAAG;SACJ,KACG,UAAU,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
package/dist/Icon.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { IconType } from "./IconType";
3
- import { Size, TextColor } from "./jss";
4
- export declare function IconProvider({ children }: {
5
- children: React.JSX.Element;
6
- }): React.JSX.Element;
7
- export declare function Icon({ icon, size, color, ariaLabel, }: {
8
- ariaLabel?: string;
9
- icon: IconType;
10
- size: Size;
11
- color: TextColor;
12
- }): import("react/jsx-runtime").JSX.Element;
package/dist/Icon.js DELETED
@@ -1,60 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Icon as IconifyIcon } from "@iconify/react";
3
- import { BaseView } from "./BaseView";
4
- import { getTextColor } from "./jss";
5
- const styles = {
6
- root: {
7
- display: "flex",
8
- justifyContent: "center",
9
- alignItems: "center",
10
- " svg": {
11
- height: "inherit",
12
- width: "inherit",
13
- },
14
- },
15
- xsmall: {
16
- height: 8,
17
- width: 8,
18
- },
19
- small: {
20
- height: 12,
21
- width: 12,
22
- },
23
- medium: {
24
- height: 18,
25
- width: 18,
26
- },
27
- large: {
28
- height: 24,
29
- width: 24,
30
- },
31
- xlarge: {
32
- height: 32,
33
- width: 32,
34
- },
35
- xxlarge: {
36
- height: 48,
37
- width: 48,
38
- },
39
- xxxlarge: {
40
- height: 64,
41
- width: 64,
42
- },
43
- };
44
- export function IconProvider({ children }) {
45
- return children;
46
- }
47
- export function Icon({ icon, size, color, ariaLabel, }) {
48
- return (_jsx(BaseView, { "aria-label": ariaLabel, jss: [
49
- styles.root,
50
- size === "xsmall" && styles.xsmall,
51
- size === "small" && styles.small,
52
- size === "medium" && styles.medium,
53
- size === "large" && styles.large,
54
- size === "xlarge" && styles.xlarge,
55
- size === "xxlarge" && styles.xxlarge,
56
- size === "xxxlarge" && styles.xxxlarge,
57
- getTextColor(color),
58
- ], children: _jsx(IconifyIcon, { icon: icon, width: "100%", height: "100%" }) }));
59
- }
60
- //# sourceMappingURL=Icon.js.map
package/dist/Icon.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAmB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE;YACN,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,SAAS;SACjB;KACF;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACT;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,OAAO,EAAE;QACP,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAmC;IACxE,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,GAMV;IACC,OAAO,CACL,KAAC,QAAQ,kBACK,SAAS,EACrB,GAAG,EAAE;YACH,MAAM,CAAC,IAAI;YACX,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK;YAChC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK;YAChC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO;YACpC,IAAI,KAAK,UAAU,IAAI,MAAM,CAAC,QAAQ;YACtC,YAAY,CAAC,KAAK,CAAC;SACpB,YAED,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,GAC7C,CACZ,CAAC;AACJ,CAAC"}
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- import { BaseButtonProps } from "./BaseButton";
3
- import { IconType } from "./IconType";
4
- import { Size } from "./jss";
5
- export interface IconButtonProps extends BaseButtonProps {
6
- icon: IconType;
7
- size: Size;
8
- label?: string;
9
- labelSize?: Size;
10
- }
11
- export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,34 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from "react";
3
- import { BaseButton } from "./BaseButton";
4
- import { Icon } from "./Icon";
5
- import { getGlyphColor } from "./Interactable";
6
- import { Span } from "./Text";
7
- const sizes = {
8
- xsmall: 20,
9
- small: 24,
10
- medium: 32,
11
- large: 40,
12
- xlarge: 48,
13
- xxlarge: 56,
14
- xxxlarge: 64,
15
- };
16
- export const IconButton = React.forwardRef(({ icon, size, color, bare, disabled, jss, label, labelSize = "medium", ...buttonProps }, ref) => {
17
- return (_jsxs(BaseButton, { ...buttonProps, "aria-label": buttonProps["aria-label"] ?? label, bare: bare, jss: [
18
- {
19
- display: "flex",
20
- justifyContent: "center",
21
- alignItems: "center",
22
- height: sizes[size],
23
- width: sizes[size],
24
- borderRadius: sizes[size] / 2,
25
- },
26
- !disabled && {
27
- ":active": {
28
- transform: "scale(0.92)",
29
- },
30
- },
31
- jss,
32
- ], color: color, ref: ref, disabled: disabled, children: [_jsx(Icon, { size: size, icon: icon, color: getGlyphColor(color, disabled, bare) }), label && (_jsx(Span, { size: labelSize, color: getGlyphColor(color, disabled, bare), children: label }))] }));
33
- });
34
- //# sourceMappingURL=IconButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../src/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,KAAK,GAEP;IACF,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;CACb,CAAC;AASF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,GAAG,WAAW,EACE,EAClB,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,MAAC,UAAU,OACL,WAAW,gBACH,WAAW,CAAC,YAAY,CAAC,IAAI,KAAK,EAC9C,IAAI,EAAE,IAAI,EACV,GAAG,EAAE;YACH;gBACE,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;gBAClB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;aAC9B;YACD,CAAC,QAAQ,IAAI;gBACX,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;aACF;YACD,GAAG;SACJ,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,aAElB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,EACD,KAAK,IAAI,CACR,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAC/D,KAAK,GACD,CACR,IACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { IconType } from "./IconType";
3
- import { Size } from "./jss";
4
- import { BaseLinkProps } from "./BaseLink";
5
- export interface IconLinkProps extends BaseLinkProps {
6
- icon: IconType;
7
- size: Size;
8
- }
9
- export declare const IconLink: React.ForwardRefExoticComponent<IconLinkProps & React.RefAttributes<HTMLAnchorElement>>;
package/dist/IconLink.js DELETED
@@ -1,32 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from "react";
3
- import { Icon } from "./Icon";
4
- import { getGlyphColor } from "./Interactable";
5
- import { BaseLink } from "./BaseLink";
6
- const sizes = {
7
- xsmall: 20,
8
- small: 24,
9
- medium: 32,
10
- large: 40,
11
- xlarge: 48,
12
- };
13
- export const IconLink = React.forwardRef(({ icon, size, color, bare, disabled, jss, ...otherProps }, ref) => {
14
- return (_jsx(BaseLink, { ...otherProps, bare: bare, jss: [
15
- {
16
- display: "flex",
17
- justifyContent: "center",
18
- alignItems: "center",
19
- height: sizes[size],
20
- width: sizes[size],
21
- borderRadius: sizes[size] / 2,
22
- textDecoration: "none",
23
- },
24
- !disabled && {
25
- ":active": {
26
- transform: "scale(0.92)",
27
- },
28
- },
29
- jss,
30
- ], color: color, ref: ref, disabled: disabled, children: _jsx(Icon, { size: size, icon: icon, color: getGlyphColor(color, disabled, bare) }) }));
31
- });
32
- //# sourceMappingURL=IconLink.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconLink.js","sourceRoot":"","sources":["../src/IconLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAOF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,UAAU,EAAiB,EACxE,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,OACH,UAAU,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE;YACH;gBACE,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;gBAClB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;gBAC7B,cAAc,EAAE,MAAM;aACvB;YACD,CAAC,QAAQ,IAAI;gBACX,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;aACF;YACD,GAAG;SACJ,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,YAElB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,GACO,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1 +0,0 @@
1
- export type IconType = "fa-address-book" | "fa-address-book-o" | "fa-address-card" | "fa-address-card-o" | "fa-adjust" | "fa-adn" | "fa-align-center" | "fa-align-justify" | "fa-align-left" | "fa-align-right" | "fa-amazon" | "fa-ambulance" | "fa-american-sign-language-interpreting" | "fa-anchor" | "fa-android" | "fa-angellist" | "fa-angle-double-down" | "fa-angle-double-left" | "fa-angle-double-right" | "fa-angle-double-up" | "fa-angle-down" | "fa-angle-left" | "fa-angle-right" | "fa-angle-up" | "fa-apple" | "fa-archive" | "fa-area-chart" | "fa-arrow-circle-down" | "fa-arrow-circle-left" | "fa-arrow-circle-o-down" | "fa-arrow-circle-o-left" | "fa-arrow-circle-o-right" | "fa-arrow-circle-o-up" | "fa-arrow-circle-right" | "fa-arrow-circle-up" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-arrows" | "fa-arrows-alt" | "fa-arrows-h" | "fa-arrows-v" | "fa-asl-interpretin" | "fa-assistive-listening-systems" | "fa-asterisk" | "fa-at" | "fa-audio-description" | "fa-automobil" | "fa-backward" | "fa-balance-scale" | "fa-ban" | "fa-bandcamp" | "fa-ban" | "fa-bar-chart" | "fa-bar-chart-" | "fa-barcode" | "fa-bars" | "fa-bath" | "fa-bathtu" | "fa-batter" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-empty" | "fa-battery-full" | "fa-battery-half" | "fa-battery-quarter" | "fa-battery-three-quarters" | "fa-bed" | "fa-beer" | "fa-behance" | "fa-behance-square" | "fa-bell" | "fa-bell-o" | "fa-bell-slash" | "fa-bell-slash-o" | "fa-bicycle" | "fa-binoculars" | "fa-birthday-cake" | "fa-bitbucket" | "fa-bitbucket-square" | "fa-bitcoi" | "fa-black-tie" | "fa-blind" | "fa-bluetooth" | "fa-bluetooth-b" | "fa-bold" | "fa-bolt" | "fa-bomb" | "fa-book" | "fa-bookmark" | "fa-bookmark-o" | "fa-braille" | "fa-briefcase" | "fa-btc" | "fa-bug" | "fa-building" | "fa-building-o" | "fa-bullhorn" | "fa-bullseye" | "fa-bus" | "fa-buysellads" | "fa-ca" | "fa-calculator" | "fa-calendar" | "fa-calendar-check-o" | "fa-calendar-minus-o" | "fa-calendar-o" | "fa-calendar-plus-o" | "fa-calendar-times-o" | "fa-camera" | "fa-camera-retro" | "fa-car" | "fa-caret-down" | "fa-caret-left" | "fa-caret-right" | "fa-caret-square-o-down" | "fa-caret-square-o-left" | "fa-caret-square-o-right" | "fa-caret-square-o-up" | "fa-caret-up" | "fa-cart-arrow-down" | "fa-cart-plus" | "fa-cc" | "fa-cc-amex" | "fa-cc-diners-club" | "fa-cc-discover" | "fa-cc-jcb" | "fa-cc-mastercard" | "fa-cc-paypal" | "fa-cc-stripe" | "fa-cc-visa" | "fa-certificate" | "fa-chai" | "fa-chain-broken" | "fa-check" | "fa-check-circle" | "fa-check-circle-o" | "fa-check-square" | "fa-check-square-o" | "fa-chevron-circle-down" | "fa-chevron-circle-left" | "fa-chevron-circle-right" | "fa-chevron-circle-up" | "fa-chevron-down" | "fa-chevron-left" | "fa-solid:chevron-right" | "fa-chevron-right" | "fa-chevron-up" | "fa-child" | "fa-chrome" | "fa-circle" | "fa-circle-o" | "fa-circle-o-notch" | "fa-circle-thin" | "fa-clipboard" | "fa-clock-o" | "fa-clone" | "fa-close" | "fa-cloud" | "fa-cloud-download" | "fa-cloud-upload" | "fa-cn" | "fa-code" | "fa-code-fork" | "fa-codepen" | "fa-codiepie" | "fa-coffee" | "fa-cog" | "fa-cogs" | "fa-columns" | "fa-comment" | "fa-comment-o" | "fa-commenting" | "fa-commenting-o" | "fa-comments" | "fa-comments-o" | "fa-compass" | "fa-compress" | "fa-connectdevelop" | "fa-contao" | "fa-cop" | "fa-copyright" | "fa-creative-commons" | "fa-credit-card" | "fa-credit-card-alt" | "fa-crop" | "fa-crosshairs" | "fa-css3" | "fa-cube" | "fa-cubes" | "fa-cu" | "fa-cutlery" | "fa-dashboar" | "fa-dashcube" | "fa-database" | "fa-deaf" | "fa-deafnes" | "fa-deden" | "fa-delicious" | "fa-desktop" | "fa-deviantart" | "fa-diamond" | "fa-digg" | "fa-dolla" | "fa-dot-circle-o" | "fa-download" | "fa-dribbble" | "fa-drivers-licens" | "fa-drivers-license-" | "fa-dropbox" | "fa-drupal" | "fa-edge" | "fa-edi" | "fa-eercast" | "fa-eject" | "fa-ellipsis-h" | "fa-ellipsis-v" | "fa-empire" | "fa-envelope" | "fa-envelope-o" | "fa-envelope-open" | "fa-envelope-open-o" | "fa-envelope-square" | "fa-envira" | "fa-eraser" | "fa-etsy" | "fa-eur" | "fa-eur" | "fa-exchange" | "fa-exclamation" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-expand" | "fa-expeditedssl" | "fa-external-link" | "fa-external-link-square" | "fa-eye" | "fa-eye-slash" | "fa-eyedropper" | "fa-f" | "fa-facebook" | "fa-facebook-" | "fa-facebook-official" | "fa-facebook-square" | "fa-fast-backward" | "fa-fast-forward" | "fa-fax" | "fa-fee" | "fa-female" | "fa-fighter-jet" | "fa-file" | "fa-file-archive-o" | "fa-file-audio-o" | "fa-file-code-o" | "fa-file-excel-o" | "fa-file-image-o" | "fa-file-movie-" | "fa-file-o" | "fa-file-pdf-o" | "fa-file-photo-" | "fa-file-picture-" | "fa-file-powerpoint-o" | "fa-file-sound-" | "fa-file-text" | "fa-file-text-o" | "fa-file-video-o" | "fa-file-word-o" | "fa-file-zip-" | "fa-files-o" | "fa-film" | "fa-filter" | "fa-fire" | "fa-fire-extinguisher" | "fa-firefox" | "fa-first-order" | "fa-flag" | "fa-flag-checkered" | "fa-flag-o" | "fa-flas" | "fa-flask" | "fa-flickr" | "fa-floppy-o" | "fa-folder" | "fa-folder-o" | "fa-folder-open" | "fa-folder-open-o" | "fa-font" | "fa-font-awesome" | "fa-fonticons" | "fa-fort-awesome" | "fa-forumbee" | "fa-forward" | "fa-foursquare" | "fa-free-code-camp" | "fa-frown-o" | "fa-futbol-o" | "fa-gamepad" | "fa-gavel" | "fa-gbp" | "fa-g" | "fa-gea" | "fa-gear" | "fa-genderless" | "fa-get-pocket" | "fa-gg" | "fa-gg-circle" | "fa-gift" | "fa-git" | "fa-git-square" | "fa-github" | "fa-github-alt" | "fa-github-square" | "fa-gitlab" | "fa-gitti" | "fa-glass" | "fa-glide" | "fa-glide-g" | "fa-globe" | "fa-google" | "fa-google-plus" | "fa-google-plus-circl" | "fa-google-plus-official" | "fa-google-plus-square" | "fa-google-wallet" | "fa-graduation-cap" | "fa-gratipay" | "fa-grav" | "fa-grou" | "fa-h-square" | "fa-hacker-news" | "fa-hand-grab-" | "fa-hand-lizard-o" | "fa-hand-o-down" | "fa-hand-o-left" | "fa-hand-o-right" | "fa-hand-o-up" | "fa-hand-paper-o" | "fa-hand-peace-o" | "fa-hand-pointer-o" | "fa-hand-rock-o" | "fa-hand-scissors-o" | "fa-hand-spock-o" | "fa-hand-stop-" | "fa-handshake-o" | "fa-hard-of-hearin" | "fa-hashtag" | "fa-hdd-o" | "fa-header" | "fa-headphones" | "fa-heart" | "fa-heart-o" | "fa-heartbeat" | "fa-history" | "fa-home" | "fa-hospital-o" | "fa-hote" | "fa-hourglass" | "fa-hourglass-" | "fa-hourglass-" | "fa-hourglass-" | "fa-hourglass-end" | "fa-hourglass-half" | "fa-hourglass-o" | "fa-hourglass-start" | "fa-houzz" | "fa-html5" | "fa-i-cursor" | "fa-id-badge" | "fa-id-card" | "fa-id-card-o" | "fa-ils" | "fa-imag" | "fa-imdb" | "fa-inbox" | "fa-indent" | "fa-industry" | "fa-info" | "fa-info-circle" | "fa-inr" | "fa-instagram" | "fa-institutio" | "fa-internet-explorer" | "fa-interse" | "fa-ioxhost" | "fa-italic" | "fa-joomla" | "fa-jpy" | "fa-jsfiddle" | "fa-key" | "fa-keyboard-o" | "fa-krw" | "fa-language" | "fa-laptop" | "fa-lastfm" | "fa-lastfm-square" | "fa-leaf" | "fa-leanpub" | "fa-lega" | "fa-lemon-o" | "fa-level-down" | "fa-level-up" | "fa-life-bou" | "fa-life-buo" | "fa-life-ring" | "fa-life-save" | "fa-lightbulb-o" | "fa-line-chart" | "fa-link" | "fa-linkedin" | "fa-linkedin-square" | "fa-linode" | "fa-linux" | "fa-list" | "fa-list-alt" | "fa-list-ol" | "fa-list-ul" | "fa-location-arrow" | "fa-lock" | "fa-long-arrow-down" | "fa-long-arrow-left" | "fa-long-arrow-right" | "fa-long-arrow-up" | "fa-low-vision" | "fa-magic" | "fa-magnet" | "fa-mail-forwar" | "fa-mail-repl" | "fa-mail-reply-al" | "fa-male" | "fa-map" | "fa-map-marker" | "fa-map-o" | "fa-map-pin" | "fa-map-signs" | "fa-mars" | "fa-mars-double" | "fa-mars-stroke" | "fa-mars-stroke-h" | "fa-mars-stroke-v" | "fa-maxcdn" | "fa-meanpath" | "fa-medium" | "fa-medkit" | "fa-meetup" | "fa-meh-o" | "fa-mercury" | "fa-microchip" | "fa-microphone" | "fa-microphone-slash" | "fa-minus" | "fa-minus-circle" | "fa-minus-square" | "fa-minus-square-o" | "fa-mixcloud" | "fa-mobile" | "fa-mobile-phon" | "fa-modx" | "fa-money" | "fa-moon-o" | "fa-mortar-boar" | "fa-motorcycle" | "fa-mouse-pointer" | "fa-music" | "fa-navico" | "fa-neuter" | "fa-newspaper-o" | "fa-object-group" | "fa-object-ungroup" | "fa-odnoklassniki" | "fa-odnoklassniki-square" | "fa-opencart" | "fa-openid" | "fa-opera" | "fa-optin-monster" | "fa-outdent" | "fa-pagelines" | "fa-paint-brush" | "fa-paper-plane" | "fa-paper-plane-o" | "fa-paperclip" | "fa-paragraph" | "fa-past" | "fa-pause" | "fa-pause-circle" | "fa-pause-circle-o" | "fa-paw" | "fa-paypal" | "fa-pencil" | "fa-pencil-square" | "fa-pencil-square-o" | "fa-percent" | "fa-phone" | "fa-phone-square" | "fa-phot" | "fa-picture-o" | "fa-pie-chart" | "fa-pied-piper" | "fa-pied-piper-alt" | "fa-pied-piper-pp" | "fa-pinterest" | "fa-pinterest-p" | "fa-pinterest-square" | "fa-plane" | "fa-play" | "fa-play-circle" | "fa-play-circle-o" | "fa-plug" | "fa-plus" | "fa-plus-circle" | "fa-plus-square" | "fa-plus-square-o" | "fa-podcast" | "fa-power-off" | "fa-print" | "fa-product-hunt" | "fa-puzzle-piece" | "fa-qq" | "fa-qrcode" | "fa-question" | "fa-question-circle" | "fa-question-circle-o" | "fa-quora" | "fa-quote-left" | "fa-quote-right" | "fa-r" | "fa-random" | "fa-ravelry" | "fa-rebel" | "fa-recycle" | "fa-reddit" | "fa-reddit-alien" | "fa-reddit-square" | "fa-refresh" | "fa-registered" | "fa-remove" | "fa-renren" | "fa-reorde" | "fa-repeat" | "fa-reply" | "fa-reply-all" | "fa-resistanc" | "fa-retweet" | "fa-rm" | "fa-road" | "fa-rocket" | "fa-rotate-lef" | "fa-rotate-right" | "fa-roubl" | "fa-rss" | "fa-rss-square" | "fa-rub" | "fa-rubl" | "fa-rupe" | "fa-s1" | "fa-safari" | "fa-sav" | "fa-scissors" | "fa-scribd" | "fa-search" | "fa-search-minus" | "fa-search-plus" | "fa-sellsy" | "fa-sen" | "fa-send-" | "fa-server" | "fa-share" | "fa-share-alt" | "fa-share-alt-square" | "fa-share-square" | "fa-share-square-o" | "fa-sheke" | "fa-sheqe" | "fa-shield" | "fa-ship" | "fa-shirtsinbulk" | "fa-shopping-bag" | "fa-shopping-basket" | "fa-shopping-cart" | "fa-shower" | "fa-sign-in" | "fa-sign-language" | "fa-sign-out" | "fa-signal" | "fa-signin" | "fa-simplybuilt" | "fa-sitemap" | "fa-skyatlas" | "fa-skype" | "fa-slack" | "fa-sliders" | "fa-slideshare" | "fa-smile-o" | "fa-snapchat" | "fa-snapchat-ghost" | "fa-snapchat-square" | "fa-snowflake-o" | "fa-soccer-ball-" | "fa-sort" | "fa-sort-alpha-asc" | "fa-sort-alpha-desc" | "fa-sort-amount-asc" | "fa-sort-amount-desc" | "fa-sort-asc" | "fa-sort-desc" | "fa-sort-dow" | "fa-sort-numeric-asc" | "fa-sort-numeric-desc" | "fa-sort-u" | "fa-soundcloud" | "fa-space-shuttle" | "fa-spinner" | "fa-spoon" | "fa-spotify" | "fa-square" | "fa-square-o" | "fa-stack-exchange" | "fa-stack-overflow" | "fa-star" | "fa-star-half" | "fa-star-half-empt" | "fa-star-half-ful" | "fa-star-half-o" | "fa-star-o" | "fa-steam" | "fa-steam-square" | "fa-step-backward" | "fa-step-forward" | "fa-stethoscope" | "fa-sticky-note" | "fa-sticky-note-o" | "fa-stop" | "fa-stop-circle" | "fa-stop-circle-o" | "fa-street-view" | "fa-strikethrough" | "fa-stumbleupon" | "fa-stumbleupon-circle" | "fa-subscript" | "fa-subway" | "fa-suitcase" | "fa-sun-o" | "fa-superpowers" | "fa-superscript" | "fa-suppor" | "fa-table" | "fa-tablet" | "fa-tachometer" | "fa-tag" | "fa-tags" | "fa-tasks" | "fa-taxi" | "fa-telegram" | "fa-television" | "fa-tencent-weibo" | "fa-terminal" | "fa-text-height" | "fa-text-width" | "fa-th" | "fa-th-large" | "fa-th-list" | "fa-themeisle" | "fa-thermomete" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-empty" | "fa-thermometer-full" | "fa-thermometer-half" | "fa-thermometer-quarter" | "fa-thermometer-three-quarters" | "fa-thumb-tack" | "fa-thumbs-down" | "fa-thumbs-o-down" | "fa-thumbs-o-up" | "fa-thumbs-up" | "fa-ticket" | "fa-times" | "fa-times-circle" | "fa-times-circle-o" | "fa-times-rectangl" | "fa-times-rectangle-" | "fa-tint" | "fa-toggle-dow" | "fa-toggle-lef" | "fa-toggle-off" | "fa-toggle-on" | "fa-toggle-righ" | "fa-toggle-u" | "fa-trademark" | "fa-train" | "fa-transgender" | "fa-transgender-alt" | "fa-trash" | "fa-trash-o" | "fa-tree" | "fa-trello" | "fa-tripadvisor" | "fa-trophy" | "fa-truck" | "fa-try" | "fa-tty" | "fa-tumblr" | "fa-tumblr-square" | "fa-turkish-lir" | "fa-t" | "fa-twitch" | "fa-twitter" | "fa-twitter-square" | "fa-umbrella" | "fa-underline" | "fa-undo" | "fa-universal-access" | "fa-university" | "fa-unlin" | "fa-unlock" | "fa-unlock-alt" | "fa-unsorte" | "fa-upload" | "fa-usb" | "fa-usd" | "fa-user" | "fa-user-circle" | "fa-user-circle-o" | "fa-user-md" | "fa-user-o" | "fa-user-plus" | "fa-user-secret" | "fa-user-times" | "fa-users" | "fa-vcar" | "fa-vcard-" | "fa-venus" | "fa-venus-double" | "fa-venus-mars" | "fa-viacoin" | "fa-viadeo" | "fa-viadeo-square" | "fa-video-camera" | "fa-vimeo" | "fa-vimeo-square" | "fa-vine" | "fa-vk" | "fa-volume-control-phone" | "fa-volume-down" | "fa-volume-off" | "fa-volume-up" | "fa-warnin" | "fa-wecha" | "fa-weibo" | "fa-weixin" | "fa-whatsapp" | "fa-wheelchair" | "fa-wheelchair-alt" | "fa-wifi" | "fa-wikipedia-w" | "fa-window-close" | "fa-window-close-o" | "fa-window-maximize" | "fa-window-minimize" | "fa-window-restore" | "fa-windows" | "fa-wo" | "fa-wordpress" | "fa-wpbeginner" | "fa-wpexplorer" | "fa-wpforms" | "fa-wrench" | "fa-xing" | "fa-xing-square" | "fa-y-combinator" | "fa-y-combinator-squar" | "fa-yahoo" | "fa-y" | "fa-yc-squar" | "fa-yelp" | "fa-ye" | "fa-yoast" | "fa-youtube" | "fa-youtube-play" | "fa-youtube-squar";
package/dist/IconType.js DELETED
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=IconType.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconType.js","sourceRoot":"","sources":["../src/IconType.ts"],"names":[],"mappings":""}
@@ -1,50 +0,0 @@
1
- import { JSS, Padding, TextColor } from "./jss";
2
- export type InteractableColor = "positive" | "primary" | "negative" | "dark" | "light";
3
- export declare function getInteractableJSS({ color, bare, disabled, animateInteraction, padding, border, }: {
4
- color: InteractableColor;
5
- bare: boolean;
6
- disabled: boolean;
7
- animateInteraction: boolean;
8
- padding: Padding;
9
- border: boolean;
10
- }): Array<JSS>;
11
- export declare const getGlyphColor: (color: InteractableColor, disabled: boolean | undefined, bare: boolean | undefined) => TextColor;
12
- export declare const getCSSColor: (color: InteractableColor, disabled: boolean | undefined, bare: boolean | undefined) => string;
13
- export declare const getInteractableListItemJSS: ({ bare, selected, }: {
14
- bare: boolean;
15
- selected: boolean;
16
- }) => ({
17
- overflow: string;
18
- flexGrow: number;
19
- borderRadius: string;
20
- textDecoration: string;
21
- ":hover": {
22
- backgroundColor: string;
23
- };
24
- ":active:hover": {
25
- backgroundColor: string;
26
- };
27
- "[aria-disabled=true]": {
28
- backgroundColor: string;
29
- };
30
- "[aria-disabled=true]:active:hover": {
31
- backgroundColor: string;
32
- };
33
- backgroundColor?: undefined;
34
- boxShadow?: undefined;
35
- } | {
36
- backgroundColor: string;
37
- boxShadow: string;
38
- ":hover": {
39
- backgroundColor: string;
40
- };
41
- ":active:hover": {
42
- backgroundColor: string;
43
- };
44
- overflow?: undefined;
45
- flexGrow?: undefined;
46
- borderRadius?: undefined;
47
- textDecoration?: undefined;
48
- "[aria-disabled=true]"?: undefined;
49
- "[aria-disabled=true]:active:hover"?: undefined;
50
- })[];
@@ -1,169 +0,0 @@
1
- import { cssVar, getPadding } from "./jss";
2
- const styles = {
3
- root: {
4
- cursor: "pointer",
5
- display: "inline-flex",
6
- alignItems: "center",
7
- transition: "opacity 0.1s ease-in",
8
- outlineColor: cssVar("--outline"),
9
- "[aria-disabled=true]": {
10
- color: cssVar("--secondary-text"),
11
- backgroundColor: cssVar("--background-button-secondary"),
12
- },
13
- ":focus-visible": {
14
- outlineWidth: "2px",
15
- outlineStyle: "solid",
16
- outlineOffset: -2,
17
- },
18
- },
19
- dark: {
20
- backgroundColor: "black",
21
- "[aria-disabled=true]": {
22
- backgroundColor: cssVar("--background-button-disabled"),
23
- },
24
- },
25
- light: {
26
- backgroundColor: "white",
27
- "[aria-disabled=true]": {
28
- backgroundColor: cssVar("--background-button-disabled"),
29
- },
30
- },
31
- positive: {
32
- backgroundColor: cssVar("--background-button-positive"),
33
- "[aria-disabled=true]": {
34
- backgroundColor: cssVar("--background-button-disabled"),
35
- },
36
- },
37
- primary: {
38
- backgroundColor: cssVar("--background-button-secondary"),
39
- "[aria-disabled=true]": {
40
- backgroundColor: cssVar("--background-button-disabled"),
41
- },
42
- },
43
- negative: {
44
- backgroundColor: cssVar("--background-button-negative"),
45
- "[aria-disabled=true]": {
46
- backgroundColor: cssVar("--background-button-disabled"),
47
- },
48
- },
49
- disabled: {
50
- cursor: "default",
51
- },
52
- bare: {
53
- backgroundColor: "inherit",
54
- outlineColor: cssVar("--outline"),
55
- "[aria-disabled=true]": {
56
- backgroundColor: "inherit",
57
- },
58
- "[aria-disabled=true]:hover": {
59
- backgroundColor: "inherit",
60
- },
61
- },
62
- opacityHover: {
63
- ":hover": {
64
- opacity: 0.8,
65
- },
66
- "[aria-disabled=true]:hover": {
67
- opacity: 1,
68
- },
69
- },
70
- colorHover: {},
71
- };
72
- export function getInteractableJSS({ color, bare, disabled, animateInteraction, padding, border, }) {
73
- return [
74
- styles.root,
75
- color === "dark" && styles.dark,
76
- color === "light" && styles.light,
77
- color === "positive" && styles.positive,
78
- color === "primary" && styles.primary,
79
- color === "negative" && styles.negative,
80
- border && {
81
- border: `1px solid ${getCSSColor(color, disabled, bare)}`,
82
- },
83
- bare && styles.bare,
84
- disabled && styles.disabled,
85
- !bare && styles.opacityHover,
86
- animateInteraction &&
87
- !disabled && {
88
- position: "relative",
89
- ":active": {
90
- opacity: 0.95,
91
- top: 1,
92
- },
93
- "[aria-disabled=true]:active": {
94
- top: 0,
95
- opacity: 1,
96
- },
97
- },
98
- getPadding(padding),
99
- ];
100
- }
101
- export const getGlyphColor = (color, disabled, bare) => {
102
- if (disabled) {
103
- return "subtle";
104
- }
105
- switch (color) {
106
- case "positive":
107
- return bare ? "highlight" : "light";
108
- case "negative":
109
- return bare ? "negative" : "light";
110
- case "primary":
111
- return bare ? "primary" : "secondary";
112
- case "dark":
113
- return bare ? "primary" : "light";
114
- case "light":
115
- return bare ? "light" : "primary";
116
- }
117
- };
118
- export const getCSSColor = (color, disabled, bare) => {
119
- if (disabled) {
120
- return cssVar("--subtle-text");
121
- }
122
- switch (color) {
123
- case "positive":
124
- return bare ? cssVar("--highlight") : cssVar("--light-text");
125
- case "negative":
126
- return bare ? cssVar("--negative-text") : cssVar("--light-text");
127
- case "primary":
128
- return bare ? cssVar("--primary-text") : cssVar("--secondary-text");
129
- case "dark":
130
- return bare ? cssVar("--primary-text") : cssVar("--light-text");
131
- case "light":
132
- return bare ? cssVar("--light-text") : cssVar("--primary-text");
133
- }
134
- };
135
- export const getInteractableListItemJSS = ({ bare, selected, }) => {
136
- return [
137
- {
138
- overflow: "hidden",
139
- flexGrow: 1,
140
- borderRadius: bare ? cssVar("--border-radius-m") : null,
141
- textDecoration: "none",
142
- ":hover": {
143
- backgroundColor: cssVar("--hovered-background"),
144
- },
145
- ":active:hover": {
146
- backgroundColor: cssVar("--pressed-background"),
147
- },
148
- "[aria-disabled=true]": {
149
- backgroundColor: cssVar("--primary-background"),
150
- },
151
- "[aria-disabled=true]:active:hover": {
152
- backgroundColor: cssVar("--primary-background"),
153
- },
154
- },
155
- selected && {
156
- backgroundColor: bare
157
- ? cssVar("--light-highlight")
158
- : cssVar("--selected-background"),
159
- boxShadow: bare ? "" : "inset 1px 1px 2px -1px #0000004a",
160
- ":hover": {
161
- backgroundColor: cssVar("--hovered-background"),
162
- },
163
- ":active:hover": {
164
- backgroundColor: cssVar("--pressed-background"),
165
- },
166
- },
167
- ];
168
- };
169
- //# sourceMappingURL=Interactable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Interactable.js","sourceRoot":"","sources":["../src/Interactable.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +0,0 @@
1
- /**
2
- * Injects a real HTML comment node (<!-- ComponentName -->) into the DOM.
3
- *
4
- * Renders nothing (null). Uses the React fiber tree to locate the sibling
5
- * component's first DOM node, then inserts a comment before it.
6
- * Client-only — no SSR output, no hydration mismatch.
7
- */
8
- export declare function JSSComment({ name }: {
9
- name: string;
10
- }): any;
@@ -1,52 +0,0 @@
1
- import React, { useEffect, useRef } from "react";
2
- /**
3
- * Injects a real HTML comment node (<!-- ComponentName -->) into the DOM.
4
- *
5
- * Renders nothing (null). Uses the React fiber tree to locate the sibling
6
- * component's first DOM node, then inserts a comment before it.
7
- * Client-only — no SSR output, no hydration mismatch.
8
- */
9
- export function JSSComment({ name }) {
10
- const fiberRef = useRef(null);
11
- // Capture our fiber during render
12
- try {
13
- const internals = React
14
- .__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
15
- fiberRef.current = internals?.ReactCurrentOwner?.current;
16
- }
17
- catch { }
18
- useEffect(() => {
19
- const fiber = fiberRef.current;
20
- if (!fiber)
21
- return;
22
- // Our sibling in the Fragment is the actual component
23
- const sibling = fiber.sibling;
24
- if (!sibling)
25
- return;
26
- // Walk down the sibling's fiber tree to find its first DOM node
27
- const hostNode = findFirstDOMNode(sibling);
28
- if (!hostNode?.parentNode)
29
- return;
30
- const comment = document.createComment(` ${name} `);
31
- hostNode.parentNode.insertBefore(comment, hostNode);
32
- return () => {
33
- comment.remove();
34
- };
35
- }, [name]);
36
- return null;
37
- }
38
- function findFirstDOMNode(fiber) {
39
- let current = fiber;
40
- while (current) {
41
- if (current.stateNode instanceof Node) {
42
- return current.stateNode;
43
- }
44
- if (current.child) {
45
- current = current.child;
46
- continue;
47
- }
48
- break;
49
- }
50
- return null;
51
- }
52
- //# sourceMappingURL=JSSComment.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"JSSComment.js","sourceRoot":"","sources":["../src/JSSComment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAoB;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEnC,kCAAkC;IAClC,IAAI,CAAC;QACH,MAAM,SAAS,GAAI,KAAa;aAC7B,kDAAkD,CAAC;QACtD,QAAQ,CAAC,OAAO,GAAG,SAAS,EAAE,iBAAiB,EAAE,OAAO,CAAC;IAC3D,CAAC;IAAC,MAAM,CAAC,CAAA,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,sDAAsD;QACtD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,gEAAgE;QAChE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC3C,IAAI,CAAC,QAAQ,EAAE,UAAU;YAAE,OAAO;QAElC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC;QACpD,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAU;IAClC,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,OAAO,OAAO,EAAE,CAAC;QACf,IAAI,OAAO,CAAC,SAAS,YAAY,IAAI,EAAE,CAAC;YACtC,OAAO,OAAO,CAAC,SAAS,CAAC;QAC3B,CAAC;QACD,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YAClB,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC;YACxB,SAAS;QACX,CAAC;QACD,MAAM;IACR,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}
package/dist/Link.d.ts DELETED
@@ -1,22 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { BaseLinkProps } from "./BaseLink";
3
- import { IconType } from "./IconType";
4
- import { FlexLayoutProps } from "./FlexLayout";
5
- import { InteractableColor } from "./Interactable";
6
- import { Size, Align, Gap, Justify } from "./jss";
7
- export interface LinkProps extends BaseLinkProps {
8
- children?: ReactNode;
9
- color: InteractableColor;
10
- size?: Size;
11
- icon?: IconType;
12
- underline?: boolean;
13
- iconSize?: Size;
14
- iconPosition?: "left" | "right";
15
- rowProps?: FlexLayoutProps;
16
- align?: Align;
17
- gap?: Gap;
18
- justify?: Justify;
19
- bold?: boolean;
20
- inline?: boolean;
21
- }
22
- export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
package/dist/Link.js DELETED
@@ -1,29 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from "react";
3
- import { BaseLink } from "./BaseLink";
4
- import { Text } from "./Text";
5
- import { Row } from "./Row";
6
- import { Icon } from "./Icon";
7
- import { getGlyphColor, getCSSColor } from "./Interactable";
8
- import { cssVar } from "./jss";
9
- export const Link = React.forwardRef(({ children, color, bare, disabled, icon, underline, iconSize = "medium", iconPosition = "left", align = "center", gap = "small", justify = "center", jss, size = "medium", padding = "medium", inline = true, bold, ...otherProps }, ref) => {
10
- return (_jsx(BaseLink, { ...otherProps, bare: bare, ref: ref, color: color, disabled: disabled, padding: padding, jss: [
11
- {
12
- borderRadius: cssVar("--border-radius-m"),
13
- justifyContent: "center",
14
- userSelect: "none",
15
- display: inline ? "inline-flex" : "flex",
16
- textDecoration: "none",
17
- },
18
- underline && {
19
- textDecorationLine: "underline",
20
- textDecorationThickness: "2px",
21
- textUnderlineOffset: "2px",
22
- textDecorationColor: getCSSColor(color, disabled, bare),
23
- },
24
- jss,
25
- ], children: _jsxs(Row, { jss: {
26
- display: inline ? "inline-flex" : "flex",
27
- }, grow: true, align: align, gap: gap, justify: justify, children: [icon && iconPosition === "left" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) })), _jsx(Text, { bold: bold, size: size, color: getGlyphColor(color, disabled, bare), children: children }), icon && iconPosition === "right" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) }))] }) }));
28
- });
29
- //# sourceMappingURL=Link.js.map
package/dist/Link.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAqB,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAA6B,MAAM,EAAE,MAAM,OAAO,CAAC;AAkB1D,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,QAAQ,GAAG,QAAQ,EACnB,YAAY,GAAG,MAAM,EACrB,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,QAAQ,EAClB,GAAG,EACH,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,EAClB,MAAM,GAAG,IAAI,EACb,IAAI,EACJ,GAAG,UAAU,EACH,EACZ,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,OACH,UAAU,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;YACH;gBACE,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;gBACxC,cAAc,EAAE,MAAM;aACvB;YACD,SAAS,IAAI;gBACX,kBAAkB,EAAE,WAAW;gBAC/B,uBAAuB,EAAE,KAAK;gBAC9B,mBAAmB,EAAE,KAAK;gBAC1B,mBAAmB,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC;aACxD;YACD,GAAG;SACJ,YAED,MAAC,GAAG,IACF,GAAG,EAAE;gBACH,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;aACzC,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,aAEf,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,EACD,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAE1C,QAAQ,GACJ,EACN,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,IACG,GACG,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}
package/dist/List.d.ts DELETED
@@ -1,15 +0,0 @@
1
- import { BaseListProps } from "./BaseList";
2
- interface ListProps extends BaseListProps {
3
- ariaLabel: string;
4
- bare?: boolean;
5
- autofocus?: boolean;
6
- role?: undefined;
7
- navigation?: boolean;
8
- carded?: boolean;
9
- }
10
- export declare function List({ ariaLabel, jss, autofocus, navigation, bare, carded, ...otherProps }: ListProps): import("react/jsx-runtime").JSX.Element;
11
- export declare const useListContext: () => {
12
- bare: boolean;
13
- carded: boolean;
14
- };
15
- export {};
package/dist/List.js DELETED
@@ -1,29 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React, { useContext, useMemo } from "react";
3
- import { BaseList } from "./BaseList";
4
- import { useNavigation } from "./useNavigation";
5
- import { cssVar } from "./jss";
6
- const ListContext = React.createContext({ bare: false, carded: true });
7
- export function List({ ariaLabel, jss, autofocus = false, navigation = true, bare, carded = true, ...otherProps }) {
8
- const rootRef = useNavigation({ autofocus, enabled: navigation });
9
- const contextValue = useMemo(() => ({ bare, carded }), [bare, carded]);
10
- return (_jsx(ListContext.Provider, { value: contextValue, children: _jsx(BaseList, { role: "grid", "aria-label": ariaLabel, ref: rootRef, jss: [
11
- { overflow: "hidden" },
12
- !bare && {
13
- backgroundColor: cssVar("--overlay-background"),
14
- },
15
- !bare &&
16
- !carded && {
17
- borderBottom: `1px solid ${cssVar("--divider")}`,
18
- borderTop: `1px solid ${cssVar("--divider")}`,
19
- },
20
- !bare &&
21
- carded && {
22
- border: `1px solid ${cssVar("--divider")}`,
23
- borderRadius: cssVar("--border-radius-l"),
24
- },
25
- jss,
26
- ], ...otherProps }) }));
27
- }
28
- export const useListContext = () => useContext(ListContext);
29
- //# sourceMappingURL=List.js.map