@digigov/ui 0.24.3 → 0.26.2

package/esm/admin/AutoComplete/index.js

@@ -21,31 +21,7 @@ import AutoCompleteAssistiveHint from '@digigov/react-extensions/admin/AutoCompl
 import { Component } from 'react';
 import Status from '@digigov/ui/admin/AutoComplete/Status';
 import DropdownArrowDown from '@digigov/react-extensions/admin/DropdownArrowDown';
-/* const IS_PREACT = process.env.COMPONENT_LIBRARY === 'PREACT'; */
-
-/* const IS_REACT = process.env.COMPONENT_LIBRARY === 'REACT'; */
-
-var keyCodes = {
-  13: 'enter',
-  27: 'escape',
-  32: 'space',
-  38: 'up',
-  40: 'down'
-};
-
-function isIosDevice() {
-  return typeof navigator !== 'undefined' && !!(navigator.userAgent.match(/(iPod|iPhone|iPad)/g) && navigator.userAgent.match(/AppleWebKit/g));
-}
-
-function isPrintableKeyCode(keyCode) {
-  return keyCode > 47 && keyCode < 58 || // number keys
-  keyCode === 32 || keyCode === 8 || // spacebar or backspace
-  keyCode > 64 && keyCode < 91 || // letter keys
-  keyCode > 95 && keyCode < 112 || // numpad keys
-  keyCode > 185 && keyCode < 193 || // ;=,-./` (in order)
-  keyCode > 218 && keyCode < 223 // [\]' (in order)
-  ;
-}
+import { isIosDevice, keyCodes, isPrintableKeyCode } from '@digigov/ui/admin/AutoComplete/utils';
 
 var AutoComplete = /*#__PURE__*/function (_Component) {
   _inherits(AutoComplete, _Component);
@@ -139,7 +115,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(prevState) {
+    value: function componentDidUpdate(_, prevState) {
       var focused = this.state.focused;
       var componentLostFocus = focused === null;
       var focusedChanged = prevState.focused !== focused;
@@ -515,7 +491,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
           tStatusSelectedOption = _this$props4.tStatusSelectedOption,
           tStatusResults = _this$props4.tStatusResults,
           tAssistiveHint = _this$props4.tAssistiveHint,
-          dropdownArrowFactory = _this$props4.dropdownArrow;
+          DropdownArrow = _this$props4.dropdownArrow;
       var _this$state7 = this.state,
           focused = _this$state7.focused,
           hovered = _this$state7.hovered,
@@ -542,23 +518,6 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var ariaDescribedProp = ariaHint ? {
         'aria-describedby': assistiveHintID
       } : null;
-      var dropdownArrow; // we only need a dropdown arrow if showAllValues is set to a truthy value
-
-      if (showAllValues) {
-        dropdownArrow = dropdownArrowFactory({
-          className: dropdownArrowClassName
-        }); // if the factory returns a string we'll render this as HTML (usage w/o (P)React)
-
-        if (typeof dropdownArrow === 'string') {
-          dropdownArrow = /*#__PURE__*/React.createElement("div", {
-            className: "autocomplete__dropdown-arrow-down-wrapper",
-            dangerouslySetInnerHTML: {
-              __html: dropdownArrow
-            }
-          });
-        }
-      }
-
       return /*#__PURE__*/React.createElement(AutoCompleteWrapper, {
         onKeyDown: this.handleKeyDown,
         cellWidth: cellWidth
@@ -601,7 +560,9 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         role: "combobox",
         required: required,
         value: query
-      })), dropdownArrow, /*#__PURE__*/React.createElement(AutoCompleteResultList, {
+      })), showAllValues && DropdownArrow && /*#__PURE__*/React.createElement(DropdownArrow, {
+        className: dropdownArrowClassName
+      }), /*#__PURE__*/React.createElement(AutoCompleteResultList, {
         displayMenu: displayMenu,
         isVisible: menuIsVisible,
         onMouseLeave: function onMouseLeave() {

package/esm/admin/AutoComplete/utils.js

@@ -1,6 +1,19 @@
-export default function suggest(query, syncResults) {
-  var results = ['Afghanistan', 'Akrotiri', 'Albania', 'Algeria', 'American Samoa', 'Andorra', 'Angola', 'Anguilla', 'Antarctica', 'Antigua and Barbuda', 'Argentina', 'Armenia', 'Aruba', 'Ashmore and Cartier Islands', 'Australia', 'Austria', 'Azerbaijan', 'Bahamas, The', 'Bahrain', 'Bangladesh', 'Barbados', 'Bassas da India', 'Belarus', 'Belgium', 'Belize', 'Benin', 'Bermuda', 'Bhutan', 'Bolivia', 'Bosnia and Herzegovina', 'Botswana', 'Bouvet Island', 'Brazil', 'British Indian Ocean Territory', 'British Virgin Islands', 'Brunei', 'Bulgaria', 'Burkina Faso', 'Burma', 'Burundi', 'Cambodia', 'Cameroon', 'Canada', 'Cape Verde', 'Cayman Islands', 'Central African Republic', 'Chad', 'Chile', 'China', 'Christmas Island', 'Clipperton Island', 'Cocos (Keeling) Islands', 'Colombia', 'Comoros', 'Congo', 'Cook Islands', 'Coral Sea Islands', 'Costa Rica', "Cote d'Ivoire", 'Croatia', 'Cuba', 'Cyprus', 'Czech Republic', 'Denmark', 'Dhekelia', 'Djibouti', 'Dominica', 'Dominican Republic', 'Ecuador', 'Egypt', 'El Salvador', 'Equatorial Guinea', 'Eritrea', 'Estonia', 'Ethiopia', 'Europa Island', 'Falkland Islands', 'Faroe Islands', 'Fiji', 'Finland', 'France', 'French Guiana', 'French Polynesia', 'French Southern and Antarctic Lands', 'Gabon', 'Gambia,', 'Gaza Strip', 'Georgia', 'Germany', 'Ghana', 'Gibraltar', 'Glorioso Islands', 'Greece', 'Greenland', 'Grenada', 'Guadeloupe', 'Guam', 'Guatemala', 'Guernsey', 'Guinea', 'Guinea-Bissau', 'Guyana', 'Haiti', 'Heard Island and McDonald Islands', 'Holy See (Vatican City)', 'Honduras', 'Hong Kong', 'Hungary', 'Iceland', 'India', 'Indonesia', 'Iran', 'Iraq', 'Ireland', 'Isle of Man', 'Israel', 'Italy', 'Jamaica', 'Jan Mayen', 'Japan', 'Jersey', 'Jordan', 'Juan de Nova Island', 'Kazakhstan', 'Kenya', 'Kiribati', 'Korea, North', 'Korea, South', 'Kuwait', 'Kyrgyzstan', 'Laos', 'Latvia', 'Lebanon', 'Lesotho', 'Liberia', 'Libya', 'Liechtenstein', 'Lithuania', 'Luxembourg', 'Macau', 'Macedonia', 'Madagascar', 'Malawi', 'Malaysia', 'Maldives', 'Mali', 'Malta', 'Marshall Islands', 'Martinique', 'Mauritania', 'Mauritius', 'Mayotte', 'Mexico', 'Micronesia, Federated States of', 'Moldova', 'Monaco', 'Mongolia', 'Montserrat', 'Morocco', 'Mozambique', 'Namibia', 'Nauru', 'Navassa Island', 'Nepal', 'Netherlands', 'Netherlands Antilles', 'New Caledonia', 'New Zealand', 'Nicaragua', 'Niger', 'Nigeria', 'Niue', 'Norfolk Island', 'Northern Mariana Islands', 'Norway', 'Oman', 'Pakistan', 'Palau', 'Panama', 'Papua New Guinea', 'Paracel Islands', 'Paraguay', 'Peru', 'Philippines', 'Pitcairn Islands', 'Poland', 'Portugal', 'Puerto Rico', 'Qatar', 'Reunion', 'Romania', 'Russia', 'Rwanda', 'Saint Helena', 'Saint Kitts and Nevis', 'Saint Lucia', 'Saint Pierre and Miquelon', 'Saint Vincent and the Grenadines', 'Samoa', 'San Marino', 'Sao Tome and Principe', 'Saudi Arabia', 'Senegal', 'Serbia and Montenegro', 'Seychelles', 'Sierra Leone', 'Singapore', 'Slovakia', 'Slovenia', 'Solomon Islands', 'Somalia', 'South Africa', 'South Georgia and the South Sandwich Islands', 'Spain', 'Spratly Islands', 'Sri Lanka', 'Sudan', 'Suriname', 'Svalbard', 'Swaziland', 'Sweden', 'Switzerland', 'Syria', 'Taiwan', 'Tajikistan', 'Tanzania', 'Thailand', 'Timor-Leste', 'Togo', 'Tokelau', 'Tonga', 'Trinidad and Tobago', 'Tromelin Island', 'Tunisia', 'Turkey', 'Turkmenistan', 'Turks and Caicos Islands', 'Tuvalu', 'Uganda', 'Ukraine', 'United Arab Emirates', 'United Kingdom', 'United States', 'Uruguay', 'Uzbekistan', 'Vanuatu', 'Venezuela', 'Vietnam', 'Virgin Islands', 'Wake Island', 'Wallis and Futuna', 'West Bank', 'Western Sahara', 'Yemen', 'Zambia', 'Zimbabwe'];
-  syncResults(query ? results.filter(function (result) {
-    return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
-  }) : []);
+export var keyCodes = {
+  13: 'enter',
+  27: 'escape',
+  32: 'space',
+  38: 'up',
+  40: 'down'
+};
+export function isIosDevice() {
+  return typeof navigator !== 'undefined' && !!(navigator.userAgent.match(/(iPod|iPhone|iPad)/g) && navigator.userAgent.match(/AppleWebKit/g));
+}
+export function isPrintableKeyCode(keyCode) {
+  return keyCode > 47 && keyCode < 58 || // number keys
+  keyCode === 32 || keyCode === 8 || // spacebar or backspace
+  keyCode > 64 && keyCode < 91 || // letter keys
+  keyCode > 95 && keyCode < 112 || // numpad keys
+  keyCode > 185 && keyCode < 193 || // ;=,-./` (in order)
+  keyCode > 218 && keyCode < 223 // [\]' (in order)
+  ;
 }

package/esm/admin/Chip/index.js

@@ -1,5 +1,7 @@
 export * from '@digigov/react-extensions/admin/Chip';
 export * from '@digigov/react-extensions/admin/ChipHeading';
 export * from '@digigov/react-extensions/admin/ChipSection';
+export * from '@digigov/react-extensions/admin/ChipSectionHorizontal';
+export * from '@digigov/react-extensions/admin/ChipSectionWrapper';
 import Chip from '@digigov/react-extensions/admin/Chip';
 export default Chip;

package/esm/admin/CopyToClipboard/CopyToClipboard.stories.playwright.json

@@ -0,0 +1,37 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-admin-copytoclipboard--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div>button"
+              }
+            }
+          ],
+          "id": "BSaIJR2CMZJU",
+          "title": "Click button"
+        }
+      ]
+    },
+    "digigov-ui-admin-copytoclipboard--banner": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div>button"
+              }
+            }
+          ],
+          "id": "T50MBtHpfRog",
+          "title": "Click button"
+        }
+      ]
+    }
+  }
+}

package/esm/admin/CopyToClipboard/index.js

@@ -43,4 +43,5 @@ export var CopyToClipboard = /*#__PURE__*/React.forwardRef(function CopyToClipbo
     role: "tooltip"
   }, /*#__PURE__*/React.createElement(NormalText, null, message || t('copy-to-clipboard.message'))));
 });
-export default CopyToClipboard;
+export default CopyToClipboard;
+export { CopyToClipboardContainer, CopyToClipboardMessage };

package/esm/admin/Drawer/Drawer.stories.js

@@ -1,6 +1,3 @@
-import Drawer from '@digigov/ui/admin/Drawer';
 export default {
-  title: 'Digigov UI/admin/Drawer',
-  component: Drawer
-};
-export * from '@digigov/ui/admin/Drawer/__stories__/Default';
+  title: 'Digigov UI/admin/Drawer'
+}; // export * from '@digigov/ui/admin/Drawer/__stories__/Default';

package/esm/admin/Drawer/__stories__/Default.js

@@ -9,6 +9,19 @@ import { Card, CardHeading, CardText } from '@digigov/react-core';
 import Grid from '@digigov/react-core/Grid';
 import GovGRFooter from '@digigov/ui/govgr/Footer';
 
+function useDrawer() {
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  function toggleDrawer() {
+    setOpen(!open);
+  }
+
+  return [open, toggleDrawer];
+}
+
 var _ref = /*#__PURE__*/React.createElement(GovGRLogo, null);
 
 var _ref2 = /*#__PURE__*/React.createElement(BurgerIcon, null);
@@ -47,19 +60,6 @@ var _ref6 = /*#__PURE__*/React.createElement(AdminMain, null, /*#__PURE__*/React
 var _ref7 = /*#__PURE__*/React.createElement(GovGRFooter, null);
 
 export var Default = function Default() {
-  function useDrawer() {
-    var _useState = useState(true),
-        _useState2 = _slicedToArray(_useState, 2),
-        open = _useState2[0],
-        setOpen = _useState2[1];
-
-    function toggleDrawer() {
-      setOpen(!open);
-    }
-
-    return [open, toggleDrawer];
-  }
-
   var _useDrawer = useDrawer(),
       _useDrawer2 = _slicedToArray(_useDrawer, 2),
       open = _useDrawer2[0],

package/esm/admin/Drawer/index.js

@@ -1,3 +1,4 @@
 export * from '@digigov/react-extensions/admin/Drawer';
+export * from '@digigov/react-extensions/admin/DrawerHeading';
 import Drawer from '@digigov/react-extensions/admin/Drawer';
 export default Drawer;

package/esm/admin/Dropdown/Dropdown.stories.playwright.json

@@ -0,0 +1,21 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-admin-dropdown--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>details>summary"
+              }
+            }
+          ],
+          "id": "pRk02vUzsti1",
+          "title": "Open dropdown"
+        }
+      ]
+    }
+  }
+}

package/esm/admin/DropdownArrowDown/index.js

@@ -0,0 +1,3 @@
+import DropdownArrowDown from '@digigov/react-extensions/admin/DropdownArrowDown';
+export default DropdownArrowDown;
+export { DropdownArrowDown };

package/esm/admin/Modal/Modal.stories.playwright.json

@@ -0,0 +1,37 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-admin-modal--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            }
+          ],
+          "id": "Q1m2Z1DE-gfI",
+          "title": "Open Modal"
+        }
+      ]
+    },
+    "digigov-ui-admin-modal--alert-dialog": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            }
+          ],
+          "id": "ugGBGco96ZdX",
+          "title": "Open modal"
+        }
+      ]
+    }
+  }
+}

package/esm/admin/Pagination/Pagination.stories.playwright.json

@@ -0,0 +1,27 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-admin-pagination--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>nav:nth-child(1)>ul>li:nth-child(4)>a"
+              }
+            },
+            {
+              "name": "focus",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>nav:nth-child(1)>ul>li:nth-child(4)>a"
+              }
+            }
+          ],
+          "id": "rXA1pwhPvkBZ",
+          "title": "Hover and click no3"
+        }
+      ]
+    }
+  }
+}

package/esm/admin/StepNav/StepNav.stories.playwright.json

@@ -0,0 +1,33 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-admin-stepnav--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>details>summary>h2>div>span:nth-child(1)"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>details>summary>h2>div>span:nth-child(1)"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div>button"
+              }
+            }
+          ],
+          "id": "C735jJuFjJNe",
+          "title": "Click 1st and all"
+        }
+      ]
+    }
+  }
+}

package/esm/admin/index.js

@@ -1,4 +1,5 @@
 export * from '@digigov/ui/admin/Dropdown';
+export * from '@digigov/ui/admin/DropdownArrowDown';
 export * from '@digigov/ui/admin/Chip';
 export * from '@digigov/ui/admin/CopyToClipboard';
 export * from '@digigov/ui/admin/FillableText';

package/esm/app/App.js

@@ -1,27 +1,14 @@
 import React, { Suspense } from 'react';
-import CssBaseline from '@material-ui/core/CssBaseline';
-import { ThemeProvider, makeStyles } from '@material-ui/core/styles';
-export var useAppStyles = makeStyles({
-  root: {}
-});
 
 var App = function App(_ref) {
-  var theme = _ref.theme,
-      children = _ref.children;
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/React.createElement(Suspense, {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Suspense, {
     fallback: 'loading...'
-  }, children));
+  }, children);
 };
 
-var _ref3 = /*#__PURE__*/React.createElement(CssBaseline, null);
-
 export var StaticApp = function StaticApp(_ref2) {
-  var theme = _ref2.theme,
-      children = _ref2.children;
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, _ref3, children);
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
 export default App;

package/esm/app/Footer/Footer.stories.js

@@ -7,5 +7,6 @@ export default {
 export * from './__stories__/Default';
 export * from './__stories__/FooterWithLogo';
 export * from './__stories__/FooterWithLink';
+export * from './__stories__/DefaultCopyright';
 export * from './__stories__/FooterWithSecondaryNavigation';
 export * from './__stories__/FooterAllInclusive';

package/esm/app/Footer/Footer.stories.playwright.json

@@ -0,0 +1,27 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-app-footer--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>footer>div>div>div:nth-child(1)>p>a:nth-child(1)"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>footer>div>div>div:nth-child(1)>p>a:nth-child(1)"
+              }
+            }
+          ],
+          "id": "DdcFTuWf4bDH",
+          "title": "Hover and click"
+        }
+      ]
+    }
+  }
+}

package/esm/app/Footer/__stories__/DefaultCopyright.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import Copyright from '@digigov/ui/govgr/Footer/Copyright';
+import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+import Footer from '@digigov/ui/govgr/Footer';
+import { FooterMeta, FooterMetaItem, FooterContent, FooterInlineList, FooterInlineListItem, FooterLink, VisuallyHidden } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterMeta, null, /*#__PURE__*/React.createElement(FooterMetaItem, {
+  grow: true
+}, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /*#__PURE__*/React.createElement(FooterInlineList, null, /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, {
+  href: "#"
+}, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1"))), /*#__PURE__*/React.createElement(Copyright, null))), /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null))));
+
+export var DefaultCopyright = function DefaultCopyright() {
+  return _ref;
+};
+export default DefaultCopyright;

package/esm/app/Footer/__stories__/FooterAllInclusive.js

@@ -5,6 +5,8 @@ import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo'
 import { FooterMeta, FooterMetaItem, FooterContent, FooterNavigation, FooterSection, FooterHeading, FooterList, FooterListItem, FooterLink, VisuallyHidden, FooterInlineList, FooterInlineListItem, FooterContentLogos, FooterImage } from '@digigov/react-core';
 import Link from '@digigov/ui/core/Link';
 import { SectionBreak } from '@digigov/ui';
+import logo1 from '@digigov/ui/govgr/images/greek-government-base64';
+import logo2 from '@digigov/ui/govgr/images/grnet-logo-base64';
 
 var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterNavigation, null, /*#__PURE__*/React.createElement(FooterSection, null, /*#__PURE__*/React.createElement(FooterHeading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03BC\u03B5\u03BD\u03BF\u03CD"), /*#__PURE__*/React.createElement(FooterList, {
   columns: 2
@@ -13,16 +15,19 @@ var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.cre
 }), /*#__PURE__*/React.createElement(FooterMeta, null, /*#__PURE__*/React.createElement(FooterMetaItem, {
   grow: true
 }, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /*#__PURE__*/React.createElement(FooterInlineList, null, /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1"))), /*#__PURE__*/React.createElement(FooterContentLogos, null, /*#__PURE__*/React.createElement(FooterImage, {
-  src: "https://government.gov.gr/wp-content/uploads/2017/09/kyvernisi-logo-small-1.png"
+  src: logo1
 }), /*#__PURE__*/React.createElement(FooterImage, {
-  src: "https://grnet.gr/wp-content/uploads/sites/13/2016/04/GRNET_Logo_Transparent-e1431694322566-1.png"
-})), /*#__PURE__*/React.createElement(Copyright, null, "\xA9 Copyright 2021 - \u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+  src: logo2
+})), /*#__PURE__*/React.createElement(Copyright, null, "\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
   href: "https://grnet.gr/",
   target: "_blank"
 }, ' ', "\u0395\u0394\u03A5\u03A4\u0395", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)")), ' ', "\u03B3\u03B9\u03B1 \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
   href: "https://mindigital.gr/",
   target: "_blank"
-}, ' ', "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)"))))), /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null))));
+}, ' ', "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)")), ' ', "\u03BA\u03B1\u03B9 \u03B3\u03B9\u03B1 \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://www.minedu.gov.gr/",
+  target: "_blank"
+}, ' ', "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A0\u03B1\u03B9\u03B4\u03B5\u03AF\u03B1\u03C2 \u03BA\u03B1\u03B9 \u0398\u03C1\u03B7\u03C3\u03BA\u03B5\u03C5\u03BC\u03AC\u03C4\u03C9\u03BD", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)"))))), /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null))));
 
 export var FooterAllInclusive = function FooterAllInclusive() {
   return _ref;

package/esm/app/Footer/__stories__/FooterWithLink.js

@@ -9,7 +9,7 @@ var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.cre
   grow: true
 }, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /*#__PURE__*/React.createElement(FooterInlineList, null, /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, {
   href: "#"
-}, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1"))), /*#__PURE__*/React.createElement(Copyright, null, "\xA9 Copyright 2021 - \u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+}, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1"))), /*#__PURE__*/React.createElement(Copyright, null, "\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
   href: "https://grnet.gr/",
   target: "_blank"
 }, ' ', "\u0395\u0394\u03A5\u03A4\u0395", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)")), ' ', "\u03B3\u03B9\u03B1 \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {

package/esm/app/Footer/__stories__/FooterWithLogo.js

@@ -4,11 +4,13 @@ import Copyright from '@digigov/ui/govgr/Footer/Copyright';
 import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
 import { FooterMeta, FooterMetaItem, FooterContent, FooterContentLogos, FooterImage, VisuallyHidden } from '@digigov/react-core';
 import Link from '@digigov/ui/core/Link';
+import logo1 from '@digigov/ui/govgr/images/greek-government-base64';
+import logo2 from '@digigov/ui/govgr/images/grnet-logo-base64';
 
 var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterMeta, null, /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(FooterContentLogos, null, /*#__PURE__*/React.createElement(FooterImage, {
-  src: "https://government.gov.gr/wp-content/uploads/2017/09/kyvernisi-logo-small-1.png"
+  src: logo1
 }), /*#__PURE__*/React.createElement(FooterImage, {
-  src: "https://grnet.gr/wp-content/uploads/sites/13/2016/04/GRNET_Logo_Transparent-e1431694322566-1.png"
+  src: logo2
 })), /*#__PURE__*/React.createElement(Copyright, null, "\xA9 Copyright 2021 - \u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
   href: "https://grnet.gr/",
   target: "_blank"

package/esm/app/Header/Header.stories.playwright.json

@@ -0,0 +1,33 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-app-header--with-service-name-and-logo": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "93jBqParMbyh",
+          "title": "Keyboard navigation"
+        }
+      ]
+    }
+  }
+}

package/esm/app/Header/__stories__/Default.js

@@ -2,10 +2,9 @@ import React from 'react';
 import Header from '@digigov/ui/app/Header';
 import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
 import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
-import HeaderLogo from '@digigov/ui/app/Header/HeaderLogo';
+import GovGRLogo from '@digigov/ui/govgr/Logo';
 
-var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(HeaderLogo, {
-  src: "https://www.gov.gr/gov_gr_logo.svg",
+var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(GovGRLogo, {
   href: "#"
 }))));
 

package/esm/app/Header/__stories__/WithNavigation.js

@@ -2,13 +2,12 @@ import React from 'react';
 import Header from '@digigov/ui/app/Header';
 import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
 import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
-import HeaderLogo from '@digigov/ui/app/Header/HeaderLogo';
 import NavHorizontal from '@digigov/react-core/NavHorizontal';
 import NavHorizontalList from '@digigov/react-core/NavHorizontalList';
 import NavHorizontalListItem from '@digigov/react-core/NavHorizontalListItem';
+import GovGRLogo from '@digigov/ui/govgr/Logo';
 
-var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(HeaderLogo, {
-  src: "https://www.gov.gr/gov_gr_logo.svg",
+var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(GovGRLogo, {
   href: "#"
 })))), /*#__PURE__*/React.createElement(NavHorizontal, null, /*#__PURE__*/React.createElement(NavHorizontalList, null, /*#__PURE__*/React.createElement(NavHorizontalListItem, {
   active: true

package/esm/app/Header/__stories__/WithServiceName.js

@@ -2,11 +2,10 @@ import React from 'react';
 import Header from '@digigov/ui/app/Header';
 import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
 import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
-import HeaderLogo from '@digigov/ui/app/Header/HeaderLogo';
+import GovGRLogo from '@digigov/ui/govgr/Logo';
 import HeaderTitle from '@digigov/ui/app/Header/HeaderTitle';
 
-var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(HeaderLogo, {
-  src: "https://www.gov.gr/gov_gr_logo.svg",
+var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(GovGRLogo, {
   href: "#"
 }), /*#__PURE__*/React.createElement(HeaderTitle, null, "Service name"))));
 

package/esm/app/Header/__stories__/WithServiceNameAndLogo.js

@@ -2,15 +2,15 @@ import React from 'react';
 import Header from '@digigov/ui/app/Header';
 import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
 import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
-import HeaderLogo from '@digigov/ui/app/Header/HeaderLogo';
+import GovGRLogo from '@digigov/ui/govgr/Logo';
 import HeaderSecondaryLogo from '@digigov/ui/app/Header/HeaderSecondaryLogo';
 import HeaderTitle from '@digigov/ui/app/Header/HeaderTitle';
+import logo3 from '@digigov/ui/govgr/images/minedu-logo-base64';
 
-var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(HeaderLogo, {
-  src: "https://www.gov.gr/gov_gr_logo.svg",
+var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(GovGRLogo, {
   href: "#"
 }), /*#__PURE__*/React.createElement(HeaderSecondaryLogo, {
-  src: "https://dilosi.services.gov.gr/minedu-logo.svg",
+  src: logo3,
   href: "#"
 }), /*#__PURE__*/React.createElement(HeaderTitle, null, "Service name"))));