@uncinc/uncinc-react-kitchen-sink 2.6.1 → 2.6.4

package/dist/components/TableRender/style.scss

@@ -0,0 +1,106 @@
+@import "../../styles/assets/mixins";
+@import "../../styles/assets/variables";
+
+.TableRender {
+  table {
+    overflow-x: auto;
+    display: block;
+    border-spacing: 0;
+    border-collapse: collapse;
+    max-width: min-content;
+    white-space: nowrap;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &--transposedOnMobile {
+    @media #{$mobile-only} {
+      table {
+        overflow: hidden;
+        display: flex;
+      }
+      
+      thead {
+        display: flex;
+        flex-shrink: 0;
+        min-width: min-content;
+      }
+
+      tbody {
+        position: relative;
+        overflow-x: auto;
+        display: flex;
+        -webkit-overflow-scrolling: touch;
+      }
+
+      tr {
+        display: flex;
+        flex-direction: column;
+        flex-shrink: 0;
+        min-width: min-content;
+      }
+
+      td,
+      th {
+        display: block;
+      }
+    }
+  }
+}
+
+.TableRender--cards-mobile {
+  width: 100%;
+  border-collapse: collapse;
+
+  table {
+    width: 100%;
+  }
+
+  th,
+  td {
+    text-align: left;
+  }
+
+  thead {
+    tr {
+      display: none;
+    }
+  }
+
+  tbody {
+    @media #{$tablet} {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+
+  tr {
+    display: flex;
+    flex-direction: column;
+  }
+
+  td {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    position: relative;
+
+    &:first-child {
+      .faux-th {
+        display: none;
+      }
+    }
+  }
+
+  .faux-th {
+    margin: 0;
+
+    &:after {
+      content: ":";
+    }
+  }
+}
+
+.hide-faux-th {
+  .faux-th {
+    display: none;
+  }
+}

package/dist/components/TitleWithText/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 export interface TitleWithTextProps {
     title?: string;
-    text: string;
+    titleProps?: React.ComponentPropsWithoutRef<'h2'>;
+    text?: string;
+    textProps?: React.HTMLProps<HTMLDivElement>;
     className?: string;
 }
 declare const TitleWithText: React.FC<TitleWithTextProps>;

package/dist/components/TitleWithText/index.js

@@ -8,21 +8,24 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _WysiwygField = _interopRequireDefault(require("../WysiwygField"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var TitleWithText = function TitleWithText(_ref) {
   var title = _ref.title,
+    titleProps = _ref.titleProps,
     text = _ref.text,
+    textProps = _ref.textProps,
     className = _ref.className;
   var classes = (0, _classnames.default)('TitleWithText', className);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes
-  }, title && /*#__PURE__*/_react.default.createElement("h2", {
+  }, title && /*#__PURE__*/_react.default.createElement("h2", _extends({
     className: "TitleWithText__title"
-  }, title), /*#__PURE__*/_react.default.createElement(_WysiwygField.default, {
+  }, titleProps), title), text && /*#__PURE__*/_react.default.createElement(_WysiwygField.default, _extends({
     className: "TitleWithText__text",
-    property: "schema:text",
-    customElementHandler: function customElementHandler() {},
+    property: "schema:text"
+  }, textProps, {
     html: text
-  }));
+  })));
 };
 var _default = TitleWithText;
 exports.default = _default;

package/dist/components/WysiwygField/index.d.ts

@@ -2,7 +2,7 @@ export default WysiwygField;
 declare function WysiwygField({ html, customElementHandler, ...props }: {
     [x: string]: any;
     html: any;
-    customElementHandler: any;
+    customElementHandler?: (() => void) | undefined;
 }): React.JSX.Element;
 declare namespace WysiwygField {
     namespace propTypes {

package/dist/components/WysiwygField/index.js

@@ -15,7 +15,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var WysiwygField = function WysiwygField(_ref) {
   var html = _ref.html,
-    customElementHandler = _ref.customElementHandler,
+    _ref$customElementHan = _ref.customElementHandler,
+    customElementHandler = _ref$customElementHan === void 0 ? function () {} : _ref$customElementHan,
     props = _objectWithoutProperties(_ref, _excluded);
   var parsedHtml = (0, _reactHtmlParser.default)(html, {
     transform: function transform(node) {

package/dist/components/index.d.ts

@@ -0,0 +1,16 @@
+export { default as Button } from "./Button";
+export { default as WysiwygField } from "./WysiwygField";
+export { default as MediaPlayer } from "./MediaPlayer";
+export { default as FormikWrapper } from "./Form/FormikWrapper";
+export { default as FormCheckbox } from "./Form/Checkbox";
+export { default as FormCheckboxes } from "./Form/Checkboxes";
+export { default as FormDate } from "./Form/Date";
+export { default as FormDatePicker } from "./Form/DatePicker";
+export { default as FormDateSelect } from "./Form/DateSelect";
+export { default as FormEmail } from "./Form/Email";
+export { default as FormNumber } from "./Form/Number";
+export { default as FormRadioButtons } from "./Form/RadioButtons";
+export { default as FormSearchField } from "./Form/SearchField";
+export { default as FormSelect } from "./Form/Select";
+export { default as FormTextarea } from "./Form/Textarea";
+export { default as FormTextField } from "./Form/TextField";

package/dist/config/constants.d.ts

@@ -1,4 +1,4 @@
-export const APP_ENV: string;
+export const APP_ENV: string | undefined;
 export const __DEBUG__: boolean;
 export const DEFAULT_LANGUAGE: "nl";
 export const SITE_NAME: "Unc Inc";

package/dist/config/i18next/index.d.ts

@@ -0,0 +1,2 @@
+export default i18n;
+import i18n from 'i18next';

package/dist/helpers/date.d.ts

@@ -0,0 +1,3 @@
+export function parseDateWithTimezoneOffset(date: any): string;
+export function isValidDate(date: any): boolean;
+export function doubleDigits(number: int): int;

package/dist/helpers/gtm.d.ts

@@ -32,7 +32,7 @@ declare namespace gtm {
      * @return {array|bool}
      *   An array containing the new dataLayer result or `false`.
      */
-    function push(data: any): any;
+    function push(data: object): any;
     /**
      * gtm.attachEventListeners
      *

package/dist/helpers/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Recursively converts an element object to an HTML string.
+ *
+ * @param {Object} element - The element object representing an HTML element.
+ * @param {string} element.name - The HTML tag name.
+ * @param {Object} [element.attribs] - Attributes associated with the HTML element.
+ * @param {Array|Object} [element.children] - Child elements or strings.
+ * @returns {string} The HTML string representation of the element and its children.
+ */
+export function elementToHtml(element: {
+    name: string;
+    attribs?: Object | undefined;
+    children?: Object | any[] | undefined;
+}): string;

package/dist/helpers/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.elementToHtml = elementToHtml;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+/**
+ * Recursively converts an element object to an HTML string.
+ *
+ * @param {Object} element - The element object representing an HTML element.
+ * @param {string} element.name - The HTML tag name.
+ * @param {Object} [element.attribs] - Attributes associated with the HTML element.
+ * @param {Array|Object} [element.children] - Child elements or strings.
+ * @returns {string} The HTML string representation of the element and its children.
+ */
+function elementToHtml(element) {
+  var attributes = Object.keys(element.attribs || {}).map(function (key) {
+    return "".concat(key, "=\"").concat(element.attribs[key], "\"");
+  }).join(' ');
+  var childrenHtml = (element.children || []).map(function (child) {
+    if (typeof child.data === 'string') {
+      return child.data;
+    } else if (_typeof(child) === 'object') {
+      return elementToHtml(child);
+    } else {
+      return '';
+    }
+  }).join('');
+  return "<".concat(element.name, " ").concat(attributes, ">").concat(childrenHtml, "</").concat(element.name, ">");
+}

package/dist/helpers/useValueForCurrentViewPort.d.ts

@@ -0,0 +1 @@
+export default function useValueForCurrentViewPort(val1: any, val2: any, val3: any, val4: any, val5: any): any;

package/dist/hooks/useClickOutside.js

@@ -10,8 +10,8 @@ function useClickOutside(_ref) {
     _ref$unless = _ref.unless,
     unless = _ref$unless === void 0 ? false : _ref$unless,
     onClick = _ref.onClick;
-  var refsAsArray = Array.isArray(refs) ? refs : [refs];
   (0, _react.useEffect)(function () {
+    var refsAsArray = Array.isArray(refs) ? refs : [refs];
     function handleOutsideClick(e) {
       var allRefsHaveCurrent = refsAsArray.every(function (ref) {
         return !!ref.current;

package/dist/hooks/useDialog.d.ts

@@ -3,8 +3,5 @@ export default function useDialog(): {
     readonly dialogIsOpen: boolean;
     readonly openDialog: () => void;
     readonly closeDialog: () => void;
-    readonly DialogComponent: ({ children, ...props }: {
-        [x: string]: any;
-        children: any;
-    }) => React.FunctionComponentElement<any>;
+    readonly DialogComponent: React.FunctionComponent<any>;
 };

package/dist/hooks/useDialogHelpers.d.ts

@@ -12,7 +12,7 @@ export interface UseDialogHelpersOptions<T extends HTMLElement> {
  * click outside it, or hitting Escape.
  */
 export default function useDialogHelpers<T extends HTMLElement>(options: UseDialogHelpersOptions<T>): {
-    readonly id: any;
+    readonly id: string;
     readonly labelId: string;
     readonly dialogHelpersProps: {
         'aria-role': string;

package/dist/hooks/useOnScreen.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export default function useOnScreen(ref: MutableRefObject<HTMLElement>): boolean;

package/dist/hooks/useOnScreen.js

@@ -16,17 +16,17 @@ function useOnScreen(ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isIntersecting = _useState2[0],
     setIntersecting = _useState2[1];
-  var observer = new IntersectionObserver(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 1),
-      entry = _ref2[0];
-    return setIntersecting(entry.isIntersecting);
-  });
   (0, _react.useEffect)(function () {
+    var observer = new IntersectionObserver(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+        entry = _ref2[0];
+      return setIntersecting(entry.isIntersecting);
+    });
     observer.observe(ref.current);
     // Remove the observer as soon as the component is unmounted
     return function () {
       return observer.disconnect();
     };
-  }, [observer, ref]);
+  }, [ref]);
   return isIntersecting;
 }

package/dist/hooks/usePrevious.d.ts

@@ -0,0 +1 @@
+export default function usePrevious<T>(value: T): T | undefined;

package/dist/hooks/usePrevious.js

@@ -6,15 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = usePrevious;
 var _react = require("react");
 function usePrevious(value) {
-  // The ref object is a generic container whose current property is mutable ...
-  // ... and can hold any value, similar to an instance property on a class
   var ref = (0, _react.useRef)();
-
-  // Store current value in ref
   (0, _react.useEffect)(function () {
     ref.current = value;
-  }, [value]); // Only re-run if value changes
-
-  // Return previous value (happens before update in useEffect above)
+  }, [value]);
   return ref.current;
 }

package/dist/hooks/useScrollPosition.d.ts

@@ -0,0 +1,2 @@
+declare const useScrollPosition: () => number;
+export default useScrollPosition;

package/dist/hooks/useScrollPosition.js

@@ -18,7 +18,7 @@ var useScrollPosition = function useScrollPosition() {
     setScrollPosition = _useState2[1];
   (0, _react.useEffect)(function () {
     var updatePosition = function updatePosition() {
-      setScrollPosition(window.pageYOffset);
+      setScrollPosition(window.scrollY);
     };
     window.addEventListener('scroll', updatePosition);
     updatePosition();

package/dist/hooks/useWindowDimensions.d.ts

@@ -0,0 +1,4 @@
+export default function useWindowDimensions(): {
+    width: number;
+    height: number;
+};

package/dist/index.d.ts

@@ -0,0 +1,73 @@
+export { default as AbbreviationAnnotation } from "./components/AbbreviationAnnotation";
+export { default as Accordion } from "./components/Accordion";
+export { default as AccordionItem } from "./components/Accordion/AccordionItem";
+export { default as AccordionItemVariant } from "./components/Accordion/AccordionItemVariant";
+export { default as Button } from "./components/Button";
+export { default as Hamburger } from "./components/Hamburger";
+export { default as Image } from "./components/Image";
+export { default as ImageBackground } from "./components/Image/Background";
+export { default as Lottie } from "./components/Lottie";
+export { default as LottieAnimationWithMousePosition } from "./components/Lottie/LottieAnimationWithMousePosition";
+export { default as WysiwygField } from "./components/WysiwygField";
+export { default as CallToAction } from "./components/CallToAction";
+export { default as ChipFacet } from "./components/SearchKit/Facets/ChipFacet";
+export { default as Dialog } from "./components/Dialog";
+export { default as Download } from "./components/Download";
+export { default as FontSizeSwitcher } from "./components/FontSizeSwitcher";
+export { default as FormCheckbox } from "./components/Form/Checkbox";
+export { default as FormCheckboxes } from "./components/Form/Checkboxes";
+export { default as FormDate } from "./components/Form/Date";
+export { default as FormDatePicker } from "./components/Form/DatePicker";
+export { default as FormDateSelect } from "./components/Form/DateSelect";
+export { default as FormEmail } from "./components/Form/Email";
+export { default as FormikWrapper } from "./components/Form/FormikWrapper";
+export { default as FormNumber } from "./components/Form/Number";
+export { default as FormRadioButtons } from "./components/Form/RadioButtons";
+export { default as FormSearchField } from "./components/Form/SearchField";
+export { default as FormSelect } from "./components/Form/Select";
+export { default as FormTextarea } from "./components/Form/Textarea";
+export { default as FormTextField } from "./components/Form/TextField";
+export { default as InlineMenu } from "./components/InlineMenu";
+export { default as ListFacet } from "./components/SearchKit/Facets/ListFacet";
+export { default as MagicLine } from "./components/MagicLine";
+export { default as NavigationScroll } from "./components/NavigationScroll";
+export { default as Pagination } from "./components/Pagination";
+export { default as Picture } from "./components/Image/Picture";
+export { default as SearchFacets } from "./components/SearchKit/SearchFacets";
+export { default as SearchField } from "./components/SearchKit/SearchField";
+export { default as SearchKit } from "./components/SearchKit";
+export { default as SearchLoadMore } from "./components/SearchKit/SearchLoadMore";
+export { default as SearchPagination } from "./components/SearchKit/SearchPagination";
+export { default as SearchReset } from "./components/SearchKit/SearchReset";
+export { default as SearchResults } from "./components/SearchKit/SearchResults";
+export { default as SearchSelectedFilters } from "./components/SearchKit/SearchSelectedFilters";
+export { default as SearchSorting } from "./components/SearchKit/SearchSorting";
+export { default as SelectFacet } from "./components/SearchKit/Facets/SelectFacet";
+export { default as TitleWithText } from "./components/TitleWithText";
+export { default as TableRender } from "./components/TableRender";
+export { default as ApiAutocomplete } from "./components/ApiAutocomplete";
+export { default as Cookie } from "./components/Cookie";
+export { default as Downloads } from "./organisms/Downloads";
+export { default as Header } from "./components/Header";
+export { default as MediaPlayer } from "./components/MediaPlayer";
+export { default as Quote } from "./organisms/Quote";
+export { default as Share } from "./components/Share";
+export { default as SliderRelated } from "./components/Sliders/SliderRelated";
+export { default as Text } from "./organisms/Text";
+export { default as ImageGrid } from "./organisms/ImageGrid";
+export { default as Container } from "./components/Layout/Container";
+export { default as QuickLayout } from "./components/Layout/QuickLayout";
+export { default as KitchenSinkComponentMapperContext } from "./Context/KitchenSinkComponentMapperContext";
+export { default as ViewportContext } from "./Context/ViewportContext";
+export { default as useBoolean } from "./hooks/useBoolean";
+export { default as useDialog } from "./hooks/useDialog";
+export { default as useDialogHelpers } from "./hooks/useDialogHelpers";
+export { default as useEscape } from "./hooks/useEscape";
+export { default as useOnScreen } from "./hooks/useOnScreen";
+export { default as usePrevious } from "./hooks/usePrevious";
+export { default as useScrollPosition } from "./hooks/useScrollPosition";
+export { default as useWindowDimensions } from "./hooks/useWindowDimensions";
+export { default as gtm } from "./helpers/gtm";
+export { default as useValueForCurrentViewPort } from "./helpers/useValueForCurrentViewPort";
+export { parseDateWithTimezoneOffset, isValidDate, doubleDigits } from "./helpers/date";
+export { isExternalLink, normalizeLink } from "./helpers/link";

package/dist/index.js

@@ -189,6 +189,12 @@ Object.defineProperty(exports, "ImageBackground", {
     return _Background.default;
   }
 });
+Object.defineProperty(exports, "ImageGrid", {
+  enumerable: true,
+  get: function get() {
+    return _ImageGrid.default;
+  }
+});
 Object.defineProperty(exports, "InlineMenu", {
   enumerable: true,
   get: function get() {
@@ -333,6 +339,12 @@ Object.defineProperty(exports, "SliderRelated", {
     return _SliderRelated.default;
   }
 });
+Object.defineProperty(exports, "TableRender", {
+  enumerable: true,
+  get: function get() {
+    return _TableRender.default;
+  }
+});
 Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function get() {
@@ -493,6 +505,7 @@ var _SearchSelectedFilters = _interopRequireDefault(require("./components/Search
 var _SearchSorting = _interopRequireDefault(require("./components/SearchKit/SearchSorting"));
 var _SelectFacet = _interopRequireDefault(require("./components/SearchKit/Facets/SelectFacet"));
 var _TitleWithText = _interopRequireDefault(require("./components/TitleWithText"));
+var _TableRender = _interopRequireDefault(require("./components/TableRender"));
 var _ApiAutocomplete = _interopRequireDefault(require("./components/ApiAutocomplete"));
 var _Cookie = _interopRequireDefault(require("./components/Cookie"));
 var _Downloads = _interopRequireDefault(require("./organisms/Downloads"));
@@ -502,6 +515,7 @@ var _Quote = _interopRequireDefault(require("./organisms/Quote"));
 var _Share = _interopRequireDefault(require("./components/Share"));
 var _SliderRelated = _interopRequireDefault(require("./components/Sliders/SliderRelated"));
 var _Text = _interopRequireDefault(require("./organisms/Text"));
+var _ImageGrid = _interopRequireDefault(require("./organisms/ImageGrid"));
 var _Container = _interopRequireDefault(require("./components/Layout/Container"));
 var _QuickLayout = _interopRequireDefault(require("./components/Layout/QuickLayout"));
 var _KitchenSinkComponentMapperContext = _interopRequireDefault(require("./Context/KitchenSinkComponentMapperContext"));

package/dist/organisms/Downloads/index.js

@@ -21,7 +21,9 @@ var Downloads = function Downloads(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_TitleWithText.default, {
     title: title,
     text: text
-  }), downloads.map(function (download) {
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "Downloads__files"
+  }, downloads.map(function (download) {
     return /*#__PURE__*/_react.default.createElement(_Download.default, {
       source: download.source,
       title: download.title,
@@ -31,7 +33,7 @@ var Downloads = function Downloads(_ref) {
       target: target,
       mime: download.mime
     });
-  }));
+  })));
 };
 var _default = Downloads;
 exports.default = _default;

package/dist/organisms/ImageGrid/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import './style.scss';
+export interface ImageGridProps {
+    items: [
+        React.JSX.Element,
+        React.JSX.Element
+    ] | [
+        React.JSX.Element,
+        React.JSX.Element,
+        React.JSX.Element
+    ] | [
+        React.JSX.Element,
+        React.JSX.Element,
+        React.JSX.Element,
+        React.JSX.Element
+    ] | [
+        React.JSX.Element,
+        React.JSX.Element,
+        React.JSX.Element,
+        React.JSX.Element,
+        React.JSX.Element
+    ];
+}
+declare const ImageGrid: React.FC<ImageGridProps>;
+export default ImageGrid;

package/dist/organisms/ImageGrid/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./style.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var ImageGrid = function ImageGrid(_ref) {
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items;
+  if (items.length < 2) {
+    return null;
+  }
+  var visibleItems = items.slice(0, 5);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "ImageGrid ImageGrid--size-".concat(visibleItems.length)
+  }, visibleItems.map(function (item, index) {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-array-index-key
+      _react.default.createElement("div", {
+        key: index
+      }, item)
+    );
+  }));
+};
+var _default = ImageGrid;
+exports.default = _default;

package/dist/organisms/ImageGrid/style.scss

@@ -0,0 +1,53 @@
+@import '../../styles/assets/variables';
+
+.ImageGrid {
+  display: grid;
+  gap: var(--image-grid-gap--mobile, 2rem);
+
+  @media #{$tablet} {
+    gap: var(--image-grid-gap--desktop, 4rem);
+  }
+}
+
+.ImageGrid--size-2 {
+  grid-template-columns: 1fr;
+
+  @media #{$tablet} {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+
+.ImageGrid--size-3 {
+  grid-template-columns: 1fr 1fr;
+
+  > div {
+    &:first-child {
+      grid-column: 1 / span 2;
+    }
+  }
+}
+
+.ImageGrid--size-4 {
+  grid-template-columns: 1fr 1fr;
+
+  > div {
+    &:nth-child(1),
+    &:nth-child(4) {
+      grid-column: 1 / span 2;
+
+      @media #{$tablet} {
+        grid-column: unset;
+      }
+    }
+  }
+}
+
+.ImageGrid--size-5 {
+  grid-template-columns: 1fr 1fr;
+
+  > div {
+    &:nth-child(3) {
+      grid-column: 1 / span 2;
+    }
+  }
+}

package/dist/organisms/Text/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 export interface TextProps {
     title?: string;
+    titleProps?: React.ComponentProps<'h2'>;
     text: string;
+    textProps?: React.HTMLProps<HTMLDivElement>;
     readMore?: string;
     duration?: number;
     easing?: string;

package/dist/organisms/Text/index.js

@@ -21,7 +21,9 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var Text = function Text(_ref) {
   var title = _ref.title,
+    titleProps = _ref.titleProps,
     text = _ref.text,
+    textProps = _ref.textProps,
     readMore = _ref.readMore,
     _ref$duration = _ref.duration,
     duration = _ref$duration === void 0 ? 333 : _ref$duration,
@@ -48,7 +50,9 @@ var Text = function Text(_ref) {
     className: classes
   }, /*#__PURE__*/_react.default.createElement(_TitleWithText.default, {
     title: title,
-    text: text
+    text: text,
+    titleProps: titleProps,
+    textProps: textProps
   }), readMore && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: readMoreClasses
   }, /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+export {};