@ongov/ontario-design-system-component-library 5.0.0-alpha.6 → 6.0.0-alpha.1

package/dist/collection/components/ontario-icon/ontario-icon-interac-fr.js

@@ -70,14 +70,14 @@ export class OntarioIconInteracFr {
 		return h(
 			'div',
 			{
-				key: '3da214b4806eb54aa892d28bfbc8994ec173ddcd',
+				key: 'b97247b7a171eafe596d654af091c85562c9e4ad',
 				class: `ontario-icon ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'd708364f5533e4784466e356aade95ad60458de3',
+					key: '51d6387c73b07d195baeb0b34602ef48103b3b4e',
 					class: 'svg-icon',
 					role: 'img',
 					xmlns: 'http://www.w3.org/2000/svg',
@@ -85,48 +85,48 @@ export class OntarioIconInteracFr {
 					id: 'interac-fr',
 				},
 				h('path', {
-					'key': 'd0babadadc0ec3aaf4a94339f20024f6a5a90238',
+					'key': '94443d38843f2b5e7886732b01b3464b72dc0075',
 					'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',
 				}),
 				h('path', {
-					key: 'b56e28bbbb2fbdef9b419322d75fdc8473557ba4',
+					key: 'ea96fcb2d2cf547034cf22cadf82e4e1c7fe0f96',
 					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',
 				}),
 				h('path', {
-					key: 'f8c29a17b2023f4217766e94d2024841984757b9',
+					key: '12cc76626bc790c4a743b6d89ce15778556045d3',
 					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',
 				}),
 				h('path', {
-					key: '37165ddb586cba7ecb3f7eb98fc3c30395104e71',
+					key: 'dfe5150899dc0f25b32db8bb046162c82472b77d',
 					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',
 				}),
 				h(
 					'g',
-					{ key: '6e1b4c361a1ac2cb207c6d9f2470a7eb007c061e', fill: '#000' },
+					{ key: 'd5859d3efcb16c2967aef4afb8e85e0f3305e4db', fill: '#000' },
 					h('path', {
-						key: '8afbba75f59efb57f3a01039a451383bd997692b',
+						key: 'b63d48ffa650b183edaff7259f96ee11291e04df',
 						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',
 					}),
 					h('path', {
-						key: '09ffeecddf577d92d7b9b2aadaa4b159b30952cf',
+						key: 'bac7d84c6d3ee598a2ab5d83c8a7577ea862cab4',
 						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',
 					}),
 					h('path', {
-						key: '0b13dabc3c366ef6753bf42b729569227ba0b312',
+						key: '51387aaf07d56d9cbb1e24d466cafa2c472045ff',
 						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',
 					}),
 					h('path', {
-						'key': 'eaac5693093d09f9dd1de494dc9bd1f3ff790bbc',
+						'key': '1393beb022357d725c29d5ed2c8536de3b530500',
 						'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',
 					}),
 					h('path', {
-						key: '0880677240c8a0198e375ebb9cd781332b9d3f7f',
+						key: 'c4155798d56dcfd7f60491b26892d48f4dcc6fc2',
 						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',
 					}),
 				),
@@ -153,6 +153,7 @@ export class OntarioIconInteracFr {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -173,7 +174,6 @@ export class OntarioIconInteracFr {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},

package/dist/collection/components/ontario-icon/ontario-icon-linkedin-alt.js

@@ -102,14 +102,14 @@ export class OntarioIconLinkedinAlt {
 		return h(
 			'div',
 			{
-				key: 'b7df874cf63490c72e56679a57b64bed94005845',
+				key: '9a3232c2685f82055d1b492026c8005b4b816984',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '3b525114e3fe6bb26cc686858d12c8c45fcc83bb',
+					key: 'cdfb0dd67c808c9fb57719be0e721abb3a8171a5',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconLinkedinAlt {
 					id: 'linkedin-alt',
 				},
 				h('path', {
-					key: '5e84847da3e41c33a5a5e8f1727cdd9f7f7f43e8',
+					key: 'ac9d8fbcb00ba1f7f708358da75fe093efeced17',
 					d: 'M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26 2.9 2.9 0 0 0-2.32 1.3v-1.1h-2.8v8.37h2.8v-4.93c0-.77.62-1.4 1.4-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.8zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.7-1.68-1.7a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.7 1.68zm1.4 9.94v-8.37H5.5v8.37h2.77z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconLinkedinAlt {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconLinkedinAlt {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -190,7 +191,6 @@ export class OntarioIconLinkedinAlt {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-linkedin.js

@@ -102,14 +102,14 @@ export class OntarioIconLinkedin {
 		return h(
 			'div',
 			{
-				key: '73626d98007b68a096552eeaafa35a8d54bb7e87',
+				key: '6f3967acf2d27a1d06836b9e2c0af73d2b61501d',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '9d8eb56db7e3f27efbdea9ae3da978312e8638cc',
+					key: '49827619a8ce42c29ed462674c71012a856ec07b',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconLinkedin {
 					id: 'linkedin',
 				},
 				h('path', {
-					key: 'dcf500c6fc1f357eee195cadff99b5c1987ea7d5',
+					key: 'cf44051fc28b31bb25a703925595b0e8cb0fa4f1',
 					d: 'M21 21h-4v-6.75c0-1.06-1.2-1.94-2.25-1.94S13 13.2 13 14.25V21H9V9h4v2c.66-1.07 2.36-1.76 3.5-1.76a4.51 4.51 0 0 1 4.5 4.51V21zM7 21H3V9h4v12zM5 3a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconLinkedin {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconLinkedin {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -190,7 +191,6 @@ export class OntarioIconLinkedin {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-list.js

@@ -102,14 +102,14 @@ export class OntarioIconList {
 		return h(
 			'div',
 			{
-				key: 'e2ef5f9316df2eaa64a184c9fc35ba0a66237910',
+				key: 'fe5f7b5b04d954dcdc9dc231bb722a5c9a11b014',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '8a83b50e1f22b0a74151872b7419419062eb718b',
+					key: '031b4d51ae6b0121bd8136f67063aa0c29486740',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconList {
 					id: 'list',
 				},
 				h('path', {
-					key: 'aac61a6d1f24e8c574f1bffaa5dbbf0202bab67f',
+					key: 'b4c8a9c67915881afe0081a1824a768992ee268c',
 					d: 'M4 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 1 0 0-3zm0-6a1.5 1.5 0 1 0 0 3 1.5 1.5 0 1 0 0-3zm0 12c-.83 0-1.5.68-1.5 1.5A1.51 1.51 0 0 0 4 19.5 1.51 1.51 0 0 0 5.5 18c0-.82-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconList {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconList {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -190,7 +191,6 @@ export class OntarioIconList {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-live-chat.js

@@ -102,14 +102,14 @@ export class OntarioIconLiveChat {
 		return h(
 			'div',
 			{
-				key: 'fbd8114248eeff751c2cfcae082887c6f6b53623',
+				key: '9831a33797b1f97e259f7dd0d0d1acb86cbbdaf3',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '8ed2a454d434aca889352ae5a4456ee96751d1d7',
+					key: '42ea21659f5076e58b999a5ef72da792b7c91e4a',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconLiveChat {
 					id: 'live-chat',
 				},
 				h('path', {
-					key: 'dfedd66777d8dc88016a67340320fc17cd80d0d2',
+					key: 'b22413ebc0bbbed3f18d8407439cdfd0f64722c9',
 					d: 'M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconLiveChat {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconLiveChat {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -190,7 +191,6 @@ export class OntarioIconLiveChat {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-location-off.js

@@ -102,14 +102,14 @@ export class OntarioIconLocationOff {
 		return h(
 			'div',
 			{
-				key: '558cecc938b539d6e4bfe434264b5bb45ee68c14',
+				key: 'ece9f9fcffc2199c462de5b768b4cac5ae12a58b',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'eb518ba2fc907110768f469f5fbb149ce6a7855b',
+					key: 'c2f6942d8aa2e30fb478d0fc93d6800a31eeac75',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconLocationOff {
 					id: 'location-off',
 				},
 				h('path', {
-					key: '233a7941963bc8226a85547b757a2194db8f5372',
+					key: 'c28f6a3f4256412703d4e8290f7b192228852c47',
 					d: 'M20.94 11c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06c-1.13.12-2.2.46-3.16.97l1.5 1.5C10.16 5.2 11.06 5 12 5c3.87 0 7 3.13 7 7a7.03 7.03 0 0 1-.52 2.65l1.5 1.5c.5-.96.84-2.02.97-3.15H23v-2h-2.06zM3 4.27L5.04 6.3c-1.07 1.3-1.8 2.92-1.98 4.7H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c1.77-.2 3.38-.9 4.7-1.98L19.73 21 21 19.73 4.27 3 3 4.27zm13.27 13.27C15.1 18.45 13.6 19 12 19c-3.87 0-7-3.13-7-7 0-1.6.55-3.1 1.46-4.27l9.8 9.8z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconLocationOff {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconLocationOff {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -190,7 +191,6 @@ export class OntarioIconLocationOff {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-location-on.js

@@ -102,14 +102,14 @@ export class OntarioIconLocationOn {
 		return h(
 			'div',
 			{
-				key: '71f71d5789c38d8abd94fc224e173e83510dbb74',
+				key: 'c4a6b298ea954c244f9638c8f4d43baccaf30268',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '4a3b2596e5a16925edbdcc895ad4ccfa50ba9516',
+					key: '7f1f913fc385e09aeb0d9604fcef1d5ae9de4bdf',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconLocationOn {
 					id: 'location-on',
 				},
 				h('path', {
-					key: 'a2fcc3cdbb5578c616e89f4dbadfd3ef0bc32a64',
+					key: 'bad084e862d63c53b8f17fe07c2f90c8c8845931',
 					d: 'M12 8a4 4 0 1 0 0 8 4 4 0 1 0 0-8zm8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconLocationOn {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconLocationOn {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -190,7 +191,6 @@ export class OntarioIconLocationOn {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-lock-off.js

@@ -102,14 +102,14 @@ export class OntarioIconLockOff {
 		return h(
 			'div',
 			{
-				key: '2abc11df3cf08287bede21084ffc0b8eb5701839',
+				key: '215774e2b2e43e1591db53b17638cc9b06472006',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '486909c26588092cdbc6f32dcb0522697b41873a',
+					key: 'd1bb2d1280623ed57adcf8ae3a96c7d88941e9fb',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconLockOff {
 					id: 'lock-off',
 				},
 				h('path', {
-					key: 'ba049f87549cb145c0ca833ef29c583c7e28edd5',
+					key: 'a4eceae1502b4c8e32a59fafa4a890034301de9c',
 					d: 'M18 8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h9V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3H7a5 5 0 0 1 5-5 5 5 0 0 1 3.536 1.464A5 5 0 0 1 17 6v2h1zm-6 9a2 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 2z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconLockOff {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconLockOff {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -190,7 +191,6 @@ export class OntarioIconLockOff {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-lock-on.js

@@ -102,14 +102,14 @@ export class OntarioIconLockOn {
 		return h(
 			'div',
 			{
-				key: '76fe7dc40e15cc9dd21838c80aef4c30ebcc1e13',
+				key: 'bf6da76f6ee9a826f038a357e1347665e2a718a5',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '6776d407a8c0712c13d23d3c31001988441dce4a',
+					key: '12c87279a2e6823babd9cfbfa2af721400cb8085',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconLockOn {
 					id: 'lock-on',
 				},
 				h('path', {
-					key: '1d33473c4d05558712d244514a38cc781139b5f3',
+					key: '0e722f3f8e6ddda51f3e67b52a0119aab6db379b',
 					d: 'M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.7 1.4-3.1 3.1-3.1s3.1 1.4 3.1 3.1v2z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconLockOn {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconLockOn {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -190,7 +191,6 @@ export class OntarioIconLockOn {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-map.js

@@ -102,14 +102,14 @@ export class OntarioIconMap {
 		return h(
 			'div',
 			{
-				key: '4372e89513250259bfd260ee5655375391bdf8d2',
+				key: '0b08aa3657326ef58e2d7776d25423d60be8d475',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'd1ced8521c5f4fd23f15b5e92919bdaa31903e2e',
+					key: '6c463d3a7ad552bbd8d1e24b351ead5398b82e86',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconMap {
 					id: 'map',
 				},
 				h('path', {
-					key: '924b96c7721de5de2f785e2fb909dcbaff6dd809',
+					key: '1882d656ce97ac85bf40f2f66582ca79204b8864',
 					d: 'M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.2.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.2-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.1V5l6 2.1V19z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconMap {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconMap {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -190,7 +191,6 @@ export class OntarioIconMap {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-mastercard-alt.js

@@ -70,29 +70,29 @@ export class OntarioIconMastercardAlt {
 		return h(
 			'div',
 			{
-				key: '40ae9ab15bc3e48916d72c6c871117e17d4210bb',
+				key: '231fd79682e5157711a65fcb3b6b5deddd21aea8',
 				class: `ontario-icon ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '511e62b277d07aa2778ddf9d86e7e3edbbf2a7f3',
+					key: '72407e787b2abb48fcad200a9ba68c5fd318676c',
 					class: 'svg-icon',
 					role: 'img',
 					xmlns: 'http://www.w3.org/2000/svg',
 					viewBox: '0 0 24 24',
 					id: 'mastercard-alt',
 				},
-				h('circle', { key: '69e411c7a655384f1d3edbf7d32e5cc5b927bbc1', cx: '8', cy: '12', r: '6.5', fill: '#eb001b' }),
-				h('circle', { key: 'a27265af3feb9192150f4402a8d8ea1750ec5ad6', cx: '16', cy: '12', r: '6.5', fill: '#f79e1b' }),
+				h('circle', { key: 'dfb1d3e9f648019d1f5b5a0a587722e1f05841fc', cx: '8', cy: '12', r: '6.5', fill: '#eb001b' }),
+				h('circle', { key: '3886c20763f3eb481bc7d04e93bd551a5a4bf818', cx: '16', cy: '12', r: '6.5', fill: '#f79e1b' }),
 				h('path', {
-					key: '5e268adc304dd70a0fe571c8a426f015702753ad',
+					key: '674de37b35f0750209185aebe092be71e8dc68f3',
 					d: 'M12 17.124S9.5 15.5 9.5 12 12 6.876 12 6.876 14.5 8.5 14.5 12 12 17.124 12 17.124z',
 					fill: '#ff5f00',
 				}),
 				h('path', {
-					key: 'b7dcd2671608e79a2517c8c8eeeba578aff9cd09',
+					key: '3d1301398badeefee3e7492a15f49d97fbdfcb28',
 					d: 'M21.173 16.85v-.3h.125v-.06H21v.06h.117v.3h.055zm.578 0v-.35h-.1l-.105.25-.105-.25h-.1v.35h.065v-.265l.098.227h.067l.098-.227v.265h.063z',
 					fill: '#f79e1b',
 				}),
@@ -119,6 +119,7 @@ export class OntarioIconMastercardAlt {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -139,7 +140,6 @@ export class OntarioIconMastercardAlt {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},