@gov-design-system-ce/components 0.0.1

package/dist/collection/components/gov-form/input/gov-form-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-form-input.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/input/gov-form-input.tsx"],"names":[],"mappings":"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ChG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Host, h, Prop, Watch, Event, EventEmitter, State, Method } from \"@stencil/core\"\nimport { GovHost } from \"../../../helpers/Dom/template.d\"\nimport { SizesType, InputType, Type } from \"./constants\"\nimport { createID } from \"../../../../src/utils/string.utils\"\nimport { govHost, toBoolAttrIfDefined, toOnOffAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { FormInputClass, Variants, VariantType } from \"./constants\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { GovForm }from \"../../../helpers/Dom/form.d\"\nimport { govForm }from \"../../../helpers/Dom/form\"\n\nenum Tags {\n\tINPUT = \"input\",\n\tTEXTAREA = \"textarea\"\n}\n\n@Component({\n\ttag: \"gov-form-input\",\n\tstyleUrl: \"gov-form-input.scss\",\n})\nexport class GovFormInput {\n\tprivate f: GovForm\n\tprivate h: GovHost\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly inputId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.inputId = createID(\"GovInput\")\n\t\tthis.f = govForm(govHost(this.host));\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string;\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop() readonly variant: VariantType = undefined\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size: SizesType = undefined\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Generates a texarea for the possibility of multiple lines\n\t */\n\t@Prop() readonly multiline: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n\t */\n\t@Prop() readonly rows: number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\n\t */\n\t@Prop() readonly cols: number\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\n\t */\n\t@Prop() readonly autocomplete: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\n\t */\n\t@Prop() readonly autocorrect: boolean\n\t/**\n\t * Defineds the visual style of input\n\t */\n\t@Prop() readonly type: Type = undefined\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n\t */\n\t@Prop() readonly inputType: InputType = \"text\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\n\t */\n\t@Prop() readonly role: string\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelded-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value.\n\t */\n\t@Prop({ attribute: \"wcag-autocomplete\" }) readonly wcagAutocomplete: string\n\t/**\n\t *  Attribute is set on an element to indicate if a control is expanded or collapsed\n\t */\n\t@Prop({ attribute: \"wcag-expanded\" }) readonly wcagExpanded: boolean\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-input\" }) govInput: EventEmitter\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-keyup\" }) govKeyUp: EventEmitter<KeyboardEvent>\n\t@State() focused: boolean\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, FormInputClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\n\t\tthis.f.passAttrToControl('input-type', this.multiline ? Tags.TEXTAREA : Tags.INPUT)\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\trender() {\n\t\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\n\n\t\treturn (\n\t\t\t<Host class={FormInputClass.root} size={this.size} variant={this.variant} type={this.type}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") &&\n\t\t\t\t\t\t<slot name=\"left-icon\"/>\n\t\t\t\t\t}\n\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && !(this.success || this.invalid) &&\n\t\t\t\t\t\t<slot name=\"right-icon\"/>\n\t\t\t\t\t}\n\n\t\t\t\t\t{this.success && !this.multiline &&\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"check\"></gov-icon>\n\t\t\t\t\t}\n\t\t\t\t\t{this.invalid && !this.multiline &&\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"exclamation\"></gov-icon>\n\t\t\t\t\t}\n\t\t\t\t\t<Tag type={this.inputType}\n\t\t\t\t\t       disabled={this.disabled}\n\t\t\t\t\t       id={this.identifier || this.inputId}\n\t\t\t\t\t       name={this.name}\n\t\t\t\t\t       onFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t       onInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t       onBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t       onKeyUp={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\t       ref={el => this.inputRef = el as HTMLInputElement}\n\t\t\t\t\t       placeholder={this.placeholder}\n\t\t\t\t\t       value={this.value}\n\t\t\t\t\t       readonly={toBoolAttrIfDefined(this.readonly)}\n\t\t\t\t\t       autocomplete={toOnOffAttrIfDefined(this.autocomplete)}\n\t\t\t\t\t       autocorrect={toOnOffAttrIfDefined(this.autocorrect)}\n\t\t\t\t\t       minlength={this.minlength}\n\t\t\t\t\t       maxlength={this.maxlength}\n\t\t\t\t\t       required={this.required}\n\t\t\t\t\t       rows={this.rows}\n\t\t\t\t\t       cols={this.cols}\n\t\t\t\t\t       role={this.role}\n\t\t\t\t\t       aria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t       aria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t       aria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t       aria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t       aria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t       aria-owns={this.wcagOwns}\n\t\t\t\t\t       aria-expanded={toBoolAttrIfDefined(this.wcagExpanded)}\n\t\t\t\t\t       aria-autocomplete={this.wcagAutocomplete} />\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onKeyUpHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyUp.emit(e)\n\t}\n\n\tprivate onInputHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit(e)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Clears input value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = ''\n\t\tthis.inputRef.value = ''\n\t}\n\n\t/**\n\t * Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getInstance(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\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\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormInputClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormInputClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, \"wcag-owns\", FormInputClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.inputId, this.wcagLabelledBy, FormInputClass.root)\n\t}\n}\n"]}

package/dist/collection/components/gov-form/input/gov-form-input.stories.js

@@ -0,0 +1,101 @@
+import { Sizes } from "./constants";
+import { Sizes as GlobalSizes } from "../../../core/constants/sizes";
+// @ts-ignore
+import readme from "./readme.md";
+import { bindProps, removeUndefinedValues } from "../../../../.storybook/helpers";
+const StoryConfiguration = {
+  title: "Design system/Input",
+  args: {
+    size: GlobalSizes._M,
+    value: '',
+    label: 'This is label of input',
+    placeholder: '',
+    errorMessage: '',
+    message: '',
+    success: false,
+    disabled: false,
+    multiline: false,
+    rows: '',
+  },
+  argTypes: {
+    size: {
+      control: "select",
+      options: removeUndefinedValues(Sizes),
+    },
+    value: "string",
+    label: "string",
+    placeholder: "string",
+    errorMessage: "string",
+    message: "string",
+    success: "boolean",
+    disabled: "boolean",
+    multiline: "boolean",
+    rows: "number",
+  },
+  parameters: {
+    notes: readme,
+  },
+};
+const propsControl = ["size", "success", "disabled"];
+const propsInput = ["value", "disabled", "multiline", "rows", "placeholder"];
+const Template = (args) => {
+  let message;
+  const control = document.createElement('gov-form-control');
+  const label = document.createElement('gov-form-label');
+  const el = document.createElement("gov-form-input");
+  label.innerHTML = args.label;
+  label.setAttribute('slot', 'top');
+  if (args.message || args.errorMessage) {
+    message = document.createElement('gov-form-message');
+    message.innerHTML = args.errorMessage || args.message;
+    message.setAttribute('slot', 'bottom');
+  }
+  if (args.message) {
+    message.setAttribute('variant', 'secondary');
+    control.appendChild(message);
+  }
+  if (args.errorMessage) {
+    control.setAttribute('invalid', 'true');
+    const icon = document.createElement('gov-icon');
+    icon.setAttribute('name', 'warning');
+    icon.setAttribute('slot', 'icon');
+    message.setAttribute('variant', 'error');
+    message.appendChild(icon);
+    control.appendChild(message);
+  }
+  el.setAttribute('data-testid', 'test-gov-form-input');
+  control.appendChild(el);
+  control.appendChild(label);
+  bindProps(control, propsControl, args);
+  bindProps(el, propsInput, args);
+  return control;
+};
+export const Playground = Template.bind({});
+Playground.args = {};
+export const Invalid = Template.bind({});
+Invalid.args = {
+  errorMessage: 'This field is required'
+};
+export const Success = Template.bind({});
+Success.args = {
+  success: true
+};
+export const Disabled = Template.bind({});
+Disabled.args = {
+  disabled: true
+};
+export const WithMessage = Template.bind({});
+WithMessage.args = {
+  message: 'Here you can put your name'
+};
+export const Placeholder = Template.bind({});
+Placeholder.args = {
+  placeholder: 'This is placeholder of input'
+};
+export const Multiline = Template.bind({});
+Multiline.args = {
+  multiline: true,
+  rows: 6,
+};
+export default StoryConfiguration;
+//# sourceMappingURL=gov-form-input.stories.js.map

package/dist/collection/components/gov-form/input/gov-form-input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-form-input.stories.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/input/gov-form-input.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Sizes } from \"./constants\"\nimport { Sizes as GlobalSizes } from \"../../../core/constants/sizes\"\n// @ts-ignore\nimport readme from \"./readme.md\"\nimport { bindProps, removeUndefinedValues } from \"../../../../.storybook/helpers\"\n\nconst StoryConfiguration = {\n\ttitle: \"Design system/Input\",\n\targs: {\n\t\tsize: GlobalSizes._M,\n\t\tvalue: '',\n\t\tlabel: 'This is label of input',\n\t\tplaceholder: '',\n\t\terrorMessage: '',\n\t\tmessage: '',\n\t\tsuccess: false,\n\t\tdisabled: false,\n\t\tmultiline: false,\n\t\trows: '',\n\t},\n\targTypes: {\n\t\tsize: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: removeUndefinedValues(Sizes),\n\t\t},\n\t\tvalue: \"string\",\n\t\tlabel: \"string\",\n\t\tplaceholder: \"string\",\n\t\terrorMessage: \"string\",\n\t\tmessage: \"string\",\n\t\tsuccess: \"boolean\",\n\t\tdisabled: \"boolean\",\n\t\tmultiline: \"boolean\",\n\t\trows: \"number\",\n\t},\n\tparameters: {\n\t\tnotes: readme,\n\t},\n}\n\nconst propsControl = [\"size\", \"success\", \"disabled\"]\nconst propsInput = [\"value\", \"disabled\", \"multiline\", \"rows\", \"placeholder\"]\n\nconst Template = (args) => {\n\tlet message\n\tconst control = document.createElement('gov-form-control')\n\tconst label = document.createElement('gov-form-label')\n\tconst el = document.createElement(\"gov-form-input\")\n\n\tlabel.innerHTML = args.label\n\tlabel.setAttribute('slot', 'top')\n\n\tif(args.message || args.errorMessage) {\n\t\tmessage = document.createElement('gov-form-message')\n\t\tmessage.innerHTML = args.errorMessage || args.message\n\t\tmessage.setAttribute('slot', 'bottom')\n\t}\n\n\tif(args.message) {\n\t\tmessage.setAttribute('variant', 'secondary')\n\t\tcontrol.appendChild(message)\n\t}\n\n\tif(args.errorMessage) {\n\t\tcontrol.setAttribute('invalid', 'true')\n\t\tconst icon = document.createElement('gov-icon')\n\t\ticon.setAttribute('name', 'warning')\n\t\ticon.setAttribute('slot', 'icon')\n\t\tmessage.setAttribute('variant', 'error')\n\t\tmessage.appendChild(icon)\n\t\tcontrol.appendChild(message)\n\t}\n\tel.setAttribute('data-testid', 'test-gov-form-input')\n\n\tcontrol.appendChild(el)\n\tcontrol.appendChild(label)\n\n\tbindProps(control, propsControl, args)\n\tbindProps(el, propsInput, args)\n\n\treturn control\n}\n\nexport const Playground = Template.bind({})\nPlayground.args = {}\n\nexport const Invalid = Template.bind({})\nInvalid.args = {\n\terrorMessage: 'This field is required'\n}\n\nexport const Success = Template.bind({})\nSuccess.args = {\n\tsuccess: true\n}\n\nexport const Disabled = Template.bind({})\nDisabled.args = {\n\tdisabled: true\n}\n\nexport const WithMessage = Template.bind({})\nWithMessage.args = {\n\tmessage: 'Here you can put your name'\n}\nexport const Placeholder = Template.bind({})\nPlaceholder.args = {\n\tplaceholder: 'This is placeholder of input'\n}\n\nexport const Multiline = Template.bind({})\nMultiline.args = {\n\tmultiline: true,\n\trows: 6,\n}\n\nexport default StoryConfiguration\n"]}

package/dist/collection/components/gov-form/label/constants.js

@@ -0,0 +1,5 @@
+export const FormLabelClass = {
+  root: 'gov-form-label',
+  label: 'gov-form-label__label',
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-form/label/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/label/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;EAC7B,IAAI,EAAE,gBAAgB;EACtB,KAAK,EAAE,uBAAuB;CAC9B,CAAA","sourcesContent":["export const FormLabelClass = {\n\troot: 'gov-form-label',\n\tlabel: 'gov-form-label__label',\n}"]}

package/dist/collection/components/gov-form/label/gov-form-label.css

@@ -0,0 +1,222 @@
+/* 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 - Sizes
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Variants
+ */
+/*
+ -  Variables - Layout
+ */
+/*
+ -  Variables - Accordion
+ */
+/*
+ -  Variables - Attachments
+ */
+/*
+ -  Variables - Alert
+ */
+/*
+ -  Variables - Backdrop
+ */
+/*
+ -  Variables - Buttons (&& Badges)
+ */
+/*
+ -  Variables - Classes
+ */
+/*
+ -  Variables - Colors
+ */
+/*
+ -  Variables - Cookiebar
+ */
+/*
+ -  Variables - Card
+ */
+/*
+ -  Variables - Container
+ */
+/*
+ -  Variables - Message
+ */
+/*
+ -  Variables - Empty
+ */
+/*
+ -  Variables - Error code
+ */
+/*
+ -  Variables - Grid
+ */
+/*
+ -  Variables - Modal & Prompt
+ */
+/**
+* Utilities - Offset
+*/
+/*
+ -  Variables - shadows
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Statsbar
+ */
+/*
+ -  Variables - Tabs
+ */
+/*
+ -  Variables - Tooltip
+ */
+/*
+ -	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 checkbox & radio
+ */
+/*
+ -	Variables - Form file
+ */
+/*
+ -  Variables - Toast Message
+ */
+/*
+ -  Variables - Wizzard
+ */
+/*
+ -  Variables - Stepper
+ */
+/*
+ -  Variables - Grid & Tile
+ */
+/*
+ -  Variables - Pagination
+ */
+.gov-spin-animation,
+.gov-pseudo-spin-animation::before {
+  animation: spin 4s linear infinite;
+}
+
+@keyframes spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/*
+*   Label
+*/
+.gov-form-label {
+  display: flex;
+}
+.gov-form-label__label {
+  display: inline-block;
+  color: var(--gov-form-label-color, #686868);
+  cursor: pointer;
+  box-sizing: border-box;
+}
+.gov-form-label[size=xs] .gov-form-label__label {
+  font-weight: var(--gov-text-xs-font-weight);
+  font-size: var(--gov-text-xs-font-size);
+  line-height: var(--gov-text-xs-line-height);
+  letter-spacing: var(--gov-text-xs-letter-spacing);
+  margin-bottom: 0.25rem;
+}
+.gov-form-label[size=s] .gov-form-label__label {
+  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);
+  margin-bottom: 0.5rem;
+}
+.gov-form-label[size=m] .gov-form-label__label {
+  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);
+  margin-bottom: 0.75rem;
+}
+.gov-form-label[size=l] .gov-form-label__label {
+  font-weight: var(--gov-text-l-font-weight);
+  font-size: var(--gov-text-l-font-size);
+  line-height: var(--gov-text-l-line-height);
+  letter-spacing: var(--gov-text-l-letter-spacing);
+  margin-bottom: 0.25rem;
+}
+.gov-form-label[size=xl] .gov-form-label__label {
+  font-weight: var(--gov-text-xl-font-weight);
+  font-size: var(--gov-text-xl-font-size);
+  line-height: var(--gov-text-xl-line-height);
+  letter-spacing: var(--gov-text-xl-letter-spacing);
+  margin-bottom: 0.25rem;
+}

package/dist/collection/components/gov-form/label/gov-form-label.js

@@ -0,0 +1,65 @@
+import { h, Host } from "@stencil/core";
+import { FormLabelClass } from './constants';
+export class GovFormLabel {
+  constructor() {
+    this.identifier = undefined;
+  }
+  render() {
+    return (h(Host, { class: FormLabelClass.root }, h("label", { class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, h("slot", null))));
+  }
+  static get is() { return "gov-form-label"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gov-form-label.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gov-form-label.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "identifier": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Identifier for label."
+        },
+        "attribute": "identifier",
+        "reflect": false
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "govClick",
+        "name": "gov-click",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the label click."
+        },
+        "complexType": {
+          "original": "PointerEvent",
+          "resolved": "PointerEvent",
+          "references": {
+            "PointerEvent": {
+              "location": "global"
+            }
+          }
+        }
+      }];
+  }
+}
+//# sourceMappingURL=gov-form-label.js.map

package/dist/collection/components/gov-form/label/gov-form-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-form-label.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/label/gov-form-label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAM5C,MAAM,OAAO,YAAY;;;;EAWxB,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,cAAc,CAAC,IAAI;MAC/B,aAAO,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;QAChG,eAAa,CACN,CACF,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop, Host } from \"@stencil/core\"\nimport { FormLabelClass } from './constants'\n\n@Component({\n\ttag: \"gov-form-label\",\n\tstyleUrl: \"gov-form-label.scss\"\n})\nexport class GovFormLabel {\n\n\t/**\n\t * Identifier for label.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Emitted when the label click.\n\t */\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<PointerEvent>\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormLabelClass.root}>\n\t\t\t\t<label class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -0,0 +1,8 @@
+import { Variants as GlobalVariants } from "../../../core/constants/variants";
+export const Variants = [undefined, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING];
+export const FormMessageClass = {
+  root: 'gov-form-message',
+  content: 'gov-form-message__content',
+  icon: 'gov-form-message__icon',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/message/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAE7E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,cAAc,CAAC,SAAS,EAAE,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAU,CAAA;AAG5I,MAAM,CAAC,MAAM,gBAAgB,GAAG;EAC/B,IAAI,EAAE,kBAAkB;EACxB,OAAO,EAAE,2BAA2B;EACpC,IAAI,EAAE,wBAAwB;CAC9B,CAAA","sourcesContent":["import { Variants as GlobalVariants } from \"../../../core/constants/variants\"\n\nexport const Variants = [undefined, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING] as const\nexport type VariantType = typeof Variants[number]\n\nexport const FormMessageClass = {\n\troot: 'gov-form-message',\n\tcontent: 'gov-form-message__content',\n\ticon: 'gov-form-message__icon',\n}\n"]}

package/dist/collection/components/gov-form/message/gov-form-message.css

@@ -0,0 +1,208 @@
+/* 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 - Sizes
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Variants
+ */
+/*
+ -  Variables - Layout
+ */
+/*
+ -  Variables - Accordion
+ */
+/*
+ -  Variables - Attachments
+ */
+/*
+ -  Variables - Alert
+ */
+/*
+ -  Variables - Backdrop
+ */
+/*
+ -  Variables - Buttons (&& Badges)
+ */
+/*
+ -  Variables - Classes
+ */
+/*
+ -  Variables - Colors
+ */
+/*
+ -  Variables - Cookiebar
+ */
+/*
+ -  Variables - Card
+ */
+/*
+ -  Variables - Container
+ */
+/*
+ -  Variables - Message
+ */
+/*
+ -  Variables - Empty
+ */
+/*
+ -  Variables - Error code
+ */
+/*
+ -  Variables - Grid
+ */
+/*
+ -  Variables - Modal & Prompt
+ */
+/**
+* Utilities - Offset
+*/
+/*
+ -  Variables - shadows
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Statsbar
+ */
+/*
+ -  Variables - Tabs
+ */
+/*
+ -  Variables - Tooltip
+ */
+/*
+ -	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 checkbox & radio
+ */
+/*
+ -	Variables - Form file
+ */
+/*
+ -  Variables - Toast Message
+ */
+/*
+ -  Variables - Wizzard
+ */
+/*
+ -  Variables - Stepper
+ */
+/*
+ -  Variables - Grid & Tile
+ */
+/*
+ -  Variables - Pagination
+ */
+.gov-spin-animation,
+.gov-pseudo-spin-animation::before {
+  animation: spin 4s linear infinite;
+}
+
+@keyframes spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/*
+*   Form Message
+*/
+.gov-form-message {
+  font-weight: var(--gov-text-xs-font-weight);
+  font-size: var(--gov-text-xs-font-size);
+  line-height: var(--gov-text-xs-line-height);
+  letter-spacing: var(--gov-text-xs-letter-spacing);
+  display: flex;
+  gap: 0.5rem;
+  margin: 0rem 0rem 1rem;
+}
+.gov-form-message__icon {
+  position: relative;
+  top: calc(var(--gov-text-xs-font-size) / 6);
+  display: flex;
+}
+.gov-form-message__icon > * {
+  width: calc(var(--gov-text-xs-font-size) * 1.167);
+  height: calc(var(--gov-text-xs-font-size) * 1.167);
+}
+.gov-form-message[variant=error] {
+  color: var(--gov-form-message-error-color, var(--gov-color-error-400));
+}
+.gov-form-message[variant=secondary] {
+  color: var(--gov-form-message-secondary-color, var(--gov-color-secondary-700));
+}
+.gov-form-message[variant=warning] {
+  color: var(--gov-form-message-warning-color, var(--gov-color-warning-500));
+}
+.gov-form-message[variant=success] {
+  color: var(--gov-form-message-success-color, var(--gov-color-success-500));
+}