@usefragments/ui 1.0.2 → 1.2.0

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 (326) hide show
  1. package/README.md +16 -16
  2. package/dist/assets/fragments-wordmark.cjs +30 -0
  3. package/dist/assets/fragments-wordmark.d.ts +13 -0
  4. package/dist/assets/fragments-wordmark.d.ts.map +1 -0
  5. package/dist/assets/fragments-wordmark.js +30 -0
  6. package/dist/assets/ui.css +3234 -3116
  7. package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
  8. package/dist/components/Accordion/Accordion.module.scss.js +8 -8
  9. package/dist/components/Accordion/index.cjs +22 -10
  10. package/dist/components/Accordion/index.d.ts.map +1 -1
  11. package/dist/components/Accordion/index.js +22 -10
  12. package/dist/components/Alert/Alert.module.scss.cjs +13 -13
  13. package/dist/components/Alert/Alert.module.scss.js +13 -13
  14. package/dist/components/AppShell/AppShell.module.scss.cjs +22 -10
  15. package/dist/components/AppShell/AppShell.module.scss.js +22 -10
  16. package/dist/components/AppShell/index.cjs +1 -1
  17. package/dist/components/AppShell/index.js +1 -1
  18. package/dist/components/Avatar/Avatar.module.scss.cjs +13 -13
  19. package/dist/components/Avatar/Avatar.module.scss.js +13 -13
  20. package/dist/components/Badge/Badge.module.scss.cjs +16 -16
  21. package/dist/components/Badge/Badge.module.scss.js +16 -16
  22. package/dist/components/BentoGrid/BentoGrid.module.scss.cjs +14 -14
  23. package/dist/components/BentoGrid/BentoGrid.module.scss.js +14 -14
  24. package/dist/components/Box/Box.module.scss.cjs +152 -152
  25. package/dist/components/Box/Box.module.scss.js +152 -152
  26. package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +8 -8
  27. package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +8 -8
  28. package/dist/components/Button/Button.module.scss.cjs +13 -13
  29. package/dist/components/Button/Button.module.scss.js +13 -13
  30. package/dist/components/Card/Card.module.scss.cjs +17 -17
  31. package/dist/components/Card/Card.module.scss.js +17 -17
  32. package/dist/components/Card/index.d.ts +3 -3
  33. package/dist/components/Card/index.d.ts.map +1 -1
  34. package/dist/components/Chart/Chart.module.scss.cjs +15 -15
  35. package/dist/components/Chart/Chart.module.scss.js +15 -15
  36. package/dist/components/Checkbox/Checkbox.module.scss.cjs +11 -11
  37. package/dist/components/Checkbox/Checkbox.module.scss.js +11 -11
  38. package/dist/components/Chip/Chip.module.scss.cjs +15 -15
  39. package/dist/components/Chip/Chip.module.scss.js +15 -15
  40. package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +21 -21
  41. package/dist/components/CodeBlock/CodeBlock.module.scss.js +21 -21
  42. package/dist/components/Collapsible/Collapsible.module.scss.cjs +10 -10
  43. package/dist/components/Collapsible/Collapsible.module.scss.js +10 -10
  44. package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
  45. package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
  46. package/dist/components/Combobox/Combobox.module.scss.cjs +23 -23
  47. package/dist/components/Combobox/Combobox.module.scss.js +23 -23
  48. package/dist/components/Combobox/index.cjs +106 -9
  49. package/dist/components/Combobox/index.d.ts.map +1 -1
  50. package/dist/components/Combobox/index.js +106 -9
  51. package/dist/components/Command/Command.module.scss.cjs +11 -11
  52. package/dist/components/Command/Command.module.scss.js +11 -11
  53. package/dist/components/ConversationList/ConversationList.module.scss.cjs +10 -10
  54. package/dist/components/ConversationList/ConversationList.module.scss.js +10 -10
  55. package/dist/components/DataTable/DataTable.module.scss.cjs +37 -34
  56. package/dist/components/DataTable/DataTable.module.scss.js +37 -34
  57. package/dist/components/DataTable/index.d.ts +3 -1
  58. package/dist/components/DataTable/index.d.ts.map +1 -1
  59. package/dist/components/DatePicker/DatePicker.module.scss.cjs +33 -33
  60. package/dist/components/DatePicker/DatePicker.module.scss.js +33 -33
  61. package/dist/components/DatePicker/index.d.ts +1 -1
  62. package/dist/components/DatePicker/index.d.ts.map +1 -1
  63. package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
  64. package/dist/components/Dialog/Dialog.module.scss.js +14 -14
  65. package/dist/components/Drawer/Drawer.module.scss.cjs +28 -28
  66. package/dist/components/Drawer/Drawer.module.scss.js +28 -28
  67. package/dist/components/Drawer/index.cjs +20 -3
  68. package/dist/components/Drawer/index.d.ts.map +1 -1
  69. package/dist/components/Drawer/index.js +20 -3
  70. package/dist/components/Editor/Editor.module.scss.cjs +17 -17
  71. package/dist/components/Editor/Editor.module.scss.js +17 -17
  72. package/dist/components/EmptyState/EmptyState.module.scss.cjs +8 -8
  73. package/dist/components/EmptyState/EmptyState.module.scss.js +8 -8
  74. package/dist/components/Field/Field.module.scss.cjs +4 -4
  75. package/dist/components/Field/Field.module.scss.js +4 -4
  76. package/dist/components/Field/index.cjs +10 -9
  77. package/dist/components/Field/index.d.ts +7 -7
  78. package/dist/components/Field/index.d.ts.map +1 -1
  79. package/dist/components/Field/index.js +10 -9
  80. package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
  81. package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
  82. package/dist/components/Header/Header.module.scss.cjs +44 -29
  83. package/dist/components/Header/Header.module.scss.js +44 -29
  84. package/dist/components/Header/index.cjs +56 -3
  85. package/dist/components/Header/index.d.ts +25 -3
  86. package/dist/components/Header/index.d.ts.map +1 -1
  87. package/dist/components/Header/index.js +56 -3
  88. package/dist/components/Icon/Icon.module.scss.cjs +8 -8
  89. package/dist/components/Icon/Icon.module.scss.js +8 -8
  90. package/dist/components/IconButton/IconButton.module.scss.cjs +8 -8
  91. package/dist/components/IconButton/IconButton.module.scss.js +8 -8
  92. package/dist/components/Image/Image.module.scss.cjs +27 -27
  93. package/dist/components/Image/Image.module.scss.js +27 -27
  94. package/dist/components/Input/Input.module.scss.cjs +19 -19
  95. package/dist/components/Input/Input.module.scss.js +19 -19
  96. package/dist/components/Link/Link.module.scss.cjs +10 -10
  97. package/dist/components/Link/Link.module.scss.js +10 -10
  98. package/dist/components/List/List.module.scss.cjs +19 -19
  99. package/dist/components/List/List.module.scss.js +19 -19
  100. package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
  101. package/dist/components/Listbox/Listbox.module.scss.js +8 -8
  102. package/dist/components/Loading/Loading.module.scss.cjs +30 -30
  103. package/dist/components/Loading/Loading.module.scss.js +30 -30
  104. package/dist/components/Main/Main.module.scss.cjs +26 -0
  105. package/dist/components/Main/Main.module.scss.js +26 -0
  106. package/dist/components/Main/index.cjs +128 -0
  107. package/dist/components/Main/index.d.ts +22 -0
  108. package/dist/components/Main/index.d.ts.map +1 -0
  109. package/dist/components/Main/index.js +111 -0
  110. package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
  111. package/dist/components/Markdown/Markdown.module.scss.js +1 -1
  112. package/dist/components/Menu/Menu.module.scss.cjs +14 -14
  113. package/dist/components/Menu/Menu.module.scss.js +14 -14
  114. package/dist/components/Message/Message.module.scss.cjs +18 -18
  115. package/dist/components/Message/Message.module.scss.js +18 -18
  116. package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
  117. package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
  118. package/dist/components/Pagination/Pagination.module.scss.cjs +7 -7
  119. package/dist/components/Pagination/Pagination.module.scss.js +7 -7
  120. package/dist/components/Popover/Popover.module.scss.cjs +10 -10
  121. package/dist/components/Popover/Popover.module.scss.js +10 -10
  122. package/dist/components/Popover/index.cjs +27 -2
  123. package/dist/components/Popover/index.d.ts.map +1 -1
  124. package/dist/components/Popover/index.js +27 -2
  125. package/dist/components/Progress/Progress.module.scss.cjs +25 -25
  126. package/dist/components/Progress/Progress.module.scss.js +25 -25
  127. package/dist/components/Prompt/Prompt.module.scss.cjs +18 -18
  128. package/dist/components/Prompt/Prompt.module.scss.js +18 -18
  129. package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +17 -17
  130. package/dist/components/RadioGroup/RadioGroup.module.scss.js +17 -17
  131. package/dist/components/RadioGroup/index.cjs +2 -0
  132. package/dist/components/RadioGroup/index.d.ts +2 -0
  133. package/dist/components/RadioGroup/index.d.ts.map +1 -1
  134. package/dist/components/RadioGroup/index.js +2 -0
  135. package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +10 -10
  136. package/dist/components/ScrollArea/ScrollArea.module.scss.js +10 -10
  137. package/dist/components/Select/Select.module.scss.cjs +17 -17
  138. package/dist/components/Select/Select.module.scss.js +17 -17
  139. package/dist/components/Separator/Separator.module.scss.cjs +10 -10
  140. package/dist/components/Separator/Separator.module.scss.js +10 -10
  141. package/dist/components/Sidebar/Sidebar.module.scss.cjs +42 -42
  142. package/dist/components/Sidebar/Sidebar.module.scss.js +42 -42
  143. package/dist/components/Skeleton/Skeleton.module.scss.cjs +38 -38
  144. package/dist/components/Skeleton/Skeleton.module.scss.js +38 -38
  145. package/dist/components/Slider/Slider.module.scss.cjs +12 -12
  146. package/dist/components/Slider/Slider.module.scss.js +12 -12
  147. package/dist/components/Table/Table.module.scss.cjs +19 -19
  148. package/dist/components/Table/Table.module.scss.js +19 -19
  149. package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
  150. package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
  151. package/dist/components/TableOfContents/index.cjs +22 -42
  152. package/dist/components/TableOfContents/index.d.ts +3 -3
  153. package/dist/components/TableOfContents/index.d.ts.map +1 -1
  154. package/dist/components/TableOfContents/index.js +22 -42
  155. package/dist/components/Tabs/Tabs.module.scss.cjs +12 -12
  156. package/dist/components/Tabs/Tabs.module.scss.js +12 -12
  157. package/dist/components/Text/Text.module.scss.cjs +51 -51
  158. package/dist/components/Text/Text.module.scss.js +51 -51
  159. package/dist/components/Textarea/Textarea.module.scss.cjs +23 -23
  160. package/dist/components/Textarea/Textarea.module.scss.js +23 -23
  161. package/dist/components/Theme/ThemeToggle.module.scss.cjs +6 -6
  162. package/dist/components/Theme/ThemeToggle.module.scss.js +6 -6
  163. package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +13 -13
  164. package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +13 -13
  165. package/dist/components/Toast/Toast.module.scss.cjs +21 -21
  166. package/dist/components/Toast/Toast.module.scss.js +21 -21
  167. package/dist/components/Toggle/Toggle.module.scss.cjs +13 -13
  168. package/dist/components/Toggle/Toggle.module.scss.js +13 -13
  169. package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +17 -17
  170. package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +17 -17
  171. package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
  172. package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
  173. package/dist/data-table.cjs +58 -41
  174. package/dist/data-table.js +59 -41
  175. package/dist/datepicker.cjs +32 -72
  176. package/dist/datepicker.js +32 -72
  177. package/dist/index.cjs +89 -85
  178. package/dist/index.d.ts +2 -0
  179. package/dist/index.d.ts.map +1 -1
  180. package/dist/index.js +4 -0
  181. package/fragments.json +1 -1
  182. package/package.json +9 -8
  183. package/src/assets/fragments-wordmark.tsx +47 -0
  184. package/src/components/Accordion/index.tsx +13 -3
  185. package/src/components/Alert/Alert.module.scss +15 -2
  186. package/src/components/AppShell/AppShell.module.scss +73 -15
  187. package/src/components/AppShell/index.tsx +1 -1
  188. package/src/components/Button/Button.module.scss +19 -20
  189. package/src/components/Card/Card.module.scss +3 -3
  190. package/src/components/Card/index.tsx +3 -3
  191. package/src/components/Checkbox/Checkbox.contract.json +5 -24
  192. package/src/components/Checkbox/Checkbox.module.scss +4 -2
  193. package/src/components/Chip/Chip.contract.json +11 -28
  194. package/src/components/Chip/Chip.module.scss +21 -45
  195. package/src/components/CodeBlock/CodeBlock.module.scss +2 -7
  196. package/src/components/Combobox/Combobox.contract.json +6 -24
  197. package/src/components/Combobox/Combobox.module.scss +3 -2
  198. package/src/components/Combobox/index.tsx +132 -6
  199. package/src/components/DataTable/DataTable.contract.json +16 -23
  200. package/src/components/DataTable/DataTable.module.scss +31 -8
  201. package/src/components/DataTable/index.tsx +25 -4
  202. package/src/components/DatePicker/index.tsx +32 -84
  203. package/src/components/Drawer/index.tsx +38 -12
  204. package/src/components/Field/index.tsx +35 -35
  205. package/src/components/Header/Header.contract.json +41 -1
  206. package/src/components/Header/Header.module.scss +40 -0
  207. package/src/components/Header/index.tsx +88 -2
  208. package/src/components/IconButton/IconButton.contract.json +120 -0
  209. package/src/components/Listbox/Listbox.module.scss +5 -4
  210. package/src/components/Main/Main.contract.json +79 -0
  211. package/src/components/Main/Main.module.scss +31 -0
  212. package/src/components/Main/index.tsx +124 -0
  213. package/src/components/Menu/Menu.module.scss +8 -10
  214. package/src/components/Popover/index.tsx +34 -2
  215. package/src/components/RadioGroup/RadioGroup.contract.json +13 -27
  216. package/src/components/RadioGroup/index.tsx +4 -0
  217. package/src/components/Select/Select.module.scss +13 -12
  218. package/src/components/Table/Table.module.scss +22 -5
  219. package/src/components/TableOfContents/TableOfContents.contract.json +6 -16
  220. package/src/components/TableOfContents/TableOfContents.module.scss +20 -14
  221. package/src/components/TableOfContents/index.tsx +27 -38
  222. package/src/components/Toast/Toast.module.scss +15 -2
  223. package/src/components/ToggleGroup/ToggleGroup.module.scss +4 -1
  224. package/src/index.ts +4 -0
  225. package/src/styles/globals.scss +13 -10
  226. package/src/tokens/_component-properties.scss +26 -0
  227. package/src/tokens/_computed.scss +22 -4
  228. package/src/tokens/_derive.scss +55 -6
  229. package/src/tokens/_palettes.scss +24 -0
  230. package/src/tokens/_seeds.scss +20 -12
  231. package/src/tokens/_variables.scss +110 -63
  232. package/dist/components/Cloud/DashboardLayoutPrototypes.shared.d.ts +0 -33
  233. package/dist/components/Cloud/DashboardLayoutPrototypes.shared.d.ts.map +0 -1
  234. package/dist/components/Cloud/DashboardLayoutPrototypes.shell.d.ts +0 -11
  235. package/dist/components/Cloud/DashboardLayoutPrototypes.shell.d.ts.map +0 -1
  236. package/dist/components/Cloud/PullRequestsPrototypes.content.d.ts +0 -5
  237. package/dist/components/Cloud/PullRequestsPrototypes.content.d.ts.map +0 -1
  238. package/dist/components/Cloud/PullRequestsPrototypes.detail-panels.d.ts +0 -4
  239. package/dist/components/Cloud/PullRequestsPrototypes.detail-panels.d.ts.map +0 -1
  240. package/dist/components/Cloud/PullRequestsPrototypes.detail.d.ts +0 -3
  241. package/dist/components/Cloud/PullRequestsPrototypes.detail.d.ts.map +0 -1
  242. package/dist/components/Cloud/PullRequestsPrototypes.id-data.d.ts +0 -86
  243. package/dist/components/Cloud/PullRequestsPrototypes.id-data.d.ts.map +0 -1
  244. package/dist/components/Cloud/PullRequestsPrototypes.id-page.d.ts +0 -2
  245. package/dist/components/Cloud/PullRequestsPrototypes.id-page.d.ts.map +0 -1
  246. package/src/components/Accordion/Accordion.stories.tsx +0 -106
  247. package/src/components/Alert/Alert.stories.tsx +0 -119
  248. package/src/components/AppShell/AppShell.stories.tsx +0 -156
  249. package/src/components/Avatar/Avatar.stories.tsx +0 -74
  250. package/src/components/Badge/Badge.stories.tsx +0 -92
  251. package/src/components/BentoGrid/BentoGrid.stories.tsx +0 -98
  252. package/src/components/Box/Box.stories.tsx +0 -150
  253. package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -87
  254. package/src/components/Button/Button.stories.tsx +0 -103
  255. package/src/components/ButtonGroup/ButtonGroup.stories.tsx +0 -97
  256. package/src/components/Card/Card.stories.tsx +0 -144
  257. package/src/components/Chart/Chart.stories.tsx +0 -119
  258. package/src/components/Checkbox/Checkbox.stories.tsx +0 -68
  259. package/src/components/Chip/Chip.stories.tsx +0 -70
  260. package/src/components/Cloud/CloudGovernanceShell.module.scss +0 -88
  261. package/src/components/Cloud/CloudGovernanceShell.stories.tsx +0 -446
  262. package/src/components/Cloud/ControlSizing.module.scss +0 -49
  263. package/src/components/Cloud/ControlSizing.stories.tsx +0 -238
  264. package/src/components/Cloud/DashboardLayoutPrototypes.module.scss +0 -462
  265. package/src/components/Cloud/DashboardLayoutPrototypes.shared.tsx +0 -375
  266. package/src/components/Cloud/DashboardLayoutPrototypes.shell.tsx +0 -147
  267. package/src/components/Cloud/DashboardLayoutPrototypes.stories.tsx +0 -328
  268. package/src/components/Cloud/PullRequestsPrototypes.content.tsx +0 -283
  269. package/src/components/Cloud/PullRequestsPrototypes.detail-panels.tsx +0 -381
  270. package/src/components/Cloud/PullRequestsPrototypes.detail.tsx +0 -204
  271. package/src/components/Cloud/PullRequestsPrototypes.id-data.ts +0 -395
  272. package/src/components/Cloud/PullRequestsPrototypes.id-page.tsx +0 -349
  273. package/src/components/Cloud/PullRequestsPrototypes.stories.tsx +0 -81
  274. package/src/components/CodeBlock/CodeBlock.stories.tsx +0 -147
  275. package/src/components/Collapsible/Collapsible.stories.tsx +0 -94
  276. package/src/components/ColorPicker/ColorPicker.stories.tsx +0 -74
  277. package/src/components/Combobox/Combobox.stories.tsx +0 -133
  278. package/src/components/Command/Command.stories.tsx +0 -102
  279. package/src/components/ConversationList/ConversationList.stories.tsx +0 -93
  280. package/src/components/DataTable/DataTable.stories.tsx +0 -129
  281. package/src/components/DatePicker/DatePicker.stories.tsx +0 -129
  282. package/src/components/Dialog/Dialog.stories.tsx +0 -154
  283. package/src/components/Drawer/Drawer.stories.tsx +0 -144
  284. package/src/components/Editor/Editor.stories.tsx +0 -99
  285. package/src/components/EmptyState/EmptyState.stories.tsx +0 -97
  286. package/src/components/Field/Field.stories.tsx +0 -109
  287. package/src/components/Fieldset/Fieldset.stories.tsx +0 -116
  288. package/src/components/Form/Form.stories.tsx +0 -142
  289. package/src/components/Grid/Grid.stories.tsx +0 -125
  290. package/src/components/Header/Header.stories.tsx +0 -133
  291. package/src/components/Icon/Icon.stories.tsx +0 -80
  292. package/src/components/IconButton/IconButton.stories.tsx +0 -78
  293. package/src/components/Image/Image.stories.tsx +0 -109
  294. package/src/components/Input/Input.stories.tsx +0 -104
  295. package/src/components/Link/Link.stories.tsx +0 -67
  296. package/src/components/List/List.stories.tsx +0 -95
  297. package/src/components/Listbox/Listbox.stories.tsx +0 -81
  298. package/src/components/Loading/Loading.stories.tsx +0 -69
  299. package/src/components/Markdown/Markdown.stories.tsx +0 -75
  300. package/src/components/Menu/Menu.stories.tsx +0 -113
  301. package/src/components/Message/Message.stories.tsx +0 -85
  302. package/src/components/NavigationMenu/NavigationMenu.stories.tsx +0 -161
  303. package/src/components/Pagination/Pagination.stories.tsx +0 -81
  304. package/src/components/Popover/Popover.stories.tsx +0 -152
  305. package/src/components/Progress/Progress.stories.tsx +0 -64
  306. package/src/components/Prompt/Prompt.stories.tsx +0 -93
  307. package/src/components/RadioGroup/RadioGroup.stories.tsx +0 -107
  308. package/src/components/ScrollArea/ScrollArea.stories.tsx +0 -97
  309. package/src/components/Select/Select.stories.tsx +0 -127
  310. package/src/components/Separator/Separator.stories.tsx +0 -84
  311. package/src/components/Sidebar/Sidebar.stories.tsx +0 -122
  312. package/src/components/Skeleton/Skeleton.stories.tsx +0 -80
  313. package/src/components/Slider/Slider.stories.tsx +0 -73
  314. package/src/components/Stack/Stack.stories.tsx +0 -73
  315. package/src/components/Switch/Switch.stories.tsx +0 -59
  316. package/src/components/Table/Table.stories.tsx +0 -219
  317. package/src/components/TableOfContents/TableOfContents.stories.tsx +0 -120
  318. package/src/components/Tabs/Tabs.stories.tsx +0 -136
  319. package/src/components/Text/Text.stories.tsx +0 -133
  320. package/src/components/Textarea/Textarea.stories.tsx +0 -107
  321. package/src/components/Theme/Theme.stories.tsx +0 -95
  322. package/src/components/ThinkingIndicator/ThinkingIndicator.stories.tsx +0 -85
  323. package/src/components/Toast/Toast.stories.tsx +0 -91
  324. package/src/components/ToggleGroup/ToggleGroup.stories.tsx +0 -114
  325. package/src/components/Tooltip/Tooltip.stories.tsx +0 -95
  326. package/src/components/VisuallyHidden/VisuallyHidden.stories.tsx +0 -78
@@ -1,395 +0,0 @@
1
- import type { StateVariant } from "./DashboardLayoutPrototypes.shared";
2
-
3
- export type CheckState = "failed" | "passed" | "warning";
4
-
5
- export type GithubCheck = {
6
- name: string;
7
- state: CheckState;
8
- label: string;
9
- variant: StateVariant;
10
- summary: string;
11
- duration: string;
12
- };
13
-
14
- export type GithubComment = {
15
- id: string;
16
- author: string;
17
- status: string;
18
- variant: StateVariant;
19
- file: string;
20
- line: number;
21
- body: string;
22
- designerSignal: string;
23
- };
24
-
25
- export type ImpactArea = {
26
- area: string;
27
- criticality: string;
28
- coverage: string;
29
- findings: string;
30
- owner: string;
31
- review: string;
32
- variant: StateVariant;
33
- };
34
-
35
- export type FindingSeverity = "Blocking" | "Safe fix" | "Review";
36
-
37
- /** How a finding can be remediated — drives the per-row action verb. */
38
- export type FixKind = "Deterministic" | "Proposed" | "Manual";
39
-
40
- export type PrFinding = {
41
- id: string;
42
- /** Versioned diagnostic code (FUI####). */
43
- code: string;
44
- /** Rule family the finding belongs to. */
45
- rule: string;
46
- severity: FindingSeverity;
47
- variant: StateVariant;
48
- /** Introduced by this PR (gates merge) vs. pre-existing legacy debt (never gates). */
49
- origin: "Introduced" | "Legacy";
50
- file: string;
51
- line: number;
52
- area: string;
53
- /** Call-sites this single finding-family touches in the PR — the bulk-action rationale. */
54
- occurrences: number;
55
- fix: FixKind;
56
- suggestion: string;
57
- body: string;
58
- designerSignal?: string;
59
- /** Surfaced as a human-readable review thread in the Conversation tab. */
60
- thread?: boolean;
61
- };
62
-
63
- export type Reviewer = {
64
- name: string;
65
- status: string;
66
- variant: StateVariant;
67
- };
68
-
69
- export type ChangedFile = {
70
- path: string;
71
- area: string;
72
- additions: number;
73
- deletions: number;
74
- findings: number;
75
- };
76
-
77
- export const prIdPagePullRequest = {
78
- number: 248,
79
- title: "Refresh marketing campaign cards",
80
- branch: "feat/launch-pages",
81
- author: "Maya Chen",
82
- coverageBefore: 68,
83
- coverageAfter: 61,
84
- comments: 8,
85
- safeFixes: 5,
86
- };
87
-
88
- export const githubChecks: GithubCheck[] = [
89
- {
90
- name: "fragments/contract-compliance",
91
- state: "failed",
92
- label: "Required",
93
- variant: "error",
94
- summary: "3 blocking design-contract comments must be resolved.",
95
- duration: "1m 42s",
96
- },
97
- {
98
- name: "fragments/governance-report",
99
- state: "warning",
100
- label: "Advisory",
101
- variant: "warning",
102
- summary: "Coverage fell 7 points in Marketing; 5 fixes are deterministic.",
103
- duration: "1m 46s",
104
- },
105
- {
106
- name: "build",
107
- state: "passed",
108
- label: "CI",
109
- variant: "success",
110
- summary: "Production bundle and typecheck completed.",
111
- duration: "3m 12s",
112
- },
113
- {
114
- name: "storybook visual review",
115
- state: "passed",
116
- label: "Design",
117
- variant: "success",
118
- summary: "No snapshot deltas on shared primitives.",
119
- duration: "2m 08s",
120
- },
121
- ];
122
-
123
- export const impactAreas: ImpactArea[] = [
124
- {
125
- area: "Marketing",
126
- criticality: "Public launch",
127
- coverage: "68% -> 61%",
128
- findings: "11 findings",
129
- owner: "Growth design",
130
- review: "CTA, danger states, card spacing",
131
- variant: "error",
132
- },
133
- {
134
- area: "Dashboard",
135
- criticality: "Core app",
136
- coverage: "84% -> 84%",
137
- findings: "0 findings",
138
- owner: "Cloud product",
139
- review: "No review needed",
140
- variant: "success",
141
- },
142
- {
143
- area: "Checkout",
144
- criticality: "Revenue",
145
- coverage: "91% -> 91%",
146
- findings: "0 findings",
147
- owner: "Revenue systems",
148
- review: "No touched surfaces",
149
- variant: "success",
150
- },
151
- ];
152
-
153
- // Single source of truth for PR #248 findings. Both the table-first detail
154
- // (Layout 3) and the conversation prototype (Layout 4) read from this list so
155
- // the two surfaces can never drift apart.
156
- export const prFindings: PrFinding[] = [
157
- {
158
- id: "button-contract",
159
- code: "FUI3101",
160
- rule: "Canonical usage",
161
- severity: "Blocking",
162
- variant: "error",
163
- origin: "Introduced",
164
- file: "src/routes/(marketing)/launch/Hero.tsx",
165
- line: 42,
166
- area: "Marketing",
167
- occurrences: 4,
168
- fix: "Deterministic",
169
- suggestion: "Replace with <Button>",
170
- body: "Native button introduced in a public launch hero. Use Button so loading, disabled, focus, and variants stay governed.",
171
- designerSignal: "Primary CTA behavior is outside the design-system contract.",
172
- thread: true,
173
- },
174
- {
175
- id: "danger-token",
176
- code: "FUI2110",
177
- rule: "Tokens · color",
178
- severity: "Blocking",
179
- variant: "error",
180
- origin: "Introduced",
181
- file: "src/routes/(marketing)/launch/Form.tsx",
182
- line: 88,
183
- area: "Marketing",
184
- occurrences: 3,
185
- fix: "Deterministic",
186
- suggestion: "Use var(--fui-color-danger-bg)",
187
- body: "Raw danger background bypasses the semantic danger token. Replace the hardcoded value before merge.",
188
- designerSignal: "Error and warning color semantics can drift from brand.",
189
- thread: true,
190
- },
191
- {
192
- id: "brand-accent",
193
- code: "FUI2101",
194
- rule: "Tokens · brand",
195
- severity: "Blocking",
196
- variant: "error",
197
- origin: "Introduced",
198
- file: "src/routes/(marketing)/launch/Hero.tsx",
199
- line: 51,
200
- area: "Marketing",
201
- occurrences: 2,
202
- fix: "Deterministic",
203
- suggestion: "Use var(--fui-color-accent)",
204
- body: "Hardcoded #6d5efc on the CTA bypasses the brand accent token.",
205
- },
206
- {
207
- id: "spacing-gap",
208
- code: "FUI2120",
209
- rule: "Tokens · spacing",
210
- severity: "Safe fix",
211
- variant: "warning",
212
- origin: "Introduced",
213
- file: "src/components/campaign/CardGrid.tsx",
214
- line: 31,
215
- area: "Marketing",
216
- occurrences: 6,
217
- fix: "Deterministic",
218
- suggestion: "Use var(--fui-space-4)",
219
- body: "Off-scale 18px gap. Snap to the nearest spacing token.",
220
- },
221
- {
222
- id: "radius-scale",
223
- code: "FUI2122",
224
- rule: "Tokens · radius",
225
- severity: "Safe fix",
226
- variant: "warning",
227
- origin: "Introduced",
228
- file: "src/components/campaign/Card.tsx",
229
- line: 12,
230
- area: "Marketing",
231
- occurrences: 4,
232
- fix: "Deterministic",
233
- suggestion: "Use var(--fui-radius-md)",
234
- body: "Hardcoded 10px corner radius is off the radius scale.",
235
- },
236
- {
237
- id: "font-size",
238
- code: "FUI2130",
239
- rule: "Tokens · type",
240
- severity: "Safe fix",
241
- variant: "warning",
242
- origin: "Introduced",
243
- file: "src/routes/(marketing)/launch/Hero.tsx",
244
- line: 60,
245
- area: "Marketing",
246
- occurrences: 2,
247
- fix: "Deterministic",
248
- suggestion: "Use var(--fui-font-size-lg)",
249
- body: "Hardcoded 19px heading size bypasses the type scale.",
250
- },
251
- {
252
- id: "shadow-token",
253
- code: "FUI2140",
254
- rule: "Tokens · elevation",
255
- severity: "Safe fix",
256
- variant: "warning",
257
- origin: "Introduced",
258
- file: "src/components/campaign/Card.tsx",
259
- line: 20,
260
- area: "Marketing",
261
- occurrences: 5,
262
- fix: "Deterministic",
263
- suggestion: "Use var(--fui-shadow-sm)",
264
- body: "Raw box-shadow does not match the elevation scale.",
265
- },
266
- {
267
- id: "muted-text",
268
- code: "FUI2112",
269
- rule: "Tokens · color",
270
- severity: "Safe fix",
271
- variant: "warning",
272
- origin: "Legacy",
273
- file: "src/routes/(marketing)/launch/Footer.tsx",
274
- line: 14,
275
- area: "Marketing",
276
- occurrences: 3,
277
- fix: "Deterministic",
278
- suggestion: "Use var(--fui-text-tertiary)",
279
- body: "Pre-existing hardcoded muted gray. Visible as legacy debt; does not gate this PR.",
280
- },
281
- {
282
- id: "spacing-rhythm",
283
- code: "FUI4010",
284
- rule: "Spacing rhythm",
285
- severity: "Review",
286
- variant: "info",
287
- origin: "Introduced",
288
- file: "src/components/campaign/CardGrid.tsx",
289
- line: 31,
290
- area: "Marketing",
291
- occurrences: 6,
292
- fix: "Proposed",
293
- suggestion: "Snap to scale or mark intentional",
294
- body: "Spacing is off scale. Use the nearest Fragments spacing token or mark this as an intentional campaign exception.",
295
- designerSignal: "Card rhythm changes across the marketing grid.",
296
- thread: true,
297
- },
298
- {
299
- id: "icon-button-label",
300
- code: "FUI1204",
301
- rule: "A11y · name",
302
- severity: "Review",
303
- variant: "info",
304
- origin: "Introduced",
305
- file: "src/routes/(marketing)/launch/Hero.tsx",
306
- line: 70,
307
- area: "Marketing",
308
- occurrences: 1,
309
- fix: "Manual",
310
- suggestion: "Add an accessible label",
311
- body: "Icon-only share button has no accessible name.",
312
- },
313
- {
314
- id: "heading-order",
315
- code: "FUI1330",
316
- rule: "A11y · structure",
317
- severity: "Review",
318
- variant: "info",
319
- origin: "Legacy",
320
- file: "src/routes/(marketing)/launch/Form.tsx",
321
- line: 22,
322
- area: "Marketing",
323
- occurrences: 1,
324
- fix: "Manual",
325
- suggestion: "Restore heading order",
326
- body: "Heading level skips from h2 to h4. Pre-existing; does not gate this PR.",
327
- },
328
- ];
329
-
330
- export const blockingFindings = prFindings.filter((finding) => finding.severity === "Blocking");
331
- export const introducedFindings = prFindings.filter((finding) => finding.origin === "Introduced");
332
- export const threadFindings = prFindings.filter((finding) => finding.thread);
333
-
334
- // Layout 4 renders a curated subset of findings as GitHub-style review threads.
335
- // Deriving it here keeps the conversation prototype in lock-step with the table.
336
- export const githubComments: GithubComment[] = threadFindings.map((finding) => ({
337
- id: finding.id,
338
- author: "fragments[bot]",
339
- status: finding.severity,
340
- variant: finding.variant,
341
- file: finding.file,
342
- line: finding.line,
343
- body: finding.body,
344
- designerSignal: finding.designerSignal ?? "",
345
- }));
346
-
347
- export const reviewers: Reviewer[] = [
348
- { name: "Growth design", status: "Review needed", variant: "warning" },
349
- { name: "Cloud platform", status: "Blocked", variant: "error" },
350
- ];
351
-
352
- export const changedFiles: ChangedFile[] = [
353
- {
354
- path: "src/routes/(marketing)/launch/Hero.tsx",
355
- area: "Marketing",
356
- additions: 64,
357
- deletions: 12,
358
- findings: 4,
359
- },
360
- {
361
- path: "src/routes/(marketing)/launch/Form.tsx",
362
- area: "Marketing",
363
- additions: 38,
364
- deletions: 9,
365
- findings: 2,
366
- },
367
- {
368
- path: "src/components/campaign/CardGrid.tsx",
369
- area: "Marketing",
370
- additions: 27,
371
- deletions: 5,
372
- findings: 3,
373
- },
374
- {
375
- path: "src/components/campaign/Card.tsx",
376
- area: "Marketing",
377
- additions: 19,
378
- deletions: 3,
379
- findings: 2,
380
- },
381
- {
382
- path: "src/routes/(marketing)/launch/Footer.tsx",
383
- area: "Marketing",
384
- additions: 8,
385
- deletions: 2,
386
- findings: 0,
387
- },
388
- {
389
- path: "src/styles/campaign.css",
390
- area: "Marketing",
391
- additions: 14,
392
- deletions: 6,
393
- findings: 0,
394
- },
395
- ];