@openedx/paragon 22.6.0 → 23.0.0-alpha.2

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 (564) hide show
  1. package/README.md +61 -21
  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 +15 -40
  15. package/dist/Button/index.js.map +1 -1
  16. package/dist/Button/index.scss +855 -372
  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/ChipIcon.d.ts +2 -2
  21. package/dist/Chip/ChipIcon.js.map +1 -1
  22. package/dist/Chip/index.d.ts +2 -2
  23. package/dist/Chip/index.js +2 -2
  24. package/dist/Chip/index.js.map +1 -1
  25. package/dist/Chip/index.scss +48 -38
  26. package/dist/Chip/mixins.scss +8 -3
  27. package/dist/ChipCarousel/index.scss +4 -4
  28. package/dist/CloseButton/index.scss +31 -2
  29. package/dist/Code/index.scss +47 -2
  30. package/dist/Collapsible/index.scss +15 -15
  31. package/dist/ColorPicker/index.scss +9 -11
  32. package/dist/DataTable/CollapsibleButtonGroup.js +2 -2
  33. package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
  34. package/dist/DataTable/index.scss +48 -50
  35. package/dist/Dropdown/dropdown-bootstrap.scss +181 -0
  36. package/dist/Dropdown/index.js +0 -2
  37. package/dist/Dropdown/index.js.map +1 -1
  38. package/dist/Dropdown/index.scss +11 -12
  39. package/dist/Dropzone/index.scss +12 -14
  40. package/dist/Form/_FormText.scss +8 -8
  41. package/dist/Form/_bootstrap-custom-forms.scss +551 -0
  42. package/dist/Form/_bootstrap-forms.scss +381 -0
  43. package/dist/Form/_index.scss +168 -146
  44. package/dist/Form/_input-group.scss +188 -0
  45. package/dist/Form/_mixins.scss +216 -3
  46. package/dist/Hyperlink/index.js +32 -20
  47. package/dist/Hyperlink/index.js.map +1 -1
  48. package/dist/Hyperlink/index.scss +1 -1
  49. package/dist/Icon/index.d.ts +2 -4
  50. package/dist/Icon/index.js +1 -1
  51. package/dist/Icon/index.js.map +1 -1
  52. package/dist/Icon/index.scss +10 -12
  53. package/dist/IconButton/_mixins.scss +4 -0
  54. package/dist/IconButton/index.js +5 -11
  55. package/dist/IconButton/index.js.map +1 -1
  56. package/dist/IconButton/index.scss +387 -74
  57. package/dist/IconButtonToggle/index.scss +1 -1
  58. package/dist/Image/index.scss +53 -2
  59. package/dist/Menu/index.scss +25 -27
  60. package/dist/Modal/_ModalDialog.scss +52 -54
  61. package/dist/Modal/index.scss +6 -73
  62. package/dist/Nav/_mixins.scss +4 -4
  63. package/dist/Nav/index.scss +70 -66
  64. package/dist/Navbar/index.scss +276 -2
  65. package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  66. package/dist/Overlay/index.js +2 -3
  67. package/dist/Overlay/index.js.map +1 -1
  68. package/dist/PageBanner/index.scss +17 -21
  69. package/dist/Pagination/index.scss +32 -34
  70. package/dist/Pagination/pagination-bootstrap.scss +83 -0
  71. package/dist/Popover/index.scss +9 -10
  72. package/dist/Popover/popover-bootstrap.scss +198 -0
  73. package/dist/ProductTour/Checkpoint.scss +71 -43
  74. package/dist/ProgressBar/_mixins.scss +22 -0
  75. package/dist/ProgressBar/bootstrap-progress.scss +49 -0
  76. package/dist/ProgressBar/index.scss +28 -36
  77. package/dist/Scrollable/index.scss +2 -2
  78. package/dist/SearchField/SearchFieldInput.js +2 -2
  79. package/dist/SearchField/SearchFieldInput.js.map +1 -1
  80. package/dist/SearchField/index.scss +15 -17
  81. package/dist/SelectableBox/index.scss +11 -13
  82. package/dist/Sheet/index.scss +10 -10
  83. package/dist/Spinner/index.scss +57 -2
  84. package/dist/Stack/index.scss +1 -3
  85. package/dist/Stepper/index.scss +20 -20
  86. package/dist/Sticky/index.scss +4 -6
  87. package/dist/Tabs/index.js +0 -2
  88. package/dist/Tabs/index.js.map +1 -1
  89. package/dist/Tabs/index.scss +29 -25
  90. package/dist/Toast/ToastContainer.scss +9 -11
  91. package/dist/Toast/bootstrap-toast.scss +46 -0
  92. package/dist/Toast/index.scss +9 -10
  93. package/dist/Tooltip/index.scss +136 -10
  94. package/dist/ValidationMessage/index.scss +1 -1
  95. package/dist/core.css +16777 -0
  96. package/dist/core.css.map +1 -0
  97. package/dist/core.min.css +2 -0
  98. package/dist/index.d.ts +2 -2
  99. package/dist/index.js +4 -18
  100. package/dist/index.scss +0 -4
  101. package/dist/light.css +4098 -0
  102. package/dist/light.css.map +1 -0
  103. package/dist/light.min.css +2 -0
  104. package/dist/theme-urls.json +21 -0
  105. package/dist/utils/breakpoints.js +1 -1
  106. package/lib/build-scss.js +188 -0
  107. package/lib/build-tokens.js +133 -0
  108. package/lib/help.js +36 -23
  109. package/lib/replace-variables.js +38 -0
  110. package/lib/utils.js +30 -0
  111. package/package.json +30 -14
  112. package/src/ActionRow/_index.scss +2 -4
  113. package/src/Alert/index.scss +41 -32
  114. package/src/Annotation/_mixins.scss +104 -0
  115. package/src/Annotation/index.scss +130 -103
  116. package/src/Avatar/index.scss +18 -20
  117. package/src/AvatarButton/index.scss +3 -5
  118. package/src/Badge/index.scss +112 -2
  119. package/src/Breadcrumb/index.scss +14 -16
  120. package/src/Bubble/index.scss +25 -12
  121. package/src/Button/{Button.test.tsx → Button.test.jsx} +2 -14
  122. package/src/Button/README.md +0 -84
  123. package/src/Button/__snapshots__/{Button.test.tsx.snap → Button.test.jsx.snap} +2 -19
  124. package/src/Button/_mixins.scss +14 -0
  125. package/src/Button/button-group.scss +126 -0
  126. package/src/Button/index.jsx +113 -0
  127. package/src/Button/index.scss +855 -372
  128. package/src/Card/card-bootstrap.scss +168 -0
  129. package/src/Card/index.scss +78 -79
  130. package/src/Carousel/index.scss +168 -2
  131. package/src/Chip/ChipIcon.tsx +1 -1
  132. package/src/Chip/index.scss +48 -38
  133. package/src/Chip/index.tsx +5 -5
  134. package/src/Chip/mixins.scss +8 -3
  135. package/src/ChipCarousel/index.scss +4 -4
  136. package/src/CloseButton/index.scss +31 -2
  137. package/src/Code/index.scss +47 -2
  138. package/src/Collapsible/index.scss +15 -15
  139. package/src/ColorPicker/index.scss +9 -11
  140. package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
  141. package/src/DataTable/index.scss +48 -50
  142. package/src/Dropdown/README.md +0 -93
  143. package/src/Dropdown/dropdown-bootstrap.scss +181 -0
  144. package/src/Dropdown/index.jsx +0 -2
  145. package/src/Dropdown/index.scss +11 -12
  146. package/src/Dropzone/index.scss +12 -14
  147. package/src/Form/_FormText.scss +8 -8
  148. package/src/Form/_bootstrap-custom-forms.scss +551 -0
  149. package/src/Form/_bootstrap-forms.scss +381 -0
  150. package/src/Form/_index.scss +168 -146
  151. package/src/Form/_input-group.scss +188 -0
  152. package/src/Form/_mixins.scss +216 -3
  153. package/src/Hyperlink/{Hyperlink.test.tsx → Hyperlink.test.jsx} +10 -21
  154. package/src/Hyperlink/{index.tsx → index.jsx} +37 -41
  155. package/src/Hyperlink/index.scss +1 -1
  156. package/src/Icon/index.d.ts +2 -4
  157. package/src/Icon/index.jsx +1 -1
  158. package/src/Icon/index.scss +10 -12
  159. package/src/IconButton/README.md +1 -15
  160. package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +5 -28
  161. package/src/IconButton/_mixins.scss +4 -0
  162. package/src/IconButton/index.jsx +6 -13
  163. package/src/IconButton/index.scss +387 -74
  164. package/src/IconButtonToggle/index.scss +1 -1
  165. package/src/Image/index.scss +53 -2
  166. package/src/Menu/index.scss +25 -27
  167. package/src/Modal/_ModalDialog.scss +52 -54
  168. package/src/Modal/index.scss +6 -73
  169. package/src/Nav/_mixins.scss +4 -4
  170. package/src/Nav/index.scss +70 -66
  171. package/src/Navbar/index.scss +276 -2
  172. package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
  173. package/src/Overlay/index.jsx +2 -3
  174. package/src/PageBanner/index.scss +17 -21
  175. package/src/Pagination/index.scss +32 -34
  176. package/src/Pagination/pagination-bootstrap.scss +83 -0
  177. package/src/Popover/index.scss +9 -10
  178. package/src/Popover/popover-bootstrap.scss +198 -0
  179. package/src/ProductTour/Checkpoint.scss +71 -43
  180. package/src/ProgressBar/_mixins.scss +22 -0
  181. package/src/ProgressBar/bootstrap-progress.scss +49 -0
  182. package/src/ProgressBar/index.scss +28 -36
  183. package/src/Scrollable/index.scss +2 -2
  184. package/src/SearchField/SearchFieldInput.jsx +2 -2
  185. package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +12 -8
  186. package/src/SearchField/index.scss +15 -17
  187. package/src/SelectableBox/index.scss +11 -13
  188. package/src/Sheet/index.scss +10 -10
  189. package/src/Spinner/index.scss +57 -2
  190. package/src/Stack/index.scss +1 -3
  191. package/src/Stepper/index.scss +20 -20
  192. package/src/Sticky/index.scss +4 -6
  193. package/src/Tabs/README.md +1 -23
  194. package/src/Tabs/index.jsx +0 -3
  195. package/src/Tabs/index.scss +29 -25
  196. package/src/Toast/ToastContainer.scss +9 -11
  197. package/src/Toast/bootstrap-toast.scss +46 -0
  198. package/src/Toast/index.scss +9 -10
  199. package/src/Tooltip/index.scss +136 -10
  200. package/src/TransitionReplace/README.md +4 -4
  201. package/src/ValidationMessage/index.scss +1 -1
  202. package/src/index.d.ts +2 -2
  203. package/src/index.js +4 -18
  204. package/src/index.scss +0 -4
  205. package/src/{setupTest.ts → setupTest.js} +0 -7
  206. package/src/utils/breakpoints.js +1 -1
  207. package/styles/css/core/custom-media-breakpoints.css +17 -0
  208. package/styles/css/core/index.css +2 -0
  209. package/styles/css/core/variables.css +603 -0
  210. package/styles/css/themes/light/index.css +2 -0
  211. package/styles/css/themes/light/utility-classes.css +2454 -0
  212. package/styles/css/themes/light/variables.css +1644 -0
  213. package/{scss → styles/scss}/core/_functions.scss +1 -1
  214. package/styles/scss/core/_grid.scss +21 -0
  215. package/{scss → styles/scss}/core/_utilities.scss +17 -11
  216. package/styles/scss/core/_variables.scss +868 -0
  217. package/styles/scss/core/bootstrap-override/_functions.scss +104 -0
  218. package/styles/scss/core/bootstrap-override/_mixins.scss +4 -0
  219. package/styles/scss/core/bootstrap-override/_utilities.scss +4 -0
  220. package/styles/scss/core/bootstrap-override/bootstrap.scss +2 -0
  221. package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +80 -0
  222. package/styles/scss/core/bootstrap-override/mixins/_grid.scss +69 -0
  223. package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +22 -0
  224. package/styles/scss/core/bootstrap-override/utilities/_background.scss +7 -0
  225. package/styles/scss/core/bootstrap-override/utilities/_borders.scss +67 -0
  226. package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +70 -0
  227. package/styles/scss/core/bootstrap-override/utilities/_text.scss +68 -0
  228. package/styles/scss/core/core.scss +21 -0
  229. package/{scss → styles/scss}/core/utilities-only.scss +1 -0
  230. package/tokens/README.md +157 -0
  231. package/tokens/css-utilities.js +56 -0
  232. package/tokens/map-scss-to-css.js +24 -0
  233. package/tokens/replace-variables.js +32 -0
  234. package/tokens/sass-helpers.js +98 -0
  235. package/tokens/src/core/alias/size.json +15 -0
  236. package/tokens/src/core/components/ActionRow.json +10 -0
  237. package/tokens/src/core/components/Alert.json +30 -0
  238. package/tokens/src/core/components/Annotation.json +25 -0
  239. package/tokens/src/core/components/Avatar.json +17 -0
  240. package/tokens/src/core/components/AvatarButton.json +11 -0
  241. package/tokens/src/core/components/Badge.json +33 -0
  242. package/tokens/src/core/components/Breadcrumb.json +23 -0
  243. package/tokens/src/core/components/Bubble.json +10 -0
  244. package/tokens/src/core/components/Button/core.json +105 -0
  245. package/tokens/src/core/components/Card.json +96 -0
  246. package/tokens/src/core/components/Carousel.json +37 -0
  247. package/tokens/src/core/components/Chip.json +41 -0
  248. package/tokens/src/core/components/ChipCarousel.json +15 -0
  249. package/tokens/src/core/components/CloseButton.json +14 -0
  250. package/tokens/src/core/components/Code.json +34 -0
  251. package/tokens/src/core/components/Collapsible.json +29 -0
  252. package/tokens/src/core/components/ColorPicker.json +8 -0
  253. package/tokens/src/core/components/Container.json +13 -0
  254. package/tokens/src/core/components/DataTable.json +27 -0
  255. package/tokens/src/core/components/Dropdown.json +67 -0
  256. package/tokens/src/core/components/Dropzone.json +21 -0
  257. package/tokens/src/core/components/Form/other.json +14 -0
  258. package/tokens/src/core/components/Form/size.json +229 -0
  259. package/tokens/src/core/components/Form/spacing.json +155 -0
  260. package/tokens/src/core/components/Form/transition.json +16 -0
  261. package/tokens/src/core/components/Form/typography.json +122 -0
  262. package/tokens/src/core/components/Icon.json +11 -0
  263. package/tokens/src/core/components/IconButton.json +15 -0
  264. package/tokens/src/core/components/Image.json +28 -0
  265. package/tokens/src/core/components/Menu.json +48 -0
  266. package/tokens/src/core/components/Modal.json +47 -0
  267. package/tokens/src/core/components/Nav.json +52 -0
  268. package/tokens/src/core/components/Navbar.json +70 -0
  269. package/tokens/src/core/components/Pagination.json +66 -0
  270. package/tokens/src/core/components/Popover.json +48 -0
  271. package/tokens/src/core/components/ProductTour.json +32 -0
  272. package/tokens/src/core/components/ProgressBar.json +39 -0
  273. package/tokens/src/core/components/SearchField.json +23 -0
  274. package/tokens/src/core/components/SelectableBox.json +9 -0
  275. package/tokens/src/core/components/Sheet.json +10 -0
  276. package/tokens/src/core/components/Spinner.json +19 -0
  277. package/tokens/src/core/components/Stack.json +7 -0
  278. package/tokens/src/core/components/Stepper.json +42 -0
  279. package/tokens/src/core/components/Sticky.json +7 -0
  280. package/tokens/src/core/components/Tab.json +19 -0
  281. package/tokens/src/core/components/Tabs.json +19 -0
  282. package/tokens/src/core/components/Toast.json +30 -0
  283. package/tokens/src/core/components/Tooltip.json +33 -0
  284. package/tokens/src/core/components/general/caret.json +13 -0
  285. package/tokens/src/core/components/general/headings.json +16 -0
  286. package/tokens/src/core/components/general/hr.json +10 -0
  287. package/tokens/src/core/components/general/input.json +51 -0
  288. package/tokens/src/core/components/general/link.json +30 -0
  289. package/tokens/src/core/components/general/list.json +26 -0
  290. package/tokens/src/core/components/general/text.json +24 -0
  291. package/tokens/src/core/global/breakpoints.json +12 -0
  292. package/tokens/src/core/global/display.json +22 -0
  293. package/tokens/src/core/global/elevation.json +19 -0
  294. package/tokens/src/core/global/other.json +4 -0
  295. package/tokens/src/core/global/spacing.json +37 -0
  296. package/tokens/src/core/global/transition.json +14 -0
  297. package/tokens/src/core/global/typography.json +91 -0
  298. package/tokens/src/core/utilities/color.json +12 -0
  299. package/tokens/src/themes/light/alias/color.json +114 -0
  300. package/tokens/src/themes/light/components/Alert.json +38 -0
  301. package/tokens/src/themes/light/components/Annotation.json +29 -0
  302. package/tokens/src/themes/light/components/Avatar.json +7 -0
  303. package/tokens/src/themes/light/components/Badge.json +186 -0
  304. package/tokens/src/themes/light/components/Breadcrumb.json +13 -0
  305. package/tokens/src/themes/light/components/Bubble.json +18 -0
  306. package/tokens/src/themes/light/components/Button/brand.json +260 -0
  307. package/tokens/src/themes/light/components/Button/core.json +24 -0
  308. package/tokens/src/themes/light/components/Button/danger.json +247 -0
  309. package/tokens/src/themes/light/components/Button/dark.json +230 -0
  310. package/tokens/src/themes/light/components/Button/info.json +238 -0
  311. package/tokens/src/themes/light/components/Button/light.json +236 -0
  312. package/tokens/src/themes/light/components/Button/primary.json +250 -0
  313. package/tokens/src/themes/light/components/Button/secondary.json +278 -0
  314. package/tokens/src/themes/light/components/Button/success.json +253 -0
  315. package/tokens/src/themes/light/components/Button/tertiary.json +109 -0
  316. package/tokens/src/themes/light/components/Button/warning.json +276 -0
  317. package/tokens/src/themes/light/components/Card.json +36 -0
  318. package/tokens/src/themes/light/components/Carousel.json +45 -0
  319. package/tokens/src/themes/light/components/Chip.json +50 -0
  320. package/tokens/src/themes/light/components/CloseButton.json +10 -0
  321. package/tokens/src/themes/light/components/Code.json +23 -0
  322. package/tokens/src/themes/light/components/DataTable.json +26 -0
  323. package/tokens/src/themes/light/components/Dropdown.json +41 -0
  324. package/tokens/src/themes/light/components/Dropzone.json +23 -0
  325. package/tokens/src/themes/light/components/Form/color.json +270 -0
  326. package/tokens/src/themes/light/components/Form/elevation.json +76 -0
  327. package/tokens/src/themes/light/components/Form/other.json +131 -0
  328. package/tokens/src/themes/light/components/IconButton.json +451 -0
  329. package/tokens/src/themes/light/components/Image.json +18 -0
  330. package/tokens/src/themes/light/components/Menu.json +30 -0
  331. package/tokens/src/themes/light/components/Modal.json +37 -0
  332. package/tokens/src/themes/light/components/Nav.json +166 -0
  333. package/tokens/src/themes/light/components/Navbar.json +136 -0
  334. package/tokens/src/themes/light/components/OverflowScroll.json +9 -0
  335. package/tokens/src/themes/light/components/PageBanner.json +24 -0
  336. package/tokens/src/themes/light/components/Pagination.json +45 -0
  337. package/tokens/src/themes/light/components/Popover.json +55 -0
  338. package/tokens/src/themes/light/components/ProductTour.json +35 -0
  339. package/tokens/src/themes/light/components/ProgressBar.json +20 -0
  340. package/tokens/src/themes/light/components/Scrollable.json +14 -0
  341. package/tokens/src/themes/light/components/SearchField.json +25 -0
  342. package/tokens/src/themes/light/components/Sheet.json +22 -0
  343. package/tokens/src/themes/light/components/Stepper.json +34 -0
  344. package/tokens/src/themes/light/components/Sticky.json +18 -0
  345. package/tokens/src/themes/light/components/Tab.json +62 -0
  346. package/tokens/src/themes/light/components/Toast.json +33 -0
  347. package/tokens/src/themes/light/components/Tooltip.json +30 -0
  348. package/tokens/src/themes/light/components/general/body.json +8 -0
  349. package/tokens/src/themes/light/components/general/headings.json +7 -0
  350. package/tokens/src/themes/light/components/general/hr.json +15 -0
  351. package/tokens/src/themes/light/components/general/input.json +18 -0
  352. package/tokens/src/themes/light/components/general/link.json +109 -0
  353. package/tokens/src/themes/light/components/general/list.json +38 -0
  354. package/tokens/src/themes/light/components/general/text.json +12 -0
  355. package/tokens/src/themes/light/global/color.json +1661 -0
  356. package/tokens/src/themes/light/global/elevation.json +201 -0
  357. package/tokens/src/themes/light/global/other.json +4 -0
  358. package/tokens/style-dictionary.js +229 -0
  359. package/tokens/utils.js +210 -0
  360. package/dist/ActionRow/_variables.scss +0 -2
  361. package/dist/Alert/_variables.scss +0 -24
  362. package/dist/Annotation/_variables.scss +0 -18
  363. package/dist/Avatar/_variables.scss +0 -10
  364. package/dist/AvatarButton/_variables.scss +0 -3
  365. package/dist/Badge/_variables.scss +0 -16
  366. package/dist/Breadcrumb/_variables.scss +0 -27
  367. package/dist/Bubble/_variables.scss +0 -8
  368. package/dist/Button/_variables.scss +0 -52
  369. package/dist/Button/deprecated/index.js +0 -149
  370. package/dist/Button/deprecated/index.js.map +0 -1
  371. package/dist/Button/index.d.ts +0 -35
  372. package/dist/Card/_variables.scss +0 -55
  373. package/dist/Carousel/_variables.scss +0 -27
  374. package/dist/CheckBox/index.js +0 -102
  375. package/dist/CheckBox/index.js.map +0 -1
  376. package/dist/CheckBoxGroup/index.js +0 -15
  377. package/dist/CheckBoxGroup/index.js.map +0 -1
  378. package/dist/Chip/_variables.scss +0 -28
  379. package/dist/ChipCarousel/_variables.scss +0 -3
  380. package/dist/CloseButton/_variables.scss +0 -6
  381. package/dist/Code/_variables.scss +0 -17
  382. package/dist/Collapsible/_variables.scss +0 -12
  383. package/dist/ColorPicker/_variables.scss +0 -2
  384. package/dist/Container/_variables.scss +0 -5
  385. package/dist/DataTable/_variables.scss +0 -11
  386. package/dist/Dropdown/_variables.scss +0 -33
  387. package/dist/Dropdown/deprecated/DropdownButton.js +0 -44
  388. package/dist/Dropdown/deprecated/DropdownButton.js.map +0 -1
  389. package/dist/Dropdown/deprecated/DropdownItem.js +0 -33
  390. package/dist/Dropdown/deprecated/DropdownItem.js.map +0 -1
  391. package/dist/Dropdown/deprecated/DropdownMenu.js +0 -46
  392. package/dist/Dropdown/deprecated/DropdownMenu.js.map +0 -1
  393. package/dist/Dropdown/deprecated/index.js +0 -241
  394. package/dist/Dropdown/deprecated/index.js.map +0 -1
  395. package/dist/Dropzone/_variables.scss +0 -9
  396. package/dist/Fieldset/index.js +0 -117
  397. package/dist/Fieldset/index.js.map +0 -1
  398. package/dist/Fieldset/index.scss +0 -12
  399. package/dist/Form/_variables.scss +0 -267
  400. package/dist/Hyperlink/index.d.ts +0 -24
  401. package/dist/Icon/_variables.scss +0 -7
  402. package/dist/Image/_variables.scss +0 -13
  403. package/dist/Input/index.js +0 -166
  404. package/dist/Input/index.js.map +0 -1
  405. package/dist/InputSelect/index.js +0 -105
  406. package/dist/InputSelect/index.js.map +0 -1
  407. package/dist/InputText/index.js +0 -45
  408. package/dist/InputText/index.js.map +0 -1
  409. package/dist/ListBox/index.js +0 -148
  410. package/dist/ListBox/index.js.map +0 -1
  411. package/dist/ListBoxOption/index.js +0 -94
  412. package/dist/ListBoxOption/index.js.map +0 -1
  413. package/dist/Menu/_variables.scss +0 -24
  414. package/dist/Modal/_variables.scss +0 -50
  415. package/dist/Modal/index.js +0 -292
  416. package/dist/Modal/index.js.map +0 -1
  417. package/dist/Nav/_variables.scss +0 -58
  418. package/dist/Navbar/_variables.scss +0 -40
  419. package/dist/OverflowScroll/_variables.scss +0 -5
  420. package/dist/OverflowScroll/index.scss +0 -1
  421. package/dist/Pagination/_variables.scss +0 -19
  422. package/dist/Popover/_variables.scss +0 -36
  423. package/dist/ProductTour/_variables.scss +0 -15
  424. package/dist/ProgressBar/_variables.scss +0 -23
  425. package/dist/RadioButtonGroup/index.js +0 -188
  426. package/dist/RadioButtonGroup/index.js.map +0 -1
  427. package/dist/SearchField/_variables.scss +0 -14
  428. package/dist/SelectableBox/_variables.scss +0 -5
  429. package/dist/Spinner/_variables.scss +0 -9
  430. package/dist/Stack/_variables.scss +0 -1
  431. package/dist/StatusAlert/index.js +0 -168
  432. package/dist/StatusAlert/index.js.map +0 -1
  433. package/dist/Stepper/_variables.scss +0 -18
  434. package/dist/Sticky/_variables.scss +0 -3
  435. package/dist/Table/_variables.scss +0 -34
  436. package/dist/Table/index.js +0 -267
  437. package/dist/Table/index.js.map +0 -1
  438. package/dist/Table/index.scss +0 -12
  439. package/dist/Tabs/_variables.scss +0 -24
  440. package/dist/Tabs/deprecated/Tabs.scss +0 -3
  441. package/dist/Tabs/deprecated/index.js +0 -123
  442. package/dist/Tabs/deprecated/index.js.map +0 -1
  443. package/dist/TextArea/index.js +0 -44
  444. package/dist/TextArea/index.js.map +0 -1
  445. package/dist/Toast/_variables.scss +0 -19
  446. package/dist/Tooltip/_variables.scss +0 -21
  447. package/dist/ValidationFormGroup/index.js +0 -106
  448. package/dist/ValidationFormGroup/index.js.map +0 -1
  449. package/dist/paragon.css +0 -45
  450. package/dist/setupTest.d.ts +0 -2
  451. package/dist/setupTest.js.map +0 -1
  452. package/dist/utils/types/bootstrap.d.ts +0 -39
  453. package/dist/utils/types/bootstrap.js +0 -2
  454. package/dist/utils/types/bootstrap.js.map +0 -1
  455. package/scss/core/_grid.scss +0 -21
  456. package/scss/core/_variables.scss +0 -875
  457. package/scss/core/core.scss +0 -21
  458. package/src/ActionRow/_variables.scss +0 -2
  459. package/src/Alert/_variables.scss +0 -24
  460. package/src/Annotation/_variables.scss +0 -18
  461. package/src/Avatar/_variables.scss +0 -10
  462. package/src/AvatarButton/_variables.scss +0 -3
  463. package/src/Badge/_variables.scss +0 -16
  464. package/src/Breadcrumb/_variables.scss +0 -27
  465. package/src/Bubble/_variables.scss +0 -8
  466. package/src/Button/_variables.scss +0 -52
  467. package/src/Button/deprecated/Button.test.jsx +0 -34
  468. package/src/Button/deprecated/index.jsx +0 -145
  469. package/src/Button/index.tsx +0 -159
  470. package/src/Card/_variables.scss +0 -55
  471. package/src/Carousel/_variables.scss +0 -27
  472. package/src/CheckBox/CheckBox.test.jsx +0 -65
  473. package/src/CheckBox/README.md +0 -93
  474. package/src/CheckBox/index.jsx +0 -80
  475. package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +0 -33
  476. package/src/CheckBoxGroup/README.md +0 -35
  477. package/src/CheckBoxGroup/index.jsx +0 -19
  478. package/src/Chip/_variables.scss +0 -28
  479. package/src/ChipCarousel/_variables.scss +0 -3
  480. package/src/CloseButton/_variables.scss +0 -6
  481. package/src/Code/_variables.scss +0 -17
  482. package/src/Collapsible/_variables.scss +0 -12
  483. package/src/ColorPicker/_variables.scss +0 -2
  484. package/src/Container/_variables.scss +0 -5
  485. package/src/DataTable/_variables.scss +0 -11
  486. package/src/Dropdown/_variables.scss +0 -33
  487. package/src/Dropdown/deprecated/Dropdown.test.jsx +0 -238
  488. package/src/Dropdown/deprecated/DropdownButton.jsx +0 -52
  489. package/src/Dropdown/deprecated/DropdownItem.jsx +0 -34
  490. package/src/Dropdown/deprecated/DropdownMenu.jsx +0 -50
  491. package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +0 -229
  492. package/src/Dropdown/deprecated/index.jsx +0 -222
  493. package/src/Dropzone/_variables.scss +0 -9
  494. package/src/Fieldset/Fieldset.test.jsx +0 -101
  495. package/src/Fieldset/README.md +0 -146
  496. package/src/Fieldset/index.jsx +0 -107
  497. package/src/Fieldset/index.scss +0 -12
  498. package/src/Form/_variables.scss +0 -267
  499. package/src/Icon/_variables.scss +0 -7
  500. package/src/Image/_variables.scss +0 -13
  501. package/src/Input/README.md +0 -74
  502. package/src/Input/__snapshots__/input.test.jsx.snap +0 -53
  503. package/src/Input/index.jsx +0 -151
  504. package/src/Input/input.test.jsx +0 -85
  505. package/src/InputSelect/README.md +0 -136
  506. package/src/InputSelect/index.jsx +0 -92
  507. package/src/InputText/InputText.test.jsx +0 -74
  508. package/src/InputText/README.md +0 -293
  509. package/src/InputText/index.jsx +0 -49
  510. package/src/ListBox/ListBox.test.jsx +0 -161
  511. package/src/ListBox/README.md +0 -185
  512. package/src/ListBox/index.jsx +0 -115
  513. package/src/ListBoxOption/ListBoxOption.test.jsx +0 -154
  514. package/src/ListBoxOption/index.jsx +0 -78
  515. package/src/Menu/_variables.scss +0 -24
  516. package/src/Modal/README.md +0 -148
  517. package/src/Modal/_variables.scss +0 -50
  518. package/src/Modal/index.jsx +0 -319
  519. package/src/Modal/tests/Modal.test.jsx +0 -261
  520. package/src/Nav/_variables.scss +0 -58
  521. package/src/Navbar/_variables.scss +0 -40
  522. package/src/OverflowScroll/_variables.scss +0 -5
  523. package/src/OverflowScroll/index.scss +0 -1
  524. package/src/Pagination/_variables.scss +0 -19
  525. package/src/Popover/_variables.scss +0 -36
  526. package/src/ProductTour/_variables.scss +0 -15
  527. package/src/ProgressBar/_variables.scss +0 -23
  528. package/src/RadioButtonGroup/README.md +0 -50
  529. package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +0 -127
  530. package/src/RadioButtonGroup/index.jsx +0 -185
  531. package/src/SearchField/_variables.scss +0 -14
  532. package/src/SelectableBox/_variables.scss +0 -5
  533. package/src/Spinner/_variables.scss +0 -9
  534. package/src/Stack/_variables.scss +0 -1
  535. package/src/StatusAlert/README.md +0 -149
  536. package/src/StatusAlert/StatusAlert.test.jsx +0 -150
  537. package/src/StatusAlert/index.jsx +0 -144
  538. package/src/Stepper/_variables.scss +0 -18
  539. package/src/Sticky/_variables.scss +0 -3
  540. package/src/Table/README.md +0 -506
  541. package/src/Table/Table.test.jsx +0 -367
  542. package/src/Table/_variables.scss +0 -34
  543. package/src/Table/index.jsx +0 -264
  544. package/src/Table/index.scss +0 -12
  545. package/src/Tabs/_variables.scss +0 -24
  546. package/src/Tabs/deprecated/Tabs.scss +0 -3
  547. package/src/Tabs/deprecated/Tabs.test.jsx +0 -50
  548. package/src/Tabs/deprecated/index.jsx +0 -117
  549. package/src/TextArea/README.md +0 -63
  550. package/src/TextArea/index.jsx +0 -48
  551. package/src/Toast/_variables.scss +0 -19
  552. package/src/Tooltip/_variables.scss +0 -21
  553. package/src/ValidationFormGroup/README.md +0 -116
  554. package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +0 -146
  555. package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +0 -161
  556. package/src/ValidationFormGroup/index.jsx +0 -114
  557. package/src/utils/types/bootstrap.test.tsx +0 -86
  558. package/src/utils/types/bootstrap.ts +0 -43
  559. /package/src/Button/{ButtonGroup.test.tsx → ButtonGroup.test.jsx} +0 -0
  560. /package/src/Button/{ButtonToolbar.test.tsx → ButtonToolbar.test.jsx} +0 -0
  561. /package/src/Button/__snapshots__/{ButtonGroup.test.tsx.snap → ButtonGroup.test.jsx.snap} +0 -0
  562. /package/src/Button/__snapshots__/{ButtonToolbar.test.tsx.snap → ButtonToolbar.test.jsx.snap} +0 -0
  563. /package/{scss → styles/scss}/core/_exports.module.scss +0 -0
  564. /package/{scss → styles/scss}/core/_typography.scss +0 -0
@@ -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","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","state","_createClass","key","value","getVariantClassName","render","_this$props","errorId","concat","createElement","getDerivedStateFromProps","nextProps","prevState","Component","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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","ignoreList":[]}
@@ -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
- }
@@ -1,267 +0,0 @@
1
- $input-padding-y: $input-btn-padding-y !default;
2
- $input-padding-x: $input-btn-padding-x !default;
3
- $input-font-family: $input-btn-font-family !default;
4
- $input-font-size: $input-btn-font-size !default;
5
- $input-font-weight: $font-weight-base !default;
6
- $input-line-height: $input-btn-line-height !default;
7
-
8
- $input-padding-y-sm: $input-btn-padding-y-sm !default;
9
- $input-padding-x-sm: $input-btn-padding-x-sm !default;
10
- $input-font-size-sm: $input-btn-font-size-sm !default;
11
- $input-line-height-sm: $input-btn-line-height-sm !default;
12
-
13
- $input-padding-y-lg: $input-btn-padding-y-lg !default;
14
- $input-padding-x-lg: $input-btn-padding-x-lg !default;
15
- $input-font-size-lg: $input-btn-font-size-lg !default;
16
- $input-line-height-lg: $input-btn-line-height-lg !default;
17
-
18
- $input-bg: $white !default;
19
- $input-disabled-bg: theme-color("gray", "background") !default;
20
-
21
- $input-color: theme-color("gray", "text") !default;
22
- $input-border-color: $gray-500 !default;
23
- $input-border-width: $input-btn-border-width !default;
24
- $input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;
25
-
26
- $input-border-radius: $border-radius !default;
27
- $input-border-radius-lg: $border-radius-lg !default;
28
- $input-border-radius-sm: $border-radius-sm !default;
29
-
30
- $input-focus-bg: $input-bg !default;
31
- $input-focus-border-color: $component-active-bg !default;
32
- $input-focus-color: $input-color !default;
33
- $input-focus-width: 1px !default;
34
- $input-focus-box-shadow: $input-btn-focus-box-shadow !default;
35
-
36
- $input-placeholder-color: theme-color("gray", "light-text") !default;
37
- $input-plaintext-color: $body-color !default;
38
-
39
- $input-height-border: $input-border-width * 2 !default;
40
-
41
- $input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;
42
- $input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;
43
- $input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{calc($input-padding-y / 2)}) !default;
44
-
45
- $input-height: calc(
46
- #{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}
47
- ) !default;
48
- $input-height-sm: calc(
49
- #{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}
50
- ) !default;
51
- $input-height-lg: calc(
52
- #{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}
53
- ) !default;
54
-
55
- $input-hover-width: 1px !default;
56
- $input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
57
-
58
- $form-text-margin-top: .25rem !default;
59
-
60
- $form-check-input-gutter: 1.25rem !default;
61
- $form-check-input-margin-y: .3rem !default;
62
- $form-check-input-margin-x: .25rem !default;
63
-
64
- $form-check-inline-margin-x: .75rem !default;
65
- $form-check-inline-input-margin-x: .3125rem !default;
66
-
67
- $form-check-position-axis: .375rem !default;
68
- $form-check-focus-border-radius: .0625rem !default;
69
- $form-check-border-width: .125rem !default;
70
-
71
- $form-grid-gutter-width: 10px !default;
72
- $form-group-margin-bottom: 1rem !default;
73
-
74
- $input-group-addon-color: $input-color !default;
75
- $input-group-addon-bg: theme-color("gray", "background") !default;
76
- $input-group-addon-border-color: $input-border-color !default;
77
-
78
- $custom-forms-transition: background-color .15s ease-in-out,
79
- border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
80
-
81
- $custom-control-gutter: .5rem !default;
82
- $custom-control-spacer-x: 1rem !default;
83
- $custom-control-cursor: null !default;
84
-
85
- $custom-control-indicator-size: 1.25rem !default;
86
- $custom-control-indicator-bg: $input-bg !default;
87
-
88
- $custom-control-indicator-bg-size: 100% !default;
89
- $custom-control-indicator-box-shadow: $input-box-shadow !default;
90
- $custom-control-indicator-border-color: $gray-700 !default;
91
- $custom-control-indicator-border-width: 2px !default;
92
-
93
- $custom-control-label-color: null !default;
94
- $custom-control-indicator-disabled-bg: $input-disabled-bg !default;
95
- $custom-control-label-disabled-color: theme-color("gray", "light-text") !default;
96
-
97
- $custom-control-indicator-checked-color: $component-active-bg !default;
98
- $custom-control-indicator-checked-valid-color: theme-color("success") !default;
99
- $custom-control-indicator-checked-invalid-color: theme-color("danger") !default;
100
- $custom-control-indicator-checked-bg: $component-active-bg !default;
101
- $custom-control-indicator-checked-disabled-bg: rgba($primary, .5) !default;
102
- $custom-control-indicator-checked-box-shadow: none !default;
103
- $custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
104
-
105
- $custom-control-indicator-focus-box-shadow: 0 0 0 4px rgba(0, 0, 0, .1) !default;
106
- $custom-control-indicator-focus-border-color: $input-focus-border-color !default;
107
-
108
- $custom-control-indicator-active-color: $component-active-color !default;
109
- $custom-control-indicator-active-bg: $component-active-bg !default;
110
- $custom-control-indicator-active-box-shadow: none !default;
111
- $custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;
112
- $custom-checkbox-indicator-border-radius: 0 !default;
113
- $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='#{$custom-control-indicator-checked-color}'/></svg>"), "#", "%23") !default;
114
- $custom-checkbox-indicator-icon-valid-checked: str-replace(url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='#{$custom-control-indicator-checked-valid-color}'/></svg>"), "#", "%23") !default;
115
- $custom-checkbox-indicator-icon-invalid-checked: str-replace(url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='#{$custom-control-indicator-checked-invalid-color}'/></svg>"), "#", "%23") !default;
116
-
117
- $custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
118
- $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
119
- $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM17 13H7V11H17V13Z' fill='#{$custom-checkbox-indicator-indeterminate-color}'/></svg>"), "#", "%23") !default;
120
- $custom-checkbox-indicator-indeterminate-box-shadow: none !default;
121
- $custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
122
-
123
- $custom-radio-indicator-border-radius: 50% !default;
124
- $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-bg}'/%3e%3c/svg%3e"), "#", "%23") !default;
125
- $custom-radio-indicator-icon-valid-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-valid-color}'/%3e%3c/svg%3e"), "#", "%23") !default;
126
- $custom-radio-indicator-icon-invalid-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-invalid-color}'/%3e%3c/svg%3e"), "#", "%23") !default;
127
-
128
- $custom-switch-indicator-icon-off: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-bg}'/%3e%3c/svg%3e"), "#", "%23") !default;
129
- $custom-switch-indicator-icon-on: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-active-color}'/%3e%3c/svg%3e"), "#", "%23") !default;
130
- $custom-switch-width: $custom-control-indicator-size * 1.75 !default;
131
- $custom-switch-indicator-border-radius: calc($custom-control-indicator-size / 2) !default;
132
- $custom-switch-indicator-size: calc(
133
- #{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}
134
- ) !default;
135
- $custom-switch-indicator-checked-bg: theme-color("success") !default;
136
-
137
- $custom-select-padding-y: $input-padding-y !default;
138
- $custom-select-padding-x: $input-padding-x !default;
139
- $custom-select-font-family: $input-font-family !default;
140
- $custom-select-font-size: $input-font-size !default;
141
- $custom-select-height: $input-height !default;
142
-
143
- // Extra padding to account for the presence of the background-image based indicator
144
- $custom-select-indicator-padding: 1rem !default;
145
- $custom-select-font-weight: $input-font-weight !default;
146
- $custom-select-line-height: $input-line-height !default;
147
- $custom-select-color: $input-color !default;
148
- $custom-select-disabled-color: theme-color("gray", "light-text") !default;
149
- $custom-select-bg: $input-bg !default;
150
- $custom-select-disabled-bg: theme-color("gray", "background") !default;
151
- $custom-select-bg-size: 24px 24px !default; // In pixels because image dimensions
152
- $custom-select-indicator-color: theme-color("gray", "hover") !default;
153
-
154
- $custom-select-indicator: str-replace(url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z" fill="#{$custom-select-indicator-color}"/></svg>'), "#", "%23") !default;
155
-
156
- // Used so we can have multiple background elements (e.g., arrow and feedback icon)
157
- $custom-select-background: $custom-select-indicator no-repeat right
158
- $input-padding-y center / $custom-select-bg-size !default;
159
-
160
- $custom-select-feedback-icon-padding-right: calc(
161
- (1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}
162
- ) !default;
163
- $custom-select-feedback-icon-position: center right
164
- ($custom-select-padding-x + $custom-select-indicator-padding) !default;
165
- $custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;
166
-
167
- $custom-select-border-width: $input-border-width !default;
168
- $custom-select-border-color: $input-border-color !default;
169
- $custom-select-border-radius: $border-radius !default;
170
- $custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;
171
-
172
- $custom-select-focus-border-color: $input-focus-border-color !default;
173
- $custom-select-focus-width: $input-focus-width !default;
174
- $custom-select-focus-box-shadow: $input-btn-focus-box-shadow !default;
175
-
176
- $custom-select-padding-y-sm: $input-padding-y-sm !default;
177
- $custom-select-padding-x-sm: $input-padding-x-sm !default;
178
- $custom-select-font-size-sm: $input-font-size-sm !default;
179
- $custom-select-height-sm: $input-height-sm !default;
180
-
181
- $custom-select-padding-y-lg: $input-padding-y-lg !default;
182
- $custom-select-padding-x-lg: $input-padding-x-lg !default;
183
- $custom-select-font-size-lg: $input-font-size-lg !default;
184
- $custom-select-height-lg: $input-height-lg !default;
185
-
186
- $custom-range-track-width: 100% !default;
187
- $custom-range-track-height: .5rem !default;
188
- $custom-range-track-cursor: pointer !default;
189
- $custom-range-track-bg: theme-color("gray", "graphic") !default;
190
- $custom-range-track-border-radius: 1rem !default;
191
- $custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
192
-
193
- $custom-range-thumb-width: 1rem !default;
194
- $custom-range-thumb-height: $custom-range-thumb-width !default;
195
- $custom-range-thumb-bg: $component-active-bg !default;
196
- $custom-range-thumb-border: 0 !default;
197
- $custom-range-thumb-border-radius: 1rem !default;
198
- $custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;
199
- $custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
200
- $custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge
201
- $custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;
202
- $custom-range-thumb-disabled-bg: theme-color("gray", "default") !default;
203
-
204
- $custom-file-height: $input-height !default;
205
- $custom-file-height-inner: $input-height-inner !default;
206
- $custom-file-focus-border-color: $input-focus-border-color !default;
207
- $custom-file-focus-box-shadow: $input-focus-box-shadow !default;
208
- $custom-file-disabled-bg: $input-disabled-bg !default;
209
-
210
- $custom-file-padding-y: $input-padding-y !default;
211
- $custom-file-padding-x: $input-padding-x !default;
212
- $custom-file-line-height: $input-line-height !default;
213
- $custom-file-font-family: $input-font-family !default;
214
- $custom-file-font-weight: $input-font-weight !default;
215
- $custom-file-color: $input-color !default;
216
- $custom-file-bg: $input-bg !default;
217
- $custom-file-border-width: $input-border-width !default;
218
- $custom-file-border-color: $input-border-color !default;
219
- $custom-file-border-radius: $input-border-radius !default;
220
- $custom-file-box-shadow: $input-box-shadow !default;
221
- $custom-file-button-color: $custom-file-color !default;
222
- $custom-file-button-bg: $input-group-addon-bg !default;
223
- $custom-file-text: (
224
- en: "Browse"
225
- ) !default;
226
-
227
- // Form validation
228
-
229
- $form-feedback-margin-top: $form-text-margin-top !default;
230
- $form-feedback-font-size: $small-font-size !default;
231
- $form-feedback-valid-color: theme-color("success") !default;
232
- $form-feedback-invalid-color: theme-color("danger") !default;
233
-
234
- $form-feedback-icon-valid-color: $form-feedback-valid-color !default;
235
- $form-feedback-icon-valid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), "#", "%23") !default;
236
- $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
237
- $form-feedback-icon-invalid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23") !default;
238
-
239
- $form-validation-states: () !default;
240
- // stylelint-disable-next-line scss/dollar-variable-default
241
- $form-validation-states: map-merge(
242
- (
243
- "valid": (
244
- "color": $form-feedback-valid-color,
245
- "icon": $form-feedback-icon-valid
246
- ),
247
- "invalid": (
248
- "color": $form-feedback-invalid-color,
249
- "icon": $form-feedback-icon-invalid
250
- ),
251
- ),
252
- $form-validation-states
253
- );
254
-
255
- // Form tooltips must come after regular tooltips
256
- $form-feedback-tooltip-padding-y: .25rem !default;
257
- $form-feedback-tooltip-padding-x: .5rem !default;
258
- $form-feedback-tooltip-font-size: $font-size-sm !default;
259
- $form-feedback-tooltip-line-height: $line-height-base !default;
260
- $form-feedback-tooltip-opacity: .9 !default;
261
- $form-feedback-tooltip-border-radius: $border-radius !default;
262
-
263
- $form-autosuggest-icon-width: 2.4rem;
264
- $form-autosuggest-icon-height: $form-autosuggest-icon-width;
265
- $form-autosuggest-spinner-width: 1.25rem;
266
- $form-autosuggest-spinner-height: $form-autosuggest-spinner-width;
267
- $form-autosuggest-border-width: .125rem;
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- export declare const HYPER_LINK_EXTERNAL_LINK_ALT_TEXT = "in a new tab";
3
- export declare const HYPER_LINK_EXTERNAL_LINK_TITLE = "Opens in a new tab";
4
- interface Props extends Omit<React.ComponentPropsWithRef<'a'>, 'href' | 'target'> {
5
- /** specifies the URL */
6
- destination: string;
7
- /** Content of the hyperlink */
8
- children: React.ReactNode;
9
- /** Custom class names for the hyperlink */
10
- className?: string;
11
- /** Alt text for the icon indicating that this link opens in a new tab, if target="_blank". e.g. _("in a new tab") */
12
- externalLinkAlternativeText?: string;
13
- /** Tooltip text for the "opens in new tab" icon, if target="_blank". e.g. _("Opens in a new tab"). */
14
- externalLinkTitle?: string;
15
- /** type of hyperlink */
16
- variant?: 'default' | 'muted' | 'brand';
17
- /** Display the link with an underline. By default, it is only underlined on hover. */
18
- isInline?: boolean;
19
- /** specify if we need to show launch Icon. By default, it will be visible. */
20
- showLaunchIcon?: boolean;
21
- target?: '_blank' | '_self';
22
- }
23
- declare const Hyperlink: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
24
- export default Hyperlink;
@@ -1,7 +0,0 @@
1
- // Icons sizes
2
-
3
- $icon-inline: .8em !default;
4
- $icon-xs: 1rem !default;
5
- $icon-sm: 1.25rem !default;
6
- $icon-md: 1.5rem !default;
7
- $icon-lg: 1.75rem !default;
@@ -1,13 +0,0 @@
1
- // Image thumbnails
2
-
3
- $thumbnail-padding: .25rem !default;
4
- $thumbnail-bg: $body-bg !default;
5
- $thumbnail-border-width: $border-width !default;
6
- $thumbnail-border-color: theme-color("gray", "border") !default;
7
- $thumbnail-border-radius: $border-radius !default;
8
- $thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;
9
-
10
- // Figures
11
-
12
- $figure-caption-font-size: 90% !default;
13
- $figure-caption-color: theme-color("gray", "light-text") !default;
@@ -1,166 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["value", "label", "group"],
3
- _excluded2 = ["type", "className", "options", "forwardedRef"];
4
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
- 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; }
7
- 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); }
8
- 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; }
9
- 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; }
10
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
11
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
12
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
13
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
14
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
15
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
16
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
17
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
18
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
19
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
20
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
21
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
22
- import React from 'react';
23
- import classNames from 'classnames';
24
- import PropTypes from 'prop-types';
25
- var Input = /*#__PURE__*/function (_React$Component) {
26
- _inherits(Input, _React$Component);
27
- var _super = _createSuper(Input);
28
- function Input() {
29
- _classCallCheck(this, Input);
30
- return _super.apply(this, arguments);
31
- }
32
- _createClass(Input, [{
33
- key: "componentDidMount",
34
- value: function componentDidMount() {
35
- if (process.env.NODE_ENV === 'development') {
36
- this.checkHasLabel();
37
- }
38
- }
39
- }, {
40
- key: "getHTMLTagForType",
41
- value: function getHTMLTagForType() {
42
- var type = this.props.type;
43
- if (type === 'select' || type === 'textarea') {
44
- return type;
45
- }
46
- return 'input';
47
- }
48
- }, {
49
- key: "getClassNameForType",
50
- value: function getClassNameForType() {
51
- switch (this.props.type) {
52
- case 'file':
53
- return 'form-control-file';
54
- case 'checkbox':
55
- case 'radio':
56
- return 'form-check-input';
57
- default:
58
- return 'form-control';
59
- }
60
- }
61
- }, {
62
- key: "setRef",
63
- value: function setRef(forwardedRef) {
64
- var _this = this;
65
- // In production just return the optional forwardedRef
66
- if (process.env.NODE_ENV !== 'development') {
67
- return forwardedRef;
68
- }
69
- return function (element) {
70
- if (forwardedRef) {
71
- forwardedRef.current = element;
72
- } // eslint-disable-line no-param-reassign
73
- _this.inputEl = element;
74
- };
75
- }
76
- }, {
77
- key: "checkHasLabel",
78
- value: function checkHasLabel() {
79
- if (this.inputEl.labels.length > 0) {
80
- return;
81
- }
82
- if (this.inputEl.getAttribute('aria-label') !== null) {
83
- return;
84
- }
85
- if (this.inputEl.getAttribute('aria-labelledby') !== null) {
86
- return;
87
- }
88
- if (console) {
89
- // eslint-disable-next-line no-console
90
- console.warn('Input[a11y]: There is no associated label for this Input');
91
- }
92
- }
93
- }, {
94
- key: "renderOptions",
95
- value: function renderOptions(options) {
96
- var _this2 = this;
97
- return options.map(function (option) {
98
- var value = option.value,
99
- label = option.label,
100
- group = option.group,
101
- attributes = _objectWithoutProperties(option, _excluded);
102
- if (group) {
103
- return /*#__PURE__*/React.createElement("optgroup", _extends({
104
- key: "optgroup-".concat(label),
105
- label: label
106
- }, attributes), _this2.renderOptions(group));
107
- }
108
- return /*#__PURE__*/React.createElement("option", _extends({
109
- key: value,
110
- value: value
111
- }, attributes), label);
112
- }, this);
113
- }
114
- }, {
115
- key: "render",
116
- value: function render() {
117
- var _this$props = this.props,
118
- type = _this$props.type,
119
- className = _this$props.className,
120
- options = _this$props.options,
121
- forwardedRef = _this$props.forwardedRef,
122
- attributes = _objectWithoutProperties(_this$props, _excluded2);
123
- var htmlTag = this.getHTMLTagForType();
124
- var htmlProps = _objectSpread(_objectSpread({
125
- className: classNames(this.getClassNameForType(), className),
126
- type: htmlTag === 'input' ? type : undefined
127
- }, attributes), {}, {
128
- ref: this.setRef(forwardedRef)
129
- });
130
- var htmlChildren = type === 'select' ? this.renderOptions(options) : null;
131
- return /*#__PURE__*/React.createElement(htmlTag, htmlProps, htmlChildren);
132
- }
133
- }]);
134
- return Input;
135
- }(React.Component);
136
- Input.propTypes = {
137
- /** specifies the type of component.
138
- * One of select, textarea, or any valid type for an html input tag. */
139
- type: PropTypes.oneOf(['textarea', 'select', 'checkbox', 'color', 'date', 'datetime', 'datetime-local', 'email', 'file', 'hidden', 'image', 'month', 'number', 'password', 'radio', 'range', 'reset', 'search', 'submit', 'tel', 'text', 'time', 'url', 'week']).isRequired,
140
- /** specifies the className in addition to a bootstrap class name. */
141
- className: PropTypes.string,
142
- /** should be used to specify the options of an Input of type select */
143
- options: PropTypes.arrayOf(PropTypes.shape({
144
- label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
145
- value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
146
- disabled: PropTypes.bool,
147
- group: PropTypes.arrayOf(PropTypes.shape({
148
- label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
149
- value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
150
- disabled: PropTypes.bool
151
- }))
152
- }))
153
- };
154
- Input.defaultProps = {
155
- className: undefined,
156
- options: []
157
- };
158
-
159
- // eslint-disable-next-line react/no-multi-comp
160
- var InputWithRefForwarding = /*#__PURE__*/React.forwardRef(function (props, ref) {
161
- return /*#__PURE__*/React.createElement(Input, _extends({
162
- forwardedRef: ref
163
- }, props));
164
- });
165
- export default InputWithRefForwarding;
166
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["React","classNames","PropTypes","Input","_React$Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","componentDidMount","process","env","NODE_ENV","checkHasLabel","getHTMLTagForType","type","props","getClassNameForType","setRef","forwardedRef","_this","element","current","inputEl","labels","length","getAttribute","console","warn","renderOptions","options","_this2","map","option","label","group","attributes","_objectWithoutProperties","_excluded","createElement","_extends","concat","render","_this$props","className","_excluded2","htmlTag","htmlProps","_objectSpread","undefined","ref","htmlChildren","Component","propTypes","oneOf","isRequired","string","arrayOf","shape","oneOfType","number","disabled","bool","defaultProps","InputWithRefForwarding","forwardRef"],"sources":["../../src/Input/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nclass Input extends React.Component {\n componentDidMount() {\n if (process.env.NODE_ENV === 'development') {\n this.checkHasLabel();\n }\n }\n\n getHTMLTagForType() {\n const { type } = this.props;\n if (type === 'select' || type === 'textarea') { return type; }\n return 'input';\n }\n\n getClassNameForType() {\n switch (this.props.type) {\n case 'file':\n return 'form-control-file';\n case 'checkbox':\n case 'radio':\n return 'form-check-input';\n default:\n return 'form-control';\n }\n }\n\n setRef(forwardedRef) {\n // In production just return the optional forwardedRef\n if (process.env.NODE_ENV !== 'development') { return forwardedRef; }\n\n return (element) => {\n if (forwardedRef) { forwardedRef.current = element; } // eslint-disable-line no-param-reassign\n this.inputEl = element;\n };\n }\n\n checkHasLabel() {\n if (this.inputEl.labels.length > 0) { return; }\n if (this.inputEl.getAttribute('aria-label') !== null) { return; }\n if (this.inputEl.getAttribute('aria-labelledby') !== null) { return; }\n\n if (console) {\n // eslint-disable-next-line no-console\n console.warn('Input[a11y]: There is no associated label for this Input');\n }\n }\n\n renderOptions(options) {\n return options.map((option) => {\n const {\n value,\n label,\n group,\n ...attributes\n } = option;\n\n if (group) {\n return (\n <optgroup key={`optgroup-${label}`} label={label} {...attributes}>\n {this.renderOptions(group)}\n </optgroup>\n );\n }\n return (\n <option key={value} value={value} {...attributes}>\n {label}\n </option>\n );\n }, this);\n }\n\n render() {\n const {\n type,\n className,\n options,\n forwardedRef, // eslint-disable-line react/prop-types\n ...attributes // eslint-disable-line react/prop-types\n } = this.props;\n\n const htmlTag = this.getHTMLTagForType();\n const htmlProps = {\n className: classNames(this.getClassNameForType(), className),\n type: htmlTag === 'input' ? type : undefined,\n ...attributes,\n ref: this.setRef(forwardedRef),\n };\n const htmlChildren = type === 'select' ? this.renderOptions(options) : null;\n\n return React.createElement(htmlTag, htmlProps, htmlChildren);\n }\n}\n\nInput.propTypes = {\n /** specifies the type of component.\n * One of select, textarea, or any valid type for an html input tag. */\n type: PropTypes.oneOf([\n 'textarea',\n 'select',\n 'checkbox',\n 'color',\n 'date',\n 'datetime',\n 'datetime-local',\n 'email',\n 'file',\n 'hidden',\n 'image',\n 'month',\n 'number',\n 'password',\n 'radio',\n 'range',\n 'reset',\n 'search',\n 'submit',\n 'tel',\n 'text',\n 'time',\n 'url',\n 'week',\n ]).isRequired,\n /** specifies the className in addition to a bootstrap class name. */\n className: PropTypes.string,\n /** should be used to specify the options of an Input of type select */\n options: PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n disabled: PropTypes.bool,\n group: PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n disabled: PropTypes.bool,\n })),\n })),\n};\n\nInput.defaultProps = {\n className: undefined,\n options: [],\n};\n\n// eslint-disable-next-line react/no-multi-comp\nconst InputWithRefForwarding = React.forwardRef((props, ref) => (\n <Input forwardedRef={ref} {...props} />\n));\n\nexport default InputWithRefForwarding;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAAC,IAE7BC,KAAK,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,KAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,KAAA;EAAA,SAAAA,MAAA;IAAAK,eAAA,OAAAL,KAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,KAAA;IAAAS,GAAA;IAAAC,KAAA,EACT,SAAAC,kBAAA,EAAoB;MAClB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;QAC1C,IAAI,CAACC,aAAa,CAAC,CAAC;MACtB;IACF;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAM,kBAAA,EAAoB;MAClB,IAAQC,IAAI,GAAK,IAAI,CAACC,KAAK,CAAnBD,IAAI;MACZ,IAAIA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,UAAU,EAAE;QAAE,OAAOA,IAAI;MAAE;MAC7D,OAAO,OAAO;IAChB;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAS,oBAAA,EAAsB;MACpB,QAAQ,IAAI,CAACD,KAAK,CAACD,IAAI;QACrB,KAAK,MAAM;UACT,OAAO,mBAAmB;QAC5B,KAAK,UAAU;QACf,KAAK,OAAO;UACV,OAAO,kBAAkB;QAC3B;UACE,OAAO,cAAc;MACzB;IACF;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAU,OAAOC,YAAY,EAAE;MAAA,IAAAC,KAAA;MACnB;MACA,IAAIV,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;QAAE,OAAOO,YAAY;MAAE;MAEnE,OAAO,UAACE,OAAO,EAAK;QAClB,IAAIF,YAAY,EAAE;UAAEA,YAAY,CAACG,OAAO,GAAGD,OAAO;QAAE,CAAC,CAAC;QACtDD,KAAI,CAACG,OAAO,GAAGF,OAAO;MACxB,CAAC;IACH;EAAC;IAAAd,GAAA;IAAAC,KAAA,EAED,SAAAK,cAAA,EAAgB;MACd,IAAI,IAAI,CAACU,OAAO,CAACC,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;QAAE;MAAQ;MAC9C,IAAI,IAAI,CAACF,OAAO,CAACG,YAAY,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE;QAAE;MAAQ;MAChE,IAAI,IAAI,CAACH,OAAO,CAACG,YAAY,CAAC,iBAAiB,CAAC,KAAK,IAAI,EAAE;QAAE;MAAQ;MAErE,IAAIC,OAAO,EAAE;QACX;QACAA,OAAO,CAACC,IAAI,CAAC,0DAA0D,CAAC;MAC1E;IACF;EAAC;IAAArB,GAAA;IAAAC,KAAA,EAED,SAAAqB,cAAcC,OAAO,EAAE;MAAA,IAAAC,MAAA;MACrB,OAAOD,OAAO,CAACE,GAAG,CAAC,UAACC,MAAM,EAAK;QAC7B,IACEzB,KAAK,GAIHyB,MAAM,CAJRzB,KAAK;UACL0B,KAAK,GAGHD,MAAM,CAHRC,KAAK;UACLC,KAAK,GAEHF,MAAM,CAFRE,KAAK;UACFC,UAAU,GAAAC,wBAAA,CACXJ,MAAM,EAAAK,SAAA;QAEV,IAAIH,KAAK,EAAE;UACT,oBACExC,KAAA,CAAA4C,aAAA,aAAAC,QAAA;YAAUjC,GAAG,cAAAkC,MAAA,CAAcP,KAAK,CAAG;YAACA,KAAK,EAAEA;UAAM,GAAKE,UAAU,GAC7DL,MAAI,CAACF,aAAa,CAACM,KAAK,CACjB,CAAC;QAEf;QACA,oBACExC,KAAA,CAAA4C,aAAA,WAAAC,QAAA;UAAQjC,GAAG,EAAEC,KAAM;UAACA,KAAK,EAAEA;QAAM,GAAK4B,UAAU,GAC7CF,KACK,CAAC;MAEb,CAAC,EAAE,IAAI,CAAC;IACV;EAAC;IAAA3B,GAAA;IAAAC,KAAA,EAED,SAAAkC,OAAA,EAAS;MACP,IAAAC,WAAA,GAMI,IAAI,CAAC3B,KAAK;QALZD,IAAI,GAAA4B,WAAA,CAAJ5B,IAAI;QACJ6B,SAAS,GAAAD,WAAA,CAATC,SAAS;QACTd,OAAO,GAAAa,WAAA,CAAPb,OAAO;QACPX,YAAY,GAAAwB,WAAA,CAAZxB,YAAY;QACTiB,UAAU,GAAAC,wBAAA,CAAAM,WAAA,EAAAE,UAAA;MAGf,IAAMC,OAAO,GAAG,IAAI,CAAChC,iBAAiB,CAAC,CAAC;MACxC,IAAMiC,SAAS,GAAAC,aAAA,CAAAA,aAAA;QACbJ,SAAS,EAAEhD,UAAU,CAAC,IAAI,CAACqB,mBAAmB,CAAC,CAAC,EAAE2B,SAAS,CAAC;QAC5D7B,IAAI,EAAE+B,OAAO,KAAK,OAAO,GAAG/B,IAAI,GAAGkC;MAAS,GACzCb,UAAU;QACbc,GAAG,EAAE,IAAI,CAAChC,MAAM,CAACC,YAAY;MAAC,EAC/B;MACD,IAAMgC,YAAY,GAAGpC,IAAI,KAAK,QAAQ,GAAG,IAAI,CAACc,aAAa,CAACC,OAAO,CAAC,GAAG,IAAI;MAE3E,oBAAOnC,KAAK,CAAC4C,aAAa,CAACO,OAAO,EAAEC,SAAS,EAAEI,YAAY,CAAC;IAC9D;EAAC;EAAA,OAAArD,KAAA;AAAA,EAzFiBH,KAAK,CAACyD,SAAS;AA4FnCtD,KAAK,CAACuD,SAAS,GAAG;EAChB;AACF;EACEtC,IAAI,EAAElB,SAAS,CAACyD,KAAK,CAAC,CACpB,UAAU,EACV,QAAQ,EACR,UAAU,EACV,OAAO,EACP,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,CACP,CAAC,CAACC,UAAU;EACb;EACAX,SAAS,EAAE/C,SAAS,CAAC2D,MAAM;EAC3B;EACA1B,OAAO,EAAEjC,SAAS,CAAC4D,OAAO,CAAC5D,SAAS,CAAC6D,KAAK,CAAC;IACzCxB,KAAK,EAAErC,SAAS,CAAC8D,SAAS,CAAC,CAAC9D,SAAS,CAAC2D,MAAM,EAAE3D,SAAS,CAAC+D,MAAM,CAAC,CAAC;IAChEpD,KAAK,EAAEX,SAAS,CAAC8D,SAAS,CAAC,CAAC9D,SAAS,CAAC2D,MAAM,EAAE3D,SAAS,CAAC+D,MAAM,CAAC,CAAC;IAChEC,QAAQ,EAAEhE,SAAS,CAACiE,IAAI;IACxB3B,KAAK,EAAEtC,SAAS,CAAC4D,OAAO,CAAC5D,SAAS,CAAC6D,KAAK,CAAC;MACvCxB,KAAK,EAAErC,SAAS,CAAC8D,SAAS,CAAC,CAAC9D,SAAS,CAAC2D,MAAM,EAAE3D,SAAS,CAAC+D,MAAM,CAAC,CAAC;MAChEpD,KAAK,EAAEX,SAAS,CAAC8D,SAAS,CAAC,CAAC9D,SAAS,CAAC2D,MAAM,EAAE3D,SAAS,CAAC+D,MAAM,CAAC,CAAC;MAChEC,QAAQ,EAAEhE,SAAS,CAACiE;IACtB,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC;AAEDhE,KAAK,CAACiE,YAAY,GAAG;EACnBnB,SAAS,EAAEK,SAAS;EACpBnB,OAAO,EAAE;AACX,CAAC;;AAED;AACA,IAAMkC,sBAAsB,gBAAGrE,KAAK,CAACsE,UAAU,CAAC,UAACjD,KAAK,EAAEkC,GAAG;EAAA,oBACzDvD,KAAA,CAAA4C,aAAA,CAACzC,KAAK,EAAA0C,QAAA;IAACrB,YAAY,EAAE+B;EAAI,GAAKlC,KAAK,CAAG,CAAC;AAAA,CACxC,CAAC;AAEF,eAAegD,sBAAsB","ignoreList":[]}