@digigov/ui 0.26.2 → 0.26.4

package/esm/app/QrCodeViewer/types.js

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

package/esm/app/QrCodeViewer/utils.js

@@ -0,0 +1,95 @@
+var DEFAULT_IMG_SCALE = 0.1;
+export var MARGIN_SIZE = 4;
+export function generatePath(modules) {
+  var margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var ops = [];
+  modules.forEach(function (row, y) {
+    var start = null;
+    row.forEach(function (cell, x) {
+      if (!cell && start !== null) {
+        // M0 0h7v1H0z injects the space with the move and drops the comma,
+        // saving a char per operation
+        ops.push("M".concat(start + margin, " ").concat(y + margin, "h").concat(x - start, "v1H").concat(start + margin, "z"));
+        start = null;
+        return;
+      } // end of row, clean up or skip
+
+
+      if (x === row.length - 1) {
+        if (!cell) {
+          // We would have closed the op above already so this can only mean
+          // 2+ light modules in a row.
+          return;
+        }
+
+        if (start === null) {
+          // Just a single dark module.
+          ops.push("M".concat(x + margin, ",").concat(y + margin, " h1v1H").concat(x + margin, "z"));
+        } else {
+          // Otherwise finish the current line.
+          ops.push("M".concat(start + margin, ",").concat(y + margin, " h").concat(x + 1 - start, "v1H").concat(start + margin, "z"));
+        }
+
+        return;
+      }
+
+      if (cell && start === null) {
+        start = x;
+      }
+    });
+  });
+  return ops.join('');
+} // We could just do this in generatePath, except that we want to support
+// non-Path2D canvas, so we need to keep it an explicit step.
+
+export function excavateModules(modules, excavation) {
+  return modules.slice().map(function (row, y) {
+    if (y < excavation.y || y >= excavation.y + excavation.h) {
+      return row;
+    }
+
+    return row.map(function (cell, x) {
+      if (x < excavation.x || x >= excavation.x + excavation.w) {
+        return cell;
+      }
+
+      return false;
+    });
+  });
+}
+export function getImageSettings(cells, size, includeMargin, imageSettings) {
+  if (imageSettings == null) {
+    return null;
+  }
+
+  var margin = includeMargin ? MARGIN_SIZE : 0;
+  var numCells = cells.length + margin * 2;
+  var defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
+  var scale = numCells / size;
+  var w = (imageSettings.width || defaultSize) * scale;
+  var h = (imageSettings.height || defaultSize) * scale;
+  var x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;
+  var y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;
+  var excavation;
+
+  if (imageSettings.excavate) {
+    var floorX = Math.floor(x);
+    var floorY = Math.floor(y);
+    var ceilW = Math.ceil(w + x - floorX);
+    var ceilH = Math.ceil(h + y - floorY);
+    excavation = {
+      x: floorX,
+      y: floorY,
+      w: ceilW,
+      h: ceilH
+    };
+  }
+
+  return {
+    x: x,
+    y: y,
+    h: h,
+    w: w,
+    excavation: excavation
+  };
+}

package/esm/app/index.js

@@ -1,6 +1,7 @@
 export * from '@digigov/ui/app/App';
 export * from '@digigov/ui/app/PageTitle';
 export * from '@digigov/ui/app/QrCodeScanner';
+export * from '@digigov/ui/app/QrCodeViewer';
 export * from '@digigov/ui/app/Header';
 export * from '@digigov/ui/app/i18n';
 export * from '@digigov/ui/app/I18nText';

package/esm/core/FileUpload/index.js

@@ -1,3 +1,4 @@
 export * from '@digigov/react-core/FileUpload';
 import FileUpload from '@digigov/react-core/FileUpload';
+export * from '@digigov/react-core/FileUploadContainer';
 export default FileUpload;

package/esm/govgr/Footer/Copyright.js

@@ -2,15 +2,12 @@ import React from 'react';
 import CoreCopyright from '@digigov/react-core/Copyright';
 import { useTranslation } from '@digigov/ui/app';
 import Link from '@digigov/ui/core/Link';
-
-var getCopyright = function getCopyright() {
+export var getCopyright = function getCopyright() {
   var year = new Date().getFullYear();
-  return "\xA9 Copyright ".concat(year);
+  return "\xA9 Copyright ".concat(year, " - ");
 };
-
 export var Copyright = function Copyright(_ref) {
-  var _ref$copyright = _ref.copyright,
-      copyright = _ref$copyright === void 0 ? getCopyright() : _ref$copyright,
+  var copyright = _ref.copyright,
       createdBy = _ref.createdBy,
       minDigitalCopyright = _ref.minDigitalCopyright,
       children = _ref.children;
@@ -25,14 +22,14 @@ export var Copyright = function Copyright(_ref) {
     url: 'https://grnet.gr',
     label: t('footer.grnet')
   };
-  return /*#__PURE__*/React.createElement(CoreCopyright, null, children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, copyright, ' - ', createdBy || /*#__PURE__*/React.createElement(React.Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/React.createElement(Link, {
+  return /*#__PURE__*/React.createElement(CoreCopyright, null, children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, copyright, createdBy || /*#__PURE__*/React.createElement(React.Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/React.createElement(Link, {
     href: copyrightInfo.url,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, copyrightInfo.label), ' ', !minDigitalCopyright && /*#__PURE__*/React.createElement(React.Fragment, null, t('footer.using'), ' ', /*#__PURE__*/React.createElement(Link, {
-    href: "https://mathe.ellak.gr/",
+  }, copyrightInfo.label), ' ', !minDigitalCopyright && /*#__PURE__*/React.createElement(React.Fragment, null, t('footer.created_for'), ' ', /*#__PURE__*/React.createElement(Link, {
+    href: "https://mindigital.gr",
     target: "_blank",
     rel: "noopener noreferrer"
-  }, t('footer.open_source'))))));
+  }, t('footer.mindigital'))))));
 };
 export default Copyright;

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v0.26.2
+/** @license Digigov v0.26.4
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/esm/layouts/Grid/__stories__/Default.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import Grid from '@digigov/react-core/Grid';
+import { Card } from '@digigov/ui/core';
 
 var _ref = /*#__PURE__*/React.createElement("div", {
   className: "govgr-btn govgr-btn-primary"
@@ -16,9 +17,9 @@ var _ref2 = /*#__PURE__*/React.createElement(Grid, {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/React.createElement(Grid, {
   role: "row",
@@ -26,9 +27,9 @@ var _ref2 = /*#__PURE__*/React.createElement(Grid, {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/React.createElement(Grid, {
   role: "row",
@@ -36,9 +37,9 @@ var _ref2 = /*#__PURE__*/React.createElement(Grid, {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/React.createElement(Grid, {
   role: "row",
@@ -46,9 +47,9 @@ var _ref2 = /*#__PURE__*/React.createElement(Grid, {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/React.createElement(Grid, {
   role: "row",
@@ -56,9 +57,9 @@ var _ref2 = /*#__PURE__*/React.createElement(Grid, {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/React.createElement(Grid, {
   role: "row",
@@ -66,9 +67,9 @@ var _ref2 = /*#__PURE__*/React.createElement(Grid, {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")));
 

package/esm/layouts/Grid/__stories__/Inline.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import Grid from '@digigov/react-core/Grid';
+import { Card } from '@digigov/ui/core';
 
 var _ref = /*#__PURE__*/React.createElement(Grid, {
   role: "grid",
@@ -13,9 +14,9 @@ var _ref = /*#__PURE__*/React.createElement(Grid, {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/React.createElement(Grid, {
   role: "row",
@@ -23,9 +24,9 @@ var _ref = /*#__PURE__*/React.createElement(Grid, {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/React.createElement(Grid, {
   role: "row",
@@ -33,9 +34,9 @@ var _ref = /*#__PURE__*/React.createElement(Grid, {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/React.createElement(Grid, {
   role: "row",
@@ -43,9 +44,9 @@ var _ref = /*#__PURE__*/React.createElement(Grid, {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/React.createElement(Grid, {
   role: "row",
@@ -53,9 +54,9 @@ var _ref = /*#__PURE__*/React.createElement(Grid, {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/React.createElement(Grid, {
   role: "row",
@@ -63,9 +64,9 @@ var _ref = /*#__PURE__*/React.createElement(Grid, {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/React.createElement("div", {
+  xl: 2
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")));
 

package/esm/registry.js

@@ -48,6 +48,10 @@ import * as _digigov_ui_app_OutdatedBrowserBanner from '@digigov/ui/app/Outdated
 import * as _digigov_ui_app_PageTitle from '@digigov/ui/app/PageTitle';
 import * as _digigov_ui_app_PhaseBannerHeader from '@digigov/ui/app/PhaseBannerHeader';
 import * as _digigov_ui_app_QrCodeScanner from '@digigov/ui/app/QrCodeScanner';
+import * as _digigov_ui_app_QrCodeViewer from '@digigov/ui/app/QrCodeViewer';
+import * as _digigov_ui_app_QrCodeViewer_qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';
+import * as _digigov_ui_app_QrCodeViewer_types from '@digigov/ui/app/QrCodeViewer/types';
+import * as _digigov_ui_app_QrCodeViewer_utils from '@digigov/ui/app/QrCodeViewer/utils';
 import * as _digigov_ui_core_Accordion from '@digigov/ui/core/Accordion';
 import * as _digigov_ui_core_BackLink from '@digigov/ui/core/BackLink';
 import * as _digigov_ui_core_Base from '@digigov/ui/core/Base';
@@ -216,6 +220,10 @@ export default {
   '@digigov/ui/app/PageTitle': lazyImport(_digigov_ui_app_PageTitle),
   '@digigov/ui/app/PhaseBannerHeader': lazyImport(_digigov_ui_app_PhaseBannerHeader),
   '@digigov/ui/app/QrCodeScanner': lazyImport(_digigov_ui_app_QrCodeScanner),
+  '@digigov/ui/app/QrCodeViewer': lazyImport(_digigov_ui_app_QrCodeViewer),
+  '@digigov/ui/app/QrCodeViewer/qrcodegen': lazyImport(_digigov_ui_app_QrCodeViewer_qrcodegen),
+  '@digigov/ui/app/QrCodeViewer/types': lazyImport(_digigov_ui_app_QrCodeViewer_types),
+  '@digigov/ui/app/QrCodeViewer/utils': lazyImport(_digigov_ui_app_QrCodeViewer_utils),
   '@digigov/ui/core/Accordion': lazyImport(_digigov_ui_core_Accordion),
   '@digigov/ui/core/BackLink': lazyImport(_digigov_ui_core_BackLink),
   '@digigov/ui/core/Base': lazyImport(_digigov_ui_core_Base),

package/govgr/Footer/Copyright.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export declare const getCopyright: () => string;
 export interface CopyrightProps {
     copyright?: string;
     createdBy?: React.ReactNode;

package/govgr/Footer/Copyright.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Copyright = void 0;
+exports.getCopyright = exports["default"] = exports.Copyright = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -17,12 +17,13 @@ var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
 
 var getCopyright = function getCopyright() {
   var year = new Date().getFullYear();
-  return "\xA9 Copyright ".concat(year);
+  return "\xA9 Copyright ".concat(year, " - ");
 };
 
+exports.getCopyright = getCopyright;
+
 var Copyright = function Copyright(_ref) {
-  var _ref$copyright = _ref.copyright,
-      copyright = _ref$copyright === void 0 ? getCopyright() : _ref$copyright,
+  var copyright = _ref.copyright,
       createdBy = _ref.createdBy,
       minDigitalCopyright = _ref.minDigitalCopyright,
       children = _ref.children;
@@ -37,15 +38,15 @@ var Copyright = function Copyright(_ref) {
     url: 'https://grnet.gr',
     label: t('footer.grnet')
   };
-  return /*#__PURE__*/_react["default"].createElement(_Copyright["default"], null, children ? children : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, copyright, ' - ', createdBy || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_Copyright["default"], null, children ? children : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, copyright, createdBy || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
     href: copyrightInfo.url,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, copyrightInfo.label), ' ', !minDigitalCopyright && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.using'), ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-    href: "https://mathe.ellak.gr/",
+  }, copyrightInfo.label), ' ', !minDigitalCopyright && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.created_for'), ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    href: "https://mindigital.gr",
     target: "_blank",
     rel: "noopener noreferrer"
-  }, t('footer.open_source'))))));
+  }, t('footer.mindigital'))))));
 };
 
 exports.Copyright = Copyright;

package/layouts/Grid/__stories__/Default.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
 
+var _core = require("@digigov/ui/core");
+
 var _ref = /*#__PURE__*/_react["default"].createElement("div", {
   className: "govgr-btn govgr-btn-primary"
 }, "lalal");
@@ -26,9 +28,9 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   role: "row",
@@ -36,9 +38,9 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   role: "row",
@@ -46,9 +48,9 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   role: "row",
@@ -56,9 +58,9 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   role: "row",
@@ -66,9 +68,9 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   role: "row",
@@ -76,9 +78,9 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")));
 

package/layouts/Grid/__stories__/Inline.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
 
+var _core = require("@digigov/ui/core");
+
 var _ref = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   role: "grid",
   "aria-label": "grid-example",
@@ -23,9 +25,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   role: "row",
@@ -33,9 +35,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   role: "row",
@@ -43,9 +45,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   role: "row",
@@ -53,9 +55,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   role: "row",
@@ -63,9 +65,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 8,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   role: "row",
@@ -73,9 +75,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
   sm: 4,
   md: 6,
   lg: 4,
-  xl: 2,
-  className: "border border-black"
-}, /*#__PURE__*/_react["default"].createElement("div", {
+  xl: 2
+}, /*#__PURE__*/_react["default"].createElement(_core.Card, {
+  variant: "border",
   role: "gridcell"
 }, "1")));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/ui",
-  "version": "0.26.2",
+  "version": "0.26.4",
   "description": "@digigov reusable components toolkit",
   "module": "./esm/index.js",
   "publishConfig": {
@@ -18,8 +18,8 @@
     "clsx": "1.1.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "@digigov/react-core": "0.16.2",
-    "@digigov/react-extensions": "0.18.1"
+    "@digigov/react-core": "0.16.3",
+    "@digigov/react-extensions": "0.18.2"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/registry.d.ts

@@ -49,6 +49,10 @@ declare var _default: {
     '@digigov/ui/app/PageTitle': {};
     '@digigov/ui/app/PhaseBannerHeader': {};
     '@digigov/ui/app/QrCodeScanner': {};
+    '@digigov/ui/app/QrCodeViewer': {};
+    '@digigov/ui/app/QrCodeViewer/qrcodegen': {};
+    '@digigov/ui/app/QrCodeViewer/types': {};
+    '@digigov/ui/app/QrCodeViewer/utils': {};
     '@digigov/ui/core/Accordion': {};
     '@digigov/ui/core/BackLink': {};
     '@digigov/ui/core/Base': {};

package/registry.js

@@ -107,6 +107,14 @@ var _digigov_ui_app_PhaseBannerHeader = _interopRequireWildcard(require("@digigo
 
 var _digigov_ui_app_QrCodeScanner = _interopRequireWildcard(require("@digigov/ui/app/QrCodeScanner"));
 
+var _digigov_ui_app_QrCodeViewer = _interopRequireWildcard(require("@digigov/ui/app/QrCodeViewer"));
+
+var _digigov_ui_app_QrCodeViewer_qrcodegen = _interopRequireWildcard(require("@digigov/ui/app/QrCodeViewer/qrcodegen"));
+
+var _digigov_ui_app_QrCodeViewer_types = _interopRequireWildcard(require("@digigov/ui/app/QrCodeViewer/types"));
+
+var _digigov_ui_app_QrCodeViewer_utils = _interopRequireWildcard(require("@digigov/ui/app/QrCodeViewer/utils"));
+
 var _digigov_ui_core_Accordion = _interopRequireWildcard(require("@digigov/ui/core/Accordion"));
 
 var _digigov_ui_core_BackLink = _interopRequireWildcard(require("@digigov/ui/core/BackLink"));
@@ -380,6 +388,10 @@ var _default = {
   '@digigov/ui/app/PageTitle': lazyImport(_digigov_ui_app_PageTitle),
   '@digigov/ui/app/PhaseBannerHeader': lazyImport(_digigov_ui_app_PhaseBannerHeader),
   '@digigov/ui/app/QrCodeScanner': lazyImport(_digigov_ui_app_QrCodeScanner),
+  '@digigov/ui/app/QrCodeViewer': lazyImport(_digigov_ui_app_QrCodeViewer),
+  '@digigov/ui/app/QrCodeViewer/qrcodegen': lazyImport(_digigov_ui_app_QrCodeViewer_qrcodegen),
+  '@digigov/ui/app/QrCodeViewer/types': lazyImport(_digigov_ui_app_QrCodeViewer_types),
+  '@digigov/ui/app/QrCodeViewer/utils': lazyImport(_digigov_ui_app_QrCodeViewer_utils),
   '@digigov/ui/core/Accordion': lazyImport(_digigov_ui_core_Accordion),
   '@digigov/ui/core/BackLink': lazyImport(_digigov_ui_core_BackLink),
   '@digigov/ui/core/Base': lazyImport(_digigov_ui_core_Base),