@digigov/ui 1.1.5-496927f3 → 1.2.0-01ea6f24

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

@@ -4,11 +4,11 @@ exports[`renders the HeaderTitle component 1`] = `
 <ForwardRef(HeaderTitle)>
   <ForwardRef(Base)
     as="a"
-    className="govgr-header__title"
+    className="ds-header__title"
     href="/"
   >
     <a
-      className="govgr-header__title"
+      className="ds-header__title"
       href="/"
     >
       A title
@@ -23,11 +23,11 @@ exports[`renders the HeaderTitle component with custom href 1`] = `
 >
   <ForwardRef(Base)
     as="a"
-    className="govgr-header__title"
+    className="ds-header__title"
     href="/somelink"
   >
     <a
-      className="govgr-header__title"
+      className="ds-header__title"
       href="/somelink"
     >
       A title

package/app/QrCodeViewer/QRCode.stories.d.ts

@@ -6,3 +6,4 @@ declare namespace _default {
 export default _default;
 export * from "@digigov/ui/app/QrCodeViewer/__stories__/Default";
 export * from "@digigov/ui/app/QrCodeViewer/__stories__/Custom";
+import QrCodeViewer from '@digigov/ui/app/QrCodeViewer';

package/app/QrCodeViewer/index.d.ts

@@ -3,3 +3,4 @@ import { QRPropsCanvas } from '@digigov/ui/app/QrCodeViewer/types';
 export interface QrCodeViewerProps extends QRPropsCanvas {
 }
 export declare const QrCodeViewer: React.ForwardRefExoticComponent<QrCodeViewerProps & React.RefAttributes<unknown>>;
+export default QrCodeViewer;

package/app/QrCodeViewer/index.js

@@ -139,4 +139,5 @@ export var QrCodeViewer = /*#__PURE__*/React.forwardRef(function QrCodeViewer(pr
   return /*#__PURE__*/React.createElement(QrCodeViewerCanvas, _extends({}, props, {
     ref: ref
   }));
-});
+});
+export default QrCodeViewer;

package/app/hooks/useHighlightLinks/index.js

@@ -8,18 +8,18 @@ export var useHighlightLinks = function useHighlightLinks() {
     changeHighlightLinks = _useState2[1];
   useEffect(function () {
     if (highlightLinks === 'highlight') {
-      document.documentElement.classList.add("govgr-highlight-links");
+      document.documentElement.classList.add("ds-highlight-links");
     } else {
-      document.documentElement.classList.remove("govgr-highlight-links");
+      document.documentElement.classList.remove("ds-highlight-links");
     }
     localStorage.setItem('--theme-highlight-links', highlightLinks);
   }, [highlightLinks]);
   useEffect(function () {
     var beforePrintListener = function beforePrintListener() {
-      document.documentElement.classList.remove("govgr-highlight-links");
+      document.documentElement.classList.remove("ds-highlight-links");
     };
     var afterPrintListener = function afterPrintListener() {
-      document.documentElement.classList.add(localStorage.getItem('--theme-highlight-links') === 'highlight' ? "govgr-highlight-links" : '');
+      document.documentElement.classList.add(localStorage.getItem('--theme-highlight-links') === 'highlight' ? "ds-highlight-links" : '');
     };
     window.addEventListener('beforeprint', beforePrintListener);
     window.addEventListener('afterprint', afterPrintListener);

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

@@ -4,11 +4,11 @@ exports[`renders the HeaderTitle component 1`] = `
 <ForwardRef(HeaderTitle)>
   <ForwardRef(Base)
     as="a"
-    className="govgr-header__title"
+    className="ds-header__title"
     href="/"
   >
     <a
-      className="govgr-header__title"
+      className="ds-header__title"
       href="/"
     >
       A title
@@ -23,11 +23,11 @@ exports[`renders the HeaderTitle component with custom href 1`] = `
 >
   <ForwardRef(Base)
     as="a"
-    className="govgr-header__title"
+    className="ds-header__title"
     href="/somelink"
   >
     <a
-      className="govgr-header__title"
+      className="ds-header__title"
       href="/somelink"
     >
       A title

package/cjs/app/QrCodeViewer/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.QrCodeViewer = void 0;
+exports["default"] = exports.QrCodeViewer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -149,4 +149,5 @@ var QrCodeViewer = exports.QrCodeViewer = /*#__PURE__*/_react["default"].forward
   return /*#__PURE__*/_react["default"].createElement(QrCodeViewerCanvas, (0, _extends2["default"])({}, props, {
     ref: ref
   }));
-});
+});
+var _default = exports["default"] = QrCodeViewer;

package/cjs/app/hooks/useHighlightLinks/index.js

@@ -15,18 +15,18 @@ var useHighlightLinks = exports.useHighlightLinks = function useHighlightLinks()
     changeHighlightLinks = _useState2[1];
   (0, _react.useEffect)(function () {
     if (highlightLinks === 'highlight') {
-      document.documentElement.classList.add("govgr-highlight-links");
+      document.documentElement.classList.add("ds-highlight-links");
     } else {
-      document.documentElement.classList.remove("govgr-highlight-links");
+      document.documentElement.classList.remove("ds-highlight-links");
     }
     localStorage.setItem('--theme-highlight-links', highlightLinks);
   }, [highlightLinks]);
   (0, _react.useEffect)(function () {
     var beforePrintListener = function beforePrintListener() {
-      document.documentElement.classList.remove("govgr-highlight-links");
+      document.documentElement.classList.remove("ds-highlight-links");
     };
     var afterPrintListener = function afterPrintListener() {
-      document.documentElement.classList.add(localStorage.getItem('--theme-highlight-links') === 'highlight' ? "govgr-highlight-links" : '');
+      document.documentElement.classList.add(localStorage.getItem('--theme-highlight-links') === 'highlight' ? "ds-highlight-links" : '');
     };
     window.addEventListener('beforeprint', beforePrintListener);
     window.addEventListener('afterprint', afterPrintListener);

package/cjs/content/Accordion/__snapshots__/index.spec.tsx.snap

@@ -4,19 +4,19 @@ exports[`renders the Accordion 1`] = `
 <ForwardRef(Accordion)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-accordion--border-top govgr-accordion"
+    className="ds-accordion--border-top ds-accordion"
   >
     <div
-      className="govgr-accordion--border-top govgr-accordion"
+      className="ds-accordion--border-top ds-accordion"
     >
       <withDeprecationComponent>
         <ForwardRef(AccordionSection)>
           <ForwardRef(Base)
             as="details"
-            className="govgr-accordion__section"
+            className="ds-accordion__section"
           >
             <details
-              className="govgr-accordion__section"
+              className="ds-accordion__section"
             >
               <withDeprecationComponent>
                 <Component>
@@ -24,12 +24,12 @@ exports[`renders the Accordion 1`] = `
                     <ForwardRef(Base)
                       aria-level={2}
                       as="summary"
-                      className="govgr-accordion__section-summary"
+                      className="ds-accordion__section-summary"
                       role="heading"
                     >
                       <summary
                         aria-level={2}
-                        className="govgr-accordion__section-summary"
+                        className="ds-accordion__section-summary"
                         role="heading"
                       >
                         <ForwardRef(AccordionSectionSummaryHeading)
@@ -39,18 +39,18 @@ exports[`renders the Accordion 1`] = `
                           <ForwardRef(Base)
                             aria-expanded={false}
                             as="h2"
-                            className="govgr-accordion__section-heading"
+                            className="ds-accordion__section-heading"
                             onClick={[Function]}
                             role="button"
                           >
                             <h2
                               aria-expanded={false}
-                              className="govgr-accordion__section-heading"
+                              className="ds-accordion__section-heading"
                               onClick={[Function]}
                               role="button"
                             >
                               <span
-                                className="govgr-accordion__section-button"
+                                className="ds-accordion__section-button"
                               >
                                 Βασικες Ρυθμισεις
                               </span>
@@ -66,10 +66,10 @@ exports[`renders the Accordion 1`] = `
                 <ForwardRef(AccordionSectionContent)>
                   <ForwardRef(Base)
                     as="div"
-                    className="govgr-accordion__section-content"
+                    className="ds-accordion__section-content"
                   >
                     <div
-                      className="govgr-accordion__section-content"
+                      className="ds-accordion__section-content"
                     >
                       Περιεχομενο Βασικων Ρυθμισεων
                     </div>
@@ -84,10 +84,10 @@ exports[`renders the Accordion 1`] = `
         <ForwardRef(AccordionSection)>
           <ForwardRef(Base)
             as="details"
-            className="govgr-accordion__section"
+            className="ds-accordion__section"
           >
             <details
-              className="govgr-accordion__section"
+              className="ds-accordion__section"
             >
               <withDeprecationComponent>
                 <Component>
@@ -95,12 +95,12 @@ exports[`renders the Accordion 1`] = `
                     <ForwardRef(Base)
                       aria-level={2}
                       as="summary"
-                      className="govgr-accordion__section-summary"
+                      className="ds-accordion__section-summary"
                       role="heading"
                     >
                       <summary
                         aria-level={2}
-                        className="govgr-accordion__section-summary"
+                        className="ds-accordion__section-summary"
                         role="heading"
                       >
                         <ForwardRef(AccordionSectionSummaryHeading)
@@ -110,18 +110,18 @@ exports[`renders the Accordion 1`] = `
                           <ForwardRef(Base)
                             aria-expanded={false}
                             as="h2"
-                            className="govgr-accordion__section-heading"
+                            className="ds-accordion__section-heading"
                             onClick={[Function]}
                             role="button"
                           >
                             <h2
                               aria-expanded={false}
-                              className="govgr-accordion__section-heading"
+                              className="ds-accordion__section-heading"
                               onClick={[Function]}
                               role="button"
                             >
                               <span
-                                className="govgr-accordion__section-button"
+                                className="ds-accordion__section-button"
                               >
                                 Υπολοιπες Ρυθμισεις
                               </span>
@@ -137,10 +137,10 @@ exports[`renders the Accordion 1`] = `
                 <ForwardRef(AccordionSectionContent)>
                   <ForwardRef(Base)
                     as="div"
-                    className="govgr-accordion__section-content"
+                    className="ds-accordion__section-content"
                   >
                     <div
-                      className="govgr-accordion__section-content"
+                      className="ds-accordion__section-content"
                     >
                       Περιεχομενο Υπολοιπων Ρυθμισεων
                     </div>

package/cjs/content/Blockquote/__snapshots__/index.spec.tsx.snap

@@ -4,10 +4,10 @@ exports[`renders the Blockquote with sample data 1`] = `
 <ForwardRef(Blockquote)>
   <ForwardRef(Base)
     as="blockquote"
-    className="govgr-blockquote"
+    className="ds-blockquote"
   >
     <blockquote
-      className="govgr-blockquote"
+      className="ds-blockquote"
     >
       this is some random data
     </blockquote>

package/cjs/content/Details/__snapshots__/index.spec.tsx.snap

@@ -4,18 +4,18 @@ exports[`renders the closed Details component 1`] = `
 <ForwardRef(Details)>
   <ForwardRef(Base)
     as="details"
-    className="govgr-details"
+    className="ds-details"
   >
     <details
-      className="govgr-details"
+      className="ds-details"
     >
       <ForwardRef(DetailsSummary)>
         <ForwardRef(Base)
           as="summary"
-          className="govgr-details__summary"
+          className="ds-details__summary"
         >
           <summary
-            className="govgr-details__summary"
+            className="ds-details__summary"
           >
             Help with nationality
           </summary>
@@ -24,10 +24,10 @@ exports[`renders the closed Details component 1`] = `
       <ForwardRef(DetailsContent)>
         <ForwardRef(Base)
           as="div"
-          className="govgr-details__content"
+          className="ds-details__content"
         >
           <div
-            className="govgr-details__content"
+            className="ds-details__content"
           >
             We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
           </div>
@@ -44,20 +44,20 @@ exports[`renders the open Details component 1`] = `
 >
   <ForwardRef(Base)
     as="details"
-    className="govgr-details"
+    className="ds-details"
     open={true}
   >
     <details
-      className="govgr-details"
+      className="ds-details"
       open={true}
     >
       <ForwardRef(DetailsSummary)>
         <ForwardRef(Base)
           as="summary"
-          className="govgr-details__summary"
+          className="ds-details__summary"
         >
           <summary
-            className="govgr-details__summary"
+            className="ds-details__summary"
           >
             Help with nationality
           </summary>
@@ -66,10 +66,10 @@ exports[`renders the open Details component 1`] = `
       <ForwardRef(DetailsContent)>
         <ForwardRef(Base)
           as="div"
-          className="govgr-details__content"
+          className="ds-details__content"
         >
           <div
-            className="govgr-details__content"
+            className="ds-details__content"
           >
             We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
           </div>

package/cjs/content/SafeHTML/index.js

@@ -16,14 +16,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var defaultTags = ['b', 'strong', 'sub', 'sup', 'br', 'a', 'p', 'ul', 'li', 'ol'];
 var elementClassNameMapping = {
-  a: 'govgr-link',
-  p: 'govgr-body',
-  b: 'govgr-bold',
-  strong: 'govgr-bold',
-  sub: 'govgr-sub',
-  ul: 'govgr-list govgr-list--bullet',
-  ol: 'govgr-list govgr-list--number',
-  li: 'govgr-list__item'
+  a: 'ds-link',
+  p: 'ds-body',
+  b: 'ds-bold',
+  strong: 'ds-bold',
+  sub: 'ds-sub',
+  ul: 'ds-list ds-list--bullet',
+  ol: 'ds-list ds-list--number',
+  li: 'ds-list__item'
 };
 if (typeof window !== 'undefined') {
   _dompurify["default"].addHook('afterSanitizeAttributes', function (node) {
@@ -96,7 +96,7 @@ var SafeHTML = exports.SafeHTML = function SafeHTML(_ref) {
     style: (0, _extends2["default"])({
       whiteSpace: 'break-spaces'
     }, style),
-    className: "govgr-body",
+    className: "ds-body",
     dangerouslySetInnerHTML: {
       __html: parsedHTML
     }

package/cjs/content/SummaryList/__snapshots__/index.spec.tsx.snap

@@ -4,26 +4,26 @@ exports[`renders the SummaryList with sample data 1`] = `
 <ForwardRef(SummaryList)>
   <ForwardRef(Base)
     as="dl"
-    className="govgr-summary-list"
+    className="ds-summary-list"
   >
     <dl
-      className="govgr-summary-list"
+      className="ds-summary-list"
     >
       <ForwardRef(SummaryListItem)>
         <ForwardRef(Base)
           as="div"
-          className="govgr-summary-list__row"
+          className="ds-summary-list__row"
         >
           <div
-            className="govgr-summary-list__row"
+            className="ds-summary-list__row"
           >
             <ForwardRef(SummaryListItemKey)>
               <ForwardRef(Base)
                 as="dt"
-                className="govgr-summary-list__key"
+                className="ds-summary-list__key"
               >
                 <dt
-                  className="govgr-summary-list__key"
+                  className="ds-summary-list__key"
                 >
                   Όνομα
                 </dt>
@@ -32,10 +32,10 @@ exports[`renders the SummaryList with sample data 1`] = `
             <ForwardRef(SummaryListItemValue)>
               <ForwardRef(Base)
                 as="dd"
-                className="govgr-summary-list__value"
+                className="ds-summary-list__value"
               >
                 <dd
-                  className="govgr-summary-list__value"
+                  className="ds-summary-list__value"
                 >
                    Μάριος
                 </dd>
@@ -44,10 +44,10 @@ exports[`renders the SummaryList with sample data 1`] = `
             <ForwardRef(SummaryListItemAction)>
               <ForwardRef(Base)
                 as="dd"
-                className="govgr-summary-list__actions"
+                className="ds-summary-list__actions"
               >
                 <dd
-                  className="govgr-summary-list__actions"
+                  className="ds-summary-list__actions"
                 >
                    Αλλαγή
                 </dd>
@@ -59,18 +59,18 @@ exports[`renders the SummaryList with sample data 1`] = `
       <ForwardRef(SummaryListItem)>
         <ForwardRef(Base)
           as="div"
-          className="govgr-summary-list__row"
+          className="ds-summary-list__row"
         >
           <div
-            className="govgr-summary-list__row"
+            className="ds-summary-list__row"
           >
             <ForwardRef(SummaryListItemKey)>
               <ForwardRef(Base)
                 as="dt"
-                className="govgr-summary-list__key"
+                className="ds-summary-list__key"
               >
                 <dt
-                  className="govgr-summary-list__key"
+                  className="ds-summary-list__key"
                 >
                   Επώνυμο
                 </dt>
@@ -79,10 +79,10 @@ exports[`renders the SummaryList with sample data 1`] = `
             <ForwardRef(SummaryListItemValue)>
               <ForwardRef(Base)
                 as="dd"
-                className="govgr-summary-list__value"
+                className="ds-summary-list__value"
               >
                 <dd
-                  className="govgr-summary-list__value"
+                  className="ds-summary-list__value"
                 >
                   Μενεξές
                 </dd>

package/cjs/form/AutoComplete/index.js

@@ -515,7 +515,7 @@ var AutoComplete = exports.AutoComplete = exports["default"] = /*#__PURE__*/func
       var queryLongEnough = query.length >= minLength;
       var showNoOptionsFound = this.props.showNoOptionsFound && inputFocused && noOptionsAvailable && queryNotEmpty && queryLongEnough;
       var componentIsFocused = focused !== null;
-      var dropdownArrowClassName = "govgr-autocomplete__dropdown-arrow-down";
+      var dropdownArrowClassName = "ds-autocomplete__dropdown-arrow-down";
       var optionFocused = focused !== -1 && focused !== null;
       var menuIsVisible = menuOpen || showNoOptionsFound;
       var selectedOptionText = this.templateInputValue(options[selected]);
@@ -642,7 +642,7 @@ AutoComplete.defaultProps = {
   defaultValue: '',
   displayMenu: 'overlay',
   minLength: 0,
-  name: 'govgr-input-autocomplete',
+  name: 'ds-input-autocomplete',
   placeholder: '',
   onConfirm: function onConfirm() {
     return;

package/cjs/form/Button/__snapshots__/index.spec.tsx.snap

@@ -4,11 +4,11 @@ exports[`renders the button 1`] = `
 <ForwardRef(Button)>
   <ForwardRef(Base)
     as="button"
-    className="govgr-btn-primary govgr-btn"
+    className="ds-btn-primary ds-btn"
     printHidden={true}
   >
     <button
-      className="govgr-btn-primary govgr-btn govgr-print-hidden"
+      className="ds-btn-primary ds-btn ds-print-hidden"
     >
       hello
     </button>

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

@@ -5,18 +5,18 @@ children  1`] = `
 <ForwardRef(Layout)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-layout--full-height govgr-layout"
+    className="ds-layout--full-height ds-layout"
   >
     <div
-      className="govgr-layout--full-height govgr-layout"
+      className="ds-layout--full-height ds-layout"
     >
       <ForwardRef(Top)>
         <ForwardRef(Base)
           as="div"
-          className="govgr-top"
+          className="ds-top"
         >
           <div
-            className="govgr-top"
+            className="ds-top"
           >
             Header content
           </div>
@@ -25,7 +25,7 @@ children  1`] = `
       <withDeprecationComponent>
         <ForwardRef(Container)>
           <ForwardRef(Grid)
-            className="govgr-container"
+            className="ds-container"
             container={true}
             spacing={
               Object {
@@ -35,15 +35,15 @@ children  1`] = `
           >
             <ForwardRef(Base)
               as="div"
-              className="govgr-container govgr-gap-sm-12 govgr-grid"
+              className="ds-container ds-gap-sm-12 ds-grid"
             >
               <div
-                className="govgr-container govgr-gap-sm-12 govgr-grid"
+                className="ds-container ds-gap-sm-12 ds-grid"
               >
                 <ForwardRef(Main)>
                   <ForwardRef(Grid)
                     as="main"
-                    className="govgr-main"
+                    className="ds-main"
                     id="main-content"
                     item={true}
                     md={8}
@@ -51,11 +51,11 @@ children  1`] = `
                   >
                     <ForwardRef(Base)
                       as="main"
-                      className="govgr-main xs:govgr-grid__col-span-12 md:govgr-grid__col-span-8"
+                      className="ds-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8"
                       id="main-content"
                     >
                       <main
-                        className="govgr-main xs:govgr-grid__col-span-12 md:govgr-grid__col-span-8"
+                        className="ds-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8"
                         id="main-content"
                       >
                         Main content
@@ -67,7 +67,7 @@ children  1`] = `
                   <ForwardRef(Aside)>
                     <ForwardRef(Grid)
                       as="aside"
-                      className="govgr-aside"
+                      className="ds-aside"
                       item={true}
                       md={4}
                       spacing={4}
@@ -75,10 +75,10 @@ children  1`] = `
                     >
                       <ForwardRef(Base)
                         as="aside"
-                        className="govgr-aside xs:govgr-grid__col-span-12 md:govgr-grid__col-span-4"
+                        className="ds-aside xs:ds-grid__col-span-12 md:ds-grid__col-span-4"
                       >
                         <aside
-                          className="govgr-aside xs:govgr-grid__col-span-12 md:govgr-grid__col-span-4"
+                          className="ds-aside xs:ds-grid__col-span-12 md:ds-grid__col-span-4"
                         >
                           Side content
                         </aside>
@@ -94,10 +94,10 @@ children  1`] = `
       <ForwardRef(Bottom)>
         <ForwardRef(Base)
           as="div"
-          className="govgr-bottom"
+          className="ds-bottom"
         >
           <div
-            className="govgr-bottom"
+            className="ds-bottom"
           >
             Bottom content
           </div>

package/cjs/layouts/Screen/Screen.stories/index.js

@@ -43,6 +43,18 @@ Object.keys(_ScreenDown).forEach(function (key) {
     }
   });
 });
+var _ScreenUp = require("@digigov/ui/layouts/Screen/__stories__/ScreenUp");
+Object.keys(_ScreenUp).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ScreenUp[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ScreenUp[key];
+    }
+  });
+});
 var _default = exports["default"] = {
   title: 'Digigov UI/layouts/Screen',
   component: _Screen["default"],