@mw-kit/mw-ui 1.7.60 → 1.7.62

package/dist/index.modern.js

@@ -17877,14 +17877,17 @@ var Col = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLi
   return css(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n    "])));
 });
 
-var Col$1 = function Col$1(props) {
+var Col$1 = React__default.forwardRef(function (props, ref) {
   var context = useContext$2();
 
   var _props = _extends({}, context.cols, props);
 
   var colProps = filterObject(_props, ['ellipsis', 'children']);
-  return React__default.createElement(Col, Object.assign({}, colProps), _props.ellipsis ? React__default.createElement(EllipsisContainer$1, null, _props.children) : _props.children);
-};
+  return React__default.createElement(Col, Object.assign({
+    ref: ref
+  }, colProps), _props.ellipsis ? React__default.createElement(EllipsisContainer$1, null, _props.children) : _props.children);
+});
+Col$1.displayName = 'Col';
 
 var Provider$3 = React__default.createContext({
   rows: {},
@@ -17907,7 +17910,7 @@ var Grid = styled.div(_templateObject$N || (_templateObject$N = _taggedTemplateL
   return css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n      border: 1px solid ", ";\n    "])), lightestGrey);
 });
 
-var Grid$1 = function Grid$1(props) {
+var Grid$1 = React__default.forwardRef(function (props, ref) {
   var cols = props.cols || {};
   var rows = props.rows || {};
   var gridProps = filterObject(props, ['cols', 'rows']);
@@ -17916,8 +17919,11 @@ var Grid$1 = function Grid$1(props) {
       rows: rows,
       cols: cols
     }
-  }, React__default.createElement(Grid, Object.assign({}, gridProps)));
-};
+  }, React__default.createElement(Grid, Object.assign({
+    ref: ref
+  }, gridProps)));
+});
+Grid$1.displayName = 'Grid';
 
 var _templateObject$O, _templateObject2$B, _templateObject3$u, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
 var horizontalAligns = {
@@ -17964,7 +17970,7 @@ var Row = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLi
   }
 
   var config = striped === true ? {
-    even: ['lightestGrey', 50]
+    even: ['ghostWhite', 50]
   } : striped;
   var colors = Object.keys(config).reduce(function (prev, key) {
     var _extends2;
@@ -17985,9 +17991,9 @@ var Row = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLi
   return c;
 }, function (_ref7) {
   var borderless = _ref7.borderless,
-      lightestGrey = _ref7.theme.colors.lightestGrey;
+      platinum = _ref7.theme.colors.platinum;
   if (borderless) return;
-  return css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    "])), lightestGrey);
+  return css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n      border-bottom: 1px solid ", ";\n      :last-child {\n        border-bottom: 1px solid transparent;\n      }\n    "])), platinum);
 }, function (_ref8) {
   var hover = _ref8.hover,
       theme = _ref8.theme;
@@ -17997,7 +18003,7 @@ var Row = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLi
   return css(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteralLoose(["\n      :hover {\n        background-color: ", ";\n      }\n    "])), c);
 });
 
-var Row$1 = function Row$1(props) {
+var Row$1 = React__default.forwardRef(function (props, ref) {
   var context = useContext$3();
 
   var cols = _extends({}, props.cols || {}, context.cols);
@@ -18007,8 +18013,11 @@ var Row$1 = function Row$1(props) {
     value: {
       cols: cols
     }
-  }, React__default.createElement(Row, Object.assign({}, rowProps)));
-};
+  }, React__default.createElement(Row, Object.assign({
+    ref: ref
+  }, rowProps)));
+});
+Row$1.displayName = 'Row';
 
 var Grid$2 = Object.assign(Grid$1, {
   Row: Row$1,