@visitscotland/component-library 5.78.0 → 5.79.3

package/dist/stories/components/SocialShare.stories.js

@@ -1,135 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.NoJavascript = exports.Open = exports.Default = void 0;
-var SocialShare_vue_1 = __importDefault(require("@/components/social-share/SocialShare.vue"));
-var SocialShareItem_vue_1 = __importDefault(require("@/components/social-share/components/SocialShareItem.vue"));
-var test_1 = require("storybook/test");
-exports["default"] = {
-    component: SocialShare_vue_1["default"],
-    title: 'Components/To be reviewed/SocialShareButton',
-    decorators: [function () { return ({
-            template: '<story />'
-        }); }]
-};
-var Template = function (args) { return ({
-    components: {
-        VsSocialShare: SocialShare_vue_1["default"],
-        VsSocialShareItem: SocialShareItem_vue_1["default"]
-    },
-    setup: function () {
-        return {
-            args: args
-        };
-    },
-    template: "\n        <div :style=\"!args.jsDisabled ? 'display: flex; justify-content: flex-end' : ''\">\n            <div \n                :style=\"!args.jsDisabled ? 'position:absolute' : ''\" \n                :class=\"args.jsDisabled ? 'no-js' : ''\"\n            >\n                <VsSocialShare v-bind=\"args\">\n                    <VsSocialShareItem\n                        v-for=\"item in args.default\"\n                        v-bind=\"item\"\n                    />\n                </VsSocialShare>\n            </div>\n        </div>\n    "
-}); };
-var base = {
-    id: 'default',
-    pageUrl: 'http://www.visitscotland.com',
-    pageTitle: 'VisitScotland - Scotland\'s National Tourist Organisation',
-    sharePopoverTitle: 'Share On',
-    shareBtnText: 'Share',
-    closeAltText: 'Close',
-    "default": [
-        {
-            name: 'facebook',
-            linkText: 'Facebook'
-        },
-        {
-            name: 'pinterest',
-            linkText: 'Pinterest'
-        },
-        {
-            name: 'whatsapp',
-            linkText: 'WhatsApp'
-        },
-        {
-            name: 'x-twitter',
-            linkText: 'X'
-        },
-        {
-            name: 'email',
-            linkText: 'Email'
-        },
-        {
-            copyLinkClicked: 'onCopyLink',
-            name: 'link',
-            linkText: 'Copy Link',
-            linkCopiedText: 'Link Copied!'
-        },
-    ],
-    jsDisabled: false
-};
-exports.Default = Template.bind({});
-exports.Default.args = base;
-exports.Open = Template.bind({});
-exports.Open.args = base;
-exports.Open.play = function (_a) {
-    var canvasElement = _a.canvasElement;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var canvas, shareButton;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    canvas = (0, test_1.within)(canvasElement);
-                    shareButton = canvas.getByText(base.shareBtnText);
-                    return [4 /*yield*/, test_1.userEvent.click(shareButton)];
-                case 1:
-                    _b.sent();
-                    return [2 /*return*/];
-            }
-        });
-    });
-};
-exports.NoJavascript = Template.bind({});
-exports.NoJavascript.args = __assign(__assign({}, base), { jsDisabled: true, id: 'nojs', noJs: true });

package/dist/stories/components/SpotlightSection.stories.js

@@ -1,86 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.NoImage = exports.WithVideoCompact = exports.WithVideo = exports.LongTitle = exports.Compact = exports.Standard = void 0;
-var SpotlightSection_vue_1 = __importDefault(require("@/components/spotlight-section/SpotlightSection.vue"));
-var Video_vue_1 = __importDefault(require("@/components/video/Video.vue"));
-var ToggleButton_vue_1 = __importDefault(require("@/components/toggle-button/ToggleButton.vue"));
-var prefers_reduced_motion_1 = __importDefault(require("@/utils/prefers-reduced-motion"));
-exports["default"] = {
-    component: SpotlightSection_vue_1["default"],
-    parameters: {
-        layout: 'fullscreen'
-    },
-    title: 'Components/Layout & content structure/SpotlightSection',
-    argTypes: {
-        compact: {
-            control: 'boolean'
-        },
-        heading: {
-            control: {
-                type: 'text'
-            }
-        }
-    }
-};
-var Template = function (args) { return ({
-    components: {
-        VsSpotlightSection: SpotlightSection_vue_1["default"],
-        VsVideo: Video_vue_1["default"],
-        VsToggleButton: ToggleButton_vue_1["default"]
-    },
-    setup: function () {
-        return {
-            args: args
-        };
-    },
-    data: function () {
-        return {
-            isReducedMotion: (0, prefers_reduced_motion_1["default"])()
-        };
-    },
-    methods: {
-        /**
-         * Toggles the video in the video examples with the ref given
-         * using the exposed toggleVideo method in the video component
-         */
-        toggleVideo: function (refKey) {
-            var _a, _b;
-            (_b = (_a = this.$refs[refKey]) === null || _a === void 0 ? void 0 : _a.toggleVideo) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }
-    },
-    template: "\n        <VsSpotlightSection v-bind=\"args\">\n            <template #vs-spotlight-section-media>\n                <VsVideo\n                    v-if=\"args.videoSrc\"\n                    ref=\"spotlightVideo\"\n                    video-type=\"html5\"\n                    :poster-image-src=\"args.imageSrc\"\n                    :video-src=\"args.videoSrc\"\n                    :show-toggle=\"false\"\n                    video-id=\"spotlight-video\"\n                />\n            </template>\n\n            <template #vs-spotlight-section-overlay-controls>\n                <VsToggleButton\n                    v-if=\"args.videoSrc && !isReducedMotion\"\n                    variant=\"overlay\"\n                    icon=\"vs-icon-control-pause\"\n                    pressed-icon=\"vs-icon-control-play\"\n                    :label=\"args.pauseButtonLabel\"\n                    :pressed-label=\"args.playButtonLabel\"\n                    aria-controls=\"spotlight-video\"\n                    @click=\"(val) => toggleVideo('spotlightVideo')\"\n                />\n            </template>\n        </VsSpotlightSection>\n    "
-}); };
-var base = {
-    ctaLink: '#'
-};
-exports.Standard = Template.bind({});
-exports.Standard.args = __assign({ heading: 'Inspiring Scotland travel blogs', description: 'Find all the Scottish holiday inspiration you need in our Scottish travel blog.', ctaText: 'Read the blog', imageSrc: 'fixtures/spotlight-section/kinnoul-hill.jpg', compact: false }, base);
-exports.Compact = Template.bind({});
-exports.Compact.args = __assign({ heading: 'Inspiring Scotland travel blogs', description: 'Find all the Scottish holiday inspiration you need in our Scottish travel blog.', ctaText: 'Read the blog', imageSrc: 'fixtures/spotlight-section/kinnoul-hill.jpg', compact: true }, base);
-exports.LongTitle = Template.bind({});
-exports.LongTitle.args = __assign({ heading: 'Conditions of contact for supply of consultancy services', description: 'Find all the Scottish holiday inspiration you need in our Scottish travel blog.', ctaText: 'Read the article', imageSrc: 'fixtures/spotlight-section/kinnoul-hill.jpg', compact: true }, base);
-exports.LongTitle.globals = {
-    viewport: {
-        value: 'mobile1'
-    }
-};
-exports.WithVideo = Template.bind({});
-exports.WithVideo.args = __assign({ heading: 'Slow travel and wellness retreats', description: 'Slow down and explore Scotland’s breathtaking scenery. Unplug, find moments of wellness, and savour every experience.', ctaText: 'Explore slow travel adventures', imageSrc: 'fixtures/hero/images/lavendar-fields.jpg', videoSrc: 'fixtures/hero/video/lavendar-fields.mp4', playButtonLabel: 'Play video', pauseButtonLabel: 'Pause video', compact: false }, base);
-exports.WithVideoCompact = Template.bind({});
-exports.WithVideoCompact.args = __assign({ heading: 'Slow travel and wellness retreats', description: 'Slow down and explore Scotland’s breathtaking scenery. Unplug, find moments of wellness, and savour every experience.', ctaText: 'Explore slow travel adventures', imageSrc: 'fixtures/hero/images/lavendar-fields.jpg', videoSrc: 'fixtures/hero/video/lavendar-fields.mp4', playButtonLabel: 'Play video', pauseButtonLabel: 'Pause video', compact: true }, base);
-exports.NoImage = Template.bind({});
-exports.NoImage.args = __assign({ heading: 'Inspiring Scotland travel blogs', ctaText: 'Read the blog', compact: true }, base);

package/dist/stories/components/StretchedLinkCard.stories.js

@@ -1,107 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.WithBadges = exports.NoImage = exports.WithPanels = exports.Default = void 0;
-var StretchedLinkCard_vue_1 = __importDefault(require("@/components/stretched-link-card/StretchedLinkCard.vue"));
-var StretchedLinkPanels_vue_1 = __importDefault(require("@/components/stretched-link-card/components/StretchedLinkPanels.vue"));
-var Badge_vue_1 = __importDefault(require("@/components/badge/Badge.vue"));
-exports["default"] = {
-    component: StretchedLinkCard_vue_1["default"],
-    title: 'Components/Deprecated/StretchedLinkCard',
-    decorators: [function () { return ({
-            template: '<div style="max-width:280px;"><story /></div>'
-        }); }],
-    argTypes: {
-        type: {
-            control: {
-                type: 'radio'
-            },
-            options: [
-                'external',
-                'internal',
-                'download',
-                'video',
-            ]
-        },
-        headingLevel: {
-            control: {
-                type: 'radio'
-            },
-            options: [
-                '1',
-                '2',
-                '3',
-                '4',
-                '5',
-                '6',
-            ]
-        },
-        warningSize: {
-            control: {
-                type: 'inline-radio'
-            },
-            options: [
-                'small',
-                'normal',
-            ]
-        }
-    },
-    tags: ['deprecated']
-};
-var Template = function (args) { return ({
-    components: {
-        VsBadge: Badge_vue_1["default"],
-        VsStretchedLinkCard: StretchedLinkCard_vue_1["default"],
-        VsStretchedLinkPanels: StretchedLinkPanels_vue_1["default"]
-    },
-    setup: function () {
-        return {
-            args: args
-        };
-    },
-    template: "\n     <div style=\"background: #940f2c17; padding: 1rem; border: 1px solid #940F2C; margin-bottom: 1rem;\">\n        \u26A0\uFE0F Deprecated: Use new Card instead. This component will be\n            removed in a future release.\n            See the <a href=\"https://visitscotland.atlassian.net/wiki/spaces/DE/pages/1190068237/Stretched+link+card+deprecated\">Component migration docs.</a> \n    </div>\n        <div\n            :class=\"args.jsDisabled ? 'no-js' : ''\"\n        >\n            <VsStretchedLinkCard v-bind=\"args\">\n                <template\n                    v-if=\"".concat('default' in args, "\"\n                    v-slot\n                >\n                    ").concat(args["default"], "\n                </template>\n\n                <template\n                    v-if=\"args['stretched-card-category']\"\n                    v-slot:stretched-card-category\n                >\n                    ").concat(args['stretched-card-category'], "\n                </template>\n\n                <template\n                    v-if=\"args['stretched-card-header']\"\n                    v-slot:stretched-card-header\n                >\n                    ").concat(args['stretched-card-header'], "\n                </template>\n\n                <template\n                    v-if=\"args['stretched-card-content']\"\n                    v-slot:stretched-card-content\n                >\n                    ").concat(args['stretched-card-content'], "\n                </template>\n\n                <template\n                    v-if=\"args['stretched-card-panels']\"\n                    v-slot:stretched-card-panels\n                >\n                    ").concat(args['stretched-card-panels'], "\n                </template>\n\n                <template\n                    v-if=\"args['stretched-card-badges']\"\n                    v-slot:stretched-card-badges\n                >\n                    <VsBadge\n                        v-for=\"badge in args['stretched-card-badges']\"\n                        :key=\"badge\"\n                    >\n                        {{ badge }}\n                    </VsBadge>\n                </template>\n\n                <template\n                    v-if=\"args['stretched-card-link']\"\n                    v-slot:stretched-card-link\n                >\n                    ").concat(args['stretched-card-link'], "\n                </template>\n            </VsStretchedLinkCard>\n        </div>\n    ")
-}); };
-var base = {
-    link: 'https://visitscotland.com',
-    type: 'internal',
-    imgSrc: 'https://cimg.visitscotland.com/cms-images/attractions/outlander/claire-standing-stones-craigh-na-dun-outlander',
-    imgAlt: 'This is the alt text',
-    theme: 'light',
-    headingLevel: '3',
-    disabled: false,
-    videoId: '',
-    videoBtnText: '',
-    errorMessage: '',
-    errorType: 'image',
-    warningSize: 'small',
-    'stretched-card-category': 'Tours',
-    'stretched-card-header': 'Tour scotland with outlander',
-    'stretched-card-content': '<p>See Outlander filming locations, book locations, and attractions with real life Jacobite connections.</p>',
-    'stretched-card-panels': '',
-    'stretched-card-link': '',
-    jsDisabled: false
-};
-exports.Default = Template.bind({});
-exports.Default.args = base;
-exports.WithPanels = Template.bind({});
-exports.WithPanels.args = __assign(__assign({}, base), { 'stretched-card-panels': "\n        <VsStretchedLinkPanels\n            days=\"14\"\n            transport=\"fa-regular fa-car-side\"\n            transportName=\"Car\"\n            daysLabel=\"days\"\n        />\n    " });
-exports.NoImage = Template.bind();
-exports.NoImage.args = __assign(__assign({}, base), { imgSrc: null, 'stretched-card-category': null });
-exports.WithBadges = Template.bind();
-exports.WithBadges.args = __assign(__assign({}, base), { 'stretched-card-badges': [
-        'Read time',
-        'Content type',
-    ], 'stretched-card-category': null });

package/dist/stories/components/StyledList.stories.js

@@ -1,134 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.WithImageHorizontal = exports.WithImage = exports.Numbered = exports.WithIcon = void 0;
-var StyledList_vue_1 = __importDefault(require("@/components/styled-list/StyledList.vue"));
-var StyledListItem_vue_1 = __importDefault(require("@/components/styled-list/components/StyledListItem.vue"));
-exports["default"] = {
-    component: StyledList_vue_1["default"],
-    title: 'Components/Layout & content structure/StyledList',
-    argTypes: {
-        variant: {
-            options: [
-                'icon',
-                'numbered',
-            ],
-            control: {
-                type: 'radio'
-            }
-        }
-    }
-};
-var Template = function (args) { return ({
-    components: {
-        VsStyledList: StyledList_vue_1["default"],
-        VsStyledListItem: StyledListItem_vue_1["default"]
-    },
-    setup: function () {
-        return {
-            args: args
-        };
-    },
-    template: "\n        <VsStyledList v-bind=\"args\">\n            <VsStyledListItem\n                v-for=\"(item, index) in args.listItems\"\n                :key=\"index\"\n                :heading=\"item.heading\"\n                :imageSrc=\"item.imageSrc ? item.imageSrc : null\"\n                :variant=\"args.variant\"\n                :heading-level=\"args.headingLevel\"\n                :anchor-link=\"item.anchorLink ? item.anchorLink : null\"\n            >\n                <div v-html=\"item.content\" />\n            </VsStyledListItem>\n\n            <template\n                v-if=\"args.source\"\n                #list-source\n            >\n                <div v-html=\"args.source\" />\n            </template>\n        </VsStyledList>\n    "
-}); };
-exports.WithIcon = Template.bind({});
-exports.WithIcon.args = {
-    variant: 'icon',
-    listItems: [
-        {
-            heading: 'Showcase your excellence',
-            anchorLink: 'showcase-your-excellence',
-            content: "\n                <p>Being a Taste Our Best business means that you can be easily identified as a provider of high quality, locally sourced food and drink. This is something that we'll help support throughout our marketing.</p>\n            "
-        },
-        {
-            heading: 'Important to visitors',
-            content: "\n                <p>Food tourism is a key part of the visitor experience, with 66% of our visitors telling us that food is important when choosing a holiday destination.</p>\n                <p><a href=\"#\">Read our food and drink insights to find out more</a>.</p>\n            "
-        },
-        {
-            heading: 'Supporting seasonality',
-            content: "\n                <p>Promoting Scottish produce in season not only meets our visitor preferences. Local food can provide freshness, reduce food miles, and offer benefits to local farmers and communities. That's not all - seasonal food can be tastier for diners and be more affordable to serve for businesses.</p>\n            "
-        },
-    ],
-    headingLevel: 3
-};
-exports.Numbered = Template.bind({});
-exports.Numbered.args = {
-    variant: 'numbered',
-    listItems: [
-        {
-            heading: 'Review the guidance',
-            content: "\n                <p>Take a look at out Taste Our Best criteria for your type of business, so you are aware of what our team will be looking for when assessing your business. Don't worry if you're not sure if you can meet all the requirements, we can offer you guidance that's right for you business.</p>\n                <p>If you have any queries, our team can help and provide advice on what will work best for you. Get in touch with us at <a href='#'>customer.services@visitscotland.com</a>.</p>\n                <p>Be sure to check you <a href='#'>agree to our schedule of conditions</a>.</p>\n            "
-        },
-        {
-            heading: 'View participation fees',
-            content: "\n                <p>Our annual fees relating to your Taste Our Best standalone membership are based on the type of food business you run. They range from just over \u00A355 + vat for a takeaway to just over \u00A3134 + vat for a restaurant or bar.</p>\n                <p>Find our full range of fees in the Taste Our Best membership section of the following download.</p>\n            "
-        },
-        {
-            heading: 'Complete your application',
-            content: "\n                <p>A Taste Our Best accreditation assessment is an added benefit of our Quality Assurance Scheme, so existing members won't need to sign up separately. You can also apply for Taste Our Best as a standalone service.</p>\n                <p>Once you've signed up you will receive a welcome call from our Quality Assurance team. They will talk you through the process and explain how your first live grading visit will work before we see you in person. You'll also have the chance to ask us any questions you might have.</p>\n                <p>Are you already a member of our Quality Assurance Scheme? Then you do not need to make an application. As a Taste Our Best accreditation assessment is already included as a benefit of your membership.</p>\n            "
-        },
-        {
-            heading: 'The visit',
-            content: "\n                <p>We will come and eat at your establishment as a regular diner would, taking the form of an incognito visit.</p>\n                <p>At a time convenient to you, our Quality and Tourism Advisor will offer their expert advice and feedback specific to your business, and let you know if you have been successful in achieving the Taste our Best award.</p>\n                <p>This is a valuable opportunity to gain insights and tailored one-to-one advice about the visitor journey your business is offering.</p>\n            "
-        },
-        {
-            heading: 'Your award',
-            content: "\n                <p>Following your Taste Our Best assessment visit you will receive confirmation of your award by email, along with a detailed report containing tailored advice and guidance.</p>\n                <p>You will also be provided with an award certificate and electronic logos so that you can shout about your new Taste Our Best Award.</p>\n                <p><a href=\"#\">Read more about how to make the most of your award</a>.</p>\n            "
-        },
-    ]
-};
-exports.WithImage = Template.bind({});
-exports.WithImage.args = {
-    variant: 'image',
-    listItems: [
-        {
-            heading: 'New',
-            imageSrc: 'fixtures/styled-list/swot-opportunities.svg',
-            content: "\n                <p>Originality for young travellers means providing new opportunities or reviving and refreshing existing traditions and brands so that young travellers feel they are discovering them for the first time.</p>\n            "
-        },
-        {
-            heading: 'Value for money',
-            imageSrc: 'fixtures/styled-list/investment.svg',
-            content: "\n                <p>Affordability is key, particularly when income may not match the desire for new experiences. Young travellers are adept at seeking out deals and signing up to offers that keep them \"in the know\".</p>\n                <p>Those without children can be agile and spontaneous. They're able to take advantage of last-minute opportunities.</p>\n            "
-        },
-        {
-            heading: 'Braggable',
-            imageSrc: 'fixtures/styled-list/messages-of-support.svg',
-            content: "\n                <p>Being seen as \"ahead of the curve\" is important to young travellers, allowing them to feel like a leader rather than a follower.</p>\n                <p>Reframing an experience (staying in a log cabin rather than a hotel for example) means \"bragging rights\" are rooted in a genuinely differentiated experience rather than simply ticking off a destination.</p>\n            "
-        },
-        {
-            heading: 'Unique',
-            imageSrc: 'fixtures/styled-list/innovation.svg',
-            content: "\n                <p>Younger people want a deeper level of involvement when they travel.</p>\n                <p>They often seek out experiences that are unique to the destination. These may not be particularly unusual, but are different to normal behaviour and different from previous (and future) holidays.</p>\n            "
-        },
-    ]
-};
-exports.WithImageHorizontal = Template.bind({});
-exports.WithImageHorizontal.args = {
-    variant: 'image-horizontal',
-    listItems: [
-        {
-            imageSrc: 'fixtures/styled-list/outdoor-access.svg',
-            heading: '70%',
-            content: '<p>of visitors stated scenery and landscape.</p>'
-        },
-        {
-            imageSrc: 'fixtures/styled-list/calton-hill.svg',
-            heading: '48%',
-            content: '<p>of visitors mentioned Scotland\'s history and culture.</p>'
-        },
-        {
-            imageSrc: 'fixtures/styled-list/cycling.svg',
-            heading: '27%',
-            content: '<p>of visitors mentioned outdoor activities.</p>'
-        },
-        {
-            imageSrc: 'fixtures/styled-list/staff-training.svg',
-            heading: '22%',
-            content: '<p>of visitors highlighted visiting friends and family.</p>'
-        },
-    ],
-    source: '<p>Source: Scotland Visitor Survey, 2023</p>'
-};

package/dist/stories/components/SummaryBox.stories.js

@@ -1,101 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.Default = void 0;
-var SummaryBoxList_vue_1 = __importDefault(require("@/components/summary-box/SummaryBoxList.vue"));
-var SummaryBoxListItem_vue_1 = __importDefault(require("@/components/summary-box/components/SummaryBoxListItem.vue"));
-var SummaryBoxDistanceListItem_vue_1 = __importDefault(require("@/components/summary-box/components/SummaryBoxDistanceListItem.vue"));
-var sample_itinerary_json_1 = __importDefault(require("@/assets/fixtures/itineraries/sample-itinerary.json"));
-exports["default"] = {
-    component: SummaryBoxList_vue_1["default"],
-    title: 'Components/To be reviewed/SummaryBox',
-    argTypes: {
-        transportKey: {
-            options: [
-                'none - icon is optional',
-                'car',
-                'bus',
-                'cycle',
-                'train',
-                'ferry',
-                'walk',
-                'tram',
-                'taxi',
-                'subway',
-                'public-transport',
-                'boat',
-            ],
-            control: {
-                type: 'select'
-            }
-        },
-        themeKey: {
-            options: [
-                'none - icon is optional',
-                'child',
-                'family',
-                'film-tv',
-                'city',
-                'camera',
-                'castle',
-                'food',
-                'hiking',
-                'history',
-                'leaf',
-                'ski-boot',
-                'whisky',
-            ],
-            control: {
-                type: 'select'
-            }
-        },
-        themeValue: {
-            options: [
-                'Families',
-                'Film & TV',
-                'City Break',
-                'Photography',
-                'Architecture',
-                'Food',
-                'Hiking',
-                'History',
-                'Nature',
-                'Skiing',
-                'Whisky',
-            ],
-            control: {
-                type: 'select'
-            }
-        }
-    }
-};
-var Template = function (args) { return ({
-    components: {
-        VsSummaryBoxList: SummaryBoxList_vue_1["default"],
-        VsSummaryBoxListItem: SummaryBoxListItem_vue_1["default"],
-        VsSummaryBoxDistanceListItem: SummaryBoxDistanceListItem_vue_1["default"]
-    },
-    setup: function () {
-        return {
-            args: args
-        };
-    },
-    template: "\n        <VsSummaryBoxList>\n            <VsSummaryBoxListItem\n                :text=\"args.totalDays\"\n                :label=\"args.item1Label\"\n            />\n            <VsSummaryBoxDistanceListItem\n                :miles=\"args.totalMiles\"\n                :kilometres=\"args.totalKM\"\n                :distance-label=\"args.item2Label\"\n                miles-label=\"miles\"\n                kilometres-label=\"km\"\n            />\n            <VsSummaryBoxListItem\n                :icon=\"args.transportKey\"\n                :icon-label=\"args.transportValue\"\n                :label=\"args.item3Label\"\n            />\n            <VsSummaryBoxListItem\n                :icon=\"args.themeKey\"\n                :icon-label=\"args.themeValue\"\n                :label=\"args.item4Label\"\n            />\n        </VsSummaryBoxList>\n    "
-}); };
-var base = {
-    totalDays: sample_itinerary_json_1["default"].totalDays,
-    totalMiles: sample_itinerary_json_1["default"].totalMiles,
-    totalKM: sample_itinerary_json_1["default"].totalKM,
-    transportKey: sample_itinerary_json_1["default"].transport.key,
-    transportValue: sample_itinerary_json_1["default"].transport.value,
-    themeKey: sample_itinerary_json_1["default"].theme.key,
-    themeValue: sample_itinerary_json_1["default"].theme.value,
-    item1Label: 'Days',
-    item2Label: 'Distance',
-    item3Label: 'Transport',
-    item4Label: 'Main theme'
-};
-exports.Default = Template.bind({});
-exports.Default.args = base;

package/dist/stories/components/SvgLink.stories.js

@@ -1,51 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.OnDark = exports.Default = void 0;
-var SvgLink_vue_1 = __importDefault(require("@/components/svg-link/SvgLink.vue"));
-exports["default"] = {
-    component: SvgLink_vue_1["default"],
-    title: 'Components/To be reviewed/SvgLink'
-};
-var Template = function (args) { return ({
-    components: {
-        VsSvgLink: SvgLink_vue_1["default"]
-    },
-    setup: function () {
-        return {
-            args: args
-        };
-    },
-    template: "\n        <VsSvgLink v-bind=\"args\">\n            <template v-if=\"".concat('default' in args, "\" v-slot>").concat(args["default"], "</template>\n        </VsSvgLink>\n    ")
-}); };
-var base = {
-    href: 'https://visitscotland.com',
-    linkAltText: 'VisitScotland Home',
-    svgPath: 'visitscotland-logo',
-    svgFill: '#700e57',
-    svgHeight: '',
-    svgWidth: '',
-    linkVariant: 'primary'
-};
-exports.Default = Template.bind({});
-exports.Default.args = base;
-exports.OnDark = Template.bind({});
-exports.OnDark.args = __assign(__assign({}, base), { svgPath: 'brandscotland-logo', svgFill: '#ffffff', svgWidth: '180', linkVariant: 'on-dark' });
-exports.OnDark.globals = {
-    backgrounds: {
-        value: 'dark'
-    }
-};