@newskit-render/shared-components 4.52.3 → 4.52.5-alpha.0

package/dist/cjs/theme/timesTheme/borders.d.ts

@@ -14,5 +14,6 @@ declare const borders: {
     borderWidth010: string;
     borderWidth020: string;
     borderWidth030: string;
+    borderWidth040: string;
 };
 export { borders };

package/dist/cjs/theme/timesTheme/fonts.d.ts

@@ -17,10 +17,13 @@ declare const fonts: {
     fontFamily030: {
         fontFamily: string;
     };
+    fontSize005: string;
     fontSize010: string;
     fontSize020: string;
+    fontSize025: string;
     fontSize030: string;
     fontSize040: string;
+    fontSize045: string;
     fontSize050: string;
     fontSize060: string;
     fontSize070: string;
@@ -40,6 +43,10 @@ declare const fonts: {
     letterSpacing030: string;
     letterSpacing040: string;
     letterSpacing050: string;
+    letterSpacing060: string;
+    letterSpacing070: string;
+    letterSpacing080: string;
+    letterSpacing090: string;
     fontLineHeight010: number;
     fontLineHeight020: number;
     fontLineHeight030: number;

package/dist/cjs/theme/timesTheme/sizing.d.ts

@@ -8,6 +8,7 @@ declare const sizing: {
     sizing000: string;
     sizing010: string;
     sizing020: string;
+    sizing025: string;
     sizing030: string;
     sizing040: string;
     sizing045: string;

package/dist/cjs/theme/timesTheme/spacePresets.d.ts

@@ -3,6 +3,7 @@ declare const spacePresets: {
     space000: string;
     space010: string;
     space020: string;
+    space025: string;
     space030: string;
     space040: string;
     space045: string;

package/dist/cjs/theme/timesTheme/typographyPresets.d.ts

@@ -83,6 +83,13 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    editorialHeadline015: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     editorialHeadline020: {
         fontFamily: string;
         fontWeight: number;
@@ -90,6 +97,13 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    editorialHeadline025: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     editorialHeadline030: {
         fontFamily: string;
         fontWeight: number;
@@ -209,6 +223,20 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    editorialCaption020: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialCredit010: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     editorialLabel010: {
         fontFamily: string;
         fontWeight: number;
@@ -230,6 +258,300 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    editorialRegularDisplay001: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay002: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay003: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay004: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay005: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay006: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay007: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay008: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay010: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay020: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay030: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline010: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline015: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline020: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline025: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline030: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline040: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline050: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline060: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline070: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline080: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay001: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay002: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay003: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay004: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay005: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay006: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay007: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay008: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay010: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay020: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay030: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline010: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline015: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline020: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline025: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline030: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline040: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline050: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline060: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline070: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline080: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     utilityHeading010: {
         fontFamily: string;
         fontWeight: number;
@@ -321,6 +643,13 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    utilityLabel005: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     utilityLabel010: {
         fontFamily: string;
         fontWeight: number;
@@ -342,6 +671,13 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    utilityButton005: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     utilityButton010: {
         fontFamily: string;
         fontWeight: number;
@@ -363,6 +699,13 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    utilityMeta005: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     utilityMeta010: {
         fontFamily: string;
         fontWeight: number;

package/dist/esm/theme/timesTheme/borders.d.ts

@@ -14,5 +14,6 @@ declare const borders: {
     borderWidth010: string;
     borderWidth020: string;
     borderWidth030: string;
+    borderWidth040: string;
 };
 export { borders };

package/dist/esm/theme/timesTheme/fonts.d.ts

@@ -17,10 +17,13 @@ declare const fonts: {
     fontFamily030: {
         fontFamily: string;
     };
+    fontSize005: string;
     fontSize010: string;
     fontSize020: string;
+    fontSize025: string;
     fontSize030: string;
     fontSize040: string;
+    fontSize045: string;
     fontSize050: string;
     fontSize060: string;
     fontSize070: string;
@@ -40,6 +43,10 @@ declare const fonts: {
     letterSpacing030: string;
     letterSpacing040: string;
     letterSpacing050: string;
+    letterSpacing060: string;
+    letterSpacing070: string;
+    letterSpacing080: string;
+    letterSpacing090: string;
     fontLineHeight010: number;
     fontLineHeight020: number;
     fontLineHeight030: number;

package/dist/esm/theme/timesTheme/sizing.d.ts

@@ -8,6 +8,7 @@ declare const sizing: {
     sizing000: string;
     sizing010: string;
     sizing020: string;
+    sizing025: string;
     sizing030: string;
     sizing040: string;
     sizing045: string;

package/dist/esm/theme/timesTheme/spacePresets.d.ts

@@ -3,6 +3,7 @@ declare const spacePresets: {
     space000: string;
     space010: string;
     space020: string;
+    space025: string;
     space030: string;
     space040: string;
     space045: string;

package/dist/esm/theme/timesTheme/typographyPresets.d.ts

@@ -83,6 +83,13 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    editorialHeadline015: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     editorialHeadline020: {
         fontFamily: string;
         fontWeight: number;
@@ -90,6 +97,13 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    editorialHeadline025: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     editorialHeadline030: {
         fontFamily: string;
         fontWeight: number;
@@ -209,6 +223,20 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    editorialCaption020: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialCredit010: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     editorialLabel010: {
         fontFamily: string;
         fontWeight: number;
@@ -230,6 +258,300 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    editorialRegularDisplay001: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay002: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay003: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay004: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay005: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay006: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay007: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay008: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay010: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay020: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularDisplay030: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline010: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline015: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline020: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline025: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline030: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline040: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline050: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline060: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline070: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialRegularHeadline080: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay001: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay002: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay003: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay004: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay005: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay006: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay007: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay008: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay010: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay020: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightDisplay030: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline010: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline015: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline020: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline025: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline030: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline040: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline050: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline060: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline070: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
+    editorialLightHeadline080: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     utilityHeading010: {
         fontFamily: string;
         fontWeight: number;
@@ -321,6 +643,13 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    utilityLabel005: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     utilityLabel010: {
         fontFamily: string;
         fontWeight: number;
@@ -342,6 +671,13 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    utilityButton005: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     utilityButton010: {
         fontFamily: string;
         fontWeight: number;
@@ -363,6 +699,13 @@ declare const typographyPresets: {
         fontSize: string;
         letterSpacing: string;
     };
+    utilityMeta005: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: number;
+        fontSize: string;
+        letterSpacing: string;
+    };
     utilityMeta010: {
         fontFamily: string;
         fontWeight: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/shared-components",
-  "version": "4.52.3",
+  "version": "4.52.5-alpha.0",
   "description": "Newskit Render Shared Components",
   "author": "",
   "license": "UNLICENSED",
@@ -33,7 +33,7 @@
     "@emotion/styled": "11.9.3",
     "@hookform/resolvers": "2.9.10",
     "@newskit-themes/the-sun": "^3.0.0",
-    "@newskit-themes/the-times": "0.1.1",
+    "@newskit-themes/the-times": "3.0.0",
     "@newskit-themes/tls": "0.0.0",
     "cookie": "0.5.0",
     "cross-fetch": "3.1.5",
@@ -47,7 +47,7 @@
     "@babel/polyfill": "7.12.1",
     "@babel/register": "7.18.9",
     "@emotion/jest": "11.10.5",
-    "@newskit-render/validation": "^1.19.47",
+    "@newskit-render/validation": "^1.19.49-alpha.0",
     "@storybook/addon-actions": "6.5.16",
     "@storybook/react": "6.5.16",
     "@testing-library/jest-dom": "6.1.3",