@uh-design-system/component-library 1.6.0-rc.0 → 1.6.0-rc.2

package/dist/collection/patterns/stories/filters.stories.js

@@ -1,121 +0,0 @@
-import { html } from "lit";
-import { getDsElem } from "../../utils/tests/testUtils";
-import { expect, waitFor } from "@storybook/test";
-const meta = {
-    title: 'Patterns/Filters',
-};
-export default meta;
-const options = [
-    { value: 'combobox-1', label: 'Option 1' },
-    { value: 'combobox-2', label: 'Option 2' },
-    { value: 'combobox-3', label: 'Option 3' },
-];
-const keyValueMap = new Map(options.map(option => [option.value, option.label]));
-const valueKeyMap = new Map(options.map(option => [option.label, option.value]));
-export const Default = {
-    render: () => {
-        return html `
-      <ds-combobox ds-label="Combobox"> ${options.map(option => html `<ds-option ds-value="${option.value}">${option.label}</ds-option>`)} </ds-combobox>
-      <div class="ds-my-md">
-        <ds-chip-group ds-label="Selected filters"></ds-chip-group>
-      </div>
-    `;
-    },
-    play: async ({ canvasElement, step }) => {
-        const combobox = (await getDsElem(canvasElement, 'ds-combobox'));
-        const chipGroup = (await getDsElem(canvasElement, 'ds-chip-group'));
-        const createChip = (text, value) => {
-            const chip = document.createElement('ds-chip');
-            chip.setAttribute('ds-text', text);
-            chip.setAttribute('ds-value', value);
-            chip.setAttribute('role', 'listitem');
-            return chip;
-        };
-        const getChip = (selector) => {
-            return chipGroup.querySelector(selector).closest('ds-chip');
-        };
-        chipGroup.addEventListener('dsChipClick', (event) => {
-            const chip = getChip(`ds-chip[ds-value="${event.detail}"]`);
-            if (chip) {
-                chipGroup.removeChild(chip);
-                const optionValue = valueKeyMap.get(chip.dsText);
-                if (combobox.dsValue === optionValue) {
-                    combobox.dsValue = null;
-                }
-            }
-        });
-        combobox.addEventListener('dsChange', (event) => {
-            combobox.dsValue = event.detail;
-            const existingOptionChip = Array.from(chipGroup.children).find((chip) => valueKeyMap.get(chip.dsText));
-            if (existingOptionChip) {
-                chipGroup.removeChild(existingOptionChip);
-            }
-            if (event.detail) {
-                const newOptionChip = createChip(keyValueMap.get(event.detail), event.detail);
-                chipGroup.appendChild(newOptionChip);
-            }
-        });
-        await step('Append chips to the chip group', async () => {
-            const chips = [
-                { text: 'Foo 1', value: 'foo-1' },
-                { text: 'Foo 2', value: 'foo-2' },
-            ].map(({ text, value }) => {
-                return createChip(text, value);
-            });
-            chipGroup.append(...chips);
-            await expect(chipGroup.children).toHaveLength(2);
-        });
-        await step('Select an option in the combobox', async () => {
-            await waitFor(async () => {
-                const value = combobox.getElementsByTagName('ds-option')[0]?.dsValue;
-                combobox.dsValue = value;
-                combobox.dispatchEvent(new CustomEvent('dsChange', { detail: value, bubbles: true }));
-            });
-            await expect(await combobox.getSelectedOption()).toEqual({
-                value: 'combobox-1',
-                label: 'Option 1',
-                description: null,
-            });
-            await expect(combobox.dsValue).toBe('combobox-1');
-            await expect(chipGroup.children).toHaveLength(3);
-        });
-        await step('Clear the combobox selection programmatically', async () => {
-            await waitFor(async () => {
-                combobox.dsValue = null;
-                combobox.dispatchEvent(new CustomEvent('dsChange', { detail: null, bubbles: true }));
-            });
-            await expect(await combobox.getSelectedOption()).toBeNull();
-            await expect(chipGroup.children).toHaveLength(2);
-        });
-        await step('Click a chip to remove it from the chip group', async () => {
-            const chip = getChip('ds-chip');
-            await waitFor(async () => {
-                chip.click();
-                await expect(chipGroup.children).toHaveLength(1);
-            });
-        });
-        await step('Select another option in the combobox', async () => {
-            await waitFor(async () => {
-                const value = combobox.getElementsByTagName('ds-option')[1]?.dsValue;
-                combobox.dsValue = value;
-                combobox.dispatchEvent(new CustomEvent('dsChange', { detail: value, bubbles: true }));
-            });
-            await expect(await combobox.getSelectedOption()).toEqual({
-                value: 'combobox-2',
-                label: 'Option 2',
-                description: null,
-            });
-            await expect(combobox.dsValue).toBe('combobox-2');
-            await expect(chipGroup.children).toHaveLength(2);
-        });
-        await step('Click the combobox option chip to remove it from the chip group', async () => {
-            const chip = getChip('ds-chip[ds-text="Option 2"]');
-            await waitFor(async () => {
-                chip.click();
-                await expect(await combobox.getSelectedOption()).toBeNull();
-                await expect(combobox.dsValue).toBe(null);
-                await expect(chipGroup.children).toHaveLength(1);
-            });
-        });
-    },
-};

package/dist/collection/patterns/stories/form.stories.js

@@ -1,387 +0,0 @@
-import { useArgs } from "@storybook/preview-api";
-import { html } from "lit";
-import { generateLoremIpsum } from "../../utils/storybook/storybookUtils";
-const meta = {
-    title: 'Patterns/Form',
-};
-export default meta;
-const formStyle = html `
-  <style>
-    .ds-sb-button-group {
-      display: flex;
-      gap: var(--ds-spacing-layout-2xSmall);
-    }
-    .ds-sb-full-width {
-      width: 100%;
-    }
-    .ds-sb-gap--small {
-      margin-top: 2.5rem;
-    }
-    .ds-sb-gap {
-      margin-top: var(--ds-spacing-layout-large);
-    }
-    .ds-sb-full-width > .ds-heading-md {
-      margin-bottom: var(--ds-spacing-large);
-    }
-    .ds-sb-full-width > p:last-of-type {
-      margin-bottom: 0;
-    }
-  </style>
-`;
-const formDOM = (args, validation) => {
-    const [, updateArgs] = useArgs();
-    return html `
-    <ds-grid ds-container="true">
-      <div class="ds-sb-full-width">
-        <h2 class="ds-heading-xl">Reserve a visit</h2>
-        <p class="ds-bodytext-xl">
-          Please fill in the form below to reserve a visit for your cat. We will contact you to confirm the
-          appointment.
-        </p>
-        <ds-button
-          ds-variant="primary"
-          ds-text="Contact us"
-          @click=${() => updateArgs({ contactUsModalIsOpen: true })}>
-        </ds-button>
-        <ds-modal
-          ds-variant="default"
-          ds-size="medium"
-          ds-heading-text="Contact us"
-          ?ds-open=${args.contactUsModalIsOpen}
-          @dsModalClose=${() => updateArgs({ contactUsModalIsOpen: false })}
-        >
-          <div slot="content">${generateLoremIpsum({ paragraphs: 20, wordsPerParagraph: 50, consistent: true })}</div>
-        </ds-modal>
-        <p class="ds-bodytext-xl">
-          All required fields are marked with an asterisk (*).
-        </p>
-      </div>
-      <form
-        id=${`form-${validation}`}
-        @submit=${(e) => {
-        e.preventDefault();
-        const formData = new FormData(e.target);
-        const resultElement = document.getElementById('result');
-        resultElement.innerText = `Result:\n${JSON.stringify(Array.from(formData.entries()), null, 2)}`;
-    }}
-        @reset=${() => {
-        const resultElement = document.getElementById('result');
-        resultElement.innerText = '';
-    }}
-      >
-        ${args.renderOwnerInformation
-        ? html `
-                <div class="ds-sb-full-width ds-sb-gap--small">
-                  <h3 class="ds-heading-md">Owner information</h3>
-                  <ds-grid>
-                    <ds-grid>
-                      <ds-text-input ds-name="first-name" ds-label="First name" ds-required="true"></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-text-input ds-name="last-name" ds-label="Last name" ds-required="true"></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-text-input ds-name="email" ds-type="email" ds-icon="mail" ds-label="Email" ds-required="true" style="width:100%; max-width: 437px"></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-text-input ds-name="phone" ds-type="tel" ds-icon="call" ds-label="Telephone" ds-optional="true"></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-combobox ds-name="city" ds-label="City" ds-required="true" ds-placeholder="Select or type a city...">
-                        <ds-option ds-value="helsinki">Helsinki</ds-option>
-                        <ds-option ds-value="tampere">Tampere</ds-option>
-                        <ds-option ds-value="turku">Turku</ds-option>
-                        <ds-option ds-value="oulu">Oulu</ds-option>
-                        <ds-option ds-value="jyvaskyla">Jyväskylä</ds-option>
-                        <ds-option ds-value="lahti">Lahti</ds-option>
-                        <ds-option ds-value="kuopio">Kuopio</ds-option>
-                        <ds-option ds-value="pori">Pori</ds-option>
-                        <ds-option ds-value="joensuu">Joensuu</ds-option>
-                        <ds-option ds-value="lappeenranta">Lappeenranta</ds-option>
-                      </ds-combobox>
-                    </ds-grid>
-                  </ds-grid>
-                </div>
-              `
-        : ''}
-        ${args.renderAppointment
-        ? html `
-                <div class="ds-sb-full-width ds-sb-gap">
-                  <h3 class="ds-heading-md">Appointment</h3>
-                  <ds-grid>
-                    <ds-datepicker
-                      ds-name="appointment-date-native"
-                      ds-label="Preferred appointment date (native)"
-                      ds-variant="native"
-                      ds-required="true"
-                      ds-min="2026-01-27"
-                      style="width: 100%; max-width: 300px"
-                    ></ds-datepicker>
-                  </ds-grid>
-                  <ds-grid>
-                    <ds-datepicker
-                      ds-name="appointment-date-custom"
-                      ds-label="Alternative appointment date (custom)"
-                      ds-variant="custom"
-                      ds-required="true"
-                      ds-min="2026-01-27"
-                      style="width: 100%; max-width: 300px"
-                    ></ds-datepicker>
-                  </ds-grid>
-                  <ds-grid>
-                    <ds-select
-                      ds-name="appointment-time"
-                      ds-label="Preferred appointment time"
-                      ds-required="true"
-                      ds-placeholder="Select appointment time..."
-                      style="width: 100%; max-width: 300px"
-                    >
-                      <ds-option ds-value="9:00">9:00 AM</ds-option>
-                      <ds-option ds-value="10:00">10:00 AM</ds-option>
-                      <ds-option ds-value="11:00">11:00 AM</ds-option>
-                      <ds-option ds-value="12:00">12:00 PM</ds-option>
-                      <ds-option ds-value="13:00">1:00 PM</ds-option>
-                      <ds-option ds-value="14:00">2:00 PM</ds-option>
-                      <ds-option ds-value="15:00">3:00 PM</ds-option>
-                      <ds-option ds-value="16:00">4:00 PM</ds-option>
-                      <ds-option ds-value="17:00">5:00 PM</ds-option>
-                    </ds-select>
-                    <ds-grid>
-                      <ds-text-input ds-name="cat-name" ds-label="Cat name" ds-assistive-text="Enter cat's calling name." ds-required="true"></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-text-input
-                        ds-name="cat-age"
-                        ds-type="number"
-                        ds-min="0"
-                        ds-label="Cat age"
-                        ds-required="true"
-                        ds-suffix-text="years"
-                        ds-hidden-assistive-text="Enter cat's age in years."
-                        style="width: 100%; max-width: 200px"
-                      ></ds-text-input>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-radio-button-group ds-name="cat-gender" ds-label="Cat gender" ds-required="true">
-                        <ds-radio-button ds-value="male" ds-text="Male"></ds-radio-button>
-                        <ds-radio-button ds-value="female" ds-text="Female"></ds-radio-button>
-                      </ds-radio-button-group>
-                    </ds-grid>
-                    <ds-grid>
-                      <!-- <ds-text-input ds-name="cat-breed" ds-label="Cat breed" ds-optional="true"></ds-text-input> -->
-                      <ds-combobox
-                        ds-variant="multiple"
-                        ds-name="cat-breed"
-                        ds-label="Cat breed"
-                        ds-optional="true"
-                        ds-placeholder="Select or type a breed..."
-                        ds-assistive-text="Choose multiple for mixed breeds."
-                      >
-                        <ds-option ds-variant="multiple" ds-value="abyssinian">Abyssinian</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="bengal">Bengal</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="birman">Birman</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="british-shorthair">British Shorthair</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="maine-coon">Maine Coon</ds-option>
-                      </ds-combobox>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-checkbox-group ds-name="treatment" ds-label="Treatment" ds-required="true" ds-text="All treatments">
-                        <ds-checkbox ds-value="bath" ds-text="Bath, blow-dry and 15-min brushout"></ds-checkbox>
-                        <ds-checkbox ds-value="nail" ds-text="Nail trim"></ds-checkbox>
-                        <ds-checkbox ds-value="shampoo" ds-text="Deep-cleansing shampoo"></ds-checkbox>
-                        <ds-checkbox ds-value="cut" ds-text="Cut and style"></ds-checkbox>
-                      </ds-checkbox-group>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-select
-                        ds-name="appointment-vet"
-                        ds-label="Preferred veterinarian"
-                        ds-required="true"
-                        ds-placeholder="Select preferred veterinarian..."
-                        ds-variant="multiple"
-                        style="width: 100%; max-width: 300px"
-                      >
-                        <ds-option ds-variant="multiple" ds-value="dr-smith">Dr. Smith</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="dr-jones">Dr. Jones</ds-option>
-                        <ds-option ds-variant="multiple" ds-value="dr-taylor">Dr. Taylor</ds-option>
-                        <ds-option ds-disabled="true" ds-variant="multiple" ds-value="dr-brown" ds-description="in a seminar">Dr. Brown</ds-option>
-                      </ds-select>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-datepicker
-                        ds-name="appointment-date"
-                        ds-label="Preferred appointment date"
-                        ds-variant="native"
-                        ds-required="true"
-                        ds-min="2026-01-27"
-                        style="width: 100%; max-width: 300px"
-                      ></ds-datepicker>
-                    </ds-grid>
-                    <ds-grid>
-                      <ds-select
-                        ds-name="appointment-time"
-                        ds-label="Preferred appointment time"
-                        ds-required="true"
-                        ds-placeholder="Select appointment time..."
-                        style="width: 100%; max-width: 300px"
-                      >
-                        <ds-option ds-value="9:00">9:00 AM</ds-option>
-                        <ds-option ds-value="10:00">10:00 AM</ds-option>
-                        <ds-option ds-value="11:00">11:00 AM</ds-option>
-                        <ds-option ds-value="12:00">12:00 PM</ds-option>
-                        <ds-option ds-value="13:00">1:00 PM</ds-option>
-                        <ds-option ds-value="14:00">2:00 PM</ds-option>
-                        <ds-option ds-value="15:00">3:00 PM</ds-option>
-                        <ds-option ds-value="16:00">4:00 PM</ds-option>
-                        <ds-option ds-value="17:00">5:00 PM</ds-option>
-                      </ds-select>
-                    </ds-grid>
-                  </ds-grid>
-                </div>
-              `
-        : ''}
-        ${args.renderFinishingMeows
-        ? html `
-                <div class="ds-sb-full-width ds-sb-gap">
-                  <h3 class="ds-heading-md">Finishing meows</h3>
-                  <ds-checkbox ds-name="terms" ds-value="true" ds-text="I understand and agree with the terms of service and privacy policy" ds-required="true"></ds-checkbox>
-                  <ds-checkbox ds-name="news" ds-value="true" ds-text="I would like to receive news and offers from Cat Spa" ds-optional="true"></ds-checkbox>
-                  <ds-text-area class="ds-mt-md" ds-name="comments" ds-label="Additional comments" ds-placeholder="Write your comments here..." ds-resizing="auto"></ds-text-area>
-                </div>
-              `
-        : ''}
-        <div class="ds-sb-full-width ds-sb-gap ds-sb-button-group">
-          <ds-button ds-variant="primary" ds-value="Reserve" ds-type="submit"></ds-button>
-          <ds-button ds-variant="secondary" ds-value="Cancel" ds-type="reset"></ds-button>
-        </div>
-      </form>
-      <div class="ds-sb-full-width">
-        <pre id="result"></pre>
-      </div>
-    </div>
-  `;
-};
-const storyOptions = {
-    args: {
-        contactUsModalIsOpen: false,
-        renderOwnerInformation: true,
-        renderAppointment: true,
-        renderFinishingMeows: true,
-    },
-    parameters: {
-        layout: 'fullscreen',
-    },
-};
-export const Dynamic = {
-    ...storyOptions,
-    render: args => html `
-    ${formStyle} ${formDOM(args, 'dynamic')}
-    <script>
-      /**
-       * Example demonstrating how to dynamically set error messages and focus on invalid form submission.
-       */
-      document.addEventListener('DOMContentLoaded', () => {
-        const $form = document.querySelector('#form-dynamic');
-        let firstInvalidElement = null;
-        let focusTimeout = null;
-
-        /**
-         * Handles the dsSubmitInvalid event to set error text and focus on the first invalid element.
-         *
-         * You can use the "flag" property in the event detail to determine the type of validation error
-         * and set a custom error message based on that.
-         *
-         * @param {CustomEvent<{ message: string, flag: string }>} e - The dsSubmitInvalid event.
-         */
-        const handleDsSubmitInvalid = e => {
-          e.target.setAttribute('ds-error-text', e.detail.message);
-          if (!firstInvalidElement) {
-            firstInvalidElement = e.target;
-          }
-          focusTimeout = setTimeout(() => {
-            firstInvalidElement?.setFocus();
-            firstInvalidElement = null;
-            clearTimeout(focusTimeout);
-          }, 1);
-        };
-
-        /**
-         * Handles the dsValidity event to update/remove error text when user performs actions.
-         *
-         * You can use the "flag" property in the event detail to determine the type of validation error
-         * and set a custom error message based on that.
-         *
-         * @param {CustomEvent<{ message?: string, flag: string }>} e - The dsValidity event.
-         */
-        const handleDsValidity = e => {
-          e.target.setAttribute('ds-error-text', e.detail.message);
-        };
-
-        $form.addEventListener('dsSubmitInvalid', handleDsSubmitInvalid);
-        $form.addEventListener('dsValidity', handleDsValidity);
-      });
-    </script>
-  `,
-};
-export const Static = {
-    ...storyOptions,
-    render: args => html `
-    ${formStyle} ${formDOM(args, 'static')}
-    <script>
-      /**
-       * Example demonstrating how to statically set error messages and focus on invalid form submission.
-       */
-      document.addEventListener('DOMContentLoaded', () => {
-        const $form = document.querySelector('#form-static');
-        let firstInvalidElement = null;
-        let focusTimeout = null;
-        const validElements = [];
-
-        /**
-         * Handles the dsSubmitInvalid event to set error text and focus on the first invalid element.
-         *
-         * You can use the "flag" property in the event detail to determine the type of validation error
-         * and set a custom error message based on that.
-         *
-         * @param {CustomEvent<{ message: string, flag: string }>} e - The dsSubmitInvalid event.
-         */
-        const handleDsSubmitInvalid = e => {
-          e.target.setAttribute('ds-error-text', e.detail.message);
-
-          if (!firstInvalidElement) {
-            firstInvalidElement = e.target;
-          }
-          // Remove error text from valid elements
-          validElements.forEach(el => {
-            el.setAttribute('ds-error-text', '');
-          });
-          focusTimeout = setTimeout(() => {
-            firstInvalidElement?.setFocus();
-            firstInvalidElement = null;
-            clearTimeout(focusTimeout);
-          }, 1);
-        };
-
-        /**
-         * Handles the dsValidity event to update/remove error text when user performs actions.
-         *
-         * You can use the "flag" property in the event detail to determine the type of validation error
-         * and set a custom error message based on that.
-         *
-         * @param {CustomEvent<{ message?: string, flag: string }>} e - The dsValidity event.
-         */
-        const handleDsValidity = e => {
-          if (e.detail.flag === 'valid' && !validElements.includes(e.target)) {
-            validElements.push(e.target);
-          }
-          if (e.detail.flag !== 'valid' && validElements.includes(e.target)) {
-            validElements.splice(validElements.indexOf(e.target), 1);
-          }
-        };
-
-        $form.addEventListener('dsSubmitInvalid', handleDsSubmitInvalid);
-        $form.addEventListener('dsValidity', handleDsValidity);
-      });
-    </script>
-  `,
-};

package/dist/collection/patterns/stories/i18n.stories.js

@@ -1,53 +0,0 @@
-import { html } from "lit";
-import { expect, userEvent } from "@storybook/test";
-const meta = {
-    title: 'Patterns/Internationalization',
-};
-export default meta;
-export const Default = {
-    parameters: {
-        visualTests: {
-            disable: true,
-        },
-        a11y: {
-            disable: true,
-        },
-    },
-    render: () => html `
-    <div class="ds-mb-md">
-      <ds-store ds-language="fi"></ds-store>
-      <div>
-        <select
-          name="language"
-          @change=${(e) => {
-        const select = e.target;
-        const store = document.querySelector('ds-store');
-        store.setLanguage(select.value);
-    }}
-        >
-          <option value="fi" selected>Finnish</option>
-          <option value="sv">Swedish</option>
-          <option value="en">English</option>
-        </select>
-      </div>
-    </div>
-    <div>
-      <p>Inspect the <code>ds-link</code> component to see its <code>visually-hidden</code> text change.</p>
-      <ds-link ds-href="#" ds-target="_blank" ds-text="Link to external page"></ds-link>
-    </div>
-  `,
-    play: async ({ canvasElement, step }) => {
-        const select = canvasElement.querySelector('select[name="language"]');
-        await step('Default language is set to Finnish using ds-language property', async () => {
-            await customElements.whenDefined('ds-store');
-            const store = canvasElement.querySelector('ds-store');
-            await expect(await store.getLanguage()).toBe('fi');
-        });
-        await step('Change language to English', async () => {
-            await customElements.whenDefined('ds-store');
-            const store = canvasElement.querySelector('ds-store');
-            await userEvent.selectOptions(select, 'en');
-            await expect(store.dsLanguage).toBe('en');
-        });
-    },
-};

package/dist/component-library/p-00593ed5.entry.js

@@ -1 +0,0 @@
-import{r as h,h as v,H as e}from"./p-DVRFDmEO.js";const s=class{constructor(v){h(this,v)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return v(e,{key:"cfdb8302bd16f1d6ae4629bb950607178db9e267",style:{display:"flex"},title:this.dsTitle},v("svg",{key:"b5d71b3d39eef83fe36cc3c52653f8727631f92a",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},v("path",{key:"fdaee102f9d0bdae70c2bccf51b4f159ef896a2d",d:"M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665ZM213-212Zm229 0h76-76Zm306 0ZM213-443v-74 74Zm267-37Zm268 37v-74 74ZM442-748h76-76Zm306 0ZM137-138h76v-74h-76v74Zm305 0h76v-74h-76v74Zm306 0h75v-74h-75v74ZM137-443h76v-74h-76v74Zm305 0h76v-74h-76v74Zm306 0h75v-74h-75v74ZM442-748h76v-74h-76v74Zm306 0h75v-74h-75v74Z"})))}};export{s as ds_icon_widget_small}

package/dist/component-library/p-0337c2e7.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as a}from"./p-DVRFDmEO.js";const e=class{constructor(t){s(this,t)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(a,{key:"111bdca82170872e5ba1b7b7e0328ef4757b376c",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"c537ead49c94cea2f9a8f8d7b2ca0fa9cf1d0870",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"3791b3501f3b26accacf8f73a5cd06a5c2ba4d5a",d:"M15-122v-121q0-42.3 21.7-76.1Q58.39-352.9 97-371q75-32 136.47-47 61.48-15 126.55-15 66.98 0 127.48 14.5T623-371q38.34 16.83 60.67 50.7Q706-286.43 706-243.05V-122H15Zm762 0v-119q0-65-31.5-109.5T660-431q61 9 115.5 23.5T866-375q36 19 57.5 54.81t21.5 82.24V-122H777ZM360.25-494Q288-494 243-539t-45-117.5q0-72.5 45.04-117.5 45.05-45 117-45 71.96 0 117.46 45.03T523-657q0 73-45.25 118t-117.5 45ZM757-657.01q0 72.01-45.45 117.51-45.44 45.5-117.8 45.5-12.06 0-24.4-2-12.35-2-26.35-7 26-27 38.5-65.85 12.5-38.85 12.5-87.5t-12.65-86.13q-12.66-37.49-38.35-67.65 12-3.87 25.24-6.37 13.24-2.5 25.51-2.5 71.99 0 117.62 45.52Q757-727.96 757-657.01Z"})))}};export{e as ds_icon_group_fill}

package/dist/component-library/p-0362525a.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-DVRFDmEO.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"b541eef7b6b9d5bab5a5bdd2cea010ef71c94ec6",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"6878445cd2a8c5ec49cd737a7c843b98e3ef2de2",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"020dc1e7f9d1667754a95931259c5f1a21ff47bb",d:"M659-568v-84h256v84H659Zm-297.2 74q-77.21 0-126-48.8-48.8-48.79-48.8-126 0-77.2 48.8-126.2 48.79-49 126-49 77.2 0 126.7 49T538-668.8q0 77.21-49.5 126Q439-494 361.8-494ZM17-122v-121q0-42.3 21.7-76.1Q60.39-352.9 99-371q77-34 137.8-48 60.79-14 124.54-14Q427-433 488-419t137 48q38.61 17.96 60.8 51.23 22.2 33.28 22.2 76.54V-122H17Zm94-94h502v-23q0-15.39-9.07-29.39-9.08-14-24.2-20.72Q514-319 467-328.5T361.5-338q-56.5 0-104.5 9.5t-113.57 39.34q-15.43 6.72-23.93 20.74Q111-254.41 111-239v23Zm250.96-372q36.04 0 58.54-22.85 22.5-22.84 22.5-58.11 0-35.69-22.46-58.37-22.47-22.67-58-22.67Q327-750 304-727.28t-23 57.82q0 35.51 22.85 58.49Q326.69-588 361.96-588Zm.04-81Zm0 453Z"})))}};export{i as ds_icon_person_remove}

package/dist/component-library/p-04226026.entry.js

@@ -1 +0,0 @@
-import{r as v,h,H as s}from"./p-DVRFDmEO.js";const e=class{constructor(h){v(this,h)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return h(s,{key:"6cf50355ca19daf75578dce2b58dfc36a561d4fb",style:{display:"flex"},title:this.dsTitle},h("svg",{key:"ccc47577f375e24665d5395ff86e471c14210a29",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},h("path",{key:"261625c579b2cd27a16274a40518eb07f9909cd0",d:"M175-40v-135H40v-94h135v-164H40v-94h135v-164H40v-95h135v-135h94v135h164v-135h94v135h164v-135h95v135h135v95H786v164h135v94H786v164h135v94H786v135h-95v-135H527v135h-94v-135H269v135h-94Zm94-229h164v-164H269v164Zm258 0h164v-164H527v164ZM269-527h164v-164H269v164Zm258 0h164v-164H527v164Z"})))}};export{e as ds_icon_grid_4x4}

package/dist/component-library/p-042f5f76.entry.js

@@ -1 +0,0 @@
-import{M as d,r as t,e as a,h as e}from"./p-DVRFDmEO.js";import{c as s}from"./p-BfTCfPZ1.js";import{t as i,d as r}from"./p-BGPSuOgq.js";import{o as n,v as o}from"./p-BT91pe6c.js";import{c}from"./p-B1B1Ofuo.js";import{i as l,b as h}from"./p-DfbgRyXR.js";import{c as _}from"./p-DEGVYp6A.js";import"./p-DDHiAG_G.js";const f=class extends(d(_("ds-card",{stopRootTracking:!0}))){constructor(d){super(),t(this,d)}linkIcon="arrow_forward";inheritedAttributes={};cardId=this.getUniqueId();get el(){return a(this)}dsLinkType="full";dsVariant="filled";dsHorizontal=!1;dsHeading;dsHeadingLevel=3;dsDescription;dsDescriptionClamp;dsDescriptionMaxWidth="none";dsUrl;dsUrlTarget="_self";dsEyebrow;dsSubtitle;dsTag;dsShowArrow=!0;dsFluidHeight=!1;hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){n(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={...h(this.el,["aria-labelledby"]),...l(this,this.el)}}connectedCallback(){const d=null===this.el.querySelector('[slot="content"]'),t=null===this.el.querySelector('[slot="footer"]');d&&t&&(this.hasSlotContent=!1)}componentDidLoad(){this.componentMounted(),this.checkImageSlot()}isSlottedElement(d){let t=d;for(;t&&t!==this.el;){if(t.hasAttribute("slot"))return!0;t=t.parentElement}return!1}handleFocusIn(d){this.isSlottedElement(d.target)||(this.isCardFocused=!0)}handleFocusOut(d){const t=d.relatedTarget;t&&this.el.contains(t)&&!this.isSlottedElement(t)||(this.isCardFocused=!1)}handleClick(){}handleKeydown(d){}checkImageSlot(){const d=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=d.length>0}checkSubtitleSlot(){const d=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=d.length>0}render(){const d=c("ds-card"),t=s(d,`${d}--${this.dsVariant}`,{[`${d}--link--full`]:"full"===this.dsLinkType,[`${d}--fluid-height`]:this.dsFluidHeight,[`${d}--focused`]:this.isCardFocused},this.dsHorizontal?`${d}--horizontal`:`${d}--vertical`,`${d}--link__${this.dsLinkType}`),a=s(`${d}__link`,{[`${d}__link--${this.dsLinkType}`]:!0}),r=`h${this.dsHeadingLevel}`,l=`${this.cardId}-heading`,h=i("ds-icon","ds-card",this.el),_=i("ds-visually-hidden","ds-card",this.el),f=this.dsDescriptionClamp?this.dsDescriptionClamp.toString():"none";return e("article",{key:"41808a70da575e82d6d2cf5e621bac6e40bfabec",class:t,style:{"--description-line-clamp":f},"aria-labelledby":l,...this.inheritedAttributes},e("div",{key:"35b37eb71503a2f60b5cb4f833bdb9a2e2c85ade",class:`${d}__content`},e("div",{key:"f7e01ade3faf680d832be025e099e427cec32618",class:{[`${d}__content--top`]:!0,[`${d}__content--top--has-link`]:Boolean(this.dsUrl)}},e("div",{key:"f94f79d954063e786aca429d1bb761279d40f77c",class:`${d}__heading-container`},this.dsUrl&&"none"!==this.dsLinkType?e(r,{class:`${d}__heading`,id:l},e("a",{href:this.dsUrl,target:this.dsUrlTarget,class:a},e("slot",{name:"heading"},this.dsHeading),n(this.dsUrlTarget)&&e(_,{dsTag:"span"},o()))):e(r,{class:`${d}__heading`},e("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&e("span",{key:"03ef028e21b997ed1b756a26295085323b8152d8",class:`${d}__tag`},this.dsTag),this.dsEyebrow&&e("div",{key:"870aa4582ec543207beed525c64223d5c50c1097",class:`${d}__eyebrow`},this.dsEyebrow),this.dsSubtitle&&e("div",{key:"e428ded7a56924682d7867a738e15779cf1a20d0",class:`${d}__subtitle`},this.dsSubtitle),e("div",{key:"33b11717c4d26687f8b6178a28f706666233f6bf",class:s(`${d}__slot-subtitle`,{[`${d}__slot-subtitle--hidden`]:!this.hasSubtitleSlot})},e("slot",{key:"4997e6d29fe4c4e3d4f9220757203114fdff6d31",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&"heading"!==this.dsLinkType&&e(h,{key:"673726a3f75490df90c6410428c809ac24462c40",dsSize:"2rem",class:`${d}__icon`,dsName:this.linkIcon})),this.dsDescription&&e("p",{key:"8b908426f69a535ffa113853b4fdfece2d4c7be5",class:`${d}__description`,style:{"--ds-card-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),e("div",{key:"a6e7ebfd7575619c583517b18071de70a929388e",class:s(`${d}__content--bottom`,{[`${d}__content--bottom--has-slot-content`]:this.hasSlotContent})},e("div",{key:"1a6af379a126ad7564afcd2360d0c5cf62853e84",class:`${d}__slot--content`},e("slot",{key:"354017007608d822f6511992f122e78b985d3423",name:"content"})),e("div",{key:"10682ef015f1210658ae2aa9b0715bac5489afe4",class:`${d}__slot--footer`},e("slot",{key:"27e46551edb8cdf9d0bcc457f0edf4f6d30d3845",name:"footer"}))),e("div",{key:"ba818d77d4caa8f8d0eb18ee396d265df9034ace",class:{[`${d}__image-container`]:!0,[`${d}__image-container--has-image`]:this.hasImageSlot}},e("slot",{key:"bd8f1d052e1ac6c23aa1069fcfff4a4ff4cc2d7e",name:"image",onSlotchange:()=>this.checkImageSlot()})))}};r([e("ds-icon",{dsName:""}),e("ds-visually-hidden",null)]),f.style='.ds-heading-2xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing, -1.2px);font-stretch:var(--ds-fontWidth-condense);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading-2xl.sc-ds-card{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px}}.ds-heading-xl--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-heading-xl.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-heading-lg--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-lg.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-lg.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading-md--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-md.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-md.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading-sm--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-sm.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-sm.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading-xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-xs.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-heading-2xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-2xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-2xs.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}.sc-ds-card-h{display:block}.ds-card__cpPWV0.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;min-height:var(--ds-spacing-layout-2xLarge, 8rem);position:relative}.ds-card__cpPWV0--fluid-height.sc-ds-card{height:100%}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:hover .ds-card__cpPWV0__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:hover .ds-card__cpPWV0__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:hover .ds-card__cpPWV0__link--heading.sc-ds-card{text-decoration:none}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:active .ds-card__cpPWV0__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:active .ds-card__cpPWV0__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:active .ds-card__cpPWV0__link--heading.sc-ds-card{text-decoration:none}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card__cpPWV0.sc-ds-card .ds-card__cpPWV0__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__cpPWV0--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__cpPWV0--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__cpPWV0--horizontal.sc-ds-card .ds-card__cpPWV0__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__cpPWV0--horizontal.sc-ds-card .ds-card__cpPWV0__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__cpPWV0--horizontal.sc-ds-card .ds-card__cpPWV0__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__cpPWV0--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__cpPWV0__image-container.sc-ds-card{display:none}.ds-card__cpPWV0__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__cpPWV0.sc-ds-card:not(.ds-card__cpPWV0--vertical) .ds-card__cpPWV0__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__cpPWV0.sc-ds-card:not(.ds-card__cpPWV0--horizontal) .ds-card__cpPWV0__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__cpPWV0--link--full.sc-ds-card .ds-card__cpPWV0__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__cpPWV0__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__cpPWV0__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__cpPWV0__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__cpPWV0__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__cpPWV0__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__cpPWV0__content--bottom.sc-ds-card{order:4}.ds-card__cpPWV0__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__cpPWV0__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__cpPWV0__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__cpPWV0__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__cpPWV0__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__cpPWV0__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__cpPWV0__heading.sc-ds-card .ds-card__cpPWV0__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__cpPWV0__heading.sc-ds-card .ds-card__cpPWV0__link.sc-ds-card:not(.ds-card__cpPWV0__link--full):hover,.ds-card__cpPWV0__heading.sc-ds-card .ds-card__cpPWV0__link.sc-ds-card:not(.ds-card__cpPWV0__link--full):active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__cpPWV0__heading.sc-ds-card .ds-card__cpPWV0__link--heading.sc-ds-card{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__cpPWV0__heading.sc-ds-card .ds-card__cpPWV0__link--heading.sc-ds-card:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-card__cpPWV0__subtitle.sc-ds-card,.ds-card__cpPWV0__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__cpPWV0__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, "none");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, "none");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3;max-width:var(--ds-card-description-max-width, none)}.ds-card__cpPWV0__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__cpPWV0__slot-subtitle--hidden.sc-ds-card{display:none}';export{f as ds_card}

package/dist/component-library/p-045718b8.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e,H as t}from"./p-DVRFDmEO.js";const i=class{constructor(e){s(this,e)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return e(t,{key:"ca5512b870b9b85c8a3b969406e643bb49ab4de0",style:{display:"flex"},title:this.dsTitle},e("svg",{key:"2b20bf50345553b68351d0ccea0424d1a4a55d58",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},e("path",{key:"f5da91dbf72e1b65ae5de8c61e87bd341df9d7d7",d:"M205-174v-115h139l132-388H324v-114h414v114H600L468-289h152v115H205Z"})))}};export{i as ds_icon_format_italic}

package/dist/component-library/p-05af08fe.entry.js

@@ -1 +0,0 @@
-import{M as s,r as d,e as a,h as e}from"./p-DVRFDmEO.js";import{c as o}from"./p-BfTCfPZ1.js";import{c as t}from"./p-B1B1Ofuo.js";import{t as r,d as c}from"./p-BGPSuOgq.js";import{c as i}from"./p-DEGVYp6A.js";import"./p-DDHiAG_G.js";const l=class extends(s(i("ds-badge"))){constructor(s){super(),d(this,s)}get el(){return a(this)}dsId=this.getUniqueId();dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return r("ds-visually-hidden","ds-badge",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=t("ds-badge");return e("div",{key:"3ec5758a361a0846428fe91a878e1d2b97798065",class:o(s,`${s}--${this.dsVariant}`)},e("div",{key:"a2bebf576258c9b8ce1800bf00880e476654f2f9",class:`${s}__content`},e("span",{key:"ceefcdd2ebdcb3bce08639f745169a393ac522d5",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"22c6a74a84b4be7bf4cb16fd9983a7325dc8397a"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"3018012c3bae649649d63d5e2fa18faf01ca0a9c",dsTag:"span"},this.dsHiddenAssistiveText)))))}};c([e("ds-visually-hidden",null)]),l.style=".ds-badge__cpPWV0.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__cpPWV0--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__cpPWV0--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__cpPWV0--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__cpPWV0--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__cpPWV0--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__cpPWV0--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__cpPWV0--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__cpPWV0--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__cpPWV0__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__cpPWV0__content__text.sc-ds-badge{white-space:nowrap}";export{l as ds_badge}

package/dist/component-library/p-0694aea6.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as d}from"./p-DVRFDmEO.js";const t=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(d,{key:"5df34596c3a1064cc12a72c676c52f5599cad3b0",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"fdffe44da57d16b6440a53d7628e00e5a350e3c1",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"7d33d34f8724cef4b12252d978439f768a59fcda","fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 3C15 3 8.99998 2.99982 2.99998 3.00006C2.99999 9.00004 3.00007 15 2.99998 21C8.99999 21 15 21 21 21C21 15 21 9 21 3ZM17.1454 10.8527C17.0471 10.8623 16.9485 10.8673 16.8497 10.8677C15.7666 10.8679 14.7563 10.3219 14.163 9.41571V14.3601C14.163 16.3784 12.5269 18.0146 10.5086 18.0146C8.49029 18.0146 6.85414 16.3784 6.85414 14.3601C6.85414 12.3419 8.49029 10.7057 10.5086 10.7057C10.5849 10.7057 10.6594 10.7126 10.7344 10.7173V12.5181C10.6594 12.5091 10.5857 12.4954 10.5086 12.4954C9.47848 12.4954 8.64343 13.3305 8.64343 14.3606C8.64343 15.3907 9.47848 16.2257 10.5086 16.2257C11.5389 16.2257 12.4487 15.414 12.4487 14.3837L12.4667 5.98629H14.1896C14.352 7.53126 15.5978 8.73802 17.1471 8.85129V10.8527"})))}};export{t as ds_icon_tiktok}

package/dist/component-library/p-07d7defe.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-DVRFDmEO.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"e5ef523089541e8dc95134208f2d53d80a26812b",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"c1827ae734009fb0962be7d380b51d6993a6d774",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"76009067073159882c58ecadbb6b063fb579ee8b",d:"M824-44 434-433 309-217H209l102-174q-5 1-11 1.5t-11 .5q-68-6-112.5-55.5T132-560q0-37 13.89-68.26Q159.78-659.53 184-684L54-814l50-50L874-94l-50 50Zm-76-262L526-528.07q-3-8.93-4.5-19.03-1.5-10.1-1.5-19.9 3-70 53.23-118.5T694-734q72 0 123 50.33 51 50.32 51 123.67 0 21.37-5.25 41.87Q857.5-497.63 848-480L748-306ZM306.61-489q15.13 0 27.87-5.54 12.74-5.53 23.52-15.6L256-611q-10 9.78-15 22.8-5 13.02-5 28.04 0 29.49 20.33 50.33Q276.67-489 306.61-489Zm386.68 0Q723-489 744-509.64t21-50.12q0-30.24-20.64-50.74-20.64-20.5-50.12-20.5-29.91 0-50.57 20.59-20.67 20.59-20.67 50T643.5-510q20.5 21 49.79 21ZM317-551Zm377-9Z"})))}};export{i as ds_icon_format_quote_off}

package/dist/component-library/p-08019f05.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t}from"./p-DVRFDmEO.js";const i=class{constructor(s){e(this,s)}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return s(t,{key:"ecc51b666852021e5d400f35418e83b047ab403c",style:{display:"flex"},title:this.dsTitle},s("svg",{key:"979c671eefda4dad3b5c18a2e9bfe06970027000",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},s("path",{key:"27605d2ea33b0767f78fcda27ae0b537e956c17f",d:"M620-527q24.5 0 42.25-17.75T680-587q0-24.5-17.75-42.25T620-647q-24.5 0-41.75 17.4Q561-612.21 561-587.35q0 24.85 17.21 42.6T620-527Zm-280 0q24.5 0 41.75-17.4Q399-561.79 399-586.65q0-24.85-17.21-42.6T340-647q-24.5 0-42.25 17.75T280-587q0 24.5 17.75 42.25T340-527Zm140 266q66 0 121.5-35.5T682-393h-65q-21 35-58.11 53.5-37.1 18.5-78.5 18.5Q439-321 402-339t-57-54h-67q26 61 81 96.5T480-261Zm.05 206Q392-55 314.5-88 237-121 179-179T88-314.45q-33-77.44-33-165.5Q55-568 88-645.5q33-77.5 90.84-135.55 57.85-58.06 135.36-91.5Q391.72-906 479.86-906t165.76 33.37q77.62 33.37 135.59 91.29 57.98 57.92 91.39 135.54Q906-568.17 906-479.92q0 88.2-33.45 165.68-33.44 77.48-91.5 135.36Q723-121 645.55-88q-77.44 33-165.5 33ZM480-480Zm0 331q138.38 0 234.69-96.31Q811-341.63 811-480q0-138.38-96.31-234.69T480-811q-138.37 0-234.69 96.31Q149-618.38 149-480q0 138.37 96.31 234.69Q341.63-149 480-149Z"})))}};export{i as ds_icon_sentiment_satisfied}