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

package/dist/types/components.d.ts

@@ -7,6 +7,8 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AccordionSizeType } from "./components/gov-accordion/constants";
 import { AccordionEvent, AccordionItemEvent } from "./components/gov-accordion/gov-accordion.types";
+import { BannerBackgroundsType, BannerForegroundsType, BannerSizesType, BannerTextColorsType } from "./components/gov-banner/constants";
+import { BlockquoteTypesType } from "./components/gov-blocquote/constants";
 import { GovBreadcrumbsChangeEvent } from "./components/gov-breadcrumbs/gov-breadcrumbs.d";
 import { ButtonColorType, ButtonSizesType, ButtonTargetType, ButtonTypesType, NativeTypesType } from "./components/gov-button/button/constants";
 import { ButtonEvent } from "./components/gov-button/button/gov-button.types";
@@ -40,6 +42,7 @@ 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 { GridSizesType } from "./components/gov-grid/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";
@@ -65,6 +68,8 @@ import { GovWizardItemChangeEvent } from "./components/gov-wizard/gov-wizard-ite
 import { WizardItemEvent } from "./components/gov-wizard/gov-wizard-item.types";
 export { AccordionSizeType } from "./components/gov-accordion/constants";
 export { AccordionEvent, AccordionItemEvent } from "./components/gov-accordion/gov-accordion.types";
+export { BannerBackgroundsType, BannerForegroundsType, BannerSizesType, BannerTextColorsType } from "./components/gov-banner/constants";
+export { BlockquoteTypesType } from "./components/gov-blocquote/constants";
 export { GovBreadcrumbsChangeEvent } from "./components/gov-breadcrumbs/gov-breadcrumbs.d";
 export { ButtonColorType, ButtonSizesType, ButtonTargetType, ButtonTypesType, NativeTypesType } from "./components/gov-button/button/constants";
 export { ButtonEvent } from "./components/gov-button/button/gov-button.types";
@@ -98,6 +103,7 @@ 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 { GridSizesType } from "./components/gov-grid/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";
@@ -208,6 +214,46 @@ export namespace Components {
          */
         "validateAccessibility": () => Promise<void>;
     }
+    interface GovBanner {
+        /**
+          * Adds accessible label for the banner that is only shown for screen readers.
+         */
+        "accessibleLabel": string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy": string;
+        /**
+          * Banner’s background
+         */
+        "background": BannerBackgroundsType;
+        /**
+          * Banner’s foreground
+         */
+        "foreground": BannerForegroundsType;
+        /**
+          * Banner’s size.
+         */
+        "size": BannerSizesType;
+        /**
+          * XL Banner’s text color
+         */
+        "textColor": BannerTextColorsType;
+        /**
+          * Validate the accessibility attributes of the component
+         */
+        "validateAccessibility": () => Promise<void>;
+    }
+    interface GovBlockquote {
+        /**
+          * Blockquote’s cite url
+         */
+        "cite": string;
+        /**
+          * Blockquote’s type
+         */
+        "type": BlockquoteTypesType;
+    }
     interface GovBreadcrumbs {
         /**
           * Adds accessible label for the pagination that is only shown for screen readers.
@@ -512,7 +558,7 @@ export namespace Components {
         /**
           * Controls the flex direction of the container.
          */
-        "direction": 'row' | 'row-reverse' | 'column' | 'column-reverse';
+        "direction"?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
         /**
           * The gap property creates consistent spacing between flex items in the container.
          */
@@ -521,6 +567,10 @@ export namespace Components {
           * Defines how the browser distributes space between and around content items along the main axis.
          */
         "justifyContent"?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+        /**
+          * Option to turn off responsive
+         */
+        "responsive": string;
         /**
           * Controls whether the flex container is a single-line or multi-line flex container.
          */
@@ -1183,33 +1233,61 @@ export namespace Components {
         /**
           * Horizontal align of cells
          */
-        "alignX": string;
+        "alignItems"?: 'start' | 'center' | 'end' | 'stretch';
+        /**
+          * Setting the number of grid columns
+         */
+        "columns"?: string;
+        /**
+          * The gap property creates consistent spacing between flex items in the container.
+         */
+        "gap"?: GridSizesType;
         /**
           * Vertical align of cells
          */
-        "alignY": string;
+        "justifyItems"?: 'start' | 'center' | 'end' | 'stretch';
     }
     interface GovGridItem {
         /**
           * Cell size as a fraction of 1/12 of the grid size
          */
-        "size": string;
+        "column": string;
         /**
           * Cell size for LG media query and up as a fraction of 12 of the grid size
          */
-        "sizeLg": string;
+        "columnLg"?: string;
         /**
           * Cell size for MD media query and up as a fraction of 12 of the grid size
          */
-        "sizeMd": string;
+        "columnMd"?: string;
         /**
           * Cell size for SM media query and up as a fraction of 12 of the grid size
          */
-        "sizeSm": string;
+        "columnSm"?: string;
         /**
           * Cell size for XL media query and up as a fraction of 12 of the grid size
          */
-        "sizeXl": string;
+        "columnXl"?: string;
+        /**
+          * Connects rows in the grid
+         */
+        "row": string;
+        /**
+          * Cell size for LG media query and up as a fraction of 12 of the grid size
+         */
+        "rowLg"?: string;
+        /**
+          * Cell size for MD media query and up as a fraction of 12 of the grid size
+         */
+        "rowMd"?: string;
+        /**
+          * Cell size for SM media query and up as a fraction of 12 of the grid size
+         */
+        "rowSm"?: string;
+        /**
+          * Cell size for XL media query and up as a fraction of 12 of the grid size
+         */
+        "rowXl"?: string;
     }
     interface GovIcon {
         /**
@@ -1590,12 +1668,6 @@ export namespace Components {
          */
         "target"?: ButtonTargetType;
     }
-    interface GovTiles {
-        /**
-          * Number of columns between 2-6
-         */
-        "columns": number;
-    }
     interface GovToast {
         /**
           * Aria label for the closing button. It is mandatory if the alert is closable
@@ -1942,6 +2014,18 @@ declare global {
         prototype: HTMLGovBackdropElement;
         new (): HTMLGovBackdropElement;
     };
+    interface HTMLGovBannerElement extends Components.GovBanner, HTMLStencilElement {
+    }
+    var HTMLGovBannerElement: {
+        prototype: HTMLGovBannerElement;
+        new (): HTMLGovBannerElement;
+    };
+    interface HTMLGovBlockquoteElement extends Components.GovBlockquote, HTMLStencilElement {
+    }
+    var HTMLGovBlockquoteElement: {
+        prototype: HTMLGovBlockquoteElement;
+        new (): HTMLGovBlockquoteElement;
+    };
     interface HTMLGovBreadcrumbsElementEventMap {
         "gov-change": GovBreadcrumbsChangeEvent;
     }
@@ -2509,12 +2593,6 @@ declare global {
         prototype: HTMLGovTileElement;
         new (): HTMLGovTileElement;
     };
-    interface HTMLGovTilesElement extends Components.GovTiles, HTMLStencilElement {
-    }
-    var HTMLGovTilesElement: {
-        prototype: HTMLGovTilesElement;
-        new (): HTMLGovTilesElement;
-    };
     interface HTMLGovToastElementEventMap {
         "gov-close": string;
     }
@@ -2584,6 +2662,8 @@ declare global {
         "gov-attachments": HTMLGovAttachmentsElement;
         "gov-attachments-item": HTMLGovAttachmentsItemElement;
         "gov-backdrop": HTMLGovBackdropElement;
+        "gov-banner": HTMLGovBannerElement;
+        "gov-blockquote": HTMLGovBlockquoteElement;
         "gov-breadcrumbs": HTMLGovBreadcrumbsElement;
         "gov-button": HTMLGovButtonElement;
         "gov-card": HTMLGovCardElement;
@@ -2632,7 +2712,6 @@ declare global {
         "gov-tag": HTMLGovTagElement;
         "gov-theme-switch": HTMLGovThemeSwitchElement;
         "gov-tile": HTMLGovTileElement;
-        "gov-tiles": HTMLGovTilesElement;
         "gov-toast": HTMLGovToastElement;
         "gov-tooltip": HTMLGovTooltipElement;
         "gov-tooltip-content": HTMLGovTooltipContentElement;
@@ -2723,6 +2802,42 @@ declare namespace LocalJSX {
          */
         "onGov-click"?: (event: GovBackdropCustomEvent<MouseEvent>) => void;
     }
+    interface GovBanner {
+        /**
+          * Adds accessible label for the banner that is only shown for screen readers.
+         */
+        "accessibleLabel"?: string;
+        /**
+          * String of id's that indicate alternative labels elements
+         */
+        "accessibleLabelledBy"?: string;
+        /**
+          * Banner’s background
+         */
+        "background"?: BannerBackgroundsType;
+        /**
+          * Banner’s foreground
+         */
+        "foreground"?: BannerForegroundsType;
+        /**
+          * Banner’s size.
+         */
+        "size"?: BannerSizesType;
+        /**
+          * XL Banner’s text color
+         */
+        "textColor"?: BannerTextColorsType;
+    }
+    interface GovBlockquote {
+        /**
+          * Blockquote’s cite url
+         */
+        "cite"?: string;
+        /**
+          * Blockquote’s type
+         */
+        "type"?: BlockquoteTypesType;
+    }
     interface GovBreadcrumbs {
         /**
           * Adds accessible label for the pagination that is only shown for screen readers.
@@ -3024,6 +3139,10 @@ declare namespace LocalJSX {
           * Defines how the browser distributes space between and around content items along the main axis.
          */
         "justifyContent"?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+        /**
+          * Option to turn off responsive
+         */
+        "responsive"?: string;
         /**
           * Controls whether the flex container is a single-line or multi-line flex container.
          */
@@ -3733,33 +3852,61 @@ declare namespace LocalJSX {
         /**
           * Horizontal align of cells
          */
-        "alignX"?: string;
+        "alignItems"?: 'start' | 'center' | 'end' | 'stretch';
+        /**
+          * Setting the number of grid columns
+         */
+        "columns"?: string;
+        /**
+          * The gap property creates consistent spacing between flex items in the container.
+         */
+        "gap"?: GridSizesType;
         /**
           * Vertical align of cells
          */
-        "alignY"?: string;
+        "justifyItems"?: 'start' | 'center' | 'end' | 'stretch';
     }
     interface GovGridItem {
         /**
           * Cell size as a fraction of 1/12 of the grid size
          */
-        "size"?: string;
+        "column"?: string;
         /**
           * Cell size for LG media query and up as a fraction of 12 of the grid size
          */
-        "sizeLg"?: string;
+        "columnLg"?: string;
         /**
           * Cell size for MD media query and up as a fraction of 12 of the grid size
          */
-        "sizeMd"?: string;
+        "columnMd"?: string;
         /**
           * Cell size for SM media query and up as a fraction of 12 of the grid size
          */
-        "sizeSm"?: string;
+        "columnSm"?: string;
         /**
           * Cell size for XL media query and up as a fraction of 12 of the grid size
          */
-        "sizeXl"?: string;
+        "columnXl"?: string;
+        /**
+          * Connects rows in the grid
+         */
+        "row"?: string;
+        /**
+          * Cell size for LG media query and up as a fraction of 12 of the grid size
+         */
+        "rowLg"?: string;
+        /**
+          * Cell size for MD media query and up as a fraction of 12 of the grid size
+         */
+        "rowMd"?: string;
+        /**
+          * Cell size for SM media query and up as a fraction of 12 of the grid size
+         */
+        "rowSm"?: string;
+        /**
+          * Cell size for XL media query and up as a fraction of 12 of the grid size
+         */
+        "rowXl"?: string;
     }
     interface GovIcon {
         /**
@@ -4128,12 +4275,6 @@ declare namespace LocalJSX {
          */
         "target"?: ButtonTargetType;
     }
-    interface GovTiles {
-        /**
-          * Number of columns between 2-6
-         */
-        "columns"?: number;
-    }
     interface GovToast {
         /**
           * Aria label for the closing button. It is mandatory if the alert is closable
@@ -4270,6 +4411,8 @@ declare namespace LocalJSX {
         "gov-attachments": GovAttachments;
         "gov-attachments-item": GovAttachmentsItem;
         "gov-backdrop": GovBackdrop;
+        "gov-banner": GovBanner;
+        "gov-blockquote": GovBlockquote;
         "gov-breadcrumbs": GovBreadcrumbs;
         "gov-button": GovButton;
         "gov-card": GovCard;
@@ -4318,7 +4461,6 @@ declare namespace LocalJSX {
         "gov-tag": GovTag;
         "gov-theme-switch": GovThemeSwitch;
         "gov-tile": GovTile;
-        "gov-tiles": GovTiles;
         "gov-toast": GovToast;
         "gov-tooltip": GovTooltip;
         "gov-tooltip-content": GovTooltipContent;
@@ -4335,6 +4477,8 @@ declare module "@stencil/core" {
             "gov-attachments": LocalJSX.GovAttachments & JSXBase.HTMLAttributes<HTMLGovAttachmentsElement>;
             "gov-attachments-item": LocalJSX.GovAttachmentsItem & JSXBase.HTMLAttributes<HTMLGovAttachmentsItemElement>;
             "gov-backdrop": LocalJSX.GovBackdrop & JSXBase.HTMLAttributes<HTMLGovBackdropElement>;
+            "gov-banner": LocalJSX.GovBanner & JSXBase.HTMLAttributes<HTMLGovBannerElement>;
+            "gov-blockquote": LocalJSX.GovBlockquote & JSXBase.HTMLAttributes<HTMLGovBlockquoteElement>;
             "gov-breadcrumbs": LocalJSX.GovBreadcrumbs & JSXBase.HTMLAttributes<HTMLGovBreadcrumbsElement>;
             "gov-button": LocalJSX.GovButton & JSXBase.HTMLAttributes<HTMLGovButtonElement>;
             "gov-card": LocalJSX.GovCard & JSXBase.HTMLAttributes<HTMLGovCardElement>;
@@ -4383,7 +4527,6 @@ declare module "@stencil/core" {
             "gov-tag": LocalJSX.GovTag & JSXBase.HTMLAttributes<HTMLGovTagElement>;
             "gov-theme-switch": LocalJSX.GovThemeSwitch & JSXBase.HTMLAttributes<HTMLGovThemeSwitchElement>;
             "gov-tile": LocalJSX.GovTile & JSXBase.HTMLAttributes<HTMLGovTileElement>;
-            "gov-tiles": LocalJSX.GovTiles & JSXBase.HTMLAttributes<HTMLGovTilesElement>;
             "gov-toast": LocalJSX.GovToast & JSXBase.HTMLAttributes<HTMLGovToastElement>;
             "gov-tooltip": LocalJSX.GovTooltip & JSXBase.HTMLAttributes<HTMLGovTooltipElement>;
             "gov-tooltip-content": LocalJSX.GovTooltipContent & JSXBase.HTMLAttributes<HTMLGovTooltipContentElement>;

package/dist/types/pages/Banner.d.ts

@@ -0,0 +1,3 @@
+declare class BannerPage extends HTMLElement {
+    connectedCallback(): void;
+}

package/dist/types/pages/Blockquote.d.ts

@@ -0,0 +1,3 @@
+declare class BlockquotePage extends HTMLElement {
+    connectedCallback(): void;
+}

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.3-BETA-9",
+	"version": "4.2.0",
 	"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.1.0",
+		"@gov-design-system-ce/icons": "~0.1.0",
 		"@gov-design-system-ce/fonts": "^0.0.2",
-		"@gov-design-system-ce/styles": "^4.1.0"
+		"@gov-design-system-ce/styles": "^4.2.0"
 	}
 }

package/dist/cjs/constants-4dfa23e3.js.map

@@ -1 +0,0 @@
-{"file":"constants-4dfa23e3.js","mappings":";;;;;;MAKa,aAAa,GAAGA,UAAI,CAACC,aAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,EAAC;MAGnF,YAAY,GAAGD,UAAI,CAACE,WAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAC;MAG9C,YAAY,GAAG;IAC3B,IAAI,EAAE,aAAa;EACnB;MAEY,gBAAgB,GAAG;IAC/B,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,0BAA0B;IAClC,KAAK,EAAE,yBAAyB;IAChC,MAAM,EAAE,0BAA0B;IAClC,QAAQ,EAAE,4BAA4B;IACtC,UAAU,EAAE,8BAA8B;IAC1C,OAAO,EAAE,2BAA2B;;;;;;;;","names":["pick","Colors","Sizes"],"sources":["../../../packages/core/src/components/gov-stepper/constants.ts"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { Sizes } from '../../core/constants/sizes'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const StepperColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type StepperColorType = `${ValueOf<typeof StepperColors>}`\n\nexport const StepperSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type StepperSizesType = `${ValueOf<typeof StepperSizes>}`\n\nexport const StepperClass = {\n\troot: 'gov-stepper',\n}\n\nexport const StepperItemClass = {\n\troot: 'gov-stepper-item',\n\theader: 'gov-stepper-item__header',\n\tlabel: 'gov-stepper-item__label',\n\tprefix: 'gov-stepper-item__prefix',\n\theadline: 'gov-stepper-item__headline',\n\tannotation: 'gov-stepper-item__annotation',\n\tcontent: 'gov-stepper-item__content',\n}\n"],"version":3}

package/dist/cjs/constants-52053f2d.js.map

@@ -1 +0,0 @@
-{"file":"constants-52053f2d.js","mappings":";;MAAa,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;EAChB;MAEY,aAAa,GAAG;IAC5B,IAAI,EAAE,eAAe;;;;;;","names":[],"sources":["../../../packages/core/src/components/gov-grid/constants.ts"],"sourcesContent":["export const GridClass = {\n\troot: 'gov-grid',\n}\n\nexport const GridItemClass = {\n\troot: 'gov-grid-item',\n}\n"],"version":3}

package/dist/cjs/gov-tiles.cjs.entry.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-67e87c27.js');
-const template = require('./template-39939fd6.js');
-
-const TilesClass = {
-    root: 'gov-tiles',
-};
-
-const GovTiles = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.columns = 4;
-        this.h = template.govHost(this.host);
-    }
-    render() {
-        return (index.h(index.Host, { key: '18eb380e2fe62b54a90c5c758c62c985107c98d4', class: this.h.classes(TilesClass.root) }, index.h("slot", { key: '9746ede80d0daa8776208afb5cef44b7adb0d7fc' })));
-    }
-    get host() { return index.getElement(this); }
-};
-
-exports.gov_tiles = GovTiles;
-
-//# sourceMappingURL=gov-tiles.cjs.entry.js.map

package/dist/cjs/gov-tiles.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"gov-tiles.entry.cjs.js","mappings":";;;;;;;AAAO,MAAM,UAAU,GAAG;IACzB,IAAI,EAAE,WAAW;CACjB;;MCMY,QAAQ;IAGpB;;uBAOkD,CAAC;QANlD,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IASD,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,IAC3CD,oEAAO,CACD,EACP;KACD;;;;;;","names":["govHost","h","Host"],"sources":["../../../packages/core/src/components/gov-tile/container/constants.ts","../../../packages/core/src/components/gov-tile/container/gov-tiles.tsx"],"sourcesContent":["export const TilesClass = {\n\troot: 'gov-tiles',\n}\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {TilesClass} from './constants'\nimport {govHost} from '../../../helpers/Dom/template'\nimport {GovHost} from '../../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-tiles',\n})\nexport class GovTiles {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Number of columns between 2-6\n\t */\n\t@Prop({reflect: true}) readonly columns: number = 4\n\n\t@Element() host: HTMLGovTilesElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TilesClass.root)}>\n\t\t\t\t<slot/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}