@digigov/react-core 1.0.0-6b93ebf2 → 1.0.0-871b6be5

package/esm/SvgIcon/index.test.js

@@ -9,115 +9,123 @@ it('renders the SvgIcon with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(SvgIcon, {
-  size: "sm"
+  size: "xs"
 }, "hello");
 
-it('renders the SvgIcon with prop size=s', function () {
+it('renders the SvgIcon with prop size=xs', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(SvgIcon, {
-  size: "md"
+  size: "sm"
 }, "hello");
 
-it('renders the SvgIcon with prop size=m', function () {
+it('renders the SvgIcon with prop size=sm', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(SvgIcon, {
-  size: "lg"
+  size: "md"
 }, "hello");
 
-it('renders the SvgIcon with prop size=l', function () {
+it('renders the SvgIcon with prop size=md', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(SvgIcon, {
-  size: "xl"
+  size: "lg"
 }, "hello");
 
-it('renders the SvgIcon with prop size=xl', function () {
+it('renders the SvgIcon with prop size=lg', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(SvgIcon, {
-  variant: "dark"
+  size: "xl"
 }, "hello");
 
-it('renders the SvgIcon with prop variant=dark', function () {
+it('renders the SvgIcon with prop size=xl', function () {
   expect(mount(_ref6)).toMatchSnapshot();
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(SvgIcon, {
-  variant: "light"
+  variant: "dark"
 }, "hello");
 
-it('renders the SvgIcon with prop variant=light', function () {
+it('renders the SvgIcon with prop variant=dark', function () {
   expect(mount(_ref7)).toMatchSnapshot();
 });
 
 var _ref8 = /*#__PURE__*/React.createElement(SvgIcon, {
-  variant: "gray"
+  variant: "light"
 }, "hello");
 
-it('renders the SvgIcon with prop variant=gray', function () {
+it('renders the SvgIcon with prop variant=light', function () {
   expect(mount(_ref8)).toMatchSnapshot();
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(SvgIcon, {
-  variant: "primary"
+  variant: "gray"
 }, "hello");
 
-it('renders the SvgIcon with prop variant=primary', function () {
+it('renders the SvgIcon with prop variant=gray', function () {
   expect(mount(_ref9)).toMatchSnapshot();
 });
 
 var _ref10 = /*#__PURE__*/React.createElement(SvgIcon, {
-  variant: "success"
+  variant: "primary"
 }, "hello");
 
-it('renders the SvgIcon with prop variant=success', function () {
+it('renders the SvgIcon with prop variant=primary', function () {
   expect(mount(_ref10)).toMatchSnapshot();
 });
 
 var _ref11 = /*#__PURE__*/React.createElement(SvgIcon, {
-  variant: "warning"
+  variant: "success"
 }, "hello");
 
-it('renders the SvgIcon with prop variant=warning', function () {
+it('renders the SvgIcon with prop variant=success', function () {
   expect(mount(_ref11)).toMatchSnapshot();
 });
 
 var _ref12 = /*#__PURE__*/React.createElement(SvgIcon, {
-  variant: "error"
+  variant: "warning"
 }, "hello");
 
-it('renders the SvgIcon with prop variant=error', function () {
+it('renders the SvgIcon with prop variant=warning', function () {
   expect(mount(_ref12)).toMatchSnapshot();
 });
 
 var _ref13 = /*#__PURE__*/React.createElement(SvgIcon, {
-  variant: "focus"
+  variant: "error"
 }, "hello");
 
-it('renders the SvgIcon with prop variant=focus', function () {
+it('renders the SvgIcon with prop variant=error', function () {
   expect(mount(_ref13)).toMatchSnapshot();
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(SvgIcon, {
-  variant: "warning",
-  size: "sm"
+  variant: "focus"
 }, "hello");
 
-it('renders the SvgIcon with prop variant=warning and size=s', function () {
+it('renders the SvgIcon with prop variant=focus', function () {
   expect(mount(_ref14)).toMatchSnapshot();
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(SvgIcon, {
+  variant: "warning",
+  size: "sm"
+}, "hello");
+
+it('renders the SvgIcon with prop variant=warning and size=sm', function () {
+  expect(mount(_ref15)).toMatchSnapshot();
+});
+
+var _ref16 = /*#__PURE__*/React.createElement(SvgIcon, {
   variant: "warning",
   size: "xl"
 }, "hello");
 
 it('renders the SvgIcon with prop variant=error and size= xl', function () {
-  expect(mount(_ref15)).toMatchSnapshot();
+  expect(mount(_ref16)).toMatchSnapshot();
 });

package/esm/TableCaption/index.js

@@ -18,7 +18,7 @@ export var TableCaption = /*#__PURE__*/React.forwardRef(function TableCaption(_r
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "caption",
     ref: ref,
-    className: clsx(className, size === 'sm' && 'govgr-table__caption--sm', size === 'md' && 'govgr-table__caption--md', size === 'lg' && 'govgr-table__caption--lg', size === 'xl' && 'govgr-table__caption--xl', true && 'govgr-table__caption')
+    className: clsx(className, size !== undefined && "govgr-table__caption--".concat(size), true && 'govgr-table__caption')
   }, props), children);
 });
 export default TableCaption;

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

@@ -32,187 +32,187 @@ exports[`renders the Table with no props 1`] = `
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell dataType="numeric" and with cellWidth=full 1`] = `
+exports[`renders the TableHeadCell dataType="numeric" and with width=full 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="full"
   dataType="numeric"
+  width="full"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-table__header--numeric govgr-!-width-full govgr-table__header"
+    className="govgr-!-width-full govgr-table__header--numeric govgr-table__header"
   >
     <th
-      className="govgr-table__header--numeric govgr-!-width-full govgr-table__header"
+      className="govgr-!-width-full govgr-table__header--numeric govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell with cellWidth=full 1`] = `
+exports[`renders the TableHeadCell with dataType="numeric" and dataType="numeric" and   width=one-half 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="full"
+  dataType="numeric"
+  width="50%"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-!-width-full govgr-table__header"
+    className="govgr-table__header--numeric govgr-!-width-one-half govgr-table__header"
   >
     <th
-      className="govgr-!-width-full govgr-table__header"
+      className="govgr-table__header--numeric govgr-!-width-one-half govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell with cellWidth=one-half 1`] = `
+exports[`renders the TableHeadCell with dataType="numeric" and width=one-third 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="one-half"
+  dataType="numeric"
+  width="33.3%"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-!-width-one-half govgr-table__header"
+    className="govgr-table__header--numeric govgr-!-width-one-third govgr-table__header"
   >
     <th
-      className="govgr-!-width-one-half govgr-table__header"
+      className="govgr-table__header--numeric govgr-!-width-one-third govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell with cellWidth=one-quarter 1`] = `
+exports[`renders the TableHeadCell with dataType="numeric" and width=three-quarters 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="one-quarter"
+  dataType="numeric"
+  width="75%"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-!-width-one-quarter govgr-table__header"
+    className="govgr-table__header--numeric govgr-!-width-three-quarters govgr-table__header"
   >
     <th
-      className="govgr-!-width-one-quarter govgr-table__header"
+      className="govgr-table__header--numeric govgr-!-width-three-quarters govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell with cellWidth=one-third 1`] = `
+exports[`renders the TableHeadCell with dataType="numeric" and width=two-thirds 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="one-third"
+  dataType="numeric"
+  width="66.6%"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-!-width-one-third govgr-table__header"
+    className="govgr-table__header--numeric govgr-!-width-two-thirds govgr-table__header"
   >
     <th
-      className="govgr-!-width-one-third govgr-table__header"
+      className="govgr-table__header--numeric govgr-!-width-two-thirds govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell with cellWidth=three-quarters 1`] = `
+exports[`renders the TableHeadCell with dataType="numeric" width=one-quarter 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="three-quarters"
+  dataType="numeric"
+  width="25%"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-!-width-three-quarters govgr-table__header"
+    className="govgr-table__header--numeric govgr-!-width-one-quarter govgr-table__header"
   >
     <th
-      className="govgr-!-width-three-quarters govgr-table__header"
+      className="govgr-table__header--numeric govgr-!-width-one-quarter govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell with cellWidth=two-thirds 1`] = `
+exports[`renders the TableHeadCell with width=full 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="two-thirds"
+  width="full"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-!-width-two-thirds govgr-table__header"
+    className="govgr-!-width-full govgr-table__header"
   >
     <th
-      className="govgr-!-width-two-thirds govgr-table__header"
+      className="govgr-!-width-full govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell with dataType="numeric" and cellWidth=one-third 1`] = `
+exports[`renders the TableHeadCell with width=one-half 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="one-third"
-  dataType="numeric"
+  width="50%"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-!-width-one-third govgr-table__header--numeric govgr-table__header"
+    className="govgr-!-width-one-half govgr-table__header"
   >
     <th
-      className="govgr-!-width-one-third govgr-table__header--numeric govgr-table__header"
+      className="govgr-!-width-one-half govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell with dataType="numeric" and cellWidth=three-quarters 1`] = `
+exports[`renders the TableHeadCell with width=one-quarter 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="three-quarters"
-  dataType="numeric"
+  width="25%"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-!-width-three-quarters govgr-table__header--numeric govgr-table__header"
+    className="govgr-!-width-one-quarter govgr-table__header"
   >
     <th
-      className="govgr-!-width-three-quarters govgr-table__header--numeric govgr-table__header"
+      className="govgr-!-width-one-quarter govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell with dataType="numeric" and cellWidth=two-thirds 1`] = `
+exports[`renders the TableHeadCell with width=one-third 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="two-thirds"
-  dataType="numeric"
+  width="33.3%"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-!-width-two-thirds govgr-table__header--numeric govgr-table__header"
+    className="govgr-!-width-one-third govgr-table__header"
   >
     <th
-      className="govgr-!-width-two-thirds govgr-table__header--numeric govgr-table__header"
+      className="govgr-!-width-one-third govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell with dataType="numeric" and dataType="numeric" and   cellWidth=one-half 1`] = `
+exports[`renders the TableHeadCell with width=three-quarters 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="one-half"
-  dataType="numeric"
+  width="75%"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-!-width-one-half govgr-table__header--numeric govgr-table__header"
+    className="govgr-!-width-three-quarters govgr-table__header"
   >
     <th
-      className="govgr-!-width-one-half govgr-table__header--numeric govgr-table__header"
+      className="govgr-!-width-three-quarters govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>
 `;
 
-exports[`renders the TableHeadCell with dataType="numeric" cellWidth=one-quarter 1`] = `
+exports[`renders the TableHeadCell with width=two-thirds 1`] = `
 <ForwardRef(TableHeadCell)
-  cellWidth="one-quarter"
-  dataType="numeric"
+  width="66.6%"
 >
   <ForwardRef(Base)
     as="th"
-    className="govgr-!-width-one-quarter govgr-table__header--numeric govgr-table__header"
+    className="govgr-!-width-two-thirds govgr-table__header"
   >
     <th
-      className="govgr-!-width-one-quarter govgr-table__header--numeric govgr-table__header"
+      className="govgr-!-width-two-thirds govgr-table__header"
     />
   </ForwardRef(Base)>
 </ForwardRef(TableHeadCell)>

package/esm/TableHeadCell/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["dataType", "cellWidth", "className", "children"];
+var _excluded = ["dataType", "width", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -11,7 +11,7 @@ import Base from '@digigov/react-core/Base';
 export var TableHeadCell = /*#__PURE__*/React.forwardRef(function TableHeadCell(_ref, ref) {
   var _ref$dataType = _ref.dataType,
       dataType = _ref$dataType === void 0 ? 'text' : _ref$dataType,
-      cellWidth = _ref.cellWidth,
+      width = _ref.width,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,7 +19,7 @@ export var TableHeadCell = /*#__PURE__*/React.forwardRef(function TableHeadCell(
   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')
+    className: clsx(className, (width === 'full' || width === '100%') && 'govgr-!-width-full', dataType === 'numeric' && 'govgr-table__header--numeric', width === '33.3%' && 'govgr-!-width-one-third', width === '66.6%' && 'govgr-!-width-two-thirds', width === '25%' && 'govgr-!-width-one-quarter', width === '50%' && 'govgr-!-width-one-half', width === '75%' && 'govgr-!-width-three-quarters', true && 'govgr-table__header')
   }, props), children);
 });
 export default TableHeadCell;

package/esm/TableHeadCell/index.test.js

@@ -17,103 +17,103 @@ it('renders the Table with dataType="numeric" prop', function () {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'one-quarter'
+  width: '25%'
 });
 
-it('renders the TableHeadCell with cellWidth=one-quarter', function () {
+it('renders the TableHeadCell with width=one-quarter', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'one-third'
+  width: '33.3%'
 });
 
-it('renders the TableHeadCell with cellWidth=one-third', function () {
+it('renders the TableHeadCell with width=one-third', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'one-half'
+  width: '50%'
 });
 
-it('renders the TableHeadCell with cellWidth=one-half', function () {
+it('renders the TableHeadCell with width=one-half', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'two-thirds'
+  width: '66.6%'
 });
 
-it('renders the TableHeadCell with cellWidth=two-thirds', function () {
+it('renders the TableHeadCell with width=two-thirds', function () {
   expect(mount(_ref6)).toMatchSnapshot();
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'three-quarters'
+  width: '75%'
 });
 
-it('renders the TableHeadCell with cellWidth=three-quarters', function () {
+it('renders the TableHeadCell with width=three-quarters', function () {
   expect(mount(_ref7)).toMatchSnapshot();
 });
 
 var _ref8 = /*#__PURE__*/React.createElement(TableHeadCell, {
-  cellWidth: 'full'
+  width: 'full'
 });
 
-it('renders the TableHeadCell with cellWidth=full', function () {
+it('renders the TableHeadCell with width=full', function () {
   expect(mount(_ref8)).toMatchSnapshot();
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(TableHeadCell, {
   dataType: "numeric",
-  cellWidth: 'one-quarter'
+  width: '25%'
 });
 
-it('renders the TableHeadCell with dataType="numeric" cellWidth=one-quarter', function () {
+it('renders the TableHeadCell with dataType="numeric" width=one-quarter', function () {
   expect(mount(_ref9)).toMatchSnapshot();
 });
 
 var _ref10 = /*#__PURE__*/React.createElement(TableHeadCell, {
   dataType: "numeric",
-  cellWidth: 'one-third'
+  width: '33.3%'
 });
 
-it('renders the TableHeadCell with dataType="numeric" and cellWidth=one-third', function () {
+it('renders the TableHeadCell with dataType="numeric" and width=one-third', function () {
   expect(mount(_ref10)).toMatchSnapshot();
 });
 
 var _ref11 = /*#__PURE__*/React.createElement(TableHeadCell, {
   dataType: "numeric",
-  cellWidth: 'one-half'
+  width: '50%'
 });
 
-it('renders the TableHeadCell with dataType="numeric" and dataType="numeric" and   cellWidth=one-half', function () {
+it('renders the TableHeadCell with dataType="numeric" and dataType="numeric" and   width=one-half', function () {
   expect(mount(_ref11)).toMatchSnapshot();
 });
 
 var _ref12 = /*#__PURE__*/React.createElement(TableHeadCell, {
   dataType: "numeric",
-  cellWidth: 'two-thirds'
+  width: '66.6%'
 });
 
-it('renders the TableHeadCell with dataType="numeric" and cellWidth=two-thirds', function () {
+it('renders the TableHeadCell with dataType="numeric" and width=two-thirds', function () {
   expect(mount(_ref12)).toMatchSnapshot();
 });
 
 var _ref13 = /*#__PURE__*/React.createElement(TableHeadCell, {
   dataType: "numeric",
-  cellWidth: 'three-quarters'
+  width: '75%'
 });
 
-it('renders the TableHeadCell with dataType="numeric" and cellWidth=three-quarters', function () {
+it('renders the TableHeadCell with dataType="numeric" and width=three-quarters', function () {
   expect(mount(_ref13)).toMatchSnapshot();
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(TableHeadCell, {
   dataType: "numeric",
-  cellWidth: 'full'
+  width: 'full'
 });
 
-it('renders the TableHeadCell dataType="numeric" and with cellWidth=full', function () {
+it('renders the TableHeadCell dataType="numeric" and with width=full', function () {
   expect(mount(_ref14)).toMatchSnapshot();
 });