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

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

@@ -102,14 +102,14 @@ export class OntarioIconCollapse {
 		return h(
 			'div',
 			{
-				key: '4e2ca6017899fb95000959ad07a905156bdeb66c',
+				key: 'ac1fe33030ca276d501c3f76beeffa92954fe8de',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'c85f09e33fcff217a4c6deea011dd70925242941',
+					key: '0161301e33e106bb19105f1a6d8a9686bc075a54',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconCollapse {
 					viewBox: '0 0 24 24',
 					id: 'collapse',
 				},
-				h('path', { key: '6d0b2775d0666e6112ccbaa8d20c342fd7a0a589', d: 'M19 13H5v-2h14v2z' }),
+				h('path', { key: '5fc0ab8cdde27a93e7894164c7b390aea409c216', d: 'M19 13H5v-2h14v2z' }),
 			),
 		);
 	}
@@ -142,6 +142,7 @@ export class OntarioIconCollapse {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -162,12 +163,12 @@ export class OntarioIconCollapse {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -188,7 +189,6 @@ export class OntarioIconCollapse {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-credit-card.js

@@ -102,14 +102,14 @@ export class OntarioIconCreditCard {
 		return h(
 			'div',
 			{
-				key: '9628315e2c832266c36265c3b19c09e31dd1101e',
+				key: 'd31170b2dd70d943fe1d9155d39928ddb3b19212',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '92d17316bc251bcedee42874a1d85d1a2785f905',
+					key: '493f9b20845a85a4f515dba6f995d2684fb9d56e',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -119,7 +119,7 @@ export class OntarioIconCreditCard {
 					id: 'credit-card',
 				},
 				h('path', {
-					key: 'e4457d8f46162ef9cc6e656aacf7555cb03fb695',
+					key: 'fbcb888a18584c22d7300b788b154fe576d24b56',
 					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',
 				}),
 			),
@@ -145,6 +145,7 @@ export class OntarioIconCreditCard {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -165,12 +166,12 @@ export class OntarioIconCreditCard {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -191,7 +192,6 @@ export class OntarioIconCreditCard {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconCriticalAlertWarning {
 		return h(
 			'div',
 			{
-				key: '28d3acfe6944127e53376d51dd324f3597db9d1d',
+				key: '08d2b06536c8e7d90b5e4efaf5845680cc70557f',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '4a0664c45651546bd1099318dc40d29022831ab1',
+					key: 'c2b4f24abebbb4458a8b650de93a02daace9cc85',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -119,12 +119,12 @@ export class OntarioIconCriticalAlertWarning {
 					id: 'critical-alert-warning',
 				},
 				h('path', {
-					key: '083e41b6ad1c3df0a6f6b19bb0ffd4ec65276c1b',
+					key: '5546f28d27acc5b7f02538225e77a5c1ac799b77',
 					d: 'M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z',
 					fill: 'white',
 				}),
 				h('rect', {
-					key: '8ed142102d2ad70d52f707b1e8e82d344dfc5a06',
+					key: '2341716ca005857c0d72b18bedfd3f6dc6f278e9',
 					x: '11',
 					y: '10',
 					width: '2',
@@ -132,7 +132,7 @@ export class OntarioIconCriticalAlertWarning {
 					fill: 'black',
 				}),
 				h('rect', {
-					key: '6ab171d7ced2bbb104c0fc7449bb0c5a28948733',
+					key: '36b33c788a55f6f0709afeed313a319361c06807',
 					x: '11',
 					y: '16',
 					width: '2',
@@ -162,6 +162,7 @@ export class OntarioIconCriticalAlertWarning {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -182,12 +183,12 @@ export class OntarioIconCriticalAlertWarning {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -208,7 +209,6 @@ export class OntarioIconCriticalAlertWarning {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconDelete {
 		return h(
 			'div',
 			{
-				key: 'e80c5ab242fff44dd09b0d4255a06b97148b4334',
+				key: '7120b51d834ab446d3cbeb09b07b15c4b518ef01',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'c805f9d5fc19c33290514b48f880bb5d1335f858',
+					key: '4965c9acb804016d1aa2c580e801e07db9c1d949',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconDelete {
 					id: 'delete',
 				},
 				h('path', {
-					key: 'c5462700c94cca117e32752fe4d18be0b01fd4ff',
+					key: '22c59fcf0332e2dd4fdf183e9fcad8d1c9316f61',
 					d: 'M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconDelete {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconDelete {
 				},
 				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 OntarioIconDelete {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconDocument {
 		return h(
 			'div',
 			{
-				key: 'c10917fd77dd4a44c822a92f31eef164529c37bb',
+				key: '67e7c76dc449a36927055b997b40f09520acc5b6',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '2b07c2c25a8fbf4d75e8d68b68af4d3dbcbcde3c',
+					key: '05f424f388bd6707e4af24b76035f143e84841b2',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconDocument {
 					id: 'document',
 				},
 				h('path', {
-					key: 'c2a091bbc8c7424430d42e439facfb08cd28fbe5',
+					key: 'e99cb152c49e1c8a7ed5aa7a14013f27f24961b8',
 					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',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconDocument {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconDocument {
 				},
 				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 OntarioIconDocument {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconDownload {
 		return h(
 			'div',
 			{
-				key: '27a4eace7c70c0e6dd057ec7d2dbbac2cb506787',
+				key: '6d01423125531dec1fc54790c3fdf8f1f4814493',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '3fda1524fde047f13736f1b2af0e810758aaa45b',
+					key: '5b72b61d6ad04a2d1dc3bd827d6b459626ece101',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -117,7 +117,7 @@ export class OntarioIconDownload {
 					viewBox: '0 0 24 24',
 					id: 'download',
 				},
-				h('path', { key: 'ef8f8caadfa3724853b1fa7ecc4bf1b2abfe9bca', d: 'M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z' }),
+				h('path', { key: 'b52236b2f5472fe86066764fdf8591ffc7284dae', d: 'M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z' }),
 			),
 		);
 	}
@@ -141,6 +141,7 @@ export class OntarioIconDownload {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -161,12 +162,12 @@ export class OntarioIconDownload {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -187,7 +188,6 @@ export class OntarioIconDownload {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-dropdown-arrow.js

@@ -70,14 +70,14 @@ export class OntarioIconDropdownArrow {
 		return h(
 			'div',
 			{
-				key: '90d238c18a155e5ee75db80257a5273ac3bea068',
+				key: '67d80d1b6dc26438c0cf30aba91a16e6a8223dff',
 				class: `ontario-icon ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'aec2ab2b704367aa863a5487b03643f0d90a112d',
+					key: 'ae348f5fb43f3e56bee65cf2d85cc690f48861c9',
 					class: 'svg-icon',
 					role: 'img',
 					xmlns: 'http://www.w3.org/2000/svg',
@@ -86,7 +86,7 @@ export class OntarioIconDropdownArrow {
 					id: 'dropdown-arrow',
 				},
 				h('path', {
-					key: 'b404227a2f8ae13f7f6fb191a822917a61503971',
+					key: 'bfffc54b0a30059b62e1a59df886b62ba9d161e8',
 					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',
 				}),
 			),
@@ -112,6 +112,7 @@ export class OntarioIconDropdownArrow {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -132,7 +133,6 @@ export class OntarioIconDropdownArrow {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconEdit {
 		return h(
 			'div',
 			{
-				key: 'aaaf524792567268e3050ce2b229114e3df58931',
+				key: '8326edea9621a4db6cb6a2f32a1f96fd3abdd769',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '5bd25c514ac62ce0c8fed23f4fd31f79f261d365',
+					key: 'a7676367d584b88b6088adff166b7666d5f81ead',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconEdit {
 					id: 'edit',
 				},
 				h('path', {
-					key: '7501e50e6f81bb81f7c10c3956f5ac0f13e0bb53',
+					key: '0d16b28cf5acd02fd0a955ccf8f3bfd88b131a3c',
 					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',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconEdit {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconEdit {
 				},
 				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 OntarioIconEdit {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconEmail {
 		return h(
 			'div',
 			{
-				key: '2446458fd650e34739694bc709e5e8c500d6571e',
+				key: '3844271dc66082de3bcc17807d9de2c6de6555ed',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '467f68a0ce83d28cbcf5483176544b231ceee312',
+					key: 'c913f28a6e86c94ff3eaf1faf2c7ba1830691836',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -119,7 +119,7 @@ export class OntarioIconEmail {
 					id: 'email',
 				},
 				h('path', {
-					key: 'b59a75e340a75e41311fcf699e9f435a8db18b43',
+					key: '5a6060464344439577f9b3a4e93bb570f0005aed',
 					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',
 				}),
 			),
@@ -145,6 +145,7 @@ export class OntarioIconEmail {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -165,12 +166,12 @@ export class OntarioIconEmail {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -191,7 +192,6 @@ export class OntarioIconEmail {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconExpand {
 		return h(
 			'div',
 			{
-				key: '23f395d6c368ac4a617b4fb2e31dfda5d046bf67',
+				key: 'd3a6a0b06680d927ea84725c13070485b0e1c01f',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '1ed7d3357d821a1864b2592d658367f26d6083d1',
+					key: '211cfe70cedecc40f6ab8f5ccee8cf388e809713',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconExpand {
 					viewBox: '0 0 24 24',
 					id: 'expand',
 				},
-				h('path', { key: '1807a5c7ded16eb9111ca457c71bf38f6587acc6', d: 'M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z' }),
+				h('path', { key: '70eafcd7bac0f8a72e41617c544952918a13c687', d: 'M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z' }),
 			),
 		);
 	}
@@ -142,6 +142,7 @@ export class OntarioIconExpand {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -162,12 +163,12 @@ export class OntarioIconExpand {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},
 			colour: {
 				type: 'string',
+				attribute: 'colour',
 				mutable: false,
 				complexType: {
 					original: 'IconColour',
@@ -188,7 +189,6 @@ export class OntarioIconExpand {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconExport {
 		return h(
 			'div',
 			{
-				key: 'bf44913e6da2fdc8fcd57fca31246aae6727f422',
+				key: '279e654599137ed929cad64ffb7d0f3a50afd83c',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '2d6d50ec22a45645f05a56b1ff710f0a1bad2360',
+					key: '18fa2d641d08bcbd7cf15c94e56e4dd39b5fbca1',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconExport {
 					id: 'export',
 				},
 				h('path', {
-					key: 'cb199c8c4800dea6e48b11c7f406761bf13786a5',
+					key: 'e6cd771fc86f30285bf3c9467757f69941425d25',
 					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',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconExport {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconExport {
 				},
 				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 OntarioIconExport {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconFacebookAlt {
 		return h(
 			'div',
 			{
-				key: 'f175ee14780b487c4c38f7a522f19f7358608973',
+				key: '4193ee0f2f771b951da6fc9d87d6cb80aca80d12',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'e43dd3fe6266e7b91a01757821fa87d15a7507cb',
+					key: '1aafef83de897f6b34023799dd4cedb0b0ce8fde',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconFacebookAlt {
 					id: 'facebook-alt',
 				},
 				h('path', {
-					key: '9cfc1438407bd779c109c3a38af70f22a9f22b71',
+					key: 'e9617246464dd087edfdb45b81484cc4ec63473a',
 					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',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconFacebookAlt {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconFacebookAlt {
 				},
 				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 OntarioIconFacebookAlt {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},