chore: begins updating inputs to new diagram component

Author: andrew-boyd

3.inputs/color.md

@@ -29,16 +29,7 @@ FormKit props.
 
 :SectionKeysIntro
 
-::FormKitInputDiagram
----
-label-content: "Favorite color"
-input-content: "Color selector here"
-help-content: "Select your favorite color."
-message-content: "Only primary colors allowed."
-prefix-icon-content: "🎨"
-suffix-icon-content: "👍"
----
-::
+:FormKitInputDiagrams
 
 ::ReferenceTable
 ---

3.inputs/date.md

@@ -51,16 +51,7 @@ attrs: ['min', 'max', 'step']
 
 :SectionKeysIntro
 
-::FormKitInputDiagram
----
-label-content: "Date of birth"
-prefix-icon-content: "📅"
-input-content: "Jan. 1 1970"
-suffix-icon-content: "👌"
-help-content: "Please tell us your date of birth."
-message-content: "Date is required."
----
-::
+:FormKitInputDiagrams
 
 ::ReferenceTable
 ---

3.inputs/datetime-local.md

@@ -49,16 +49,7 @@ attrs: ['min', 'max', 'step']
 
 :SectionKeysIntro
 
-::FormKitInputDiagram
----
-prefix-icon-content: ⏰"
-suffix-icon-content: 👍"
-label-content: Appointment time"
-input-content: Jan. 1 1970 12:00:00"
-help-content: Please choose a date and time for your appointment."
-message-content: Date and time are required."
----
-::
+:FormKitInputDiagrams
 
 ::ReferenceTable
 ---

3.inputs/text.md

@@ -56,16 +56,7 @@ data: [
 
 :SectionKeysIntro
 
-::FormKitInputDiagram
----
-prefix-icon-content: "👩🏽‍💼"
-suffix-icon-content: ""
-label-content: "First name"
-input-content: "Sunita"
-help-content: "Enter your first name only."
-message-content: "First name is required."
----
-::
+:FormKitInputDiagrams
 
 ::ReferenceTable
 ---

3.inputs/textarea.md

@@ -34,17 +34,7 @@ attrs: ['cols', 'maxlength', 'minlength', 'placeholder', 'rows']
 
 :SectionKeysIntro
 
-::FormKitInputDiagram
----
-class: "input-diagram--textarea"
-prefix-icon-content: "📕"
-suffix-icon-content: ""
-label-content: "Brief biography"
-input-content: "The year was 1982. The season was Autumn. My parents were living in Peru at the time..."
-help-content: "Tell us a little about yourself."
-message-content: "Brief biography must be between 300 and 500 characters."
----
-::
+:FormKitInputDiagrams
 
 ::ReferenceTable
 ---

3.inputs/togglebuttons.md

@@ -5,7 +5,7 @@ navigation:
   title: 'Toggle Buttons'
   pro: true
   free: true
-  new: true
+  new: false
 ---
 
 :InputPageHero