@visitscotland/component-library 5.39.2 → 5.40.0

package/dist/ssr/manifest.json

@@ -20,7 +20,7 @@
       "index.js"
     ],
     "styles": [
-      "styles/d103ad95c166fc9c2c7c.css"
+      "styles/e492ad257861eccd6396.css"
     ]
   }
 }

package/dist/ssr/styles/{d103ad95c166fc9c2c7c.css → e492ad257861eccd6396.css}

@@ -127,7 +127,7 @@ label,legend{font-weight:600;margin-bottom:0}legend{font-size:1.125rem}.error{fo
 .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:": "}
 .vs-carousel__navigation-item:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #3369ff}.vs-carousel{overflow:hidden}.vs-carousel__track{flex-wrap:nowrap;transition:transform .5s ease-out;margin-bottom:3rem}.vs-carousel__control{position:absolute !important;top:25%;z-index:20}.vs-carousel__control--next{right:0}.vs-carousel__control--prev{left:0}.vs-carousel__navigation{display:none;justify-content:center;list-style:none}@media(min-width: 576px){.vs-carousel__navigation{display:flex}}.vs-carousel__navigation li{display:flex;margin-left:.25rem;margin-right:.25rem}.vs-carousel__navigation-item{display:inline-block;width:10px;height:10px;border-radius:1000rem;background:#a3a3cc;transform:translateY(2px);margin:0 2px;border:none;box-shadow:none;cursor:pointer;padding:0}.vs-carousel__navigation-item:hover{background:#17359c}.vs-carousel__navigation-item:focus{outline:none}.vs-carousel__navigation-item--active{width:14px;height:14px;border-radius:1000rem;background:#1f49d6;transform:none;cursor:default}.vs-carousel__navigation-item--active:hover{background:#1f49d6}@media(hover: none){.vs-carousel__navigation-item:hover{background:#17359c}.vs-carousel__navigation-item--active:hover{background:#1f49d6}}.vs-carousel__mobile-pagination-wrapper{display:flex;justify-content:center;margin-top:2rem}@media(min-width: 576px){.vs-carousel__mobile-pagination-wrapper{display:none}}.vs-carousel__mobile-pagination{background:#f2f2f8;color:#200f2e;padding:.25rem .5rem;font-size:.75rem;font-weight:700;margin:0}.no-js .vs-carousel__control{display:none}.no-js .vs-carousel__navigation,.no-js .vs-carousel__mobile-pagination-wrapper{display:none}.no-js .vs-carousel__track{flex-wrap:wrap}.no-js .vs-carousel__track>[class^=col-]{width:100%;max-width:100%;flex:0 0 100%;margin-bottom:2rem}@media(min-width: 768px){.no-js .vs-carousel__track>[class^=col-]{width:50%;max-width:50%;flex:0 0 50%}}
 .vs-carousel-slide{max-width:100%;flex-shrink:0;display:flex}.vs-carousel-slide .vs-carousel-slide__card{flex-shrink:0;opacity:.5;transition:.5s;padding:.5rem;max-width:100%}.vs-carousel-slide .vs-carousel-slide__card--active{opacity:1}.vs-carousel-slide .vs-carousel-slide__card--disabled *{pointer-events:none}.vs-carousel-slide .card-title{margin-bottom:0rem}.vs-carousel-slide .card-body{text-align:left}.no-js .vs-carousel-slide{margin-bottom:.5rem}.no-js .vs-carousel-slide::after{content:"";position:absolute;left:.75rem;bottom:.25rem;height:1px;width:calc(100% - 24px);background:#e9e9e9}@media(min-width: 576px){.no-js .vs-carousel-slide::after{width:calc(100% - 40px);left:1.25rem}}.no-js .vs-carousel-slide .vs-stretched-link-card{opacity:1;display:flex;flex-direction:row;padding:.5rem;border:none;height:100%;cursor:pointer}.no-js .vs-carousel-slide .vs-stretched-link-card:hover .vs-stretched-link-card__title{text-decoration:underline}.no-js .vs-carousel-slide .vs-stretched-link-card .stretched-link{text-decoration:none}.no-js .vs-carousel-slide .vs-stretched-link-card .card-body{background:none;padding:0;align-self:flex-start;width:66%;text-align:left}.no-js .vs-carousel-slide .vs-stretched-link-card__img-container{width:33%;align-self:flex-start;margin-right:1rem}.no-js .vs-carousel-slide .vs-stretched-link-card__title{font-size:.75rem;color:#200f2e;text-decoration:none}.no-js .vs-carousel-slide .vs-stretched-link-card__category{margin-bottom:.5rem}.no-js .vs-carousel-slide .vs-stretched-link-card .card-title{display:flex;margin-bottom:0}.no-js .vs-carousel-slide .vs-stretched-link-card__content{display:none}.no-js .vs-carousel-slide .vs-stretched-link-card__content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.no-js .vs-carousel-slide .vs-stretched-link-card .vs-stretched-link-panels{right:auto;left:calc(33% - 4px);top:1rem;transform:translateX(-100%)}.no-js .vs-carousel-slide .vs-stretched-link-card .vs-stretched-link-panels__panel{display:none;width:36px;height:36px}.no-js .vs-carousel-slide .vs-stretched-link-card .vs-stretched-link-panels__panel--days{display:flex}.no-js .vs-carousel-slide .vs-stretched-link-card .vs-stretched-link-panels__days{font-size:1rem;margin-bottom:0}@media(min-width: 576px){.no-js .vs-stretched-link-card__content{display:block}}@media(min-width: 992px){.no-js .vs-carousel-slide .vs-stretched-link-card__title{font-size:.875rem}.no-js .vs-carousel-slide .vs-stretched-link-card__content{margin:.5rem 0 0}}
-.vs-card-group.is-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width: 768px){.vs-card-group.is-grid{gap:1.75rem}}@media(min-width: 992px){.vs-card-group.is-grid{grid-template-columns:repeat(var(--cards-in-row), 1fr)}}@media(max-width: 1199.98px){.vs-card-group.is-grid.is-scroll-snap-responsive{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.vs-card-group.is-grid.is-scroll-snap-responsive::-webkit-scrollbar{height:4px}.vs-card-group.is-grid.is-scroll-snap-responsive::-webkit-scrollbar-track{background:#f2f2f8;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-responsive::-webkit-scrollbar-thumb{background:#1f49d6;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 266px;scroll-snap-align:start;margin-bottom:1.5rem}}@media(max-width: 1199.98px)and (min-width: 576px){.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 235px}}@media(max-width: 1199.98px)and (min-width: 768px){.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 312px}}@media(max-width: 1199.98px)and (min-width: 992px){.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 330px}}.vs-card-group.is-grid.is-scroll-snap-always{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.vs-card-group.is-grid.is-scroll-snap-always::-webkit-scrollbar{height:4px}.vs-card-group.is-grid.is-scroll-snap-always::-webkit-scrollbar-track{background:#f2f2f8;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-always::-webkit-scrollbar-thumb{background:#1f49d6;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 266px;scroll-snap-align:start;margin-bottom:1.5rem}@media(min-width: 576px){.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 235px}}@media(min-width: 768px){.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 312px}}@media(min-width: 992px){.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 330px}}
+.vs-card-group.is-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width: 576px){.vs-card-group.is-grid{gap:1.75rem}}@media(min-width: 768px){.vs-card-group.is-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.vs-card-group.is-grid{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1200px){.vs-card-group.is-grid{grid-template-columns:repeat(var(--cards-in-row), 1fr)}}@media(max-width: 1199.98px){.vs-card-group.is-grid.is-scroll-snap-responsive{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.vs-card-group.is-grid.is-scroll-snap-responsive::-webkit-scrollbar{height:4px}.vs-card-group.is-grid.is-scroll-snap-responsive::-webkit-scrollbar-track{background:#f2f2f8;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-responsive::-webkit-scrollbar-thumb{background:#1f49d6;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 266px;scroll-snap-align:start;margin-bottom:1.5rem}}@media(max-width: 1199.98px)and (min-width: 576px){.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 235px}}@media(max-width: 1199.98px)and (min-width: 768px){.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 312px}}@media(max-width: 1199.98px)and (min-width: 992px){.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 330px}}.vs-card-group.is-grid.is-scroll-snap-always{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.vs-card-group.is-grid.is-scroll-snap-always::-webkit-scrollbar{height:4px}.vs-card-group.is-grid.is-scroll-snap-always::-webkit-scrollbar-track{background:#f2f2f8;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-always::-webkit-scrollbar-thumb{background:#1f49d6;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 266px;scroll-snap-align:start;margin-bottom:1.5rem}@media(min-width: 576px){.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 235px}}@media(min-width: 768px){.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 312px}}@media(min-width: 992px){.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 330px}}
 .vs-card{position:relative;display:flex;flex-direction:column;border-radius:.25rem}.vs-card:hover{cursor:pointer}.vs-card:hover .img-zoom-on-hover{transform:scale(1.05)}.vs-card__header{overflow:hidden;border-radius:.25rem}.vs-card__body{display:flex;flex-direction:column;flex-grow:1}.vs-card--elevated{box-shadow:0px 1px 2px 0px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.vs-card--outlined{border:1px solid #e9e9e9;transition:all .2s}.vs-card--outlined:hover{border-color:#200f2e}.vs-card--filled{background-color:#fff}.vs-card--accent-bar{border-left:8px solid #e9e9e9}.vs-card--horizontal{flex-direction:row}.vs-card--horizontal .vs-card__header{flex:1 1 35%}.vs-card--horizontal .vs-card__body{flex:1 1 75%}@media(min-width: 576px){.vs-card--horizontal .vs-card__header{flex-basis:40%}.vs-card--horizontal .vs-card__body{flex-basis:60%}}.vs-card--overlay{height:330px;color:#fff;overflow:hidden}@media(min-width: 768px){.vs-card--overlay{height:460px}}.vs-card--overlay .vs-card__image{position:absolute;inset:0;z-index:-1}.vs-card--overlay .vs-card__image img{width:100%;height:330px}@media(min-width: 768px){.vs-card--overlay .vs-card__image img{height:460px}}.vs-card--overlay .vs-card__image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 30.29%, rgba(0, 0, 0, 0.5) 75%);z-index:0;border-radius:.25rem}
 .vs-carbon-calculator-tip{padding:1rem;background:#e5e5f0}.vs-carbon-calculator-tip .vs-heading{margin-top:0rem}.vs-carbon-calculator-tip__content{margin-bottom:0rem}.vs-carbon-calculator-tip__icon-container{display:inline-flex;vertical-align:top;width:3rem}.vs-carbon-calculator-tip__content{display:inline-block;width:calc(100% - 4rem);vertical-align:top}
 .vs-carbon-calculator-results__summary{margin-bottom:2rem}.vs-carbon-calculator-results__total{font-size:2.5rem;font-weight:600;margin-right:.5rem}.vs-carbon-calculator-results__comp-img{display:flex;justify-content:center}.vs-carbon-calculator-results__comp-img .vs-img{height:8rem}.vs-carbon-calculator-results__chart-wrapper{display:flex;justify-content:center;margin-top:1.5rem}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper{margin-top:1.75rem}}.vs-carbon-calculator-results__chart-wrapper>div{width:100%}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper>div{width:75%}}@media(min-width: 992px){.vs-carbon-calculator-results__chart-wrapper>div{width:50%}}.vs-carbon-calculator-results__chart-wrapper .chart::before{content:var(--chart-label);position:absolute;top:50%;text-align:center;left:-3rem;transform:translateY(-50%) rotate(-90deg)}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper .chart::before{max-width:7rem;left:-6rem;transform:translateY(-100%)}}.vs-carbon-calculator-results__chart-wrapper .chart text{font-size:.75rem}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper .chart text{font-size:1rem}}.vs-carbon-calculator-results__chart{margin-bottom:1.5rem}@media(min-width: 768px){.vs-carbon-calculator-results__chart{margin-bottom:4rem}}.vs-carbon-calculator-results__unicorn{box-shadow:0px 1px 2px 0px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15);padding:1rem;background-color:#fffa99;margin-bottom:2rem}.vs-carbon-calculator-results__unicorn .vs-heading{margin-top:0}.vs-carbon-calculator-results__unicorn .vs-carbon-calculator-results__unicorn-content{margin-bottom:0rem}.vs-carbon-calculator-results__unicorn .vs-carbon-calculator-results__unicorn-content p:last-of-type{margin-bottom:0}.vs-carbon-calculator-results__unicorn .vs-carbon-calculator-results__unicorn-icon-container{display:inline-flex;vertical-align:top;width:3rem}.vs-carbon-calculator-results__unicorn .vs-carbon-calculator-results__unicorn-content{display:inline-block;width:calc(100% - 4rem);vertical-align:top}

package/package.json

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

package/dist/client/scripts/061040693667b92c1ad7.js

@@ -1 +0,0 @@
-(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[815],{3497:function(t,n){"use strict";n.A={name:"VsCardGroup",status:"prototype",release:"0.1.0",props:{variant:{type:String,default:"grid",validator:function(t){return t.match(/(grid)/)}},cardsPerRow:{type:Number,default:3,validator:function(t){return[3,4].includes(t)}},scrollSnap:{type:[Boolean,String],default:!1,validator:function(t){return[!1,!0,"always"].includes(t)}}},computed:{cardGroupClasses:function(){return["vs-card-group",{"is-scroll-snap-responsive":!0===this.scrollSnap,"is-scroll-snap-always":"always"===this.scrollSnap,"is-grid":"grid"===this.variant}]}}}},20541:function(t,n,r){"use strict";r.d(n,{A:function(){return s.A}});var s=r(3497)},33849:function(t,n,r){"use strict";r(59837)},50815:function(t,n,r){"use strict";r.r(n);var s=r(74031),a=r(20541);r(33849);const e=(0,r(66262).A)(a.A,[["render",s.X]]);n.default=e},59837:function(t,n,r){"use strict";var s=r(85072),a=r.n(s),e=r(97825),i=r.n(e),o=r(77659),l=r.n(o),u=r(55056),c=r.n(u),d=r(10540),p=r.n(d),f=r(41113),v=r.n(f),y=r(75023),m=r.n(y),g={};g.styleTagTransform=v(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=p(),a()(m(),g),m()&&m().locals&&m().locals},74031:function(t,n,r){"use strict";r.d(n,{X:function(){return e}});var s=r(20641),a=r(90033);function e(t,n,r,e,i,o){return(0,s.uX)(),(0,s.CE)("div",{class:(0,a.normalizeClass)(o.cardGroupClasses),style:(0,a.normalizeStyle)({"--cards-in-row":r.cardsPerRow}),"data-test":"vs-card-group"},[(0,s.RG)(t.$slots,"default")],6)}},75023:function(){}}]);

package/dist/client/styles/061040693667b92c1ad7.css

@@ -1 +0,0 @@
-.vs-card-group.is-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width: 768px){.vs-card-group.is-grid{gap:1.75rem}}@media(min-width: 992px){.vs-card-group.is-grid{grid-template-columns:repeat(var(--cards-in-row), 1fr)}}@media(max-width: 1199.98px){.vs-card-group.is-grid.is-scroll-snap-responsive{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.vs-card-group.is-grid.is-scroll-snap-responsive::-webkit-scrollbar{height:4px}.vs-card-group.is-grid.is-scroll-snap-responsive::-webkit-scrollbar-track{background:#f2f2f8;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-responsive::-webkit-scrollbar-thumb{background:#1f49d6;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 266px;scroll-snap-align:start;margin-bottom:1.5rem}}@media(max-width: 1199.98px)and (min-width: 576px){.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 235px}}@media(max-width: 1199.98px)and (min-width: 768px){.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 312px}}@media(max-width: 1199.98px)and (min-width: 992px){.vs-card-group.is-grid.is-scroll-snap-responsive .vs-card{flex:0 0 330px}}.vs-card-group.is-grid.is-scroll-snap-always{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.vs-card-group.is-grid.is-scroll-snap-always::-webkit-scrollbar{height:4px}.vs-card-group.is-grid.is-scroll-snap-always::-webkit-scrollbar-track{background:#f2f2f8;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-always::-webkit-scrollbar-thumb{background:#1f49d6;border-radius:.25rem}.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 266px;scroll-snap-align:start;margin-bottom:1.5rem}@media(min-width: 576px){.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 235px}}@media(min-width: 768px){.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 312px}}@media(min-width: 992px){.vs-card-group.is-grid.is-scroll-snap-always .vs-card{flex:0 0 330px}}