@digigov/ui 0.20.2 → 0.21.2

package/core/SummaryList/__stories__/SummaryListWithActions.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SummaryListWithActions = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SummaryList = _interopRequireWildcard(require("@digigov/ui/core/SummaryList"));
+
+var _VisuallyHidden = _interopRequireDefault(require("@digigov/ui/core/VisuallyHidden"));
+
+var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _core = require("@digigov/ui/core");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u039F\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B72"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_core.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_core.Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2"))))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "699876543"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_core.Button, null, "\u0394\u03BF\u03BA\u03B9\u03BC\u03AE ", /*#__PURE__*/_react["default"].createElement(_reactCore.ArrowIcon, null)))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "699876543"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_core.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_core.Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/_react["default"].createElement(_core.Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE2")))));
+
+var SummaryListWithActions = function SummaryListWithActions() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
+};
+
+exports.SummaryListWithActions = SummaryListWithActions;
+var _default = SummaryListWithActions;
+exports["default"] = _default;

package/core/SummaryList/__stories__/SummaryListWithoutBorders.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SummaryListWithoutBorders: () => JSX.Element;
+export default SummaryListWithoutBorders;

package/core/SummaryList/__stories__/SummaryListWithoutBorders.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SummaryListWithoutBorders = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SummaryList = _interopRequireWildcard(require("@digigov/ui/core/SummaryList"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], {
+  border: false
+}, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null)), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "699876543")));
+
+var SummaryListWithoutBorders = function SummaryListWithoutBorders() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
+};
+
+exports.SummaryListWithoutBorders = SummaryListWithoutBorders;
+var _default = SummaryListWithoutBorders;
+exports["default"] = _default;

package/core/Table/Table.stories.d.ts

@@ -0,0 +1,17 @@
+declare namespace _default {
+    export const title: string;
+    export { Table as component };
+}
+export default _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/NoData";
+export * from "./__stories__/VerticalHeaders";
+export * from "./__stories__/ZebraProp";
+export * from "./__stories__/NumericDataType";
+export * from "./__stories__/VerticalBorders";
+export * from "./__stories__/DarkVariant";
+export * from "./__stories__/DarkVariantWithVerticalHeaders";
+export * from "./__stories__/WithLoader";
+export * from "./__stories__/DefinedWidth";
+export * from "./__stories__/Densed";
+export * from "./__stories__/MultipleProps";

package/core/Table/Table.stories.js

@@ -0,0 +1,186 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _core = _interopRequireDefault(require("@digigov/ui/core"));
+
+var _Default = require("./__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+
+var _NoData = require("./__stories__/NoData");
+
+Object.keys(_NoData).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NoData[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NoData[key];
+    }
+  });
+});
+
+var _VerticalHeaders = require("./__stories__/VerticalHeaders");
+
+Object.keys(_VerticalHeaders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _VerticalHeaders[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _VerticalHeaders[key];
+    }
+  });
+});
+
+var _ZebraProp = require("./__stories__/ZebraProp");
+
+Object.keys(_ZebraProp).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ZebraProp[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ZebraProp[key];
+    }
+  });
+});
+
+var _NumericDataType = require("./__stories__/NumericDataType");
+
+Object.keys(_NumericDataType).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NumericDataType[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NumericDataType[key];
+    }
+  });
+});
+
+var _VerticalBorders = require("./__stories__/VerticalBorders");
+
+Object.keys(_VerticalBorders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _VerticalBorders[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _VerticalBorders[key];
+    }
+  });
+});
+
+var _DarkVariant = require("./__stories__/DarkVariant");
+
+Object.keys(_DarkVariant).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DarkVariant[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DarkVariant[key];
+    }
+  });
+});
+
+var _DarkVariantWithVerticalHeaders = require("./__stories__/DarkVariantWithVerticalHeaders");
+
+Object.keys(_DarkVariantWithVerticalHeaders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DarkVariantWithVerticalHeaders[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DarkVariantWithVerticalHeaders[key];
+    }
+  });
+});
+
+var _WithLoader = require("./__stories__/WithLoader");
+
+Object.keys(_WithLoader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithLoader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithLoader[key];
+    }
+  });
+});
+
+var _DefinedWidth = require("./__stories__/DefinedWidth");
+
+Object.keys(_DefinedWidth).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DefinedWidth[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DefinedWidth[key];
+    }
+  });
+});
+
+var _Densed = require("./__stories__/Densed");
+
+Object.keys(_Densed).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Densed[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Densed[key];
+    }
+  });
+});
+
+var _MultipleProps = require("./__stories__/MultipleProps");
+
+Object.keys(_MultipleProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MultipleProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MultipleProps[key];
+    }
+  });
+});
+
+/* eslint-disable digigov/no-relative-imports */
+var _default = {
+  title: 'Digigov UI/core/Table',
+  component: _core["default"]
+};
+exports["default"] = _default;

package/core/Table/__stories__/DarkVariant.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const DarkVariant: () => JSX.Element;
+export default DarkVariant;

package/core/Table/__stories__/DarkVariant.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DarkVariant = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, {
+  variant: "dark"
+}, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table with dark variant"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")))));
+
+var DarkVariant = function DarkVariant() {
+  return _ref;
+};
+
+exports.DarkVariant = DarkVariant;
+var _default = DarkVariant;
+exports["default"] = _default;

package/core/Table/__stories__/DarkVariantWithVerticalHeaders.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const DarkVariantWithVerticalHeaders: () => JSX.Element;
+export default DarkVariantWithVerticalHeaders;

package/core/Table/__stories__/DarkVariantWithVerticalHeaders.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DarkVariantWithVerticalHeaders = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, {
+  variant: "dark"
+}, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table with dark variant and vertical borders"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")))));
+
+var DarkVariantWithVerticalHeaders = function DarkVariantWithVerticalHeaders() {
+  return _ref;
+};
+
+exports.DarkVariantWithVerticalHeaders = DarkVariantWithVerticalHeaders;
+var _default = DarkVariantWithVerticalHeaders;
+exports["default"] = _default;

package/core/Table/__stories__/Default.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Default: () => JSX.Element;
+export default Default;

package/core/Table/__stories__/Default.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table no props"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")))));
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/core/Table/__stories__/DefinedWidth.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const DefinedWidth: () => JSX.Element;
+export default DefinedWidth;

package/core/Table/__stories__/DefinedWidth.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DefinedWidth = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table with one-half and one-quarter width"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, {
+  cellWidth: "one-half"
+}, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, {
+  cellWidth: "one-quarter"
+}, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, {
+  cellWidth: "one-quarter"
+}, "Date"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80")))));
+
+var DefinedWidth = function DefinedWidth() {
+  return _ref;
+};
+
+exports.DefinedWidth = DefinedWidth;
+var _default = DefinedWidth;
+exports["default"] = _default;

package/core/Table/__stories__/Densed.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Densed: () => JSX.Element;
+export default Densed;

package/core/Table/__stories__/Densed.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Densed = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, {
+  border: true
+}, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, {
+  dense: true
+}, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table with dense props"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")))));
+
+var Densed = function Densed() {
+  return _ref;
+};
+
+exports.Densed = Densed;
+var _default = Densed;
+exports["default"] = _default;

package/core/Table/__stories__/MultipleProps.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const MultipleProps: () => JSX.Element;
+export default MultipleProps;

package/core/Table/__stories__/MultipleProps.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MultipleProps = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, {
+  zebra: true,
+  variant: "dark",
+  verticalBorders: true
+}, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table with zebra prop"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80")))));
+
+var MultipleProps = function MultipleProps() {
+  return _ref;
+};
+
+exports.MultipleProps = MultipleProps;
+var _default = MultipleProps;
+exports["default"] = _default;

package/core/Table/__stories__/NoData.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const NoData: () => JSX.Element;
+export default NoData;

package/core/Table/__stories__/NoData.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NoData = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table with no data"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableNoDataRow, null, "No data"))));
+
+var NoData = function NoData() {
+  return _ref;
+};
+
+exports.NoData = NoData;
+var _default = NoData;
+exports["default"] = _default;

package/core/Table/__stories__/NumericDataType.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const NumericDataType: () => JSX.Element;
+export default NumericDataType;

package/core/Table/__stories__/NumericDataType.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NumericDataType = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table with dataType numeric"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, {
+  dataType: "numeric"
+}, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, {
+  dataType: "numeric"
+}, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, {
+  dataType: "numeric"
+}, "Amount"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80")))));
+
+var NumericDataType = function NumericDataType() {
+  return _ref;
+};
+
+exports.NumericDataType = NumericDataType;
+var _default = NumericDataType;
+exports["default"] = _default;

package/core/Table/__stories__/VerticalBorders.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const VerticalBorders: () => JSX.Element;
+export default VerticalBorders;