@cdx-ui/components 0.2.3 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (296) hide show
  1. package/AGENTS.md +24 -0
  2. package/README.md +2 -0
  3. package/coverage.svg +1 -1
  4. package/docs/components/accordion/content.md +538 -0
  5. package/docs/components/alert/content.md +203 -0
  6. package/docs/components/alert-dialog/content.md +319 -0
  7. package/docs/components/avatar/content.md +368 -0
  8. package/docs/components/avatar/design.md +202 -0
  9. package/docs/components/badge/content.md +225 -0
  10. package/docs/components/bottom-sheet/content.md +353 -0
  11. package/docs/components/bottom-sheet/design.md +249 -0
  12. package/docs/components/box/content.md +141 -0
  13. package/docs/components/breadcrumbs/content.md +169 -0
  14. package/docs/components/button/content.md +398 -0
  15. package/docs/components/button/design.md +258 -0
  16. package/docs/components/calendar/content.md +137 -0
  17. package/docs/components/card/content.md +283 -0
  18. package/docs/components/carousel/content.md +417 -0
  19. package/docs/components/checkbox/content.md +236 -0
  20. package/docs/components/checkbox/design.md +214 -0
  21. package/docs/components/chip/content.md +439 -0
  22. package/docs/components/chip/design.md +418 -0
  23. package/docs/components/color-area/content.md +84 -0
  24. package/docs/components/color-field/content.md +132 -0
  25. package/docs/components/color-picker/content.md +209 -0
  26. package/docs/components/color-slider/content.md +118 -0
  27. package/docs/components/color-swatch/content.md +62 -0
  28. package/docs/components/color-swatch-picker/content.md +124 -0
  29. package/docs/components/content.md +98 -0
  30. package/docs/components/currency-input/content.md +205 -0
  31. package/docs/components/data-grid/content.md +521 -0
  32. package/docs/components/date-field/content.md +147 -0
  33. package/docs/components/date-picker/content.md +360 -0
  34. package/docs/components/date-range-picker/content.md +301 -0
  35. package/docs/components/date-time-field/content.md +157 -0
  36. package/docs/components/date-time-list/content.md +105 -0
  37. package/docs/components/date-time-picker/content.md +272 -0
  38. package/docs/components/dialog/content.md +436 -0
  39. package/docs/components/dialog/design.md +192 -0
  40. package/docs/components/divider/content.md +112 -0
  41. package/docs/components/drawer/content.md +428 -0
  42. package/docs/components/field/content.md +277 -0
  43. package/docs/components/form/content.md +62 -0
  44. package/docs/components/full-screen-dialog/content.md +881 -0
  45. package/docs/components/heading/content.md +55 -0
  46. package/docs/components/icon/content.md +190 -0
  47. package/docs/components/icon-button/content.md +200 -0
  48. package/docs/components/icon-button/design.md +165 -0
  49. package/docs/components/image/content.md +104 -0
  50. package/docs/components/input/content.md +346 -0
  51. package/docs/components/input/design.md +389 -0
  52. package/docs/components/insurance-disclosure/content.md +103 -0
  53. package/docs/components/link/content.md +180 -0
  54. package/docs/components/link/design.md +160 -0
  55. package/docs/components/list-item/content.md +695 -0
  56. package/docs/components/menu/content.md +1254 -0
  57. package/docs/components/month-calendar/content.md +84 -0
  58. package/docs/components/month-picker/content.md +273 -0
  59. package/docs/components/otp-input/content.md +327 -0
  60. package/docs/components/progress-bar/content.md +87 -0
  61. package/docs/components/progress-circle/content.md +176 -0
  62. package/docs/components/progress-segmented/content.md +119 -0
  63. package/docs/components/quick-action-button/content.md +154 -0
  64. package/docs/components/quick-action-button/design.md +170 -0
  65. package/docs/components/radio/content.md +224 -0
  66. package/docs/components/range-calendar/content.md +123 -0
  67. package/docs/components/reorderable-list/content.md +311 -0
  68. package/docs/components/scoped-theme/content.md +47 -0
  69. package/docs/components/scroll-shadow/content.md +693 -0
  70. package/docs/components/select/content.md +473 -0
  71. package/docs/components/select/design.md +301 -0
  72. package/docs/components/skeleton/content.md +104 -0
  73. package/docs/components/slider/content.md +423 -0
  74. package/docs/components/stack/content.md +161 -0
  75. package/docs/components/switch/content.md +150 -0
  76. package/docs/components/switch/design.md +208 -0
  77. package/docs/components/table/content.md +548 -0
  78. package/docs/components/table-pagination/content.md +177 -0
  79. package/docs/components/tabs/content.md +297 -0
  80. package/docs/components/text/content.md +142 -0
  81. package/docs/components/textarea/content.md +222 -0
  82. package/docs/components/tile/content.md +702 -0
  83. package/docs/components/toast/content.md +456 -0
  84. package/docs/components/toggle-button/content.md +505 -0
  85. package/docs/components/tooltip/content.md +350 -0
  86. package/docs/components/virtualized-list/content.md +250 -0
  87. package/docs/foundations/content.md +9 -0
  88. package/docs/foundations/expressions/icons/content.md +19 -0
  89. package/docs/foundations/styles/tokens/all-tokens/content.md +192 -0
  90. package/docs/foundations/styles/tokens/what-are-tokens/content.md +33 -0
  91. package/docs/foundations/styles/tokens/what-are-tokens/design.md +33 -0
  92. package/docs/getting-started/content.md +4 -0
  93. package/docs/getting-started/designers/content.md +13 -0
  94. package/docs/getting-started/designers/design.md +13 -0
  95. package/docs/getting-started/developers/accessibility/content.md +31 -0
  96. package/docs/getting-started/developers/content.md +612 -0
  97. package/docs/getting-started/developers/styling/content.md +195 -0
  98. package/docs/llms.txt +195 -0
  99. package/docs/patterns/account-management/content.md +75 -0
  100. package/docs/patterns/authentication/content.md +50 -0
  101. package/docs/patterns/content.md +10 -0
  102. package/docs/patterns/dashboard/content.md +34 -0
  103. package/docs/patterns/empty-states/content.md +32 -0
  104. package/docs/patterns/forms/content.md +108 -0
  105. package/docs/patterns/onboarding/content.md +69 -0
  106. package/docs/patterns/payments/content.md +35 -0
  107. package/docs/patterns/settings/content.md +72 -0
  108. package/docs/resources/content.md +9 -0
  109. package/docs/resources/figma-libraries/content.md +42 -0
  110. package/docs/resources/release-notes/0.0.1-beta.118/content.md +27 -0
  111. package/docs/resources/release-notes/0.0.1-beta.122/content.md +21 -0
  112. package/docs/resources/release-notes/0.0.1-beta.124/content.md +16 -0
  113. package/docs/resources/release-notes/0.0.1-beta.126/content.md +10 -0
  114. package/docs/resources/release-notes/0.0.1-beta.127/content.md +14 -0
  115. package/docs/resources/release-notes/0.0.1-beta.128/content.md +9 -0
  116. package/docs/resources/release-notes/0.0.1-beta.129/content.md +18 -0
  117. package/docs/resources/release-notes/0.0.1-beta.130/content.md +18 -0
  118. package/docs/resources/release-notes/0.0.1-beta.133/content.md +7 -0
  119. package/docs/resources/release-notes/0.0.1-beta.134/content.md +17 -0
  120. package/docs/resources/release-notes/0.0.1-beta.136/content.md +7 -0
  121. package/docs/resources/release-notes/0.0.1-beta.137/content.md +10 -0
  122. package/docs/resources/release-notes/0.0.1-beta.138/content.md +7 -0
  123. package/docs/resources/release-notes/0.0.1-beta.139/content.md +13 -0
  124. package/docs/resources/release-notes/0.0.1-beta.140/content.md +26 -0
  125. package/docs/resources/release-notes/0.0.1-beta.141/content.md +63 -0
  126. package/docs/resources/release-notes/0.0.1-beta.142/content.md +7 -0
  127. package/docs/resources/release-notes/0.0.1-beta.143/content.md +12 -0
  128. package/docs/resources/release-notes/0.0.1-beta.144/content.md +7 -0
  129. package/docs/resources/release-notes/0.0.1-beta.145/content.md +7 -0
  130. package/docs/resources/release-notes/0.0.1-beta.147/content.md +10 -0
  131. package/docs/resources/release-notes/0.0.1-beta.149/content.md +10 -0
  132. package/docs/resources/release-notes/0.0.1-beta.150/content.md +13 -0
  133. package/docs/resources/release-notes/0.0.1-beta.152/content.md +7 -0
  134. package/docs/resources/release-notes/0.0.1-beta.154/content.md +15 -0
  135. package/docs/resources/release-notes/0.0.1-beta.156/content.md +7 -0
  136. package/docs/resources/release-notes/0.0.1-beta.158/content.md +9 -0
  137. package/docs/resources/release-notes/0.0.1-beta.159/content.md +11 -0
  138. package/docs/resources/release-notes/0.0.1-beta.160/content.md +7 -0
  139. package/docs/resources/release-notes/0.0.1-beta.161/content.md +7 -0
  140. package/docs/resources/release-notes/0.0.1-beta.163/content.md +7 -0
  141. package/docs/resources/release-notes/0.0.1-beta.164/content.md +9 -0
  142. package/docs/resources/release-notes/0.0.1-beta.166/content.md +17 -0
  143. package/docs/resources/release-notes/0.0.1-beta.167/content.md +7 -0
  144. package/docs/resources/release-notes/0.0.1-beta.168/content.md +7 -0
  145. package/docs/resources/release-notes/0.0.1-beta.169/content.md +7 -0
  146. package/docs/resources/release-notes/0.0.1-beta.171/content.md +16 -0
  147. package/docs/resources/release-notes/0.0.1-beta.172/content.md +24 -0
  148. package/docs/resources/release-notes/0.0.1-beta.173/content.md +15 -0
  149. package/docs/resources/release-notes/0.0.1-beta.174/content.md +7 -0
  150. package/docs/resources/release-notes/0.0.1-beta.176/content.md +32 -0
  151. package/docs/resources/release-notes/0.0.1-beta.179/content.md +11 -0
  152. package/docs/resources/release-notes/0.0.1-beta.182/content.md +13 -0
  153. package/docs/resources/release-notes/0.0.1-beta.185/content.md +7 -0
  154. package/docs/resources/release-notes/0.0.1-beta.187/content.md +27 -0
  155. package/docs/resources/release-notes/0.1.1/content.md +23 -0
  156. package/docs/resources/release-notes/0.1.2/content.md +7 -0
  157. package/docs/resources/release-notes/0.1.4/content.md +19 -0
  158. package/docs/resources/release-notes/0.1.5/content.md +7 -0
  159. package/docs/resources/release-notes/0.1.6/content.md +7 -0
  160. package/docs/resources/release-notes/0.2.0/content.md +31 -0
  161. package/docs/resources/release-notes/0.2.1/content.md +17 -0
  162. package/docs/resources/release-notes/0.2.2/content.md +11 -0
  163. package/docs/resources/release-notes/0.2.3/content.md +15 -0
  164. package/docs/resources/release-notes/0.2.4/content.md +17 -0
  165. package/docs/resources/release-notes/content.md +65 -0
  166. package/lib/commonjs/components/Box/Box.js +9 -1
  167. package/lib/commonjs/components/Box/Box.js.map +1 -1
  168. package/lib/commonjs/components/Breadcrumbs/index.js +28 -3
  169. package/lib/commonjs/components/Breadcrumbs/index.js.map +1 -1
  170. package/lib/commonjs/components/Breadcrumbs/styles.js +27 -0
  171. package/lib/commonjs/components/Breadcrumbs/styles.js.map +1 -1
  172. package/lib/commonjs/components/DateTimeList/index.js +11 -26
  173. package/lib/commonjs/components/DateTimeList/index.js.map +1 -1
  174. package/lib/commonjs/components/DateTimeList/styles.js +2 -12
  175. package/lib/commonjs/components/DateTimeList/styles.js.map +1 -1
  176. package/lib/commonjs/components/ListItem/index.js.map +1 -1
  177. package/lib/commonjs/components/ListItem/styles.js +2 -1
  178. package/lib/commonjs/components/ListItem/styles.js.map +1 -1
  179. package/lib/commonjs/components/Menu/index.js +11 -5
  180. package/lib/commonjs/components/Menu/index.js.map +1 -1
  181. package/lib/commonjs/components/ScrollShadow/gradient.js +29 -0
  182. package/lib/commonjs/components/ScrollShadow/gradient.js.map +1 -0
  183. package/lib/commonjs/components/ScrollShadow/index.js +171 -44
  184. package/lib/commonjs/components/ScrollShadow/index.js.map +1 -1
  185. package/lib/commonjs/components/ScrollShadow/styles.js +58 -14
  186. package/lib/commonjs/components/ScrollShadow/styles.js.map +1 -1
  187. package/lib/commonjs/components/ScrollShadow/useComposedScrollHandler.js +63 -0
  188. package/lib/commonjs/components/ScrollShadow/useComposedScrollHandler.js.map +1 -0
  189. package/lib/commonjs/components/ScrollShadow/useScrollShadow.js +48 -8
  190. package/lib/commonjs/components/ScrollShadow/useScrollShadow.js.map +1 -1
  191. package/lib/commonjs/components/Stack/HStack.js +6 -2
  192. package/lib/commonjs/components/Stack/HStack.js.map +1 -1
  193. package/lib/commonjs/components/Stack/VStack.js +6 -2
  194. package/lib/commonjs/components/Stack/VStack.js.map +1 -1
  195. package/lib/commonjs/components/Tabs/index.js +16 -23
  196. package/lib/commonjs/components/Tabs/index.js.map +1 -1
  197. package/lib/commonjs/components/Tabs/styles.js +1 -10
  198. package/lib/commonjs/components/Tabs/styles.js.map +1 -1
  199. package/lib/commonjs/figma/ListItem.SectionHeader.figma.js +20 -5
  200. package/lib/commonjs/figma/ListItem.SectionHeader.figma.js.map +1 -1
  201. package/lib/commonjs/index.js +10 -10
  202. package/lib/commonjs/index.js.map +1 -1
  203. package/lib/module/components/Box/Box.js +9 -1
  204. package/lib/module/components/Box/Box.js.map +1 -1
  205. package/lib/module/components/Breadcrumbs/index.js +29 -4
  206. package/lib/module/components/Breadcrumbs/index.js.map +1 -1
  207. package/lib/module/components/Breadcrumbs/styles.js +26 -0
  208. package/lib/module/components/Breadcrumbs/styles.js.map +1 -1
  209. package/lib/module/components/DateTimeList/index.js +12 -27
  210. package/lib/module/components/DateTimeList/index.js.map +1 -1
  211. package/lib/module/components/DateTimeList/styles.js +1 -11
  212. package/lib/module/components/DateTimeList/styles.js.map +1 -1
  213. package/lib/module/components/ListItem/index.js.map +1 -1
  214. package/lib/module/components/ListItem/styles.js +2 -1
  215. package/lib/module/components/ListItem/styles.js.map +1 -1
  216. package/lib/module/components/Menu/index.js +11 -5
  217. package/lib/module/components/Menu/index.js.map +1 -1
  218. package/lib/module/components/ScrollShadow/gradient.js +24 -0
  219. package/lib/module/components/ScrollShadow/gradient.js.map +1 -0
  220. package/lib/module/components/ScrollShadow/index.js +170 -48
  221. package/lib/module/components/ScrollShadow/index.js.map +1 -1
  222. package/lib/module/components/ScrollShadow/styles.js +57 -13
  223. package/lib/module/components/ScrollShadow/styles.js.map +1 -1
  224. package/lib/module/components/ScrollShadow/useComposedScrollHandler.js +57 -0
  225. package/lib/module/components/ScrollShadow/useComposedScrollHandler.js.map +1 -0
  226. package/lib/module/components/ScrollShadow/useScrollShadow.js +46 -8
  227. package/lib/module/components/ScrollShadow/useScrollShadow.js.map +1 -1
  228. package/lib/module/components/Stack/HStack.js +6 -2
  229. package/lib/module/components/Stack/HStack.js.map +1 -1
  230. package/lib/module/components/Stack/VStack.js +6 -2
  231. package/lib/module/components/Stack/VStack.js.map +1 -1
  232. package/lib/module/components/Tabs/index.js +17 -24
  233. package/lib/module/components/Tabs/index.js.map +1 -1
  234. package/lib/module/components/Tabs/styles.js +0 -9
  235. package/lib/module/components/Tabs/styles.js.map +1 -1
  236. package/lib/module/figma/ListItem.SectionHeader.figma.js +20 -5
  237. package/lib/module/figma/ListItem.SectionHeader.figma.js.map +1 -1
  238. package/lib/module/index.js +6 -1
  239. package/lib/module/index.js.map +1 -1
  240. package/lib/typescript/animation/hooks/usePopupDialogContentAnimation.d.ts +2 -2
  241. package/lib/typescript/animation/hooks/usePopupOverlayAnimation.d.ts +2 -2
  242. package/lib/typescript/components/Box/Box.d.ts +4 -0
  243. package/lib/typescript/components/Box/Box.d.ts.map +1 -1
  244. package/lib/typescript/components/Breadcrumbs/index.d.ts +3 -1
  245. package/lib/typescript/components/Breadcrumbs/index.d.ts.map +1 -1
  246. package/lib/typescript/components/Breadcrumbs/styles.d.ts +2 -0
  247. package/lib/typescript/components/Breadcrumbs/styles.d.ts.map +1 -1
  248. package/lib/typescript/components/DateTimeList/index.d.ts.map +1 -1
  249. package/lib/typescript/components/DateTimeList/styles.d.ts +1 -4
  250. package/lib/typescript/components/DateTimeList/styles.d.ts.map +1 -1
  251. package/lib/typescript/components/ListItem/index.d.ts +5 -4
  252. package/lib/typescript/components/ListItem/index.d.ts.map +1 -1
  253. package/lib/typescript/components/ListItem/styles.d.ts +1 -1
  254. package/lib/typescript/components/ListItem/styles.d.ts.map +1 -1
  255. package/lib/typescript/components/Menu/index.d.ts.map +1 -1
  256. package/lib/typescript/components/ScrollShadow/gradient.d.ts +7 -0
  257. package/lib/typescript/components/ScrollShadow/gradient.d.ts.map +1 -0
  258. package/lib/typescript/components/ScrollShadow/index.d.ts +57 -15
  259. package/lib/typescript/components/ScrollShadow/index.d.ts.map +1 -1
  260. package/lib/typescript/components/ScrollShadow/styles.d.ts +8 -2
  261. package/lib/typescript/components/ScrollShadow/styles.d.ts.map +1 -1
  262. package/lib/typescript/components/ScrollShadow/useComposedScrollHandler.d.ts +13 -0
  263. package/lib/typescript/components/ScrollShadow/useComposedScrollHandler.d.ts.map +1 -0
  264. package/lib/typescript/components/ScrollShadow/useScrollShadow.d.ts +15 -2
  265. package/lib/typescript/components/ScrollShadow/useScrollShadow.d.ts.map +1 -1
  266. package/lib/typescript/components/Stack/HStack.d.ts +3 -2
  267. package/lib/typescript/components/Stack/HStack.d.ts.map +1 -1
  268. package/lib/typescript/components/Stack/VStack.d.ts +3 -2
  269. package/lib/typescript/components/Stack/VStack.d.ts.map +1 -1
  270. package/lib/typescript/components/Tabs/index.d.ts.map +1 -1
  271. package/lib/typescript/components/Tabs/styles.d.ts +0 -7
  272. package/lib/typescript/components/Tabs/styles.d.ts.map +1 -1
  273. package/lib/typescript/components/Toast/animation.d.ts +3 -3
  274. package/lib/typescript/components/Toast/animation.d.ts.map +1 -1
  275. package/lib/typescript/figma/ListItem.SectionHeader.figma.d.ts.map +1 -1
  276. package/lib/typescript/index.d.ts +6 -1
  277. package/lib/typescript/index.d.ts.map +1 -1
  278. package/package.json +11 -9
  279. package/src/components/Box/Box.tsx +18 -4
  280. package/src/components/Breadcrumbs/index.tsx +28 -4
  281. package/src/components/Breadcrumbs/styles.ts +30 -0
  282. package/src/components/DateTimeList/index.tsx +13 -26
  283. package/src/components/DateTimeList/styles.ts +1 -10
  284. package/src/components/ListItem/index.tsx +5 -4
  285. package/src/components/ListItem/styles.ts +1 -0
  286. package/src/components/Menu/index.tsx +11 -8
  287. package/src/components/ScrollShadow/gradient.ts +48 -0
  288. package/src/components/ScrollShadow/index.tsx +300 -69
  289. package/src/components/ScrollShadow/styles.ts +45 -28
  290. package/src/components/ScrollShadow/useComposedScrollHandler.ts +58 -0
  291. package/src/components/ScrollShadow/useScrollShadow.ts +72 -10
  292. package/src/components/Stack/HStack.tsx +8 -4
  293. package/src/components/Stack/VStack.tsx +8 -4
  294. package/src/components/Tabs/index.tsx +25 -35
  295. package/src/components/Tabs/styles.ts +0 -9
  296. package/src/index.ts +8 -1
@@ -0,0 +1,63 @@
1
+ # 0.0.1-beta.141 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.141)
2
+
3
+ Date and time pickers join Forge UI with DatePicker, DateRangePicker, DateTimePicker, MonthPicker, and a new @cdx-ui/formatters package.
4
+
5
+ This release ships a full date and time component family for scheduling, filtering,
6
+ and form flows, backed by a new `@cdx-ui/formatters` package with locale-aware date
7
+ utilities and branded wire-format types.
8
+
9
+ ## What's new
10
+
11
+ **[DatePicker](https://design.candescent.com/docs/components/date-picker/content.md)** — Single-date selection pairs an editable
12
+ **[DateField](https://design.candescent.com/docs/components/date-field/content.md)** with a calendar overlay. Compose
13
+ `DatePicker.Popover`, `DatePicker.Dialog`, or `DatePicker.BottomSheet` for the
14
+ surface, or render `DatePicker.Standalone` inline. Supports `minValue`/`maxValue`,
15
+ locale-aware formatting, `PickerTrigger` with `asChild` for custom triggers such as
16
+ `IconButton` or `Chip`, and dismisses the overlay automatically after a day is
17
+ selected ([#448](https://github.com/dfh-candescent-ui/ui-component-framework/pull/448)).
18
+
19
+ **[DateRangePicker](https://design.candescent.com/docs/components/date-range-picker/content.md)** — Range selection wires start
20
+ and end **[DateField](https://design.candescent.com/docs/components/date-field/content.md)** inputs to a
21
+ **[RangeCalendar](https://design.candescent.com/docs/components/range-calendar/content.md)**. Controlled state uses
22
+ `value`/`defaultValue`/`onValueChange` with a `DateRangeValue` type. The same
23
+ Popover, Dialog, BottomSheet, and Standalone surfaces are available as on
24
+ DatePicker ([#448](https://github.com/dfh-candescent-ui/ui-component-framework/pull/448)).
25
+
26
+ **[DateTimePicker](https://design.candescent.com/docs/components/date-time-picker/content.md)** — Combines date and time
27
+ selection with **[DateTimeField](https://design.candescent.com/docs/components/date-time-field/content.md)** segments and a
28
+ **[DateTimeList](https://design.candescent.com/docs/components/date-time-list/content.md)** scrollable picker. Set
29
+ `granularity` to `'hour'`, `'minute'`, or `'second'`; field segments match the
30
+ chosen granularity, and `minValue`/`maxValue` bounds apply to both the field and
31
+ list ([#448](https://github.com/dfh-candescent-ui/ui-component-framework/pull/448)).
32
+
33
+ **[MonthPicker](https://design.candescent.com/docs/components/month-picker/content.md)** — Month-and-year selection uses
34
+ **[MonthCalendar](https://design.candescent.com/docs/components/month-calendar/content.md)** with `minValue`/`maxValue`
35
+ bounds. Available as Popover, Dialog, BottomSheet, or Standalone, with the same
36
+ custom-trigger pattern as the other pickers
37
+ ([#448](https://github.com/dfh-candescent-ui/ui-component-framework/pull/448)).
38
+
39
+ **[Calendar](https://design.candescent.com/docs/components/calendar/content.md)** — Standalone day grid for inline date
40
+ selection, with optional `minValue`/`maxValue` constraints. Each instance scopes
41
+ selection state independently, so multiple calendars on one screen do not share
42
+ selected dates ([#448](https://github.com/dfh-candescent-ui/ui-component-framework/pull/448)).
43
+
44
+ **@cdx-ui/formatters** — New package exporting branded `DateId`, `MonthId`, and
45
+ `DateTimeId` types with validating smart constructors, display formatters, segment
46
+ builders, and range helpers. Includes Hermes-safe fallbacks when
47
+ `Intl.RelativeTimeFormat` or `formatToParts` is unavailable. Build values at your
48
+ app boundary with the constructors:
49
+
50
+ ```tsx
51
+ import { dateId, monthId } from '@cdx-ui/formatters';
52
+
53
+ const today = dateId('2026-08-11');
54
+ const month = monthId('2026-08');
55
+ ```
56
+
57
+ ([#448](https://github.com/dfh-candescent-ui/ui-component-framework/pull/448))
58
+
59
+ **[Select](https://design.candescent.com/docs/components/select/content.md)** and **[Dialog](https://design.candescent.com/docs/components/dialog/content.md)** —
60
+ Overlay components now use `isOpen` instead of `open` for controlled open state,
61
+ matching the picker family. Select and DatePicker overlays also render correctly on
62
+ web when used inside Vite-based apps
63
+ ([#448](https://github.com/dfh-candescent-ui/ui-component-framework/pull/448)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.142 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.142)
2
+
3
+ Checkbox and Radio keyboard navigation on web keeps tab order through disabled items and focuses the selected radio.
4
+
5
+ ## Bug fixes
6
+
7
+ **[Checkbox](https://design.candescent.com/docs/components/checkbox/content.md)** and **[Radio](https://design.candescent.com/docs/components/radio/content.md)** — Web keyboard navigation keeps correct tab order through disabled options and moves focus to the active radio in a group ([#463](https://github.com/dfh-candescent-ui/ui-component-framework/pull/463)).
@@ -0,0 +1,12 @@
1
+ # 0.0.1-beta.143 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.143)
2
+
3
+ ProgressCircle adds a circular progress indicator with determinate values, indeterminate loading, and small or large sizes.
4
+
5
+ ## What's new
6
+
7
+ **[ProgressCircle](https://design.candescent.com/docs/components/progress-circle/content.md)** — Adds a circular progress
8
+ indicator for compact loading and completion feedback. Compose `ProgressCircle` with
9
+ `ProgressCircle.Indicator` to draw the ring; pass a numeric `value` for determinate
10
+ progress or `value={null}` for an indeterminate spinner. Choose `size` (`large` or
11
+ `small`) and `color` (`default` or `inherit` to follow surrounding text color) on the
12
+ root, with the indicator inheriting both unless overridden ([#476](https://github.com/dfh-candescent-ui/ui-component-framework/pull/476)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.144 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.144)
2
+
3
+ Checkbox isReadOnly now renders with correct read-only styling so the control displays its state without allowing interaction.
4
+
5
+ ## Bug fixes
6
+
7
+ **[Checkbox](https://design.candescent.com/docs/components/checkbox/content.md)** — The `isReadOnly` prop now renders with correct read-only styling and behavior, so checked and unchecked states display without allowing interaction ([#441](https://github.com/dfh-candescent-ui/ui-component-framework/pull/441)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.145 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.145)
2
+
3
+ Adds Tooltip for short contextual hints with hover, focus, and click triggers, placement control, and an optional arrow on web and native.
4
+
5
+ ## What's new
6
+
7
+ **[Tooltip](https://design.candescent.com/docs/components/tooltip/content.md)** — Adds a compound component for short contextual hints anchored to a trigger element. Compose `Tooltip.Trigger` with the interactive element and `Tooltip.Content` for the overlay body; include `Tooltip.Arrow` when you want a directional pointer. Set `trigger` to `hover` (default), `focus`, or `click`; use `placement` to position the tooltip and `enterDelay` / `leaveDelay` to control show and hide timing. On web, hover opens on hover and focus; on native, hover and focus map to long press ([#474](https://github.com/dfh-candescent-ui/ui-component-framework/pull/474)).
@@ -0,0 +1,10 @@
1
+ # 0.0.1-beta.147 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.147)
2
+
3
+ Design token values update for poise, prestige, and pulse presets — review theme overrides if you customize specific tokens.
4
+
5
+ ## What's new
6
+
7
+ **Design tokens** — Token values in the poise, prestige, and pulse presets update from
8
+ the design system source, and the token-to-CSS-variable mapping reflects the new values.
9
+ Review your theme if you override specific token values
10
+ ([#484](https://github.com/dfh-candescent-ui/ui-component-framework/pull/484)).
@@ -0,0 +1,10 @@
1
+ # 0.0.1-beta.149 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.149)
2
+
3
+ Sparkle custom icon joins @cdx-ui/icons with outlined and filled variants.
4
+
5
+ ## What's new
6
+
7
+ **Sparkle** — Adds a custom Sparkle icon to `@cdx-ui/icons` with
8
+ outlined and filled variants. Import `Sparkle` like any other Forge icon and pass
9
+ `filled` for the solid variant, or wrap it with `Icon` from `@cdx-ui/components` for
10
+ Tailwind sizing and color ([#489](https://github.com/dfh-candescent-ui/ui-component-framework/pull/489)).
@@ -0,0 +1,13 @@
1
+ # 0.0.1-beta.150 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.150)
2
+
3
+ Dialog and Alert render above Bottom Sheet overlays, fixing stacked modal layering.
4
+
5
+ This release fixes overlay stacking when Dialog or Alert shares the screen with Bottom Sheet, and adds ProgressCircle documentation on the docs site.
6
+
7
+ ## Bug fixes
8
+
9
+ **[Dialog](https://design.candescent.com/docs/components/dialog/content.md)** and **[Alert](https://design.candescent.com/docs/components/alert/content.md)** — Always render above Bottom Sheet overlays so confirmation and alert dialogs stay visible when a sheet is open ([#498](https://github.com/dfh-candescent-ui/ui-component-framework/pull/498)).
10
+
11
+ ## Documentation
12
+
13
+ **[ProgressCircle](https://design.candescent.com/docs/components/progress-circle/content.md)** — New docs page with Basic, Values, Sizes, Colors, and Indeterminate demos, plus TSDoc for inherited `color` and `size` props ([#492](https://github.com/dfh-candescent-ui/ui-component-framework/pull/492)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.152 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.152)
2
+
3
+ Radio draws the focus ring on the indicator only, suppressing the browser default outline around the entire control.
4
+
5
+ ## Bug fixes
6
+
7
+ **[Radio](https://design.candescent.com/docs/components/radio/content.md)** — Suppresses the browser's default focus-visible outline on the root control so the focus ring appears on the indicator only, matching Checkbox ([#509](https://github.com/dfh-candescent-ui/ui-component-framework/pull/509)).
@@ -0,0 +1,15 @@
1
+ # 0.0.1-beta.154 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.154)
2
+
3
+ Adds @cdx-ui/native for Expo font loading and Metro config; useForgeFonts and withForgeMetroConfig move out of @cdx-ui/styles and @cdx-ui/components.
4
+
5
+ ## What's new
6
+
7
+ **@cdx-ui/native** — Introduces a dedicated native platform package for Expo and Metro integration. Import `useForgeFonts` from `@cdx-ui/native/fonts` instead of `@cdx-ui/styles`, and `withForgeMetroConfig` from `@cdx-ui/native/metro` instead of `@cdx-ui/components`. The package exposes only these two subpaths — there is no root export — so web hosts never pull Expo or font binaries by accident. `@cdx-ui/styles` no longer ships font loading or its `expo-font` peer; add `@cdx-ui/native` and install `expo-font` when you load preset fonts. The deprecated `useCdxFonts` and `withCdxMetroConfig` aliases are removed ([#508](https://github.com/dfh-candescent-ui/ui-component-framework/pull/508)).
8
+
9
+ ```tsx
10
+ import { useForgeFonts } from '@cdx-ui/native/fonts';
11
+ ```
12
+
13
+ ```js
14
+ const { withForgeMetroConfig } = require('@cdx-ui/native/metro');
15
+ ```
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.156 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.156)
2
+
3
+ BottomSheet now scrolls correctly on Android when content includes a VirtualizedList.
4
+
5
+ ## Bug fixes
6
+
7
+ **[BottomSheet](https://design.candescent.com/docs/components/bottom-sheet/content.md)** — Scrolling inside a bottom sheet on Android works again when the sheet content uses a VirtualizedList ([#519](https://github.com/dfh-candescent-ui/ui-component-framework/pull/519)).
@@ -0,0 +1,9 @@
1
+ # 0.0.1-beta.158 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.158)
2
+
3
+ Theme overrides resolve DTCG token-reference aliases at runtime, and Theme Editor preserves custom override fields on round-trip.
4
+
5
+ ## What's new
6
+
7
+ **@cdx-ui/styles** — Per-mode entries in `ThemeOverride.overrides` accept DTCG token-reference aliases such as `{color.brand.700}` in addition to literal values. `applyThemeOverride` resolves aliases against palette-generated primitives at runtime and writes concrete CSS variable values, which keeps overrides working on native where nested `var()` references in variable values are not supported. Explicit overrides still win over generated palette values on collision.
8
+
9
+ **Theme Editor** — When you pass an existing `ThemeOverride` as `initialValue`, the editor preserves custom `inputs`, per-mode `overrides`, and any `$extensions` keys it does not manage, so hand-authored or imported overrides round-trip through the UI without being stripped. The editor also emits `basePrimary` alongside `brandPrimary` when a base color is set ([#299](https://github.com/dfh-candescent-ui/ui-component-framework/pull/299)).
@@ -0,0 +1,11 @@
1
+ # 0.0.1-beta.159 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.159)
2
+
3
+ Palette generation uses OKLCH with designer contrast ratios; theme override types and getting-started guidance are updated.
4
+
5
+ This release improves how Forge UI generates brand and accent color scales and clarifies how to structure custom theme overrides when you white-label an FI brand.
6
+
7
+ ## What's new
8
+
9
+ **@cdx-ui/styles palette generation** — Generated brand and accent scales now use OKLCH interpolation through Leonardo Color, with smoothing disabled and designer-calibrated contrast ratios applied at each step. Saturated seed colors keep better hue fidelity across the scale, so programmatic palettes stay closer to what designers expect. Review generated scales if you derive themes from a custom brand color ([#544](https://github.com/dfh-candescent-ui/ui-component-framework/pull/544)).
10
+
11
+ **Theme overrides** — `@cdx-ui/styles` theme override types and the getting-started developers guide now reflect the current custom override strategy: which token groups you can override, how aliasing works, and how overrides compose at runtime. Align new `ThemeOverride` JSON with the updated type definitions before applying presets or shipping FI-specific themes ([#542](https://github.com/dfh-candescent-ui/ui-component-framework/pull/542)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.160 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.160)
2
+
3
+ Menu adds anchored overlay lists for actions and selections, with checkbox, radio, and placement options.
4
+
5
+ ## What's new
6
+
7
+ **[Menu](https://design.candescent.com/docs/components/menu/content.md)** — Presents actions or selectable options in an anchored overlay or a standalone list surface. Compose `Menu.Trigger`, `Menu.Popup`, and `Menu.Content` for dropdown-style menus; use `Menu.Item` for one-off commands, `Menu.CheckboxItem` for independent toggles that keep the menu open, and `Menu.RadioGroup` with `Menu.RadioItem` for exclusive choices whose selection persists across opens. Set `placement` to control popup position (including `auto` variants that flip at viewport edges), and use `asChild` on the trigger or items to open a menu from a custom pressable or render richer item layouts. Reach for it anywhere customers pick an account action, filter, or sort order from a compact control ([#512](https://github.com/dfh-candescent-ui/ui-component-framework/pull/512)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.161 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.161)
2
+
3
+ Style Dictionary updates to v5 for a security fix in @cdx-ui/styles token generation.
4
+
5
+ ## Dependencies
6
+
7
+ **@cdx-ui/styles** — Upgrades the Style Dictionary token build tool to v5, addressing a security vulnerability in the previous major version ([#480](https://github.com/dfh-candescent-ui/ui-component-framework/pull/480)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.163 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.163)
2
+
3
+ Button hover and pressed states now use the correct surface design tokens.
4
+
5
+ ## Bug fixes
6
+
7
+ **[Button](https://design.candescent.com/docs/components/button/content.md)** — Hover and pressed states use the correct surface design tokens across solid, outline, and ghost variants.
@@ -0,0 +1,9 @@
1
+ # 0.0.1-beta.164 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.164)
2
+
3
+ The deprecated Button strong variant is removed; replace it with solid before upgrading.
4
+
5
+ ## Breaking changes
6
+
7
+ **[Button](https://design.candescent.com/docs/components/button/content.md)** — The deprecated `strong` variant is removed. Replace
8
+ `variant="strong"` with `variant="solid"` everywhere it appears. The `ButtonVariantStrong`
9
+ type export is also removed ([#523](https://github.com/dfh-candescent-ui/ui-component-framework/pull/523)).
@@ -0,0 +1,17 @@
1
+ # 0.0.1-beta.166 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.166)
2
+
3
+ Theme overrides expand through a catalog-driven model in @cdx-ui/styles, with Theme Editor persistence fixes and a Chip font token correction.
4
+
5
+ This release expands theme overrides through a catalog-driven model in `@cdx-ui/styles`, aligns the Theme Editor with that catalog, and fixes Chip label typography plus preset selection persistence.
6
+
7
+ ## What's new
8
+
9
+ **@cdx-ui/styles** — Theme override expansion is now catalog-driven. Exports such as `overrideCatalogs`, `overrideRuntimeData`, and `overrideRuntimeMap` expose the shared preset, target, and runtime data that power `expandThemeOverride()` and `parseThemeOverride()`. Consumers and the Theme Editor resolve the same FI intent through this single expansion path ([#570](https://github.com/dfh-candescent-ui/ui-component-framework/pull/570)).
10
+
11
+ **Theme Editor** — Customization controls are generated from the `@cdx-ui/styles` override catalog instead of editor-local definitions, keeping the editor aligned with package-supported override surfaces ([#570](https://github.com/dfh-candescent-ui/ui-component-framework/pull/570)).
12
+
13
+ ## Bug fixes
14
+
15
+ **[Chip](https://design.candescent.com/docs/components/chip/content.md)** — Label text uses the correct typography font token ([#570](https://github.com/dfh-candescent-ui/ui-component-framework/pull/570)).
16
+
17
+ **Theme Editor** — Preset-default selections reset when you switch presets ([#570](https://github.com/dfh-candescent-ui/ui-component-framework/pull/570)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.167 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.167)
2
+
3
+ Select.Content adds placement, offset, and crossOffset props to reposition dropdown overlays, with improved anchored overlay positioning near viewport edges.
4
+
5
+ ## What's new
6
+
7
+ **[Select](https://design.candescent.com/docs/components/select/content.md)** — `Select.Content` accepts `placement`, `offset`, and `crossOffset` props so you can reposition the dropdown overlay relative to its trigger. Flip-shift collision detection and trigger-width matching behave as before. Anchored overlay positioning also improves for **[Menu](https://design.candescent.com/docs/components/menu/content.md)** and other constrained overlays near viewport edges, keeping popups attached to their triggers instead of overlapping them ([#563](https://github.com/dfh-candescent-ui/ui-component-framework/pull/563)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.168 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.168)
2
+
3
+ ProgressSegmented removes the deprecated total prop; use segments to set the segment count.
4
+
5
+ ## Breaking changes
6
+
7
+ **[ProgressSegmented](https://design.candescent.com/docs/components/progress-segmented/content.md)** — The deprecated `total` prop is removed. Use `segments` to set the number of segments instead. Replace any `total={n}` usage with `segments={n}` before upgrading ([#539](https://github.com/dfh-candescent-ui/ui-component-framework/pull/539)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.169 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.169)
2
+
3
+ @cdx-ui/styles adds MUI and CDS CSS bridges and a ./theming entry point so Forge UI and MUI can share FI theme overrides.
4
+
5
+ ## What's new
6
+
7
+ **@cdx-ui/styles** — The package now ships CSS bridge stylesheets and runtime APIs for running Forge UI alongside MUI 6+ or `@cds/theme` with shared FI theme overrides. Import `@cdx-ui/styles/mui.css` or `@cdx-ui/styles/cds.css` to map Forge semantic tokens onto MUI CSS variables, and use `expandThemeOverride` with `toMuiThemeOptions` and `MUI_SEMANTIC_MAPPINGS` to derive MUI theme options from a `ThemeOverride` payload. A new `@cdx-ui/styles/theming` subpath exposes the same override APIs with a platform-conditioned `applyThemeOverride`. The parser now honors `SUPPORTED_OVERRIDE_SCHEMA_VERSIONS`, synchronizes MUI bridge runtime colors with live overrides, and preserves optional CDS relative-color channel mappings ([#574](https://github.com/dfh-candescent-ui/ui-component-framework/pull/574)).
@@ -0,0 +1,16 @@
1
+ # 0.0.1-beta.171 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.171)
2
+
3
+ Slider supports two-thumb range selection with array value, per-thumb labels, and vertical orientation.
4
+
5
+ ## What's new
6
+
7
+ **[Slider](https://design.candescent.com/docs/components/slider/content.md)** — Select a numeric interval with two draggable thumbs. Pass an array to `value` or `defaultValue` and handle updates through `onChange`. Set an explicit `index` on each `Slider.Thumb` (`0` and `1`) and give each thumb a distinct `accessibilityLabel` so screen readers can tell minimum from maximum. Range mode works in both horizontal and vertical orientations, and step marks fill between the two thumb values.
8
+
9
+ ```tsx
10
+ <Slider value={[20, 80]} onChange={setRange}>
11
+ <Slider.Thumb index={0} accessibilityLabel="Minimum price" />
12
+ <Slider.Thumb index={1} accessibilityLabel="Maximum price" />
13
+ </Slider>
14
+ ```
15
+
16
+ Reach for range sliders when users need to filter or configure a bounded interval — price ranges, date windows, or any min/max pair ([#517](https://github.com/dfh-candescent-ui/ui-component-framework/pull/517)).
@@ -0,0 +1,24 @@
1
+ # 0.0.1-beta.172 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.172)
2
+
3
+ Adds Accordion for expandable single- or multi-select disclosure sections with compound trigger and content slots.
4
+
5
+ ## What's new
6
+
7
+ **Accordion** — Show and hide related content in stacked sections. Set `type` to `"single"` for one open item at a time or `"multiple"` for independent toggles, and control expansion with `value`, `defaultValue`, and `onValueChange`. Each `Accordion.Item` needs a stable `value`; compose the trigger with `Accordion.Trigger`, `Accordion.Label`, `Accordion.Title`, and `Accordion.Description`, and place revealed content in `Accordion.Content`. Use `fullBleed` and `showSeparator` on items to match your layout, and pass `asChild` to `Accordion.Trigger` when the trigger should be a custom pressable.
8
+
9
+ ```tsx
10
+ <Accordion type="single" collapsible defaultValue="shipping" aria-label="Policies">
11
+ <Accordion.Item value="shipping">
12
+ <Accordion.Trigger>
13
+ <Accordion.Label>
14
+ <Accordion.Title>Shipping policy</Accordion.Title>
15
+ </Accordion.Label>
16
+ </Accordion.Trigger>
17
+ <Accordion.Content>
18
+ <Text>Free shipping on orders over $50.</Text>
19
+ </Accordion.Content>
20
+ </Accordion.Item>
21
+ </Accordion>
22
+ ```
23
+
24
+ Reach for Accordion in FAQs, settings groups, and any flow where users scan headings and expand only what they need ([#558](https://github.com/dfh-candescent-ui/ui-component-framework/pull/558)).
@@ -0,0 +1,15 @@
1
+ # 0.0.1-beta.173 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.173)
2
+
3
+ Theme editor adopts Forge UI instead of MUI, Select shares Menu surface behavior, and ForgeDesignProvider no longer loops on safe-area updates.
4
+
5
+ This release rebuilds `@cdx-ui/theme-editor` on Forge UI, aligns **[Select](https://design.candescent.com/docs/components/select/content.md)** dropdown presentation with **[Menu](https://design.candescent.com/docs/components/menu/content.md)**, and fixes an infinite re-render in `ForgeDesignProvider` on web.
6
+
7
+ ## What's new
8
+
9
+ **@cdx-ui/theme-editor** — The theme editor UI is now built with Forge UI components instead of MUI. If you embed the editor in a Forge UI app, you no longer need MUI alongside it for the editor controls to render ([#579](https://github.com/dfh-candescent-ui/ui-component-framework/pull/579)).
10
+
11
+ **[Select](https://design.candescent.com/docs/components/select/content.md)** — Dropdown behavior merges into the **[Menu](https://design.candescent.com/docs/components/menu/content.md)** surface, so open-state visuals and interaction patterns align with Menu across your app ([#579](https://github.com/dfh-candescent-ui/ui-component-framework/pull/579)).
12
+
13
+ ## Bug fixes
14
+
15
+ **ForgeDesignProvider** — Stabilizes safe-area inset updates and ignores equivalent inset objects so web resize listeners no longer trigger an unbounded render loop ([#579](https://github.com/dfh-candescent-ui/ui-component-framework/pull/579)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.174 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.174)
2
+
3
+ Icons and checkbox selection groups no longer trigger web accessibility console warnings.
4
+
5
+ ## Bug fixes
6
+
7
+ **Icons**, **[Checkbox](https://design.candescent.com/docs/components/checkbox/content.md)**, and **[Bottom Sheet](https://design.candescent.com/docs/components/bottom-sheet/content.md)** — `createForgeIcon` now sets platform-appropriate accessibility props, and checkbox selection groups expose accessible names, so decorative icons and grouped checkboxes no longer emit web accessibility console warnings ([#585](https://github.com/dfh-candescent-ui/ui-component-framework/pull/585)).
@@ -0,0 +1,32 @@
1
+ # 0.0.1-beta.176 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.176)
2
+
3
+ Finalizes Accordion composition with a single Content slot and fixes Form web data-attribute warnings and Accordion focus rings.
4
+
5
+ This release finalizes the **[Accordion](https://design.candescent.com/docs/components/accordion/content.md)** composition API, fixes focus-ring clipping on accordion items, and stops invalid DOM prop warnings when using **[Form](https://design.candescent.com/docs/components/form/content.md)** on web.
6
+
7
+ ## What's new
8
+
9
+ **[Accordion](https://design.candescent.com/docs/components/accordion/content.md)** — Replaces the separate `Accordion.Panel` and `Accordion.Body` slots with a single `Accordion.Content` region and aligns state, layout, and composition props with other compound components. Compose each item with `Accordion.Trigger`, `Accordion.Label`, and `Accordion.Title`, add context with `Accordion.Description`, `Accordion.LeadingSlot`, and `Accordion.Meta`, and place revealed content in `Accordion.Content`. Set `type` to `"single"` or `"multiple"`, control expansion with `value`, `defaultValue`, and `onValueChange`, and use `fullBleed` on items when the accordion sits inside an already-padded surface.
10
+
11
+ ```tsx
12
+ <Accordion type="single" collapsible defaultValue="shipping" aria-label="Policies">
13
+ <Accordion.Item value="shipping">
14
+ <Accordion.Trigger>
15
+ <Accordion.Label>
16
+ <Accordion.Title>Shipping policy</Accordion.Title>
17
+ </Accordion.Label>
18
+ </Accordion.Trigger>
19
+ <Accordion.Content>
20
+ <Text>Free shipping on orders over $50.</Text>
21
+ </Accordion.Content>
22
+ </Accordion.Item>
23
+ </Accordion>
24
+ ```
25
+
26
+ Reach for Accordion in FAQs, settings groups, and any flow where users scan headings and expand only what they need ([#589](https://github.com/dfh-candescent-ui/ui-component-framework/pull/589)).
27
+
28
+ ## Bug fixes
29
+
30
+ **[Accordion](https://design.candescent.com/docs/components/accordion/content.md)** — Focus rings no longer clip at item boundaries ([#589](https://github.com/dfh-candescent-ui/ui-component-framework/pull/589)).
31
+
32
+ **[Form](https://design.candescent.com/docs/components/form/content.md)** — Translates React Native Web data attributes before they reach the host `<form>` element, so invalid DOM prop warnings no longer appear on web ([#589](https://github.com/dfh-candescent-ui/ui-component-framework/pull/589)).
@@ -0,0 +1,11 @@
1
+ # 0.0.1-beta.179 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.179)
2
+
3
+ Theme customization now uses explicit ThemeOverride inputs, selections, and token overrides instead of bundled preset themes.
4
+
5
+ ## What's new
6
+
7
+ **@cdx-ui/styles** — Bundled theme presets are replaced by the `ThemeOverride` model. Declare generative inputs, semantic selections, and optional per-token overrides; `applyThemeOverride` and `expandThemeOverride` expand that intent against the base theme and write sparse runtime CSS variables. Target adapters such as `toUniwindMaps` and `toMuiThemeOptions` consume the expanded result. Migrate any integration that applied a preset name to a persisted `ThemeOverride` document ([#593](https://github.com/dfh-candescent-ui/ui-component-framework/pull/593)).
8
+
9
+ **@cdx-ui/theme-editor** — The editor authors complete `ThemeOverride` JSON through generative controls instead of selecting a preset theme. `onChange` debounces the override document for persistence, and `initialValue` rehydrates a saved override for editing ([#593](https://github.com/dfh-candescent-ui/ui-component-framework/pull/593)).
10
+
11
+ **useForgeFonts** (`@cdx-ui/native`) — Display font loading follows the catalog from `@cdx-ui/styles`, keeping loaded families aligned with the display font your override selects ([#593](https://github.com/dfh-candescent-ui/ui-component-framework/pull/593)).
@@ -0,0 +1,13 @@
1
+ # 0.0.1-beta.182 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.182)
2
+
3
+ CurrencyInput now accepts returnKeyType to control the keyboard return key on mobile.
4
+
5
+ This release adds `returnKeyType` to **[CurrencyInput](https://design.candescent.com/docs/components/currency-input/content.md)** and reorganizes the docs site navigation for blocks, patterns, foundations, and tokens.
6
+
7
+ ## What's new
8
+
9
+ **[CurrencyInput](https://design.candescent.com/docs/components/currency-input/content.md)** — Accepts a `returnKeyType` prop so you can set the keyboard return key label and behavior on mobile—for example, `done` on the last field in a form or `next` when tabbing between amount inputs. Pass the same values supported by React Native `TextInput` ([#616](https://github.com/dfh-candescent-ui/ui-component-framework/pull/616)).
10
+
11
+ ## Documentation
12
+
13
+ **Docs site navigation** — Reorganizes blocks, patterns, foundations, and token guides under a clearer information architecture ([#614](https://github.com/dfh-candescent-ui/ui-component-framework/pull/614)).
@@ -0,0 +1,7 @@
1
+ # 0.0.1-beta.185 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.185)
2
+
3
+ New Table compound component for presenting tabular data with header, body, footer, and cell sub-components on web and native.
4
+
5
+ ## What's new
6
+
7
+ **[Table](https://design.candescent.com/docs/components/table/content.md)** — A presentational compound component for displaying tabular data with consistent Forge styling on web and native. Compose `Table.Caption`, `Table.Header`, `Table.Body`, and `Table.Footer` with `Table.Row`, `Table.Head`, and `Table.Cell` sub-slots. On web it renders semantic table markup inside a horizontally scrollable wrapper; on native it uses a flex layout with accessible row and cell roles. Set `fullBleed` on the root when the table should align flush with its container. Sorting, filtering, and pagination stay in your app — pair with a headless table library when you need interactive data-table behavior ([#604](https://github.com/dfh-candescent-ui/ui-component-framework/pull/604)).
@@ -0,0 +1,27 @@
1
+ # 0.0.1-beta.187 (https://design.candescent.com/docs/resources/release-notes/0.0.1-beta.187)
2
+
3
+ Adds @cdx-ui/data-grid for web tabular data, plus Table and TablePagination components for data-heavy screens.
4
+
5
+ This release introduces the web **DataGrid** package and adds **[Table](https://design.candescent.com/docs/components/table/content.md)** and **[TablePagination](https://design.candescent.com/docs/components/table-pagination/content.md)** for building data-heavy screens in Forge UI.
6
+
7
+ ## What's new
8
+
9
+ **[DataGrid](https://design.candescent.com/docs/components/data-grid/content.md)** — New `@cdx-ui/data-grid` package for web apps. It exposes a MUI Community–shaped `rows` / `columns` API with sorting, filtering, row selection, loading skeleton rows, sticky headers, and toolbar actions. Control pagination with `paginationModel` and optional `pageSizeOptions`. Install alongside `@cdx-ui/components`:
10
+
11
+ ```tsx
12
+ import { DataGrid, type GridColDef } from '@cdx-ui/data-grid';
13
+ ```
14
+
15
+ ([#603](https://github.com/dfh-candescent-ui/ui-component-framework/pull/603)).
16
+
17
+ **[Table](https://design.candescent.com/docs/components/table/content.md)** — Compound table for presenting row and column data on web and native. Compose `Table.Root`, `Table.Header`, `Table.Body`, `Table.Row`, and `Table.Cell`. Cells accept a logical `align` prop (`start`, `center`, `end`) that maps to platform-appropriate alignment ([#603](https://github.com/dfh-candescent-ui/ui-component-framework/pull/603)).
18
+
19
+ **[TablePagination](https://design.candescent.com/docs/components/table-pagination/content.md)** — Footer pagination for tables and grids. Compose page navigation, a row-count label, and a page-size selector with sub-components such as `TablePagination.Root`, `TablePagination.Page`, and `TablePagination.PageSize`. DataGrid wires this in automatically when you pass `paginationModel` ([#603](https://github.com/dfh-candescent-ui/ui-component-framework/pull/603)).
20
+
21
+ **[Chip](https://design.candescent.com/docs/components/chip/content.md)** — Styling updates for chips rendered in table and grid rich cell layouts ([#603](https://github.com/dfh-candescent-ui/ui-component-framework/pull/603)).
22
+
23
+ ## Dependencies
24
+
25
+ **@cdx-ui/\* packages** — All published packages release at `0.0.1-beta.187`. Upgrade every `@cdx-ui/*` dependency in your app to this version together.
26
+
27
+ **@cdx-ui/data-grid** — The new DataGrid package is available at `0.0.1-beta.187`. Add it to web apps that render tabular data with Forge UI.
@@ -0,0 +1,23 @@
1
+ # 0.1.1 (https://design.candescent.com/docs/resources/release-notes/0.1.1)
2
+
3
+ Forge UI moves from 0.0.1-beta.188 to 0.1.1 on the 0.x line; update every @cdx-ui/* package to the new version together.
4
+
5
+ This release moves Forge UI to the 0.1.1 release line, updates **[InsuranceDisclosure](https://design.candescent.com/docs/components/insurance-disclosure/content.md)** styling and accessibility for custom logos, and fixes iOS Safari focus zoom on form fields.
6
+
7
+ ## What's new
8
+
9
+ **Versioning** — Forge UI moves from `0.0.1-beta.188` to `0.1.1` on the normal 0.x release line. All `@cdx-ui/*` package versions remain synchronized. Update every installed `@cdx-ui/*` package to `0.1.1` together ([#620](https://github.com/dfh-candescent-ui/ui-component-framework/pull/620)).
10
+
11
+ **[InsuranceDisclosure](https://design.candescent.com/docs/components/insurance-disclosure/content.md)** — Styling aligns with the current design spec for framed and logo-only layouts. When you pass a custom `logoSource`, you must also supply `logoAccessibilityLabel` so the logo remains accessible ([#608](https://github.com/dfh-candescent-ui/ui-component-framework/pull/608)).
12
+
13
+ ## Bug fixes
14
+
15
+ **[Input](https://design.candescent.com/docs/components/input/content.md)** — Web text renders at 16px on viewports below 600px so iOS Safari no longer zooms when the field receives focus ([#497](https://github.com/dfh-candescent-ui/ui-component-framework/pull/497)).
16
+
17
+ **[Select](https://design.candescent.com/docs/components/select/content.md)** — Web value text renders at 16px on viewports below 600px to match Input and Textarea and prevent iOS Safari focus zoom ([#497](https://github.com/dfh-candescent-ui/ui-component-framework/pull/497)).
18
+
19
+ **[Textarea](https://design.candescent.com/docs/components/textarea/content.md)** — Web text renders at 16px on viewports below 600px so iOS Safari no longer zooms when the field receives focus ([#497](https://github.com/dfh-candescent-ui/ui-component-framework/pull/497)).
20
+
21
+ ## Dependencies
22
+
23
+ **@cdx-ui/\* packages** — All published packages release at `0.1.1`. Upgrade every `@cdx-ui/*` dependency in your app to this version together.
@@ -0,0 +1,7 @@
1
+ # 0.1.2 (https://design.candescent.com/docs/resources/release-notes/0.1.2)
2
+
3
+ Radio supports a read-only state for showing a selected option without allowing changes.
4
+
5
+ ## What's new
6
+
7
+ **[Radio](https://design.candescent.com/docs/components/radio/content.md)** — Radio and `Radio.Group` accept a `readOnly` prop so you can display the current selection without letting users change it. Use it in review screens, confirmation flows, or anywhere a choice is visible but not editable. Read-only radios keep their selected appearance and skip pointer interaction while remaining in the accessibility tree ([#631](https://github.com/dfh-candescent-ui/ui-component-framework/pull/631)).
@@ -0,0 +1,19 @@
1
+ # 0.1.4 (https://design.candescent.com/docs/resources/release-notes/0.1.4)
2
+
3
+ Per-face font utilities are removed on web—use typography composites with font-weight. Adds Drawer, Menu filter rows, Avatar variants, and banking icons.
4
+
5
+ This release fixes how font tokens resolve on web, ships a new Drawer overlay, and extends Menu, Avatar, and the icon set for banking UIs.
6
+
7
+ ## Breaking changes
8
+
9
+ **Font tokens on web** — Per-face font family utilities (`font-sans-medium`, `font-body-semibold`, `font-display-bold`, and their `-italic` variants) no longer generate CSS. They only set `font-family`, and on the browser path those face names did not match registered families, so text fell back to the default serif or ignored weight. Use composite typography utilities for the family and standard weight utilities for emphasis, for example `body-md font-medium` instead of `font-sans-medium`. The underlying `--font-*-medium` CSS variables are unchanged, so `[font-family:var(--font-sans-medium)]` still works when you genuinely need a face family. **`useForgeFonts`** from `@cdx-ui/native` is native-only and a no-op on web; browser apps must register fonts themselves (see **Fonts on web** in the developer getting-started guide). `@cdx-ui/styles` adds `forgeWebFontSpec`, `buildWebFontProviderUrl`, and `loadForgeWebFonts` so web registration stays aligned with the token pipeline ([#656](https://github.com/dfh-candescent-ui/ui-component-framework/pull/656)).
10
+
11
+ ## What's new
12
+
13
+ **[Drawer](https://design.candescent.com/docs/components/drawer/content.md)** — A compound overlay for secondary flows, filters, and navigation that slides in from any edge. Compose `Drawer`, `Drawer.Content`, `Drawer.Header`, `Drawer.Title`, `Drawer.Description`, `Drawer.Footer`, and `Drawer.Close`; pick side and size props on the root. `Drawer.Header` lays out a leading slot, a text column, and a close control (a default close renders unless you pass `close={null}` or a custom node) ([#644](https://github.com/dfh-candescent-ui/ui-component-framework/pull/644)).
14
+
15
+ **[Menu](https://design.candescent.com/docs/components/menu/content.md)** — Filter and action menus can place leading controls and trailing actions on each row via `Menu.GroupHeader`, `Menu.ItemControl`, `Menu.ItemCount`, and `Menu.ItemAction`. Tab focus stays inside overlay menus that include header actions, and pointer deselect no longer leaves a selected background on unchecked checkbox rows (keyboard focus still uses the focus-visible fill). The unused `size` prop is removed from Menu; **[Select](https://design.candescent.com/docs/components/select/content.md)** keeps its own `size` for option padding ([#655](https://github.com/dfh-candescent-ui/ui-component-framework/pull/655)).
16
+
17
+ **[Avatar](https://design.candescent.com/docs/components/avatar/content.md)** — `color`, `variant`, and `shape` props align with design for initials, icons, and photos in circle or rounded forms. **[Chip](https://design.candescent.com/docs/components/chip/content.md)** respects the avatar shape when an avatar is embedded ([#661](https://github.com/dfh-candescent-ui/ui-component-framework/pull/661)).
18
+
19
+ **@cdx-ui/icons** — The custom icon set from the Figma library (excluding logos) is complete, with banking, cash, deposit, passport, and related glyphs in outlined and filled styles ([#642](https://github.com/dfh-candescent-ui/ui-component-framework/pull/642)).
@@ -0,0 +1,7 @@
1
+ # 0.1.5 (https://design.candescent.com/docs/resources/release-notes/0.1.5)
2
+
3
+ Figma Code Connect templates now cover Switch, progress, tabs, tiles, dates, toasts, sliders, and other components for Dev Mode snippets.
4
+
5
+ ## What's new
6
+
7
+ **Figma Code Connect** — `@cdx-ui/components` ships Code Connect mappings for components that previously had no Dev Mode snippet, so design and engineering see Forge UI imports and props that match the library. New templates cover **Switch**, **ProgressBar**, **ProgressCircle**, **Tabs** and **Tabs.Tab** (with **SegmentedControl** mapped to the solid tabs variant), the **Tile** compound family, **Image**, **Carousel**, **Skeleton**, the **Slider** family, **Tooltip**, **Toast** (including button and close slots, with `toast.show()` config when Figma props map cleanly), **CurrencyInput**, calendar surfaces (**Calendar**, **MonthCalendar**, **RangeCalendar**), **DateField**, **DateTimeField**, **DatePicker**, **DateRangePicker**, **Checkbox.Group** with **Field** wrappers, and **VirtualizedList** (for **FlatList** in Figma). Publish or refresh Code Connect from your Figma library when you upgrade so Dev Mode stays aligned with 0.1.5 ([#678](https://github.com/dfh-candescent/forge-design-system/pull/678)).
@@ -0,0 +1,7 @@
1
+ # 0.1.6 (https://design.candescent.com/docs/resources/release-notes/0.1.6)
2
+
3
+ Adds ToggleButton and ToggleButtonGroup for persistent pressed states and single- or multi-select toolbar controls on web and native.
4
+
5
+ ## What's new
6
+
7
+ **[Toggle Button](https://design.candescent.com/docs/components/toggle-button/content.md)** — `@cdx-ui/components` exports a compound **ToggleButton** for actions that stay pressed after selection, with **ToggleButton.Label**, **ToggleButton.Icon** (`position="leading"` or `"trailing"`), and **ToggleButtonGroup** for grouped choices. Use a group with `type="single"` for one selection at a time (radio-like) or `type="multiple"` for several pressed buttons; drive selection with `value` and `onValueChange`, or control an individual toggle with `isSelected` and `onSelectedChange`. Attached groups render as a segmented control (`isAttached`, default `true`); set `orientation="vertical"` for stacked layouts with arrow-key navigation in document order. Icon-only toggles need `accessibilityLabel`; selected toggles use the filled icon variant. Sizing and variants align with **Button** ([#667](https://github.com/dfh-candescent/forge-design-system/pull/667)).
@@ -0,0 +1,31 @@
1
+ # 0.2.0 (https://design.candescent.com/docs/resources/release-notes/0.2.0)
2
+
3
+ Native font embedding and per-face utilities removed; adds color picker family, semantic Text/Icon colors, and ToggleButton.Group compound API.
4
+
5
+ This release reshapes how fonts register on native, removes several deprecated APIs, and adds a full color-picker toolkit plus semantic coloring on **[Text](https://design.candescent.com/docs/components/text/content.md)** and **[Icon](https://design.candescent.com/docs/components/icon/content.md)**.
6
+
7
+ ## Breaking changes
8
+
9
+ **Font tokens and native embedding** — Font tokens now name one family per role (`sans`, `mono`, `display`, `body`); weight and style are separate on every platform. The per-face CSS variables and utilities (`font-sans-medium`, `font-display-bold-italic`, and similar) are removed. Replace them with the role family (`font-sans`, `font-display`, …) plus `font-medium`, `font-semibold`, `font-bold`, and `italic`. Theme overrides that targeted per-face tokens should set only the role family. On native, `@cdx-ui/native` ships an Expo config plugin that embeds the Forge font catalog at build time: add `"@cdx-ui/native"` to `expo.plugins` in `app.json`, run `npx expo prebuild` or a new dev/EAS build (Expo Go cannot load the embedded fonts), and remove any `useForgeFonts` call and loading gate—the hook is deprecated and resolves immediately without loading faces ([#450](https://github.com/dfh-candescent/forge-design-system/pull/450)).
10
+
11
+ **`ToggleButtonGroup` export** — `ToggleButtonGroup` is no longer exported from `@cdx-ui/components`. Use **`ToggleButton.Group`** instead; `ToggleButtonGroupProps` remains exported as a type ([#763](https://github.com/dfh-candescent/forge-design-system/pull/763)).
12
+
13
+ **`CdxIcon` aliases** — `createCdxIcon`, `CdxIcon`, and `CdxIconProps` are removed from `@cdx-ui/icons`. Replace them with `createForgeIcon`, `ForgeIcon`, and `ForgeIconProps` ([#750](https://github.com/dfh-candescent/forge-design-system/pull/750)).
14
+
15
+ **Text and Icon `color` prop** — **[Text](https://design.candescent.com/docs/components/text/content.md)** and **[Icon](https://design.candescent.com/docs/components/icon/content.md)** accept a typed `color` prop (`primary`, `secondary`, `tertiary`, `action`, `danger`, `warning`, `success`, `info`) mapped to design tokens. Slot sub-components that already set their own label or icon color (for example inside **[Button](https://design.candescent.com/docs/components/button/content.md)** or **[Alert](https://design.candescent.com/docs/components/alert/content.md)**) no longer accept `color` on those slots—pass `color` on the leaf **Text** or **Icon** instead, or rely on the parent’s default ([#753](https://github.com/dfh-candescent/forge-design-system/pull/753)).
16
+
17
+ ## What's new
18
+
19
+ **Color picker family** — `@cdx-ui/primitives` and `@cdx-ui/components` ship a coordinated set for choosing colors in forms and theme tools. **[ColorPicker](https://design.candescent.com/docs/components/color-picker/content.md)** composes a trigger with popover content; **[ColorArea](https://design.candescent.com/docs/components/color-area/content.md)** and **[ColorSlider](https://design.candescent.com/docs/components/color-slider/content.md)** adjust two-dimensional and one-dimensional channels; **[ColorField](https://design.candescent.com/docs/components/color-field/content.md)** edits a color as text; **[ColorSwatch](https://design.candescent.com/docs/components/color-swatch/content.md)** shows a swatch, and **[ColorSwatchPicker](https://design.candescent.com/docs/components/color-swatch-picker/content.md)** offers a grid of choices. Primitives expose the behavioral roots; styled compounds add Forge tokens and layout. Use **`ColorPicker`** when you need a compact control with a popover, or compose **ColorArea** and **ColorSlider** directly for custom layouts ([#736](https://github.com/dfh-candescent/forge-design-system/pull/736)).
20
+
21
+ **[Text](https://design.candescent.com/docs/components/text/content.md)** — `weight` (`normal`, `medium`, `semibold`, `bold`) and `italic` props map to the registered body family on web and native, so emphasis no longer requires per-face utility classes. Nested **Text** inherits `color`, `size`, and `weight` from an ancestor text context unless you override them explicitly ([#450](https://github.com/dfh-candescent/forge-design-system/pull/450)).
22
+
23
+ **[Toast](https://design.candescent.com/docs/components/toast/content.md)** — Toast surfaces use semantic background and foreground tokens aligned to Figma. On web, pointer events pass through the toast viewport so underlying controls stay clickable while toasts are visible ([#759](https://github.com/dfh-candescent/forge-design-system/pull/759)).
24
+
25
+ **[Toggle Button](https://design.candescent.com/docs/components/toggle-button/content.md)** — Grouped toggles use **`ToggleButton.Group`** on the compound, consistent with **`Radio.Group`**. Props and behavior match the former standalone group component ([#763](https://github.com/dfh-candescent/forge-design-system/pull/763)).
26
+
27
+ ## Bug fixes
28
+
29
+ **[Text](https://design.candescent.com/docs/components/text/content.md)** — Nested **Text** follows React Native’s text-ancestor context, so copy inside **[Heading](https://design.candescent.com/docs/components/heading/content.md)**, **Button.Label**, **Alert.Description**, and other text parents inherits typography correctly; a **Text** inside a **View** inside **Text** gets defaults on native where **View** resets the context. Size-only nesting keeps the parent weight instead of resetting to normal ([#758](https://github.com/dfh-candescent/forge-design-system/pull/758)).
30
+
31
+ **[Icon](https://design.candescent.com/docs/components/icon/content.md)** — A raw hex or other non-semantic `color` value again tints the SVG (with a one-time development warning), restoring behavior for icon slots that spread props into **Icon** ([#758](https://github.com/dfh-candescent/forge-design-system/pull/758)).