uniform-ui 2.4.1 → 3.0.0.beta2

data/lib/uniform/version.rb

@@ -1,3 +1,3 @@
 module Uniform
-  VERSION = "2.4.1"
+  VERSION = "3.0.0.beta2"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: uniform-ui
 version: !ruby/object:Gem::Version
-  version: 2.4.1
+  version: 3.0.0.beta2
 platform: ruby
 authors:
 - Ben Ehmke
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-06-25 00:00:00.000000000 Z
+date: 2021-03-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -38,21 +38,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: sass-media_query_combiner
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-description: Sass components and helpers for building a UI.
+description: Sass components and utilities for building a UI.
 email:
 - benehmke@gmail.com
 executables: []
@@ -61,56 +47,46 @@ extra_rdoc_files: []
 files:
 - lib/assets/config/manifest.js
 - lib/assets/javascripts/uniform.es5.js
-- lib/assets/javascripts/uniform.jquery.js
 - lib/assets/javascripts/uniform.js
 - lib/assets/javascripts/uniform/checkbox.js
 - lib/assets/javascripts/uniform/component.js
-- lib/assets/javascripts/uniform/dom-helpers.js
 - lib/assets/javascripts/uniform/dropdown.js
-- lib/assets/javascripts/uniform/floating-label.js
+- lib/assets/javascripts/uniform/floating-label-input.js
 - lib/assets/javascripts/uniform/icons.js
 - lib/assets/javascripts/uniform/modal.js
 - lib/assets/javascripts/uniform/popover.js
 - lib/assets/javascripts/uniform/resizer.js
 - lib/assets/javascripts/uniform/select.js
 - lib/assets/javascripts/uniform/tooltip.js
-- lib/assets/stylesheets/uniform-print.scss
 - lib/assets/stylesheets/uniform.scss
 - lib/assets/stylesheets/uniform/base.scss
-- lib/assets/stylesheets/uniform/components.scss
-- lib/assets/stylesheets/uniform/components/alert.scss
 - lib/assets/stylesheets/uniform/components/buttons.scss
-- lib/assets/stylesheets/uniform/components/card.scss
+- lib/assets/stylesheets/uniform/components/checkbox.scss
 - lib/assets/stylesheets/uniform/components/container.scss
 - lib/assets/stylesheets/uniform/components/dropdown.scss
-- lib/assets/stylesheets/uniform/components/form.scss
-- lib/assets/stylesheets/uniform/components/form/checkbox-collection.scss
-- lib/assets/stylesheets/uniform/components/form/checkbox.scss
-- lib/assets/stylesheets/uniform/components/form/floating-label.scss
-- lib/assets/stylesheets/uniform/components/form/input-group.scss
-- lib/assets/stylesheets/uniform/components/form/tristate.scss
-- lib/assets/stylesheets/uniform/components/grid.scss
+- lib/assets/stylesheets/uniform/components/floating-label-input.scss
+- lib/assets/stylesheets/uniform/components/input-group.scss
 - lib/assets/stylesheets/uniform/components/label.scss
 - lib/assets/stylesheets/uniform/components/loaders.scss
 - lib/assets/stylesheets/uniform/components/modal.scss
 - lib/assets/stylesheets/uniform/components/nav.scss
-- lib/assets/stylesheets/uniform/components/row.scss
+- lib/assets/stylesheets/uniform/components/pointer.scss
 - lib/assets/stylesheets/uniform/components/select.scss
 - lib/assets/stylesheets/uniform/components/table.scss
 - lib/assets/stylesheets/uniform/components/thumb.scss
-- lib/assets/stylesheets/uniform/components/tooltip.scss
+- lib/assets/stylesheets/uniform/components/z-input.scss
 - lib/assets/stylesheets/uniform/defaults.scss
 - lib/assets/stylesheets/uniform/functions.scss
-- lib/assets/stylesheets/uniform/helpers.scss
-- lib/assets/stylesheets/uniform/helpers/border.scss
-- lib/assets/stylesheets/uniform/helpers/colors.scss
-- lib/assets/stylesheets/uniform/helpers/margin.scss
-- lib/assets/stylesheets/uniform/helpers/padding.scss
-- lib/assets/stylesheets/uniform/helpers/position.scss
-- lib/assets/stylesheets/uniform/helpers/sizes.scss
-- lib/assets/stylesheets/uniform/helpers/text.scss
 - lib/assets/stylesheets/uniform/mixins.scss
-- lib/assets/stylesheets/uniform/print/grid.scss
+- lib/assets/stylesheets/uniform/utilities.scss
+- lib/assets/stylesheets/uniform/utilities/background.scss
+- lib/assets/stylesheets/uniform/utilities/borders.scss
+- lib/assets/stylesheets/uniform/utilities/effects.scss
+- lib/assets/stylesheets/uniform/utilities/layout.scss
+- lib/assets/stylesheets/uniform/utilities/position.scss
+- lib/assets/stylesheets/uniform/utilities/sizing.scss
+- lib/assets/stylesheets/uniform/utilities/spacing.scss
+- lib/assets/stylesheets/uniform/utilities/text.scss
 - lib/assets/stylesheets/uniform/variables.scss
 - lib/uniform.rb
 - lib/uniform/version.rb
@@ -129,11 +105,11 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
-rubygems_version: 3.1.2
+rubygems_version: 3.2.3
 signing_key:
 specification_version: 4
 summary: Sass UI

data/lib/assets/javascripts/uniform.jquery.js

@@ -1,152 +0,0 @@
-import * as Uniform from 'uniform';
-
-window.Uniform = Uniform;
-if($) {    
-    /*
-        Dropdown
-    */
-    $.fn.uniformDropdown = function() {
-        return this.each(function(){
-            var el = $(this);
-            var options = {
-                el: this
-            };
-        
-            if (el.data('dropdown-align') !== undefined)      options.align       = el.data('dropdown-align');
-            if (el.data('dropdown-trigger') !== undefined)    options.trigger     = el.data('dropdown-trigger');
-            if (el.data('dropdown-show_arrow') !== undefined) options.show_arrow  = el.data('dropdown-show_arrow');
-            if (el.data('dropdown-square') !== undefined)     options.square      = el.data('dropdown-square');
-            if (el.data('dropdown-hide_sm') !== undefined)    options.hide_sm     = el.data('dropdown-hide_sm');
-            if (el.data('dropdown-content') !== undefined)    options.content     = `<div class='pad'>${el.data('dropdown-content')}</div>`;
-            if (el.data('dropdown-target') !== undefined)     options.content     = $(el.data('dropdown-target'))[0];
-            var dropdown = new Uniform.Dropdown(options);
-            dropdown.on('*', function (event_key, dropdown) {
-                el.trigger('dropdown-' + event_key, dropdown);
-            });
-            dropdown.render();
-        });
-    };
-
-
-    /*
-        Checkbox
-    */
-    $.fn.uniformCheckbox = function() {
-        return this.each(function(){
-            var el = $(this);
-            var checkbox = new Uniform.Checkbox({
-                el: this
-            });
-            checkbox.render();
-        });
-    };
-    $.fn.uniformRadio = $.fn.uniformCheckbox;
-
-
-    /*
-        FloatingLabel
-    */
-    $.fn.uniformFloatingLabel = function() {
-        return this.each(function(){
-            new Uniform.FloatingLabel({
-                el: this
-            }).render();
-        });
-    };
-
-
-    /*
-        Modal
-    */
-    $.fn.uniformModal = function() {
-        return this.click(function(){
-            var el = $(this);
-            var options = {
-                klass: el.data('modal-klass'),
-                content: el.data('modal-content')
-            };
-            if (el.data('modal-target')) {
-                var target = $(el.data('modal-target')).clone()
-                target.removeClass('hidden');
-                options.content = target[0];
-            }
-            var modal = new Uniform.Modal(options).render();
-        
-            modal.on('*', function (event_type, modal) {
-                el.trigger('modal-' + event_type, modal);
-            });
-        })
-    };
-
-
-    /*
-        Resizer
-    */
-    $.fn.uniformResizer = function() {
-        return this.each(function(){
-            new Uniform.Resizer({
-                el: this
-            });
-        });
-    };
-
-
-    /*
-        Select
-    */
-    $.fn.uniformSelect = function() {
-        return this.each(function(){
-            var options = {
-                el: this
-            };
-            Object.assign(options, $(this).data());
-            new Uniform.Select(options).render();
-        });
-    };
-
-
-    /*
-        Tooltip
-    */
-    $.fn.uniformTooltip = function() {
-        return this.each(function(){
-            var el = $(this);
-            var tooltip = new Uniform.Tooltip({
-                message: el.data('tooltip-message'),
-                container: el.data('tooltip-container'),
-                el: this
-            });
-            tooltip.on('*', function (event_type, tooltip) {
-                el.trigger('tooltip-' + event_type, tooltip);
-            });
-            tooltip.render();
-        });
-    };
-    
-    $.fn.uniformTristate = function () {
-        return this.each(function(){
-            var el = $(this);
-            function updateTristateStatus(checked_input){
-                if (checked_input.length == 0) {
-                    el.addClass('-null');
-                    $(el.find('input')[1]).prop('checked', true);
-                } else {
-                    var index = checked_input.index();
-                    var klass = index == 0 ? "-true" : (index == 1 ? "-null" : "-false");
-                    el.removeClass('-true -null -false');
-                    el.addClass(klass);
-                }
-            }
-            el.on('change', 'input', function (e) {
-                updateTristateStatus($(e.currentTarget));
-            });
-            updateTristateStatus(el.find('input:checked'));
-            el.on('blur', 'input', function (e) {
-                el.removeClass('-focus');
-            });
-            el.on('focus', 'input', function (e) {
-                el.addClass('-focus');
-            });
-        });
-    }
-}

data/lib/assets/javascripts/uniform/dom-helpers.js

@@ -1,158 +0,0 @@
-export function hasClass (el, className) {
-    var test;
-    if(el.classList)
-        test = el.classList.contains(className)
-    else 
-        test = new RegExp('(^| )' + className + '( |$)', 'gi').test(el.className);
-    return test
-}
-
-export function addClass(el, className) {
-    if (el.classList){
-        each(className.split(" "), function(className){
-            el.classList.add(className);
-        });
-    } else 
-        el.className += ' ' + className;
-}
-
-export function removeClass(el, className) {
-    var removeClassFunction = function (el) {
-        if (el.classList)
-            className.split(" ").forEach((x) => el.classList.remove(x));
-        else
-          el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
-    }
-    if (NodeList.prototype.isPrototypeOf(el))
-        each(el, removeClassFunction)
-    else
-        removeClassFunction(el);
-}
-
-export function toggleClass(el, className, toggle) {
-    if (el.classList) {
-      el.classList.toggle(className, toggle);
-    } else {
-      var classes = el.className.split(' ');
-      var existingIndex = classes.indexOf(className);
-
-      if (toggle === false || (toggle !== true && existingIndex >= 0))
-        classes.splice(existingIndex, 1);
-      else
-        classes.push(className);
-
-      el.className = classes.join(' ');
-    }
-}
-
-export function trigger(el, eventName) {
-    var event = document.createEvent('HTMLEvents');
-    event.initEvent(eventName, true, false);
-    el.dispatchEvent(event);
-}
-
-export function each (elements, method){
-    for(var i=0; i < elements.length; i++){
-        method(elements[i], i);
-    }
-}
-
-export function map (elements, method){
-    var results = [];
-    for(var i=0; i < elements.length; i++){
-        results.push(method(elements[i], i));
-    }
-    return results;
-}
-
-export function is_visible(element){
-    return element.offsetParent !== null;
-}
-
-export function is_focus(element){
-    return document.activeElement === element;
-}
-
-export function is_empty(element){
-    return element.innerHTML === "";
-}
-
-export function css (el, rule) {
-    return getComputedStyle(el)[rule];
-}
-
-export function remove (el) {
-    el.parentNode.removeChild(el);
-}
-
-export function createElement(html) {
-    var container = document.createElement('div');
-    container.innerHTML = html;
-    return container.children[0];
-}
-
-export function closest(el, selector) {
-    if(el.closest) return el.closest(selector);
-    while (el) {
-        if (Element.prototype.matches ? el.matches(selector) : el.msMatchesSelector(selector)) {
-            return el;
-        }
-        el = el.parentElement;
-    }
-}
-
-export function ancestors(el) {
-    var ancestors = [];
-    el = el.parentElement;
-    while (el){
-        ancestors.push(el);
-        el = el.parentElement;
-    }
-    return ancestors;
-}
-
-export function filter(nodes, predicate){
-    var filteredNodes = [];
-    each(nodes, function(node){
-        if(predicate(node)) filteredNodes.push(node);
-    });
-    return filteredNodes;
-}
-
-export function offset(el){
-    var rect = el.getBoundingClientRect();
-    return { 
-      top: rect.top + window.scrollY,
-      left: rect.left + window.scrollX
-    }
-}
-
-export function offsetToViewport(el){
-    var rect = el.getBoundingClientRect();
-    return { 
-      top: rect.top,
-      left: rect.left
-    }
-}
-
-export function outerHeight(el){
-    var height = el.offsetHeight;
-    var style = getComputedStyle(el);
-
-    height += parseInt(style.marginTop) + parseInt(style.marginBottom);
-    return height;
-}
-
-export function outerWidth(el){
-    var width = el.offsetWidth;
-    var style = getComputedStyle(el);
-
-    width += parseInt(style.marginLeft) + parseInt(style.marginRight);
-    return width;
-}
-
-export function uniqueId(prefix){
-    window.idCounter || (window.idCounter = 0);
-    var id = ++window.idCounter + '';
-    return prefix ? prefix + id : id;
-}

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";
-    }
-}