Checkbox: iOS/Android update example images (#3178)

pinterest · Aug 31, 2023 · d400373 · d400373
1 parent 1970733
commit d400373
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/docs/markdown/android/checkbox.md b/docs/markdown/android/checkbox.md
@@ -4,7 +4,7 @@ description: Checkbox is used for multiple choice selection.
 fullwidth: true
 ---
 
-<ImgContainer src="https://i.pinimg.com/originals/4d/3a/2e/4d3a2ebd653d15cc60a37ba2752d6c5e.png" alt="Primary example of Checkbox component" />
+<ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/d7f3a446-8f39-41f5-a9d9-7371bba9830f" alt="Primary example of Checkbox component" />
 
 ## Usage guidelines
 
@@ -28,27 +28,27 @@ fullwidth: true
 
 <TwoCol>
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/32/33/bb/3233bb3a92c57dd29f2b5f2fd2a417f7.jpg" noPadding alt="Example of correct multi-select use" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/6dcb81c8-f802-49d0-83b5-bed38c76e249" noPadding alt="Example of correct multi-select use" />
     <Do title="Do" />
     Use checkboxes for multi-selection of related list items
   </Group>
 
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/1e/14/24/1e14245a26f12cf014028d24b00a6317.jpg" noPadding alt="Example of incorrect single-select use" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/df347d70-e6db-4b6c-8ff8-06f3043588c1" noPadding alt="Example of incorrect single-select use" />
     <Dont title="Don't" />
     Use checkboxes for one selection. Use [RadioGroup](https://gestalt.pinterest.systems/web/radiogroup) instead.
   </Group>
 </TwoCol>
 
 <TwoCol>
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/b2/20/93/b2209377241895d0471bde7340ee85c2.jpg" noPadding alt="Example of correct single checkbox use" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/bf278946-de9f-4b30-b9b5-72583d534d38" noPadding alt="Example of correct single checkbox use" />
     <Do title="Do" />
     Use a single Checkbox in forms where the selection only takes effect after submitting the form
   </Group>
 
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/e7/07/02/e70702e40416c5f4f89e92eca2bbb490.jpg" noPadding alt="Example of incorrect immediate effect use" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/ed0014d3-ada7-45dc-a717-bed0b1e83cfb" noPadding alt="Example of incorrect immediate effect use" />
     <Dont title="Don't" />
     Use a Checkbox to turn a state on and off with immediate effect. Use [Switch](https://gestalt.pinterest.systems/android/switch) instead.
   </Group>
@@ -117,7 +117,7 @@ People use Apple and Android’s accessibility features, such as VoiceOver and T
 </TwoCol>
 
 **With helper text**
-Checkbox supports helper text to provide more detail about an option.
+Checkbox supports helper text to provide more details about an option.
  <iframe style={{border:0}} width="100%" height="300" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FREw1COFYAktmVWrUBh3Ov8%2FGestalt-for-Android%3Ftype%3Ddesign%26node-id%3D20457%253A46696%26t%3DF4E0KD9MxAS99vGZ-1" allowFullScreen></iframe>
 
 ## Writing

diff --git a/docs/markdown/ios/checkbox.md b/docs/markdown/ios/checkbox.md
@@ -4,7 +4,7 @@ description: Checkbox is used for multiple choice selection.
 fullwidth: true
 ---
 
-<ImgContainer src="https://i.pinimg.com/originals/d3/66/fb/d366fb0a6b4bc150779c149aea472a24.jpg"  alt="Primary example of Checkbox component" />
+<ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/66828b69-1e1b-4c67-86b4-f62a64a0f6f2"  alt="Primary example of Checkbox component" />
 
 ## Usage guidelines
 
@@ -28,27 +28,27 @@ fullwidth: true
 
 <TwoCol>
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/32/33/bb/3233bb3a92c57dd29f2b5f2fd2a417f7.jpg"  alt="Example of correct multi-select use" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/0fe0c895-5939-42ca-a215-3d404b3203c1"  alt="Example of correct multi-select use" />
     <Do title="Do" />
     Use checkboxes for multi-selection of related list items
   </Group>
 
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/1e/14/24/1e14245a26f12cf014028d24b00a6317.jpg"  alt="Example of incorrect single-select use" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/a1965e39-13c9-4a27-9038-c66bf16d1f3d"  alt="Example of incorrect single-select use" />
     <Dont title="Don't" />
     Use checkboxes for one selection. Use [RadioGroup](https://gestalt.pinterest.systems/web/radiogroup) instead.
   </Group>
 </TwoCol>
 
 <TwoCol>
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/b2/20/93/b2209377241895d0471bde7340ee85c2.jpg"  alt="Example of correct single checkbox use" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/c262c872-9f8f-4684-b430-099c2bc62bdb"  alt="Example of correct single checkbox use" />
     <Do title="Do" />
     Use a single Checkbox in forms where the selection only takes effect after submitting the form
   </Group>
 
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/e7/07/02/e70702e40416c5f4f89e92eca2bbb490.jpg"  alt="Example of incorrect immediate effect use" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/21ccdc50-30c1-4f0e-9c9f-b7c1c0e37622"  alt="Example of incorrect immediate effect use" />
     <Dont title="Don't" />
     Use a Checkbox to turn a state on and off with immediate effect. Use [Switch](https://gestalt.pinterest.systems/ios/switch) instead.
   </Group>
@@ -95,35 +95,35 @@ People use Apple and Android’s accessibility features, such as VoiceOver and T
 
 <ThreeCol spacing="expanded">
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/45/01/9f/45019f108f27c0d3aa9480fcf001b115.jpg"  alt="Example of unchecked checkbox" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/28f2f493-926f-4129-8fc9-ebea9f4d99ac"  alt="Example of unchecked checkbox" />
     **Unchecked**
   </Group>
 
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/fd/06/05/fd06051095a0d1c76122ec282ec54bea.jpg"  alt="Example of checked checkbox" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/1e7937fc-8030-443a-bcd8-ef6ce5fceda5"  alt="Example of checked checkbox" />
     **Checked**
   </Group>
 
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/60/60/48/60604885afd2ee2e8b9cad4c1efdbb0a.jpg"  alt="Example of checkbox with an error" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/255076ef-aea0-4f53-b9b8-c3cf2e27e0df"  alt="Example of checkbox with an error" />
     **Error**
   </Group>
 
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/e0/ab/e1/e0abe172b2dfe56166d33b5d8a8175f2.jpg"  alt="Example of checkbox with an indeterminate state" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/3454c729-397e-4f0c-8abe-436b1577a51a"  alt="Example of checkbox with an indeterminate state" />
     **Indeterminate**
   </Group>
 
   <Group>
-    <ImgContainer src="https://i.pinimg.com/originals/82/50/5c/82505c5eb557f3b85049965ccbe14435.jpg"  alt="Example of checkbox with a disabled state" />
+    <ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/267a3fad-123e-4bd6-8bdf-d273d794611f"  alt="Example of checkbox with a disabled state" />
     **Disabled**
   </Group>
 </ThreeCol>
 
 **With helper text**
-Checkbox supports helper text to provide more detail about an option.
+Checkbox supports helper text to provide more details about an option.
 
-<ImgContainer src="https://i.pinimg.com/originals/dd/12/5a/dd125a30d6fb4cdd8c44c002f363dd56.jpg"  alt="Example of checkbox with helper text" />
+<ImgContainer src="https://github.com/pinterest/gestalt/assets/63257116/f84e29bc-5c8c-4d31-98b9-8ed4a755a858"  alt="Example of checkbox with helper text" />
 
 ## Related