@digigov/react-core 0.15.5 → 0.16.2

package/esm/Table/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["variant", "zebra", "dense", "verticalBorders", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -19,7 +20,8 @@ export var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("table", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "table",
     ref: ref,
     className: clsx(className, verticalBorders === true && ['govgr-table--with-vertical-header', 'govgr-table--with-vertical-lines'], variant === 'light' && 'govgr-table--light', variant === 'dark' && 'govgr-table--dark', zebra === true && 'govgr-table--zebra', dense === true && 'govgr-table--dense', true && 'govgr-table')
   }, props), children);

package/esm/TableBody/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var TableBody = /*#__PURE__*/React.forwardRef(function TableBody(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("tbody", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "tbody",
     ref: ref,
     className: clsx(className, true && 'govgr-table__body')
   }, props), children);

package/esm/TableCaption/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var TableCaption = /*#__PURE__*/React.forwardRef(function TableCaption(_r
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("caption", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "caption",
     ref: ref,
     className: clsx(className, size === 'xl' && 'govgr-table__caption--xl', size === 's' && 'govgr-table__caption--s', size === 'm' && 'govgr-table__caption--m', size === 'l' && 'govgr-table__caption--l', true && 'govgr-table__caption')
   }, props), children);

package/esm/TableContainer/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["border", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var TableContainer = /*#__PURE__*/React.forwardRef(function TableContaine
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, border && 'govgr-table-container--border', true && 'govgr-table-container')
   }, props), children);

package/esm/TableDataCell/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["dataType", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var TableDataCell = /*#__PURE__*/React.forwardRef(function TableDataCell(
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("td", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "td",
     ref: ref,
     className: clsx(className, dataType === 'numeric' && 'govgr-table__cell--numeric', true && 'govgr-table__cell')
   }, props), children);

package/esm/TableHead/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var TableHead = /*#__PURE__*/React.forwardRef(function TableHead(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("thead", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "thead",
     ref: ref,
     className: clsx(className, true && 'govgr-table__head')
   }, props), children);

package/esm/TableHeadCell/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["dataType", "cellWidth", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -15,7 +16,8 @@ export var TableHeadCell = /*#__PURE__*/React.forwardRef(function TableHeadCell(
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("th", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "th",
     ref: ref,
     className: clsx(className, cellWidth === 'three-quarters' && 'govgr-!-width-three-quarters', cellWidth === 'one-quarter' && 'govgr-!-width-one-quarter', cellWidth === 'two-thirds' && 'govgr-!-width-two-thirds', cellWidth === 'one-third' && 'govgr-!-width-one-third', cellWidth === 'one-half' && 'govgr-!-width-one-half', dataType === 'numeric' && 'govgr-table__header--numeric', cellWidth === 'full' && 'govgr-!-width-full', true && 'govgr-table__header')
   }, props), children);

package/esm/TableNoDataRow/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -15,7 +16,8 @@ export var TableNoDataRow = /*#__PURE__*/React.forwardRef(function TableNoDataRo
 
   return /*#__PURE__*/React.createElement("tr", {
     className: "govgr-table__row"
-  }, /*#__PURE__*/React.createElement("td", _extends({
+  }, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "td",
     colSpan: 100,
     ref: ref,
     className: clsx(className, true && 'govgr-table__cell--no-data')

package/esm/TableRow/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var TableRow = /*#__PURE__*/React.forwardRef(function TableRow(_ref, ref)
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("tr", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "tr",
     ref: ref,
     className: clsx(className, true && 'govgr-table__row')
   }, props), children);

package/esm/Tabs/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-tabs')
   }, props), children);

package/esm/TabsHeading/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var TabsHeading = /*#__PURE__*/React.forwardRef(function TabsHeading(_ref
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("h6", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "h6",
     ref: ref,
     className: clsx(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-tabs__title')
   }, props), children);

package/esm/TabsList/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var TabsList = /*#__PURE__*/React.forwardRef(function TabsList(_ref, ref)
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "ul",
     role: "tablist",
     ref: ref,
     className: clsx(className, true && 'govgr-tabs__list')

package/esm/TabsListItem/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["selected", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -17,7 +18,8 @@ export var TabsListItem = /*#__PURE__*/React.forwardRef(function TabsListItem(_r
   return /*#__PURE__*/React.createElement("li", {
     role: "presentation",
     className: clsx(className, selected === true && 'govgr-tabs__list-item-selected', true && 'govgr-tabs__list-item')
-  }, /*#__PURE__*/React.createElement("a", _extends({
+  }, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "a",
     ref: ref,
     role: "tab",
     "aria-selected": selected,

package/esm/TabsPanel/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["active", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var TabsPanel = /*#__PURE__*/React.forwardRef(function TabsPanel(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     role: "tabpanel",
     "aria-hidden": !active,

package/esm/TextArea/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "rows", "error", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -17,7 +18,8 @@ export var TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref)
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("textarea", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "textarea",
     name: name,
     rows: rows,
     ref: ref,

package/esm/TextInput/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["type", "name", "characterWidth", "cellWidth", "error", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -19,7 +20,8 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("input", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "input",
     type: type,
     name: name,
     ref: ref,

package/esm/Top/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var Top = /*#__PURE__*/React.forwardRef(function Top(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-top')
   }, props), children);

package/esm/UncheckIcon/__snapshots__/index.test.tsx.snap

@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the UncheckIcon with no props 1`] = `
-<ForwardRef(UnCheckIcon)>
+<ForwardRef(UncheckIcon)>
   <ForwardRef(SvgIcon)
     className="govgr-svg-icon--check"
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -16,11 +16,11 @@ exports[`renders the UncheckIcon with no props 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=l 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="l"
 >
   <ForwardRef(SvgIcon)
@@ -29,7 +29,7 @@ exports[`renders the UncheckIcon with prop size=l 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--l govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--l govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -38,11 +38,11 @@ exports[`renders the UncheckIcon with prop size=l 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=m 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="m"
 >
   <ForwardRef(SvgIcon)
@@ -51,7 +51,7 @@ exports[`renders the UncheckIcon with prop size=m 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--m govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -60,11 +60,11 @@ exports[`renders the UncheckIcon with prop size=m 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=s 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="s"
 >
   <ForwardRef(SvgIcon)
@@ -73,7 +73,7 @@ exports[`renders the UncheckIcon with prop size=s 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--s govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--s govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -82,11 +82,11 @@ exports[`renders the UncheckIcon with prop size=s 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=xl 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="xl"
 >
   <ForwardRef(SvgIcon)
@@ -95,7 +95,7 @@ exports[`renders the UncheckIcon with prop size=xl 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--xl govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--xl govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -104,11 +104,11 @@ exports[`renders the UncheckIcon with prop size=xl 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=dark 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="dark"
 >
   <ForwardRef(SvgIcon)
@@ -117,7 +117,7 @@ exports[`renders the UncheckIcon with prop variant=dark 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--dark govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -126,11 +126,11 @@ exports[`renders the UncheckIcon with prop variant=dark 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=error 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="error"
 >
   <ForwardRef(SvgIcon)
@@ -139,7 +139,7 @@ exports[`renders the UncheckIcon with prop variant=error 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--error govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--error govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -148,11 +148,11 @@ exports[`renders the UncheckIcon with prop variant=error 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=error and size= xl 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="xl"
   variant="warning"
 >
@@ -163,7 +163,7 @@ exports[`renders the UncheckIcon with prop variant=error and size= xl 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -172,11 +172,11 @@ exports[`renders the UncheckIcon with prop variant=error and size= xl 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=focus 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="focus"
 >
   <ForwardRef(SvgIcon)
@@ -185,7 +185,7 @@ exports[`renders the UncheckIcon with prop variant=focus 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--focus govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--focus govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -194,11 +194,11 @@ exports[`renders the UncheckIcon with prop variant=focus 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=gray 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="gray"
 >
   <ForwardRef(SvgIcon)
@@ -207,7 +207,7 @@ exports[`renders the UncheckIcon with prop variant=gray 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--gray govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--gray govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -216,11 +216,11 @@ exports[`renders the UncheckIcon with prop variant=gray 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=light 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="light"
 >
   <ForwardRef(SvgIcon)
@@ -229,7 +229,7 @@ exports[`renders the UncheckIcon with prop variant=light 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--light govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--light govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -238,11 +238,11 @@ exports[`renders the UncheckIcon with prop variant=light 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=primary 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="primary"
 >
   <ForwardRef(SvgIcon)
@@ -251,7 +251,7 @@ exports[`renders the UncheckIcon with prop variant=primary 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--primary govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--primary govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -260,11 +260,11 @@ exports[`renders the UncheckIcon with prop variant=primary 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=success 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="success"
 >
   <ForwardRef(SvgIcon)
@@ -273,7 +273,7 @@ exports[`renders the UncheckIcon with prop variant=success 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--success govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--success govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -282,11 +282,11 @@ exports[`renders the UncheckIcon with prop variant=success 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=warning 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="warning"
 >
   <ForwardRef(SvgIcon)
@@ -295,7 +295,7 @@ exports[`renders the UncheckIcon with prop variant=warning 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--warning govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -304,11 +304,11 @@ exports[`renders the UncheckIcon with prop variant=warning 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=warning and size=s 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="s"
   variant="warning"
 >
@@ -319,7 +319,7 @@ exports[`renders the UncheckIcon with prop variant=warning and size=s 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -328,5 +328,5 @@ exports[`renders the UncheckIcon with prop variant=warning and size=s 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;