@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/core/variables.css ADDED
@@ -0,0 +1,614 @@
1
+ /**
2
+ * IMPORTANT: This file is the result of assembling design tokens
3
+ * Do not edit directly
4
+ * Generated on Thu, 09 May 2024 13:33:11 GMT
5
+ */
6
+
7
+ :root {
8
+ --pgn-theme-interval: 8%;
9
+ --pgn-other-form-control-custom-file-content: Browse;
10
+ --pgn-other-form-control-custom-file-lang: en;
11
+ --pgn-other-form-control-range-track-cursor: pointer;
12
+ --pgn-other-form-control-cursor: auto;
13
+ --pgn-elevation-zindex-fixed: 1030;
14
+ --pgn-elevation-zindex-sticky: 1020;
15
+ --pgn-elevation-zindex-2000: 2000;
16
+ --pgn-elevation-zindex-1800: 1800;
17
+ --pgn-elevation-zindex-1600: 1600;
18
+ --pgn-elevation-zindex-1400: 1400;
19
+ --pgn-elevation-zindex-1200: 1200;
20
+ --pgn-elevation-zindex-1000: 1000;
21
+ --pgn-elevation-zindex-800: 800;
22
+ --pgn-elevation-zindex-600: 600;
23
+ --pgn-elevation-zindex-400: 400;
24
+ --pgn-elevation-zindex-200: 200;
25
+ --pgn-elevation-zindex-0: 0;
26
+ --pgn-elevation-tooltip-zindex: 1070;
27
+ --pgn-elevation-sheet-zindex-main: 1032;
28
+ --pgn-elevation-sheet-zindex-backdrop: 1031;
29
+ --pgn-elevation-product-tour-checkpoint-zindex: 1060;
30
+ --pgn-elevation-popover-zindex: 1060;
31
+ --pgn-elevation-modal-zindex: 1050;
32
+ --pgn-elevation-modal-backdrop-zindex: 1040;
33
+ --pgn-elevation-dropdown-zindex: 1000;
34
+ --pgn-transition-collapse-width: width .35s ease;
35
+ --pgn-transition-collapse-height: height .35s ease;
36
+ --pgn-transition-fade: opacity .15s linear;
37
+ --pgn-transition-base: all .2s ease-in-out;
38
+ --pgn-transition-progress-bar-bar-transition: width .6s ease;
39
+ --pgn-transition-progress-bar-bar-animation-timing: 1s linear infinite;
40
+ --pgn-transition-form-control: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
41
+ --pgn-transition-form-input: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
42
+ --pgn-transition-carousel-control: opacity .15s ease;
43
+ --pgn-transition-carousel-indicator: opacity .6s ease;
44
+ --pgn-transition-carousel-duration: .6s;
45
+ --pgn-transition-btn: none;
46
+ --pgn-transition-badge: none;
47
+ --pgn-typography-line-height-micro: .938rem;
48
+ --pgn-typography-line-height-sm: 1.5;
49
+ --pgn-typography-line-height-lg: 1.5;
50
+ --pgn-typography-line-height-base: 1.5556;
51
+ --pgn-typography-font-weight-table-th: normal;
52
+ --pgn-typography-font-weight-lead: inherit;
53
+ --pgn-typography-font-weight-bolder: bolder;
54
+ --pgn-typography-font-weight-bold: 700;
55
+ --pgn-typography-font-weight-semi-bold: 500;
56
+ --pgn-typography-font-weight-normal: 400;
57
+ --pgn-typography-font-weight-light: 300;
58
+ --pgn-typography-font-weight-lighter: lighter;
59
+ --pgn-typography-font-size-micro: .688rem;
60
+ --pgn-typography-font-size-mobile-h1: 2.25rem;
61
+ --pgn-typography-font-size-h6: .75rem;
62
+ --pgn-typography-font-size-h5: .875rem;
63
+ --pgn-typography-font-size-h4: 1.125rem;
64
+ --pgn-typography-font-size-h3: 1.375rem;
65
+ --pgn-typography-font-size-h2: 2rem;
66
+ --pgn-typography-font-size-h1: 2.5rem;
67
+ --pgn-typography-font-size-small-x: 75%;
68
+ --pgn-typography-font-size-small-base: 87.5%;
69
+ --pgn-typography-font-size-xs: .75rem;
70
+ --pgn-typography-font-size-sm: .875rem;
71
+ --pgn-typography-font-size-lg: 1.4063rem;
72
+ --pgn-typography-font-size-base: 1.125rem;
73
+ --pgn-typography-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
74
+ --pgn-typography-font-family-serif: serif;
75
+ --pgn-typography-font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
76
+ --pgn-typography-display-mobile: 3.25rem;
77
+ --pgn-typography-display-line-height-mobile: 3.5rem;
78
+ --pgn-typography-display-line-height-base: 1;
79
+ --pgn-typography-display-4: 7.5rem;
80
+ --pgn-typography-display-3: 5.625rem;
81
+ --pgn-typography-display-2: 4.875rem;
82
+ --pgn-typography-display-1: 3.75rem;
83
+ --pgn-typography-toast-font-size: .875rem;
84
+ --pgn-typography-spacer-line-height: 1px;
85
+ --pgn-typography-pagination-line-height: 1.5rem;
86
+ --pgn-typography-pagination-font-size-sm: .875rem;
87
+ --pgn-typography-nav-link-text-decoration: none;
88
+ --pgn-typography-nav-link-font-weight: 500;
89
+ --pgn-typography-menu-select-btn-link-text-decoration-thickness: .125rem;
90
+ --pgn-typography-menu-select-btn-link-text-decoration-line: underline;
91
+ --pgn-typography-image-figure-caption-font-size: 90%;
92
+ --pgn-typography-link-decoration-brand-inline-hover: underline;
93
+ --pgn-typography-link-decoration-brand-inline-base: underline;
94
+ --pgn-typography-link-decoration-brand-hover: underline;
95
+ --pgn-typography-link-decoration-brand-base: none;
96
+ --pgn-typography-link-decoration-muted-inline-hover: underline;
97
+ --pgn-typography-link-decoration-muted-inline-base: underline;
98
+ --pgn-typography-link-decoration-muted-hover: underline;
99
+ --pgn-typography-link-decoration-muted-base: none;
100
+ --pgn-typography-link-decoration-inline-hover: underline;
101
+ --pgn-typography-link-decoration-inline-base: underline;
102
+ --pgn-typography-link-decoration-hover: underline;
103
+ --pgn-typography-link-decoration-base: none;
104
+ --pgn-typography-input-btn-line-height-sm: 1.4286;
105
+ --pgn-typography-input-btn-line-height-base: 1.3333;
106
+ --pgn-typography-input-btn-font-size-lg: 1.325rem;
107
+ --pgn-typography-input-btn-font-size-sm: .875rem;
108
+ --pgn-typography-input-btn-font-size-base: 1.125rem;
109
+ --pgn-typography-input-btn-font-family: inherit;
110
+ --pgn-typography-headings-line-height: 1.25;
111
+ --pgn-typography-headings-font-family: inherit;
112
+ --pgn-typography-dropdown-item-text-decoration: none;
113
+ --pgn-typography-code-font-size: 87.5%;
114
+ --pgn-typography-breadcrumb-font-size: inherit;
115
+ --pgn-typography-badge-font-size: 75%;
116
+ --pgn-typography-alert-line-height: 1.5rem;
117
+ --pgn-typography-alert-font-size: .875rem;
118
+ --pgn-spacing-grid-gutter-width: 24px;
119
+ --pgn-spacing-table-cell-padding-sm: .3rem;
120
+ --pgn-spacing-table-cell-padding-base: 75rem;
121
+ --pgn-spacing-label-margin-bottom: .5rem;
122
+ --pgn-spacing-spacer-base: 1rem;
123
+ --pgn-spacing-spacer-0: 0;
124
+ --pgn-spacing-tooltip-margin: 0;
125
+ --pgn-spacing-tooltip-padding-x: .5rem;
126
+ --pgn-spacing-tooltip-padding-y: .5rem;
127
+ --pgn-spacing-toast-container-gutter-sm: .625rem;
128
+ --pgn-spacing-toast-container-gutter-lg: 1.25rem;
129
+ --pgn-spacing-toast-padding-y: .25rem;
130
+ --pgn-spacing-toast-padding-x: .75rem;
131
+ --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-distance: 5px;
132
+ --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-x: .625rem;
133
+ --pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-x: .625rem;
134
+ --pgn-spacing-tab-more-link-dropdown-toggle-padding-x: .7rem;
135
+ --pgn-spacing-sticky-offset: 0;
136
+ --pgn-spacing-stepper-header-step-list-margin: 0;
137
+ --pgn-spacing-stepper-header-step-list-padding-x: 0;
138
+ --pgn-spacing-stepper-header-step-list-padding-y: .25rem;
139
+ --pgn-spacing-stepper-header-step-padding: .25rem;
140
+ --pgn-spacing-stepper-header-padding-y: .75rem;
141
+ --pgn-spacing-vertical-align: .125em;
142
+ --pgn-spacing-selectable-box-box-space: .75rem;
143
+ --pgn-spacing-selectable-box-border-radius: .25rem;
144
+ --pgn-spacing-selectable-box-padding: 1rem;
145
+ --pgn-spacing-search-field-margin-button: .5rem;
146
+ --pgn-spacing-progress-bar-hint-annotation-gap: .5rem;
147
+ --pgn-spacing-popover-icon-margin-right: .5rem;
148
+ --pgn-spacing-popover-header-padding-x: 1rem;
149
+ --pgn-spacing-popover-header-padding-y: .5rem;
150
+ --pgn-spacing-pagination-margin-x: .5rem;
151
+ --pgn-spacing-pagination-padding-x-lg: 1.5rem;
152
+ --pgn-spacing-pagination-padding-x-sm: .6rem;
153
+ --pgn-spacing-pagination-padding-x-base: 1rem;
154
+ --pgn-spacing-pagination-padding-y-lg: .75rem;
155
+ --pgn-spacing-pagination-padding-y-sm: .8rem;
156
+ --pgn-spacing-pagination-padding-y-base: .625rem;
157
+ --pgn-spacing-navbar-toggler-padding-x: .75rem;
158
+ --pgn-spacing-navbar-toggler-padding-y: .25rem;
159
+ --pgn-spacing-navbar-padding-x-nav-link: .5rem;
160
+ --pgn-spacing-nav-link-distance-to-border: 4px;
161
+ --pgn-spacing-nav-link-padding-x: 1rem;
162
+ --pgn-spacing-nav-link-padding-y: .5rem;
163
+ --pgn-spacing-modal-dialog-margin: 1.5rem;
164
+ --pgn-spacing-modal-header-padding-y: 1rem;
165
+ --pgn-spacing-modal-footer-padding-y: 1rem;
166
+ --pgn-spacing-modal-inner-padding-bottom: .7rem;
167
+ --pgn-spacing-modal-inner-padding-base: 1.5rem;
168
+ --pgn-spacing-menu-item-icon-margin-left: .25em;
169
+ --pgn-spacing-image-thumbnail-padding: .25rem;
170
+ --pgn-spacing-mark-padding: .2em;
171
+ --pgn-spacing-paragraph-margin-bottom: 1rem;
172
+ --pgn-spacing-list-group-item-padding-x: 1.25rem;
173
+ --pgn-spacing-list-group-item-padding-y: .75rem;
174
+ --pgn-spacing-list-inline-padding: .5rem;
175
+ --pgn-spacing-input-btn-padding-lg-x: 1.25rem;
176
+ --pgn-spacing-input-btn-padding-lg-y: .6875rem;
177
+ --pgn-spacing-input-btn-padding-sm-x: .75rem;
178
+ --pgn-spacing-input-btn-padding-sm-y: .4375rem;
179
+ --pgn-spacing-input-btn-padding-x: 1rem;
180
+ --pgn-spacing-input-btn-padding-y: .5625rem;
181
+ --pgn-spacing-headings-margin-bottom: .5rem;
182
+ --pgn-spacing-caret-vertical-align: .255em;
183
+ --pgn-spacing-caret-base: .255em;
184
+ --pgn-spacing-form-control-select-icon-padding: .5625rem;
185
+ --pgn-spacing-form-control-select-feedback-tooltip-padding-x: .5rem;
186
+ --pgn-spacing-form-control-select-feedback-tooltip-padding-y: .25rem;
187
+ --pgn-spacing-form-control-select-indicator-padding: 1rem;
188
+ --pgn-spacing-form-control-spacer-x: 1rem;
189
+ --pgn-spacing-form-control-gutter: .5rem;
190
+ --pgn-spacing-form-group-margin-bottom: 1rem;
191
+ --pgn-spacing-form-check-position-axis: .375rem;
192
+ --pgn-spacing-form-check-inline-margin-x: .75rem;
193
+ --pgn-spacing-form-text-margin-top: .25rem;
194
+ --pgn-spacing-form-input-check-margin-y: .3rem;
195
+ --pgn-spacing-form-input-check-margin-x-inline: .3125rem;
196
+ --pgn-spacing-form-input-check-margin-x-base: .25rem;
197
+ --pgn-spacing-form-input-check-gutter: 1.25rem;
198
+ --pgn-spacing-dropzone-border-base: 1px;
199
+ --pgn-spacing-dropzone-padding: 1.5rem;
200
+ --pgn-spacing-dropdown-close-container-top: .625rem;
201
+ --pgn-spacing-dropdown-padding-y-item: .25rem;
202
+ --pgn-spacing-dropdown-padding-y-base: .5rem;
203
+ --pgn-spacing-dropdown-padding-x-item: 1rem;
204
+ --pgn-spacing-dropdown-padding-x-base: 0;
205
+ --pgn-spacing-dropdown-spacer: .125rem;
206
+ --pgn-spacing-data-table-footer-position: center;
207
+ --pgn-spacing-data-table-padding-cell: .5rem .75rem;
208
+ --pgn-spacing-data-table-padding-small: .5rem;
209
+ --pgn-spacing-data-table-padding-y: .75rem;
210
+ --pgn-spacing-data-table-padding-x: .75rem;
211
+ --pgn-spacing-collapsible-card-spacer-basic-icon: .625rem;
212
+ --pgn-spacing-collapsible-card-spacer-basic-x: .5rem;
213
+ --pgn-spacing-collapsible-card-spacer-basic-y: .5rem;
214
+ --pgn-spacing-collapsible-card-spacer-icon: 2.5rem;
215
+ --pgn-spacing-collapsible-card-spacer-left-body: .75rem;
216
+ --pgn-spacing-collapsible-card-spacer-x-base: .5rem;
217
+ --pgn-spacing-collapsible-card-spacer-y-base: .5rem;
218
+ --pgn-spacing-code-kbd-padding-x: .4rem;
219
+ --pgn-spacing-code-kbd-padding-y: .2rem;
220
+ --pgn-spacing-chip-carousel-container-padding-y: .313rem;
221
+ --pgn-spacing-chip-carousel-container-padding-x: .625rem;
222
+ --pgn-spacing-chip-carousel-controls-top-offset: .375rem;
223
+ --pgn-spacing-chip-outline-width: 3px;
224
+ --pgn-spacing-chip-outline-focus-distance-dark: .313rem;
225
+ --pgn-spacing-chip-outline-focus-distance-light: .313rem;
226
+ --pgn-spacing-chip-outline-selected-distance-dark: 3px;
227
+ --pgn-spacing-chip-outline-selected-distance-light: 3px;
228
+ --pgn-spacing-chip-padding-to-icon: 3px;
229
+ --pgn-spacing-chip-padding-icon: .25rem;
230
+ --pgn-spacing-chip-padding-x: .5rem;
231
+ --pgn-spacing-chip-padding-y: .125rem;
232
+ --pgn-spacing-chip-margin-icon: .25rem;
233
+ --pgn-spacing-chip-margin-base: .125rem;
234
+ --pgn-spacing-carousel-indicator-spacer: 3px;
235
+ --pgn-spacing-card-focus-border-offset: 5px;
236
+ --pgn-spacing-card-logo-bottom-offset-horizontal: .4375rem;
237
+ --pgn-spacing-card-logo-bottom-offset-base: 1rem;
238
+ --pgn-spacing-card-logo-left-offset-horizontal: .4375rem;
239
+ --pgn-spacing-card-logo-left-offset-base: 1.5rem;
240
+ --pgn-spacing-card-loading-skeleton-spacer: .313rem;
241
+ --pgn-spacing-card-footer-action-gap: .5rem;
242
+ --pgn-spacing-card-columns-gap: 1.25rem;
243
+ --pgn-spacing-card-columns-count: 3;
244
+ --pgn-spacing-card-margin-group: 12px;
245
+ --pgn-spacing-card-spacer-y: .75rem;
246
+ --pgn-spacing-card-spacer-x: 1.25rem;
247
+ --pgn-spacing-btn-block-spacing-y: .5rem;
248
+ --pgn-spacing-bubble-expandable-padding-x: .25rem;
249
+ --pgn-spacing-bubble-expandable-padding-y: 0;
250
+ --pgn-spacing-breadcrumb-margin-left: .5rem;
251
+ --pgn-spacing-breadcrumb-margin-bottom: 1rem;
252
+ --pgn-spacing-breadcrumb-padding-item: .5rem;
253
+ --pgn-spacing-breadcrumb-padding-x: 1rem;
254
+ --pgn-spacing-breadcrumb-padding-y: .75rem;
255
+ --pgn-spacing-badge-padding-y: .125rem;
256
+ --pgn-spacing-badge-padding-x-pill: .6em;
257
+ --pgn-spacing-badge-padding-x-base: .5rem;
258
+ --pgn-spacing-avatar-button-padding-left-lg: .25em;
259
+ --pgn-spacing-avatar-button-padding-left-sm: .25em;
260
+ --pgn-spacing-avatar-button-padding-left-base: .25em;
261
+ --pgn-spacing-annotation-arrow-side-margin: .25rem;
262
+ --pgn-spacing-annotation-padding: .5rem;
263
+ --pgn-spacing-alert-icon-space: .8rem;
264
+ --pgn-spacing-alert-margin-bottom: 1rem;
265
+ --pgn-spacing-alert-padding-x: 1.5rem;
266
+ --pgn-spacing-alert-padding-y: 1.5rem;
267
+ --pgn-spacing-action-row-gap-y: .5rem;
268
+ --pgn-spacing-action-row-gap-x: .5rem;
269
+ --pgn-size-breakpoint-xxl: 1400px;
270
+ --pgn-size-breakpoint-xl: 1200px;
271
+ --pgn-size-breakpoint-lg: 992px;
272
+ --pgn-size-breakpoint-md: 768px;
273
+ --pgn-size-breakpoint-sm: 576px;
274
+ --pgn-size-breakpoint-xs: 0;
275
+ --pgn-size-tooltip-arrow-width: .8rem;
276
+ --pgn-size-tooltip-arrow-height: .4rem;
277
+ --pgn-size-tooltip-max-width: 200px;
278
+ --pgn-size-toast-border-radius: .25rem;
279
+ --pgn-size-toast-border-width: 1px;
280
+ --pgn-size-toast-max-width: 400px;
281
+ --pgn-size-tabs-notification-width: 1rem;
282
+ --pgn-size-tabs-notification-height: 1rem;
283
+ --pgn-size-stepper-step-bubble-error-shadow-width: 3px;
284
+ --pgn-size-stepper-step-width-min: 0;
285
+ --pgn-size-stepper-header-height-min: 5.13rem;
286
+ --pgn-size-stack-gap: 0;
287
+ --pgn-size-spinner-sm-border-width: .2em;
288
+ --pgn-size-spinner-sm-width: 1rem;
289
+ --pgn-size-spinner-base-border-width: .25em;
290
+ --pgn-size-spinner-base-width: 2rem;
291
+ --pgn-size-search-field-border-radius: 0;
292
+ --pgn-size-search-field-border-width-focus: .3125rem;
293
+ --pgn-size-search-field-border-width-base: .0625rem;
294
+ --pgn-size-progress-bar-threshold-circle: .5625rem;
295
+ --pgn-size-progress-bar-border-radius: 0;
296
+ --pgn-size-progress-bar-border-width: 1px;
297
+ --pgn-size-progress-bar-height-annotated: .3125rem;
298
+ --pgn-size-progress-bar-height-base: 1rem;
299
+ --pgn-size-product-tour-checkpoint-width-max: 480px;
300
+ --pgn-size-product-tour-checkpoint-width-arrow: 15px;
301
+ --pgn-size-product-tour-checkpoint-width-border: 8px;
302
+ --pgn-size-popover-arrow-height: .5rem;
303
+ --pgn-size-popover-arrow-width: 1rem;
304
+ --pgn-size-popover-icon-width: 1rem;
305
+ --pgn-size-popover-icon-height: 1rem;
306
+ --pgn-size-popover-max-width: 480px;
307
+ --pgn-size-pagination-focus-outline: 0;
308
+ --pgn-size-pagination-focus-border-width: .125rem;
309
+ --pgn-size-pagination-toggle-border-sm: .25rem;
310
+ --pgn-size-pagination-toggle-border-base: .3125rem;
311
+ --pgn-size-pagination-reduced-dropdown-min-width: 6rem;
312
+ --pgn-size-pagination-reduced-dropdown-max-height: 60vh;
313
+ --pgn-size-pagination-secondary-height-sm: 2.25rem;
314
+ --pgn-size-pagination-secondary-height-base: 2.75rem;
315
+ --pgn-size-pagination-icon-height: 2.25rem;
316
+ --pgn-size-pagination-icon-width: 2.25rem;
317
+ --pgn-size-navbar-nav-scroll-max-height: 75vh;
318
+ --pgn-size-nav-tabs-border-radius: 0;
319
+ --pgn-size-nav-tabs-border-width: 2px;
320
+ --pgn-size-nav-tabs-link-border-bottom-width: .188rem;
321
+ --pgn-size-nav-pills-link-border-width: 1px;
322
+ --pgn-size-modal-content-border-width: 0px;
323
+ --pgn-size-modal-sm: 400px;
324
+ --pgn-size-modal-md: 500px;
325
+ --pgn-size-modal-lg: 800px;
326
+ --pgn-size-modal-xl: 1140px;
327
+ --pgn-size-menu-item-width-xs: 13.438rem;
328
+ --pgn-size-menu-item-width-base: 19rem;
329
+ --pgn-size-menu-item-height: 3rem;
330
+ --pgn-size-menu-base-max-height: 16.813rem;
331
+ --pgn-size-menu-base-border-radius: .25em;
332
+ --pgn-size-icon-button-diameter-sm: 2.25rem;
333
+ --pgn-size-icon-button-diameter-md: 2.75rem;
334
+ --pgn-size-icon-lg: 1.75rem;
335
+ --pgn-size-icon-md: 1.5rem;
336
+ --pgn-size-icon-sm: 1.25rem;
337
+ --pgn-size-icon-xs: 1rem;
338
+ --pgn-size-icon-inline: .8em;
339
+ --pgn-size-input-btn-focus-width: 1px;
340
+ --pgn-size-caret-width: .3em;
341
+ --pgn-size-form-border-radius-width: .125rem;
342
+ --pgn-size-form-border-radius-check-focus: .0625rem;
343
+ --pgn-size-form-autosuggest-border-width: .125rem;
344
+ --pgn-size-form-autosuggest-spinner-width: 1.25rem;
345
+ --pgn-size-form-autosuggest-icon-width: 2.4rem;
346
+ --pgn-size-form-grid-gutter-width: 0.625rem;
347
+ --pgn-size-form-control-border-radio-indicator-radius: 50%;
348
+ --pgn-size-form-control-border-checkbox-indicator-radius: 0;
349
+ --pgn-size-form-control-icon-width: 2rem;
350
+ --pgn-size-form-control-range-thumb-border-radius: 1rem;
351
+ --pgn-size-form-control-range-thumb-border-base: 0;
352
+ --pgn-size-form-control-range-thumb-width: 1rem;
353
+ --pgn-size-form-control-range-track-border-radius: 1rem;
354
+ --pgn-size-form-control-range-track-height: .5rem;
355
+ --pgn-size-form-control-range-track-width: 100%;
356
+ --pgn-size-form-control-indicator-border-width: 0.125rem;
357
+ --pgn-size-form-control-indicator-bg: 100%;
358
+ --pgn-size-form-control-indicator-base: 1.25rem;
359
+ --pgn-size-form-input-width-focus: 0.063rem;
360
+ --pgn-size-form-input-width-hover: 0.063rem;
361
+ --pgn-size-dropdown-min-width: 18rem;
362
+ --pgn-size-data-table-layout-sidebar-width: 12rem;
363
+ --pgn-size-data-table-dropdown-pagination-min-width: 6rem;
364
+ --pgn-size-data-table-dropdown-pagination-max-height: 60vh;
365
+ --pgn-size-data-table-border: 1px;
366
+ --pgn-size-container-max-width-xl: 1440px;
367
+ --pgn-size-container-max-width-lg: 1192px;
368
+ --pgn-size-container-max-width-md: 952px;
369
+ --pgn-size-container-max-width-sm: 708px;
370
+ --pgn-size-container-max-width-xs: 464px;
371
+ --pgn-size-color-picker-md: calc(1.3333em + 1.125rem + 2px);
372
+ --pgn-size-color-picker-sm: 2rem;
373
+ --pgn-size-code-pre-scrollable-max-height: 340px;
374
+ --pgn-size-chip-icon: 1.25rem;
375
+ --pgn-size-chip-border-radius: .25rem;
376
+ --pgn-size-carousel-caption-width: 70%;
377
+ --pgn-size-carousel-indicator-height-area-hit: 10px;
378
+ --pgn-size-carousel-indicator-height-base: 3px;
379
+ --pgn-size-carousel-indicator-width: 30px;
380
+ --pgn-size-carousel-control-width-icon: 20px;
381
+ --pgn-size-carousel-control-width-base: 15%;
382
+ --pgn-size-card-logo-height: 4.125rem;
383
+ --pgn-size-card-logo-width: 7.25rem;
384
+ --pgn-size-card-image-vertical-max-height: 140px;
385
+ --pgn-size-card-image-horizontal-width-max: 240px;
386
+ --pgn-size-card-focus-border-width: 2px;
387
+ --pgn-size-card-border-radius-logo: .25rem;
388
+ --pgn-size-btn-focus-width: 2px;
389
+ --pgn-size-breadcrumb-border-width-focus: .0625rem;
390
+ --pgn-size-breadcrumb-border-axis-y-focus: .5rem;
391
+ --pgn-size-breadcrumb-border-axis-x-focus: .25rem;
392
+ --pgn-size-breadcrumb-border-radius-focus: .125rem;
393
+ --pgn-size-badge-border-radius-pill: 10rem;
394
+ --pgn-size-badge-border-radius-base: .25rem;
395
+ --pgn-size-avatar-border-radius: 100%;
396
+ --pgn-size-avatar-border-base: 1px;
397
+ --pgn-size-avatar-huge: 18.75rem;
398
+ --pgn-size-avatar-xxl: 11.5rem;
399
+ --pgn-size-avatar-xl: 6rem;
400
+ --pgn-size-avatar-lg: 4rem;
401
+ --pgn-size-avatar-sm: 2.25rem;
402
+ --pgn-size-avatar-xs: 1.5rem;
403
+ --pgn-size-avatar-base: 3rem;
404
+ --pgn-size-annotation-border-radius: .25rem;
405
+ --pgn-size-annotation-max-width: 18.75rem;
406
+ --pgn-size-annotation-arrow-border-width: .5rem;
407
+ --pgn-size-alert-border-width: 0;
408
+ --pgn-size-rounded-pill: 50rem;
409
+ --pgn-size-border-radius-sm: 4px;
410
+ --pgn-size-border-radius-lg: 7px;
411
+ --pgn-size-border-radius-base: 6px;
412
+ --pgn-size-border-width: 1px;
413
+ --pgn-transition-carousel-base: transform var(--pgn-transition-carousel-duration) ease-in-out;
414
+ --pgn-typography-font-weight-base: var(--pgn-typography-font-weight-normal);
415
+ --pgn-typography-font-size-lead: calc(var(--pgn-typography-font-size-base) * 1.25);
416
+ --pgn-typography-font-size-mobile-h6: var(--pgn-typography-font-size-h6);
417
+ --pgn-typography-font-size-mobile-h5: var(--pgn-typography-font-size-h5);
418
+ --pgn-typography-font-size-mobile-h4: var(--pgn-typography-font-size-h4);
419
+ --pgn-typography-font-size-mobile-h3: var(--pgn-typography-font-size-h3);
420
+ --pgn-typography-font-size-mobile-h2: var(--pgn-typography-font-size-h2);
421
+ --pgn-typography-font-family-base: var(--pgn-typography-font-family-sans-serif);
422
+ --pgn-typography-display-weight-4: var(--pgn-typography-font-weight-bold);
423
+ --pgn-typography-display-weight-3: var(--pgn-typography-font-weight-bold);
424
+ --pgn-typography-display-weight-2: var(--pgn-typography-font-weight-bold);
425
+ --pgn-typography-display-weight-1: var(--pgn-typography-font-weight-bold);
426
+ --pgn-typography-tooltip-font-size: var(--pgn-typography-font-size-sm);
427
+ --pgn-typography-tabs-notification-font-size: var(--pgn-typography-font-size-xs);
428
+ --pgn-typography-progress-bar-font-size: calc(var(--pgn-typography-font-size-base) * .75);
429
+ --pgn-typography-popover-font-size: var(--pgn-typography-font-size-sm);
430
+ --pgn-typography-navbar-toggler-font-size: var(--pgn-typography-font-size-lg);
431
+ --pgn-typography-navbar-nav-link-height: calc(var(--pgn-typography-font-size-base) * var(--pgn-typography-line-height-base) + .5rem * 2);
432
+ --pgn-typography-navbar-brand-font-size: var(--pgn-typography-font-size-lg);
433
+ --pgn-typography-blockquote-font-size: calc(var(--pgn-typography-font-size-base) * 1.25);
434
+ --pgn-typography-blockquote-small-font-size: var(--pgn-typography-font-size-small-base);
435
+ --pgn-typography-dt-font-weight: var(--pgn-typography-font-weight-bold);
436
+ --pgn-typography-input-btn-line-height-lg: var(--pgn-typography-line-height-lg);
437
+ --pgn-typography-headings-font-weight: var(--pgn-typography-font-weight-bold);
438
+ --pgn-typography-form-feedback-tooltip-line-height: var(--pgn-typography-line-height-base);
439
+ --pgn-typography-form-feedback-tooltip-font-size: var(--pgn-typography-font-size-sm);
440
+ --pgn-typography-form-feedback-font-size: var(--pgn-typography-font-size-small-base);
441
+ --pgn-typography-form-input-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
442
+ --pgn-typography-form-input-line-height-base: var(--pgn-typography-input-btn-line-height-base);
443
+ --pgn-typography-form-input-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
444
+ --pgn-typography-form-input-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
445
+ --pgn-typography-form-input-font-size-base: var(--pgn-typography-input-btn-font-size-base);
446
+ --pgn-typography-form-input-font-family: var(--pgn-typography-input-btn-font-family);
447
+ --pgn-typography-dropzone-restriction-msg-font-size: var(--pgn-typography-font-size-small-x);
448
+ --pgn-typography-dropdown-font-size: var(--pgn-typography-font-size-base);
449
+ --pgn-typography-code-kbd-nested-font-weight: var(--pgn-typography-font-weight-bold);
450
+ --pgn-typography-code-kbd-font-size: var(--pgn-typography-code-font-size);
451
+ --pgn-typography-close-button-font-weight: var(--pgn-typography-font-weight-bold);
452
+ --pgn-typography-close-button-font-size: calc(var(--pgn-typography-font-size-base) * 1.5);
453
+ --pgn-typography-footer-text-font-size: var(--pgn-typography-font-size-small-x);
454
+ --pgn-typography-btn-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
455
+ --pgn-typography-btn-line-height-base: var(--pgn-typography-input-btn-line-height-base);
456
+ --pgn-typography-btn-font-weight: var(--pgn-typography-font-weight-normal);
457
+ --pgn-typography-btn-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
458
+ --pgn-typography-btn-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
459
+ --pgn-typography-btn-font-size-base: var(--pgn-typography-input-btn-font-size-base);
460
+ --pgn-typography-btn-font-family: var(--pgn-typography-input-btn-font-family);
461
+ --pgn-typography-badge-font-weight: var(--pgn-typography-font-weight-bold);
462
+ --pgn-typography-annotation-line-height: var(--pgn-typography-line-height-sm);
463
+ --pgn-typography-annotation-font-size: var(--pgn-typography-font-size-sm);
464
+ --pgn-typography-alert-font-weight-link: var(--pgn-typography-font-weight-normal);
465
+ --pgn-spacing-spacer-5-5: calc(var(--pgn-spacing-spacer-base) * 4);
466
+ --pgn-spacing-spacer-4-5: calc(var(--pgn-spacing-spacer-base) * 2);
467
+ --pgn-spacing-spacer-3-5: calc(var(--pgn-spacing-spacer-base) * 1.25);
468
+ --pgn-spacing-spacer-2-5: calc(var(--pgn-spacing-spacer-base) * .75);
469
+ --pgn-spacing-spacer-1-5: calc(var(--pgn-spacing-spacer-base) * .375);
470
+ --pgn-spacing-spacer-6: calc(var(--pgn-spacing-spacer-base) * 5);
471
+ --pgn-spacing-spacer-5: calc(var(--pgn-spacing-spacer-base) * 3);
472
+ --pgn-spacing-spacer-4: calc(var(--pgn-spacing-spacer-base) * 1.5);
473
+ --pgn-spacing-spacer-3: var(--pgn-spacing-spacer-base);
474
+ --pgn-spacing-spacer-2: calc(var(--pgn-spacing-spacer-base) * .5);
475
+ --pgn-spacing-spacer-1: calc(var(--pgn-spacing-spacer-base) * .25);
476
+ --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
477
+ --pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
478
+ --pgn-spacing-tab-more-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
479
+ --pgn-spacing-stepper-header-padding-x: var(--pgn-spacing-spacer-base);
480
+ --pgn-spacing-popover-body-padding-x: var(--pgn-spacing-popover-header-padding-x);
481
+ --pgn-spacing-popover-body-padding-y: var(--pgn-spacing-popover-header-padding-y);
482
+ --pgn-spacing-navbar-padding-x-base: var(--pgn-spacing-spacer-base);
483
+ --pgn-spacing-navbar-padding-y: calc(var(--pgn-spacing-spacer-base) / 2);
484
+ --pgn-spacing-nav-divider-margin-y: calc(var(--pgn-spacing-spacer-base) / 2);
485
+ --pgn-spacing-modal-header-padding-base: var(--pgn-spacing-modal-header-padding-y) 1.5rem;
486
+ --pgn-spacing-modal-footer-padding-base: var(--pgn-spacing-modal-footer-padding-y) 1.5rem;
487
+ --pgn-spacing-menu-item-icon-margin-right: var(--pgn-spacing-menu-item-icon-margin-left);
488
+ --pgn-spacing-form-control-select-feedback-margin-top: var(--pgn-spacing-form-text-margin-top);
489
+ --pgn-spacing-form-input-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
490
+ --pgn-spacing-form-input-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
491
+ --pgn-spacing-form-input-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
492
+ --pgn-spacing-form-input-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
493
+ --pgn-spacing-form-input-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
494
+ --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
495
+ --pgn-spacing-dropdown-divider-margin-y: calc(var(--pgn-spacing-spacer-base) / 2);
496
+ --pgn-spacing-dropdown-padding-header: var(--pgn-spacing-dropdown-padding-y-base) var(--pgn-spacing-dropdown-padding-x-item);
497
+ --pgn-spacing-collapsible-card-spacer-x-lg: var(--pgn-spacing-card-spacer-x);
498
+ --pgn-spacing-collapsible-card-spacer-y-lg: var(--pgn-spacing-card-spacer-y);
499
+ --pgn-spacing-card-columns-margin: var(--pgn-spacing-card-spacer-y);
500
+ --pgn-spacing-card-margin-grid: var(--pgn-spacing-card-margin-group);
501
+ --pgn-spacing-card-margin-deck: var(--pgn-spacing-card-margin-group);
502
+ --pgn-spacing-btn-focus-border-gap: calc(var(--pgn-size-btn-focus-width) + var(--pgn-spacing-btn-focus-gap));
503
+ --pgn-spacing-btn-focus-gap: var(--pgn-size-btn-focus-width);
504
+ --pgn-spacing-btn-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
505
+ --pgn-spacing-btn-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
506
+ --pgn-spacing-btn-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
507
+ --pgn-spacing-btn-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
508
+ --pgn-spacing-btn-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
509
+ --pgn-spacing-btn-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
510
+ --pgn-size-tooltip-border-radius: var(--pgn-size-border-radius-base);
511
+ --pgn-size-spinner-sm-height: var(--pgn-size-spinner-sm-width);
512
+ --pgn-size-spinner-base-height: var(--pgn-size-spinner-base-width);
513
+ --pgn-size-product-tour-checkpoint-arrow-transparent: var(--pgn-size-product-tour-checkpoint-width-arrow);
514
+ --pgn-size-product-tour-checkpoint-arrow-top: var(--pgn-size-product-tour-checkpoint-width-arrow);
515
+ --pgn-size-product-tour-checkpoint-arrow-bottom: var(--pgn-size-product-tour-checkpoint-width-arrow) var(--pgn-size-product-tour-checkpoint-width-border);
516
+ --pgn-size-popover-border-radius: var(--pgn-size-border-radius-sm);
517
+ --pgn-size-popover-border-width: var(--pgn-size-border-width);
518
+ --pgn-size-pagination-border-radius-lg: var(--pgn-size-border-radius-lg);
519
+ --pgn-size-pagination-border-radius-sm: var(--pgn-size-border-radius-sm);
520
+ --pgn-size-pagination-border-width: var(--pgn-size-border-width);
521
+ --pgn-size-nav-tabs-inverse-link-active-border-bottom-width: var(--pgn-size-nav-tabs-link-border-bottom-width);
522
+ --pgn-size-nav-pills-inverse-link-border-width: var(--pgn-size-nav-pills-link-border-width);
523
+ --pgn-size-nav-pills-border-radius: var(--pgn-size-border-radius-base);
524
+ --pgn-size-modal-content-border-radius: var(--pgn-size-border-radius-lg);
525
+ --pgn-size-image-thumbnail-border-radius: var(--pgn-size-border-radius-base);
526
+ --pgn-size-image-thumbnail-border-width: var(--pgn-size-border-width);
527
+ --pgn-size-icon-button-diameter-inline: calc(var(--pgn-typography-line-height-base) * 1em + .1em);
528
+ --pgn-size-list-group-border-radius: var(--pgn-size-border-radius-base);
529
+ --pgn-size-list-group-border-width: var(--pgn-size-border-width);
530
+ --pgn-size-input-btn-border-width: var(--pgn-size-border-width);
531
+ --pgn-size-hr-border-margin-y: var(--pgn-spacing-spacer-base);
532
+ --pgn-size-hr-border-width: var(--pgn-size-border-width);
533
+ --pgn-size-form-feedback-tooltip-border-radius: var(--pgn-size-border-radius-base);
534
+ --pgn-size-form-autosuggest-spinner-height: var(--pgn-size-form-autosuggest-spinner-width);
535
+ --pgn-size-form-autosuggest-icon-height: var(--pgn-size-form-autosuggest-icon-width);
536
+ --pgn-size-form-control-range-thumb-focus-width: var(--pgn-size-form-input-width-focus);
537
+ --pgn-size-form-control-range-thumb-height: var(--pgn-size-form-control-range-thumb-width);
538
+ --pgn-size-form-control-select-border-radius: var(--pgn-size-border-radius-base);
539
+ --pgn-size-form-control-select-border-width-focus: var(--pgn-size-form-input-width-focus);
540
+ --pgn-size-form-control-switch-indicator-border-radius: calc(var(--pgn-size-form-control-indicator-base) / 2);
541
+ --pgn-size-form-control-switch-indicator-base: calc(var(--pgn-size-form-control-indicator-base) - var(--pgn-size-form-control-indicator-border-width) * 4);
542
+ --pgn-size-form-control-switch-width: calc(var(--pgn-size-form-control-indicator-base) * 1.75);
543
+ --pgn-size-form-input-radius-border-sm: var(--pgn-size-border-radius-sm);
544
+ --pgn-size-form-input-radius-border-lg: var(--pgn-size-border-radius-lg);
545
+ --pgn-size-form-input-radius-border-base: var(--pgn-size-border-radius-base);
546
+ --pgn-size-dropdown-border-radius-base: var(--pgn-size-border-radius-base);
547
+ --pgn-size-dropdown-border-width: var(--pgn-size-border-width);
548
+ --pgn-size-card-image-horizontal-width-min: var(--pgn-size-card-image-horizontal-width-max);
549
+ --pgn-size-card-focus-border-radius: calc(var(--pgn-spacing-card-focus-border-offset) + var(--pgn-size-card-border-radius-base));
550
+ --pgn-size-card-border-radius-base: var(--pgn-size-border-radius-base);
551
+ --pgn-size-card-border-width: var(--pgn-size-border-width);
552
+ --pgn-size-btn-border-radius-sm: var(--pgn-size-border-radius-sm);
553
+ --pgn-size-btn-border-radius-lg: var(--pgn-size-border-radius-lg);
554
+ --pgn-size-btn-border-radius-base: var(--pgn-size-border-radius-base);
555
+ --pgn-size-breadcrumb-border-radius-base: var(--pgn-size-border-radius-base);
556
+ --pgn-size-badge-focus-width: var(--pgn-size-input-btn-focus-width);
557
+ --pgn-size-alert-border-radius: var(--pgn-size-border-radius-base);
558
+ --pgn-typography-form-control-file-font-family: var(--pgn-typography-form-input-font-family);
559
+ --pgn-typography-form-control-file-line-height: var(--pgn-typography-form-input-line-height-base);
560
+ --pgn-typography-form-control-select-line-height: var(--pgn-typography-form-input-line-height-base);
561
+ --pgn-typography-form-control-select-font-size-lg: var(--pgn-typography-form-input-font-size-lg);
562
+ --pgn-typography-form-control-select-font-size-sm: var(--pgn-typography-form-input-font-size-sm);
563
+ --pgn-typography-form-control-select-font-size-base: var(--pgn-typography-form-input-font-size-base);
564
+ --pgn-typography-form-control-select-font-family: var(--pgn-typography-form-input-font-family);
565
+ --pgn-typography-form-input-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
566
+ --pgn-typography-form-input-font-weight: var(--pgn-typography-font-weight-base);
567
+ --pgn-typography-btn-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
568
+ --pgn-spacing-navbar-brand-padding-y: calc((var(--pgn-typography-navbar-nav-link-height) - var(--pgn-size-navbar-brand-height)) / 2);
569
+ --pgn-spacing-menu-item-padding-y: var(--pgn-spacing-btn-padding-y-base);
570
+ --pgn-spacing-menu-item-padding-x: var(--pgn-spacing-btn-padding-x-base);
571
+ --pgn-spacing-form-control-file-padding-x: var(--pgn-spacing-form-input-padding-x-base);
572
+ --pgn-spacing-form-control-file-padding-y: var(--pgn-spacing-form-input-padding-y-base);
573
+ --pgn-spacing-form-control-select-padding-x-lg: var(--pgn-spacing-form-input-padding-x-lg);
574
+ --pgn-spacing-form-control-select-padding-x-sm: var(--pgn-spacing-form-input-padding-x-sm);
575
+ --pgn-spacing-form-control-select-padding-x-base: var(--pgn-spacing-form-input-padding-x-base);
576
+ --pgn-spacing-form-control-select-padding-y-lg: var(--pgn-spacing-form-input-padding-y-lg);
577
+ --pgn-spacing-form-control-select-padding-y-sm: var(--pgn-spacing-form-input-padding-y-sm);
578
+ --pgn-spacing-form-control-select-padding-y-base: var(--pgn-spacing-form-input-padding-y-base);
579
+ --pgn-spacing-card-margin-grid-bottom: var(--pgn-spacing-spacer-3);
580
+ --pgn-spacing-card-margin-deck-bottom: var(--pgn-spacing-spacer-3);
581
+ --pgn-spacing-btn-focus-distance-to-border: calc(var(--pgn-spacing-btn-focus-border-gap) + var(--pgn-size-btn-border-width));
582
+ --pgn-spacing-alert-actions-gap: var(--pgn-spacing-spacer-3);
583
+ --pgn-size-search-field-search-input-height: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
584
+ --pgn-size-navbar-toggler-border-radius: var(--pgn-size-btn-border-radius-base);
585
+ --pgn-size-navbar-brand-height: calc(var(--pgn-typography-navbar-brand-font-size) * var(--pgn-typography-line-height-base));
586
+ --pgn-size-form-control-file-border-radius: var(--pgn-size-form-input-radius-border-base);
587
+ --pgn-size-form-input-width-border: var(--pgn-size-input-btn-border-width);
588
+ --pgn-size-form-input-height-inner-quarter: calc(var(--pgn-typography-form-input-line-height-base) * .25em + calc(var(--pgn-spacing-form-input-padding-y-base) / 2));
589
+ --pgn-size-form-input-height-inner-half: calc(var(--pgn-typography-form-input-line-height-base) * .5em + var(--pgn-spacing-form-input-padding-y-base));
590
+ --pgn-size-form-input-height-inner-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
591
+ --pgn-size-form-input-height-sm: calc(var(--pgn-typography-form-input-line-height-sm) * 1em + var(--pgn-spacing-input-btn-padding-sm-y) * 2 + var(--pgn-size-form-input-height-border));
592
+ --pgn-size-form-input-height-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2 + var(--pgn-size-form-input-height-border));
593
+ --pgn-size-dropdown-border-radius-inner: calc(var(--pgn-size-dropdown-border-radius-base) - var(--pgn-size-dropdown-border-width));
594
+ --pgn-size-card-image-border-radius: var(--pgn-size-card-border-radius-base);
595
+ --pgn-size-btn-focus-border-radius-sm: var(--pgn-size-btn-border-radius-base);
596
+ --pgn-size-btn-focus-border-radius-base: calc(var(--pgn-size-btn-border-radius-base) + var(--pgn-spacing-btn-focus-border-gap));
597
+ --pgn-size-btn-border-width: var(--pgn-size-input-btn-border-width);
598
+ --pgn-typography-form-control-file-font-weight: var(--pgn-typography-form-input-font-weight);
599
+ --pgn-typography-form-control-select-font-weight: var(--pgn-typography-form-input-font-weight);
600
+ --pgn-spacing-form-control-select-feedback-icon-position: center right calc(var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
601
+ --pgn-spacing-form-control-select-feedback-icon-padding-right: calc((1em + 2 * var(--pgn-spacing-form-control-select-padding-y-base)) * 3 / 4 + var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
602
+ --pgn-size-menu-item-border-width: var(--pgn-size-btn-border-width);
603
+ --pgn-size-form-control-file-height-inner: var(--pgn-size-form-input-height-inner-base);
604
+ --pgn-size-form-control-file-height-base: var(--pgn-size-form-input-height-base);
605
+ --pgn-size-form-control-file-width: var(--pgn-size-form-input-width-border);
606
+ --pgn-size-form-control-select-border-width-base: var(--pgn-size-form-input-width-border);
607
+ --pgn-size-form-control-select-feedback-icon: var(--pgn-size-form-input-height-inner-half) var(--pgn-size-form-input-height-inner-half);
608
+ --pgn-size-form-control-select-height-sm: var(--pgn-size-form-input-height-sm);
609
+ --pgn-size-form-control-select-height-base: var(--pgn-size-form-input-height-base);
610
+ --pgn-size-form-input-height-border: calc(var(--pgn-size-form-input-width-border) * 2);
611
+ --pgn-size-form-input-height-lg: calc(var(--pgn-typography-form-input-line-height-lg) * 1em + var(--pgn-spacing-input-btn-padding-lg-y) * 2 + var(--pgn-size-form-input-height-border));
612
+ --pgn-size-btn-focus-border-radius-lg: var(--pgn-size-btn-focus-border-radius-base);
613
+ --pgn-size-form-control-select-height-lg: var(--pgn-size-form-input-height-lg);
614
+ }
package/styles/css/themes/light/index.css ADDED
@@ -0,0 +1,2 @@
1
+ @import "variables.css";
2
+ @import "utility-classes.css";