finish doc updates

george · george · commit a3e10c7ed214 · 2019-07-07T10:55:42.000-07:00
diff --git a/app/assets/fonts/.gitkeep b/app/assets/fonts/.gitkeep
diff --git a/app/docs/branding.md b/app/docs/branding.md
@@ -35,9 +35,8 @@ In order for the previous html snippet to work, you will need to add a `div` or
     <p>This is some random text</p>
   </div>
 </div>
-
 <button>Press me, too!</button>
-<p>This is some other random text!<p>
+<p>This is some other random text!</p>
 ```
 
 Now any elements within the `my-scope` wrapper will use Undernet's styling, and the other elements will not.
diff --git a/app/docs/javascript.md b/app/docs/javascript.md
@@ -11,10 +11,10 @@ A number of components are available for you to use in your site:
 
 Additionally, there are two utilities you can use to manipulate certain behavior outside of components using the `ContextUtil` plugin:
 
-1. Focus Trapping: Use `ContextUtil.captureFocus(selector)` to trap focus within a given container. `selector` can be any valid class, id, attribute, or other identifier in the DOM. E.g., `.my-cool-class`. To release focus, use `ContextUtil.releaseFocus()`; it assumes you are releasing the focus on the same element you captured focus on, so don't call `captureFocus` twice in a row!
-2. Focus Outline: Use `ContextUtil.enableFocusOutline()` to enable a focus outline when keyboard navigation activity is detected (spacebar, enter, escape, arrow keys, etc). Use `ContextUtil.disableFocusOutline()` to manually turn it off.
+1. **Focus Trap**: Use `ContextUtil.captureFocus(selector)` to trap focus within a given container. `selector` can be any valid class, id, attribute, or other identifier in the DOM. E.g., `.my-cool-class`. To release focus, use `ContextUtil.releaseFocus()`; it assumes you are releasing focus on the same element you captured focus on, so don't call `captureFocus` twice in a row!
+2. **Focus Outline**: Use `ContextUtil.enableFocusOutline()` to enable a focus outline when keyboard navigation activity is detected (tab, shift, spacebar, enter, escape, arrow keys, etc). Use `ContextUtil.disableFocusOutline()` to manually turn it off.
 
-# API Patterns
+## API Pattern
 
 Undernet's components and focus outline plugin can all be enabled using a one line "start" method:
 
@@ -36,13 +36,13 @@ Modals.start()
 Modals.stop()
 ```
 
-## Bundling
+## Bundle & Install Options
 
 There's two main ways to gain access to the JavaScript: the CDN and NPM package. The API is the same in either case.
 
-### CDN
+### CDN or Static Assets
 
-Just like in the [Introduction](/docs/overview/introduction) article, the fastest option is to add the compiled assets right to your layout. Then in a separate script tag, call the API.
+Similar the [Introduction](/docs/overview/introduction) article (CDN example is used there), the fastest option is to add the compiled assets right to your layout. Then in a separate script tag, call the API.
 
 ```html
 <!DOCTYPE html>
diff --git a/js/src/index.bundle.js b/js/src/index.bundle.js
@@ -1,4 +1,4 @@
 import Undernet from "./index"
 
 window.Undernet = Undernet
-export { default as Undernet, Modals, Accordions, Dropdowns, Tooltips, Utils } from "./index"
+export { default as Undernet, Modals, Accordions, Dropdowns, Tooltips, ContextUtil } from "./index"
diff --git a/js/src/index.js b/js/src/index.js
@@ -11,7 +11,6 @@ export const Tooltips = new _Tooltips()
 export const ContextUtil = new _ContextUtil()
 
 const Undernet = {
-  // Components
   Modals,
   Accordions,
   Dropdowns,
@@ -31,6 +30,7 @@ Undernet.stop = () => {
   Undernet.Modals.stop()
   Undernet.Accordions.stop()
   Undernet.Dropdowns.stop()
+  Undernet.Tooltips.stop()
   ContextUtil.disableFocusOutline()
 }
 
