carbon-react 111.12.3 → 111.12.5

package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledFlatTableRowHeaderContent = exports.StyledFlatTableRowHeader = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _base = _interopRequireDefault(require("../../../style/themes/base"));
+
 var _color = require("../../../style/utils/color");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 verticalBorderSizes = {
   small: "1px",
   medium: "2px",

package/lib/components/flat-table/flat-table-row-header/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _flatTableRowHeader.default;
   }
 });
+
 var _flatTableRowHeader = _interopRequireDefault(require("./flat-table-row-header.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/flat-table/flat-table.component.js

@@ -4,17 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FlatTableThemeContext = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _flatTable = require("./flat-table.style");
+
 var _drawer = require("../drawer");
+
 var _utils = require("../../style/utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const FlatTableThemeContext = /*#__PURE__*/_react.default.createContext({});
+
 exports.FlatTableThemeContext = FlatTableThemeContext;
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
+
 const FlatTable = ({
   caption,
   children,
@@ -38,9 +49,11 @@ const FlatTable = ({
     isZebra,
     size
   };
+
   if (ariaDescribedby) {
     tableStylingProps["aria-describedby"] = ariaDescribedby;
   }
+
   return /*#__PURE__*/_react.default.createElement(_drawer.DrawerSidebarContext.Consumer, null, ({
     isInSidebar
   }) => /*#__PURE__*/_react.default.createElement(_flatTable.StyledFlatTableWrapper, _extends({
@@ -73,34 +86,48 @@ const FlatTable = ({
     hasStickyFooter: hasStickyFooter
   }, footer)));
 };
-FlatTable.propTypes = {
-  ...marginPropTypes,
+
+FlatTable.propTypes = { ...marginPropTypes,
+
   /** The HTML id of the element that contains a description of this table. */
   ariaDescribedby: _propTypes.default.string,
+
   /** A string to render as the table's caption */
   caption: _propTypes.default.string,
+
   /** FlatTableHead and FlatTableBody */
   children: _propTypes.default.node.isRequired,
+
   /** If true, the header does not scroll with the content */
   hasStickyHead: _propTypes.default.bool,
+
   /** `FlatTable` color theme */
   colorTheme: _propTypes.default.oneOf(["light", "transparent-base", "transparent-white", "dark"]),
+
   /** Content to be rendered at the foot of the table */
   footer: _propTypes.default.node,
+
   /** If true, the header does not scroll with the content */
   hasStickyFooter: _propTypes.default.bool,
+
   /** Set the height of the table. String can be any valid CSS string, numbers will be converted to pixels. */
   height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+
   /** Set the min-height of the table. A string can be any valid CSS string, numbers will be converted to pixels. */
   minHeight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+
   /** Toggles the zebra striping for the table rows */
   isZebra: _propTypes.default.bool,
+
   /** Used to define the tables size Renders as: 'compact', 'small', 'medium', 'large' and 'extraLarge' */
   size: _propTypes.default.oneOf(["compact", "small", "medium", "large", "extraLarge"]),
+
   /** Applies max-height of 100% to FlatTable if true */
   hasMaxHeight: _propTypes.default.bool,
+
   /** Set the overflow X of the table wrapper. Any valid CSS string */
   overflowX: _propTypes.default.string,
+
   /** Width of the table. Any valid CSS string */
   width: _propTypes.default.string
 };

package/lib/components/flat-table/flat-table.style.js

@@ -4,19 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledTableContainer = exports.StyledFlatTableFooter = exports.StyledFlatTable = exports.StyledFlatTableWrapper = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _flatTableHeader = _interopRequireDefault(require("./flat-table-header/flat-table-header.style"));
+
 var _flatTableRow = _interopRequireDefault(require("./flat-table-row/flat-table-row.style"));
+
 var _flatTableRowHeader = require("./flat-table-row-header/flat-table-row-header.style");
+
 var _flatTableHead = _interopRequireDefault(require("./flat-table-head/flat-table-head.style"));
+
 var _flatTableCheckbox = _interopRequireDefault(require("./flat-table-checkbox/flat-table-checkbox.style"));
+
 var _themes = require("../../style/themes");
+
 var _flatTableCell = require("./flat-table-cell/flat-table-cell.style");
+
 var _cellSizes = _interopRequireDefault(require("./cell-sizes.style"));
+
 var _box = _interopRequireDefault(require("../box"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 HEADER_OVERLAY_INCREMENT = 3;
 const STICKY_FOOTER_OVERLAY_INCREMENT = 1;
 const ROW_HEADER_OVERLAY_INCREMENT = 5;
@@ -138,6 +152,7 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
             border-left-color: var(--colorsUtilityMajor150);
           }
         `;
+
     case "transparent-base":
       return (0, _styledComponents.css)`
           ${_flatTableHeader.default},
@@ -153,6 +168,7 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
             border-left-color: var(--colorsUtilityMajor025);
           }
         `;
+
     case "transparent-white":
       return (0, _styledComponents.css)`
           ${_flatTableHeader.default},
@@ -169,6 +185,7 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
           }
         `;
     // default theme is "dark"
+
     default:
       return (0, _styledComponents.css)`
           ${_flatTableHead.default} ${_flatTableCheckbox.default},

package/lib/components/flat-table/index.js

@@ -63,14 +63,25 @@ Object.defineProperty(exports, "Sort", {
     return _sort.default;
   }
 });
+
 var _flatTable = _interopRequireDefault(require("./flat-table.component"));
+
 var _flatTableHead = _interopRequireDefault(require("./flat-table-head/flat-table-head.component"));
+
 var _flatTableHeader = _interopRequireDefault(require("./flat-table-header/flat-table-header.component"));
+
 var _flatTableBody = _interopRequireDefault(require("./flat-table-body/flat-table-body.component"));
+
 var _flatTableRow = _interopRequireDefault(require("./flat-table-row/flat-table-row.component"));
+
 var _flatTableRowHeader = _interopRequireDefault(require("./flat-table-row-header/flat-table-row-header.component"));
+
 var _flatTableCell = _interopRequireDefault(require("./flat-table-cell/flat-table-cell.component"));
+
 var _flatTableCheckbox = _interopRequireDefault(require("./flat-table-checkbox/flat-table-checkbox.component"));
+
 var _flatTableBodyDraggable = _interopRequireDefault(require("./flat-table-body-draggable/flat-table-body-draggable.component"));
+
 var _sort = _interopRequireDefault(require("./sort/sort.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/flat-table/sort/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _sort.default;
   }
 });
+
 var _sort = _interopRequireDefault(require("./sort.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/flat-table/sort/sort.component.js

@@ -4,28 +4,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
+
 var _icon = _interopRequireDefault(require("../../icon"));
+
 var _sort = require("./sort.style");
+
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 Sort = ({
   children,
   onClick,
   sortType
 }) => {
   const id = (0, _react.useRef)((0, _guid.default)());
+
   const onKeyDown = e => {
     if (_events.default.isEnterOrSpaceKey(e)) {
       e.preventDefault();
       return onClick();
     }
+
     return null;
   };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     hidden: true,
     id: id.current
@@ -42,11 +55,14 @@ const Sort = ({
     color: "--colorsUtilityMajor200"
   })), !sortType && /*#__PURE__*/_react.default.createElement(_sort.StyledSpaceHolder, null));
 };
+
 Sort.propTypes = {
   /** if `asc` it will show `sort_up` icon, if `desc` it will show `sort_down` */
   sortType: _propTypes.default.oneOf(["ascending", "descending", false]),
+
   /** Callback fired when the `FlatTableSortHeader` is clicked */
   onClick: _propTypes.default.func,
+
   /** The content of `FlatTableSortHeader` */
   children: _propTypes.default.node
 };

package/lib/components/flat-table/sort/sort.style.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledSpaceHolder = exports.StyledSort = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _icon = _interopRequireDefault(require("../../icon/icon.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledSort = _styledComponents.default.div`
   display: inline-flex;
   align-items: center;

package/lib/components/form/__internal__/form-summary.component.js

@@ -4,15 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Summary = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _formSummary = require("./form-summary.style");
+
 var _icon = _interopRequireDefault(require("../../icon"));
+
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const Summary = ({
   type,
   errorCount = 0,
@@ -24,6 +34,7 @@ const Summary = ({
     warningCount
   };
   const message = (0, _react.useMemo)(() => l.errors.messages.formSummary(errorCount, warningCount, type), [l.errors.messages, errorCount, warningCount, type]);
+
   if (messages[`${type}Count`]) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_formSummary.StyledMessagePrefix, null, message === null || message === void 0 ? void 0 : message[0]), /*#__PURE__*/_react.default.createElement(_formSummary.StyledInternalSummary, {
       type: type,
@@ -32,14 +43,17 @@ const Summary = ({
       type: type
     }), /*#__PURE__*/_react.default.createElement("span", null, message === null || message === void 0 ? void 0 : message[1])));
   }
+
   return null;
 };
+
 exports.Summary = Summary;
 Summary.propTypes = {
   "errorCount": _propTypes.default.number,
   "type": _propTypes.default.oneOf(["error", "warning"]).isRequired,
   "warningCount": _propTypes.default.number
 };
+
 const FormSummary = ({
   fullWidth,
   ...props
@@ -54,6 +68,7 @@ const FormSummary = ({
     type: "warning"
   }, props)), props.children);
 };
+
 FormSummary.propTypes = {
   "children": _propTypes.default.node,
   "errorCount": _propTypes.default.number,

package/lib/components/form/__internal__/form-summary.style.js

@@ -4,12 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledInternalSummary = exports.StyledMessagePrefix = exports.StyledFormSummary = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _icon = _interopRequireDefault(require("../../icon/icon.style"));
+
 var _button = _interopRequireDefault(require("../../button/button.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 StyledFormSummary = _styledComponents.default.div`
   display: inline-flex;
   align-items: center;

package/lib/components/form/form.component.js

@@ -4,16 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Form = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _sidebar = require("../sidebar/sidebar.component");
+
 var _modal = require("../modal/modal.component");
+
 var _formSummary = _interopRequireDefault(require("./__internal__/form-summary.component"));
+
 var _form = require("./form.style");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const Form = ({
   children,
   saveButton,
@@ -85,6 +96,7 @@ const Form = ({
     warningCount: warningCount
   }, saveButton))));
 };
+
 exports.Form = Form;
 Form.propTypes = {
   "buttonAlignment": _propTypes.default.oneOf(["left", "right"]),

package/lib/components/form/form.style.js

@@ -4,19 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledLeftButtons = exports.StyledFullWidthButtons = exports.StyledRightButtons = exports.StyledForm = exports.StyledFormFooter = exports.StyledFormContent = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _formField = _interopRequireDefault(require("../../__internal__/form-field/form-field.style"));
+
 var _fieldset = require("../../__internal__/fieldset/fieldset.style");
+
 var _button = _interopRequireDefault(require("../button/button.style"));
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _fieldset2 = require("../fieldset/fieldset.style");
+
 var _inlineInputs = _interopRequireDefault(require("../inline-inputs/inline-inputs.style"));
+
 var _search = _interopRequireDefault(require("../search/search.style"));
+
 var _textarea = _interopRequireDefault(require("../textarea/textarea.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 StyledFormContent = _styledComponents.default.div`
   ${({
   stickyFooter,
@@ -68,6 +82,7 @@ const StyledFormFooter = _styledComponents.default.div`
   `}
 `;
 exports.StyledFormFooter = StyledFormFooter;
+
 const formBottomMargins = fieldSpacing => ({
   0: "var(--spacing000)",
   1: "var(--spacing100)",
@@ -77,9 +92,9 @@ const formBottomMargins = fieldSpacing => ({
   5: "var(--spacing500)",
   6: "var(--spacing600)",
   7: "var(--spacing700)"
-})[fieldSpacing];
+})[fieldSpacing]; // Accounts for height of the header of Modal parent, the height form footer and some additional spacing
+
 
-// Accounts for height of the header of Modal parent, the height form footer and some additional spacing
 const HEIGHT_SPACING = 216;
 const StyledForm = _styledComponents.default.form`
   ${_styledSystem.space}

package/lib/components/form/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _form.default;
   }
 });
+
 var _form = _interopRequireDefault(require("./form.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/global-header/global-header.component.js

@@ -4,20 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _themes = require("../../style/themes");
+
 var _navigationBar = _interopRequireDefault(require("../navigation-bar/navigation-bar.style"));
+
 var _box = _interopRequireDefault(require("../box"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const StyledGlobalHeader = (0, _styledComponents.default)(_navigationBar.default).attrs(({
   theme
 }) => ({
-  theme: theme || /* istanbul ignore next */_themes.baseTheme
+  theme: theme ||
+  /* istanbul ignore next */
+  _themes.baseTheme
 }))`
   ${({
   theme
@@ -45,6 +58,7 @@ const StyledLogo = (0, _styledComponents.default)(_box.default)`
     margin-left: var(--spacing500);
   }
 `;
+
 const GlobalHeader = ({
   children,
   logo,
@@ -61,6 +75,7 @@ const GlobalHeader = ({
     "data-element": "global-header-logo-wrapper"
   }, logo), children);
 };
+
 GlobalHeader.propTypes = {
   "alignContent": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,

package/lib/components/global-header/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _globalHeader.default;
   }
 });
+
 var _globalHeader = _interopRequireDefault(require("./global-header.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/grid/grid-container/grid-container.component.js

@@ -4,14 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.GridContainer = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _gridContainer = _interopRequireDefault(require("./grid-container.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const GridContainer = props => /*#__PURE__*/_react.default.createElement(_gridContainer.default, _extends({
   "data-component": "grid"
 }, props));
+
 exports.GridContainer = GridContainer;
 GridContainer.propTypes = {
   "about": _propTypes.default.string,
@@ -72,6 +79,9 @@ GridContainer.propTypes = {
   "color": _propTypes.default.string,
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
+  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__emotion_styles": _propTypes.default.any.isRequired
+  }), _propTypes.default.string, _propTypes.default.bool]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
     "__html": _propTypes.default.string.isRequired
   }),

package/lib/components/grid/grid-container/grid-container.style.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledGridContainer = _styledComponents.default.div`
   display: grid;
   grid-template-columns: repeat(12, 1fr);

package/lib/components/grid/grid-container/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _gridContainer.default;
   }
 });
+
 var _gridContainer = _interopRequireDefault(require("./grid-container.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/grid/grid-item/grid-item.component.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.GridItem = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _gridItem = _interopRequireDefault(require("./grid-item.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const GridItem = props => {
   const {
     children,
@@ -19,6 +25,7 @@ const GridItem = props => {
     responsiveSettings: responsiveSettings
   }), children);
 };
+
 exports.GridItem = GridItem;
 GridItem.propTypes = {
   "about": _propTypes.default.string,
@@ -80,6 +87,9 @@ GridItem.propTypes = {
   "color": _propTypes.default.string,
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
+  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__emotion_styles": _propTypes.default.any.isRequired
+  }), _propTypes.default.string, _propTypes.default.bool]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
     "__html": _propTypes.default.string.isRequired
   }),