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

package/esm/TextInput/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "name", "characterWidth", "cellWidth", "error", "className", "children"];
+var _excluded = ["type", "maxWidth", "width", "error", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -12,9 +12,8 @@ import Base from '@digigov/react-core/Base';
 export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, ref) {
   var _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'text' : _ref$type,
-      name = _ref.name,
-      characterWidth = _ref.characterWidth,
-      cellWidth = _ref.cellWidth,
+      maxWidth = _ref.maxWidth,
+      width = _ref.width,
       error = _ref.error,
       className = _ref.className,
       children = _ref.children,
@@ -23,9 +22,8 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, re
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
     type: type,
-    name: name,
     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', characterWidth === 10 && 'govgr-input--width-10', characterWidth === 20 && 'govgr-input--width-20', characterWidth === 2 && 'govgr-input--width-2', characterWidth === 3 && 'govgr-input--width-3', characterWidth === 4 && 'govgr-input--width-4', characterWidth === 5 && 'govgr-input--width-5', cellWidth === 'full' && 'govgr-!-width-full', error && 'govgr-input--error', true && 'govgr-input')
+    className: clsx(className, maxWidth !== undefined && "govgr-input--width-".concat(maxWidth), 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', error && 'govgr-input--error', true && 'govgr-input')
   }, props), children);
 });
 export default TextInput;

package/esm/TextInput/index.test.js

@@ -9,367 +9,367 @@ it('renders the TextInput with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 2
+  maxWidth: "2-char"
 });
 
-it('renders the TextInput with characterWidth=2', function () {
+it('renders the TextInput with maxWidth="2-char"', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 3
+  maxWidth: "3-char"
 });
 
-it('renders the TextInput with characterWidth=3', function () {
+it('renders the TextInput with maxWidth="3-char"', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 4
+  maxWidth: "4-char"
 });
 
-it('renders the TextInput with characterWidth=4', function () {
+it('renders the TextInput with maxWidth="4-char"', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 5
+  maxWidth: "5-char"
 });
 
-it('renders the TextInput with characterWidth=5', function () {
+it('renders the TextInput with maxWidth="5-char"', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 10
+  maxWidth: "10-char"
 });
 
-it('renders the TextInput with characterWidth=10', function () {
+it('renders the TextInput with maxWidth="10-char"', function () {
   expect(mount(_ref6)).toMatchSnapshot();
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 20
+  maxWidth: "20-char"
 });
 
-it('renders the TextInput with characterWidth=20', function () {
+it('renders the TextInput with maxWidth="20-char"', function () {
   expect(mount(_ref7)).toMatchSnapshot();
 });
 
 var _ref8 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-quarter'
+  width: '25%'
 });
 
-it('renders the TextInput with cellWidth=one-quarter', function () {
+it('renders the TextInput with width=one-quarter', function () {
   expect(mount(_ref8)).toMatchSnapshot();
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-third'
+  width: '33.3%'
 });
 
-it('renders the TextInput with cellWidth=one-third', function () {
+it('renders the TextInput with width=one-third', function () {
   expect(mount(_ref9)).toMatchSnapshot();
 });
 
 var _ref10 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'one-half'
+  width: '50%'
 });
 
-it('renders the TextInput with cellWidth=one-half', function () {
+it('renders the TextInput with width=one-half', function () {
   expect(mount(_ref10)).toMatchSnapshot();
 });
 
 var _ref11 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'two-thirds'
+  width: '66.6%'
 });
 
-it('renders the TextInput with cellWidth=two-thirds', function () {
+it('renders the TextInput with width=two-thirds', function () {
   expect(mount(_ref11)).toMatchSnapshot();
 });
 
 var _ref12 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'three-quarters'
+  width: '75%'
 });
 
-it('renders the TextInput with cellWidth=three-quarters', function () {
+it('renders the TextInput with width=three-quarters', function () {
   expect(mount(_ref12)).toMatchSnapshot();
 });
 
 var _ref13 = /*#__PURE__*/React.createElement(TextInput, {
-  cellWidth: 'full'
+  width: 'full'
 });
 
-it('renders the TextInput with cellWidth=full', function () {
+it('renders the TextInput with width=full', function () {
   expect(mount(_ref13)).toMatchSnapshot();
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 2,
-  cellWidth: 'one-quarter'
+  maxWidth: "2-char",
+  width: '25%'
 });
 
-it('renders the TextInput with characterWidth=2 and with cellWidth=one-quarter', function () {
+it('renders the TextInput with maxWidth="2-char" and with width=one-quarter', function () {
   expect(mount(_ref14)).toMatchSnapshot();
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 3,
-  cellWidth: 'one-quarter'
+  maxWidth: "3-char",
+  width: '25%'
 });
 
-it('renders the TextInput with characterWidth=3 and with cellWidth=one-quarter', function () {
+it('renders the TextInput with maxWidth="3-char" and with width=one-quarter', function () {
   expect(mount(_ref15)).toMatchSnapshot();
 });
 
 var _ref16 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 4,
-  cellWidth: 'one-quarter'
+  maxWidth: "4-char",
+  width: '25%'
 });
 
-it('renders the TextInput with characterWidth=4 and with cellWidth=one-quarter', function () {
+it('renders the TextInput with maxWidth="4-char" and with width=one-quarter', function () {
   expect(mount(_ref16)).toMatchSnapshot();
 });
 
 var _ref17 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 5,
-  cellWidth: 'one-quarter'
+  maxWidth: "5-char",
+  width: '25%'
 });
 
-it('renders the TextInput  with with characterWidth=5 with cellWidth=one-quarter', function () {
+it('renders the TextInput  with with maxWidth="5-char" with width=one-quarter', function () {
   expect(mount(_ref17)).toMatchSnapshot();
 });
 
 var _ref18 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 20,
-  cellWidth: 'one-quarter'
+  maxWidth: "20-char",
+  width: '25%'
 });
 
-it('renders the TextInput with characterWidth=20 and with cellWidth=one-quarter', function () {
+it('renders the TextInput with maxWidth="20-char" and with width=one-quarter', function () {
   expect(mount(_ref18)).toMatchSnapshot();
 });
 
 var _ref19 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 2,
-  cellWidth: 'one-third'
+  maxWidth: "2-char",
+  width: '33.3%'
 });
 
-it('renders the TextInput with characterWidth=2 and with cellWidth=one-third', function () {
+it('renders the TextInput with maxWidth="2-char" and with width=one-third', function () {
   expect(mount(_ref19)).toMatchSnapshot();
 });
 
 var _ref20 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 3,
-  cellWidth: 'one-third'
+  maxWidth: "3-char",
+  width: '33.3%'
 });
 
-it('renders the TextInput with characterWidth=3 and with cellWidth=one-third', function () {
+it('renders the TextInput with maxWidth="3-char" and with width=one-third', function () {
   expect(mount(_ref20)).toMatchSnapshot();
 });
 
 var _ref21 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 4,
-  cellWidth: 'one-third'
+  maxWidth: "4-char",
+  width: '33.3%'
 });
 
-it('renders the TextInput with characterWidth=4 and with cellWidth=one-third', function () {
+it('renders the TextInput with maxWidth="4-char" and with width=one-third', function () {
   expect(mount(_ref21)).toMatchSnapshot();
 });
 
 var _ref22 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 5,
-  cellWidth: 'one-third'
+  maxWidth: "5-char",
+  width: '33.3%'
 });
 
-it('renders the TextInput  with with characterWidth=5 with cellWidth=one-third', function () {
+it('renders the TextInput  with with maxWidth="5-char" with width=one-third', function () {
   expect(mount(_ref22)).toMatchSnapshot();
 });
 
 var _ref23 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 20,
-  cellWidth: 'one-third'
+  maxWidth: "20-char",
+  width: '33.3%'
 });
 
-it('renders the TextInput with characterWidth=20 and with cellWidth=one-third', function () {
+it('renders the TextInput with maxWidth="20-char" and with width=one-third', function () {
   expect(mount(_ref23)).toMatchSnapshot();
 });
 
 var _ref24 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 2,
-  cellWidth: 'one-half'
+  maxWidth: "2-char",
+  width: '50%'
 });
 
-it('renders the TextInput with characterWidth=2 and with cellWidth=one-half', function () {
+it('renders the TextInput with maxWidth="2-char" and with width=one-half', function () {
   expect(mount(_ref24)).toMatchSnapshot();
 });
 
 var _ref25 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 3,
-  cellWidth: 'one-half'
+  maxWidth: "3-char",
+  width: '50%'
 });
 
-it('renders the TextInput with characterWidth=3 and with cellWidth=one-half', function () {
+it('renders the TextInput with maxWidth="3-char" and with width=one-half', function () {
   expect(mount(_ref25)).toMatchSnapshot();
 });
 
 var _ref26 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 4,
-  cellWidth: 'one-half'
+  maxWidth: "4-char",
+  width: '50%'
 });
 
-it('renders the TextInput with characterWidth=4 and with cellWidth=one-half', function () {
+it('renders the TextInput with maxWidth="4-char" and with width=one-half', function () {
   expect(mount(_ref26)).toMatchSnapshot();
 });
 
 var _ref27 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 5,
-  cellWidth: 'one-half'
+  maxWidth: "5-char",
+  width: '50%'
 });
 
-it('renders the TextInput  with with characterWidth=5 with cellWidth=one-half', function () {
+it('renders the TextInput  with with maxWidth="5-char" with width=one-half', function () {
   expect(mount(_ref27)).toMatchSnapshot();
 });
 
 var _ref28 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 20,
-  cellWidth: 'one-half'
+  maxWidth: "20-char",
+  width: '50%'
 });
 
-it('renders the TextInput with characterWidth=20 and with cellWidth=one-half', function () {
+it('renders the TextInput with maxWidth="20-char" and with width=one-half', function () {
   expect(mount(_ref28)).toMatchSnapshot();
 });
 
 var _ref29 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 2,
-  cellWidth: 'two-thirds'
+  maxWidth: "2-char",
+  width: '66.6%'
 });
 
-it('renders the TextInput with characterWidth=2 and with cellWidth=two-thirds', function () {
+it('renders the TextInput with maxWidth="2-char" and with width=two-thirds', function () {
   expect(mount(_ref29)).toMatchSnapshot();
 });
 
 var _ref30 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 3,
-  cellWidth: 'two-thirds'
+  maxWidth: "3-char",
+  width: '66.6%'
 });
 
-it('renders the TextInput with characterWidth=3 and with cellWidth=two-thirds', function () {
+it('renders the TextInput with maxWidth="3-char" and with width=two-thirds', function () {
   expect(mount(_ref30)).toMatchSnapshot();
 });
 
 var _ref31 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 4,
-  cellWidth: 'two-thirds'
+  maxWidth: "4-char",
+  width: '66.6%'
 });
 
-it('renders the TextInput with characterWidth=4 and with cellWidth=two-thirds', function () {
+it('renders the TextInput with maxWidth="4-char" and with width=two-thirds', function () {
   expect(mount(_ref31)).toMatchSnapshot();
 });
 
 var _ref32 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 5,
-  cellWidth: 'two-thirds'
+  maxWidth: "5-char",
+  width: '66.6%'
 });
 
-it('renders the TextInput  with with characterWidth=5 with cellWidth=two-thirds', function () {
+it('renders the TextInput  with with maxWidth="5-char" with width=two-thirds', function () {
   expect(mount(_ref32)).toMatchSnapshot();
 });
 
 var _ref33 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 20,
-  cellWidth: 'two-thirds'
+  maxWidth: "20-char",
+  width: '66.6%'
 });
 
-it('renders the TextInput with characterWidth=20 and with cellWidth=two-thirds', function () {
+it('renders the TextInput with maxWidth="20-char" and with width=two-thirds', function () {
   expect(mount(_ref33)).toMatchSnapshot();
 });
 
 var _ref34 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 2,
-  cellWidth: 'three-quarters'
+  maxWidth: "2-char",
+  width: '75%'
 });
 
-it('renders the TextInput with characterWidth=2 and with cellWidth=three-quarters', function () {
+it('renders the TextInput with maxWidth="2-char" and with width=three-quarters', function () {
   expect(mount(_ref34)).toMatchSnapshot();
 });
 
 var _ref35 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 3,
-  cellWidth: 'three-quarters'
+  maxWidth: "3-char",
+  width: '75%'
 });
 
-it('renders the TextInput with characterWidth=3 and with cellWidth=three-quarters', function () {
+it('renders the TextInput with maxWidth="3-char" and with width=three-quarters', function () {
   expect(mount(_ref35)).toMatchSnapshot();
 });
 
 var _ref36 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 4,
-  cellWidth: 'three-quarters'
+  maxWidth: "4-char",
+  width: '75%'
 });
 
-it('renders the TextInput with characterWidth=4 and with cellWidth=three-quarters', function () {
+it('renders the TextInput with maxWidth="4-char" and with width=three-quarters', function () {
   expect(mount(_ref36)).toMatchSnapshot();
 });
 
 var _ref37 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 5,
-  cellWidth: 'three-quarters'
+  maxWidth: "5-char",
+  width: '75%'
 });
 
-it('renders the TextInput  with with characterWidth=5 with cellWidth=three-quarters', function () {
+it('renders the TextInput  with with maxWidth="5-char" with width=three-quarters', function () {
   expect(mount(_ref37)).toMatchSnapshot();
 });
 
 var _ref38 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 20,
-  cellWidth: 'three-quarters'
+  maxWidth: "20-char",
+  width: '75%'
 });
 
-it('renders the TextInput with characterWidth=20 and with cellWidth=three-quarters', function () {
+it('renders the TextInput with maxWidth="20-char" and with width=three-quarters', function () {
   expect(mount(_ref38)).toMatchSnapshot();
 });
 
 var _ref39 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 2,
-  cellWidth: 'full'
+  maxWidth: "2-char",
+  width: 'full'
 });
 
-it('renders the TextInput with characterWidth=2 and with cellWidth=full', function () {
+it('renders the TextInput with maxWidth="2-char" and with width=full', function () {
   expect(mount(_ref39)).toMatchSnapshot();
 });
 
 var _ref40 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 3,
-  cellWidth: 'full'
+  maxWidth: "3-char",
+  width: 'full'
 });
 
-it('renders the TextInput with characterWidth=3 and with cellWidth=full', function () {
+it('renders the TextInput with maxWidth="3-char" and with width=full', function () {
   expect(mount(_ref40)).toMatchSnapshot();
 });
 
 var _ref41 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 4,
-  cellWidth: 'full'
+  maxWidth: "4-char",
+  width: 'full'
 });
 
-it('renders the TextInput with characterWidth=4 and with cellWidth=full', function () {
+it('renders the TextInput with maxWidth="4-char" and with width=full', function () {
   expect(mount(_ref41)).toMatchSnapshot();
 });
 
 var _ref42 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 5,
-  cellWidth: 'full'
+  maxWidth: "5-char",
+  width: 'full'
 });
 
-it('renders the TextInput  with with characterWidth=5 with cellWidth=full', function () {
+it('renders the TextInput  with with maxWidth="5-char" with width=full', function () {
   expect(mount(_ref42)).toMatchSnapshot();
 });
 
 var _ref43 = /*#__PURE__*/React.createElement(TextInput, {
-  characterWidth: 20,
-  cellWidth: 'full'
+  maxWidth: "20-char",
+  width: 'full'
 });
 
-it('renders the TextInput with characterWidth=20 and with cellWidth=full', function () {
+it('renders the TextInput with maxWidth="20-char" and with width=full', function () {
   expect(mount(_ref43)).toMatchSnapshot();
 });

package/esm/Timeline/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["spaced", "className", "children"];
+var _excluded = ["dense", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -10,8 +10,8 @@ import Base from '@digigov/react-core/Base';
  * This component must contain TimelineItem component.
  */
 export var Timeline = /*#__PURE__*/React.forwardRef(function Timeline(_ref, ref) {
-  var _ref$spaced = _ref.spaced,
-      spaced = _ref$spaced === void 0 ? false : _ref$spaced,
+  var _ref$dense = _ref.dense,
+      dense = _ref$dense === void 0 ? true : _ref$dense,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,7 +19,7 @@ export var Timeline = /*#__PURE__*/React.forwardRef(function Timeline(_ref, ref)
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ol",
     ref: ref,
-    className: clsx(className, spaced && 'govgr-timeline--spaced', true && 'govgr-timeline')
+    className: clsx(className, !dense && 'govgr-timeline--spaced', true && 'govgr-timeline')
   }, props), children);
 });
 export default Timeline;