@pareto-engineering/design-system 4.2.1 → 4.3.0

package/tests/__snapshots__/Storyshots.test.js.snap

@@ -27478,6 +27478,119 @@ exports[`Storyshots f/fields/EditorInput Optional 1`] = `
 </form>
 `;
 
+exports[`Storyshots f/fields/FileUpload Base 1`] = `
+<form
+  action="#"
+  onReset={[Function]}
+  onSubmit={[Function]}
+>
+  <div
+    className="base file-upload preview-bottom y-paragraph"
+  >
+    <p>
+      The file upload 
+    </p>
+    <label
+      className="base form-label x-paragraph"
+      htmlFor="section_0_input_0"
+    >
+      <input
+        accept=".mp4,.ogg,.webm,video/mp4,video/ogg,video/webm,.pdf,application/pdf"
+        className="file"
+        disabled={false}
+        id="section_0_input_0"
+        onChange={[Function]}
+        type="file"
+      />
+      <span
+        className="ai-icon"
+      >
+        U
+      </span>
+      <span>
+        Attach file
+      </span>
+    </label>
+  </div>
+</form>
+`;
+
+exports[`Storyshots f/fields/FileUpload Multiple 1`] = `
+<form
+  action="#"
+  onReset={[Function]}
+  onSubmit={[Function]}
+>
+  <div
+    className="base file-upload preview-bottom y-paragraph"
+  >
+    <p>
+      The file upload 
+    </p>
+    <label
+      className="base form-label x-paragraph"
+      htmlFor="section_0_input_0"
+    >
+      <input
+        accept=".mp4,.ogg,.webm,video/mp4,video/ogg,video/webm,.pdf,application/pdf"
+        className="file"
+        disabled={false}
+        id="section_0_input_0"
+        multiple={true}
+        onChange={[Function]}
+        type="file"
+      />
+      <span
+        className="ai-icon"
+      >
+        U
+      </span>
+      <span>
+        Attach file
+      </span>
+    </label>
+  </div>
+</form>
+`;
+
+exports[`Storyshots f/fields/FileUpload With Limited Count 1`] = `
+<form
+  action="#"
+  onReset={[Function]}
+  onSubmit={[Function]}
+>
+  <div
+    className="base file-upload preview-bottom y-paragraph"
+  >
+    <p>
+      The file upload 
+    </p>
+    <label
+      className="base form-label x-paragraph"
+      htmlFor="section_0_input_0"
+    >
+      <input
+        accept=".mp4,.ogg,.webm,video/mp4,video/ogg,video/webm,.pdf,application/pdf"
+        className="file"
+        disabled={false}
+        id="section_0_input_0"
+        multiple={true}
+        onChange={[Function]}
+        type="file"
+      />
+      <span
+        className="ai-icon"
+      >
+        U
+      </span>
+      <span>
+        Attach file
+      </span>
+    </label>
+  </div>
+</form>
+`;
+
 exports[`Storyshots f/fields/LinkInput Base 1`] = `
 <form
   action="#"
@@ -32643,7 +32756,7 @@ exports[`Storyshots g/FormBuilder Renderer 1`] = `
           <p
             className="h3"
           >
-            This is a survey of some of the best LLM models out there
+            Hello
           </p>
           <div
             className="base expandable-lexical-preview y-paragraph"
@@ -32682,58 +32795,33 @@ exports[`Storyshots g/FormBuilder Renderer 1`] = `
             </button>
           </div>
           <div
-            className="base text-input form-input y-paragraph "
-            style={{}}
+            className="base file-upload form-input preview-bottom y-paragraph"
           >
+            <p>
+              The file upload 
+            </p>
             <label
               className="base form-label x-paragraph"
               htmlFor="section_0_input_0"
             >
-              Name the Model
-            </label>
-            <input
-              className="input"
-              conditionalLogic={null}
-              disabled={false}
-              id="section_0_input_0"
-              name="section_0_input_0"
-              onBlur={[Function]}
-              onChange={[Function]}
-              options={[]}
-              required={true}
-              type="text"
-              value=""
-            />
-          </div>
-          <div
-            className="base text-area-input form-input y-paragraph"
-          >
-            <label
-              className="base form-label x-paragraph"
-              htmlFor="section_0_input_1"
-            >
-              Describe the Model in detail
+              <input
+                accept=".mp4,.ogg,.webm,video/mp4,video/ogg,video/webm,.pdf,application/pdf"
+                className="file"
+                disabled={false}
+                id="section_0_input_0"
+                multiple={true}
+                onChange={[Function]}
+                type="file"
+              />
+              <span
+                className="ai-icon"
+              >
+                U
+              </span>
+              <span>
+                Attach file
+              </span>
             </label>
-            <textarea
-              className="textarea"
-              disabled={false}
-              id="section_0_input_1"
-              name="section_0_input_1"
-              onBlur={[Function]}
-              onChange={[Function]}
-              rows={10}
-              style={
-                {
-                  "resize": "vertical",
-                }
-              }
-              value=""
-            />
-            <div
-              className="base description s-1 x-metadata"
-            >
-              brief model description
-            </div>
           </div>
         </div>
         <div
@@ -32747,12 +32835,6 @@ exports[`Storyshots g/FormBuilder Renderer 1`] = `
           >
             Previous
           </button>
-          <button
-            className="base button x-interactive modifierGradient"
-            type="submit"
-          >
-            Next
-          </button>
         </div>
       </form>
     </div>
@@ -32782,7 +32864,7 @@ exports[`Storyshots g/FormBuilder Renderer With Disabled 1`] = `
           <p
             className="h3"
           >
-            This is a survey of some of the best LLM models out there
+            Hello
           </p>
           <div
             className="base expandable-lexical-preview y-paragraph"
@@ -32821,58 +32903,33 @@ exports[`Storyshots g/FormBuilder Renderer With Disabled 1`] = `
             </button>
           </div>
           <div
-            className="base text-input form-input y-paragraph "
-            style={{}}
+            className="base file-upload form-input preview-bottom y-paragraph"
           >
+            <p>
+              The file upload 
+            </p>
             <label
               className="base form-label x-paragraph"
               htmlFor="section_0_input_0"
             >
-              Name the Model
+              <input
+                accept=".mp4,.ogg,.webm,video/mp4,video/ogg,video/webm,.pdf,application/pdf"
+                className="file"
+                disabled={true}
+                id="section_0_input_0"
+                multiple={true}
+                onChange={[Function]}
+                type="file"
+              />
+              <span
+                className="ai-icon"
+              >
+                U
+              </span>
+              <span>
+                Attach file
+              </span>
             </label>
-            <input
-              className="input"
-              conditionalLogic={null}
-              disabled={true}
-              id="section_0_input_0"
-              name="section_0_input_0"
-              onBlur={[Function]}
-              onChange={[Function]}
-              options={[]}
-              required={true}
-              type="text"
-              value=""
-            />
-          </div>
-          <div
-            className="base text-area-input form-input y-paragraph"
-          >
-            <label
-              className="base form-label x-paragraph"
-              htmlFor="section_0_input_1"
-            >
-              Describe the Model in detail
-            </label>
-            <textarea
-              className="textarea"
-              disabled={true}
-              id="section_0_input_1"
-              name="section_0_input_1"
-              onBlur={[Function]}
-              onChange={[Function]}
-              rows={10}
-              style={
-                {
-                  "resize": "vertical",
-                }
-              }
-              value=""
-            />
-            <div
-              className="base description s-1 x-metadata"
-            >
-              brief model description
-            </div>
           </div>
         </div>
         <div
@@ -32886,12 +32943,6 @@ exports[`Storyshots g/FormBuilder Renderer With Disabled 1`] = `
           >
             Previous
           </button>
-          <button
-            className="base button x-interactive modifierGradient"
-            type="submit"
-          >
-            Next
-          </button>
         </div>
       </form>
     </div>
@@ -32921,7 +32972,7 @@ exports[`Storyshots g/FormBuilder Renderer With Submit 1`] = `
           <p
             className="h3"
           >
-            This is a survey of some of the best LLM models out there
+            Hello
           </p>
           <div
             className="base expandable-lexical-preview y-paragraph"
@@ -32960,58 +33011,33 @@ exports[`Storyshots g/FormBuilder Renderer With Submit 1`] = `
             </button>
           </div>
           <div
-            className="base text-input form-input y-paragraph "
-            style={{}}
+            className="base file-upload form-input preview-bottom y-paragraph"
           >
+            <p>
+              The file upload 
+            </p>
             <label
               className="base form-label x-paragraph"
               htmlFor="section_0_input_0"
             >
-              Name the Model
-            </label>
-            <input
-              className="input"
-              conditionalLogic={null}
-              disabled={false}
-              id="section_0_input_0"
-              name="section_0_input_0"
-              onBlur={[Function]}
-              onChange={[Function]}
-              options={[]}
-              required={true}
-              type="text"
-              value=""
-            />
-          </div>
-          <div
-            className="base text-area-input form-input y-paragraph"
-          >
-            <label
-              className="base form-label x-paragraph"
-              htmlFor="section_0_input_1"
-            >
-              Describe the Model in detail
+              <input
+                accept=".mp4,.ogg,.webm,video/mp4,video/ogg,video/webm,.pdf,application/pdf"
+                className="file"
+                disabled={false}
+                id="section_0_input_0"
+                multiple={true}
+                onChange={[Function]}
+                type="file"
+              />
+              <span
+                className="ai-icon"
+              >
+                U
+              </span>
+              <span>
+                Attach file
+              </span>
             </label>
-            <textarea
-              className="textarea"
-              disabled={false}
-              id="section_0_input_1"
-              name="section_0_input_1"
-              onBlur={[Function]}
-              onChange={[Function]}
-              rows={10}
-              style={
-                {
-                  "resize": "vertical",
-                }
-              }
-              value=""
-            />
-            <div
-              className="base description s-1 x-metadata"
-            >
-              brief model description
-            </div>
           </div>
         </div>
         <div
@@ -33029,7 +33055,7 @@ exports[`Storyshots g/FormBuilder Renderer With Submit 1`] = `
             className="base button x-interactive modifierGradient"
             type="submit"
           >
-            Next
+            Submit
           </button>
         </div>
       </form>