@fairgarden/design 0.1.0-alpha.1 → 0.1.0-alpha.2

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 (517) hide show
  1. package/LICENSE +21 -0
  2. package/Readme.md +51 -27
  3. package/actions/button/Button.d.ts.map +1 -1
  4. package/actions/button/Button.js +13 -1
  5. package/actions/button/Button.js.map +1 -1
  6. package/actions/button/button.module.css +85 -25
  7. package/actions/chip/Chip.d.ts +2 -2
  8. package/actions/chip/Chip.js +2 -2
  9. package/actions/chip/chip.module.css +12 -18
  10. package/actions/link/Link.d.ts +1 -1
  11. package/actions/link/link.module.css +22 -19
  12. package/actions/toggle/Toggle.js +1 -1
  13. package/actions/toggle/toggle.module.css +27 -23
  14. package/content/card/card.module.css +27 -27
  15. package/content/card-grid/CardGrid.js +1 -1
  16. package/content/card-grid/card-grid.module.css +3 -3
  17. package/content/carousel/Carousel.d.ts.map +1 -1
  18. package/content/carousel/Carousel.js +1 -4
  19. package/content/carousel/Carousel.js.map +1 -1
  20. package/content/carousel/carousel.module.css +19 -9
  21. package/content/code-block/CodeActionsMenu.d.ts +34 -0
  22. package/content/code-block/CodeActionsMenu.d.ts.map +1 -0
  23. package/content/code-block/CodeActionsMenu.js +102 -0
  24. package/content/code-block/CodeActionsMenu.js.map +1 -0
  25. package/content/code-block/CodeBlock.d.ts +37 -0
  26. package/content/code-block/CodeBlock.d.ts.map +1 -0
  27. package/content/code-block/CodeBlock.js +30 -0
  28. package/content/code-block/CodeBlock.js.map +1 -0
  29. package/content/code-block/CodeBlockFrame.d.ts +54 -0
  30. package/content/code-block/CodeBlockFrame.d.ts.map +1 -0
  31. package/content/code-block/CodeBlockFrame.js +80 -0
  32. package/content/code-block/CodeBlockFrame.js.map +1 -0
  33. package/content/code-block/CodeBlockHeader.d.ts +26 -0
  34. package/content/code-block/CodeBlockHeader.d.ts.map +1 -0
  35. package/content/code-block/CodeBlockHeader.js +16 -0
  36. package/content/code-block/CodeBlockHeader.js.map +1 -0
  37. package/content/code-block/CodeBlockLazy.d.ts +11 -0
  38. package/content/code-block/CodeBlockLazy.d.ts.map +1 -0
  39. package/content/code-block/CodeBlockLazy.js +14 -0
  40. package/content/code-block/CodeBlockLazy.js.map +1 -0
  41. package/content/code-block/CodeBlockLoading.d.ts +31 -0
  42. package/content/code-block/CodeBlockLoading.d.ts.map +1 -0
  43. package/content/code-block/CodeBlockLoading.js +90 -0
  44. package/content/code-block/CodeBlockLoading.js.map +1 -0
  45. package/content/code-block/CodeBlockSection.d.ts +40 -0
  46. package/content/code-block/CodeBlockSection.d.ts.map +1 -0
  47. package/content/code-block/CodeBlockSection.js +105 -0
  48. package/content/code-block/CodeBlockSection.js.map +1 -0
  49. package/content/code-block/CodeBlockToasts.d.ts +26 -0
  50. package/content/code-block/CodeBlockToasts.d.ts.map +1 -0
  51. package/content/code-block/CodeBlockToasts.js +88 -0
  52. package/content/code-block/CodeBlockToasts.js.map +1 -0
  53. package/content/code-block/code-block.module.css +949 -0
  54. package/content/code-block/index.d.ts +4 -0
  55. package/content/code-block/index.d.ts.map +1 -0
  56. package/content/code-block/index.js +4 -0
  57. package/content/code-block/index.js.map +1 -0
  58. package/content/demo/DemoContent.d.ts +32 -0
  59. package/content/demo/DemoContent.d.ts.map +1 -0
  60. package/content/demo/DemoContent.js +87 -0
  61. package/content/demo/DemoContent.js.map +1 -0
  62. package/content/demo/DemoFrame.d.ts +6 -0
  63. package/content/demo/DemoFrame.d.ts.map +1 -0
  64. package/content/demo/DemoFrame.js +17 -0
  65. package/content/demo/DemoFrame.js.map +1 -0
  66. package/content/demo/DemoLazy.d.ts +11 -0
  67. package/content/demo/DemoLazy.d.ts.map +1 -0
  68. package/content/demo/DemoLazy.js +14 -0
  69. package/content/demo/DemoLazy.js.map +1 -0
  70. package/content/demo/DemoLoading.d.ts +23 -0
  71. package/content/demo/DemoLoading.d.ts.map +1 -0
  72. package/content/demo/DemoLoading.js +26 -0
  73. package/content/demo/DemoLoading.js.map +1 -0
  74. package/content/demo/demo.module.css +163 -0
  75. package/content/demo/index.d.ts +4 -0
  76. package/content/demo/index.d.ts.map +1 -0
  77. package/content/demo/index.js +4 -0
  78. package/content/demo/index.js.map +1 -0
  79. package/content/empty-state/EmptyState.d.ts +1 -1
  80. package/content/empty-state/EmptyState.js +1 -1
  81. package/content/empty-state/empty-state.module.css +11 -11
  82. package/content/feature-grid/feature-grid.module.css +22 -22
  83. package/content/index-rows/IndexRows.d.ts +2 -2
  84. package/content/index-rows/IndexRows.d.ts.map +1 -1
  85. package/content/index-rows/IndexRows.js +1 -1
  86. package/content/index-rows/index-rows.module.css +29 -29
  87. package/content/pricing/Pricing.d.ts +4 -4
  88. package/content/pricing/Pricing.d.ts.map +1 -1
  89. package/content/pricing/Pricing.js +4 -4
  90. package/content/pricing/Pricing.js.map +1 -1
  91. package/content/pricing/pricing.module.css +22 -22
  92. package/content/profile/Profile.d.ts +1 -1
  93. package/content/profile/Profile.js +2 -2
  94. package/content/profile/profile.module.css +13 -13
  95. package/content/quote/Quote.d.ts +1 -1
  96. package/content/quote/quote.module.css +9 -9
  97. package/content/timeline/Timeline.d.ts +1 -1
  98. package/content/timeline/Timeline.d.ts.map +1 -1
  99. package/content/timeline/Timeline.js +5 -5
  100. package/content/timeline/Timeline.js.map +1 -1
  101. package/content/timeline/timeline.module.css +12 -12
  102. package/content/types-table/TypePre.d.ts +11 -0
  103. package/content/types-table/TypePre.d.ts.map +1 -0
  104. package/content/types-table/TypePre.js +13 -0
  105. package/content/types-table/TypePre.js.map +1 -0
  106. package/content/types-table/TypesTable.d.ts +22 -0
  107. package/content/types-table/TypesTable.d.ts.map +1 -0
  108. package/content/types-table/TypesTable.js +124 -0
  109. package/content/types-table/TypesTable.js.map +1 -0
  110. package/content/types-table/index.d.ts +3 -0
  111. package/content/types-table/index.d.ts.map +1 -0
  112. package/content/types-table/index.js +3 -0
  113. package/content/types-table/index.js.map +1 -0
  114. package/content/types-table/types-table.module.css +160 -0
  115. package/data/chart/Chart.d.ts +8 -1
  116. package/data/chart/Chart.d.ts.map +1 -1
  117. package/data/chart/Chart.js +28 -15
  118. package/data/chart/Chart.js.map +1 -1
  119. package/data/chart/chart.module.css +20 -6
  120. package/data/figure/Figure.d.ts +1 -1
  121. package/data/figure/Figure.js +1 -1
  122. package/data/figure/figure.module.css +7 -7
  123. package/data/map/Map.d.ts +3 -3
  124. package/data/map/Map.d.ts.map +1 -1
  125. package/data/map/Map.js +10 -8
  126. package/data/map/Map.js.map +1 -1
  127. package/data/map/MapCanvas.d.ts.map +1 -1
  128. package/data/map/MapCanvas.js +5 -9
  129. package/data/map/MapCanvas.js.map +1 -1
  130. package/data/map/map.module.css +39 -14
  131. package/data/map/mapStyle.d.ts +2 -2
  132. package/data/map/mapStyle.d.ts.map +1 -1
  133. package/data/map/mapStyle.js +5 -5
  134. package/data/map/mapStyle.js.map +1 -1
  135. package/data/scroll-area/ScrollArea.d.ts.map +1 -1
  136. package/data/scroll-area/ScrollArea.js +8 -4
  137. package/data/scroll-area/ScrollArea.js.map +1 -1
  138. package/data/scroll-area/scroll-area.module.css +28 -9
  139. package/data/spec-grid/spec-grid.module.css +8 -8
  140. package/data/spec-list/spec-list.module.css +3 -3
  141. package/data/spec-sheet/SpecSheet.d.ts +2 -2
  142. package/data/spec-sheet/SpecSheet.js +1 -1
  143. package/data/spec-sheet/spec-sheet.module.css +9 -9
  144. package/data/stat/Stat.d.ts +1 -1
  145. package/data/stat/Stat.d.ts.map +1 -1
  146. package/data/stat/stat.module.css +4 -4
  147. package/data/table/Table.d.ts +6 -5
  148. package/data/table/Table.d.ts.map +1 -1
  149. package/data/table/Table.js.map +1 -1
  150. package/data/table/table.module.css +43 -46
  151. package/disclosure/accordion/Accordion.d.ts +1 -1
  152. package/disclosure/accordion/Accordion.js +1 -1
  153. package/disclosure/accordion/accordion.module.css +12 -12
  154. package/disclosure/collapsible/Collapsible.d.ts +4 -4
  155. package/disclosure/collapsible/Collapsible.js +4 -4
  156. package/disclosure/collapsible/collapsible.module.css +10 -10
  157. package/disclosure/faq/FAQ.d.ts +3 -3
  158. package/disclosure/faq/FAQ.d.ts.map +1 -1
  159. package/disclosure/faq/FAQ.js +3 -3
  160. package/disclosure/faq/FAQ.js.map +1 -1
  161. package/disclosure/faq/faq.module.css +20 -20
  162. package/feedback/alert/alert.module.css +4 -4
  163. package/feedback/avatar/avatar-group.module.css +2 -2
  164. package/feedback/avatar/avatar.module.css +9 -9
  165. package/feedback/badge/Badge.d.ts +1 -1
  166. package/feedback/badge/badge.module.css +7 -7
  167. package/feedback/meter/Meter.d.ts +2 -2
  168. package/feedback/meter/meter.module.css +14 -14
  169. package/feedback/progress/Progress.d.ts +1 -1
  170. package/feedback/progress/progress.module.css +7 -7
  171. package/feedback/tag/tag.module.css +7 -7
  172. package/feedback/toast/Toast.d.ts +3 -3
  173. package/feedback/toast/Toast.d.ts.map +1 -1
  174. package/feedback/toast/Toast.js +17 -7
  175. package/feedback/toast/Toast.js.map +1 -1
  176. package/feedback/toast/toast.module.css +31 -20
  177. package/forms/autocomplete/Autocomplete.d.ts +11 -0
  178. package/forms/autocomplete/Autocomplete.d.ts.map +1 -1
  179. package/forms/autocomplete/Autocomplete.js +27 -6
  180. package/forms/autocomplete/Autocomplete.js.map +1 -1
  181. package/forms/autocomplete/autocomplete.module.css +35 -41
  182. package/forms/checkbox/Checkbox.js +1 -1
  183. package/forms/checkbox/checkbox.module.css +29 -25
  184. package/forms/checkbox-group/checkbox-group.module.css +4 -4
  185. package/forms/combobox/Combobox.d.ts +10 -0
  186. package/forms/combobox/Combobox.d.ts.map +1 -1
  187. package/forms/combobox/Combobox.js +28 -7
  188. package/forms/combobox/Combobox.js.map +1 -1
  189. package/forms/combobox/combobox.module.css +34 -41
  190. package/forms/field/field.module.css +1 -1
  191. package/forms/fieldset/Fieldset.d.ts +1 -1
  192. package/forms/fieldset/Fieldset.js +2 -2
  193. package/forms/fieldset/fieldset.module.css +14 -14
  194. package/forms/form/form.module.css +2 -2
  195. package/forms/input/Input.d.ts +10 -3
  196. package/forms/input/Input.d.ts.map +1 -1
  197. package/forms/input/Input.js +10 -4
  198. package/forms/input/Input.js.map +1 -1
  199. package/forms/input/input.module.css +38 -21
  200. package/forms/number-field/number-field.module.css +24 -23
  201. package/forms/radio/Radio.d.ts +1 -1
  202. package/forms/radio/Radio.d.ts.map +1 -1
  203. package/forms/radio/Radio.js +5 -3
  204. package/forms/radio/Radio.js.map +1 -1
  205. package/forms/radio/radio.module.css +38 -30
  206. package/forms/radio-group/RadioGroup.d.ts +1 -1
  207. package/forms/radio-group/radio-group.module.css +3 -3
  208. package/forms/search/Search.d.ts +10 -0
  209. package/forms/search/Search.d.ts.map +1 -1
  210. package/forms/search/Search.js +25 -6
  211. package/forms/search/Search.js.map +1 -1
  212. package/forms/search/search.module.css +25 -33
  213. package/forms/select/Select.d.ts +10 -2
  214. package/forms/select/Select.d.ts.map +1 -1
  215. package/forms/select/Select.js +27 -12
  216. package/forms/select/Select.js.map +1 -1
  217. package/forms/select/select.module.css +42 -48
  218. package/forms/slider/Slider.js +2 -2
  219. package/forms/slider/slider.module.css +23 -23
  220. package/forms/switch/Switch.js +1 -1
  221. package/forms/switch/switch.module.css +23 -19
  222. package/foundations/expanding-box/ExpandingBox.d.ts +86 -0
  223. package/foundations/expanding-box/ExpandingBox.d.ts.map +1 -0
  224. package/foundations/expanding-box/ExpandingBox.js +179 -0
  225. package/foundations/expanding-box/ExpandingBox.js.map +1 -0
  226. package/foundations/expanding-box/expanding-box.module.css +415 -0
  227. package/foundations/expanding-box/index.d.ts +3 -0
  228. package/foundations/expanding-box/index.d.ts.map +1 -0
  229. package/foundations/expanding-box/index.js +3 -0
  230. package/foundations/expanding-box/index.js.map +1 -0
  231. package/foundations/expanding-box/startExpandingTransition.d.ts +33 -0
  232. package/foundations/expanding-box/startExpandingTransition.d.ts.map +1 -0
  233. package/foundations/expanding-box/startExpandingTransition.js +82 -0
  234. package/foundations/expanding-box/startExpandingTransition.js.map +1 -0
  235. package/foundations/ground/Ground.d.ts +1 -1
  236. package/foundations/ground/ground.module.css +4 -4
  237. package/foundations/icon/Icon.d.ts +1 -1
  238. package/foundations/icon/Icon.js +1 -1
  239. package/foundations/icon/icon.module.css +1 -1
  240. package/foundations/outline-morph/OutlineMorph.d.ts +112 -0
  241. package/foundations/outline-morph/OutlineMorph.d.ts.map +1 -0
  242. package/foundations/outline-morph/OutlineMorph.js +83 -0
  243. package/foundations/outline-morph/OutlineMorph.js.map +1 -0
  244. package/foundations/outline-morph/index.d.ts +3 -0
  245. package/foundations/outline-morph/index.d.ts.map +1 -0
  246. package/foundations/outline-morph/index.js +3 -0
  247. package/foundations/outline-morph/index.js.map +1 -0
  248. package/foundations/outline-morph/morphEngine.d.ts +219 -0
  249. package/foundations/outline-morph/morphEngine.d.ts.map +1 -0
  250. package/foundations/outline-morph/morphEngine.js +1331 -0
  251. package/foundations/outline-morph/morphEngine.js.map +1 -0
  252. package/foundations/outline-morph/outline-morph.module.css +113 -0
  253. package/foundations/outline-morph/useOutlineMorphRoot.d.ts +50 -0
  254. package/foundations/outline-morph/useOutlineMorphRoot.d.ts.map +1 -0
  255. package/foundations/outline-morph/useOutlineMorphRoot.js +55 -0
  256. package/foundations/outline-morph/useOutlineMorphRoot.js.map +1 -0
  257. package/foundations/separator/separator.module.css +10 -10
  258. package/foundations/sticker/Sticker.d.ts +4 -4
  259. package/foundations/sticker/Sticker.d.ts.map +1 -1
  260. package/foundations/sticker/Sticker.js +3 -3
  261. package/foundations/sticker/sticker.module.css +10 -10
  262. package/icons/paths.d.ts +1 -1
  263. package/icons/paths.d.ts.map +1 -1
  264. package/icons/paths.js +50 -0
  265. package/icons/paths.js.map +1 -1
  266. package/navigation/breadcrumb/Breadcrumb.d.ts +7 -1
  267. package/navigation/breadcrumb/Breadcrumb.d.ts.map +1 -1
  268. package/navigation/breadcrumb/Breadcrumb.js +8 -8
  269. package/navigation/breadcrumb/Breadcrumb.js.map +1 -1
  270. package/navigation/breadcrumb/breadcrumb.module.css +14 -14
  271. package/navigation/file-tabs/FileTabs.d.ts +169 -0
  272. package/navigation/file-tabs/FileTabs.d.ts.map +1 -0
  273. package/navigation/file-tabs/FileTabs.js +253 -0
  274. package/navigation/file-tabs/FileTabs.js.map +1 -0
  275. package/navigation/file-tabs/file-tabs.module.css +868 -0
  276. package/navigation/file-tabs/index.d.ts +2 -0
  277. package/navigation/file-tabs/index.d.ts.map +1 -0
  278. package/navigation/file-tabs/index.js +2 -0
  279. package/navigation/file-tabs/index.js.map +1 -0
  280. package/navigation/nav-drawer/NavDrawer.d.ts +32 -6
  281. package/navigation/nav-drawer/NavDrawer.d.ts.map +1 -1
  282. package/navigation/nav-drawer/NavDrawer.js +94 -28
  283. package/navigation/nav-drawer/NavDrawer.js.map +1 -1
  284. package/navigation/nav-drawer/nav-drawer.module.css +78 -55
  285. package/navigation/navigation-bar/NavigationBar.d.ts +31 -11
  286. package/navigation/navigation-bar/NavigationBar.d.ts.map +1 -1
  287. package/navigation/navigation-bar/NavigationBar.js +40 -17
  288. package/navigation/navigation-bar/NavigationBar.js.map +1 -1
  289. package/navigation/navigation-bar/navigation-bar.module.css +58 -27
  290. package/navigation/navigation-menu/NavigationMenu.d.ts +9 -9
  291. package/navigation/navigation-menu/NavigationMenu.d.ts.map +1 -1
  292. package/navigation/navigation-menu/NavigationMenu.js +15 -15
  293. package/navigation/navigation-menu/navigation-menu.module.css +39 -53
  294. package/navigation/pagination/Pagination.js +1 -1
  295. package/navigation/pagination/pagination.module.css +24 -24
  296. package/navigation/sidebar-nav/SidebarNav.d.ts +71 -0
  297. package/navigation/sidebar-nav/SidebarNav.d.ts.map +1 -0
  298. package/navigation/sidebar-nav/SidebarNav.js +169 -0
  299. package/navigation/sidebar-nav/SidebarNav.js.map +1 -0
  300. package/navigation/sidebar-nav/index.d.ts +2 -0
  301. package/navigation/sidebar-nav/index.d.ts.map +1 -0
  302. package/navigation/sidebar-nav/index.js +2 -0
  303. package/navigation/sidebar-nav/index.js.map +1 -0
  304. package/navigation/sidebar-nav/sidebar-nav.module.css +270 -0
  305. package/navigation/table-of-contents/TableOfContents.d.ts +92 -0
  306. package/navigation/table-of-contents/TableOfContents.d.ts.map +1 -0
  307. package/navigation/table-of-contents/TableOfContents.js +211 -0
  308. package/navigation/table-of-contents/TableOfContents.js.map +1 -0
  309. package/navigation/table-of-contents/index.d.ts +3 -0
  310. package/navigation/table-of-contents/index.d.ts.map +1 -0
  311. package/navigation/table-of-contents/index.js +3 -0
  312. package/navigation/table-of-contents/index.js.map +1 -0
  313. package/navigation/table-of-contents/table-of-contents.module.css +322 -0
  314. package/navigation/table-of-contents/useActiveHeading.d.ts +37 -0
  315. package/navigation/table-of-contents/useActiveHeading.d.ts.map +1 -0
  316. package/navigation/table-of-contents/useActiveHeading.js +111 -0
  317. package/navigation/table-of-contents/useActiveHeading.js.map +1 -0
  318. package/navigation/tabs/Tabs.d.ts +2 -2
  319. package/navigation/tabs/Tabs.js +3 -3
  320. package/navigation/tabs/tabs.module.css +22 -19
  321. package/navigation/toolbar/Toolbar.d.ts +7 -1
  322. package/navigation/toolbar/Toolbar.d.ts.map +1 -1
  323. package/navigation/toolbar/Toolbar.js +3 -3
  324. package/navigation/toolbar/Toolbar.js.map +1 -1
  325. package/navigation/toolbar/toolbar.module.css +6 -6
  326. package/overlays/alert-dialog/AlertDialog.d.ts +14 -4
  327. package/overlays/alert-dialog/AlertDialog.d.ts.map +1 -1
  328. package/overlays/alert-dialog/AlertDialog.js +15 -5
  329. package/overlays/alert-dialog/AlertDialog.js.map +1 -1
  330. package/overlays/alert-dialog/alert-dialog.module.css +4 -4
  331. package/overlays/context-menu/ContextMenu.d.ts +1 -1
  332. package/overlays/context-menu/ContextMenu.js +1 -1
  333. package/overlays/dialog/Dialog.d.ts +26 -11
  334. package/overlays/dialog/Dialog.d.ts.map +1 -1
  335. package/overlays/dialog/Dialog.js +36 -17
  336. package/overlays/dialog/Dialog.js.map +1 -1
  337. package/overlays/dialog/dialog.module.css +32 -31
  338. package/overlays/dialog/morph.d.ts +17 -0
  339. package/overlays/dialog/morph.d.ts.map +1 -0
  340. package/overlays/dialog/morph.js +44 -0
  341. package/overlays/dialog/morph.js.map +1 -0
  342. package/overlays/menu/Menu.d.ts +18 -7
  343. package/overlays/menu/Menu.d.ts.map +1 -1
  344. package/overlays/menu/Menu.js +35 -12
  345. package/overlays/menu/Menu.js.map +1 -1
  346. package/overlays/menu/menu.module.css +26 -50
  347. package/overlays/menu/morph.d.ts +16 -0
  348. package/overlays/menu/morph.d.ts.map +1 -0
  349. package/overlays/menu/morph.js +36 -0
  350. package/overlays/menu/morph.js.map +1 -0
  351. package/overlays/menu/popup.d.ts +2 -0
  352. package/overlays/menu/popup.d.ts.map +1 -1
  353. package/overlays/menu/popup.js +11 -3
  354. package/overlays/menu/popup.js.map +1 -1
  355. package/overlays/menubar/Menubar.d.ts +10 -1
  356. package/overlays/menubar/Menubar.d.ts.map +1 -1
  357. package/overlays/menubar/Menubar.js +22 -12
  358. package/overlays/menubar/Menubar.js.map +1 -1
  359. package/overlays/menubar/menubar.module.css +13 -13
  360. package/overlays/popover/Popover.d.ts +22 -8
  361. package/overlays/popover/Popover.d.ts.map +1 -1
  362. package/overlays/popover/Popover.js +51 -16
  363. package/overlays/popover/Popover.js.map +1 -1
  364. package/overlays/popover/popover.module.css +73 -47
  365. package/overlays/preview-card/PreviewCard.d.ts +3 -3
  366. package/overlays/preview-card/PreviewCard.d.ts.map +1 -1
  367. package/overlays/preview-card/PreviewCard.js +5 -6
  368. package/overlays/preview-card/PreviewCard.js.map +1 -1
  369. package/overlays/preview-card/preview-card.module.css +19 -54
  370. package/overlays/search-dialog/SearchDialog.d.ts +89 -0
  371. package/overlays/search-dialog/SearchDialog.d.ts.map +1 -0
  372. package/overlays/search-dialog/SearchDialog.js +220 -0
  373. package/overlays/search-dialog/SearchDialog.js.map +1 -0
  374. package/overlays/search-dialog/SearchDialogPopup.d.ts +39 -0
  375. package/overlays/search-dialog/SearchDialogPopup.d.ts.map +1 -0
  376. package/overlays/search-dialog/SearchDialogPopup.js +80 -0
  377. package/overlays/search-dialog/SearchDialogPopup.js.map +1 -0
  378. package/overlays/search-dialog/SearchDialogTrigger.d.ts +24 -0
  379. package/overlays/search-dialog/SearchDialogTrigger.d.ts.map +1 -0
  380. package/overlays/search-dialog/SearchDialogTrigger.js +32 -0
  381. package/overlays/search-dialog/SearchDialogTrigger.js.map +1 -0
  382. package/overlays/search-dialog/index.d.ts +3 -0
  383. package/overlays/search-dialog/index.d.ts.map +1 -0
  384. package/overlays/search-dialog/index.js +3 -0
  385. package/overlays/search-dialog/index.js.map +1 -0
  386. package/overlays/search-dialog/search-dialog.module.css +492 -0
  387. package/overlays/search-dialog/useShortcutLabel.d.ts +13 -0
  388. package/overlays/search-dialog/useShortcutLabel.d.ts.map +1 -0
  389. package/overlays/search-dialog/useShortcutLabel.js +19 -0
  390. package/overlays/search-dialog/useShortcutLabel.js.map +1 -0
  391. package/overlays/search-dialog/variants.d.ts +25 -0
  392. package/overlays/search-dialog/variants.d.ts.map +1 -0
  393. package/overlays/search-dialog/variants.js +31 -0
  394. package/overlays/search-dialog/variants.js.map +1 -0
  395. package/overlays/tooltip/Tooltip.d.ts +3 -3
  396. package/overlays/tooltip/Tooltip.d.ts.map +1 -1
  397. package/overlays/tooltip/Tooltip.js +3 -3
  398. package/overlays/tooltip/Tooltip.js.map +1 -1
  399. package/overlays/tooltip/tooltip.module.css +2 -2
  400. package/package.json +27 -19
  401. package/page/announcement-bar/AnnouncementBar.d.ts +1 -1
  402. package/page/announcement-bar/AnnouncementBar.js +4 -4
  403. package/page/announcement-bar/AnnouncementBar.js.map +1 -1
  404. package/page/announcement-bar/announcement-bar.module.css +11 -17
  405. package/page/cta-block/CTABlock.d.ts +5 -5
  406. package/page/cta-block/CTABlock.d.ts.map +1 -1
  407. package/page/cta-block/CTABlock.js +2 -2
  408. package/page/cta-block/cta-block.module.css +26 -26
  409. package/page/docs-layout/DocsLayout.d.ts +83 -0
  410. package/page/docs-layout/DocsLayout.d.ts.map +1 -0
  411. package/page/docs-layout/DocsLayout.js +108 -0
  412. package/page/docs-layout/DocsLayout.js.map +1 -0
  413. package/page/docs-layout/docs-layout.module.css +266 -0
  414. package/page/docs-layout/index.d.ts +2 -0
  415. package/page/docs-layout/index.d.ts.map +1 -0
  416. package/page/docs-layout/index.js +2 -0
  417. package/page/docs-layout/index.js.map +1 -0
  418. package/page/footer/Footer.d.ts +1 -1
  419. package/page/footer/Footer.js +1 -1
  420. package/page/footer/footer.module.css +31 -31
  421. package/page/hero/Hero.d.ts +3 -3
  422. package/page/hero/Hero.d.ts.map +1 -1
  423. package/page/hero/Hero.js +1 -1
  424. package/page/hero/hero.module.css +36 -36
  425. package/page/marquee/Marquee.d.ts +2 -2
  426. package/page/marquee/Marquee.js +1 -1
  427. package/page/marquee/marquee.module.css +11 -11
  428. package/page/newsletter/Newsletter.d.ts.map +1 -1
  429. package/page/newsletter/Newsletter.js +4 -59
  430. package/page/newsletter/Newsletter.js.map +1 -1
  431. package/page/newsletter/newsletter.module.css +44 -22
  432. package/page/section-bar/SectionBar.d.ts +10 -3
  433. package/page/section-bar/SectionBar.d.ts.map +1 -1
  434. package/page/section-bar/SectionBar.js +21 -11
  435. package/page/section-bar/SectionBar.js.map +1 -1
  436. package/page/section-bar/section-bar.module.css +43 -46
  437. package/page/section-divider/SectionDivider.d.ts +2 -2
  438. package/page/section-divider/SectionDivider.js +4 -4
  439. package/page/section-divider/SectionDivider.js.map +1 -1
  440. package/page/section-divider/section-divider.module.css +18 -18
  441. package/page/section-header/SectionHeader.d.ts +7 -7
  442. package/page/section-header/SectionHeader.d.ts.map +1 -1
  443. package/page/section-header/SectionHeader.js +3 -3
  444. package/page/section-header/SectionHeader.js.map +1 -1
  445. package/page/section-header/section-header.module.css +16 -16
  446. package/utils/Ornament.d.ts +1 -1
  447. package/utils/Ornament.js +2 -2
  448. package/utils/assignRef.d.ts +7 -1
  449. package/utils/assignRef.d.ts.map +1 -1
  450. package/utils/assignRef.js +18 -0
  451. package/utils/assignRef.js.map +1 -1
  452. package/utils/docs/DemoTitle.d.ts +12 -0
  453. package/utils/docs/DemoTitle.d.ts.map +1 -0
  454. package/utils/docs/DemoTitle.js +11 -0
  455. package/utils/docs/DemoTitle.js.map +1 -0
  456. package/utils/docs/Pre.d.ts +39 -0
  457. package/utils/docs/Pre.d.ts.map +1 -0
  458. package/utils/docs/Pre.js +26 -0
  459. package/utils/docs/Pre.js.map +1 -0
  460. package/utils/docs/createDemo.d.ts +89 -0
  461. package/utils/docs/createDemo.d.ts.map +1 -0
  462. package/utils/docs/createDemo.js +51 -0
  463. package/utils/docs/createDemo.js.map +1 -0
  464. package/utils/docs/createMdxComponents.d.ts +52 -0
  465. package/utils/docs/createMdxComponents.d.ts.map +1 -0
  466. package/utils/docs/createMdxComponents.js +59 -0
  467. package/utils/docs/createMdxComponents.js.map +1 -0
  468. package/utils/docs/createTypes.d.ts +23 -0
  469. package/utils/docs/createTypes.d.ts.map +1 -0
  470. package/utils/docs/createTypes.js +27 -0
  471. package/utils/docs/createTypes.js.map +1 -0
  472. package/utils/docs/index.d.ts +8 -0
  473. package/utils/docs/index.d.ts.map +1 -0
  474. package/utils/docs/index.js +16 -0
  475. package/utils/docs/index.js.map +1 -0
  476. package/utils/docs/mdx.module.css +201 -0
  477. package/utils/docs/serverSourceEnhancers.d.ts +26 -0
  478. package/utils/docs/serverSourceEnhancers.d.ts.map +1 -0
  479. package/utils/docs/serverSourceEnhancers.js +32 -0
  480. package/utils/docs/serverSourceEnhancers.js.map +1 -0
  481. package/utils/docs/toSidebarItems.d.ts +23 -0
  482. package/utils/docs/toSidebarItems.d.ts.map +1 -0
  483. package/utils/docs/toSidebarItems.js +36 -0
  484. package/utils/docs/toSidebarItems.js.map +1 -0
  485. package/utils/font-fallbacks.css +176 -0
  486. package/utils/fonts.d.ts +1 -0
  487. package/utils/fonts.d.ts.map +1 -1
  488. package/utils/fonts.js +12 -0
  489. package/utils/fonts.js.map +1 -1
  490. package/utils/frame.d.ts +4 -0
  491. package/utils/frame.d.ts.map +1 -0
  492. package/utils/frame.js +11 -0
  493. package/utils/frame.js.map +1 -0
  494. package/utils/global.css +480 -266
  495. package/utils/line.module.css +17 -17
  496. package/utils/media.css +1 -1
  497. package/utils/ornament.module.css +19 -19
  498. package/utils/overlay.d.ts +4 -4
  499. package/utils/overlay.js +4 -4
  500. package/utils/pattern.module.css +45 -45
  501. package/utils/print.css +48 -34
  502. package/utils/reset.css +9 -2
  503. package/utils/roles.css +29 -29
  504. package/utils/seriesPatterns.js +3 -3
  505. package/utils/syntax.module.css +92 -0
  506. package/utils/theme.css +6 -6
  507. package/utils/tokens.css +262 -192
  508. package/utils/tokens.d.ts +51 -8
  509. package/utils/tokens.d.ts.map +1 -1
  510. package/utils/tokens.js +46 -9
  511. package/utils/tokens.js.map +1 -1
  512. package/utils/type.module.css +87 -87
  513. package/utils/useReleaseMark.d.ts +13 -0
  514. package/utils/useReleaseMark.d.ts.map +1 -0
  515. package/utils/useReleaseMark.js +44 -0
  516. package/utils/useReleaseMark.js.map +1 -0
  517. package/utils/view-transitions.css +122 -0
@@ -7,7 +7,7 @@
7
7
  * links, address and colophon --primary12; legal text --role-muted over a
8
8
  * --role-rule rule; every rule that bounds or separates --role-rule (dark
9
9
  * --slate9 on night) [D173]; newsletter column rule --role-rule; sign-off
10
- * --role-tint; hover --role-link-hover [D181]; current: the --ds-stroke-3
10
+ * --role-tint; hover --role-link-hover [D181]; current: the --border-size-2-25
11
11
  * start-edge bar in --primary12. Colors are role variables only; local
12
12
  * custom properties carry dimensions only.
13
13
  */
@@ -51,23 +51,23 @@
51
51
  }
52
52
 
53
53
  @layer base {
54
- /* The band: top --ds-space-56 (--size-px-10 from --lg-n-above), bottom --ds-space-40. */
54
+ /* The band: top --size-px-8-5 (--size-px-10 from --lg-n-above), bottom --size-px-7-5. */
55
55
  .base {
56
56
  display: block;
57
57
  /* As a grid or flex item, the band takes its track's width, never its content's min-content. */
58
58
  min-inline-size: 0;
59
- padding-block: var(--ds-space-56) var(--ds-space-40);
59
+ padding-block: var(--size-px-8-5) var(--size-px-7-5);
60
60
  color: var(--primary12);
61
61
  }
62
62
 
63
- /* The frame container: --ds-container-content inside the page margins. */
63
+ /* The frame container: --fgd-container-content inside the page margins. */
64
64
  .container {
65
65
  box-sizing: content-box;
66
66
  display: grid;
67
67
  gap: var(--size-px-7);
68
- max-inline-size: var(--ds-container-content);
68
+ max-inline-size: var(--fgd-container-content);
69
69
  margin-inline: auto;
70
- padding-inline: var(--ds-space-margin);
70
+ padding-inline: var(--fgd-space-margin);
71
71
  }
72
72
 
73
73
  /* Action blocks: the container `footer-blocks`; blocks → sitemap --size-px-10. */
@@ -75,11 +75,11 @@
75
75
  container: footer-blocks / inline-size;
76
76
  display: grid;
77
77
  grid-template-columns: minmax(0, 1fr);
78
- gap: var(--ds-space-56) var(--ds-space-margin);
78
+ gap: var(--size-px-8-5) var(--fgd-space-margin);
79
79
  margin-block-end: calc(var(--size-px-10) - var(--size-px-7));
80
80
  }
81
81
 
82
- /* Icon → heading --size-px-3; heading → body --size-px-7; body → action --size-px-7 (LTA). */
82
+ /* Icon → heading --size-px-3; heading → body --size-px-7; body → action --size-px-7. */
83
83
  .block {
84
84
  display: flex;
85
85
  flex-direction: column;
@@ -95,8 +95,8 @@
95
95
 
96
96
  .blockIcon > :where(svg) {
97
97
  display: block;
98
- inline-size: var(--ds-size-icon-block);
99
- block-size: var(--ds-size-icon-block);
98
+ inline-size: var(--fgd-size-icon-block);
99
+ block-size: var(--fgd-size-icon-block);
100
100
  }
101
101
 
102
102
  .blockHeading {
@@ -122,7 +122,7 @@
122
122
  .main {
123
123
  display: grid;
124
124
  grid-template-columns: minmax(0, 1fr);
125
- gap: var(--size-px-7) var(--ds-space-margin);
125
+ gap: var(--size-px-7) var(--fgd-space-margin);
126
126
  min-inline-size: 0;
127
127
  }
128
128
 
@@ -150,18 +150,18 @@
150
150
  color: var(--primary12);
151
151
  text-decoration-line: underline;
152
152
  text-decoration-color: var(--role-accent);
153
- text-decoration-thickness: var(--ds-stroke-1-5);
153
+ text-decoration-thickness: var(--border-size-1-5);
154
154
  text-underline-offset: 0.15em;
155
155
  text-decoration-skip-ink: none;
156
156
  }
157
157
 
158
- /* Social: outline icons at the tag tier (20 px) or text, each in a --ds-size-hit target. */
158
+ /* Social: outline icons at the tag tier (20 px) or text, each in a --fgd-size-hit target. */
159
159
  .social {
160
160
  display: flex;
161
161
  flex-wrap: wrap;
162
162
  gap: 0 var(--size-px-2);
163
163
  margin: 0;
164
- margin-inline-start: calc((var(--ds-size-hit) - var(--size-px-4)) / -2);
164
+ margin-inline-start: calc((var(--fgd-size-hit) - var(--size-px-4)) / -2);
165
165
  padding: 0;
166
166
  list-style: none;
167
167
  }
@@ -170,8 +170,8 @@
170
170
  display: inline-flex;
171
171
  align-items: center;
172
172
  justify-content: center;
173
- min-inline-size: var(--ds-size-hit);
174
- min-block-size: var(--ds-size-hit);
173
+ min-inline-size: var(--fgd-size-hit);
174
+ min-block-size: var(--fgd-size-hit);
175
175
  border-radius: var(--radius-1);
176
176
  color: var(--primary12);
177
177
  text-decoration-line: none;
@@ -197,7 +197,7 @@
197
197
  .groups {
198
198
  display: grid;
199
199
  grid-template-columns: minmax(0, 1fr);
200
- gap: var(--size-px-7) var(--ds-space-margin);
200
+ gap: var(--size-px-7) var(--fgd-space-margin);
201
201
  }
202
202
 
203
203
  .group {
@@ -211,7 +211,7 @@
211
211
 
212
212
  /* The group head link: a Link list link (`kind="nav"` with `list`), which owns its ink and states [D181]. */
213
213
  .groupLink {
214
- gap: var(--ds-space-12);
214
+ gap: var(--size-px-2-5);
215
215
  }
216
216
 
217
217
  /* The group chevron: chevron_right, inline tier, --role-accent on every ground (§9.1). */
@@ -227,7 +227,7 @@
227
227
 
228
228
  /*
229
229
  * Sitemap links: type-body-ui, no rest underline. They are Link list
230
- * links (`kind="nav"` with `list`): Link sets the --ds-size-hit row, so
230
+ * links (`kind="nav"` with `list`): Link sets the --fgd-size-hit row, so
231
231
  * every link meets the hit minimum (navigation, not prose), the ink, the
232
232
  * external mark and the states [D43, D80, D181].
233
233
  */
@@ -235,9 +235,9 @@
235
235
  box-sizing: border-box;
236
236
  }
237
237
 
238
- /* The section's own link heads its list at base (the Accordion), › after a --ds-space-12 gap. */
238
+ /* The section's own link heads its list at base (the Accordion), › after a --size-px-2-5 gap. */
239
239
  .link .chevron {
240
- margin-inline-start: var(--ds-space-12);
240
+ margin-inline-start: var(--size-px-2-5);
241
241
  }
242
242
 
243
243
  /* The newsletter column: behind its rule; the rule is horizontal while the column stacks. */
@@ -313,12 +313,12 @@
313
313
  display: none;
314
314
  }
315
315
 
316
- /* Link animates its own list and legal links. */
316
+ /* Link animates its own list and legal links. Colors fade; the underline's weight steps [D205]. */
317
317
  @media (prefers-reduced-motion: no-preference) {
318
318
  .socialLink,
319
319
  .contactLink {
320
- transition-property: color, text-decoration-color, text-decoration-thickness;
321
- transition-duration: var(--ds-duration-quick);
320
+ transition-property: color, text-decoration-color;
321
+ transition-duration: var(--fgd-duration-quick);
322
322
  transition-timing-function: var(--ease-out-3);
323
323
  }
324
324
  }
@@ -379,7 +379,7 @@
379
379
  .newsletterColumn .columnRule {
380
380
  position: absolute;
381
381
  inset-block: 0;
382
- inset-inline-start: calc(var(--ds-space-margin) / -2);
382
+ inset-inline-start: calc(var(--fgd-space-margin) / -2);
383
383
  margin: 0;
384
384
  border-block-start: 0;
385
385
  border-inline-start: var(--border-size-1) solid var(--role-rule);
@@ -468,13 +468,13 @@
468
468
  */
469
469
  .wordmark {
470
470
  box-sizing: content-box;
471
- max-inline-size: var(--ds-container-content);
471
+ max-inline-size: var(--fgd-container-content);
472
472
  block-size: 0.75em;
473
473
  margin: var(--size-px-7) auto 0;
474
- padding-inline: var(--ds-space-margin);
474
+ padding-inline: var(--fgd-space-margin);
475
475
  overflow: clip;
476
476
  color: var(--role-tint);
477
- font-size: calc(var(--ds-font-size-display-xl) * 3);
477
+ font-size: calc(var(--fgd-font-size-display-xl) * 3);
478
478
  line-height: 1;
479
479
  white-space: nowrap;
480
480
  user-select: none;
@@ -607,7 +607,7 @@
607
607
  }
608
608
 
609
609
  /*
610
- * Current page: a --ds-stroke-3 --primary12 start-edge bar and weight 700,
610
+ * Current page: a --border-size-2-25 --primary12 start-edge bar and weight 700,
611
611
  * hanging in the gutter, in place of Link's current underline [D15]. The
612
612
  * list parent raises these over Link's `nav` current rule.
613
613
  */
@@ -615,9 +615,9 @@
615
615
  .linkLine .link[aria-current='page'],
616
616
  .cells .cell[aria-current='page'],
617
617
  .legalLinks .legalLink[aria-current='page'] {
618
- margin-inline-start: calc(-1 * (var(--ds-stroke-3) + var(--size-px-2)));
618
+ margin-inline-start: calc(-1 * (var(--border-size-2-25) + var(--size-px-2)));
619
619
  padding-inline-start: var(--size-px-2);
620
- border-inline-start: var(--ds-stroke-3) solid var(--primary12);
620
+ border-inline-start: var(--border-size-2-25) solid var(--primary12);
621
621
  color: var(--primary12);
622
622
  font-weight: var(--font-weight-7);
623
623
  text-decoration-line: none;
@@ -29,7 +29,7 @@ export type HeroEntries = readonly [] | readonly [HeroEntry] | readonly [HeroEnt
29
29
  export interface HeroRail {
30
30
  /** Where the rail goes, usually an in-page anchor. */
31
31
  href: string;
32
- /** The label, e.g. "Explore the land". */
32
+ /** The label, e.g. "Explore the garden". */
33
33
  label: React.ReactNode;
34
34
  /** An optional compass: an icon-only §9.2 Button that scrolls with the hero, never a fixed launcher. */
35
35
  compass?: React.ReactNode;
@@ -44,7 +44,7 @@ type HeroCommonProps = Omit<React.ComponentPropsWithRef<'header'>, 'title' | 'ch
44
44
  landing?: boolean;
45
45
  /**
46
46
  * A transactional hero: the actions carry the page's single
47
- * `--ds-size-control-xl` pill (pass `size="xl"` to its Button). Default `false`.
47
+ * `--fgd-size-control-xl` pill (pass `size="xl"` to its Button). Default `false`.
48
48
  */
49
49
  transactional?: boolean;
50
50
  /** Primary Radix scale for the hero's scope. Never defaulted; omitted, the preset's default [D133]. */
@@ -138,7 +138,7 @@ type HeroIllustratedProps = {
138
138
  kind: 'illustrated';
139
139
  preset?: PageGroundPreset;
140
140
  edge?: never;
141
- /** The sticker drawing with its halo: `--ds-size-art-s` at base, `--ds-size-art-l` from `--lg-n-above`. */
141
+ /** The sticker drawing with its halo: `--fgd-size-art-s` at base, `--fgd-size-art-l` from `--lg-n-above`. */
142
142
  drawing?: React.ReactNode;
143
143
  /** A campaign hero: the lockup and drawing sit in the page's one `leaf` or `amber` field [D177]. */
144
144
  field?: 'leaf' | 'amber';
@@ -1 +1 @@
1
- {"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/page/hero/Hero.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/page/hero/Hero.tsx"],"names":[],"mappings":"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"}
package/page/hero/Hero.js CHANGED
@@ -20,7 +20,7 @@ import styles from './hero.module.css';
20
20
  * classes (variants A–D); `stacked` → `stacked` ("C, stacked"; split
21
21
  * only, excluded in the types for the other kinds); `landing` →
22
22
  * `landing` (allows `type-display-xl`); `transactional` → `transactional`
23
- * (the `--ds-size-control-xl` pill row); `primary`, `secondary` → the
23
+ * (the `--fgd-size-control-xl` pill row); `primary`, `secondary` → the
24
24
  * scales module classes, which the hero's Ground scope writes.
25
25
  * - Compound variants: none.
26
26
  * - Defaults: kind editorial, stacked false, landing false, transactional
@@ -60,13 +60,13 @@
60
60
  /* The band: set by content, never 100vh; the rail is pinned to its corner. */
61
61
  .base {
62
62
  position: relative;
63
- padding-block: var(--ds-space-40) var(--ds-space-56);
63
+ padding-block: var(--size-px-7-5) var(--size-px-8-5);
64
64
  }
65
65
 
66
66
  .container {
67
- --hero-span: calc((100% - 11 * var(--ds-space-margin)) * 8 / 12 + 7 * var(--ds-space-margin));
67
+ --hero-span: calc((100% - 11 * var(--fgd-space-margin)) * 8 / 12 + 7 * var(--fgd-space-margin));
68
68
 
69
- inline-size: min(100% - 2 * var(--ds-space-margin), var(--ds-container-content));
69
+ inline-size: min(100% - 2 * var(--fgd-space-margin), var(--fgd-container-content));
70
70
  margin-inline: auto;
71
71
  }
72
72
 
@@ -100,18 +100,18 @@
100
100
  }
101
101
 
102
102
  .lede {
103
- max-inline-size: var(--ds-measure-reading);
103
+ max-inline-size: var(--fgd-measure-reading);
104
104
  margin: var(--size-px-7) 0 0;
105
105
  color: var(--primary12);
106
106
  text-box: trim-both cap alphabetic;
107
107
  }
108
108
 
109
- /* Primary first, the outline twin beside it at equal height, a --ds-space-12 gap. */
109
+ /* Primary first, the outline twin beside it at equal height, a --size-px-2-5 gap. */
110
110
  .actions {
111
111
  display: flex;
112
112
  flex-wrap: wrap;
113
113
  align-items: center;
114
- gap: var(--ds-space-12);
114
+ gap: var(--size-px-2-5);
115
115
  margin-block-start: var(--size-px-5);
116
116
  }
117
117
 
@@ -121,13 +121,13 @@
121
121
  z-index: var(--layer-1);
122
122
  min-inline-size: 0;
123
123
  margin-block: 0;
124
- margin-inline: max(0px, calc(var(--size-px-5) - var(--ds-space-margin)));
124
+ margin-inline: max(0px, calc(var(--size-px-5) - var(--fgd-space-margin)));
125
125
  }
126
126
 
127
127
  .photo {
128
128
  position: relative;
129
- aspect-ratio: var(--ds-ratio-photo);
130
- border-radius: var(--ds-radius-conditional-8);
129
+ aspect-ratio: var(--ratio-photo);
130
+ border-radius: var(--radius-conditional-2-25);
131
131
  overflow: hidden;
132
132
  overflow: clip;
133
133
  }
@@ -149,7 +149,7 @@
149
149
 
150
150
  /* Sticker drawing: fixed art steps, never fluid [D78]. */
151
151
  .drawing {
152
- inline-size: var(--ds-size-art-s);
152
+ inline-size: var(--fgd-size-art-s);
153
153
  min-inline-size: 0;
154
154
  }
155
155
 
@@ -180,7 +180,7 @@
180
180
  padding: var(--size-px-5);
181
181
  border-color: var(--primary12);
182
182
  outline-color: var(--primary12);
183
- border-radius: var(--ds-radius-none);
183
+ border-radius: var(--radius-0);
184
184
  background-color: var(--role-ground);
185
185
  }
186
186
 
@@ -271,7 +271,7 @@
271
271
  display: none;
272
272
  position: absolute;
273
273
  inset-block-start: calc(-1 * var(--size-px-3));
274
- inset-inline-end: calc((var(--size-px-9) - var(--ds-space-40)) / 2);
274
+ inset-inline-end: calc((var(--size-px-9) - var(--size-px-7-5)) / 2);
275
275
  z-index: var(--layer-1);
276
276
  overflow: visible;
277
277
  color: var(--role-accent);
@@ -282,7 +282,7 @@
282
282
 
283
283
  .trailMarker {
284
284
  fill: none;
285
- stroke-width: var(--ds-stroke-1-5);
285
+ stroke-width: var(--border-size-1-5);
286
286
  stroke-dasharray: none;
287
287
  stroke-linecap: round;
288
288
  stroke-linejoin: round;
@@ -326,11 +326,11 @@
326
326
  }
327
327
 
328
328
  .layout {
329
- row-gap: var(--ds-space-40);
329
+ row-gap: var(--size-px-7-5);
330
330
  }
331
331
 
332
332
  .lede {
333
- margin-block-start: var(--ds-space-40);
333
+ margin-block-start: var(--size-px-7-5);
334
334
  }
335
335
 
336
336
  .frame {
@@ -349,8 +349,8 @@
349
349
  position: relative;
350
350
  z-index: var(--layer-1);
351
351
  grid-template-columns: repeat(3, minmax(0, 1fr));
352
- column-gap: var(--ds-space-margin);
353
- margin-block-start: calc(-1 * var(--ds-space-40));
352
+ column-gap: var(--fgd-space-margin);
353
+ margin-block-start: calc(-1 * var(--size-px-7-5));
354
354
  }
355
355
 
356
356
  .trail {
@@ -416,9 +416,9 @@
416
416
  .rail .railLabel {
417
417
  writing-mode: vertical-rl;
418
418
  rotate: 180deg;
419
- font-family: var(--ds-font-display);
420
- font-variation-settings: var(--ds-font-display-settings);
421
- font-size: var(--ds-font-size-kicker);
419
+ font-family: var(--fgd-font-display);
420
+ font-variation-settings: var(--fgd-font-display-settings);
421
+ font-size: var(--fgd-font-size-kicker);
422
422
  font-weight: var(--font-weight-7);
423
423
  line-height: var(--font-lineheight-0);
424
424
  }
@@ -429,7 +429,7 @@
429
429
  font-weight: var(--font-weight-6);
430
430
  }
431
431
 
432
- /* A as the media hero: with its photo figure the text centres (Audubon). */
432
+ /* A as the media hero: with its photo figure the text centres. */
433
433
  .mediaHero .content {
434
434
  text-align: center;
435
435
  }
@@ -478,8 +478,8 @@
478
478
  /* The photo's media button sits in a night face at the corner; the face paints nothing. */
479
479
  .iconButton {
480
480
  position: absolute;
481
- inset-block-end: var(--ds-space-12);
482
- inset-inline-end: var(--ds-space-12);
481
+ inset-block-end: var(--size-px-2-5);
482
+ inset-inline-end: var(--size-px-2-5);
483
483
  display: flex;
484
484
  background: none;
485
485
  }
@@ -491,7 +491,7 @@
491
491
  margin-inline: var(--size-px-5);
492
492
  padding: var(--size-px-5);
493
493
  border: var(--border-size-1) solid var(--role-edge);
494
- border-radius: var(--ds-radius-conditional-20);
494
+ border-radius: var(--radius-conditional-3-25);
495
495
  }
496
496
 
497
497
  /* The exit seam's own rules: no pull through a padding it does not have. */
@@ -508,7 +508,7 @@
508
508
 
509
509
  /* Below --lg-n-above the entry cards open the next band with its section space. */
510
510
  .seamEntries {
511
- padding-block-start: var(--ds-space-section);
511
+ padding-block-start: var(--fgd-space-section);
512
512
  }
513
513
 
514
514
  /* The night hero ending on a hill or fringe keeps ≥ --size-px-10 of empty ground above it. */
@@ -523,8 +523,8 @@
523
523
 
524
524
  /* Landing pages may take type-display-xl. */
525
525
  .landing .title {
526
- font-size: var(--ds-font-size-display-xl);
527
- line-height: var(--ds-leading-display);
526
+ font-size: var(--fgd-font-size-display-xl);
527
+ line-height: var(--fgd-leading-display);
528
528
  }
529
529
 
530
530
  /* A: the reading span, columns 3–10, centred. */
@@ -537,7 +537,7 @@
537
537
  /* B: text in 7 columns, the drawing L in 5. */
538
538
  .illustrated .layout {
539
539
  grid-template-columns: repeat(12, minmax(0, 1fr));
540
- column-gap: var(--ds-space-margin);
540
+ column-gap: var(--fgd-space-margin);
541
541
  align-items: center;
542
542
  justify-items: start;
543
543
  text-align: start;
@@ -552,7 +552,7 @@
552
552
  grid-row: 1;
553
553
  grid-column: 8 / span 5;
554
554
  justify-self: center;
555
- inline-size: var(--ds-size-art-l);
555
+ inline-size: var(--fgd-size-art-l);
556
556
  }
557
557
 
558
558
  .illustrated .title,
@@ -571,7 +571,7 @@
571
571
  /* C: text in 5 columns beside the photo in 7, top-aligned, to the container edge. */
572
572
  .split .layout {
573
573
  grid-template-columns: repeat(12, minmax(0, 1fr));
574
- column-gap: var(--ds-space-margin);
574
+ column-gap: var(--fgd-space-margin);
575
575
  }
576
576
 
577
577
  .split .content {
@@ -630,14 +630,14 @@
630
630
  display: block;
631
631
  }
632
632
 
633
- /* The entry cards cross the edge by --ds-space-40; the band below gives the clearance. */
633
+ /* The entry cards cross the edge by --size-px-7-5; the band below gives the clearance. */
634
634
  .seamEntries {
635
635
  padding-block-start: 0;
636
636
  }
637
637
  }
638
638
 
639
639
  .transactional .actions {
640
- min-block-size: var(--ds-size-control-xl);
640
+ min-block-size: var(--fgd-size-control-xl);
641
641
  }
642
642
  }
643
643
 
@@ -645,11 +645,11 @@
645
645
  @media print {
646
646
  /* The masthead title: h1 at 22 pt, lede at 12 pt (the print remap); a rule closes it. */
647
647
  .base {
648
- padding-block: 0 var(--ds-space-section);
648
+ padding-block: 0 var(--fgd-space-section);
649
649
  }
650
650
 
651
651
  .landing .title {
652
- font-size: var(--ds-font-size-display);
652
+ font-size: var(--fgd-font-size-display);
653
653
  }
654
654
 
655
655
  .layout,
@@ -688,7 +688,7 @@
688
688
  max-inline-size: 100%;
689
689
  aspect-ratio: auto;
690
690
  border: var(--border-size-1) solid var(--primary12);
691
- border-radius: var(--ds-radius-8);
691
+ border-radius: var(--radius-2-25);
692
692
  filter: grayscale(1);
693
693
  }
694
694
 
@@ -698,7 +698,7 @@
698
698
  inline-size: auto;
699
699
  max-inline-size: 100%;
700
700
  block-size: auto;
701
- max-block-size: var(--ds-print-hero-max);
701
+ max-block-size: var(--fgd-print-hero-max);
702
702
  object-fit: contain;
703
703
  }
704
704
 
@@ -19,8 +19,8 @@ interface MarqueeCommonProps extends Omit<React.ComponentPropsWithRef<'section'>
19
19
  */
20
20
  phrases: readonly string[];
21
21
  /**
22
- * An optional hanging drawing (an `aria-hidden` SVG at `--ds-size-art-l`,
23
- * `--ds-size-art-s` below `--md-n-above`): `--primary12` lines
22
+ * An optional hanging drawing (an `aria-hidden` SVG at `--fgd-size-art-l`,
23
+ * `--fgd-size-art-s` below `--md-n-above`): `--primary12` lines
24
24
  * (`currentColor`) and `--role-halo` fills. It tucks under the field's
25
25
  * bottom edge and hangs into the page ground below.
26
26
  */
@@ -33,7 +33,7 @@ import styles from './marquee.module.css';
33
33
  * within their rations) with its radius and its `--primary12` edge in
34
34
  * `--role-edge` [D177, D178].
35
35
  * - Container: none: a page-frame part. Place it full width in its band;
36
- * it sets its own `--ds-container-content` container, and any responsive
36
+ * it sets its own `--fgd-container-content` container, and any responsive
37
37
  * change is a viewport rule [D163].
38
38
  */
39
39
  export const marquee = cva(styles.base, {
@@ -21,18 +21,18 @@
21
21
 
22
22
  @layer base {
23
23
  .base {
24
- --marquee-art: var(--ds-size-art-s);
24
+ --marquee-art: var(--fgd-size-art-s);
25
25
 
26
26
  display: block;
27
27
  color: var(--primary12);
28
28
  }
29
29
 
30
- /* The page-frame container: --ds-container-content inside the page margins. */
30
+ /* The page-frame container: --fgd-container-content inside the page margins. */
31
31
  .container {
32
32
  box-sizing: content-box;
33
- max-inline-size: var(--ds-container-content);
33
+ max-inline-size: var(--fgd-container-content);
34
34
  margin-inline: auto;
35
- padding-inline: var(--ds-space-margin);
35
+ padding-inline: var(--fgd-space-margin);
36
36
  }
37
37
 
38
38
  /* The run: --size-px-8 minimum, never clipped. */
@@ -50,26 +50,26 @@
50
50
  overflow-wrap: break-word;
51
51
  }
52
52
 
53
- /* The separator: a solid --ds-ornament-dot disc on the cap-height center, a word space each side. */
53
+ /* The separator: a solid --fgd-ornament-dot disc on the cap-height center, a word space each side. */
54
54
  .dot {
55
55
  display: inline-block;
56
- inline-size: var(--ds-ornament-dot);
57
- block-size: var(--ds-ornament-dot);
56
+ inline-size: var(--fgd-ornament-dot);
57
+ block-size: var(--fgd-ornament-dot);
58
58
  fill: currentColor;
59
- vertical-align: calc(0.35em - var(--ds-ornament-dot) / 2);
59
+ vertical-align: calc(0.35em - var(--fgd-ornament-dot) / 2);
60
60
  }
61
61
 
62
62
  /* The drawing size steps between fixed art sizes, never fluid [D78]. */
63
63
  @media (min-width: 768px) {
64
64
  .base {
65
- --marquee-art: var(--ds-size-art-l);
65
+ --marquee-art: var(--fgd-size-art-l);
66
66
  }
67
67
  }
68
68
  }
69
69
 
70
70
  @layer variants {
71
71
  /*
72
- * The full-container field: Ground draws the ground, the --ds-radius-8 and
72
+ * The full-container field: Ground draws the ground, the --radius-2-25 and
73
73
  * the --primary12 edge; the run sets the height, so the field adds only
74
74
  * inline padding. It stays above a hanging drawing.
75
75
  */
@@ -132,7 +132,7 @@
132
132
  .fielded .field {
133
133
  padding: 0;
134
134
  border: 0;
135
- border-radius: var(--ds-radius-none);
135
+ border-radius: var(--radius-0);
136
136
  }
137
137
 
138
138
  .run {
@@ -1 +1 @@
1
- {"version":3,"file":"Newsletter.d.ts","sourceRoot":"","sources":["../../src/page/newsletter/Newsletter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AA2DjE,eAAO,MAAM,UAAU;;;;;;8EAuBrB,CAAA;AAEF,qFAAqF;AACrF,eAAO,MAAM,gBAAgB;;8EAO3B,CAAA;AAEF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAA;AAEzD,kDAAkD;AAClD,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;AAE/F,mCAAmC;AACnC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,uEAAuE;AACvE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAA;AAElD,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE7B,UAAU,qBAAsB,SAAQ,IAAI,CAC1C,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,EACnC,UAAU,GAAG,UAAU,CACxB;IACC;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,sCAAsC;IACtC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC3B,yDAAyD;IACzD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,kDAAkD;IAClD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,yDAAyD;IACzD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,sDAAsD;IACtD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,QAAQ,CAAC,kBAAkB,KAAK,IAAI,CAAA;IACtF;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB,sFAAsF;IACtF,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IACvC,0FAA0F;IAC1F,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;CAC5C;AAED,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,UAAU,uBAAwB,SAAQ,qBAAqB;IAC7D,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,UAAU,mBAAoB,SAAQ,qBAAqB;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,4FAA4F;IAC5F,KAAK,CAAC,EAAE,mBAAmB,CAAA;CAC5B;AAED,UAAU,oBAAqB,SAAQ,qBAAqB;IAC1D,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACzB,qBAAqB,GAAG,uBAAuB,GAAG,mBAAmB,GAAG,oBAAoB,CAAA;AAqD9F;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,0EAiPhD"}
1
+ {"version":3,"file":"Newsletter.d.ts","sourceRoot":"","sources":["../../src/page/newsletter/Newsletter.tsx"],"names":[],"mappings":"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"}