npm - @ongov/ontario-design-system-component-library - Versions diffs - 6.0.0-alpha.3 → 6.0.0-alpha.4 - Mend

@ongov/ontario-design-system-component-library 6.0.0-alpha.3 → 6.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1873) hide show

package/dist/collection/components/ontario-checkbox/ontario-checkboxes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ontario-checkboxes.js","sourceRoot":"","sources":["../../../src/components/ontario-checkbox/ontario-checkboxes.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, Event, EventEmitter, Listen, State, Watch, AttachInternals } from '@stencil/core';\n\nimport { Input } from '../../utils/common/input/input';\nimport { CheckboxOption } from './checkbox-option.interface';\nimport { Checkboxes } from './checkboxes.interface';\nimport { HintExpander } from '../ontario-hint-expander/hint-expander.interface';\n\nimport { Hint } from '../../utils/common/common.interface';\nimport { InputCaption } from '../../utils/common/input-caption/input-caption';\nimport { Caption } from '../../utils/common/input-caption/caption.interface';\nimport {\n\tvalidateObjectExists,\n\tvalidatePropExists,\n\tvalidateLanguage,\n} from '../../utils/validation/validation-functions';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\nimport { Language } from '../../utils/common/language-types';\nimport { constructHintTextObject } from '../../utils/components/hints/hints';\nimport {\n\tInputFocusBlurEvent,\n\tRadioAndCheckboxChangeEvent,\n\tEventType,\n} from '../../utils/events/event-handler.interface';\nimport { handleInputEvent } from '../../utils/events/event-handler';\n\nimport { default as translations } from '../../translations/global.i18n.json';\nimport { ErrorMessage } from '../../utils/components/error-message/error-message';\n\n@Component({\n\ttag: 'ontario-checkboxes',\n\tstyleUrl: 'ontario-checkboxes.scss',\n\tshadow: true,\n\tformAssociated: true,\n})\nexport class OntarioCheckboxes implements Checkboxes {\n\t@Element() element: HTMLElement;\n\t@AttachInternals() internals: ElementInternals;\n\n\thintTextRef: HTMLOntarioHintTextElement \| undefined;\n\n\t/*\n\t The text to display for the checkbox legend.\n\t \n\t @example\n\t * <ontario-checkboxes\n\t * caption='{\n\t * \"captionText\": \"Checkbox legend\",\n\t * \"captionType\": \"heading\",\n\t * }\n\t * ...>\n\t * </ontario-checkboxes>\n\t /\n\t@Prop() caption: Caption \| string;\n\n\t/\n\t The language of the component.\n\t * This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.\n\t /\n\t@Prop({ mutable: true }) language?: Language;\n\n\t/\n\t The name for the checkboxes. The name value is used to reference form data after a form is submitted.\n\t /\n\t@Prop() name: string;\n\n\t/\n\t Used to include the ontario-hint-text component for the checkbox group.\n\t * This is optional.\n\t /\n\t@Prop({ mutable: true }) hintText?: string \| Hint;\n\n\t/\n\t Used to include the ontario-hint-expander component for the checkbox group.\n\t * This is passed in as an object with key-value pairs.\n\t \n\t This is optional.\n\t \n\t @example\n\t * <ontario-checkboxes\n\t * caption='{\n\t * \"captionText\": \"Checkbox legend\",\n\t * \"captionType\": \"heading\",\n\t * }\n\t * name='ontario-checkboxes'\n\t * options='[\n\t \t\t{\n\t \t\t\t\"value\": \"checkbox-option-1\",\n\t \t\t\t\"label\": \"Checkbox option 1 label\",\n\t \t\t\t\"elementId\": \"checkbox-1\"\n\t \t\t}\n\t }]'\n\t * hint-expander='{\n\t * \"hint\": \"Hint expander for the checkbox group\",\n\t * \"content\": \"Example hint expander content for the checkbox group\"\n\t * }'\n\t * required=\"true\"\n\t * >\n\t * </ontario-checkboxes>\n\t /\n\t@Prop() hintExpander?: HintExpander \| string;\n\n\t/\n\t The options for the checkbox group.\n\t \n\t Each property will be passed in through an object in the options array.\n\t * This can either be passed in as an object directly (if using react), or as a string in HTML.\n\t * If there are multiple checkboxes in a fieldset, each checkbox will be displayed as an option.\n\t \n\t In the example below, the options are being passed in as a string and there are two checkboxes to be displayed in the fieldset.\n\t \n\t @example\n\t * <ontario-checkboxes\n\t * caption='{\n\t \t\t\"captionText\": \"Checkbox legend\",\n\t \t\t\"captionType\": \"heading\",\n\t * }\n\t * name=\"ontario-checkboxes\",\n\t * hint-text=\"Hint text for the checkbox group.\"\n\t * options='[\n\t \t\t{\n\t \t\t\t\"value\": \"checkbox-option-1\",\n\t \t\t\t\"label\": \"Checkbox option 1 label\"\n\t \t\t\t\"elementId\": \"checkbox-1\"\n\t * },\n\t * {\n\t * \"value\": \"checkbox-option-2\",\n\t * \"label\": \"Checkbox option 2 label\",\n\t * \t\t \"elementId\": \"checkbox-2\",\n\t \t \"hintExpander\": {\n\t \t\t\t\t\"hint\": \"Hint expander for checkbox option 2\",\n\t * \"content\": \"Example hint expander content for checkbox option 2\"\n\t * }\n\t * }\n\t * ]'\n\t * required=\"true\"\n\t * >\n\t * </ontario-checkboxes>\n\t /\n\t@Prop() options: CheckboxOption[] \| string;\n\n\t/\n\t This is used to determine whether the checkbox is required or not.\n\t * This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label.\n\t * If no prop is set, it will default to false (optional).\n\t /\n\t@Prop() required?: boolean = false;\n\n\t/\n\t Set this to display an error message\n\t /\n\t@Prop({ mutable: true }) errorMessage?: string;\n\n\t/\n\t Used to add a custom function to the checkbox onChange event.\n\t /\n\t@Prop() customOnChange?: (event: globalThis.Event) => void;\n\n\t/\n\t Used to add a custom function to the checkbox onBlur event.\n\t /\n\t@Prop() customOnBlur?: (event: globalThis.Event) => void;\n\n\t/\n\t Used to add a custom function to the checkbox onFocus event.\n\t /\n\t@Prop() customOnFocus?: (event: globalThis.Event) => void;\n\n\t/\n\t Used for the `aria-describedby` value of the checkbox fieldset. This will match with the id of the hint text.\n\t /\n\t@State() hintTextId: string \| null \| undefined;\n\n\t/\n\t Instantiate an InputCaption object for internal logic use\n\t /\n\t@State() private captionState: InputCaption;\n\n\t/\n\t The hint text options are re-assigned to the internalHintText array.\n\t /\n\t@State() private internalHintText: Hint;\n\n\t/\n\t The hint expander options are re-assigned to the internalHintExpander array.\n\t /\n\t@State() private internalHintExpander: HintExpander;\n\n\t/\n\t The options are re-assigned to the internalOptions array.\n\t /\n\t@State() private internalOptions: CheckboxOption[];\n\n\t/\n\t Emitted when a keyboard input or mouse event occurs when a checkbox option has been changed.\n\t /\n\t@Event() checkboxOnChange: EventEmitter<RadioAndCheckboxChangeEvent>;\n\n\t/\n\t Emitted when a keyboard input event occurs when a checkbox option has lost focus.\n\t /\n\t@Event() checkboxOnBlur: EventEmitter<InputFocusBlurEvent>;\n\n\t/\n\t Emitted when a keyboard input event occurs when a checkbox option has gained focus.\n\t /\n\t@Event() checkboxOnFocus: EventEmitter<InputFocusBlurEvent>;\n\n\t/\n\t Emitted when an error message is reported to the component.\n\t /\n\t@Event() inputErrorOccurred: EventEmitter<{ errorMessage: string }>;\n\n\t/\n\t This listens for the `setAppLanguage` event sent from the test language toggler when it is is connected to the DOM. It is used for the initial language when the input component loads.\n\t /\n\t@Listen('setAppLanguage', { target: 'window' })\n\thandleSetAppLanguage(event: CustomEvent<Language>) {\n\t\tif (!this.language) {\n\t\t\tthis.language = validateLanguage(event);\n\t\t}\n\t}\n\n\t@Listen('headerLanguageToggled', { target: 'window' })\n\thandleHeaderLanguageToggled(event: CustomEvent<Language>) {\n\t\tthis.language = validateLanguage(event);\n\t}\n\n\t/\n\t Watch for changes to the `hintText` prop.\n\t \n\t If a `hintText` prop is passed, the `constructHintTextObject` function will convert it to the correct format, and set the result to the `internalHintText` state.\n\t /\n\t@Watch('hintText')\n\tprivate parseHintText() {\n\t\tif (this.hintText) {\n\t\t\tconst hintTextObject = constructHintTextObject(this.hintText);\n\t\t\tthis.internalHintText = hintTextObject;\n\t\t}\n\t}\n\n\t/\n\t Watch for changes to the `hintExpander` prop.\n\t \n\t If a `hintExpander` prop is passed, it will be parsed (if it is a string),\n\t * and the result will be set to the `internalHintExpander` state.\n\t * Includes error handling for invalid JSON strings.\n\t /\n\t@Watch('hintExpander')\n\tprivate parseHintExpander() {\n\t\tconst hintExpander = this.hintExpander;\n\n\t\tif (hintExpander) {\n\t\t\tif (typeof hintExpander === 'string') {\n\t\t\t\ttry {\n\t\t\t\t\tthis.internalHintExpander = JSON.parse(hintExpander);\n\t\t\t\t} catch {\n\t\t\t\t\tconst message = new ConsoleMessageClass();\n\t\t\t\t\tmessage\n\t\t\t\t\t\t.addDesignSystemTag()\n\t\t\t\t\t\t.addMonospaceText(' hintExpander ')\n\t\t\t\t\t\t.addRegularText('for')\n\t\t\t\t\t\t.addMonospaceText(' <ontario-checkboxes> ')\n\t\t\t\t\t\t.addRegularText('could not be parsed from a string. Please ensure it is valid JSON.')\n\t\t\t\t\t\t.printMessage();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.internalHintExpander = hintExpander;\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Watch for changes to the `options` prop.\n\t \n\t If an `options` prop is passed, it will be parsed (if it is a string), and the result will be set to the `internalOptions` state. The result will be run through a validation function.\n\t * Includes error handling for invalid JSON strings\n\t /\n\t@Watch('options')\n\tparseOptions() {\n\t\tif (typeof this.options !== 'undefined') {\n\t\t\ttry {\n\t\t\t\tthis.internalOptions = Array.isArray(this.options) ? this.options : JSON.parse(this.options);\n\t\t\t\tthis.validateOptions(this.internalOptions);\n\t\t\t} catch {\n\t\t\t\tconst message = new ConsoleMessageClass();\n\t\t\t\tmessage\n\t\t\t\t\t.addDesignSystemTag()\n\t\t\t\t\t.addMonospaceText(' options ')\n\t\t\t\t\t.addRegularText('for')\n\t\t\t\t\t.addMonospaceText(' <ontario-checkboxes> ')\n\t\t\t\t\t.addRegularText('could not be parsed. Please ensure it is valid JSON.')\n\t\t\t\t\t.printMessage();\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Validate the `options` and make sure the `options` prop has a value.\n\t * Log a warning if user doesn't input a value for the `options`.\n\t \n\t @param newValue object to be validated\n\t /\n\tvalidateOptions(newValue: object) {\n\t\tif (validateObjectExists(newValue)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' options ')\n\t\t\t\t.addRegularText('for')\n\t\t\t\t.addMonospaceText(' <ontario-checkboxes> ')\n\t\t\t\t.addRegularText('was not provided')\n\t\t\t\t.printMessage();\n\t\t}\n\t}\n\n\t/\n\t * Watch for changes in the `name` prop for validation purposes.\n\t \n\t Validate the `name` and make sure the `name` prop has a value.\n\t * Log a warning if user doesn't input a value for the `name`.\n\t /\n\t@Watch('name')\n\tvalidateName(newValue: string) {\n\t\tif (validatePropExists(newValue)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' name ')\n\t\t\t\t.addRegularText('for')\n\t\t\t\t.addMonospaceText(' <ontario-checkboxes> ')\n\t\t\t\t.addRegularText('was not provided')\n\t\t\t\t.printMessage();\n\t\t}\n\t}\n\n\t/\n\t Watch for changes to the `caption` prop.\n\t \n\t The caption will be run through the InputCaption constructor to convert it to the correct format, and set the result to the `captionState` state.\n\t * @param newValue: Caption \| string\n\t /\n\t@Watch('caption')\n\tupdateCaptionState(newValue: Caption \| string) {\n\t\tthis.captionState = new InputCaption(\n\t\t\tthis.element.tagName,\n\t\t\tnewValue,\n\t\t\ttranslations,\n\t\t\tthis.language,\n\t\t\ttrue,\n\t\t\tthis.required,\n\t\t);\n\t}\n\n\t/\n\t Watch for changes to the `language` prop to render either the English or French translations\n\t /\n\t@Watch('language')\n\tupdateLanguage() {\n\t\tthis.updateCaptionState(this.caption);\n\t}\n\n\t@Watch('errorMessage')\n\tbroadcastInputErrorOccurredEvent() {\n\t\t// Emit event to notify anyone who wants to listen for errors occurring\n\t\tthis.inputErrorOccurred.emit({ errorMessage: this.errorMessage ?? '' });\n\t}\n\n\t/\n\t Function to handle checkbox events and the information pertaining to the checkbox to emit.\n\t /\n\tprivate handleEvent(event: globalThis.Event, eventType: EventType) {\n\t\tconst input = event.target as HTMLInputElement \| null;\n\n\t\tif (input) {\n\t\t\tinput.checked = input.checked ?? '';\n\t\t}\n\n\t\t// Update internalOptions checked state\n\t\tconst changedOption = this.internalOptions.find((x) => x.value === input?.value);\n\t\tif (changedOption) changedOption.checked = !changedOption?.checked;\n\n\t\t// Set the value within the form\n\t\tthis.internals?.setFormValue?.(\n\t\t\tthis.internalOptions\n\t\t\t\t.filter((x) => !!x.checked)\n\t\t\t\t.reduce((formData, currentValue) => {\n\t\t\t\t\tformData.append(this.name, currentValue.value);\n\t\t\t\t\treturn formData;\n\t\t\t\t}, new FormData()),\n\t\t);\n\n\t\thandleInputEvent(\n\t\t\tevent,\n\t\t\teventType,\n\t\t\tinput,\n\t\t\tthis.checkboxOnChange,\n\t\t\tthis.checkboxOnFocus,\n\t\t\tthis.checkboxOnBlur,\n\t\t\tundefined,\n\t\t\t'checkbox',\n\t\t\tthis.customOnChange,\n\t\t\tthis.customOnFocus,\n\t\t\tthis.customOnBlur,\n\t\t\tundefined,\n\t\t\tthis.element,\n\t\t);\n\t}\n\t/\n\t If a `hintText` prop is passed, the id generated from it will be set to the internal `hintTextId` state to match with the fieldset `aria-describedBy` attribute.\n\t */\n\tasync componentDidLoad() {\n\t\tthis.hintTextId = await this.hintTextRef?.getHintTextId();\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.updateCaptionState(this.caption);\n\t\tthis.parseOptions();\n\t\tthis.parseHintExpander();\n\t\tthis.parseHintText();\n\t\tthis.validateName(this.name);\n\t\tthis.language = validateLanguage(this.language);\n\t}\n\n\trender() {\n\t\tconst error = !!this.errorMessage;\n\t\treturn (\n\t\t\t<div class={`ontario-form-group ${error ? 'ontario-input--error' : ''}`}>\n\t\t\t\t<fieldset class=\"ontario-fieldset\" aria-describedby={this.hintTextId}>\n\t\t\t\t\t{this.captionState.getCaption(undefined, !!this.internalHintExpander)}\n\t\t\t\t\t{this.internalHintText && (\n\t\t\t\t\t\t<ontario-hint-text\n\t\t\t\t\t\t\thint={this.internalHintText.hint}\n\t\t\t\t\t\t\thintContentType={this.internalHintText.hintContentType}\n\t\t\t\t\t\t\tref={(el) => (this.hintTextRef = el)}\n\t\t\t\t\t\t></ontario-hint-text>\n\t\t\t\t\t)}\n\t\t\t\t\t<ErrorMessage message={this.errorMessage} error={error} />\n\t\t\t\t\t<div class=\"ontario-checkboxes\">\n\t\t\t\t\t\t{this.internalOptions?.map((checkbox) => (\n\t\t\t\t\t\t\t<div class=\"ontario-checkboxes__item\">\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tclassName=\"ontario-checkboxes__input\"\n\t\t\t\t\t\t\t\t\tid={checkbox.elementId}\n\t\t\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\tvalue={checkbox.value}\n\t\t\t\t\t\t\t\t\trequired={!!this.required}\n\t\t\t\t\t\t\t\t\tchecked={!!checkbox.checked}\n\t\t\t\t\t\t\t\t\tonChange={(e) => this.handleEvent(e, EventType.Change)}\n\t\t\t\t\t\t\t\t\tonBlur={(e) => this.handleEvent(e, EventType.Blur)}\n\t\t\t\t\t\t\t\t\tonFocus={(e) => this.handleEvent(e, EventType.Focus)}\n\t\t\t\t\t\t\t\t></Input>\n\t\t\t\t\t\t\t\t<label class=\"ontario-checkboxes__label\" htmlFor={checkbox.elementId}>\n\t\t\t\t\t\t\t\t\t{checkbox.label}\n\t\t\t\t\t\t\t\t\t{checkbox.hintExpander && this.captionState.getHintExpanderAccessibilityText(checkbox.label, true)}\n\t\t\t\t\t\t\t\t</label>\n\n\t\t\t\t\t\t\t\t{checkbox.hintExpander && (\n\t\t\t\t\t\t\t\t\t<div class=\"ontario-checkboxes__hint-expander\">\n\t\t\t\t\t\t\t\t\t\t<ontario-hint-expander\n\t\t\t\t\t\t\t\t\t\t\thint={checkbox.hintExpander.hint}\n\t\t\t\t\t\t\t\t\t\t\tcontent={checkbox.hintExpander.content}\n\t\t\t\t\t\t\t\t\t\t\thintContentType={checkbox.hintExpander.hintContentType}\n\t\t\t\t\t\t\t\t\t\t\tinput-exists\n\t\t\t\t\t\t\t\t\t\t></ontario-hint-expander>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t{this.internalHintExpander && (\n\t\t\t\t\t\t\t<div class=\"ontario-checkboxes__hint-expander\">\n\t\t\t\t\t\t\t\t<ontario-hint-expander\n\t\t\t\t\t\t\t\t\thint={this.internalHintExpander.hint}\n\t\t\t\t\t\t\t\t\tcontent={this.internalHintExpander.content}\n\t\t\t\t\t\t\t\t\thintContentType={this.internalHintExpander.hintContentType}\n\t\t\t\t\t\t\t\t\tinput-exists\n\t\t\t\t\t\t\t\t></ontario-hint-expander>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"ontario-checkboxes.js","sourceRoot":"","sources":["../../../src/components/ontario-checkbox/ontario-checkboxes.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, Event, EventEmitter, Listen, State, Watch, AttachInternals } from '@stencil/core';\n\nimport { Input } from '../../utils/common/input/input';\nimport { CheckboxOption } from './checkbox-option.interface';\nimport { Checkboxes } from './checkboxes.interface';\nimport { HintExpander } from '../ontario-hint-expander/hint-expander.interface';\n\nimport { Hint } from '../../utils/common/common.interface';\nimport { InputCaption } from '../../utils/common/input-caption/input-caption';\nimport { Caption } from '../../utils/common/input-caption/caption.interface';\nimport {\n\tvalidateObjectExists,\n\tvalidatePropExists,\n\tvalidateLanguage,\n} from '../../utils/validation/validation-functions';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\nimport { Language } from '../../utils/common/language-types';\nimport { constructHintTextObject } from '../../utils/components/hints/hints';\nimport {\n\tInputFocusBlurEvent,\n\tRadioAndCheckboxChangeEvent,\n\tEventType,\n} from '../../utils/events/event-handler.interface';\nimport { handleInputEvent } from '../../utils/events/event-handler';\n\nimport { default as translations } from '../../translations/global.i18n.json';\nimport { ErrorMessage } from '../../utils/components/error-message/error-message';\nimport { HeaderLanguageToggleEventDetails } from '../../utils/events/common-events.interface';\n\n@Component({\n\ttag: 'ontario-checkboxes',\n\tstyleUrl: 'ontario-checkboxes.scss',\n\tshadow: true,\n\tformAssociated: true,\n})\nexport class OntarioCheckboxes implements Checkboxes {\n\t@Element() element: HTMLElement;\n\t@AttachInternals() internals: ElementInternals;\n\n\thintTextRef: HTMLOntarioHintTextElement \| undefined;\n\n\t/*\n\t The text to display for the checkbox legend.\n\t \n\t @example\n\t * <ontario-checkboxes\n\t * caption='{\n\t * \"captionText\": \"Checkbox legend\",\n\t * \"captionType\": \"heading\",\n\t * }\n\t * ...>\n\t * </ontario-checkboxes>\n\t /\n\t@Prop() caption: Caption \| string;\n\n\t/\n\t The language of the component.\n\t * This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.\n\t /\n\t@Prop({ mutable: true }) language?: Language;\n\n\t/\n\t The name for the checkboxes. The name value is used to reference form data after a form is submitted.\n\t /\n\t@Prop() name: string;\n\n\t/\n\t Used to include the ontario-hint-text component for the checkbox group.\n\t * This is optional.\n\t /\n\t@Prop({ mutable: true }) hintText?: string \| Hint;\n\n\t/\n\t Used to include the ontario-hint-expander component for the checkbox group.\n\t * This is passed in as an object with key-value pairs.\n\t \n\t This is optional.\n\t \n\t @example\n\t * <ontario-checkboxes\n\t * caption='{\n\t * \"captionText\": \"Checkbox legend\",\n\t * \"captionType\": \"heading\",\n\t * }\n\t * name='ontario-checkboxes'\n\t * options='[\n\t \t\t{\n\t \t\t\t\"value\": \"checkbox-option-1\",\n\t \t\t\t\"label\": \"Checkbox option 1 label\",\n\t \t\t\t\"elementId\": \"checkbox-1\"\n\t \t\t}\n\t }]'\n\t * hint-expander='{\n\t * \"hint\": \"Hint expander for the checkbox group\",\n\t * \"content\": \"Example hint expander content for the checkbox group\"\n\t * }'\n\t * required=\"true\"\n\t * >\n\t * </ontario-checkboxes>\n\t /\n\t@Prop() hintExpander?: HintExpander \| string;\n\n\t/\n\t The options for the checkbox group.\n\t \n\t Each property will be passed in through an object in the options array.\n\t * This can either be passed in as an object directly (if using react), or as a string in HTML.\n\t * If there are multiple checkboxes in a fieldset, each checkbox will be displayed as an option.\n\t \n\t In the example below, the options are being passed in as a string and there are two checkboxes to be displayed in the fieldset.\n\t \n\t @example\n\t * <ontario-checkboxes\n\t * caption='{\n\t \t\t\"captionText\": \"Checkbox legend\",\n\t \t\t\"captionType\": \"heading\",\n\t * }\n\t * name=\"ontario-checkboxes\",\n\t * hint-text=\"Hint text for the checkbox group.\"\n\t * options='[\n\t \t\t{\n\t \t\t\t\"value\": \"checkbox-option-1\",\n\t \t\t\t\"label\": \"Checkbox option 1 label\"\n\t \t\t\t\"elementId\": \"checkbox-1\"\n\t * },\n\t * {\n\t * \"value\": \"checkbox-option-2\",\n\t * \"label\": \"Checkbox option 2 label\",\n\t * \t\t \"elementId\": \"checkbox-2\",\n\t \t \"hintExpander\": {\n\t \t\t\t\t\"hint\": \"Hint expander for checkbox option 2\",\n\t * \"content\": \"Example hint expander content for checkbox option 2\"\n\t * }\n\t * }\n\t * ]'\n\t * required=\"true\"\n\t * >\n\t * </ontario-checkboxes>\n\t /\n\t@Prop() options: CheckboxOption[] \| string;\n\n\t/\n\t This is used to determine whether the checkbox is required or not.\n\t * This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label.\n\t * If no prop is set, it will default to false (optional).\n\t /\n\t@Prop() required?: boolean = false;\n\n\t/\n\t Set this to display an error message\n\t /\n\t@Prop({ mutable: true }) errorMessage?: string;\n\n\t/\n\t Used to add a custom function to the checkbox onChange event.\n\t /\n\t@Prop() customOnChange?: (event: globalThis.Event) => void;\n\n\t/\n\t Used to add a custom function to the checkbox onBlur event.\n\t /\n\t@Prop() customOnBlur?: (event: globalThis.Event) => void;\n\n\t/\n\t Used to add a custom function to the checkbox onFocus event.\n\t /\n\t@Prop() customOnFocus?: (event: globalThis.Event) => void;\n\n\t/\n\t Used for the `aria-describedby` value of the checkbox fieldset. This will match with the id of the hint text.\n\t /\n\t@State() hintTextId: string \| null \| undefined;\n\n\t/\n\t Instantiate an InputCaption object for internal logic use\n\t /\n\t@State() private captionState: InputCaption;\n\n\t/\n\t The hint text options are re-assigned to the internalHintText array.\n\t /\n\t@State() private internalHintText: Hint;\n\n\t/\n\t The hint expander options are re-assigned to the internalHintExpander array.\n\t /\n\t@State() private internalHintExpander: HintExpander;\n\n\t/\n\t The options are re-assigned to the internalOptions array.\n\t /\n\t@State() private internalOptions: CheckboxOption[];\n\n\t/\n\t Emitted when a keyboard input or mouse event occurs when a checkbox option has been changed.\n\t /\n\t@Event() checkboxOnChange: EventEmitter<RadioAndCheckboxChangeEvent>;\n\n\t/\n\t Emitted when a keyboard input event occurs when a checkbox option has lost focus.\n\t /\n\t@Event() checkboxOnBlur: EventEmitter<InputFocusBlurEvent>;\n\n\t/\n\t Emitted when a keyboard input event occurs when a checkbox option has gained focus.\n\t /\n\t@Event() checkboxOnFocus: EventEmitter<InputFocusBlurEvent>;\n\n\t/\n\t Emitted when an error message is reported to the component.\n\t /\n\t@Event() inputErrorOccurred: EventEmitter<{ errorMessage: string }>;\n\n\t/\n\t This listens for the `setAppLanguage` event sent from the test language toggler when it is is connected to the DOM. It is used for the initial language when the input component loads.\n\t /\n\t@Listen('setAppLanguage', { target: 'window' })\n\thandleSetAppLanguage(event: CustomEvent<Language>) {\n\t\tif (!this.language) {\n\t\t\tthis.language = validateLanguage(event);\n\t\t}\n\t}\n\n\t/\n\t Handles an update to the language should the user request a language update from the language toggle.\n\t * @param {CustomEvent} - The language that has been selected.\n\t /\n\t@Listen('headerLanguageToggled', { target: 'window' })\n\thandleHeaderLanguageToggled(event: CustomEvent<HeaderLanguageToggleEventDetails>) {\n\t\tthis.language = validateLanguage(event.detail.newLanguage);\n\t}\n\n\t/\n\t Watch for changes to the `hintText` prop.\n\t \n\t If a `hintText` prop is passed, the `constructHintTextObject` function will convert it to the correct format, and set the result to the `internalHintText` state.\n\t /\n\t@Watch('hintText')\n\tprivate parseHintText() {\n\t\tif (this.hintText) {\n\t\t\tconst hintTextObject = constructHintTextObject(this.hintText);\n\t\t\tthis.internalHintText = hintTextObject;\n\t\t}\n\t}\n\n\t/\n\t Watch for changes to the `hintExpander` prop.\n\t \n\t If a `hintExpander` prop is passed, it will be parsed (if it is a string),\n\t * and the result will be set to the `internalHintExpander` state.\n\t * Includes error handling for invalid JSON strings.\n\t /\n\t@Watch('hintExpander')\n\tprivate parseHintExpander() {\n\t\tconst hintExpander = this.hintExpander;\n\n\t\tif (hintExpander) {\n\t\t\tif (typeof hintExpander === 'string') {\n\t\t\t\ttry {\n\t\t\t\t\tthis.internalHintExpander = JSON.parse(hintExpander);\n\t\t\t\t} catch {\n\t\t\t\t\tconst message = new ConsoleMessageClass();\n\t\t\t\t\tmessage\n\t\t\t\t\t\t.addDesignSystemTag()\n\t\t\t\t\t\t.addMonospaceText(' hintExpander ')\n\t\t\t\t\t\t.addRegularText('for')\n\t\t\t\t\t\t.addMonospaceText(' <ontario-checkboxes> ')\n\t\t\t\t\t\t.addRegularText('could not be parsed from a string. Please ensure it is valid JSON.')\n\t\t\t\t\t\t.printMessage();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.internalHintExpander = hintExpander;\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Watch for changes to the `options` prop.\n\t \n\t If an `options` prop is passed, it will be parsed (if it is a string), and the result will be set to the `internalOptions` state. The result will be run through a validation function.\n\t * Includes error handling for invalid JSON strings\n\t /\n\t@Watch('options')\n\tparseOptions() {\n\t\tif (typeof this.options !== 'undefined') {\n\t\t\ttry {\n\t\t\t\tthis.internalOptions = Array.isArray(this.options) ? this.options : JSON.parse(this.options);\n\t\t\t\tthis.validateOptions(this.internalOptions);\n\t\t\t} catch {\n\t\t\t\tconst message = new ConsoleMessageClass();\n\t\t\t\tmessage\n\t\t\t\t\t.addDesignSystemTag()\n\t\t\t\t\t.addMonospaceText(' options ')\n\t\t\t\t\t.addRegularText('for')\n\t\t\t\t\t.addMonospaceText(' <ontario-checkboxes> ')\n\t\t\t\t\t.addRegularText('could not be parsed. Please ensure it is valid JSON.')\n\t\t\t\t\t.printMessage();\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Validate the `options` and make sure the `options` prop has a value.\n\t * Log a warning if user doesn't input a value for the `options`.\n\t \n\t @param newValue object to be validated\n\t /\n\tvalidateOptions(newValue: object) {\n\t\tif (validateObjectExists(newValue)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' options ')\n\t\t\t\t.addRegularText('for')\n\t\t\t\t.addMonospaceText(' <ontario-checkboxes> ')\n\t\t\t\t.addRegularText('was not provided')\n\t\t\t\t.printMessage();\n\t\t}\n\t}\n\n\t/\n\t * Watch for changes in the `name` prop for validation purposes.\n\t \n\t Validate the `name` and make sure the `name` prop has a value.\n\t * Log a warning if user doesn't input a value for the `name`.\n\t /\n\t@Watch('name')\n\tvalidateName(newValue: string) {\n\t\tif (validatePropExists(newValue)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' name ')\n\t\t\t\t.addRegularText('for')\n\t\t\t\t.addMonospaceText(' <ontario-checkboxes> ')\n\t\t\t\t.addRegularText('was not provided')\n\t\t\t\t.printMessage();\n\t\t}\n\t}\n\n\t/\n\t Watch for changes to the `caption` prop.\n\t \n\t The caption will be run through the InputCaption constructor to convert it to the correct format, and set the result to the `captionState` state.\n\t * @param newValue: Caption \| string\n\t /\n\t@Watch('caption')\n\tupdateCaptionState(newValue: Caption \| string) {\n\t\tthis.captionState = new InputCaption(\n\t\t\tthis.element.tagName,\n\t\t\tnewValue,\n\t\t\ttranslations,\n\t\t\tthis.language,\n\t\t\ttrue,\n\t\t\tthis.required,\n\t\t);\n\t}\n\n\t/\n\t Watch for changes to the `language` prop to render either the English or French translations\n\t /\n\t@Watch('language')\n\tupdateLanguage() {\n\t\tthis.updateCaptionState(this.caption);\n\t}\n\n\t@Watch('errorMessage')\n\tbroadcastInputErrorOccurredEvent() {\n\t\t// Emit event to notify anyone who wants to listen for errors occurring\n\t\tthis.inputErrorOccurred.emit({ errorMessage: this.errorMessage ?? '' });\n\t}\n\n\t/\n\t Function to handle checkbox events and the information pertaining to the checkbox to emit.\n\t /\n\tprivate handleEvent(event: globalThis.Event, eventType: EventType) {\n\t\tconst input = event.target as HTMLInputElement \| null;\n\n\t\tif (input) {\n\t\t\tinput.checked = input.checked ?? '';\n\t\t}\n\n\t\t// Update internalOptions checked state\n\t\tconst changedOption = this.internalOptions.find((x) => x.value === input?.value);\n\t\tif (changedOption) changedOption.checked = !changedOption?.checked;\n\n\t\t// Set the value within the form\n\t\tthis.internals?.setFormValue?.(\n\t\t\tthis.internalOptions\n\t\t\t\t.filter((x) => !!x.checked)\n\t\t\t\t.reduce((formData, currentValue) => {\n\t\t\t\t\tformData.append(this.name, currentValue.value);\n\t\t\t\t\treturn formData;\n\t\t\t\t}, new FormData()),\n\t\t);\n\n\t\thandleInputEvent(\n\t\t\tevent,\n\t\t\teventType,\n\t\t\tinput,\n\t\t\tthis.checkboxOnChange,\n\t\t\tthis.checkboxOnFocus,\n\t\t\tthis.checkboxOnBlur,\n\t\t\tundefined,\n\t\t\t'checkbox',\n\t\t\tthis.customOnChange,\n\t\t\tthis.customOnFocus,\n\t\t\tthis.customOnBlur,\n\t\t\tundefined,\n\t\t\tthis.element,\n\t\t);\n\t}\n\t/\n\t If a `hintText` prop is passed, the id generated from it will be set to the internal `hintTextId` state to match with the fieldset `aria-describedBy` attribute.\n\t */\n\tasync componentDidLoad() {\n\t\tthis.hintTextId = await this.hintTextRef?.getHintTextId();\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.updateCaptionState(this.caption);\n\t\tthis.parseOptions();\n\t\tthis.parseHintExpander();\n\t\tthis.parseHintText();\n\t\tthis.validateName(this.name);\n\t\tthis.language = validateLanguage(this.language);\n\t}\n\n\trender() {\n\t\tconst error = !!this.errorMessage;\n\t\treturn (\n\t\t\t<div class={error ? 'ontario-input--error' : ''}>\n\t\t\t\t<fieldset class=\"ontario-fieldset\" aria-describedby={this.hintTextId}>\n\t\t\t\t\t{this.captionState.getCaption(undefined, !!this.internalHintExpander)}\n\t\t\t\t\t{this.internalHintText && (\n\t\t\t\t\t\t<ontario-hint-text\n\t\t\t\t\t\t\thint={this.internalHintText.hint}\n\t\t\t\t\t\t\thintContentType={this.internalHintText.hintContentType}\n\t\t\t\t\t\t\tref={(el) => (this.hintTextRef = el)}\n\t\t\t\t\t\t></ontario-hint-text>\n\t\t\t\t\t)}\n\t\t\t\t\t<ErrorMessage message={this.errorMessage} error={error} />\n\t\t\t\t\t<div class=\"ontario-checkboxes\">\n\t\t\t\t\t\t{this.internalOptions?.map((checkbox) => (\n\t\t\t\t\t\t\t<div class=\"ontario-checkboxes__item\">\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tclassName=\"ontario-checkboxes__input\"\n\t\t\t\t\t\t\t\t\tid={checkbox.elementId}\n\t\t\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\tvalue={checkbox.value}\n\t\t\t\t\t\t\t\t\trequired={!!this.required}\n\t\t\t\t\t\t\t\t\tchecked={!!checkbox.checked}\n\t\t\t\t\t\t\t\t\tonChange={(e) => this.handleEvent(e, EventType.Change)}\n\t\t\t\t\t\t\t\t\tonBlur={(e) => this.handleEvent(e, EventType.Blur)}\n\t\t\t\t\t\t\t\t\tonFocus={(e) => this.handleEvent(e, EventType.Focus)}\n\t\t\t\t\t\t\t\t></Input>\n\t\t\t\t\t\t\t\t<label class=\"ontario-checkboxes__label\" htmlFor={checkbox.elementId}>\n\t\t\t\t\t\t\t\t\t{checkbox.label}\n\t\t\t\t\t\t\t\t\t{checkbox.hintExpander && this.captionState.getHintExpanderAccessibilityText(checkbox.label, true)}\n\t\t\t\t\t\t\t\t</label>\n\n\t\t\t\t\t\t\t\t{checkbox.hintExpander && (\n\t\t\t\t\t\t\t\t\t<div class=\"ontario-checkboxes__hint-expander\">\n\t\t\t\t\t\t\t\t\t\t<ontario-hint-expander\n\t\t\t\t\t\t\t\t\t\t\thint={checkbox.hintExpander.hint}\n\t\t\t\t\t\t\t\t\t\t\tcontent={checkbox.hintExpander.content}\n\t\t\t\t\t\t\t\t\t\t\thintContentType={checkbox.hintExpander.hintContentType}\n\t\t\t\t\t\t\t\t\t\t\tinput-exists\n\t\t\t\t\t\t\t\t\t\t></ontario-hint-expander>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t{this.internalHintExpander && (\n\t\t\t\t\t\t\t<div class=\"ontario-checkboxes__hint-expander\">\n\t\t\t\t\t\t\t\t<ontario-hint-expander\n\t\t\t\t\t\t\t\t\thint={this.internalHintExpander.hint}\n\t\t\t\t\t\t\t\t\tcontent={this.internalHintExpander.content}\n\t\t\t\t\t\t\t\t\thintContentType={this.internalHintExpander.hintContentType}\n\t\t\t\t\t\t\t\t\tinput-exists\n\t\t\t\t\t\t\t\t></ontario-hint-expander>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/ontario-critical-alert/ontario-critical-alert.css CHANGED Viewed

@@ -1526,7 +1526,7 @@
 }
 .ontario-critical-alert a {
-	color: #1a1a1a;
+	color: rgb(25.5, 25.5, 25.5);
 	font-weight: 700;
 }
 .ontario-critical-alert a:hover,
@@ -1534,11 +1534,11 @@
 	text-decoration: none;
 }
 .ontario-critical-alert a:visited {
-	color: #1a1a1a;
+	color: rgb(25.5, 25.5, 25.5);
 }
 .ontario-critical-alert ::slotted(a) {
-	color: #1a1a1a !important;
+	color: rgb(25.5, 25.5, 25.5) !important;
 	font-weight: 700;
 }
@@ -1548,5 +1548,5 @@
 }
 .ontario-critical-alert ::slotted(a:visited) {
-	color: #1a1a1a;
+	color: rgb(25.5, 25.5, 25.5);
 }

package/dist/collection/components/ontario-critical-alert/ontario-critical-alert.js CHANGED Viewed

@@ -40,20 +40,21 @@ export class OntarioCriticalAlert {
 	render() {
 		return h(
 			'div',
-			{ key: 'fdc47fffa03720974a611e4d51c551965e1ebc07', class: 'ontario-critical-alert' },
+			{ key: 'af620f29674083168ce710b596076572ab8cca65', class: 'ontario-critical-alert' },
 			h(
 				'div',
-				{ key: 'e1eaea64daee0f326cb30ae99938cfd06bbcb8a6', class: 'ontario-row' },
+				{ key: 'ba9bd3ae22d157a9b3edd5f0fc8b3f25c110d58d', class: 'ontario-row' },
 				h(
 					'div',
-					{ key: 'e79b2e98de087c4f89cbb9671c7094a9514a0e9b', class: 'ontario-column ontario-small-12' },
+					{ key: '23aad4a03b9c23695d19a54f1d85847479d2aae6', class: 'ontario-column ontario-small-12' },
 					h(
 						'div',
-						{ key: 'a896206a640e3f5dc57a385571c0a238ef00abd9', class: 'ontario-critical-alert__body' },
+						{ key: 'e495d61f7041e8c0e8f92bc68cb76bde0221e158', class: 'ontario-critical-alert__body' },
 						h('div', {
-							key: 'dbb7e73c9b3adf780ecb8cc502463d0e5021e091',
-							class: 'ontario-critical-alert__icon',
-							innerHTML: OntarioIconCriticalAlertWarning,
+							'key': '12b72c84e92b098e77540279232e518448e389b0',
+							'class': 'ontario-critical-alert__icon',
+							'innerHTML': OntarioIconCriticalAlertWarning,
+							'aria-hidden': 'true',
 						}),
 						this.renderContent(),
 					),

package/dist/collection/components/ontario-critical-alert/ontario-critical-alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ontario-critical-alert.js","sourceRoot":"","sources":["../../../src/components/ontario-critical-alert/ontario-critical-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,+BAA+B,MAAM,gEAAgE,CAAC;AAE7G,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAOlF,MAAM,OAAO,oBAAoB;IAiBhC;;;;;;OAMG;IAEH,4BAA4B,CAAC,QAA8B;QAC1D,8DAA8D;QAC9D,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAC5B,IAAI,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAClC;;mBAEG;gBACH,MAAM,OAAO,GAAG,IAAI,mBAAmB,EAAE,CAAC;gBAC1C,OAAO;qBACL,kBAAkB,EAAE;qBACpB,gBAAgB,CAAC,WAAW,CAAC;qBAC7B,cAAc,CAAC,KAAK,CAAC;qBACrB,gBAAgB,CAAC,4BAA4B,CAAC;qBAC9C,cAAc,CAAC,mBAAmB,CAAC;qBACnC,YAAY,EAAE,CAAC;YAClB,CAAC;QACF,CAAC;IACF,CAAC;IAEO,aAAa;QACpB,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YACtC,OAAO,aAAI,IAAI,CAAC,OAAO,CAAK,CAAC;QAC9B,CAAC;QAED,OAAO,eAAQ,CAAC;IACjB,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAC,wBAAwB;YAClC,4DAAK,KAAK,EAAC,aAAa;gBACvB,4DAAK,KAAK,EAAC,iCAAiC;oBAC3C,4DAAK,KAAK,EAAC,8BAA8B;wBACxC,~~4DAAK~~,KAAK,EAAC,8BAA8B,~~EAAC~~,SAAS,EAAE,+BAA+B,~~GAAQ~~;~~wBAC3F~~,IAAI,CAAC,aAAa,EAAE,CAChB,CACD,CACD,CACD,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop, Watch, Element } from '@stencil/core';\n\nimport { CriticalAlert } from './ontario-critical-alert.interface';\nimport OntarioIconCriticalAlertWarning from '../ontario-icon/assets/ontario-icon-critical-alert-warning.svg';\n\nimport { validatePropExists } from '../../utils/validation/validation-functions';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\n\n@Component({\n\ttag: 'ontario-critical-alert',\n\tstyleUrl: 'ontario-critical-alert.scss',\n\tshadow: true,\n})\nexport class OntarioCriticalAlert implements CriticalAlert {\n\t@Element() host: HTMLElement;\n\n\t/*\n\t Content for critical alert message. It can be either string or HTML content. The content is already wrapped in a paragraph tag, so if using HTML content, the paragraph tag can be ommitted.\n\t \n\t @example\n\t * <ontario-critical-alert content=\"COVID-19 State of emergency extended until May 12, 2020.\"></ontario-critical-alert>\n\t \n\t or\n\t \n\t <ontario-critical-alert>\n\t * <a href=\"#\">COVID-19 State of emergency</a> extended until May 12, 2020.\n\t * </ontario-critical-alert>\n\t /\n\t@Prop() content: string \| HTMLElement;\n\n\t/\n\t Watch for changes to the `content` prop value.\n\t \n\t If no `content` prop was passed, or no host element textContent exists, a warning message will be printed.\n\t \n\t @param newValue string \| HTMLElement\n\t /\n\t@Watch('content')\n\tvalidateCriticalAlertContent(newValue: string \| HTMLElement) {\n\t\t// if no slot is passed, run the `validatePropExists` function\n\t\tif (!this.host.textContent) {\n\t\t\tif (validatePropExists(newValue)) {\n\t\t\t\t/\n\t\t\t\t Print the quote warning message\n\t\t\t\t */\n\t\t\t\tconst message = new ConsoleMessageClass();\n\t\t\t\tmessage\n\t\t\t\t\t.addDesignSystemTag()\n\t\t\t\t\t.addMonospaceText(' content ')\n\t\t\t\t\t.addRegularText('for')\n\t\t\t\t\t.addMonospaceText(' <ontario-critical-alert> ')\n\t\t\t\t\t.addRegularText('was not provided.')\n\t\t\t\t\t.printMessage();\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate renderContent() {\n\t\tif (typeof this.content === 'string') {\n\t\t\treturn <p>{this.content}</p>;\n\t\t}\n\n\t\treturn <slot />;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateCriticalAlertContent(this.content);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div class=\"ontario-critical-alert\">\n\t\t\t\t<div class=\"ontario-row\">\n\t\t\t\t\t<div class=\"ontario-column ontario-small-12\">\n\t\t\t\t\t\t<div class=\"ontario-critical-alert__body\">\n\t\t\t\t\t\t\t<div ~~class~~=\"ontario-critical-alert__icon\" ~~innerHTML~~={OntarioIconCriticalAlertWarning}></div>\n\t\t\t\t\t\t\t{this.renderContent()}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"ontario-critical-alert.js","sourceRoot":"","sources":["../../../src/components/ontario-critical-alert/ontario-critical-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,+BAA+B,MAAM,gEAAgE,CAAC;AAE7G,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAOlF,MAAM,OAAO,oBAAoB;IAiBhC;;;;;;OAMG;IAEH,4BAA4B,CAAC,QAA8B;QAC1D,8DAA8D;QAC9D,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAC5B,IAAI,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAClC;;mBAEG;gBACH,MAAM,OAAO,GAAG,IAAI,mBAAmB,EAAE,CAAC;gBAC1C,OAAO;qBACL,kBAAkB,EAAE;qBACpB,gBAAgB,CAAC,WAAW,CAAC;qBAC7B,cAAc,CAAC,KAAK,CAAC;qBACrB,gBAAgB,CAAC,4BAA4B,CAAC;qBAC9C,cAAc,CAAC,mBAAmB,CAAC;qBACnC,YAAY,EAAE,CAAC;YAClB,CAAC;QACF,CAAC;IACF,CAAC;IAEO,aAAa;QACpB,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YACtC,OAAO,aAAI,IAAI,CAAC,OAAO,CAAK,CAAC;QAC9B,CAAC;QAED,OAAO,eAAQ,CAAC;IACjB,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAC,wBAAwB;YAClC,4DAAK,KAAK,EAAC,aAAa;gBACvB,4DAAK,KAAK,EAAC,iCAAiC;oBAC3C,4DAAK,KAAK,EAAC,8BAA8B;wBACxC,4DACC,KAAK,EAAC,8BAA8B,EACpC,SAAS,EAAE,+BAA+B,iBAC9B,MAAM,GACZ;wBACN,IAAI,CAAC,aAAa,EAAE,CAChB,CACD,CACD,CACD,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop, Watch, Element } from '@stencil/core';\n\nimport { CriticalAlert } from './ontario-critical-alert.interface';\nimport OntarioIconCriticalAlertWarning from '../ontario-icon/assets/ontario-icon-critical-alert-warning.svg';\n\nimport { validatePropExists } from '../../utils/validation/validation-functions';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\n\n@Component({\n\ttag: 'ontario-critical-alert',\n\tstyleUrl: 'ontario-critical-alert.scss',\n\tshadow: true,\n})\nexport class OntarioCriticalAlert implements CriticalAlert {\n\t@Element() host: HTMLElement;\n\n\t/*\n\t Content for critical alert message. It can be either string or HTML content. The content is already wrapped in a paragraph tag, so if using HTML content, the paragraph tag can be ommitted.\n\t \n\t @example\n\t * <ontario-critical-alert content=\"COVID-19 State of emergency extended until May 12, 2020.\"></ontario-critical-alert>\n\t \n\t or\n\t \n\t <ontario-critical-alert>\n\t * <a href=\"#\">COVID-19 State of emergency</a> extended until May 12, 2020.\n\t * </ontario-critical-alert>\n\t /\n\t@Prop() content: string \| HTMLElement;\n\n\t/\n\t Watch for changes to the `content` prop value.\n\t \n\t If no `content` prop was passed, or no host element textContent exists, a warning message will be printed.\n\t \n\t @param newValue string \| HTMLElement\n\t /\n\t@Watch('content')\n\tvalidateCriticalAlertContent(newValue: string \| HTMLElement) {\n\t\t// if no slot is passed, run the `validatePropExists` function\n\t\tif (!this.host.textContent) {\n\t\t\tif (validatePropExists(newValue)) {\n\t\t\t\t/\n\t\t\t\t Print the quote warning message\n\t\t\t\t */\n\t\t\t\tconst message = new ConsoleMessageClass();\n\t\t\t\tmessage\n\t\t\t\t\t.addDesignSystemTag()\n\t\t\t\t\t.addMonospaceText(' content ')\n\t\t\t\t\t.addRegularText('for')\n\t\t\t\t\t.addMonospaceText(' <ontario-critical-alert> ')\n\t\t\t\t\t.addRegularText('was not provided.')\n\t\t\t\t\t.printMessage();\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate renderContent() {\n\t\tif (typeof this.content === 'string') {\n\t\t\treturn <p>{this.content}</p>;\n\t\t}\n\n\t\treturn <slot />;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateCriticalAlertContent(this.content);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div class=\"ontario-critical-alert\">\n\t\t\t\t<div class=\"ontario-row\">\n\t\t\t\t\t<div class=\"ontario-column ontario-small-12\">\n\t\t\t\t\t\t<div class=\"ontario-critical-alert__body\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"ontario-critical-alert__icon\"\n\t\t\t\t\t\t\t\tinnerHTML={OntarioIconCriticalAlertWarning}\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t{this.renderContent()}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/ontario-date-input/ontario-date-input.css CHANGED Viewed

@@ -36,7 +36,8 @@
 /* -------------------------------
     Global font variables
 --------------------------------- */
-/*** 1 - Breakpoint sizes for media queries ***/ /* -------------------------------
+/*** 1 - Breakpoint sizes for media queries ***/
+/* -------------------------------
     Global letter-spacing variables
 --------------------------------- */
 /* Rem calc function */
@@ -210,7 +211,7 @@ body {
 	font-size: 1rem;
 	line-height: 1.6;
 	background-color: #ffffff;
-	color: #1a1a1a;
+	color: rgb(25.5, 25.5, 25.5);
 	margin: 0;
 }
@@ -255,7 +256,7 @@ hr {
 /* Horizontal Rule */
 hr.ontario-hr--dark {
-	border-bottom: 4px solid #1a1a1a;
+	border-bottom: 4px solid rgb(25.5, 25.5, 25.5);
 }
 a {
@@ -422,16 +423,123 @@ p + ol {
 		margin: 0.5rem 0 0.5rem 2.75rem;
 	}
 }
-.ontario-form-group:last-of-type {
-	margin-bottom: 2.5rem;
+/*
+* Visibility
+*
+* Helper classes to determine visibility of elements
+*/
+.ontario-hide {
+	display: none !important;
+}
+.ontario-invisible {
+	visibility: hidden !important;
+}
+@media screen and (max-width: 39.99875em) {
+	.ontario-hide-for-small-only {
+		display: none !important;
+	}
+}
+@media screen and (max-width: 0em), screen and (min-width: 40em) {
+	.ontario-show-for-small-only {
+		display: none !important;
+	}
+}
+@media print, screen and (min-width: 40em) {
+	.ontario-hide-for-medium {
+		display: none !important;
+	}
+}
+@media screen and (max-width: 39.99875em) {
+	.ontario-show-for-medium {
+		display: none !important;
+	}
+}
+@media screen and (min-width: 40em) and (max-width: 72.99875em) {
+	.ontario-hide-for-medium-only {
+		display: none !important;
+	}
+}
+@media screen and (max-width: 39.99875em), screen and (min-width: 73em) {
+	.ontario-show-for-medium-only {
+		display: none !important;
+	}
+}
+@media print, screen and (min-width: 73em) {
+	.ontario-hide-for-large {
+		display: none !important;
+	}
+}
+@media screen and (max-width: 72.99875em) {
+	.ontario-show-for-large {
+		display: none !important;
+	}
+}
+@media screen and (min-width: 73em) and (max-width: 95.99875em) {
+	.ontario-hide-for-large-only {
+		display: none !important;
+	}
+}
+@media screen and (max-width: 72.99875em), screen and (min-width: 96em) {
+	.ontario-show-for-large-only {
+		display: none !important;
+	}
+}
+.ontario-show-for-sr,
+.ontario-show-on-focus {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
 }
-.ontario-form-group:last-of-type {
-	margin-bottom: 3rem;
+.ontario-show-on-focus:active,
+.ontario-show-on-focus:focus {
+	position: static;
+	width: auto;
+	height: auto;
+	overflow: visible;
+	clip: auto;
+}
+.ontario-show-for-landscape,
+.ontario-hide-for-portrait {
+	display: block !important;
 }
+@media screen and (orientation: landscape) {
+	.ontario-show-for-landscape,
+	.ontario-hide-for-portrait {
+		display: block !important;
+	}
+}
+@media screen and (orientation: portrait) {
+	.ontario-show-for-landscape,
+	.ontario-hide-for-portrait {
+		display: none !important;
+	}
+}
+.ontario-hide-for-landscape,
+.ontario-show-for-portrait {
+	display: none !important;
+}
+@media screen and (orientation: landscape) {
+	.ontario-hide-for-landscape,
+	.ontario-show-for-portrait {
+		display: none !important;
+	}
+}
+@media screen and (orientation: portrait) {
+	.ontario-hide-for-landscape,
+	.ontario-show-for-portrait {
+		display: block !important;
+	}
+}
 .ontario-fieldset__legend {
-	color: #1a1a1a;
+	color: rgb(25.5, 25.5, 25.5);
 	font-family: 'Raleway Modified', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	font-size: 1.1875rem;
 	font-weight: 700;
@@ -482,21 +590,9 @@ p + ol {
 	content: ' ';
 }
-.ontario-label__flag {
-	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-	font-size: 1rem;
-	font-weight: 400;
-}
-.ontario-label__flag:before {
-	content: ' ';
-}
-/*
-*  Labels
-*/
 .ontario-label {
 	cursor: pointer;
-	color: #1a1a1a;
+	color: rgb(25.5, 25.5, 25.5);
 	font-family: 'Raleway Modified', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	font-size: 1.1875rem;
 	font-weight: 700;
@@ -554,19 +650,16 @@ h1 > .ontario-label--heading {
 	transition: box-shadow 0.1s ease-in-out;
 }
-/*
-*  Text Inputs
-*/
 .ontario-input {
-	border: 2px solid #1a1a1a;
+	border: 2px solid rgb(25.5, 25.5, 25.5);
 	border-radius: 4px;
 	box-sizing: border-box;
-	color: #1a1a1a;
+	color: rgb(25.5, 25.5, 25.5);
 	display: block;
 	font-size: 1rem;
 	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	line-height: 1.5;
-	margin: 0 0 2.5rem;
+	margin: 0;
 	max-width: 48rem;
 	width: 100%;
 	padding: 0.625rem 1rem;
@@ -600,125 +693,6 @@ h1 > .ontario-label--heading {
 	max-width: 41ex;
 }
-.ontario-form-group:last-of-type {
-	margin-bottom: 2.5rem;
-}
-/*
-* Visibility
-*
-* Helper classes to determine visibility of elements
-*/
-.ontario-hide {
-	display: none !important;
-}
-.ontario-invisible {
-	visibility: hidden !important;
-}
-@media screen and (max-width: 39.99875em) {
-	.ontario-hide-for-small-only {
-		display: none !important;
-	}
-}
-@media screen and (max-width: 0em), screen and (min-width: 40em) {
-	.ontario-show-for-small-only {
-		display: none !important;
-	}
-}
-@media print, screen and (min-width: 40em) {
-	.ontario-hide-for-medium {
-		display: none !important;
-	}
-}
-@media screen and (max-width: 39.99875em) {
-	.ontario-show-for-medium {
-		display: none !important;
-	}
-}
-@media screen and (min-width: 40em) and (max-width: 72.99875em) {
-	.ontario-hide-for-medium-only {
-		display: none !important;
-	}
-}
-@media screen and (max-width: 39.99875em), screen and (min-width: 73em) {
-	.ontario-show-for-medium-only {
-		display: none !important;
-	}
-}
-@media print, screen and (min-width: 73em) {
-	.ontario-hide-for-large {
-		display: none !important;
-	}
-}
-@media screen and (max-width: 72.99875em) {
-	.ontario-show-for-large {
-		display: none !important;
-	}
-}
-@media screen and (min-width: 73em) and (max-width: 95.99875em) {
-	.ontario-hide-for-large-only {
-		display: none !important;
-	}
-}
-@media screen and (max-width: 72.99875em), screen and (min-width: 96em) {
-	.ontario-show-for-large-only {
-		display: none !important;
-	}
-}
-.ontario-show-for-sr,
-.ontario-show-on-focus {
-	position: absolute;
-	width: 1px;
-	height: 1px;
-	overflow: hidden;
-	clip: rect(0, 0, 0, 0);
-}
-.ontario-show-on-focus:active,
-.ontario-show-on-focus:focus {
-	position: static;
-	width: auto;
-	height: auto;
-	overflow: visible;
-	clip: auto;
-}
-.ontario-show-for-landscape,
-.ontario-hide-for-portrait {
-	display: block !important;
-}
-@media screen and (orientation: landscape) {
-	.ontario-show-for-landscape,
-	.ontario-hide-for-portrait {
-		display: block !important;
-	}
-}
-@media screen and (orientation: portrait) {
-	.ontario-show-for-landscape,
-	.ontario-hide-for-portrait {
-		display: none !important;
-	}
-}
-.ontario-hide-for-landscape,
-.ontario-show-for-portrait {
-	display: none !important;
-}
-@media screen and (orientation: landscape) {
-	.ontario-hide-for-landscape,
-	.ontario-show-for-portrait {
-		display: none !important;
-	}
-}
-@media screen and (orientation: portrait) {
-	.ontario-hide-for-landscape,
-	.ontario-show-for-portrait {
-		display: block !important;
-	}
-}
 .ontario-error-messaging {
 	display: flex;
 	align-items: flex-start;
@@ -729,6 +703,7 @@ h1 > .ontario-label--heading {
 .ontario-error-messaging__content {
 	margin-left: 0.5rem;
+	margin-top: 0.125rem;
 }
 .ontario-input__error {