@openedx/paragon 21.7.1 → 22.0.0-alpha.15

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 (543) hide show
  1. package/README.md +36 -5
  2. package/bin/paragon-scripts.js +128 -10
  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 -358
  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 +36 -34
  21. package/dist/ChipCarousel/index.scss +1 -3
  22. package/dist/CloseButton/index.scss +31 -2
  23. package/dist/Code/index.scss +47 -2
  24. package/dist/Collapsible/index.scss +15 -15
  25. package/dist/ColorPicker/index.scss +9 -11
  26. package/dist/DataTable/CollapsibleButtonGroup.js +2 -2
  27. package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
  28. package/dist/DataTable/ExpandRow.js +8 -3
  29. package/dist/DataTable/ExpandRow.js.map +1 -1
  30. package/dist/DataTable/filters/TextFilter.js +2 -3
  31. package/dist/DataTable/filters/TextFilter.js.map +1 -1
  32. package/dist/DataTable/index.scss +48 -50
  33. package/dist/DataTable/selection/ControlledSelect.js +7 -3
  34. package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
  35. package/dist/DataTable/selection/ControlledSelectHeader.js +7 -3
  36. package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
  37. package/dist/DataTable/selection/ControlledSelectionStatus.js +14 -5
  38. package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
  39. package/dist/Dropdown/dropdown-bootstrap.scss +181 -0
  40. package/dist/Dropdown/index.js +0 -2
  41. package/dist/Dropdown/index.js.map +1 -1
  42. package/dist/Dropdown/index.scss +11 -12
  43. package/dist/Dropzone/index.scss +12 -14
  44. package/dist/Form/_FormText.scss +8 -8
  45. package/dist/Form/_bootstrap-custom-forms.scss +551 -0
  46. package/dist/Form/_bootstrap-forms.scss +381 -0
  47. package/dist/Form/_index.scss +165 -143
  48. package/dist/Form/_input-group.scss +188 -0
  49. package/dist/Form/_mixins.scss +216 -3
  50. package/dist/Hyperlink/index.scss +1 -1
  51. package/dist/Icon/index.scss +10 -12
  52. package/dist/IconButton/_mixins.scss +4 -0
  53. package/dist/IconButton/index.js +5 -11
  54. package/dist/IconButton/index.js.map +1 -1
  55. package/dist/IconButton/index.scss +387 -74
  56. package/dist/IconButtonToggle/index.scss +1 -1
  57. package/dist/Image/index.scss +53 -2
  58. package/dist/Menu/index.scss +25 -27
  59. package/dist/Modal/_ModalDialog.scss +51 -49
  60. package/dist/Modal/index.scss +6 -73
  61. package/dist/Nav/_mixins.scss +4 -4
  62. package/dist/Nav/index.scss +70 -66
  63. package/dist/Navbar/index.scss +276 -2
  64. package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  65. package/dist/Overlay/index.js +2 -3
  66. package/dist/Overlay/index.js.map +1 -1
  67. package/dist/PageBanner/index.scss +17 -21
  68. package/dist/Pagination/index.scss +51 -46
  69. package/dist/Pagination/pagination-bootstrap.scss +83 -0
  70. package/dist/Popover/index.scss +9 -10
  71. package/dist/Popover/popover-bootstrap.scss +198 -0
  72. package/dist/ProductTour/Checkpoint.scss +71 -43
  73. package/dist/ProgressBar/_mixins.scss +22 -0
  74. package/dist/ProgressBar/bootstrap-progress.scss +49 -0
  75. package/dist/ProgressBar/index.scss +28 -36
  76. package/dist/Scrollable/index.scss +2 -2
  77. package/dist/SearchField/SearchFieldInput.js +2 -2
  78. package/dist/SearchField/SearchFieldInput.js.map +1 -1
  79. package/dist/SearchField/index.scss +19 -21
  80. package/dist/SelectableBox/index.scss +11 -13
  81. package/dist/Sheet/index.scss +10 -10
  82. package/dist/Spinner/index.scss +57 -2
  83. package/dist/Stack/index.scss +1 -3
  84. package/dist/Stepper/index.scss +19 -20
  85. package/dist/Sticky/index.scss +4 -6
  86. package/dist/Tabs/index.js +0 -2
  87. package/dist/Tabs/index.js.map +1 -1
  88. package/dist/Tabs/index.scss +23 -30
  89. package/dist/Toast/ToastContainer.scss +9 -11
  90. package/dist/Toast/bootstrap-toast.scss +46 -0
  91. package/dist/Toast/index.scss +9 -10
  92. package/dist/Tooltip/index.scss +136 -10
  93. package/dist/ValidationMessage/index.scss +1 -1
  94. package/dist/core.css +16706 -0
  95. package/dist/core.css.map +1 -0
  96. package/dist/core.min.css +2 -0
  97. package/dist/index.js +0 -14
  98. package/dist/index.scss +0 -4
  99. package/dist/light.css +4083 -0
  100. package/dist/light.css.map +1 -0
  101. package/dist/light.min.css +2 -0
  102. package/dist/theme-urls.json +21 -0
  103. package/dist/utils/breakpoints.js +1 -1
  104. package/lib/build-scss.js +188 -0
  105. package/lib/build-tokens.js +119 -0
  106. package/lib/help.js +36 -23
  107. package/lib/replace-variables.js +38 -0
  108. package/lib/utils.js +9 -0
  109. package/package.json +25 -11
  110. package/src/ActionRow/_index.scss +2 -4
  111. package/src/Alert/index.scss +41 -32
  112. package/src/Annotation/_mixins.scss +104 -0
  113. package/src/Annotation/index.scss +130 -103
  114. package/src/Avatar/index.scss +18 -20
  115. package/src/AvatarButton/index.scss +3 -5
  116. package/src/Badge/index.scss +112 -2
  117. package/src/Breadcrumb/index.scss +14 -16
  118. package/src/Bubble/index.scss +25 -12
  119. package/src/Button/README.md +0 -54
  120. package/src/Button/_mixins.scss +14 -0
  121. package/src/Button/button-group.scss +126 -0
  122. package/src/Button/index.jsx +0 -3
  123. package/src/Button/index.scss +855 -358
  124. package/src/Card/card-bootstrap.scss +168 -0
  125. package/src/Card/index.scss +78 -79
  126. package/src/Carousel/index.scss +168 -2
  127. package/src/Chip/index.scss +36 -34
  128. package/src/ChipCarousel/index.scss +1 -3
  129. package/src/CloseButton/index.scss +31 -2
  130. package/src/Code/index.scss +47 -2
  131. package/src/Collapsible/index.scss +15 -15
  132. package/src/ColorPicker/index.scss +9 -11
  133. package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
  134. package/src/DataTable/ExpandRow.jsx +2 -2
  135. package/src/DataTable/filters/TextFilter.jsx +2 -3
  136. package/src/DataTable/index.scss +48 -50
  137. package/src/DataTable/selection/ControlledSelect.jsx +2 -1
  138. package/src/DataTable/selection/ControlledSelectHeader.jsx +2 -1
  139. package/src/DataTable/selection/ControlledSelectionStatus.jsx +2 -1
  140. package/src/DataTable/tests/ExpandRow.test.jsx +8 -2
  141. package/src/Dropdown/README.md +0 -93
  142. package/src/Dropdown/dropdown-bootstrap.scss +181 -0
  143. package/src/Dropdown/index.jsx +0 -2
  144. package/src/Dropdown/index.scss +11 -12
  145. package/src/Dropzone/index.scss +12 -14
  146. package/src/Form/_FormText.scss +8 -8
  147. package/src/Form/_bootstrap-custom-forms.scss +551 -0
  148. package/src/Form/_bootstrap-forms.scss +381 -0
  149. package/src/Form/_index.scss +165 -143
  150. package/src/Form/_input-group.scss +188 -0
  151. package/src/Form/_mixins.scss +216 -3
  152. package/src/Hyperlink/index.scss +1 -1
  153. package/src/Icon/index.scss +10 -12
  154. package/src/IconButton/README.md +1 -15
  155. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +5 -26
  156. package/src/IconButton/_mixins.scss +4 -0
  157. package/src/IconButton/index.jsx +6 -13
  158. package/src/IconButton/index.scss +387 -74
  159. package/src/IconButtonToggle/index.scss +1 -1
  160. package/src/Image/index.scss +53 -2
  161. package/src/Menu/index.scss +25 -27
  162. package/src/Modal/_ModalDialog.scss +51 -49
  163. package/src/Modal/index.scss +6 -73
  164. package/src/Nav/_mixins.scss +4 -4
  165. package/src/Nav/index.scss +70 -66
  166. package/src/Navbar/index.scss +276 -2
  167. package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  168. package/src/Overlay/index.jsx +2 -3
  169. package/src/PageBanner/index.scss +17 -21
  170. package/src/Pagination/index.scss +51 -46
  171. package/src/Pagination/pagination-bootstrap.scss +83 -0
  172. package/src/Popover/index.scss +9 -10
  173. package/src/Popover/popover-bootstrap.scss +198 -0
  174. package/src/ProductTour/Checkpoint.scss +71 -43
  175. package/src/ProgressBar/_mixins.scss +22 -0
  176. package/src/ProgressBar/bootstrap-progress.scss +49 -0
  177. package/src/ProgressBar/index.scss +28 -36
  178. package/src/Scrollable/index.scss +2 -2
  179. package/src/SearchField/SearchFieldInput.jsx +2 -2
  180. package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +12 -8
  181. package/src/SearchField/index.scss +19 -21
  182. package/src/SelectableBox/index.scss +11 -13
  183. package/src/Sheet/index.scss +10 -10
  184. package/src/Spinner/index.scss +57 -2
  185. package/src/Stack/index.scss +1 -3
  186. package/src/Stepper/index.scss +19 -20
  187. package/src/Sticky/index.scss +4 -6
  188. package/src/Tabs/README.md +1 -25
  189. package/src/Tabs/index.jsx +0 -3
  190. package/src/Tabs/index.scss +23 -30
  191. package/src/Toast/ToastContainer.scss +9 -11
  192. package/src/Toast/bootstrap-toast.scss +46 -0
  193. package/src/Toast/index.scss +9 -10
  194. package/src/Tooltip/index.scss +136 -10
  195. package/src/TransitionReplace/README.md +4 -4
  196. package/src/ValidationMessage/index.scss +1 -1
  197. package/src/index.js +0 -14
  198. package/src/index.scss +0 -4
  199. package/src/utils/breakpoints.js +1 -1
  200. package/styles/css/core/custom-media-breakpoints.css +17 -0
  201. package/styles/css/core/index.css +2 -0
  202. package/styles/css/core/variables.css +608 -0
  203. package/styles/css/themes/light/index.css +2 -0
  204. package/styles/css/themes/light/utility-classes.css +2454 -0
  205. package/styles/css/themes/light/variables.css +1629 -0
  206. package/{scss → styles/scss}/core/_functions.scss +1 -1
  207. package/styles/scss/core/_grid.scss +21 -0
  208. package/{scss → styles/scss}/core/_utilities.scss +17 -11
  209. package/styles/scss/core/_variables.scss +869 -0
  210. package/styles/scss/core/bootstrap-override/_functions.scss +104 -0
  211. package/styles/scss/core/bootstrap-override/_mixins.scss +4 -0
  212. package/styles/scss/core/bootstrap-override/_utilities.scss +4 -0
  213. package/styles/scss/core/bootstrap-override/bootstrap.scss +2 -0
  214. package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +80 -0
  215. package/styles/scss/core/bootstrap-override/mixins/_grid.scss +69 -0
  216. package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +22 -0
  217. package/styles/scss/core/bootstrap-override/utilities/_background.scss +7 -0
  218. package/styles/scss/core/bootstrap-override/utilities/_borders.scss +67 -0
  219. package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +70 -0
  220. package/styles/scss/core/bootstrap-override/utilities/_text.scss +68 -0
  221. package/styles/scss/core/core.scss +20 -0
  222. package/{scss → styles/scss}/core/utilities-only.scss +1 -0
  223. package/tokens/README.md +158 -0
  224. package/tokens/css-utilities.js +56 -0
  225. package/tokens/map-scss-to-css.js +24 -0
  226. package/tokens/replace-variables.js +32 -0
  227. package/tokens/sass-helpers.js +98 -0
  228. package/tokens/src/core/alias/size.json +15 -0
  229. package/tokens/src/core/components/ActionRow.json +10 -0
  230. package/tokens/src/core/components/Alert.json +30 -0
  231. package/tokens/src/core/components/Annotation.json +25 -0
  232. package/tokens/src/core/components/Avatar.json +17 -0
  233. package/tokens/src/core/components/AvatarButton.json +11 -0
  234. package/tokens/src/core/components/Badge.json +33 -0
  235. package/tokens/src/core/components/Breadcrumb.json +37 -0
  236. package/tokens/src/core/components/Bubble.json +10 -0
  237. package/tokens/src/core/components/Button/core.json +101 -0
  238. package/tokens/src/core/components/Card.json +91 -0
  239. package/tokens/src/core/components/Carousel.json +37 -0
  240. package/tokens/src/core/components/Chip.json +19 -0
  241. package/tokens/src/core/components/ChipCarousel.json +9 -0
  242. package/tokens/src/core/components/CloseButton.json +14 -0
  243. package/tokens/src/core/components/Code.json +34 -0
  244. package/tokens/src/core/components/Collapsible.json +29 -0
  245. package/tokens/src/core/components/ColorPicker.json +8 -0
  246. package/tokens/src/core/components/Container.json +13 -0
  247. package/tokens/src/core/components/DataTable.json +27 -0
  248. package/tokens/src/core/components/Dropdown.json +67 -0
  249. package/tokens/src/core/components/Dropzone.json +25 -0
  250. package/tokens/src/core/components/Form/other.json +14 -0
  251. package/tokens/src/core/components/Form/size.json +233 -0
  252. package/tokens/src/core/components/Form/spacing.json +155 -0
  253. package/tokens/src/core/components/Form/transition.json +16 -0
  254. package/tokens/src/core/components/Form/typography.json +122 -0
  255. package/tokens/src/core/components/Icon.json +11 -0
  256. package/tokens/src/core/components/IconButton.json +15 -0
  257. package/tokens/src/core/components/Image.json +28 -0
  258. package/tokens/src/core/components/Menu.json +48 -0
  259. package/tokens/src/core/components/Modal.json +47 -0
  260. package/tokens/src/core/components/Nav.json +55 -0
  261. package/tokens/src/core/components/Navbar.json +70 -0
  262. package/tokens/src/core/components/Pagination.json +70 -0
  263. package/tokens/src/core/components/Popover.json +48 -0
  264. package/tokens/src/core/components/ProductTour.json +37 -0
  265. package/tokens/src/core/components/ProgressBar.json +44 -0
  266. package/tokens/src/core/components/SearchField.json +23 -0
  267. package/tokens/src/core/components/SelectableBox.json +9 -0
  268. package/tokens/src/core/components/Sheet.json +10 -0
  269. package/tokens/src/core/components/Spinner.json +19 -0
  270. package/tokens/src/core/components/Stack.json +7 -0
  271. package/tokens/src/core/components/Stepper.json +42 -0
  272. package/tokens/src/core/components/Sticky.json +7 -0
  273. package/tokens/src/core/components/Tab.json +18 -0
  274. package/tokens/src/core/components/Tabs.json +19 -0
  275. package/tokens/src/core/components/Toast.json +30 -0
  276. package/tokens/src/core/components/Tooltip.json +33 -0
  277. package/tokens/src/core/components/general/caret.json +13 -0
  278. package/tokens/src/core/components/general/headings.json +16 -0
  279. package/tokens/src/core/components/general/hr.json +10 -0
  280. package/tokens/src/core/components/general/input.json +51 -0
  281. package/tokens/src/core/components/general/link.json +30 -0
  282. package/tokens/src/core/components/general/list.json +26 -0
  283. package/tokens/src/core/components/general/text.json +24 -0
  284. package/tokens/src/core/global/breakpoints.json +12 -0
  285. package/tokens/src/core/global/display.json +21 -0
  286. package/tokens/src/core/global/elevation.json +19 -0
  287. package/tokens/src/core/global/other.json +4 -0
  288. package/tokens/src/core/global/spacing.json +35 -0
  289. package/tokens/src/core/global/transition.json +14 -0
  290. package/tokens/src/core/global/typography.json +91 -0
  291. package/tokens/src/core/utilities/color.json +12 -0
  292. package/tokens/src/themes/light/alias/color.json +114 -0
  293. package/tokens/src/themes/light/components/Alert.json +47 -0
  294. package/tokens/src/themes/light/components/Annotation.json +29 -0
  295. package/tokens/src/themes/light/components/Avatar.json +7 -0
  296. package/tokens/src/themes/light/components/Badge.json +186 -0
  297. package/tokens/src/themes/light/components/Breadcrumb.json +15 -0
  298. package/tokens/src/themes/light/components/Bubble.json +18 -0
  299. package/tokens/src/themes/light/components/Button/brand.json +260 -0
  300. package/tokens/src/themes/light/components/Button/core.json +24 -0
  301. package/tokens/src/themes/light/components/Button/danger.json +247 -0
  302. package/tokens/src/themes/light/components/Button/dark.json +230 -0
  303. package/tokens/src/themes/light/components/Button/info.json +238 -0
  304. package/tokens/src/themes/light/components/Button/light.json +236 -0
  305. package/tokens/src/themes/light/components/Button/primary.json +250 -0
  306. package/tokens/src/themes/light/components/Button/secondary.json +278 -0
  307. package/tokens/src/themes/light/components/Button/success.json +253 -0
  308. package/tokens/src/themes/light/components/Button/tertiary.json +109 -0
  309. package/tokens/src/themes/light/components/Button/warning.json +276 -0
  310. package/tokens/src/themes/light/components/Card.json +40 -0
  311. package/tokens/src/themes/light/components/Carousel.json +45 -0
  312. package/tokens/src/themes/light/components/Chip.json +19 -0
  313. package/tokens/src/themes/light/components/CloseButton.json +10 -0
  314. package/tokens/src/themes/light/components/Code.json +23 -0
  315. package/tokens/src/themes/light/components/DataTable.json +26 -0
  316. package/tokens/src/themes/light/components/Dropdown.json +36 -0
  317. package/tokens/src/themes/light/components/Dropzone.json +19 -0
  318. package/tokens/src/themes/light/components/Form/color.json +270 -0
  319. package/tokens/src/themes/light/components/Form/elevation.json +76 -0
  320. package/tokens/src/themes/light/components/Form/other.json +131 -0
  321. package/tokens/src/themes/light/components/IconButton.json +451 -0
  322. package/tokens/src/themes/light/components/Image.json +18 -0
  323. package/tokens/src/themes/light/components/Menu.json +30 -0
  324. package/tokens/src/themes/light/components/Modal.json +37 -0
  325. package/tokens/src/themes/light/components/Nav.json +145 -0
  326. package/tokens/src/themes/light/components/Navbar.json +136 -0
  327. package/tokens/src/themes/light/components/OverflowScroll.json +9 -0
  328. package/tokens/src/themes/light/components/PageBanner.json +24 -0
  329. package/tokens/src/themes/light/components/Pagination.json +40 -0
  330. package/tokens/src/themes/light/components/Popover.json +55 -0
  331. package/tokens/src/themes/light/components/ProductTour.json +35 -0
  332. package/tokens/src/themes/light/components/ProgressBar.json +20 -0
  333. package/tokens/src/themes/light/components/Scrollable.json +14 -0
  334. package/tokens/src/themes/light/components/SearchField.json +25 -0
  335. package/tokens/src/themes/light/components/Sheet.json +22 -0
  336. package/tokens/src/themes/light/components/Stepper.json +34 -0
  337. package/tokens/src/themes/light/components/Sticky.json +18 -0
  338. package/tokens/src/themes/light/components/Tab.json +55 -0
  339. package/tokens/src/themes/light/components/Toast.json +33 -0
  340. package/tokens/src/themes/light/components/Tooltip.json +30 -0
  341. package/tokens/src/themes/light/components/general/body.json +8 -0
  342. package/tokens/src/themes/light/components/general/headings.json +7 -0
  343. package/tokens/src/themes/light/components/general/hr.json +15 -0
  344. package/tokens/src/themes/light/components/general/input.json +18 -0
  345. package/tokens/src/themes/light/components/general/link.json +109 -0
  346. package/tokens/src/themes/light/components/general/list.json +38 -0
  347. package/tokens/src/themes/light/components/general/text.json +6 -0
  348. package/tokens/src/themes/light/global/color.json +1661 -0
  349. package/tokens/src/themes/light/global/elevation.json +201 -0
  350. package/tokens/src/themes/light/global/other.json +4 -0
  351. package/tokens/style-dictionary.js +223 -0
  352. package/tokens/utils.js +210 -0
  353. package/dist/ActionRow/_variables.scss +0 -2
  354. package/dist/Alert/_variables.scss +0 -24
  355. package/dist/Annotation/_variables.scss +0 -18
  356. package/dist/Avatar/_variables.scss +0 -10
  357. package/dist/AvatarButton/_variables.scss +0 -3
  358. package/dist/Badge/_variables.scss +0 -16
  359. package/dist/Breadcrumb/_variables.scss +0 -27
  360. package/dist/Bubble/_variables.scss +0 -8
  361. package/dist/Button/_variables.scss +0 -50
  362. package/dist/Button/deprecated/index.js +0 -128
  363. package/dist/Button/deprecated/index.js.map +0 -1
  364. package/dist/Card/_variables.scss +0 -56
  365. package/dist/Carousel/_variables.scss +0 -27
  366. package/dist/CheckBox/index.js +0 -72
  367. package/dist/CheckBox/index.js.map +0 -1
  368. package/dist/CheckBoxGroup/index.js +0 -15
  369. package/dist/CheckBoxGroup/index.js.map +0 -1
  370. package/dist/Chip/_variables.scss +0 -19
  371. package/dist/ChipCarousel/_variables.scss +0 -1
  372. package/dist/CloseButton/_variables.scss +0 -6
  373. package/dist/Code/_variables.scss +0 -17
  374. package/dist/Collapsible/_variables.scss +0 -12
  375. package/dist/ColorPicker/_variables.scss +0 -2
  376. package/dist/Container/_variables.scss +0 -5
  377. package/dist/DataTable/_variables.scss +0 -11
  378. package/dist/Dropdown/_variables.scss +0 -33
  379. package/dist/Dropdown/deprecated/DropdownButton.js +0 -48
  380. package/dist/Dropdown/deprecated/DropdownButton.js.map +0 -1
  381. package/dist/Dropdown/deprecated/DropdownItem.js +0 -34
  382. package/dist/Dropdown/deprecated/DropdownItem.js.map +0 -1
  383. package/dist/Dropdown/deprecated/DropdownMenu.js +0 -50
  384. package/dist/Dropdown/deprecated/DropdownMenu.js.map +0 -1
  385. package/dist/Dropdown/deprecated/index.js +0 -209
  386. package/dist/Dropdown/deprecated/index.js.map +0 -1
  387. package/dist/Dropzone/_variables.scss +0 -9
  388. package/dist/Fieldset/index.js +0 -92
  389. package/dist/Fieldset/index.js.map +0 -1
  390. package/dist/Fieldset/index.scss +0 -12
  391. package/dist/Form/_variables.scss +0 -267
  392. package/dist/Icon/_variables.scss +0 -7
  393. package/dist/Image/_variables.scss +0 -13
  394. package/dist/Input/index.js +0 -136
  395. package/dist/Input/index.js.map +0 -1
  396. package/dist/InputSelect/index.js +0 -78
  397. package/dist/InputSelect/index.js.map +0 -1
  398. package/dist/InputText/index.js +0 -43
  399. package/dist/InputText/index.js.map +0 -1
  400. package/dist/ListBox/index.js +0 -116
  401. package/dist/ListBox/index.js.map +0 -1
  402. package/dist/ListBoxOption/index.js +0 -71
  403. package/dist/ListBoxOption/index.js.map +0 -1
  404. package/dist/Menu/_variables.scss +0 -24
  405. package/dist/Modal/_variables.scss +0 -50
  406. package/dist/Modal/index.js +0 -260
  407. package/dist/Modal/index.js.map +0 -1
  408. package/dist/Nav/_variables.scss +0 -59
  409. package/dist/Navbar/_variables.scss +0 -40
  410. package/dist/OverflowScroll/_variables.scss +0 -5
  411. package/dist/OverflowScroll/index.scss +0 -1
  412. package/dist/Pagination/_variables.scss +0 -52
  413. package/dist/Popover/_variables.scss +0 -36
  414. package/dist/ProductTour/_variables.scss +0 -15
  415. package/dist/ProgressBar/_variables.scss +0 -23
  416. package/dist/RadioButtonGroup/index.js +0 -157
  417. package/dist/RadioButtonGroup/index.js.map +0 -1
  418. package/dist/SearchField/_variables.scss +0 -16
  419. package/dist/SelectableBox/_variables.scss +0 -5
  420. package/dist/Spinner/_variables.scss +0 -9
  421. package/dist/Stack/_variables.scss +0 -1
  422. package/dist/StatusAlert/index.js +0 -130
  423. package/dist/StatusAlert/index.js.map +0 -1
  424. package/dist/Stepper/_variables.scss +0 -18
  425. package/dist/Sticky/_variables.scss +0 -3
  426. package/dist/Table/_variables.scss +0 -34
  427. package/dist/Table/index.js +0 -198
  428. package/dist/Table/index.js.map +0 -1
  429. package/dist/Table/index.scss +0 -12
  430. package/dist/Tabs/_variables.scss +0 -24
  431. package/dist/Tabs/deprecated/Tabs.scss +0 -3
  432. package/dist/Tabs/deprecated/index.js +0 -90
  433. package/dist/Tabs/deprecated/index.js.map +0 -1
  434. package/dist/TextArea/index.js +0 -42
  435. package/dist/TextArea/index.js.map +0 -1
  436. package/dist/Toast/_variables.scss +0 -19
  437. package/dist/Tooltip/_variables.scss +0 -21
  438. package/dist/ValidationFormGroup/index.js +0 -105
  439. package/dist/ValidationFormGroup/index.js.map +0 -1
  440. package/dist/paragon.css +0 -39
  441. package/scss/core/_grid.scss +0 -21
  442. package/scss/core/_variables.scss +0 -875
  443. package/scss/core/core.scss +0 -21
  444. package/src/ActionRow/_variables.scss +0 -2
  445. package/src/Alert/_variables.scss +0 -24
  446. package/src/Annotation/_variables.scss +0 -18
  447. package/src/Avatar/_variables.scss +0 -10
  448. package/src/AvatarButton/_variables.scss +0 -3
  449. package/src/Badge/_variables.scss +0 -16
  450. package/src/Breadcrumb/_variables.scss +0 -27
  451. package/src/Bubble/_variables.scss +0 -8
  452. package/src/Button/_variables.scss +0 -50
  453. package/src/Button/deprecated/Button.test.jsx +0 -34
  454. package/src/Button/deprecated/index.jsx +0 -145
  455. package/src/Card/_variables.scss +0 -56
  456. package/src/Carousel/_variables.scss +0 -27
  457. package/src/CheckBox/CheckBox.test.jsx +0 -65
  458. package/src/CheckBox/README.md +0 -93
  459. package/src/CheckBox/index.jsx +0 -80
  460. package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +0 -33
  461. package/src/CheckBoxGroup/README.md +0 -35
  462. package/src/CheckBoxGroup/index.jsx +0 -19
  463. package/src/Chip/_variables.scss +0 -19
  464. package/src/ChipCarousel/_variables.scss +0 -1
  465. package/src/CloseButton/_variables.scss +0 -6
  466. package/src/Code/_variables.scss +0 -17
  467. package/src/Collapsible/_variables.scss +0 -12
  468. package/src/ColorPicker/_variables.scss +0 -2
  469. package/src/Container/_variables.scss +0 -5
  470. package/src/DataTable/_variables.scss +0 -11
  471. package/src/Dropdown/_variables.scss +0 -33
  472. package/src/Dropdown/deprecated/Dropdown.test.jsx +0 -238
  473. package/src/Dropdown/deprecated/DropdownButton.jsx +0 -52
  474. package/src/Dropdown/deprecated/DropdownItem.jsx +0 -34
  475. package/src/Dropdown/deprecated/DropdownMenu.jsx +0 -50
  476. package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +0 -229
  477. package/src/Dropdown/deprecated/index.jsx +0 -222
  478. package/src/Dropzone/_variables.scss +0 -9
  479. package/src/Fieldset/Fieldset.test.jsx +0 -101
  480. package/src/Fieldset/README.md +0 -146
  481. package/src/Fieldset/index.jsx +0 -107
  482. package/src/Fieldset/index.scss +0 -12
  483. package/src/Form/_variables.scss +0 -267
  484. package/src/Icon/_variables.scss +0 -7
  485. package/src/Image/_variables.scss +0 -13
  486. package/src/Input/README.md +0 -74
  487. package/src/Input/__snapshots__/input.test.jsx.snap +0 -53
  488. package/src/Input/index.jsx +0 -151
  489. package/src/Input/input.test.jsx +0 -85
  490. package/src/InputSelect/README.md +0 -136
  491. package/src/InputSelect/index.jsx +0 -92
  492. package/src/InputText/InputText.test.jsx +0 -74
  493. package/src/InputText/README.md +0 -293
  494. package/src/InputText/index.jsx +0 -49
  495. package/src/ListBox/ListBox.test.jsx +0 -161
  496. package/src/ListBox/README.md +0 -185
  497. package/src/ListBox/index.jsx +0 -115
  498. package/src/ListBoxOption/ListBoxOption.test.jsx +0 -154
  499. package/src/ListBoxOption/index.jsx +0 -78
  500. package/src/Menu/_variables.scss +0 -24
  501. package/src/Modal/README.md +0 -148
  502. package/src/Modal/_variables.scss +0 -50
  503. package/src/Modal/index.jsx +0 -314
  504. package/src/Modal/tests/Modal.test.jsx +0 -261
  505. package/src/Nav/_variables.scss +0 -59
  506. package/src/Navbar/_variables.scss +0 -40
  507. package/src/OverflowScroll/_variables.scss +0 -5
  508. package/src/OverflowScroll/index.scss +0 -1
  509. package/src/Pagination/_variables.scss +0 -52
  510. package/src/Popover/_variables.scss +0 -36
  511. package/src/ProductTour/_variables.scss +0 -15
  512. package/src/ProgressBar/_variables.scss +0 -23
  513. package/src/RadioButtonGroup/README.md +0 -50
  514. package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +0 -127
  515. package/src/RadioButtonGroup/index.jsx +0 -185
  516. package/src/SearchField/_variables.scss +0 -16
  517. package/src/SelectableBox/_variables.scss +0 -5
  518. package/src/Spinner/_variables.scss +0 -9
  519. package/src/Stack/_variables.scss +0 -1
  520. package/src/StatusAlert/README.md +0 -149
  521. package/src/StatusAlert/StatusAlert.test.jsx +0 -150
  522. package/src/StatusAlert/index.jsx +0 -144
  523. package/src/Stepper/_variables.scss +0 -18
  524. package/src/Sticky/_variables.scss +0 -3
  525. package/src/Table/README.md +0 -506
  526. package/src/Table/Table.test.jsx +0 -367
  527. package/src/Table/_variables.scss +0 -34
  528. package/src/Table/index.jsx +0 -264
  529. package/src/Table/index.scss +0 -12
  530. package/src/Tabs/_variables.scss +0 -24
  531. package/src/Tabs/deprecated/Tabs.scss +0 -3
  532. package/src/Tabs/deprecated/Tabs.test.jsx +0 -50
  533. package/src/Tabs/deprecated/index.jsx +0 -117
  534. package/src/TextArea/README.md +0 -63
  535. package/src/TextArea/index.jsx +0 -48
  536. package/src/Toast/_variables.scss +0 -19
  537. package/src/Tooltip/_variables.scss +0 -21
  538. package/src/ValidationFormGroup/README.md +0 -116
  539. package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +0 -146
  540. package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +0 -161
  541. package/src/ValidationFormGroup/index.jsx +0 -114
  542. /package/{scss → styles/scss}/core/_exports.module.scss +0 -0
  543. /package/{scss → styles/scss}/core/_typography.scss +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownButton.js","names":["React","PropTypes","classNames","Consumer","DropdownButton","_ref","children","className","other","_objectWithoutProperties","_excluded","createElement","_ref2","buttonRef","isOpen","toggle","triggerId","_extends","id","type","ref","onClick","e","propTypes","node","string","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownButton.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport { Consumer } from './index';\n\nfunction DropdownButton({ children, className, ...other }) {\n return (\n <Consumer>\n {({\n buttonRef,\n isOpen,\n toggle,\n triggerId,\n }) => (\n <button\n {...other}\n id={classNames(triggerId, other.id)}\n aria-expanded={isOpen}\n aria-haspopup\n type=\"button\"\n ref={buttonRef}\n className={classNames(\n 'dropdown-toggle',\n 'btn',\n className,\n )}\n onClick={(e) => {\n toggle(e);\n if (other.onClick) {\n other.onClick(e);\n }\n }}\n >\n {children}\n </button>\n )}\n </Consumer>\n );\n}\n\nDropdownButton.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownButton.defaultProps = {\n children: undefined,\n className: 'btn-light',\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC;AACA,SAASC,QAAQ,QAAQ,SAAS;AAElC,SAASC,cAAcA,CAAAC,IAAA,EAAoC;EAAA,IAAnC;MAAEC,QAAQ;MAAEC;IAAoB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrD,oBACEV,KAAA,CAAAW,aAAA,CAACR,QAAQ,QACNS,KAAA;IAAA,IAAC;MACAC,SAAS;MACTC,MAAM;MACNC,MAAM;MACNC;IACF,CAAC,GAAAJ,KAAA;IAAA,oBACCZ,KAAA,CAAAW,aAAA,WAAAM,QAAA,KACMT,KAAK;MACTU,EAAE,EAAEhB,UAAU,CAACc,SAAS,EAAER,KAAK,CAACU,EAAE,CAAE;MACpC,iBAAeJ,MAAO;MACtB,qBAAa;MACbK,IAAI,EAAC,QAAQ;MACbC,GAAG,EAAEP,SAAU;MACfN,SAAS,EAAEL,UAAU,CACnB,iBAAiB,EACjB,KAAK,EACLK,SACF,CAAE;MACFc,OAAO,EAAGC,CAAC,IAAK;QACdP,MAAM,CAACO,CAAC,CAAC;QACT,IAAId,KAAK,CAACa,OAAO,EAAE;UACjBb,KAAK,CAACa,OAAO,CAACC,CAAC,CAAC;QAClB;MACF;IAAE,IAEDhB,QACK,CAAC;EAAA,CAEH,CAAC;AAEf;AAEAF,cAAc,CAACmB,SAAS,GAAG;EACzBjB,QAAQ,EAAEL,SAAS,CAACuB,IAAI;EACxBjB,SAAS,EAAEN,SAAS,CAACwB;AACvB,CAAC;AAEDrB,cAAc,CAACsB,YAAY,GAAG;EAC5BpB,QAAQ,EAAEqB,SAAS;EACnBpB,SAAS,EAAE;AACb,CAAC;AAED,eAAeH,cAAc"}
@@ -1,34 +0,0 @@
1
- const _excluded = ["type", "children", "className"];
2
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
6
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
8
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
9
- import React from 'react';
10
- import PropTypes from 'prop-types';
11
- import classNames from 'classnames';
12
- function DropdownItem(props) {
13
- const {
14
- type,
15
- children,
16
- className
17
- } = props,
18
- other = _objectWithoutProperties(props, _excluded);
19
- return /*#__PURE__*/React.createElement(type, _objectSpread(_objectSpread({}, other), {}, {
20
- className: classNames('dropdown-item', className)
21
- }), children);
22
- }
23
- DropdownItem.propTypes = {
24
- type: PropTypes.string,
25
- children: PropTypes.node,
26
- className: PropTypes.string
27
- };
28
- DropdownItem.defaultProps = {
29
- type: 'a',
30
- children: undefined,
31
- className: null
32
- };
33
- export default DropdownItem;
34
- //# sourceMappingURL=DropdownItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownItem.js","names":["React","PropTypes","classNames","DropdownItem","props","type","children","className","other","_objectWithoutProperties","_excluded","createElement","_objectSpread","propTypes","string","node","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownItem.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction DropdownItem(props) {\n const {\n type, children, className, ...other\n } = props;\n return React.createElement(\n type,\n {\n ...other,\n className: classNames(\n 'dropdown-item',\n className,\n ),\n },\n children,\n );\n}\n\nDropdownItem.propTypes = {\n type: PropTypes.string,\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownItem.defaultProps = {\n type: 'a',\n children: undefined,\n className: null,\n};\n\nexport default DropdownItem;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAYA,CAACC,KAAK,EAAE;EAC3B,MAAM;MACJC,IAAI;MAAEC,QAAQ;MAAEC;IAClB,CAAC,GAAGH,KAAK;IADuBI,KAAK,GAAAC,wBAAA,CACjCL,KAAK,EAAAM,SAAA;EACT,oBAAOV,KAAK,CAACW,aAAa,CACxBN,IAAI,EAAAO,aAAA,CAAAA,aAAA,KAECJ,KAAK;IACRD,SAAS,EAAEL,UAAU,CACnB,eAAe,EACfK,SACF;EAAC,IAEHD,QACF,CAAC;AACH;AAEAH,YAAY,CAACU,SAAS,GAAG;EACvBR,IAAI,EAAEJ,SAAS,CAACa,MAAM;EACtBR,QAAQ,EAAEL,SAAS,CAACc,IAAI;EACxBR,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,YAAY,CAACa,YAAY,GAAG;EAC1BX,IAAI,EAAE,GAAG;EACTC,QAAQ,EAAEW,SAAS;EACnBV,SAAS,EAAE;AACb,CAAC;AAED,eAAeJ,YAAY"}
@@ -1,50 +0,0 @@
1
- const _excluded = ["children"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- import React from 'react';
6
- import PropTypes from 'prop-types';
7
- import classNames from 'classnames';
8
- // eslint-disable-next-line import/no-cycle
9
- import { Consumer } from './index';
10
- function DropdownMenu(_ref) {
11
- let {
12
- children
13
- } = _ref,
14
- other = _objectWithoutProperties(_ref, _excluded);
15
- return /*#__PURE__*/React.createElement(Consumer, null, _ref2 => {
16
- let {
17
- handleMenuKeyDown,
18
- isOpen,
19
- menuRef,
20
- triggerId
21
- } = _ref2;
22
- return (
23
- /*#__PURE__*/
24
- /* eslint-disable-next-line jsx-a11y/interactive-supports-focus */
25
- React.createElement("div", _extends({}, other, {
26
- "aria-labelledby": triggerId,
27
- "aria-hidden": !isOpen,
28
- ref: menuRef,
29
- role: "menu",
30
- className: classNames('dropdown-menu', {
31
- show: isOpen
32
- }, other.className),
33
- onKeyDown: e => {
34
- handleMenuKeyDown(e);
35
- if (other.onKeyDown) {
36
- other.onKeyDown(e);
37
- }
38
- }
39
- }), children)
40
- );
41
- });
42
- }
43
- DropdownMenu.propTypes = {
44
- children: PropTypes.node
45
- };
46
- DropdownMenu.defaultProps = {
47
- children: undefined
48
- };
49
- export default DropdownMenu;
50
- //# sourceMappingURL=DropdownMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownMenu.js","names":["React","PropTypes","classNames","Consumer","DropdownMenu","_ref","children","other","_objectWithoutProperties","_excluded","createElement","_ref2","handleMenuKeyDown","isOpen","menuRef","triggerId","_extends","ref","role","className","show","onKeyDown","e","propTypes","node","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownMenu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport { Consumer } from './index';\n\nfunction DropdownMenu({ children, ...other }) {\n return (\n <Consumer>\n {({\n handleMenuKeyDown,\n isOpen,\n menuRef,\n triggerId,\n }) => (\n /* eslint-disable-next-line jsx-a11y/interactive-supports-focus */\n <div\n {...other}\n aria-labelledby={triggerId}\n aria-hidden={!isOpen}\n ref={menuRef}\n role=\"menu\"\n className={classNames(\n 'dropdown-menu',\n { show: isOpen },\n other.className,\n )}\n onKeyDown={(e) => {\n handleMenuKeyDown(e);\n if (other.onKeyDown) {\n other.onKeyDown(e);\n }\n }}\n >\n {children}\n </div>\n )}\n </Consumer>\n );\n}\n\nDropdownMenu.propTypes = {\n children: PropTypes.node,\n};\n\nDropdownMenu.defaultProps = {\n children: undefined,\n};\n\nexport default DropdownMenu;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC;AACA,SAASC,QAAQ,QAAQ,SAAS;AAElC,SAASC,YAAYA,CAAAC,IAAA,EAAyB;EAAA,IAAxB;MAAEC;IAAmB,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACxC,oBACET,KAAA,CAAAU,aAAA,CAACP,QAAQ,QACNQ,KAAA;IAAA,IAAC;MACAC,iBAAiB;MACjBC,MAAM;MACNC,OAAO;MACPC;IACF,CAAC,GAAAJ,KAAA;IAAA;MAAA;MACD;MACEX,KAAA,CAAAU,aAAA,QAAAM,QAAA,KACMT,KAAK;QACT,mBAAiBQ,SAAU;QAC3B,eAAa,CAACF,MAAO;QACrBI,GAAG,EAAEH,OAAQ;QACbI,IAAI,EAAC,MAAM;QACXC,SAAS,EAAEjB,UAAU,CACnB,eAAe,EACf;UAAEkB,IAAI,EAAEP;QAAO,CAAC,EAChBN,KAAK,CAACY,SACR,CAAE;QACFE,SAAS,EAAGC,CAAC,IAAK;UAChBV,iBAAiB,CAACU,CAAC,CAAC;UACpB,IAAIf,KAAK,CAACc,SAAS,EAAE;YACnBd,KAAK,CAACc,SAAS,CAACC,CAAC,CAAC;UACpB;QACF;MAAE,IAEDhB,QACE;IAAC;EAAA,CAEA,CAAC;AAEf;AAEAF,YAAY,CAACmB,SAAS,GAAG;EACvBjB,QAAQ,EAAEL,SAAS,CAACuB;AACtB,CAAC;AAEDpB,YAAY,CAACqB,YAAY,GAAG;EAC1BnB,QAAQ,EAAEoB;AACZ,CAAC;AAED,eAAetB,YAAY"}
@@ -1,209 +0,0 @@
1
- const _excluded = ["children"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
7
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
8
- import React from 'react';
9
- import PropTypes from 'prop-types';
10
- import classNames from 'classnames';
11
- // eslint-disable-next-line import/no-cycle
12
- import DropdownButton from './DropdownButton';
13
- // eslint-disable-next-line import/no-cycle
14
- import DropdownMenu from './DropdownMenu';
15
- import DropdownItem from './DropdownItem';
16
- import withDeprecatedProps, { DeprTypes } from '../../withDeprecatedProps';
17
- const {
18
- Provider,
19
- Consumer
20
- } = /*#__PURE__*/React.createContext();
21
- class Dropdown extends React.Component {
22
- // eslint-disable-next-line react/sort-comp
23
- // For creating unique ids
24
-
25
- constructor(props) {
26
- super(props);
27
- _defineProperty(this, "handleDocumentClick", e => {
28
- if (this.containerRef.current.contains(e.target) && this.containerRef.current !== e.target) {
29
- return;
30
- }
31
- if (this.state.open) {
32
- this.close();
33
- }
34
- });
35
- _defineProperty(this, "handleMenuKeyDown", e => {
36
- switch (e.key) {
37
- case 'ArrowUp':
38
- e.preventDefault();
39
- this.focusPrevious();
40
- break;
41
- case 'ArrowDown':
42
- e.preventDefault();
43
- this.focusNext();
44
- break;
45
- case 'Tab':
46
- e.preventDefault();
47
- if (e.shiftKey) {
48
- this.focusPrevious();
49
- } else {
50
- this.focusNext();
51
- }
52
- break;
53
- case 'Escape':
54
- e.stopPropagation();
55
- this.close();
56
- break;
57
- default:
58
- break;
59
- }
60
- });
61
- _defineProperty(this, "toggle", () => {
62
- if (this.state.open) {
63
- this.close();
64
- } else {
65
- this.open();
66
- }
67
- });
68
- this.state = {
69
- open: false
70
- };
71
-
72
- // Used for aria labelling. Increment the id counter so the next id can be unique
73
- this.uniqueId = Dropdown.idCounter;
74
- Dropdown.idCounter += 1;
75
- this.triggerId = `pgn__dropdown-trigger-${this.uniqueId}`;
76
- this.containerRef = /*#__PURE__*/React.createRef();
77
- this.menuRef = /*#__PURE__*/React.createRef();
78
- this.buttonRef = /*#__PURE__*/React.createRef();
79
- }
80
- componentDidUpdate(prevProps, prevState) {
81
- if (prevState.open !== this.state.open) {
82
- if (this.state.open) {
83
- this.focusFirst();
84
- } else {
85
- this.buttonRef.current.focus();
86
- }
87
- }
88
- }
89
- componentWillUnmount() {
90
- document.removeEventListener('click', this.handleDocumentClick, true);
91
- }
92
- getFocusableElements() {
93
- const selector = 'button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])';
94
- return Array.from(this.menuRef.current.querySelectorAll(selector));
95
- }
96
- close() {
97
- document.removeEventListener('click', this.handleDocumentClick, true);
98
- this.setState({
99
- open: false
100
- });
101
- }
102
- open() {
103
- // adding event listener here so the user can close dropdown on click outside of the dropdown
104
- document.addEventListener('click', this.handleDocumentClick, true);
105
- this.setState({
106
- open: true
107
- });
108
- }
109
- focusFirst() {
110
- const focusableElements = this.getFocusableElements();
111
- if (focusableElements.length) {
112
- focusableElements[0].focus();
113
- }
114
- }
115
- focusNext() {
116
- const allFocusableElements = this.getFocusableElements();
117
- if (allFocusableElements.length === 0) {
118
- return;
119
- }
120
- const activeIndex = allFocusableElements.indexOf(document.activeElement);
121
- const nextIndex = (activeIndex + 1) % allFocusableElements.length;
122
- allFocusableElements[nextIndex].focus();
123
- }
124
- focusPrevious() {
125
- const allFocusableElements = this.getFocusableElements();
126
- if (allFocusableElements.length === 0) {
127
- return;
128
- }
129
- const activeIndex = allFocusableElements.indexOf(document.activeElement);
130
- const previousIndex = (activeIndex - 1 + allFocusableElements.length) % allFocusableElements.length;
131
- allFocusableElements[previousIndex].focus();
132
- }
133
- render() {
134
- const _this$props = this.props,
135
- {
136
- children
137
- } = _this$props,
138
- other = _objectWithoutProperties(_this$props, _excluded);
139
- return /*#__PURE__*/React.createElement("div", _extends({}, other, {
140
- className: classNames('dropdown', {
141
- show: this.state.open
142
- }, other.className),
143
- ref: this.containerRef
144
- }), /*#__PURE__*/React.createElement(Provider, {
145
- value: {
146
- buttonRef: this.buttonRef,
147
- handleMenuKeyDown: this.handleMenuKeyDown,
148
- isOpen: this.state.open,
149
- menuRef: this.menuRef,
150
- toggle: this.toggle,
151
- triggerId: this.triggerId
152
- }
153
- }, children));
154
- }
155
- }
156
- _defineProperty(Dropdown, "idCounter", 0);
157
- Dropdown.propTypes = {
158
- children: PropTypes.node
159
- };
160
- Dropdown.Item = DropdownItem;
161
- Dropdown.Button = DropdownButton;
162
- Dropdown.Menu = DropdownMenu;
163
- const DropdownWithDeprecatedProps = withDeprecatedProps(Dropdown, 'Dropdown', {
164
- menuItems: {
165
- deprType: DeprTypes.MOVED_AND_FORMAT,
166
- message: 'They should be components sent as children.',
167
- newName: 'children',
168
- transform: (menuItems, allProps) => {
169
- if (!Array.isArray(menuItems)) {
170
- return null;
171
- }
172
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, null, /*#__PURE__*/React.isValidElement(allProps.iconElement) ? allProps.iconElement : null, allProps.title), /*#__PURE__*/React.createElement(DropdownMenu, null, menuItems.map((menuItem, i) => {
173
- /* eslint-disable react/no-array-index-key */
174
- if ( /*#__PURE__*/React.isValidElement(menuItem)) {
175
- return /*#__PURE__*/React.cloneElement(menuItem, {
176
- className: 'dropdown-item',
177
- key: i
178
- });
179
- }
180
- return /*#__PURE__*/React.createElement(DropdownItem, {
181
- key: i,
182
- href: menuItem.href
183
- }, menuItem.label);
184
- /* eslint-enable react/no-array-index-key */
185
- })));
186
- }
187
- },
188
-
189
- title: {
190
- deprType: DeprTypes.REMOVED,
191
- message: 'It should be specified inside the Dropdown.Button component'
192
- },
193
- buttonType: {
194
- deprType: DeprTypes.REMOVED,
195
- message: 'It should be specified as a className prop'
196
- },
197
- iconElement: {
198
- deprType: DeprTypes.REMOVED,
199
- message: 'It should be specified inside the buttonContent prop.'
200
- }
201
- });
202
- DropdownWithDeprecatedProps.propTypes = Dropdown.propTypes;
203
- DropdownWithDeprecatedProps.defaultProps = Dropdown.defaultProps;
204
- DropdownWithDeprecatedProps.Item = Dropdown.Item;
205
- DropdownWithDeprecatedProps.Button = Dropdown.Button;
206
- DropdownWithDeprecatedProps.Menu = Dropdown.Menu;
207
- export { Provider, Consumer };
208
- export default DropdownWithDeprecatedProps;
209
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["React","PropTypes","classNames","DropdownButton","DropdownMenu","DropdownItem","withDeprecatedProps","DeprTypes","Provider","Consumer","createContext","Dropdown","Component","constructor","props","_defineProperty","e","containerRef","current","contains","target","state","open","close","key","preventDefault","focusPrevious","focusNext","shiftKey","stopPropagation","uniqueId","idCounter","triggerId","createRef","menuRef","buttonRef","componentDidUpdate","prevProps","prevState","focusFirst","focus","componentWillUnmount","document","removeEventListener","handleDocumentClick","getFocusableElements","selector","Array","from","querySelectorAll","setState","addEventListener","focusableElements","length","allFocusableElements","activeIndex","indexOf","activeElement","nextIndex","previousIndex","render","_this$props","children","other","_objectWithoutProperties","_excluded","createElement","_extends","className","show","ref","value","handleMenuKeyDown","isOpen","toggle","propTypes","node","Item","Button","Menu","DropdownWithDeprecatedProps","menuItems","deprType","MOVED_AND_FORMAT","message","newName","transform","allProps","isArray","Fragment","isValidElement","iconElement","title","map","menuItem","i","cloneElement","href","label","REMOVED","buttonType","defaultProps"],"sources":["../../../src/Dropdown/deprecated/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport DropdownButton from './DropdownButton';\n// eslint-disable-next-line import/no-cycle\nimport DropdownMenu from './DropdownMenu';\nimport DropdownItem from './DropdownItem';\n\nimport withDeprecatedProps, { DeprTypes } from '../../withDeprecatedProps';\n\nconst { Provider, Consumer } = React.createContext();\n\nclass Dropdown extends React.Component {\n // eslint-disable-next-line react/sort-comp\n static idCounter = 0; // For creating unique ids\n\n constructor(props) {\n super(props);\n this.state = {\n open: false,\n };\n\n // Used for aria labelling. Increment the id counter so the next id can be unique\n this.uniqueId = Dropdown.idCounter;\n Dropdown.idCounter += 1;\n this.triggerId = `pgn__dropdown-trigger-${this.uniqueId}`;\n\n this.containerRef = React.createRef();\n this.menuRef = React.createRef();\n this.buttonRef = React.createRef();\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevState.open !== this.state.open) {\n if (this.state.open) {\n this.focusFirst();\n } else {\n this.buttonRef.current.focus();\n }\n }\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleDocumentClick, true);\n }\n\n getFocusableElements() {\n const selector = 'button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n return Array.from(this.menuRef.current.querySelectorAll(selector));\n }\n\n handleDocumentClick = (e) => {\n if (this.containerRef.current.contains(e.target) && this.containerRef.current !== e.target) {\n return;\n }\n if (this.state.open) {\n this.close();\n }\n };\n\n handleMenuKeyDown = (e) => {\n switch (e.key) {\n case 'ArrowUp':\n e.preventDefault();\n this.focusPrevious();\n break;\n case 'ArrowDown':\n e.preventDefault();\n this.focusNext();\n break;\n case 'Tab':\n e.preventDefault();\n if (e.shiftKey) {\n this.focusPrevious();\n } else {\n this.focusNext();\n }\n break;\n case 'Escape':\n e.stopPropagation();\n this.close();\n break;\n default:\n break;\n }\n };\n\n toggle = () => {\n if (this.state.open) {\n this.close();\n } else {\n this.open();\n }\n };\n\n close() {\n document.removeEventListener('click', this.handleDocumentClick, true);\n this.setState({\n open: false,\n });\n }\n\n open() {\n // adding event listener here so the user can close dropdown on click outside of the dropdown\n document.addEventListener('click', this.handleDocumentClick, true);\n this.setState({\n open: true,\n });\n }\n\n focusFirst() {\n const focusableElements = this.getFocusableElements();\n if (focusableElements.length) { focusableElements[0].focus(); }\n }\n\n focusNext() {\n const allFocusableElements = this.getFocusableElements();\n if (allFocusableElements.length === 0) { return; }\n const activeIndex = allFocusableElements.indexOf(document.activeElement);\n const nextIndex = (activeIndex + 1) % allFocusableElements.length;\n allFocusableElements[nextIndex].focus();\n }\n\n focusPrevious() {\n const allFocusableElements = this.getFocusableElements();\n if (allFocusableElements.length === 0) { return; }\n const activeIndex = allFocusableElements.indexOf(document.activeElement);\n const previousIndex = ((activeIndex - 1) + allFocusableElements.length) % allFocusableElements.length;\n allFocusableElements[previousIndex].focus();\n }\n\n render() {\n const { children, ...other } = this.props;\n\n return (\n <div\n {...other}\n className={classNames(\n 'dropdown',\n { show: this.state.open },\n other.className,\n )}\n ref={this.containerRef}\n >\n <Provider\n value={{\n buttonRef: this.buttonRef,\n handleMenuKeyDown: this.handleMenuKeyDown,\n isOpen: this.state.open,\n menuRef: this.menuRef,\n toggle: this.toggle,\n triggerId: this.triggerId,\n }}\n >\n {children}\n </Provider>\n </div>\n );\n }\n}\n\nDropdown.propTypes = {\n children: PropTypes.node,\n};\n\nDropdown.Item = DropdownItem;\nDropdown.Button = DropdownButton;\nDropdown.Menu = DropdownMenu;\n\nconst DropdownWithDeprecatedProps = withDeprecatedProps(Dropdown, 'Dropdown', {\n menuItems: {\n deprType: DeprTypes.MOVED_AND_FORMAT,\n message: 'They should be components sent as children.',\n newName: 'children',\n transform: (menuItems, allProps) => {\n if (!Array.isArray(menuItems)) { return null; }\n return (\n <>\n <DropdownButton>\n {React.isValidElement(allProps.iconElement) ? allProps.iconElement : null }\n {allProps.title}\n </DropdownButton>\n <DropdownMenu>\n {menuItems.map((menuItem, i) => {\n /* eslint-disable react/no-array-index-key */\n if (React.isValidElement(menuItem)) {\n return React.cloneElement(menuItem, {\n className: 'dropdown-item',\n key: i,\n });\n }\n return <DropdownItem key={i} href={menuItem.href}>{menuItem.label}</DropdownItem>;\n /* eslint-enable react/no-array-index-key */\n })}\n </DropdownMenu>\n </>\n );\n },\n },\n title: {\n deprType: DeprTypes.REMOVED,\n message: 'It should be specified inside the Dropdown.Button component',\n },\n buttonType: {\n deprType: DeprTypes.REMOVED,\n message: 'It should be specified as a className prop',\n },\n iconElement: {\n deprType: DeprTypes.REMOVED,\n message: 'It should be specified inside the buttonContent prop.',\n },\n});\n\nDropdownWithDeprecatedProps.propTypes = Dropdown.propTypes;\nDropdownWithDeprecatedProps.defaultProps = Dropdown.defaultProps;\nDropdownWithDeprecatedProps.Item = Dropdown.Item;\nDropdownWithDeprecatedProps.Button = Dropdown.Button;\nDropdownWithDeprecatedProps.Menu = Dropdown.Menu;\n\nexport { Provider, Consumer };\nexport default DropdownWithDeprecatedProps;\n"],"mappings":"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"}
@@ -1,9 +0,0 @@
1
- $dropzone-padding: 1.5rem !default;
2
- $dropzone-border-default: 1px dashed $gray-500 !default;
3
- $dropzone-border-hover: 2px solid $info-300 !default;
4
- $dropzone-border-focus: 2px solid $info-300 !default;
5
- $dropzone-border-active: 2px solid $primary-500 !default;
6
- $dropzone-border-error: 2px solid $danger-300 !default;
7
- $dropzone-error-wrapper-color: $danger-500 !default;
8
- $dropzone-restriction-msg-font-size: $x-small-font-size !default;
9
- $dropzone-restriction-msg-color: $gray-500 !default;
@@ -1,92 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import classNames from 'classnames';
4
- import newId from '../utils/newId';
5
- import ValidationMessage from '../ValidationMessage/index';
6
- import Variant from '../utils/constants';
7
- const inputProps = {
8
- legend: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
9
- children: PropTypes.node,
10
- className: PropTypes.string,
11
- id: PropTypes.string,
12
- isValid: PropTypes.bool,
13
- invalidMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
14
- variant: PropTypes.shape({
15
- status: PropTypes.oneOf(Object.keys(Variant.status).map(k => Variant.status[k]))
16
- }),
17
- variantIconDescription: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
18
- };
19
- const defaultProps = {
20
- children: null,
21
- className: undefined,
22
- id: '',
23
- isValid: true,
24
- invalidMessage: '',
25
- variant: {
26
- status: Variant.status.INFO
27
- },
28
- variantIconDescription: ''
29
- };
30
- class Fieldset extends React.Component {
31
- constructor(props) {
32
- super(props);
33
- this.state = {
34
- id: props.id || newId('fieldset')
35
- };
36
- }
37
- static getDerivedStateFromProps(nextProps, prevState) {
38
- if (nextProps.id !== prevState.id) {
39
- return {
40
- id: nextProps.id || newId('fieldset')
41
- };
42
- }
43
- return null;
44
- }
45
- getVariantClassName() {
46
- const {
47
- variant
48
- } = this.props;
49
- let className;
50
- switch (variant.status) {
51
- case Variant.status.INFO:
52
- className = 'is-invalid-nodanger';
53
- break;
54
- default:
55
- break;
56
- }
57
- return className;
58
- }
59
- render() {
60
- const {
61
- className,
62
- children,
63
- variantIconDescription,
64
- invalidMessage,
65
- isValid,
66
- legend,
67
- variant
68
- } = this.props;
69
- const errorId = `error-${this.state.id}`;
70
- return /*#__PURE__*/React.createElement("div", {
71
- className: "paragon-fieldset"
72
- }, /*#__PURE__*/React.createElement("fieldset", {
73
- className: classNames('form-control', 'p-3', {
74
- 'is-invalid': !isValid
75
- }, this.getVariantClassName(), className),
76
- "aria-describedby": errorId,
77
- "data-testid": "fieldset"
78
- }, /*#__PURE__*/React.createElement("legend", {
79
- className: "p-1"
80
- }, legend), children), /*#__PURE__*/React.createElement(ValidationMessage, {
81
- id: errorId,
82
- isValid: isValid,
83
- invalidMessage: invalidMessage,
84
- variant: variant,
85
- variantIconDescription: variantIconDescription
86
- }));
87
- }
88
- }
89
- Fieldset.propTypes = inputProps;
90
- Fieldset.defaultProps = defaultProps;
91
- export default Fieldset;
92
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["React","PropTypes","classNames","newId","ValidationMessage","Variant","inputProps","legend","oneOfType","string","element","isRequired","children","node","className","id","isValid","bool","invalidMessage","variant","shape","status","oneOf","Object","keys","map","k","variantIconDescription","defaultProps","undefined","INFO","Fieldset","Component","constructor","props","state","getDerivedStateFromProps","nextProps","prevState","getVariantClassName","render","errorId","createElement","propTypes"],"sources":["../../src/Fieldset/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport newId from '../utils/newId';\n\nimport ValidationMessage from '../ValidationMessage/index';\nimport Variant from '../utils/constants';\n\nconst inputProps = {\n legend: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n\n children: PropTypes.node,\n className: PropTypes.string,\n id: PropTypes.string,\n isValid: PropTypes.bool,\n invalidMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n variant: PropTypes.shape({\n status: PropTypes.oneOf(Object.keys(Variant.status).map(k => Variant.status[k])),\n }),\n variantIconDescription: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nconst defaultProps = {\n children: null,\n className: undefined,\n id: '',\n isValid: true,\n invalidMessage: '',\n variant: {\n status: Variant.status.INFO,\n },\n variantIconDescription: '',\n};\n\nclass Fieldset extends React.Component {\n constructor(props) {\n super(props);\n this.state = { id: props.id || newId('fieldset') };\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.id !== prevState.id) {\n return { id: nextProps.id || newId('fieldset') };\n }\n\n return null;\n }\n\n getVariantClassName() {\n const { variant } = this.props;\n let className;\n\n switch (variant.status) {\n case Variant.status.INFO:\n className = 'is-invalid-nodanger';\n break;\n default:\n break;\n }\n\n return className;\n }\n\n render() {\n const {\n className,\n children,\n variantIconDescription,\n invalidMessage,\n isValid,\n legend,\n variant,\n } = this.props;\n const errorId = `error-${this.state.id}`;\n return (\n <div className=\"paragon-fieldset\">\n <fieldset\n className={classNames(\n 'form-control',\n 'p-3',\n { 'is-invalid': !isValid },\n this.getVariantClassName(),\n className,\n )}\n aria-describedby={errorId}\n data-testid=\"fieldset\"\n >\n <legend className=\"p-1\">{legend}</legend>\n {children}\n </fieldset>\n <ValidationMessage\n id={errorId}\n isValid={isValid}\n invalidMessage={invalidMessage}\n variant={variant}\n variantIconDescription={variantIconDescription}\n />\n </div>\n );\n }\n}\n\nFieldset.propTypes = inputProps;\nFieldset.defaultProps = defaultProps;\n\nexport default Fieldset;\n"],"mappings":"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"}
@@ -1,12 +0,0 @@
1
- .paragon-fieldset {
2
- margin-bottom: $spacer * 1.5;
3
-
4
- .form-control {
5
- height: auto;
6
- }
7
-
8
- fieldset legend {
9
- width: auto;
10
- margin-bottom: 0;
11
- }
12
- }