Merge branch 'release/0.3.7'

pixelandtonic · Aug 23, 2019 · 04a34ba · 04a34ba
2 parents b7e3d78 + 7bb6203
commit 04a34ba
Show file tree

Hide file tree

Showing 11 changed files with 34 additions and 28 deletions.
diff --git a/dist/craftui.cjs.js b/dist/craftui.cjs.js
@@ -487,7 +487,7 @@ var script$3 = {
 /* script */
 const __vue_script__$3 = script$3;
 /* template */
-var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('field',{staticClass:"c-dropdown",attrs:{"id":_vm.id + '-label',"label":_vm.label,"instructions":_vm.instructions,"errors":_vm.errors}},[_c('div',{staticClass:"c-dropdown-input",class:{'is-invalid': (_vm.errors && _vm.errors.length > 0)}},[_c('div',{staticClass:"select"},[_c('select',{class:{ 'w-full': _vm.fullwidth },attrs:{"disabled":_vm.disabled},domProps:{"value":_vm.value},on:{"input":function($event){return _vm.$emit('input', $event.target[$event.target.selectedIndex].value)}}},_vm._l((_vm.options),function(option,key){return _c('option',{key:key,domProps:{"value":option.value}},[_vm._v(_vm._s(option.label))])}),0)])])])};
+var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('field',{staticClass:"c-dropdown",attrs:{"id":_vm.id + '-label',"label":_vm.label,"instructions":_vm.instructions,"errors":_vm.errors}},[_c('div',{staticClass:"c-dropdown-input",class:{'is-invalid': (_vm.errors && _vm.errors.length > 0)}},[_c('div',{staticClass:"select"},[_c('select',{class:{ 'w-full': _vm.fullwidth },attrs:{"disabled":_vm.disabled},domProps:{"value":_vm.value},on:{"change":function($event){return _vm.$emit('input', $event.target.value)}}},_vm._l((_vm.options),function(option,key){return _c('option',{key:key,domProps:{"value":option.value}},[_vm._v(_vm._s(option.label))])}),0)])])])};
 var __vue_staticRenderFns__$3 = [];
 
   /* style */

diff --git a/dist/craftui.css b/dist/craftui.css
@@ -482,6 +482,12 @@ textarea::-webkit-input-placeholder {
   opacity: .5;
 }
 
+input::-moz-placeholder,
+textarea::-moz-placeholder {
+  color: inherit;
+  opacity: .5;
+}
+
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
   color: inherit;
@@ -857,14 +863,6 @@ button.c-btn .c-btn-content {
   display: inline-block;
 }
 
-body.ltr .c-checkbox input {
-  margin-right: .5rem;
-}
-
-body.rtl .c-checkbox input {
-  margin-left: .5rem;
-}
-
 .c-dropdown .c-dropdown-input select.w-full {
   width: 100%;
 }
@@ -1001,19 +999,14 @@ body.rtl .c-lightswitch .c-lightswitch-input label .slider:before {
   cursor: default;
 }
 
-body.ltr .c-radio input {
+body.ltr .c-checkbox input {
   margin-right: .5rem;
 }
 
-body.rtl .c-radio input {
+body.rtl .c-checkbox input {
   margin-left: .5rem;
 }
 
-.c-radio .instructions {
-  color: #8795a1;
-  font-size: .875rem;
-}
-
 .c-spinner {
   display: inline-block;
 }
@@ -1066,6 +1059,19 @@ body.rtl .c-radio input {
   }
 }
 
+body.ltr .c-radio input {
+  margin-right: .5rem;
+}
+
+body.rtl .c-radio input {
+  margin-left: .5rem;
+}
+
+.c-radio .instructions {
+  color: #8795a1;
+  font-size: .875rem;
+}
+
 .c-textbox .wrapper {
   position: relative;
 }

diff --git a/dist/craftui.es.js b/dist/craftui.es.js
@@ -483,7 +483,7 @@ var script$3 = {
 /* script */
 const __vue_script__$3 = script$3;
 /* template */
-var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('field',{staticClass:"c-dropdown",attrs:{"id":_vm.id + '-label',"label":_vm.label,"instructions":_vm.instructions,"errors":_vm.errors}},[_c('div',{staticClass:"c-dropdown-input",class:{'is-invalid': (_vm.errors && _vm.errors.length > 0)}},[_c('div',{staticClass:"select"},[_c('select',{class:{ 'w-full': _vm.fullwidth },attrs:{"disabled":_vm.disabled},domProps:{"value":_vm.value},on:{"input":function($event){return _vm.$emit('input', $event.target[$event.target.selectedIndex].value)}}},_vm._l((_vm.options),function(option,key){return _c('option',{key:key,domProps:{"value":option.value}},[_vm._v(_vm._s(option.label))])}),0)])])])};
+var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('field',{staticClass:"c-dropdown",attrs:{"id":_vm.id + '-label',"label":_vm.label,"instructions":_vm.instructions,"errors":_vm.errors}},[_c('div',{staticClass:"c-dropdown-input",class:{'is-invalid': (_vm.errors && _vm.errors.length > 0)}},[_c('div',{staticClass:"select"},[_c('select',{class:{ 'w-full': _vm.fullwidth },attrs:{"disabled":_vm.disabled},domProps:{"value":_vm.value},on:{"change":function($event){return _vm.$emit('input', $event.target.value)}}},_vm._l((_vm.options),function(option,key){return _c('option',{key:key,domProps:{"value":option.value}},[_vm._v(_vm._s(option.label))])}),0)])])])};
 var __vue_staticRenderFns__$3 = [];
 
   /* style */

diff --git a/dist/craftui.js b/dist/craftui.js
@@ -489,7 +489,7 @@
     /* script */
     const __vue_script__$3 = script$3;
     /* template */
-    var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('field',{staticClass:"c-dropdown",attrs:{"id":_vm.id + '-label',"label":_vm.label,"instructions":_vm.instructions,"errors":_vm.errors}},[_c('div',{staticClass:"c-dropdown-input",class:{'is-invalid': (_vm.errors && _vm.errors.length > 0)}},[_c('div',{staticClass:"select"},[_c('select',{class:{ 'w-full': _vm.fullwidth },attrs:{"disabled":_vm.disabled},domProps:{"value":_vm.value},on:{"input":function($event){return _vm.$emit('input', $event.target[$event.target.selectedIndex].value)}}},_vm._l((_vm.options),function(option,key){return _c('option',{key:key,domProps:{"value":option.value}},[_vm._v(_vm._s(option.label))])}),0)])])])};
+    var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('field',{staticClass:"c-dropdown",attrs:{"id":_vm.id + '-label',"label":_vm.label,"instructions":_vm.instructions,"errors":_vm.errors}},[_c('div',{staticClass:"c-dropdown-input",class:{'is-invalid': (_vm.errors && _vm.errors.length > 0)}},[_c('div',{staticClass:"select"},[_c('select',{class:{ 'w-full': _vm.fullwidth },attrs:{"disabled":_vm.disabled},domProps:{"value":_vm.value},on:{"change":function($event){return _vm.$emit('input', $event.target.value)}}},_vm._l((_vm.options),function(option,key){return _c('option',{key:key,domProps:{"value":option.value}},[_vm._v(_vm._s(option.label))])}),0)])])])};
     var __vue_staticRenderFns__$3 = [];
 
       /* style */

diff --git a/dist/craftui.min.css b/dist/craftui.min.css
diff --git a/dist/craftui.min.css.map b/dist/craftui.min.css.map
diff --git a/dist/craftui.min.js b/dist/craftui.min.js
diff --git a/dist/craftui.min.js.map b/dist/craftui.min.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pixelandtonic/craftui",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "main": "dist/craftui.js",
   "unpkg": "dist/craftui.min.js",
   "module": "dist/craftui.es.js",

diff --git a/src/components/Dropdown.vue b/src/components/Dropdown.vue
@@ -2,7 +2,7 @@
     <field :id="id + '-label'" :label="label" :instructions="instructions" :errors="errors" class="c-dropdown">
         <div class="c-dropdown-input" :class="{'is-invalid': (errors && errors.length > 0)}">
             <div class="select">
-                <select :disabled="disabled" :value="value" :class="{ 'w-full': fullwidth }" @input="$emit('input', $event.target[$event.target.selectedIndex].value)">
+                <select :disabled="disabled" :value="value" :class="{ 'w-full': fullwidth }" @change="$emit('input', $event.target.value)">
                     <option v-for="(option, key) in options" :value="option.value" :key="key">{{ option.label }}</option>
                 </select>
             </div>