@digigov/react-core 1.0.0-758a1807 → 1.0.0-77ee23d9

package/es/ImageLogoSet/index.test.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import ImageLogoSet from '@digigov/react-core/ImageLogoSet';
+
+var _ref = /*#__PURE__*/React.createElement(ImageLogoSet, {
+  src: "logo.png"
+});
+
+it('renders the Hint with src prop', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+it('renders the Hint with  variants=[light] and src props', function () {
+  expect(mount( /*#__PURE__*/React.createElement(ImageLogoSet, {
+    variants: ['light'],
+    src: "logo.png"
+  }))).toMatchSnapshot();
+});
+it('renders the Hint with  variants=[light, dark] and src props', function () {
+  expect(mount( /*#__PURE__*/React.createElement(ImageLogoSet, {
+    variants: ['light', 'dark'],
+    src: "logo.png"
+  }))).toMatchSnapshot();
+});

package/es/Unpurge/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 function Unpurge() {
   return /*#__PURE__*/React.createElement("div", {
-    className: "\n    govgr-m-0 \n    govgr-mt-0 \n    govgr-mb-0 \n    govgr-mr-0 \n    govgr-ml-0 \n    govgr-p-0 \n    govgr-pt-0 \n    govgr-pb-0 \n    govgr-pr-0 \n    govgr-pl-0 \n    govgr-m-1 \n    govgr-mt-1 \n    govgr-mb-1 \n    govgr-mr-1 \n    govgr-ml-1 \n    govgr-p-1 \n    govgr-pt-1 \n    govgr-pb-1 \n    govgr-pr-1 \n    govgr-pl-1 \n    govgr-m-2 \n    govgr-mt-2 \n    govgr-mb-2 \n    govgr-mr-2 \n    govgr-ml-2 \n    govgr-p-2 \n    govgr-pt-2 \n    govgr-pb-2 \n    govgr-pr-2 \n    govgr-pl-2 \n    govgr-m-3 \n    govgr-mt-3 \n    govgr-mb-3 \n    govgr-mr-3 \n    govgr-ml-3 \n    govgr-p-3 \n    govgr-pt-3 \n    govgr-pb-3 \n    govgr-pr-3 \n    govgr-pl-3 \n    govgr-m-4 \n    govgr-mt-4 \n    govgr-mb-4 \n    govgr-mr-4 \n    govgr-ml-4 \n    govgr-p-4 \n    govgr-pt-4 \n    govgr-pb-4 \n    govgr-pr-4 \n    govgr-pl-4 \n    govgr-m-5 \n    govgr-mt-5 \n    govgr-mb-5 \n    govgr-mr-5 \n    govgr-ml-5 \n    govgr-p-5 \n    govgr-pt-5 \n    govgr-pb-5 \n    govgr-pr-5 \n    govgr-pl-5 \n    govgr-m-6 \n    govgr-mt-6 \n    govgr-mb-6 \n    govgr-mr-6 \n    govgr-ml-6 \n    govgr-p-6 \n    govgr-pt-6 \n    govgr-pb-6 \n    govgr-pr-6 \n    govgr-pl-6 \n    govgr-m-7 \n    govgr-mt-7 \n    govgr-mb-7 \n    govgr-mr-7 \n    govgr-ml-7 \n    govgr-p-7 \n    govgr-pt-7 \n    govgr-pb-7 \n    govgr-pr-7 \n    govgr-pl-7 \n    govgr-m-8 \n    govgr-mt-8 \n    govgr-mb-8 \n    govgr-mr-8 \n    govgr-ml-8 \n    govgr-m-9 \n    govgr-mt-9 \n    govgr-mb-9 \n    govgr-mr-9 \n    govgr-ml-9 \n    govgr-m-10 \n    govgr-mt-10 \n    govgr-mb-10 \n    govgr-mr-10 \n    govgr-ml-10 \n    govgr-m-11 \n    govgr-mt-11 \n    govgr-mb-11 \n    govgr-mr-11 \n    govgr-ml-11 \n    govgr-m-12 \n    govgr-mt-12 \n    govgr-mb-12 \n    govgr-mr-12 \n    govgr-ml-12 \n    govgr-p-8 \n    govgr-pt-8 \n    govgr-pb-8 \n    govgr-pr-8 \n    govgr-pl-8 \n    govgr-p-9 \n    govgr-pt-9 \n    govgr-pb-9 \n    govgr-pr-9 \n    govgr-pl-9 \n    govgr-p-10\n    govgr-pt-10\n    govgr-pb-10\n    govgr-pr-10\n    govgr-pl-10\n    govgr-p-11\n    govgr-pt-11\n    govgr-pb-11\n    govgr-pr-11\n    govgr-pl-11\n    govgr-p-12\n    govgr-pt-12\n    govgr-pb-12\n    govgr-pr-12\n    govgr-pl-12\n    govgr-gap-1\n    govgr-gap-2\n    govgr-gap-4\n    govgr-gap-6\n    govgr-gap-8\n    govgr-gap-10\n    govgr-gap-12\n    govgr-gap-xs-1\n    govgr-gap-xs-2\n    govgr-gap-xs-4\n    govgr-gap-xs-5\n    govgr-gap-xs-6\n    govgr-gap-xs-8\n    govgr-gap-xs-10\n    govgr-gap-xs-12\n    govgr-gap-sm-1\n    govgr-gap-sm-2\n    govgr-gap-sm-4\n    govgr-gap-sm-5\n    govgr-gap-sm-6\n    govgr-gap-sm-8\n    govgr-gap-sm-10\n    govgr-gap-sm-12\n    govgr-gap-md-1\n    govgr-gap-md-2\n    govgr-gap-md-4\n    govgr-gap-md-5\n    govgr-gap-md-6\n    govgr-gap-md-8\n    govgr-gap-md-10\n    govgr-gap-md-12\n    govgr-gap-lg-1\n    govgr-gap-lg-2\n    govgr-gap-lg-4\n    govgr-gap-lg-5\n    govgr-gap-lg-6\n    govgr-gap-lg-8\n    govgr-gap-lg-10\n    govgr-gap-lg-12\n    govgr-gap-xl-1\n    govgr-gap-xl-2\n    govgr-gap-xl-4\n    govgr-gap-xl-5\n    govgr-gap-xl-6\n    govgr-gap-xl-8\n    govgr-gap-xl-10\n    govgr-gap-xl-12\n    govgr-!-font-size-14\n    govgr-!-font-size-16\n    govgr-!-font-size-19\n    govgr-!-font-size-24\n    govgr-!-font-size-30\n    govgr-!-font-size-36\n    govgr-!-font-size-48\n    govgr-!-font-size-72\n    govgr-!-font-weight-regular\n    govgr-!-font-weight-bold\n    govgr-print-hidden\n    govgr-svg-icon--arrow\n    govgr-svg-icon--burger\n    govgr-svg-icon--burger--active\n    govgr-svg-icon--caret\n    govgr-svg-icon--check\n    govgr-svg-icon--close\n    govgr-svg-icon--globe\n    govgr-svg-icon--moreVert\n    govgr-svg-icon--uncheck\n    xs:govgr-grid__col-span-1\n    xs:govgr-grid__col-span-2\n    xs:govgr-grid__col-span-3\n    xs:govgr-grid__col-span-4\n    xs:govgr-grid__col-span-5\n    xs:govgr-grid__col-span-6\n    xs:govgr-grid__col-span-7\n    xs:govgr-grid__col-span-8\n    xs:govgr-grid__col-span-9\n    xs:govgr-grid__col-span-10\n    xs:govgr-grid__col-span-11\n    xs:govgr-grid__col-span-12\n    sm:govgr-grid__col-span-1\n    sm:govgr-grid__col-span-2\n    sm:govgr-grid__col-span-3\n    sm:govgr-grid__col-span-4\n    sm:govgr-grid__col-span-5\n    sm:govgr-grid__col-span-6\n    sm:govgr-grid__col-span-7\n    sm:govgr-grid__col-span-8\n    sm:govgr-grid__col-span-9\n    sm:govgr-grid__col-span-10\n    sm:govgr-grid__col-span-11\n    sm:govgr-grid__col-span-12\n    md:govgr-grid__col-span-1\n    md:govgr-grid__col-span-2\n    md:govgr-grid__col-span-3\n    md:govgr-grid__col-span-4\n    md:govgr-grid__col-span-5\n    md:govgr-grid__col-span-6\n    md:govgr-grid__col-span-7\n    md:govgr-grid__col-span-8\n    md:govgr-grid__col-span-9\n    md:govgr-grid__col-span-10\n    md:govgr-grid__col-span-11\n    md:govgr-grid__col-span-12\n    lg:govgr-grid__col-span-1\n    lg:govgr-grid__col-span-2\n    lg:govgr-grid__col-span-3\n    lg:govgr-grid__col-span-4\n    lg:govgr-grid__col-span-5\n    lg:govgr-grid__col-span-6\n    lg:govgr-grid__col-span-7\n    lg:govgr-grid__col-span-8\n    lg:govgr-grid__col-span-9\n    lg:govgr-grid__col-span-10\n    lg:govgr-grid__col-span-11\n    lg:govgr-grid__col-span-12\n    govgr-stack--row\n    govgr-stack--row-reverse\n    govgr-stack--column\n    govgr-stack--column-reverse\n    govgr-stack--justify-flex-start\n    govgr-stack--justify-flex-end\n    govgr-stack--justify-center\n    govgr-stack--justify-space-between\n    govgr-stack--justify-space-around\n    govgr-stack--justify-space-evenly \n    govgr-stack--align-stretch\n    govgr-stack--align-flex-start\n    govgr-stack--align-flex-end\n    govgr-stack--align-center\n    govgr-stack--align-baseline\n    govgr-stack--content-flex-start\n    govgr-stack--content-flex-end\n    govgr-stack--content-center\n    govgr-stack--content-space-between\n    govgr-stack--content-space-around\n    govgr-stack--content-space-evenly \n    govgr-notification-banner--info\n    govgr-notification-banner--success\n    govgr-notification-banner--warning\n    govgr-notification-banner--error\n    govgr-input--width-2-char\n    govgr-input--width-3-char\n    govgr-input--width-4-char\n    govgr-input--width-5-char\n    govgr-input--width-10-char\n    govgr-input--width-20-char\n    govgr-!-width-one-quarter\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-full\n    govgr-table__caption--sm\n    govgr-table__caption--md\n    govgr-table__caption--lg\n    govgr-table__caption--xl\n    govgr-task-list__content__tag--primary\n    govgr-task-list__content__tag--secondary\n    govgr-task-list__content__tag--info\n    govgr-svg-icon--xs\n    govgr-svg-icon--sm\n    govgr-svg-icon--md\n    govgr-svg-icon--lg\n    govgr-svg-icon--xl\n    govgr-caption-md\n    govgr-caption-lg\n    govgr-caption-xl\n    govgr-heading-xs\n    govgr-heading-sm\n    govgr-heading-md\n    govgr-heading-lg\n    govgr-heading-xl\n    "
+    className: "\n    govgr-m-0 \n    govgr-mt-0 \n    govgr-mb-0 \n    govgr-mr-0 \n    govgr-ml-0 \n    govgr-p-0 \n    govgr-pt-0 \n    govgr-pb-0 \n    govgr-pr-0 \n    govgr-pl-0 \n    govgr-m-1 \n    govgr-mt-1 \n    govgr-mb-1 \n    govgr-mr-1 \n    govgr-ml-1 \n    govgr-p-1 \n    govgr-pt-1 \n    govgr-pb-1 \n    govgr-pr-1 \n    govgr-pl-1 \n    govgr-m-2 \n    govgr-mt-2 \n    govgr-mb-2 \n    govgr-mr-2 \n    govgr-ml-2 \n    govgr-p-2 \n    govgr-pt-2 \n    govgr-pb-2 \n    govgr-pr-2 \n    govgr-pl-2 \n    govgr-m-3 \n    govgr-mt-3 \n    govgr-mb-3 \n    govgr-mr-3 \n    govgr-ml-3 \n    govgr-p-3 \n    govgr-pt-3 \n    govgr-pb-3 \n    govgr-pr-3 \n    govgr-pl-3 \n    govgr-m-4 \n    govgr-mt-4 \n    govgr-mb-4 \n    govgr-mr-4 \n    govgr-ml-4 \n    govgr-p-4 \n    govgr-pt-4 \n    govgr-pb-4 \n    govgr-pr-4 \n    govgr-pl-4 \n    govgr-m-5 \n    govgr-mt-5 \n    govgr-mb-5 \n    govgr-mr-5 \n    govgr-ml-5 \n    govgr-p-5 \n    govgr-pt-5 \n    govgr-pb-5 \n    govgr-pr-5 \n    govgr-pl-5 \n    govgr-m-6 \n    govgr-mt-6 \n    govgr-mb-6 \n    govgr-mr-6 \n    govgr-ml-6 \n    govgr-p-6 \n    govgr-pt-6 \n    govgr-pb-6 \n    govgr-pr-6 \n    govgr-pl-6 \n    govgr-m-7 \n    govgr-mt-7 \n    govgr-mb-7 \n    govgr-mr-7 \n    govgr-ml-7 \n    govgr-p-7 \n    govgr-pt-7 \n    govgr-pb-7 \n    govgr-pr-7 \n    govgr-pl-7 \n    govgr-m-8 \n    govgr-mt-8 \n    govgr-mb-8 \n    govgr-mr-8 \n    govgr-ml-8 \n    govgr-m-9 \n    govgr-mt-9 \n    govgr-mb-9 \n    govgr-mr-9 \n    govgr-ml-9 \n    govgr-m-10 \n    govgr-mt-10 \n    govgr-mb-10 \n    govgr-mr-10 \n    govgr-ml-10 \n    govgr-m-11 \n    govgr-mt-11 \n    govgr-mb-11 \n    govgr-mr-11 \n    govgr-ml-11 \n    govgr-m-12 \n    govgr-mt-12 \n    govgr-mb-12 \n    govgr-mr-12 \n    govgr-ml-12 \n    govgr-p-8 \n    govgr-pt-8 \n    govgr-pb-8 \n    govgr-pr-8 \n    govgr-pl-8 \n    govgr-p-9 \n    govgr-pt-9 \n    govgr-pb-9 \n    govgr-pr-9 \n    govgr-pl-9 \n    govgr-p-10\n    govgr-pt-10\n    govgr-pb-10\n    govgr-pr-10\n    govgr-pl-10\n    govgr-p-11\n    govgr-pt-11\n    govgr-pb-11\n    govgr-pr-11\n    govgr-pl-11\n    govgr-p-12\n    govgr-pt-12\n    govgr-pb-12\n    govgr-pr-12\n    govgr-pl-12\n    govgr-gap-1\n    govgr-gap-2\n    govgr-gap-4\n    govgr-gap-6\n    govgr-gap-8\n    govgr-gap-10\n    govgr-gap-12\n    govgr-gap-xs-1\n    govgr-gap-xs-2\n    govgr-gap-xs-4\n    govgr-gap-xs-5\n    govgr-gap-xs-6\n    govgr-gap-xs-8\n    govgr-gap-xs-10\n    govgr-gap-xs-12\n    govgr-gap-sm-1\n    govgr-gap-sm-2\n    govgr-gap-sm-4\n    govgr-gap-sm-5\n    govgr-gap-sm-6\n    govgr-gap-sm-8\n    govgr-gap-sm-10\n    govgr-gap-sm-12\n    govgr-gap-md-1\n    govgr-gap-md-2\n    govgr-gap-md-4\n    govgr-gap-md-5\n    govgr-gap-md-6\n    govgr-gap-md-8\n    govgr-gap-md-10\n    govgr-gap-md-12\n    govgr-gap-lg-1\n    govgr-gap-lg-2\n    govgr-gap-lg-4\n    govgr-gap-lg-5\n    govgr-gap-lg-6\n    govgr-gap-lg-8\n    govgr-gap-lg-10\n    govgr-gap-lg-12\n    govgr-gap-xl-1\n    govgr-gap-xl-2\n    govgr-gap-xl-4\n    govgr-gap-xl-5\n    govgr-gap-xl-6\n    govgr-gap-xl-8\n    govgr-gap-xl-10\n    govgr-gap-xl-12\n    govgr-!-font-size-14\n    govgr-!-font-size-16\n    govgr-!-font-size-19\n    govgr-!-font-size-24\n    govgr-!-font-size-30\n    govgr-!-font-size-36\n    govgr-!-font-size-48\n    govgr-!-font-size-72\n    govgr-!-font-weight-regular\n    govgr-!-font-weight-bold\n    govgr-print-hidden\n    govgr-svg-icon--arrow\n    govgr-svg-icon--burger\n    govgr-svg-icon--burger--active\n    govgr-svg-icon--caret\n    govgr-svg-icon--check\n    govgr-svg-icon--close\n    govgr-svg-icon--globe\n    govgr-svg-icon--moreVert\n    govgr-svg-icon--uncheck\n    xs:govgr-grid__col-span-1\n    xs:govgr-grid__col-span-2\n    xs:govgr-grid__col-span-3\n    xs:govgr-grid__col-span-4\n    xs:govgr-grid__col-span-5\n    xs:govgr-grid__col-span-6\n    xs:govgr-grid__col-span-7\n    xs:govgr-grid__col-span-8\n    xs:govgr-grid__col-span-9\n    xs:govgr-grid__col-span-10\n    xs:govgr-grid__col-span-11\n    xs:govgr-grid__col-span-12\n    sm:govgr-grid__col-span-1\n    sm:govgr-grid__col-span-2\n    sm:govgr-grid__col-span-3\n    sm:govgr-grid__col-span-4\n    sm:govgr-grid__col-span-5\n    sm:govgr-grid__col-span-6\n    sm:govgr-grid__col-span-7\n    sm:govgr-grid__col-span-8\n    sm:govgr-grid__col-span-9\n    sm:govgr-grid__col-span-10\n    sm:govgr-grid__col-span-11\n    sm:govgr-grid__col-span-12\n    md:govgr-grid__col-span-1\n    md:govgr-grid__col-span-2\n    md:govgr-grid__col-span-3\n    md:govgr-grid__col-span-4\n    md:govgr-grid__col-span-5\n    md:govgr-grid__col-span-6\n    md:govgr-grid__col-span-7\n    md:govgr-grid__col-span-8\n    md:govgr-grid__col-span-9\n    md:govgr-grid__col-span-10\n    md:govgr-grid__col-span-11\n    md:govgr-grid__col-span-12\n    lg:govgr-grid__col-span-1\n    lg:govgr-grid__col-span-2\n    lg:govgr-grid__col-span-3\n    lg:govgr-grid__col-span-4\n    lg:govgr-grid__col-span-5\n    lg:govgr-grid__col-span-6\n    lg:govgr-grid__col-span-7\n    lg:govgr-grid__col-span-8\n    lg:govgr-grid__col-span-9\n    lg:govgr-grid__col-span-10\n    lg:govgr-grid__col-span-11\n    lg:govgr-grid__col-span-12\n    govgr-stack--row\n    govgr-stack--row-reverse\n    govgr-stack--column\n    govgr-stack--column-reverse\n    govgr-stack--justify-flex-start\n    govgr-stack--justify-flex-end\n    govgr-stack--justify-center\n    govgr-stack--justify-space-between\n    govgr-stack--justify-space-around\n    govgr-stack--justify-space-evenly \n    govgr-stack--align-stretch\n    govgr-stack--align-flex-start\n    govgr-stack--align-flex-end\n    govgr-stack--align-center\n    govgr-stack--align-baseline\n    govgr-stack--content-flex-start\n    govgr-stack--content-flex-end\n    govgr-stack--content-center\n    govgr-stack--content-space-between\n    govgr-stack--content-space-around\n    govgr-stack--content-space-evenly \n    govgr-notification-banner--info\n    govgr-notification-banner--success\n    govgr-notification-banner--warning\n    govgr-notification-banner--error\n    govgr-input--width-2-char\n    govgr-input--width-3-char\n    govgr-input--width-4-char\n    govgr-input--width-5-char\n    govgr-input--width-10-char\n    govgr-input--width-20-char\n    govgr-!-width-one-quarter\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-full\n    govgr-table__caption--sm\n    govgr-table__caption--md\n    govgr-table__caption--lg\n    govgr-table__caption--xl\n    govgr-task-list__content__tag--primary\n    govgr-task-list__content__tag--secondary\n    govgr-task-list__content__tag--info\n    govgr-svg-icon--xs\n    govgr-svg-icon--sm\n    govgr-svg-icon--md\n    govgr-svg-icon--lg\n    govgr-svg-icon--xl\n    govgr-caption-md\n    govgr-caption-lg\n    govgr-caption-xl\n    govgr-heading-xs\n    govgr-heading-sm\n    govgr-heading-md\n    govgr-heading-lg\n    govgr-heading-xl\n    govgr-image-logo--light\n    govgr-image-logo--dark\n    "
   });
 }
 

package/es/index.js

@@ -117,6 +117,8 @@ export * from '@digigov/react-core/SummaryListItemAction';
 export * from '@digigov/react-core/SummaryListItemKey';
 export * from '@digigov/react-core/SummaryListItemValue';
 export * from '@digigov/react-core/SvgIcon';
+export * from '@digigov/react-core/ImageLogo';
+export * from '@digigov/react-core/ImageLogoSet';
 export * from '@digigov/react-core/Table';
 export * from '@digigov/react-core/TableBody';
 export * from '@digigov/react-core/TableCaption';

package/es/registry.js

@@ -121,6 +121,8 @@ import * as _digigov_react_core_HellenicRepublicLogo_logo_inverted_el from '@dig
 import * as _digigov_react_core_HellenicRepublicLogo_logo_inverted_en from '@digigov/react-core/HellenicRepublicLogo/logo-inverted-en';
 import * as _digigov_react_core_Hidden from '@digigov/react-core/Hidden';
 import * as _digigov_react_core_Hint from '@digigov/react-core/Hint';
+import * as _digigov_react_core_ImageLogo from '@digigov/react-core/ImageLogo';
+import * as _digigov_react_core_ImageLogoSet from '@digigov/react-core/ImageLogoSet';
 import * as _digigov_react_core from '@digigov/react-core';
 import * as _digigov_react_core_KitchenSinkAllComponents from '@digigov/react-core/KitchenSinkAllComponents';
 import * as _digigov_react_core_KitchenSinkCard from '@digigov/react-core/KitchenSinkCard';
@@ -384,6 +386,8 @@ export default {
   '@digigov/react-core/HellenicRepublicLogo/logo-inverted-en': lazyImport(_digigov_react_core_HellenicRepublicLogo_logo_inverted_en),
   '@digigov/react-core/Hidden': lazyImport(_digigov_react_core_Hidden),
   '@digigov/react-core/Hint': lazyImport(_digigov_react_core_Hint),
+  '@digigov/react-core/ImageLogo': lazyImport(_digigov_react_core_ImageLogo),
+  '@digigov/react-core/ImageLogoSet': lazyImport(_digigov_react_core_ImageLogoSet),
   '@digigov/react-core': lazyImport(_digigov_react_core),
   '@digigov/react-core/KitchenSinkAllComponents': lazyImport(_digigov_react_core_KitchenSinkAllComponents),
   '@digigov/react-core/KitchenSinkCard': lazyImport(_digigov_react_core_KitchenSinkCard),

package/esm/ImageLogo/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Hint with  variant and src props 1`] = `
+<ForwardRef(ImageLogo)
+  src="logo.png"
+  variant="dark"
+>
+  <ForwardRef(Base)
+    as="img"
+    className="govgr-image-logo--dark"
+    src="logo.png"
+  >
+    <img
+      className="govgr-image-logo--dark"
+      src="logo.png"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(ImageLogo)>
+`;
+
+exports[`renders the Hint with src prop 1`] = `
+<ForwardRef(ImageLogo)
+  src="logo.png"
+>
+  <ForwardRef(Base)
+    as="img"
+    className="govgr-image-logo--light"
+    src="logo.png"
+  >
+    <img
+      className="govgr-image-logo--light"
+      src="logo.png"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(ImageLogo)>
+`;

package/esm/ImageLogo/index.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["lang", "src", "variant", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
+
+/**
+ * ImageLogo is used as a generic component for digigov images.
+ * This component can't have children.
+ */
+export var ImageLogo = /*#__PURE__*/React.forwardRef(function ImageLogo(_ref, ref) {
+  var lang = _ref.lang,
+      src = _ref.src,
+      variant = _ref.variant,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  console.log('src is', src);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "img",
+    src: src,
+    ref: ref,
+    printHidden: true,
+    className: clsx(className, variant === undefined && 'govgr-image-logo', variant !== undefined && "govgr-image-logo--".concat(variant))
+  }, props)));
+});
+export default ImageLogo;

package/esm/ImageLogo/index.test.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import ImageLogo from '@digigov/react-core/ImageLogo';
+
+var _ref = /*#__PURE__*/React.createElement(ImageLogo, {
+  src: "logo.png"
+});
+
+it('renders the Hint with src prop', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(ImageLogo, {
+  variant: "dark",
+  src: "logo.png"
+});
+
+it('renders the Hint with  variant and src props', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});

package/esm/ImageLogoSet/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,118 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Hint with  variants=[light, dark] and src props 1`] = `
+<ForwardRef(ImageLogoSet)
+  src="logo.png"
+  variants={
+    Array [
+      "light",
+      "dark",
+    ]
+  }
+>
+  <ForwardRef(ImageLogo)
+    key="light"
+    src="logo--light.png"
+    variant="light"
+  >
+    <ForwardRef(Base)
+      as="img"
+      className="govgr-image-logo--light"
+      printHidden={true}
+      src="logo--light.png"
+    >
+      <img
+        className="govgr-image-logo--light govgr-print-hidden"
+        src="logo--light.png"
+      />
+    </ForwardRef(Base)>
+  </ForwardRef(ImageLogo)>
+  <ForwardRef(ImageLogo)
+    key="dark"
+    src="logo--dark.png"
+    variant="dark"
+  >
+    <ForwardRef(Base)
+      as="img"
+      className="govgr-image-logo--dark"
+      printHidden={true}
+      src="logo--dark.png"
+    >
+      <img
+        className="govgr-image-logo--dark govgr-print-hidden"
+        src="logo--dark.png"
+      />
+    </ForwardRef(Base)>
+  </ForwardRef(ImageLogo)>
+</ForwardRef(ImageLogoSet)>
+`;
+
+exports[`renders the Hint with  variants=[light] and src props 1`] = `
+<ForwardRef(ImageLogoSet)
+  src="logo.png"
+  variants={
+    Array [
+      "light",
+    ]
+  }
+>
+  <ForwardRef(ImageLogo)
+    key="light"
+    src="logo--light.png"
+    variant="light"
+  >
+    <ForwardRef(Base)
+      as="img"
+      className="govgr-image-logo--light"
+      printHidden={true}
+      src="logo--light.png"
+    >
+      <img
+        className="govgr-image-logo--light govgr-print-hidden"
+        src="logo--light.png"
+      />
+    </ForwardRef(Base)>
+  </ForwardRef(ImageLogo)>
+</ForwardRef(ImageLogoSet)>
+`;
+
+exports[`renders the Hint with src prop 1`] = `
+<ForwardRef(ImageLogoSet)
+  src="logo.png"
+>
+  <ForwardRef(ImageLogo)
+    key="dark"
+    src="logo--dark.png"
+    variant="dark"
+  >
+    <ForwardRef(Base)
+      as="img"
+      className="govgr-image-logo--dark"
+      printHidden={true}
+      src="logo--dark.png"
+    >
+      <img
+        className="govgr-image-logo--dark govgr-print-hidden"
+        src="logo--dark.png"
+      />
+    </ForwardRef(Base)>
+  </ForwardRef(ImageLogo)>
+  <ForwardRef(ImageLogo)
+    key="light"
+    src="logo--light.png"
+    variant="light"
+  >
+    <ForwardRef(Base)
+      as="img"
+      className="govgr-image-logo--light"
+      printHidden={true}
+      src="logo--light.png"
+    >
+      <img
+        className="govgr-image-logo--light govgr-print-hidden"
+        src="logo--light.png"
+      />
+    </ForwardRef(Base)>
+  </ForwardRef(ImageLogo)>
+</ForwardRef(ImageLogoSet)>
+`;

package/esm/ImageLogoSet/index.js

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["lang", "src", "variants", "className", "children"];
+import React from 'react';
+import ImageLogo from '@digigov/react-core/ImageLogo';
+
+/**
+ * ImageLogoSet is used as image inverter depending the theme (dark, light).
+ * This component can't have children.
+ */
+export var ImageLogoSet = /*#__PURE__*/React.forwardRef(function ImageLogoSet(_ref, ref) {
+  var lang = _ref.lang,
+      src = _ref.src,
+      _ref$variants = _ref.variants,
+      variants = _ref$variants === void 0 ? ['dark', 'light'] : _ref$variants,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, variants.map(function (variant) {
+    var imageSrc = src === null || src === void 0 ? void 0 : src.replace(/(\.[^\.]+)$/, "--".concat(variant, "$1"));
+    return /*#__PURE__*/React.createElement(ImageLogo, _extends({
+      key: variant,
+      ref: ref,
+      variant: variant,
+      src: imageSrc
+    }, props));
+  }));
+});
+export default ImageLogoSet;

package/esm/ImageLogoSet/index.test.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import ImageLogoSet from '@digigov/react-core/ImageLogoSet';
+
+var _ref = /*#__PURE__*/React.createElement(ImageLogoSet, {
+  src: "logo.png"
+});
+
+it('renders the Hint with src prop', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+it('renders the Hint with  variants=[light] and src props', function () {
+  expect(mount( /*#__PURE__*/React.createElement(ImageLogoSet, {
+    variants: ['light'],
+    src: "logo.png"
+  }))).toMatchSnapshot();
+});
+it('renders the Hint with  variants=[light, dark] and src props', function () {
+  expect(mount( /*#__PURE__*/React.createElement(ImageLogoSet, {
+    variants: ['light', 'dark'],
+    src: "logo.png"
+  }))).toMatchSnapshot();
+});

package/esm/Unpurge/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 function Unpurge() {
   return /*#__PURE__*/React.createElement("div", {
-    className: "\n    govgr-m-0 \n    govgr-mt-0 \n    govgr-mb-0 \n    govgr-mr-0 \n    govgr-ml-0 \n    govgr-p-0 \n    govgr-pt-0 \n    govgr-pb-0 \n    govgr-pr-0 \n    govgr-pl-0 \n    govgr-m-1 \n    govgr-mt-1 \n    govgr-mb-1 \n    govgr-mr-1 \n    govgr-ml-1 \n    govgr-p-1 \n    govgr-pt-1 \n    govgr-pb-1 \n    govgr-pr-1 \n    govgr-pl-1 \n    govgr-m-2 \n    govgr-mt-2 \n    govgr-mb-2 \n    govgr-mr-2 \n    govgr-ml-2 \n    govgr-p-2 \n    govgr-pt-2 \n    govgr-pb-2 \n    govgr-pr-2 \n    govgr-pl-2 \n    govgr-m-3 \n    govgr-mt-3 \n    govgr-mb-3 \n    govgr-mr-3 \n    govgr-ml-3 \n    govgr-p-3 \n    govgr-pt-3 \n    govgr-pb-3 \n    govgr-pr-3 \n    govgr-pl-3 \n    govgr-m-4 \n    govgr-mt-4 \n    govgr-mb-4 \n    govgr-mr-4 \n    govgr-ml-4 \n    govgr-p-4 \n    govgr-pt-4 \n    govgr-pb-4 \n    govgr-pr-4 \n    govgr-pl-4 \n    govgr-m-5 \n    govgr-mt-5 \n    govgr-mb-5 \n    govgr-mr-5 \n    govgr-ml-5 \n    govgr-p-5 \n    govgr-pt-5 \n    govgr-pb-5 \n    govgr-pr-5 \n    govgr-pl-5 \n    govgr-m-6 \n    govgr-mt-6 \n    govgr-mb-6 \n    govgr-mr-6 \n    govgr-ml-6 \n    govgr-p-6 \n    govgr-pt-6 \n    govgr-pb-6 \n    govgr-pr-6 \n    govgr-pl-6 \n    govgr-m-7 \n    govgr-mt-7 \n    govgr-mb-7 \n    govgr-mr-7 \n    govgr-ml-7 \n    govgr-p-7 \n    govgr-pt-7 \n    govgr-pb-7 \n    govgr-pr-7 \n    govgr-pl-7 \n    govgr-m-8 \n    govgr-mt-8 \n    govgr-mb-8 \n    govgr-mr-8 \n    govgr-ml-8 \n    govgr-m-9 \n    govgr-mt-9 \n    govgr-mb-9 \n    govgr-mr-9 \n    govgr-ml-9 \n    govgr-m-10 \n    govgr-mt-10 \n    govgr-mb-10 \n    govgr-mr-10 \n    govgr-ml-10 \n    govgr-m-11 \n    govgr-mt-11 \n    govgr-mb-11 \n    govgr-mr-11 \n    govgr-ml-11 \n    govgr-m-12 \n    govgr-mt-12 \n    govgr-mb-12 \n    govgr-mr-12 \n    govgr-ml-12 \n    govgr-p-8 \n    govgr-pt-8 \n    govgr-pb-8 \n    govgr-pr-8 \n    govgr-pl-8 \n    govgr-p-9 \n    govgr-pt-9 \n    govgr-pb-9 \n    govgr-pr-9 \n    govgr-pl-9 \n    govgr-p-10\n    govgr-pt-10\n    govgr-pb-10\n    govgr-pr-10\n    govgr-pl-10\n    govgr-p-11\n    govgr-pt-11\n    govgr-pb-11\n    govgr-pr-11\n    govgr-pl-11\n    govgr-p-12\n    govgr-pt-12\n    govgr-pb-12\n    govgr-pr-12\n    govgr-pl-12\n    govgr-gap-1\n    govgr-gap-2\n    govgr-gap-4\n    govgr-gap-6\n    govgr-gap-8\n    govgr-gap-10\n    govgr-gap-12\n    govgr-gap-xs-1\n    govgr-gap-xs-2\n    govgr-gap-xs-4\n    govgr-gap-xs-5\n    govgr-gap-xs-6\n    govgr-gap-xs-8\n    govgr-gap-xs-10\n    govgr-gap-xs-12\n    govgr-gap-sm-1\n    govgr-gap-sm-2\n    govgr-gap-sm-4\n    govgr-gap-sm-5\n    govgr-gap-sm-6\n    govgr-gap-sm-8\n    govgr-gap-sm-10\n    govgr-gap-sm-12\n    govgr-gap-md-1\n    govgr-gap-md-2\n    govgr-gap-md-4\n    govgr-gap-md-5\n    govgr-gap-md-6\n    govgr-gap-md-8\n    govgr-gap-md-10\n    govgr-gap-md-12\n    govgr-gap-lg-1\n    govgr-gap-lg-2\n    govgr-gap-lg-4\n    govgr-gap-lg-5\n    govgr-gap-lg-6\n    govgr-gap-lg-8\n    govgr-gap-lg-10\n    govgr-gap-lg-12\n    govgr-gap-xl-1\n    govgr-gap-xl-2\n    govgr-gap-xl-4\n    govgr-gap-xl-5\n    govgr-gap-xl-6\n    govgr-gap-xl-8\n    govgr-gap-xl-10\n    govgr-gap-xl-12\n    govgr-!-font-size-14\n    govgr-!-font-size-16\n    govgr-!-font-size-19\n    govgr-!-font-size-24\n    govgr-!-font-size-30\n    govgr-!-font-size-36\n    govgr-!-font-size-48\n    govgr-!-font-size-72\n    govgr-!-font-weight-regular\n    govgr-!-font-weight-bold\n    govgr-print-hidden\n    govgr-svg-icon--arrow\n    govgr-svg-icon--burger\n    govgr-svg-icon--burger--active\n    govgr-svg-icon--caret\n    govgr-svg-icon--check\n    govgr-svg-icon--close\n    govgr-svg-icon--globe\n    govgr-svg-icon--moreVert\n    govgr-svg-icon--uncheck\n    xs:govgr-grid__col-span-1\n    xs:govgr-grid__col-span-2\n    xs:govgr-grid__col-span-3\n    xs:govgr-grid__col-span-4\n    xs:govgr-grid__col-span-5\n    xs:govgr-grid__col-span-6\n    xs:govgr-grid__col-span-7\n    xs:govgr-grid__col-span-8\n    xs:govgr-grid__col-span-9\n    xs:govgr-grid__col-span-10\n    xs:govgr-grid__col-span-11\n    xs:govgr-grid__col-span-12\n    sm:govgr-grid__col-span-1\n    sm:govgr-grid__col-span-2\n    sm:govgr-grid__col-span-3\n    sm:govgr-grid__col-span-4\n    sm:govgr-grid__col-span-5\n    sm:govgr-grid__col-span-6\n    sm:govgr-grid__col-span-7\n    sm:govgr-grid__col-span-8\n    sm:govgr-grid__col-span-9\n    sm:govgr-grid__col-span-10\n    sm:govgr-grid__col-span-11\n    sm:govgr-grid__col-span-12\n    md:govgr-grid__col-span-1\n    md:govgr-grid__col-span-2\n    md:govgr-grid__col-span-3\n    md:govgr-grid__col-span-4\n    md:govgr-grid__col-span-5\n    md:govgr-grid__col-span-6\n    md:govgr-grid__col-span-7\n    md:govgr-grid__col-span-8\n    md:govgr-grid__col-span-9\n    md:govgr-grid__col-span-10\n    md:govgr-grid__col-span-11\n    md:govgr-grid__col-span-12\n    lg:govgr-grid__col-span-1\n    lg:govgr-grid__col-span-2\n    lg:govgr-grid__col-span-3\n    lg:govgr-grid__col-span-4\n    lg:govgr-grid__col-span-5\n    lg:govgr-grid__col-span-6\n    lg:govgr-grid__col-span-7\n    lg:govgr-grid__col-span-8\n    lg:govgr-grid__col-span-9\n    lg:govgr-grid__col-span-10\n    lg:govgr-grid__col-span-11\n    lg:govgr-grid__col-span-12\n    govgr-stack--row\n    govgr-stack--row-reverse\n    govgr-stack--column\n    govgr-stack--column-reverse\n    govgr-stack--justify-flex-start\n    govgr-stack--justify-flex-end\n    govgr-stack--justify-center\n    govgr-stack--justify-space-between\n    govgr-stack--justify-space-around\n    govgr-stack--justify-space-evenly \n    govgr-stack--align-stretch\n    govgr-stack--align-flex-start\n    govgr-stack--align-flex-end\n    govgr-stack--align-center\n    govgr-stack--align-baseline\n    govgr-stack--content-flex-start\n    govgr-stack--content-flex-end\n    govgr-stack--content-center\n    govgr-stack--content-space-between\n    govgr-stack--content-space-around\n    govgr-stack--content-space-evenly \n    govgr-notification-banner--info\n    govgr-notification-banner--success\n    govgr-notification-banner--warning\n    govgr-notification-banner--error\n    govgr-input--width-2-char\n    govgr-input--width-3-char\n    govgr-input--width-4-char\n    govgr-input--width-5-char\n    govgr-input--width-10-char\n    govgr-input--width-20-char\n    govgr-!-width-one-quarter\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-full\n    govgr-table__caption--sm\n    govgr-table__caption--md\n    govgr-table__caption--lg\n    govgr-table__caption--xl\n    govgr-task-list__content__tag--primary\n    govgr-task-list__content__tag--secondary\n    govgr-task-list__content__tag--info\n    govgr-svg-icon--xs\n    govgr-svg-icon--sm\n    govgr-svg-icon--md\n    govgr-svg-icon--lg\n    govgr-svg-icon--xl\n    govgr-caption-md\n    govgr-caption-lg\n    govgr-caption-xl\n    govgr-heading-xs\n    govgr-heading-sm\n    govgr-heading-md\n    govgr-heading-lg\n    govgr-heading-xl\n    "
+    className: "\n    govgr-m-0 \n    govgr-mt-0 \n    govgr-mb-0 \n    govgr-mr-0 \n    govgr-ml-0 \n    govgr-p-0 \n    govgr-pt-0 \n    govgr-pb-0 \n    govgr-pr-0 \n    govgr-pl-0 \n    govgr-m-1 \n    govgr-mt-1 \n    govgr-mb-1 \n    govgr-mr-1 \n    govgr-ml-1 \n    govgr-p-1 \n    govgr-pt-1 \n    govgr-pb-1 \n    govgr-pr-1 \n    govgr-pl-1 \n    govgr-m-2 \n    govgr-mt-2 \n    govgr-mb-2 \n    govgr-mr-2 \n    govgr-ml-2 \n    govgr-p-2 \n    govgr-pt-2 \n    govgr-pb-2 \n    govgr-pr-2 \n    govgr-pl-2 \n    govgr-m-3 \n    govgr-mt-3 \n    govgr-mb-3 \n    govgr-mr-3 \n    govgr-ml-3 \n    govgr-p-3 \n    govgr-pt-3 \n    govgr-pb-3 \n    govgr-pr-3 \n    govgr-pl-3 \n    govgr-m-4 \n    govgr-mt-4 \n    govgr-mb-4 \n    govgr-mr-4 \n    govgr-ml-4 \n    govgr-p-4 \n    govgr-pt-4 \n    govgr-pb-4 \n    govgr-pr-4 \n    govgr-pl-4 \n    govgr-m-5 \n    govgr-mt-5 \n    govgr-mb-5 \n    govgr-mr-5 \n    govgr-ml-5 \n    govgr-p-5 \n    govgr-pt-5 \n    govgr-pb-5 \n    govgr-pr-5 \n    govgr-pl-5 \n    govgr-m-6 \n    govgr-mt-6 \n    govgr-mb-6 \n    govgr-mr-6 \n    govgr-ml-6 \n    govgr-p-6 \n    govgr-pt-6 \n    govgr-pb-6 \n    govgr-pr-6 \n    govgr-pl-6 \n    govgr-m-7 \n    govgr-mt-7 \n    govgr-mb-7 \n    govgr-mr-7 \n    govgr-ml-7 \n    govgr-p-7 \n    govgr-pt-7 \n    govgr-pb-7 \n    govgr-pr-7 \n    govgr-pl-7 \n    govgr-m-8 \n    govgr-mt-8 \n    govgr-mb-8 \n    govgr-mr-8 \n    govgr-ml-8 \n    govgr-m-9 \n    govgr-mt-9 \n    govgr-mb-9 \n    govgr-mr-9 \n    govgr-ml-9 \n    govgr-m-10 \n    govgr-mt-10 \n    govgr-mb-10 \n    govgr-mr-10 \n    govgr-ml-10 \n    govgr-m-11 \n    govgr-mt-11 \n    govgr-mb-11 \n    govgr-mr-11 \n    govgr-ml-11 \n    govgr-m-12 \n    govgr-mt-12 \n    govgr-mb-12 \n    govgr-mr-12 \n    govgr-ml-12 \n    govgr-p-8 \n    govgr-pt-8 \n    govgr-pb-8 \n    govgr-pr-8 \n    govgr-pl-8 \n    govgr-p-9 \n    govgr-pt-9 \n    govgr-pb-9 \n    govgr-pr-9 \n    govgr-pl-9 \n    govgr-p-10\n    govgr-pt-10\n    govgr-pb-10\n    govgr-pr-10\n    govgr-pl-10\n    govgr-p-11\n    govgr-pt-11\n    govgr-pb-11\n    govgr-pr-11\n    govgr-pl-11\n    govgr-p-12\n    govgr-pt-12\n    govgr-pb-12\n    govgr-pr-12\n    govgr-pl-12\n    govgr-gap-1\n    govgr-gap-2\n    govgr-gap-4\n    govgr-gap-6\n    govgr-gap-8\n    govgr-gap-10\n    govgr-gap-12\n    govgr-gap-xs-1\n    govgr-gap-xs-2\n    govgr-gap-xs-4\n    govgr-gap-xs-5\n    govgr-gap-xs-6\n    govgr-gap-xs-8\n    govgr-gap-xs-10\n    govgr-gap-xs-12\n    govgr-gap-sm-1\n    govgr-gap-sm-2\n    govgr-gap-sm-4\n    govgr-gap-sm-5\n    govgr-gap-sm-6\n    govgr-gap-sm-8\n    govgr-gap-sm-10\n    govgr-gap-sm-12\n    govgr-gap-md-1\n    govgr-gap-md-2\n    govgr-gap-md-4\n    govgr-gap-md-5\n    govgr-gap-md-6\n    govgr-gap-md-8\n    govgr-gap-md-10\n    govgr-gap-md-12\n    govgr-gap-lg-1\n    govgr-gap-lg-2\n    govgr-gap-lg-4\n    govgr-gap-lg-5\n    govgr-gap-lg-6\n    govgr-gap-lg-8\n    govgr-gap-lg-10\n    govgr-gap-lg-12\n    govgr-gap-xl-1\n    govgr-gap-xl-2\n    govgr-gap-xl-4\n    govgr-gap-xl-5\n    govgr-gap-xl-6\n    govgr-gap-xl-8\n    govgr-gap-xl-10\n    govgr-gap-xl-12\n    govgr-!-font-size-14\n    govgr-!-font-size-16\n    govgr-!-font-size-19\n    govgr-!-font-size-24\n    govgr-!-font-size-30\n    govgr-!-font-size-36\n    govgr-!-font-size-48\n    govgr-!-font-size-72\n    govgr-!-font-weight-regular\n    govgr-!-font-weight-bold\n    govgr-print-hidden\n    govgr-svg-icon--arrow\n    govgr-svg-icon--burger\n    govgr-svg-icon--burger--active\n    govgr-svg-icon--caret\n    govgr-svg-icon--check\n    govgr-svg-icon--close\n    govgr-svg-icon--globe\n    govgr-svg-icon--moreVert\n    govgr-svg-icon--uncheck\n    xs:govgr-grid__col-span-1\n    xs:govgr-grid__col-span-2\n    xs:govgr-grid__col-span-3\n    xs:govgr-grid__col-span-4\n    xs:govgr-grid__col-span-5\n    xs:govgr-grid__col-span-6\n    xs:govgr-grid__col-span-7\n    xs:govgr-grid__col-span-8\n    xs:govgr-grid__col-span-9\n    xs:govgr-grid__col-span-10\n    xs:govgr-grid__col-span-11\n    xs:govgr-grid__col-span-12\n    sm:govgr-grid__col-span-1\n    sm:govgr-grid__col-span-2\n    sm:govgr-grid__col-span-3\n    sm:govgr-grid__col-span-4\n    sm:govgr-grid__col-span-5\n    sm:govgr-grid__col-span-6\n    sm:govgr-grid__col-span-7\n    sm:govgr-grid__col-span-8\n    sm:govgr-grid__col-span-9\n    sm:govgr-grid__col-span-10\n    sm:govgr-grid__col-span-11\n    sm:govgr-grid__col-span-12\n    md:govgr-grid__col-span-1\n    md:govgr-grid__col-span-2\n    md:govgr-grid__col-span-3\n    md:govgr-grid__col-span-4\n    md:govgr-grid__col-span-5\n    md:govgr-grid__col-span-6\n    md:govgr-grid__col-span-7\n    md:govgr-grid__col-span-8\n    md:govgr-grid__col-span-9\n    md:govgr-grid__col-span-10\n    md:govgr-grid__col-span-11\n    md:govgr-grid__col-span-12\n    lg:govgr-grid__col-span-1\n    lg:govgr-grid__col-span-2\n    lg:govgr-grid__col-span-3\n    lg:govgr-grid__col-span-4\n    lg:govgr-grid__col-span-5\n    lg:govgr-grid__col-span-6\n    lg:govgr-grid__col-span-7\n    lg:govgr-grid__col-span-8\n    lg:govgr-grid__col-span-9\n    lg:govgr-grid__col-span-10\n    lg:govgr-grid__col-span-11\n    lg:govgr-grid__col-span-12\n    govgr-stack--row\n    govgr-stack--row-reverse\n    govgr-stack--column\n    govgr-stack--column-reverse\n    govgr-stack--justify-flex-start\n    govgr-stack--justify-flex-end\n    govgr-stack--justify-center\n    govgr-stack--justify-space-between\n    govgr-stack--justify-space-around\n    govgr-stack--justify-space-evenly \n    govgr-stack--align-stretch\n    govgr-stack--align-flex-start\n    govgr-stack--align-flex-end\n    govgr-stack--align-center\n    govgr-stack--align-baseline\n    govgr-stack--content-flex-start\n    govgr-stack--content-flex-end\n    govgr-stack--content-center\n    govgr-stack--content-space-between\n    govgr-stack--content-space-around\n    govgr-stack--content-space-evenly \n    govgr-notification-banner--info\n    govgr-notification-banner--success\n    govgr-notification-banner--warning\n    govgr-notification-banner--error\n    govgr-input--width-2-char\n    govgr-input--width-3-char\n    govgr-input--width-4-char\n    govgr-input--width-5-char\n    govgr-input--width-10-char\n    govgr-input--width-20-char\n    govgr-!-width-one-quarter\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-full\n    govgr-table__caption--sm\n    govgr-table__caption--md\n    govgr-table__caption--lg\n    govgr-table__caption--xl\n    govgr-task-list__content__tag--primary\n    govgr-task-list__content__tag--secondary\n    govgr-task-list__content__tag--info\n    govgr-svg-icon--xs\n    govgr-svg-icon--sm\n    govgr-svg-icon--md\n    govgr-svg-icon--lg\n    govgr-svg-icon--xl\n    govgr-caption-md\n    govgr-caption-lg\n    govgr-caption-xl\n    govgr-heading-xs\n    govgr-heading-sm\n    govgr-heading-md\n    govgr-heading-lg\n    govgr-heading-xl\n    govgr-image-logo--light\n    govgr-image-logo--dark\n    "
   });
 }
 

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v1.0.0-758a1807
+/** @license Digigov v1.0.0-77ee23d9
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.
@@ -122,6 +122,8 @@ export * from '@digigov/react-core/SummaryListItemAction';
 export * from '@digigov/react-core/SummaryListItemKey';
 export * from '@digigov/react-core/SummaryListItemValue';
 export * from '@digigov/react-core/SvgIcon';
+export * from '@digigov/react-core/ImageLogo';
+export * from '@digigov/react-core/ImageLogoSet';
 export * from '@digigov/react-core/Table';
 export * from '@digigov/react-core/TableBody';
 export * from '@digigov/react-core/TableCaption';

package/esm/registry.js

@@ -121,6 +121,8 @@ import * as _digigov_react_core_HellenicRepublicLogo_logo_inverted_el from '@dig
 import * as _digigov_react_core_HellenicRepublicLogo_logo_inverted_en from '@digigov/react-core/HellenicRepublicLogo/logo-inverted-en';
 import * as _digigov_react_core_Hidden from '@digigov/react-core/Hidden';
 import * as _digigov_react_core_Hint from '@digigov/react-core/Hint';
+import * as _digigov_react_core_ImageLogo from '@digigov/react-core/ImageLogo';
+import * as _digigov_react_core_ImageLogoSet from '@digigov/react-core/ImageLogoSet';
 import * as _digigov_react_core from '@digigov/react-core';
 import * as _digigov_react_core_KitchenSinkAllComponents from '@digigov/react-core/KitchenSinkAllComponents';
 import * as _digigov_react_core_KitchenSinkCard from '@digigov/react-core/KitchenSinkCard';
@@ -384,6 +386,8 @@ export default {
   '@digigov/react-core/HellenicRepublicLogo/logo-inverted-en': lazyImport(_digigov_react_core_HellenicRepublicLogo_logo_inverted_en),
   '@digigov/react-core/Hidden': lazyImport(_digigov_react_core_Hidden),
   '@digigov/react-core/Hint': lazyImport(_digigov_react_core_Hint),
+  '@digigov/react-core/ImageLogo': lazyImport(_digigov_react_core_ImageLogo),
+  '@digigov/react-core/ImageLogoSet': lazyImport(_digigov_react_core_ImageLogoSet),
   '@digigov/react-core': lazyImport(_digigov_react_core),
   '@digigov/react-core/KitchenSinkAllComponents': lazyImport(_digigov_react_core_KitchenSinkAllComponents),
   '@digigov/react-core/KitchenSinkCard': lazyImport(_digigov_react_core_KitchenSinkCard),

package/index.d.ts

@@ -117,6 +117,8 @@ export * from '@digigov/react-core/SummaryListItemAction';
 export * from '@digigov/react-core/SummaryListItemKey';
 export * from '@digigov/react-core/SummaryListItemValue';
 export * from '@digigov/react-core/SvgIcon';
+export * from '@digigov/react-core/ImageLogo';
+export * from '@digigov/react-core/ImageLogoSet';
 export * from '@digigov/react-core/Table';
 export * from '@digigov/react-core/TableBody';
 export * from '@digigov/react-core/TableCaption';

package/index.js

@@ -1525,6 +1525,32 @@ Object.keys(_SvgIcon).forEach(function (key) {
   });
 });
 
+var _ImageLogo = require("@digigov/react-core/ImageLogo");
+
+Object.keys(_ImageLogo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImageLogo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ImageLogo[key];
+    }
+  });
+});
+
+var _ImageLogoSet = require("@digigov/react-core/ImageLogoSet");
+
+Object.keys(_ImageLogoSet).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImageLogoSet[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ImageLogoSet[key];
+    }
+  });
+});
+
 var _Table = require("@digigov/react-core/Table");
 
 Object.keys(_Table).forEach(function (key) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "1.0.0-758a1807",
+  "version": "1.0.0-77ee23d9",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -11,8 +11,8 @@
     "directory": "dist"
   },
   "peerDependencies": {
-    "@digigov/css": "1.0.0-758a1807",
-    "@digigov/react-icons": "1.0.0-758a1807",
+    "@digigov/css": "1.0.0-77ee23d9",
+    "@digigov/react-icons": "1.0.0-77ee23d9",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"

package/registry.d.ts

@@ -122,6 +122,8 @@ declare var _default: {
     '@digigov/react-core/HellenicRepublicLogo/logo-inverted-en': {};
     '@digigov/react-core/Hidden': {};
     '@digigov/react-core/Hint': {};
+    '@digigov/react-core/ImageLogo': {};
+    '@digigov/react-core/ImageLogoSet': {};
     '@digigov/react-core': {};
     '@digigov/react-core/KitchenSinkAllComponents': {};
     '@digigov/react-core/KitchenSinkCard': {};

package/registry.js

@@ -253,6 +253,10 @@ var _digigov_react_core_Hidden = _interopRequireWildcard(require("@digigov/react
 
 var _digigov_react_core_Hint = _interopRequireWildcard(require("@digigov/react-core/Hint"));
 
+var _digigov_react_core_ImageLogo = _interopRequireWildcard(require("@digigov/react-core/ImageLogo"));
+
+var _digigov_react_core_ImageLogoSet = _interopRequireWildcard(require("@digigov/react-core/ImageLogoSet"));
+
 var _digigov_react_core = _interopRequireWildcard(require("@digigov/react-core"));
 
 var _digigov_react_core_KitchenSinkAllComponents = _interopRequireWildcard(require("@digigov/react-core/KitchenSinkAllComponents"));
@@ -642,6 +646,8 @@ var _default = {
   '@digigov/react-core/HellenicRepublicLogo/logo-inverted-en': lazyImport(_digigov_react_core_HellenicRepublicLogo_logo_inverted_en),
   '@digigov/react-core/Hidden': lazyImport(_digigov_react_core_Hidden),
   '@digigov/react-core/Hint': lazyImport(_digigov_react_core_Hint),
+  '@digigov/react-core/ImageLogo': lazyImport(_digigov_react_core_ImageLogo),
+  '@digigov/react-core/ImageLogoSet': lazyImport(_digigov_react_core_ImageLogoSet),
   '@digigov/react-core': lazyImport(_digigov_react_core),
   '@digigov/react-core/KitchenSinkAllComponents': lazyImport(_digigov_react_core_KitchenSinkAllComponents),
   '@digigov/react-core/KitchenSinkCard': lazyImport(_digigov_react_core_KitchenSinkCard),

package/src/ImageLogo/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Hint with  variant and src props 1`] = `
+<ForwardRef(ImageLogo)
+  src="logo.png"
+  variant="dark"
+>
+  <ForwardRef(Base)
+    as="img"
+    className="govgr-image-logo--dark"
+    src="logo.png"
+  >
+    <img
+      className="govgr-image-logo--dark"
+      src="logo.png"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(ImageLogo)>
+`;
+
+exports[`renders the Hint with src prop 1`] = `
+<ForwardRef(ImageLogo)
+  src="logo.png"
+>
+  <ForwardRef(Base)
+    as="img"
+    className="govgr-image-logo--light"
+    src="logo.png"
+  >
+    <img
+      className="govgr-image-logo--light"
+      src="logo.png"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(ImageLogo)>
+`;

package/src/ImageLogo/index.test.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import ImageLogo from '@digigov/react-core/ImageLogo';
+
+it('renders the Hint with src prop', () => {
+  expect(mount(<ImageLogo src='logo.png' />)).toMatchSnapshot();
+});
+
+
+it('renders the Hint with  variant and src props', () => {
+  expect(mount(<ImageLogo variant='dark' src='logo.png' />)).toMatchSnapshot();
+});

package/src/ImageLogo/index.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import clsx from 'clsx';
+import Base, { BaseProps } from '@digigov/react-core/Base';
+
+export interface ImageLogoProps extends BaseProps<'img'> {
+  /**
+   * src is optional.
+   * src is used to display images.
+   */
+  src?: string;
+  /**
+   * variant is optional.
+   * variant is used to display images depending the theme (dark, light).
+   */
+  variant?: 'light' | 'dark';
+}
+/**
+ * ImageLogo is used as a generic component for digigov images.
+ * This component can't have children.
+ */
+export const ImageLogo = React.forwardRef<
+  HTMLImageElement,
+  ImageLogoProps
+>(function ImageLogo({ lang, src, variant, className, children, ...props }, ref) {
+  console.log('src is', src)
+  return (
+    <>
+      <Base
+        as="img"
+        src={src}
+        ref={ref}
+        printHidden
+        className={clsx(className, {
+          'govgr-image-logo': variant === undefined,
+          [`govgr-image-logo--${variant}`]: variant !== undefined,
+        })}
+        {...props}
+      />
+    </>
+  );
+});
+
+export default ImageLogo;