@digigov/react-core 1.3.0-dcbd7ded → 2.0.0-0edebf87

package/cjs/AutoCompleteInput/__snapshots__/index.test.tsx.snap

@@ -1,87 +1,51 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the AutoCompleteInput with no props 1`] = `
-<ForwardRef(AutoCompleteInput)>
-  <ForwardRef(Base)
-    as="input"
-    className="ds-autocomplete__input--default ds-autocomplete__input"
-    type="text"
-  >
-    <input
-      className="ds-autocomplete__input--default ds-autocomplete__input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(AutoCompleteInput)>
-`;
-
-exports[`renders the AutoCompleteInput with showAllValues 1`] = `
-<ForwardRef(AutoCompleteInput)
-  showAllValues={true}
->
-  <ForwardRef(Base)
-    as="input"
-    className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
-    type="text"
-  >
-    <input
-      className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(AutoCompleteInput)>
-`;
-
-exports[`renders the AutoCompleteInput with showAllValues 2`] = `
+exports[`renders the AutoCompleteInput with isFocused 1`] = `
 <ForwardRef(AutoCompleteInput)
-  showAllValues={true}
+  isFocused={true}
 >
   <ForwardRef(Base)
     as="input"
-    className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
+    className="ds-autocomplete__input--focused ds-autocomplete__input"
     type="text"
   >
     <input
-      className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
+      className="ds-autocomplete__input--focused ds-autocomplete__input"
       type="text"
     />
   </ForwardRef(Base)>
 </ForwardRef(AutoCompleteInput)>
 `;
 
-exports[`renders the AutoCompleteInput with showAllValues isFocused 1`] = `
+exports[`renders the AutoCompleteInput with isFocused and name props 1`] = `
 <ForwardRef(AutoCompleteInput)
   isFocused={true}
-  showAllValues={true}
+  name="some-name"
 >
   <ForwardRef(Base)
     as="input"
-    className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
+    className="ds-autocomplete__input--focused ds-autocomplete__input"
+    name="some-name"
     type="text"
   >
     <input
-      className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
+      className="ds-autocomplete__input--focused ds-autocomplete__input"
+      name="some-name"
       type="text"
     />
   </ForwardRef(Base)>
 </ForwardRef(AutoCompleteInput)>
 `;
 
-exports[`renders the AutoCompleteInput with showAllValues isFocused name props 1`] = `
-<ForwardRef(AutoCompleteInput)
-  isFocused={true}
-  name="some-name"
-  showAllValues={true}
->
+exports[`renders the AutoCompleteInput with no props 1`] = `
+<ForwardRef(AutoCompleteInput)>
   <ForwardRef(Base)
     as="input"
-    className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
-    name="some-name"
+    className="ds-autocomplete__input"
     type="text"
   >
     <input
-      className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
-      name="some-name"
+      className="ds-autocomplete__input"
       type="text"
     />
   </ForwardRef(Base)>

package/cjs/AutoCompleteInput/index.js

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-var _excluded = ["name", "isFocused", "showAllValues", "className"];
+var _excluded = ["name", "isFocused", "className"];
 /**
  * AutoCompleteInput component is used to display the value that the user is typing.
  *
@@ -18,8 +18,6 @@ var _excluded = ["name", "isFocused", "showAllValues", "className"];
 var AutoCompleteInput = exports.AutoCompleteInput = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteInput(_ref, ref) {
   var name = _ref.name,
     isFocused = _ref.isFocused,
-    _ref$showAllValues = _ref.showAllValues,
-    showAllValues = _ref$showAllValues === void 0 ? false : _ref$showAllValues,
     className = _ref.className,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
@@ -27,7 +25,7 @@ var AutoCompleteInput = exports.AutoCompleteInput = /*#__PURE__*/_react["default
     type: "text",
     name: name,
     ref: ref,
-    className: (0, _clsx["default"])(className, showAllValues === false && 'ds-autocomplete__input--default', showAllValues && 'ds-autocomplete__input--show-all-values', isFocused && 'ds-autocomplete__input--focused', true && 'ds-autocomplete__input')
+    className: (0, _clsx["default"])(className, isFocused && 'ds-autocomplete__input--focused', true && 'ds-autocomplete__input')
   }, props));
 });
 var _default = exports["default"] = AutoCompleteInput;

package/cjs/AutoCompleteInput/index.test/index.js

@@ -9,29 +9,15 @@ it('renders the AutoCompleteInput with no props', function () {
   expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
 });
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteInput["default"], {
-  showAllValues: true
+  isFocused: true
 });
-it('renders the AutoCompleteInput with showAllValues', function () {
+it('renders the AutoCompleteInput with isFocused', function () {
   expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
 });
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteInput["default"], {
-  showAllValues: true
-});
-it('renders the AutoCompleteInput with showAllValues', function () {
-  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
-});
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteInput["default"], {
-  isFocused: true,
-  showAllValues: true
-});
-it('renders the AutoCompleteInput with showAllValues isFocused', function () {
-  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
-});
-var _ref5 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteInput["default"], {
   name: "some-name",
-  isFocused: true,
-  showAllValues: true
+  isFocused: true
 });
-it('renders the AutoCompleteInput with showAllValues isFocused name props', function () {
-  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+it('renders the AutoCompleteInput with isFocused and name props', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
 });

package/cjs/AutoCompleteMultipleInput/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AutoCompleteMultipleInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+var _excluded = ["children", "className"];
+/**
+ * AutoCompleteMultipleInput is used inside AutoCompleteMultipleInputContainer for multiple values input.
+ */
+var AutoCompleteMultipleInput = exports.AutoCompleteMultipleInput = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteMultipleInput(_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+    as: "input",
+    type: "text",
+    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'ds-autocomplete__multi-input')
+  }, props), children);
+});
+var _default = exports["default"] = AutoCompleteMultipleInput;

package/cjs/AutoCompleteMultipleInputContainer/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AutoCompleteMultipleInputContainer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+var _excluded = ["numberOfSelected", "open", "children", "isFocused", "className"];
+/**
+ * Use AutoCompleteMultipleInputContainer to accept multiple values input.
+ */
+var AutoCompleteMultipleInputContainer = exports.AutoCompleteMultipleInputContainer = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteMultipleInputContainer(_ref, ref) {
+  var _ref$numberOfSelected = _ref.numberOfSelected,
+    numberOfSelected = _ref$numberOfSelected === void 0 ? 'all' : _ref$numberOfSelected,
+    open = _ref.open,
+    children = _ref.children,
+    isFocused = _ref.isFocused,
+    className = _ref.className,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+    as: "div",
+    ref: ref,
+    className: (0, _clsx["default"])(className, typeof numberOfSelected === 'number' && "ds-autocomplete__multi-input-container--".concat(numberOfSelected), isFocused && 'ds-autocomplete__multi-input-container--focused', true && 'ds-autocomplete__multi-input-container')
+  }, props), children);
+});
+var _default = exports["default"] = AutoCompleteMultipleInputContainer;

package/cjs/AutoCompleteResultList/__snapshots__/index.test.tsx.snap

@@ -1,51 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the AutoCompleteResultList with isVisible  displayMenu="inline props 1`] = `
-<ForwardRef(List)
-  displayMenu="inline"
-  isVisible={true}
->
-  <ForwardRef(Base)
-    as="ul"
-    className="ds-autocomplete__menu--inline ds-autocomplete__menu--visible ds-autocomplete__menu"
-  >
-    <ul
-      className="ds-autocomplete__menu--inline ds-autocomplete__menu--visible ds-autocomplete__menu"
-    >
-      Hello
-    </ul>
-  </ForwardRef(Base)>
-</ForwardRef(List)>
-`;
-
-exports[`renders the AutoCompleteResultList with isVisible displayMenu="overlay props 1`] = `
-<ForwardRef(List)
-  displayMenu="overlay"
-  isVisible={true}
->
-  <ForwardRef(Base)
-    as="ul"
-    className="ds-autocomplete__menu--overlay ds-autocomplete__menu--visible ds-autocomplete__menu"
-  >
-    <ul
-      className="ds-autocomplete__menu--overlay ds-autocomplete__menu--visible ds-autocomplete__menu"
-    >
-      Hello
-    </ul>
-  </ForwardRef(Base)>
-</ForwardRef(List)>
-`;
-
 exports[`renders the AutoCompleteResultList with isVisible props 1`] = `
 <ForwardRef(List)
   isVisible={true}
 >
   <ForwardRef(Base)
     as="ul"
-    className="ds-autocomplete__menu--visible ds-autocomplete__menu"
+    className="ds-autocomplete__menu"
   >
     <ul
-      className="ds-autocomplete__menu--visible ds-autocomplete__menu"
+      className="ds-autocomplete__menu"
     >
       Hello
     </ul>

package/cjs/AutoCompleteResultList/index.js

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-var _excluded = ["isVisible", "displayMenu", "className", "children"];
+var _excluded = ["isVisible", "className", "children"];
 /**
  * AutoCompleteResultList component is used for listing items.
  * This component must contain AutoCompleteResultListItem component.
@@ -18,14 +18,13 @@ var _excluded = ["isVisible", "displayMenu", "className", "children"];
 var AutoCompleteResultList = exports.AutoCompleteResultList = /*#__PURE__*/_react["default"].forwardRef(function List(_ref, ref) {
   var _ref$isVisible = _ref.isVisible,
     isVisible = _ref$isVisible === void 0 ? false : _ref$isVisible,
-    displayMenu = _ref.displayMenu,
     className = _ref.className,
     children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "ul",
     ref: ref,
-    className: (0, _clsx["default"])(className, displayMenu === 'overlay' && 'ds-autocomplete__menu--overlay', displayMenu === 'inline' && 'ds-autocomplete__menu--inline', isVisible === false && 'ds-autocomplete__menu--hidden', isVisible && 'ds-autocomplete__menu--visible', true && 'ds-autocomplete__menu')
+    className: (0, _clsx["default"])(className, isVisible === false && 'ds-autocomplete__menu--hidden', true && 'ds-autocomplete__menu')
   }, props), children);
 });
 var _default = exports["default"] = AutoCompleteResultList;

package/cjs/AutoCompleteResultList/index.test/index.js

@@ -13,18 +13,4 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList
 }, "Hello");
 it('renders the AutoCompleteResultList with isVisible props', function () {
   expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
-});
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList["default"], {
-  isVisible: true,
-  displayMenu: "inline"
-}, "Hello");
-it('renders the AutoCompleteResultList with isVisible  displayMenu="inline props', function () {
-  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
-});
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList["default"], {
-  isVisible: true,
-  displayMenu: "overlay"
-}, "Hello");
-it('renders the AutoCompleteResultList with isVisible displayMenu="overlay props', function () {
-  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
 });

package/cjs/AutoCompleteStatus/__snapshots__/index.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the AdminContainer with no props 1`] = `
-<ForwardRef(AutoCompleteStatusWrapper)>
+<ForwardRef(AutoCompleteStatusContainer)>
   <ForwardRef(Base)
     aria-atomic="true"
     aria-live="polite"
@@ -18,5 +18,5 @@ exports[`renders the AdminContainer with no props 1`] = `
       hello
     </div>
   </ForwardRef(Base)>
-</ForwardRef(AutoCompleteStatusWrapper)>
+</ForwardRef(AutoCompleteStatusContainer)>
 `;

package/cjs/AutoCompleteStatus/index.js

@@ -13,9 +13,9 @@ var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 var _excluded = ["className", "children"];
 /**
  * AutoCompleteStatus is a div element for displaying the autocomplete status.
- * Use AutoCompleteStatus inside AutoCompleteStatusWrapper wrapper.
+ * Use AutoCompleteStatus inside AutoCompleteStatusContainer wrapper.
  */
-var AutoCompleteStatus = exports.AutoCompleteStatus = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteStatusWrapper(_ref, ref) {
+var AutoCompleteStatus = exports.AutoCompleteStatus = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteStatusContainer(_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);

package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/__snapshots__/index.test.tsx.snap

@@ -1,16 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the AdminContainer with no props 1`] = `
-<ForwardRef(AutoCompleteStatusWrapper)>
+<ForwardRef(AutoCompleteStatusContainer)>
   <ForwardRef(Base)
     as="div"
-    className="ds-autocomplete__status__wrapper"
+    className="ds-autocomplete__status__container"
   >
     <div
-      className="ds-autocomplete__status__wrapper"
+      className="ds-autocomplete__status__container"
     >
       hello
     </div>
   </ForwardRef(Base)>
-</ForwardRef(AutoCompleteStatusWrapper)>
+</ForwardRef(AutoCompleteStatusContainer)>
 `;

package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.AutoCompleteStatusWrapper = void 0;
+exports["default"] = exports.AutoCompleteStatusContainer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
@@ -12,17 +12,17 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 var _excluded = ["className", "children"];
 /**
- * AutoCompleteStatusWrapper is a wrapper for autocomplete element.
- * Use AutoCompleteStatusWrapper to wrap autocomplete elements.
+ * AutoCompleteStatusContainer is a wrapper for autocomplete element.
+ * Use AutoCompleteStatusContainer to wrap autocomplete elements.
  */
-var AutoCompleteStatusWrapper = exports.AutoCompleteStatusWrapper = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteStatusWrapper(_ref, ref) {
+var AutoCompleteStatusContainer = exports.AutoCompleteStatusContainer = /*#__PURE__*/_react["default"].forwardRef(function AutoCompleteStatusContainer(_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
     ref: ref,
-    className: (0, _clsx["default"])(className, true && 'ds-autocomplete__status__wrapper')
+    className: (0, _clsx["default"])(className, true && 'ds-autocomplete__status__container')
   }, props), children);
 });
-var _default = exports["default"] = AutoCompleteStatusWrapper;
+var _default = exports["default"] = AutoCompleteStatusContainer;

package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.test/index.js

@@ -3,8 +3,8 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _react = _interopRequireDefault(require("react"));
 var _enzyme = require("enzyme");
-var _AutoCompleteStatusWrapper = _interopRequireDefault(require("@digigov/react-core/AutoCompleteStatusWrapper"));
-var _ref = /*#__PURE__*/_react["default"].createElement(_AutoCompleteStatusWrapper["default"], null, "hello");
+var _AutoCompleteStatusContainer = _interopRequireDefault(require("@digigov/react-core/AutoCompleteStatusContainer"));
+var _ref = /*#__PURE__*/_react["default"].createElement(_AutoCompleteStatusContainer["default"], null, "hello");
 it('renders the AdminContainer with no props', function () {
   expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
 });

package/cjs/Base/index.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _excluded = ["as", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "printHidden", "printVisible", "hidden", "xsUpHidden", "smUpHidden", "mdUpHidden", "lgUpHidden", "xlUpHidden", "xsHidden", "smHidden", "mdHidden", "lgHidden", "xlHidden", "children", "className"];
+var _excluded = ["as", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "m", "mt", "mb", "ml", "mr", "mx", "my", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "p", "pt", "pb", "pr", "pl", "px", "py", "printHidden", "printVisible", "hidden", "xsUpHidden", "smUpHidden", "mdUpHidden", "lgUpHidden", "xlUpHidden", "xsHidden", "smHidden", "mdHidden", "lgHidden", "xlHidden", "children", "className"];
 // This is the first reusable type utility we built
 
 // This is a new type utitlity with ref!
@@ -31,11 +31,25 @@ var Base = exports.Base = /*#__PURE__*/_react["default"].forwardRef(function Bas
     marginBottom = _ref.marginBottom,
     marginLeft = _ref.marginLeft,
     marginRight = _ref.marginRight,
+    m = _ref.m,
+    mt = _ref.mt,
+    mb = _ref.mb,
+    ml = _ref.ml,
+    mr = _ref.mr,
+    mx = _ref.mx,
+    my = _ref.my,
     padding = _ref.padding,
     paddingTop = _ref.paddingTop,
     paddingBottom = _ref.paddingBottom,
     paddingLeft = _ref.paddingLeft,
     paddingRight = _ref.paddingRight,
+    p = _ref.p,
+    pt = _ref.pt,
+    pb = _ref.pb,
+    pr = _ref.pr,
+    pl = _ref.pl,
+    px = _ref.px,
+    py = _ref.py,
     printHidden = _ref.printHidden,
     printVisible = _ref.printVisible,
     hidden = _ref.hidden,
@@ -54,7 +68,7 @@ var Base = exports.Base = /*#__PURE__*/_react["default"].forwardRef(function Bas
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var Component = as || 'span';
   return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
-    className: (0, _clsx["default"])(className, (paddingBottom !== undefined ? true : undefined) && "ds-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "ds-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "ds-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "ds-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "ds-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "ds-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "ds-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "ds-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "ds-p-".concat(padding), (margin !== undefined ? true : undefined) && "ds-m-".concat(margin), printVisible === 'inline' && 'ds-print-visible-inline', printVisible === 'block' && 'ds-print-visible-block', !!printHidden && 'ds-print-hidden', !!xsUpHidden && 'ds-hidden-xs--up', !!smUpHidden && 'ds-hidden-sm--up', !!mdUpHidden && 'ds-hidden-md--up', !!lgUpHidden && 'ds-hidden-lg--up', !!xlUpHidden && 'ds-hidden-xl--up', !!xsHidden && 'ds-hidden-xs', !!smHidden && 'ds-hidden-sm', !!mdHidden && 'ds-hidden-md', !!lgHidden && 'ds-hidden-lg', !!xlHidden && 'ds-hidden-xl', !!hidden && 'ds-hidden'),
+    className: (0, _clsx["default"])(className, (paddingBottom !== undefined ? true : undefined) && "ds-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "ds-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "ds-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "ds-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "ds-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "ds-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "ds-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "ds-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "ds-p-".concat(padding), (margin !== undefined ? true : undefined) && "ds-m-".concat(margin), (mt !== undefined ? true : undefined) && "ds-mt-".concat(mt), (mb !== undefined ? true : undefined) && "ds-mb-".concat(mb), (mr !== undefined ? true : undefined) && "ds-mr-".concat(mr), (ml !== undefined ? true : undefined) && "ds-ml-".concat(ml), (mx !== undefined ? true : undefined) && "ds-mx-".concat(mx), (my !== undefined ? true : undefined) && "ds-my-".concat(my), (pt !== undefined ? true : undefined) && "ds-pt-".concat(pt), (pb !== undefined ? true : undefined) && "ds-pb-".concat(pb), (pr !== undefined ? true : undefined) && "ds-pr-".concat(pr), (pl !== undefined ? true : undefined) && "ds-pl-".concat(pl), (px !== undefined ? true : undefined) && "ds-px-".concat(px), (py !== undefined ? true : undefined) && "ds-py-".concat(py), (m !== undefined ? true : undefined) && "ds-m-".concat(m), (p !== undefined ? true : undefined) && "ds-p-".concat(p), printVisible === 'inline' && 'ds-print-visible-inline', printVisible === 'block' && 'ds-print-visible-block', !!printHidden && 'ds-print-hidden', !!xsUpHidden && 'ds-hidden-xs-up', !!smUpHidden && 'ds-hidden-sm-up', !!mdUpHidden && 'ds-hidden-md-up', !!lgUpHidden && 'ds-hidden-lg-up', !!xlUpHidden && 'ds-hidden-xl-up', !!xsHidden && 'ds-hidden-xs', !!smHidden && 'ds-hidden-sm', !!mdHidden && 'ds-hidden-md', !!lgHidden && 'ds-hidden-lg', !!xlHidden && 'ds-hidden-xl', !!hidden && 'ds-hidden'),
     ref: ref
   }, props), children);
 });

package/cjs/CallToAction/__snapshots__/index.test.tsx.snap

@@ -17,29 +17,29 @@ exports[`renders the CallToAction with no props 1`] = `
         hello
         <ChevronIcon>
           <ForwardRef(Icon)
-            icon="arrow"
+            icon="chevron"
           >
             <ForwardRef(SvgIcon)
-              className="ds-svg-icon--arrow"
+              className="ds-svg-icon--chevron"
             >
               <ForwardRef(Base)
                 aria-hidden="true"
                 as="svg"
-                className="ds-svg-icon--arrow ds-svg-icon"
+                className="ds-svg-icon--chevron ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
                 <svg
                   aria-hidden="true"
-                  className="ds-svg-icon--arrow ds-svg-icon"
+                  className="ds-svg-icon--chevron ds-svg-icon"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <arrow>
+                  <chevron>
                     <path
                       d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
                     />
-                  </arrow>
+                  </chevron>
                 </svg>
               </ForwardRef(Base)>
             </ForwardRef(SvgIcon)>

package/cjs/Card/__snapshots__/index.test.tsx.snap

@@ -42,6 +42,48 @@ exports[`renders the Card with dense props 1`] = `
 </ForwardRef(Card)>
 `;
 
+exports[`renders the Card with dense" prop 1`] = `
+<ForwardRef(Card)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="ds-card--dense ds-card"
+  >
+    <div
+      className="ds-card--dense ds-card"
+    >
+      <div
+        className="ds-card__body"
+      >
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Card)>
+`;
+
+exports[`renders the Card with fullHeight" prop 1`] = `
+<ForwardRef(Card)
+  fullHeight={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="ds-card--full-height ds-card"
+  >
+    <div
+      className="ds-card--full-height ds-card"
+    >
+      <div
+        className="ds-card__body"
+      >
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Card)>
+`;
+
 exports[`renders the Card with no props 1`] = `
 <ForwardRef(Card)>
   <ForwardRef(Base)

package/cjs/Card/index.js

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-var _excluded = ["variant", "borderColor", "callToAction", "dense", "className", "children"];
+var _excluded = ["variant", "borderColor", "callToAction", "dense", "fullHeight", "className", "children"];
 /**
  * Cards can be used to divide and organise interface content for better understandability and readability.
  * Cards can help your users to scan through vast amounts of information quicker.
@@ -21,13 +21,14 @@ var Card = exports.Card = /*#__PURE__*/_react["default"].forwardRef(function Car
     borderColor = _ref.borderColor,
     callToAction = _ref.callToAction,
     dense = _ref.dense,
+    fullHeight = _ref.fullHeight,
     className = _ref.className,
     children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
     ref: ref,
-    className: (0, _clsx["default"])(className, variant === 'border-top' && 'ds-card--border-top', borderColor === 'light' && 'ds-card--border-light', borderColor === 'dark' && 'ds-card--border-dark', variant === 'divider' && 'ds-card--divider', variant === 'border' && 'ds-card--border', callToAction && 'ds-card--cta', dense && 'ds-card--dense', true && 'ds-card')
+    className: (0, _clsx["default"])(className, variant === 'border-top' && 'ds-card--border-top', borderColor === 'light' && 'ds-card--border-light', borderColor === 'dark' && 'ds-card--border-dark', variant === 'divider' && 'ds-card--divider', variant === 'border' && 'ds-card--border', callToAction && 'ds-card--cta', fullHeight && 'ds-card--full-height', dense && 'ds-card--dense', true && 'ds-card')
   }, props), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _clsx["default"])(true && 'ds-card__body')
   }, children));