@digigov/ui 0.8.3 → 0.9.2

package/libs-ui/react-core/src/Top/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type DivElementAttributes = JSX.IntrinsicElements['div'];
+export interface TopProps extends DivElementAttributes {
+}
+/**
+ * Top is used inside the Layout component and it must be the first component in order.
+ */
+export declare const Top: React.ForwardRefExoticComponent<Pick<TopProps, "color" | "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
+export default Top;

package/libs-ui/react-core/src/WarningText/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type DivElementAttributes = JSX.IntrinsicElements['div'];
+export interface WarningTextProps extends DivElementAttributes {
+}
+/**
+ * WarningText.
+ * Use the WarningText component when you need to warn users about something important.
+ * The component is used with a text inside it.
+ */
+export declare const WarningText: React.ForwardRefExoticComponent<Pick<WarningTextProps, "color" | "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
+export default WarningText;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/ui",
-  "version": "0.8.3",
+  "version": "0.9.2",
   "description": "@digigov reusable components toolkit",
   "module": "./esm/index.js",
   "publishConfig": {
@@ -17,7 +17,8 @@
     "@material-ui/icons": "4.11.2",
     "clsx": "1.1.1",
     "react": "16.14.0",
-    "react-dom": "16.14.0"
+    "react-dom": "16.14.0",
+    "@digigov/react-core": "0.3.1"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/themes/grnet.js

@@ -21,7 +21,7 @@ var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
 
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
 
 var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
 

package/typography/Caption.js

@@ -7,34 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Caption = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _HeadingCaption = _interopRequireDefault(require("@digigov/react-core/HeadingCaption"));
 
-var _react = _interopRequireDefault(require("react"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var _styles = require("@material-ui/core/styles");
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var useStyles = (0, _styles.makeStyles)(function () {
-  return {
-    caption: {
-      color: '#4d4d4d',
-      fontWeight: 'normal'
-    }
-  };
+var Caption = (0, _withDeprecation["default"])(_HeadingCaption["default"], {
+  name: 'Caption',
+  rename: 'HeadingCaption'
 });
-
-var Caption = function Caption(_ref) {
-  var props = (0, _extends2["default"])({}, _ref);
-  var classes = useStyles(props);
-  return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    className: (0, _clsx["default"])(props.className, classes.caption),
-    variant: "h6"
-  }, props.children);
-};
-
 exports.Caption = Caption;
 var _default = Caption;
 exports["default"] = _default;

package/typography/NormalText.js

@@ -5,22 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.NormalText = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+Object.defineProperty(exports, "NormalText", {
+  enumerable: true,
+  get: function get() {
+    return _NormalText["default"];
+  }
+});
+exports["default"] = void 0;
 
-// @flow
-var NormalText = function NormalText(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
-    component: "span",
-    variant: "body1"
-  }, props), props.children);
-};
+var _NormalText = _interopRequireDefault(require("@digigov/react-core/NormalText"));
 
-exports.NormalText = NormalText;
-var _default = NormalText;
+var _default = _NormalText["default"];
 exports["default"] = _default;

package/typography/Paragraph.js

@@ -5,45 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useParagraphStyles = exports["default"] = exports.Paragraph = void 0;
+exports["default"] = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _Paragraph = _interopRequireDefault(require("@digigov/react-core/Paragraph"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var _excluded = ["paragraph"];
-var useParagraphStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    paragraph: {
-      // here be thy styles
-      margin: theme.spacing(0, 0, 2),
-      marginBottom: theme.spacing(4)
-    }
-  };
-}, {
-  name: 'MuiParagraph'
-});
-exports.useParagraphStyles = useParagraphStyles;
-;
-
-var Paragraph = function Paragraph(props) {
-  var _useParagraphStyles = useParagraphStyles(),
-      paragraph = _useParagraphStyles.paragraph,
-      classes = (0, _objectWithoutProperties2["default"])(_useParagraphStyles, _excluded);
-
-  return /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
-    className: paragraph,
-    variant: "body1",
-    classes: classes
-  }, props), props.children);
-};
-
-exports.Paragraph = Paragraph;
-var _default = Paragraph;
+var _default = _Paragraph["default"];
 exports["default"] = _default;

package/typography/Title.js

@@ -5,105 +5,59 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Title = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _styles = require("@material-ui/core/styles");
+var _Heading = _interopRequireDefault(require("@digigov/react-core/Heading"));
 
-var _excluded = ["size", "children", "dense", "classes", "component"],
-    _excluded2 = ["className"];
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  var _xl;
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-  return {
-    root: {
-      margin: 0,
-      display: 'block',
-      fontWeight: 'bolder'
-    },
-    xl: (_xl = {}, (0, _defineProperty2["default"])(_xl, theme.breakpoints.down('sm'), {
-      fontSize: '2.25rem'
-    }), (0, _defineProperty2["default"])(_xl, "margin", theme.spacing(0, 0, 6, 0)), (0, _defineProperty2["default"])(_xl, "fontSize", '3rem'), _xl),
-    lg: {
-      margin: theme.spacing(0, 0, 4, 0),
-      fontSize: '2.25rem'
-    },
-    md: {
-      margin: theme.spacing(0, 0, 3, 0),
-      fontSize: '1.5rem'
-    },
-    sm: {
-      margin: theme.spacing(0, 0, 2, 0),
-      fontSize: '1.2rem'
+var _excluded = ["size", "component", "children"];
+var sizeMappings = {
+  xl: 'xl',
+  lg: 'l',
+  md: 'm',
+  sm: 's'
+};
+var Title = (0, _withDeprecation["default"])(function (_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'xl' : _ref$size,
+      component = _ref.component,
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var newSize = sizeMappings[size];
+  return /*#__PURE__*/_react["default"].createElement(_Heading["default"], (0, _extends2["default"])({
+    size: newSize,
+    element: component
+  }, props), children);
+}, {
+  name: 'Title',
+  rename: 'Heading',
+  props: {
+    dense: {
+      error: true
     },
-    xs: {
-      margin: theme.spacing(0, 0, 1, 0),
-      fontSize: '1rem'
+    size: {
+      values: {
+        xs: {
+          error: true
+        }
+      }
     },
-    dense: {
-      margin: 0
+    component: {
+      values: {
+        h5: {
+          error: true
+        }
+      }
     }
-  };
-}, {
-  name: 'MuiDigigovTitle'
-});
-
-var getComponentBySize = function getComponentBySize(size) {
-  switch (size) {
-    case 'xl':
-      return 'h1';
-
-    case 'lg':
-      return 'h2';
-
-    case 'md':
-      return 'h3';
-
-    case 'sm':
-      return 'h4';
-
-    case 'xs':
-      return 'h5';
-
-    default:
-      return 'h4';
   }
-};
-
-var Title = function Title(_ref, ref) {
-  var size = _ref.size,
-      children = _ref.children,
-      dense = _ref.dense,
-      classesObj = _ref.classes,
-      component = _ref.component,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = useStyles({
-    classes: classesObj
-  });
-  var cls = classes[size || 'sm'];
-  var Tag = component || getComponentBySize(size);
-  var className = props.className,
-      otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded2);
-  return /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({
-    ref: ref,
-    className: (0, _clsx["default"])(className, classes.root, cls, dense && classes.dense)
-  }, otherProps), children);
-};
-
-var RefTitle = /*#__PURE__*/_react["default"].forwardRef(Title);
-
-RefTitle.defaultProps = {
-  size: 'sm',
-  dense: false
-};
-var _default = RefTitle;
+});
+exports.Title = Title;
+var _default = Title;
 exports["default"] = _default;

package/utils/withDeprecation.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = withDeprecation;
+
+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 _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; } }
+
+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.name = 'DigigovError'; // (2)
+
+    return _this;
+  }
+
+  return DigigovError;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(Error));
+
+var loggedDeprecations = new Set();
+
+var handleErrorWarning = function handleErrorWarning(componentName, name, _ref, type) {
+  var error = _ref.error,
+      warning = _ref.warning;
+
+  if (warning === true) {
+    console.warn("\u26A0\uFE0F  ".concat(componentName, ": ").concat(name, " ").concat(type, " will be deprecated."));
+  } else if (typeof warning === 'string') {
+    console.warn(warning);
+  }
+
+  if (error === true) {
+    throw new DigigovError("".concat(componentName, ": !! ").concat(name, " ").concat(type, " is deprecated."));
+  } else if (typeof error === 'string') {
+    throw new DigigovError("Component `".concat(componentName, "` with `").concat(name, "` prop: ").concat(error));
+  }
+};
+
+function withDeprecation(Component, deprecations) {
+  var _Component$render;
+
+  var componentName = // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  deprecations.name || Component.name || (Component === null || Component === void 0 ? void 0 : (_Component$render = Component.render) === null || _Component$render === void 0 ? void 0 : _Component$render.name);
+
+  if (loggedDeprecations.has(componentName)) {
+    return Component;
+  } else {
+    loggedDeprecations.add(componentName);
+  } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+
+
+  return function withDeprecationComponent(props) {
+    if (deprecations.rename) {
+      console.warn("\u267B\uFE0F  ".concat(componentName, " is renamed to ").concat(deprecations.rename, "\n"));
+    }
+
+    handleErrorWarning(componentName, componentName, deprecations, 'component');
+
+    if (deprecations.props) {
+      Object.keys(deprecations.props).forEach(function (propName) {
+        var _deprecations$props, _propDeprecation$valu;
+
+        var value = props[propName];
+
+        if (!value) {
+          return;
+        }
+
+        var propDeprecation = deprecations === null || deprecations === void 0 ? void 0 : (_deprecations$props = deprecations.props) === null || _deprecations$props === void 0 ? void 0 : _deprecations$props[propName];
+
+        if (propDeprecation !== null && propDeprecation !== void 0 && (_propDeprecation$valu = propDeprecation.values) !== null && _propDeprecation$valu !== void 0 && _propDeprecation$valu[value]) {
+          var _propDeprecation$valu2;
+
+          return handleErrorWarning(componentName, "".concat(propName, " ").concat(value), propDeprecation === null || propDeprecation === void 0 ? void 0 : (_propDeprecation$valu2 = propDeprecation.values) === null || _propDeprecation$valu2 === void 0 ? void 0 : _propDeprecation$valu2[value], 'property value');
+        }
+
+        if (propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.error || propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.warning) {
+          return handleErrorWarning(componentName, propName, propDeprecation, 'property');
+        }
+      });
+    } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+
+
+    return /*#__PURE__*/_react["default"].createElement(Component, props);
+  };
+}

package/app/Header/HeaderLogo.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface HeaderLogoProps {
-    href?: string;
-    src?: string;
-    label?: string;
-    className?: string;
-    height?: number | string;
-    linkProps?: Record<'target', '_blank' | '_self' | '_parent' | '_top'>;
-}
-export declare const useHeaderLogoStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
-export declare const HeaderLogo: React.FC<HeaderLogoProps>;
-export default HeaderLogo;

package/app/Header/HeaderSection.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { GridProps } from '@material-ui/core/Grid';
-declare type HeaderSectionProps = GridProps;
-export declare const useHeaderSectionStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "container">;
-export declare const HeaderSection: React.FC<HeaderSectionProps>;
-export default HeaderSection;

package/app/Header/HeaderTitle.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { GridProps } from '@material-ui/core/Grid';
-import { BaseCSSProperties } from '@material-ui/core/styles/withStyles';
-export declare type HeaderTitleStyles = {
-    root?: BaseCSSProperties;
-    grid?: BaseCSSProperties;
-    link?: BaseCSSProperties;
-};
-export declare const useHeaderTitleStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"link" | "root" | "grid">;
-export interface HeaderTitleProps {
-    xs?: GridProps['xs'];
-    classes?: HeaderTitleStyles;
-    className?: string;
-    href?: string;
-    linkProps?: Record<'target', '_blank' | '_self' | '_parent' | '_top'>;
-    linkComponent?: React.ElementType;
-}
-export declare const HeaderTitle: React.FC<HeaderTitleProps>;
-export interface HeaderSubtitleProps {
-    classes?: {
-        root: BaseCSSProperties;
-    };
-}
-export declare const useHeaderSubtitleStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
-export declare const HeaderSubtitle: React.FC<HeaderTitleProps>;
-export default HeaderTitle;

package/app/Header/index.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { AppBarProps } from '@material-ui/core/AppBar';
-import { ContainerProps as MuiContainerProps } from '@material-ui/core/Container';
-import { BaseCSSProperties } from '@material-ui/core/styles/withStyles';
-export declare type HeaderStyles = {
-    root?: BaseCSSProperties;
-    appbar?: BaseCSSProperties;
-    toolbar?: BaseCSSProperties;
-    coloredBar?: BaseCSSProperties;
-};
-interface HeaderProps extends Omit<AppBarProps, 'classes'> {
-    maxWidth?: MuiContainerProps['maxWidth'];
-    classes?: HeaderStyles;
-}
-export declare const useHeaderStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "toolbar" | "coloredBar">;
-export declare const Header: React.FC<HeaderProps>;
-export * from '@digigov/ui/app/Header/HeaderTitle';
-export * from '@digigov/ui/app/Header/HeaderLogo';
-export * from '@digigov/ui/app/Header/HeaderSection';
-export default Header;

package/app/PageTitle.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { CaptionProps } from '@digigov/ui/typography/Caption';
-import { TitleProps, TitleStyles } from '@digigov/ui/typography/Title';
-import { BaseCSSProperties } from '@material-ui/core/styles/withStyles';
-import { GridProps } from '@material-ui/core/Grid';
-interface PageTitleProps extends GridProps {
-    preserveHeight?: boolean;
-}
-export declare const PageTitle: React.FC<PageTitleProps>;
-export default PageTitle;
-export declare const PageTitleSection: React.FC<GridProps>;
-export declare const PageTitleCaption: React.FC<CaptionProps>;
-export interface PageTitleHeadingStyles extends TitleStyles {
-    dense?: BaseCSSProperties;
-}
-export interface PageTitleHeadingProps extends Omit<TitleProps, 'classes'> {
-    classes?: PageTitleHeadingStyles;
-    dense?: boolean;
-    className?: string;
-}
-export declare const PageTitleHeading: React.FC<PageTitleHeadingProps>;

package/core/Accordion/index.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-interface AccordionItemDetailsProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const AccordionItemDetails: React.FC<AccordionItemDetailsProps>;
-interface AccordionItemSummaryProps {
-    children: React.ReactNode;
-    className?: string;
-    icon?: React.ReactNode;
-}
-export declare const AccordionItemSummary: React.FC<AccordionItemSummaryProps>;
-interface AccordionItemProps {
-    children: React.FunctionComponentElement<typeof AccordionItemSummary | typeof AccordionItemDetails>[];
-    className?: string;
-}
-export declare const AccordionItem: React.FC<AccordionItemProps>;
-interface AccordionProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const Accordion: React.FC<AccordionProps>;
-export {};

package/core/Blockquote/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare const useBlockquoteStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "info" | "warning" | "error" | "success">;
-export interface BlockquoteProps {
-    children: React.ReactNode;
-    variant?: 'info' | 'warning' | 'error' | 'success';
-    className?: string;
-}
-export declare const Blockquote: React.FC<BlockquoteProps>;
-export default Blockquote;

package/core/Button/BackButton.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '@digigov/ui/core/Button';
-export declare const BackButton: React.FC<ButtonProps>;
-export default BackButton;

package/core/Button/CallToAction.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '@digigov/ui/core/Button';
-export interface CallToActionProps extends ButtonProps {
-    label?: string;
-    children?: React.ReactNode;
-}
-export declare const ButtonIcon: React.FC<CallToActionProps>;
-export default ButtonIcon;

package/core/Button/Icon.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '@digigov/ui/core/Button';
-export interface ButtonIconProps extends ButtonProps {
-    Icon: React.ElementType;
-    icon: string;
-    label: string;
-}
-export declare const ButtonIcon: React.FC<ButtonIconProps>;
-export default ButtonIcon;