@telus-uds/components-base 1.65.0 → 1.67.0

package/lib/FlexGrid/Col/Col.js

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _systemConstants = require("@telus-uds/system-constants");
-
 var _GutterContext = _interopRequireDefault(require("../providers/GutterContext"));
-
 var _ViewportProvider = require("../../ViewportProvider");
-
 var _helpers = _interopRequireDefault(require("../helpers"));
-
 var _utils = require("../../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const Col = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     horizontalAlign,
@@ -51,30 +37,23 @@ const Col = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const gutter = (0, _react.useContext)(_GutterContext.default);
   const viewPort = (0, _ViewportProvider.useViewport)();
   const hiddenLevels = (0, _helpers.default)([xs, sm, md, lg, xl]);
-
   const getHorizontalAlignLevel = () => {
     if (typeof horizontalAlign === 'object') {
       return (0, _helpers.default)([horizontalAlign.xs, horizontalAlign.sm, horizontalAlign.md, horizontalAlign.lg, horizontalAlign.xl]);
     }
-
     if (typeof horizontalAlign === 'string') {
       return [horizontalAlign, horizontalAlign, horizontalAlign, horizontalAlign, horizontalAlign];
     }
-
     return ['inherit', 'inherit', 'inherit', 'inherit', 'inherit'];
   };
-
   const horizontalAlignLevel = getHorizontalAlignLevel();
-
   const toPercent = num => {
     return `${num / 12 * 100}%`;
   };
-
   const calculateWidth = value => {
     if (typeof value === 'undefined') {
       return {};
     }
-
     if (typeof value === 'number') {
       const percent = toPercent(value);
       return {
@@ -82,14 +61,12 @@ const Col = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         flexBasis: percent
       };
     }
-
     return {
       flexGrow: 1,
       flexBasis: 0,
       maxWidth: '100%'
     };
   };
-
   const calculateOffset = value => {
     if (typeof value === 'number') {
       const percent = toPercent(value);
@@ -97,69 +74,62 @@ const Col = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         marginLeft: percent
       };
     }
-
     return {};
   };
-
   const sizeStyles = sizes => {
     const currViewport = Object.keys(sizes).find(key => key.startsWith(viewPort));
     const currSize = sizes[currViewport];
-    return { ...calculateWidth(currSize)
+    return {
+      ...calculateWidth(currSize)
     };
   };
-
   const offsetStyles = offsets => {
     const currViewport = Object.keys(offsets).find(key => key.startsWith(viewPort));
     const currOffset = offsets[currViewport];
-    return { ...calculateOffset(currOffset)
+    return {
+      ...calculateOffset(currOffset)
     };
   };
-
   const gutterPadding = {
     paddingLeft: gutter ? 16 : 0,
     paddingRight: gutter ? 16 : 0
   };
-  let hidingStyles = {}; // TODO: consider setting this to always 'flex' in a major release.
+  let hidingStyles = {};
+
+  // TODO: consider setting this to always 'flex' in a major release.
   // `display: block` is invalid in native apps.
   // See https://telusdigital.atlassian.net/browse/UDS1-92
-
   const shown = !flex && _Platform.default.OS === 'web' ? 'block' : 'flex';
-
   if (viewPort === _systemConstants.viewports.xs) {
     hidingStyles = {
       display: hiddenLevels[0] === 0 ? 'none' : shown,
       textAlign: horizontalAlignLevel[0]
     };
   }
-
   if (viewPort === _systemConstants.viewports.sm) {
     hidingStyles = {
       display: hiddenLevels[1] === 0 ? 'none' : shown,
       textAlign: horizontalAlignLevel[1]
     };
   }
-
   if (viewPort === _systemConstants.viewports.md) {
     hidingStyles = {
       display: hiddenLevels[2] === 0 ? 'none' : shown,
       textAlign: horizontalAlignLevel[2]
     };
   }
-
   if (viewPort === _systemConstants.viewports.lg) {
     hidingStyles = {
       display: hiddenLevels[3] === 0 ? 'none' : shown,
       textAlign: horizontalAlignLevel[3]
     };
   }
-
   if (viewPort === _systemConstants.viewports.xl) {
     hidingStyles = {
       display: hiddenLevels[4] === 0 ? 'none' : shown,
       textAlign: horizontalAlignLevel[4]
     };
   }
-
   const sizesArray = [xs, sm, md, lg, xl];
   const offSetsArray = [xsOffset, smOffset, mdOffset, lgOffset, xlOffset];
   const sizesWithIheritance = (0, _helpers.default)(sizesArray);
@@ -181,13 +151,13 @@ const Col = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.BaseView, {
     ref: ref,
     ...viewProps,
-    style: [styles.col, gutterPadding, offsetStyles(offsets), sizeStyles(sizes), { ...hidingStyles
+    style: [styles.col, gutterPadding, offsetStyles(offsets), sizeStyles(sizes), {
+      ...hidingStyles
     }],
     children: children
   });
 });
 Col.displayName = 'Col';
-
 const styles = _StyleSheet.default.create({
   col: {
     flexGrow: 1,
@@ -196,13 +166,12 @@ const styles = _StyleSheet.default.create({
     maxWidth: '100%'
   }
 });
+
 /*
  * We're disabling default props since passing undefined props to
  * the react-flexbox-grid component sets up blank classes that may cause
  * styling issues.
  */
-
-
 Col.propTypes = {
   /**
    * Specify number of columns within the 'xs' breakpoint range. `0` hides the column.
@@ -212,7 +181,6 @@ Col.propTypes = {
    *
    */
   xs: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
-
   /**
    * Specify number of columns within the 'sm' breakpoint range. `0` hides the column.
    *
@@ -221,7 +189,6 @@ Col.propTypes = {
    *
    */
   sm: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
-
   /**
    * Specify number of columns within the 'md' breakpoint range. `0` hides the column.
    *
@@ -230,7 +197,6 @@ Col.propTypes = {
    *
    */
   md: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
-
   /**
    * Specify number of columns within the 'lg' breakpoint range. `0` hides the column.
    *
@@ -239,7 +205,6 @@ Col.propTypes = {
    *
    */
   lg: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
-
   /**
    * Specify number of columns after the 'xl' breakpoint. `0` hides the column.
    *
@@ -248,41 +213,34 @@ Col.propTypes = {
    *
    */
   xl: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
-
   /**
    * Offset the specified number of columns within the 'xs' breakpoint range. `0` hides the column.
    *
    */
   xsOffset: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
-
   /**
    * Offset the specified number of columns within the 'sm' breakpoint range.
    *
    */
   smOffset: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
-
   /**
    * Offset the specified number of columns within the 'md' breakpoint range.
    *
    */
   mdOffset: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
-
   /**
    * Offset the specified number of columns within the 'lg' breakpoint range.
    *
    */
   lgOffset: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
-
   /**
    * Offset the specified number of columns within the 'xl' breakpoint range.
    */
   xlOffset: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
-
   /**
    * The columns of the Grid. Will typically be `FlexGrid.Col` components.
    */
   children: _propTypes.default.node.isRequired,
-
   /**
    *
    * Align content horizontally within the column.
@@ -290,7 +248,6 @@ Col.propTypes = {
    * Accepts a `PropType.string` following the [responsive prop](#/Layout?id=responsive) structure.
    */
   horizontalAlign: _utils.responsiveProps.getTypeOptionallyByViewport(_propTypes.default.oneOf(['left', 'center', 'right'])),
-
   /**
    * (web only) Stretches the column to fill vertical space using `display: flex`.
    * In native apps, FlexGrid.Col behaves as if this is always true (as do all `View`s).

package/lib/FlexGrid/Col/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Col = _interopRequireDefault(require("./Col"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _Col.default;
 exports.default = _default;

package/lib/FlexGrid/FlexGrid.js

@@ -4,36 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _systemConstants = require("@telus-uds/system-constants");
-
 var _utils = require("../utils");
-
 var _Row = _interopRequireDefault(require("./Row"));
-
 var _Col = _interopRequireDefault(require("./Col"));
-
 var _ViewportProvider = require("../ViewportProvider");
-
 var _GutterContext = _interopRequireDefault(require("./providers/GutterContext"));
-
 var _helpers = _interopRequireDefault(require("./helpers"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
+
 /**
  * A mobile-first flexbox grid.
  */
@@ -60,32 +46,26 @@ const FlexGrid = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const width = outsideGutter ? '100%' : 'auto';
   let flexDirection;
   let maxWidth;
-
   if (viewPort === _systemConstants.viewports.xs) {
     // no maxWidth for xs
     flexDirection = reverseLevel[0] ? 'column-reverse' : 'column';
   }
-
   if (viewPort === _systemConstants.viewports.sm) {
     maxWidth = limitWidth && _systemConstants.viewports.map.get(_systemConstants.viewports.sm);
     flexDirection = reverseLevel[1] ? 'column-reverse' : 'column';
   }
-
   if (viewPort === _systemConstants.viewports.md) {
     maxWidth = limitWidth && _systemConstants.viewports.map.get(_systemConstants.viewports.md);
     flexDirection = reverseLevel[2] ? 'column-reverse' : 'column';
   }
-
   if (viewPort === _systemConstants.viewports.lg) {
     maxWidth = limitWidth && _systemConstants.viewports.map.get(_systemConstants.viewports.lg);
     flexDirection = reverseLevel[3] ? 'column-reverse' : 'column';
   }
-
   if (viewPort === _systemConstants.viewports.xl) {
     maxWidth = limitWidth && _systemConstants.viewports.map.get(_systemConstants.viewports.xl);
     flexDirection = reverseLevel[4] ? 'column-reverse' : 'column';
   }
-
   const props = {
     accessibilityRole,
     ...(0, _utils.getA11yPropsFromHtmlTag)(tag, accessibilityRole),
@@ -108,55 +88,45 @@ const FlexGrid = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 FlexGrid.displayName = 'FlexGrid';
-
 const styles = _StyleSheet.default.create({
   grid: {
     flexWrap: 'wrap'
   }
 });
-
-FlexGrid.propTypes = { ...selectedSystemPropTypes,
-
+FlexGrid.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Whether or not to give the grid a fixed width. This also centres the grid horizontally.
    */
   limitWidth: _propTypes.default.bool,
-
   /**
    * Whether or not to include gutters in between columns.
    */
   gutter: _propTypes.default.bool,
-
   /**
    * Whether or not to include gutter at the ends to the left and right of the FlexGrid
    */
   outsideGutter: _propTypes.default.bool,
-
   /**
    * Choose if the item order should be reversed from the 'xs' breakpoint. When you pass in false, the order will be normal from the xs breakpoint. By default, it inherits the behaviour set by the preceding prop.
    */
   xsReverse: _propTypes.default.bool,
-
   /**
    * Choose if the item order should be reversed from the 'sm' breakpoint. When you pass in false, the order will be normal from the sm breakpoint. By default, it inherits the behaviour set by the preceding prop.
    */
   smReverse: _propTypes.default.bool,
-
   /**
    * Choose if the item order should be reversed from the 'md' breakpoint. When you pass in false, the order will be normal from the md breakpoint. By default, it inherits the behaviour set by the preceding prop.
    */
   mdReverse: _propTypes.default.bool,
-
   /**
    * Choose if the item order should be reversed from the 'lg' breakpoint. When you pass in false, the order will be normal from the lg breakpoint. By default, it inherits the behaviour set by the preceding prop.
    */
   lgReverse: _propTypes.default.bool,
-
   /**
    * Choose if the item order should be reversed from the 'xl' breakpoint. When you pass in false, the order will be normal from the xl breakpoint. By default, it inherits the behaviour set by the preceding prop.
    */
   xlReverse: _propTypes.default.bool,
-
   /**
    * Optional semantic HTML tag, to apply to the container on web. Does not change styling.
    *
@@ -164,7 +134,6 @@ FlexGrid.propTypes = { ...selectedSystemPropTypes,
    * is not defined, the accessibilityRole will default to "heading".
    */
   tag: _propTypes.default.oneOf(_utils.layoutTags),
-
   /**
    * The rows and columns of the Grid. Will typically be `FlexGrid.Row` and `FlexGrid.Col` components.
    */

package/lib/FlexGrid/Row/Row.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _systemConstants = require("@telus-uds/system-constants");
-
 var _ViewportProvider = require("../../ViewportProvider");
-
 var _helpers = _interopRequireDefault(require("../helpers"));
-
 var _utils = require("../../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const horizontalAlignStyles = horizontalAlign => {
   switch (horizontalAlign) {
     case 'start':
@@ -34,63 +22,52 @@ const horizontalAlignStyles = horizontalAlign => {
         justifyContent: 'flex-start',
         textAlign: 'left'
       };
-
     case 'center':
       return {
         justifyContent: 'center',
         textAlign: 'center'
       };
-
     case 'end':
       return {
         justifyContent: 'flex-end',
         textAlign: 'right'
       };
-
     default:
       return {};
   }
 };
-
 const verticalAlignStyles = verticalAlign => {
   switch (verticalAlign) {
     case 'top':
       return {
         alignItems: 'flex-start'
       };
-
     case 'middle':
       return {
         alignItems: 'center'
       };
-
     case 'bottom':
       return {
         alignItems: 'flex-end'
       };
-
     default:
       return {};
   }
 };
-
 const distributeStyles = distribute => {
   switch (distribute) {
     case 'between':
       return {
         justifyContent: 'space-between'
       };
-
     case 'around':
       return {
         justifyContent: 'space-around'
       };
-
     default:
       return {};
   }
 };
-
 const Row = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     horizontalAlign,
@@ -108,32 +85,26 @@ const Row = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const reverseLevel = (0, _helpers.default)([xsReverse, smReverse, mdReverse, lgReverse, xlReverse]);
   let flexDirection = '';
   let flexWrap = '';
-
   if (viewPort === _systemConstants.viewports.xs) {
     flexDirection = reverseLevel[0] ? 'row-reverse' : 'row';
     flexWrap = reverseLevel[0] ? 'wrap-reverse' : 'wrap';
   }
-
   if (viewPort === _systemConstants.viewports.sm) {
     flexDirection = reverseLevel[1] ? 'row-reverse' : 'row';
     flexWrap = reverseLevel[1] ? 'wrap-reverse' : 'wrap';
   }
-
   if (viewPort === _systemConstants.viewports.md) {
     flexDirection = reverseLevel[2] ? 'row-reverse' : 'row';
     flexWrap = reverseLevel[2] ? 'wrap-reverse' : 'wrap';
   }
-
   if (viewPort === _systemConstants.viewports.lg) {
     flexDirection = reverseLevel[3] ? 'row-reverse' : 'row';
     flexWrap = reverseLevel[3] ? 'wrap-reverse' : 'wrap';
   }
-
   if (viewPort === _systemConstants.viewports.xl) {
     flexDirection = reverseLevel[4] ? 'row-reverse' : 'row';
     flexWrap = reverseLevel[4] ? 'wrap-reverse' : 'wrap';
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.BaseView, {
     ref: ref,
     ...rest,
@@ -148,7 +119,6 @@ const Row = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 Row.displayName = 'Row';
-
 const styles = _StyleSheet.default.create({
   row: {
     width: '100%',
@@ -160,43 +130,35 @@ const styles = _StyleSheet.default.create({
     flexDirection: 'row'
   }
 });
-
 Row.propTypes = {
   /**
    * Align columns horizontally within their row.
    */
   horizontalAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
-
   /**
    * Align columns vertically within their row.
    */
   verticalAlign: _propTypes.default.oneOf(['top', 'middle', 'bottom']),
-
   /**
    * Distribute empty space around columns.
    */
   distribute: _propTypes.default.oneOf(['around', 'between']),
-
   /**
    * Choose if the item order should be reversed from the 'xs' breakpoint. When you pass in false, the order will be normal from the xs breakpoint. By default, it inherits the behaviour set by the preceding prop.
    */
   xsReverse: _propTypes.default.bool,
-
   /**
    * Choose if the item order should be reversed from the 'sm' breakpoint. When you pass in false, the order will be normal from the sm breakpoint. By default, it inherits the behaviour set by the preceding prop.
    */
   smReverse: _propTypes.default.bool,
-
   /**
    * Choose if the item order should be reversed from the 'md' breakpoint. When you pass in false, the order will be normal from the md breakpoint. By default, it inherits the behaviour set by the preceding prop.
    */
   mdReverse: _propTypes.default.bool,
-
   /**
    * Choose if the item order should be reversed from the 'lg' breakpoint. When you pass in false, the order will be normal from the lg breakpoint. By default, it inherits the behaviour set by the preceding prop.
    */
   lgReverse: _propTypes.default.bool,
-
   /**
    * Choose if the item order should be reversed from the 'xl' breakpoint. When you pass in false, the order will be normal from the xl breakpoint. By default, it inherits the behaviour set by the preceding prop.
    */

package/lib/FlexGrid/Row/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Row = _interopRequireDefault(require("./Row"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _Row.default;
 exports.default = _default;

package/lib/FlexGrid/helpers/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 const applyInheritance = sizes => {
   let prevSize;
   return sizes.map((size, index) => {
@@ -12,15 +11,12 @@ const applyInheritance = sizes => {
       prevSize = size;
       return size;
     }
-
     if (index) {
       const value = prevSize;
       return value;
     }
-
     return undefined;
   });
 };
-
 var _default = applyInheritance;
 exports.default = _default;

package/lib/FlexGrid/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _FlexGrid = _interopRequireDefault(require("./FlexGrid"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _FlexGrid.default;
 exports.default = _default;

package/lib/FlexGrid/providers/GutterContext.js

@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const GutterContext = /*#__PURE__*/_react.default.createContext(false);
-
 var _default = GutterContext;
 exports.default = _default;