bootstrap_tokenfield_rails 0.0.5 → 0.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c533323348030827ed5e4aa4eee743ffd435b4d7
-  data.tar.gz: b6862dacd523e99ce27c70e42f3d08d721112016
+  metadata.gz: d6119607e3aa9f6a73b3e134b85f0e55edbbc817
+  data.tar.gz: 9e71a84b6bc48258d8f6ef9c0da426276c313590
 SHA512:
-  metadata.gz: f3d34d14b0a4ad365eab53c23bff25e2ae9b60c620e7dad34a68e731fc724d2ea77ec4c010fb282e4756a132325d68ecdc6bf8f901ead01aa84833d6431c3ff9
-  data.tar.gz: e749645820da94d53d92fbd609b3f8e3d66c82603e32a5b47c412d2df7a17fa8d8dd59146187afb7e9cd65c751a8dec0bdc695e54d8603dfd05d08aedc91e31a
+  metadata.gz: aefa95d223aa22025b5ea4d87aebb3192ce5975c057c17fffbdbb18ee611239f4f203ccdf588a0d238c4f5072a3beba4af091d123d664ebb5de4cb3608829db2
+  data.tar.gz: 8a960a84a56ff32acb3b67b9cad4ef18544818aeb3801d80a165c47a3d1e00277cfcb24ebfa42056d649067a05347d122347409383376baddee358ba31324a2a

data/lib/bootstrap_tokenfield_rails/version.rb

@@ -1,3 +1,3 @@
 module BootstrapTokenfieldRails
-  VERSION = "0.0.5"
+  VERSION = "0.0.6"
 end

data/vendor/assets/javascripts/bootstrap-tokenfield.js

@@ -1,17 +1,33 @@
-/* ============================================================
- * bootstrap-tokenfield.js v0.11.0
- * ============================================================
- *
- * Copyright 2013 Sliptree
- * ============================================================ */
-
-(function (root, factory) {
+/*!
+ * bootstrap-tokenfield
+ * https://github.com/sliptree/bootstrap-tokenfield
+ * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT
+ */
+
+(function (factory) {
   if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module.
     define(['jquery'], factory);
+  } else if (typeof exports === 'object') {
+    // For CommonJS and CommonJS-like environments where a window with jQuery
+    // is present, execute the factory with the jQuery instance from the window object
+    // For environments that do not inherently posses a window with a document
+    // (such as Node.js), expose a Tokenfield-making factory as module.exports
+    // This accentuates the need for the creation of a real window or passing in a jQuery instance
+    // e.g. require("bootstrap-tokenfield")(window); or require("bootstrap-tokenfield")($);
+    module.exports = global.window && global.window.$ ?
+      factory( global.window.$ ) :
+      function( input ) {
+        if ( !input.$ && !input.fn ) {
+          throw new Error( "Tokenfield requires a window object with jQuery or a jQuery instance" );
+        }
+        return factory( input.$ || input );
+      };
   } else {
-    root.Tokenfield = factory(root.jQuery);
+    // Browser globals
+    factory(jQuery);
   }
-}(this, function ($) {
+}(function ($, window) {
 
   "use strict"; // jshint ;_;
 
@@ -25,16 +41,35 @@
     this.textDirection = this.$element.css('direction');
 
     // Extend options
-    this.options = $.extend({}, $.fn.tokenfield.defaults, { tokens: this.$element.val() }, options)
+    this.options = $.extend(true, {}, $.fn.tokenfield.defaults, { tokens: this.$element.val() }, this.$element.data(), options)
 
     // Setup delimiters and trigger keys
     this._delimiters = (typeof this.options.delimiter === 'string') ? [this.options.delimiter] : this.options.delimiter
     this._triggerKeys = $.map(this._delimiters, function (delimiter) {
       return delimiter.charCodeAt(0);
     });
+    this._firstDelimiter = this._delimiters[0];
+
+    // Check for whitespace, dash and special characters
+    var whitespace = $.inArray(' ', this._delimiters)
+      , dash = $.inArray('-', this._delimiters)
+
+    if (whitespace >= 0)
+      this._delimiters[whitespace] = '\\s'
+
+    if (dash >= 0) {
+      delete this._delimiters[dash]
+      this._delimiters.unshift('-')
+    }
+
+    var specialCharacters = ['\\', '$', '[', '{', '^', '.', '|', '?', '*', '+', '(', ')']
+    $.each(this._delimiters, function (index, char) {
+      var pos = $.inArray(char, specialCharacters)
+      if (pos >= 0) _self._delimiters[index] = '\\' + char;
+    });
 
     // Store original input width
-    var elRules = (typeof window.getMatchedCSSRules === 'function') ? window.getMatchedCSSRules( element ) : null
+    var elRules = (window && typeof window.getMatchedCSSRules === 'function') ? window.getMatchedCSSRules( element ) : null
       , elStyleWidth = element.style.width
       , elCSSWidth
       , elWidth = this.$element.width()
@@ -48,8 +83,16 @@
     }
 
     // Move original input out of the way
-    var hidingPosition = $('body').css('direction') === 'rtl' ? 'right' : 'left';
-    this.$element.css('position', 'absolute').css(hidingPosition, '-10000px').prop('tabindex', -1)
+    var hidingPosition = $('body').css('direction') === 'rtl' ? 'right' : 'left',
+        originalStyles = { position: this.$element.css('position') };
+    originalStyles[hidingPosition] = this.$element.css(hidingPosition);
+
+    this.$element
+      .data('original-styles', originalStyles)
+      .data('original-tabindex', this.$element.prop('tabindex'))
+      .css('position', 'absolute')
+      .css(hidingPosition, '-10000px')
+      .prop('tabindex', -1)
 
     // Create a wrapper
     this.$wrapper = $('<div class="tokenfield form-control" />')
@@ -63,6 +106,7 @@
                     .appendTo( this.$wrapper )
                     .prop( 'placeholder',  this.$element.prop('placeholder') )
                     .prop( 'id', id + '-tokenfield' )
+                    .prop( 'tabindex', this.$element.data('original-tabindex') )
 
     // Re-route original input label to new input
     var $label = $( 'label[for="' + this.$element.prop('id') + '"]' )
@@ -123,19 +167,23 @@
     // Initialize autocomplete, if necessary
     if ( ! $.isEmptyObject( this.options.autocomplete ) ) {
       var side = this.textDirection === 'rtl' ? 'right' : 'left'
-      var autocompleteOptions = $.extend({}, this.options.autocomplete, {
+      var autocompleteOptions = $.extend({
         minLength: this.options.showAutocompleteOnFocus ? 0 : null,
         position: { my: side + " top", at: side + " bottom", of: this.$wrapper }
-      })
+      }, this.options.autocomplete )
       this.$input.autocomplete( autocompleteOptions )
     }
 
     // Initialize typeahead, if necessary
     if ( ! $.isEmptyObject( this.options.typeahead ) ) {
-      var typeaheadOptions = $.extend({}, this.options.typeahead, {})
-      this.$input.typeahead( typeaheadOptions )
+      var typeaheadOptions = $.extend({
+        minLength: this.options.showAutocompleteOnFocus ? 0 : null
+      }, this.options.typeahead)
+      this.$input.typeahead( null, typeaheadOptions )
       this.typeahead = true
     }
+
+    this.$element.trigger('tokenfield:initialize')
   }
 
   Tokenfield.prototype = {
@@ -153,36 +201,36 @@
 
       var _self = this
         , value = $.trim(attrs.value)
-        , label = attrs.label.length ? $.trim(attrs.label) : value
+        , label = attrs.label && attrs.label.length ? $.trim(attrs.label) : value
 
       if (!value.length || !label.length || value.length < this.options.minLength) return
 
       if (this.options.limit && this.getTokens().length >= this.options.limit) return
 
       // Allow changing token data before creating it
-      var beforeCreateEvent = $.Event('beforeCreateToken')
-      beforeCreateEvent.token = {
+      var prepareEvent = $.Event('tokenfield:preparetoken')
+      prepareEvent.token = {
         value: value,
         label: label
       }
-      this.$element.trigger( beforeCreateEvent )
+      this.$element.trigger( prepareEvent )
 
-      if (!beforeCreateEvent.token) return
+      if (!prepareEvent.token) return
 
-      value = beforeCreateEvent.token.value
-      label = beforeCreateEvent.token.label
+      value = prepareEvent.token.value
+      label = prepareEvent.token.label
 
       // Check for duplicates
       if (!this.options.allowDuplicates && $.grep(this.getTokens(), function (token) {
         return token.value === value
       }).length) {
         // Allow listening to when duplicates get prevented
-        var duplicateEvent = $.Event('preventDuplicateToken')
-        duplicateEvent.token = {
+        var preventDuplicateEvent = $.Event('tokenfield:preventduplicate')
+        preventDuplicateEvent.token = {
           value: value,
           label: label
         }
-        this.$element.trigger( duplicateEvent )
+        this.$element.trigger( preventDuplicateEvent )
         // Add duplicate warning class to existing token for 250ms
         var duplicate = this.$wrapper.find( '.token[data-value="' + value + '"]' ).addClass('duplicate')
         setTimeout(function() {
@@ -197,7 +245,7 @@
             .append('<a href="#" class="close" tabindex="-1">&times;</a>')
 
       // Insert token into HTML
-      if (this.$input.hasClass('tt-query')) {
+      if (this.$input.hasClass('tt-input')) {
         this.$input.parent().before( token )
       } else {
         this.$input.before( token )
@@ -247,17 +295,17 @@
           _self.activate( token, e.shiftKey, e.shiftKey )
         })
         .on('dblclick', function (e) {
-          if (_self.disabled) return false;
+          if (_self.disabled || !_self.options.allowEditing ) return false;
           _self.edit( token )
         })
 
       closeButton
           .on('click',  $.proxy(this.remove, this))
 
-      var afterCreateEvent = $.Event('afterCreateToken')
-      afterCreateEvent.token = beforeCreateEvent.token
-      afterCreateEvent.relatedTarget = token.get(0)
-      this.$element.trigger( afterCreateEvent )
+      var createEvent = $.Event('tokenfield:createtoken')
+      createEvent.token = prepareEvent.token
+      createEvent.relatedTarget = token.get(0)
+      this.$element.trigger( createEvent )
 
       var changeEvent = $.Event('change')
       changeEvent.initiator = 'tokenfield'
@@ -280,6 +328,7 @@
 
       if (typeof tokens === 'string') {
         if (this._delimiters.length) {
+          // Split based on delimiters
           tokens = tokens.split( new RegExp( '[' + this._delimiters.join('') + ']' ) )
         } else {
           tokens = [tokens];
@@ -298,7 +347,7 @@
       var data = token.map(function() {
         var $token = $(this);
         return {
-          value: $token.attr('data-value') || $token.find('.token-label').text(),
+          value: $token.attr('data-value'),
           label: $token.find('.token-label').text()
         }
       }).get();
@@ -321,7 +370,7 @@
   }
 
   , getTokensList: function(delimiter, beautify, active) {
-      delimiter = delimiter || this._delimiters[0]
+      delimiter = delimiter || this._firstDelimiter
       beautify = ( typeof beautify !== 'undefined' && beautify !== null ) ? beautify : this.options.beautify
 
       var separator = delimiter + ( beautify && delimiter !== ' ' ? ' ' : '')
@@ -383,18 +432,9 @@
           return false
         })
         .on('typeahead:selected', function (e, datum, dataset) {
-          var valueKey = 'value'
-
-          // Get the actual valueKey for this dataset
-          $.each(_self.$input.data('ttView').datasets, function (i, set) {
-            if (set.name === dataset) {
-              valueKey = set.valueKey
-            }
-          })
-
           // Create token
-          if (_self.createToken( datum[valueKey] )) {
-            _self.$input.typeahead('setQuery', '')
+          if (_self.createToken( datum )) {
+            _self.$input.typeahead('val', '')
             if (_self.$input.data( 'edit' )) {
               _self.unedit(true)
             }
@@ -402,7 +442,7 @@
         })
         .on('typeahead:autocompleted', function (e, datum, dataset) {
           _self.createToken( _self.$input.val() )
-          _self.$input.typeahead('setQuery', '')
+          _self.$input.typeahead('val', '')
           if (_self.$input.data( 'edit' )) {
             _self.unedit(true)
           }
@@ -454,8 +494,8 @@
           if (this.$input.data('ui-autocomplete') && this.$input.data('ui-autocomplete').menu.element.find("li:has(a.ui-state-focus)").length) break
 
           // We will handle creating tokens from typeahead in typeahead events
-          if (this.$input.hasClass('tt-query') && this.$wrapper.find('.tt-is-under-cursor').length ) break
-          if (this.$input.hasClass('tt-query') && this.$wrapper.find('.tt-hint').val().length) break
+          if (this.$input.hasClass('tt-input') && this.$wrapper.find('.tt-cursor').length ) break
+          if (this.$input.hasClass('tt-input') && this.$wrapper.find('.tt-hint').val().length) break
 
           // Create token
           if (this.$input.is(document.activeElement) && this.$input.val().length || this.$input.data('edit')) {
@@ -465,6 +505,7 @@
           // Edit token
           if (e.keyCode === 13) {
             if (!this.$copyHelper.is(document.activeElement) || this.$wrapper.find('.token.active').length !== 1) break
+            if (!_self.options.allowEditing) break
             this.edit( this.$wrapper.find('.token.active') )
           }
       }
@@ -474,7 +515,7 @@
           if (_self.$input.val().length > 0) return
 
           direction += 'All'
-          var token = _self.$input.hasClass('tt-query') ? _self.$input.parent()[direction]('.token:first') : _self.$input[direction]('.token:first')
+          var token = _self.$input.hasClass('tt-input') ? _self.$input.parent()[direction]('.token:first') : _self.$input[direction]('.token:first')
           if (!token.length) return
 
           _self.preventInputFocus = true
@@ -495,7 +536,7 @@
         if (_self.$input.is(document.activeElement)) {
           if (_self.$input.val().length > 0) return
 
-          var token = _self.$input.hasClass('tt-query') ? _self.$input.parent()[direction + 'All']('.token:first') : _self.$input[direction + 'All']('.token:first')
+          var token = _self.$input.hasClass('tt-input') ? _self.$input.parent()[direction + 'All']('.token:first') : _self.$input[direction + 'All']('.token:first')
           if (!token.length) return
 
           _self.activate( token )
@@ -539,7 +580,7 @@
             if (this.$input.val().length || this.lastInputValue.length && this.lastKeyDown === 8) break
 
             this.preventDeactivation = true
-            var prev = this.$input.hasClass('tt-query') ? this.$input.parent().prevAll('.token:first') : this.$input.prevAll('.token:first')
+            var prev = this.$input.hasClass('tt-input') ? this.$input.parent().prevAll('.token:first') : this.$input.prevAll('.token:first')
 
             if (!prev.length) break
 
@@ -613,10 +654,10 @@
       if (tokensBefore == this.getTokensList() && this.$input.val().length)
         return false // No tokens were added, do nothing (prevent form submit)
 
-      if (this.$input.hasClass('tt-query')) {
+      if (this.$input.hasClass('tt-input')) {
         // Typeahead acts weird when simply setting input value to empty,
         // so we set the query to empty instead
-        this.$input.typeahead('setQuery', '')
+        this.$input.typeahead('val', '')
       } else {
         this.$input.val('')
       }
@@ -737,23 +778,23 @@
         , label = token.find('.token-label').text()
 
       // Allow changing input value before editing
-      var beforeEditEvent = $.Event('beforeEditToken')
-      beforeEditEvent.token = {
+      var editEvent = $.Event('tokenfield:edittoken')
+      editEvent.token = {
         value: value,
         label: label
       }
-      beforeEditEvent.relatedTarget = token.get(0)
-      this.$element.trigger( beforeEditEvent )
+      editEvent.relatedTarget = token.get(0)
+      this.$element.trigger( editEvent )
 
-      if (!beforeEditEvent.token) return
+      if (!editEvent.token) return
 
-      value = beforeEditEvent.token.value
-      label = beforeEditEvent.token.label
+      value = editEvent.token.value
+      label = editEvent.token.label
 
       token.find('.token-label').text(value)
       var tokenWidth = token.outerWidth()
 
-      var $_input = this.$input.hasClass('tt-query') ? this.$input.parent() : this.$input
+      var $_input = this.$input.hasClass('tt-input') ? this.$input.parent() : this.$input
 
       token.replaceWith( $_input )
 
@@ -763,13 +804,16 @@
                 .select()
                 .data( 'edit', true )
                 .width( tokenWidth )
+
+      this.update();
     }
 
   , unedit: function (focus) {
-      var $_input = this.$input.hasClass('tt-query') ? this.$input.parent() : this.$input
+      var $_input = this.$input.hasClass('tt-input') ? this.$input.parent() : this.$input
       $_input.appendTo( this.$wrapper )
 
       this.$input.data('edit', false)
+      this.$mirror.text('')
 
       this.update()
 
@@ -799,7 +843,7 @@
 
       // Prepare events
 
-      var removeEvent = $.Event('removeToken')
+      var removeEvent = $.Event('tokenfield:removetoken')
       removeEvent.token = this.getTokenData( token )
 
       var changeEvent = $.Event('change')
@@ -826,6 +870,9 @@
 
   , update: function (e) {
       var value = this.$input.val()
+        , inputLeftPadding = parseInt(this.$input.css('padding-left'), 10)
+        , inputRightPadding = parseInt(this.$input.css('padding-right'), 10)
+        , inputPadding = inputLeftPadding + inputRightPadding
 
       if (this.$input.data('edit')) {
 
@@ -846,9 +893,9 @@
       else {
         this.$input.css( 'width', this.options.minWidth + 'px' )
         if (this.textDirection === 'rtl') {
-          return this.$input.width( this.$input.offset().left + this.$input.outerWidth() - this.$wrapper.offset().left - parseInt(this.$wrapper.css('padding-left'), 10) - 1 )
+          return this.$input.width( this.$input.offset().left + this.$input.outerWidth() - this.$wrapper.offset().left - parseInt(this.$wrapper.css('padding-left'), 10) - inputPadding - 1 )
         }
-        this.$input.width( this.$wrapper.offset().left + this.$wrapper.width() + parseInt(this.$wrapper.css('padding-left'), 10) - this.$input.offset().left )
+        this.$input.width( this.$wrapper.offset().left + this.$wrapper.width() + parseInt(this.$wrapper.css('padding-left'), 10) - this.$input.offset().left - inputPadding )
       }
     }
 
@@ -885,6 +932,36 @@
       this.$wrapper.removeClass('disabled');
     }
 
+  , destroy: function() {
+      // Set field value
+      this.$element.val( this.getTokensList() );
+      // Restore styles and properties
+      this.$element.css( this.$element.data('original-styles') );
+      this.$element.prop( 'tabindex', this.$element.data('original-tabindex') );
+
+      // Re-route tokenfield labele to original input
+      var $label = $( 'label[for="' + this.$input.prop('id') + '"]' )
+      if ( $label.length ) {
+        $label.prop( 'for', this.$element.prop('id') )
+      }
+
+      // Move original element outside of tokenfield wrapper
+      this.$element.insertBefore( this.$wrapper );
+
+      // Remove tokenfield-related data
+      this.$element.removeData('original-styles');
+      this.$element.removeData('original-tabindex');
+      this.$element.removeData('bs.tokenfield');
+
+      // Remove tokenfield from DOM
+      this.$wrapper.remove();
+
+      var $_element = this.$element;
+      delete this;
+
+      return $_element;
+  }
+
   }
 
 
@@ -908,7 +985,7 @@
         args.shift()
         value = data[option].apply(data, args)
       } else {
-        if (!data) $this.data('bs.tokenfield', (data = new Tokenfield(this, options)))
+        if (!data && typeof option !== 'string' && !param) $this.data('bs.tokenfield', (data = new Tokenfield(this, options)))
       }
     })
 
@@ -919,6 +996,7 @@
     minWidth: 60,
     minLength: 0,
     allowDuplicates: false,
+    allowEditing: true,
     limit: 0,
     autocomplete: {},
     typeahead: {},

data/vendor/assets/stylesheets/bootstrap-tokenfield.css

@@ -1,3 +1,32 @@
+/*!
+ * bootstrap-tokenfield
+ * https://github.com/sliptree/bootstrap-tokenfield
+ * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT
+ */
+@-webkit-keyframes 'blink' {
+  0% {
+    border-color: #ededed;
+  }
+  100% {
+    border-color: #b94a48;
+  }
+}
+@-moz-keyframes 'blink' {
+  0% {
+    border-color: #ededed;
+  }
+  100% {
+    border-color: #b94a48;
+  }
+}
+@keyframes 'blink' {
+  0% {
+    border-color: #ededed;
+  }
+  100% {
+    border-color: #b94a48;
+  }
+}
 .tokenfield {
   height: auto;
   min-height: 34px;
@@ -9,30 +38,16 @@
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
-.has-warning .tokenfield.focus {
-  border-color: #66512c;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
-}
-.has-error .tokenfield.focus {
-  border-color: #843534;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
-}
-.has-success .tokenfield.focus {
-  border-color: #2b542c;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
-}
 .tokenfield .token {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
-  display: inline-block;
-  border: 1px solid #d9d9d9;
-  background-color: #ededed;
+  box-sizing: border-box;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
+  display: inline-block;
+  border: 1px solid #d9d9d9;
+  background-color: #ededed;
   white-space: nowrap;
   margin: -1px 5px 5px 0;
   height: 22px;
@@ -47,36 +62,32 @@
   border-color: rgba(82, 168, 236, 0.8);
 }
 .tokenfield .token.duplicate {
-  border-color: #b94a48;
-  -webkit-animation-direction: normal;
-  -webkit-animation-duration: 0.1s;
-  -webkit-animation-iteration-count: infinite;
+  border-color: #ebccd1;
   -webkit-animation-name: blink;
+  animation-name: blink;
+  -webkit-animation-duration: 0.1s;
+  animation-duration: 0.1s;
+  -webkit-animation-direction: normal;
+  animation-direction: normal;
   -webkit-animation-timing-function: ease;
+  animation-timing-function: ease;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
 }
-@-webkit-keyframes 'blink' {
-  0% {
-    border-color: #ededed;
-  }
-  100% {
-    border-color: #b94a48;
-  }
-}
-@-moz-keyframes 'blink' {
-  0% {
-    border-color: #ededed;
-  }
-  100% {
-    border-color: #b94a48;
-  }
+.tokenfield .token.invalid {
+  background: none;
+  border: 1px solid transparent;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  border-bottom: 1px dotted #d9534f;
 }
-@keyframes 'blink' {
-  0% {
-    border-color: #ededed;
-  }
-  100% {
-    border-color: #b94a48;
-  }
+.tokenfield .token.invalid.active {
+  background: #ededed;
+  border: 1px solid #ededed;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
 }
 .tokenfield .token .token-label {
   display: inline-block;
@@ -102,50 +113,50 @@
   width: 60px;
   min-width: 60px;
   border: 0;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
   height: 20px;
   padding: 0;
   margin-bottom: 6px;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .tokenfield .token-input:focus {
   border-color: transparent;
   outline: 0;
   /* IE6-9 */
   -webkit-box-shadow: none;
-  -moz-box-shadow: none;
   box-shadow: none;
 }
-/* Invalid token */
-.tokenfield .token.invalid {
-  background: none;
-  border: 1px solid transparent;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-  border-bottom: 1px dotted #b94a48;
-}
-.tokenfield .token.invalid.active {
-  background: #ededed;
-  border: 1px solid #ededed;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-}
-/* Disabled tokenfield */
 .tokenfield.disabled {
   cursor: not-allowed;
-  background-color: #eee;
+  background-color: #eeeeee;
 }
 .tokenfield.disabled .token-input {
   cursor: not-allowed;
 }
-.tokenfield.disabled .close:hover {
+.tokenfield.disabled .token:hover {
+  cursor: not-allowed;
+  border-color: #d9d9d9;
+}
+.tokenfield.disabled .token:hover .close {
   cursor: not-allowed;
   opacity: 0.2;
+  filter: alpha(opacity=20);
+}
+.has-warning .tokenfield.focus {
+  border-color: #66512c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
+}
+.has-error .tokenfield.focus {
+  border-color: #843534;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
+}
+.has-success .tokenfield.focus {
+  border-color: #2b542c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
 }
-/* Different sizes */
 .tokenfield.input-sm,
 .input-group-sm .tokenfield {
   min-height: 30px;
@@ -185,7 +196,6 @@
   margin-bottom: 6px;
   vertical-align: top;
 }
-/* RTL */
 .tokenfield.rtl {
   direction: rtl;
   text-align: right;

data/vendor/assets/stylesheets/tokenfield-typeahead.css

@@ -1,10 +1,15 @@
+/*!
+ * bootstrap-tokenfield
+ * https://github.com/sliptree/bootstrap-tokenfield
+ * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT
+ */
 /* General Typeahead styling, from http://jsfiddle.net/ragulka/Dy9au/1/ */
 .twitter-typeahead {
   width: 100%;
   position: relative;
   vertical-align: top;
 }
-.twitter-typeahead .tt-query,
+.twitter-typeahead .tt-input,
 .twitter-typeahead .tt-hint {
   margin: 0;
   width: 100%;
@@ -16,61 +21,61 @@
   z-index: 1;
   border: 1px solid transparent;
 }
-.twitter-typeahead .tt-query {
+.twitter-typeahead .tt-input {
   color: #555555;
   z-index: 2;
 }
-.twitter-typeahead .tt-query,
+.twitter-typeahead .tt-input,
 .twitter-typeahead .tt-hint {
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.428571429;
 }
-.twitter-typeahead .input-sm.tt-query,
+.twitter-typeahead .input-sm.tt-input,
 .twitter-typeahead .hint-sm.tt-hint {
   border-radius: 3px;
 }
-.twitter-typeahead .input-lg.tt-query,
+.twitter-typeahead .input-lg.tt-input,
 .twitter-typeahead .hint-lg.tt-hint {
   border-radius: 6px;
 }
-.input-group .twitter-typeahead:first-child .tt-query,
+.input-group .twitter-typeahead:first-child .tt-input,
 .input-group .twitter-typeahead:first-child .tt-hint {
   border-radius: 4px 0 0 4px !important;
 }
-.input-group .twitter-typeahead:last-child .tt-query,
+.input-group .twitter-typeahead:last-child .tt-input,
 .input-group .twitter-typeahead:last-child .tt-hint {
   border-radius: 0 4px 4px 0 !important;
 }
-.input-group.input-group-sm .twitter-typeahead:first-child .tt-query,
+.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
 .input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
   border-radius: 3px 0 0 3px !important;
 }
-.input-group.input-group-sm .twitter-typeahead:last-child .tt-query,
+.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
 .input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
   border-radius: 0 3px 3px 0 !important;
 }
-.input-sm.tt-query,
+.input-sm.tt-input,
 .hint-sm.tt-hint,
-.input-group.input-group-sm .tt-query,
+.input-group.input-group-sm .tt-input,
 .input-group.input-group-sm .tt-hint {
   height: 30px;
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
 }
-.input-group.input-group-lg .twitter-typeahead:first-child .tt-query,
+.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
 .input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
   border-radius: 6px 0 0 6px !important;
 }
-.input-group.input-group-lg .twitter-typeahead:last-child .tt-query,
+.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
 .input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
   border-radius: 0 6px 6px 0 !important;
 }
-.input-lg.tt-query,
+.input-lg.tt-input,
 .hint-lg.tt-hint,
-.input-group.input-group-lg .tt-query,
+.input-group.input-group-lg .tt-input,
 .input-group.input-group-lg .tt-hint {
   height: 45px;
   padding: 10px 16px;
@@ -98,14 +103,14 @@
   display: block;
   padding: 3px 20px;
 }
-.tt-suggestion.tt-is-under-cursor {
+.tt-suggestion.tt-cursor {
   color: #262626;
   background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
   background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
 }
-.tt-suggestion.tt-is-under-cursor a {
+.tt-suggestion.tt-cursor a {
   color: #ffffff;
 }
 .tt-suggestion p {
@@ -117,16 +122,15 @@
 }
 .tokenfield .twitter-typeahead .tt-hint {
   padding: 0;
-  margin-left: -1px;
   height: 20px;
 }
-.tokenfield.input-sm .twitter-typeahead .tt-query,
+.tokenfield.input-sm .twitter-typeahead .tt-input,
 .tokenfield.input-sm .twitter-typeahead .tt-hint {
   height: 18px;
   font-size: 12px;
   line-height: 1.5;
 }
-.tokenfield.input-lg .twitter-typeahead .tt-query,
+.tokenfield.input-lg .twitter-typeahead .tt-input,
 .tokenfield.input-lg .twitter-typeahead .tt-hint {
   height: 23px;
   font-size: 18px;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap_tokenfield_rails
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.6
 platform: ruby
 authors:
 - Akash Devaraju
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-01-14 00:00:00.000000000 Z
+date: 2014-03-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -48,9 +48,9 @@ extra_rdoc_files: []
 files:
 - lib/bootstrap_tokenfield_rails.rb
 - lib/bootstrap_tokenfield_rails/version.rb
+- vendor/assets/javascripts/bootstrap-tokenfield.js
 - vendor/assets/stylesheets/bootstrap-tokenfield.css
 - vendor/assets/stylesheets/tokenfield-typeahead.css
-- vendor/assets/javascripts/bootstrap-tokenfield.js
 homepage: http://www.icicletech.com/open-source-software/bootstrap-tokenfield-rails
 licenses:
 - MIT
@@ -71,9 +71,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.1.11
+rubygems_version: 2.2.1
 signing_key: 
 specification_version: 4
 summary: A jQuery tagging / tokenizer input plugin for Twitter's Bootstrap
 test_files: []
-has_rdoc: