Skip to content

Commit

Permalink
0.0.1-alpha.7
Browse files Browse the repository at this point in the history
  • Loading branch information
@devowhippit
devowhippit committed Jan 17, 2024
1 parent fc9e4d9 commit e9ca3ed
Show file tree
Hide file tree
Showing 28 changed files with 1,826 additions and 1,826 deletions.
4 changes: 2 additions & 2 deletions dist/about/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.6" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.6">
<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">
<span class="usa-sr-only">Source (GitHub)</span>

<svg class="usa-icon square-4" aria-hidden="true" focusable="false" role="img">
Expand Down Expand Up @@ -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.6</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.7</span></a>
</li>
</ul>
</nav>
Expand Down
116 changes: 58 additions & 58 deletions dist/components/accordion/index.html
View file

Large diffs are not rendered by default.

134 changes: 67 additions & 67 deletions dist/components/alert/index.html
View file

Large diffs are not rendered by default.

180 changes: 90 additions & 90 deletions dist/components/button/index.html
View file

Large diffs are not rendered by default.

148 changes: 74 additions & 74 deletions dist/components/checkbox/index.html
View file

Large diffs are not rendered by default.

64 changes: 32 additions & 32 deletions dist/components/details/index.html
View file

Large diffs are not rendered by default.

270 changes: 135 additions & 135 deletions dist/components/fieldset/index.html
View file

Large diffs are not rendered by default.

114 changes: 57 additions & 57 deletions dist/components/file-selector/index.html
View file

Large diffs are not rendered by default.

150 changes: 75 additions & 75 deletions dist/components/follow-up-question/index.html
View file

Large diffs are not rendered by default.

52 changes: 26 additions & 26 deletions dist/components/footer/index.html
View file

Large diffs are not rendered by default.

780 changes: 390 additions & 390 deletions dist/components/form-card/index.html
View file

Large diffs are not rendered by default.

620 changes: 310 additions & 310 deletions dist/components/form-group/index.html
View file

Large diffs are not rendered by default.

92 changes: 46 additions & 46 deletions dist/components/household-details/index.html
View file

Large diffs are not rendered by default.

48 changes: 24 additions & 24 deletions dist/components/identifier/index.html
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions dist/components/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.6" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.6">
<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">
<span class="usa-sr-only">Source (GitHub)</span>

<svg class="usa-icon square-4" aria-hidden="true" focusable="false" role="img">
Expand Down Expand Up @@ -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.6</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.7</span></a>
</li>
</ul>
</nav>
Expand Down
246 changes: 123 additions & 123 deletions dist/components/input/index.html
View file

Large diffs are not rendered by default.

176 changes: 88 additions & 88 deletions dist/components/memorable-date/index.html
View file

Large diffs are not rendered by default.

148 changes: 74 additions & 74 deletions dist/components/radio-button/index.html
View file

Large diffs are not rendered by default.

64 changes: 32 additions & 32 deletions dist/components/select/index.html
View file

Large diffs are not rendered by default.

60 changes: 30 additions & 30 deletions dist/components/textarea/index.html
View file

Large diffs are not rendered by default.

44 changes: 22 additions & 22 deletions dist/components/toolbar/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.6" target="_blank" rel="noopener nofollow" class="usa-nav-link desktop:padding-2" title="Latest Release v0.0.1-alpha.6">
<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">
<span class="usa-sr-only">Source (GitHub)</span>

<svg class="usa-icon square-4" aria-hidden="true" focusable="false" role="img">
Expand Down Expand Up @@ -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-e03096f90b335"><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-e03096f90b335"><p>
<button class="cfa-details__summary" data-js="details" data-aria-controls="aria-c-b950e5953c763"><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-b950e5953c763"><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>
Expand Down Expand Up @@ -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-6f68b8d785554">
<button type="button" class="usa-accordion__button" aria-expanded="false" aria-controls="aria-c-html-0ef181ba2d0b2">
View HTML
</button>
</div>
<div id="aria-c-html-6f68b8d785554" class="usa-accordion__content overflow-visible">
<div id="aria-c-html-0ef181ba2d0b2" 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-66b7ebd3df049" class="usa-button cfa-button">
<button data-js="copy" data-copy="block-90374e4f2ce36" 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-66b7ebd3df049">&lt;header&gt;
<textarea hidden data-copy-target="block-90374e4f2ce36">&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;
Expand Down Expand Up @@ -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-6f68b8d785554">
<button type="button" class="usa-accordion__button" aria-expanded="false" aria-controls="aria-c-context-0ef181ba2d0b2">
View context passed to this component
</button>
</div>
<div id="aria-c-context-6f68b8d785554" class="usa-accordion__content overflow-visible">
<div id="aria-c-context-0ef181ba2d0b2" 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-7105fef1b552" class="usa-button cfa-button">
<button data-js="copy" data-copy="block-7b00b1cb8c62f" 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-7105fef1b552">{
<textarea hidden data-copy-target="block-7b00b1cb8c62f">{
&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;,
Expand Down Expand Up @@ -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-cb1b73b952dab"><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-cb1b73b952dab">
<button class="cfa-details__summary" data-js="details" data-aria-controls="aria-c-a6871c9b612d3"><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-a6871c9b612d3">
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>
Expand All @@ -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-3ccd670da76ef" class="usa-button cfa-button">
<button data-js="copy" data-copy="block-6d4fa96190d5b" 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-3ccd670da76ef">&lt;!-- In production environments a site wide alert would be embedded here --&gt;
<textarea hidden data-copy-target="block-6d4fa96190d5b">&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;
Expand Down Expand Up @@ -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-22104dab8c45f" class="usa-button cfa-button">
<button data-js="copy" data-copy="block-c68a581a85103" 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-22104dab8c45f">&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-c68a581a85103">&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>
Expand All @@ -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-e20989f9a9587" class="usa-button cfa-button">
<button data-js="copy" data-copy="block-10c6e7760687b" 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-e20989f9a9587">&lt;!-- In production environments a site wide alert would be embedded here --&gt;
<textarea hidden data-copy-target="block-10c6e7760687b">&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;
Expand Down Expand Up @@ -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-c364c206faccc" class="usa-button cfa-button">
<button data-js="copy" data-copy="block-bdd7d0d736093" 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-c364c206faccc">&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-bdd7d0d736093">&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>
Expand Down Expand Up @@ -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.6</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.7</span></a>
</li>
</ul>
</nav>
Expand Down
Loading

0 comments on commit e9ca3ed

Please sign in to comment.