@canonical/react-components 2.16.0 → 2.16.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 (7) hide show
  1. package/dist/components/ScrollableTable/ScrollableTable.scss +4 -4
  2. package/dist/components/ScrollableTable/ScrollableTable.stories.js +5 -0
  3. package/dist/esm/components/ScrollableTable/ScrollableTable.scss +4 -4
  4. package/dist/esm/components/ScrollableTable/ScrollableTable.stories.js +5 -0
  5. package/dist/esm/utils.js +1 -2
  6. package/dist/utils.js +1 -2
  7. package/package.json +1 -1
package/dist/components/ScrollableTable/ScrollableTable.scss CHANGED
@@ -45,12 +45,12 @@
45
45
  display: block;
46
46
  }
47
47
 
48
- tbody tr {
49
- display: block;
48
+ tbody {
49
+ display: grid;
50
50
  }
51
51
 
52
- tbody tr:first-child {
53
- margin-top: $spv--x-large;
52
+ tbody tr {
53
+ display: block;
54
54
  }
55
55
  }
56
56
  }
package/dist/components/ScrollableTable/ScrollableTable.stories.js CHANGED
@@ -76,6 +76,11 @@ const Responsive = exports.Responsive = {
76
76
  parameters: {
77
77
  docs: {
78
78
  page: () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_blocks.Title, null), /*#__PURE__*/_react.default.createElement(_blocks.Subtitle, null), /*#__PURE__*/_react.default.createElement(_blocks.Description, null))
79
+ },
80
+ // Percy settings to capture at multiple widths
81
+ percy: {
82
+ responsiveSnapshotCapture: true,
83
+ widths: [768, 1280]
79
84
  }
80
85
  }
81
86
  };
package/dist/esm/components/ScrollableTable/ScrollableTable.scss CHANGED
@@ -45,12 +45,12 @@
45
45
  display: block;
46
46
  }
47
47
 
48
- tbody tr {
49
- display: block;
48
+ tbody {
49
+ display: grid;
50
50
  }
51
51
 
52
- tbody tr:first-child {
53
- margin-top: $spv--x-large;
52
+ tbody tr {
53
+ display: block;
54
54
  }
55
55
  }
56
56
  }
package/dist/esm/components/ScrollableTable/ScrollableTable.stories.js CHANGED
@@ -73,6 +73,11 @@ export var Responsive = {
73
73
  parameters: {
74
74
  docs: {
75
75
  page: () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, null), /*#__PURE__*/React.createElement(Subtitle, null), /*#__PURE__*/React.createElement(Description, null))
76
+ },
77
+ // Percy settings to capture at multiple widths
78
+ percy: {
79
+ responsiveSnapshotCapture: true,
80
+ widths: [768, 1280]
76
81
  }
77
82
  }
78
83
  };
package/dist/esm/utils.js CHANGED
@@ -45,8 +45,7 @@ export var getElementAbsoluteHeight = element => {
45
45
  }
46
46
  var style = window.getComputedStyle(element);
47
47
  var margin = toFloat(style.marginTop) + toFloat(style.marginBottom);
48
- var padding = toFloat(style.paddingTop) + toFloat(style.paddingBottom);
49
- return element.offsetHeight + margin + padding + 1;
48
+ return element.offsetHeight + margin + 1;
50
49
  };
51
50
  export var getAbsoluteHeightBelowById = belowId => {
52
51
  var element = belowId ? document.getElementById(belowId) : undefined;
package/dist/utils.js CHANGED
@@ -55,8 +55,7 @@ const getElementAbsoluteHeight = element => {
55
55
  }
56
56
  const style = window.getComputedStyle(element);
57
57
  const margin = toFloat(style.marginTop) + toFloat(style.marginBottom);
58
- const padding = toFloat(style.paddingTop) + toFloat(style.paddingBottom);
59
- return element.offsetHeight + margin + padding + 1;
58
+ return element.offsetHeight + margin + 1;
60
59
  };
61
60
  exports.getElementAbsoluteHeight = getElementAbsoluteHeight;
62
61
  const getAbsoluteHeightBelowById = belowId => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@canonical/react-components",
3
- "version": "2.16.0",
3
+ "version": "2.16.1",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "author": {