@digigov/react-core 1.0.0-rc → 1.0.0-rc.2

package/esm/SvgIcon/index.js

@@ -19,7 +19,7 @@ export var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "svg",
     ref: ref,
-    className: clsx(className, variant === 'success' && 'govgr-svg-icon--success', variant === 'primary' && 'govgr-svg-icon--primary', variant === 'warning' && 'govgr-svg-icon--warning', variant === 'light' && 'govgr-svg-icon--light', variant === 'error' && 'govgr-svg-icon--error', variant === 'focus' && 'govgr-svg-icon--focus', variant === 'dark' && 'govgr-svg-icon--dark', variant === 'gray' && 'govgr-svg-icon--gray', variant === 'link' && 'govgr-svg-icon--link', size === 'xxl' && 'govgr-svg-icon--xl', size === 'sm' && 'govgr-svg-icon--xs', size === 'md' && 'govgr-svg-icon--sm', size === 'lg' && 'govgr-svg-icon--md', size === 'xl' && 'govgr-svg-icon--lg', true && 'govgr-svg-icon'),
+    className: clsx(className, variant === 'success' && 'govgr-svg-icon--success', variant === 'primary' && 'govgr-svg-icon--primary', variant === 'warning' && 'govgr-svg-icon--warning', variant === 'light' && 'govgr-svg-icon--light', variant === 'error' && 'govgr-svg-icon--error', variant === 'focus' && 'govgr-svg-icon--focus', variant === 'dark' && 'govgr-svg-icon--dark', variant === 'gray' && 'govgr-svg-icon--gray', variant === 'link' && 'govgr-svg-icon--link', size !== undefined && "govgr-svg-icon--".concat(size), true && 'govgr-svg-icon'),
     focusable: "false",
     viewBox: "0 0 24 24",
     "aria-hidden": "true"

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

package/esm/Table/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "zebra", "dense", "verticalBorders", "stacked", "className", "children"];
+var _excluded = ["headerVariant", "variant", "dense", "verticalBorders", "stacked", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -9,9 +9,8 @@ import Base from '@digigov/react-core/Base';
  * Table component is used to wrap the sub components of a table
  */
 export var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
-  var variant = _ref.variant,
-      _ref$zebra = _ref.zebra,
-      zebra = _ref$zebra === void 0 ? false : _ref$zebra,
+  var headerVariant = _ref.headerVariant,
+      variant = _ref.variant,
       _ref$dense = _ref.dense,
       dense = _ref$dense === void 0 ? false : _ref$dense,
       _ref$verticalBorders = _ref.verticalBorders,
@@ -25,7 +24,7 @@ export var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "table",
     ref: ref,
-    className: clsx(className, stacked === 'always' && 'govgr-table--stacked-always', variant === 'light' && 'govgr-table--light', variant === 'dark' && 'govgr-table--dark', stacked === 'sm' && 'govgr-table--stacked-sm', stacked == 'md' && 'govgr-table--stacked-md', verticalBorders && 'govgr-table--vertical-lines', zebra && 'govgr-table--zebra', dense && 'govgr-table--dense', true && 'govgr-table')
+    className: clsx(className, headerVariant === 'light' && 'govgr-table--light', headerVariant === 'dark' && 'govgr-table--dark', stacked === 'always' && 'govgr-table--stacked-always', variant === 'zebra' && 'govgr-table--zebra', stacked === 'sm' && 'govgr-table--stacked-sm', stacked == 'md' && 'govgr-table--stacked-md', verticalBorders && 'govgr-table--vertical-lines', dense && 'govgr-table--dense', true && 'govgr-table')
   }, props), children);
 });
 export default Table;

package/esm/Table/index.test.js

@@ -9,23 +9,23 @@ it('renders the Table with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(Table, {
-  variant: "dark"
+  headerVariant: "dark"
 }, "hello");
 
-it('renders the Table with dark variant prop', function () {
+it('renders the Table with dark headerVariant prop', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(Table, {
-  variant: "light"
+  headerVariant: "light"
 }, "hello");
 
-it('renders the Table with light variant prop', function () {
+it('renders the Table with light headerVariant prop', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(Table, {
-  zebra: true
+  variant: "zebra"
 }, "hello");
 
 it('renders the Table with zebra prop', function () {

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/TableDataCell/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["dataType", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from '@digigov/react-core/Base'; // import PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';
 
 /**
  * Use TableDataCell inside the Table component to fill the data of a cell in a table.

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;