@gov-design-system-ce/components 4.1.3-BETA-9 → 4.2.0

package/dist/stencil.config.js

@@ -39,6 +39,7 @@ export const config = {
                 { src: "../../fonts/lib", dest: "build/assets/fonts" },
                 { src: "../../icons/lib", dest: "build/assets/icons" },
                 { src: "../../styles/lib", dest: "build/assets/styles" },
+                { src: "../../core/src/assets", dest: "build/assets" },
             ],
             serviceWorker: null,
             baseUrl: '/playground'
@@ -84,7 +85,7 @@ export const config = {
                     targetAttr: 'checked',
                 },
                 {
-                    elements: ['gov-form-multiselect', 'gov-form-select', 'gov-form-radio',],
+                    elements: ['gov-form-multiselect', 'gov-form-select', 'gov-form-radio', 'gov-form-radio-group', 'gov-form-checkbox-group'],
                     event: 'gov-change',
                     targetAttr: 'value',
                 },

package/dist/stencil.config.js.map

@@ -1 +1 @@
-{"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"]}
+{"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\t{src: \"../../core/src/assets\", dest: \"build/assets\"},\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', 'gov-form-radio-group', 'gov-form-checkbox-group'],\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-banner/constants.d.ts

@@ -0,0 +1,26 @@
+import { ValueOf } from "../../types/interfaces";
+import { Sizes } from "../../core/constants/sizes";
+export declare const BannerSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XL">;
+export type BannerSizesType = `${ValueOf<typeof BannerSizes>}`;
+export declare enum BannerBackground {
+    SIMPLE = "simple",
+    WAVES = "waves",
+    STRIPES = "stripes",
+    LINES = "lines"
+}
+export type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`;
+export declare enum BannerForeground {
+    IMAGE = "image",
+    LOGO = "logo",
+    ICON = "icon"
+}
+export type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`;
+export declare enum BannerTextColor {
+    LIGHT = "light",
+    DARK = "dark"
+}
+export type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`;
+export declare const BannerClass: {
+    root: string;
+    content: string;
+};

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

@@ -0,0 +1,38 @@
+import { BannerSizesType, BannerBackgroundsType, BannerForegroundsType, BannerTextColorsType } from "./constants";
+export declare class GovBanner {
+    private h;
+    constructor();
+    host: HTMLGovBannerElement;
+    /**
+     * Banner’s size.
+     */
+    readonly size: BannerSizesType;
+    /**
+     * Banner’s background
+     */
+    readonly background: BannerBackgroundsType;
+    /**
+     * Banner’s foreground
+     */
+    readonly foreground: BannerForegroundsType;
+    /**
+     * XL Banner’s text color
+     */
+    readonly textColor: BannerTextColorsType;
+    /**
+     * Adds accessible label for the banner that is only shown for screen readers.
+     */
+    readonly accessibleLabel: string;
+    /**
+     * String of id's that indicate alternative labels elements
+     */
+    readonly accessibleLabelledBy: string;
+    validateSize(newValue: string): void;
+    componentWillLoad(): void;
+    componentDidRender(): Promise<void>;
+    render(): any;
+    /**
+     * Validate the accessibility attributes of the component
+     */
+    validateAccessibility(): Promise<void>;
+}

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

@@ -0,0 +1,10 @@
+import { ValueOf } from "../../types/interfaces";
+export declare enum BlockquoteType {
+    PRIMARY = "primary",
+    SUBTLE = "subtle",
+    NEUTRAL = "neutral"
+}
+export type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`;
+export declare const BlockquoteClass: {
+    root: string;
+};

package/dist/types/components/gov-blocquote/gov-blockquote.d.ts

@@ -0,0 +1,15 @@
+import { BlockquoteTypesType } from "./constants";
+export declare class GovBlockquote {
+    private h;
+    constructor();
+    host: HTMLGovBlockquoteElement;
+    /**
+     * Blockquote’s type
+     */
+    readonly type: BlockquoteTypesType;
+    /**
+     * Blockquote’s cite url
+     */
+    readonly cite: string;
+    render(): any;
+}

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

@@ -3,7 +3,7 @@ import { Colors } from '../../../core/constants/colors';
 import { ValueOf } from '../../../types/interfaces';
 export declare const ButtonSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
 export type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`;
-export declare const ButtonColors: Pick<typeof Colors, "PRIMARY" | "SECONDARY" | "NEUTRAL" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare const ButtonColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export type ButtonColorType = `${ValueOf<typeof ButtonColors>}`;
 export declare enum ButtonType {
     SOLID = "solid",

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

@@ -1,6 +1,6 @@
 import { Colors } from '../../core/constants/colors';
 import { ValueOf } from '../../types/interfaces';
-export declare const ControlGroupColors: Pick<typeof Colors, "PRIMARY" | "SECONDARY" | "NEUTRAL" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare const ControlGroupColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`;
 export declare const ControlGroupClass: {
     root: string;

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

@@ -6,7 +6,7 @@ export declare class GovFlex {
     /**
      * Controls the flex direction of the container.
      */
-    direction: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
     /**
      * Defines how the browser distributes space between and around content items along the main axis.
      */
@@ -31,5 +31,9 @@ export declare class GovFlex {
      * The gap property creates consistent spacing between flex items in the container.
      */
     gap?: FlexSizesType;
+    /**
+     * Option to turn off responsive
+     */
+    readonly responsive: string;
     render(): any;
 }

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

@@ -1,6 +1,6 @@
 import { Sizes } from "../../../core/constants/sizes";
 import { ValueOf } from "../../../types/interfaces";
-export declare const FormGroupSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_2XS">;
+export declare const FormGroupSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_2XL">;
 export type FormGroupSizesType = `${ValueOf<typeof FormGroupSizes>}`;
 export declare enum FormGroupOrientation {
     HORIZONTAL = "horizontal",

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

@@ -1,3 +1,7 @@
+import { Sizes } from "../../core/constants/sizes";
+import { ValueOf } from "../../types/interfaces";
+export declare const GridSizes: typeof Sizes;
+export type GridSizesType = `${ValueOf<typeof GridSizes>}`;
 export declare const GridClass: {
     root: string;
 };

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

@@ -5,22 +5,42 @@ export declare class GovGridItem {
     /**
      * Cell size as a fraction of 1/12 of the grid size
      */
-    readonly size: string;
+    readonly column: string;
     /**
      * Cell size for SM media query and up as a fraction of 12 of the grid size
      */
-    readonly sizeSm: string;
+    readonly columnSm?: string;
     /**
      * Cell size for MD media query and up as a fraction of 12 of the grid size
      */
-    readonly sizeMd: string;
+    readonly columnMd?: string;
     /**
      * Cell size for LG media query and up as a fraction of 12 of the grid size
      */
-    readonly sizeLg: string;
+    readonly columnLg?: string;
     /**
      * Cell size for XL media query and up as a fraction of 12 of the grid size
      */
-    readonly sizeXl: string;
+    readonly columnXl?: string;
+    /**
+     * Connects rows in the grid
+     */
+    readonly row: string;
+    /**
+     * Cell size for SM media query and up as a fraction of 12 of the grid size
+     */
+    readonly rowSm?: string;
+    /**
+     * Cell size for MD media query and up as a fraction of 12 of the grid size
+     */
+    readonly rowMd?: string;
+    /**
+     * Cell size for LG media query and up as a fraction of 12 of the grid size
+     */
+    readonly rowLg?: string;
+    /**
+     * Cell size for XL media query and up as a fraction of 12 of the grid size
+     */
+    readonly rowXl?: string;
     render(): any;
 }

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

@@ -1,14 +1,23 @@
+import { GridSizesType } from './constants';
 export declare class GovGrid {
     private h;
     constructor();
     host: HTMLGovGridElement;
+    /**
+     * Setting the number of grid columns
+     */
+    columns?: string;
     /**
      * Horizontal align of cells
      */
-    readonly alignX: string;
+    alignItems?: 'start' | 'center' | 'end' | 'stretch';
     /**
      * Vertical align of cells
      */
-    readonly alignY: string;
+    justifyItems?: 'start' | 'center' | 'end' | 'stretch';
+    /**
+     * The gap property creates consistent spacing between flex items in the container.
+     */
+    gap?: GridSizesType;
     render(): any;
 }

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

@@ -3,7 +3,7 @@ import { Colors } from '../../core/constants/colors';
 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 declare const IconColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL" | "SECONDARY" | "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

@@ -24,7 +24,6 @@ export declare class GovIcon {
     private error;
     validateSize(newValue: string): void;
     validateColor(newValue: string): void;
-    watchError(newValue: string): void;
     private loadIconPathData;
     connectedCallback(): void;
     disconnectedCallback(): void;

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

@@ -1,6 +1,6 @@
 import { Colors } from '../../core/constants/colors';
 import { ValueOf } from '../../types/interfaces';
-export declare const InfobarColors: Pick<typeof Colors, "PRIMARY" | "SECONDARY" | "NEUTRAL" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare const InfobarColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export type ColorType = `${ValueOf<typeof InfobarColors>}`;
 export declare enum InfobarType {
     BOLD = "bold",

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

@@ -4,4 +4,5 @@ export declare const LinkSizes: Pick<typeof Sizes, "_S" | "_M" | "_L">;
 export type LinkSizesType = `${ValueOf<typeof LinkSizes>}`;
 export declare const LinkClass: {
     root: string;
+    external: string;
 };

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

@@ -12,7 +12,9 @@ export declare const StepperItemClass: {
     root: string;
     header: string;
     label: string;
+    steps: string;
     prefix: string;
+    main: string;
     headline: string;
     annotation: string;
     content: string;

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

@@ -5,6 +5,7 @@ export type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`;
 export declare const ThemeSwitchClass: {
     root: string;
     indicator: string;
+    label: string;
     iconLight: string;
     iconDark: string;
 };