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

package/dist/collection/components/ontario-icon/ontario-icon-sentiment-3.js

@@ -102,14 +102,14 @@ export class OntarioIconSentiment3 {
 		return h(
 			'div',
 			{
-				key: '6dfd9735c20a90eac7276cac4f8b003e5444bef9',
+				key: '922f496cd2954707d1c233ffbcbf10e743e6eb53',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'b7dc091e05747228fdc08b5f8bf7f2189dacc7f0',
+					key: '0601fcdde1cf6dd722d1da519a81eaadd432c1a1',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconSentiment3 {
 					id: 'sentiment-3',
 				},
 				h('path', {
-					key: 'dd8218924386d88a3f301cddd865dbd24b6bb2dc',
+					key: '5bc4b26906853f72f8bc7b86307826636ffc421c',
 					d: 'M12 2a10 10 0 1 0 0 20 10.01 10.01 0 0 0 10-10A10.01 10.01 0 0 0 11.99 2zm0 18a8 8 0 1 1 0-16 8 8 0 1 1 0 16zm0-4a3.8 3.8 0 0 1-1.96-.52l-1 1.15c.86.55 1.87.87 2.97.87a5.49 5.49 0 0 0 2.98-.88c-.97-1.1-.01-.02-1-1.15a3.8 3.8 0 0 1-1.97.53zm3.5-5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 1 0 0 3zm-7 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 1 0 0 3z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconSentiment3 {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconSentiment3 {
 				},
 				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 OntarioIconSentiment3 {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-sentiment-4.js

@@ -102,14 +102,14 @@ export class OntarioIconSentiment4 {
 		return h(
 			'div',
 			{
-				key: '23f916df481e6838ff53673e1bb3913c0b8d3791',
+				key: '315374cbe1c89ad55ae722a9e9a8fd068a02f4c6',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '1fb19ba33ff80a9c46316dd299fcf7914df9b7b9',
+					key: '8584488da607e7c0a3fda36c2473eb9f99735ccf',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconSentiment4 {
 					id: 'sentiment-4',
 				},
 				h('path', {
-					key: '0625e09216f84cc0839eba86afecf59ffd5cb4e0',
+					key: '8d5ae2de2fe2c955697540911af18df0203cd27e',
 					d: 'M12 2a10 10 0 1 0 0 20 10.01 10.01 0 0 0 10-10A10.01 10.01 0 0 0 11.99 2zm0 18a8 8 0 1 1 0-16 8 8 0 1 1 0 16zm0-2.5c2.33 0 4.32-1.45 5.12-3.5h-1.67c-.7 1.2-1.97 2-3.45 2s-2.75-.8-3.45-2H6.88c.8 2.05 2.8 3.5 5.12 3.5zm3.5-6.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 1 0 0 3zm-7 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 1 0 0 3z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconSentiment4 {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconSentiment4 {
 				},
 				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 OntarioIconSentiment4 {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-sentiment-5.js

@@ -102,14 +102,14 @@ export class OntarioIconSentiment5 {
 		return h(
 			'div',
 			{
-				key: 'bd077fd6d4baee243eb59276f9f3eae1afe586f2',
+				key: '9c4f4634a2cea0c7677921f5a3cb9fd2cc1efac8',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '7b253e0c55fb8ed742034ae9ab5a47891ea839bf',
+					key: '005efdc7bccba37ff2a3f6d3a10f4baff3f54ae9',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconSentiment5 {
 					id: 'sentiment-5',
 				},
 				h('path', {
-					key: 'bd8fe4c5e6f8639891e284194ebbe80d754185d0',
+					key: 'ff4d4060bdac614f31ee5a1de5657893b85798cf',
 					d: 'M12 2a10 10 0 1 0 0 20 10.01 10.01 0 0 0 10-10A10.01 10.01 0 0 0 11.99 2zm0 18a8 8 0 1 1 0-16 8 8 0 1 1 0 16zm-5-6c.78 2.34 2.72 4 5 4s4.22-1.66 5-4H7zm8.5-3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 1 0 0 3zm-7 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 1 0 0 3z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconSentiment5 {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconSentiment5 {
 				},
 				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 OntarioIconSentiment5 {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconSettings {
 		return h(
 			'div',
 			{
-				key: 'eface2aa3ef1998249a084418e6c53668c80bbb1',
+				key: '96f3b089b6b9dd3d125135fb9c8bd72b697688c4',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'b5966fe4c93beee5d9968ca4472ff8afbc590096',
+					key: '7b61221c1881300ef8d14c3ccf124f8ed049fe2a',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconSettings {
 					id: 'settings',
 				},
 				h('path', {
-					key: '77e6dca84849a6f37e625aec2531f98d4dbaf6b8',
+					key: '47ac8ae75c2936567067d8ad4dfa86e83de6f8c7',
 					d: 'M12 15.5A3.5 3.5 0 0 1 8.5 12 3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1-3.5 3.5zm7.43-2.53a7.77 7.77 0 0 0 .07-.97 8.55 8.55 0 0 0-.07-1l2.1-1.63c.2-.15.24-.42.12-.64l-2-3.46a.49.49 0 0 0-.61-.22l-2.5 1c-.52-.4-1.06-.73-1.7-.98l-.37-2.65c-.04-.24-.25-.42-.5-.42h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.25-1.17.6-1.7.98l-2.5-1a.49.49 0 0 0-.61.22l-2 3.46c-.13.22-.07.5.12.64L4.57 11l-.07 1a7.77 7.77 0 0 0 .07.97l-2.1 1.66c-.2.15-.25.42-.12.64l2 3.46c.12.22.4.3.6.22l2.5-1c.52.4 1.06.74 1.7 1l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65a7.28 7.28 0 0 0 1.69-.99l2.5 1c.22.08.5 0 .6-.22l2-3.46c.12-.22.07-.5-.12-.64l-2.1-1.66z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconSettings {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconSettings {
 				},
 				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 OntarioIconSettings {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconShare {
 		return h(
 			'div',
 			{
-				key: '4a68caeefd5c3202e5dcc8becb4b747393fcba24',
+				key: '16454fc71948b2aa4db01540ad7e1c33d3904ad9',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '335280fc59757e218f3e785485f7da834c3604ab',
+					key: '6fcf53dc0b608550a562e79f396a1f6553e67389',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconShare {
 					id: 'share',
 				},
 				h('path', {
-					key: '11d4929392e277151dcd6f904b7effbceb51c0e2',
+					key: 'e094708ade2d01a9ae4add6576c3b68c3e4a2627',
 					d: 'M18 16.08c-.76 0-1.44.3-1.96.77L8.9 12.7c.05-.23.1-.46.1-.7s-.04-.47-.1-.7l7.05-4.1c.54.5 1.25.8 2.04.8 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.1.7L8.04 9.8C7.5 9.3 6.8 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.8 0 1.5-.3 2.04-.8l7.12 4.16a2.82 2.82 0 0 0-.08.65c0 1.6 1.3 2.92 2.92 2.92s2.92-1.3 2.92-2.92-1.3-2.92-2.92-2.92z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconShare {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconShare {
 				},
 				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 OntarioIconShare {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconSort {
 		return h(
 			'div',
 			{
-				key: '86178ab12fad527203a357064eb7e95878267d6f',
+				key: '65ed85342ecdbf46ec4ba0b3c4a951123453c2f5',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'd2118c3183321123a54edfc75b6c8a030a1ef764',
+					key: 'fa4d3943963572b8f025211359cc341b8e274c9f',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconSort {
 					id: 'sort',
 				},
 				h('path', {
-					key: 'ba1c60faf4cbf33663861e2c2ce48c06055ae04f',
+					key: '1d48956a6ea15149ba07872a235de0c97b43aac0',
 					d: 'M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconSort {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconSort {
 				},
 				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 OntarioIconSort {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconTag {
 		return h(
 			'div',
 			{
-				key: '50d51d1be2c995c99aaffddedb70004eb180d023',
+				key: '1ed3b6ca0bf851caccee428498fc7cbd03df359a',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '43f90f7eb343be9cb0919fe8bc4d96e542e97fbe',
+					key: '20d47d0591bceeddd19a8384f1146d7b2a05a80a',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconTag {
 					id: 'tag',
 				},
 				h('path', {
-					key: '956b98b2bdaf68c3ad48ce9b18950eec1ca5d553',
+					key: '722d470acac060c435fc21d64bf5c14765b35d1d',
 					d: 'M5.5 7A1.5 1.5 0 0 1 4 5.5 1.5 1.5 0 0 1 5.5 4 1.5 1.5 0 0 1 7 5.5 1.5 1.5 0 0 1 5.5 7zm15.9 4.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.6 1.4l9 9c.37.36.87.6 1.42.6s1.05-.23 1.4-.6l7-7c.37-.36.6-.86.6-1.4a2 2 0 0 0-.59-1.42z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconTag {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconTag {
 				},
 				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 OntarioIconTag {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-text-message.js

@@ -102,14 +102,14 @@ export class OntarioIconTextMessage {
 		return h(
 			'div',
 			{
-				key: '9e89d4a65958ed52ce15226bcc754d2fc9f2e740',
+				key: '45e4ac070edf568109ae4ffe7ecf8f308092dadf',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '0bbf3df49210777b9b4b9ad7118b57df2c21a984',
+					key: 'c95f96179a4f8cff4230cdb6e780c6f932b12044',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconTextMessage {
 					id: 'text-message',
 				},
 				h('path', {
-					key: '0d6df5fbda180cb60c430395a7f01acbd1dea762',
+					key: '222eca5ecc4a5a6483bce40da148d79a4fdd4360',
 					d: 'M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconTextMessage {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconTextMessage {
 				},
 				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 OntarioIconTextMessage {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

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

@@ -102,14 +102,14 @@ export class OntarioIconTimer {
 		return h(
 			'div',
 			{
-				key: '798527e1e82f211ed15a4325400f4eb7007c0790',
+				key: '94c2aa5e551ad4ad600c2cb87a5cb3a20cfe816d',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '329ec825459e9ed7e9b55bbc36422dbb09693a1d',
+					key: 'c782fd978f1e2e44c84f8c1a0226a57e794372ba',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconTimer {
 					id: 'timer',
 				},
 				h('path', {
-					key: '27d7aacb79fbe4044f65baa58defd60d4577c568',
+					key: '374ca0c61d8f5c5a6c16dab7d95e6fa9621405e1',
 					d: 'M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.6l1.42-1.42c-.43-.5-.9-1-1.4-1.4l-1.42 1.42A8.96 8.96 0 0 0 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.6zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconTimer {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconTimer {
 				},
 				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 OntarioIconTimer {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-transport-bicycle.js

@@ -102,14 +102,14 @@ export class OntarioIconTransportBicycle {
 		return h(
 			'div',
 			{
-				key: '4b4e3d95ea9a26141e579342eecff6397370936f',
+				key: '0f763277963ab297e2748a74fe85f00aae34890d',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '008c701e6f0bf87ae421c772cb13dc9ce35f61bf',
+					key: '14ff7ce3cdd2fba9afe4d4bfa0bc4541b547d6bf',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconTransportBicycle {
 					id: 'transport-bicycle',
 				},
 				h('path', {
-					key: '9de42aced9755640efdcb4aed3a04d881f4ebe5c',
+					key: 'e4802af0f73016c3f31cf10d34c711d9adf80c1e',
 					d: 'M15.208 6.167a1.84 1.84 0 0 0 1.833-1.833A1.84 1.84 0 0 0 15.208 2.5a1.84 1.84 0 0 0-1.833 1.833 1.84 1.84 0 0 0 1.833 1.833zm-9.625 5.958C3.017 12.125 1 14.142 1 16.708s2.017 4.583 4.583 4.583 4.583-2.017 4.583-4.583-2.017-4.583-4.583-4.583zm0 7.792a3.25 3.25 0 0 1-3.208-3.208A3.25 3.25 0 0 1 5.583 13.5a3.25 3.25 0 0 1 3.208 3.208 3.25 3.25 0 0 1-3.208 3.208zM10.9 10.75l2.2-2.2.733.733a6.42 6.42 0 0 0 4.675 1.925V9.375c-1.375 0-2.475-.55-3.3-1.375l-1.742-1.742c-.458-.367-.917-.55-1.467-.55a1.71 1.71 0 0 0-1.283.55L8.15 8.825a1.81 1.81 0 0 0-.55 1.283c0 .55.183 1.008.55 1.283l2.933 2.567v4.583h1.833v-5.683L10.9 10.75zm7.517 1.375c-2.567 0-4.583 2.017-4.583 4.583s2.017 4.583 4.583 4.583S23 19.275 23 16.708s-2.017-4.583-4.583-4.583zm0 7.792a3.25 3.25 0 0 1-3.208-3.208 3.25 3.25 0 0 1 3.208-3.208 3.25 3.25 0 0 1 3.208 3.208 3.25 3.25 0 0 1-3.208 3.208z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconTransportBicycle {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconTransportBicycle {
 				},
 				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 OntarioIconTransportBicycle {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-transport-bus.js

@@ -102,14 +102,14 @@ export class OntarioIconTransportBus {
 		return h(
 			'div',
 			{
-				key: '980e83b1d1ae99951f78e91e6c9f31a14170fc16',
+				key: '0b7af2b287616b1dd8b6d90a8b2fe2a2a62b9707',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '5e389be466d62a1f50f50be744164d089769655c',
+					key: 'bfd00eab247a3cd6bdd61f3412ad3075418d1bac',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconTransportBus {
 					id: 'transport-bus',
 				},
 				h('path', {
-					key: '0436fb265141a48c82882d1e1a059055afb31c9c',
+					key: '4b96e7e96d6e86a074166fb6fb0d7aebf8a4290b',
 					d: 'M4 16c0 .88.4 1.67 1 2.22V20c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h8v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1.78c.6-.55 1-1.34 1-2.22V6c0-3.5-3.58-4-8-4s-8 .5-8 4v10zm3.5 1a1.5 1.5 0 1 1 0-3 1.5 1.5 0 1 1 0 3zm9 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 1 1 0 3zm1.5-6H6V6h12v5z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconTransportBus {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconTransportBus {
 				},
 				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 OntarioIconTransportBus {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-transport-car.js

@@ -102,14 +102,14 @@ export class OntarioIconTransportCar {
 		return h(
 			'div',
 			{
-				key: '96ce9f6173e568ea6ae4610cad79266bc5f81a9c',
+				key: '8c3f8a6519495cf8d9b2747f26fa4aedc62f74dc',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '7d9752c38734860db04b34dbd85735ee8932cc56',
+					key: 'cf8ad362514cf669f2cf77af76db7f1fc5982425',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconTransportCar {
 					id: 'transport-car',
 				},
 				h('path', {
-					key: 'c14f8547b3b8fa14f08b7882c5f35abac4ff6681',
+					key: '01c26f5bb45a032b51faaa3a26c6d47b87a6ccaf',
 					d: 'M18.92 6c-.2-.6-.76-1-1.42-1h-11c-.66 0-1.2.42-1.42 1L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-6zM6.5 16a1.5 1.5 0 1 1 0-3 1.5 1.5 0 1 1 0 3zm11 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 1 1 0 3zM5 11l1.5-4.5h11L19 11H5z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconTransportCar {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconTransportCar {
 				},
 				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 OntarioIconTransportCar {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},