5.0.2

.yarnrc.yml

@@ -4,4 +4,4 @@ enableGlobalCache: false
 
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.0.1.cjs
+yarnPath: .yarn/releases/yarn-4.1.0.cjs

next.config.js

@@ -6,7 +6,7 @@ const nextConfig = {
     basePath: process.env.NEXT_PUBLIC_BASE_PATH,
     assetPrefix: process.env.NEXT_PUBLIC_BASE_PATH,
     env: {
-        VERSION: '5.0.1',
+        VERSION: '5.0.2',
     },
 };
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-validatable-form-demo",
-    "version": "5.0.1",
+    "version": "5.0.2",
     "license": "MIT",
     "scripts": {
         "dev": "next dev -p 3155",
@@ -25,7 +25,7 @@
         "react-bootstrap": "2.9.1",
         "react-dom": "18.2.0",
         "react-minimal-side-navigation": "1.9.2",
-        "react-validatable-form": "5.0.1"
+        "react-validatable-form": "5.0.2"
     },
     "devDependencies": {
         "eslint": "8.52.0",
@@ -48,5 +48,5 @@
             "last 1 safari version"
         ]
     },
-    "packageManager": "yarn@4.0.1"
+    "packageManager": "yarn@4.1.0"
 }

pages/getting-started/usage.js

@@ -78,11 +78,9 @@ const rules = [{ path: 'val', ruleSet: [{ rule: 'required' }] }];
                 <span>{hookCode}</span>
             </div>
             <iframe
-                src="https://codesandbox.io/embed/react-validatable-form-embed-5hx0xj"
-                className="codesandboxIFrame"
-                title="react-validatable-form-embed-5hx0xj"
-                allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
-                sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+                src="https://stackblitz.com/edit/react-validatable-form?embed=1&file=src%2FApp.js"
+                className="stackBlitzIFrame"
+                title="react-validatable-form-embed"
             ></iframe>
         </ExampleUsageWrapper>
     );

styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
     padding: 0;
     margin: 0;
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans,
-        Helvetica Neue, sans-serif;
+    font-family:
+        -apple-system,
+        BlinkMacSystemFont,
+        Segoe UI,
+        Roboto,
+        Oxygen,
+        Ubuntu,
+        Cantarell,
+        Fira Sans,
+        Droid Sans,
+        Helvetica Neue,
+        sans-serif;
 }
 
 a {
@@ -354,7 +364,7 @@ a {
     writing-mode: vertical-lr;
 }
 
-.codesandboxIFrame {
+.stackBlitzIFrame {
     padding-top: 20px;
     width: 100%;
     height: 500px;