@visitscotland/component-library 5.3.6 → 5.3.7

package/dist/ssr/manifest.json

@@ -20,7 +20,7 @@
       "index.js"
     ],
     "styles": [
-      "styles/27a5bfc631b79193899e.css"
+      "styles/f11a79deccf632f84f81.css"
     ]
   }
 }

package/dist/ssr/styles/{27a5bfc631b79193899e.css → f11a79deccf632f84f81.css}

@@ -1,5 +1,5 @@
 .vs-icon{overflow:visible;pointer-events:none;line-height:1;transition:all .2s ease-in-out}.vs-icon.vs-icon--size-xxs{font-size:12px;padding:0}.vs-icon.vs-icon--size-xs{font-size:16px;padding:0}.vs-icon.vs-icon--size-sm{font-size:20px;padding:0}.vs-icon.vs-icon--size-md{font-size:24px;padding:0}.vs-icon.vs-icon--size-lg{font-size:30px;padding:0}.vs-icon.vs-icon--size-xl{font-size:40px;padding:0}@media(max-width: 767.98px){.vs-icon.vs-icon--sm-size-xxs{font-size:12px;padding:0}}@media(max-width: 767.98px){.vs-icon.vs-icon--sm-size-xs{font-size:16px;padding:0}}@media(max-width: 767.98px){.vs-icon.vs-icon--sm-size-sm{font-size:20px;padding:0}}@media(max-width: 767.98px){.vs-icon.vs-icon--sm-size-md{font-size:24px;padding:0}}@media(max-width: 767.98px){.vs-icon.vs-icon--sm-size-lg{font-size:30px;padding:0}}@media(max-width: 767.98px){.vs-icon.vs-icon--sm-size-xl{font-size:40px;padding:0}}.vs-icon.vs-icon--variant-primary{color:#200f2e}.vs-icon.vs-icon--variant-secondary{color:#606060}.vs-icon.vs-icon--variant-cta{color:#1f49d6}.vs-icon.vs-icon--variant-inverse{color:#fff}.vs-icon.vs-icon--variant-highlight{color:#a8308c}.vs-icon.vs-icon--variant-disabled{color:#909090}.vs-icon.vs-icon--variant-error{color:#940f2c}.vs-icon.vs-icon--variant-warning{color:#fdec53}.vs-icon.vs-icon--variant-success{color:#03aa46}
-.vs-button{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: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 .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}
+.vs-button{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}
 .btn.vs-button.vs-accordion-toggle{display:flex;width:100%;color:#200f2e}.btn.vs-button.vs-accordion-toggle .btn-content{width:100%}.btn.vs-button.vs-accordion-toggle .vs-button__text{display:flex;width:100%}.btn.vs-button.vs-accordion-toggle .vs-accordion-toggle__text{flex-grow:1}.btn.vs-button.vs-accordion-toggle .vs-accordion-toggle__icon{align-self:center}.no-js .btn.vs-accordion-toggle .vs-accordion-toggle__icon{display:none}
 [class*=vs-heading--display-]{font-family:"evelethclean-regular",sans-serif,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";letter-spacing:.02em}[class*=vs-heading--heading-]{letter-spacing:-0.01em}.vs-heading{line-height:1.2;font-weight:600}.vs-heading--display-m{font-size:2.5625rem;margin-top:calc(1em/1.4);margin-bottom:calc(1em*0.25)}.vs-heading--display-s{font-size:1.8125rem;margin-top:calc(1em/1.4);margin-bottom:calc(1em*0.25)}@media(min-width: 768px){.vs-heading--display-s{font-size:2.5625rem}}.vs-heading--heading-xl{font-size:2.25rem;margin-top:calc(1em/1.4);margin-bottom:calc(1em*0.25)}.vs-heading--heading-l{font-size:2rem;margin-top:calc(1em/1.4);margin-bottom:calc(1em*0.25)}@media(min-width: 768px){.vs-heading--heading-l{font-size:2.25rem}}.vs-heading--heading-m{font-size:1.8125rem;margin-top:calc(1em/1.4);margin-bottom:calc(1em*0.25)}@media(min-width: 768px){.vs-heading--heading-m{font-size:2rem}}.vs-heading--heading-s{font-size:1.625rem;margin-top:calc(1em/1.4);margin-bottom:calc(1em*0.25)}@media(min-width: 768px){.vs-heading--heading-s{font-size:1.8125rem}}.vs-heading--heading-xs{font-size:1.4375rem;margin-top:calc(1em/1.4);margin-bottom:calc(1em*0.25)}@media(min-width: 768px){.vs-heading--heading-xs{font-size:1.625rem}}.vs-heading--heading-xxs{font-size:1.25rem;margin-top:calc(1em/1.4);margin-bottom:calc(1em*0.25)}@media(min-width: 768px){.vs-heading--heading-xxs{font-size:1.4375rem}}.vs-heading--heading-xxxs{font-size:1rem;margin-top:calc(1em/1.4);margin-bottom:calc(1em*0.25)}@media(min-width: 768px){.vs-heading--heading-xxxs{font-size:1.25rem}}.vs-heading--no-margins{margin-top:0;margin-bottom:0}
 .vs-accordion-item.card{border:0}.vs-accordion-item.card.vs-accordion-item__responsive{border-top:1px solid #e9e9e9}.vs-accordion-item.card .vs-accordion-item__card-header{padding:0;border:0;background-color:rgba(0,0,0,0)}.vs-accordion-item.card .vs-accordion-toggle{text-align:left;font-weight:700;font-size:1.25rem;padding:.5rem .75rem;border:0;margin-bottom:1px;box-shadow:0px -1px 0px 0px #e9e9e9}.vs-accordion-item.card .vs-accordion-toggle:focus{box-shadow:0 0 0 2px #3369ff inset}.vs-accordion-item.card .vs-accordion-item__title{padding:.75rem;margin-bottom:0}.vs-accordion-item.card .vs-accordion-item__card-colour-badge{width:.75rem;height:.75rem;border-radius:.25rem;display:inline-block;margin-right:1rem}.vs-accordion-item.card .vs-accordion-item__panel.card-body{padding:0 0 .5rem}.no-js .vs-accordion-item .vs-accordion-item__panel{display:block !important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visitscotland/component-library",
-  "version": "5.3.6",
+  "version": "5.3.7",
   "description": "VisitScotland Component Library",
   "author": "VisitScotland",
   "homepage": "https://github.com/visitscotland/vs-component-library#readme",

package/dist/client/styles/411073411fd0f535b394.css

@@ -1 +0,0 @@
-.vs-button{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: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 .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}