@gov-design-system-ce/components 4.1.0-rc1 → 4.1.1

package/dist/types/components.d.ts

@@ -38,10 +38,11 @@ import { FormSelectEvent, FormSelectOption } from "./components/gov-form/select/
 import { FormSelectSizesType } from "./components/gov-form/select/constants";
 import { FormSwitchSizesType } from "./components/gov-form/switch/constants";
 import { FormSwitchEvent } from "./components/gov-form/switch/gov-form-switch.types";
-import { IconColorType } from "./components/gov-icon/constants";
+import { IconColorType, IconSizesType } from "./components/gov-icon/constants";
 import { ColorType, InfobarTypesType } from "./components/gov-infobar/constants";
 import { InfobarEvent } from "./components/gov-infobar/gov-infobar.types";
 import { LayoutType, LayoutVariantType } from "./components/gov-layout/constants";
+import { LinkSizesType } from "./components/gov-link/constants";
 import { LoadingSizesType } from "./components/gov-loading/loading/constants";
 import { MessageColorType, MessageTypesType } from "./components/gov-message/constants";
 import { PaginationColorType, PaginationSizeType, PaginationType } from "./components/gov-pagination/constants";
@@ -52,6 +53,7 @@ import { StepperColorType, StepperSizesType } from "./components/gov-stepper/con
 import { GovStepperItemChangeEvent } from "./components/gov-stepper/gov-stepper-item.d";
 import { ColorType as ColorType1, TabOrientationType, TabSizeType, TabType } from "./components/gov-tabs/constants";
 import { TagSizesType, TagTypesType } from "./components/gov-tag/constants";
+import { ThemeSwitchSizesType } from "./components/gov-theme-switch/constants";
 import { ThemeSwitchEvent } from "./components/gov-theme-switch/gov-theme-switch.types";
 import { TileSizesType } from "./components/gov-tile/constants";
 import { ToastColorType, ToastTypesType } from "./components/gov-toast/constants";
@@ -92,10 +94,11 @@ export { FormSelectEvent, FormSelectOption } from "./components/gov-form/select/
 export { FormSelectSizesType } from "./components/gov-form/select/constants";
 export { FormSwitchSizesType } from "./components/gov-form/switch/constants";
 export { FormSwitchEvent } from "./components/gov-form/switch/gov-form-switch.types";
-export { IconColorType } from "./components/gov-icon/constants";
+export { IconColorType, IconSizesType } from "./components/gov-icon/constants";
 export { ColorType, InfobarTypesType } from "./components/gov-infobar/constants";
 export { InfobarEvent } from "./components/gov-infobar/gov-infobar.types";
 export { LayoutType, LayoutVariantType } from "./components/gov-layout/constants";
+export { LinkSizesType } from "./components/gov-link/constants";
 export { LoadingSizesType } from "./components/gov-loading/loading/constants";
 export { MessageColorType, MessageTypesType } from "./components/gov-message/constants";
 export { PaginationColorType, PaginationSizeType, PaginationType } from "./components/gov-pagination/constants";
@@ -106,6 +109,7 @@ export { StepperColorType, StepperSizesType } from "./components/gov-stepper/con
 export { GovStepperItemChangeEvent } from "./components/gov-stepper/gov-stepper-item.d";
 export { ColorType as ColorType1, TabOrientationType, TabSizeType, TabType } from "./components/gov-tabs/constants";
 export { TagSizesType, TagTypesType } from "./components/gov-tag/constants";
+export { ThemeSwitchSizesType } from "./components/gov-theme-switch/constants";
 export { ThemeSwitchEvent } from "./components/gov-theme-switch/gov-theme-switch.types";
 export { TileSizesType } from "./components/gov-tile/constants";
 export { ToastColorType, ToastTypesType } from "./components/gov-toast/constants";
@@ -150,8 +154,6 @@ export namespace Components {
          */
         "toggle": () => Promise<void>;
     }
-    interface GovApp {
-    }
     interface GovAttachments {
         /**
           * Label of attachments section
@@ -254,7 +256,7 @@ export namespace Components {
         /**
           * Returns a clickable element instance
          */
-        "getRef": () => Promise<HTMLLinkElement | HTMLButtonElement>;
+        "getRef": () => Promise<HTMLButtonElement | HTMLLinkElement>;
         /**
           * Same as original parameter
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
@@ -356,7 +358,7 @@ export namespace Components {
         /**
           * Returns a clickable element instance
          */
-        "geRef": () => Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>;
+        "geRef": () => Promise<HTMLButtonElement | HTMLSpanElement | HTMLLinkElement>;
         /**
           * Same as original parameter
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
@@ -365,11 +367,11 @@ export namespace Components {
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconLeft"?: string;
+        "iconEnd"?: string;
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconRight"?: string;
+        "iconStart"?: string;
         /**
           * Custom chip identifier. Otherwise, it will be generated
          */
@@ -397,11 +399,6 @@ export namespace Components {
         "type": ChipTypesType;
     }
     interface GovContainer {
-        /**
-          * Returns slotted children
-          * @return
-         */
-        "slottedChildren": () => Promise<Node[]>;
     }
     interface GovControlGroup {
         /**
@@ -495,6 +492,32 @@ export namespace Components {
     }
     interface GovErrorCode {
     }
+    interface GovFlex {
+        /**
+          * Aligns the flex container's lines within when there is extra space in the cross-axis. Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch'.
+         */
+        "alignContent"?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
+        /**
+          * Aligns flex items along the cross axis. Can be 'stretch', 'flex-start', 'flex-end', 'center', or 'baseline'.
+         */
+        "alignItems"?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';
+        /**
+          * Sets the alignment of the flex container’s children along the flex container’s cross axis, overriding the `align-items` property for individual flex items. Allowed values: 'auto', 'flex-start', 'flex-end', 'center', 'baseline', 'stretch'.
+         */
+        "alignSelf"?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+        /**
+          * Controls the flex direction of the container. Can be 'row', 'row-reverse', 'column', or 'column-reverse'.
+         */
+        "direction": 'row' | 'row-reverse' | 'column' | 'column-reverse';
+        /**
+          * Defines how the browser distributes space between and around content items along the main axis. Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'.
+         */
+        "justifyContent"?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+        /**
+          * Controls whether the flex container is a single-line or multi-line flex container. Can be 'nowrap', 'wrap', or 'wrap-reverse'.
+         */
+        "wrap"?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    }
     interface GovFormAutocomplete {
         /**
           * Clears whisperer value
@@ -520,10 +543,6 @@ export namespace Components {
           * Custom message for when there is a blank sheet
          */
         "messageEmpty": string;
-        /**
-          * Custom message for when data is loaded
-         */
-        "messageLoading": string;
         /**
           * Minimum length (number of characters) of value
          */
@@ -694,10 +713,6 @@ export namespace Components {
           * Adds accessible label for the remove button that is only shown for screen readers.
          */
         "accessibleRemoveLabel": string;
-        /**
-          * Description of the list of attachments
-         */
-        "attachmentsLabel": string;
         /**
           * Makes the File component disabled. This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.
          */
@@ -1190,13 +1205,17 @@ export namespace Components {
     }
     interface GovIcon {
         /**
-          * Style variation of the button
+          * Icon color
          */
-        "color": IconColorType;
+        "color"?: IconColorType;
         /**
           * Name of icon in folder
          */
         "name": string;
+        /**
+          * Icon size
+         */
+        "size"?: IconSizesType;
         /**
           * Type (folder) of icon
          */
@@ -1244,6 +1263,28 @@ export namespace Components {
     }
     interface GovLayoutColumn {
     }
+    interface GovLifecycle {
+    }
+    interface GovLink {
+        /**
+          * Element size.
+         */
+        "external"?: boolean;
+        /**
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+         */
+        "href": string;
+        /**
+          * Element size.
+         */
+        "size"?: LinkSizesType;
+        /**
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
+         */
+        "target": string;
+    }
     interface GovLoading {
         /**
           * Loading size
@@ -1470,11 +1511,11 @@ export namespace Components {
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconLeft"?: string;
+        "iconEnd"?: string;
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconRight"?: string;
+        "iconStart"?: string;
         /**
           * Tag’s size.
          */
@@ -1485,12 +1526,32 @@ export namespace Components {
         "type": TagTypesType;
     }
     interface GovThemeSwitch {
+        /**
+          * Label in dark mode
+         */
+        "ariaLabelDark"?: "Přepnout na světlý mód";
+        /**
+          * Label in light mode
+         */
+        "ariaLabelLight"?: "Přenout na tmavý mód";
+        /**
+          * Label in dark mode
+         */
+        "labelDark"?: "Tmavý mód";
+        /**
+          * Label in light mode
+         */
+        "labelLight"?: "Světlý mód";
+        /**
+          * Switch's size.
+         */
+        "size"?: ThemeSwitchSizesType;
     }
     interface GovTile {
         /**
           * Returns a clickable element instance
          */
-        "getTriggerRef": () => Promise<HTMLLinkElement | HTMLSpanElement>;
+        "getTriggerRef": () => Promise<HTMLSpanElement | HTMLLinkElement>;
         /**
           * Link on whole tile
          */
@@ -1825,12 +1886,6 @@ declare global {
         prototype: HTMLGovAccordionItemElement;
         new (): HTMLGovAccordionItemElement;
     };
-    interface HTMLGovAppElement extends Components.GovApp, HTMLStencilElement {
-    }
-    var HTMLGovAppElement: {
-        prototype: HTMLGovAppElement;
-        new (): HTMLGovAppElement;
-    };
     interface HTMLGovAttachmentsElement extends Components.GovAttachments, HTMLStencilElement {
     }
     var HTMLGovAttachmentsElement: {
@@ -2005,6 +2060,12 @@ declare global {
         prototype: HTMLGovErrorCodeElement;
         new (): HTMLGovErrorCodeElement;
     };
+    interface HTMLGovFlexElement extends Components.GovFlex, HTMLStencilElement {
+    }
+    var HTMLGovFlexElement: {
+        prototype: HTMLGovFlexElement;
+        new (): HTMLGovFlexElement;
+    };
     interface HTMLGovFormAutocompleteElementEventMap {
         "gov-focus": FormAutocompleteEvent;
         "gov-blur": FormAutocompleteEvent;
@@ -2293,6 +2354,18 @@ declare global {
         prototype: HTMLGovLayoutColumnElement;
         new (): HTMLGovLayoutColumnElement;
     };
+    interface HTMLGovLifecycleElement extends Components.GovLifecycle, HTMLStencilElement {
+    }
+    var HTMLGovLifecycleElement: {
+        prototype: HTMLGovLifecycleElement;
+        new (): HTMLGovLifecycleElement;
+    };
+    interface HTMLGovLinkElement extends Components.GovLink, HTMLStencilElement {
+    }
+    var HTMLGovLinkElement: {
+        prototype: HTMLGovLinkElement;
+        new (): HTMLGovLinkElement;
+    };
     interface HTMLGovLoadingElement extends Components.GovLoading, HTMLStencilElement {
     }
     var HTMLGovLoadingElement: {
@@ -2492,7 +2565,6 @@ declare global {
     interface HTMLElementTagNameMap {
         "gov-accordion": HTMLGovAccordionElement;
         "gov-accordion-item": HTMLGovAccordionItemElement;
-        "gov-app": HTMLGovAppElement;
         "gov-attachments": HTMLGovAttachmentsElement;
         "gov-attachments-item": HTMLGovAttachmentsItemElement;
         "gov-backdrop": HTMLGovBackdropElement;
@@ -2507,6 +2579,7 @@ declare global {
         "gov-dropdown": HTMLGovDropdownElement;
         "gov-empty": HTMLGovEmptyElement;
         "gov-error-code": HTMLGovErrorCodeElement;
+        "gov-flex": HTMLGovFlexElement;
         "gov-form-autocomplete": HTMLGovFormAutocompleteElement;
         "gov-form-checkbox": HTMLGovFormCheckboxElement;
         "gov-form-checkbox-group": HTMLGovFormCheckboxGroupElement;
@@ -2529,6 +2602,8 @@ declare global {
         "gov-infobar": HTMLGovInfobarElement;
         "gov-layout": HTMLGovLayoutElement;
         "gov-layout-column": HTMLGovLayoutColumnElement;
+        "gov-lifecycle": HTMLGovLifecycleElement;
+        "gov-link": HTMLGovLinkElement;
         "gov-loading": HTMLGovLoadingElement;
         "gov-message": HTMLGovMessageElement;
         "gov-pagination": HTMLGovPaginationElement;
@@ -2586,8 +2661,6 @@ declare namespace LocalJSX {
          */
         "size"?: AccordionSizeType;
     }
-    interface GovApp {
-    }
     interface GovAttachments {
         /**
           * Label of attachments section
@@ -2793,11 +2866,11 @@ declare namespace LocalJSX {
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconLeft"?: string;
+        "iconEnd"?: string;
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconRight"?: string;
+        "iconStart"?: string;
         /**
           * Custom chip identifier. Otherwise, it will be generated
          */
@@ -2910,6 +2983,32 @@ declare namespace LocalJSX {
     }
     interface GovErrorCode {
     }
+    interface GovFlex {
+        /**
+          * Aligns the flex container's lines within when there is extra space in the cross-axis. Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch'.
+         */
+        "alignContent"?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
+        /**
+          * Aligns flex items along the cross axis. Can be 'stretch', 'flex-start', 'flex-end', 'center', or 'baseline'.
+         */
+        "alignItems"?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';
+        /**
+          * Sets the alignment of the flex container’s children along the flex container’s cross axis, overriding the `align-items` property for individual flex items. Allowed values: 'auto', 'flex-start', 'flex-end', 'center', 'baseline', 'stretch'.
+         */
+        "alignSelf"?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+        /**
+          * Controls the flex direction of the container. Can be 'row', 'row-reverse', 'column', or 'column-reverse'.
+         */
+        "direction"?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+        /**
+          * Defines how the browser distributes space between and around content items along the main axis. Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'.
+         */
+        "justifyContent"?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+        /**
+          * Controls whether the flex container is a single-line or multi-line flex container. Can be 'nowrap', 'wrap', or 'wrap-reverse'.
+         */
+        "wrap"?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    }
     interface GovFormAutocomplete {
         /**
           * Makes the input component disabled. This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.
@@ -2931,10 +3030,6 @@ declare namespace LocalJSX {
           * Custom message for when there is a blank sheet
          */
         "messageEmpty"?: string;
-        /**
-          * Custom message for when data is loaded
-         */
-        "messageLoading"?: string;
         /**
           * Minimum length (number of characters) of value
          */
@@ -3108,10 +3203,6 @@ declare namespace LocalJSX {
           * Adds accessible label for the remove button that is only shown for screen readers.
          */
         "accessibleRemoveLabel"?: string;
-        /**
-          * Description of the list of attachments
-         */
-        "attachmentsLabel"?: string;
         /**
           * Makes the File component disabled. This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.
          */
@@ -3652,13 +3743,17 @@ declare namespace LocalJSX {
     }
     interface GovIcon {
         /**
-          * Style variation of the button
+          * Icon color
          */
         "color"?: IconColorType;
         /**
           * Name of icon in folder
          */
         "name"?: string;
+        /**
+          * Icon size
+         */
+        "size"?: IconSizesType;
         /**
           * Type (folder) of icon
          */
@@ -3710,6 +3805,28 @@ declare namespace LocalJSX {
     }
     interface GovLayoutColumn {
     }
+    interface GovLifecycle {
+    }
+    interface GovLink {
+        /**
+          * Element size.
+         */
+        "external"?: boolean;
+        /**
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+         */
+        "href"?: string;
+        /**
+          * Element size.
+         */
+        "size"?: LinkSizesType;
+        /**
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
+         */
+        "target"?: string;
+    }
     interface GovLoading {
         /**
           * Loading size
@@ -3920,11 +4037,11 @@ declare namespace LocalJSX {
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconLeft"?: string;
+        "iconEnd"?: string;
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconRight"?: string;
+        "iconStart"?: string;
         /**
           * Tag’s size.
          */
@@ -3935,10 +4052,30 @@ declare namespace LocalJSX {
         "type"?: TagTypesType;
     }
     interface GovThemeSwitch {
+        /**
+          * Label in dark mode
+         */
+        "ariaLabelDark"?: "Přepnout na světlý mód";
+        /**
+          * Label in light mode
+         */
+        "ariaLabelLight"?: "Přenout na tmavý mód";
+        /**
+          * Label in dark mode
+         */
+        "labelDark"?: "Tmavý mód";
+        /**
+          * Label in light mode
+         */
+        "labelLight"?: "Světlý mód";
         /**
           * Called when the theme is changed by the user
          */
         "onGov-change"?: (event: GovThemeSwitchCustomEvent<ThemeSwitchEvent>) => void;
+        /**
+          * Switch's size.
+         */
+        "size"?: ThemeSwitchSizesType;
     }
     interface GovTile {
         /**
@@ -4102,7 +4239,6 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "gov-accordion": GovAccordion;
         "gov-accordion-item": GovAccordionItem;
-        "gov-app": GovApp;
         "gov-attachments": GovAttachments;
         "gov-attachments-item": GovAttachmentsItem;
         "gov-backdrop": GovBackdrop;
@@ -4117,6 +4253,7 @@ declare namespace LocalJSX {
         "gov-dropdown": GovDropdown;
         "gov-empty": GovEmpty;
         "gov-error-code": GovErrorCode;
+        "gov-flex": GovFlex;
         "gov-form-autocomplete": GovFormAutocomplete;
         "gov-form-checkbox": GovFormCheckbox;
         "gov-form-checkbox-group": GovFormCheckboxGroup;
@@ -4139,6 +4276,8 @@ declare namespace LocalJSX {
         "gov-infobar": GovInfobar;
         "gov-layout": GovLayout;
         "gov-layout-column": GovLayoutColumn;
+        "gov-lifecycle": GovLifecycle;
+        "gov-link": GovLink;
         "gov-loading": GovLoading;
         "gov-message": GovMessage;
         "gov-pagination": GovPagination;
@@ -4165,7 +4304,6 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "gov-accordion": LocalJSX.GovAccordion & JSXBase.HTMLAttributes<HTMLGovAccordionElement>;
             "gov-accordion-item": LocalJSX.GovAccordionItem & JSXBase.HTMLAttributes<HTMLGovAccordionItemElement>;
-            "gov-app": LocalJSX.GovApp & JSXBase.HTMLAttributes<HTMLGovAppElement>;
             "gov-attachments": LocalJSX.GovAttachments & JSXBase.HTMLAttributes<HTMLGovAttachmentsElement>;
             "gov-attachments-item": LocalJSX.GovAttachmentsItem & JSXBase.HTMLAttributes<HTMLGovAttachmentsItemElement>;
             "gov-backdrop": LocalJSX.GovBackdrop & JSXBase.HTMLAttributes<HTMLGovBackdropElement>;
@@ -4180,6 +4318,7 @@ declare module "@stencil/core" {
             "gov-dropdown": LocalJSX.GovDropdown & JSXBase.HTMLAttributes<HTMLGovDropdownElement>;
             "gov-empty": LocalJSX.GovEmpty & JSXBase.HTMLAttributes<HTMLGovEmptyElement>;
             "gov-error-code": LocalJSX.GovErrorCode & JSXBase.HTMLAttributes<HTMLGovErrorCodeElement>;
+            "gov-flex": LocalJSX.GovFlex & JSXBase.HTMLAttributes<HTMLGovFlexElement>;
             "gov-form-autocomplete": LocalJSX.GovFormAutocomplete & JSXBase.HTMLAttributes<HTMLGovFormAutocompleteElement>;
             "gov-form-checkbox": LocalJSX.GovFormCheckbox & JSXBase.HTMLAttributes<HTMLGovFormCheckboxElement>;
             "gov-form-checkbox-group": LocalJSX.GovFormCheckboxGroup & JSXBase.HTMLAttributes<HTMLGovFormCheckboxGroupElement>;
@@ -4202,6 +4341,8 @@ declare module "@stencil/core" {
             "gov-infobar": LocalJSX.GovInfobar & JSXBase.HTMLAttributes<HTMLGovInfobarElement>;
             "gov-layout": LocalJSX.GovLayout & JSXBase.HTMLAttributes<HTMLGovLayoutElement>;
             "gov-layout-column": LocalJSX.GovLayoutColumn & JSXBase.HTMLAttributes<HTMLGovLayoutColumnElement>;
+            "gov-lifecycle": LocalJSX.GovLifecycle & JSXBase.HTMLAttributes<HTMLGovLifecycleElement>;
+            "gov-link": LocalJSX.GovLink & JSXBase.HTMLAttributes<HTMLGovLinkElement>;
             "gov-loading": LocalJSX.GovLoading & JSXBase.HTMLAttributes<HTMLGovLoadingElement>;
             "gov-message": LocalJSX.GovMessage & JSXBase.HTMLAttributes<HTMLGovMessageElement>;
             "gov-pagination": LocalJSX.GovPagination & JSXBase.HTMLAttributes<HTMLGovPaginationElement>;

package/dist/types/core/constants/colors.d.ts

@@ -1,15 +1,13 @@
 export declare enum Colors {
-    PRIMARY = "primary",
     DEFAULT = "default",
-    DISABLED = "disabled",
-    ERROR = "error",
-    NEUTRAL = "neutral",
+    PRIMARY = "primary",
     SECONDARY = "secondary",
+    NEUTRAL = "neutral",
+    ERROR = "error",
     SUCCESS = "success",
     WARNING = "warning",
-    ON_BOLD_WHITE = "on-bold-white",
-    ON_BOLD_BLACK = "on-bold-black",
-    ON_SUBTLE = "on-subtle",
-    WHITE_FIXED = "white-fixed",
+    DISABLED = "disabled",
+    BLACK = "black",
+    WHITE = "white",
     CUSTOM = "custom"
 }

package/dist/types/helpers/Dom/document.d.ts

@@ -0,0 +1,4 @@
+import { Nullable } from "../../utils/helpers.types";
+export declare const setCookie: (name: string, value: string, days?: number) => void;
+export declare const getCookie: (name: string) => Nullable<string>;
+export declare const isValidSVG: (svgContent: string) => boolean;

package/dist/types/helpers/Dom/template.d.ts

@@ -1,7 +1,6 @@
 import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { GovHost } from './template.types';
 export declare const prepareClasses: (classes: string[]) => string;
-export declare const slottedChildren: (host: HTMLStencilElement) => Node[];
 export declare const booleanString: (value: boolean) => string;
 export declare const govHost: (host: HTMLStencilElement) => GovHost;
 export declare const toBoolAttr: (value: boolean | string | number) => string;

package/dist/types/helpers/Dom/template.types.d.ts

@@ -8,6 +8,5 @@ export interface GovHost {
     getParent(element: string): HTMLElement;
     passChildAttr(selector: string | string[], name: string, value: any): void;
     removeChildAttr(selector: string | string[], name: string): void;
-    slottedChildren: Node[];
     classes(classes: string | string[]): string;
 }

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

@@ -1,3 +1,4 @@
+export declare function chr4(): string;
 export declare function createID(prefix: string): string;
 export declare function removeDiacritics(string: any): string | any;
 export declare function splitByWhitespace(string: any): string | any;

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@gov-design-system-ce/components",
 	"description": "This package includes Gov Design System Web Components and related utilities.",
 	"author": "Zdeněk Vítek",
-	"version": "4.1.0-rc1",
+	"version": "4.1.1",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",
@@ -22,8 +22,8 @@
 		"test": "echo \"Error: no test specified\" && exit 1"
 	},
 	"dependencies": {
-		"@gov-design-system-ce/icons": "0.0.12",
-		"@gov-design-system-ce/fonts": "0.0.2",
-		"@gov-design-system-ce/styles": "4.0.4-rc01"
+		"@gov-design-system-ce/icons": "^0.1.0",
+		"@gov-design-system-ce/fonts": "^0.0.2",
+		"@gov-design-system-ce/styles": "^4.1.0"
 	}
 }

package/dist/cjs/colors-976f6dff.js.map

@@ -1 +0,0 @@
-{"file":"colors-976f6dff.js","mappings":";;AAAYA;AAAZ,WAAY,MAAM;IACjB,6BAAmB,CAAA;IACnB,6BAAmB,CAAA;IACnB,+BAAqB,CAAA;IACrB,yBAAe,CAAA;IACf,6BAAmB,CAAA;IACnB,iCAAuB,CAAA;IACvB,6BAAmB,CAAA;IACnB,6BAAmB,CAAA;IACnB,yCAA+B,CAAA;IAC/B,yCAA+B,CAAA;IAC/B,iCAAuB,CAAA;IACvB,qCAA2B,CAAA;IAC3B,2BAAiB,CAAA;AAClB,CAAC,EAdWA,cAAM,KAANA,cAAM;;","names":["Colors"],"sources":["../../../packages/core/src/core/constants/colors.ts"],"sourcesContent":["export enum Colors {\n\tPRIMARY = 'primary',\n\tDEFAULT = 'default',\n\tDISABLED = 'disabled',\n\tERROR = 'error',\n\tNEUTRAL = 'neutral',\n\tSECONDARY = 'secondary',\n\tSUCCESS = 'success',\n\tWARNING = 'warning',\n\tON_BOLD_WHITE = 'on-bold-white',\n\tON_BOLD_BLACK = 'on-bold-black',\n\tON_SUBTLE = 'on-subtle',\n\tWHITE_FIXED = 'white-fixed',\n\tCUSTOM = 'custom',\n}\n"],"version":3}

package/dist/cjs/form-c1aec07a.js.map

@@ -1 +0,0 @@
-{"file":"form-c1aec07a.js","mappings":"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","names":["pick","Sizes","FormLabelClass","FormAutocompleteClass","FormMessageClass"],"sources":["../../../packages/core/src/components/gov-form/checkbox/constants.ts","../../../packages/core/src/components/gov-form/control/constants.ts","../../../packages/core/src/components/gov-form/input/constants.ts","../../../packages/core/src/components/gov-form/select/constants.ts","../../../packages/core/src/components/gov-form/multiselect/constants.ts","../../../packages/core/src/components/gov-form/switch/constants.ts","../../../packages/core/src/components/gov-form/radio/constants.ts","../../../packages/core/src/helpers/Dom/form.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`\n\nexport const FormCheckboxClass = {\n\troot: 'gov-form-checkbox',\n\tcheck: 'gov-form-checkbox__check',\n\tindeterminate: 'gov-form-checkbox__indeterminate',\n\tlabel: 'gov-form-checkbox__label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormControlSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`\n\nexport const FormControlClass = {\n\troot: 'gov-form-control',\n\tholder: 'gov-form-control__holder',\n\tbottom: 'gov-form-control__bottom',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormInputSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`\n\nexport enum InputTypes {\n\tCOLOR = 'color',\n\tDATE = 'date',\n\tDATETIME_LOCAL = 'datetime-local',\n\tEMAIL = 'email',\n\tMONTH = 'month',\n\tNUMBER = 'number',\n\tPASSWORD = 'password',\n\tSEARCH = 'search',\n\tTEL = 'tel',\n\tTEXT = 'text',\n\tTIME = 'time',\n\tURL = 'url',\n\tWEEK = 'week',\n}\nexport type InputType = `${ValueOf<typeof InputTypes>}`\n\nexport enum Type {\n\tRESET = 'reset',\n}\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport const FormInputClass = {\n\troot: 'gov-form-input',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormSelectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`\n\nexport const FormSelectClass = {\n\troot: 'gov-form-select',\n\ticon: 'gov-form-select__icon',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormMultiselectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`\n\nexport const FormMultiSelectClass = {\n\troot: 'gov-form-multi-select',\n\twrap: 'gov-form-multi-select__wrap',\n\tlist: 'gov-form-multi-select__list',\n\titem: 'gov-form-multi-select__item',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`\n\nexport const FormSwitchClass = {\n\troot: 'gov-form-switch',\n\tholder: 'gov-form-switch__holder',\n\tinput: 'gov-form-switch__input',\n\tindicator: 'gov-form-switch__indicator',\n\tlabel: 'gov-form-switch__label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`\n\nexport const FormRadioClass = {\n\troot: 'gov-form-radio',\n\tinput: 'gov-form-radio__input',\n\tindicator: 'gov-form-radio__indicator',\n\tlabel: 'gov-form-radio__label',\n}\n","import { GovHost } from './template.types'\nimport { GovForm } from './form.types'\nimport { FormControlClass } from '../../components/gov-form/control/constants'\nimport { FormInputClass } from '../../components/gov-form/input/constants'\nimport { FormSelectClass } from '../../components/gov-form/select/constants'\nimport { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants'\nimport { FormSwitchClass } from '../../components/gov-form/switch/constants'\nimport { FormCheckboxClass } from '../../components/gov-form/checkbox/constants'\nimport { FormRadioClass } from '../../components/gov-form/radio/constants'\nimport { FormMessageClass } from '../../components/gov-form/message/constants'\nimport { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants'\nimport { Nullable } from '../../types/interfaces'\nimport { FormLabelClass } from \"../../components/gov-form/label/constants\"\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tpassAttrToLabel(name: string, value: string): void {\n\t\t\tif (this.label) {\n\t\t\t\tthis.label.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll('gov-form-group > *, gov-form-radio-group > *, gov-form-checkbox-group > *').length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): Nullable<HTMLGovFormControlElement> {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget label(): Nullable<HTMLGovFormLabelElement> {\n\t\t\tconst innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`)\n\t\t\tif(innerLabel) {\n\t\t\t\treturn innerLabel\n\t\t\t}\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelector(`.${FormLabelClass.root}`)\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root,\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map(el => `${el}:first-of-type`).join(', ')\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"],"version":3}