@visitscotland/component-library 4.0.0 → 4.0.2
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/CHANGELOG.md +21 -2
- package/dist/client/manifest.json +184 -184
- package/dist/client/scripts/5e0d231a0650af51341c.js +1 -0
- package/dist/client/scripts/{3676b1a2ec8eaff5ad32.js → 74f9fa1adcbb7919c544.js} +1 -1
- package/dist/client/scripts/{f4aeb5a02211ad418d3f.js → 7ba34c2856d121c9efa1.js} +1 -1
- package/dist/client/scripts/{e01645194877fcfa2a34.js → ba8f41c29c056d44e5d6.js} +1 -1
- package/dist/client/styles/74f9fa1adcbb7919c544.css +1 -0
- package/dist/components/vs-component-library.css +1 -1
- package/dist/components/vs-component-library.js +127 -127
- package/dist/components/vs-component-library.mjs +4643 -4638
- package/dist/ssr/index.js +1 -1
- package/dist/ssr/manifest.json +1 -1
- package/dist/ssr/styles/{afed573b9d07d2943c61.css → 28c89a0bf48bf3774051.css} +1 -1
- package/package.json +1 -1
- package/dist/client/scripts/40b049d46e0f6880d098.js +0 -1
- package/dist/client/styles/3676b1a2ec8eaff5ad32.css +0 -1
- /package/dist/client/styles/{40b049d46e0f6880d098.css → 5e0d231a0650af51341c.css} +0 -0
- /package/dist/client/styles/{f4aeb5a02211ad418d3f.css → 7ba34c2856d121c9efa1.css} +0 -0
- /package/dist/client/styles/{e01645194877fcfa2a34.css → ba8f41c29c056d44e5d6.css} +0 -0
package/dist/ssr/manifest.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
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-default{color:#200f2e}.vs-icon.vs-icon--variant-primary{color:#1f49d6}.vs-icon.vs-icon--variant-inverse{color:#fff}.vs-icon.vs-icon--variant-disabled{color:#9f9ab8}.vs-icon.vs-icon--variant-tertiary{color:#a8308c}.vs-icon.vs-icon--variant-danger{color:#e71845}.vs-icon.vs-icon--variant-warning{color:#ffd400}.vs-icon.icon--down{transform:rotate(180deg)}.vs-icon.icon--left{transform:rotate(270deg)}.vs-icon.icon--right{transform:rotate(90deg)}
|
|
2
2
|
.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-secondary.disabled{background-color:#e9e9e9;border-color:#e9e9e9;color:#909090;opacity:1}.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:50rem}.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:#122b80}.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:#122b80}.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-transparent: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-transparent:not(.vs-main-map-category__button) .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-button.btn-transparent:not(.vs-main-map-category__button):hover{color:#1f49d6;background-color:#d6e5ff;border-color:#d6e5ff}.vs-button.btn-transparent:not(.vs-main-map-category__button):hover .vs-icon{color:#1f49d6}.vs-button.btn-transparent:not(.vs-main-map-category__button):active,.vs-button.btn-transparent:not(.vs-main-map-category__button):active:focus{color:#fff;background-color:#3369ff;border-color:#3369ff}.vs-button.btn-transparent:not(.vs-main-map-category__button):active .vs-icon,.vs-button.btn-transparent:not(.vs-main-map-category__button):active:focus .vs-icon{color:#fff}.vs-button.btn-transparent: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:rgba(255,255,255,.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%;line-height:1.2;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}.btn.vs-button.vs-accordion-toggle .vs-accordion-toggle__icon .vs-icon{color:#1f49d6}.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--display-] .vs-heading__sub-heading{font-family:var(--bs-font-sans-serif);font-weight:600}[class*=vs-heading--heading-]{letter-spacing:-0.01em}.vs-heading{line-height:1.2;font-weight:600}.vs-heading--display-l{font-size:2.875rem;margin:1rem 0 .75rem}.vs-heading--display-m{font-size:2.5625rem;margin:1rem 0 .75rem}.vs-heading--display-s{font-size:2rem;margin:1rem 0 .75rem}.vs-heading--display-xs{font-size:1.4375rem;margin:1rem 0 .75rem}.vs-heading--heading-xxl{font-size:2.5625rem;margin:1rem 0 .75rem}.vs-heading--heading-xl{font-size:2.25rem;margin:1rem 0 .75rem}.vs-heading--heading-l{font-size:2rem;margin:1rem 0 .75rem}.vs-heading--heading-m{font-size:1.8125rem;margin:.75rem 0 .5rem}.vs-heading--heading-s{font-size:1.625rem;margin:.75rem 0 .5rem}.vs-heading--heading-xs{font-size:1.4375rem;margin:.75rem 0 .5rem}.vs-heading--heading-xxs{font-size:1.25rem;margin:.75rem 0 .5rem}.vs-heading .vs-heading__sub-heading{display:block;font-weight:400;line-height:1.3;letter-spacing:0em}.vs-heading .vs-heading__sub-heading--l{font-size:1.4375rem;margin-top:.5rem}.vs-heading .vs-heading__sub-heading--m{font-size:1.25rem;margin-top:.25rem}.vs-heading .vs-heading__sub-heading--s{font-size:1.125rem;margin-top:.25rem}
|
|
5
5
|
.vs-accordion-item.card{border:0}.vs-accordion-item.card.vs-accordion-item__responsive{border-top:1px solid #dedbe6}.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;letter-spacing:normal;padding:.75rem;border:0;margin-bottom:1px;box-shadow:0px -1px 0px 0px #dedbe6}.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}
|
|
6
6
|
.vs-address{padding:.5rem 0;display:flex}.vs-address span{display:block}.vs-address__map-marker{display:inline-block;vertical-align:top}.vs-address__address-box{line-height:1.3;display:inline-block;vertical-align:top}
|
|
7
7
|
.vs-alert{display:flex;flex-flow:row}.vs-alert__icon-holder{background-color:#a8308c;display:inline-flex;justify-content:center;align-items:center;padding:1rem .75rem;min-height:2.5rem}@media(min-width: 992px){.vs-alert__icon-holder{min-height:3rem}}.vs-alert__content-wrapper{flex:1;display:flex;align-items:flex-start}.vs-alert__content{display:flex;align-items:center;padding:.75rem;background-color:#f0eff4;border:1px solid #a8308c;min-height:100%}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[8836],{5648:function(){},5468:function(t,n,i){"use strict";var e=i(34352),a=i(46422),s=i(98745);n.A={name:"VsButton",status:"prototype",release:"0.0.1",components:{BButton:e.PF,VsIcon:a.default},mixins:[s.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|transparent)/)}},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)/)}}},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)}}}},92812:function(t,n,i){"use strict";i.d(n,{X:function(){return o}});var e=i(20641),a=i(53751),s=i(90033);function o(t,n,i,o,r,l){var u=(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",l.buttonClasses],size:i.size},t.$attrs,{"aria-disabled":!!t.$attrs.disabled,"aria-label":i.iconOnly?i.icon:void 0,onClick:n[0]||(n[0]=function(t){return l.animateHandler(t)}),onKeyup:(0,a.withKeys)(l.tabbedIn,["tab"])}),{default:(0,e.k6)((function(){return[i.icon?((0,e.uX)(),(0,e.Wv)(u,{key:0,class:(0,s.normalizeClass)(["align-self-center",l.iconClasses]),name:i.icon,size:"xs",padding:0},null,8,["name","class"])):(0,e.Q3)("",!0),(0,e.Lk)("span",{class:(0,s.normalizeClass)(["vs-button__text",{"visually-hidden":i.iconOnly}])},[(0,e.RG)(t.$slots,"default")],2)]})),_:3},16,["variant","href","tabindex","class","size","aria-disabled","aria-label","onKeyup"])}},17106:function(t,n,i){"use strict";var e=i(85072),a=i.n(e),s=i(97825),o=i.n(s),r=i(77659),l=i.n(r),u=i(55056),c=i.n(u),d=i(10540),f=i.n(d),h=i(41113),v=i.n(h),m=i(5648),b=i.n(m),y={};y.styleTagTransform=v(),y.setAttributes=c(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=f(),a()(b(),y),b()&&b().locals&&b().locals},48836:function(t,n,i){"use strict";i.r(n);var e=i(92812),a=i(68176);i(87078);const s=(0,i(66262).A)(a.A,[["render",e.X]]);n.default=s},68176:function(t,n,i){"use strict";i.d(n,{A:function(){return e.A}});var e=i(5468)},87078:function(t,n,i){"use strict";i(17106)}}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-heading{line-height:1.2;letter-spacing:-0.01em}.vs-heading .vs-heading__sub-heading{display:block;font-weight:400;line-height:1.3;letter-spacing:0em}[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"}[class*=vs-heading--display-] .vs-heading__sub-heading{font-family:var(--bs-font-sans-serif);font-weight:600}.vs-heading{font-weight:600}.vs-heading--display-l{font-size:2.875rem;margin:1rem 0 .75rem}.vs-heading--display-m{font-size:2.5625rem;margin:1rem 0 .75rem}.vs-heading--display-s{font-size:2rem;margin:1rem 0 .75rem}.vs-heading--display-xs{font-size:1.4375rem;margin:1rem 0 .75rem}.vs-heading--heading-xxl{font-size:2.5625rem;margin:1rem 0 .75rem}.vs-heading--heading-xl{font-size:2.25rem;margin:1rem 0 .75rem}.vs-heading--heading-l{font-size:2rem;margin:1rem 0 .75rem}.vs-heading--heading-m{font-size:1.8125rem;margin:.75rem 0 .5rem}.vs-heading--heading-s{font-size:1.625rem;margin:.75rem 0 .5rem}.vs-heading--heading-xs{font-size:1.4375rem;margin:.75rem 0 .5rem}.vs-heading--heading-xxs{font-size:1.25rem;margin:.75rem 0 .5rem}.vs-heading .vs-heading__sub-heading--l{font-size:1.4375rem;margin-top:.5rem}.vs-heading .vs-heading__sub-heading--m{font-size:1.25rem;margin-top:.25rem}.vs-heading .vs-heading__sub-heading--s{font-size:1.125rem;margin-top:.25rem}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|