glints-aries 4.0.151 → 4.0.154

package/lib/Utils/Icon/generateIcons.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var fs = _interopRequireWildcard(require("fs"));
 
 var ReactDOMServer = _interopRequireWildcard(require("react-dom/server"));
@@ -14,6 +12,10 @@ var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
 
 var _IconLibrary = require("./IconLibrary");
 
+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; }
+
 var ICON_COMPONENTS_DIR = './src/General/Icon/components';
 var SRC_INDEX_FILE = './src/index.ts';
 var ICON_HEADING_CONTENT = '\n// Icons\n';

package/lib/Utils/Shadow/ShadowsStoriesHelpers.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.PreviewBox = exports.PreviewCell = exports.levelUsages = exports.levels = void 0;
+exports.levels = exports.levelUsages = exports.PreviewCell = exports.PreviewBox = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -18,14 +18,14 @@ exports.levelUsages = levelUsages;
 
 var PreviewCell = _styledComponents["default"].div.withConfig({
   displayName: "ShadowsStoriesHelpers__PreviewCell",
-  componentId: "cigkku-0"
+  componentId: "sc-cigkku-0"
 })(["background-color:white;padding:16px;display:flex;*{margin-top:0 !important;margin-bottom:0 !important;}"]);
 
 exports.PreviewCell = PreviewCell;
 
 var PreviewBox = _styledComponents["default"].div.withConfig({
   displayName: "ShadowsStoriesHelpers__PreviewBox",
-  componentId: "cigkku-1"
+  componentId: "sc-cigkku-1"
 })(["box-shadow:", ";margin:16px;border:1px solid black;background-color:", ";width:32px;height:32px;"], function (_ref) {
   var shadow = _ref.shadow;
   return shadow;

package/lib/Utils/StyleConfig.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Device = exports.ScreenSize = exports.ButtonTheme = exports.PsychedelicTheme = exports.RoundedCornerButtonVariant = exports.ButtonVariant = exports.ETooltipPosition = exports.ETabThemeVariant = exports.ETabAlignment = void 0;
+exports.ScreenSize = exports.RoundedCornerButtonVariant = exports.PsychedelicTheme = exports.ETooltipPosition = exports.ETabThemeVariant = exports.ETabAlignment = exports.Device = exports.ButtonVariant = exports.ButtonTheme = void 0;
 var ETabAlignment;
 exports.ETabAlignment = ETabAlignment;
 

package/lib/index.d.ts

@@ -11,7 +11,7 @@ export { default as Drawer } from './Navigation/Drawer';
 export { default as Dropdown } from './Navigation/Dropdown';
 export { default as Gallery } from './Display/Gallery';
 export { Box } from './Layout/Box';
-export { ResponsiveSpacing } from './Layout/Box/types';
+export type { ResponsiveSpacing } from './Layout/Box/types';
 export { Flex } from './Layout/Flex';
 export { default as Grid } from './Layout/Grid';
 export { default as Heading } from './General/Heading';

package/lib/index.js

@@ -3,9 +3,9 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.EyeSlashedIcon = exports.EyeSolidIcon = exports.EyeIcon = exports.ExternalLinkIcon = exports.ExitFullScreenIcon = exports.ExclamationIcon = exports.EditOutlineIcon = exports.EditIcon = exports.DragArrowIcon = exports.DragStripesIcon = exports.DownloadIcon = exports.DoveIcon = exports.DoubleCheckmarkIcon = exports.DotIcon = exports.DocumentCheckIcon = exports.DiscountSolidIcon = exports.DeleteIcon = exports.CurrencyIcon = exports.CopyLinkIcon = exports.CopyOutlinedIcon = exports.CopyIcon = exports.ConnectionIcon = exports.CommunityIcon = exports.CompassIcon = exports.CodepenIcon = exports.CloudUploadIcon = exports.CloudDownloadIcon = exports.CloseCircleSolidIcon = exports.CloseIcon = exports.ClockIcon = exports.ClipboardCheckOutlineIcon = exports.ClipboardIcon = exports.CircleAndCheckIcon = exports.CircleIcon = exports.CheckmarkThickIcon = exports.CheckmarkSolidIcon = exports.CheckmarkIcon = exports.ChecklistIcon = exports.CameraIcon = exports.CalendarIcon = exports.BulletListIcon = exports.BuildingSolidIcon = exports.BriefcaseSolidIcon = exports.BoxWithHandleSolidIcon = exports.BookmarkRoundedOutlineIcon = exports.BookmarkOutlineIcon = exports.BookmarkIcon = exports.BellIcon = exports.BehanceIcon = exports.AttachmentIcon = exports.AsteriskSolidIcon = exports.ArrowRoundForwardIcon = exports.ArrowRoundBackIcon = exports.ArrowUpIcon = exports.ArrowNextSolidIcon = exports.ArrowNextDoubleIcon = exports.ArrowNextIcon = exports.ArrowUpSolidIcon = exports.ArrowDownSolidIcon = exports.ArrowDownCircleOutlineIcon = exports.ArrowDownIcon = exports.ArrowBackDoubleIcon = exports.ArrowBackSolidIcon = exports.ArrowBackIcon = exports.AddCircleSolidIcon = exports.AddCircleOutlineIcon = exports.AddIcon = exports.GlintsContainer = exports.ToggleSwitch = exports.Typography = exports.Tooltip = exports.TextField = exports.Textarea = exports.Tag = exports.Tabs = exports.Swipeable = exports.Slider = exports.Select = exports.RadioButton = exports.ProfilePicture = exports.Popover = exports.PointingModal = exports.NumberInput = exports.Modal = exports.Loading = exports.Icon = exports.Heading = exports.Grid = exports.Gallery = exports.Dropdown = exports.Drawer = exports.Divider = exports.Collapsible = exports.Checkbox = exports.Button = exports.Breadcrumb = exports.Brand = exports.Badge = exports.Alert = exports.Accordion = void 0;
-exports.VideoIcon = exports.UserWrenchIcon = exports.UserCogIcon = exports.UserIcon = exports.UpvoteIcon = exports.UploadIcon = exports.TwitterIcon = exports.TvPlayIcon = exports.TrashIcon = exports.TieIcon = exports.TicketSolidIcon = exports.ThumbsUpOutlineIcon = exports.ThumbsUpIcon = exports.TelegramIcon = exports.TaskIcon = exports.TagIcon = exports.StarIcon = exports.StarCircleIcon = exports.StarOutlineIcon = exports.StackIcon = exports.SpinnerIcon = exports.SpeechBubbleOutlineIcon = exports.SpeechBubbleIcon = exports.SpeakerIcon = exports.ShieldCheckIcon = exports.ShareScreenIcon = exports.ShareArrowOutlineIcon = exports.ShareArrowIcon = exports.ShareOutlineIcon = exports.ShareIcon = exports.SettingSolidIcon = exports.SettingIcon = exports.SendIcon = exports.SearchIcon = exports.SaveSolidIcon = exports.SalaryIcon = exports.RssIcon = exports.RotateIcon = exports.ResumeOutlineIcon = exports.ReplyIcon = exports.RefreshSolidIcon = exports.QuotationIcon = exports.QuestionOutlineIcon = exports.PuzzleIcon = exports.PowerIcon = exports.PhoneIcon = exports.PdfOutlineIcon = exports.PdfIcon = exports.OnlineIcon = exports.NumberListIcon = exports.NotificationIcon = exports.NameTagIcon = exports.MoreHorizontalIcon = exports.MoreIcon = exports.MinusCircleSolidIcon = exports.MinusCircleIcon = exports.MinusIcon = exports.MicOffIcon = exports.MicIcon = exports.MessageOutlineIncomingIcon = exports.MessageOutlineIcon = exports.MenuHalfIcon = exports.MenuIcon = exports.MedalIcon = exports.MailSolidIcon = exports.MailIcon = exports.LockSolidIcon = exports.LocationIcon = exports.LoadingIcon = exports.LinkedinIcon = exports.LineIcon = exports.LightningOutlineIcon = exports.LightbulbIcon = exports.InstagramIcon = exports.InfoSolidIcon = exports.InfoIcon = exports.ImageIcon = exports.JobOutlineIcon = exports.JobSearchIcon = exports.HourglassIcon = exports.HomeIcon = exports.HelpIcon = exports.HeartIcon = exports.HeartSolidIcon = exports.HandShakeIcon = exports.HandIcon = exports.GithubIcon = exports.GuaranteeIcon = exports.GroupIcon = exports.GraduationHatIcon = exports.GlobeIcon = exports.FullScreenIcon = exports.FolderIcon = exports.FlagIcon = exports.FilterIcon = exports.FileSolidIcon = exports.FilePreviewIcon = exports.FileAlternateIcon = exports.FileIcon = exports.FacebookIcon = void 0;
-exports.Shadow = exports.Greyscale = exports.SecondaryColor = exports.PrimaryColor = exports.ScreenSize = exports.Device = exports.defaultEmptyListText = exports.DownshiftSelectItemToString = exports.DownshiftSelectDefaultTransformFunction = exports.DownshiftSelectSubComponents = exports.DownshiftSelect = exports.PhoneNumberInput = exports.Flex = exports.ResponsiveSpacing = exports.Box = exports.ZaloIcon = exports.YoutubeIcon = exports.WhatsappIcon = exports.WarningSolidIcon = exports.WarningOutlineIcon = exports.WarningCircleSolidIcon = exports.WarningIcon = exports.VimeoIcon = exports.ViewIcon = exports.VideoOffIcon = void 0;
+exports.Greyscale = exports.GraduationHatIcon = exports.GlobeIcon = exports.GlintsContainer = exports.GithubIcon = exports.Gallery = exports.FullScreenIcon = exports.FolderIcon = exports.Flex = exports.FlagIcon = exports.FilterIcon = exports.FileSolidIcon = exports.FilePreviewIcon = exports.FileIcon = exports.FileAlternateIcon = exports.FacebookIcon = exports.EyeSolidIcon = exports.EyeSlashedIcon = exports.EyeIcon = exports.ExternalLinkIcon = exports.ExitFullScreenIcon = exports.ExclamationIcon = exports.EditOutlineIcon = exports.EditIcon = exports.Dropdown = exports.Drawer = exports.DragStripesIcon = exports.DragArrowIcon = exports.DownshiftSelectSubComponents = exports.DownshiftSelectItemToString = exports.DownshiftSelectDefaultTransformFunction = exports.DownshiftSelect = exports.DownloadIcon = exports.DoveIcon = exports.DoubleCheckmarkIcon = exports.DotIcon = exports.DocumentCheckIcon = exports.Divider = exports.DiscountSolidIcon = exports.Device = exports.DeleteIcon = exports.CurrencyIcon = exports.CopyOutlinedIcon = exports.CopyLinkIcon = exports.CopyIcon = exports.ConnectionIcon = exports.CompassIcon = exports.CommunityIcon = exports.Collapsible = exports.CodepenIcon = exports.CloudUploadIcon = exports.CloudDownloadIcon = exports.CloseIcon = exports.CloseCircleSolidIcon = exports.ClockIcon = exports.ClipboardIcon = exports.ClipboardCheckOutlineIcon = exports.CircleIcon = exports.CircleAndCheckIcon = exports.CheckmarkThickIcon = exports.CheckmarkSolidIcon = exports.CheckmarkIcon = exports.ChecklistIcon = exports.Checkbox = exports.CameraIcon = exports.CalendarIcon = exports.Button = exports.BulletListIcon = exports.BuildingSolidIcon = exports.BriefcaseSolidIcon = exports.Breadcrumb = exports.Brand = exports.BoxWithHandleSolidIcon = exports.Box = exports.BookmarkRoundedOutlineIcon = exports.BookmarkOutlineIcon = exports.BookmarkIcon = exports.BellIcon = exports.BehanceIcon = exports.Badge = exports.AttachmentIcon = exports.AsteriskSolidIcon = exports.ArrowUpSolidIcon = exports.ArrowUpIcon = exports.ArrowRoundForwardIcon = exports.ArrowRoundBackIcon = exports.ArrowNextSolidIcon = exports.ArrowNextIcon = exports.ArrowNextDoubleIcon = exports.ArrowDownSolidIcon = exports.ArrowDownIcon = exports.ArrowDownCircleOutlineIcon = exports.ArrowBackSolidIcon = exports.ArrowBackIcon = exports.ArrowBackDoubleIcon = exports.Alert = exports.AddIcon = exports.AddCircleSolidIcon = exports.AddCircleOutlineIcon = exports.Accordion = void 0;
+exports.TicketSolidIcon = exports.ThumbsUpOutlineIcon = exports.ThumbsUpIcon = exports.Textarea = exports.TextField = exports.TelegramIcon = exports.TaskIcon = exports.TagIcon = exports.Tag = exports.Tabs = exports.Swipeable = exports.StarOutlineIcon = exports.StarIcon = exports.StarCircleIcon = exports.StackIcon = exports.SpinnerIcon = exports.SpeechBubbleOutlineIcon = exports.SpeechBubbleIcon = exports.SpeakerIcon = exports.Slider = exports.ShieldCheckIcon = exports.ShareScreenIcon = exports.ShareOutlineIcon = exports.ShareIcon = exports.ShareArrowOutlineIcon = exports.ShareArrowIcon = exports.Shadow = exports.SettingSolidIcon = exports.SettingIcon = exports.SendIcon = exports.Select = exports.SecondaryColor = exports.SearchIcon = exports.ScreenSize = exports.SaveSolidIcon = exports.SalaryIcon = exports.RssIcon = exports.RotateIcon = exports.ResumeOutlineIcon = exports.ReplyIcon = exports.RefreshSolidIcon = exports.RadioButton = exports.QuotationIcon = exports.QuestionOutlineIcon = exports.PuzzleIcon = exports.ProfilePicture = exports.PrimaryColor = exports.PowerIcon = exports.Popover = exports.PointingModal = exports.PhoneNumberInput = exports.PhoneIcon = exports.PdfOutlineIcon = exports.PdfIcon = exports.OnlineIcon = exports.NumberListIcon = exports.NumberInput = exports.NotificationIcon = exports.NameTagIcon = exports.MoreIcon = exports.MoreHorizontalIcon = exports.Modal = exports.MinusIcon = exports.MinusCircleSolidIcon = exports.MinusCircleIcon = exports.MicOffIcon = exports.MicIcon = exports.MessageOutlineIncomingIcon = exports.MessageOutlineIcon = exports.MenuIcon = exports.MenuHalfIcon = exports.MedalIcon = exports.MailSolidIcon = exports.MailIcon = exports.LockSolidIcon = exports.LocationIcon = exports.LoadingIcon = exports.Loading = exports.LinkedinIcon = exports.LineIcon = exports.LightningOutlineIcon = exports.LightbulbIcon = exports.JobSearchIcon = exports.JobOutlineIcon = exports.InstagramIcon = exports.InfoSolidIcon = exports.InfoIcon = exports.ImageIcon = exports.Icon = exports.HourglassIcon = exports.HomeIcon = exports.HelpIcon = exports.HeartSolidIcon = exports.HeartIcon = exports.Heading = exports.HandShakeIcon = exports.HandIcon = exports.GuaranteeIcon = exports.GroupIcon = exports.Grid = void 0;
+exports.defaultEmptyListText = exports.ZaloIcon = exports.YoutubeIcon = exports.WhatsappIcon = exports.WarningSolidIcon = exports.WarningOutlineIcon = exports.WarningIcon = exports.WarningCircleSolidIcon = exports.VimeoIcon = exports.ViewIcon = exports.VideoOffIcon = exports.VideoIcon = exports.UserWrenchIcon = exports.UserIcon = exports.UserCogIcon = exports.UpvoteIcon = exports.UploadIcon = exports.Typography = exports.TwitterIcon = exports.TvPlayIcon = exports.TrashIcon = exports.Tooltip = exports.ToggleSwitch = exports.TieIcon = void 0;
 
 var _Accordion = _interopRequireDefault(require("./Display/Accordion"));
 
@@ -59,10 +59,6 @@ var _Box = require("./Layout/Box");
 
 exports.Box = _Box.Box;
 
-var _types = require("./Layout/Box/types");
-
-exports.ResponsiveSpacing = _types.ResponsiveSpacing;
-
 var _Flex = require("./Layout/Flex");
 
 exports.Flex = _Flex.Flex;

package/lib/stories/story-components/AriesStatus.js

@@ -1,12 +1,14 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.AriesStatus = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+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; }
+
 var QUERY = 'SELECT * WHERE K<>"Removing" ORDER BY I DESC';
 
 var AriesStatus = function AriesStatus() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.151",
+  "version": "4.0.154",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",
@@ -16,8 +16,8 @@
     "lint": "npm run lint:css && npm run lint:ts",
     "lint:css": "stylelint '**/*Style.ts'",
     "lint:ts": "eslint '**/*.{ts,tsx}'",
-    "test:update": "jest -u",
-    "test": "jest",
+    "test:update": "jest --env jsdom -u",
+    "test": "jest --env jsdom",
     "coverage:src": "jest --coverage --collectCoverageFrom 'src/**/*.tsx' --coveragePathIgnorePatterns 'src/General/Icon/components/' --collectCoverageFrom='!src/**/*.stories.tsx' --collectCoverageFrom='!src/**/*StoryStyle.tsx' --collectCoverageFrom='!src/**/*StoriesHelpers.tsx' --collectCoverageFrom='!src/stories/story-components/**'",
     "storybook": "start-storybook -p 6006",
     "storybook:build": "rm -rf .out && npm run storybook:build:assets && npm run build:icon && build-storybook -o .out -s dist/public",
@@ -59,23 +59,22 @@
     "@storybook/addon-essentials": "^6.3.8",
     "@storybook/addon-links": "^6.3.8",
     "@storybook/react": "^6.3.8",
-    "@testing-library/dom": "^6.1.0",
-    "@testing-library/jest-dom": "^4.0.0",
-    "@testing-library/react": "^9.1.3",
-    "@testing-library/user-event": "^7.1.2",
+    "@testing-library/dom": "^8.11.3",
+    "@testing-library/jest-dom": "^5.16.2",
+    "@testing-library/react": "^11.2.7",
+    "@testing-library/user-event": "^13.5.0",
     "@types/async": "^3.2.0",
-    "@types/classnames": "^2.2.8",
-    "@types/jest": "^24.0.17",
+    "@types/body-scroll-lock": "^3.1.0",
+    "@types/jest": "^27.4.1",
     "@types/lodash": "^4.14.149",
-    "@types/moment": "^2.13.0",
     "@types/node": "^12.12.7",
-    "@types/react": "^16.8.18",
-    "@types/react-dom": "^16.8.4",
-    "@types/react-test-renderer": "^16.9.0",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.11",
+    "@types/react-test-renderer": "^17.0.1",
     "@types/styled-components": "^5.1.1",
     "@types/styled-system": "^5.1.10",
-    "@typescript-eslint/eslint-plugin": "^2.21.0",
-    "@typescript-eslint/parser": "^2.21.0",
+    "@typescript-eslint/eslint-plugin": "^5.6.0",
+    "@typescript-eslint/parser": "^5.6.0",
     "async": "^3.2.0",
     "babel-eslint": "^10.0.1",
     "babel-loader": "^8.0.6",
@@ -84,55 +83,52 @@
     "chromatic": "^5.4.0",
     "create-index": "^2.4.0",
     "cross-env": "^6.0.3",
-    "eslint": "^6.8.0",
-    "eslint-config-airbnb": "^17.0.0",
-    "eslint-config-airbnb-base": "^13.0.0",
+    "eslint": "^8.4.1",
+    "eslint-config-airbnb": "^19.0.2",
+    "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^6.3.0",
-    "eslint-plugin-import": "^2.17.3",
+    "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-jest": "^23.8.0",
-    "eslint-plugin-jsx-a11y": "^6.2.1",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-react": "^7.13.0",
-    "eslint-plugin-react-hooks": "^2.5.0",
+    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-react-hooks": "^4.3.0",
     "file-loader": "^3.0.1",
     "fork-ts-checker-webpack-plugin": "^1.3.4",
     "generate-changelog": "^1.7.1",
     "glob": "^7.1.6",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^24.8.0",
+    "jest": "^27.5.1",
     "jest-styled-components": "^7.0.2",
-    "jsx-to-string": "^1.4.0",
     "lodash": "^4.17.15",
     "prettier": "1.18.2",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
-    "react-is": "^16.13.1",
-    "react-test-renderer": "^16.8.6",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-is": "^17.0.2",
+    "react-test-renderer": "^17.0.2",
     "styled-components": "^5.1.1",
     "stylelint": "^10.0.1",
     "stylelint-config-recommended": "^2.2.0",
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.8.0",
-    "typescript": "^3.5.1",
+    "typescript": "^4.5.2",
     "webpack": "^4.32.2",
     "webpack-assets-manifest": "^3.1.1",
     "webpack-cli": "^3.3.2",
     "webpack-glob-entry": "2.1.1"
   },
   "dependencies": {
-    "@types/body-scroll-lock": "^2.6.1",
     "body-scroll-lock": "^3.1.5",
     "classnames": "^2.2.6",
-    "create-react-context": "^0.2.3",
     "downshift": "^6.1.3",
-    "react-id-generator": "^3.0.1",
     "moment": "^2.24.0",
+    "react-id-generator": "^3.0.1",
     "styled-system": "^5.1.5"
   },
   "peerDependencies": {
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0",
-    "styled-components": "^4.0.0"
+    "react": "^16.3.0 || ^17",
+    "react-dom": "^16.3.0 || ^17",
+    "styled-components": "^4.0.0 || ^5.0.0"
   },
   "jest": {
     "moduleNameMapper": {