@ilo-org/react 0.4.3 → 0.4.4

package/lib/esm/components/Collapse/Collapse.js

@@ -2,7 +2,7 @@ import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import require$$0, { forwardRef, useMemo, cloneElement } from 'react';
-import { p as propTypesExports } from '../../index-8ebb2cc1.js';
+import { p as propTypes } from '../../index-623ce3f5.js';
 import ReactDOM from 'react-dom';
 import createChainedFunction from '../../utils/createChainedFunction.js';
 import getDefaultDimensionValue from '../../utils/getDefaultDimensionValue.js';
@@ -41,30 +41,26 @@ var config = {
   disabled: false
 };
 
-var timeoutsShape = process.env.NODE_ENV !== 'production' ? propTypesExports.oneOfType([propTypesExports.number, propTypesExports.shape({
-  enter: propTypesExports.number,
-  exit: propTypesExports.number,
-  appear: propTypesExports.number
+var timeoutsShape = process.env.NODE_ENV !== 'production' ? propTypes.exports.oneOfType([propTypes.exports.number, propTypes.exports.shape({
+  enter: propTypes.exports.number,
+  exit: propTypes.exports.number,
+  appear: propTypes.exports.number
 }).isRequired]) : null;
-process.env.NODE_ENV !== 'production' ? propTypesExports.oneOfType([propTypesExports.string, propTypesExports.shape({
-  enter: propTypesExports.string,
-  exit: propTypesExports.string,
-  active: propTypesExports.string
-}), propTypesExports.shape({
-  enter: propTypesExports.string,
-  enterDone: propTypesExports.string,
-  enterActive: propTypesExports.string,
-  exit: propTypesExports.string,
-  exitDone: propTypesExports.string,
-  exitActive: propTypesExports.string
+process.env.NODE_ENV !== 'production' ? propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.shape({
+  enter: propTypes.exports.string,
+  exit: propTypes.exports.string,
+  active: propTypes.exports.string
+}), propTypes.exports.shape({
+  enter: propTypes.exports.string,
+  enterDone: propTypes.exports.string,
+  enterActive: propTypes.exports.string,
+  exit: propTypes.exports.string,
+  exitDone: propTypes.exports.string,
+  exitActive: propTypes.exports.string
 })]) : null;
 
 var TransitionGroupContext = require$$0.createContext(null);
 
-var forceReflow = function forceReflow(node) {
-  return node.scrollTop;
-};
-
 var UNMOUNTED = 'unmounted';
 var EXITED = 'exited';
 var ENTERING = 'entering';
@@ -284,14 +280,6 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       this.cancelNextCallback();
 
       if (nextStatus === ENTERING) {
-        if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
-          // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
-          // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.
-
-          if (node) forceReflow(node);
-        }
-
         this.performEnter(mounting);
       } else {
         this.performExit();
@@ -483,11 +471,8 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *     (see
    *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
    */
-  nodeRef: propTypesExports.shape({
-    current: typeof Element === 'undefined' ? propTypesExports.any : function (propValue, key, componentName, location, propFullName, secret) {
-      var value = propValue[key];
-      return propTypesExports.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
-    }
+  nodeRef: propTypes.exports.shape({
+    current: typeof Element === 'undefined' ? propTypes.exports.any : propTypes.exports.instanceOf(Element)
   }),
 
   /**
@@ -504,12 +489,12 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * </Transition>
    * ```
    */
-  children: propTypesExports.oneOfType([propTypesExports.func.isRequired, propTypesExports.element.isRequired]).isRequired,
+  children: propTypes.exports.oneOfType([propTypes.exports.func.isRequired, propTypes.exports.element.isRequired]).isRequired,
 
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: propTypesExports.bool,
+  in: propTypes.exports.bool,
 
   /**
    * By default the child component is mounted immediately along with
@@ -517,13 +502,13 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
    * mounted, even on "exited", unless you also specify `unmountOnExit`.
    */
-  mountOnEnter: propTypesExports.bool,
+  mountOnEnter: propTypes.exports.bool,
 
   /**
    * By default the child component stays mounted after it reaches the `'exited'` state.
    * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
    */
-  unmountOnExit: propTypesExports.bool,
+  unmountOnExit: propTypes.exports.bool,
 
   /**
    * By default the child component does not perform the enter transition when
@@ -536,17 +521,17 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * > additional `.appear-*` classes, that way you can choose to style it
    * > differently.
    */
-  appear: propTypesExports.bool,
+  appear: propTypes.exports.bool,
 
   /**
    * Enable or disable enter transitions.
    */
-  enter: propTypesExports.bool,
+  enter: propTypes.exports.bool,
 
   /**
    * Enable or disable exit transitions.
    */
-  exit: propTypesExports.bool,
+  exit: propTypes.exports.bool,
 
   /**
    * The duration of the transition, in milliseconds.
@@ -599,7 +584,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: propTypesExports.func,
+  addEndListener: propTypes.exports.func,
 
   /**
    * Callback fired before the "entering" status is applied. An extra parameter
@@ -609,7 +594,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: propTypesExports.func,
+  onEnter: propTypes.exports.func,
 
   /**
    * Callback fired after the "entering" status is applied. An extra parameter
@@ -619,7 +604,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: propTypesExports.func,
+  onEntering: propTypes.exports.func,
 
   /**
    * Callback fired after the "entered" status is applied. An extra parameter
@@ -629,7 +614,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: propTypesExports.func,
+  onEntered: propTypes.exports.func,
 
   /**
    * Callback fired before the "exiting" status is applied.
@@ -638,7 +623,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: propTypesExports.func,
+  onExit: propTypes.exports.func,
 
   /**
    * Callback fired after the "exiting" status is applied.
@@ -647,7 +632,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: propTypesExports.func,
+  onExiting: propTypes.exports.func,
 
   /**
    * Callback fired after the "exited" status is applied.
@@ -656,7 +641,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: propTypesExports.func
+  onExited: propTypes.exports.func
 } : {}; // Name the function so it is clearer in the documentation
 
 function noop() {}

package/lib/esm/components/Collapse/index.js

@@ -3,7 +3,7 @@ import 'tslib';
 import 'react/jsx-runtime';
 import 'classnames';
 import 'react';
-import '../../index-8ebb2cc1.js';
+import '../../index-623ce3f5.js';
 import 'react-dom';
 import '../../utils/createChainedFunction.js';
 import '../../utils/getDefaultDimensionValue.js';

package/lib/esm/components/Video/Video.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import { V as VideoPlayer } from '../../VideoPlayer-719076c4.js';
+import { V as VideoPlayer } from '../../VideoPlayer-a5fa87ce.js';
 import 'tslib';
 import 'react';
 import '../../GlobalCtx-7fb23cfa.js';
-import '../../index-8ebb2cc1.js';
+import '../../index-623ce3f5.js';
 import 'react-dom';
 import '../../utils/hoursMinutesSeconds.js';
 import 'screenfull';

package/lib/esm/components/Video/VideoPlayer.js

@@ -1,11 +1,11 @@
 import 'react/jsx-runtime';
 import 'react';
-export { V as default } from '../../VideoPlayer-719076c4.js';
+export { V as default } from '../../VideoPlayer-a5fa87ce.js';
 import 'react-dom';
 import 'classnames';
 import '../../hooks/useGlobalSettings.js';
 import '../../utils/hoursMinutesSeconds.js';
 import 'screenfull';
-import '../../index-8ebb2cc1.js';
+import '../../index-623ce3f5.js';
 import 'tslib';
 import '../../GlobalCtx-7fb23cfa.js';

package/lib/esm/components/Video/index.js

@@ -5,8 +5,8 @@ import '../../hooks/useGlobalSettings.js';
 import 'tslib';
 import 'react';
 import '../../GlobalCtx-7fb23cfa.js';
-import '../../VideoPlayer-719076c4.js';
-import '../../index-8ebb2cc1.js';
+import '../../VideoPlayer-a5fa87ce.js';
+import '../../index-623ce3f5.js';
 import 'react-dom';
 import '../../utils/hoursMinutesSeconds.js';
 import 'screenfull';

package/lib/esm/components/index.js

@@ -24,7 +24,7 @@ export { default as Notification } from './Notification/Notification.js';
 export { default as ReadMore } from './ReadMore/ReadMore.js';
 export { default as Textarea } from './Textarea/Textarea.js';
 export { default as Callout } from './Callout/Callout.js';
-import '../Callout.args-3a0e0416.js';
+import './Callout/index.js';
 export { default as Credit } from './Credit/Credit.js';
 export { default as FileUpload } from './FileUpload/FileUpload.js';
 export { default as Heading } from './Heading/Heading.js';
@@ -57,7 +57,7 @@ import '../hooks/useGlobalSettings.js';
 import '../AccordionCtx-8c051900.js';
 import '@ilo-org/utils';
 import '../utils/checkArrayDuplicates.js';
-import '../index-8ebb2cc1.js';
+import '../index-623ce3f5.js';
 import 'react-dom';
 import '../utils/createChainedFunction.js';
 import '../utils/getDefaultDimensionValue.js';
@@ -65,7 +65,7 @@ import '../css-7414f50b.js';
 import '../utils/transitionEndListener.js';
 import '../utils/triggerBrowserReflow.js';
 import './Hero/HeroCard.js';
-import '../VideoPlayer-719076c4.js';
+import '../VideoPlayer-a5fa87ce.js';
 import '../utils/hoursMinutesSeconds.js';
 import 'screenfull';
 import '@ilo-org/icons-react';

package/lib/esm/{index-8ebb2cc1.js → index-623ce3f5.js}

@@ -1,14 +1,6 @@
-var propTypesExports = {};
-var propTypes = {
-  get exports(){ return propTypesExports; },
-  set exports(v){ propTypesExports = v; },
-};
-
-var reactIsExports = {};
-var reactIs = {
-  get exports(){ return reactIsExports; },
-  set exports(v){ reactIsExports = v; },
-};
+var propTypes = {exports: {}};
+
+var reactIs = {exports: {}};
 
 var reactIs_production_min = {};
 
@@ -227,7 +219,7 @@ function requireReactIs_development () {
 var hasRequiredReactIs;
 
 function requireReactIs () {
-	if (hasRequiredReactIs) return reactIsExports;
+	if (hasRequiredReactIs) return reactIs.exports;
 	hasRequiredReactIs = 1;
 	(function (module) {
 
@@ -237,7 +229,7 @@ function requireReactIs () {
 		  module.exports = requireReactIs_development();
 		}
 } (reactIs));
-	return reactIsExports;
+	return reactIs.exports;
 }
 
 /*
@@ -358,16 +350,6 @@ function requireReactPropTypesSecret () {
 	return ReactPropTypesSecret_1;
 }
 
-var has;
-var hasRequiredHas;
-
-function requireHas () {
-	if (hasRequiredHas) return has;
-	hasRequiredHas = 1;
-	has = Function.call.bind(Object.prototype.hasOwnProperty);
-	return has;
-}
-
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
  *
@@ -387,7 +369,7 @@ function requireCheckPropTypes () {
 	if (process.env.NODE_ENV !== 'production') {
 	  var ReactPropTypesSecret = requireReactPropTypesSecret();
 	  var loggedTypeFailures = {};
-	  var has = requireHas();
+	  var has = Function.call.bind(Object.prototype.hasOwnProperty);
 
 	  printWarning = function(text) {
 	    var message = 'Warning: ' + text;
@@ -399,7 +381,7 @@ function requireCheckPropTypes () {
 	      // This error was thrown as a convenience so that you can use this stack
 	      // to find the callsite that caused this warning to fire.
 	      throw new Error(message);
-	    } catch (x) { /**/ }
+	    } catch (x) {}
 	  };
 	}
 
@@ -428,8 +410,7 @@ function requireCheckPropTypes () {
 	          if (typeof typeSpecs[typeSpecName] !== 'function') {
 	            var err = Error(
 	              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
-	              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
-	              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
+	              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
 	            );
 	            err.name = 'Invariant Violation';
 	            throw err;
@@ -497,9 +478,9 @@ function requireFactoryWithTypeCheckers () {
 	var assign = requireObjectAssign();
 
 	var ReactPropTypesSecret = requireReactPropTypesSecret();
-	var has = requireHas();
 	var checkPropTypes = requireCheckPropTypes();
 
+	var has = Function.call.bind(Object.prototype.hasOwnProperty);
 	var printWarning = function() {};
 
 	if (process.env.NODE_ENV !== 'production') {
@@ -600,7 +581,6 @@ function requireFactoryWithTypeCheckers () {
 	  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
 	  var ReactPropTypes = {
 	    array: createPrimitiveTypeChecker('array'),
-	    bigint: createPrimitiveTypeChecker('bigint'),
 	    bool: createPrimitiveTypeChecker('boolean'),
 	    func: createPrimitiveTypeChecker('function'),
 	    number: createPrimitiveTypeChecker('number'),
@@ -646,9 +626,8 @@ function requireFactoryWithTypeCheckers () {
 	   * is prohibitively expensive if they are created too often, such as what
 	   * happens in oneOfType() for any type before the one that matched.
 	   */
-	  function PropTypeError(message, data) {
+	  function PropTypeError(message) {
 	    this.message = message;
-	    this.data = data && typeof data === 'object' ? data: {};
 	    this.stack = '';
 	  }
 	  // Make `instanceof Error` still work for returned errors.
@@ -683,7 +662,7 @@ function requireFactoryWithTypeCheckers () {
 	          ) {
 	            printWarning(
 	              'You are manually calling a React.PropTypes validation ' +
-	              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
+	              'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
 	              'and will throw in the standalone `prop-types` package. ' +
 	              'You may be seeing this warning due to a third-party PropTypes ' +
 	              'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
@@ -722,10 +701,7 @@ function requireFactoryWithTypeCheckers () {
 	        // 'of type `object`'.
 	        var preciseType = getPreciseType(propValue);
 
-	        return new PropTypeError(
-	          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
-	          {expectedType: expectedType}
-	        );
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
 	      }
 	      return null;
 	    }
@@ -869,19 +845,14 @@ function requireFactoryWithTypeCheckers () {
 	    }
 
 	    function validate(props, propName, componentName, location, propFullName) {
-	      var expectedTypes = [];
 	      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
 	        var checker = arrayOfTypeCheckers[i];
-	        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
-	        if (checkerResult == null) {
+	        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
 	          return null;
 	        }
-	        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
-	          expectedTypes.push(checkerResult.data.expectedType);
-	        }
 	      }
-	      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
-	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
+
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
 	    }
 	    return createChainableTypeChecker(validate);
 	  }
@@ -896,13 +867,6 @@ function requireFactoryWithTypeCheckers () {
 	    return createChainableTypeChecker(validate);
 	  }
 
-	  function invalidValidatorError(componentName, location, propFullName, key, type) {
-	    return new PropTypeError(
-	      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
-	      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
-	    );
-	  }
-
 	  function createShapeTypeChecker(shapeTypes) {
 	    function validate(props, propName, componentName, location, propFullName) {
 	      var propValue = props[propName];
@@ -912,8 +876,8 @@ function requireFactoryWithTypeCheckers () {
 	      }
 	      for (var key in shapeTypes) {
 	        var checker = shapeTypes[key];
-	        if (typeof checker !== 'function') {
-	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+	        if (!checker) {
+	          continue;
 	        }
 	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
 	        if (error) {
@@ -932,18 +896,16 @@ function requireFactoryWithTypeCheckers () {
 	      if (propType !== 'object') {
 	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
 	      }
-	      // We need to check all keys in case some are required but missing from props.
+	      // We need to check all keys in case some are required but missing from
+	      // props.
 	      var allKeys = assign({}, props[propName], shapeTypes);
 	      for (var key in allKeys) {
 	        var checker = shapeTypes[key];
-	        if (has(shapeTypes, key) && typeof checker !== 'function') {
-	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-	        }
 	        if (!checker) {
 	          return new PropTypeError(
 	            'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
 	            '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-	            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
+	            '\nValid keys: ' +  JSON.stringify(Object.keys(shapeTypes), null, '  ')
 	          );
 	        }
 	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
@@ -1137,7 +1099,6 @@ function requireFactoryWithThrowingShims () {
 	  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
 	  var ReactPropTypes = {
 	    array: shim,
-	    bigint: shim,
 	    bool: shim,
 	    func: shim,
 	    number: shim,
@@ -1188,4 +1149,4 @@ if (process.env.NODE_ENV !== 'production') {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
 
-export { propTypesExports as p };
+export { propTypes as p };

package/lib/esm/index.js

@@ -24,7 +24,7 @@ export { default as Notification } from './components/Notification/Notification.
 export { default as ReadMore } from './components/ReadMore/ReadMore.js';
 export { default as Textarea } from './components/Textarea/Textarea.js';
 export { default as Callout } from './components/Callout/Callout.js';
-import './Callout.args-3a0e0416.js';
+import './components/Callout/index.js';
 export { default as Credit } from './components/Credit/Credit.js';
 export { default as FileUpload } from './components/FileUpload/FileUpload.js';
 export { default as Heading } from './components/Heading/Heading.js';
@@ -57,17 +57,17 @@ import './hooks/useGlobalSettings.js';
 import './AccordionCtx-8c051900.js';
 import '@ilo-org/utils';
 import './utils/checkArrayDuplicates.js';
-import './index-8ebb2cc1.js';
+import './index-623ce3f5.js';
 import 'react-dom';
 import './utils/createChainedFunction.js';
 import './utils/getDefaultDimensionValue.js';
 import './css-7414f50b.js';
 import './utils/transitionEndListener.js';
 import './utils/triggerBrowserReflow.js';
+import '@ilo-org/icons-react';
 import './components/Hero/HeroCard.js';
-import './VideoPlayer-719076c4.js';
+import './VideoPlayer-a5fa87ce.js';
 import './utils/hoursMinutesSeconds.js';
 import 'screenfull';
-import '@ilo-org/icons-react';
 import './components/Logo/Logo.js';
 import './components/List/ListItem.js';

package/lib/types/react/src/components/Fieldset/Fieldset.props.d.ts

@@ -1,8 +1,7 @@
 import { ReactElement } from "react";
 import { InputProps } from "../Input/Input.props";
 import { TextareaProps } from "../Textarea/Textarea.props";
-export interface FieldsetChild extends ReactElement<InputProps | TextareaProps> {
-}
+export type FieldsetChild = ReactElement<InputProps | TextareaProps>;
 export interface FieldsetProps {
     /**
      * Specify the content of your Fieldset.

package/lib/types/react/src/components/Video/Video.props.d.ts

@@ -45,7 +45,7 @@ export interface VideoProps {
     /**
      * Specify the alt for the image
      */
-    alt: String;
+    alt: string;
     /**
      * Specify the caption for the image/video
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -74,8 +74,8 @@
     "react-transition-group": "^4.4.1",
     "@ilo-org/brand-assets": "0.1.0",
     "@ilo-org/fonts": "0.1.0",
-    "@ilo-org/icons-react": "0.0.18",
-    "@ilo-org/styles": "0.3.1",
+    "@ilo-org/icons-react": "0.0.19",
+    "@ilo-org/styles": "0.3.2",
     "@ilo-org/themes": "0.1.15",
     "@ilo-org/utils": "0.0.11"
   },
@@ -83,42 +83,38 @@
     "@rollup/plugin-commonjs": "^23.0.2",
     "@rollup/plugin-json": "^5.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
-    "@storybook/addon-a11y": "^7.0.6",
-    "@storybook/addon-actions": "^7.0.6",
-    "@storybook/addon-docs": "^7.0.6",
-    "@storybook/addon-essentials": "^7.0.6",
-    "@storybook/addon-links": "^7.0.6",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/blocks": "^7.0.6",
-    "@storybook/builder-webpack5": "^7.0.6",
-    "@storybook/client-api": "^7.0.6",
-    "@storybook/manager-api": "^7.0.6",
-    "@storybook/manager-webpack5": "6.5.15",
-    "@storybook/node-logger": "^7.0.6",
-    "@storybook/preset-create-react-app": "7.0.6",
+    "@storybook/addon-a11y": "^7.0.18",
+    "@storybook/addon-actions": "^7.0.18",
+    "@storybook/addon-docs": "^7.0.18",
+    "@storybook/addon-essentials": "^7.0.18",
+    "@storybook/addon-links": "^7.0.18",
+    "@storybook/addon-styling": "^1.0.8",
+    "@storybook/blocks": "^7.0.18",
+    "@storybook/builder-vite": "^7.0.18",
+    "@storybook/client-api": "^7.0.18",
+    "@storybook/manager-api": "^7.0.18",
+    "@storybook/node-logger": "^7.0.18",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^7.0.6",
-    "@storybook/react-webpack5": "^7.0.6",
-    "@storybook/testing-react": "2.0.0",
-    "@storybook/theming": "^7.0.6",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@storybook/react": "^7.0.18",
+    "@storybook/react-vite": "^7.0.18",
+    "@storybook/theming": "^7.0.18",
+    "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.4.1",
     "@types/mdx": "^2.0.3",
-    "@types/node": "^17.0.21",
-    "@types/react": "17.0.11",
-    "@types/react-dom": "^17.0.13",
+    "@types/node": "^17.0.45",
+    "@types/react": "^17.0.11",
+    "@types/react-dom": "^17.0.20",
     "http-server": "^14.1.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest-environment-jsdom": "^27.5.1",
+    "jest-environment-jsdom": "27.5.1",
     "nodemon": "^2.0.20",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-element-to-jsx-string": "^15.0.0",
-    "react-scripts": "5.0.1",
+    "react-scripts": "^5.0.1",
     "remark-gfm": "^3.0.1",
-    "rollup": "^3.9.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-livereload": "^2.0.5",
@@ -126,16 +122,14 @@
     "rollup-plugin-mv": "^0.0.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-typescript2": "^0.34.1",
-    "sass": "^1.49.9",
     "screenfull": "^5.2.0",
-    "storybook": "next",
-    "storybook-addon-performance": "^0.16.1",
+    "storybook": "^7.0.18",
+    "storybook-addon-performance": "^0.17.1",
     "ts-dedent": "^2.2.0",
     "ts-jest": "^27.1.3",
     "tslib": "^2.3.1",
-    "typescript": "4.9.3",
-    "webpack": "^5.68.0",
-    "@ilo-org/eslint-config": "0.0.3",
+    "vite": "^4.3.9",
+    "@ilo-org/eslint-config": "0.1.0",
     "@ilo-org/prettier-config": "0.0.2",
     "@ilo-org/typescript-config": "0.0.1"
   },
@@ -154,8 +148,8 @@
     "dev:lib": "rollup --config --configDevelop -w",
     "format": "prettier --check . --ignore-path ../../.prettierignore",
     "format:fix": "prettier --write . --ignore-path ../../.prettierignore",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
-    "lint:fix": "pnpm lint -- --fix",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "storybook": "storybook dev -p 6006",
     "storybook:static": "http-server ./storybook-static",
     "test": "NODE_OPTIONS=--experimental-vm-modules SKIP_PREFLIGHT_CHECK=true react-scripts test --watchAll=false --setupFilesAfterEnv ./src/setup.ts"