0.0.1-alpha.8

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.7" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.7">
+            <a href="https://github.com/codeforamerica/uswds/releases/tag/v0.0.1-alpha.8" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.8">
               <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.7</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.8</span></a>
         </li>
       </ul>
     </nav>

dist/components/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.7" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.7">
+            <a href="https://github.com/codeforamerica/uswds/releases/tag/v0.0.1-alpha.8" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.8">
               <span class="usa-sr-only">Source (GitHub)</span>
 
               <svg class="usa-icon square-4" aria-hidden="true" focusable="false" role="img">
@@ -580,7 +580,7 @@ <h3 class="usa-card__heading font-lang-lg">
         </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.7</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.8</span></a>
         </li>
       </ul>
     </nav>

dist/components/toolbar/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.7" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.7">
+            <a href="https://github.com/codeforamerica/uswds/releases/tag/v0.0.1-alpha.8" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.8">
               <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>Honeycrisp:</strong> <a href="http://honeycrisp.herokuapp.com/cfa/styleguide#molecules-toolbar" target="_blank" rel="noopener nofollow" class="usa-link--external">Toolbar molecule</a></li>
 </ul>
 <div class="cfa-details">
-  <button class="cfa-details__summary" data-js="details" data-aria-controls="aria-c-7593b11c1d6c9"><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-7593b11c1d6c9"><p>
+  <button class="cfa-details__summary" data-js="details" data-aria-controls="aria-c-a06732ce96ee7"><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-a06732ce96ee7"><p>
 <p>The Toolbar is a custom component created using <a href="https://designsystem.digital.gov/utilities" target="_blank" rel="noopener nofollow" class="usa-link--external">USWDS CSS Utilities</a>.</p>
 </p></div>
 </div>
@@ -281,22 +281,22 @@ <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-html-f2d849e52f531">
+        <button type="button" class="usa-accordion__button" aria-expanded="false" aria-controls="aria-c-html-599f5359a42d5">
           View HTML
         </button>
       </div>
-      <div id="aria-c-html-f2d849e52f531" class="usa-accordion__content overflow-visible">
+      <div id="aria-c-html-599f5359a42d5" class="usa-accordion__content overflow-visible">
         <p>The HTML for the demonstration above is rendered using context passed to the component's Thymeleaf template fragment. Learn how to include component templates for Thymeleaf and Ruby in the <a href="#source-and-usage">source and usage section</a>.</p>
         <div class="code-block">
       <div class="code-block__utility position-sticky pin-top">
-        <button data-js="copy" data-copy="block-43167588bb9dd" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-13fe89d40d295" 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-43167588bb9dd">&lt;header&gt;
+        <textarea hidden data-copy-target="block-13fe89d40d295">&lt;header&gt;
   &lt;div class=&quot;grid-container display-flex flex-justify flex-align-center tablet:padding-y-2&quot;&gt;
     &lt;div&gt;
       &lt;a href=&quot;https://codeforamerica.github.io/uswds/&quot;&gt;
@@ -382,22 +382,22 @@ <h2 id="examples">Examples</h2>
     </div>
       </div>
       <div class="usa-accordion__heading">
-        <button type="button" class="usa-accordion__button" aria-expanded="false" aria-controls="aria-c-context-f2d849e52f531">
+        <button type="button" class="usa-accordion__button" aria-expanded="false" aria-controls="aria-c-context-599f5359a42d5">
           View context passed to this component
         </button>
       </div>
-      <div id="aria-c-context-f2d849e52f531" class="usa-accordion__content overflow-visible">
+      <div id="aria-c-context-599f5359a42d5" class="usa-accordion__content overflow-visible">
         <p>Context is the information necessary to configure and render a component template to HTML. It may include plain text strings, HTML, class names, IDs or other HTML attribute values. The context here is defined as JSON but the root attributes are translated to different variable syntaxes for Thymeleaf and Ruby templates. Learn how to pass these variables to each component template in the <a href="#source-and-usage">source and usage section</a>.</p>
         <div class="code-block">
       <div class="code-block__utility position-sticky pin-top">
-        <button data-js="copy" data-copy="block-585aebd3291e9" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-3d5602ee6ffaa" 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-585aebd3291e9">{
+        <textarea hidden data-copy-target="block-3d5602ee6ffaa">{
   &quot;alert&quot;: {
     &quot;modifier&quot;: &quot;cfa-alert cfa-site-alert usa-alert--info margin-0 border-top-0 border-x-0&quot;,
     &quot;role&quot;: &quot;status&quot;,
@@ -567,8 +567,8 @@ <h2 id="source-and-usage">Source and usage</h2>
   <li><strong>Embedded Ruby (ERB) partial template:</strong> <code>./_cfa-toolbar.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-faf575c373cc5"><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-faf575c373cc5">
+  <button class="cfa-details__summary" data-js="details" data-aria-controls="aria-c-e096ad9c7c63f"><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-e096ad9c7c63f">
   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>
@@ -580,14 +580,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-0a3fa34989653" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-ce917226a3671" 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-0a3fa34989653">&lt;!-- In production environments a site wide alert would be embedded here --&gt;
+        <textarea hidden data-copy-target="block-ce917226a3671">&lt;!-- In production environments a site wide alert would be embedded here --&gt;
 &lt;!-- In production environments the skip nav link would be embedded here --&gt;
 &lt;header th:fragment=&quot;toolbar(modifier, alert, container, startEl, startElModifier, home, logo, endEl, endElModifier, chat, languageSelector, links)&quot; th:class=&quot;${modifier}&quot;&gt;
   &lt;div class=&quot;grid-container display-flex flex-justify flex-align-center&quot; th:classappend=&quot;${container.modifier}&quot;&gt;
@@ -695,14 +695,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-49806dc641625" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-223986187c9d2" 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-49806dc641625">&lt;th:block th:replace=&quot;~{packages/cfa-toolbar/cfa-toolbar.th :: toolbar(${modifier}, ${container}, ${startEl}, ${startElModifier}, ${home}, ${logo}, ${endEl}, ${endElModifier}, ${chat}, ${languageSelector}, ${links})}&quot; /&gt;</textarea>
+        <textarea hidden data-copy-target="block-223986187c9d2">&lt;th:block th:replace=&quot;~{packages/cfa-toolbar/cfa-toolbar.th :: toolbar(${modifier}, ${container}, ${startEl}, ${startElModifier}, ${home}, ${logo}, ${endEl}, ${endElModifier}, ${chat}, ${languageSelector}, ${links})}&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;~{packages/cfa-toolbar/cfa-toolbar.th :: toolbar(${modifier}, ${container}, ${startEl}, ${startElModifier}, ${home}, ${logo}, ${endEl}, ${endElModifier}, ${chat}, ${languageSelector}, ${links})}&quot;</span> /&gt;</span></pre>
     </div>
@@ -716,14 +716,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-ac1c31df47bd3" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-7139573b23aab" 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-ac1c31df47bd3">&lt;!-- In production environments a site wide alert would be embedded here --&gt;
+        <textarea hidden data-copy-target="block-7139573b23aab">&lt;!-- In production environments a site wide alert would be embedded here --&gt;
 &lt;!-- In production environments the skip nav link would be embedded here --&gt;
 &lt;header&lt;% if defined?(modifier) %&gt; class=&quot;&lt;%= modifier %&gt;&quot;&lt;% end %&gt;&gt;
   &lt;div class=&quot;grid-container display-flex flex-justify flex-align-center&lt;% if container['modifier'] %&gt; &lt;%= container['modifier'] %&gt;&lt;% end %&gt;&quot;&gt;
@@ -835,14 +835,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-dc9df87203ad1" class="usa-button cfa-button">
+        <button data-js="copy" data-copy="block-774ba64896bde" 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-dc9df87203ad1">&lt;%= ERB.new(File.read('packages/cfa-toolbar/_cfa-toolbar.html.erb'), 0, 0, '@toolbar').result_with_hash({modifier: modifier, startEl: startEl, startElModifier: startElModifier, endEl: endEl, endElModifier: endElModifier, chat: chat, languageSelector: languageSelector, container: container, home: home, logo: logo}) %&gt;</textarea>
+        <textarea hidden data-copy-target="block-774ba64896bde">&lt;%= ERB.new(File.read('packages/cfa-toolbar/_cfa-toolbar.html.erb'), 0, 0, '@toolbar').result_with_hash({modifier: modifier, startEl: startEl, startElModifier: startElModifier, endEl: endEl, endElModifier: endElModifier, chat: chat, languageSelector: languageSelector, container: container, home: home, logo: logo}) %&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;packages/cfa-toolbar/_cfa-toolbar.html.erb&#x27;</span>), <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-string">&#x27;@toolbar&#x27;</span>).result_with_hash({<span class="hljs-symbol">modifier:</span> modifier, <span class="hljs-symbol">startEl:</span> startEl, <span class="hljs-symbol">startElModifier:</span> startElModifier, <span class="hljs-symbol">endEl:</span> endEl, <span class="hljs-symbol">endElModifier:</span> endElModifier, <span class="hljs-symbol">chat:</span> chat, <span class="hljs-symbol">languageSelector:</span> languageSelector, <span class="hljs-symbol">container:</span> container, <span class="hljs-symbol">home:</span> home, <span class="hljs-symbol">logo:</span> logo}) </span><span class="language-xml">%&gt;</span></pre>
     </div>
@@ -887,7 +887,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.7</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.8</span></a>
         </li>
       </ul>
     </nav>