@digigov/ui 1.0.0-6b93ebf2 → 1.0.0-871b6be5

package/esm/typography/Heading/index.mdx

@@ -9,11 +9,7 @@ import Heading from '@digigov/ui/typography/Heading';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Heading"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/Heading"story="Default.tsx" />
 
 ## API
 

package/esm/typography/HeadingCaption/index.mdx

@@ -9,11 +9,7 @@ import HeadingCaption from '@digigov/ui/typography/HeadingCaption';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/HeadingCaption"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/HeadingCaption" story="Default.tsx" />
 
 ### Nested caption to title
 

package/esm/typography/Hint/__stories__/FontSizes.js

@@ -2,17 +2,17 @@ import React from 'react';
 import { Hint } from '@digigov/ui/typography/Hint';
 
 var _ref = /*#__PURE__*/React.createElement(Hint, {
-  fontSize: "14"
+  fontSize: 14
 }, " govgr-hint ");
 
 var _ref2 = /*#__PURE__*/React.createElement(Hint, {
-  fontSize: "16"
+  fontSize: 16
 }, " govgr-hint ");
 
 var _ref3 = /*#__PURE__*/React.createElement(Hint, null, " govgr-hint ");
 
 var _ref4 = /*#__PURE__*/React.createElement(Hint, {
-  fontSize: "24"
+  fontSize: 24
 }, " govgr-hint ");
 
 export var FontSizes = function FontSizes() {

package/esm/typography/Hint/index.mdx

@@ -9,14 +9,12 @@ import Hint from '@digigov/ui/typography/Hint';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Hint"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/Hint" story="Default.tsx" />
 
 ### Font sizes
 
+<Story packageName="@digigov/ui" component="typography/Hint" story="FontSizes.tsx" />
+
 ## API
 
 <PropTypes packageName="@digigov/ui" component="Hint" />

package/esm/typography/NormalText/__stories__/FontSizes.js

@@ -3,7 +3,7 @@ import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
 import { NormalText } from '@digigov/ui/typography/NormalText';
 
 var _ref = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: "14"
+  fontSize: 14
 }, " govgr-!-font-size-14 ");
 
 var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
@@ -11,7 +11,7 @@ var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: "16"
+  fontSize: 16
 }, " govgr-!-font-size-16 ");
 
 var _ref4 = /*#__PURE__*/React.createElement(SectionBreak, {
@@ -19,7 +19,7 @@ var _ref4 = /*#__PURE__*/React.createElement(SectionBreak, {
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: "19"
+  fontSize: 19
 }, " govgr-!-font-size-19 ");
 
 var _ref6 = /*#__PURE__*/React.createElement(SectionBreak, {
@@ -27,7 +27,7 @@ var _ref6 = /*#__PURE__*/React.createElement(SectionBreak, {
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: "24"
+  fontSize: 24
 }, " govgr-!-font-size-24 ");
 
 var _ref8 = /*#__PURE__*/React.createElement(SectionBreak, {
@@ -35,7 +35,7 @@ var _ref8 = /*#__PURE__*/React.createElement(SectionBreak, {
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: "30"
+  fontSize: 30
 }, " govgr-!-font-size-30 ");
 
 var _ref10 = /*#__PURE__*/React.createElement(SectionBreak, {
@@ -43,7 +43,7 @@ var _ref10 = /*#__PURE__*/React.createElement(SectionBreak, {
 });
 
 var _ref11 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: "48"
+  fontSize: 48
 }, " govgr-!-font-size-48 ");
 
 var _ref12 = /*#__PURE__*/React.createElement(SectionBreak, {
@@ -51,7 +51,7 @@ var _ref12 = /*#__PURE__*/React.createElement(SectionBreak, {
 });
 
 var _ref13 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: "72"
+  fontSize: 72
 }, " govgr-!-font-size-72 ");
 
 export var FontSizes = function FontSizes() {

package/esm/typography/NormalText/__stories__/Variants.js

@@ -3,16 +3,16 @@ import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
 import { NormalText } from '@digigov/ui/typography/NormalText';
 
 var _ref = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'sm'
-}, " govgr-variant-small ");
+  size: 'sm'
+}, " govgr-size-small ");
 
 var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
   visible: false
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'lg'
-}, " govgr-variant-lead ");
+  size: 'lg'
+}, " govgr-size-large ");
 
 export var Variants = function Variants() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3);

package/esm/typography/NormalText/index.mdx

@@ -9,32 +9,22 @@ import NormalText from '@digigov/ui/typography/NormalText';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/NormalText"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/NormalText" story="Default.tsx" />
 
 ### Variants
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/NormalText"
-  story="Variants.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/NormalText" story="Variants.tsx" />
 
 ## Font override classes
 
 ### Font size
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/NormalText"
-  story="FontSizes.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/NormalText" story="FontSizes.tsx" />
 
 ### Font weight
 
+<Story packageName="@digigov/ui" component="typography/NormalText" story="FontWeight.tsx" />
+
 ## API
 
 <PropTypes packageName="@digigov/ui" component="NormalText" />

package/esm/typography/Paragraph/__stories__/FontSizes.js

@@ -2,31 +2,31 @@ import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
 var _ref = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: "14"
+  fontSize: 14
 }, " govgr-!-font-size-14 ");
 
 var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: "16"
+  fontSize: 16
 }, " govgr-!-font-size-16 ");
 
 var _ref3 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: "19"
+  fontSize: 19
 }, " govgr-!-font-size-19 ");
 
 var _ref4 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: "24"
+  fontSize: 24
 }, " govgr-!-font-size-24 ");
 
 var _ref5 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: "30"
+  fontSize: 30
 }, " govgr-!-font-size-30 ");
 
 var _ref6 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: "48"
+  fontSize: 48
 }, " govgr-!-font-size-48 ");
 
 var _ref7 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: "72"
+  fontSize: 72
 }, " govgr-!-font-size-72 ");
 
 export var FontSizes = function FontSizes() {

package/esm/typography/Paragraph/__stories__/LeadVariant.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
 var _ref = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'lg'
+  size: 'lg'
 }, "govgr-body");
 
 export var LeadVariant = function LeadVariant() {

package/esm/typography/Paragraph/__stories__/SmallVariant.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
 var _ref = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'sm'
+  size: 'sm'
 }, "govgr-body");
 
 export var SmallVariant = function SmallVariant() {

package/esm/typography/Paragraph/index.mdx

@@ -9,40 +9,25 @@ import Paragraph from '@digigov/ui/typography/Paragraph';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Paragraph"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="Default.tsx" />
 
 ### Lead paragraph
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Paragraph"
-  story="LeadVariant.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/Paragraph"story="LeadVariant.tsx" />
 
 ### Small paragraph
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Paragraph"
-  story="SmallVariant.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="SmallVariant.tsx" />
 
 ## Font override classes
 
 ### Font size
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Paragraph"
-  story="FontSizes.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="FontSizes.tsx" />
 
 ### Font weight
 
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="FontWeight.tsx" />
 ## API
 
 <PropTypes packageName="@digigov/ui" component="Paragraph" />

package/esm/utils/Kitchensink/KitchensinkDashboard.js

@@ -4,7 +4,7 @@ import Paragraph from '@digigov/react-core/Paragraph';
 import { KitchensinkByCategory } from '@digigov/ui/utils/Kitchensink/KitchensinkByCategory';
 
 var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: "72",
+  fontSize: 72,
   fontWeight: "bold"
 }, "Components");
 

package/feedback/CopyToClipboard/index.mdx

@@ -11,19 +11,11 @@ import CopyToClipboard from '@digigov/ui/feedback/CopyToClipboard';
 
 ### Default
 
-<Story
-  packageName="@digigov/ui"
-  component="feedback/CopyToClipboard"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="feedback/CopyToClipboard" story="Default.tsx" />
 
 ### Banner
 
-<Story
-  packageName="@digigov/ui"
-  component="feedback/CopyToClipboard"
-  story="Banner.tsx"
-/>
+<Story packageName="@digigov/ui" component="feedback/CopyToClipboard" story="Banner.tsx" />
 
 ## API
 

package/feedback/ErrorSummary/ErrorSummary.stories.d.ts

@@ -10,4 +10,5 @@ export * from "@digigov/ui/feedback/ErrorSummary/__stories__/Default";
 export * from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput";
 export * from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField";
 export * from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox";
+export * from "@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton";
 import ErrorSummary from "@digigov/ui/feedback/ErrorSummary";

package/feedback/ErrorSummary/ErrorSummary.stories.js

@@ -65,6 +65,20 @@ Object.keys(_LinkedToCheckbox).forEach(function (key) {
     }
   });
 });
+
+var _WithBackLinkAndButton = require("@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton");
+
+Object.keys(_WithBackLinkAndButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithBackLinkAndButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithBackLinkAndButton[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/feedback/ErrorSummary',
   description: 'Use this component at the top of a page to summarise any errors a user has made.',

package/feedback/ErrorSummary/__stories__/LinkedToCheckbox.js

@@ -23,13 +23,15 @@ var _Heading = require("@digigov/ui/typography/Heading");
 
 var _VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 
+var _Hint = require("@digigov/ui/typography/Hint");
+
 var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_ErrorSummary.ErrorSummary, null, /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   size: "sm"
 }, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_Link.Link, {
   href: "#england"
 }, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03C7\u03CE\u03C1\u03B5\u03C2.")), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
   error: true
-}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u0398\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5 \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2;"), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03C7\u03CE\u03C1\u03B5\u03C2."), /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.CheckboxItem, {
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u0398\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5 \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, null, "\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(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03C7\u03CE\u03C1\u03B5\u03C2."), /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.CheckboxItem, {
   name: "england",
   value: "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1",
   id: "england"

package/feedback/ErrorSummary/__stories__/LinkedToField.js

@@ -29,10 +29,10 @@ var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__
   size: "sm"
 }, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_Link.Link, {
   href: "#passport-date"
-}, "\u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03AD\u03BA\u03B4\u03BF\u03C3\u03B7\u03C2 \u03C4\u03BF\u03C5 \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03B7\u03C1\u03AF\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C3\u03C4\u03BF \u03C0\u03B1\u03C1\u03B5\u03BB\u03B8\u03CC\u03BD.")), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+}, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2")), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
   error: true,
   id: "passport-date"
-}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03BF;"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03AD\u03BA\u03B4\u03BF\u03C3\u03B7\u03C2 \u03C4\u03BF\u03C5 \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03B7\u03C1\u03AF\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C3\u03C4\u03BF \u03C0\u03B1\u03C1\u03B5\u03BB\u03B8\u03CC\u03BD."), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputContainer, null, /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03AD\u03C4\u03BF\u03C2."), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputContainer, null, /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
   name: "day"
 }, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
   name: "month"
@@ -40,7 +40,7 @@ var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__
   error: true,
   width: 4,
   name: "year"
-}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2")))));
+}, "\u0388\u03C4\u03BF\u03C2")))));
 
 var LinkedToField = function LinkedToField() {
   return _ref;

package/feedback/ErrorSummary/__stories__/WithBackLinkAndButton.d.ts

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

package/feedback/ErrorSummary/__stories__/WithBackLinkAndButton.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithBackLinkAndButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ErrorSummary = require("@digigov/ui/feedback/ErrorSummary");
+
+var _DateInputContainer = require("@digigov/ui/form/DateInputContainer");
+
+var _ErrorMessage = require("@digigov/ui/form/ErrorMessage");
+
+var _FieldContainer = require("@digigov/ui/form/FieldContainer");
+
+var _Link = require("@digigov/ui/navigation/Link");
+
+var _Heading = require("@digigov/ui/typography/Heading");
+
+var _Hint = require("@digigov/ui/typography/Hint");
+
+var _VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
+
+var _BackLink = require("@digigov/ui/navigation/BackLink");
+
+var _Button = _interopRequireDefault(require("@digigov/ui/form/Button"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_BackLink.BackLink, {
+  href: "/"
+}, "\u03A0\u03AF\u03C3\u03C9"), /*#__PURE__*/_react["default"].createElement(_ErrorSummary.ErrorSummary, null, /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
+  size: "sm"
+}, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#passport-date"
+}, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2")), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+  error: true,
+  id: "passport-date"
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03AD\u03C4\u03BF\u03C2."), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputContainer, null, /*#__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, {
+  error: true,
+  width: 4,
+  name: "year"
+}, "\u0388\u03C4\u03BF\u03C2")))), /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+
+var WithBackLinkAndButton = function WithBackLinkAndButton() {
+  return _ref;
+};
+
+exports.WithBackLinkAndButton = WithBackLinkAndButton;
+var _default = WithBackLinkAndButton;
+exports["default"] = _default;

package/feedback/ErrorSummary/index.mdx

@@ -15,11 +15,7 @@ import ErrorSummary from '@digigov/ui/feedback/ErrorSummary';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="feedback/ErrorSummary"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="feedback/ErrorSummary" story="Default.tsx" />
 
 ### Linking from the error summary to each answer
 
@@ -27,29 +23,17 @@ You must link the errors in the error summary to the answer they relate to.
 
 For questions that require a user to answer using a single field, like a file upload, select, textarea, text input or character count, link to the field.
 
-<Story
-  packageName="@digigov/ui"
-  component="feedback/ErrorSummary"
-  story="LinkedToInput.tsx"
-/>
+<Story packageName="@digigov/ui" component="feedback/ErrorSummary" story="LinkedToInput.tsx" />
 
 When a user has to enter their answer into multiple fields, such as the day, month and year fields in the date input component, link to the first field that contains an error.
 
 If you do not know which field contains an error, link to the first field.
 
-<Story
-  packageName="@digigov/ui"
-  component="feedback/ErrorSummary"
-  story="LinkedToField.tsx"
-/>
+<Story packageName="@digigov/ui" component="feedback/ErrorSummary" story="LinkedToField.tsx" />
 
 For questions that require a user to select one or more options from a list using radios or checkboxes, link to the first radio or checkbox.
 
-<Story
-  packageName="@digigov/ui"
-  component="feedback/ErrorSummary"
-  story="LinkedToCheckbox.tsx"
-/>
+<Story packageName="@digigov/ui" component="feedback/ErrorSummary" story="LinkedToCheckbox.tsx" />
 
 ## API
 

package/feedback/NotificationBanner/index.mdx

@@ -19,19 +19,11 @@ Use a ‘neutral’ blue notification banner if the user needs to know about a p
 
 Use a ‘neutral’ notification banner if the user needs to know about something that’s happening elsewhere in the service.
 
-<Story
-  packageName="@digigov/ui"
-  component="feedback/NotificationBanner"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="feedback/NotificationBanner" story="Default.tsx" />
 
 You can also use a notification banner to tell the user about the outcome of something they’ve just done - but they have not finished using the service, so it does not make sense to use a confirmation page.
 
-<Story
-  packageName="@digigov/ui"
-  component="feedback/NotificationBanner"
-  story="Success.tsx"
-/>
+<Story packageName="@digigov/ui" component="feedback/NotificationBanner" story="Success.tsx" />
 
 ## API
 

package/feedback/PhaseBanner/index.mdx

@@ -15,19 +15,11 @@ import PhaseBanner from '@digigov/ui/feedback/PhaseBanner';
 
 Your banner must be directly under the blue GOV.GR header and colour bar.
 
-<Story
-  packageName="@digigov/ui"
-  component="feedback/PhaseBanner"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="feedback/PhaseBanner" story="Default.tsx" />
 
 ### Underlined
 
-<Story
-  packageName="@digigov/ui"
-  component="feedback/PhaseBanner"
-  story="Underlined.tsx"
-/>
+<Story packageName="@digigov/ui" component="feedback/PhaseBanner"story="Underlined.tsx" />
 
 ## API
 

package/feedback/ServiceBadge/index.mdx

@@ -5,17 +5,21 @@ parent: docs/ui/component
 ---
 
 import ServiceBadge from '@digigov/ui/feedback/ServiceBadge';
-import Header, { HeaderTitle } from '@digigov/ui/app/Header';
+import Header, { HeaderContent, HeaderSection, HeaderTitle } from '@digigov/ui/app/Header';
 import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
 
 ## Example
 
 <Header>
-  <GovGRLogo />
-  <HeaderTitle>
-    Service Name <ServiceBadge label="ALPHA" />
-  </HeaderTitle>
+  <HeaderContent>
+    <HeaderSection>
+      <GovGRLogo />
+      <HeaderTitle>Service Name </HeaderTitle>
+      <ServiceBadge label="ALPHA" />
+    </HeaderSection>
+  </HeaderContent>
 </Header>
+<br/>
 
 ## How to use
 

package/feedback/WarningText/WarningText.stories.d.ts

@@ -7,4 +7,5 @@ declare namespace _default {
 }
 export default _default;
 export * from "@digigov/ui/feedback/WarningText/__stories__/Default";
+export * from "@digigov/ui/feedback/WarningText/__stories__/AssistiveText";
 import WarningText from "@digigov/ui/feedback/WarningText";

package/feedback/WarningText/WarningText.stories.js

@@ -23,6 +23,20 @@ Object.keys(_Default).forEach(function (key) {
     }
   });
 });
+
+var _AssistiveText = require("@digigov/ui/feedback/WarningText/__stories__/AssistiveText");
+
+Object.keys(_AssistiveText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AssistiveText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AssistiveText[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/feedback/WarningText',
   description: 'Use the warning text component when you need to warn users about something important, such as legal consequences of an action, or lack of action, that they might take.',

package/feedback/WarningText/__stories__/AssistiveText.d.ts

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