@godxjp/ui 31.31.8 → 32.0.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 (727) hide show
  1. package/README.md +102 -121
  2. package/agent/START-HERE.md +10 -10
  3. package/agent/components/Accordion.json +2 -2
  4. package/agent/components/AccountChip.json +1 -1
  5. package/agent/components/Actions.json +1 -1
  6. package/agent/components/Activity.json +2 -2
  7. package/agent/components/Affix.json +1 -1
  8. package/agent/components/Alert.json +22 -6
  9. package/agent/components/AlertDialog.json +8 -1
  10. package/agent/components/Anchor.json +4 -3
  11. package/agent/components/AppLauncher.json +2 -2
  12. package/agent/components/AppProvider.json +19 -11
  13. package/agent/components/AppSettingPicker.json +18 -2
  14. package/agent/components/AppShell.json +4 -5
  15. package/agent/components/AreaChart.json +0 -1
  16. package/agent/components/AspectRatio.json +2 -2
  17. package/agent/components/Attachments.json +3 -3
  18. package/agent/components/AuthAccountSummary.json +1 -1
  19. package/agent/components/AuthDivider.json +1 -1
  20. package/agent/components/AuthExpiryProvider.json +0 -1
  21. package/agent/components/AuthFooter.json +2 -2
  22. package/agent/components/AuthIdentity.json +3 -3
  23. package/agent/components/AuthStack.json +1 -1
  24. package/agent/components/Avatar.json +2 -12
  25. package/agent/components/Badge.json +1 -1
  26. package/agent/components/BarChart.json +0 -1
  27. package/agent/components/BranchScopePicker.json +1 -1
  28. package/agent/components/Breadcrumb.json +1 -1
  29. package/agent/components/Button.json +3 -3
  30. package/agent/components/Calendar.json +1 -1
  31. package/agent/components/Card.json +2 -2
  32. package/agent/components/CardBar.json +0 -1
  33. package/agent/components/CardContent.json +0 -1
  34. package/agent/components/Carousel.json +4 -3
  35. package/agent/components/Cascader.json +1 -1
  36. package/agent/components/CenteredShell.json +78 -17
  37. package/agent/components/ChatBubble.json +3 -3
  38. package/agent/components/ChatBubbleList.json +3 -3
  39. package/agent/components/ChatComposer.json +3 -3
  40. package/agent/components/ChatSuggestion.json +3 -3
  41. package/agent/components/Checkbox.json +1 -1
  42. package/agent/components/CheckboxGroup.json +0 -1
  43. package/agent/components/CodeBlock.json +1 -1
  44. package/agent/components/Collapsible.json +4 -4
  45. package/agent/components/ColorPicker.json +1 -1
  46. package/agent/components/Command.json +5 -5
  47. package/agent/components/CommandPalette.json +1 -1
  48. package/agent/components/CompactBarTrend.json +1 -1
  49. package/agent/components/Conversations.json +3 -3
  50. package/agent/components/CredentialReveal.json +1 -1
  51. package/agent/components/DataState.json +2 -2
  52. package/agent/components/DataTable.json +1 -1
  53. package/agent/components/DatePicker.json +1 -1
  54. package/agent/components/Descriptions.json +1 -1
  55. package/agent/components/Dialog.json +2 -2
  56. package/agent/components/DraggablePanel.json +5 -4
  57. package/agent/components/DropdownMenu.json +1 -1
  58. package/agent/components/EmojiPicker.json +3 -2
  59. package/agent/components/EmptyState.json +1 -1
  60. package/agent/components/ErrorSurface.json +3 -3
  61. package/agent/components/FeatureList.json +1 -1
  62. package/agent/components/Field.json +0 -1
  63. package/agent/components/Flex.json +34 -4
  64. package/agent/components/FloatButton.json +6 -5
  65. package/agent/components/Form.json +1 -1
  66. package/agent/components/FormErrors.json +0 -1
  67. package/agent/components/FormField.json +6 -6
  68. package/agent/components/FormFieldArray.json +0 -1
  69. package/agent/components/FormFieldControl.json +0 -1
  70. package/agent/components/FormRoot.json +1 -1
  71. package/agent/components/Heading.json +3 -0
  72. package/agent/components/Icon.json +1 -1
  73. package/agent/components/Image.json +7 -4
  74. package/agent/components/InfiniteQueryState.json +1 -1
  75. package/agent/components/Input.json +1 -1
  76. package/agent/components/InputOTP.json +2 -2
  77. package/agent/components/Label.json +3 -3
  78. package/agent/components/LegalDocumentShell.json +5 -4
  79. package/agent/components/Legend.json +1 -1
  80. package/agent/components/LineChart.json +0 -1
  81. package/agent/components/Link.json +0 -1
  82. package/agent/components/ListRow.json +1 -1
  83. package/agent/components/Logo.json +5 -4
  84. package/agent/components/Marquee.json +4 -3
  85. package/agent/components/Masonry.json +4 -3
  86. package/agent/components/MasterDetail.json +1 -1
  87. package/agent/components/MegaMenu.json +4 -3
  88. package/agent/components/MobileShell.json +4 -4
  89. package/agent/components/NavList.json +1 -1
  90. package/agent/components/NumberInput.json +1 -1
  91. package/agent/components/OrgChart.json +4 -3
  92. package/agent/components/OrgSwitcher.json +1 -1
  93. package/agent/components/OverlayPortalProvider.json +0 -1
  94. package/agent/components/PageContainer.json +3 -3
  95. package/agent/components/PageCover.json +3 -2
  96. package/agent/components/Pagination.json +1 -1
  97. package/agent/components/PasswordInput.json +1 -1
  98. package/agent/components/PasswordStrength.json +1 -1
  99. package/agent/components/PermissionMatrix.json +1 -1
  100. package/agent/components/PieChart.json +0 -1
  101. package/agent/components/Popover.json +31 -6
  102. package/agent/components/PrefetchLink.json +1 -1
  103. package/agent/components/Progress.json +1 -1
  104. package/agent/components/Prose.json +1 -1
  105. package/agent/components/QrCode.json +1 -1
  106. package/agent/components/Radio.json +0 -1
  107. package/agent/components/RadioGroup.json +2 -2
  108. package/agent/components/RangeTimeline.json +2 -1
  109. package/agent/components/Rating.json +1 -1
  110. package/agent/components/RecordPicker.json +1 -1
  111. package/agent/components/ResizablePanel.json +1 -1
  112. package/agent/components/ResponsiveGrid.json +2 -2
  113. package/agent/components/Reveal.json +3 -3
  114. package/agent/components/ScrollArea.json +2 -2
  115. package/agent/components/SearchInput.json +1 -1
  116. package/agent/components/Segmented.json +1 -1
  117. package/agent/components/Select.json +7 -5
  118. package/agent/components/Separator.json +1 -1
  119. package/agent/components/ServiceCatalogCta.json +0 -1
  120. package/agent/components/ServiceLauncherCard.json +1 -1
  121. package/agent/components/ServiceRolePanel.json +1 -1
  122. package/agent/components/Sheet.json +5 -5
  123. package/agent/components/Sidebar.json +1 -1
  124. package/agent/components/Skeleton.json +26 -12
  125. package/agent/components/Slider.json +2 -2
  126. package/agent/components/SortableList.json +3 -2
  127. package/agent/components/SplitPane.json +1 -1
  128. package/agent/components/StatCard.json +1 -1
  129. package/agent/components/Steps.json +1 -1
  130. package/agent/components/Swatch.json +1 -1
  131. package/agent/components/Switch.json +1 -1
  132. package/agent/components/Table.json +1 -1
  133. package/agent/components/Tabs.json +3 -3
  134. package/agent/components/Text.json +5 -1
  135. package/agent/components/TextDiff.json +5 -4
  136. package/agent/components/Textarea.json +1 -1
  137. package/agent/components/ThemeScope.json +1 -1
  138. package/agent/components/ThoughtChain.json +3 -3
  139. package/agent/components/TimePicker.json +1 -1
  140. package/agent/components/Timeline.json +1 -1
  141. package/agent/components/TimelineGrid.json +5 -4
  142. package/agent/components/Toaster.json +0 -1
  143. package/agent/components/Toggle.json +3 -3
  144. package/agent/components/ToggleGroup.json +1 -1
  145. package/agent/components/Toolbar.json +10 -3
  146. package/agent/components/Tooltip.json +9 -9
  147. package/agent/components/Topbar.json +1 -1
  148. package/agent/components/TopbarItem.json +1 -1
  149. package/agent/components/Transfer.json +2 -2
  150. package/agent/components/Tree.json +1 -1
  151. package/agent/components/TreeSelect.json +1 -1
  152. package/agent/components/TwoFactorSetup.json +1 -1
  153. package/agent/components/Upload.json +1 -1
  154. package/agent/components/UploadCropDialog.json +1 -1
  155. package/agent/components/Welcome.json +3 -3
  156. package/agent/components/formatDate.json +2 -2
  157. package/agent/components/inertiaUpload.json +0 -1
  158. package/agent/components/useZodForm.json +0 -1
  159. package/agent/components-index.json +80 -154
  160. package/agent/components.json +541 -1737
  161. package/agent/index.json +10 -10
  162. package/agent/llms.txt +9 -9
  163. package/agent/patterns/account-recovery-settings.json +1 -1
  164. package/agent/patterns/auth-recovery-panels.json +2 -2
  165. package/agent/patterns/error-pages.json +1 -1
  166. package/agent/patterns/pricing-plans.json +17 -0
  167. package/agent/patterns-index.json +17 -1
  168. package/agent/patterns.json +21 -4
  169. package/agent/rules.json +30 -65
  170. package/agent/tokens.json +27 -57
  171. package/agent/vocabulary.json +3 -3
  172. package/dist/app/app-provider.d.ts +5 -3
  173. package/dist/app/app-provider.js +47 -12
  174. package/dist/app/date-format-labels.d.ts +3 -1
  175. package/dist/app/date-format-labels.js +2 -4
  176. package/dist/app/date-formats.d.ts +21 -2
  177. package/dist/app/date-formats.js +51 -2
  178. package/dist/app/index.d.ts +3 -1
  179. package/dist/app/index.js +5 -0
  180. package/dist/app/locales.d.ts +58 -3
  181. package/dist/app/locales.js +134 -8
  182. package/dist/app/preset.d.ts +25 -0
  183. package/dist/app/preset.js +10 -0
  184. package/dist/app/request-headers.d.ts +3 -3
  185. package/dist/app/request-headers.js +19 -10
  186. package/dist/app/settings-scope.d.ts +54 -0
  187. package/dist/app/settings-scope.js +46 -0
  188. package/dist/app/tenant-theme.js +8 -3
  189. package/dist/app/time-format-labels.d.ts +4 -1
  190. package/dist/app/time-format-labels.js +7 -1
  191. package/dist/app/types.d.ts +10 -2
  192. package/dist/app/use-formatting.d.ts +1 -1
  193. package/dist/components/admin/index.d.ts +1 -1
  194. package/dist/components/admin/index.js +1 -1
  195. package/dist/components/data-display/accordion.d.ts +51 -1
  196. package/dist/components/data-display/accordion.js +247 -1
  197. package/dist/components/data-display/avatar.d.ts +16 -1
  198. package/dist/components/data-display/avatar.js +109 -1
  199. package/dist/components/data-display/credential-reveal.d.ts +9 -2
  200. package/dist/components/data-display/credential-reveal.js +156 -1
  201. package/dist/components/data-display/image.js +5 -3
  202. package/dist/components/data-display/index.d.ts +0 -21
  203. package/dist/components/data-display/index.js +1 -43
  204. package/dist/components/data-display/popover.d.ts +15 -3
  205. package/dist/components/data-display/popover.js +168 -2
  206. package/dist/components/data-entry/branch-scope-picker.d.ts +1 -1
  207. package/dist/components/data-entry/index.d.ts +5 -12
  208. package/dist/components/data-entry/index.js +11 -12
  209. package/dist/components/data-entry/input-otp.d.ts +48 -2
  210. package/dist/components/data-entry/input-otp.js +94 -1
  211. package/dist/components/data-entry/number-input.d.ts +1 -1
  212. package/dist/components/data-entry/password-input.d.ts +38 -2
  213. package/dist/components/data-entry/password-input.js +56 -1
  214. package/dist/components/data-entry/rating.d.ts +38 -2
  215. package/dist/components/data-entry/rating.js +127 -1
  216. package/dist/components/data-entry/segmented.d.ts +94 -2
  217. package/dist/components/data-entry/segmented.js +104 -1
  218. package/dist/components/{ui/tag-input.d.ts → data-entry/select-tags-inline.d.ts} +7 -4
  219. package/dist/components/{ui/tag-input.js → data-entry/select-tags-inline.js} +4 -4
  220. package/dist/components/data-entry/select.js +4 -0
  221. package/dist/components/data-entry/toggle-group.d.ts +108 -2
  222. package/dist/components/data-entry/toggle-group.js +189 -1
  223. package/dist/components/data-entry/toggle.d.ts +86 -2
  224. package/dist/components/data-entry/toggle.js +153 -2
  225. package/dist/components/feedback/alert.d.ts +5 -3
  226. package/dist/components/feedback/alert.js +14 -2
  227. package/dist/components/feedback/index.d.ts +2 -6
  228. package/dist/components/feedback/index.js +1 -13
  229. package/dist/components/feedback/skeleton.d.ts +4 -17
  230. package/dist/components/feedback/skeleton.js +3 -40
  231. package/dist/components/general/index.d.ts +2 -4
  232. package/dist/components/general/index.js +1 -6
  233. package/dist/components/general/typography.d.ts +4 -58
  234. package/dist/components/general/typography.js +7 -141
  235. package/dist/components/layout/aspect-ratio.d.ts +24 -1
  236. package/dist/components/layout/aspect-ratio.js +18 -1
  237. package/dist/components/layout/auth-divider.js +1 -1
  238. package/dist/components/layout/auth-identity.js +6 -2
  239. package/dist/components/layout/centered-shell.d.ts +13 -8
  240. package/dist/components/layout/centered-shell.js +43 -1
  241. package/dist/components/layout/flex.d.ts +1 -1
  242. package/dist/components/layout/flex.js +73 -1
  243. package/dist/components/layout/index.d.ts +1 -13
  244. package/dist/components/layout/index.js +0 -12
  245. package/dist/components/layout/separator.d.ts +25 -2
  246. package/dist/components/layout/separator.js +71 -1
  247. package/dist/components/navigation/{app-setting-toggle.d.ts → app-setting-cycle.d.ts} +3 -4
  248. package/dist/components/navigation/{app-setting-toggle.js → app-setting-cycle.js} +3 -3
  249. package/dist/components/navigation/app-setting-picker.d.ts +6 -2
  250. package/dist/components/navigation/app-setting-picker.js +20 -2
  251. package/dist/components/navigation/index.d.ts +3 -11
  252. package/dist/components/navigation/index.js +1 -9
  253. package/dist/components/navigation/tabs.js +1 -1
  254. package/dist/components/ui/carousel.d.ts +1 -1
  255. package/dist/components/ui/carousel.js +1 -1
  256. package/dist/components/ui/index.d.ts +11 -5
  257. package/dist/components/ui/index.js +5 -5
  258. package/dist/contracts/measurement.json +2 -2
  259. package/dist/email/brand-mark.d.ts +3 -2
  260. package/dist/email/brand-mark.js +1 -1
  261. package/dist/email/tokens.generated.d.ts +6 -6
  262. package/dist/email/tokens.generated.js +6 -6
  263. package/dist/i18n/locale-tags.d.ts +25 -0
  264. package/dist/i18n/locale-tags.js +59 -0
  265. package/dist/i18n/translate.d.ts +20 -3
  266. package/dist/i18n/translate.js +25 -14
  267. package/dist/i18n/use-translation.d.ts +3 -3
  268. package/dist/i18n/use-translation.js +4 -2
  269. package/dist/{components/navigation → lab}/anchor.d.ts +2 -2
  270. package/dist/{components/navigation → lab}/anchor.js +5 -5
  271. package/dist/{components/data-display → lab}/carousel.js +2 -2
  272. package/dist/{components/layout → lab}/draggable-panel.d.ts +8 -8
  273. package/dist/{components/layout → lab}/draggable-panel.js +2 -2
  274. package/dist/{components/data-entry → lab}/emoji-picker.d.ts +2 -2
  275. package/dist/{components/data-entry → lab}/emoji-picker.js +6 -6
  276. package/dist/{components/general → lab}/float-button.d.ts +8 -8
  277. package/dist/{components/general → lab}/float-button.js +7 -7
  278. package/dist/lab/index.d.ts +39 -0
  279. package/dist/lab/index.js +48 -0
  280. package/dist/{components/layout → lab}/legal-document-shell.d.ts +2 -2
  281. package/dist/{components/layout → lab}/legal-document-shell.js +4 -4
  282. package/dist/{components/data-display → lab}/marquee.d.ts +5 -5
  283. package/dist/{components/data-display → lab}/marquee.js +5 -5
  284. package/dist/{components/layout → lab}/masonry.d.ts +2 -2
  285. package/dist/{components/layout → lab}/masonry.js +3 -3
  286. package/dist/{components/navigation → lab}/mega-menu.d.ts +4 -4
  287. package/dist/{components/navigation → lab}/mega-menu.js +2 -2
  288. package/dist/{components/data-display → lab}/org-chart.d.ts +2 -2
  289. package/dist/{components/data-display → lab}/org-chart.js +4 -4
  290. package/dist/{components/layout → lab}/page-cover.d.ts +2 -2
  291. package/dist/{components/layout → lab}/page-cover.js +2 -2
  292. package/dist/{components/data-display → lab}/range-timeline.d.ts +1 -1
  293. package/dist/{components/data-display → lab}/range-timeline.js +6 -6
  294. package/dist/{components/data-entry → lab}/sortable-list.d.ts +2 -2
  295. package/dist/{components/data-entry → lab}/sortable-list.js +3 -3
  296. package/dist/{components/data-display → lab}/text-diff.d.ts +3 -3
  297. package/dist/{components/data-display → lab}/text-diff.js +4 -4
  298. package/dist/{components/data-display → lab}/timeline-grid.d.ts +2 -2
  299. package/dist/{components/data-display → lab}/timeline-grid.js +1 -1
  300. package/dist/lib/control-styles.js +1 -1
  301. package/dist/lib/datetime/format.js +20 -6
  302. package/dist/lib/datetime/sync.d.ts +6 -2
  303. package/dist/lib/datetime/sync.js +14 -18
  304. package/dist/lib/platform.d.ts +1 -1
  305. package/dist/props/components/app.prop.d.ts +28 -13
  306. package/dist/props/components/data-display.prop.d.ts +19 -29
  307. package/dist/props/components/feedback.prop.d.ts +15 -44
  308. package/dist/props/components/general.prop.d.ts +2 -64
  309. package/dist/props/components/index.d.ts +9 -1
  310. package/dist/props/components/layout.prop.d.ts +41 -57
  311. package/dist/props/registry.d.ts +48 -101
  312. package/dist/props/registry.js +45 -129
  313. package/dist/props/vocabulary/index.d.ts +1 -1
  314. package/dist/props/vocabulary/interaction.prop.d.ts +3 -12
  315. package/dist/styles/alert-layout.css +0 -29
  316. package/dist/styles/data-display-layout.css +14 -22
  317. package/dist/styles/fonts/OFL.txt +93 -0
  318. package/dist/styles/form-layout.css +4 -0
  319. package/dist/styles/index.css +0 -2
  320. package/dist/styles/layers.json +44 -179
  321. package/dist/styles/text-layout.css +0 -15
  322. package/dist/styles.css +2 -0
  323. package/dist/themes/godx.css +43 -0
  324. package/dist/themes/godx.d.ts +13 -0
  325. package/dist/themes/godx.js +12 -0
  326. package/dist/tokens/components/feedback.css +0 -6
  327. package/dist/tokens/derived.css +23 -22
  328. package/dist/tokens/foundation.css +4 -6
  329. package/docs/COMPOSITION-VS-COMPONENT.md +58 -33
  330. package/docs/CONSUMER-RULES.md +1 -1
  331. package/docs/CUSTOMER-THEMING.md +17 -53
  332. package/docs/migrations/v32.md +98 -0
  333. package/package.json +58 -19
  334. package/scripts/_agent-setup.mjs +54 -3
  335. package/scripts/brand-accent.generated.mjs +15 -2
  336. package/scripts/cli.mjs +36 -11
  337. package/scripts/codemod.mjs +522 -0
  338. package/scripts/consumer-rule.md +21 -43
  339. package/scripts/postinstall.mjs +10 -47
  340. package/scripts/prune-css.mjs +1 -1
  341. package/scripts/ui-audit.mjs +5 -2
  342. package/dist/components/data-display/chat-bubble.d.ts +0 -30
  343. package/dist/components/data-display/chat-bubble.js +0 -229
  344. package/dist/components/data-display/hover-card.d.ts +0 -1
  345. package/dist/components/data-display/hover-card.js +0 -7
  346. package/dist/components/data-display/thought-chain.d.ts +0 -42
  347. package/dist/components/data-display/thought-chain.js +0 -177
  348. package/dist/components/data-display/thumbnail.d.ts +0 -37
  349. package/dist/components/data-display/thumbnail.js +0 -20
  350. package/dist/components/data-display/welcome.d.ts +0 -26
  351. package/dist/components/data-display/welcome.js +0 -37
  352. package/dist/components/data-entry/attachments.d.ts +0 -19
  353. package/dist/components/data-entry/attachments.js +0 -366
  354. package/dist/components/data-entry/chat-composer.d.ts +0 -51
  355. package/dist/components/data-entry/chat-composer.js +0 -200
  356. package/dist/components/data-entry/chat-suggestion.d.ts +0 -28
  357. package/dist/components/data-entry/chat-suggestion.js +0 -309
  358. package/dist/components/data-entry/tag-input.d.ts +0 -2
  359. package/dist/components/data-entry/tag-input.js +0 -5
  360. package/dist/components/feedback/banner.d.ts +0 -21
  361. package/dist/components/feedback/banner.js +0 -19
  362. package/dist/components/feedback/callout.d.ts +0 -23
  363. package/dist/components/feedback/callout.js +0 -42
  364. package/dist/components/layout/auth-shell.d.ts +0 -10
  365. package/dist/components/layout/auth-shell.js +0 -42
  366. package/dist/components/layout/space-compact.d.ts +0 -65
  367. package/dist/components/layout/space-compact.js +0 -52
  368. package/dist/components/navigation/conversations.d.ts +0 -39
  369. package/dist/components/navigation/conversations.js +0 -371
  370. package/dist/components/ui/accordion.d.ts +0 -51
  371. package/dist/components/ui/accordion.js +0 -254
  372. package/dist/components/ui/aspect-ratio.d.ts +0 -24
  373. package/dist/components/ui/aspect-ratio.js +0 -21
  374. package/dist/components/ui/avatar.d.ts +0 -16
  375. package/dist/components/ui/avatar.js +0 -115
  376. package/dist/components/ui/credential-reveal.d.ts +0 -9
  377. package/dist/components/ui/credential-reveal.js +0 -160
  378. package/dist/components/ui/hover-card.d.ts +0 -47
  379. package/dist/components/ui/hover-card.js +0 -205
  380. package/dist/components/ui/input-otp.d.ts +0 -48
  381. package/dist/components/ui/input-otp.js +0 -101
  382. package/dist/components/ui/password-input.d.ts +0 -38
  383. package/dist/components/ui/password-input.js +0 -60
  384. package/dist/components/ui/rating.d.ts +0 -38
  385. package/dist/components/ui/rating.js +0 -131
  386. package/dist/components/ui/segmented.d.ts +0 -94
  387. package/dist/components/ui/segmented.js +0 -108
  388. package/dist/components/ui/separator.d.ts +0 -25
  389. package/dist/components/ui/separator.js +0 -74
  390. package/dist/components/ui/toggle-group.d.ts +0 -108
  391. package/dist/components/ui/toggle-group.js +0 -194
  392. package/dist/components/ui/toggle.d.ts +0 -86
  393. package/dist/components/ui/toggle.js +0 -156
  394. package/docs/CANONICAL-CONTRACTS.md +0 -206
  395. package/docs/COMPONENTS.md +0 -163
  396. package/docs/DATETIME.md +0 -78
  397. package/docs/DEVELOPMENT.md +0 -269
  398. package/docs/FRAME-A11Y-CI.md +0 -287
  399. package/docs/FRAME-COVERAGE-LEDGER.md +0 -123
  400. package/docs/FRAME-COVERAGE-REPORT.md +0 -228
  401. package/docs/FRAME-COVERAGE-STANDARD.md +0 -65
  402. package/docs/FRAME-COVERAGE.md +0 -29
  403. package/docs/MEASUREMENT-CONTRACT.md +0 -109
  404. package/docs/PROPS-REGISTRY.md +0 -61
  405. package/docs/PROPS-VOCABULARY.md +0 -100
  406. package/docs/REGISTRY.md +0 -70
  407. package/docs/TESTING.md +0 -107
  408. package/docs/THEME-API-COVERAGE.md +0 -538
  409. package/docs/WHAT-BELONGS-HERE.md +0 -179
  410. package/docs/asset-modules.d.ts +0 -53
  411. package/docs/assets/cover-terrain.svg +0 -6
  412. package/docs/assets/portrait-amber.svg +0 -5
  413. package/docs/assets/portrait-clay.svg +0 -5
  414. package/docs/assets/portrait-indigo.svg +0 -5
  415. package/docs/assets/portrait-iris.svg +0 -5
  416. package/docs/assets/portrait-moss.svg +0 -5
  417. package/docs/assets/portrait-plum.svg +0 -5
  418. package/docs/assets/portrait-slate.svg +0 -5
  419. package/docs/assets/service-mark-rose.svg +0 -6
  420. package/docs/assets/service-mark-teal.svg +0 -5
  421. package/docs/assets/shot-landscape.svg +0 -12
  422. package/docs/assets/shot-portrait.svg +0 -10
  423. package/docs/assets/tcgm/card-1.svg +0 -1
  424. package/docs/assets/tcgm/card-2.svg +0 -1
  425. package/docs/assets/tcgm/card-3.svg +0 -1
  426. package/docs/assets/tcgm/card-4.svg +0 -1
  427. package/docs/assets/tcgm/card-5.svg +0 -1
  428. package/docs/assets/tcgm/card-6.svg +0 -1
  429. package/docs/assets/tcgm/hero-prism.svg +0 -1
  430. package/docs/assets/tcgm/scene-1.svg +0 -1
  431. package/docs/assets/tcgm/scene-2.svg +0 -1
  432. package/docs/assets/tcgm/scene-3.svg +0 -1
  433. package/docs/assets/tcgm/scene-4.svg +0 -1
  434. package/docs/assets/tcgm/scene-5.svg +0 -1
  435. package/docs/assets/tcgm/tcgm-lockup-color.svg +0 -1
  436. package/docs/assets/tcgm/tcgm-symbol-color.svg +0 -1
  437. package/docs/charts/cjk-category-axis.tsx +0 -81
  438. package/docs/charts/compact-bar-trend.tsx +0 -327
  439. package/docs/charts/size-tiers.tsx +0 -192
  440. package/docs/data-display/accordion.tsx +0 -99
  441. package/docs/data-display/avatar.tsx +0 -502
  442. package/docs/data-display/badge.tsx +0 -335
  443. package/docs/data-display/card/examples/detail-panel.tsx +0 -106
  444. package/docs/data-display/card/examples/tab-list.tsx +0 -97
  445. package/docs/data-display/card/index.md +0 -3
  446. package/docs/data-display/card/index.tsx +0 -390
  447. package/docs/data-display/carousel.tsx +0 -160
  448. package/docs/data-display/charts.tsx +0 -278
  449. package/docs/data-display/chat-bubble.tsx +0 -397
  450. package/docs/data-display/code-block.tsx +0 -188
  451. package/docs/data-display/collapsible.tsx +0 -162
  452. package/docs/data-display/credential-reveal.tsx +0 -148
  453. package/docs/data-display/data-table/examples/antd-parity.tsx +0 -257
  454. package/docs/data-display/data-table/examples/approval-queue.tsx +0 -212
  455. package/docs/data-display/data-table/examples/grid-features.tsx +0 -158
  456. package/docs/data-display/data-table/examples/list-page.tsx +0 -175
  457. package/docs/data-display/data-table/examples/selectable-inbox.tsx +0 -113
  458. package/docs/data-display/data-table/examples/server-paged.tsx +0 -179
  459. package/docs/data-display/data-table/examples/striped-list.tsx +0 -173
  460. package/docs/data-display/data-table/index.md +0 -9
  461. package/docs/data-display/data-table/index.tsx +0 -407
  462. package/docs/data-display/descriptions.tsx +0 -263
  463. package/docs/data-display/empty-state.tsx +0 -164
  464. package/docs/data-display/feature-list.tsx +0 -159
  465. package/docs/data-display/hover-card.tsx +0 -181
  466. package/docs/data-display/image.tsx +0 -170
  467. package/docs/data-display/legend.tsx +0 -158
  468. package/docs/data-display/list-row.tsx +0 -441
  469. package/docs/data-display/markdown.tsx +0 -86
  470. package/docs/data-display/marquee.tsx +0 -254
  471. package/docs/data-display/org-chart.tsx +0 -165
  472. package/docs/data-display/permission-matrix.tsx +0 -188
  473. package/docs/data-display/popover-touch.tsx +0 -27
  474. package/docs/data-display/popover.tsx +0 -331
  475. package/docs/data-display/progress.tsx +0 -162
  476. package/docs/data-display/prose.tsx +0 -169
  477. package/docs/data-display/qr-code.tsx +0 -68
  478. package/docs/data-display/scroll-area.tsx +0 -420
  479. package/docs/data-display/service-launcher-card.tsx +0 -445
  480. package/docs/data-display/stat-card.tsx +0 -354
  481. package/docs/data-display/swatch.tsx +0 -107
  482. package/docs/data-display/table.tsx +0 -362
  483. package/docs/data-display/text-diff.tsx +0 -89
  484. package/docs/data-display/thought-chain.tsx +0 -176
  485. package/docs/data-display/thumbnail.tsx +0 -128
  486. package/docs/data-display/timeline-grid.tsx +0 -119
  487. package/docs/data-display/timeline.tsx +0 -671
  488. package/docs/data-display/touch-actions.tsx +0 -36
  489. package/docs/data-display/tree.tsx +0 -724
  490. package/docs/data-display/welcome.tsx +0 -115
  491. package/docs/data-entry/attachments.tsx +0 -160
  492. package/docs/data-entry/block-editor.tsx +0 -105
  493. package/docs/data-entry/branch-scope-picker.tsx +0 -128
  494. package/docs/data-entry/calendar.tsx +0 -226
  495. package/docs/data-entry/cascader.tsx +0 -380
  496. package/docs/data-entry/chat-composer.tsx +0 -619
  497. package/docs/data-entry/chat-suggestion.tsx +0 -301
  498. package/docs/data-entry/checkbox.tsx +0 -256
  499. package/docs/data-entry/color-picker.tsx +0 -189
  500. package/docs/data-entry/command-palette.tsx +0 -179
  501. package/docs/data-entry/command.tsx +0 -341
  502. package/docs/data-entry/country-picker-recipe.tsx +0 -175
  503. package/docs/data-entry/date-picker.tsx +0 -452
  504. package/docs/data-entry/emoji-picker.tsx +0 -35
  505. package/docs/data-entry/form/examples/employee-settings.tsx +0 -267
  506. package/docs/data-entry/form/examples/invoice-form.tsx +0 -387
  507. package/docs/data-entry/form-dynamic-fields.tsx +0 -199
  508. package/docs/data-entry/form-field/examples/a11y-contract.tsx +0 -242
  509. package/docs/data-entry/form-field/examples/create-form.tsx +0 -107
  510. package/docs/data-entry/form-field/index.md +0 -8
  511. package/docs/data-entry/form-field/index.tsx +0 -337
  512. package/docs/data-entry/form-inertia.tsx +0 -80
  513. package/docs/data-entry/form-root.tsx +0 -112
  514. package/docs/data-entry/form.tsx +0 -1498
  515. package/docs/data-entry/input-otp.tsx +0 -258
  516. package/docs/data-entry/input.tsx +0 -796
  517. package/docs/data-entry/label.tsx +0 -102
  518. package/docs/data-entry/markdown-editor.tsx +0 -69
  519. package/docs/data-entry/number-input.tsx +0 -279
  520. package/docs/data-entry/password-input.tsx +0 -102
  521. package/docs/data-entry/password-strength.tsx +0 -99
  522. package/docs/data-entry/radio-group.tsx +0 -316
  523. package/docs/data-entry/rating.tsx +0 -91
  524. package/docs/data-entry/record-picker.tsx +0 -209
  525. package/docs/data-entry/search-input.tsx +0 -121
  526. package/docs/data-entry/segmented-in-filter-row.tsx +0 -60
  527. package/docs/data-entry/segmented.tsx +0 -300
  528. package/docs/data-entry/select-async-contracts.tsx +0 -108
  529. package/docs/data-entry/select-matrix.tsx +0 -209
  530. package/docs/data-entry/select.tsx +0 -547
  531. package/docs/data-entry/slider.tsx +0 -212
  532. package/docs/data-entry/sortable-list.tsx +0 -76
  533. package/docs/data-entry/switch.tsx +0 -314
  534. package/docs/data-entry/tag-input.tsx +0 -145
  535. package/docs/data-entry/textarea.tsx +0 -249
  536. package/docs/data-entry/time-picker.tsx +0 -187
  537. package/docs/data-entry/time-range-picker.tsx +0 -55
  538. package/docs/data-entry/toggle-count.tsx +0 -348
  539. package/docs/data-entry/toggle-group.tsx +0 -438
  540. package/docs/data-entry/toggle.tsx +0 -217
  541. package/docs/data-entry/transfer.tsx +0 -115
  542. package/docs/data-entry/tree-select.tsx +0 -204
  543. package/docs/data-entry/upload-crop-dialog.tsx +0 -109
  544. package/docs/data-entry/upload.tsx +0 -310
  545. package/docs/feedback/alert-dialog.tsx +0 -270
  546. package/docs/feedback/alert.tsx +0 -248
  547. package/docs/feedback/auth-expiry.tsx +0 -104
  548. package/docs/feedback/banner.tsx +0 -183
  549. package/docs/feedback/callout.tsx +0 -220
  550. package/docs/feedback/danger-confirm.tsx +0 -91
  551. package/docs/feedback/dialog-touch.tsx +0 -24
  552. package/docs/feedback/dialog.tsx +0 -373
  553. package/docs/feedback/sheet.tsx +0 -510
  554. package/docs/feedback/skeleton.tsx +0 -168
  555. package/docs/feedback/toast.tsx +0 -135
  556. package/docs/feedback/tooltip.tsx +0 -171
  557. package/docs/feedback/two-factor-setup.tsx +0 -68
  558. package/docs/foundation/_email-specimen.ts +0 -274
  559. package/docs/foundation/_theme-editor-scope.ts +0 -222
  560. package/docs/foundation/colors.tsx +0 -207
  561. package/docs/foundation/density.tsx +0 -242
  562. package/docs/foundation/email-tokens.tsx +0 -323
  563. package/docs/foundation/radius-shadow.tsx +0 -154
  564. package/docs/foundation/spacing.tsx +0 -216
  565. package/docs/foundation/theme-editor.tsx +0 -654
  566. package/docs/foundation/typography.tsx +0 -147
  567. package/docs/general/actions.tsx +0 -175
  568. package/docs/general/activity.tsx +0 -289
  569. package/docs/general/button/examples/destructive-confirm.tsx +0 -90
  570. package/docs/general/button/examples/form-actions.tsx +0 -87
  571. package/docs/general/button/examples/toolbar.tsx +0 -160
  572. package/docs/general/button/index.md +0 -16
  573. package/docs/general/button/index.tsx +0 -236
  574. package/docs/general/float-button.tsx +0 -133
  575. package/docs/general/icon.tsx +0 -217
  576. package/docs/general/logo.tsx +0 -194
  577. package/docs/general/reveal.tsx +0 -309
  578. package/docs/general/typography.tsx +0 -542
  579. package/docs/i18n/messages/en.json +0 -1715
  580. package/docs/i18n/messages/ja.json +0 -1708
  581. package/docs/i18n/messages/vi.json +0 -1708
  582. package/docs/layout/account-chip.tsx +0 -72
  583. package/docs/layout/admin-collection.tsx +0 -122
  584. package/docs/layout/affix.tsx +0 -209
  585. package/docs/layout/app-launcher.tsx +0 -211
  586. package/docs/layout/app-shell-arrangements.tsx +0 -225
  587. package/docs/layout/app-shell-narrow-bar.tsx +0 -205
  588. package/docs/layout/app-shell-states.tsx +0 -171
  589. package/docs/layout/app-shell.tsx +0 -395
  590. package/docs/layout/aspect-ratio.tsx +0 -135
  591. package/docs/layout/auth-account-summary.tsx +0 -103
  592. package/docs/layout/auth-divider.tsx +0 -28
  593. package/docs/layout/auth-footer.tsx +0 -37
  594. package/docs/layout/auth-identity.tsx +0 -70
  595. package/docs/layout/auth-recovery/examples/mfa-challenge.md +0 -41
  596. package/docs/layout/auth-recovery/examples/mfa-challenge.tsx +0 -254
  597. package/docs/layout/auth-recovery/examples/mobile-390.md +0 -25
  598. package/docs/layout/auth-recovery/examples/mobile-390.tsx +0 -82
  599. package/docs/layout/auth-recovery/examples/password-recovery.md +0 -24
  600. package/docs/layout/auth-recovery/examples/password-recovery.tsx +0 -197
  601. package/docs/layout/auth-recovery/examples/wrapping-ja-en-vi.md +0 -27
  602. package/docs/layout/auth-recovery/examples/wrapping-ja-en-vi.tsx +0 -156
  603. package/docs/layout/auth-recovery/index.md +0 -140
  604. package/docs/layout/auth-recovery/index.tsx +0 -96
  605. package/docs/layout/auth-shell-context.tsx +0 -103
  606. package/docs/layout/auth-shell-device.tsx +0 -112
  607. package/docs/layout/auth-shell-registration.tsx +0 -338
  608. package/docs/layout/auth-shell-variants.tsx +0 -143
  609. package/docs/layout/auth-shell.tsx +0 -59
  610. package/docs/layout/auth-stack.tsx +0 -40
  611. package/docs/layout/centered-shell.tsx +0 -102
  612. package/docs/layout/draggable-panel.tsx +0 -127
  613. package/docs/layout/error-surface/examples/application-403.tsx +0 -84
  614. package/docs/layout/error-surface/examples/application-404.tsx +0 -77
  615. package/docs/layout/error-surface/examples/system-500.tsx +0 -47
  616. package/docs/layout/error-surface/examples/system-503.tsx +0 -48
  617. package/docs/layout/error-surface/index.md +0 -153
  618. package/docs/layout/error-surface/index.tsx +0 -239
  619. package/docs/layout/flex.tsx +0 -444
  620. package/docs/layout/legal-document-shell/_data.ts +0 -110
  621. package/docs/layout/legal-document-shell/examples/desktop-1440.md +0 -12
  622. package/docs/layout/legal-document-shell/examples/desktop-1440.tsx +0 -83
  623. package/docs/layout/legal-document-shell/examples/mobile-390.md +0 -22
  624. package/docs/layout/legal-document-shell/examples/mobile-390.tsx +0 -70
  625. package/docs/layout/legal-document-shell/examples/tablet-1024.md +0 -3
  626. package/docs/layout/legal-document-shell/examples/tablet-1024.tsx +0 -84
  627. package/docs/layout/legal-document-shell/examples/wrapping-ja-en-vi.md +0 -18
  628. package/docs/layout/legal-document-shell/examples/wrapping-ja-en-vi.tsx +0 -61
  629. package/docs/layout/legal-document-shell/index.md +0 -51
  630. package/docs/layout/legal-document-shell/index.tsx +0 -101
  631. package/docs/layout/masonry.tsx +0 -291
  632. package/docs/layout/master-detail.tsx +0 -390
  633. package/docs/layout/mobile-shell.tsx +0 -106
  634. package/docs/layout/nav-list.tsx +0 -584
  635. package/docs/layout/org-switcher.tsx +0 -131
  636. package/docs/layout/page-container.tsx +0 -1020
  637. package/docs/layout/page-cover.tsx +0 -56
  638. package/docs/layout/resizable-panel.tsx +0 -419
  639. package/docs/layout/responsive-grid.tsx +0 -403
  640. package/docs/layout/separator.tsx +0 -327
  641. package/docs/layout/service-role-panel.tsx +0 -144
  642. package/docs/layout/sidebar.tsx +0 -689
  643. package/docs/layout/space-compact.tsx +0 -202
  644. package/docs/layout/split-pane.tsx +0 -532
  645. package/docs/layout/topbar-item.tsx +0 -233
  646. package/docs/layout/topbar.tsx +0 -360
  647. package/docs/navigation/anchor.tsx +0 -295
  648. package/docs/navigation/app-setting-picker.tsx +0 -178
  649. package/docs/navigation/app-setting-toggle.tsx +0 -111
  650. package/docs/navigation/breadcrumb.tsx +0 -207
  651. package/docs/navigation/card-tabs.tsx +0 -344
  652. package/docs/navigation/conversations.tsx +0 -176
  653. package/docs/navigation/dropdown-menu.tsx +0 -345
  654. package/docs/navigation/filter-bar.tsx +0 -247
  655. package/docs/navigation/mega-menu-panel.tsx +0 -86
  656. package/docs/navigation/mega-menu.tsx +0 -254
  657. package/docs/navigation/pagination.tsx +0 -293
  658. package/docs/navigation/steps.tsx +0 -315
  659. package/docs/navigation/tabs-rtl.tsx +0 -28
  660. package/docs/navigation/tabs.tsx +0 -755
  661. package/docs/navigation/toolbar.tsx +0 -347
  662. package/docs/providers/app-provider.tsx +0 -191
  663. package/docs/providers/format-date.tsx +0 -230
  664. package/docs/providers/theme-scope.tsx +0 -186
  665. package/docs/query/button-refetch.tsx +0 -161
  666. package/docs/query/data-state.tsx +0 -262
  667. package/docs/query/infinite-query-state.tsx +0 -97
  668. package/docs/query/mutation-feedback.tsx +0 -128
  669. package/docs/query/touch-actions.tsx +0 -68
  670. package/docs/react-router/prefetch-link.tsx +0 -262
  671. package/docs/roadmap/ai-chat-components.md +0 -206
  672. package/docs/roadmap/antd-parity.md +0 -155
  673. package/docs/roadmap/badge-tag-chip-count.md +0 -172
  674. package/docs/roadmap/list-masonry.md +0 -159
  675. package/docs/roadmap/parity-audit-data-display-feedback.md +0 -567
  676. package/docs/roadmap/parity-audit-data-entry.md +0 -368
  677. package/docs/roadmap/parity-audit-layout-navigation-general.md +0 -459
  678. package/docs/roadmap/parity-backlog.md +0 -77
  679. package/docs/roadmap/tree-components.md +0 -151
  680. package/docs/roadmap/website-components.md +0 -813
  681. package/docs/showcase/acme-portal.tsx +0 -461
  682. package/docs/showcase/acme-website.tsx +0 -499
  683. package/docs/showcase/caimono-price-comparison.tsx +0 -919
  684. package/docs/showcase/case1-warehouse-dashboard.tsx +0 -358
  685. package/docs/showcase/case2-employee-me.tsx +0 -438
  686. package/docs/showcase/case3-approval-workflow.tsx +0 -531
  687. package/docs/showcase/case4-login.tsx +0 -312
  688. package/docs/showcase/case5-shift-calendar.tsx +0 -702
  689. package/docs/showcase/case6-agency-handy.tsx +0 -1120
  690. package/docs/showcase/futurelastic-web.tsx +0 -441
  691. package/docs/showcase/marketing-page.tsx +0 -895
  692. package/docs/showcase/org-switcher.tsx +0 -320
  693. package/docs/showcase/permission-matrix.tsx +0 -354
  694. package/docs/showcase/public-landing.tsx +0 -210
  695. package/docs/showcase/settings-account-sections.tsx +0 -559
  696. package/docs/showcase/settings-security-mfa.tsx +0 -145
  697. package/docs/showcase/table-approval-queue.tsx +0 -199
  698. package/docs/showcase/table-bulk-actions.tsx +0 -468
  699. package/docs/showcase/table-compact-kintone.tsx +0 -438
  700. package/docs/showcase/table-conditional-format.tsx +0 -367
  701. package/docs/showcase/table-crud-list.tsx +0 -544
  702. package/docs/showcase/table-density.tsx +0 -349
  703. package/docs/showcase/table-expandable-rows.tsx +0 -496
  704. package/docs/showcase/table-filter-chips.tsx +0 -468
  705. package/docs/showcase/table-footer-totals.tsx +0 -328
  706. package/docs/showcase/table-grouped-subtotals.tsx +0 -398
  707. package/docs/showcase/table-master-detail.tsx +0 -482
  708. package/docs/showcase/table-pagination.tsx +0 -409
  709. package/docs/showcase/table-states.tsx +0 -371
  710. package/docs/showcase/table-sticky-columns.tsx +0 -377
  711. package/docs/showcase/table-tree-rows.tsx +0 -451
  712. package/docs/showcase/table-view-tabs.tsx +0 -488
  713. package/docs/showcase/tcgm-website.tsx +0 -1047
  714. package/docs/showcase/tenant-brand-color.tsx +0 -338
  715. package/docs/showcase/theme-customization.tsx +0 -1292
  716. package/docs/showcase/theme-lab.tsx +0 -2125
  717. package/docs/themes/flat.css +0 -466
  718. package/docs/themes/glassmorphism.css +0 -960
  719. package/docs/themes/index.ts +0 -219
  720. package/docs/themes/neubrutalism.css +0 -481
  721. /package/dist/components/navigation/{filter-bar.d.ts → toolbar.d.ts} +0 -0
  722. /package/dist/components/navigation/{filter-bar.js → toolbar.js} +0 -0
  723. /package/dist/{components/data-display → lab}/carousel.d.ts +0 -0
  724. /package/dist/{components/data-entry → lab}/emoji-data.d.ts +0 -0
  725. /package/dist/{components/data-entry → lab}/emoji-data.js +0 -0
  726. /package/dist/{components/data-display → lab}/marquee-reveal.d.ts +0 -0
  727. /package/dist/{components/data-display → lab}/marquee-reveal.js +0 -0
@@ -1,538 +0,0 @@
1
- # Theme API coverage — an inventory, not a fix
2
-
3
- Measured against `main` @ `2ec5fe9a`. This is a count, not a judgement call on any single component; the judgement calls (structural exclusions, alias corrections) are all named below so they can be checked or reverted independently.
4
-
5
- ## Headline numbers
6
-
7
- - **134 components** carry attributable painted CSS in `src/styles/*.css` (out of ~860 catalogued exports — most of the rest are hooks, sub-parts folded into a parent, or non-visual utilities with no CSS of their own).
8
- - **3595 visual declarations** parsed and classified (`color`, `background*`, `border*`, `box-shadow`, `backdrop-filter`, `opacity`, `font-size`, `font-weight`, `letter-spacing`, `padding*`, `margin*`, `gap`, `inline-size`/`block-size`, `min-*`/`max-*`).
9
- - Of the **3073 non-structural declarations**: **2701 reachable (87.9%)**, **372 hard-coded (12.1%)**.
10
- - **522 declarations excluded as structural** (see Methodology) — a separate, itemised judgement call, not folded into the headline percentage.
11
- - **39/134 components measure 100%** of their non-structural declarations reachable through a _published_ token.
12
- - The owner's claim — "every smallest element inside a component must be configurable from the theme API" — is **88% true by declaration count**, concentrated in a **93-component tail**; the worst of that tail (Sidebar, Calendar, Slider, Topbar) sit at 68–78%.
13
-
14
- ## Method (so the numbers can be checked)
15
-
16
- 1. **Parsed** every rule in `src/styles/*.css` (22,728 lines) and `src/tokens/components/*.css` (5,771 lines) with a small hand-written CSS tokenizer (no nesting syntax is used anywhere in this codebase — verified by grep — so a brace-depth parser is exact; spot-checked against the source at random for line-number accuracy).
17
- 2. **`src/tokens/components/*.css` turned out to contribute zero rows to the classification.** Every rule in it is `:root { --x: value; }` (56 files, confirmed by selector census) — i.e. _custom-property definitions_, not the standard properties (`color`, `background`, …) the brief asks to classify. Its real role here is (a) the source of truth for which `--x` names exist so a `var(--x)` chain can be traced past one hop, and (b) the token-graph inputs for Finding 1 below. Total custom-property definitions found there: **1,688** — which exactly matches `agent/tokens.json`'s `"tier": "component"` count (1,688/1,981), a useful cross-check that nothing was mis-scoped.
18
- 3. **Attributed each declaration to a component** by the right-most compound of its selector: `.ui-<name>-…` or `[data-slot="<name>"]`, matched (longest-prefix) against the 860 names in `mcp/src/data/components.ts`. Three real mismatches between the CSS taxonomy and the catalog were found and hand-aliased (not guessed): `.sb-*`/`.tb-*` are undocumented bare-prefix shorthand for **Sidebar**/**Topbar** (no `ui-` at all — a third naming convention alongside `ui-` and `.app-*`); `.ui-legal-document-*`/`.ui-otp-*`/`.ui-auth-account-*` are shorter than their catalog kebab (`legal-document-shell`, `input-otp`, `auth-account-summary`); `.ui-page-header/-toolbar/-footer/-title/-subtitle` fold into `PageContainer`. `.app-*` (`.app-topbar`, `.app-sidebar`, `.app-nav-rail`, …) turned out to be **AppShell's own** class prefix, not a consumer/demo class — a fourth convention for the same component.
19
- 4. **Two things don't attribute to any single component** and are reported separately, not folded into an arbitrary one: `.ui-control*` (shared base under Input/Select/Textarea/…) and `.ui-choice-*` (shared base under Checkbox/Radio). `.ui-chart`/`.ui-chart-trend-*` (the ChartFrame wrapper shared by Area/Bar/Line/PieChart) likewise. **`.ui-combobox-*` (24 declarations, `src/styles/control.css`) matches no render call anywhere in `src/components` — it appears to be dead CSS**, a separate finding from theme-reachability and flagged as such, not counted toward any component's score.
20
- 5. **Classified each declaration**: `reachable` if its value contains `var(--x)` and `--x ∈ agent/tokens.json`; `hardcoded-internal-token` if it contains `var(--x)` but `--x` is _not_ published (counted as hard-coded per the brief: _"a value that is var(--x) where --x is an INTERNAL, undocumented custom property is hard-coded from the consumer's point of view"_); `hardcoded-literal` if there is no `var()` at all.
21
- 6. **Structural exclusions** — narrow, mechanical, and named per row so a reviewer can disagree with any one of them:
22
- - `border(-*)-width: 0/1px/2px/thin/medium` — hairline/reset, not a colour or scale decision.
23
- - `opacity: 0` or `1` — binary show/hide toggle, not a translucency value (`opacity: 0.5`, `0.6`, `0.7`, `0.38`… are all still counted as hard-coded — those _are_ a design decision).
24
- - `padding*`/`margin*`/`gap: 0` — box-model reset, and `padding`/`margin: auto` — the centering idiom.
25
- - `min-(width|height|inline-size|block-size): 0/auto` — the flexbox/grid overflow-fix idiom.
26
- - `box-shadow: none` / `backdrop-filter: none` — removes the effect entirely, nothing to retune.
27
- - `color`/`background`/`border`/`box-shadow: transparent | inherit | currentColor | none | initial | unset` — the value defers to context and paints nothing of its own; there is no authored colour for a theme to override.
28
- - `color`/`background`/`border` set to a **forced-colors/high-contrast system keyword** (`CanvasText`, `Highlight`, `ButtonText`, …) — deliberately not themeable; it defers to the _user's OS_ palette, and overriding it would be an accessibility regression, not a fix.
29
- - Anything else — including `border-radius: 0`, `font-weight: 700`, and disabled-state opacities — is **counted as hard-coded**, on purpose: a tenant that sets `borderRadius: 0` globally, or wants sharp corners, or a different disabled-state fade, is a real theming request these values would resist.
30
- 7. **The published-token cross-check (Finding 1, below) surfaced a second-order pattern**: several `hardcoded-internal-token` hits are _local variant-switch indirection_ — e.g. `inline-size: var(--avatar-glyph-size)` where `--avatar-glyph-size` is itself set per-size by `--avatar-glyph-size: var(--avatar-glyph-size-xs)` one selector up, and `--avatar-glyph-size-xs` **is** published. Per the brief's rule this is still counted as hard-coded (the name written at the point of use is not itself a published, stable knob), but it is a materially different, and much less serious, defect than a value with no path to a published token at all — so the two are told apart below rather than blended into one number.
31
-
32
- ## The Ant Design layer question
33
-
34
- Ant Design v5: **Seed → Map → Alias → Component**. A Seed is a handful of raw decisions (a brand hue, a base radius, a base font size). Map derives an _algorithmic scale_ from the Seed (e.g. `radius100`, `radius200`, `radiusLG`) — internal, not meant to be hand-edited. Alias assigns _semantic_ names to slices of the Map for reuse across components (`colorPrimary`, `colorBorder`). Component tokens are the last word a specific component reads (`Button.colorPrimary`), usually itself derived from an Alias.
35
-
36
- This library has three of the four, cleanly separated in `agent/tokens.json`: **`foundation` (201 tokens)** plays Seed (`--background`, `--radius`, `--radius-ratio`, `--font-size-base`…), **`semantic` (92)** is Alias (`--primary`, `--border`, `--muted-foreground`…), **`component` (1,688)** is Component, and the chain resolves correctly in the overwhelming majority of cases — 943 of the 1,688 component tokens (56%) reference another custom property rather than bottoming out in a literal, and of the 745 that do bottom out at a literal, only **6** are colours (mostly QR-code black/white and two brand-identity marks, both legitimately fixed-by-design, plus two on `Upload`'s avatar-change overlay, `rgb(0 0 0 / 0.7)` and `#fff`, which are not — see Finding 2).
37
-
38
- **Finding 1 — the Map layer exists in code and is invisible to the catalog, because it lives in the wrong directory.** `src/styles/base.css:169-176` derives a φ-ratio radius scale — `--radius-xs`, `--radius-sm`, `--radius-md`, `--radius-lg`, `--radius-xl`, `--radius-2xl` — algorithmically from the Seed (`calc(var(--radius) / var(--radius-ratio))`, etc.), exactly Ant Design's Map tier. The catalog generator, `scripts/gen-agent-catalog.mjs:137-142`, only scans `src/tokens/foundation.css`, `src/tokens/derived.css`, `src/tokens/semantic/*.css`, and `src/tokens/components/*.css` — it never looks at `src/styles/`. So `--radius-md` is real, load-bearing (referenced by **40 separate `border-radius` declarations** across Badge, Table, Dialog, Segmented, Tabs, Mega Menu, Time Picker, Tree Select, Calendar, Transfer, Skeleton, Code Block, Prose, App Launcher, Upload, Steps, Menu, Draggable Panel, Float Button, Descriptions, Chart), and is one `var()` hop from two published Seed tokens (`--radius`, `--radius-ratio`) — but a consumer reading `agent/tokens.json` cannot find `--radius-md` by name, and an agent using `get_tokens` would not know it exists. This is a location bug in the generator's scan list, not a design decision: the equivalent scales for spacing (`--space-*`) and type (`--font-size-*`) **are** published, so the pattern the repo intends is clearly "publish the Map." Fix is mechanical — move the scale into `src/tokens/foundation.css`, or add `src/styles/base.css` to the generator's scan list — and it would flip all 40 of those declarations, plus a same-shaped (unquantified here) `--text-2xs`…`--text-5xl` bridge scale at `base.css:213-244`, from "hard-coded" to "reachable" in one PR, with no CSS behaviour change.
39
-
40
- **No missing layer otherwise** — Seed, Alias and Component are each real, populated, and (component tokens) individually overridable per the framework's own theming docs. The gap is narrower than "no Map tier"; it is "one Map-tier scale published, one not," and it is fixable at the generator, not by inventing new terminology.
41
-
42
- ## Main table — every component with attributable CSS, worst coverage first
43
-
44
- Excludes the structural declarations from both the denominator and the percentage (see Method §6). `declarations` = reachable + hard-coded + structural for that component. **Caveat on small N**: a handful of rows (`icon`, `affix`, `chat-bubble-list`, `split-pane`, `password-input`) have 5 or fewer non-structural declarations, so one hard-coded value swings the percentage by 20-50 points — read those as "has at least one gap," not as meaningfully worse than a large component sitting at 85%.
45
-
46
- | component | declarations | reachable | hard-coded | structural | % reachable | hard-coded (top 5, file:line → property: value) |
47
- | ------------------------ | -----------: | --------: | ---------: | ---------: | ----------: | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
48
- | **icon** | 2 | 0 | 2 | 0 | 0% | `src/styles/icon-layout.css:22` → `inline-size: var(--icon-glyph-size)` — var target `--icon-glyph-size` not in `agent/tokens.json`<br>`src/styles/icon-layout.css:23` → `block-size: var(--icon-glyph-size)` — var target `--icon-glyph-size` not in `agent/tokens.json` |
49
- | **affix** | 2 | 0 | 2 | 0 | 0% | `src/styles/layout.css:2449` → `block-size: 1px`<br>`src/styles/layout.css:2488` → `inline-size: var(--affix-content-inline-size, auto)` — var target `--affix-content-inline-size` not in `agent/tokens.json` |
50
- | **rating** | 14 | 4 | 6 | 4 | 40% | `src/styles/control.css:1424` → `border: 0`<br>`src/styles/control.css:1456` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:3960` → `border: 0`<br>`src/styles/control.css:1421` → `min-width: 1.5rem`<br>`src/styles/control.css:1422` → `min-height: 1.5rem`<br>_+1 more — see [appendix](#rating)_ |
51
- | **password-input** | 5 | 2 | 2 | 1 | 50% | `src/styles/control.css:1232` → `border: 0`<br>`src/styles/control.css:1220` → `padding-inline-end: 2.5rem` |
52
- | **chat-bubble-list** | 4 | 1 | 1 | 2 | 50% | `src/styles/data-display-layout.css:2418` → `block-size: 100%` |
53
- | **split-pane** | 7 | 1 | 1 | 5 | 50% | `src/styles/layout.css:652` → `block-size: 100%` |
54
- | **qr-code** | 7 | 4 | 3 | 0 | 57% | `src/styles/data-display-layout.css:1185` → `block-size: auto`<br>`src/styles/data-display-layout.css:1186` → `max-inline-size: 100%`<br>`src/styles/dialog-layout.css:237` → `inline-size: 7.5rem` |
55
- | **number-input** | 17 | 9 | 6 | 2 | 60% | `src/styles/control.css:1881` → `gap: 0.0625rem`<br>`src/styles/control.css:1694` → `inline-size: 100%`<br>`src/styles/control.css:1831` → `inline-size: 100%`<br>`src/styles/control.css:1888` → `inline-size: 1.5rem`<br>`src/styles/control.css:1891` → `inline-size: 0.75rem`<br>_+1 more — see [appendix](#number-input)_ |
56
- | **marquee** | 8 | 3 | 2 | 3 | 60% | `src/styles/motion.css:257` → `inline-size: 100%`<br>`src/styles/motion.css:297` → `inline-size: max-content` |
57
- | **card-bar** | 15 | 9 | 5 | 1 | 64% | `src/styles/card-layout.css:254` → `border-block-start-width: 0`<br>`src/styles/card-layout.css:258` → `border-block-end-width: 0`<br>`src/styles/card-layout.css:932` → `border-block: 0`<br>`src/styles/card-layout.css:935` → `border-block-end: 0`<br>`src/styles/card-layout.css:939` → `border-block-start: 0` |
58
- | **skeleton** | 31 | 20 | 10 | 1 | 67% | `src/styles/alert-layout.css:401` → `background-size: 400% 100%`<br>`src/styles/alert-layout.css:342` → `max-width: 56rem`<br>`src/styles/alert-layout.css:373` → `inline-size: 100%`<br>`src/styles/alert-layout.css:443` → `block-size: var(--skeleton-element-block-size)` — var target `--skeleton-element-block-size` not in `agent/tokens.json`<br>`src/styles/alert-layout.css:460` → `inline-size: var(--skeleton-element-block-size)` — var target `--skeleton-element-block-size` not in `agent/tokens.json`<br>_+5 more — see [appendix](#skeleton)_ |
59
- | **accordion** | 9 | 6 | 3 | 0 | 67% | `src/styles/data-display-layout.css:821` → `opacity: 0.5`<br>`src/styles/data-display-layout.css:816` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/data-display-layout.css:808` → `font-weight: 500` |
60
- | **master-detail** | 10 | 6 | 3 | 1 | 67% | `src/styles/layout.css:1893` → `block-size: 0`<br>`src/styles/layout.css:1901` → `block-size: 0`<br>`src/styles/layout.css:1908` → `max-block-size: none` |
61
- | **form-field-control** | 5 | 2 | 1 | 2 | 67% | `src/styles/form-layout.css:131` → `max-inline-size: var(--form-control-width, none)` — var target `--form-control-width` not in `agent/tokens.json` |
62
- | **masonry** | 5 | 2 | 1 | 2 | 67% | `src/styles/layout.css:2401` → `inline-size: calc(var(--masonry-item-track) - var(--masonry-gap-inline))` — var target `--masonry-item-track` not in `agent/tokens.json` |
63
- | **tag-input** | 34 | 17 | 8 | 9 | 68% | `src/styles/control.css:1661` → `opacity: 0.7`<br>`src/styles/control.css:1643` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:1657` → `border: 0`<br>`src/styles/control.css:1682` → `border: 0`<br>`src/styles/control.css:1655` → `margin-inline-end: -0.25rem`<br>_+3 more — see [appendix](#tag-input)_ |
64
- | **slider** | 62 | 40 | 17 | 5 | 70% | `src/styles/control.css:860` → `border-radius: inherit`<br>`src/styles/control.css:807` → `inline-size: 100%`<br>`src/styles/control.css:817` → `inline-size: fit-content`<br>`src/styles/control.css:818` → `block-size: 100%`<br>`src/styles/control.css:838` → `block-size: auto`<br>_+12 more — see [appendix](#slider)_ |
65
- | **input** | 33 | 22 | 9 | 2 | 71% | `src/styles/control.css:2627` → `border: 0`<br>`src/styles/control.css:3699` → `border-inline-end: 0`<br>`src/styles/control.css:3705` → `border-inline-start: 0`<br>`src/styles/control.css:3715` → `border-start-start-radius: 0`<br>`src/styles/control.css:3716` → `border-end-start-radius: 0`<br>_+4 more — see [appendix](#input)_ |
66
- | **input-otp** | 30 | 20 | 8 | 2 | 71% | `src/styles/control.css:1322` → `border-inline-start-width: 0`<br>`src/styles/control.css:1328` → `border-start-start-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:1329` → `border-end-start-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:1332` → `border-start-end-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:1333` → `border-end-end-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>_+3 more — see [appendix](#input-otp)_ |
67
- | **typography** | 30 | 15 | 6 | 9 | 71% | `src/styles/shell-layout.css:3057` → `border-radius: 4px`<br>`src/styles/text-layout.css:475` → `border: 0`<br>`src/styles/text-layout.css:557` → `font-weight: inherit`<br>`src/styles/text-layout.css:554` → `font-size: inherit`<br>`src/styles/shell-layout.css:3054` → `padding: 1px 5px`<br>_+1 more — see [appendix](#typography)_ |
68
- | **skeleton-article** | 8 | 5 | 2 | 1 | 71% | `src/styles/alert-layout.css:516` → `inline-size: 100%`<br>`src/styles/alert-layout.css:543` → `inline-size: var(--skeleton-line-width, 100%)` — var target `--skeleton-line-width` not in `agent/tokens.json` |
69
- | **scroll-area** | 7 | 5 | 2 | 0 | 71% | `src/styles/data-display-layout.css:1317` → `inline-size: max-content`<br>`src/styles/data-display-layout.css:1318` → `min-inline-size: 100%` |
70
- | **form-field** | 29 | 20 | 7 | 2 | 74% | `src/styles/form-layout.css:106` → `inline-size: 100%`<br>`src/styles/form-layout.css:114` → `inline-size: auto`<br>`src/styles/form-layout.css:167` → `max-inline-size: 100%`<br>`src/styles/form-layout.css:202` → `max-inline-size: 100%`<br>`src/styles/form-layout.css:236` → `max-inline-size: 100%`<br>_+2 more — see [appendix](#form-field)_ |
71
- | **two-factor-setup** | 13 | 9 | 3 | 1 | 75% | `src/styles/dialog-layout.css:250` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/dialog-layout.css:260` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/dialog-layout.css:216` → `max-width: 27.5rem` |
72
- | **app-setting-picker** | 26 | 9 | 3 | 14 | 75% | `src/styles/navigation-layout.css:6` → `border: 0`<br>`src/styles/navigation-layout.css:7` → `border-radius: 0`<br>`src/styles/navigation-layout.css:25` → `border-radius: 0` |
73
- | **thumbnail** | 8 | 6 | 2 | 0 | 75% | `src/styles/data-display-layout.css:592` → `inline-size: auto`<br>`src/styles/data-display-layout.css:595` → `max-inline-size: 100%` |
74
- | **calendar** | 85 | 57 | 18 | 10 | 76% | `src/styles/control.css:2914` → `border-radius: 0`<br>`src/styles/control.css:3116` → `border-collapse: collapse`<br>`src/styles/control.css:3224` → `border-radius: 0`<br>`src/styles/control.css:3231` → `border-start-end-radius: 0`<br>`src/styles/control.css:3232` → `border-end-end-radius: 0`<br>_+13 more — see [appendix](#calendar)_ |
75
- | **sidebar** | 115 | 71 | 21 | 23 | 77% | `src/styles/shell-layout.css:2121` → `color: white`<br>`src/styles/shell-layout.css:2190` → `color: var(--sidebar-section-label-foreground, hsl(var(--muted-foreg...` — var target `--sidebar-section-label-foreground` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:2379` → `opacity: 0.6`<br>`src/styles/shell-layout.css:2411` → `opacity: 0.4`<br>`src/styles/shell-layout.css:2091` → `border: 0`<br>_+16 more — see [appendix](#sidebar)_ |
76
- | **topbar** | 62 | 38 | 11 | 13 | 78% | `src/styles/shell-layout.css:2986` → `color: white`<br>`src/styles/shell-layout.css:2950` → `border: 1px solid transparent`<br>`src/styles/shell-layout.css:2967` → `border-style: dashed`<br>`src/styles/shell-layout.css:3071` → `border: 0`<br>`src/styles/shell-layout.css:2988` → `font-weight: 700`<br>_+6 more — see [appendix](#topbar)_ |
77
- | **skeleton-table** | 11 | 7 | 2 | 2 | 78% | `src/styles/alert-layout.css:322` → `border-radius: 0`<br>`src/styles/table-layout.css:697` → `border-radius: 0` |
78
- | **skeleton-form** | 11 | 8 | 2 | 1 | 80% | `src/styles/alert-layout.css:299` → `max-inline-size: 100%`<br>`src/styles/alert-layout.css:306` → `inline-size: 100%` |
79
- | **service-role-panel** | 6 | 4 | 1 | 1 | 80% | `src/styles/layout.css:606` → `max-inline-size: 100%` |
80
- | **resizable-panel** | 8 | 4 | 1 | 3 | 80% | `src/styles/layout.css:709` → `opacity: 0.5` |
81
- | **search** | 47 | 30 | 7 | 10 | 81% | `src/styles/control.css:2046` → `border: 0`<br>`src/styles/control.css:2047` → `border-radius: 0`<br>`src/styles/control.css:2103` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:2004` → `max-block-size: var(--radix-popover-content-available-height)` — var target `--radix-popover-content-available-height` not in `agent/tokens.json`<br>`src/styles/control.css:2009` → `min-inline-size: var(--radix-popover-trigger-width)` — var target `--radix-popover-trigger-width` not in `agent/tokens.json`<br>_+2 more — see [appendix](#search)_ |
82
- | **prose** | 34 | 27 | 6 | 1 | 82% | `src/styles/data-display-layout.css:1601` → `border-collapse: collapse`<br>`src/styles/data-display-layout.css:1627` → `border: 0`<br>`src/styles/data-display-layout.css:1600` → `inline-size: 100%`<br>`src/styles/data-display-layout.css:1617` → `max-inline-size: 100%`<br>`src/styles/data-display-layout.css:1618` → `block-size: auto`<br>_+1 more — see [appendix](#prose)_ |
83
- | **page-container** | 74 | 47 | 10 | 17 | 82% | `src/styles/layout.css:746` → `gap: var(--page-band-gap)` — var target `--page-band-gap` not in `agent/tokens.json`<br>`src/styles/layout.css:899` → `margin-block: calc(-1 * var(--page-band-gap))` — var target `--page-band-gap` not in `agent/tokens.json`<br>`src/styles/layout.css:1109` → `margin-block-start: var(--page-body-gap)` — var target `--page-body-gap` not in `agent/tokens.json`<br>`src/styles/layout.css:1114` → `margin-block-start: var(--page-body-gap)` — var target `--page-body-gap` not in `agent/tokens.json`<br>`src/styles/layout.css:744` → `min-height: 100%`<br>_+5 more — see [appendix](#page-container)_ |
84
- | **timeline-grid** | 42 | 33 | 7 | 2 | 82% | `src/styles/data-display-layout.css:1767` → `border-start-start-radius: 0`<br>`src/styles/data-display-layout.css:1768` → `border-start-end-radius: 0`<br>`src/styles/data-display-layout.css:1773` → `border-end-start-radius: 0`<br>`src/styles/data-display-layout.css:1774` → `border-end-end-radius: 0`<br>`src/styles/data-display-layout.css:1727` → `inline-size: calc(100% / var(--timeline-grid-event-lanes, 1))` — var target `--timeline-grid-event-lanes` not in `agent/tokens.json`<br>_+2 more — see [appendix](#timeline-grid)_ |
85
- | **hover-card** | 6 | 5 | 1 | 0 | 83% | `src/styles/data-display-layout.css:846` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published |
86
- | **avatar** | 45 | 32 | 6 | 7 | 84% | `src/styles/data-display-layout.css:120` → `background-origin: border-box`<br>`src/styles/data-display-layout.css:104` → `border-radius: inherit`<br>`src/styles/data-display-layout.css:75` → `inline-size: var(--avatar-glyph-size)` — var target `--avatar-glyph-size` not in `agent/tokens.json`<br>`src/styles/data-display-layout.css:76` → `block-size: var(--avatar-glyph-size)` — var target `--avatar-glyph-size` not in `agent/tokens.json`<br>`src/styles/data-display-layout.css:2268` → `inline-size: 100%`<br>_+1 more — see [appendix](#avatar)_ |
87
- | **chat-composer** | 14 | 11 | 2 | 1 | 85% | `src/styles/data-entry-layout.css:860` → `border-style: solid`<br>`src/styles/data-entry-layout.css:856` → `inline-size: 100%` |
88
- | **auth-shell** | 24 | 17 | 3 | 4 | 85% | `src/styles/shell-layout.css:695` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/shell-layout.css:453` → `min-height: 100dvh`<br>`src/styles/shell-layout.css:564` → `max-width: 100%` |
89
- | **badge** | 18 | 12 | 2 | 4 | 86% | `src/styles/badge-layout.css:90` → `border: 0`<br>`src/styles/badge-layout.css:15` → `inline-size: fit-content` |
90
- | **app-shell** | 72 | 43 | 7 | 22 | 86% | `src/styles/shell-layout.css:294` → `border-inline-end: 0`<br>`src/styles/shell-layout.css:314` → `border-inline-end: 0`<br>`src/styles/shell-layout.css:1104` → `padding-block-start: max(var(--sheet-pad-y), env(safe-area-inset-top))` — var target `--sheet-pad-y` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:1105` → `padding-block-end: max(var(--sheet-pad-y), env(safe-area-inset-bottom))` — var target `--sheet-pad-y` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:1106` → `padding-inline-start: max(var(--sheet-pad-x), env(safe-area-inset-left))` — var target `--sheet-pad-x` not in `agent/tokens.json`<br>_+2 more — see [appendix](#app-shell)_ |
91
- | **progress** | 22 | 19 | 3 | 0 | 86% | `src/styles/data-display-layout.css:214` → `border-radius: inherit`<br>`src/styles/data-display-layout.css:314` → `inline-size: 100%`<br>`src/styles/data-display-layout.css:315` → `block-size: 100%` |
92
- | **table** | 77 | 58 | 9 | 10 | 87% | `src/styles/table-layout.css:76` → `background-image: linear-gradient( var( --table-row-tone-surface, hsl(var(--tab...` — var target `--table-row-tone-surface` not in `agent/tokens.json`<br>`src/styles/table-layout.css:16` → `border-block-end-width: 0`<br>`src/styles/table-layout.css:1057` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/table-layout.css:1102` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/table-layout.css:1147` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>_+4 more — see [appendix](#table)_ |
93
- | **segmented** | 34 | 26 | 4 | 4 | 87% | `src/styles/control.css:1527` → `border: 0`<br>`src/styles/control.css:1498` → `inline-size: fit-content`<br>`src/styles/control.css:1499` → `max-width: 100%`<br>`src/styles/control.css:4029` → `inline-size: 100%` |
94
- | **cascader** | 31 | 26 | 4 | 1 | 87% | `src/styles/control.css:2181` → `border-inline-end: 0`<br>`src/styles/control.css:2186` → `inline-size: 100%`<br>`src/styles/control.css:2221` → `min-inline-size: var(--radix-popover-trigger-width)` — var target `--radix-popover-trigger-width` not in `agent/tokens.json`<br>`src/styles/control.css:2234` → `inline-size: 100%` |
95
- | **thought-chain** | 43 | 26 | 4 | 13 | 87% | `src/styles/data-display-layout.css:2736` → `border-inline-start-style: dashed`<br>`src/styles/data-display-layout.css:2740` → `border-inline-start-style: dotted`<br>`src/styles/data-display-layout.css:2795` → `border: 0`<br>`src/styles/data-display-layout.css:2860` → `border: 0` |
96
- | **anchor** | 20 | 13 | 2 | 5 | 87% | `src/styles/navigation-layout.css:1674` → `block-size: var(--anchor-ink-extent, 0px)` — var target `--anchor-ink-extent` not in `agent/tokens.json`<br>`src/styles/navigation-layout.css:1700` → `inline-size: var(--anchor-ink-extent, 0px)` — var target `--anchor-ink-extent` not in `agent/tokens.json` |
97
- | **app-launcher** | 60 | 48 | 7 | 5 | 87% | `src/styles/shell-layout.css:1714` → `border-start-start-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/shell-layout.css:1715` → `border-start-end-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/shell-layout.css:1803` → `border: 0`<br>`src/styles/shell-layout.css:1804` → `border-radius: 0`<br>`src/styles/shell-layout.css:1815` → `max-height: none`<br>_+2 more — see [appendix](#app-launcher)_ |
98
- | **alert** | 67 | 55 | 8 | 4 | 87% | `src/styles/alert-layout.css:51` → `border-block-start-width: 0`<br>`src/styles/alert-layout.css:52` → `border-inline-width: 0`<br>`src/styles/alert-layout.css:75` → `border-block-width: 0`<br>`src/styles/alert-layout.css:76` → `border-inline-end-width: 0`<br>`src/styles/alert-layout.css:78` → `border-start-start-radius: 0`<br>_+3 more — see [appendix](#alert)_ |
99
- | **mobile-shell** | 40 | 28 | 4 | 8 | 88% | `src/styles/shell-layout.css:3331` → `padding-inline: var(--mobile-shell-padding-inline)` — var target `--mobile-shell-padding-inline` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:3346` → `padding-inline: var(--mobile-shell-padding-inline)` — var target `--mobile-shell-padding-inline` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:3374` → `padding-inline: var(--mobile-shell-padding-inline)` — var target `--mobile-shell-padding-inline` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:3393` → `padding-inline: var(--mobile-shell-padding-inline)` — var target `--mobile-shell-padding-inline` not in `agent/tokens.json` |
100
- | **attachments** | 66 | 51 | 7 | 8 | 88% | `src/styles/data-entry-layout.css:204` → `opacity: 0.5`<br>`src/styles/data-entry-layout.css:240` → `opacity: 0.25`<br>`src/styles/data-entry-layout.css:102` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/data-entry-layout.css:284` → `backdrop-filter: blur(10px)`<br>`src/styles/data-entry-layout.css:24` → `inline-size: 100%`<br>_+2 more — see [appendix](#attachments)_ |
101
- | **org-switcher** | 31 | 22 | 3 | 6 | 88% | `src/styles/shell-layout.css:1594` → `border-start-start-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/shell-layout.css:1595` → `border-start-end-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/shell-layout.css:330` → `inline-size: auto` |
102
- | **dialog** | 56 | 46 | 6 | 4 | 88% | `src/styles/dialog-layout.css:65` → `border-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/dialog-layout.css:178` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/dialog-layout.css:52` → `max-width: none`<br>`src/styles/dialog-layout.css:72` → `max-height: min(60vh, 32rem)`<br>`src/styles/dialog-layout.css:191` → `inline-size: 100%`<br>_+1 more — see [appendix](#dialog)_ |
103
- | **command** | 41 | 32 | 4 | 5 | 89% | `src/styles/control.css:984` → `opacity: 0.5`<br>`src/styles/control.css:1052` → `opacity: 0.5`<br>`src/styles/control.css:991` → `border: 0`<br>`src/styles/control.css:1075` → `border-radius: 0` |
104
- | **pagination** | 32 | 24 | 3 | 5 | 89% | `src/styles/layout.css:1397` → `opacity: 0.5`<br>`src/styles/layout.css:1366` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/navigation-layout.css:678` → `max-inline-size: 100%` |
105
- | **breadcrumb** | 13 | 8 | 1 | 4 | 89% | `src/styles/navigation-layout.css:1003` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published |
106
- | **data-table** | 71 | 50 | 6 | 15 | 89% | `src/styles/table-layout.css:373` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/table-layout.css:289` → `inline-size: 100%`<br>`src/styles/table-layout.css:290` → `block-size: 100%`<br>`src/styles/table-layout.css:338` → `max-width: 100%`<br>`src/styles/table-layout.css:371` → `min-inline-size: min-content`<br>_+1 more — see [appendix](#data-table)_ |
107
- | **carousel** | 24 | 17 | 2 | 5 | 89% | `src/styles/data-display-layout.css:883` → `min-width: 100%`<br>`src/styles/data-display-layout.css:1000` → `min-height: 100%` |
108
- | **tabs** | 91 | 69 | 8 | 14 | 90% | `src/styles/navigation-layout.css:492` → `border-start-start-radius: 0`<br>`src/styles/navigation-layout.css:493` → `border-start-end-radius: 0`<br>`src/styles/navigation-layout.css:499` → `border-end-start-radius: 0`<br>`src/styles/navigation-layout.css:500` → `border-end-end-radius: 0`<br>`src/styles/navigation-layout.css:506` → `border-start-start-radius: 0`<br>_+3 more — see [appendix](#tabs)_ |
109
- | **float-button** | 33 | 27 | 3 | 3 | 90% | `src/styles/float-button-layout.css:140` → `border-radius: 0`<br>`src/styles/float-button-layout.css:197` → `border-radius: inherit`<br>`src/styles/float-button-layout.css:46` → `block-size: auto` |
110
- | **switch** | 20 | 18 | 2 | 0 | 90% | `src/styles/control.css:727` → `border: 2px solid transparent`<br>`src/styles/control.css:3787` → `inline-size: auto` |
111
- | **auth-account-summary** | 11 | 9 | 1 | 1 | 90% | `src/styles/shell-layout.css:712` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published |
112
- | **range-timeline** | 39 | 29 | 3 | 7 | 91% | `src/styles/data-display-layout.css:1847` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/data-display-layout.css:1993` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/data-display-layout.css:2002` → `block-size: 100%` |
113
- | **textarea** | 14 | 10 | 1 | 3 | 91% | `src/styles/control.css:425` → `inline-size: 100%` |
114
- | **filter-bar** | 14 | 10 | 1 | 3 | 91% | `src/styles/layout.css:1508` → `inline-size: 100%` |
115
- | **logo** | 36 | 31 | 3 | 2 | 91% | `src/styles/logo-layout.css:183` → `border-radius: 0`<br>`src/styles/logo-layout.css:220` → `border-radius: 0`<br>`src/styles/logo-layout.css:12` → `font-weight: 700` |
116
- | **draggable-panel** | 26 | 22 | 2 | 2 | 92% | `src/styles/layout.css:2293` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/layout.css:2334` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published |
117
- | **feature-list** | 13 | 11 | 1 | 1 | 92% | `src/styles/data-display-layout.css:538` → `block-size: 1lh` |
118
- | **mega-menu** | 80 | 60 | 5 | 15 | 92% | `src/styles/navigation-layout.css:1749` → `border: 0`<br>`src/styles/navigation-layout.css:1833` → `inline-size: var(--mega-menu-panel-measured-width, 100%)` — var target `--mega-menu-panel-measured-width` not in `agent/tokens.json`<br>`src/styles/navigation-layout.css:1995` → `inline-size: 100%`<br>`src/styles/navigation-layout.css:2004` → `inline-size: auto`<br>`src/styles/navigation-layout.css:2006` → `max-block-size: none` |
119
- | **command-palette** | 18 | 12 | 1 | 5 | 92% | `src/styles/control.css:1102` → `max-width: none` |
120
- | **credential-reveal** | 14 | 12 | 1 | 1 | 92% | `src/styles/data-display-layout.css:1163` → `letter-spacing: 0.02em` |
121
- | **toggle** | 43 | 39 | 3 | 1 | 93% | `src/styles/control.css:9` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:21` → `border: 1px solid transparent`<br>`src/styles/control.css:34` → `border: 1px solid transparent` |
122
- | **timeline** | 31 | 26 | 2 | 3 | 93% | `src/styles/data-display-layout.css:645` → `border: 1px solid transparent`<br>`src/styles/data-display-layout.css:728` → `min-height: 2.25rem` |
123
- | **button** | 69 | 53 | 4 | 12 | 93% | `src/styles/control.css:276` → `border: 0`<br>`src/styles/control.css:3551` → `min-height: var(--button-wrap-min-height)` — var target `--button-wrap-min-height` not in `agent/tokens.json`<br>`src/styles/control.css:3552` → `max-inline-size: 100%`<br>`src/styles/shell-layout.css:2716` → `max-width: 100%` |
124
- | **card** | 72 | 55 | 4 | 13 | 93% | `src/styles/card-layout.css:43` → `border-style: solid`<br>`src/styles/card-layout.css:147` → `border-inline-start-color: var(--card-accent-color)` — var target `--card-accent-color` not in `agent/tokens.json`<br>`src/styles/card-layout.css:184` → `border-color: var(--card-accent-color)` — var target `--card-accent-color` not in `agent/tokens.json`<br>`src/styles/card-layout.css:869` → `border-style: dashed` |
125
- | **chat-bubble** | 36 | 28 | 2 | 6 | 93% | `src/styles/data-display-layout.css:2394` → `inline-size: auto`<br>`src/styles/data-display-layout.css:2395` → `max-inline-size: 100%` |
126
- | **upload** | 128 | 117 | 8 | 3 | 94% | `src/styles/data-entry-layout.css:576` → `inline-size: 100%`<br>`src/styles/data-entry-layout.css:577` → `block-size: 100%`<br>`src/styles/data-entry-layout.css:616` → `inline-size: 100%`<br>`src/styles/data-entry-layout.css:642` → `inline-size: 100%`<br>`src/styles/data-entry-layout.css:678` → `inline-size: 100%`<br>_+3 more — see [appendix](#upload)_ |
127
- | **empty-state** | 19 | 17 | 1 | 1 | 94% | `src/styles/layout.css:1215` → `min-block-size: 100%` |
128
- | **select** | 38 | 35 | 2 | 1 | 95% | `src/styles/control.css:2315` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:2381` → `inline-size: 100%` |
129
- | **radio** | 19 | 18 | 1 | 0 | 95% | `src/styles/control.css:3990` → `border-inline-start-width: 0` |
130
- | **password-strength** | 21 | 18 | 1 | 2 | 95% | `src/styles/data-entry-layout.css:387` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published |
131
- | **dropdown-menu** | 43 | 39 | 2 | 2 | 95% | `src/styles/navigation-layout.css:936` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/navigation-layout.css:951` → `max-height: var(--radix-dropdown-menu-content-available-height)` — var target `--radix-dropdown-menu-content-available-height` not in `agent/tokens.json` |
132
- | **list-row** | 25 | 20 | 1 | 4 | 95% | `src/styles/data-display-layout.css:1110` → `max-inline-size: 100%` |
133
- | **flex** | 49 | 41 | 2 | 6 | 95% | `src/styles/layout.css:201` → `inline-size: 100%`<br>`src/styles/layout.css:947` → `max-inline-size: 100%` |
134
- | **sheet** | 26 | 22 | 1 | 3 | 96% | `src/styles/dialog-layout.css:437` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published |
135
- | **time-picker** | 28 | 23 | 1 | 4 | 96% | `src/styles/control.css:2492` → `inline-size: 100%` |
136
- | **centered-shell** | 28 | 24 | 1 | 3 | 96% | `src/styles/shell-layout.css:862` → `min-height: 100dvh` |
137
- | **activity** | 35 | 25 | 1 | 9 | 96% | `src/styles/motion.css:183` → `border-radius: inherit` |
138
- | **topbar-item** | 33 | 31 | 1 | 1 | 97% | `src/styles/shell-layout.css:2828` → `border: 0` |
139
- | **steps** | 82 | 70 | 2 | 10 | 97% | `src/styles/navigation-layout.css:888` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/navigation-layout.css:1255` → `block-size: 1px` |
140
- | **text** | 47 | 38 | 1 | 8 | 97% | `src/styles/text-layout.css:542` → `max-inline-size: 100%` |
141
-
142
- ## Fully covered — 100% of non-structural declarations reachable
143
-
144
- 39 components. Shown compact (declarations / reachable / structural); none has a hard-coded non-structural declaration.
145
-
146
- | component | declarations | reachable | structural |
147
- | --------------------- | -----------: | --------: | ---------: |
148
- | legal-document-shell | 46 | 33 | 13 |
149
- | conversations | 35 | 22 | 13 |
150
- | tree | 30 | 29 | 1 |
151
- | transfer | 29 | 28 | 1 |
152
- | tree-select | 28 | 27 | 1 |
153
- | code-block | 24 | 21 | 3 |
154
- | stat-card | 22 | 20 | 2 |
155
- | responsive-grid | 20 | 17 | 3 |
156
- | service-launcher-card | 19 | 15 | 4 |
157
- | heading | 18 | 17 | 1 |
158
- | month | 17 | 13 | 4 |
159
- | welcome | 16 | 12 | 4 |
160
- | error-surface | 16 | 10 | 6 |
161
- | card-content | 15 | 9 | 6 |
162
- | legend | 15 | 13 | 2 |
163
- | separator | 13 | 12 | 1 |
164
- | descriptions | 12 | 10 | 2 |
165
- | search-input | 11 | 11 | 0 |
166
- | toolbar | 11 | 7 | 4 |
167
- | permission-matrix | 9 | 8 | 1 |
168
- | tooltip | 9 | 9 | 0 |
169
- | actions | 9 | 8 | 1 |
170
- | popover | 8 | 8 | 0 |
171
- | checkbox | 7 | 6 | 1 |
172
- | color-picker | 7 | 6 | 1 |
173
- | form | 7 | 7 | 0 |
174
- | branch-scope-picker | 6 | 6 | 0 |
175
- | swatch | 5 | 5 | 0 |
176
- | auth-identity | 5 | 3 | 2 |
177
- | skeleton-image | 3 | 3 | 0 |
178
- | service-catalog-cta | 3 | 3 | 0 |
179
- | label | 3 | 3 | 0 |
180
- | toaster | 2 | 2 | 0 |
181
- | command-empty | 2 | 2 | 0 |
182
- | nav-list | 2 | 1 | 1 |
183
- | toggle-group | 1 | 1 | 0 |
184
- | avatar-fallback | 1 | 1 | 0 |
185
- | brand | 1 | 1 | 0 |
186
- | auth-stack | 1 | 1 | 0 |
187
-
188
- Components whose only attributable declarations were structural (no non-structural denominator, so no percentage): `chat-suggestion`, `reveal`.
189
-
190
- ## Cross-cutting bases and one dead-CSS finding — not folded into any single component's score
191
-
192
- | bucket | declarations | reachable | hard-coded | structural | % reachable | note |
193
- | ---------------------------- | -----------: | --------: | ---------: | ---------: | ----------: | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
194
- | dead CSS: combobox | 24 | 13 | 6 | 5 | 68% | `.ui-combobox-*` (`src/styles/control.css`) — matches **no render call** anywhere in `src/components`. Not a reachability defect; flagged as probable dead CSS for separate cleanup. |
195
- | shared: chart frame | 45 | 30 | 7 | 8 | 81% | `.ui-chart` / `.ui-chart-trend-*` — the ChartFrame wrapper shared by Area/Bar/Line/PieChart. |
196
- | shared: choice base | 21 | 15 | 3 | 3 | 83% | `.ui-choice-*` — shared base under Checkbox/Radio choice inputs. |
197
- | shared: control base | 65 | 51 | 6 | 8 | 89% | `.ui-control*` — shared by every text-entry control (Input, Textarea, Select trigger, …). A hard-coded value here reaches more surfaces than any single component row. |
198
- | shared: stack/inline utility | 9 | 9 | 0 | 0 | 100% | `.ui-stack-*` / `.ui-inline-*` — spacing utility classes, not a catalogued component. |
199
-
200
- ## The nine worst individual offenders across the library
201
-
202
- Pure hard-coded literals (no `var()` at all — the `--radius-md`-family `var()`-but-unpublished hits are Finding 1's one root cause, already covered there, not repeated as nine separate ones), ranked by how obviously a theme would want to change them: colour and background first, then border/shadow, then type, then spacing.
203
-
204
- 1. **sidebar** — `src/styles/shell-layout.css:2121` → `color: white` (selector `.sb-logo-mark`)
205
- 2. **skeleton** — `src/styles/alert-layout.css:401` → `background-size: 400% 100%` (selector `.ui-skeleton-block[data-active], .ui-skeleton-article[data-active] .ui`)
206
- 3. **command** — `src/styles/control.css:984` → `opacity: 0.5` (selector `.ui-command-search-icon`)
207
- 4. **command** — `src/styles/control.css:1052` → `opacity: 0.5` (selector `.ui-command-item[data-disabled="true"]`)
208
- 5. **tag-input** — `src/styles/control.css:1661` → `opacity: 0.7` (selector `.ui-tag-input-remove, .ui-search-select-value-remove`)
209
- 6. **accordion** — `src/styles/data-display-layout.css:821` → `opacity: 0.5` (selector `.ui-accordion-trigger:disabled, .ui-accordion-trigger[data-disabled]`)
210
- 7. **attachments** — `src/styles/data-entry-layout.css:204` → `opacity: 0.5` (selector `.ui-attachments-upload-btn:disabled`)
211
- 8. **attachments** — `src/styles/data-entry-layout.css:240` → `opacity: 0.25` (selector `.ui-attachments-placeholder[data-disabled="true"]`)
212
- 9. **resizable-panel** — `src/styles/layout.css:709` → `opacity: 0.5` (selector `.ui-resizable-handle[data-separator="disabled"]`)
213
-
214
- Reading this list: **not one of the nine (nor any of the 288 pure hard-coded literals in the whole
215
- per-component scan) is a raw colour hex/hsl/rgb literal.** That discipline holds almost everywhere.
216
- The only raw colour literals found anywhere in the whole exercise are 6 _token-definition defaults_
217
- in `src/tokens/components/*.css` (not component rules, so they don't appear in the table above):
218
- `--qr-code-foreground`/`-background` (black/white, legitimately fixed — a QR code is not a themeable
219
- surface), `--logo-identity-foreground` ×2 light/dark (a brand mark, arguably also intentional), and
220
- `--upload-avatar-change-background: rgb(0 0 0 / 0.7)` / `--upload-avatar-change-foreground: #fff`
221
- (`src/tokens/components/upload.css:89-90`) — which is **not** obviously intentional and is the
222
- clearest single "should reference a token, doesn't" finding in the whole scan.
223
-
224
- What the top 10 _do_ surface is **disabled/muted-state opacity values** (`0.5`, `0.6`, `0.7`,
225
- `0.25`, `0.4`) hard-coded per component instead of drawn from one shared token, and dimension
226
- literals on `min-height`/`max-width` that read as an actual sizing decision rather than a browser
227
- default.
228
-
229
- ## Appendix — full hard-coded listings
230
-
231
- For every component whose main-table row was capped at 5 examples, the complete list.
232
-
233
- ### rating
234
-
235
- - `src/styles/control.css:1424` → `border: 0`
236
- - `src/styles/control.css:1456` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
237
- - `src/styles/control.css:3960` → `border: 0`
238
- - `src/styles/control.css:1421` → `min-width: 1.5rem`
239
- - `src/styles/control.css:1422` → `min-height: 1.5rem`
240
- - `src/styles/control.css:3957` → `inline-size: 50%`
241
-
242
- ### number-input
243
-
244
- - `src/styles/control.css:1881` → `gap: 0.0625rem`
245
- - `src/styles/control.css:1694` → `inline-size: 100%`
246
- - `src/styles/control.css:1831` → `inline-size: 100%`
247
- - `src/styles/control.css:1888` → `inline-size: 1.5rem`
248
- - `src/styles/control.css:1891` → `inline-size: 0.75rem`
249
- - `src/styles/control.css:1892` → `block-size: 0.75rem`
250
-
251
- ### skeleton
252
-
253
- - `src/styles/alert-layout.css:401` → `background-size: 400% 100%`
254
- - `src/styles/alert-layout.css:342` → `max-width: 56rem`
255
- - `src/styles/alert-layout.css:373` → `inline-size: 100%`
256
- - `src/styles/alert-layout.css:443` → `block-size: var(--skeleton-element-block-size)` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
257
- - `src/styles/alert-layout.css:460` → `inline-size: var(--skeleton-element-block-size)` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
258
- - `src/styles/alert-layout.css:469` → `inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-butt...` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
259
- - `src/styles/alert-layout.css:470` → `min-inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-butt...` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
260
- - `src/styles/alert-layout.css:483` → `inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-inpu...` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
261
- - `src/styles/alert-layout.css:484` → `min-inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-inpu...` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
262
- - `src/styles/alert-layout.css:490` → `inline-size: 100%`
263
-
264
- ### tag-input
265
-
266
- - `src/styles/control.css:1661` → `opacity: 0.7`
267
- - `src/styles/control.css:1643` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
268
- - `src/styles/control.css:1657` → `border: 0`
269
- - `src/styles/control.css:1682` → `border: 0`
270
- - `src/styles/control.css:1655` → `margin-inline-end: -0.25rem`
271
- - `src/styles/control.css:1653` → `min-width: 1.5rem`
272
- - `src/styles/control.css:1654` → `min-height: 1.5rem`
273
- - `src/styles/control.css:1680` → `min-width: 6rem`
274
-
275
- ### slider
276
-
277
- - `src/styles/control.css:860` → `border-radius: inherit`
278
- - `src/styles/control.css:807` → `inline-size: 100%`
279
- - `src/styles/control.css:817` → `inline-size: fit-content`
280
- - `src/styles/control.css:818` → `block-size: 100%`
281
- - `src/styles/control.css:838` → `block-size: auto`
282
- - `src/styles/control.css:852` → `block-size: auto`
283
- - `src/styles/control.css:859` → `inline-size: var(--slider-range-size, 0%)` — var target `--slider-range-size` not in `agent/tokens.json`
284
- - `src/styles/control.css:868` → `inline-size: auto`
285
- - `src/styles/control.css:869` → `block-size: var(--slider-range-size, 0%)` — var target `--slider-range-size` not in `agent/tokens.json`
286
- - `src/styles/control.css:3820` → `block-size: 0`
287
- - `src/styles/control.css:3829` → `inline-size: 0`
288
- - `src/styles/control.css:3830` → `block-size: auto`
289
- - `src/styles/control.css:3841` → `inline-size: 0`
290
- - `src/styles/control.css:3853` → `inline-size: auto`
291
- - `src/styles/control.css:3854` → `block-size: 0`
292
- - `src/styles/control.css:3897` → `inline-size: 0`
293
- - `src/styles/control.css:3913` → `block-size: 0`
294
-
295
- ### input
296
-
297
- - `src/styles/control.css:2627` → `border: 0`
298
- - `src/styles/control.css:3699` → `border-inline-end: 0`
299
- - `src/styles/control.css:3705` → `border-inline-start: 0`
300
- - `src/styles/control.css:3715` → `border-start-start-radius: 0`
301
- - `src/styles/control.css:3716` → `border-end-start-radius: 0`
302
- - `src/styles/control.css:3722` → `border-start-end-radius: 0`
303
- - `src/styles/control.css:3723` → `border-end-end-radius: 0`
304
- - `src/styles/control.css:2650` → `inline-size: 100%`
305
- - `src/styles/control.css:3669` → `inline-size: 100%`
306
-
307
- ### input-otp
308
-
309
- - `src/styles/control.css:1322` → `border-inline-start-width: 0`
310
- - `src/styles/control.css:1328` → `border-start-start-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
311
- - `src/styles/control.css:1329` → `border-end-start-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
312
- - `src/styles/control.css:1332` → `border-start-end-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
313
- - `src/styles/control.css:1333` → `border-end-end-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
314
- - `src/styles/control.css:1338` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
315
- - `src/styles/control.css:1342` → `border: 0`
316
- - `src/styles/control.css:1343` → `border-radius: 0`
317
-
318
- ### typography
319
-
320
- - `src/styles/shell-layout.css:3057` → `border-radius: 4px`
321
- - `src/styles/text-layout.css:475` → `border: 0`
322
- - `src/styles/text-layout.css:557` → `font-weight: inherit`
323
- - `src/styles/text-layout.css:554` → `font-size: inherit`
324
- - `src/styles/shell-layout.css:3054` → `padding: 1px 5px`
325
- - `src/styles/text-layout.css:531` → `max-inline-size: 100%`
326
-
327
- ### form-field
328
-
329
- - `src/styles/form-layout.css:106` → `inline-size: 100%`
330
- - `src/styles/form-layout.css:114` → `inline-size: auto`
331
- - `src/styles/form-layout.css:167` → `max-inline-size: 100%`
332
- - `src/styles/form-layout.css:202` → `max-inline-size: 100%`
333
- - `src/styles/form-layout.css:236` → `max-inline-size: 100%`
334
- - `src/styles/form-layout.css:270` → `max-inline-size: 100%`
335
- - `src/styles/form-layout.css:304` → `max-inline-size: 100%`
336
-
337
- ### calendar
338
-
339
- - `src/styles/control.css:2914` → `border-radius: 0`
340
- - `src/styles/control.css:3116` → `border-collapse: collapse`
341
- - `src/styles/control.css:3224` → `border-radius: 0`
342
- - `src/styles/control.css:3231` → `border-start-end-radius: 0`
343
- - `src/styles/control.css:3232` → `border-end-end-radius: 0`
344
- - `src/styles/control.css:3236` → `border-start-start-radius: 0`
345
- - `src/styles/control.css:3237` → `border-end-start-radius: 0`
346
- - `src/styles/control.css:2834` → `inline-size: fit-content`
347
- - `src/styles/control.css:2976` → `inline-size: 100%`
348
- - `src/styles/control.css:2989` → `inline-size: 100%`
349
- - `src/styles/control.css:2997` → `inline-size: 100%`
350
- - `src/styles/control.css:3002` → `inline-size: auto`
351
- - `src/styles/control.css:3021` → `inline-size: 100%`
352
- - `src/styles/control.css:3022` → `max-inline-size: none`
353
- - `src/styles/control.css:3023` → `block-size: auto`
354
- - `src/styles/control.css:3048` → `inline-size: 100%`
355
- - `src/styles/control.css:3115` → `inline-size: 100%`
356
- - `src/styles/control.css:3130` → `inline-size: 100%`
357
-
358
- ### sidebar
359
-
360
- - `src/styles/shell-layout.css:2121` → `color: white`
361
- - `src/styles/shell-layout.css:2190` → `color: var(--sidebar-section-label-foreground, hsl(var(--muted-foreg...` — var target `--sidebar-section-label-foreground` not in `agent/tokens.json`
362
- - `src/styles/shell-layout.css:2379` → `opacity: 0.6`
363
- - `src/styles/shell-layout.css:2411` → `opacity: 0.4`
364
- - `src/styles/shell-layout.css:2091` → `border: 0`
365
- - `src/styles/shell-layout.css:2224` → `border: 0`
366
- - `src/styles/shell-layout.css:2499` → `border: 0`
367
- - `src/styles/shell-layout.css:2123` → `font-weight: 700`
368
- - `src/styles/shell-layout.css:2136` → `font-weight: 700`
369
- - `src/styles/shell-layout.css:2154` → `font-weight: 700`
370
- - `src/styles/shell-layout.css:2192` → `font-weight: 700`
371
- - `src/styles/shell-layout.css:2529` → `font-weight: 500`
372
- - `src/styles/shell-layout.css:2552` → `font-weight: 500`
373
- - `src/styles/shell-layout.css:2155` → `letter-spacing: 0.08em`
374
- - `src/styles/shell-layout.css:2193` → `letter-spacing: 0.08em`
375
- - `src/styles/shell-layout.css:2330` → `padding-inline: 0.375rem`
376
- - `src/styles/shell-layout.css:2130` → `gap: 2px`
377
- - `src/styles/shell-layout.css:2391` → `gap: 2px`
378
- - `src/styles/shell-layout.css:2479` → `gap: 2px`
379
- - `src/styles/shell-layout.css:2321` → `min-width: 1.125rem`
380
- - `src/styles/shell-layout.css:2477` → `min-width: 11rem`
381
-
382
- ### topbar
383
-
384
- - `src/styles/shell-layout.css:2986` → `color: white`
385
- - `src/styles/shell-layout.css:2950` → `border: 1px solid transparent`
386
- - `src/styles/shell-layout.css:2967` → `border-style: dashed`
387
- - `src/styles/shell-layout.css:3071` → `border: 0`
388
- - `src/styles/shell-layout.css:2988` → `font-weight: 700`
389
- - `src/styles/shell-layout.css:2994` → `font-weight: 500`
390
- - `src/styles/shell-layout.css:2621` → `gap: 2px`
391
- - `src/styles/shell-layout.css:2630` → `max-width: 100%`
392
- - `src/styles/shell-layout.css:2737` → `max-width: 100%`
393
- - `src/styles/shell-layout.css:2791` → `max-inline-size: none`
394
- - `src/styles/shell-layout.css:2944` → `max-width: 15rem`
395
-
396
- ### search
397
-
398
- - `src/styles/control.css:2046` → `border: 0`
399
- - `src/styles/control.css:2047` → `border-radius: 0`
400
- - `src/styles/control.css:2103` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
401
- - `src/styles/control.css:2004` → `max-block-size: var(--radix-popover-content-available-height)` — var target `--radix-popover-content-available-height` not in `agent/tokens.json`
402
- - `src/styles/control.css:2009` → `min-inline-size: var(--radix-popover-trigger-width)` — var target `--radix-popover-trigger-width` not in `agent/tokens.json`
403
- - `src/styles/control.css:2059` → `max-block-size: none`
404
- - `src/styles/control.css:2100` → `max-inline-size: 100%`
405
-
406
- ### prose
407
-
408
- - `src/styles/data-display-layout.css:1601` → `border-collapse: collapse`
409
- - `src/styles/data-display-layout.css:1627` → `border: 0`
410
- - `src/styles/data-display-layout.css:1600` → `inline-size: 100%`
411
- - `src/styles/data-display-layout.css:1617` → `max-inline-size: 100%`
412
- - `src/styles/data-display-layout.css:1618` → `block-size: auto`
413
- - `src/styles/data-display-layout.css:1623` → `max-inline-size: none`
414
-
415
- ### page-container
416
-
417
- - `src/styles/layout.css:746` → `gap: var(--page-band-gap)` — var target `--page-band-gap` not in `agent/tokens.json`
418
- - `src/styles/layout.css:899` → `margin-block: calc(-1 * var(--page-band-gap))` — var target `--page-band-gap` not in `agent/tokens.json`
419
- - `src/styles/layout.css:1109` → `margin-block-start: var(--page-body-gap)` — var target `--page-body-gap` not in `agent/tokens.json`
420
- - `src/styles/layout.css:1114` → `margin-block-start: var(--page-body-gap)` — var target `--page-body-gap` not in `agent/tokens.json`
421
- - `src/styles/layout.css:744` → `min-height: 100%`
422
- - `src/styles/layout.css:774` → `max-width: 42rem`
423
- - `src/styles/layout.css:840` → `min-height: 100%`
424
- - `src/styles/layout.css:1022` → `max-inline-size: 100%`
425
- - `src/styles/layout.css:1091` → `max-inline-size: 100%`
426
- - `src/styles/layout.css:1097` → `max-inline-size: 100%`
427
-
428
- ### timeline-grid
429
-
430
- - `src/styles/data-display-layout.css:1767` → `border-start-start-radius: 0`
431
- - `src/styles/data-display-layout.css:1768` → `border-start-end-radius: 0`
432
- - `src/styles/data-display-layout.css:1773` → `border-end-start-radius: 0`
433
- - `src/styles/data-display-layout.css:1774` → `border-end-end-radius: 0`
434
- - `src/styles/data-display-layout.css:1727` → `inline-size: calc(100% / var(--timeline-grid-event-lanes, 1))` — var target `--timeline-grid-event-lanes` not in `agent/tokens.json`
435
- - `src/styles/data-display-layout.css:1741` → `inline-size: 100%`
436
- - `src/styles/data-display-layout.css:1742` → `block-size: 100%`
437
-
438
- ### avatar
439
-
440
- - `src/styles/data-display-layout.css:120` → `background-origin: border-box`
441
- - `src/styles/data-display-layout.css:104` → `border-radius: inherit`
442
- - `src/styles/data-display-layout.css:75` → `inline-size: var(--avatar-glyph-size)` — var target `--avatar-glyph-size` not in `agent/tokens.json`
443
- - `src/styles/data-display-layout.css:76` → `block-size: var(--avatar-glyph-size)` — var target `--avatar-glyph-size` not in `agent/tokens.json`
444
- - `src/styles/data-display-layout.css:2268` → `inline-size: 100%`
445
- - `src/styles/data-display-layout.css:2269` → `block-size: 100%`
446
-
447
- ### app-shell
448
-
449
- - `src/styles/shell-layout.css:294` → `border-inline-end: 0`
450
- - `src/styles/shell-layout.css:314` → `border-inline-end: 0`
451
- - `src/styles/shell-layout.css:1104` → `padding-block-start: max(var(--sheet-pad-y), env(safe-area-inset-top))` — var target `--sheet-pad-y` not in `agent/tokens.json`
452
- - `src/styles/shell-layout.css:1105` → `padding-block-end: max(var(--sheet-pad-y), env(safe-area-inset-bottom))` — var target `--sheet-pad-y` not in `agent/tokens.json`
453
- - `src/styles/shell-layout.css:1106` → `padding-inline-start: max(var(--sheet-pad-x), env(safe-area-inset-left))` — var target `--sheet-pad-x` not in `agent/tokens.json`
454
- - `src/styles/shell-layout.css:1107` → `padding-inline-end: max(var(--sheet-pad-x), env(safe-area-inset-right))` — var target `--sheet-pad-x` not in `agent/tokens.json`
455
- - `src/styles/shell-layout.css:7` → `max-width: 100vw`
456
-
457
- ### table
458
-
459
- - `src/styles/table-layout.css:76` → `background-image: linear-gradient( var( --table-row-tone-surface, hsl(var(--tab...` — var target `--table-row-tone-surface` not in `agent/tokens.json`
460
- - `src/styles/table-layout.css:16` → `border-block-end-width: 0`
461
- - `src/styles/table-layout.css:1057` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
462
- - `src/styles/table-layout.css:1102` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
463
- - `src/styles/table-layout.css:1147` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
464
- - `src/styles/table-layout.css:1192` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
465
- - `src/styles/table-layout.css:631` → `min-inline-size: var(--table-scroll-inline-size, auto)` — var target `--table-scroll-inline-size` not in `agent/tokens.json`
466
- - `src/styles/table-layout.css:725` → `inline-size: 100%`
467
- - `src/styles/table-layout.css:733` → `inline-size: var( --table-action-collection-column-width, var(--table-acti...` — var target `--table-action-collection-column-width` not in `agent/tokens.json`
468
-
469
- ### app-launcher
470
-
471
- - `src/styles/shell-layout.css:1714` → `border-start-start-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
472
- - `src/styles/shell-layout.css:1715` → `border-start-end-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
473
- - `src/styles/shell-layout.css:1803` → `border: 0`
474
- - `src/styles/shell-layout.css:1804` → `border-radius: 0`
475
- - `src/styles/shell-layout.css:1815` → `max-height: none`
476
- - `src/styles/shell-layout.css:1856` → `max-width: calc( var(--app-launcher-columns) * (var(--app-launcher-launc...` — var target `--app-launcher-columns` not in `agent/tokens.json`
477
- - `src/styles/shell-layout.css:2045` → `max-width: 100%`
478
-
479
- ### alert
480
-
481
- - `src/styles/alert-layout.css:51` → `border-block-start-width: 0`
482
- - `src/styles/alert-layout.css:52` → `border-inline-width: 0`
483
- - `src/styles/alert-layout.css:75` → `border-block-width: 0`
484
- - `src/styles/alert-layout.css:76` → `border-inline-end-width: 0`
485
- - `src/styles/alert-layout.css:78` → `border-start-start-radius: 0`
486
- - `src/styles/alert-layout.css:79` → `border-end-start-radius: 0`
487
- - `src/styles/alert-layout.css:212` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
488
- - `src/styles/alert-layout.css:107` → `margin-top: 0.125rem`
489
-
490
- ### attachments
491
-
492
- - `src/styles/data-entry-layout.css:204` → `opacity: 0.5`
493
- - `src/styles/data-entry-layout.css:240` → `opacity: 0.25`
494
- - `src/styles/data-entry-layout.css:102` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
495
- - `src/styles/data-entry-layout.css:284` → `backdrop-filter: blur(10px)`
496
- - `src/styles/data-entry-layout.css:24` → `inline-size: 100%`
497
- - `src/styles/data-entry-layout.css:78` → `max-inline-size: 100%`
498
- - `src/styles/data-entry-layout.css:126` → `max-inline-size: 100%`
499
-
500
- ### dialog
501
-
502
- - `src/styles/dialog-layout.css:65` → `border-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
503
- - `src/styles/dialog-layout.css:178` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
504
- - `src/styles/dialog-layout.css:52` → `max-width: none`
505
- - `src/styles/dialog-layout.css:72` → `max-height: min(60vh, 32rem)`
506
- - `src/styles/dialog-layout.css:191` → `inline-size: 100%`
507
- - `src/styles/dialog-layout.css:192` → `block-size: 100%`
508
-
509
- ### data-table
510
-
511
- - `src/styles/table-layout.css:373` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
512
- - `src/styles/table-layout.css:289` → `inline-size: 100%`
513
- - `src/styles/table-layout.css:290` → `block-size: 100%`
514
- - `src/styles/table-layout.css:338` → `max-width: 100%`
515
- - `src/styles/table-layout.css:371` → `min-inline-size: min-content`
516
- - `src/styles/table-layout.css:620` → `max-block-size: var(--table-scroll-block-size, none)` — var target `--table-scroll-block-size` not in `agent/tokens.json`
517
-
518
- ### tabs
519
-
520
- - `src/styles/navigation-layout.css:492` → `border-start-start-radius: 0`
521
- - `src/styles/navigation-layout.css:493` → `border-start-end-radius: 0`
522
- - `src/styles/navigation-layout.css:499` → `border-end-start-radius: 0`
523
- - `src/styles/navigation-layout.css:500` → `border-end-end-radius: 0`
524
- - `src/styles/navigation-layout.css:506` → `border-start-start-radius: 0`
525
- - `src/styles/navigation-layout.css:507` → `border-end-start-radius: 0`
526
- - `src/styles/navigation-layout.css:513` → `border-start-end-radius: 0`
527
- - `src/styles/navigation-layout.css:514` → `border-end-end-radius: 0`
528
-
529
- ### upload
530
-
531
- - `src/styles/data-entry-layout.css:576` → `inline-size: 100%`
532
- - `src/styles/data-entry-layout.css:577` → `block-size: 100%`
533
- - `src/styles/data-entry-layout.css:616` → `inline-size: 100%`
534
- - `src/styles/data-entry-layout.css:642` → `inline-size: 100%`
535
- - `src/styles/data-entry-layout.css:678` → `inline-size: 100%`
536
- - `src/styles/data-entry-layout.css:679` → `block-size: 100%`
537
- - `src/styles/data-entry-layout.css:685` → `inline-size: 100%`
538
- - `src/styles/data-entry-layout.css:686` → `block-size: 100%`