@openedx/paragon 22.4.0 → 23.0.0-alpha.1

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