vhx-quartz 0.10.3 → 0.10.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bd6f9343107741c8ebd62ed965387916cc8ccfaf
-  data.tar.gz: 5129ab653f0ab685d1a2c56fa8a1009c40a63c5d
+  metadata.gz: 29b3e45280e083ca1a0f962b11b881e6c75b8363
+  data.tar.gz: 1a66bc449084ab7465764e87644d14d6e8248fe9
 SHA512:
-  metadata.gz: c9e31dbd39de48aab359b98245bdebc39b42a90ecaaaa1b14939a2a0c91086b99b33d5d99b4673309e61456f45869d38564ec957b3cce24261dd6d846f173577
-  data.tar.gz: f84b6d07349bc04fb178e79e67d98ba753c129171a94650c5bb62db279a6000c7c9bbde82c15f9d4070abfbef39561e0d03892eeb5fd78130d3e72f8c99c47f2
+  metadata.gz: e6c1a5ff9a21c6d2bf2f429807290655396fbb2dadd0bfae51e83ef234b15d6b24baea000f9ea62adaf14d5fc6cfbcffe5b1b2fbce79846b73877cf2588bc09d
+  data.tar.gz: 97a3ec01737e37d8033a01e6b3915c16a3b0ddf9da37e691523d73df1bd2f5f090fdfd0f9f00cd15653d5527d0686d85f785702a20b46878c073d14aa289e8ec

data/lib/vhx/quartz/version.rb

@@ -1,5 +1,5 @@
 module Vhx
   module Quartz
-    VERSION = "0.10.3"
+    VERSION = "0.10.4"
   end
 end

data/vendor/assets/javascripts/vhx-quartz.select.js

@@ -129,8 +129,6 @@ vhxm.components.shared.select.controller = function (opts) {
     if (self.multiselect) {
       self.state.highlightIndex(-1);
     }
-
-    self.state.onSelect(self.state.selected());
   };
 
   self.handleAction = function (event) {
@@ -212,6 +210,7 @@ vhxm.components.shared.select.ui.container = {
   view: function view(ctrl, opts) {
     var options = opts.search ? '.has-search' : '';
     options += opts.trigger ? '.has-trigger' : '';
+    options += opts.action ? '.has-action' : '';
     options += opts.type === 'media' ? '.has-media' : '';
     options += opts.inline ? '.inline' : '';
     options += '.caret--' + (ctrl.position === 'top' ? 'bottom' : 'top') + '-' + ctrl.caret;
@@ -228,7 +227,10 @@ vhxm.components.shared.select.ui.container = {
       onkeydown: ctrl.handleKeydown
     }, [opts.trigger ? opts.trigger : m('a.c-select--trigger.btn-dropdown-' + (opts.color ? opts.color : 'gray') + '.btn--fill' + (ctrl.state.isDropdownOpen() ? '.is-active' : ''), {
       href: '#',
-      onclick: ctrl.handleClick
+      onclick: ctrl.handleClick,
+      style: {
+        top: opts.offset ? opts.offset + 'px' : '40px'
+      }
     }, ctrl.selectedLabel()), m('.c-select--dropdown.bg-white.border.radius.fill-width' + (ctrl.state.isDropdownOpen() ? '.is-open' : ''), {
       config: function config(el) {
         if (ctrl.position === 'top') {

data/vendor/assets/stylesheets/vhx-quartz.css

@@ -637,6 +637,12 @@ select {
   .btn.icon--left, .icon--left.btn-gray, .icon--left.btn-dropdown-gray, .icon--left.btn-slate, .icon--left.btn-teal, .icon--left.btn-dropdown-teal, .icon--left.btn-red, .icon--left.btn-purple, .icon--left.btn-green, .icon--left.btn-black, .icon--left.btn-white, .icon--left.btn-dropdown-white, .icon--left.btn-yellow, .icon--left.btn-facebook, .icon--left.btn-twitter, .icon--left.btn-transparent, .icon--left.btn-tumblr, .icon--left.btn-paypal, .icon--left.btn-roku, .icon--left.btn-search, .icon--left.btn-dropdown {
     background-position: left 21px center;
     padding-left: 43px; }
+    .btn.icon--left.icon--xsmall, .icon--left.icon--xsmall.btn-gray, .icon--left.icon--xsmall.btn-dropdown-gray, .icon--left.icon--xsmall.btn-slate, .icon--left.icon--xsmall.btn-teal, .icon--left.icon--xsmall.btn-dropdown-teal, .icon--left.icon--xsmall.btn-red, .icon--left.icon--xsmall.btn-purple, .icon--left.icon--xsmall.btn-green, .icon--left.icon--xsmall.btn-black, .icon--left.icon--xsmall.btn-white, .icon--left.icon--xsmall.btn-dropdown-white, .icon--left.icon--xsmall.btn-yellow, .icon--left.icon--xsmall.btn-facebook, .icon--left.icon--xsmall.btn-twitter, .icon--left.icon--xsmall.btn-transparent, .icon--left.icon--xsmall.btn-tumblr, .icon--left.icon--xsmall.btn-paypal, .icon--left.icon--xsmall.btn-roku, .icon--left.icon--xsmall.btn-search, .icon--left.icon--xsmall.btn-dropdown {
+      background-position: left 16px center;
+      padding-left: 40px; }
+    .btn.icon--left.icon--xxsmall, .icon--left.icon--xxsmall.btn-gray, .icon--left.icon--xxsmall.btn-dropdown-gray, .icon--left.icon--xxsmall.btn-slate, .icon--left.icon--xxsmall.btn-teal, .icon--left.icon--xxsmall.btn-dropdown-teal, .icon--left.icon--xxsmall.btn-red, .icon--left.icon--xxsmall.btn-purple, .icon--left.icon--xxsmall.btn-green, .icon--left.icon--xxsmall.btn-black, .icon--left.icon--xxsmall.btn-white, .icon--left.icon--xxsmall.btn-dropdown-white, .icon--left.icon--xxsmall.btn-yellow, .icon--left.icon--xxsmall.btn-facebook, .icon--left.icon--xxsmall.btn-twitter, .icon--left.icon--xxsmall.btn-transparent, .icon--left.icon--xxsmall.btn-tumblr, .icon--left.icon--xxsmall.btn-paypal, .icon--left.icon--xxsmall.btn-roku, .icon--left.icon--xxsmall.btn-search, .icon--left.icon--xxsmall.btn-dropdown {
+      background-position: left 18px center;
+      padding-left: 37px; }
     .btn.icon--left .icon--right, .icon--left.btn-gray .icon--right, .icon--left.btn-dropdown-gray .icon--right, .icon--left.btn-slate .icon--right, .icon--left.btn-teal .icon--right, .icon--left.btn-dropdown-teal .icon--right, .icon--left.btn-red .icon--right, .icon--left.btn-purple .icon--right, .icon--left.btn-green .icon--right, .icon--left.btn-black .icon--right, .icon--left.btn-white .icon--right, .icon--left.btn-dropdown-white .icon--right, .icon--left.btn-yellow .icon--right, .icon--left.btn-facebook .icon--right, .icon--left.btn-twitter .icon--right, .icon--left.btn-transparent .icon--right, .icon--left.btn-tumblr .icon--right, .icon--left.btn-paypal .icon--right, .icon--left.btn-roku .icon--right, .icon--left.btn-search .icon--right, .icon--left.btn-dropdown .icon--right {
       background-position: right 0px center;
       padding-right: 21px;
@@ -644,6 +650,12 @@ select {
   .btn.icon--right, .icon--right.btn-gray, .icon--right.btn-dropdown-gray, .icon--right.btn-slate, .icon--right.btn-teal, .icon--right.btn-dropdown-teal, .icon--right.btn-red, .icon--right.btn-purple, .icon--right.btn-green, .icon--right.btn-black, .icon--right.btn-white, .icon--right.btn-dropdown-white, .icon--right.btn-yellow, .icon--right.btn-facebook, .icon--right.btn-twitter, .icon--right.btn-transparent, .icon--right.btn-tumblr, .icon--right.btn-paypal, .icon--right.btn-roku, .icon--right.btn-search, .icon--right.btn-dropdown {
     background-position: right 21px center;
     padding-right: 43px; }
+    .btn.icon--right.icon--xsmall, .icon--right.icon--xsmall.btn-gray, .icon--right.icon--xsmall.btn-dropdown-gray, .icon--right.icon--xsmall.btn-slate, .icon--right.icon--xsmall.btn-teal, .icon--right.icon--xsmall.btn-dropdown-teal, .icon--right.icon--xsmall.btn-red, .icon--right.icon--xsmall.btn-purple, .icon--right.icon--xsmall.btn-green, .icon--right.icon--xsmall.btn-black, .icon--right.icon--xsmall.btn-white, .icon--right.icon--xsmall.btn-dropdown-white, .icon--right.icon--xsmall.btn-yellow, .icon--right.icon--xsmall.btn-facebook, .icon--right.icon--xsmall.btn-twitter, .icon--right.icon--xsmall.btn-transparent, .icon--right.icon--xsmall.btn-tumblr, .icon--right.icon--xsmall.btn-paypal, .icon--right.icon--xsmall.btn-roku, .icon--right.icon--xsmall.btn-search, .icon--right.icon--xsmall.btn-dropdown {
+      background-position: right 16px center;
+      padding-left: 40px; }
+    .btn.icon--right.icon--xxsmall, .icon--right.icon--xxsmall.btn-gray, .icon--right.icon--xxsmall.btn-dropdown-gray, .icon--right.icon--xxsmall.btn-slate, .icon--right.icon--xxsmall.btn-teal, .icon--right.icon--xxsmall.btn-dropdown-teal, .icon--right.icon--xxsmall.btn-red, .icon--right.icon--xxsmall.btn-purple, .icon--right.icon--xxsmall.btn-green, .icon--right.icon--xxsmall.btn-black, .icon--right.icon--xxsmall.btn-white, .icon--right.icon--xxsmall.btn-dropdown-white, .icon--right.icon--xxsmall.btn-yellow, .icon--right.icon--xxsmall.btn-facebook, .icon--right.icon--xxsmall.btn-twitter, .icon--right.icon--xxsmall.btn-transparent, .icon--right.icon--xxsmall.btn-tumblr, .icon--right.icon--xxsmall.btn-paypal, .icon--right.icon--xxsmall.btn-roku, .icon--right.icon--xxsmall.btn-search, .icon--right.icon--xxsmall.btn-dropdown {
+      background-position: right 18px center;
+      padding-left: 37px; }
 
 /* button gray shorthand
 ......................................*/
@@ -1909,6 +1921,9 @@ html {
 .relative {
   position: relative; }
 
+.absolute {
+  position: absolute; }
+
 .pull {
   float: left; }
 
@@ -5800,6 +5815,11 @@ a.head--white:hover, a.head--white:active {
 /*.....................................
   Stand-alone icons using <i>
 ......................................*/
+.icon.is-loading, .icon.is-processing,
+.icon-circle.is-loading,
+.icon-circle.is-processing {
+  background-image: none; }
+
 .icon {
   display: inline-block;
   background-position: 50% 50%;
@@ -6364,6 +6384,9 @@ a.head--white:hover, a.head--white:active {
   .loader--transparent.is-processing > *, .loader--transparent.is-loading > * {
     opacity: .2; }
 
+.loader--offset:after {
+  top: 125px; }
+
 .loader--hide {
   position: relative; }
   .loader--hide:after {
@@ -7015,6 +7038,15 @@ a.text--blue.is-disabled:link, a.text--blue.is-disabled:visited, a.text--blue.is
 .text-contain.text-3 p {
   margin-bottom: 18px; }
 
+.line-small {
+  line-height: 15px; }
+
+.line-medium {
+  line-height: 18px; }
+
+.line-large {
+  line-height: 21px; }
+
 /* imports
 ...................................*/
 /* .....................................

data/vendor/assets/stylesheets/vhx-quartz.select.css

@@ -116,6 +116,9 @@
 
 .c-select--options {
   overflow-y: auto;
+  max-height: 218px; }
+
+.has-action .c-select--options {
   max-height: 200px; }
 
 .c-select--option {

data/vendor/assets/stylesheets/vhx-quartz.sidebar.css

@@ -13,4 +13,5 @@
   top: 10px;
   right: 15px;
   z-index: 10;
+  background-color: white;
   background-size: 10px !important; }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: vhx-quartz
 version: !ruby/object:Gem::Version
-  version: 0.10.3
+  version: 0.10.4
 platform: ruby
 authors:
 - Scott Robertson, Courtney Burton, Steven Bone, David Gonzalez