@@ -1817,18 +1817,13 @@ <h3 class="docs__figure"><a class="docs__anchor" aria-hidden="true" href="#compo
18171817 </div>
18181818 <span class="fsa-field__help" id="lorem-range-0030_help">Where does your loyalty lie?</span>
18191819 </div>
1820-
1821-
1822-
1823-
18241820 <h4 class="docs__sub_style">Error States</h4>
18251821 <div class="fsa-field fsa-field--error">
18261822 <label class="fsa-field__label" for="lorem-7650">Error label <span class="fsa-field__label-desc">Required</span></label>
18271823 <input class="fsa-input fsa-field__item fsa-input--error" aria-describedby="lorem-7650--help lorem-7650--message" id="lorem-7650" name="lorem-7650" type="text" value="" aria-required="true">
18281824 <span class="fsa-field__help" id="lorem-7650--help">This is how people can contact you</span>
18291825 <span class="fsa-field__message" id="lorem-7650--message" role="alert">Helpful error message</span>
18301826 </div>
1831-
18321827 <div class="fsa-field fsa-field--error">
18331828 <label class="fsa-field__label" for="lorem-778affixs459">Prefix Example <span class="fsa-field__label-desc">Required</span></label>
18341829 <span class="fsa-affix fsa-affix--fill fsa-affix--error">
@@ -1837,32 +1832,25 @@ <h4 class="docs__sub_style">Error States</h4>
18371832 </span>
18381833 <span class="fsa-field__help" id="lorem-778affixs459_help">Price of Wheat per bushel</span>
18391834 </div>
1840-
18411835 <div class="fsa-field fsa-field--error">
18421836 <label class="fsa-field__label" for="lorem-778affixicons460">Prefix Icon Example <span class="fsa-field__label-desc">Required</span></label>
18431837 <span class="fsa-affix fsa-affix--fill fsa-affix--error">
18441838 <label for="lorem-778affixicons460" class="fsa-affix__prefix" aria-hidden="true"><svg class="fsa-icon fsa-icon--size-2" aria-hidden="true" focusable="false" role="img" fill="#494440" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z"></path></svg></label>
18451839 <input class="fsa-input fsa-field__item fsa-affix__item" id="lorem-778affixicons460" name="lorem-778affixicons460" type="text" value="" aria-required="true" aria-describedby="lorem-778affixicons460_help">
18461840 </span>
18471841 </div>
1848-
18491842 <div class="fsa-field fsa-field--error">
18501843 <label class="fsa-field__label" for="lorem-778suffixs459">Suffix Example <span class="fsa-field__label-desc">Required</span></label>
18511844 <span class="fsa-affix fsa-affix--fill fsa-affix--error">
18521845 <input class="fsa-input fsa-field__item fsa-affix__item" id="lorem-778suffixs459" name="lorem-778suffixs459" type="text" value="" aria-required="true" aria-describedby="lorem-778suffixs459_help">
18531846 <label for="lorem-778suffixs459" class="fsa-affix__suffix" aria-hidden="true" title="Dollars">acres</label>
18541847 </span>
18551848 </div>
1856-
18571849 <div class="fsa-field fsa-field--error">
18581850 <label class="fsa-field__label" for="UNIQUE-ID-88s8SUGg">Label <span class="fsa-field__label-desc">Required</span></label>
18591851 <textarea class="fsa-textarea fsa-field__item fsa-textarea--error" placeholder="Placeholder" id="UNIQUE-ID-88s8SUGg" aria-describedby="lorem-88s8SUGg-help-4" aria-required="true" name="UNIQUE-ID-88s8SUGg"></textarea>
18601852 <span class="fsa-field__help" id="lorem-88s8SUGg-help-4">Instructional message here</span>
18611853 </div>
1862-
1863-
1864-
1865-
18661854 <div class="fsa-field fsa-field--columns fsa-field--error">
18671855 <div class="fsa-grid">
18681856 <div class="fsa-grid__1 fsa-grid__2/3@m">