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

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

@@ -102,14 +102,14 @@ export class OntarioIconMenu {
 		return h(
 			'div',
 			{
-				key: 'f95e71914315220965a5e166dd39318c82582964',
+				key: '77cc6faed206a0254ae796e84bdcd19d1df9f950',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '7da26b25c71dfab70c0a28824f5b9f50077b0432',
+					key: '043be3221bcf4154d18f8a94eb7802383a631fd8',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -119,7 +119,7 @@ export class OntarioIconMenu {
 					id: 'menu',
 				},
 				h('path', {
-					key: 'd2aad60213a8d4295f7b4639c67aa9b69d904c98',
+					key: 'a4e0b52c0f301e52408bf0712a93d3db2e46edf4',
 					d: 'M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z',
 				}),
 			),
@@ -145,6 +145,7 @@ export class OntarioIconMenu {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -165,12 +166,12 @@ export class OntarioIconMenu {
 				},
 				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 OntarioIconMenu {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconMicrophoneOff {
 		return h(
 			'div',
 			{
-				key: '5f617b42a618f07263e5011396101270313526ad',
+				key: 'deb72799cd76ddc709c39aa2fdd9e3e2a2adbf4c',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'ccc0516a1cea7de841b819f3177fbcdc46ef8e22',
+					key: '2e94d5e53dec9885fe311b6bb1b3925ef525e927',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconMicrophoneOff {
 					id: 'microphone-off',
 				},
 				h('path', {
-					key: 'f1acdb5363d8d236d92ebde65ccd96e17a3beddc',
+					key: 'a278b5c28b92c391c77a0772b7ed92d90590334f',
 					d: 'M19 11c0 1.2-.34 2.3-.9 3.28l-1.23-1.23c.27-.62.43-1.3.43-2.05H19zm-4 .16L9 5.18V5a3 3 0 0 1 3-3 3 3 0 0 1 3 3v6.16zM4.27 3L21 19.73 19.73 21l-4.2-4.2a7.03 7.03 0 0 1-2.54.91V21h-2v-3.28c-3.28-.5-6-3.3-6-6.72h1.7c0 3 2.54 5.1 5.3 5.1.8 0 1.6-.2 2.3-.52l-1.66-1.66L12 14a3 3 0 0 1-3-3v-.72l-6-6L4.27 3z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconMicrophoneOff {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconMicrophoneOff {
 				},
 				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 OntarioIconMicrophoneOff {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconMicrophoneOn {
 		return h(
 			'div',
 			{
-				key: 'baff4c1df09697731833221c96389de7cbceb221',
+				key: '3c2cbd298efd2a4e86b47ec70b788e8b47a2e098',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '87f1c1f96d138d319a419fee3b5b0880bc62b44e',
+					key: '6723cb26dca42b717f8fae176b1d2b597e389828',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconMicrophoneOn {
 					id: 'microphone-on',
 				},
 				h('path', {
-					key: '06b98596b0e49815285120653bc3e60fab551c59',
+					key: '9ce7490c553131609b58f8fc6dc240198f954318',
 					d: 'M12 2a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3 3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zm7 9c0 3.53-2.6 6.44-6 6.93V21h-2v-3.07c-3.4-.5-6-3.4-6-6.93h2a5 5 0 0 0 5 5 5 5 0 0 0 5-5h2z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconMicrophoneOn {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconMicrophoneOn {
 				},
 				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 OntarioIconMicrophoneOn {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-more-vertical.js

@@ -102,14 +102,14 @@ export class OntarioIconMoreVertical {
 		return h(
 			'div',
 			{
-				key: '3eb30163b662edc4afcdb14445b2134eb6c7801d',
+				key: '2bb45e985eeffb9174809c915ff638c30d08778d',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'ea34d8bd11002bcd10437a151e2ccaaf163b936b',
+					key: '2e0255479c64ef3856d2273b1c0dc9ef93d92e5c',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconMoreVertical {
 					id: 'more-vertical',
 				},
 				h('path', {
-					key: '7805ce0816c86cd451e69b4b4e5de4b38c0ada2c',
+					key: '2433945c2402d511343e0fad6af06c1dbc64a569',
 					d: 'M12 16a2 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-2zm0-6a2 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-2zm0-6a2 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 OntarioIconMoreVertical {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconMoreVertical {
 				},
 				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 OntarioIconMoreVertical {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-new-window.js

@@ -102,14 +102,14 @@ export class OntarioIconNewWindow {
 		return h(
 			'div',
 			{
-				key: 'b6f1a9fe910d73ee8995199f79d2e758a7dfb790',
+				key: 'c40ae594024439deabfe669221c7afafca5c997b',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'fe55fdc946db27c1f06d41e2e20f16b74a4efcc6',
+					key: '4cf4ad750a252c86732a8ba638dcab445e5b9b81',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -119,7 +119,7 @@ export class OntarioIconNewWindow {
 					id: 'new-window',
 				},
 				h('path', {
-					key: '55e5751bcbfe7e03bc661ec9705b0ab94ac55fe6',
+					key: 'c7a34a53492801e3c53e031d0dffe6a72aa16eb9',
 					d: 'M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.6l-9.83 9.83 1.4 1.4L19 6.4V10h2V3h-7z',
 				}),
 			),
@@ -145,6 +145,7 @@ export class OntarioIconNewWindow {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -165,12 +166,12 @@ export class OntarioIconNewWindow {
 				},
 				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 OntarioIconNewWindow {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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'",
 			},