@ulu/frontend 0.1.0-beta.85 → 0.1.0-beta.86

package/docs-dev/sass/core/units/index.html

@@ -825,6 +825,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -3521,6 +3536,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>

package/docs-dev/sass/core/utils/index.html

@@ -825,6 +825,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -3521,6 +3536,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>

package/docs-dev/sass/helpers/color/index.html

@@ -825,6 +825,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -3521,6 +3536,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>

package/docs-dev/sass/helpers/display/index.html

@@ -825,6 +825,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -3521,6 +3536,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>

package/docs-dev/sass/helpers/index/index.html

@@ -825,6 +825,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -3521,6 +3536,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>

package/docs-dev/sass/helpers/index.html

@@ -825,6 +825,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -3521,6 +3536,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>

package/docs-dev/sass/helpers/typography/index.html

@@ -825,6 +825,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -3521,6 +3536,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>

package/docs-dev/sass/helpers/units/index.html

@@ -825,6 +825,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -3521,6 +3536,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>

package/docs-dev/sass/helpers/utilities/index.html

@@ -825,6 +825,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -3521,6 +3536,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>

package/docs-dev/sass/index.html

@@ -825,6 +825,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -3521,6 +3536,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/wysiwyg/">
+          
+    
+    <span class="nav-tree__text">
+      WYSIWYG
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.1.0-beta.85",
+  "version": "0.1.0-beta.86",
   "description": "A versatile SCSS and JavaScript component library offering configurable, accessible components and flexible integration into any project, with SCSS modules suitable for modern JS frameworks.",
   "browser": "js/index.js",
   "main": "index.js",

package/scss/components/_wysiwyg.scss

@@ -13,13 +13,17 @@
 
 /// Module Settings
 /// @type Map
-/// @prop {List} img-excluded-selectors [(".wysiwyg__exclude",)]
-/// @prop {List} ul-excluded-selectors [(".list-lines", ".wysiwyg__exclude")]
-/// @prop {Map} headline-sizes [Map]
+/// @prop {String} exclude-selector [".wysiwyg__exclude"] Applied to all selectors
+/// @prop {List} img-excluded-selectors [()] Extra selectors to prevent <img> styling
+/// @prop {List} ul-excluded-selectors [(".list-lines",)] Extra selectors to prevent <ul> styling
+/// @prop {List} link-excluded-selectors [("[class]",)] Extra selectors to prevent <a> styling
+/// @prop {Map} headline-sizes [Map] Headlines from typography sizes (ElementName : TypographySizeName, ...)
 
 $config: (
-  "img-excluded-selectors" : (".wysiwyg__exclude",),
-  "ul-excluded-selectors" : (".list-lines", ".wysiwyg__exclude"),
+  "exclude-selector" : ".wysiwyg__exclude",
+  "img-excluded-selectors" : (),
+  "ul-excluded-selectors" : (".list-lines",),
+  "link-excluded-selectors" : ("[class]",),
   "headline-sizes" : (
     "h2" : "h2",
     "h3" : "h3",
@@ -66,24 +70,28 @@ $config: (
 
 // Internal mixin
 @mixin _styles() {
-  $ul-excludes: list.join(get("ul-excluded-selectors"), (), $separator: comma);
-  $img-excludes: list.join(get("img-excluded-selectors"), (), $separator: comma);
+  $exclude-selector: get("exclude-selector");
+  $ul-excludes: list.join(get("ul-excluded-selectors"), ($exclude-selector), $separator: comma);
+  $img-excludes: list.join(get("img-excluded-selectors"), ($exclude-selector), $separator: comma);
+  $link-excludes: list.join(get("link-excluded-selectors"), ($exclude-selector), $separator: comma);
 
-  a:not([class]) {
+  a:not(#{ $link-excludes }) {
     @include element.link($visited: true, $active: true);
   }
   ul:not(#{ $ul-excludes }) {
     @include element.styles-unordered-list();
+    margin-bottom: element.get("margin");
   }
-  ol {
+  ol:not(#{ $exclude-selector }) {
     @include element.styles-ordered-list(inherit);
-  }
-  ul,
-  ol {
     margin-bottom: element.get("margin");
   }
+  // ul,
+  // ol {
+  //   margin-bottom: element.get("margin");
+  // }
   @each $element, $size in get("headline-sizes") {
-    #{ $element } {
+    #{ $element }:not(#{ $exclude-selector }) {
       @include typography.size($size);
     }
   }

package/types/ui/index.d.ts

@@ -20,5 +20,5 @@ export * as printDetails from "./print-details.js";
 export * as scrollSlider from "./scroll-slider.js";
 export * as themeToggle from "./theme-toggle.js";
 export * as detailsGroup from "./details-group.js";
-declare namespace ___Users_joe_Projects_Personal_Github_frontend_js_ui_index_ { }
+declare namespace ___Users_joescherben_Personal_Projects_ULU_frontend_js_ui_index_ { }
 //# sourceMappingURL=index.d.ts.map

package/types/utils/index.d.ts

@@ -6,5 +6,5 @@ export * as index from "./index.js";
 export * as pauseYoutubeVideo from "./pause-youtube-video.js";
 export * as fileSave from "./file-save.js";
 export * as fontAwesome from "./font-awesome.js";
-declare namespace ___Users_joe_Projects_Personal_Github_frontend_js_utils_index_ { }
+declare namespace ___Users_joescherben_Personal_Projects_ULU_frontend_js_utils_index_ { }
 //# sourceMappingURL=index.d.ts.map