@digigov/ui 1.0.2 → 1.1.1

package/cjs/app/QrCodeViewer/qrcodegen/index.js

@@ -968,7 +968,7 @@ var qrcodegen;
 // eslint-disable-next-line @typescript-eslint/no-namespace
 (function (_qrcodegen2) {
   var QrCode;
-  (function (_QrCode, _class) {
+  (function (_QrCode, _Ecc) {
     /*
      * The error correction level in a QR Code symbol. Immutable.
      */
@@ -987,15 +987,15 @@ var qrcodegen;
       this.ordinal = ordinal;
       this.formatBits = formatBits;
     });
-    _class = Ecc;
+    _Ecc = Ecc;
     /*-- Constants --*/
-    Ecc.LOW = new _class(0, 1);
+    Ecc.LOW = new _Ecc(0, 1);
     // The QR Code can tolerate about  7% erroneous codewords
-    Ecc.MEDIUM = new _class(1, 0);
+    Ecc.MEDIUM = new _Ecc(1, 0);
     // The QR Code can tolerate about 15% erroneous codewords
-    Ecc.QUARTILE = new _class(2, 3);
+    Ecc.QUARTILE = new _Ecc(2, 3);
     // The QR Code can tolerate about 25% erroneous codewords
-    Ecc.HIGH = new _class(3, 2);
+    Ecc.HIGH = new _Ecc(3, 2);
     _QrCode.Ecc = Ecc;
   })(QrCode || (QrCode = _qrcodegen2.QrCode || (_qrcodegen2.QrCode = {})));
 })(qrcodegen || (qrcodegen = {}));
@@ -1003,7 +1003,7 @@ var qrcodegen;
 // eslint-disable-next-line @typescript-eslint/no-namespace
 (function (_qrcodegen3) {
   var QrSegment;
-  (function (_QrSegment, _class2) {
+  (function (_QrSegment, _Mode) {
     /*
      * Describes how a segment's data bits are interpreted. Immutable.
      */
@@ -1035,13 +1035,13 @@ var qrcodegen;
       }]);
       return Mode;
     }();
-    _class2 = Mode;
+    _Mode = Mode;
     /*-- Constants --*/
-    Mode.NUMERIC = new _class2(0x1, [10, 12, 14]);
-    Mode.ALPHANUMERIC = new _class2(0x2, [9, 11, 13]);
-    Mode.BYTE = new _class2(0x4, [8, 16, 16]);
-    Mode.KANJI = new _class2(0x8, [8, 10, 12]);
-    Mode.ECI = new _class2(0x7, [0, 0, 0]);
+    Mode.NUMERIC = new _Mode(0x1, [10, 12, 14]);
+    Mode.ALPHANUMERIC = new _Mode(0x2, [9, 11, 13]);
+    Mode.BYTE = new _Mode(0x4, [8, 16, 16]);
+    Mode.KANJI = new _Mode(0x8, [8, 10, 12]);
+    Mode.ECI = new _Mode(0x7, [0, 0, 0]);
     _QrSegment.Mode = Mode;
   })(QrSegment || (QrSegment = _qrcodegen3.QrSegment || (_qrcodegen3.QrSegment = {})));
 })(qrcodegen || (qrcodegen = {})); // Modification to export for actual use

package/cjs/content/Table/TableFloatingScroll/index.js

@@ -29,6 +29,7 @@ function TableFloatingScroll(props) {
     setPosition = _useState6[1];
   (0, _react.useEffect)(function () {
     var _ref$current;
+    var scrollBlockRefInstance = scrollBlockRef.current;
     contentRef.current = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.firstChild;
     // @ts-ignore
     setContainerWidth(ref.current.offsetWidth);
@@ -48,10 +49,10 @@ function TableFloatingScroll(props) {
     }
     function onBlockScroll() {
       // @ts-ignore
-      ref.current.scrollLeft = scrollBlockRef.current.scrollLeft;
+      ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;
     }
     // @ts-ignore
-    scrollBlockRef.current.addEventListener('scroll', onBlockScroll);
+    scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);
     document.addEventListener('scroll', onBodyScroll);
     window.addEventListener('resize', function () {
       // @ts-ignore
@@ -61,7 +62,7 @@ function TableFloatingScroll(props) {
     });
     return function () {
       // @ts-ignore
-      scrollBlockRef.current.removeEventListener('scroll', onBlockScroll);
+      scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);
       document.removeEventListener('scroll', onBodyScroll);
     };
   }, []);

package/cjs/form/AutoComplete/Status/index.js

@@ -20,16 +20,16 @@ Object.defineProperty(exports, "AutoCompleteStatusWrapper", {
 exports["default"] = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
 var _AutoCompleteStatus = _interopRequireDefault(require("@digigov/react-core/cjs/AutoCompleteStatus"));
 var _AutoCompleteStatusWrapper = _interopRequireDefault(require("@digigov/react-core/cjs/AutoCompleteStatusWrapper"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var debounce = function debounce(func, wait, immediate) {
   var timeout;
   return function () {
@@ -53,14 +53,13 @@ var debounce = function debounce(func, wait, immediate) {
 var statusDebounceMillis = 1400;
 var Status = exports["default"] = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Status, _Component);
-  var _super = _createSuper(Status);
   function Status() {
     var _this;
     (0, _classCallCheck2["default"])(this, Status);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _callSuper(this, Status, [].concat(args));
     _this.state = {
       bump: false,
       debounced: false,

package/cjs/form/AutoComplete/index.js

@@ -46,10 +46,10 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
 var _AutoCompleteAssistiveHint = _interopRequireDefault(require("@digigov/react-core/cjs/AutoCompleteAssistiveHint"));
 var _AutoCompleteInput = _interopRequireDefault(require("@digigov/react-core/cjs/AutoCompleteInput"));
@@ -62,15 +62,14 @@ var _Status = _interopRequireDefault(require("@digigov/ui/form/AutoComplete/Stat
 var _utils = require("@digigov/ui/form/AutoComplete/utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var AutoComplete = exports.AutoComplete = exports["default"] = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(AutoComplete, _Component);
-  var _super = _createSuper(AutoComplete);
   function AutoComplete(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, AutoComplete);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, AutoComplete, [props]);
     _this.elementReferences = {};
     _this.$pollInput = void 0;
     _this.state = {

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

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _Screen = _interopRequireDefault(require("@digigov/ui/layouts/Screen"));
+var _Default = require("@digigov/ui/layouts/Screen/__stories__/Default");
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+var _SpecificScreenSize = require("@digigov/ui/layouts/Screen/__stories__/SpecificScreenSize");
+Object.keys(_SpecificScreenSize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SpecificScreenSize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SpecificScreenSize[key];
+    }
+  });
+});
+var _ScreenDown = require("@digigov/ui/layouts/Screen/__stories__/ScreenDown");
+Object.keys(_ScreenDown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ScreenDown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ScreenDown[key];
+    }
+  });
+});
+var _default = exports["default"] = {
+  title: 'Digigov UI/layouts/Screen',
+  component: _Screen["default"],
+  displayName: 'Screen'
+};

package/cjs/layouts/Screen/__stories__/Default/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Screen = require("@digigov/ui/layouts/Screen");
+var _ref = /*#__PURE__*/_react["default"].createElement(_Screen.Screen, {
+  size: "mdUp"
+}, /*#__PURE__*/_react["default"].createElement("div", null, "This is a mdUp screen"));
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Screen.Screen, {
+  size: "mdDown"
+}, /*#__PURE__*/_react["default"].createElement("div", null, "This is a mdDown screen"));
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Screen.Screen, {
+  size: "xs"
+}, /*#__PURE__*/_react["default"].createElement("div", null, "This is a xs screen"));
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Screen.Screen, {
+  size: "sm"
+}, /*#__PURE__*/_react["default"].createElement("div", null, "This is a sm screen"));
+var Default = exports.Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4);
+};
+var _default = exports["default"] = Default;

package/cjs/layouts/Screen/__stories__/ScreenDown/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ScreenDown = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Screen = require("@digigov/ui/layouts/Screen");
+var _ref = /*#__PURE__*/_react["default"].createElement(_Screen.Screen, {
+  size: "mdDown"
+}, /*#__PURE__*/_react["default"].createElement("div", null, "This is a mdDown screen"));
+var ScreenDown = exports.ScreenDown = function ScreenDown() {
+  return _ref;
+};
+var _default = exports["default"] = ScreenDown;

package/cjs/layouts/Screen/__stories__/SpecificScreenSize/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SpecificScreenSize = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Screen = require("@digigov/ui/layouts/Screen");
+var _ref = /*#__PURE__*/_react["default"].createElement(_Screen.Screen, {
+  size: "md"
+}, /*#__PURE__*/_react["default"].createElement("div", null, "This is a md screen"));
+var SpecificScreenSize = exports.SpecificScreenSize = function SpecificScreenSize() {
+  return _ref;
+};
+var _default = exports["default"] = SpecificScreenSize;

package/cjs/layouts/Screen/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Screen = void 0;
+var _useScreen = require("@digigov/ui/utils/hooks/useScreen");
+var _react = _interopRequireDefault(require("react"));
+var Screen = exports.Screen = function Screen(_ref) {
+  var size = _ref.size,
+    children = _ref.children;
+  var _useScreenSize = (0, _useScreen.useScreenSize)(),
+    screenSize = _useScreenSize.screenSize;
+  if (size !== null && size !== void 0 && size.endsWith('Up')) {
+    var breakpoint = size.replace('Up', '');
+    if (_useScreen.breakpointKeys.indexOf(breakpoint) <= _useScreen.breakpointKeys.indexOf(screenSize)) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+    } else {
+      return null;
+    }
+  } else if (size.endsWith('Down')) {
+    var _breakpoint = size.replace('Down', '');
+    if (_useScreen.breakpointKeys.indexOf(_breakpoint) > _useScreen.breakpointKeys.indexOf(screenSize)) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+    } else {
+      return null;
+    }
+  } else if (size && size !== screenSize) {
+    return null;
+  }
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+};
+var _default = exports["default"] = Screen;

package/cjs/registry/index.js

@@ -138,6 +138,7 @@ var _digigov_ui_layouts_Basic_Top = _interopRequireWildcard(require("@digigov/ui
 var _digigov_ui_layouts_Grid = _interopRequireWildcard(require("@digigov/ui/layouts/Grid"));
 var _digigov_ui_layouts_Hidden = _interopRequireWildcard(require("@digigov/ui/layouts/Hidden"));
 var _digigov_ui_layouts = _interopRequireWildcard(require("@digigov/ui/layouts"));
+var _digigov_ui_layouts_Screen = _interopRequireWildcard(require("@digigov/ui/layouts/Screen"));
 var _digigov_ui_layouts_Section = _interopRequireWildcard(require("@digigov/ui/layouts/Section"));
 var _digigov_ui_layouts_SectionBreak = _interopRequireWildcard(require("@digigov/ui/layouts/SectionBreak"));
 var _digigov_ui_layouts_Stack = _interopRequireWildcard(require("@digigov/ui/layouts/Stack"));
@@ -166,6 +167,8 @@ var _digigov_ui_navigation_SkipLink = _interopRequireWildcard(require("@digigov/
 var _digigov_ui_navigation_Tabs_auto = _interopRequireWildcard(require("@digigov/ui/navigation/Tabs/auto"));
 var _digigov_ui_navigation_Tabs_hooks = _interopRequireWildcard(require("@digigov/ui/navigation/Tabs/hooks"));
 var _digigov_ui_navigation_Tabs = _interopRequireWildcard(require("@digigov/ui/navigation/Tabs"));
+var _digigov_ui_typography_Code = _interopRequireWildcard(require("@digigov/ui/typography/Code"));
+var _digigov_ui_typography_CodeBlock = _interopRequireWildcard(require("@digigov/ui/typography/CodeBlock"));
 var _digigov_ui_typography_Heading = _interopRequireWildcard(require("@digigov/ui/typography/Heading"));
 var _digigov_ui_typography_HeadingCaption = _interopRequireWildcard(require("@digigov/ui/typography/HeadingCaption"));
 var _digigov_ui_typography_Hint = _interopRequireWildcard(require("@digigov/ui/typography/Hint"));
@@ -176,6 +179,7 @@ var _digigov_ui_utils_Base = _interopRequireWildcard(require("@digigov/ui/utils/
 var _digigov_ui_utils_hooks_useDebounce = _interopRequireWildcard(require("@digigov/ui/utils/hooks/useDebounce"));
 var _digigov_ui_utils_hooks_useKeypress = _interopRequireWildcard(require("@digigov/ui/utils/hooks/useKeypress"));
 var _digigov_ui_utils_hooks_useLatest = _interopRequireWildcard(require("@digigov/ui/utils/hooks/useLatest"));
+var _digigov_ui_utils_hooks_useScreen = _interopRequireWildcard(require("@digigov/ui/utils/hooks/useScreen"));
 var _digigov_ui_utils_hooks_useSearch = _interopRequireWildcard(require("@digigov/ui/utils/hooks/useSearch"));
 var _digigov_ui_utils_hooks_useTogglableTab = _interopRequireWildcard(require("@digigov/ui/utils/hooks/useTogglableTab"));
 var _digigov_ui_utils = _interopRequireWildcard(require("@digigov/ui/utils"));
@@ -228,6 +232,7 @@ var _digigov_ui_form_TextArea_TextArea_stories = _interopRequireWildcard(require
 var _digigov_ui_form_TextInput_TextInput_stories = _interopRequireWildcard(require("@digigov/ui/form/TextInput/TextInput.stories"));
 var _digigov_ui_layouts_Basic_Basic_stories = _interopRequireWildcard(require("@digigov/ui/layouts/Basic/Basic.stories"));
 var _digigov_ui_layouts_Grid_Grid_stories = _interopRequireWildcard(require("@digigov/ui/layouts/Grid/Grid.stories"));
+var _digigov_ui_layouts_Screen_Screen_stories = _interopRequireWildcard(require("@digigov/ui/layouts/Screen/Screen.stories"));
 var _digigov_ui_layouts_Stack_Stack_stories = _interopRequireWildcard(require("@digigov/ui/layouts/Stack/Stack.stories"));
 var _digigov_ui_navigation_BackLink_BackLink_stories = _interopRequireWildcard(require("@digigov/ui/navigation/BackLink/BackLink.stories"));
 var _digigov_ui_navigation_BackToTopLink_BackToTopLink_stories = _interopRequireWildcard(require("@digigov/ui/navigation/BackToTopLink/BackToTopLink.stories"));
@@ -395,6 +400,7 @@ var _default = exports["default"] = {
   '@digigov/ui/layouts/Grid': lazyImport(_digigov_ui_layouts_Grid),
   '@digigov/ui/layouts/Hidden': lazyImport(_digigov_ui_layouts_Hidden),
   '@digigov/ui/layouts': lazyImport(_digigov_ui_layouts),
+  '@digigov/ui/layouts/Screen': lazyImport(_digigov_ui_layouts_Screen),
   '@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),
@@ -423,6 +429,8 @@ var _default = exports["default"] = {
   '@digigov/ui/navigation/Tabs/auto': lazyImport(_digigov_ui_navigation_Tabs_auto),
   '@digigov/ui/navigation/Tabs/hooks': lazyImport(_digigov_ui_navigation_Tabs_hooks),
   '@digigov/ui/navigation/Tabs': lazyImport(_digigov_ui_navigation_Tabs),
+  '@digigov/ui/typography/Code': lazyImport(_digigov_ui_typography_Code),
+  '@digigov/ui/typography/CodeBlock': lazyImport(_digigov_ui_typography_CodeBlock),
   '@digigov/ui/typography/Heading': lazyImport(_digigov_ui_typography_Heading),
   '@digigov/ui/typography/HeadingCaption': lazyImport(_digigov_ui_typography_HeadingCaption),
   '@digigov/ui/typography/Hint': lazyImport(_digigov_ui_typography_Hint),
@@ -433,6 +441,7 @@ var _default = exports["default"] = {
   '@digigov/ui/utils/hooks/useDebounce': lazyImport(_digigov_ui_utils_hooks_useDebounce),
   '@digigov/ui/utils/hooks/useKeypress': lazyImport(_digigov_ui_utils_hooks_useKeypress),
   '@digigov/ui/utils/hooks/useLatest': lazyImport(_digigov_ui_utils_hooks_useLatest),
+  '@digigov/ui/utils/hooks/useScreen': lazyImport(_digigov_ui_utils_hooks_useScreen),
   '@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),
@@ -487,6 +496,7 @@ var stories = exports.stories = {
   '@digigov/ui/form/TextInput/TextInput.stories': _digigov_ui_form_TextInput_TextInput_stories,
   '@digigov/ui/layouts/Basic/Basic.stories': _digigov_ui_layouts_Basic_Basic_stories,
   '@digigov/ui/layouts/Grid/Grid.stories': _digigov_ui_layouts_Grid_Grid_stories,
+  '@digigov/ui/layouts/Screen/Screen.stories': _digigov_ui_layouts_Screen_Screen_stories,
   '@digigov/ui/layouts/Stack/Stack.stories': _digigov_ui_layouts_Stack_Stack_stories,
   '@digigov/ui/navigation/BackLink/BackLink.stories': _digigov_ui_navigation_BackLink_BackLink_stories,
   '@digigov/ui/navigation/BackToTopLink/BackToTopLink.stories': _digigov_ui_navigation_BackToTopLink_BackToTopLink_stories,

package/cjs/typography/Code/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _Code = _interopRequireWildcard(require("@digigov/react-core/cjs/Code"));
+Object.keys(_Code).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Code[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Code[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var _default = exports["default"] = _Code["default"];

package/cjs/typography/CodeBlock/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _CodeBlock = _interopRequireWildcard(require("@digigov/react-core/cjs/CodeBlock"));
+Object.keys(_CodeBlock).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CodeBlock[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CodeBlock[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var _default = exports["default"] = _CodeBlock["default"];

package/cjs/utils/hooks/useScreen/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScreenSize = exports.breakpointValues = exports.breakpointKeys = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _screens = _interopRequireDefault(require("@digigov/css/screens.json"));
+var breakpointKeys = exports.breakpointKeys = Object.keys(_screens["default"]);
+var breakpointValues = exports.breakpointValues = Object.values(_screens["default"]);
+;
+function resolveScreenSize(width) {
+  var breakpointIndex = 0;
+  for (var _i = 0, _breakpointValues = breakpointValues; _i < _breakpointValues.length; _i++) {
+    var breakpoint = _breakpointValues[_i];
+    if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {
+      return breakpointKeys[breakpointIndex];
+    }
+    breakpointIndex++;
+  }
+  return 'xl';
+}
+var listeners = new Set();
+var resizeObserver = null;
+function createResizeObserver() {
+  if (resizeObserver === null) {
+    resizeObserver = new ResizeObserver(function (_ref) {
+      var _ref2 = (0, _slicedToArray2["default"])(_ref, 1),
+        body = _ref2[0];
+      listeners.forEach(function (listener) {
+        listener(body.contentRect.width);
+      });
+    });
+    console.log('createResizeObserver');
+    resizeObserver.observe(document.body);
+  }
+  return listeners;
+}
+var useScreenSize = exports.useScreenSize = function useScreenSize() {
+  var _useState = (0, _react.useState)(resolveScreenSize(document.body.clientWidth)),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    screenSize = _useState2[0],
+    setSize = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var listeners = createResizeObserver();
+    var listener = function listener(width) {
+      setSize(resolveScreenSize(width));
+    };
+    listeners.add(listener);
+    return function () {
+      listeners["delete"](listener);
+    };
+  }, []);
+  return {
+    screenSize: screenSize,
+    screenWidth: document.body.clientWidth
+  };
+};

package/cjs/utils/withDeprecation/index.js

@@ -7,20 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = withDeprecation;
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
 var _react = _interopRequireDefault(require("react"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var DigigovError = /*#__PURE__*/function (_Error) {
   (0, _inherits2["default"])(DigigovError, _Error);
-  var _super = _createSuper(DigigovError);
   function DigigovError(message) {
     var _this;
     (0, _classCallCheck2["default"])(this, DigigovError);
-    _this = _super.call(this, message); // (1)
+    _this = _callSuper(this, DigigovError, [message]); // (1)
     _this.name = 'DigigovError'; // (2)
     return _this;
   }

package/content/Accordion/Accordion.stories.d.ts

@@ -1,14 +1,14 @@
 declare namespace _default {
-    export const title: string;
-    export const tags: string[];
-    export const description: string;
-    export const link: string;
+    export let title: string;
+    export let tags: string[];
+    export let description: string;
+    export let link: string;
     export { Accordion as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/content/Accordion/__stories__/Default";
 export * from "@digigov/ui/content/Accordion/__stories__/WithHints";
 export * from "@digigov/ui/content/Accordion/__stories__/WithHook";
 export * from "@digigov/ui/content/Accordion/__stories__/Auto";
-import Accordion from "@digigov/ui/content/Accordion";
+import Accordion from '@digigov/ui/content/Accordion';

package/content/Blockquote/Blockquote.stories.d.ts

@@ -1,11 +1,11 @@
 declare namespace _default {
-    export const title: string;
-    export const description: string;
-    export const link: string;
+    export let title: string;
+    export let description: string;
+    export let link: string;
     export { Blockquote as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/content/Blockquote/__stories__/Default";
 export * from "@digigov/ui/content/Blockquote/__stories__/Dense";
-import Blockquote from "@digigov/ui/content/Blockquote";
+import Blockquote from '@digigov/ui/content/Blockquote';

package/content/Card/Card.stories.d.ts

@@ -1,10 +1,10 @@
 declare namespace _default {
-    export const title: string;
-    export const tags: string[];
-    export const description: string;
-    export const link: string;
+    export let title: string;
+    export let tags: string[];
+    export let description: string;
+    export let link: string;
     export { Card as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/content/Card/__stories__/Default";
@@ -18,4 +18,4 @@ export * from "@digigov/ui/content/Card/__stories__/WithClickableLink";
 export * from "@digigov/ui/content/Card/__stories__/WithGroupButton";
 export * from "@digigov/ui/content/Card/__stories__/WithLink";
 export * from "@digigov/ui/content/Card/__stories__/Dense";
-import Card from "@digigov/ui/content/Card";
+import Card from '@digigov/ui/content/Card';

package/content/Chip/Chip.stories.d.ts

@@ -1,7 +1,7 @@
 declare namespace _default {
-    export const title: string;
+    export let title: string;
     export { Chip as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/content/Chip/__stories__/Default";
@@ -9,4 +9,4 @@ export * from "@digigov/ui/content/Chip/__stories__/ClickableChip";
 export * from "@digigov/ui/content/Chip/__stories__/DeletableChip";
 export * from "@digigov/ui/content/Chip/__stories__/ClickableDeletableChip";
 export * from "@digigov/ui/content/Chip/__stories__/GroupOfChips";
-import Chip from "@digigov/ui/content/Chip";
+import Chip from '@digigov/ui/content/Chip';

package/content/Details/Details.stories.d.ts

@@ -1,10 +1,10 @@
 declare namespace _default {
-    export const title: string;
-    export const description: string;
-    export const link: string;
+    export let title: string;
+    export let description: string;
+    export let link: string;
     export { Details as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/content/Details/__stories__/Default";
-import Details from "@digigov/ui/content/Details";
+import Details from '@digigov/ui/content/Details';