@gov-design-system-ce/components 0.0.14 → 0.0.15

package/dist/collection/components/gov-loading/skeleton/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/skeleton/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAG3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;AAGvG,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;EACzB,mCAAiB,CAAA;EACjB,gCAAc,CAAA;EACd,+BAAa,CAAA;AACd,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAGD,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;EAC5B,oCAAe,CAAA;EACf,0CAAqB,CAAA;EACrB,oCAAe,CAAA;AAChB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B;AAGD,MAAM,CAAC,MAAM,aAAa,GAAG;EAC5B,IAAI,EAAE,cAAc;EACpB,MAAM,EAAE,sBAAsB;CAC9B,CAAA","sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Variants } from \"../../../core/constants/variants\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const SkeletonVariants = pick(Variants, [\"PRIMARY\", \"SECONDARY\", \"SUCCESS\", \"ERROR\", \"WARNING\"])\nexport type SkeletonVariantsType = `${ValueOf<typeof SkeletonVariants>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tREACT = 'rect',\n\tTEXT = 'text'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n\tloader: 'gov-skeleton__loader',\n}\n"]}

package/dist/collection/components/gov-loading/skeleton/gov-skeleton.css

@@ -1,290 +0,0 @@
-/* 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 default value
-*/
-/*
- -  Variables - General
- */
-/*
- -  Variables - Typography
- */
-/*
- -  Variables - Variants
- */
-/*
- -  Variables - Container
- */
-/*
- -  Variables - Sizes
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Accordion
- */
-/*
- -  Variables - Attachments
- */
-/*
- -  Variables - Alert
- */
-/*
- -  Variables - Backdrop
- */
-/*
- -  Variables - Buttons (&& Badges)
- */
-/*
- -  Variables - Breadcrumbs
- */
-/*
- -  Variables - Classes
- */
-/*
- -  Variables - Colors
- */
-/*
- -  Variables - Cookiebar
- */
-/*
- -  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 - Wizzard
- */
-/*
- -  Variables - Stepper
- */
-/*
- -  Variables - Side nav
- */
-/*
- -  Variables - Grid & Tile
- */
-/*
- -  Variables - Pagination
- */
-/*
- -  Variables - Nav
- */
-/*
- -  Variables - Layout
- */
-.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;
-  }
-}
-.gov-skeleton__loader {
-  position: relative;
-  display: inline-block;
-  width: var(--gov-skeleton-width, 100%);
-  height: var(--gov-skeleton-height, 20px);
-  margin-bottom: var(--gov-skeleton-margin-bottom, 8px);
-  border-radius: var(--gov-skeleton-border-radius, var(--gov-border-radius, 0.1875rem));
-  outline: none;
-  overflow: hidden;
-  box-sizing: border-box;
-  will-change: transform;
-}
-.gov-skeleton__loader.circle {
-  width: var(--gov-skeleton-circle-size, 60px);
-  height: var(--gov-skeleton-circle-size, 60px);
-  margin-bottom: var(--gov-skeleton-margin-bottom, 8px);
-  border-radius: var(--gov-skeleton-circle-radius, 50%);
-}
-.gov-skeleton__loader.rect {
-  border-radius: var(--gov-skeleton-rect-radius, 0);
-}
-.gov-skeleton__loader.progress {
-  background-size: 200px 100%;
-  animation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-}
-.gov-skeleton__loader.pulse {
-  animation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-  animation-delay: 0.5s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .gov-skeleton__loader.pulse, .gov-skeleton__loader.progress {
-    background-image: none;
-    animation: none;
-  }
-}
-.gov-skeleton[variant=warning] .gov-skeleton__loader {
-  background-color: var(--gov-skeleton-warning-background, var(--gov-color-warning-100));
-  background-repeat: no-repeat;
-}
-.gov-skeleton[variant=warning] .gov-skeleton__loader.progress {
-  background-image: linear-gradient(90deg, var(--gov-skeleton-warning-background, var(--gov-color-warning-100)), var(--gov-skeleton-warning-foreground, var(--gov-color-warning-200)), var(--gov-skeleton-warning-background, var(--gov-color-warning-100)));
-}
-.gov-skeleton[variant=error] .gov-skeleton__loader {
-  background-color: var(--gov-skeleton-error-background, var(--gov-color-error-100));
-  background-repeat: no-repeat;
-}
-.gov-skeleton[variant=error] .gov-skeleton__loader.progress {
-  background-image: linear-gradient(90deg, var(--gov-skeleton-error-background, var(--gov-color-error-100)), var(--gov-skeleton-error-foreground, var(--gov-color-error-200)), var(--gov-skeleton-error-background, var(--gov-color-error-100)));
-}
-.gov-skeleton[variant=secondary] .gov-skeleton__loader {
-  background-color: var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300));
-  background-repeat: no-repeat;
-}
-.gov-skeleton[variant=secondary] .gov-skeleton__loader.progress {
-  background-image: linear-gradient(90deg, var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)), var(--gov-skeleton-secondary-foreground, var(--gov-color-secondary-100)), var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)));
-}
-.gov-skeleton[variant=success] .gov-skeleton__loader {
-  background-color: var(--gov-skeleton-success-background, var(--gov-color-success-100));
-  background-repeat: no-repeat;
-}
-.gov-skeleton[variant=success] .gov-skeleton__loader.progress {
-  background-image: linear-gradient(90deg, var(--gov-skeleton-success-background, var(--gov-color-success-100)), var(--gov-skeleton-success-foreground, var(--gov-color-success-200)), var(--gov-skeleton-success-background, var(--gov-color-success-100)));
-}
-.gov-skeleton[variant=primary] .gov-skeleton__loader {
-  background-color: var(--gov-skeleton-primary-background, var(--gov-color-primary-100));
-  background-repeat: no-repeat;
-}
-.gov-skeleton[variant=primary] .gov-skeleton__loader.progress {
-  background-image: linear-gradient(90deg, var(--gov-skeleton-primary-background, var(--gov-color-primary-100)), var(--gov-skeleton-primary-foreground, var(--gov-color-primary-200)), var(--gov-skeleton-primary-background, var(--gov-color-primary-100)));
-}

package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js

@@ -1,267 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { SkeletonAnimation, SkeletonClass, SkeletonShapes, SkeletonVariants, } from "./constants";
-import { govHost } from "../../../helpers/Dom/template";
-import { validateProp } from "../../../helpers/Validate/props";
-import { canValidateWcagOnRender } from "../../../helpers/Dom/win";
-import { delay } from "../../../utils/utils";
-import { validateWcagLabel } from "../../../helpers/Validate/wcag";
-export class GovSkeleton {
-  constructor() {
-    this.items = [];
-    this.variant = "secondary";
-    this.count = 1;
-    this.shape = "text";
-    this.width = null;
-    this.height = null;
-    this.animation = "progress";
-    this.wcagLabel = undefined;
-    this.h = govHost(this.host);
-  }
-  validateVariant(newValue) {
-    validateProp(SkeletonVariants, newValue, SkeletonClass.root);
-  }
-  validateShape(newValue) {
-    validateProp(SkeletonShapes, newValue, SkeletonClass.root);
-  }
-  validateAnimation(newValue) {
-    validateProp(SkeletonAnimation, newValue, SkeletonClass.root);
-  }
-  componentWillLoad() {
-    this.validateVariant(this.variant);
-    this.validateShape(this.shape);
-    this.validateAnimation(this.animation);
-    this.init();
-  }
-  componentWillUpdate() {
-    this.init();
-  }
-  async componentDidRender() {
-    if (canValidateWcagOnRender()) {
-      await delay(500);
-      await this.validateWcag();
-    }
-  }
-  init() {
-    this.items.length = this.count;
-    this.items.fill(1);
-  }
-  get style() {
-    const dimenssionsStyles = {
-      width: null,
-      height: null,
-    };
-    if (this.width) {
-      dimenssionsStyles.width = this.width;
-    }
-    if (this.height) {
-      dimenssionsStyles.height = this.height;
-    }
-    return Object.assign({}, dimenssionsStyles);
-  }
-  render() {
-    return (h(Host, { class: this.h.classes(SkeletonClass.root), variant: this.variant }, this.items.map((_, index) => {
-      return (h("span", { key: index, class: {
-          circle: this.shape === "circle",
-          rect: this.shape === "rect",
-          progress: this.animation === "progress",
-          pulse: this.animation === "pulse",
-          [SkeletonClass.loader]: true,
-        }, "aria-busy": "true", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuetext": this.wcagLabel, role: "progressbar", tabindex: "0", style: this.style }));
-    })));
-  }
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  async validateWcag() {
-    validateWcagLabel(this.wcagLabel, undefined, SkeletonClass.root);
-  }
-  static get is() { return "gov-skeleton"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gov-skeleton.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gov-skeleton.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "SkeletonVariantsType",
-          "resolved": "\"error\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
-          "references": {
-            "SkeletonVariantsType": {
-              "location": "import",
-              "path": "./constants"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Style variation of the skeleton."
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "\"secondary\""
-      },
-      "count": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Number of rows of current skeleton type"
-        },
-        "attribute": "count",
-        "reflect": false,
-        "defaultValue": "1"
-      },
-      "shape": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "SkeletonShapesType",
-          "resolved": "\"circle\" | \"rect\" | \"text\"",
-          "references": {
-            "SkeletonShapesType": {
-              "location": "import",
-              "path": "./constants"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Shape of the skeleton"
-        },
-        "attribute": "shape",
-        "reflect": false,
-        "defaultValue": "\"text\""
-      },
-      "width": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Width of the skeleton ex. 100px, 100%, auto etc."
-        },
-        "attribute": "width",
-        "reflect": false,
-        "defaultValue": "null"
-      },
-      "height": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Height of the skeleton ex. 100px, 100%, auto etc."
-        },
-        "attribute": "height",
-        "reflect": false,
-        "defaultValue": "null"
-      },
-      "animation": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "SkeletonAnimationType",
-          "resolved": "\"false\" | \"progress\" | \"pulse\"",
-          "references": {
-            "SkeletonAnimationType": {
-              "location": "import",
-              "path": "./constants"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Animation type"
-        },
-        "attribute": "animation",
-        "reflect": false,
-        "defaultValue": "\"progress\""
-      },
-      "wcagLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Adds accessible label for the skeleton that is only shown for screen readers."
-        },
-        "attribute": "wcag-label",
-        "reflect": false
-      }
-    };
-  }
-  static get methods() {
-    return {
-      "validateWcag": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Validate the WCAG attributes of the component",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "variant",
-        "methodName": "validateVariant"
-      }, {
-        "propName": "shape",
-        "methodName": "validateShape"
-      }, {
-        "propName": "animation",
-        "methodName": "validateAnimation"
-      }];
-  }
-}
-//# sourceMappingURL=gov-skeleton.js.map

package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-skeleton.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/skeleton/gov-skeleton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass, SkeletonShapes,\n\tSkeletonShapesType, SkeletonVariants,\n\tSkeletonVariantsType,\n} from \"./constants\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govHost } from \"../../../helpers/Dom/template\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { validateWcagLabel } from \"../../../helpers/Validate/wcag\"\n\n@Component({\n\ttag: \"gov-skeleton\",\n\tstyleUrl: \"gov-skeleton.scss\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly variant?: SkeletonVariantsType = \"secondary\"\n\t/**\n\t * Number of rows of current skeleton type\n\t */\n\t@Prop() count = 1\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"text\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() width: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() height: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\t/**\n\t * Adds accessible label for the skeleton that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\n\titems: number[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(SkeletonVariants, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\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\tinit() {\n\t\tthis.items.length = this.count\n\t\tthis.items.fill(1)\n\t}\n\n\tget style() {\n\t\tconst dimenssionsStyles: {\n\t\t\twidth?: string,\n\t\t\theight?: string,\n\t\t} = {\n\t\t\twidth: null,\n\t\t\theight: null,\n\t\t}\n\t\tif (this.width) {\n\t\t\tdimenssionsStyles.width = this.width\n\t\t}\n\n\t\tif (this.height) {\n\t\t\tdimenssionsStyles.height = this.height\n\t\t}\n\n\t\treturn { ...dimenssionsStyles }\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(SkeletonClass.root)} variant={this.variant}>\n\t\t\t\t{this.items.map((_, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\tcircle: this.shape === \"circle\",\n\t\t\t\t\t\t\t\trect: this.shape === \"rect\",\n\t\t\t\t\t\t\t\tprogress: this.animation === \"progress\",\n\t\t\t\t\t\t\t\tpulse: this.animation === \"pulse\",\n\t\t\t\t\t\t\t\t[SkeletonClass.loader]: true,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-busy=\"true\"\n\t\t\t\t\t\t\taria-valuemin=\"0\"\n\t\t\t\t\t\t\taria-valuemax=\"100\"\n\t\t\t\t\t\t\taria-valuetext={this.wcagLabel}\n\t\t\t\t\t\t\trole=\"progressbar\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\tstyle={this.style}\n\t\t\t\t\t\t></span>\n\t\t\t\t\t)\n\t\t\t\t})}\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, undefined, SkeletonClass.root)\n\t}\n}\n"]}

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

@@ -1,10 +0,0 @@
-import { Variants } from '../../core/constants/variants';
-import { pick } from '../../utils/utils';
-export const MessageVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS']);
-export const MessageClass = {
-  root: 'gov-message',
-  icon: 'gov-message__icon',
-  content: 'gov-message__content',
-  close: 'gov-message__close',
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-message/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;AAGtG,MAAM,CAAC,MAAM,YAAY,GAAG;EAC3B,IAAI,EAAE,aAAa;EACnB,IAAI,EAAE,mBAAmB;EACzB,OAAO,EAAE,sBAAsB;EAC/B,KAAK,EAAE,oBAAoB;CAC3B,CAAA","sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const MessageVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS'])\nexport type MessageVariantType = `${ValueOf<typeof MessageVariants>}`\n\nexport const MessageClass = {\n\troot: 'gov-message',\n\ticon: 'gov-message__icon',\n\tcontent: 'gov-message__content',\n\tclose: 'gov-message__close',\n}\n"]}