@mindlogic-ai/logician-ui 5.0.0-alpha.1 → 5.0.0-alpha.11

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 (433) hide show
  1. package/dist/components/Avatar/Avatar.d.ts +68 -11
  2. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  3. package/dist/components/Avatar/Avatar.js +38 -5
  4. package/dist/components/Avatar/Avatar.js.map +1 -1
  5. package/dist/components/Avatar/Avatar.mjs +37 -5
  6. package/dist/components/Avatar/Avatar.mjs.map +1 -1
  7. package/dist/components/Avatar/index.d.ts +2 -2
  8. package/dist/components/Avatar/index.d.ts.map +1 -1
  9. package/dist/components/Badge/Badge.d.ts.map +1 -1
  10. package/dist/components/Badge/Badge.js +5 -3
  11. package/dist/components/Badge/Badge.js.map +1 -1
  12. package/dist/components/Badge/Badge.mjs +5 -3
  13. package/dist/components/Badge/Badge.mjs.map +1 -1
  14. package/dist/components/Badge/Badge.types.d.ts +7 -5
  15. package/dist/components/Badge/Badge.types.d.ts.map +1 -1
  16. package/dist/components/Banner/Banner.types.d.ts +24 -1
  17. package/dist/components/Banner/Banner.types.d.ts.map +1 -1
  18. package/dist/components/BottomSheet/BottomSheet.styles.d.ts +2 -2
  19. package/dist/components/Button/Button.d.ts.map +1 -1
  20. package/dist/components/Button/Button.js +10 -2
  21. package/dist/components/Button/Button.js.map +1 -1
  22. package/dist/components/Button/Button.mjs +10 -2
  23. package/dist/components/Button/Button.mjs.map +1 -1
  24. package/dist/components/Card/Card.types.d.ts +12 -0
  25. package/dist/components/Card/Card.types.d.ts.map +1 -1
  26. package/dist/components/ColorMode/ColorModeToggle.d.ts +7 -2
  27. package/dist/components/ColorMode/ColorModeToggle.d.ts.map +1 -1
  28. package/dist/components/ColorMode/ColorModeToggle.js +8 -3
  29. package/dist/components/ColorMode/ColorModeToggle.js.map +1 -1
  30. package/dist/components/ColorMode/ColorModeToggle.mjs +8 -3
  31. package/dist/components/ColorMode/ColorModeToggle.mjs.map +1 -1
  32. package/dist/components/Confetti/Confetti.types.d.ts +5 -1
  33. package/dist/components/Confetti/Confetti.types.d.ts.map +1 -1
  34. package/dist/components/Confetti/confettiColors.d.ts +5 -5
  35. package/dist/components/Confetti/confettiColors.js +5 -5
  36. package/dist/components/Confetti/confettiColors.mjs +5 -5
  37. package/dist/components/ErrorFallback/ErrorFallback.types.d.ts +6 -0
  38. package/dist/components/ErrorFallback/ErrorFallback.types.d.ts.map +1 -1
  39. package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts +1 -1
  40. package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts.map +1 -1
  41. package/dist/components/Form/FormModalFooter/FormModalFooter.js +2 -2
  42. package/dist/components/Form/FormModalFooter/FormModalFooter.js.map +1 -1
  43. package/dist/components/Form/FormModalFooter/FormModalFooter.mjs +2 -2
  44. package/dist/components/Form/FormModalFooter/FormModalFooter.mjs.map +1 -1
  45. package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts +11 -1
  46. package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts.map +1 -1
  47. package/dist/components/Form/FormSection/CollapsibleFormSection.js +1 -0
  48. package/dist/components/Form/FormSection/CollapsibleFormSection.js.map +1 -1
  49. package/dist/components/Form/FormSection/CollapsibleFormSection.mjs +1 -0
  50. package/dist/components/Form/FormSection/CollapsibleFormSection.mjs.map +1 -1
  51. package/dist/components/LineGraph/LineGraph.d.ts.map +1 -1
  52. package/dist/components/LineGraph/LineGraph.js +4 -5
  53. package/dist/components/LineGraph/LineGraph.js.map +1 -1
  54. package/dist/components/LineGraph/LineGraph.mjs +5 -6
  55. package/dist/components/LineGraph/LineGraph.mjs.map +1 -1
  56. package/dist/components/LineGraph/LineGraph.types.d.ts +12 -2
  57. package/dist/components/LineGraph/LineGraph.types.d.ts.map +1 -1
  58. package/dist/components/LineGraph/seriesColors.d.ts +12 -6
  59. package/dist/components/LineGraph/seriesColors.d.ts.map +1 -1
  60. package/dist/components/LineGraph/seriesColors.js +8 -7
  61. package/dist/components/LineGraph/seriesColors.js.map +1 -1
  62. package/dist/components/LineGraph/seriesColors.mjs +8 -7
  63. package/dist/components/LineGraph/seriesColors.mjs.map +1 -1
  64. package/dist/components/Masonry/Masonry.types.d.ts +8 -3
  65. package/dist/components/Masonry/Masonry.types.d.ts.map +1 -1
  66. package/dist/components/Menu/MenuItem.types.d.ts +8 -0
  67. package/dist/components/Menu/MenuItem.types.d.ts.map +1 -1
  68. package/dist/components/Modal/ModalCloseButton.d.ts +1 -1
  69. package/dist/components/Modal/ModalCloseButton.js +1 -1
  70. package/dist/components/Modal/ModalCloseButton.mjs +1 -1
  71. package/dist/components/Pagination/Pagination.d.ts +11 -10
  72. package/dist/components/Pagination/Pagination.d.ts.map +1 -1
  73. package/dist/components/Pagination/Pagination.js +11 -10
  74. package/dist/components/Pagination/Pagination.js.map +1 -1
  75. package/dist/components/Pagination/Pagination.mjs +11 -10
  76. package/dist/components/Pagination/Pagination.mjs.map +1 -1
  77. package/dist/components/ProgressBar/ProgressBar.types.d.ts +9 -0
  78. package/dist/components/ProgressBar/ProgressBar.types.d.ts.map +1 -1
  79. package/dist/components/RadialProgress/RadialProgress.types.d.ts +21 -1
  80. package/dist/components/RadialProgress/RadialProgress.types.d.ts.map +1 -1
  81. package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts +8 -0
  82. package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts.map +1 -1
  83. package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  84. package/dist/components/SegmentedControl/SegmentedControl.js +6 -7
  85. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  86. package/dist/components/SegmentedControl/SegmentedControl.mjs +6 -7
  87. package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
  88. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.types.d.ts +2 -0
  89. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.types.d.ts.map +1 -1
  90. package/dist/components/Select/Select.d.ts +5 -1
  91. package/dist/components/Select/Select.d.ts.map +1 -1
  92. package/dist/components/Select/Select.js +2 -2
  93. package/dist/components/Select/Select.js.map +1 -1
  94. package/dist/components/Select/Select.mjs +3 -3
  95. package/dist/components/Select/Select.mjs.map +1 -1
  96. package/dist/components/Select/Select.styles.d.ts +38 -0
  97. package/dist/components/Select/Select.styles.d.ts.map +1 -1
  98. package/dist/components/Select/Select.styles.js +40 -0
  99. package/dist/components/Select/Select.styles.js.map +1 -1
  100. package/dist/components/Select/Select.styles.mjs +40 -2
  101. package/dist/components/Select/Select.styles.mjs.map +1 -1
  102. package/dist/components/Select/Select.types.d.ts +10 -0
  103. package/dist/components/Select/Select.types.d.ts.map +1 -1
  104. package/dist/components/Select/SelectField.d.ts +1 -1
  105. package/dist/components/Select/SelectField.d.ts.map +1 -1
  106. package/dist/components/Select/SelectField.js +3 -2
  107. package/dist/components/Select/SelectField.js.map +1 -1
  108. package/dist/components/Select/SelectField.mjs +3 -2
  109. package/dist/components/Select/SelectField.mjs.map +1 -1
  110. package/dist/components/Select/index.d.ts +1 -0
  111. package/dist/components/Select/index.d.ts.map +1 -1
  112. package/dist/components/Toast/Toast.styles.d.ts +6 -2
  113. package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
  114. package/dist/components/Toast/Toast.styles.js +18 -10
  115. package/dist/components/Toast/Toast.styles.js.map +1 -1
  116. package/dist/components/Toast/Toast.styles.mjs +18 -10
  117. package/dist/components/Toast/Toast.styles.mjs.map +1 -1
  118. package/dist/components/Typography/Caption.d.ts.map +1 -1
  119. package/dist/components/Typography/Caption.js +1 -1
  120. package/dist/components/Typography/Caption.js.map +1 -1
  121. package/dist/components/Typography/Caption.mjs +1 -1
  122. package/dist/components/Typography/Caption.mjs.map +1 -1
  123. package/dist/components/Typography/H1.d.ts.map +1 -1
  124. package/dist/components/Typography/H1.js +1 -1
  125. package/dist/components/Typography/H1.js.map +1 -1
  126. package/dist/components/Typography/H1.mjs +1 -1
  127. package/dist/components/Typography/H1.mjs.map +1 -1
  128. package/dist/components/Typography/H2.d.ts.map +1 -1
  129. package/dist/components/Typography/H2.js +1 -1
  130. package/dist/components/Typography/H2.js.map +1 -1
  131. package/dist/components/Typography/H2.mjs +1 -1
  132. package/dist/components/Typography/H2.mjs.map +1 -1
  133. package/dist/components/Typography/H3.d.ts.map +1 -1
  134. package/dist/components/Typography/H3.js +1 -1
  135. package/dist/components/Typography/H3.js.map +1 -1
  136. package/dist/components/Typography/H3.mjs +1 -1
  137. package/dist/components/Typography/H3.mjs.map +1 -1
  138. package/dist/components/Typography/H4.d.ts.map +1 -1
  139. package/dist/components/Typography/H4.js +1 -1
  140. package/dist/components/Typography/H4.js.map +1 -1
  141. package/dist/components/Typography/H4.mjs +1 -1
  142. package/dist/components/Typography/H4.mjs.map +1 -1
  143. package/dist/components/Typography/H5.d.ts.map +1 -1
  144. package/dist/components/Typography/H5.js +1 -1
  145. package/dist/components/Typography/H5.js.map +1 -1
  146. package/dist/components/Typography/H5.mjs +1 -1
  147. package/dist/components/Typography/H5.mjs.map +1 -1
  148. package/dist/components/Typography/Link.d.ts.map +1 -1
  149. package/dist/components/Typography/Link.js +1 -1
  150. package/dist/components/Typography/Link.js.map +1 -1
  151. package/dist/components/Typography/Link.mjs +1 -1
  152. package/dist/components/Typography/Link.mjs.map +1 -1
  153. package/dist/components/Typography/Overline.d.ts.map +1 -1
  154. package/dist/components/Typography/Overline.js +1 -1
  155. package/dist/components/Typography/Overline.js.map +1 -1
  156. package/dist/components/Typography/Overline.mjs +1 -1
  157. package/dist/components/Typography/Overline.mjs.map +1 -1
  158. package/dist/components/Typography/Subtext.d.ts.map +1 -1
  159. package/dist/components/Typography/Subtext.js +1 -1
  160. package/dist/components/Typography/Subtext.js.map +1 -1
  161. package/dist/components/Typography/Subtext.mjs +1 -1
  162. package/dist/components/Typography/Subtext.mjs.map +1 -1
  163. package/dist/components/Typography/Subtitle.d.ts.map +1 -1
  164. package/dist/components/Typography/Subtitle.js +1 -1
  165. package/dist/components/Typography/Subtitle.js.map +1 -1
  166. package/dist/components/Typography/Subtitle.mjs +1 -1
  167. package/dist/components/Typography/Subtitle.mjs.map +1 -1
  168. package/dist/components/Typography/Text.d.ts.map +1 -1
  169. package/dist/components/Typography/Text.js +1 -1
  170. package/dist/components/Typography/Text.js.map +1 -1
  171. package/dist/components/Typography/Text.mjs +1 -1
  172. package/dist/components/Typography/Text.mjs.map +1 -1
  173. package/dist/hooks/useLanguage.d.ts +5 -0
  174. package/dist/hooks/useLanguage.d.ts.map +1 -1
  175. package/dist/hooks/useLanguage.js +7 -3
  176. package/dist/hooks/useLanguage.js.map +1 -1
  177. package/dist/hooks/useLanguage.mjs +7 -4
  178. package/dist/hooks/useLanguage.mjs.map +1 -1
  179. package/dist/hooks/useTranslate.d.ts.map +1 -1
  180. package/dist/hooks/useTranslate.js +8 -5
  181. package/dist/hooks/useTranslate.js.map +1 -1
  182. package/dist/hooks/useTranslate.mjs +8 -5
  183. package/dist/hooks/useTranslate.mjs.map +1 -1
  184. package/dist/index.js +1 -0
  185. package/dist/index.js.map +1 -1
  186. package/dist/index.mjs +1 -1
  187. package/dist/theme/colors.d.ts +2 -2
  188. package/dist/theme/colors.d.ts.map +1 -1
  189. package/dist/theme/colors.js +37 -2
  190. package/dist/theme/colors.js.map +1 -1
  191. package/dist/theme/colors.mjs +38 -3
  192. package/dist/theme/colors.mjs.map +1 -1
  193. package/dist/theme/global.d.ts.map +1 -1
  194. package/dist/theme/global.js +18 -0
  195. package/dist/theme/global.js.map +1 -1
  196. package/dist/theme/global.mjs +18 -0
  197. package/dist/theme/global.mjs.map +1 -1
  198. package/dist/theme/index.d.ts.map +1 -1
  199. package/dist/theme/index.js +2 -0
  200. package/dist/theme/index.js.map +1 -1
  201. package/dist/theme/index.mjs +2 -0
  202. package/dist/theme/index.mjs.map +1 -1
  203. package/dist/theme/palette.generated.d.ts +106 -0
  204. package/dist/theme/palette.generated.d.ts.map +1 -1
  205. package/dist/theme/palette.generated.js +107 -0
  206. package/dist/theme/palette.generated.js.map +1 -1
  207. package/dist/theme/palette.generated.mjs +107 -1
  208. package/dist/theme/palette.generated.mjs.map +1 -1
  209. package/dist/theme/paletteSwatches.d.ts +20 -0
  210. package/dist/theme/paletteSwatches.d.ts.map +1 -1
  211. package/dist/theme/recipes/avatar.d.ts +30 -0
  212. package/dist/theme/recipes/avatar.d.ts.map +1 -0
  213. package/dist/theme/recipes/avatar.js +96 -0
  214. package/dist/theme/recipes/avatar.js.map +1 -0
  215. package/dist/theme/recipes/avatar.mjs +94 -0
  216. package/dist/theme/recipes/avatar.mjs.map +1 -0
  217. package/dist/translations/Defaults.translations.json.js +9 -0
  218. package/dist/translations/Defaults.translations.json.js.map +1 -1
  219. package/dist/translations/Defaults.translations.json.mjs +9 -1
  220. package/dist/translations/Defaults.translations.json.mjs.map +1 -1
  221. package/dist/utils/disabledControl.d.ts +8 -1
  222. package/dist/utils/disabledControl.d.ts.map +1 -1
  223. package/dist/utils/disabledControl.js +8 -1
  224. package/dist/utils/disabledControl.js.map +1 -1
  225. package/dist/utils/disabledControl.mjs +8 -1
  226. package/dist/utils/disabledControl.mjs.map +1 -1
  227. package/package.json +1 -1
  228. package/src/components/Accordion/Accordion.stories.tsx +85 -0
  229. package/src/components/Accordion/Accordion.usage.mdx +200 -0
  230. package/src/components/Appear/Appear.usage.mdx +107 -0
  231. package/src/components/Avatar/Avatar.recipe.test.tsx +171 -0
  232. package/src/components/Avatar/Avatar.stories.tsx +199 -24
  233. package/src/components/Avatar/Avatar.tsx +112 -21
  234. package/src/components/Avatar/Avatar.usage.mdx +185 -0
  235. package/src/components/Avatar/index.tsx +8 -1
  236. package/src/components/Badge/Badge.stories.tsx +193 -3
  237. package/src/components/Badge/Badge.tsx +5 -3
  238. package/src/components/Badge/Badge.types.ts +7 -5
  239. package/src/components/Badge/Badge.usage.mdx +265 -0
  240. package/src/components/Banner/Banner.stories.tsx +152 -2
  241. package/src/components/Banner/Banner.types.ts +30 -1
  242. package/src/components/Banner/Banner.usage.mdx +233 -0
  243. package/src/components/BottomSheet/BottomSheet.stories.tsx +168 -1
  244. package/src/components/BottomSheet/BottomSheet.test.tsx +2 -1
  245. package/src/components/BottomSheet/BottomSheet.usage.mdx +216 -0
  246. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +59 -0
  247. package/src/components/Breadcrumb/Breadcrumb.usage.mdx +181 -0
  248. package/src/components/Button/Button.stories.tsx +267 -3
  249. package/src/components/Button/Button.tsx +15 -2
  250. package/src/components/Button/Button.usage.mdx +344 -0
  251. package/src/components/Button/Button.variants.test.tsx +13 -1
  252. package/src/components/Card/Card.stories.tsx +106 -0
  253. package/src/components/Card/Card.types.ts +12 -0
  254. package/src/components/Card/Card.usage.mdx +216 -0
  255. package/src/components/Checkbox/Checkbox.stories.tsx +140 -13
  256. package/src/components/Checkbox/Checkbox.usage.mdx +214 -0
  257. package/src/components/Chip/Chip.usage.mdx +78 -0
  258. package/src/components/Code/Code.stories.tsx +60 -0
  259. package/src/components/Code/Code.usage.mdx +187 -0
  260. package/src/components/CodeTabs/CodeTabs.stories.tsx +53 -0
  261. package/src/components/CodeTabs/CodeTabs.usage.mdx +176 -0
  262. package/src/components/Collapsible/Collapsible.stories.tsx +58 -0
  263. package/src/components/Collapsible/Collapsible.usage.mdx +173 -0
  264. package/src/components/ColorMode/ColorMode.stories.tsx +50 -0
  265. package/src/components/ColorMode/ColorMode.usage.mdx +135 -0
  266. package/src/components/ColorMode/ColorModeToggle.tsx +10 -3
  267. package/src/components/Confetti/Confetti.types.ts +5 -1
  268. package/src/components/Confetti/Confetti.usage.mdx +111 -0
  269. package/src/components/Confetti/confettiColors.ts +5 -5
  270. package/src/components/Container/Container.stories.tsx +32 -0
  271. package/src/components/Container/Container.usage.mdx +130 -0
  272. package/src/components/CopyableCode/CopyableCode.stories.tsx +62 -0
  273. package/src/components/CopyableCode/CopyableCode.usage.mdx +168 -0
  274. package/src/components/CountBadge/CountBadge.stories.tsx +69 -0
  275. package/src/components/CountBadge/CountBadge.usage.mdx +215 -0
  276. package/src/components/CountUp/CountUp.usage.mdx +107 -0
  277. package/src/components/DatePicker/DatePicker.usage.mdx +177 -0
  278. package/src/components/DatePicker/RangeDatePicker.stories.tsx +87 -3
  279. package/src/components/ErrorFallback/ErrorFallback.types.ts +6 -0
  280. package/src/components/ErrorFallback/ErrorFallback.usage.mdx +127 -0
  281. package/src/components/ExpandableText/ExpandableText.stories.tsx +55 -0
  282. package/src/components/ExpandableText/ExpandableText.usage.mdx +176 -0
  283. package/src/components/FileInput/FileInput.stories.tsx +38 -1
  284. package/src/components/FileInput/FileInput.usage.mdx +178 -0
  285. package/src/components/FileItem/FileItem.stories.tsx +71 -0
  286. package/src/components/FileItem/FileItem.usage.mdx +180 -0
  287. package/src/components/FileList/FileList.stories.tsx +25 -0
  288. package/src/components/FileList/FileList.usage.mdx +165 -0
  289. package/src/components/FlyTo/FlyTo.usage.mdx +99 -0
  290. package/src/components/Form/Form.stories.tsx +149 -0
  291. package/src/components/Form/Form.usage.mdx +203 -0
  292. package/src/components/Form/FormModalFooter/FormModalFooter.stories.tsx +1 -1
  293. package/src/components/Form/FormModalFooter/FormModalFooter.test.tsx +19 -1
  294. package/src/components/Form/FormModalFooter/FormModalFooter.tsx +2 -0
  295. package/src/components/Form/FormModalFooter/FormModalFooter.types.ts +11 -1
  296. package/src/components/FormControl/FormControl.stories.tsx +35 -0
  297. package/src/components/FormControl/FormControl.usage.mdx +128 -0
  298. package/src/components/FormIntegration/FormIntegration.usage.mdx +158 -0
  299. package/src/components/FormLabel/FormLabel.stories.tsx +71 -0
  300. package/src/components/FormLabel/FormLabel.usage.mdx +125 -0
  301. package/src/components/Icon/Icon.stories.tsx +61 -1
  302. package/src/components/Icon/Icon.usage.mdx +158 -0
  303. package/src/components/IconButton/IconButton.stories.tsx +213 -5
  304. package/src/components/IconButton/IconButton.usage.mdx +275 -0
  305. package/src/components/InfoSprinkle/InfoSprinkle.stories.tsx +77 -1
  306. package/src/components/InfoSprinkle/InfoSprinkle.usage.mdx +189 -0
  307. package/src/components/InlineCode/InlineCode.stories.tsx +75 -0
  308. package/src/components/InlineCode/InlineCode.usage.mdx +142 -0
  309. package/src/components/Input/Input.stories.tsx +180 -0
  310. package/src/components/Input/Input.usage.mdx +278 -0
  311. package/src/components/LineGraph/LineGraph.stories.tsx +112 -0
  312. package/src/components/LineGraph/LineGraph.tsx +4 -5
  313. package/src/components/LineGraph/LineGraph.types.ts +12 -2
  314. package/src/components/LineGraph/LineGraph.usage.mdx +186 -0
  315. package/src/components/LineGraph/seriesColors.test.ts +11 -10
  316. package/src/components/LineGraph/seriesColors.ts +18 -14
  317. package/src/components/Loaders/Loaders.stories.tsx +93 -0
  318. package/src/components/Loaders/Loaders.usage.mdx +180 -0
  319. package/src/components/LogicianProvider/LogicianProvider.usage.mdx +98 -0
  320. package/src/components/Markdown/Markdown.stories.tsx +53 -0
  321. package/src/components/Markdown/Markdown.usage.mdx +182 -0
  322. package/src/components/Masonry/Masonry.stories.tsx +63 -1
  323. package/src/components/Masonry/Masonry.types.ts +8 -3
  324. package/src/components/Masonry/Masonry.usage.mdx +142 -0
  325. package/src/components/MaxLengthIndicator/MaxLengthIndicator.stories.tsx +57 -0
  326. package/src/components/MaxLengthIndicator/MaxLengthIndicator.usage.mdx +125 -0
  327. package/src/components/Menu/Menu.stories.tsx +146 -2
  328. package/src/components/Menu/Menu.usage.mdx +230 -0
  329. package/src/components/Menu/MenuItem.types.ts +8 -0
  330. package/src/components/Modal/Modal.stories.tsx +177 -1
  331. package/src/components/Modal/Modal.usage.mdx +262 -0
  332. package/src/components/Modal/ModalCloseButton.tsx +1 -1
  333. package/src/components/MonthPicker/MonthPicker.stories.tsx +30 -0
  334. package/src/components/MonthPicker/MonthPicker.usage.mdx +191 -0
  335. package/src/components/Pagination/Pagination.stories.tsx +90 -1
  336. package/src/components/Pagination/Pagination.tsx +11 -10
  337. package/src/components/Pagination/Pagination.usage.mdx +186 -0
  338. package/src/components/PasswordInput/PasswordInput.stories.tsx +51 -0
  339. package/src/components/PasswordInput/PasswordInput.usage.mdx +193 -0
  340. package/src/components/PinInput/PinInput.stories.tsx +91 -0
  341. package/src/components/PinInput/PinInput.usage.mdx +194 -0
  342. package/src/components/Popover/Popover.stories.tsx +104 -1
  343. package/src/components/Popover/Popover.usage.mdx +197 -0
  344. package/src/components/ProgressBar/ProgressBar.stories.tsx +92 -1
  345. package/src/components/ProgressBar/ProgressBar.types.ts +9 -0
  346. package/src/components/ProgressBar/ProgressBar.usage.mdx +210 -0
  347. package/src/components/Pulse/Pulse.usage.mdx +102 -0
  348. package/src/components/RadialProgress/RadialProgress.stories.tsx +74 -1
  349. package/src/components/RadialProgress/RadialProgress.types.ts +21 -1
  350. package/src/components/RadialProgress/RadialProgress.usage.mdx +153 -0
  351. package/src/components/Radio/Radio.stories.tsx +119 -0
  352. package/src/components/Radio/Radio.usage.mdx +187 -0
  353. package/src/components/Reveal/Reveal.usage.mdx +105 -0
  354. package/src/components/ScaledContext/ScaledContext.usage.mdx +111 -0
  355. package/src/components/SeeMoreButton/SeeMoreButton.stories.tsx +146 -2
  356. package/src/components/SeeMoreButton/SeeMoreButton.types.ts +8 -0
  357. package/src/components/SeeMoreButton/SeeMoreButton.usage.mdx +213 -0
  358. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +69 -0
  359. package/src/components/SegmentedControl/SegmentedControl.tsx +6 -7
  360. package/src/components/SegmentedControl/SegmentedControl.usage.mdx +209 -0
  361. package/src/components/SegmentedProgressBar/SegmentedProgressBar.stories.tsx +54 -0
  362. package/src/components/SegmentedProgressBar/SegmentedProgressBar.types.ts +2 -0
  363. package/src/components/SegmentedProgressBar/SegmentedProgressBar.usage.mdx +145 -0
  364. package/src/components/Select/Comparison.stories.tsx +19 -0
  365. package/src/components/Select/Select.stories.tsx +264 -1
  366. package/src/components/Select/Select.styles.ts +41 -1
  367. package/src/components/Select/Select.tsx +13 -3
  368. package/src/components/Select/Select.types.ts +11 -0
  369. package/src/components/Select/Select.usage.mdx +278 -0
  370. package/src/components/Select/SelectField.tsx +7 -3
  371. package/src/components/Select/index.ts +1 -0
  372. package/src/components/Shake/Shake.usage.mdx +107 -0
  373. package/src/components/Slider/Slider.stories.tsx +116 -0
  374. package/src/components/Slider/Slider.usage.mdx +179 -0
  375. package/src/components/Spinner/Spinner.stories.tsx +64 -0
  376. package/src/components/Spinner/Spinner.usage.mdx +136 -0
  377. package/src/components/SwapTransition/SwapTransition.usage.mdx +102 -0
  378. package/src/components/Switch/Switch.stories.tsx +131 -6
  379. package/src/components/Switch/Switch.usage.mdx +199 -0
  380. package/src/components/Table/Table.stories.tsx +159 -1
  381. package/src/components/Table/Table.usage.mdx +235 -0
  382. package/src/components/Tabs/Tabs.stories.tsx +86 -0
  383. package/src/components/Tabs/Tabs.usage.mdx +219 -0
  384. package/src/components/Tag/Tag.stories.tsx +181 -4
  385. package/src/components/Tag/Tag.usage.mdx +257 -0
  386. package/src/components/Textarea/Textarea.stories.tsx +113 -0
  387. package/src/components/Textarea/Textarea.usage.mdx +186 -0
  388. package/src/components/Toast/Toast.stories.tsx +185 -3
  389. package/src/components/Toast/Toast.styles.ts +18 -10
  390. package/src/components/Toast/Toast.usage.mdx +265 -0
  391. package/src/components/Tooltip/Tooltip.stories.tsx +86 -1
  392. package/src/components/Tooltip/Tooltip.usage.mdx +211 -0
  393. package/src/components/Tree/Tree.stories.tsx +89 -0
  394. package/src/components/Tree/Tree.usage.mdx +207 -0
  395. package/src/components/Typography/Caption.tsx +0 -1
  396. package/src/components/Typography/H1.tsx +0 -1
  397. package/src/components/Typography/H2.tsx +0 -1
  398. package/src/components/Typography/H3.tsx +0 -1
  399. package/src/components/Typography/H4.tsx +0 -1
  400. package/src/components/Typography/H5.tsx +0 -1
  401. package/src/components/Typography/Link.tsx +0 -1
  402. package/src/components/Typography/Overline.tsx +0 -1
  403. package/src/components/Typography/Subtext.tsx +0 -1
  404. package/src/components/Typography/Subtitle.tsx +0 -1
  405. package/src/components/Typography/Text.tsx +0 -1
  406. package/src/components/Typography/Typography.stories.tsx +117 -0
  407. package/src/components/Typography/Typography.usage.mdx +257 -0
  408. package/src/components/Workflow/Workflow.usage.mdx +199 -0
  409. package/src/components/noRawScales.test.ts +5 -1
  410. package/src/foundations/BrandAssets.mdx +637 -0
  411. package/src/foundations/BrandAssets.stories.tsx +680 -0
  412. package/src/foundations/BrandColour.mdx +366 -0
  413. package/src/foundations/BrandColour.stories.tsx +343 -0
  414. package/src/guidelines/ComponentPageTemplate.mdx +84 -0
  415. package/src/guidelines/FeedbackActions.mdx +162 -23
  416. package/src/guidelines/_components/Lang.tsx +175 -0
  417. package/src/guidelines/_components/TokenTable.tsx +136 -0
  418. package/src/hooks/useLanguage.ts +8 -3
  419. package/src/hooks/useTranslate.test.tsx +46 -0
  420. package/src/hooks/useTranslate.ts +7 -5
  421. package/src/theme/BazePalette.stories.tsx +111 -1
  422. package/src/theme/Palette.stories.tsx +2 -2
  423. package/src/theme/SemanticTokens.mdx +87 -2
  424. package/src/theme/claude.md +16 -7
  425. package/src/theme/colors.ts +53 -7
  426. package/src/theme/contrast.test.ts +57 -0
  427. package/src/theme/global.ts +19 -0
  428. package/src/theme/index.ts +2 -0
  429. package/src/theme/palette.generated.ts +107 -0
  430. package/src/theme/paletteSwatches.ts +35 -0
  431. package/src/theme/recipes/avatar.ts +92 -0
  432. package/src/translations/Defaults.translations.json +7 -0
  433. package/src/utils/disabledControl.ts +8 -1
@@ -6,8 +6,13 @@ export interface ColorModeToggleProps extends Omit<IconButtonProps, 'children'>
6
6
  * A ready-made light/dark toggle button. Shared across products so each app
7
7
  * doesn't reinvent the control.
8
8
  *
9
- * Renders nothing until mounted on the client to avoid an SSR/CSR icon
10
- * mismatch (the resolved mode is only known after hydration).
9
+ * Shows the light-mode state (moon) until mounted on the client, to avoid an
10
+ * SSR/CSR icon mismatch (the resolved mode is only known after hydration).
11
+ * Toggles between `light` and `dark` only; to offer `system` as well, build a
12
+ * picker on `useColorMode().setColorMode`.
13
+ *
14
+ * The icon wrappers render as `<span>`: only phrasing content may sit inside
15
+ * a `<button>` (see ACCESSIBILITY.md §5).
11
16
  *
12
17
  * @example
13
18
  * ```tsx
@@ -1 +1 @@
1
- {"version":3,"file":"ColorModeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAIhF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,eAAe,EACf,UAAU,CACX;CAAG;AAEJ;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8C1D,CAAC"}
1
+ {"version":3,"file":"ColorModeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAIhF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,eAAe,EACf,UAAU,CACX;CAAG;AAEJ;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgD1D,CAAC"}
@@ -13,8 +13,13 @@ var useColorMode = require('./useColorMode.js');
13
13
  * A ready-made light/dark toggle button. Shared across products so each app
14
14
  * doesn't reinvent the control.
15
15
  *
16
- * Renders nothing until mounted on the client to avoid an SSR/CSR icon
17
- * mismatch (the resolved mode is only known after hydration).
16
+ * Shows the light-mode state (moon) until mounted on the client, to avoid an
17
+ * SSR/CSR icon mismatch (the resolved mode is only known after hydration).
18
+ * Toggles between `light` and `dark` only; to offer `system` as well, build a
19
+ * picker on `useColorMode().setColorMode`.
20
+ *
21
+ * The icon wrappers render as `<span>`: only phrasing content may sit inside
22
+ * a `<button>` (see ACCESSIBILITY.md §5).
18
23
  *
19
24
  * @example
20
25
  * ```tsx
@@ -28,7 +33,7 @@ const ColorModeToggle = ({ 'aria-label': ariaLabel = 'Toggle color mode', ...res
28
33
  setMounted(true);
29
34
  }, []);
30
35
  const isDark = mounted && colorMode === 'dark';
31
- return (jsxRuntime.jsx(IconButton.IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: jsxRuntime.jsxs(react.Box, { display: "grid", placeItems: "center", children: [jsxRuntime.jsx(react.Box, { gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 1 : 0, transform: isDark ? undefined : 'rotate(-90deg) scale(0.5)', animationStyle: "spring", transitionProperty: "opacity, transform", children: jsxRuntime.jsx(index.SunIcon, {}) }), jsxRuntime.jsx(react.Box, { gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 0 : 1, transform: isDark ? 'rotate(90deg) scale(0.5)' : undefined, animationStyle: "spring", transitionProperty: "opacity, transform", children: jsxRuntime.jsx(index.MoonIcon, {}) })] }) }));
36
+ return (jsxRuntime.jsx(IconButton.IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: jsxRuntime.jsxs(react.Box, { as: "span", display: "grid", placeItems: "center", children: [jsxRuntime.jsx(react.Box, { as: "span", gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 1 : 0, transform: isDark ? undefined : 'rotate(-90deg) scale(0.5)', animationStyle: "spring", transitionProperty: "opacity, transform", children: jsxRuntime.jsx(index.SunIcon, {}) }), jsxRuntime.jsx(react.Box, { as: "span", gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 0 : 1, transform: isDark ? 'rotate(90deg) scale(0.5)' : undefined, animationStyle: "spring", transitionProperty: "opacity, transform", children: jsxRuntime.jsx(index.MoonIcon, {}) })] }) }));
32
37
  };
33
38
  ColorModeToggle.displayName = 'ColorModeToggle';
34
39
 
@@ -1 +1 @@
1
- {"version":3,"file":"ColorModeToggle.js","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["useColorMode","useState","useEffect","_jsx","IconButton","_jsxs","Box","SunIcon","MoonIcon"],"mappings":";;;;;;;;;;;AAeA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAGA,yBAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAE7CC,eAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,MAAM,GAAG,OAAO,IAAI,SAAS,KAAK,MAAM;AAE9C,IAAA,QACEC,cAAA,CAACC,qBAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAMnEC,eAAA,CAACC,SAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrCH,cAAA,CAACG,SAAG,EAAA,EACF,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,2BAA2B,EAC3D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCH,cAAA,CAACI,aAAO,EAAA,EAAA,CAAG,EAAA,CACP,EACNJ,cAAA,CAACG,SAAG,EAAA,EACF,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,0BAA0B,GAAG,SAAS,EAC1D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCH,cAAA,CAACK,cAAQ,EAAA,EAAA,CAAG,EAAA,CACR,CAAA,EAAA,CACF,EAAA,CACK;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
1
+ {"version":3,"file":"ColorModeToggle.js","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["useColorMode","useState","useEffect","_jsx","IconButton","_jsxs","Box","SunIcon","MoonIcon"],"mappings":";;;;;;;;;;;AAeA;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAGA,yBAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAE7CC,eAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,MAAM,GAAG,OAAO,IAAI,SAAS,KAAK,MAAM;AAE9C,IAAA,QACEC,cAAA,CAACC,qBAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAMnEC,eAAA,CAACC,SAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC/CH,cAAA,CAACG,SAAG,EAAA,EACF,EAAE,EAAC,MAAM,EACT,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,2BAA2B,EAC3D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCH,cAAA,CAACI,aAAO,EAAA,EAAA,CAAG,EAAA,CACP,EACNJ,cAAA,CAACG,SAAG,IACF,EAAE,EAAC,MAAM,EACT,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,0BAA0B,GAAG,SAAS,EAC1D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCH,cAAA,CAACK,cAAQ,EAAA,EAAA,CAAG,EAAA,CACR,CAAA,EAAA,CACF,EAAA,CACK;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
@@ -11,8 +11,13 @@ import { useColorMode } from './useColorMode.mjs';
11
11
  * A ready-made light/dark toggle button. Shared across products so each app
12
12
  * doesn't reinvent the control.
13
13
  *
14
- * Renders nothing until mounted on the client to avoid an SSR/CSR icon
15
- * mismatch (the resolved mode is only known after hydration).
14
+ * Shows the light-mode state (moon) until mounted on the client, to avoid an
15
+ * SSR/CSR icon mismatch (the resolved mode is only known after hydration).
16
+ * Toggles between `light` and `dark` only; to offer `system` as well, build a
17
+ * picker on `useColorMode().setColorMode`.
18
+ *
19
+ * The icon wrappers render as `<span>`: only phrasing content may sit inside
20
+ * a `<button>` (see ACCESSIBILITY.md §5).
16
21
  *
17
22
  * @example
18
23
  * ```tsx
@@ -26,7 +31,7 @@ const ColorModeToggle = ({ 'aria-label': ariaLabel = 'Toggle color mode', ...res
26
31
  setMounted(true);
27
32
  }, []);
28
33
  const isDark = mounted && colorMode === 'dark';
29
- return (jsx(IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: jsxs(Box, { display: "grid", placeItems: "center", children: [jsx(Box, { gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 1 : 0, transform: isDark ? undefined : 'rotate(-90deg) scale(0.5)', animationStyle: "spring", transitionProperty: "opacity, transform", children: jsx(SunIcon, {}) }), jsx(Box, { gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 0 : 1, transform: isDark ? 'rotate(90deg) scale(0.5)' : undefined, animationStyle: "spring", transitionProperty: "opacity, transform", children: jsx(MoonIcon, {}) })] }) }));
34
+ return (jsx(IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: jsxs(Box, { as: "span", display: "grid", placeItems: "center", children: [jsx(Box, { as: "span", gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 1 : 0, transform: isDark ? undefined : 'rotate(-90deg) scale(0.5)', animationStyle: "spring", transitionProperty: "opacity, transform", children: jsx(SunIcon, {}) }), jsx(Box, { as: "span", gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 0 : 1, transform: isDark ? 'rotate(90deg) scale(0.5)' : undefined, animationStyle: "spring", transitionProperty: "opacity, transform", children: jsx(MoonIcon, {}) })] }) }));
30
35
  };
31
36
  ColorModeToggle.displayName = 'ColorModeToggle';
32
37
 
@@ -1 +1 @@
1
- {"version":3,"file":"ColorModeToggle.mjs","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAeA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,SAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,MAAM,GAAG,OAAO,IAAI,SAAS,KAAK,MAAM;AAE9C,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAMnEC,IAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrCD,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,2BAA2B,EAC3D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCA,GAAA,CAAC,OAAO,EAAA,EAAA,CAAG,EAAA,CACP,EACNA,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,0BAA0B,GAAG,SAAS,EAC1D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCA,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACR,CAAA,EAAA,CACF,EAAA,CACK;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
1
+ {"version":3,"file":"ColorModeToggle.mjs","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAeA;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,SAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,MAAM,GAAG,OAAO,IAAI,SAAS,KAAK,MAAM;AAE9C,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAMnEC,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC/CD,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAC,MAAM,EACT,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,2BAA2B,EAC3D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCA,GAAA,CAAC,OAAO,EAAA,EAAA,CAAG,EAAA,CACP,EACNA,GAAA,CAAC,GAAG,IACF,EAAE,EAAC,MAAM,EACT,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,0BAA0B,GAAG,SAAS,EAC1D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCA,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACR,CAAA,EAAA,CACF,EAAA,CACK;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
@@ -2,7 +2,11 @@ import type { BoxProps } from '@chakra-ui/react';
2
2
  export interface ConfettiProps extends BoxProps {
3
3
  /** How many pieces. Defaults to 50. */
4
4
  pieceCount?: number;
5
- /** Colour token names to pick from. Defaults to the palette's five accents. */
5
+ /**
6
+ * Colours to pick from: any CSS colour string or colour token. Defaults to ten
7
+ * decorative colours — coral, beige and the eight system hues with no status
8
+ * meaning — as light-mode hex, so they do not follow dark mode.
9
+ */
6
10
  colors?: string[];
7
11
  /**
8
12
  * Changes the scatter. The generator is seeded rather than `Math.random()` so
@@ -1 +1 @@
1
- {"version":3,"file":"Confetti.types.d.ts","sourceRoot":"","sources":["../../../src/components/Confetti/Confetti.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC7C,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
1
+ {"version":3,"file":"Confetti.types.d.ts","sourceRoot":"","sources":["../../../src/components/Confetti/Confetti.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC7C,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
@@ -1,9 +1,9 @@
1
1
  /**
2
- * Hues that carry meaning elsewhere in the system and so never colour a piece
3
- * by default: red, yellow and green are the danger, warning and success
4
- * solids, and blue is info and links. The same rule as the chart series
5
- * defaults (`LineGraph/seriesColors.ts`) — a red piece in a "payment complete"
6
- * burst says something the screen does not.
2
+ * Hues left out of the *default* pieces: red, yellow and green are the
3
+ * danger, warning and success solids, and blue is info and links. This is a
4
+ * default, not a ban — a caller may pass them through `colors`, since a burst
5
+ * lasting under two seconds on a success moment cannot be read as a status
6
+ * (Confetti.usage.mdx).
7
7
  */
8
8
  export declare const CONFETTI_EXCLUDED_HUES: readonly ["red", "yellow", "green", "blue"];
9
9
  /**
@@ -4,11 +4,11 @@
4
4
  var palette_generated = require('../../theme/palette.generated.js');
5
5
 
6
6
  /**
7
- * Hues that carry meaning elsewhere in the system and so never colour a piece
8
- * by default: red, yellow and green are the danger, warning and success
9
- * solids, and blue is info and links. The same rule as the chart series
10
- * defaults (`LineGraph/seriesColors.ts`) — a red piece in a "payment complete"
11
- * burst says something the screen does not.
7
+ * Hues left out of the *default* pieces: red, yellow and green are the
8
+ * danger, warning and success solids, and blue is info and links. This is a
9
+ * default, not a ban — a caller may pass them through `colors`, since a burst
10
+ * lasting under two seconds on a success moment cannot be read as a status
11
+ * (Confetti.usage.mdx).
12
12
  */
13
13
  const CONFETTI_EXCLUDED_HUES = [
14
14
  'red',
@@ -2,11 +2,11 @@
2
2
  import { SYSTEM_HUES, CORAL, RAMPS } from '../../theme/palette.generated.mjs';
3
3
 
4
4
  /**
5
- * Hues that carry meaning elsewhere in the system and so never colour a piece
6
- * by default: red, yellow and green are the danger, warning and success
7
- * solids, and blue is info and links. The same rule as the chart series
8
- * defaults (`LineGraph/seriesColors.ts`) — a red piece in a "payment complete"
9
- * burst says something the screen does not.
5
+ * Hues left out of the *default* pieces: red, yellow and green are the
6
+ * danger, warning and success solids, and blue is info and links. This is a
7
+ * default, not a ban — a caller may pass them through `colors`, since a burst
8
+ * lasting under two seconds on a success moment cannot be read as a status
9
+ * (Confetti.usage.mdx).
10
10
  */
11
11
  const CONFETTI_EXCLUDED_HUES = [
12
12
  'red',
@@ -1,9 +1,15 @@
1
1
  export interface ErrorFallbackProps {
2
+ /** The caught error. Its `message` is shown as is; a translated default when empty. */
2
3
  error: Error | null;
4
+ /** ID shown for support; generated (`ERR-…`) when missing. */
3
5
  errorId?: string;
6
+ /** ISO time for the copied report only; the card shows the render time. */
4
7
  timestamp?: string;
8
+ /** Where it failed, shown and copied; "unknown" (translated) when missing. */
5
9
  componentName?: string;
10
+ /** Shown and copied; "anonymous" (translated) when missing. */
6
11
  userId?: string;
12
+ /** Called by the "try again" button, e.g. the error boundary's reset. */
7
13
  onErrorReset?: () => void;
8
14
  }
9
15
  export interface ErrorLogData {
@@ -1 +1 @@
1
- {"version":3,"file":"ErrorFallback.types.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorFallback/ErrorFallback.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}
1
+ {"version":3,"file":"ErrorFallback.types.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorFallback/ErrorFallback.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,uFAAuF;IACvF,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}
@@ -15,5 +15,5 @@ import { FormModalFooterProps } from './FormModalFooter.types';
15
15
  * the logician `ModalFooter`, so callers pin it (`position="sticky"` /
16
16
  * `flexShrink={0}`) or zero its padding (`px={0}`) per modal.
17
17
  */
18
- export declare const FormModalFooter: ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette, isSubmitting, submitDisabled, onSubmit, bordered, ...rest }: FormModalFooterProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const FormModalFooter: ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette, isSubmitting, submitLoadingText, submitDisabled, onSubmit, bordered, ...rest }: FormModalFooterProps) => import("react/jsx-runtime").JSX.Element;
19
19
  //# sourceMappingURL=FormModalFooter.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,GAAI,8IAY7B,oBAAoB,4CA+CtB,CAAC"}
1
+ {"version":3,"file":"FormModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,GAAI,iKAa7B,oBAAoB,4CAgDtB,CAAC"}
@@ -40,7 +40,7 @@ require('../../Typography/Text.js');
40
40
  * the logician `ModalFooter`, so callers pin it (`position="sticky"` /
41
41
  * `flexShrink={0}`) or zero its padding (`px={0}`) per modal.
42
42
  */
43
- const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette = 'primary', isSubmitting = false, submitDisabled = false, onSubmit, bordered = false, ...rest }) => {
43
+ const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette = 'primary', isSubmitting = false, submitLoadingText, submitDisabled = false, onSubmit, bordered = false, ...rest }) => {
44
44
  return (jsxRuntime.jsxs(ModalFooter.ModalFooter, { justifyContent: "flex-end", gap: 2, ...(bordered
45
45
  ? {
46
46
  bg: 'bg.surface',
@@ -53,7 +53,7 @@ const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitL
53
53
  , {
54
54
  // 5.0 has no colour axis: the deprecated `submitColorPalette` only
55
55
  // picks between the two filled roles.
56
- variant: submitColorPalette === 'danger' ? 'danger' : 'primary', type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
56
+ variant: submitColorPalette === 'danger' ? 'danger' : 'primary', type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, loadingText: submitLoadingText, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
57
57
  };
58
58
 
59
59
  exports.FormModalFooter = FormModalFooter;
@@ -1 +1 @@
1
- {"version":3,"file":"FormModalFooter.js","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","ModalFooter","Button","_jsx","TrashIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,WAAW,EACX,kBAAkB,GAAG,SAAS,EAC9B,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,eAAA,CAACC,uBAAW,EAAA,EACV,cAAc,EAAC,UAAU,EACzB,GAAG,EAAE,CAAC,EAAA,IACD;AACH,cAAE;AACE,gBAAA,EAAE,EAAE,YAAY;AAChB,gBAAA,SAAS,EAAE,WAAW;AACtB,gBAAA,WAAW,EAAE,eAAe;AAC7B;AACH,cAAE,EAAE,CAAC,EAAA,GACH,IAAI,EAAA,QAAA,EAAA,CAEP,QAAQ,KACPD,eAAA,CAACE,aAAM,EAAA,EACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAETC,cAAA,CAACC,eAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDD,cAAA,CAACD,aAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,EAAA,CACL,EACTC,eAACD;;;;;;AAGC,gBAAA,OAAO,EAAE,kBAAkB,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAC/D,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EACpC,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,YAAY,IAAI,cAAc,EAAA,QAAA,EAEvC,WAAW,EAAA,CACL,CAAA,EAAA,CACG;AAElB;;;;"}
1
+ {"version":3,"file":"FormModalFooter.js","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","ModalFooter","Button","_jsx","TrashIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,WAAW,EACX,kBAAkB,GAAG,SAAS,EAC9B,YAAY,GAAG,KAAK,EACpB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,eAAA,CAACC,uBAAW,EAAA,EACV,cAAc,EAAC,UAAU,EACzB,GAAG,EAAE,CAAC,EAAA,IACD;AACH,cAAE;AACE,gBAAA,EAAE,EAAE,YAAY;AAChB,gBAAA,SAAS,EAAE,WAAW;AACtB,gBAAA,WAAW,EAAE,eAAe;AAC7B;AACH,cAAE,EAAE,CAAC,EAAA,GACH,IAAI,EAAA,QAAA,EAAA,CAEP,QAAQ,KACPD,eAAA,CAACE,aAAM,EAAA,EACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAETC,cAAA,CAACC,eAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDD,cAAA,CAACD,aAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,EAAA,CACL,EACTC,eAACD;;;;;;gBAGC,OAAO,EAAE,kBAAkB,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAC/D,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EACpC,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,iBAAiB,EAC9B,QAAQ,EAAE,YAAY,IAAI,cAAc,YAEvC,WAAW,EAAA,CACL,CAAA,EAAA,CACG;AAElB;;;;"}
@@ -38,7 +38,7 @@ import '../../Typography/Text.mjs';
38
38
  * the logician `ModalFooter`, so callers pin it (`position="sticky"` /
39
39
  * `flexShrink={0}`) or zero its padding (`px={0}`) per modal.
40
40
  */
41
- const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette = 'primary', isSubmitting = false, submitDisabled = false, onSubmit, bordered = false, ...rest }) => {
41
+ const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitLabel, submitColorPalette = 'primary', isSubmitting = false, submitLoadingText, submitDisabled = false, onSubmit, bordered = false, ...rest }) => {
42
42
  return (jsxs(ModalFooter, { justifyContent: "flex-end", gap: 2, ...(bordered
43
43
  ? {
44
44
  bg: 'bg.surface',
@@ -51,7 +51,7 @@ const FormModalFooter = ({ onDelete, deleteLabel, onCancel, cancelLabel, submitL
51
51
  , {
52
52
  // 5.0 has no colour axis: the deprecated `submitColorPalette` only
53
53
  // picks between the two filled roles.
54
- variant: submitColorPalette === 'danger' ? 'danger' : 'primary', type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
54
+ variant: submitColorPalette === 'danger' ? 'danger' : 'primary', type: onSubmit ? 'button' : 'submit', onClick: onSubmit, loading: isSubmitting, loadingText: submitLoadingText, disabled: isSubmitting || submitDisabled, children: submitLabel })] }));
55
55
  };
56
56
 
57
57
  export { FormModalFooter };
@@ -1 +1 @@
1
- {"version":3,"file":"FormModalFooter.mjs","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,WAAW,EACX,kBAAkB,GAAG,SAAS,EAC9B,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EACV,cAAc,EAAC,UAAU,EACzB,GAAG,EAAE,CAAC,EAAA,IACD;AACH,cAAE;AACE,gBAAA,EAAE,EAAE,YAAY;AAChB,gBAAA,SAAS,EAAE,WAAW;AACtB,gBAAA,WAAW,EAAE,eAAe;AAC7B;AACH,cAAE,EAAE,CAAC,EAAA,GACH,IAAI,EAAA,QAAA,EAAA,CAEP,QAAQ,KACPA,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAETC,GAAA,CAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,EAAA,CACL,EACTA,IAAC;;;;;;AAGC,gBAAA,OAAO,EAAE,kBAAkB,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAC/D,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EACpC,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,YAAY,IAAI,cAAc,EAAA,QAAA,EAEvC,WAAW,EAAA,CACL,CAAA,EAAA,CACG;AAElB;;;;"}
1
+ {"version":3,"file":"FormModalFooter.mjs","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,WAAW,EACX,kBAAkB,GAAG,SAAS,EAC9B,YAAY,GAAG,KAAK,EACpB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EACV,cAAc,EAAC,UAAU,EACzB,GAAG,EAAE,CAAC,EAAA,IACD;AACH,cAAE;AACE,gBAAA,EAAE,EAAE,YAAY;AAChB,gBAAA,SAAS,EAAE,WAAW;AACtB,gBAAA,WAAW,EAAE,eAAe;AAC7B;AACH,cAAE,EAAE,CAAC,EAAA,GACH,IAAI,EAAA,QAAA,EAAA,CAEP,QAAQ,KACPA,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAETC,GAAA,CAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EACzB,WAAW,CAAA,EAAA,CACL,CACV,EACDA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,WAAW,EAAA,CACL,EACTA,IAAC;;;;;;gBAGC,OAAO,EAAE,kBAAkB,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAC/D,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EACpC,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,iBAAiB,EAC9B,QAAQ,EAAE,YAAY,IAAI,cAAc,YAEvC,WAAW,EAAA,CACL,CAAA,EAAA,CACG;AAElB;;;;"}
@@ -19,13 +19,23 @@ export interface FormModalFooterProps extends Omit<ModalFooterProps, 'children'
19
19
  cancelLabel: ReactNode;
20
20
  /** Primary submit button label. */
21
21
  submitLabel: ReactNode;
22
- /** Palette for the primary button. Defaults to `primary`. */
22
+ /**
23
+ * @deprecated 5.0 Button has no colour palette. Only `'danger'` changes
24
+ * anything (a danger submit button); every other value renders `primary`.
25
+ */
23
26
  submitColorPalette?: ButtonColorPalette;
24
27
  /**
25
28
  * In-flight state — shows the submit spinner and disables every button so the
26
29
  * modal can't be dismissed or re-submitted mid-request.
27
30
  */
28
31
  isSubmitting?: boolean;
32
+ /**
33
+ * What the submit button says while `isSubmitting`, as a short present-tense
34
+ * state ("Saving", "저장 중"). Forwarded to the Button's `loadingText`, so the
35
+ * busy button keeps a name instead of becoming a bare spinner (Button usage:
36
+ * `loading` needs `loadingText`). The app owns the copy, like every label here.
37
+ */
38
+ submitLoadingText?: ReactNode;
29
39
  /**
30
40
  * Extra disable condition for the primary button beyond `isSubmitting` — a
31
41
  * pristine/invalid gate (e.g. `!name.trim()`).
@@ -1 +1 @@
1
- {"version":3,"file":"FormModalFooter.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,gBAAgB,EAChB,UAAU,GAAG,UAAU,GAAG,OAAO,CAClC;IACC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB,mCAAmC;IACnC,WAAW,EAAE,SAAS,CAAC;IACvB,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
1
+ {"version":3,"file":"FormModalFooter.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,gBAAgB,EAChB,UAAU,GAAG,UAAU,GAAG,OAAO,CAClC;IACC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB,mCAAmC;IACnC,WAAW,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
@@ -34,6 +34,7 @@ require('../../Badge/Badge.js');
34
34
  require('../../Workflow/canvas/NodeShell/NodeShell.styles.js');
35
35
  require('../../Workflow/graphObserver.js');
36
36
  require('@dagrejs/dagre');
37
+ require('../../../hooks/useLanguage.js');
37
38
  require('../../Workflow/canvas/Canvas/Canvas.js');
38
39
 
39
40
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsibleFormSection.js","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx","CollapsibleSection","VStack"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,cAAA,CAACC,qCAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBD,eAACE,YAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
1
+ {"version":3,"file":"CollapsibleFormSection.js","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx","CollapsibleSection","VStack"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,cAAA,CAACC,qCAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBD,eAACE,YAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
@@ -32,6 +32,7 @@ import '../../Badge/Badge.mjs';
32
32
  import '../../Workflow/canvas/NodeShell/NodeShell.styles.mjs';
33
33
  import '../../Workflow/graphObserver.mjs';
34
34
  import '@dagrejs/dagre';
35
+ import '../../../hooks/useLanguage.mjs';
35
36
  import '../../Workflow/canvas/Canvas/Canvas.mjs';
36
37
 
37
38
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsibleFormSection.mjs","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBA,IAAC,MAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
1
+ {"version":3,"file":"CollapsibleFormSection.mjs","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBA,IAAC,MAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAG9D,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,EAAE,4CAK5C,cAAc,CAAC,CAAC,CAAC,4CAwFnB,CAAC"}
1
+ {"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAG9D,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,EAAE,4CAK5C,cAAc,CAAC,CAAC,CAAC,4CAuFnB,CAAC"}
@@ -10,10 +10,9 @@ var useColorMode = require('../ColorMode/useColorMode.js');
10
10
  var seriesColors = require('./seriesColors.js');
11
11
 
12
12
  const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
13
- const primaryColor = react.useToken('colors', 'primary.main')[0];
14
- // Series 1 is the neutral brand line; further series cycle hues with no
15
- // status meaning (see seriesColors.ts). Strokes read the generated palette
16
- // directly because no semantic role fits a chart line.
13
+ // Series 1 is the data blue; further series cycle hues with no status
14
+ // meaning (see seriesColors.ts). Strokes read the generated palette directly
15
+ // because no semantic role fits a chart line.
17
16
  const { colorMode } = useColorMode.useColorMode();
18
17
  const isDark = colorMode === 'dark';
19
18
  return (jsxRuntime.jsx(react.Box, { h: "400px", ...rest, children: jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: jsxRuntime.jsxs(recharts.LineChart, { data: data, margin: {
@@ -68,7 +67,7 @@ const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
68
67
  color: 'var(--chakra-colors-fg-default)',
69
68
  } }), displayLegend && (jsxRuntime.jsx(recharts.Legend, { wrapperStyle: {
70
69
  bottom: -16,
71
- } })), dataKeys.map(({ key, label, color }, index) => (jsxRuntime.jsx(recharts.Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColors.seriesColor(index, primaryColor, isDark), dot: { r: 0 } }, `line-${key}`)))] }) }) }));
70
+ } })), dataKeys.map(({ key, label, color }, index) => (jsxRuntime.jsx(recharts.Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColors.seriesColor(index, isDark), dot: { r: 0 } }, `line-${key}`)))] }) }) }));
72
71
  };
73
72
 
74
73
  exports.LineGraph = LineGraph;
@@ -1 +1 @@
1
- {"version":3,"file":"LineGraph.js","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["useToken","useColorMode","_jsx","Box","ResponsiveContainer","_jsxs","LineChart","CartesianGrid","XAxis","YAxis","Tooltip","Legend","Line","seriesColor"],"mappings":";;;;;;;;;;;MAiBa,SAAS,GAAG,CAAsB,EAC7C,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACW,KAAI;IACtB,MAAM,YAAY,GAAGA,cAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;;;;AAI1D,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGC,yBAAY,EAAE;AACpC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;AACnC,IAAA,QACEC,cAAA,CAACC,SAAG,EAAA,EAAC,CAAC,EAAC,OAAO,EAAA,GAAK,IAAI,EAAA,QAAA,EACrBD,cAAA,CAACE,4BAAmB,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC7CC,eAAA,CAACC,kBAAS,EAAA,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;AACN,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA,EAAA,QAAA,EAAA,CAEDJ,eAACK;;;;AAEC,wBAAA,eAAe,EAAC,EAAE,EAClB,QAAQ,EAAE,KAAK;;;wBAGf,MAAM,EAAC,qCAAqC,EAAA,CAC5C,EACFL,eAACM,cAAK,EAAA,EACJ,OAAO,EAAC,MAAM;;AAEd,wBAAA,MAAM,EAAC,aAAa;;;AAGpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAGR,cAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFE,eAACO;;;;AAEC,wBAAA,MAAM,EAAC,aAAa;;AAEpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAGT,cAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFE,eAACQ;;;;;;;;;;;;;;AAOC,wBAAA,YAAY,EAAE;AACZ,4BAAA,eAAe,EAAE,iCAAiC;AAClD,4BAAA,WAAW,EAAE,qCAAqC;AACnD,yBAAA,EACD,UAAU,EAAE;AACV,4BAAA,KAAK,EAAE,iCAAiC;AACzC,yBAAA,EACD,SAAS,EAAE;AACT,4BAAA,KAAK,EAAE,iCAAiC;yBACzC,EAAA,CACD,EACD,aAAa,KACZR,eAACS,eAAM,EAAA,EACL,YAAY,EAAE;4BACZ,MAAM,EAAE,GAAG;AACZ,yBAAA,EAAA,CACD,CACH,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,MACzCT,cAAA,CAACU,aAAI,EAAA,EAEH,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,IAAIC,wBAAW,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,CAAC,EACzD,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,EALR,QAAQ,GAAG,CAAA,CAAE,CAMlB,CACH,CAAC,CAAA,EAAA,CACQ,EAAA,CACQ,EAAA,CAClB;AAEV;;;;"}
1
+ {"version":3,"file":"LineGraph.js","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["useColorMode","_jsx","Box","ResponsiveContainer","_jsxs","LineChart","CartesianGrid","XAxis","useToken","YAxis","Tooltip","Legend","Line","seriesColor"],"mappings":";;;;;;;;;;;MAiBa,SAAS,GAAG,CAAsB,EAC7C,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACW,KAAI;;;;AAItB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,yBAAY,EAAE;AACpC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;AACnC,IAAA,QACEC,cAAA,CAACC,SAAG,EAAA,EAAC,CAAC,EAAC,OAAO,EAAA,GAAK,IAAI,EAAA,QAAA,EACrBD,cAAA,CAACE,4BAAmB,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC7CC,eAAA,CAACC,kBAAS,EAAA,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;AACN,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA,EAAA,QAAA,EAAA,CAEDJ,eAACK;;;;AAEC,wBAAA,eAAe,EAAC,EAAE,EAClB,QAAQ,EAAE,KAAK;;;wBAGf,MAAM,EAAC,qCAAqC,EAAA,CAC5C,EACFL,eAACM,cAAK,EAAA,EACJ,OAAO,EAAC,MAAM;;AAEd,wBAAA,MAAM,EAAC,aAAa;;;AAGpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAGC,cAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFP,eAACQ;;;;AAEC,wBAAA,MAAM,EAAC,aAAa;;AAEpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAGD,cAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFP,eAACS;;;;;;;;;;;;;;AAOC,wBAAA,YAAY,EAAE;AACZ,4BAAA,eAAe,EAAE,iCAAiC;AAClD,4BAAA,WAAW,EAAE,qCAAqC;AACnD,yBAAA,EACD,UAAU,EAAE;AACV,4BAAA,KAAK,EAAE,iCAAiC;AACzC,yBAAA,EACD,SAAS,EAAE;AACT,4BAAA,KAAK,EAAE,iCAAiC;yBACzC,EAAA,CACD,EACD,aAAa,KACZT,eAACU,eAAM,EAAA,EACL,YAAY,EAAE;4BACZ,MAAM,EAAE,GAAG;AACZ,yBAAA,EAAA,CACD,CACH,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,MACzCV,cAAA,CAACW,aAAI,EAAA,EAEH,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,IAAIC,wBAAW,CAAC,KAAK,EAAE,MAAM,CAAC,EAC3C,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,EALR,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,CAMlB,CACH,CAAC,CAAA,EAAA,CACQ,EAAA,CACQ,EAAA,CAClB;AAEV;;;;"}
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
- import { useToken, Box } from '@chakra-ui/react';
3
+ import { Box, useToken } from '@chakra-ui/react';
4
4
  import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Line } from 'recharts';
5
5
  import '../ColorMode/ColorModeProvider.mjs';
6
6
  import '../ColorMode/ColorModeToggle.mjs';
@@ -8,10 +8,9 @@ import { useColorMode } from '../ColorMode/useColorMode.mjs';
8
8
  import { seriesColor } from './seriesColors.mjs';
9
9
 
10
10
  const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
11
- const primaryColor = useToken('colors', 'primary.main')[0];
12
- // Series 1 is the neutral brand line; further series cycle hues with no
13
- // status meaning (see seriesColors.ts). Strokes read the generated palette
14
- // directly because no semantic role fits a chart line.
11
+ // Series 1 is the data blue; further series cycle hues with no status
12
+ // meaning (see seriesColors.ts). Strokes read the generated palette directly
13
+ // because no semantic role fits a chart line.
15
14
  const { colorMode } = useColorMode();
16
15
  const isDark = colorMode === 'dark';
17
16
  return (jsx(Box, { h: "400px", ...rest, children: jsx(ResponsiveContainer, { width: "100%", height: "100%", children: jsxs(LineChart, { data: data, margin: {
@@ -66,7 +65,7 @@ const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
66
65
  color: 'var(--chakra-colors-fg-default)',
67
66
  } }), displayLegend && (jsx(Legend, { wrapperStyle: {
68
67
  bottom: -16,
69
- } })), dataKeys.map(({ key, label, color }, index) => (jsx(Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColor(index, primaryColor, isDark), dot: { r: 0 } }, `line-${key}`)))] }) }) }));
68
+ } })), dataKeys.map(({ key, label, color }, index) => (jsx(Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColor(index, isDark), dot: { r: 0 } }, `line-${key}`)))] }) }) }));
70
69
  };
71
70
 
72
71
  export { LineGraph };
@@ -1 +1 @@
1
- {"version":3,"file":"LineGraph.mjs","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;MAiBa,SAAS,GAAG,CAAsB,EAC7C,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACW,KAAI;IACtB,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;;;;AAI1D,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;AACpC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;AACnC,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EAAC,CAAC,EAAC,OAAO,EAAA,GAAK,IAAI,EAAA,QAAA,EACrBA,GAAA,CAAC,mBAAmB,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC7CC,IAAA,CAAC,SAAS,EAAA,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;AACN,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA,EAAA,QAAA,EAAA,CAEDD,IAAC;;;;AAEC,wBAAA,eAAe,EAAC,EAAE,EAClB,QAAQ,EAAE,KAAK;;;wBAGf,MAAM,EAAC,qCAAqC,EAAA,CAC5C,EACFA,IAAC,KAAK,EAAA,EACJ,OAAO,EAAC,MAAM;;AAEd,wBAAA,MAAM,EAAC,aAAa;;;AAGpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFA,IAAC;;;;AAEC,wBAAA,MAAM,EAAC,aAAa;;AAEpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFA,IAAC;;;;;;;;;;;;;;AAOC,wBAAA,YAAY,EAAE;AACZ,4BAAA,eAAe,EAAE,iCAAiC;AAClD,4BAAA,WAAW,EAAE,qCAAqC;AACnD,yBAAA,EACD,UAAU,EAAE;AACV,4BAAA,KAAK,EAAE,iCAAiC;AACzC,yBAAA,EACD,SAAS,EAAE;AACT,4BAAA,KAAK,EAAE,iCAAiC;yBACzC,EAAA,CACD,EACD,aAAa,KACZA,IAAC,MAAM,EAAA,EACL,YAAY,EAAE;4BACZ,MAAM,EAAE,GAAG;AACZ,yBAAA,EAAA,CACD,CACH,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,MACzCA,GAAA,CAAC,IAAI,EAAA,EAEH,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,CAAC,EACzD,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,EALR,QAAQ,GAAG,CAAA,CAAE,CAMlB,CACH,CAAC,CAAA,EAAA,CACQ,EAAA,CACQ,EAAA,CAClB;AAEV;;;;"}
1
+ {"version":3,"file":"LineGraph.mjs","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;MAiBa,SAAS,GAAG,CAAsB,EAC7C,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACW,KAAI;;;;AAItB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;AACpC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;AACnC,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EAAC,CAAC,EAAC,OAAO,EAAA,GAAK,IAAI,EAAA,QAAA,EACrBA,GAAA,CAAC,mBAAmB,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC7CC,IAAA,CAAC,SAAS,EAAA,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;AACN,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA,EAAA,QAAA,EAAA,CAEDD,IAAC;;;;AAEC,wBAAA,eAAe,EAAC,EAAE,EAClB,QAAQ,EAAE,KAAK;;;wBAGf,MAAM,EAAC,qCAAqC,EAAA,CAC5C,EACFA,IAAC,KAAK,EAAA,EACJ,OAAO,EAAC,MAAM;;AAEd,wBAAA,MAAM,EAAC,aAAa;;;AAGpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFA,IAAC;;;;AAEC,wBAAA,MAAM,EAAC,aAAa;;AAEpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFA,IAAC;;;;;;;;;;;;;;AAOC,wBAAA,YAAY,EAAE;AACZ,4BAAA,eAAe,EAAE,iCAAiC;AAClD,4BAAA,WAAW,EAAE,qCAAqC;AACnD,yBAAA,EACD,UAAU,EAAE;AACV,4BAAA,KAAK,EAAE,iCAAiC;AACzC,yBAAA,EACD,SAAS,EAAE;AACT,4BAAA,KAAK,EAAE,iCAAiC;yBACzC,EAAA,CACD,EACD,aAAa,KACZA,IAAC,MAAM,EAAA,EACL,YAAY,EAAE;4BACZ,MAAM,EAAE,GAAG;AACZ,yBAAA,EAAA,CACD,CACH,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,MACzCA,GAAA,CAAC,IAAI,EAAA,EAEH,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,EAC3C,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,EALR,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,CAMlB,CACH,CAAC,CAAA,EAAA,CACQ,EAAA,CACQ,EAAA,CAClB;AAEV;;;;"}
@@ -1,8 +1,14 @@
1
1
  import { BoxProps } from '@chakra-ui/react';
2
2
  import { type DataKey as RechartsDataKey } from 'recharts/types/util/types.d';
3
3
  export interface LineGraphProps<T extends DatumBase> extends BoxProps {
4
+ /** One object per point on the X axis; `name` is the axis label. */
4
5
  data: Array<Datum<T>>;
6
+ /** The series to draw, in order. */
5
7
  dataKeys: Array<DataKey<T>>;
8
+ /**
9
+ * Show the legend under the chart.
10
+ * @default true
11
+ */
6
12
  displayLegend?: boolean;
7
13
  }
8
14
  /**
@@ -26,11 +32,15 @@ export type DataKey<T extends DatumBase> = {
26
32
  */
27
33
  key: RechartsDataKey<keyof T>;
28
34
  /**
29
- * Label for the XAxis
35
+ * Series name, shown in the legend and the tooltip.
30
36
  */
31
37
  label: string;
32
38
  /**
33
- * Optional custom colors for the series
39
+ * Stroke colour for this series, passed straight to the SVG (recharts does
40
+ * not resolve Chakra tokens — use a CSS variable such as
41
+ * `var(--chakra-colors-category-teal-fg)`). Defaults: series 1 is
42
+ * `primary.main`, the rest cycle meaning-free category hues
43
+ * (`CHART_SERIES_HUES`).
34
44
  */
35
45
  color?: string;
36
46
  };
@@ -1 +1 @@
1
- {"version":3,"file":"LineGraph.types.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,OAAO,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,QAAQ;IACnE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,SAAS,IAAI;IACvC,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,CAAC,CAAC;AAEN;;GAEG;AACH,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI;IACzC;;OAEG;IACH,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
1
+ {"version":3,"file":"LineGraph.types.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,OAAO,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,QAAQ;IACnE,oEAAoE;IACpE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACtB,oCAAoC;IACpC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,SAAS,IAAI;IACvC,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,CAAC,CAAC;AAEN;;GAEG;AACH,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI;IACzC;;OAEG;IACH,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
@@ -2,10 +2,16 @@ import type { SystemHue } from '@/theme/colors';
2
2
  /**
3
3
  * Default stroke order for multi-series charts.
4
4
  *
5
- * Series 1 is the neutral brand line (`primary.main`); the rest cycle hues
6
- * that carry no meaning in the system. Red, yellow and green are the danger,
7
- * warning and success colours, and blue is info and links, so none of them
8
- * may colour a series by default — a red "UV" line reads as an error.
5
+ * Series 1 is the data blue (`blue.base`): blue means data (SemanticTokens.mdx,
6
+ * "Blue means data and links"), and a single-measure chart draws in the same
7
+ * blue, so adding a second series does not repaint the first. It used to be
8
+ * the ink `primary.main`, which read as body text rather than as data.
9
+ *
10
+ * The rest cycle hues that carry no meaning in the system, alternating cool
11
+ * and warm so neighbouring lines separate. Red, yellow and green are the
12
+ * danger, warning and success colours, so none of them may colour a series by
13
+ * default — a red "UV" line reads as an error. Brown comes late: next to the
14
+ * other dusty warm hues it reads as mud.
9
15
  *
10
16
  * Every stroke clears 3:1 against the page in both modes. Cyan, mint and
11
17
  * orange are too light at their base value in light mode (≈1.9:1), so they
@@ -16,7 +22,7 @@ type SeriesHue = {
16
22
  light: 'base' | 'hc';
17
23
  };
18
24
  export declare const CHART_SERIES_HUES: readonly SeriesHue[];
19
- /** Stroke for series `index` (0-based); index 0 is the caller's primary line. */
20
- export declare const seriesColor: (index: number, primary: string, isDark: boolean) => string;
25
+ /** Stroke for series `index` (0-based); index 0 is the data blue. */
26
+ export declare const seriesColor: (index: number, isDark: boolean) => string;
21
27
  export {};
22
28
  //# sourceMappingURL=seriesColors.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"seriesColors.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/seriesColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;;;;;;;;;GAWG;AACH,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAAS,SAAS,EASjD,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,WAAW,GACtB,OAAO,MAAM,EACb,SAAS,MAAM,EACf,QAAQ,OAAO,KACd,MAKF,CAAC"}
1
+ {"version":3,"file":"seriesColors.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/seriesColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;;;;;;;;;;;;;;;GAiBG;AACH,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAAS,SAAS,EASjD,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,QAAQ,OAAO,KAAG,MAO5D,CAAC"}
@@ -4,19 +4,20 @@
4
4
  var palette_generated = require('../../theme/palette.generated.js');
5
5
 
6
6
  const CHART_SERIES_HUES = [
7
- { hue: 'brown', light: 'base' },
8
- { hue: 'indigo', light: 'base' },
9
- { hue: 'pink', light: 'base' },
10
7
  { hue: 'teal', light: 'base' },
8
+ { hue: 'pink', light: 'base' },
9
+ { hue: 'indigo', light: 'base' },
11
10
  { hue: 'purple', light: 'base' },
11
+ { hue: 'brown', light: 'base' },
12
12
  { hue: 'cyan', light: 'hc' },
13
13
  { hue: 'mint', light: 'hc' },
14
14
  { hue: 'orange', light: 'hc' },
15
15
  ];
16
- /** Stroke for series `index` (0-based); index 0 is the caller's primary line. */
17
- const seriesColor = (index, primary, isDark) => {
18
- if (index === 0)
19
- return primary;
16
+ /** Stroke for series `index` (0-based); index 0 is the data blue. */
17
+ const seriesColor = (index, isDark) => {
18
+ if (index === 0) {
19
+ return isDark ? palette_generated.SYSTEM_HUES.blue.baseDark : palette_generated.SYSTEM_HUES.blue.base;
20
+ }
20
21
  const { hue, light } = CHART_SERIES_HUES[(index - 1) % CHART_SERIES_HUES.length];
21
22
  return isDark ? palette_generated.SYSTEM_HUES[hue].baseDark : palette_generated.SYSTEM_HUES[hue][light];
22
23
  };
@@ -1 +1 @@
1
- {"version":3,"file":"seriesColors.js","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":["SYSTEM_HUES"],"mappings":";;;;;AAoBO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;AACO,MAAM,WAAW,GAAG,CACzB,KAAa,EACb,OAAe,EACf,MAAe,KACL;IACV,IAAI,KAAK,KAAK,CAAC;AAAE,QAAA,OAAO,OAAO;AAC/B,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;;"}
1
+ {"version":3,"file":"seriesColors.js","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":["SYSTEM_HUES"],"mappings":";;;;;AA0BO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;MACa,WAAW,GAAG,CAAC,KAAa,EAAE,MAAe,KAAY;AACpE,IAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,QAAA,OAAO,MAAM,GAAGA,6BAAW,CAAC,IAAI,CAAC,QAAQ,GAAGA,6BAAW,CAAC,IAAI,CAAC,IAAI;IACnE;AACA,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;;"}
@@ -2,19 +2,20 @@
2
2
  import { SYSTEM_HUES } from '../../theme/palette.generated.mjs';
3
3
 
4
4
  const CHART_SERIES_HUES = [
5
- { hue: 'brown', light: 'base' },
6
- { hue: 'indigo', light: 'base' },
7
- { hue: 'pink', light: 'base' },
8
5
  { hue: 'teal', light: 'base' },
6
+ { hue: 'pink', light: 'base' },
7
+ { hue: 'indigo', light: 'base' },
9
8
  { hue: 'purple', light: 'base' },
9
+ { hue: 'brown', light: 'base' },
10
10
  { hue: 'cyan', light: 'hc' },
11
11
  { hue: 'mint', light: 'hc' },
12
12
  { hue: 'orange', light: 'hc' },
13
13
  ];
14
- /** Stroke for series `index` (0-based); index 0 is the caller's primary line. */
15
- const seriesColor = (index, primary, isDark) => {
16
- if (index === 0)
17
- return primary;
14
+ /** Stroke for series `index` (0-based); index 0 is the data blue. */
15
+ const seriesColor = (index, isDark) => {
16
+ if (index === 0) {
17
+ return isDark ? SYSTEM_HUES.blue.baseDark : SYSTEM_HUES.blue.base;
18
+ }
18
19
  const { hue, light } = CHART_SERIES_HUES[(index - 1) % CHART_SERIES_HUES.length];
19
20
  return isDark ? SYSTEM_HUES[hue].baseDark : SYSTEM_HUES[hue][light];
20
21
  };
@@ -1 +1 @@
1
- {"version":3,"file":"seriesColors.mjs","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAoBO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;AACO,MAAM,WAAW,GAAG,CACzB,KAAa,EACb,OAAe,EACf,MAAe,KACL;IACV,IAAI,KAAK,KAAK,CAAC;AAAE,QAAA,OAAO,OAAO;AAC/B,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;"}
1
+ {"version":3,"file":"seriesColors.mjs","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AA0BO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;MACa,WAAW,GAAG,CAAC,KAAa,EAAE,MAAe,KAAY;AACpE,IAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,QAAA,OAAO,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI;IACnE;AACA,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;"}