@gov-design-system-ce/components 4.0.4 → 4.0.5

package/dist/collection/components/gov-nav/gov-nav.js

@@ -1,98 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { NavClass } from "./constants";
-import { validateWcagLabel } from "../../helpers/Validate/wcag";
-import { canValidateWcagOnRender } from "../../helpers/Dom/win";
-import { delay } from "../../utils/utils";
-export class GovNav {
-  constructor() {
-    this.wcagLabel = undefined;
-    this.wcagLabelledBy = undefined;
-  }
-  async componentDidRender() {
-    if (canValidateWcagOnRender()) {
-      await delay(500);
-      await this.validateWcag();
-    }
-  }
-  render() {
-    return (h(Host, { class: NavClass.root }, h("nav", { class: NavClass.nav, role: 'list', "arial-label": this.wcagLabel, "arial-labelledby": this.wcagLabelledBy }, h("slot", null))));
-  }
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  async validateWcag() {
-    validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, NavClass.root);
-  }
-  static get is() { return "gov-nav"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gov-nav.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gov-nav.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "wcagLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Adds accessible label for the accordion that is only shown for screen readers."
-        },
-        "attribute": "wcag-label",
-        "reflect": false
-      },
-      "wcagLabelledBy": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "String of id's that indicate alternative labels elements"
-        },
-        "attribute": "wcag-labelled-by",
-        "reflect": false
-      }
-    };
-  }
-  static get methods() {
-    return {
-      "validateWcag": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Validate the WCAG attributes of the component",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=gov-nav.js.map

package/dist/collection/components/gov-nav/gov-nav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-nav.js","sourceRoot":"","sources":["../../../../../../src/components/gov-nav/gov-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAMzC,MAAM,OAAO,MAAM;;;;;EAYlB,KAAK,CAAC,kBAAkB;IACvB,IAAI,uBAAuB,EAAE,EAAE;MAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;MAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KACzB;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,CAAC,IAAI;MACzB,WAAK,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,iBAAe,IAAI,CAAC,SAAS,sBAAoB,IAAI,CAAC,cAAc;QACzG,eAAQ,CACH,CACA,CACP,CAAA;EACF,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,YAAY;IACjB,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;EACtE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { NavClass } from './constants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\n\n@Component({\n\ttag: 'gov-nav',\n\tstyleUrl: 'gov-nav.scss',\n})\nexport class GovNav {\n\t@Element() readonly host: HTMLGovNavElement\n\n\t/**\n\t * Adds accessible label for the accordion that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={NavClass.root}>\n\t\t\t\t<nav class={NavClass.nav} role={'list'} arial-label={this.wcagLabel} arial-labelledby={this.wcagLabelledBy}>\n\t\t\t\t\t<slot />\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, NavClass.root)\n\t}\n}\n"]}

package/dist/collection/components/gov-pagination/constants.js

@@ -1,21 +0,0 @@
-import { Sizes } from "../../core/constants/sizes";
-import { Variants } from "../../core/constants/variants";
-import { pick } from "../../utils/utils";
-export const PaginationSizes = pick(Sizes, ['_S', '_M']);
-export const PaginationVariants = pick(Variants, ['PRIMARY', 'SECONDARY']);
-export var PaginationTypes;
-(function (PaginationTypes) {
-  PaginationTypes["BUTTON"] = "button";
-  PaginationTypes["SELECT"] = "select";
-})(PaginationTypes || (PaginationTypes = {}));
-export const PaginationClass = {
-  root: 'gov-pagination',
-  list: 'gov-pagination__list',
-  item: 'gov-pagination__item',
-  itemArrow: 'gov-pagination__item--arrow',
-  itemMore: 'gov-pagination__item--more',
-  itemSelect: 'gov-pagination__item--select',
-  inner: 'gov-pagination__inner',
-  arrow: 'gov-pagination__arrow',
-};
-//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-pagination/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-pagination/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGxD,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAA;AAG1E,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;EAC1B,oCAAiB,CAAA;EACjB,oCAAiB,CAAA;AAClB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAGD,MAAM,CAAC,MAAM,eAAe,GAAG;EAC9B,IAAI,EAAE,gBAAgB;EACtB,IAAI,EAAE,sBAAsB;EAC5B,IAAI,EAAE,sBAAsB;EAC5B,SAAS,EAAE,6BAA6B;EACxC,QAAQ,EAAE,4BAA4B;EACtC,UAAU,EAAE,8BAA8B;EAC1C,KAAK,EAAE,uBAAuB;EAC9B,KAAK,EAAE,uBAAuB;CAC9B,CAAA","sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const PaginationSizes = pick(Sizes, ['_S', '_M'])\nexport type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`\n\nexport const PaginationVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type PaginationVariantType = `${ValueOf<typeof PaginationVariants>}`\n\nexport enum PaginationTypes {\n\tBUTTON = 'button',\n\tSELECT = 'select',\n}\nexport type PaginationType = `${ValueOf<typeof PaginationTypes>}`\n\nexport const PaginationClass = {\n\troot: 'gov-pagination',\n\tlist: 'gov-pagination__list',\n\titem: 'gov-pagination__item',\n\titemArrow: 'gov-pagination__item--arrow',\n\titemMore: 'gov-pagination__item--more',\n\titemSelect: 'gov-pagination__item--select',\n\tinner: 'gov-pagination__inner',\n\tarrow: 'gov-pagination__arrow',\n}\n"]}

package/dist/collection/components/gov-pagination/gov-pagination.css

@@ -1,394 +0,0 @@
-.gov-pagination__list {
-  margin: 0;
-  padding: 0;
-}
-
-.gov-pagination__list .gov-pagination__item {
-  margin: 0;
-  padding: 0;
-  background: none;
-}
-.gov-pagination__list .gov-pagination__item::before {
-  display: none;
-}
-
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* [Core] - Buttons
------------------------------------------------------------------- */
-/*
- * Gets color from theme-colors or from palette-colors
- */
-/*
- * Converts hex value to rgb colors value
- */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/*
- * Generates list of utility classes for margin, padding
- *
- * Make sure $list of definitions is sorted so that last item is defined last
- * So largest views are mentioned last.
- */
-/*
- -  Variables - Sizes
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Layout
- */
-/**
-* Utilities - Offset
-*/
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/**
-* Generates CSS3 var with button value
-*/
-/*
- -  Variables - General
- */
-/*
- -  Variables - Typography
- */
-/*
- -  Variables - Variants
- */
-/*
- -  Variables - Container
- */
-/*
- -  Variables - Sizes
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Accordion
- */
-/*
- -  Variables - Attachments
- */
-/*
- -  Variables - Infobar
- */
-/*
- -  Variables - Backdrop
- */
-/*
- -  Variables - Buttons (&& Chips)
- */
-/*
- -  Variables - Breadcrumbs
- */
-/*
- -  Variables - Classes
- */
-/*
- -  Variables - Colors
- */
-/*
- -	Variables - Control Group
- */
-/*
- -  Variables - Cookiebar
- */
-/*
- -  Variables - Dropdown
- */
-/*
- -  Variables - Card
- */
-/*
- -  Variables - Message
- */
-/*
- -  Variables - Empty
- */
-/*
- -  Variables - Error code
- */
-/*
- -  Variables - Grid
- */
-/*
- -  Variables - Tiles
- */
-/*
- -  Variables - Modal & Prompt
- */
-/**
-* Utilities - Offset
-*/
-/*
- -  Variables - shadows
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Statsbar
- */
-/*
- -  Variables - Tabs
- */
-/*
- -  Variables - Tooltip
- */
-/*
- -  Variables - Loading
- */
-/*
- -	Variables - Forms
- */
-/*
- -  Variables - Form Autocomplete
- */
-/*
- -  Variables - Form Message
- */
-/*
- -	Variables - Form label
- */
-/*
- -	Variables - Form switch
- */
-/*
- -	Variables - Form select
- */
-/*
- -	Variables - Form input
- */
-/*
- -	Variables - Form multiselect
- */
-/*
- -	Variables - Form password power
- */
-/*
- -	Variables - Form checkbox & radio
- */
-/*
- -  Variables - Form group
- */
-/*
- -	Variables - Form file
- */
-/*
- -  Variables - Toast Message
- */
-/*
- -  Variables - Wizard
- */
-/*
- -  Variables - Stepper
- */
-/*
- -  Variables - Side nav
- */
-/*
- -  Variables - Grid & Tile
- */
-/*
- -  Variables - Pagination
- */
-/*
- -  Variables - Nav
- */
-/*
- -  Variables - Layout
- */
-/*
- -  Variables - Tag
- */
-.gov-spin-animation,
-.gov-pseudo-spin-animation::before {
-  animation: spin 4s linear infinite;
-}
-
-@keyframes spin {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes countdown {
-  to {
-    transform: scaleX(0);
-  }
-}
-@keyframes progress {
-  0% {
-    background-position: -200px 0;
-  }
-  100% {
-    background-position: calc(200px + 100%) 0;
-  }
-}
-@keyframes pulse {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-/*
-*   Pagination
-*/
-.gov-pagination {
-  position: relative;
-  display: block;
-  width: 100%;
-}
-.gov-pagination__list {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  font-weight: bold;
-  text-align: center;
-}
-.gov-pagination__list .gov-pagination__item {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 0;
-  padding: 0.125rem;
-  border-radius: var(--gov-border-radius, 0.1875rem);
-  overflow: hidden;
-}
-.gov-pagination__list .gov-pagination__item--arrow {
-  display: flex;
-}
-.gov-pagination__list .gov-pagination__item--select {
-  z-index: 1;
-  display: flex;
-  overflow: visible;
-  padding: 0rem 1rem;
-}
-.gov-pagination__arrow {
-  margin: 0;
-}
-.gov-pagination__item--more .gov-form-select select {
-  border: none !important;
-  padding-right: 0.75rem !important;
-}
-.gov-pagination__item--more .gov-form-select .gov-icon {
-  display: none;
-}
-.gov-pagination__inner {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  align-self: stretch;
-  width: 100%;
-  text-decoration: none;
-}
-.gov-pagination__inner[wcag-current=true][type=solid][variant=primary] .element {
-  background-color: var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));
-  color: var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white));
-}
-.gov-pagination__inner[wcag-current=true][type=outlined][variant=primary] .element {
-  background-color: var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));
-  color: var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary));
-}
-.gov-pagination__inner[wcag-current=true][type=base][variant=primary] .element {
-  background-color: var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));
-  color: var(--gov-button-primary-base-hover-color, var(--gov-color-primary));
-}
-.gov-pagination__inner[wcag-current=true][type=link][variant=primary] .element {
-  background-color: var(--gov-button-primary-link-hover-bg, transparent);
-  color: var(--gov-button-primary-link-hover-color, var(--gov-color-primary));
-}
-.gov-pagination__inner[wcag-current=true][type=solid][variant=secondary] .element {
-  background-color: var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));
-  color: var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white));
-}
-.gov-pagination__inner[wcag-current=true][type=outlined][variant=secondary] .element {
-  background-color: var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));
-  color: var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary));
-}
-.gov-pagination__inner[wcag-current=true][type=base][variant=secondary] .element {
-  background-color: var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));
-  color: var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary));
-}
-.gov-pagination__inner[wcag-current=true][type=link][variant=secondary] .element {
-  background-color: var(--gov-button-secondary-link-hover-bg, transparent);
-  color: var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary));
-}
-.gov-pagination__inner[wcag-current=true][type=solid][variant=error] .element {
-  background-color: var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));
-  color: var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white));
-}
-.gov-pagination__inner[wcag-current=true][type=outlined][variant=error] .element {
-  background-color: var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));
-  color: var(--gov-button-error-outlined-hover-color, var(--gov-color-error));
-}
-.gov-pagination__inner[wcag-current=true][type=base][variant=error] .element {
-  background-color: var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));
-  color: var(--gov-button-error-base-hover-color, var(--gov-color-error));
-}
-.gov-pagination__inner[wcag-current=true][type=link][variant=error] .element {
-  background-color: var(--gov-button-error-link-hover-bg, transparent);
-  color: var(--gov-button-error-link-hover-color, var(--gov-color-error));
-}
-.gov-pagination__inner[wcag-current=true][type=solid][variant=success] .element {
-  background-color: var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));
-  color: var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white));
-}
-.gov-pagination__inner[wcag-current=true][type=outlined][variant=success] .element {
-  background-color: var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));
-  color: var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500));
-}
-.gov-pagination__inner[wcag-current=true][type=base][variant=success] .element {
-  background-color: var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));
-  color: var(--gov-button-success-base-hover-color, var(--gov-color-success-500));
-}
-.gov-pagination__inner[wcag-current=true][type=link][variant=success] .element {
-  background-color: var(--gov-button-success-link-hover-bg, transparent);
-  color: var(--gov-button-success-link-hover-color, var(--gov-color-success-500));
-}
-.gov-pagination__inner[wcag-current=true][type=solid][variant=warning] .element {
-  background-color: var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));
-  color: var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white));
-}
-.gov-pagination__inner[wcag-current=true][type=outlined][variant=warning] .element {
-  background-color: var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));
-  color: var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500));
-}
-.gov-pagination__inner[wcag-current=true][type=base][variant=warning] .element {
-  background-color: var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));
-  color: var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500));
-}
-.gov-pagination__inner[wcag-current=true][type=link][variant=warning] .element {
-  background-color: var(--gov-button-warning-link-hover-bg, transparent);
-  color: var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500));
-}
-.gov-pagination[size=s] .gov-pagination__inner {
-  font-weight: var(--gov-text-s-font-weight);
-  font-size: var(--gov-text-s-font-size);
-  line-height: var(--gov-text-s-line-height);
-  letter-spacing: var(--gov-text-s-letter-spacing);
-  font-weight: inherit;
-}
-.gov-pagination[size=s] .gov-pagination__inner .element {
-  min-width: var(--gov-pagination-s-button-size, 2rem);
-}
-.gov-pagination[size=m] .gov-pagination__inner {
-  font-weight: var(--gov-text-m-font-weight);
-  font-size: var(--gov-text-m-font-size);
-  line-height: var(--gov-text-m-line-height);
-  letter-spacing: var(--gov-text-m-letter-spacing);
-  font-weight: inherit;
-}
-.gov-pagination[size=m] .gov-pagination__inner .element {
-  min-width: var(--gov-pagination-m-button-size, 2.5rem);
-}