asyncy-ui-components - npm Package Compare versions

Comparing version 0.3.0 to 0.4.0

dist/AButton.js

@@ -15,3 +15,3 @@ //
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._b({class:( _obj = { button: true }, _obj[_vm.color] = _vm.color, _obj )},'button',_vm.props,false),[_vm._t("default")],2)
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._b({class:( _obj = { button: true }, _obj[_vm.color] = _vm.color, _obj )},'button',_vm.$props,false),[_vm._t("default")],2)
 var _obj;};
@@ -23,3 +23,3 @@ var __vue_staticRenderFns__ = [];
   /* scoped */
-  const __vue_scope_id__ = "data-v-7ff882c2";
+  const __vue_scope_id__ = "data-v-74fcffb8";
   /* module identifier */
@@ -26,0 +26,0 @@ const __vue_module_identifier__ = undefined;

dist/AInput.js

@@ -13,3 +13,3 @@ //
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('input',_vm._b({class:( _obj = { input: true }, _obj[_vm.color] = _vm.color, _obj ),attrs:{"placeholder":_vm.placeholder,"aria-label":_vm.placeholder},domProps:{"value":_vm.value},on:{"input":function($event){_vm.$emit('input', $event.target.value);}}},'input',_vm.props,false))
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('input',{class:( _obj = { input: true }, _obj[_vm.color] = _vm.color, _obj ),attrs:{"placeholder":_vm.placeholder,"aria-label":_vm.placeholder},domProps:{"value":_vm.value},on:{"input":function($event){_vm.$emit('input', $event.target.value);}}})
 var _obj;};
@@ -21,3 +21,3 @@ var __vue_staticRenderFns__ = [];
   /* scoped */
-  const __vue_scope_id__ = "data-v-f18df968";
+  const __vue_scope_id__ = "data-v-d3270396";
   /* module identifier */
@@ -24,0 +24,0 @@ const __vue_module_identifier__ = undefined;

dist/AppHeader.js

@@ -183,7 +183,7 @@ //
           margin: '6px 0 0 0'
-        }),attrs:{"src":_vm.logo,"alt":"Asyncy"}})])],1),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),(_vm.showSearch)?_c('div',{staticClass:"column align-center is-hidden-mobile search-container is-narrow"},[_c('form',{staticClass:"header-form",on:{"submit":function($event){$event.preventDefault();return _vm.onSubmit($event)}}},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.search),expression:"search"}],staticClass:"header-search-bar",attrs:{"placeholder":_vm.placeholder},domProps:{"value":(_vm.search)},on:{"input":function($event){if($event.target.composing){ return; }_vm.search=$event.target.value;}}})])]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch align-center links-column"},[_c('nav',{staticClass:"nav"},[_c('ul',{staticClass:"links"},_vm._l((_vm.headerLinks),function(link,index){return _c('li',{key:index,staticClass:"web-header-link"},[(!link.items && !link.button)?_c('span',{staticClass:"link"},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to}},[_vm._v(_vm._s(link.text))])],1):_vm._e(),_vm._v(" "),(link.button)?_c('button',{staticClass:"header-button"},[_vm._v(_vm._s(link.text))]):_vm._e(),_vm._v(" "),(link.items)?_c('dropdown',{attrs:{"items":link.items}},[_c('span',{staticClass:"dropdown-header-text",attrs:{"link-component":_vm.linkComponent},domProps:{"innerHTML":_vm._s(link.text)}})]):_vm._e()],1)}))])]),_vm._v(" "),_c('div',{staticClass:"column is-hidden-desktop align-center hamburger-container"},[_c('div',{staticClass:"mobile-menu-icon-hamburger"},[_c('a',{staticClass:"icon",on:{"click":_vm.openMenu}},[_vm._v("☰")])])])]),_vm._v(" "),(_vm.mobileMenuOpen)?_c('div',{staticClass:"mobile-menu"},[_c('div',{staticClass:"mobile-menu-icon-close"},[_c('a',{staticClass:"icon",on:{"click":_vm.closeMenu}},[_vm._v("✕")])]),_vm._v(" "),_c('nav',[_c('ul',{staticClass:"mobile-links"},_vm._l((_vm.mobileHeaderLinks),function(link,index){return _c('div',{key:index},[(!link.items)?_c('li',{staticClass:"column",style:({
+        }),attrs:{"src":_vm.logo,"alt":"Asyncy"}})])],1),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),(_vm.showSearch)?_c('div',{staticClass:"column align-center is-hidden-mobile search-container is-narrow"},[_c('form',{staticClass:"header-form",on:{"submit":function($event){$event.preventDefault();return _vm.onSubmit($event)}}},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.search),expression:"search"}],staticClass:"header-search-bar",attrs:{"placeholder":_vm.placeholder},domProps:{"value":(_vm.search)},on:{"input":function($event){if($event.target.composing){ return; }_vm.search=$event.target.value;}}})])]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch align-center links-column"},[_c('nav',{staticClass:"nav"},[_c('ul',{staticClass:"links"},[_vm._l((_vm.headerLinks),function(link,index){return _c('li',{key:index,staticClass:"web-header-link"},[(!link.items && !link.button)?_c('span',{staticClass:"link"},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to},on:{"click":function($event){link.onClick || false;}}},[_vm._v(_vm._s(link.text))])],1):_vm._e(),_vm._v(" "),(link.items)?_c('dropdown',{attrs:{"items":link.items,"link-component":_vm.linkComponent}},[_c('span',{staticClass:"dropdown-header-text",domProps:{"innerHTML":_vm._s(link.text)},on:{"click":function($event){link.onClick || false;}}})]):_vm._e()],1)}),_vm._v(" "),(_vm.$slots.afterLinks)?_c('li',{staticClass:"web-header-link"},[_vm._t("afterLinks")],2):_vm._e()],2)])]),_vm._v(" "),_c('div',{staticClass:"column is-hidden-desktop align-center hamburger-container"},[_c('div',{staticClass:"mobile-menu-icon-hamburger"},[_c('a',{staticClass:"icon",on:{"click":_vm.openMenu}},[_vm._v("☰")])])])]),_vm._v(" "),(_vm.mobileMenuOpen)?_c('div',{staticClass:"mobile-menu"},[_c('div',{staticClass:"mobile-menu-icon-close"},[_c('a',{staticClass:"icon",on:{"click":_vm.closeMenu}},[_vm._v("✕")])]),_vm._v(" "),_c('nav',[_c('ul',{staticClass:"mobile-links"},_vm._l((_vm.mobileHeaderLinks),function(link,index){return _c('div',{key:index},[(!link.items)?_c('li',{staticClass:"column",style:({
             padding: '22px',
           })},[_c('span',{staticClass:"link",on:{"click":_vm.closeMenu}},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to}},[_vm._v(_vm._s(link.text))])],1)]):_vm._l((link.items),function(item,index){return _c('li',{key:index,staticClass:"column",style:({
             padding: '22px',
-          })},[_c('span',{staticClass:"link",on:{"click":_vm.closeMenu}},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":item.to}},[_vm._v(_vm._s(item.text))])],1)])})],2)}))])]):_vm._e()])};
+          })},[_c('span',{staticClass:"link",on:{"click":_vm.closeMenu}},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":item.to}},[_vm._v(_vm._s(item.text))])],1)])}),_vm._v(" "),_c('li',[_vm._t("after-links")],2)],2)}))])]):_vm._e()])};
 var __vue_staticRenderFns__$1 = [];
@@ -194,3 +194,3 @@
   /* scoped */
-  const __vue_scope_id__$1 = "data-v-3b2c8216";
+  const __vue_scope_id__$1 = "data-v-56452fee";
   /* module identifier */
@@ -197,0 +197,0 @@ const __vue_module_identifier__$1 = undefined;

package.json

 {
   "name": "asyncy-ui-components",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Shared components for Asyncy",
@@ -5,0 +5,0 @@ "main": "index.js",

stories/components.stories.js

@@ -10,2 +10,3 @@ import Vue from 'vue';
 import CookiesBanner from '../components/CookiesBanner.vue';
+import AButton from '../components/AButton.vue';
 import AppFooter from '../components/AppFooter.vue';
@@ -38,3 +39,3 @@ import AppHeader from '../components/AppHeader.vue';
   .add('Header with search bar and button', () => ({
-    components: { AppHeader },
+    components: { AppHeader, AButton },
     template: `<div><app-header link-component="a" :show-search="true" :links="[
@@ -45,4 +46,3 @@ { text: 'Explore', to: '/' },
       { text: 'Documentation', to: 'https://docs.asyncy.com'},
-      { text: 'Submit a service', to: '/', button: true },
-    ]"/></div>`
+    ]"><template slot="afterLinks"><a-button>Submit a Service</a-button></template></app-header></div>`
   }))
@@ -49,0 +49,0 @@

No alert changes

Improved metrics

Total package byte prevSize

11033326

No dependency changes