@ongov/ontario-design-system-component-library 4.2.0-alpha.1

package/dist/collection/components/ontario-hint-expander/test/ontario-hint-expander.spec.js

@@ -0,0 +1,34 @@
+import { newSpecPage } from '@stencil/core/testing';
+import { OntarioHintExpander } from '../ontario-hint-expander';
+import { mutationObserverMock } from '../../../utils/tests/mutation-observer.mock';
+global.MutationObserver = mutationObserverMock;
+describe('ontario-hint-expander', () => {
+	it('should render a default hint expander', async () => {
+		const page = await newSpecPage({
+			components: [OntarioHintExpander],
+			html: `<ontario-hint-expander hint="This is the hint" content="This is the content" element-id="elementId" aria-controls="hint-expander-controls">`,
+		});
+		expect(page.root).toEqualHtml(`
+      <ontario-hint-expander hint="This is the hint" content="This is the content" element-id="elementId" aria-controls="hint-expander-controls">
+        <mock:shadow-root>
+        <div class="ontario-hint-expander__container">
+          <button class="ontario-hint-expander__button"
+            id="hint-expander-button-elementId"
+            aria-controls="hint-expander-content-elementId"
+            aria-expanded="false"
+            data-toggle="ontario-collapse"
+          >
+            <span class="ontario-hint-expander__button-icon--close ontario-icon"><ontario-icon-chevron-up colour="inherit"></ontario-icon-chevron-up></span>
+            <span class="ontario-hint-expander__button-icon--open"><ontario-icon-chevron-down colour="inherit"></ontario-icon-chevron-down></span>
+            This is the hint
+          </button>
+          <div class="ontario-hint-expander__content" id="hint-expander-content-elementId" aria-labelledby="hint-expander-button-elementId" aria-hidden="true" data-toggle="ontario-expander-content">
+            This is the content
+          </div>
+        </div>
+        </mock:shadow-root>
+      </ontario-hint-expander>
+    `);
+	});
+});
+//# sourceMappingURL=ontario-hint-expander.spec.js.map

package/dist/collection/components/ontario-hint-expander/test/ontario-hint-expander.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontario-hint-expander.spec.js","sourceRoot":"","sources":["../../../../src/components/ontario-hint-expander/test/ontario-hint-expander.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,MAAM,CAAC,gBAAgB,GAAG,oBAAoB,CAAC;AAE/C,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,mBAAmB,CAAC;YACjC,IAAI,EAAE,6IAA6I;SACnJ,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;KAoB3B,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { OntarioHintExpander } from '../ontario-hint-expander';\nimport { mutationObserverMock } from '../../../utils/tests/mutation-observer.mock';\n\nglobal.MutationObserver = mutationObserverMock;\n\ndescribe('ontario-hint-expander', () => {\n\tit('should render a default hint expander', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioHintExpander],\n\t\t\thtml: `<ontario-hint-expander hint=\"This is the hint\" content=\"This is the content\" element-id=\"elementId\" aria-controls=\"hint-expander-controls\">`,\n\t\t});\n\t\texpect(page.root).toEqualHtml(`\n      <ontario-hint-expander hint=\"This is the hint\" content=\"This is the content\" element-id=\"elementId\" aria-controls=\"hint-expander-controls\">\n        <mock:shadow-root>\n        <div class=\"ontario-hint-expander__container\">\n          <button class=\"ontario-hint-expander__button\"\n            id=\"hint-expander-button-elementId\"\n            aria-controls=\"hint-expander-content-elementId\"\n            aria-expanded=\"false\"\n            data-toggle=\"ontario-collapse\"\n          >\n            <span class=\"ontario-hint-expander__button-icon--close ontario-icon\"><ontario-icon-chevron-up colour=\"inherit\"></ontario-icon-chevron-up></span>\n            <span class=\"ontario-hint-expander__button-icon--open\"><ontario-icon-chevron-down colour=\"inherit\"></ontario-icon-chevron-down></span>\n            This is the hint\n          </button>\n          <div class=\"ontario-hint-expander__content\" id=\"hint-expander-content-elementId\" aria-labelledby=\"hint-expander-button-elementId\" aria-hidden=\"true\" data-toggle=\"ontario-expander-content\">\n            This is the content\n          </div>\n        </div>\n        </mock:shadow-root>\n      </ontario-hint-expander>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/ontario-hint-text/ontario-hint-text.css

@@ -0,0 +1,49 @@
+/*
+*  Global variables
+*
+*  Used across multiple components
+*/
+/* -------------------------------
+    Global spacing variables
+--------------------------------- */
+/*
+*  Global colour variables
+*
+*  1 - Greyscale colours
+*  2 - System colours
+*  3 - Accent colours
+*    3.1 - Main
+*    3.2 - Light
+*    3.3 - Dark
+*    3.4 - Callout backgrounds
+*/
+/*** 1 - Greyscale colours ***/
+/*** 2 - System colours ***/
+/*** 3 - Accent colours ***/
+/* Main */
+/* Light */
+/* Dark */
+/* callout backgrounds */
+/* icon colours */
+/* service ontario header colours */
+.ontario-hint {
+	color: #4d4d4d;
+	display: inline-block;
+	margin: 0 0 1rem 0;
+	width: 100%;
+	max-width: 48rem;
+}
+.ontario-hint p {
+	margin-bottom: 1rem;
+}
+.ontario-hint p:first-of-type {
+	margin-top: 0;
+}
+.ontario-hint p:last-of-type {
+	margin-bottom: 0;
+}
+.ontario-hint a[x-apple-data-detectors] {
+	color: inherit;
+	cursor: none;
+	text-decoration: none;
+}

package/dist/collection/components/ontario-hint-text/ontario-hint-text.js

@@ -0,0 +1,231 @@
+import { h } from '@stencil/core';
+import { v4 as uuid } from 'uuid';
+import { validatePropExists } from '../../utils/validation/validation-functions';
+import { ConsoleMessageClass } from '../../utils/console-message/console-message';
+export class OntarioHintText {
+	constructor() {
+		this.hintContentType = 'string';
+		this.hint = undefined;
+		this.elementId = undefined;
+		this.hintState = undefined;
+	}
+	/**
+	 * Watch for changes to the `hintContentType` prop for validation purposes.
+	 * If none is provided, or the wrong type is provided, it will default to `string`.
+	 */
+	checkHintContentType() {
+		if (this.hintContentType !== 'string' && this.hintContentType !== 'html') {
+			const message = new ConsoleMessageClass();
+			message
+				.addDesignSystemTag()
+				.addMonospaceText(' hintContentType ')
+				.addRegularText('for')
+				.addMonospaceText(' <ontario-hint-text> ')
+				.addRegularText('was not one of the permitted types. A default type of `string` will be applied.')
+				.printMessage();
+			return (this.hintContentType = 'string');
+		}
+		return this.hintContentType;
+	}
+	/*
+	 * Watch for changes in the `hint` prop for validation purposes.
+	 * If no `hint` prop is provided, the `hint` will be set to the host element textContent (if it exists).
+	 */
+	updateHintContent() {
+		var _a, _b;
+		this.hintState =
+			(_b = (_a = this.hint) !== null && _a !== void 0 ? _a : this.host.textContent) !== null && _b !== void 0
+				? _b
+				: '';
+		this.validateHintContent(this.hintState);
+	}
+	/*
+	 * Validate the `hint` and make sure the `hint` has a value.
+	 * Log a warning if user doesn't input a value for the `hint` or element content.
+	 */
+	validateHintContent(newValue) {
+		// If element content is not provided, check whether prop exists
+		if (!this.host.textContent) {
+			if (validatePropExists(newValue)) {
+				const message = new ConsoleMessageClass();
+				message
+					.addDesignSystemTag()
+					.addMonospaceText(' hint ')
+					.addRegularText('for')
+					.addMonospaceText(' <ontario-hint-text> ')
+					.addRegularText('was not provided')
+					.printMessage();
+			}
+		}
+	}
+	getId() {
+		var _a;
+		return (_a = this.elementId) !== null && _a !== void 0 ? _a : '';
+	}
+	/**
+	 * This method returns the ontario-hint-text id. It is used to make sure the hint text and `aria-describedby` value of other form components match when the internal hint text props are used.
+	 *
+	 * @returns Promise<string | undefined>
+	 */
+	async getHintTextId() {
+		return this.elementId;
+	}
+	/**
+	 * Set `hint` using internal component logic
+	 */
+	componentWillLoad() {
+		var _a;
+		this.updateHintContent();
+		this.checkHintContentType();
+		this.elementId = (_a = this.elementId) !== null && _a !== void 0 ? _a : uuid();
+	}
+	/**
+	 * This helper is used to help load translations for any slots + text content passed in by the user.
+	 */
+	componentDidLoad() {
+		const observer = new MutationObserver((mutations) => {
+			mutations.forEach((mutation) => {
+				if (mutation.type === 'attributes') {
+					this.updateHintContent();
+				}
+			});
+		});
+		const options = { attributes: true };
+		observer.observe(this.host, options);
+	}
+	render() {
+		return this.hintContentType === 'string'
+			? h('p', { id: this.getId(), class: 'ontario-hint' }, this.hintState)
+			: h('div', { id: this.getId(), class: 'ontario-hint', innerHTML: this.hintState });
+	}
+	static get is() {
+		return 'ontario-hint-text';
+	}
+	static get encapsulation() {
+		return 'shadow';
+	}
+	static get originalStyleUrls() {
+		return {
+			$: ['ontario-hint-text.scss'],
+		};
+	}
+	static get styleUrls() {
+		return {
+			$: ['ontario-hint-text.css'],
+		};
+	}
+	static get properties() {
+		return {
+			hintContentType: {
+				type: 'string',
+				mutable: true,
+				complexType: {
+					original: 'HintContentType',
+					resolved: '"html" | "string" | undefined',
+					references: {
+						HintContentType: {
+							location: 'import',
+							path: '../../utils/common/common.interface',
+							id: 'src/utils/common/common.interface.ts::HintContentType',
+						},
+					},
+				},
+				required: false,
+				optional: true,
+				docs: {
+					tags: [],
+					text: 'The content type of the hint.\nIf no prop is passed, it will default to a string.\nIf the hint requires multiple lines or HTML, the `hintContentType` prop should be set to `html`.',
+				},
+				attribute: 'hint-content-type',
+				reflect: false,
+				defaultValue: "'string'",
+			},
+			hint: {
+				type: 'string',
+				mutable: false,
+				complexType: {
+					original: 'string',
+					resolved: 'string',
+					references: {},
+				},
+				required: false,
+				optional: false,
+				docs: {
+					tags: [
+						{
+							name: 'example',
+							text: '<ontario-hint-text hint="Override Hint Text">Hint Text</ontario-button>\n\nThe resulting hint text will display `"Override Hint Text"`.',
+						},
+					],
+					text: 'Text to display as the hint text statement.\n\nSetting the hint can be done using the host element textContent or through setting this property.  This property will take precedence.',
+				},
+				attribute: 'hint',
+				reflect: false,
+			},
+			elementId: {
+				type: 'string',
+				mutable: true,
+				complexType: {
+					original: 'string',
+					resolved: 'string | undefined',
+					references: {},
+				},
+				required: false,
+				optional: true,
+				docs: {
+					tags: [],
+					text: 'The unique identifier of the element. This is optional - if no ID is passed, one will be generated.',
+				},
+				attribute: 'element-id',
+				reflect: false,
+			},
+		};
+	}
+	static get states() {
+		return {
+			hintState: {},
+		};
+	}
+	static get methods() {
+		return {
+			getHintTextId: {
+				complexType: {
+					signature: '() => Promise<string | undefined>',
+					parameters: [],
+					references: {
+						Promise: {
+							location: 'global',
+							id: 'global::Promise',
+						},
+					},
+					return: 'Promise<string | undefined>',
+				},
+				docs: {
+					text: 'This method returns the ontario-hint-text id. It is used to make sure the hint text and `aria-describedby` value of other form components match when the internal hint text props are used.',
+					tags: [
+						{
+							name: 'returns',
+							text: 'Promise<string | undefined>',
+						},
+					],
+				},
+			},
+		};
+	}
+	static get elementRef() {
+		return 'host';
+	}
+	static get watchers() {
+		return [
+			{
+				propName: 'hintContentType',
+				methodName: 'checkHintContentType',
+			},
+			{
+				propName: 'hint',
+				methodName: 'updateHintContent',
+			},
+		];
+	}
+}
+//# sourceMappingURL=ontario-hint-text.js.map

package/dist/collection/components/ontario-hint-text/ontario-hint-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontario-hint-text.js","sourceRoot":"","sources":["../../../src/components/ontario-hint-text/ontario-hint-text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Element, h, Watch, State, Method } from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\n\nimport { Hint, HintContentType } from '../../utils/common/common.interface';\n\nimport { validatePropExists } from '../../utils/validation/validation-functions';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\n\n@Component({\n\ttag: 'ontario-hint-text',\n\tstyleUrl: 'ontario-hint-text.scss',\n\tshadow: true,\n})\nexport class OntarioHintText implements Hint {\n\t@Element() host: HTMLElement;\n\n\t/**\n\t * The content type of the hint.\n\t * If no prop is passed, it will default to a string.\n\t * If the hint requires multiple lines or HTML, the `hintContentType` prop should be set to `html`.\n\t */\n\t@Prop({ mutable: true }) hintContentType?: HintContentType = 'string';\n\n\t/**\n\t * Text to display as the hint text statement.\n\t *\n\t * Setting the hint can be done using the host element textContent or through setting this property.  This property will take precedence.\n\t *\n\t * @example\n\t * <ontario-hint-text hint=\"Override Hint Text\">Hint Text</ontario-button>\n\t *\n\t * The resulting hint text will display `\"Override Hint Text\"`.\n\t */\n\t@Prop() hint: string;\n\n\t/*\n\t * Used to establish a relationship between the hint text content and elements using aria-describedby. This is optional -  if no ID is provided, one will be generated.\n\t */\n\t@Prop({ mutable: true }) elementId?: string;\n\n\t@State() hintState: string;\n\n\t/**\n\t * Watch for changes to the `hintContentType` prop for validation purposes.\n\t * If none is provided, or the wrong type is provided, it will default to `string`.\n\t */\n\t@Watch('hintContentType')\n\tprivate checkHintContentType() {\n\t\tif (this.hintContentType !== 'string' && this.hintContentType !== 'html') {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' hintContentType ')\n\t\t\t\t.addRegularText('for')\n\t\t\t\t.addMonospaceText(' <ontario-hint-text> ')\n\t\t\t\t.addRegularText('was not one of the permitted types. A default type of `string` will be applied.')\n\t\t\t\t.printMessage();\n\n\t\t\treturn (this.hintContentType = 'string');\n\t\t}\n\n\t\treturn this.hintContentType;\n\t}\n\n\t/*\n\t * Watch for changes in the `hint` prop for validation purposes.\n\t * If no `hint` prop is provided, the `hint` will be set to the host element textContent (if it exists).\n\t */\n\t@Watch('hint')\n\tprivate updateHintContent() {\n\t\tthis.hintState = this.hint ?? this.host.textContent ?? '';\n\t\tthis.validateHintContent(this.hintState);\n\t}\n\n\t/*\n\t * Validate the `hint` and make sure the `hint` has a value.\n\t * Log a warning if user doesn't input a value for the `hint` or element content.\n\t */\n\tvalidateHintContent(newValue: string) {\n\t\t// If element content is not provided, check whether prop exists\n\t\tif (!this.host.textContent) {\n\t\t\tif (validatePropExists(newValue)) {\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(' hint ')\n\t\t\t\t\t.addRegularText('for')\n\t\t\t\t\t.addMonospaceText(' <ontario-hint-text> ')\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\tpublic getId(): string {\n\t\treturn this.elementId ?? '';\n\t}\n\n\t/**\n\t * This method returns the ontario-hint-text id. It is used to make sure the hint text and `aria-describedby` value of other form components match when the internal hint text props are used.\n\t *\n\t * @returns Promise<string | undefined>\n\t */\n\t@Method()\n\tasync getHintTextId(): Promise<string | undefined> {\n\t\treturn this.elementId;\n\t}\n\n\t/**\n\t * Set `hint` using internal component logic\n\t */\n\tcomponentWillLoad() {\n\t\tthis.updateHintContent();\n\t\tthis.checkHintContentType();\n\t\tthis.elementId = this.elementId ?? uuid();\n\t}\n\n\t/**\n\t * This helper is used to help load translations for any slots + text content passed in by the user.\n\t */\n\tcomponentDidLoad() {\n\t\tconst observer = new MutationObserver((mutations) => {\n\t\t\tmutations.forEach((mutation) => {\n\t\t\t\tif (mutation.type === 'attributes') {\n\t\t\t\t\tthis.updateHintContent();\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\tconst options = { attributes: true };\n\t\tobserver.observe(this.host, options);\n\t}\n\n\trender() {\n\t\treturn this.hintContentType === 'string' ? (\n\t\t\t<p id={this.getId()} class=\"ontario-hint\">\n\t\t\t\t{this.hintState}\n\t\t\t</p>\n\t\t) : (\n\t\t\t<div id={this.getId()} class=\"ontario-hint\" innerHTML={this.hintState}></div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/ontario-hint-text/test/ontario-hint-text.e2e.js

@@ -0,0 +1,32 @@
+import { newE2EPage } from '@stencil/core/testing';
+describe('ontario-hint-text', () => {
+	describe('render', () => {
+		it('renders', async () => {
+			const page = await newE2EPage();
+			await page.setContent('<ontario-hint-text></ontario-hint-text>');
+			const component = await page.find('ontario-hint-text');
+			const element = await page.find('ontario-hint-text >>> p');
+			expect(component).toHaveClass('hydrated');
+			expect(element).toHaveClass('ontario-hint');
+		});
+		describe('render changes', () => {
+			let page;
+			let component;
+			let element;
+			beforeEach(async () => {
+				page = await newE2EPage();
+				await page.setContent('<ontario-hint-text></ontario-hint-text>');
+				component = await page.find('ontario-hint-text');
+				element = await page.find('ontario-hint-text >>> p');
+			});
+			it('renders changes to the id property', async () => {
+				component.setProperty('elementId', 'testId');
+				await page.waitForChanges();
+				expect(element).toEqualAttributes({
+					id: 'testId',
+				});
+			});
+		});
+	});
+});
+//# sourceMappingURL=ontario-hint-text.e2e.js.map

package/dist/collection/components/ontario-hint-text/test/ontario-hint-text.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontario-hint-text.e2e.js","sourceRoot":"","sources":["../../../../src/components/ontario-hint-text/test/ontario-hint-text.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAClC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;QACvB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;YACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;YAEjE,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACvD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;YAE3D,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;YAC/B,IAAI,IAAS,CAAC;YACd,IAAI,SAAc,CAAC;YACnB,IAAI,OAAY,CAAC;YAEjB,UAAU,CAAC,KAAK,IAAI,EAAE;gBACrB,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;gBAC1B,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;gBACjE,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;gBACjD,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;YACtD,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;gBACnD,SAAS,CAAC,WAAW,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;gBAC7C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAC5B,MAAM,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC;oBACjC,EAAE,EAAE,QAAQ;iBACZ,CAAC,CAAC;YACJ,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('ontario-hint-text', () => {\n\tdescribe('render', () => {\n\t\tit('renders', async () => {\n\t\t\tconst page = await newE2EPage();\n\t\t\tawait page.setContent('<ontario-hint-text></ontario-hint-text>');\n\n\t\t\tconst component = await page.find('ontario-hint-text');\n\t\t\tconst element = await page.find('ontario-hint-text >>> p');\n\n\t\t\texpect(component).toHaveClass('hydrated');\n\t\t\texpect(element).toHaveClass('ontario-hint');\n\t\t});\n\n\t\tdescribe('render changes', () => {\n\t\t\tlet page: any;\n\t\t\tlet component: any;\n\t\t\tlet element: any;\n\n\t\t\tbeforeEach(async () => {\n\t\t\t\tpage = await newE2EPage();\n\t\t\t\tawait page.setContent('<ontario-hint-text></ontario-hint-text>');\n\t\t\t\tcomponent = await page.find('ontario-hint-text');\n\t\t\t\telement = await page.find('ontario-hint-text >>> p');\n\t\t\t});\n\n\t\t\tit('renders changes to the id property', async () => {\n\t\t\t\tcomponent.setProperty('elementId', 'testId');\n\t\t\t\tawait page.waitForChanges();\n\t\t\t\texpect(element).toEqualAttributes({\n\t\t\t\t\tid: 'testId',\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t});\n});\n"]}

package/dist/collection/components/ontario-hint-text/test/ontario-hint-text.spec.js

@@ -0,0 +1,31 @@
+import { newSpecPage } from '@stencil/core/testing';
+import { OntarioHintText } from '../ontario-hint-text';
+import { mutationObserverMock } from '../../../utils/tests/mutation-observer.mock';
+global.MutationObserver = mutationObserverMock;
+describe('ontario-hint-text', () => {
+	describe('snapshot', () => {
+		it('should render the expected html', async () => {
+			const page = await newSpecPage({
+				components: [OntarioHintText],
+				html: `<ontario-hint-text element-id="idTest" hint="This is a test hint"></ontario-hint-text>`,
+			});
+			expect(page.root).toMatchSnapshot();
+		});
+	});
+	it('renders', async () => {
+		const page = await newSpecPage({
+			components: [OntarioHintText],
+			html: `<ontario-hint-text element-id="idTest" hint="This is a test hint"></ontario-hint-text>`,
+		});
+		expect(page.root).toEqualHtml(`
+      <ontario-hint-text element-id="idTest" hint="This is a test hint">
+        <mock:shadow-root>
+          <p id="idTest" class="ontario-hint">
+            This is a test hint
+          </p>
+        </mock:shadow-root>
+      </ontario-hint-text>
+    `);
+	});
+});
+//# sourceMappingURL=ontario-hint-text.spec.js.map

package/dist/collection/components/ontario-hint-text/test/ontario-hint-text.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontario-hint-text.spec.js","sourceRoot":"","sources":["../../../../src/components/ontario-hint-text/test/ontario-hint-text.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,MAAM,CAAC,gBAAgB,GAAG,oBAAoB,CAAC;AAE/C,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAClC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACzB,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;YAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;gBAC9B,UAAU,EAAE,CAAC,eAAe,CAAC;gBAC7B,IAAI,EAAE,wFAAwF;aAC9F,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,wFAAwF;SAC9F,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ3B,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { OntarioHintText } from '../ontario-hint-text';\nimport { mutationObserverMock } from '../../../utils/tests/mutation-observer.mock';\n\nglobal.MutationObserver = mutationObserverMock;\n\ndescribe('ontario-hint-text', () => {\n\tdescribe('snapshot', () => {\n\t\tit('should render the expected html', async () => {\n\t\t\tconst page = await newSpecPage({\n\t\t\t\tcomponents: [OntarioHintText],\n\t\t\t\thtml: `<ontario-hint-text element-id=\"idTest\" hint=\"This is a test hint\"></ontario-hint-text>`,\n\t\t\t});\n\n\t\t\texpect(page.root).toMatchSnapshot();\n\t\t});\n\t});\n\n\tit('renders', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioHintText],\n\t\t\thtml: `<ontario-hint-text element-id=\"idTest\" hint=\"This is a test hint\"></ontario-hint-text>`,\n\t\t});\n\t\texpect(page.root).toEqualHtml(`\n      <ontario-hint-text element-id=\"idTest\" hint=\"This is a test hint\">\n        <mock:shadow-root>\n          <p id=\"idTest\" class=\"ontario-hint\">\n            This is a test hint\n          </p>\n        </mock:shadow-root>\n      </ontario-hint-text>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/ontario-icon/assets/ontario-icon-accessibility.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M18.4 11.2l-4.1.2 2.3-2.6c.2-.3.3-.8.2-1.3-.1-.3-.2-.6-.5-.8l-5.4-3.2c-.4-.3-1-.2-1.4.1L6.8 6.1c-.5.5-.6 1.2-.1 1.7.4.5 1.2.5 1.7.1l2-1.8 1.9 1.1-4.2 4.3c-.1.1-.1.2-.2.2-.5.2-1 .4-1.4.7L8 13.9c.5-.2 1-.4 1.5-.4 1.9 0 3.5 1.6 3.5 3.5 0 .6-.1 1.1-.4 1.5l1.5 1.5a5.29 5.29 0 0 0 .9-3c0-1.2-.4-2.4-1.1-3.3l3.3-.3-.2 4.8c-.1.7.4 1.2 1.1 1.3h.1c.6 0 1.1-.5 1.2-1.1l.2-5.9c0-.3-.1-.7-.3-.9-.3-.3-.6-.4-.9-.4zM18 5.5a2 2 0 0 0 2-2 2 2 0 0 0-2-2 2 2 0 0 0-2 2 2 2 0 0 0 2 2zm-5.5 16.1a5.29 5.29 0 0 1-3 .9C6.5 22.5 4 20 4 17a5.29 5.29 0 0 1 .9-3l1.5 1.5c-.2.5-.4 1-.4 1.5 0 1.9 1.6 3.5 3.5 3.5.6 0 1.1-.1 1.5-.4l1.5 1.5z"></path></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-account.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2a7.2 7.2 0 0 1-6-3.22c.03-2 4-3.08 6-3.08 2 0 5.97 1.1 6 3.08a7.2 7.2 0 0 1-6 3.22z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-add-alt.svg

@@ -0,0 +1 @@
+<svg  class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-add.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-alert-error.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" fill="#cd0000"/><path d="M11 17h2v-2h-2v2zm0-4h2V7h-2v6z" fill="#fff"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-alert-information.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" fill="#1080a6"/><path d="M11 17h2v-6h-2v6zm0-8h2V7h-2v2z" fill="#fff"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-alert-success.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.4-1.4 3.6 3.58L17.17 7l1.4 1.42L10 17z" fill="#118847"/><path d="M5 12l5 5 8.58-8.58L17.17 7 10 14.17 6.4 10.6 5 12z" fill="#fff"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-alert-warning.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" fill="#ffd440"/><path d="M11 10h2v4h-2zm0 6h2v2h-2z" fill="#000"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-arrow-up.svg

@@ -0,0 +1 @@
+<svg class="ontario-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-attach.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M16.5 6v11.5a4 4 0 1 1-8 0V5a2.5 2.5 0 1 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 1 0 5 0V5a4 4 0 1 0-8 0v12.5a5.5 5.5 0 1 0 11 0V6h-1.5z" fill="#000"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-bookmark-off.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15l-5-2.18L7 18V5h10v13z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-bookmark-on.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-calendar.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M9 10v2H7v-2h2zm4 0v2h-2v-2h2zm4 0v2h-2v-2h2zm2-7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h1V1h2v2h8V1h2v2h1zm0 16V8H5v11h14zM9 14v2H7v-2h2zm4 0v2h-2v-2h2zm4 0v2h-2v-2h2z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-camera.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-1.8a3.2 3.2 0 0 0 0-6.4 3.2 3.2 0 1 0 0 6.4z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-chevron-down.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M7.4 8.6l4.6 4.58 4.6-4.58L18 10l-6 6-6-6 1.4-1.4z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-chevron-left.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M15.4 7.4L14 6l-6 6 6 6 1.4-1.4-4.58-4.6 4.58-4.6z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-chevron-right.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M10 6L8.6 7.4l4.58 4.6-4.58 4.6L10 18l6-6-6-6z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-chevron-up.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M7.4 15.4l4.6-4.58 4.6 4.58L18 14l-6-6-6 6 1.4 1.4z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-clock.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M12 2a10 10 0 0 0-7.071 2.929 10 10 0 0 0 0 14.142A10 10 0 0 0 12 22a10 10 0 0 0 10-10 10 10 0 0 0-2.929-7.071A10 10 0 0 0 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-close-header.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 24 24"><path d="M19 6.4L17.6 5 12 10.6 6.4 5 5 6.4l5.6 5.6L5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6L19 6.4z" fill="#ffffff"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-close.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M19 6.4L17.6 5 12 10.6 6.4 5 5 6.4l5.6 5.6L5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6L19 6.4z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-cloud.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M19.35 10.04A7.49 7.49 0 0 0 12 4C9.1 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.9 0 14c0 3.3 2.7 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-collapse.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M19 13H5v-2h14v2z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-credit-card.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-critical-alert-warning.svg

@@ -0,0 +1,5 @@
+<svg class="svg-icon" role="img" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z" fill="white" />
+	<rect x="11" y="10" width="2" height="4" fill="black" />
+	<rect x="11" y="16" width="2" height="2" fill="black" />
+</svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-delete.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-document.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2zm9 16v-2H6v2h9zm3-4v-2H6v2h12z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-download.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-dropdown-arrow.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M7.965 10a.4.4 0 0 0-.37.247.4.4 0 0 0 .087.436l4.035 4.035a.4.4 0 0 0 .566 0l4.035-4.035a.4.4 0 0 0 .087-.436.4.4 0 0 0-.37-.247h-8.07z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-edit.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M3 17.25V21h3.75L17.8 9.94 14.06 6.2 3 17.25zm17.7-10.2c.4-.4.4-1.02 0-1.4L18.37 3.3c-.4-.4-1.02-.4-1.4 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-email.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-expand.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-export.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.6-2.58 1.4 1.4-5 5-5-5 1.4-1.4 2.6 2.58V3h2v9.67z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-facebook-alt.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm13 2h-2.5A3.5 3.5 0 0 0 12 8.5V11h-2v3h2v7h3v-7h3v-3h-3V9a1 1 0 0 1 1-1h2V5z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-facebook.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M17 2v4h-2c-.7 0-1 .8-1 1.5V10h3v4h-3v8h-4v-8H7v-4h3V6a4 4 0 0 1 4-4h3z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-favourite-off.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M12.1 18.55l-.1.1-.1-.1C7.14 14.24 4 11.4 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04 1 3.57 2.36h1.86C13.46 6 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.9-3.14 5.74-7.9 10.05zM16.5 3c-1.74 0-3.4.8-4.5 2.08C10.9 3.8 9.24 3 7.5 3 4.42 3 2 5.4 2 8.5c0 3.77 3.4 6.86 8.55 11.53L12 21.35l1.45-1.32C18.6 15.36 22 12.27 22 8.5 22 5.4 19.58 3 16.5 3z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-favourite-on.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3A5.99 5.99 0 0 1 12 5.09 5.99 5.99 0 0 1 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-filter.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M14 12v7.88a.96.96 0 0 1-.29.83c-.4.4-1.02.4-1.4 0l-2-2a.99.99 0 0 1-.29-.83V12h-.03L4.2 4.62a1 1 0 0 1 .17-1.4c.2-.14.4-.22.62-.22h14c.22 0 .43.08.62.22a1 1 0 0 1 .17 1.4L14.03 12H14z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-flickr.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M11 12C11 14.5 9 16.5 6.5 16.5C4 16.5 2 14.5 2 12C2 9.5 4 7.5 6.5 7.5C9 7.5 11 9.5 11 12ZM17.5 7.5C15 7.5 13 9.5 13 12C13 14.5 15 16.5 17.5 16.5C20 16.5 22 14.5 22 12C22 9.5 20 7.5 17.5 7.5Z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-grid.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M3.5 11.5h5v-6h-5v6zm0 7h5v-6h-5v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5v-6h-5v6zm6-6v6h5v-6h-5z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-help.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.6-.86.6-1.4 0-1.1-.9-2-2-2s-2 .9-2 2H8a4 4 0 1 1 8 0 3.18 3.18 0 0 1-.93 2.25z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-instagram.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2zm-.2 2A3.6 3.6 0 0 0 4 7.6v8.8A3.6 3.6 0 0 0 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6A3.6 3.6 0 0 0 16.4 4H7.6zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25zM12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z"/></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-interac-en-alt.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M18.463 17.052H5.548a1.62 1.62 0 0 1-1.304-.693v5.093c0 .733.57 1.304 1.304 1.304h12.915c.733 0 1.304-.57 1.304-1.304V16.36c-.285.448-.774.693-1.304.693z" fill="#636466"/><path d="M5.548 16.808h12.915c.733 0 1.304-.57 1.304-1.304V2.59c0-.652-.49-1.222-1.14-1.304H5.59c-.733 0-1.304.57-1.304 1.304v12.915c-.04.733.53 1.304 1.263 1.304z" fill="#ecaa20"/><g fill="#fff"><path d="M18.463 1H5.548A1.55 1.55 0 0 0 4 2.548v18.904A1.55 1.55 0 0 0 5.548 23h12.915a1.55 1.55 0 0 0 1.548-1.548V2.548A1.55 1.55 0 0 0 18.463 1zM4.244 2.6c0-.733.57-1.304 1.304-1.304h13.037c.652.08 1.14.6 1.14 1.304v12.915c0 .733-.57 1.304-1.304 1.304H5.507c-.733 0-1.304-.57-1.304-1.304V2.6h.04zm15.522 18.904c0 .733-.57 1.304-1.304 1.304H5.548c-.733 0-1.304-.57-1.304-1.304V16.4a1.62 1.62 0 0 0 1.304.693h12.915a1.62 1.62 0 0 0 1.304-.693v5.093zM8.36 18.723c.774 0 .896.57.896 1.344s-.08 1.344-.896 1.344c-.774 0-.896-.57-.896-1.344 0-.815.08-1.344.896-1.344zm0 2.322c.326 0 .367-.285.367-.978s-.04-.978-.367-.978-.367.285-.367.978.04.978.367.978z"/><use href="#B"/><path d="M11.985 18.763h-.5v2.607h.5v-2.607zm.448-.04h.5v.448h-.5v-.448zm0 .692h.5v1.956h-.5v-1.956z"/><use href="#B" x="3.748"/><path d="M15.652 20.473v.163c0 .245.08.448.244.448s.244-.122.285-.367h.448c0 .448-.244.693-.693.693-.733 0-.774-.57-.774-1.06 0-.53.082-1.018.774-1.018.57 0 .733.407.733.978v.122h-1.02v.04zm.49-.326c0-.285-.04-.448-.244-.448s-.244.204-.244.407v.08h.49v-.04z"/></g><g fill="#000"><path d="M6.526 10.004c-.204-.04-.367.04-.367.04V8.048l.733-.163v.326s.204-.448.733-.57c.57-.122.774.204.774.693v1.996l-.774.163V8.62c0-.285-.122-.367-.285-.326-.204.04-.367.285-.367.6v1.304c-.04-.04-.163-.204-.448-.204zm6.396-.774V6.46l.733-.163v.367s.204-.5.6-.57c.122-.04.204 0 .204 0v.693s-.163 0-.367.08c-.285.122-.407.326-.407.693v1.548l-.774.122z"/><path d="M9.093 10.126s-.122-.163-.122-.815V7.926l-.367.08v-.57l.367-.08v-.61l.774-.163v.61l.53-.122v.57l-.53.122V9.19c0 .652.163.774.163.774l-.815.163z"/><path d="M10.356 8.496c0-.5.08-.856.204-1.14.163-.326.5-.53.896-.652.856-.204 1.14.326 1.14.978v.367l-1.507.367v.04c0 .5.082.693.407.6.245-.04.326-.204.367-.407v-.122l.693-.163v.122c0 .285-.082.937-1.06 1.14-.896.244-1.14-.326-1.14-1.14zm1.14-1.263c-.244.04-.367.285-.367.693l.733-.163V7.64c.04-.326-.082-.448-.367-.407zm5.582-.367c-.04-.856.204-1.507 1.14-1.752.6-.122.815 0 .937.163s.163.326.163.6v.04l-.733.163v-.12c0-.326-.082-.448-.326-.367-.285.08-.407.326-.407.856v.244c0 .53.08.774.407.733.285-.04.326-.285.326-.53v-.122l.733-.163v.122c0 .693-.367 1.14-1.06 1.304-.978.244-1.18-.326-1.18-1.18zM14.5 8.048c0-.652.367-.856.937-1.1.53-.204.53-.326.53-.5s-.082-.285-.326-.204c-.244.04-.285.244-.326.367v.122l-.733.163s0-.204.04-.407c.122-.367.448-.652 1.06-.774.774-.163 1.018.163 1.018.693V7.64c0 .6.122.693.122.693l-.693.163s-.08-.122-.08-.244c0 0-.163.407-.693.53-.57.08-.856-.244-.856-.733zm1.467-.896s-.163.122-.367.204c-.245.122-.326.244-.326.5 0 .204.122.326.326.244.244-.04.367-.285.367-.57v-.367z"/><path fill-rule="evenodd" d="M7.178 11.184l1.222.856c.163.122.285.326.285.53v3.667H7.3a1.36 1.36 0 0 1-1.344-1.344v-4.155c0-.245.204-.49.49-.49a.47.47 0 0 1 .489.489v2.404c0 .08.04.122.122.122s.122-.04.122-.163v-1.915z"/><path d="M4.693 11.47c-.04.082-.08.163-.08.244 0 .245.204.407.407.407h.08c.04 0 .326-.08.57-.122v-.733l-.978.204zm0 1.02c-.04.082-.08.163-.08.245 0 .244.204.407.407.407h.08c.04 0 .326-.082.57-.122v-.733l-.978.204zm0 1.018c-.04.082-.08.163-.08.244a.41.41 0 0 0 .407.408h.08c.04 0 .326-.082.57-.122v-.733l-.978.204zm.203-2.364v-4.48l.815-.204v4.482l-.815.204zM18.504 4.64c-.448 0-.767-.38-.767-.788a.77.77 0 0 1 .767-.774.75.75 0 0 1 .775.774c0 .407-.367.788-.775.788zm0-1.48c-.367 0-.693.326-.693.693s.326.693.693.693.693-.326.693-.693-.326-.693-.693-.693z"/><path d="M18.22 3.404h.326c.122 0 .245.08.245.244 0 .122-.04.204-.163.244.08 0 .163.08.163.204V4.3c0 .04.04.08.04.08h-.163s-.04-.04-.04-.08v-.204c0-.122-.04-.163-.122-.163h-.122v.407h-.163v-.937zm.244.407c.08 0 .163-.04.163-.163s-.04-.163-.163-.163h-.122v.326h.122z"/></g><defs ><path id="B" d="M9.582 19.414h.49v.244a.53.53 0 0 1 .489-.285c.326 0 .49.163.49.57v1.467h-.49v-1.344c0-.204-.082-.285-.204-.285-.163 0-.285.122-.285.326v1.304h-.49v-1.996z"/></defs></svg>

package/dist/collection/components/ontario-icon/assets/ontario-icon-interac-en.svg

@@ -0,0 +1 @@
+<svg class="svg-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path fill-rule="evenodd" d="M16.008 18.403c0 .7-.584 1.285-1.285 1.285H1.837c-.7 0-1.285-.584-1.285-1.285V5.517c0-.7.584-1.285 1.285-1.285h12.886c.7 0 1.285.584 1.285 1.285v12.886z" fill="#ecaa20"/><path d="M30.178 4H1.837C.98 4 .28 4.7.28 5.557v12.886C.28 19.3.98 20 1.837 20h28.34a1.56 1.56 0 0 0 1.557-1.557V5.557c0-.895-.7-1.557-1.557-1.557zM1.837 19.69c-.7 0-1.285-.584-1.285-1.285V5.518c0-.7.584-1.285 1.285-1.285h12.886c.7 0 1.285.584 1.285 1.285v12.886c0 .7-.584 1.285-1.285 1.285H1.837zm29.625-1.285c0 .7-.584 1.285-1.285 1.285h-14.56c.428-.273.662-.74.662-1.285V5.518c0-.545-.273-1.012-.662-1.285h14.56c.7 0 1.285.584 1.285 1.285v12.886z" fill="#fff"/><path d="M16.28 5.558v12.886c0 .545-.273 1.012-.662 1.285h14.56c.7 0 1.285-.584 1.285-1.285V5.558c0-.7-.584-1.285-1.285-1.285h-14.56c.39.272.662.74.662 1.285z" fill="#636466"/><path d="M19.122 9.564c1.05 0 1.207.74 1.207 1.83 0 1.05-.117 1.83-1.207 1.83-1.05 0-1.207-.74-1.207-1.83s.156-1.83 1.207-1.83zm0 3.114c.428 0 .467-.35.467-1.285s-.078-1.285-.467-1.285c-.428 0-.467.35-.467 1.285-.04.934.04 1.285.467 1.285zm1.674-2.176h.662v.3a.72.72 0 0 1 .662-.389c.428 0 .662.234.662.74V13.1h-.662v-1.83c0-.273-.078-.35-.272-.35-.234 0-.35.156-.35.428V13.1h-.662v-2.608h-.04zm3.192-.86h-.662v3.504h.662V9.643zm.584-.036h.662v.584h-.662v-.584zm0 .895h.662v2.647h-.662v-2.647zm1.246 0h.662v.3a.72.72 0 0 1 .662-.389c.428 0 .662.234.662.74V13.1h-.662v-1.83c0-.273-.078-.35-.273-.35-.233 0-.35.156-.35.428V13.1h-.662v-2.608h-.04zm3.036 1.44v.195c0 .3.078.623.35.623.234 0 .3-.156.35-.506h.623c-.04.623-.312.973-.973.973-.973 0-1.012-.74-1.012-1.402 0-.7.156-1.363 1.05-1.363.78 0 .973.545.973 1.324v.156h-1.363zm.7-.428c0-.4-.078-.623-.35-.623s-.35.273-.35.506v.117h.7z" fill="#fff"/><g fill="#000"><path d="M2.85 12.915c-.234-.04-.35.04-.35.04V10.97l.74-.156v.3s.195-.428.7-.545c.584-.117.78.195.78.7v1.985l-.78.195v-1.87c0-.312-.156-.35-.3-.312-.234.04-.4.312-.4.584v1.285c0-.04-.156-.195-.4-.234zm6.345-.74V9.4l.74-.156v.35s.195-.467.623-.584c.117-.04.195 0 .195 0v.7s-.156 0-.4.078c-.273.117-.4.35-.4.7v1.518l-.78.156z"/><path d="M5.38 13.068s-.117-.156-.117-.818v-1.362l-.39.078v-.584l.39-.078V9.68l.78-.195v.623l.545-.117v.584l-.545.117v1.402c0 .623.156.78.156.78l-.818.195z"/><path d="M6.664 11.435c0-.506.078-.857.234-1.13.195-.3.467-.545.895-.623.856-.195 1.13.3 1.13.973v.35l-1.48.35v.04c0 .467.117.7.4.623.273-.04.3-.195.35-.428v-.117l.7-.156v.117c0 .273-.078.934-1.05 1.168-.934.195-1.168-.35-1.168-1.168zm1.13-1.246c-.234.04-.4.3-.4.7l.74-.195v-.117c.04-.312-.078-.467-.35-.4zm5.526-.39c-.04-.856.195-1.518 1.13-1.713.584-.117.817 0 .934.156s.156.35.156.623v.04l-.74.156v-.117c0-.3-.078-.428-.3-.4-.273.078-.4.35-.4.856v.234c0 .545.078.78.4.7.272-.04.3-.3.3-.506v-.156l.74-.156v.117c0 .7-.4 1.13-1.05 1.285-.934.3-1.13-.273-1.168-1.13zM10.8 11c0-.623.4-.856.934-1.1.506-.195.506-.3.506-.506 0-.156-.078-.273-.3-.234a.36.36 0 0 0-.312.35v.156l-.7.156s0-.234.04-.428c.117-.4.467-.623 1.05-.78.74-.156 1.012.156 1.012.662v1.246c0 .584.117.662.117.662l-.7.156s-.078-.117-.078-.234c0 0-.156.4-.7.506-.584.195-.856-.156-.856-.623zm1.44-.895s-.156.117-.4.233-.35.273-.35.467.117.3.3.273c.234-.04.4-.273.4-.545.04-.195.04-.4.04-.428z"/><path fill-rule="evenodd" d="M3.472 14.122l1.246.817a.68.68 0 0 1 .272.545v3.62h-1.4a1.31 1.31 0 0 1-1.324-1.324v-4.165a.45.45 0 0 1 .467-.467c.272 0 .467.234.467.467V16c0 .078.04.117.117.117s.117-.078.117-.156c.04-.04.04-1.83.04-1.83z"/><path d="M1.02 14.394c-.04.078-.078.156-.078.234 0 .234.195.428.428.428h.078c.04 0 .35-.078.584-.117v-.74l-1.013.195z"/><use href="#B3"/><use href="#B3" y="1.014"/><path d="M1.214 14.045V9.607l.818-.195v4.438l-.818.195zM14.762 7.62a.78.78 0 0 1-.779-.779.78.78 0 0 1 .779-.779.78.78 0 0 1 .779.779.78.78 0 0 1-.779.779zm0-1.48a.701.701 0 1 0 0 1.402.7.7 0 0 0 .701-.701c-.04-.4-.35-.7-.7-.7z"/><path d="M14.45 6.334h.35c.117 0 .234.078.234.234 0 .117-.04.234-.156.234.078 0 .156.078.156.195v.195c0 .04.04.078.04.078h-.156s-.04-.04-.04-.078v-.195c0-.117-.04-.156-.156-.156h-.117v.428h-.156v-.935zm.273.428c.117 0 .156-.078.156-.156 0-.117-.04-.156-.156-.156h-.117v.312h.117z"/></g><defs ><path id="B3" d="M1.02 15.406c-.04.078-.078.156-.078.234 0 .234.195.43.428.43h.078c.04 0 .35-.078.584-.117v-.74l-1.013.195z"/></defs></svg>