npm - @digigov/ui - Versions diffs - 0.10.1 → 0.11.0 - Mend

@@ -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>
 `;

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

@@ -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>
+`;

@@ -32,4 +32,5 @@ export var ContinueButton = function ContinueButton(_ref) {
 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/ui/core/Button/Icon';
+export * from '@digigov/react-core/ButtonGroup';

@@ -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';

@@ -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)>
 `;

@@ -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>
 `;

@@ -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

@@ -1,10 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "href"],
-    _excluded2 = ["className"];
+var _excluded = ["children", "href"];
 import * as React from 'react';
-import { makeStyles } from '@material-ui/core';
-import clsx from 'clsx';
 export var CommonLink = function CommonLink(props) {
   return /*#__PURE__*/React.createElement("a", props, props.children);
 };
@@ -14,36 +11,16 @@ export var LinkProvider = function LinkProvider(props) {
     value: props.component
   }, props.children);
 };
-var useLinkStyles = 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 = _objectWithoutProperties(_ref, _excluded);
-  var styles = useLinkStyles(props);
-  var className = props.className,
-      rest = _objectWithoutProperties(props, _excluded2);
-  var cls = clsx(className, !props.unstyled && styles.root, props.unstyled && styles.nostyles);
   var LinkComponent = React.useContext(LinkComponentContext);
   return /*#__PURE__*/React.createElement(LinkComponent, _extends({
     ref: ref,
-    href: href,
-    className: cls
-  }, rest), children);
+    href: href
+  }, props), children);
 });
 export default Link;

@@ -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>
 `;

@@ -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>

@digigov/ui 0.10.1 → 0.11.0