@digigov/ui 1.0.0-8ae63a77 → 1.0.0-eb2842b4

package/form/Checkbox/Checkbox.stories.js

@@ -135,6 +135,20 @@ Object.keys(_ConditionalReveal).forEach(function (key) {
     }
   });
 });
+
+var _Dense = require("@digigov/ui/form/Checkbox/__stories__/Dense");
+
+Object.keys(_Dense).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dense[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dense[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/form/Checkbox',
   description: 'Let users select one or more options by using the checkboxes component.',

package/form/Checkbox/__stories__/Dense.d.ts

@@ -0,0 +1,2 @@
+export declare const Dense: () => JSX.Element;
+export default Dense;

package/form/Checkbox/__stories__/Dense.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Dense = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Checkbox = require("@digigov/ui/form/Checkbox");
+
+var _FieldContainer = require("@digigov/ui/form/FieldContainer");
+
+var _Hint = require("@digigov/ui/typography/Hint");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, {
+  "aria-describedby": "feeling-hint"
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+  id: "feeling-hint"
+}, "\u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, {
+  dense: true
+}, /*#__PURE__*/_react["default"].createElement(_Checkbox.CheckboxItem, {
+  name: "feeling",
+  value: "cold"
+}, "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9"), /*#__PURE__*/_react["default"].createElement(_Checkbox.CheckboxItem, {
+  name: "feeling",
+  value: "fever"
+}, "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC"), /*#__PURE__*/_react["default"].createElement(_Checkbox.CheckboxItem, {
+  name: "feeling",
+  value: "fatigue"
+}, "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7"))));
+
+var Dense = function Dense() {
+  return _ref;
+};
+
+exports.Dense = Dense;
+var _default = Dense;
+exports["default"] = _default;

package/form/DateInputContainer/DateInputContainer.stories.d.ts

@@ -10,4 +10,5 @@ export * from "@digigov/ui/form/DateInputContainer/__stories__/Default";
 export * from "@digigov/ui/form/DateInputContainer/__stories__/MultipleQuestions";
 export * from "@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessage";
 export * from "@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessageForSingleField";
+export * from "@digigov/ui/form/DateInputContainer/__stories__/Dense";
 import DateInputContainer from "@digigov/ui/form/DateInputContainer";

package/form/DateInputContainer/DateInputContainer.stories.js

@@ -65,6 +65,20 @@ Object.keys(_WithErrorMessageForSingleField).forEach(function (key) {
     }
   });
 });
+
+var _Dense = require("@digigov/ui/form/DateInputContainer/__stories__/Dense");
+
+Object.keys(_Dense).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dense[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dense[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/form/DateInputContainer',
   description: 'Use the date input component to help users enter a memorable date or one they can easily look up.',

package/form/DateInputContainer/__stories__/Dense.d.ts

@@ -0,0 +1,2 @@
+export declare const Dense: () => JSX.Element;
+export default Dense;

package/form/DateInputContainer/__stories__/Dense.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Dense = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _DateInputContainer = require("@digigov/ui/form/DateInputContainer");
+
+var _FieldContainer = require("@digigov/ui/form/FieldContainer");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+  "aria-describedby": "passport-hint"
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+  size: "md"
+}, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputContainer, {
+  dense: true
+}, /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  name: "day"
+}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  name: "month"
+}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  width: 4,
+  name: "year"
+}, "\u0388\u03C4\u03BF\u03C2"))));
+
+var Dense = function Dense() {
+  return _ref;
+};
+
+exports.Dense = Dense;
+var _default = Dense;
+exports["default"] = _default;

package/form/RadioContainer/RadioContainer.stories.d.ts

@@ -15,4 +15,5 @@ export * from "@digigov/ui/form/RadioContainer/__stories__/NoneAnswer";
 export * from "@digigov/ui/form/RadioContainer/__stories__/WithErrorMessage";
 export * from "@digigov/ui/form/RadioContainer/__stories__/ConditionalReveal";
 export * from "@digigov/ui/form/RadioContainer/__stories__/InlineWithDivider";
+export * from "@digigov/ui/form/RadioContainer/__stories__/Dense";
 import RadioContainer from "@digigov/ui/form/RadioContainer";

package/form/RadioContainer/RadioContainer.stories.js

@@ -135,6 +135,20 @@ Object.keys(_InlineWithDivider).forEach(function (key) {
     }
   });
 });
+
+var _Dense = require("@digigov/ui/form/RadioContainer/__stories__/Dense");
+
+Object.keys(_Dense).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dense[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dense[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/form/RadioContainer',
   description: 'Use the radios component when users can only select one option from a list.',

package/form/RadioContainer/__stories__/Dense.d.ts

@@ -0,0 +1,2 @@
+export declare const Dense: () => JSX.Element;
+export default Dense;

package/form/RadioContainer/__stories__/Dense.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Dense = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FieldContainer = require("@digigov/ui/form/FieldContainer");
+
+var _RadioContainer = require("@digigov/ui/form/RadioContainer");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+  dense: true
+}, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "country",
+  value: "greece"
+}, "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "country",
+  value: "cyprus"
+}, "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "country",
+  value: "eu"
+}, "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "country",
+  value: "us"
+}, "H\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"))));
+
+var Dense = function Dense() {
+  return _ref;
+};
+
+exports.Dense = Dense;
+var _default = Dense;
+exports["default"] = _default;

package/form/SelectContainer/SelectContainer.stories.d.ts

@@ -9,4 +9,5 @@ export default _default;
 export * from "@digigov/ui/form/SelectContainer/__stories__/Default";
 export * from "@digigov/ui/form/SelectContainer/__stories__/DisabledInput";
 export * from "@digigov/ui/form/SelectContainer/__stories__/WithHint";
+export * from "@digigov/ui/form/SelectContainer/__stories__/Dense";
 import SelectContainer from "@digigov/ui/form/SelectContainer";

package/form/SelectContainer/SelectContainer.stories.js

@@ -51,6 +51,20 @@ Object.keys(_WithHint).forEach(function (key) {
     }
   });
 });
+
+var _Dense = require("@digigov/ui/form/SelectContainer/__stories__/Dense");
+
+Object.keys(_Dense).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dense[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dense[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/form/SelectContainer',
   description: 'The select component should only be used as a last resort in public-facing services because research shows that some users find selects very difficult to use.',

package/form/SelectContainer/__stories__/Dense.d.ts

@@ -0,0 +1,2 @@
+export declare const Dense: () => JSX.Element;
+export default Dense;

package/form/SelectContainer/__stories__/Dense.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Dense = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FieldContainer = require("@digigov/ui/form/FieldContainer");
+
+var _LabelContainer = require("@digigov/ui/form/LabelContainer");
+
+var _SelectContainer = require("@digigov/ui/form/SelectContainer");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectContainer, {
+  dense: true,
+  name: "select-list",
+  "aria-label": "\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7"
+}, /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectOption, {
+  value: "popular"
+}, "\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE"), /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectOption, {
+  value: "recent"
+}, "\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1"), /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectOption, {
+  value: "views"
+}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2"), /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectOption, {
+  value: "comments"
+}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1"))));
+
+var Dense = function Dense() {
+  return _ref;
+};
+
+exports.Dense = Dense;
+var _default = Dense;
+exports["default"] = _default;

package/form/TextArea/TextArea.stories.d.ts

@@ -13,4 +13,5 @@ export * from "@digigov/ui/form/TextArea/__stories__/MultipleQuestions";
 export * from "@digigov/ui/form/TextArea/__stories__/LimitedCharacters";
 export * from "@digigov/ui/form/TextArea/__stories__/WithErrorMessage";
 export * from "@digigov/ui/form/TextArea/__stories__/DisabledInput";
+export * from "@digigov/ui/form/TextArea/__stories__/Dense";
 import TextArea from "@digigov/ui/form/TextArea";

package/form/TextArea/TextArea.stories.js

@@ -107,6 +107,20 @@ Object.keys(_DisabledInput).forEach(function (key) {
     }
   });
 });
+
+var _Dense = require("@digigov/ui/form/TextArea/__stories__/Dense");
+
+Object.keys(_Dense).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dense[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dense[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/form/TextArea',
   description: 'Use the textarea component when you need to let users enter an amount of text that’s longer than a single line.',

package/form/TextArea/__stories__/Dense.d.ts

@@ -0,0 +1,2 @@
+export declare const Dense: () => JSX.Element;
+export default Dense;

package/form/TextArea/__stories__/Dense.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Dense = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FieldContainer = require("@digigov/ui/form/FieldContainer");
+
+var _LabelContainer = require("@digigov/ui/form/LabelContainer");
+
+var _TextArea = require("@digigov/ui/form/TextArea");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;", /*#__PURE__*/_react["default"].createElement(_TextArea.TextArea, {
+  dense: true,
+  name: "textarea"
+})));
+
+var Dense = function Dense() {
+  return _ref;
+};
+
+exports.Dense = Dense;
+var _default = Dense;
+exports["default"] = _default;

package/form/TextInput/TextInput.stories.d.ts

@@ -14,4 +14,5 @@ export * from "@digigov/ui/form/TextInput/__stories__/WithHint";
 export * from "@digigov/ui/form/TextInput/__stories__/AskingForNumbers";
 export * from "@digigov/ui/form/TextInput/__stories__/WithErrorMessage";
 export * from "@digigov/ui/form/TextInput/__stories__/DisabledInput";
+export * from "@digigov/ui/form/TextInput/__stories__/Dense";
 import TextInput from "@digigov/ui/form/TextInput";

package/form/TextInput/TextInput.stories.js

@@ -121,6 +121,20 @@ Object.keys(_DisabledInput).forEach(function (key) {
     }
   });
 });
+
+var _Dense = require("@digigov/ui/form/TextInput/__stories__/Dense");
+
+Object.keys(_Dense).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dense[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dense[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/form/TextInput',
   description: 'Use the text input component when you need to let users enter text that’s no longer than a single line.',

package/form/TextInput/__stories__/Dense.d.ts

@@ -0,0 +1,2 @@
+export declare const Dense: () => JSX.Element;
+export default Dense;

package/form/TextInput/__stories__/Dense.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Dense = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FieldContainer = require("@digigov/ui/form/FieldContainer");
+
+var _LabelContainer = require("@digigov/ui/form/LabelContainer");
+
+var _TextInput = require("@digigov/ui/form/TextInput");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2", /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+  dense: true,
+  name: "inputext"
+})));
+
+var Dense = function Dense() {
+  return _ref;
+};
+
+exports.Dense = Dense;
+var _default = Dense;
+exports["default"] = _default;

package/navigation/Link/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';
 export interface LinkComponentContextProps {
     component: React.ElementType<LinkProps>;

package/navigation/Link/index.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,42 +18,43 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _LinkBase = _interopRequireDefault(require("@digigov/react-core/LinkBase"));
 
 var _excluded = ["children", "href"];
 
-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 CommonLink = function CommonLink(props) {
-  return /*#__PURE__*/React.createElement(_LinkBase["default"], props, props.children);
+  return /*#__PURE__*/_react["default"].createElement(_LinkBase["default"], props, props.children);
 };
 
 exports.CommonLink = CommonLink;
-var LinkComponentContext = /*#__PURE__*/React.createContext(_LinkBase["default"]);
+
+var LinkComponentContext = /*#__PURE__*/_react["default"].createContext(_LinkBase["default"]);
 
 var LinkProvider = function LinkProvider(props) {
-  return /*#__PURE__*/React.createElement(LinkComponentContext.Provider, {
+  return /*#__PURE__*/_react["default"].createElement(LinkComponentContext.Provider, {
     value: props.component
   }, props.children);
 };
 
 exports.LinkProvider = LinkProvider;
-var Link = /*#__PURE__*/React.forwardRef(function Link(_ref, ref) {
+
+var Link = /*#__PURE__*/_react["default"].forwardRef(function Link(_ref, ref) {
   var children = _ref.children,
       _ref$href = _ref.href,
       href = _ref$href === void 0 ? '' : _ref$href,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var LinkComponent = React.useContext(LinkComponentContext);
-  return /*#__PURE__*/React.createElement(LinkComponent, (0, _extends2["default"])({
+
+  var LinkComponent = _react["default"].useContext(LinkComponentContext);
+
+  return /*#__PURE__*/_react["default"].createElement(LinkComponent, (0, _extends2["default"])({
     ref: ref,
     href: href
   }, props), children);
 }); //@ts-ignore
 
+
 exports.Link = Link;
 Link.displayName = 'Link';
 var _default = Link;

package/navigation/NavList/NavList.stories.d.ts

@@ -7,9 +7,11 @@ declare namespace _default {
 }
 export default _default;
 export * from "@digigov/ui/navigation/NavList/__stories__/Default";
-export * from "@digigov/ui/navigation/NavList/__stories__/NavVertical";
-export * from "@digigov/ui/navigation/NavList/__stories__/NavVerticalWithTitle";
-export * from "@digigov/ui/navigation/NavList/__stories__/WithSubMenu";
-export * from "@digigov/ui/navigation/NavList/__stories__/NavVerticalLayout";
-export * from "@digigov/ui/navigation/NavList/__stories__/WithBurgerIcon";
+export * from "@digigov/ui/navigation/NavList/__stories__/Vertical";
+export * from "@digigov/ui/navigation/NavList/__stories__/NavListWithoutNav";
+export * from "@digigov/ui/navigation/NavList/__stories__/HorizontalWithoutDrawer";
+export * from "@digigov/ui/navigation/NavList/__stories__/VerticalWithoutDrawer";
+export * from "@digigov/ui/navigation/NavList/__stories__/UsingNavListAuto";
+export * from "@digigov/ui/navigation/NavList/__stories__/HorizontalWithDrawer";
+export * from "@digigov/ui/navigation/NavList/__stories__/UsingHeaderButton";
 import NavList from "@digigov/ui/navigation/NavList";

package/navigation/NavList/NavList.stories.js

@@ -24,72 +24,100 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
-var _NavVertical = require("@digigov/ui/navigation/NavList/__stories__/NavVertical");
+var _Vertical = require("@digigov/ui/navigation/NavList/__stories__/Vertical");
 
-Object.keys(_NavVertical).forEach(function (key) {
+Object.keys(_Vertical).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavVertical[key]) return;
+  if (key in exports && exports[key] === _Vertical[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavVertical[key];
+      return _Vertical[key];
     }
   });
 });
 
-var _NavVerticalWithTitle = require("@digigov/ui/navigation/NavList/__stories__/NavVerticalWithTitle");
+var _NavListWithoutNav = require("@digigov/ui/navigation/NavList/__stories__/NavListWithoutNav");
 
-Object.keys(_NavVerticalWithTitle).forEach(function (key) {
+Object.keys(_NavListWithoutNav).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavVerticalWithTitle[key]) return;
+  if (key in exports && exports[key] === _NavListWithoutNav[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavVerticalWithTitle[key];
+      return _NavListWithoutNav[key];
     }
   });
 });
 
-var _WithSubMenu = require("@digigov/ui/navigation/NavList/__stories__/WithSubMenu");
+var _HorizontalWithoutDrawer = require("@digigov/ui/navigation/NavList/__stories__/HorizontalWithoutDrawer");
 
-Object.keys(_WithSubMenu).forEach(function (key) {
+Object.keys(_HorizontalWithoutDrawer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithSubMenu[key]) return;
+  if (key in exports && exports[key] === _HorizontalWithoutDrawer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _WithSubMenu[key];
+      return _HorizontalWithoutDrawer[key];
     }
   });
 });
 
-var _NavVerticalLayout = require("@digigov/ui/navigation/NavList/__stories__/NavVerticalLayout");
+var _VerticalWithoutDrawer = require("@digigov/ui/navigation/NavList/__stories__/VerticalWithoutDrawer");
 
-Object.keys(_NavVerticalLayout).forEach(function (key) {
+Object.keys(_VerticalWithoutDrawer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavVerticalLayout[key]) return;
+  if (key in exports && exports[key] === _VerticalWithoutDrawer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavVerticalLayout[key];
+      return _VerticalWithoutDrawer[key];
     }
   });
 });
 
-var _WithBurgerIcon = require("@digigov/ui/navigation/NavList/__stories__/WithBurgerIcon");
+var _UsingNavListAuto = require("@digigov/ui/navigation/NavList/__stories__/UsingNavListAuto");
 
-Object.keys(_WithBurgerIcon).forEach(function (key) {
+Object.keys(_UsingNavListAuto).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithBurgerIcon[key]) return;
+  if (key in exports && exports[key] === _UsingNavListAuto[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _WithBurgerIcon[key];
+      return _UsingNavListAuto[key];
+    }
+  });
+});
+
+var _HorizontalWithDrawer = require("@digigov/ui/navigation/NavList/__stories__/HorizontalWithDrawer");
+
+Object.keys(_HorizontalWithDrawer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _HorizontalWithDrawer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _HorizontalWithDrawer[key];
+    }
+  });
+});
+
+var _UsingHeaderButton = require("@digigov/ui/navigation/NavList/__stories__/UsingHeaderButton");
+
+Object.keys(_UsingHeaderButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _UsingHeaderButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _UsingHeaderButton[key];
     }
   });
 });