@ulu/frontend 0.1.0-beta.27 → 0.1.0-beta.29

package/docs-dev/sass/components/placeholder-block/index.html

@@ -196,6 +196,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -228,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card
+      Card Grid
     </span>
   
         </a>
@@ -243,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card New
     </span>
   
         </a>
@@ -2667,6 +2682,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -2699,11 +2729,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card
+      Card Grid
     </span>
   
         </a>
@@ -2714,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card New
     </span>
   
         </a>

package/docs-dev/sass/components/popover/index.html

@@ -196,6 +196,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -228,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card
+      Card Grid
     </span>
   
         </a>
@@ -243,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card New
     </span>
   
         </a>
@@ -2667,6 +2682,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -2699,11 +2729,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card
+      Card Grid
     </span>
   
         </a>
@@ -2714,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card New
     </span>
   
         </a>
@@ -5069,6 +5099,7 @@
 <p>Module Settings</p>
 <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$config</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
   <span class="pjs-token pjs-string">"arrow-size"</span>                   <span class="pjs-token pjs-punctuation">:</span> 16px<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"arrow-mask-overlap"</span>           <span class="pjs-token pjs-punctuation">:</span> 4px<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"background-color"</span>             <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"border-radius"</span>                <span class="pjs-token pjs-punctuation">:</span> 6px<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"color"</span>                        <span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
@@ -5078,14 +5109,12 @@
   <span class="pjs-token pjs-string">"padding-large"</span>                <span class="pjs-token pjs-punctuation">:</span> 2rem<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"type-size"</span>                    <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-null pjs-keyword">null</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"z-index"</span>                      <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
-  
   <span class="pjs-token pjs-string">"box-shadow"</span>                   <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"box-shadow-footer"</span>            <span class="pjs-token pjs-punctuation">:</span> 0 0 4px<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"box-shadow-footer-color"</span>      <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"box-shadow"</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"header-background-color"</span>      <span class="pjs-token pjs-punctuation">:</span> #ccc<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"header-color"</span>                 <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-null pjs-keyword">null</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"header-media-background-color"</span><span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"header-padding-y"</span>             <span class="pjs-token pjs-punctuation">:</span> 0.25rem<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"footer-border-top"</span>            <span class="pjs-token pjs-punctuation">:</span> 1px solid #dfdfdf<span class="pjs-token pjs-punctuation">,</span>  
   <span class="pjs-token pjs-string">"footer-background-color"</span>      <span class="pjs-token pjs-punctuation">:</span> #ccc<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"footer-color"</span>                 <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-null pjs-keyword">null</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"footer-padding-y"</span>             <span class="pjs-token pjs-punctuation">:</span> 0.25rem<span class="pjs-token pjs-punctuation">,</span>
@@ -5106,7 +5135,7 @@
 <li><strong>Group:</strong> popover</li>
 <li><strong>Type:</strong> variable</li>
 <li><strong>Lines (comments):</strong> 30-60</li>
-<li><strong>Lines (code):</strong> 62-93</li>
+<li><strong>Lines (code):</strong> 62-92</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5124,7 +5153,13 @@
 <td style="text-align:left">arrow-size</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">16px</td>
-<td style="text-align:left">size of the dropdown arrow.</td>
+<td style="text-align:left">Size of the dropdown arrow.</td>
+</tr>
+<tr>
+<td style="text-align:left">arrow-mask-overlap</td>
+<td style="text-align:left">Dimension</td>
+<td style="text-align:left">4px</td>
+<td style="text-align:left">Size that the mask extends beyond the arrow size (which covers up the arrow box shadow inside the popover content). This should be adjusted based on the size of the box-shadow being used)</td>
 </tr>
 <tr>
 <td style="text-align:left">background-color</td>
@@ -5187,18 +5222,6 @@
 <td style="text-align:left">Box shadow of the popover.</td>
 </tr>
 <tr>
-<td style="text-align:left">box-shadow-footer</td>
-<td style="text-align:left">CssValue</td>
-<td style="text-align:left">0 0 4px</td>
-<td style="text-align:left">Box shadow of the popover footer.</td>
-</tr>
-<tr>
-<td style="text-align:left">box-shadow-footer-color</td>
-<td style="text-align:left">String</td>
-<td style="text-align:left">&quot;box-shadow&quot;</td>
-<td style="text-align:left">Color of the footer's box shadow.</td>
-</tr>
-<tr>
 <td style="text-align:left">header-background-color</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">#ccc</td>
@@ -5229,6 +5252,12 @@
 <td style="text-align:left">Background color of the footer.</td>
 </tr>
 <tr>
+<td style="text-align:left">footer-border-top</td>
+<td style="text-align:left">Color</td>
+<td style="text-align:left">1px solid #dfdfdf</td>
+<td style="text-align:left">Optional border used to separate the content from footer</td>
+</tr>
+<tr>
 <td style="text-align:left">footer-color</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
@@ -5310,8 +5339,8 @@
 <li><strong>File:</strong> _popover.scss</li>
 <li><strong>Group:</strong> popover</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 95-98</li>
-<li><strong>Lines (code):</strong> 100-102</li>
+<li><strong>Lines (comments):</strong> 94-97</li>
+<li><strong>Lines (code):</strong> 99-101</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5350,8 +5379,8 @@
 <li><strong>File:</strong> _popover.scss</li>
 <li><strong>Group:</strong> popover</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 114-116</li>
-<li><strong>Lines (code):</strong> 118-272</li>
+<li><strong>Lines (comments):</strong> 113-115</li>
+<li><strong>Lines (code):</strong> 117-232</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5374,8 +5403,8 @@
 <li><strong>File:</strong> _popover.scss</li>
 <li><strong>Group:</strong> popover</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 104-107</li>
-<li><strong>Lines (code):</strong> 109-112</li>
+<li><strong>Lines (comments):</strong> 103-106</li>
+<li><strong>Lines (code):</strong> 108-111</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>

package/docs-dev/sass/components/pull-quote/index.html

@@ -196,6 +196,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -228,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card
+      Card Grid
     </span>
   
         </a>
@@ -243,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card New
     </span>
   
         </a>
@@ -2667,6 +2682,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -2699,11 +2729,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card
+      Card Grid
     </span>
   
         </a>
@@ -2714,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card New
     </span>
   
         </a>

package/docs-dev/sass/components/ratio-box/index.html

@@ -196,6 +196,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -228,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card
+      Card Grid
     </span>
   
         </a>
@@ -243,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card New
     </span>
   
         </a>
@@ -2667,6 +2682,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -2699,11 +2729,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card
+      Card Grid
     </span>
   
         </a>
@@ -2714,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card New
     </span>
   
         </a>

package/docs-dev/sass/components/rule/index.html

@@ -196,6 +196,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -228,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card
+      Card Grid
     </span>
   
         </a>
@@ -243,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card New
     </span>
   
         </a>
@@ -2667,6 +2682,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -2699,11 +2729,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card
+      Card Grid
     </span>
   
         </a>
@@ -2714,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card New
     </span>
   
         </a>