@hipay/hipay-material-ui 2.2.0-RC2 → 2.2.0-beta-core2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (189) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/HiAlertModal/HiAlertModal.js +5 -5
  3. package/HiAppBar/HiAppBar.js +4 -4
  4. package/HiBadge/HiBadge.js +2 -2
  5. package/HiBreadcrumb/HiStep.js +1 -1
  6. package/HiBreadcrumb/HiStepConnector.js +6 -6
  7. package/HiBreadcrumb/HiStepContent.js +1 -1
  8. package/HiBreadcrumb/HiStepIcon.js +1 -1
  9. package/HiBreadcrumb/HiStepLabel.js +1 -1
  10. package/HiBreadcrumb/HiStepper.js +1 -1
  11. package/HiButton/HiButton.js +41 -92
  12. package/HiCell/CellAddress.js +2 -2
  13. package/HiCell/CellDate.js +2 -2
  14. package/HiCell/CellIcon.js +2 -2
  15. package/HiCell/CellImage.js +2 -2
  16. package/HiCell/CellNumeric.js +2 -2
  17. package/HiCell/CellPinToAction.js +2 -2
  18. package/HiCell/CellRate.js +2 -2
  19. package/HiCell/CellSentinel.js +2 -2
  20. package/HiCell/CellSentinelScore.js +2 -2
  21. package/HiCell/CellText.js +5 -5
  22. package/HiCell/CellTextStyled.js +1 -1
  23. package/HiCheckbox/HiCheckbox.js +5 -5
  24. package/HiChip/HiChip.js +2 -2
  25. package/HiChip/HiChipSwitch.js +8 -8
  26. package/HiColoredLabel/HiColoredLabel.js +3 -3
  27. package/HiDatePicker/Caption.js +2 -2
  28. package/HiDatePicker/HiDatePicker.js +2 -2
  29. package/HiDatePicker/HiDatePickerMobile.js +2 -2
  30. package/HiDatePicker/HiDateRangePicker.js +2 -2
  31. package/HiDatePicker/HiDateRangeSelector.js +5 -4
  32. package/HiDatePicker/ListPicker.js +2 -2
  33. package/HiDatePicker/NavBar.js +2 -2
  34. package/HiDatePicker/Overlays/CustomOverlayLayout.js +2 -2
  35. package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +2 -2
  36. package/HiDatePicker/Overlays/MonthPickerOverlay.js +3 -3
  37. package/HiDatePicker/Overlays/Overlay.js +2 -2
  38. package/HiDatePicker/Overlays/TimePickerOverlay.js +6 -6
  39. package/HiDatePicker/Overlays/YearPickerOverlay.js +3 -3
  40. package/HiDatePicker/stylesheet.js +1 -1
  41. package/HiDotsStepper/HiDot.js +2 -2
  42. package/HiDotsStepper/HiDotsStepper.js +6 -6
  43. package/HiExpansionPanel/HiExpansionPanel.js +2 -2
  44. package/HiForm/HiAddressField.js +7 -7
  45. package/HiForm/HiEmailField.js +3 -3
  46. package/HiForm/HiFormControl.js +8 -8
  47. package/HiForm/HiFormLabel.js +3 -3
  48. package/HiForm/HiInput.js +13 -13
  49. package/HiForm/HiPasswordField.js +5 -5
  50. package/HiForm/HiSearchField.js +5 -5
  51. package/HiForm/HiSlider.js +2 -2
  52. package/HiForm/HiTextField.js +5 -5
  53. package/HiForm/HiUpload.js +2 -2
  54. package/HiForm/HiUploadInput.js +3 -3
  55. package/HiIcon/HiIcon.js +2 -2
  56. package/HiIconButton/HiIconButton.js +2 -2
  57. package/HiLoader/HiLoader.js +2 -2
  58. package/HiMap/HiMap.js +7 -7
  59. package/HiMap/HiMapExpand.js +5 -5
  60. package/HiNotice/HiKPI.js +4 -4
  61. package/HiPaymentMeans/HiPaymentMeans.js +1 -1
  62. package/HiPdfReader/HiPdfReader.js +1 -1
  63. package/HiPin/HiPin.js +2 -2
  64. package/HiRadio/HiRadio.js +1 -1
  65. package/HiSelect/HiDynamicSelect.js +7 -7
  66. package/HiSelect/HiNestedSelect.js +14 -14
  67. package/HiSelect/HiNestedSelectContent.js +9 -9
  68. package/HiSelect/HiSelect.js +9 -9
  69. package/HiSelect/HiSelectContent.js +15 -15
  70. package/HiSelect/HiSelectInput.js +9 -9
  71. package/HiSelect/HiSelectMobile.js +2 -2
  72. package/HiSelect/HiSuggestSelect.js +1 -1
  73. package/HiSelectableList/HiSelectableList.js +2 -2
  74. package/HiSelectableList/HiSelectableListHierarchic.js +2 -2
  75. package/HiSelectableList/HiSelectableListItem.js +6 -6
  76. package/HiSwitch/HiSwitch.js +2 -2
  77. package/HiSwitch/HiSwitchState.js +2 -2
  78. package/HiTable/HiTable.js +5 -5
  79. package/HiTable/HiTableHeader.js +3 -3
  80. package/HiTable/HiTableRow.js +7 -6
  81. package/es/HiAlertModal/HiAlertModal.js +1 -1
  82. package/es/HiAppBar/HiAppBar.js +1 -1
  83. package/es/HiBadge/HiBadge.js +1 -1
  84. package/es/HiBreadcrumb/HiStep.js +1 -1
  85. package/es/HiBreadcrumb/HiStepConnector.js +3 -3
  86. package/es/HiBreadcrumb/HiStepContent.js +1 -1
  87. package/es/HiBreadcrumb/HiStepIcon.js +1 -1
  88. package/es/HiBreadcrumb/HiStepLabel.js +1 -1
  89. package/es/HiBreadcrumb/HiStepper.js +1 -1
  90. package/es/HiButton/HiButton.js +56 -82
  91. package/es/HiCell/CellAddress.js +1 -1
  92. package/es/HiCell/CellDate.js +1 -1
  93. package/es/HiCell/CellIcon.js +1 -1
  94. package/es/HiCell/CellImage.js +1 -1
  95. package/es/HiCell/CellNumeric.js +1 -1
  96. package/es/HiCell/CellPinToAction.js +1 -1
  97. package/es/HiCell/CellRate.js +1 -1
  98. package/es/HiCell/CellSentinel.js +1 -1
  99. package/es/HiCell/CellSentinelScore.js +1 -1
  100. package/es/HiCell/CellText.js +1 -1
  101. package/es/HiCell/CellTextStyled.js +1 -1
  102. package/es/HiCheckbox/HiCheckbox.js +1 -1
  103. package/es/HiChip/HiChip.js +1 -1
  104. package/es/HiChip/HiChipSwitch.js +2 -2
  105. package/es/HiColoredLabel/HiColoredLabel.js +2 -2
  106. package/es/HiDatePicker/Caption.js +1 -1
  107. package/es/HiDatePicker/HiDatePicker.js +1 -1
  108. package/es/HiDatePicker/HiDatePickerMobile.js +1 -1
  109. package/es/HiDatePicker/HiDateRangePicker.js +1 -1
  110. package/es/HiDatePicker/HiDateRangeSelector.js +4 -3
  111. package/es/HiDatePicker/ListPicker.js +1 -1
  112. package/es/HiDatePicker/NavBar.js +1 -1
  113. package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +1 -1
  114. package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +1 -1
  115. package/es/HiDatePicker/Overlays/Overlay.js +1 -1
  116. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +1 -1
  117. package/es/HiDatePicker/stylesheet.js +1 -1
  118. package/es/HiDotsStepper/HiDot.js +1 -1
  119. package/es/HiDotsStepper/HiDotsStepper.js +1 -1
  120. package/es/HiExpansionPanel/HiExpansionPanel.js +1 -1
  121. package/es/HiForm/HiFormControl.js +1 -1
  122. package/es/HiForm/HiFormLabel.js +2 -2
  123. package/es/HiForm/HiInput.js +1 -1
  124. package/es/HiForm/HiPasswordField.js +1 -1
  125. package/es/HiForm/HiSlider.js +1 -1
  126. package/es/HiForm/HiUpload.js +1 -1
  127. package/es/HiForm/HiUploadInput.js +2 -2
  128. package/es/HiIcon/HiIcon.js +1 -1
  129. package/es/HiIconButton/HiIconButton.js +2 -2
  130. package/es/HiLoader/HiLoader.js +1 -1
  131. package/es/HiMap/HiMap.js +1 -1
  132. package/es/HiMap/HiMapExpand.js +1 -1
  133. package/es/HiNotice/HiKPI.js +1 -1
  134. package/es/HiPaymentMeans/HiPaymentMeans.js +1 -1
  135. package/es/HiPdfReader/HiPdfReader.js +1 -1
  136. package/es/HiPin/HiPin.js +2 -2
  137. package/es/HiRadio/HiRadio.js +1 -1
  138. package/es/HiSelect/HiNestedSelect.js +1 -1
  139. package/es/HiSelect/HiSelect.js +1 -1
  140. package/es/HiSelect/HiSelectContent.js +1 -1
  141. package/es/HiSelect/HiSelectInput.js +1 -1
  142. package/es/HiSelect/HiSelectMobile.js +1 -1
  143. package/es/HiSelect/HiSuggestSelect.js +1 -1
  144. package/es/HiSelectableList/HiSelectableList.js +1 -1
  145. package/es/HiSelectableList/HiSelectableListHierarchic.js +1 -1
  146. package/es/HiSelectableList/HiSelectableListItem.js +1 -1
  147. package/es/HiSwitch/HiSwitch.js +1 -1
  148. package/es/HiSwitch/HiSwitchState.js +1 -1
  149. package/es/HiTable/HiTable.js +1 -1
  150. package/es/HiTable/HiTableHeader.js +2 -2
  151. package/es/HiTable/HiTableRow.js +3 -2
  152. package/es/hi-svg-icons/HiAccount.js +1 -1
  153. package/es/hi-svg-icons/HiActivity.js +1 -1
  154. package/es/hi-svg-icons/HiAll.js +1 -1
  155. package/es/hi-svg-icons/HiBilling.js +1 -1
  156. package/es/hi-svg-icons/HiCatalog.js +1 -1
  157. package/es/hi-svg-icons/HiCustomer.js +1 -1
  158. package/es/hi-svg-icons/HiFinance.js +1 -1
  159. package/es/hi-svg-icons/HiPermission.js +1 -1
  160. package/es/hi-svg-icons/HiRoute.js +1 -1
  161. package/es/hi-svg-icons/HiSettlement.js +1 -1
  162. package/es/hi-svg-icons/HiTransaction.js +1 -1
  163. package/es/hi-svg-icons/HiUser.js +1 -1
  164. package/es/hi-svg-icons/HiWidget.js +1 -1
  165. package/es/index.js +0 -1
  166. package/es/styles/createMixins.js +4 -4
  167. package/es/styles/spacing.js +2 -5
  168. package/es/test-utils/getClasses.js +2 -16
  169. package/es/withWidth/withWidth.js +3 -3
  170. package/hi-svg-icons/HiAccount.js +1 -1
  171. package/hi-svg-icons/HiActivity.js +1 -1
  172. package/hi-svg-icons/HiAll.js +1 -1
  173. package/hi-svg-icons/HiBilling.js +1 -1
  174. package/hi-svg-icons/HiCatalog.js +1 -1
  175. package/hi-svg-icons/HiCustomer.js +1 -1
  176. package/hi-svg-icons/HiFinance.js +1 -1
  177. package/hi-svg-icons/HiPermission.js +1 -1
  178. package/hi-svg-icons/HiRoute.js +1 -1
  179. package/hi-svg-icons/HiSettlement.js +1 -1
  180. package/hi-svg-icons/HiTransaction.js +1 -1
  181. package/hi-svg-icons/HiUser.js +1 -1
  182. package/hi-svg-icons/HiWidget.js +1 -1
  183. package/index.es.js +1 -2
  184. package/index.js +1 -9
  185. package/package.json +4 -6
  186. package/styles/createMixins.js +4 -4
  187. package/styles/spacing.js +5 -4
  188. package/test-utils/getClasses.js +5 -29
  189. package/withWidth/withWidth.js +3 -3
@@ -4,8 +4,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
4
4
  import React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import classNames from 'classnames';
7
- import { withStyles } from '../styles';
8
- import { fade } from '../styles/colorManipulator';
7
+ import { withStyles } from '@material-ui/core/styles';
8
+ import { fade } from '@material-ui/core/styles/colorManipulator';
9
9
  import IconButton from '@material-ui/core/IconButton';
10
10
  export const styles = theme => ({
11
11
  label: {},
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import PropagateLoader from 'react-spinners/PropagateLoader';
4
- import withStyles from '../styles/withStyles';
4
+ import { withStyles } from '@material-ui/core/styles';
5
5
 
6
6
  function HiLoader(props) {
7
7
  const {
package/es/HiMap/HiMap.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
- import { withStyles } from '../styles';
3
+ import { withStyles } from '@material-ui/core/styles';
4
4
  import HiButton from '../HiButton';
5
5
  import HiIcon from '../HiIcon';
6
6
  import HiLoader from '../HiLoader';
@@ -5,7 +5,7 @@ import classNames from 'classnames';
5
5
  import ExpansionPanel from '@material-ui/core/ExpansionPanel';
6
6
  import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
7
7
  import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
8
- import { withStyles } from '../styles';
8
+ import { withStyles } from '@material-ui/core/styles';
9
9
  import HiMap from './HiMap';
10
10
  import HiIcon from '../HiIcon/HiIcon';
11
11
 
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
- import { withStyles } from '../styles';
4
+ import { withStyles } from '@material-ui/core/styles';
5
5
  import ButtonBase from '@material-ui/core/ButtonBase';
6
6
  import Collapse from '@material-ui/core/Collapse';
7
7
  export const styles = theme => ({
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
- import { withStyles } from '../styles';
4
+ import { withStyles } from '@material-ui/core/styles';
5
5
  export const styles = theme => ({
6
6
  bankCard: {
7
7
  position: 'relative',
@@ -7,7 +7,7 @@ import HiIcon from '../HiIcon'; // import ChevronLeftIcon from '@material-ui/ico
7
7
  // import ChevronRightIcon from '@material-ui/icons/ChevronRight/';
8
8
 
9
9
  import CircularProgress from '@material-ui/core/CircularProgress/';
10
- import { withStyles } from '../styles';
10
+ import { withStyles } from '@material-ui/core/styles';
11
11
  export const styles = theme => ({
12
12
  root: {
13
13
  position: 'relative'
package/es/HiPin/HiPin.js CHANGED
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import classNames from 'classnames';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  export const styles = theme => ({
7
7
  root: {
8
8
  display: 'inline-block',
@@ -50,7 +50,7 @@ export const styles = theme => ({
50
50
  /**
51
51
  * HiPins
52
52
  *
53
- * Tiny raised button used to display subsidiary datas like item count, (...), and throw an onClick event.
53
+ * Tiny contained button used to display subsidiary datas like item count, (...), and throw an onClick event.
54
54
  * Used in:
55
55
  * - CellStatus to display operations count and to deploy operation rows on click.
56
56
  *
@@ -1,7 +1,7 @@
1
1
  // @inheritedComponent Radio
2
2
  import React from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import { withStyles } from '../styles';
4
+ import { withStyles } from '@material-ui/core/styles';
5
5
  import Radio from '@material-ui/core/Radio';
6
6
  export const styles = theme => ({
7
7
  checked: {
@@ -6,7 +6,7 @@ import React from 'react';
6
6
  import PropTypes from 'prop-types';
7
7
  import HiSelect from './HiSelect';
8
8
  import HiIcon from '../HiIcon';
9
- import withStyles from '../styles/withStyles';
9
+ import { withStyles } from '@material-ui/core/styles';
10
10
  import { foldAccents } from '../utils/helpers';
11
11
  /**
12
12
  * Return array of final item id in nested list (via props chlidren)
@@ -10,7 +10,7 @@ import ClickAwayListener from '@material-ui/core/ClickAwayListener';
10
10
  import HiSelectableList from '../HiSelectableList';
11
11
  import HiInput from '../HiForm/HiInput';
12
12
  import HiSelectInput from './HiSelectInput';
13
- import withStyles from '../styles/withStyles';
13
+ import { withStyles } from '@material-ui/core/styles';
14
14
  import { foldAccents } from '../utils/helpers';
15
15
  import HiIcon from '../HiIcon';
16
16
  import keycode from 'keycode';
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
5
5
  import Scrollbars from 'react-custom-scrollbars';
6
6
  import HiSelectableList from '../HiSelectableList';
7
7
  import HiInput from '../HiForm/HiInput';
8
- import withStyles from '../styles/withStyles';
8
+ import { withStyles } from '@material-ui/core/styles';
9
9
  import { getNextItemSelectable, foldAccents } from '../utils/helpers';
10
10
  import keycode from 'keycode';
11
11
  export const styles = theme => ({
@@ -6,7 +6,7 @@ import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
6
6
  import ButtonBase from '@material-ui/core/ButtonBase';
7
7
  import Icon from '@material-ui/core/Icon';
8
8
  import HiIcon from '../HiIcon';
9
- import withStyles from '../styles/withStyles';
9
+ import { withStyles } from '@material-ui/core/styles';
10
10
  import keycode from 'keycode';
11
11
  import { isMobile } from 'react-device-detect';
12
12
  export const styles = theme => ({
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectSpread from "@babel/runtime/helpers/objectSpread";
3
3
  import React from 'react';
4
4
  import PropTypes from 'prop-types';
5
- import withStyles from '../styles/withStyles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  export const styles = theme => ({
7
7
  root: {
8
8
  position: 'absolute',
@@ -9,7 +9,7 @@ import Paper from '@material-ui/core/Paper';
9
9
  import classNames from 'classnames';
10
10
  import HiSelectableList from '../HiSelectableList';
11
11
  import HiInput from '../HiForm/HiInput';
12
- import { withStyles } from '../styles';
12
+ import { withStyles } from '@material-ui/core/styles';
13
13
  import Popper from '@material-ui/core/Popper';
14
14
  import { getNextItemSelectable } from '../utils/helpers';
15
15
  import keycode from 'keycode';
@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  import React from 'react';
4
4
  import PropTypes from 'prop-types';
5
5
  import List from '@material-ui/core/List';
6
- import withStyles from '../styles/withStyles';
6
+ import { withStyles } from '@material-ui/core/styles';
7
7
  import HiSelectableListItem from './HiSelectableListItem';
8
8
  import { getNextItemSelectable, foldAccents } from '../utils/helpers';
9
9
  import keycode from 'keycode';
@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  import React from 'react';
4
4
  import PropTypes from 'prop-types';
5
5
  import List from '@material-ui/core/List';
6
- import withStyles from '../styles/withStyles';
6
+ import { withStyles } from '@material-ui/core/styles';
7
7
  import HiSelectableListItem from './HiSelectableListItem';
8
8
  export const styles = () => ({
9
9
  root: {}
@@ -9,7 +9,7 @@ import HiIcon from '../HiIcon';
9
9
  import HiCheckbox from '../HiCheckbox';
10
10
  import HiColoredLabel from '../HiColoredLabel';
11
11
  import HiLoader from '../HiLoader';
12
- import withStyles from '../styles/withStyles';
12
+ import { withStyles } from '@material-ui/core/styles';
13
13
  import { escapeHTML } from '../utils/helpers';
14
14
  import pure from 'recompose/pure';
15
15
  import keycode from 'keycode';
@@ -6,7 +6,7 @@ import classNames from 'classnames';
6
6
  import SwitchBase from '@material-ui/core/internal/SwitchBase';
7
7
  import Check from '@material-ui/icons/Check';
8
8
  import { capitalize } from '../utils/helpers';
9
- import withStyles from '../styles/withStyles';
9
+ import { withStyles } from '@material-ui/core/styles';
10
10
  export const styles = theme => ({
11
11
  root: {
12
12
  display: 'inline-flex',
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import classNames from 'classnames';
4
4
  import HiButton from '../HiButton';
5
- import withStyles from '../styles/withStyles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  import { capitalize } from '../utils/helpers';
7
7
  export const styles = theme => ({
8
8
  root: {
@@ -1,7 +1,7 @@
1
1
  // @inheritedComponent Table
2
2
  import React from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import withStyles from '../styles/withStyles';
4
+ import { withStyles } from '@material-ui/core/styles';
5
5
  import Table from '@material-ui/core/Table';
6
6
  import HiTableHeader from './HiTableHeader';
7
7
  import HiTableBody from './HiTableBody';
@@ -1,7 +1,7 @@
1
1
  // @inheritedComponent TableHeader
2
2
  import React from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import withStyles from '../styles/withStyles';
4
+ import { withStyles } from '@material-ui/core/styles';
5
5
  import TableCell from '@material-ui/core/TableCell';
6
6
  import TableHead from '@material-ui/core/TableHead';
7
7
  import TableRow from '@material-ui/core/TableRow';
@@ -66,7 +66,7 @@ class HiTableHeader extends React.PureComponent {
66
66
  key: colId,
67
67
  className: classes.cell,
68
68
  sortDirection: orderBy === colId ? order : false,
69
- numeric: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right',
69
+ align: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right' ? 'right' : 'inherit',
70
70
  title: headerTooltip
71
71
  }, sortable ? React.createElement(TableSortLabel, {
72
72
  active: orderBy === colId,
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import keycode from 'keycode';
5
5
  import classNames from 'classnames';
6
- import withStyles from '../styles/withStyles';
6
+ import { withStyles } from '@material-ui/core/styles';
7
7
  import TableRow from '@material-ui/core/TableRow';
8
8
  import HiCellBuilder from './HiCellBuilder';
9
9
  import * as cst from './constants';
@@ -23,7 +23,8 @@ export const styles = theme => ({
23
23
  border: 'none',
24
24
  padding: '0px 13px',
25
25
  minHeight: '32px',
26
- maxHeight: '40px'
26
+ maxHeight: '40px',
27
+ fontWeight: theme.typography.fontWeightRegular
27
28
  }
28
29
  });
29
30
 
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import React from 'react';
4
4
  import pure from 'recompose/pure';
5
- import { withStyles } from '../styles';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
  /**
7
7
  * @ignore - internal component.
8
8
  */
package/es/index.js CHANGED
@@ -13,7 +13,6 @@ export { default as HiMap } from './HiMap/HiMap';
13
13
  export { default as HiMapExpand } from './HiMap/HiMapExpand';
14
14
  export { default as HiTextField } from './HiForm/HiTextField';
15
15
  export { default as HiPasswordField } from './HiForm/HiPasswordField';
16
- export { default as HiPdfReader } from './HiPdfReader/HiPdfReader';
17
16
  export { default as HiSlider } from './HiForm/HiSlider';
18
17
  export { default as HiSwitch } from './HiSwitch';
19
18
  export { default as HiSwitchState } from './HiSwitch/HiSwitchState';
@@ -3,12 +3,12 @@ export default function createMixins(breakpoints, spacing, mixins) {
3
3
  return _objectSpread({
4
4
  gutters: (styles = {}) => {
5
5
  return _objectSpread({
6
- paddingLeft: spacing.unit * 2,
7
- paddingRight: spacing.unit * 2
6
+ paddingLeft: spacing(4),
7
+ paddingRight: spacing(4)
8
8
  }, styles, {
9
9
  [breakpoints.up('sm')]: _objectSpread({
10
- paddingLeft: spacing.unit * 3,
11
- paddingRight: spacing.unit * 3
10
+ paddingLeft: spacing(6),
11
+ paddingRight: spacing(6)
12
12
  }, styles[breakpoints.up('sm')])
13
13
  });
14
14
  },
@@ -1,6 +1,3 @@
1
- const spacing = {
2
- // All components align to an 8dp square baseline grid for mobile, tablet, and desktop.
3
- // https://material.io/design/layout/understanding-layout.html#pixel-density
4
- unit: 8
5
- };
1
+ const spacing = (n = 1) => n * 4;
2
+
6
3
  export default spacing;
@@ -1,17 +1,3 @@
1
- import _objectSpread from "@babel/runtime/helpers/objectSpread";
2
- import * as ns from 'react-jss/lib/ns';
3
- import { SheetsRegistry } from 'jss';
4
- import createShallow from './createShallow';
5
- import { sheetsManager } from '../styles/withStyles';
6
- const shallow = createShallow(); // Helper function to extract the classes from a styleSheet.
1
+ import { getClasses } from '@material-ui/core/test-utils'; // Helper function to extract the classes from a styleSheet.
7
2
 
8
- export default function getClasses(element, options = {}) {
9
- const sheetsRegistry = new SheetsRegistry();
10
- sheetsManager.clear();
11
- shallow(element, _objectSpread({}, options, {
12
- context: _objectSpread({
13
- [ns.sheetsRegistry]: sheetsRegistry
14
- }, options.context)
15
- }));
16
- return sheetsRegistry.registry[0].classes;
17
- }
3
+ export default getClasses;
@@ -10,9 +10,9 @@ import debounce from 'debounce'; // < 1kb payload overhead when lodash/debounce
10
10
 
11
11
  import wrapDisplayName from 'recompose/wrapDisplayName';
12
12
  import hoistNonReactStatics from 'hoist-non-react-statics';
13
- import withTheme from '../styles/withTheme';
14
- import { keys as breakpointKeys } from '../styles/createBreakpoints';
15
- import getThemeProps from '../styles/getThemeProps'; // By default, returns true if screen width is the same or greater than the given breakpoint.
13
+ import withTheme from '@material-ui/core/styles/withTheme';
14
+ import { keys as breakpointKeys } from '@material-ui/core/styles/createBreakpoints';
15
+ import getThemeProps from '@material-ui/core/styles/getThemeProps'; // By default, returns true if screen width is the same or greater than the given breakpoint.
16
16
 
17
17
  export const isWidthUp = (breakpoint, width, inclusive = true) => {
18
18
  if (inclusive) {
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  /**
21
21
  * @ignore - internal component.
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  /**
21
21
  * @ignore - internal component.
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  var _ref = _react.default.createElement("path", {
21
21
  fill: "none",
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  /**
21
21
  * @ignore - internal component.
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  /**
21
21
  * @ignore - internal component.
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  /**
21
21
  * @ignore - internal component.
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  /**
21
21
  * @ignore - internal component.
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  /**
21
21
  * @ignore - internal component.
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  /**
21
21
  * @ignore - internal component.
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  /**
21
21
  * @ignore - internal component.
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  /**
21
21
  * @ignore - internal component.
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  /**
21
21
  * @ignore - internal component.
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  var _pure = _interopRequireDefault(require("recompose/pure"));
17
17
 
18
- var _styles = require("../styles");
18
+ var _styles = require("@material-ui/core/styles");
19
19
 
20
20
  var _ref = _react.default.createElement("path", {
21
21
  fill: "none",
package/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license HiPay-Material-UI v2.2.0-RC2
1
+ /** @license HiPay-Material-UI v2.2.0-beta-core
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -18,7 +18,6 @@ export { default as HiMap } from './HiMap/HiMap';
18
18
  export { default as HiMapExpand } from './HiMap/HiMapExpand';
19
19
  export { default as HiTextField } from './HiForm/HiTextField';
20
20
  export { default as HiPasswordField } from './HiForm/HiPasswordField';
21
- export { default as HiPdfReader } from './HiPdfReader/HiPdfReader';
22
21
  export { default as HiSlider } from './HiForm/HiSlider';
23
22
  export { default as HiSwitch } from './HiSwitch';
24
23
  export { default as HiSwitchState } from './HiSwitch/HiSwitchState';