tao_ui 0.2.9 → 0.2.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 271fa5537047fcc2e80b6918c448a292b430b199
-  data.tar.gz: 8975fc4ecabea2b2c8d46e5e6236f0839caccd2b
+  metadata.gz: 07e08999a1fabcf4e08b534781281b66fa93db73
+  data.tar.gz: 5c6ef34f6cbb67b0aa4c5783345c49ad4d6b0106
 SHA512:
-  metadata.gz: 0fe9cdb244e100a2f93b1530f9204c31c4b7bcfc5bd2cd18f0167c4e7cb38d9b9e5f298df7ae762d77a10015f149cc76fea61141e33104f81ce1784d9002ce60
-  data.tar.gz: 07ef13e5c1f4cf69c01d068390fb414b3c5278c68e2777a8dfc2499750ccf14f2ad4dc4727915cbf281ef4b2b8ec50bf343474d125ee725380bf429f90d111a6
+  metadata.gz: 3d76266a43a9ddf7bc147e3cf42713d538885bc7b976b9ec67ef406ac0a01b08ac4142fc6989be7db27e5e5199b3e116bdc3febe9f7236e1f11c4d32d86ded4c
+  data.tar.gz: 208fa2fb87faef5aaa7be228763344b4534396692c778cb8715918b21481094a06bb0e7fafadaccdeb5b4e61f2a4795efdc0c192eafc202dc643bcb8e09c0f0c

data/lib/assets/javascripts/tao/ui/dialog/confirm.coffee

@@ -6,7 +6,7 @@ class Tao.Dialog.Confirm extends Tao.Dialog.Message
     super
 
     @on 'click', '.button-cancel', (e) =>
-      @trigger 'tao:cancel'
+      @namespacedTrigger 'cancel'
       @active = false
       null
 

data/lib/assets/javascripts/tao/ui/dialog/element.coffee

@@ -36,9 +36,11 @@ class Tao.Dialog.Element extends TaoComponent
   _bind: ->
     @on 'click', (e) =>
       @active = false if e.target == @
+      null
 
     @on 'click', ".tao-dialog-wrapper > .link-close, #{@closeSelector}", =>
       @active = false
+      null
 
     if @triggerEl && @triggerEl.length > 0
       @triggerEl.on "click.tao-slide-box-#{@taoId}", (e) =>
@@ -57,23 +59,23 @@ class Tao.Dialog.Element extends TaoComponent
         else
           @jq.hide()
 
-      # in case the dialog is hidden too fast
       if @jq.is(':visible')
-        if @jq.css('opacity') * 1 == 0
+        @on 'transitionend', (e) =>
+          return unless $(e.target).is('.tao-dialog-wrapper')
+          @off 'transitionend'
           reset()
-        else
-          @one 'transitionend', ->
-            reset()
+      else
+        reset()
 
     null
 
   _activeChanged: ->
     if @active
       $('body').addClass('dialog-active')
-      @trigger 'tao:show'
+      @namespacedTrigger 'show'
     else
       $('body').removeClass('dialog-active')
-      @trigger 'tao:hide'
+      @namespacedTrigger 'hide'
 
   setContent: (content) ->
     @jq.find('.tao-dialog-content').empty()
@@ -81,9 +83,9 @@ class Tao.Dialog.Element extends TaoComponent
     @
 
   remove: ->
-    @trigger 'tao:beforeRemove'
+    @namespacedTrigger 'beforeRemove'
     @jq.remove()
-    @trigger 'tao:remove'
+    @namespacedTrigger 'remove'
     @
 
   beforeCache: ->

data/lib/assets/javascripts/tao/ui/dialog/message.coffee

@@ -6,7 +6,7 @@ class Tao.Dialog.Message extends Tao.Dialog.Element
     super
 
     @on 'click', '.button-confirm', (e) =>
-      @trigger 'tao:confirm'
+      @namespacedTrigger 'confirm'
       @active = false
       null
 

data/lib/assets/javascripts/tao/ui/popover/confirm.coffee

@@ -6,12 +6,12 @@ class Tao.Popover.Confirm extends Tao.Popover.Element
     super
 
     @on 'click', '.button-confirm', (e) =>
-      @trigger 'tao:confirm'
+      @namespacedTrigger 'confirm'
       @active = false
       null
 
     @on 'click', '.button-cancel', (e) =>
-      @trigger 'tao:cancel'
+      @namespacedTrigger 'cancel'
       @active = false
       null
 

data/lib/assets/javascripts/tao/ui/popover/element.coffee

@@ -72,24 +72,24 @@ class Tao.Popover.Element extends TaoComponent
         else
           @jq.hide()
 
-      # in case the popover is hidden too fast
       if @jq.is(':visible')
-        if @jq.css('opacity') * 1 == 0
+        @on 'transitionend', (e) =>
+          return unless e.target == @
+          @off 'transitionend'
           reset()
-        else
-          @one 'transitionend', ->
-            reset()
+      else
+        reset()
     null
 
   _activeChanged: ->
     if @active
       @target.addClass 'tao-popover-active'
       @_enableAutoHide() if @autoHide
-      @trigger 'tao:show'
+      @namespacedTrigger 'show'
     else
       @target.removeClass 'tao-popover-active'
       @_disableAutoHide() if @autoHide
-      @trigger 'tao:hide'
+      @namespacedTrigger 'hide'
 
   _enableAutoHide: ->
     $(document).on "mousedown.tao-popover-#{@taoId}", (e) =>
@@ -153,10 +153,10 @@ class Tao.Popover.Element extends TaoComponent
       @active = false
 
   remove: ->
-    @trigger 'tao:beforeRemove'
+    @namespacedTrigger 'beforeRemove'
     @target.removeClass 'tao-popover-active'
     @jq.remove()
-    @trigger 'tao:remove'
+    @namespacedTrigger 'remove'
     @
 
   _disconnected: ->

data/lib/assets/javascripts/tao/ui/shared/slide_box/element/base.coffee

@@ -48,22 +48,26 @@ class Tao.SlideBox.ElementBase extends TaoComponent
 
   _beforeActiveChanged: (active) ->
     if active
+      @namespacedTrigger 'beforeShow'
       @jq.show()
       @reflow()
     else
+      @namespacedTrigger 'beforeHide'
       reset = =>
         if @autoDestroy
           @remove()
         else
           @jq.hide()
+        @namespacedTrigger 'afterHide'
 
       # in case the slide box is hidden too fast
       if @jq.is(':visible')
-        if @jq.css('opacity') * 1 == 0
+        @on 'transitionend', (e) =>
+          return unless $(e.target).is('.slide-box-wrapper')
+          @off 'transitionend'
           reset()
-        else
-          @one 'transitionend', ->
-            reset()
+      else
+        reset()
     null
 
   _activeChanged: ->
@@ -71,10 +75,10 @@ class Tao.SlideBox.ElementBase extends TaoComponent
     if @active
       @_bindAutoHideEvent() if @autoHide
       $('body').addClass('slide-box-active')
-      @trigger 'tao:show'
+      @namespacedTrigger 'show'
     else
       $('body').removeClass('slide-box-active')
-      @trigger 'tao:hide'
+      @namespacedTrigger 'hide'
 
   _autoHideEvent: ''
 
@@ -88,9 +92,9 @@ class Tao.SlideBox.ElementBase extends TaoComponent
       @_unbindAutoHideEvent()
 
   remove: ->
-    @trigger 'tao:beforeRemove'
+    @namespacedTrigger 'beforeRemove'
     @jq.remove()
-    @trigger 'tao:remove'
+    @namespacedTrigger 'remove'
     @
 
   beforeCache: ->

data/lib/assets/javascripts/tao/ui/sortable.coffee

@@ -29,10 +29,10 @@ class Tao.Sortable extends TaoComponent
     $(document).off ".tao-sortable-#{@taoId}"
 
   _startDragging: ($item) ->
-    @trigger 'tao:beforeSortStart', [$item]
+    @namespacedTrigger 'beforeSortStart', [$item]
     @_sortingItem = $item
     setTimeout -> $item.addClass('tao-sortable-sorting')
-    @trigger 'tao:sortStart', [@_sortingItem]
+    @namespacedTrigger 'sortStart', [@_sortingItem]
 
     $(window).on "scroll.tao-sortable-#{@taoId}", _.throttle (e) =>
       @_expireDimensionCache()
@@ -63,7 +63,7 @@ class Tao.Sortable extends TaoComponent
 
   _stopDragging: ->
     @_sortingItem.removeClass('tao-sortable-sorting')
-    @trigger 'tao:sortEnd', [@_sortingItem]
+    @namespacedTrigger 'sortEnd', [@_sortingItem]
     @_sortingItem = null
 
   _findNearestItem: (mousePosition, dimensions = @_itemDimensions()) ->
@@ -84,6 +84,7 @@ class Tao.Sortable extends TaoComponent
 
   _moveItem: (item, mousePosition) ->
     if item.type == 'group'
+      return if @triggerHandler('tao:sorting', [@_sortingItem, item]) == false
       item.el.append @_sortingItem
     else
       method = if (@axis == 'y' && mousePosition.y > item.center.y) ||
@@ -91,6 +92,7 @@ class Tao.Sortable extends TaoComponent
         'after'
       else
         'before'
+      return if @triggerHandler('tao:sorting', [@_sortingItem, item, method]) == false
       item.el[method] @_sortingItem
 
   _itemDimensions: ->
@@ -130,9 +132,14 @@ class Tao.Sortable extends TaoComponent
     y: dimension.top + (dimension.height / 2)
 
   _getDistanceFromItem: (item, position) ->
-    deltaX = Math.abs(position.x - item.center.x)
-    deltaY = Math.abs(position.y - item.center.y)
-    Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2))
+    rect = item.dimension
+    if position.x >= rect.left && position.x <= rect.right &&
+        position.y >= rect.top && position.y <= rect.bottom
+      0
+    else
+      deltaX = Math.min(Math.abs(position.x - rect.left), Math.abs(position.x - rect.right))
+      deltaY = Math.min(Math.abs(position.y - rect.top), Math.abs(position.y - rect.bottom))
+      Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2))
 
   _expireDimensionCache: ->
     @_dimentions = null

data/lib/assets/javascripts/tao/ui/table/expandable.coffee

@@ -8,10 +8,10 @@ Tao.Table.Expandable = ->
       $row = $ e.currentTarget
       if $row.hasClass 'expanded'
         @collapseRow $row
-        @trigger 'tao:expandRow', $row
+        @namespacedTrigger 'expandRow', $row
       else
         @expandRow $row
-        @trigger 'tao:collapseRow', $row
+        @namespacedTrigger 'collapseRow', $row
       null
 
   expandRow: (row) ->

data/lib/assets/javascripts/tao/ui/table/selectable.coffee

@@ -10,7 +10,7 @@ Tao.Table.Selectable = ->
       cb = e.currentTarget
       $row = cb.jq.closest('tr')
       @toggleSelectRow $row, cb.checked
-      @trigger 'tao:selectedChange', [@selectedRows]
+      @namespacedTrigger 'selectedChange', [@selectedRows]
 
     @on 'tao:change', '.th-checkbox tao-check-box', (e) =>
       cb = e.currentTarget
@@ -18,7 +18,7 @@ Tao.Table.Selectable = ->
         @selectAllRows()
       else
         @unselectAllRows()
-      @trigger 'tao:selectedChange', [@selectedRows]
+      @namespacedTrigger 'selectedChange', [@selectedRows]
 
   toggleSelectRow: (row, selected) ->
     return @ unless @selectable

data/lib/assets/javascripts/tao/ui/tree/element.coffee

@@ -21,7 +21,7 @@ class Tao.Tree.Element extends TaoComponent
       item = e.currentTarget
       return unless item == e.target
       @_refreshAssociatedItems(item) if @associatedSelect
-      @trigger 'tao-tree:selectedChange', [@selectedItems]
+      @namespacedTrigger 'selectedChange', [@selectedItems]
       null
 
   _refreshAssociatedItems: (item) ->

data/lib/assets/javascripts/tao/ui/tree/item.coffee

@@ -25,7 +25,7 @@ class Tao.Tree.Item extends TaoComponent
 
     @checkbox.on 'tao:change', (e) =>
       @selected = e.currentTarget.checked
-      @trigger 'tao-tree-item:selectedChange', [@selected]
+      @namespacedTrigger 'selectedChange', [@selected]
       null
 
   _initExpandable: ->
@@ -79,6 +79,7 @@ class Tao.Tree.Item extends TaoComponent
       url: @remote.url
       type: 'get'
       data: _.extend {}, @remote.params,
+        tree_item_id: @taoId
         depth: @depth
         selectable: @selectable || undefined
         selected: @selected || undefined
@@ -87,5 +88,6 @@ class Tao.Tree.Item extends TaoComponent
   updateList: ($newList) ->
     @_afterTransition() if @jq.hasClass('expanding')
     @jq.find('> .tao-tree-list').replaceWith($newList)
+    @namespacedTrigger 'listUpdate', [$newList]
 
 TaoComponent.register Tao.Tree.Item

data/lib/assets/stylesheets/tao/ui/_variables.scss

@@ -1,3 +1,4 @@
 @import 'tao/ui/variables/base';
+@import 'tao/ui/variables/tree';
 @import 'tao/ui/shared/variables/buttons';
 @import 'tao/ui/shared/variables/tables';

data/lib/assets/stylesheets/tao/ui/dialog.scss

@@ -16,7 +16,7 @@ body.tao-dialog-active {
 
   &[modal] {
     background-color: rgba(0, 0, 0, 0);
-    transition: background-color 200ms;
+    transition: background-color 300ms;
   }
 
   &[modal][active] {
@@ -37,11 +37,12 @@ body.tao-dialog-active {
     background-color: $white-color;
     box-shadow: 0 0 4px 4px rgba(0,0,0,0.1);
     transform: translate(0, -30%);
-    transition: transform .3s, opacity .3s, width .2s;
+    transition: transform 300ms, opacity 300ms;
     opacity: 0;
-    padding: 1rem 2rem;
 
     .tao-dialog-content {
+      padding: 1rem 2rem;
+
       h3:first-child,
       .title:first-child {
         margin-bottom: 2rem;
@@ -72,6 +73,10 @@ body.tao-dialog-active {
     .tao-dialog-wrapper {
       width: 32.5rem;
       padding: 1.5rem 2rem;
+
+      .tao-dialog-content {
+        padding: 0;
+      }
     }
   }
 

data/lib/assets/stylesheets/tao/ui/index.scss

@@ -10,3 +10,4 @@
 //= require ./dialog
 //= require ./sortable
 //= require ./tree
+//= require ./tabs

data/lib/assets/stylesheets/tao/ui/mobile/slide_box.scss

@@ -1,39 +1,55 @@
 @import 'tao/ui/mobile/globals';
 @import 'tao/ui/shared/slide_box';
 
-tao-slide-box {
-  .header {
-    height: 3rem;
-    background: $white-color;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    border-bottom: 1px solid $border-color;
-
-    .left {
-      width: 6rem;
-      flex: 1 1 auto;
-      text-align: left;
-      margin: 0 0 0 0.75rem;
-    }
+.tao-slide-box {
+  .slide-box-content {
+    & > header,
+    & > .header {
+      height: 3rem;
+      background: $white-color;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-bottom: 1px solid $border-color;
 
-    .right {
-      width: 6rem;
-      flex: 1 1 auto;
-      text-align: right;
-      margin: 0 0.75rem 0 0;
-    }
+      .left {
+        width: 6rem;
+        flex: 1 1 auto;
+        text-align: left;
+        margin: 0 0 0 0.75rem;
+      }
+
+      .right {
+        width: 6rem;
+        flex: 1 1 auto;
+        text-align: right;
+        margin: 0 0.75rem 0 0;
+      }
 
-    .title {
-      flex: 0 0 auto;
-      text-align: center;
+      .title {
+        flex: 0 0 auto;
+        text-align: center;
+      }
+
+      .link-close {
+        fill: $lighter-grey-color;
+
+        &:active {
+          fill: $grey-color;
+        }
+      }
     }
 
-    .link-close {
-      fill: $lighter-grey-color;
+    & > .buttons {
+      border-top: 1px solid $border-color;
+
+      .button {
+        border-radius: 0;
+        border-width: 0 1px 0 0;
 
-      &:active {
-        fill: $grey-color;
+        &:last-child {
+          border-right-width: 0;
+        }
       }
     }
   }

data/lib/assets/stylesheets/tao/ui/shared/_slide_box.scss

@@ -15,7 +15,7 @@ tao-slide-box {
 
   &[modal] {
     background-color: rgba(0, 0, 0, 0);
-    transition: background-color 200ms ease-in-out;
+    transition: background-color 300ms ease-in-out;
   }
 
   &[modal][active] {
@@ -27,7 +27,7 @@ tao-slide-box {
     opacity: 0;
     padding: 1.5rem;
     border: 0px solid $light-border-color;
-    transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
+    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
     position: absolute;
 
     .slide-box-content {

data/lib/assets/stylesheets/tao/ui/slide_box.scss

@@ -2,6 +2,16 @@
 @import 'tao/ui/shared/slide_box';
 
 .tao-slide-box {
+  .slide-box-content > header,
+  .slide-box-content > .header {
+    text-align: center;
+    font-size: 1rem;
+    color: $text-color;
+    line-height: 3rem;
+    border-bottom: 1px solid $border-color;
+    font-weight: bold;
+  }
+
   & > .slide-box-wrapper > .link-close {
     display: none;
     justify-content: center;

data/lib/assets/stylesheets/tao/ui/tabs.scss

@@ -0,0 +1,23 @@
+@import 'tao/ui/globals';
+
+.tabs {
+  display: flex;
+  align-items: flex-end;
+
+  .tab {
+    padding: 0.5rem 0.5rem 1rem 0.5rem;
+    font-size: 1rem;
+    color: $lightest-grey-color;
+    border-bottom: 3px solid $white-color;
+    margin: 0 1.5rem 0 0;
+
+    &:hover {
+      color: $grey-color;
+    }
+
+    &.active {
+      border-color: $ui-color;
+      color: $grey-color;
+    }
+  }
+}

data/lib/assets/stylesheets/tao/ui/tree.scss

@@ -1,9 +1,7 @@
 @import 'tao/ui/globals';
 
-$tree-item-height: 2rem !default;
-$tree-item-font-size: 0.875rem !default;
-
 .tao-tree {
+  display: block;
 
   .tao-tree-item {
     display: block;
@@ -35,12 +33,16 @@ $tree-item-font-size: 0.875rem !default;
           position: absolute;
           left: 0.625rem;
           top: 0;
-          right: 0.5rem;
+          right: 0.6rem;
           bottom: 50%;
         }
       }
     }
 
+    &:first-child[depth='0'] > .tao-tree-item-content .tao-tree-item-padding .padding-item:last-child:before {
+      top: 50%;
+    }
+
     &:last-child > .tao-tree-item-content .tao-tree-item-padding .padding-item:last-child:before {
       bottom: 50%;
     }
@@ -49,7 +51,6 @@ $tree-item-font-size: 0.875rem !default;
       display: flex;
       align-items: center;
       height: $tree-item-height;
-      line-height: $tree-item-height;
       font-size: $tree-item-font-size;
 
       .link-toggle-item {
@@ -61,9 +62,10 @@ $tree-item-font-size: 0.875rem !default;
         transition: transform 200ms;
         border: 1px solid $border-color;
         border-radius: 50%;
-        margin: 0 0.75rem 0 0;
+        margin: 0 0.75rem 0 -2rem;
         cursor: pointer;
         visibility: hidden;
+        position: relative;
 
         .icon {
           display: block;
@@ -111,7 +113,7 @@ $tree-item-font-size: 0.875rem !default;
       }
     }
 
-    &[expanded] {
+    &[expandable][expanded] {
       & > .tao-tree-item-content .link-toggle-item {
         transform: rotate(90deg);
       }

data/lib/assets/stylesheets/tao/ui/variables/_tree.scss

@@ -0,0 +1,2 @@
+$tree-item-height: 2rem !default;
+$tree-item-font-size: 0.875rem !default;

data/lib/generators/tao/icons/icons_generator.rb

@@ -5,7 +5,7 @@ module Tao
 
       class_option :paths, type: :array, default: ['app/assets/icons', 'lib/assets/icons'], desc: 'Find svg files in specified paths.'
 
-      class_option :remove_color, type: :boolean, default: false, desc: 'Remove all fill attributes in svg.'
+      class_option :remove_color, type: :boolean, default: true, desc: 'Remove all fill attributes in svg.'
 
       attr_reader :icons_html
 

data/lib/tao_ui/components/tree/item_component.rb

@@ -59,7 +59,7 @@ module TaoUi
         end
 
         def init_expanded
-          @expandable = !!remote || (children.is_a?(Array) && children.size > 0)
+          @expandable = !!remote || children.try(:any?)
           html_options[:expandable] = @expandable ? '' : nil
 
           @expanded = (html_options.delete(:expanded) || false) && expandable && !remote
@@ -68,12 +68,8 @@ module TaoUi
         end
 
         def render_padding(size = depth)
-          if size > 0
-            view.content_tag 'div', class: 'tao-tree-item-padding' do
-              (view.content_tag('div', nil, class: 'padding-item') * size).html_safe
-            end
-          else
-            ''.html_safe
+          view.content_tag 'div', class: 'tao-tree-item-padding' do
+            (view.content_tag('div', nil, class: 'padding-item') * (size + 1)).html_safe
           end
         end
 
@@ -92,18 +88,16 @@ module TaoUi
         end
 
         def render_children &block
-          if expandable
-            if remote
-              render_children_placeholder
-            else
-              view.tao_tree_list children, {
-                selectable: selectable,
-                depth: depth + 1,
-                remote: options[:remote],
-                expanded: options[:expanded],
-                children_key: @children_key
-              }, &block
-            end
+          if remote
+            render_children_placeholder
+          else
+            view.tao_tree_list children, {
+              selectable: selectable,
+              depth: depth + 1,
+              remote: options[:remote],
+              expanded: options[:expanded],
+              children_key: @children_key
+            }, &block
           end
         end
 

data/lib/tao_ui/components/tree/list_component.rb

@@ -19,19 +19,18 @@ module TaoUi
 
         def render &block
           view.content_tag 'div', html_options do
-            content = ''.html_safe
-            items.each do |item|
-              content += view.tao_tree_item item, {
-                children_key: children_key,
-                selectable: selectable,
-                selected: selected,
-                depth: depth,
-                remote: remote,
-                expanded: expanded
-              }, &block
+            if items && items.size > 0
+              items.each do |item|
+                view.concat view.tao_tree_item item, {
+                  children_key: children_key,
+                  selectable: selectable,
+                  selected: selected,
+                  depth: depth,
+                  remote: remote,
+                  expanded: expanded
+                }, &block
+              end
             end
-
-            content
           end
         end
 

data/lib/tao_ui/version.rb

@@ -1,3 +1,3 @@
 module TaoUi
-  VERSION = '0.2.9'
+  VERSION = '0.2.10'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tao_ui
 version: !ruby/object:Gem::Version
-  version: 0.2.9
+  version: 0.2.10
 platform: ruby
 authors:
 - farthinker
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-07-12 00:00:00.000000000 Z
+date: 2017-07-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tao_on_rails
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.9.0
+        version: 0.9.3
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.9.0
+        version: 0.9.3
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
   requirement: !ruby/object:Gem::Requirement
@@ -86,14 +86,28 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.7.0
+        version: 0.7.1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.7.0
+        version: 0.7.1
+- !ruby/object:Gem::Dependency
+  name: selenium-webdriver
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.2.0
 description: UI library based on tao
 email:
 - farthinker@gmail.com
@@ -181,9 +195,11 @@ files:
 - lib/assets/stylesheets/tao/ui/slide_box.scss
 - lib/assets/stylesheets/tao/ui/sortable.scss
 - lib/assets/stylesheets/tao/ui/tables.scss
+- lib/assets/stylesheets/tao/ui/tabs.scss
 - lib/assets/stylesheets/tao/ui/tooltip.scss
 - lib/assets/stylesheets/tao/ui/tree.scss
 - lib/assets/stylesheets/tao/ui/variables/_base.scss
+- lib/assets/stylesheets/tao/ui/variables/_tree.scss
 - lib/generators/tao/icons/USAGE
 - lib/generators/tao/icons/icons_generator.rb
 - lib/generators/tao/icons/templates/icons.coffee.erb