@openedx/paragon 22.0.0-alpha.24 → 22.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (947) hide show
  1. package/README.md +16 -46
  2. package/bin/paragon-scripts.js +16 -123
  3. package/dist/ActionRow/_index.scss +4 -2
  4. package/dist/ActionRow/_variables.scss +2 -0
  5. package/dist/ActionRow/index.js +7 -8
  6. package/dist/ActionRow/index.js.map +1 -1
  7. package/dist/Alert/_variables.scss +24 -0
  8. package/dist/Alert/index.js +33 -25
  9. package/dist/Alert/index.js.map +1 -1
  10. package/dist/Alert/index.scss +32 -41
  11. package/dist/Annotation/_variables.scss +18 -0
  12. package/dist/Annotation/index.js +7 -9
  13. package/dist/Annotation/index.js.map +1 -1
  14. package/dist/Annotation/index.scss +103 -130
  15. package/dist/Avatar/_variables.scss +10 -0
  16. package/dist/Avatar/index.js +5 -7
  17. package/dist/Avatar/index.js.map +1 -1
  18. package/dist/Avatar/index.scss +20 -18
  19. package/dist/AvatarButton/_variables.scss +3 -0
  20. package/dist/AvatarButton/index.js +10 -12
  21. package/dist/AvatarButton/index.js.map +1 -1
  22. package/dist/AvatarButton/index.scss +5 -3
  23. package/dist/Badge/_variables.scss +16 -0
  24. package/dist/Badge/index.js +6 -4
  25. package/dist/Badge/index.js.map +1 -1
  26. package/dist/Badge/index.scss +2 -112
  27. package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
  28. package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
  29. package/dist/Breadcrumb/_variables.scss +27 -0
  30. package/dist/Breadcrumb/index.js +29 -29
  31. package/dist/Breadcrumb/index.js.map +1 -1
  32. package/dist/Breadcrumb/index.scss +16 -14
  33. package/dist/Bubble/_variables.scss +8 -0
  34. package/dist/Bubble/index.js +11 -13
  35. package/dist/Bubble/index.js.map +1 -1
  36. package/dist/Bubble/index.scss +12 -25
  37. package/dist/Button/_variables.scss +52 -0
  38. package/dist/Button/deprecated/index.js +149 -0
  39. package/dist/Button/deprecated/index.js.map +1 -0
  40. package/dist/Button/index.js +12 -11
  41. package/dist/Button/index.js.map +1 -1
  42. package/dist/Button/index.scss +370 -855
  43. package/dist/Card/CardBody.js +4 -6
  44. package/dist/Card/CardBody.js.map +1 -1
  45. package/dist/Card/CardCarousel/CardCarousel.js +11 -13
  46. package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
  47. package/dist/Card/CardCarousel/CardCarouselControls.js +6 -7
  48. package/dist/Card/CardCarousel/CardCarouselControls.js.map +1 -1
  49. package/dist/Card/CardCarousel/CardCarouselHeader.js +9 -12
  50. package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
  51. package/dist/Card/CardCarousel/CardCarouselItems.js +6 -9
  52. package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
  53. package/dist/Card/CardCarousel/CardCarouselProvider.js +27 -28
  54. package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
  55. package/dist/Card/CardCarousel/CardCarouselSubtitle.js +4 -6
  56. package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
  57. package/dist/Card/CardCarousel/CardCarouselTitle.js +4 -6
  58. package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
  59. package/dist/Card/CardContext.js +8 -10
  60. package/dist/Card/CardContext.js.map +1 -1
  61. package/dist/Card/CardDeck.js +19 -17
  62. package/dist/Card/CardDeck.js.map +1 -1
  63. package/dist/Card/CardDivider.js +3 -5
  64. package/dist/Card/CardDivider.js.map +1 -1
  65. package/dist/Card/CardFooter.js +15 -18
  66. package/dist/Card/CardFooter.js.map +1 -1
  67. package/dist/Card/CardGrid.js +13 -11
  68. package/dist/Card/CardGrid.js.map +1 -1
  69. package/dist/Card/CardHeader.js +17 -22
  70. package/dist/Card/CardHeader.js.map +1 -1
  71. package/dist/Card/CardImageCap.js +48 -33
  72. package/dist/Card/CardImageCap.js.map +1 -1
  73. package/dist/Card/CardSection.js +11 -14
  74. package/dist/Card/CardSection.js.map +1 -1
  75. package/dist/Card/CardStatus.js +11 -14
  76. package/dist/Card/CardStatus.js.map +1 -1
  77. package/dist/Card/_variables.scss +55 -0
  78. package/dist/Card/index.js +18 -20
  79. package/dist/Card/index.js.map +1 -1
  80. package/dist/Card/index.scss +79 -78
  81. package/dist/Carousel/_variables.scss +27 -0
  82. package/dist/Carousel/index.js +17 -11
  83. package/dist/Carousel/index.js.map +1 -1
  84. package/dist/Carousel/index.scss +2 -168
  85. package/dist/CheckBox/index.js +102 -0
  86. package/dist/CheckBox/index.js.map +1 -0
  87. package/dist/CheckBoxGroup/index.js +15 -0
  88. package/dist/CheckBoxGroup/index.js.map +1 -0
  89. package/dist/Chip/ChipIcon.js +47 -0
  90. package/dist/Chip/ChipIcon.js.map +1 -0
  91. package/dist/Chip/_variables.scss +28 -0
  92. package/dist/Chip/constants.js +5 -0
  93. package/dist/Chip/index.js +66 -40
  94. package/dist/Chip/index.js.map +1 -1
  95. package/dist/Chip/index.scss +102 -61
  96. package/dist/Chip/mixins.scss +42 -0
  97. package/dist/ChipCarousel/_variables.scss +3 -0
  98. package/dist/ChipCarousel/index.js +29 -30
  99. package/dist/ChipCarousel/index.js.map +1 -1
  100. package/dist/ChipCarousel/index.scss +4 -1
  101. package/dist/CloseButton/_variables.scss +6 -0
  102. package/dist/CloseButton/index.scss +2 -31
  103. package/dist/Code/_variables.scss +17 -0
  104. package/dist/Code/index.scss +2 -47
  105. package/dist/Collapsible/CollapsibleAdvanced.js +82 -62
  106. package/dist/Collapsible/CollapsibleAdvanced.js.map +1 -1
  107. package/dist/Collapsible/CollapsibleBody.js +13 -15
  108. package/dist/Collapsible/CollapsibleBody.js.map +1 -1
  109. package/dist/Collapsible/CollapsibleTrigger.js +18 -20
  110. package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
  111. package/dist/Collapsible/CollapsibleVisible.js +6 -9
  112. package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
  113. package/dist/Collapsible/_variables.scss +12 -0
  114. package/dist/Collapsible/index.js +17 -18
  115. package/dist/Collapsible/index.js.map +1 -1
  116. package/dist/Collapsible/index.scss +15 -15
  117. package/dist/ColorPicker/_variables.scss +2 -0
  118. package/dist/ColorPicker/index.js +58 -33
  119. package/dist/ColorPicker/index.js.map +1 -1
  120. package/dist/ColorPicker/index.scss +11 -9
  121. package/dist/Container/_variables.scss +5 -0
  122. package/dist/Container/index.js +8 -9
  123. package/dist/Container/index.js.map +1 -1
  124. package/dist/DataTable/ActionDisplay.js +8 -9
  125. package/dist/DataTable/ActionDisplay.js.map +1 -1
  126. package/dist/DataTable/BulkActions.js +23 -20
  127. package/dist/DataTable/BulkActions.js.map +1 -1
  128. package/dist/DataTable/CardView.js +46 -43
  129. package/dist/DataTable/CardView.js.map +1 -1
  130. package/dist/DataTable/CollapsibleButtonGroup.js +59 -41
  131. package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
  132. package/dist/DataTable/DataTableContext.js +1 -1
  133. package/dist/DataTable/DataTableContext.js.map +1 -1
  134. package/dist/DataTable/DataTableLayout.js +6 -9
  135. package/dist/DataTable/DataTableLayout.js.map +1 -1
  136. package/dist/DataTable/DataViewToggle.js +25 -20
  137. package/dist/DataTable/DataViewToggle.js.map +1 -1
  138. package/dist/DataTable/DropdownFilters.js +41 -28
  139. package/dist/DataTable/DropdownFilters.js.map +1 -1
  140. package/dist/DataTable/EmptyTable.js +6 -9
  141. package/dist/DataTable/EmptyTable.js.map +1 -1
  142. package/dist/DataTable/ExpandAll.js +2 -4
  143. package/dist/DataTable/ExpandAll.js.map +1 -1
  144. package/dist/DataTable/ExpandRow.js +2 -4
  145. package/dist/DataTable/ExpandRow.js.map +1 -1
  146. package/dist/DataTable/FilterStatus.js +18 -17
  147. package/dist/DataTable/FilterStatus.js.map +1 -1
  148. package/dist/DataTable/RowStatus.js +15 -18
  149. package/dist/DataTable/RowStatus.js.map +1 -1
  150. package/dist/DataTable/SidebarFilters.js +16 -13
  151. package/dist/DataTable/SidebarFilters.js.map +1 -1
  152. package/dist/DataTable/SmartStatus.js +14 -16
  153. package/dist/DataTable/SmartStatus.js.map +1 -1
  154. package/dist/DataTable/Table.js +17 -19
  155. package/dist/DataTable/Table.js.map +1 -1
  156. package/dist/DataTable/TableActions.js +11 -13
  157. package/dist/DataTable/TableActions.js.map +1 -1
  158. package/dist/DataTable/TableCell.js +6 -10
  159. package/dist/DataTable/TableCell.js.map +1 -1
  160. package/dist/DataTable/TableControlBar.js +7 -12
  161. package/dist/DataTable/TableControlBar.js.map +1 -1
  162. package/dist/DataTable/TableFilters.js +14 -12
  163. package/dist/DataTable/TableFilters.js.map +1 -1
  164. package/dist/DataTable/TableFooter.js +5 -8
  165. package/dist/DataTable/TableFooter.js.map +1 -1
  166. package/dist/DataTable/TableHeaderCell.js +11 -15
  167. package/dist/DataTable/TableHeaderCell.js.map +1 -1
  168. package/dist/DataTable/TableHeaderRow.js +6 -4
  169. package/dist/DataTable/TableHeaderRow.js.map +1 -1
  170. package/dist/DataTable/TablePagination.js +15 -9
  171. package/dist/DataTable/TablePagination.js.map +1 -1
  172. package/dist/DataTable/TablePaginationMinimal.js +14 -8
  173. package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
  174. package/dist/DataTable/TableRow.js +15 -18
  175. package/dist/DataTable/TableRow.js.map +1 -1
  176. package/dist/DataTable/_variables.scss +11 -0
  177. package/dist/DataTable/filters/CheckboxFilter.js +23 -22
  178. package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
  179. package/dist/DataTable/filters/DropdownFilter.js +14 -19
  180. package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
  181. package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
  182. package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
  183. package/dist/DataTable/filters/TextFilter.js +15 -18
  184. package/dist/DataTable/filters/TextFilter.js.map +1 -1
  185. package/dist/DataTable/hooks.js +29 -25
  186. package/dist/DataTable/hooks.js.map +1 -1
  187. package/dist/DataTable/index.js +120 -104
  188. package/dist/DataTable/index.js.map +1 -1
  189. package/dist/DataTable/index.scss +50 -48
  190. package/dist/DataTable/selection/BaseSelectionStatus.js +29 -31
  191. package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
  192. package/dist/DataTable/selection/ControlledSelect.js +13 -9
  193. package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
  194. package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
  195. package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
  196. package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
  197. package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
  198. package/dist/DataTable/selection/SelectionStatus.js +23 -23
  199. package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
  200. package/dist/DataTable/utils/getVisibleColumns.js +36 -44
  201. package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
  202. package/dist/Dropdown/_variables.scss +33 -0
  203. package/dist/Dropdown/deprecated/DropdownButton.js +44 -0
  204. package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -0
  205. package/dist/Dropdown/deprecated/DropdownItem.js +33 -0
  206. package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -0
  207. package/dist/Dropdown/deprecated/DropdownMenu.js +46 -0
  208. package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -0
  209. package/dist/Dropdown/deprecated/index.js +242 -0
  210. package/dist/Dropdown/deprecated/index.js.map +1 -0
  211. package/dist/Dropdown/index.js +34 -29
  212. package/dist/Dropdown/index.js.map +1 -1
  213. package/dist/Dropdown/index.scss +12 -11
  214. package/dist/Dropzone/DefaultContent.js +13 -13
  215. package/dist/Dropzone/DefaultContent.js.map +1 -1
  216. package/dist/Dropzone/DragError.js +1 -3
  217. package/dist/Dropzone/DragError.js.map +1 -1
  218. package/dist/Dropzone/GenericError.js +7 -7
  219. package/dist/Dropzone/GenericError.js.map +1 -1
  220. package/dist/Dropzone/UploadProgress.js +6 -8
  221. package/dist/Dropzone/UploadProgress.js.map +1 -1
  222. package/dist/Dropzone/_variables.scss +9 -0
  223. package/dist/Dropzone/index.js +144 -85
  224. package/dist/Dropzone/index.js.map +1 -1
  225. package/dist/Dropzone/index.scss +14 -12
  226. package/dist/Fieldset/index.js +117 -0
  227. package/dist/Fieldset/index.js.map +1 -0
  228. package/dist/Fieldset/index.scss +12 -0
  229. package/dist/Form/FormAutosuggest.js +284 -154
  230. package/dist/Form/FormAutosuggest.js.map +1 -1
  231. package/dist/Form/FormAutosuggestOption.js +4 -6
  232. package/dist/Form/FormAutosuggestOption.js.map +1 -1
  233. package/dist/Form/FormCheckbox.js +35 -42
  234. package/dist/Form/FormCheckbox.js.map +1 -1
  235. package/dist/Form/FormCheckboxSet.js +13 -16
  236. package/dist/Form/FormCheckboxSet.js.map +1 -1
  237. package/dist/Form/FormCheckboxSetContext.js +39 -34
  238. package/dist/Form/FormCheckboxSetContext.js.map +1 -1
  239. package/dist/Form/FormControl.js +41 -35
  240. package/dist/Form/FormControl.js.map +1 -1
  241. package/dist/Form/FormControlDecorator.js +3 -5
  242. package/dist/Form/FormControlDecorator.js.map +1 -1
  243. package/dist/Form/FormControlDecoratorGroup.js +8 -10
  244. package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
  245. package/dist/Form/FormControlFeedback.js +12 -15
  246. package/dist/Form/FormControlFeedback.js.map +1 -1
  247. package/dist/Form/FormControlFloatingLabel.js +3 -6
  248. package/dist/Form/FormControlFloatingLabel.js.map +1 -1
  249. package/dist/Form/FormControlSet.js +8 -9
  250. package/dist/Form/FormControlSet.js.map +1 -1
  251. package/dist/Form/FormGroup.js +11 -12
  252. package/dist/Form/FormGroup.js.map +1 -1
  253. package/dist/Form/FormGroupContext.js +64 -39
  254. package/dist/Form/FormGroupContext.js.map +1 -1
  255. package/dist/Form/FormLabel.js +15 -17
  256. package/dist/Form/FormLabel.js.map +1 -1
  257. package/dist/Form/FormRadio.js +19 -22
  258. package/dist/Form/FormRadio.js.map +1 -1
  259. package/dist/Form/FormRadioSet.js +13 -16
  260. package/dist/Form/FormRadioSet.js.map +1 -1
  261. package/dist/Form/FormRadioSetContext.js +39 -34
  262. package/dist/Form/FormRadioSetContext.js.map +1 -1
  263. package/dist/Form/FormSwitch.js +16 -20
  264. package/dist/Form/FormSwitch.js.map +1 -1
  265. package/dist/Form/FormText.js +20 -29
  266. package/dist/Form/FormText.js.map +1 -1
  267. package/dist/Form/_FormText.scss +8 -8
  268. package/dist/Form/_index.scss +146 -168
  269. package/dist/Form/_mixins.scss +3 -216
  270. package/dist/Form/_variables.scss +267 -0
  271. package/dist/Form/useCheckboxSetValues.js +46 -23
  272. package/dist/Form/useCheckboxSetValues.js.map +1 -1
  273. package/dist/Hyperlink/index.js +25 -25
  274. package/dist/Hyperlink/index.js.map +1 -1
  275. package/dist/Hyperlink/index.scss +3 -3
  276. package/dist/Icon/_variables.scss +7 -0
  277. package/dist/Icon/index.js +21 -20
  278. package/dist/Icon/index.js.map +1 -1
  279. package/dist/Icon/index.scss +12 -10
  280. package/dist/IconButton/index.js +39 -35
  281. package/dist/IconButton/index.js.map +1 -1
  282. package/dist/IconButton/index.scss +74 -387
  283. package/dist/IconButtonToggle/index.js +16 -16
  284. package/dist/IconButtonToggle/index.js.map +1 -1
  285. package/dist/IconButtonToggle/index.scss +1 -1
  286. package/dist/Image/_variables.scss +13 -0
  287. package/dist/Image/index.scss +2 -53
  288. package/dist/Input/index.js +166 -0
  289. package/dist/Input/index.js.map +1 -0
  290. package/dist/InputSelect/index.js +105 -0
  291. package/dist/InputSelect/index.js.map +1 -0
  292. package/dist/InputText/index.js +45 -0
  293. package/dist/InputText/index.js.map +1 -0
  294. package/dist/Layout/index.js +33 -29
  295. package/dist/Layout/index.js.map +1 -1
  296. package/dist/ListBox/index.js +148 -0
  297. package/dist/ListBox/index.js.map +1 -0
  298. package/dist/ListBoxOption/index.js +94 -0
  299. package/dist/ListBoxOption/index.js.map +1 -0
  300. package/dist/MailtoLink/index.js +37 -34
  301. package/dist/MailtoLink/index.js.map +1 -1
  302. package/dist/Menu/MenuItem.js +11 -12
  303. package/dist/Menu/MenuItem.js.map +1 -1
  304. package/dist/Menu/SelectMenu.js +68 -44
  305. package/dist/Menu/SelectMenu.js.map +1 -1
  306. package/dist/Menu/_variables.scss +24 -0
  307. package/dist/Menu/index.js +10 -11
  308. package/dist/Menu/index.js.map +1 -1
  309. package/dist/Menu/index.scss +27 -25
  310. package/dist/Modal/AlertModal.js +5 -7
  311. package/dist/Modal/AlertModal.js.map +1 -1
  312. package/dist/Modal/FullscreenModal.js +6 -8
  313. package/dist/Modal/FullscreenModal.js.map +1 -1
  314. package/dist/Modal/MarketingModal.js +8 -10
  315. package/dist/Modal/MarketingModal.js.map +1 -1
  316. package/dist/Modal/ModalCloseButton.js +13 -15
  317. package/dist/Modal/ModalCloseButton.js.map +1 -1
  318. package/dist/Modal/ModalContext.js +13 -13
  319. package/dist/Modal/ModalContext.js.map +1 -1
  320. package/dist/Modal/ModalDialog.js +28 -25
  321. package/dist/Modal/ModalDialog.js.map +1 -1
  322. package/dist/Modal/ModalDialogBody.js +22 -11
  323. package/dist/Modal/ModalDialogBody.js.map +1 -1
  324. package/dist/Modal/ModalDialogFooter.js +6 -7
  325. package/dist/Modal/ModalDialogFooter.js.map +1 -1
  326. package/dist/Modal/ModalDialogHeader.js +6 -7
  327. package/dist/Modal/ModalDialogHeader.js.map +1 -1
  328. package/dist/Modal/ModalDialogHero.js +6 -7
  329. package/dist/Modal/ModalDialogHero.js.map +1 -1
  330. package/dist/Modal/ModalDialogHeroBackground.js +8 -9
  331. package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
  332. package/dist/Modal/ModalDialogHeroContent.js +6 -7
  333. package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
  334. package/dist/Modal/ModalDialogTitle.js +6 -7
  335. package/dist/Modal/ModalDialogTitle.js.map +1 -1
  336. package/dist/Modal/ModalLayer.js +11 -17
  337. package/dist/Modal/ModalLayer.js.map +1 -1
  338. package/dist/Modal/ModalPopup.js +17 -17
  339. package/dist/Modal/ModalPopup.js.map +1 -1
  340. package/dist/Modal/PopperElement.js +25 -18
  341. package/dist/Modal/PopperElement.js.map +1 -1
  342. package/dist/Modal/Portal.js +40 -18
  343. package/dist/Modal/Portal.js.map +1 -1
  344. package/dist/Modal/StandardModal.js +6 -8
  345. package/dist/Modal/StandardModal.js.map +1 -1
  346. package/dist/Modal/_ModalDialog.scss +58 -50
  347. package/dist/Modal/_variables.scss +50 -0
  348. package/dist/Modal/index.js +293 -0
  349. package/dist/Modal/index.js.map +1 -0
  350. package/dist/Modal/index.scss +73 -6
  351. package/dist/Nav/_mixins.scss +4 -4
  352. package/dist/Nav/_variables.scss +58 -0
  353. package/dist/Nav/index.js +3 -2
  354. package/dist/Nav/index.js.map +1 -1
  355. package/dist/Nav/index.scss +66 -70
  356. package/dist/Navbar/_variables.scss +40 -0
  357. package/dist/Navbar/index.js +7 -6
  358. package/dist/Navbar/index.js.map +1 -1
  359. package/dist/Navbar/index.scss +2 -276
  360. package/dist/OverflowScroll/OverflowScroll.js +45 -37
  361. package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
  362. package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
  363. package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
  364. package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
  365. package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
  366. package/dist/OverflowScroll/_variables.scss +5 -0
  367. package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  368. package/dist/OverflowScroll/index.scss +1 -0
  369. package/dist/Overlay/index.js +6 -5
  370. package/dist/Overlay/index.js.map +1 -1
  371. package/dist/PageBanner/index.js +11 -13
  372. package/dist/PageBanner/index.js.map +1 -1
  373. package/dist/PageBanner/index.scss +21 -17
  374. package/dist/Pagination/DefaultPagination.js +34 -0
  375. package/dist/Pagination/DefaultPagination.js.map +1 -0
  376. package/dist/Pagination/MinimalPagination.js +8 -0
  377. package/dist/Pagination/MinimalPagination.js.map +1 -0
  378. package/dist/Pagination/PaginationContext.js +200 -0
  379. package/dist/Pagination/PaginationContext.js.map +1 -0
  380. package/dist/Pagination/ReducedPagination.js +8 -0
  381. package/dist/Pagination/ReducedPagination.js.map +1 -0
  382. package/dist/Pagination/_variables.scss +19 -0
  383. package/dist/Pagination/constants.js +15 -1
  384. package/dist/Pagination/getPaginationRange.js +4 -0
  385. package/dist/Pagination/index.js +44 -358
  386. package/dist/Pagination/index.js.map +1 -1
  387. package/dist/Pagination/index.scss +120 -226
  388. package/dist/Pagination/subcomponents/Ellipsis.js +11 -0
  389. package/dist/Pagination/subcomponents/Ellipsis.js.map +1 -0
  390. package/dist/Pagination/subcomponents/NextPageButton.js +57 -0
  391. package/dist/Pagination/subcomponents/NextPageButton.js.map +1 -0
  392. package/dist/Pagination/subcomponents/PageButton.js +31 -0
  393. package/dist/Pagination/subcomponents/PageButton.js.map +1 -0
  394. package/dist/Pagination/subcomponents/PageOfCountButton.js +17 -0
  395. package/dist/Pagination/subcomponents/PageOfCountButton.js.map +1 -0
  396. package/dist/Pagination/subcomponents/PaginationDropdown.js +34 -0
  397. package/dist/Pagination/subcomponents/PaginationDropdown.js.map +1 -0
  398. package/dist/Pagination/subcomponents/PreviousPageButton.js +57 -0
  399. package/dist/Pagination/subcomponents/PreviousPageButton.js.map +1 -0
  400. package/dist/Pagination/subcomponents/ScreenReaderText.js +13 -0
  401. package/dist/Pagination/subcomponents/ScreenReaderText.js.map +1 -0
  402. package/dist/Pagination/subcomponents/index.js +7 -0
  403. package/dist/Popover/_variables.scss +36 -0
  404. package/dist/Popover/index.js +11 -14
  405. package/dist/Popover/index.js.map +1 -1
  406. package/dist/Popover/index.scss +10 -9
  407. package/dist/ProductTour/Checkpoint.js +29 -22
  408. package/dist/ProductTour/Checkpoint.js.map +1 -1
  409. package/dist/ProductTour/Checkpoint.scss +43 -71
  410. package/dist/ProductTour/CheckpointActionRow.js +18 -16
  411. package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
  412. package/dist/ProductTour/CheckpointBody.js +2 -4
  413. package/dist/ProductTour/CheckpointBody.js.map +1 -1
  414. package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
  415. package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
  416. package/dist/ProductTour/CheckpointTitle.js +2 -4
  417. package/dist/ProductTour/CheckpointTitle.js.map +1 -1
  418. package/dist/ProductTour/_variables.scss +15 -0
  419. package/dist/ProductTour/index.js +66 -47
  420. package/dist/ProductTour/index.js.map +1 -1
  421. package/dist/ProgressBar/_variables.scss +23 -0
  422. package/dist/ProgressBar/index.js +37 -35
  423. package/dist/ProgressBar/index.js.map +1 -1
  424. package/dist/ProgressBar/index.scss +36 -28
  425. package/dist/RadioButtonGroup/index.js +188 -0
  426. package/dist/RadioButtonGroup/index.js.map +1 -0
  427. package/dist/Scrollable/index.js +30 -15
  428. package/dist/Scrollable/index.js.map +1 -1
  429. package/dist/Scrollable/index.scss +2 -2
  430. package/dist/SearchField/SearchFieldAdvanced.js +56 -51
  431. package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
  432. package/dist/SearchField/SearchFieldClearButton.js +19 -20
  433. package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
  434. package/dist/SearchField/SearchFieldInput.js +10 -11
  435. package/dist/SearchField/SearchFieldInput.js.map +1 -1
  436. package/dist/SearchField/SearchFieldLabel.js +5 -8
  437. package/dist/SearchField/SearchFieldLabel.js.map +1 -1
  438. package/dist/SearchField/SearchFieldSubmitButton.js +23 -23
  439. package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
  440. package/dist/SearchField/_variables.scss +14 -0
  441. package/dist/SearchField/index.js +26 -31
  442. package/dist/SearchField/index.js.map +1 -1
  443. package/dist/SearchField/index.scss +23 -31
  444. package/dist/SelectableBox/SelectableBoxSet.js +25 -26
  445. package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
  446. package/dist/SelectableBox/_variables.scss +5 -0
  447. package/dist/SelectableBox/index.js +42 -38
  448. package/dist/SelectableBox/index.js.map +1 -1
  449. package/dist/SelectableBox/index.scss +13 -11
  450. package/dist/Sheet/SheetContainer.js +38 -16
  451. package/dist/Sheet/SheetContainer.js.map +1 -1
  452. package/dist/Sheet/index.js +65 -43
  453. package/dist/Sheet/index.js.map +1 -1
  454. package/dist/Sheet/index.scss +10 -10
  455. package/dist/Spinner/_variables.scss +9 -0
  456. package/dist/Spinner/index.js +8 -9
  457. package/dist/Spinner/index.js.map +1 -1
  458. package/dist/Spinner/index.scss +2 -57
  459. package/dist/Stack/_variables.scss +1 -0
  460. package/dist/Stack/index.js +9 -11
  461. package/dist/Stack/index.js.map +1 -1
  462. package/dist/Stack/index.scss +3 -1
  463. package/dist/StatefulButton/index.js +15 -17
  464. package/dist/StatefulButton/index.js.map +1 -1
  465. package/dist/StatusAlert/index.js +168 -0
  466. package/dist/StatusAlert/index.js.map +1 -0
  467. package/dist/Stepper/Stepper.js +2 -4
  468. package/dist/Stepper/Stepper.js.map +1 -1
  469. package/dist/Stepper/StepperActionRow.js +7 -10
  470. package/dist/Stepper/StepperActionRow.js.map +1 -1
  471. package/dist/Stepper/StepperContext.js +64 -32
  472. package/dist/Stepper/StepperContext.js.map +1 -1
  473. package/dist/Stepper/StepperHeader.js +23 -30
  474. package/dist/Stepper/StepperHeader.js.map +1 -1
  475. package/dist/Stepper/StepperHeaderStep.js +14 -17
  476. package/dist/Stepper/StepperHeaderStep.js.map +1 -1
  477. package/dist/Stepper/StepperStep.js +23 -24
  478. package/dist/Stepper/StepperStep.js.map +1 -1
  479. package/dist/Stepper/_variables.scss +18 -0
  480. package/dist/Stepper/index.scss +20 -19
  481. package/dist/Sticky/_variables.scss +3 -0
  482. package/dist/Sticky/index.js +30 -22
  483. package/dist/Sticky/index.js.map +1 -1
  484. package/dist/Sticky/index.scss +6 -4
  485. package/dist/Table/_variables.scss +34 -0
  486. package/dist/Table/index.js +267 -0
  487. package/dist/Table/index.js.map +1 -0
  488. package/dist/Table/index.scss +12 -0
  489. package/dist/Tabs/_variables.scss +24 -0
  490. package/dist/Tabs/deprecated/Tabs.scss +3 -0
  491. package/dist/Tabs/deprecated/index.js +123 -0
  492. package/dist/Tabs/deprecated/index.js.map +1 -0
  493. package/dist/Tabs/index.js +67 -49
  494. package/dist/Tabs/index.js.map +1 -1
  495. package/dist/Tabs/index.scss +25 -26
  496. package/dist/TextArea/index.js +44 -0
  497. package/dist/TextArea/index.js.map +1 -0
  498. package/dist/Toast/ToastContainer.js +38 -16
  499. package/dist/Toast/ToastContainer.js.map +1 -1
  500. package/dist/Toast/ToastContainer.scss +11 -9
  501. package/dist/Toast/_variables.scss +19 -0
  502. package/dist/Toast/index.js +33 -18
  503. package/dist/Toast/index.js.map +1 -1
  504. package/dist/Toast/index.scss +10 -9
  505. package/dist/Tooltip/_variables.scss +21 -0
  506. package/dist/Tooltip/index.js +8 -9
  507. package/dist/Tooltip/index.js.map +1 -1
  508. package/dist/Tooltip/index.scss +10 -136
  509. package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
  510. package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
  511. package/dist/TransitionReplace/index.js +136 -100
  512. package/dist/TransitionReplace/index.js.map +1 -1
  513. package/dist/Truncate/index.js +30 -24
  514. package/dist/Truncate/index.js.map +1 -1
  515. package/dist/ValidationFormGroup/index.js +106 -0
  516. package/dist/ValidationFormGroup/index.js.map +1 -0
  517. package/dist/ValidationMessage/index.js +76 -51
  518. package/dist/ValidationMessage/index.js.map +1 -1
  519. package/dist/ValidationMessage/index.scss +1 -1
  520. package/dist/asInput/index.js +251 -202
  521. package/dist/asInput/index.js.map +1 -1
  522. package/dist/hooks/useArrowKeyNavigation.js +46 -43
  523. package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
  524. package/dist/hooks/useIndexOfLastVisibleChild.js +40 -26
  525. package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
  526. package/dist/hooks/useIsVisible.js +20 -13
  527. package/dist/hooks/useIsVisible.js.map +1 -1
  528. package/dist/hooks/useToggle.js +18 -11
  529. package/dist/hooks/useToggle.js.map +1 -1
  530. package/dist/hooks/useWindowSize.js +17 -6
  531. package/dist/hooks/useWindowSize.js.map +1 -1
  532. package/dist/index.js +14 -0
  533. package/dist/index.scss +4 -0
  534. package/dist/paragon.css +45 -0
  535. package/dist/utils/breakpoints.js +1 -1
  536. package/dist/utils/propTypes/utils.js +17 -2
  537. package/dist/withDeprecatedProps.js +79 -58
  538. package/dist/withDeprecatedProps.js.map +1 -1
  539. package/lib/help.js +23 -36
  540. package/lib/migrate-to-openedx-scope.js +62 -0
  541. package/package.json +20 -33
  542. package/{styles/scss → scss}/core/_functions.scss +1 -1
  543. package/scss/core/_grid.scss +21 -0
  544. package/{styles/scss → scss}/core/_utilities.scss +11 -17
  545. package/scss/core/_variables.scss +875 -0
  546. package/scss/core/core.scss +21 -0
  547. package/{styles/scss → scss}/core/utilities-only.scss +0 -1
  548. package/src/ActionRow/_index.scss +4 -2
  549. package/src/ActionRow/_variables.scss +2 -0
  550. package/src/Alert/_variables.scss +24 -0
  551. package/src/Alert/index.scss +32 -41
  552. package/src/Annotation/_variables.scss +18 -0
  553. package/src/Annotation/index.scss +103 -130
  554. package/src/Avatar/_variables.scss +10 -0
  555. package/src/Avatar/index.scss +20 -18
  556. package/src/AvatarButton/_variables.scss +3 -0
  557. package/src/AvatarButton/index.scss +5 -3
  558. package/src/Badge/_variables.scss +16 -0
  559. package/src/Badge/index.scss +2 -112
  560. package/src/Breadcrumb/_variables.scss +27 -0
  561. package/src/Breadcrumb/index.scss +16 -14
  562. package/src/Bubble/_variables.scss +8 -0
  563. package/src/Bubble/index.scss +12 -25
  564. package/src/Button/README.md +84 -0
  565. package/src/Button/_variables.scss +52 -0
  566. package/src/Button/deprecated/Button.test.jsx +34 -0
  567. package/src/Button/deprecated/index.jsx +145 -0
  568. package/src/Button/index.jsx +5 -2
  569. package/src/Button/index.scss +370 -855
  570. package/src/Card/_variables.scss +55 -0
  571. package/src/Card/index.scss +79 -78
  572. package/src/Carousel/_variables.scss +27 -0
  573. package/src/Carousel/index.scss +2 -168
  574. package/src/CheckBox/CheckBox.test.jsx +65 -0
  575. package/src/CheckBox/README.md +93 -0
  576. package/src/CheckBox/index.jsx +80 -0
  577. package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +33 -0
  578. package/src/CheckBoxGroup/README.md +35 -0
  579. package/src/CheckBoxGroup/index.jsx +19 -0
  580. package/src/Chip/Chip.test.jsx +82 -16
  581. package/src/Chip/ChipIcon.tsx +54 -0
  582. package/src/Chip/README.md +116 -11
  583. package/src/Chip/__snapshots__/Chip.test.jsx.snap +84 -90
  584. package/src/Chip/_variables.scss +28 -0
  585. package/src/Chip/constants.js +5 -0
  586. package/src/Chip/index.scss +102 -61
  587. package/src/Chip/index.tsx +79 -46
  588. package/src/Chip/mixins.scss +42 -0
  589. package/src/ChipCarousel/_variables.scss +3 -0
  590. package/src/ChipCarousel/index.scss +4 -1
  591. package/src/CloseButton/_variables.scss +6 -0
  592. package/src/CloseButton/index.scss +2 -31
  593. package/src/Code/_variables.scss +17 -0
  594. package/src/Code/index.scss +2 -47
  595. package/src/Collapsible/_variables.scss +12 -0
  596. package/src/Collapsible/index.scss +15 -15
  597. package/src/ColorPicker/_variables.scss +2 -0
  598. package/src/ColorPicker/index.scss +11 -9
  599. package/src/Container/_variables.scss +5 -0
  600. package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
  601. package/src/DataTable/TablePagination.jsx +7 -2
  602. package/src/DataTable/TablePaginationMinimal.jsx +5 -0
  603. package/src/DataTable/_variables.scss +11 -0
  604. package/src/DataTable/filters/TextFilter.jsx +4 -5
  605. package/src/DataTable/index.scss +50 -48
  606. package/src/DataTable/tests/TablePagination.test.jsx +6 -6
  607. package/src/Dropdown/README.md +93 -0
  608. package/src/Dropdown/_variables.scss +33 -0
  609. package/src/Dropdown/deprecated/Dropdown.test.jsx +238 -0
  610. package/src/Dropdown/deprecated/DropdownButton.jsx +52 -0
  611. package/src/Dropdown/deprecated/DropdownItem.jsx +34 -0
  612. package/src/Dropdown/deprecated/DropdownMenu.jsx +50 -0
  613. package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +229 -0
  614. package/src/Dropdown/deprecated/index.jsx +222 -0
  615. package/src/Dropdown/index.jsx +2 -0
  616. package/src/Dropdown/index.scss +12 -11
  617. package/src/Dropzone/_variables.scss +9 -0
  618. package/src/Dropzone/index.scss +14 -12
  619. package/src/Fieldset/Fieldset.test.jsx +101 -0
  620. package/src/Fieldset/README.md +146 -0
  621. package/src/Fieldset/index.jsx +107 -0
  622. package/src/Fieldset/index.scss +12 -0
  623. package/src/Form/FormAutosuggest.jsx +332 -254
  624. package/src/Form/_FormText.scss +8 -8
  625. package/src/Form/_index.scss +146 -168
  626. package/src/Form/_mixins.scss +3 -216
  627. package/src/Form/_variables.scss +267 -0
  628. package/src/Form/form-autosuggest.mdx +114 -57
  629. package/src/Form/tests/FormAutosuggest.test.jsx +63 -16
  630. package/src/Hyperlink/index.scss +3 -3
  631. package/src/Icon/README.md +3 -3
  632. package/src/Icon/_variables.scss +7 -0
  633. package/src/Icon/index.jsx +1 -1
  634. package/src/Icon/index.scss +12 -10
  635. package/src/IconButton/README.md +15 -1
  636. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +28 -5
  637. package/src/IconButton/index.jsx +14 -7
  638. package/src/IconButton/index.scss +74 -387
  639. package/src/IconButtonToggle/index.scss +1 -1
  640. package/src/Image/_variables.scss +13 -0
  641. package/src/Image/index.scss +2 -53
  642. package/src/Input/README.md +74 -0
  643. package/src/Input/__snapshots__/input.test.jsx.snap +53 -0
  644. package/src/Input/index.jsx +151 -0
  645. package/src/Input/input.test.jsx +85 -0
  646. package/src/InputSelect/README.md +136 -0
  647. package/src/InputSelect/index.jsx +92 -0
  648. package/src/InputText/InputText.test.jsx +74 -0
  649. package/src/InputText/README.md +293 -0
  650. package/src/InputText/index.jsx +49 -0
  651. package/src/ListBox/ListBox.test.jsx +161 -0
  652. package/src/ListBox/README.md +185 -0
  653. package/src/ListBox/index.jsx +115 -0
  654. package/src/ListBoxOption/ListBoxOption.test.jsx +154 -0
  655. package/src/ListBoxOption/index.jsx +78 -0
  656. package/src/Menu/_variables.scss +24 -0
  657. package/src/Menu/index.scss +27 -25
  658. package/src/Modal/ModalDialog.jsx +5 -0
  659. package/src/Modal/README.md +148 -0
  660. package/src/Modal/_ModalDialog.scss +58 -50
  661. package/src/Modal/_variables.scss +50 -0
  662. package/src/Modal/index.jsx +319 -0
  663. package/src/Modal/index.scss +73 -6
  664. package/src/Modal/tests/Modal.test.jsx +261 -0
  665. package/src/Nav/_mixins.scss +4 -4
  666. package/src/Nav/_variables.scss +58 -0
  667. package/src/Nav/index.scss +66 -70
  668. package/src/Navbar/_variables.scss +40 -0
  669. package/src/Navbar/index.scss +2 -276
  670. package/src/OverflowScroll/_variables.scss +5 -0
  671. package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  672. package/src/OverflowScroll/index.scss +1 -0
  673. package/src/Overlay/index.jsx +3 -2
  674. package/src/PageBanner/index.scss +21 -17
  675. package/src/Pagination/DefaultPagination.jsx +43 -0
  676. package/src/Pagination/MinimalPagination.jsx +11 -0
  677. package/src/Pagination/Pagination.test.jsx +201 -156
  678. package/src/Pagination/PaginationContext.jsx +191 -0
  679. package/src/Pagination/README.md +86 -22
  680. package/src/Pagination/ReducedPagination.jsx +12 -0
  681. package/src/Pagination/__snapshots__/Pagination.test.jsx.snap +301 -0
  682. package/src/Pagination/_variables.scss +19 -0
  683. package/src/Pagination/constants.js +15 -1
  684. package/src/Pagination/getPaginationRange.js +4 -0
  685. package/src/Pagination/index.jsx +48 -420
  686. package/src/Pagination/index.scss +120 -226
  687. package/src/Pagination/subcomponents/Ellipsis.jsx +13 -0
  688. package/src/Pagination/subcomponents/NextPageButton.jsx +64 -0
  689. package/src/Pagination/subcomponents/PageButton.jsx +33 -0
  690. package/src/Pagination/subcomponents/PageOfCountButton.jsx +25 -0
  691. package/src/Pagination/subcomponents/PaginationDropdown.jsx +37 -0
  692. package/src/Pagination/subcomponents/PreviousPageButton.jsx +64 -0
  693. package/src/Pagination/subcomponents/ScreenReaderText.jsx +17 -0
  694. package/src/Pagination/subcomponents/index.js +7 -0
  695. package/src/Popover/_variables.scss +36 -0
  696. package/src/Popover/index.scss +10 -9
  697. package/src/ProductTour/Checkpoint.scss +43 -71
  698. package/src/ProductTour/_variables.scss +15 -0
  699. package/src/ProgressBar/_variables.scss +23 -0
  700. package/src/ProgressBar/index.scss +36 -28
  701. package/src/RadioButtonGroup/README.md +50 -0
  702. package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +127 -0
  703. package/src/RadioButtonGroup/index.jsx +185 -0
  704. package/src/Scrollable/index.scss +2 -2
  705. package/src/SearchField/SearchField.test.jsx +1 -1
  706. package/src/SearchField/SearchFieldAdvanced.jsx +2 -4
  707. package/src/SearchField/SearchFieldClearButton.jsx +13 -5
  708. package/src/SearchField/SearchFieldInput.jsx +2 -2
  709. package/src/SearchField/SearchFieldSubmitButton.jsx +10 -8
  710. package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +29 -33
  711. package/src/SearchField/_variables.scss +14 -0
  712. package/src/SearchField/index.jsx +4 -6
  713. package/src/SearchField/index.scss +23 -31
  714. package/src/SelectableBox/_variables.scss +5 -0
  715. package/src/SelectableBox/index.scss +13 -11
  716. package/src/Sheet/index.scss +10 -10
  717. package/src/Spinner/_variables.scss +9 -0
  718. package/src/Spinner/index.scss +2 -57
  719. package/src/Stack/_variables.scss +1 -0
  720. package/src/Stack/index.scss +3 -1
  721. package/src/StatusAlert/README.md +149 -0
  722. package/src/StatusAlert/StatusAlert.test.jsx +150 -0
  723. package/src/StatusAlert/index.jsx +144 -0
  724. package/src/Stepper/_variables.scss +18 -0
  725. package/src/Stepper/index.scss +20 -19
  726. package/src/Sticky/_variables.scss +3 -0
  727. package/src/Sticky/index.scss +6 -4
  728. package/src/Table/README.md +506 -0
  729. package/src/Table/Table.test.jsx +367 -0
  730. package/src/Table/_variables.scss +34 -0
  731. package/src/Table/index.jsx +264 -0
  732. package/src/Table/index.scss +12 -0
  733. package/src/Tabs/README.md +3 -1
  734. package/src/Tabs/_variables.scss +24 -0
  735. package/src/Tabs/deprecated/Tabs.scss +3 -0
  736. package/src/Tabs/deprecated/Tabs.test.jsx +50 -0
  737. package/src/Tabs/deprecated/index.jsx +117 -0
  738. package/src/Tabs/index.jsx +3 -0
  739. package/src/Tabs/index.scss +25 -26
  740. package/src/TextArea/README.md +63 -0
  741. package/src/TextArea/index.jsx +48 -0
  742. package/src/Toast/ToastContainer.scss +11 -9
  743. package/src/Toast/_variables.scss +19 -0
  744. package/src/Toast/index.scss +10 -9
  745. package/src/Tooltip/_variables.scss +21 -0
  746. package/src/Tooltip/index.scss +10 -136
  747. package/src/TransitionReplace/README.md +4 -4
  748. package/src/ValidationFormGroup/README.md +116 -0
  749. package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +146 -0
  750. package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +161 -0
  751. package/src/ValidationFormGroup/index.jsx +114 -0
  752. package/src/ValidationMessage/index.scss +1 -1
  753. package/src/index.js +14 -0
  754. package/src/index.scss +4 -0
  755. package/src/utils/breakpoints.js +1 -1
  756. package/src/utils/propTypes/utils.js +17 -2
  757. package/dist/Annotation/_mixins.scss +0 -104
  758. package/dist/Button/_mixins.scss +0 -14
  759. package/dist/Button/button-group.scss +0 -126
  760. package/dist/Card/card-bootstrap.scss +0 -168
  761. package/dist/Dropdown/dropdown-bootstrap.scss +0 -181
  762. package/dist/Form/_bootstrap-custom-forms.scss +0 -551
  763. package/dist/Form/_bootstrap-forms.scss +0 -381
  764. package/dist/Form/_input-group.scss +0 -188
  765. package/dist/IconButton/_mixins.scss +0 -4
  766. package/dist/Pagination/pagination-bootstrap.scss +0 -83
  767. package/dist/Popover/popover-bootstrap.scss +0 -198
  768. package/dist/ProgressBar/_mixins.scss +0 -22
  769. package/dist/ProgressBar/bootstrap-progress.scss +0 -49
  770. package/dist/Toast/bootstrap-toast.scss +0 -46
  771. package/dist/core.css +0 -16778
  772. package/dist/core.css.map +0 -1
  773. package/dist/core.min.css +0 -2
  774. package/dist/light.css +0 -4090
  775. package/dist/light.css.map +0 -1
  776. package/dist/light.min.css +0 -2
  777. package/dist/theme-urls.json +0 -21
  778. package/lib/build-scss.js +0 -188
  779. package/lib/build-tokens.js +0 -119
  780. package/lib/replace-variables.js +0 -38
  781. package/lib/utils.js +0 -9
  782. package/src/Annotation/_mixins.scss +0 -104
  783. package/src/Button/_mixins.scss +0 -14
  784. package/src/Button/button-group.scss +0 -126
  785. package/src/Card/card-bootstrap.scss +0 -168
  786. package/src/Dropdown/dropdown-bootstrap.scss +0 -181
  787. package/src/Form/_bootstrap-custom-forms.scss +0 -551
  788. package/src/Form/_bootstrap-forms.scss +0 -381
  789. package/src/Form/_input-group.scss +0 -188
  790. package/src/IconButton/_mixins.scss +0 -4
  791. package/src/Pagination/pagination-bootstrap.scss +0 -83
  792. package/src/Popover/popover-bootstrap.scss +0 -198
  793. package/src/ProgressBar/_mixins.scss +0 -22
  794. package/src/ProgressBar/bootstrap-progress.scss +0 -49
  795. package/src/Toast/bootstrap-toast.scss +0 -46
  796. package/styles/css/core/custom-media-breakpoints.css +0 -17
  797. package/styles/css/core/index.css +0 -2
  798. package/styles/css/core/variables.css +0 -606
  799. package/styles/css/themes/light/index.css +0 -2
  800. package/styles/css/themes/light/utility-classes.css +0 -2454
  801. package/styles/css/themes/light/variables.css +0 -1636
  802. package/styles/scss/core/_grid.scss +0 -21
  803. package/styles/scss/core/_variables.scss +0 -869
  804. package/styles/scss/core/bootstrap-override/_functions.scss +0 -104
  805. package/styles/scss/core/bootstrap-override/_mixins.scss +0 -4
  806. package/styles/scss/core/bootstrap-override/_utilities.scss +0 -4
  807. package/styles/scss/core/bootstrap-override/bootstrap.scss +0 -2
  808. package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +0 -80
  809. package/styles/scss/core/bootstrap-override/mixins/_grid.scss +0 -69
  810. package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +0 -22
  811. package/styles/scss/core/bootstrap-override/utilities/_background.scss +0 -7
  812. package/styles/scss/core/bootstrap-override/utilities/_borders.scss +0 -67
  813. package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +0 -70
  814. package/styles/scss/core/bootstrap-override/utilities/_text.scss +0 -68
  815. package/styles/scss/core/core.scss +0 -21
  816. package/tokens/README.md +0 -158
  817. package/tokens/css-utilities.js +0 -56
  818. package/tokens/map-scss-to-css.js +0 -24
  819. package/tokens/replace-variables.js +0 -32
  820. package/tokens/sass-helpers.js +0 -98
  821. package/tokens/src/core/alias/size.json +0 -15
  822. package/tokens/src/core/components/ActionRow.json +0 -10
  823. package/tokens/src/core/components/Alert.json +0 -30
  824. package/tokens/src/core/components/Annotation.json +0 -25
  825. package/tokens/src/core/components/Avatar.json +0 -17
  826. package/tokens/src/core/components/AvatarButton.json +0 -11
  827. package/tokens/src/core/components/Badge.json +0 -33
  828. package/tokens/src/core/components/Breadcrumb.json +0 -37
  829. package/tokens/src/core/components/Bubble.json +0 -10
  830. package/tokens/src/core/components/Button/core.json +0 -105
  831. package/tokens/src/core/components/Card.json +0 -91
  832. package/tokens/src/core/components/Carousel.json +0 -37
  833. package/tokens/src/core/components/Chip.json +0 -19
  834. package/tokens/src/core/components/ChipCarousel.json +0 -9
  835. package/tokens/src/core/components/CloseButton.json +0 -14
  836. package/tokens/src/core/components/Code.json +0 -34
  837. package/tokens/src/core/components/Collapsible.json +0 -29
  838. package/tokens/src/core/components/ColorPicker.json +0 -8
  839. package/tokens/src/core/components/Container.json +0 -13
  840. package/tokens/src/core/components/DataTable.json +0 -27
  841. package/tokens/src/core/components/Dropdown.json +0 -67
  842. package/tokens/src/core/components/Dropzone.json +0 -21
  843. package/tokens/src/core/components/Form/other.json +0 -14
  844. package/tokens/src/core/components/Form/size.json +0 -233
  845. package/tokens/src/core/components/Form/spacing.json +0 -155
  846. package/tokens/src/core/components/Form/transition.json +0 -16
  847. package/tokens/src/core/components/Form/typography.json +0 -122
  848. package/tokens/src/core/components/Icon.json +0 -11
  849. package/tokens/src/core/components/IconButton.json +0 -15
  850. package/tokens/src/core/components/Image.json +0 -28
  851. package/tokens/src/core/components/Menu.json +0 -48
  852. package/tokens/src/core/components/Modal.json +0 -47
  853. package/tokens/src/core/components/Nav.json +0 -55
  854. package/tokens/src/core/components/Navbar.json +0 -70
  855. package/tokens/src/core/components/Pagination.json +0 -70
  856. package/tokens/src/core/components/Popover.json +0 -48
  857. package/tokens/src/core/components/ProductTour.json +0 -37
  858. package/tokens/src/core/components/ProgressBar.json +0 -39
  859. package/tokens/src/core/components/SearchField.json +0 -23
  860. package/tokens/src/core/components/SelectableBox.json +0 -9
  861. package/tokens/src/core/components/Sheet.json +0 -10
  862. package/tokens/src/core/components/Spinner.json +0 -19
  863. package/tokens/src/core/components/Stack.json +0 -7
  864. package/tokens/src/core/components/Stepper.json +0 -42
  865. package/tokens/src/core/components/Sticky.json +0 -7
  866. package/tokens/src/core/components/Tab.json +0 -19
  867. package/tokens/src/core/components/Tabs.json +0 -19
  868. package/tokens/src/core/components/Toast.json +0 -30
  869. package/tokens/src/core/components/Tooltip.json +0 -33
  870. package/tokens/src/core/components/general/caret.json +0 -13
  871. package/tokens/src/core/components/general/headings.json +0 -16
  872. package/tokens/src/core/components/general/hr.json +0 -10
  873. package/tokens/src/core/components/general/input.json +0 -51
  874. package/tokens/src/core/components/general/link.json +0 -30
  875. package/tokens/src/core/components/general/list.json +0 -26
  876. package/tokens/src/core/components/general/text.json +0 -24
  877. package/tokens/src/core/global/breakpoints.json +0 -12
  878. package/tokens/src/core/global/display.json +0 -21
  879. package/tokens/src/core/global/elevation.json +0 -19
  880. package/tokens/src/core/global/other.json +0 -4
  881. package/tokens/src/core/global/spacing.json +0 -35
  882. package/tokens/src/core/global/transition.json +0 -14
  883. package/tokens/src/core/global/typography.json +0 -91
  884. package/tokens/src/core/utilities/color.json +0 -12
  885. package/tokens/src/themes/light/alias/color.json +0 -114
  886. package/tokens/src/themes/light/components/Alert.json +0 -47
  887. package/tokens/src/themes/light/components/Annotation.json +0 -29
  888. package/tokens/src/themes/light/components/Avatar.json +0 -7
  889. package/tokens/src/themes/light/components/Badge.json +0 -186
  890. package/tokens/src/themes/light/components/Breadcrumb.json +0 -14
  891. package/tokens/src/themes/light/components/Bubble.json +0 -18
  892. package/tokens/src/themes/light/components/Button/brand.json +0 -260
  893. package/tokens/src/themes/light/components/Button/core.json +0 -24
  894. package/tokens/src/themes/light/components/Button/danger.json +0 -247
  895. package/tokens/src/themes/light/components/Button/dark.json +0 -230
  896. package/tokens/src/themes/light/components/Button/info.json +0 -238
  897. package/tokens/src/themes/light/components/Button/light.json +0 -236
  898. package/tokens/src/themes/light/components/Button/primary.json +0 -250
  899. package/tokens/src/themes/light/components/Button/secondary.json +0 -278
  900. package/tokens/src/themes/light/components/Button/success.json +0 -253
  901. package/tokens/src/themes/light/components/Button/tertiary.json +0 -109
  902. package/tokens/src/themes/light/components/Button/warning.json +0 -276
  903. package/tokens/src/themes/light/components/Card.json +0 -40
  904. package/tokens/src/themes/light/components/Carousel.json +0 -45
  905. package/tokens/src/themes/light/components/Chip.json +0 -19
  906. package/tokens/src/themes/light/components/CloseButton.json +0 -10
  907. package/tokens/src/themes/light/components/Code.json +0 -23
  908. package/tokens/src/themes/light/components/DataTable.json +0 -26
  909. package/tokens/src/themes/light/components/Dropdown.json +0 -41
  910. package/tokens/src/themes/light/components/Dropzone.json +0 -23
  911. package/tokens/src/themes/light/components/Form/color.json +0 -270
  912. package/tokens/src/themes/light/components/Form/elevation.json +0 -76
  913. package/tokens/src/themes/light/components/Form/other.json +0 -131
  914. package/tokens/src/themes/light/components/IconButton.json +0 -451
  915. package/tokens/src/themes/light/components/Image.json +0 -18
  916. package/tokens/src/themes/light/components/Menu.json +0 -30
  917. package/tokens/src/themes/light/components/Modal.json +0 -37
  918. package/tokens/src/themes/light/components/Nav.json +0 -166
  919. package/tokens/src/themes/light/components/Navbar.json +0 -136
  920. package/tokens/src/themes/light/components/OverflowScroll.json +0 -9
  921. package/tokens/src/themes/light/components/PageBanner.json +0 -24
  922. package/tokens/src/themes/light/components/Pagination.json +0 -40
  923. package/tokens/src/themes/light/components/Popover.json +0 -55
  924. package/tokens/src/themes/light/components/ProductTour.json +0 -35
  925. package/tokens/src/themes/light/components/ProgressBar.json +0 -20
  926. package/tokens/src/themes/light/components/Scrollable.json +0 -14
  927. package/tokens/src/themes/light/components/SearchField.json +0 -25
  928. package/tokens/src/themes/light/components/Sheet.json +0 -22
  929. package/tokens/src/themes/light/components/Stepper.json +0 -34
  930. package/tokens/src/themes/light/components/Sticky.json +0 -18
  931. package/tokens/src/themes/light/components/Tab.json +0 -62
  932. package/tokens/src/themes/light/components/Toast.json +0 -33
  933. package/tokens/src/themes/light/components/Tooltip.json +0 -30
  934. package/tokens/src/themes/light/components/general/body.json +0 -8
  935. package/tokens/src/themes/light/components/general/headings.json +0 -7
  936. package/tokens/src/themes/light/components/general/hr.json +0 -15
  937. package/tokens/src/themes/light/components/general/input.json +0 -18
  938. package/tokens/src/themes/light/components/general/link.json +0 -109
  939. package/tokens/src/themes/light/components/general/list.json +0 -38
  940. package/tokens/src/themes/light/components/general/text.json +0 -6
  941. package/tokens/src/themes/light/global/color.json +0 -1661
  942. package/tokens/src/themes/light/global/elevation.json +0 -201
  943. package/tokens/src/themes/light/global/other.json +0 -4
  944. package/tokens/style-dictionary.js +0 -223
  945. package/tokens/utils.js +0 -210
  946. /package/{styles/scss → scss}/core/_exports.module.scss +0 -0
  947. /package/{styles/scss → scss}/core/_typography.scss +0 -0
package/dist/light.css DELETED
@@ -1,4090 +0,0 @@
1
- /**
2
- * IMPORTANT: This file is the result of assembling design tokens
3
- * Do not edit directly
4
- * Generated on Tue, 26 Dec 2023 14:13:40 GMT
5
- */
6
-
7
- :root {
8
- --pgn-color-dark-base: #273F2FFF;
9
- --pgn-color-light-base: #E1DDDBFF;
10
- --pgn-color-brand-base: #9D0054FF;
11
- --pgn-color-primary-base: #0A3055FF;
12
- --pgn-color-gray-base: #707070FF;
13
- --pgn-color-gray-900: #212529FF;
14
- --pgn-color-gray-800: #333333FF;
15
- --pgn-color-gray-700: #454545FF;
16
- --pgn-color-gray-600: #5C5C5CFF;
17
- --pgn-color-gray-400: #8F8F8FFF;
18
- --pgn-color-gray-300: #ADADADFF;
19
- --pgn-color-gray-200: #CCCCCCFF;
20
- --pgn-color-gray-100: #EBEBEBFF;
21
- --pgn-color-accent-b: #FFEE88FF;
22
- --pgn-color-accent-a: #00BBF9FF;
23
- --pgn-color-teal: #006DAAFF;
24
- --pgn-color-yellow: #FFD900FF;
25
- --pgn-color-green: #178253FF;
26
- --pgn-color-red: #C32D3AFF;
27
- --pgn-color-blue: #23419FFF;
28
- --pgn-color-black: #000000FF;
29
- --pgn-color-white: #FFFFFFFF;
30
- --pgn-color-toast-base: inherit;
31
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-hover: #00000000;
32
- --pgn-color-stepper-header-step-border: #000000FF;
33
- --pgn-color-stepper-header-bg-base: #00000000;
34
- --pgn-color-progress-bar-bg: #00000000;
35
- --pgn-color-product-tour-checkpoint-arrow-border-transparent: #00000000;
36
- --pgn-color-popover-border: #00000033;
37
- --pgn-color-overflow-scroll-opacity-mask-transparent: #00000066;
38
- --pgn-color-nav-tabs-inverse-link-bg-active-hover: #00000000;
39
- --pgn-color-nav-tabs-base-link-active-bg: #00000000;
40
- --pgn-color-nav-tabs-base-bg-hover: #00000000;
41
- --pgn-color-nav-link-border: #00000000;
42
- --pgn-color-menu-item-bg: #00000000;
43
- --pgn-color-icon-button-text-primary-inverse-active-hover: #000000FF;
44
- --pgn-color-icon-button-bg-base: #00000000;
45
- --pgn-color-mark-bg: #FFF243FF;
46
- --pgn-color-list-group-base: inherit;
47
- --pgn-color-form-control-select-bg-size: #000000FF;
48
- --pgn-color-form-control-label-base: inherit;
49
- --pgn-color-code-base: #E83E8CFF;
50
- --pgn-color-card-base: inherit;
51
- --pgn-color-btn-disabled-border-inverse-warning: #00000000;
52
- --pgn-color-btn-disabled-border-inverse-outline-success: inherit;
53
- --pgn-color-btn-disabled-border-inverse-success: #00000000;
54
- --pgn-color-btn-disabled-border-secondary: inherit;
55
- --pgn-color-btn-disabled-border-inverse-primary: #00000000;
56
- --pgn-color-btn-disabled-border-inverse-light: #00000000;
57
- --pgn-color-btn-disabled-border-inverse-info: #00000000;
58
- --pgn-color-btn-disabled-border-inverse-dark: #00000000;
59
- --pgn-color-btn-disabled-border-inverse-danger: #00000000;
60
- --pgn-color-btn-disabled-bg-inverse-outline-warning: inherit;
61
- --pgn-color-btn-disabled-bg-inverse-warning: inherit;
62
- --pgn-color-btn-disabled-bg-outline-warning: inherit;
63
- --pgn-color-btn-disabled-bg-inverse-tertiary: inherit;
64
- --pgn-color-btn-disabled-bg-tertiary: inherit;
65
- --pgn-color-btn-disabled-bg-inverse-outline-success: inherit;
66
- --pgn-color-btn-disabled-bg-inverse-success: inherit;
67
- --pgn-color-btn-disabled-bg-outline-success: inherit;
68
- --pgn-color-btn-disabled-bg-inverse-outline-secondary: inherit;
69
- --pgn-color-btn-disabled-bg-inverse-secondary: inherit;
70
- --pgn-color-btn-disabled-bg-outline-secondary: inherit;
71
- --pgn-color-btn-disabled-bg-inverse-outline-primary: inherit;
72
- --pgn-color-btn-disabled-bg-outline-primary: inherit;
73
- --pgn-color-btn-disabled-bg-inverse-outline-light: inherit;
74
- --pgn-color-btn-disabled-bg-inverse-light: inherit;
75
- --pgn-color-btn-disabled-bg-outline-light: inherit;
76
- --pgn-color-btn-disabled-bg-inverse-outline-info: inherit;
77
- --pgn-color-btn-disabled-bg-inverse-info: inherit;
78
- --pgn-color-btn-disabled-bg-outline-info: inherit;
79
- --pgn-color-btn-disabled-bg-inverse-outline-dark: inherit;
80
- --pgn-color-btn-disabled-bg-inverse-dark: inherit;
81
- --pgn-color-btn-disabled-bg-outline-dark: inherit;
82
- --pgn-color-btn-disabled-bg-inverse-outline-danger: inherit;
83
- --pgn-color-btn-disabled-bg-inverse-danger: #00000000;
84
- --pgn-color-btn-disabled-bg-outline-danger: inherit;
85
- --pgn-color-btn-disabled-bg-outline-brand: inherit;
86
- --pgn-color-btn-disabled-text-inverse-secondary: inherit;
87
- --pgn-color-btn-disabled-text-outline-secondary: inherit;
88
- --pgn-color-btn-disabled-text-outline-dark: inherit;
89
- --pgn-color-btn-focus-outline-inverse-outline-warning: inherit;
90
- --pgn-color-btn-focus-bg-inverse-outline-warning: inherit;
91
- --pgn-color-btn-focus-bg-outline-warning: inherit;
92
- --pgn-color-btn-focus-bg-inverse-tertiary: inherit;
93
- --pgn-color-btn-focus-bg-tertiary: inherit;
94
- --pgn-color-btn-focus-bg-inverse-outline-success: inherit;
95
- --pgn-color-btn-focus-bg-outline-success: inherit;
96
- --pgn-color-btn-focus-bg-inverse-outline-secondary: inherit;
97
- --pgn-color-btn-focus-bg-outline-secondary: #00000000;
98
- --pgn-color-btn-focus-bg-inverse-outline-primary: inherit;
99
- --pgn-color-btn-focus-bg-outline-primary: inherit;
100
- --pgn-color-btn-focus-bg-inverse-outline-light: inherit;
101
- --pgn-color-btn-focus-bg-outline-light: #00000000;
102
- --pgn-color-btn-focus-bg-inverse-outline-info: inherit;
103
- --pgn-color-btn-focus-bg-outline-info: inherit;
104
- --pgn-color-btn-focus-bg-inverse-outline-dark: inherit;
105
- --pgn-color-btn-focus-bg-outline-dark: inherit;
106
- --pgn-color-btn-focus-bg-inverse-outline-danger: inherit;
107
- --pgn-color-btn-focus-bg-outline-danger: inherit;
108
- --pgn-color-btn-focus-bg-inverse-outline-brand: inherit;
109
- --pgn-color-btn-focus-bg-outline-brand: inherit;
110
- --pgn-color-btn-focus-border-inverse-tertiary: #00000000;
111
- --pgn-color-btn-focus-text-inverse-secondary: inherit;
112
- --pgn-color-btn-focus-text-outline-dark: inherit;
113
- --pgn-color-btn-active-border-inverse-outline-warning: #00000000;
114
- --pgn-color-btn-active-border-inverse-warning: inherit;
115
- --pgn-color-btn-active-border-inverse-tertiary: #00000000;
116
- --pgn-color-btn-active-border-tertiary: #00000000;
117
- --pgn-color-btn-active-border-inverse-outline-success: #00000000;
118
- --pgn-color-btn-active-border-inverse-success: inherit;
119
- --pgn-color-btn-active-border-inverse-secondary: #00000000;
120
- --pgn-color-btn-active-border-inverse-outline-secondary: #00000000;
121
- --pgn-color-btn-active-border-inverse-primary: #00000000;
122
- --pgn-color-btn-active-border-inverse-outline-primary: #00000000;
123
- --pgn-color-btn-active-border-inverse-outline-light: #00000000;
124
- --pgn-color-btn-active-border-inverse-light: inherit;
125
- --pgn-color-btn-active-border-inverse-outline-info: #00000000;
126
- --pgn-color-btn-active-border-inverse-info: #00000000;
127
- --pgn-color-btn-active-border-inverse-outline-dark: #00000000;
128
- --pgn-color-btn-active-border-inverse-dark: #00000000;
129
- --pgn-color-btn-active-border-inverse-outline-danger: #00000000;
130
- --pgn-color-btn-active-border-inverse-danger: #00000000;
131
- --pgn-color-btn-active-border-inverse-outline-brand: #00000000;
132
- --pgn-color-btn-active-border-inverse-brand: #00000000;
133
- --pgn-color-btn-hover-border-inverse-outline-warning: #00000000;
134
- --pgn-color-btn-hover-border-inverse-warning: #00000000;
135
- --pgn-color-btn-hover-border-inverse-tertiary: #00000000;
136
- --pgn-color-btn-hover-border-tertiary: #00000000;
137
- --pgn-color-btn-hover-border-inverse-outline-success: #00000000;
138
- --pgn-color-btn-hover-border-inverse-success: #00000000;
139
- --pgn-color-btn-hover-border-inverse-secondary: #00000000;
140
- --pgn-color-btn-hover-border-inverse-outline-secondary: #00000000;
141
- --pgn-color-btn-hover-border-inverse-primary: #00000000;
142
- --pgn-color-btn-hover-border-inverse-outline-primary: #00000000;
143
- --pgn-color-btn-hover-border-inverse-outline-light: #00000000;
144
- --pgn-color-btn-hover-border-inverse-light: #00000000;
145
- --pgn-color-btn-hover-border-inverse-outline-info: #00000000;
146
- --pgn-color-btn-hover-border-inverse-info: #00000000;
147
- --pgn-color-btn-hover-border-inverse-outline-dark: #00000000;
148
- --pgn-color-btn-hover-border-inverse-dark: #00000000;
149
- --pgn-color-btn-hover-border-inverse-outline-danger: #00000000;
150
- --pgn-color-btn-hover-border-inverse-danger: #00000000;
151
- --pgn-color-btn-hover-border-inverse-brand: #00000000;
152
- --pgn-color-btn-hover-border-inverse-outline-brand: #00000000;
153
- --pgn-color-btn-border-inverse-warning: #00000000;
154
- --pgn-color-btn-border-inverse-tertiary: #00000000;
155
- --pgn-color-btn-border-tertiary: #00000000;
156
- --pgn-color-btn-border-inverse-success: #00000000;
157
- --pgn-color-btn-border-inverse-secondary: #00000000;
158
- --pgn-color-btn-border-inverse-primary: #00000000;
159
- --pgn-color-btn-border-inverse-light: #00000000;
160
- --pgn-color-btn-border-inverse-info: #00000000;
161
- --pgn-color-btn-border-inverse-dark: #00000000;
162
- --pgn-color-btn-border-inverse-danger: #00000000;
163
- --pgn-color-btn-border-inverse-brand: #00000000;
164
- --pgn-color-btn-bg-inverse-outline-warning: inherit;
165
- --pgn-color-btn-bg-outline-warning: inherit;
166
- --pgn-color-btn-bg-inverse-tertiary: #00000000;
167
- --pgn-color-btn-bg-tertiary: #00000000;
168
- --pgn-color-btn-bg-inverse-outline-success: inherit;
169
- --pgn-color-btn-bg-outline-success: inherit;
170
- --pgn-color-btn-bg-inverse-outline-secondary: inherit;
171
- --pgn-color-btn-bg-outline-secondary: inherit;
172
- --pgn-color-btn-bg-inverse-outline-primary: #00000000;
173
- --pgn-color-btn-bg-outline-primary: #00000000;
174
- --pgn-color-btn-bg-inverse-outline-light: inherit;
175
- --pgn-color-btn-bg-outline-light: inherit;
176
- --pgn-color-btn-bg-inverse-outline-info: inherit;
177
- --pgn-color-btn-bg-outline-info: inherit;
178
- --pgn-color-btn-bg-inverse-outline-dark: #00000000;
179
- --pgn-color-btn-bg-outline-dark: inherit;
180
- --pgn-color-btn-bg-inverse-outline-danger: #00000000;
181
- --pgn-color-btn-bg-outline-danger: inherit;
182
- --pgn-color-btn-bg-inverse-outline-brand: #00000000;
183
- --pgn-color-btn-bg-outline-brand: inherit;
184
- --pgn-other-tooltip-opacity: 1;
185
- --pgn-other-search-field-disabled-opacity: .3;
186
- --pgn-other-modal-opacity: .5;
187
- --pgn-other-link-emphasized-hover-darken-percentage: 15%;
188
- --pgn-other-chip-opacity-disabled: .3;
189
- --pgn-other-carousel-control-opacity-hover: .9;
190
- --pgn-other-carousel-control-opacity-base: .5;
191
- --pgn-other-btn-disabled-opacity: .65;
192
- --pgn-other-form-feedback-tooltip-opacity: .9;
193
- --pgn-elevation-box-shadow-centered-5: 0 0 2.5rem rgba(0, 0, 0, .15), 0 0 3rem rgba(0, 0, 0, .15);
194
- --pgn-elevation-box-shadow-centered-4: 0 0 1.25rem rgba(0, 0, 0, .15), 0 0 1.25rem rgba(0, 0, 0, .15);
195
- --pgn-elevation-box-shadow-centered-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
196
- --pgn-elevation-box-shadow-centered-2: 0 0 .25rem rgba(0, 0, 0, .15), 0 0 .5rem rgba(0, 0, 0, .15);
197
- --pgn-elevation-box-shadow-centered-1: 0 0 .125rem rgba(0, 0, 0, .15), 0 0 .25rem rgba(0, 0, 0, .15);
198
- --pgn-elevation-box-shadow-right-5: 1.25rem 0 2.5rem rgba(0, 0, 0, .15), .5rem 0 3rem rgba(0, 0, 0, .15);
199
- --pgn-elevation-box-shadow-right-4: .625rem 0 1.25rem rgba(0, 0, 0, .15), .5rem 0 1.25rem rgba(0, 0, 0, .15);
200
- --pgn-elevation-box-shadow-right-3: .5rem 0 1rem rgba(0, 0, 0, .15), .25rem 0 .625rem rgba(0, 0, 0, .15);
201
- --pgn-elevation-box-shadow-right-2: .125rem 0 .25rem rgba(0, 0, 0, .15), .125rem 0 .5rem rgba(0, 0, 0, .15);
202
- --pgn-elevation-box-shadow-right-1: .0625rem 0 .125rem rgba(0, 0, 0, .15), .0625rem 0 .25rem rgba(0, 0, 0, .15);
203
- --pgn-elevation-box-shadow-up-5: 0 -1.25rem 2.5rem rgba(0, 0, 0, .15), 0 -.5rem 3rem rgba(0, 0, 0, .15);
204
- --pgn-elevation-box-shadow-up-4: 0 -.625rem 1.25rem rgba(0, 0, 0, .15), 0 -.5rem 1.25rem rgba(0, 0, 0, .15);
205
- --pgn-elevation-box-shadow-up-3: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
206
- --pgn-elevation-box-shadow-up-2: 0 -.125rem .25rem rgba(0, 0, 0, .15), 0 -.125rem .5rem rgba(0, 0, 0, .15);
207
- --pgn-elevation-box-shadow-up-1: 0 -.0625rem .125rem rgba(0, 0, 0, .15), 0 -.0625rem .25rem rgba(0, 0, 0, .15);
208
- --pgn-elevation-box-shadow-left-5: -1.25rem 0 2.5rem rgba(0, 0, 0, .15), -.5rem 0 3rem rgba(0, 0, 0, .15);
209
- --pgn-elevation-box-shadow-left-4: -.625rem 0 1.25rem rgba(0, 0, 0, .15), -.5rem 0 1.25rem rgba(0, 0, 0, .15);
210
- --pgn-elevation-box-shadow-left-3: -.5rem 0 1rem rgba(0, 0, 0, .15), -.25rem 0 .625rem rgba(0, 0, 0, .15);
211
- --pgn-elevation-box-shadow-left-2: -.125rem 0 .25rem rgba(0, 0, 0, .15), -.125rem 0 .5rem rgba(0, 0, 0, .15);
212
- --pgn-elevation-box-shadow-left-1: -.0625rem 0 .125rem rgba(0, 0, 0, .15), -.0625rem 0 .25rem rgba(0, 0, 0, .15);
213
- --pgn-elevation-box-shadow-down-5: 0 1.25px 2.5rem rgba(0, 0, 0, .15), 0 .5rem 2.5rem rgba(0, 0, 0, .15);
214
- --pgn-elevation-box-shadow-down-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
215
- --pgn-elevation-box-shadow-down-3: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
216
- --pgn-elevation-box-shadow-down-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
217
- --pgn-elevation-box-shadow-down-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
218
- --pgn-elevation-box-shadow-lg: 0 .25rem .5rem rgba(0, 0, 0, .3);
219
- --pgn-elevation-box-shadow-sm: 0 .0625rem .125rem rgba(0, 0, 0, .2);
220
- --pgn-elevation-box-shadow-base: 0 .125rem .25rem rgba(0, 0, 0, .3);
221
- --pgn-elevation-box-shadow-level-5: 0 1.25px 2.5rem rgba(0, 0, 0, .15), 0 .5rem 2.5rem rgba(0, 0, 0, .15);
222
- --pgn-elevation-box-shadow-level-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
223
- --pgn-elevation-box-shadow-level-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
224
- --pgn-elevation-box-shadow-level-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
225
- --pgn-elevation-box-shadow-level-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
226
- --pgn-elevation-toast-box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .15), 0 .5rem 3rem rgba(0, 0, 0, .15);
227
- --pgn-elevation-sticky-shadow-bottom: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
228
- --pgn-elevation-sticky-shadow-top: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
229
- --pgn-elevation-progress-bar-box-shadow: none;
230
- --pgn-elevation-image-thumbnail-box-shadow: none;
231
- --pgn-elevation-icon-button-box-shadow-black-inverse-active: none;
232
- --pgn-elevation-icon-button-box-shadow-black-active: none;
233
- --pgn-elevation-icon-button-box-shadow-dark-inverse-active: none;
234
- --pgn-elevation-icon-button-box-shadow-dark-active: none;
235
- --pgn-elevation-icon-button-box-shadow-light-inverse-active: none;
236
- --pgn-elevation-icon-button-box-shadow-light-active: none;
237
- --pgn-elevation-icon-button-box-shadow-danger-inverse-active: none;
238
- --pgn-elevation-icon-button-box-shadow-danger-active: none;
239
- --pgn-elevation-icon-button-box-shadow-warning-inverse-active: none;
240
- --pgn-elevation-icon-button-box-shadow-warning-active: none;
241
- --pgn-elevation-icon-button-box-shadow-success-inverse-active: none;
242
- --pgn-elevation-icon-button-box-shadow-success-active: none;
243
- --pgn-elevation-icon-button-box-shadow-brand-inverse-active: none;
244
- --pgn-elevation-icon-button-box-shadow-brand-active: none;
245
- --pgn-elevation-icon-button-box-shadow-secondary-inverse-active: none;
246
- --pgn-elevation-icon-button-box-shadow-secondary-active: none;
247
- --pgn-elevation-icon-button-box-shadow-primary-inverse-active: none;
248
- --pgn-elevation-icon-button-box-shadow-primary-active: none;
249
- --pgn-elevation-form-control-select-border-base: none;
250
- --pgn-elevation-form-control-range-thumb-base: none;
251
- --pgn-elevation-form-control-range-track: none;
252
- --pgn-elevation-form-control-checkbox-indicator-indeterminate: none;
253
- --pgn-elevation-form-control-indicator-active: none;
254
- --pgn-elevation-form-control-indicator-checked-focus: 0 0 0 4px rgba(0, 0, 0, .1);
255
- --pgn-elevation-form-control-indicator-checked-base: none;
256
- --pgn-elevation-form-input-focus: none;
257
- --pgn-elevation-form-input-base: none;
258
- --pgn-elevation-code-kbd-box-shadow: none;
259
- --pgn-elevation-btn-box-shadow-active: none;
260
- --pgn-elevation-btn-box-shadow-base: none;
261
- --pgn-elevation-annotation-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15)) drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
262
- --pgn-elevation-alert-box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 1px 4px rgba(0, 0, 0, .15);
263
- --pgn-elevation-tooltip-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15)) drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
264
- --pgn-elevation-popover-box-shadow: none;
265
- --pgn-elevation-modal-content-box-shadow-sm-up: 0 10px 20px rgba(0, 0, 0, .15), 0 8px 20px rgba(0, 0, 0, .15);
266
- --pgn-elevation-dropdown-box-shadow: none;
267
- --pgn-color-action-default-accent-b: #FFE755FF;
268
- --pgn-color-action-default-accent-a: #0095C6FF;
269
- --pgn-color-action-default-dark-base: #142018FF;
270
- --pgn-color-action-default-light-base: #CAC3BFFF;
271
- --pgn-color-action-default-brand-base: #6A0039FF;
272
- --pgn-color-action-default-primary-base: #051627FF;
273
- --pgn-color-action-default-gray-base: #575757FF;
274
- --pgn-color-action-default-gray-900: #0A0C0DFF;
275
- --pgn-color-action-default-gray-800: #1A1A1AFF;
276
- --pgn-color-action-default-gray-700: #2B2B2BFF;
277
- --pgn-color-action-default-gray-600: #424242FF;
278
- --pgn-color-action-default-gray-400: #767676FF;
279
- --pgn-color-action-default-gray-300: #949494FF;
280
- --pgn-color-action-default-gray-200: #B3B3B3FF;
281
- --pgn-color-action-default-gray-100: #D2D2D2FF;
282
- --pgn-color-dark-900: #1B2C21FF;
283
- --pgn-color-dark-800: #1D2F23FF;
284
- --pgn-color-dark-700: #1F3226FF;
285
- --pgn-color-dark-600: #23392AFF;
286
- --pgn-color-dark-500: var(--pgn-color-dark-base);
287
- --pgn-color-dark-400: #5D6F63FF;
288
- --pgn-color-dark-300: #939F97FF;
289
- --pgn-color-dark-200: #C9CFCBFF;
290
- --pgn-color-dark-100: #F2F3F3FF;
291
- --pgn-color-light-900: #9E9B99FF;
292
- --pgn-color-light-800: #A9A6A4FF;
293
- --pgn-color-light-700: #B4B1AFFF;
294
- --pgn-color-light-600: #CBC7C5FF;
295
- --pgn-color-light-500: var(--pgn-color-light-base);
296
- --pgn-color-light-400: #E9E6E4FF;
297
- --pgn-color-light-300: #F0EEEDFF;
298
- --pgn-color-light-200: #F8F7F6FF;
299
- --pgn-color-light-100: #FDFDFDFF;
300
- --pgn-color-danger-base: var(--pgn-color-red);
301
- --pgn-color-warning-base: var(--pgn-color-yellow);
302
- --pgn-color-info-base: var(--pgn-color-teal);
303
- --pgn-color-success-base: var(--pgn-color-green);
304
- --pgn-color-brand-900: #6E003BFF;
305
- --pgn-color-brand-800: #76003FFF;
306
- --pgn-color-brand-700: #7E0043FF;
307
- --pgn-color-brand-600: #8D004CFF;
308
- --pgn-color-brand-500: var(--pgn-color-brand-base);
309
- --pgn-color-brand-400: #B6407FFF;
310
- --pgn-color-brand-300: #CE80AAFF;
311
- --pgn-color-brand-200: #E7BFD4FF;
312
- --pgn-color-brand-100: #F9F0F5FF;
313
- --pgn-color-secondary-base: var(--pgn-color-gray-700);
314
- --pgn-color-primary-900: #07223CFF;
315
- --pgn-color-primary-800: #082440FF;
316
- --pgn-color-primary-700: #082644FF;
317
- --pgn-color-primary-600: #092B4DFF;
318
- --pgn-color-primary-500: var(--pgn-color-primary-base);
319
- --pgn-color-primary-400: #476480FF;
320
- --pgn-color-primary-300: #8598AAFF;
321
- --pgn-color-primary-200: #C2CBD5FF;
322
- --pgn-color-primary-100: #F0F3F5FF;
323
- --pgn-color-gray-500: var(--pgn-color-gray-base);
324
- --pgn-color-tooltip-arrow-light: var(--pgn-color-white);
325
- --pgn-color-tooltip-bg-light: var(--pgn-color-white);
326
- --pgn-color-tooltip-bg-base: var(--pgn-color-black);
327
- --pgn-color-tooltip-light: var(--pgn-color-black);
328
- --pgn-color-tooltip-text: var(--pgn-color-white);
329
- --pgn-color-toast-header-border: #00000080;
330
- --pgn-color-toast-header-bg: var(--pgn-color-gray-700);
331
- --pgn-color-toast-header-text: var(--pgn-color-white);
332
- --pgn-color-toast-border: #0000001A;
333
- --pgn-color-toast-bg: var(--pgn-color-gray-700);
334
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus: var(--pgn-color-white);
335
- --pgn-color-tab-more-link-dropdown-toggle-text-focus: var(--pgn-color-white);
336
- --pgn-color-stepper-header-step-bg-base: var(--pgn-color-stepper-header-bg-base);
337
- --pgn-color-stepper-header-step-base: var(--pgn-color-primary-base);
338
- --pgn-color-stepper-header-bg-line: var(--pgn-color-light-base);
339
- --pgn-color-sheet-skrim-component-box-shadow: #00000026;
340
- --pgn-color-sheet-skrim-bg: #ADADAD80;
341
- --pgn-color-search-field-form-bg: var(--pgn-color-white);
342
- --pgn-color-search-field-border-focus: var(--pgn-color-black);
343
- --pgn-color-search-field-border-interaction: var(--pgn-color-black);
344
- --pgn-color-progress-bar-bar-bg-base: var(--pgn-color-accent-a);
345
- --pgn-color-progress-bar-bar-base: var(--pgn-color-white);
346
- --pgn-color-product-tour-checkpoint-box-shadow: #0000004D;
347
- --pgn-color-product-tour-checkpoint-breadcrumb: var(--pgn-color-primary-base);
348
- --pgn-color-product-tour-checkpoint-border: var(--pgn-color-brand-base);
349
- --pgn-color-product-tour-checkpoint-body: var(--pgn-color-gray-700);
350
- --pgn-color-popover-arrow-outer: #0000000D;
351
- --pgn-color-popover-header-border-bottom-dark: #F2F2F2FF;
352
- --pgn-color-popover-header-bg-dark: #808080FF;
353
- --pgn-color-popover-header-bg: var(--pgn-color-white);
354
- --pgn-color-pagination-focus-text: var(--pgn-color-black);
355
- --pgn-color-pagination-border-disabled: var(--pgn-color-gray-100);
356
- --pgn-color-pagination-border-hover: var(--pgn-color-gray-200);
357
- --pgn-color-pagination-border-base: var(--pgn-color-gray-200);
358
- --pgn-color-pagination-bg-disabled: var(--pgn-color-white);
359
- --pgn-color-pagination-bg-hover: var(--pgn-color-gray-100);
360
- --pgn-color-pagination-text-inverse: var(--pgn-color-white);
361
- --pgn-color-page-banner-text-warning: var(--pgn-color-black);
362
- --pgn-color-page-banner-text-accent-b: var(--pgn-color-black);
363
- --pgn-color-page-banner-text-accent-a: var(--pgn-color-black);
364
- --pgn-color-page-banner-text-light: var(--pgn-color-black);
365
- --pgn-color-page-banner-text-dark: var(--pgn-color-white);
366
- --pgn-color-page-banner-bg-accent-b: var(--pgn-color-accent-b);
367
- --pgn-color-page-banner-bg-accent-a: var(--pgn-color-accent-a);
368
- --pgn-color-navbar-light-toggler-border: #0000001A;
369
- --pgn-color-navbar-light-disabled: #0000004D;
370
- --pgn-color-navbar-light-active: #000000E6;
371
- --pgn-color-navbar-light-hover: #000000B3;
372
- --pgn-color-navbar-light-text: #00000080;
373
- --pgn-color-navbar-dark-toggler-border: #FFFFFF1A;
374
- --pgn-color-navbar-dark-disabled: #FFFFFF40;
375
- --pgn-color-navbar-dark-hover: #FFFFFFBF;
376
- --pgn-color-navbar-dark-text: #FFFFFF80;
377
- --pgn-color-nav-light: #00000080;
378
- --pgn-color-nav-dark: #FFFFFF80;
379
- --pgn-color-nav-divider: var(--pgn-color-gray-100);
380
- --pgn-color-nav-pills-inverse-link-border-active-focus: var(--pgn-color-primary-base);
381
- --pgn-color-nav-pills-inverse-link-text-base: var(--pgn-color-white);
382
- --pgn-color-nav-pills-base-link-active-border: var(--pgn-color-white);
383
- --pgn-color-nav-tabs-inverse-dropdown-border: var(--pgn-color-nav-tabs-inverse-link-bg-active-hover);
384
- --pgn-color-nav-tabs-inverse-link-text-base: var(--pgn-color-white);
385
- --pgn-color-nav-tabs-base-link-disabled-border: var(--pgn-color-nav-link-border);
386
- --pgn-color-nav-tabs-base-border-focus: var(--pgn-color-nav-tabs-base-bg-hover);
387
- --pgn-color-nav-tabs-base-text-disabled: var(--pgn-color-nav-tabs-base-bg-hover);
388
- --pgn-color-nav-link-text-disabled: var(--pgn-color-gray-300);
389
- --pgn-color-nav-link-text-base: var(--pgn-color-gray-700);
390
- --pgn-color-modal-backdrop-bg: var(--pgn-color-black);
391
- --pgn-color-modal-content-border: #00000033;
392
- --pgn-color-menu-item-hover-border: var(--pgn-color-menu-item-bg);
393
- --pgn-color-menu-item-border: var(--pgn-color-menu-item-bg);
394
- --pgn-color-menu-bg: var(--pgn-color-white);
395
- --pgn-color-image-thumbnail-border: var(--pgn-color-gray-200);
396
- --pgn-color-icon-button-black: var(--pgn-color-black);
397
- --pgn-color-icon-button-accent: var(--pgn-color-white);
398
- --pgn-color-icon-button-text-black-inverse-active-base: var(--pgn-color-black);
399
- --pgn-color-icon-button-text-black-inverse-hover: var(--pgn-color-black);
400
- --pgn-color-icon-button-text-black-base: var(--pgn-color-black);
401
- --pgn-color-icon-button-text-dark-inverse-active-base: var(--pgn-color-dark-base);
402
- --pgn-color-icon-button-text-dark-inverse-hover: var(--pgn-color-dark-base);
403
- --pgn-color-icon-button-text-dark-base: var(--pgn-color-dark-base);
404
- --pgn-color-icon-button-text-light-inverse-active-base: var(--pgn-color-light-base);
405
- --pgn-color-icon-button-text-light-inverse-hover: var(--pgn-color-light-base);
406
- --pgn-color-icon-button-text-light-base: var(--pgn-color-light-base);
407
- --pgn-color-icon-button-text-brand-inverse-active-base: var(--pgn-color-brand-base);
408
- --pgn-color-icon-button-text-brand-inverse-hover: var(--pgn-color-brand-base);
409
- --pgn-color-icon-button-text-brand-base: var(--pgn-color-brand-base);
410
- --pgn-color-icon-button-text-primary-base: var(--pgn-color-primary-base);
411
- --pgn-color-icon-button-bg-black-active-base: var(--pgn-color-black);
412
- --pgn-color-icon-button-bg-black-inverse-focus: var(--pgn-color-icon-button-bg-base);
413
- --pgn-color-icon-button-bg-black-inverse-base: var(--pgn-color-icon-button-bg-base);
414
- --pgn-color-icon-button-bg-black-focus: var(--pgn-color-icon-button-bg-base);
415
- --pgn-color-icon-button-bg-black-hover: var(--pgn-color-black);
416
- --pgn-color-icon-button-bg-black-base: var(--pgn-color-icon-button-bg-base);
417
- --pgn-color-icon-button-bg-dark-active-base: var(--pgn-color-dark-base);
418
- --pgn-color-icon-button-bg-dark-inverse-focus: var(--pgn-color-icon-button-bg-base);
419
- --pgn-color-icon-button-bg-dark-inverse-base: var(--pgn-color-icon-button-bg-base);
420
- --pgn-color-icon-button-bg-dark-focus: var(--pgn-color-icon-button-bg-base);
421
- --pgn-color-icon-button-bg-dark-hover: var(--pgn-color-dark-base);
422
- --pgn-color-icon-button-bg-dark-base: var(--pgn-color-icon-button-bg-base);
423
- --pgn-color-icon-button-bg-light-active-base: var(--pgn-color-light-base);
424
- --pgn-color-icon-button-bg-light-inverse-focus: var(--pgn-color-icon-button-bg-base);
425
- --pgn-color-icon-button-bg-light-inverse-base: var(--pgn-color-icon-button-bg-base);
426
- --pgn-color-icon-button-bg-light-focus: var(--pgn-color-icon-button-bg-base);
427
- --pgn-color-icon-button-bg-light-hover: var(--pgn-color-light-base);
428
- --pgn-color-icon-button-bg-light-base: var(--pgn-color-icon-button-bg-base);
429
- --pgn-color-icon-button-bg-danger-inverse-focus: var(--pgn-color-icon-button-bg-base);
430
- --pgn-color-icon-button-bg-danger-inverse-base: var(--pgn-color-icon-button-bg-base);
431
- --pgn-color-icon-button-bg-danger-focus: var(--pgn-color-icon-button-bg-base);
432
- --pgn-color-icon-button-bg-danger-base: var(--pgn-color-icon-button-bg-base);
433
- --pgn-color-icon-button-bg-warning-inverse-focus: var(--pgn-color-icon-button-bg-base);
434
- --pgn-color-icon-button-bg-warning-inverse-base: var(--pgn-color-icon-button-bg-base);
435
- --pgn-color-icon-button-bg-warning-focus: var(--pgn-color-icon-button-bg-base);
436
- --pgn-color-icon-button-bg-warning-base: var(--pgn-color-icon-button-bg-base);
437
- --pgn-color-icon-button-bg-success-inverse-focus: var(--pgn-color-icon-button-bg-base);
438
- --pgn-color-icon-button-bg-success-inverse-base: var(--pgn-color-icon-button-bg-base);
439
- --pgn-color-icon-button-bg-success-focus: var(--pgn-color-icon-button-bg-base);
440
- --pgn-color-icon-button-bg-success-base: var(--pgn-color-icon-button-bg-base);
441
- --pgn-color-icon-button-bg-brand-active-base: var(--pgn-color-brand-base);
442
- --pgn-color-icon-button-bg-brand-inverse-focus: var(--pgn-color-icon-button-bg-base);
443
- --pgn-color-icon-button-bg-brand-inverse-base: var(--pgn-color-icon-button-bg-base);
444
- --pgn-color-icon-button-bg-brand-focus: var(--pgn-color-icon-button-bg-base);
445
- --pgn-color-icon-button-bg-brand-hover: var(--pgn-color-brand-base);
446
- --pgn-color-icon-button-bg-brand-base: var(--pgn-color-icon-button-bg-base);
447
- --pgn-color-icon-button-bg-secondary-inverse-focus: var(--pgn-color-icon-button-bg-base);
448
- --pgn-color-icon-button-bg-secondary-inverse-base: var(--pgn-color-icon-button-bg-base);
449
- --pgn-color-icon-button-bg-secondary-focus: var(--pgn-color-icon-button-bg-base);
450
- --pgn-color-icon-button-bg-secondary-base: var(--pgn-color-icon-button-bg-base);
451
- --pgn-color-icon-button-bg-primary-inverse-focus: var(--pgn-color-icon-button-bg-base);
452
- --pgn-color-icon-button-bg-primary-inverse-base: var(--pgn-color-icon-button-bg-base);
453
- --pgn-color-icon-button-bg-primary-focus: var(--pgn-color-icon-button-bg-base);
454
- --pgn-color-icon-button-bg-primary-base: var(--pgn-color-icon-button-bg-base);
455
- --pgn-color-list-group-action-active-bg: var(--pgn-color-gray-200);
456
- --pgn-color-list-group-action-base: var(--pgn-color-gray-700);
457
- --pgn-color-list-group-disabled-base: var(--pgn-color-gray-600);
458
- --pgn-color-list-group-border: #00000020;
459
- --pgn-color-list-group-bg-hover: var(--pgn-color-gray-100);
460
- --pgn-color-hr-border: #0000001A;
461
- --pgn-color-headings-base: var(--pgn-color-black);
462
- --pgn-color-body-base: var(--pgn-color-gray-700);
463
- --pgn-color-form-control-range-track-bg: var(--pgn-color-gray-300);
464
- --pgn-color-form-control-select-bg-disabled: var(--pgn-color-gray-100);
465
- --pgn-color-form-control-indicator-checked-bg-disabled: #0A305580;
466
- --pgn-color-form-control-indicator-border: var(--pgn-color-gray-700);
467
- --pgn-color-form-input-group-addon-bg: var(--pgn-color-gray-100);
468
- --pgn-color-form-input-bg-disabled: var(--pgn-color-gray-100);
469
- --pgn-color-form-input-base: var(--pgn-color-gray-700);
470
- --pgn-color-dropdown-link-hover-base: #000000FF;
471
- --pgn-color-dropdown-link-base: var(--pgn-color-gray-900);
472
- --pgn-color-dropdown-divider-bg: var(--pgn-color-gray-100);
473
- --pgn-color-dropdown-border: #00000026;
474
- --pgn-color-data-table-border: var(--pgn-color-gray-200);
475
- --pgn-color-data-table-bg-is-loading: #FFFFFFB3;
476
- --pgn-color-code-pre: var(--pgn-color-gray-900);
477
- --pgn-color-code-kbd-bg: var(--pgn-color-gray-700);
478
- --pgn-color-code-kbd-base: var(--pgn-color-white);
479
- --pgn-color-close-button: var(--pgn-color-black);
480
- --pgn-color-chip-text-dark: var(--pgn-color-white);
481
- --pgn-color-chip-text-light: var(--pgn-color-black);
482
- --pgn-color-carousel-caption: var(--pgn-color-white);
483
- --pgn-color-carousel-indicator-active-bg: var(--pgn-color-white);
484
- --pgn-color-carousel-control-base: var(--pgn-color-white);
485
- --pgn-color-card-border-base: #00000020;
486
- --pgn-color-btn-disabled-border-inverse-tertiary: var(--pgn-color-btn-border-inverse-tertiary);
487
- --pgn-color-btn-disabled-border-tertiary: var(--pgn-color-btn-border-tertiary);
488
- --pgn-color-btn-disabled-border-inverse-secondary: var(--pgn-color-btn-border-inverse-secondary);
489
- --pgn-color-btn-disabled-bg-inverse-primary: var(--pgn-color-white);
490
- --pgn-color-btn-disabled-bg-inverse-outline-brand: var(--pgn-color-btn-bg-inverse-outline-brand);
491
- --pgn-color-btn-disabled-bg-inverse-brand: var(--pgn-color-white);
492
- --pgn-color-btn-focus-outline-inverse-warning: var(--pgn-color-white);
493
- --pgn-color-btn-focus-outline-inverse-tertiary: var(--pgn-color-white);
494
- --pgn-color-btn-focus-outline-inverse-secondary: var(--pgn-color-white);
495
- --pgn-color-btn-focus-outline-inverse-light: var(--pgn-color-white);
496
- --pgn-color-btn-focus-border-inverse-warning: var(--pgn-color-btn-border-inverse-warning);
497
- --pgn-color-btn-focus-border-tertiary: var(--pgn-color-btn-border-tertiary);
498
- --pgn-color-btn-focus-border-inverse-success: var(--pgn-color-white);
499
- --pgn-color-btn-focus-border-inverse-outline-secondary: var(--pgn-color-white);
500
- --pgn-color-btn-focus-border-inverse-secondary: var(--pgn-color-white);
501
- --pgn-color-btn-focus-border-inverse-primary: var(--pgn-color-white);
502
- --pgn-color-btn-focus-border-inverse-light: var(--pgn-color-btn-border-inverse-light);
503
- --pgn-color-btn-focus-border-inverse-info: var(--pgn-color-white);
504
- --pgn-color-btn-focus-border-inverse-outline-dark: var(--pgn-color-white);
505
- --pgn-color-btn-focus-border-inverse-dark: var(--pgn-color-white);
506
- --pgn-color-btn-focus-border-inverse-outline-danger: var(--pgn-color-white);
507
- --pgn-color-btn-focus-border-inverse-danger: var(--pgn-color-white);
508
- --pgn-color-btn-focus-border-inverse-brand: var(--pgn-color-white);
509
- --pgn-color-btn-active-bg-inverse-warning: var(--pgn-color-gray-100);
510
- --pgn-color-btn-active-bg-inverse-success: var(--pgn-color-gray-100);
511
- --pgn-color-btn-active-bg-inverse-secondary: var(--pgn-color-gray-100);
512
- --pgn-color-btn-active-bg-inverse-primary: var(--pgn-color-gray-100);
513
- --pgn-color-btn-active-bg-inverse-light: var(--pgn-color-gray-100);
514
- --pgn-color-btn-active-bg-inverse-info: var(--pgn-color-gray-100);
515
- --pgn-color-btn-active-bg-inverse-dark: var(--pgn-color-gray-100);
516
- --pgn-color-btn-active-bg-inverse-danger: var(--pgn-color-gray-100);
517
- --pgn-color-btn-active-bg-inverse-brand: var(--pgn-color-gray-100);
518
- --pgn-color-btn-active-text-inverse-tertiary: var(--pgn-color-white);
519
- --pgn-color-btn-active-text-tertiary: var(--pgn-color-gray-700);
520
- --pgn-color-btn-hover-bg-inverse-tertiary: #FFFFFF1A;
521
- --pgn-color-btn-hover-text-inverse-tertiary: var(--pgn-color-white);
522
- --pgn-color-btn-hover-text-tertiary: var(--pgn-color-gray-700);
523
- --pgn-color-btn-border-inverse-outline-warning: var(--pgn-color-white);
524
- --pgn-color-btn-border-inverse-outline-success: var(--pgn-color-white);
525
- --pgn-color-btn-border-inverse-outline-secondary: var(--pgn-color-white);
526
- --pgn-color-btn-border-inverse-outline-primary: var(--pgn-color-white);
527
- --pgn-color-btn-border-outline-primary: var(--pgn-color-primary-base);
528
- --pgn-color-btn-border-inverse-outline-light: var(--pgn-color-white);
529
- --pgn-color-btn-border-outline-light: var(--pgn-color-light-base);
530
- --pgn-color-btn-border-inverse-outline-info: var(--pgn-color-white);
531
- --pgn-color-btn-border-inverse-outline-dark: var(--pgn-color-white);
532
- --pgn-color-btn-border-outline-dark: var(--pgn-color-dark-base);
533
- --pgn-color-btn-border-inverse-outline-danger: var(--pgn-color-white);
534
- --pgn-color-btn-border-inverse-outline-brand: var(--pgn-color-white);
535
- --pgn-color-btn-border-outline-brand: var(--pgn-color-brand-base);
536
- --pgn-color-btn-bg-primary: var(--pgn-color-primary-base);
537
- --pgn-color-btn-bg-light: var(--pgn-color-light-base);
538
- --pgn-color-btn-bg-dark: var(--pgn-color-dark-base);
539
- --pgn-color-btn-bg-brand: var(--pgn-color-brand-base);
540
- --pgn-color-btn-text-inverse-outline-warning: var(--pgn-color-white);
541
- --pgn-color-btn-text-inverse-tertiary: var(--pgn-color-white);
542
- --pgn-color-btn-text-tertiary: var(--pgn-color-gray-700);
543
- --pgn-color-btn-text-inverse-outline-success: var(--pgn-color-white);
544
- --pgn-color-btn-text-inverse-outline-secondary: var(--pgn-color-white);
545
- --pgn-color-btn-text-inverse-outline-primary: var(--pgn-color-white);
546
- --pgn-color-btn-text-inverse-primary: var(--pgn-color-primary-base);
547
- --pgn-color-btn-text-outline-primary: var(--pgn-color-primary-base);
548
- --pgn-color-btn-text-inverse-outline-light: var(--pgn-color-white);
549
- --pgn-color-btn-text-inverse-light: var(--pgn-color-light-base);
550
- --pgn-color-btn-text-outline-light: var(--pgn-color-light-base);
551
- --pgn-color-btn-text-inverse-outline-info: var(--pgn-color-white);
552
- --pgn-color-btn-text-inverse-outline-dark: var(--pgn-color-white);
553
- --pgn-color-btn-text-inverse-dark: var(--pgn-color-dark-base);
554
- --pgn-color-btn-text-outline-dark: var(--pgn-color-dark-base);
555
- --pgn-color-btn-text-inverse-outline-danger: var(--pgn-color-white);
556
- --pgn-color-btn-text-inverse-outline-brand: var(--pgn-color-white);
557
- --pgn-color-btn-text-inverse-brand: var(--pgn-color-brand-base);
558
- --pgn-color-btn-text-outline-brand: var(--pgn-color-brand-base);
559
- --pgn-color-bubble-bg-primary: var(--pgn-color-primary-base);
560
- --pgn-color-bubble-text-primary: var(--pgn-color-white);
561
- --pgn-color-bubble-text-error: var(--pgn-color-white);
562
- --pgn-color-bubble-text-warning: var(--pgn-color-white);
563
- --pgn-color-bubble-text-success: var(--pgn-color-white);
564
- --pgn-color-breadcrumb-inverse-base: var(--pgn-color-white);
565
- --pgn-color-breadcrumb-bg: var(--pgn-color-gray-200);
566
- --pgn-color-badge-bg-dark: var(--pgn-color-dark-base);
567
- --pgn-color-badge-bg-light: var(--pgn-color-light-base);
568
- --pgn-color-badge-bg-primary: var(--pgn-color-primary-base);
569
- --pgn-color-badge-text-dark: #FFFFFFFF;
570
- --pgn-color-badge-text-light: #454545FF;
571
- --pgn-color-badge-text-primary: #FFFFFFFF;
572
- --pgn-color-annotation-bg-dark: var(--pgn-color-dark-base);
573
- --pgn-color-annotation-bg-light: var(--pgn-color-white);
574
- --pgn-color-annotation-bg-warning: var(--pgn-color-accent-b);
575
- --pgn-color-annotation-text-dark: var(--pgn-color-white);
576
- --pgn-color-annotation-text-error: var(--pgn-color-white);
577
- --pgn-color-annotation-text-warning: var(--pgn-color-black);
578
- --pgn-color-annotation-text-success: var(--pgn-color-white);
579
- --pgn-color-alert-content: var(--pgn-color-gray-700);
580
- --pgn-color-alert-title: var(--pgn-color-black);
581
- --pgn-color-theme-active-gray: var(--pgn-color-gray-900);
582
- --pgn-color-theme-hover-gray: var(--pgn-color-gray-700);
583
- --pgn-color-theme-border-gray: var(--pgn-color-gray-200);
584
- --pgn-color-theme-bg-gray: var(--pgn-color-gray-100);
585
- --pgn-color-border: var(--pgn-color-gray-200);
586
- --pgn-color-active: var(--pgn-color-white);
587
- --pgn-color-text-50-white: #FFFFFF80;
588
- --pgn-color-text-50-black: #00000080;
589
- --pgn-color-bg-base: var(--pgn-color-white);
590
- --pgn-elevation-scrollable-body-box-shadow: #0000008C;
591
- --pgn-elevation-menu-box-shadow: var(--pgn-elevation-box-shadow-base);
592
- --pgn-elevation-icon-button-box-shadow-black-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
593
- --pgn-elevation-icon-button-box-shadow-black-base: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-black-base);
594
- --pgn-elevation-icon-button-box-shadow-dark-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
595
- --pgn-elevation-icon-button-box-shadow-dark-base: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-dark-base);
596
- --pgn-elevation-icon-button-box-shadow-light-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
597
- --pgn-elevation-icon-button-box-shadow-light-base: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-light-base);
598
- --pgn-elevation-icon-button-box-shadow-danger-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
599
- --pgn-elevation-icon-button-box-shadow-danger-base: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-danger-base);
600
- --pgn-elevation-icon-button-box-shadow-warning-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
601
- --pgn-elevation-icon-button-box-shadow-warning-base: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-warning-base);
602
- --pgn-elevation-icon-button-box-shadow-success-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
603
- --pgn-elevation-icon-button-box-shadow-success-base: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-success-base);
604
- --pgn-elevation-icon-button-box-shadow-brand-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
605
- --pgn-elevation-icon-button-box-shadow-brand-base: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-brand-base);
606
- --pgn-elevation-icon-button-box-shadow-secondary-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
607
- --pgn-elevation-icon-button-box-shadow-secondary-base: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-secondary-base);
608
- --pgn-elevation-icon-button-box-shadow-primary-inverse: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-accent);
609
- --pgn-elevation-icon-button-box-shadow-primary-base: inset 0 0 0 var(--pgn-size-btn-focus-width) var(--pgn-color-icon-button-text-primary-base);
610
- --pgn-elevation-input-btn-focus-box-shadow: 0 0 0 var(--pgn-size-input-btn-focus-width) var(--pgn-color-input-btn-focus);
611
- --pgn-elevation-form-control-file-focus: var(--pgn-elevation-form-input-focus);
612
- --pgn-elevation-form-control-file-base: var(--pgn-elevation-form-input-base);
613
- --pgn-elevation-form-control-indicator-base: var(--pgn-elevation-form-input-base);
614
- --pgn-elevation-data-table-box-shadow: var(--pgn-elevation-box-shadow-sm);
615
- --pgn-elevation-close-button-text-shadow: 0 1px 0 var(--pgn-color-white);
616
- --pgn-border-color-nav-tabs-link-border-active: var(--pgn-color-primary-500);
617
- --pgn-content-navbar-toggler-light-icon-bg: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%2300000080' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
618
- --pgn-content-navbar-toggler-dark-icon-bg: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23FFFFFF80' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
619
- --pgn-content-carousel-control-bg-next-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
620
- --pgn-content-carousel-control-bg-prev-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
621
- --pgn-color-action-default-dark-900: #080C09FF;
622
- --pgn-color-action-default-dark-800: #0A0F0CFF;
623
- --pgn-color-action-default-dark-700: #0B130EFF;
624
- --pgn-color-action-default-dark-600: #101913FF;
625
- --pgn-color-action-default-dark-500: #142018FF;
626
- --pgn-color-action-default-dark-400: #46534AFF;
627
- --pgn-color-action-default-dark-300: #78877DFF;
628
- --pgn-color-action-default-dark-200: #AEB7B1FF;
629
- --pgn-color-action-default-dark-100: #D7DBDBFF;
630
- --pgn-color-action-default-light-900: #85817FFF;
631
- --pgn-color-action-default-light-800: #908C8AFF;
632
- --pgn-color-action-default-light-700: #9B9795FF;
633
- --pgn-color-action-default-light-600: #B3ADAAFF;
634
- --pgn-color-action-default-light-500: #CAC3BFFF;
635
- --pgn-color-action-default-light-400: #D2CCC8FF;
636
- --pgn-color-action-default-light-300: #D9D4D1FF;
637
- --pgn-color-action-default-light-200: #E2DED9FF;
638
- --pgn-color-action-default-light-100: #E4E4E4FF;
639
- --pgn-color-action-default-danger-base: #9A232EFF;
640
- --pgn-color-action-default-warning-base: #CCAE00FF;
641
- --pgn-color-action-default-info-base: #004C77FF;
642
- --pgn-color-action-default-success-base: #0F5737FF;
643
- --pgn-color-action-default-brand-900: #3B0020FF;
644
- --pgn-color-action-default-brand-800: #430024FF;
645
- --pgn-color-action-default-brand-700: #4B0028FF;
646
- --pgn-color-action-default-brand-600: #5A0031FF;
647
- --pgn-color-action-default-brand-500: #6A0039FF;
648
- --pgn-color-action-default-brand-400: #903365FF;
649
- --pgn-color-action-default-brand-300: #C05B91FF;
650
- --pgn-color-action-default-brand-200: #D99ABBFF;
651
- --pgn-color-action-default-brand-100: #EACCDDFF;
652
- --pgn-color-action-default-secondary-base: #2B2B2BFF;
653
- --pgn-color-action-default-primary-900: #02080EFF;
654
- --pgn-color-action-default-primary-800: #020A13FF;
655
- --pgn-color-action-default-primary-700: #030C16FF;
656
- --pgn-color-action-default-primary-600: #04111FFF;
657
- --pgn-color-action-default-primary-500: #051627FF;
658
- --pgn-color-action-default-primary-400: #354A5FFF;
659
- --pgn-color-action-default-primary-300: #677F95FF;
660
- --pgn-color-action-default-primary-200: #A4B1C0FF;
661
- --pgn-color-action-default-primary-100: #D1DBE1FF;
662
- --pgn-color-action-default-gray-500: #575757FF;
663
- --pgn-color-danger-900: #892029FF;
664
- --pgn-color-danger-800: #92222CFF;
665
- --pgn-color-danger-700: #9C242EFF;
666
- --pgn-color-danger-600: #B02934FF;
667
- --pgn-color-danger-500: var(--pgn-color-danger-base);
668
- --pgn-color-danger-400: #D2626BFF;
669
- --pgn-color-danger-300: #E1969DFF;
670
- --pgn-color-danger-200: #F0CBCEFF;
671
- --pgn-color-danger-100: #FBF2F3FF;
672
- --pgn-color-warning-900: #B39800FF;
673
- --pgn-color-warning-800: #BFA300FF;
674
- --pgn-color-warning-700: #CCAE00FF;
675
- --pgn-color-warning-600: #E6C300FF;
676
- --pgn-color-warning-500: var(--pgn-color-warning-base);
677
- --pgn-color-warning-400: #FFE340FF;
678
- --pgn-color-warning-300: #FFEC80FF;
679
- --pgn-color-warning-200: #FFF6BFFF;
680
- --pgn-color-warning-100: #FFFDF0FF;
681
- --pgn-color-info-900: #004C77FF;
682
- --pgn-color-info-800: #005280FF;
683
- --pgn-color-info-700: #005788FF;
684
- --pgn-color-info-600: #006299FF;
685
- --pgn-color-info-500: var(--pgn-color-info-base);
686
- --pgn-color-info-400: #4092BFFF;
687
- --pgn-color-info-300: #80B6D5FF;
688
- --pgn-color-info-200: #BFDBEAFF;
689
- --pgn-color-info-100: #F0F6FAFF;
690
- --pgn-color-success-900: #105B3AFF;
691
- --pgn-color-success-800: #11623EFF;
692
- --pgn-color-success-700: #126842FF;
693
- --pgn-color-success-600: #15754BFF;
694
- --pgn-color-success-500: var(--pgn-color-success-base);
695
- --pgn-color-success-400: #51A17EFF;
696
- --pgn-color-success-300: #8BC1A9FF;
697
- --pgn-color-success-200: #C5E0D4FF;
698
- --pgn-color-success-100: #F1F8F5FF;
699
- --pgn-color-secondary-900: #303030FF;
700
- --pgn-color-secondary-800: #343434FF;
701
- --pgn-color-secondary-700: #373737FF;
702
- --pgn-color-secondary-600: #3E3E3EFF;
703
- --pgn-color-secondary-500: var(--pgn-color-secondary-base);
704
- --pgn-color-secondary-400: #747474FF;
705
- --pgn-color-secondary-300: #A2A2A2FF;
706
- --pgn-color-secondary-200: #D1D1D1FF;
707
- --pgn-color-secondary-100: #F4F4F4FF;
708
- --pgn-color-tooltip-arrow-base: var(--pgn-color-tooltip-bg-base);
709
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-border-focus: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus);
710
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-active-hover: var(--pgn-color-primary-300);
711
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-text-active-hover: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-focus);
712
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-text-focus: var(--pgn-color-primary-500);
713
- --pgn-color-tab-more-link-dropdown-toggle-bg-focus: var(--pgn-color-primary-500);
714
- --pgn-color-tab-more-link-dropdown-toggle-text-active: var(--pgn-color-tab-more-link-dropdown-toggle-text-focus);
715
- --pgn-color-tab-more-link-dropdown-toggle-btn-text-focus: var(--pgn-color-tab-more-link-dropdown-toggle-text-focus);
716
- --pgn-color-stepper-header-step-bubble-error: var(--pgn-color-danger-base);
717
- --pgn-color-stepper-header-step-bg-active: var(--pgn-color-gray-500);
718
- --pgn-color-search-field-button-bg-brand: var(--pgn-color-brand-500);
719
- --pgn-color-search-field-button-bg-primary: var(--pgn-color-primary-500);
720
- --pgn-color-search-field-border-base: var(--pgn-color-gray-500);
721
- --pgn-color-progress-bar-bar-bg-annotated: var(--pgn-color-dark-500);
722
- --pgn-color-progress-bar-border: var(--pgn-color-gray-500);
723
- --pgn-color-product-tour-checkpoint-bg: var(--pgn-color-light-300);
724
- --pgn-color-popover-body: var(--pgn-color-body-base);
725
- --pgn-color-popover-header-text: var(--pgn-color-headings-base);
726
- --pgn-color-popover-bg: var(--pgn-color-bg-base);
727
- --pgn-color-pagination-focus-base: var(--pgn-color-primary-500);
728
- --pgn-color-pagination-bg-base: var(--pgn-color-bg-base);
729
- --pgn-color-pagination-text-active: var(--pgn-color-active);
730
- --pgn-color-page-banner-bg-light: var(--pgn-color-light-400);
731
- --pgn-color-page-banner-bg-dark: var(--pgn-color-dark-500);
732
- --pgn-color-navbar-light-brand-hover: var(--pgn-color-navbar-light-active);
733
- --pgn-color-navbar-light-brand-text: var(--pgn-color-navbar-light-active);
734
- --pgn-color-navbar-dark-active: var(--pgn-color-active);
735
- --pgn-color-nav-pills-inverse-tab-content-color: var(--pgn-color-nav-pills-inverse-link-text-base);
736
- --pgn-color-nav-pills-inverse-link-bg-active-focus-hover: var(--pgn-color-nav-pills-inverse-link-text-base);
737
- --pgn-color-nav-pills-inverse-link-bg-active: var(--pgn-color-nav-pills-inverse-link-text-base);
738
- --pgn-color-nav-pills-inverse-link-border-focus-hover: var(--pgn-color-nav-pills-inverse-link-border-active-focus);
739
- --pgn-color-nav-pills-inverse-link-border-active: var(--pgn-color-nav-pills-inverse-link-text-base);
740
- --pgn-color-nav-pills-inverse-link-border-base: var(--pgn-color-dark-300);
741
- --pgn-color-nav-pills-inverse-link-text-active-hover: var(--pgn-color-nav-pills-inverse-link-text-base);
742
- --pgn-color-nav-pills-inverse-link-text-hover: var(--pgn-color-nav-pills-inverse-link-text-base);
743
- --pgn-color-nav-pills-inverse-link-text-active: var(--pgn-color-primary-500);
744
- --pgn-color-nav-pills-inverse-link-text-focus: var(--pgn-color-nav-pills-inverse-link-text-base);
745
- --pgn-color-nav-pills-base-link-active-text: var(--pgn-color-active);
746
- --pgn-color-nav-tabs-inverse-link-tab-content-color: var(--pgn-color-nav-tabs-inverse-link-text-base);
747
- --pgn-color-nav-tabs-inverse-link-bg-focus: var(--pgn-color-nav-tabs-inverse-link-text-base);
748
- --pgn-color-nav-tabs-inverse-link-border-active: var(--pgn-color-nav-tabs-inverse-link-text-base);
749
- --pgn-color-nav-tabs-inverse-link-border-bottom: var(--pgn-color-dark-300);
750
- --pgn-color-nav-tabs-base-link-active-text: var(--pgn-color-primary-500);
751
- --pgn-color-nav-tabs-base-link-hover-bg: var(--pgn-color-light-400);
752
- --pgn-color-nav-tabs-base-border-base: var(--pgn-color-light-400);
753
- --pgn-color-modal-content-bg: var(--pgn-color-bg-base);
754
- --pgn-color-menu-select-btn-link-color: var(--pgn-color-primary-500);
755
- --pgn-color-menu-item-hover-color: var(--pgn-color-btn-text-tertiary);
756
- --pgn-color-menu-item-color: var(--pgn-color-body-base);
757
- --pgn-color-image-figure-caption: var(--pgn-color-gray-500);
758
- --pgn-color-icon-button-text-black-inverse-active-focus: var(--pgn-color-icon-button-text-black-inverse-active-base);
759
- --pgn-color-icon-button-text-black-inverse-active-hover: var(--pgn-color-icon-button-text-black-inverse-active-base);
760
- --pgn-color-icon-button-text-black-active-focus: var(--pgn-color-icon-button-accent);
761
- --pgn-color-icon-button-text-black-active-hover: var(--pgn-color-icon-button-accent);
762
- --pgn-color-icon-button-text-black-active-base: var(--pgn-color-icon-button-accent);
763
- --pgn-color-icon-button-text-black-inverse-focus: var(--pgn-color-icon-button-accent);
764
- --pgn-color-icon-button-text-black-inverse-base: var(--pgn-color-icon-button-accent);
765
- --pgn-color-icon-button-text-black-focus: var(--pgn-color-icon-button-text-black-base);
766
- --pgn-color-icon-button-text-black-hover: var(--pgn-color-icon-button-accent);
767
- --pgn-color-icon-button-text-dark-inverse-active-focus: var(--pgn-color-icon-button-text-dark-inverse-active-base);
768
- --pgn-color-icon-button-text-dark-inverse-active-hover: var(--pgn-color-icon-button-text-dark-inverse-active-base);
769
- --pgn-color-icon-button-text-dark-active-focus: var(--pgn-color-icon-button-accent);
770
- --pgn-color-icon-button-text-dark-active-hover: var(--pgn-color-icon-button-accent);
771
- --pgn-color-icon-button-text-dark-active-base: var(--pgn-color-icon-button-accent);
772
- --pgn-color-icon-button-text-dark-inverse-focus: var(--pgn-color-icon-button-accent);
773
- --pgn-color-icon-button-text-dark-inverse-base: var(--pgn-color-icon-button-accent);
774
- --pgn-color-icon-button-text-dark-focus: var(--pgn-color-icon-button-text-dark-base);
775
- --pgn-color-icon-button-text-dark-hover: var(--pgn-color-icon-button-accent);
776
- --pgn-color-icon-button-text-light-inverse-active-focus: var(--pgn-color-icon-button-text-light-inverse-active-base);
777
- --pgn-color-icon-button-text-light-inverse-active-hover: var(--pgn-color-icon-button-text-light-inverse-active-base);
778
- --pgn-color-icon-button-text-light-active-focus: var(--pgn-color-icon-button-accent);
779
- --pgn-color-icon-button-text-light-active-hover: var(--pgn-color-icon-button-accent);
780
- --pgn-color-icon-button-text-light-active-base: var(--pgn-color-icon-button-accent);
781
- --pgn-color-icon-button-text-light-inverse-focus: var(--pgn-color-icon-button-accent);
782
- --pgn-color-icon-button-text-light-inverse-base: var(--pgn-color-icon-button-accent);
783
- --pgn-color-icon-button-text-light-focus: var(--pgn-color-icon-button-text-light-base);
784
- --pgn-color-icon-button-text-light-hover: var(--pgn-color-icon-button-accent);
785
- --pgn-color-icon-button-text-danger-inverse-active-base: var(--pgn-color-danger-base);
786
- --pgn-color-icon-button-text-danger-active-focus: var(--pgn-color-icon-button-accent);
787
- --pgn-color-icon-button-text-danger-active-hover: var(--pgn-color-icon-button-accent);
788
- --pgn-color-icon-button-text-danger-active-base: var(--pgn-color-icon-button-accent);
789
- --pgn-color-icon-button-text-danger-inverse-focus: var(--pgn-color-icon-button-accent);
790
- --pgn-color-icon-button-text-danger-inverse-hover: var(--pgn-color-danger-base);
791
- --pgn-color-icon-button-text-danger-inverse-base: var(--pgn-color-icon-button-accent);
792
- --pgn-color-icon-button-text-danger-hover: var(--pgn-color-icon-button-accent);
793
- --pgn-color-icon-button-text-danger-base: var(--pgn-color-danger-base);
794
- --pgn-color-icon-button-text-warning-inverse-active-base: var(--pgn-color-warning-base);
795
- --pgn-color-icon-button-text-warning-active-focus: var(--pgn-color-icon-button-accent);
796
- --pgn-color-icon-button-text-warning-active-hover: var(--pgn-color-icon-button-accent);
797
- --pgn-color-icon-button-text-warning-active-base: var(--pgn-color-icon-button-accent);
798
- --pgn-color-icon-button-text-warning-inverse-focus: var(--pgn-color-icon-button-accent);
799
- --pgn-color-icon-button-text-warning-inverse-hover: var(--pgn-color-warning-base);
800
- --pgn-color-icon-button-text-warning-inverse-base: var(--pgn-color-icon-button-accent);
801
- --pgn-color-icon-button-text-warning-hover: var(--pgn-color-icon-button-accent);
802
- --pgn-color-icon-button-text-warning-base: var(--pgn-color-warning-base);
803
- --pgn-color-icon-button-text-success-inverse-active-base: var(--pgn-color-success-base);
804
- --pgn-color-icon-button-text-success-active-focus: var(--pgn-color-icon-button-accent);
805
- --pgn-color-icon-button-text-success-active-hover: var(--pgn-color-icon-button-accent);
806
- --pgn-color-icon-button-text-success-active-base: var(--pgn-color-icon-button-accent);
807
- --pgn-color-icon-button-text-success-inverse-focus: var(--pgn-color-icon-button-accent);
808
- --pgn-color-icon-button-text-success-inverse-hover: var(--pgn-color-success-base);
809
- --pgn-color-icon-button-text-success-inverse-base: var(--pgn-color-icon-button-accent);
810
- --pgn-color-icon-button-text-success-hover: var(--pgn-color-icon-button-accent);
811
- --pgn-color-icon-button-text-success-base: var(--pgn-color-success-base);
812
- --pgn-color-icon-button-text-brand-inverse-active-focus: var(--pgn-color-icon-button-text-brand-inverse-active-base);
813
- --pgn-color-icon-button-text-brand-inverse-active-hover: var(--pgn-color-icon-button-text-brand-inverse-active-base);
814
- --pgn-color-icon-button-text-brand-active-focus: var(--pgn-color-icon-button-accent);
815
- --pgn-color-icon-button-text-brand-active-hover: var(--pgn-color-icon-button-accent);
816
- --pgn-color-icon-button-text-brand-active-base: var(--pgn-color-icon-button-accent);
817
- --pgn-color-icon-button-text-brand-inverse-focus: var(--pgn-color-icon-button-accent);
818
- --pgn-color-icon-button-text-brand-inverse-base: var(--pgn-color-icon-button-accent);
819
- --pgn-color-icon-button-text-brand-focus: var(--pgn-color-icon-button-text-brand-base);
820
- --pgn-color-icon-button-text-brand-hover: var(--pgn-color-icon-button-accent);
821
- --pgn-color-icon-button-text-secondary-inverse-active-base: var(--pgn-color-secondary-base);
822
- --pgn-color-icon-button-text-secondary-active-focus: var(--pgn-color-icon-button-accent);
823
- --pgn-color-icon-button-text-secondary-active-hover: var(--pgn-color-icon-button-accent);
824
- --pgn-color-icon-button-text-secondary-active-base: var(--pgn-color-icon-button-accent);
825
- --pgn-color-icon-button-text-secondary-inverse-focus: var(--pgn-color-icon-button-accent);
826
- --pgn-color-icon-button-text-secondary-inverse-hover: var(--pgn-color-secondary-base);
827
- --pgn-color-icon-button-text-secondary-inverse-base: var(--pgn-color-icon-button-accent);
828
- --pgn-color-icon-button-text-secondary-hover: var(--pgn-color-icon-button-accent);
829
- --pgn-color-icon-button-text-secondary-base: var(--pgn-color-secondary-base);
830
- --pgn-color-icon-button-text-primary-inverse-active-focus: var(--pgn-color-icon-button-text-primary-base);
831
- --pgn-color-icon-button-text-primary-inverse-active-base: var(--pgn-color-icon-button-text-primary-base);
832
- --pgn-color-icon-button-text-primary-active-focus: var(--pgn-color-icon-button-accent);
833
- --pgn-color-icon-button-text-primary-active-hover: var(--pgn-color-icon-button-accent);
834
- --pgn-color-icon-button-text-primary-active-base: var(--pgn-color-icon-button-accent);
835
- --pgn-color-icon-button-text-primary-inverse-focus: var(--pgn-color-icon-button-accent);
836
- --pgn-color-icon-button-text-primary-inverse-hover: var(--pgn-color-icon-button-text-primary-base);
837
- --pgn-color-icon-button-text-primary-inverse-base: var(--pgn-color-icon-button-accent);
838
- --pgn-color-icon-button-text-primary-focus: var(--pgn-color-icon-button-text-primary-base);
839
- --pgn-color-icon-button-text-primary-hover: var(--pgn-color-icon-button-accent);
840
- --pgn-color-icon-button-bg-black-inverse-active-focus: var(--pgn-color-icon-button-accent);
841
- --pgn-color-icon-button-bg-black-inverse-active-hover: var(--pgn-color-icon-button-accent);
842
- --pgn-color-icon-button-bg-black-inverse-active-base: var(--pgn-color-icon-button-accent);
843
- --pgn-color-icon-button-bg-black-active-focus: var(--pgn-color-icon-button-bg-black-active-base);
844
- --pgn-color-icon-button-bg-black-active-hover: var(--pgn-color-icon-button-bg-black-active-base);
845
- --pgn-color-icon-button-bg-black-inverse-hover: var(--pgn-color-icon-button-accent);
846
- --pgn-color-icon-button-bg-dark-inverse-active-focus: var(--pgn-color-icon-button-accent);
847
- --pgn-color-icon-button-bg-dark-inverse-active-hover: var(--pgn-color-icon-button-accent);
848
- --pgn-color-icon-button-bg-dark-inverse-active-base: var(--pgn-color-icon-button-accent);
849
- --pgn-color-icon-button-bg-dark-active-focus: var(--pgn-color-icon-button-bg-dark-active-base);
850
- --pgn-color-icon-button-bg-dark-active-hover: var(--pgn-color-icon-button-bg-dark-active-base);
851
- --pgn-color-icon-button-bg-dark-inverse-hover: var(--pgn-color-icon-button-accent);
852
- --pgn-color-icon-button-bg-light-inverse-active-focus: var(--pgn-color-icon-button-accent);
853
- --pgn-color-icon-button-bg-light-inverse-active-hover: var(--pgn-color-icon-button-accent);
854
- --pgn-color-icon-button-bg-light-inverse-active-base: var(--pgn-color-icon-button-accent);
855
- --pgn-color-icon-button-bg-light-active-focus: var(--pgn-color-icon-button-bg-light-active-base);
856
- --pgn-color-icon-button-bg-light-active-hover: var(--pgn-color-icon-button-bg-light-active-base);
857
- --pgn-color-icon-button-bg-light-inverse-hover: var(--pgn-color-icon-button-accent);
858
- --pgn-color-icon-button-bg-danger-inverse-active-focus: var(--pgn-color-icon-button-accent);
859
- --pgn-color-icon-button-bg-danger-inverse-active-hover: var(--pgn-color-icon-button-accent);
860
- --pgn-color-icon-button-bg-danger-inverse-active-base: var(--pgn-color-icon-button-accent);
861
- --pgn-color-icon-button-bg-danger-active-base: var(--pgn-color-danger-base);
862
- --pgn-color-icon-button-bg-danger-inverse-hover: var(--pgn-color-icon-button-accent);
863
- --pgn-color-icon-button-bg-danger-hover: var(--pgn-color-danger-base);
864
- --pgn-color-icon-button-bg-warning-inverse-active-focus: var(--pgn-color-icon-button-accent);
865
- --pgn-color-icon-button-bg-warning-inverse-active-hover: var(--pgn-color-icon-button-accent);
866
- --pgn-color-icon-button-bg-warning-inverse-active-base: var(--pgn-color-icon-button-accent);
867
- --pgn-color-icon-button-bg-warning-active-base: var(--pgn-color-warning-base);
868
- --pgn-color-icon-button-bg-warning-inverse-hover: var(--pgn-color-icon-button-accent);
869
- --pgn-color-icon-button-bg-warning-hover: var(--pgn-color-warning-base);
870
- --pgn-color-icon-button-bg-success-inverse-active-focus: var(--pgn-color-icon-button-accent);
871
- --pgn-color-icon-button-bg-success-inverse-active-hover: var(--pgn-color-icon-button-accent);
872
- --pgn-color-icon-button-bg-success-inverse-active-base: var(--pgn-color-icon-button-accent);
873
- --pgn-color-icon-button-bg-success-active-base: var(--pgn-color-success-base);
874
- --pgn-color-icon-button-bg-success-inverse-hover: var(--pgn-color-icon-button-accent);
875
- --pgn-color-icon-button-bg-success-hover: var(--pgn-color-success-base);
876
- --pgn-color-icon-button-bg-brand-inverse-active-focus: var(--pgn-color-icon-button-accent);
877
- --pgn-color-icon-button-bg-brand-inverse-active-hover: var(--pgn-color-icon-button-accent);
878
- --pgn-color-icon-button-bg-brand-inverse-active-base: var(--pgn-color-icon-button-accent);
879
- --pgn-color-icon-button-bg-brand-active-focus: var(--pgn-color-icon-button-bg-brand-active-base);
880
- --pgn-color-icon-button-bg-brand-active-hover: var(--pgn-color-icon-button-bg-brand-active-base);
881
- --pgn-color-icon-button-bg-brand-inverse-hover: var(--pgn-color-icon-button-accent);
882
- --pgn-color-icon-button-bg-secondary-inverse-active-focus: var(--pgn-color-icon-button-accent);
883
- --pgn-color-icon-button-bg-secondary-inverse-active-hover: var(--pgn-color-icon-button-accent);
884
- --pgn-color-icon-button-bg-secondary-inverse-active-base: var(--pgn-color-icon-button-accent);
885
- --pgn-color-icon-button-bg-secondary-active-base: var(--pgn-color-secondary-base);
886
- --pgn-color-icon-button-bg-secondary-inverse-hover: var(--pgn-color-icon-button-accent);
887
- --pgn-color-icon-button-bg-secondary-hover: var(--pgn-color-secondary-base);
888
- --pgn-color-icon-button-bg-primary-inverse-active-focus: var(--pgn-color-icon-button-accent);
889
- --pgn-color-icon-button-bg-primary-inverse-active-hover: var(--pgn-color-icon-button-accent);
890
- --pgn-color-icon-button-bg-primary-inverse-active-base: var(--pgn-color-icon-button-accent);
891
- --pgn-color-icon-button-bg-primary-active-focus: var(--pgn-color-icon-button-text-primary-base);
892
- --pgn-color-icon-button-bg-primary-active-hover: var(--pgn-color-icon-button-text-primary-base);
893
- --pgn-color-icon-button-bg-primary-active-base: var(--pgn-color-icon-button-text-primary-base);
894
- --pgn-color-icon-button-bg-primary-inverse-hover: var(--pgn-color-icon-button-accent);
895
- --pgn-color-icon-button-bg-primary-hover: var(--pgn-color-icon-button-text-primary-base);
896
- --pgn-color-text-muted: var(--pgn-color-gray-500);
897
- --pgn-color-list-group-action-active-base: var(--pgn-color-body-base);
898
- --pgn-color-list-group-action-hover: var(--pgn-color-list-group-action-base);
899
- --pgn-color-list-group-active-base: var(--pgn-color-active);
900
- --pgn-color-list-group-bg-base: var(--pgn-color-bg-base);
901
- --pgn-color-link-brand-inline-base: var(--pgn-color-brand-500);
902
- --pgn-color-link-brand-base: var(--pgn-color-brand-500);
903
- --pgn-color-link-muted-inline-base: var(--pgn-color-primary-500);
904
- --pgn-color-link-muted-base: var(--pgn-color-primary-500);
905
- --pgn-color-body-bg: var(--pgn-color-bg-base);
906
- --pgn-color-form-feedback-invalid: var(--pgn-color-danger-base);
907
- --pgn-color-form-feedback-valid: var(--pgn-color-success-base);
908
- --pgn-color-form-control-file-button-bg: var(--pgn-color-form-input-group-addon-bg);
909
- --pgn-color-form-control-file-bg-disabled: var(--pgn-color-form-input-bg-disabled);
910
- --pgn-color-form-control-file-base: var(--pgn-color-form-input-base);
911
- --pgn-color-form-control-select-indicator-base: var(--pgn-color-theme-hover-gray);
912
- --pgn-color-form-control-select-base: var(--pgn-color-form-input-base);
913
- --pgn-color-form-control-switch-indicator-checked-bg: var(--pgn-color-success-base);
914
- --pgn-color-form-control-indicator-active-base: var(--pgn-color-active);
915
- --pgn-color-form-control-indicator-checked-invalid: var(--pgn-color-danger-base);
916
- --pgn-color-form-control-indicator-checked-valid: var(--pgn-color-success-base);
917
- --pgn-color-form-control-indicator-bg-disabled: var(--pgn-color-form-input-bg-disabled);
918
- --pgn-color-form-input-focus-base: var(--pgn-color-form-input-base);
919
- --pgn-color-form-input-group-addon-base: var(--pgn-color-form-input-base);
920
- --pgn-color-form-input-bg-base: var(--pgn-color-bg-base);
921
- --pgn-color-form-input-border: var(--pgn-color-gray-500);
922
- --pgn-color-form-input-plaintext: var(--pgn-color-body-base);
923
- --pgn-color-form-input-placeholder: var(--pgn-color-gray-500);
924
- --pgn-color-dropzone-border-base: var(--pgn-color-gray-500);
925
- --pgn-color-dropzone-restriction-msg: var(--pgn-color-gray-500);
926
- --pgn-color-dropdown-link-active-base: var(--pgn-color-active);
927
- --pgn-color-dropdown-link-hover-bg: var(--pgn-color-light-300);
928
- --pgn-color-dropdown-bg: var(--pgn-color-bg-base);
929
- --pgn-color-dropdown-header: var(--pgn-color-gray-500);
930
- --pgn-color-dropdown-text: var(--pgn-color-body-base);
931
- --pgn-color-data-table-bg-base: var(--pgn-color-bg-base);
932
- --pgn-color-chip-bg-dark: var(--pgn-color-dark-200);
933
- --pgn-color-chip-bg-light: var(--pgn-color-light-500);
934
- --pgn-color-card-divider-bg: var(--pgn-color-light-400);
935
- --pgn-color-card-border-focus-base: #0A305580;
936
- --pgn-color-card-bg-muted: var(--pgn-color-light-200);
937
- --pgn-color-card-bg-dark: var(--pgn-color-primary-500);
938
- --pgn-color-card-bg-base: var(--pgn-color-bg-base);
939
- --pgn-color-btn-disabled-border-inverse-outline-warning: var(--pgn-color-btn-border-inverse-outline-warning);
940
- --pgn-color-btn-disabled-border-inverse-outline-secondary: var(--pgn-color-btn-border-inverse-outline-secondary);
941
- --pgn-color-btn-disabled-border-outline-secondary: var(--pgn-color-secondary-base);
942
- --pgn-color-btn-disabled-border-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
943
- --pgn-color-btn-disabled-border-inverse-outline-light: var(--pgn-color-btn-border-inverse-outline-light);
944
- --pgn-color-btn-disabled-border-inverse-outline-info: var(--pgn-color-btn-border-inverse-outline-info);
945
- --pgn-color-btn-disabled-border-inverse-outline-dark: var(--pgn-color-btn-focus-border-inverse-outline-dark);
946
- --pgn-color-btn-disabled-border-inverse-outline-danger: var(--pgn-color-btn-border-inverse-outline-danger);
947
- --pgn-color-btn-disabled-border-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
948
- --pgn-color-btn-disabled-border-inverse-brand: var(--pgn-color-btn-disabled-bg-inverse-brand);
949
- --pgn-color-btn-disabled-border-outline-brand: var(--pgn-color-btn-border-outline-brand);
950
- --pgn-color-btn-disabled-bg-primary: var(--pgn-color-btn-bg-primary);
951
- --pgn-color-btn-disabled-bg-light: var(--pgn-color-btn-bg-light);
952
- --pgn-color-btn-disabled-bg-dark: var(--pgn-color-btn-bg-dark);
953
- --pgn-color-btn-disabled-bg-brand: var(--pgn-color-btn-bg-brand);
954
- --pgn-color-btn-disabled-text-inverse-outline-warning: var(--pgn-color-btn-text-inverse-outline-warning);
955
- --pgn-color-btn-disabled-text-inverse-warning: var(--pgn-color-warning-base);
956
- --pgn-color-btn-disabled-text-inverse-tertiary: var(--pgn-color-btn-text-inverse-tertiary);
957
- --pgn-color-btn-disabled-text-tertiary: var(--pgn-color-btn-text-tertiary);
958
- --pgn-color-btn-disabled-text-inverse-outline-success: var(--pgn-color-btn-text-inverse-outline-success);
959
- --pgn-color-btn-disabled-text-inverse-success: var(--pgn-color-success-base);
960
- --pgn-color-btn-disabled-text-inverse-outline-secondary: var(--pgn-color-btn-text-inverse-outline-secondary);
961
- --pgn-color-btn-disabled-text-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
962
- --pgn-color-btn-disabled-text-inverse-primary: var(--pgn-color-primary-500);
963
- --pgn-color-btn-disabled-text-inverse-outline-light: var(--pgn-color-btn-text-inverse-outline-light);
964
- --pgn-color-btn-disabled-text-inverse-light: var(--pgn-color-btn-text-inverse-light);
965
- --pgn-color-btn-disabled-text-inverse-outline-info: var(--pgn-color-btn-text-inverse-outline-info);
966
- --pgn-color-btn-disabled-text-inverse-info: var(--pgn-color-info-base);
967
- --pgn-color-btn-disabled-text-inverse-outline-dark: var(--pgn-color-btn-text-inverse-outline-dark);
968
- --pgn-color-btn-disabled-text-inverse-dark: var(--pgn-color-btn-text-inverse-dark);
969
- --pgn-color-btn-disabled-text-inverse-outline-danger: var(--pgn-color-btn-text-inverse-outline-danger);
970
- --pgn-color-btn-disabled-text-inverse-danger: var(--pgn-color-danger-base);
971
- --pgn-color-btn-disabled-text-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
972
- --pgn-color-btn-disabled-text-inverse-brand: var(--pgn-color-brand-500);
973
- --pgn-color-btn-focus-outline-inverse-success: var(--pgn-color-btn-focus-border-inverse-success);
974
- --pgn-color-btn-focus-outline-inverse-outline-secondary: var(--pgn-color-btn-border-inverse-outline-secondary);
975
- --pgn-color-btn-focus-outline-inverse-outline-primary: var(--pgn-color-btn-border-inverse-outline-primary);
976
- --pgn-color-btn-focus-outline-inverse-primary: var(--pgn-color-btn-focus-border-inverse-primary);
977
- --pgn-color-btn-focus-outline-light: var(--pgn-color-primary-300);
978
- --pgn-color-btn-focus-outline-inverse-info: var(--pgn-color-btn-focus-border-inverse-info);
979
- --pgn-color-btn-focus-outline-inverse-outline-dark: var(--pgn-color-btn-focus-border-inverse-outline-dark);
980
- --pgn-color-btn-focus-outline-inverse-dark: var(--pgn-color-btn-focus-border-inverse-dark);
981
- --pgn-color-btn-focus-outline-inverse-outline-danger: var(--pgn-color-btn-focus-border-inverse-danger);
982
- --pgn-color-btn-focus-outline-inverse-danger: var(--pgn-color-btn-focus-border-inverse-danger);
983
- --pgn-color-btn-focus-outline-inverse-brand: var(--pgn-color-btn-focus-border-inverse-brand);
984
- --pgn-color-btn-focus-bg-primary: var(--pgn-color-btn-bg-primary);
985
- --pgn-color-btn-focus-bg-light: var(--pgn-color-btn-bg-light);
986
- --pgn-color-btn-focus-bg-dark: var(--pgn-color-btn-bg-dark);
987
- --pgn-color-btn-focus-bg-brand: var(--pgn-color-btn-bg-brand);
988
- --pgn-color-btn-focus-border-inverse-outline-warning: var(--pgn-color-btn-border-inverse-outline-warning);
989
- --pgn-color-btn-focus-border-inverse-outline-success: var(--pgn-color-btn-border-inverse-outline-success);
990
- --pgn-color-btn-focus-border-inverse-outline-primary: var(--pgn-color-btn-border-inverse-outline-primary);
991
- --pgn-color-btn-focus-border-outline-primary: var(--pgn-color-btn-border-outline-primary);
992
- --pgn-color-btn-focus-border-inverse-outline-light: var(--pgn-color-btn-border-inverse-outline-light);
993
- --pgn-color-btn-focus-border-outline-light: var(--pgn-color-btn-border-outline-light);
994
- --pgn-color-btn-focus-border-inverse-outline-info: var(--pgn-color-btn-border-inverse-outline-info);
995
- --pgn-color-btn-focus-border-outline-dark: var(--pgn-color-btn-border-outline-dark);
996
- --pgn-color-btn-focus-border-inverse-outline-brand: var(--pgn-color-btn-border-inverse-outline-brand);
997
- --pgn-color-btn-focus-border-outline-brand: var(--pgn-color-btn-border-outline-brand);
998
- --pgn-color-btn-focus-text-inverse-outline-warning: var(--pgn-color-btn-text-inverse-outline-warning);
999
- --pgn-color-btn-focus-text-inverse-tertiary: var(--pgn-color-btn-text-inverse-tertiary);
1000
- --pgn-color-btn-focus-text-tertiary: var(--pgn-color-btn-text-tertiary);
1001
- --pgn-color-btn-focus-text-inverse-outline-success: var(--pgn-color-btn-text-inverse-outline-success);
1002
- --pgn-color-btn-focus-text-inverse-outline-secondary: var(--pgn-color-btn-text-inverse-outline-secondary);
1003
- --pgn-color-btn-focus-text-inverse-outline-primary: var(--pgn-color-btn-text-inverse-outline-primary);
1004
- --pgn-color-btn-focus-text-inverse-primary: var(--pgn-color-btn-text-inverse-primary);
1005
- --pgn-color-btn-focus-text-outline-primary: var(--pgn-color-btn-text-outline-primary);
1006
- --pgn-color-btn-focus-text-inverse-outline-light: var(--pgn-color-btn-text-inverse-outline-light);
1007
- --pgn-color-btn-focus-text-inverse-light: var(--pgn-color-btn-text-inverse-light);
1008
- --pgn-color-btn-focus-text-outline-light: var(--pgn-color-btn-text-outline-light);
1009
- --pgn-color-btn-focus-text-inverse-outline-info: var(--pgn-color-btn-text-inverse-outline-info);
1010
- --pgn-color-btn-focus-text-inverse-outline-dark: var(--pgn-color-btn-text-inverse-outline-dark);
1011
- --pgn-color-btn-focus-text-inverse-dark: var(--pgn-color-btn-text-inverse-dark);
1012
- --pgn-color-btn-focus-text-inverse-outline-danger: var(--pgn-color-btn-text-inverse-outline-danger);
1013
- --pgn-color-btn-focus-text-inverse-outline-brand: var(--pgn-color-btn-text-inverse-outline-brand);
1014
- --pgn-color-btn-focus-text-outline-brand: var(--pgn-color-btn-text-outline-brand);
1015
- --pgn-color-btn-focus-text-inverse-brand: var(--pgn-color-btn-text-inverse-brand);
1016
- --pgn-color-btn-active-bg-inverse-tertiary: var(--pgn-color-btn-hover-bg-inverse-tertiary);
1017
- --pgn-color-btn-active-bg-tertiary: var(--pgn-color-light-500);
1018
- --pgn-color-btn-active-text-inverse-primary: #051627FF;
1019
- --pgn-color-btn-active-text-inverse-light: #CAC3BFFF;
1020
- --pgn-color-btn-active-text-inverse-dark: #142018FF;
1021
- --pgn-color-btn-active-text-inverse-brand: #6A0039FF;
1022
- --pgn-color-btn-hover-border-outline-primary: var(--pgn-color-primary-900);
1023
- --pgn-color-btn-hover-border-outline-light: var(--pgn-color-light-900);
1024
- --pgn-color-btn-hover-border-outline-dark: var(--pgn-color-dark-900);
1025
- --pgn-color-btn-hover-border-outline-brand: var(--pgn-color-brand-900);
1026
- --pgn-color-btn-hover-bg-tertiary: var(--pgn-color-light-500);
1027
- --pgn-color-btn-hover-bg-inverse-outline-primary: var(--pgn-color-primary-100);
1028
- --pgn-color-btn-hover-bg-outline-primary: var(--pgn-color-primary-100);
1029
- --pgn-color-btn-hover-bg-inverse-outline-light: var(--pgn-color-light-100);
1030
- --pgn-color-btn-hover-bg-outline-light: var(--pgn-color-light-100);
1031
- --pgn-color-btn-hover-bg-inverse-outline-dark: var(--pgn-color-dark-100);
1032
- --pgn-color-btn-hover-bg-outline-dark: var(--pgn-color-dark-100);
1033
- --pgn-color-btn-hover-bg-inverse-outline-brand: var(--pgn-color-brand-100);
1034
- --pgn-color-btn-hover-bg-outline-brand: var(--pgn-color-brand-100);
1035
- --pgn-color-btn-hover-text-inverse-primary: #061D33FF;
1036
- --pgn-color-btn-hover-text-inverse-light: #D0C9C6FF;
1037
- --pgn-color-btn-hover-text-inverse-dark: #18271DFF;
1038
- --pgn-color-btn-hover-text-inverse-brand: #770040FF;
1039
- --pgn-color-btn-border-outline-warning: var(--pgn-color-warning-base);
1040
- --pgn-color-btn-border-outline-success: var(--pgn-color-success-base);
1041
- --pgn-color-btn-border-outline-secondary: var(--pgn-color-secondary-base);
1042
- --pgn-color-btn-border-primary: var(--pgn-color-btn-bg-primary);
1043
- --pgn-color-btn-border-light: var(--pgn-color-btn-bg-light);
1044
- --pgn-color-btn-border-outline-info: var(--pgn-color-info-base);
1045
- --pgn-color-btn-border-dark: var(--pgn-color-btn-bg-dark);
1046
- --pgn-color-btn-border-outline-danger: var(--pgn-color-danger-base);
1047
- --pgn-color-btn-border-brand: var(--pgn-color-btn-bg-brand);
1048
- --pgn-color-btn-bg-warning: var(--pgn-color-warning-base);
1049
- --pgn-color-btn-bg-success: var(--pgn-color-success-base);
1050
- --pgn-color-btn-bg-secondary: var(--pgn-color-secondary-base);
1051
- --pgn-color-btn-bg-inverse-primary: #FFFFFFFF;
1052
- --pgn-color-btn-bg-inverse-light: #454545FF;
1053
- --pgn-color-btn-bg-info: var(--pgn-color-info-base);
1054
- --pgn-color-btn-bg-inverse-dark: #FFFFFFFF;
1055
- --pgn-color-btn-bg-danger: var(--pgn-color-danger-base);
1056
- --pgn-color-btn-bg-inverse-brand: #FFFFFFFF;
1057
- --pgn-color-btn-text-inverse-warning: var(--pgn-color-warning-base);
1058
- --pgn-color-btn-text-outline-warning: var(--pgn-color-warning-base);
1059
- --pgn-color-btn-text-inverse-success: var(--pgn-color-success-base);
1060
- --pgn-color-btn-text-outline-success: var(--pgn-color-success-base);
1061
- --pgn-color-btn-text-inverse-secondary: var(--pgn-color-secondary-base);
1062
- --pgn-color-btn-text-outline-secondary: var(--pgn-color-secondary-base);
1063
- --pgn-color-btn-text-primary: #FFFFFFFF;
1064
- --pgn-color-btn-text-light: #454545FF;
1065
- --pgn-color-btn-text-inverse-info: var(--pgn-color-info-base);
1066
- --pgn-color-btn-text-outline-info: var(--pgn-color-info-base);
1067
- --pgn-color-btn-text-dark: #FFFFFFFF;
1068
- --pgn-color-btn-text-inverse-danger: var(--pgn-color-danger-base);
1069
- --pgn-color-btn-text-outline-danger: var(--pgn-color-danger-base);
1070
- --pgn-color-btn-text-brand: #FFFFFFFF;
1071
- --pgn-color-bubble-bg-error: var(--pgn-color-danger-base);
1072
- --pgn-color-bubble-bg-warning: var(--pgn-color-warning-base);
1073
- --pgn-color-bubble-bg-success: var(--pgn-color-success-base);
1074
- --pgn-color-breadcrumb-inverse-spacer: var(--pgn-color-light-700);
1075
- --pgn-color-breadcrumb-inverse-active: var(--pgn-color-light-500);
1076
- --pgn-color-breadcrumb-active: var(--pgn-color-gray-500);
1077
- --pgn-color-breadcrumb-base: var(--pgn-color-primary-500);
1078
- --pgn-color-badge-focus-box-shadow-dark: #273F2F0D;
1079
- --pgn-color-badge-focus-box-shadow-light: #E1DDDB0D;
1080
- --pgn-color-badge-focus-box-shadow-primary: #0A30550D;
1081
- --pgn-color-badge-focus-bg-dark: #142018FF;
1082
- --pgn-color-badge-focus-bg-light: #CAC3BFFF;
1083
- --pgn-color-badge-focus-bg-primary: #051627FF;
1084
- --pgn-color-badge-focus-dark: var(--pgn-color-badge-text-dark);
1085
- --pgn-color-badge-focus-light: var(--pgn-color-badge-text-light);
1086
- --pgn-color-badge-focus-primary: var(--pgn-color-badge-text-primary);
1087
- --pgn-color-badge-bg-info: var(--pgn-color-info-base);
1088
- --pgn-color-badge-bg-danger: var(--pgn-color-danger-base);
1089
- --pgn-color-badge-bg-warning: var(--pgn-color-warning-base);
1090
- --pgn-color-badge-bg-success: var(--pgn-color-success-base);
1091
- --pgn-color-badge-bg-secondary: var(--pgn-color-secondary-base);
1092
- --pgn-color-badge-text-info: #FFFFFFFF;
1093
- --pgn-color-badge-text-warning: #454545FF;
1094
- --pgn-color-badge-text-danger: #FFFFFFFF;
1095
- --pgn-color-badge-text-success: #FFFFFFFF;
1096
- --pgn-color-badge-text-secondary: #FFFFFFFF;
1097
- --pgn-color-avatar-border: var(--pgn-color-light-300);
1098
- --pgn-color-annotation-bg-error: var(--pgn-color-danger-base);
1099
- --pgn-color-annotation-bg-success: var(--pgn-color-success-base);
1100
- --pgn-color-annotation-text-light: var(--pgn-color-primary-500);
1101
- --pgn-color-theme-active-dark: var(--pgn-color-dark-900);
1102
- --pgn-color-theme-active-light: var(--pgn-color-light-900);
1103
- --pgn-color-theme-active-brand: var(--pgn-color-brand-900);
1104
- --pgn-color-theme-active-primary: var(--pgn-color-primary-900);
1105
- --pgn-color-theme-hover-dark: var(--pgn-color-dark-700);
1106
- --pgn-color-theme-hover-light: var(--pgn-color-light-700);
1107
- --pgn-color-theme-hover-brand: var(--pgn-color-brand-700);
1108
- --pgn-color-theme-hover-primary: var(--pgn-color-primary-700);
1109
- --pgn-color-theme-default-gray: var(--pgn-color-gray-500);
1110
- --pgn-color-theme-default-dark: var(--pgn-color-dark-500);
1111
- --pgn-color-theme-default-light: var(--pgn-color-light-500);
1112
- --pgn-color-theme-default-brand: var(--pgn-color-brand-500);
1113
- --pgn-color-theme-default-primary: var(--pgn-color-primary-500);
1114
- --pgn-color-theme-focus-gray: var(--pgn-color-gray-500);
1115
- --pgn-color-theme-focus-dark: var(--pgn-color-dark-500);
1116
- --pgn-color-theme-focus-light: var(--pgn-color-light-500);
1117
- --pgn-color-theme-focus-brand: var(--pgn-color-brand-500);
1118
- --pgn-color-theme-focus-primary: var(--pgn-color-primary-500);
1119
- --pgn-color-theme-border-dark: var(--pgn-color-dark-200);
1120
- --pgn-color-theme-border-light: var(--pgn-color-light-200);
1121
- --pgn-color-theme-border-brand: var(--pgn-color-brand-200);
1122
- --pgn-color-theme-border-primary: var(--pgn-color-primary-200);
1123
- --pgn-color-theme-bg-dark: var(--pgn-color-dark-100);
1124
- --pgn-color-theme-bg-light: var(--pgn-color-light-100);
1125
- --pgn-color-theme-bg-brand: var(--pgn-color-brand-100);
1126
- --pgn-color-theme-bg-primary: var(--pgn-color-primary-100);
1127
- --pgn-color-table-border: var(--pgn-color-border);
1128
- --pgn-color-input-focus: var(--pgn-color-primary-500);
1129
- --pgn-color-disabled: var(--pgn-color-gray-500);
1130
- --pgn-color-bg-active: var(--pgn-color-primary-500);
1131
- --pgn-elevation-pagination-focus-box-shadow: var(--pgn-elevation-input-btn-focus-box-shadow);
1132
- --pgn-elevation-form-control-select-border-focus: var(--pgn-elevation-input-btn-focus-box-shadow);
1133
- --pgn-elevation-dropzone-active: inset 0 0 0 2px var(--pgn-color-primary-500);
1134
- --pgn-border-color-nav-tabs-link-border-focus: var(--pgn-color-nav-tabs-base-link-active-text);
1135
- --pgn-border-color-nav-tabs-link-border-hover: transparent transparent var(--pgn-color-nav-tabs-base-border-base);
1136
- --pgn-color-action-default-danger-900: #60161DFF;
1137
- --pgn-color-action-default-danger-800: #691820FF;
1138
- --pgn-color-action-default-danger-700: #731A22FF;
1139
- --pgn-color-action-default-danger-600: #871F28FF;
1140
- --pgn-color-action-default-danger-500: #9A232EFF;
1141
- --pgn-color-action-default-danger-400: #C73A46FF;
1142
- --pgn-color-action-default-danger-300: #D66E78FF;
1143
- --pgn-color-action-default-danger-200: #E5A3A9FF;
1144
- --pgn-color-action-default-danger-100: #EFCBCFFF;
1145
- --pgn-color-action-default-warning-900: #806D00FF;
1146
- --pgn-color-action-default-warning-800: #8C7700FF;
1147
- --pgn-color-action-default-warning-700: #998300FF;
1148
- --pgn-color-action-default-warning-600: #B39800FF;
1149
- --pgn-color-action-default-warning-500: #CCAE00FF;
1150
- --pgn-color-action-default-warning-400: #FFDC0DFF;
1151
- --pgn-color-action-default-warning-300: #FFE44DFF;
1152
- --pgn-color-action-default-warning-200: #FFEF8CFF;
1153
- --pgn-color-action-default-warning-100: #FFF6BDFF;
1154
- --pgn-color-action-default-info-900: #002B44FF;
1155
- --pgn-color-action-default-info-800: #00314DFF;
1156
- --pgn-color-action-default-info-700: #003655FF;
1157
- --pgn-color-action-default-info-600: #004166FF;
1158
- --pgn-color-action-default-info-500: #004C77FF;
1159
- --pgn-color-action-default-info-400: #337599FF;
1160
- --pgn-color-action-default-info-300: #5AA0C8FF;
1161
- --pgn-color-action-default-info-200: #99C5DDFF;
1162
- --pgn-color-action-default-info-100: #CADFEDFF;
1163
- --pgn-color-action-default-success-900: #08301EFF;
1164
- --pgn-color-action-default-success-800: #093723FF;
1165
- --pgn-color-action-default-success-700: #0A3D26FF;
1166
- --pgn-color-action-default-success-600: #0D4A2FFF;
1167
- --pgn-color-action-default-success-500: #0F5737FF;
1168
- --pgn-color-action-default-success-400: #407F63FF;
1169
- --pgn-color-action-default-success-300: #6AAF90FF;
1170
- --pgn-color-action-default-success-200: #A4CEBBFF;
1171
- --pgn-color-action-default-success-100: #CFE7DDFF;
1172
- --pgn-color-action-default-secondary-900: #161616FF;
1173
- --pgn-color-action-default-secondary-800: #1A1A1AFF;
1174
- --pgn-color-action-default-secondary-700: #1E1E1EFF;
1175
- --pgn-color-action-default-secondary-600: #252525FF;
1176
- --pgn-color-action-default-secondary-500: #2B2B2BFF;
1177
- --pgn-color-action-default-secondary-400: #5A5A5AFF;
1178
- --pgn-color-action-default-secondary-300: #898989FF;
1179
- --pgn-color-action-default-secondary-200: #B8B8B8FF;
1180
- --pgn-color-action-default-secondary-100: #DBDBDBFF;
1181
- --pgn-color-tab-inverse-pills-link-dropdown-toggle-text-active: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-text-focus);
1182
- --pgn-color-tab-more-link-dropdown-toggle-border-focus: var(--pgn-color-tab-more-link-dropdown-toggle-bg-focus);
1183
- --pgn-color-tab-more-link-dropdown-toggle-text-hover: var(--pgn-color-tab-more-link-dropdown-toggle-bg-focus);
1184
- --pgn-color-tab-more-link-dropdown-toggle-btn-border-focus: var(--pgn-color-tab-more-link-dropdown-toggle-bg-focus);
1185
- --pgn-color-stepper-header-step-description-error: var(--pgn-color-stepper-header-step-bubble-error);
1186
- --pgn-color-product-tour-checkpoint-arrow-border-top: var(--pgn-color-product-tour-checkpoint-bg);
1187
- --pgn-color-popover-danger-icon: var(--pgn-color-danger-500);
1188
- --pgn-color-popover-danger-bg: var(--pgn-color-danger-100);
1189
- --pgn-color-popover-warning-icon: var(--pgn-color-warning-500);
1190
- --pgn-color-popover-warning-bg: var(--pgn-color-warning-100);
1191
- --pgn-color-popover-success-icon: var(--pgn-color-success-500);
1192
- --pgn-color-popover-success-bg: var(--pgn-color-success-100);
1193
- --pgn-color-popover-arrow-base: var(--pgn-color-popover-bg);
1194
- --pgn-color-pagination-bg-active: var(--pgn-color-bg-active);
1195
- --pgn-color-pagination-text-disabled: var(--pgn-color-disabled);
1196
- --pgn-color-page-banner-bg-warning: var(--pgn-color-warning-100);
1197
- --pgn-color-navbar-dark-brand-hover: var(--pgn-color-navbar-dark-active);
1198
- --pgn-color-navbar-dark-brand-text: var(--pgn-color-navbar-dark-active);
1199
- --pgn-color-nav-pills-inverse-link-bg-active-hover: var(--pgn-color-nav-pills-inverse-link-border-base);
1200
- --pgn-color-nav-pills-inverse-link-bg-hover: var(--pgn-color-nav-pills-inverse-link-border-base);
1201
- --pgn-color-nav-pills-inverse-link-border-active-hover: var(--pgn-color-nav-pills-inverse-link-border-base);
1202
- --pgn-color-nav-pills-inverse-link-text-active-focus: var(--pgn-color-nav-pills-inverse-link-text-active);
1203
- --pgn-color-nav-pills-base-link-border: var(--pgn-color-nav-tabs-base-border-base);
1204
- --pgn-color-nav-pills-base-link-active-bg: var(--pgn-color-bg-active);
1205
- --pgn-color-nav-tabs-inverse-link-bg-hover: var(--pgn-color-nav-tabs-inverse-link-border-bottom);
1206
- --pgn-color-menu-item-focus-bg: var(--pgn-color-btn-active-bg-tertiary);
1207
- --pgn-color-menu-item-hover-bg: var(--pgn-color-btn-hover-bg-tertiary);
1208
- --pgn-color-image-thumbnail-bg: var(--pgn-color-body-bg);
1209
- --pgn-color-icon-button-text-danger-inverse-active-focus: var(--pgn-color-icon-button-text-danger-inverse-active-base);
1210
- --pgn-color-icon-button-text-danger-inverse-active-hover: var(--pgn-color-icon-button-text-danger-inverse-active-base);
1211
- --pgn-color-icon-button-text-danger-focus: var(--pgn-color-icon-button-text-danger-base);
1212
- --pgn-color-icon-button-text-warning-inverse-active-focus: var(--pgn-color-icon-button-text-warning-inverse-active-base);
1213
- --pgn-color-icon-button-text-warning-inverse-active-hover: var(--pgn-color-icon-button-text-warning-inverse-active-base);
1214
- --pgn-color-icon-button-text-warning-focus: var(--pgn-color-icon-button-text-warning-base);
1215
- --pgn-color-icon-button-text-success-inverse-active-focus: var(--pgn-color-icon-button-text-success-inverse-active-base);
1216
- --pgn-color-icon-button-text-success-inverse-active-hover: var(--pgn-color-icon-button-text-success-inverse-active-base);
1217
- --pgn-color-icon-button-text-success-focus: var(--pgn-color-icon-button-text-success-base);
1218
- --pgn-color-icon-button-text-secondary-inverse-active-focus: var(--pgn-color-icon-button-text-secondary-inverse-active-base);
1219
- --pgn-color-icon-button-text-secondary-inverse-active-hover: var(--pgn-color-icon-button-text-secondary-inverse-active-base);
1220
- --pgn-color-icon-button-text-secondary-focus: var(--pgn-color-icon-button-text-secondary-base);
1221
- --pgn-color-icon-button-bg-danger-active-focus: var(--pgn-color-icon-button-bg-danger-active-base);
1222
- --pgn-color-icon-button-bg-danger-active-hover: var(--pgn-color-icon-button-bg-danger-active-base);
1223
- --pgn-color-icon-button-bg-warning-active-focus: var(--pgn-color-icon-button-bg-warning-active-base);
1224
- --pgn-color-icon-button-bg-warning-active-hover: var(--pgn-color-icon-button-bg-warning-active-base);
1225
- --pgn-color-icon-button-bg-success-active-focus: var(--pgn-color-icon-button-bg-success-active-base);
1226
- --pgn-color-icon-button-bg-success-active-hover: var(--pgn-color-icon-button-bg-success-active-base);
1227
- --pgn-color-icon-button-bg-secondary-active-focus: var(--pgn-color-icon-button-bg-secondary-active-base);
1228
- --pgn-color-icon-button-bg-secondary-active-hover: var(--pgn-color-icon-button-bg-secondary-active-base);
1229
- --pgn-color-list-group-disabled-bg: var(--pgn-color-list-group-bg-base);
1230
- --pgn-color-list-group-active-bg: var(--pgn-color-bg-active);
1231
- --pgn-color-link-brand-inline-hover-base: #51002BFF;
1232
- --pgn-color-link-brand-inline-decoration: #9D00544D;
1233
- --pgn-color-link-brand-hover: #51002BFF;
1234
- --pgn-color-link-muted-inline-hover-base: #020911FF;
1235
- --pgn-color-link-muted-inline-decoration: #0A30554D;
1236
- --pgn-color-link-muted-hover: #020911FF;
1237
- --pgn-color-link-inline-base: var(--pgn-color-info-500);
1238
- --pgn-color-link-base: var(--pgn-color-info-500);
1239
- --pgn-color-form-feedback-checked-invalid: #D64D59FF;
1240
- --pgn-color-form-feedback-checked-valid: #1FAD6FFF;
1241
- --pgn-color-form-feedback-tooltip-box-shadow-focus-invalid: #C32D3A40;
1242
- --pgn-color-form-feedback-tooltip-box-shadow-focus-valid: #17825340;
1243
- --pgn-color-form-feedback-tooltip-bg-invalid: #C32D3AE6;
1244
- --pgn-color-form-feedback-tooltip-bg-valid: #178253E6;
1245
- --pgn-color-form-feedback-tooltip-valid: #FFFFFFFF;
1246
- --pgn-color-form-feedback-icon-invalid: var(--pgn-color-form-feedback-invalid);
1247
- --pgn-color-form-feedback-icon-valid: var(--pgn-color-form-feedback-valid);
1248
- --pgn-color-form-control-file-border-base: var(--pgn-color-form-input-border);
1249
- --pgn-color-form-control-file-button-base: var(--pgn-color-form-control-file-base);
1250
- --pgn-color-form-control-file-bg-base: var(--pgn-color-form-input-bg-base);
1251
- --pgn-color-form-control-range-thumb-bg-active: #000000FF;
1252
- --pgn-color-form-control-range-thumb-bg-disabled: var(--pgn-color-disabled);
1253
- --pgn-color-form-control-range-thumb-bg-base: var(--pgn-color-bg-active);
1254
- --pgn-color-form-control-select-border-base: var(--pgn-color-form-input-border);
1255
- --pgn-color-form-control-select-bg-base: var(--pgn-color-form-input-bg-base);
1256
- --pgn-color-form-control-select-disabled: var(--pgn-color-disabled);
1257
- --pgn-color-form-control-checkbox-indicator-indeterminate-bg: var(--pgn-color-bg-active);
1258
- --pgn-color-form-control-label-floating-text: #FFFFFF1A;
1259
- --pgn-color-form-control-label-disabled: var(--pgn-color-disabled);
1260
- --pgn-color-form-control-indicator-active-bg: var(--pgn-color-bg-active);
1261
- --pgn-color-form-control-indicator-checked-bg-base: var(--pgn-color-bg-active);
1262
- --pgn-color-form-control-indicator-checked-base: var(--pgn-color-bg-active);
1263
- --pgn-color-form-control-indicator-bg-base: var(--pgn-color-form-input-bg-base);
1264
- --pgn-color-form-input-focus-bg: var(--pgn-color-form-input-bg-base);
1265
- --pgn-color-form-input-focus-border: var(--pgn-color-input-focus);
1266
- --pgn-color-form-input-group-addon-border: var(--pgn-color-form-input-border);
1267
- --pgn-color-dropzone-error-wrapper: var(--pgn-color-danger-500);
1268
- --pgn-color-dropdown-link-disabled: var(--pgn-color-disabled);
1269
- --pgn-color-dropdown-link-active-bg: var(--pgn-color-bg-active);
1270
- --pgn-color-card-border-focus-dark: var(--pgn-color-theme-focus-primary);
1271
- --pgn-color-btn-disabled-link: var(--pgn-color-disabled);
1272
- --pgn-color-btn-disabled-border-outline-warning: var(--pgn-color-btn-border-outline-warning);
1273
- --pgn-color-btn-disabled-border-outline-success: var(--pgn-color-btn-border-outline-success);
1274
- --pgn-color-btn-disabled-border-primary: var(--pgn-color-btn-border-primary);
1275
- --pgn-color-btn-disabled-border-light: var(--pgn-color-btn-border-light);
1276
- --pgn-color-btn-disabled-border-outline-info: var(--pgn-color-btn-border-outline-info);
1277
- --pgn-color-btn-disabled-border-info: var(--pgn-color-btn-bg-info);
1278
- --pgn-color-btn-disabled-border-dark: var(--pgn-color-btn-border-dark);
1279
- --pgn-color-btn-disabled-border-outline-danger: var(--pgn-color-btn-border-outline-danger);
1280
- --pgn-color-btn-disabled-border-brand: var(--pgn-color-btn-border-brand);
1281
- --pgn-color-btn-disabled-bg-warning: var(--pgn-color-btn-bg-warning);
1282
- --pgn-color-btn-disabled-bg-success: var(--pgn-color-btn-bg-success);
1283
- --pgn-color-btn-disabled-bg-secondary: var(--pgn-color-btn-bg-secondary);
1284
- --pgn-color-btn-disabled-bg-info: var(--pgn-color-btn-bg-info);
1285
- --pgn-color-btn-disabled-bg-danger: var(--pgn-color-btn-bg-danger);
1286
- --pgn-color-btn-disabled-text-outline-warning: var(--pgn-color-btn-text-outline-warning);
1287
- --pgn-color-btn-disabled-text-outline-success: var(--pgn-color-btn-text-outline-success);
1288
- --pgn-color-btn-disabled-text-primary: var(--pgn-color-btn-text-primary);
1289
- --pgn-color-btn-disabled-text-light: var(--pgn-color-btn-text-light);
1290
- --pgn-color-btn-disabled-text-outline-info: var(--pgn-color-btn-text-outline-info);
1291
- --pgn-color-btn-disabled-text-dark: var(--pgn-color-btn-text-dark);
1292
- --pgn-color-btn-disabled-text-brand: var(--pgn-color-btn-text-brand);
1293
- --pgn-color-btn-focus-outline-tertiary: var(--pgn-color-theme-focus-primary);
1294
- --pgn-color-btn-focus-outline-inverse-outline-success: var(--pgn-color-btn-focus-border-inverse-outline-success);
1295
- --pgn-color-btn-focus-outline-outline-primary: var(--pgn-color-theme-focus-primary);
1296
- --pgn-color-btn-focus-outline-primary: var(--pgn-color-theme-focus-primary);
1297
- --pgn-color-btn-focus-outline-inverse-outline-light: var(--pgn-color-btn-focus-border-inverse-outline-light);
1298
- --pgn-color-btn-focus-outline-outline-light: var(--pgn-color-theme-focus-light);
1299
- --pgn-color-btn-focus-outline-inverse-outline-info: var(--pgn-color-btn-focus-border-inverse-outline-info);
1300
- --pgn-color-btn-focus-outline-outline-dark: var(--pgn-color-theme-focus-dark);
1301
- --pgn-color-btn-focus-outline-dark: var(--pgn-color-theme-focus-dark);
1302
- --pgn-color-btn-focus-outline-inverse-outline-brand: var(--pgn-color-btn-focus-border-inverse-outline-brand);
1303
- --pgn-color-btn-focus-outline-outline-brand: var(--pgn-color-theme-focus-brand);
1304
- --pgn-color-btn-focus-outline-brand: var(--pgn-color-theme-focus-brand);
1305
- --pgn-color-btn-focus-bg-warning: var(--pgn-color-btn-bg-warning);
1306
- --pgn-color-btn-focus-bg-success: var(--pgn-color-btn-bg-success);
1307
- --pgn-color-btn-focus-bg-secondary: var(--pgn-color-btn-bg-secondary);
1308
- --pgn-color-btn-focus-bg-inverse-primary: var(--pgn-color-btn-bg-inverse-primary);
1309
- --pgn-color-btn-focus-bg-inverse-light: var(--pgn-color-btn-bg-inverse-light);
1310
- --pgn-color-btn-focus-bg-info: var(--pgn-color-btn-bg-info);
1311
- --pgn-color-btn-focus-bg-inverse-dark: var(--pgn-color-btn-bg-inverse-dark);
1312
- --pgn-color-btn-focus-bg-danger: var(--pgn-color-btn-bg-danger);
1313
- --pgn-color-btn-focus-bg-inverse-brand: var(--pgn-color-btn-bg-inverse-brand);
1314
- --pgn-color-btn-focus-border-outline-warning: var(--pgn-color-btn-border-outline-warning);
1315
- --pgn-color-btn-focus-border-outline-success: var(--pgn-color-btn-border-outline-success);
1316
- --pgn-color-btn-focus-border-outline-secondary: var(--pgn-color-btn-border-outline-secondary);
1317
- --pgn-color-btn-focus-border-secondary: var(--pgn-color-btn-bg-secondary);
1318
- --pgn-color-btn-focus-border-primary: var(--pgn-color-btn-border-primary);
1319
- --pgn-color-btn-focus-border-light: var(--pgn-color-btn-border-light);
1320
- --pgn-color-btn-focus-border-outline-info: var(--pgn-color-btn-border-outline-info);
1321
- --pgn-color-btn-focus-border-dark: var(--pgn-color-btn-focus-bg-dark);
1322
- --pgn-color-btn-focus-border-outline-danger: var(--pgn-color-btn-border-outline-danger);
1323
- --pgn-color-btn-focus-border-brand: var(--pgn-color-btn-border-brand);
1324
- --pgn-color-btn-focus-text-inverse-warning: var(--pgn-color-btn-text-inverse-warning);
1325
- --pgn-color-btn-focus-text-outline-warning: var(--pgn-color-btn-text-outline-warning);
1326
- --pgn-color-btn-focus-text-inverse-success: var(--pgn-color-btn-text-inverse-success);
1327
- --pgn-color-btn-focus-text-outline-success: var(--pgn-color-btn-text-outline-success);
1328
- --pgn-color-btn-focus-text-outline-secondary: var(--pgn-color-btn-text-outline-secondary);
1329
- --pgn-color-btn-focus-text-primary: var(--pgn-color-btn-text-primary);
1330
- --pgn-color-btn-focus-text-light: var(--pgn-color-btn-text-light);
1331
- --pgn-color-btn-focus-text-inverse-info: var(--pgn-color-btn-text-inverse-info);
1332
- --pgn-color-btn-focus-text-outline-info: var(--pgn-color-btn-text-outline-info);
1333
- --pgn-color-btn-focus-text-dark: var(--pgn-color-btn-text-dark);
1334
- --pgn-color-btn-focus-text-outline-danger: var(--pgn-color-btn-text-outline-danger);
1335
- --pgn-color-btn-focus-text-inverse-danger: var(--pgn-color-btn-text-inverse-danger);
1336
- --pgn-color-btn-focus-text-brand: var(--pgn-color-btn-text-brand);
1337
- --pgn-color-btn-active-border-outline-primary: var(--pgn-color-theme-active-primary);
1338
- --pgn-color-btn-active-border-primary: var(--pgn-color-theme-active-primary);
1339
- --pgn-color-btn-active-border-outline-light: var(--pgn-color-theme-active-light);
1340
- --pgn-color-btn-active-border-light: var(--pgn-color-theme-active-light);
1341
- --pgn-color-btn-active-border-outline-dark: var(--pgn-color-theme-active-dark);
1342
- --pgn-color-btn-active-border-dark: var(--pgn-color-theme-active-dark);
1343
- --pgn-color-btn-active-border-outline-brand: var(--pgn-color-theme-active-brand);
1344
- --pgn-color-btn-active-border-brand: var(--pgn-color-theme-active-brand);
1345
- --pgn-color-btn-active-bg-inverse-outline-primary: var(--pgn-color-theme-bg-primary);
1346
- --pgn-color-btn-active-bg-outline-primary: var(--pgn-color-theme-bg-primary);
1347
- --pgn-color-btn-active-bg-primary: var(--pgn-color-theme-active-primary);
1348
- --pgn-color-btn-active-bg-inverse-outline-light: var(--pgn-color-theme-bg-light);
1349
- --pgn-color-btn-active-bg-outline-light: var(--pgn-color-theme-bg-light);
1350
- --pgn-color-btn-active-bg-light: var(--pgn-color-theme-active-light);
1351
- --pgn-color-btn-active-bg-inverse-outline-dark: var(--pgn-color-theme-bg-dark);
1352
- --pgn-color-btn-active-bg-outline-dark: var(--pgn-color-theme-bg-dark);
1353
- --pgn-color-btn-active-bg-dark: var(--pgn-color-theme-active-dark);
1354
- --pgn-color-btn-active-bg-inverse-outline-brand: var(--pgn-color-theme-bg-brand);
1355
- --pgn-color-btn-active-bg-outline-brand: var(--pgn-color-theme-bg-brand);
1356
- --pgn-color-btn-active-bg-brand: var(--pgn-color-theme-active-brand);
1357
- --pgn-color-btn-active-text-inverse-warning: #CCAE00FF;
1358
- --pgn-color-btn-active-text-inverse-success: #0F5737FF;
1359
- --pgn-color-btn-active-text-inverse-secondary: #2B2B2BFF;
1360
- --pgn-color-btn-active-text-inverse-info: #004C77FF;
1361
- --pgn-color-btn-active-text-inverse-danger: #9A232EFF;
1362
- --pgn-color-btn-hover-border-outline-warning: var(--pgn-color-warning-900);
1363
- --pgn-color-btn-hover-border-outline-success: var(--pgn-color-success-900);
1364
- --pgn-color-btn-hover-border-outline-secondary: var(--pgn-color-secondary-900);
1365
- --pgn-color-btn-hover-border-primary: var(--pgn-color-theme-hover-primary);
1366
- --pgn-color-btn-hover-border-light: var(--pgn-color-theme-hover-light);
1367
- --pgn-color-btn-hover-border-outline-info: var(--pgn-color-info-900);
1368
- --pgn-color-btn-hover-border-dark: var(--pgn-color-theme-hover-dark);
1369
- --pgn-color-btn-hover-border-outline-danger: var(--pgn-color-danger-900);
1370
- --pgn-color-btn-hover-border-brand: var(--pgn-color-theme-hover-brand);
1371
- --pgn-color-btn-hover-bg-inverse-outline-warning: var(--pgn-color-warning-100);
1372
- --pgn-color-btn-hover-bg-outline-warning: var(--pgn-color-warning-100);
1373
- --pgn-color-btn-hover-bg-inverse-outline-success: var(--pgn-color-success-100);
1374
- --pgn-color-btn-hover-bg-outline-success: var(--pgn-color-success-100);
1375
- --pgn-color-btn-hover-bg-inverse-outline-secondary: var(--pgn-color-secondary-100);
1376
- --pgn-color-btn-hover-bg-outline-secondary: var(--pgn-color-secondary-100);
1377
- --pgn-color-btn-hover-bg-inverse-primary: #ECECECFF;
1378
- --pgn-color-btn-hover-bg-primary: var(--pgn-color-theme-hover-primary);
1379
- --pgn-color-btn-hover-bg-inverse-light: #323232FF;
1380
- --pgn-color-btn-hover-bg-light: var(--pgn-color-theme-hover-light);
1381
- --pgn-color-btn-hover-bg-inverse-outline-info: var(--pgn-color-info-100);
1382
- --pgn-color-btn-hover-bg-outline-info: var(--pgn-color-info-100);
1383
- --pgn-color-btn-hover-bg-inverse-dark: #ECECECFF;
1384
- --pgn-color-btn-hover-bg-dark: var(--pgn-color-theme-hover-dark);
1385
- --pgn-color-btn-hover-bg-inverse-outline-danger: var(--pgn-color-danger-100);
1386
- --pgn-color-btn-hover-bg-outline-danger: var(--pgn-color-danger-100);
1387
- --pgn-color-btn-hover-bg-inverse-brand: #ECECECFF;
1388
- --pgn-color-btn-hover-bg-brand: var(--pgn-color-theme-hover-brand);
1389
- --pgn-color-btn-hover-text-inverse-warning: #D9B800FF;
1390
- --pgn-color-btn-hover-text-inverse-success: #11623EFF;
1391
- --pgn-color-btn-hover-text-inverse-secondary: #323232FF;
1392
- --pgn-color-btn-hover-text-inverse-outline-primary: var(--pgn-color-theme-hover-primary);
1393
- --pgn-color-btn-hover-text-outline-primary: var(--pgn-color-theme-hover-primary);
1394
- --pgn-color-btn-hover-text-inverse-outline-light: var(--pgn-color-theme-hover-light);
1395
- --pgn-color-btn-hover-text-outline-light: var(--pgn-color-theme-hover-light);
1396
- --pgn-color-btn-hover-text-inverse-info: #005484FF;
1397
- --pgn-color-btn-hover-text-inverse-outline-dark: var(--pgn-color-theme-hover-dark);
1398
- --pgn-color-btn-hover-text-outline-dark: var(--pgn-color-theme-hover-dark);
1399
- --pgn-color-btn-hover-text-inverse-danger: #A42631FF;
1400
- --pgn-color-btn-hover-text-inverse-outline-brand: var(--pgn-color-theme-hover-brand);
1401
- --pgn-color-btn-hover-text-outline-brand: var(--pgn-color-theme-hover-brand);
1402
- --pgn-color-btn-border-warning: var(--pgn-color-btn-bg-warning);
1403
- --pgn-color-btn-border-success: var(--pgn-color-btn-bg-success);
1404
- --pgn-color-btn-border-secondary: var(--pgn-color-btn-bg-secondary);
1405
- --pgn-color-btn-border-info: var(--pgn-color-btn-bg-info);
1406
- --pgn-color-btn-border-danger: var(--pgn-color-btn-bg-danger);
1407
- --pgn-color-btn-bg-inverse-warning: #454545FF;
1408
- --pgn-color-btn-bg-inverse-success: #FFFFFFFF;
1409
- --pgn-color-btn-bg-inverse-secondary: #FFFFFFFF;
1410
- --pgn-color-btn-bg-inverse-info: #FFFFFFFF;
1411
- --pgn-color-btn-bg-inverse-danger: #FFFFFFFF;
1412
- --pgn-color-btn-text-warning: #454545FF;
1413
- --pgn-color-btn-text-success: #FFFFFFFF;
1414
- --pgn-color-btn-text-secondary: #FFFFFFFF;
1415
- --pgn-color-btn-text-info: #FFFFFFFF;
1416
- --pgn-color-btn-text-danger: #FFFFFFFF;
1417
- --pgn-color-badge-focus-box-shadow-info: #006DAA0D;
1418
- --pgn-color-badge-focus-box-shadow-warning: #FFD9000D;
1419
- --pgn-color-badge-focus-box-shadow-danger: #C32D3A0D;
1420
- --pgn-color-badge-focus-box-shadow-success: #1782530D;
1421
- --pgn-color-badge-focus-box-shadow-secondary: #4545450D;
1422
- --pgn-color-badge-focus-bg-info: #004C77FF;
1423
- --pgn-color-badge-focus-bg-warning: #CCAE00FF;
1424
- --pgn-color-badge-focus-bg-danger: #9A232EFF;
1425
- --pgn-color-badge-focus-bg-success: #0F5737FF;
1426
- --pgn-color-badge-focus-bg-secondary: #2B2B2BFF;
1427
- --pgn-color-badge-focus-info: var(--pgn-color-badge-text-info);
1428
- --pgn-color-badge-focus-danger: var(--pgn-color-badge-text-danger);
1429
- --pgn-color-badge-focus-warning: var(--pgn-color-badge-text-warning);
1430
- --pgn-color-badge-focus-success: var(--pgn-color-badge-text-success);
1431
- --pgn-color-badge-focus-secondary: var(--pgn-color-badge-text-secondary);
1432
- --pgn-color-theme-active-danger: var(--pgn-color-danger-900);
1433
- --pgn-color-theme-active-warning: var(--pgn-color-warning-900);
1434
- --pgn-color-theme-active-info: var(--pgn-color-info-900);
1435
- --pgn-color-theme-active-success: var(--pgn-color-success-900);
1436
- --pgn-color-theme-active-secondary: var(--pgn-color-secondary-900);
1437
- --pgn-color-theme-hover-danger: var(--pgn-color-danger-700);
1438
- --pgn-color-theme-hover-warning: var(--pgn-color-warning-700);
1439
- --pgn-color-theme-hover-info: var(--pgn-color-info-700);
1440
- --pgn-color-theme-hover-success: var(--pgn-color-success-700);
1441
- --pgn-color-theme-hover-secondary: var(--pgn-color-secondary-700);
1442
- --pgn-color-theme-default-danger: var(--pgn-color-danger-500);
1443
- --pgn-color-theme-default-warning: var(--pgn-color-warning-500);
1444
- --pgn-color-theme-default-info: var(--pgn-color-info-500);
1445
- --pgn-color-theme-default-success: var(--pgn-color-success-500);
1446
- --pgn-color-theme-default-secondary: var(--pgn-color-secondary-500);
1447
- --pgn-color-theme-focus-danger: var(--pgn-color-danger-500);
1448
- --pgn-color-theme-focus-warning: var(--pgn-color-warning-500);
1449
- --pgn-color-theme-focus-info: var(--pgn-color-info-500);
1450
- --pgn-color-theme-focus-success: var(--pgn-color-success-500);
1451
- --pgn-color-theme-focus-secondary: var(--pgn-color-secondary-500);
1452
- --pgn-color-theme-border-danger: var(--pgn-color-danger-200);
1453
- --pgn-color-theme-border-warning: var(--pgn-color-warning-200);
1454
- --pgn-color-theme-border-info: var(--pgn-color-info-200);
1455
- --pgn-color-theme-border-success: var(--pgn-color-success-200);
1456
- --pgn-color-theme-border-secondary: var(--pgn-color-secondary-200);
1457
- --pgn-color-theme-bg-danger: var(--pgn-color-danger-100);
1458
- --pgn-color-theme-bg-warning: var(--pgn-color-warning-100);
1459
- --pgn-color-theme-bg-info: var(--pgn-color-info-100);
1460
- --pgn-color-theme-bg-success: var(--pgn-color-success-100);
1461
- --pgn-color-theme-bg-secondary: var(--pgn-color-secondary-100);
1462
- --pgn-color-table-caption: var(--pgn-color-text-muted);
1463
- --pgn-color-input-btn-focus: var(--pgn-color-input-focus);
1464
- --pgn-other-content-form-control-select-indicator-icon: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z" fill="%23454545FF"/></svg>');
1465
- --pgn-other-content-form-control-switch-indicator-icon-on: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFFFF'/%3e%3c/svg%3e");
1466
- --pgn-other-content-form-control-radio-indicator-icon-checked-invalid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23C32D3AFF'/%3e%3c/svg%3e");
1467
- --pgn-other-content-form-control-radio-indicator-icon-checked-valid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23178253FF'/%3e%3c/svg%3e");
1468
- --pgn-other-content-form-control-checkbox-indicator-icon-checked-invalid: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%23C32D3AFF'/></svg>");
1469
- --pgn-other-content-form-control-checkbox-indicator-icon-checked-valid: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%23178253FF'/></svg>");
1470
- --pgn-elevation-form-control-range-thumb-focus: 0 0 0 1px var(--pgn-color-body-bg), var(--pgn-size-form-input-width-focus);
1471
- --pgn-elevation-dropzone-error: inset 0 0 0 2px var(--pgn-color-danger-300);
1472
- --pgn-elevation-dropzone-focus: inset 0 0 0 2px var(--pgn-color-info-300);
1473
- --pgn-elevation-dropzone-hover: inset 0 0 0 2px var(--pgn-color-info-300);
1474
- --pgn-color-pagination-border-active: var(--pgn-color-pagination-bg-active);
1475
- --pgn-color-pagination-text-base: var(--pgn-color-link-base);
1476
- --pgn-color-nav-tabs-inverse-link-bg-active: var(--pgn-color-nav-tabs-inverse-link-bg-hover);
1477
- --pgn-color-list-group-active-border: var(--pgn-color-list-group-active-bg);
1478
- --pgn-color-link-brand-inline-hover-decoration: var(--pgn-color-link-brand-inline-hover-base);
1479
- --pgn-color-link-muted-inline-hover-decoration: var(--pgn-color-link-muted-inline-hover-base);
1480
- --pgn-color-link-inline-hover-base: #003C5EFF;
1481
- --pgn-color-link-inline-decoration: #006DAA4D;
1482
- --pgn-color-link-hover: #003C5EFF;
1483
- --pgn-color-form-control-file-border-focus: var(--pgn-color-form-input-focus-border);
1484
- --pgn-color-form-control-select-border-focus: var(--pgn-color-form-input-focus-border);
1485
- --pgn-color-form-control-checkbox-indicator-indeterminate-border: var(--pgn-color-form-control-checkbox-indicator-indeterminate-bg);
1486
- --pgn-color-form-control-checkbox-indicator-indeterminate-base: var(--pgn-color-form-control-indicator-checked-base);
1487
- --pgn-color-form-control-indicator-active-border: var(--pgn-color-form-control-indicator-active-bg);
1488
- --pgn-color-form-control-indicator-checked-border-focus: var(--pgn-color-form-input-focus-border);
1489
- --pgn-color-form-control-indicator-checked-border-base: var(--pgn-color-form-control-indicator-checked-base);
1490
- --pgn-color-btn-disabled-border-warning: var(--pgn-color-btn-border-warning);
1491
- --pgn-color-btn-disabled-border-success: var(--pgn-color-btn-border-success);
1492
- --pgn-color-btn-disabled-border-outline-primary: var(--pgn-color-btn-hover-text-outline-primary);
1493
- --pgn-color-btn-disabled-border-outline-light: var(--pgn-color-btn-hover-text-outline-light);
1494
- --pgn-color-btn-disabled-border-outline-dark: var(--pgn-color-btn-hover-text-outline-dark);
1495
- --pgn-color-btn-disabled-border-danger: var(--pgn-color-btn-border-danger);
1496
- --pgn-color-btn-disabled-text-warning: var(--pgn-color-btn-text-warning);
1497
- --pgn-color-btn-disabled-text-success: var(--pgn-color-btn-text-success);
1498
- --pgn-color-btn-disabled-text-secondary: var(--pgn-color-btn-text-secondary);
1499
- --pgn-color-btn-disabled-text-outline-primary: var(--pgn-color-btn-hover-text-outline-primary);
1500
- --pgn-color-btn-disabled-text-outline-light: var(--pgn-color-btn-hover-text-outline-light);
1501
- --pgn-color-btn-disabled-text-info: var(--pgn-color-btn-text-info);
1502
- --pgn-color-btn-disabled-text-danger: var(--pgn-color-btn-text-danger);
1503
- --pgn-color-btn-disabled-text-outline-brand: var(--pgn-color-btn-hover-text-outline-brand);
1504
- --pgn-color-btn-focus-outline-outline-warning: var(--pgn-color-theme-focus-warning);
1505
- --pgn-color-btn-focus-outline-warning: var(--pgn-color-theme-focus-warning);
1506
- --pgn-color-btn-focus-outline-outline-success: var(--pgn-color-theme-focus-success);
1507
- --pgn-color-btn-focus-outline-success: var(--pgn-color-theme-focus-success);
1508
- --pgn-color-btn-focus-outline-outline-secondary: var(--pgn-color-theme-focus-secondary);
1509
- --pgn-color-btn-focus-outline-secondary: var(--pgn-color-theme-focus-secondary);
1510
- --pgn-color-btn-focus-outline-outline-info: var(--pgn-color-theme-focus-info);
1511
- --pgn-color-btn-focus-outline-info: var(--pgn-color-theme-focus-info);
1512
- --pgn-color-btn-focus-outline-outline-danger: var(--pgn-color-theme-focus-danger);
1513
- --pgn-color-btn-focus-outline-danger: var(--pgn-color-theme-focus-danger);
1514
- --pgn-color-btn-focus-bg-inverse-warning: var(--pgn-color-btn-bg-inverse-warning);
1515
- --pgn-color-btn-focus-bg-inverse-success: var(--pgn-color-btn-bg-inverse-success);
1516
- --pgn-color-btn-focus-bg-inverse-secondary: var(--pgn-color-btn-bg-inverse-secondary);
1517
- --pgn-color-btn-focus-bg-inverse-info: var(--pgn-color-btn-bg-inverse-info);
1518
- --pgn-color-btn-focus-bg-inverse-danger: var(--pgn-color-btn-bg-inverse-danger);
1519
- --pgn-color-btn-focus-border-warning: var(--pgn-color-btn-border-warning);
1520
- --pgn-color-btn-focus-border-success: var(--pgn-color-btn-border-success);
1521
- --pgn-color-btn-focus-border-info: var(--pgn-color-btn-border-info);
1522
- --pgn-color-btn-focus-border-danger: var(--pgn-color-btn-focus-bg-danger);
1523
- --pgn-color-btn-focus-text-warning: var(--pgn-color-btn-text-warning);
1524
- --pgn-color-btn-focus-text-success: var(--pgn-color-btn-text-success);
1525
- --pgn-color-btn-focus-text-secondary: var(--pgn-color-btn-text-secondary);
1526
- --pgn-color-btn-focus-text-info: var(--pgn-color-btn-text-info);
1527
- --pgn-color-btn-focus-text-danger: var(--pgn-color-btn-text-danger);
1528
- --pgn-color-btn-active-border-outline-warning: var(--pgn-color-theme-active-warning);
1529
- --pgn-color-btn-active-border-warning: var(--pgn-color-theme-active-warning);
1530
- --pgn-color-btn-active-border-outline-success: var(--pgn-color-theme-active-success);
1531
- --pgn-color-btn-active-border-success: var(--pgn-color-theme-active-success);
1532
- --pgn-color-btn-active-border-outline-secondary: var(--pgn-color-theme-active-secondary);
1533
- --pgn-color-btn-active-border-secondary: var(--pgn-color-theme-active-secondary);
1534
- --pgn-color-btn-active-border-outline-info: var(--pgn-color-theme-active-info);
1535
- --pgn-color-btn-active-border-info: var(--pgn-color-theme-active-info);
1536
- --pgn-color-btn-active-border-outline-danger: var(--pgn-color-theme-active-danger);
1537
- --pgn-color-btn-active-border-danger: var(--pgn-color-theme-active-danger);
1538
- --pgn-color-btn-active-bg-inverse-outline-warning: var(--pgn-color-theme-bg-warning);
1539
- --pgn-color-btn-active-bg-outline-warning: var(--pgn-color-theme-bg-warning);
1540
- --pgn-color-btn-active-bg-warning: var(--pgn-color-theme-active-warning);
1541
- --pgn-color-btn-active-bg-inverse-outline-success: var(--pgn-color-theme-bg-success);
1542
- --pgn-color-btn-active-bg-outline-success: var(--pgn-color-theme-bg-success);
1543
- --pgn-color-btn-active-bg-success: var(--pgn-color-theme-active-success);
1544
- --pgn-color-btn-active-bg-inverse-outline-secondary: var(--pgn-color-theme-bg-secondary);
1545
- --pgn-color-btn-active-bg-outline-secondary: var(--pgn-color-theme-bg-secondary);
1546
- --pgn-color-btn-active-bg-secondary: var(--pgn-color-theme-active-secondary);
1547
- --pgn-color-btn-active-bg-inverse-outline-info: var(--pgn-color-theme-bg-info);
1548
- --pgn-color-btn-active-bg-outline-info: var(--pgn-color-theme-bg-info);
1549
- --pgn-color-btn-active-bg-info: var(--pgn-color-theme-active-info);
1550
- --pgn-color-btn-active-bg-inverse-outline-danger: var(--pgn-color-theme-bg-danger);
1551
- --pgn-color-btn-active-bg-outline-danger: var(--pgn-color-theme-bg-danger);
1552
- --pgn-color-btn-active-bg-danger: var(--pgn-color-theme-active-danger);
1553
- --pgn-color-btn-active-text-inverse-outline-primary: #454545FF;
1554
- --pgn-color-btn-active-text-outline-primary: #454545FF;
1555
- --pgn-color-btn-active-text-primary: #FFFFFFFF;
1556
- --pgn-color-btn-active-text-inverse-outline-light: #454545FF;
1557
- --pgn-color-btn-active-text-outline-light: #454545FF;
1558
- --pgn-color-btn-active-text-light: #313131FF;
1559
- --pgn-color-btn-active-text-inverse-outline-dark: #454545FF;
1560
- --pgn-color-btn-active-text-outline-dark: #454545FF;
1561
- --pgn-color-btn-active-text-dark: #FFFFFFFF;
1562
- --pgn-color-btn-active-text-inverse-outline-brand: #454545FF;
1563
- --pgn-color-btn-active-text-outline-brand: #454545FF;
1564
- --pgn-color-btn-active-text-brand: #FFFFFFFF;
1565
- --pgn-color-btn-hover-border-warning: var(--pgn-color-theme-hover-warning);
1566
- --pgn-color-btn-hover-border-success: var(--pgn-color-theme-hover-success);
1567
- --pgn-color-btn-hover-border-secondary: var(--pgn-color-theme-hover-secondary);
1568
- --pgn-color-btn-hover-border-info: var(--pgn-color-theme-hover-info);
1569
- --pgn-color-btn-hover-border-danger: var(--pgn-color-theme-hover-danger);
1570
- --pgn-color-btn-hover-bg-inverse-warning: #323232FF;
1571
- --pgn-color-btn-hover-bg-warning: var(--pgn-color-theme-hover-warning);
1572
- --pgn-color-btn-hover-bg-inverse-success: #ECECECFF;
1573
- --pgn-color-btn-hover-bg-success: var(--pgn-color-theme-hover-success);
1574
- --pgn-color-btn-hover-bg-inverse-secondary: #ECECECFF;
1575
- --pgn-color-btn-hover-bg-secondary: var(--pgn-color-theme-hover-secondary);
1576
- --pgn-color-btn-hover-bg-inverse-info: #ECECECFF;
1577
- --pgn-color-btn-hover-bg-info: var(--pgn-color-theme-hover-info);
1578
- --pgn-color-btn-hover-bg-inverse-danger: #ECECECFF;
1579
- --pgn-color-btn-hover-bg-danger: var(--pgn-color-theme-hover-danger);
1580
- --pgn-color-btn-hover-text-inverse-outline-warning: var(--pgn-color-theme-hover-warning);
1581
- --pgn-color-btn-hover-text-outline-warning: var(--pgn-color-theme-hover-warning);
1582
- --pgn-color-btn-hover-text-inverse-outline-success: var(--pgn-color-theme-hover-success);
1583
- --pgn-color-btn-hover-text-outline-success: var(--pgn-color-theme-hover-success);
1584
- --pgn-color-btn-hover-text-inverse-outline-secondary: var(--pgn-color-theme-hover-secondary);
1585
- --pgn-color-btn-hover-text-outline-secondary: var(--pgn-color-theme-hover-secondary);
1586
- --pgn-color-btn-hover-text-primary: #FFFFFFFF;
1587
- --pgn-color-btn-hover-text-light: #414141FF;
1588
- --pgn-color-btn-hover-text-inverse-outline-info: var(--pgn-color-theme-hover-info);
1589
- --pgn-color-btn-hover-text-outline-info: var(--pgn-color-theme-hover-info);
1590
- --pgn-color-btn-hover-text-dark: #FFFFFFFF;
1591
- --pgn-color-btn-hover-text-inverse-outline-danger: var(--pgn-color-theme-hover-danger);
1592
- --pgn-color-btn-hover-text-outline-danger: var(--pgn-color-theme-hover-danger);
1593
- --pgn-color-btn-hover-text-brand: #FFFFFFFF;
1594
- --pgn-color-alert-border-warning: var(--pgn-color-theme-border-warning);
1595
- --pgn-color-alert-border-danger: var(--pgn-color-theme-border-danger);
1596
- --pgn-color-alert-border-info: var(--pgn-color-theme-border-info);
1597
- --pgn-color-alert-border-success: var(--pgn-color-theme-border-success);
1598
- --pgn-color-alert-bg-warning: var(--pgn-color-theme-bg-warning);
1599
- --pgn-color-alert-bg-danger: var(--pgn-color-theme-bg-danger);
1600
- --pgn-color-alert-bg-info: var(--pgn-color-theme-bg-info);
1601
- --pgn-color-alert-bg-success: var(--pgn-color-theme-bg-success);
1602
- --pgn-color-alert-icon-warning: var(--pgn-color-theme-default-warning);
1603
- --pgn-color-alert-icon-danger: var(--pgn-color-theme-default-danger);
1604
- --pgn-color-alert-icon-info: var(--pgn-color-theme-default-info);
1605
- --pgn-color-alert-icon-success: var(--pgn-color-theme-default-success);
1606
- --pgn-other-content-form-feedback-icon-invalid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23C32D3AFF' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23C32D3AFF' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
1607
- --pgn-other-content-form-feedback-icon-valid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23178253FF' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
1608
- --pgn-other-content-form-control-select-bg: var(--pgn-other-content-form-control-select-indicator-icon) no-repeat right var(--pgn-spacing-form-input-padding-y-base) center / var(--pgn-color-form-control-select-bg-base);
1609
- --pgn-other-content-form-control-switch-indicator-icon-off: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055FF'/%3e%3c/svg%3e");
1610
- --pgn-other-content-form-control-radio-indicator-icon-checked-base: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055FF'/%3e%3c/svg%3e");
1611
- --pgn-other-content-form-control-checkbox-indicator-icon-checked-base: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%230A3055FF'/></svg>");
1612
- --pgn-color-pagination-text-hover: var(--pgn-color-link-hover);
1613
- --pgn-color-link-inline-hover-decoration: var(--pgn-color-link-inline-hover-base);
1614
- --pgn-color-btn-disabled-text-outline-danger: var(--pgn-color-btn-hover-text-outline-danger);
1615
- --pgn-color-btn-active-text-inverse-outline-warning: #454545FF;
1616
- --pgn-color-btn-active-text-outline-warning: #454545FF;
1617
- --pgn-color-btn-active-text-warning: #313131FF;
1618
- --pgn-color-btn-active-text-inverse-outline-success: #454545FF;
1619
- --pgn-color-btn-active-text-outline-success: #454545FF;
1620
- --pgn-color-btn-active-text-success: #FFFFFFFF;
1621
- --pgn-color-btn-active-text-inverse-outline-secondary: #454545FF;
1622
- --pgn-color-btn-active-text-outline-secondary: #454545FF;
1623
- --pgn-color-btn-active-text-secondary: #FFFFFFFF;
1624
- --pgn-color-btn-active-text-inverse-outline-info: #454545FF;
1625
- --pgn-color-btn-active-text-outline-info: #454545FF;
1626
- --pgn-color-btn-active-text-info: #FFFFFFFF;
1627
- --pgn-color-btn-active-text-inverse-outline-danger: #454545FF;
1628
- --pgn-color-btn-active-text-outline-danger: #454545FF;
1629
- --pgn-color-btn-active-text-danger: #FFFFFFFF;
1630
- --pgn-color-btn-hover-text-warning: #414141FF;
1631
- --pgn-color-btn-hover-text-success: #FFFFFFFF;
1632
- --pgn-color-btn-hover-text-secondary: #FFFFFFFF;
1633
- --pgn-color-btn-hover-text-info: #FFFFFFFF;
1634
- --pgn-color-btn-hover-text-danger: #FFFFFFFF;
1635
- --pgn-other-content-form-control-checkbox-indicator-indeterminate-icon: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM17 13H7V11H17V13Z' fill='%230A3055FF'/></svg>");
1636
- }
1637
-
1638
- /**
1639
- * IMPORTANT: This file is the result of assembling design tokens
1640
- * Do not edit directly
1641
- * Generated on Fri, 22 Sep 2023 08:20:17 GMT
1642
- */
1643
-
1644
- .bg-accent-a {
1645
- background-color: var(--pgn-color-accent-a) !important;
1646
- }
1647
-
1648
- a.bg-accent-a:hover,
1649
- a.bg-accent-a:focus,
1650
- button.bg-accent-a:hover,
1651
- button.bg-accent-a:focus {
1652
- background-color: var(--pgn-color-action-default-accent-a) !important;
1653
- }
1654
-
1655
- .text-accent-a {
1656
- color: var(--pgn-color-accent-a) !important;
1657
- }
1658
-
1659
- a.text-accent-a:hover,
1660
- a.text-accent-a:focus {
1661
- color: var(--pgn-color-action-default-accent-a) !important;
1662
- }
1663
-
1664
- .border-accent-a {
1665
- border-color: var(--pgn-color-accent-a) !important;
1666
- }
1667
-
1668
- .bg-accent-b {
1669
- background-color: var(--pgn-color-accent-b) !important;
1670
- }
1671
-
1672
- a.bg-accent-b:hover,
1673
- a.bg-accent-b:focus,
1674
- button.bg-accent-b:hover,
1675
- button.bg-accent-b:focus {
1676
- background-color: var(--pgn-color-action-default-accent-b) !important;
1677
- }
1678
-
1679
- .text-accent-b {
1680
- color: var(--pgn-color-accent-b) !important;
1681
- }
1682
-
1683
- a.text-accent-b:hover,
1684
- a.text-accent-b:focus {
1685
- color: var(--pgn-color-action-default-accent-b) !important;
1686
- }
1687
-
1688
- .border-accent-b {
1689
- border-color: var(--pgn-color-accent-b) !important;
1690
- }
1691
-
1692
- .bg-gray-100 {
1693
- background-color: var(--pgn-color-gray-100) !important;
1694
- }
1695
-
1696
- a.bg-gray-100:hover,
1697
- a.bg-gray-100:focus,
1698
- button.bg-gray-100:hover,
1699
- button.bg-gray-100:focus {
1700
- background-color: var(--pgn-color-action-default-gray-100) !important;
1701
- }
1702
-
1703
- .text-gray-100 {
1704
- color: var(--pgn-color-gray-100) !important;
1705
- }
1706
-
1707
- a.text-gray-100:hover,
1708
- a.text-gray-100:focus {
1709
- color: var(--pgn-color-action-default-gray-100) !important;
1710
- }
1711
-
1712
- .border-gray-100 {
1713
- border-color: var(--pgn-color-gray-100) !important;
1714
- }
1715
-
1716
- .bg-gray-200 {
1717
- background-color: var(--pgn-color-gray-200) !important;
1718
- }
1719
-
1720
- a.bg-gray-200:hover,
1721
- a.bg-gray-200:focus,
1722
- button.bg-gray-200:hover,
1723
- button.bg-gray-200:focus {
1724
- background-color: var(--pgn-color-action-default-gray-200) !important;
1725
- }
1726
-
1727
- .text-gray-200 {
1728
- color: var(--pgn-color-gray-200) !important;
1729
- }
1730
-
1731
- a.text-gray-200:hover,
1732
- a.text-gray-200:focus {
1733
- color: var(--pgn-color-action-default-gray-200) !important;
1734
- }
1735
-
1736
- .border-gray-200 {
1737
- border-color: var(--pgn-color-gray-200) !important;
1738
- }
1739
-
1740
- .bg-gray-300 {
1741
- background-color: var(--pgn-color-gray-300) !important;
1742
- }
1743
-
1744
- a.bg-gray-300:hover,
1745
- a.bg-gray-300:focus,
1746
- button.bg-gray-300:hover,
1747
- button.bg-gray-300:focus {
1748
- background-color: var(--pgn-color-action-default-gray-300) !important;
1749
- }
1750
-
1751
- .text-gray-300 {
1752
- color: var(--pgn-color-gray-300) !important;
1753
- }
1754
-
1755
- a.text-gray-300:hover,
1756
- a.text-gray-300:focus {
1757
- color: var(--pgn-color-action-default-gray-300) !important;
1758
- }
1759
-
1760
- .border-gray-300 {
1761
- border-color: var(--pgn-color-gray-300) !important;
1762
- }
1763
-
1764
- .bg-gray-400 {
1765
- background-color: var(--pgn-color-gray-400) !important;
1766
- }
1767
-
1768
- a.bg-gray-400:hover,
1769
- a.bg-gray-400:focus,
1770
- button.bg-gray-400:hover,
1771
- button.bg-gray-400:focus {
1772
- background-color: var(--pgn-color-action-default-gray-400) !important;
1773
- }
1774
-
1775
- .text-gray-400 {
1776
- color: var(--pgn-color-gray-400) !important;
1777
- }
1778
-
1779
- a.text-gray-400:hover,
1780
- a.text-gray-400:focus {
1781
- color: var(--pgn-color-action-default-gray-400) !important;
1782
- }
1783
-
1784
- .border-gray-400 {
1785
- border-color: var(--pgn-color-gray-400) !important;
1786
- }
1787
-
1788
- .bg-gray-500 {
1789
- background-color: var(--pgn-color-gray-500) !important;
1790
- }
1791
-
1792
- a.bg-gray-500:hover,
1793
- a.bg-gray-500:focus,
1794
- button.bg-gray-500:hover,
1795
- button.bg-gray-500:focus {
1796
- background-color: var(--pgn-color-action-default-gray-500) !important;
1797
- }
1798
-
1799
- .text-gray-500 {
1800
- color: var(--pgn-color-gray-500) !important;
1801
- }
1802
-
1803
- a.text-gray-500:hover,
1804
- a.text-gray-500:focus {
1805
- color: var(--pgn-color-action-default-gray-500) !important;
1806
- }
1807
-
1808
- .border-gray-500 {
1809
- border-color: var(--pgn-color-gray-500) !important;
1810
- }
1811
-
1812
- .bg-gray-600 {
1813
- background-color: var(--pgn-color-gray-600) !important;
1814
- }
1815
-
1816
- a.bg-gray-600:hover,
1817
- a.bg-gray-600:focus,
1818
- button.bg-gray-600:hover,
1819
- button.bg-gray-600:focus {
1820
- background-color: var(--pgn-color-action-default-gray-600) !important;
1821
- }
1822
-
1823
- .text-gray-600 {
1824
- color: var(--pgn-color-gray-600) !important;
1825
- }
1826
-
1827
- a.text-gray-600:hover,
1828
- a.text-gray-600:focus {
1829
- color: var(--pgn-color-action-default-gray-600) !important;
1830
- }
1831
-
1832
- .border-gray-600 {
1833
- border-color: var(--pgn-color-gray-600) !important;
1834
- }
1835
-
1836
- .bg-gray-700 {
1837
- background-color: var(--pgn-color-gray-700) !important;
1838
- }
1839
-
1840
- a.bg-gray-700:hover,
1841
- a.bg-gray-700:focus,
1842
- button.bg-gray-700:hover,
1843
- button.bg-gray-700:focus {
1844
- background-color: var(--pgn-color-action-default-gray-700) !important;
1845
- }
1846
-
1847
- .text-gray-700 {
1848
- color: var(--pgn-color-gray-700) !important;
1849
- }
1850
-
1851
- a.text-gray-700:hover,
1852
- a.text-gray-700:focus {
1853
- color: var(--pgn-color-action-default-gray-700) !important;
1854
- }
1855
-
1856
- .border-gray-700 {
1857
- border-color: var(--pgn-color-gray-700) !important;
1858
- }
1859
-
1860
- .bg-gray-800 {
1861
- background-color: var(--pgn-color-gray-800) !important;
1862
- }
1863
-
1864
- a.bg-gray-800:hover,
1865
- a.bg-gray-800:focus,
1866
- button.bg-gray-800:hover,
1867
- button.bg-gray-800:focus {
1868
- background-color: var(--pgn-color-action-default-gray-800) !important;
1869
- }
1870
-
1871
- .text-gray-800 {
1872
- color: var(--pgn-color-gray-800) !important;
1873
- }
1874
-
1875
- a.text-gray-800:hover,
1876
- a.text-gray-800:focus {
1877
- color: var(--pgn-color-action-default-gray-800) !important;
1878
- }
1879
-
1880
- .border-gray-800 {
1881
- border-color: var(--pgn-color-gray-800) !important;
1882
- }
1883
-
1884
- .bg-gray-900 {
1885
- background-color: var(--pgn-color-gray-900) !important;
1886
- }
1887
-
1888
- a.bg-gray-900:hover,
1889
- a.bg-gray-900:focus,
1890
- button.bg-gray-900:hover,
1891
- button.bg-gray-900:focus {
1892
- background-color: var(--pgn-color-action-default-gray-900) !important;
1893
- }
1894
-
1895
- .text-gray-900 {
1896
- color: var(--pgn-color-gray-900) !important;
1897
- }
1898
-
1899
- a.text-gray-900:hover,
1900
- a.text-gray-900:focus {
1901
- color: var(--pgn-color-action-default-gray-900) !important;
1902
- }
1903
-
1904
- .border-gray-900 {
1905
- border-color: var(--pgn-color-gray-900) !important;
1906
- }
1907
-
1908
- .bg-gray {
1909
- background-color: var(--pgn-color-gray-base) !important;
1910
- }
1911
-
1912
- a.bg-gray:hover,
1913
- a.bg-gray:focus,
1914
- button.bg-gray:hover,
1915
- button.bg-gray:focus {
1916
- background-color: var(--pgn-color-action-default-gray-base) !important;
1917
- }
1918
-
1919
- .text-gray {
1920
- color: var(--pgn-color-gray-base) !important;
1921
- }
1922
-
1923
- a.text-gray:hover,
1924
- a.text-gray:focus {
1925
- color: var(--pgn-color-action-default-gray-base) !important;
1926
- }
1927
-
1928
- .border-gray {
1929
- border-color: var(--pgn-color-gray-base) !important;
1930
- }
1931
-
1932
- .bg-primary-100 {
1933
- background-color: var(--pgn-color-primary-100) !important;
1934
- }
1935
-
1936
- a.bg-primary-100:hover,
1937
- a.bg-primary-100:focus,
1938
- button.bg-primary-100:hover,
1939
- button.bg-primary-100:focus {
1940
- background-color: var(--pgn-color-action-default-primary-100) !important;
1941
- }
1942
-
1943
- .text-primary-100 {
1944
- color: var(--pgn-color-primary-100) !important;
1945
- }
1946
-
1947
- a.text-primary-100:hover,
1948
- a.text-primary-100:focus {
1949
- color: var(--pgn-color-action-default-primary-100) !important;
1950
- }
1951
-
1952
- .border-primary-100 {
1953
- border-color: var(--pgn-color-primary-100) !important;
1954
- }
1955
-
1956
- .bg-primary-200 {
1957
- background-color: var(--pgn-color-primary-200) !important;
1958
- }
1959
-
1960
- a.bg-primary-200:hover,
1961
- a.bg-primary-200:focus,
1962
- button.bg-primary-200:hover,
1963
- button.bg-primary-200:focus {
1964
- background-color: var(--pgn-color-action-default-primary-200) !important;
1965
- }
1966
-
1967
- .text-primary-200 {
1968
- color: var(--pgn-color-primary-200) !important;
1969
- }
1970
-
1971
- a.text-primary-200:hover,
1972
- a.text-primary-200:focus {
1973
- color: var(--pgn-color-action-default-primary-200) !important;
1974
- }
1975
-
1976
- .border-primary-200 {
1977
- border-color: var(--pgn-color-primary-200) !important;
1978
- }
1979
-
1980
- .bg-primary-300 {
1981
- background-color: var(--pgn-color-primary-300) !important;
1982
- }
1983
-
1984
- a.bg-primary-300:hover,
1985
- a.bg-primary-300:focus,
1986
- button.bg-primary-300:hover,
1987
- button.bg-primary-300:focus {
1988
- background-color: var(--pgn-color-action-default-primary-300) !important;
1989
- }
1990
-
1991
- .text-primary-300 {
1992
- color: var(--pgn-color-primary-300) !important;
1993
- }
1994
-
1995
- a.text-primary-300:hover,
1996
- a.text-primary-300:focus {
1997
- color: var(--pgn-color-action-default-primary-300) !important;
1998
- }
1999
-
2000
- .border-primary-300 {
2001
- border-color: var(--pgn-color-primary-300) !important;
2002
- }
2003
-
2004
- .bg-primary-400 {
2005
- background-color: var(--pgn-color-primary-400) !important;
2006
- }
2007
-
2008
- a.bg-primary-400:hover,
2009
- a.bg-primary-400:focus,
2010
- button.bg-primary-400:hover,
2011
- button.bg-primary-400:focus {
2012
- background-color: var(--pgn-color-action-default-primary-400) !important;
2013
- }
2014
-
2015
- .text-primary-400 {
2016
- color: var(--pgn-color-primary-400) !important;
2017
- }
2018
-
2019
- a.text-primary-400:hover,
2020
- a.text-primary-400:focus {
2021
- color: var(--pgn-color-action-default-primary-400) !important;
2022
- }
2023
-
2024
- .border-primary-400 {
2025
- border-color: var(--pgn-color-primary-400) !important;
2026
- }
2027
-
2028
- .bg-primary-500 {
2029
- background-color: var(--pgn-color-primary-500) !important;
2030
- }
2031
-
2032
- a.bg-primary-500:hover,
2033
- a.bg-primary-500:focus,
2034
- button.bg-primary-500:hover,
2035
- button.bg-primary-500:focus {
2036
- background-color: var(--pgn-color-action-default-primary-500) !important;
2037
- }
2038
-
2039
- .text-primary-500 {
2040
- color: var(--pgn-color-primary-500) !important;
2041
- }
2042
-
2043
- a.text-primary-500:hover,
2044
- a.text-primary-500:focus {
2045
- color: var(--pgn-color-action-default-primary-500) !important;
2046
- }
2047
-
2048
- .border-primary-500 {
2049
- border-color: var(--pgn-color-primary-500) !important;
2050
- }
2051
-
2052
- .bg-primary-600 {
2053
- background-color: var(--pgn-color-primary-600) !important;
2054
- }
2055
-
2056
- a.bg-primary-600:hover,
2057
- a.bg-primary-600:focus,
2058
- button.bg-primary-600:hover,
2059
- button.bg-primary-600:focus {
2060
- background-color: var(--pgn-color-action-default-primary-600) !important;
2061
- }
2062
-
2063
- .text-primary-600 {
2064
- color: var(--pgn-color-primary-600) !important;
2065
- }
2066
-
2067
- a.text-primary-600:hover,
2068
- a.text-primary-600:focus {
2069
- color: var(--pgn-color-action-default-primary-600) !important;
2070
- }
2071
-
2072
- .border-primary-600 {
2073
- border-color: var(--pgn-color-primary-600) !important;
2074
- }
2075
-
2076
- .bg-primary-700 {
2077
- background-color: var(--pgn-color-primary-700) !important;
2078
- }
2079
-
2080
- a.bg-primary-700:hover,
2081
- a.bg-primary-700:focus,
2082
- button.bg-primary-700:hover,
2083
- button.bg-primary-700:focus {
2084
- background-color: var(--pgn-color-action-default-primary-700) !important;
2085
- }
2086
-
2087
- .text-primary-700 {
2088
- color: var(--pgn-color-primary-700) !important;
2089
- }
2090
-
2091
- a.text-primary-700:hover,
2092
- a.text-primary-700:focus {
2093
- color: var(--pgn-color-action-default-primary-700) !important;
2094
- }
2095
-
2096
- .border-primary-700 {
2097
- border-color: var(--pgn-color-primary-700) !important;
2098
- }
2099
-
2100
- .bg-primary-800 {
2101
- background-color: var(--pgn-color-primary-800) !important;
2102
- }
2103
-
2104
- a.bg-primary-800:hover,
2105
- a.bg-primary-800:focus,
2106
- button.bg-primary-800:hover,
2107
- button.bg-primary-800:focus {
2108
- background-color: var(--pgn-color-action-default-primary-800) !important;
2109
- }
2110
-
2111
- .text-primary-800 {
2112
- color: var(--pgn-color-primary-800) !important;
2113
- }
2114
-
2115
- a.text-primary-800:hover,
2116
- a.text-primary-800:focus {
2117
- color: var(--pgn-color-action-default-primary-800) !important;
2118
- }
2119
-
2120
- .border-primary-800 {
2121
- border-color: var(--pgn-color-primary-800) !important;
2122
- }
2123
-
2124
- .bg-primary-900 {
2125
- background-color: var(--pgn-color-primary-900) !important;
2126
- }
2127
-
2128
- a.bg-primary-900:hover,
2129
- a.bg-primary-900:focus,
2130
- button.bg-primary-900:hover,
2131
- button.bg-primary-900:focus {
2132
- background-color: var(--pgn-color-action-default-primary-900) !important;
2133
- }
2134
-
2135
- .text-primary-900 {
2136
- color: var(--pgn-color-primary-900) !important;
2137
- }
2138
-
2139
- a.text-primary-900:hover,
2140
- a.text-primary-900:focus {
2141
- color: var(--pgn-color-action-default-primary-900) !important;
2142
- }
2143
-
2144
- .border-primary-900 {
2145
- border-color: var(--pgn-color-primary-900) !important;
2146
- }
2147
-
2148
- .bg-primary {
2149
- background-color: var(--pgn-color-primary-base) !important;
2150
- }
2151
-
2152
- a.bg-primary:hover,
2153
- a.bg-primary:focus,
2154
- button.bg-primary:hover,
2155
- button.bg-primary:focus {
2156
- background-color: var(--pgn-color-action-default-primary-base) !important;
2157
- }
2158
-
2159
- .text-primary {
2160
- color: var(--pgn-color-primary-base) !important;
2161
- }
2162
-
2163
- a.text-primary:hover,
2164
- a.text-primary:focus {
2165
- color: var(--pgn-color-action-default-primary-base) !important;
2166
- }
2167
-
2168
- .border-primary {
2169
- border-color: var(--pgn-color-primary-base) !important;
2170
- }
2171
-
2172
- .bg-secondary-100 {
2173
- background-color: var(--pgn-color-secondary-100) !important;
2174
- }
2175
-
2176
- a.bg-secondary-100:hover,
2177
- a.bg-secondary-100:focus,
2178
- button.bg-secondary-100:hover,
2179
- button.bg-secondary-100:focus {
2180
- background-color: var(--pgn-color-action-default-secondary-100) !important;
2181
- }
2182
-
2183
- .text-secondary-100 {
2184
- color: var(--pgn-color-secondary-100) !important;
2185
- }
2186
-
2187
- a.text-secondary-100:hover,
2188
- a.text-secondary-100:focus {
2189
- color: var(--pgn-color-action-default-secondary-100) !important;
2190
- }
2191
-
2192
- .border-secondary-100 {
2193
- border-color: var(--pgn-color-secondary-100) !important;
2194
- }
2195
-
2196
- .bg-secondary-200 {
2197
- background-color: var(--pgn-color-secondary-200) !important;
2198
- }
2199
-
2200
- a.bg-secondary-200:hover,
2201
- a.bg-secondary-200:focus,
2202
- button.bg-secondary-200:hover,
2203
- button.bg-secondary-200:focus {
2204
- background-color: var(--pgn-color-action-default-secondary-200) !important;
2205
- }
2206
-
2207
- .text-secondary-200 {
2208
- color: var(--pgn-color-secondary-200) !important;
2209
- }
2210
-
2211
- a.text-secondary-200:hover,
2212
- a.text-secondary-200:focus {
2213
- color: var(--pgn-color-action-default-secondary-200) !important;
2214
- }
2215
-
2216
- .border-secondary-200 {
2217
- border-color: var(--pgn-color-secondary-200) !important;
2218
- }
2219
-
2220
- .bg-secondary-300 {
2221
- background-color: var(--pgn-color-secondary-300) !important;
2222
- }
2223
-
2224
- a.bg-secondary-300:hover,
2225
- a.bg-secondary-300:focus,
2226
- button.bg-secondary-300:hover,
2227
- button.bg-secondary-300:focus {
2228
- background-color: var(--pgn-color-action-default-secondary-300) !important;
2229
- }
2230
-
2231
- .text-secondary-300 {
2232
- color: var(--pgn-color-secondary-300) !important;
2233
- }
2234
-
2235
- a.text-secondary-300:hover,
2236
- a.text-secondary-300:focus {
2237
- color: var(--pgn-color-action-default-secondary-300) !important;
2238
- }
2239
-
2240
- .border-secondary-300 {
2241
- border-color: var(--pgn-color-secondary-300) !important;
2242
- }
2243
-
2244
- .bg-secondary-400 {
2245
- background-color: var(--pgn-color-secondary-400) !important;
2246
- }
2247
-
2248
- a.bg-secondary-400:hover,
2249
- a.bg-secondary-400:focus,
2250
- button.bg-secondary-400:hover,
2251
- button.bg-secondary-400:focus {
2252
- background-color: var(--pgn-color-action-default-secondary-400) !important;
2253
- }
2254
-
2255
- .text-secondary-400 {
2256
- color: var(--pgn-color-secondary-400) !important;
2257
- }
2258
-
2259
- a.text-secondary-400:hover,
2260
- a.text-secondary-400:focus {
2261
- color: var(--pgn-color-action-default-secondary-400) !important;
2262
- }
2263
-
2264
- .border-secondary-400 {
2265
- border-color: var(--pgn-color-secondary-400) !important;
2266
- }
2267
-
2268
- .bg-secondary-500 {
2269
- background-color: var(--pgn-color-secondary-500) !important;
2270
- }
2271
-
2272
- a.bg-secondary-500:hover,
2273
- a.bg-secondary-500:focus,
2274
- button.bg-secondary-500:hover,
2275
- button.bg-secondary-500:focus {
2276
- background-color: var(--pgn-color-action-default-secondary-500) !important;
2277
- }
2278
-
2279
- .text-secondary-500 {
2280
- color: var(--pgn-color-secondary-500) !important;
2281
- }
2282
-
2283
- a.text-secondary-500:hover,
2284
- a.text-secondary-500:focus {
2285
- color: var(--pgn-color-action-default-secondary-500) !important;
2286
- }
2287
-
2288
- .border-secondary-500 {
2289
- border-color: var(--pgn-color-secondary-500) !important;
2290
- }
2291
-
2292
- .bg-secondary-600 {
2293
- background-color: var(--pgn-color-secondary-600) !important;
2294
- }
2295
-
2296
- a.bg-secondary-600:hover,
2297
- a.bg-secondary-600:focus,
2298
- button.bg-secondary-600:hover,
2299
- button.bg-secondary-600:focus {
2300
- background-color: var(--pgn-color-action-default-secondary-600) !important;
2301
- }
2302
-
2303
- .text-secondary-600 {
2304
- color: var(--pgn-color-secondary-600) !important;
2305
- }
2306
-
2307
- a.text-secondary-600:hover,
2308
- a.text-secondary-600:focus {
2309
- color: var(--pgn-color-action-default-secondary-600) !important;
2310
- }
2311
-
2312
- .border-secondary-600 {
2313
- border-color: var(--pgn-color-secondary-600) !important;
2314
- }
2315
-
2316
- .bg-secondary-700 {
2317
- background-color: var(--pgn-color-secondary-700) !important;
2318
- }
2319
-
2320
- a.bg-secondary-700:hover,
2321
- a.bg-secondary-700:focus,
2322
- button.bg-secondary-700:hover,
2323
- button.bg-secondary-700:focus {
2324
- background-color: var(--pgn-color-action-default-secondary-700) !important;
2325
- }
2326
-
2327
- .text-secondary-700 {
2328
- color: var(--pgn-color-secondary-700) !important;
2329
- }
2330
-
2331
- a.text-secondary-700:hover,
2332
- a.text-secondary-700:focus {
2333
- color: var(--pgn-color-action-default-secondary-700) !important;
2334
- }
2335
-
2336
- .border-secondary-700 {
2337
- border-color: var(--pgn-color-secondary-700) !important;
2338
- }
2339
-
2340
- .bg-secondary-800 {
2341
- background-color: var(--pgn-color-secondary-800) !important;
2342
- }
2343
-
2344
- a.bg-secondary-800:hover,
2345
- a.bg-secondary-800:focus,
2346
- button.bg-secondary-800:hover,
2347
- button.bg-secondary-800:focus {
2348
- background-color: var(--pgn-color-action-default-secondary-800) !important;
2349
- }
2350
-
2351
- .text-secondary-800 {
2352
- color: var(--pgn-color-secondary-800) !important;
2353
- }
2354
-
2355
- a.text-secondary-800:hover,
2356
- a.text-secondary-800:focus {
2357
- color: var(--pgn-color-action-default-secondary-800) !important;
2358
- }
2359
-
2360
- .border-secondary-800 {
2361
- border-color: var(--pgn-color-secondary-800) !important;
2362
- }
2363
-
2364
- .bg-secondary-900 {
2365
- background-color: var(--pgn-color-secondary-900) !important;
2366
- }
2367
-
2368
- a.bg-secondary-900:hover,
2369
- a.bg-secondary-900:focus,
2370
- button.bg-secondary-900:hover,
2371
- button.bg-secondary-900:focus {
2372
- background-color: var(--pgn-color-action-default-secondary-900) !important;
2373
- }
2374
-
2375
- .text-secondary-900 {
2376
- color: var(--pgn-color-secondary-900) !important;
2377
- }
2378
-
2379
- a.text-secondary-900:hover,
2380
- a.text-secondary-900:focus {
2381
- color: var(--pgn-color-action-default-secondary-900) !important;
2382
- }
2383
-
2384
- .border-secondary-900 {
2385
- border-color: var(--pgn-color-secondary-900) !important;
2386
- }
2387
-
2388
- .bg-secondary {
2389
- background-color: var(--pgn-color-secondary-base) !important;
2390
- }
2391
-
2392
- a.bg-secondary:hover,
2393
- a.bg-secondary:focus,
2394
- button.bg-secondary:hover,
2395
- button.bg-secondary:focus {
2396
- background-color: var(--pgn-color-action-default-secondary-base) !important;
2397
- }
2398
-
2399
- .text-secondary {
2400
- color: var(--pgn-color-secondary-base) !important;
2401
- }
2402
-
2403
- a.text-secondary:hover,
2404
- a.text-secondary:focus {
2405
- color: var(--pgn-color-action-default-secondary-base) !important;
2406
- }
2407
-
2408
- .border-secondary {
2409
- border-color: var(--pgn-color-secondary-base) !important;
2410
- }
2411
-
2412
- .bg-brand-100 {
2413
- background-color: var(--pgn-color-brand-100) !important;
2414
- }
2415
-
2416
- a.bg-brand-100:hover,
2417
- a.bg-brand-100:focus,
2418
- button.bg-brand-100:hover,
2419
- button.bg-brand-100:focus {
2420
- background-color: var(--pgn-color-action-default-brand-100) !important;
2421
- }
2422
-
2423
- .text-brand-100 {
2424
- color: var(--pgn-color-brand-100) !important;
2425
- }
2426
-
2427
- a.text-brand-100:hover,
2428
- a.text-brand-100:focus {
2429
- color: var(--pgn-color-action-default-brand-100) !important;
2430
- }
2431
-
2432
- .border-brand-100 {
2433
- border-color: var(--pgn-color-brand-100) !important;
2434
- }
2435
-
2436
- .bg-brand-200 {
2437
- background-color: var(--pgn-color-brand-200) !important;
2438
- }
2439
-
2440
- a.bg-brand-200:hover,
2441
- a.bg-brand-200:focus,
2442
- button.bg-brand-200:hover,
2443
- button.bg-brand-200:focus {
2444
- background-color: var(--pgn-color-action-default-brand-200) !important;
2445
- }
2446
-
2447
- .text-brand-200 {
2448
- color: var(--pgn-color-brand-200) !important;
2449
- }
2450
-
2451
- a.text-brand-200:hover,
2452
- a.text-brand-200:focus {
2453
- color: var(--pgn-color-action-default-brand-200) !important;
2454
- }
2455
-
2456
- .border-brand-200 {
2457
- border-color: var(--pgn-color-brand-200) !important;
2458
- }
2459
-
2460
- .bg-brand-300 {
2461
- background-color: var(--pgn-color-brand-300) !important;
2462
- }
2463
-
2464
- a.bg-brand-300:hover,
2465
- a.bg-brand-300:focus,
2466
- button.bg-brand-300:hover,
2467
- button.bg-brand-300:focus {
2468
- background-color: var(--pgn-color-action-default-brand-300) !important;
2469
- }
2470
-
2471
- .text-brand-300 {
2472
- color: var(--pgn-color-brand-300) !important;
2473
- }
2474
-
2475
- a.text-brand-300:hover,
2476
- a.text-brand-300:focus {
2477
- color: var(--pgn-color-action-default-brand-300) !important;
2478
- }
2479
-
2480
- .border-brand-300 {
2481
- border-color: var(--pgn-color-brand-300) !important;
2482
- }
2483
-
2484
- .bg-brand-400 {
2485
- background-color: var(--pgn-color-brand-400) !important;
2486
- }
2487
-
2488
- a.bg-brand-400:hover,
2489
- a.bg-brand-400:focus,
2490
- button.bg-brand-400:hover,
2491
- button.bg-brand-400:focus {
2492
- background-color: var(--pgn-color-action-default-brand-400) !important;
2493
- }
2494
-
2495
- .text-brand-400 {
2496
- color: var(--pgn-color-brand-400) !important;
2497
- }
2498
-
2499
- a.text-brand-400:hover,
2500
- a.text-brand-400:focus {
2501
- color: var(--pgn-color-action-default-brand-400) !important;
2502
- }
2503
-
2504
- .border-brand-400 {
2505
- border-color: var(--pgn-color-brand-400) !important;
2506
- }
2507
-
2508
- .bg-brand-500 {
2509
- background-color: var(--pgn-color-brand-500) !important;
2510
- }
2511
-
2512
- a.bg-brand-500:hover,
2513
- a.bg-brand-500:focus,
2514
- button.bg-brand-500:hover,
2515
- button.bg-brand-500:focus {
2516
- background-color: var(--pgn-color-action-default-brand-500) !important;
2517
- }
2518
-
2519
- .text-brand-500 {
2520
- color: var(--pgn-color-brand-500) !important;
2521
- }
2522
-
2523
- a.text-brand-500:hover,
2524
- a.text-brand-500:focus {
2525
- color: var(--pgn-color-action-default-brand-500) !important;
2526
- }
2527
-
2528
- .border-brand-500 {
2529
- border-color: var(--pgn-color-brand-500) !important;
2530
- }
2531
-
2532
- .bg-brand-600 {
2533
- background-color: var(--pgn-color-brand-600) !important;
2534
- }
2535
-
2536
- a.bg-brand-600:hover,
2537
- a.bg-brand-600:focus,
2538
- button.bg-brand-600:hover,
2539
- button.bg-brand-600:focus {
2540
- background-color: var(--pgn-color-action-default-brand-600) !important;
2541
- }
2542
-
2543
- .text-brand-600 {
2544
- color: var(--pgn-color-brand-600) !important;
2545
- }
2546
-
2547
- a.text-brand-600:hover,
2548
- a.text-brand-600:focus {
2549
- color: var(--pgn-color-action-default-brand-600) !important;
2550
- }
2551
-
2552
- .border-brand-600 {
2553
- border-color: var(--pgn-color-brand-600) !important;
2554
- }
2555
-
2556
- .bg-brand-700 {
2557
- background-color: var(--pgn-color-brand-700) !important;
2558
- }
2559
-
2560
- a.bg-brand-700:hover,
2561
- a.bg-brand-700:focus,
2562
- button.bg-brand-700:hover,
2563
- button.bg-brand-700:focus {
2564
- background-color: var(--pgn-color-action-default-brand-700) !important;
2565
- }
2566
-
2567
- .text-brand-700 {
2568
- color: var(--pgn-color-brand-700) !important;
2569
- }
2570
-
2571
- a.text-brand-700:hover,
2572
- a.text-brand-700:focus {
2573
- color: var(--pgn-color-action-default-brand-700) !important;
2574
- }
2575
-
2576
- .border-brand-700 {
2577
- border-color: var(--pgn-color-brand-700) !important;
2578
- }
2579
-
2580
- .bg-brand-800 {
2581
- background-color: var(--pgn-color-brand-800) !important;
2582
- }
2583
-
2584
- a.bg-brand-800:hover,
2585
- a.bg-brand-800:focus,
2586
- button.bg-brand-800:hover,
2587
- button.bg-brand-800:focus {
2588
- background-color: var(--pgn-color-action-default-brand-800) !important;
2589
- }
2590
-
2591
- .text-brand-800 {
2592
- color: var(--pgn-color-brand-800) !important;
2593
- }
2594
-
2595
- a.text-brand-800:hover,
2596
- a.text-brand-800:focus {
2597
- color: var(--pgn-color-action-default-brand-800) !important;
2598
- }
2599
-
2600
- .border-brand-800 {
2601
- border-color: var(--pgn-color-brand-800) !important;
2602
- }
2603
-
2604
- .bg-brand-900 {
2605
- background-color: var(--pgn-color-brand-900) !important;
2606
- }
2607
-
2608
- a.bg-brand-900:hover,
2609
- a.bg-brand-900:focus,
2610
- button.bg-brand-900:hover,
2611
- button.bg-brand-900:focus {
2612
- background-color: var(--pgn-color-action-default-brand-900) !important;
2613
- }
2614
-
2615
- .text-brand-900 {
2616
- color: var(--pgn-color-brand-900) !important;
2617
- }
2618
-
2619
- a.text-brand-900:hover,
2620
- a.text-brand-900:focus {
2621
- color: var(--pgn-color-action-default-brand-900) !important;
2622
- }
2623
-
2624
- .border-brand-900 {
2625
- border-color: var(--pgn-color-brand-900) !important;
2626
- }
2627
-
2628
- .bg-brand {
2629
- background-color: var(--pgn-color-brand-base) !important;
2630
- }
2631
-
2632
- a.bg-brand:hover,
2633
- a.bg-brand:focus,
2634
- button.bg-brand:hover,
2635
- button.bg-brand:focus {
2636
- background-color: var(--pgn-color-action-default-brand-base) !important;
2637
- }
2638
-
2639
- .text-brand {
2640
- color: var(--pgn-color-brand-base) !important;
2641
- }
2642
-
2643
- a.text-brand:hover,
2644
- a.text-brand:focus {
2645
- color: var(--pgn-color-action-default-brand-base) !important;
2646
- }
2647
-
2648
- .border-brand {
2649
- border-color: var(--pgn-color-brand-base) !important;
2650
- }
2651
-
2652
- .bg-success-100 {
2653
- background-color: var(--pgn-color-success-100) !important;
2654
- }
2655
-
2656
- a.bg-success-100:hover,
2657
- a.bg-success-100:focus,
2658
- button.bg-success-100:hover,
2659
- button.bg-success-100:focus {
2660
- background-color: var(--pgn-color-action-default-success-100) !important;
2661
- }
2662
-
2663
- .text-success-100 {
2664
- color: var(--pgn-color-success-100) !important;
2665
- }
2666
-
2667
- a.text-success-100:hover,
2668
- a.text-success-100:focus {
2669
- color: var(--pgn-color-action-default-success-100) !important;
2670
- }
2671
-
2672
- .border-success-100 {
2673
- border-color: var(--pgn-color-success-100) !important;
2674
- }
2675
-
2676
- .bg-success-200 {
2677
- background-color: var(--pgn-color-success-200) !important;
2678
- }
2679
-
2680
- a.bg-success-200:hover,
2681
- a.bg-success-200:focus,
2682
- button.bg-success-200:hover,
2683
- button.bg-success-200:focus {
2684
- background-color: var(--pgn-color-action-default-success-200) !important;
2685
- }
2686
-
2687
- .text-success-200 {
2688
- color: var(--pgn-color-success-200) !important;
2689
- }
2690
-
2691
- a.text-success-200:hover,
2692
- a.text-success-200:focus {
2693
- color: var(--pgn-color-action-default-success-200) !important;
2694
- }
2695
-
2696
- .border-success-200 {
2697
- border-color: var(--pgn-color-success-200) !important;
2698
- }
2699
-
2700
- .bg-success-300 {
2701
- background-color: var(--pgn-color-success-300) !important;
2702
- }
2703
-
2704
- a.bg-success-300:hover,
2705
- a.bg-success-300:focus,
2706
- button.bg-success-300:hover,
2707
- button.bg-success-300:focus {
2708
- background-color: var(--pgn-color-action-default-success-300) !important;
2709
- }
2710
-
2711
- .text-success-300 {
2712
- color: var(--pgn-color-success-300) !important;
2713
- }
2714
-
2715
- a.text-success-300:hover,
2716
- a.text-success-300:focus {
2717
- color: var(--pgn-color-action-default-success-300) !important;
2718
- }
2719
-
2720
- .border-success-300 {
2721
- border-color: var(--pgn-color-success-300) !important;
2722
- }
2723
-
2724
- .bg-success-400 {
2725
- background-color: var(--pgn-color-success-400) !important;
2726
- }
2727
-
2728
- a.bg-success-400:hover,
2729
- a.bg-success-400:focus,
2730
- button.bg-success-400:hover,
2731
- button.bg-success-400:focus {
2732
- background-color: var(--pgn-color-action-default-success-400) !important;
2733
- }
2734
-
2735
- .text-success-400 {
2736
- color: var(--pgn-color-success-400) !important;
2737
- }
2738
-
2739
- a.text-success-400:hover,
2740
- a.text-success-400:focus {
2741
- color: var(--pgn-color-action-default-success-400) !important;
2742
- }
2743
-
2744
- .border-success-400 {
2745
- border-color: var(--pgn-color-success-400) !important;
2746
- }
2747
-
2748
- .bg-success-500 {
2749
- background-color: var(--pgn-color-success-500) !important;
2750
- }
2751
-
2752
- a.bg-success-500:hover,
2753
- a.bg-success-500:focus,
2754
- button.bg-success-500:hover,
2755
- button.bg-success-500:focus {
2756
- background-color: var(--pgn-color-action-default-success-500) !important;
2757
- }
2758
-
2759
- .text-success-500 {
2760
- color: var(--pgn-color-success-500) !important;
2761
- }
2762
-
2763
- a.text-success-500:hover,
2764
- a.text-success-500:focus {
2765
- color: var(--pgn-color-action-default-success-500) !important;
2766
- }
2767
-
2768
- .border-success-500 {
2769
- border-color: var(--pgn-color-success-500) !important;
2770
- }
2771
-
2772
- .bg-success-600 {
2773
- background-color: var(--pgn-color-success-600) !important;
2774
- }
2775
-
2776
- a.bg-success-600:hover,
2777
- a.bg-success-600:focus,
2778
- button.bg-success-600:hover,
2779
- button.bg-success-600:focus {
2780
- background-color: var(--pgn-color-action-default-success-600) !important;
2781
- }
2782
-
2783
- .text-success-600 {
2784
- color: var(--pgn-color-success-600) !important;
2785
- }
2786
-
2787
- a.text-success-600:hover,
2788
- a.text-success-600:focus {
2789
- color: var(--pgn-color-action-default-success-600) !important;
2790
- }
2791
-
2792
- .border-success-600 {
2793
- border-color: var(--pgn-color-success-600) !important;
2794
- }
2795
-
2796
- .bg-success-700 {
2797
- background-color: var(--pgn-color-success-700) !important;
2798
- }
2799
-
2800
- a.bg-success-700:hover,
2801
- a.bg-success-700:focus,
2802
- button.bg-success-700:hover,
2803
- button.bg-success-700:focus {
2804
- background-color: var(--pgn-color-action-default-success-700) !important;
2805
- }
2806
-
2807
- .text-success-700 {
2808
- color: var(--pgn-color-success-700) !important;
2809
- }
2810
-
2811
- a.text-success-700:hover,
2812
- a.text-success-700:focus {
2813
- color: var(--pgn-color-action-default-success-700) !important;
2814
- }
2815
-
2816
- .border-success-700 {
2817
- border-color: var(--pgn-color-success-700) !important;
2818
- }
2819
-
2820
- .bg-success-800 {
2821
- background-color: var(--pgn-color-success-800) !important;
2822
- }
2823
-
2824
- a.bg-success-800:hover,
2825
- a.bg-success-800:focus,
2826
- button.bg-success-800:hover,
2827
- button.bg-success-800:focus {
2828
- background-color: var(--pgn-color-action-default-success-800) !important;
2829
- }
2830
-
2831
- .text-success-800 {
2832
- color: var(--pgn-color-success-800) !important;
2833
- }
2834
-
2835
- a.text-success-800:hover,
2836
- a.text-success-800:focus {
2837
- color: var(--pgn-color-action-default-success-800) !important;
2838
- }
2839
-
2840
- .border-success-800 {
2841
- border-color: var(--pgn-color-success-800) !important;
2842
- }
2843
-
2844
- .bg-success-900 {
2845
- background-color: var(--pgn-color-success-900) !important;
2846
- }
2847
-
2848
- a.bg-success-900:hover,
2849
- a.bg-success-900:focus,
2850
- button.bg-success-900:hover,
2851
- button.bg-success-900:focus {
2852
- background-color: var(--pgn-color-action-default-success-900) !important;
2853
- }
2854
-
2855
- .text-success-900 {
2856
- color: var(--pgn-color-success-900) !important;
2857
- }
2858
-
2859
- a.text-success-900:hover,
2860
- a.text-success-900:focus {
2861
- color: var(--pgn-color-action-default-success-900) !important;
2862
- }
2863
-
2864
- .border-success-900 {
2865
- border-color: var(--pgn-color-success-900) !important;
2866
- }
2867
-
2868
- .bg-success {
2869
- background-color: var(--pgn-color-success-base) !important;
2870
- }
2871
-
2872
- a.bg-success:hover,
2873
- a.bg-success:focus,
2874
- button.bg-success:hover,
2875
- button.bg-success:focus {
2876
- background-color: var(--pgn-color-action-default-success-base) !important;
2877
- }
2878
-
2879
- .text-success {
2880
- color: var(--pgn-color-success-base) !important;
2881
- }
2882
-
2883
- a.text-success:hover,
2884
- a.text-success:focus {
2885
- color: var(--pgn-color-action-default-success-base) !important;
2886
- }
2887
-
2888
- .border-success {
2889
- border-color: var(--pgn-color-success-base) !important;
2890
- }
2891
-
2892
- .bg-info-100 {
2893
- background-color: var(--pgn-color-info-100) !important;
2894
- }
2895
-
2896
- a.bg-info-100:hover,
2897
- a.bg-info-100:focus,
2898
- button.bg-info-100:hover,
2899
- button.bg-info-100:focus {
2900
- background-color: var(--pgn-color-action-default-info-100) !important;
2901
- }
2902
-
2903
- .text-info-100 {
2904
- color: var(--pgn-color-info-100) !important;
2905
- }
2906
-
2907
- a.text-info-100:hover,
2908
- a.text-info-100:focus {
2909
- color: var(--pgn-color-action-default-info-100) !important;
2910
- }
2911
-
2912
- .border-info-100 {
2913
- border-color: var(--pgn-color-info-100) !important;
2914
- }
2915
-
2916
- .bg-info-200 {
2917
- background-color: var(--pgn-color-info-200) !important;
2918
- }
2919
-
2920
- a.bg-info-200:hover,
2921
- a.bg-info-200:focus,
2922
- button.bg-info-200:hover,
2923
- button.bg-info-200:focus {
2924
- background-color: var(--pgn-color-action-default-info-200) !important;
2925
- }
2926
-
2927
- .text-info-200 {
2928
- color: var(--pgn-color-info-200) !important;
2929
- }
2930
-
2931
- a.text-info-200:hover,
2932
- a.text-info-200:focus {
2933
- color: var(--pgn-color-action-default-info-200) !important;
2934
- }
2935
-
2936
- .border-info-200 {
2937
- border-color: var(--pgn-color-info-200) !important;
2938
- }
2939
-
2940
- .bg-info-300 {
2941
- background-color: var(--pgn-color-info-300) !important;
2942
- }
2943
-
2944
- a.bg-info-300:hover,
2945
- a.bg-info-300:focus,
2946
- button.bg-info-300:hover,
2947
- button.bg-info-300:focus {
2948
- background-color: var(--pgn-color-action-default-info-300) !important;
2949
- }
2950
-
2951
- .text-info-300 {
2952
- color: var(--pgn-color-info-300) !important;
2953
- }
2954
-
2955
- a.text-info-300:hover,
2956
- a.text-info-300:focus {
2957
- color: var(--pgn-color-action-default-info-300) !important;
2958
- }
2959
-
2960
- .border-info-300 {
2961
- border-color: var(--pgn-color-info-300) !important;
2962
- }
2963
-
2964
- .bg-info-400 {
2965
- background-color: var(--pgn-color-info-400) !important;
2966
- }
2967
-
2968
- a.bg-info-400:hover,
2969
- a.bg-info-400:focus,
2970
- button.bg-info-400:hover,
2971
- button.bg-info-400:focus {
2972
- background-color: var(--pgn-color-action-default-info-400) !important;
2973
- }
2974
-
2975
- .text-info-400 {
2976
- color: var(--pgn-color-info-400) !important;
2977
- }
2978
-
2979
- a.text-info-400:hover,
2980
- a.text-info-400:focus {
2981
- color: var(--pgn-color-action-default-info-400) !important;
2982
- }
2983
-
2984
- .border-info-400 {
2985
- border-color: var(--pgn-color-info-400) !important;
2986
- }
2987
-
2988
- .bg-info-500 {
2989
- background-color: var(--pgn-color-info-500) !important;
2990
- }
2991
-
2992
- a.bg-info-500:hover,
2993
- a.bg-info-500:focus,
2994
- button.bg-info-500:hover,
2995
- button.bg-info-500:focus {
2996
- background-color: var(--pgn-color-action-default-info-500) !important;
2997
- }
2998
-
2999
- .text-info-500 {
3000
- color: var(--pgn-color-info-500) !important;
3001
- }
3002
-
3003
- a.text-info-500:hover,
3004
- a.text-info-500:focus {
3005
- color: var(--pgn-color-action-default-info-500) !important;
3006
- }
3007
-
3008
- .border-info-500 {
3009
- border-color: var(--pgn-color-info-500) !important;
3010
- }
3011
-
3012
- .bg-info-600 {
3013
- background-color: var(--pgn-color-info-600) !important;
3014
- }
3015
-
3016
- a.bg-info-600:hover,
3017
- a.bg-info-600:focus,
3018
- button.bg-info-600:hover,
3019
- button.bg-info-600:focus {
3020
- background-color: var(--pgn-color-action-default-info-600) !important;
3021
- }
3022
-
3023
- .text-info-600 {
3024
- color: var(--pgn-color-info-600) !important;
3025
- }
3026
-
3027
- a.text-info-600:hover,
3028
- a.text-info-600:focus {
3029
- color: var(--pgn-color-action-default-info-600) !important;
3030
- }
3031
-
3032
- .border-info-600 {
3033
- border-color: var(--pgn-color-info-600) !important;
3034
- }
3035
-
3036
- .bg-info-700 {
3037
- background-color: var(--pgn-color-info-700) !important;
3038
- }
3039
-
3040
- a.bg-info-700:hover,
3041
- a.bg-info-700:focus,
3042
- button.bg-info-700:hover,
3043
- button.bg-info-700:focus {
3044
- background-color: var(--pgn-color-action-default-info-700) !important;
3045
- }
3046
-
3047
- .text-info-700 {
3048
- color: var(--pgn-color-info-700) !important;
3049
- }
3050
-
3051
- a.text-info-700:hover,
3052
- a.text-info-700:focus {
3053
- color: var(--pgn-color-action-default-info-700) !important;
3054
- }
3055
-
3056
- .border-info-700 {
3057
- border-color: var(--pgn-color-info-700) !important;
3058
- }
3059
-
3060
- .bg-info-800 {
3061
- background-color: var(--pgn-color-info-800) !important;
3062
- }
3063
-
3064
- a.bg-info-800:hover,
3065
- a.bg-info-800:focus,
3066
- button.bg-info-800:hover,
3067
- button.bg-info-800:focus {
3068
- background-color: var(--pgn-color-action-default-info-800) !important;
3069
- }
3070
-
3071
- .text-info-800 {
3072
- color: var(--pgn-color-info-800) !important;
3073
- }
3074
-
3075
- a.text-info-800:hover,
3076
- a.text-info-800:focus {
3077
- color: var(--pgn-color-action-default-info-800) !important;
3078
- }
3079
-
3080
- .border-info-800 {
3081
- border-color: var(--pgn-color-info-800) !important;
3082
- }
3083
-
3084
- .bg-info-900 {
3085
- background-color: var(--pgn-color-info-900) !important;
3086
- }
3087
-
3088
- a.bg-info-900:hover,
3089
- a.bg-info-900:focus,
3090
- button.bg-info-900:hover,
3091
- button.bg-info-900:focus {
3092
- background-color: var(--pgn-color-action-default-info-900) !important;
3093
- }
3094
-
3095
- .text-info-900 {
3096
- color: var(--pgn-color-info-900) !important;
3097
- }
3098
-
3099
- a.text-info-900:hover,
3100
- a.text-info-900:focus {
3101
- color: var(--pgn-color-action-default-info-900) !important;
3102
- }
3103
-
3104
- .border-info-900 {
3105
- border-color: var(--pgn-color-info-900) !important;
3106
- }
3107
-
3108
- .bg-info {
3109
- background-color: var(--pgn-color-info-base) !important;
3110
- }
3111
-
3112
- a.bg-info:hover,
3113
- a.bg-info:focus,
3114
- button.bg-info:hover,
3115
- button.bg-info:focus {
3116
- background-color: var(--pgn-color-action-default-info-base) !important;
3117
- }
3118
-
3119
- .text-info {
3120
- color: var(--pgn-color-info-base) !important;
3121
- }
3122
-
3123
- a.text-info:hover,
3124
- a.text-info:focus {
3125
- color: var(--pgn-color-action-default-info-base) !important;
3126
- }
3127
-
3128
- .border-info {
3129
- border-color: var(--pgn-color-info-base) !important;
3130
- }
3131
-
3132
- .bg-warning-100 {
3133
- background-color: var(--pgn-color-warning-100) !important;
3134
- }
3135
-
3136
- a.bg-warning-100:hover,
3137
- a.bg-warning-100:focus,
3138
- button.bg-warning-100:hover,
3139
- button.bg-warning-100:focus {
3140
- background-color: var(--pgn-color-action-default-warning-100) !important;
3141
- }
3142
-
3143
- .text-warning-100 {
3144
- color: var(--pgn-color-warning-100) !important;
3145
- }
3146
-
3147
- a.text-warning-100:hover,
3148
- a.text-warning-100:focus {
3149
- color: var(--pgn-color-action-default-warning-100) !important;
3150
- }
3151
-
3152
- .border-warning-100 {
3153
- border-color: var(--pgn-color-warning-100) !important;
3154
- }
3155
-
3156
- .bg-warning-200 {
3157
- background-color: var(--pgn-color-warning-200) !important;
3158
- }
3159
-
3160
- a.bg-warning-200:hover,
3161
- a.bg-warning-200:focus,
3162
- button.bg-warning-200:hover,
3163
- button.bg-warning-200:focus {
3164
- background-color: var(--pgn-color-action-default-warning-200) !important;
3165
- }
3166
-
3167
- .text-warning-200 {
3168
- color: var(--pgn-color-warning-200) !important;
3169
- }
3170
-
3171
- a.text-warning-200:hover,
3172
- a.text-warning-200:focus {
3173
- color: var(--pgn-color-action-default-warning-200) !important;
3174
- }
3175
-
3176
- .border-warning-200 {
3177
- border-color: var(--pgn-color-warning-200) !important;
3178
- }
3179
-
3180
- .bg-warning-300 {
3181
- background-color: var(--pgn-color-warning-300) !important;
3182
- }
3183
-
3184
- a.bg-warning-300:hover,
3185
- a.bg-warning-300:focus,
3186
- button.bg-warning-300:hover,
3187
- button.bg-warning-300:focus {
3188
- background-color: var(--pgn-color-action-default-warning-300) !important;
3189
- }
3190
-
3191
- .text-warning-300 {
3192
- color: var(--pgn-color-warning-300) !important;
3193
- }
3194
-
3195
- a.text-warning-300:hover,
3196
- a.text-warning-300:focus {
3197
- color: var(--pgn-color-action-default-warning-300) !important;
3198
- }
3199
-
3200
- .border-warning-300 {
3201
- border-color: var(--pgn-color-warning-300) !important;
3202
- }
3203
-
3204
- .bg-warning-400 {
3205
- background-color: var(--pgn-color-warning-400) !important;
3206
- }
3207
-
3208
- a.bg-warning-400:hover,
3209
- a.bg-warning-400:focus,
3210
- button.bg-warning-400:hover,
3211
- button.bg-warning-400:focus {
3212
- background-color: var(--pgn-color-action-default-warning-400) !important;
3213
- }
3214
-
3215
- .text-warning-400 {
3216
- color: var(--pgn-color-warning-400) !important;
3217
- }
3218
-
3219
- a.text-warning-400:hover,
3220
- a.text-warning-400:focus {
3221
- color: var(--pgn-color-action-default-warning-400) !important;
3222
- }
3223
-
3224
- .border-warning-400 {
3225
- border-color: var(--pgn-color-warning-400) !important;
3226
- }
3227
-
3228
- .bg-warning-500 {
3229
- background-color: var(--pgn-color-warning-500) !important;
3230
- }
3231
-
3232
- a.bg-warning-500:hover,
3233
- a.bg-warning-500:focus,
3234
- button.bg-warning-500:hover,
3235
- button.bg-warning-500:focus {
3236
- background-color: var(--pgn-color-action-default-warning-500) !important;
3237
- }
3238
-
3239
- .text-warning-500 {
3240
- color: var(--pgn-color-warning-500) !important;
3241
- }
3242
-
3243
- a.text-warning-500:hover,
3244
- a.text-warning-500:focus {
3245
- color: var(--pgn-color-action-default-warning-500) !important;
3246
- }
3247
-
3248
- .border-warning-500 {
3249
- border-color: var(--pgn-color-warning-500) !important;
3250
- }
3251
-
3252
- .bg-warning-600 {
3253
- background-color: var(--pgn-color-warning-600) !important;
3254
- }
3255
-
3256
- a.bg-warning-600:hover,
3257
- a.bg-warning-600:focus,
3258
- button.bg-warning-600:hover,
3259
- button.bg-warning-600:focus {
3260
- background-color: var(--pgn-color-action-default-warning-600) !important;
3261
- }
3262
-
3263
- .text-warning-600 {
3264
- color: var(--pgn-color-warning-600) !important;
3265
- }
3266
-
3267
- a.text-warning-600:hover,
3268
- a.text-warning-600:focus {
3269
- color: var(--pgn-color-action-default-warning-600) !important;
3270
- }
3271
-
3272
- .border-warning-600 {
3273
- border-color: var(--pgn-color-warning-600) !important;
3274
- }
3275
-
3276
- .bg-warning-700 {
3277
- background-color: var(--pgn-color-warning-700) !important;
3278
- }
3279
-
3280
- a.bg-warning-700:hover,
3281
- a.bg-warning-700:focus,
3282
- button.bg-warning-700:hover,
3283
- button.bg-warning-700:focus {
3284
- background-color: var(--pgn-color-action-default-warning-700) !important;
3285
- }
3286
-
3287
- .text-warning-700 {
3288
- color: var(--pgn-color-warning-700) !important;
3289
- }
3290
-
3291
- a.text-warning-700:hover,
3292
- a.text-warning-700:focus {
3293
- color: var(--pgn-color-action-default-warning-700) !important;
3294
- }
3295
-
3296
- .border-warning-700 {
3297
- border-color: var(--pgn-color-warning-700) !important;
3298
- }
3299
-
3300
- .bg-warning-800 {
3301
- background-color: var(--pgn-color-warning-800) !important;
3302
- }
3303
-
3304
- a.bg-warning-800:hover,
3305
- a.bg-warning-800:focus,
3306
- button.bg-warning-800:hover,
3307
- button.bg-warning-800:focus {
3308
- background-color: var(--pgn-color-action-default-warning-800) !important;
3309
- }
3310
-
3311
- .text-warning-800 {
3312
- color: var(--pgn-color-warning-800) !important;
3313
- }
3314
-
3315
- a.text-warning-800:hover,
3316
- a.text-warning-800:focus {
3317
- color: var(--pgn-color-action-default-warning-800) !important;
3318
- }
3319
-
3320
- .border-warning-800 {
3321
- border-color: var(--pgn-color-warning-800) !important;
3322
- }
3323
-
3324
- .bg-warning-900 {
3325
- background-color: var(--pgn-color-warning-900) !important;
3326
- }
3327
-
3328
- a.bg-warning-900:hover,
3329
- a.bg-warning-900:focus,
3330
- button.bg-warning-900:hover,
3331
- button.bg-warning-900:focus {
3332
- background-color: var(--pgn-color-action-default-warning-900) !important;
3333
- }
3334
-
3335
- .text-warning-900 {
3336
- color: var(--pgn-color-warning-900) !important;
3337
- }
3338
-
3339
- a.text-warning-900:hover,
3340
- a.text-warning-900:focus {
3341
- color: var(--pgn-color-action-default-warning-900) !important;
3342
- }
3343
-
3344
- .border-warning-900 {
3345
- border-color: var(--pgn-color-warning-900) !important;
3346
- }
3347
-
3348
- .bg-warning {
3349
- background-color: var(--pgn-color-warning-base) !important;
3350
- }
3351
-
3352
- a.bg-warning:hover,
3353
- a.bg-warning:focus,
3354
- button.bg-warning:hover,
3355
- button.bg-warning:focus {
3356
- background-color: var(--pgn-color-action-default-warning-base) !important;
3357
- }
3358
-
3359
- .text-warning {
3360
- color: var(--pgn-color-warning-base) !important;
3361
- }
3362
-
3363
- a.text-warning:hover,
3364
- a.text-warning:focus {
3365
- color: var(--pgn-color-action-default-warning-base) !important;
3366
- }
3367
-
3368
- .border-warning {
3369
- border-color: var(--pgn-color-warning-base) !important;
3370
- }
3371
-
3372
- .bg-danger-100 {
3373
- background-color: var(--pgn-color-danger-100) !important;
3374
- }
3375
-
3376
- a.bg-danger-100:hover,
3377
- a.bg-danger-100:focus,
3378
- button.bg-danger-100:hover,
3379
- button.bg-danger-100:focus {
3380
- background-color: var(--pgn-color-action-default-danger-100) !important;
3381
- }
3382
-
3383
- .text-danger-100 {
3384
- color: var(--pgn-color-danger-100) !important;
3385
- }
3386
-
3387
- a.text-danger-100:hover,
3388
- a.text-danger-100:focus {
3389
- color: var(--pgn-color-action-default-danger-100) !important;
3390
- }
3391
-
3392
- .border-danger-100 {
3393
- border-color: var(--pgn-color-danger-100) !important;
3394
- }
3395
-
3396
- .bg-danger-200 {
3397
- background-color: var(--pgn-color-danger-200) !important;
3398
- }
3399
-
3400
- a.bg-danger-200:hover,
3401
- a.bg-danger-200:focus,
3402
- button.bg-danger-200:hover,
3403
- button.bg-danger-200:focus {
3404
- background-color: var(--pgn-color-action-default-danger-200) !important;
3405
- }
3406
-
3407
- .text-danger-200 {
3408
- color: var(--pgn-color-danger-200) !important;
3409
- }
3410
-
3411
- a.text-danger-200:hover,
3412
- a.text-danger-200:focus {
3413
- color: var(--pgn-color-action-default-danger-200) !important;
3414
- }
3415
-
3416
- .border-danger-200 {
3417
- border-color: var(--pgn-color-danger-200) !important;
3418
- }
3419
-
3420
- .bg-danger-300 {
3421
- background-color: var(--pgn-color-danger-300) !important;
3422
- }
3423
-
3424
- a.bg-danger-300:hover,
3425
- a.bg-danger-300:focus,
3426
- button.bg-danger-300:hover,
3427
- button.bg-danger-300:focus {
3428
- background-color: var(--pgn-color-action-default-danger-300) !important;
3429
- }
3430
-
3431
- .text-danger-300 {
3432
- color: var(--pgn-color-danger-300) !important;
3433
- }
3434
-
3435
- a.text-danger-300:hover,
3436
- a.text-danger-300:focus {
3437
- color: var(--pgn-color-action-default-danger-300) !important;
3438
- }
3439
-
3440
- .border-danger-300 {
3441
- border-color: var(--pgn-color-danger-300) !important;
3442
- }
3443
-
3444
- .bg-danger-400 {
3445
- background-color: var(--pgn-color-danger-400) !important;
3446
- }
3447
-
3448
- a.bg-danger-400:hover,
3449
- a.bg-danger-400:focus,
3450
- button.bg-danger-400:hover,
3451
- button.bg-danger-400:focus {
3452
- background-color: var(--pgn-color-action-default-danger-400) !important;
3453
- }
3454
-
3455
- .text-danger-400 {
3456
- color: var(--pgn-color-danger-400) !important;
3457
- }
3458
-
3459
- a.text-danger-400:hover,
3460
- a.text-danger-400:focus {
3461
- color: var(--pgn-color-action-default-danger-400) !important;
3462
- }
3463
-
3464
- .border-danger-400 {
3465
- border-color: var(--pgn-color-danger-400) !important;
3466
- }
3467
-
3468
- .bg-danger-500 {
3469
- background-color: var(--pgn-color-danger-500) !important;
3470
- }
3471
-
3472
- a.bg-danger-500:hover,
3473
- a.bg-danger-500:focus,
3474
- button.bg-danger-500:hover,
3475
- button.bg-danger-500:focus {
3476
- background-color: var(--pgn-color-action-default-danger-500) !important;
3477
- }
3478
-
3479
- .text-danger-500 {
3480
- color: var(--pgn-color-danger-500) !important;
3481
- }
3482
-
3483
- a.text-danger-500:hover,
3484
- a.text-danger-500:focus {
3485
- color: var(--pgn-color-action-default-danger-500) !important;
3486
- }
3487
-
3488
- .border-danger-500 {
3489
- border-color: var(--pgn-color-danger-500) !important;
3490
- }
3491
-
3492
- .bg-danger-600 {
3493
- background-color: var(--pgn-color-danger-600) !important;
3494
- }
3495
-
3496
- a.bg-danger-600:hover,
3497
- a.bg-danger-600:focus,
3498
- button.bg-danger-600:hover,
3499
- button.bg-danger-600:focus {
3500
- background-color: var(--pgn-color-action-default-danger-600) !important;
3501
- }
3502
-
3503
- .text-danger-600 {
3504
- color: var(--pgn-color-danger-600) !important;
3505
- }
3506
-
3507
- a.text-danger-600:hover,
3508
- a.text-danger-600:focus {
3509
- color: var(--pgn-color-action-default-danger-600) !important;
3510
- }
3511
-
3512
- .border-danger-600 {
3513
- border-color: var(--pgn-color-danger-600) !important;
3514
- }
3515
-
3516
- .bg-danger-700 {
3517
- background-color: var(--pgn-color-danger-700) !important;
3518
- }
3519
-
3520
- a.bg-danger-700:hover,
3521
- a.bg-danger-700:focus,
3522
- button.bg-danger-700:hover,
3523
- button.bg-danger-700:focus {
3524
- background-color: var(--pgn-color-action-default-danger-700) !important;
3525
- }
3526
-
3527
- .text-danger-700 {
3528
- color: var(--pgn-color-danger-700) !important;
3529
- }
3530
-
3531
- a.text-danger-700:hover,
3532
- a.text-danger-700:focus {
3533
- color: var(--pgn-color-action-default-danger-700) !important;
3534
- }
3535
-
3536
- .border-danger-700 {
3537
- border-color: var(--pgn-color-danger-700) !important;
3538
- }
3539
-
3540
- .bg-danger-800 {
3541
- background-color: var(--pgn-color-danger-800) !important;
3542
- }
3543
-
3544
- a.bg-danger-800:hover,
3545
- a.bg-danger-800:focus,
3546
- button.bg-danger-800:hover,
3547
- button.bg-danger-800:focus {
3548
- background-color: var(--pgn-color-action-default-danger-800) !important;
3549
- }
3550
-
3551
- .text-danger-800 {
3552
- color: var(--pgn-color-danger-800) !important;
3553
- }
3554
-
3555
- a.text-danger-800:hover,
3556
- a.text-danger-800:focus {
3557
- color: var(--pgn-color-action-default-danger-800) !important;
3558
- }
3559
-
3560
- .border-danger-800 {
3561
- border-color: var(--pgn-color-danger-800) !important;
3562
- }
3563
-
3564
- .bg-danger-900 {
3565
- background-color: var(--pgn-color-danger-900) !important;
3566
- }
3567
-
3568
- a.bg-danger-900:hover,
3569
- a.bg-danger-900:focus,
3570
- button.bg-danger-900:hover,
3571
- button.bg-danger-900:focus {
3572
- background-color: var(--pgn-color-action-default-danger-900) !important;
3573
- }
3574
-
3575
- .text-danger-900 {
3576
- color: var(--pgn-color-danger-900) !important;
3577
- }
3578
-
3579
- a.text-danger-900:hover,
3580
- a.text-danger-900:focus {
3581
- color: var(--pgn-color-action-default-danger-900) !important;
3582
- }
3583
-
3584
- .border-danger-900 {
3585
- border-color: var(--pgn-color-danger-900) !important;
3586
- }
3587
-
3588
- .bg-danger {
3589
- background-color: var(--pgn-color-danger-base) !important;
3590
- }
3591
-
3592
- a.bg-danger:hover,
3593
- a.bg-danger:focus,
3594
- button.bg-danger:hover,
3595
- button.bg-danger:focus {
3596
- background-color: var(--pgn-color-action-default-danger-base) !important;
3597
- }
3598
-
3599
- .text-danger {
3600
- color: var(--pgn-color-danger-base) !important;
3601
- }
3602
-
3603
- a.text-danger:hover,
3604
- a.text-danger:focus {
3605
- color: var(--pgn-color-action-default-danger-base) !important;
3606
- }
3607
-
3608
- .border-danger {
3609
- border-color: var(--pgn-color-danger-base) !important;
3610
- }
3611
-
3612
- .bg-light-100 {
3613
- background-color: var(--pgn-color-light-100) !important;
3614
- }
3615
-
3616
- a.bg-light-100:hover,
3617
- a.bg-light-100:focus,
3618
- button.bg-light-100:hover,
3619
- button.bg-light-100:focus {
3620
- background-color: var(--pgn-color-action-default-light-100) !important;
3621
- }
3622
-
3623
- .text-light-100 {
3624
- color: var(--pgn-color-light-100) !important;
3625
- }
3626
-
3627
- a.text-light-100:hover,
3628
- a.text-light-100:focus {
3629
- color: var(--pgn-color-action-default-light-100) !important;
3630
- }
3631
-
3632
- .border-light-100 {
3633
- border-color: var(--pgn-color-light-100) !important;
3634
- }
3635
-
3636
- .bg-light-200 {
3637
- background-color: var(--pgn-color-light-200) !important;
3638
- }
3639
-
3640
- a.bg-light-200:hover,
3641
- a.bg-light-200:focus,
3642
- button.bg-light-200:hover,
3643
- button.bg-light-200:focus {
3644
- background-color: var(--pgn-color-action-default-light-200) !important;
3645
- }
3646
-
3647
- .text-light-200 {
3648
- color: var(--pgn-color-light-200) !important;
3649
- }
3650
-
3651
- a.text-light-200:hover,
3652
- a.text-light-200:focus {
3653
- color: var(--pgn-color-action-default-light-200) !important;
3654
- }
3655
-
3656
- .border-light-200 {
3657
- border-color: var(--pgn-color-light-200) !important;
3658
- }
3659
-
3660
- .bg-light-300 {
3661
- background-color: var(--pgn-color-light-300) !important;
3662
- }
3663
-
3664
- a.bg-light-300:hover,
3665
- a.bg-light-300:focus,
3666
- button.bg-light-300:hover,
3667
- button.bg-light-300:focus {
3668
- background-color: var(--pgn-color-action-default-light-300) !important;
3669
- }
3670
-
3671
- .text-light-300 {
3672
- color: var(--pgn-color-light-300) !important;
3673
- }
3674
-
3675
- a.text-light-300:hover,
3676
- a.text-light-300:focus {
3677
- color: var(--pgn-color-action-default-light-300) !important;
3678
- }
3679
-
3680
- .border-light-300 {
3681
- border-color: var(--pgn-color-light-300) !important;
3682
- }
3683
-
3684
- .bg-light-400 {
3685
- background-color: var(--pgn-color-light-400) !important;
3686
- }
3687
-
3688
- a.bg-light-400:hover,
3689
- a.bg-light-400:focus,
3690
- button.bg-light-400:hover,
3691
- button.bg-light-400:focus {
3692
- background-color: var(--pgn-color-action-default-light-400) !important;
3693
- }
3694
-
3695
- .text-light-400 {
3696
- color: var(--pgn-color-light-400) !important;
3697
- }
3698
-
3699
- a.text-light-400:hover,
3700
- a.text-light-400:focus {
3701
- color: var(--pgn-color-action-default-light-400) !important;
3702
- }
3703
-
3704
- .border-light-400 {
3705
- border-color: var(--pgn-color-light-400) !important;
3706
- }
3707
-
3708
- .bg-light-500 {
3709
- background-color: var(--pgn-color-light-500) !important;
3710
- }
3711
-
3712
- a.bg-light-500:hover,
3713
- a.bg-light-500:focus,
3714
- button.bg-light-500:hover,
3715
- button.bg-light-500:focus {
3716
- background-color: var(--pgn-color-action-default-light-500) !important;
3717
- }
3718
-
3719
- .text-light-500 {
3720
- color: var(--pgn-color-light-500) !important;
3721
- }
3722
-
3723
- a.text-light-500:hover,
3724
- a.text-light-500:focus {
3725
- color: var(--pgn-color-action-default-light-500) !important;
3726
- }
3727
-
3728
- .border-light-500 {
3729
- border-color: var(--pgn-color-light-500) !important;
3730
- }
3731
-
3732
- .bg-light-600 {
3733
- background-color: var(--pgn-color-light-600) !important;
3734
- }
3735
-
3736
- a.bg-light-600:hover,
3737
- a.bg-light-600:focus,
3738
- button.bg-light-600:hover,
3739
- button.bg-light-600:focus {
3740
- background-color: var(--pgn-color-action-default-light-600) !important;
3741
- }
3742
-
3743
- .text-light-600 {
3744
- color: var(--pgn-color-light-600) !important;
3745
- }
3746
-
3747
- a.text-light-600:hover,
3748
- a.text-light-600:focus {
3749
- color: var(--pgn-color-action-default-light-600) !important;
3750
- }
3751
-
3752
- .border-light-600 {
3753
- border-color: var(--pgn-color-light-600) !important;
3754
- }
3755
-
3756
- .bg-light-700 {
3757
- background-color: var(--pgn-color-light-700) !important;
3758
- }
3759
-
3760
- a.bg-light-700:hover,
3761
- a.bg-light-700:focus,
3762
- button.bg-light-700:hover,
3763
- button.bg-light-700:focus {
3764
- background-color: var(--pgn-color-action-default-light-700) !important;
3765
- }
3766
-
3767
- .text-light-700 {
3768
- color: var(--pgn-color-light-700) !important;
3769
- }
3770
-
3771
- a.text-light-700:hover,
3772
- a.text-light-700:focus {
3773
- color: var(--pgn-color-action-default-light-700) !important;
3774
- }
3775
-
3776
- .border-light-700 {
3777
- border-color: var(--pgn-color-light-700) !important;
3778
- }
3779
-
3780
- .bg-light-800 {
3781
- background-color: var(--pgn-color-light-800) !important;
3782
- }
3783
-
3784
- a.bg-light-800:hover,
3785
- a.bg-light-800:focus,
3786
- button.bg-light-800:hover,
3787
- button.bg-light-800:focus {
3788
- background-color: var(--pgn-color-action-default-light-800) !important;
3789
- }
3790
-
3791
- .text-light-800 {
3792
- color: var(--pgn-color-light-800) !important;
3793
- }
3794
-
3795
- a.text-light-800:hover,
3796
- a.text-light-800:focus {
3797
- color: var(--pgn-color-action-default-light-800) !important;
3798
- }
3799
-
3800
- .border-light-800 {
3801
- border-color: var(--pgn-color-light-800) !important;
3802
- }
3803
-
3804
- .bg-light-900 {
3805
- background-color: var(--pgn-color-light-900) !important;
3806
- }
3807
-
3808
- a.bg-light-900:hover,
3809
- a.bg-light-900:focus,
3810
- button.bg-light-900:hover,
3811
- button.bg-light-900:focus {
3812
- background-color: var(--pgn-color-action-default-light-900) !important;
3813
- }
3814
-
3815
- .text-light-900 {
3816
- color: var(--pgn-color-light-900) !important;
3817
- }
3818
-
3819
- a.text-light-900:hover,
3820
- a.text-light-900:focus {
3821
- color: var(--pgn-color-action-default-light-900) !important;
3822
- }
3823
-
3824
- .border-light-900 {
3825
- border-color: var(--pgn-color-light-900) !important;
3826
- }
3827
-
3828
- .bg-light {
3829
- background-color: var(--pgn-color-light-base) !important;
3830
- }
3831
-
3832
- a.bg-light:hover,
3833
- a.bg-light:focus,
3834
- button.bg-light:hover,
3835
- button.bg-light:focus {
3836
- background-color: var(--pgn-color-action-default-light-base) !important;
3837
- }
3838
-
3839
- .text-light {
3840
- color: var(--pgn-color-light-base) !important;
3841
- }
3842
-
3843
- a.text-light:hover,
3844
- a.text-light:focus {
3845
- color: var(--pgn-color-action-default-light-base) !important;
3846
- }
3847
-
3848
- .border-light {
3849
- border-color: var(--pgn-color-light-base) !important;
3850
- }
3851
-
3852
- .bg-dark-100 {
3853
- background-color: var(--pgn-color-dark-100) !important;
3854
- }
3855
-
3856
- a.bg-dark-100:hover,
3857
- a.bg-dark-100:focus,
3858
- button.bg-dark-100:hover,
3859
- button.bg-dark-100:focus {
3860
- background-color: var(--pgn-color-action-default-dark-100) !important;
3861
- }
3862
-
3863
- .text-dark-100 {
3864
- color: var(--pgn-color-dark-100) !important;
3865
- }
3866
-
3867
- a.text-dark-100:hover,
3868
- a.text-dark-100:focus {
3869
- color: var(--pgn-color-action-default-dark-100) !important;
3870
- }
3871
-
3872
- .border-dark-100 {
3873
- border-color: var(--pgn-color-dark-100) !important;
3874
- }
3875
-
3876
- .bg-dark-200 {
3877
- background-color: var(--pgn-color-dark-200) !important;
3878
- }
3879
-
3880
- a.bg-dark-200:hover,
3881
- a.bg-dark-200:focus,
3882
- button.bg-dark-200:hover,
3883
- button.bg-dark-200:focus {
3884
- background-color: var(--pgn-color-action-default-dark-200) !important;
3885
- }
3886
-
3887
- .text-dark-200 {
3888
- color: var(--pgn-color-dark-200) !important;
3889
- }
3890
-
3891
- a.text-dark-200:hover,
3892
- a.text-dark-200:focus {
3893
- color: var(--pgn-color-action-default-dark-200) !important;
3894
- }
3895
-
3896
- .border-dark-200 {
3897
- border-color: var(--pgn-color-dark-200) !important;
3898
- }
3899
-
3900
- .bg-dark-300 {
3901
- background-color: var(--pgn-color-dark-300) !important;
3902
- }
3903
-
3904
- a.bg-dark-300:hover,
3905
- a.bg-dark-300:focus,
3906
- button.bg-dark-300:hover,
3907
- button.bg-dark-300:focus {
3908
- background-color: var(--pgn-color-action-default-dark-300) !important;
3909
- }
3910
-
3911
- .text-dark-300 {
3912
- color: var(--pgn-color-dark-300) !important;
3913
- }
3914
-
3915
- a.text-dark-300:hover,
3916
- a.text-dark-300:focus {
3917
- color: var(--pgn-color-action-default-dark-300) !important;
3918
- }
3919
-
3920
- .border-dark-300 {
3921
- border-color: var(--pgn-color-dark-300) !important;
3922
- }
3923
-
3924
- .bg-dark-400 {
3925
- background-color: var(--pgn-color-dark-400) !important;
3926
- }
3927
-
3928
- a.bg-dark-400:hover,
3929
- a.bg-dark-400:focus,
3930
- button.bg-dark-400:hover,
3931
- button.bg-dark-400:focus {
3932
- background-color: var(--pgn-color-action-default-dark-400) !important;
3933
- }
3934
-
3935
- .text-dark-400 {
3936
- color: var(--pgn-color-dark-400) !important;
3937
- }
3938
-
3939
- a.text-dark-400:hover,
3940
- a.text-dark-400:focus {
3941
- color: var(--pgn-color-action-default-dark-400) !important;
3942
- }
3943
-
3944
- .border-dark-400 {
3945
- border-color: var(--pgn-color-dark-400) !important;
3946
- }
3947
-
3948
- .bg-dark-500 {
3949
- background-color: var(--pgn-color-dark-500) !important;
3950
- }
3951
-
3952
- a.bg-dark-500:hover,
3953
- a.bg-dark-500:focus,
3954
- button.bg-dark-500:hover,
3955
- button.bg-dark-500:focus {
3956
- background-color: var(--pgn-color-action-default-dark-500) !important;
3957
- }
3958
-
3959
- .text-dark-500 {
3960
- color: var(--pgn-color-dark-500) !important;
3961
- }
3962
-
3963
- a.text-dark-500:hover,
3964
- a.text-dark-500:focus {
3965
- color: var(--pgn-color-action-default-dark-500) !important;
3966
- }
3967
-
3968
- .border-dark-500 {
3969
- border-color: var(--pgn-color-dark-500) !important;
3970
- }
3971
-
3972
- .bg-dark-600 {
3973
- background-color: var(--pgn-color-dark-600) !important;
3974
- }
3975
-
3976
- a.bg-dark-600:hover,
3977
- a.bg-dark-600:focus,
3978
- button.bg-dark-600:hover,
3979
- button.bg-dark-600:focus {
3980
- background-color: var(--pgn-color-action-default-dark-600) !important;
3981
- }
3982
-
3983
- .text-dark-600 {
3984
- color: var(--pgn-color-dark-600) !important;
3985
- }
3986
-
3987
- a.text-dark-600:hover,
3988
- a.text-dark-600:focus {
3989
- color: var(--pgn-color-action-default-dark-600) !important;
3990
- }
3991
-
3992
- .border-dark-600 {
3993
- border-color: var(--pgn-color-dark-600) !important;
3994
- }
3995
-
3996
- .bg-dark-700 {
3997
- background-color: var(--pgn-color-dark-700) !important;
3998
- }
3999
-
4000
- a.bg-dark-700:hover,
4001
- a.bg-dark-700:focus,
4002
- button.bg-dark-700:hover,
4003
- button.bg-dark-700:focus {
4004
- background-color: var(--pgn-color-action-default-dark-700) !important;
4005
- }
4006
-
4007
- .text-dark-700 {
4008
- color: var(--pgn-color-dark-700) !important;
4009
- }
4010
-
4011
- a.text-dark-700:hover,
4012
- a.text-dark-700:focus {
4013
- color: var(--pgn-color-action-default-dark-700) !important;
4014
- }
4015
-
4016
- .border-dark-700 {
4017
- border-color: var(--pgn-color-dark-700) !important;
4018
- }
4019
-
4020
- .bg-dark-800 {
4021
- background-color: var(--pgn-color-dark-800) !important;
4022
- }
4023
-
4024
- a.bg-dark-800:hover,
4025
- a.bg-dark-800:focus,
4026
- button.bg-dark-800:hover,
4027
- button.bg-dark-800:focus {
4028
- background-color: var(--pgn-color-action-default-dark-800) !important;
4029
- }
4030
-
4031
- .text-dark-800 {
4032
- color: var(--pgn-color-dark-800) !important;
4033
- }
4034
-
4035
- a.text-dark-800:hover,
4036
- a.text-dark-800:focus {
4037
- color: var(--pgn-color-action-default-dark-800) !important;
4038
- }
4039
-
4040
- .border-dark-800 {
4041
- border-color: var(--pgn-color-dark-800) !important;
4042
- }
4043
-
4044
- .bg-dark-900 {
4045
- background-color: var(--pgn-color-dark-900) !important;
4046
- }
4047
-
4048
- a.bg-dark-900:hover,
4049
- a.bg-dark-900:focus,
4050
- button.bg-dark-900:hover,
4051
- button.bg-dark-900:focus {
4052
- background-color: var(--pgn-color-action-default-dark-900) !important;
4053
- }
4054
-
4055
- .text-dark-900 {
4056
- color: var(--pgn-color-dark-900) !important;
4057
- }
4058
-
4059
- a.text-dark-900:hover,
4060
- a.text-dark-900:focus {
4061
- color: var(--pgn-color-action-default-dark-900) !important;
4062
- }
4063
-
4064
- .border-dark-900 {
4065
- border-color: var(--pgn-color-dark-900) !important;
4066
- }
4067
-
4068
- .bg-dark {
4069
- background-color: var(--pgn-color-dark-base) !important;
4070
- }
4071
-
4072
- a.bg-dark:hover,
4073
- a.bg-dark:focus,
4074
- button.bg-dark:hover,
4075
- button.bg-dark:focus {
4076
- background-color: var(--pgn-color-action-default-dark-base) !important;
4077
- }
4078
-
4079
- .text-dark {
4080
- color: var(--pgn-color-dark-base) !important;
4081
- }
4082
-
4083
- a.text-dark:hover,
4084
- a.text-dark:focus {
4085
- color: var(--pgn-color-action-default-dark-base) !important;
4086
- }
4087
-
4088
- .border-dark {
4089
- border-color: var(--pgn-color-dark-base) !important;
4090
- }