@titan-design/react-ui 0.12.1 → 0.13.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 (509) hide show
  1. package/README.md +46 -47
  2. package/dist/bodymap.js +768 -701
  3. package/dist/bodymap.js.map +1 -1
  4. package/dist/bodymap.mjs +770 -703
  5. package/dist/bodymap.mjs.map +1 -1
  6. package/dist/index.d.mts +1319 -216
  7. package/dist/index.d.ts +1319 -216
  8. package/dist/index.js +5996 -4498
  9. package/dist/index.js.map +1 -1
  10. package/dist/index.mjs +5773 -4357
  11. package/dist/index.mjs.map +1 -1
  12. package/dist/{pages-CvsFqNtx.d.mts → pages-CpW3OB3g.d.mts} +21 -3
  13. package/dist/{pages-B1hqnGIC.d.ts → pages-_3Ajpiqu.d.ts} +21 -3
  14. package/dist/pages.d.mts +1 -1
  15. package/dist/pages.d.ts +1 -1
  16. package/dist/pages.js +1435 -1428
  17. package/dist/pages.js.map +1 -1
  18. package/dist/pages.mjs +1443 -1436
  19. package/dist/pages.mjs.map +1 -1
  20. package/dist/theme/index.d.mts +195 -134
  21. package/dist/theme/index.d.ts +195 -134
  22. package/dist/theme/index.js +215 -300
  23. package/dist/theme/index.js.map +1 -1
  24. package/dist/theme/index.mjs +202 -296
  25. package/dist/theme/index.mjs.map +1 -1
  26. package/dist/theme/tokens-css.js +62 -5
  27. package/dist/theme/tokens-css.js.map +1 -1
  28. package/dist/theme/tokens-css.mjs +62 -5
  29. package/dist/theme/tokens-css.mjs.map +1 -1
  30. package/dist/theme/tokens.d.mts +73 -5
  31. package/dist/theme/tokens.d.ts +73 -5
  32. package/dist/theme/tokens.js +55 -7
  33. package/dist/theme/tokens.js.map +1 -1
  34. package/dist/theme/tokens.mjs +55 -8
  35. package/dist/theme/tokens.mjs.map +1 -1
  36. package/docs/audits/2026-09-08-critique-addenda.md +51 -0
  37. package/docs/audits/2026-09-08-library-critique.md +212 -0
  38. package/docs/library-roadmap.md +99 -0
  39. package/package.json +1 -1
  40. package/src/arch/arch-graph.freshness.test.ts +52 -0
  41. package/src/arch/arch-graph.json +5021 -1617
  42. package/src/components/custom/ActiveWork/CoChangeChip.stories.tsx +44 -0
  43. package/src/components/custom/ActiveWork/CoChangeChip.test.tsx +29 -0
  44. package/src/components/custom/ActiveWork/CoChangeChip.tsx +48 -0
  45. package/src/components/custom/ActiveWork/Eyebrow.stories.tsx +25 -0
  46. package/src/components/custom/ActiveWork/Eyebrow.test.tsx +16 -0
  47. package/src/components/custom/ActiveWork/Eyebrow.tsx +26 -0
  48. package/src/components/custom/ActiveWork/FileActivityDetail.stories.tsx +50 -0
  49. package/src/components/custom/ActiveWork/FileActivityDetail.test.tsx +66 -0
  50. package/src/components/custom/ActiveWork/FileActivityDetail.tsx +202 -0
  51. package/src/components/custom/ActiveWork/FileActivityRow.stories.tsx +70 -0
  52. package/src/components/custom/ActiveWork/FileActivityRow.test.tsx +67 -0
  53. package/src/components/custom/ActiveWork/FileActivityRow.tsx +130 -0
  54. package/src/components/custom/ActiveWork/FileHistoryExplorer.stories.tsx +84 -0
  55. package/src/components/custom/ActiveWork/FileHistoryExplorer.test.tsx +99 -0
  56. package/src/components/custom/ActiveWork/FileHistoryExplorer.tsx +138 -0
  57. package/src/components/custom/ActiveWork/FilePathLabel.stories.tsx +39 -0
  58. package/src/components/custom/ActiveWork/FilePathLabel.test.tsx +53 -0
  59. package/src/components/custom/ActiveWork/FilePathLabel.tsx +63 -0
  60. package/src/components/custom/ActiveWork/InitiativeBrief.stories.tsx +50 -0
  61. package/src/components/custom/ActiveWork/InitiativeBrief.test.tsx +62 -0
  62. package/src/components/custom/ActiveWork/InitiativeBrief.tsx +181 -0
  63. package/src/components/custom/ActiveWork/InitiativeCard.stories.tsx +73 -0
  64. package/src/components/custom/ActiveWork/InitiativeCard.test.tsx +68 -0
  65. package/src/components/custom/ActiveWork/InitiativeCard.tsx +136 -0
  66. package/src/components/custom/ActiveWork/InitiativeHeader.stories.tsx +59 -0
  67. package/src/components/custom/ActiveWork/InitiativeHeader.test.tsx +40 -0
  68. package/src/components/custom/ActiveWork/InitiativeHeader.tsx +73 -0
  69. package/src/components/custom/ActiveWork/InitiativeReader.stories.tsx +145 -0
  70. package/src/components/custom/ActiveWork/OpenLoops.stories.tsx +58 -0
  71. package/src/components/custom/ActiveWork/OpenLoops.test.tsx +61 -0
  72. package/src/components/custom/ActiveWork/OpenLoops.tsx +107 -0
  73. package/src/components/custom/ActiveWork/PortfolioOverview.stories.tsx +101 -0
  74. package/src/components/custom/ActiveWork/PortfolioOverview.test.tsx +81 -0
  75. package/src/components/custom/ActiveWork/PortfolioOverview.tsx +83 -0
  76. package/src/components/custom/ActiveWork/README.md +305 -0
  77. package/src/components/custom/ActiveWork/SessionDetail.stories.tsx +71 -0
  78. package/src/components/custom/ActiveWork/SessionDetail.test.tsx +84 -0
  79. package/src/components/custom/ActiveWork/SessionDetail.tsx +180 -0
  80. package/src/components/custom/ActiveWork/SessionList.stories.tsx +69 -0
  81. package/src/components/custom/ActiveWork/SessionList.test.tsx +78 -0
  82. package/src/components/custom/ActiveWork/SessionList.tsx +103 -0
  83. package/src/components/custom/ActiveWork/SessionListItem.stories.tsx +64 -0
  84. package/src/components/custom/ActiveWork/SessionListItem.test.tsx +62 -0
  85. package/src/components/custom/ActiveWork/SessionListItem.tsx +152 -0
  86. package/src/components/custom/ActiveWork/SessionReader.stories.tsx +113 -0
  87. package/src/components/custom/ActiveWork/SeverityLabel.stories.tsx +51 -0
  88. package/src/components/custom/ActiveWork/SeverityLabel.test.tsx +68 -0
  89. package/src/components/custom/ActiveWork/SeverityLabel.tsx +97 -0
  90. package/src/components/custom/ActiveWork/TaskRow.stories.tsx +63 -0
  91. package/src/components/custom/ActiveWork/TaskRow.test.tsx +112 -0
  92. package/src/components/custom/ActiveWork/TaskRow.tsx +176 -0
  93. package/src/components/custom/ActiveWork/TaskTable.stories.tsx +123 -0
  94. package/src/components/custom/ActiveWork/TaskTable.test.tsx +233 -0
  95. package/src/components/custom/ActiveWork/TaskTable.tsx +321 -0
  96. package/src/components/custom/ActiveWork/active-work-depth.test.tsx +102 -0
  97. package/src/components/custom/ActiveWork/file-history-fixture.ts +91 -0
  98. package/src/components/custom/ActiveWork/format-time.test.ts +23 -0
  99. package/src/components/custom/ActiveWork/format-time.ts +32 -0
  100. package/src/components/custom/ActiveWork/index.ts +19 -0
  101. package/src/components/custom/ActiveWork/initiative-fixture.ts +104 -0
  102. package/src/components/custom/ActiveWork/session-fixture.ts +267 -0
  103. package/src/components/custom/ActiveWork/session-linkers.ts +56 -0
  104. package/src/components/custom/ActiveWork/task-list-fixture.ts +97 -0
  105. package/src/components/custom/CircularTimer/CircularTimer.stories.tsx +4 -3
  106. package/src/components/custom/DateTime/DateTime.stories.tsx +2 -1
  107. package/src/components/custom/DateTime/DateTime.test.tsx +3 -1
  108. package/src/components/custom/EmptyState/EmptyState.stories.tsx +22 -9
  109. package/src/components/custom/EmptyState/EmptyState.test.tsx +7 -13
  110. package/src/components/custom/EmptyState/EmptyState.tsx +4 -18
  111. package/src/components/custom/Fatigue/DualGhostSpark.stories.tsx +4 -3
  112. package/src/components/custom/Fatigue/FatigueLights.stories.tsx +2 -2
  113. package/src/components/custom/Fatigue/GhostSpark.stories.tsx +4 -3
  114. package/src/components/custom/Fatigue/LiveFatigueCard.stories.tsx +2 -2
  115. package/src/components/custom/Fatigue/LiveFatigueCard.tsx +8 -4
  116. package/src/components/custom/Fatigue/LiveFatiguePanel.stories.tsx +116 -6
  117. package/src/components/custom/Fatigue/LiveFatiguePanel.test.tsx +134 -0
  118. package/src/components/custom/Fatigue/LiveFatiguePanel.tsx +54 -83
  119. package/src/components/custom/Fatigue/README.md +40 -3
  120. package/src/components/custom/Fatigue/RomProgressionChart.stories.tsx +2 -2
  121. package/src/components/custom/Fatigue/SilverRedPalette.stories.tsx +2 -1
  122. package/src/components/custom/Fatigue/VelocityHero.stories.tsx +4 -3
  123. package/src/components/custom/Fatigue/VerdictHero.stories.tsx +2 -2
  124. package/src/components/custom/Fatigue/fatigue-mock.test.ts +0 -5
  125. package/src/components/custom/Fatigue/fatigue-mock.ts +2 -10
  126. package/src/components/custom/Fatigue/fatigue-tokens.ts +12 -0
  127. package/src/components/custom/Fatigue/index.ts +17 -5
  128. package/src/components/custom/Fatigue/panel-layout.test.ts +149 -0
  129. package/src/components/custom/Fatigue/panel-layout.ts +185 -0
  130. package/src/components/custom/Gauge/Gauge.stories.tsx +2 -2
  131. package/src/components/custom/Gauge/Gauge.test.tsx +1 -1
  132. package/src/components/custom/Gauge/Gauge.tsx +4 -1
  133. package/src/components/custom/Metric/Metric.stories.tsx +10 -1
  134. package/src/components/custom/Metric/Metric.test.tsx +1 -3
  135. package/src/components/custom/Metric/Metric.tsx +5 -20
  136. package/src/components/custom/Prose/MarkdownProse.stories.tsx +88 -0
  137. package/src/components/custom/Prose/MarkdownProse.test.tsx +87 -0
  138. package/src/components/custom/Prose/MarkdownProse.tsx +201 -0
  139. package/src/components/custom/Prose/README.md +58 -0
  140. package/src/components/custom/Prose/index.ts +1 -0
  141. package/src/components/custom/Scatter/Scatter.stories.tsx +46 -8
  142. package/src/components/custom/Scatter/Scatter.test.tsx +2 -2
  143. package/src/components/custom/Scatter/Scatter.tsx +116 -14
  144. package/src/components/custom/Sidebar/Sidebar.stories.tsx +40 -7
  145. package/src/components/custom/Sidebar/Sidebar.test.tsx +5 -1
  146. package/src/components/custom/Sidebar/Sidebar.tsx +16 -33
  147. package/src/components/custom/Table/Table.stories.tsx +98 -15
  148. package/src/components/custom/Table/Table.test.tsx +273 -86
  149. package/src/components/custom/Table/Table.tsx +159 -67
  150. package/src/components/custom/Table/column-fit.test.ts +75 -0
  151. package/src/components/custom/Table/column-fit.ts +116 -0
  152. package/src/components/custom/Table/index.ts +9 -0
  153. package/src/components/custom/TimerReadout/TimerReadout.stories.tsx +8 -6
  154. package/src/components/custom/Treemap/Treemap.stories.tsx +2 -2
  155. package/src/components/custom/Treemap/Treemap.test.tsx +1 -1
  156. package/src/components/custom/Treemap/Treemap.tsx +7 -2
  157. package/src/components/custom/Typography/Typography.stories.tsx +28 -1
  158. package/src/components/custom/Typography/Typography.test.tsx +34 -0
  159. package/src/components/custom/Typography/Typography.tsx +6 -0
  160. package/src/components/custom/Typography/index.ts +1 -8
  161. package/src/components/custom/Workout/ActiveWorkoutPage.stories.tsx +9 -1
  162. package/src/components/custom/Workout/BaseBadge.stories.tsx +19 -7
  163. package/src/components/custom/Workout/BaseBadge.test.tsx +31 -11
  164. package/src/components/custom/Workout/BaseBadge.tsx +3 -0
  165. package/src/components/custom/Workout/BodyMap.stories.tsx +4 -1
  166. package/src/components/custom/Workout/BodyMap.tsx +3 -1
  167. package/src/components/custom/Workout/BodyMapDetailPanel.stories.tsx +16 -4
  168. package/src/components/custom/Workout/BodyMapDetailPanel.test.tsx +11 -15
  169. package/src/components/custom/Workout/BodyMapDetailPanel.tsx +45 -9
  170. package/src/components/custom/Workout/CapacityBandChart.stories.tsx +10 -8
  171. package/src/components/custom/Workout/CapacityBandChart.test.tsx +24 -51
  172. package/src/components/custom/Workout/CapacityBandChart.tsx +139 -108
  173. package/src/components/custom/Workout/DeviationBar.stories.tsx +1 -1
  174. package/src/components/custom/Workout/DeviationBar.test.tsx +5 -2
  175. package/src/components/custom/Workout/DeviationBar.tsx +21 -16
  176. package/src/components/custom/Workout/DualVelocityStrip.stories.tsx +182 -0
  177. package/src/components/custom/Workout/DualVelocityStrip.test.tsx +3 -2
  178. package/src/components/custom/Workout/ExerciseCard.stories.tsx +8 -7
  179. package/src/components/custom/Workout/ExerciseCard.test.tsx +13 -3
  180. package/src/components/custom/Workout/ExerciseCard.tsx +42 -51
  181. package/src/components/custom/Workout/ExerciseCardHeading.stories.tsx +7 -7
  182. package/src/components/custom/Workout/ExerciseDetailPage.stories.tsx +9 -1
  183. package/src/components/custom/Workout/ExerciseHeading.stories.tsx +8 -8
  184. package/src/components/custom/Workout/ExerciseHeading.tsx +8 -5
  185. package/src/components/custom/Workout/ExerciseIndicator.stories.tsx +6 -4
  186. package/src/components/custom/Workout/ExerciseIndicator.test.tsx +27 -11
  187. package/src/components/custom/Workout/ExerciseIndicator.tsx +14 -15
  188. package/src/components/custom/Workout/FatigueMeter.stories.tsx +5 -5
  189. package/src/components/custom/Workout/InputBar.stories.tsx +4 -5
  190. package/src/components/custom/Workout/IntensityBar.stories.tsx +1 -1
  191. package/src/components/custom/Workout/IntensityBar.test.tsx +5 -1
  192. package/src/components/custom/Workout/IntensityBar.tsx +4 -2
  193. package/src/components/custom/Workout/LiveAuraFrame.stories.tsx +5 -4
  194. package/src/components/custom/Workout/MesoCard.stories.tsx +4 -1
  195. package/src/components/custom/Workout/MesoCard.test.tsx +7 -18
  196. package/src/components/custom/Workout/MesoCard.tsx +12 -9
  197. package/src/components/custom/Workout/MesoProgressBar.stories.tsx +1 -1
  198. package/src/components/custom/Workout/MesoProgressBar.test.tsx +18 -11
  199. package/src/components/custom/Workout/MesoProgressBar.tsx +15 -13
  200. package/src/components/custom/Workout/MesoStatusCard.stories.tsx +2 -1
  201. package/src/components/custom/Workout/MesoStatusCard.test.tsx +14 -44
  202. package/src/components/custom/Workout/MesoStatusCard.tsx +9 -23
  203. package/src/components/custom/Workout/MetricTiles.stories.tsx +3 -2
  204. package/src/components/custom/Workout/MuscleGroupChip.stories.tsx +2 -8
  205. package/src/components/custom/Workout/MuscleGroupChip.test.tsx +23 -31
  206. package/src/components/custom/Workout/MuscleGroupChip.tsx +28 -67
  207. package/src/components/custom/Workout/PlaceholderStrip.stories.tsx +1 -1
  208. package/src/components/custom/Workout/PlaceholderStrip.test.tsx +17 -10
  209. package/src/components/custom/Workout/PlaceholderStrip.tsx +9 -8
  210. package/src/components/custom/Workout/PrBadge.stories.tsx +2 -1
  211. package/src/components/custom/Workout/PrBadge.test.tsx +3 -9
  212. package/src/components/custom/Workout/PrBadge.tsx +13 -17
  213. package/src/components/custom/Workout/PrHistoryModal.stories.tsx +4 -1
  214. package/src/components/custom/Workout/PrHistoryModal.test.tsx +13 -36
  215. package/src/components/custom/Workout/PrHistoryModal.tsx +8 -4
  216. package/src/components/custom/Workout/ProgramPlanningPage.stories.tsx +6 -1
  217. package/src/components/custom/Workout/README.md +11 -6
  218. package/src/components/custom/Workout/ReadinessCheck.stories.tsx +3 -2
  219. package/src/components/custom/Workout/ReadinessCheck.test.tsx +12 -18
  220. package/src/components/custom/Workout/ReadinessCheck.tsx +19 -3
  221. package/src/components/custom/Workout/RestTimer.stories.tsx +3 -2
  222. package/src/components/custom/Workout/ScheduleTiles.stories.tsx +3 -2
  223. package/src/components/custom/Workout/ScheduleTiles.test.tsx +3 -4
  224. package/src/components/custom/Workout/ScheduleTiles.tsx +4 -7
  225. package/src/components/custom/Workout/SegmentedBar.stories.tsx +5 -5
  226. package/src/components/custom/Workout/SegmentedBar.tsx +6 -2
  227. package/src/components/custom/Workout/SegmentedProgressBar.stories.tsx +5 -5
  228. package/src/components/custom/Workout/SessionHeader.stories.tsx +6 -6
  229. package/src/components/custom/Workout/SessionHeader.tsx +12 -12
  230. package/src/components/custom/Workout/SessionRail.stories.tsx +12 -11
  231. package/src/components/custom/Workout/SessionRail.tsx +7 -9
  232. package/src/components/custom/Workout/SetBar.stories.tsx +10 -6
  233. package/src/components/custom/Workout/SetBar.test.tsx +49 -4
  234. package/src/components/custom/Workout/SetBar.tsx +38 -12
  235. package/src/components/custom/Workout/SetRow.stories.tsx +3 -2
  236. package/src/components/custom/Workout/SetRow.test.tsx +16 -2
  237. package/src/components/custom/Workout/SetRow.tsx +61 -23
  238. package/src/components/custom/Workout/SetStrip.stories.tsx +60 -5
  239. package/src/components/custom/Workout/SetStrip.test.tsx +25 -0
  240. package/src/components/custom/Workout/SetStrip.tsx +24 -4
  241. package/src/components/custom/Workout/SetTableHeader.stories.tsx +6 -6
  242. package/src/components/custom/Workout/SetTableHeader.tsx +9 -12
  243. package/src/components/custom/Workout/SetsRepsLoad.stories.tsx +7 -7
  244. package/src/components/custom/Workout/SetsRepsLoad.tsx +3 -5
  245. package/src/components/custom/Workout/Sparkline.stories.tsx +1 -1
  246. package/src/components/custom/Workout/Sparkline.test.tsx +37 -19
  247. package/src/components/custom/Workout/Sparkline.tsx +14 -18
  248. package/src/components/custom/Workout/StatusDot.stories.tsx +1 -1
  249. package/src/components/custom/Workout/StatusDot.test.tsx +44 -5
  250. package/src/components/custom/Workout/StatusDot.tsx +93 -63
  251. package/src/components/custom/Workout/StatusPill.stories.tsx +1 -1
  252. package/src/components/custom/Workout/StatusPill.test.tsx +6 -15
  253. package/src/components/custom/Workout/StatusPill.tsx +27 -38
  254. package/src/components/custom/Workout/StrengthTrendChart.stories.tsx +9 -3
  255. package/src/components/custom/Workout/StrengthTrendChart.test.tsx +15 -37
  256. package/src/components/custom/Workout/StrengthTrendChart.tsx +31 -30
  257. package/src/components/custom/Workout/SupersetWrapper.stories.tsx +27 -64
  258. package/src/components/custom/Workout/SupersetWrapper.test.tsx +16 -14
  259. package/src/components/custom/Workout/SupersetWrapper.tsx +17 -21
  260. package/src/components/custom/Workout/TempoDisplay.stories.tsx +22 -7
  261. package/src/components/custom/Workout/TempoDisplay.test.tsx +18 -4
  262. package/src/components/custom/Workout/TrainingStatusPage.stories.tsx +9 -1
  263. package/src/components/custom/Workout/VelocityStrip.compact.stories.tsx +4 -1
  264. package/src/components/custom/Workout/VelocityStrip.dual.stories.tsx +7 -4
  265. package/src/components/custom/Workout/VelocityStrip.expanded.stories.tsx +4 -1
  266. package/src/components/custom/Workout/VelocityStrip.hero.stories.tsx +4 -1
  267. package/src/components/custom/Workout/VelocityStrip.stories.tsx +12 -6
  268. package/src/components/custom/Workout/VelocityStrip.tsx +3 -0
  269. package/src/components/custom/Workout/VolumeLandmarkBar.stories.tsx +6 -7
  270. package/src/components/custom/Workout/VolumeLandmarkBar.tsx +15 -6
  271. package/src/components/custom/Workout/WeekRow.stories.tsx +4 -1
  272. package/src/components/custom/Workout/WeekRow.test.tsx +18 -15
  273. package/src/components/custom/Workout/WeekRow.tsx +23 -16
  274. package/src/components/custom/Workout/WeightBadge.stories.tsx +2 -1
  275. package/src/components/custom/Workout/WeightBadge.test.tsx +50 -19
  276. package/src/components/custom/Workout/WeightBadge.tsx +28 -27
  277. package/src/components/custom/Workout/WorkoutCard.stories.tsx +6 -1
  278. package/src/components/custom/Workout/WorkoutCard.test.tsx +18 -0
  279. package/src/components/custom/Workout/WorkoutCard.tsx +35 -57
  280. package/src/components/custom/Workout/WorkoutPill.stories.tsx +5 -2
  281. package/src/components/custom/Workout/WorkoutPill.test.tsx +39 -7
  282. package/src/components/custom/Workout/WorkoutPill.tsx +88 -57
  283. package/src/components/custom/Workout/ZoneTrack.stories.tsx +7 -6
  284. package/src/components/custom/Workout/ZoneTrack.tsx +10 -9
  285. package/src/components/custom/Workout/index.ts +5 -0
  286. package/src/components/custom/Workout/metricText.stories.tsx +6 -5
  287. package/src/components/custom/Workout/metricText.tsx +4 -0
  288. package/src/components/custom/Workout/setHeadingKit.tsx +207 -26
  289. package/src/components/custom/charts/README.md +61 -0
  290. package/src/components/custom/charts/SetBarChart.test.tsx +30 -1
  291. package/src/components/custom/charts/SetBarChart.tsx +42 -4
  292. package/src/components/custom/charts/SparkBars.stories.tsx +55 -0
  293. package/src/components/custom/charts/SparkBars.test.tsx +69 -0
  294. package/src/components/custom/charts/SparkBars.tsx +85 -0
  295. package/src/components/custom/charts/index.ts +3 -0
  296. package/src/components/custom/index.ts +3 -0
  297. package/src/components/custom/stepper/Stepper.stories.tsx +13 -10
  298. package/src/components/custom/stepper/Stepper.test.tsx +1 -7
  299. package/src/components/custom/stepper/Stepper.tsx +13 -28
  300. package/src/components/icons/icons.stories.tsx +1 -1
  301. package/src/components/icons/icons.tsx +51 -0
  302. package/src/components/shell/AppShell.stories.tsx +150 -0
  303. package/src/components/shell/AppShell.test.tsx +70 -0
  304. package/src/components/shell/AppShell.tsx +90 -0
  305. package/src/components/shell/BrandLockup.stories.tsx +66 -5
  306. package/src/components/shell/BrandLockup.test.tsx +34 -1
  307. package/src/components/shell/BrandLockup.tsx +27 -11
  308. package/src/components/shell/NavItem.stories.tsx +4 -4
  309. package/src/components/shell/NavItem.test.tsx +17 -0
  310. package/src/components/shell/NavItem.tsx +17 -5
  311. package/src/components/shell/README.md +89 -26
  312. package/src/components/shell/SideNav.stories.tsx +38 -7
  313. package/src/components/shell/SideNav.test.tsx +16 -8
  314. package/src/components/shell/SideNav.tsx +17 -17
  315. package/src/components/shell/TopBar.stories.tsx +44 -19
  316. package/src/components/shell/TopBar.test.tsx +34 -12
  317. package/src/components/shell/TopBar.tsx +61 -40
  318. package/src/components/shell/brands.tsx +66 -0
  319. package/src/components/shell/index.ts +9 -8
  320. package/src/components/shell/{DeviceIndicator.stories.tsx → workout/DeviceIndicator.stories.tsx} +2 -2
  321. package/src/components/shell/{DeviceIndicator.tsx → workout/DeviceIndicator.tsx} +2 -2
  322. package/src/components/shell/{DeviceMenu.stories.tsx → workout/DeviceMenu.stories.tsx} +2 -2
  323. package/src/components/shell/{DeviceMenu.tsx → workout/DeviceMenu.tsx} +3 -3
  324. package/src/components/shell/{DeviceRow.stories.tsx → workout/DeviceRow.stories.tsx} +2 -2
  325. package/src/components/shell/{DeviceRow.tsx → workout/DeviceRow.tsx} +3 -3
  326. package/src/components/shell/{SessionStatePill.stories.tsx → workout/SessionStatePill.stories.tsx} +2 -2
  327. package/src/components/shell/{SessionStatePill.tsx → workout/SessionStatePill.tsx} +5 -3
  328. package/src/components/shell/workout/WorkoutShell.stories.tsx +71 -0
  329. package/src/components/shell/{DashboardShell.test.tsx → workout/WorkoutShell.test.tsx} +19 -8
  330. package/src/components/shell/workout/WorkoutShell.tsx +77 -0
  331. package/src/components/shell/workout/WorkoutTopBar.stories.tsx +58 -0
  332. package/src/components/shell/workout/WorkoutTopBar.test.tsx +39 -0
  333. package/src/components/shell/workout/WorkoutTopBar.tsx +52 -0
  334. package/src/components/shell/workout/index.ts +9 -0
  335. package/src/components/shell/workout/workoutNavItems.tsx +16 -0
  336. package/src/components/ui/README.md +110 -0
  337. package/src/components/ui/alert/Alert.stories.tsx +1 -1
  338. package/src/components/ui/autocomplete/Autocomplete.stories.tsx +11 -13
  339. package/src/components/ui/autocomplete/Autocomplete.test.tsx +7 -25
  340. package/src/components/ui/autocomplete/Autocomplete.tsx +21 -28
  341. package/src/components/ui/avatar/Avatar.stories.tsx +1 -1
  342. package/src/components/ui/avatar/Avatar.tsx +2 -10
  343. package/src/components/ui/badge/Badge.stories.tsx +83 -28
  344. package/src/components/ui/badge/Badge.test.tsx +19 -3
  345. package/src/components/ui/badge/Badge.tsx +48 -55
  346. package/src/components/ui/breadcrumbs/Breadcrumbs.stories.tsx +1 -1
  347. package/src/components/ui/breadcrumbs/Breadcrumbs.tsx +4 -16
  348. package/src/components/ui/button/Button.stories.tsx +46 -12
  349. package/src/components/ui/button/Button.tsx +32 -25
  350. package/src/components/ui/card/Card.stories.tsx +90 -94
  351. package/src/components/ui/card/Card.test.tsx +80 -6
  352. package/src/components/ui/card/Card.tsx +150 -203
  353. package/src/components/ui/checkbox/Checkbox.stories.tsx +1 -1
  354. package/src/components/ui/checkbox/Checkbox.tsx +6 -26
  355. package/src/components/ui/chip/Chip.stories.tsx +37 -13
  356. package/src/components/ui/chip/Chip.test.tsx +10 -6
  357. package/src/components/ui/chip/Chip.tsx +76 -91
  358. package/src/components/ui/collapse/Collapse.stories.tsx +23 -23
  359. package/src/components/ui/collapse/Collapse.tsx +6 -11
  360. package/src/components/ui/data-row/DataRow.stories.tsx +9 -2
  361. package/src/components/ui/data-row/DataRow.test.tsx +5 -15
  362. package/src/components/ui/data-row/DataRow.tsx +18 -7
  363. package/src/components/ui/divider/Divider.stories.tsx +1 -1
  364. package/src/components/ui/divider/Divider.tsx +1 -5
  365. package/src/components/ui/drawer/Drawer.stories.tsx +5 -16
  366. package/src/components/ui/drawer/Drawer.tsx +13 -30
  367. package/src/components/ui/floating-overlay-depth.test.tsx +143 -0
  368. package/src/components/ui/form-field/FormField.stories.tsx +6 -20
  369. package/src/components/ui/form-field/FormField.test.tsx +1 -5
  370. package/src/components/ui/form-field/FormField.tsx +10 -46
  371. package/src/components/ui/help-tip/HelpTip.stories.tsx +8 -19
  372. package/src/components/ui/help-tip/HelpTip.test.tsx +1 -3
  373. package/src/components/ui/help-tip/HelpTip.tsx +21 -22
  374. package/src/components/ui/help-tip/index.ts +7 -1
  375. package/src/components/ui/icon-box/IconBox.stories.tsx +1 -1
  376. package/src/components/ui/icon-box/IconBox.test.tsx +1 -7
  377. package/src/components/ui/icon-box/IconBox.tsx +2 -12
  378. package/src/components/ui/indicator/Indicator.stories.tsx +1 -1
  379. package/src/components/ui/indicator/Indicator.tsx +20 -14
  380. package/src/components/ui/input/Input.stories.tsx +3 -11
  381. package/src/components/ui/input/Input.test.tsx +2 -10
  382. package/src/components/ui/input/Input.tsx +10 -25
  383. package/src/components/ui/input/index.ts +7 -1
  384. package/src/components/ui/link/Link.stories.tsx +19 -7
  385. package/src/components/ui/list-item/ListItem.stories.tsx +11 -2
  386. package/src/components/ui/list-item/ListItem.tsx +2 -9
  387. package/src/components/ui/menu/Menu.stories.tsx +21 -15
  388. package/src/components/ui/menu/Menu.test.tsx +2 -11
  389. package/src/components/ui/menu/Menu.tsx +12 -14
  390. package/src/components/ui/menu/index.ts +8 -1
  391. package/src/components/ui/modal/Modal.stories.tsx +2 -2
  392. package/src/components/ui/modal/Modal.tsx +29 -19
  393. package/src/components/ui/pill/Pill.stories.tsx +58 -23
  394. package/src/components/ui/pill/Pill.test.tsx +101 -3
  395. package/src/components/ui/pill/Pill.tsx +164 -49
  396. package/src/components/ui/pill/index.ts +1 -1
  397. package/src/components/ui/popover/Popover.stories.tsx +5 -7
  398. package/src/components/ui/popover/Popover.test.tsx +1 -6
  399. package/src/components/ui/popover/Popover.tsx +20 -15
  400. package/src/components/ui/popover/index.ts +7 -1
  401. package/src/components/ui/progress/Progress.stories.tsx +3 -12
  402. package/src/components/ui/progress/Progress.test.tsx +1 -5
  403. package/src/components/ui/radio/Radio.stories.tsx +42 -21
  404. package/src/components/ui/radio/Radio.test.tsx +6 -2
  405. package/src/components/ui/radio/Radio.tsx +23 -22
  406. package/src/components/ui/section/Section.stories.tsx +5 -14
  407. package/src/components/ui/section/Section.test.tsx +1 -6
  408. package/src/components/ui/section/Section.tsx +1 -3
  409. package/src/components/ui/section/index.ts +1 -5
  410. package/src/components/ui/select/Select.stories.tsx +3 -13
  411. package/src/components/ui/select/Select.test.tsx +2 -11
  412. package/src/components/ui/select/Select.tsx +14 -14
  413. package/src/components/ui/skeleton/Skeleton.stories.tsx +3 -11
  414. package/src/components/ui/skeleton/Skeleton.tsx +3 -14
  415. package/src/components/ui/skeleton/index.ts +1 -7
  416. package/src/components/ui/spinner/Spinner.stories.tsx +1 -1
  417. package/src/components/ui/spinner/Spinner.tsx +1 -4
  418. package/src/components/ui/stack/Stack.stories.tsx +1 -1
  419. package/src/components/ui/stack/Stack.tsx +1 -1
  420. package/src/components/ui/surface/Surface.stories.tsx +17 -5
  421. package/src/components/ui/surface/Surface.test.tsx +88 -28
  422. package/src/components/ui/surface/Surface.tsx +37 -87
  423. package/src/components/ui/surface/SurfaceContext.ts +22 -62
  424. package/src/components/ui/surface/index.ts +8 -0
  425. package/src/components/ui/surface/resolveSurface.ts +98 -0
  426. package/src/components/ui/surface/surface.contract.test.ts +6 -1
  427. package/src/components/ui/switch/Switch.stories.tsx +1 -1
  428. package/src/components/ui/switch/Switch.tsx +7 -6
  429. package/src/components/ui/tabs/Tabs.stories.tsx +1 -1
  430. package/src/components/ui/tabs/Tabs.tsx +7 -22
  431. package/src/components/ui/tabs/index.ts +1 -7
  432. package/src/components/ui/tile/Tile.stories.tsx +1 -1
  433. package/src/components/ui/tile/Tile.tsx +3 -0
  434. package/src/components/ui/toast/Toast.stories.tsx +1 -1
  435. package/src/components/ui/toast/Toast.test.tsx +2 -8
  436. package/src/components/ui/toast/Toast.tsx +43 -53
  437. package/src/components/ui/toast/index.ts +0 -1
  438. package/src/components/ui/toolbar-button/ToolbarButton.stories.tsx +92 -71
  439. package/src/components/ui/toolbar-button/ToolbarButton.test.tsx +3 -18
  440. package/src/components/ui/toolbar-button/ToolbarButton.tsx +25 -43
  441. package/src/components/ui/tooltip/Tooltip.stories.tsx +12 -3
  442. package/src/components/ui/tooltip/Tooltip.test.tsx +21 -3
  443. package/src/components/ui/tooltip/Tooltip.tsx +55 -36
  444. package/src/components/ui/tooltip/index.ts +1 -1
  445. package/src/components/ui/trigger/TriggerSurface.test.tsx +215 -0
  446. package/src/components/ui/trigger/TriggerSurface.tsx +81 -0
  447. package/src/components/ui/trigger/index.ts +2 -0
  448. package/src/stories/PresetShowcase.stories.tsx +100 -47
  449. package/src/test/no-device-internals.test.ts +3 -3
  450. package/src/theme/ChoosingTokens.stories.tsx +48 -0
  451. package/src/theme/ColorPalettes.stories.tsx +62 -45
  452. package/src/theme/ColorPrimitives.stories.tsx +35 -35
  453. package/src/theme/Depth.stories.tsx +132 -65
  454. package/src/theme/DepthCalibration.stories.tsx +23 -21
  455. package/src/theme/ThemeProvider.test.tsx +4 -4
  456. package/src/theme/barrel.ts +7 -6
  457. package/src/theme/color-stories.coverage.test.ts +1 -1
  458. package/src/theme/color-utils.ts +41 -29
  459. package/src/theme/config.completeness.test.ts +1 -1
  460. package/src/theme/config.ts +28 -0
  461. package/src/theme/elevation.test.ts +82 -56
  462. package/src/theme/elevation.ts +77 -561
  463. package/src/theme/global.css +30 -2
  464. package/src/theme/grey-ramp.test.ts +24 -8
  465. package/src/theme/lift.test.ts +39 -0
  466. package/src/theme/lift.ts +102 -0
  467. package/src/theme/materials.test.ts +5 -2
  468. package/src/theme/materials.ts +38 -4
  469. package/src/theme/native-theming-guard.test.ts +5 -5
  470. package/src/theme/presets/apply.ts +4 -0
  471. package/src/theme/presets/audiobook.ts +5 -2
  472. package/src/theme/presets/default.ts +4 -0
  473. package/src/theme/presets/index.ts +14 -1
  474. package/src/theme/presets/types.ts +1 -1
  475. package/src/theme/semantic-contrast.test.ts +13 -4
  476. package/src/theme/status-distinctness.test.ts +66 -0
  477. package/src/theme/surface-planes.test.ts +37 -0
  478. package/src/theme/surface-planes.ts +68 -0
  479. package/src/theme/token-export-guard.test.ts +1 -3
  480. package/src/theme/tokens/primitives.test.ts +15 -7
  481. package/src/theme/tokens/primitives.ts +65 -33
  482. package/src/theme/tokens/semantic.ts +71 -37
  483. package/src/theme/wash-ladder.test.ts +58 -0
  484. package/src/theme/workout-tokens.ts +1 -7
  485. package/src/types/jest-axe.d.ts +2 -6
  486. package/src/types/raw-md.d.ts +5 -0
  487. package/src/utils/colors.ts +4 -4
  488. package/src/utils/form.ts +1 -3
  489. package/src/utils/index.ts +2 -7
  490. package/src/utils/number-format.ts +17 -0
  491. package/src/utils/workout-format.ts +15 -6
  492. package/src/web-jsx/jsx-runtime.ts +1 -5
  493. package/tailwind.config.js +5 -0
  494. package/src/components/custom/Workout/ExerciseCardUnified.stories.tsx +0 -151
  495. package/src/components/custom/Workout/RowInventory.stories.tsx +0 -408
  496. package/src/components/custom/Workout/S3FullRail.stories.tsx +0 -46
  497. package/src/components/custom/Workout/S3SessionPace.stories.tsx +0 -95
  498. package/src/components/custom/Workout/S3SessionRailHeading.stories.tsx +0 -61
  499. package/src/components/custom/Workout/S3SetTypes.stories.tsx +0 -176
  500. package/src/components/custom/Workout/S3WorkoutExpansion.stories.tsx +0 -240
  501. package/src/components/shell/DashboardShell.stories.tsx +0 -65
  502. package/src/components/shell/DashboardShell.tsx +0 -75
  503. package/src/components/shell/SessionRailSpecimen.stories.tsx +0 -753
  504. package/src/theme/elevation.stories.tsx +0 -346
  505. package/src/utils/useTheme.ts +0 -72
  506. /package/src/components/shell/{DeviceIndicator.test.tsx → workout/DeviceIndicator.test.tsx} +0 -0
  507. /package/src/components/shell/{DeviceMenu.test.tsx → workout/DeviceMenu.test.tsx} +0 -0
  508. /package/src/components/shell/{DeviceRow.test.tsx → workout/DeviceRow.test.tsx} +0 -0
  509. /package/src/components/shell/{SessionStatePill.test.tsx → workout/SessionStatePill.test.tsx} +0 -0
package/dist/theme/tokens.d.mts CHANGED
@@ -47,12 +47,16 @@ declare const semanticColorsLight: {
47
47
  readonly 'brand-primary-light': "#FFA063";
48
48
  readonly 'brand-primary-dark': "#DA5F00";
49
49
  readonly 'brand-primary-subtle': "rgba(255, 121, 0, 0.08)";
50
+ readonly 'brand-primary-muted': "rgba(255, 121, 0, 0.30)";
51
+ readonly 'brand-primary-strong': "rgba(255, 121, 0, 0.50)";
50
52
  readonly 'brand-primary-hover': "#DA5F00";
51
53
  readonly 'brand-primary-active': "#B94A00";
52
54
  readonly 'brand-secondary': "#307B9B";
53
55
  readonly 'brand-secondary-light': "#2697B7";
54
56
  readonly 'brand-secondary-dark': "#2A617F";
55
57
  readonly 'brand-secondary-subtle': "rgba(48, 123, 155, 0.08)";
58
+ readonly 'brand-secondary-muted': "rgba(48, 123, 155, 0.30)";
59
+ readonly 'brand-secondary-strong': "rgba(48, 123, 155, 0.50)";
56
60
  readonly 'brand-secondary-hover': "#2A617F";
57
61
  readonly 'brand-secondary-active': "#22465F";
58
62
  readonly 'on-brand-primary': "#FFFFFF";
@@ -61,24 +65,34 @@ declare const semanticColorsLight: {
61
65
  readonly 'status-success-light': "#58F69E";
62
66
  readonly 'status-success-dark': "#298732";
63
67
  readonly 'status-success-subtle': "#E3FFEE";
68
+ readonly 'status-success-muted': "rgba(46, 213, 115, 0.30)";
69
+ readonly 'status-success-strong': "rgba(46, 213, 115, 0.50)";
64
70
  readonly 'status-live': "#2ED573";
65
71
  readonly 'status-live-muted': "#22A444";
66
72
  readonly 'status-error': "#D14343";
67
73
  readonly 'status-error-light': "#E05254";
68
74
  readonly 'status-error-dark': "#A4221C";
69
75
  readonly 'status-error-subtle': "#FFF4F4";
70
- readonly 'status-error-vivid': "#D14343";
76
+ readonly 'status-error-muted': "rgba(209, 67, 67, 0.30)";
77
+ readonly 'status-error-strong': "rgba(209, 67, 67, 0.50)";
78
+ readonly 'status-error-vivid': "#FF4757";
71
79
  readonly 'status-error-vivid-light': "#E05254";
72
80
  readonly 'status-error-vivid-dark': "#A4221C";
73
81
  readonly 'status-error-vivid-subtle': "rgba(255, 71, 87, 0.12)";
82
+ readonly 'status-error-vivid-muted': "rgba(255, 71, 87, 0.30)";
83
+ readonly 'status-error-vivid-strong': "rgba(255, 71, 87, 0.50)";
74
84
  readonly 'status-warning': "#F9B415";
75
85
  readonly 'status-warning-light': "#FFD352";
76
86
  readonly 'status-warning-dark': "#C27400";
77
87
  readonly 'status-warning-subtle': "#FFF7DD";
88
+ readonly 'status-warning-muted': "rgba(249, 180, 21, 0.30)";
89
+ readonly 'status-warning-strong': "rgba(249, 180, 21, 0.50)";
78
90
  readonly 'status-info': "#2196F3";
79
91
  readonly 'status-info-light': "#78C2FF";
80
92
  readonly 'status-info-dark': "#1072CB";
81
93
  readonly 'status-info-subtle': "#EFF8FF";
94
+ readonly 'status-info-muted': "rgba(33, 150, 243, 0.30)";
95
+ readonly 'status-info-strong': "rgba(33, 150, 243, 0.50)";
82
96
  readonly 'on-status-success': "#FFFFFF";
83
97
  readonly 'on-status-error': "#FFFFFF";
84
98
  readonly 'on-status-warning': "#FFFFFF";
@@ -145,12 +159,16 @@ declare const semanticColorsDark: {
145
159
  readonly 'brand-primary-light': "#FFA063";
146
160
  readonly 'brand-primary-dark': "#DA5F00";
147
161
  readonly 'brand-primary-subtle': "rgba(255, 121, 0, 0.12)";
162
+ readonly 'brand-primary-muted': "rgba(255, 121, 0, 0.30)";
163
+ readonly 'brand-primary-strong': "rgba(255, 121, 0, 0.50)";
148
164
  readonly 'brand-primary-hover': "#FFA063";
149
165
  readonly 'brand-primary-active': "#FFC7A2";
150
166
  readonly 'brand-secondary': "#307B9B";
151
167
  readonly 'brand-secondary-light': "#2697B7";
152
168
  readonly 'brand-secondary-dark': "#2A617F";
153
169
  readonly 'brand-secondary-subtle': "rgba(48, 123, 155, 0.12)";
170
+ readonly 'brand-secondary-muted': "rgba(48, 123, 155, 0.30)";
171
+ readonly 'brand-secondary-strong': "rgba(48, 123, 155, 0.50)";
154
172
  readonly 'brand-secondary-hover': "#2697B7";
155
173
  readonly 'brand-secondary-active': "#01B5D1";
156
174
  readonly 'on-brand-primary': "#FFFFFF";
@@ -159,24 +177,34 @@ declare const semanticColorsDark: {
159
177
  readonly 'status-success-light': "#58F69E";
160
178
  readonly 'status-success-dark': "#298732";
161
179
  readonly 'status-success-subtle': "rgba(46, 213, 115, 0.12)";
180
+ readonly 'status-success-muted': "rgba(46, 213, 115, 0.30)";
181
+ readonly 'status-success-strong': "rgba(46, 213, 115, 0.50)";
162
182
  readonly 'status-live': "#2ED573";
163
183
  readonly 'status-live-muted': "#22A444";
164
184
  readonly 'status-error': "#D14343";
165
185
  readonly 'status-error-light': "#E05254";
166
186
  readonly 'status-error-dark': "#A4221C";
167
187
  readonly 'status-error-subtle': "rgba(209, 67, 67, 0.12)";
168
- readonly 'status-error-vivid': "#D14343";
188
+ readonly 'status-error-muted': "rgba(209, 67, 67, 0.30)";
189
+ readonly 'status-error-strong': "rgba(209, 67, 67, 0.50)";
190
+ readonly 'status-error-vivid': "#FF4757";
169
191
  readonly 'status-error-vivid-light': "#E05254";
170
192
  readonly 'status-error-vivid-dark': "#A4221C";
171
193
  readonly 'status-error-vivid-subtle': "rgba(255, 71, 87, 0.12)";
194
+ readonly 'status-error-vivid-muted': "rgba(255, 71, 87, 0.30)";
195
+ readonly 'status-error-vivid-strong': "rgba(255, 71, 87, 0.50)";
172
196
  readonly 'status-warning': "#F9B415";
173
197
  readonly 'status-warning-light': "#FFD352";
174
198
  readonly 'status-warning-dark': "#C27400";
175
199
  readonly 'status-warning-subtle': "rgba(249, 180, 21, 0.12)";
200
+ readonly 'status-warning-muted': "rgba(249, 180, 21, 0.30)";
201
+ readonly 'status-warning-strong': "rgba(249, 180, 21, 0.50)";
176
202
  readonly 'status-info': "#2196F3";
177
203
  readonly 'status-info-light': "#78C2FF";
178
204
  readonly 'status-info-dark': "#1072CB";
179
205
  readonly 'status-info-subtle': "rgba(33, 150, 243, 0.12)";
206
+ readonly 'status-info-muted': "rgba(33, 150, 243, 0.30)";
207
+ readonly 'status-info-strong': "rgba(33, 150, 243, 0.50)";
180
208
  readonly 'on-status-success': "#FFFFFF";
181
209
  readonly 'on-status-error': "#FFFFFF";
182
210
  readonly 'on-status-warning': "#FFFFFF";
@@ -343,12 +371,16 @@ declare function getSemanticColors(mode: ThemeMode): {
343
371
  readonly 'brand-primary-light': "#FFA063";
344
372
  readonly 'brand-primary-dark': "#DA5F00";
345
373
  readonly 'brand-primary-subtle': "rgba(255, 121, 0, 0.08)";
374
+ readonly 'brand-primary-muted': "rgba(255, 121, 0, 0.30)";
375
+ readonly 'brand-primary-strong': "rgba(255, 121, 0, 0.50)";
346
376
  readonly 'brand-primary-hover': "#DA5F00";
347
377
  readonly 'brand-primary-active': "#B94A00";
348
378
  readonly 'brand-secondary': "#307B9B";
349
379
  readonly 'brand-secondary-light': "#2697B7";
350
380
  readonly 'brand-secondary-dark': "#2A617F";
351
381
  readonly 'brand-secondary-subtle': "rgba(48, 123, 155, 0.08)";
382
+ readonly 'brand-secondary-muted': "rgba(48, 123, 155, 0.30)";
383
+ readonly 'brand-secondary-strong': "rgba(48, 123, 155, 0.50)";
352
384
  readonly 'brand-secondary-hover': "#2A617F";
353
385
  readonly 'brand-secondary-active': "#22465F";
354
386
  readonly 'on-brand-primary': "#FFFFFF";
@@ -357,24 +389,34 @@ declare function getSemanticColors(mode: ThemeMode): {
357
389
  readonly 'status-success-light': "#58F69E";
358
390
  readonly 'status-success-dark': "#298732";
359
391
  readonly 'status-success-subtle': "#E3FFEE";
392
+ readonly 'status-success-muted': "rgba(46, 213, 115, 0.30)";
393
+ readonly 'status-success-strong': "rgba(46, 213, 115, 0.50)";
360
394
  readonly 'status-live': "#2ED573";
361
395
  readonly 'status-live-muted': "#22A444";
362
396
  readonly 'status-error': "#D14343";
363
397
  readonly 'status-error-light': "#E05254";
364
398
  readonly 'status-error-dark': "#A4221C";
365
399
  readonly 'status-error-subtle': "#FFF4F4";
366
- readonly 'status-error-vivid': "#D14343";
400
+ readonly 'status-error-muted': "rgba(209, 67, 67, 0.30)";
401
+ readonly 'status-error-strong': "rgba(209, 67, 67, 0.50)";
402
+ readonly 'status-error-vivid': "#FF4757";
367
403
  readonly 'status-error-vivid-light': "#E05254";
368
404
  readonly 'status-error-vivid-dark': "#A4221C";
369
405
  readonly 'status-error-vivid-subtle': "rgba(255, 71, 87, 0.12)";
406
+ readonly 'status-error-vivid-muted': "rgba(255, 71, 87, 0.30)";
407
+ readonly 'status-error-vivid-strong': "rgba(255, 71, 87, 0.50)";
370
408
  readonly 'status-warning': "#F9B415";
371
409
  readonly 'status-warning-light': "#FFD352";
372
410
  readonly 'status-warning-dark': "#C27400";
373
411
  readonly 'status-warning-subtle': "#FFF7DD";
412
+ readonly 'status-warning-muted': "rgba(249, 180, 21, 0.30)";
413
+ readonly 'status-warning-strong': "rgba(249, 180, 21, 0.50)";
374
414
  readonly 'status-info': "#2196F3";
375
415
  readonly 'status-info-light': "#78C2FF";
376
416
  readonly 'status-info-dark': "#1072CB";
377
417
  readonly 'status-info-subtle': "#EFF8FF";
418
+ readonly 'status-info-muted': "rgba(33, 150, 243, 0.30)";
419
+ readonly 'status-info-strong': "rgba(33, 150, 243, 0.50)";
378
420
  readonly 'on-status-success': "#FFFFFF";
379
421
  readonly 'on-status-error': "#FFFFFF";
380
422
  readonly 'on-status-warning': "#FFFFFF";
@@ -440,12 +482,16 @@ declare function getSemanticColors(mode: ThemeMode): {
440
482
  readonly 'brand-primary-light': "#FFA063";
441
483
  readonly 'brand-primary-dark': "#DA5F00";
442
484
  readonly 'brand-primary-subtle': "rgba(255, 121, 0, 0.12)";
485
+ readonly 'brand-primary-muted': "rgba(255, 121, 0, 0.30)";
486
+ readonly 'brand-primary-strong': "rgba(255, 121, 0, 0.50)";
443
487
  readonly 'brand-primary-hover': "#FFA063";
444
488
  readonly 'brand-primary-active': "#FFC7A2";
445
489
  readonly 'brand-secondary': "#307B9B";
446
490
  readonly 'brand-secondary-light': "#2697B7";
447
491
  readonly 'brand-secondary-dark': "#2A617F";
448
492
  readonly 'brand-secondary-subtle': "rgba(48, 123, 155, 0.12)";
493
+ readonly 'brand-secondary-muted': "rgba(48, 123, 155, 0.30)";
494
+ readonly 'brand-secondary-strong': "rgba(48, 123, 155, 0.50)";
449
495
  readonly 'brand-secondary-hover': "#2697B7";
450
496
  readonly 'brand-secondary-active': "#01B5D1";
451
497
  readonly 'on-brand-primary': "#FFFFFF";
@@ -454,24 +500,34 @@ declare function getSemanticColors(mode: ThemeMode): {
454
500
  readonly 'status-success-light': "#58F69E";
455
501
  readonly 'status-success-dark': "#298732";
456
502
  readonly 'status-success-subtle': "rgba(46, 213, 115, 0.12)";
503
+ readonly 'status-success-muted': "rgba(46, 213, 115, 0.30)";
504
+ readonly 'status-success-strong': "rgba(46, 213, 115, 0.50)";
457
505
  readonly 'status-live': "#2ED573";
458
506
  readonly 'status-live-muted': "#22A444";
459
507
  readonly 'status-error': "#D14343";
460
508
  readonly 'status-error-light': "#E05254";
461
509
  readonly 'status-error-dark': "#A4221C";
462
510
  readonly 'status-error-subtle': "rgba(209, 67, 67, 0.12)";
463
- readonly 'status-error-vivid': "#D14343";
511
+ readonly 'status-error-muted': "rgba(209, 67, 67, 0.30)";
512
+ readonly 'status-error-strong': "rgba(209, 67, 67, 0.50)";
513
+ readonly 'status-error-vivid': "#FF4757";
464
514
  readonly 'status-error-vivid-light': "#E05254";
465
515
  readonly 'status-error-vivid-dark': "#A4221C";
466
516
  readonly 'status-error-vivid-subtle': "rgba(255, 71, 87, 0.12)";
517
+ readonly 'status-error-vivid-muted': "rgba(255, 71, 87, 0.30)";
518
+ readonly 'status-error-vivid-strong': "rgba(255, 71, 87, 0.50)";
467
519
  readonly 'status-warning': "#F9B415";
468
520
  readonly 'status-warning-light': "#FFD352";
469
521
  readonly 'status-warning-dark': "#C27400";
470
522
  readonly 'status-warning-subtle': "rgba(249, 180, 21, 0.12)";
523
+ readonly 'status-warning-muted': "rgba(249, 180, 21, 0.30)";
524
+ readonly 'status-warning-strong': "rgba(249, 180, 21, 0.50)";
471
525
  readonly 'status-info': "#2196F3";
472
526
  readonly 'status-info-light': "#78C2FF";
473
527
  readonly 'status-info-dark': "#1072CB";
474
528
  readonly 'status-info-subtle': "rgba(33, 150, 243, 0.12)";
529
+ readonly 'status-info-muted': "rgba(33, 150, 243, 0.30)";
530
+ readonly 'status-info-strong': "rgba(33, 150, 243, 0.50)";
475
531
  readonly 'on-status-success': "#FFFFFF";
476
532
  readonly 'on-status-error': "#FFFFFF";
477
533
  readonly 'on-status-warning': "#FFFFFF";
@@ -553,6 +609,17 @@ declare const primitiveColors: {
553
609
  readonly black: "#000000";
554
610
  readonly transparent: "transparent";
555
611
  };
612
+ /**
613
+ * The vivid alert red: the one chromatic anchor outside the OKLCH ramps.
614
+ *
615
+ * It survived the TD-07.14 fold of the old `redVivid` scale only as the
616
+ * `-rgb`, `-subtle` and glow encodings of `status-error-vivid`, while the token
617
+ * itself was pinned to `red[600]` and collapsed onto `status-error`. Owning it
618
+ * here means the semantic layer references a primitive instead of carrying a
619
+ * literal. The red ramp has no step this saturated, and adding one means
620
+ * regenerating the ramp, so it stays a pin.
621
+ */
622
+ declare const alertRedVivid: "#FF4757";
556
623
  /**
557
624
  * Unified warm-neutral grey ramp (TD-07.14)
558
625
  *
@@ -807,6 +874,7 @@ declare const primitiveTypography: {
807
874
  readonly mono: readonly ["SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", "monospace"];
808
875
  };
809
876
  readonly fontSizes: {
877
+ readonly '2xs': "0.625rem";
810
878
  readonly xs: "0.75rem";
811
879
  readonly sm: "0.875rem";
812
880
  readonly base: "1rem";
@@ -901,4 +969,4 @@ declare const primitiveZIndex: {
901
969
  readonly tooltip: 1800;
902
970
  };
903
971
 
904
- export { CATEGORICAL_CVD_SAFE_MAX, type CategoricalVariant, SURFACE_PLANE_STEPS, type ThemeMode, bestTextColor, buttonSizes, categoricalPalette, discreteRainbow, divergingScale, getCategoricalColor, getDiscreteRainbowColor, getSemanticColors, greyRamp, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveRamps, primitiveSpacing, primitiveTypography, primitiveZIndex, semanticColorsDark, semanticColorsLight, semanticTypography, sequentialEffort };
972
+ export { CATEGORICAL_CVD_SAFE_MAX, type CategoricalVariant, SURFACE_PLANE_STEPS, type ThemeMode, alertRedVivid, bestTextColor, buttonSizes, categoricalPalette, discreteRainbow, divergingScale, getCategoricalColor, getDiscreteRainbowColor, getSemanticColors, greyRamp, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveRamps, primitiveSpacing, primitiveTypography, primitiveZIndex, semanticColorsDark, semanticColorsLight, semanticTypography, sequentialEffort };
package/dist/theme/tokens.d.ts CHANGED
@@ -47,12 +47,16 @@ declare const semanticColorsLight: {
47
47
  readonly 'brand-primary-light': "#FFA063";
48
48
  readonly 'brand-primary-dark': "#DA5F00";
49
49
  readonly 'brand-primary-subtle': "rgba(255, 121, 0, 0.08)";
50
+ readonly 'brand-primary-muted': "rgba(255, 121, 0, 0.30)";
51
+ readonly 'brand-primary-strong': "rgba(255, 121, 0, 0.50)";
50
52
  readonly 'brand-primary-hover': "#DA5F00";
51
53
  readonly 'brand-primary-active': "#B94A00";
52
54
  readonly 'brand-secondary': "#307B9B";
53
55
  readonly 'brand-secondary-light': "#2697B7";
54
56
  readonly 'brand-secondary-dark': "#2A617F";
55
57
  readonly 'brand-secondary-subtle': "rgba(48, 123, 155, 0.08)";
58
+ readonly 'brand-secondary-muted': "rgba(48, 123, 155, 0.30)";
59
+ readonly 'brand-secondary-strong': "rgba(48, 123, 155, 0.50)";
56
60
  readonly 'brand-secondary-hover': "#2A617F";
57
61
  readonly 'brand-secondary-active': "#22465F";
58
62
  readonly 'on-brand-primary': "#FFFFFF";
@@ -61,24 +65,34 @@ declare const semanticColorsLight: {
61
65
  readonly 'status-success-light': "#58F69E";
62
66
  readonly 'status-success-dark': "#298732";
63
67
  readonly 'status-success-subtle': "#E3FFEE";
68
+ readonly 'status-success-muted': "rgba(46, 213, 115, 0.30)";
69
+ readonly 'status-success-strong': "rgba(46, 213, 115, 0.50)";
64
70
  readonly 'status-live': "#2ED573";
65
71
  readonly 'status-live-muted': "#22A444";
66
72
  readonly 'status-error': "#D14343";
67
73
  readonly 'status-error-light': "#E05254";
68
74
  readonly 'status-error-dark': "#A4221C";
69
75
  readonly 'status-error-subtle': "#FFF4F4";
70
- readonly 'status-error-vivid': "#D14343";
76
+ readonly 'status-error-muted': "rgba(209, 67, 67, 0.30)";
77
+ readonly 'status-error-strong': "rgba(209, 67, 67, 0.50)";
78
+ readonly 'status-error-vivid': "#FF4757";
71
79
  readonly 'status-error-vivid-light': "#E05254";
72
80
  readonly 'status-error-vivid-dark': "#A4221C";
73
81
  readonly 'status-error-vivid-subtle': "rgba(255, 71, 87, 0.12)";
82
+ readonly 'status-error-vivid-muted': "rgba(255, 71, 87, 0.30)";
83
+ readonly 'status-error-vivid-strong': "rgba(255, 71, 87, 0.50)";
74
84
  readonly 'status-warning': "#F9B415";
75
85
  readonly 'status-warning-light': "#FFD352";
76
86
  readonly 'status-warning-dark': "#C27400";
77
87
  readonly 'status-warning-subtle': "#FFF7DD";
88
+ readonly 'status-warning-muted': "rgba(249, 180, 21, 0.30)";
89
+ readonly 'status-warning-strong': "rgba(249, 180, 21, 0.50)";
78
90
  readonly 'status-info': "#2196F3";
79
91
  readonly 'status-info-light': "#78C2FF";
80
92
  readonly 'status-info-dark': "#1072CB";
81
93
  readonly 'status-info-subtle': "#EFF8FF";
94
+ readonly 'status-info-muted': "rgba(33, 150, 243, 0.30)";
95
+ readonly 'status-info-strong': "rgba(33, 150, 243, 0.50)";
82
96
  readonly 'on-status-success': "#FFFFFF";
83
97
  readonly 'on-status-error': "#FFFFFF";
84
98
  readonly 'on-status-warning': "#FFFFFF";
@@ -145,12 +159,16 @@ declare const semanticColorsDark: {
145
159
  readonly 'brand-primary-light': "#FFA063";
146
160
  readonly 'brand-primary-dark': "#DA5F00";
147
161
  readonly 'brand-primary-subtle': "rgba(255, 121, 0, 0.12)";
162
+ readonly 'brand-primary-muted': "rgba(255, 121, 0, 0.30)";
163
+ readonly 'brand-primary-strong': "rgba(255, 121, 0, 0.50)";
148
164
  readonly 'brand-primary-hover': "#FFA063";
149
165
  readonly 'brand-primary-active': "#FFC7A2";
150
166
  readonly 'brand-secondary': "#307B9B";
151
167
  readonly 'brand-secondary-light': "#2697B7";
152
168
  readonly 'brand-secondary-dark': "#2A617F";
153
169
  readonly 'brand-secondary-subtle': "rgba(48, 123, 155, 0.12)";
170
+ readonly 'brand-secondary-muted': "rgba(48, 123, 155, 0.30)";
171
+ readonly 'brand-secondary-strong': "rgba(48, 123, 155, 0.50)";
154
172
  readonly 'brand-secondary-hover': "#2697B7";
155
173
  readonly 'brand-secondary-active': "#01B5D1";
156
174
  readonly 'on-brand-primary': "#FFFFFF";
@@ -159,24 +177,34 @@ declare const semanticColorsDark: {
159
177
  readonly 'status-success-light': "#58F69E";
160
178
  readonly 'status-success-dark': "#298732";
161
179
  readonly 'status-success-subtle': "rgba(46, 213, 115, 0.12)";
180
+ readonly 'status-success-muted': "rgba(46, 213, 115, 0.30)";
181
+ readonly 'status-success-strong': "rgba(46, 213, 115, 0.50)";
162
182
  readonly 'status-live': "#2ED573";
163
183
  readonly 'status-live-muted': "#22A444";
164
184
  readonly 'status-error': "#D14343";
165
185
  readonly 'status-error-light': "#E05254";
166
186
  readonly 'status-error-dark': "#A4221C";
167
187
  readonly 'status-error-subtle': "rgba(209, 67, 67, 0.12)";
168
- readonly 'status-error-vivid': "#D14343";
188
+ readonly 'status-error-muted': "rgba(209, 67, 67, 0.30)";
189
+ readonly 'status-error-strong': "rgba(209, 67, 67, 0.50)";
190
+ readonly 'status-error-vivid': "#FF4757";
169
191
  readonly 'status-error-vivid-light': "#E05254";
170
192
  readonly 'status-error-vivid-dark': "#A4221C";
171
193
  readonly 'status-error-vivid-subtle': "rgba(255, 71, 87, 0.12)";
194
+ readonly 'status-error-vivid-muted': "rgba(255, 71, 87, 0.30)";
195
+ readonly 'status-error-vivid-strong': "rgba(255, 71, 87, 0.50)";
172
196
  readonly 'status-warning': "#F9B415";
173
197
  readonly 'status-warning-light': "#FFD352";
174
198
  readonly 'status-warning-dark': "#C27400";
175
199
  readonly 'status-warning-subtle': "rgba(249, 180, 21, 0.12)";
200
+ readonly 'status-warning-muted': "rgba(249, 180, 21, 0.30)";
201
+ readonly 'status-warning-strong': "rgba(249, 180, 21, 0.50)";
176
202
  readonly 'status-info': "#2196F3";
177
203
  readonly 'status-info-light': "#78C2FF";
178
204
  readonly 'status-info-dark': "#1072CB";
179
205
  readonly 'status-info-subtle': "rgba(33, 150, 243, 0.12)";
206
+ readonly 'status-info-muted': "rgba(33, 150, 243, 0.30)";
207
+ readonly 'status-info-strong': "rgba(33, 150, 243, 0.50)";
180
208
  readonly 'on-status-success': "#FFFFFF";
181
209
  readonly 'on-status-error': "#FFFFFF";
182
210
  readonly 'on-status-warning': "#FFFFFF";
@@ -343,12 +371,16 @@ declare function getSemanticColors(mode: ThemeMode): {
343
371
  readonly 'brand-primary-light': "#FFA063";
344
372
  readonly 'brand-primary-dark': "#DA5F00";
345
373
  readonly 'brand-primary-subtle': "rgba(255, 121, 0, 0.08)";
374
+ readonly 'brand-primary-muted': "rgba(255, 121, 0, 0.30)";
375
+ readonly 'brand-primary-strong': "rgba(255, 121, 0, 0.50)";
346
376
  readonly 'brand-primary-hover': "#DA5F00";
347
377
  readonly 'brand-primary-active': "#B94A00";
348
378
  readonly 'brand-secondary': "#307B9B";
349
379
  readonly 'brand-secondary-light': "#2697B7";
350
380
  readonly 'brand-secondary-dark': "#2A617F";
351
381
  readonly 'brand-secondary-subtle': "rgba(48, 123, 155, 0.08)";
382
+ readonly 'brand-secondary-muted': "rgba(48, 123, 155, 0.30)";
383
+ readonly 'brand-secondary-strong': "rgba(48, 123, 155, 0.50)";
352
384
  readonly 'brand-secondary-hover': "#2A617F";
353
385
  readonly 'brand-secondary-active': "#22465F";
354
386
  readonly 'on-brand-primary': "#FFFFFF";
@@ -357,24 +389,34 @@ declare function getSemanticColors(mode: ThemeMode): {
357
389
  readonly 'status-success-light': "#58F69E";
358
390
  readonly 'status-success-dark': "#298732";
359
391
  readonly 'status-success-subtle': "#E3FFEE";
392
+ readonly 'status-success-muted': "rgba(46, 213, 115, 0.30)";
393
+ readonly 'status-success-strong': "rgba(46, 213, 115, 0.50)";
360
394
  readonly 'status-live': "#2ED573";
361
395
  readonly 'status-live-muted': "#22A444";
362
396
  readonly 'status-error': "#D14343";
363
397
  readonly 'status-error-light': "#E05254";
364
398
  readonly 'status-error-dark': "#A4221C";
365
399
  readonly 'status-error-subtle': "#FFF4F4";
366
- readonly 'status-error-vivid': "#D14343";
400
+ readonly 'status-error-muted': "rgba(209, 67, 67, 0.30)";
401
+ readonly 'status-error-strong': "rgba(209, 67, 67, 0.50)";
402
+ readonly 'status-error-vivid': "#FF4757";
367
403
  readonly 'status-error-vivid-light': "#E05254";
368
404
  readonly 'status-error-vivid-dark': "#A4221C";
369
405
  readonly 'status-error-vivid-subtle': "rgba(255, 71, 87, 0.12)";
406
+ readonly 'status-error-vivid-muted': "rgba(255, 71, 87, 0.30)";
407
+ readonly 'status-error-vivid-strong': "rgba(255, 71, 87, 0.50)";
370
408
  readonly 'status-warning': "#F9B415";
371
409
  readonly 'status-warning-light': "#FFD352";
372
410
  readonly 'status-warning-dark': "#C27400";
373
411
  readonly 'status-warning-subtle': "#FFF7DD";
412
+ readonly 'status-warning-muted': "rgba(249, 180, 21, 0.30)";
413
+ readonly 'status-warning-strong': "rgba(249, 180, 21, 0.50)";
374
414
  readonly 'status-info': "#2196F3";
375
415
  readonly 'status-info-light': "#78C2FF";
376
416
  readonly 'status-info-dark': "#1072CB";
377
417
  readonly 'status-info-subtle': "#EFF8FF";
418
+ readonly 'status-info-muted': "rgba(33, 150, 243, 0.30)";
419
+ readonly 'status-info-strong': "rgba(33, 150, 243, 0.50)";
378
420
  readonly 'on-status-success': "#FFFFFF";
379
421
  readonly 'on-status-error': "#FFFFFF";
380
422
  readonly 'on-status-warning': "#FFFFFF";
@@ -440,12 +482,16 @@ declare function getSemanticColors(mode: ThemeMode): {
440
482
  readonly 'brand-primary-light': "#FFA063";
441
483
  readonly 'brand-primary-dark': "#DA5F00";
442
484
  readonly 'brand-primary-subtle': "rgba(255, 121, 0, 0.12)";
485
+ readonly 'brand-primary-muted': "rgba(255, 121, 0, 0.30)";
486
+ readonly 'brand-primary-strong': "rgba(255, 121, 0, 0.50)";
443
487
  readonly 'brand-primary-hover': "#FFA063";
444
488
  readonly 'brand-primary-active': "#FFC7A2";
445
489
  readonly 'brand-secondary': "#307B9B";
446
490
  readonly 'brand-secondary-light': "#2697B7";
447
491
  readonly 'brand-secondary-dark': "#2A617F";
448
492
  readonly 'brand-secondary-subtle': "rgba(48, 123, 155, 0.12)";
493
+ readonly 'brand-secondary-muted': "rgba(48, 123, 155, 0.30)";
494
+ readonly 'brand-secondary-strong': "rgba(48, 123, 155, 0.50)";
449
495
  readonly 'brand-secondary-hover': "#2697B7";
450
496
  readonly 'brand-secondary-active': "#01B5D1";
451
497
  readonly 'on-brand-primary': "#FFFFFF";
@@ -454,24 +500,34 @@ declare function getSemanticColors(mode: ThemeMode): {
454
500
  readonly 'status-success-light': "#58F69E";
455
501
  readonly 'status-success-dark': "#298732";
456
502
  readonly 'status-success-subtle': "rgba(46, 213, 115, 0.12)";
503
+ readonly 'status-success-muted': "rgba(46, 213, 115, 0.30)";
504
+ readonly 'status-success-strong': "rgba(46, 213, 115, 0.50)";
457
505
  readonly 'status-live': "#2ED573";
458
506
  readonly 'status-live-muted': "#22A444";
459
507
  readonly 'status-error': "#D14343";
460
508
  readonly 'status-error-light': "#E05254";
461
509
  readonly 'status-error-dark': "#A4221C";
462
510
  readonly 'status-error-subtle': "rgba(209, 67, 67, 0.12)";
463
- readonly 'status-error-vivid': "#D14343";
511
+ readonly 'status-error-muted': "rgba(209, 67, 67, 0.30)";
512
+ readonly 'status-error-strong': "rgba(209, 67, 67, 0.50)";
513
+ readonly 'status-error-vivid': "#FF4757";
464
514
  readonly 'status-error-vivid-light': "#E05254";
465
515
  readonly 'status-error-vivid-dark': "#A4221C";
466
516
  readonly 'status-error-vivid-subtle': "rgba(255, 71, 87, 0.12)";
517
+ readonly 'status-error-vivid-muted': "rgba(255, 71, 87, 0.30)";
518
+ readonly 'status-error-vivid-strong': "rgba(255, 71, 87, 0.50)";
467
519
  readonly 'status-warning': "#F9B415";
468
520
  readonly 'status-warning-light': "#FFD352";
469
521
  readonly 'status-warning-dark': "#C27400";
470
522
  readonly 'status-warning-subtle': "rgba(249, 180, 21, 0.12)";
523
+ readonly 'status-warning-muted': "rgba(249, 180, 21, 0.30)";
524
+ readonly 'status-warning-strong': "rgba(249, 180, 21, 0.50)";
471
525
  readonly 'status-info': "#2196F3";
472
526
  readonly 'status-info-light': "#78C2FF";
473
527
  readonly 'status-info-dark': "#1072CB";
474
528
  readonly 'status-info-subtle': "rgba(33, 150, 243, 0.12)";
529
+ readonly 'status-info-muted': "rgba(33, 150, 243, 0.30)";
530
+ readonly 'status-info-strong': "rgba(33, 150, 243, 0.50)";
475
531
  readonly 'on-status-success': "#FFFFFF";
476
532
  readonly 'on-status-error': "#FFFFFF";
477
533
  readonly 'on-status-warning': "#FFFFFF";
@@ -553,6 +609,17 @@ declare const primitiveColors: {
553
609
  readonly black: "#000000";
554
610
  readonly transparent: "transparent";
555
611
  };
612
+ /**
613
+ * The vivid alert red: the one chromatic anchor outside the OKLCH ramps.
614
+ *
615
+ * It survived the TD-07.14 fold of the old `redVivid` scale only as the
616
+ * `-rgb`, `-subtle` and glow encodings of `status-error-vivid`, while the token
617
+ * itself was pinned to `red[600]` and collapsed onto `status-error`. Owning it
618
+ * here means the semantic layer references a primitive instead of carrying a
619
+ * literal. The red ramp has no step this saturated, and adding one means
620
+ * regenerating the ramp, so it stays a pin.
621
+ */
622
+ declare const alertRedVivid: "#FF4757";
556
623
  /**
557
624
  * Unified warm-neutral grey ramp (TD-07.14)
558
625
  *
@@ -807,6 +874,7 @@ declare const primitiveTypography: {
807
874
  readonly mono: readonly ["SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", "monospace"];
808
875
  };
809
876
  readonly fontSizes: {
877
+ readonly '2xs': "0.625rem";
810
878
  readonly xs: "0.75rem";
811
879
  readonly sm: "0.875rem";
812
880
  readonly base: "1rem";
@@ -901,4 +969,4 @@ declare const primitiveZIndex: {
901
969
  readonly tooltip: 1800;
902
970
  };
903
971
 
904
- export { CATEGORICAL_CVD_SAFE_MAX, type CategoricalVariant, SURFACE_PLANE_STEPS, type ThemeMode, bestTextColor, buttonSizes, categoricalPalette, discreteRainbow, divergingScale, getCategoricalColor, getDiscreteRainbowColor, getSemanticColors, greyRamp, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveRamps, primitiveSpacing, primitiveTypography, primitiveZIndex, semanticColorsDark, semanticColorsLight, semanticTypography, sequentialEffort };
972
+ export { CATEGORICAL_CVD_SAFE_MAX, type CategoricalVariant, SURFACE_PLANE_STEPS, type ThemeMode, alertRedVivid, bestTextColor, buttonSizes, categoricalPalette, discreteRainbow, divergingScale, getCategoricalColor, getDiscreteRainbowColor, getSemanticColors, greyRamp, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveRamps, primitiveSpacing, primitiveTypography, primitiveZIndex, semanticColorsDark, semanticColorsLight, semanticTypography, sequentialEffort };