@gov-design-system-ce/components 0.0.5 → 0.0.6

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

@@ -1,9 +1,10 @@
-import { Sizes as GlobalSizes } from '../../core/constants/sizes';
-import { Variants as GlobalVariants } from '../../core/constants/variants';
-export declare const Sizes: readonly [GlobalSizes._S, GlobalSizes._M, GlobalSizes._L, any];
-export declare type SizeType = (typeof Sizes)[number];
-export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.CUSTOM];
-export declare type VariantType = (typeof Variants)[number];
+import { Sizes } from '../../core/constants/sizes';
+import { Variants } from '../../core/constants/variants';
+import { ValueOf } from '../../types/interfaces';
+export declare const AccordionSizes: Pick<typeof Sizes, "_S" | "_M" | "_L">;
+export declare type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`;
+export declare const AccordionVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "CUSTOM">;
+export declare type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`;
 export declare const AccordionClass: {
   root: string;
 };

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { SizeType, VariantType } from './constants';
+import { AccordionSizeType, AccordionVariantType } from './constants';
 import { GovAccordionItemChangeEvent } from './gov-accordion-item.d';
 export declare class GovAccordionItem {
   private readonly triggerId;
@@ -11,7 +11,7 @@ export declare class GovAccordionItem {
   /**
    * Style variation of the button.
    */
-  readonly variant: VariantType;
+  readonly variant?: AccordionVariantType;
   /**
    * Custom accordion item identifier. Otherwise, it will be generated
    */
@@ -19,7 +19,7 @@ export declare class GovAccordionItem {
   /**
    * Accordion’s size.
    */
-  readonly size: SizeType;
+  readonly size?: AccordionSizeType;
   /**
    * Item name of the accordion
    */

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { SizeType, VariantType } from './constants';
+import { AccordionSizeType, AccordionVariantType } from './constants';
 import { GovAccordionItemChangeEvent } from './gov-accordion-item.d';
 export declare class GovAccordion {
   private h;
@@ -8,11 +8,11 @@ export declare class GovAccordion {
   /**
    * Accordion’s size.
    */
-  readonly size: SizeType;
+  readonly size?: AccordionSizeType;
   /**
    * Style variation of the button.
    */
-  readonly variant: VariantType;
+  readonly variant?: AccordionVariantType;
   /**
    * Adds accessible label for the accordion that is only shown for screen readers.
    */

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

@@ -1,6 +1,7 @@
-import { Variants as GlobalVariants } from '../../core/constants/variants';
-export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.WARNING, GlobalVariants.ERROR, GlobalVariants.SUCCESS];
-export declare type VariantType = (typeof Variants)[number];
+import { Variants } from '../../core/constants/variants';
+import { ValueOf } from '../../types/interfaces';
+export declare const AlertVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare type VariantType = `${ValueOf<typeof AlertVariants>}`;
 export declare const AlertClass: {
   root: string;
   section: string;

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

@@ -17,7 +17,7 @@ import '../../pages/Grid.ts';
 import '../../pages/Layout.ts';
 import '../../pages/Message.ts';
 import '../../pages/Modal.ts';
-import "../../pages/Loading.ts";
+import '../../pages/Loading.ts';
 import '../../pages/Nav.ts';
 import '../../pages/Pagination.ts';
 import '../../pages/Prompt.ts';

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class GovAttachmentsItem {
   private h;
   constructor();

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class GovBackdrop {
   private h;
   constructor();

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

@@ -1,10 +1,11 @@
-export declare enum NativeType {
+import { ValueOf } from '../../types/interfaces';
+declare enum NativeType {
   SPAN = "span",
   BUTTON = "button"
 }
-export declare const NativeTypes: readonly [any, NativeType.BUTTON, NativeType.SPAN];
-export declare type NativeTypesType = (typeof NativeTypes)[number];
+export declare type NativeTypesType = `${ValueOf<typeof NativeType>}`;
 export declare const BadgeClass: {
   root: string;
   inner: string;
 };
+export {};

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { NativeTypesType } from './constants';
-import { SizesType, Type, VariantType } from '../gov-button/constants';
+import { ButtonSizesType, TypesType, ButtonVariantType } from '../gov-button/constants';
 export declare class GovBadge {
   private h;
   constructor();
@@ -27,11 +27,11 @@ export declare class GovBadge {
   /**
    * Badge’s size.
    */
-  readonly size: SizesType;
+  readonly size: ButtonSizesType;
   /**
    * Badges's type
    */
-  readonly type: Type;
+  readonly type: TypesType;
   /**
    * Used to change the HMTL tag in the badge
    */
@@ -44,7 +44,7 @@ export declare class GovBadge {
   /**
    * Style variation of the badge.
    */
-  readonly variant: VariantType;
+  readonly variant: ButtonVariantType;
   /**
    * Adds accessible label for the button that is only shown for screen readers.
    * Typically, this label text replaces the visible text on the button for users who use assistive technology.

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

@@ -11,7 +11,7 @@ export declare class GovBreadcrumbs {
   readonly collapsible: boolean;
   /**
    * Defines whether the breadcrumbs are open or closed by default
-  */
+   */
   readonly isExpanded: boolean;
   /**
    * Adds accessible label for the pagination that is only shown for screen readers.

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

@@ -1,18 +1,28 @@
-import { Sizes as GlobalSizes } from '../../core/constants/sizes';
-import { Variants as GlobalVariants } from '../../core/constants/variants';
-export declare const Sizes: readonly [any, GlobalSizes._S, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
-export declare type SizesType = (typeof Sizes)[number];
-export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING];
-export declare type VariantType = (typeof Variants)[number];
-export declare const Types: readonly [any, "solid", "outlined", "base"];
-export declare type Type = (typeof Types)[number];
+import { Sizes } from '../../core/constants/sizes';
+import { Variants } from '../../core/constants/variants';
+import { ValueOf } from '../../types/interfaces';
+export declare const ButtonSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XL">;
+export declare type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`;
+export declare const ButtonVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`;
+export declare enum Type {
+  SOLID = "solid",
+  OUTLINED = "outlined",
+  BASE = "base"
+}
+export declare type TypesType = `${ValueOf<typeof Type>}`;
 export declare enum NativeType {
   SUBMIT = "submit",
   BUTTON = "button",
   RESET = "reset"
 }
-export declare const NativeTypes: readonly [any, NativeType.SUBMIT, NativeType.BUTTON, NativeType.RESET];
-export declare type NativeTypesType = (typeof NativeTypes)[number];
+export declare type NativeTypesType = `${ValueOf<typeof NativeType>}`;
+export declare enum ButtonTarget {
+  BLANK = "_blank",
+  SELF = "_self",
+  NEW = "_new"
+}
+export declare type ButtonTargetType = `${ValueOf<typeof ButtonTarget>}`;
 export declare const ButtonClass: {
   root: string;
   rootWithIcon: string;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { SizesType, NativeTypesType, Type, VariantType } from './constants';
+import { ButtonSizesType, NativeTypesType, TypesType, ButtonVariantType, ButtonTargetType } from './constants';
 export declare class GovButton {
   private h;
   private buttonRef?;
@@ -8,15 +8,15 @@ export declare class GovButton {
   /**
    * Style variation of the button
    */
-  readonly variant: VariantType;
+  readonly variant?: ButtonVariantType;
   /**
    * Button’s size
    */
-  readonly size: SizesType;
+  readonly size?: ButtonSizesType;
   /**
    * Button's type
    */
-  readonly type: Type;
+  readonly type?: TypesType;
   /**
    * Expands the button to fill 100% of the container width
    */
@@ -38,7 +38,7 @@ export declare class GovButton {
    * Same as original parameter
    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type
    */
-  readonly nativeType: NativeTypesType;
+  readonly nativeType?: NativeTypesType;
   /**
    * Same as original parameter
    * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
@@ -48,7 +48,7 @@ export declare class GovButton {
    * Same as original parameter
    * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
    */
-  readonly target: string;
+  readonly target?: ButtonTargetType;
   /**
    * Same as original parameter
    * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
@@ -154,8 +154,6 @@ export declare class GovButton {
   get classNames(): string;
   render(): any;
   private onClickHandler;
-  private onFocusHandler;
-  private onBlurHandler;
   /**
    * Focus button element
    */

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

@@ -1,4 +1,4 @@
-import { GovHost } from '../../helpers/Dom/template.d';
+import { GovHost } from '../../helpers/Dom/template.types';
 export declare class GovCookiebar {
   h: GovHost;
   constructor();

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

@@ -1,9 +1,10 @@
-import { Sizes as GlobalSizes } from '../../../core/constants/sizes';
-import { Variants as GlobalVariants } from '../../../core/constants/variants';
-export declare const Sizes: readonly [any, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
-export declare type SizesType = (typeof Sizes)[number];
-export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY];
-export declare type VariantType = (typeof Variants)[number];
+import { Sizes } from '../../../core/constants/sizes';
+import { Variants } from '../../../core/constants/variants';
+import { ValueOf } from '../../../types/interfaces';
+export declare const FormAutocompleteSizes: Pick<typeof Sizes, "_M" | "_L" | "_XL">;
+export declare type SizesType = `${ValueOf<typeof FormAutocompleteSizes>}`;
+export declare const FormAutocompleteVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
+export declare type VariantType = `${ValueOf<typeof FormAutocompleteVariants>}`;
 export declare const FormAutocompleteClass: {
   root: string;
   list: string;

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { SizesType } from './constants';
 import { VariantType } from './constants';
-import { GovFormAutocompleteItem } from './gov-form-autocomplete.d';
+import { GovFormAutocompleteItem } from './gov-form-autocomplete.types';
 export declare class GovFormAutocomplete {
   private inputRef?;
   private readonly listBoxId;
@@ -20,7 +20,7 @@ export declare class GovFormAutocomplete {
   /**
    * Style variation of the form input.
    */
-  readonly variant: VariantType;
+  readonly variant?: VariantType;
   /**
    * Indicates the entered value of child form element does conform to the format expected by the application.
    */
@@ -28,7 +28,7 @@ export declare class GovFormAutocomplete {
   /**
    * Input’s size.
    */
-  readonly size: SizesType;
+  readonly size?: SizesType;
   /**
    * Main key name in the object
    */

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

@@ -0,0 +1,3 @@
+export interface GovFormAutocompleteItem {
+  [key: string]: any;
+}

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

@@ -1,6 +1,7 @@
-import { Sizes as GlobalSizes } from '../../../core/constants/sizes';
-export declare const Sizes: readonly [any, GlobalSizes._XS, GlobalSizes._S, GlobalSizes._M, GlobalSizes._L];
-export declare type SizesType = (typeof Sizes)[number];
+import { Sizes } from '../../../core/constants/sizes';
+import { ValueOf } from '../../../types/interfaces';
+export declare const FormCheckboxSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS">;
+export declare type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`;
 export declare const FormCheckboxClass: {
   root: string;
   check: string;

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { SizesType } from './constants';
-import { GovFormCheckboxChangeEvent } from "./interfaces";
+import { FormCheckboxSizesType } from './constants';
+import { GovFormCheckboxChangeEvent } from './interfaces';
 export declare class GovFormCheckbox {
   private h;
   private f;
@@ -32,7 +32,7 @@ export declare class GovFormCheckbox {
   /**
    * Checkbox's size.
    */
-  readonly size: SizesType;
+  readonly size?: FormCheckboxSizesType;
   /**
    * Custom checkbox identifier.
    */
@@ -69,7 +69,6 @@ export declare class GovFormCheckbox {
   render(): any;
   private onFocusHandler;
   private onBlurHandler;
-  private onClickHandler;
   private onChangeHandler;
   /**
    * Validate the WCAG attributes of the component

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

@@ -1,6 +1,7 @@
-import { Sizes as GlobalSizes } from '../../../core/constants/sizes';
-export declare const Sizes: readonly [any, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
-export declare type SizesType = (typeof Sizes)[number];
+import { Sizes } from '../../../core/constants/sizes';
+import { ValueOf } from '../../../types/interfaces';
+export declare const FormControlSizes: Pick<typeof Sizes, "_M" | "_L" | "_XL">;
+export declare type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`;
 export declare const FormControlClass: {
   root: string;
   holder: string;

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

@@ -1,4 +1,4 @@
-import { SizesType } from "./constants";
+import { FormControlSizesType } from './constants';
 export declare class GovFormControl {
   private readonly h;
   private f;
@@ -8,7 +8,7 @@ export declare class GovFormControl {
   /**
    * Defines the space between nested components.
    */
-  readonly gap: SizesType;
+  readonly gap?: FormControlSizesType;
   /**
    * Form element identifier
    */
@@ -35,7 +35,7 @@ export declare class GovFormControl {
   /**
    * Form element size.
    */
-  readonly size: SizesType;
+  readonly size?: FormControlSizesType;
   host: HTMLGovFormControlElement;
   watchInvalid(): void;
   componentDidRender(): void;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { GovFormFileItem } from './gov-form-file.d';
+import { GovFormFileItem } from './gov-form-file.types';
 export declare class GovFormFile {
   private f;
   private h;

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

@@ -0,0 +1,6 @@
+export interface GovFormFileItem {
+  id: string;
+  file: File;
+  sizeValid: boolean;
+  acceptValid: boolean;
+}

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

@@ -1,13 +1,30 @@
-import { Sizes as GlobalSizes } from '../../../core/constants/sizes';
-import { Variants as GlobalVariants } from '../../../core/constants/variants';
-export declare const Sizes: readonly [any, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
-export declare type SizesType = (typeof Sizes)[number];
-export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY];
-export declare type VariantType = (typeof Variants)[number];
-export declare const InputTypes: readonly [any, "color", "date", "datetime-local", "email", "month", "number", "password", "search", "tel", "text", "time", "url", "week"];
-export declare type InputType = (typeof InputTypes)[number];
-export declare const Types: readonly [any, "reset"];
-export declare type Type = (typeof Types)[number];
+import { Sizes } from '../../../core/constants/sizes';
+import { Variants } from '../../../core/constants/variants';
+import { ValueOf } from '../../../types/interfaces';
+export declare const FormInputSizes: Pick<typeof Sizes, "_M" | "_L" | "_XL">;
+export declare type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`;
+export declare const FormInputVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
+export declare type FormInputVariantType = `${ValueOf<typeof FormInputVariants>}`;
+export declare enum InputTypes {
+  COLOR = "color",
+  DATE = "date",
+  DATETIME_LOCAL = "datetime-local",
+  EMAIL = "email",
+  MONTH = "month",
+  NUMBER = "number",
+  PASSWORD = "password",
+  SEARCH = "search",
+  TEL = "tel",
+  TEXT = "text",
+  TIME = "time",
+  URL = "url",
+  WEEK = "week"
+}
+export declare type InputType = `${ValueOf<typeof InputTypes>}`;
+export declare enum Type {
+  RESET = "reset"
+}
+export declare type TypesType = `${ValueOf<typeof Type>}`;
 export declare const FormInputClass: {
   root: string;
 };

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { SizesType, InputType, Type } from './constants';
-import { VariantType } from './constants';
+import { FormInputSizesType, InputType, Type } from './constants';
+import { FormInputVariantType } from './constants';
 export declare class GovFormInput {
   private f;
   private h;
@@ -19,7 +19,7 @@ export declare class GovFormInput {
   /**
    * Style variation of the form input.
    */
-  readonly variant: VariantType;
+  readonly variant?: FormInputVariantType;
   /**
    * Indicates the entered value of child form element does conform to the format expected by the application.
    */
@@ -27,7 +27,7 @@ export declare class GovFormInput {
   /**
    * Input’s size.
    */
-  readonly size: SizesType;
+  readonly size?: FormInputSizesType;
   /**
    * Name of the input.
    */
@@ -81,7 +81,7 @@ export declare class GovFormInput {
   /**
    * Defineds the visual style of input
    */
-  readonly type: Type;
+  readonly type?: Type;
   /**
    * Same as original parameter
    * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types

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

@@ -1,6 +1,7 @@
-import { Variants as GlobalVariants } from '../../../core/constants/variants';
-export declare const Variants: readonly [any, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING];
-export declare type VariantType = (typeof Variants)[number];
+import { Variants } from '../../../core/constants/variants';
+import { ValueOf } from '../../../types/interfaces';
+export declare const FormMessageVariants: Pick<typeof Variants, "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare type FormMessageVariantType = `${ValueOf<typeof FormMessageVariants>}`;
 export declare const FormMessageClass: {
   root: string;
   content: string;

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

@@ -1,5 +1,5 @@
-import { VariantType } from './constants';
-import { GovHost } from '../../../helpers/Dom/template.d';
+import { FormMessageVariantType } from './constants';
+import { GovHost } from '../../../helpers/Dom/template.types';
 export declare class GovFormMessage {
   h: GovHost;
   private readonly messageId;
@@ -8,7 +8,7 @@ export declare class GovFormMessage {
   /**
    * Style variation of the mesage.
    */
-  readonly variant?: VariantType;
+  readonly variant?: FormMessageVariantType;
   validateVariant(newValue: string): void;
   componentWillLoad(): void;
   render(): any;

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

@@ -1,9 +1,10 @@
-import { Sizes as GlobalSizes } from '../../../core/constants/sizes';
-import { Variants as GlobalVariants } from '../../../core/constants/variants';
-export declare const Sizes: readonly [any, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
-export declare type SizesType = (typeof Sizes)[number];
-export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY];
-export declare type VariantType = (typeof Variants)[number];
+import { Sizes } from '../../../core/constants/sizes';
+import { Variants } from '../../../core/constants/variants';
+import { ValueOf } from '../../../types/interfaces';
+export declare const FormMultiselectSizes: Pick<typeof Sizes, "_M" | "_L" | "_XL">;
+export declare type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`;
+export declare const FormMultiselectVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
+export declare type FormMultiselectVariantType = `${ValueOf<typeof FormMultiselectVariants>}`;
 export declare const FormMultiSelectClass: {
   root: string;
   wrap: string;

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { SizesType, VariantType } from './constants';
-import { GovFormMultiSelectItem } from "./interfaces";
+import { FormMultiselectSizesType, FormMultiselectVariantType } from './constants';
+import { GovFormMultiSelectItem } from './interfaces';
 export declare class GovFormMultiSelect {
   private selectRef?;
   private autocompleteRef?;
@@ -19,11 +19,11 @@ export declare class GovFormMultiSelect {
   /**
    * Style variation of the form select.
    */
-  readonly variant: VariantType;
+  readonly variant?: FormMultiselectVariantType;
   /**
    * Select’s size.
    */
-  readonly size: SizesType;
+  readonly size?: FormMultiselectSizesType;
   /**
    * Name of the select.
    */

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

@@ -1,6 +1,7 @@
-import { Sizes as GlobalSizes } from '../../../core/constants/sizes';
-export declare const Sizes: readonly [any, GlobalSizes._XS, GlobalSizes._S, GlobalSizes._M, GlobalSizes._L];
-export declare type SizesType = (typeof Sizes)[number];
+import { Sizes } from '../../../core/constants/sizes';
+import { ValueOf } from '../../../types/interfaces';
+export declare const FormRadioSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS">;
+export declare type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`;
 export declare const FormRadioClass: {
   root: string;
   holder: string;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { SizesType } from './constants';
+import { FormRadioSizesType } from './constants';
 import { GovFormRadioChangeEvent } from './interfaces';
 export declare class GovFormRadio {
   private h;
@@ -32,7 +32,7 @@ export declare class GovFormRadio {
   /**
    * Radio's size.
    */
-  readonly size: SizesType;
+  readonly size?: FormRadioSizesType;
   /**
    * Custom radio identifier.
    */

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

@@ -1,9 +1,3 @@
-import { Sizes as GlobalSizes } from '../../../core/constants/sizes';
-import { Variants as GlobalVariants } from '../../../core/constants/variants';
-export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING];
-export declare type VariantType = (typeof Variants)[number];
-export declare const Sizes: readonly [any, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
-export declare type SizesType = (typeof Sizes)[number];
 export declare const FormSearchClass: {
   root: string;
   input: string;

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

@@ -1,9 +1,10 @@
-import { Sizes as GlobalSizes } from '../../../core/constants/sizes';
-import { Variants as GlobalVariants } from '../../../core/constants/variants';
-export declare const Sizes: readonly [any, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
-export declare type SizesType = (typeof Sizes)[number];
-export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY];
-export declare type VariantType = (typeof Variants)[number];
+import { Sizes } from '../../../core/constants/sizes';
+import { Variants } from '../../../core/constants/variants';
+import { ValueOf } from '../../../types/interfaces';
+export declare const FormSelectSizes: Pick<typeof Sizes, "_M" | "_L" | "_XL">;
+export declare type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`;
+export declare const FormSelectVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
+export declare type FormSelectVariantType = `${ValueOf<typeof FormSelectVariants>}`;
 export declare const FormSelectClass: {
   root: string;
   icon: string;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { SizesType, VariantType } from './constants';
+import { FormSelectSizesType, FormSelectVariantType } from './constants';
 export declare class GovFormSelect {
   private f;
   private h;
@@ -18,11 +18,11 @@ export declare class GovFormSelect {
   /**
    * Style variation of the form select.
    */
-  readonly variant: VariantType;
+  readonly variant?: FormSelectVariantType;
   /**
    * Select’s size.
    */
-  readonly size: SizesType;
+  readonly size?: FormSelectSizesType;
   /**
    * Name of the select.
    */