uniform-ui 2.3.8 → 3.0.0.beta5

data/lib/assets/javascripts/uniform/floating-label.js

@@ -1,54 +0,0 @@
-import Component from './component';
-import * as Helpers from './dom-helpers';
-
-export default class FloatingLabel extends Component {
-    
-    initialize(){
-        this.label = this.el.querySelector('label');
-        this.input = this.el.querySelector("#" + this.label.getAttribute('for'));
-        this.startingHeight;
-        
-        this.listenTo(this.input, 'focus', this.activate);
-        this.listenTo(this.input, 'blur', this.deactivate);
-        this.listenTo(this.input, 'revealed', this.render);
-    }
-    
-    render () {
-        if(!Helpers.is_visible(this.input)) return;
-        if(Helpers.hasClass(this.el, 'enabled')) return;
-
-        var padding = parseInt(Helpers.css(this.input, 'paddingBottom'));
-        this.startingHeight = this.input.offsetHeight;
-        Helpers.addClass(this.el, 'enabled');
-        Helpers.addClass(this.el, 'inactive');
-
-        this.input.style.paddingTop = padding + padding/2 + "px";
-        this.input.style.paddingBottom = padding - padding/2 - 2 + "px";
-
-        this.label.style.position = 'absolute';
-        this.label.style.top = 0;
-        this.label.style.left = this.label.offsetLeft;
-        this.label.style.paddingLeft = Helpers.css(this.input, 'paddingLeft');
-        this.label.style.height = this.startingHeight;
-        this.label.style.lineHeight = this.startingHeight + "px";
-
-        if (Helpers.is_focus(this.input)) this.activate();
-        if (typeof this.input.value !== "undefined" && this.input.value != "") this.activate();
-    }
-    
-    activate (e) {
-        if (typeof e !== "undefined") Helpers.addClass(this.el, 'active');
-        if (Helpers.hasClass(this.el, 'float')) return;
-        Helpers.addClass(this.el, 'float');
-        Helpers.removeClass(this.el, 'inactive');
-        this.label.style.lineHeight = this.startingHeight / 2 + "px";
-    }
-    
-    deactivate (e) {
-        if (typeof e !== "undefined") Helpers.removeClass(this.el, 'active');
-        if (this.input.value != "") return;
-        Helpers.removeClass(this.el, 'float');
-        Helpers.addClass(this.el, 'inactive');
-        this.label.style.lineHeight = this.startingHeight + "px";
-    }
-}

data/lib/assets/stylesheets/uniform-print.scss

@@ -1 +0,0 @@
-@import 'uniform/print/*';

data/lib/assets/stylesheets/uniform/components.scss

@@ -1,11 +0,0 @@
-.square-icon{
-    display: inline-block;
-    height: 1em;
-    width: 1em;
-    border: 1px solid color('gray');
-    border-radius: 0.1em;
-    vertical-align:middle;
-    &.gray-light{
-        border-color: lighten(color('gray'), 40);
-    }
-}

data/lib/assets/stylesheets/uniform/components/alert.scss

@@ -1,72 +0,0 @@
-.uniformAlert{
-    border-radius: 0.2em;
-    border: 1px solid color('gray-darker');
-    background: white;
-    position:relative;
-    color: color('gray-darker');
-    
-    p:last-of-type{
-        margin-bottom: 0 !important;
-    }
-    
-    &.-green{
-        border-color: color('green');
-        color: color('green-dark');
-        background: lighten(color('green'), 40);
-        .uniformAlert-icon svg {
-            fill: color('green');
-            color: color('green');
-        }
-    }
-    &.-red{
-        border-color: color('red');
-        color: color('red');
-        background: lighten(color('red'), 40);
-        .uniformAlert-icon svg {
-            fill: color('red');
-            color: color('red');
-        }
-    }
-    &.-blue{
-        border-color: color('blue');
-        color: color('blue-dark');
-        background: lighten(color('blue'), 50);
-        .uniformAlert-icon svg {
-            fill: color('blue');
-            color: color('blue');
-        }
-    }
-    
-    .uniformAlert-body{
-        overflow:hidden;
-        padding: 1em;
-    }
-    
-    .uniformAlert-icon{
-        padding: 1em;
-        padding-right: 0;
-        float: left;
-        min-height: 1px;
-    }
-    
-    .uniformAlert-close {
-        position: absolute;
-        top: 0;
-        right: 0;
-        cursor: pointer;
-        height: 20px;
-        width: 20px;
-        &::before{
-            position:absolute;
-            left: 5px;
-            top: 0;
-            content: icon-x(10, "#000000");
-            opacity: 0.3;
-        }
-        &:hover{
-            &::before{
-                opacity: 1;
-            }
-        }
-    }
-}

data/lib/assets/stylesheets/uniform/components/card.scss

@@ -1,93 +0,0 @@
-.uniformCard{
-    background: white;
-    border-width: 1px;
-    border-style: solid;
-    border-color: color('gray');
-    border-radius: 0.25em;
-    margin-bottom: 1em;
-    
-    &.-nest{
-        margin-left: -0.5em;
-        margin-right: -0.5em;
-    }
-    &.-clip{
-        overflow:hidden;
-    }
-    
-    &.-tile{
-        border-radius: 0;
-        margin: 0;
-        margin-bottom: -1px;
-        margin-right: -1px;
-    }
-    
-    .uniformCard-header,
-    .uniformCard-footer,
-    .uniformCard-body{
-        padding: 1em;
-        clear: both;
-    }
-    .uniformCard-header{
-        border-bottom: 1px solid color('gray');
-    }
-    .uniformCard-footer{
-        border-top: 1px solid color('gray');
-    }
-    
-    .uniformCard-collapse{
-        display:none;
-    }
-    
-    .uniformCard-icon{
-        transition: transform 0.2s;
-    }
-    
-    &.expanded{
-        .uniformCard-header {
-            .uniformCard-icon{
-                transform: rotate(180deg);
-            }
-        }
-        .uniformCard-collapse{
-            display:block;
-        }
-    }
-    
-    &.uniformCard-accordion{
-        margin: 0;
-        margin-bottom:-1px;
-        border-radius: 0;
-        transition: margin 0.5s;
-        &:first-of-type{
-            border-top-left-radius: 0.25em;
-            border-top-right-radius: 0.25em;
-        }
-        &:last-of-type{
-            border-bottom-left-radius: 0.25em;
-            border-bottom-right-radius: 0.25em;
-        }
-        .uniformCard-header{
-            cursor: pointer;
-            border-bottom-style: none;
-            &:hover{
-                background: lighten(color('blue'), 50);
-            }
-        }
-        &.expanded{
-            margin: 1em 0;
-            border-radius: 0.25em;
-            &:first-of-type{
-                margin-top:0;
-            }
-            &:last-of-type{
-                margin-bottom:0;
-            }
-            .uniformCard-header{
-                border-bottom-style: solid;
-                &:hover{
-                    background: none;
-                }
-            }
-        }
-    }
-}

data/lib/assets/stylesheets/uniform/components/form.scss

@@ -1,149 +0,0 @@
-//----------------------------------------------------------------
-//             UniformInput
-//----------------------------------------------------------------
-@mixin uniformInput(){
-    font-family: $system-font;
-    border:1px solid color('gray');
-    padding: 0.5em;
-    line-height: 1.3;
-    outline: none;
-    appearance: none;
-    transition: box-shadow 0.1s ease-in;
-    &:focus{
-        box-shadow: inset 0 -1px 0 color('green');
-        border-bottom-color: color('green');
-    }
-    &.-block{
-        width: 100%;
-        max-width: 100%;
-    }
-    &.pad-2x{
-        padding: 1em;
-    }
-    &.-invert{
-        border-color: color('gray-dark');
-        border-radius: 0.25em;
-    }
-    &:disabled{
-        background: color('gray-lighter');
-        color: color('gray-dark');
-    }
-}
-.uniformInput,
-.uniformForm #{$text-inputs},
-.uniformForm textarea{
-    @include uniformInput;
-}
-
-select.uniformInput{
-    appearance: none;
-    color: color('gray-darker');
-    background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNy4xNjdweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjcuMTY3IDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNy4xNjcgMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJpY29tb29uLWlnbm9yZSI+PC9nPjxwYXRoIGZpbGw9IiM1MDUxNTMiIGQ9Ik0xNiwxMWMwLDAuMjcxLTAuMSwwLjUwNS0wLjI5NywwLjcwM2wtNyw3QzguNTA1LDE4LjksOC4yNzEsMTksOCwxOXMtMC41MDUtMC4xLTAuNzAzLTAuMjk3bC03LTdDMC4wOTksMTEuNTA1LDAsMTEuMjcxLDAsMTFzMC4wOTktMC41MDUsMC4yOTctMC43MDNDMC40OTUsMTAuMDk5LDAuNzI5LDEwLDEsMTBoMTRjMC4yNzEsMCwwLjUwNSwwLjA5OSwwLjcwMywwLjI5N0MxNS45LDEwLjQ5NSwxNiwxMC43MjksMTYsMTF6Ii8+PC9zdmc+);
-    background-position: center right;
-    background-repeat: no-repeat;
-    background-size: auto 40%;
-    position: relative;
-    border-radius: 0;
-    padding-right: 1.5em !important;
-}
-button.uniformInput{
-    background: white;
-    @include text-overflow;
-}
-
-
-//----------------------------------------------------------------
-//             UniformForm
-//----------------------------------------------------------------
-.uniformForm{
-    .form-group{
-        position: relative;
-        margin-bottom: 0.9em;
-        label{
-            font-weight:bold;
-            display:block;
-        }
-        &.collapse{
-            margin-bottom: 0;
-        }
-        &:last-of-type{
-            margin-bottom: 0;
-        }
-    }
-    
-    .uniformInput,
-    #{$text-inputs},
-    textarea{
-        display:block;
-        width: 100%;
-        max-width: 100%;
-    }
-    
-    &.-invert{
-        #{$text-inputs},
-        textarea,
-        .uniformFloatingLabel{
-            border-color: color('gray-darker');
-            border-radius: 0.25em;
-        }
-        [data-uniform-error]{
-            color: color('red-bright');
-        }
-        .uniformInputGroup{
-            overflow: hidden;
-            border-color: color('gray-darker');
-            border-radius: 0.25em;
-        }
-    }
-}
-
-[data-uniform-error]{
-    position: relative;
-    color: color('red');
-    .uniformInputGroup{
-        border-color: color('red') !important;
-    }
-    input{
-        border-color: color('red') !important;
-    }
-    &::after{
-        content: attr(data-uniform-error);
-        color: color('red');
-        position: absolute;
-        bottom: -7px;
-        left: 1em;
-        border: 1px solid color('red');
-        background: white;
-        font-size:11px;
-        line-height: 14px;
-        @include text-overflow;
-        padding: 0 0.5em;
-        max-width: 100%;
-    }
-}
-
-@include size-rules('.uniformForm.-table'){
-    display: table;
-    width: 100%;
-    .form-group{
-        display: table-row;
-        & > * {
-            display: table-cell;
-            &.fill{
-                width: 100%;
-            }
-        }
-        & > label,
-        & > div,
-        & > span {
-            padding-bottom: 1em;
-            padding-right: 0.5em;
-            &:last-child{
-                padding-right: 0;
-            }
-        }
-    }
-}
-
-
-@import './form/*';

data/lib/assets/stylesheets/uniform/components/form/checkbox-collection.scss

@@ -1,103 +0,0 @@
-@include size-rules('.uniformCheckboxCollection'){
-    label{
-        display:block;
-        margin-right: 1em;
-        font-weight: normal !important;
-        line-height: 1;
-        margin: 0;
-        margin-bottom: 0.5em;
-        input{
-            margin-right: 0.25em;
-        }
-    }
-    &.-inline{
-        display: flex;
-        align-items: center;
-        label{
-            margin: 0;
-            margin-right: 0.3em;
-            padding: 0.5em 0.2em;
-            line-height: 1.3;
-            flex: 1 1 auto;
-            text-align: center;
-            border-radius: 0.25em;
-            border: 1px solid color('gray');
-            &.active{
-                background: color('gray');
-                box-shadow: inset 0 -1px 0 0 color('blue');
-            }
-            &:last-of-type{
-                margin-right: 0;
-            }
-        }
-    }
-    &.-buttons{
-        label{
-            padding: 0.5em;
-            line-height: 1.3;
-            border-radius: 0.25em;
-            border: 1px solid color('gray');
-            cursor: pointer;
-            &.active{
-                background: color('gray');
-            }
-        }
-    }
-    &.-invert{
-        &.inline,
-        &.buttons{
-            label{
-                border-color: lighten(color('gray'), 20);
-                &.active{
-                    border-color: color('gray-dark');
-                    background: color('gray-dark');
-                }
-            }
-        }
-    }
-    &.hide-check{
-        label{
-            cursor: pointer;
-        }
-        input{
-            display:none;
-        }
-    }
-    &.custom-check{
-        input{
-            display:none;
-        }
-        label{
-            &::before{
-                content: "";
-                display:inline-block;
-                width: 0.7em;
-                height: 0.7em;
-                border: 1px solid white;
-                border-radius: 2px;
-                vertical-align: -1px;
-                line-height: 0.7em;
-            }
-            &.active{
-                &::before{
-                    border-color: color('green');
-                    content: '\2714';
-                    color: color('green');
-                }
-            }
-        }
-        &.invert{
-            label{
-                &::before{
-                    border-color: darken(color('gray-dark'), 5);
-                }
-                &.active{
-                    &::before{
-                        border-color: black;
-                        color: color('green-light');
-                    }
-                }
-            }
-        }
-    }
-}