@visitscotland/component-library 4.9.0 → 4.10.0

package/dist/ssr/manifest.json

@@ -20,7 +20,7 @@
       "index.js"
     ],
     "styles": [
-      "styles/8f55694a739bc92fe9c3.css"
+      "styles/3a0b7db3d8620fcf7980.css"
     ]
   }
 }

package/dist/ssr/styles/{8f55694a739bc92fe9c3.css → 3a0b7db3d8620fcf7980.css}

@@ -53,6 +53,7 @@ label,legend{font-weight:600;margin-bottom:0}legend{font-size:1.125rem}.error{fo
 .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}
 .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{line-height:1;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 Kit";content:"";color:#fff;border:0;font-weight:400;vertical-align:bottom}.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}
 .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}
+.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 0;font-size:1.25rem;font-weight:600}.card.vs-event-card .vs-event-card__heading{margin:0}.card.vs-event-card .vs-event-card__header{margin:.5rem 0}.card.vs-event-card .vs-event-card__cta{margin-bottom:.5rem}@media(min-width: 768px){.card.vs-event-card .vs-event-card__header{margin:0 0 0 0}.card.vs-event-card .vs-event-card__heading{margin:.5rem 0}.card.vs-event-card .vs-event-card__date{text-align:right;align-self:middle}.card.vs-event-card .vs-event-card__cta{position:relative;right:0;bottom:3rem;float:right;margin-bottom:-3rem}}
 .vs-footer-accordion-item.vs-accordion-item.card{border-bottom:1px solid #fff;border-top:0}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-item__card-header{background-color:#200f2e}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-item__title.vs-heading{margin:.75rem 0;background-color:#200f2e;color:#fff;padding:0}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-item__panel.card-body{background-color:#200f2e;color:#fff;border-top:1px solid #fff}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-toggle{text-transform:none !important;letter-spacing:initial;padding:.75rem;font-size:1rem;line-height:1;font-weight:600;text-align:left;color:#fff;background-color:#200f2e;border-color:#200f2e}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-toggle .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#fff}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-toggle:hover{color:#fff;background-color:#200f2e;border-color:#200f2e}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-toggle:hover .vs-icon{color:#fff}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-toggle:active,.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-toggle:active:focus{color:#fff;background-color:#200f2e;border-color:#200f2e}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-toggle:active .vs-icon,.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-toggle:active:focus .vs-icon{color:#fff}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-toggle:hover{text-decoration:underline}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-toggle:focus{box-shadow:0 0 0 2px #fffa99 inset}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-toggle .icon.icon-xs{right:.75rem}@media(min-width: 576px){.vs-footer-accordion-item.vs-accordion-item.card .btn.vs-accordion-toggle{padding:.75rem 1.5rem}}@media(min-width: 768px){.vs-footer-accordion-item.vs-accordion-item.card{border:0;border-left:1px solid #fff;padding:0 .75rem;background-color:#200f2e}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-item__title{margin-top:.25rem}.vs-footer-accordion-item.vs-accordion-item.card .vs-accordion-item__panel.card-body{padding:0;background-color:#200f2e;border-top:0}}
 .vs-footer-copyright .vs-footer-copyright__logo.vs-link:focus{outline:2px solid #fffa99}.vs-footer-copyright{border-top:1px solid #fff;padding:1.5rem 0}.vs-footer-copyright .vs-footer-copyright__logo{display:inline-block}.vs-footer-copyright .vs-footer-copyright__logo svg{width:166px}.vs-footer-copyright .vs-footer-copyright__text{color:#fff;margin:0;font-size:.75rem}@media(min-width: 992px){.vs-footer-copyright .vs-footer-copyright__text{font-size:.875rem}}@media(min-width: 1200px){.vs-footer-copyright .vs-footer-copyright__text{font-size:1rem}}
 @media(max-width: 767.98px){.vs-footer-nav-list.container{max-width:100%;padding:0}.vs-footer-nav-list.container .row{margin-right:0;margin-left:0}.vs-footer-nav-list.container .row>.col,.vs-footer-nav-list.container .row>[class*=col-]{padding-right:0;padding-left:0}}
@@ -73,7 +74,7 @@ label,legend{font-weight:600;margin-bottom:0}legend{font-size:1.125rem}.error{fo
 .vs-global-menu__list{position:initial;flex:auto}.vs-global-menu__list_item a{color:#fff;text-decoration:none;transition:.2s all;padding:.75rem 1.25rem;line-height:1;display:inline-block}.vs-global-menu__list_item a:focus{outline:0;box-shadow:0 0 0 2px #fffa99 inset}.vs-global-menu__list_item a:hover{background:#d6e5ff}.vs-global-menu__list_item a:active{background:#fff;color:#200f2e;outline:none}.vs-global-menu__list_item--active a{background:#fff;color:#200f2e}.vs-global-menu__list_item--active a:hover{background:#fff}.vs-global-menu__list_item--active a:active{background:#fff;color:#200f2e}.no-js .vs-global-menu__list{width:100%;flex-wrap:wrap;display:flex !important}@media(min-width: 768px){.no-js .vs-global-menu__list{flex-wrap:nowrap}}.no-js .vs-global-menu__list_item{display:block;flex-basis:100%}@media(min-width: 768px){.no-js .vs-global-menu__list_item{flex-basis:auto;border:none;margin:0 .5rem}}.no-js .vs-global-menu__list_item:first-of-type{margin-left:0}.no-js .vs-global-menu__list_item:last-of-type{margin-right:0}.no-js .vs-global-menu__list_item a{max-height:none;height:auto;display:block;text-align:center;font-size:1rem;padding:.75rem 1.25rem;line-height:1.2}
 .vs-global-menu{background:#5b2487;color:#fff;position:relative;font-size:.75rem;display:flex;align-items:center}.vs-global-menu__wrapper{position:initial;display:flex;align-items:center}@media(max-width: 991.98px){.vs-global-menu__wrapper{margin:0}}@media(max-width: 991.98px){.row:not(.g-0)>.vs-global-menu__wrapper{padding:0}}.no-js .vs-global-menu{height:auto;margin-bottom:1rem}.no-js .vs-global-menu .dropdown-toggle{display:none}.no-js .vs-global-menu__wrapper{display:flex;flex-wrap:wrap}.no-js .vs-global-menu__wrapper .vs-global-menu__websites{display:none}
 .vs-hero-section-image__img{width:100%;height:386px;object-fit:cover}@media(min-width: 576px){.vs-hero-section-image__img{height:514px}}@media(min-width: 992px){.vs-hero-section-image__img{height:648px}}.vs-hero-section-image--split .vs-hero-section-image__img{height:255px}@media(min-width: 576px){.vs-hero-section-image--split .vs-hero-section-image__img{height:408px}}@media(min-width: 992px){.vs-hero-section-image--split .vs-hero-section-image__img{height:540px;border-radius:0 0 0 64px}}.vs-hero-section-image--split .vs-caption{text-align:left}@media(min-width: 992px){.vs-hero-section-image--split .vs-caption{text-align:right}}.vs-hero-section-image--split .vs-caption.vs-caption--fullwidth{min-height:auto}
-.vs-hero-section{background:#fff;--grid-columns: 12px 1fr 1fr 12px;--content_maxwidth: 100%;--container-col: 2 / span 2;--container-row: 1;--image-col: 1 / -1;--image-row: 2;--inset-image-col: 2 / span 2;--divider-col: 2 / span 2;--divider-row: 2}@media(min-width: 576px){.vs-hero-section{--content_maxwidth: 516px;--grid-columns: 1fr min-content min-content 1fr}}@media(min-width: 768px){.vs-hero-section{--content_maxwidth: 696px}}@media(min-width: 992px){.vs-hero-section{--content_maxwidth: 936px}}@media(min-width: 1200px){.vs-hero-section{--content_maxwidth: 1116px}}@media(min-width: 1400px){.vs-hero-section{--content_maxwidth: 1316px}}.vs-hero-section__grid{display:grid;grid-template-columns:var(--grid-columns);width:100%}.vs-hero-section__image{grid-row:var(--image-row);grid-column:var(--image-col)}.vs-hero-section__image--inset{grid-column:var(--inset-image-col);padding:0}.vs-hero-section__text-container{grid-row:var(--container-row);grid-column:var(--container-col);width:var(--content_maxwidth);padding:1.5rem 0 2.5rem 0}@media(min-width: 992px){.vs-hero-section__text-container{padding:3rem 0}}.vs-hero-section__text{width:100%}@media(min-width: 576px){.vs-hero-section__text{width:80%}}@media(min-width: 768px){.vs-hero-section__text{width:70%}}@media(min-width: 992px){.vs-hero-section__text{width:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:6rem}}@media(min-width: 1200px){.vs-hero-section__text{grid-template-columns:1.5fr .75fr}}@media(min-width: 1400px){.vs-hero-section__text{gap:12rem}}.vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#5b2487}@media(min-width: 768px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{font-size:2rem;margin:1rem 0 .75rem}}@media(min-width: 992px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0}}@media(min-width: 1200px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{font-size:2.5625rem;margin:1rem 0 .75rem;margin:0}}.vs-hero-section__divider{height:2px;margin:0;color:#e9e9e9;grid-row:var(--divider-row);grid-column:var(--divider-col)}.vs-hero-section--split{--split-image-row: 1;--split-image-col: 1 / -1;--split-container-row: 2;--split-container-col: 2 / -2}@media(min-width: 992px){.vs-hero-section--split{--split-container-row: 1;--split-container-col: 2 / span 2;--split-image-row: 1;--split-image-col: 3 / span 2}}.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col);position:relative;overflow:hidden;z-index:0;min-height:14rem;max-width:1000px}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col)}}.vs-hero-section--split .vs-hero-section__text-container{grid-row:var(--split-container-row);grid-column:var(--split-container-col);padding-top:0}.vs-hero-section--split .vs-hero-section__text{height:100%;width:100%;padding:0}@media(min-width: 576px){.vs-hero-section--split .vs-hero-section__text{width:75%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;place-content:center;width:42%}}@media(min-width: 1400px){.vs-hero-section--split .vs-hero-section__text{width:40%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}
+.vs-hero-section{background:#fff;--grid-columns: 12px 1fr 1fr 12px;--content_maxwidth: 100%;--container-col: 2 / span 2;--container-row: 1;--image-col: 1 / -1;--image-row: 2;--inset-image-col: 2 / span 2;--divider-col: 2 / span 2;--divider-row: 2}@media(min-width: 576px){.vs-hero-section{--content_maxwidth: 516px;--grid-columns: 1fr min-content min-content 1fr}}@media(min-width: 768px){.vs-hero-section{--content_maxwidth: 696px}}@media(min-width: 992px){.vs-hero-section{--content_maxwidth: 936px}}@media(min-width: 1200px){.vs-hero-section{--content_maxwidth: 1116px}}@media(min-width: 1400px){.vs-hero-section{--content_maxwidth: 1316px}}.vs-hero-section__grid{display:grid;grid-template-columns:var(--grid-columns);width:100%;position:relative}.vs-hero-section__image{grid-row:var(--image-row);grid-column:var(--image-col)}.vs-hero-section__image--inset{grid-column:var(--inset-image-col);padding:0}.vs-hero-section__text-container{grid-row:var(--container-row);grid-column:var(--container-col);width:var(--content_maxwidth);padding:1.5rem 0 2.5rem 0}@media(min-width: 992px){.vs-hero-section__text-container{padding:3rem 0}}.vs-hero-section__text{width:100%}@media(min-width: 576px){.vs-hero-section__text{width:80%}}@media(min-width: 768px){.vs-hero-section__text{width:70%}}@media(min-width: 992px){.vs-hero-section__text{width:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:6rem}}@media(min-width: 1200px){.vs-hero-section__text{grid-template-columns:1.5fr .75fr}}@media(min-width: 1400px){.vs-hero-section__text{gap:12rem}}.vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#5b2487}@media(min-width: 768px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{font-size:2rem;margin:1rem 0 .75rem}}@media(min-width: 992px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0}}@media(min-width: 1200px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{font-size:2.5625rem;margin:1rem 0 .75rem;margin:0}}.vs-hero-section__video-wrapper{grid-row:1;grid-column:1/-1;position:relative;line-height:0}.vs-hero-section__video-wrapper .vs-hero-section__video{width:100%;height:560px;object-fit:cover}@media(min-width: 576px){.vs-hero-section__video-wrapper .vs-hero-section__video{height:648px}}@media(min-width: 992px){.vs-hero-section__video-wrapper .vs-hero-section__video{height:812px}}.vs-hero-section__video-wrapper .vs-hero-section__video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 100%)}.vs-hero-section .vs-hero-section__text-container--video{color:#fff}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;position:absolute;bottom:5rem;width:70%}@media(min-width: 768px){.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text{width:50%}}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#fff;text-wrap:balance}@media(min-width: 992px){.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}.vs-hero-section__divider{height:2px;margin:0;color:#e9e9e9;grid-row:var(--divider-row);grid-column:var(--divider-col)}.vs-hero-section--split{--split-image-row: 1;--split-image-col: 1 / -1;--split-container-row: 2;--split-container-col: 2 / -2}@media(min-width: 992px){.vs-hero-section--split{--split-container-row: 1;--split-container-col: 2 / span 2;--split-image-row: 1;--split-image-col: 3 / span 2}}.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col);position:relative;overflow:hidden;z-index:0;min-height:14rem;max-width:1000px}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col)}}.vs-hero-section--split .vs-hero-section__text-container{grid-row:var(--split-container-row);grid-column:var(--split-container-col);padding-top:0}.vs-hero-section--split .vs-hero-section__text{height:100%;width:100%;padding:0}@media(min-width: 576px){.vs-hero-section--split .vs-hero-section__text{width:75%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;place-content:center;width:42%}}@media(min-width: 1400px){.vs-hero-section--split .vs-hero-section__text{width:40%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}
 .vs-icon-list__item{display:inline-table;text-align:center;width:90px;margin-bottom:1rem;padding:0 .25rem;font-size:.875rem;line-height:1.2}.vs-icon-list__item .vs-icon{margin-bottom:.75rem}
 .vs-icon-list{text-align:center}.vs-icon-list .vs-icon-list__title{font-size:1rem;font-weight:400;margin-bottom:1.25rem}.vs-icon-list .vs-icon-list__list{display:inline-block;margin:0 auto;padding:0;text-align:left}
 .vs-toggle-btn{z-index:3;display:block}

package/package.json

@@ -1,231 +1,231 @@
-{
-  "name": "@visitscotland/component-library",
-  "version": "4.9.0",
-  "description": "VisitScotland Component Library",
-  "author": "VisitScotland",
-  "homepage": "https://github.com/visitscotland/vs-component-library#readme",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "require": "./dist/ssr/index.js"
-    },
-    "./components": {
-      "import": "./dist/components/vs-component-library.mjs",
-      "require": "./dist/components/vs-component-library.umd.js",
-      "types": "./dist/components/component-entry.d.ts"
-    },
-    "./maps": {
-      "import": "./dist/components/maps.mjs"
-    },
-    "./components/style.css": "./dist/components/vs-component-library.css",
-    "./components/fonts.css": "./dist/components/fonts.css",
-    "./components/icons.css": "./dist/components/icons.css"
-  },
-  "license": "MIT",
-  "scripts": {
-    "storybook": "yarn theo && storybook dev -p 6006",
-    "build-storybook": "yarn theo && storybook build",
-    "build": "yarn theo && npm-run-all build:library build:ssr third-party build:vite-no-theo",
-    "build:dev": "yarn theo && npm-run-all build:library:dev build:ssr:dev third-party",
-    "build:library": "cross-env NODE_ENV=production webpack --config ./build/webpack.conf.js",
-    "build:library:dev": "cross-env NODE_ENV=development webpack --config ./build/webpack.conf.js",
-    "build:ssr": "cross-env NODE_ENV=production webpack --config ./build/webpack.ssr.conf.js",
-    "build:ssr:dev": "cross-env NODE_ENV=development webpack --config ./build/webpack.ssr.conf.js",
-    "build:vite": "yarn theo && vite build",
-    "build:vite-no-theo": "vite build",
-    "test": "yarn theo && jest --config ./test/unit/jest.conf.js",
-    "test:no-theo": "jest --config ./test/unit/jest.conf.js",
-    "lint": "eslint",
-    "lint:all": "yarn lint:src && yarn lint:build && yarn lint:stories",
-    "lint:src": "yarn lint \"src/**/*.{js,vue,ts}\"",
-    "lint:build": "yarn lint \"build/*.{js,vue,ts}\"",
-    "lint:stories": "yarn lint \"stories/**/*.{js,vue,ts}\"",
-    "lint:fix": "yarn lint \"src/**/*.{js,vue,ts}\" \"stories/**/*.js\" --fix",
-    "prettier": "prettier . --list-different",
-    "theo": "theo ./src/tokens/tokens.yml --transform web --format map.scss,scss,raw.json,json --dest ./src/assets/tokens",
-    "third-party": "webpack --config ./build/third-party.webpack.conf.js",
-    "commit": "cz",
-    "prepare": "husky install",
-    "prepack": "yarn && yarn build",
-    "release:patch": "standard-version --release-as patch",
-    "release:minor": "standard-version --release-as minor",
-    "release:major": "standard-version --release-as major"
-  },
-  "lint-staged": {
-    "*.{js,vue,ts}": "eslint"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/visitscotland/vs-component-library.git"
-  },
-  "keywords": [
-    "vue.js",
-    "visit scotland",
-    "vue",
-    "design system",
-    "design",
-    "system"
-  ],
-  "devDependencies": {
-    "@babel/core": "^7.23.2",
-    "@babel/eslint-parser": "^7.21.8",
-    "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
-    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
-    "@babel/plugin-transform-runtime": "^7.23.2",
-    "@babel/polyfill": "^7.10.4",
-    "@babel/preset-env": "^7.23.2",
-    "@babel/preset-react": "7.12.13",
-    "@chromatic-com/storybook": "^3.2.2",
-    "@originjs/vite-plugin-require-context": "^1.0.9",
-    "@rushstack/eslint-patch": "^1.3.0",
-    "@semantic-release/npm": "^12.0.1",
-    "@storybook/addon-a11y": "^8.4.6",
-    "@storybook/addon-essentials": "^8.4.6",
-    "@storybook/addon-interactions": "^8.4.6",
-    "@storybook/addon-links": "^8.4.6",
-    "@storybook/blocks": "^8.4.6",
-    "@storybook/vue3": "^8.4.6",
-    "@storybook/vue3-vite": "^8.4.6",
-    "@typescript-eslint/eslint-plugin": "^5.59.8",
-    "@typescript-eslint/parser": "^5.59.8",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/eslint-config-airbnb": "^7.0.0",
-    "@vue/test-utils": "^2.3.2",
-    "@vue/vue3-jest": "^29.2.4",
-    "babel-jest": "^29.5.0",
-    "babel-loader": "^9.1.2",
-    "babel-plugin-macros": "^2.4.2",
-    "bootstrap": "^5.3.2",
-    "chromatic": "^6.17.3",
-    "clean-webpack-plugin": "^4.0.0",
-    "commitizen": "^4.3.0",
-    "cross-env": "^7.0.3",
-    "css-loader": "^6.7.3",
-    "cz-conventional-changelog": "^3.3.0",
-    "dotenv-webpack": "^8.0.1",
-    "eslint": "^8.2.0",
-    "eslint-import-resolver-webpack": "^0.13.2",
-    "eslint-plugin-import": "^2.25.2",
-    "eslint-plugin-storybook": "^0.11.1",
-    "eslint-plugin-vue": "^9.11.1",
-    "eslint-webpack-plugin": "^4.0.1",
-    "file-loader": "^6.2.0",
-    "husky": "^8.0.3",
-    "jest": "^29.5.0",
-    "jest-axe": "^8.0.0",
-    "jest-environment-jsdom": "^29.5.0",
-    "jest-serializer-vue": "^3.1.0",
-    "lint-staged": "^15.2.2",
-    "mini-css-extract-plugin": "^2.7.5",
-    "moxios": "^0.4.0",
-    "node-polyfill-webpack-plugin": "^2.0.1",
-    "npm-run-all": "^4.1.5",
-    "optimist": "^0.6.1",
-    "path": "^0.12.7",
-    "postcss-safe-parser": "^6.0.0",
-    "prettier": "^3.2.5",
-    "require-context.macro": "^1.2.2",
-    "sass": "^1.62.1",
-    "sass-loader": "^13.2.2",
-    "semantic-release": "^24.2.0",
-    "speed-measure-webpack-plugin": "^1.5.0",
-    "standard-version": "^9.5.0",
-    "storybook": "^8.4.6",
-    "storybook-addon-datalayer-watcher": "^1.0.2",
-    "storybook-addon-mock": "^5.0.0",
-    "style-loader": "^3.3.2",
-    "svgo-loader": "^4.0.0",
-    "theo": "^8.1.5",
-    "time-analytics-webpack-plugin": "^0.1.20",
-    "ts-jest": "^29.1.0",
-    "ts-loader": "^9.4.3",
-    "typescript": "^5.0.4",
-    "upgrade": "^1.1.0",
-    "vite": "^5.2.10",
-    "vite-plugin-dts": "^3.7.2",
-    "vite-plugin-turbosnap": "^1.0.2",
-    "vue": "^3.4.19",
-    "vue-loader": "^17.1.0",
-    "vue-style-loader": "^4.1.3",
-    "webpack": "^5.81.0",
-    "webpack-cli": "^5.0.2",
-    "webpack-manifest-plugin": "^5.0.0",
-    "webpack-merge": "^5.1.4",
-    "webpack-node-externals": "^3.0.0"
-  },
-  "dependencies": {
-    "@mapbox/geojson-extent": "^1.0.1",
-    "@pinia/testing": "^0.1.3",
-    "@semantic-release/exec": "^6.0.3",
-    "@storybook/addon-a11y": "^8.4.6",
-    "@storybook/test": "^8.4.6",
-    "@vuelidate/core": "^2.0.2",
-    "@vuelidate/validators": "^2.0.2",
-    "axios": "^1.4.0",
-    "bootstrap-vue-next": "^0.17.0",
-    "glob": "^8.1.0",
-    "lodash": "^4.17.21",
-    "mapbox-gl": "^1.11.1",
-    "mitt": "^3.0.0",
-    "pinia": "^2.1.3",
-    "vite": "^5.1.3",
-    "vue": "^3.3.4",
-    "vue-combo-blocks": "^2.1.1",
-    "vue-recaptcha": "^2.0.1",
-    "vue-youtube-vue-3": "^1.5.0",
-    "vue3-charts": "^1.1.33",
-    "vue3-lazy-hydration": "^1.2.1",
-    "vue3-simple-typeahead": "^1.0.11",
-    "vuelidate": "^0.7.7",
-    "vuex": "^4.1.0",
-    "webpack-merge": "^5.1.4",
-    "webpack-node-externals": "^3.0.0"
-  },
-  "peerDependencies": {
-    "@popperjs/core": "*",
-    "postcss": "*"
-  },
-  "engines": {
-    "node": ">= 16.20.0",
-    "npm": ">= 6.14.5",
-    "yarn": ">= 1.22.4"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not Explorer > 0",
-    "IE 11",
-    "not ExplorerMobile > 0",
-    "not BlackBerry > 0",
-    "not OperaMini all",
-    "not OperaMobile > 0"
-  ],
-  "jest": {
-    "testPathIgnorePatterns": [
-      ".test",
-      "node_modules"
-    ],
-    "jest.pathToJest": "node_modules/.bin/jest"
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
-  },
-  "bugs": {
-    "url": "https://github.com/visitscotland/vs-component-library/issues"
-  },
-  "resolutions": {
-    "minimist": "^0.2.4",
-    "json5": "^1.0.2",
-    "word-wrap": "^1.2.4",
-    "highlight.js": "^10.4.1",
-    "semver": "^7.5.4",
-    "get-func-name": "^2.0.1",
-    "svgo": "3.2.0"
-  },
-  "packageManager": "yarn@4.6.0"
-}
+{
+  "name": "@visitscotland/component-library",
+  "version": "4.10.0",
+  "description": "VisitScotland Component Library",
+  "author": "VisitScotland",
+  "homepage": "https://github.com/visitscotland/vs-component-library#readme",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "require": "./dist/ssr/index.js"
+    },
+    "./components": {
+      "import": "./dist/components/vs-component-library.mjs",
+      "require": "./dist/components/vs-component-library.umd.js",
+      "types": "./dist/components/component-entry.d.ts"
+    },
+    "./maps": {
+      "import": "./dist/components/maps.mjs"
+    },
+    "./components/style.css": "./dist/components/vs-component-library.css",
+    "./components/fonts.css": "./dist/components/fonts.css",
+    "./components/icons.css": "./dist/components/icons.css"
+  },
+  "license": "MIT",
+  "scripts": {
+    "storybook": "yarn theo && storybook dev -p 6006",
+    "build-storybook": "yarn theo && storybook build",
+    "build": "yarn theo && npm-run-all build:library build:ssr third-party build:vite-no-theo",
+    "build:dev": "yarn theo && npm-run-all build:library:dev build:ssr:dev third-party",
+    "build:library": "cross-env NODE_ENV=production webpack --config ./build/webpack.conf.js",
+    "build:library:dev": "cross-env NODE_ENV=development webpack --config ./build/webpack.conf.js",
+    "build:ssr": "cross-env NODE_ENV=production webpack --config ./build/webpack.ssr.conf.js",
+    "build:ssr:dev": "cross-env NODE_ENV=development webpack --config ./build/webpack.ssr.conf.js",
+    "build:vite": "yarn theo && vite build",
+    "build:vite-no-theo": "vite build",
+    "test": "yarn theo && jest --config ./test/unit/jest.conf.js",
+    "test:no-theo": "jest --config ./test/unit/jest.conf.js",
+    "lint": "eslint",
+    "lint:all": "yarn lint:src && yarn lint:build && yarn lint:stories",
+    "lint:src": "yarn lint \"src/**/*.{js,vue,ts}\"",
+    "lint:build": "yarn lint \"build/*.{js,vue,ts}\"",
+    "lint:stories": "yarn lint \"stories/**/*.{js,vue,ts}\"",
+    "lint:fix": "yarn lint \"src/**/*.{js,vue,ts}\" \"stories/**/*.js\" --fix",
+    "prettier": "prettier . --list-different",
+    "theo": "theo ./src/tokens/tokens.yml --transform web --format map.scss,scss,raw.json,json --dest ./src/assets/tokens",
+    "third-party": "webpack --config ./build/third-party.webpack.conf.js",
+    "commit": "cz",
+    "prepare": "husky install",
+    "prepack": "yarn && yarn build",
+    "release:patch": "standard-version --release-as patch",
+    "release:minor": "standard-version --release-as minor",
+    "release:major": "standard-version --release-as major"
+  },
+  "lint-staged": {
+    "*.{js,vue,ts}": "eslint"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/visitscotland/vs-component-library.git"
+  },
+  "keywords": [
+    "vue.js",
+    "visit scotland",
+    "vue",
+    "design system",
+    "design",
+    "system"
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.23.2",
+    "@babel/eslint-parser": "^7.21.8",
+    "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.23.2",
+    "@babel/polyfill": "^7.10.4",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "7.12.13",
+    "@chromatic-com/storybook": "^3.2.2",
+    "@originjs/vite-plugin-require-context": "^1.0.9",
+    "@rushstack/eslint-patch": "^1.3.0",
+    "@semantic-release/npm": "^12.0.1",
+    "@storybook/addon-a11y": "^8.4.6",
+    "@storybook/addon-essentials": "^8.4.6",
+    "@storybook/addon-interactions": "^8.4.6",
+    "@storybook/addon-links": "^8.4.6",
+    "@storybook/blocks": "^8.4.6",
+    "@storybook/vue3": "^8.4.6",
+    "@storybook/vue3-vite": "^8.4.6",
+    "@typescript-eslint/eslint-plugin": "^5.59.8",
+    "@typescript-eslint/parser": "^5.59.8",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/eslint-config-airbnb": "^7.0.0",
+    "@vue/test-utils": "^2.3.2",
+    "@vue/vue3-jest": "^29.2.4",
+    "babel-jest": "^29.5.0",
+    "babel-loader": "^9.1.2",
+    "babel-plugin-macros": "^2.4.2",
+    "bootstrap": "^5.3.2",
+    "chromatic": "^6.17.3",
+    "clean-webpack-plugin": "^4.0.0",
+    "commitizen": "^4.3.0",
+    "cross-env": "^7.0.3",
+    "css-loader": "^6.7.3",
+    "cz-conventional-changelog": "^3.3.0",
+    "dotenv-webpack": "^8.0.1",
+    "eslint": "^8.2.0",
+    "eslint-import-resolver-webpack": "^0.13.2",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-storybook": "^0.11.1",
+    "eslint-plugin-vue": "^9.11.1",
+    "eslint-webpack-plugin": "^4.0.1",
+    "file-loader": "^6.2.0",
+    "husky": "^8.0.3",
+    "jest": "^29.5.0",
+    "jest-axe": "^8.0.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "jest-serializer-vue": "^3.1.0",
+    "lint-staged": "^15.2.2",
+    "mini-css-extract-plugin": "^2.7.5",
+    "moxios": "^0.4.0",
+    "node-polyfill-webpack-plugin": "^2.0.1",
+    "npm-run-all": "^4.1.5",
+    "optimist": "^0.6.1",
+    "path": "^0.12.7",
+    "postcss-safe-parser": "^6.0.0",
+    "prettier": "^3.2.5",
+    "require-context.macro": "^1.2.2",
+    "sass": "^1.62.1",
+    "sass-loader": "^13.2.2",
+    "semantic-release": "^24.2.0",
+    "speed-measure-webpack-plugin": "^1.5.0",
+    "standard-version": "^9.5.0",
+    "storybook": "^8.4.6",
+    "storybook-addon-datalayer-watcher": "^1.0.2",
+    "storybook-addon-mock": "^5.0.0",
+    "style-loader": "^3.3.2",
+    "svgo-loader": "^4.0.0",
+    "theo": "^8.1.5",
+    "time-analytics-webpack-plugin": "^0.1.20",
+    "ts-jest": "^29.1.0",
+    "ts-loader": "^9.4.3",
+    "typescript": "^5.0.4",
+    "upgrade": "^1.1.0",
+    "vite": "^5.2.10",
+    "vite-plugin-dts": "^3.7.2",
+    "vite-plugin-turbosnap": "^1.0.2",
+    "vue": "^3.4.19",
+    "vue-loader": "^17.1.0",
+    "vue-style-loader": "^4.1.3",
+    "webpack": "^5.81.0",
+    "webpack-cli": "^5.0.2",
+    "webpack-manifest-plugin": "^5.0.0",
+    "webpack-merge": "^5.1.4",
+    "webpack-node-externals": "^3.0.0"
+  },
+  "dependencies": {
+    "@mapbox/geojson-extent": "^1.0.1",
+    "@pinia/testing": "^0.1.3",
+    "@semantic-release/exec": "^6.0.3",
+    "@storybook/addon-a11y": "^8.4.6",
+    "@storybook/test": "^8.4.6",
+    "@vuelidate/core": "^2.0.2",
+    "@vuelidate/validators": "^2.0.2",
+    "axios": "^1.4.0",
+    "bootstrap-vue-next": "^0.17.0",
+    "glob": "^8.1.0",
+    "lodash": "^4.17.21",
+    "mapbox-gl": "^1.11.1",
+    "mitt": "^3.0.0",
+    "pinia": "^2.1.3",
+    "vite": "^5.1.3",
+    "vue": "^3.3.4",
+    "vue-combo-blocks": "^2.1.1",
+    "vue-recaptcha": "^2.0.1",
+    "vue-youtube-vue-3": "^1.5.0",
+    "vue3-charts": "^1.1.33",
+    "vue3-lazy-hydration": "^1.2.1",
+    "vue3-simple-typeahead": "^1.0.11",
+    "vuelidate": "^0.7.7",
+    "vuex": "^4.1.0",
+    "webpack-merge": "^5.1.4",
+    "webpack-node-externals": "^3.0.0"
+  },
+  "peerDependencies": {
+    "@popperjs/core": "*",
+    "postcss": "*"
+  },
+  "engines": {
+    "node": ">= 16.20.0",
+    "npm": ">= 6.14.5",
+    "yarn": ">= 1.22.4"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not Explorer > 0",
+    "IE 11",
+    "not ExplorerMobile > 0",
+    "not BlackBerry > 0",
+    "not OperaMini all",
+    "not OperaMobile > 0"
+  ],
+  "jest": {
+    "testPathIgnorePatterns": [
+      ".test",
+      "node_modules"
+    ],
+    "jest.pathToJest": "node_modules/.bin/jest"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "bugs": {
+    "url": "https://github.com/visitscotland/vs-component-library/issues"
+  },
+  "resolutions": {
+    "minimist": "^0.2.4",
+    "json5": "^1.0.2",
+    "word-wrap": "^1.2.4",
+    "highlight.js": "^10.4.1",
+    "semver": "^7.5.4",
+    "get-func-name": "^2.0.1",
+    "svgo": "3.2.0"
+  },
+  "packageManager": "yarn@4.6.0"
+}

package/dist/client/scripts/4c84677e2fa89a2f4830.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VsHeroSection=t():e.VsHeroSection=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1763],{9522:function(){},86833:function(e,t,n){"use strict";var s=n(13838),i=n(72958),r=n(28533);t.A={name:"VsHeroSection",status:"prototype",release:"0.0.1",components:{VsHeading:s.default,VsRichTextWrapper:i.default,VsHeroSectionImage:r.default},props:{heading:{type:String,default:"",required:!0},lede:{type:String,default:"",required:!0},src:{type:String,default:""},imgAlt:{type:String,default:""},imgCaption:{type:String,default:""},imgCredit:{type:String,default:""},inset:{type:Boolean,default:!1},split:{type:Boolean,default:!1}},computed:{imageClasses:function(){return{"vs-hero-section__image--inset":this.inset}}}}},5842:function(e,t,n){"use strict";n.d(t,{X:function(){return u}});var s=n(20641),i=n(90033),r={class:"vs-hero-section__grid"},o={key:1,class:"vs-hero-section__divider"},a={class:"vs-hero-section__text-container"},c={class:"vs-hero-section__text"},l={class:"mb-0"};function u(e,t,n,u,d,f){var p=(0,s.g2)("VsHeroSectionImage"),g=(0,s.g2)("VsHeading"),m=(0,s.g2)("VsRichTextWrapper");return(0,s.uX)(),(0,s.CE)("div",{class:(0,i.normalizeClass)(["vs-hero-section",{"vs-hero-section--split":n.split}]),"data-test":"vs-hero-section"},[(0,s.Lk)("div",r,[n.src?((0,s.uX)(),(0,s.CE)("div",{key:0,class:(0,i.normalizeClass)(["vs-hero-section__image",f.imageClasses])},[(0,s.bF)(p,{"img-alt":n.imgAlt,src:n.src,"img-caption":n.imgCaption,"img-credit":n.imgCredit,split:n.split},null,8,["img-alt","src","img-caption","img-credit","split"])],2)):((0,s.uX)(),(0,s.CE)("hr",o)),(0,s.Lk)("div",a,[(0,s.Lk)("div",c,[(0,s.bF)(g,{class:"vs-hero-section__heading","data-test":"vs-hero-section__heading",level:"1","heading-style":"display-xs"},{default:(0,s.k6)((function(){return[(0,s.eW)((0,i.toDisplayString)(n.heading),1)]})),_:1}),n.lede?((0,s.uX)(),(0,s.Wv)(m,{key:0,class:"vs-hero-section__lede","data-test":"vs-hero-section__lede",variant:"lead"},{default:(0,s.k6)((function(){return[(0,s.Lk)("p",l,(0,i.toDisplayString)(n.lede),1)]})),_:1})):(0,s.Q3)("",!0)])])])],2)}},22376:function(e,t,n){"use strict";var s=n(85072),i=n.n(s),r=n(97825),o=n.n(r),a=n(77659),c=n.n(a),l=n(55056),u=n.n(l),d=n(10540),f=n.n(d),p=n(41113),g=n.n(p),m=n(9522),v=n.n(m),_={};_.styleTagTransform=g(),_.setAttributes=u(),_.insert=c().bind(null,"head"),_.domAPI=o(),_.insertStyleElement=f(),i()(v(),_),v()&&v().locals&&v().locals},38399:function(e,t,n){"use strict";n.r(t);var s=n(7266),i=n(66565);n(708);const r=(0,n(66262).A)(i.A,[["render",s.X]]);t.default=r},66565:function(e,t,n){"use strict";n.d(t,{A:function(){return s.A}});var s=n(86833)},7266:function(e,t,n){"use strict";n.d(t,{X:function(){return s.X}});var s=n(5842)},708:function(e,t,n){"use strict";n(22376)}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,2543,6422,8638,2368,7521,3838,1438,1574,2958,4982,1244,630,8533],(function(){return e(e.s=38399)})),e.O()}])}));

package/dist/client/styles/4c84677e2fa89a2f4830.css

@@ -1 +0,0 @@
-.vs-hero-section{background:#fff;--grid-columns: 12px 1fr 1fr 12px;--content_maxwidth: 100%;--container-col: 2 / span 2;--container-row: 1;--image-col: 1 / -1;--image-row: 2;--inset-image-col: 2 / span 2;--divider-col: 2 / span 2;--divider-row: 2}@media(min-width: 576px){.vs-hero-section{--content_maxwidth: 516px;--grid-columns: 1fr min-content min-content 1fr}}@media(min-width: 768px){.vs-hero-section{--content_maxwidth: 696px}}@media(min-width: 992px){.vs-hero-section{--content_maxwidth: 936px}}@media(min-width: 1200px){.vs-hero-section{--content_maxwidth: 1116px}}@media(min-width: 1400px){.vs-hero-section{--content_maxwidth: 1316px}}.vs-hero-section__grid{display:grid;grid-template-columns:var(--grid-columns);width:100%}.vs-hero-section__image{grid-row:var(--image-row);grid-column:var(--image-col)}.vs-hero-section__image--inset{grid-column:var(--inset-image-col);padding:0}.vs-hero-section__text-container{grid-row:var(--container-row);grid-column:var(--container-col);width:var(--content_maxwidth);padding:1.5rem 0 2.5rem 0}@media(min-width: 992px){.vs-hero-section__text-container{padding:3rem 0}}.vs-hero-section__text{width:100%}@media(min-width: 576px){.vs-hero-section__text{width:80%}}@media(min-width: 768px){.vs-hero-section__text{width:70%}}@media(min-width: 992px){.vs-hero-section__text{width:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:6rem}}@media(min-width: 1200px){.vs-hero-section__text{grid-template-columns:1.5fr .75fr}}@media(min-width: 1400px){.vs-hero-section__text{gap:12rem}}.vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#5b2487}@media(min-width: 768px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{font-size:2rem;margin:1rem 0 .75rem}}@media(min-width: 992px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0}}@media(min-width: 1200px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{font-size:2.5625rem;margin:1rem 0 .75rem;margin:0}}.vs-hero-section__divider{height:2px;margin:0;color:#e9e9e9;grid-row:var(--divider-row);grid-column:var(--divider-col)}.vs-hero-section--split{--split-image-row: 1;--split-image-col: 1 / -1;--split-container-row: 2;--split-container-col: 2 / -2}@media(min-width: 992px){.vs-hero-section--split{--split-container-row: 1;--split-container-col: 2 / span 2;--split-image-row: 1;--split-image-col: 3 / span 2}}.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col);position:relative;overflow:hidden;z-index:0;min-height:14rem;max-width:1000px}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col)}}.vs-hero-section--split .vs-hero-section__text-container{grid-row:var(--split-container-row);grid-column:var(--split-container-col);padding-top:0}.vs-hero-section--split .vs-hero-section__text{height:100%;width:100%;padding:0}@media(min-width: 576px){.vs-hero-section--split .vs-hero-section__text{width:75%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;place-content:center;width:42%}}@media(min-width: 1400px){.vs-hero-section--split .vs-hero-section__text{width:40%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}