@itcenteratunihelsinki/huds-lib 0.8.40 → 0.8.42

package/dist/types/components.d.ts

@@ -35,6 +35,36 @@ import { ProcessFlowBoxValue } from "./components/process/process";
 import { ImageSrcSet as ImageSrcSet6 } from "./components/hy-prominent-image/hy-prominent-image";
 import { ShortcutLinkValue } from "./components/hy-shortcuts/hy-shortcuts";
 import { DesktopLinks } from "./components/site-header/site-header";
+export { AccordionVariants, BreadcrumbVariants, ButtonVariants, CheckboxVariants, ColorVariant, CourseStateVariants, CourseVariants, CtaLinkButtonVariants, CtaLinkVariants, FooterLinkItemColor, FooterLinkVariants, FooterVariant, GeneralListTypes, GridAlignVariants, GridColumns, GridColumnsLg, GridColumnsSm, HeadingSectionVariants, HeadingVarians, HeroColorVariant, HeroGroupTypeVariant, HeroSizeVariant, HeroTypeVariant, IntroductionBgColors, KeyHighlightVariants, LinkBoxVariants, LinkVariants, ListItemVariants, MenuType, PaginationItemVariants, PersonCardVariants, ProcessFlowBoxStepStates, ProcessFlowBoxVariants, SiteLogoSize } from "./utils/utils";
+export { ImageSrcSet } from "./components/adjacent-image-text/adjacent-image-text";
+export { AnchorItem } from "./components/hy-anchor-link-list/hy-anchor-link-list";
+export { Breadcrumb } from "./components/hy-breadcrumbs/hy-breadcrumbs";
+export { TagValue } from "./components/courses/hy-content-list-item/hy-content-list-item";
+export { IDropdownItem } from "./components/hy-dropdown/hy-dropdown";
+export { IFilterGroupFilter } from "./components/hy-filter-group/hy-filter-group";
+export { FooterBaseLinks, FooterBaseSome } from "./components/footer/hy-footer-base/hy-footer-base";
+export { FooterInfoLinks, LuomusFooterContent } from "./components/footer/hy-footer-info/hy-footer-info";
+export { ListItemValue } from "./components/hy-general-list/hy-general-list";
+export { ImageSrcSet as ImageSrcSet1 } from "./components/hy-hero/hy-hero";
+export { ImageSrcSet as ImageSrcSet2 } from "./components/image/image";
+export { ImageSrcSet as ImageSrcSet3 } from "./components/hy-introduction/hy-introduction";
+export { KeyFigureValue } from "./components/hy-key-figure-group/hy-key-figure-group";
+export { KeyHighlightValue } from "./components/hy-key-highlight-group/hy-key-highlight-group";
+export { ProcessFlowValue } from "./components/hy-large-process-flow/hy-large-process-flow";
+export { PhaseValue } from "./components/hy-large-process-flow-phase/hy-large-process-flow-phase";
+export { ImageSrcSet as ImageSrcSet4 } from "./components/link-box/link-box";
+export { LinkBox } from "./components/link-box-list/link-box-list";
+export { CtaLinkValue } from "./components/hy-link-list/hy-link-list";
+export { AdditionalInfo, ImageSrcSet as ImageSrcSet5, RelatedLink } from "./components/hy-list-item/hy-list-item";
+export { MenuLanguage } from "./components/navigation/menu-language/menu-language";
+export { ComponentLabels } from "./components/site-header/site-header";
+export { DonateLink, MainMenu } from "./components/navigation/hy-menu-main-group/hy-menu-main-group";
+export { items } from "./components/hy-opening-hours-content/hy-opening-hours-content";
+export { personProfileListingItems } from "./components/person-profile/person-profile-listing/person-profile.listing";
+export { ProcessFlowBoxValue } from "./components/process/process";
+export { ImageSrcSet as ImageSrcSet6 } from "./components/hy-prominent-image/hy-prominent-image";
+export { ShortcutLinkValue } from "./components/hy-shortcuts/hy-shortcuts";
+export { DesktopLinks } from "./components/site-header/site-header";
 export namespace Components {
     interface ColorBox {
     }
@@ -277,6 +307,7 @@ export namespace Components {
         "courseStudyFormat"?: string;
         "courseTags": TagValue[] | string;
         "courseTeachingLanguage"?: string;
+        "formattedTimeRange"?: string;
         "isCancelled"?: boolean;
         "stateVariant": CourseStateVariants;
         "variant": CourseVariants;
@@ -516,7 +547,7 @@ export namespace Components {
         "isExternal": boolean;
         "scLabel"?: string;
         "sizeVariant": HeroSizeVariant;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet1[] | string;
         "url": string;
         "urlTitle": string;
     }
@@ -532,7 +563,7 @@ export namespace Components {
         "disableLazy": boolean;
         "imageAlt": string;
         "imageUrl": string;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet2[] | string;
     }
     interface HyIngress {
         "headerstyle": string;
@@ -545,7 +576,7 @@ export namespace Components {
         "limitContentWidth": boolean;
         "reversed": boolean;
         "scLabel"?: string;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet3[] | string;
         "textDescription": string;
         "textTitle"?: string;
         "url"?: string;
@@ -594,7 +625,7 @@ export namespace Components {
         "readMoreLabel": string;
         "scLabel"?: string;
         "showLogo": boolean;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet4[] | string;
         "textDescription": string;
         "textTitle"?: string;
         "url"?: string;
@@ -629,7 +660,7 @@ export namespace Components {
         "relatedLinks"?: RelatedLink[] | string;
         "relatedLinksBlockTitle"?: string;
         "scLabel"?: string;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet5[] | string;
         "truncateDescription": boolean;
         "truncateLimit": number;
         "url"?: string;
@@ -766,7 +797,7 @@ export namespace Components {
         "headerstyle": string;
         "imageAlt": string;
         "imageUrl"?: string;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet6[] | string;
         "textTitle"?: string;
     }
     interface HyQuote {
@@ -956,6 +987,22 @@ export namespace Components {
         "viewsLabel": string;
     }
 }
+export interface HyMenuLanguageCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLHyMenuLanguageElement;
+}
+export interface HyMenuMainGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLHyMenuMainGroupElement;
+}
+export interface HySiteHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLHySiteHeaderElement;
+}
+export interface HySiteSearchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLHySiteSearchElement;
+}
 declare global {
     interface HTMLColorBoxElement extends Components.ColorBox, HTMLStencilElement {
     }
@@ -1853,6 +1900,7 @@ declare namespace LocalJSX {
         "courseStudyFormat"?: string;
         "courseTags"?: TagValue[] | string;
         "courseTeachingLanguage"?: string;
+        "formattedTimeRange"?: string;
         "isCancelled"?: boolean;
         "stateVariant"?: CourseStateVariants;
         "variant"?: CourseVariants;
@@ -2092,7 +2140,7 @@ declare namespace LocalJSX {
         "isExternal"?: boolean;
         "scLabel"?: string;
         "sizeVariant"?: HeroSizeVariant;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet1[] | string;
         "url"?: string;
         "urlTitle"?: string;
     }
@@ -2108,7 +2156,7 @@ declare namespace LocalJSX {
         "disableLazy"?: boolean;
         "imageAlt"?: string;
         "imageUrl"?: string;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet2[] | string;
     }
     interface HyIngress {
         "headerstyle"?: string;
@@ -2121,7 +2169,7 @@ declare namespace LocalJSX {
         "limitContentWidth"?: boolean;
         "reversed"?: boolean;
         "scLabel"?: string;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet3[] | string;
         "textDescription"?: string;
         "textTitle"?: string;
         "url"?: string;
@@ -2170,7 +2218,7 @@ declare namespace LocalJSX {
         "readMoreLabel"?: string;
         "scLabel"?: string;
         "showLogo"?: boolean;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet4[] | string;
         "textDescription"?: string;
         "textTitle"?: string;
         "url"?: string;
@@ -2205,7 +2253,7 @@ declare namespace LocalJSX {
         "relatedLinks"?: RelatedLink[] | string;
         "relatedLinksBlockTitle"?: string;
         "scLabel"?: string;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet5[] | string;
         "truncateDescription"?: boolean;
         "truncateLimit"?: number;
         "url"?: string;
@@ -2228,7 +2276,7 @@ declare namespace LocalJSX {
         "dataMenuLanguage"?: MenuLanguage[] | string;
         "isGroup"?: boolean;
         "labels"?: ComponentLabels[] | string;
-        "onMenuLanguageToggled"?: (event: CustomEvent<any>) => void;
+        "onMenuLanguageToggled"?: (event: HyMenuLanguageCustomEvent<any>) => void;
     }
     interface HyMenuLanguageItem {
         "abbr"?: string;
@@ -2246,8 +2294,8 @@ declare namespace LocalJSX {
         "logoUrl"?: string;
         "menuLabel"?: string;
         "menuLabelClose"?: string;
-        "onMobileMenuTopToggle"?: (event: CustomEvent<any>) => void;
-        "onUniversityMainMenuToggled"?: (event: CustomEvent<any>) => void;
+        "onMobileMenuTopToggle"?: (event: HyMenuMainGroupCustomEvent<any>) => void;
+        "onUniversityMainMenuToggled"?: (event: HyMenuMainGroupCustomEvent<any>) => void;
         "siteLabel"?: string;
         "siteUrl"?: string;
     }
@@ -2345,7 +2393,7 @@ declare namespace LocalJSX {
         "headerstyle"?: string;
         "imageAlt"?: string;
         "imageUrl"?: string;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet6[] | string;
         "textTitle"?: string;
     }
     interface HyQuote {
@@ -2402,10 +2450,10 @@ declare namespace LocalJSX {
         "menuLabelOpen"?: string;
         "menuType"?: MenuType;
         "noSearch"?: boolean;
-        "onHeaderScrollDown"?: (event: CustomEvent<any>) => void;
-        "onHeaderScrollUp"?: (event: CustomEvent<any>) => void;
-        "onMenuMobileToggled"?: (event: CustomEvent<any>) => void;
-        "onMenuMobileTopToggled"?: (event: CustomEvent<any>) => void;
+        "onHeaderScrollDown"?: (event: HySiteHeaderCustomEvent<any>) => void;
+        "onHeaderScrollUp"?: (event: HySiteHeaderCustomEvent<any>) => void;
+        "onMenuMobileToggled"?: (event: HySiteHeaderCustomEvent<any>) => void;
+        "onMenuMobileTopToggled"?: (event: HySiteHeaderCustomEvent<any>) => void;
         "researchGroupLabel"?: string;
         "showSearchLabel"?: boolean;
         "siteLabel"?: string;
@@ -2428,7 +2476,7 @@ declare namespace LocalJSX {
         "isGroup"?: boolean;
         "isLuomusGroup"?: boolean;
         "labels"?: ComponentLabels[] | string;
-        "onSearchPanelToggled"?: (event: CustomEvent<any>) => void;
+        "onSearchPanelToggled"?: (event: HySiteSearchCustomEvent<any>) => void;
         "searchLabels"?: string;
         "searchLanguage"?: string;
         "searchTools"?: string;

package/dist/types/stencil-public-runtime.d.ts

@@ -133,7 +133,7 @@ export interface ListenOptions {
      */
     passive?: boolean;
 }
-export declare type ListenTargetOptions = 'body' | 'document' | 'window';
+export type ListenTargetOptions = 'body' | 'document' | 'window';
 export interface StateDecorator {
     (): PropertyDecorator;
 }
@@ -214,14 +214,16 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -234,6 +236,9 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -246,22 +251,38 @@ export declare function getAssetPath(path: string): string;
  * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
  * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Used to specify a nonce value that corresponds with an application's
+ * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
+ * @param nonce The value to be used for the nonce attribute.
+ */
+export declare function setNonce(nonce: string): void;
+/**
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -272,6 +293,8 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -279,6 +302,8 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**
@@ -417,13 +442,57 @@ interface HostAttributes {
     ref?: (el: HTMLElement | null) => void;
     [prop: string]: any;
 }
+/**
+ * Utilities for working with functional Stencil components. An object
+ * conforming to this interface is passed by the Stencil runtime as the third
+ * argument to a functional component, allowing component authors to work with
+ * features like children.
+ *
+ * The children of a functional component will be passed as the second
+ * argument, so a functional component which uses these utils to transform its
+ * children might look like the following:
+ *
+ * ```ts
+ * export const AddClass: FunctionalComponent = (_, children, utils) => (
+ *  utils.map(children, child => ({
+ *    ...child,
+ *    vattrs: {
+ *      ...child.vattrs,
+ *      class: `${child.vattrs.class} add-class`
+ *    }
+ *  }))
+ * );
+ * ```
+ *
+ * For more see the Stencil documentation, here:
+ * https://stenciljs.com/docs/functional-components
+ */
 export interface FunctionalUtilities {
+    /**
+     * Utility for reading the children of a functional component at runtime.
+     * Since the Stencil runtime uses a different interface for children it is
+     * not recommendeded to read the children directly, and is preferable to use
+     * this utility to, for instance, perform a side effect for each child.
+     */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
+    /**
+     * Utility for transforming the children of a functional component. Given an
+     * array of children and a callback this will return a list of the results of
+     * passing each child to the supplied callback.
+     */
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -470,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;
@@ -740,6 +812,7 @@ export declare namespace JSXBase {
         datetime?: string;
     }
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
@@ -820,8 +893,8 @@ export declare namespace JSXBase {
         accept?: string;
         allowdirs?: boolean;
         alt?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
         autoFocus?: boolean;
@@ -1145,8 +1218,8 @@ export declare namespace JSXBase {
         resource?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoCorrect?: string;
         autocorrect?: string;
         autoSave?: string;
@@ -1437,12 +1510,12 @@ export declare namespace JSXBase {
         onCutCapture?: (event: ClipboardEvent) => void;
         onPaste?: (event: ClipboardEvent) => void;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionEnd?: (event: CompositionEvent) => void;
-        onCompositionEndCapture?: (event: CompositionEvent) => void;
-        onCompositionStart?: (event: CompositionEvent) => void;
-        onCompositionStartCapture?: (event: CompositionEvent) => void;
-        onCompositionUpdate?: (event: CompositionEvent) => void;
-        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
+        onCompositionend?: (event: CompositionEvent) => void;
+        onCompositionendCapture?: (event: CompositionEvent) => void;
+        onCompositionstart?: (event: CompositionEvent) => void;
+        onCompositionstartCapture?: (event: CompositionEvent) => void;
+        onCompositionupdate?: (event: CompositionEvent) => void;
+        onCompositionupdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1453,8 +1526,8 @@ export declare namespace JSXBase {
         onBlurCapture?: (event: FocusEvent) => void;
         onChange?: (event: Event) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: Event) => void;
-        onInputCapture?: (event: Event) => void;
+        onInput?: (event: InputEvent) => void;
+        onInputCapture?: (event: InputEvent) => void;
         onReset?: (event: Event) => void;
         onResetCapture?: (event: Event) => void;
         onSubmit?: (event: Event) => void;

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

@@ -1,11 +1,11 @@
 import { FunctionalComponent } from '../stencil-public-runtime';
-export declare type ButtonVariants = 'primary' | 'secondary';
+export type ButtonVariants = 'primary' | 'secondary';
 export declare enum ButtonStates {
   enabled = "enabled",
   disabled = "disabled"
 }
-export declare type ProcessFlowBoxStepStates = 'first' | 'default';
-export declare type IconName = {
+export type ProcessFlowBoxStepStates = 'first' | 'default';
+export type IconName = {
   [key: string]: (props: any) => FunctionalComponent;
 };
 export declare enum FooterLinkVariants {
@@ -176,7 +176,7 @@ export declare enum ColorVariant {
   white = "var(--grayscale-white)",
   grey_dark = "var(--grayscale-dark)"
 }
-export declare type IntroductionBgColors = 'white';
+export type IntroductionBgColors = 'white';
 export declare enum HeroColorVariant {
   blue = "blue",
   black = "black",

package/loader/index.d.ts

@@ -5,18 +5,17 @@ export interface CustomElementsDefineOptions {
   syncQueue?: boolean;
   jmp?: (c: Function) => any;
   raf?: (c: FrameRequestCallback) => number;
-  ael?: (
-    el: EventTarget,
-    eventName: string,
-    listener: EventListenerOrEventListenerObject,
-    options: boolean | AddEventListenerOptions
-  ) => void;
-  rel?: (
-    el: EventTarget,
-    eventName: string,
-    listener: EventListenerOrEventListenerObject,
-    options: boolean | AddEventListenerOptions
-  ) => void;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

@@ -1,2 +1,3 @@
+
 export * from '../dist/esm/polyfills/index.js';
 export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -1,13 +1,4 @@
-(function () {
-  if ('undefined' !== typeof window && void 0 !== window.Reflect && void 0 !== window.customElements) {
-    var a = HTMLElement;
-    window.HTMLElement = function () {
-      return Reflect.construct(a, [], this.constructor);
-    };
-    HTMLElement.prototype = a.prototype;
-    HTMLElement.prototype.constructor = HTMLElement;
-    Object.setPrototypeOf(HTMLElement, a);
-  }
-})();
+
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../dist/esm/polyfills/index.js';
 export * from '../dist/esm/loader.js';

package/loader/package.json

@@ -1,5 +1,6 @@
 {
   "name": "huds-lib-loader",
+  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",
@@ -7,4 +8,4 @@
   "es2015": "./index.es2017.js",
   "es2017": "./index.es2017.js",
   "unpkg": "./cdn.js"
-}
+}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.8.40",
+  "version": "0.8.42",
   "description": "Helsinki University Design System library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
-  "es2015": "dist/esm/index.mjs",
-  "es2017": "dist/esm/index.mjs",
+  "es2015": "dist/esm/index.js",
+  "es2017": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
@@ -24,33 +24,34 @@
     "build.watch": "stencil build --docs --watch --serve"
   },
   "devDependencies": {
-    "@stencil/core": "2.13.0",
-    "@stencil/react-output-target": "^0.0.9",
-    "@stencil/sass": "^1.4.1",
+    "@stencil-community/postcss": "^2.1.0",
+    "@stencil/core": "^3.2.0",
+    "@stencil/react-output-target": "^0.5.0",
+    "@stencil/sass": "^3.0.0",
     "@types/jest": "25.2.3",
     "@types/jest-axe": "^3.5.1",
     "@types/puppeteer": "3.0.0",
-    "husky": "4.2.5",
+    "husky": "^4.3.8",
     "jest": "26.0.1",
     "jest-axe": "^3.5.0",
     "jest-cli": "26.0.1",
     "prettier": "2.0.5",
     "pretty-quick": "2.0.1",
     "puppeteer": "3.1.0",
-    "stylelint-config-recommended": "^3.0.0"
+    "sass": "^1.60.0",
+    "stylelint-config-recommended": "^11.0.0"
   },
   "license": "MIT",
   "dependencies": {
-    "@stencil/postcss": "^2.0.0",
     "autoprefixer": "^10.3.1",
     "breakpoint-sass": "^2.7.1",
     "concurrently": "^5.3.0",
     "emotion": "^10.0.27",
     "minimist": "^1.2.0",
-    "node-sass": "^6.0.1",
     "postcss": "^8.1.0",
     "postcss-import": "^12.0.1",
-    "resize-observer-polyfill": "1.0.0"
+    "resize-observer-polyfill": "1.0.0",
+    "stylelint": "^15.3.0"
   },
   "browserslist": [
     "last 2 versions"

package/dist/huds-lib/p-04dcccdc.js

@@ -1 +0,0 @@
-import{s as o}from"./p-f8697bf9.js";o((o=>{const t=document.querySelector("body").className.split(" ");return o.mode?o.mode:o.getAttribute("mode")?o.getAttribute("mode"):t.includes("full-width")?"wide":"default"}));const t=async o=>"string"==typeof o&&o.length>0?JSON.parse(o):o;export{t as j}

package/dist/huds-lib/p-0ea3ec9a.js

@@ -1 +0,0 @@
-var n,a,t,o,i,e,s,u,r,c,l,f,d,g,b,h,p,k,m,_,w,v,x,y,j,q,A,B,C,F,G,H,K;!function(n){n.enabled="enabled",n.disabled="disabled"}(n||(n={})),function(n){n.default="base",n.base="base",n.campus="base",n.group="group"}(a||(a={})),function(n){n.default="default",n.mini="mini"}(t||(t={})),function(n){n.default="default",n.landingLarge="large"}(o||(o={})),function(n){n.default="h1",n.h2="h2",n.h3="h3",n.h4="h4",n.h5="h5",n.h6="h6"}(i||(i={})),function(n){n.default="default",n.hero="hero",n.subSection="subsection",n.introduction="introduction",n.landingPageHeader="landingsection",n.contentPageHeader="contentsection",n.frontPage="frontpage",n.landingMajor="landing_major",n.landingMinor="landing_minor",n.course="courses",n.groupFooterInfo="group_footer_info",n.defaultFooterInfo="footer_info"}(e||(e={})),function(n){n.default="default",n.paragraph="within-paragraph"}(s||(s={})),function(n){n.default="default",n.linkList="link-list"}(u||(u={})),function(n){n.default="default",n.onBlueBkgd="blue-background",n.onWhiteBkgd="white-background",n.onBlackBkgd="black-background",n.onTransparentBkgd="transparent-background",n.heroWhite="hero-white",n.heroBlue="hero-blue",n.heroBlack="hero-black",n.darkBlue="dark-blue-background"}(r||(r={})),function(n){n.default="big",n.small="small"}(c||(c={})),function(n){n.default="big",n.small="small"}(l||(l={})),function(n){n.default="content",n.landingPage="landing"}(f||(f={})),function(n){n.default="row",n.row="row",n.grid="grid"}(d||(d={})),function(n){n.default="current",n.pastCourses="past-courses"}(g||(g={})),function(n){n.default="results",n.searchPanel="search-panel",n.extended="extended"}(b||(b={})),function(n){n.default="grid",n.grid="grid",n.list="list"}(h||(h={})),function(n){n.default="default",n.degreeProgramme="degree",n.position="position"}(p||(p={})),function(n){n.default="default",n.current="current",n.previous="previous",n.next="next",n.ellipsis="ellipsis"}(k||(k={})),function(n){n.columnsSm1="1",n.columnsSm2="2",n.columnsSm3="3",n.columnsSm4="4",n.columnsSm5="5",n.columnsSm6="6",n.columnsSm7="7",n.columnsSm8="8",n.columnsSm9="9",n.columnsSm10="10",n.columnsSm11="11",n.columnsSm12="12",n.default="12"}(m||(m={})),function(n){n.columns1="1",n.columns2="2",n.columns3="3",n.columns4="4",n.columns5="5",n.columns6="6",n.columns7="7",n.columns8="8",n.columns9="9",n.columns10="10",n.columns11="11",n.columns12="12",n.default="12"}(_||(_={})),function(n){n.columnsLg1="1",n.columnsLg2="2",n.columnsLg3="3",n.columnsLg4="4",n.columnsLg5="5",n.columnsLg6="6",n.columnsLg7="7",n.columnsLg8="8",n.columnsLg9="9",n.columnsLg10="10",n.columnsLg11="11",n.columnsLg12="12",n.default="12"}(w||(w={})),function(n){n.default="left",n.right="right",n.center="center"}(v||(v={})),function(n){n.desktop="desktop",n.mobile="mobile",n.tablet="tablet",n.default="desktop"}(x||(x={})),function(n){n[n.small=32]="small",n[n.big=64]="big",n[n.large=80]="large"}(y||(y={})),function(n){n.header="header",n.footer="footer"}(j||(j={})),function(n){n.black="var(--brand-main-nearly-black)",n.white="var(--grayscale-white)",n.grey_dark="var(--grayscale-dark)"}(q||(q={})),function(n){n.blue="blue",n.black="black",n.white="white",n.fp_white="fp_white"}(A||(A={})),function(n){n.large="large",n.small="small"}(B||(B={})),function(n){n.landing="landing",n.group_landing="group_landing",n.minor_landing="minor_landing",n.front_page="front_page"}(C||(C={})),function(n){n.default="no_group",n.research="research_group"}(F||(F={})),function(n){n.black="black",n.white="white"}(G||(G={})),function(n){n.default="default",n.button="button"}(H||(H={})),function(n){n.list="list",n.grid="grid"}(K||(K={}));export{t as A,o as B,r as C,G as F,_ as G,i as H,l as K,h as L,x as M,k as P,y as S,m as a,w as b,v as c,H as d,g as e,d as f,u as g,q as h,j as i,a as j,e as k,K as l,C as m,F as n,A as o,B as p,s as q,f as r,p as s,b as t,c as u}

package/dist/huds-lib/p-2244fcda.entry.js

@@ -1 +0,0 @@
-import{r as a,h as r,H as i}from"./p-f8697bf9.js";import{G as t,a as e,b as d,c as o}from"./p-0ea3ec9a.js";let n=class{constructor(r){a(this,r)}render(){return r(i,null,r("slot",null))}};n.style=":host{display:block}";const l={primary:"#0e688b",secondary:"white"};let s=class{constructor(r){a(this,r),this.buttonType="submit",this.buttonClasses="",this.variant="primary",this.state="enabled",this.size="normal",this.disabled=!1,this.url="",this.ariaLabel="",this.isExternal=!1,this.attrs=""}render(){const a=["hy-button",this.variant,this.state,"size-"+this.size,this.buttonClasses],t=l[this.variant],e=this.isExternal?"_blank":"_self";let d={};return this.attrs&&this.attrs.length>2&&JSON.parse(this.attrs).split('" ').map((a=>{let r=a.split("="),i=r[0],t=r[1];i=i.replaceAll('"'," "),i=i.trim(),"class"!==i&&(t=t.replaceAll('"'," "),t=t.trim(),d[i]=t)})),this.url?r(i,{"icon-right":"hy-icon-arrow-right","aria-label":this.ariaLabel},r("div",{style:{display:"flex"}},r("a",{class:a.join(" "),href:this.url,target:e},r("span",{class:"hy-button__text"},r("slot",null)),r("span",{class:"hy-button__icon"},r("hy-icon",{icon:"hy-icon-arrow-right",fill:t,size:13}))))):r(i,{"aria-label":this.ariaLabel},r("button",Object.assign({type:this.buttonType,class:a.join(" "),disabled:this.disabled},d),!!this.icon&&r("span",{class:"hy-button__icon hy-button__icon--left"},r("hy-icon",{icon:this.icon,fill:t,size:13})),r("span",{class:"hy-button__text"},r("slot",null)),!!this.iconRight&&r("span",{class:"hy-button__icon hy-button__icon--right"},r("hy-icon",{icon:this.iconRight,fill:t,size:13}))))}};s.style='@charset "UTF-8";:root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.hy-button__icon{-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-button{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main);color:var(--grayscale-white);font-family:var(--main-font-family);border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0.9375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:0.9375rem;margin:0;padding:0;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:all;transition-property:all;min-height:44px;position:relative;text-decoration:none}.hy-button.size-large{min-height:48px}.hy-button.primary{background-color:var(--brand-main);color:var(--grayscale-white)}.hy-button.primary .hy-button__icon{padding:8px 13px}.hy-button.primary svg{fill:var(--grayscale-white)}.hy-button.primary:hover{background-color:var(--brand-main-active)}.hy-button.primary:active{background-color:var(--brand-main-dark)}.hy-button.primary:disabled{background-color:var(--grayscale-medium);color:var(--grayscale-dark)}.hy-button.primary:disabled svg{fill:var(--grayscale-dark)}.hy-button.primary:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-button.secondary{background-color:transparent;border:solid 2px var(--brand-main);color:var(--brand-main)}.hy-button.secondary svg{fill:var(--brand-main)}.hy-button.secondary:hover{border:solid 2px var(--brand-main-active);color:var(--brand-main-active)}.hy-button.secondary:hover svg{fill:var(--brand-main-active)}.hy-button.secondary:active{border:solid 2px var(--brand-main-dark);color:var(--brand-main-dark)}.hy-button.secondary:active svg{fill:var(--brand-main-dark)}.hy-button.secondary:disabled{border:solid 2px var(--grayscale-medium-dark);color:var(--grayscale-medium-dark)}.hy-button.secondary:disabled svg{fill:var(--grayscale-medium-dark)}.hy-button::after{content:"";display:block;border-bottom:2px solid var(--additional-skyblue);position:absolute;bottom:-3.5px;left:3px;right:3px;z-index:0}.hy-button.primary::after{bottom:-2px}.hy-button:disabled{cursor:not-allowed}.hy-button:disabled::after{border-bottom:2px solid var(--grayscale-medium-dark);bottom:-3.5px}.hy-button:disabled.primary::after{bottom:-2px}.hy-button .hy-button__text{margin:12px 24px}.hy-button .hy-button__icon-right{padding-right:12px}hy-button[icon-right=hy-icon-arrow-right] .primary .hy-button__text{margin:12px 0 12px 16px;padding-right:16px}hy-button[icon-right=hy-icon-arrow-right] .primary:not(disabled) .hy-button__text{border-right:solid 1px var(--additional-skyblue)}hy-button[icon-right=hy-icon-arrow-right] .primary:disabled .hy-button__text{border-right:solid 1px var(--grayscale-dark)}hy-button[icon-right=hy-icon-arrow-right] .secondary .hy-button__text{margin:12px 16px}hy-button[icon-right=hy-icon-arrow-right] .secondary .hy-button__icon{padding-right:1rem;padding-left:0}hy-button[icon=hy-icon-arrow-left] .primary .hy-button__text{margin:12px 16px 12px 0;padding-left:16px}hy-button[icon=hy-icon-arrow-left] .primary:not(disabled) .hy-button__text{border-left:solid 1px var(--additional-skyblue)}hy-button[icon=hy-icon-arrow-left] .primary:disabled .hy-button__text{border-left:solid 1px var(--grayscale-dark)}hy-button[icon=hy-icon-arrow-left] .secondary .hy-button__text{margin:12px 16px}hy-button[icon=hy-icon-arrow-left] .secondary .hy-button__icon{padding-left:1rem;padding-right:0}';let h=class{constructor(r){a(this,r)}render(){return r("div",{class:"hy-docs-container"},r("slot",null))}};h.style="div.hy-docs-container{display:block;margin:2rem 0}";let g=class{constructor(r){a(this,r)}render(){return r("div",{class:["hy-grid--container"].join(" ")},r("slot",null))}};g.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-grid--container{display:block;width:100%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 30rem){.hy-grid--container{width:100%}}@media only screen and (min-width: 60rem){.hy-grid--container{width:100%;max-width:60rem}}@media only screen and (min-width: 75.0625rem){.hy-grid--container{width:100%;max-width:75rem}}@media only screen and (min-width: 1601px){.hy-grid--container{width:100%;max-width:90rem}}";let c=class{constructor(r){a(this,r),this.columns=t.default,this.columnssm=e.default,this.columnslg=d.default,this.contentalign=o.default}render(){return r(i,{class:["hy-grid-item",`hy-grid__col-${this.columnssm}-sm`,`hy-grid__col-${this.columns}`,`hy-grid__col-${this.columnslg}-lg`,`hy-grid-align__${this.contentalign}`].join(" ")},r("slot",null))}};c.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-grid-align__left{text-align:left}.hy-grid-align__right{text-align:right}.hy-grid-align__center{text-align:center;margin-left:auto;margin-right:auto}.hy-grid-justify{text-align:justify}.hy-grid-hidden-sm{display:none}.hy-grid__col-1,.hy-grid__col-2,.hy-grid__col-3,.hy-grid__col-4,.hy-grid__col-5,.hy-grid__col-6,.hy-grid__col-7,.hy-grid__col-8,.hy-grid__col-9,.hy-grid__col-10,.hy-grid__col-11,.hy-grid__col-12{width:98%}.hy-grid__col-1-sm{width:6.3333333333%}.hy-grid__col-2-sm{width:14.6666666667%}.hy-grid__col-3-sm{width:23%}.hy-grid__col-4-sm{width:31.3333333333%}.hy-grid__col-5-sm{width:39.6666666667%}.hy-grid__col-6-sm{width:48%}.hy-grid__col-7-sm{width:56.3333333333%}.hy-grid__col-8-sm{width:64.6666666667%}.hy-grid__col-9-sm{width:73%}.hy-grid__col-10-sm{width:81.3333333333%}.hy-grid__col-11-sm{width:89.6666666667%}.hy-grid__col-12-sm{width:98%}@media only screen and (min-width: 48em){.hy-grid__col-1{width:6.3333333333%}.hy-grid__col-2{width:14.6666666667%}.hy-grid__col-3{width:23%}.hy-grid__col-4{width:31.3333333333%}.hy-grid__col-5{width:39.6666666667%}.hy-grid__col-6{width:48%}.hy-grid__col-7{width:56.3333333333%}.hy-grid__col-8{width:64.6666666667%}.hy-grid__col-9{width:73%}.hy-grid__col-10{width:81.3333333333%}.hy-grid__col-11{width:89.6666666667%}.hy-grid__col-12{width:98%}.hidden-sm{display:block}}@media only screen and (min-width: 60em){.hy-grid__col-1-lg{width:6.3333333333%}.hy-grid__col-2-lg{width:14.6666666667%}.hy-grid__col-3-lg{width:23%}.hy-grid__col-4-lg{width:31.3333333333%}.hy-grid__col-5-lg{width:39.6666666667%}.hy-grid__col-6-lg{width:48%}.hy-grid__col-7-lg{width:56.3333333333%}.hy-grid__col-8-lg{width:64.6666666667%}.hy-grid__col-9-lg{width:73%}.hy-grid__col-10-lg{width:81.3333333333%}.hy-grid__col-11-lg{width:89.6666666667%}.hy-grid__col-12-lg{width:98%}}";let b=class{constructor(r){a(this,r)}render(){return r(i,{class:["hy-grid__row"].join(" ")},r("slot",null))}};b.style=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-grid__row{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}.hy-grid__row>[class^=hy-grid-item]{float:left;margin:0.5rem 1%;min-height:0.125rem}@media (min-width: 30rem){.hy-grid__row>[class^=hy-grid-item]{margin:1%}}.hy-grid__row::after{content:"";display:table;clear:both}';let y=class{constructor(r){a(this,r)}render(){return r("div",{class:"hy-section--container"},r("slot",null))}};y.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-section--container{display:block;width:100%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 30rem){.hy-section--container{width:100%}}@media only screen and (min-width: 60rem){.hy-section--container{width:100%;max-width:60rem}}@media only screen and (min-width: 75.0625rem){.hy-section--container{width:100%;max-width:75rem}}";let m=class{constructor(r){a(this,r)}render(){return r("div",{class:["hy-tiny-text"].join(" ")},r("slot",null))}};m.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-tiny-text{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px}";export{n as color_box,s as hy_button,h as hy_docs_container,g as hy_grid_container,c as hy_grid_item,b as hy_grid_row,y as hy_section_container,m as hy_tiny_text}