@digigov/react-core 0.2.0 → 0.3.0

package/dist/Grid/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,105 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Grid with \`container\` props 1`] = `
+<ForwardRef(Grid)
+  container={true}
+>
+  <div
+    className="govgr-grid"
+  >
+    hello
+  </div>
+</ForwardRef(Grid)>
+`;
+
+exports[`renders the Grid with \`inline\` props 1`] = `
+<ForwardRef(Grid)
+  inline={true}
+>
+  <div
+    className="govgr-grid-inline"
+  >
+    hello
+  </div>
+</ForwardRef(Grid)>
+`;
+
+exports[`renders the Grid with \`lg\` props 1`] = `
+<ForwardRef(Grid)
+  lg={6}
+>
+  <div
+    className="lg:govgr-grid__col-span-6"
+  >
+    hello
+  </div>
+</ForwardRef(Grid)>
+`;
+
+exports[`renders the Grid with \`md\` props 1`] = `
+<ForwardRef(Grid)
+  md={6}
+>
+  <div
+    className="md:govgr-grid__col-span-6"
+  >
+    hello
+  </div>
+</ForwardRef(Grid)>
+`;
+
+exports[`renders the Grid with \`sm\` props 1`] = `
+<ForwardRef(Grid)
+  sm={6}
+>
+  <div
+    className="sm:govgr-grid__col-span-6"
+  >
+    hello
+  </div>
+</ForwardRef(Grid)>
+`;
+
+exports[`renders the Grid with \`spacing\` props 1`] = `
+<ForwardRef(Grid)
+  spacing={2}
+>
+  <div
+    className=""
+  >
+    hello
+  </div>
+</ForwardRef(Grid)>
+`;
+
+exports[`renders the Grid with \`xl\` props 1`] = `
+<ForwardRef(Grid)
+  xl={6}
+>
+  <div
+    className="xl:govgr-grid__col-span-6"
+  >
+    hello
+  </div>
+</ForwardRef(Grid)>
+`;
+
+exports[`renders the Grid with no props 1`] = `
+<ForwardRef(Grid)>
+  <div
+    className=""
+  >
+    hello
+  </div>
+</ForwardRef(Grid)>
+`;
+
+exports[`renders the Top with no props 1`] = `
+<ForwardRef(Top)>
+  <div
+    className="govgr-top"
+  >
+    hello
+  </div>
+</ForwardRef(Top)>
+`;

package/dist/Grid/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+declare type DivElementAttributes = JSX.IntrinsicElements['div'];
+declare type GridValues = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export interface GridProps extends DivElementAttributes {
+    ref?: React.Ref<HTMLDivElement>;
+    container?: boolean;
+    item?: boolean;
+    inline?: boolean;
+    spacing?: 1 | 2 | 4 | 6;
+    xs?: GridValues;
+    sm?: GridValues;
+    md?: GridValues;
+    lg?: GridValues;
+    xl?: GridValues;
+}
+/**
+ * Grid is used to arrange other components in complex grid configurations of rows and columns.
+ */
+export declare const Grid: React.ForwardRefExoticComponent<Pick<GridProps, "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "inline" | "xl" | "container" | "item" | "spacing" | "xs" | "sm" | "md" | "lg"> & React.RefAttributes<HTMLDivElement>>;
+export default Grid;

package/dist/Grid/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Grid = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children", "container", "item", "spacing", "inline", "xs", "sm", "md", "lg", "xl"];
+
+/**
+ * Grid is used to arrange other components in complex grid configurations of rows and columns.
+ */
+var Grid = /*#__PURE__*/_react["default"].forwardRef(function Grid(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      _ref$container = _ref.container,
+      container = _ref$container === void 0 ? false : _ref$container,
+      _ref$item = _ref.item,
+      item = _ref$item === void 0 ? true : _ref$item,
+      spacing = _ref.spacing,
+      inline = _ref.inline,
+      xs = _ref.xs,
+      sm = _ref.sm,
+      md = _ref.md,
+      lg = _ref.lg,
+      xl = _ref.xl,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    ref: ref,
+    className: (0, _clsx["default"])(className, container === true && [inline === true && 'govgr-grid-inline', 'govgr-grid'], container && [spacing === 1 && "govgr-grid__gap-1", spacing === 2 && "govgr-grid__gap-2", spacing === 4 && "govgr-grid__gap-4", spacing === 6 && "govgr-grid__gap-6"], item && [xs === 'auto' && "xs:govgr-grid__col-auto", sm === 'auto' && "sm:govgr-grid__col-auto", md === 'auto' && "md:govgr-grid__col-auto", lg === 'auto' && "lg:govgr-grid__col-auto", xl === 'auto' && "xl:govgr-grid__col-auto", xs === 10 && "xs:govgr-grid__col-span-10", xs === 11 && "xs:govgr-grid__col-span-11", xs === 12 && "xs:govgr-grid__col-span-12", sm === 10 && "sm:govgr-grid__col-span-10", sm === 11 && "sm:govgr-grid__col-span-11", sm === 12 && "sm:govgr-grid__col-span-12", md === 10 && "md:govgr-grid__col-span-10", md === 11 && "md:govgr-grid__col-span-11", md === 12 && "md:govgr-grid__col-span-12", lg === 10 && "lg:govgr-grid__col-span-10", lg === 11 && "lg:govgr-grid__col-span-11", lg === 12 && "lg:govgr-grid__col-span-12", xl === 10 && "xl:govgr-grid__col-span-10", xl === 11 && "xl:govgr-grid__col-span-11", xl === 12 && "xl:govgr-grid__col-span-12", xs === 1 && "xs:govgr-grid__col-span-1", xs === 2 && "xs:govgr-grid__col-span-2", xs === 3 && "xs:govgr-grid__col-span-3", xs === 4 && "xs:govgr-grid__col-span-4", xs === 5 && "xs:govgr-grid__col-span-5", xs === 6 && "xs:govgr-grid__col-span-6", xs === 7 && "xs:govgr-grid__col-span-7", xs === 8 && "xs:govgr-grid__col-span-8", xs === 9 && "xs:govgr-grid__col-span-9", sm === 1 && "sm:govgr-grid__col-span-1", sm === 2 && "sm:govgr-grid__col-span-2", sm === 3 && "sm:govgr-grid__col-span-3", sm === 4 && "sm:govgr-grid__col-span-4", sm === 5 && "sm:govgr-grid__col-span-5", sm === 6 && "sm:govgr-grid__col-span-6", sm === 7 && "sm:govgr-grid__col-span-7", sm === 8 && "sm:govgr-grid__col-span-8", sm === 9 && "sm:govgr-grid__col-span-9", md === 1 && "md:govgr-grid__col-span-1", md === 2 && "md:govgr-grid__col-span-2", md === 3 && "md:govgr-grid__col-span-3", md === 4 && "md:govgr-grid__col-span-4", md === 5 && "md:govgr-grid__col-span-5", md === 6 && "md:govgr-grid__col-span-6", md === 7 && "md:govgr-grid__col-span-7", md === 8 && "md:govgr-grid__col-span-8", md === 9 && "md:govgr-grid__col-span-9", lg === 1 && "lg:govgr-grid__col-span-1", lg === 2 && "lg:govgr-grid__col-span-2", lg === 3 && "lg:govgr-grid__col-span-3", lg === 4 && "lg:govgr-grid__col-span-4", lg === 5 && "lg:govgr-grid__col-span-5", lg === 6 && "lg:govgr-grid__col-span-6", lg === 7 && "lg:govgr-grid__col-span-7", lg === 8 && "lg:govgr-grid__col-span-8", lg === 9 && "lg:govgr-grid__col-span-9", xl === 1 && "xl:govgr-grid__col-span-1", xl === 2 && "xl:govgr-grid__col-span-2", xl === 3 && "xl:govgr-grid__col-span-3", xl === 4 && "xl:govgr-grid__col-span-4", xl === 5 && "xl:govgr-grid__col-span-5", xl === 6 && "xl:govgr-grid__col-span-6", xl === 7 && "xl:govgr-grid__col-span-7", xl === 8 && "xl:govgr-grid__col-span-8", xl === 9 && "xl:govgr-grid__col-span-9"])
+  }, props), children);
+});
+
+exports.Grid = Grid;
+var _default = Grid;
+exports["default"] = _default;

package/dist/Grid/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Grid/index.test.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Grid["default"], null, "hello");
+
+it('renders the Grid with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  container: true
+}, "hello");
+
+it('renders the Grid with `container` props', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  inline: true
+}, "hello");
+
+it('renders the Grid with `inline` props', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  spacing: 2
+}, "hello");
+
+it('renders the Grid with `spacing` props', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  sm: 6
+}, "hello");
+
+it('renders the Grid with `sm` props', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  lg: 6
+}, "hello");
+
+it('renders the Grid with `lg` props', function () {
+  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  md: 6
+}, "hello");
+
+it('renders the Grid with `md` props', function () {
+  expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xl: 6
+}, "hello");
+
+it('renders the Grid with `xl` props', function () {
+  expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
+});

package/dist/HeaderLogo/__snapshots__/index.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`renders the HeaderLogo with no props 1`] = `
 <ForwardRef(HeaderLogo)>
   <a
-    className="govuk-header-link"
+    className="govgr-header-link"
     href="https://www.gov.gr/"
   >
     <img

package/dist/HeaderLogo/index.d.ts

@@ -1,9 +1,17 @@
 import React from 'react';
 declare type AElementAttributes = JSX.IntrinsicElements['a'];
 export interface HeaderLogoProps extends AElementAttributes {
+    /**
+     * src is optional.
+     */
+    src?: string;
+    /**
+     * href is optional.
+     */
+    href?: string;
 }
 /**
- * Use this component inside the Header to provide the gov.gr logo.
+ * Use this component inside the Header to provide a logo.
  */
-export declare const HeaderLogo: React.ForwardRefExoticComponent<Pick<HeaderLogoProps, "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "href" | "download" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const HeaderLogo: React.ForwardRefExoticComponent<Pick<HeaderLogoProps, "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "href" | "download" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "src"> & React.RefAttributes<HTMLAnchorElement>>;
 export default HeaderLogo;

package/dist/HeaderLogo/index.js

@@ -15,20 +15,22 @@ var _react = _interopRequireDefault(require("react"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className"];
+var _excluded = ["href", "src", "className"];
 
 /**
- * Use this component inside the Header to provide the gov.gr logo.
+ * Use this component inside the Header to provide a logo.
  */
 var HeaderLogo = /*#__PURE__*/_react["default"].forwardRef(function HeaderLogo(_ref, ref) {
-  var className = _ref.className,
+  var href = _ref.href,
+      src = _ref.src,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({
-    href: "https://www.gov.gr/",
+    href: href,
     ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govuk-header-link')
+    className: (0, _clsx["default"])(className, true && 'govgr-header-link')
   }, props), /*#__PURE__*/_react["default"].createElement("img", {
-    src: "https://www.gov.gr/gov_gr_logo.svg",
+    src: src,
     className: (0, _clsx["default"])(className, true && 'govgr-header-logo')
   }));
 });

package/dist/HeaderSecondaryLogo/__snapshots__/index.test.tsx.snap

@@ -5,7 +5,7 @@ exports[`renders the HeaderSecondaryLogo with src 1`] = `
   src="https://dilosi.services.gov.gr/minedu-logo.svg"
 >
   <a
-    className="govuk-header-link"
+    className="govgr-header-link"
   >
     <img
       className="govgr-header-secondary-logo"
@@ -21,7 +21,7 @@ exports[`renders the HeaderSecondaryLogo with src and href 1`] = `
   src="https://dilosi.services.gov.gr/minedu-logo.svg"
 >
   <a
-    className="govuk-header-link"
+    className="govgr-header-link"
     href="https://www.minedu.gov.gr/"
   >
     <img

package/dist/HeaderSecondaryLogo/index.js

@@ -28,7 +28,7 @@ var HeaderSecondaryLogo = /*#__PURE__*/_react["default"].forwardRef(function Hea
   return /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({
     href: href,
     ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govuk-header-link')
+    className: (0, _clsx["default"])(className, true && 'govgr-header-link')
   }, props), /*#__PURE__*/_react["default"].createElement("img", {
     src: src,
     className: (0, _clsx["default"])(className, true && 'govgr-header-secondary-logo')

package/dist/Heading/index.d.ts

@@ -10,8 +10,9 @@ export interface HeadingProps extends H1ElementAttributes {
      * element is optional. 'h1' is the default value.
      * Use 'h1' when this heading is the main page title.
      */
-    element?: 'h1' | 'h2' | 'h3' | 'h4';
+    element?: HeadingHTMLElements;
 }
+export declare type HeadingHTMLElements = 'h1' | 'h2' | 'h3' | 'h4';
 /**
  * Heading component is used to place a title in a the page.
  * Heading component must be wraped inside Main component.

package/dist/Heading/index.js

@@ -17,19 +17,38 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _excluded = ["size", "element", "className", "children"];
 
+var getComponentBySize = function getComponentBySize(size) {
+  switch (size) {
+    case 'xl':
+      return 'h1';
+
+    case 'l':
+      return 'h2';
+
+    case 'm':
+      return 'h3';
+
+    case 's':
+      return 'h4';
+
+    default:
+      return 'h1';
+  }
+};
 /**
  * Heading component is used to place a title in a the page.
  * Heading component must be wraped inside Main component.
  */
+
+
 var Heading = /*#__PURE__*/_react["default"].forwardRef(function Heading(_ref, ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'xl' : _ref$size,
-      _ref$element = _ref.element,
-      element = _ref$element === void 0 ? 'h1' : _ref$element,
+      element = _ref.element,
       className = _ref.className,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var Component = element;
+  var Component = element ? element : getComponentBySize(size);
   return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
     ref: ref,
     className: (0, _clsx["default"])(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s')

package/dist/HellenicRepublicLogo/index.d.ts

@@ -6,6 +6,11 @@ export interface HellenicRepublicLogoProps extends ImgElementAttributes {
      * By default, the src is the official logo of the Hellenic Republic uploaded to the government.gov.gr site.
      */
     src?: string;
+    /**
+     * lang is optional.
+     * Use this to define the language version of the logo. Default is el.
+     */
+    lang?: 'el' | 'en';
 }
 /**
  * HellenicRepublicLogo is used mainly at the Footer.

package/dist/HellenicRepublicLogo/index.js

@@ -15,20 +15,24 @@ var _react = _interopRequireDefault(require("react"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["src", "className", "children"];
+var _logoEl = _interopRequireDefault(require("@digigov/react-core/HellenicRepublicLogo/logo-el"));
+
+var _logoEn = _interopRequireDefault(require("@digigov/react-core/HellenicRepublicLogo/logo-en"));
+
+var _excluded = ["lang", "className", "children"];
 
 /**
  * HellenicRepublicLogo is used mainly at the Footer.
  * This component can't have children.
  */
 var HellenicRepublicLogo = /*#__PURE__*/_react["default"].forwardRef(function HellenicRepublicLogo(_ref, ref) {
-  var _ref$src = _ref.src,
-      src = _ref$src === void 0 ? 'https://government.gov.gr/wp-content/uploads/2017/09/kyvernisi-logo-small-1.png' : _ref$src,
+  var lang = _ref.lang,
       className = _ref.className,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var logo = lang === 'en' ? _logoEn["default"] : _logoEl["default"];
   return /*#__PURE__*/_react["default"].createElement("img", (0, _extends2["default"])({
-    src: src,
+    src: logo,
     ref: ref,
     className: (0, _clsx["default"])(className, true && 'govgr-footer__government-logo')
   }, props), children);