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

package/dist/types/components/gov-form/switch/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 FormSwitchSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS">;
+export declare type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`;
 export declare const FormSwitchClass: {
   root: string;
   holder: string;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { SizesType } from './constants';
+import { FormSwitchSizesType } from './constants';
 import { GovFormSwitchChangeEvent } from './interfaces';
 export declare class GovFormSwitch {
   private h;
@@ -32,7 +32,7 @@ export declare class GovFormSwitch {
   /**
    * Switch's size.
    */
-  readonly size: SizesType;
+  readonly size?: FormSwitchSizesType;
   /**
    * Custom switch identifier.
    */

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

@@ -1,6 +1,3 @@
-import { Sizes as GlobalSizes } from '../../core/constants/sizes';
-export declare const Sizes: readonly [any, GlobalSizes._2XS, GlobalSizes._XS, GlobalSizes._S, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL, GlobalSizes._2XL, GlobalSizes._3XL, GlobalSizes._4XL];
-export declare type SizesType = (typeof Sizes)[number];
 export declare const GridClass: {
   root: string;
 };

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

@@ -1,6 +1,12 @@
-export declare const Types: readonly ["basic", "complex", "colored"];
-export declare type Type = (typeof Types)[number];
+import { ValueOf } from '../../types/interfaces';
+declare enum Types {
+  BASIC = "basic",
+  COMPLEX = "complex",
+  COLORED = "colored"
+}
+export declare type Type = `${ValueOf<typeof Types>}`;
 export declare const IconClass: {
   root: string;
   holder: string;
 };
+export {};

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

@@ -1,12 +1,20 @@
+import { ValueOf } from '../../types/interfaces';
 export declare const LayoutClass: {
   root: string;
   section: string;
-  content: string;
-  aside: string;
 };
-export declare const LayoutAsideClass: {
-  root: string;
-};
-export declare const LayoutContentClass: {
+declare enum LayoutTypes {
+  STRETCH = "stretch",
+  ASIDE = "aside",
+  TEXT = "text"
+}
+export declare type LayoutType = `${ValueOf<typeof LayoutTypes>}`;
+declare enum LayoutVariant {
+  LEFT = "left",
+  RIGHT = "right"
+}
+export declare type LayoutVariantType = `${ValueOf<typeof LayoutVariant>}`;
+export declare const LayoutColumnClass: {
   root: string;
 };
+export {};

package/dist/types/components/gov-layout/gov-layout-column.d.ts

@@ -0,0 +1,6 @@
+export declare class GovLayoutColumn {
+  private h;
+  constructor();
+  readonly host: HTMLGovLayoutColumnElement;
+  render(): any;
+}

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

@@ -1,6 +1,20 @@
+import { LayoutType, LayoutVariantType } from './constants';
 export declare class GovLayout {
   private h;
   constructor();
   host: HTMLGovLayoutElement;
+  /**
+   * Layout type
+   */
+  readonly type?: LayoutType;
+  /**
+   * Layout align
+   */
+  readonly variant?: LayoutVariantType;
+  /**
+   * Determine if component should have inverse column order
+   */
+  readonly inverse: boolean;
+  private typeClass;
   render(): any;
 }

package/dist/types/components/gov-message/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 MessageVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare type MessageVariantType = `${ValueOf<typeof MessageVariants>}`;
 export declare const MessageClass: {
   root: string;
   icon: string;

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

@@ -1,4 +1,4 @@
-import { VariantType } from './constants';
+import { MessageVariantType } from './constants';
 export declare class GovMessage {
   private h;
   constructor();
@@ -6,7 +6,7 @@ export declare class GovMessage {
   /**
    * Style variation of the content message.
    */
-  readonly variant: VariantType;
+  readonly variant: MessageVariantType;
   validateVariant(newValue: string): void;
   render(): any;
 }

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

@@ -1,11 +1,15 @@
-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, 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];
-export declare const Types: readonly [any, "button", "select"];
-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 PaginationSizes: Pick<typeof Sizes, "_S" | "_M">;
+export declare type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`;
+export declare const PaginationVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
+export declare type PaginationVariantType = `${ValueOf<typeof PaginationVariants>}`;
+export declare enum PaginationTypes {
+  BUTTON = "button",
+  SELECT = "select"
+}
+export declare type PaginationType = `${ValueOf<typeof PaginationTypes>}`;
 export declare const PaginationClass: {
   root: string;
   list: string;

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

@@ -1,6 +1,6 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { SizeType, VariantType, Type } from "./constants";
-import { Pagination } from "./pagination";
+import { EventEmitter } from '../../stencil-public-runtime';
+import { PaginationSizeType, PaginationVariantType, PaginationType } from './constants';
+import { Pagination } from './pagination';
 export declare class GovPagination {
   private h;
   private readonly pageSelectId;
@@ -9,7 +9,7 @@ export declare class GovPagination {
   /**
    * Pagination type
    */
-  readonly type: Type;
+  readonly type: PaginationType;
   /**
    * Currently displayed page
    */
@@ -25,11 +25,11 @@ export declare class GovPagination {
   /**
    * Pagination's size
    */
-  readonly size: SizeType;
+  readonly size?: PaginationSizeType;
   /**
    * Style variation of the pagination.
    */
-  readonly variant: VariantType;
+  readonly variant?: PaginationVariantType;
   /**
    * Maximum number of entries per page
    */

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

@@ -1,8 +1,15 @@
 import { Sizes } from '../../core/constants/sizes';
-export declare const SpacerSize: readonly [any, Sizes._2XS, Sizes._XS, Sizes._S, Sizes._M, Sizes._L, Sizes._XL, Sizes._2XL, Sizes._3XL, Sizes._5XL];
-export declare type SpacerSizeType = (typeof SpacerSize)[number];
-export declare const SpacerBreakpoints: string[];
-export declare type SpacerBreakpointsType = (typeof SpacerBreakpoints)[number];
+import { ValueOf } from '../../types/interfaces';
+export declare const SpacerSize: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_2XS" | "_XS" | "_XL" | "_2XL" | "_3XL" | "_5XL">;
+export declare type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`;
+export declare enum SpacerBreakpoints {
+  NONE = "none",
+  SM = "sm",
+  MD = "md",
+  LG = "lg",
+  XL = "xl"
+}
+export declare type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`;
 export declare const SpacerClass: {
   root: string;
 };

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

@@ -6,11 +6,11 @@ export declare class GovSpacer {
   /**
    * Spacer’s size
    */
-  readonly size: SpacerSizeType;
+  readonly size?: SpacerSizeType;
   /**
    * Breakpoint
    */
-  readonly breakpoint: SpacerBreakpointsType;
+  readonly breakpoint?: SpacerBreakpointsType;
   validateSize(newValue: string): void;
   validateBreakpoint(newValue: string): void;
   componentWillLoad(): void;

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

@@ -1,7 +1,11 @@
-export declare const StatsBarIconPosition: readonly [any, "left"];
-export declare type StatsBarIconPositionType = (typeof StatsBarIconPosition)[number];
-export declare const StatsBarVariant: readonly [any, "primary", "secondary"];
-export declare type StatsBarVariantType = (typeof StatsBarVariant)[number];
+import { ValueOf } from '../../types/interfaces';
+import { Variants } from '../../core/constants/variants';
+export declare enum StatsBarIconPosition {
+  LEFT = "left"
+}
+export declare type StatsBarIconPositionType = `${ValueOf<typeof StatsBarIconPosition>}`;
+export declare const StatsBarVariant: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
+export declare type StatsBarVariantType = `${ValueOf<typeof StatsBarVariant>}`;
 export declare const StatsBarClass: {
   root: string;
   section: string;

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

@@ -1,4 +1,4 @@
-import { GovHost } from '../../helpers/Dom/template.d';
+import { GovHost } from '../../helpers/Dom/template.types';
 import { StatsBarIconPositionType } from './constants';
 export declare class GovStatsbarItem {
   h: GovHost;

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

@@ -1,4 +1,4 @@
-import { StatsBarVariantType, StatsBarIconPositionType } from "./constants";
+import { StatsBarVariantType, StatsBarIconPositionType } from './constants';
 export declare class GovStatsbar {
   private h;
   constructor();

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

@@ -1,9 +1,10 @@
-import { Variants as GlobalVariants } from '../../core/constants/variants';
-import { Sizes as GlobalSizes } from '../../core/constants/sizes';
-export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.WARNING, GlobalVariants.ERROR, GlobalVariants.SUCCESS];
-export declare type VariantType = (typeof Variants)[number];
-export declare const Sizes: readonly [any, GlobalSizes._XS, GlobalSizes._S, GlobalSizes._M];
-export declare type SizesType = (typeof Sizes)[number];
+import { Variants } from '../../core/constants/variants';
+import { Sizes } from '../../core/constants/sizes';
+import { ValueOf } from '../../types/interfaces';
+export declare const StepperVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare type StepperVariantType = `${ValueOf<typeof StepperVariants>}`;
+export declare const StepperSizes: Pick<typeof Sizes, "_S" | "_M" | "_XS">;
+export declare type StepperSizesType = `${ValueOf<typeof StepperSizes>}`;
 export declare const StepperClass: {
   root: string;
 };

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { SizesType, VariantType } from "./constants";
+import { StepperSizesType, StepperVariantType } from './constants';
 import { GovStepperItemChangeEvent } from './gov-stepper-item.d';
 export declare class GovStepperItem {
   private h;
@@ -11,11 +11,11 @@ export declare class GovStepperItem {
   /**
    * Style variation of the button.
    */
-  readonly variant: VariantType;
+  readonly variant?: StepperVariantType;
   /**
    * Size of stepper
    */
-  readonly size: SizesType;
+  readonly size?: StepperSizesType;
   /**
    * Custom stepper item identifier. Otherwise, it will be generated
    */

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

@@ -1,6 +1,6 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { SizesType } from "./constants";
-import { GovStepperItemChangeEvent } from "./gov-stepper-item.d";
+import { EventEmitter } from '../../stencil-public-runtime';
+import { StepperSizesType } from './constants';
+import { GovStepperItemChangeEvent } from './gov-stepper-item.d';
 export declare class GovStepper {
   private h;
   constructor();
@@ -8,7 +8,7 @@ export declare class GovStepper {
   /**
    * Size of stepper
    */
-  readonly size: SizesType;
+  readonly size?: StepperSizesType;
   /**
    * Called when the Stepper state changes
    */

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

@@ -1,11 +1,17 @@
-import { Sizes } from '../../core/constants/sizes';
-import { Variants as GlobalVariants } from '../../core/constants/variants';
-export declare const TabSize: readonly [Sizes._M, Sizes._S, Sizes._L, any];
-export declare type TabSizeType = (typeof TabSize)[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, "text", "badge"];
-export declare type Type = (typeof Types)[number];
+import { Variants } from '../../core/constants/variants';
+import { ValueOf } from '../../types/interfaces';
+export declare const TabVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare type VariantType = `${ValueOf<typeof TabVariants>}`;
+export declare enum TabTypes {
+  TEXT = "text",
+  BADGE = "badge"
+}
+export declare type TabType = `${ValueOf<typeof TabTypes>}`;
+export declare enum TabOrientation {
+  HORIZONTAL = "horizontal",
+  VERTICAL = "vertical"
+}
+export declare type TabOrientationType = `${ValueOf<typeof TabOrientation>}`;
 export declare const TabsClass: {
   root: string;
   tabs: string;

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

@@ -1,8 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { VariantType } from './constants';
-import { GovTabControllerItem } from './gov-tabs.d';
-import { Type } from './constants';
-import { Nullable } from "../../types/interfaces";
+import { GovTabControllerItem } from './gov-tabs.types';
+import { TabType, TabOrientationType } from './constants';
+import { Nullable } from '../../types/interfaces';
 export declare class GovTabs {
   private h;
   private triggerRefs;
@@ -16,11 +16,15 @@ export declare class GovTabs {
   /**
    * Tabs type
    */
-  readonly type: Type;
+  readonly type: TabType;
   /**
    * Style variation of the tab badges.
    */
-  readonly variant: VariantType;
+  readonly variant?: VariantType;
+  /**
+   * Tabs orientation
+   */
+  readonly orientation: TabOrientationType;
   /**
    * Adds accessible label for the tabs that is only shown for screen readers.
    */

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

@@ -0,0 +1,8 @@
+export interface GovTabControllerItem {
+  label: string;
+  contentIdentifier: string;
+  triggerIdentifier: string;
+  element: HTMLGovTabsItemElement;
+  active: boolean;
+  default: boolean;
+}

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

@@ -1,8 +1,9 @@
-import { Variants as GlobalVariants, Types as GlobalTypes } from "../../core/constants/variants";
-export declare const Variants: readonly [any, GlobalVariants.SUCCESS, GlobalVariants.WARNING, GlobalVariants.ERROR, GlobalVariants.SECONDARY, GlobalVariants.PRIMARY];
-export declare type VariantType = (typeof Variants)[number];
-export declare const Types: readonly [any, GlobalTypes.CLASSIC, GlobalTypes.SOLID];
-export declare type TypesType = (typeof Types)[number];
+import { Variants, Types } from '../../core/constants/variants';
+import { ValueOf } from '../../types/interfaces';
+export declare const ToastVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare type ToastVariantType = `${ValueOf<typeof ToastVariants>}`;
+export declare const ToastTypes: Pick<typeof Types, "SOLID" | "CLASSIC">;
+export declare type ToastTypesType = `${ValueOf<typeof ToastTypes>}`;
 export declare const ToastClass: {
   root: string;
   hidden: string;

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

@@ -1,5 +1,6 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { VariantType } from "./constants";
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ToastTypesType } from './constants';
+import { ToastVariantType } from './constants';
 export declare class GovToast {
   private h;
   private timeout;
@@ -9,19 +10,19 @@ export declare class GovToast {
   /**
    * Style variation of the toast message.
    */
-  readonly variant: VariantType;
+  readonly variant?: ToastVariantType;
   /**
    * Toast’s gravity
    */
-  readonly gravity: "top" | "bottom";
+  readonly gravity: 'top' | 'bottom';
   /**
    * Toast’s position
    */
-  readonly position: "left" | "center" | "right";
+  readonly position: 'left' | 'center' | 'right';
   /**
    * Toast type
    */
-  readonly type: "solid" | "classic";
+  readonly type?: ToastTypesType;
   /**
    * Number of milliseconds to wait before Toast disappear
    */

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

@@ -1,17 +1,17 @@
-import { Variants as GlobalVariants } from '../../core/constants/variants';
-import { Sizes as GlobalSizes } from '../../core/constants/sizes';
-export declare const Variant: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY];
-export declare type VariantType = (typeof Variant)[number];
-export declare const Size: readonly [any, GlobalSizes._S, GlobalSizes._M, GlobalSizes._L];
-export declare type SizeType = (typeof Size)[number];
-export declare enum Positions {
+import { Variants } from '../../core/constants/variants';
+import { Sizes } from '../../core/constants/sizes';
+import { ValueOf } from '../../types/interfaces';
+export declare const TooltipVariant: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
+export declare type TooltipVariantType = `${ValueOf<typeof TooltipVariant>}`;
+export declare const TooltipSize: Pick<typeof Sizes, "_S" | "_M" | "_L">;
+export declare type TooltipSizeType = `${ValueOf<typeof TooltipSize>}`;
+export declare enum TooltipPosition {
   TOP = "top",
   RIGHT = "right",
   BOTTOM = "bottom",
   LEFT = "left"
 }
-export declare const Position: readonly [Positions.TOP, Positions.RIGHT, Positions.BOTTOM, Positions.LEFT];
-export declare type PositionType = (typeof Position)[number];
+export declare type TooltipPositionType = `${ValueOf<typeof TooltipPosition>}`;
 export declare const TooltipClass: {
   root: string;
 };

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

@@ -1,4 +1,4 @@
-import { PositionType, SizeType, VariantType } from './constants';
+import { TooltipPositionType, TooltipSizeType, TooltipVariantType } from './constants';
 export declare class GovTooltip {
   private h;
   private content;
@@ -8,15 +8,15 @@ export declare class GovTooltip {
   /**
    * Style variation of the tooltip
    */
-  readonly variant: VariantType;
+  readonly variant?: TooltipVariantType;
   /**
    * Tooltip’s size.
    */
-  readonly size: SizeType;
+  readonly size?: TooltipSizeType;
   /**
    * Tooltip display position
    */
-  position: PositionType;
+  position: TooltipPositionType;
   /**
    * Information contained in the tolltip
    */

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

@@ -1,9 +1,10 @@
-import { Variants as GlobalVariants } from '../../core/constants/variants';
-import { Sizes as GlobalSizes } from '../../core/constants/sizes';
-export declare const Variants: readonly [GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.WARNING, GlobalVariants.ERROR, GlobalVariants.SUCCESS];
-export declare type VariantType = (typeof Variants)[number];
-export declare const Sizes: readonly [any, GlobalSizes._XS, GlobalSizes._S, GlobalSizes._M];
-export declare type SizesType = (typeof Sizes)[number];
+import { Variants } from '../../core/constants/variants';
+import { Sizes } from '../../core/constants/sizes';
+import { ValueOf } from '../../types/interfaces';
+export declare const WizardVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare type WizardVariantsType = `${ValueOf<typeof WizardVariants>}`;
+export declare const WizardSizes: Pick<typeof Sizes, "_S" | "_M" | "_XS">;
+export declare type WizardSizesType = `${ValueOf<typeof WizardSizes>}`;
 export declare const WizzardClass: {
   root: string;
 };

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { VariantType, SizesType } from "./constants";
+import { WizardVariantsType, WizardSizesType } from './constants';
 import { GovWizzardItemChangeEvent } from './gov-wizzard-item.d';
 export declare class GovWizzardItem {
   private h;
@@ -10,11 +10,11 @@ export declare class GovWizzardItem {
   /**
    * Style variation of the button.
    */
-  readonly variant: VariantType;
+  readonly variant?: WizardVariantsType;
   /**
    * Size of wizzard
    */
-  readonly size: SizesType;
+  readonly size?: WizardSizesType;
   /**
    * Custom wizzard item identifier. Otherwise, it will be generated
    */

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { SizesType } from './constants';
+import { WizardSizesType } from './constants';
 import { GovWizzardItemChangeEvent } from './gov-wizzard-item.d';
 export declare class GovWizzard {
   private h;
@@ -8,7 +8,7 @@ export declare class GovWizzard {
   /**
    * Size of wizzard
    */
-  readonly size: SizesType;
+  readonly size?: WizardSizesType;
   /**
    * Adds accessible label for the wizzard that is only shown for screen readers.
    */