@uh-design-system/component-library 0.2.0-alpha.0 → 0.2.1-alpha.0

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f7420801.js');
+const index = require('./index-d03b8350.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/collection/collection-manifest.json

@@ -8,7 +8,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.23.0",
+    "version": "4.25.1",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/00-foundations/borders/borders.stories.js

@@ -1,4 +1,3 @@
-// src/components/00-foundations/borders/borders.stories.ts
 import "./_borders.scss";
 import { getBorderVariables, createBorderSection, categories } from "../../../utils/borders/borderUtils";
 export default {

package/dist/collection/components/00-foundations/breakpoints/breakpoints.stories.js

@@ -1,4 +1,3 @@
-// src/components/00-foundations/breakpoints/breakpoints.stories.ts
 import "./_breakpoints.scss";
 import { getBreakpointVariables, createCategorySection, categories } from "../../../utils/breakpoints/breakpointsUtils";
 export default {
@@ -7,7 +6,6 @@ export default {
 export const Breakpoints = () => {
     const container = document.createElement('div');
     const breakpointVariables = getBreakpointVariables();
-    // Reset the renderedCategories set
     const renderedCategories = new Set();
     const categoryNames = [...new Set(Object.values(categories)), 'Other'];
     categoryNames.forEach(category => {

package/dist/collection/components/00-foundations/icons/categories/actions.js

@@ -1,7 +1,4 @@
-// src/components/00-foundations/icons/categories/actions.ts
-// Set category name
 const category = 'Actions';
-// Import Material Icons
 import ArchiveIcon from "@material-symbols/svg-700/sharp/archive.svg";
 import ArchiveFillIcon from "@material-symbols/svg-700/sharp/archive-fill.svg";
 import DownloadIcon from "@material-symbols/svg-700/sharp/download.svg";

package/dist/collection/components/00-foundations/icons/categories/arrows.js

@@ -1,7 +1,4 @@
-// src/components/00-foundations/icons/categories/arrows.ts
-// Set category name
 const category = 'Arrows and operators';
-// Import Material Icons
 import ArrowUpwardIcon from "@material-symbols/svg-700/sharp/arrow_upward.svg";
 import AddIcon from "@material-symbols/svg-700/sharp/add.svg";
 import ArrowOutwardIcon from "@material-symbols/svg-700/sharp/arrow_outward.svg";

package/dist/collection/components/00-foundations/icons/categories/custom.js

@@ -1,7 +1,4 @@
-// src/components/00-foundations/icons/categories/custom.ts
-// Set category name
 const category = 'DS Custom icons';
-// Import custom icons
 import DSFlameIcon from "../../../../../custom-icons/ds-flame.svg";
 import DSFlameFillIcon from "../../../../../custom-icons/ds-flame-fill.svg";
 export const icons = [

package/dist/collection/components/00-foundations/icons/categories/information.js

@@ -1,7 +1,4 @@
-// src/components/00-foundations/icons/categories/information.ts
-// Set category name
 const category = 'Information';
-// Import Material Icons
 import CalendarMonthIcon from "@material-symbols/svg-700/sharp/calendar_month.svg";
 import CalendarMonthFillIcon from "@material-symbols/svg-700/sharp/calendar_month-fill.svg";
 import EventAvailableIcon from "@material-symbols/svg-700/sharp/event_available.svg";

package/dist/collection/components/00-foundations/icons/categories/media.js

@@ -1,7 +1,4 @@
-// src/components/00-foundations/icons/categories/media.ts
-// Set category name
 const category = 'Media and devices';
-// Import Material Icons
 import PhotoCameraIcon from "@material-symbols/svg-700/sharp/photo_camera.svg";
 import PhotoCameraFillIcon from "@material-symbols/svg-700/sharp/photo_camera-fill.svg";
 import ChatIcon from "@material-symbols/svg-700/sharp/chat.svg";

package/dist/collection/components/00-foundations/icons/categories/navigation.js

@@ -1,7 +1,4 @@
-// src/components/00-foundations/icons/categories/navigation.ts
-// Set category name
 const category = 'Navigation';
-// Import Material Icons
 import HomeIcon from "@material-symbols/svg-700/sharp/home.svg";
 import MenuIcon from "@material-symbols/svg-700/sharp/menu.svg";
 import HomeFillIcon from "@material-symbols/svg-700/sharp/home-fill.svg";

package/dist/collection/components/00-foundations/icons/categories/notifications.js

@@ -1,7 +1,4 @@
-// src/components/00-foundations/icons/categories/notifications.ts
-// Set category name
 const category = 'Notifications and expressions';
-// Import Material Icons
 import FavoriteIcon from "@material-symbols/svg-700/sharp/favorite.svg";
 import FavoriteFillIcon from "@material-symbols/svg-700/sharp/favorite-fill.svg";
 import HelpIcon from "@material-symbols/svg-700/sharp/help.svg";

package/dist/collection/components/00-foundations/icons/categories/text.js

@@ -1,7 +1,4 @@
-// src/components/00-foundations/icons/categories/text.ts
-// Set category name
 const category = 'Text formatting';
-// Import Material Icons
 import FormatQuoteIcon from "@material-symbols/svg-700/sharp/format_quote.svg";
 import FormatQuoteFillIcon from "@material-symbols/svg-700/sharp/format_quote-fill.svg";
 import FormatQuoteOffIcon from "@material-symbols/svg-700/sharp/format_quote_off.svg";

package/dist/collection/components/00-foundations/icons/categories/users.js

@@ -1,7 +1,4 @@
-// src/components/00-foundations/icons/categories/users.ts
-// Set category name
 const category = 'Users and avatars';
-// Import Material Icons
 import AccountCircleIcon from "@material-symbols/svg-700/sharp/account_circle.svg";
 import AccountCircleFillIcon from "@material-symbols/svg-700/sharp/account_circle-fill.svg";
 import PersonIcon from "@material-symbols/svg-700/sharp/person.svg";

package/dist/collection/components/00-foundations/icons/iconList.js

@@ -1,4 +1,3 @@
-// src/components/00-foundations/icons/iconList.ts
 import { icons as customIcons } from "./categories/custom";
 import { icons as actionIcons } from "./categories/actions";
 import { icons as arrowIcons } from "./categories/arrows";

package/dist/collection/components/00-foundations/icons/icons.stories.js

@@ -1,4 +1,3 @@
-// src/components/00-foundations/icons/icons.stories.ts
 import { icons } from "./iconList";
 export default {
     title: 'Foundations/Icons',
@@ -12,7 +11,6 @@ export const Icons = () => {
     const containerTitle = document.createElement('h2');
     containerTitle.textContent = 'Icon categories';
     container.appendChild(containerTitle);
-    // Group icons by category
     const categories = icons.reduce((acc, icon) => {
         if (!acc[icon.category]) {
             acc[icon.category] = [];
@@ -20,7 +18,6 @@ export const Icons = () => {
         acc[icon.category].push(icon);
         return acc;
     }, {});
-    // Create a section for each category
     Object.keys(categories).forEach((category) => {
         const categoryContainer = document.createElement('div');
         const categoryTitle = document.createElement('h3');

package/dist/collection/components/00-foundations/spacing/spacing.stories.js

@@ -1,4 +1,3 @@
-// src/components/00-foundations/spacing/spacing.stories.ts
 import "./_spacing.scss";
 import { getSpacingVariables, createCategorySection, categories } from "../../../utils/spacing/spacingUtils";
 export default {
@@ -7,7 +6,6 @@ export default {
 export const Spacing = () => {
     const container = document.createElement('div');
     const spacingVariables = getSpacingVariables();
-    // Reset the renderedCategories set
     const renderedCategories = new Set();
     const categoryNames = [...new Set(Object.values(categories)), 'Other'];
     categoryNames.forEach(category => {

package/dist/collection/components/00-foundations/typography/typography.stories.js

@@ -1,4 +1,3 @@
-// src/components/00-foundations/typography/typography.stories.ts
 import "./_typography.scss";
 import { getTypographyVariables, createCategorySection, categories } from "../../../utils/typography/typographyUtils";
 import { html } from "lit";
@@ -47,7 +46,6 @@ export const Text = {
 const renderTypography = () => {
     const container = document.createElement('div');
     const typographyVariables = getTypographyVariables();
-    // Reset the renderedCategories set
     const renderedCategories = new Set();
     const categoryNames = [...new Set(Object.values(categories)), 'Other'];
     categoryNames.forEach(category => {

package/dist/collection/components/01-base-components/ds-accordion/ds-accordion.js

@@ -2,6 +2,14 @@ import { h } from "@stencil/core";
 import classNames from "classnames";
 export class DsAccordion {
     constructor() {
+        this.variant = 'default';
+        this.borderAligned = false;
+        this.openByDefault = false;
+        this.accordionId = 'dsaccordion';
+        this.headingLevel = 2;
+        this.useCloseButton = false;
+        this.closeButtonLabel = 'Close';
+        this.isExpanded = this.openByDefault;
         this.shouldMoveFocus = false;
         this.handleClick = (event) => {
             const isCloseButton = event.target.closest('.ds-accordion__close-button');
@@ -19,14 +27,6 @@ export class DsAccordion {
                     break;
             }
         };
-        this.variant = 'default';
-        this.borderAligned = false;
-        this.openByDefault = false;
-        this.accordionId = 'dsaccordion';
-        this.headingLevel = 2;
-        this.useCloseButton = false;
-        this.closeButtonLabel = 'Close';
-        this.isExpanded = this.openByDefault;
     }
     watchHandler(isExpanded) {
         if (!isExpanded && this.shouldMoveFocus && this.headerButtonRef) {

package/dist/collection/components/01-base-components/ds-button/ds-button.js

@@ -5,9 +5,17 @@ export class DsButton {
     constructor() {
         this.inheritedAttributes = {};
         this.pressedKeys = new Set();
+        this.value = '';
+        this.variant = 'primary';
+        this.colour = 'blue';
+        this.size = 'medium';
+        this.fontWeight = 'normal';
+        this.icon = '';
+        this.iconPosition = 'start';
+        this.type = 'button';
+        this.disabled = false;
+        this.ariaDisabled = 'false';
         this.handleKeyDown = (event) => {
-            // Exit early when a key is held down
-            // See: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat
             if (event.repeat) {
                 return;
             }
@@ -30,16 +38,6 @@ export class DsButton {
                     break;
             }
         };
-        this.value = '';
-        this.variant = 'primary';
-        this.colour = 'blue';
-        this.size = 'medium';
-        this.fontWeight = 'normal';
-        this.icon = '';
-        this.iconPosition = 'start';
-        this.type = 'button';
-        this.disabled = false;
-        this.ariaDisabled = 'false';
     }
     componentWillLoad() {
         this.inheritedAttributes = Object.assign(Object.assign({}, inheritAriaAttributes(this.el, ['aria-disabled'])), inheritAttributes(this.el, [
@@ -56,6 +54,7 @@ export class DsButton {
         ]));
     }
     render() {
+        console.log('render');
         const classes = classNames(`${this.variant} ${this.colour} ${this.size}`, {
             'icon-start': this.icon && this.iconPosition === 'start' && this.value,
             'icon-end': this.icon && this.iconPosition === 'end' && this.value,
@@ -63,7 +62,7 @@ export class DsButton {
         });
         const iconSize = this.size === 'small' ? '1rem' : undefined;
         const isDisabled = this.disabled || this.ariaDisabled === 'true';
-        return (h("button", Object.assign({ key: '1230108c308cc8a89f8202bef69e839e36b6912d', ref: el => (this.buttonEl = el), onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, class: classes, style: { fontWeight: this.fontWeight }, type: this.type, "aria-disabled": isDisabled ? 'true' : 'false' }, this.inheritedAttributes), h("slot", { key: 'bb67886e636e7a5294a6fbbde4a8a013e1ace3ce', name: "prefix" }, this.icon && this.iconPosition === 'start' && h("ds-icon", { key: '6e93f6095ee4482d5026b42a67b7591712206146', name: this.icon, size: iconSize })), this.value && h("span", { key: '833424437f89ace4253e9daef6d8cda409563a4a', class: "button-value" }, this.value), h("slot", { key: '162e459206000c3b1b5b4ede761f5600f88b3de1', name: "suffix" }, this.icon && this.iconPosition === 'end' && h("ds-icon", { key: '2e9bff6bdc4d5023374916bcbdc11151270113b6', name: this.icon, size: iconSize }))));
+        return (h("button", Object.assign({ key: 'd85ee424afafcb437fa873e69b7554e315e4cad5', ref: el => (this.buttonEl = el), onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, class: classes, style: { fontWeight: this.fontWeight }, type: this.type, "aria-disabled": isDisabled ? 'true' : 'false' }, this.inheritedAttributes), h("slot", { key: 'c21dc9317ae1970d8e5fcead12b4041a8dc13af0', name: "prefix" }, this.icon && this.iconPosition === 'start' && h("ds-icon", { key: 'cc993dd0b2a12b3243bc8863d754a0efa3b6f1f4', name: this.icon, size: iconSize })), this.value && h("span", { key: 'b8a7bcac21782fd898192d98c605c0eacbfff882', class: "button-value" }, this.value), h("slot", { key: 'e4766fc18983798416533173ceddcbe3c80779ba', name: "suffix" }, this.icon && this.iconPosition === 'end' && h("ds-icon", { key: 'f308fb96c0b0b06036975df25fc5fba59dffe301', name: this.icon, size: iconSize }))));
     }
     static get is() { return "ds-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/01-base-components/ds-button/stories/ds-button.examples.stories.js

@@ -1,4 +1,3 @@
-// src/examples/buttonGroup.stories.ts
 import { html } from "lit";
 const meta = {
     title: 'Base Components/Button/Examples',

package/dist/collection/components/01-base-components/ds-button/stories/ds-button.stories.js

@@ -1,10 +1,5 @@
 import { icons } from "../../../00-foundations/icons/iconList";
 import { getAriaAttributeArgTypes } from "../../../../utils/attributes";
-/**
- * Button aria-attributes
- *
- * @see {@link https://w3c.github.io/aria/#button}
- */
 const buttonAriaAttributes = [
     'aria-busy',
     'aria-live',

package/dist/collection/components/01-base-components/ds-icon/ds-icon.js

@@ -2,15 +2,12 @@ import { Fragment, h } from "@stencil/core";
 import { icons } from "../../../components/00-foundations/icons/iconList";
 export class DsIcon {
     constructor() {
-        this.name = undefined;
-        this.colour = undefined;
         this.size = '1.5rem';
         this.title = 'Icon';
         this.role = 'img';
         this.hidden = true;
         this.message = '';
     }
-    // get the icon from the icon list
     getIcon() {
         const selectedIcon = icons.find(icon => icon.name === this.name);
         if (!selectedIcon) {
@@ -23,18 +20,15 @@ export class DsIcon {
         }
         return svgElement ? svgElement.outerHTML : '';
     }
-    // parse the svg string to an svg element
     parseSvg(svgString) {
         const parser = new DOMParser();
         const svgDoc = parser.parseFromString(svgString, 'image/svg+xml');
         return svgDoc.querySelector('svg');
     }
-    // get the colour of the icon
     getIconColour() {
         const colour = this.colour ? `var(--${this.colour})` : 'currentColor';
         return colour;
     }
-    // set the attributes of the icon
     setIconAttributes(svgElement) {
         const size = this.size || '1.5rem';
         const colour = this.getIconColour() || 'currentColor';
@@ -42,7 +36,6 @@ export class DsIcon {
         const title = this.title || '';
         svgElement.setAttribute('style', `fill: ${colour}; width: ${size}; height: ${size};`);
         svgElement.setAttribute('role', role);
-        // if title is available, insert it into the svg element
         const titleText = title || 'Icon';
         const titleElement = document.createElementNS('http://www.w3.org/2000/svg', 'title');
         titleElement.textContent = titleText;

package/dist/collection/components/01-base-components/ds-text-input/ds-text-input.js

@@ -18,6 +18,13 @@ export class DsTextInput {
         this.visuallyHiddenAssistiveTextId = visuallyHiddenAssistiveTextIdGenerator.next().value;
         this.successTextId = successTextIdGenerator.next().value;
         this.errorTextId = errorTextIdGenerator.next().value;
+        this.id = 'input';
+        this.icon = '';
+        this.type = 'text';
+        this.hasFocus = false;
+        this.clearButtonVisible = false;
+        this.passwordInputVisible = false;
+        this.inputActive = false;
         this.onActionButtonClicked = (e) => {
             e.stopPropagation();
             switch (this.type) {
@@ -29,35 +36,6 @@ export class DsTextInput {
                     return;
             }
         };
-        this.label = undefined;
-        this.placeholder = undefined;
-        this.id = 'input';
-        this.name = undefined;
-        this.disabled = undefined;
-        this.required = undefined;
-        this.readonly = undefined;
-        this.value = undefined;
-        this.min = undefined;
-        this.max = undefined;
-        this.maxlength = undefined;
-        this.pattern = undefined;
-        this.autocomplete = undefined;
-        this.errorText = undefined;
-        this.successText = undefined;
-        this.assistiveText = undefined;
-        this.actionButtonAriaLabel = undefined;
-        this.hiddenAssistiveText = undefined;
-        this.prefixText = undefined;
-        this.suffixText = undefined;
-        this.icon = '';
-        this.type = 'text';
-        this.ariaLabel = undefined;
-        this.ariaLabelledBy = undefined;
-        this.ariaDescribedby = undefined;
-        this.hasFocus = false;
-        this.clearButtonVisible = false;
-        this.passwordInputVisible = false;
-        this.inputActive = false;
     }
     async togglePasswordVisibility() {
         return (this.passwordInputVisible = !this.passwordInputVisible);

package/dist/collection/utils/attributes.js

@@ -1,15 +1,3 @@
-/**
- * Copied from https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts
- *
- * Elements inside of web components sometimes need to inherit global attributes
- * set on the host. For example, the inner input in `ion-input` should inherit
- * the `title` attribute that developers set directly on `ion-input`. This
- * helper function should be called in componentWillLoad and assigned to a variable
- * that is later used in the render function.
- *
- * This does not need to be reactive as changing attributes on the host element
- * does not trigger a re-render.
- */
 export const inheritAttributes = (el, attributes = []) => {
     const attributeObject = {};
     attributes.forEach(attr => {
@@ -23,13 +11,6 @@ export const inheritAttributes = (el, attributes = []) => {
     });
     return attributeObject;
 };
-/**
- * Copied from https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts
- *
- * List of available ARIA attributes + `role`.
- * Removed deprecated attributes.
- * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
- */
 export const ariaAttributes = [
     'role',
     'aria-activedescendant',
@@ -83,21 +64,8 @@ export const ariaAttributes = [
     'aria-valuenow',
     'aria-valuetext',
 ];
-/**
- * Turns a kebab-case string (eg. aria-*) to camelCase
- * Copied from: https://stackoverflow.com/a/60738940
- */
 const kebabToCamelCase = (attr) => attr.replace(/-./g, x => x[1].toUpperCase());
 export const getAriaAttributeArgTypes = (attrs) => attrs.reduce((acc, curr) => ((acc[kebabToCamelCase(curr)] = { control: 'text', name: curr }), acc), {});
-/**
- * Copied from https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts
- *
- * Returns an array of aria attributes that should be copied from
- * the shadow host element to a target within the light DOM.
- * @param el The element that the attributes should be copied from.
- * @param ignoreList The list of aria-attributes to ignore reflecting and removing from the host.
- * Use this in instances where we manually specify aria attributes on the `<Host>` element.
- */
 export const inheritAriaAttributes = (el, ignoreList) => {
     let attributesToInherit = [...ariaAttributes];
     if (ignoreList && ignoreList.length > 0) {

package/dist/collection/utils/borders/borderUtils.js

@@ -1,4 +1,3 @@
-// src/utils/borders/borderUtils.ts
 import "./borderBox.scss";
 export const categories = {
     '-borderWidth-': 'Border width',

package/dist/collection/utils/breakpoints/breakpointsUtils.js

@@ -1,4 +1,3 @@
-// src/utils/breakpoints/breakpointsUtils.ts
 import "./breakpointBox.scss";
 export const categories = {
     '--ds-breakpoint-': 'Breakpoint',

package/dist/collection/utils/colours/colourTypes.js

@@ -1,4 +1,3 @@
-// src/utils/colours/colourUtils.ts
 export const palette = {
     '--ds-palette-mainBlue': 'Main blue',
     '--ds-palette-black': 'Grayscale|black',

package/dist/collection/utils/colours/colourUtils.js

@@ -1,4 +1,3 @@
-// src/utils/colours/colourUtils.ts
 import scssContentPalette from "!!raw-loader!../../components/00-foundations/colours/_colours.scss";
 import scssContentSemantic from "!!raw-loader!../../components/00-foundations/colours/_semantic-colours.scss";
 import "./colourBox.scss";
@@ -23,14 +22,12 @@ const getStyles = (colourType) => {
     }
 };
 export const getColourVariables = (colourType) => {
-    // Extract CSS variables from the SCSS content
     const cssVariables = Array.from(getStyles(colourType).matchAll(/--[\w-]+:\s*[^;]+;/g)).map(match => match[0]);
     const categories = getCategories(colourType);
-    // Process the extracted variables as needed
     return cssVariables
         .map(variable => {
         const [name, value] = variable.split(':').map(part => part.trim().replace(';', ''));
-        const cleanName = name.replace(/^--/, ''); // Remove the "--" from the start of the name
+        const cleanName = name.replace(/^--/, '');
         const categoryKey = Object.keys(categories).find(key => name.startsWith(key));
         if (categoryKey) {
             return { name: cleanName, variable, value, category: categories[categoryKey] };
@@ -82,7 +79,6 @@ const createCategorySection = (category, colours, renderedCategories) => {
 };
 export const createColourContainer = (colourType) => {
     const container = document.createElement('div');
-    // Reset the renderedCategories set
     const renderedCategories = new Set();
     const categoryNames = [...new Set(Object.values(getCategories(colourType)).map(value => value)), 'Other'];
     categoryNames.forEach(category => {

package/dist/collection/utils/spacing/spacingUtils.js

@@ -1,4 +1,3 @@
-// src/utils/spacing/spacingUtils.ts
 import "./spacingBox.scss";
 export const categories = {
     '--ds-spacing-': 'Spacing',
@@ -71,7 +70,7 @@ export const createCategorySection = (category, spacings, renderedCategories) =>
     const gridContainer = document.createElement('div');
     spacings.forEach(spacing => {
         const remValue = parseFloat(spacing.value);
-        const pixelValue = remValue * 16; // Assuming 1rem = 16px
+        const pixelValue = remValue * 16;
         gridContainer.appendChild(createSpacingBox(spacing.name, `${spacing.value} / ${pixelValue}px`, spacing.value));
     });
     section.appendChild(gridContainer);

package/dist/collection/utils/tests/testUtils.js

@@ -11,10 +11,6 @@ const findWhenRendered = async (customElem, selector, isShadow = true) => {
     }, { timeout: 5000 });
     return webc;
 };
-/**
- * Utility function for running storybook interaction tests in Shadow DOM containers.
- * Logic taken from https://github.com/storybookjs/testing-library/issues/24#issuecomment-1593709872
- */
 export const withinShadowRoot = async (customElem, selector) => {
     const webc = await findWhenRendered(customElem, selector);
     return within(webc.shadowRoot);

package/dist/collection/utils/typography/typographyUtils.js

@@ -1,4 +1,3 @@
-// src/utils/typography/typographyUtils.ts
 import "./typographyBox.scss";
 export const categories = {
     '--ds-fontFamily': 'Font family',
@@ -10,7 +9,6 @@ export const categories = {
 };
 export const getTypographyVariables = () => {
     const typographyVariables = [];
-    // There can be multiple rules so find and combine.
     const findRootRule = () => {
         const rootRules = [];
         for (const sheet of document.styleSheets) {

package/dist/collection/utils/utils.js

@@ -1,17 +1,3 @@
-/**
- * Generates Lorem Ipsum text with configurable options
- * @param {Object} options - Configuration options for text generation
- * @param {number} [options.paragraphs=1] - Number of paragraphs to generate
- * @param {number} [options.wordsPerParagraph=50] - Average number of words per paragraph
- * @param {boolean} [options.startWithLorem=true] - Whether to start with "Lorem ipsum dolor sit amet"
- * @returns {string} Generated Lorem Ipsum text
- *
- *  Example usage:
- *  generateLoremIpsum(); // 1 paragraph, starts with Lorem Ipsum
- *  generateLoremIpsum({ paragraphs: 3, wordsPerParagraph: 30 });
- *  generateLoremIpsum({ startWithLorem: false });
- *  generateLoremIpsum({ consistent: true }); // Generate same text everytime
- */
 export function generateLoremIpsum({ paragraphs = 1, wordsPerParagraph = 50, startWithLorem = true, consistent = false } = {}) {
     const loremWords = [
         'lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur', 'adipiscing', 'elit',

package/dist/{uh-component-library/uh-component-library.esm.js → component-library/component-library.esm.js}

@@ -1 +1 @@
-import{p as e,b as a}from"./index-1d0a6586.js";export{s as setNonce}from"./index-1d0a6586.js";import{g as i}from"./app-globals-0f993ce5.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await i(),a([["ds-accordion_2",[[1,"ds-accordion",{variant:[1],borderAligned:[4,"border-aligned"],openByDefault:[4,"open-by-default"],accordionId:[1,"accordion-id"],headingLevel:[2,"heading-level"],useCloseButton:[4,"use-close-button"],closeButtonLabel:[1,"close-button-label"],isExpanded:[32]},null,{isExpanded:["watchHandler"]}],[1,"ds-icon",{name:[1],colour:[1],size:[1],title:[1],role:[1],hidden:[4],message:[32]}]]],["ds-button_2",[[6,"ds-button",{value:[1],variant:[1],colour:[1],size:[1],fontWeight:[1,"font-weight"],icon:[1],iconPosition:[1,"icon-position"],type:[1],disabled:[4],ariaDisabled:[1,"aria-disabled"]}],[1,"ds-visually-hidden"]]],["ds-text-input",[[6,"ds-text-input",{label:[1],placeholder:[1],id:[1],name:[1],disabled:[4],required:[4],readonly:[4],value:[1],min:[2],max:[2],maxlength:[2],pattern:[1],autocomplete:[1],errorText:[1,"error-text"],successText:[1,"success-text"],assistiveText:[1,"assistive-text"],actionButtonAriaLabel:[1,"action-button-aria-label"],hiddenAssistiveText:[1,"hidden-assistive-text"],prefixText:[1,"prefix-text"],suffixText:[1,"suffix-text"],icon:[1],type:[1],ariaLabel:[1,"aria-label"],ariaLabelledBy:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],hasFocus:[32],clearButtonVisible:[32],passwordInputVisible:[32],inputActive:[32],togglePasswordVisibility:[64],clearInput:[64]}]]]],e))));
+import{p as e,b as i}from"./index-dfeefc7e.js";export{s as setNonce}from"./index-dfeefc7e.js";import{g as t}from"./app-globals-0f993ce5.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((async e=>(await t(),i([["ds-accordion_2",[[1,"ds-accordion",{variant:[1],borderAligned:[4,"border-aligned"],openByDefault:[4,"open-by-default"],accordionId:[1,"accordion-id"],headingLevel:[2,"heading-level"],useCloseButton:[4,"use-close-button"],closeButtonLabel:[1,"close-button-label"],isExpanded:[32]},null,{isExpanded:["watchHandler"]}],[1,"ds-icon",{name:[1],colour:[1],size:[1],title:[1],role:[1],hidden:[4],message:[32]}]]],["ds-button_2",[[6,"ds-button",{value:[1],variant:[1],colour:[1],size:[1],fontWeight:[1,"font-weight"],icon:[1],iconPosition:[1,"icon-position"],type:[1],disabled:[4],ariaDisabled:[1,"aria-disabled"]}],[1,"ds-visually-hidden"]]],["ds-text-input",[[6,"ds-text-input",{label:[1],placeholder:[1],id:[1],name:[1],disabled:[4],required:[4],readonly:[4],value:[1],min:[2],max:[2],maxlength:[2],pattern:[1],autocomplete:[1],errorText:[1,"error-text"],successText:[1,"success-text"],assistiveText:[1,"assistive-text"],actionButtonAriaLabel:[1,"action-button-aria-label"],hiddenAssistiveText:[1,"hidden-assistive-text"],prefixText:[1,"prefix-text"],suffixText:[1,"suffix-text"],icon:[1],type:[1],ariaLabel:[1,"aria-label"],ariaLabelledBy:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],hasFocus:[32],clearButtonVisible:[32],passwordInputVisible:[32],inputActive:[32],togglePasswordVisibility:[64],clearInput:[64]}]]]],e))));