@openedx/paragon 22.0.0-alpha.24 → 22.1.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 (947) hide show
  1. package/README.md +16 -46
  2. package/bin/paragon-scripts.js +16 -123
  3. package/dist/ActionRow/_index.scss +4 -2
  4. package/dist/ActionRow/_variables.scss +2 -0
  5. package/dist/ActionRow/index.js +7 -8
  6. package/dist/ActionRow/index.js.map +1 -1
  7. package/dist/Alert/_variables.scss +24 -0
  8. package/dist/Alert/index.js +33 -25
  9. package/dist/Alert/index.js.map +1 -1
  10. package/dist/Alert/index.scss +32 -41
  11. package/dist/Annotation/_variables.scss +18 -0
  12. package/dist/Annotation/index.js +7 -9
  13. package/dist/Annotation/index.js.map +1 -1
  14. package/dist/Annotation/index.scss +103 -130
  15. package/dist/Avatar/_variables.scss +10 -0
  16. package/dist/Avatar/index.js +5 -7
  17. package/dist/Avatar/index.js.map +1 -1
  18. package/dist/Avatar/index.scss +20 -18
  19. package/dist/AvatarButton/_variables.scss +3 -0
  20. package/dist/AvatarButton/index.js +10 -12
  21. package/dist/AvatarButton/index.js.map +1 -1
  22. package/dist/AvatarButton/index.scss +5 -3
  23. package/dist/Badge/_variables.scss +16 -0
  24. package/dist/Badge/index.js +6 -4
  25. package/dist/Badge/index.js.map +1 -1
  26. package/dist/Badge/index.scss +2 -112
  27. package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
  28. package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
  29. package/dist/Breadcrumb/_variables.scss +27 -0
  30. package/dist/Breadcrumb/index.js +29 -29
  31. package/dist/Breadcrumb/index.js.map +1 -1
  32. package/dist/Breadcrumb/index.scss +16 -14
  33. package/dist/Bubble/_variables.scss +8 -0
  34. package/dist/Bubble/index.js +11 -13
  35. package/dist/Bubble/index.js.map +1 -1
  36. package/dist/Bubble/index.scss +12 -25
  37. package/dist/Button/_variables.scss +52 -0
  38. package/dist/Button/deprecated/index.js +149 -0
  39. package/dist/Button/deprecated/index.js.map +1 -0
  40. package/dist/Button/index.js +12 -11
  41. package/dist/Button/index.js.map +1 -1
  42. package/dist/Button/index.scss +370 -855
  43. package/dist/Card/CardBody.js +4 -6
  44. package/dist/Card/CardBody.js.map +1 -1
  45. package/dist/Card/CardCarousel/CardCarousel.js +11 -13
  46. package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
  47. package/dist/Card/CardCarousel/CardCarouselControls.js +6 -7
  48. package/dist/Card/CardCarousel/CardCarouselControls.js.map +1 -1
  49. package/dist/Card/CardCarousel/CardCarouselHeader.js +9 -12
  50. package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
  51. package/dist/Card/CardCarousel/CardCarouselItems.js +6 -9
  52. package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
  53. package/dist/Card/CardCarousel/CardCarouselProvider.js +27 -28
  54. package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
  55. package/dist/Card/CardCarousel/CardCarouselSubtitle.js +4 -6
  56. package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
  57. package/dist/Card/CardCarousel/CardCarouselTitle.js +4 -6
  58. package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
  59. package/dist/Card/CardContext.js +8 -10
  60. package/dist/Card/CardContext.js.map +1 -1
  61. package/dist/Card/CardDeck.js +19 -17
  62. package/dist/Card/CardDeck.js.map +1 -1
  63. package/dist/Card/CardDivider.js +3 -5
  64. package/dist/Card/CardDivider.js.map +1 -1
  65. package/dist/Card/CardFooter.js +15 -18
  66. package/dist/Card/CardFooter.js.map +1 -1
  67. package/dist/Card/CardGrid.js +13 -11
  68. package/dist/Card/CardGrid.js.map +1 -1
  69. package/dist/Card/CardHeader.js +17 -22
  70. package/dist/Card/CardHeader.js.map +1 -1
  71. package/dist/Card/CardImageCap.js +48 -33
  72. package/dist/Card/CardImageCap.js.map +1 -1
  73. package/dist/Card/CardSection.js +11 -14
  74. package/dist/Card/CardSection.js.map +1 -1
  75. package/dist/Card/CardStatus.js +11 -14
  76. package/dist/Card/CardStatus.js.map +1 -1
  77. package/dist/Card/_variables.scss +55 -0
  78. package/dist/Card/index.js +18 -20
  79. package/dist/Card/index.js.map +1 -1
  80. package/dist/Card/index.scss +79 -78
  81. package/dist/Carousel/_variables.scss +27 -0
  82. package/dist/Carousel/index.js +17 -11
  83. package/dist/Carousel/index.js.map +1 -1
  84. package/dist/Carousel/index.scss +2 -168
  85. package/dist/CheckBox/index.js +102 -0
  86. package/dist/CheckBox/index.js.map +1 -0
  87. package/dist/CheckBoxGroup/index.js +15 -0
  88. package/dist/CheckBoxGroup/index.js.map +1 -0
  89. package/dist/Chip/ChipIcon.js +47 -0
  90. package/dist/Chip/ChipIcon.js.map +1 -0
  91. package/dist/Chip/_variables.scss +28 -0
  92. package/dist/Chip/constants.js +5 -0
  93. package/dist/Chip/index.js +66 -40
  94. package/dist/Chip/index.js.map +1 -1
  95. package/dist/Chip/index.scss +102 -61
  96. package/dist/Chip/mixins.scss +42 -0
  97. package/dist/ChipCarousel/_variables.scss +3 -0
  98. package/dist/ChipCarousel/index.js +29 -30
  99. package/dist/ChipCarousel/index.js.map +1 -1
  100. package/dist/ChipCarousel/index.scss +4 -1
  101. package/dist/CloseButton/_variables.scss +6 -0
  102. package/dist/CloseButton/index.scss +2 -31
  103. package/dist/Code/_variables.scss +17 -0
  104. package/dist/Code/index.scss +2 -47
  105. package/dist/Collapsible/CollapsibleAdvanced.js +82 -62
  106. package/dist/Collapsible/CollapsibleAdvanced.js.map +1 -1
  107. package/dist/Collapsible/CollapsibleBody.js +13 -15
  108. package/dist/Collapsible/CollapsibleBody.js.map +1 -1
  109. package/dist/Collapsible/CollapsibleTrigger.js +18 -20
  110. package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
  111. package/dist/Collapsible/CollapsibleVisible.js +6 -9
  112. package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
  113. package/dist/Collapsible/_variables.scss +12 -0
  114. package/dist/Collapsible/index.js +17 -18
  115. package/dist/Collapsible/index.js.map +1 -1
  116. package/dist/Collapsible/index.scss +15 -15
  117. package/dist/ColorPicker/_variables.scss +2 -0
  118. package/dist/ColorPicker/index.js +58 -33
  119. package/dist/ColorPicker/index.js.map +1 -1
  120. package/dist/ColorPicker/index.scss +11 -9
  121. package/dist/Container/_variables.scss +5 -0
  122. package/dist/Container/index.js +8 -9
  123. package/dist/Container/index.js.map +1 -1
  124. package/dist/DataTable/ActionDisplay.js +8 -9
  125. package/dist/DataTable/ActionDisplay.js.map +1 -1
  126. package/dist/DataTable/BulkActions.js +23 -20
  127. package/dist/DataTable/BulkActions.js.map +1 -1
  128. package/dist/DataTable/CardView.js +46 -43
  129. package/dist/DataTable/CardView.js.map +1 -1
  130. package/dist/DataTable/CollapsibleButtonGroup.js +59 -41
  131. package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
  132. package/dist/DataTable/DataTableContext.js +1 -1
  133. package/dist/DataTable/DataTableContext.js.map +1 -1
  134. package/dist/DataTable/DataTableLayout.js +6 -9
  135. package/dist/DataTable/DataTableLayout.js.map +1 -1
  136. package/dist/DataTable/DataViewToggle.js +25 -20
  137. package/dist/DataTable/DataViewToggle.js.map +1 -1
  138. package/dist/DataTable/DropdownFilters.js +41 -28
  139. package/dist/DataTable/DropdownFilters.js.map +1 -1
  140. package/dist/DataTable/EmptyTable.js +6 -9
  141. package/dist/DataTable/EmptyTable.js.map +1 -1
  142. package/dist/DataTable/ExpandAll.js +2 -4
  143. package/dist/DataTable/ExpandAll.js.map +1 -1
  144. package/dist/DataTable/ExpandRow.js +2 -4
  145. package/dist/DataTable/ExpandRow.js.map +1 -1
  146. package/dist/DataTable/FilterStatus.js +18 -17
  147. package/dist/DataTable/FilterStatus.js.map +1 -1
  148. package/dist/DataTable/RowStatus.js +15 -18
  149. package/dist/DataTable/RowStatus.js.map +1 -1
  150. package/dist/DataTable/SidebarFilters.js +16 -13
  151. package/dist/DataTable/SidebarFilters.js.map +1 -1
  152. package/dist/DataTable/SmartStatus.js +14 -16
  153. package/dist/DataTable/SmartStatus.js.map +1 -1
  154. package/dist/DataTable/Table.js +17 -19
  155. package/dist/DataTable/Table.js.map +1 -1
  156. package/dist/DataTable/TableActions.js +11 -13
  157. package/dist/DataTable/TableActions.js.map +1 -1
  158. package/dist/DataTable/TableCell.js +6 -10
  159. package/dist/DataTable/TableCell.js.map +1 -1
  160. package/dist/DataTable/TableControlBar.js +7 -12
  161. package/dist/DataTable/TableControlBar.js.map +1 -1
  162. package/dist/DataTable/TableFilters.js +14 -12
  163. package/dist/DataTable/TableFilters.js.map +1 -1
  164. package/dist/DataTable/TableFooter.js +5 -8
  165. package/dist/DataTable/TableFooter.js.map +1 -1
  166. package/dist/DataTable/TableHeaderCell.js +11 -15
  167. package/dist/DataTable/TableHeaderCell.js.map +1 -1
  168. package/dist/DataTable/TableHeaderRow.js +6 -4
  169. package/dist/DataTable/TableHeaderRow.js.map +1 -1
  170. package/dist/DataTable/TablePagination.js +15 -9
  171. package/dist/DataTable/TablePagination.js.map +1 -1
  172. package/dist/DataTable/TablePaginationMinimal.js +14 -8
  173. package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
  174. package/dist/DataTable/TableRow.js +15 -18
  175. package/dist/DataTable/TableRow.js.map +1 -1
  176. package/dist/DataTable/_variables.scss +11 -0
  177. package/dist/DataTable/filters/CheckboxFilter.js +23 -22
  178. package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
  179. package/dist/DataTable/filters/DropdownFilter.js +14 -19
  180. package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
  181. package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
  182. package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
  183. package/dist/DataTable/filters/TextFilter.js +15 -18
  184. package/dist/DataTable/filters/TextFilter.js.map +1 -1
  185. package/dist/DataTable/hooks.js +29 -25
  186. package/dist/DataTable/hooks.js.map +1 -1
  187. package/dist/DataTable/index.js +120 -104
  188. package/dist/DataTable/index.js.map +1 -1
  189. package/dist/DataTable/index.scss +50 -48
  190. package/dist/DataTable/selection/BaseSelectionStatus.js +29 -31
  191. package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
  192. package/dist/DataTable/selection/ControlledSelect.js +13 -9
  193. package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
  194. package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
  195. package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
  196. package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
  197. package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
  198. package/dist/DataTable/selection/SelectionStatus.js +23 -23
  199. package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
  200. package/dist/DataTable/utils/getVisibleColumns.js +36 -44
  201. package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
  202. package/dist/Dropdown/_variables.scss +33 -0
  203. package/dist/Dropdown/deprecated/DropdownButton.js +44 -0
  204. package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -0
  205. package/dist/Dropdown/deprecated/DropdownItem.js +33 -0
  206. package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -0
  207. package/dist/Dropdown/deprecated/DropdownMenu.js +46 -0
  208. package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -0
  209. package/dist/Dropdown/deprecated/index.js +242 -0
  210. package/dist/Dropdown/deprecated/index.js.map +1 -0
  211. package/dist/Dropdown/index.js +34 -29
  212. package/dist/Dropdown/index.js.map +1 -1
  213. package/dist/Dropdown/index.scss +12 -11
  214. package/dist/Dropzone/DefaultContent.js +13 -13
  215. package/dist/Dropzone/DefaultContent.js.map +1 -1
  216. package/dist/Dropzone/DragError.js +1 -3
  217. package/dist/Dropzone/DragError.js.map +1 -1
  218. package/dist/Dropzone/GenericError.js +7 -7
  219. package/dist/Dropzone/GenericError.js.map +1 -1
  220. package/dist/Dropzone/UploadProgress.js +6 -8
  221. package/dist/Dropzone/UploadProgress.js.map +1 -1
  222. package/dist/Dropzone/_variables.scss +9 -0
  223. package/dist/Dropzone/index.js +144 -85
  224. package/dist/Dropzone/index.js.map +1 -1
  225. package/dist/Dropzone/index.scss +14 -12
  226. package/dist/Fieldset/index.js +117 -0
  227. package/dist/Fieldset/index.js.map +1 -0
  228. package/dist/Fieldset/index.scss +12 -0
  229. package/dist/Form/FormAutosuggest.js +284 -154
  230. package/dist/Form/FormAutosuggest.js.map +1 -1
  231. package/dist/Form/FormAutosuggestOption.js +4 -6
  232. package/dist/Form/FormAutosuggestOption.js.map +1 -1
  233. package/dist/Form/FormCheckbox.js +35 -42
  234. package/dist/Form/FormCheckbox.js.map +1 -1
  235. package/dist/Form/FormCheckboxSet.js +13 -16
  236. package/dist/Form/FormCheckboxSet.js.map +1 -1
  237. package/dist/Form/FormCheckboxSetContext.js +39 -34
  238. package/dist/Form/FormCheckboxSetContext.js.map +1 -1
  239. package/dist/Form/FormControl.js +41 -35
  240. package/dist/Form/FormControl.js.map +1 -1
  241. package/dist/Form/FormControlDecorator.js +3 -5
  242. package/dist/Form/FormControlDecorator.js.map +1 -1
  243. package/dist/Form/FormControlDecoratorGroup.js +8 -10
  244. package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
  245. package/dist/Form/FormControlFeedback.js +12 -15
  246. package/dist/Form/FormControlFeedback.js.map +1 -1
  247. package/dist/Form/FormControlFloatingLabel.js +3 -6
  248. package/dist/Form/FormControlFloatingLabel.js.map +1 -1
  249. package/dist/Form/FormControlSet.js +8 -9
  250. package/dist/Form/FormControlSet.js.map +1 -1
  251. package/dist/Form/FormGroup.js +11 -12
  252. package/dist/Form/FormGroup.js.map +1 -1
  253. package/dist/Form/FormGroupContext.js +64 -39
  254. package/dist/Form/FormGroupContext.js.map +1 -1
  255. package/dist/Form/FormLabel.js +15 -17
  256. package/dist/Form/FormLabel.js.map +1 -1
  257. package/dist/Form/FormRadio.js +19 -22
  258. package/dist/Form/FormRadio.js.map +1 -1
  259. package/dist/Form/FormRadioSet.js +13 -16
  260. package/dist/Form/FormRadioSet.js.map +1 -1
  261. package/dist/Form/FormRadioSetContext.js +39 -34
  262. package/dist/Form/FormRadioSetContext.js.map +1 -1
  263. package/dist/Form/FormSwitch.js +16 -20
  264. package/dist/Form/FormSwitch.js.map +1 -1
  265. package/dist/Form/FormText.js +20 -29
  266. package/dist/Form/FormText.js.map +1 -1
  267. package/dist/Form/_FormText.scss +8 -8
  268. package/dist/Form/_index.scss +146 -168
  269. package/dist/Form/_mixins.scss +3 -216
  270. package/dist/Form/_variables.scss +267 -0
  271. package/dist/Form/useCheckboxSetValues.js +46 -23
  272. package/dist/Form/useCheckboxSetValues.js.map +1 -1
  273. package/dist/Hyperlink/index.js +25 -25
  274. package/dist/Hyperlink/index.js.map +1 -1
  275. package/dist/Hyperlink/index.scss +3 -3
  276. package/dist/Icon/_variables.scss +7 -0
  277. package/dist/Icon/index.js +21 -20
  278. package/dist/Icon/index.js.map +1 -1
  279. package/dist/Icon/index.scss +12 -10
  280. package/dist/IconButton/index.js +39 -35
  281. package/dist/IconButton/index.js.map +1 -1
  282. package/dist/IconButton/index.scss +74 -387
  283. package/dist/IconButtonToggle/index.js +16 -16
  284. package/dist/IconButtonToggle/index.js.map +1 -1
  285. package/dist/IconButtonToggle/index.scss +1 -1
  286. package/dist/Image/_variables.scss +13 -0
  287. package/dist/Image/index.scss +2 -53
  288. package/dist/Input/index.js +166 -0
  289. package/dist/Input/index.js.map +1 -0
  290. package/dist/InputSelect/index.js +105 -0
  291. package/dist/InputSelect/index.js.map +1 -0
  292. package/dist/InputText/index.js +45 -0
  293. package/dist/InputText/index.js.map +1 -0
  294. package/dist/Layout/index.js +33 -29
  295. package/dist/Layout/index.js.map +1 -1
  296. package/dist/ListBox/index.js +148 -0
  297. package/dist/ListBox/index.js.map +1 -0
  298. package/dist/ListBoxOption/index.js +94 -0
  299. package/dist/ListBoxOption/index.js.map +1 -0
  300. package/dist/MailtoLink/index.js +37 -34
  301. package/dist/MailtoLink/index.js.map +1 -1
  302. package/dist/Menu/MenuItem.js +11 -12
  303. package/dist/Menu/MenuItem.js.map +1 -1
  304. package/dist/Menu/SelectMenu.js +68 -44
  305. package/dist/Menu/SelectMenu.js.map +1 -1
  306. package/dist/Menu/_variables.scss +24 -0
  307. package/dist/Menu/index.js +10 -11
  308. package/dist/Menu/index.js.map +1 -1
  309. package/dist/Menu/index.scss +27 -25
  310. package/dist/Modal/AlertModal.js +5 -7
  311. package/dist/Modal/AlertModal.js.map +1 -1
  312. package/dist/Modal/FullscreenModal.js +6 -8
  313. package/dist/Modal/FullscreenModal.js.map +1 -1
  314. package/dist/Modal/MarketingModal.js +8 -10
  315. package/dist/Modal/MarketingModal.js.map +1 -1
  316. package/dist/Modal/ModalCloseButton.js +13 -15
  317. package/dist/Modal/ModalCloseButton.js.map +1 -1
  318. package/dist/Modal/ModalContext.js +13 -13
  319. package/dist/Modal/ModalContext.js.map +1 -1
  320. package/dist/Modal/ModalDialog.js +28 -25
  321. package/dist/Modal/ModalDialog.js.map +1 -1
  322. package/dist/Modal/ModalDialogBody.js +22 -11
  323. package/dist/Modal/ModalDialogBody.js.map +1 -1
  324. package/dist/Modal/ModalDialogFooter.js +6 -7
  325. package/dist/Modal/ModalDialogFooter.js.map +1 -1
  326. package/dist/Modal/ModalDialogHeader.js +6 -7
  327. package/dist/Modal/ModalDialogHeader.js.map +1 -1
  328. package/dist/Modal/ModalDialogHero.js +6 -7
  329. package/dist/Modal/ModalDialogHero.js.map +1 -1
  330. package/dist/Modal/ModalDialogHeroBackground.js +8 -9
  331. package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
  332. package/dist/Modal/ModalDialogHeroContent.js +6 -7
  333. package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
  334. package/dist/Modal/ModalDialogTitle.js +6 -7
  335. package/dist/Modal/ModalDialogTitle.js.map +1 -1
  336. package/dist/Modal/ModalLayer.js +11 -17
  337. package/dist/Modal/ModalLayer.js.map +1 -1
  338. package/dist/Modal/ModalPopup.js +17 -17
  339. package/dist/Modal/ModalPopup.js.map +1 -1
  340. package/dist/Modal/PopperElement.js +25 -18
  341. package/dist/Modal/PopperElement.js.map +1 -1
  342. package/dist/Modal/Portal.js +40 -18
  343. package/dist/Modal/Portal.js.map +1 -1
  344. package/dist/Modal/StandardModal.js +6 -8
  345. package/dist/Modal/StandardModal.js.map +1 -1
  346. package/dist/Modal/_ModalDialog.scss +58 -50
  347. package/dist/Modal/_variables.scss +50 -0
  348. package/dist/Modal/index.js +293 -0
  349. package/dist/Modal/index.js.map +1 -0
  350. package/dist/Modal/index.scss +73 -6
  351. package/dist/Nav/_mixins.scss +4 -4
  352. package/dist/Nav/_variables.scss +58 -0
  353. package/dist/Nav/index.js +3 -2
  354. package/dist/Nav/index.js.map +1 -1
  355. package/dist/Nav/index.scss +66 -70
  356. package/dist/Navbar/_variables.scss +40 -0
  357. package/dist/Navbar/index.js +7 -6
  358. package/dist/Navbar/index.js.map +1 -1
  359. package/dist/Navbar/index.scss +2 -276
  360. package/dist/OverflowScroll/OverflowScroll.js +45 -37
  361. package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
  362. package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
  363. package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
  364. package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
  365. package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
  366. package/dist/OverflowScroll/_variables.scss +5 -0
  367. package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  368. package/dist/OverflowScroll/index.scss +1 -0
  369. package/dist/Overlay/index.js +6 -5
  370. package/dist/Overlay/index.js.map +1 -1
  371. package/dist/PageBanner/index.js +11 -13
  372. package/dist/PageBanner/index.js.map +1 -1
  373. package/dist/PageBanner/index.scss +21 -17
  374. package/dist/Pagination/DefaultPagination.js +34 -0
  375. package/dist/Pagination/DefaultPagination.js.map +1 -0
  376. package/dist/Pagination/MinimalPagination.js +8 -0
  377. package/dist/Pagination/MinimalPagination.js.map +1 -0
  378. package/dist/Pagination/PaginationContext.js +200 -0
  379. package/dist/Pagination/PaginationContext.js.map +1 -0
  380. package/dist/Pagination/ReducedPagination.js +8 -0
  381. package/dist/Pagination/ReducedPagination.js.map +1 -0
  382. package/dist/Pagination/_variables.scss +19 -0
  383. package/dist/Pagination/constants.js +15 -1
  384. package/dist/Pagination/getPaginationRange.js +4 -0
  385. package/dist/Pagination/index.js +44 -358
  386. package/dist/Pagination/index.js.map +1 -1
  387. package/dist/Pagination/index.scss +120 -226
  388. package/dist/Pagination/subcomponents/Ellipsis.js +11 -0
  389. package/dist/Pagination/subcomponents/Ellipsis.js.map +1 -0
  390. package/dist/Pagination/subcomponents/NextPageButton.js +57 -0
  391. package/dist/Pagination/subcomponents/NextPageButton.js.map +1 -0
  392. package/dist/Pagination/subcomponents/PageButton.js +31 -0
  393. package/dist/Pagination/subcomponents/PageButton.js.map +1 -0
  394. package/dist/Pagination/subcomponents/PageOfCountButton.js +17 -0
  395. package/dist/Pagination/subcomponents/PageOfCountButton.js.map +1 -0
  396. package/dist/Pagination/subcomponents/PaginationDropdown.js +34 -0
  397. package/dist/Pagination/subcomponents/PaginationDropdown.js.map +1 -0
  398. package/dist/Pagination/subcomponents/PreviousPageButton.js +57 -0
  399. package/dist/Pagination/subcomponents/PreviousPageButton.js.map +1 -0
  400. package/dist/Pagination/subcomponents/ScreenReaderText.js +13 -0
  401. package/dist/Pagination/subcomponents/ScreenReaderText.js.map +1 -0
  402. package/dist/Pagination/subcomponents/index.js +7 -0
  403. package/dist/Popover/_variables.scss +36 -0
  404. package/dist/Popover/index.js +11 -14
  405. package/dist/Popover/index.js.map +1 -1
  406. package/dist/Popover/index.scss +10 -9
  407. package/dist/ProductTour/Checkpoint.js +29 -22
  408. package/dist/ProductTour/Checkpoint.js.map +1 -1
  409. package/dist/ProductTour/Checkpoint.scss +43 -71
  410. package/dist/ProductTour/CheckpointActionRow.js +18 -16
  411. package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
  412. package/dist/ProductTour/CheckpointBody.js +2 -4
  413. package/dist/ProductTour/CheckpointBody.js.map +1 -1
  414. package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
  415. package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
  416. package/dist/ProductTour/CheckpointTitle.js +2 -4
  417. package/dist/ProductTour/CheckpointTitle.js.map +1 -1
  418. package/dist/ProductTour/_variables.scss +15 -0
  419. package/dist/ProductTour/index.js +66 -47
  420. package/dist/ProductTour/index.js.map +1 -1
  421. package/dist/ProgressBar/_variables.scss +23 -0
  422. package/dist/ProgressBar/index.js +37 -35
  423. package/dist/ProgressBar/index.js.map +1 -1
  424. package/dist/ProgressBar/index.scss +36 -28
  425. package/dist/RadioButtonGroup/index.js +188 -0
  426. package/dist/RadioButtonGroup/index.js.map +1 -0
  427. package/dist/Scrollable/index.js +30 -15
  428. package/dist/Scrollable/index.js.map +1 -1
  429. package/dist/Scrollable/index.scss +2 -2
  430. package/dist/SearchField/SearchFieldAdvanced.js +56 -51
  431. package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
  432. package/dist/SearchField/SearchFieldClearButton.js +19 -20
  433. package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
  434. package/dist/SearchField/SearchFieldInput.js +10 -11
  435. package/dist/SearchField/SearchFieldInput.js.map +1 -1
  436. package/dist/SearchField/SearchFieldLabel.js +5 -8
  437. package/dist/SearchField/SearchFieldLabel.js.map +1 -1
  438. package/dist/SearchField/SearchFieldSubmitButton.js +23 -23
  439. package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
  440. package/dist/SearchField/_variables.scss +14 -0
  441. package/dist/SearchField/index.js +26 -31
  442. package/dist/SearchField/index.js.map +1 -1
  443. package/dist/SearchField/index.scss +23 -31
  444. package/dist/SelectableBox/SelectableBoxSet.js +25 -26
  445. package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
  446. package/dist/SelectableBox/_variables.scss +5 -0
  447. package/dist/SelectableBox/index.js +42 -38
  448. package/dist/SelectableBox/index.js.map +1 -1
  449. package/dist/SelectableBox/index.scss +13 -11
  450. package/dist/Sheet/SheetContainer.js +38 -16
  451. package/dist/Sheet/SheetContainer.js.map +1 -1
  452. package/dist/Sheet/index.js +65 -43
  453. package/dist/Sheet/index.js.map +1 -1
  454. package/dist/Sheet/index.scss +10 -10
  455. package/dist/Spinner/_variables.scss +9 -0
  456. package/dist/Spinner/index.js +8 -9
  457. package/dist/Spinner/index.js.map +1 -1
  458. package/dist/Spinner/index.scss +2 -57
  459. package/dist/Stack/_variables.scss +1 -0
  460. package/dist/Stack/index.js +9 -11
  461. package/dist/Stack/index.js.map +1 -1
  462. package/dist/Stack/index.scss +3 -1
  463. package/dist/StatefulButton/index.js +15 -17
  464. package/dist/StatefulButton/index.js.map +1 -1
  465. package/dist/StatusAlert/index.js +168 -0
  466. package/dist/StatusAlert/index.js.map +1 -0
  467. package/dist/Stepper/Stepper.js +2 -4
  468. package/dist/Stepper/Stepper.js.map +1 -1
  469. package/dist/Stepper/StepperActionRow.js +7 -10
  470. package/dist/Stepper/StepperActionRow.js.map +1 -1
  471. package/dist/Stepper/StepperContext.js +64 -32
  472. package/dist/Stepper/StepperContext.js.map +1 -1
  473. package/dist/Stepper/StepperHeader.js +23 -30
  474. package/dist/Stepper/StepperHeader.js.map +1 -1
  475. package/dist/Stepper/StepperHeaderStep.js +14 -17
  476. package/dist/Stepper/StepperHeaderStep.js.map +1 -1
  477. package/dist/Stepper/StepperStep.js +23 -24
  478. package/dist/Stepper/StepperStep.js.map +1 -1
  479. package/dist/Stepper/_variables.scss +18 -0
  480. package/dist/Stepper/index.scss +20 -19
  481. package/dist/Sticky/_variables.scss +3 -0
  482. package/dist/Sticky/index.js +30 -22
  483. package/dist/Sticky/index.js.map +1 -1
  484. package/dist/Sticky/index.scss +6 -4
  485. package/dist/Table/_variables.scss +34 -0
  486. package/dist/Table/index.js +267 -0
  487. package/dist/Table/index.js.map +1 -0
  488. package/dist/Table/index.scss +12 -0
  489. package/dist/Tabs/_variables.scss +24 -0
  490. package/dist/Tabs/deprecated/Tabs.scss +3 -0
  491. package/dist/Tabs/deprecated/index.js +123 -0
  492. package/dist/Tabs/deprecated/index.js.map +1 -0
  493. package/dist/Tabs/index.js +67 -49
  494. package/dist/Tabs/index.js.map +1 -1
  495. package/dist/Tabs/index.scss +25 -26
  496. package/dist/TextArea/index.js +44 -0
  497. package/dist/TextArea/index.js.map +1 -0
  498. package/dist/Toast/ToastContainer.js +38 -16
  499. package/dist/Toast/ToastContainer.js.map +1 -1
  500. package/dist/Toast/ToastContainer.scss +11 -9
  501. package/dist/Toast/_variables.scss +19 -0
  502. package/dist/Toast/index.js +33 -18
  503. package/dist/Toast/index.js.map +1 -1
  504. package/dist/Toast/index.scss +10 -9
  505. package/dist/Tooltip/_variables.scss +21 -0
  506. package/dist/Tooltip/index.js +8 -9
  507. package/dist/Tooltip/index.js.map +1 -1
  508. package/dist/Tooltip/index.scss +10 -136
  509. package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
  510. package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
  511. package/dist/TransitionReplace/index.js +136 -100
  512. package/dist/TransitionReplace/index.js.map +1 -1
  513. package/dist/Truncate/index.js +30 -24
  514. package/dist/Truncate/index.js.map +1 -1
  515. package/dist/ValidationFormGroup/index.js +106 -0
  516. package/dist/ValidationFormGroup/index.js.map +1 -0
  517. package/dist/ValidationMessage/index.js +76 -51
  518. package/dist/ValidationMessage/index.js.map +1 -1
  519. package/dist/ValidationMessage/index.scss +1 -1
  520. package/dist/asInput/index.js +251 -202
  521. package/dist/asInput/index.js.map +1 -1
  522. package/dist/hooks/useArrowKeyNavigation.js +46 -43
  523. package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
  524. package/dist/hooks/useIndexOfLastVisibleChild.js +40 -26
  525. package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
  526. package/dist/hooks/useIsVisible.js +20 -13
  527. package/dist/hooks/useIsVisible.js.map +1 -1
  528. package/dist/hooks/useToggle.js +18 -11
  529. package/dist/hooks/useToggle.js.map +1 -1
  530. package/dist/hooks/useWindowSize.js +17 -6
  531. package/dist/hooks/useWindowSize.js.map +1 -1
  532. package/dist/index.js +14 -0
  533. package/dist/index.scss +4 -0
  534. package/dist/paragon.css +45 -0
  535. package/dist/utils/breakpoints.js +1 -1
  536. package/dist/utils/propTypes/utils.js +17 -2
  537. package/dist/withDeprecatedProps.js +79 -58
  538. package/dist/withDeprecatedProps.js.map +1 -1
  539. package/lib/help.js +23 -36
  540. package/lib/migrate-to-openedx-scope.js +62 -0
  541. package/package.json +20 -33
  542. package/{styles/scss → scss}/core/_functions.scss +1 -1
  543. package/scss/core/_grid.scss +21 -0
  544. package/{styles/scss → scss}/core/_utilities.scss +11 -17
  545. package/scss/core/_variables.scss +875 -0
  546. package/scss/core/core.scss +21 -0
  547. package/{styles/scss → scss}/core/utilities-only.scss +0 -1
  548. package/src/ActionRow/_index.scss +4 -2
  549. package/src/ActionRow/_variables.scss +2 -0
  550. package/src/Alert/_variables.scss +24 -0
  551. package/src/Alert/index.scss +32 -41
  552. package/src/Annotation/_variables.scss +18 -0
  553. package/src/Annotation/index.scss +103 -130
  554. package/src/Avatar/_variables.scss +10 -0
  555. package/src/Avatar/index.scss +20 -18
  556. package/src/AvatarButton/_variables.scss +3 -0
  557. package/src/AvatarButton/index.scss +5 -3
  558. package/src/Badge/_variables.scss +16 -0
  559. package/src/Badge/index.scss +2 -112
  560. package/src/Breadcrumb/_variables.scss +27 -0
  561. package/src/Breadcrumb/index.scss +16 -14
  562. package/src/Bubble/_variables.scss +8 -0
  563. package/src/Bubble/index.scss +12 -25
  564. package/src/Button/README.md +84 -0
  565. package/src/Button/_variables.scss +52 -0
  566. package/src/Button/deprecated/Button.test.jsx +34 -0
  567. package/src/Button/deprecated/index.jsx +145 -0
  568. package/src/Button/index.jsx +5 -2
  569. package/src/Button/index.scss +370 -855
  570. package/src/Card/_variables.scss +55 -0
  571. package/src/Card/index.scss +79 -78
  572. package/src/Carousel/_variables.scss +27 -0
  573. package/src/Carousel/index.scss +2 -168
  574. package/src/CheckBox/CheckBox.test.jsx +65 -0
  575. package/src/CheckBox/README.md +93 -0
  576. package/src/CheckBox/index.jsx +80 -0
  577. package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +33 -0
  578. package/src/CheckBoxGroup/README.md +35 -0
  579. package/src/CheckBoxGroup/index.jsx +19 -0
  580. package/src/Chip/Chip.test.jsx +82 -16
  581. package/src/Chip/ChipIcon.tsx +54 -0
  582. package/src/Chip/README.md +116 -11
  583. package/src/Chip/__snapshots__/Chip.test.jsx.snap +84 -90
  584. package/src/Chip/_variables.scss +28 -0
  585. package/src/Chip/constants.js +5 -0
  586. package/src/Chip/index.scss +102 -61
  587. package/src/Chip/index.tsx +79 -46
  588. package/src/Chip/mixins.scss +42 -0
  589. package/src/ChipCarousel/_variables.scss +3 -0
  590. package/src/ChipCarousel/index.scss +4 -1
  591. package/src/CloseButton/_variables.scss +6 -0
  592. package/src/CloseButton/index.scss +2 -31
  593. package/src/Code/_variables.scss +17 -0
  594. package/src/Code/index.scss +2 -47
  595. package/src/Collapsible/_variables.scss +12 -0
  596. package/src/Collapsible/index.scss +15 -15
  597. package/src/ColorPicker/_variables.scss +2 -0
  598. package/src/ColorPicker/index.scss +11 -9
  599. package/src/Container/_variables.scss +5 -0
  600. package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
  601. package/src/DataTable/TablePagination.jsx +7 -2
  602. package/src/DataTable/TablePaginationMinimal.jsx +5 -0
  603. package/src/DataTable/_variables.scss +11 -0
  604. package/src/DataTable/filters/TextFilter.jsx +4 -5
  605. package/src/DataTable/index.scss +50 -48
  606. package/src/DataTable/tests/TablePagination.test.jsx +6 -6
  607. package/src/Dropdown/README.md +93 -0
  608. package/src/Dropdown/_variables.scss +33 -0
  609. package/src/Dropdown/deprecated/Dropdown.test.jsx +238 -0
  610. package/src/Dropdown/deprecated/DropdownButton.jsx +52 -0
  611. package/src/Dropdown/deprecated/DropdownItem.jsx +34 -0
  612. package/src/Dropdown/deprecated/DropdownMenu.jsx +50 -0
  613. package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +229 -0
  614. package/src/Dropdown/deprecated/index.jsx +222 -0
  615. package/src/Dropdown/index.jsx +2 -0
  616. package/src/Dropdown/index.scss +12 -11
  617. package/src/Dropzone/_variables.scss +9 -0
  618. package/src/Dropzone/index.scss +14 -12
  619. package/src/Fieldset/Fieldset.test.jsx +101 -0
  620. package/src/Fieldset/README.md +146 -0
  621. package/src/Fieldset/index.jsx +107 -0
  622. package/src/Fieldset/index.scss +12 -0
  623. package/src/Form/FormAutosuggest.jsx +332 -254
  624. package/src/Form/_FormText.scss +8 -8
  625. package/src/Form/_index.scss +146 -168
  626. package/src/Form/_mixins.scss +3 -216
  627. package/src/Form/_variables.scss +267 -0
  628. package/src/Form/form-autosuggest.mdx +114 -57
  629. package/src/Form/tests/FormAutosuggest.test.jsx +63 -16
  630. package/src/Hyperlink/index.scss +3 -3
  631. package/src/Icon/README.md +3 -3
  632. package/src/Icon/_variables.scss +7 -0
  633. package/src/Icon/index.jsx +1 -1
  634. package/src/Icon/index.scss +12 -10
  635. package/src/IconButton/README.md +15 -1
  636. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +28 -5
  637. package/src/IconButton/index.jsx +14 -7
  638. package/src/IconButton/index.scss +74 -387
  639. package/src/IconButtonToggle/index.scss +1 -1
  640. package/src/Image/_variables.scss +13 -0
  641. package/src/Image/index.scss +2 -53
  642. package/src/Input/README.md +74 -0
  643. package/src/Input/__snapshots__/input.test.jsx.snap +53 -0
  644. package/src/Input/index.jsx +151 -0
  645. package/src/Input/input.test.jsx +85 -0
  646. package/src/InputSelect/README.md +136 -0
  647. package/src/InputSelect/index.jsx +92 -0
  648. package/src/InputText/InputText.test.jsx +74 -0
  649. package/src/InputText/README.md +293 -0
  650. package/src/InputText/index.jsx +49 -0
  651. package/src/ListBox/ListBox.test.jsx +161 -0
  652. package/src/ListBox/README.md +185 -0
  653. package/src/ListBox/index.jsx +115 -0
  654. package/src/ListBoxOption/ListBoxOption.test.jsx +154 -0
  655. package/src/ListBoxOption/index.jsx +78 -0
  656. package/src/Menu/_variables.scss +24 -0
  657. package/src/Menu/index.scss +27 -25
  658. package/src/Modal/ModalDialog.jsx +5 -0
  659. package/src/Modal/README.md +148 -0
  660. package/src/Modal/_ModalDialog.scss +58 -50
  661. package/src/Modal/_variables.scss +50 -0
  662. package/src/Modal/index.jsx +319 -0
  663. package/src/Modal/index.scss +73 -6
  664. package/src/Modal/tests/Modal.test.jsx +261 -0
  665. package/src/Nav/_mixins.scss +4 -4
  666. package/src/Nav/_variables.scss +58 -0
  667. package/src/Nav/index.scss +66 -70
  668. package/src/Navbar/_variables.scss +40 -0
  669. package/src/Navbar/index.scss +2 -276
  670. package/src/OverflowScroll/_variables.scss +5 -0
  671. package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  672. package/src/OverflowScroll/index.scss +1 -0
  673. package/src/Overlay/index.jsx +3 -2
  674. package/src/PageBanner/index.scss +21 -17
  675. package/src/Pagination/DefaultPagination.jsx +43 -0
  676. package/src/Pagination/MinimalPagination.jsx +11 -0
  677. package/src/Pagination/Pagination.test.jsx +201 -156
  678. package/src/Pagination/PaginationContext.jsx +191 -0
  679. package/src/Pagination/README.md +86 -22
  680. package/src/Pagination/ReducedPagination.jsx +12 -0
  681. package/src/Pagination/__snapshots__/Pagination.test.jsx.snap +301 -0
  682. package/src/Pagination/_variables.scss +19 -0
  683. package/src/Pagination/constants.js +15 -1
  684. package/src/Pagination/getPaginationRange.js +4 -0
  685. package/src/Pagination/index.jsx +48 -420
  686. package/src/Pagination/index.scss +120 -226
  687. package/src/Pagination/subcomponents/Ellipsis.jsx +13 -0
  688. package/src/Pagination/subcomponents/NextPageButton.jsx +64 -0
  689. package/src/Pagination/subcomponents/PageButton.jsx +33 -0
  690. package/src/Pagination/subcomponents/PageOfCountButton.jsx +25 -0
  691. package/src/Pagination/subcomponents/PaginationDropdown.jsx +37 -0
  692. package/src/Pagination/subcomponents/PreviousPageButton.jsx +64 -0
  693. package/src/Pagination/subcomponents/ScreenReaderText.jsx +17 -0
  694. package/src/Pagination/subcomponents/index.js +7 -0
  695. package/src/Popover/_variables.scss +36 -0
  696. package/src/Popover/index.scss +10 -9
  697. package/src/ProductTour/Checkpoint.scss +43 -71
  698. package/src/ProductTour/_variables.scss +15 -0
  699. package/src/ProgressBar/_variables.scss +23 -0
  700. package/src/ProgressBar/index.scss +36 -28
  701. package/src/RadioButtonGroup/README.md +50 -0
  702. package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +127 -0
  703. package/src/RadioButtonGroup/index.jsx +185 -0
  704. package/src/Scrollable/index.scss +2 -2
  705. package/src/SearchField/SearchField.test.jsx +1 -1
  706. package/src/SearchField/SearchFieldAdvanced.jsx +2 -4
  707. package/src/SearchField/SearchFieldClearButton.jsx +13 -5
  708. package/src/SearchField/SearchFieldInput.jsx +2 -2
  709. package/src/SearchField/SearchFieldSubmitButton.jsx +10 -8
  710. package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +29 -33
  711. package/src/SearchField/_variables.scss +14 -0
  712. package/src/SearchField/index.jsx +4 -6
  713. package/src/SearchField/index.scss +23 -31
  714. package/src/SelectableBox/_variables.scss +5 -0
  715. package/src/SelectableBox/index.scss +13 -11
  716. package/src/Sheet/index.scss +10 -10
  717. package/src/Spinner/_variables.scss +9 -0
  718. package/src/Spinner/index.scss +2 -57
  719. package/src/Stack/_variables.scss +1 -0
  720. package/src/Stack/index.scss +3 -1
  721. package/src/StatusAlert/README.md +149 -0
  722. package/src/StatusAlert/StatusAlert.test.jsx +150 -0
  723. package/src/StatusAlert/index.jsx +144 -0
  724. package/src/Stepper/_variables.scss +18 -0
  725. package/src/Stepper/index.scss +20 -19
  726. package/src/Sticky/_variables.scss +3 -0
  727. package/src/Sticky/index.scss +6 -4
  728. package/src/Table/README.md +506 -0
  729. package/src/Table/Table.test.jsx +367 -0
  730. package/src/Table/_variables.scss +34 -0
  731. package/src/Table/index.jsx +264 -0
  732. package/src/Table/index.scss +12 -0
  733. package/src/Tabs/README.md +3 -1
  734. package/src/Tabs/_variables.scss +24 -0
  735. package/src/Tabs/deprecated/Tabs.scss +3 -0
  736. package/src/Tabs/deprecated/Tabs.test.jsx +50 -0
  737. package/src/Tabs/deprecated/index.jsx +117 -0
  738. package/src/Tabs/index.jsx +3 -0
  739. package/src/Tabs/index.scss +25 -26
  740. package/src/TextArea/README.md +63 -0
  741. package/src/TextArea/index.jsx +48 -0
  742. package/src/Toast/ToastContainer.scss +11 -9
  743. package/src/Toast/_variables.scss +19 -0
  744. package/src/Toast/index.scss +10 -9
  745. package/src/Tooltip/_variables.scss +21 -0
  746. package/src/Tooltip/index.scss +10 -136
  747. package/src/TransitionReplace/README.md +4 -4
  748. package/src/ValidationFormGroup/README.md +116 -0
  749. package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +146 -0
  750. package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +161 -0
  751. package/src/ValidationFormGroup/index.jsx +114 -0
  752. package/src/ValidationMessage/index.scss +1 -1
  753. package/src/index.js +14 -0
  754. package/src/index.scss +4 -0
  755. package/src/utils/breakpoints.js +1 -1
  756. package/src/utils/propTypes/utils.js +17 -2
  757. package/dist/Annotation/_mixins.scss +0 -104
  758. package/dist/Button/_mixins.scss +0 -14
  759. package/dist/Button/button-group.scss +0 -126
  760. package/dist/Card/card-bootstrap.scss +0 -168
  761. package/dist/Dropdown/dropdown-bootstrap.scss +0 -181
  762. package/dist/Form/_bootstrap-custom-forms.scss +0 -551
  763. package/dist/Form/_bootstrap-forms.scss +0 -381
  764. package/dist/Form/_input-group.scss +0 -188
  765. package/dist/IconButton/_mixins.scss +0 -4
  766. package/dist/Pagination/pagination-bootstrap.scss +0 -83
  767. package/dist/Popover/popover-bootstrap.scss +0 -198
  768. package/dist/ProgressBar/_mixins.scss +0 -22
  769. package/dist/ProgressBar/bootstrap-progress.scss +0 -49
  770. package/dist/Toast/bootstrap-toast.scss +0 -46
  771. package/dist/core.css +0 -16778
  772. package/dist/core.css.map +0 -1
  773. package/dist/core.min.css +0 -2
  774. package/dist/light.css +0 -4090
  775. package/dist/light.css.map +0 -1
  776. package/dist/light.min.css +0 -2
  777. package/dist/theme-urls.json +0 -21
  778. package/lib/build-scss.js +0 -188
  779. package/lib/build-tokens.js +0 -119
  780. package/lib/replace-variables.js +0 -38
  781. package/lib/utils.js +0 -9
  782. package/src/Annotation/_mixins.scss +0 -104
  783. package/src/Button/_mixins.scss +0 -14
  784. package/src/Button/button-group.scss +0 -126
  785. package/src/Card/card-bootstrap.scss +0 -168
  786. package/src/Dropdown/dropdown-bootstrap.scss +0 -181
  787. package/src/Form/_bootstrap-custom-forms.scss +0 -551
  788. package/src/Form/_bootstrap-forms.scss +0 -381
  789. package/src/Form/_input-group.scss +0 -188
  790. package/src/IconButton/_mixins.scss +0 -4
  791. package/src/Pagination/pagination-bootstrap.scss +0 -83
  792. package/src/Popover/popover-bootstrap.scss +0 -198
  793. package/src/ProgressBar/_mixins.scss +0 -22
  794. package/src/ProgressBar/bootstrap-progress.scss +0 -49
  795. package/src/Toast/bootstrap-toast.scss +0 -46
  796. package/styles/css/core/custom-media-breakpoints.css +0 -17
  797. package/styles/css/core/index.css +0 -2
  798. package/styles/css/core/variables.css +0 -606
  799. package/styles/css/themes/light/index.css +0 -2
  800. package/styles/css/themes/light/utility-classes.css +0 -2454
  801. package/styles/css/themes/light/variables.css +0 -1636
  802. package/styles/scss/core/_grid.scss +0 -21
  803. package/styles/scss/core/_variables.scss +0 -869
  804. package/styles/scss/core/bootstrap-override/_functions.scss +0 -104
  805. package/styles/scss/core/bootstrap-override/_mixins.scss +0 -4
  806. package/styles/scss/core/bootstrap-override/_utilities.scss +0 -4
  807. package/styles/scss/core/bootstrap-override/bootstrap.scss +0 -2
  808. package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +0 -80
  809. package/styles/scss/core/bootstrap-override/mixins/_grid.scss +0 -69
  810. package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +0 -22
  811. package/styles/scss/core/bootstrap-override/utilities/_background.scss +0 -7
  812. package/styles/scss/core/bootstrap-override/utilities/_borders.scss +0 -67
  813. package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +0 -70
  814. package/styles/scss/core/bootstrap-override/utilities/_text.scss +0 -68
  815. package/styles/scss/core/core.scss +0 -21
  816. package/tokens/README.md +0 -158
  817. package/tokens/css-utilities.js +0 -56
  818. package/tokens/map-scss-to-css.js +0 -24
  819. package/tokens/replace-variables.js +0 -32
  820. package/tokens/sass-helpers.js +0 -98
  821. package/tokens/src/core/alias/size.json +0 -15
  822. package/tokens/src/core/components/ActionRow.json +0 -10
  823. package/tokens/src/core/components/Alert.json +0 -30
  824. package/tokens/src/core/components/Annotation.json +0 -25
  825. package/tokens/src/core/components/Avatar.json +0 -17
  826. package/tokens/src/core/components/AvatarButton.json +0 -11
  827. package/tokens/src/core/components/Badge.json +0 -33
  828. package/tokens/src/core/components/Breadcrumb.json +0 -37
  829. package/tokens/src/core/components/Bubble.json +0 -10
  830. package/tokens/src/core/components/Button/core.json +0 -105
  831. package/tokens/src/core/components/Card.json +0 -91
  832. package/tokens/src/core/components/Carousel.json +0 -37
  833. package/tokens/src/core/components/Chip.json +0 -19
  834. package/tokens/src/core/components/ChipCarousel.json +0 -9
  835. package/tokens/src/core/components/CloseButton.json +0 -14
  836. package/tokens/src/core/components/Code.json +0 -34
  837. package/tokens/src/core/components/Collapsible.json +0 -29
  838. package/tokens/src/core/components/ColorPicker.json +0 -8
  839. package/tokens/src/core/components/Container.json +0 -13
  840. package/tokens/src/core/components/DataTable.json +0 -27
  841. package/tokens/src/core/components/Dropdown.json +0 -67
  842. package/tokens/src/core/components/Dropzone.json +0 -21
  843. package/tokens/src/core/components/Form/other.json +0 -14
  844. package/tokens/src/core/components/Form/size.json +0 -233
  845. package/tokens/src/core/components/Form/spacing.json +0 -155
  846. package/tokens/src/core/components/Form/transition.json +0 -16
  847. package/tokens/src/core/components/Form/typography.json +0 -122
  848. package/tokens/src/core/components/Icon.json +0 -11
  849. package/tokens/src/core/components/IconButton.json +0 -15
  850. package/tokens/src/core/components/Image.json +0 -28
  851. package/tokens/src/core/components/Menu.json +0 -48
  852. package/tokens/src/core/components/Modal.json +0 -47
  853. package/tokens/src/core/components/Nav.json +0 -55
  854. package/tokens/src/core/components/Navbar.json +0 -70
  855. package/tokens/src/core/components/Pagination.json +0 -70
  856. package/tokens/src/core/components/Popover.json +0 -48
  857. package/tokens/src/core/components/ProductTour.json +0 -37
  858. package/tokens/src/core/components/ProgressBar.json +0 -39
  859. package/tokens/src/core/components/SearchField.json +0 -23
  860. package/tokens/src/core/components/SelectableBox.json +0 -9
  861. package/tokens/src/core/components/Sheet.json +0 -10
  862. package/tokens/src/core/components/Spinner.json +0 -19
  863. package/tokens/src/core/components/Stack.json +0 -7
  864. package/tokens/src/core/components/Stepper.json +0 -42
  865. package/tokens/src/core/components/Sticky.json +0 -7
  866. package/tokens/src/core/components/Tab.json +0 -19
  867. package/tokens/src/core/components/Tabs.json +0 -19
  868. package/tokens/src/core/components/Toast.json +0 -30
  869. package/tokens/src/core/components/Tooltip.json +0 -33
  870. package/tokens/src/core/components/general/caret.json +0 -13
  871. package/tokens/src/core/components/general/headings.json +0 -16
  872. package/tokens/src/core/components/general/hr.json +0 -10
  873. package/tokens/src/core/components/general/input.json +0 -51
  874. package/tokens/src/core/components/general/link.json +0 -30
  875. package/tokens/src/core/components/general/list.json +0 -26
  876. package/tokens/src/core/components/general/text.json +0 -24
  877. package/tokens/src/core/global/breakpoints.json +0 -12
  878. package/tokens/src/core/global/display.json +0 -21
  879. package/tokens/src/core/global/elevation.json +0 -19
  880. package/tokens/src/core/global/other.json +0 -4
  881. package/tokens/src/core/global/spacing.json +0 -35
  882. package/tokens/src/core/global/transition.json +0 -14
  883. package/tokens/src/core/global/typography.json +0 -91
  884. package/tokens/src/core/utilities/color.json +0 -12
  885. package/tokens/src/themes/light/alias/color.json +0 -114
  886. package/tokens/src/themes/light/components/Alert.json +0 -47
  887. package/tokens/src/themes/light/components/Annotation.json +0 -29
  888. package/tokens/src/themes/light/components/Avatar.json +0 -7
  889. package/tokens/src/themes/light/components/Badge.json +0 -186
  890. package/tokens/src/themes/light/components/Breadcrumb.json +0 -14
  891. package/tokens/src/themes/light/components/Bubble.json +0 -18
  892. package/tokens/src/themes/light/components/Button/brand.json +0 -260
  893. package/tokens/src/themes/light/components/Button/core.json +0 -24
  894. package/tokens/src/themes/light/components/Button/danger.json +0 -247
  895. package/tokens/src/themes/light/components/Button/dark.json +0 -230
  896. package/tokens/src/themes/light/components/Button/info.json +0 -238
  897. package/tokens/src/themes/light/components/Button/light.json +0 -236
  898. package/tokens/src/themes/light/components/Button/primary.json +0 -250
  899. package/tokens/src/themes/light/components/Button/secondary.json +0 -278
  900. package/tokens/src/themes/light/components/Button/success.json +0 -253
  901. package/tokens/src/themes/light/components/Button/tertiary.json +0 -109
  902. package/tokens/src/themes/light/components/Button/warning.json +0 -276
  903. package/tokens/src/themes/light/components/Card.json +0 -40
  904. package/tokens/src/themes/light/components/Carousel.json +0 -45
  905. package/tokens/src/themes/light/components/Chip.json +0 -19
  906. package/tokens/src/themes/light/components/CloseButton.json +0 -10
  907. package/tokens/src/themes/light/components/Code.json +0 -23
  908. package/tokens/src/themes/light/components/DataTable.json +0 -26
  909. package/tokens/src/themes/light/components/Dropdown.json +0 -41
  910. package/tokens/src/themes/light/components/Dropzone.json +0 -23
  911. package/tokens/src/themes/light/components/Form/color.json +0 -270
  912. package/tokens/src/themes/light/components/Form/elevation.json +0 -76
  913. package/tokens/src/themes/light/components/Form/other.json +0 -131
  914. package/tokens/src/themes/light/components/IconButton.json +0 -451
  915. package/tokens/src/themes/light/components/Image.json +0 -18
  916. package/tokens/src/themes/light/components/Menu.json +0 -30
  917. package/tokens/src/themes/light/components/Modal.json +0 -37
  918. package/tokens/src/themes/light/components/Nav.json +0 -166
  919. package/tokens/src/themes/light/components/Navbar.json +0 -136
  920. package/tokens/src/themes/light/components/OverflowScroll.json +0 -9
  921. package/tokens/src/themes/light/components/PageBanner.json +0 -24
  922. package/tokens/src/themes/light/components/Pagination.json +0 -40
  923. package/tokens/src/themes/light/components/Popover.json +0 -55
  924. package/tokens/src/themes/light/components/ProductTour.json +0 -35
  925. package/tokens/src/themes/light/components/ProgressBar.json +0 -20
  926. package/tokens/src/themes/light/components/Scrollable.json +0 -14
  927. package/tokens/src/themes/light/components/SearchField.json +0 -25
  928. package/tokens/src/themes/light/components/Sheet.json +0 -22
  929. package/tokens/src/themes/light/components/Stepper.json +0 -34
  930. package/tokens/src/themes/light/components/Sticky.json +0 -18
  931. package/tokens/src/themes/light/components/Tab.json +0 -62
  932. package/tokens/src/themes/light/components/Toast.json +0 -33
  933. package/tokens/src/themes/light/components/Tooltip.json +0 -30
  934. package/tokens/src/themes/light/components/general/body.json +0 -8
  935. package/tokens/src/themes/light/components/general/headings.json +0 -7
  936. package/tokens/src/themes/light/components/general/hr.json +0 -15
  937. package/tokens/src/themes/light/components/general/input.json +0 -18
  938. package/tokens/src/themes/light/components/general/link.json +0 -109
  939. package/tokens/src/themes/light/components/general/list.json +0 -38
  940. package/tokens/src/themes/light/components/general/text.json +0 -6
  941. package/tokens/src/themes/light/global/color.json +0 -1661
  942. package/tokens/src/themes/light/global/elevation.json +0 -201
  943. package/tokens/src/themes/light/global/other.json +0 -4
  944. package/tokens/style-dictionary.js +0 -223
  945. package/tokens/utils.js +0 -210
  946. /package/{styles/scss → scss}/core/_exports.module.scss +0 -0
  947. /package/{styles/scss → scss}/core/_typography.scss +0 -0
package/tokens/src/themes/light/components/IconButton.json DELETED
@@ -1,451 +0,0 @@
1
- {
2
- "color": {
3
- "icon-button": {
4
- "bg": {
5
- "base": { "value": "transparent", "type": "color", "source": "$btn-icon-bg" },
6
- "primary": {
7
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
8
- "hover": { "value": "{color.icon-button.text.primary.base}", "type": "color" },
9
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" },
10
- "inverse": {
11
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
12
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
13
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" }
14
- },
15
- "active": {
16
- "base": { "value": "{color.icon-button.text.primary.base}", "type": "color" },
17
- "hover": { "value": "{color.icon-button.text.primary.base}", "type": "color" },
18
- "focus": { "value": "{color.icon-button.text.primary.base}", "type": "color" }
19
- },
20
- "inverse-active": {
21
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
22
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
23
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
24
- }
25
- },
26
- "secondary": {
27
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
28
- "hover": { "value": "{color.secondary.base}", "type": "color" },
29
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" },
30
- "inverse": {
31
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
32
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
33
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" }
34
- },
35
- "active": {
36
- "base": { "value": "{color.secondary.base}", "type": "color" },
37
- "hover": { "value": "{color.icon-button.bg.secondary.active.base}", "type": "color" },
38
- "focus": { "value": "{color.icon-button.bg.secondary.active.base}", "type": "color" }
39
- },
40
- "inverse-active": {
41
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
42
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
43
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
44
- }
45
- },
46
- "brand": {
47
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
48
- "hover": { "value": "{color.brand.base}", "type": "color" },
49
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" },
50
- "inverse": {
51
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
52
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
53
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" }
54
- },
55
- "active": {
56
- "base": { "value": "{color.brand.base}", "type": "color" },
57
- "hover": { "value": "{color.icon-button.bg.brand.active.base}", "type": "color" },
58
- "focus": { "value": "{color.icon-button.bg.brand.active.base}", "type": "color" }
59
- },
60
- "inverse-active": {
61
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
62
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
63
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
64
- }
65
- },
66
- "success": {
67
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
68
- "hover": { "value": "{color.success.base}", "type": "color" },
69
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" },
70
- "inverse": {
71
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
72
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
73
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" }
74
- },
75
- "active": {
76
- "base": { "value": "{color.success.base}", "type": "color" },
77
- "hover": { "value": "{color.icon-button.bg.success.active.base}", "type": "color" },
78
- "focus": { "value": "{color.icon-button.bg.success.active.base}", "type": "color" }
79
- },
80
- "inverse-active": {
81
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
82
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
83
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
84
- }
85
- },
86
- "warning": {
87
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
88
- "hover": { "value": "{color.warning.base}", "type": "color" },
89
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" },
90
- "inverse": {
91
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
92
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
93
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" }
94
- },
95
- "active": {
96
- "base": { "value": "{color.warning.base}", "type": "color" },
97
- "hover": { "value": "{color.icon-button.bg.warning.active.base}", "type": "color" },
98
- "focus": { "value": "{color.icon-button.bg.warning.active.base}", "type": "color" }
99
- },
100
- "inverse-active": {
101
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
102
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
103
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
104
- }
105
- },
106
- "danger": {
107
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
108
- "hover": { "value": "{color.danger.base}", "type": "color" },
109
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" },
110
- "inverse": {
111
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
112
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
113
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" }
114
- },
115
- "active": {
116
- "base": { "value": "{color.danger.base}", "type": "color" },
117
- "hover": { "value": "{color.icon-button.bg.danger.active.base}", "type": "color" },
118
- "focus": { "value": "{color.icon-button.bg.danger.active.base}", "type": "color" }
119
- },
120
- "inverse-active": {
121
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
122
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
123
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
124
- }
125
- },
126
- "light": {
127
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
128
- "hover": { "value": "{color.light.base}", "type": "color" },
129
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" },
130
- "inverse": {
131
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
132
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
133
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" }
134
- },
135
- "active": {
136
- "base": { "value": "{color.light.base}", "type": "color" },
137
- "hover": { "value": "{color.icon-button.bg.light.active.base}", "type": "color" },
138
- "focus": { "value": "{color.icon-button.bg.light.active.base}", "type": "color" }
139
- },
140
- "inverse-active": {
141
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
142
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
143
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
144
- }
145
- },
146
- "dark": {
147
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
148
- "hover": { "value": "{color.dark.base}", "type": "color" },
149
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" },
150
- "inverse": {
151
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
152
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
153
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" }
154
- },
155
- "active": {
156
- "base": { "value": "{color.dark.base}", "type": "color" },
157
- "hover": { "value": "{color.icon-button.bg.dark.active.base}", "type": "color" },
158
- "focus": { "value": "{color.icon-button.bg.dark.active.base}", "type": "color" }
159
- },
160
- "inverse-active": {
161
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
162
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
163
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
164
- }
165
- },
166
- "black": {
167
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
168
- "hover": { "value": "{color.black}", "type": "color" },
169
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" },
170
- "inverse": {
171
- "base": { "value": "{color.icon-button.bg.base}", "type": "color" },
172
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
173
- "focus": { "value": "{color.icon-button.bg.base}", "type": "color" }
174
- },
175
- "active": {
176
- "base": { "value": "{color.black}", "type": "color" },
177
- "hover": { "value": "{color.icon-button.bg.black.active.base}", "type": "color" },
178
- "focus": { "value": "{color.icon-button.bg.black.active.base}", "type": "color" }
179
- },
180
- "inverse-active": {
181
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
182
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
183
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
184
- }
185
- }
186
- },
187
- "text": {
188
- "primary": {
189
- "base": { "value": "{color.primary.base}", "type": "color" },
190
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
191
- "focus": { "value": "{color.icon-button.text.primary.base}", "type": "color" },
192
- "inverse": {
193
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
194
- "hover": { "value": "{color.icon-button.text.primary.base}", "type": "color" },
195
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
196
- },
197
- "active": {
198
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
199
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
200
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
201
- },
202
- "inverse-active": {
203
- "base": { "value": "{color.icon-button.text.primary.base}", "type": "color" },
204
- "hover": { "value": "color.icon-button.text.primary.base", "type": "color" },
205
- "focus": { "value": "{color.icon-button.text.primary.base}", "type": "color" }
206
- }
207
- },
208
- "secondary": {
209
- "base": { "value": "{color.secondary.base}", "type": "color" },
210
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
211
- "focus": { "value": "{color.icon-button.text.secondary.base}", "type": "color" },
212
- "inverse": {
213
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
214
- "hover": { "value": "{color.secondary.base}", "type": "color" },
215
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
216
- },
217
- "active": {
218
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
219
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
220
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
221
- },
222
- "inverse-active": {
223
- "base": { "value": "{color.secondary.base}", "type": "color" },
224
- "hover": { "value": "{color.icon-button.text.secondary.inverse-active.base}", "type": "color" },
225
- "focus": { "value": "{color.icon-button.text.secondary.inverse-active.base}", "type": "color" }
226
- }
227
- },
228
- "brand": {
229
- "base": { "value": "{color.brand.base}", "type": "color" },
230
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
231
- "focus": { "value": "{color.icon-button.text.brand.base}", "type": "color" },
232
- "inverse": {
233
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
234
- "hover": { "value": "{color.brand.base}", "type": "color" },
235
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
236
- },
237
- "active": {
238
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
239
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
240
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
241
- },
242
- "inverse-active": {
243
- "base": { "value": "{color.brand.base}", "type": "color" },
244
- "hover": { "value": "{color.icon-button.text.brand.inverse-active.base}", "type": "color" },
245
- "focus": { "value": "{color.icon-button.text.brand.inverse-active.base}", "type": "color" }
246
- }
247
- },
248
- "success": {
249
- "base": { "value": "{color.success.base}", "type": "color" },
250
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
251
- "focus": { "value": "{color.icon-button.text.success.base}", "type": "color" },
252
- "inverse": {
253
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
254
- "hover": { "value": "{color.success.base}", "type": "color" },
255
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
256
- },
257
- "active": {
258
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
259
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
260
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
261
- },
262
- "inverse-active": {
263
- "base": { "value": "{color.success.base}", "type": "color" },
264
- "hover": { "value": "{color.icon-button.text.success.inverse-active.base}", "type": "color" },
265
- "focus": { "value": "{color.icon-button.text.success.inverse-active.base}", "type": "color" }
266
- }
267
- },
268
- "warning": {
269
- "base": { "value": "{color.warning.base}", "type": "color" },
270
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
271
- "focus": { "value": "{color.icon-button.text.warning.base}", "type": "color" },
272
- "inverse": {
273
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
274
- "hover": { "value": "{color.warning.base}", "type": "color" },
275
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
276
- },
277
- "active": {
278
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
279
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
280
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
281
- },
282
- "inverse-active": {
283
- "base": { "value": "{color.warning.base}", "type": "color" },
284
- "hover": { "value": "{color.icon-button.text.warning.inverse-active.base}", "type": "color" },
285
- "focus": { "value": "{color.icon-button.text.warning.inverse-active.base}", "type": "color" }
286
- }
287
- },
288
- "danger": {
289
- "base": { "value": "{color.danger.base}", "type": "color" },
290
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
291
- "focus": { "value": "{color.icon-button.text.danger.base}", "type": "color" },
292
- "inverse": {
293
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
294
- "hover": { "value": "{color.danger.base}", "type": "color" },
295
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
296
- },
297
- "active": {
298
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
299
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
300
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
301
- },
302
- "inverse-active": {
303
- "base": { "value": "{color.danger.base}", "type": "color" },
304
- "hover": { "value": "{color.icon-button.text.danger.inverse-active.base}", "type": "color" },
305
- "focus": { "value": "{color.icon-button.text.danger.inverse-active.base}", "type": "color" }
306
- }
307
- },
308
- "light": {
309
- "base": { "value": "{color.light.base}", "type": "color" },
310
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
311
- "focus": { "value": "{color.icon-button.text.light.base}", "type": "color" },
312
- "inverse": {
313
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
314
- "hover": { "value": "{color.light.base}", "type": "color" },
315
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
316
- },
317
- "active": {
318
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
319
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
320
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
321
- },
322
- "inverse-active": {
323
- "base": { "value": "{color.light.base}", "type": "color" },
324
- "hover": { "value": "{color.icon-button.text.light.inverse-active.base}", "type": "color" },
325
- "focus": { "value": "{color.icon-button.text.light.inverse-active.base}", "type": "color" }
326
- }
327
- },
328
- "dark": {
329
- "base": { "value": "{color.dark.base}", "type": "color" },
330
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
331
- "focus": { "value": "{color.icon-button.text.dark.base}", "type": "color" },
332
- "inverse": {
333
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
334
- "hover": { "value": "{color.dark.base}", "type": "color" },
335
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
336
- },
337
- "active": {
338
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
339
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
340
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
341
- },
342
- "inverse-active": {
343
- "base": { "value": "{color.dark.base}", "type": "color" },
344
- "hover": { "value": "{color.icon-button.text.dark.inverse-active.base}", "type": "color" },
345
- "focus": { "value": "{color.icon-button.text.dark.inverse-active.base}", "type": "color" }
346
- }
347
- },
348
- "black": {
349
- "base": { "value": "{color.black}", "type": "color" },
350
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
351
- "focus": { "value": "{color.icon-button.text.black.base}", "type": "color" },
352
- "inverse": {
353
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
354
- "hover": { "value": "{color.black}", "type": "color" },
355
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
356
- },
357
- "active": {
358
- "base": { "value": "{color.icon-button.accent}", "type": "color" },
359
- "hover": { "value": "{color.icon-button.accent}", "type": "color" },
360
- "focus": { "value": "{color.icon-button.accent}", "type": "color" }
361
- },
362
- "inverse-active": {
363
- "base": { "value": "{color.black}", "type": "color" },
364
- "hover": { "value": "{color.icon-button.text.black.inverse-active.base}", "type": "color" },
365
- "focus": { "value": "{color.icon-button.text.black.inverse-active.base}", "type": "color" }
366
- }
367
- }
368
- },
369
- "accent": { "value": "{color.white}", "type": "color", "source": "$btn-icon-accent-color" },
370
- "black": { "value": "{color.black}", "type": "color", "source": "$btn-icon-black" }
371
- }
372
- },
373
- "elevation": {
374
- "icon-button": {
375
- "box-shadow": {
376
- "primary": {
377
- "base": {
378
- "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.text.primary.base}", "type": "shadow"
379
- },
380
- "inverse": { "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.accent}", "type": "shadow" },
381
- "active": { "value": "none", "type": "shadow" },
382
- "inverse-active": { "value": "none", "type": "shadow" }
383
- },
384
- "secondary": {
385
- "base": {
386
- "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.text.secondary.base}", "type": "shadow"
387
- },
388
- "inverse": { "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.accent}", "type": "shadow" },
389
- "active": { "value": "none", "type": "shadow" },
390
- "inverse-active": { "value": "none", "type": "shadow" }
391
- },
392
- "brand": {
393
- "base": {
394
- "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.text.brand.base}", "type": "shadow"
395
- },
396
- "inverse": { "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.accent}", "type": "shadow" },
397
- "active": { "value": "none", "type": "shadow" },
398
- "inverse-active": { "value": "none", "type": "shadow" }
399
- },
400
- "success": {
401
- "base": {
402
- "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.text.success.base}", "type": "shadow"
403
- },
404
- "inverse": { "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.accent}", "type": "shadow" },
405
- "active": { "value": "none", "type": "shadow" },
406
- "inverse-active": { "value": "none", "type": "shadow" }
407
- },
408
- "warning": {
409
- "base": {
410
- "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.text.warning.base}", "type": "shadow"
411
- },
412
- "inverse": { "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.accent}", "type": "shadow" },
413
- "active": { "value": "none", "type": "shadow" },
414
- "inverse-active": { "value": "none", "type": "shadow" }
415
- },
416
- "danger": {
417
- "base": {
418
- "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.text.danger.base}", "type": "shadow"
419
- },
420
- "inverse": { "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.accent}", "type": "shadow" },
421
- "active": { "value": "none", "type": "shadow" },
422
- "inverse-active": { "value": "none", "type": "shadow" }
423
- },
424
- "light": {
425
- "base": {
426
- "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.text.light.base}", "type": "shadow"
427
- },
428
- "inverse": { "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.accent}", "type": "shadow" },
429
- "active": { "value": "none", "type": "shadow" },
430
- "inverse-active": { "value": "none", "type": "shadow" }
431
- },
432
- "dark": {
433
- "base": {
434
- "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.text.dark.base}", "type": "shadow"
435
- },
436
- "inverse": { "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.accent}", "type": "shadow" },
437
- "active": { "value": "none", "type": "shadow" },
438
- "inverse-active": { "value": "none", "type": "shadow" }
439
- },
440
- "black": {
441
- "base": {
442
- "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.text.black.base}", "type": "shadow"
443
- },
444
- "inverse": { "value": "inset 0 0 0 {size.btn.focus.width} {color.icon-button.accent}", "type": "shadow" },
445
- "active": { "value": "none", "type": "shadow" },
446
- "inverse-active": { "value": "none", "type": "shadow" }
447
- }
448
- }
449
- }
450
- }
451
- }
package/tokens/src/themes/light/components/Image.json DELETED
@@ -1,18 +0,0 @@
1
- {
2
- "color": {
3
- "image": {
4
- "figure-caption": { "value": "{color.gray.500}", "type": "color", "source": "$figure-caption-color" },
5
- "thumbnail": {
6
- "bg": { "value": "{color.body.bg}", "type": "color", "source": "$thumbnail-bg" },
7
- "border": { "value": "{color.gray.200}", "type": "color", "source": "$thumbnail-border-color" }
8
- }
9
- }
10
- },
11
- "elevation": {
12
- "image": {
13
- "thumbnail": {
14
- "box-shadow": { "value": "none", "type": "shadow", "source": "$thumbnail-box-shadow" }
15
- }
16
- }
17
- }
18
- }
package/tokens/src/themes/light/components/Menu.json DELETED
@@ -1,30 +0,0 @@
1
- {
2
- "elevation": {
3
- "menu": {
4
- "box-shadow": { "value": "{elevation.box-shadow.base}", "type": "shadow", "source": "$menu-box-shadow" }
5
- }
6
- },
7
- "color": {
8
- "menu": {
9
- "bg": { "value": "{color.white}", "type": "color", "source": "$menu-bg" },
10
- "item": {
11
- "color": { "value": "{color.body.base}", "type": "color", "source": "$menu-item-color" },
12
- "bg": { "value": "transparent", "type": "color", "source": "$menu-item-bg" },
13
- "border": { "value": "{color.menu.item.bg}", "type": "color", "source": "$menu-item-border-color" },
14
- "hover": {
15
- "color": { "value": "{color.btn.text.tertiary}", "type": "color", "source": "$menu-item-hover-color" },
16
- "bg": { "value": "{color.btn.hover.bg.tertiary}", "type": "color", "source": "$menu-item-hover-bg" },
17
- "border": { "value": "{color.menu.item.bg}", "type": "color", "source": "$menu-item-hover-border-color" }
18
- },
19
- "focus": {
20
- "bg": { "value": "{color.btn.active.bg.tertiary}", "type": "color", "source": "$menu-item-focus-bg" }
21
- }
22
- },
23
- "select": {
24
- "btn-link": {
25
- "color": { "value": "{color.primary.500}", "type": "color", "source": "$menu-select-btn-link-color" }
26
- }
27
- }
28
- }
29
- }
30
- }
package/tokens/src/themes/light/components/Modal.json DELETED
@@ -1,37 +0,0 @@
1
- {
2
- "color": {
3
- "modal": {
4
- "content": {
5
- "bg": { "value": "{color.bg.base}", "type": "color", "source": "$modal-content-bg" },
6
- "border": {
7
- "value": "{color.black}",
8
- "type": "color",
9
- "source": "$modal-content-border-color",
10
- "modify": [{
11
- "type": "alpha",
12
- "amount": 0.2
13
- }]
14
- }
15
- },
16
- "backdrop-bg": { "value": "{color.black}", "type": "color", "source": "$modal-backdrop-bg" }
17
- }
18
- },
19
- "elevation": {
20
- "modal": {
21
- "content": {
22
- "box-shadow": {
23
- "sm-up": {
24
- "value": "0 10px 20px rgba(0, 0, 0, .15), 0 8px 20px rgba(0, 0, 0, .15)",
25
- "type": "shadow",
26
- "source": "$modal-content-box-shadow-sm-up"
27
- }
28
- }
29
- }
30
- }
31
- },
32
- "other": {
33
- "modal": {
34
- "opacity": { "value": ".5", "source": "$modal-backdrop-opacity" }
35
- }
36
- }
37
- }