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

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

@@ -102,14 +102,14 @@ export class OntarioIconNext {
 		return h(
 			'div',
 			{
-				key: '215b8e5c15605e802ccf262e03e4206ae93a6eaa',
+				key: '7cdb25fc43777474b639cfdbb9ff24dbf5e90bbb',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '21c7772293be53e16dc4dbb2e4e48b29af69e631',
+					key: '5b2f0e1463ca74975d3d0c507224789c1d41bf82',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconNext {
 					id: 'next',
 				},
 				h('path', {
-					key: 'b6a4b99642a7c354db0d12cd2ff172653b8e8bfd',
+					key: '4d327c08d831ddb81fedcf7e0a91b0fa54938de9',
 					d: 'M22 12a10 10 0 0 1-10 10 10 10 0 0 1-7.071-2.929 10 10 0 0 1 0-14.142 10 10 0 0 1 10.898-2.168 10 10 0 0 1 5.412 5.412A10 10 0 0 1 22 12zm-12 6l6-6-6-6-1.4 1.4 4.6 4.6-4.6 4.6L10 18z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconNext {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconNext {
 				},
 				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 OntarioIconNext {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconNotification {
 		return h(
 			'div',
 			{
-				key: 'c908e910ad1da54dc4e49d08e58276fcfc28425b',
+				key: '7f3a7c99c4419be332e75e2ea51e2730bdce784a',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '954920b149ef25bd9010d9876b8667457761b1a3',
+					key: '5996cea2cfb5056a307f504b2582d8ca929eba10',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconNotification {
 					id: 'notification',
 				},
 				h('path', {
-					key: 'a3ac1c22a76bc103a21884d3177cb8f22c8b7c85',
+					key: '6f271fdd66edd6695dddef0c49cb9578b0dd0395',
 					d: 'M21 19v1H3v-1l2-2v-6a6.99 6.99 0 0 1 5-6.71V4a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.3A6.99 6.99 0 0 1 19 11v6l2 2zm-7 2a2 2 0 0 1-2 2 2 2 0 0 1-2-2',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconNotification {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconNotification {
 				},
 				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 OntarioIconNotification {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-password-hide.js

@@ -102,14 +102,14 @@ export class OntarioIconPasswordHide {
 		return h(
 			'div',
 			{
-				key: '9a95fd45cf783e1e297622f981819622d3a6b2cc',
+				key: 'b180ce4767d7b36d828f0611ee3e03df74885b3e',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '26a05b5de04a6bf3bf38f32bb0cf1cd1f16c5c15',
+					key: 'eef231fa57e949321dd9efd3e2af457ae6260698',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconPasswordHide {
 					id: 'password-hide',
 				},
 				h('path', {
-					key: '235bd91dcdfd8f313bfba332076a8e7f49386bcc',
+					key: 'bc8ddc973044813821134593f7f32870d0217fe4',
 					d: 'M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.5-1.26 2.7-2.9 3.43-4.75-1.73-4.4-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27L4.74 7c-1.66 1.3-2.96 3-3.74 5 1.73 4.4 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55A2.82 2.82 0 0 0 9 12c0 1.66 1.34 3 3 3a2.82 2.82 0 0 0 .65-.08l1.55 1.55c-.67.33-1.4.53-2.2.53-2.76 0-5-2.24-5-5 0-.8.2-1.53.53-2.2zm4.3-.78L15 12.17V12c0-1.66-1.34-3-3-3l-.17.01z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconPasswordHide {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconPasswordHide {
 				},
 				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 OntarioIconPasswordHide {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-password-show.js

@@ -102,14 +102,14 @@ export class OntarioIconPasswordShow {
 		return h(
 			'div',
 			{
-				key: 'a2bf922df4fd902a32d221cbbc3463b02143112e',
+				key: 'dfd88764b0146cf22364d6b6041c21f25d852f60',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '222cd7a28f54539d980902043823acf35fdce519',
+					key: '720a4190b52704be9d078063c7b1bb9831238c89',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconPasswordShow {
 					id: 'password-show',
 				},
 				h('path', {
-					key: '60e17003a88feb178d398b62280cdb1f2cf91538',
+					key: '8530a89769a535bfd4f58b5c82bbb21d3c5b19c6',
 					d: 'M12 4.5C7 4.5 2.73 7.6 1 12c1.73 4.4 6 7.5 11 7.5s9.27-3.1 11-7.5c-1.73-4.4-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconPasswordShow {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconPasswordShow {
 				},
 				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 OntarioIconPasswordShow {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconPhone {
 		return h(
 			'div',
 			{
-				key: '8e4c0972e34eb44558c874157f031e2bdf5d045e',
+				key: '5c87805e6d300cf50fa3782920c9dfe2b1b49bc0',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'af5cb2ad4847b7a2dc3275182fa6d5e01f29bca3',
+					key: '95c438e3ee415f4b1bd0f25768057677719fb5b8',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -119,7 +119,7 @@ export class OntarioIconPhone {
 					id: 'phone',
 				},
 				h('path', {
-					key: '7d607b5ce540e990da3621f893c1e79e30f236ff',
+					key: '8fbdbd5530a9f4483cca1e198cb76bb156260266',
 					d: 'M20 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1 .24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.9-6.83l1.95-1.66a1.02 1.02 0 0 0 .24-1.02c-.37-1.1-.56-2.3-.56-3.53A1 1 0 0 0 7.65 3H4.2C3.65 3 3 3.24 3 4c0 9.3 7.73 17 17 17 .7 0 1-.63 1-1.18v-3.45a1 1 0 0 0-.99-.99z',
 				}),
 			),
@@ -145,6 +145,7 @@ export class OntarioIconPhone {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -165,12 +166,12 @@ export class OntarioIconPhone {
 				},
 				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 OntarioIconPhone {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconPhoto {
 		return h(
 			'div',
 			{
-				key: '367a741f5fed0668413c3b85573352ab91917d63',
+				key: 'b1cabc34bab9cbba0c976054bc24edd6d0d28c40',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '257aead5ca240456a92822202bc87fccd24a296f',
+					key: '93250ec947aa78618ecd1bc635bebe62ce865ac7',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconPhoto {
 					id: 'photo',
 				},
 				h('path', {
-					key: 'dd57b89d6c0625490a000aa6e9a4c78bc17fb1c7',
+					key: '4604cb06f0468d891a6f03056679c81b5a90ef9f',
 					d: 'M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3 3.5-4.5 4.5 6H5l3.5-4.5z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconPhoto {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconPhoto {
 				},
 				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 OntarioIconPhoto {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconPinLocationOff {
 		return h(
 			'div',
 			{
-				key: '9100c3cc6c9115eab28583a3107c6acaccd79b08',
+				key: 'aae2c5909148c070e94a477ea22ed4f38c56b163',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '5dd689916a022fba302693c62e4e0e1e8c57d72d',
+					key: '7c0059df4f92fab47e2638b61ab2960569ca7def',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconPinLocationOff {
 					id: 'pin-location-off',
 				},
 				h('path', {
-					key: '5519c2fb54d195f1435ca9235c01191838e631ee',
+					key: '5905dcdd001e8b0e14c60b65bbaaf504909bdca8',
 					d: 'M16.37 16.1l-4.73-4.74L3.27 3 2 4.27l3.18 3.18C5.06 7.95 5 8.46 5 9c0 5.25 7 13 7 13s1.67-1.85 3.37-4.35L18.73 21 20 19.72l-3.63-3.62zM12 6.5A2.5 2.5 0 0 1 14.5 9c0 .73-.33 1.4-.83 1.85l3.63 3.65c.98-1.88 1.7-3.82 1.7-5.5a7 7 0 0 0-7-7c-2 0-3.76.82-5.04 2.14l3.2 3.2A2.47 2.47 0 0 1 12 6.5z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconPinLocationOff {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconPinLocationOff {
 				},
 				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 OntarioIconPinLocationOff {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconPinLocationOn {
 		return h(
 			'div',
 			{
-				key: '77bfd01854dae0dd15ee06452989479c0974daf3',
+				key: '90a2e79e2ed986c362a8ac739839bc91037df58f',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '1a99c88ae4ecfd2bbfc61c057b011ebe03cbc6d7',
+					key: 'a6bc1b7658a06624fb32094ca24b662daf9c7a97',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconPinLocationOn {
 					id: 'pin-location-on',
 				},
 				h('path', {
-					key: '7988d964bd1cb9270d91a61e876b3243b9b7421d',
+					key: '4e960d23127cf05e0877272edeffd7f92730dcbe',
 					d: 'M12 11.5A2.5 2.5 0 0 1 9.5 9 2.5 2.5 0 0 1 12 6.5 2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-.732 1.768A2.5 2.5 0 0 1 12 11.5zM12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconPinLocationOn {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconPinLocationOn {
 				},
 				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 OntarioIconPinLocationOn {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconPrevious {
 		return h(
 			'div',
 			{
-				key: 'bffa33e5b0e1272f42446e246b320f64ffdb7895',
+				key: 'c23053b38ea1f15038fbfb480c50a1024e8e2ef7',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '9c5bca95554ed7db80c0ddb1c605506f76a7e34c',
+					key: '1c71a1f44f56469f868fdba34cabf13c7913fdb5',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconPrevious {
 					id: 'previous',
 				},
 				h('path', {
-					key: '398b17b33f018191b8d666970957f092a484ce89',
+					key: '96156cd83fcff7901016cc22800d1e3dadd70496',
 					d: 'M22 12a10 10 0 0 1-10 10 10 10 0 0 1-7.071-2.929 10 10 0 0 1 0-14.142 10 10 0 0 1 10.898-2.168 10 10 0 0 1 5.412 5.412A10 10 0 0 1 22 12zm-6.6 4.6L10.8 12l4.6-4.6L14 6l-6 6 6 6 1.4-1.4z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconPrevious {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconPrevious {
 				},
 				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 OntarioIconPrevious {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconPrint {
 		return h(
 			'div',
 			{
-				key: '38206e8199dfb8fe4326660a31793e2e3f3d67bb',
+				key: '4b410905ba7847885122e2b9afcc47ec283f8536',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '9fe29194c94a7dbfb8a28651abad069593d08cff',
+					key: '9f92246b9f6d5fb138e42e0e94202c087619312d',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconPrint {
 					id: 'print',
 				},
 				h('path', {
-					key: 'b5d13b84d94f537465995de117a8275218f4cba6',
+					key: '765394bbbb1288e8453d41451967f0c7eefcb6da',
 					d: 'M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconPrint {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconPrint {
 				},
 				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 OntarioIconPrint {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconRemoveAlt {
 		return h(
 			'div',
 			{
-				key: '74e1ffca0442e71826f24756743af1a755180700',
+				key: 'e321bac30815ca5125d28ef016b9276d07a14ee6',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'eafcadd82892e665579fb02c142a5ce589f5cfbf',
+					key: '81e718713a3e8d0e62715c7c7a88368c52eecaef',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -119,7 +119,7 @@ export class OntarioIconRemoveAlt {
 					id: 'remove-alt',
 				},
 				h('path', {
-					key: '3ea5cdf8c36cfa6ca63871829aae8966283c7bce',
+					key: '64badfe690e3bc0b2d14aa9b89dcdc122f7a5c5d',
 					d: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z',
 				}),
 			),
@@ -145,6 +145,7 @@ export class OntarioIconRemoveAlt {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -165,12 +166,12 @@ export class OntarioIconRemoveAlt {
 				},
 				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 OntarioIconRemoveAlt {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconRemove {
 		return h(
 			'div',
 			{
-				key: 'fa344943e0683f45bbed2fc687f9510769957f13',
+				key: '17b172242cfaec42e6fbc07eb2f2464370381e50',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'eee81cbe7a902c0b1df21276de4191d65ef484b7',
+					key: '6b38f84fe0125be1af6ff4bbff8787983008d49a',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -119,7 +119,7 @@ export class OntarioIconRemove {
 					id: 'remove',
 				},
 				h('path', {
-					key: '7cac3ba54406a584fb60a13339a9bb80c8d8e0a3',
+					key: 'd63607623733d367ca5b694d97b05bbb0c383362',
 					d: 'M7 11v2h10v-2H7zm5-9C6.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',
 				}),
 			),
@@ -145,6 +145,7 @@ export class OntarioIconRemove {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -165,12 +166,12 @@ export class OntarioIconRemove {
 				},
 				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 OntarioIconRemove {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},