@visitscotland/component-library 5.12.0 → 5.12.1

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.
Files changed (9) hide show
  1. package/dist/client/manifest.json +122 -122
  2. package/dist/client/scripts/{86940ccf9309a79ad737.js → 7c6178baadd5f032386c.js} +1 -1
  3. package/dist/client/styles/7c6178baadd5f032386c.css +1 -0
  4. package/dist/components/style.css +1 -1
  5. package/dist/ssr/index.js +1 -1
  6. package/dist/ssr/manifest.json +1 -1
  7. package/dist/ssr/styles/{d16340f8b5c00b84b312.css → baff38e5d23f70f3448a.css} +1 -1
  8. package/package.json +1 -1
  9. package/dist/client/styles/86940ccf9309a79ad737.css +0 -1
package/dist/client/scripts/{86940ccf9309a79ad737.js → 7c6178baadd5f032386c.js} RENAMED
@@ -1 +1 @@
1
- (self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[8836],{5468:function(t,n,i){"use strict";var e=i(34352),s=i(46422),a=i(98745);n.A={name:"VsButton",status:"prototype",release:"0.0.1",components:{BButton:e.PF,VsIcon:s.default},mixins:[a.default],props:{href:{type:String,default:null},tabindex:{type:String,default:null},variant:{type:String,default:"primary",validator:function(t){return t.match(/(primary|secondary|subtle)/)}},size:{type:String,default:"md",validator:function(t){return t.match(/(sm|md|lg)/)}},animate:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},icon:{type:String,default:""},iconOnly:{type:Boolean,default:!1},iconPosition:{type:String,default:"left",validator:function(t){return t.match(/(left|right)/)}}},emits:["btnFocus"],data:function(){return{isAnimating:!1}},computed:{buttonClasses:function(){return[{"vs-button--animated":this.animate&&!this.iconOnly,"vs-button--is-animating":this.isAnimating,"vs-button--rounded":this.rounded,"vs-button--icon-only":this.iconOnly,"button-flex":this.icon&&!this.iconOnly,"vs-button--flex-reverse":"right"===this.iconPosition}]},iconClasses:function(){return[{"vs-icon--right":"right"===this.iconPosition,"vs-icon--left":"left"===this.iconPosition}]}},methods:{animateHandler:function(t){var n=this;this.isAnimating=!0,setTimeout((function(){n.isAnimating=!1}),1e3),null!==this.href&&(t.preventDefault(),this.trackLink(t))},tabbedIn:function(t){this.$emit("btnFocus",t)},trackLink:function(t){var n;n=this.href.includes("http")?"externalLinkDataEvent":"internalLinkDataEvent",this.createDataLayerObject(n,t,this.href),"#"!==this.href&&null!==this.href&&(window.location.href=this.href)}}}},18158:function(t,n,i){"use strict";i(31810)},22280:function(t,n,i){"use strict";i.d(n,{X:function(){return o}});var e=i(20641),s=i(53751),a=i(90033);function o(t,n,i,o,r,u){var l=(0,e.g2)("VsIcon"),c=(0,e.g2)("BButton");return(0,e.uX)(),(0,e.Wv)(c,(0,e.v6)({variant:i.variant,href:i.href||void 0,tabindex:i.tabindex||void 0,class:["vs-button justify-content-center",u.buttonClasses],size:i.size},t.$attrs,{"aria-disabled":!!t.$attrs.disabled,onClick:n[0]||(n[0]=function(t){return u.animateHandler(t)}),onKeyup:(0,s.withKeys)(u.tabbedIn,["tab"])}),{default:(0,e.k6)((function(){return[i.icon?((0,e.uX)(),(0,e.Wv)(l,{key:0,class:(0,a.normalizeClass)(["align-self-center",u.iconClasses]),icon:i.icon,size:"xs",padding:0},null,8,["icon","class"])):(0,e.Q3)("",!0),(0,e.Lk)("span",{class:(0,a.normalizeClass)(["vs-button__text",{"visually-hidden":i.iconOnly}])},[(0,e.RG)(t.$slots,"default")],2)]})),_:3},16,["variant","href","tabindex","class","size","aria-disabled","onKeyup"])}},31810:function(t,n,i){"use strict";var e=i(85072),s=i.n(e),a=i(97825),o=i.n(a),r=i(77659),u=i.n(r),l=i(55056),c=i.n(l),d=i(10540),f=i.n(d),h=i(41113),v=i.n(h),m=i(52228),b=i.n(m),y={};y.styleTagTransform=v(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=f(),s()(b(),y),b()&&b().locals&&b().locals},48836:function(t,n,i){"use strict";i.r(n);var e=i(22280),s=i(68176);i(18158);const a=(0,i(66262).A)(s.A,[["render",e.X]]);n.default=a},52228:function(){},68176:function(t,n,i){"use strict";i.d(n,{A:function(){return e.A}});var e=i(5468)}}]);
1
+ (self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[8836],{5468:function(t,n,i){"use strict";var e=i(34352),s=i(46422),a=i(98745);n.A={name:"VsButton",status:"prototype",release:"0.0.1",components:{BButton:e.PF,VsIcon:s.default},mixins:[a.default],props:{href:{type:String,default:null},tabindex:{type:String,default:null},variant:{type:String,default:"primary",validator:function(t){return t.match(/(primary|secondary|subtle)/)}},size:{type:String,default:"md",validator:function(t){return t.match(/(sm|md|lg)/)}},animate:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},icon:{type:String,default:""},iconOnly:{type:Boolean,default:!1},iconPosition:{type:String,default:"left",validator:function(t){return t.match(/(left|right)/)}}},emits:["btnFocus"],data:function(){return{isAnimating:!1}},computed:{buttonClasses:function(){return[{"vs-button--animated":this.animate&&!this.iconOnly,"vs-button--is-animating":this.isAnimating,"vs-button--rounded":this.rounded,"vs-button--icon-only":this.iconOnly,"button-flex":this.icon&&!this.iconOnly,"vs-button--flex-reverse":"right"===this.iconPosition}]},iconClasses:function(){return[{"vs-icon--right":"right"===this.iconPosition,"vs-icon--left":"left"===this.iconPosition}]}},methods:{animateHandler:function(t){var n=this;this.isAnimating=!0,setTimeout((function(){n.isAnimating=!1}),1e3),null!==this.href&&(t.preventDefault(),this.trackLink(t))},tabbedIn:function(t){this.$emit("btnFocus",t)},trackLink:function(t){var n;n=this.href.includes("http")?"externalLinkDataEvent":"internalLinkDataEvent",this.createDataLayerObject(n,t,this.href),"#"!==this.href&&null!==this.href&&(window.location.href=this.href)}}}},26256:function(){},48570:function(t,n,i){"use strict";var e=i(85072),s=i.n(e),a=i(97825),o=i.n(a),r=i(77659),u=i.n(r),l=i(55056),c=i.n(l),d=i(10540),f=i.n(d),h=i(41113),v=i.n(h),m=i(26256),b=i.n(m),y={};y.styleTagTransform=v(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=f(),s()(b(),y),b()&&b().locals&&b().locals},48836:function(t,n,i){"use strict";i.r(n);var e=i(98816),s=i(68176);i(55014);const a=(0,i(66262).A)(s.A,[["render",e.X]]);n.default=a},55014:function(t,n,i){"use strict";i(48570)},68176:function(t,n,i){"use strict";i.d(n,{A:function(){return e.A}});var e=i(5468)},98816:function(t,n,i){"use strict";i.d(n,{X:function(){return o}});var e=i(20641),s=i(53751),a=i(90033);function o(t,n,i,o,r,u){var l=(0,e.g2)("VsIcon"),c=(0,e.g2)("BButton");return(0,e.uX)(),(0,e.Wv)(c,(0,e.v6)({variant:i.variant,href:i.href||void 0,tabindex:i.tabindex||void 0,class:["vs-button justify-content-center",u.buttonClasses],size:i.size},t.$attrs,{"aria-disabled":!!t.$attrs.disabled,onClick:n[0]||(n[0]=function(t){return u.animateHandler(t)}),onKeyup:(0,s.withKeys)(u.tabbedIn,["tab"])}),{default:(0,e.k6)((function(){return[i.icon?((0,e.uX)(),(0,e.Wv)(l,{key:0,class:(0,a.normalizeClass)(["align-self-center",u.iconClasses]),icon:i.icon,size:"xs",padding:0},null,8,["icon","class"])):(0,e.Q3)("",!0),(0,e.Lk)("span",{class:(0,a.normalizeClass)(["vs-button__text",{"visually-hidden":i.iconOnly}])},[(0,e.RG)(t.$slots,"default")],2)]})),_:3},16,["variant","href","tabindex","class","size","aria-disabled","onKeyup"])}}}]);
package/dist/client/styles/7c6178baadd5f032386c.css ADDED
@@ -0,0 +1 @@
1
+ .vs-button.btn{font-weight:600;transition:all .2s ease-in-out;text-decoration:none;position:relative;overflow:hidden;border-width:2px;line-height:1.5}.vs-button.btn:focus-visible,.vs-button:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #3369ff}.vs-button.btn-primary.disabled,.vs-button.btn-primary:disabled,.vs-button.btn-secondary.disabled,.vs-button.btn-secondary:disabled,.vs-button.btn-subtle:not(.vs-main-map-category__button).disabled,.vs-button.btn-subtle:not(.vs-main-map-category__button):disabled{background-color:#e9e9e9;border-color:#e9e9e9;color:#909090}.vs-button.btn-primary.disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon),.vs-button.btn-primary:disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon),.vs-button.btn-secondary.disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon),.vs-button.btn-secondary:disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon),.vs-button.btn-subtle:not(.vs-main-map-category__button).disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon),.vs-button.btn-subtle:not(.vs-main-map-category__button):disabled .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#909090}.vs-button.btn:focus-visible{border-color:#1f49d6}.vs-button .vs-icon{margin-top:-0.05rem}.vs-button .vs-icon--right{margin-left:.25rem}.vs-button .vs-icon--left{margin-right:.25rem}.vs-button.vs-button--rounded{border-radius:1000rem}.vs-button.disabled,.vs-button:disabled{pointer-events:none}.vs-button:not(:disabled):not(.disabled):active:focus{box-shadow:none}.vs-button.btn-primary{color:#fff;background-color:#1f49d6;border-color:#1f49d6}.vs-button.btn-primary .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#fff}.vs-button.btn-primary:hover{color:#fff;background-color:#17359c;border-color:#17359c}.vs-button.btn-primary:hover .vs-icon{color:#fff}.vs-button.btn-primary:active,.vs-button.btn-primary:active:focus{color:#fff;background-color:#112876;border-color:#112876}.vs-button.btn-primary:active .vs-icon,.vs-button.btn-primary:active:focus .vs-icon{color:#fff}.vs-button.btn-secondary{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button.btn-secondary .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-button.btn-secondary:hover{color:#fff;background-color:#17359c;border-color:#17359c}.vs-button.btn-secondary:hover .vs-icon{color:#fff}.vs-button.btn-secondary:active,.vs-button.btn-secondary:active:focus{color:#fff;background-color:#112876;border-color:#112876}.vs-button.btn-secondary:active .vs-icon,.vs-button.btn-secondary:active:focus .vs-icon{color:#fff}.vs-button.btn-subtle:not(.vs-main-map-category__button){color:#1f49d6;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.vs-button.btn-subtle:not(.vs-main-map-category__button) .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-button.btn-subtle:not(.vs-main-map-category__button):hover{color:#1f49d6;background-color:#d6e5ff;border-color:#d6e5ff}.vs-button.btn-subtle:not(.vs-main-map-category__button):hover .vs-icon{color:#1f49d6}.vs-button.btn-subtle:not(.vs-main-map-category__button):active,.vs-button.btn-subtle:not(.vs-main-map-category__button):active:focus{color:#fff;background-color:#3369ff;border-color:#3369ff}.vs-button.btn-subtle:not(.vs-main-map-category__button):active .vs-icon,.vs-button.btn-subtle:not(.vs-main-map-category__button):active:focus .vs-icon{color:#fff}.vs-button.btn-subtle:focus{box-shadow:0 0 0 2px #3369ff}.vs-button.vs-button--icon-only{line-height:1}.vs-button.vs-button--icon-only.btn-sm{padding:.25rem .25rem;width:32px;height:32px}.vs-button.vs-button--icon-only.btn-md{padding:.5rem .25rem;width:44px;height:44px}.vs-button.vs-button--icon-only.btn-lg{padding:.5rem .25rem;width:52px;height:52px}.vs-button.vs-button--icon-only .vs-icon{margin:0}.vs-button.btn-sm{padding:.125rem 1.25rem}.vs-button.btn-md{padding:.5rem 1.5rem}.vs-button.btn-lg{padding:.75rem 1.75rem;font-size:unset}.vs-button.vs-button--flex-reverse{display:flex;flex-direction:row-reverse !important}@keyframes bubble{0%{transform:scale(0, 0);opacity:1}100%{opacity:0;transform:scale(100, 100)}}.vs-button.vs-button--animated::after{background:hsla(0,0%,100%,.1);border-radius:50%;bottom:0;content:"";height:5px;opacity:0;position:absolute;right:0;transform-origin:50% 50%;transform:scale(1, 1) translate(-50%);width:5px}.vs-button.vs-button--animated.vs-button--is-animating::after{animation:bubble 500ms ease-in-out}.vs-button.button-flex,.vs-button.button-flex{display:flex}