npm - @ulu/frontend - Versions diffs - 0.1.0-beta.32 → 0.1.0-beta.33 - Mend

@ulu/frontend 0.1.0-beta.32 → 0.1.0-beta.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (160) hide show

package/docs-dev/changelog/index.html CHANGED Viewed

@@ -243,11 +243,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
     </span>
         </a>
@@ -258,11 +258,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 New
+      Card Grid
     </span>
         </a>
@@ -2729,11 +2729,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
     </span>
         </a>
@@ -2744,11 +2744,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 New
+      Card Grid
     </span>
         </a>
@@ -5046,6 +5046,15 @@
 <div class="toc">
                 <ol>
+                    <li><a href="#version-0.1.0-beta.34-(unreleased)">Version 0.1.0-beta.34 (unreleased)</a>
+            		</li>
+                    <li><a href="#version-0.1.0-beta.33">Version 0.1.0-beta.33</a>
+            		</li>
+                    <li><a href="#version-0.1.0-beta.32">Version 0.1.0-beta.32</a>
+            		</li>
                     <li><a href="#version-0.1.0-beta.31">Version 0.1.0-beta.31</a>
             		</li>
@@ -5196,6 +5205,66 @@
     <div class="changelog">
 <h1 id="change-log" tabindex="-1">Change Log</h1>
+<h2 id="version-0.1.0-beta.34-(unreleased)" tabindex="-1">Version 0.1.0-beta.34 (unreleased)</h2>
+<ul>
+<li>scss/element
+<ul>
+<li>Add mixins for element.cap() and element.cap-appearance() which are used internally but can be used by users to add end caps to an element</li>
+</ul>
+</li>
+<li>scss/components/callout
+<ul>
+<li><strong>Minor visual breaking change for those using cap</strong></li>
+<li>Update how left-cap works (all properties have changed) now accepts common cap settings (see config)</li>
+<li>Caps can be set on any side now</li>
+<li>Callout styles map (for variations/modifiers of callout) will no longer output &quot;border&quot; configuration
+<ul>
+<li>Use &quot;border-width&quot; or &quot;border-color&quot; to affect border appearance</li>
+</ul>
+</li>
+</ul>
+</li>
+<li>scss/button-verbose
+<ul>
+<li><strong>Minor visual breaking change for those using cap</strong></li>
+<li>left cap has changed to cap and accepts common cap options (see config)</li>
+</ul>
+</li>
+<li>scss/utils
+<ul>
+<li>Add ensure-map(), units-match(), is-end(), is-side() functions</li>
+</ul>
+</li>
+<li>js/ui/tooltip
+<ul>
+<li>Fix missing init attribute</li>
+</ul>
+</li>
+</ul>
+<h2 id="version-0.1.0-beta.33" tabindex="-1">Version 0.1.0-beta.33</h2>
+<ul>
+<li>scss
+<ul>
+<li>Add layout.absolute-fill throughout components/styles so that CSS is printed the same way for compression</li>
+<li>Add layout.absolute-fill throughout components/styles so that CSS is printed the same way for compression</li>
+</ul>
+</li>
+<li>scss/components/callout</li>
+<li>scss/components/button-verbose
+<ul>
+<li>Add left-cap-match-radius to have the left cap style match the border radius of the parent container</li>
+<li></li>
+</ul>
+</li>
+</ul>
+<h2 id="version-0.1.0-beta.32" tabindex="-1">Version 0.1.0-beta.32</h2>
+<ul>
+<li>scss/components/button-verbose
+<ul>
+<li>Add left-cap-match-radius to have the left cap style match the border radius of the parent container</li>
+</ul>
+</li>
+</ul>
 <h2 id="version-0.1.0-beta.31" tabindex="-1">Version 0.1.0-beta.31</h2>
 <ul>
 <li>scss/components/button-verbose

package/docs-dev/demos/accordion/index.html CHANGED Viewed

@@ -243,11 +243,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
     </span>
         </a>
@@ -258,11 +258,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 New
+      Card Grid
     </span>
         </a>
@@ -2729,11 +2729,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
     </span>
         </a>
@@ -2744,11 +2744,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 New
+      Card Grid
     </span>
         </a>

package/docs-dev/demos/button/index.html CHANGED Viewed

@@ -243,11 +243,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
     </span>
         </a>
@@ -258,11 +258,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 New
+      Card Grid
     </span>
         </a>
@@ -2729,11 +2729,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
     </span>
         </a>
@@ -2744,11 +2744,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 New
+      Card Grid
     </span>
         </a>

package/docs-dev/demos/button-verbose/index.html CHANGED Viewed

@@ -243,11 +243,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
     </span>
         </a>
@@ -258,11 +258,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 New
+      Card Grid
     </span>
         </a>
@@ -2729,11 +2729,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
     </span>
         </a>
@@ -2744,11 +2744,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 New
+      Card Grid
     </span>
         </a>

package/docs-dev/demos/callout/index.html CHANGED Viewed

@@ -243,11 +243,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
     </span>
         </a>
@@ -258,11 +258,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 New
+      Card Grid
     </span>
         </a>
@@ -2729,11 +2729,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
     </span>
         </a>
@@ -2744,11 +2744,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 New
+      Card Grid
     </span>
         </a>
@@ -5050,6 +5050,9 @@
                 <ol>
+                    <li><a href="#rainbow-callout">Rainbow Callout</a>
+            		</li>
                     <li><a href="#info-callout">Info Callout</a>
             		</li>
@@ -5061,6 +5064,9 @@
                     <li><a href="#danger-callout">Danger Callout</a>
             		</li>
+                    <li><a href="#test-callout">Test Callout</a>
+            		</li>
                 </ol>
             		</li>
                 </ol>
@@ -5094,6 +5100,12 @@
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum.
   <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>div</span><span class="pjs-token pjs-punctuation">></span></span>
 <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>div</span><span class="pjs-token pjs-punctuation">></span></span></code></pre>
+<h3 id="rainbow-callout" tabindex="-1">Rainbow Callout</h3>
+<div class="callout callout--rainbow">
+  <div>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum.
+  </div>
+</div>
 <h3 id="info-callout" tabindex="-1">Info Callout</h3>
 <div class="callout callout--info">
   <div>
@@ -5120,6 +5132,12 @@
   <div>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum.
   </div>
+</div>
+<h3 id="test-callout" tabindex="-1">Test Callout</h3>
+<div class="callout callout--test">
+  <div>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum.
+  </div>
 </div>
     </div>
   </div>

package/docs-dev/demos/captioned-figure/index.html CHANGED Viewed

@@ -243,11 +243,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
     </span>
         </a>
@@ -258,11 +258,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 New
+      Card Grid
     </span>
         </a>
@@ -2729,11 +2729,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
     </span>
         </a>
@@ -2744,11 +2744,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 New
+      Card Grid
     </span>
         </a>

package/docs-dev/demos/card/index.html CHANGED Viewed

@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>
-    Card New
+    Card
   </title>
   <meta name="description" content="Modular Sass Theming Library">
   <meta name="generator" content="Eleventy v3.0.0">
@@ -241,13 +241,13 @@
         </li>
-        <li class="nav-tree__item  ">
+        <li class="nav-tree__item is-active is-active-trail ">
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  is-active is-active-trail" href="/frontend/demos/card/" aria-current="page">
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
         </a>
@@ -256,13 +256,13 @@
         </li>
-        <li class="nav-tree__item is-active is-active-trail ">
+        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  is-active is-active-trail" href="/frontend/demos/card/" aria-current="page">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
         </a>
@@ -2727,13 +2727,13 @@
         </li>
-        <li class="nav-tree__item  ">
+        <li class="nav-tree__item is-active is-active-trail ">
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  is-active is-active-trail" href="/frontend/demos/card/" aria-current="page">
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
         </a>
@@ -2742,13 +2742,13 @@
         </li>
-        <li class="nav-tree__item is-active is-active-trail ">
+        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  is-active is-active-trail" href="/frontend/demos/card/" aria-current="page">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
         </a>
@@ -5051,11 +5051,7 @@
   <div class="page__body-top container ">
-    <h1 class="page__title h1">Card New</h1>
-  <p class="type-large type-light">
-    Cards are...
-  </p>
+    <h1 class="page__title h1">Card</h1>
   <hr class="rule rule--light rule--margin-large">
@@ -5063,59 +5059,59 @@
     <div class="live-demo" data-live-demo="">
   <div class="live-demo__display" data-live-demo-display="">
   </div>
-  <form class="live-demo__form form-theme" data-live-demo-form="">
+  <form class="live-demo__form form-theme theme-light" data-live-demo-form="">
 <fieldset>
   <legend>Elements Visible</legend>
   <div>
 <div class="form-theme__item form-theme__item--checkbox">
-  <input type="checkbox" id="live-demo-id-57" name="title" checked="">
-<label for="live-demo-id-57">
+  <input type="checkbox" id="live-demo-id-197" name="title" checked="">
+<label for="live-demo-id-197">
   Title
 </label>
 </div>
 <div class="form-theme__item form-theme__item--checkbox">
-  <input type="checkbox" id="live-demo-id-58" name="body" checked="">
-<label for="live-demo-id-58">
+  <input type="checkbox" id="live-demo-id-198" name="body" checked="">
+<label for="live-demo-id-198">
   Body
 </label>
 </div>
 <div class="form-theme__item form-theme__item--checkbox">
-  <input type="checkbox" id="live-demo-id-59" name="content" checked="">
-<label for="live-demo-id-59">
+  <input type="checkbox" id="live-demo-id-199" name="content" checked="">
+<label for="live-demo-id-199">
   Content
 </label>
 </div>
 <div class="form-theme__item form-theme__item--checkbox">
-  <input type="checkbox" id="live-demo-id-60" name="footer" checked="">
-<label for="live-demo-id-60">
+  <input type="checkbox" id="live-demo-id-200" name="footer" checked="">
+<label for="live-demo-id-200">
   Footer
 </label>
 </div>
   </div>
 </fieldset>
 <div class="form-theme__item form-theme__item--select">
-<label for="live-demo-id-61">
+<label for="live-demo-id-201">
   Action
   <span class="fas fa-info-circle" data-ulu-tooltip="Proxy click only works when title is present"></span>
 </label>
-  <select id="live-demo-id-61" name="action">
+  <select id="live-demo-id-201" name="action">
     <option value="">None</option>,<option value="link">Card is Link</option>,<option value="proxy">Proxy Click</option>
   </select>
 </div>
 <div class="form-theme__item form-theme__item--select">
-<label for="live-demo-id-62">
+<label for="live-demo-id-202">
   Media
 </label>
-  <select id="live-demo-id-62" name="media">
+  <select id="live-demo-id-202" name="media">
     <option value="icon">Icon</option>,<option value="image">Image</option>,<option value="imageFit">Image (fit)</option>,<option value="none">No Image</option>
   </select>
 </div>
 <div class="form-theme__item form-theme__item--select">
-<label for="live-demo-id-63">
+<label for="live-demo-id-203">
   Layout
   <span class="fas fa-info-circle" data-ulu-tooltip="Overlay is not compatible with 'Icon' and 'No Image' options"></span>
 </label>
-  <select id="live-demo-id-63" name="layout">
+  <select id="live-demo-id-203" name="layout">
     <option value="">Default</option>,<option value="horizontal">Horizontal</option>,<option value="overlay">Overlay</option>
   </select>
 </div>