@fairgarden/design 0.1.0-0.canary.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (893) hide show
  1. package/LICENSE +21 -0
  2. package/Readme.md +88 -0
  3. package/actions/button/Button.d.ts +107 -0
  4. package/actions/button/Button.d.ts.map +1 -0
  5. package/actions/button/Button.js +136 -0
  6. package/actions/button/Button.js.map +1 -0
  7. package/actions/button/button.module.css +434 -0
  8. package/actions/button/index.d.ts +2 -0
  9. package/actions/button/index.d.ts.map +1 -0
  10. package/actions/button/index.js +2 -0
  11. package/actions/button/index.js.map +1 -0
  12. package/actions/chip/Chip.d.ts +58 -0
  13. package/actions/chip/Chip.d.ts.map +1 -0
  14. package/actions/chip/Chip.js +94 -0
  15. package/actions/chip/Chip.js.map +1 -0
  16. package/actions/chip/chip.module.css +171 -0
  17. package/actions/chip/index.d.ts +2 -0
  18. package/actions/chip/index.d.ts.map +1 -0
  19. package/actions/chip/index.js +2 -0
  20. package/actions/chip/index.js.map +1 -0
  21. package/actions/link/Link.d.ts +86 -0
  22. package/actions/link/Link.d.ts.map +1 -0
  23. package/actions/link/Link.js +140 -0
  24. package/actions/link/Link.js.map +1 -0
  25. package/actions/link/index.d.ts +2 -0
  26. package/actions/link/index.d.ts.map +1 -0
  27. package/actions/link/index.js +2 -0
  28. package/actions/link/index.js.map +1 -0
  29. package/actions/link/link.module.css +330 -0
  30. package/actions/toggle/Toggle.d.ts +78 -0
  31. package/actions/toggle/Toggle.d.ts.map +1 -0
  32. package/actions/toggle/Toggle.js +101 -0
  33. package/actions/toggle/Toggle.js.map +1 -0
  34. package/actions/toggle/index.d.ts +2 -0
  35. package/actions/toggle/index.d.ts.map +1 -0
  36. package/actions/toggle/index.js +2 -0
  37. package/actions/toggle/index.js.map +1 -0
  38. package/actions/toggle/toggle.module.css +281 -0
  39. package/actions/toggle-group/ToggleGroup.d.ts +43 -0
  40. package/actions/toggle-group/ToggleGroup.d.ts.map +1 -0
  41. package/actions/toggle-group/ToggleGroup.js +85 -0
  42. package/actions/toggle-group/ToggleGroup.js.map +1 -0
  43. package/actions/toggle-group/index.d.ts +2 -0
  44. package/actions/toggle-group/index.d.ts.map +1 -0
  45. package/actions/toggle-group/index.js +2 -0
  46. package/actions/toggle-group/index.js.map +1 -0
  47. package/actions/toggle-group/toggle-group.module.css +139 -0
  48. package/content/card/Card.d.ts +137 -0
  49. package/content/card/Card.d.ts.map +1 -0
  50. package/content/card/Card.js +239 -0
  51. package/content/card/Card.js.map +1 -0
  52. package/content/card/card.module.css +479 -0
  53. package/content/card/index.d.ts +2 -0
  54. package/content/card/index.d.ts.map +1 -0
  55. package/content/card/index.js +2 -0
  56. package/content/card/index.js.map +1 -0
  57. package/content/card-grid/CardGrid.d.ts +99 -0
  58. package/content/card-grid/CardGrid.d.ts.map +1 -0
  59. package/content/card-grid/CardGrid.js +176 -0
  60. package/content/card-grid/CardGrid.js.map +1 -0
  61. package/content/card-grid/card-grid.module.css +187 -0
  62. package/content/card-grid/index.d.ts +2 -0
  63. package/content/card-grid/index.d.ts.map +1 -0
  64. package/content/card-grid/index.js +2 -0
  65. package/content/card-grid/index.js.map +1 -0
  66. package/content/carousel/Carousel.d.ts +99 -0
  67. package/content/carousel/Carousel.d.ts.map +1 -0
  68. package/content/carousel/Carousel.js +316 -0
  69. package/content/carousel/Carousel.js.map +1 -0
  70. package/content/carousel/carousel.module.css +257 -0
  71. package/content/carousel/index.d.ts +2 -0
  72. package/content/carousel/index.d.ts.map +1 -0
  73. package/content/carousel/index.js +2 -0
  74. package/content/carousel/index.js.map +1 -0
  75. package/content/empty-state/EmptyState.d.ts +88 -0
  76. package/content/empty-state/EmptyState.d.ts.map +1 -0
  77. package/content/empty-state/EmptyState.js +161 -0
  78. package/content/empty-state/EmptyState.js.map +1 -0
  79. package/content/empty-state/empty-state.module.css +244 -0
  80. package/content/empty-state/index.d.ts +2 -0
  81. package/content/empty-state/index.d.ts.map +1 -0
  82. package/content/empty-state/index.js +2 -0
  83. package/content/empty-state/index.js.map +1 -0
  84. package/content/feature-grid/FeatureGrid.d.ts +108 -0
  85. package/content/feature-grid/FeatureGrid.d.ts.map +1 -0
  86. package/content/feature-grid/FeatureGrid.js +218 -0
  87. package/content/feature-grid/FeatureGrid.js.map +1 -0
  88. package/content/feature-grid/feature-grid.module.css +358 -0
  89. package/content/feature-grid/index.d.ts +2 -0
  90. package/content/feature-grid/index.d.ts.map +1 -0
  91. package/content/feature-grid/index.js +2 -0
  92. package/content/feature-grid/index.js.map +1 -0
  93. package/content/index-rows/IndexRows.d.ts +134 -0
  94. package/content/index-rows/IndexRows.d.ts.map +1 -0
  95. package/content/index-rows/IndexRows.js +229 -0
  96. package/content/index-rows/IndexRows.js.map +1 -0
  97. package/content/index-rows/index-rows.module.css +460 -0
  98. package/content/index-rows/index.d.ts +2 -0
  99. package/content/index-rows/index.d.ts.map +1 -0
  100. package/content/index-rows/index.js +2 -0
  101. package/content/index-rows/index.js.map +1 -0
  102. package/content/pricing/Pricing.d.ts +190 -0
  103. package/content/pricing/Pricing.d.ts.map +1 -0
  104. package/content/pricing/Pricing.js +350 -0
  105. package/content/pricing/Pricing.js.map +1 -0
  106. package/content/pricing/index.d.ts +2 -0
  107. package/content/pricing/index.d.ts.map +1 -0
  108. package/content/pricing/index.js +2 -0
  109. package/content/pricing/index.js.map +1 -0
  110. package/content/pricing/pricing.module.css +493 -0
  111. package/content/profile/Profile.d.ts +120 -0
  112. package/content/profile/Profile.d.ts.map +1 -0
  113. package/content/profile/Profile.js +230 -0
  114. package/content/profile/Profile.js.map +1 -0
  115. package/content/profile/index.d.ts +2 -0
  116. package/content/profile/index.d.ts.map +1 -0
  117. package/content/profile/index.js +2 -0
  118. package/content/profile/index.js.map +1 -0
  119. package/content/profile/profile.module.css +272 -0
  120. package/content/quote/Quote.d.ts +99 -0
  121. package/content/quote/Quote.d.ts.map +1 -0
  122. package/content/quote/Quote.js +168 -0
  123. package/content/quote/Quote.js.map +1 -0
  124. package/content/quote/index.d.ts +2 -0
  125. package/content/quote/index.d.ts.map +1 -0
  126. package/content/quote/index.js +2 -0
  127. package/content/quote/index.js.map +1 -0
  128. package/content/quote/quote.module.css +184 -0
  129. package/content/timeline/Timeline.d.ts +164 -0
  130. package/content/timeline/Timeline.d.ts.map +1 -0
  131. package/content/timeline/Timeline.js +314 -0
  132. package/content/timeline/Timeline.js.map +1 -0
  133. package/content/timeline/index.d.ts +2 -0
  134. package/content/timeline/index.d.ts.map +1 -0
  135. package/content/timeline/index.js +2 -0
  136. package/content/timeline/index.js.map +1 -0
  137. package/content/timeline/timeline.module.css +428 -0
  138. package/data/chart/Chart.d.ts +135 -0
  139. package/data/chart/Chart.d.ts.map +1 -0
  140. package/data/chart/Chart.js +453 -0
  141. package/data/chart/Chart.js.map +1 -0
  142. package/data/chart/chart.module.css +376 -0
  143. package/data/chart/index.d.ts +2 -0
  144. package/data/chart/index.d.ts.map +1 -0
  145. package/data/chart/index.js +2 -0
  146. package/data/chart/index.js.map +1 -0
  147. package/data/figure/Figure.d.ts +72 -0
  148. package/data/figure/Figure.d.ts.map +1 -0
  149. package/data/figure/Figure.js +122 -0
  150. package/data/figure/Figure.js.map +1 -0
  151. package/data/figure/figure.module.css +162 -0
  152. package/data/figure/index.d.ts +2 -0
  153. package/data/figure/index.d.ts.map +1 -0
  154. package/data/figure/index.js +2 -0
  155. package/data/figure/index.js.map +1 -0
  156. package/data/map/Map.d.ts +192 -0
  157. package/data/map/Map.d.ts.map +1 -0
  158. package/data/map/Map.js +500 -0
  159. package/data/map/Map.js.map +1 -0
  160. package/data/map/MapCanvas.d.ts +29 -0
  161. package/data/map/MapCanvas.d.ts.map +1 -0
  162. package/data/map/MapCanvas.js +295 -0
  163. package/data/map/MapCanvas.js.map +1 -0
  164. package/data/map/index.d.ts +2 -0
  165. package/data/map/index.d.ts.map +1 -0
  166. package/data/map/index.js +2 -0
  167. package/data/map/index.js.map +1 -0
  168. package/data/map/map.module.css +501 -0
  169. package/data/map/mapStyle.d.ts +72 -0
  170. package/data/map/mapStyle.d.ts.map +1 -0
  171. package/data/map/mapStyle.js +441 -0
  172. package/data/map/mapStyle.js.map +1 -0
  173. package/data/map/types.d.ts +59 -0
  174. package/data/map/types.d.ts.map +1 -0
  175. package/data/map/types.js +2 -0
  176. package/data/map/types.js.map +1 -0
  177. package/data/scroll-area/ScrollArea.d.ts +67 -0
  178. package/data/scroll-area/ScrollArea.d.ts.map +1 -0
  179. package/data/scroll-area/ScrollArea.js +87 -0
  180. package/data/scroll-area/ScrollArea.js.map +1 -0
  181. package/data/scroll-area/index.d.ts +2 -0
  182. package/data/scroll-area/index.d.ts.map +1 -0
  183. package/data/scroll-area/index.js +2 -0
  184. package/data/scroll-area/index.js.map +1 -0
  185. package/data/scroll-area/scroll-area.module.css +247 -0
  186. package/data/spec-grid/SpecGrid.d.ts +49 -0
  187. package/data/spec-grid/SpecGrid.d.ts.map +1 -0
  188. package/data/spec-grid/SpecGrid.js +75 -0
  189. package/data/spec-grid/SpecGrid.js.map +1 -0
  190. package/data/spec-grid/index.d.ts +2 -0
  191. package/data/spec-grid/index.d.ts.map +1 -0
  192. package/data/spec-grid/index.js +2 -0
  193. package/data/spec-grid/index.js.map +1 -0
  194. package/data/spec-grid/spec-grid.module.css +142 -0
  195. package/data/spec-list/SpecList.d.ts +32 -0
  196. package/data/spec-list/SpecList.d.ts.map +1 -0
  197. package/data/spec-list/SpecList.js +51 -0
  198. package/data/spec-list/SpecList.js.map +1 -0
  199. package/data/spec-list/index.d.ts +2 -0
  200. package/data/spec-list/index.d.ts.map +1 -0
  201. package/data/spec-list/index.js +2 -0
  202. package/data/spec-list/index.js.map +1 -0
  203. package/data/spec-list/spec-list.module.css +95 -0
  204. package/data/spec-sheet/SpecSheet.d.ts +112 -0
  205. package/data/spec-sheet/SpecSheet.d.ts.map +1 -0
  206. package/data/spec-sheet/SpecSheet.js +128 -0
  207. package/data/spec-sheet/SpecSheet.js.map +1 -0
  208. package/data/spec-sheet/index.d.ts +2 -0
  209. package/data/spec-sheet/index.d.ts.map +1 -0
  210. package/data/spec-sheet/index.js +2 -0
  211. package/data/spec-sheet/index.js.map +1 -0
  212. package/data/spec-sheet/spec-sheet.module.css +278 -0
  213. package/data/stat/Stat.d.ts +74 -0
  214. package/data/stat/Stat.d.ts.map +1 -0
  215. package/data/stat/Stat.js +159 -0
  216. package/data/stat/Stat.js.map +1 -0
  217. package/data/stat/index.d.ts +2 -0
  218. package/data/stat/index.d.ts.map +1 -0
  219. package/data/stat/index.js +2 -0
  220. package/data/stat/index.js.map +1 -0
  221. package/data/stat/stat.module.css +299 -0
  222. package/data/table/Table.d.ts +164 -0
  223. package/data/table/Table.d.ts.map +1 -0
  224. package/data/table/Table.js +255 -0
  225. package/data/table/Table.js.map +1 -0
  226. package/data/table/index.d.ts +2 -0
  227. package/data/table/index.d.ts.map +1 -0
  228. package/data/table/index.js +2 -0
  229. package/data/table/index.js.map +1 -0
  230. package/data/table/table.module.css +759 -0
  231. package/disclosure/accordion/Accordion.d.ts +68 -0
  232. package/disclosure/accordion/Accordion.d.ts.map +1 -0
  233. package/disclosure/accordion/Accordion.js +95 -0
  234. package/disclosure/accordion/Accordion.js.map +1 -0
  235. package/disclosure/accordion/accordion.module.css +248 -0
  236. package/disclosure/accordion/index.d.ts +2 -0
  237. package/disclosure/accordion/index.d.ts.map +1 -0
  238. package/disclosure/accordion/index.js +2 -0
  239. package/disclosure/accordion/index.js.map +1 -0
  240. package/disclosure/collapsible/Collapsible.d.ts +80 -0
  241. package/disclosure/collapsible/Collapsible.d.ts.map +1 -0
  242. package/disclosure/collapsible/Collapsible.js +112 -0
  243. package/disclosure/collapsible/Collapsible.js.map +1 -0
  244. package/disclosure/collapsible/collapsible.module.css +214 -0
  245. package/disclosure/collapsible/index.d.ts +2 -0
  246. package/disclosure/collapsible/index.d.ts.map +1 -0
  247. package/disclosure/collapsible/index.js +2 -0
  248. package/disclosure/collapsible/index.js.map +1 -0
  249. package/disclosure/faq/FAQ.d.ts +90 -0
  250. package/disclosure/faq/FAQ.d.ts.map +1 -0
  251. package/disclosure/faq/FAQ.js +146 -0
  252. package/disclosure/faq/FAQ.js.map +1 -0
  253. package/disclosure/faq/faq.module.css +277 -0
  254. package/disclosure/faq/index.d.ts +2 -0
  255. package/disclosure/faq/index.d.ts.map +1 -0
  256. package/disclosure/faq/index.js +2 -0
  257. package/disclosure/faq/index.js.map +1 -0
  258. package/feedback/alert/Alert.d.ts +38 -0
  259. package/feedback/alert/Alert.d.ts.map +1 -0
  260. package/feedback/alert/Alert.js +79 -0
  261. package/feedback/alert/Alert.js.map +1 -0
  262. package/feedback/alert/alert.module.css +99 -0
  263. package/feedback/alert/index.d.ts +2 -0
  264. package/feedback/alert/index.d.ts.map +1 -0
  265. package/feedback/alert/index.js +2 -0
  266. package/feedback/alert/index.js.map +1 -0
  267. package/feedback/avatar/Avatar.d.ts +97 -0
  268. package/feedback/avatar/Avatar.d.ts.map +1 -0
  269. package/feedback/avatar/Avatar.js +154 -0
  270. package/feedback/avatar/Avatar.js.map +1 -0
  271. package/feedback/avatar/avatar-group.module.css +72 -0
  272. package/feedback/avatar/avatar.module.css +180 -0
  273. package/feedback/avatar/index.d.ts +2 -0
  274. package/feedback/avatar/index.d.ts.map +1 -0
  275. package/feedback/avatar/index.js +2 -0
  276. package/feedback/avatar/index.js.map +1 -0
  277. package/feedback/badge/Badge.d.ts +67 -0
  278. package/feedback/badge/Badge.d.ts.map +1 -0
  279. package/feedback/badge/Badge.js +118 -0
  280. package/feedback/badge/Badge.js.map +1 -0
  281. package/feedback/badge/badge.module.css +134 -0
  282. package/feedback/badge/index.d.ts +2 -0
  283. package/feedback/badge/index.d.ts.map +1 -0
  284. package/feedback/badge/index.js +2 -0
  285. package/feedback/badge/index.js.map +1 -0
  286. package/feedback/meter/Meter.d.ts +67 -0
  287. package/feedback/meter/Meter.d.ts.map +1 -0
  288. package/feedback/meter/Meter.js +145 -0
  289. package/feedback/meter/Meter.js.map +1 -0
  290. package/feedback/meter/index.d.ts +2 -0
  291. package/feedback/meter/index.d.ts.map +1 -0
  292. package/feedback/meter/index.js +2 -0
  293. package/feedback/meter/index.js.map +1 -0
  294. package/feedback/meter/meter.module.css +389 -0
  295. package/feedback/progress/Progress.d.ts +63 -0
  296. package/feedback/progress/Progress.d.ts.map +1 -0
  297. package/feedback/progress/Progress.js +129 -0
  298. package/feedback/progress/Progress.js.map +1 -0
  299. package/feedback/progress/index.d.ts +2 -0
  300. package/feedback/progress/index.d.ts.map +1 -0
  301. package/feedback/progress/index.js +2 -0
  302. package/feedback/progress/index.js.map +1 -0
  303. package/feedback/progress/progress.module.css +285 -0
  304. package/feedback/tag/Tag.d.ts +40 -0
  305. package/feedback/tag/Tag.d.ts.map +1 -0
  306. package/feedback/tag/Tag.js +56 -0
  307. package/feedback/tag/Tag.js.map +1 -0
  308. package/feedback/tag/index.d.ts +2 -0
  309. package/feedback/tag/index.d.ts.map +1 -0
  310. package/feedback/tag/index.js +2 -0
  311. package/feedback/tag/index.js.map +1 -0
  312. package/feedback/tag/tag.module.css +99 -0
  313. package/feedback/toast/Toast.d.ts +96 -0
  314. package/feedback/toast/Toast.d.ts.map +1 -0
  315. package/feedback/toast/Toast.js +173 -0
  316. package/feedback/toast/Toast.js.map +1 -0
  317. package/feedback/toast/index.d.ts +2 -0
  318. package/feedback/toast/index.d.ts.map +1 -0
  319. package/feedback/toast/index.js +2 -0
  320. package/feedback/toast/index.js.map +1 -0
  321. package/feedback/toast/toast.module.css +286 -0
  322. package/forms/autocomplete/Autocomplete.d.ts +67 -0
  323. package/forms/autocomplete/Autocomplete.d.ts.map +1 -0
  324. package/forms/autocomplete/Autocomplete.js +116 -0
  325. package/forms/autocomplete/Autocomplete.js.map +1 -0
  326. package/forms/autocomplete/autocomplete.module.css +428 -0
  327. package/forms/autocomplete/index.d.ts +2 -0
  328. package/forms/autocomplete/index.d.ts.map +1 -0
  329. package/forms/autocomplete/index.js +2 -0
  330. package/forms/autocomplete/index.js.map +1 -0
  331. package/forms/checkbox/Checkbox.d.ts +66 -0
  332. package/forms/checkbox/Checkbox.d.ts.map +1 -0
  333. package/forms/checkbox/Checkbox.js +91 -0
  334. package/forms/checkbox/Checkbox.js.map +1 -0
  335. package/forms/checkbox/checkbox.module.css +388 -0
  336. package/forms/checkbox/index.d.ts +2 -0
  337. package/forms/checkbox/index.d.ts.map +1 -0
  338. package/forms/checkbox/index.js +2 -0
  339. package/forms/checkbox/index.js.map +1 -0
  340. package/forms/checkbox-group/CheckboxGroup.d.ts +39 -0
  341. package/forms/checkbox-group/CheckboxGroup.d.ts.map +1 -0
  342. package/forms/checkbox-group/CheckboxGroup.js +63 -0
  343. package/forms/checkbox-group/CheckboxGroup.js.map +1 -0
  344. package/forms/checkbox-group/checkbox-group.module.css +52 -0
  345. package/forms/checkbox-group/index.d.ts +2 -0
  346. package/forms/checkbox-group/index.d.ts.map +1 -0
  347. package/forms/checkbox-group/index.js +2 -0
  348. package/forms/checkbox-group/index.js.map +1 -0
  349. package/forms/combobox/Combobox.d.ts +86 -0
  350. package/forms/combobox/Combobox.d.ts.map +1 -0
  351. package/forms/combobox/Combobox.js +168 -0
  352. package/forms/combobox/Combobox.js.map +1 -0
  353. package/forms/combobox/combobox.module.css +511 -0
  354. package/forms/combobox/index.d.ts +2 -0
  355. package/forms/combobox/index.d.ts.map +1 -0
  356. package/forms/combobox/index.js +2 -0
  357. package/forms/combobox/index.js.map +1 -0
  358. package/forms/field/Field.d.ts +70 -0
  359. package/forms/field/Field.d.ts.map +1 -0
  360. package/forms/field/Field.js +103 -0
  361. package/forms/field/Field.js.map +1 -0
  362. package/forms/field/field.module.css +114 -0
  363. package/forms/field/index.d.ts +2 -0
  364. package/forms/field/index.d.ts.map +1 -0
  365. package/forms/field/index.js +2 -0
  366. package/forms/field/index.js.map +1 -0
  367. package/forms/fieldset/Fieldset.d.ts +48 -0
  368. package/forms/fieldset/Fieldset.d.ts.map +1 -0
  369. package/forms/fieldset/Fieldset.js +80 -0
  370. package/forms/fieldset/Fieldset.js.map +1 -0
  371. package/forms/fieldset/fieldset.module.css +167 -0
  372. package/forms/fieldset/index.d.ts +2 -0
  373. package/forms/fieldset/index.d.ts.map +1 -0
  374. package/forms/fieldset/index.js +2 -0
  375. package/forms/fieldset/index.js.map +1 -0
  376. package/forms/form/Form.d.ts +69 -0
  377. package/forms/form/Form.d.ts.map +1 -0
  378. package/forms/form/Form.js +90 -0
  379. package/forms/form/Form.js.map +1 -0
  380. package/forms/form/form.module.css +123 -0
  381. package/forms/form/index.d.ts +2 -0
  382. package/forms/form/index.d.ts.map +1 -0
  383. package/forms/form/index.js +2 -0
  384. package/forms/form/index.js.map +1 -0
  385. package/forms/input/Input.d.ts +154 -0
  386. package/forms/input/Input.d.ts.map +1 -0
  387. package/forms/input/Input.js +186 -0
  388. package/forms/input/Input.js.map +1 -0
  389. package/forms/input/index.d.ts +2 -0
  390. package/forms/input/index.d.ts.map +1 -0
  391. package/forms/input/index.js +2 -0
  392. package/forms/input/index.js.map +1 -0
  393. package/forms/input/input.module.css +394 -0
  394. package/forms/number-field/NumberField.d.ts +67 -0
  395. package/forms/number-field/NumberField.d.ts.map +1 -0
  396. package/forms/number-field/NumberField.js +105 -0
  397. package/forms/number-field/NumberField.js.map +1 -0
  398. package/forms/number-field/index.d.ts +2 -0
  399. package/forms/number-field/index.d.ts.map +1 -0
  400. package/forms/number-field/index.js +2 -0
  401. package/forms/number-field/index.js.map +1 -0
  402. package/forms/number-field/number-field.module.css +442 -0
  403. package/forms/radio/Radio.d.ts +81 -0
  404. package/forms/radio/Radio.d.ts.map +1 -0
  405. package/forms/radio/Radio.js +119 -0
  406. package/forms/radio/Radio.js.map +1 -0
  407. package/forms/radio/index.d.ts +2 -0
  408. package/forms/radio/index.d.ts.map +1 -0
  409. package/forms/radio/index.js +2 -0
  410. package/forms/radio/index.js.map +1 -0
  411. package/forms/radio/radio.module.css +449 -0
  412. package/forms/radio-group/RadioGroup.d.ts +35 -0
  413. package/forms/radio-group/RadioGroup.d.ts.map +1 -0
  414. package/forms/radio-group/RadioGroup.js +61 -0
  415. package/forms/radio-group/RadioGroup.js.map +1 -0
  416. package/forms/radio-group/index.d.ts +2 -0
  417. package/forms/radio-group/index.d.ts.map +1 -0
  418. package/forms/radio-group/index.js +2 -0
  419. package/forms/radio-group/index.js.map +1 -0
  420. package/forms/radio-group/radio-group.module.css +57 -0
  421. package/forms/search/Search.d.ts +119 -0
  422. package/forms/search/Search.d.ts.map +1 -0
  423. package/forms/search/Search.js +127 -0
  424. package/forms/search/Search.js.map +1 -0
  425. package/forms/search/index.d.ts +2 -0
  426. package/forms/search/index.d.ts.map +1 -0
  427. package/forms/search/index.js +2 -0
  428. package/forms/search/index.js.map +1 -0
  429. package/forms/search/search.module.css +326 -0
  430. package/forms/select/Select.d.ts +104 -0
  431. package/forms/select/Select.d.ts.map +1 -0
  432. package/forms/select/Select.js +154 -0
  433. package/forms/select/Select.js.map +1 -0
  434. package/forms/select/index.d.ts +2 -0
  435. package/forms/select/index.d.ts.map +1 -0
  436. package/forms/select/index.js +2 -0
  437. package/forms/select/index.js.map +1 -0
  438. package/forms/select/select.module.css +398 -0
  439. package/forms/slider/Slider.d.ts +54 -0
  440. package/forms/slider/Slider.d.ts.map +1 -0
  441. package/forms/slider/Slider.js +118 -0
  442. package/forms/slider/Slider.js.map +1 -0
  443. package/forms/slider/index.d.ts +2 -0
  444. package/forms/slider/index.d.ts.map +1 -0
  445. package/forms/slider/index.js +2 -0
  446. package/forms/slider/index.js.map +1 -0
  447. package/forms/slider/slider.module.css +371 -0
  448. package/forms/switch/Switch.d.ts +57 -0
  449. package/forms/switch/Switch.d.ts.map +1 -0
  450. package/forms/switch/Switch.js +82 -0
  451. package/forms/switch/Switch.js.map +1 -0
  452. package/forms/switch/index.d.ts +2 -0
  453. package/forms/switch/index.d.ts.map +1 -0
  454. package/forms/switch/index.js +2 -0
  455. package/forms/switch/index.js.map +1 -0
  456. package/forms/switch/switch.module.css +285 -0
  457. package/foundations/ground/Ground.d.ts +105 -0
  458. package/foundations/ground/Ground.d.ts.map +1 -0
  459. package/foundations/ground/Ground.js +98 -0
  460. package/foundations/ground/Ground.js.map +1 -0
  461. package/foundations/ground/ground.module.css +84 -0
  462. package/foundations/ground/index.d.ts +2 -0
  463. package/foundations/ground/index.d.ts.map +1 -0
  464. package/foundations/ground/index.js +2 -0
  465. package/foundations/ground/index.js.map +1 -0
  466. package/foundations/icon/Icon.d.ts +49 -0
  467. package/foundations/icon/Icon.d.ts.map +1 -0
  468. package/foundations/icon/Icon.js +54 -0
  469. package/foundations/icon/Icon.js.map +1 -0
  470. package/foundations/icon/icon.module.css +69 -0
  471. package/foundations/icon/iconHost.d.ts +9 -0
  472. package/foundations/icon/iconHost.d.ts.map +1 -0
  473. package/foundations/icon/iconHost.js +10 -0
  474. package/foundations/icon/iconHost.js.map +1 -0
  475. package/foundations/icon/index.d.ts +3 -0
  476. package/foundations/icon/index.d.ts.map +1 -0
  477. package/foundations/icon/index.js +3 -0
  478. package/foundations/icon/index.js.map +1 -0
  479. package/foundations/separator/Separator.d.ts +47 -0
  480. package/foundations/separator/Separator.d.ts.map +1 -0
  481. package/foundations/separator/Separator.js +62 -0
  482. package/foundations/separator/Separator.js.map +1 -0
  483. package/foundations/separator/index.d.ts +2 -0
  484. package/foundations/separator/index.d.ts.map +1 -0
  485. package/foundations/separator/index.js +2 -0
  486. package/foundations/separator/index.js.map +1 -0
  487. package/foundations/separator/separator.module.css +174 -0
  488. package/foundations/sticker/Sticker.d.ts +71 -0
  489. package/foundations/sticker/Sticker.d.ts.map +1 -0
  490. package/foundations/sticker/Sticker.js +104 -0
  491. package/foundations/sticker/Sticker.js.map +1 -0
  492. package/foundations/sticker/index.d.ts +2 -0
  493. package/foundations/sticker/index.d.ts.map +1 -0
  494. package/foundations/sticker/index.js +2 -0
  495. package/foundations/sticker/index.js.map +1 -0
  496. package/foundations/sticker/sticker.module.css +87 -0
  497. package/icons/paths.d.ts +35 -0
  498. package/icons/paths.d.ts.map +1 -0
  499. package/icons/paths.js +150 -0
  500. package/icons/paths.js.map +1 -0
  501. package/navigation/breadcrumb/Breadcrumb.d.ts +83 -0
  502. package/navigation/breadcrumb/Breadcrumb.d.ts.map +1 -0
  503. package/navigation/breadcrumb/Breadcrumb.js +183 -0
  504. package/navigation/breadcrumb/Breadcrumb.js.map +1 -0
  505. package/navigation/breadcrumb/breadcrumb.module.css +417 -0
  506. package/navigation/breadcrumb/index.d.ts +2 -0
  507. package/navigation/breadcrumb/index.d.ts.map +1 -0
  508. package/navigation/breadcrumb/index.js +2 -0
  509. package/navigation/breadcrumb/index.js.map +1 -0
  510. package/navigation/nav-drawer/NavDrawer.d.ts +113 -0
  511. package/navigation/nav-drawer/NavDrawer.d.ts.map +1 -0
  512. package/navigation/nav-drawer/NavDrawer.js +215 -0
  513. package/navigation/nav-drawer/NavDrawer.js.map +1 -0
  514. package/navigation/nav-drawer/index.d.ts +2 -0
  515. package/navigation/nav-drawer/index.d.ts.map +1 -0
  516. package/navigation/nav-drawer/index.js +2 -0
  517. package/navigation/nav-drawer/index.js.map +1 -0
  518. package/navigation/nav-drawer/nav-drawer.module.css +446 -0
  519. package/navigation/navigation-bar/NavigationBar.d.ts +129 -0
  520. package/navigation/navigation-bar/NavigationBar.d.ts.map +1 -0
  521. package/navigation/navigation-bar/NavigationBar.js +224 -0
  522. package/navigation/navigation-bar/NavigationBar.js.map +1 -0
  523. package/navigation/navigation-bar/index.d.ts +2 -0
  524. package/navigation/navigation-bar/index.d.ts.map +1 -0
  525. package/navigation/navigation-bar/index.js +2 -0
  526. package/navigation/navigation-bar/index.js.map +1 -0
  527. package/navigation/navigation-bar/navigation-bar.module.css +419 -0
  528. package/navigation/navigation-menu/NavigationMenu.d.ts +243 -0
  529. package/navigation/navigation-menu/NavigationMenu.d.ts.map +1 -0
  530. package/navigation/navigation-menu/NavigationMenu.js +512 -0
  531. package/navigation/navigation-menu/NavigationMenu.js.map +1 -0
  532. package/navigation/navigation-menu/index.d.ts +2 -0
  533. package/navigation/navigation-menu/index.d.ts.map +1 -0
  534. package/navigation/navigation-menu/index.js +2 -0
  535. package/navigation/navigation-menu/index.js.map +1 -0
  536. package/navigation/navigation-menu/navigation-menu.module.css +636 -0
  537. package/navigation/pagination/Pagination.d.ts +112 -0
  538. package/navigation/pagination/Pagination.d.ts.map +1 -0
  539. package/navigation/pagination/Pagination.js +202 -0
  540. package/navigation/pagination/Pagination.js.map +1 -0
  541. package/navigation/pagination/index.d.ts +2 -0
  542. package/navigation/pagination/index.d.ts.map +1 -0
  543. package/navigation/pagination/index.js +2 -0
  544. package/navigation/pagination/index.js.map +1 -0
  545. package/navigation/pagination/pagination.module.css +400 -0
  546. package/navigation/tabs/Tabs.d.ts +98 -0
  547. package/navigation/tabs/Tabs.d.ts.map +1 -0
  548. package/navigation/tabs/Tabs.js +175 -0
  549. package/navigation/tabs/Tabs.js.map +1 -0
  550. package/navigation/tabs/index.d.ts +2 -0
  551. package/navigation/tabs/index.d.ts.map +1 -0
  552. package/navigation/tabs/index.js +2 -0
  553. package/navigation/tabs/index.js.map +1 -0
  554. package/navigation/tabs/tabs.module.css +339 -0
  555. package/navigation/toolbar/Toolbar.d.ts +125 -0
  556. package/navigation/toolbar/Toolbar.d.ts.map +1 -0
  557. package/navigation/toolbar/Toolbar.js +174 -0
  558. package/navigation/toolbar/Toolbar.js.map +1 -0
  559. package/navigation/toolbar/index.d.ts +2 -0
  560. package/navigation/toolbar/index.d.ts.map +1 -0
  561. package/navigation/toolbar/index.js +2 -0
  562. package/navigation/toolbar/index.js.map +1 -0
  563. package/navigation/toolbar/toolbar.module.css +273 -0
  564. package/overlays/alert-dialog/AlertDialog.d.ts +74 -0
  565. package/overlays/alert-dialog/AlertDialog.d.ts.map +1 -0
  566. package/overlays/alert-dialog/AlertDialog.js +99 -0
  567. package/overlays/alert-dialog/AlertDialog.js.map +1 -0
  568. package/overlays/alert-dialog/alert-dialog.module.css +53 -0
  569. package/overlays/alert-dialog/index.d.ts +2 -0
  570. package/overlays/alert-dialog/index.d.ts.map +1 -0
  571. package/overlays/alert-dialog/index.js +2 -0
  572. package/overlays/alert-dialog/index.js.map +1 -0
  573. package/overlays/context-menu/ContextMenu.d.ts +47 -0
  574. package/overlays/context-menu/ContextMenu.d.ts.map +1 -0
  575. package/overlays/context-menu/ContextMenu.js +50 -0
  576. package/overlays/context-menu/ContextMenu.js.map +1 -0
  577. package/overlays/context-menu/index.d.ts +2 -0
  578. package/overlays/context-menu/index.d.ts.map +1 -0
  579. package/overlays/context-menu/index.js +2 -0
  580. package/overlays/context-menu/index.js.map +1 -0
  581. package/overlays/dialog/Dialog.d.ts +124 -0
  582. package/overlays/dialog/Dialog.d.ts.map +1 -0
  583. package/overlays/dialog/Dialog.js +243 -0
  584. package/overlays/dialog/Dialog.js.map +1 -0
  585. package/overlays/dialog/dialog.module.css +257 -0
  586. package/overlays/dialog/index.d.ts +2 -0
  587. package/overlays/dialog/index.d.ts.map +1 -0
  588. package/overlays/dialog/index.js +2 -0
  589. package/overlays/dialog/index.js.map +1 -0
  590. package/overlays/menu/Menu.d.ts +115 -0
  591. package/overlays/menu/Menu.d.ts.map +1 -0
  592. package/overlays/menu/Menu.js +164 -0
  593. package/overlays/menu/Menu.js.map +1 -0
  594. package/overlays/menu/index.d.ts +2 -0
  595. package/overlays/menu/index.d.ts.map +1 -0
  596. package/overlays/menu/index.js +2 -0
  597. package/overlays/menu/index.js.map +1 -0
  598. package/overlays/menu/menu.module.css +292 -0
  599. package/overlays/menu/popup.d.ts +44 -0
  600. package/overlays/menu/popup.d.ts.map +1 -0
  601. package/overlays/menu/popup.js +39 -0
  602. package/overlays/menu/popup.js.map +1 -0
  603. package/overlays/menubar/Menubar.d.ts +53 -0
  604. package/overlays/menubar/Menubar.d.ts.map +1 -0
  605. package/overlays/menubar/Menubar.js +81 -0
  606. package/overlays/menubar/Menubar.js.map +1 -0
  607. package/overlays/menubar/index.d.ts +2 -0
  608. package/overlays/menubar/index.d.ts.map +1 -0
  609. package/overlays/menubar/index.js +2 -0
  610. package/overlays/menubar/index.js.map +1 -0
  611. package/overlays/menubar/menubar.module.css +124 -0
  612. package/overlays/popover/Popover.d.ts +96 -0
  613. package/overlays/popover/Popover.d.ts.map +1 -0
  614. package/overlays/popover/Popover.js +131 -0
  615. package/overlays/popover/Popover.js.map +1 -0
  616. package/overlays/popover/index.d.ts +2 -0
  617. package/overlays/popover/index.d.ts.map +1 -0
  618. package/overlays/popover/index.js +2 -0
  619. package/overlays/popover/index.js.map +1 -0
  620. package/overlays/popover/popover.module.css +194 -0
  621. package/overlays/preview-card/PreviewCard.d.ts +83 -0
  622. package/overlays/preview-card/PreviewCard.d.ts.map +1 -0
  623. package/overlays/preview-card/PreviewCard.js +123 -0
  624. package/overlays/preview-card/PreviewCard.js.map +1 -0
  625. package/overlays/preview-card/index.d.ts +2 -0
  626. package/overlays/preview-card/index.d.ts.map +1 -0
  627. package/overlays/preview-card/index.js +2 -0
  628. package/overlays/preview-card/index.js.map +1 -0
  629. package/overlays/preview-card/preview-card.module.css +177 -0
  630. package/overlays/tooltip/Tooltip.d.ts +72 -0
  631. package/overlays/tooltip/Tooltip.d.ts.map +1 -0
  632. package/overlays/tooltip/Tooltip.js +108 -0
  633. package/overlays/tooltip/Tooltip.js.map +1 -0
  634. package/overlays/tooltip/index.d.ts +2 -0
  635. package/overlays/tooltip/index.d.ts.map +1 -0
  636. package/overlays/tooltip/index.js +2 -0
  637. package/overlays/tooltip/index.js.map +1 -0
  638. package/overlays/tooltip/tooltip.module.css +120 -0
  639. package/package.json +124 -0
  640. package/page/announcement-bar/AnnouncementBar.d.ts +116 -0
  641. package/page/announcement-bar/AnnouncementBar.d.ts.map +1 -0
  642. package/page/announcement-bar/AnnouncementBar.js +215 -0
  643. package/page/announcement-bar/AnnouncementBar.js.map +1 -0
  644. package/page/announcement-bar/announcement-bar.module.css +271 -0
  645. package/page/announcement-bar/index.d.ts +2 -0
  646. package/page/announcement-bar/index.d.ts.map +1 -0
  647. package/page/announcement-bar/index.js +2 -0
  648. package/page/announcement-bar/index.js.map +1 -0
  649. package/page/cta-block/CTABlock.d.ts +117 -0
  650. package/page/cta-block/CTABlock.d.ts.map +1 -0
  651. package/page/cta-block/CTABlock.js +125 -0
  652. package/page/cta-block/CTABlock.js.map +1 -0
  653. package/page/cta-block/cta-block.module.css +358 -0
  654. package/page/cta-block/index.d.ts +2 -0
  655. package/page/cta-block/index.d.ts.map +1 -0
  656. package/page/cta-block/index.js +2 -0
  657. package/page/cta-block/index.js.map +1 -0
  658. package/page/footer/Footer.d.ts +154 -0
  659. package/page/footer/Footer.d.ts.map +1 -0
  660. package/page/footer/Footer.js +253 -0
  661. package/page/footer/Footer.js.map +1 -0
  662. package/page/footer/footer.module.css +683 -0
  663. package/page/footer/index.d.ts +2 -0
  664. package/page/footer/index.d.ts.map +1 -0
  665. package/page/footer/index.js +2 -0
  666. package/page/footer/index.js.map +1 -0
  667. package/page/hero/Hero.d.ts +214 -0
  668. package/page/hero/Hero.d.ts.map +1 -0
  669. package/page/hero/Hero.js +216 -0
  670. package/page/hero/Hero.js.map +1 -0
  671. package/page/hero/hero.module.css +766 -0
  672. package/page/hero/index.d.ts +2 -0
  673. package/page/hero/index.d.ts.map +1 -0
  674. package/page/hero/index.js +2 -0
  675. package/page/hero/index.js.map +1 -0
  676. package/page/marquee/Marquee.d.ts +65 -0
  677. package/page/marquee/Marquee.d.ts.map +1 -0
  678. package/page/marquee/Marquee.js +87 -0
  679. package/page/marquee/Marquee.js.map +1 -0
  680. package/page/marquee/index.d.ts +2 -0
  681. package/page/marquee/index.d.ts.map +1 -0
  682. package/page/marquee/index.js +2 -0
  683. package/page/marquee/index.js.map +1 -0
  684. package/page/marquee/marquee.module.css +151 -0
  685. package/page/newsletter/Newsletter.d.ts +146 -0
  686. package/page/newsletter/Newsletter.d.ts.map +1 -0
  687. package/page/newsletter/Newsletter.js +241 -0
  688. package/page/newsletter/Newsletter.js.map +1 -0
  689. package/page/newsletter/index.d.ts +2 -0
  690. package/page/newsletter/index.d.ts.map +1 -0
  691. package/page/newsletter/index.js +2 -0
  692. package/page/newsletter/index.js.map +1 -0
  693. package/page/newsletter/newsletter.module.css +552 -0
  694. package/page/section-bar/SectionBar.d.ts +133 -0
  695. package/page/section-bar/SectionBar.d.ts.map +1 -0
  696. package/page/section-bar/SectionBar.js +302 -0
  697. package/page/section-bar/SectionBar.js.map +1 -0
  698. package/page/section-bar/index.d.ts +2 -0
  699. package/page/section-bar/index.d.ts.map +1 -0
  700. package/page/section-bar/index.js +2 -0
  701. package/page/section-bar/index.js.map +1 -0
  702. package/page/section-bar/section-bar.module.css +615 -0
  703. package/page/section-divider/SectionDivider.d.ts +80 -0
  704. package/page/section-divider/SectionDivider.d.ts.map +1 -0
  705. package/page/section-divider/SectionDivider.js +158 -0
  706. package/page/section-divider/SectionDivider.js.map +1 -0
  707. package/page/section-divider/index.d.ts +2 -0
  708. package/page/section-divider/index.d.ts.map +1 -0
  709. package/page/section-divider/index.js +2 -0
  710. package/page/section-divider/index.js.map +1 -0
  711. package/page/section-divider/section-divider.module.css +280 -0
  712. package/page/section-header/SectionHeader.d.ts +121 -0
  713. package/page/section-header/SectionHeader.d.ts.map +1 -0
  714. package/page/section-header/SectionHeader.js +141 -0
  715. package/page/section-header/SectionHeader.js.map +1 -0
  716. package/page/section-header/index.d.ts +2 -0
  717. package/page/section-header/index.d.ts.map +1 -0
  718. package/page/section-header/index.js +2 -0
  719. package/page/section-header/index.js.map +1 -0
  720. package/page/section-header/section-header.module.css +319 -0
  721. package/utils/ClientProvider.d.ts +18 -0
  722. package/utils/ClientProvider.d.ts.map +1 -0
  723. package/utils/ClientProvider.js +55 -0
  724. package/utils/ClientProvider.js.map +1 -0
  725. package/utils/Ornament.d.ts +93 -0
  726. package/utils/Ornament.d.ts.map +1 -0
  727. package/utils/Ornament.js +160 -0
  728. package/utils/Ornament.js.map +1 -0
  729. package/utils/StatusGlyph.d.ts +24 -0
  730. package/utils/StatusGlyph.d.ts.map +1 -0
  731. package/utils/StatusGlyph.js +39 -0
  732. package/utils/StatusGlyph.js.map +1 -0
  733. package/utils/assignRef.d.ts +7 -0
  734. package/utils/assignRef.d.ts.map +1 -0
  735. package/utils/assignRef.js +11 -0
  736. package/utils/assignRef.js.map +1 -0
  737. package/utils/className.d.ts +10 -0
  738. package/utils/className.d.ts.map +1 -0
  739. package/utils/className.js +21 -0
  740. package/utils/className.js.map +1 -0
  741. package/utils/colors/amber.css +101 -0
  742. package/utils/colors/amberDarkDefault.css +101 -0
  743. package/utils/colors/amberLightDefault.css +67 -0
  744. package/utils/colors/blue.css +101 -0
  745. package/utils/colors/blueDarkDefault.css +101 -0
  746. package/utils/colors/blueLightDefault.css +67 -0
  747. package/utils/colors/bronze.css +101 -0
  748. package/utils/colors/bronzeDarkDefault.css +101 -0
  749. package/utils/colors/bronzeLightDefault.css +67 -0
  750. package/utils/colors/brown.css +101 -0
  751. package/utils/colors/brownDarkDefault.css +101 -0
  752. package/utils/colors/brownLightDefault.css +67 -0
  753. package/utils/colors/crimson.css +101 -0
  754. package/utils/colors/crimsonDarkDefault.css +101 -0
  755. package/utils/colors/crimsonLightDefault.css +67 -0
  756. package/utils/colors/cyan.css +101 -0
  757. package/utils/colors/cyanDarkDefault.css +101 -0
  758. package/utils/colors/cyanLightDefault.css +67 -0
  759. package/utils/colors/gold.css +101 -0
  760. package/utils/colors/goldDarkDefault.css +101 -0
  761. package/utils/colors/goldLightDefault.css +67 -0
  762. package/utils/colors/grass.css +101 -0
  763. package/utils/colors/grassDarkDefault.css +101 -0
  764. package/utils/colors/grassLightDefault.css +67 -0
  765. package/utils/colors/gray.css +101 -0
  766. package/utils/colors/grayDarkDefault.css +101 -0
  767. package/utils/colors/grayLightDefault.css +67 -0
  768. package/utils/colors/green.css +101 -0
  769. package/utils/colors/greenDarkDefault.css +101 -0
  770. package/utils/colors/greenLightDefault.css +67 -0
  771. package/utils/colors/indigo.css +101 -0
  772. package/utils/colors/indigoDarkDefault.css +101 -0
  773. package/utils/colors/indigoLightDefault.css +67 -0
  774. package/utils/colors/iris.css +101 -0
  775. package/utils/colors/irisDarkDefault.css +101 -0
  776. package/utils/colors/irisLightDefault.css +67 -0
  777. package/utils/colors/jade.css +101 -0
  778. package/utils/colors/jadeDarkDefault.css +101 -0
  779. package/utils/colors/jadeLightDefault.css +67 -0
  780. package/utils/colors/lime.css +101 -0
  781. package/utils/colors/limeDarkDefault.css +101 -0
  782. package/utils/colors/limeLightDefault.css +67 -0
  783. package/utils/colors/mauve.css +101 -0
  784. package/utils/colors/mauveDarkDefault.css +101 -0
  785. package/utils/colors/mauveLightDefault.css +67 -0
  786. package/utils/colors/mint.css +101 -0
  787. package/utils/colors/mintDarkDefault.css +101 -0
  788. package/utils/colors/mintLightDefault.css +67 -0
  789. package/utils/colors/olive.css +101 -0
  790. package/utils/colors/oliveDarkDefault.css +101 -0
  791. package/utils/colors/oliveLightDefault.css +67 -0
  792. package/utils/colors/orange.css +101 -0
  793. package/utils/colors/orangeDarkDefault.css +101 -0
  794. package/utils/colors/orangeLightDefault.css +67 -0
  795. package/utils/colors/pink.css +101 -0
  796. package/utils/colors/pinkDarkDefault.css +101 -0
  797. package/utils/colors/pinkLightDefault.css +67 -0
  798. package/utils/colors/plum.css +101 -0
  799. package/utils/colors/plumDarkDefault.css +101 -0
  800. package/utils/colors/plumLightDefault.css +67 -0
  801. package/utils/colors/purple.css +101 -0
  802. package/utils/colors/purpleDarkDefault.css +101 -0
  803. package/utils/colors/purpleLightDefault.css +67 -0
  804. package/utils/colors/red.css +101 -0
  805. package/utils/colors/redDarkDefault.css +101 -0
  806. package/utils/colors/redLightDefault.css +67 -0
  807. package/utils/colors/ruby.css +101 -0
  808. package/utils/colors/rubyDarkDefault.css +101 -0
  809. package/utils/colors/rubyLightDefault.css +67 -0
  810. package/utils/colors/sage.css +101 -0
  811. package/utils/colors/sageDarkDefault.css +101 -0
  812. package/utils/colors/sageLightDefault.css +67 -0
  813. package/utils/colors/sand.css +101 -0
  814. package/utils/colors/sandDarkDefault.css +101 -0
  815. package/utils/colors/sandLightDefault.css +67 -0
  816. package/utils/colors/sky.css +101 -0
  817. package/utils/colors/skyDarkDefault.css +101 -0
  818. package/utils/colors/skyLightDefault.css +67 -0
  819. package/utils/colors/slate.css +101 -0
  820. package/utils/colors/slateDarkDefault.css +101 -0
  821. package/utils/colors/slateLightDefault.css +67 -0
  822. package/utils/colors/teal.css +101 -0
  823. package/utils/colors/tealDarkDefault.css +101 -0
  824. package/utils/colors/tealLightDefault.css +67 -0
  825. package/utils/colors/tomato.css +101 -0
  826. package/utils/colors/tomatoDarkDefault.css +101 -0
  827. package/utils/colors/tomatoLightDefault.css +67 -0
  828. package/utils/colors/violet.css +101 -0
  829. package/utils/colors/violetDarkDefault.css +101 -0
  830. package/utils/colors/violetLightDefault.css +67 -0
  831. package/utils/colors/yellow.css +101 -0
  832. package/utils/colors/yellowDarkDefault.css +101 -0
  833. package/utils/colors/yellowLightDefault.css +67 -0
  834. package/utils/colors.css +2441 -0
  835. package/utils/colorsDarkDefault.css +2441 -0
  836. package/utils/colorsLightDefault.css +1627 -0
  837. package/utils/fonts.d.ts +11 -0
  838. package/utils/fonts.d.ts.map +1 -0
  839. package/utils/fonts.js +12 -0
  840. package/utils/fonts.js.map +1 -0
  841. package/utils/global.css +3869 -0
  842. package/utils/highlightMatch.d.ts +7 -0
  843. package/utils/highlightMatch.d.ts.map +1 -0
  844. package/utils/highlightMatch.js +25 -0
  845. package/utils/highlightMatch.js.map +1 -0
  846. package/utils/layers.css +3 -0
  847. package/utils/line.module.css +101 -0
  848. package/utils/media.css +11 -0
  849. package/utils/navigation.d.ts +100 -0
  850. package/utils/navigation.d.ts.map +1 -0
  851. package/utils/navigation.js +65 -0
  852. package/utils/navigation.js.map +1 -0
  853. package/utils/ornament.module.css +224 -0
  854. package/utils/overlay.d.ts +49 -0
  855. package/utils/overlay.d.ts.map +1 -0
  856. package/utils/overlay.js +73 -0
  857. package/utils/overlay.js.map +1 -0
  858. package/utils/pattern.module.css +386 -0
  859. package/utils/print.css +125 -0
  860. package/utils/printUrl.d.ts +13 -0
  861. package/utils/printUrl.d.ts.map +1 -0
  862. package/utils/printUrl.js +43 -0
  863. package/utils/printUrl.js.map +1 -0
  864. package/utils/reset.css +129 -0
  865. package/utils/roles.css +799 -0
  866. package/utils/scales.d.ts +20 -0
  867. package/utils/scales.d.ts.map +1 -0
  868. package/utils/scales.js +156 -0
  869. package/utils/scales.js.map +1 -0
  870. package/utils/scales.module.css +1624 -0
  871. package/utils/scope.d.ts +119 -0
  872. package/utils/scope.d.ts.map +1 -0
  873. package/utils/scope.js +145 -0
  874. package/utils/scope.js.map +1 -0
  875. package/utils/seriesPatterns.d.ts +75 -0
  876. package/utils/seriesPatterns.d.ts.map +1 -0
  877. package/utils/seriesPatterns.js +118 -0
  878. package/utils/seriesPatterns.js.map +1 -0
  879. package/utils/theme.css +28 -0
  880. package/utils/tokens.css +329 -0
  881. package/utils/tokens.d.ts +36 -0
  882. package/utils/tokens.d.ts.map +1 -0
  883. package/utils/tokens.js +38 -0
  884. package/utils/tokens.js.map +1 -0
  885. package/utils/type.module.css +342 -0
  886. package/utils/useColorScheme.d.ts +12 -0
  887. package/utils/useColorScheme.d.ts.map +1 -0
  888. package/utils/useColorScheme.js +43 -0
  889. package/utils/useColorScheme.js.map +1 -0
  890. package/utils/useMediaQuery.d.ts +8 -0
  891. package/utils/useMediaQuery.d.ts.map +1 -0
  892. package/utils/useMediaQuery.js +17 -0
  893. package/utils/useMediaQuery.js.map +1 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2026 Connor Davis
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/Readme.md ADDED
@@ -0,0 +1,88 @@
1
+ # FairGarden Design System
2
+
3
+ <!-- fg:version -->
4
+
5
+ Version **0.1.0-alpha.2**
6
+
7
+ <!-- /fg:version -->
8
+
9
+ <!-- fg:releasing -->
10
+
11
+ ## Releasing
12
+
13
+ This module releases on its own. `0.1.0-alpha.2` is what main is working towards,
14
+ not what is published — the version here is always the next one.
15
+
16
+ 1. **Publish it.** Run the *Publish* workflow from the Actions tab, picking the
17
+ dist tag. It refuses if that version is already on npm.
18
+ 2. **Move it on.** `pnpm release` — opens a pull request bumping this branch
19
+ to `0.1.0-alpha.3`, or `pnpm release --id rc` to change
20
+ identifier. A prerelease gets no maintenance branch; there is no released
21
+ line behind it yet.
22
+
23
+ Every push to main publishes `@fairgarden/design@canary`. A canary is not a release and
24
+ carries no promise; it is there so main can be tried without a checkout.
25
+
26
+ <!-- /fg:releasing -->
27
+
28
+ ## Stack
29
+
30
+ - **React 19** and **Base UI** (`@base-ui/react`, a peer dependency): unstyled, accessible primitives under every interactive component.
31
+ - **CSS Modules plus CVA** (`class-variance-authority`): one module per component, one class per variant value, typed variant axes, all in cascade layers (`reset, tokens, theme, roles, base, variants, compounds, scales, states, print`).
32
+ - **Open Props** for the non-color tokens. A step the system adds between two Open Props steps is named by its position (`--size-px-2-5` sits halfway between `--size-px-2` and `--size-px-3`); every other FairGarden-only token takes `--fgd-*`. Text sizes are in rem, spacing in px.
33
+ - **Radix Colors**: the 31 standard scales as one unified `--{scale}{step}` set (no alpha scales). Light and dark swap the values, never the names: `data-theme="light|dark"` on `html` forces a mode, otherwise the OS `prefers-color-scheme` decides. Components read only scale steps and role variables (`--primary1…12`, `--secondary1…12`, `--role-*`) and never see the mode. Every component takes `primary` and `secondary` scale props; grounds (`Ground`: 8 page grounds, the `night` band, 7 fields) set them for a region.
34
+ - **Material Symbols** (Rounded, FILL 0 by default) compiled to inline SVG paths by `scripts/build-icons.js`; no icon font.
35
+ - **Recharts** for charts (SVG, role colors, opaque fills, pattern defs, no animation unless motion is allowed).
36
+ - **MapLibre GL + Protomaps + OpenStreetMap** for maps: `maplibre-gl`, `pmtiles` and `@protomaps/basemaps` are optional peer dependencies, loaded dynamically by `Map`. Install them only if you use it.
37
+ - **Fonts** (SIL OFL, self-hosted via Fontsource): Fraunces, Source Serif 4, Figtree and IBM Plex Mono.
38
+ - **PostCSS** (`postcss-import`, `@csstools/postcss-global-data`, `postcss-custom-media`), TypeScript, ESLint and Prettier.
39
+
40
+ ## Usage
41
+
42
+ ```bash
43
+ pnpm add @fairgarden/design @base-ui/react
44
+ # only for Map:
45
+ pnpm add maplibre-gl pmtiles @protomaps/basemaps
46
+ ```
47
+
48
+ ```tsx
49
+ // app shell, once
50
+ import '@fairgarden/design/utils/global.css'
51
+ import '@fairgarden/design/utils/fonts'
52
+ import { ClientProvider } from '@fairgarden/design/utils/ClientProvider'
53
+
54
+ // anywhere
55
+ import { Button } from '@fairgarden/design/actions/button'
56
+
57
+ <ClientProvider locale="en-US">
58
+ <Button variant="solid">Sign Up</Button>
59
+ </ClientProvider>
60
+ ```
61
+
62
+ Each component is imported from its own path, `@fairgarden/design/<category>/<name>`: the category folder, then the component's name in kebab case (`@fairgarden/design/forms/number-field` exports `NumberField`). The shared utilities stay at `@fairgarden/design/utils/<name>` and the generated icon paths at `@fairgarden/design/icons/paths`.
63
+
64
+ ## Components
65
+
66
+ | Category | Components (import path `@fairgarden/design/<category>/…`) |
67
+ | --- | --- |
68
+ | `foundations` | Ground (`ground`), Icon (`icon`), Separator (`separator`), Sticker (`sticker`) |
69
+ | `actions` | Button (`button`), Link (`link`), Toggle (`toggle`), Toggle Group (`toggle-group`), Chip (`chip`) |
70
+ | `navigation` | Navigation Menu (`navigation-menu`), Navigation Bar (`navigation-bar`), Nav Drawer (`nav-drawer`), Breadcrumb (`breadcrumb`), Pagination (`pagination`), Tabs (`tabs`), Toolbar (`toolbar`) |
71
+ | `forms` | Field (`field`), Fieldset (`fieldset`), Form (`form`), Input (`input`), Number Field (`number-field`), Select (`select`), Combobox (`combobox`), Autocomplete (`autocomplete`), Search (`search`), Checkbox (`checkbox`), Checkbox Group (`checkbox-group`), Radio (`radio`), Radio Group (`radio-group`), Switch (`switch`), Slider (`slider`) |
72
+ | `feedback` | Alert (`alert`), Badge (`badge`), Tag (`tag`), Avatar (`avatar`), Progress (`progress`), Meter (`meter`), Toast (`toast`) |
73
+ | `overlays` | Dialog (`dialog`), Alert Dialog (`alert-dialog`), Popover (`popover`), Preview Card (`preview-card`), Menu (`menu`), Context Menu (`context-menu`), Menubar (`menubar`), Tooltip (`tooltip`) |
74
+ | `disclosure` | Accordion (`accordion`), Collapsible (`collapsible`), FAQ (`faq`) |
75
+ | `page` | Hero (`hero`), Footer (`footer`), Section Bar (`section-bar`), Section Divider (`section-divider`), Section Header (`section-header`), CTA Block (`cta-block`), Newsletter (`newsletter`), Marquee (`marquee`), Announcement Bar (`announcement-bar`) |
76
+ | `content` | Card (`card`), Card Grid (`card-grid`), Feature Grid (`feature-grid`), Carousel (`carousel`), Quote (`quote`), Index Rows (`index-rows`), Profile (`profile`), Pricing (`pricing`), Timeline (`timeline`), Empty State (`empty-state`) |
77
+ | `data` | Table (`table`), Scroll Area (`scroll-area`), Spec Grid (`spec-grid`), Spec List (`spec-list`), Spec Sheet (`spec-sheet`), Figure (`figure`), Stat (`stat`), Chart (`chart`), Map (`map`) |
78
+
79
+ **Utilities** (`@fairgarden/design/utils/…`): the global stylesheet (`global.css`), the fonts (`fonts`), `ClientProvider`, the pattern tiles (`pattern.module.css`), the type roles (`type.module.css`), the line styles (`line.module.css`), ornaments (`Ornament`) and the navigation data type (`navigation`).
80
+
81
+ ## Development
82
+
83
+ - `pnpm --filter @fairgarden/design build`: generates the color and icon files, the CSS Module typings, then compiles `src/` with `tsc` and PostCSS into one folder per category (`foundations/`, `actions/` … `data/`), `utils/` and `icons/` at the package root.
84
+ - `pnpm --filter @fairgarden/design lint`
85
+ - Source layout: `src/<category>/<name>/` holds `<Name>.tsx`, `<name>.module.css` (with its generated `.d.ts`) and `index.ts`; the shared utilities are in `src/utils/` and the generated icons in `src/icons/`.
86
+ - Documentation site in `docs/` (`@fairgarden/design-docs`, port 3032): `pnpm --filter @fairgarden/design-docs dev`. It compiles `src/` directly through tsconfig paths, with one section per category (`docs/app/<category>/<name>/`). After changing a component's props or adding a page, run `pnpm validate` in `docs/` to regenerate the `types.md` files and the section indexes.
87
+
88
+ Install dependencies from the monorepo root only. The full specification lives outside this repository (`DESIGN-SYSTEM.md`).
@@ -0,0 +1,107 @@
1
+ import * as React from 'react';
2
+ import { Button as BaseButton } from '@base-ui/react/button';
3
+ import { type VariantProps } from 'class-variance-authority';
4
+ import { type IconName } from '../../foundations/icon';
5
+ /**
6
+ * Button classes (§9.2, §1.11.10). `primary` and `secondary` are never
7
+ * defaulted [D133]: the `solid` class falls back to the scope's action scale
8
+ * for `secondary`, and an explicit `secondary` wins from the scales layer.
9
+ * `destructive` swaps in the danger roles per variant (compounds) [D192].
10
+ */
11
+ export declare const button: (props?: ({
12
+ variant?: "outline" | "text" | "solid" | null | undefined;
13
+ size?: "sm" | "md" | "lg" | "xl" | null | undefined;
14
+ iconOnly?: boolean | null | undefined;
15
+ onMedia?: boolean | null | undefined;
16
+ butted?: "end" | "start" | null | undefined;
17
+ destructive?: boolean | null | undefined;
18
+ primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
19
+ secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
20
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
21
+ type ButtonVariants = VariantProps<typeof button>;
22
+ /** Handler type of the deprecated `onPress` alias, kept for existing callers. */
23
+ export type PressCallback = (event: React.MouseEvent<HTMLButtonElement>) => void;
24
+ type ButtonCommonProps = Omit<BaseButton.Props, 'children'> & {
25
+ /**
26
+ * `outline` (default) is the outline twin; `solid` is the page's primary
27
+ * action, filled with the scope's action scale; `text` is a text button
28
+ * whose glyph trails (§9.2).
29
+ */
30
+ variant?: ButtonVariants['variant'];
31
+ /**
32
+ * Butts the button against an adjacent field on its `start` or `end`
33
+ * edge, as in the butted submit. Default: none.
34
+ */
35
+ butted?: ButtonVariants['butted'];
36
+ /**
37
+ * Marks a destructive action (delete, remove, discard, clear): the
38
+ * danger (red) roles replace the action and primary inks in every
39
+ * variant [D192]. `solid` takes the danger fill, label and edge;
40
+ * `outline` the danger edge and label; `text` the danger label and
41
+ * glyph. Focus and pressed are unchanged. Default `false`.
42
+ */
43
+ destructive?: ButtonVariants['destructive'];
44
+ /**
45
+ * Primary Radix scale, from the primary roster: the outline edge, labels
46
+ * and focus ring. Never defaulted; omitted, it inherits the scope [D133].
47
+ */
48
+ primary?: ButtonVariants['primary'];
49
+ /**
50
+ * Secondary Radix scale: the `solid` fill and the `text` glyph. Omitted,
51
+ * `solid` falls back to the scope's action scale.
52
+ */
53
+ secondary?: ButtonVariants['secondary'];
54
+ /** Which side of the label the glyph sits on (a `text` Button's chevron trails). */
55
+ iconPosition?: 'start' | 'end';
56
+ /**
57
+ * Called on click, after `onClick`.
58
+ * @deprecated Use `onClick`. Kept as an alias from the react-aria Button.
59
+ */
60
+ onPress?: PressCallback;
61
+ };
62
+ type LabelledButtonProps = {
63
+ /** `true` hides the label and shows only `icon`. Default `false`. */
64
+ iconOnly?: false | null;
65
+ /** Only with `iconOnly`. */
66
+ onMedia?: false | null;
67
+ /**
68
+ * Fixed height: `sm` 32 px (hit area extended to 44), `md` 40 px (default),
69
+ * `lg` 48 px, `xl` 56 px for the page's single transactional action.
70
+ */
71
+ size?: ButtonVariants['size'];
72
+ /** One optional functional glyph (§6.10), inline tier, FILL 0. */
73
+ icon?: IconName;
74
+ /** The label: verb plus object, authored in title case [D160]. */
75
+ children?: React.ReactNode;
76
+ };
77
+ type IconOnlyButtonProps = {
78
+ /**
79
+ * Shows only `icon`; `children` becomes the visually hidden accessible
80
+ * name. Pair the button with a Tooltip. Default `false`.
81
+ */
82
+ iconOnly: true;
83
+ /** Media button: place it inside a `night` Ground [D148]. */
84
+ onMedia?: boolean | null;
85
+ /** `sm`, `md` (default) or `lg`: `xl` is excluded for icon-only buttons. */
86
+ size?: Exclude<ButtonVariants['size'], 'xl'>;
87
+ /** The glyph (§6.10). */
88
+ icon: IconName;
89
+ /** The accessible name, visually hidden. Pair the button with a Tooltip. */
90
+ children: React.ReactNode;
91
+ };
92
+ /**
93
+ * Props for Button: Base UI Button props plus the variant and color axes.
94
+ * With `iconOnly`, `icon` and an accessible-name `children` are required.
95
+ */
96
+ export type ButtonProps = ButtonCommonProps & (LabelledButtonProps | IconOnlyButtonProps);
97
+ /**
98
+ * A Base UI Button. A navigating action renders an anchor through `render`
99
+ * (with `nativeButton={false}`), keeping link semantics. States come from
100
+ * Base UI and ARIA attributes only: pass `disabled` (with
101
+ * `focusableWhenDisabled` where the reason matters) or `aria-busy` together
102
+ * with an authored "-ing…" label; a busy button holds its rest width and
103
+ * ignores clicks.
104
+ */
105
+ export declare function Button(props: ButtonProps): React.JSX.Element;
106
+ export {};
107
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/actions/button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAWtE;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;;;;;;;;8EA4CjB,CAAA;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAA;AAEjD,iFAAiF;AACjF,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;AAIhF,KAAK,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG;IAC1D;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IACjC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;IACvC,oFAAoF;IACpF,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB,CAAA;AAEH,KAAK,mBAAmB,GAAG;IACzB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACvB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAC7B,kEAAkE;IAClE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB;;;OAGG;IACH,QAAQ,EAAE,IAAI,CAAA;IACd,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACxB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAA;IAC5C,yBAAyB;IACzB,IAAI,EAAE,QAAQ,CAAA;IACd,4EAA4E;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GACzC,CAAC,mBAAmB,GAAG,mBAAmB,CAAC,CAAA;AAE7C;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAwHxC"}
@@ -0,0 +1,136 @@
1
+ 'use client';
2
+ import * as React from 'react';
3
+ import { Button as BaseButton } from '@base-ui/react/button';
4
+ import { cva } from 'class-variance-authority';
5
+ import { Icon, iconHost } from '../../foundations/icon';
6
+ import { assignRef } from '../../utils/assignRef';
7
+ import { cx, resolveClassName } from '../../utils/className';
8
+ import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
9
+ import { useScopeAttributes } from '../../utils/scope';
10
+ import styles from './button.module.css';
11
+ /**
12
+ * Button classes (§9.2, §1.11.10). `primary` and `secondary` are never
13
+ * defaulted [D133]: the `solid` class falls back to the scope's action scale
14
+ * for `secondary`, and an explicit `secondary` wins from the scales layer.
15
+ * `destructive` swaps in the danger roles per variant (compounds) [D192].
16
+ */
17
+ export const button = cva(styles.base, {
18
+ variants: {
19
+ variant: {
20
+ solid: styles.solid,
21
+ outline: styles.outline,
22
+ text: styles.text,
23
+ },
24
+ size: {
25
+ sm: styles.sm,
26
+ md: styles.md,
27
+ lg: styles.lg,
28
+ xl: styles.xl,
29
+ },
30
+ iconOnly: {
31
+ true: styles.iconOnly,
32
+ },
33
+ onMedia: {
34
+ true: styles.onMedia,
35
+ },
36
+ butted: {
37
+ start: styles.buttedStart,
38
+ end: styles.buttedEnd,
39
+ },
40
+ destructive: {
41
+ true: styles.destructive,
42
+ },
43
+ primary: primaryScaleVariants,
44
+ secondary: secondaryScaleVariants,
45
+ },
46
+ compoundVariants: [
47
+ { iconOnly: true, onMedia: true, class: styles.iconOnlyOnMedia },
48
+ { iconOnly: true, butted: 'start', class: styles.iconOnlyButtedStart },
49
+ { iconOnly: true, butted: 'end', class: styles.iconOnlyButtedEnd },
50
+ { variant: 'solid', destructive: true, class: styles.solidDestructive },
51
+ { variant: 'outline', destructive: true, class: styles.outlineDestructive },
52
+ { variant: 'text', destructive: true, class: styles.textDestructive },
53
+ ],
54
+ defaultVariants: {
55
+ variant: 'outline',
56
+ size: 'md',
57
+ iconOnly: false,
58
+ onMedia: false,
59
+ destructive: false,
60
+ },
61
+ });
62
+ /**
63
+ * A Base UI Button. A navigating action renders an anchor through `render`
64
+ * (with `nativeButton={false}`), keeping link semantics. States come from
65
+ * Base UI and ARIA attributes only: pass `disabled` (with
66
+ * `focusableWhenDisabled` where the reason matters) or `aria-busy` together
67
+ * with an authored "-ing…" label; a busy button holds its rest width and
68
+ * ignores clicks.
69
+ */
70
+ export function Button(props) {
71
+ const { variant, size, iconOnly, onMedia, butted, destructive, primary, secondary, icon, iconPosition = 'start', onPress, onClick, className, children, disabled, ref, ...rest } = props;
72
+ const scope = useScopeAttributes();
73
+ const busy = rest['aria-busy'] === true || rest['aria-busy'] === 'true';
74
+ // A navigating Button keeps link semantics: drop Base UI's role="button".
75
+ const linkSemantics = React.isValidElement(rest.render) &&
76
+ rest.render.props.href != null &&
77
+ !('role' in rest)
78
+ ? { role: undefined }
79
+ : null;
80
+ const element = React.useRef(null);
81
+ const restWidth = React.useRef(null);
82
+ const setRef = React.useCallback((node) => {
83
+ element.current = node;
84
+ assignRef(ref, node);
85
+ }, [ref]);
86
+ // Remember the rest width, then hold it while busy [D84].
87
+ React.useLayoutEffect(() => {
88
+ if (!busy && element.current) {
89
+ restWidth.current = element.current.getBoundingClientRect().width;
90
+ }
91
+ }, [busy, children]);
92
+ React.useLayoutEffect(() => {
93
+ const node = element.current;
94
+ if (!busy || !node || restWidth.current === null)
95
+ return undefined;
96
+ node.style.setProperty('--button-rest-width', `${restWidth.current}px`);
97
+ return () => {
98
+ node.style.removeProperty('--button-rest-width');
99
+ };
100
+ }, [busy]);
101
+ const handleClick = (event) => {
102
+ if (busy) {
103
+ event.preventDefault();
104
+ event.preventBaseUIHandler();
105
+ return;
106
+ }
107
+ restWidth.current = event.currentTarget.getBoundingClientRect().width;
108
+ onClick?.(event);
109
+ onPress?.(event);
110
+ };
111
+ const variants = {
112
+ variant,
113
+ size,
114
+ iconOnly,
115
+ onMedia,
116
+ butted,
117
+ destructive,
118
+ primary,
119
+ secondary,
120
+ };
121
+ // The text Button and icon-only buttons swap the glyph to the next tier's
122
+ // weight on hover and press (§10.1 icon states) [D181]; the root hosts it.
123
+ const interactiveGlyph = icon != null && (variant === 'text' || iconOnly === true);
124
+ const host = interactiveGlyph ? iconHost : undefined;
125
+ const resolvedClassName = resolveClassName(className, (extra) => button({ ...variants, className: cx(host, extra) }));
126
+ // Icon-only lg takes the tag tier (20 px) as its own instance, never a resize.
127
+ const glyph = icon ? (React.createElement(Icon, { name: icon, size: iconOnly && size === 'lg' ? 'tag' : 'inline', weight: interactiveGlyph ? 'interactive' : 'rest', className: styles.icon })) : null;
128
+ const label = children == null ? null : React.createElement("span", { className: styles.label }, children);
129
+ const edge = disabled && variant !== 'text' ? (React.createElement("svg", { className: styles.edge, "aria-hidden": "true", focusable: "false" },
130
+ React.createElement("rect", { className: styles.edgeLine, width: "100%", height: "100%" }))) : null;
131
+ return (React.createElement(BaseButton, { ...rest, ...linkSemantics, ...scope, ref: setRef, disabled: disabled, className: resolvedClassName, onClick: handleClick },
132
+ iconPosition === 'end' ? label : glyph,
133
+ iconPosition === 'end' ? glyph : label,
134
+ edge));
135
+ }
136
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/actions/button/Button.tsx"],"names":[],"mappings":"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"}