@sis-cc/dotstatsuite-visions 7.12.1 → 7.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/es/DataHeader/DataHeader.js +23 -35
  2. package/es/Loading/Loading.js +20 -7
  3. package/es/Loading/index.js +13 -3
  4. package/es/TableHtml5/TableHtml5.js +2 -2
  5. package/es/TableHtml5/cell.js +3 -3
  6. package/es/TableHtml5/header.js +2 -2
  7. package/es/TableHtml5/section.js +4 -4
  8. package/es/TableHtml5/sectionHeader.js +2 -2
  9. package/es/TableHtml5/subHeader.js +4 -4
  10. package/es/theme.js +1 -1
  11. package/lib/DataHeader/DataHeader.js +23 -35
  12. package/lib/Loading/Loading.js +25 -7
  13. package/lib/TableHtml5/TableHtml5.js +2 -2
  14. package/lib/TableHtml5/cell.js +3 -3
  15. package/lib/TableHtml5/header.js +2 -2
  16. package/lib/TableHtml5/section.js +4 -4
  17. package/lib/TableHtml5/sectionHeader.js +2 -2
  18. package/lib/TableHtml5/subHeader.js +4 -4
  19. package/lib/theme.js +1 -1
  20. package/package.json +1 -1
package/es/DataHeader/DataHeader.js CHANGED
@@ -61,9 +61,12 @@ var useStyles = makeStyles(function (theme) {
61
61
  }
62
62
  }),
63
63
  disclaimer: _extends({
64
- marginLeft: theme.spacing(0.5),
65
- width: 'unset',
66
- fontSize: 'inherit'
64
+ padding: theme.spacing(0.5),
65
+ fontSize: function fontSize(_ref4) {
66
+ var isWidthLess = _ref4.isWidthLess;
67
+ return R.cond([[R.always(isWidthLess(T4_BREAKPOINTS.xs3)), R.always(12)], [R.always(isWidthLess(T4_BREAKPOINTS.sm)), R.always(13)]])(14);
68
+ },
69
+ lineHeight: 1.5
67
70
  }, R.pathOr({}, ['mixins', 'dataHeader', 'disclaimer'], theme)),
68
71
  infoIcon: {
69
72
  height: '0.8em',
@@ -104,19 +107,19 @@ var useStyles = makeStyles(function (theme) {
104
107
  };
105
108
  });
106
109
 
107
- var DataHeader = function DataHeader(_ref4) {
110
+ var DataHeader = function DataHeader(_ref5) {
108
111
  var _cx;
109
112
 
110
- var children = _ref4.children,
111
- title = _ref4.title,
112
- _ref4$subtitle = _ref4.subtitle,
113
- subtitle = _ref4$subtitle === undefined ? [] : _ref4$subtitle,
114
- uprs = _ref4.uprs,
115
- disclaimer = _ref4.disclaimer,
116
- sideProps = _ref4.sideProps,
117
- SideIcon = _ref4.SideIcon,
118
- _ref4$isSticky = _ref4.isSticky,
119
- isSticky = _ref4$isSticky === undefined ? false : _ref4$isSticky;
113
+ var children = _ref5.children,
114
+ title = _ref5.title,
115
+ _ref5$subtitle = _ref5.subtitle,
116
+ subtitle = _ref5$subtitle === undefined ? [] : _ref5$subtitle,
117
+ uprs = _ref5.uprs,
118
+ disclaimer = _ref5.disclaimer,
119
+ sideProps = _ref5.sideProps,
120
+ SideIcon = _ref5.SideIcon,
121
+ _ref5$isSticky = _ref5.isSticky,
122
+ isSticky = _ref5$isSticky === undefined ? false : _ref5$isSticky;
120
123
 
121
124
  var target = React.useRef(null);
122
125
 
@@ -151,27 +154,7 @@ var DataHeader = function DataHeader(_ref4) {
151
154
  { className: classes.sideIconContainer },
152
155
  React.createElement(SideIcon, { sideProps: sideProps })
153
156
  ),
154
- React.createElement(Flags, { classes: classes, content: R.propOr([], 'flags', title) }),
155
- disclaimer && React.createElement(
156
- Tooltip,
157
- {
158
- className: cx(classes.title, classes.disclaimer),
159
- title: disclaimer,
160
- tabIndex: 0,
161
- 'data-testid': 'data-header-disclaimer',
162
- variant: 'warning',
163
- 'aria-hidden': false,
164
- placement: 'bottom',
165
- PopperProps: {
166
- modifiers: {
167
- flip: {
168
- behavior: ['bottom', 'top', 'left', 'right']
169
- }
170
- }
171
- }
172
- },
173
- React.createElement(WarningIcon, { pathBackgroundColor: warningColor, pathColor: warningTextColor })
174
- )
157
+ React.createElement(Flags, { classes: classes, content: R.propOr([], 'flags', title) })
175
158
  ),
176
159
  isWidthUp(T4_BREAKPOINTS.xs3) && subtitle && R.not(R.isEmpty(subtitle)) && React.createElement(
177
160
  'div',
@@ -200,6 +183,11 @@ var DataHeader = function DataHeader(_ref4) {
200
183
  { className: classes.subtitle },
201
184
  React.createElement(Title, { header: uprs.header }),
202
185
  uprs.label
186
+ ),
187
+ isWidthUp(T4_BREAKPOINTS.xs3) && disclaimer && React.createElement(
188
+ Typography,
189
+ { 'data-testid': 'data-header-disclaimer', className: classes.disclaimer },
190
+ disclaimer
203
191
  )
204
192
  ),
205
193
  React.createElement(
package/es/Loading/Loading.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import * as R from 'ramda';
2
3
  import cx from 'classnames';
3
4
  import PropTypes from 'prop-types';
4
5
  import { makeStyles } from '@material-ui/core/styles';
@@ -19,13 +20,12 @@ var useStyles = makeStyles(function (theme) {
19
20
  height: ' 48px',
20
21
  borderStyle: 'solid',
21
22
  borderWidth: '5px',
22
- borderColor: theme.palette.primary.main,
23
- borderBottomColor: 'transparent',
24
23
  borderRadius: '50%',
25
24
  display: 'inline-block',
26
25
  boxSizing: 'border-box',
27
26
  animation: '$rotate 1s linear infinite',
28
- margin: theme.spacing(2)
27
+ margin: theme.spacing(2),
28
+ borderBottomColor: 'transparent !important'
29
29
  },
30
30
  '@keyframes rotate': {
31
31
  '0%': {
@@ -36,8 +36,13 @@ var useStyles = makeStyles(function (theme) {
36
36
  }
37
37
  },
38
38
  warning: {
39
- borderColor: theme.palette.warning.main,
40
- borderBottomColor: 'transparent'
39
+ borderColor: theme.palette.warning.main
40
+ },
41
+ primaryColor: {
42
+ borderColor: theme.palette.primary.main
43
+ },
44
+ secondaryColor: {
45
+ borderColor: theme.palette.secondary.main
41
46
  }
42
47
  };
43
48
  });
@@ -47,14 +52,20 @@ var Loading = function Loading(_ref) {
47
52
 
48
53
  var message = _ref.message,
49
54
  _ref$isWarning = _ref.isWarning,
50
- isWarning = _ref$isWarning === undefined ? false : _ref$isWarning;
55
+ isWarning = _ref$isWarning === undefined ? false : _ref$isWarning,
56
+ _ref$variant = _ref.variant,
57
+ variant = _ref$variant === undefined ? 'primary' : _ref$variant,
58
+ color = _ref.color;
51
59
 
52
60
  var classes = useStyles();
53
61
 
54
62
  return React.createElement(
55
63
  'div',
56
64
  { className: classes.root },
57
- React.createElement('div', { className: cx(classes.circularProgress, (_cx = {}, _cx[classes.warning] = isWarning, _cx)) }),
65
+ React.createElement('div', {
66
+ style: { color: R.isNil(color) ? undefined : color },
67
+ className: cx(classes.circularProgress, (_cx = {}, _cx[classes[variant + 'Color']] = !R.isNil(variant) && R.isNil(color) && !isWarning, _cx[classes.warning] = isWarning, _cx))
68
+ }),
58
69
  React.createElement(
59
70
  Typography,
60
71
  { variant: 'subtitle1', noWrap: true, align: 'center' },
@@ -65,6 +76,8 @@ var Loading = function Loading(_ref) {
65
76
 
66
77
  Loading.propTypes = process.env.NODE_ENV !== "production" ? {
67
78
  message: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
79
+ variant: PropTypes.string,
80
+ color: PropTypes.string,
68
81
  isWarning: PropTypes.bool
69
82
  } : {};
70
83
 
package/es/Loading/index.js CHANGED
@@ -1,14 +1,24 @@
1
1
  /**
2
2
  * Loading component is a basic placeholder to use when retrieving things.
3
+ * There are four way to use it:
4
+ * 1. Loading with message
5
+ * 2. Loading with message and variant (primary|secondary) (default: primary)
6
+ * 3. Loading with message and color (second priority color)
7
+ * 4. Loading with warning (top priority color)
8
+ *
3
9
  *
4
10
  * @memberOf VISIONS
5
11
  * @name Loading
6
12
  * @tag component
7
13
  * @api public
8
14
  * @props
9
- * message: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
10
- * @theme
11
- * // no custom theme there
15
+ * Loading.propTypes = {
16
+ * message: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
17
+ * variant: PropTypes.string,
18
+ * color: PropTypes.string,
19
+ * isWarning: PropTypes.bool,
20
+ * };
21
+
12
22
  */
13
23
 
14
24
  export { default } from './Loading';
package/es/TableHtml5/TableHtml5.js CHANGED
@@ -22,8 +22,8 @@ var useStyles = makeStyles(function (theme) {
22
22
  return {
23
23
  table: {
24
24
  borderCollapse: 'separate',
25
- borderLeft: '1px solid ' + theme.palette.grey[500],
26
- borderTop: '1px solid ' + theme.palette.grey[500]
25
+ borderLeft: 'thin solid ' + theme.palette.grey[500],
26
+ borderTop: 'thin solid ' + theme.palette.grey[500]
27
27
  },
28
28
  stickyHeader: {
29
29
  position: 'sticky',
package/es/TableHtml5/cell.js CHANGED
@@ -11,8 +11,8 @@ import { getIsRtl } from '../utils';
11
11
  var useStyles = makeStyles(function (theme) {
12
12
  return {
13
13
  cell: {
14
- borderBottom: '1px solid ' + theme.palette.grey[500],
15
- borderRight: '1px solid ' + theme.palette.grey[500],
14
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
15
+ borderRight: 'thin solid ' + theme.palette.grey[500],
16
16
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
17
17
  verticalAlign: 'baseline',
18
18
  color: theme.palette.grey['A700'],
@@ -26,7 +26,7 @@ var useStyles = makeStyles(function (theme) {
26
26
  },
27
27
  highlight: theme.mixins.table.cellHighlight,
28
28
  oneCell: {
29
- border: '1px solid ' + theme.palette.grey[500],
29
+ border: 'thin solid ' + theme.palette.grey[500],
30
30
  display: 'block' // MUI TableCell is inline-block
31
31
  },
32
32
  link: {
package/es/TableHtml5/header.js CHANGED
@@ -15,8 +15,8 @@ var useStyles = makeStyles(function (theme) {
15
15
  color: theme.palette.getContrastText(theme.palette.primary.main),
16
16
  backgroundColor: theme.palette.primary.main,
17
17
  border: 'inherit',
18
- borderBottom: '1px solid ' + theme.palette.grey[500],
19
- borderRight: '1px solid ' + theme.palette.grey[500],
18
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
19
+ borderRight: 'thin solid ' + theme.palette.grey[500],
20
20
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
21
21
  verticalAlign: 'middle',
22
22
  '&:focus ': {
package/es/TableHtml5/section.js CHANGED
@@ -19,8 +19,8 @@ var useStyles = makeStyles(function (theme) {
19
19
  rowTitle: {
20
20
  backgroundColor: getLight(theme) || theme.palette.secondary.light,
21
21
  border: 'inherit',
22
- borderBottom: '1px solid ' + theme.palette.grey[500],
23
- borderRight: '1px solid ' + theme.palette.grey[500],
22
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
23
+ borderRight: 'thin solid ' + theme.palette.grey[500],
24
24
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
25
25
  color: theme.palette.grey['A700'],
26
26
  verticalAlign: 'middle'
@@ -30,8 +30,8 @@ var useStyles = makeStyles(function (theme) {
30
30
  backgroundColor: theme.palette.grey[200],
31
31
  verticalAlign: 'top',
32
32
  border: 'inherit',
33
- borderBottom: '1px solid ' + theme.palette.grey[500],
34
- borderRight: '1px solid ' + theme.palette.grey[500],
33
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
34
+ borderRight: 'thin solid ' + theme.palette.grey[500],
35
35
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
36
36
  position: 'sticky',
37
37
  zIndex: 1
package/es/TableHtml5/sectionHeader.js CHANGED
@@ -17,8 +17,8 @@ var useStyles = makeStyles(function (theme) {
17
17
  section: {
18
18
  backgroundColor: getDark(theme) || theme.palette.secondary.dark,
19
19
  border: 'inherit',
20
- borderBottom: '1px solid ' + theme.palette.grey[500],
21
- borderRight: '1px solid ' + theme.palette.grey[500],
20
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
21
+ borderRight: 'thin solid ' + theme.palette.grey[500],
22
22
  padding: theme.spacing(0, 1),
23
23
  color: theme.palette.grey['A700'],
24
24
  verticalAlign: 'middle',
package/es/TableHtml5/subHeader.js CHANGED
@@ -14,8 +14,8 @@ var useStyles = makeStyles(function (theme) {
14
14
  columnsTitle: {
15
15
  backgroundColor: getLight(theme) || theme.palette.secondary.light,
16
16
  border: 'inherit',
17
- borderBottom: '1px solid ' + theme.palette.grey[500],
18
- borderRight: '1px solid ' + theme.palette.grey[500],
17
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
18
+ borderRight: 'thin solid ' + theme.palette.grey[500],
19
19
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
20
20
  color: theme.palette.grey['A700'],
21
21
  verticalAlign: 'middle',
@@ -25,8 +25,8 @@ var useStyles = makeStyles(function (theme) {
25
25
  fillerCell: {
26
26
  backgroundColor: theme.palette.grey[200],
27
27
  border: 'inherit',
28
- borderBottom: '1px solid ' + theme.palette.grey[500],
29
- borderRight: '1px solid ' + theme.palette.grey[500],
28
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
29
+ borderRight: 'thin solid ' + theme.palette.grey[500],
30
30
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
31
31
  verticalAlign: 'middle',
32
32
  textAlign: 'center',
package/es/theme.js CHANGED
@@ -255,7 +255,7 @@ export var sisccTheme = function sisccTheme(_ref) {
255
255
  color: '#494444'
256
256
  },
257
257
  disclaimer: {
258
- color: outerPalette.highlight1 || innerPalette.highlight1
258
+ backgroundColor: outerPalette.highlight1 || innerPalette.highlight1
259
259
  },
260
260
  subtitle: {
261
261
  color: '#494444',
package/lib/DataHeader/DataHeader.js CHANGED
@@ -101,9 +101,12 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
101
101
  }
102
102
  }),
103
103
  disclaimer: _extends({
104
- marginLeft: theme.spacing(0.5),
105
- width: 'unset',
106
- fontSize: 'inherit'
104
+ padding: theme.spacing(0.5),
105
+ fontSize: function fontSize(_ref4) {
106
+ var isWidthLess = _ref4.isWidthLess;
107
+ return R.cond([[R.always(isWidthLess(_theme.T4_BREAKPOINTS.xs3)), R.always(12)], [R.always(isWidthLess(_theme.T4_BREAKPOINTS.sm)), R.always(13)]])(14);
108
+ },
109
+ lineHeight: 1.5
107
110
  }, R.pathOr({}, ['mixins', 'dataHeader', 'disclaimer'], theme)),
108
111
  infoIcon: {
109
112
  height: '0.8em',
@@ -144,19 +147,19 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
144
147
  };
145
148
  });
146
149
 
147
- var DataHeader = function DataHeader(_ref4) {
150
+ var DataHeader = function DataHeader(_ref5) {
148
151
  var _cx;
149
152
 
150
- var children = _ref4.children,
151
- title = _ref4.title,
152
- _ref4$subtitle = _ref4.subtitle,
153
- subtitle = _ref4$subtitle === undefined ? [] : _ref4$subtitle,
154
- uprs = _ref4.uprs,
155
- disclaimer = _ref4.disclaimer,
156
- sideProps = _ref4.sideProps,
157
- SideIcon = _ref4.SideIcon,
158
- _ref4$isSticky = _ref4.isSticky,
159
- isSticky = _ref4$isSticky === undefined ? false : _ref4$isSticky;
153
+ var children = _ref5.children,
154
+ title = _ref5.title,
155
+ _ref5$subtitle = _ref5.subtitle,
156
+ subtitle = _ref5$subtitle === undefined ? [] : _ref5$subtitle,
157
+ uprs = _ref5.uprs,
158
+ disclaimer = _ref5.disclaimer,
159
+ sideProps = _ref5.sideProps,
160
+ SideIcon = _ref5.SideIcon,
161
+ _ref5$isSticky = _ref5.isSticky,
162
+ isSticky = _ref5$isSticky === undefined ? false : _ref5$isSticky;
160
163
 
161
164
  var target = _react2.default.useRef(null);
162
165
 
@@ -191,27 +194,7 @@ var DataHeader = function DataHeader(_ref4) {
191
194
  { className: classes.sideIconContainer },
192
195
  _react2.default.createElement(SideIcon, { sideProps: sideProps })
193
196
  ),
194
- _react2.default.createElement(_Flags2.default, { classes: classes, content: R.propOr([], 'flags', title) }),
195
- disclaimer && _react2.default.createElement(
196
- _.Tooltip,
197
- {
198
- className: (0, _classnames2.default)(classes.title, classes.disclaimer),
199
- title: disclaimer,
200
- tabIndex: 0,
201
- 'data-testid': 'data-header-disclaimer',
202
- variant: 'warning',
203
- 'aria-hidden': false,
204
- placement: 'bottom',
205
- PopperProps: {
206
- modifiers: {
207
- flip: {
208
- behavior: ['bottom', 'top', 'left', 'right']
209
- }
210
- }
211
- }
212
- },
213
- _react2.default.createElement(_.Warning, { pathBackgroundColor: warningColor, pathColor: warningTextColor })
214
- )
197
+ _react2.default.createElement(_Flags2.default, { classes: classes, content: R.propOr([], 'flags', title) })
215
198
  ),
216
199
  isWidthUp(_theme.T4_BREAKPOINTS.xs3) && subtitle && R.not(R.isEmpty(subtitle)) && _react2.default.createElement(
217
200
  'div',
@@ -240,6 +223,11 @@ var DataHeader = function DataHeader(_ref4) {
240
223
  { className: classes.subtitle },
241
224
  _react2.default.createElement(_Title2.default, { header: uprs.header }),
242
225
  uprs.label
226
+ ),
227
+ isWidthUp(_theme.T4_BREAKPOINTS.xs3) && disclaimer && _react2.default.createElement(
228
+ _Typography2.default,
229
+ { 'data-testid': 'data-header-disclaimer', className: classes.disclaimer },
230
+ disclaimer
243
231
  )
244
232
  ),
245
233
  _react2.default.createElement(
package/lib/Loading/Loading.js CHANGED
@@ -6,6 +6,10 @@ var _react = require('react');
6
6
 
7
7
  var _react2 = _interopRequireDefault(_react);
8
8
 
9
+ var _ramda = require('ramda');
10
+
11
+ var R = _interopRequireWildcard(_ramda);
12
+
9
13
  var _classnames = require('classnames');
10
14
 
11
15
  var _classnames2 = _interopRequireDefault(_classnames);
@@ -20,6 +24,8 @@ var _Typography = require('@material-ui/core/Typography');
20
24
 
21
25
  var _Typography2 = _interopRequireDefault(_Typography);
22
26
 
27
+ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
28
+
23
29
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
24
30
 
25
31
  var useStyles = (0, _styles.makeStyles)(function (theme) {
@@ -37,13 +43,12 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
37
43
  height: ' 48px',
38
44
  borderStyle: 'solid',
39
45
  borderWidth: '5px',
40
- borderColor: theme.palette.primary.main,
41
- borderBottomColor: 'transparent',
42
46
  borderRadius: '50%',
43
47
  display: 'inline-block',
44
48
  boxSizing: 'border-box',
45
49
  animation: '$rotate 1s linear infinite',
46
- margin: theme.spacing(2)
50
+ margin: theme.spacing(2),
51
+ borderBottomColor: 'transparent !important'
47
52
  },
48
53
  '@keyframes rotate': {
49
54
  '0%': {
@@ -54,8 +59,13 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
54
59
  }
55
60
  },
56
61
  warning: {
57
- borderColor: theme.palette.warning.main,
58
- borderBottomColor: 'transparent'
62
+ borderColor: theme.palette.warning.main
63
+ },
64
+ primaryColor: {
65
+ borderColor: theme.palette.primary.main
66
+ },
67
+ secondaryColor: {
68
+ borderColor: theme.palette.secondary.main
59
69
  }
60
70
  };
61
71
  });
@@ -65,14 +75,20 @@ var Loading = function Loading(_ref) {
65
75
 
66
76
  var message = _ref.message,
67
77
  _ref$isWarning = _ref.isWarning,
68
- isWarning = _ref$isWarning === undefined ? false : _ref$isWarning;
78
+ isWarning = _ref$isWarning === undefined ? false : _ref$isWarning,
79
+ _ref$variant = _ref.variant,
80
+ variant = _ref$variant === undefined ? 'primary' : _ref$variant,
81
+ color = _ref.color;
69
82
 
70
83
  var classes = useStyles();
71
84
 
72
85
  return _react2.default.createElement(
73
86
  'div',
74
87
  { className: classes.root },
75
- _react2.default.createElement('div', { className: (0, _classnames2.default)(classes.circularProgress, (_cx = {}, _cx[classes.warning] = isWarning, _cx)) }),
88
+ _react2.default.createElement('div', {
89
+ style: { color: R.isNil(color) ? undefined : color },
90
+ className: (0, _classnames2.default)(classes.circularProgress, (_cx = {}, _cx[classes[variant + 'Color']] = !R.isNil(variant) && R.isNil(color) && !isWarning, _cx[classes.warning] = isWarning, _cx))
91
+ }),
76
92
  _react2.default.createElement(
77
93
  _Typography2.default,
78
94
  { variant: 'subtitle1', noWrap: true, align: 'center' },
@@ -83,6 +99,8 @@ var Loading = function Loading(_ref) {
83
99
 
84
100
  Loading.propTypes = process.env.NODE_ENV !== "production" ? {
85
101
  message: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
102
+ variant: _propTypes2.default.string,
103
+ color: _propTypes2.default.string,
86
104
  isWarning: _propTypes2.default.bool
87
105
  } : {};
88
106
 
package/lib/TableHtml5/TableHtml5.js CHANGED
@@ -55,8 +55,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
55
55
  return {
56
56
  table: {
57
57
  borderCollapse: 'separate',
58
- borderLeft: '1px solid ' + theme.palette.grey[500],
59
- borderTop: '1px solid ' + theme.palette.grey[500]
58
+ borderLeft: 'thin solid ' + theme.palette.grey[500],
59
+ borderTop: 'thin solid ' + theme.palette.grey[500]
60
60
  },
61
61
  stickyHeader: {
62
62
  position: 'sticky',
package/lib/TableHtml5/cell.js CHANGED
@@ -41,8 +41,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
41
41
  var useStyles = (0, _styles.makeStyles)(function (theme) {
42
42
  return {
43
43
  cell: {
44
- borderBottom: '1px solid ' + theme.palette.grey[500],
45
- borderRight: '1px solid ' + theme.palette.grey[500],
44
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
45
+ borderRight: 'thin solid ' + theme.palette.grey[500],
46
46
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
47
47
  verticalAlign: 'baseline',
48
48
  color: theme.palette.grey['A700'],
@@ -56,7 +56,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
56
56
  },
57
57
  highlight: theme.mixins.table.cellHighlight,
58
58
  oneCell: {
59
- border: '1px solid ' + theme.palette.grey[500],
59
+ border: 'thin solid ' + theme.palette.grey[500],
60
60
  display: 'block' // MUI TableCell is inline-block
61
61
  },
62
62
  link: {
package/lib/TableHtml5/header.js CHANGED
@@ -48,8 +48,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
48
48
  color: theme.palette.getContrastText(theme.palette.primary.main),
49
49
  backgroundColor: theme.palette.primary.main,
50
50
  border: 'inherit',
51
- borderBottom: '1px solid ' + theme.palette.grey[500],
52
- borderRight: '1px solid ' + theme.palette.grey[500],
51
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
52
+ borderRight: 'thin solid ' + theme.palette.grey[500],
53
53
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
54
54
  verticalAlign: 'middle',
55
55
  '&:focus ': {
package/lib/TableHtml5/section.js CHANGED
@@ -61,8 +61,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
61
61
  rowTitle: {
62
62
  backgroundColor: (0, _utils.getLight)(theme) || theme.palette.secondary.light,
63
63
  border: 'inherit',
64
- borderBottom: '1px solid ' + theme.palette.grey[500],
65
- borderRight: '1px solid ' + theme.palette.grey[500],
64
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
65
+ borderRight: 'thin solid ' + theme.palette.grey[500],
66
66
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
67
67
  color: theme.palette.grey['A700'],
68
68
  verticalAlign: 'middle'
@@ -72,8 +72,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
72
72
  backgroundColor: theme.palette.grey[200],
73
73
  verticalAlign: 'top',
74
74
  border: 'inherit',
75
- borderBottom: '1px solid ' + theme.palette.grey[500],
76
- borderRight: '1px solid ' + theme.palette.grey[500],
75
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
76
+ borderRight: 'thin solid ' + theme.palette.grey[500],
77
77
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
78
78
  position: 'sticky',
79
79
  zIndex: 1
package/lib/TableHtml5/sectionHeader.js CHANGED
@@ -53,8 +53,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
53
53
  section: {
54
54
  backgroundColor: (0, _utils.getDark)(theme) || theme.palette.secondary.dark,
55
55
  border: 'inherit',
56
- borderBottom: '1px solid ' + theme.palette.grey[500],
57
- borderRight: '1px solid ' + theme.palette.grey[500],
56
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
57
+ borderRight: 'thin solid ' + theme.palette.grey[500],
58
58
  padding: theme.spacing(0, 1),
59
59
  color: theme.palette.grey['A700'],
60
60
  verticalAlign: 'middle',
package/lib/TableHtml5/subHeader.js CHANGED
@@ -47,8 +47,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
47
47
  columnsTitle: {
48
48
  backgroundColor: (0, _utils.getLight)(theme) || theme.palette.secondary.light,
49
49
  border: 'inherit',
50
- borderBottom: '1px solid ' + theme.palette.grey[500],
51
- borderRight: '1px solid ' + theme.palette.grey[500],
50
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
51
+ borderRight: 'thin solid ' + theme.palette.grey[500],
52
52
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
53
53
  color: theme.palette.grey['A700'],
54
54
  verticalAlign: 'middle',
@@ -58,8 +58,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
58
58
  fillerCell: {
59
59
  backgroundColor: theme.palette.grey[200],
60
60
  border: 'inherit',
61
- borderBottom: '1px solid ' + theme.palette.grey[500],
62
- borderRight: '1px solid ' + theme.palette.grey[500],
61
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
62
+ borderRight: 'thin solid ' + theme.palette.grey[500],
63
63
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
64
64
  verticalAlign: 'middle',
65
65
  textAlign: 'center',
package/lib/theme.js CHANGED
@@ -258,7 +258,7 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
258
258
  color: '#494444'
259
259
  },
260
260
  disclaimer: {
261
- color: outerPalette.highlight1 || innerPalette.highlight1
261
+ backgroundColor: outerPalette.highlight1 || innerPalette.highlight1
262
262
  },
263
263
  subtitle: {
264
264
  color: '#494444',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "7.12.1",
3
+ "version": "7.13.1",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",