@digigov/ui 0.10.1 → 0.11.0

package/core/Blockquote/__snapshots__/index.spec.tsx.snap

@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the Blockquote with sample data 1`] = `
-<Blockquote
-  variant="info"
->
-  <blockquote
-    className="MuiBlockquote-info MuiBlockquote-root"
-  >
-    this is some random data
-  </blockquote>
-</Blockquote>
+<withDeprecationComponent>
+  <ForwardRef(Blockquote)>
+    <blockquote
+      className="govgr-blockquote"
+    >
+      this is some random data
+    </blockquote>
+  </ForwardRef(Blockquote)>
+</withDeprecationComponent>
 `;

package/core/Breadcrumbs/index.d.ts

@@ -0,0 +1,3 @@
+export * from '@digigov/react-core/Breadcrumbs';
+export * from '@digigov/react-core/BreadcrumbsList';
+export * from '@digigov/react-core/BreadcrumbsListItem';

package/core/Breadcrumbs/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Breadcrumbs = require("@digigov/react-core/Breadcrumbs");
+
+Object.keys(_Breadcrumbs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Breadcrumbs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Breadcrumbs[key];
+    }
+  });
+});
+
+var _BreadcrumbsList = require("@digigov/react-core/BreadcrumbsList");
+
+Object.keys(_BreadcrumbsList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BreadcrumbsList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _BreadcrumbsList[key];
+    }
+  });
+});
+
+var _BreadcrumbsListItem = require("@digigov/react-core/BreadcrumbsListItem");
+
+Object.keys(_BreadcrumbsListItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BreadcrumbsListItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _BreadcrumbsListItem[key];
+    }
+  });
+});

package/core/Button/__snapshots__/index.spec.tsx.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the button 1`] = `
+<withDeprecationComponent>
+  <ForwardRef(Button)>
+    <button
+      className="govgr-btn-primary govgr-btn"
+    >
+      hello
+    </button>
+  </ForwardRef(Button)>
+</withDeprecationComponent>
+`;

package/{libs/ui/src/core → core}/Button/index.d.ts

@@ -12,3 +12,4 @@ export * from '@digigov/ui/core/Button/BackButton';
 export * from '@digigov/ui/core/Button/CallToAction';
 export * from '@digigov/ui/core/Button/ButtonLink';
 export * from '@digigov/ui/core/Button/Icon';
+export * from '@digigov/react-core/ButtonGroup';

package/core/Button/index.js

@@ -74,6 +74,20 @@ Object.keys(_Icon).forEach(function (key) {
     }
   });
 });
+
+var _ButtonGroup = require("@digigov/react-core/ButtonGroup");
+
+Object.keys(_ButtonGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ButtonGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ButtonGroup[key];
+    }
+  });
+});
 var _excluded = ["label", "children"];
 var Button = (0, _withDeprecation["default"])(_Button["default"], {
   name: 'Button',

package/core/Card/index.d.ts

@@ -0,0 +1,4 @@
+export * from '@digigov/react-core/Card';
+export * from '@digigov/react-core/CardAction';
+export * from '@digigov/react-core/CardHeading';
+export * from '@digigov/react-core/CardText';

package/core/Card/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Card = require("@digigov/react-core/Card");
+
+Object.keys(_Card).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Card[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Card[key];
+    }
+  });
+});
+
+var _CardAction = require("@digigov/react-core/CardAction");
+
+Object.keys(_CardAction).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CardAction[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CardAction[key];
+    }
+  });
+});
+
+var _CardHeading = require("@digigov/react-core/CardHeading");
+
+Object.keys(_CardHeading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CardHeading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CardHeading[key];
+    }
+  });
+});
+
+var _CardText = require("@digigov/react-core/CardText");
+
+Object.keys(_CardText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CardText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CardText[key];
+    }
+  });
+});

package/core/Details/__snapshots__/index.spec.tsx.snap

@@ -1,58 +1,50 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the closed Details component 1`] = `
-<Details>
+<ForwardRef(Details)>
   <details
-    className="MuiDetails-root"
+    className="govgr-details"
   >
-    <DetailsSummary>
+    <ForwardRef(DetailsSummary)>
       <summary
-        className="MuiDetailsSummary-root"
+        className="govgr-details__summary"
       >
-        <span
-          className="MuiDetailsSummary-text"
-        >
-          Help with nationality
-        </span>
+        Help with nationality
       </summary>
-    </DetailsSummary>
-    <DetailsContent>
+    </ForwardRef(DetailsSummary)>
+    <ForwardRef(DetailsContent)>
       <div
-        className="MuiDetailsContent-root"
+        className="govgr-details__summary-text"
       >
         We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
       </div>
-    </DetailsContent>
+    </ForwardRef(DetailsContent)>
   </details>
-</Details>
+</ForwardRef(Details)>
 `;
 
 exports[`renders the open Details component 1`] = `
-<Details
+<ForwardRef(Details)
   open={true}
 >
   <details
-    className="MuiDetails-root"
+    className="govgr-details"
     open={true}
   >
-    <DetailsSummary>
+    <ForwardRef(DetailsSummary)>
       <summary
-        className="MuiDetailsSummary-root"
+        className="govgr-details__summary"
       >
-        <span
-          className="MuiDetailsSummary-text"
-        >
-          Help with nationality
-        </span>
+        Help with nationality
       </summary>
-    </DetailsSummary>
-    <DetailsContent>
+    </ForwardRef(DetailsSummary)>
+    <ForwardRef(DetailsContent)>
       <div
-        className="MuiDetailsContent-root"
+        className="govgr-details__summary-text"
       >
         We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
       </div>
-    </DetailsContent>
+    </ForwardRef(DetailsContent)>
   </details>
-</Details>
+</ForwardRef(Details)>
 `;

package/core/ErrorSummary/__snapshots__/index.spec.tsx.snap

@@ -311,12 +311,12 @@ exports[`renders the ErrorSummary with sample data 1`] = `
     }
   }
 >
-  <ErrorSummary>
+  <ForwardRef(ErrorSummary)>
     <div
-      className="ErrorSummary-root-1"
+      className="govgr-error-summary"
     >
       this is some random warning text
     </div>
-  </ErrorSummary>
+  </ForwardRef(ErrorSummary)>
 </ThemeProvider>
 `;

package/core/Hidden/index.d.ts

@@ -0,0 +1 @@
+export * from '@digigov/react-core/Hidden';

package/core/Hidden/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Hidden = require("@digigov/react-core/Hidden");
+
+Object.keys(_Hidden).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Hidden[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Hidden[key];
+    }
+  });
+});

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

@@ -6,7 +6,6 @@ exports[`Provider 1`] = `
 >
   <ForwardRef(WrappedLink)>
     <CustomLink
-      className="MuiBaseLink-root"
       href=""
     >
       <div>
@@ -20,11 +19,9 @@ exports[`Provider 1`] = `
 exports[`renders the Link 1`] = `
 <ForwardRef(WrappedLink)>
   <CommonLink
-    className="MuiBaseLink-root"
     href=""
   >
     <a
-      className="MuiBaseLink-root"
       href=""
     >
       hello

package/{libs/ui/src/core → core}/Link/index.d.ts

@@ -1,17 +1,12 @@
 import * as React from 'react';
-import { BaseCSSProperties } from '@material-ui/core/styles/withStyles';
+import { LinkProps as CoreLinkProps } from '@digigov/react-core/Link';
 export interface LinkComponentContextProps {
     component: React.ElementType<LinkProps>;
 }
 export declare const CommonLink: React.FC<LinkProps>;
 export declare const LinkProvider: React.FC<LinkComponentContextProps>;
-interface LinkStyles {
-    root: BaseCSSProperties;
-}
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    classes?: LinkStyles;
-    unstyled?: boolean;
-    className?: string;
+export interface LinkProps extends CoreLinkProps {
+    ref?: React.Ref<HTMLAnchorElement>;
 }
 declare const Link: React.ExoticComponent<LinkProps>;
 export default Link;

package/core/Link/index.js

@@ -15,12 +15,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var React = _interopRequireWildcard(require("react"));
 
-var _core = require("@material-ui/core");
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _excluded = ["children", "href"],
-    _excluded2 = ["className"];
+var _excluded = ["children", "href"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -40,34 +35,16 @@ var LinkProvider = function LinkProvider(props) {
 };
 
 exports.LinkProvider = LinkProvider;
-var useLinkStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    root: {
-      color: theme.palette.primary.main,
-      '&:visited': {
-        color: theme.palette.primary.dark
-      }
-    },
-    nostyles: {}
-  };
-}, {
-  name: 'MuiBaseLink'
-});
 var Link = /*#__PURE__*/React.forwardRef(function WrappedLink(_ref, ref) {
   var children = _ref.children,
       _ref$href = _ref.href,
       href = _ref$href === void 0 ? '' : _ref$href,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var styles = useLinkStyles(props);
-  var className = props.className,
-      rest = (0, _objectWithoutProperties2["default"])(props, _excluded2);
-  var cls = (0, _clsx["default"])(className, !props.unstyled && styles.root, props.unstyled && styles.nostyles);
   var LinkComponent = React.useContext(LinkComponentContext);
   return /*#__PURE__*/React.createElement(LinkComponent, (0, _extends2["default"])({
     ref: ref,
-    href: href,
-    className: cls
-  }, rest), children);
+    href: href
+  }, props), children);
 });
 var _default = Link;
 exports["default"] = _default;

package/core/List/__snapshots__/index.spec.tsx.snap

@@ -311,12 +311,12 @@ exports[`renders the ErrorSummary with sample data 1`] = `
     }
   }
 >
-  <List>
+  <ForwardRef(List)>
     <ul
-      className="List-root-1"
+      className="govgr-list"
     >
       this is some random warning text
     </ul>
-  </List>
+  </ForwardRef(List)>
 </ThemeProvider>
 `;

package/core/NavList/__snapshots__/index.spec.tsx.snap

@@ -319,12 +319,12 @@ exports[`renders the ErrorSummary with sample data 1`] = `
       <NavListBase>
         <nav>
           <ul
-            className="NavList-root-1 NavList-vertical-4"
+            className="MuiNavList-root MuiNavList-vertical"
           >
             this is some random warning text
           </ul>
           <div
-            className="NavList-floatClear-5"
+            className="MuiNavList-floatClear"
           />
         </nav>
       </NavListBase>