@mrshmllw/smores-react 2.1.19 → 2.1.22

package/dist/Tag/__tests__/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/Tag/__tests__/Tag.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAC9C,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAE3B,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,GAAG,IAAC,KAAK,EAAC,+BAA+B,EAAC,KAAK,EAAC,MAAM,GAAG,CAC3D,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/Tag/__tests__/Tag.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,GAAG,IAAC,KAAK,EAAC,+BAA+B,EAAC,KAAK,EAAC,OAAO,GAAG,CAC5D,CAAA;IACD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}

package/dist/Text/Text.d.ts

@@ -1,14 +1,15 @@
 import { FC, LabelHTMLAttributes, ReactNode } from 'react';
+import { Color } from '../theme';
 declare type Props = {
     children: ReactNode;
     tag: any;
     className?: string;
     typo?: string;
     align?: string;
-    color?: string;
+    color?: Color;
     cursor?: string;
     title?: string;
 };
-export declare type TextProps = Props & LabelHTMLAttributes<HTMLElement>;
+export declare type TextProps = Props & Omit<LabelHTMLAttributes<HTMLElement>, 'color'>;
 export declare const Text: FC<TextProps>;
 export {};

package/dist/Text/Text.js

@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { theme } from '../theme';
+import { linkStyleOverride } from '../Link/Link';
 export const Text = forwardRef((_a, ref) => {
     var { children, typo, className = '', tag = 'p', align = 'left', color = 'secondary', cursor = 'inherit', title = '' } = _a, props = __rest(_a, ["children", "typo", "className", "tag", "align", "color", "cursor", "title"]);
     return (React.createElement(Container, Object.assign({ as: tag, className: className, typo: typo || 'base', align: align, color: color, cursor: cursor, title: title }, props, { ref: ref }), children));
@@ -174,11 +175,12 @@ const Container = styled.p(({ align, color, cursor, typo }) => css `
       letter-spacing: 0.75px;
     `}
 
-  margin: 0;
+    margin: 0;
     padding: 0;
-    color: ${theme.colors[color]};
     text-align: ${align};
     cursor: ${cursor};
     letter-spacing: 0.15px;
+    color: ${theme.colors[color]};
+    ${linkStyleOverride({ color: theme.colors[color] })}
   `);
 //# sourceMappingURL=Text.js.map

package/dist/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAkC,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AA2BhC,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,WAAW,EACnB,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,EAAE,OAEX,EADI,KAAK,cATV,6EAUC,CADS;IAGP,OAAA,CACH,oBAAC,SAAS,kBACR,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IACR,KAAK,IACT,GAAG,EAAE,GAAG,KAEP,QAAQ,CACC,CACb,CAAA;CAAA,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CACxB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;MAInC,IAAI,KAAK,cAAc;IACzB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,eAAe;IACxB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,cAAc;IACvB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,MAAM;IACf,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,OAAO;IAChB,GAAG,CAAA;;;;;;;;;;KAUF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;KAMF;;;;aAIQ,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;kBACd,KAAK;cACT,MAAM;;GAEjB,CACF,CAAA"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAkC,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AA2BhD,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,WAAW,EACnB,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,EAAE,OAEX,EADI,KAAK,cATV,6EAUC,CADS;IAGP,OAAA,CACH,oBAAC,SAAS,kBACR,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IACR,KAAK,IACT,GAAG,EAAE,GAAG,KAEP,QAAQ,CACC,CACb,CAAA;CAAA,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CACxB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;MAInC,IAAI,KAAK,cAAc;IACzB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,eAAe;IACxB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,cAAc;IACvB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,MAAM;IACf,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,OAAO;IAChB,GAAG,CAAA;;;;;;;;;;KAUF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;KAMF;;;;kBAIa,KAAK;cACT,MAAM;;aAEP,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;MAC1B,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;GACpD,CACF,CAAA"}

package/dist/Toggle/Toggle.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
+import { focusOutline } from '../utils/focusOutline';
 import { theme } from '../theme';
 export const Toggle = ({ checked, onToggle }) => {
     return (React.createElement(Switch, null,
@@ -45,6 +46,8 @@ const Slider = styled.span `
   }
 `;
 const Checkbox = styled.input `
+  ${focusOutline({ selector: `&:focus-visible + ${Slider}` })}
+
   &:checked + ${Slider} {
     background-color: ${theme.colors.success};
     border: 1px solid;

package/dist/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAWhC,MAAM,CAAC,MAAM,MAAM,GAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,QAAQ,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI;QAClE,oBAAC,MAAM,OAAG,CACH,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;CAW1B,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;sBAOJ,KAAK,CAAC,MAAM,CAAC,SAAS;;kBAE1B,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;;;;;;wBAYhB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;CAIzC,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA;gBACb,MAAM;wBACE,KAAK,CAAC,MAAM,CAAC,OAAO;;oBAExB,KAAK,CAAC,MAAM,CAAC,OAAO;;;gBAGxB,MAAM;;;CAGrB,CAAA"}
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAWhC,MAAM,CAAC,MAAM,MAAM,GAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,QAAQ,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI;QAClE,oBAAC,MAAM,OAAG,CACH,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;CAW1B,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;sBAOJ,KAAK,CAAC,MAAM,CAAC,SAAS;;kBAE1B,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;;;;;;wBAYhB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;CAIzC,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA;IACzB,YAAY,CAAC,EAAE,QAAQ,EAAE,qBAAqB,MAAM,EAAE,EAAE,CAAC;;gBAE7C,MAAM;wBACE,KAAK,CAAC,MAAM,CAAC,OAAO;;oBAExB,KAAK,CAAC,MAAM,CAAC,OAAO;;;gBAGxB,MAAM;;;CAGrB,CAAA"}

package/dist/colors.stories.js

@@ -19,6 +19,8 @@ const thirdPartyBrand = [
     'stripe',
     'intercom',
     'ravelin',
+    'rac',
+    'hometree',
 ];
 const ColorCard = ({ colorName }) => {
     const hexValue = theme.colors[colorName];

package/dist/colors.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../src/colors.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../src/colors.stories.tsx"],"names":[],"mappings":"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"}

package/dist/theme.d.ts

@@ -1,3 +1,32 @@
+declare const colors: {
+    primary: string;
+    secondary: string;
+    white: string;
+    black: string;
+    bgPrimary: string;
+    bgSecondary: string;
+    bgCarbon: string;
+    subtext: string;
+    outline: string;
+    background: string;
+    error: string;
+    agentWarning: string;
+    warning: string;
+    success: string;
+    compareTheMarket: string;
+    confused: string;
+    onfido: string;
+    twitter: string;
+    premfina: string;
+    checkout: string;
+    facebook: string;
+    stripe: string;
+    intercom: string;
+    ravelin: string;
+    rac: string;
+    hometree: string;
+};
+export declare type Color = keyof typeof colors;
 export declare const theme: {
     colors: {
         primary: string;
@@ -24,6 +53,8 @@ export declare const theme: {
         stripe: string;
         intercom: string;
         ravelin: string;
+        rac: string;
+        hometree: string;
     };
     font: {
         weight: {
@@ -34,3 +65,4 @@ export declare const theme: {
         system: string;
     };
 };
+export {};

package/dist/theme.js

@@ -28,6 +28,8 @@ const colors = {
     stripe: '#6772E5',
     intercom: '##286EFA',
     ravelin: '#2A4AFC',
+    rac: '#EA7D24',
+    hometree: '#17171C',
 };
 const font = {
     weight: {

package/dist/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,aAAa;IACb,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,mBAAmB;IACnB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,QAAQ,EAAE,SAAS;IAEnB,WAAW;IACX,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IAErB,gBAAgB;IAChB,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,SAAS;IACvB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,4BAA4B;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,IAAI,GAAG;IACX,MAAM,EAAE;QACN,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;IACD,MAAM,EACJ,+IAA+I;CAClJ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,IAAI;CACL,CAAA"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,aAAa;IACb,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,mBAAmB;IACnB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,QAAQ,EAAE,SAAS;IAEnB,WAAW;IACX,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IAErB,gBAAgB;IAChB,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,SAAS;IACvB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,4BAA4B;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,SAAS;IACd,QAAQ,EAAE,SAAS;CACpB,CAAA;AAID,MAAM,IAAI,GAAG;IACX,MAAM,EAAE;QACN,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;IACD,MAAM,EACJ,+IAA+I;CAClJ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,IAAI;CACL,CAAA"}

package/dist/utils/focusOutline.d.ts

@@ -0,0 +1,3 @@
+export declare const focusOutline: ({ selector, }?: {
+    selector?: string | undefined;
+}) => import("styled-components").FlattenSimpleInterpolation;

package/dist/utils/focusOutline.js

@@ -0,0 +1,11 @@
+import { css } from 'styled-components';
+import { theme } from '../theme';
+export const focusOutline = ({ selector = '&:focus-visible', } = {}) => css `
+  outline: 0;
+
+  ${selector} {
+    outline: 2px solid ${theme.colors.secondary};
+    outline-offset: 2px;
+  }
+`;
+//# sourceMappingURL=focusOutline.js.map

package/dist/utils/focusOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusOutline.js","sourceRoot":"","sources":["../../src/utils/focusOutline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,GAAG,iBAAiB,MACH,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;IAGjC,QAAQ;yBACa,KAAK,CAAC,MAAM,CAAC,SAAS;;;CAG9C,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "2.1.19",
+  "version": "2.1.22",
   "main": "./dist/index.js",
   "description": "Collection of React components used by Marshmallow Technology",
   "keywords": [
@@ -47,7 +47,7 @@
     "@typescript-eslint/eslint-plugin": "^4.3.0",
     "@typescript-eslint/parser": "^4.3.0",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^26.3.0",
+    "babel-jest": "^28.0.3",
     "babel-loader": "^8.1.0",
     "eslint": "^7.9.0",
     "eslint-config-prettier": "^8.2.0",
@@ -55,7 +55,7 @@
     "eslint-plugin-react": "^7.29.2",
     "eslint-plugin-react-hooks": "^4.1.2",
     "husky": "^7.0.0",
-    "jest": "^26.4.2",
+    "jest": "^28.0.3",
     "jest-styled-components": "^7.0.3",
     "lint-staged": "^12.0.2",
     "prettier": "^2.1.2",