@hipay/hipay-material-ui 4.0.0 → 4.0.1-beta5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (439) hide show
  1. package/HiAccordion/HiAccordion.js +26 -8
  2. package/HiAccordion/index.js +5 -1
  3. package/HiAccordionActions/HiAccordionActions.js +14 -1
  4. package/HiAccordionActions/index.js +5 -1
  5. package/HiAccordionSummary/HiAccordionSummary.js +15 -1
  6. package/HiAccordionSummary/index.js +5 -1
  7. package/HiAlertModal/HiAlertModal.js +22 -7
  8. package/HiAlertModal/index.js +5 -1
  9. package/HiAppBar/HiAppBar.js +42 -11
  10. package/HiAppBar/index.js +2 -0
  11. package/HiAvatar/HiAvatar.js +12 -3
  12. package/HiAvatar/index.js +2 -0
  13. package/HiBadge/HiBadge.js +24 -8
  14. package/HiBadge/index.js +2 -0
  15. package/HiBreadcrumb/HiBreadcrumb.js +30 -6
  16. package/HiBreadcrumb/HiStep.js +45 -13
  17. package/HiBreadcrumb/HiStepConnector.js +49 -14
  18. package/HiBreadcrumb/HiStepContent.js +30 -6
  19. package/HiBreadcrumb/HiStepIcon.js +35 -10
  20. package/HiBreadcrumb/HiStepLabel.js +44 -14
  21. package/HiBreadcrumb/HiStepper.js +30 -6
  22. package/HiBreadcrumb/index.js +2 -0
  23. package/HiButton/HiButton.js +33 -8
  24. package/HiButton/index.js +5 -1
  25. package/HiCell/CellAddress.js +33 -12
  26. package/HiCell/CellDate.js +36 -10
  27. package/HiCell/CellHiddenContent.js +30 -8
  28. package/HiCell/CellIcon.js +36 -12
  29. package/HiCell/CellImage.js +34 -12
  30. package/HiCell/CellNumeric.js +40 -13
  31. package/HiCell/CellPinToAction.js +33 -9
  32. package/HiCell/CellRate.js +47 -13
  33. package/HiCell/CellSentinel.js +33 -12
  34. package/HiCell/CellSentinelScore.js +31 -9
  35. package/HiCell/CellText.js +52 -16
  36. package/HiCell/CellTextStyled.js +24 -13
  37. package/HiCell/index.js +10 -0
  38. package/HiCheckbox/HiCheckbox.js +52 -15
  39. package/HiCheckbox/index.js +2 -0
  40. package/HiChip/HiChip.js +47 -24
  41. package/HiChip/HiChipSwitch.js +59 -16
  42. package/HiChip/index.js +3 -0
  43. package/HiColoredLabel/HiColoredLabel.js +49 -15
  44. package/HiColoredLabel/index.js +2 -0
  45. package/HiDatePicker/Caption.js +21 -9
  46. package/HiDatePicker/HiDatePicker.js +88 -16
  47. package/HiDatePicker/HiDatePickerMobile.js +43 -18
  48. package/HiDatePicker/HiDateRangePicker.js +134 -38
  49. package/HiDatePicker/HiDateRangeSelector.js +130 -49
  50. package/HiDatePicker/ListPicker.js +38 -8
  51. package/HiDatePicker/NavBar.js +31 -12
  52. package/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
  53. package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
  54. package/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
  55. package/HiDatePicker/Overlays/Overlay.js +25 -8
  56. package/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
  57. package/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
  58. package/HiDatePicker/Overlays/index.js +6 -0
  59. package/HiDatePicker/Weekday.js +9 -4
  60. package/HiDatePicker/hiLocaleUtils.js +20 -8
  61. package/HiDatePicker/index.js +2 -0
  62. package/HiDatePicker/stylesheet.js +13 -7
  63. package/HiDialog/HiDialog.js +19 -7
  64. package/HiDialog/index.js +2 -0
  65. package/HiDotsStepper/HiDot.js +37 -8
  66. package/HiDotsStepper/HiDotsStepper.js +37 -10
  67. package/HiDotsStepper/index.js +3 -0
  68. package/HiExpansionPanel/HiExpansionPanel.js +38 -16
  69. package/HiExpansionPanel/index.js +5 -1
  70. package/HiForm/HiAddressField.js +36 -10
  71. package/HiForm/HiEmailField.js +29 -5
  72. package/HiForm/HiFormControl.js +74 -28
  73. package/HiForm/HiFormLabel.js +41 -15
  74. package/HiForm/HiInput.js +91 -33
  75. package/HiForm/HiPasswordField.js +46 -9
  76. package/HiForm/HiSearchField.js +34 -3
  77. package/HiForm/HiSlider.js +57 -22
  78. package/HiForm/HiTextField.js +47 -22
  79. package/HiForm/HiUpload.js +89 -29
  80. package/HiForm/HiUploadField.js +32 -10
  81. package/HiForm/HiUploadInput.js +76 -23
  82. package/HiForm/index.js +12 -0
  83. package/HiIcon/HiIcon.js +34 -9
  84. package/HiIcon/index.js +2 -0
  85. package/HiIconButton/HiIconButton.js +21 -6
  86. package/HiIconButton/index.js +2 -0
  87. package/HiListItemLink/HiListItemLink.js +19 -7
  88. package/HiListItemLink/index.js +2 -0
  89. package/HiLoader/HiLoader.js +16 -6
  90. package/HiLoader/index.js +2 -0
  91. package/HiNotice/HiKPI.js +47 -16
  92. package/HiNotice/HiKPINotice.js +16 -6
  93. package/HiNotice/index.js +3 -0
  94. package/HiPagination/HiPagination.js +11 -1
  95. package/HiPagination/index.js +2 -0
  96. package/HiPaymentMeans/HiPaymentMeans.js +72 -31
  97. package/HiPaymentMeans/index.js +2 -0
  98. package/HiPdfReader/HiPdfReader.js +57 -24
  99. package/HiPdfReader/index.js +2 -0
  100. package/HiPin/HiPin.js +19 -7
  101. package/HiPin/index.js +2 -0
  102. package/HiRadio/HiRadio.js +22 -11
  103. package/HiRadio/index.js +2 -0
  104. package/HiScrollStepper/HiScrollStepper.js +67 -29
  105. package/HiScrollStepper/index.js +2 -0
  106. package/HiSelect/HiDynamicSelect.js +42 -32
  107. package/HiSelect/HiDynamicSelectField.js +48 -24
  108. package/HiSelect/HiNestedSelect.js +111 -65
  109. package/HiSelect/HiNestedSelectContent.js +86 -60
  110. package/HiSelect/HiNestedSelectField.js +48 -24
  111. package/HiSelect/HiSelect.js +187 -89
  112. package/HiSelect/HiSelectContent.js +97 -62
  113. package/HiSelect/HiSelectField.js +49 -25
  114. package/HiSelect/HiSelectInput.js +76 -23
  115. package/HiSelect/HiSelectMobile.js +44 -7
  116. package/HiSelect/HiSuggestSelect.js +81 -25
  117. package/HiSelect/HiSuggestSelectField.js +39 -15
  118. package/HiSelect/index.js +14 -2
  119. package/HiSelectableList/HiSelectableList.js +90 -34
  120. package/HiSelectableList/HiSelectableListHierarchic.js +60 -34
  121. package/HiSelectableList/HiSelectableListItem.js +88 -45
  122. package/HiSelectableList/index.js +4 -0
  123. package/HiStepper/DefaultIndicator.js +10 -1
  124. package/HiStepper/HiStep.js +48 -18
  125. package/HiStepper/HiStepper.js +15 -2
  126. package/HiStepper/index.js +3 -0
  127. package/HiSwitch/HiSwitch.js +33 -9
  128. package/HiSwitch/HiSwitchState.js +32 -15
  129. package/HiSwitch/index.js +3 -0
  130. package/HiTable/HiCellBuilder.js +65 -10
  131. package/HiTable/HiTable.js +48 -20
  132. package/HiTable/HiTableBody.js +24 -7
  133. package/HiTable/HiTableHeader.js +51 -18
  134. package/HiTable/HiTableRow.js +46 -12
  135. package/HiTable/constants.js +98 -48
  136. package/HiTable/index.js +2 -0
  137. package/es/HiAccordion/HiAccordion.js +26 -8
  138. package/es/HiAccordion/index.js +5 -1
  139. package/es/HiAccordionActions/HiAccordionActions.js +14 -1
  140. package/es/HiAccordionActions/index.js +5 -1
  141. package/es/HiAccordionSummary/HiAccordionSummary.js +15 -1
  142. package/es/HiAccordionSummary/index.js +5 -1
  143. package/es/HiAlertModal/HiAlertModal.js +22 -7
  144. package/es/HiAlertModal/index.js +5 -1
  145. package/es/HiAppBar/HiAppBar.js +42 -11
  146. package/es/HiAppBar/index.js +2 -0
  147. package/es/HiAvatar/HiAvatar.js +12 -3
  148. package/es/HiAvatar/index.js +2 -0
  149. package/es/HiBadge/HiBadge.js +24 -8
  150. package/es/HiBadge/index.js +2 -0
  151. package/es/HiBreadcrumb/HiBreadcrumb.js +30 -6
  152. package/es/HiBreadcrumb/HiStep.js +45 -13
  153. package/es/HiBreadcrumb/HiStepConnector.js +49 -14
  154. package/es/HiBreadcrumb/HiStepContent.js +30 -6
  155. package/es/HiBreadcrumb/HiStepIcon.js +35 -10
  156. package/es/HiBreadcrumb/HiStepLabel.js +44 -14
  157. package/es/HiBreadcrumb/HiStepper.js +30 -6
  158. package/es/HiBreadcrumb/index.js +2 -0
  159. package/es/HiButton/HiButton.js +33 -8
  160. package/es/HiButton/index.js +5 -1
  161. package/es/HiCell/CellAddress.js +33 -12
  162. package/es/HiCell/CellDate.js +36 -10
  163. package/es/HiCell/CellHiddenContent.js +30 -8
  164. package/es/HiCell/CellIcon.js +36 -12
  165. package/es/HiCell/CellImage.js +34 -12
  166. package/es/HiCell/CellNumeric.js +40 -13
  167. package/es/HiCell/CellPinToAction.js +33 -9
  168. package/es/HiCell/CellRate.js +47 -13
  169. package/es/HiCell/CellSentinel.js +33 -12
  170. package/es/HiCell/CellSentinelScore.js +31 -9
  171. package/es/HiCell/CellText.js +52 -16
  172. package/es/HiCell/CellTextStyled.js +24 -13
  173. package/es/HiCell/index.js +10 -0
  174. package/es/HiCheckbox/HiCheckbox.js +52 -15
  175. package/es/HiCheckbox/index.js +2 -0
  176. package/es/HiChip/HiChip.js +47 -24
  177. package/es/HiChip/HiChipSwitch.js +59 -16
  178. package/es/HiChip/index.js +3 -0
  179. package/es/HiColoredLabel/HiColoredLabel.js +49 -15
  180. package/es/HiColoredLabel/index.js +2 -0
  181. package/es/HiDatePicker/Caption.js +21 -9
  182. package/es/HiDatePicker/HiDatePicker.js +88 -16
  183. package/es/HiDatePicker/HiDatePickerMobile.js +43 -18
  184. package/es/HiDatePicker/HiDateRangePicker.js +134 -38
  185. package/es/HiDatePicker/HiDateRangeSelector.js +130 -49
  186. package/es/HiDatePicker/ListPicker.js +38 -8
  187. package/es/HiDatePicker/NavBar.js +31 -12
  188. package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
  189. package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
  190. package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
  191. package/es/HiDatePicker/Overlays/Overlay.js +25 -8
  192. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
  193. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
  194. package/es/HiDatePicker/Overlays/index.js +6 -0
  195. package/es/HiDatePicker/Weekday.js +9 -4
  196. package/es/HiDatePicker/hiLocaleUtils.js +20 -8
  197. package/es/HiDatePicker/index.js +2 -0
  198. package/es/HiDatePicker/stylesheet.js +13 -7
  199. package/es/HiDialog/HiDialog.js +19 -7
  200. package/es/HiDialog/index.js +2 -0
  201. package/es/HiDotsStepper/HiDot.js +37 -8
  202. package/es/HiDotsStepper/HiDotsStepper.js +37 -10
  203. package/es/HiDotsStepper/index.js +3 -0
  204. package/es/HiExpansionPanel/HiExpansionPanel.js +38 -16
  205. package/es/HiExpansionPanel/index.js +5 -1
  206. package/es/HiForm/HiAddressField.js +36 -10
  207. package/es/HiForm/HiEmailField.js +29 -5
  208. package/es/HiForm/HiFormControl.js +74 -28
  209. package/es/HiForm/HiFormLabel.js +41 -15
  210. package/es/HiForm/HiInput.js +91 -33
  211. package/es/HiForm/HiPasswordField.js +46 -9
  212. package/es/HiForm/HiSearchField.js +34 -3
  213. package/es/HiForm/HiSlider.js +57 -22
  214. package/es/HiForm/HiTextField.js +47 -22
  215. package/es/HiForm/HiUpload.js +89 -29
  216. package/es/HiForm/HiUploadField.js +32 -10
  217. package/es/HiForm/HiUploadInput.js +76 -23
  218. package/es/HiForm/index.js +12 -0
  219. package/es/HiIcon/HiIcon.js +34 -9
  220. package/es/HiIcon/index.js +2 -0
  221. package/es/HiIconButton/HiIconButton.js +21 -6
  222. package/es/HiIconButton/index.js +2 -0
  223. package/es/HiListItemLink/HiListItemLink.js +19 -7
  224. package/es/HiListItemLink/index.js +2 -0
  225. package/es/HiLoader/HiLoader.js +16 -6
  226. package/es/HiLoader/index.js +2 -0
  227. package/es/HiNotice/HiKPI.js +47 -16
  228. package/es/HiNotice/HiKPINotice.js +16 -6
  229. package/es/HiNotice/index.js +3 -0
  230. package/es/HiPagination/HiPagination.js +11 -1
  231. package/es/HiPagination/index.js +2 -0
  232. package/es/HiPaymentMeans/HiPaymentMeans.js +72 -31
  233. package/es/HiPaymentMeans/index.js +2 -0
  234. package/es/HiPdfReader/HiPdfReader.js +57 -24
  235. package/es/HiPdfReader/index.js +2 -0
  236. package/es/HiPin/HiPin.js +19 -7
  237. package/es/HiPin/index.js +2 -0
  238. package/es/HiRadio/HiRadio.js +22 -11
  239. package/es/HiRadio/index.js +2 -0
  240. package/es/HiScrollStepper/HiScrollStepper.js +67 -29
  241. package/es/HiScrollStepper/index.js +2 -0
  242. package/es/HiSelect/HiDynamicSelect.js +42 -32
  243. package/es/HiSelect/HiDynamicSelectField.js +48 -24
  244. package/es/HiSelect/HiNestedSelect.js +111 -65
  245. package/es/HiSelect/HiNestedSelectContent.js +86 -60
  246. package/es/HiSelect/HiNestedSelectField.js +48 -24
  247. package/es/HiSelect/HiSelect.js +187 -89
  248. package/es/HiSelect/HiSelectContent.js +97 -62
  249. package/es/HiSelect/HiSelectField.js +49 -25
  250. package/es/HiSelect/HiSelectInput.js +76 -23
  251. package/es/HiSelect/HiSelectMobile.js +44 -7
  252. package/es/HiSelect/HiSuggestSelect.js +81 -25
  253. package/es/HiSelect/HiSuggestSelectField.js +39 -15
  254. package/es/HiSelect/index.js +14 -2
  255. package/es/HiSelectableList/HiSelectableList.js +90 -34
  256. package/es/HiSelectableList/HiSelectableListHierarchic.js +60 -34
  257. package/es/HiSelectableList/HiSelectableListItem.js +88 -45
  258. package/es/HiSelectableList/index.js +4 -0
  259. package/es/HiStepper/DefaultIndicator.js +10 -1
  260. package/es/HiStepper/HiStep.js +48 -18
  261. package/es/HiStepper/HiStepper.js +15 -2
  262. package/es/HiStepper/index.js +3 -0
  263. package/es/HiSwitch/HiSwitch.js +33 -9
  264. package/es/HiSwitch/HiSwitchState.js +32 -15
  265. package/es/HiSwitch/index.js +3 -0
  266. package/es/HiTable/HiCellBuilder.js +65 -10
  267. package/es/HiTable/HiTable.js +48 -20
  268. package/es/HiTable/HiTableBody.js +24 -7
  269. package/es/HiTable/HiTableHeader.js +51 -18
  270. package/es/HiTable/HiTableRow.js +46 -12
  271. package/es/HiTable/constants.js +98 -48
  272. package/es/HiTable/index.js +2 -0
  273. package/es/hi-svg-icons/HiAccount.js +14 -4
  274. package/es/hi-svg-icons/HiActivity.js +14 -4
  275. package/es/hi-svg-icons/HiAll.js +18 -7
  276. package/es/hi-svg-icons/HiBilling.js +14 -4
  277. package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -4
  278. package/es/hi-svg-icons/HiBusiness.js +14 -4
  279. package/es/hi-svg-icons/HiCatalog.js +14 -4
  280. package/es/hi-svg-icons/HiCustomer.js +14 -4
  281. package/es/hi-svg-icons/HiDownload.js +14 -4
  282. package/es/hi-svg-icons/HiFinance.js +14 -4
  283. package/es/hi-svg-icons/HiFinanceMenu.js +14 -4
  284. package/es/hi-svg-icons/HiHostedPaymentPage.js +14 -4
  285. package/es/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
  286. package/es/hi-svg-icons/HiIntegration.js +14 -4
  287. package/es/hi-svg-icons/HiIntegrationMenu.js +14 -4
  288. package/es/hi-svg-icons/HiIntelligence.js +14 -4
  289. package/es/hi-svg-icons/HiIntelligenceMenu.js +14 -4
  290. package/es/hi-svg-icons/HiInvoice.js +14 -4
  291. package/es/hi-svg-icons/HiInvoiceMenu.js +14 -4
  292. package/es/hi-svg-icons/HiLogoRounded.js +17 -6
  293. package/es/hi-svg-icons/HiOrder.js +14 -4
  294. package/es/hi-svg-icons/HiPaymentOrder.js +14 -4
  295. package/es/hi-svg-icons/HiPermission.js +14 -4
  296. package/es/hi-svg-icons/HiPriceGrid.js +14 -4
  297. package/es/hi-svg-icons/HiPrivate.js +14 -4
  298. package/es/hi-svg-icons/HiRoute.js +14 -4
  299. package/es/hi-svg-icons/HiRouteMenu.js +14 -4
  300. package/es/hi-svg-icons/HiRouteSwitch.js +19 -7
  301. package/es/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
  302. package/es/hi-svg-icons/HiSettlement.js +14 -4
  303. package/es/hi-svg-icons/HiSizeLarge.js +14 -4
  304. package/es/hi-svg-icons/HiSizeMedium.js +14 -4
  305. package/es/hi-svg-icons/HiSizeSmall.js +14 -4
  306. package/es/hi-svg-icons/HiStore.js +14 -4
  307. package/es/hi-svg-icons/HiStoreMenu.js +14 -4
  308. package/es/hi-svg-icons/HiTransaction.js +14 -4
  309. package/es/hi-svg-icons/HiTransactionMenu.js +14 -4
  310. package/es/hi-svg-icons/HiUser.js +14 -4
  311. package/es/hi-svg-icons/HiVendor.js +14 -4
  312. package/es/hi-svg-icons/HiWidget.js +14 -4
  313. package/es/hi-svg-icons/index.js +41 -0
  314. package/es/hi-svg-images/HiLogo.js +12 -4
  315. package/es/hi-svg-images/HiLogoWhite.js +12 -4
  316. package/es/hi-svg-images/index.js +3 -0
  317. package/es/setupTest.js +13 -2
  318. package/es/styleguide/Wrapper.js +6 -0
  319. package/es/styles/MuiThemeProvider.js +49 -15
  320. package/es/styles/colorManipulator.js +50 -15
  321. package/es/styles/createBreakpoints.js +29 -14
  322. package/es/styles/createGenerateClassName.js +24 -14
  323. package/es/styles/createMixins.js +10 -4
  324. package/es/styles/createMuiTheme.js +28 -11
  325. package/es/styles/createPalette.js +89 -67
  326. package/es/styles/createStyles.js +1 -0
  327. package/es/styles/createTypography.js +24 -15
  328. package/es/styles/getStylesCreator.js +14 -1
  329. package/es/styles/getThemeProps.js +7 -2
  330. package/es/styles/index.js +6 -0
  331. package/es/styles/jssPreset.js +11 -1
  332. package/es/styles/makeStyles.js +9 -2
  333. package/es/styles/mergeClasses.js +16 -5
  334. package/es/styles/shadows.js +4 -1
  335. package/es/styles/shape.js +2 -1
  336. package/es/styles/spacing.js +4 -1
  337. package/es/styles/themeListener.js +10 -2
  338. package/es/styles/transitions.js +35 -20
  339. package/es/styles/withStyles.js +9 -2
  340. package/es/styles/zIndex.js +2 -1
  341. package/es/test-utils/createMount.js +12 -2
  342. package/es/test-utils/createRender.js +9 -2
  343. package/es/test-utils/createShallow.js +17 -6
  344. package/es/test-utils/getClasses.js +4 -1
  345. package/es/test-utils/index.js +6 -0
  346. package/es/test-utils/until.js +14 -3
  347. package/es/test-utils/unwrap.js +1 -0
  348. package/es/theme/palette.js +7 -2
  349. package/es/theme/typography.js +15 -7
  350. package/es/theme.js +8 -2
  351. package/es/transitions/utils.js +7 -3
  352. package/es/utils/exactProp.js +13 -3
  353. package/es/utils/helpers.js +58 -19
  354. package/es/withMobileDialog/index.js +2 -0
  355. package/es/withMobileDialog/withMobileDialog.js +12 -3
  356. package/hi-svg-icons/HiAccount.js +14 -4
  357. package/hi-svg-icons/HiActivity.js +14 -4
  358. package/hi-svg-icons/HiAll.js +18 -7
  359. package/hi-svg-icons/HiBilling.js +14 -4
  360. package/hi-svg-icons/HiBriefcaseRescue.js +14 -4
  361. package/hi-svg-icons/HiBusiness.js +14 -4
  362. package/hi-svg-icons/HiCatalog.js +14 -4
  363. package/hi-svg-icons/HiCustomer.js +14 -4
  364. package/hi-svg-icons/HiDownload.js +14 -4
  365. package/hi-svg-icons/HiFinance.js +14 -4
  366. package/hi-svg-icons/HiFinanceMenu.js +14 -4
  367. package/hi-svg-icons/HiHostedPaymentPage.js +14 -4
  368. package/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
  369. package/hi-svg-icons/HiIntegration.js +14 -4
  370. package/hi-svg-icons/HiIntegrationMenu.js +14 -4
  371. package/hi-svg-icons/HiIntelligence.js +14 -4
  372. package/hi-svg-icons/HiIntelligenceMenu.js +14 -4
  373. package/hi-svg-icons/HiInvoice.js +14 -4
  374. package/hi-svg-icons/HiInvoiceMenu.js +14 -4
  375. package/hi-svg-icons/HiLogoRounded.js +17 -6
  376. package/hi-svg-icons/HiOrder.js +14 -4
  377. package/hi-svg-icons/HiPaymentOrder.js +14 -4
  378. package/hi-svg-icons/HiPermission.js +14 -4
  379. package/hi-svg-icons/HiPriceGrid.js +14 -4
  380. package/hi-svg-icons/HiPrivate.js +14 -4
  381. package/hi-svg-icons/HiRoute.js +14 -4
  382. package/hi-svg-icons/HiRouteMenu.js +14 -4
  383. package/hi-svg-icons/HiRouteSwitch.js +19 -7
  384. package/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
  385. package/hi-svg-icons/HiSettlement.js +14 -4
  386. package/hi-svg-icons/HiSizeLarge.js +14 -4
  387. package/hi-svg-icons/HiSizeMedium.js +14 -4
  388. package/hi-svg-icons/HiSizeSmall.js +14 -4
  389. package/hi-svg-icons/HiStore.js +14 -4
  390. package/hi-svg-icons/HiStoreMenu.js +14 -4
  391. package/hi-svg-icons/HiTransaction.js +14 -4
  392. package/hi-svg-icons/HiTransactionMenu.js +14 -4
  393. package/hi-svg-icons/HiUser.js +14 -4
  394. package/hi-svg-icons/HiVendor.js +14 -4
  395. package/hi-svg-icons/HiWidget.js +14 -4
  396. package/hi-svg-icons/index.js +41 -0
  397. package/hi-svg-images/HiLogo.js +12 -4
  398. package/hi-svg-images/HiLogoWhite.js +12 -4
  399. package/hi-svg-images/index.js +3 -0
  400. package/package.json +2 -2
  401. package/setupTest.js +13 -2
  402. package/styleguide/Wrapper.js +6 -0
  403. package/styles/MuiThemeProvider.js +49 -15
  404. package/styles/colorManipulator.js +50 -15
  405. package/styles/createBreakpoints.js +29 -14
  406. package/styles/createGenerateClassName.js +24 -14
  407. package/styles/createMixins.js +10 -4
  408. package/styles/createMuiTheme.js +28 -11
  409. package/styles/createPalette.js +89 -67
  410. package/styles/createStyles.js +1 -0
  411. package/styles/createTypography.js +24 -15
  412. package/styles/getStylesCreator.js +14 -1
  413. package/styles/getThemeProps.js +7 -2
  414. package/styles/index.js +6 -0
  415. package/styles/jssPreset.js +11 -1
  416. package/styles/makeStyles.js +9 -2
  417. package/styles/mergeClasses.js +16 -5
  418. package/styles/shadows.js +4 -1
  419. package/styles/shape.js +2 -1
  420. package/styles/spacing.js +4 -1
  421. package/styles/themeListener.js +10 -2
  422. package/styles/transitions.js +35 -20
  423. package/styles/withStyles.js +9 -2
  424. package/styles/zIndex.js +2 -1
  425. package/test-utils/createMount.js +12 -2
  426. package/test-utils/createRender.js +9 -2
  427. package/test-utils/createShallow.js +17 -6
  428. package/test-utils/getClasses.js +4 -1
  429. package/test-utils/index.js +6 -0
  430. package/test-utils/until.js +14 -3
  431. package/test-utils/unwrap.js +1 -0
  432. package/theme/palette.js +7 -2
  433. package/theme/typography.js +15 -7
  434. package/theme.js +8 -2
  435. package/transitions/utils.js +7 -3
  436. package/utils/exactProp.js +13 -3
  437. package/utils/helpers.js +58 -19
  438. package/withMobileDialog/index.js +2 -0
  439. package/withMobileDialog/withMobileDialog.js +12 -3
@@ -1,38 +1,53 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
9
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
13
+
10
14
  var _deepmerge = _interopRequireDefault(require("deepmerge"));
15
+
11
16
  var _isPlainObject = _interopRequireDefault(require("is-plain-object"));
17
+
12
18
  var _warning = _interopRequireDefault(require("warning"));
19
+
13
20
  var _createBreakpoints = _interopRequireDefault(require("./createBreakpoints"));
21
+
14
22
  var _createMixins = _interopRequireDefault(require("./createMixins"));
23
+
15
24
  var _createPalette = _interopRequireDefault(require("./createPalette"));
25
+
16
26
  var _createTypography = _interopRequireDefault(require("./createTypography"));
27
+
17
28
  var _shadows = _interopRequireDefault(require("./shadows"));
29
+
18
30
  var _shape = _interopRequireDefault(require("./shape"));
31
+
19
32
  var _spacing = _interopRequireDefault(require("./spacing"));
33
+
20
34
  var _transitions = _interopRequireDefault(require("./transitions"));
35
+
21
36
  var _zIndex = _interopRequireDefault(require("./zIndex"));
22
- // < 1kb payload overhead when lodash/merge is > 3kb.
23
37
 
38
+ // < 1kb payload overhead when lodash/merge is > 3kb.
24
39
  function createMuiTheme() {
25
40
  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
26
41
  var _options$breakpoints = options.breakpoints,
27
- breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints,
28
- _options$mixins = options.mixins,
29
- mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,
30
- _options$palette = options.palette,
31
- paletteInput = _options$palette === void 0 ? {} : _options$palette,
32
- shadowsInput = options.shadows,
33
- _options$typography = options.typography,
34
- typographyInput = _options$typography === void 0 ? {} : _options$typography,
35
- other = (0, _objectWithoutProperties2.default)(options, ["breakpoints", "mixins", "palette", "shadows", "typography"]);
42
+ breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints,
43
+ _options$mixins = options.mixins,
44
+ mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,
45
+ _options$palette = options.palette,
46
+ paletteInput = _options$palette === void 0 ? {} : _options$palette,
47
+ shadowsInput = options.shadows,
48
+ _options$typography = options.typography,
49
+ typographyInput = _options$typography === void 0 ? {} : _options$typography,
50
+ other = (0, _objectWithoutProperties2.default)(options, ["breakpoints", "mixins", "palette", "shadows", "typography"]);
36
51
  var palette = (0, _createPalette.default)(paletteInput);
37
52
  var breakpoints = (0, _createBreakpoints.default)(breakpointsInput);
38
53
  var muiTheme = (0, _objectSpread2.default)({
@@ -57,4 +72,6 @@ function createMuiTheme() {
57
72
  process.env.NODE_ENV !== "production" ? (0, _warning.default)(muiTheme.shadows.length === 25, 'Material-UI: the shadows array provided to createMuiTheme should support 25 elevations.') : void 0;
58
73
  return muiTheme;
59
74
  }
60
- var _default = exports.default = createMuiTheme;
75
+
76
+ var _default = createMuiTheme;
77
+ exports.default = _default;
@@ -1,23 +1,32 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.dark = void 0;
8
9
  exports.default = createPalette;
9
10
  exports.light = void 0;
11
+
10
12
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
13
+
11
14
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
15
+
12
16
  var _warning = _interopRequireDefault(require("warning"));
17
+
13
18
  var _deepmerge = _interopRequireDefault(require("deepmerge"));
19
+
14
20
  var _grey = _interopRequireDefault(require("@mui/material/colors/grey"));
21
+
15
22
  var _red = _interopRequireDefault(require("@mui/material/colors/red"));
23
+
16
24
  var _common = _interopRequireDefault(require("@mui/material/colors/common"));
25
+
17
26
  var _colorManipulator = require("./colorManipulator");
18
- // < 1kb payload overhead when lodash/merge is > 3kb.
19
27
 
20
- var light = exports.light = {
28
+ // < 1kb payload overhead when lodash/merge is > 3kb.
29
+ var light = {
21
30
  global: {
22
31
  background1: '#FFFFFF',
23
32
  background2: '#F8F9FB',
@@ -69,7 +78,8 @@ var light = exports.light = {
69
78
  disabled: '#FAFAFA'
70
79
  }
71
80
  };
72
- var dark = exports.dark = {
81
+ exports.light = light;
82
+ var dark = {
73
83
  global: {
74
84
  background1: '#303030',
75
85
  background2: '#212121',
@@ -108,6 +118,8 @@ var dark = exports.dark = {
108
118
  disabled: 'rgba(255, 255, 255, 0.5)'
109
119
  }
110
120
  };
121
+ exports.dark = dark;
122
+
111
123
  function addLightOrDark(intent, direction, shade, tonalOffset) {
112
124
  if (!intent[direction]) {
113
125
  if (intent.hasOwnProperty(shade)) {
@@ -119,98 +131,108 @@ function addLightOrDark(intent, direction, shade, tonalOffset) {
119
131
  }
120
132
  }
121
133
  }
134
+
122
135
  function createPalette(palette) {
123
136
  var _palette$primary = palette.primary,
124
- primary = _palette$primary === void 0 ? {
125
- light: '#5bc8ef',
126
- main: '#00ade9',
127
- dark: '#007ca9',
128
- contrastText: '#FFFFFF'
129
- } : _palette$primary,
130
- _palette$secondary = palette.secondary,
131
- secondary = _palette$secondary === void 0 ? {
132
- light: '#ffd94f',
133
- main: '#ffcf21',
134
- dark: '#E9BE30',
135
- contrastText: '#FFFFFF'
136
- } : _palette$secondary,
137
- _palette$positive = palette.positive,
138
- positive = _palette$positive === void 0 ? {
139
- light: '#66CF66',
140
- main: '#00AF00',
141
- dark: '#008300',
142
- contrastText: '#FFFFFF'
143
- } : _palette$positive,
144
- _palette$negative = palette.negative,
145
- negative = _palette$negative === void 0 ? {
146
- ultraLight: '#EA9494',
147
- light: '#E66666',
148
- main: '#D50000',
149
- dark: '#A00000',
150
- contrastText: '#FFFFFF'
151
- } : _palette$negative,
152
- _palette$middle = palette.middle,
153
- middle = _palette$middle === void 0 ? {
154
- light: '#F4A647',
155
- main: '#F99408',
156
- dark: '#F78700',
157
- contrastText: '#FFFFFF'
158
- } : _palette$middle,
159
- _palette$neutral = palette.neutral,
160
- neutral = _palette$neutral === void 0 ? {
161
- ultraLight: '#8B8B8B',
162
- light: '#838383',
163
- main: '#737373',
164
- dark: '#20272B',
165
- contrastText: '#FFFFFF'
166
- } : _palette$neutral,
167
- _palette$error = palette.error,
168
- error = _palette$error === void 0 ? {
169
- light: _red.default[300],
170
- main: _red.default[500],
171
- dark: _red.default[700]
172
- } : _palette$error,
173
- _palette$lookup = palette.lookup,
174
- lookup = _palette$lookup === void 0 ? {
175
- light: '#FFFF8D',
176
- main: '#EDED14'
177
- } : _palette$lookup,
178
- _palette$type = palette.type,
179
- type = _palette$type === void 0 ? 'light' : _palette$type,
180
- _palette$contrastThre = palette.contrastThreshold,
181
- contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre,
182
- _palette$tonalOffset = palette.tonalOffset,
183
- tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
184
- _palette$context = palette.context,
185
- context = _palette$context === void 0 ? 'local' : _palette$context,
186
- other = (0, _objectWithoutProperties2.default)(palette, ["primary", "secondary", "positive", "negative", "middle", "neutral", "error", "lookup", "type", "contrastThreshold", "tonalOffset", "context"]);
137
+ primary = _palette$primary === void 0 ? {
138
+ light: '#5bc8ef',
139
+ main: '#00ade9',
140
+ dark: '#007ca9',
141
+ contrastText: '#FFFFFF'
142
+ } : _palette$primary,
143
+ _palette$secondary = palette.secondary,
144
+ secondary = _palette$secondary === void 0 ? {
145
+ light: '#ffd94f',
146
+ main: '#ffcf21',
147
+ dark: '#E9BE30',
148
+ contrastText: '#FFFFFF'
149
+ } : _palette$secondary,
150
+ _palette$positive = palette.positive,
151
+ positive = _palette$positive === void 0 ? {
152
+ light: '#66CF66',
153
+ main: '#00AF00',
154
+ dark: '#008300',
155
+ contrastText: '#FFFFFF'
156
+ } : _palette$positive,
157
+ _palette$negative = palette.negative,
158
+ negative = _palette$negative === void 0 ? {
159
+ ultraLight: '#EA9494',
160
+ light: '#E66666',
161
+ main: '#D50000',
162
+ dark: '#A00000',
163
+ contrastText: '#FFFFFF'
164
+ } : _palette$negative,
165
+ _palette$middle = palette.middle,
166
+ middle = _palette$middle === void 0 ? {
167
+ light: '#F4A647',
168
+ main: '#F99408',
169
+ dark: '#F78700',
170
+ contrastText: '#FFFFFF'
171
+ } : _palette$middle,
172
+ _palette$neutral = palette.neutral,
173
+ neutral = _palette$neutral === void 0 ? {
174
+ ultraLight: '#8B8B8B',
175
+ light: '#838383',
176
+ main: '#737373',
177
+ dark: '#20272B',
178
+ contrastText: '#FFFFFF'
179
+ } : _palette$neutral,
180
+ _palette$error = palette.error,
181
+ error = _palette$error === void 0 ? {
182
+ light: _red.default[300],
183
+ main: _red.default[500],
184
+ dark: _red.default[700]
185
+ } : _palette$error,
186
+ _palette$lookup = palette.lookup,
187
+ lookup = _palette$lookup === void 0 ? {
188
+ light: '#FFFF8D',
189
+ main: '#EDED14'
190
+ } : _palette$lookup,
191
+ _palette$type = palette.type,
192
+ type = _palette$type === void 0 ? 'light' : _palette$type,
193
+ _palette$contrastThre = palette.contrastThreshold,
194
+ contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre,
195
+ _palette$tonalOffset = palette.tonalOffset,
196
+ tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
197
+ _palette$context = palette.context,
198
+ context = _palette$context === void 0 ? 'local' : _palette$context,
199
+ other = (0, _objectWithoutProperties2.default)(palette, ["primary", "secondary", "positive", "negative", "middle", "neutral", "error", "lookup", "type", "contrastThreshold", "tonalOffset", "context"]);
200
+
187
201
  function getContrastText(background) {
188
202
  // Use the same logic as
189
203
  // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59
190
204
  // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54
191
205
  var contrastText = (0, _colorManipulator.getContrastRatio)(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
206
+
192
207
  if (process.env.NODE_ENV !== 'production') {
193
208
  var contrast = (0, _colorManipulator.getContrastRatio)(background, contrastText);
194
209
  process.env.NODE_ENV !== "production" ? (0, _warning.default)(contrast >= 3, ["Material-UI: the contrast ratio of ".concat(contrast, ":1 for ").concat(contrastText, " on ").concat(background), 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n')) : void 0;
195
210
  }
211
+
196
212
  return contrastText;
197
213
  }
214
+
198
215
  function augmentColor(color) {
199
216
  var mainShade = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
200
217
  var lightShade = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 300;
201
218
  var darkShade = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 700;
219
+
202
220
  if (!color.main && color[mainShade]) {
203
221
  color.main = color[mainShade];
204
222
  }
223
+
205
224
  if (process.env.NODE_ENV !== 'production' && !color.main) {
206
225
  throw new Error(['Material-UI: the color provided to augmentColor(color) is invalid.', "The color object needs to have a `main` property or a `".concat(mainShade, "` property.")].join('\n'));
207
226
  }
227
+
208
228
  addLightOrDark(color, 'light', lightShade, tonalOffset);
209
229
  addLightOrDark(color, 'dark', darkShade, tonalOffset);
230
+
210
231
  if (!color.contrastText) {
211
232
  color.contrastText = getContrastText(color.main);
212
233
  }
213
234
  }
235
+
214
236
  augmentColor(primary);
215
237
  augmentColor(secondary, 'A400', 'A200', 'A700');
216
238
  augmentColor(error);
@@ -260,7 +282,7 @@ function createPalette(palette) {
260
282
  tonalOffset: tonalOffset
261
283
  }, types[type], {}, contexts[context]), other, {
262
284
  clone: false // No need to clone deep
263
- });
264
285
 
286
+ });
265
287
  return paletteOutput;
266
288
  }
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = createStyles;
7
+
7
8
  function createStyles(styles) {
8
9
  return styles;
9
10
  }
@@ -1,38 +1,46 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = createTypography;
9
+
8
10
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
9
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
13
+
10
14
  var _deepmerge = _interopRequireDefault(require("deepmerge"));
11
- // < 1kb payload overhead when lodash/merge is > 3kb.
12
15
 
16
+ // < 1kb payload overhead when lodash/merge is > 3kb.
13
17
  function round(value) {
14
18
  return Math.round(value * 1e5) / 1e5;
15
19
  }
20
+
16
21
  function createTypography(palette, typography) {
17
22
  var _ref = typeof typography === 'function' ? typography(palette) : typography,
18
- _ref$fontFamily = _ref.fontFamily,
19
- fontFamily = _ref$fontFamily === void 0 ? '"Roboto", "Helvetica", "Arial", sans-serif' : _ref$fontFamily,
20
- _ref$fontSize = _ref.fontSize,
21
- fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
22
- _ref$fontWeightLight = _ref.fontWeightLight,
23
- fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight,
24
- _ref$fontWeightRegula = _ref.fontWeightRegular,
25
- fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula,
26
- _ref$fontWeightMedium = _ref.fontWeightMedium,
27
- fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium,
28
- _ref$htmlFontSize = _ref.htmlFontSize,
29
- htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,
30
- allVariants = _ref.allVariants,
31
- other = (0, _objectWithoutProperties2.default)(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "htmlFontSize", "allVariants"]);
23
+ _ref$fontFamily = _ref.fontFamily,
24
+ fontFamily = _ref$fontFamily === void 0 ? '"Roboto", "Helvetica", "Arial", sans-serif' : _ref$fontFamily,
25
+ _ref$fontSize = _ref.fontSize,
26
+ fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
27
+ _ref$fontWeightLight = _ref.fontWeightLight,
28
+ fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight,
29
+ _ref$fontWeightRegula = _ref.fontWeightRegular,
30
+ fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula,
31
+ _ref$fontWeightMedium = _ref.fontWeightMedium,
32
+ fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium,
33
+ _ref$htmlFontSize = _ref.htmlFontSize,
34
+ htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,
35
+ allVariants = _ref.allVariants,
36
+ other = (0, _objectWithoutProperties2.default)(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "htmlFontSize", "allVariants"]);
37
+
32
38
  var coef = fontSize / 14;
39
+
33
40
  function pxToRem(value) {
34
41
  return "".concat(value / htmlFontSize * coef, "rem");
35
42
  }
43
+
36
44
  return (0, _deepmerge.default)({
37
45
  pxToRem: pxToRem,
38
46
  round: round,
@@ -172,5 +180,6 @@ function createTypography(palette, typography) {
172
180
  }, allVariants)
173
181
  }, other, {
174
182
  clone: false // No need to clone deep
183
+
175
184
  });
176
185
  }
@@ -1,27 +1,37 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
9
12
  var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
13
+
10
14
  var _warning = _interopRequireDefault(require("warning"));
15
+
11
16
  var _deepmerge = _interopRequireDefault(require("deepmerge"));
17
+
12
18
  // < 1kb payload overhead when lodash/merge is > 3kb.
13
19
  // Support for the jss-expand plugin.
14
20
  function arrayMerge(destination, source) {
15
21
  return source;
16
22
  }
23
+
17
24
  function getStylesCreator(stylesOrCreator) {
18
25
  var themingEnabled = typeof stylesOrCreator === 'function';
19
26
  process.env.NODE_ENV !== "production" ? (0, _warning.default)((0, _typeof2.default)(stylesOrCreator) === 'object' || themingEnabled, ['Material-UI: the first argument provided to withStyles() is invalid.', 'You need to provide a function generating the styles or a styles object.'].join('\n')) : void 0;
27
+
20
28
  function create(theme, name) {
21
29
  var styles = themingEnabled ? stylesOrCreator(theme) : stylesOrCreator;
30
+
22
31
  if (!name || !theme.overrides || !theme.overrides[name]) {
23
32
  return styles;
24
33
  }
34
+
25
35
  var overrides = theme.overrides[name];
26
36
  var stylesWithOverrides = (0, _objectSpread2.default)({}, styles);
27
37
  Object.keys(overrides).forEach(function (key) {
@@ -32,10 +42,13 @@ function getStylesCreator(stylesOrCreator) {
32
42
  });
33
43
  return stylesWithOverrides;
34
44
  }
45
+
35
46
  return {
36
47
  create: create,
37
48
  options: {},
38
49
  themingEnabled: themingEnabled
39
50
  };
40
51
  }
41
- var _default = exports.default = getStylesCreator;
52
+
53
+ var _default = getStylesCreator;
54
+ exports.default = _default;
@@ -4,12 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+
7
8
  function getThemeProps(params) {
8
9
  var theme = params.theme,
9
- name = params.name;
10
+ name = params.name;
11
+
10
12
  if (!name || !theme.props || !theme.props[name]) {
11
13
  return {};
12
14
  }
15
+
13
16
  return theme.props[name];
14
17
  }
15
- var _default = exports.default = getThemeProps;
18
+
19
+ var _default = getThemeProps;
20
+ exports.default = _default;
package/styles/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
@@ -34,8 +35,13 @@ Object.defineProperty(exports, "jssPreset", {
34
35
  return _jssPreset.default;
35
36
  }
36
37
  });
38
+
37
39
  var _createGenerateClassName = _interopRequireDefault(require("./createGenerateClassName"));
40
+
38
41
  var _createMuiTheme = _interopRequireDefault(require("./createMuiTheme"));
42
+
39
43
  var _jssPreset = _interopRequireDefault(require("./jssPreset"));
44
+
40
45
  var _MuiThemeProvider = _interopRequireDefault(require("./MuiThemeProvider"));
46
+
41
47
  var _createStyles = _interopRequireDefault(require("./createStyles"));
@@ -1,16 +1,24 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _jssGlobal = _interopRequireDefault(require("jss-global"));
11
+
9
12
  var _jssNested = _interopRequireDefault(require("jss-nested"));
13
+
10
14
  var _jssCamelCase = _interopRequireDefault(require("jss-camel-case"));
15
+
11
16
  var _jssDefaultUnit = _interopRequireDefault(require("jss-default-unit"));
17
+
12
18
  var _jssVendorPrefixer = _interopRequireDefault(require("jss-vendor-prefixer"));
19
+
13
20
  var _jssPropsSort = _interopRequireDefault(require("jss-props-sort"));
21
+
14
22
  // Subset of jss-preset-default with only the plugins the Material-UI
15
23
  // components are using.
16
24
  function jssPreset() {
@@ -18,4 +26,6 @@ function jssPreset() {
18
26
  plugins: [(0, _jssGlobal.default)(), (0, _jssNested.default)(), (0, _jssCamelCase.default)(), (0, _jssDefaultUnit.default)(), (0, _jssVendorPrefixer.default)(), (0, _jssPropsSort.default)()]
19
27
  };
20
28
  }
21
- var _default = exports.default = jssPreset;
29
+
30
+ var _default = jssPreset;
31
+ exports.default = _default;
@@ -1,21 +1,28 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
9
12
  var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
13
+
10
14
  var _theme = _interopRequireDefault(require("../theme"));
15
+
11
16
  /**
12
17
  * Override makeStyles hook to use HMUI theme as default
13
18
  * @param createStyles
14
19
  * @param options
15
20
  * @returns {StylesHook<Styles<Theme, {}, string>>}
16
21
  */
17
- var _default = exports.default = function _default(createStyles, options) {
22
+ var _default = function _default(createStyles, options) {
18
23
  return (0, _makeStyles.default)(createStyles, (0, _objectSpread2.default)({
19
24
  defaultTheme: _theme.default
20
25
  }, options));
21
- };
26
+ };
27
+
28
+ exports.default = _default;
@@ -1,30 +1,41 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
9
12
  var _warning = _interopRequireDefault(require("warning"));
13
+
10
14
  var _getDisplayName = _interopRequireDefault(require("recompose/getDisplayName"));
15
+
11
16
  function mergeClasses() {
12
17
  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
13
18
  var baseClasses = options.baseClasses,
14
- newClasses = options.newClasses,
15
- Component = options.Component,
16
- _options$noBase = options.noBase,
17
- noBase = _options$noBase === void 0 ? false : _options$noBase;
19
+ newClasses = options.newClasses,
20
+ Component = options.Component,
21
+ _options$noBase = options.noBase,
22
+ noBase = _options$noBase === void 0 ? false : _options$noBase;
23
+
18
24
  if (!newClasses) {
19
25
  return baseClasses;
20
26
  }
27
+
21
28
  return (0, _objectSpread2.default)({}, baseClasses, {}, Object.keys(newClasses).reduce(function (accumulator, key) {
22
29
  process.env.NODE_ENV !== "production" ? (0, _warning.default)(baseClasses[key] || noBase, ["Material-UI: the key `".concat(key, "` ") + "provided to the classes property is not implemented in ".concat((0, _getDisplayName.default)(Component), "."), "You can only override one of the following: ".concat(Object.keys(baseClasses).join(','))].join('\n')) : void 0;
23
30
  process.env.NODE_ENV !== "production" ? (0, _warning.default)(!newClasses[key] || typeof newClasses[key] === 'string', ["Material-UI: the key `".concat(key, "` ") + "provided to the classes property is not valid for ".concat((0, _getDisplayName.default)(Component), "."), "You need to provide a non empty string instead of: ".concat(newClasses[key], ".")].join('\n')) : void 0;
31
+
24
32
  if (newClasses[key]) {
25
33
  accumulator[key] = "".concat(baseClasses[key], " ").concat(newClasses[key]);
26
34
  }
35
+
27
36
  return accumulator;
28
37
  }, {}));
29
38
  }
30
- var _default = exports.default = mergeClasses;
39
+
40
+ var _default = mergeClasses;
41
+ exports.default = _default;
package/styles/shadows.js CHANGED
@@ -7,8 +7,11 @@ exports.default = void 0;
7
7
  var shadowKeyUmbraOpacity = 0.2;
8
8
  var shadowKeyPenumbraOpacity = 0.14;
9
9
  var shadowAmbientShadowOpacity = 0.12;
10
+
10
11
  function createShadow() {
11
12
  return ["".concat(arguments.length <= 0 ? undefined : arguments[0], "px ").concat(arguments.length <= 1 ? undefined : arguments[1], "px ").concat(arguments.length <= 2 ? undefined : arguments[2], "px ").concat(arguments.length <= 3 ? undefined : arguments[3], "px rgba(0, 0, 0, ").concat(shadowKeyUmbraOpacity, ")"), "".concat(arguments.length <= 4 ? undefined : arguments[4], "px ").concat(arguments.length <= 5 ? undefined : arguments[5], "px ").concat(arguments.length <= 6 ? undefined : arguments[6], "px ").concat(arguments.length <= 7 ? undefined : arguments[7], "px rgba(0, 0, 0, ").concat(shadowKeyPenumbraOpacity, ")"), "".concat(arguments.length <= 8 ? undefined : arguments[8], "px ").concat(arguments.length <= 9 ? undefined : arguments[9], "px ").concat(arguments.length <= 10 ? undefined : arguments[10], "px ").concat(arguments.length <= 11 ? undefined : arguments[11], "px rgba(0, 0, 0, ").concat(shadowAmbientShadowOpacity, ")")].join(',');
12
13
  }
14
+
13
15
  var shadows = ['none', createShadow(0, 1, 3, 0, 0, 1, 1, 0, 0, 2, 1, -1), createShadow(0, 1, 5, 0, 0, 2, 2, 0, 0, 3, 1, -2), createShadow(0, 1, 8, 0, 0, 3, 4, 0, 0, 3, 3, -2), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
14
- var _default = exports.default = shadows;
16
+ var _default = shadows;
17
+ exports.default = _default;
package/styles/shape.js CHANGED
@@ -7,4 +7,5 @@ exports.default = void 0;
7
7
  var shape = {
8
8
  borderRadius: 4
9
9
  };
10
- var _default = exports.default = shape;
10
+ var _default = shape;
11
+ exports.default = _default;
package/styles/spacing.js CHANGED
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+
7
8
  var spacing = function spacing() {
8
9
  var n = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
9
10
  return n * 4;
10
11
  };
11
- var _default = exports.default = spacing;
12
+
13
+ var _default = spacing;
14
+ exports.default = _default;