@digigov/react-core 1.0.0-002c630d → 1.0.0-6b93ebf2

package/es/NotificationBannerContainer/index.test.js

@@ -9,17 +9,9 @@ it('renders the NotificationBannerContainer with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(NotificationBannerContainer, {
-  success: true
+  variant: 'success'
 }, "hello");
 
-it('renders the NotificationBannerContainer with success=true', function () {
+it('renders the NotificationBannerContainer with variant=success', function () {
   expect(mount(_ref2)).toMatchSnapshot();
-});
-
-var _ref3 = /*#__PURE__*/React.createElement(NotificationBannerContainer, {
-  success: false
-}, "hello");
-
-it('renders the NotificationBannerContainer with success=false', function () {
-  expect(mount(_ref3)).toMatchSnapshot();
 });

package/es/NotificationBannerHeader/__snapshots__/index.test.tsx.snap

@@ -9,11 +9,24 @@ exports[`renders the NotificationBannerHeader with no props 1`] = `
     <div
       className="govgr-notification-banner__header"
     >
-      <h2
+      <ForwardRef(Heading)
         className="govgr-notification-banner__title"
+        element="h2"
+        marginBottom={0}
+        size="sm"
       >
-        hello
-      </h2>
+        <ForwardRef(Base)
+          as="h2"
+          className="govgr-notification-banner__title govgr-heading-sm"
+          marginBottom={0}
+        >
+          <h2
+            className="govgr-notification-banner__title govgr-heading-sm govgr-mb-0"
+          >
+            hello
+          </h2>
+        </ForwardRef(Base)>
+      </ForwardRef(Heading)>
     </div>
   </ForwardRef(Base)>
 </ForwardRef(NotificationBannerHeader)>

package/es/NotificationBannerHeader/index.js

@@ -4,6 +4,7 @@ var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import Heading from '@digigov/react-core/Heading';
 
 /**
  * Details for the NotificationBannerHeader.
@@ -19,7 +20,10 @@ export var NotificationBannerHeader = /*#__PURE__*/React.forwardRef(function Not
     as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-notification-banner__header')
-  }, props), /*#__PURE__*/React.createElement("h2", {
+  }, props), /*#__PURE__*/React.createElement(Heading, {
+    element: "h2",
+    size: "sm",
+    marginBottom: 0,
     className: clsx(true && 'govgr-notification-banner__title')
   }, children));
 });

package/es/NotificationBannerHeading/__snapshots__/index.test.tsx.snap

@@ -2,15 +2,21 @@
 
 exports[`renders the NotificationBannerHeading with no props 1`] = `
 <ForwardRef(NotificationBannerHeading)>
-  <ForwardRef(Base)
-    as="h3"
+  <ForwardRef(Heading)
     className="govgr-notification-banner__heading"
+    element="h3"
+    size="md"
   >
-    <h3
-      className="govgr-notification-banner__heading"
+    <ForwardRef(Base)
+      as="h3"
+      className="govgr-notification-banner__heading govgr-heading-md"
     >
-      hello
-    </h3>
-  </ForwardRef(Base)>
+      <h3
+        className="govgr-notification-banner__heading govgr-heading-md"
+      >
+        hello
+      </h3>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(NotificationBannerHeading)>
 `;

package/es/NotificationBannerHeading/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Heading from '@digigov/react-core/Heading';
 
 /**
  * Details for the NotificationBannerHeading.
@@ -15,8 +15,9 @@ export var NotificationBannerHeading = /*#__PURE__*/React.forwardRef(function No
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "h3",
+  return /*#__PURE__*/React.createElement(Heading, _extends({
+    element: "h3",
+    size: "md",
     ref: ref,
     className: clsx(className, true && 'govgr-notification-banner__heading')
   }, props), children);

package/es/NotificationBannerLink/__snapshots__/index.test.tsx.snap

@@ -4,34 +4,41 @@ exports[`renders the NotificationBannerLink with href prop props 1`] = `
 <ForwardRef(NotificationBannerLink)
   href="https://www.w3schools.com/html/html_links.asp"
 >
-  <ForwardRef(Base)
-    as="a"
+  <ForwardRef(LinkBase)
     className="govgr-notification-banner__link"
     href="https://www.w3schools.com/html/html_links.asp"
   >
-    <a
-      className="govgr-notification-banner__link"
+    <ForwardRef(Base)
+      as="a"
+      className="govgr-notification-banner__link govgr-link"
       href="https://www.w3schools.com/html/html_links.asp"
     >
-      hello
-    </a>
-  </ForwardRef(Base)>
+      <a
+        className="govgr-notification-banner__link govgr-link"
+        href="https://www.w3schools.com/html/html_links.asp"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
+  </ForwardRef(LinkBase)>
 </ForwardRef(NotificationBannerLink)>
 `;
 
 exports[`renders the NotificationBannerLink with no props 1`] = `
 <ForwardRef(NotificationBannerLink)>
-  <ForwardRef(Base)
-    as="a"
+  <ForwardRef(LinkBase)
     className="govgr-notification-banner__link"
-    href="#"
   >
-    <a
-      className="govgr-notification-banner__link"
-      href="#"
+    <ForwardRef(Base)
+      as="a"
+      className="govgr-notification-banner__link govgr-link"
     >
-      hello
-    </a>
-  </ForwardRef(Base)>
+      <a
+        className="govgr-notification-banner__link govgr-link"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
+  </ForwardRef(LinkBase)>
 </ForwardRef(NotificationBannerLink)>
 `;

package/es/NotificationBannerLink/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "href", "children"];
+var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import LinkBase from '@digigov/react-core/LinkBase';
 
 /**
  * Details for the NotificationBannerLink.
@@ -12,15 +12,11 @@ import Base from '@digigov/react-core/Base';
  */
 export var NotificationBannerLink = /*#__PURE__*/React.forwardRef(function NotificationBannerLink(_ref, ref) {
   var className = _ref.className,
-      _ref$href = _ref.href,
-      href = _ref$href === void 0 ? '#' : _ref$href,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "a",
+  return /*#__PURE__*/React.createElement(LinkBase, _extends({
     ref: ref,
-    href: href,
     className: clsx(className, true && 'govgr-notification-banner__link')
   }, props), children);
 });

package/es/PageTitleHeading/index.js

@@ -2,23 +2,22 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Heading from '@digigov/react-core/Heading';
 
 /**
  * Details for the PageTitleHeading.
+ * Use PageTitleHeading for the main page title.
  */
 export var PageTitleHeading = /*#__PURE__*/React.forwardRef(function PageTitleHeading(_ref, ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'xl' : _ref$size,
+  var size = _ref.size,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "h1",
-    ref: ref,
-    className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'lg' && 'govgr-heading-lg', size === 'md' && 'govgr-heading-md', size === 'sm' && 'govgr-heading-sm')
+  return /*#__PURE__*/React.createElement(Heading, _extends({
+    size: size,
+    className: className,
+    ref: ref
   }, props), children);
 });
 export default PageTitleHeading;

package/es/Panel/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Panel with no props 1`] = `
+<ForwardRef(Panel)>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-panel--success govgr-panel"
+  >
+    <div
+      className="govgr-panel--success govgr-panel"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Panel)>
+`;

package/es/Panel/index.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["variant", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
+
+/**
+ * You should use Panel as the success of the final step of a process.
+ */
+export var Panel = /*#__PURE__*/React.forwardRef(function Panel(_ref, ref) {
+  var _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'success' : _ref$variant,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
+    ref: ref,
+    className: clsx(className, variant === 'success' && 'govgr-panel--success', true && 'govgr-panel')
+  }, props), children);
+});
+export default Panel;

package/es/Panel/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Panel from '@digigov/react-core/Panel';
+
+var _ref = /*#__PURE__*/React.createElement(Panel, null, "hello");
+
+it('renders the Panel with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/{esm/ConfirmationBody → es/PanelBody}/__snapshots__/index.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the ConfirmationBody with no props 1`] = `
-<ForwardRef(ConfirmationBody)>
+exports[`renders the PanelBody with no props 1`] = `
+<ForwardRef(PanelBody)>
   <ForwardRef(Base)
     as="div"
     className="govgr-panel__body"
@@ -12,5 +12,5 @@ exports[`renders the ConfirmationBody with no props 1`] = `
       hello
     </div>
   </ForwardRef(Base)>
-</ForwardRef(ConfirmationBody)>
+</ForwardRef(PanelBody)>
 `;

package/{esm/ConfirmationBody → es/PanelBody}/index.js

@@ -6,9 +6,9 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * ConfirmationBody provides the body of the confirmation message. Use this inside Confirmation, after ConfirmationTitle.
+ * PanelBody provides the body of the panel message. Use this inside Panel, after PanelTitle.
  */
-export var ConfirmationBody = /*#__PURE__*/React.forwardRef(function ConfirmationBody(_ref, ref) {
+export var PanelBody = /*#__PURE__*/React.forwardRef(function PanelBody(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,4 +19,4 @@ export var ConfirmationBody = /*#__PURE__*/React.forwardRef(function Confirmatio
     className: clsx(className, true && 'govgr-panel__body')
   }, props), children);
 });
-export default ConfirmationBody;
+export default PanelBody;

package/es/PanelBody/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import PanelBody from '@digigov/react-core/PanelBody';
+
+var _ref = /*#__PURE__*/React.createElement(PanelBody, null, "hello");
+
+it('renders the PanelBody with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/{src/ConfirmationBody → es/PanelTitle}/__snapshots__/index.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the ConfirmationBody with no props 1`] = `
-<ForwardRef(ConfirmationBody)>
+exports[`renders the PanelTitle with no props 1`] = `
+<ForwardRef(PanelBody)>
   <ForwardRef(Base)
     as="div"
     className="govgr-panel__body"
@@ -12,5 +12,5 @@ exports[`renders the ConfirmationBody with no props 1`] = `
       hello
     </div>
   </ForwardRef(Base)>
-</ForwardRef(ConfirmationBody)>
+</ForwardRef(PanelBody)>
 `;

package/{esm/ConfirmationTitle → es/PanelTitle}/index.js

@@ -6,9 +6,9 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * ConfirmationTitle provides the title of the confirmation message.Use this inside Confirmation.
+ * PanelTitle provides the title of the panel message.Use this inside Panel.
  */
-export var ConfirmationTitle = /*#__PURE__*/React.forwardRef(function ConfirmationTitle(_ref, ref) {
+export var PanelTitle = /*#__PURE__*/React.forwardRef(function PanelTitle(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,4 +19,4 @@ export var ConfirmationTitle = /*#__PURE__*/React.forwardRef(function Confirmati
     className: clsx(className, true && 'govgr-panel__title')
   }, props), children);
 });
-export default ConfirmationTitle;
+export default PanelTitle;

package/es/PanelTitle/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import PanelTitle from '@digigov/react-core/PanelBody';
+
+var _ref = /*#__PURE__*/React.createElement(PanelTitle, null, "hello");
+
+it('renders the PanelTitle with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/es/Paragraph/index.js

@@ -1,26 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "fontSize", "fontWeight", "className", "children"];
+var _excluded = ["children"];
 import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import NormalText from '@digigov/react-core/NormalText';
 
 /**
  * Paragraph component is used for text formatting.
  */
 export var Paragraph = /*#__PURE__*/React.forwardRef(function Paragraph(_ref, ref) {
-  var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'md' : _ref$variant,
-      fontSize = _ref.fontSize,
-      fontWeight = _ref.fontWeight,
-      className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(NormalText, _extends({
     as: "p",
-    ref: ref,
-    className: clsx(className, fontWeight == 'regular' && 'govgr-!-font-weight-regular', fontWeight == 'bold' && 'govgr-!-font-weight-bold', fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '19' && 'govgr-!-font-size-19', fontSize === '24' && 'govgr-!-font-size-24', fontSize === '30' && 'govgr-!-font-size-30', fontSize === '36' && 'govgr-!-font-size-36', fontSize === '48' && 'govgr-!-font-size-48', fontSize === '72' && 'govgr-!-font-size-72', variant === 'lg' && 'govgr-body-lg', variant === 'sm' && 'govgr-body-sm', true && 'govgr-body')
+    ref: ref
   }, props), children);
 });
 export default Paragraph;

package/es/RadioContainer/__snapshots__/index.test.tsx.snap

@@ -1,5 +1,22 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the RadioContainer with layout=horizontal 1`] = `
+<ForwardRef(RadioContainer)
+  layout="horizontal"
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-radios--horizontal govgr-radios"
+  >
+    <div
+      className="govgr-radios--horizontal govgr-radios"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(RadioContainer)>
+`;
+
 exports[`renders the RadioContainer with no props 1`] = `
 <ForwardRef(RadioContainer)>
   <ForwardRef(Base)

package/es/RadioContainer/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "inline"];
+var _excluded = ["className", "children", "layout"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
  * RadioContainer component is uses when users can only select one option from a list.
- * It is used as parent component to wrap RadioItem compoent.
+ * It is used as parent component to wrap RadioItem component.
  */
 export var RadioContainer = /*#__PURE__*/React.forwardRef(function RadioContainer(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      inline = _ref.inline,
+      layout = _ref.layout,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, inline && 'govgr-radios--inline', true && 'govgr-radios')
+    className: clsx(className, layout === 'horizontal' && 'govgr-radios--horizontal', true && 'govgr-radios')
   }, props), children);
 });
 export default RadioContainer;

package/es/RadioContainer/index.test.js

@@ -6,4 +6,12 @@ var _ref = /*#__PURE__*/React.createElement(RadioContainer, null, "hello");
 
 it('renders the RadioContainer with no props', function () {
   expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(RadioContainer, {
+  layout: "horizontal"
+}, "hello");
+
+it('renders the RadioContainer with layout=horizontal', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
 });

package/es/RadioItem/__snapshots__/index.test.tsx.snap

@@ -4,20 +4,18 @@ exports[`renders the RadioItem  \`divider\` props 1`] = `
 <ForwardRef(RadioItem)
   divider="ή"
 >
-  <ForwardRef(ChoiceDivider)
-    text="ή"
-  >
+  <ForwardRef(ChoiceDividerText)>
     <ForwardRef(Base)
       as="div"
-      className="govgr-choice-divider"
+      className="govgr-choice-divider-text"
     >
       <div
-        className="govgr-choice-divider"
+        className="govgr-choice-divider-text"
       >
         ή
       </div>
     </ForwardRef(Base)>
-  </ForwardRef(ChoiceDivider)>
+  </ForwardRef(ChoiceDividerText)>
   <div
     className="govgr-radios__item"
   >
@@ -97,20 +95,18 @@ exports[`renders the RadioItem with \`name\`, \`disabled\`, \`divider\` and \`va
   name="name"
   value="someValue"
 >
-  <ForwardRef(ChoiceDivider)
-    text="ή"
-  >
+  <ForwardRef(ChoiceDividerText)>
     <ForwardRef(Base)
       as="div"
-      className="govgr-choice-divider"
+      className="govgr-choice-divider-text"
     >
       <div
-        className="govgr-choice-divider"
+        className="govgr-choice-divider-text"
       >
         ή
       </div>
     </ForwardRef(Base)>
-  </ForwardRef(ChoiceDivider)>
+  </ForwardRef(ChoiceDividerText)>
   <div
     className="govgr-radios__item"
   >

package/es/RadioItem/index.js

@@ -4,7 +4,7 @@ var _excluded = ["divider", "name", "value", "className", "disabled", "children"
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
-import ChoiceDivider from '@digigov/react-core/ChoiceDivider';
+import ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';
 import LabelContainer from '@digigov/react-core/LabelContainer';
 
 /**
@@ -21,9 +21,7 @@ export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, divider && /*#__PURE__*/React.createElement(ChoiceDivider, {
-    text: divider
-  }), /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, divider && /*#__PURE__*/React.createElement(ChoiceDividerText, null, divider), /*#__PURE__*/React.createElement("div", {
     className: clsx(className, true && 'govgr-radios__item')
   }, /*#__PURE__*/React.createElement(LabelContainer, {
     className: clsx(disabled && 'govgr-radios__label--disabled', true && 'govgr-radios__label')

package/es/{PageTitle → Section}/index.js

@@ -6,9 +6,10 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * Details for the PageTitle.
+ * Details for the Section.
+ * Use Section component to wrap PageTitleHeading component.
  */
-export var PageTitle = /*#__PURE__*/React.forwardRef(function PageTitle(_ref, ref) {
+export var Section = /*#__PURE__*/React.forwardRef(function Section(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,4 +20,4 @@ export var PageTitle = /*#__PURE__*/React.forwardRef(function PageTitle(_ref, re
     className: clsx(className)
   }, props), children);
 });
-export default PageTitle;
+export default Section;

package/es/Section/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Section from '@digigov/react-core/Section';
+
+var _ref = /*#__PURE__*/React.createElement(Section, null, "hello");
+
+it('renders the Section with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/es/Table/__snapshots__/index.test.tsx.snap

@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the Table with dark variant prop 1`] = `
+exports[`renders the Table with dark headerVariant prop 1`] = `
 <ForwardRef(Table)
-  variant="dark"
+  headerVariant="dark"
 >
   <ForwardRef(Base)
     as="table"
@@ -17,9 +17,9 @@ exports[`renders the Table with dark variant prop 1`] = `
 </ForwardRef(Table)>
 `;
 
-exports[`renders the Table with light variant prop 1`] = `
+exports[`renders the Table with light headerVariant prop 1`] = `
 <ForwardRef(Table)
-  variant="light"
+  headerVariant="light"
 >
   <ForwardRef(Base)
     as="table"
@@ -51,7 +51,7 @@ exports[`renders the Table with no props 1`] = `
 
 exports[`renders the Table with zebra prop 1`] = `
 <ForwardRef(Table)
-  zebra={true}
+  variant="zebra"
 >
   <ForwardRef(Base)
     as="table"
@@ -72,10 +72,10 @@ exports[`renders the Table with zebra prop 2`] = `
 >
   <ForwardRef(Base)
     as="table"
-    className="govgr-table--vertical-header govgr-table--vertical-lines govgr-table"
+    className="govgr-table--vertical-lines govgr-table"
   >
     <table
-      className="govgr-table--vertical-header govgr-table--vertical-lines govgr-table"
+      className="govgr-table--vertical-lines govgr-table"
     >
       hello
     </table>