@skodaflow/web-library 3.2.2 → 3.2.3

package/build/{packages/web-library/src/organisms → organisms}/carousel/carousel.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';
 import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
-export type CarouselPropType = {
+export declare type CarouselPropType = {
     /**
      * Align the slides relative to the carousel viewport. Use one of the predefined alignments start, center or end. Alternatively, provide a number between 0 - 1 to align the slides, where 0.5 equals 50%.
      */

package/build/{packages/web-library/src/organisms → organisms}/carousel/carouselButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const PrevButton: ({ enabled, onClick, height }: {
     enabled: any;
     onClick: any;

package/build/organisms/common/cardOpacitylayer/cardOpacityTyping.d.ts

@@ -0,0 +1,2 @@
+export declare type DarkOpacity = 'opacity0' | 'opacity25' | 'opacity50' | 'opacity75' | string;
+export declare type LightOpacity = 'opacity0' | 'opacity25' | 'opacity50' | 'opacity75' | string;

package/build/organisms/common/styled/cardStandardWrapperStyled.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const CardStandardWrapperStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/OverridableComponent").OverrideProps<import("@mui/material").PaperTypeMap<{}, "div">, "div">, "className" | "style" | "children" | "elevation" | "square" | "sx" | "variant" | "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    classes?: Partial<import("@mui/material/Card").CardClasses>;
+    raised?: boolean;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
+} & import("@mui/material/OverridableComponent").CommonProps & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "children" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
+}, never> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    size?: any;
+    isBorderRadius?: any;
+}, {}, {}>;

package/build/{packages/web-library/src/organisms → organisms}/textCta/textCta.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ButtonProps } from '../../components/button';
-export type variants = 'subHeadline' | 'h1' | 'h2' | 'h3' | 'h4';
+export declare type variants = 'subHeadline' | 'h1' | 'h2' | 'h3' | 'h4';
 export interface TextCtaProps {
     /**
      * label to be shown on the top of component

package/build/utils/types.d.ts

@@ -0,0 +1,5 @@
+export declare type DarkLightOptions = 'dark' | 'light';
+export declare type ControlVariant = 'standard' | 'outline';
+export declare type ControlsType = 'arrow-right' | 'arrow-left' | 'play-right' | 'pause';
+export declare type ControllerSize = 'small' | 'medium';
+export declare type IconsStyle = 'regular' | 'filled';

package/package.json

@@ -1,104 +1,104 @@
-{
-  "name": "@skodaflow/web-library",
-  "version": "3.2.2",
-  "description": "Implementation of Skoda Flow Design System with Material UI as core library.",
-  "author": "Skoda Auto",
-  "license": "SEE LICENSE IN eula.txt",
-  "main": "./build/index.js",
-  "module": "./build/index.es.js",
-  "types": "./build",
-  "files": [
-    "build",
-    "theme"
-  ],
-  "scripts": {
-    "build": "rollup --config build.library.config.js",
-    "ci-build": "npm run build && npm run build-assets",
-    "build-assets": "webpack --config build.assets.config.js --mode production --env destination=./build/theme/skoda",
-    "lint": "eslint src/**",
-    "lint-fix": "eslint src/** --fix",
-    "lint-report-json": "eslint -f json -o eslint/results/LINT-web-library.json src",
-    "lint-report-junit": "eslint -f @skodaflow/eslint-formatter-junit -o eslint/results/LINT-web-library.xml src",
-    "lint-report-vs": "eslint -f visualstudio -o eslint/results/LINT-web-library.trx src",
-    "lint-staged": "lint-staged",
-    "test-junit-report-merge": "jrm cypress/results/TEST-web-library.junit.xml \"cypress/results/*.junit.xml\"",
-    "test-sonar-report-merge": "srm cypress/results/TEST-web-library.sonar.xml \"cypress/results/*.sonar.xml\"",
-    "test": "cypress run-ct",
-    "test-watch": "cypress open-ct",
-    "preci-test": "webpack --config cypress/utils/clean/config.js --mode none",
-    "ci-test": "cypress run-ct --reporter ../../node_modules/mocha-multi-reporters --reporter-options configFile=cypress-reporters.json"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.4.1",
-    "@emotion/styled": "^11.3.0",
-    "@mui/material": "^5.9.0",
-    "@mui/system": "^5.9.0",
-    "react": "^17.0.2 || ^18.0.0"
-  },
-  "dependencies": {
-    "@skodaflow/web-tokens": "^2.4.0",
-    "@googlemaps/markerclusterer": "^1.0.22",
-    "@googlemaps/react-wrapper": "^1.1.22",
-    "ag-grid-community": "^29.1.0",
-    "ag-grid-react": "^29.1.0",
-    "country-flag-icons": "^1.4.17",
-    "embla-carousel-auto-height": "^7.1.0",
-    "embla-carousel-autoplay": "^7.1.0",
-    "embla-carousel-class-names": "^7.1.0",
-    "embla-carousel-react": "^7.1.0",
-    "embla-carousel-wheel-gestures": "^3.0.0"
-  },
-  "devDependencies": {
-    "@cypress/react": "5.12.5",
-    "@cypress/webpack-dev-server": "^1.6.0",
-    "@rollup/plugin-json": "^4.1.0",
-    "@skodaflow/cypress-execution-sonar-reporter": "^1.0.1",
-    "@skodaflow/eslint-config-react": "^1.0.3",
-    "@skodaflow/eslint-formatter-junit": "^1.0.0",
-    "@skodaflow/sonar-report-merger": "^1.0.1",
-    "@types/cypress-image-snapshot": "^3.1.6",
-    "@types/google.maps": "^3.47.4",
-    "@types/lodash": "^4.14.191",
-    "@types/react": "^17.0.15",
-    "css-loader": "5.2.7",
-    "cypress": "8.7.0",
-    "cypress-image-snapshot": "4.0.1",
-    "eslint": "^7.32.0",
-    "extract-loader": "5.1.0",
-    "file-loader": "6.2.0",
-    "html-webpack-plugin": "^4.5.2",
-    "jest": "26.6.3",
-    "junit-report-merger": "^3.0.2",
-    "lint-staged": "^11.1.2",
-    "lodash": "^4.17.21",
-    "mocha": "^9.1.3",
-    "mocha-junit-reporter": "^2.0.2",
-    "mocha-multi-reporters": "^1.5.1",
-    "postcss-loader": "4.3.0",
-    "prettier": "^2.3.2",
-    "react-scripts": "^4.0.3",
-    "remove-files-webpack-plugin": "1.4.5",
-    "resolve-url-loader": "4.0.0",
-    "rollup": "^2.55.0",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "3.1.8",
-    "rollup-plugin-svg": "^2.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.34.1",
-    "sass": "^1.43.5",
-    "sass-loader": "10.1.1",
-    "style-loader": "2.0.0",
-    "ts-jest": "^27.0.4",
-    "typescript": "4.1.6",
-    "webpack": "^5.7.62",
-    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.13.1"
-  },
-  "lint-staged": {
-    "*.+(js|jsx|ts|tsx)": "eslint --fix",
-    "*.+(json|css|md|scss|sass)": "prettier --write"
-  }
-}
+{
+  "name": "@skodaflow/web-library",
+  "version": "3.2.3",
+  "description": "Implementation of Skoda Flow Design System with Material UI as core library.",
+  "author": "Skoda Auto",
+  "license": "SEE LICENSE IN eula.txt",
+  "main": "./build/index.js",
+  "module": "./build/index.es.js",
+  "types": "./build",
+  "files": [
+    "build",
+    "theme"
+  ],
+  "scripts": {
+    "build": "rollup --config build.library.config.js",
+    "ci-build": "npm run build && npm run build-assets",
+    "build-assets": "webpack --config build.assets.config.js --mode production --env destination=./build/theme/skoda",
+    "lint": "eslint src/**",
+    "lint-fix": "eslint src/** --fix",
+    "lint-report-json": "eslint -f json -o eslint/results/LINT-web-library.json src",
+    "lint-report-junit": "eslint -f @skodaflow/eslint-formatter-junit -o eslint/results/LINT-web-library.xml src",
+    "lint-report-vs": "eslint -f visualstudio -o eslint/results/LINT-web-library.trx src",
+    "lint-staged": "lint-staged",
+    "test-junit-report-merge": "jrm cypress/results/TEST-web-library.junit.xml \"cypress/results/*.junit.xml\"",
+    "test-sonar-report-merge": "srm cypress/results/TEST-web-library.sonar.xml \"cypress/results/*.sonar.xml\"",
+    "test": "cypress run-ct",
+    "test-watch": "cypress open-ct",
+    "preci-test": "webpack --config cypress/utils/clean/config.js --mode none",
+    "ci-test": "cypress run-ct --reporter ../../node_modules/mocha-multi-reporters --reporter-options configFile=cypress-reporters.json"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.4.1",
+    "@emotion/styled": "^11.3.0",
+    "@mui/material": "^5.9.0",
+    "@mui/system": "^5.9.0",
+    "react": "^17.0.2 || ^18.0.0"
+  },
+  "dependencies": {
+    "@skodaflow/web-tokens": "^2.4.0",
+    "@googlemaps/markerclusterer": "^1.0.22",
+    "@googlemaps/react-wrapper": "^1.1.22",
+    "ag-grid-community": "^29.1.0",
+    "ag-grid-react": "^29.1.0",
+    "country-flag-icons": "^1.4.17",
+    "embla-carousel-auto-height": "^7.1.0",
+    "embla-carousel-autoplay": "^7.1.0",
+    "embla-carousel-class-names": "^7.1.0",
+    "embla-carousel-react": "^7.1.0",
+    "embla-carousel-wheel-gestures": "^3.0.0"
+  },
+  "devDependencies": {
+    "@cypress/react": "5.12.5",
+    "@cypress/webpack-dev-server": "^1.6.0",
+    "@rollup/plugin-json": "^4.1.0",
+    "@skodaflow/cypress-execution-sonar-reporter": "^1.0.1",
+    "@skodaflow/eslint-config-react": "^1.0.3",
+    "@skodaflow/eslint-formatter-junit": "^1.0.0",
+    "@skodaflow/sonar-report-merger": "^1.0.1",
+    "@types/cypress-image-snapshot": "^3.1.6",
+    "@types/google.maps": "^3.47.4",
+    "@types/lodash": "^4.14.191",
+    "@types/react": "^17.0.15",
+    "css-loader": "5.2.7",
+    "cypress": "8.7.0",
+    "cypress-image-snapshot": "4.0.1",
+    "eslint": "^7.32.0",
+    "extract-loader": "5.1.0",
+    "file-loader": "6.2.0",
+    "html-webpack-plugin": "^4.5.2",
+    "jest": "26.6.3",
+    "junit-report-merger": "^3.0.2",
+    "lint-staged": "^11.1.2",
+    "lodash": "^4.17.21",
+    "mocha": "^9.1.3",
+    "mocha-junit-reporter": "^2.0.2",
+    "mocha-multi-reporters": "^1.5.1",
+    "postcss-loader": "4.3.0",
+    "prettier": "^2.3.2",
+    "react-scripts": "^4.0.3",
+    "remove-files-webpack-plugin": "1.4.5",
+    "resolve-url-loader": "4.0.0",
+    "rollup": "^2.55.0",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "3.1.8",
+    "rollup-plugin-svg": "^2.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.30.0",
+    "sass": "^1.43.5",
+    "sass-loader": "10.1.1",
+    "style-loader": "2.0.0",
+    "ts-jest": "^27.0.4",
+    "typescript": "4.1.6",
+    "webpack": "^5.7.62",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^4.13.1"
+  },
+  "lint-staged": {
+    "*.+(js|jsx|ts|tsx)": "eslint --fix",
+    "*.+(json|css|md|scss|sass)": "prettier --write"
+  }
+}