Merge branch 'dev'

USDA-FSA · Mar 15, 2018 · 815a013 · 815a013
2 parents 4eef62b + 0210dc2
commit 815a013
Show file tree

Hide file tree

Showing 72 changed files with 2,820 additions and 481 deletions.
diff --git a/package.json b/package.json
@@ -34,6 +34,6 @@
   },
   "dependencies": {
     "jquery": "^2.2.2",
-    "fsa-style": "^2.1.1"
+    "fsa-style": "^2.1.2"
   }
 }
diff --git a/src/component_spinbox.html b/src/component_spinbox.html
@@ -27,7 +27,7 @@ <h1>Component: Spinbox</h1>
             <h2 class="pcp-prototype-title">As seen on</h2>
             <ul>
               <li><a href="workflow_mapping.html">Daily Process > Mapping / Adjustment</a></li>
-              <li><a href="component_adjust.html">Component: Adjust</a></li>
+              <li><a href="workflow_discovery.html">Daily Process > Discovery</a> (Click on a Program, e.g. PNW)</li>
             </ul>
           </div>
           <div class="fsa-grid__1/1 fsa-grid__1/2@m">
@@ -52,8 +52,8 @@ <h3 class="fsa-font--sans">Default</h3>
                 <input class="fsa-input pcp-spinbox__input" id="lorem-ipsum-amount" name="lorem-ipsum-amount" type="number" value="1.06" step=".01">
               </div>
               <div class="pcp-spinbox__actions">
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
               </div>
             </div>
 
@@ -68,8 +68,8 @@ <h3 class="fsa-font--sans">Align Right</h3>
                 <input class="fsa-input pcp-spinbox__input" id="lorem-ipsum-amount" name="lorem-ipsum-amount" type="number" value="1.06" step=".01">
               </div>
               <div class="pcp-spinbox__actions">
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
               </div>
             </div>
 
@@ -84,8 +84,8 @@ <h3 class="fsa-font--sans">Large</h3>
                 <input class="fsa-input fsa-input--large pcp-spinbox__input" id="lorem-ipsum-amount__64539781354" name="lorem-ipsum-amount__64539781354" type="number" value="1.06" step=".01">
               </div>
               <div class="pcp-spinbox__actions">
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
               </div>
             </div>
 
@@ -100,8 +100,8 @@ <h3 class="fsa-font--sans">Small</h3>
                 <input class="fsa-input fsa-input--small pcp-spinbox__input" id="lorem-ipsum-amount__445648" name="lorem-ipsum-amount__445648" type="number" value="1.06" step=".01">
               </div>
               <div class="pcp-spinbox__actions">
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
               </div>
             </div>
 
@@ -122,8 +122,8 @@ <h3 class="fsa-font--sans">Disabled</h3>
                 <input disabled="disabled" class="fsa-input pcp-spinbox__input" id="lorem-ipsum-amount-654asdf" name="lorem-ipsum-amount-654asdf" type="number" value="1.06" step=".01">
               </div>
               <div class="pcp-spinbox__actions">
-                <button disabled="disabled" class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
-                <button disabled="disabled" class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
+                <button disabled="disabled" tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
+                <button disabled="disabled" tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
               </div>
             </div>
 
@@ -145,8 +145,8 @@ <h3 class="fsa-font--sans">step="5"</h3>
                 <input class="fsa-input pcp-spinbox__input" id="lorem-ipsum-amount__5s5s5ga4s4g" name="lorem-ipsum-amount__5s5s5ga4s4g" type="number" value="55" step="5">
               </div>
               <div class="pcp-spinbox__actions">
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
               </div>
             </div>
 
@@ -161,8 +161,8 @@ <h3 class="fsa-font--sans">step="1" min="3" max="8"</h3>
                 <input class="fsa-input pcp-spinbox__input" id="lorem-ipsum-amount__jdj8r8cjd7777" name="lorem-ipsum-amount__jdj8r8cjd7777" type="number" value="5" step="1" min="3" max="8">
               </div>
               <div class="pcp-spinbox__actions">
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
-                <button class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
+                <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
               </div>
             </div>
 
@@ -179,8 +179,8 @@ <h3 class="fsa-font--sans">In a <a href="component_field.html">Field</a></h3>
               <input class="fsa-input pcp-spinbox__input" id="lorem-ipsum-amount__63768" name="lorem-ipsum-amount__63768" type="number" value="1.06" step=".01">
             </div>
             <div class="pcp-spinbox__actions">
-              <button class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
-              <button class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
+              <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--increment" type="button" data-behavior="spinbox spin--increment" aria-label="Increase" title="Increase"></button>
+              <button tabindex="-1" class="pcp-spinbox__btn pcp-spinbox__btn--decrement" type="button" data-behavior="spinbox spin--decrement" aria-label="Decrease" title="Decrease"></button>
             </div>
           </div>
           <span class="fsa-field__help">Helpful message</span>

diff --git a/src/component_table.html b/src/component_table.html
@@ -20,7 +20,7 @@
 
         <h1>Component: Table</h1>
 
-        <pre class="pcp-code-block"><code>class="fsa-table fsa-table--borderless fsa-table--responsive <strong style="color:black">pcp-table</strong>"</code></pre>
+        <pre class="pcp-code-block"><code>class="fsa-table fsa-table--borderless fsa-table--responsive fsa-table--responsive-horizontal <strong style="color:black">pcp-table</strong>"</code></pre>
 
         <div class="fsa-grid">
           <div class="fsa-grid__1/1 fsa-grid__1/2@m">

diff --git a/src/img/map-adjustments--print.jpg b/src/img/map-adjustments--print.jpg
diff --git a/src/includes/pcp-adjust__protein-discounts___print.html b/src/includes/pcp-adjust__protein-discounts___print.html
@@ -0,0 +1,41 @@
+<table class="pcp-adjust__table">
+  <thead>
+    <tr>
+      <th class="pcp-adjust__th pcp-adjust__th--first pcp-adjust__th--bisect" scope="col" title="Market">Market</th>
+      <th class="pcp-adjust__th pcp-adjust__th--adj" scope="col">Amber</th>
+      <th class="pcp-adjust__th pcp-adjust__th--number pcp-adjust__th--adj pcp-adjust__th--bisect" scope="col" title="Change">Change</th>
+      <th class="pcp-adjust__th pcp-adjust__th--adj" scope="col">Durum</th>
+      <th class="pcp-adjust__th pcp-adjust__th--number pcp-adjust__th--last pcp-adjust__th--adj" scope="col" title="Change">Change</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td class="pcp-adjust__td pcp-adjust__td--first pcp-adjust__td--bisect"><abbr title="Minnesota">MIN</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">-0.99</td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number pcp-adjust__td--bisect"><span class="pcp-adjust__change-value"></span></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">-1.08</td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number pcp-adjust__td--last"><span class="pcp-adjust__change-value">-0.01</span></td>
+    </tr>
+    <tr>
+      <td class="pcp-adjust__td pcp-adjust__td--first pcp-adjust__td--bisect"><abbr title="Pacific Northwest">PNW</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">-1.00</td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number pcp-adjust__td--bisect"><span class="pcp-adjust__change-value">-0.01</span></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">-2.00</td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number pcp-adjust__td--last"><span class="pcp-adjust__change-value">-0.01</span></td>
+    </tr>
+    <tr>
+      <td class="pcp-adjust__td pcp-adjust__td--first pcp-adjust__td--bisect"><abbr title="laurence Olivier Solarieto">LOS</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">-1.00</td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number pcp-adjust__td--bisect"><span class="pcp-adjust__change-value">-0.02</span></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">-1.30</td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number pcp-adjust__td--last"><span class="pcp-adjust__change-value"></span></td>
+    </tr>
+    <tr>
+      <td class="pcp-adjust__td pcp-adjust__td--first pcp-adjust__td--bisect"><abbr title="Whatchadoin">WCD</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">0.70</td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number pcp-adjust__td--bisect"><span class="pcp-adjust__change-value"></span></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">-8.00</td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number pcp-adjust__td--last"><span class="pcp-adjust__change-value">-8.02</span></td>
+    </tr>
+  </tbody>
+</table>
diff --git a/src/includes/pcp-adjust__state___print.html b/src/includes/pcp-adjust__state___print.html
@@ -0,0 +1,48 @@
+<table class="pcp-adjust__table">
+  <thead>
+    <tr>
+      <th class="pcp-adjust__th pcp-adjust__th--first" scope="col" title="State">State</th>
+      <th class="pcp-adjust__th pcp-adjust__th--bisect" scope="col" title="Market">Market</th>
+      <th class="pcp-adjust__th pcp-adjust__th--adj" scope="col" title="Adjustment">Adjustmemt</th>
+      <th class="pcp-adjust__th pcp-adjust__th--number pcp-adjust__th--last pcp-adjust__th--adj" scope="col" title="Change">Change</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td class="pcp-adjust__td pcp-adjust__td--first"><abbr title="Kansas">KS</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--bisect"><abbr title="Gulf">GLF</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">0.00</td>
+      <td class="pcp-adjust__td pcp-adjust__td--number pcp-adjust__td--last pcp-adjust__td--adj"><span class="pcp-adjust__change-value"></span></td>
+    </tr>
+    <tr>
+      <td class="pcp-adjust__td pcp-adjust__td--first"><abbr title="Oklahoma">OK</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--bisect"><abbr title="Gulf">GLF</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">-0.03</td>
+      <td class="pcp-adjust__td pcp-adjust__td--number pcp-adjust__td--last pcp-adjust__td--adj"><span class="pcp-adjust__change-value"></span></td>
+    </tr>
+    <tr>
+      <td class="pcp-adjust__td pcp-adjust__td--first"><abbr title="Colorado">CO</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--bisect"><abbr title="Gulf">GLF</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">0.00</td>
+      <td class="pcp-adjust__td pcp-adjust__td--number pcp-adjust__td--last pcp-adjust__td--adj"><span class="pcp-adjust__change-value">-0.08</span></td>
+    </tr>
+    <tr>
+      <td class="pcp-adjust__td pcp-adjust__td--first"><abbr title="Nebraska">NE</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--bisect"><abbr title="Gulf">GLF</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">-0.05</td>
+      <td class="pcp-adjust__td pcp-adjust__td--number pcp-adjust__td--last pcp-adjust__td--adj"><span class="pcp-adjust__change-value"></span></td>
+    </tr>
+    <tr>
+      <td class="pcp-adjust__td pcp-adjust__td--first"><abbr title="South Dakota">SD</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--bisect"><abbr title="Gulf">GLF</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">0.00</td>
+      <td class="pcp-adjust__td pcp-adjust__td--number pcp-adjust__td--last pcp-adjust__td--adj"><span class="pcp-adjust__change-value"></span></td>
+    </tr>
+    <tr>
+      <td class="pcp-adjust__td pcp-adjust__td--first"><abbr title="California">CA</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--bisect"><abbr title="Gulf">GLF</abbr></td>
+      <td class="pcp-adjust__td pcp-adjust__td--adj pcp-adjust__td--number">0.00</td>
+      <td class="pcp-adjust__td pcp-adjust__td--number pcp-adjust__td--last pcp-adjust__td--adj"><span class="pcp-adjust__change-value"></span></td>
+    </tr>
+  </tbody>
+</table>