@orfium/ictinus 4.75.0 → 4.76.0

package/dist/components/TextField/hooks/useMultiTextFieldUtils.js

@@ -2,36 +2,30 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var useMultiTextFieldUtils = function useMultiTextFieldUtils(_ref) {
   var _ref$multiValues = _ref.multiValues,
-      multiValues = _ref$multiValues === void 0 ? [] : _ref$multiValues,
-      maxMultiValues = _ref.maxMultiValues,
-      onMultiValueCreate = _ref.onMultiValueCreate,
-      onMultiValueDelete = _ref.onMultiValueDelete,
-      onClearAllValues = _ref.onClearAllValues,
-      onInput = _ref.onInput,
-      _ref$multiValuesHandl = _ref.multiValuesHandler,
-      multiValuesHandler = _ref$multiValuesHandl === void 0 ? function (value) {
-    return value;
-  } : _ref$multiValuesHandl;
-
+    multiValues = _ref$multiValues === void 0 ? [] : _ref$multiValues,
+    maxMultiValues = _ref.maxMultiValues,
+    onMultiValueCreate = _ref.onMultiValueCreate,
+    onMultiValueDelete = _ref.onMultiValueDelete,
+    onClearAllValues = _ref.onClearAllValues,
+    onInput = _ref.onInput,
+    _ref$multiValuesHandl = _ref.multiValuesHandler,
+    multiValuesHandler = _ref$multiValuesHandl === void 0 ? function (value) {
+      return value;
+    } : _ref$multiValuesHandl;
   var _useState = (0, _react.useState)(multiValues),
-      values = _useState[0],
-      setValues = _useState[1];
-
+    values = _useState[0],
+    setValues = _useState[1];
   var _useState2 = (0, _react.useState)(''),
-      inputValue = _useState2[0],
-      setInputValue = _useState2[1];
-
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
   var handleValueDelete = function handleValueDelete(option) {
     if (option) {
       setValues(values.filter(function (opt) {
         return opt !== option;
       }));
-
       if (onMultiValueDelete) {
         onMultiValueDelete(option);
       }
@@ -44,42 +38,33 @@ var useMultiTextFieldUtils = function useMultiTextFieldUtils(_ref) {
       }
     }
   };
-
   var handleClearAllValues = function handleClearAllValues() {
     setValues([]);
     setInputValue('');
-
     if (onClearAllValues) {
       onClearAllValues();
     }
   };
-
   var handleTyping = function handleTyping(event) {
     setInputValue(event.target.value);
-
     if (onInput) {
       onInput(event);
     }
   };
-
   var handleKeyDown = function handleKeyDown(event) {
     if (maxMultiValues && values.length >= maxMultiValues) {
       event.preventDefault();
       return;
     }
-
     if (event.key === 'Enter') {
       if (inputValue === '') {
         event.preventDefault();
       }
-
       var handledInputValue = multiValuesHandler(inputValue);
       setValues([].concat(values, Array.isArray(handledInputValue) ? handledInputValue : [handledInputValue]));
-
       if (onMultiValueCreate) {
         onMultiValueCreate(inputValue);
       }
-
       setInputValue('');
     } else if (event.key === 'Backspace') {
       if (inputValue === '') {
@@ -87,7 +72,6 @@ var useMultiTextFieldUtils = function useMultiTextFieldUtils(_ref) {
       }
     }
   };
-
   return {
     values: values,
     handleValueDelete: handleValueDelete,
@@ -97,6 +81,5 @@ var useMultiTextFieldUtils = function useMultiTextFieldUtils(_ref) {
     inputValue: inputValue
   };
 };
-
 var _default = useMultiTextFieldUtils;
 exports["default"] = _default;

package/dist/components/TextField/index.js

@@ -2,9 +2,6 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-
 var _TextField = _interopRequireDefault(require("./TextField"));
-
 exports["default"] = _TextField["default"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/TextInputBase/TextInputBase.d.ts

@@ -1,7 +1,7 @@
 import { CSSObject } from '@emotion/serialize';
-import React, { FC } from 'react';
+import React from 'react';
 import { formFieldStyles } from 'theme/palette';
-import { TestProps } from '../../utils/types';
+import { ReactFCC, TestProps } from 'utils/types';
 import { textInputSizes } from './config';
 import { AcceptedIconNames } from 'components/Icon/types';
 export declare type Props = {
@@ -11,10 +11,10 @@ export declare type Props = {
     placeholder?: string;
     /** An optional icon to show to the left
      * TODO This prop will be renamed to 'prefix', like: https://ant.design/components/input/#components-input-demo-presuffix */
-    leftIcon?: AcceptedIconNames | JSX.Element | null;
+    leftIcon?: AcceptedIconNames | React.ReactElement | null;
     /** An optional icon to show to the right
      * TODO This prop will be renamed to 'suffix', like: https://ant.design/components/input/#components-input-demo-presuffix */
-    rightIcon?: AcceptedIconNames | JSX.Element | null;
+    rightIcon?: AcceptedIconNames | React.ReactElement | null;
     /** If the text field value is required */
     required?: boolean;
     /** If the text field is disabled */
@@ -32,7 +32,7 @@ export declare type Props = {
     /** Style of input field */
     styleType?: formFieldStyles;
     /** Sets the size of the textField */
-    size?: typeof textInputSizes[number];
+    size?: (typeof textInputSizes)[number];
     /** The status of the button regarding the status which is in - default normal */
     status?: 'success' | 'normal' | 'hint' | 'error';
     /** Sx prop to override specific properties */
@@ -49,5 +49,5 @@ export declare type Props = {
 };
 /** This Component is a wrapper for all primitives that hold text like Select, TextArea, TextInput. Here we keep the
  * logic of all the hover, focus status etc and the styling of these centralized **/
-declare const TextInputBase: FC<Props & TestProps>;
+declare const TextInputBase: ReactFCC<Props & TestProps>;
 export default TextInputBase;

package/dist/components/TextInputBase/TextInputBase.js

@@ -2,47 +2,38 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-
 var _useTheme = _interopRequireDefault(require("../../hooks/useTheme"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _sizeUtils = require("../../utils/size-utils");
-
-var _helpers = require("../../utils/helpers");
-
 var _TextInputBase = require("./TextInputBase.style");
-
+var _helpers = require("../../utils/helpers");
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /** This Component is a wrapper for all primitives that hold text like Select, TextArea, TextInput. Here we keep the
  * logic of all the hover, focus status etc and the styling of these centralized **/
 var TextInputBase = function TextInputBase(_ref) {
   var _ref$lean = _ref.lean,
-      lean = _ref$lean === void 0 ? false : _ref$lean,
-      disabled = _ref.disabled,
-      hintMsg = _ref.hintMsg,
-      _ref$styleType = _ref.styleType,
-      styleType = _ref$styleType === void 0 ? 'filled' : _ref$styleType,
-      dataTestId = _ref.dataTestId,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? 'normal' : _ref$status,
-      _ref$locked = _ref.locked,
-      locked = _ref$locked === void 0 ? false : _ref$locked,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _sizeUtils.DEFAULT_SIZE : _ref$size,
-      _ref$dark = _ref.dark,
-      dark = _ref$dark === void 0 ? false : _ref$dark,
-      _ref$isInteractive = _ref.isInteractive,
-      isInteractive = _ref$isInteractive === void 0 ? true : _ref$isInteractive,
-      children = _ref.children,
-      sx = _ref.sx,
-      _ref$hasMinWidthCompa = _ref.hasMinWidthCompat,
-      hasMinWidthCompat = _ref$hasMinWidthCompa === void 0 ? true : _ref$hasMinWidthCompa;
+    lean = _ref$lean === void 0 ? false : _ref$lean,
+    disabled = _ref.disabled,
+    hintMsg = _ref.hintMsg,
+    _ref$styleType = _ref.styleType,
+    styleType = _ref$styleType === void 0 ? 'filled' : _ref$styleType,
+    dataTestId = _ref.dataTestId,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? 'normal' : _ref$status,
+    _ref$locked = _ref.locked,
+    locked = _ref$locked === void 0 ? false : _ref$locked,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _sizeUtils.DEFAULT_SIZE : _ref$size,
+    _ref$dark = _ref.dark,
+    dark = _ref$dark === void 0 ? false : _ref$dark,
+    _ref$isInteractive = _ref.isInteractive,
+    isInteractive = _ref$isInteractive === void 0 ? true : _ref$isInteractive,
+    children = _ref.children,
+    sx = _ref.sx,
+    _ref$hasMinWidthCompa = _ref.hasMinWidthCompat,
+    hasMinWidthCompat = _ref$hasMinWidthCompa === void 0 ? true : _ref$hasMinWidthCompa;
   var theme = (0, _useTheme["default"])();
   var hintMessageToShow = hintMsg && (0, _react2.jsx)("div", {
     "data-testid": (0, _helpers.generateTestDataId)('error', dataTestId),
@@ -77,6 +68,5 @@ var TextInputBase = function TextInputBase(_ref) {
     })
   }, children)), hintMsg && status !== 'normal' && hintMessageToShow);
 };
-
 var _default = TextInputBase;
 exports["default"] = _default;

package/dist/components/TextInputBase/TextInputBase.style.js

@@ -1,33 +1,23 @@
 "use strict";
 
 exports.__esModule = true;
-exports.errorMsgStyle = exports.inputStyle = exports.textFieldStyle = exports.wrapperStyle = void 0;
-
+exports.wrapperStyle = exports.textFieldStyle = exports.inputStyle = exports.errorMsgStyle = void 0;
 var _react = require("@emotion/react");
-
 var _utils = require("../../theme/utils");
-
 var _sizeUtils = require("../../utils/size-utils");
-
 var _states = require("../../theme/states");
-
 var _config = require("./config");
-
 var _Label = require("../Label/Label.style");
-
-function _extends() { _extends = Object.assign || 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); }
-
+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 wrapperStyleSwitch = function wrapperStyleSwitch(theme, colorScheme, lean, error, disabled, isInteractive) {
   if (colorScheme === void 0) {
     colorScheme = 'light';
   }
-
   if (lean) {
     return {
       backgroundColor: 'transparent'
     };
   }
-
   var borderConfig = _config.textInputConfig.types[colorScheme].outlined.border;
   var backgroundColor = colorScheme === 'dark' ? theme.utils.getColor('darkGrey', 700) : theme.palette.white;
   var borderColorName = !error ? borderConfig.color.pressed.name : borderConfig.color.error.name;
@@ -53,22 +43,21 @@ var wrapperStyleSwitch = function wrapperStyleSwitch(theme, colorScheme, lean, e
     backgroundColor: backgroundColor
   }, isInteractive ? events : {});
 };
+
 /**
  * this wrapper must remain simple and not mess with children properties as it will be used
  * in custom implementation needed eg: datepicker
  * */
-
-
 var wrapperStyle = function wrapperStyle(_ref) {
   var disabled = _ref.disabled,
-      locked = _ref.locked,
-      status = _ref.status,
-      lean = _ref.lean,
-      dark = _ref.dark,
-      size = _ref.size,
-      sx = _ref.sx,
-      isInteractive = _ref.isInteractive,
-      hasMinWidthCompat = _ref.hasMinWidthCompat;
+    locked = _ref.locked,
+    status = _ref.status,
+    lean = _ref.lean,
+    dark = _ref.dark,
+    size = _ref.size,
+    sx = _ref.sx,
+    isInteractive = _ref.isInteractive,
+    hasMinWidthCompat = _ref.hasMinWidthCompat;
   return function (theme) {
     var colorScheme = dark ? 'dark' : theme.colorScheme;
     var error = status === 'error';
@@ -76,7 +65,6 @@ var wrapperStyle = function wrapperStyle(_ref) {
     var borderConfig = _config.textInputConfig.types[colorScheme].outlined.border;
     return (
       /*#__PURE__*/
-
       /*#__PURE__*/
       (0, _react.css)(_extends({
         display: 'flex',
@@ -92,18 +80,15 @@ var wrapperStyle = function wrapperStyle(_ref) {
     );
   };
 };
-
 exports.wrapperStyle = wrapperStyle;
-
 var textFieldStyle = function textFieldStyle(_ref2) {
   var lean = _ref2.lean,
-      sx = _ref2.sx,
-      disabled = _ref2.disabled,
-      locked = _ref2.locked;
+    sx = _ref2.sx,
+    disabled = _ref2.disabled,
+    locked = _ref2.locked;
   return function (theme) {
     return (
       /*#__PURE__*/
-
       /*#__PURE__*/
       (0, _react.css)(_extends({
         position: 'relative',
@@ -121,22 +106,19 @@ var textFieldStyle = function textFieldStyle(_ref2) {
     );
   };
 };
-
 exports.textFieldStyle = textFieldStyle;
-
 var inputStyle = function inputStyle(_ref3) {
   var label = _ref3.label,
-      placeholder = _ref3.placeholder,
-      _ref3$size = _ref3.size,
-      size = _ref3$size === void 0 ? _sizeUtils.DEFAULT_SIZE : _ref3$size,
-      dark = _ref3.dark,
-      sx = _ref3.sx,
-      disabled = _ref3.disabled,
-      locked = _ref3.locked;
+    placeholder = _ref3.placeholder,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? _sizeUtils.DEFAULT_SIZE : _ref3$size,
+    dark = _ref3.dark,
+    sx = _ref3.sx,
+    disabled = _ref3.disabled,
+    locked = _ref3.locked;
   return function (theme) {
     return (
       /*#__PURE__*/
-
       /*#__PURE__*/
       (0, _react.css)(_extends({
         background: 'transparent',
@@ -178,15 +160,12 @@ var inputStyle = function inputStyle(_ref3) {
     );
   };
 };
-
 exports.inputStyle = inputStyle;
-
 var errorMsgStyle = function errorMsgStyle(_ref4) {
   var status = _ref4.status;
   return function (theme) {
     return (
       /*#__PURE__*/
-
       /*#__PURE__*/
       (0, _react.css)({
         display: 'flex',
@@ -205,5 +184,4 @@ var errorMsgStyle = function errorMsgStyle(_ref4) {
     );
   };
 };
-
 exports.errorMsgStyle = errorMsgStyle;

package/dist/components/TextInputBase/config.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.textInputConfig = exports.textInputStates = exports.textInputSizes = exports.MULTI_WIDTH = exports.MIN_WIDTH = exports.SM_HEIGHT = exports.MD_HEIGHT = exports.SM = exports.MD = void 0;
+exports.textInputStates = exports.textInputSizes = exports.textInputConfig = exports.SM_HEIGHT = exports.SM = exports.MULTI_WIDTH = exports.MIN_WIDTH = exports.MD_HEIGHT = exports.MD = void 0;
 var MD = 'md';
 exports.MD = MD;
 var SM = 'sm';

package/dist/components/TextInputBase/index.js

@@ -3,9 +3,7 @@
 exports.__esModule = true;
 var _exportNames = {};
 exports["default"] = void 0;
-
 var _TextInputBase = _interopRequireWildcard(require("./TextInputBase"));
-
 exports["default"] = _TextInputBase["default"];
 Object.keys(_TextInputBase).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -13,7 +11,5 @@ Object.keys(_TextInputBase).forEach(function (key) {
   if (key in exports && exports[key] === _TextInputBase[key]) return;
   exports[key] = _TextInputBase[key];
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
 import { ThemeConfig } from 'theme';
-import { DeepPartial } from '../../utils/types';
+import { DeepPartial, ReactFCC } from 'utils/types';
 import 'utils/initLocaleFormat';
 declare type Props = {
     /** Theme properties to override or pass theming down to library */
     theme?: DeepPartial<ThemeConfig>;
 };
-declare const ThemeProvider: React.FC<Props>;
+declare const ThemeProvider: ReactFCC<Props>;
 export default ThemeProvider;

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -2,61 +2,43 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-
 var _react = require("@emotion/react");
-
 var _useThemeSwitch = require("../../hooks/useThemeSwitch");
-
 var _lodash = require("lodash");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _theme = _interopRequireDefault(require("../../theme"));
-
+var _ThemeProvider = require("./ThemeProvider.style");
 var _useTypeColorToColorMatch = require("../../hooks/useTypeColorToColorMatch");
-
 var _utils = require("../../theme/utils");
-
 require("../../utils/initLocaleFormat");
-
-var _ThemeProvider = require("./ThemeProvider.style");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || 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); }
-
+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 deepMergeTheme = function deepMergeTheme(newTheme, theming) {
   return (0, _lodash.merge)((0, _theme["default"])(theming), (0, _lodash.pick)(newTheme, (0, _lodash.keys)((0, _theme["default"])(theming))));
 };
-
 var ThemeProvider = function ThemeProvider(_ref) {
   var _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? {} : _ref$theme,
-      children = _ref.children;
+    theme = _ref$theme === void 0 ? {} : _ref$theme,
+    children = _ref.children;
   return (0, _react.jsx)(_useThemeSwitch.ThemeSwitchProvider, null, (0, _react.jsx)(ThemeProviderContents, {
     theme: theme
   }, children));
 };
-
 var ThemeProviderContents = function ThemeProviderContents(_ref2) {
   var _ref2$theme = _ref2.theme,
-      theme = _ref2$theme === void 0 ? {} : _ref2$theme,
-      children = _ref2.children;
+    theme = _ref2$theme === void 0 ? {} : _ref2$theme,
+    children = _ref2.children;
   var themeSwitchState = (0, _useThemeSwitch.useThemeSwitch)();
   var colorScheme = themeSwitchState.dark ? 'dark' : 'light';
-
   var newTheme = _extends({}, theme, {
     colorScheme: colorScheme,
     palette: theme != null && theme.palette ? (0, _utils.enhancePaletteWithShades)(theme.palette) : {}
   });
-
   return (0, _react.jsx)(_react.ThemeProvider, {
     theme: deepMergeTheme(newTheme, colorScheme)
   }, (0, _react.jsx)(_useTypeColorToColorMatch.TypeColorToColorMatchProvider, null, (0, _react.jsx)(_react.Global, {
     styles: _ThemeProvider.globalStyles
   }), children));
 };
-
 var _default = ThemeProvider; //force deployment
-
 exports["default"] = _default;

package/dist/components/ThemeProvider/ThemeProvider.style.js

@@ -1,30 +1,22 @@
 "use strict";
 
 exports.__esModule = true;
-exports.globalStyles = exports.scrollbar = void 0;
-
+exports.scrollbar = exports.globalStyles = void 0;
 var _react = require("@emotion/react");
-
 var _polished = require("polished");
-
 var scrollbar = function scrollbar(theme) {
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     (0, _react.css)("*{scrollbar-width:thin;}::-webkit-scrollbar{width:", theme.spacing.sm, ";height:", theme.spacing.sm, ";}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:", theme.utils.getColor('lightGrey', 350), ";border-radius:", theme.spacing.xl, ";}::-webkit-scrollbar-thumb:hover{background:", theme.utils.getColor('lightGrey', 500), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:scrollbar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RoZW1lUHJvdmlkZXIvVGhlbWVQcm92aWRlci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJZ0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGhlbWVQcm92aWRlci9UaGVtZVByb3ZpZGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2VyaWFsaXplZFN0eWxlcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgbm9ybWFsaXplIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzY3JvbGxiYXIgPSAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIC8vIGZvciBGaXJlZm94XG4gICoge1xuICAgIHNjcm9sbGJhci13aWR0aDogdGhpbjtcbiAgfVxuXG4gIC8vIGZvciBDaHJvbWVcbiAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgd2lkdGg6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgaGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc219O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cblxuICA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAzNTApfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnNwYWNpbmcueGx9O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10aHVtYjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNTAwKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBnbG9iYWxTdHlsZXMgPSAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIEBpbXBvcnQgdXJsKCdodHRwczovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2Nzcz9mYW1pbHk9Um9ib3RvOjMwMCw0MDAsNTAwLDcwMCw5MDAnKTtcbiAgJHtub3JtYWxpemUoKX07XG4gICR7c2Nyb2xsYmFyKHRoZW1lKX1cblxuICBib2R5LFxuICBodG1sIHtcbiAgICBmb250LWZhbWlseTogJ1JvYm90bycsIFRhaG9tYSwgc2Fucy1zZXJpZjtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgfVxuXG4gICNyb290IHtcbiAgfVxuXG4gIC8vIGRlZmF1bHQgb3V0bGluZSBmb3IgYWxsIGZvY3VzZWQgZWxlbWVudHMgZGVmaW5lZCBieSB0aGUgZGVzaWduIHRlYW1cbiAgLy8gb3VyIGxpZ2h0R3JleSBiYXNlIGNvbG9yICg1MDAgc2hhZGUpIHdpdGggb3BhY2l0eSBhdCA1MCVcbiAgKjpmb2N1cyB7XG4gICAgb3V0bGluZTogMDtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:scrollbar;")
   );
 };
-
 exports.scrollbar = scrollbar;
-
 var globalStyles = function globalStyles(theme) {
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     (0, _react.css)("@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');{}", (0, _polished.normalize)(), ";", scrollbar(theme), " body,html{font-family:'Roboto',Tahoma,sans-serif;font-size:16px;font-weight:normal;}#root{}*:focus{outline:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:globalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RoZW1lUHJvdmlkZXIvVGhlbWVQcm92aWRlci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm1FIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RoZW1lUHJvdmlkZXIvVGhlbWVQcm92aWRlci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNlcmlhbGl6ZWRTdHlsZXMsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IG5vcm1hbGl6ZSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuXG5leHBvcnQgY29uc3Qgc2Nyb2xsYmFyID0gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAvLyBmb3IgRmlyZWZveFxuICAqIHtcbiAgICBzY3JvbGxiYXItd2lkdGg6IHRoaW47XG4gIH1cblxuICAvLyBmb3IgQ2hyb21lXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHdpZHRoOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICAgIGhlaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMzUwKX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDUwMCl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2xvYmFsU3R5bGVzID0gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBAaW1wb3J0IHVybCgnaHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3M/ZmFtaWx5PVJvYm90bzozMDAsNDAwLDUwMCw3MDAsOTAwJyk7XG4gICR7bm9ybWFsaXplKCl9O1xuICAke3Njcm9sbGJhcih0aGVtZSl9XG5cbiAgYm9keSxcbiAgaHRtbCB7XG4gICAgZm9udC1mYW1pbHk6ICdSb2JvdG8nLCBUYWhvbWEsIHNhbnMtc2VyaWY7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIH1cblxuICAjcm9vdCB7XG4gIH1cblxuICAvLyBkZWZhdWx0IG91dGxpbmUgZm9yIGFsbCBmb2N1c2VkIGVsZW1lbnRzIGRlZmluZWQgYnkgdGhlIGRlc2lnbiB0ZWFtXG4gIC8vIG91ciBsaWdodEdyZXkgYmFzZSBjb2xvciAoNTAwIHNoYWRlKSB3aXRoIG9wYWNpdHkgYXQgNTAlXG4gICo6Zm9jdXMge1xuICAgIG91dGxpbmU6IDA7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:globalStyles;")
   );
 };
-
 exports.globalStyles = globalStyles;

package/dist/components/ThemeProvider/index.js

@@ -2,9 +2,6 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-
 var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
-
 exports["default"] = _ThemeProvider["default"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/Toast/Toast.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
+import { ReactFCC, TestId } from 'utils/types';
 import { AcceptedColorComponentTypes } from '../../utils/themeFunctions';
-import { TestId } from '../../utils/types';
 import { NotificationStyleType, NotificationTypes } from '../Notification/Notification';
 export declare type Props = {
     /** The informative message of the Toast */
@@ -19,5 +18,5 @@ export declare type Props = {
     dataTestId?: TestId;
 };
 export declare const isNotificationTypes: (type: string) => type is NotificationTypes;
-declare const Toast: React.FC<Props>;
+declare const Toast: ReactFCC<Props>;
 export default Toast;

package/dist/components/Toast/Toast.js

@@ -1,54 +1,38 @@
 "use strict";
 
 exports.__esModule = true;
-exports["default"] = exports.isNotificationTypes = void 0;
-
+exports.isNotificationTypes = exports["default"] = void 0;
 var React = _interopRequireWildcard(require("react"));
-
+var _Toast = require("./Toast.style");
 var _helpers = require("../../utils/helpers");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _Notification = require("../Notification/Notification.style");
-
 var _CompactNotification = require("../Notification/subcomponents/CompactNotification/CompactNotification");
-
-var _Toast = require("./Toast.style");
-
 var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || 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); }
-
+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 isNotificationTypes = function isNotificationTypes(type) {
   return ['success', 'error', 'warning', 'info'].includes(type);
 };
-
 exports.isNotificationTypes = isNotificationTypes;
-
 var Toast = function Toast(_ref) {
   var message = _ref.message,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'primary' : _ref$type,
-      _ref$styleType = _ref.styleType,
-      styleType = _ref$styleType === void 0 ? 'elevated' : _ref$styleType,
-      closeCTA = _ref.closeCTA,
-      _ref$expanded = _ref.expanded,
-      expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-      _ref$hasMinimumHeight = _ref.hasMinimumHeight,
-      hasMinimumHeight = _ref$hasMinimumHeight === void 0 ? true : _ref$hasMinimumHeight,
-      children = _ref.children,
-      dataTestId = _ref.dataTestId;
-
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'primary' : _ref$type,
+    _ref$styleType = _ref.styleType,
+    styleType = _ref$styleType === void 0 ? 'elevated' : _ref$styleType,
+    closeCTA = _ref.closeCTA,
+    _ref$expanded = _ref.expanded,
+    expanded = _ref$expanded === void 0 ? false : _ref$expanded,
+    _ref$hasMinimumHeight = _ref.hasMinimumHeight,
+    hasMinimumHeight = _ref$hasMinimumHeight === void 0 ? true : _ref$hasMinimumHeight,
+    children = _ref.children,
+    dataTestId = _ref.dataTestId;
   var _useState = (0, React.useState)(expanded),
-      isExpanded = _useState[0],
-      setExpanded = _useState[1];
-
+    isExpanded = _useState[0],
+    setExpanded = _useState[1];
   return (0, _react2.jsx)("div", _extends({
     css: (0, _Toast.toastContainer)(type, styleType)
   }, isNotificationTypes(type) && {
@@ -88,6 +72,5 @@ var Toast = function Toast(_ref) {
     "data-testid": (0, _helpers.generateTestDataId)('expanded-container', dataTestId)
   }, children));
 };
-
 var _default = Toast;
 exports["default"] = _default;