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

package/dist/stencil.config.js

@@ -55,15 +55,18 @@ export const config = {
             customElementsExportBehavior: 'auto-define-custom-elements'
         },
         reactOutputTarget({
-            componentCorePackage: "@gov-design-system-ce/components",
-            proxiesFile: "../../../packages/core-react/lib/index.ts",
-            includeDefineCustomElements: true,
-            includePolyfills: false
+            stencilPackageName: "@gov-design-system-ce/components",
+            customElementsDir: "dist/components",
+            outDir: "../../../packages/core-react/lib/",
+            esModules: true,
+            hydrateModule: '@gov-design-system-ce/components/dist/hydrate',
+            excludeComponents: ['gov-app']
         }),
         vueOutputTarget({
-            componentCorePackage: "@gov-design-system-ce",
+            componentCorePackage: "@gov-design-system-ce/components",
             proxiesFile: "../../../packages/core-vue/lib/index.ts",
-            includeImportCustomElements: true,
+            includeImportCustomElements: false,
+            includePolyfills: false,
             componentModels: [
                 {
                     elements: ['gov-form-autocomplete', 'gov-form-input'],

package/dist/stencil.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAA;AAClC,OAAO,YAAY,MAAM,cAAc,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AAEnE,MAAM,CAAC,MAAM,MAAM,GAAW;IAC7B,SAAS,EAAE,MAAM;IACjB,WAAW,EAAE,sBAAsB;IACnC,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,IAAI;IACf,qBAAqB,EAAE,KAAK;IAC5B,MAAM,EAAE;QACP,qBAAqB,EAAE,IAAI;QAC3B,qBAAqB,EAAE,IAAI;QAC3B,YAAY,EAAE,IAAI;KAClB;IACD,OAAO,EAAE;QACR,IAAI,CAAC;YACJ,iBAAiB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;SACtF,CAAC;QACF,OAAO,CAAC;YACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;SACzB,CAAC;KACF;IACD,aAAa,EAAE;QACd;YACC,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,WAAW;SAC1B;QACD;YACC,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE,IAAI;SACZ;QACD;YACC,IAAI,EAAE,KAAK;YACX,IAAI,EAAE;gBACL,EAAC,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAC;gBACpD,EAAC,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAC;gBACpD,EAAC,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,qBAAqB,EAAC;aACtD;YACD,aAAa,EAAE,IAAI;YACnB,OAAO,EAAE,aAAa;SACtB;QACD;YACC,IAAI,EAAE,qBAAqB;YAC3B,GAAG,EAAE,cAAc;SACnB;QACD;YACC,IAAI,EAAE,sBAAsB;YAC5B,oBAAoB,EAAE,KAAK;YAC3B,eAAe,EAAE,KAAK;YACtB,MAAM,EAAE,IAAI;YACZ,4BAA4B,EAAE,6BAA6B;SAC3D;QAED,iBAAiB,CAAC;YACjB,oBAAoB,EAAE,kCAAkC;YACxD,WAAW,EAAE,2CAA2C;YACxD,2BAA2B,EAAE,IAAI;YACjC,gBAAgB,EAAE,KAAK;SACvB,CAAC;QACF,eAAe,CAAC;YACf,oBAAoB,EAAE,uBAAuB;YAC7C,WAAW,EAAE,yCAAyC;YACtD,2BAA2B,EAAE,IAAI;YACjC,eAAe,EAAE;gBAChB;oBACC,QAAQ,EAAE,CAAC,uBAAuB,EAAE,gBAAgB,CAAC;oBACrD,KAAK,EAAE,WAAW;oBAClB,UAAU,EAAE,OAAO;iBACnB;gBACD;oBACC,QAAQ,EAAE,CAAC,uBAAuB,CAAC;oBACnC,KAAK,EAAE,YAAY;oBACnB,UAAU,EAAE,OAAO;iBACnB;gBACD;oBACC,QAAQ,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;oBAClD,KAAK,EAAE,YAAY;oBACnB,UAAU,EAAE,SAAS;iBACrB;gBACD;oBACC,QAAQ,EAAE,CAAC,sBAAsB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;oBACxE,KAAK,EAAE,YAAY;oBACnB,UAAU,EAAE,OAAO;iBACnB;aACD;SACD,CAAC;QACF,mBAAmB,CAAC;YACnB,oBAAoB,EAAE,kCAAkC;YACxD,UAAU,EAAE,WAAW;YACvB,mBAAmB,EAAE,0DAA0D;YAC/E,mBAAmB,EAAE,+DAA+D;SACpF,CAAC;KACF;CACD,CAAA","sourcesContent":["import {Config} from \"@stencil/core\"\nimport {postcss} from \"@stencil/postcss\"\nimport {sass} from \"@stencil/sass\"\nimport autoprefixer from \"autoprefixer\"\nimport path from \"path\"\nimport {reactOutputTarget} from \"@stencil/react-output-target\"\nimport {vueOutputTarget} from \"@stencil/vue-output-target\"\nimport {angularOutputTarget} from '@stencil/angular-output-target';\n\nexport const config: Config = {\n\tnamespace: \"core\",\n\tglobalStyle: \"src/sass/global.scss\",\n\ttaskQueue: \"async\",\n\tsourceMap: true,\n\tinvisiblePrehydration: false,\n\textras: {\n\t\texperimentalSlotFixes: true,\n\t\tenableImportInjection: true,\n\t\tcloneNodeFix: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, \"/\")],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: \"dist\",\n\t\t\tesmLoaderPath: \"../loader\",\n\t\t},\n\t\t{\n\t\t\ttype: \"docs-readme\",\n\t\t\tstrict: true,\n\t\t},\n\t\t{\n\t\t\ttype: \"www\",\n\t\t\tcopy: [\n\t\t\t\t{src: \"../../fonts/lib\", dest: \"build/assets/fonts\"},\n\t\t\t\t{src: \"../../icons/lib\", dest: \"build/assets/icons\"},\n\t\t\t\t{src: \"../../styles/lib\", dest: \"build/assets/styles\"},\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t\tbaseUrl: '/playground'\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-hydrate-script\",\n\t\t\tdir: \"dist/hydrate\",\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-custom-elements\",\n\t\t\tincludeGlobalScripts: false,\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t\tcustomElementsExportBehavior: 'auto-define-custom-elements'\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\tproxiesFile: \"../../../packages/core-react/lib/index.ts\",\n\t\t\tincludeDefineCustomElements: true,\n\t\t\tincludePolyfills: false\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce\",\n\t\t\tproxiesFile: \"../../../packages/core-vue/lib/index.ts\",\n\t\t\tincludeImportCustomElements: true,\n\t\t\tcomponentModels: [\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete', 'gov-form-input'],\n\t\t\t\t\tevent: 'gov-input',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete'],\n\t\t\t\t\tevent: 'gov-select',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-checkbox', 'gov-form-switch'],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'checked',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-multiselect', 'gov-form-select', 'gov-form-radio',],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t],\n\t\t}),\n\t\tangularOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\toutputType: 'component',\n\t\t\tdirectivesProxyFile: '../../../packages/core-angular/src/directives/proxies.ts',\n\t\t\tdirectivesArrayFile: '../../../packages/core-angular/src/directives/proxies-list.ts',\n\t\t}),\n\t],\n}\n"]}
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import {Config} from \"@stencil/core\"\nimport {postcss} from \"@stencil/postcss\"\nimport {sass} from \"@stencil/sass\"\nimport autoprefixer from \"autoprefixer\"\nimport path from \"path\"\nimport {reactOutputTarget} from \"@stencil/react-output-target\"\nimport {vueOutputTarget} from \"@stencil/vue-output-target\"\nimport {angularOutputTarget} from '@stencil/angular-output-target';\n\nexport const config: Config = {\n\tnamespace: \"core\",\n\tglobalStyle: \"src/sass/global.scss\",\n\ttaskQueue: \"async\",\n\tsourceMap: true,\n\tinvisiblePrehydration: false,\n\textras: {\n\t\texperimentalSlotFixes: true,\n\t\tenableImportInjection: true,\n\t\tcloneNodeFix: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, \"/\")],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: \"dist\",\n\t\t\tesmLoaderPath: \"../loader\",\n\t\t},\n\t\t{\n\t\t\ttype: \"docs-readme\",\n\t\t\tstrict: true,\n\t\t},\n\t\t{\n\t\t\ttype: \"www\",\n\t\t\tcopy: [\n\t\t\t\t{src: \"../../fonts/lib\", dest: \"build/assets/fonts\"},\n\t\t\t\t{src: \"../../icons/lib\", dest: \"build/assets/icons\"},\n\t\t\t\t{src: \"../../styles/lib\", dest: \"build/assets/styles\"},\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t\tbaseUrl: '/playground'\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-hydrate-script\",\n\t\t\tdir: \"dist/hydrate\",\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-custom-elements\",\n\t\t\tincludeGlobalScripts: false,\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t\tcustomElementsExportBehavior: 'auto-define-custom-elements'\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tstencilPackageName: \"@gov-design-system-ce/components\",\n\t\t\tcustomElementsDir: \"dist/components\",\n\t\t\toutDir: \"../../../packages/core-react/lib/\",\n\t\t\tesModules: true,\n\t\t\thydrateModule: '@gov-design-system-ce/components/dist/hydrate',\n\t\t\texcludeComponents: ['gov-app']\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\tproxiesFile: \"../../../packages/core-vue/lib/index.ts\",\n\t\t\tincludeImportCustomElements: false,\n\t\t\tincludePolyfills: false,\n\t\t\tcomponentModels: [\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete', 'gov-form-input'],\n\t\t\t\t\tevent: 'gov-input',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete'],\n\t\t\t\t\tevent: 'gov-select',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-checkbox', 'gov-form-switch'],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'checked',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-multiselect', 'gov-form-select', 'gov-form-radio',],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t],\n\t\t}),\n\t\tangularOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\toutputType: 'component',\n\t\t\tdirectivesProxyFile: '../../../packages/core-angular/src/directives/proxies.ts',\n\t\t\tdirectivesArrayFile: '../../../packages/core-angular/src/directives/proxies-list.ts',\n\t\t}),\n\t],\n}\n"]}

package/dist/types/components/gov-accordion/gov-accordion-item.d.ts

@@ -29,6 +29,7 @@ export declare class GovAccordionItem {
     govChange: EventEmitter<AccordionItemEvent>;
     validateSize(newValue: string): void;
     componentWillLoad(): void;
+    componentDidRender(): void;
     private getPropsFromParents;
     render(): any;
     /**

package/dist/types/components/gov-button/button/gov-button.d.ts

@@ -116,7 +116,7 @@ export declare class GovButton {
     /**
      * Returns a clickable element instance
      */
-    getRef(): Promise<HTMLLinkElement | HTMLButtonElement>;
+    getRef(): Promise<HTMLButtonElement | HTMLLinkElement>;
     /**
      * Validate the Accessibility attributes of the component
      */

package/dist/types/components/gov-chip/gov-chip.d.ts

@@ -27,11 +27,11 @@ export declare class GovChip {
     /**
      * Definition of the button icon on the left. The icon must be defined in the form "type/name".
      */
-    readonly iconLeft?: string;
+    readonly iconStart?: string;
     /**
      * Definition of the button icon on the left. The icon must be defined in the form "type/name".
      */
-    readonly iconRight?: string;
+    readonly iconEnd?: string;
     /**
      * Chip’s size.
      */
@@ -74,7 +74,7 @@ export declare class GovChip {
     /**
      * Returns a clickable element instance
      */
-    geRef(): Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>;
+    geRef(): Promise<HTMLButtonElement | HTMLSpanElement | HTMLLinkElement>;
     /**
      * Focus button element
      */

package/dist/types/components/gov-container/gov-container.d.ts

@@ -3,10 +3,4 @@ export declare class GovContainer {
     constructor();
     host: HTMLGovContainerElement;
     render(): any;
-    /**
-     * Returns slotted children
-     *
-     * @return {Promise<Node[]>}
-     */
-    slottedChildren(): Promise<Node[]>;
 }

package/dist/types/components/gov-flex/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const FlexClass: {
+    root: string;
+};

package/dist/types/components/gov-flex/gov-flex.d.ts

@@ -0,0 +1,33 @@
+export declare class GovFlex {
+    private h;
+    constructor();
+    host: HTMLGovGridElement;
+    /**
+     * 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';
+    /**
+     * 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';
+    /**
+     * 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';
+    /**
+     * 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';
+    /**
+     * 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';
+    render(): any;
+}

package/dist/types/components/gov-form/autocomplete/gov-form-autocomplete.d.ts

@@ -77,10 +77,6 @@ export declare class GovFormAutocomplete {
      * Custom message for when there is a blank sheet
      */
     readonly messageEmpty: string;
-    /**
-     * Custom message for when data is loaded
-     */
-    readonly messageLoading: string;
     /**
      * Emitted when the input has focus.
      */

package/dist/types/components/gov-form/file/gov-form-file.d.ts

@@ -8,6 +8,7 @@ export declare class GovFormFile {
     private inputRef?;
     private readonly fileId;
     private attributeObserver;
+    private eventsRegistered;
     constructor();
     host: HTMLGovFormFileElement;
     /**
@@ -71,10 +72,6 @@ export declare class GovFormFile {
      * Insert unsupported file error message
      */
     readonly errorAccept: string;
-    /**
-     * Description of the list of attachments
-     */
-    readonly attachmentsLabel: string;
     /**
      * Adds accessible label for the remove button that is only shown for screen readers.
      */

package/dist/types/components/gov-form/input/constants.d.ts

@@ -24,4 +24,5 @@ export declare enum Type {
 export type TypesType = `${ValueOf<typeof Type>}`;
 export declare const FormInputClass: {
     root: string;
+    icons: string;
 };

package/dist/types/components/gov-form/multiselect/gov-form-multi-select.d.ts

@@ -93,9 +93,7 @@ export declare class GovFormMultiSelect {
     validateSize(newValue: string): void;
     watchOptions(newValue: string | GovFormMultiSelectItem[]): void;
     watchValue(newValue: string | GovFormMultiSelectItem[]): void;
-    watchControlAttrs(): void;
     inheritedAttributes: Attributes;
-    private passControlAttrs;
     componentDidLoad(): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;

package/dist/types/components/gov-form/switch/constants.d.ts

@@ -1,6 +1,6 @@
 import { Sizes } from '../../../core/constants/sizes';
 import { ValueOf } from '../../../types/interfaces';
-export declare const FormSwitchSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L">;
+export declare const FormSwitchSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
 export type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`;
 export declare const FormSwitchClass: {
     root: string;

package/dist/types/components/gov-icon/constants.d.ts

@@ -1,6 +1,9 @@
 import { ValueOf } from '../../types/interfaces';
 import { Colors } from '../../core/constants/colors';
-export declare const IconColors: Pick<typeof Colors, "SECONDARY" | "NEUTRAL" | "SUCCESS" | "ERROR" | "WARNING" | "DEFAULT" | "DISABLED" | "ON_BOLD_WHITE" | "ON_BOLD_BLACK" | "ON_SUBTLE" | "WHITE_FIXED">;
+import { Sizes } from "../../core/constants/sizes";
+export declare const IconSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL" | "_2XL" | "_3XL" | "_4XL" | "_5XL">;
+export type IconSizesType = `${ValueOf<typeof IconSizes>}`;
+export declare const IconColors: Pick<typeof Colors, "PRIMARY" | "SECONDARY" | "NEUTRAL" | "SUCCESS" | "ERROR" | "WARNING" | "DEFAULT" | "DISABLED" | "BLACK" | "WHITE">;
 export type IconColorType = `${ValueOf<typeof IconColors>}`;
 declare enum Types {
     BASIC = "basic",

package/dist/types/components/gov-icon/gov-icon.d.ts

@@ -1,13 +1,17 @@
-import { type IconColorType } from "./constants";
+import { type IconColorType, IconSizesType } from "./constants";
 export declare class GovIcon {
     private h;
     private intersectionObserver;
     constructor();
     host: HTMLGovIconElement;
     /**
-     * Style variation of the button
+     * Icon size
      */
-    readonly color: IconColorType;
+    readonly size?: IconSizesType;
+    /**
+     * Icon color
+     */
+    readonly color?: IconColorType;
     /**
      * Name of icon in folder
      */
@@ -18,6 +22,7 @@ export declare class GovIcon {
     type: string;
     private visible;
     private error;
+    validateSize(newValue: string): void;
     validateColor(newValue: string): void;
     private loadIconPathData;
     connectedCallback(): void;

package/dist/types/components/gov-icon/list.d.ts

@@ -1,3 +1,3 @@
 export declare const complexIcons: string[];
-export declare const basicIcons: string[];
+export declare const componentsIcons: string[];
 export declare const icons: string[];

package/dist/types/components/gov-lifecycle-tester/gov-lifecycle-tester.d.ts

@@ -0,0 +1,14 @@
+export declare class GovLifecycle {
+    private readonly uniqueId;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentShouldUpdate(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    componentWillUpdate(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/gov-link/constants.d.ts

@@ -0,0 +1,7 @@
+import { Sizes } from "../../core/constants/sizes";
+import { ValueOf } from "../../types/interfaces";
+export declare const LinkSizes: Pick<typeof Sizes, "_S" | "_M" | "_L">;
+export type LinkSizesType = `${ValueOf<typeof LinkSizes>}`;
+export declare const LinkClass: {
+    root: string;
+};

package/dist/types/components/gov-link/gov-link.d.ts

@@ -0,0 +1,30 @@
+import { LinkSizesType } from './constants';
+import { Attributes } from "../../helpers/Dom/attribute";
+export declare class GovLink {
+    private h;
+    constructor();
+    host: HTMLGovLinkElement;
+    /**
+     * Element size.
+     */
+    readonly size?: LinkSizesType;
+    /**
+     * Element size.
+     */
+    readonly external?: boolean;
+    /**
+     * Same as original parameter
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+     */
+    readonly href: string;
+    /**
+     * Same as original parameter
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
+     */
+    readonly target: string;
+    validateSize(newValue: string): void;
+    inheritedAttributes: Attributes;
+    componentWillLoad(): void;
+    onAriaAttributeChange(attributeName: string, newValue: string): void;
+    render(): any;
+}

package/dist/types/components/gov-tag/gov-tag.d.ts

@@ -7,11 +7,11 @@ export declare class GovTag {
     /**
      * Definition of the button icon on the left. The icon must be defined in the form "type/name".
      */
-    readonly iconLeft?: string;
+    readonly iconStart?: string;
     /**
      * Definition of the button icon on the left. The icon must be defined in the form "type/name".
      */
-    readonly iconRight?: string;
+    readonly iconEnd?: string;
     /**
      * Tag’s size.
      */

package/dist/types/components/gov-theme-switch/constants.d.ts

@@ -1,4 +1,13 @@
+import { Sizes } from "../../core/constants/sizes";
+import { ValueOf } from "../../types/interfaces";
+export declare const ThemeSwitchSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
+export type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`;
 export declare const ThemeSwitchClass: {
     root: string;
+    indicator: string;
+    iconLight: string;
+    iconDark: string;
+    labelLight: string;
+    labelDark: string;
 };
 export declare const ATTRIBUTE_THEME_NAME = "data-theme";

package/dist/types/components/gov-theme-switch/gov-theme-switch.d.ts

@@ -1,16 +1,40 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { ThemeSwitchSizesType } from "./constants";
 import { ThemeList, ThemeSwitchEvent } from "./gov-theme-switch.types";
 export declare class GovThemeSwitch {
     private h;
     constructor();
-    host: HTMLGovLoadingElement;
+    host: HTMLGovThemeSwitchElement;
+    /**
+     * Switch's size.
+     */
+    readonly size?: ThemeSwitchSizesType;
+    /**
+     * Label in light mode
+     */
+    readonly ariaLabelLight?: "Přenout na tmavý mód";
+    /**
+     * Label in dark mode
+     */
+    readonly ariaLabelDark?: "Přepnout na světlý mód";
+    /**
+     * Label in light mode
+     */
+    readonly labelLight?: "Světlý mód";
+    /**
+     * Label in dark mode
+     */
+    readonly labelDark?: "Tmavý mód";
     /**
      * Called when the theme is changed by the user
      */
     govChange: EventEmitter<ThemeSwitchEvent>;
+    validateSize(newValue: string): void;
+    watchTheme(newValue: ThemeList): void;
     theme: ThemeList;
-    private get localStorageValue();
+    private get storageValue();
     private get htmlElement();
+    private get isSystemPrefersColorDark();
     componentWillLoad(): void;
     private initDefaultState;
     private setThemeState;

package/dist/types/components/gov-tile/gov-tile.d.ts

@@ -30,5 +30,5 @@ export declare class GovTile {
     /**
      * Returns a clickable element instance
      */
-    getTriggerRef(): Promise<HTMLLinkElement | HTMLSpanElement>;
+    getTriggerRef(): Promise<HTMLSpanElement | HTMLLinkElement>;
 }

package/dist/types/components/gov-toast/constants.d.ts

@@ -11,6 +11,7 @@ export declare const ToastClass: {
     root: string;
     hidden: string;
     content: string;
+    icon: string;
     close: string;
     timer: string;
 };