@digigov/ui 1.1.5-496927f3 → 1.2.0-39d8f7d2

package/navigation/Link/__snapshots__/index.spec.tsx.snap

@@ -23,11 +23,11 @@ exports[`renders the Link 1`] = `
   >
     <ForwardRef(Base)
       as="a"
-      className="govgr-link"
+      className="ds-link"
       href=""
     >
       <a
-        className="govgr-link"
+        className="ds-link"
         href=""
       >
         hello

package/package.json

@@ -1,26 +1,25 @@
 {
   "name": "@digigov/ui",
-  "version": "1.1.5-496927f3",
+  "version": "1.2.0-39d8f7d2",
   "description": "@digigov reusable components toolkit",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "dependencies": {
-    "google-libphonenumber": "3.2.8",
     "@uides/react-qr-reader": "3.0.0",
-    "react-query": "2.26.4",
     "yup": "0.32.11",
     "publint": "0.1.8",
-    "@digigov/react-icons": "1.2.0-496927f3",
+    "@digigov/react-icons": "1.2.0-39d8f7d2",
     "dompurify": "3.0.6"
   },
   "peerDependencies": {
+    "react-query": "2.26.4",
     "@material-ui/core": "4.11.3",
     "@material-ui/icons": "4.11.2",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
-    "@digigov/react-core": "1.2.1-496927f3",
-    "@digigov/css": "1.2.1-496927f3"
+    "@digigov/react-core": "1.3.0-39d8f7d2",
+    "@digigov/css": "1.3.0-39d8f7d2"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/registry/index.js

@@ -135,7 +135,6 @@ import * as _digigov_ui_layouts_Screen from '@digigov/ui/layouts/Screen';
 import * as _digigov_ui_layouts_Section from '@digigov/ui/layouts/Section';
 import * as _digigov_ui_layouts_SectionBreak from '@digigov/ui/layouts/SectionBreak';
 import * as _digigov_ui_layouts_Stack from '@digigov/ui/layouts/Stack';
-import * as _digigov_ui_misc_KitchenSink from '@digigov/ui/misc/KitchenSink';
 import * as _digigov_ui_navigation_BackLink from '@digigov/ui/navigation/BackLink';
 import * as _digigov_ui_navigation_BackToTopLink from '@digigov/ui/navigation/BackToTopLink';
 import * as _digigov_ui_navigation_Breadcrumbs from '@digigov/ui/navigation/Breadcrumbs';
@@ -176,11 +175,6 @@ import * as _digigov_ui_utils_hooks_useScreen from '@digigov/ui/utils/hooks/useS
 import * as _digigov_ui_utils_hooks_useSearch from '@digigov/ui/utils/hooks/useSearch';
 import * as _digigov_ui_utils_hooks_useTogglableTab from '@digigov/ui/utils/hooks/useTogglableTab';
 import * as _digigov_ui_utils from '@digigov/ui/utils';
-import * as _digigov_ui_utils_Kitchensink_AllComponents from '@digigov/ui/utils/Kitchensink/AllComponents';
-import * as _digigov_ui_utils_Kitchensink_KitchensinkByCategory from '@digigov/ui/utils/Kitchensink/KitchensinkByCategory';
-import * as _digigov_ui_utils_Kitchensink_KitchensinkByLetter from '@digigov/ui/utils/Kitchensink/KitchensinkByLetter';
-import * as _digigov_ui_utils_Kitchensink_KitchensinkComponent from '@digigov/ui/utils/Kitchensink/KitchensinkComponent';
-import * as _digigov_ui_utils_Kitchensink_KitchensinkDashboard from '@digigov/ui/utils/Kitchensink/KitchensinkDashboard';
 import * as _digigov_ui_utils_SvgIcon from '@digigov/ui/utils/SvgIcon';
 import * as _digigov_ui_utils_Typography from '@digigov/ui/utils/Typography';
 import * as _digigov_ui_utils_VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';
@@ -337,7 +331,6 @@ export default {
   '@digigov/ui/layouts/Section': lazyImport(_digigov_ui_layouts_Section),
   '@digigov/ui/layouts/SectionBreak': lazyImport(_digigov_ui_layouts_SectionBreak),
   '@digigov/ui/layouts/Stack': lazyImport(_digigov_ui_layouts_Stack),
-  '@digigov/ui/misc/KitchenSink': lazyImport(_digigov_ui_misc_KitchenSink),
   '@digigov/ui/navigation/BackLink': lazyImport(_digigov_ui_navigation_BackLink),
   '@digigov/ui/navigation/BackToTopLink': lazyImport(_digigov_ui_navigation_BackToTopLink),
   '@digigov/ui/navigation/Breadcrumbs': lazyImport(_digigov_ui_navigation_Breadcrumbs),
@@ -378,11 +371,6 @@ export default {
   '@digigov/ui/utils/hooks/useSearch': lazyImport(_digigov_ui_utils_hooks_useSearch),
   '@digigov/ui/utils/hooks/useTogglableTab': lazyImport(_digigov_ui_utils_hooks_useTogglableTab),
   '@digigov/ui/utils': lazyImport(_digigov_ui_utils),
-  '@digigov/ui/utils/Kitchensink/AllComponents': lazyImport(_digigov_ui_utils_Kitchensink_AllComponents),
-  '@digigov/ui/utils/Kitchensink/KitchensinkByCategory': lazyImport(_digigov_ui_utils_Kitchensink_KitchensinkByCategory),
-  '@digigov/ui/utils/Kitchensink/KitchensinkByLetter': lazyImport(_digigov_ui_utils_Kitchensink_KitchensinkByLetter),
-  '@digigov/ui/utils/Kitchensink/KitchensinkComponent': lazyImport(_digigov_ui_utils_Kitchensink_KitchensinkComponent),
-  '@digigov/ui/utils/Kitchensink/KitchensinkDashboard': lazyImport(_digigov_ui_utils_Kitchensink_KitchensinkDashboard),
   '@digigov/ui/utils/SvgIcon': lazyImport(_digigov_ui_utils_SvgIcon),
   '@digigov/ui/utils/Typography': lazyImport(_digigov_ui_utils_Typography),
   '@digigov/ui/utils/VisuallyHidden': lazyImport(_digigov_ui_utils_VisuallyHidden),

package/registry.d.ts

@@ -136,7 +136,6 @@ declare const _default: {
     '@digigov/ui/layouts/Section': {};
     '@digigov/ui/layouts/SectionBreak': {};
     '@digigov/ui/layouts/Stack': {};
-    '@digigov/ui/misc/KitchenSink': {};
     '@digigov/ui/navigation/BackLink': {};
     '@digigov/ui/navigation/BackToTopLink': {};
     '@digigov/ui/navigation/Breadcrumbs': {};
@@ -177,11 +176,6 @@ declare const _default: {
     '@digigov/ui/utils/hooks/useSearch': {};
     '@digigov/ui/utils/hooks/useTogglableTab': {};
     '@digigov/ui/utils': {};
-    '@digigov/ui/utils/Kitchensink/AllComponents': {};
-    '@digigov/ui/utils/Kitchensink/KitchensinkByCategory': {};
-    '@digigov/ui/utils/Kitchensink/KitchensinkByLetter': {};
-    '@digigov/ui/utils/Kitchensink/KitchensinkComponent': {};
-    '@digigov/ui/utils/Kitchensink/KitchensinkDashboard': {};
     '@digigov/ui/utils/SvgIcon': {};
     '@digigov/ui/utils/Typography': {};
     '@digigov/ui/utils/VisuallyHidden': {};

package/src/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/src/app/QrCodeViewer/index.tsx

@@ -176,3 +176,5 @@ export const QrCodeViewer = React.forwardRef(function QrCodeViewer(
 ) {
   return <QrCodeViewerCanvas {...props} ref={ref} />;
 });
+
+export default QrCodeViewer;

package/src/app/hooks/useHighlightLinks.ts

@@ -19,21 +19,21 @@ export const useHighlightLinks = (): UseHighlightLinksResult => {
 
   useEffect(() => {
     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(() => {
     const beforePrintListener = () => {
-      document.documentElement.classList.remove(`govgr-highlight-links`);
+      document.documentElement.classList.remove(`ds-highlight-links`);
     };
     const afterPrintListener = () => {
       document.documentElement.classList.add(
         localStorage.getItem('--theme-highlight-links') === 'highlight'
-          ? `govgr-highlight-links`
+          ? `ds-highlight-links`
           : ''
       );
     };

package/src/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/src/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/src/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/src/content/SafeHTML/index.tsx

@@ -15,14 +15,14 @@ const defaultTags = [
 ];
 
 const 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') {
@@ -62,7 +62,7 @@ export const getClosingTags = (htmlString) => {
   return stack;
 };
 
-interface SafeHTMLProps {
+export interface SafeHTMLProps {
   content: string;
   tags?: Array<string>;
   Tag?: string;
@@ -90,7 +90,7 @@ export const SafeHTML = ({
     <Tag
       // @ts-ignore
       style={{ whiteSpace: 'break-spaces', ...style }}
-      className="govgr-body"
+      className="ds-body"
       dangerouslySetInnerHTML={{
         __html: parsedHTML,
       }}

package/src/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/src/form/AutoComplete/index.tsx

@@ -63,7 +63,7 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     defaultValue: '',
     displayMenu: 'overlay',
     minLength: 0,
-    name: 'govgr-input-autocomplete',
+    name: 'ds-input-autocomplete',
     placeholder: '',
     onConfirm: (): void => {
       return;
@@ -503,7 +503,7 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
       queryNotEmpty &&
       queryLongEnough;
     const componentIsFocused = focused !== null;
-    const dropdownArrowClassName = `govgr-autocomplete__dropdown-arrow-down`;
+    const dropdownArrowClassName = `ds-autocomplete__dropdown-arrow-down`;
     const optionFocused = focused !== -1 && focused !== null;
     const menuIsVisible = menuOpen || showNoOptionsFound;
     const selectedOptionText = this.templateInputValue(options[selected]);
@@ -518,8 +518,8 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     const assistiveHintID = id + '__assistiveHint';
     const ariaDescribedProp = ariaHint
       ? {
-          'aria-describedby': assistiveHintID,
-        }
+        'aria-describedby': assistiveHintID,
+      }
       : null;
 
     return (

package/src/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>