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

package/dist/ontario-design-system-components/{p-ddb66bbb.entry.js → p-f0ca3e20.entry.js}

@@ -67,14 +67,14 @@ const l = class {
 		return t(
 			'div',
 			{
-				key: 'b098c7843bfb49dcb66b09334a414205d1b9736b',
+				key: '7e055a29f24f2d4ed72e6738d89bf72895b0bfe5',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			t(
 				'svg',
 				{
-					key: 'bc6f2a77ee010541baa4e8dad9ae9362849b4c87',
+					key: '37e3ebf98fef40be3b6b2ee498283f217933a223',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -83,7 +83,7 @@ const l = class {
 					id: 'transport-walk',
 				},
 				t('path', {
-					key: 'e5e9f665c7b172882bb40313d50c14faeffef47e',
+					key: '93e2c4cb326f652a5db8cc1467b193d68d54ba7e',
 					d: 'M13.326 5.407a1.96 1.96 0 0 0 1.954-1.953A1.96 1.96 0 0 0 13.326 1.5a1.96 1.96 0 0 0-1.953 1.953 1.96 1.96 0 0 0 1.954 1.953zm-3.614 3.32L6.977 22.5h2.05l1.758-7.814 2.05 1.954v5.86h1.954v-7.326l-2.05-1.953.586-2.93c1.27 1.465 3.026 2.442 5.174 2.442V10.78c-1.856 0-3.22-.977-4.002-2.344l-.977-1.563c-.39-.586-.977-.977-1.66-.977-.193 0-.56.005-.78.098L6 8.142v4.59h1.953v-3.32l1.758-.684z',
 				}),
 			),
@@ -95,4 +95,4 @@ const l = class {
 };
 l.style = r;
 export { l as ontario_icon_transport_walk };
-//# sourceMappingURL=p-ddb66bbb.entry.js.map
+//# sourceMappingURL=p-f0ca3e20.entry.js.map

package/dist/ontario-design-system-components/{p-1700035e.entry.js → p-f125e857.entry.js}

@@ -48,14 +48,14 @@ const v = class {
 		return e(
 			'div',
 			{
-				key: '74795c1a25a43b62f3eecbf1269e6c771aa9e20f',
+				key: '353bc4d8262716e7c9f6d4bc629d23ec6019f140',
 				class: `ontario-icon ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			e(
 				'svg',
 				{
-					key: 'd15d879dba0605dff4dcc0e808c328c81e0cc09f',
+					key: '642ff2492d13ba584591067ec837edbfffd8a88b',
 					class: 'svg-icon',
 					role: 'img',
 					xmlns: 'http://www.w3.org/2000/svg',
@@ -63,48 +63,48 @@ const v = class {
 					id: 'interac-fr',
 				},
 				e('path', {
-					'key': 'c214c648e2ba90ad5dd26bfd3611332331eece97',
+					'key': '48e4d398a636b9663abcfbd9b264ec60272b288e',
 					'fill-rule': 'evenodd',
 					'd': 'M15.998 18.442c0 .7-.584 1.285-1.285 1.285H1.827c-.7 0-1.285-.584-1.285-1.285V5.556c0-.7.584-1.285 1.285-1.285h12.886c.7 0 1.285.584 1.285 1.285v12.886z',
 					'fill': '#ecaa20',
 				}),
 				e('path', {
-					key: 'a5dc57649af7ce324b1f8bf360488eca94ffd68c',
+					key: '1da5c90f372f01979f8ff7cd4e6e5605adcda2e5',
 					d: 'M37.876 4H1.827C.97 4 .27 4.7.27 5.557v12.886C.27 19.3.97 20 1.827 20h36.05c.856 0 1.557-.7 1.557-1.557V5.557c0-.856-.7-1.557-1.557-1.557zM1.827 19.728c-.7 0-1.285-.584-1.285-1.285V5.557c0-.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.827zm37.333-1.285c0 .7-.584 1.285-1.285 1.285H15.57c.428-.273.662-.74.662-1.285V5.557c0-.545-.273-1.012-.662-1.285h22.307c.7 0 1.285.584 1.285 1.285v12.886z',
 					fill: '#fff',
 				}),
 				e('path', {
-					key: 'a6b866aa9863820e78c42770f0835983827ebad3',
+					key: '4a88301a3f643359174a625fa2af2dc7cf25a2a9',
 					d: 'M16.27 5.556v12.886c0 .545-.272 1.012-.662 1.285h22.307c.7 0 1.285-.584 1.285-1.285V5.556c0-.7-.584-1.285-1.285-1.285H15.608c.39.31.662.78.662 1.285z',
 					fill: '#636466',
 				}),
 				e('path', {
-					key: '49c1fa5fd1cdf6f7de7f01de545fac07d460fb33',
+					key: 'ddf310ee43e0598e2dd1fefd714311979e0a9121',
 					d: 'M21.993 9.684v.545h-1.246v.857h1.168v.584h-1.168v.934h1.285v.584h-1.986V9.684h1.947zm.467.856h.662v.3a.72.72 0 0 1 .662-.389c.428 0 .662.234.662.74v1.946h-.662v-1.83c0-.273-.078-.35-.273-.35-.233 0-.35.156-.35.428v1.752h-.7V10.54zm4.204-.856h-.662v3.504h.662V9.684zm.584-.04h.662v.584h-.662v-.584zm0 .895h.662v2.647h-.662V10.54zm3.192 0v2.5c0 .7-.3 1.05-1.1 1.05-.584 0-.895-.272-.895-.7h.662c0 .078.04.156.117.195a.55.55 0 0 0 .234.078c.273 0 .4-.195.4-.467v-.35c-.156.195-.35.3-.584.3-.545 0-.818-.35-.818-1.324 0-.623.078-1.363.818-1.363.195 0 .428.078.545.35v-.272h.623zm-1.012 2.063c.273 0 .35-.3.35-.74 0-.662-.078-.895-.35-.895-.3 0-.35.234-.35.934.04.4.078.7.35.7zm1.596-2.063h.662v.3a.72.72 0 0 1 .662-.389c.428 0 .662.234.662.74v1.946h-.662v-1.83c0-.273-.078-.35-.273-.35-.234 0-.35.156-.35.428v1.752h-.7V10.54zm3.076 1.402v.195c0 .3.078.623.35.623.234 0 .3-.156.35-.506h.623c-.04.623-.3.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.156H34.1zm.7-.4c0-.4-.078-.623-.35-.623s-.35.273-.35.506v.117h.7z',
 					fill: '#fff',
 				}),
 				e(
 					'g',
-					{ key: '4ec748fe72972975bd35c0b9190f6a8a4608f21c', fill: '#000' },
+					{ key: 'f71511cd5653bd4ebe534461ce8a218d92e8e596', fill: '#000' },
 					e('path', {
-						key: '313a9a5b4e23cdcb318554fcf32d6377f9d6e763',
+						key: 'c86e8e8ffaf367cca444e3d1a0559a9dde93f1e0',
 						d: 'M2.84 12.954c-.234-.04-.35.04-.35.04V11.01l.74-.156v.3s.195-.428.74-.545c.584-.117.78.195.78.7v1.985l-.78.195v-1.87c0-.3-.156-.35-.3-.3-.234.04-.4.3-.4.584v1.285c0-.04-.156-.195-.428-.234zm6.345-.74V9.45l.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',
 					}),
 					e('path', {
-						key: '33835e9290cdf5254c390d6bc690fd1b092444ea',
+						key: '8ecf93c324d8ce03eace9d42767b8149da5224ce',
 						d: 'M5.37 13.11s-.117-.195-.117-.818V10.93l-.39.078v-.584l.39-.078V9.76l.78-.195v.623l.545-.117v.584l-.545.117v1.402c0 .623.156.78.156.78l-.818.156z',
 					}),
 					e('path', {
-						key: 'efae7230c48e42beffd9a45d1de48cbd5103ec91',
+						key: '37412852c94d6cf064e46ae22fbec6b31bae1b50',
 						d: 'M6.654 11.474c0-.506.078-.856.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-.4-1.168-1.168zm1.13-1.246c-.234.04-.4.312-.4.7l.74-.195v-.117c.04-.3-.04-.467-.35-.4zM13.3 9.84c-.04-.856.195-1.518 1.13-1.713.584-.117.817.04.934.156.117.156.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-.078.3-.3.3-.506v-.156l.74-.156v.117c0 .7-.4 1.13-1.05 1.285-.934.272-1.13-.273-1.168-1.13zm-2.53 1.167c0-.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-.195 1.012.156 1.012.662v1.246c0 .584.117.662.117.662l-.7.156s-.078-.117-.078-.234c0 0-.156.4-.7.506-.545.195-.856-.117-.856-.623zm1.48-.856s-.156.117-.4.233-.35.273-.35.467.117.3.3.273c.234-.04.4-.273.4-.545 0-.195.04-.4.04-.428z',
 					}),
 					e('path', {
-						'key': '9977f14fcc1dc1ec283c3e1533302d48bbe1cc4e',
+						'key': '4a40ce6ccf2dd48eddd8730cfcffd9d796d2c94f',
 						'fill-rule': 'evenodd',
 						'd': 'M3.5 14.16l1.207.818a.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.273 0 .467.234.467.467v2.375c0 .078.04.117.117.117s.117-.078.117-.156c.078-.04.078-1.83.078-1.83z',
 					}),
 					e('path', {
-						key: '3e882cba9d50c2c3a814ec5a62ebb0b1e4d89659',
+						key: '5008dcae9a12ebf7d99ca276790df229d8c67d32',
 						d: 'M1 14.433c-.04.078-.078.156-.078.234 0 .234.195.428.428.428h.078c.04 0 .35-.078.584-.117v-.74L1 14.433zm0 1.014c-.04.078-.078.156-.078.233 0 .234.195.428.428.428h.078c.04 0 .35-.078.584-.117v-.78L1 15.447zm0 1.01c-.04.078-.078.156-.078.234 0 .234.195.428.428.428h.078c.04 0 .35-.078.584-.117v-.74L1 16.458zm.204-2.376V9.644l.818-.195v4.438l-.818.195zm12.73-7.6h.234l.156.7h.04l.156-.7h.234v.973h-.156v-.818l-.195.818h-.117l-.195-.818v.818h-.156v-.973zm.974 0h.272c.3 0 .35.195.35.467s-.04.467-.35.467h-.272v-.934zm.156.856h.117c.117 0 .195-.078.195-.35s-.04-.35-.195-.35h-.117v.7z',
 					}),
 				),
@@ -120,4 +120,4 @@ const v = class {
 };
 v.style = o;
 export { v as ontario_icon_interac_fr };
-//# sourceMappingURL=p-1700035e.entry.js.map
+//# sourceMappingURL=p-f125e857.entry.js.map

package/{www/build/p-cc653027.entry.js → dist/ontario-design-system-components/p-f45d1e6b.entry.js}

@@ -67,14 +67,14 @@ const r = class {
 		return i(
 			'div',
 			{
-				key: '6b6b9bae4572be82f6c9775650e8f259ee21ffa4',
+				key: '4e2ca6017899fb95000959ad07a905156bdeb66c',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			i(
 				'svg',
 				{
-					key: 'ba553ccb58c5e4669b33ee3805a06f5d3361ac9d',
+					key: '8e1bb9bc692c6ac0d82807ae74f1508ba67f0159',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -82,7 +82,7 @@ const r = class {
 					viewBox: '0 0 24 24',
 					id: 'download',
 				},
-				i('path', { key: 'f5e0a944ceb2b634a38970ae2056715ddbd3566a', d: 'M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z' }),
+				i('path', { key: '73964ea0194fd2798bc6128e24fab1e993edc602', d: 'M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z' }),
 			),
 		);
 	}
@@ -92,4 +92,4 @@ const r = class {
 };
 r.style = l;
 export { r as ontario_icon_download };
-//# sourceMappingURL=p-cc653027.entry.js.map
+//# sourceMappingURL=p-f45d1e6b.entry.js.map

package/{www/build/p-a365505f.entry.js → dist/ontario-design-system-components/p-f8c4ff40.entry.js}

@@ -67,14 +67,14 @@ const l = class {
 		return o(
 			'div',
 			{
-				key: 'b7bc856e176aebc076fe331a688655f06c20d476',
+				key: '80ebae8b6ee3b47bed76aa1296c7bc98f2310458',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			o(
 				'svg',
 				{
-					key: '97c6ff34f0577ac48cc33073b4324cd9da417cf0',
+					key: '02d6df5afc5d35a942a472ab85fefe1d3585f165',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -82,7 +82,7 @@ const l = class {
 					viewBox: '0 0 24 24',
 					id: 'media-pause',
 				},
-				o('path', { key: '9824ed09819841897039685cf0bbc488e28a734c', d: 'M6 19h4V5H6v14zm8-14v14h4V5h-4z' }),
+				o('path', { key: 'd89e456704795eb70b0d91de7597a083be829f55', d: 'M6 19h4V5H6v14zm8-14v14h4V5h-4z' }),
 			),
 		);
 	}
@@ -92,4 +92,4 @@ const l = class {
 };
 l.style = r;
 export { l as ontario_icon_media_pause };
-//# sourceMappingURL=p-a365505f.entry.js.map
+//# sourceMappingURL=p-f8c4ff40.entry.js.map

package/dist/ontario-design-system-components/{p-abafe472.entry.js → p-f8cbec7c.entry.js}

@@ -67,14 +67,14 @@ const l = class {
 		return t(
 			'div',
 			{
-				key: '2258a8324d53c0831c4c7d90aa628738de6f0340',
+				key: '02f348766cffedaaef6b72258d6288755c9fc825',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			t(
 				'svg',
 				{
-					key: '116e00d9b534235e43d901035bac59be3d432925',
+					key: 'c60d26d10af6ce3afaaaa3c14a1ff1cc27772275',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -83,7 +83,7 @@ const l = class {
 					id: 'instagram',
 				},
 				t('path', {
-					key: '9e03f241524a9cd390ff1bad267480eb76256239',
+					key: '4ab13f644b2260f2482578031938670c4cadc71b',
 					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',
 				}),
 			),
@@ -95,4 +95,4 @@ const l = class {
 };
 l.style = r;
 export { l as ontario_icon_instagram };
-//# sourceMappingURL=p-abafe472.entry.js.map
+//# sourceMappingURL=p-f8cbec7c.entry.js.map

package/{www/build/p-87897e51.entry.js → dist/ontario-design-system-components/p-fb1a144e.entry.js}

@@ -1,9 +1,9 @@
 import { r as i, h as t } from './p-14fa9399.js';
 import { a as o, I as s, l as e } from './p-314395de.js';
-import { C as a } from './p-55c48d50.js';
-const n =
+import { C as n } from './p-55c48d50.js';
+const r =
 	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const r = n;
+const a = r;
 const l = class {
 	constructor(t) {
 		i(this, t);
@@ -15,7 +15,7 @@ const l = class {
 	}
 	validateWidth() {
 		if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-			const i = new a();
+			const i = new n();
 			i.addDesignSystemTag()
 				.addMonospaceText(' icon-width ')
 				.addRegularText('on')
@@ -46,7 +46,7 @@ const l = class {
 		}
 	}
 	warnDefaultColour() {
-		const i = new a();
+		const i = new n();
 		i.addDesignSystemTag()
 			.addMonospaceText(' colour ')
 			.addRegularText('on')
@@ -67,14 +67,14 @@ const l = class {
 		return t(
 			'div',
 			{
-				key: '67e3ae9e5452614f39415260b4446948b74c0640',
+				key: 'fc0d7c0012410ebd48a86187fe57d592f9e08771',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			t(
 				'svg',
 				{
-					key: '87fac257274676a31d0e28903c1adef47fe71f01',
+					key: '7058fa2c6fc2568b17cbffe38cf3fff69f01b874',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -83,7 +83,7 @@ const l = class {
 					id: 'timer',
 				},
 				t('path', {
-					key: 'b825c4b8ce89191f4afe208d4ae3af8cb0ff9291',
+					key: '361ce6cbfc95d19fc639f5bb494c782bd8595c20',
 					d: 'M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.6l1.42-1.42c-.43-.5-.9-1-1.4-1.4l-1.42 1.42A8.96 8.96 0 0 0 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.6zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z',
 				}),
 			),
@@ -93,6 +93,6 @@ const l = class {
 		return { iconWidth: ['validateWidth'], colour: ['validateColour'] };
 	}
 };
-l.style = r;
+l.style = a;
 export { l as ontario_icon_timer };
-//# sourceMappingURL=p-87897e51.entry.js.map
+//# sourceMappingURL=p-fb1a144e.entry.js.map

package/{www/build/p-33554950.entry.js → dist/ontario-design-system-components/p-fe487325.entry.js}

@@ -67,14 +67,14 @@ const l = class {
 		return i(
 			'div',
 			{
-				key: 'ced962082952c52e7f5464a88550e6008a8a7e13',
+				key: '6d01423125531dec1fc54790c3fdf8f1f4814493',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			i(
 				'svg',
 				{
-					key: '9e7494386e7efc5fd3c17b83ac0ad66b4efcb137',
+					key: '5b72b61d6ad04a2d1dc3bd827d6b459626ece101',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -83,7 +83,7 @@ const l = class {
 					id: 'facebook',
 				},
 				i('path', {
-					key: 'b7fd95b900361ae4290a0310d51b6febd8915813',
+					key: 'd2116fa476ffb3394b99b0ef8755e8cb4c9a0989',
 					d: 'M17 2v4h-2c-.7 0-1 .8-1 1.5V10h3v4h-3v8h-4v-8H7v-4h3V6a4 4 0 0 1 4-4h3z',
 				}),
 			),
@@ -95,4 +95,4 @@ const l = class {
 };
 l.style = r;
 export { l as ontario_icon_facebook };
-//# sourceMappingURL=p-33554950.entry.js.map
+//# sourceMappingURL=p-fe487325.entry.js.map

package/dist/types/components/ontario-aside/ontario-aside.d.ts

@@ -8,7 +8,7 @@ export declare class OntarioAside implements CalloutAside {
 	/**
 	 * The heading level of the aside heading.
 	 */
-	headingType: HeadingLevelOptions;
+	headingType?: HeadingLevelOptions;
 	/**
 	 * The type of the heading content. If no prop is passed, it will default to string.
 	 */
@@ -16,7 +16,7 @@ export declare class OntarioAside implements CalloutAside {
 	/**
 	 * Text or HTML to be displayed as the heading of the aside. If the heading content should be displayed as HTML, the `headingContentType` needs to be set to `html`.
 	 */
-	headingContent: string;
+	headingContent?: string;
 	/**
 	 * Optional text to be displayed as the content for the aside component. If a string is passed, it will automatically be nested in a paragraph tag.
 	 *
@@ -43,12 +43,6 @@ export declare class OntarioAside implements CalloutAside {
 	 * If a match is found in one of the array values then `headingContentType` will be set to the matching array key value.
 	 */
 	validateHeadingContentType(): string;
-	/**
-	 * Watch for changes in the `headingContent` prop for validation purposes.
-	 *
-	 * If no `headingContent` value is provided, a warning message will be printed.
-	 */
-	validateHeadingContent(): void;
 	/**
 	 * Watch for changes to the `highlightColour` prop.
 	 *

package/dist/types/components/ontario-callout/ontario-callout.d.ts

@@ -8,7 +8,7 @@ export declare class OntarioCallout implements CalloutAside {
 	/**
 	 * The heading level of the callout heading.
 	 */
-	headingType: HeadingLevelOptions;
+	headingType?: HeadingLevelOptions;
 	/**
 	 * The type of the heading content. If no prop is passed, it will default to `string`.
 	 */
@@ -16,7 +16,7 @@ export declare class OntarioCallout implements CalloutAside {
 	/**
 	 * Text or HTML to be displayed as the heading of the callout. If the heading content should be displayed as HTML, the `headingContentType` needs to be set to `html`.
 	 */
-	headingContent: string;
+	headingContent?: string;
 	/**
 	 * Optional text to be displayed as the content for the callout component. If a string is passed, it will automatically be nested in a paragraph tag.
 	 *
@@ -42,12 +42,6 @@ export declare class OntarioCallout implements CalloutAside {
 	 * If a match is found in one of the array values then `headingContentType` will be set to the matching array key value.
 	 */
 	validateHeadingContentType(): string;
-	/**
-	 * Watch for changes in the `headingContent` prop for validation purposes.
-	 *
-	 * If no `headingContent` value is provided, a warning message will be printed.
-	 */
-	validateHeadingContent(): void;
 	/**
 	 * Watch for changes to the `highlightColour` prop.
 	 *

package/dist/types/components/ontario-checkbox/ontario-checkboxes.d.ts

@@ -110,6 +110,10 @@ export declare class OntarioCheckboxes implements Checkboxes {
 	 * If no prop is set, it will default to false (optional).
 	 */
 	required?: boolean;
+	/**
+	 * Set this to display an error message
+	 */
+	errorMessage?: string;
 	/**
 	 * Used to add a custom function to the checkbox onChange event.
 	 */
@@ -154,6 +158,12 @@ export declare class OntarioCheckboxes implements Checkboxes {
 	 * Emitted when a keyboard input event occurs when a checkbox option has gained focus.
 	 */
 	checkboxOnFocus: EventEmitter<InputFocusBlurEvent>;
+	/**
+	 * Emitted when an error message is reported to the component.
+	 */
+	inputErrorOccurred: EventEmitter<{
+		errorMessage: string;
+	}>;
 	/**
 	 * 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.
 	 */
@@ -196,6 +206,7 @@ export declare class OntarioCheckboxes implements Checkboxes {
 	 * Watch for changes to the `language` prop to render either the English or French translations
 	 */
 	updateLanguage(): void;
+	broadcastInputErrorOccurredEvent(): void;
 	/**
 	 * Function to handle checkbox events and the information pertaining to the checkbox to emit.
 	 */

package/dist/types/components/ontario-dropdown-list/ontario-dropdown-list.d.ts

@@ -132,6 +132,10 @@ export declare class OntarioDropdownList implements Dropdown {
 	 * </ontario-dropdown-list>
 	 */
 	hintExpander?: HintExpander | string;
+	/**
+	 * Set this to display an error message
+	 */
+	errorMessage?: string;
 	/**
 	 * Used to add a custom function to the dropdown onChange event.
 	 */
@@ -177,6 +181,12 @@ export declare class OntarioDropdownList implements Dropdown {
 	 * Emitted when a keyboard input event occurs when a dropdown list has gained focus.
 	 */
 	dropdownOnFocus: EventEmitter<InputFocusBlurEvent>;
+	/**
+	 * Emitted when an error message is reported to the component.
+	 */
+	inputErrorOccurred: EventEmitter<{
+		errorMessage: string;
+	}>;
 	/**
 	 * 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.
 	 */
@@ -213,6 +223,7 @@ export declare class OntarioDropdownList implements Dropdown {
 	 * If a `hintExpander` prop is passed, it will be parsed (if it is a string), and the result will be set to the `internalHintExpander` state.
 	 */
 	private parseHintExpander;
+	broadcastInputErrorOccurredEvent(): void;
 	/**
 	 * Function to handle dropdown list events and the information pertaining to the dropdown list to emit.
 	 */

package/dist/types/components/ontario-radio-buttons/ontario-radio-buttons.d.ts

@@ -115,6 +115,10 @@ export declare class OntarioRadioButtons implements RadioButtons {
 	 * </ontario-radio-buttons>
 	 */
 	options: string | RadioOption[];
+	/**
+	 * Set this to display an error message
+	 */
+	errorMessage?: string;
 	/**
 	 * Used to add a custom function to the radio input onChange event.
 	 */
@@ -159,6 +163,12 @@ export declare class OntarioRadioButtons implements RadioButtons {
 	 * Emitted when a keyboard input event occurs when a radio option has gained focus.
 	 */
 	radioOnFocus: EventEmitter<InputFocusBlurEvent>;
+	/**
+	 * Emitted when an error message is reported to the component.
+	 */
+	inputErrorOccurred: EventEmitter<{
+		errorMessage: string;
+	}>;
 	/**
 	 * 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.
 	 */
@@ -195,6 +205,7 @@ export declare class OntarioRadioButtons implements RadioButtons {
 	 * Watch for changes to the `language` prop to render either the English or French translations
 	 */
 	updateLanguage(): void;
+	broadcastInputErrorOccurredEvent(): void;
 	/**
 	 * Function to handle radio buttons events and the information pertaining to the radio buttons to emit.
 	 */

package/dist/types/components/ontario-textarea/ontario-textarea.d.ts

@@ -77,6 +77,10 @@ export declare class OntarioTextarea implements Input {
 	 * 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.
 	 */
 	language?: Language;
+	/**
+	 * Set this to display an error message
+	 */
+	errorMessage?: string;
 	/**
 	 * Used to add a custom function to the textarea onInput event.
 	 */
@@ -125,6 +129,13 @@ export declare class OntarioTextarea implements Input {
 	 * Emitted when a keyboard input event occurs when an input has gained focus.
 	 */
 	inputOnFocus: EventEmitter<InputFocusBlurEvent>;
+	/**
+	 * Emitted when an error message is reported to the component.
+	 */
+	inputErrorOccurred: EventEmitter<{
+		inputId: string;
+		errorMessage: string;
+	}>;
 	/**
 	 * 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 textarea component loads.
 	 */
@@ -154,6 +165,7 @@ export declare class OntarioTextarea implements Input {
 	 * Watch for changes to the `language` prop to render either the English or French translations
 	 */
 	updateLanguage(): void;
+	broadcastInputErrorOccurredEvent(): void;
 	/**
 	 * Function to handle textarea events and the information pertaining to the textarea to emit.
 	 */