0.0.1-alpha.5

codeforamerica · Jan 11, 2024 · 967917b · 967917b
1 parent 2067ca3
commit 967917b
Show file tree

Hide file tree

Showing 27 changed files with 1,111 additions and 1,111 deletions.
diff --git a/dist/about/index.html b/dist/about/index.html
@@ -92,7 +92,7 @@
           </li>
 
           <li class="usa-nav__secondary-item desktop:margin-0 desktop:padding-0 desktop:border-0">
-            <a href="https://github.com/codeforamerica/uswds/releases/tag/v0.0.1-alpha.4" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.4">
+            <a href="https://github.com/codeforamerica/uswds/releases/tag/v0.0.1-alpha.5" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.5">
               <span class="usa-sr-only">Source (GitHub)</span>
 
               <svg class="usa-icon square-4" aria-hidden="true" focusable="false" role="img">
@@ -296,7 +296,7 @@ <h3>For others</h3>
         </li>
 
         <li class="mobile-lg:grid-col-4 desktop:grid-col-auto usa-footer__primary-content">
-          <a href="https://github.com/codeforamerica/uswds" target="_blank" rel="noopener nofollow" class="usa-footer__primary-link usa-link--external"><span>v0.0.1-alpha.4</span></a>
+          <a href="https://github.com/codeforamerica/uswds" target="_blank" rel="noopener nofollow" class="usa-footer__primary-link usa-link--external"><span>v0.0.1-alpha.5</span></a>
         </li>
       </ul>
     </nav>

diff --git a/dist/components/accordion/index.html b/dist/components/accordion/index.html
diff --git a/dist/components/alert/index.html b/dist/components/alert/index.html
diff --git a/dist/components/button/index.html b/dist/components/button/index.html
diff --git a/dist/components/checkbox/index.html b/dist/components/checkbox/index.html
diff --git a/dist/components/details/index.html b/dist/components/details/index.html
diff --git a/dist/components/fieldset/index.html b/dist/components/fieldset/index.html
diff --git a/dist/components/file-selector/index.html b/dist/components/file-selector/index.html
diff --git a/dist/components/follow-up-question/index.html b/dist/components/follow-up-question/index.html
diff --git a/dist/components/footer/index.html b/dist/components/footer/index.html
@@ -92,7 +92,7 @@
           </li>
 
           <li class="usa-nav__secondary-item desktop:margin-0 desktop:padding-0 desktop:border-0">
-            <a href="https://github.com/codeforamerica/uswds/releases/tag/v0.0.1-alpha.4" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.4">
+            <a href="https://github.com/codeforamerica/uswds/releases/tag/v0.0.1-alpha.5" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.5">
               <span class="usa-sr-only">Source (GitHub)</span>
 
               <svg class="usa-icon square-4" aria-hidden="true" focusable="false" role="img">
@@ -228,8 +228,8 @@ <h2 id="details">Details</h2>
   <li><strong>Extends:</strong> <a href="https://designsystem.digital.gov/components/footer" target="_blank" rel="noopener nofollow" class="usa-link--external">USWDS Footer, slim variant</a></li>
 </ul>
 <div class="cfa-details">
-  <button class="cfa-details__summary" data-js="details" data-aria-controls="aria-c-f1227d37ce61"><span>More details</span> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img"><use href="https://codeforamerica.github.io/uswds/assets/img/sprite.svg#chevron_right"></use></svg></button>
-  <div class="cfa-details__content" id="aria-c-f1227d37ce61"><p>The <b>Footer</b> extends the <a href="https://designsystem.digital.gov/components/footer" target="_blank" rel="noopener nofollow" class="usa-link--external">USWDS Footer, slim variant</a>. </p></div>
+  <button class="cfa-details__summary" data-js="details" data-aria-controls="aria-c-19ea688cae619"><span>More details</span> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img"><use href="https://codeforamerica.github.io/uswds/assets/img/sprite.svg#chevron_right"></use></svg></button>
+  <div class="cfa-details__content" id="aria-c-19ea688cae619"><p>The <b>Footer</b> extends the <a href="https://designsystem.digital.gov/components/footer" target="_blank" rel="noopener nofollow" class="usa-link--external">USWDS Footer, slim variant</a>. </p></div>
 </div>
 <!-- EXAMPLES -->
 <h2 id="examples">Examples</h2>
@@ -309,21 +309,21 @@ <h2 id="examples">Examples</h2>
   <div class="margin-0 margin-top-3">
     <div class="usa-accordion cfa-accordion">
       <div class="usa-accordion__heading">
-        <button type="button" class="usa-accordion__button" aria-expanded="false" aria-controls="aria-c-4dd088519985">
+        <button type="button" class="usa-accordion__button" aria-expanded="false" aria-controls="aria-c-78679811ccd5e">
           View HTML
         </button>
       </div>
-      <div id="aria-c-4dd088519985" class="usa-accordion__content overflow-visible padding-0">
+      <div id="aria-c-78679811ccd5e" class="usa-accordion__content overflow-visible padding-0">
         <div class="code-block">
       <div class="code-block__utility position-sticky pin-top">
-        <button data-js="copy" data-copy="block-31638b1b22402" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-6d9ab8182ef0b" class="usa-button cfa-button">
           <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
             <use data-copy="icon" href="https://codeforamerica.github.io/uswds/assets/img/sprite.svg#content_copy"></use>
           </svg>
           <span>Copy<span class="usa-sr-only"> the following block to clipboard</span></span>
         </button>
         <span data-copy="message" aria-live="assertive" class="usa-sr-only"></span>
-        <textarea hidden data-copy-target="block-31638b1b22402">&lt;footer class=&quot;usa-footer usa-footer--slim&quot;&gt;
+        <textarea hidden data-copy-target="block-6d9ab8182ef0b">&lt;footer class=&quot;usa-footer usa-footer--slim&quot;&gt;
   &lt;div class=&quot;grid-container usa-footer__return-to-top&quot;&gt;
     &lt;a href=&quot;#&quot;&gt;Return to top&lt;/a&gt;
   &lt;/div&gt;
@@ -584,8 +584,8 @@ <h2 id="source-and-usage">Source and usage</h2>
   <li><strong>Embedded Ruby (ERB) partial template:</strong> <code>./_cfa-footer.html.erb</code></li>
 </ul>
 <div class="cfa-details margin-bottom-3">
-  <button class="cfa-details__summary" data-js="details" data-aria-controls="aria-c-e631e93505a85"><span>What is a package?</span> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img"><use href="https://codeforamerica.github.io/uswds/assets/img/sprite.svg#chevron_right"></use></svg></button>
-  <div class="cfa-details__content" id="aria-c-e631e93505a85">
+  <button class="cfa-details__summary" data-js="details" data-aria-controls="aria-c-36171447d47d5"><span>What is a package?</span> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img"><use href="https://codeforamerica.github.io/uswds/assets/img/sprite.svg#chevron_right"></use></svg></button>
+  <div class="cfa-details__content" id="aria-c-36171447d47d5">
   Packages are collections of functionality that make up a component. Typically, they include stylesheets, templates, and scripts. <a href="https://designsystem.digital.gov/components/packages" target="_blank" rel="noopener nofollow" class="usa-link--external">Learn more about packages on the USWDS documentation site</a>.
   </div>
 </div>
@@ -596,14 +596,14 @@ <h2 id="source-and-usage">Source and usage</h2>
       <p>Below is a demonstration of customizing the component theme settings. Refer to the <a href="https://docs.google.com/spreadsheets/d/1nVIAmi6pRDu5Z7II6ttwKryGrdYBhuJYmpO4YjXmuxQ/edit#gid=0" target="_blank" rel="noopener nofollow" class="usa-link--external">theme and package-level settings documentation</a>.</p></figcaption>
     <div class="code-block">
       <div class="code-block__utility position-sticky pin-top">
-        <button data-js="copy" data-copy="block-502a6f0ef0cd6" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-396740c5d582a" class="usa-button cfa-button">
           <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
             <use data-copy="icon" href="https://codeforamerica.github.io/uswds/assets/img/sprite.svg#content_copy"></use>
           </svg>
           <span>Copy<span class="usa-sr-only"> the following block to clipboard</span></span>
         </button>
         <span data-copy="message" aria-live="assertive" class="usa-sr-only"></span>
-        <textarea hidden data-copy-target="block-502a6f0ef0cd6">
+        <textarea hidden data-copy-target="block-396740c5d582a">
 // Theme-level settings
 @use 'cfa-uswds-theme' with (
   // Global theme settings that affect the component, changing these will affect other components
@@ -630,14 +630,14 @@ <h2 id="source-and-usage">Source and usage</h2>
       <p>Refer to the <a href="https://designsystem.digital.gov/components/footer/#using-the-footer-component-2" target="_blank" rel="noopener nofollow" class="usa-link--external">usage documentation</a> for additional USWDS theme settings.</p></figcaption>
     <div class="code-block">
       <div class="code-block__utility position-sticky pin-top">
-        <button data-js="copy" data-copy="block-d8c26addb36ff" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-ea7489ca09b5f" class="usa-button cfa-button">
           <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
             <use data-copy="icon" href="https://codeforamerica.github.io/uswds/assets/img/sprite.svg#content_copy"></use>
           </svg>
           <span>Copy<span class="usa-sr-only"> the following block to clipboard</span></span>
         </button>
         <span data-copy="message" aria-live="assertive" class="usa-sr-only"></span>
-        <textarea hidden data-copy-target="block-d8c26addb36ff">@use &quot;uswds-core&quot; with ( /* additional USWDS theme settings */ );</textarea>
+        <textarea hidden data-copy-target="block-ea7489ca09b5f">@use &quot;uswds-core&quot; with ( /* additional USWDS theme settings */ );</textarea>
       </div>
       <pre class="language-scss padding-top-0"><span class="hljs-keyword">@use</span> <span class="hljs-string">&quot;uswds-core&quot;</span> with ( /* additional USWDS theme settings */ );</pre>
     </div>
@@ -651,14 +651,14 @@ <h2 id="source-and-usage">Source and usage</h2>
     </figcaption>
     <div class="code-block">
       <div class="code-block__utility position-sticky pin-top">
-        <button data-js="copy" data-copy="block-601a79d1e4708" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-545bc50e90cb6" class="usa-button cfa-button">
           <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
             <use data-copy="icon" href="https://codeforamerica.github.io/uswds/assets/img/sprite.svg#content_copy"></use>
           </svg>
           <span>Copy<span class="usa-sr-only"> the following block to clipboard</span></span>
         </button>
         <span data-copy="message" aria-live="assertive" class="usa-sr-only"></span>
-        <textarea hidden data-copy-target="block-601a79d1e4708">&lt;footer th:fragment=&quot;footer(modifier, returnToTop, navigation, logo, home, identifier)&quot; class=&quot;usa-footer usa-footer--slim&quot; th:classappend=&quot;${modifier}&quot;&gt;
+        <textarea hidden data-copy-target="block-545bc50e90cb6">&lt;footer th:fragment=&quot;footer(modifier, returnToTop, navigation, logo, home, identifier)&quot; class=&quot;usa-footer usa-footer--slim&quot; th:classappend=&quot;${modifier}&quot;&gt;
   &lt;div th:if=&quot;${returnToTop}&quot; class=&quot;grid-container usa-footer__return-to-top&quot;&gt;
     &lt;a th:href=&quot;${returnToTop}&quot;&gt;Return to top&lt;/a&gt;
   &lt;/div&gt;
@@ -740,14 +740,14 @@ <h2 id="source-and-usage">Source and usage</h2>
     </figcaption>
     <div class="code-block">
       <div class="code-block__utility position-sticky pin-top">
-        <button data-js="copy" data-copy="block-48b051e0d03d3" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-6b3465aa36ecd" class="usa-button cfa-button">
           <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
             <use data-copy="icon" href="https://codeforamerica.github.io/uswds/assets/img/sprite.svg#content_copy"></use>
           </svg>
           <span>Copy<span class="usa-sr-only"> the following block to clipboard</span></span>
         </button>
         <span data-copy="message" aria-live="assertive" class="usa-sr-only"></span>
-        <textarea hidden data-copy-target="block-48b051e0d03d3">&lt;th:block th:replace=&quot;~{@codeforamerica/uswds/packages/cfa-footer/cfa-footer.th :: footer(${modifier}, ${returnToTop}, ${navigation}, ${logo}, ${home}, ${identifier})}&quot; /&gt;</textarea>
+        <textarea hidden data-copy-target="block-6b3465aa36ecd">&lt;th:block th:replace=&quot;~{@codeforamerica/uswds/packages/cfa-footer/cfa-footer.th :: footer(${modifier}, ${returnToTop}, ${navigation}, ${logo}, ${home}, ${identifier})}&quot; /&gt;</textarea>
       </div>
       <pre class="language-html padding-top-0"><span class="hljs-tag">&lt;<span class="hljs-name">th:block</span> <span class="hljs-attr">th:replace</span>=<span class="hljs-string">&quot;~{@codeforamerica/uswds/packages/cfa-footer/cfa-footer.th :: footer(${modifier}, ${returnToTop}, ${navigation}, ${logo}, ${home}, ${identifier})}&quot;</span> /&gt;</span></pre>
     </div>
@@ -761,14 +761,14 @@ <h2 id="source-and-usage">Source and usage</h2>
     </figcaption>
     <div class="code-block">
       <div class="code-block__utility position-sticky pin-top">
-        <button data-js="copy" data-copy="block-a1608d139562c" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-3899620fedba" class="usa-button cfa-button">
           <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
             <use data-copy="icon" href="https://codeforamerica.github.io/uswds/assets/img/sprite.svg#content_copy"></use>
           </svg>
           <span>Copy<span class="usa-sr-only"> the following block to clipboard</span></span>
         </button>
         <span data-copy="message" aria-live="assertive" class="usa-sr-only"></span>
-        <textarea hidden data-copy-target="block-a1608d139562c">&lt;footer class=&quot;usa-footer usa-footer--slim&lt;% if defined?(modifier) %&gt; &lt;%= modifier %&gt;&lt;% end %&gt;&quot;&gt;
+        <textarea hidden data-copy-target="block-3899620fedba">&lt;footer class=&quot;usa-footer usa-footer--slim&lt;% if defined?(modifier) %&gt; &lt;%= modifier %&gt;&lt;% end %&gt;&quot;&gt;
   &lt;% if defined?(returnToTop) %&gt;&lt;div class=&quot;grid-container usa-footer__return-to-top&quot;&gt;
     &lt;a href=&quot;&lt;%= returnToTop %&gt;&quot;&gt;Return to top&lt;/a&gt;
   &lt;/div&gt;&lt;% end %&gt;
@@ -868,14 +868,14 @@ <h2 id="source-and-usage">Source and usage</h2>
     </figcaption>
     <div class="code-block">
       <div class="code-block__utility position-sticky pin-top">
-        <button data-js="copy" data-copy="block-b6fb5abe57e51" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-5594360c7230e" class="usa-button cfa-button">
           <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
             <use data-copy="icon" href="https://codeforamerica.github.io/uswds/assets/img/sprite.svg#content_copy"></use>
           </svg>
           <span>Copy<span class="usa-sr-only"> the following block to clipboard</span></span>
         </button>
         <span data-copy="message" aria-live="assertive" class="usa-sr-only"></span>
-        <textarea hidden data-copy-target="block-b6fb5abe57e51">&lt;%= ERB.new(File.read('@codeforamerica/uswds/packages/cfa-footer/_cfa-footer.html.erb'), 0, 0, '@footer').result_with_hash({modifier: modifier, returnToTop: returnToTop, navigation: navigation, home: home, logo: logo, identifier: identifier}) %&gt;</textarea>
+        <textarea hidden data-copy-target="block-5594360c7230e">&lt;%= ERB.new(File.read('@codeforamerica/uswds/packages/cfa-footer/_cfa-footer.html.erb'), 0, 0, '@footer').result_with_hash({modifier: modifier, returnToTop: returnToTop, navigation: navigation, home: home, logo: logo, identifier: identifier}) %&gt;</textarea>
       </div>
       <pre class="language-erb padding-top-0"><span class="language-xml">&lt;%=</span><span class="language-ruby"> <span class="hljs-variable constant_">ERB</span>.new(<span class="hljs-title class_">File</span>.read(<span class="hljs-string">&#x27;@codeforamerica/uswds/packages/cfa-footer/_cfa-footer.html.erb&#x27;</span>), <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-string">&#x27;@footer&#x27;</span>).result_with_hash({<span class="hljs-symbol">modifier:</span> modifier, <span class="hljs-symbol">returnToTop:</span> returnToTop, <span class="hljs-symbol">navigation:</span> navigation, <span class="hljs-symbol">home:</span> home, <span class="hljs-symbol">logo:</span> logo, <span class="hljs-symbol">identifier:</span> identifier}) </span><span class="language-xml">%&gt;</span></pre>
     </div>
@@ -920,7 +920,7 @@ <h2 id="source-and-usage">Source and usage</h2>
         </li>
 
         <li class="mobile-lg:grid-col-4 desktop:grid-col-auto usa-footer__primary-content">
-          <a href="https://github.com/codeforamerica/uswds" target="_blank" rel="noopener nofollow" class="usa-footer__primary-link usa-link--external"><span>v0.0.1-alpha.4</span></a>
+          <a href="https://github.com/codeforamerica/uswds" target="_blank" rel="noopener nofollow" class="usa-footer__primary-link usa-link--external"><span>v0.0.1-alpha.5</span></a>
         </li>
       </ul>
     </nav>