@openedx/paragon 22.0.0-alpha.24 → 22.0.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 (946) 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 +22 -23
  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 +48 -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/README.md +148 -0
  659. package/src/Modal/_ModalDialog.scss +48 -50
  660. package/src/Modal/_variables.scss +50 -0
  661. package/src/Modal/index.jsx +319 -0
  662. package/src/Modal/index.scss +73 -6
  663. package/src/Modal/tests/Modal.test.jsx +261 -0
  664. package/src/Nav/_mixins.scss +4 -4
  665. package/src/Nav/_variables.scss +58 -0
  666. package/src/Nav/index.scss +66 -70
  667. package/src/Navbar/_variables.scss +40 -0
  668. package/src/Navbar/index.scss +2 -276
  669. package/src/OverflowScroll/_variables.scss +5 -0
  670. package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  671. package/src/OverflowScroll/index.scss +1 -0
  672. package/src/Overlay/index.jsx +3 -2
  673. package/src/PageBanner/index.scss +21 -17
  674. package/src/Pagination/DefaultPagination.jsx +43 -0
  675. package/src/Pagination/MinimalPagination.jsx +11 -0
  676. package/src/Pagination/Pagination.test.jsx +201 -156
  677. package/src/Pagination/PaginationContext.jsx +191 -0
  678. package/src/Pagination/README.md +86 -22
  679. package/src/Pagination/ReducedPagination.jsx +12 -0
  680. package/src/Pagination/__snapshots__/Pagination.test.jsx.snap +301 -0
  681. package/src/Pagination/_variables.scss +19 -0
  682. package/src/Pagination/constants.js +15 -1
  683. package/src/Pagination/getPaginationRange.js +4 -0
  684. package/src/Pagination/index.jsx +48 -420
  685. package/src/Pagination/index.scss +120 -226
  686. package/src/Pagination/subcomponents/Ellipsis.jsx +13 -0
  687. package/src/Pagination/subcomponents/NextPageButton.jsx +64 -0
  688. package/src/Pagination/subcomponents/PageButton.jsx +33 -0
  689. package/src/Pagination/subcomponents/PageOfCountButton.jsx +25 -0
  690. package/src/Pagination/subcomponents/PaginationDropdown.jsx +37 -0
  691. package/src/Pagination/subcomponents/PreviousPageButton.jsx +64 -0
  692. package/src/Pagination/subcomponents/ScreenReaderText.jsx +17 -0
  693. package/src/Pagination/subcomponents/index.js +7 -0
  694. package/src/Popover/_variables.scss +36 -0
  695. package/src/Popover/index.scss +10 -9
  696. package/src/ProductTour/Checkpoint.scss +43 -71
  697. package/src/ProductTour/_variables.scss +15 -0
  698. package/src/ProgressBar/_variables.scss +23 -0
  699. package/src/ProgressBar/index.scss +36 -28
  700. package/src/RadioButtonGroup/README.md +50 -0
  701. package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +127 -0
  702. package/src/RadioButtonGroup/index.jsx +185 -0
  703. package/src/Scrollable/index.scss +2 -2
  704. package/src/SearchField/SearchField.test.jsx +1 -1
  705. package/src/SearchField/SearchFieldAdvanced.jsx +2 -4
  706. package/src/SearchField/SearchFieldClearButton.jsx +13 -5
  707. package/src/SearchField/SearchFieldInput.jsx +2 -2
  708. package/src/SearchField/SearchFieldSubmitButton.jsx +10 -8
  709. package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +29 -33
  710. package/src/SearchField/_variables.scss +14 -0
  711. package/src/SearchField/index.jsx +4 -6
  712. package/src/SearchField/index.scss +23 -31
  713. package/src/SelectableBox/_variables.scss +5 -0
  714. package/src/SelectableBox/index.scss +13 -11
  715. package/src/Sheet/index.scss +10 -10
  716. package/src/Spinner/_variables.scss +9 -0
  717. package/src/Spinner/index.scss +2 -57
  718. package/src/Stack/_variables.scss +1 -0
  719. package/src/Stack/index.scss +3 -1
  720. package/src/StatusAlert/README.md +149 -0
  721. package/src/StatusAlert/StatusAlert.test.jsx +150 -0
  722. package/src/StatusAlert/index.jsx +144 -0
  723. package/src/Stepper/_variables.scss +18 -0
  724. package/src/Stepper/index.scss +20 -19
  725. package/src/Sticky/_variables.scss +3 -0
  726. package/src/Sticky/index.scss +6 -4
  727. package/src/Table/README.md +506 -0
  728. package/src/Table/Table.test.jsx +367 -0
  729. package/src/Table/_variables.scss +34 -0
  730. package/src/Table/index.jsx +264 -0
  731. package/src/Table/index.scss +12 -0
  732. package/src/Tabs/README.md +3 -1
  733. package/src/Tabs/_variables.scss +24 -0
  734. package/src/Tabs/deprecated/Tabs.scss +3 -0
  735. package/src/Tabs/deprecated/Tabs.test.jsx +50 -0
  736. package/src/Tabs/deprecated/index.jsx +117 -0
  737. package/src/Tabs/index.jsx +3 -0
  738. package/src/Tabs/index.scss +25 -26
  739. package/src/TextArea/README.md +63 -0
  740. package/src/TextArea/index.jsx +48 -0
  741. package/src/Toast/ToastContainer.scss +11 -9
  742. package/src/Toast/_variables.scss +19 -0
  743. package/src/Toast/index.scss +10 -9
  744. package/src/Tooltip/_variables.scss +21 -0
  745. package/src/Tooltip/index.scss +10 -136
  746. package/src/TransitionReplace/README.md +4 -4
  747. package/src/ValidationFormGroup/README.md +116 -0
  748. package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +146 -0
  749. package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +161 -0
  750. package/src/ValidationFormGroup/index.jsx +114 -0
  751. package/src/ValidationMessage/index.scss +1 -1
  752. package/src/index.js +14 -0
  753. package/src/index.scss +4 -0
  754. package/src/utils/breakpoints.js +1 -1
  755. package/src/utils/propTypes/utils.js +17 -2
  756. package/dist/Annotation/_mixins.scss +0 -104
  757. package/dist/Button/_mixins.scss +0 -14
  758. package/dist/Button/button-group.scss +0 -126
  759. package/dist/Card/card-bootstrap.scss +0 -168
  760. package/dist/Dropdown/dropdown-bootstrap.scss +0 -181
  761. package/dist/Form/_bootstrap-custom-forms.scss +0 -551
  762. package/dist/Form/_bootstrap-forms.scss +0 -381
  763. package/dist/Form/_input-group.scss +0 -188
  764. package/dist/IconButton/_mixins.scss +0 -4
  765. package/dist/Pagination/pagination-bootstrap.scss +0 -83
  766. package/dist/Popover/popover-bootstrap.scss +0 -198
  767. package/dist/ProgressBar/_mixins.scss +0 -22
  768. package/dist/ProgressBar/bootstrap-progress.scss +0 -49
  769. package/dist/Toast/bootstrap-toast.scss +0 -46
  770. package/dist/core.css +0 -16778
  771. package/dist/core.css.map +0 -1
  772. package/dist/core.min.css +0 -2
  773. package/dist/light.css +0 -4090
  774. package/dist/light.css.map +0 -1
  775. package/dist/light.min.css +0 -2
  776. package/dist/theme-urls.json +0 -21
  777. package/lib/build-scss.js +0 -188
  778. package/lib/build-tokens.js +0 -119
  779. package/lib/replace-variables.js +0 -38
  780. package/lib/utils.js +0 -9
  781. package/src/Annotation/_mixins.scss +0 -104
  782. package/src/Button/_mixins.scss +0 -14
  783. package/src/Button/button-group.scss +0 -126
  784. package/src/Card/card-bootstrap.scss +0 -168
  785. package/src/Dropdown/dropdown-bootstrap.scss +0 -181
  786. package/src/Form/_bootstrap-custom-forms.scss +0 -551
  787. package/src/Form/_bootstrap-forms.scss +0 -381
  788. package/src/Form/_input-group.scss +0 -188
  789. package/src/IconButton/_mixins.scss +0 -4
  790. package/src/Pagination/pagination-bootstrap.scss +0 -83
  791. package/src/Popover/popover-bootstrap.scss +0 -198
  792. package/src/ProgressBar/_mixins.scss +0 -22
  793. package/src/ProgressBar/bootstrap-progress.scss +0 -49
  794. package/src/Toast/bootstrap-toast.scss +0 -46
  795. package/styles/css/core/custom-media-breakpoints.css +0 -17
  796. package/styles/css/core/index.css +0 -2
  797. package/styles/css/core/variables.css +0 -606
  798. package/styles/css/themes/light/index.css +0 -2
  799. package/styles/css/themes/light/utility-classes.css +0 -2454
  800. package/styles/css/themes/light/variables.css +0 -1636
  801. package/styles/scss/core/_grid.scss +0 -21
  802. package/styles/scss/core/_variables.scss +0 -869
  803. package/styles/scss/core/bootstrap-override/_functions.scss +0 -104
  804. package/styles/scss/core/bootstrap-override/_mixins.scss +0 -4
  805. package/styles/scss/core/bootstrap-override/_utilities.scss +0 -4
  806. package/styles/scss/core/bootstrap-override/bootstrap.scss +0 -2
  807. package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +0 -80
  808. package/styles/scss/core/bootstrap-override/mixins/_grid.scss +0 -69
  809. package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +0 -22
  810. package/styles/scss/core/bootstrap-override/utilities/_background.scss +0 -7
  811. package/styles/scss/core/bootstrap-override/utilities/_borders.scss +0 -67
  812. package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +0 -70
  813. package/styles/scss/core/bootstrap-override/utilities/_text.scss +0 -68
  814. package/styles/scss/core/core.scss +0 -21
  815. package/tokens/README.md +0 -158
  816. package/tokens/css-utilities.js +0 -56
  817. package/tokens/map-scss-to-css.js +0 -24
  818. package/tokens/replace-variables.js +0 -32
  819. package/tokens/sass-helpers.js +0 -98
  820. package/tokens/src/core/alias/size.json +0 -15
  821. package/tokens/src/core/components/ActionRow.json +0 -10
  822. package/tokens/src/core/components/Alert.json +0 -30
  823. package/tokens/src/core/components/Annotation.json +0 -25
  824. package/tokens/src/core/components/Avatar.json +0 -17
  825. package/tokens/src/core/components/AvatarButton.json +0 -11
  826. package/tokens/src/core/components/Badge.json +0 -33
  827. package/tokens/src/core/components/Breadcrumb.json +0 -37
  828. package/tokens/src/core/components/Bubble.json +0 -10
  829. package/tokens/src/core/components/Button/core.json +0 -105
  830. package/tokens/src/core/components/Card.json +0 -91
  831. package/tokens/src/core/components/Carousel.json +0 -37
  832. package/tokens/src/core/components/Chip.json +0 -19
  833. package/tokens/src/core/components/ChipCarousel.json +0 -9
  834. package/tokens/src/core/components/CloseButton.json +0 -14
  835. package/tokens/src/core/components/Code.json +0 -34
  836. package/tokens/src/core/components/Collapsible.json +0 -29
  837. package/tokens/src/core/components/ColorPicker.json +0 -8
  838. package/tokens/src/core/components/Container.json +0 -13
  839. package/tokens/src/core/components/DataTable.json +0 -27
  840. package/tokens/src/core/components/Dropdown.json +0 -67
  841. package/tokens/src/core/components/Dropzone.json +0 -21
  842. package/tokens/src/core/components/Form/other.json +0 -14
  843. package/tokens/src/core/components/Form/size.json +0 -233
  844. package/tokens/src/core/components/Form/spacing.json +0 -155
  845. package/tokens/src/core/components/Form/transition.json +0 -16
  846. package/tokens/src/core/components/Form/typography.json +0 -122
  847. package/tokens/src/core/components/Icon.json +0 -11
  848. package/tokens/src/core/components/IconButton.json +0 -15
  849. package/tokens/src/core/components/Image.json +0 -28
  850. package/tokens/src/core/components/Menu.json +0 -48
  851. package/tokens/src/core/components/Modal.json +0 -47
  852. package/tokens/src/core/components/Nav.json +0 -55
  853. package/tokens/src/core/components/Navbar.json +0 -70
  854. package/tokens/src/core/components/Pagination.json +0 -70
  855. package/tokens/src/core/components/Popover.json +0 -48
  856. package/tokens/src/core/components/ProductTour.json +0 -37
  857. package/tokens/src/core/components/ProgressBar.json +0 -39
  858. package/tokens/src/core/components/SearchField.json +0 -23
  859. package/tokens/src/core/components/SelectableBox.json +0 -9
  860. package/tokens/src/core/components/Sheet.json +0 -10
  861. package/tokens/src/core/components/Spinner.json +0 -19
  862. package/tokens/src/core/components/Stack.json +0 -7
  863. package/tokens/src/core/components/Stepper.json +0 -42
  864. package/tokens/src/core/components/Sticky.json +0 -7
  865. package/tokens/src/core/components/Tab.json +0 -19
  866. package/tokens/src/core/components/Tabs.json +0 -19
  867. package/tokens/src/core/components/Toast.json +0 -30
  868. package/tokens/src/core/components/Tooltip.json +0 -33
  869. package/tokens/src/core/components/general/caret.json +0 -13
  870. package/tokens/src/core/components/general/headings.json +0 -16
  871. package/tokens/src/core/components/general/hr.json +0 -10
  872. package/tokens/src/core/components/general/input.json +0 -51
  873. package/tokens/src/core/components/general/link.json +0 -30
  874. package/tokens/src/core/components/general/list.json +0 -26
  875. package/tokens/src/core/components/general/text.json +0 -24
  876. package/tokens/src/core/global/breakpoints.json +0 -12
  877. package/tokens/src/core/global/display.json +0 -21
  878. package/tokens/src/core/global/elevation.json +0 -19
  879. package/tokens/src/core/global/other.json +0 -4
  880. package/tokens/src/core/global/spacing.json +0 -35
  881. package/tokens/src/core/global/transition.json +0 -14
  882. package/tokens/src/core/global/typography.json +0 -91
  883. package/tokens/src/core/utilities/color.json +0 -12
  884. package/tokens/src/themes/light/alias/color.json +0 -114
  885. package/tokens/src/themes/light/components/Alert.json +0 -47
  886. package/tokens/src/themes/light/components/Annotation.json +0 -29
  887. package/tokens/src/themes/light/components/Avatar.json +0 -7
  888. package/tokens/src/themes/light/components/Badge.json +0 -186
  889. package/tokens/src/themes/light/components/Breadcrumb.json +0 -14
  890. package/tokens/src/themes/light/components/Bubble.json +0 -18
  891. package/tokens/src/themes/light/components/Button/brand.json +0 -260
  892. package/tokens/src/themes/light/components/Button/core.json +0 -24
  893. package/tokens/src/themes/light/components/Button/danger.json +0 -247
  894. package/tokens/src/themes/light/components/Button/dark.json +0 -230
  895. package/tokens/src/themes/light/components/Button/info.json +0 -238
  896. package/tokens/src/themes/light/components/Button/light.json +0 -236
  897. package/tokens/src/themes/light/components/Button/primary.json +0 -250
  898. package/tokens/src/themes/light/components/Button/secondary.json +0 -278
  899. package/tokens/src/themes/light/components/Button/success.json +0 -253
  900. package/tokens/src/themes/light/components/Button/tertiary.json +0 -109
  901. package/tokens/src/themes/light/components/Button/warning.json +0 -276
  902. package/tokens/src/themes/light/components/Card.json +0 -40
  903. package/tokens/src/themes/light/components/Carousel.json +0 -45
  904. package/tokens/src/themes/light/components/Chip.json +0 -19
  905. package/tokens/src/themes/light/components/CloseButton.json +0 -10
  906. package/tokens/src/themes/light/components/Code.json +0 -23
  907. package/tokens/src/themes/light/components/DataTable.json +0 -26
  908. package/tokens/src/themes/light/components/Dropdown.json +0 -41
  909. package/tokens/src/themes/light/components/Dropzone.json +0 -23
  910. package/tokens/src/themes/light/components/Form/color.json +0 -270
  911. package/tokens/src/themes/light/components/Form/elevation.json +0 -76
  912. package/tokens/src/themes/light/components/Form/other.json +0 -131
  913. package/tokens/src/themes/light/components/IconButton.json +0 -451
  914. package/tokens/src/themes/light/components/Image.json +0 -18
  915. package/tokens/src/themes/light/components/Menu.json +0 -30
  916. package/tokens/src/themes/light/components/Modal.json +0 -37
  917. package/tokens/src/themes/light/components/Nav.json +0 -166
  918. package/tokens/src/themes/light/components/Navbar.json +0 -136
  919. package/tokens/src/themes/light/components/OverflowScroll.json +0 -9
  920. package/tokens/src/themes/light/components/PageBanner.json +0 -24
  921. package/tokens/src/themes/light/components/Pagination.json +0 -40
  922. package/tokens/src/themes/light/components/Popover.json +0 -55
  923. package/tokens/src/themes/light/components/ProductTour.json +0 -35
  924. package/tokens/src/themes/light/components/ProgressBar.json +0 -20
  925. package/tokens/src/themes/light/components/Scrollable.json +0 -14
  926. package/tokens/src/themes/light/components/SearchField.json +0 -25
  927. package/tokens/src/themes/light/components/Sheet.json +0 -22
  928. package/tokens/src/themes/light/components/Stepper.json +0 -34
  929. package/tokens/src/themes/light/components/Sticky.json +0 -18
  930. package/tokens/src/themes/light/components/Tab.json +0 -62
  931. package/tokens/src/themes/light/components/Toast.json +0 -33
  932. package/tokens/src/themes/light/components/Tooltip.json +0 -30
  933. package/tokens/src/themes/light/components/general/body.json +0 -8
  934. package/tokens/src/themes/light/components/general/headings.json +0 -7
  935. package/tokens/src/themes/light/components/general/hr.json +0 -15
  936. package/tokens/src/themes/light/components/general/input.json +0 -18
  937. package/tokens/src/themes/light/components/general/link.json +0 -109
  938. package/tokens/src/themes/light/components/general/list.json +0 -38
  939. package/tokens/src/themes/light/components/general/text.json +0 -6
  940. package/tokens/src/themes/light/global/color.json +0 -1661
  941. package/tokens/src/themes/light/global/elevation.json +0 -201
  942. package/tokens/src/themes/light/global/other.json +0 -4
  943. package/tokens/style-dictionary.js +0 -223
  944. package/tokens/utils.js +0 -210
  945. /package/{styles/scss → scss}/core/_exports.module.scss +0 -0
  946. /package/{styles/scss → scss}/core/_typography.scss +0 -0
package/styles/css/themes/light/utility-classes.css DELETED
@@ -1,2454 +0,0 @@
1
- /**
2
- * IMPORTANT: This file is the result of assembling design tokens
3
- * Do not edit directly
4
- * Generated on Fri, 22 Sep 2023 08:20:17 GMT
5
- */
6
-
7
- .bg-accent-a {
8
- background-color: var(--pgn-color-accent-a) !important;
9
- }
10
-
11
- a.bg-accent-a:hover,
12
- a.bg-accent-a:focus,
13
- button.bg-accent-a:hover,
14
- button.bg-accent-a:focus {
15
- background-color: var(--pgn-color-action-default-accent-a) !important;
16
- }
17
-
18
- .text-accent-a {
19
- color: var(--pgn-color-accent-a) !important;
20
- }
21
-
22
- a.text-accent-a:hover,
23
- a.text-accent-a:focus {
24
- color: var(--pgn-color-action-default-accent-a) !important;
25
- }
26
-
27
- .border-accent-a {
28
- border-color: var(--pgn-color-accent-a) !important;
29
- }
30
-
31
- .bg-accent-b {
32
- background-color: var(--pgn-color-accent-b) !important;
33
- }
34
-
35
- a.bg-accent-b:hover,
36
- a.bg-accent-b:focus,
37
- button.bg-accent-b:hover,
38
- button.bg-accent-b:focus {
39
- background-color: var(--pgn-color-action-default-accent-b) !important;
40
- }
41
-
42
- .text-accent-b {
43
- color: var(--pgn-color-accent-b) !important;
44
- }
45
-
46
- a.text-accent-b:hover,
47
- a.text-accent-b:focus {
48
- color: var(--pgn-color-action-default-accent-b) !important;
49
- }
50
-
51
- .border-accent-b {
52
- border-color: var(--pgn-color-accent-b) !important;
53
- }
54
-
55
- .bg-gray-100 {
56
- background-color: var(--pgn-color-gray-100) !important;
57
- }
58
-
59
- a.bg-gray-100:hover,
60
- a.bg-gray-100:focus,
61
- button.bg-gray-100:hover,
62
- button.bg-gray-100:focus {
63
- background-color: var(--pgn-color-action-default-gray-100) !important;
64
- }
65
-
66
- .text-gray-100 {
67
- color: var(--pgn-color-gray-100) !important;
68
- }
69
-
70
- a.text-gray-100:hover,
71
- a.text-gray-100:focus {
72
- color: var(--pgn-color-action-default-gray-100) !important;
73
- }
74
-
75
- .border-gray-100 {
76
- border-color: var(--pgn-color-gray-100) !important;
77
- }
78
-
79
- .bg-gray-200 {
80
- background-color: var(--pgn-color-gray-200) !important;
81
- }
82
-
83
- a.bg-gray-200:hover,
84
- a.bg-gray-200:focus,
85
- button.bg-gray-200:hover,
86
- button.bg-gray-200:focus {
87
- background-color: var(--pgn-color-action-default-gray-200) !important;
88
- }
89
-
90
- .text-gray-200 {
91
- color: var(--pgn-color-gray-200) !important;
92
- }
93
-
94
- a.text-gray-200:hover,
95
- a.text-gray-200:focus {
96
- color: var(--pgn-color-action-default-gray-200) !important;
97
- }
98
-
99
- .border-gray-200 {
100
- border-color: var(--pgn-color-gray-200) !important;
101
- }
102
-
103
- .bg-gray-300 {
104
- background-color: var(--pgn-color-gray-300) !important;
105
- }
106
-
107
- a.bg-gray-300:hover,
108
- a.bg-gray-300:focus,
109
- button.bg-gray-300:hover,
110
- button.bg-gray-300:focus {
111
- background-color: var(--pgn-color-action-default-gray-300) !important;
112
- }
113
-
114
- .text-gray-300 {
115
- color: var(--pgn-color-gray-300) !important;
116
- }
117
-
118
- a.text-gray-300:hover,
119
- a.text-gray-300:focus {
120
- color: var(--pgn-color-action-default-gray-300) !important;
121
- }
122
-
123
- .border-gray-300 {
124
- border-color: var(--pgn-color-gray-300) !important;
125
- }
126
-
127
- .bg-gray-400 {
128
- background-color: var(--pgn-color-gray-400) !important;
129
- }
130
-
131
- a.bg-gray-400:hover,
132
- a.bg-gray-400:focus,
133
- button.bg-gray-400:hover,
134
- button.bg-gray-400:focus {
135
- background-color: var(--pgn-color-action-default-gray-400) !important;
136
- }
137
-
138
- .text-gray-400 {
139
- color: var(--pgn-color-gray-400) !important;
140
- }
141
-
142
- a.text-gray-400:hover,
143
- a.text-gray-400:focus {
144
- color: var(--pgn-color-action-default-gray-400) !important;
145
- }
146
-
147
- .border-gray-400 {
148
- border-color: var(--pgn-color-gray-400) !important;
149
- }
150
-
151
- .bg-gray-500 {
152
- background-color: var(--pgn-color-gray-500) !important;
153
- }
154
-
155
- a.bg-gray-500:hover,
156
- a.bg-gray-500:focus,
157
- button.bg-gray-500:hover,
158
- button.bg-gray-500:focus {
159
- background-color: var(--pgn-color-action-default-gray-500) !important;
160
- }
161
-
162
- .text-gray-500 {
163
- color: var(--pgn-color-gray-500) !important;
164
- }
165
-
166
- a.text-gray-500:hover,
167
- a.text-gray-500:focus {
168
- color: var(--pgn-color-action-default-gray-500) !important;
169
- }
170
-
171
- .border-gray-500 {
172
- border-color: var(--pgn-color-gray-500) !important;
173
- }
174
-
175
- .bg-gray-600 {
176
- background-color: var(--pgn-color-gray-600) !important;
177
- }
178
-
179
- a.bg-gray-600:hover,
180
- a.bg-gray-600:focus,
181
- button.bg-gray-600:hover,
182
- button.bg-gray-600:focus {
183
- background-color: var(--pgn-color-action-default-gray-600) !important;
184
- }
185
-
186
- .text-gray-600 {
187
- color: var(--pgn-color-gray-600) !important;
188
- }
189
-
190
- a.text-gray-600:hover,
191
- a.text-gray-600:focus {
192
- color: var(--pgn-color-action-default-gray-600) !important;
193
- }
194
-
195
- .border-gray-600 {
196
- border-color: var(--pgn-color-gray-600) !important;
197
- }
198
-
199
- .bg-gray-700 {
200
- background-color: var(--pgn-color-gray-700) !important;
201
- }
202
-
203
- a.bg-gray-700:hover,
204
- a.bg-gray-700:focus,
205
- button.bg-gray-700:hover,
206
- button.bg-gray-700:focus {
207
- background-color: var(--pgn-color-action-default-gray-700) !important;
208
- }
209
-
210
- .text-gray-700 {
211
- color: var(--pgn-color-gray-700) !important;
212
- }
213
-
214
- a.text-gray-700:hover,
215
- a.text-gray-700:focus {
216
- color: var(--pgn-color-action-default-gray-700) !important;
217
- }
218
-
219
- .border-gray-700 {
220
- border-color: var(--pgn-color-gray-700) !important;
221
- }
222
-
223
- .bg-gray-800 {
224
- background-color: var(--pgn-color-gray-800) !important;
225
- }
226
-
227
- a.bg-gray-800:hover,
228
- a.bg-gray-800:focus,
229
- button.bg-gray-800:hover,
230
- button.bg-gray-800:focus {
231
- background-color: var(--pgn-color-action-default-gray-800) !important;
232
- }
233
-
234
- .text-gray-800 {
235
- color: var(--pgn-color-gray-800) !important;
236
- }
237
-
238
- a.text-gray-800:hover,
239
- a.text-gray-800:focus {
240
- color: var(--pgn-color-action-default-gray-800) !important;
241
- }
242
-
243
- .border-gray-800 {
244
- border-color: var(--pgn-color-gray-800) !important;
245
- }
246
-
247
- .bg-gray-900 {
248
- background-color: var(--pgn-color-gray-900) !important;
249
- }
250
-
251
- a.bg-gray-900:hover,
252
- a.bg-gray-900:focus,
253
- button.bg-gray-900:hover,
254
- button.bg-gray-900:focus {
255
- background-color: var(--pgn-color-action-default-gray-900) !important;
256
- }
257
-
258
- .text-gray-900 {
259
- color: var(--pgn-color-gray-900) !important;
260
- }
261
-
262
- a.text-gray-900:hover,
263
- a.text-gray-900:focus {
264
- color: var(--pgn-color-action-default-gray-900) !important;
265
- }
266
-
267
- .border-gray-900 {
268
- border-color: var(--pgn-color-gray-900) !important;
269
- }
270
-
271
- .bg-gray {
272
- background-color: var(--pgn-color-gray-base) !important;
273
- }
274
-
275
- a.bg-gray:hover,
276
- a.bg-gray:focus,
277
- button.bg-gray:hover,
278
- button.bg-gray:focus {
279
- background-color: var(--pgn-color-action-default-gray-base) !important;
280
- }
281
-
282
- .text-gray {
283
- color: var(--pgn-color-gray-base) !important;
284
- }
285
-
286
- a.text-gray:hover,
287
- a.text-gray:focus {
288
- color: var(--pgn-color-action-default-gray-base) !important;
289
- }
290
-
291
- .border-gray {
292
- border-color: var(--pgn-color-gray-base) !important;
293
- }
294
-
295
- .bg-primary-100 {
296
- background-color: var(--pgn-color-primary-100) !important;
297
- }
298
-
299
- a.bg-primary-100:hover,
300
- a.bg-primary-100:focus,
301
- button.bg-primary-100:hover,
302
- button.bg-primary-100:focus {
303
- background-color: var(--pgn-color-action-default-primary-100) !important;
304
- }
305
-
306
- .text-primary-100 {
307
- color: var(--pgn-color-primary-100) !important;
308
- }
309
-
310
- a.text-primary-100:hover,
311
- a.text-primary-100:focus {
312
- color: var(--pgn-color-action-default-primary-100) !important;
313
- }
314
-
315
- .border-primary-100 {
316
- border-color: var(--pgn-color-primary-100) !important;
317
- }
318
-
319
- .bg-primary-200 {
320
- background-color: var(--pgn-color-primary-200) !important;
321
- }
322
-
323
- a.bg-primary-200:hover,
324
- a.bg-primary-200:focus,
325
- button.bg-primary-200:hover,
326
- button.bg-primary-200:focus {
327
- background-color: var(--pgn-color-action-default-primary-200) !important;
328
- }
329
-
330
- .text-primary-200 {
331
- color: var(--pgn-color-primary-200) !important;
332
- }
333
-
334
- a.text-primary-200:hover,
335
- a.text-primary-200:focus {
336
- color: var(--pgn-color-action-default-primary-200) !important;
337
- }
338
-
339
- .border-primary-200 {
340
- border-color: var(--pgn-color-primary-200) !important;
341
- }
342
-
343
- .bg-primary-300 {
344
- background-color: var(--pgn-color-primary-300) !important;
345
- }
346
-
347
- a.bg-primary-300:hover,
348
- a.bg-primary-300:focus,
349
- button.bg-primary-300:hover,
350
- button.bg-primary-300:focus {
351
- background-color: var(--pgn-color-action-default-primary-300) !important;
352
- }
353
-
354
- .text-primary-300 {
355
- color: var(--pgn-color-primary-300) !important;
356
- }
357
-
358
- a.text-primary-300:hover,
359
- a.text-primary-300:focus {
360
- color: var(--pgn-color-action-default-primary-300) !important;
361
- }
362
-
363
- .border-primary-300 {
364
- border-color: var(--pgn-color-primary-300) !important;
365
- }
366
-
367
- .bg-primary-400 {
368
- background-color: var(--pgn-color-primary-400) !important;
369
- }
370
-
371
- a.bg-primary-400:hover,
372
- a.bg-primary-400:focus,
373
- button.bg-primary-400:hover,
374
- button.bg-primary-400:focus {
375
- background-color: var(--pgn-color-action-default-primary-400) !important;
376
- }
377
-
378
- .text-primary-400 {
379
- color: var(--pgn-color-primary-400) !important;
380
- }
381
-
382
- a.text-primary-400:hover,
383
- a.text-primary-400:focus {
384
- color: var(--pgn-color-action-default-primary-400) !important;
385
- }
386
-
387
- .border-primary-400 {
388
- border-color: var(--pgn-color-primary-400) !important;
389
- }
390
-
391
- .bg-primary-500 {
392
- background-color: var(--pgn-color-primary-500) !important;
393
- }
394
-
395
- a.bg-primary-500:hover,
396
- a.bg-primary-500:focus,
397
- button.bg-primary-500:hover,
398
- button.bg-primary-500:focus {
399
- background-color: var(--pgn-color-action-default-primary-500) !important;
400
- }
401
-
402
- .text-primary-500 {
403
- color: var(--pgn-color-primary-500) !important;
404
- }
405
-
406
- a.text-primary-500:hover,
407
- a.text-primary-500:focus {
408
- color: var(--pgn-color-action-default-primary-500) !important;
409
- }
410
-
411
- .border-primary-500 {
412
- border-color: var(--pgn-color-primary-500) !important;
413
- }
414
-
415
- .bg-primary-600 {
416
- background-color: var(--pgn-color-primary-600) !important;
417
- }
418
-
419
- a.bg-primary-600:hover,
420
- a.bg-primary-600:focus,
421
- button.bg-primary-600:hover,
422
- button.bg-primary-600:focus {
423
- background-color: var(--pgn-color-action-default-primary-600) !important;
424
- }
425
-
426
- .text-primary-600 {
427
- color: var(--pgn-color-primary-600) !important;
428
- }
429
-
430
- a.text-primary-600:hover,
431
- a.text-primary-600:focus {
432
- color: var(--pgn-color-action-default-primary-600) !important;
433
- }
434
-
435
- .border-primary-600 {
436
- border-color: var(--pgn-color-primary-600) !important;
437
- }
438
-
439
- .bg-primary-700 {
440
- background-color: var(--pgn-color-primary-700) !important;
441
- }
442
-
443
- a.bg-primary-700:hover,
444
- a.bg-primary-700:focus,
445
- button.bg-primary-700:hover,
446
- button.bg-primary-700:focus {
447
- background-color: var(--pgn-color-action-default-primary-700) !important;
448
- }
449
-
450
- .text-primary-700 {
451
- color: var(--pgn-color-primary-700) !important;
452
- }
453
-
454
- a.text-primary-700:hover,
455
- a.text-primary-700:focus {
456
- color: var(--pgn-color-action-default-primary-700) !important;
457
- }
458
-
459
- .border-primary-700 {
460
- border-color: var(--pgn-color-primary-700) !important;
461
- }
462
-
463
- .bg-primary-800 {
464
- background-color: var(--pgn-color-primary-800) !important;
465
- }
466
-
467
- a.bg-primary-800:hover,
468
- a.bg-primary-800:focus,
469
- button.bg-primary-800:hover,
470
- button.bg-primary-800:focus {
471
- background-color: var(--pgn-color-action-default-primary-800) !important;
472
- }
473
-
474
- .text-primary-800 {
475
- color: var(--pgn-color-primary-800) !important;
476
- }
477
-
478
- a.text-primary-800:hover,
479
- a.text-primary-800:focus {
480
- color: var(--pgn-color-action-default-primary-800) !important;
481
- }
482
-
483
- .border-primary-800 {
484
- border-color: var(--pgn-color-primary-800) !important;
485
- }
486
-
487
- .bg-primary-900 {
488
- background-color: var(--pgn-color-primary-900) !important;
489
- }
490
-
491
- a.bg-primary-900:hover,
492
- a.bg-primary-900:focus,
493
- button.bg-primary-900:hover,
494
- button.bg-primary-900:focus {
495
- background-color: var(--pgn-color-action-default-primary-900) !important;
496
- }
497
-
498
- .text-primary-900 {
499
- color: var(--pgn-color-primary-900) !important;
500
- }
501
-
502
- a.text-primary-900:hover,
503
- a.text-primary-900:focus {
504
- color: var(--pgn-color-action-default-primary-900) !important;
505
- }
506
-
507
- .border-primary-900 {
508
- border-color: var(--pgn-color-primary-900) !important;
509
- }
510
-
511
- .bg-primary {
512
- background-color: var(--pgn-color-primary-base) !important;
513
- }
514
-
515
- a.bg-primary:hover,
516
- a.bg-primary:focus,
517
- button.bg-primary:hover,
518
- button.bg-primary:focus {
519
- background-color: var(--pgn-color-action-default-primary-base) !important;
520
- }
521
-
522
- .text-primary {
523
- color: var(--pgn-color-primary-base) !important;
524
- }
525
-
526
- a.text-primary:hover,
527
- a.text-primary:focus {
528
- color: var(--pgn-color-action-default-primary-base) !important;
529
- }
530
-
531
- .border-primary {
532
- border-color: var(--pgn-color-primary-base) !important;
533
- }
534
-
535
- .bg-secondary-100 {
536
- background-color: var(--pgn-color-secondary-100) !important;
537
- }
538
-
539
- a.bg-secondary-100:hover,
540
- a.bg-secondary-100:focus,
541
- button.bg-secondary-100:hover,
542
- button.bg-secondary-100:focus {
543
- background-color: var(--pgn-color-action-default-secondary-100) !important;
544
- }
545
-
546
- .text-secondary-100 {
547
- color: var(--pgn-color-secondary-100) !important;
548
- }
549
-
550
- a.text-secondary-100:hover,
551
- a.text-secondary-100:focus {
552
- color: var(--pgn-color-action-default-secondary-100) !important;
553
- }
554
-
555
- .border-secondary-100 {
556
- border-color: var(--pgn-color-secondary-100) !important;
557
- }
558
-
559
- .bg-secondary-200 {
560
- background-color: var(--pgn-color-secondary-200) !important;
561
- }
562
-
563
- a.bg-secondary-200:hover,
564
- a.bg-secondary-200:focus,
565
- button.bg-secondary-200:hover,
566
- button.bg-secondary-200:focus {
567
- background-color: var(--pgn-color-action-default-secondary-200) !important;
568
- }
569
-
570
- .text-secondary-200 {
571
- color: var(--pgn-color-secondary-200) !important;
572
- }
573
-
574
- a.text-secondary-200:hover,
575
- a.text-secondary-200:focus {
576
- color: var(--pgn-color-action-default-secondary-200) !important;
577
- }
578
-
579
- .border-secondary-200 {
580
- border-color: var(--pgn-color-secondary-200) !important;
581
- }
582
-
583
- .bg-secondary-300 {
584
- background-color: var(--pgn-color-secondary-300) !important;
585
- }
586
-
587
- a.bg-secondary-300:hover,
588
- a.bg-secondary-300:focus,
589
- button.bg-secondary-300:hover,
590
- button.bg-secondary-300:focus {
591
- background-color: var(--pgn-color-action-default-secondary-300) !important;
592
- }
593
-
594
- .text-secondary-300 {
595
- color: var(--pgn-color-secondary-300) !important;
596
- }
597
-
598
- a.text-secondary-300:hover,
599
- a.text-secondary-300:focus {
600
- color: var(--pgn-color-action-default-secondary-300) !important;
601
- }
602
-
603
- .border-secondary-300 {
604
- border-color: var(--pgn-color-secondary-300) !important;
605
- }
606
-
607
- .bg-secondary-400 {
608
- background-color: var(--pgn-color-secondary-400) !important;
609
- }
610
-
611
- a.bg-secondary-400:hover,
612
- a.bg-secondary-400:focus,
613
- button.bg-secondary-400:hover,
614
- button.bg-secondary-400:focus {
615
- background-color: var(--pgn-color-action-default-secondary-400) !important;
616
- }
617
-
618
- .text-secondary-400 {
619
- color: var(--pgn-color-secondary-400) !important;
620
- }
621
-
622
- a.text-secondary-400:hover,
623
- a.text-secondary-400:focus {
624
- color: var(--pgn-color-action-default-secondary-400) !important;
625
- }
626
-
627
- .border-secondary-400 {
628
- border-color: var(--pgn-color-secondary-400) !important;
629
- }
630
-
631
- .bg-secondary-500 {
632
- background-color: var(--pgn-color-secondary-500) !important;
633
- }
634
-
635
- a.bg-secondary-500:hover,
636
- a.bg-secondary-500:focus,
637
- button.bg-secondary-500:hover,
638
- button.bg-secondary-500:focus {
639
- background-color: var(--pgn-color-action-default-secondary-500) !important;
640
- }
641
-
642
- .text-secondary-500 {
643
- color: var(--pgn-color-secondary-500) !important;
644
- }
645
-
646
- a.text-secondary-500:hover,
647
- a.text-secondary-500:focus {
648
- color: var(--pgn-color-action-default-secondary-500) !important;
649
- }
650
-
651
- .border-secondary-500 {
652
- border-color: var(--pgn-color-secondary-500) !important;
653
- }
654
-
655
- .bg-secondary-600 {
656
- background-color: var(--pgn-color-secondary-600) !important;
657
- }
658
-
659
- a.bg-secondary-600:hover,
660
- a.bg-secondary-600:focus,
661
- button.bg-secondary-600:hover,
662
- button.bg-secondary-600:focus {
663
- background-color: var(--pgn-color-action-default-secondary-600) !important;
664
- }
665
-
666
- .text-secondary-600 {
667
- color: var(--pgn-color-secondary-600) !important;
668
- }
669
-
670
- a.text-secondary-600:hover,
671
- a.text-secondary-600:focus {
672
- color: var(--pgn-color-action-default-secondary-600) !important;
673
- }
674
-
675
- .border-secondary-600 {
676
- border-color: var(--pgn-color-secondary-600) !important;
677
- }
678
-
679
- .bg-secondary-700 {
680
- background-color: var(--pgn-color-secondary-700) !important;
681
- }
682
-
683
- a.bg-secondary-700:hover,
684
- a.bg-secondary-700:focus,
685
- button.bg-secondary-700:hover,
686
- button.bg-secondary-700:focus {
687
- background-color: var(--pgn-color-action-default-secondary-700) !important;
688
- }
689
-
690
- .text-secondary-700 {
691
- color: var(--pgn-color-secondary-700) !important;
692
- }
693
-
694
- a.text-secondary-700:hover,
695
- a.text-secondary-700:focus {
696
- color: var(--pgn-color-action-default-secondary-700) !important;
697
- }
698
-
699
- .border-secondary-700 {
700
- border-color: var(--pgn-color-secondary-700) !important;
701
- }
702
-
703
- .bg-secondary-800 {
704
- background-color: var(--pgn-color-secondary-800) !important;
705
- }
706
-
707
- a.bg-secondary-800:hover,
708
- a.bg-secondary-800:focus,
709
- button.bg-secondary-800:hover,
710
- button.bg-secondary-800:focus {
711
- background-color: var(--pgn-color-action-default-secondary-800) !important;
712
- }
713
-
714
- .text-secondary-800 {
715
- color: var(--pgn-color-secondary-800) !important;
716
- }
717
-
718
- a.text-secondary-800:hover,
719
- a.text-secondary-800:focus {
720
- color: var(--pgn-color-action-default-secondary-800) !important;
721
- }
722
-
723
- .border-secondary-800 {
724
- border-color: var(--pgn-color-secondary-800) !important;
725
- }
726
-
727
- .bg-secondary-900 {
728
- background-color: var(--pgn-color-secondary-900) !important;
729
- }
730
-
731
- a.bg-secondary-900:hover,
732
- a.bg-secondary-900:focus,
733
- button.bg-secondary-900:hover,
734
- button.bg-secondary-900:focus {
735
- background-color: var(--pgn-color-action-default-secondary-900) !important;
736
- }
737
-
738
- .text-secondary-900 {
739
- color: var(--pgn-color-secondary-900) !important;
740
- }
741
-
742
- a.text-secondary-900:hover,
743
- a.text-secondary-900:focus {
744
- color: var(--pgn-color-action-default-secondary-900) !important;
745
- }
746
-
747
- .border-secondary-900 {
748
- border-color: var(--pgn-color-secondary-900) !important;
749
- }
750
-
751
- .bg-secondary {
752
- background-color: var(--pgn-color-secondary-base) !important;
753
- }
754
-
755
- a.bg-secondary:hover,
756
- a.bg-secondary:focus,
757
- button.bg-secondary:hover,
758
- button.bg-secondary:focus {
759
- background-color: var(--pgn-color-action-default-secondary-base) !important;
760
- }
761
-
762
- .text-secondary {
763
- color: var(--pgn-color-secondary-base) !important;
764
- }
765
-
766
- a.text-secondary:hover,
767
- a.text-secondary:focus {
768
- color: var(--pgn-color-action-default-secondary-base) !important;
769
- }
770
-
771
- .border-secondary {
772
- border-color: var(--pgn-color-secondary-base) !important;
773
- }
774
-
775
- .bg-brand-100 {
776
- background-color: var(--pgn-color-brand-100) !important;
777
- }
778
-
779
- a.bg-brand-100:hover,
780
- a.bg-brand-100:focus,
781
- button.bg-brand-100:hover,
782
- button.bg-brand-100:focus {
783
- background-color: var(--pgn-color-action-default-brand-100) !important;
784
- }
785
-
786
- .text-brand-100 {
787
- color: var(--pgn-color-brand-100) !important;
788
- }
789
-
790
- a.text-brand-100:hover,
791
- a.text-brand-100:focus {
792
- color: var(--pgn-color-action-default-brand-100) !important;
793
- }
794
-
795
- .border-brand-100 {
796
- border-color: var(--pgn-color-brand-100) !important;
797
- }
798
-
799
- .bg-brand-200 {
800
- background-color: var(--pgn-color-brand-200) !important;
801
- }
802
-
803
- a.bg-brand-200:hover,
804
- a.bg-brand-200:focus,
805
- button.bg-brand-200:hover,
806
- button.bg-brand-200:focus {
807
- background-color: var(--pgn-color-action-default-brand-200) !important;
808
- }
809
-
810
- .text-brand-200 {
811
- color: var(--pgn-color-brand-200) !important;
812
- }
813
-
814
- a.text-brand-200:hover,
815
- a.text-brand-200:focus {
816
- color: var(--pgn-color-action-default-brand-200) !important;
817
- }
818
-
819
- .border-brand-200 {
820
- border-color: var(--pgn-color-brand-200) !important;
821
- }
822
-
823
- .bg-brand-300 {
824
- background-color: var(--pgn-color-brand-300) !important;
825
- }
826
-
827
- a.bg-brand-300:hover,
828
- a.bg-brand-300:focus,
829
- button.bg-brand-300:hover,
830
- button.bg-brand-300:focus {
831
- background-color: var(--pgn-color-action-default-brand-300) !important;
832
- }
833
-
834
- .text-brand-300 {
835
- color: var(--pgn-color-brand-300) !important;
836
- }
837
-
838
- a.text-brand-300:hover,
839
- a.text-brand-300:focus {
840
- color: var(--pgn-color-action-default-brand-300) !important;
841
- }
842
-
843
- .border-brand-300 {
844
- border-color: var(--pgn-color-brand-300) !important;
845
- }
846
-
847
- .bg-brand-400 {
848
- background-color: var(--pgn-color-brand-400) !important;
849
- }
850
-
851
- a.bg-brand-400:hover,
852
- a.bg-brand-400:focus,
853
- button.bg-brand-400:hover,
854
- button.bg-brand-400:focus {
855
- background-color: var(--pgn-color-action-default-brand-400) !important;
856
- }
857
-
858
- .text-brand-400 {
859
- color: var(--pgn-color-brand-400) !important;
860
- }
861
-
862
- a.text-brand-400:hover,
863
- a.text-brand-400:focus {
864
- color: var(--pgn-color-action-default-brand-400) !important;
865
- }
866
-
867
- .border-brand-400 {
868
- border-color: var(--pgn-color-brand-400) !important;
869
- }
870
-
871
- .bg-brand-500 {
872
- background-color: var(--pgn-color-brand-500) !important;
873
- }
874
-
875
- a.bg-brand-500:hover,
876
- a.bg-brand-500:focus,
877
- button.bg-brand-500:hover,
878
- button.bg-brand-500:focus {
879
- background-color: var(--pgn-color-action-default-brand-500) !important;
880
- }
881
-
882
- .text-brand-500 {
883
- color: var(--pgn-color-brand-500) !important;
884
- }
885
-
886
- a.text-brand-500:hover,
887
- a.text-brand-500:focus {
888
- color: var(--pgn-color-action-default-brand-500) !important;
889
- }
890
-
891
- .border-brand-500 {
892
- border-color: var(--pgn-color-brand-500) !important;
893
- }
894
-
895
- .bg-brand-600 {
896
- background-color: var(--pgn-color-brand-600) !important;
897
- }
898
-
899
- a.bg-brand-600:hover,
900
- a.bg-brand-600:focus,
901
- button.bg-brand-600:hover,
902
- button.bg-brand-600:focus {
903
- background-color: var(--pgn-color-action-default-brand-600) !important;
904
- }
905
-
906
- .text-brand-600 {
907
- color: var(--pgn-color-brand-600) !important;
908
- }
909
-
910
- a.text-brand-600:hover,
911
- a.text-brand-600:focus {
912
- color: var(--pgn-color-action-default-brand-600) !important;
913
- }
914
-
915
- .border-brand-600 {
916
- border-color: var(--pgn-color-brand-600) !important;
917
- }
918
-
919
- .bg-brand-700 {
920
- background-color: var(--pgn-color-brand-700) !important;
921
- }
922
-
923
- a.bg-brand-700:hover,
924
- a.bg-brand-700:focus,
925
- button.bg-brand-700:hover,
926
- button.bg-brand-700:focus {
927
- background-color: var(--pgn-color-action-default-brand-700) !important;
928
- }
929
-
930
- .text-brand-700 {
931
- color: var(--pgn-color-brand-700) !important;
932
- }
933
-
934
- a.text-brand-700:hover,
935
- a.text-brand-700:focus {
936
- color: var(--pgn-color-action-default-brand-700) !important;
937
- }
938
-
939
- .border-brand-700 {
940
- border-color: var(--pgn-color-brand-700) !important;
941
- }
942
-
943
- .bg-brand-800 {
944
- background-color: var(--pgn-color-brand-800) !important;
945
- }
946
-
947
- a.bg-brand-800:hover,
948
- a.bg-brand-800:focus,
949
- button.bg-brand-800:hover,
950
- button.bg-brand-800:focus {
951
- background-color: var(--pgn-color-action-default-brand-800) !important;
952
- }
953
-
954
- .text-brand-800 {
955
- color: var(--pgn-color-brand-800) !important;
956
- }
957
-
958
- a.text-brand-800:hover,
959
- a.text-brand-800:focus {
960
- color: var(--pgn-color-action-default-brand-800) !important;
961
- }
962
-
963
- .border-brand-800 {
964
- border-color: var(--pgn-color-brand-800) !important;
965
- }
966
-
967
- .bg-brand-900 {
968
- background-color: var(--pgn-color-brand-900) !important;
969
- }
970
-
971
- a.bg-brand-900:hover,
972
- a.bg-brand-900:focus,
973
- button.bg-brand-900:hover,
974
- button.bg-brand-900:focus {
975
- background-color: var(--pgn-color-action-default-brand-900) !important;
976
- }
977
-
978
- .text-brand-900 {
979
- color: var(--pgn-color-brand-900) !important;
980
- }
981
-
982
- a.text-brand-900:hover,
983
- a.text-brand-900:focus {
984
- color: var(--pgn-color-action-default-brand-900) !important;
985
- }
986
-
987
- .border-brand-900 {
988
- border-color: var(--pgn-color-brand-900) !important;
989
- }
990
-
991
- .bg-brand {
992
- background-color: var(--pgn-color-brand-base) !important;
993
- }
994
-
995
- a.bg-brand:hover,
996
- a.bg-brand:focus,
997
- button.bg-brand:hover,
998
- button.bg-brand:focus {
999
- background-color: var(--pgn-color-action-default-brand-base) !important;
1000
- }
1001
-
1002
- .text-brand {
1003
- color: var(--pgn-color-brand-base) !important;
1004
- }
1005
-
1006
- a.text-brand:hover,
1007
- a.text-brand:focus {
1008
- color: var(--pgn-color-action-default-brand-base) !important;
1009
- }
1010
-
1011
- .border-brand {
1012
- border-color: var(--pgn-color-brand-base) !important;
1013
- }
1014
-
1015
- .bg-success-100 {
1016
- background-color: var(--pgn-color-success-100) !important;
1017
- }
1018
-
1019
- a.bg-success-100:hover,
1020
- a.bg-success-100:focus,
1021
- button.bg-success-100:hover,
1022
- button.bg-success-100:focus {
1023
- background-color: var(--pgn-color-action-default-success-100) !important;
1024
- }
1025
-
1026
- .text-success-100 {
1027
- color: var(--pgn-color-success-100) !important;
1028
- }
1029
-
1030
- a.text-success-100:hover,
1031
- a.text-success-100:focus {
1032
- color: var(--pgn-color-action-default-success-100) !important;
1033
- }
1034
-
1035
- .border-success-100 {
1036
- border-color: var(--pgn-color-success-100) !important;
1037
- }
1038
-
1039
- .bg-success-200 {
1040
- background-color: var(--pgn-color-success-200) !important;
1041
- }
1042
-
1043
- a.bg-success-200:hover,
1044
- a.bg-success-200:focus,
1045
- button.bg-success-200:hover,
1046
- button.bg-success-200:focus {
1047
- background-color: var(--pgn-color-action-default-success-200) !important;
1048
- }
1049
-
1050
- .text-success-200 {
1051
- color: var(--pgn-color-success-200) !important;
1052
- }
1053
-
1054
- a.text-success-200:hover,
1055
- a.text-success-200:focus {
1056
- color: var(--pgn-color-action-default-success-200) !important;
1057
- }
1058
-
1059
- .border-success-200 {
1060
- border-color: var(--pgn-color-success-200) !important;
1061
- }
1062
-
1063
- .bg-success-300 {
1064
- background-color: var(--pgn-color-success-300) !important;
1065
- }
1066
-
1067
- a.bg-success-300:hover,
1068
- a.bg-success-300:focus,
1069
- button.bg-success-300:hover,
1070
- button.bg-success-300:focus {
1071
- background-color: var(--pgn-color-action-default-success-300) !important;
1072
- }
1073
-
1074
- .text-success-300 {
1075
- color: var(--pgn-color-success-300) !important;
1076
- }
1077
-
1078
- a.text-success-300:hover,
1079
- a.text-success-300:focus {
1080
- color: var(--pgn-color-action-default-success-300) !important;
1081
- }
1082
-
1083
- .border-success-300 {
1084
- border-color: var(--pgn-color-success-300) !important;
1085
- }
1086
-
1087
- .bg-success-400 {
1088
- background-color: var(--pgn-color-success-400) !important;
1089
- }
1090
-
1091
- a.bg-success-400:hover,
1092
- a.bg-success-400:focus,
1093
- button.bg-success-400:hover,
1094
- button.bg-success-400:focus {
1095
- background-color: var(--pgn-color-action-default-success-400) !important;
1096
- }
1097
-
1098
- .text-success-400 {
1099
- color: var(--pgn-color-success-400) !important;
1100
- }
1101
-
1102
- a.text-success-400:hover,
1103
- a.text-success-400:focus {
1104
- color: var(--pgn-color-action-default-success-400) !important;
1105
- }
1106
-
1107
- .border-success-400 {
1108
- border-color: var(--pgn-color-success-400) !important;
1109
- }
1110
-
1111
- .bg-success-500 {
1112
- background-color: var(--pgn-color-success-500) !important;
1113
- }
1114
-
1115
- a.bg-success-500:hover,
1116
- a.bg-success-500:focus,
1117
- button.bg-success-500:hover,
1118
- button.bg-success-500:focus {
1119
- background-color: var(--pgn-color-action-default-success-500) !important;
1120
- }
1121
-
1122
- .text-success-500 {
1123
- color: var(--pgn-color-success-500) !important;
1124
- }
1125
-
1126
- a.text-success-500:hover,
1127
- a.text-success-500:focus {
1128
- color: var(--pgn-color-action-default-success-500) !important;
1129
- }
1130
-
1131
- .border-success-500 {
1132
- border-color: var(--pgn-color-success-500) !important;
1133
- }
1134
-
1135
- .bg-success-600 {
1136
- background-color: var(--pgn-color-success-600) !important;
1137
- }
1138
-
1139
- a.bg-success-600:hover,
1140
- a.bg-success-600:focus,
1141
- button.bg-success-600:hover,
1142
- button.bg-success-600:focus {
1143
- background-color: var(--pgn-color-action-default-success-600) !important;
1144
- }
1145
-
1146
- .text-success-600 {
1147
- color: var(--pgn-color-success-600) !important;
1148
- }
1149
-
1150
- a.text-success-600:hover,
1151
- a.text-success-600:focus {
1152
- color: var(--pgn-color-action-default-success-600) !important;
1153
- }
1154
-
1155
- .border-success-600 {
1156
- border-color: var(--pgn-color-success-600) !important;
1157
- }
1158
-
1159
- .bg-success-700 {
1160
- background-color: var(--pgn-color-success-700) !important;
1161
- }
1162
-
1163
- a.bg-success-700:hover,
1164
- a.bg-success-700:focus,
1165
- button.bg-success-700:hover,
1166
- button.bg-success-700:focus {
1167
- background-color: var(--pgn-color-action-default-success-700) !important;
1168
- }
1169
-
1170
- .text-success-700 {
1171
- color: var(--pgn-color-success-700) !important;
1172
- }
1173
-
1174
- a.text-success-700:hover,
1175
- a.text-success-700:focus {
1176
- color: var(--pgn-color-action-default-success-700) !important;
1177
- }
1178
-
1179
- .border-success-700 {
1180
- border-color: var(--pgn-color-success-700) !important;
1181
- }
1182
-
1183
- .bg-success-800 {
1184
- background-color: var(--pgn-color-success-800) !important;
1185
- }
1186
-
1187
- a.bg-success-800:hover,
1188
- a.bg-success-800:focus,
1189
- button.bg-success-800:hover,
1190
- button.bg-success-800:focus {
1191
- background-color: var(--pgn-color-action-default-success-800) !important;
1192
- }
1193
-
1194
- .text-success-800 {
1195
- color: var(--pgn-color-success-800) !important;
1196
- }
1197
-
1198
- a.text-success-800:hover,
1199
- a.text-success-800:focus {
1200
- color: var(--pgn-color-action-default-success-800) !important;
1201
- }
1202
-
1203
- .border-success-800 {
1204
- border-color: var(--pgn-color-success-800) !important;
1205
- }
1206
-
1207
- .bg-success-900 {
1208
- background-color: var(--pgn-color-success-900) !important;
1209
- }
1210
-
1211
- a.bg-success-900:hover,
1212
- a.bg-success-900:focus,
1213
- button.bg-success-900:hover,
1214
- button.bg-success-900:focus {
1215
- background-color: var(--pgn-color-action-default-success-900) !important;
1216
- }
1217
-
1218
- .text-success-900 {
1219
- color: var(--pgn-color-success-900) !important;
1220
- }
1221
-
1222
- a.text-success-900:hover,
1223
- a.text-success-900:focus {
1224
- color: var(--pgn-color-action-default-success-900) !important;
1225
- }
1226
-
1227
- .border-success-900 {
1228
- border-color: var(--pgn-color-success-900) !important;
1229
- }
1230
-
1231
- .bg-success {
1232
- background-color: var(--pgn-color-success-base) !important;
1233
- }
1234
-
1235
- a.bg-success:hover,
1236
- a.bg-success:focus,
1237
- button.bg-success:hover,
1238
- button.bg-success:focus {
1239
- background-color: var(--pgn-color-action-default-success-base) !important;
1240
- }
1241
-
1242
- .text-success {
1243
- color: var(--pgn-color-success-base) !important;
1244
- }
1245
-
1246
- a.text-success:hover,
1247
- a.text-success:focus {
1248
- color: var(--pgn-color-action-default-success-base) !important;
1249
- }
1250
-
1251
- .border-success {
1252
- border-color: var(--pgn-color-success-base) !important;
1253
- }
1254
-
1255
- .bg-info-100 {
1256
- background-color: var(--pgn-color-info-100) !important;
1257
- }
1258
-
1259
- a.bg-info-100:hover,
1260
- a.bg-info-100:focus,
1261
- button.bg-info-100:hover,
1262
- button.bg-info-100:focus {
1263
- background-color: var(--pgn-color-action-default-info-100) !important;
1264
- }
1265
-
1266
- .text-info-100 {
1267
- color: var(--pgn-color-info-100) !important;
1268
- }
1269
-
1270
- a.text-info-100:hover,
1271
- a.text-info-100:focus {
1272
- color: var(--pgn-color-action-default-info-100) !important;
1273
- }
1274
-
1275
- .border-info-100 {
1276
- border-color: var(--pgn-color-info-100) !important;
1277
- }
1278
-
1279
- .bg-info-200 {
1280
- background-color: var(--pgn-color-info-200) !important;
1281
- }
1282
-
1283
- a.bg-info-200:hover,
1284
- a.bg-info-200:focus,
1285
- button.bg-info-200:hover,
1286
- button.bg-info-200:focus {
1287
- background-color: var(--pgn-color-action-default-info-200) !important;
1288
- }
1289
-
1290
- .text-info-200 {
1291
- color: var(--pgn-color-info-200) !important;
1292
- }
1293
-
1294
- a.text-info-200:hover,
1295
- a.text-info-200:focus {
1296
- color: var(--pgn-color-action-default-info-200) !important;
1297
- }
1298
-
1299
- .border-info-200 {
1300
- border-color: var(--pgn-color-info-200) !important;
1301
- }
1302
-
1303
- .bg-info-300 {
1304
- background-color: var(--pgn-color-info-300) !important;
1305
- }
1306
-
1307
- a.bg-info-300:hover,
1308
- a.bg-info-300:focus,
1309
- button.bg-info-300:hover,
1310
- button.bg-info-300:focus {
1311
- background-color: var(--pgn-color-action-default-info-300) !important;
1312
- }
1313
-
1314
- .text-info-300 {
1315
- color: var(--pgn-color-info-300) !important;
1316
- }
1317
-
1318
- a.text-info-300:hover,
1319
- a.text-info-300:focus {
1320
- color: var(--pgn-color-action-default-info-300) !important;
1321
- }
1322
-
1323
- .border-info-300 {
1324
- border-color: var(--pgn-color-info-300) !important;
1325
- }
1326
-
1327
- .bg-info-400 {
1328
- background-color: var(--pgn-color-info-400) !important;
1329
- }
1330
-
1331
- a.bg-info-400:hover,
1332
- a.bg-info-400:focus,
1333
- button.bg-info-400:hover,
1334
- button.bg-info-400:focus {
1335
- background-color: var(--pgn-color-action-default-info-400) !important;
1336
- }
1337
-
1338
- .text-info-400 {
1339
- color: var(--pgn-color-info-400) !important;
1340
- }
1341
-
1342
- a.text-info-400:hover,
1343
- a.text-info-400:focus {
1344
- color: var(--pgn-color-action-default-info-400) !important;
1345
- }
1346
-
1347
- .border-info-400 {
1348
- border-color: var(--pgn-color-info-400) !important;
1349
- }
1350
-
1351
- .bg-info-500 {
1352
- background-color: var(--pgn-color-info-500) !important;
1353
- }
1354
-
1355
- a.bg-info-500:hover,
1356
- a.bg-info-500:focus,
1357
- button.bg-info-500:hover,
1358
- button.bg-info-500:focus {
1359
- background-color: var(--pgn-color-action-default-info-500) !important;
1360
- }
1361
-
1362
- .text-info-500 {
1363
- color: var(--pgn-color-info-500) !important;
1364
- }
1365
-
1366
- a.text-info-500:hover,
1367
- a.text-info-500:focus {
1368
- color: var(--pgn-color-action-default-info-500) !important;
1369
- }
1370
-
1371
- .border-info-500 {
1372
- border-color: var(--pgn-color-info-500) !important;
1373
- }
1374
-
1375
- .bg-info-600 {
1376
- background-color: var(--pgn-color-info-600) !important;
1377
- }
1378
-
1379
- a.bg-info-600:hover,
1380
- a.bg-info-600:focus,
1381
- button.bg-info-600:hover,
1382
- button.bg-info-600:focus {
1383
- background-color: var(--pgn-color-action-default-info-600) !important;
1384
- }
1385
-
1386
- .text-info-600 {
1387
- color: var(--pgn-color-info-600) !important;
1388
- }
1389
-
1390
- a.text-info-600:hover,
1391
- a.text-info-600:focus {
1392
- color: var(--pgn-color-action-default-info-600) !important;
1393
- }
1394
-
1395
- .border-info-600 {
1396
- border-color: var(--pgn-color-info-600) !important;
1397
- }
1398
-
1399
- .bg-info-700 {
1400
- background-color: var(--pgn-color-info-700) !important;
1401
- }
1402
-
1403
- a.bg-info-700:hover,
1404
- a.bg-info-700:focus,
1405
- button.bg-info-700:hover,
1406
- button.bg-info-700:focus {
1407
- background-color: var(--pgn-color-action-default-info-700) !important;
1408
- }
1409
-
1410
- .text-info-700 {
1411
- color: var(--pgn-color-info-700) !important;
1412
- }
1413
-
1414
- a.text-info-700:hover,
1415
- a.text-info-700:focus {
1416
- color: var(--pgn-color-action-default-info-700) !important;
1417
- }
1418
-
1419
- .border-info-700 {
1420
- border-color: var(--pgn-color-info-700) !important;
1421
- }
1422
-
1423
- .bg-info-800 {
1424
- background-color: var(--pgn-color-info-800) !important;
1425
- }
1426
-
1427
- a.bg-info-800:hover,
1428
- a.bg-info-800:focus,
1429
- button.bg-info-800:hover,
1430
- button.bg-info-800:focus {
1431
- background-color: var(--pgn-color-action-default-info-800) !important;
1432
- }
1433
-
1434
- .text-info-800 {
1435
- color: var(--pgn-color-info-800) !important;
1436
- }
1437
-
1438
- a.text-info-800:hover,
1439
- a.text-info-800:focus {
1440
- color: var(--pgn-color-action-default-info-800) !important;
1441
- }
1442
-
1443
- .border-info-800 {
1444
- border-color: var(--pgn-color-info-800) !important;
1445
- }
1446
-
1447
- .bg-info-900 {
1448
- background-color: var(--pgn-color-info-900) !important;
1449
- }
1450
-
1451
- a.bg-info-900:hover,
1452
- a.bg-info-900:focus,
1453
- button.bg-info-900:hover,
1454
- button.bg-info-900:focus {
1455
- background-color: var(--pgn-color-action-default-info-900) !important;
1456
- }
1457
-
1458
- .text-info-900 {
1459
- color: var(--pgn-color-info-900) !important;
1460
- }
1461
-
1462
- a.text-info-900:hover,
1463
- a.text-info-900:focus {
1464
- color: var(--pgn-color-action-default-info-900) !important;
1465
- }
1466
-
1467
- .border-info-900 {
1468
- border-color: var(--pgn-color-info-900) !important;
1469
- }
1470
-
1471
- .bg-info {
1472
- background-color: var(--pgn-color-info-base) !important;
1473
- }
1474
-
1475
- a.bg-info:hover,
1476
- a.bg-info:focus,
1477
- button.bg-info:hover,
1478
- button.bg-info:focus {
1479
- background-color: var(--pgn-color-action-default-info-base) !important;
1480
- }
1481
-
1482
- .text-info {
1483
- color: var(--pgn-color-info-base) !important;
1484
- }
1485
-
1486
- a.text-info:hover,
1487
- a.text-info:focus {
1488
- color: var(--pgn-color-action-default-info-base) !important;
1489
- }
1490
-
1491
- .border-info {
1492
- border-color: var(--pgn-color-info-base) !important;
1493
- }
1494
-
1495
- .bg-warning-100 {
1496
- background-color: var(--pgn-color-warning-100) !important;
1497
- }
1498
-
1499
- a.bg-warning-100:hover,
1500
- a.bg-warning-100:focus,
1501
- button.bg-warning-100:hover,
1502
- button.bg-warning-100:focus {
1503
- background-color: var(--pgn-color-action-default-warning-100) !important;
1504
- }
1505
-
1506
- .text-warning-100 {
1507
- color: var(--pgn-color-warning-100) !important;
1508
- }
1509
-
1510
- a.text-warning-100:hover,
1511
- a.text-warning-100:focus {
1512
- color: var(--pgn-color-action-default-warning-100) !important;
1513
- }
1514
-
1515
- .border-warning-100 {
1516
- border-color: var(--pgn-color-warning-100) !important;
1517
- }
1518
-
1519
- .bg-warning-200 {
1520
- background-color: var(--pgn-color-warning-200) !important;
1521
- }
1522
-
1523
- a.bg-warning-200:hover,
1524
- a.bg-warning-200:focus,
1525
- button.bg-warning-200:hover,
1526
- button.bg-warning-200:focus {
1527
- background-color: var(--pgn-color-action-default-warning-200) !important;
1528
- }
1529
-
1530
- .text-warning-200 {
1531
- color: var(--pgn-color-warning-200) !important;
1532
- }
1533
-
1534
- a.text-warning-200:hover,
1535
- a.text-warning-200:focus {
1536
- color: var(--pgn-color-action-default-warning-200) !important;
1537
- }
1538
-
1539
- .border-warning-200 {
1540
- border-color: var(--pgn-color-warning-200) !important;
1541
- }
1542
-
1543
- .bg-warning-300 {
1544
- background-color: var(--pgn-color-warning-300) !important;
1545
- }
1546
-
1547
- a.bg-warning-300:hover,
1548
- a.bg-warning-300:focus,
1549
- button.bg-warning-300:hover,
1550
- button.bg-warning-300:focus {
1551
- background-color: var(--pgn-color-action-default-warning-300) !important;
1552
- }
1553
-
1554
- .text-warning-300 {
1555
- color: var(--pgn-color-warning-300) !important;
1556
- }
1557
-
1558
- a.text-warning-300:hover,
1559
- a.text-warning-300:focus {
1560
- color: var(--pgn-color-action-default-warning-300) !important;
1561
- }
1562
-
1563
- .border-warning-300 {
1564
- border-color: var(--pgn-color-warning-300) !important;
1565
- }
1566
-
1567
- .bg-warning-400 {
1568
- background-color: var(--pgn-color-warning-400) !important;
1569
- }
1570
-
1571
- a.bg-warning-400:hover,
1572
- a.bg-warning-400:focus,
1573
- button.bg-warning-400:hover,
1574
- button.bg-warning-400:focus {
1575
- background-color: var(--pgn-color-action-default-warning-400) !important;
1576
- }
1577
-
1578
- .text-warning-400 {
1579
- color: var(--pgn-color-warning-400) !important;
1580
- }
1581
-
1582
- a.text-warning-400:hover,
1583
- a.text-warning-400:focus {
1584
- color: var(--pgn-color-action-default-warning-400) !important;
1585
- }
1586
-
1587
- .border-warning-400 {
1588
- border-color: var(--pgn-color-warning-400) !important;
1589
- }
1590
-
1591
- .bg-warning-500 {
1592
- background-color: var(--pgn-color-warning-500) !important;
1593
- }
1594
-
1595
- a.bg-warning-500:hover,
1596
- a.bg-warning-500:focus,
1597
- button.bg-warning-500:hover,
1598
- button.bg-warning-500:focus {
1599
- background-color: var(--pgn-color-action-default-warning-500) !important;
1600
- }
1601
-
1602
- .text-warning-500 {
1603
- color: var(--pgn-color-warning-500) !important;
1604
- }
1605
-
1606
- a.text-warning-500:hover,
1607
- a.text-warning-500:focus {
1608
- color: var(--pgn-color-action-default-warning-500) !important;
1609
- }
1610
-
1611
- .border-warning-500 {
1612
- border-color: var(--pgn-color-warning-500) !important;
1613
- }
1614
-
1615
- .bg-warning-600 {
1616
- background-color: var(--pgn-color-warning-600) !important;
1617
- }
1618
-
1619
- a.bg-warning-600:hover,
1620
- a.bg-warning-600:focus,
1621
- button.bg-warning-600:hover,
1622
- button.bg-warning-600:focus {
1623
- background-color: var(--pgn-color-action-default-warning-600) !important;
1624
- }
1625
-
1626
- .text-warning-600 {
1627
- color: var(--pgn-color-warning-600) !important;
1628
- }
1629
-
1630
- a.text-warning-600:hover,
1631
- a.text-warning-600:focus {
1632
- color: var(--pgn-color-action-default-warning-600) !important;
1633
- }
1634
-
1635
- .border-warning-600 {
1636
- border-color: var(--pgn-color-warning-600) !important;
1637
- }
1638
-
1639
- .bg-warning-700 {
1640
- background-color: var(--pgn-color-warning-700) !important;
1641
- }
1642
-
1643
- a.bg-warning-700:hover,
1644
- a.bg-warning-700:focus,
1645
- button.bg-warning-700:hover,
1646
- button.bg-warning-700:focus {
1647
- background-color: var(--pgn-color-action-default-warning-700) !important;
1648
- }
1649
-
1650
- .text-warning-700 {
1651
- color: var(--pgn-color-warning-700) !important;
1652
- }
1653
-
1654
- a.text-warning-700:hover,
1655
- a.text-warning-700:focus {
1656
- color: var(--pgn-color-action-default-warning-700) !important;
1657
- }
1658
-
1659
- .border-warning-700 {
1660
- border-color: var(--pgn-color-warning-700) !important;
1661
- }
1662
-
1663
- .bg-warning-800 {
1664
- background-color: var(--pgn-color-warning-800) !important;
1665
- }
1666
-
1667
- a.bg-warning-800:hover,
1668
- a.bg-warning-800:focus,
1669
- button.bg-warning-800:hover,
1670
- button.bg-warning-800:focus {
1671
- background-color: var(--pgn-color-action-default-warning-800) !important;
1672
- }
1673
-
1674
- .text-warning-800 {
1675
- color: var(--pgn-color-warning-800) !important;
1676
- }
1677
-
1678
- a.text-warning-800:hover,
1679
- a.text-warning-800:focus {
1680
- color: var(--pgn-color-action-default-warning-800) !important;
1681
- }
1682
-
1683
- .border-warning-800 {
1684
- border-color: var(--pgn-color-warning-800) !important;
1685
- }
1686
-
1687
- .bg-warning-900 {
1688
- background-color: var(--pgn-color-warning-900) !important;
1689
- }
1690
-
1691
- a.bg-warning-900:hover,
1692
- a.bg-warning-900:focus,
1693
- button.bg-warning-900:hover,
1694
- button.bg-warning-900:focus {
1695
- background-color: var(--pgn-color-action-default-warning-900) !important;
1696
- }
1697
-
1698
- .text-warning-900 {
1699
- color: var(--pgn-color-warning-900) !important;
1700
- }
1701
-
1702
- a.text-warning-900:hover,
1703
- a.text-warning-900:focus {
1704
- color: var(--pgn-color-action-default-warning-900) !important;
1705
- }
1706
-
1707
- .border-warning-900 {
1708
- border-color: var(--pgn-color-warning-900) !important;
1709
- }
1710
-
1711
- .bg-warning {
1712
- background-color: var(--pgn-color-warning-base) !important;
1713
- }
1714
-
1715
- a.bg-warning:hover,
1716
- a.bg-warning:focus,
1717
- button.bg-warning:hover,
1718
- button.bg-warning:focus {
1719
- background-color: var(--pgn-color-action-default-warning-base) !important;
1720
- }
1721
-
1722
- .text-warning {
1723
- color: var(--pgn-color-warning-base) !important;
1724
- }
1725
-
1726
- a.text-warning:hover,
1727
- a.text-warning:focus {
1728
- color: var(--pgn-color-action-default-warning-base) !important;
1729
- }
1730
-
1731
- .border-warning {
1732
- border-color: var(--pgn-color-warning-base) !important;
1733
- }
1734
-
1735
- .bg-danger-100 {
1736
- background-color: var(--pgn-color-danger-100) !important;
1737
- }
1738
-
1739
- a.bg-danger-100:hover,
1740
- a.bg-danger-100:focus,
1741
- button.bg-danger-100:hover,
1742
- button.bg-danger-100:focus {
1743
- background-color: var(--pgn-color-action-default-danger-100) !important;
1744
- }
1745
-
1746
- .text-danger-100 {
1747
- color: var(--pgn-color-danger-100) !important;
1748
- }
1749
-
1750
- a.text-danger-100:hover,
1751
- a.text-danger-100:focus {
1752
- color: var(--pgn-color-action-default-danger-100) !important;
1753
- }
1754
-
1755
- .border-danger-100 {
1756
- border-color: var(--pgn-color-danger-100) !important;
1757
- }
1758
-
1759
- .bg-danger-200 {
1760
- background-color: var(--pgn-color-danger-200) !important;
1761
- }
1762
-
1763
- a.bg-danger-200:hover,
1764
- a.bg-danger-200:focus,
1765
- button.bg-danger-200:hover,
1766
- button.bg-danger-200:focus {
1767
- background-color: var(--pgn-color-action-default-danger-200) !important;
1768
- }
1769
-
1770
- .text-danger-200 {
1771
- color: var(--pgn-color-danger-200) !important;
1772
- }
1773
-
1774
- a.text-danger-200:hover,
1775
- a.text-danger-200:focus {
1776
- color: var(--pgn-color-action-default-danger-200) !important;
1777
- }
1778
-
1779
- .border-danger-200 {
1780
- border-color: var(--pgn-color-danger-200) !important;
1781
- }
1782
-
1783
- .bg-danger-300 {
1784
- background-color: var(--pgn-color-danger-300) !important;
1785
- }
1786
-
1787
- a.bg-danger-300:hover,
1788
- a.bg-danger-300:focus,
1789
- button.bg-danger-300:hover,
1790
- button.bg-danger-300:focus {
1791
- background-color: var(--pgn-color-action-default-danger-300) !important;
1792
- }
1793
-
1794
- .text-danger-300 {
1795
- color: var(--pgn-color-danger-300) !important;
1796
- }
1797
-
1798
- a.text-danger-300:hover,
1799
- a.text-danger-300:focus {
1800
- color: var(--pgn-color-action-default-danger-300) !important;
1801
- }
1802
-
1803
- .border-danger-300 {
1804
- border-color: var(--pgn-color-danger-300) !important;
1805
- }
1806
-
1807
- .bg-danger-400 {
1808
- background-color: var(--pgn-color-danger-400) !important;
1809
- }
1810
-
1811
- a.bg-danger-400:hover,
1812
- a.bg-danger-400:focus,
1813
- button.bg-danger-400:hover,
1814
- button.bg-danger-400:focus {
1815
- background-color: var(--pgn-color-action-default-danger-400) !important;
1816
- }
1817
-
1818
- .text-danger-400 {
1819
- color: var(--pgn-color-danger-400) !important;
1820
- }
1821
-
1822
- a.text-danger-400:hover,
1823
- a.text-danger-400:focus {
1824
- color: var(--pgn-color-action-default-danger-400) !important;
1825
- }
1826
-
1827
- .border-danger-400 {
1828
- border-color: var(--pgn-color-danger-400) !important;
1829
- }
1830
-
1831
- .bg-danger-500 {
1832
- background-color: var(--pgn-color-danger-500) !important;
1833
- }
1834
-
1835
- a.bg-danger-500:hover,
1836
- a.bg-danger-500:focus,
1837
- button.bg-danger-500:hover,
1838
- button.bg-danger-500:focus {
1839
- background-color: var(--pgn-color-action-default-danger-500) !important;
1840
- }
1841
-
1842
- .text-danger-500 {
1843
- color: var(--pgn-color-danger-500) !important;
1844
- }
1845
-
1846
- a.text-danger-500:hover,
1847
- a.text-danger-500:focus {
1848
- color: var(--pgn-color-action-default-danger-500) !important;
1849
- }
1850
-
1851
- .border-danger-500 {
1852
- border-color: var(--pgn-color-danger-500) !important;
1853
- }
1854
-
1855
- .bg-danger-600 {
1856
- background-color: var(--pgn-color-danger-600) !important;
1857
- }
1858
-
1859
- a.bg-danger-600:hover,
1860
- a.bg-danger-600:focus,
1861
- button.bg-danger-600:hover,
1862
- button.bg-danger-600:focus {
1863
- background-color: var(--pgn-color-action-default-danger-600) !important;
1864
- }
1865
-
1866
- .text-danger-600 {
1867
- color: var(--pgn-color-danger-600) !important;
1868
- }
1869
-
1870
- a.text-danger-600:hover,
1871
- a.text-danger-600:focus {
1872
- color: var(--pgn-color-action-default-danger-600) !important;
1873
- }
1874
-
1875
- .border-danger-600 {
1876
- border-color: var(--pgn-color-danger-600) !important;
1877
- }
1878
-
1879
- .bg-danger-700 {
1880
- background-color: var(--pgn-color-danger-700) !important;
1881
- }
1882
-
1883
- a.bg-danger-700:hover,
1884
- a.bg-danger-700:focus,
1885
- button.bg-danger-700:hover,
1886
- button.bg-danger-700:focus {
1887
- background-color: var(--pgn-color-action-default-danger-700) !important;
1888
- }
1889
-
1890
- .text-danger-700 {
1891
- color: var(--pgn-color-danger-700) !important;
1892
- }
1893
-
1894
- a.text-danger-700:hover,
1895
- a.text-danger-700:focus {
1896
- color: var(--pgn-color-action-default-danger-700) !important;
1897
- }
1898
-
1899
- .border-danger-700 {
1900
- border-color: var(--pgn-color-danger-700) !important;
1901
- }
1902
-
1903
- .bg-danger-800 {
1904
- background-color: var(--pgn-color-danger-800) !important;
1905
- }
1906
-
1907
- a.bg-danger-800:hover,
1908
- a.bg-danger-800:focus,
1909
- button.bg-danger-800:hover,
1910
- button.bg-danger-800:focus {
1911
- background-color: var(--pgn-color-action-default-danger-800) !important;
1912
- }
1913
-
1914
- .text-danger-800 {
1915
- color: var(--pgn-color-danger-800) !important;
1916
- }
1917
-
1918
- a.text-danger-800:hover,
1919
- a.text-danger-800:focus {
1920
- color: var(--pgn-color-action-default-danger-800) !important;
1921
- }
1922
-
1923
- .border-danger-800 {
1924
- border-color: var(--pgn-color-danger-800) !important;
1925
- }
1926
-
1927
- .bg-danger-900 {
1928
- background-color: var(--pgn-color-danger-900) !important;
1929
- }
1930
-
1931
- a.bg-danger-900:hover,
1932
- a.bg-danger-900:focus,
1933
- button.bg-danger-900:hover,
1934
- button.bg-danger-900:focus {
1935
- background-color: var(--pgn-color-action-default-danger-900) !important;
1936
- }
1937
-
1938
- .text-danger-900 {
1939
- color: var(--pgn-color-danger-900) !important;
1940
- }
1941
-
1942
- a.text-danger-900:hover,
1943
- a.text-danger-900:focus {
1944
- color: var(--pgn-color-action-default-danger-900) !important;
1945
- }
1946
-
1947
- .border-danger-900 {
1948
- border-color: var(--pgn-color-danger-900) !important;
1949
- }
1950
-
1951
- .bg-danger {
1952
- background-color: var(--pgn-color-danger-base) !important;
1953
- }
1954
-
1955
- a.bg-danger:hover,
1956
- a.bg-danger:focus,
1957
- button.bg-danger:hover,
1958
- button.bg-danger:focus {
1959
- background-color: var(--pgn-color-action-default-danger-base) !important;
1960
- }
1961
-
1962
- .text-danger {
1963
- color: var(--pgn-color-danger-base) !important;
1964
- }
1965
-
1966
- a.text-danger:hover,
1967
- a.text-danger:focus {
1968
- color: var(--pgn-color-action-default-danger-base) !important;
1969
- }
1970
-
1971
- .border-danger {
1972
- border-color: var(--pgn-color-danger-base) !important;
1973
- }
1974
-
1975
- .bg-light-100 {
1976
- background-color: var(--pgn-color-light-100) !important;
1977
- }
1978
-
1979
- a.bg-light-100:hover,
1980
- a.bg-light-100:focus,
1981
- button.bg-light-100:hover,
1982
- button.bg-light-100:focus {
1983
- background-color: var(--pgn-color-action-default-light-100) !important;
1984
- }
1985
-
1986
- .text-light-100 {
1987
- color: var(--pgn-color-light-100) !important;
1988
- }
1989
-
1990
- a.text-light-100:hover,
1991
- a.text-light-100:focus {
1992
- color: var(--pgn-color-action-default-light-100) !important;
1993
- }
1994
-
1995
- .border-light-100 {
1996
- border-color: var(--pgn-color-light-100) !important;
1997
- }
1998
-
1999
- .bg-light-200 {
2000
- background-color: var(--pgn-color-light-200) !important;
2001
- }
2002
-
2003
- a.bg-light-200:hover,
2004
- a.bg-light-200:focus,
2005
- button.bg-light-200:hover,
2006
- button.bg-light-200:focus {
2007
- background-color: var(--pgn-color-action-default-light-200) !important;
2008
- }
2009
-
2010
- .text-light-200 {
2011
- color: var(--pgn-color-light-200) !important;
2012
- }
2013
-
2014
- a.text-light-200:hover,
2015
- a.text-light-200:focus {
2016
- color: var(--pgn-color-action-default-light-200) !important;
2017
- }
2018
-
2019
- .border-light-200 {
2020
- border-color: var(--pgn-color-light-200) !important;
2021
- }
2022
-
2023
- .bg-light-300 {
2024
- background-color: var(--pgn-color-light-300) !important;
2025
- }
2026
-
2027
- a.bg-light-300:hover,
2028
- a.bg-light-300:focus,
2029
- button.bg-light-300:hover,
2030
- button.bg-light-300:focus {
2031
- background-color: var(--pgn-color-action-default-light-300) !important;
2032
- }
2033
-
2034
- .text-light-300 {
2035
- color: var(--pgn-color-light-300) !important;
2036
- }
2037
-
2038
- a.text-light-300:hover,
2039
- a.text-light-300:focus {
2040
- color: var(--pgn-color-action-default-light-300) !important;
2041
- }
2042
-
2043
- .border-light-300 {
2044
- border-color: var(--pgn-color-light-300) !important;
2045
- }
2046
-
2047
- .bg-light-400 {
2048
- background-color: var(--pgn-color-light-400) !important;
2049
- }
2050
-
2051
- a.bg-light-400:hover,
2052
- a.bg-light-400:focus,
2053
- button.bg-light-400:hover,
2054
- button.bg-light-400:focus {
2055
- background-color: var(--pgn-color-action-default-light-400) !important;
2056
- }
2057
-
2058
- .text-light-400 {
2059
- color: var(--pgn-color-light-400) !important;
2060
- }
2061
-
2062
- a.text-light-400:hover,
2063
- a.text-light-400:focus {
2064
- color: var(--pgn-color-action-default-light-400) !important;
2065
- }
2066
-
2067
- .border-light-400 {
2068
- border-color: var(--pgn-color-light-400) !important;
2069
- }
2070
-
2071
- .bg-light-500 {
2072
- background-color: var(--pgn-color-light-500) !important;
2073
- }
2074
-
2075
- a.bg-light-500:hover,
2076
- a.bg-light-500:focus,
2077
- button.bg-light-500:hover,
2078
- button.bg-light-500:focus {
2079
- background-color: var(--pgn-color-action-default-light-500) !important;
2080
- }
2081
-
2082
- .text-light-500 {
2083
- color: var(--pgn-color-light-500) !important;
2084
- }
2085
-
2086
- a.text-light-500:hover,
2087
- a.text-light-500:focus {
2088
- color: var(--pgn-color-action-default-light-500) !important;
2089
- }
2090
-
2091
- .border-light-500 {
2092
- border-color: var(--pgn-color-light-500) !important;
2093
- }
2094
-
2095
- .bg-light-600 {
2096
- background-color: var(--pgn-color-light-600) !important;
2097
- }
2098
-
2099
- a.bg-light-600:hover,
2100
- a.bg-light-600:focus,
2101
- button.bg-light-600:hover,
2102
- button.bg-light-600:focus {
2103
- background-color: var(--pgn-color-action-default-light-600) !important;
2104
- }
2105
-
2106
- .text-light-600 {
2107
- color: var(--pgn-color-light-600) !important;
2108
- }
2109
-
2110
- a.text-light-600:hover,
2111
- a.text-light-600:focus {
2112
- color: var(--pgn-color-action-default-light-600) !important;
2113
- }
2114
-
2115
- .border-light-600 {
2116
- border-color: var(--pgn-color-light-600) !important;
2117
- }
2118
-
2119
- .bg-light-700 {
2120
- background-color: var(--pgn-color-light-700) !important;
2121
- }
2122
-
2123
- a.bg-light-700:hover,
2124
- a.bg-light-700:focus,
2125
- button.bg-light-700:hover,
2126
- button.bg-light-700:focus {
2127
- background-color: var(--pgn-color-action-default-light-700) !important;
2128
- }
2129
-
2130
- .text-light-700 {
2131
- color: var(--pgn-color-light-700) !important;
2132
- }
2133
-
2134
- a.text-light-700:hover,
2135
- a.text-light-700:focus {
2136
- color: var(--pgn-color-action-default-light-700) !important;
2137
- }
2138
-
2139
- .border-light-700 {
2140
- border-color: var(--pgn-color-light-700) !important;
2141
- }
2142
-
2143
- .bg-light-800 {
2144
- background-color: var(--pgn-color-light-800) !important;
2145
- }
2146
-
2147
- a.bg-light-800:hover,
2148
- a.bg-light-800:focus,
2149
- button.bg-light-800:hover,
2150
- button.bg-light-800:focus {
2151
- background-color: var(--pgn-color-action-default-light-800) !important;
2152
- }
2153
-
2154
- .text-light-800 {
2155
- color: var(--pgn-color-light-800) !important;
2156
- }
2157
-
2158
- a.text-light-800:hover,
2159
- a.text-light-800:focus {
2160
- color: var(--pgn-color-action-default-light-800) !important;
2161
- }
2162
-
2163
- .border-light-800 {
2164
- border-color: var(--pgn-color-light-800) !important;
2165
- }
2166
-
2167
- .bg-light-900 {
2168
- background-color: var(--pgn-color-light-900) !important;
2169
- }
2170
-
2171
- a.bg-light-900:hover,
2172
- a.bg-light-900:focus,
2173
- button.bg-light-900:hover,
2174
- button.bg-light-900:focus {
2175
- background-color: var(--pgn-color-action-default-light-900) !important;
2176
- }
2177
-
2178
- .text-light-900 {
2179
- color: var(--pgn-color-light-900) !important;
2180
- }
2181
-
2182
- a.text-light-900:hover,
2183
- a.text-light-900:focus {
2184
- color: var(--pgn-color-action-default-light-900) !important;
2185
- }
2186
-
2187
- .border-light-900 {
2188
- border-color: var(--pgn-color-light-900) !important;
2189
- }
2190
-
2191
- .bg-light {
2192
- background-color: var(--pgn-color-light-base) !important;
2193
- }
2194
-
2195
- a.bg-light:hover,
2196
- a.bg-light:focus,
2197
- button.bg-light:hover,
2198
- button.bg-light:focus {
2199
- background-color: var(--pgn-color-action-default-light-base) !important;
2200
- }
2201
-
2202
- .text-light {
2203
- color: var(--pgn-color-light-base) !important;
2204
- }
2205
-
2206
- a.text-light:hover,
2207
- a.text-light:focus {
2208
- color: var(--pgn-color-action-default-light-base) !important;
2209
- }
2210
-
2211
- .border-light {
2212
- border-color: var(--pgn-color-light-base) !important;
2213
- }
2214
-
2215
- .bg-dark-100 {
2216
- background-color: var(--pgn-color-dark-100) !important;
2217
- }
2218
-
2219
- a.bg-dark-100:hover,
2220
- a.bg-dark-100:focus,
2221
- button.bg-dark-100:hover,
2222
- button.bg-dark-100:focus {
2223
- background-color: var(--pgn-color-action-default-dark-100) !important;
2224
- }
2225
-
2226
- .text-dark-100 {
2227
- color: var(--pgn-color-dark-100) !important;
2228
- }
2229
-
2230
- a.text-dark-100:hover,
2231
- a.text-dark-100:focus {
2232
- color: var(--pgn-color-action-default-dark-100) !important;
2233
- }
2234
-
2235
- .border-dark-100 {
2236
- border-color: var(--pgn-color-dark-100) !important;
2237
- }
2238
-
2239
- .bg-dark-200 {
2240
- background-color: var(--pgn-color-dark-200) !important;
2241
- }
2242
-
2243
- a.bg-dark-200:hover,
2244
- a.bg-dark-200:focus,
2245
- button.bg-dark-200:hover,
2246
- button.bg-dark-200:focus {
2247
- background-color: var(--pgn-color-action-default-dark-200) !important;
2248
- }
2249
-
2250
- .text-dark-200 {
2251
- color: var(--pgn-color-dark-200) !important;
2252
- }
2253
-
2254
- a.text-dark-200:hover,
2255
- a.text-dark-200:focus {
2256
- color: var(--pgn-color-action-default-dark-200) !important;
2257
- }
2258
-
2259
- .border-dark-200 {
2260
- border-color: var(--pgn-color-dark-200) !important;
2261
- }
2262
-
2263
- .bg-dark-300 {
2264
- background-color: var(--pgn-color-dark-300) !important;
2265
- }
2266
-
2267
- a.bg-dark-300:hover,
2268
- a.bg-dark-300:focus,
2269
- button.bg-dark-300:hover,
2270
- button.bg-dark-300:focus {
2271
- background-color: var(--pgn-color-action-default-dark-300) !important;
2272
- }
2273
-
2274
- .text-dark-300 {
2275
- color: var(--pgn-color-dark-300) !important;
2276
- }
2277
-
2278
- a.text-dark-300:hover,
2279
- a.text-dark-300:focus {
2280
- color: var(--pgn-color-action-default-dark-300) !important;
2281
- }
2282
-
2283
- .border-dark-300 {
2284
- border-color: var(--pgn-color-dark-300) !important;
2285
- }
2286
-
2287
- .bg-dark-400 {
2288
- background-color: var(--pgn-color-dark-400) !important;
2289
- }
2290
-
2291
- a.bg-dark-400:hover,
2292
- a.bg-dark-400:focus,
2293
- button.bg-dark-400:hover,
2294
- button.bg-dark-400:focus {
2295
- background-color: var(--pgn-color-action-default-dark-400) !important;
2296
- }
2297
-
2298
- .text-dark-400 {
2299
- color: var(--pgn-color-dark-400) !important;
2300
- }
2301
-
2302
- a.text-dark-400:hover,
2303
- a.text-dark-400:focus {
2304
- color: var(--pgn-color-action-default-dark-400) !important;
2305
- }
2306
-
2307
- .border-dark-400 {
2308
- border-color: var(--pgn-color-dark-400) !important;
2309
- }
2310
-
2311
- .bg-dark-500 {
2312
- background-color: var(--pgn-color-dark-500) !important;
2313
- }
2314
-
2315
- a.bg-dark-500:hover,
2316
- a.bg-dark-500:focus,
2317
- button.bg-dark-500:hover,
2318
- button.bg-dark-500:focus {
2319
- background-color: var(--pgn-color-action-default-dark-500) !important;
2320
- }
2321
-
2322
- .text-dark-500 {
2323
- color: var(--pgn-color-dark-500) !important;
2324
- }
2325
-
2326
- a.text-dark-500:hover,
2327
- a.text-dark-500:focus {
2328
- color: var(--pgn-color-action-default-dark-500) !important;
2329
- }
2330
-
2331
- .border-dark-500 {
2332
- border-color: var(--pgn-color-dark-500) !important;
2333
- }
2334
-
2335
- .bg-dark-600 {
2336
- background-color: var(--pgn-color-dark-600) !important;
2337
- }
2338
-
2339
- a.bg-dark-600:hover,
2340
- a.bg-dark-600:focus,
2341
- button.bg-dark-600:hover,
2342
- button.bg-dark-600:focus {
2343
- background-color: var(--pgn-color-action-default-dark-600) !important;
2344
- }
2345
-
2346
- .text-dark-600 {
2347
- color: var(--pgn-color-dark-600) !important;
2348
- }
2349
-
2350
- a.text-dark-600:hover,
2351
- a.text-dark-600:focus {
2352
- color: var(--pgn-color-action-default-dark-600) !important;
2353
- }
2354
-
2355
- .border-dark-600 {
2356
- border-color: var(--pgn-color-dark-600) !important;
2357
- }
2358
-
2359
- .bg-dark-700 {
2360
- background-color: var(--pgn-color-dark-700) !important;
2361
- }
2362
-
2363
- a.bg-dark-700:hover,
2364
- a.bg-dark-700:focus,
2365
- button.bg-dark-700:hover,
2366
- button.bg-dark-700:focus {
2367
- background-color: var(--pgn-color-action-default-dark-700) !important;
2368
- }
2369
-
2370
- .text-dark-700 {
2371
- color: var(--pgn-color-dark-700) !important;
2372
- }
2373
-
2374
- a.text-dark-700:hover,
2375
- a.text-dark-700:focus {
2376
- color: var(--pgn-color-action-default-dark-700) !important;
2377
- }
2378
-
2379
- .border-dark-700 {
2380
- border-color: var(--pgn-color-dark-700) !important;
2381
- }
2382
-
2383
- .bg-dark-800 {
2384
- background-color: var(--pgn-color-dark-800) !important;
2385
- }
2386
-
2387
- a.bg-dark-800:hover,
2388
- a.bg-dark-800:focus,
2389
- button.bg-dark-800:hover,
2390
- button.bg-dark-800:focus {
2391
- background-color: var(--pgn-color-action-default-dark-800) !important;
2392
- }
2393
-
2394
- .text-dark-800 {
2395
- color: var(--pgn-color-dark-800) !important;
2396
- }
2397
-
2398
- a.text-dark-800:hover,
2399
- a.text-dark-800:focus {
2400
- color: var(--pgn-color-action-default-dark-800) !important;
2401
- }
2402
-
2403
- .border-dark-800 {
2404
- border-color: var(--pgn-color-dark-800) !important;
2405
- }
2406
-
2407
- .bg-dark-900 {
2408
- background-color: var(--pgn-color-dark-900) !important;
2409
- }
2410
-
2411
- a.bg-dark-900:hover,
2412
- a.bg-dark-900:focus,
2413
- button.bg-dark-900:hover,
2414
- button.bg-dark-900:focus {
2415
- background-color: var(--pgn-color-action-default-dark-900) !important;
2416
- }
2417
-
2418
- .text-dark-900 {
2419
- color: var(--pgn-color-dark-900) !important;
2420
- }
2421
-
2422
- a.text-dark-900:hover,
2423
- a.text-dark-900:focus {
2424
- color: var(--pgn-color-action-default-dark-900) !important;
2425
- }
2426
-
2427
- .border-dark-900 {
2428
- border-color: var(--pgn-color-dark-900) !important;
2429
- }
2430
-
2431
- .bg-dark {
2432
- background-color: var(--pgn-color-dark-base) !important;
2433
- }
2434
-
2435
- a.bg-dark:hover,
2436
- a.bg-dark:focus,
2437
- button.bg-dark:hover,
2438
- button.bg-dark:focus {
2439
- background-color: var(--pgn-color-action-default-dark-base) !important;
2440
- }
2441
-
2442
- .text-dark {
2443
- color: var(--pgn-color-dark-base) !important;
2444
- }
2445
-
2446
- a.text-dark:hover,
2447
- a.text-dark:focus {
2448
- color: var(--pgn-color-action-default-dark-base) !important;
2449
- }
2450
-
2451
- .border-dark {
2452
- border-color: var(--pgn-color-dark-base) !important;
2453
- }
2454
-