@peculiar/react-components 0.0.2-alpha.280 → 0.0.2-alpha.284

package/dist/esnext/icons/close_circle_icon.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export const CloseCircleIcon = (props) => (React.createElement("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+export const CloseCircleIcon = (props) => (React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" },
     React.createElement("rect", { x: "1", y: "1", width: "21.333", height: "21.333", rx: "10.667", fill: "currentColor" }),
     React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.185 11.5l2.721 2.72a.324.324 0 010 .457l-.23.229a.323.323 0 01-.456 0l-2.72-2.72-2.72 2.72a.324.324 0 01-.457 0l-.229-.23a.324.324 0 010-.456l2.721-2.72-2.721-2.72a.324.324 0 010-.457l.229-.229a.324.324 0 01.457 0l2.72 2.72 2.72-2.72a.323.323 0 01.457 0l.229.23a.324.324 0 010 .456l-2.721 2.72z", fill: "#fff" })));
 //# sourceMappingURL=close_circle_icon.js.map

package/dist/esnext/icons/close_circle_icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"close_circle_icon.js","sourceRoot":"","sources":["../../../src/icons/close_circle_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,eAAe,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,6CACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,GAAG;IACnF,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,4SAA4S,EAAC,IAAI,EAAC,MAAM,GAAG,CACrW,CACP,CAAC"}
+{"version":3,"file":"close_circle_icon.js","sourceRoot":"","sources":["../../../src/icons/close_circle_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,eAAe,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,gCACM,KAAK,EACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,GAAG;IACnF,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,4SAA4S,EAAC,IAAI,EAAC,MAAM,GAAG,CACrW,CACP,CAAC"}

package/dist/esnext/icons/close_icon.js

@@ -1,4 +1,4 @@
 import React from 'react';
-export const CloseIcon = (props) => (React.createElement("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+export const CloseIcon = (props) => (React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" },
     React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.174 12l4.665 4.663a.556.556 0 010 .783l-.393.392a.554.554 0 01-.783 0l-4.664-4.663-4.662 4.663a.555.555 0 01-.784 0l-.392-.392a.556.556 0 010-.783L10.826 12 6.16 7.337a.556.556 0 010-.783l.392-.392a.555.555 0 01.784 0l4.662 4.663 4.664-4.663a.554.554 0 01.783 0l.393.392a.556.556 0 010 .783L13.174 12z", fill: "currentColor" })));
 //# sourceMappingURL=close_icon.js.map

package/dist/esnext/icons/close_icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"close_icon.js","sourceRoot":"","sources":["../../../src/icons/close_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,SAAS,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACvD,6CACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mTAAmT,EACrT,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAC"}
+{"version":3,"file":"close_icon.js","sourceRoot":"","sources":["../../../src/icons/close_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,SAAS,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACvD,gCACM,KAAK,EACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mTAAmT,EACrT,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAC"}

package/dist/esnext/icons/close_small_icon.js

@@ -1,4 +1,4 @@
 import React from 'react';
-export const CloseSmallIcon = (props) => (React.createElement("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+export const CloseSmallIcon = (props) => (React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" },
     React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.671 12l2.665 2.665a.318.318 0 010 .447l-.224.224a.317.317 0 01-.447 0L12 12.671l-2.665 2.665a.317.317 0 01-.448 0l-.224-.224a.318.318 0 010-.447L11.33 12 8.663 9.335a.318.318 0 010-.447l.224-.224a.317.317 0 01.448 0L12 11.329l2.665-2.665a.317.317 0 01.447 0l.224.224a.318.318 0 010 .447L12.671 12z", fill: "currentColor" })));
 //# sourceMappingURL=close_small_icon.js.map

package/dist/esnext/icons/close_small_icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"close_small_icon.js","sourceRoot":"","sources":["../../../src/icons/close_small_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,cAAc,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5D,6CACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+SAA+S,EACjT,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAC"}
+{"version":3,"file":"close_small_icon.js","sourceRoot":"","sources":["../../../src/icons/close_small_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,cAAc,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5D,gCACM,KAAK,EACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+SAA+S,EACjT,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAC"}

package/dist/esnext/icons/dot_icon.js

@@ -1,4 +1,4 @@
 import React from 'react';
-export const DotIcon = (props) => (React.createElement("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+export const DotIcon = (props) => (React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" },
     React.createElement("circle", { cx: "12", cy: "12", r: "6", fill: "currentColor" })));
 //# sourceMappingURL=dot_icon.js.map

package/dist/esnext/icons/dot_icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"dot_icon.js","sourceRoot":"","sources":["../../../src/icons/dot_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,OAAO,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACrD,6CACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CAChD,CACP,CAAC"}
+{"version":3,"file":"dot_icon.js","sourceRoot":"","sources":["../../../src/icons/dot_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,OAAO,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACrD,gCACM,KAAK,EACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CAChD,CACP,CAAC"}

package/dist/esnext/icons/plus_icon.js

@@ -1,4 +1,4 @@
 import React from 'react';
-export const PlusIcon = (props) => (React.createElement("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+export const PlusIcon = (props) => (React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" },
     React.createElement("path", { d: "M6 12.5h12M12 18.5v-12", stroke: "currentColor", strokeWidth: "1.5" })));
 //# sourceMappingURL=plus_icon.js.map

package/dist/esnext/icons/plus_icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"plus_icon.js","sourceRoot":"","sources":["../../../src/icons/plus_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,QAAQ,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACtD,6CACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BAAM,CAAC,EAAC,wBAAwB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,CACvE,CACP,CAAC"}
+{"version":3,"file":"plus_icon.js","sourceRoot":"","sources":["../../../src/icons/plus_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,QAAQ,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACtD,gCACM,KAAK,EACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BAAM,CAAC,EAAC,wBAAwB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,CACvE,CACP,CAAC"}

package/dist/esnext/icons/warning_icon.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export const WarningIcon = (props) => (React.createElement("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+export const WarningIcon = (props) => (React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" },
     React.createElement("path", { d: "M9.57 4.385c1.066-1.847 3.73-1.847 4.796 0l7.195 12.461C22.627 18.692 21.294 21 19.163 21H4.773c-2.131 0-3.464-2.308-2.398-4.154L9.57 4.385z", fill: "currentColor" }),
     React.createElement("circle", { cx: "11.968", cy: "16.846", fill: "#fff", r: "1.385" }),
     React.createElement("path", { d: "M10.227 11.11l1.741 4.351 1.74-4.351a1.875 1.875 0 10-3.48 0z", fill: "#fff" })));

package/dist/esnext/icons/warning_icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"warning_icon.js","sourceRoot":"","sources":["../../../src/icons/warning_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,WAAW,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACzD,6CACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BAAM,CAAC,EAAC,8IAA8I,EAAC,IAAI,EAAC,cAAc,GAAG;IAC7K,gCAAQ,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,OAAO,GAAG;IACxD,8BAAM,CAAC,EAAC,+DAA+D,EAAC,IAAI,EAAC,MAAM,GAAG,CAClF,CACP,CAAC"}
+{"version":3,"file":"warning_icon.js","sourceRoot":"","sources":["../../../src/icons/warning_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,WAAW,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACzD,gCACM,KAAK,EACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BAAM,CAAC,EAAC,8IAA8I,EAAC,IAAI,EAAC,cAAc,GAAG;IAC7K,gCAAQ,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,OAAO,GAAG;IACxD,8BAAM,CAAC,EAAC,+DAA+D,EAAC,IAAI,EAAC,MAAM,GAAG,CAClF,CACP,CAAC"}

package/dist/types/Checkbox/checkbox.d.ts

@@ -39,5 +39,5 @@ declare type BaseProps = {
     'data-testid'?: string;
 };
 export declare type CheckboxProps = BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
-export declare const Checkbox: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "onChange" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/Radio/radio.d.ts

@@ -43,5 +43,5 @@ declare type BaseProps = {
     'data-testid'?: string;
 };
 export declare type RadioProps = BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
-export declare const Radio: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "onChange" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Radio: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/Switch/switch.d.ts

@@ -39,5 +39,5 @@ declare type BaseProps = {
     'data-testid'?: string;
 };
 export declare type SwitchProps = BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
-export declare const Switch: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "onChange" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Switch: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/types/hooks/use_autocomplete.d.ts

@@ -7,7 +7,7 @@ export declare type AutocompleteHighlightChangeReason = ('auto' | 'mouse' | 'key
 export declare type AutocompleteHighlightChangeDirectionType = ('next' | 'previous');
 export declare type AutocompleteHighlightChangeDiffType = (number | 'reset' | 'start' | 'end');
 export declare type FilterOptionsType<T> = (options: ReadonlyArray<T>, inputValue: string, getOptionLabel: (option: T) => string) => ReadonlyArray<T>;
-export declare type AutocompleteValue<T, Multiple> = Multiple extends undefined | false ? T : T[];
+export declare type AutocompleteValue<T, Multiple> = Multiple extends undefined | false ? T | null : T[];
 export declare type AutocompleteGroupedOption<T> = {
     key: number;
     index: number;
@@ -79,6 +79,7 @@ export declare type UseAutocompleteReturnType<T, Multiple extends boolean | unde
     getListboxProps: () => React.HTMLAttributes<HTMLUListElement>;
     getRootProps: () => React.HTMLAttributes<HTMLDivElement>;
     getInputProps: () => React.HTMLAttributes<HTMLInputElement>;
+    getClearProps: () => React.HTMLAttributes<HTMLDivElement>;
     getPopoverProps: () => Pick<Required<PopoverProps>, 'open' | 'anchorEl' | 'onClose' | 'onKeyDown'>;
     getTagProps: (option: T, index: number) => {
         key: number;
@@ -86,6 +87,6 @@ export declare type UseAutocompleteReturnType<T, Multiple extends boolean | unde
         tabIndex: -1;
         onDelete: (event: React.SyntheticEvent) => void;
     };
-    getOptionLabel?: (option: T) => string;
+    getOptionLabel: (option: T) => string;
 };
 export declare function useAutocomplete<T, Multiple extends boolean | undefined = undefined>(props: UseAutocompleteProps<T, Multiple>): UseAutocompleteReturnType<T, Multiple>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peculiar/react-components",
   "private": false,
-  "version": "0.0.2-alpha.280+bbda2a1",
+  "version": "0.0.2-alpha.284+91ec33d",
   "author": "PeculiarVentures Team",
   "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
   "keywords": [
@@ -35,47 +35,48 @@
     "check:types": "tsc --noEmit"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "@types/react": "^17.0.0",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
   },
   "dependencies": {
     "@emotion/core": "^10.1.1",
     "@emotion/css": "^11.7.1",
-    "@peculiar/color": "^0.0.2-alpha.280+bbda2a1",
-    "@popperjs/core": "^2.11.2",
+    "@peculiar/color": "^0.0.2-alpha.284+91ec33d",
+    "@popperjs/core": "^2.11.5",
     "@types/flat": "^5.0.2",
     "@types/react-transition-group": "^4.4.4",
     "copy-to-clipboard": "^3.3.1",
     "deepmerge": "^4.2.2",
     "flat": "^5.0.2",
     "focus-trap": "^6.7.3",
-    "nanoid": "^3.3.1",
+    "nanoid": "^3.3.3",
     "react-popper": "^2.2.5",
     "react-transition-group": "^4.4.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^6.4.19",
-    "@storybook/addon-actions": "^6.4.19",
-    "@storybook/addon-controls": "^6.4.19",
-    "@storybook/addon-docs": "^6.4.19",
-    "@storybook/addon-viewport": "^6.4.19",
-    "@storybook/react": "^6.4.19",
-    "@storybook/theming": "^6.4.19",
-    "@testing-library/jest-dom": "^5.16.2",
+    "@storybook/addon-a11y": "^6.4.22",
+    "@storybook/addon-actions": "^6.4.22",
+    "@storybook/addon-controls": "^6.4.22",
+    "@storybook/addon-docs": "^6.4.22",
+    "@storybook/addon-viewport": "^6.4.22",
+    "@storybook/react": "^6.4.22",
+    "@storybook/theming": "^6.4.22",
+    "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.4.1",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.13",
+    "@types/react": "^17.0.44",
+    "@types/react-dom": "^17.0.15",
     "awesome-typescript-loader": "^5.2.1",
-    "jest": "^27.4.7",
+    "jest": "^27.5.1",
     "jest-watch-typeahead": "^1.0.0",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "storybook-addon-performance": "^0.16.1",
-    "ts-jest": "^27.1.3",
-    "typescript": "^4.2.4"
+    "ts-jest": "^27.1.4",
+    "typescript": "^4.6.3"
   },
   "publishConfig": {
     "access": "public"
@@ -84,5 +85,5 @@
     "node": ">=12.x"
   },
   "license": "MIT",
-  "gitHead": "bbda2a1454fd1d3e130549785a41db062b10c905"
+  "gitHead": "91ec33d34533ab83099eb43b513f6ff729a315ef"
 }