@uh-design-system/component-library 0.0.1-alpha.9 → 0.1.0

package/dist/types/components.d.ts

@@ -6,19 +6,44 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
+    interface DsIcon {
+        "colour": string;
+        "hidden": boolean;
+        "name": string;
+        "role": string;
+        "size": string;
+        "title": string;
+    }
 }
 declare global {
+    interface HTMLDsIconElement extends Components.DsIcon, HTMLStencilElement {
+    }
+    var HTMLDsIconElement: {
+        prototype: HTMLDsIconElement;
+        new (): HTMLDsIconElement;
+    };
     interface HTMLElementTagNameMap {
+        "ds-icon": HTMLDsIconElement;
     }
 }
 declare namespace LocalJSX {
+    interface DsIcon {
+        "colour"?: string;
+        "hidden"?: boolean;
+        "name"?: string;
+        "role"?: string;
+        "size"?: string;
+        "title"?: string;
+    }
     interface IntrinsicElements {
+        "ds-icon": DsIcon;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "ds-icon": LocalJSX.DsIcon & JSXBase.HTMLAttributes<HTMLDsIconElement>;
         }
     }
 }

package/dist/types/utils/borders/borderUtils.d.ts

@@ -0,0 +1,3 @@
+import './borderBox.scss';
+export declare const getBorderVariables: () => any[];
+export declare const createBorderItem: (name: string, value: string) => HTMLDivElement;

package/dist/types/utils/colours/colourUtils.d.ts

@@ -0,0 +1,18 @@
+import './colourBox.scss';
+export declare const categories: {
+    '--colour-grayscale': string;
+    '--colour-main': string;
+    '--colour-semantic-neutral': string;
+    '--colour-semantic-alert': string;
+    '--colour-semantic-error': string;
+    '--colour-semantic-success': string;
+    '--colour-opaque-black': string;
+    '--colour-opaque-white': string;
+};
+export declare const getColourVariables: () => any[];
+export declare const createColourBox: (name: string, hex: string) => HTMLDivElement;
+export declare const createCategorySection: (category: string, colours: {
+    name: string;
+    variable: string;
+    value: string;
+}[], renderedCategories: Set<string>) => HTMLDivElement;

package/dist/types/utils/spacing/spacingUtils.d.ts

@@ -0,0 +1,12 @@
+import './spacingBox.scss';
+export declare const categories: {
+    '--spacing--': string;
+    '--spacingLayout--': string;
+};
+export declare const getSpacingVariables: () => any[];
+export declare const createSpacingBox: (name: string, value: string, width: string) => HTMLDivElement;
+export declare const createCategorySection: (category: string, spacings: {
+    name: string;
+    variable: string;
+    value: string;
+}[], renderedCategories: Set<string>) => HTMLDivElement;

package/dist/types/utils/tests/testUtils.d.ts

@@ -0,0 +1,104 @@
+/**
+ * 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 declare const withinShadowRoot: (customElem: HTMLElement, selector: string) => Promise<{
+    getByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions): ReturnType<import("@testing-library/dom").GetByText<T>>;
+    getAllByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions): ReturnType<import("@testing-library/dom").AllByText<T>>;
+    queryByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions): ReturnType<import("@testing-library/dom").QueryByText<T>>;
+    queryAllByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions): ReturnType<import("@testing-library/dom").AllByText<T>>;
+    findByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindByText<T>>;
+    findAllByLabelText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindAllByText<T>>;
+    getByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>;
+    getAllByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    queryByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>;
+    queryAllByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    findByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>;
+    findAllByPlaceholderText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>;
+    getByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions): ReturnType<import("@testing-library/dom").GetByText<T>>;
+    getAllByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions): ReturnType<import("@testing-library/dom").AllByText<T>>;
+    queryByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions): ReturnType<import("@testing-library/dom").QueryByText<T>>;
+    queryAllByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions): ReturnType<import("@testing-library/dom").AllByText<T>>;
+    findByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindByText<T>>;
+    findAllByText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindAllByText<T>>;
+    getByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>;
+    getAllByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    queryByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>;
+    queryAllByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    findByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>;
+    findAllByAltText<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>;
+    getByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>;
+    getAllByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    queryByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>;
+    queryAllByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    findByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>;
+    findAllByTitle<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>;
+    getByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>;
+    getAllByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    queryByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>;
+    queryAllByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    findByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>;
+    findAllByDisplayValue<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>;
+    getByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions): ReturnType<import("@testing-library/dom").GetByRole<T>>;
+    getAllByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions): ReturnType<import("@testing-library/dom").AllByRole<T>>;
+    queryByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions): ReturnType<import("@testing-library/dom").QueryByRole<T>>;
+    queryAllByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions): ReturnType<import("@testing-library/dom").AllByRole<T>>;
+    findByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindByRole<T>>;
+    findAllByRole<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindAllByRole<T>>;
+    getByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>;
+    getAllByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    queryByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>;
+    queryAllByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions): ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>;
+    findByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>;
+    findAllByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions): ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>;
+} & {
+    getByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions) => HTMLElement;
+    getAllByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions) => HTMLElement[];
+    queryByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions) => HTMLElement;
+    queryAllByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions) => HTMLElement[];
+    findByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement;
+    getAllByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement[];
+    queryByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement;
+    queryAllByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement[];
+    findByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement[]>;
+    getByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions) => HTMLElement;
+    getAllByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions) => HTMLElement[];
+    queryByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions) => HTMLElement;
+    queryAllByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions) => HTMLElement[];
+    findByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement>;
+    findAllByText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement[]>;
+    getByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement;
+    getAllByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement[];
+    queryByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement;
+    queryAllByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement[];
+    findByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement>;
+    findAllByAltText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement[]>;
+    getByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement;
+    getAllByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement[];
+    queryByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement;
+    queryAllByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement[];
+    findByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement>;
+    findAllByTitle: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement;
+    getAllByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement[];
+    queryByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement;
+    queryAllByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement[];
+    findByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement[]>;
+    getByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions) => HTMLElement;
+    getAllByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions) => HTMLElement[];
+    queryByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions) => HTMLElement;
+    queryAllByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions) => HTMLElement[];
+    findByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement>;
+    findAllByRole: (role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement[]>;
+    getByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement;
+    getAllByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement[];
+    queryByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement;
+    queryAllByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions) => HTMLElement[];
+    findByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement>;
+    findAllByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions, waitForElementOptions?: import("@testing-library/dom").waitForOptions) => Promise<HTMLElement[]>;
+}>;
+export declare const addMockEventListener: (container: HTMLElement, selector: string, eventName: string) => import("@vitest/spy").Mock<(...args: any[]) => any>;

package/dist/types/utils/typography/typographyUtils.d.ts

@@ -0,0 +1,16 @@
+import './typographyBox.scss';
+export declare const categories: {
+    '--ds-fontFamily': string;
+    '--ds-fontSize': string;
+    '--ds-fontWeight': string;
+    '--ds-letterSpacing': string;
+    '--ds-lineHeight': string;
+    '--ds-fontWidth': string;
+};
+export declare const getTypographyVariables: () => any[];
+export declare const createFontBox: (name: string, value: string, category: string) => HTMLDivElement;
+export declare const createCategorySection: (category: string, fonts: {
+    name: string;
+    variable: string;
+    value: string;
+}[], renderedCategories: Set<string>) => HTMLDivElement;

package/dist/uh-component-library/index.esm.js

@@ -0,0 +1,2 @@
+function n(n,r,t){return(n||"")+(r?` ${r}`:"")+(t?` ${t}`:"")}export{n as format};
+//# sourceMappingURL=index.esm.js.map

package/dist/uh-component-library/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["format","first","middle","last"],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"],"mappings":"SAAgBA,EAAOC,EAAgBC,EAAiBC,GACtD,OAAQF,GAAS,KAAOC,EAAS,IAAIA,IAAW,KAAOC,EAAO,IAAIA,IAAS,GAC7E,Q","ignoreList":[]}

package/dist/uh-component-library/p-74d73de3.js

@@ -0,0 +1,3 @@
+const e="uh-component-library";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:false,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:false,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:false,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:false,lifecycleDOMEvents:false,member:true,method:false,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:false,propNumber:false,propString:true,reflect:false,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:false,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:false,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:false,vdomText:false,vdomXlink:false,watchCallback:false};var n=Object.defineProperty;var s=(e,t)=>{for(var s in t)n(e,s,{get:t[s],enumerable:true})};var l=new WeakMap;var r=e=>l.get(e);var o=(e,t)=>l.set(t.t=e,t);var a=(e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map};{n.u=new Promise((e=>n.v=e));e["s-p"]=[];e["s-rc"]=[]}return l.set(e,n)};var i=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,n)=>{const s=e.h.replace(/-/g,"_");const l=e.p;if(!l){return void 0}const r=c.get(l);if(r){return r[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[s]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var h="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p=typeof window!=="undefined"?window:{};var m=p.document||{head:{}};var y={l:0,m:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};var b=e=>Promise.resolve(e);var w=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var S=false;var $=[];var g=[];var k=(e,t)=>n=>{e.push(n);if(!S){S=true;if(t&&y.l&4){j(x)}else{y.raf(x)}}};var C=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var x=()=>{C($);{C(g);if(S=$.length>0){y.raf(x)}}};var j=e=>b().then(e);var O=k(g,true);var E={};var T=e=>e!=null;var D=e=>{e=typeof e;return e==="object"||e==="function"};function L(e){var t,n,s;return(s=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?s:void 0}var M={};s(M,{err:()=>A,map:()=>R,ok:()=>F,unwrap:()=>P,unwrapErr:()=>N});var F=e=>({isOk:true,isErr:false,value:e});var A=e=>({isOk:false,isErr:true,value:e});function R(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>F(e)))}else{return F(n)}}if(e.isErr){const t=e.value;return A(t)}throw"should never get here"}var P=e=>{if(e.isOk){return e.value}else{throw e.value}};var N=e=>{if(e.isErr){return e.value}else{throw e.value}};var U=(e,t="")=>{{return()=>{}}};var W=(e,t)=>{{return()=>{}}};var H=(e,t,...n)=>{let s=null;let l=null;let r=false;let o=false;const a=[];const i=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){i(s)}else if(s!=null&&typeof s!=="boolean"){if(r=typeof e!=="function"&&!D(s)){s=String(s)}if(r&&o){a[a.length-1].S+=s}else{a.push(r?z(null,s):s)}o=r}}};i(n);if(t){if(t.key){l=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,a,q)}const f=z(e,null);f.$=t;if(a.length>0){f.k=a}{f.C=l}return f};var z=(e,t)=>{const n={l:0,j:e,S:t,O:null,k:null};{n.$=null}{n.C=null}return n};var B={};var Q=e=>e&&e.j===B;var q={forEach:(e,t)=>e.map(G).forEach(t),map:(e,t)=>e.map(G).map(t).map(I)};var G=e=>({vattrs:e.$,vchildren:e.k,vkey:e.C,vname:e.T,vtag:e.j,vtext:e.S});var I=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return H(e.vtag,t,...e.vchildren||[])}const t=z(e.vtag,e.vtext);t.$=e.vattrs;t.k=e.vchildren;t.C=e.vkey;t.T=e.vname;return t};var K=(e,t)=>{if(e!=null&&!D(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&1){return String(e)}return e}return e};var V=(e,t,n)=>{const s=y.ce(t,n);e.dispatchEvent(s);return s};var X=new WeakMap;var _=(e,t,n)=>{let s=v.get(e);if(w&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}v.set(e,s)};var J=(e,t,n)=>{var s;const l=Z(t);const r=v.get(l);e=e.nodeType===11?e:m;if(r){if(typeof r==="string"){e=e.head||e;let n=X.get(e);let o;if(!n){X.set(e,n=new Set)}if(!n.has(l)){{o=m.createElement("style");o.innerHTML=r;const n=(s=y.D)!=null?s:L(m);if(n!=null){o.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,n)}else if("host"in e){if(w){const t=new CSSStyleSheet;t.replaceSync(r);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=r+t.innerHTML}else{e.prepend(o)}}}else{e.append(o)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(o,null)}}if(t.l&4){o.innerHTML+=h}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(r)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]}}return l};var Y=e=>{const t=e.o;const n=e.$hostElement$;const s=t.l;const l=U("attachStyles",t.h);const r=J(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10&&s&2){n["s-sc"]=r;n.classList.add(r+"-h")}l()};var Z=(e,t)=>"sc-"+e.h;var ee=(e,t,n,s,l,r)=>{if(n!==s){let o=i(e,t);t.toLowerCase();if(t==="class"){const t=e.classList;const l=ne(n);const r=ne(s);t.remove(...l.filter((e=>e&&!r.includes(e))));t.add(...r.filter((e=>e&&!l.includes(e))))}else if(t==="key");else{const a=D(s);if((o||a&&s!==null)&&!l){try{if(!e.tagName.includes("-")){const l=s==null?"":s;if(t==="list"){o=false}else if(n==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else{e[t]=s}}catch(e){}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||r&4||l)&&!a){s=s===true?"":s;{e.setAttribute(t,s)}}}}};var te=/\s/;var ne=e=>!e?[]:e.split(te);var se=(e,t,n)=>{const s=t.O.nodeType===11&&t.O.host?t.O.host:t.O;const l=e&&e.$||E;const r=t.$||E;{for(const e of le(Object.keys(l))){if(!(e in r)){ee(s,e,l[e],void 0,n,t.l)}}}for(const e of le(Object.keys(r))){ee(s,e,l[e],r[e],n,t.l)}};function le(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var re;var oe;var ae=false;var ie=false;var fe=(e,n,s,l)=>{const r=n.k[s];let o=0;let a;let i;{a=r.O=m.createElement(!ae&&t.slotRelocation&&r.l&2?"slot-fb":r.j);{se(null,r,ie)}const n=a.getRootNode();const s=!n.querySelector("body");if(!s&&t.scoped&&T(re)&&a["s-si"]!==re){a.classList.add(a["s-si"]=re)}if(r.k){for(o=0;o<r.k.length;++o){i=fe(e,r,o);if(i){a.appendChild(i)}}}}a["s-hn"]=oe;return a};var ce=(e,t,n,s,l,r)=>{let o=e;let a;if(o.shadowRoot&&o.tagName===oe){o=o.shadowRoot}for(;l<=r;++l){if(s[l]){a=fe(null,n,l);if(a){s[l].O=a;pe(o,a,t)}}}};var ue=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.O;if(e){e.remove()}}}};var ve=(e,t,n,s,l=false)=>{let r=0;let o=0;let a=0;let i=0;let f=t.length-1;let c=t[0];let u=t[f];let v=s.length-1;let d=s[0];let h=s[v];let p;let m;while(r<=f&&o<=v){if(c==null){c=t[++r]}else if(u==null){u=t[--f]}else if(d==null){d=s[++o]}else if(h==null){h=s[--v]}else if(de(c,d,l)){he(c,d,l);c=t[++r];d=s[++o]}else if(de(u,h,l)){he(u,h,l);u=t[--f];h=s[--v]}else if(de(c,h,l)){he(c,h,l);pe(e,c.O,u.O.nextSibling);c=t[++r];h=s[--v]}else if(de(u,d,l)){he(u,d,l);pe(e,u.O,c.O);u=t[--f];d=s[++o]}else{a=-1;{for(i=r;i<=f;++i){if(t[i]&&t[i].C!==null&&t[i].C===d.C){a=i;break}}}if(a>=0){m=t[a];if(m.j!==d.j){p=fe(t&&t[o],n,a)}else{he(m,d,l);t[a]=void 0;p=m.O}d=s[++o]}else{p=fe(t&&t[o],n,o);d=s[++o]}if(p){{pe(c.O.parentNode,p,c.O)}}}}if(r>f){ce(e,s[v+1]==null?null:s[v+1].O,n,s,o,v)}else if(o>v){ue(t,r,f)}};var de=(e,t,n=false)=>{if(e.j===t.j){if(!n){return e.C===t.C}return true}return false};var he=(e,n,s=false)=>{const l=n.O=e.O;const r=e.k;const o=n.k;{{{se(e,n,ie)}}if(r!==null&&o!==null){ve(l,r,n,o,s)}else if(o!==null){ce(l,null,n,o,0,o.length-1)}else if(!s&&t.updatable&&r!==null){ue(r,0,r.length-1)}}};var pe=(e,t,n)=>{const s=e==null?void 0:e.insertBefore(t,n);return s};var me=(e,t,n=false)=>{const s=e.$hostElement$;const l=e.o;const r=e.L||z(null,null);const o=Q(t)?t:H(null,null,t);oe=s.tagName;if(n&&o.$){for(const e of Object.keys(o.$)){if(s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.$[e]=s[e]}}}o.j=null;o.l|=4;e.L=o;o.O=r.O=s.shadowRoot||s;{re=s["s-sc"]}ae=(l.l&1)!==0;he(r,o,n)};var ye=(e,t)=>{if(t&&!e.M&&t["s-p"]){t["s-p"].push(new Promise((t=>e.M=t)))}};var be=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}ye(e,e.F);const n=()=>we(e,t);return O(n)};var we=(e,t)=>{const n=e.$hostElement$;const s=U("scheduleUpdate",e.o.h);const l=e.t;if(!l){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let r;s();return Se(r,(()=>ge(e,l,t)))};var Se=(e,t)=>$e(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var $e=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var ge=async(e,t,n)=>{var s;const l=e.$hostElement$;const r=U("update",e.o.h);const o=l["s-rc"];if(n){Y(e)}const a=U("render",e.o.h);{ke(e,t,l,n)}if(o){o.map((e=>e()));l["s-rc"]=void 0}a();r();{const t=(s=l["s-p"])!=null?s:[];const n=()=>Ce(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var ke=(e,t,n,s)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{me(e,t,s)}}}}catch(t){f(t,e.$hostElement$)}return null};var Ce=e=>{const t=e.o.h;const n=e.$hostElement$;const s=U("postUpdate",t);const l=e.F;if(!(e.l&64)){e.l|=64;{je(n)}s();{e.v(n);if(!l){xe()}}}else{s()}{if(e.M){e.M();e.M=void 0}if(e.l&512){j((()=>be(e,false)))}e.l&=~(4|512)}};var xe=t=>{{je(m.documentElement)}j((()=>V(p,"appload",{detail:{namespace:e}})))};var je=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Oe=(e,t)=>r(e).i.get(t);var Ee=(e,t,n,s)=>{const l=r(e);if(!l){throw new Error(`Couldn't find host element for "${s.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const o=l.i.get(t);const a=l.l;const i=l.t;n=K(n,s.A[t][0]);const f=Number.isNaN(o)&&Number.isNaN(n);const c=n!==o&&!f;if((!(a&8)||o===void 0)&&c){l.i.set(t,n);if(i){if((a&(2|16))===2){be(l,false)}}}};var Te=(e,n,s)=>{var l,o;const a=e.prototype;if(n.A||t.watchCallback){const t=Object.entries((l=n.A)!=null?l:{});t.map((([e,[t]])=>{if(t&31||s&2&&t&32){Object.defineProperty(a,e,{get(){return Oe(this,e)},set(t){Ee(this,e,t,n)},configurable:true,enumerable:true})}}));if(s&1){const s=new Map;a.attributeChangedCallback=function(e,t,l){y.jmp((()=>{var o;const i=s.get(e);if(this.hasOwnProperty(i)){l=this[i];delete this[i]}else if(a.hasOwnProperty(i)&&typeof this[i]==="number"&&this[i]==l){return}else if(i==null){const s=r(this);const a=s==null?void 0:s.l;if(a&&!(a&8)&&a&128&&l!==t){const r=s.t;const a=(o=n.R)==null?void 0:o[e];a==null?void 0:a.forEach((n=>{if(r[n]!=null){r[n].call(r,l,t,e)}}))}return}this[i]=l===null&&typeof this[i]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=n.R)!=null?o:{}),...t.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;s.set(n,e);return n}))]))}}return e};var De=async(e,t,n,s)=>{let l;if((t.l&32)===0){t.l|=32;const s=n.p;if(s){const e=u(n);if(e&&"then"in e){const t=W();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${n.h}#${t.P}" was not found`)}if(!l.isProxied){Te(l,n,2);l.isProxied=true}const s=U("createInstance",n.h);{t.l|=8}try{new l(t)}catch(e){f(e)}{t.l&=~8}s()}else{l=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=Z(n);if(!v.has(t)){const s=U("registerStyles",n.h);_(t,e,!!(n.l&1));s()}}}const r=t.F;const o=()=>be(t,true);if(r&&r["s-rc"]){r["s-rc"].push(o)}else{o()}};var Le=e=>{};var Me=e=>{if((y.l&1)===0){const t=r(e);const n=t.o;const s=U("connectedCallback",n.h);if(!(t.l&1)){t.l|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){ye(t,t.F=n);break}}}if(n.A){Object.entries(n.A).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{De(e,t,n)}}else{if(t==null?void 0:t.t);else if(t==null?void 0:t.u){t.u.then((()=>Le()))}}s()}};var Fe=e=>{};var Ae=async e=>{if((y.l&1)===0){const t=r(e);if(t==null?void 0:t.t);else if(t==null?void 0:t.u){t.u.then((()=>Fe()))}}};var Re=(e,t={})=>{var n;const s=U();const l=[];const o=t.exclude||[];const i=p.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.m=new URL(t.resourcesUrl||"./",m.baseURI).href;let S=false;e.map((e=>{e[1].map((t=>{const n={l:t[0],h:t[1],A:t[2],N:t[3]};if(n.l&4){S=true}{n.A=t[2]}const s=n.h;const f=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;a(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){r(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>Me(this)))}}disconnectedCallback(){y.jmp((()=>Ae(this)))}componentOnReady(){return r(this).u}};n.p=e[0];if(!o.includes(s)&&!i.get(s)){l.push(s);i.define(s,Te(f,n,1))}}))}));if(l.length>0){if(S){u.textContent+=h}{u.textContent+=l.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=y.D)!=null?n:L(m);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>b=setTimeout(xe,30)))}}s()};var Pe=(e,t)=>t;var Ne=e=>y.D=e;export{Pe as F,Re as b,H as h,b as p,o as r,Ne as s};
+//# sourceMappingURL=p-74d73de3.js.map