fix(Block): Block maxWidth causes propType warning when passing "none" even though it's a valid value

* fix #310

* Update index.js

Co-authored-by: Nathan Young <[email protected]>

Author: github-actions[bot]

src/Components/Block/Block.js

@@ -15,6 +15,7 @@ import {
   colorType,
   dimensionType,
   itemSpacingType,
+  maxDimensionType,
   orderType,
   overflowType,
   radiusType,
@@ -259,7 +260,7 @@ const propTypes = {
    *
    * For responsive behavior, pass an array with length up to 4, with a valid value for each element.
    */
-  maxWidth: dimensionType,
+  maxWidth: maxDimensionType,
   /**
    *  Controls the order in which the item appears in a flex container
    *

src/Types/index.js

@@ -9,9 +9,7 @@ export { default as orderType } from './OrderType';
 export { default as radiusType } from './RadiusType';
 export { default as spacingType } from './SpacingType';
 export { default as textSizeType } from './TextSizeType';
-export {
-  default as boolRequiresOtherProp,
-} from './BoolRequiresOtherProp';
+export { default as boolRequiresOtherProp } from './BoolRequiresOtherProp';
 export { default as requiresOtherProp } from './RequiresOtherProp';
 
 export const colorType = PropTypes.oneOf([
@@ -150,12 +148,20 @@ const validDimensions = [
   '100',
 ];
 
+const validMaxDimensions = ['none', ...validDimensions];
+
 export const dimensionType = PropTypes.oneOfType([
   PropTypes.oneOf(validDimensions),
   PropTypes.string,
   PropTypes.arrayOf(PropTypes.oneOf(validDimensions)),
 ]);
 
+export const maxDimensionType = PropTypes.oneOfType([
+  PropTypes.oneOf(validMaxDimensions),
+  PropTypes.string,
+  PropTypes.arrayOf(PropTypes.oneOf(validMaxDimensions)),
+]);
+
 export const placementType = PropTypes.oneOf([
   'auto',
   'auto-start',