@visitscotland/component-library 5.12.1 → 5.12.3
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/client/manifest.json +140 -140
- package/dist/client/scripts/{4279b222fe14716ff16d.js → 59658d2a579def05efa0.js} +1 -1
- package/dist/client/scripts/6f97d59f13e103648e2b.js +1 -0
- package/dist/client/scripts/{7c6178baadd5f032386c.js → 7c528b179ac61796df85.js} +1 -1
- package/dist/client/styles/59658d2a579def05efa0.css +1 -0
- package/dist/client/styles/6f97d59f13e103648e2b.css +1 -0
- package/dist/client/styles/7c528b179ac61796df85.css +1 -0
- package/dist/client/styles/third-party/_cludo-search-results.css +1 -1
- package/dist/components/style.css +1 -1
- package/dist/ssr/index.js +1 -1
- package/dist/ssr/manifest.json +1 -1
- package/dist/ssr/styles/{baff38e5d23f70f3448a.css → b371949a9541f7b815bc.css} +3 -3
- package/package.json +1 -1
- package/dist/client/scripts/a7c23f1580765840a3a0.js +0 -1
- package/dist/client/styles/4279b222fe14716ff16d.css +0 -1
- package/dist/client/styles/7c6178baadd5f032386c.css +0 -1
- package/dist/client/styles/a7c23f1580765840a3a0.css +0 -1
package/dist/ssr/manifest.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.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}
|
|
2
|
-
.vs-button
|
|
2
|
+
.vs-button{transition:all .2s ease-in-out;text-decoration:none;position:relative;overflow:hidden;border-width:2px;line-height:1.5}.vs-button.btn{font-weight:600}.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}
|
|
3
3
|
.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}
|
|
4
4
|
[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}
|
|
5
5
|
.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}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
.vs-badge{margin-right:.5rem;padding:.25rem .5rem;display:inline-block;line-height:1}.vs-badge--default{border:1px solid #a3a3cc;border-radius:.25rem;color:#606060;font-size:.875rem}.vs-badge--subtle{background:rgba(0,0,0,0);color:#a8308c;font-size:1rem;font-weight:700}.vs-badge--information{background:#e5e5f0;font-size:.875rem;line-height:1.3}
|
|
16
16
|
.vs-banner{background:#e5e5f0;padding:.75rem 0}@media(min-width: 768px){.vs-banner__icon-wrapper{padding-right:0;flex:0 0 6%;max-width:6%}}@media(min-width: 992px){.vs-banner__icon-wrapper{display:inline-flex;align-items:center;flex:0 0 5%;max-width:5%}}@media(min-width: 1200px){.vs-banner__icon-wrapper{flex:0 0 4%;max-width:4%}}.vs-banner__content-wrapper{align-self:center}.vs-banner__icon{display:inline-block}@media(min-width: 576px){.vs-banner__icon{margin-right:.75rem}.vs-banner__icon.vs-icon.vs-icon--size-sm{font-size:24px}}.vs-banner__title.vs-heading{margin-bottom:.5rem}.vs-banner__title.vs-heading .vs-icon{vertical-align:bottom;margin-right:.25rem}.vs-banner__text.vs-body--normal{display:inline-block;padding-left:.25rem}@media(min-width: 576px){.vs-banner__text.vs-body--normal{padding-left:0}}.vs-banner__text.vs-body--normal p{display:inline}.vs-banner__text.vs-body--normal p:last-of-type{margin-bottom:.5rem}.vs-banner__text.vs-body--normal,.vs-banner__cta-link{font-size:.875rem}@media(min-width: 576px){.vs-banner__text.vs-body--normal,.vs-banner__cta-link{font-size:1rem}}.vs-banner__close-btn.vs-button.vs-button--icon-only.btn-md{float:right}
|
|
17
17
|
.vs-breadcrumb-item a:focus{outline:2px solid #3369ff}.vs-breadcrumb-item{color:#606060;font-size:1rem;white-space:nowrap;overflow:hidden;padding:3px}.vs-breadcrumb-item:last-child{color:#606060}.vs-breadcrumb-item a{color:#606060}.vs-breadcrumb-item a,.vs-breadcrumb-item span{text-overflow:ellipsis;overflow:hidden}@media(max-width: 991.98px){.vs-breadcrumb-item{font-size:.75rem}}@media(max-width: 767.98px){.vs-breadcrumb-item{display:none}.vs-breadcrumb-item:last-child,.vs-breadcrumb-item:nth-last-child(2){display:block;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-breadcrumb-item:nth-last-child(2){padding-left:0}.vs-breadcrumb-item:nth-last-child(2)::before{content:"";padding:0}}
|
|
18
|
-
.vs-button-toggle-group--radios label.btn-secondary{
|
|
18
|
+
.vs-button-toggle-group--radios label.btn-secondary{transition:all .2s ease-in-out;text-decoration:none;position:relative;overflow:hidden;border-width:2px;line-height:1.5}.vs-button-toggle-group--radios label.btn-secondary{font-weight:600}.vs-button-toggle-group{width:100%;display:flex;justify-content:center}.vs-button-toggle-group legend{border:0;clip:rect(0, 0, 0, 0);overflow:hidden;position:absolute;height:1px;margin:-1px;padding:0;width:1px}.vs-button-toggle-group--radios{background-color:#d6e5ff;display:flex;border-radius:1000rem;overflow:hidden}.vs-button-toggle-group--radios input[type=radio]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.vs-button-toggle-group--radios label.btn-secondary{color:#1f49d6;transition:none;padding-top:.5rem;margin-bottom:0rem;padding-bottom:.5rem;display:flex;align-items:center}.vs-button-toggle-group--radios label.btn-secondary .vs-icon{transition:none;color:#1f49d6}.vs-button-toggle-group--radios label.btn-secondary>span{display:flex;height:32px;align-items:center;padding:0 .5rem}.vs-button-toggle-group--radios label.btn-secondary.focus{box-shadow:none}.vs-button-toggle-group--radios label.btn-secondary:hover{background-color:#17359c;border-color:#17359c;color:#fff}.vs-button-toggle-group--radios label.btn-secondary:hover .vs-icon{color:#fff}.vs-button-toggle-group--tabbed-focus input:focus+label span{border:2px solid #3369ff}.vs-button-toggle-group--button{display:flex}.vs-button-toggle-group--button:first-child{border-top-left-radius:1000rem;border-bottom-left-radius:1000rem}.vs-button-toggle-group--button:first-child:not(:last-child){margin-right:-1rem}.vs-button-toggle-group--button:last-child{border-top-right-radius:1000rem;border-bottom-right-radius:1000rem}.vs-button-toggle-group--button .btn{padding:0 1.5rem}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label{z-index:2;border-radius:1000rem;cursor:default;color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:hover{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:hover .vs-icon{color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active,.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active:focus{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active .vs-icon,.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active:focus .vs-icon{color:#1f49d6}@media(min-width: 992px){.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:hover{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:hover .vs-icon{color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active,.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active:focus{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active .vs-icon,.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active:focus .vs-icon{color:#1f49d6}}
|
|
19
19
|
.vs-img.img-zoom-on-hover{transition:transform .3s ease-in-out}.vs-img.low-res-img{background-repeat:no-repeat;background-size:cover;display:block}.vs-img.low-res-img.generic-lqip{background-image:url("..//[object%20Module]")}
|
|
20
20
|
.vs-link.vs-link--variant-primary:focus,.vs-link.vs-link--variant-secondary:focus{outline:2px solid #3369ff}.vs-link.vs-link--variant-on-dark:focus{outline:2px solid #fffa99}.vs-link.vs-link--variant-primary:active,.vs-link.vs-link--variant-secondary:active{color:#112876}.vs-link.vs-link--variant-primary:visited,.vs-link.vs-link--variant-secondary:visited{color:#a8308c}.vs-link.vs-link--variant-primary{color:#1f49d6}.vs-link.vs-link--variant-secondary{color:#200f2e;text-decoration:none}.vs-link.vs-link--variant-secondary:hover{text-decoration:underline}.vs-link.vs-link--variant-on-dark{color:#fff}.vs-link.vs-link--variant-on-dark:visited{color:#d6e5ff}.vs-link .vs-link__icon{vertical-align:baseline}
|
|
21
21
|
.vs-product-card .stretched-link:focus{outline:2px solid #3369ff}.vs-product-card{text-align:left}.vs-product-card .card{transition:box-shadow .5s;border:none;position:relative;padding-bottom:1.25rem}.vs-product-card .card:hover .vs-product-card__title a{text-decoration:underline}.vs-product-card .card-body{padding:.25rem 0rem 0rem;min-height:11.5rem}.vs-product-card .card-body--short{min-height:10rem}.vs-product-card .stretched-link{color:#200f2e;text-decoration:none;display:block}.vs-product-card .vs-product-card__link:focus{border:2px solid #3369ff}.vs-product-card .vs-product-card__image-container{position:relative;height:0;padding-bottom:66.6%}.vs-product-card .vs-product-card__image-inner-container{position:absolute;top:0;left:0;width:100%;height:100%}.vs-product-card .vs-product-card__img{width:100%;height:100%;object-fit:cover;align-self:flex-start;flex-shrink:0}.vs-product-card .vs-product-card__title{display:flex;margin:.75rem 0rem .5rem;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:2}@media(min-width: 768px){.vs-product-card .vs-product-card__title{font-size:1.4375rem}}.vs-product-card .vs-product-card__description{font-size:1rem;height:2rem}.vs-product-card .vs-product-card__description p{margin-bottom:.25rem}.vs-product-card .vs-product-card__description .vs-product-card__description-inner{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:2}.vs-product-card--disabled .card{opacity:.5}.vs-product-card--disabled .card:hover .vs-product-card__title a{text-decoration:none}.vs-product-card--disabled .stretched-link{cursor:default}.no-js .vs-product-card--disabled .card{opacity:1}.no-js .vs-product-card--disabled .card .vs-product-card__title a{text-decoration:underline}.no-js .vs-product-card--disabled .stretched-link{cursor:pointer}
|
|
@@ -54,7 +54,7 @@ label,legend{font-weight:600;margin-bottom:0}legend{font-size:1.125rem}.error{fo
|
|
|
54
54
|
.vs-description-list__detail[data-v-1d422dde]{margin-bottom:0}.vs-description-list__detail--styled[data-v-1d422dde]{position:relative;flex:0 0 auto;width:66.66666667%;margin-left:33.33333333%}@media(max-width: 991.98px){.vs-description-list__detail--styled[data-v-1d422dde]{flex:0 0 auto;width:50%;margin-left:50%}}@media(max-width: 767.98px){.vs-description-list__detail--styled[data-v-1d422dde]{flex:0 0 auto;width:100%;margin-left:0}}.vs-description-list__term.vs-description-list__term--styled[data-v-1d422dde]{font-size:1.625rem;flex:0 0 auto;width:33.33333333%}@media(min-width: 768px){.vs-description-list__term.vs-description-list__term--styled[data-v-1d422dde]{font-size:1.8125rem}}@media(max-width: 991.98px){.vs-description-list__term.vs-description-list__term--styled[data-v-1d422dde]{flex:0 0 auto;width:50%}}@media(max-width: 767.98px){.vs-description-list__term.vs-description-list__term--styled[data-v-1d422dde]{border-bottom:1px solid #e9e9e9;margin-bottom:.5rem;flex:0 0 auto;width:100%}}.vs-description-list__term.list-inline-item[data-v-1d422dde]::after{content:": "}
|
|
55
55
|
.vs-description-list{margin:0;display:flex;flex-wrap:wrap;flex-grow:1}.vs-description-list .vs-description-list__term+.vs-description-list__detail{margin-left:0}
|
|
56
56
|
.vs-detail{line-height:1.3;letter-spacing:0;font-weight:400}.vs-detail--with-margins{margin-top:calc(1em/1.4);margin-bottom:calc(1em*0.25)}.vs-detail--small{font-size:.875rem}@media(min-width: 768px){.vs-detail--small{font-size:1rem}}.vs-detail--medium{font-size:1rem}@media(min-width: 768px){.vs-detail--medium{font-size:1.125rem}}.vs-detail--large{font-size:1.125rem}.vs-detail--primary{color:#200f2e}.vs-detail--secondary{color:#606060}.vs-detail--tertiary{color:#535396}
|
|
57
|
-
.vs-dropdown .dropdown-toggle{
|
|
57
|
+
.vs-dropdown .dropdown-toggle{transition:all .2s ease-in-out;text-decoration:none;position:relative;overflow:hidden;border-width:2px;line-height:1.5}.vs-dropdown .dropdown-toggle{font-weight:600}.vs-dropdown .dropdown-toggle:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #3369ff}.vs-dropdown .dropdown-toggle{padding:.5rem 1.5rem}.vs-dropdown .dropdown-toggle:hover{background-color:#17359c}.vs-dropdown .dropdown-toggle:active{background-color:#112876}.vs-dropdown .dropdown-toggle::after{display:inline-block;font-family:"Font Awesome 6 Pro";content:"";color:#fff;border:0;font-weight:400;vertical-align:bottom}.vs-dropdown .dropdown-toggle.btn-secondary{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-dropdown .dropdown-toggle.btn-secondary .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-dropdown .dropdown-toggle.btn-secondary:hover{color:#fff;background-color:#17359c;border-color:#17359c}.vs-dropdown .dropdown-toggle.btn-secondary:hover .vs-icon{color:#fff}.vs-dropdown .dropdown-toggle.btn-secondary:active,.vs-dropdown .dropdown-toggle.btn-secondary:active:focus{color:#fff;background-color:#112876;border-color:#112876}.vs-dropdown .dropdown-toggle.btn-secondary:active .vs-icon,.vs-dropdown .dropdown-toggle.btn-secondary:active:focus .vs-icon{color:#fff}.vs-dropdown .dropdown-toggle.btn-secondary::after{color:#1f49d6}.vs-dropdown .dropdown-toggle.btn-secondary:hover::after{color:#fff}.vs-dropdown .dropdown-menu li{border-bottom:1px solid #e9e9e9}.vs-dropdown .dropdown-menu li:last-of-type{border-bottom:0}.vs-dropdown .dropdown-menu li .dropdown-item:hover,.vs-dropdown .dropdown-menu li .dropdown-item.active,.vs-dropdown .dropdown-menu li .dropdown-item:active{color:#1f49d6;background-color:#d6e5ff;outline:0}.vs-dropdown .dropdown-menu li .dropdown-item:focus{outline:0;color:#1f49d6;box-shadow:0 0 0 2px #3369ff inset}.vs-dropdown .btn-content{display:inline-block}.vs-dropdown--fallback{display:none}
|
|
58
58
|
.vs-embed-wrapper__error-image{max-width:100%}.vs-embed-wrapper .vs-embed-wrapper__no-js,.vs-embed-wrapper .vs-embed-wrapper__no-cookies{display:none}.vs-embed-wrapper__error--no-js{display:none}.no-js .vs-embed-wrapper__container{display:none}.no-js .vs-embed-wrapper__intro{display:none}.no-js .vs-embed-wrapper__error{display:none}.no-js .vs-embed-wrapper__error--no-js{display:block}
|
|
59
59
|
.card.vs-event-card{border:none}.card.vs-event-card .card-body{padding:1rem;width:100%;border-bottom:1px solid #e9e9e9}.card.vs-event-card .vs-event-card__date{margin:auto 0rem;font-size:1.25rem;font-weight:600}.card.vs-event-card .vs-event-card__heading{margin:0rem}.card.vs-event-card .vs-event-card__header{margin:.5rem 0rem}.card.vs-event-card .vs-event-card__cta{margin-bottom:.5rem}@media(max-width: 767.98px){.card.vs-event-card .vs-event-card__cta{margin-top:1.5rem}}@media(min-width: 768px){.card.vs-event-card .vs-event-card__header{margin:0rem 0rem 0rem 0rem}.card.vs-event-card .vs-event-card__heading{margin:.5rem 0rem}.card.vs-event-card .vs-event-card__date{text-align:right}.card.vs-event-card .vs-event-card__cta{position:relative;right:0rem;bottom:3rem;float:right;margin-bottom:-3rem}}
|
|
60
60
|
.vs-filter-section{padding:.75rem 1.25rem}.vs-filter-section:not(:last-child){border-bottom:solid 1px #a3a3cc}.vs-filter-section--inline .vs-filter-section__section{display:flex;gap:1rem}.vs-filter-section--inline .vs-filter-section__section label{font-size:1rem}.vs-filter-section__details[open] .vs-filter-section__summary{margin-bottom:.75rem}.vs-filter-section__details[open] .vs-filter-section__summary .vs-icon{transform:scale(1, 1)}.vs-filter-section__summary{align-items:baseline;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;list-style:none}.vs-filter-section__summary::marker,.vs-filter-section__summary::-webkit-details-marker{display:none}.vs-filter-section__summary .vs-icon{transform:scale(-1, -1)}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[80],{10025:function(){},33292:function(t,e,n){"use strict";var o=n(34352),a=n(46422);e.A={name:"VsButtonToggleGroup",status:"prototype",release:"0.0.1",components:{BFormGroup:o.a3,BFormRadioGroup:o.jb,BFormRadio:o.Wj,VsIcon:a.default},props:{options:{type:Array,required:!0},initialSelected:{type:String,default:""},buttonsLabel:{type:String,required:!0}},emits:["toggleChanged"],data:function(){return{selected:this.initialSelected,groupTabbedInto:!1}},watch:{initialSelected:function(t){this.selected=t}},mounted:function(){""===this.initialSelected&&(this.selected=this.options[0].value)},methods:{toggleChange:function(t){var e=t.target.value;this.$emit("toggleChanged",e)},addTabClass:function(){this.groupTabbedInto=!0},removeTabClass:function(t){"INPUT"!==t.target.tagName&&(this.groupTabbedInto=!1)}}}},42959:function(t,e,n){"use strict";n(91507)},68117:function(t,e,n){"use strict";n.d(e,{X:function(){return u}});var o=n(20641),a=n(90033),s=n(53751);function u(t,e,n,u,r,i){var l=(0,o.g2)("VsIcon"),c=(0,o.g2)("BFormRadio"),d=(0,o.g2)("BFormRadioGroup"),b=(0,o.g2)("BFormGroup");return(0,o.uX)(),(0,o.Wv)(b,{label:n.buttonsLabel,class:"vs-button-toggle-group","data-test":"vs-button-toggle-group"},{default:(0,o.k6)((function(t){var u=t.ariaDescribedby;return[(0,o.bF)(d,{class:(0,a.normalizeClass)(["vs-button-toggle-group--radios",r.groupTabbedInto?"vs-button-toggle-group--tabbed-focus":""]),id:"btn-radios-1",modelValue:r.selected,"onUpdate:modelValue":e[2]||(e[2]=function(t){return r.selected=t}),"aria-describedby":u,name:"radios-btn-default",buttons:"",onChange:i.toggleChange,onFocusout:i.removeTabClass},{default:(0,o.k6)((function(){return[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(n.options,(function(t){return(0,o.uX)(),(0,o.CE)("div",{key:t.text,class:(0,a.normalizeClass)(["vs-button-toggle-group--button",r.selected===t.value?"active":""]),onKeyup:e[0]||(e[0]=(0,s.withKeys)((function(){return i.addTabClass&&i.addTabClass.apply(i,arguments)}),["tab"])),"onFocus`out":e[1]||(e[1]=function(){return i.removeTabClass&&i.removeTabClass.apply(i,arguments)})},[((0,o.uX)(),(0,o.Wv)(c,{value:t.value,key:t.text},{default:(0,o.k6)((function(){return[(0,o.Lk)("span",null,[t.icon?((0,o.uX)(),(0,o.Wv)(l,{key:0,icon:t.icon,class:"me-025"},null,8,["icon"])):(0,o.Q3)("",!0),(0,o.eW)(" "+(0,a.toDisplayString)(t.text),1)])]})),_:2},1032,["value"]))],34)})),128))]})),_:2},1032,["modelValue","aria-describedby","onChange","class","onFocusout"])]})),_:1},8,["label"])}},71808:function(t,e,n){"use strict";n.d(e,{A:function(){return o.A}});var o=n(33292)},90080:function(t,e,n){"use strict";n.r(e);var o=n(68117),a=n(71808);n(42959);const s=(0,n(66262).A)(a.A,[["render",o.X]]);e.default=s},91507:function(t,e,n){"use strict";var o=n(85072),a=n.n(o),s=n(97825),u=n.n(s),r=n(77659),i=n.n(r),l=n(55056),c=n.n(l),d=n(10540),b=n.n(d),g=n(41113),p=n.n(g),f=n(10025),v=n.n(f),m={};m.styleTagTransform=p(),m.setAttributes=c(),m.insert=i().bind(null,"head"),m.domAPI=u(),m.insertStyleElement=b(),a()(v(),m),v()&&v().locals&&v().locals}}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-dropdown .dropdown-toggle{font-weight:600;transition:all .2s ease-in-out;text-decoration:none;position:relative;overflow:hidden;border-width:2px;line-height:1.5}.vs-dropdown .dropdown-toggle:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #3369ff}.vs-dropdown .dropdown-toggle{padding:.5rem 1.5rem}.vs-dropdown .dropdown-toggle:hover{background-color:#17359c}.vs-dropdown .dropdown-toggle:active{background-color:#112876}.vs-dropdown .dropdown-toggle::after{display:inline-block;font-family:"Font Awesome 6 Pro";content:"";color:#fff;border:0;font-weight:400;vertical-align:bottom}.vs-dropdown .dropdown-toggle.btn-secondary{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-dropdown .dropdown-toggle.btn-secondary .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-dropdown .dropdown-toggle.btn-secondary:hover{color:#fff;background-color:#17359c;border-color:#17359c}.vs-dropdown .dropdown-toggle.btn-secondary:hover .vs-icon{color:#fff}.vs-dropdown .dropdown-toggle.btn-secondary:active,.vs-dropdown .dropdown-toggle.btn-secondary:active:focus{color:#fff;background-color:#112876;border-color:#112876}.vs-dropdown .dropdown-toggle.btn-secondary:active .vs-icon,.vs-dropdown .dropdown-toggle.btn-secondary:active:focus .vs-icon{color:#fff}.vs-dropdown .dropdown-toggle.btn-secondary::after{color:#1f49d6}.vs-dropdown .dropdown-toggle.btn-secondary:hover::after{color:#fff}.vs-dropdown .dropdown-menu li{border-bottom:1px solid #e9e9e9}.vs-dropdown .dropdown-menu li:last-of-type{border-bottom:0}.vs-dropdown .dropdown-menu li .dropdown-item:hover,.vs-dropdown .dropdown-menu li .dropdown-item.active,.vs-dropdown .dropdown-menu li .dropdown-item:active{color:#1f49d6;background-color:#d6e5ff;outline:0}.vs-dropdown .dropdown-menu li .dropdown-item:focus{outline:0;color:#1f49d6;box-shadow:0 0 0 2px #3369ff inset}.vs-dropdown .btn-content{display:inline-block}.vs-dropdown--fallback{display:none}
|
|
@@ -1 +0,0 @@
|
|
|
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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-button-toggle-group--radios label.btn-secondary{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-toggle-group{width:100%;display:flex;justify-content:center}.vs-button-toggle-group legend{border:0;clip:rect(0, 0, 0, 0);overflow:hidden;position:absolute;height:1px;margin:-1px;padding:0;width:1px}.vs-button-toggle-group--radios{background-color:#d6e5ff;display:flex;border-radius:1000rem;overflow:hidden}.vs-button-toggle-group--radios input[type=radio]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.vs-button-toggle-group--radios label.btn-secondary{color:#1f49d6;transition:none;padding-top:.5rem;margin-bottom:0rem;padding-bottom:.5rem;display:flex;align-items:center}.vs-button-toggle-group--radios label.btn-secondary .vs-icon{transition:none;color:#1f49d6}.vs-button-toggle-group--radios label.btn-secondary>span{display:flex;height:32px;align-items:center;padding:0 .5rem}.vs-button-toggle-group--radios label.btn-secondary.focus{box-shadow:none}.vs-button-toggle-group--radios label.btn-secondary:hover{background-color:#17359c;border-color:#17359c;color:#fff}.vs-button-toggle-group--radios label.btn-secondary:hover .vs-icon{color:#fff}.vs-button-toggle-group--tabbed-focus input:focus+label span{border:2px solid #3369ff}.vs-button-toggle-group--button{display:flex}.vs-button-toggle-group--button:first-child{border-top-left-radius:1000rem;border-bottom-left-radius:1000rem}.vs-button-toggle-group--button:first-child:not(:last-child){margin-right:-1rem}.vs-button-toggle-group--button:last-child{border-top-right-radius:1000rem;border-bottom-right-radius:1000rem}.vs-button-toggle-group--button .btn{padding:0 1.5rem}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label{z-index:2;border-radius:1000rem;cursor:default;color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:hover{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:hover .vs-icon{color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active,.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active:focus{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active .vs-icon,.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active:focus .vs-icon{color:#1f49d6}@media(min-width: 992px){.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:hover{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:hover .vs-icon{color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active,.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active:focus{color:#1f49d6;background-color:#fff;border-color:#1f49d6}.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active .vs-icon,.vs-button-toggle-group--button:not(:disabled):not(.disabled).active label:active:focus .vs-icon{color:#1f49d6}}
|