@visitscotland/component-library 4.3.13 → 4.4.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.
@@ -20,7 +20,7 @@
20
20
  "index.js"
21
21
  ],
22
22
  "styles": [
23
- "styles/39ca07ce0b4d4bf0e213.css"
23
+ "styles/e18788fb559d430a3870.css"
24
24
  ]
25
25
  }
26
26
  }
@@ -138,7 +138,7 @@ button.vs-guest-selector__trigger{text-align:left}button.vs-guest-selector__trig
138
138
  .social-credit{line-height:1}.social-credit .social-credit__link{color:#fff;font-weight:300;font-size:.875rem}.social-credit .social-credit__link .vs-icon{vertical-align:middle}
139
139
  .vs-social-share-item__link.vs-link.vs-link--variant-primary:focus,.vs-social-share-item__link.vs-link.vs-link--variant-primary:focus-visible{outline:2px solid #3369ff}.vs-social-share-item__link.vs-link.vs-link--variant-primary{border:1px solid #e9e9e9;display:block;margin-bottom:.5rem;padding:1rem .5rem;text-align:center;text-decoration:none}@media(min-width: 768px){.vs-social-share-item__link.vs-link.vs-link--variant-primary{padding:1.5rem;margin-bottom:1.5rem}}.vs-social-share-item__link.vs-link.vs-link--variant-primary:hover .vs-social-share-item__text{text-decoration:none}.vs-social-share-item__link.vs-link.vs-link--variant-primary .vs-icon{display:block;margin:0 auto .75rem}.vs-social-share-item__text{text-decoration:underline}.no-js .vs-social-share-item__link.vs-link.vs-link--variant-primary{margin-bottom:1rem}@media(min-width: 576px){.no-js .vs-social-share-item__link.vs-link.vs-link--variant-primary{margin-bottom:1.5rem}}@media(min-width: 768px){.no-js .vs-social-share-item__link.vs-link.vs-link--variant-primary{margin-bottom:0}}@media(min-width: 768px){.no-js .vs-social-share-item__link.vs-link.vs-link--variant-primary{padding:1.5rem .5rem}}
140
140
  .vs-social-share--module-list{display:none}.vs-social-share__popover{max-width:600px;width:86vw !important;font-size:inherit;text-align:center;border:0;top:0 !important;left:20px !important;right:10px}.vs-social-share__popover .popover-arrow{display:none}.vs-social-share__popover.bs-popover-right{margin-left:0}.vs-social-share__popover .hidden-anchor{position:absolute;left:0;top:0;width:0px;height:0px;border:none;background:rgba(0,0,0,0) !important}.vs-social-share__popover .hidden-anchor:focus{outline:none;border:0}@media(min-width: 576px){.vs-social-share__popover{max-width:450px;width:450px !important;box-shadow:0px 1px 2px 0px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15);right:50px !important}}@media(min-width: 768px){.vs-social-share__popover{max-width:600px;width:600px !important;top:0 !important}}@media(min-width: 992px){.vs-social-share__popover{max-width:700px;width:700px !important}}@media(min-width: 1200px){.vs-social-share__popover{max-width:800px;width:800px !important}}.vs-social-share__popover .popover-body{padding:2rem .5rem}@media(min-width: 576px)and (max-width: 767.98px){.vs-social-share__popover .popover-body{padding:1rem 1.75rem 2rem}.vs-social-share__popover .popover-body .row{margin-right:-4px;margin-left:-4px}.vs-social-share__popover .popover-body .row>[class*=col-]{padding-right:4px;padding-left:4px}}@media(min-width: 768px){.vs-social-share__popover .popover-body{padding:3rem}}@media(min-width: 1200px){.vs-social-share__popover .popover-body{padding:3rem 6rem}}.vs-social-share__popover .popover-body h3.vs-heading{margin-bottom:3rem}.vs-social-share__header:focus{outline:none}.vs-social-share__close-btn{position:absolute;right:1rem;top:1rem}.no-js .vs-social-share--module-list{display:block}.no-js .vs-social-share__share-btn{display:none}.no-js .vs-social-share__popover{position:relative !important;display:block !important;opacity:1 !important;outline:0 !important}
141
- .vs-styled-list--icon .vs-styled-list__item{padding:0 0 1.5rem 3rem;position:relative}.vs-styled-list--icon .vs-styled-list__item::before{content:"";color:#85adff;font-family:"Font Awesome Kit";font-size:1.5rem;position:absolute;top:.75rem;left:0}.vs-styled-list--numbered .vs-styled-list__item{counter-increment:section;padding:0 0 1.5rem 1.5rem;position:relative}@media(min-width: 768px){.vs-styled-list--numbered .vs-styled-list__item{padding:0 0 2rem 2rem}}.vs-styled-list--numbered .vs-styled-list__item::before{background-color:#33225d;color:#fff;content:counter(section);font-size:1rem;padding:.25rem .75rem;position:absolute;right:100%;top:.125rem}@media(min-width: 768px){.vs-styled-list--numbered .vs-styled-list__item::before{padding:.25rem 1.75rem}}.vs-styled-list--numbered .vs-styled-list__item:not(:last-child)::after{position:absolute;content:"";width:.25rem;height:100%;background-color:#33225d;right:100%;top:.125rem}.vs-styled-list--numbered .vs-styled-list__item .vs-heading{margin-top:0}.vs-styled-list--image{margin-bottom:2.5rem}.vs-styled-list--image img{max-width:100%}.vs-styled-list--image-horizontal .vs-styled-list__item{padding:0 1.5rem}.vs-styled-list--image-horizontal .vs-styled-list__item img{margin:auto;width:80%}
141
+ .vs-styled-list--icon .vs-styled-list__item{padding:0 0 1.5rem 3rem;position:relative}.vs-styled-list--icon .vs-styled-list__item::before{content:"";color:#85adff;font-family:"Font Awesome Kit";font-size:1.5rem;position:absolute;top:.75rem;left:0}.vs-styled-list--numbered .vs-styled-list__item{counter-increment:section;padding:0 0 1.5rem 1.5rem;position:relative}@media(min-width: 768px){.vs-styled-list--numbered .vs-styled-list__item{padding:0 0 2rem 2rem}}.vs-styled-list--numbered .vs-styled-list__item:last-child{padding-bottom:0}.vs-styled-list--numbered .vs-styled-list__item::before{background-color:#33225d;color:#fff;content:counter(section);font-size:1rem;padding:.25rem .75rem;position:absolute;right:100%;top:.125rem}@media(min-width: 768px){.vs-styled-list--numbered .vs-styled-list__item::before{padding:.25rem 1.75rem}}.vs-styled-list--numbered .vs-styled-list__item::after{position:absolute;content:"";width:.25rem;height:100%;background-color:#33225d;right:100%;top:.125rem}.vs-styled-list--numbered .vs-styled-list__item .vs-heading{margin-top:0}.vs-styled-list--image{margin-bottom:2.5rem}.vs-styled-list--image img{max-width:100%}.vs-styled-list--image-horizontal .vs-styled-list__item{padding:0 1.5rem}.vs-styled-list--image-horizontal .vs-styled-list__item img{margin:auto;width:80%}
142
142
  .vs-styled-list__list{list-style:none;margin-top:2rem}.vs-styled-list--icon .vs-styled-list__list{padding:0 .5rem}.vs-styled-list--image-horizontal .vs-styled-list__list{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;padding:0;text-align:center}@media(min-width: 768px){.vs-styled-list--image-horizontal .vs-styled-list__list{grid-template-columns:repeat(4, 1fr);grid-auto-rows:auto}}.vs-styled-list--image-horizontal .vs-styled-list__source{font-size:.875rem;margin-top:3rem}@media(min-width: 768px){.vs-styled-list--numbered .vs-styled-list__list{margin-left:2rem}}
143
143
  .vs-summary-box-distance[data-v-7552670e]{flex-grow:1;flex-basis:calc(50% - 1rem);margin:.5rem}@media(min-width: 768px){.vs-summary-box-distance[data-v-7552670e]{flex-grow:1;flex-basis:calc(50% - 1.5rem);margin:.75rem}}.vs-summary-box-distance[data-v-7552670e]::after{border:1px solid #a3a3cc;content:"";display:block;padding-bottom:100%}.vs-summary-box-distance__display[data-v-7552670e]{top:35%;font-size:.875rem}.vs-summary-box-distance__display .vs-summary-box-distance__display-entry[data-v-7552670e]{width:80%;text-align:left;margin:0 auto;font-size:0}@media(min-width: 992px){.vs-summary-box-distance__display .vs-summary-box-distance__display-entry[data-v-7552670e]{width:60%}}.vs-summary-box-distance__display .vs-summary-box-distance__display-value[data-v-7552670e]{font-size:1.25rem;display:inline-block;width:60%;text-align:left;vertical-align:middle;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";font-weight:700}.vs-summary-box-distance__display .vs-summary-box-distance__display-label[data-v-7552670e]{font-size:1rem;display:inline-block;width:40%;text-align:right;vertical-align:middle;text-transform:lowercase}.vs-summary-box-distance__divider[data-v-7552670e]{width:85%;border-top:1px solid #a3a3cc;margin:.25rem auto}@media(min-width: 992px){.vs-summary-box-distance__divider[data-v-7552670e]{margin-top:.5rem;margin-bottom:.5rem}}.vs-summary-box-distance__label[data-v-7552670e]{top:.75rem;left:0;line-height:1}@media(min-width: 992px){.vs-summary-box-distance__label[data-v-7552670e]{top:.5rem}}.vs-summary-box-distance__label .vs-summary-box-distance__label-inner[data-v-7552670e]{display:block;font-size:.875rem;line-height:1.2;font-weight:700}@media(min-width: 992px){.vs-summary-box-distance__label .vs-summary-box-distance__label-inner[data-v-7552670e]{font-size:1.125rem}}
144
144
  .vs-summary-box-item[data-v-019c6f77]{flex-grow:1;flex-basis:calc(50% - 1rem);margin:.5rem}@media(min-width: 768px){.vs-summary-box-item[data-v-019c6f77]{flex-grow:1;flex-basis:calc(50% - 1.5rem);margin:.75rem}}.vs-summary-box-item[data-v-019c6f77]::after{border:1px solid #a3a3cc;content:"";display:block;padding-bottom:100%}.vs-summary-box-item__label[data-v-019c6f77]{top:.75rem;left:0;line-height:1}@media(min-width: 992px){.vs-summary-box-item__label[data-v-019c6f77]{top:.5rem}}.vs-summary-box-item__label .vs-summary-box-item__label-inner[data-v-019c6f77]{display:block;font-size:.875rem;line-height:1.2;font-weight:700}@media(min-width: 992px){.vs-summary-box-item__label .vs-summary-box-item__label-inner[data-v-019c6f77]{font-size:1.125rem}}.vs-summary-box-item__display[data-v-019c6f77]{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";font-size:1.875rem;bottom:35%}@media(min-width: 992px){.vs-summary-box-item__display[data-v-019c6f77]{font-size:2.5rem}}.vs-summary-box-item__icon[data-v-019c6f77]{top:35%;flex-direction:column;text-align:center}.vs-summary-box-item__icon .icon-wrapper[data-v-019c6f77]{max-width:40%;width:auto}.vs-summary-box-item__icon .text-wrapper[data-v-019c6f77]{font-size:.875rem;line-height:1;max-width:90%;word-wrap:break-word;flex-basis:0}@media(min-width: 992px){.vs-summary-box-item__icon .text-wrapper[data-v-019c6f77]{font-size:1rem;line-height:1.2}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@visitscotland/component-library",
3
- "version": "4.3.13",
3
+ "version": "4.4.1",
4
4
  "description": "VisitScotland Component Library",
5
5
  "author": "VisitScotland",
6
6
  "homepage": "https://github.com/visitscotland/vs-component-library#readme",
@@ -78,17 +78,17 @@
78
78
  "@babel/polyfill": "^7.10.4",
79
79
  "@babel/preset-env": "^7.23.2",
80
80
  "@babel/preset-react": "7.12.13",
81
- "@chromatic-com/storybook": "^1.3.4",
81
+ "@chromatic-com/storybook": "^3.2.2",
82
82
  "@originjs/vite-plugin-require-context": "^1.0.9",
83
83
  "@rushstack/eslint-patch": "^1.3.0",
84
84
  "@semantic-release/npm": "^12.0.1",
85
- "@storybook/addon-a11y": "^8.0.10",
86
- "@storybook/addon-essentials": "^8.0.10",
87
- "@storybook/addon-interactions": "^8.0.10",
88
- "@storybook/addon-links": "^8.0.10",
89
- "@storybook/blocks": "8.0.10",
90
- "@storybook/vue3": "^8.0.10",
91
- "@storybook/vue3-vite": "^8.0.10",
85
+ "@storybook/addon-a11y": "^8.4.6",
86
+ "@storybook/addon-essentials": "^8.4.6",
87
+ "@storybook/addon-interactions": "^8.4.6",
88
+ "@storybook/addon-links": "^8.4.6",
89
+ "@storybook/blocks": "^8.4.6",
90
+ "@storybook/vue3": "^8.4.6",
91
+ "@storybook/vue3-vite": "^8.4.6",
92
92
  "@typescript-eslint/eslint-plugin": "^5.59.8",
93
93
  "@typescript-eslint/parser": "^5.59.8",
94
94
  "@vitejs/plugin-vue": "^5.0.4",
@@ -109,7 +109,7 @@
109
109
  "eslint": "^8.2.0",
110
110
  "eslint-import-resolver-webpack": "^0.13.2",
111
111
  "eslint-plugin-import": "^2.25.2",
112
- "eslint-plugin-storybook": "^0.8.0",
112
+ "eslint-plugin-storybook": "^0.11.1",
113
113
  "eslint-plugin-vue": "^9.11.1",
114
114
  "eslint-webpack-plugin": "^4.0.1",
115
115
  "file-loader": "^6.2.0",
@@ -133,7 +133,7 @@
133
133
  "semantic-release": "^24.2.0",
134
134
  "speed-measure-webpack-plugin": "^1.5.0",
135
135
  "standard-version": "^9.5.0",
136
- "storybook": "^8.0.10",
136
+ "storybook": "^8.4.6",
137
137
  "storybook-addon-datalayer-watcher": "^1.0.2",
138
138
  "storybook-addon-mock": "^5.0.0",
139
139
  "style-loader": "^3.3.2",
@@ -159,8 +159,8 @@
159
159
  "dependencies": {
160
160
  "@mapbox/geojson-extent": "^1.0.1",
161
161
  "@pinia/testing": "^0.1.3",
162
- "@storybook/addon-a11y": "^7.5.3",
163
- "@storybook/test": "^8.0.10",
162
+ "@storybook/addon-a11y": "^8.4.6",
163
+ "@storybook/test": "^8.4.6",
164
164
  "@vuelidate/core": "^2.0.2",
165
165
  "@vuelidate/validators": "^2.0.2",
166
166
  "axios": "^1.4.0",
@@ -1 +0,0 @@
1
- !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VsStyledListItem=e():t.VsStyledListItem=e()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[7726],{8930:function(){},35983:function(t,e,n){"use strict";var i=n(20641),r=n(50953),u=n(90033),l=n(2543),a=n(13838),s=n(31574),o=n(72958),c=n(11438),d={class:"vs-styled-list__item","data-test":"vs-styled-list__item"};e.A={__name:"StyledListItem",props:{heading:{type:String,required:!0},headingLevel:{type:Number,default:3,validator:function(t){return(0,l.isNumber)(t)?t>0&&t<7:t.match(/(1|2|3|4|5|6)/)}},imageSrc:{type:String,default:null},variant:{type:String,default:"icon",validator:function(t){return["icon","image","image-horizontal","numbered"].includes(t)}}},setup:function(t){var e=t;return function(n,l){return(0,i.uX)(),(0,i.CE)("li",d,[(0,i.bF)((0,r.R1)(c.AQ),null,{default:(0,i.k6)((function(){return["image"===e.variant?((0,i.uX)(),(0,i.Wv)((0,r.R1)(c.Il),{key:0,cols:"12",md:"2"},{default:(0,i.k6)((function(){return[(0,i.bF)(s.default,{src:e.imageSrc},null,8,["src"])]})),_:1})):(0,i.Q3)("",!0),(0,i.bF)((0,r.R1)(c.Il),{md:"image"===e.variant?"10":"12"},{default:(0,i.k6)((function(){return["image-horizontal"===e.variant?((0,i.uX)(),(0,i.Wv)(s.default,{key:0,src:e.imageSrc},null,8,["src"])):(0,i.Q3)("",!0),(0,i.bF)(a.default,{level:e.headingLevel,"heading-style":"heading-xxs"},{default:(0,i.k6)((function(){return[(0,i.eW)((0,u.toDisplayString)(t.heading),1)]})),_:1},8,["level"]),(0,i.bF)(o.default,null,{default:(0,i.k6)((function(){return[(0,i.RG)(n.$slots,"default")]})),_:3})]})),_:3},8,["md"])]})),_:3})])}}}},6568:function(t,e,n){"use strict";var i=n(85072),r=n.n(i),u=n(97825),l=n.n(u),a=n(77659),s=n.n(a),o=n(55056),c=n.n(o),d=n(10540),f=n.n(d),m=n(41113),p=n.n(m),v=n(8930),y=n.n(v),g={};g.styleTagTransform=p(),g.setAttributes=c(),g.insert=s().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=f(),r()(y(),g),y()&&y().locals&&y().locals},74999:function(t,e,n){"use strict";n.r(e);var i=n(66283);n(94684);const r=i.A;e.default=r},66283:function(t,e,n){"use strict";n.d(e,{A:function(){return i.A}});var i=n(35983)},94684:function(t,e,n){"use strict";n(6568)}},function(t){return t.O(0,[641,6262,7510,3751,4352,4467,2543,6422,8638,3838,2368,7521,1438,1574,2958],(function(){return 74999,t(t.s=74999)})),t.O()}])}));
@@ -1 +0,0 @@
1
- .vs-styled-list--icon .vs-styled-list__item{padding:0 0 1.5rem 3rem;position:relative}.vs-styled-list--icon .vs-styled-list__item::before{content:"";color:#85adff;font-family:"Font Awesome Kit";font-size:1.5rem;position:absolute;top:.75rem;left:0}.vs-styled-list--numbered .vs-styled-list__item{counter-increment:section;padding:0 0 1.5rem 1.5rem;position:relative}@media(min-width: 768px){.vs-styled-list--numbered .vs-styled-list__item{padding:0 0 2rem 2rem}}.vs-styled-list--numbered .vs-styled-list__item::before{background-color:#33225d;color:#fff;content:counter(section);font-size:1rem;padding:.25rem .75rem;position:absolute;right:100%;top:.125rem}@media(min-width: 768px){.vs-styled-list--numbered .vs-styled-list__item::before{padding:.25rem 1.75rem}}.vs-styled-list--numbered .vs-styled-list__item:not(:last-child)::after{position:absolute;content:"";width:.25rem;height:100%;background-color:#33225d;right:100%;top:.125rem}.vs-styled-list--numbered .vs-styled-list__item .vs-heading{margin-top:0}.vs-styled-list--image{margin-bottom:2.5rem}.vs-styled-list--image img{max-width:100%}.vs-styled-list--image-horizontal .vs-styled-list__item{padding:0 1.5rem}.vs-styled-list--image-horizontal .vs-styled-list__item img{margin:auto;width:80%}