@tiddh/brave-vue 1.93.14 → 1.93.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/brave-vue.esm.js +2 -2
- package/dist/brave-vue.min.js +1 -1
- package/dist/brave-vue.ssr.js +18 -18
- package/dist/src/Navigation/Tabs.stories.js +2 -4
- package/dist/src/Navigation/TabsLine.vue +87 -17
- package/dist/src/Tabs.stories.js +2 -4
- package/dist/src/TabsLine.vue +87 -17
- package/dist/src/components/Navigation/Tabs.stories.js +2 -4
- package/dist/src/components/Navigation/TabsLine.vue +87 -17
- package/package.json +1 -1
package/dist/brave-vue.esm.js
CHANGED
|
@@ -1281,7 +1281,7 @@ size:{type:String,default:"md"}},data:function(){return{}},computed:{colorsVar:f
|
|
|
1281
1281
|
/**
|
|
1282
1282
|
* Evento disparado sempre que o valor for alterado.<br>
|
|
1283
1283
|
* Retorna um objeto com target (name do campo), key ativo e value ativo.
|
|
1284
|
-
*/this.$emit("change",a)}}},"data-v-8bfa5ef8",!1,void 0,!1,x,void 0,void 0),wt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"tabs-group",class:"width-"+t.width,style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),[a("div",{staticClass:"tabs",style:t.tabMobileSize?"width:"+t.tabMobileSize+"px":"width:100%;"},t._l(t.options,(function(e,i){return a("button",{key:i+1,staticClass:"tab",class:["size-"+t.size,e.key===t.selected?"is-selected":null],on:{click:function(a){return t.onChange(e.key,e.value)}}},[a("span",[t._v("\n\t\t\t\t"+t._s(e.value)+"\n\t\t\t")])])})),0)])},staticRenderFns:[]},(function(t){t&&t("data-v-
|
|
1284
|
+
*/this.$emit("change",a)}}},"data-v-8bfa5ef8",!1,void 0,!1,x,void 0,void 0),wt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"tabs-group",class:"width-"+t.width,style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),[a("div",{staticClass:"tabs",style:t.tabMobileSize?"width:"+t.tabMobileSize+"px":"width:100%;"},t._l(t.options,(function(e,i){return a("button",{key:i+1,staticClass:"tab",class:["size-"+t.size,e.key===t.selected?"is-selected":null],on:{click:function(a){return t.onChange(e.key,e.value)}}},[a("span",[t._v("\n\t\t\t\t"+t._s(e.value)+"\n\t\t\t")])])})),0)])},staticRenderFns:[]},(function(t){t&&t("data-v-1b31c188_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);[data-v-1b31c188]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-1b31c188]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-1b31c188]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-1b31c188]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-1b31c188]{font-size:14px}}@media (min-width:1024px){[data-v-1b31c188]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-1b31c188]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-1b31c188]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-1b31c188]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-1b31c188]{font-size:1.56vw}}html[data-v-1b31c188]{box-sizing:border-box}*[data-v-1b31c188],[data-v-1b31c188]::after,[data-v-1b31c188]::before{box-sizing:border-box}.tabs-group[data-v-1b31c188]{transition:all .3s;display:flex;flex-direction:column;width:100%;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}.tabs-group.width-liquid[data-v-1b31c188]{overflow-x:auto}.tabs-group.width-liquid[data-v-1b31c188]::-webkit-scrollbar{display:none}.tabs-group.width-liquid .tabs[data-v-1b31c188]{display:block}@media (max-width:479px){.tabs-group.width-liquid .tabs[data-v-1b31c188]{margin-left:6.6666666667vw;margin-right:6.6666666667vw}}@media (max-width:479px){.tabs-group.width-liquid .tabs .tab[data-v-1b31c188]{padding-right:6.6666666667vw}}.tabs-group.width-liquid .tabs .tab[data-v-1b31c188]:last-child{padding-right:0}.tabs-group.width-liquid .tabs .tab.is-selected[data-v-1b31c188],.tabs-group.width-liquid .tabs .tab[data-v-1b31c188]:active,.tabs-group.width-liquid .tabs .tab[data-v-1b31c188]:focus{outline:0;z-index:10;color:var(--color-active)}.tabs-group.width-liquid .tabs .tab.is-selected span[data-v-1b31c188],.tabs-group.width-liquid .tabs .tab:active span[data-v-1b31c188],.tabs-group.width-liquid .tabs .tab:focus span[data-v-1b31c188]{position:relative}.tabs-group.width-liquid .tabs .tab.is-selected span[data-v-1b31c188]:after,.tabs-group.width-liquid .tabs .tab:active span[data-v-1b31c188]:after,.tabs-group.width-liquid .tabs .tab:focus span[data-v-1b31c188]:after{display:none}.tabs-group.width-liquid .tabs .tab.is-selected[data-v-1b31c188]:after,.tabs-group.width-liquid .tabs .tab[data-v-1b31c188]:active:after,.tabs-group.width-liquid .tabs .tab[data-v-1b31c188]:focus:after{content:"";position:absolute;height:.1904761905rem;background-color:var(--color-active);width:100%;left:0;border-radius:.380952381rem .380952381rem 0 0;bottom:0}@media (max-width:479px){.tabs-group.width-liquid .tabs .tab.is-selected[data-v-1b31c188]:after,.tabs-group.width-liquid .tabs .tab[data-v-1b31c188]:active:after,.tabs-group.width-liquid .tabs .tab[data-v-1b31c188]:focus:after{height:.1904761905rem;border-radius:.7476635514rem .7476635514rem 0 0;bottom:0}}.tabs-group .tabs[data-v-1b31c188]{display:flex}.tabs-group .tabs .tab[data-v-1b31c188]{flex:1;background:#fff;border:none;font-family:Roboto,sans-serif;color:var(--text)}.tabs-group .tabs .tab.size-md[data-v-1b31c188]{height:3.0476190476rem;padding:1.1428571429rem 0;font-size:.7619047619rem;line-height:0}@media (max-width:479px){.tabs-group .tabs .tab.size-md[data-v-1b31c188]{padding:1.4953271028rem 0;height:5.9813084112rem}}@media (max-width:479px){.tabs-group .tabs .tab.size-md[data-v-1b31c188]{font-size:1.308411215rem}}.tabs-group .tabs .tab.size-sm[data-v-1b31c188]{height:2.1904761905rem;padding:.7619047619rem 0;font-size:.6666666667rem;line-height:0}@media (max-width:479px){.tabs-group .tabs .tab.size-sm[data-v-1b31c188]{padding:1.4953271028rem 0;height:4.2990654206rem}}@media (max-width:479px){.tabs-group .tabs .tab.size-sm[data-v-1b31c188]{font-size:1.308411215rem}}.tabs-group .tabs .tab[data-v-1b31c188]:not(:first-child){margin-left:-2px}.tabs-group .tabs .tab[data-v-1b31c188]:not(:last-child){border-right-color:transparent}.tabs-group .tabs .tab[data-v-1b31c188]:first-child{border-top-left-radius:.380952381rem;border-bottom-left-radius:.380952381rem}.tabs-group .tabs .tab[data-v-1b31c188]:last-child{border-top-right-radius:.380952381rem;border-bottom-right-radius:.380952381rem}.tabs-group .tabs .tab[data-v-1b31c188]:hover{outline:0;z-index:5;cursor:pointer;color:var(--color-active)}.tabs-group .tabs .tab.is-selected[data-v-1b31c188],.tabs-group .tabs .tab[data-v-1b31c188]:active,.tabs-group .tabs .tab[data-v-1b31c188]:focus{outline:0;z-index:10;position:relative;color:var(--color-active)}.tabs-group .tabs .tab.is-selected span[data-v-1b31c188],.tabs-group .tabs .tab:active span[data-v-1b31c188],.tabs-group .tabs .tab:focus span[data-v-1b31c188]{position:relative}.tabs-group .tabs .tab.is-selected[data-v-1b31c188]:after,.tabs-group .tabs .tab[data-v-1b31c188]:active:after,.tabs-group .tabs .tab[data-v-1b31c188]:focus:after{content:"";position:absolute;height:.1904761905rem;background-color:var(--color-active);width:100%;left:0;border-radius:.380952381rem .380952381rem 0 0;bottom:0}@media (max-width:479px){.tabs-group .tabs .tab.is-selected[data-v-1b31c188]:after,.tabs-group .tabs .tab[data-v-1b31c188]:active:after,.tabs-group .tabs .tab[data-v-1b31c188]:focus:after{height:.1904761905rem;border-radius:.7476635514rem .7476635514rem 0 0;bottom:0}}',map:void 0,media:void 0})}),{name:"TabsLine",props:{
|
|
1285
1285
|
/**
|
|
1286
1286
|
* Nome do campo, utilizado no callback do evento<br>
|
|
1287
1287
|
* Example: `Name`
|
|
@@ -1326,7 +1326,7 @@ for(var i=a.getElementsByClassName("tab"),o=0;o<i.length;o++){var r=i[o];e+=r.of
|
|
|
1326
1326
|
/**
|
|
1327
1327
|
* Evento disparado sempre que o valor for alterado.<br>
|
|
1328
1328
|
* Retorna um objeto com target (name do campo), key ativo e value ativo.
|
|
1329
|
-
*/this.$emit("change",a)}}},"data-v-
|
|
1329
|
+
*/this.$emit("change",a)}}},"data-v-1b31c188",!1,void 0,!1,x,void 0,void 0),xt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return t.visible?a("div",t._g(t._b({staticClass:"tooltip-group"},"div",t.$attrs,!1),t.$listeners),[a("div",{staticClass:"tooltip-arrow",class:t.arrowDirection}),t._v(" "),a("div",{staticClass:"tooltip-content"},[t.icon?a("div",{staticClass:"tooltip-icon"},[a("Icon",{attrs:{name:t.icon,size:"md"}})],1):t._e(),t._v(" "),a("div",{staticClass:"tooltip-text-content"},[a("div",{staticClass:"tooltip-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t._t("default")],2)])]):t._e()},staticRenderFns:[]},(function(t){t&&t("data-v-d55eea38_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);[data-v-d55eea38]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-d55eea38]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-d55eea38]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-d55eea38]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-d55eea38]{font-size:14px}}@media (min-width:1024px){[data-v-d55eea38]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-d55eea38]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-d55eea38]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-d55eea38]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-d55eea38]{font-size:1.56vw}}html[data-v-d55eea38]{box-sizing:border-box}*[data-v-d55eea38],[data-v-d55eea38]::after,[data-v-d55eea38]::before{box-sizing:border-box}.tooltip-group[data-v-d55eea38]{transition:all .3s;display:flex;flex-direction:row;position:relative;padding:.7619047619rem;border-radius:8px;background:#4965bc;max-width:15.4761904762rem}@media (max-width:479px){.tooltip-group[data-v-d55eea38]{padding:.7476635514rem;max-width:22.4299065421rem}}.tooltip-group .tooltip-arrow[data-v-d55eea38]{position:absolute;width:0;height:0;border:.7619047619rem solid #4965bc;border-top:.7619047619rem solid;border-right:.7619047619rem solid;color:#4965bc}.tooltip-group .tooltip-arrow.left[data-v-d55eea38]{left:-.380952381rem;top:0;bottom:0;margin:auto 0;transform:rotate(135deg)}.tooltip-group .tooltip-arrow.right[data-v-d55eea38]{right:-.380952381rem;top:0;bottom:0;margin:auto 0;transform:rotate(135deg)}.tooltip-group .tooltip-arrow.top-start[data-v-d55eea38]{top:-.380952381rem;left:1.1428571429rem;transform:rotate(135deg)}.tooltip-group .tooltip-arrow.top-center[data-v-d55eea38]{top:-.380952381rem;left:50%;transform:rotate(135deg) translate(50%,50%)}.tooltip-group .tooltip-arrow.top-end[data-v-d55eea38]{top:-.380952381rem;right:1.1428571429rem;transform:rotate(135deg)}.tooltip-group .tooltip-arrow.bottom-start[data-v-d55eea38]{bottom:-.380952381rem;left:1.1428571429rem;transform:rotate(135deg)}.tooltip-group .tooltip-arrow.bottom-center[data-v-d55eea38]{bottom:-.380952381rem;left:50%;transform:rotate(135deg) translate(50%,50%)}.tooltip-group .tooltip-arrow.bottom-end[data-v-d55eea38]{bottom:-.380952381rem;right:1.1428571429rem;transform:rotate(135deg)}.tooltip-group .tooltip-content[data-v-d55eea38]{display:flex;position:relative;z-index:20}.tooltip-group .tooltip-content .tooltip-icon[data-v-d55eea38]{align-items:center;justify-content:center;display:flex;margin-right:.7619047619rem}@media (max-width:479px){.tooltip-group .tooltip-content .tooltip-icon[data-v-d55eea38]{margin-right:.7476635514rem}}.tooltip-group .tooltip-content .tooltip-text-content[data-v-d55eea38]{display:flex;flex-direction:column}.tooltip-group .tooltip-content .tooltip-text-content .tooltip-title[data-v-d55eea38]{font-family:Nunito,sans-serif;color:#fff;font-weight:700;line-height:1.5;font-size:.6666666667rem;text-align:left}@media (max-width:479px){.tooltip-group .tooltip-content .tooltip-text-content .tooltip-title[data-v-d55eea38]{font-size:1.1214953271rem}}.tooltip-group .tooltip-content .tooltip-text-content .tooltip-text[data-v-d55eea38]{font-family:Nunito,sans-serif;color:#fff;line-height:1.5;font-size:.6666666667rem;text-align:left}@media (max-width:479px){.tooltip-group .tooltip-content .tooltip-text-content .tooltip-text[data-v-d55eea38]{font-size:1.1214953271rem}}',map:void 0,media:void 0})}),{name:"Tooltip",props:{
|
|
1330
1330
|
/**
|
|
1331
1331
|
* Se tooltip está visível<br>
|
|
1332
1332
|
* Value: `true` `false`
|