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
package/dist/DarkMode.js DELETED
@@ -1,62 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React, { useContext, useEffect, useState } from "react";
3
- import { IconButton } from "./IconButton";
4
- import { BaseView } from "./BaseView";
5
- import { isServer } from "./isServer";
6
- export const DarkModeContext = React.createContext({
7
- enabled: false,
8
- toggle: () => { },
9
- });
10
- if (!isServer()) {
11
- const darkMode = document.cookie
12
- .split(";")
13
- .map((c) => c.trim())
14
- .filter((c) => c.startsWith("dark-mode="))
15
- .map((s) => s.split("=")[1])
16
- .map((s) => s)
17
- .pop();
18
- if (darkMode === "true") {
19
- document.body.classList.add("dark-mode");
20
- }
21
- }
22
- export function DarkModeProvider({ children, enabled, toggle, }) {
23
- useEffect(() => {
24
- const statusBarMeta = document.head.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');
25
- const themeColorMeta = document.head.querySelector('meta[name="theme-color"]');
26
- if (enabled) {
27
- document.body.classList.add("dark-mode");
28
- if (statusBarMeta != null) {
29
- // @ts-ignore
30
- statusBarMeta.content = "black-translucent";
31
- }
32
- if (themeColorMeta != null) {
33
- // @ts-ignore
34
- themeColorMeta.content = "rgb(42, 43, 46)";
35
- }
36
- }
37
- else {
38
- document.body.classList.remove("dark-mode");
39
- if (statusBarMeta != null) {
40
- // @ts-ignore
41
- statusBarMeta.content = "default";
42
- }
43
- if (themeColorMeta != null) {
44
- // @ts-ignore
45
- themeColorMeta.content = "rgb(239, 239, 244)";
46
- }
47
- }
48
- }, [enabled]);
49
- return (_jsx(DarkModeContext.Provider, { value: { enabled, toggle }, children: children }));
50
- }
51
- export function DarkModeToggle() {
52
- const darkMode = useContext(DarkModeContext);
53
- const [show, setShow] = useState(false);
54
- useEffect(() => {
55
- setShow(true);
56
- }, []);
57
- if (!show) {
58
- return _jsx(BaseView, { jss: { width: 32, height: 32 } });
59
- }
60
- return (_jsx(IconButton, { "aria-label": "Toggle dark mode", icon: darkMode.enabled ? "fa-sun-o" : "fa-moon-o", size: "medium", onClick: darkMode.toggle, color: "primary", bare: true }));
61
- }
62
- //# sourceMappingURL=DarkMode.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DarkMode.js","sourceRoot":"","sources":["../src/DarkMode.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { BaseInputProps } from "./BaseInput";
3
- import { IconType } from "./IconType";
4
- import { JSS } from "./jss";
5
- export interface DateInputProps extends BaseInputProps {
6
- onDateChange: (date: Date) => void;
7
- date: Date;
8
- icon?: IconType;
9
- addOn?: ReactNode;
10
- onChange?: undefined;
11
- jss?: JSS;
12
- }
13
- export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
package/dist/DateInput.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 { BaseInput } from "./BaseInput";
4
- import { Box } from "./Box";
5
- import { Icon } from "./Icon";
6
- import { Row } from "./Row";
7
- export const DateInput = React.forwardRef(({ date, onDateChange, jss, icon, addOn, ...inputProps }, ref) => {
8
- return (_jsxs(Row, { jss: {
9
- backgroundColor: "inherit",
10
- }, children: [icon && (_jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "secondary", icon: icon }) })), _jsx(BaseInput, { ...inputProps, type: "date", ref: ref, value: date.toISOString().substring(0, 10), onChange: (e) => onDateChange(new Date(e.target.value)), jss: [
11
- {
12
- flexGrow: 1,
13
- backgroundColor: "inherit",
14
- color: "var(--primary-text)",
15
- outline: "none",
16
- border: "none",
17
- fontSize: 20,
18
- lineHeight: 24 / 20,
19
- "::placeholder": {
20
- color: "var(--subtle-text);",
21
- },
22
- ":disabled": {
23
- color: "var(--subtle-text);",
24
- },
25
- },
26
- jss,
27
- ] }), addOn] }));
28
- });
29
- //# sourceMappingURL=DateInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../src/DateInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAkB,EACvE,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE;YACH,eAAe,EAAE,SAAS;SAC3B,aAEA,IAAI,IAAI,CACP,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,GAChD,CACP,EACD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACvD,GAAG,EAAE;oBACH;wBACE,QAAQ,EAAE,CAAC;wBACX,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,qBAAqB;wBAC5B,OAAO,EAAE,MAAM;wBACf,MAAM,EAAE,MAAM;wBACd,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,EAAE,GAAG,EAAE;wBACnB,eAAe,EAAE;4BACf,KAAK,EAAE,qBAAqB;yBAC7B;wBACD,WAAW,EAAE;4BACX,KAAK,EAAE,qBAAqB;yBAC7B;qBACF;oBACD,GAAG;iBACJ,GACD,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1,11 +0,0 @@
1
- import { TextColor } from "./jss";
2
- export interface DatePickerProps {
3
- id: string;
4
- label: string;
5
- date: Date;
6
- color?: TextColor;
7
- min?: string;
8
- max?: string;
9
- onDateChange: (date: Date) => void;
10
- }
11
- export declare function DatePicker({ id, label, color, date, onDateChange, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
@@ -1,34 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useRef } from "react";
3
- import { Text } from "./Text";
4
- import { toClassnames } from "./jss";
5
- const styles = {
6
- dateInput: {
7
- border: "1px solid var(--divider)",
8
- backgroundColor: "var(--primary-background)",
9
- padding: "var(--spacing-m)",
10
- color: "var(--primary-text)",
11
- fontSize: 20,
12
- lineHeight: 24 / 20,
13
- },
14
- };
15
- export function DatePicker({ id, label, color = "primary", date, onDateChange, }) {
16
- const initialDate = useRef(date);
17
- const year = initialDate.current.getFullYear();
18
- const month = initialDate.current.getMonth();
19
- const day = initialDate.current.getDate();
20
- const min = new Date(year - 1, month, day).toISOString().substring(0, 10);
21
- const max = new Date(year + 1, month, day).toISOString().substring(0, 10);
22
- return (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: id, children: _jsx(Text, { size: "small", color: color, children: label }) }), _jsx("input", { min: min, max: max, className: toClassnames(styles.dateInput), type: "date", id: id, value: date.toISOString().substring(0, 10), onChange: (event) => {
23
- let parsedDate;
24
- try {
25
- parsedDate = new Date(event.target.value);
26
- }
27
- finally {
28
- if (parsedDate != null) {
29
- onDateChange(parsedDate);
30
- }
31
- }
32
- } })] }));
33
- }
34
- //# sourceMappingURL=DatePicker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAa,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,MAAM,GAAG;IACb,SAAS,EAAE;QACT,MAAM,EAAE,0BAA0B;QAClC,eAAe,EAAE,2BAA2B;QAC5C,OAAO,EAAE,kBAAkB;QAC3B,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;KACpB;CACF,CAAC;AAYF,MAAM,UAAU,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,YAAY,GACI;IAChB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IAC7C,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,8BACE,gBAAO,OAAO,EAAE,EAAE,YAChB,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,YAC5B,KAAK,GACD,GACD,EACR,gBACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,EACzC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAI,UAAU,CAAC;oBACf,IAAI,CAAC;wBACH,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC5C,CAAC;4BAAS,CAAC;wBACT,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;4BACvB,YAAY,CAAC,UAAU,CAAC,CAAC;wBAC3B,CAAC;oBACH,CAAC;gBACH,CAAC,GACM,IACR,CACJ,CAAC;AACJ,CAAC"}
@@ -1,13 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { BaseInputProps } from "./BaseInput";
3
- import { IconType } from "./IconType";
4
- import { JSS } from "./jss";
5
- export interface DatetimeInputProps extends BaseInputProps {
6
- onDateChange: (date: Date) => void;
7
- date: Date;
8
- icon?: IconType;
9
- addOn?: ReactNode;
10
- onChange?: undefined;
11
- jss?: JSS;
12
- }
13
- export declare const DatetimeInput: React.ForwardRefExoticComponent<DatetimeInputProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,31 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from "react";
3
- import { BaseInput } from "./BaseInput";
4
- import { Box } from "./Box";
5
- import { Icon } from "./Icon";
6
- import { Row } from "./Row";
7
- const styles = {
8
- root: {
9
- backgroundColor: "var(--primary-background)",
10
- },
11
- input: {
12
- padding: "var(--spacing-m)",
13
- flexGrow: 1,
14
- backgroundColor: "var(--primary-background)",
15
- color: "var(--primary-text)",
16
- outline: "none",
17
- border: "none",
18
- fontSize: 20,
19
- lineHeight: 24 / 20,
20
- "::placeholder": {
21
- color: "var(--subtle-text);",
22
- },
23
- ":disabled": {
24
- color: "var(--subtle-text);",
25
- },
26
- },
27
- };
28
- export const DatetimeInput = React.forwardRef(({ date, onDateChange, jss, icon, addOn, ...inputProps }, ref) => {
29
- return (_jsxs(Row, { jss: styles.root, children: [icon && (_jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "secondary", icon: icon }) })), _jsx(BaseInput, { ...inputProps, type: "datetime-local", ref: ref, value: date.toISOString().substring(0, 16), onChange: (e) => onDateChange(new Date(e.target.value)), jss: [styles.input, jss] }), addOn] }));
30
- });
31
- //# sourceMappingURL=DatetimeInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatetimeInput.js","sourceRoot":"","sources":["../src/DatetimeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,eAAe,EAAE,2BAA2B;KAC7C;IACD,KAAK,EAAE;QACL,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,CAAC;QACX,eAAe,EAAE,2BAA2B;QAC5C,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;QACnB,eAAe,EAAE;YACf,KAAK,EAAE,qBAAqB;SAC7B;QACD,WAAW,EAAE;YACX,KAAK,EAAE,qBAAqB;SAC7B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAsB,EAC3E,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,aAClB,IAAI,IAAI,CACP,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,GAChD,CACP,EACD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACvD,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GACxB,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1 +0,0 @@
1
- export declare function DesignBook(): import("react/jsx-runtime").JSX.Element;
@@ -1,55 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useContext, useState } from "react";
3
- import { RootView } from "./RootView";
4
- import { Sublist } from "./Sublist";
5
- import { Button } from "./Button";
6
- import { IconButton } from "./IconButton";
7
- import { Text } from "./Text";
8
- import { TextPairing } from "./TextPairing";
9
- import { Icon } from "./Icon";
10
- import { TextInput } from "./TextInput";
11
- import { Checkbox } from "./Checkbox";
12
- import { List } from "./List";
13
- import { ListSpacer } from "./ListSpacer";
14
- import { ListButtonItem } from "./ListButtonItem";
15
- import { Dialog, useDialog } from "./Dialog";
16
- import { Row } from "./Row";
17
- import { DarkModeContext } from "./DarkMode";
18
- import { Popover, PopoverTrigger } from "./Popover";
19
- import { Tooltip } from "./Tooltip";
20
- import { Link } from "./Link";
21
- import { Calendar } from "./Calendar";
22
- import { Box } from "./Box";
23
- import { Badge } from "./Badge";
24
- function ExampleDialog({ close }) {
25
- const darkMode = useContext(DarkModeContext);
26
- return (_jsx(Dialog, { close: close, label: "Example", children: _jsxs(Row, { padding: "medium", align: "center", justify: "space-between", children: [_jsx(Text, { children: "Dark mode" }), _jsx(Checkbox, { size: "medium", checked: darkMode.enabled, onClick: () => darkMode.toggle() })] }) }));
27
- }
28
- export function DesignBook() {
29
- const dialog = useDialog(({ close }) => _jsx(ExampleDialog, { close: close }), { closeOnOutsideClick: true });
30
- const [checkbox1, setCheckbox1] = useState(true);
31
- const [checkbox2, setCheckbox2] = useState(true);
32
- const [checkbox3, setCheckbox3] = useState(true);
33
- const [checkbox4, setCheckbox4] = useState(false);
34
- const [checkbox5, setCheckbox5] = useState(false);
35
- const [checkbox6, setCheckbox6] = useState(false);
36
- return (_jsx(RootView, { children: _jsxs(List, { navigation: false, ariaLabel: "Design book", children: [_jsx(ListSpacer, {}), _jsxs(Sublist, { label: "Button", initialState: { collapsed: false }, children: [_jsx(Row, { gap: "medium", children: _jsx(Button, { color: "positive", onClick: () => {
37
- dialog.open();
38
- }, children: "Positive button" }) }), _jsx(Row, { gap: "medium", children: _jsx(PopoverTrigger, { PopoverComponent: ({ close }) => {
39
- return (_jsx(Popover, { close: close, children: _jsxs(List, { navigation: false, ariaLabel: "Popover ", children: [_jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-address-book" }), headline: "Option 1", onClick: () => { }, color: "positive" }), _jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-adjust" }), headline: "Option 2", onClick: () => { }, withDivider: false, color: "positive" })] }) }));
40
- }, children: ({ toggle }) => (_jsx(Button, { style: { position: "relative" }, color: "primary", onClick: () => {
41
- toggle(undefined);
42
- }, children: "Secondary button" })) }) }), _jsx(Row, { gap: "medium", children: _jsx(PopoverTrigger, { PopoverComponent: ({ close }) => {
43
- return (_jsx(Popover, { close: close, children: _jsxs(List, { ariaLabel: "Popover ", children: [_jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-address-book" }), headline: "Option 1", onClick: () => { }, color: "positive" }), _jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-adjust" }), headline: "Option 2", onClick: () => { }, withDivider: false, color: "positive" })] }) }));
44
- }, children: ({ toggle }) => (_jsx(Button, { color: "negative", onClick: () => {
45
- toggle(undefined);
46
- }, children: "Negative button" })) }) }), _jsx(Row, { gap: "medium", children: _jsx(Tooltip, { content: "Tooltip here", children: _jsx(Button, { color: "positive", onClick: () => { }, disabled: true, children: "Disabled button" }) }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, color: "positive", onClick: () => { }, children: "Bare positive button" }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, color: "primary", onClick: () => { }, children: "Bare secondary button" }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, color: "negative", onClick: () => { }, children: "Bare negative button" }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, color: "positive", onClick: () => { }, disabled: true, children: "Bare disabled button" }) })] }), _jsxs(Sublist, { label: "Link", initialState: { collapsed: false }, children: [_jsx(Row, { gap: "medium", children: _jsx(Link, { color: "positive", href: "/", children: "Positive link" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { color: "primary", href: "/", children: "Secondary link" }) }), _jsx(Row, { gap: "medium", children: _jsx(Tooltip, { content: "Tooltip here", children: _jsx(Link, { color: "positive", href: "/", disabled: true, children: "Disabled link" }) }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, color: "positive", href: "/", children: "Bare positive link" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, color: "primary", href: "/", children: "Bare secondary link" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, color: "negative", href: "/", children: "Bare negative link" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, color: "positive", href: "/", disabled: true, children: "Bare disabled Link" }) })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { label: "Icon button", initialState: { collapsed: false }, children: [_jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { size: "large", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { size: "medium", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { size: "small", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { size: "large", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "medium", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "small", icon: "fa-check", color: "positive", onClick: () => { }, bare: true })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { size: "large", icon: "fa-remove", color: "negative", onClick: () => { } }), _jsx(IconButton, { size: "medium", icon: "fa-remove", color: "negative", onClick: () => { } }), _jsx(IconButton, { size: "small", icon: "fa-remove", color: "negative", onClick: () => { } }), _jsx(IconButton, { size: "large", icon: "fa-remove", color: "negative", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "medium", icon: "fa-remove", color: "negative", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "small", icon: "fa-remove", color: "negative", onClick: () => { }, bare: true })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { size: "large", icon: "fa-info", color: "primary", onClick: () => { } }), _jsx(IconButton, { size: "medium", icon: "fa-info", color: "primary", onClick: () => { } }), _jsx(IconButton, { size: "small", icon: "fa-info", color: "primary", onClick: () => { } }), _jsx(IconButton, { size: "large", icon: "fa-info", color: "primary", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "medium", icon: "fa-info", color: "primary", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "small", icon: "fa-info", color: "primary", onClick: () => { }, bare: true })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { disabled: true, size: "large", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { disabled: true, size: "medium", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { disabled: true, size: "small", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { disabled: true, size: "large", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { disabled: true, size: "medium", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { disabled: true, size: "small", icon: "fa-check", color: "positive", onClick: () => { }, bare: true })] })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { label: "Pressable list row", initialState: {
47
- collapsed: false,
48
- }, children: [_jsx(ListButtonItem, { onClick: () => { }, headline: "Headline", color: "positive" }), _jsx(ListButtonItem, { selected: true, onClick: () => { }, headline: "Selected", color: "positive" }), _jsx(ListButtonItem, { onClick: () => { }, headline: "Headline", body: "Body", color: "positive" }), _jsx(ListButtonItem, { onClick: () => { }, headline: "Disabled", body: "Body", disabled: true, color: "positive" }), _jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-address-book" }) }), headline: "Really long body", body: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", onClick: () => { }, color: "positive" })] }), _jsxs(Sublist, { label: "Text", initialState: { collapsed: false }, children: [_jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "primary", children: "Primary large" }), _jsx(Text, { size: "medium", color: "primary", children: "Primary medium" }), _jsx(Text, { size: "small", color: "primary", children: "Primary small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "secondary", children: "Secondary large" }), _jsx(Text, { size: "medium", color: "secondary", children: "Secondary medium" }), _jsx(Text, { size: "small", color: "secondary", children: "Secondary small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "subtle", children: "Subtle large" }), _jsx(Text, { size: "medium", color: "subtle", children: "Subtle medium" }), _jsx(Text, { size: "small", color: "subtle", children: "Subtle small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "light", children: "Light large" }), _jsx(Text, { size: "medium", color: "light", children: "Light medium" }), _jsx(Text, { size: "small", color: "light", children: "Light small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "highlight", children: "Highlight large" }), _jsx(Text, { size: "medium", color: "highlight", children: "Highlight medium" }), _jsx(Text, { size: "small", color: "highlight", children: "Highlight small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "negative", children: "Negative large" }), _jsx(Text, { size: "medium", color: "negative", children: "Negative medium" }), _jsx(Text, { size: "small", color: "negative", children: "Negative small" })] })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { initialState: { collapsed: false }, label: "Icon", children: [_jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "primary", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "primary", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "primary", icon: "fa-check" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "secondary", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "secondary", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "secondary", icon: "fa-check" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "subtle", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "subtle", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "subtle", icon: "fa-check" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "light", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "light", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "light", icon: "fa-check" })] })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { initialState: { collapsed: false }, label: "Text pairing", children: [_jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextPairing, { headline: "Headline" }) }), _jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextPairing, { headline: "Headline", body: "Body" }) }), _jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextPairing, { headline: "Headline", body: "Body", addOn: _jsx(Icon, { size: "large", color: "primary", icon: "fa-user" }) }) })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { initialState: { collapsed: false }, label: "Input", children: [_jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextInput, { value: "", placeholder: "Placeholder text input", onValueChange: () => { } }) }), _jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextInput, { value: "Text input", onValueChange: () => { } }) }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Checkbox, { size: "small", checked: checkbox1, onClick: () => setCheckbox1((x) => !x) }), _jsx(Checkbox, { size: "medium", checked: checkbox2, onClick: () => setCheckbox2((x) => !x) }), _jsx(Checkbox, { size: "large", checked: checkbox3, onClick: () => setCheckbox3((x) => !x) })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Checkbox, { size: "small", checked: checkbox4, onClick: () => setCheckbox4((x) => !x) }), _jsx(Checkbox, { size: "medium", checked: checkbox5, onClick: () => setCheckbox5((x) => !x) }), _jsx(Checkbox, { size: "large", checked: checkbox6, onClick: () => setCheckbox6((x) => !x) })] })] }), _jsx(ListSpacer, {}), _jsx(ListSpacer, {}), _jsx(Sublist, { label: "Calendar", children: _jsx(Calendar, { date: new Date(), header: ({ weekday }) => (_jsx(Box, { children: _jsx(Text, { children: weekday }) })), cell: ({ today, date, outOfMonth }) => (_jsxs(Box, { relative: true, style: { opacity: outOfMonth ? 0.2 : 1 }, children: [today && (_jsx(Badge, { jss: {
49
- position: "absolute",
50
- top: "50%",
51
- transform: "translateY(-50%) translateX(-75%)",
52
- right: "50%",
53
- } })), _jsx(Text, { children: date.getDate() })] })) }) })] }) }));
54
- }
55
- //# sourceMappingURL=DesignBook.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DesignBook.js","sourceRoot":"","sources":["../src/DesignBook.tsx"],"names":[],"mappings":"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"}
package/dist/Dialog.d.ts DELETED
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- export declare const Dialog: ({ label, children, close, }: {
3
- label: string;
4
- children: React.JSX.Element;
5
- close: () => void;
6
- }) => import("react/jsx-runtime").JSX.Element;
7
- export declare function DialogProvider({ children }: {
8
- children: any;
9
- }): import("react/jsx-runtime").JSX.Element;
10
- export declare function useDialog<Input>(DialogComponent: (props: {
11
- close: () => void;
12
- } & Input) => React.JSX.Element, options: {
13
- closeOnOutsideClick: boolean;
14
- }): {
15
- open: (input: Input) => void;
16
- close: () => any;
17
- };
package/dist/Dialog.js DELETED
@@ -1,92 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React, { useContext, useMemo, useRef, useState } from "react";
3
- import { BaseView } from "./BaseView";
4
- import { Text } from "./Text";
5
- import { ListDivider } from "./ListDivider";
6
- import { Column } from "./Column";
7
- import { Row } from "./Row";
8
- import { IconButton } from "./IconButton";
9
- import { toClassnames } from "./jss";
10
- const styles = {
11
- dialog: {
12
- border: "1px solid var(--divider)",
13
- borderRadius: "var(--border-radius-l)",
14
- padding: 0,
15
- boxShadow: "var(--shadow-lg)",
16
- animation: "dialogFadeIn 0.2s ease-out",
17
- "::backdrop": {
18
- backgroundColor: "rgba(0, 0, 0, 0.4)",
19
- animation: "backdropFadeIn 0.2s ease-out",
20
- },
21
- },
22
- root: {
23
- display: "grid",
24
- width: "calc(100vw - 48px)",
25
- gridTemplateAreas: `
26
- "header"
27
- "content"
28
- `,
29
- "@media (min-width: 750px)": {
30
- maxWidth: 750,
31
- },
32
- backgroundColor: "var(--secondary-background)",
33
- },
34
- header: {
35
- gridArea: "header",
36
- },
37
- content: {
38
- gridArea: "content",
39
- },
40
- };
41
- export const Dialog = ({ label, children, close, }) => {
42
- return (_jsxs(BaseView, { jss: styles.root, children: [_jsxs(Column, { jss: styles.header, children: [_jsxs(Row, { padding: "medium", justify: "space-between", align: "center", children: [_jsx(Text, { size: "medium", color: "secondary", children: label }), _jsx(IconButton, { autoFocus: true, bare: true, icon: "fa-close", size: "medium", onClick: close, color: "primary" })] }), _jsx(ListDivider, {})] }), _jsx(BaseView, { jss: styles.content, children: children })] }));
43
- };
44
- const DialogContext = React.createContext({
45
- setDialog: () => { },
46
- });
47
- export function DialogProvider({ children }) {
48
- const [dialog, setDialog] = useState(null);
49
- const value = useMemo(() => ({ setDialog }), []);
50
- return (_jsxs(DialogContext.Provider, { value: value, children: [dialog, children] }));
51
- }
52
- export function useDialog(DialogComponent, options) {
53
- const { setDialog } = useContext(DialogContext);
54
- const dialogRef = useRef(null);
55
- const activeElementRef = useRef(null);
56
- const closeRef = useRef(null);
57
- closeRef.current = () => {
58
- dialogRef.current && dialogRef.current.close();
59
- activeElementRef.current && activeElementRef.current.focus();
60
- dialogRef.current = null;
61
- activeElementRef.current = null;
62
- setDialog(null);
63
- };
64
- const open = (input) => {
65
- activeElementRef.current = document.activeElement;
66
- setDialog(_jsx("dialog", { ref: (ref) => {
67
- dialogRef.current = ref;
68
- ref && ref.showModal();
69
- }, className: toClassnames(styles.dialog), onClose: () => {
70
- closeRef.current();
71
- }, onClick: (e) => {
72
- if (dialogRef.current == null) {
73
- return;
74
- }
75
- const dialogDimensions = dialogRef.current.getBoundingClientRect();
76
- if (options.closeOnOutsideClick === false) {
77
- return;
78
- }
79
- if (e.clientX < dialogDimensions.left ||
80
- e.clientX > dialogDimensions.right ||
81
- e.clientY > dialogDimensions.bottom ||
82
- e.clientY < dialogDimensions.top) {
83
- dialogRef.current.close();
84
- }
85
- }, children: _jsx(DialogComponent, { ...input, close: () => closeRef.current() }) }));
86
- };
87
- return {
88
- open,
89
- close: () => closeRef.current(),
90
- };
91
- }
92
- //# sourceMappingURL=Dialog.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"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"}
@@ -1,14 +0,0 @@
1
- import { Gap, JSS, Padding, Size } from "./jss";
2
- export declare function Dropdown<T extends string | number>({ id: propId, label, options, selection, setSelection, jss, jssButton, optionLabel, padding, size, gap, }: {
3
- id?: string;
4
- label: string;
5
- options: Set<T>;
6
- setSelection: (selection: T) => void;
7
- selection: T;
8
- jss?: JSS;
9
- jssButton?: JSS;
10
- optionLabel: (option: T) => string;
11
- padding?: Padding;
12
- gap?: Gap;
13
- size?: Size;
14
- }): import("react/jsx-runtime").JSX.Element;
package/dist/Dropdown.js DELETED
@@ -1,65 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useEffect, useId, useRef, useState } from "react";
3
- import { BaseView } from "./BaseView";
4
- import { Button } from "./Button";
5
- import { Column } from "./Column";
6
- import { useNavigation } from "./useNavigation";
7
- import { useRefEffect } from "./useRefEffect";
8
- import { getBackground } from "./jss";
9
- const styles = {
10
- root: {
11
- position: "relative",
12
- display: "flex",
13
- justifyContent: "center",
14
- alignItems: "stretch",
15
- flexGrow: 1,
16
- },
17
- button: {
18
- flexGrow: 1,
19
- },
20
- dropdown: {
21
- position: "absolute",
22
- top: "100%",
23
- left: 0,
24
- right: 0,
25
- borderRadius: "var(--border-radius-m)",
26
- boxShadow: "var(--shadow-sm)",
27
- zIndex: 1,
28
- },
29
- };
30
- export function Dropdown({ id: propId, label, options, selection, setSelection, jss, jssButton, optionLabel, padding, size, gap = "medium", }) {
31
- const hookId = useId();
32
- const id = propId ?? hookId;
33
- const triggerRef = useRef(null);
34
- const [expanded, setExpanded] = useState(false);
35
- const dropdownRef = useNavigation({ autofocus: true });
36
- const rootRef = useRefEffect((root) => {
37
- const onKeyDown = (e) => {
38
- if (e.code === "Escape") {
39
- setExpanded(false);
40
- }
41
- };
42
- root.addEventListener("keydown", onKeyDown);
43
- return () => root.removeEventListener("keydown", onKeyDown);
44
- });
45
- useEffect(() => {
46
- if (!expanded) {
47
- triggerRef.current && triggerRef.current.focus();
48
- }
49
- }, [expanded]);
50
- return (_jsxs(BaseView, { ref: rootRef, jss: [styles.root, jss], children: [_jsx(Button, { size: size, padding: padding, "aria-expanded": expanded ? "true" : "false", "aria-controls": id, "aria-haspopup": "true", "aria-label": label, role: "combobox", justify: "space-between", tabIndex: 0, jss: [styles.button, jssButton], color: "positive", icon: "fa-chevron-down", iconPosition: "right", onClick: () => {
51
- setExpanded((x) => !x);
52
- }, ref: triggerRef, children: optionLabel(selection) }), expanded && (_jsx(Column, { gap: gap, jss: [styles.dropdown, getBackground("secondary-background")], id: id, role: "listbox", "aria-label": label, tabIndex: -1, ref: dropdownRef, onBlur: (e) => {
53
- if (!e.currentTarget.contains(e.relatedTarget)) {
54
- setExpanded(false);
55
- }
56
- }, children: Array.from(options).map((option, index) => {
57
- const optionId = `${id}-${index}`;
58
- const selected = option === selection;
59
- return (_jsx(Button, { size: size, padding: padding, justify: selected ? "space-between" : "flex-start", align: "center", bare: true, iconPosition: "right", icon: selected ? "fa-check" : undefined, role: "option", id: optionId, "aria-selected": selected ? "true" : "false", color: "positive", onClick: () => {
60
- setSelection(option);
61
- setExpanded(false);
62
- }, children: optionLabel(option) }, optionId));
63
- }) }))] }));
64
- }
65
- //# sourceMappingURL=Dropdown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":"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"}
package/dist/Emitter.d.ts DELETED
@@ -1,6 +0,0 @@
1
- export type Callback<Value> = (value: Value) => void;
2
- export type Subscribe<Value> = (callback: Callback<Value>) => () => void;
3
- export declare function createEmitter<Value>(): {
4
- subscribe: Subscribe<Value>;
5
- emit: (value: Value) => void;
6
- };
package/dist/Emitter.js DELETED
@@ -1,19 +0,0 @@
1
- export function createEmitter() {
2
- const subscriptions = new Set();
3
- const subscribe = (callback) => {
4
- subscriptions.add(callback);
5
- return () => {
6
- subscriptions.delete(callback);
7
- };
8
- };
9
- const emit = (value) => {
10
- subscriptions.forEach((subscription) => {
11
- subscription(value);
12
- });
13
- };
14
- return {
15
- subscribe,
16
- emit,
17
- };
18
- }
19
- //# sourceMappingURL=Emitter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Emitter.js","sourceRoot":"","sources":["../src/Emitter.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,aAAa;IAC3B,MAAM,aAAa,GAAG,IAAI,GAAG,EAAmB,CAAC;IAEjD,MAAM,SAAS,GAAqB,CAAC,QAAyB,EAAE,EAAE;QAChE,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,CAAC,KAAY,EAAE,EAAE;QAC5B,aAAa,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,EAAE;YACrC,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,SAAS;QACT,IAAI;KACL,CAAC;AACJ,CAAC"}
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- import { BaseViewProps } from "./BaseView";
3
- import { Justify, Gap, Align, Padding, FlexDirection } from "./jss";
4
- export interface FlexLayoutProps extends BaseViewProps {
5
- justify?: Justify;
6
- gap?: Gap;
7
- align?: Align;
8
- padding?: Padding;
9
- direction?: FlexDirection;
10
- }
11
- export declare const FlexLayout: React.ForwardRefExoticComponent<Omit<FlexLayoutProps, "ref"> & React.RefAttributes<HTMLElement>>;
@@ -1,18 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from "react";
3
- import { BaseView } from "./BaseView";
4
- import { getPadding, getSpacing, } from "./jss";
5
- export const FlexLayout = React.forwardRef(({ jss, gap = "none", justify = "none", align = "none", padding = "none", direction = "column", ...otherProps }, ref) => {
6
- return (_jsx(BaseView, { ref: ref, jss: [
7
- {
8
- display: "flex",
9
- flexDirection: direction,
10
- gap: getSpacing(gap),
11
- justifyContent: justify,
12
- alignItems: align,
13
- },
14
- getPadding(padding),
15
- jss,
16
- ], ...otherProps }));
17
- });
18
- //# sourceMappingURL=FlexLayout.js.map