@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,76 +1,86 @@
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 = createGenerateClassName;
9
+
8
10
  var _warning = _interopRequireDefault(require("warning"));
9
- /* eslint-disable no-underscore-dangle */
10
11
 
12
+ /* eslint-disable no-underscore-dangle */
11
13
  // People might bundle this classname generator twice.
12
14
  // We need to use a global.
13
15
  global.__MUI_GENERATOR_COUNTER__ = 0;
14
16
  var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
17
+
15
18
  function safePrefix(classNamePrefix) {
16
19
  var prefix = String(classNamePrefix);
17
- process.env.NODE_ENV !== "production" ? (0, _warning.default)(prefix.length < 256, "Material-UI: the class name prefix is too long: ".concat(prefix, ".")) : void 0;
18
- // Sanitize the string as will be used to prefix the generated class name.
19
- return prefix.replace(escapeRegex, '-');
20
- }
20
+ process.env.NODE_ENV !== "production" ? (0, _warning.default)(prefix.length < 256, "Material-UI: the class name prefix is too long: ".concat(prefix, ".")) : void 0; // Sanitize the string as will be used to prefix the generated class name.
21
21
 
22
- // Returns a function which generates unique class names based on counters.
22
+ return prefix.replace(escapeRegex, '-');
23
+ } // Returns a function which generates unique class names based on counters.
23
24
  // When new generator function is created, rule counter is reset.
24
25
  // We need to reset the rule counter for SSR for each request.
25
26
  //
26
27
  // It's inspired by
27
28
  // https://github.com/cssinjs/jss/blob/4e6a05dd3f7b6572fdd3ab216861d9e446c20331/src/utils/createGenerateClassName.js
29
+
30
+
28
31
  function createGenerateClassName() {
29
32
  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
30
33
  var _options$dangerouslyU = options.dangerouslyUseGlobalCSS,
31
- dangerouslyUseGlobalCSS = _options$dangerouslyU === void 0 ? false : _options$dangerouslyU,
32
- _options$productionPr = options.productionPrefix,
33
- productionPrefix = _options$productionPr === void 0 ? 'jss' : _options$productionPr;
34
- var ruleCounter = 0;
35
-
36
- // - HMR can lead to many class name generators being instantiated,
34
+ dangerouslyUseGlobalCSS = _options$dangerouslyU === void 0 ? false : _options$dangerouslyU,
35
+ _options$productionPr = options.productionPrefix,
36
+ productionPrefix = _options$productionPr === void 0 ? 'jss' : _options$productionPr;
37
+ var ruleCounter = 0; // - HMR can lead to many class name generators being instantiated,
37
38
  // so the warning is only triggered in production.
38
39
  // - We expect a class name generator to be instantiated per new request on the server,
39
40
  // so the warning is only triggered client side.
41
+
40
42
  if (process.env.NODE_ENV === 'production' && typeof window !== 'undefined') {
41
43
  global.__MUI_GENERATOR_COUNTER__ += 1;
44
+
42
45
  if (global.__MUI_GENERATOR_COUNTER__ > 2) {
43
46
  // eslint-disable-next-line no-console
44
47
  console.error(['Material-UI: we have detected more than needed creation of the class name generator.', 'You should only use one class name generator on the client side.', 'If you do otherwise, you take the risk to have conflicting class names in production.'].join('\n'));
45
48
  }
46
49
  }
50
+
47
51
  return function (rule, styleSheet) {
48
52
  ruleCounter += 1;
49
- process.env.NODE_ENV !== "production" ? (0, _warning.default)(ruleCounter < 1e10, ['Material-UI: you might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join('')) : void 0;
53
+ process.env.NODE_ENV !== "production" ? (0, _warning.default)(ruleCounter < 1e10, ['Material-UI: you might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join('')) : void 0; // Code branch the whole block at the expense of more code.
50
54
 
51
- // Code branch the whole block at the expense of more code.
52
55
  if (dangerouslyUseGlobalCSS) {
53
56
  if (styleSheet) {
54
57
  if (styleSheet.options.name) {
55
58
  return "".concat(styleSheet.options.name, "-").concat(rule.key);
56
59
  }
60
+
57
61
  if (styleSheet.options.classNamePrefix && process.env.NODE_ENV !== 'production') {
58
62
  var prefix = safePrefix(styleSheet.options.classNamePrefix);
59
63
  return "".concat(prefix, "-").concat(rule.key, "-").concat(ruleCounter);
60
64
  }
61
65
  }
66
+
62
67
  if (process.env.NODE_ENV === 'production') {
63
68
  return "".concat(productionPrefix).concat(ruleCounter);
64
69
  }
70
+
65
71
  return "".concat(rule.key, "-").concat(ruleCounter);
66
72
  }
73
+
67
74
  if (process.env.NODE_ENV === 'production') {
68
75
  return "".concat(productionPrefix).concat(ruleCounter);
69
76
  }
77
+
70
78
  if (styleSheet && styleSheet.options.classNamePrefix) {
71
79
  var _prefix = safePrefix(styleSheet.options.classNamePrefix);
80
+
72
81
  return "".concat(_prefix, "-").concat(rule.key, "-").concat(ruleCounter);
73
82
  }
83
+
74
84
  return "".concat(rule.key, "-").concat(ruleCounter);
75
85
  };
76
86
  }
@@ -1,13 +1,19 @@
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 = createMixins;
9
+
8
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
11
+
9
12
  var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
13
+
10
14
  function createMixins(breakpoints, spacing, mixins) {
15
+ var _toolbar;
16
+
11
17
  return (0, _objectSpread3.default)({
12
18
  gutters: function gutters() {
13
19
  var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -19,12 +25,12 @@ function createMixins(breakpoints, spacing, mixins) {
19
25
  paddingRight: spacing(6)
20
26
  }, styles[breakpoints.up('sm')])));
21
27
  },
22
- toolbar: (0, _defineProperty2.default)((0, _defineProperty2.default)({
28
+ toolbar: (_toolbar = {
23
29
  minHeight: 56
24
- }, "".concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
30
+ }, (0, _defineProperty2.default)(_toolbar, "".concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
25
31
  minHeight: 48
26
- }), breakpoints.up('sm'), {
32
+ }), (0, _defineProperty2.default)(_toolbar, breakpoints.up('sm'), {
27
33
  minHeight: 64
28
- })
34
+ }), _toolbar)
29
35
  }, mixins);
30
36
  }
@@ -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;
@@ -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;