@digigov/ui 1.0.0-002c630d → 1.0.0-6b93ebf2

package/form/Checkbox/Checkbox.stories.d.ts

@@ -7,6 +7,8 @@ declare namespace _default {
 }
 export default _default;
 export * from "@digigov/ui/form/Checkbox/__stories__/Default";
+export * from "@digigov/ui/form/Checkbox/__stories__/Inline";
+export * from "@digigov/ui/form/Checkbox/__stories__/InlineWithDivider";
 export * from "@digigov/ui/form/Checkbox/__stories__/MultipleQuestions";
 export * from "@digigov/ui/form/Checkbox/__stories__/WithHint";
 export * from "@digigov/ui/form/Checkbox/__stories__/NoneAnswer";

package/form/Checkbox/Checkbox.stories.js

@@ -24,6 +24,34 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
+var _Inline = require("@digigov/ui/form/Checkbox/__stories__/Inline");
+
+Object.keys(_Inline).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Inline[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Inline[key];
+    }
+  });
+});
+
+var _InlineWithDivider = require("@digigov/ui/form/Checkbox/__stories__/InlineWithDivider");
+
+Object.keys(_InlineWithDivider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _InlineWithDivider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InlineWithDivider[key];
+    }
+  });
+});
+
 var _MultipleQuestions = require("@digigov/ui/form/Checkbox/__stories__/MultipleQuestions");
 
 Object.keys(_MultipleQuestions).forEach(function (key) {

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

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

package/form/Checkbox/__stories__/Inline.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Inline = 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, {
+  layout: "horizontal"
+}, /*#__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"))));
+
+var Inline = function Inline() {
+  return _ref;
+};
+
+exports.Inline = Inline;
+var _default = Inline;
+exports["default"] = _default;

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

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

package/form/Checkbox/__stories__/InlineWithDivider.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.InlineWithDivider = 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, {
+  layout: "horizontal"
+}, /*#__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",
+  dividerText: "\u03AE"
+}, "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC"))));
+
+var InlineWithDivider = function InlineWithDivider() {
+  return _ref;
+};
+
+exports.InlineWithDivider = InlineWithDivider;
+var _default = InlineWithDivider;
+exports["default"] = _default;

package/form/Checkbox/__stories__/NoneAnswer.js

@@ -22,7 +22,7 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldCon
 }, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_Checkbox.CheckboxItem, {
   name: "fatigue",
   value: "fatigue",
-  divider: "\u03AE"
+  dividerText: "\u03AE"
 }, "\u038C\u03C7\u03B9, \u03B4\u03B5\u03BD \u03B8\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03C9 \u03C3\u03B5 \u03BA\u03B1\u03BC\u03AF\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2"))));
 
 var NoneAnswer = function NoneAnswer() {

package/form/Checkbox/__stories__/NoneAnswerWithError.js

@@ -28,7 +28,7 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldCon
   name: "country",
   value: "fr"
 }, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_Checkbox.CheckboxItem, {
-  divider: "\u03AE",
+  dividerText: "\u03AE",
   name: "country",
   value: "none"
 }, "\u038C\u03C7\u03B9, \u03B4\u03B5\u03BD \u03B8\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03C9 \u03C3\u03B5 \u03BA\u03B1\u03BC\u03AF\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2"))));

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

@@ -13,4 +13,5 @@ export * from "@digigov/ui/form/RadioContainer/__stories__/WithHints";
 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";
 import RadioContainer from "@digigov/ui/form/RadioContainer";

package/form/RadioContainer/RadioContainer.stories.js

@@ -107,6 +107,20 @@ Object.keys(_ConditionalReveal).forEach(function (key) {
     }
   });
 });
+
+var _InlineWithDivider = require("@digigov/ui/form/RadioContainer/__stories__/InlineWithDivider");
+
+Object.keys(_InlineWithDivider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _InlineWithDivider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InlineWithDivider[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__/Inline.js

@@ -20,7 +20,7 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldCon
 }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
   id: "name-hint"
 }, "\u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03AF\u03B8\u03B5\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
-  inline: true
+  layout: "horizontal"
 }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
   name: "changed_name",
   value: "yes"

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

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

package/form/RadioContainer/__stories__/InlineWithDivider.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.InlineWithDivider = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FieldContainer = require("@digigov/ui/form/FieldContainer");
+
+var _RadioContainer = require("@digigov/ui/form/RadioContainer");
+
+var _Hint = require("@digigov/ui/typography/Hint");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, {
+  "aria-describedby": "name-hint"
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+  id: "name-hint"
+}, "\u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03AF\u03B8\u03B5\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+  layout: "horizontal"
+}, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "changed_name",
+  value: "yes"
+}, "\u039D\u03B1\u03B9"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "changed_name",
+  value: "no",
+  divider: "\u03AE"
+}, "\u038C\u03C7\u03B9"))));
+
+var InlineWithDivider = function InlineWithDivider() {
+  return _ref;
+};
+
+exports.InlineWithDivider = InlineWithDivider;
+var _default = InlineWithDivider;
+exports["default"] = _default;

package/layouts/Basic/Content/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import Container from '@digigov/react-core/Container';
-export declare const Content: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Container").ContainerProps, "children" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cols" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "fullWidth"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Content: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Container").ContainerProps, "children" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "grid" | "fullWidth"> & import("react").RefAttributes<HTMLDivElement>>;
 export default Content;
 export { Container };

package/layouts/Basic/__snapshots__/index.spec.tsx.snap

@@ -25,10 +25,10 @@ exports[`renders the BasicLayout with Top, Content, Bottom, Main and Side childr
         <ForwardRef(Container)>
           <ForwardRef(Base)
             as="div"
-            className="govgr-width-container"
+            className="govgr-container"
           >
             <div
-              className="govgr-width-container"
+              className="govgr-container"
             >
               <ForwardRef(Base)
                 as="div"

package/layouts/Divider/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SectionBreakProps as CoreSectionBreakProps } from '@digigov/react-core/SectionBreak';
-export * from '@digigov/react-core/ChoiceDivider';
+export * from '@digigov/react-core/ChoiceDividerText';
 export declare type DividerProps = CoreSectionBreakProps;
 export declare const Divider: import("react").ForwardRefExoticComponent<Pick<CoreSectionBreakProps, "children" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "visible"> & import("react").RefAttributes<HTMLHRElement>>;
 export default Divider;

package/layouts/Divider/index.js

@@ -14,16 +14,16 @@ var _SectionBreak = _interopRequireDefault(require("@digigov/react-core/SectionB
 
 var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var _ChoiceDivider = require("@digigov/react-core/ChoiceDivider");
+var _ChoiceDividerText = require("@digigov/react-core/ChoiceDividerText");
 
-Object.keys(_ChoiceDivider).forEach(function (key) {
+Object.keys(_ChoiceDividerText).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ChoiceDivider[key]) return;
+  if (key in exports && exports[key] === _ChoiceDividerText[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _ChoiceDivider[key];
+      return _ChoiceDividerText[key];
     }
   });
 });

package/navigation/Link/Link.stories.playwright.json

@@ -46,13 +46,13 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>div>a"
+                "selector": "html>body>div:nth-child(5)>section>a"
               }
             },
             {
               "name": "click",
               "args": {
-                "selector": "html>body>div:nth-child(5)>div>a"
+                "selector": "html>body>div:nth-child(5)>section>a"
               }
             }
           ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/ui",
-  "version": "1.0.0-002c630d",
+  "version": "1.0.0-6b93ebf2",
   "description": "@digigov reusable components toolkit",
   "main": "./index.js",
   "module": "./esm/index.js",
@@ -13,7 +13,7 @@
     "react-query": "2.26.4",
     "yup": "0.32.11",
     "publint": "0.1.8",
-    "@digigov/react-icons": "1.0.0-002c630d"
+    "@digigov/react-icons": "1.0.0-6b93ebf2"
   },
   "peerDependencies": {
     "@material-ui/core": "4.11.3",
@@ -21,7 +21,7 @@
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
-    "@digigov/react-core": "1.0.0-002c630d"
+    "@digigov/react-core": "1.0.0-6b93ebf2"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/registry.d.ts

@@ -11,7 +11,6 @@ declare var _default: {
     '@digigov/ui/app/App': {};
     '@digigov/ui/app/BannerContainer': {};
     '@digigov/ui/app/BottomInfo': {};
-    '@digigov/ui/app/Confirmation': {};
     '@digigov/ui/app/FilterSection': {};
     '@digigov/ui/app/Footer': {};
     '@digigov/ui/app/Header/HeaderContent': {};
@@ -19,7 +18,6 @@ declare var _default: {
     '@digigov/ui/app/Header/HeaderNavMenuContent': {};
     '@digigov/ui/app/Header/HeaderSecondaryLogo': {};
     '@digigov/ui/app/Header/HeaderSection': {};
-    '@digigov/ui/app/Header/HeaderSubtitle': {};
     '@digigov/ui/app/Header/HeaderTitle': {};
     '@digigov/ui/app/Header': {};
     '@digigov/ui/app/hooks/useFontSize': {};
@@ -37,6 +35,7 @@ declare var _default: {
     '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': {};
     '@digigov/ui/app/OutdatedBrowserBanner': {};
     '@digigov/ui/app/PageTitle': {};
+    '@digigov/ui/app/Panel': {};
     '@digigov/ui/app/PhaseBannerHeader': {};
     '@digigov/ui/app/QrCodeScanner': {};
     '@digigov/ui/app/QrCodeViewer': {};
@@ -196,13 +195,13 @@ declare var _default: {
 };
 export default _default;
 export const stories: {
-    '@digigov/ui/app/Confirmation/Confirmation.stories': typeof _digigov_ui_app_Confirmation_Confirmation_stories;
     '@digigov/ui/app/Footer/Footer.stories': typeof _digigov_ui_app_Footer_Footer_stories;
     '@digigov/ui/app/Header/Header.stories': typeof _digigov_ui_app_Header_Header_stories;
     '@digigov/ui/app/Loader/Loader.stories': typeof _digigov_ui_app_Loader_Loader_stories;
     '@digigov/ui/app/Masthead/Masthead.stories': typeof _digigov_ui_app_Masthead_Masthead_stories;
     '@digigov/ui/app/Modal/Modal.stories': typeof _digigov_ui_app_Modal_Modal_stories;
     '@digigov/ui/app/NotFound/NotFound.stories': typeof _digigov_ui_app_NotFound_NotFound_stories;
+    '@digigov/ui/app/Panel/Panel.stories': typeof _digigov_ui_app_Panel_Panel_stories;
     '@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories': typeof _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories;
     '@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories': typeof _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories;
     '@digigov/ui/app/QrCodeViewer/QRCode.stories': typeof _digigov_ui_app_QrCodeViewer_QRCode_stories;
@@ -251,13 +250,13 @@ export const stories: {
     '@digigov/ui/typography/Paragraph/Paragraph.stories': typeof _digigov_ui_typography_Paragraph_Paragraph_stories;
     '@digigov/ui/utils/VisuallyHidden/VisuallyHidden.stories': typeof _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories;
 };
-import * as _digigov_ui_app_Confirmation_Confirmation_stories from "@digigov/ui/app/Confirmation/Confirmation.stories";
 import * as _digigov_ui_app_Footer_Footer_stories from "@digigov/ui/app/Footer/Footer.stories";
 import * as _digigov_ui_app_Header_Header_stories from "@digigov/ui/app/Header/Header.stories";
 import * as _digigov_ui_app_Loader_Loader_stories from "@digigov/ui/app/Loader/Loader.stories";
 import * as _digigov_ui_app_Masthead_Masthead_stories from "@digigov/ui/app/Masthead/Masthead.stories";
 import * as _digigov_ui_app_Modal_Modal_stories from "@digigov/ui/app/Modal/Modal.stories";
 import * as _digigov_ui_app_NotFound_NotFound_stories from "@digigov/ui/app/NotFound/NotFound.stories";
+import * as _digigov_ui_app_Panel_Panel_stories from "@digigov/ui/app/Panel/Panel.stories";
 import * as _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories from "@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories";
 import * as _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories from "@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories";
 import * as _digigov_ui_app_QrCodeViewer_QRCode_stories from "@digigov/ui/app/QrCodeViewer/QRCode.stories";

package/registry.js

@@ -31,8 +31,6 @@ var _digigov_ui_app_BannerContainer = _interopRequireWildcard(require("@digigov/
 
 var _digigov_ui_app_BottomInfo = _interopRequireWildcard(require("@digigov/ui/app/BottomInfo"));
 
-var _digigov_ui_app_Confirmation = _interopRequireWildcard(require("@digigov/ui/app/Confirmation"));
-
 var _digigov_ui_app_FilterSection = _interopRequireWildcard(require("@digigov/ui/app/FilterSection"));
 
 var _digigov_ui_app_Footer = _interopRequireWildcard(require("@digigov/ui/app/Footer"));
@@ -47,8 +45,6 @@ var _digigov_ui_app_Header_HeaderSecondaryLogo = _interopRequireWildcard(require
 
 var _digigov_ui_app_Header_HeaderSection = _interopRequireWildcard(require("@digigov/ui/app/Header/HeaderSection"));
 
-var _digigov_ui_app_Header_HeaderSubtitle = _interopRequireWildcard(require("@digigov/ui/app/Header/HeaderSubtitle"));
-
 var _digigov_ui_app_Header_HeaderTitle = _interopRequireWildcard(require("@digigov/ui/app/Header/HeaderTitle"));
 
 var _digigov_ui_app_Header = _interopRequireWildcard(require("@digigov/ui/app/Header"));
@@ -83,6 +79,8 @@ var _digigov_ui_app_OutdatedBrowserBanner = _interopRequireWildcard(require("@di
 
 var _digigov_ui_app_PageTitle = _interopRequireWildcard(require("@digigov/ui/app/PageTitle"));
 
+var _digigov_ui_app_Panel = _interopRequireWildcard(require("@digigov/ui/app/Panel"));
+
 var _digigov_ui_app_PhaseBannerHeader = _interopRequireWildcard(require("@digigov/ui/app/PhaseBannerHeader"));
 
 var _digigov_ui_app_QrCodeScanner = _interopRequireWildcard(require("@digigov/ui/app/QrCodeScanner"));
@@ -395,8 +393,6 @@ var _digigov_ui_utils_VisuallyHidden = _interopRequireWildcard(require("@digigov
 
 var _digigov_ui_utils_withDeprecation = _interopRequireWildcard(require("@digigov/ui/utils/withDeprecation"));
 
-var _digigov_ui_app_Confirmation_Confirmation_stories = _interopRequireWildcard(require("@digigov/ui/app/Confirmation/Confirmation.stories"));
-
 var _digigov_ui_app_Footer_Footer_stories = _interopRequireWildcard(require("@digigov/ui/app/Footer/Footer.stories"));
 
 var _digigov_ui_app_Header_Header_stories = _interopRequireWildcard(require("@digigov/ui/app/Header/Header.stories"));
@@ -409,6 +405,8 @@ var _digigov_ui_app_Modal_Modal_stories = _interopRequireWildcard(require("@digi
 
 var _digigov_ui_app_NotFound_NotFound_stories = _interopRequireWildcard(require("@digigov/ui/app/NotFound/NotFound.stories"));
 
+var _digigov_ui_app_Panel_Panel_stories = _interopRequireWildcard(require("@digigov/ui/app/Panel/Panel.stories"));
+
 var _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories = _interopRequireWildcard(require("@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories"));
 
 var _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories = _interopRequireWildcard(require("@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories"));
@@ -535,7 +533,6 @@ var _default = {
   '@digigov/ui/app/App': lazyImport(_digigov_ui_app_App),
   '@digigov/ui/app/BannerContainer': lazyImport(_digigov_ui_app_BannerContainer),
   '@digigov/ui/app/BottomInfo': lazyImport(_digigov_ui_app_BottomInfo),
-  '@digigov/ui/app/Confirmation': lazyImport(_digigov_ui_app_Confirmation),
   '@digigov/ui/app/FilterSection': lazyImport(_digigov_ui_app_FilterSection),
   '@digigov/ui/app/Footer': lazyImport(_digigov_ui_app_Footer),
   '@digigov/ui/app/Header/HeaderContent': lazyImport(_digigov_ui_app_Header_HeaderContent),
@@ -543,7 +540,6 @@ var _default = {
   '@digigov/ui/app/Header/HeaderNavMenuContent': lazyImport(_digigov_ui_app_Header_HeaderNavMenuContent),
   '@digigov/ui/app/Header/HeaderSecondaryLogo': lazyImport(_digigov_ui_app_Header_HeaderSecondaryLogo),
   '@digigov/ui/app/Header/HeaderSection': lazyImport(_digigov_ui_app_Header_HeaderSection),
-  '@digigov/ui/app/Header/HeaderSubtitle': lazyImport(_digigov_ui_app_Header_HeaderSubtitle),
   '@digigov/ui/app/Header/HeaderTitle': lazyImport(_digigov_ui_app_Header_HeaderTitle),
   '@digigov/ui/app/Header': lazyImport(_digigov_ui_app_Header),
   '@digigov/ui/app/hooks/useFontSize': lazyImport(_digigov_ui_app_hooks_useFontSize),
@@ -561,6 +557,7 @@ var _default = {
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck),
   '@digigov/ui/app/OutdatedBrowserBanner': lazyImport(_digigov_ui_app_OutdatedBrowserBanner),
   '@digigov/ui/app/PageTitle': lazyImport(_digigov_ui_app_PageTitle),
+  '@digigov/ui/app/Panel': lazyImport(_digigov_ui_app_Panel),
   '@digigov/ui/app/PhaseBannerHeader': lazyImport(_digigov_ui_app_PhaseBannerHeader),
   '@digigov/ui/app/QrCodeScanner': lazyImport(_digigov_ui_app_QrCodeScanner),
   '@digigov/ui/app/QrCodeViewer': lazyImport(_digigov_ui_app_QrCodeViewer),
@@ -720,13 +717,13 @@ var _default = {
 };
 exports["default"] = _default;
 var stories = {
-  '@digigov/ui/app/Confirmation/Confirmation.stories': _digigov_ui_app_Confirmation_Confirmation_stories,
   '@digigov/ui/app/Footer/Footer.stories': _digigov_ui_app_Footer_Footer_stories,
   '@digigov/ui/app/Header/Header.stories': _digigov_ui_app_Header_Header_stories,
   '@digigov/ui/app/Loader/Loader.stories': _digigov_ui_app_Loader_Loader_stories,
   '@digigov/ui/app/Masthead/Masthead.stories': _digigov_ui_app_Masthead_Masthead_stories,
   '@digigov/ui/app/Modal/Modal.stories': _digigov_ui_app_Modal_Modal_stories,
   '@digigov/ui/app/NotFound/NotFound.stories': _digigov_ui_app_NotFound_NotFound_stories,
+  '@digigov/ui/app/Panel/Panel.stories': _digigov_ui_app_Panel_Panel_stories,
   '@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories': _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories,
   '@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories': _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories,
   '@digigov/ui/app/QrCodeViewer/QRCode.stories': _digigov_ui_app_QrCodeViewer_QRCode_stories,

package/src/app/Header/__snapshots__/index.spec.tsx.snap

@@ -48,8 +48,5 @@ exports[`renders the header with logo, title and subtitle  1`] = `
   >
     A title
   </ForwardRef(HeaderTitle)>
-  <ForwardRef(HeaderSubtitle)>
-    A subtitle
-  </ForwardRef(HeaderSubtitle)>
 </ForwardRef(Header)>
 `;

package/src/app/Header/index.spec.tsx

@@ -1,11 +1,7 @@
 import * as React from 'react';
 import { mount } from 'enzyme';
 
-import Header, {
-  HeaderTitle,
-  HeaderSubtitle,
-  HeaderLogo,
-} from '@digigov/ui/app/Header';
+import Header, { HeaderTitle, HeaderLogo } from '@digigov/ui/app/Header';
 import logo from '../../govgr/GovGRLogo/govgr-logo.svg';
 
 it('renders the header with logo, title and subtitle ', () => {
@@ -13,7 +9,6 @@ it('renders the header with logo, title and subtitle ', () => {
     <Header>
       <HeaderLogo src={logo} href="https://gov.gr" altText="govgr logo" />
       <HeaderTitle href="/some-url">A title</HeaderTitle>
-      <HeaderSubtitle>A subtitle</HeaderSubtitle>
     </Header>
   ).toMatchSnapshot();
 });

package/src/app/Header/index.tsx

@@ -7,5 +7,4 @@ export * from '@digigov/ui/app/Header/HeaderSection';
 export * from '@digigov/ui/app/Header/HeaderContent';
 export * from '@digigov/ui/app/Header/HeaderNavMenuContent';
 export * from '@digigov/ui/app/Header/HeaderSecondaryLogo';
-export * from '@digigov/ui/app/Header/HeaderSubtitle';
 export default Header;

package/src/app/Masthead/Masthead.stories.playwright.json

@@ -8,7 +8,7 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>div>main>a"
+                "selector": "html>body>div:nth-child(5)>section>div>div>main>a"
               }
             }
           ],

package/src/app/NotFound/index.tsx

@@ -1,16 +1,15 @@
 import React from 'react';
-import PageTitle from '@digigov/react-core/PageTitle';
-import PageTitleHeading from '@digigov/react-core/PageTitleHeading';
-import Paragraph from '@digigov/react-core/Paragraph';
 import { useTranslation } from '@digigov/ui/i18n';
+import Section, { PageTitleHeading } from '@digigov/ui/app/PageTitle';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
 export const NotFound: React.FC = () => {
   const { t } = useTranslation();
   return (
     <>
-      <PageTitle>
+      <Section>
         <PageTitleHeading>{t('notfound.page_not_found')}</PageTitleHeading>
-      </PageTitle>
+      </Section>
       <Paragraph>{t('notfound.wrong_key_address')}</Paragraph>
       <Paragraph>{t('notfound.wrong_cp_address')}</Paragraph>
       <Paragraph>{t('notfound.service_contact')}</Paragraph>

package/src/app/PageTitle/index.tsx

@@ -1,6 +1,5 @@
-import PageTitle from '@digigov/react-core/PageTitle';
-export * from '@digigov/react-core/PageTitle';
-export * from '@digigov/react-core/PageTitleCaption';
+import Section from '@digigov/react-core/Section';
+export { default as PageTitle } from '@digigov/react-core/Section';
 export * from '@digigov/react-core/PageTitleHeading';
-export * from '@digigov/react-core/PageTitleSection';
-export default PageTitle;
+export * from '@digigov/react-core/Section';
+export default Section;

package/src/app/Panel/Panel.stories.js

@@ -0,0 +1,10 @@
+import Panel from '@digigov/ui/app/Panel';
+export default {
+  title: 'Digigov UI/app/Panel',
+  description:
+    'You should use it as the success of the final step of a process.',
+  link: 'https://guide.services.gov.gr/docs/components/panel-message',
+  component: Panel,
+  displayName: 'Panel',
+};
+export * from '@digigov/ui/app/Panel/__stories__/Default';