From 7721e5879cbb3443f8d37c974a9a33ac44454a9c Mon Sep 17 00:00:00 2001 From: Andrew Nelson Date: Tue, 25 Jul 2023 17:00:29 -0700 Subject: [PATCH 1/2] docs: updated path (#2521) --- docs/styles_and_assets.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/styles_and_assets.md b/docs/styles_and_assets.md index b94746cc2d..538775ff8c 100644 --- a/docs/styles_and_assets.md +++ b/docs/styles_and_assets.md @@ -19,7 +19,7 @@ If you want to use USWDS SCSS (mixins, functions, variables, etc.), you will nee @use 'uswds-core' with ( $theme-image-path: '@uswds/uswds/img', $theme-font-path: '@uswds/uswds/fonts', - $theme-hero-image: '@uswds/uswds/img/hero.png' + $theme-hero-image: '@uswds/uswds/img/hero.jpg' ); ``` @@ -66,7 +66,7 @@ You can also customize any of the variables used in USWDS SCSS in the `your-proj $theme-grid-container-max-width: 'desktop-lg', - $theme-hero-image: '@uswds/uswds/img/hero.png', + $theme-hero-image: '@uswds/uswds/img/hero.jpg', ); ``` From e1c60cbff90c484b1942675a459aaab2e581b0e1 Mon Sep 17 00:00:00 2001 From: Andrew Nelson Date: Tue, 25 Jul 2023 17:08:11 -0700 Subject: [PATCH 2/2] docs: Updated storybook templates (#2522) --- src/components/forms/Form/Form.stories.tsx | 191 ++++++++++++--------- 1 file changed, 108 insertions(+), 83 deletions(-) diff --git a/src/components/forms/Form/Form.stories.tsx b/src/components/forms/Form/Form.stories.tsx index 0876337460..c2d1458fe7 100644 --- a/src/components/forms/Form/Form.stories.tsx +++ b/src/components/forms/Form/Form.stories.tsx @@ -79,104 +79,126 @@ export const textInputForm = (): React.ReactElement => ( export const nameForm = (): React.ReactElement => (
- - - + + For example, Jose, Darren, or Mai - + - + + + For example, Martinez Gonzalez, Gu, or Smith +
+
+ + + For example, Prof. Madeline Martinez Hernandez + + +
+
+ + + For example, Dr. Gu, Mrs. Schmidt, Alix Martinez + + +
) export const addressForm = (): React.ReactElement => (
- +

+ Required fields are marked with an asterisk ( + + * + + ). +

+ - + -
-
- - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + ( inputSize="medium" pattern="[\d]{5}(-[\d]{4})?" /> + + +
)