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