@digigov/react-core 1.0.0-88820b1e → 1.0.0-8bbf3ef2

package/esm/TextInput/index.test.js

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

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

@@ -1,5 +1,22 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the Timeline with dense prop 1`] = `
+<ForwardRef(Timeline)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="ol"
+    className="govgr-timeline--dense govgr-timeline"
+  >
+    <ol
+      className="govgr-timeline--dense govgr-timeline"
+    >
+      hello
+    </ol>
+  </ForwardRef(Base)>
+</ForwardRef(Timeline)>
+`;
+
 exports[`renders the Timeline with no prop 1`] = `
 <ForwardRef(Timeline)>
   <ForwardRef(Base)

package/esm/Timeline/index.js

@@ -10,8 +10,7 @@ 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$dense = _ref.dense,
-      dense = _ref$dense === void 0 ? true : _ref$dense,
+  var dense = _ref.dense,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,7 +18,7 @@ export var Timeline = /*#__PURE__*/React.forwardRef(function Timeline(_ref, ref)
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ol",
     ref: ref,
-    className: clsx(className, !dense && 'govgr-timeline--spaced', true && 'govgr-timeline')
+    className: clsx(className, dense && 'govgr-timeline--dense', true && 'govgr-timeline')
   }, props), children);
 });
 export default Timeline;

package/esm/Timeline/index.test.js

@@ -6,4 +6,12 @@ var _ref = /*#__PURE__*/React.createElement(Timeline, null, "hello");
 
 it('renders the Timeline with no prop', function () {
   expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(Timeline, {
+  dense: true
+}, "hello");
+
+it('renders the Timeline with dense prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
 });

package/esm/Unpurge/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 function Unpurge() {
   return /*#__PURE__*/React.createElement("div", {
-    className: "\n    govgr-m-0 \n    govgr-mt-0 \n    govgr-mb-0 \n    govgr-mr-0 \n    govgr-ml-0 \n    govgr-p-0 \n    govgr-pt-0 \n    govgr-pb-0 \n    govgr-pr-0 \n    govgr-pl-0 \n    govgr-m-1 \n    govgr-mt-1 \n    govgr-mb-1 \n    govgr-mr-1 \n    govgr-ml-1 \n    govgr-p-1 \n    govgr-pt-1 \n    govgr-pb-1 \n    govgr-pr-1 \n    govgr-pl-1 \n    govgr-m-2 \n    govgr-mt-2 \n    govgr-mb-2 \n    govgr-mr-2 \n    govgr-ml-2 \n    govgr-p-2 \n    govgr-pt-2 \n    govgr-pb-2 \n    govgr-pr-2 \n    govgr-pl-2 \n    govgr-m-3 \n    govgr-mt-3 \n    govgr-mb-3 \n    govgr-mr-3 \n    govgr-ml-3 \n    govgr-p-3 \n    govgr-pt-3 \n    govgr-pb-3 \n    govgr-pr-3 \n    govgr-pl-3 \n    govgr-m-4 \n    govgr-mt-4 \n    govgr-mb-4 \n    govgr-mr-4 \n    govgr-ml-4 \n    govgr-p-4 \n    govgr-pt-4 \n    govgr-pb-4 \n    govgr-pr-4 \n    govgr-pl-4 \n    govgr-m-5 \n    govgr-mt-5 \n    govgr-mb-5 \n    govgr-mr-5 \n    govgr-ml-5 \n    govgr-p-5 \n    govgr-pt-5 \n    govgr-pb-5 \n    govgr-pr-5 \n    govgr-pl-5 \n    govgr-m-6 \n    govgr-mt-6 \n    govgr-mb-6 \n    govgr-mr-6 \n    govgr-ml-6 \n    govgr-p-6 \n    govgr-pt-6 \n    govgr-pb-6 \n    govgr-pr-6 \n    govgr-pl-6 \n    govgr-m-7 \n    govgr-mt-7 \n    govgr-mb-7 \n    govgr-mr-7 \n    govgr-ml-7 \n    govgr-p-7 \n    govgr-pt-7 \n    govgr-pb-7 \n    govgr-pr-7 \n    govgr-pl-7 \n    govgr-m-8 \n    govgr-mt-8 \n    govgr-mb-8 \n    govgr-mr-8 \n    govgr-ml-8 \n    govgr-m-9 \n    govgr-mt-9 \n    govgr-mb-9 \n    govgr-mr-9 \n    govgr-ml-9 \n    govgr-m-10 \n    govgr-mt-10 \n    govgr-mb-10 \n    govgr-mr-10 \n    govgr-ml-10 \n    govgr-m-11 \n    govgr-mt-11 \n    govgr-mb-11 \n    govgr-mr-11 \n    govgr-ml-11 \n    govgr-m-12 \n    govgr-mt-12 \n    govgr-mb-12 \n    govgr-mr-12 \n    govgr-ml-12 \n    govgr-p-8 \n    govgr-pt-8 \n    govgr-pb-8 \n    govgr-pr-8 \n    govgr-pl-8 \n    govgr-p-9 \n    govgr-pt-9 \n    govgr-pb-9 \n    govgr-pr-9 \n    govgr-pl-9 \n    govgr-p-10\n    govgr-pt-10\n    govgr-pb-10\n    govgr-pr-10\n    govgr-pl-10\n    govgr-p-11\n    govgr-pt-11\n    govgr-pb-11\n    govgr-pr-11\n    govgr-pl-11\n    govgr-p-12\n    govgr-pt-12\n    govgr-pb-12\n    govgr-pr-12\n    govgr-pl-12\n    govgr-gap-1\n    govgr-gap-2\n    govgr-gap-4\n    govgr-gap-6\n    govgr-gap-8\n    govgr-gap-10\n    govgr-gap-12\n    govgr-!-font-size-14\n    govgr-!-font-size-16\n    govgr-!-font-size-19\n    govgr-!-font-size-24\n    govgr-!-font-size-30\n    govgr-!-font-size-36\n    govgr-!-font-size-48\n    govgr-!-font-size-72\n    govgr-!-font-weight-regular\n    govgr-!-font-weight-bold\n    govgr-print-hidden\n    govgr-svg-icon--arrow\n    govgr-svg-icon--burger\n    govgr-svg-icon--burger--active\n    govgr-svg-icon--caret\n    govgr-svg-icon--check\n    govgr-svg-icon--close\n    govgr-svg-icon--globe\n    govgr-svg-icon--moreVert\n    govgr-svg-icon--uncheck\n    xs:govgr-grid__col-span-1\n    xs:govgr-grid__col-span-2\n    xs:govgr-grid__col-span-3\n    xs:govgr-grid__col-span-4\n    xs:govgr-grid__col-span-5\n    xs:govgr-grid__col-span-6\n    xs:govgr-grid__col-span-7\n    xs:govgr-grid__col-span-8\n    xs:govgr-grid__col-span-9\n    xs:govgr-grid__col-span-10\n    xs:govgr-grid__col-span-11\n    xs:govgr-grid__col-span-12\n    sm:govgr-grid__col-span-1\n    sm:govgr-grid__col-span-2\n    sm:govgr-grid__col-span-3\n    sm:govgr-grid__col-span-4\n    sm:govgr-grid__col-span-5\n    sm:govgr-grid__col-span-6\n    sm:govgr-grid__col-span-7\n    sm:govgr-grid__col-span-8\n    sm:govgr-grid__col-span-9\n    sm:govgr-grid__col-span-10\n    sm:govgr-grid__col-span-11\n    sm:govgr-grid__col-span-12\n    md:govgr-grid__col-span-1\n    md:govgr-grid__col-span-2\n    md:govgr-grid__col-span-3\n    md:govgr-grid__col-span-4\n    md:govgr-grid__col-span-5\n    md:govgr-grid__col-span-6\n    md:govgr-grid__col-span-7\n    md:govgr-grid__col-span-8\n    md:govgr-grid__col-span-9\n    md:govgr-grid__col-span-10\n    md:govgr-grid__col-span-11\n    md:govgr-grid__col-span-12\n    lg:govgr-grid__col-span-1\n    lg:govgr-grid__col-span-2\n    lg:govgr-grid__col-span-3\n    lg:govgr-grid__col-span-4\n    lg:govgr-grid__col-span-5\n    lg:govgr-grid__col-span-6\n    lg:govgr-grid__col-span-7\n    lg:govgr-grid__col-span-8\n    lg:govgr-grid__col-span-9\n    lg:govgr-grid__col-span-10\n    lg:govgr-grid__col-span-11\n    lg:govgr-grid__col-span-12\n    govgr-stack--row\n    govgr-stack--row-reverse\n    govgr-stack--column\n    govgr-stack--column-reverse\n    govgr-stack--justify-flex-start\n    govgr-stack--justify-flex-end\n    govgr-stack--justify-center\n    govgr-stack--justify-space-between\n    govgr-stack--justify-space-around\n    govgr-stack--justify-space-evenly \n    govgr-stack--align-stretch\n    govgr-stack--align-flex-start\n    govgr-stack--align-flex-end\n    govgr-stack--align-center\n    govgr-stack--align-baseline\n    govgr-stack--content-flex-start\n    govgr-stack--content-flex-end\n    govgr-stack--content-center\n    govgr-stack--content-space-between\n    govgr-stack--content-space-around\n    govgr-stack--content-space-evenly \n    govgr-notification-banner--info\n    govgr-notification-banner--success\n    govgr-notification-banner--warning\n    govgr-notification-banner--error\n    govgr-input--width-2-char\n    govgr-input--width-3-char\n    govgr-input--width-4-char\n    govgr-input--width-5-char\n    govgr-input--width-10-char\n    govgr-input--width-20-char\n    govgr-!-width-one-quarter\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-full\n    govgr-table__caption--sm\n    govgr-table__caption--md\n    govgr-table__caption--lg\n    govgr-table__caption--xl\n    govgr-task-list__content__tag--primary\n    govgr-task-list__content__tag--secondary\n    govgr-task-list__content__tag--info\n    govgr-svg-icon--xs\n    govgr-svg-icon--sm\n    govgr-svg-icon--md\n    govgr-svg-icon--lg\n    govgr-svg-icon--xl\n    "
+    className: "\n    govgr-m-0 \n    govgr-mt-0 \n    govgr-mb-0 \n    govgr-mr-0 \n    govgr-ml-0 \n    govgr-p-0 \n    govgr-pt-0 \n    govgr-pb-0 \n    govgr-pr-0 \n    govgr-pl-0 \n    govgr-m-1 \n    govgr-mt-1 \n    govgr-mb-1 \n    govgr-mr-1 \n    govgr-ml-1 \n    govgr-p-1 \n    govgr-pt-1 \n    govgr-pb-1 \n    govgr-pr-1 \n    govgr-pl-1 \n    govgr-m-2 \n    govgr-mt-2 \n    govgr-mb-2 \n    govgr-mr-2 \n    govgr-ml-2 \n    govgr-p-2 \n    govgr-pt-2 \n    govgr-pb-2 \n    govgr-pr-2 \n    govgr-pl-2 \n    govgr-m-3 \n    govgr-mt-3 \n    govgr-mb-3 \n    govgr-mr-3 \n    govgr-ml-3 \n    govgr-p-3 \n    govgr-pt-3 \n    govgr-pb-3 \n    govgr-pr-3 \n    govgr-pl-3 \n    govgr-m-4 \n    govgr-mt-4 \n    govgr-mb-4 \n    govgr-mr-4 \n    govgr-ml-4 \n    govgr-p-4 \n    govgr-pt-4 \n    govgr-pb-4 \n    govgr-pr-4 \n    govgr-pl-4 \n    govgr-m-5 \n    govgr-mt-5 \n    govgr-mb-5 \n    govgr-mr-5 \n    govgr-ml-5 \n    govgr-p-5 \n    govgr-pt-5 \n    govgr-pb-5 \n    govgr-pr-5 \n    govgr-pl-5 \n    govgr-m-6 \n    govgr-mt-6 \n    govgr-mb-6 \n    govgr-mr-6 \n    govgr-ml-6 \n    govgr-p-6 \n    govgr-pt-6 \n    govgr-pb-6 \n    govgr-pr-6 \n    govgr-pl-6 \n    govgr-m-7 \n    govgr-mt-7 \n    govgr-mb-7 \n    govgr-mr-7 \n    govgr-ml-7 \n    govgr-p-7 \n    govgr-pt-7 \n    govgr-pb-7 \n    govgr-pr-7 \n    govgr-pl-7 \n    govgr-m-8 \n    govgr-mt-8 \n    govgr-mb-8 \n    govgr-mr-8 \n    govgr-ml-8 \n    govgr-m-9 \n    govgr-mt-9 \n    govgr-mb-9 \n    govgr-mr-9 \n    govgr-ml-9 \n    govgr-m-10 \n    govgr-mt-10 \n    govgr-mb-10 \n    govgr-mr-10 \n    govgr-ml-10 \n    govgr-m-11 \n    govgr-mt-11 \n    govgr-mb-11 \n    govgr-mr-11 \n    govgr-ml-11 \n    govgr-m-12 \n    govgr-mt-12 \n    govgr-mb-12 \n    govgr-mr-12 \n    govgr-ml-12 \n    govgr-p-8 \n    govgr-pt-8 \n    govgr-pb-8 \n    govgr-pr-8 \n    govgr-pl-8 \n    govgr-p-9 \n    govgr-pt-9 \n    govgr-pb-9 \n    govgr-pr-9 \n    govgr-pl-9 \n    govgr-p-10\n    govgr-pt-10\n    govgr-pb-10\n    govgr-pr-10\n    govgr-pl-10\n    govgr-p-11\n    govgr-pt-11\n    govgr-pb-11\n    govgr-pr-11\n    govgr-pl-11\n    govgr-p-12\n    govgr-pt-12\n    govgr-pb-12\n    govgr-pr-12\n    govgr-pl-12\n    govgr-gap-1\n    govgr-gap-2\n    govgr-gap-4\n    govgr-gap-6\n    govgr-gap-8\n    govgr-gap-10\n    govgr-gap-12\n    govgr-gap-xs-1\n    govgr-gap-xs-2\n    govgr-gap-xs-4\n    govgr-gap-xs-5\n    govgr-gap-xs-6\n    govgr-gap-xs-8\n    govgr-gap-xs-10\n    govgr-gap-xs-12\n    govgr-gap-sm-1\n    govgr-gap-sm-2\n    govgr-gap-sm-4\n    govgr-gap-sm-5\n    govgr-gap-sm-6\n    govgr-gap-sm-8\n    govgr-gap-sm-10\n    govgr-gap-sm-12\n    govgr-gap-md-1\n    govgr-gap-md-2\n    govgr-gap-md-4\n    govgr-gap-md-5\n    govgr-gap-md-6\n    govgr-gap-md-8\n    govgr-gap-md-10\n    govgr-gap-md-12\n    govgr-gap-lg-1\n    govgr-gap-lg-2\n    govgr-gap-lg-4\n    govgr-gap-lg-5\n    govgr-gap-lg-6\n    govgr-gap-lg-8\n    govgr-gap-lg-10\n    govgr-gap-lg-12\n    govgr-gap-xl-1\n    govgr-gap-xl-2\n    govgr-gap-xl-4\n    govgr-gap-xl-5\n    govgr-gap-xl-6\n    govgr-gap-xl-8\n    govgr-gap-xl-10\n    govgr-gap-xl-12\n    govgr-!-font-size-14\n    govgr-!-font-size-16\n    govgr-!-font-size-19\n    govgr-!-font-size-24\n    govgr-!-font-size-30\n    govgr-!-font-size-36\n    govgr-!-font-size-48\n    govgr-!-font-size-72\n    govgr-!-font-weight-regular\n    govgr-!-font-weight-bold\n    govgr-print-hidden\n    govgr-svg-icon--arrow\n    govgr-svg-icon--burger\n    govgr-svg-icon--burger--active\n    govgr-svg-icon--caret\n    govgr-svg-icon--check\n    govgr-svg-icon--close\n    govgr-svg-icon--globe\n    govgr-svg-icon--moreVert\n    govgr-svg-icon--uncheck\n    xs:govgr-grid__col-span-1\n    xs:govgr-grid__col-span-2\n    xs:govgr-grid__col-span-3\n    xs:govgr-grid__col-span-4\n    xs:govgr-grid__col-span-5\n    xs:govgr-grid__col-span-6\n    xs:govgr-grid__col-span-7\n    xs:govgr-grid__col-span-8\n    xs:govgr-grid__col-span-9\n    xs:govgr-grid__col-span-10\n    xs:govgr-grid__col-span-11\n    xs:govgr-grid__col-span-12\n    sm:govgr-grid__col-span-1\n    sm:govgr-grid__col-span-2\n    sm:govgr-grid__col-span-3\n    sm:govgr-grid__col-span-4\n    sm:govgr-grid__col-span-5\n    sm:govgr-grid__col-span-6\n    sm:govgr-grid__col-span-7\n    sm:govgr-grid__col-span-8\n    sm:govgr-grid__col-span-9\n    sm:govgr-grid__col-span-10\n    sm:govgr-grid__col-span-11\n    sm:govgr-grid__col-span-12\n    md:govgr-grid__col-span-1\n    md:govgr-grid__col-span-2\n    md:govgr-grid__col-span-3\n    md:govgr-grid__col-span-4\n    md:govgr-grid__col-span-5\n    md:govgr-grid__col-span-6\n    md:govgr-grid__col-span-7\n    md:govgr-grid__col-span-8\n    md:govgr-grid__col-span-9\n    md:govgr-grid__col-span-10\n    md:govgr-grid__col-span-11\n    md:govgr-grid__col-span-12\n    lg:govgr-grid__col-span-1\n    lg:govgr-grid__col-span-2\n    lg:govgr-grid__col-span-3\n    lg:govgr-grid__col-span-4\n    lg:govgr-grid__col-span-5\n    lg:govgr-grid__col-span-6\n    lg:govgr-grid__col-span-7\n    lg:govgr-grid__col-span-8\n    lg:govgr-grid__col-span-9\n    lg:govgr-grid__col-span-10\n    lg:govgr-grid__col-span-11\n    lg:govgr-grid__col-span-12\n    govgr-stack--row\n    govgr-stack--row-reverse\n    govgr-stack--column\n    govgr-stack--column-reverse\n    govgr-stack--justify-flex-start\n    govgr-stack--justify-flex-end\n    govgr-stack--justify-center\n    govgr-stack--justify-space-between\n    govgr-stack--justify-space-around\n    govgr-stack--justify-space-evenly \n    govgr-stack--align-stretch\n    govgr-stack--align-flex-start\n    govgr-stack--align-flex-end\n    govgr-stack--align-center\n    govgr-stack--align-baseline\n    govgr-stack--content-flex-start\n    govgr-stack--content-flex-end\n    govgr-stack--content-center\n    govgr-stack--content-space-between\n    govgr-stack--content-space-around\n    govgr-stack--content-space-evenly \n    govgr-notification-banner--info\n    govgr-notification-banner--success\n    govgr-notification-banner--warning\n    govgr-notification-banner--error\n    govgr-input--width-2-char\n    govgr-input--width-3-char\n    govgr-input--width-4-char\n    govgr-input--width-5-char\n    govgr-input--width-10-char\n    govgr-input--width-20-char\n    govgr-!-width-one-quarter\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-full\n    govgr-table__caption--sm\n    govgr-table__caption--md\n    govgr-table__caption--lg\n    govgr-table__caption--xl\n    govgr-task-list__content__tag--primary\n    govgr-task-list__content__tag--secondary\n    govgr-task-list__content__tag--info\n    govgr-svg-icon--xs\n    govgr-svg-icon--sm\n    govgr-svg-icon--md\n    govgr-svg-icon--lg\n    govgr-svg-icon--xl\n    govgr-caption-md\n    govgr-caption-lg\n    govgr-caption-xl\n    govgr-heading-xs\n    govgr-heading-sm\n    govgr-heading-md\n    govgr-heading-lg\n    govgr-heading-xl\n    govgr-image-logo--light\n    govgr-image-logo--dark\n    "
   });
 }
 

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

@@ -31,6 +31,37 @@ exports[`renders the WarningText with assistive text 1`] = `
 </ForwardRef(WarningText)>
 `;
 
+exports[`renders the WarningText with dense=true 1`] = `
+<ForwardRef(WarningText)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-warning-text--dense govgr-warning-text"
+  >
+    <div
+      className="govgr-warning-text--dense govgr-warning-text"
+    >
+      <span
+        className="govgr-warning-text__icon"
+      >
+        !
+      </span>
+      <strong
+        className="govgr-warning-text__text"
+      >
+        <span
+          className="govgr-warning-text__assistive"
+        >
+          Προσοχή
+        </span>
+        hello
+      </strong>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(WarningText)>
+`;
+
 exports[`renders the WarningText with no props 1`] = `
 <ForwardRef(WarningText)>
   <ForwardRef(Base)

package/esm/WarningText/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "assistiveText", "children"];
+var _excluded = ["className", "assistiveText", "dense", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -14,13 +14,14 @@ export var WarningText = /*#__PURE__*/React.forwardRef(function WarningText(_ref
   var className = _ref.className,
       _ref$assistiveText = _ref.assistiveText,
       assistiveText = _ref$assistiveText === void 0 ? 'Προσοχή' : _ref$assistiveText,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-warning-text')
+    className: clsx(className, dense && 'govgr-warning-text--dense', true && 'govgr-warning-text')
   }, props), /*#__PURE__*/React.createElement("span", {
     className: clsx(true && 'govgr-warning-text__icon')
   }, "!"), /*#__PURE__*/React.createElement("strong", {

package/esm/WarningText/index.test.js

@@ -14,4 +14,12 @@ var _ref2 = /*#__PURE__*/React.createElement(WarningText, {
 
 it('renders the WarningText with assistive text', function () {
   expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(WarningText, {
+  dense: true
+}, "hello");
+
+it('renders the WarningText with dense=true', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
 });