npm - @ongov/ontario-design-system-component-library - Versions diffs - 5.0.0-alpha.6 → 5.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2183) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/dist/collection/components/ontario-icon/ontario-icon-mastercard.js CHANGED Viewed

@@ -70,41 +70,41 @@ export class OntarioIconMastercard {
 		return h(
 			'div',
 			{
-				key: 'ccc91e3da19621a07afd69ed6b7053c7c2894d75',
+				key: 'd150ea2b950753c0f6f721f1d72a4fb595f89faa',
 				class: `ontario-icon ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '38e931586c33eca26018b9f2e90117ca995f2db9',
+					key: 'f244137dda77d7181a53c2645fb63ef4b56e1a2d',
 					class: 'svg-icon',
 					role: 'img',
 					xmlns: 'http://www.w3.org/2000/svg',
 					viewBox: '0 0 24 24',
 					id: 'mastercard',
 				},
-				h('circle', { key: 'b041240ec438618b650582137f082b81db59d9ee', cx: '8', cy: '12', r: '6.5', fill: '#eb001b' }),
-				h('circle', { key: 'ae3eae8ea1561d793dab2d16beda45d24ce0d7d0', cx: '16', cy: '12', r: '6.5', fill: '#f79e1b' }),
+				h('circle', { key: '30806a800c500c8ff4a70bba51a75f016adb32ed', cx: '8', cy: '12', r: '6.5', fill: '#eb001b' }),
+				h('circle', { key: '2b9826d666dc6e14ff1005d32c7d1a34123d5887', cx: '16', cy: '12', r: '6.5', fill: '#f79e1b' }),
 				h('path', {
-					key: 'a91a8c259e3060f7621043fc860e1c2e799b396b',
+					key: 'ddbe133712120618713950d9b6f64c7398af870d',
 					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: '961acfff4d256429ade58ad95a8745d821089bc6',
+					key: '44e868fe0299512193c001f05d87e20e00c29809',
 					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',
 				}),
 				h(
 					'g',
-					{ key: '36716586c1cfe263b0add99e9e0c398557540806', fill: '#231f20' },
+					{ key: '1ee3b59b9e3a48997a74754c5b21a7acc9a3e1e3', fill: '#231f20' },
 					h('path', {
-						key: '58be5a1df4f3112063fb74b18638c05bfb365b21',
+						key: 'a7c9714d10fc235552a9dd47b3cd34caacd151d9',
 						d: 'M5.275 21.953v-1.098a.66.66 0 0 0-.187-.503.65.65 0 0 0-.501-.192.68.68 0 0 0-.35.072c-.108.055-.2.137-.265.24-.06-.1-.145-.18-.246-.235a.64.64 0 0 0-.332-.076.58.58 0 0 0-.513.26v-.216H2.5v1.75h.384V21c-.016-.12.023-.245.105-.333s.203-.138.324-.132c.253 0 .38.165.38.46v.974h.384V21c-.016-.12.024-.244.105-.333s.202-.138.323-.132c.26 0 .384.165.384.46v.974l.384-.007zm5.687-1.75h-.626v-.53h-.384v.53h-.348v.348h.355v.806c0 .406.157.648.608.648.168.001.333-.046.476-.136l-.1-.326c-.102.06-.218.095-.337.1-.183 0-.253-.117-.253-.293v-.798h.622l-.004-.348zm3.247-.044c-.186-.005-.368.096-.46.256v-.212h-.377v1.75h.38v-.98c0-.29.124-.45.366-.45a.62.62 0 0 1 .238.044l.117-.366c-.087-.03-.178-.047-.27-.048l.007.007zm-4.9.183a1.31 1.31 0 0 0-.714-.183c-.443 0-.732.212-.732.56 0 .286.212.46.604.516l.183.026c.21.03.308.084.308.183 0 .136-.14.212-.4.212a.93.93 0 0 1-.582-.183l-.183.297c.222.155.487.234.758.227.505 0 .798-.238.798-.57s-.23-.47-.61-.523l-.183-.026c-.165-.022-.297-.055-.297-.172s.124-.205.333-.205c.193.002.382.054.55.15l.168-.308zM19.5 20.16c-.186-.005-.368.096-.46.256v-.212h-.377v1.75h.38v-.98c0-.29.124-.45.366-.45a.62.62 0 0 1 .238.044l.117-.366c-.087-.03-.18-.047-.27-.048l.007.007zm-4.906.915c-.01.246.09.492.265.664s.423.265.67.25c.23.012.453-.063.63-.21l-.183-.308a.77.77 0 0 1-.458.158.56.56 0 0 1-.517-.56.56.56 0 0 1 .517-.56.77.77 0 0 1 .458.157l.183-.308c-.176-.146-.4-.22-.63-.21-.246-.014-.493.08-.67.25s-.274.418-.265.664v.007zm3.566 0v-.87h-.38v.212c-.13-.166-.34-.264-.55-.256-.243 0-.476.096-.647.268s-.268.404-.268.647.096.476.268.647.405.268.647.268c.21.008.42-.1.55-.256v.212h.38v-.87zm-1.417 0c.02-.323.338-.557.65-.484a.54.54 0 0 1 .4.422c.056.315-.195.62-.518.622-.3.004-.55-.264-.53-.56zm-4.595-.915c-.243.003-.474.103-.643.277s-.263.408-.26.65.103.474.277.643.408.262.65.26c.263.014.522-.07.727-.238l-.183-.282c-.145.116-.324.18-.51.183-.126.01-.25-.028-.35-.108s-.16-.195-.175-.32h1.3v-.146c0-.55-.34-.915-.83-.915l-.005-.004zm0 .34c.114-.003.227.042.31.12a.44.44 0 0 1 .133.304h-.915a.45.45 0 0 1 .465-.425h.007zm9.54.578V19.5h-.366v.915c-.13-.166-.34-.264-.55-.256-.243 0-.476.096-.647.268s-.268.404-.268.647.096.476.268.647.404.268.647.268c.21.008.42-.1.55-.256v.212h.366v-.868zm.635.62c.046-.001.092.017.126.05s.052.077.052.123-.02.1-.052.123-.08.05-.126.05c-.07-.001-.136-.043-.165-.106-.018-.043-.018-.093 0-.136a.18.18 0 0 1 .095-.091c.017-.007.072-.013.07-.013zm0 .31c.035 0 .07-.015.095-.04s.036-.058.036-.09c0-.05-.03-.1-.078-.12s-.112-.01-.15.03a.14.14 0 0 0 0 .183.14.14 0 0 0 .102.04h-.005zm-1.394-1.414c.315.074.49.43.365.723a.54.54 0 0 1-.484.321.54.54 0 0 1-.501-.347.54.54 0 0 1 .619-.697zm-13.505.484v-.875h-.38v.212c-.065-.083-.148-.15-.244-.194s-.2-.066-.306-.062c-.243 0-.476.096-.647.268s-.268.404-.268.647.096.476.268.647.404.268.647.268c.21.008.42-.1.55-.256v.212h.38v-.868zm-1.417 0c.02-.32.334-.558.65-.484a.54.54 0 0 1 .399.421c.056.315-.194.62-.518.623a.55.55 0 0 1-.535-.56h.004z',
 					}),
 					h('path', {
-						key: '400ac0193776946f2eff47b1c270622ff31ace18',
+						key: '7fb5cb0c1c0137bbb4294307810ceedbec8c2174',
 						d: 'M22.335 21.79c.017-.001.033.002.047.012.005.005.01.01.013.017s.004.014.003.02c-.005.023-.008.028-.013.032-.01.01-.024.015-.038.016l.052.06h-.04l-.048-.06h-.016v.06h-.034v-.158h.075zm-.04.03v.043h.04c.012 0 .023.002.023-.008v-.023c0-.01-.002-.013-.023-.012h-.04z',
 					}),
 				),
@@ -131,6 +131,7 @@ export class OntarioIconMastercard {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -151,7 +152,6 @@ export class OntarioIconMastercard {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'icon-width',
 				reflect: false,
 				defaultValue: '24',
 			},

package/dist/collection/components/ontario-icon/ontario-icon-media-fast-forward.js CHANGED Viewed

@@ -102,14 +102,14 @@ export class OntarioIconMediaFastForward {
 		return h(
 			'div',
 			{
-				key: '4186015bd8f22b83ff908bd7ef828b68c27b2f9d',
+				key: 'c0589aefce7c064b3cb816d37ba7d03e1f9d1c6e',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '4ca2af5c8e080fe87e05d9e2b8433fbff92f8115',
+					key: 'a91c8ac0708d7e8905518048990e1abda40eb32b',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -117,7 +117,7 @@ export class OntarioIconMediaFastForward {
 					viewBox: '0 0 24 24',
 					id: 'media-fast-forward',
 				},
-				h('path', { key: 'cf4674da97e826c2226c036692bed57b4e02069c', d: 'M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z' }),
+				h('path', { key: 'a5a42ac1e6a29c9e70b284fe9640f6aeaed6cc09', d: 'M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z' }),
 			),
 		);
 	}
@@ -141,6 +141,7 @@ export class OntarioIconMediaFastForward {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -161,12 +162,12 @@ export class OntarioIconMediaFastForward {
 				},
 				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 OntarioIconMediaFastForward {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-media-fast-rewind.js CHANGED Viewed

@@ -102,14 +102,14 @@ export class OntarioIconMediaFastRewind {
 		return h(
 			'div',
 			{
-				key: '113db27adaa3934018b0d37c9a867264d4a8e0a7',
+				key: 'e5f35af2d0209732f36ed1b08aedd808e2145b50',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'bbdc67ed1f98be66affc392cd7bd812ab140524f',
+					key: 'b621cef98cadc8940baf349efc841fdc8a9744ca',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -118,7 +118,7 @@ export class OntarioIconMediaFastRewind {
 					id: 'media-fast-rewind',
 				},
 				h('path', {
-					key: '027ffcabd1259799ff39aead53788b58bdf21f48',
+					key: 'f919a3abb3502064016cb55cffead7b895caea25',
 					d: 'M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z',
 				}),
 			),
@@ -144,6 +144,7 @@ export class OntarioIconMediaFastRewind {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -164,12 +165,12 @@ export class OntarioIconMediaFastRewind {
 				},
 				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 OntarioIconMediaFastRewind {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-media-pause.js CHANGED Viewed

@@ -102,14 +102,14 @@ export class OntarioIconMediaPause {
 		return h(
 			'div',
 			{
-				key: '8bfa0718a3216617ad1a26fe63fc317755be0ea3',
+				key: '193d91a4bb644fcd34240f55427ae039fca9d0a5',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '7561eb697275425f19d096b2756c90293e1c1eba',
+					key: 'ce4b3720d87b8007dd7f0333673e83dcc9bab52e',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -117,7 +117,7 @@ export class OntarioIconMediaPause {
 					viewBox: '0 0 24 24',
 					id: 'media-pause',
 				},
-				h('path', { key: '29ef768d314ec459dace3194533fb5d9c2f4adc0', d: 'M6 19h4V5H6v14zm8-14v14h4V5h-4z' }),
+				h('path', { key: '07b4d3e8b1eeae9a36c12552206823f469f7a8c8', d: 'M6 19h4V5H6v14zm8-14v14h4V5h-4z' }),
 			),
 		);
 	}
@@ -141,6 +141,7 @@ export class OntarioIconMediaPause {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -161,12 +162,12 @@ export class OntarioIconMediaPause {
 				},
 				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 OntarioIconMediaPause {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-media-play.js CHANGED Viewed

@@ -102,14 +102,14 @@ export class OntarioIconMediaPlay {
 		return h(
 			'div',
 			{
-				key: '6d5b9b9370d899cbb9dca9592d4e59b9baa9d314',
+				key: '7261084a668d60a9293ebb55d287127f98464c94',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '2339194f57a3fd5a857ac39e592dbb01d64bec80',
+					key: '1f8e11a8a6ef9955c90c41bc2228bf016d8418d5',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -117,7 +117,7 @@ export class OntarioIconMediaPlay {
 					viewBox: '0 0 24 24',
 					id: 'media-play',
 				},
-				h('path', { key: '779ef62de441311190864184b8c6b73f7d3c70ce', d: 'M8 5v14l11-7L8 5z' }),
+				h('path', { key: '9c94fd11a060e915b08792a96b82999730ece5cd', d: 'M8 5v14l11-7L8 5z' }),
 			),
 		);
 	}
@@ -141,6 +141,7 @@ export class OntarioIconMediaPlay {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -161,12 +162,12 @@ export class OntarioIconMediaPlay {
 				},
 				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 OntarioIconMediaPlay {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-media-stop.js CHANGED Viewed

@@ -102,14 +102,14 @@ export class OntarioIconMediaStop {
 		return h(
 			'div',
 			{
-				key: 'b03c8b97bbcc70bca8e4b87c593145cfb4e84371',
+				key: '14bc4c751de2e901b8d48d013f5293a6e2c2471b',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'caa2320464cf0e945ecc7239272d0a1e90bf5f77',
+					key: '9194906f608ef471d0992bd275f4d1ad60c89f9c',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -117,7 +117,7 @@ export class OntarioIconMediaStop {
 					viewBox: '0 0 24 24',
 					id: 'media-stop',
 				},
-				h('path', { key: '93f8526fa7950d5b250b83367e731151074c1168', d: 'M6 6H18V18H6V6Z' }),
+				h('path', { key: 'fdd5ff0853bb5b472c12cadfb1dfd20f5aa510a5', d: 'M6 6H18V18H6V6Z' }),
 			),
 		);
 	}
@@ -141,6 +141,7 @@ export class OntarioIconMediaStop {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -161,12 +162,12 @@ export class OntarioIconMediaStop {
 				},
 				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 OntarioIconMediaStop {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},

package/dist/collection/components/ontario-icon/ontario-icon-menu-header.js CHANGED Viewed

@@ -102,14 +102,14 @@ export class OntarioIconMenuHeader {
 		return h(
 			'div',
 			{
-				key: 'c290d81e94a5678b9fe406aa0f40a1890a969b87',
+				key: '620e175cfa3e03bb4c0e599205fe662f60bb04b1',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'ee4a3c8adeb378d8f48ee9bf95f1d8a5e86fb392',
+					key: '7829e93fc65149495b9f17ad5a91551bcc454f53',
 					xmlns: 'http://www.w3.org/2000/svg',
 					width: '32',
 					height: '32',
@@ -118,7 +118,7 @@ export class OntarioIconMenuHeader {
 					id: 'menu-header',
 				},
 				h('path', {
-					key: '1ad3e29f84cac57c9eba3212d298893013c78f20',
+					key: '8237842ecaede5fa20e9946acc6af460a7d56a1f',
 					d: 'M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z',
 					fill: '#ffffff',
 				}),
@@ -145,6 +145,7 @@ export class OntarioIconMenuHeader {
 		return {
 			iconWidth: {
 				type: 'number',
+				attribute: 'icon-width',
 				mutable: false,
 				complexType: {
 					original: 'IconSize',
@@ -165,12 +166,12 @@ export class OntarioIconMenuHeader {
 				},
 				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 OntarioIconMenuHeader {
 				},
 				getter: false,
 				setter: false,
-				attribute: 'colour',
 				reflect: false,
 				defaultValue: "'black'",
 			},