diff --git a/modules-js/react-fleet/src/__snapshots__/Storyshots.test.ts.snap b/modules-js/react-fleet/src/__snapshots__/Storyshots.test.ts.snap index 6cc298a2c..b121ee300 100644 --- a/modules-js/react-fleet/src/__snapshots__/Storyshots.test.ts.snap +++ b/modules-js/react-fleet/src/__snapshots__/Storyshots.test.ts.snap @@ -1620,7 +1620,7 @@ exports[`Storyshots Form Elements|Inputs/MemorableDateInput onlyAllowFuture 1`] id="future-year" max="9999" maxLength={4} - min={2023} + min={2024} name="year" onBlur={[Function]} onChange={[Function]} @@ -1770,7 +1770,7 @@ exports[`Storyshots Form Elements|Inputs/MemorableDateInput onlyAllowFuture and id="story-year" max="9999" maxLength={4} - min={2023} + min={2024} name="year" onBlur={[Function]} onChange={[Function]} @@ -1920,7 +1920,7 @@ exports[`Storyshots Form Elements|Inputs/MemorableDateInput onlyAllowFuture and id="story-year" max={2040} maxLength={4} - min={2023} + min={2024} name="year" onBlur={[Function]} onChange={[Function]} @@ -2070,7 +2070,7 @@ exports[`Storyshots Form Elements|Inputs/MemorableDateInput onlyAllowFuture and id="story-year" max={2040} maxLength={4} - min={2023} + min={2024} name="year" onBlur={[Function]} onChange={[Function]} @@ -2218,7 +2218,7 @@ exports[`Storyshots Form Elements|Inputs/MemorableDateInput onlyAllowPast 1`] = @@ -2624,7 +2624,7 @@ exports[`Storyshots Form Elements|Inputs/TextInput error 1`] = ` style={ Object { "margin": "2rem auto", - "maxWidth": "768px", + "maxWidth": "600px", } } > @@ -2694,7 +2694,7 @@ exports[`Storyshots Form Elements|Inputs/TextInput variations 1`] = ` style={ Object { "margin": "2rem auto", - "maxWidth": "768px", + "maxWidth": "600px", } } > @@ -2875,7 +2875,7 @@ exports[`Storyshots Form Elements|SelectDropdown default 1`] = ` style={ Object { "margin": "2rem auto", - "maxWidth": "768px", + "maxWidth": "600px", } } > @@ -2928,7 +2928,7 @@ exports[`Storyshots Form Elements|SelectDropdown variants 1`] = ` style={ Object { "margin": "2rem auto", - "maxWidth": "768px", + "maxWidth": "600px", } } > @@ -4450,7 +4450,7 @@ exports[`Storyshots ProgressBar default 1`] = ` style={ Object { "margin": "2rem auto", - "maxWidth": "768px", + "maxWidth": "600px", } } > @@ -4511,7 +4511,7 @@ exports[`Storyshots ProgressBar first step (interactive demo) 1`] = ` style={ Object { "margin": "2rem auto", - "maxWidth": "768px", + "maxWidth": "600px", } } > @@ -4572,7 +4572,7 @@ exports[`Storyshots ProgressBar last step (interactive demo) 1`] = ` style={ Object { "margin": "2rem auto", - "maxWidth": "768px", + "maxWidth": "600px", } } > @@ -4633,7 +4633,7 @@ exports[`Storyshots ProgressBar with task name 1`] = ` style={ Object { "margin": "2rem auto", - "maxWidth": "768px", + "maxWidth": "600px", } } > diff --git a/services-js/access-boston/src/client/device-verification/DeviceVerificationForm.tsx b/services-js/access-boston/src/client/device-verification/DeviceVerificationForm.tsx index a9c4bbb2d..c5368d507 100644 --- a/services-js/access-boston/src/client/device-verification/DeviceVerificationForm.tsx +++ b/services-js/access-boston/src/client/device-verification/DeviceVerificationForm.tsx @@ -1,4 +1,7 @@ -import React from 'react'; +/** @jsx jsx */ + +import { jsx, css } from '@emotion/core'; + import { FormikProps } from 'formik'; import Link from 'next/link'; @@ -79,7 +82,7 @@ export default function DeviceVerificationForm(props: Props) {