superdesk-ui-framework 4.0.52 → 4.0.54

package/examples/pages/components_deprecated/panel-info.html

@@ -1,34 +0,0 @@
-<section class="docs-page__container"> 
-    <h2 class="docs-page__h2">Panel info</h2>
-    <p class="docs-page__paragraph">Panel information element, use it to show information with big icon - suitable for empty panels. Choose your icon from Big icon font.</p>
-    <div class="docs-page__code-window" doc-tabs>
-        <div class="docs-page__window-bar">
-            <a id="example" href="#" class="active">Example</a>
-            <a id="markup" href="#">Markup</a>
-        </div> 
-        <div class="docs-page__window-content">
-            <div class="docs-page__code-example">
-                <div class="docs-page__content-row">
-                    <div class="panel-info">
-                        <div class="panel-info__icon">
-                            <i class="big-icon--comments"></i>
-                        </div>
-                        <h3 class="panel-info__heading">No comments so far.</h3>
-                        <p class="panel-info__description">Be the first one...</p>
-                    </div>
-                </div>
-            </div>
-            <div class="docs-page__code-markup">
-                <pre class="prettyprint lang-html linenums">
-                    <div class="panel-info">
-                        <div class="panel-info__icon">
-                            <i class="big-icon--comments"></i>
-                        </div>
-                        <h3 class="panel-info__heading">No comments so far.</h3>
-                        <p class="panel-info__description">Be the first one...</p>
-                    </div>
-                </pre>
-            </div>
-        </div>
-    </div>
-</section>   

package/examples/pages/components_deprecated/radio.html

@@ -1,64 +0,0 @@
-<section class="docs-page__container">   
-    <h2 class="docs-page__h2">Radio button</h2>
-    <p class="docs-page__paragraph">Radio buttons are created the same way the SD checkboxes with the addition of the property <code>type="radio"</code>.</p>
-    <div class="docs-page__code-window" doc-tabs>
-        <div class="docs-page__window-bar">
-            <a id="example" href="#" class="active">Example</a>
-            <a id="markup" href="#">Markup</a>
-        </div>
-        <div class="docs-page__window-content">
-            <div class="docs-page__code-example">
-                <p class="docs-page__paragraph">// Basic SD Radio buttons</p>
-                <div class="form__row">
-                    <sd-check ng-model="stu" type="radio" ng-value="value1">Default label position</sd-check>
-                    <sd-check ng-model="stu" type="radio" ng-value="value2">Default label</sd-check> 
-                    <sd-check ng-model="stu" type="radio" ng-value="value3">Default label</sd-check>
-                    <sd-check ng-model="stu" type="radio" ng-value="value4" disabled="disabled">Disabled state</sd-check>  
-                </div>
-                <p class="docs-page__paragraph">// Basic - labels on the left</p>
-                <div class="form__row">
-                    <sd-check ng-model="opr" type="radio" ng-value="value1" label-position="left">Label on the left</sd-check>
-                    <sd-check ng-model="opr" type="radio" ng-value="value2" label-position="left">Label on the left</sd-check> 
-                    <sd-check ng-model="opr" type="radio" ng-value="value3" label-position="left">Label on the left</sd-check> 
-                </div>
-                <p class="docs-page__paragraph docs-page__paragraph--topMarginL">// Button styled radio buttons</p>
-                <div class="form__row">
-                    <sd-check ng-model="xyz" type="radio" ng-value="value1" label-position="inside">Button style radio</sd-check>
-                    <sd-check ng-model="xyz" type="radio" ng-value="value2" label-position="inside">Button style</sd-check> 
-                    <sd-check ng-model="xyz" type="radio" ng-value="value3" label-position="inside">Button style</sd-check>
-                    <sd-check ng-model="xyz" type="radio" ng-value="value4" label-position="inside" disabled="disabled">Button style disabled</sd-check> 
-                </div>
-                <p class="docs-page__paragraph docs-page__paragraph--topMarginL">// Button style radio with icon</p>
-                <div class="form__row">
-                    <sd-check ng-model="zzx" type="radio" ng-value="value1" data-icon="list-view">Radio button with icon</sd-check>
-                    <sd-check ng-model="zzx" type="radio" ng-value="value2" data-icon="grid-view">I have an icon!</sd-check>
-                    <sd-check ng-model="zzx" type="radio" ng-value="value3" data-icon="kanban-view">Yeah, me too!</sd-check>
-                </div>
-            </div>
-            <div class="docs-page__code-markup">
-                <pre class="prettyprint lang-html linenums">
-                    <!--Basic SD Radio buttons-->
-                    <div class="form__row" ng-non-bindable>
-                        <sd-check ng-model="stu" type="radio" ng-value="value1">Default label position</sd-check>
-                        <sd-check ng-model="stu" type="radio" ng-value="value2">Default label</sd-check> 
-                        <sd-check ng-model="stu" type="radio" ng-value="value3">Default label</sd-check>
-                        <sd-check ng-model="stu" type="radio" ng-value="value4" disabled="disabled">Disabled state</sd-check> 
-                    </div>
-                    <!--Basic - labels on the left-->
-                    <div class="form__row" ng-non-bindable>
-                        <sd-check ng-model="opr" type="radio" ng-value="value1" label-position="left">Label on the left</sd-check>
-                        <sd-check ng-model="opr" type="radio" ng-value="value2" label-position="left">Label on the left</sd-check> 
-                        <sd-check ng-model="opr" type="radio" ng-value="value3" label-position="left">Label on the left</sd-check> 
-                    </div>
-                    <!--Button styled radio buttons-->
-                    <div class="form__row" ng-non-bindable>
-                        <sd-check ng-model="xyz" type="radio" ng-value="value1" label-position="inside">Button style radio</sd-check>
-                        <sd-check ng-model="xyz" type="radio" ng-value="value2" label-position="inside">Button style</sd-check> 
-                        <sd-check ng-model="xyz" type="radio" ng-value="value3" label-position="inside">Button style</sd-check>
-                        <sd-check ng-model="xyz" type="radio" ng-value="value4" label-position="inside" disabled="disabled">Button style disabled</sd-check> 
-                    </div>
-                </pre>
-            </div>
-        </div>
-    </div>
-</section> 

package/examples/pages/components_deprecated/select.html

@@ -1,160 +0,0 @@
-<section class="docs-page__container">  
-    <h2 class="docs-page__h2">Select</h2>
-    <p class="docs-page__paragraph">Line select shares the same basic structure as the Line input. An additional modifier class <code>sd-line-input--is-select</code> on the <code>sd-line-input</code> element is required to add the caret. The select element must have the class <code>sd-line-input__select</code>.</p>
-    <div class="docs-page__code-window" doc-tabs>
-        <div class="docs-page__window-bar">
-            <a id="example" href="#" class="active">Example</a>
-            <a id="markup" href="#">Markup</a>
-        </div>
-        <div class="docs-page__window-content">
-            <div class="docs-page__code-example">
-                <p class="docs-page__paragraph">// Select with hint text</p>
-                <div class="form__row">
-                    <div class="sd-line-input sd-line-input--is-select">
-                        <label class="sd-line-input__label">Favorite fruit</label>
-                        <select class="sd-line-input__select">
-                            <option value="apples">Apples</option>
-                            <option value="oranges">Oranges</option>
-                            <option value="bananas">Bananas</option>
-                            <option value="pears">Pears</option>
-                            <option value="peaches">Peaches</option>
-                        </select>
-                        <span class="sd-line-input__hint">Dolor in hendrerit.</span>
-                    </div>
-                </div>
-                <p class="docs-page__paragraph docs-page__paragraph--topMarginL">// Select with error message</p>
-                <div class="form__row">
-                    <div class="sd-line-input sd-line-input--is-select sd-line-input--required sd-line-input--invalid">
-                        <label class="sd-line-input__label">City</label>
-                        <select class="sd-line-input__select">
-                            <option value=""></option>
-                            <option value="prague">Prague</option>
-                            <option value="berlin">Berlin</option>
-                            <option value="belgrade">Belgrade</option>
-                            <option value="cluj-napoca">Cluj-Napoca</option>
-                            <option value="toronto">Toronto</option>
-                        </select>
-                        <div class="sd-line-input__message">This field is required.</div>
-                    </div>
-                </div>
-
-                <p class="docs-page__paragraph docs-page__paragraph--topMarginL">// Disabled select</p>
-                <div class="form__row">
-                    <div class="sd-line-input sd-line-input--is-select sd-line-input--disabled">
-                        <label class="sd-line-input__label">Disabled select</label>
-                        <select class="sd-line-input__select" disabled>
-                            <option value=""></option>
-                            <option value="prague">Prague</option>
-                            <option value="berlin">Berlin</option>
-                            <option value="belgrade">Belgrade</option>
-                            <option value="cluj-napoca">Cluj-Napoca</option>
-                            <option value="toronto">Toronto</option>
-                        </select>
-                        <div class="sd-line-input__message">This field is disabled.</div>
-                    </div>
-                </div>
-
-                <p class="docs-page__paragraph docs-page__paragraph--topMarginL">// Alternative styling - boxed select</p>
-                <p class="docs-page__paragraph docs-page__paragraph--small">As with the input fields there is a boxed style for select fields as well. Same rule appies as well, append <code>.sd-line-input--boxed</code> to the default classes.</p>
-                <div class="form__row">
-                    <div class="sd-line-input sd-line-input--boxed sd-line-input--is-select">
-                        <label class="sd-line-input__label">Vegetable</label>
-                        <select class="sd-line-input__select">
-                            <option value=""></option>
-                            <option value="prague">Asparagus</option>
-                            <option value="berlin">Aubergine</option>
-                            <option value="belgrade">Beetroot</option>
-                            <option value="belgrade">Broccoli</option>
-                            <option value="belgrade">Carrot</option>
-                        </select>
-                        <span class="sd-line-input__hint">Dolor in hendrerit.</span>
-                    </div>
-                </div>
-
-                <div class="form__row">
-                    <div class="sd-line-input sd-line-input--boxed sd-line-input--is-select sd-line-input--disabled">
-                        <label class="sd-line-input__label">Disabled</label>
-                        <select class="sd-line-input__select" disabled>
-                            <option value=""></option>
-                            <option value="prague">Asparagus</option>
-                            <option value="berlin">Aubergine</option>
-                            <option value="belgrade">Beetroot</option>
-                            <option value="belgrade">Broccoli</option>
-                            <option value="belgrade">Carrot</option>
-                        </select>
-                        <span class="sd-line-input__hint">This field is disabled.</span>
-                    </div>
-                </div>
-
-            </div>
-            <div class="docs-page__code-markup">
-                <pre class="prettyprint lang-html linenums">
-                    <!--Select with hint text-->
-                    <div class="sd-line-input sd-line-input--is-select">
-                        <label class="sd-line-input__label">Favorite fruit</label>
-                        <select class="sd-line-input__select">
-                            <option value="apples">Apples</option>
-                            <option value="oranges">Oranges</option>
-                            <option value="bananas">Bananas</option>
-                            <option value="pears">Pears</option>
-                            <option value="peaches">Peaches</option>
-                        </select>
-                        <span class="sd-line-input__hint">Dolor in hendrerit.</span>
-                    </div>
-                    <!--Select with error message-->
-                    <div class="sd-line-input sd-line-input--is-select sd-line-input--required sd-line-input--invalid">
-                        <label class="sd-line-input__label">City</label>
-                        <select class="sd-line-input__select">
-                            <option value=""></option>
-                            <option value="prague">Prague</option>
-                            <option value="berlin">Berlin</option>
-                            <option value="belgrade">Belgrade</option>
-                            <option value="cluj-napoca">Cluj-Napoca</option>
-                            <option value="toronto">Toronto</option>
-                        </select>
-                        <div class="sd-line-input__message">This field is required.</div>
-                    </div>
-                    <div class="sd-line-input sd-line-input--is-select sd-line-input--disabled">
-                        <label class="sd-line-input__label">Disabled select</label>
-                        <select class="sd-line-input__select" disabled>
-                            <option value=""></option>
-                            <option value="prague">Prague</option>
-                            <option value="berlin">Berlin</option>
-                            <option value="belgrade">Belgrade</option>
-                            <option value="cluj-napoca">Cluj-Napoca</option>
-                            <option value="toronto">Toronto</option>
-                        </select>
-                        <div class="sd-line-input__message">This field is disabled.</div>
-                    </div>
-                    <!--Alternative styling - boxed select-->
-                    <div class="sd-line-input sd-line-input--is-select sd-line-input--boxed">
-                        <label class="sd-line-input__label">Vegetable</label>
-                        <select class="sd-line-input__select">
-                            <option value=""></option>
-                            <option value="prague">Asparagus</option>
-                            <option value="berlin">Aubergine</option>
-                            <option value="belgrade">Beetroot</option>
-                            <option value="belgrade">Broccoli</option>
-                            <option value="belgrade">Carrot</option>
-                        </select>
-                        <span class="sd-line-input__hint">Dolor in hendrerit.</span>
-                    </div>
-                    <div class="sd-line-input sd-line-input--boxed sd-line-input--is-select sd-line-input--disabled">
-                        <label class="sd-line-input__label">Disabled</label>
-                        <select class="sd-line-input__select" disabled>
-                            <option value=""></option>
-                            <option value="prague">Asparagus</option>
-                            <option value="berlin">Aubergine</option>
-                            <option value="belgrade">Beetroot</option>
-                            <option value="belgrade">Broccoli</option>
-                            <option value="belgrade">Carrot</option>
-                        </select>
-                        <span class="sd-line-input__hint">This field is disabled.</span>
-                    </div>
-                </pre>
-            </div>
-        </div>
-    </div>
-    <!-- <h3 class="docs-page__h3">Select with label on the left</h3>
-    <p class="docs-page__paragraph">See "Input with label on the left" for details.</p> -->
-</section>  

package/examples/pages/components_deprecated/shadows.html

@@ -1,24 +0,0 @@
-<section class="docs-page__container">
-    <h2 class="docs-page__h2">Shadows</h2>
-    <p class="docs-page__paragraph">
-            While some components in the Superdesk UI framework allready have predefined shadows, you can also quickly add a shadow with our <code>sd-shadow</code> helper classes.
-            Included are four default sizes based on the imagined height of the element from the surface.
-        </p>
-    <div class="docs-page__code-window">
-        <div class="sd-grid-list">
-            <div class="docs-page__example-box sd-shadow--z1">
-                <p>sd-shadow--z1</p>
-            </div>
-            <div class="docs-page__example-box sd-shadow--z2">
-                <p>sd-shadow--z2</p>
-            </div>
-            <div class="docs-page__example-box sd-shadow--z3">
-                <p>sd-shadow--z3</p>
-            </div>
-            <div class="docs-page__example-box sd-shadow--z4">
-                <p>sd-shadow--z4</p>
-            </div>
-        
-        </div>
-    </div>
-</section>

package/examples/pages/components_deprecated/sidebar-menu.html

@@ -1,111 +0,0 @@
-<section class="docs-page__container">  
-    <h2 class="docs-page__h2">Sidebar menu</h2>
-    <p class="docs-page__paragraph">...</p>
-    <div class="docs-page__code-window" doc-tabs>
-        <div class="docs-page__window-bar">
-            <a id="example" href="#" class="active">Example</a>
-            <a id="markup" href="#">Markup</a>
-        </div>
-        <div class="docs-page__window-content">
-            <div class="docs-page__code-example">
-                <div class="docs-page__content-row">
-                    <div style="position: relative; min-height:400px; background-color: #efefef; overflow: hidden; border: 1px solid #dadada;">
-                        <div class="sd-top-menu">
-                            <a href="#" class="sd-top-menu__collapse-nav"><i class="icon-collapse icon--white"></i></a>
-                            <p class="sd-top-menu__header">Top menu</p>
-                        </div>
-                        <div class="sd-sidebar-menu sd-sidebar-menu--left">
-                            <ul class="authoring-active ">
-                            <!--<ul>-->
-                                <li sd-tooltip="Dashboard" flow="right">
-                                    <a href="#" class="sd-sidebar-menu__btn" ng-click="menuItemActive1=!menuItemActive1" ng-class="{'sd-sidebar-menu__btn--active': menuItemActive1}">
-                                        <i class="sd-sidebar-menu__main-icon big-icon--dashboard"></i>
-                                        <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
-                                    </a>
-                                </li>
-                                <li sd-tooltip="Monitoring" flow="right">
-                                    <a href="#" class="sd-sidebar-menu__btn" ng-click="menuItemActive2=!menuItemActive2" ng-class="{'sd-sidebar-menu__btn--active': menuItemActive2}">
-                                        <i class="sd-sidebar-menu__main-icon big-icon--view"></i>
-                                        <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
-                                    </a>
-                                </li>
-                                <li sd-tooltip="Spiked items" flow="right">
-                                    <a href="#" class="sd-sidebar-menu__btn" ng-click="menuItemActive3=!menuItemActive3" ng-class="{'sd-sidebar-menu__btn--active': menuItemActive3}">
-                                        <i class="sd-sidebar-menu__main-icon big-icon--spike"></i>
-                                        <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
-                                    </a>
-                                </li>
-                                <li>
-                                    <hr class="sd-sidebar-menu__spacer">
-                                </li>
-                                <li sd-tooltip="Global search" flow="right">
-                                    <a href="#" class="sd-sidebar-menu__btn" ng-click="menuItemActive4=!menuItemActive4" ng-class="{'sd-sidebar-menu__btn--active': menuItemActive4}">
-                                        <i class="sd-sidebar-menu__main-icon big-icon--global-search"></i>
-                                        <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
-                                    </a>
-                                </li>
-                                <li sd-tooltip="Personal" flow="right">
-                                    <a href="#" class="sd-sidebar-menu__btn" ng-click="menuItemActive5=!menuItemActive5" ng-class="{'sd-sidebar-menu__btn--active': menuItemActive5}">
-                                        <i class="sd-sidebar-menu__main-icon big-icon--personal"></i>
-                                        <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
-                                    </a>
-                                </li>
-                                <li sd-tooltip="Analytics" flow="right">
-                                    <a href="#" class="sd-sidebar-menu__btn" ng-click="menuItemActive6=!menuItemActive6" ng-class="{'sd-sidebar-menu__btn--active': menuItemActive6}">
-                                        <i class="sd-sidebar-menu__main-icon big-icon--analytics"></i>
-                                        <i class="sd-sidebar-menu__helper-icon big-icon--chevron-left"></i>
-                                    </a>
-                                </li>
-                            </ul>
-                            
-                        </div>
-
-                        <div class="sd-sidetab-menu sd-sidetab-menu--right">
-                            <ul>
-                                <li sd-tooltip="Info" flow="left">
-                                    <a href="#" class="sd-sidetab-menu__btn" ng-click="sidetabItemActive1=!sidetabItemActive1" ng-class="{'sd-sidetab-menu__btn--active': sidetabItemActive1}">
-                                        <i class="sd-sidetab-menu__main-icon big-icon--info"></i>
-                                        <i class="sd-sidetab-menu__helper-icon icon-close-small"></i>
-                                    </a>
-                                </li>
-                                <li sd-tooltip="Find & Replace" flow="left">
-                                    <a href="#" class="sd-sidetab-menu__btn" ng-click="sidetabItemActive2=!sidetabItemActive2" ng-class="{'sd-sidetab-menu__btn--active': sidetabItemActive2}">
-                                        <i class="sd-sidetab-menu__main-icon big-icon--find-replace"></i>
-                                        <i class="sd-sidetab-menu__helper-icon icon-close-small"></i>
-                                    </a>
-                                </li>
-                                <li sd-tooltip="Comments" flow="left">
-                                    <a href="#" class="sd-sidetab-menu__btn" ng-click="sidetabItemActive3=!sidetabItemActive3" ng-class="{'sd-sidetab-menu__btn--active': sidetabItemActive3}">
-                                        <span class="sd-sidetab-menu__info-label badge badge--success">3</span>
-                                        <i class="sd-sidetab-menu__main-icon big-icon--comments"></i>
-                                        <i class="sd-sidetab-menu__helper-icon icon-close-small"></i>
-                                    </a>
-                                </li>
-                                <li sd-tooltip="Versions / History" flow="left">
-                                    <a href="#" class="sd-sidetab-menu__btn" ng-click="sidetabItemActive4=!sidetabItemActive4" ng-class="{'sd-sidetab-menu__btn--active': sidetabItemActive4}">
-                                        <i class="sd-sidetab-menu__main-icon big-icon--history"></i>
-                                        <i class="sd-sidetab-menu__helper-icon icon-close-small"></i>
-                                    </a>
-                                </li>
-                                <li sd-tooltip="Macros" flow="left">
-                                    <a href="#" class="sd-sidetab-menu__btn" ng-click="sidetabItemActive5=!sidetabItemActive5" ng-class="{'sd-sidetab-menu__btn--active': sidetabItemActive5}">
-                                        <i class="sd-sidetab-menu__main-icon big-icon--macro"></i>
-                                        <i class="sd-sidetab-menu__helper-icon icon-close-small"></i>
-                                    </a>
-                                </li>
-                            </ul>
-                        </div>
-
-                    </div>
-                </div>
-            </div>
-            <div class="docs-page__code-markup">
-                <pre class="prettyprint lang-html linenums">
-
-
-
-                </pre>
-            </div>
-        </div>
-    </div>
-</section>

package/examples/pages/components_deprecated/simple-list.html

@@ -1,113 +0,0 @@
-<section class="docs-page__container">    
-    <h2 class="docs-page__h2">Simple list</h2>
-    <p class="docs-page__paragraph">This is a minimal list used for vertically listing of items. By default only vertical spacing between items and on the list itself is applied. An optional looser style is provided <code>simple-list--comfortable</code>, so is a bordered option <code>simple-list--dotted</code></p> 
-    <div class="docs-page__code-window" doc-tabs>
-        <div class="docs-page__window-bar">
-            <a id="example" href="#" class="active">Example</a>
-            <a id="markup" href="#">Markup</a>
-        </div>
-        <div class="docs-page__window-content">
-            <div class="docs-page__code-example">
-                <div class="docs-page__content-row">
-                    <p class="docs-page__paragraph">// Default</p>
-                    <div class="grid">
-                        <div class="grid__item grid__item--col-3" style="background-color:transparent !important; border:none;">
-                            <ul class="simple-list">
-                                <li class="simple-list__item">Nam liber tempor cum soluta</li>
-                                <li class="simple-list__item">Nobis eleifend option congue</li>
-                                <li class="simple-list__item">Sed diam nonummy nibh euismod</li>
-                                <li class="simple-list__item">Ut wisi enim ad minim veniam, quis nostrud exerci.</li>
-                            </ul>
-                        </div>
-                        <div class="grid__item grid__item--col-1" style="background-color:transparent !important; border:none;"></div>
-                        <div class="grid__item grid__item--col-3" style="background-color:transparent !important; border:none;">
-                            <ul class="simple-list">
-                                <li class="simple-list__item"><span ng-model="AB" sd-switch=""></span><label>Feugiat nulla facilisis</label></li>
-                                <li class="simple-list__item"><span ng-model="BC" sd-switch=""></span><label>Sed diam nonummy</label></li>
-                                <li class="simple-list__item"><span ng-model="CD" sd-switch=""></span><label>Laoreet dolore magna</label></li>
-                                <li class="simple-list__item"><span ng-model="DE" sd-switch=""></span><label>Duis autem vel eum iriure dolor</label></li>
-                            </ul>
-                        </div>                    
-                    </div>
-
-                    <p class="docs-page__paragraph">// More space between items</p>
-                    <div class="grid">
-                        <div class="grid__item grid__item--col-3" style="background-color:transparent !important; border:none;">
-                            <ul class="simple-list simple-list--comfortable">
-                                <li class="simple-list__item">Nam liber tempor cum soluta</li>
-                                <li class="simple-list__item">Nobis eleifend option congue</li>
-                                <li class="simple-list__item">Sed diam nonummy nibh euismod</li>
-                                <li class="simple-list__item">Ut wisi enim ad minim veniam, quis nostrud exerci.</li>
-                            </ul>
-                        </div>                   
-                    </div>
-
-                    <p class="docs-page__paragraph">// With borders between items</p>
-                    <div class="grid">
-                        <div class="grid__item grid__item--col-3" style="background-color:transparent !important; border:none;">
-                            <ul class="simple-list simple-list--dotted">
-                                <li class="simple-list__item">Nam liber tempor cum soluta</li>
-                                <li class="simple-list__item">Nobis eleifend option congue</li>
-                                <li class="simple-list__item">Sed diam nonummy nibh euismod</li>
-                                <li class="simple-list__item">Ut wisi enim ad minim veniam, quis nostrud exerci.</li>
-                            </ul>
-                        </div>
-                        <div class="grid__item grid__item--col-1" style="background-color:transparent !important; border:none;"></div>
-                        <div class="grid__item grid__item--col-3" style="background-color:transparent !important; border:none;">
-                            <ul class="simple-list simple-list--dotted">
-                                <li class="simple-list__item"><span ng-model="EF" sd-switch=""></span><label>Feugiat nulla facilisis</label></li>
-                                <li class="simple-list__item"><span ng-model="FG" sd-switch=""></span><label>Sed diam nonummy</label></li>
-                                <li class="simple-list__item"><span ng-model="GH" sd-switch=""></span><label>Laoreet dolore magna</label></li>
-                                <li class="simple-list__item"><span ng-model="HI" sd-switch=""></span><label>Duis autem vel eum iriure dolor</label></li>
-                            </ul>
-                        </div>                    
-                    </div>
-
-                    <p class="docs-page__paragraph">// With borders and bigger space</p>
-                    <div class="grid">
-                        <div class="grid__item grid__item--col-7" style="background-color:transparent !important; border:none;">
-                            <ul class="simple-list simple-list--comfortable simple-list--dotted">
-                                <li class="simple-list__item">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</li>
-                                <li class="simple-list__item">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, Vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</li>
-                                <li class="simple-list__item">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li>
-                                <li class="simple-list__item">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</li>
-                            </ul>
-                        </div>     
-                    </div>
-                </div>
-            </div>
-            <div class="docs-page__code-markup">
-                <pre class="prettyprint lang-html linenums">
-                    <!-- Default -->
-                    <ul class="simple-list">
-                        <li class="simple-list__item">Nam liber tempor cum soluta</li>
-                        <li class="simple-list__item">Nobis eleifend option congue</li>
-                        <li class="simple-list__item">Sed diam nonummy nibh euismod</li>
-                        <li class="simple-list__item">Ut wisi enim ad minim veniam, quis nostrud exerci.</li>
-                    </ul>
-                    <!-- More space between items -->
-                    <ul class="simple-list simple-list--comfortable">
-                        <li class="simple-list__item">Nam liber tempor cum soluta</li>
-                        <li class="simple-list__item">Nobis eleifend option congue</li>
-                        <li class="simple-list__item">Sed diam nonummy nibh euismod</li>
-                        <li class="simple-list__item">Ut wisi enim ad minim veniam, quis nostrud exerci.</li>
-                    </ul>
-                    <!-- With borders between items -->
-                    <ul class="simple-list simple-list--dotted">
-                        <li class="simple-list__item">Nam liber tempor cum soluta</li>
-                        <li class="simple-list__item">Nobis eleifend option congue</li>
-                        <li class="simple-list__item">Sed diam nonummy nibh euismod</li>
-                        <li class="simple-list__item">Ut wisi enim ad minim veniam, quis nostrud exerci.</li>
-                    </ul>
-                    <!-- With borders and bigger space -->
-                    <ul class="simple-list simple-list--comfortable simple-list--dotted">
-                        <li class="simple-list__item">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</li>
-                        <li class="simple-list__item">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, Vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</li>
-                        <li class="simple-list__item">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li>
-                        <li class="simple-list__item">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</li>
-                    </ul>
-                </pre>
-            </div>
-        </div>
-    </div>
-</section>

package/examples/pages/components_deprecated/slider.html

@@ -1,31 +0,0 @@
-<section class="docs-page__container">
-    <h2 class="docs-page__h2">Slider control</h2>
-    <p class="docs-page__paragraph">Work in progress</p>
-    <div class="docs-page__code-window" doc-tabs>
-        <div class="docs-page__window-bar">
-            <a id="example" href="#" class="active">Example</a>
-            <a id="markup" href="#">Markup</a>
-        </div> 
-        <div class="docs-page__window-content">
-            <div class="docs-page__code-example">
-                <div class="docs-page__content-row">
-
-                    <div class="sd-slider">
-                        <span class="sd-slider__handle" role="slider" tabindex="1"></span>
-                        <span class="sd-slider__fill"></span>
-                        <span class="sd-slider__focus-ring"></span>
-                        <input type="hidden">
-                    </div>
-
-                    <input type="range" class="sd-slider__range" min="0" max="100">
-                </div>
-            </div>
-            <div class="docs-page__code-markup">
-                <pre class="prettyprint lang-html linenums">
-
-
-                </pre>
-            </div>
-        </div>
-    </div>
-</section>