@gov-design-system-ce/components 0.0.1

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

@@ -0,0 +1,307 @@
+import { h, Host } from "@stencil/core";
+import { validateProp } from "../../helpers/Validate/props";
+import { Sizes } from "../../core/constants/sizes";
+import { govHost } from "../../helpers/Dom/template";
+import { BadgeClass, NativeType } from "./constants";
+import { Types } from "../gov-button/constants";
+import { Variants } from "../../core/constants/variants";
+var Tags;
+(function (Tags) {
+  Tags["A"] = "a";
+  Tags["SPAN"] = "span";
+  Tags["BUTTON"] = "button";
+})(Tags || (Tags = {}));
+export class GovBadge {
+  constructor() {
+    this.inverse = false;
+    this.disabled = false;
+    this.href = undefined;
+    this.target = undefined;
+    this.size = Sizes._M;
+    this.type = "solid";
+    this.tag = "span";
+    this.nativeType = NativeType.SPAN;
+    this.variant = Variants.PRIMARY;
+    this.wcagLabel = undefined;
+    this.h = govHost(this.host);
+  }
+  validateVariant(newValue) {
+    validateProp(Variants, newValue, BadgeClass.root);
+  }
+  validateSize(newValue) {
+    validateProp(Sizes, newValue, BadgeClass.root);
+  }
+  validateType(newValue) {
+    validateProp(Types, newValue, BadgeClass.root);
+  }
+  componentWillLoad() {
+    this.validateVariant(this.variant);
+    this.validateSize(this.size);
+    this.validateType(this.type);
+  }
+  render() {
+    const Tag = this.href ? Tags.A : this.nativeType == 'button' ? Tags.BUTTON : this.tag;
+    const nativeType = Tag == Tags.BUTTON ? this.nativeType : undefined;
+    return (h(Host, { class: BadgeClass.root, disabled: this.disabled, href: this.href, variant: this.variant, size: this.size, type: this.type, inverse: this.inverse, hoverable: Tag == Tags.A || Tag == Tags.BUTTON }, h(Tag, { class: "element", href: this.href, target: this.target, "aria-label": this.wcagLabel, onClick: this.onClickHandler.bind(this), type: nativeType }, this.h.hasSlot("left-icon") && h("slot", { name: "left-icon" }), h("slot", null), this.h.hasSlot("right-icon") && h("slot", { name: "right-icon" }))));
+  }
+  onClickHandler(e) {
+    e.stopPropagation();
+    if (this.disabled === false) {
+      this.govClick.emit(e);
+    }
+  }
+  static get is() { return "gov-badge"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gov-badge.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gov-badge.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "inverse": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determide if component should have inversed colors to be used on dark background"
+        },
+        "attribute": "inverse",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Makes the badge component disabled.\nThis prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies."
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "href": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "link",
+              "text": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href"
+            }],
+          "text": "Same as original parameter"
+        },
+        "attribute": "href",
+        "reflect": false
+      },
+      "target": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "link",
+              "text": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target"
+            }],
+          "text": "Same as original parameter"
+        },
+        "attribute": "target",
+        "reflect": false
+      },
+      "size": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "SizesType",
+          "resolved": "any",
+          "references": {
+            "SizesType": {
+              "location": "import",
+              "path": "../gov-button/constants"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Badge\u2019s size."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "Sizes._M"
+      },
+      "type": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "Type",
+          "resolved": "any",
+          "references": {
+            "Type": {
+              "location": "import",
+              "path": "../gov-button/constants"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Badges's type"
+        },
+        "attribute": "type",
+        "reflect": false,
+        "defaultValue": "\"solid\""
+      },
+      "tag": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Used to change the HMTL tag in the badge"
+        },
+        "attribute": "tag",
+        "reflect": false,
+        "defaultValue": "\"span\""
+      },
+      "nativeType": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "NativeTypesType",
+          "resolved": "any",
+          "references": {
+            "NativeTypesType": {
+              "location": "import",
+              "path": "./constants"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Same as original parameter\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type"
+        },
+        "attribute": "native-type",
+        "reflect": false,
+        "defaultValue": "NativeType.SPAN"
+      },
+      "variant": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "VariantType",
+          "resolved": "any",
+          "references": {
+            "VariantType": {
+              "location": "import",
+              "path": "../gov-button/constants"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Style variation of the badge."
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "Variants.PRIMARY"
+      },
+      "wcagLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adds accessible label for the button that is only shown for screen readers.\nTypically, this label text replaces the visible text on the button for users who use assistive technology."
+        },
+        "attribute": "wcag-label",
+        "reflect": false
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "govClick",
+        "name": "gov-click",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the button click."
+        },
+        "complexType": {
+          "original": "PointerEvent",
+          "resolved": "PointerEvent",
+          "references": {
+            "PointerEvent": {
+              "location": "global"
+            }
+          }
+        }
+      }];
+  }
+  static get elementRef() { return "host"; }
+  static get watchers() {
+    return [{
+        "propName": "variant",
+        "methodName": "validateVariant"
+      }, {
+        "propName": "size",
+        "methodName": "validateSize"
+      }, {
+        "propName": "type",
+        "methodName": "validateType"
+      }];
+  }
+}
+//# sourceMappingURL=gov-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-badge.js","sourceRoot":"","sources":["../../../../../../src/components/gov-badge/gov-badge.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop, Watch, Event, EventEmitter } from \"@stencil/core\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { Sizes } from \"../../core/constants/sizes\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { BadgeClass, NativeType, NativeTypesType } from \"./constants\"\nimport { SizesType, Type, Types, VariantType } from \"../gov-button/constants\"\nimport { Variants } from \"../../core/constants/variants\"\n\nenum Tags {\n\tA = \"a\",\n\tSPAN = \"span\",\n\tBUTTON = \"button\"\n}\n\n@Component({\n\ttag: \"gov-badge\",\n\tstyleUrl: \"gov-badge.scss\",\n})\nexport class GovBadge {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBadgeElement\n\n\t/**\n\t * Determide if component should have inversed colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the badge component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\t/**\n\t * Badge’s size.\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Badges's type\n\t */\n\t@Prop() readonly type: Type = \"solid\";\n\t/**\n\t * Used to change the HMTL tag in the badge\n\t */\n\t@Prop() readonly tag: string = \"span\"\n\t/**\n\t * Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\n\t */\n\t@Prop() readonly nativeType: NativeTypesType = NativeType.SPAN\n\t/**\n\t * Style variation of the badge.\n\t */\n\t@Prop() readonly variant: VariantType = Variants.PRIMARY\n\t/**\n\t * Adds accessible label for the button that is only shown for screen readers.\n\t * Typically, this label text replaces the visible text on the button for users who use assistive technology.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\tvalidateProp(Variants, newValue, BadgeClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, BadgeClass.root)\n\t\t\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(Types, newValue, BadgeClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateType(this.type)\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : this.nativeType == 'button' ? Tags.BUTTON : this.tag;\n\t\tconst nativeType = Tag == Tags.BUTTON ? this.nativeType : undefined;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={BadgeClass.root}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tvariant={this.variant}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t\tinverse={this.inverse}\n\t\t\t\thoverable={Tag == Tags.A || Tag == Tags.BUTTON}>\n\t\t\t\t<Tag class=\"element\"\n\t\t\t\t     href={this.href}\n\t\t\t\t     target={this.target}\n\t\t\t\t     aria-label={this.wcagLabel}\n\t\t\t\t\t onClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t type={nativeType}>\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\"></slot>}\n\t\t\t\t\t<slot />\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && <slot name=\"right-icon\"></slot>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation();\n\t\tif (this.disabled === false) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n}\n"]}

package/dist/collection/components/gov-badge/gov-badge.stories.js

@@ -0,0 +1,75 @@
+import { Sizes, Types, Variants } from "../gov-button/constants";
+import { Sizes as GlobalSizes } from "../../core/constants/sizes";
+import { Variants as GlobalVariants } from "../../core/constants/variants";
+import readme from "./readme.md";
+import { bindProps, removeUndefinedValues } from "../../../.storybook/helpers";
+const StoryConfiguration = {
+  title: "Design system/Badge",
+  args: {
+    variant: GlobalVariants.PRIMARY,
+    type: 'solid',
+    size: GlobalSizes._M,
+    'native-type': '',
+    copy: "Klikni na mě!",
+    'wcag-label': "Klikni na mě a uvidíš zázrak!",
+    disabled: false,
+    href: '',
+    target: ''
+  },
+  argTypes: {
+    variant: {
+      control: "select",
+      options: removeUndefinedValues(Variants),
+    },
+    size: {
+      control: "select",
+      options: removeUndefinedValues(Sizes),
+    },
+    type: {
+      control: "select",
+      options: removeUndefinedValues(Types),
+    },
+    copy: "string",
+    href: "string",
+    target: {
+      control: "select",
+      options: [undefined, '_blank', '_self', '_new'],
+    },
+    'wcag-label': "string",
+    disabled: "boolean",
+  },
+  parameters: {
+    notes: readme,
+  },
+};
+const PROPS = ["variant", "size", "type", "wcag-label", "href", "target", "disabled", 'expanded', "native-type", "loading"];
+const Template = (args) => {
+  const el = document.createElement("gov-badge");
+  el.innerHTML = args.copy;
+  bindProps(el, PROPS, args);
+  return el;
+};
+export const Playground = Template.bind({});
+Playground.args = {};
+export const Primary = Template.bind({});
+Primary.args = {
+  variant: 'primary'
+};
+export const Secondary = Template.bind({});
+Secondary.args = {
+  variant: 'secondary'
+};
+export const Error = Template.bind({});
+Error.args = {
+  variant: 'error'
+};
+export const Success = Template.bind({});
+Success.args = {
+  variant: 'success'
+};
+export const Warning = Template.bind({});
+Warning.args = {
+  variant: 'warning'
+};
+export default StoryConfiguration;
+//# sourceMappingURL=gov-badge.stories.js.map

package/dist/collection/components/gov-badge/gov-badge.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-badge.stories.js","sourceRoot":"","sources":["../../../../../../src/components/gov-badge/gov-badge.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Sizes, Types, Variants } from \"../gov-button/constants\"\nimport { Sizes as GlobalSizes } from \"../../core/constants/sizes\"\nimport { Variants as GlobalVariants } from \"../../core/constants/variants\"\nimport readme from \"./readme.md\"\nimport { bindProps, removeUndefinedValues } from \"../../../.storybook/helpers\"\n\nconst StoryConfiguration = {\n\ttitle: \"Design system/Badge\",\n\targs: {\n\t\tvariant: GlobalVariants.PRIMARY,\n\t\ttype: 'solid',\n\t\tsize: GlobalSizes._M,\n\t\t'native-type': '',\n\t\tcopy: \"Klikni na mě!\",\n\t\t'wcag-label': \"Klikni na mě a uvidíš zázrak!\",\n\t\tdisabled: false,\n\t\thref: '',\n\t\ttarget: ''\n\t},\n\targTypes: {\n\t\tvariant: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: removeUndefinedValues(Variants),\n\t\t},\n\t\tsize: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: removeUndefinedValues(Sizes),\n\t\t},\n\t\ttype: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: removeUndefinedValues(Types),\n\t\t},\n\t\tcopy: \"string\",\n\t\thref: \"string\",\n\t\ttarget: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [undefined, '_blank', '_self', '_new'],\n\t\t},\n\t\t'wcag-label': \"string\",\n\t\tdisabled: \"boolean\",\n\t},\n\tparameters: {\n\t\tnotes: readme,\n\t},\n}\n\nconst PROPS = [\"variant\", \"size\", \"type\", \"wcag-label\", \"href\", \"target\", \"disabled\", 'expanded', \"native-type\", \"loading\"]\n\nconst Template = (args) => {\n\tconst el = document.createElement(\"gov-badge\")\n\n\tel.innerHTML = args.copy\n\tbindProps(el, PROPS, args)\n\treturn el\n}\n\nexport const Playground = Template.bind({})\nPlayground.args = {}\nexport const Primary = Template.bind({})\nPrimary.args = {\n\tvariant: 'primary'\n}\nexport const Secondary = Template.bind({})\nSecondary.args = {\n\tvariant: 'secondary'\n}\nexport const Error = Template.bind({})\nError.args = {\n\tvariant: 'error'\n}\nexport const Success = Template.bind({})\nSuccess.args = {\n\tvariant: 'success'\n}\nexport const Warning = Template.bind({})\nWarning.args = {\n\tvariant: 'warning'\n}\n\nexport default StoryConfiguration\n"]}

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

@@ -0,0 +1,17 @@
+import { Sizes as GlobalSizes } from "../../core/constants/sizes";
+import { Variants as GlobalVariants } from "../../core/constants/variants";
+export const Sizes = [undefined, GlobalSizes._S, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
+export const Variants = [undefined, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING];
+export const Types = [undefined, "solid", "outlined", "base"];
+export var NativeType;
+(function (NativeType) {
+  NativeType["SUBMIT"] = "submit";
+  NativeType["BUTTON"] = "button";
+  NativeType["RESET"] = "reset";
+})(NativeType || (NativeType = {}));
+export const NativeTypes = [undefined, NativeType.SUBMIT, NativeType.BUTTON, NativeType.RESET];
+export const ButtonClass = {
+  root: 'gov-button',
+  rootWithIcon: 'gov-button--w-icon',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-button/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAE1E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,EAAC,WAAW,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,WAAW,CAAC,GAAG,CAAU,CAAA;AAGzG,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAU,CAAA;AAGpK,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAU,CAAA;AAGtE,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;EACrB,+BAAiB,CAAA;EACjB,+BAAiB,CAAA;EACjB,6BAAe,CAAA;AAChB,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAU,CAAA;AAGvG,MAAM,CAAC,MAAM,WAAW,GAAG;EAC1B,IAAI,EAAE,YAAY;EAClB,YAAY,EAAE,oBAAoB;CAClC,CAAA","sourcesContent":["import { Sizes as GlobalSizes } from \"../../core/constants/sizes\"\nimport { Variants as GlobalVariants } from \"../../core/constants/variants\"\n\nexport const Sizes = [undefined, GlobalSizes._S,GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL] as const\nexport type SizesType = typeof Sizes[number]\n\nexport const Variants = [undefined, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING] as const\nexport type VariantType = typeof Variants[number]\n\nexport const Types = [undefined, \"solid\", \"outlined\", \"base\"] as const\nexport type Type = typeof Types[number]\n\nexport enum NativeType {\n\tSUBMIT = \"submit\",\n\tBUTTON = \"button\",\n\tRESET = \"reset\",\n}\n\nexport const NativeTypes = [undefined, NativeType.SUBMIT, NativeType.BUTTON, NativeType.RESET] as const\nexport type NativeTypesType = typeof NativeTypes[number]\n\nexport const ButtonClass = {\n\troot: 'gov-button',\n\trootWithIcon: 'gov-button--w-icon',\n}\n"]}