@ongov/ontario-design-system-component-library 6.0.0-alpha.3 → 6.0.0-alpha.5

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

@@ -89,24 +89,24 @@ export class OntarioIconSort {
 		return h(
 			'div',
 			{
-				key: '4c287fa52205a592b5e1c463baa8bc38c3972382',
+				key: '5b32ac5707f0d90661db1feeb67148fff6849c27',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'dbf5ea75701e9b2739ca105586e79cc07cc381bc',
-					class: 'svg-icon',
-					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
-					role: 'img',
-					xmlns: 'http://www.w3.org/2000/svg',
+					key: 'fb8c4a59a8193efb31d43673167bdd57c1978a10',
+					width: '24',
+					height: '24',
 					viewBox: '0 0 24 24',
+					fill: 'none',
+					xmlns: 'http://www.w3.org/2000/svg',
 					id: 'sort',
 				},
 				h('path', {
-					key: '1a978f55508612967407a35cd6f90608eb6e5ddb',
-					d: 'M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z',
+					key: 'a7a8b66c9ae4cf7c468d99cfe3057c06c82b9ad0',
+					d: 'M18 21L14 17H17V7H14L18 3L22 7H19V17H22M2 19V17H12V19M2 13V11H9V13M2 7V5H6V7H2Z',
 				}),
 			),
 		);

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

@@ -1 +1 @@
-{"version":3,"file":"ontario-icon-sort.js","sourceRoot":"","sources":["../../../src/components/ontario-icon/ontario-icon-sort.tsx"],"names":[],"mappings":"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","sourcesContent":["// content automatically generated by `generate-icons.js` begins\nimport { Component, Prop, h, Watch, State } from '@stencil/core';\nimport { IconWithColour } from './icon.interface';\nimport { IconSize, IconColour, IconColours } from './icon.types';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\nimport { validateValueAgainstArray } from '../../utils/validation/validation-functions';\nimport validateColor from 'validate-color';\n\n@Component({\n\ttag: 'ontario-icon-sort',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconSort implements IconWithColour {\n\t/**\n\t * The icon width will autogenerate the height since the icons are in square format, thus preserving\n\t * the aspect ratio.\n\t */\n\t@Prop() iconWidth: IconSize = 24;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's width depending on validation result.\n\t */\n\t@State() iconWidthState: number;\n\n\t/**\n\t * Watch for changes in the `iconWidth` variable for validation purpose.\n\t * If the user input is not a number or is a negative number then `iconWidth` will be set to its default (24).\n\t */\n\t@Watch('iconWidth')\n\tvalidateWidth() {\n\t\tif (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' icon-width ')\n\t\t\t\t.addRegularText('on')\n\t\t\t\t.addMonospaceText(' <ontario-icon-sort> ')\n\t\t\t\t.addRegularText(\n\t\t\t\t\t`${\n\t\t\t\t\t\tisNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'\n\t\t\t\t\t}; only a positive number is allowed. The default size of`,\n\t\t\t\t)\n\t\t\t\t.addMonospaceText(' 24px ')\n\t\t\t\t.addRegularText('was assumed.')\n\t\t\t\t.printMessage();\n\t\t\tthis.iconWidthState = 24;\n\t\t} else {\n\t\t\tthis.iconWidthState = this.iconWidth;\n\t\t}\n\t}\n\n\t/**\n\t * Set the icon's colour.\n\t */\n\t@Prop() colour: IconColour = 'black';\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconColourState: string;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconCustomColourState: string;\n\n\t/**\n\t * Watch for changes in the `colour` variable for validation purpose.\n\t * If the user input doesn't match one of the enum values then `colour` will be set to its default (`black`).\n\t * If a match is found in one of the enum values then `colour` will be set to the matching enum value.\n\t */\n\t@Watch('colour')\n\tvalidateColour() {\n\t\tconst isValid = validateValueAgainstArray(this.colour, IconColours);\n\t\tif (isValid) {\n\t\t\tthis.iconColourState = this.colour;\n\t\t} else {\n\t\t\tif (validateColor(this.colour)) {\n\t\t\t\tthis.iconCustomColourState = this.colour;\n\t\t\t} else {\n\t\t\t\tthis.iconColourState = this.warnDefaultColour();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Print the invalid colour warning message\n\t * @returns default colour (black)\n\t */\n\tprivate warnDefaultColour(): IconColour {\n\t\tconst message = new ConsoleMessageClass();\n\t\tmessage\n\t\t\t.addDesignSystemTag()\n\t\t\t.addMonospaceText(' colour ')\n\t\t\t.addRegularText('on')\n\t\t\t.addMonospaceText(' <ontario-icon-sort> ')\n\t\t\t.addRegularText('was set to an invalid colour; only')\n\t\t\t.addMonospaceText(' black, blue, grey or white ')\n\t\t\t.addRegularText('are supported. The default colour')\n\t\t\t.addMonospaceText(' black ')\n\t\t\t.addRegularText('is assumed.')\n\t\t\t.printMessage();\n\t\treturn 'black';\n\t}\n\n\t/**\n\t * Stencil component lifecycle method that is called once after the component is first connected to the DOM.\n\t */\n\tcomponentWillLoad() {\n\t\tthis.validateColour();\n\t\tthis.validateWidth();\n\t}\n\n\t/**\n\t * Returns the HTML code to be rendered into a custom element.\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={`ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`}\n\t\t\t\tstyle={{ width: `${this.iconWidthState}px` }}\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"svg-icon\"\n\t\t\t\t\tstyle={{ fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` }}\n\t\t\t\t\trole=\"img\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tid=\"sort\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t);\n\t}\n}\n// content automatically generated by `generate-icons.js` ends\n"]}
+{"version":3,"file":"ontario-icon-sort.js","sourceRoot":"","sources":["../../../src/components/ontario-icon/ontario-icon-sort.tsx"],"names":[],"mappings":"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","sourcesContent":["// content automatically generated by `generate-icons.js` begins\nimport { Component, Prop, h, Watch, State } from '@stencil/core';\nimport { IconWithColour } from './icon.interface';\nimport { IconSize, IconColour, IconColours } from './icon.types';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\nimport { validateValueAgainstArray } from '../../utils/validation/validation-functions';\nimport validateColor from 'validate-color';\n\n@Component({\n\ttag: 'ontario-icon-sort',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconSort implements IconWithColour {\n\t/**\n\t * The icon width will autogenerate the height since the icons are in square format, thus preserving\n\t * the aspect ratio.\n\t */\n\t@Prop() iconWidth: IconSize = 24;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's width depending on validation result.\n\t */\n\t@State() iconWidthState: number;\n\n\t/**\n\t * Watch for changes in the `iconWidth` variable for validation purpose.\n\t * If the user input is not a number or is a negative number then `iconWidth` will be set to its default (24).\n\t */\n\t@Watch('iconWidth')\n\tvalidateWidth() {\n\t\tif (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' icon-width ')\n\t\t\t\t.addRegularText('on')\n\t\t\t\t.addMonospaceText(' <ontario-icon-sort> ')\n\t\t\t\t.addRegularText(\n\t\t\t\t\t`${isNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'}; only a positive number is allowed. The default size of`,\n\t\t\t\t)\n\t\t\t\t.addMonospaceText(' 24px ')\n\t\t\t\t.addRegularText('was assumed.')\n\t\t\t\t.printMessage();\n\t\t\tthis.iconWidthState = 24;\n\t\t} else {\n\t\t\tthis.iconWidthState = this.iconWidth;\n\t\t}\n\t}\n\n\t/**\n\t * Set the icon's colour.\n\t */\n\t@Prop() colour: IconColour = 'black';\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconColourState: string;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconCustomColourState: string;\n\n\t/**\n\t * Watch for changes in the `colour` variable for validation purpose.\n\t * If the user input doesn't match one of the enum values then `colour` will be set to its default (`black`).\n\t * If a match is found in one of the enum values then `colour` will be set to the matching enum value.\n\t */\n\t@Watch('colour')\n\tvalidateColour() {\n\t\tconst isValid = validateValueAgainstArray(this.colour, IconColours);\n\t\tif (isValid) {\n\t\t\tthis.iconColourState = this.colour;\n\t\t} else {\n\t\t\tif (validateColor(this.colour)) {\n\t\t\t\tthis.iconCustomColourState = this.colour;\n\t\t\t} else {\n\t\t\t\tthis.iconColourState = this.warnDefaultColour();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Print the invalid colour warning message\n\t * @returns default colour (black)\n\t */\n\tprivate warnDefaultColour(): IconColour {\n\t\tconst message = new ConsoleMessageClass();\n\t\tmessage\n\t\t\t.addDesignSystemTag()\n\t\t\t.addMonospaceText(' colour ')\n\t\t\t.addRegularText('on')\n\t\t\t.addMonospaceText(' <ontario-icon-sort> ')\n\t\t\t.addRegularText('was set to an invalid colour; only')\n\t\t\t.addMonospaceText(' black, blue, grey or white ')\n\t\t\t.addRegularText('are supported. The default colour')\n\t\t\t.addMonospaceText(' black ')\n\t\t\t.addRegularText('is assumed.')\n\t\t\t.printMessage();\n\t\treturn 'black';\n\t}\n\n\t/**\n\t * Stencil component lifecycle method that is called once after the component is first connected to the DOM.\n\t */\n\tcomponentWillLoad() {\n\t\tthis.validateColour();\n\t\tthis.validateWidth();\n\t}\n\n\t/**\n\t * Returns the HTML code to be rendered into a custom element.\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={`ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`}\n\t\t\t\tstyle={{ width: `${this.iconWidthState}px` }}\n\t\t\t>\n\t\t\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" id=\"sort\">\n\t\t\t\t\t<path d=\"M18 21L14 17H17V7H14L18 3L22 7H19V17H22M2 19V17H12V19M2 13V11H9V13M2 7V5H6V7H2Z\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t);\n\t}\n}\n// content automatically generated by `generate-icons.js` ends\n"]}

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

@@ -89,14 +89,14 @@ export class OntarioIconTag {
 		return h(
 			'div',
 			{
-				key: '1e6061c416b3a2b56308c2958a95f7af30bbab43',
+				key: 'c0c6740280765644a90f42633a5279c6892ca4de',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'f18188cf0000314aca2725c0cd21678d8aa59e78',
+					key: 'a8a38b0b261713f5b1bc8bfce915e47ef48c9f42',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconTag {
 					id: 'tag',
 				},
 				h('path', {
-					key: '489f58f5101f8c5532140fefe8a80d9fef581ad5',
+					key: 'e0dc9cb4c1ab72187473ada14c768aff06d6b22f',
 					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',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconTextMessage {
 		return h(
 			'div',
 			{
-				key: 'fc83d3954a5e94ffd9d22fa7f47124b18c6729d1',
+				key: '0e14989a8bab0176577105bc862d6adba3f413a7',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '3577927645bf8dc2a1fed98af0c7d14c13e868df',
+					key: '8e13549f76f0752b1372382a5c49c4353742b278',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconTextMessage {
 					id: 'text-message',
 				},
 				h('path', {
-					key: 'a6839a86da5eddeb0bcab34f48e49c9da88795f4',
+					key: '3aabbcd902faddaad5bb4dc3eacfb57f6676082c',
 					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',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconTimer {
 		return h(
 			'div',
 			{
-				key: 'bc19d22c123d6342f78011f879f296ee93dc1f76',
+				key: '88936dde9f9db870bbb0bc368dfd4c86341aab67',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '485715cde1d959ddef3ff78e3f940e901225f30d',
+					key: '905fd0f75f80fb9fc8d47f77517f2d5d81e965d1',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconTimer {
 					id: 'timer',
 				},
 				h('path', {
-					key: 'f67d3e2c2f993bf8fb36d8cf432c516979fe870b',
+					key: 'd6e49e16d5c09b6462438a04eba8196e78647f24',
 					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',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconTransportBicycle {
 		return h(
 			'div',
 			{
-				key: '15ef6ff6c90dda0a0f9ef7718aed1e6050a7806b',
+				key: '9c76316362b1061ed6f3da7ccb855415b706b736',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '30b33006e56557fe23f323f4e809277d57710379',
+					key: '709e71563b5acc764d1ffdd5eaaf266bc7f8f1ff',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconTransportBicycle {
 					id: 'transport-bicycle',
 				},
 				h('path', {
-					key: '05e8dc26aefa60cf2815f6ae484f19c14b33f1b0',
+					key: 'ae03150bd55d9ff629dc4e7fc797649f9bcfb6ae',
 					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',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconTransportBus {
 		return h(
 			'div',
 			{
-				key: '96ce9f6173e568ea6ae4610cad79266bc5f81a9c',
+				key: 'ba9a17beae99930f2e84c02f81dbb38fd128dad3',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '7d9752c38734860db04b34dbd85735ee8932cc56',
+					key: '2f174470a49e3220518a49ff2d26625f57b072da',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconTransportBus {
 					id: 'transport-bus',
 				},
 				h('path', {
-					key: 'b39ee8a7664cad0413313637c48203fdc1f0f6c9',
+					key: '1baa1761adb1ba297e0e9f47feacee8d6a726c70',
 					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',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconTransportCar {
 		return h(
 			'div',
 			{
-				key: 'd1c029efd6e0b2ee9954af29727c0ed9537efe54',
+				key: '6c28dd6262f693e09ba1c7afadeada6e38784e2e',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'bc9472e487a74292726427cc26e7aa5f8a354b40',
+					key: '16f095ddb08fe3b50714f073fc64edb100f0f6e4',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconTransportCar {
 					id: 'transport-car',
 				},
 				h('path', {
-					key: 'c9ebcbda92f3adc3eff35ef5a7140e7f03193615',
+					key: '6aec1a09349488a3accb93de53637bafb5eeaaf3',
 					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',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconTransportWalk {
 		return h(
 			'div',
 			{
-				key: '996e1ce76a2e576eedf1e2ac70f9280e93ca4395',
+				key: '753f2b679472e2b455612dacab8cd588a81f9b23',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'c63113c694b28c29a302b384622708385da1e053',
+					key: 'bab646fd3e50685061d26a6a3a50deb6357cb36d',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconTransportWalk {
 					id: 'transport-walk',
 				},
 				h('path', {
-					key: '2b57d8fe307b8228f010791d7a058fe065aca110',
+					key: '08239844b305be59bbaacda8668382901fb74f1e',
 					d: 'M13.326 5.407a1.96 1.96 0 0 0 1.954-1.953A1.96 1.96 0 0 0 13.326 1.5a1.96 1.96 0 0 0-1.953 1.953 1.96 1.96 0 0 0 1.954 1.953zm-3.614 3.32L6.977 22.5h2.05l1.758-7.814 2.05 1.954v5.86h1.954v-7.326l-2.05-1.953.586-2.93c1.27 1.465 3.026 2.442 5.174 2.442V10.78c-1.856 0-3.22-.977-4.002-2.344l-.977-1.563c-.39-.586-.977-.977-1.66-.977-.193 0-.56.005-.78.098L6 8.142v4.59h1.953v-3.32l1.758-.684z',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconTty {
 		return h(
 			'div',
 			{
-				key: '028a53c07af4bf0860f2fe9a70d5133ad3d03a0d',
+				key: 'c7c322247b31dbcab6d30c4be5c769292df9b64c',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'bc19118281f03d4072fa1ea3ee9ae32751e56107',
+					key: '09710bcdfeaaec8790e48338d47540fcc2116af5',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -106,7 +106,7 @@ export class OntarioIconTty {
 					id: 'tty',
 				},
 				h('path', {
-					key: 'd1ffcc0c10261bfd3b6036e8605dcb07ebd1c882',
+					key: 'c696c88296a834c744ad3471363244ebee696c47',
 					d: 'M2.2 6.056c5.41-5.41 14.177-5.403 19.58 0 .237.237.276.605.1.886l-1.688 2.7c-.09.142-.225.25-.385.3s-.333.047-.488-.016l-3.376-1.35c-.144-.058-.266-.16-.346-.293s-.116-.288-.1-.443l.232-2.325a11.07 11.07 0 0 0-7.48 0l.233 2.325c.015.155-.02.3-.1.443s-.202.236-.346.293L4.67 9.928c-.156.062-.33.068-.488.016s-.296-.16-.385-.3L2.11 6.94c-.086-.137-.123-.3-.104-.46s.09-.31.205-.425zm3.54 7.976V12.47A.47.47 0 0 0 5.281 12H3.72a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469H5.28a.47.47 0 0 0 .469-.469zm3.75 0V12.47A.47.47 0 0 0 9.031 12H7.47a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469H9.03a.47.47 0 0 0 .469-.469zm3.75 0V12.47a.47.47 0 0 0-.469-.469H11.22a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469h1.563a.47.47 0 0 0 .469-.469zm3.75 0V12.47a.47.47 0 0 0-.469-.469H14.97a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469h1.563a.47.47 0 0 0 .469-.469zm3.75 0V12.47a.47.47 0 0 0-.469-.469H18.72a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469h1.563a.47.47 0 0 0 .469-.469zM7.625 17.78V16.22a.47.47 0 0 0-.469-.469H5.594a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469h1.563a.47.47 0 0 0 .469-.469zm3.75 0V16.22a.47.47 0 0 0-.469-.469H9.344a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469h1.563a.47.47 0 0 0 .469-.469zm3.75 0V16.22a.47.47 0 0 0-.469-.469h-1.562a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469h1.563a.47.47 0 0 0 .469-.469zm3.75 0V16.22a.47.47 0 0 0-.469-.469h-1.562a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469h1.563a.47.47 0 0 0 .469-.469zM5.75 21.53V19.97a.47.47 0 0 0-.469-.469H3.72a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469H5.28a.47.47 0 0 0 .469-.469zm11.25 0V19.97a.47.47 0 0 0-.469-.469H7.47a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469h9.063a.47.47 0 0 0 .469-.469zm3.75 0V19.97a.47.47 0 0 0-.469-.469H18.72a.47.47 0 0 0-.469.469v1.563a.47.47 0 0 0 .469.469h1.563a.47.47 0 0 0 .469-.469z',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconTwitterAlt {
 		return h(
 			'div',
 			{
-				key: '82b4a4bc5c503d4e02631fa3279193361afc0696',
+				key: '883bf36725693b210c48673ff0cfee153b7d4129',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'd189b8a5077e7d7074f851c3265c49bfcfc61815',
+					key: 'fe7df8677f2dc7903747ba2766ac01ce8aff457e',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconTwitterAlt {
 					id: 'twitter-alt',
 				},
 				h('path', {
-					key: 'ea84142dc73b46cd5329b92ba39641ff129aa8e4',
+					key: 'a1b5748f8ace4c7bcca078c161cc3d6d771f92d5',
 					d: 'M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm12.7 6.33c.48-.4 1.04-.88 1.3-1.4-.4.2-.9.34-1.44.4.5-.36.9-.83 1.12-1.47-.52.28-1.05.52-1.7.64-1.55-1.87-5.26-.35-4.6 2.45-2.6-.16-4.2-1.34-5.52-2.8-.75 1.22-.1 3.07.8 3.58-.46-.03-.8-.17-1.14-.33.04 1.54.9 2.28 2.08 2.68-.36.07-.76.1-1.14.03C7.8 14.2 8.58 14.86 9.9 15c-.9.76-2.56 1.3-3.9 1.08 1.15.73 2.46 1.3 4.28 1.23 4.4-.2 7.36-3.36 7.43-7.98z',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconTwitter {
 		return h(
 			'div',
 			{
-				key: '9dc01f14db88ea5af8f84b27836856c89ed085ed',
+				key: 'd4ca49fd41a74560f6e928b0c1111c86f1c381c2',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '274479de6603997a55fe9ab380f03b82d5b717f6',
+					key: 'eb1b63b0b158bda4d29cf5fcecb6b1b6e5bea87a',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconTwitter {
 					id: 'twitter',
 				},
 				h('path', {
-					key: 'e0ac31b0d5ecd8987484a114b1d896a2e9d76255',
+					key: '05843d6ef01f174404455081b7ccfc160de523bb',
 					d: 'M22.46 6c-.77.35-1.6.58-2.46.7a4.3 4.3 0 0 0 1.88-2.38 8.64 8.64 0 0 1-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.3a4.46 4.46 0 0 0 .11.98C8.28 9.1 5.1 7.38 3 4.8c-.37.63-.58 1.37-.58 2.15 0 1.5.75 2.8 1.9 3.56-.7 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.2a4.22 4.22 0 0 1-1.13.15c-.27 0-.54-.03-.8-.08a4.28 4.28 0 0 0 4 2.98c-1.46 1.16-3.3 1.84-5.33 1.84-.34 0-.68-.02-1.02-.06C3.44 20.3 5.7 21 8.12 21c7.88 0 12.2-6.54 12.2-12.2 0-.2 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconUpload {
 		return h(
 			'div',
 			{
-				key: 'bc41ede83550755b691da86c85bbf8d79e8fb28d',
+				key: '3b197e17e4e63832a70d2013a740176ca26b1237',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '354d02280caab59648a7830a5f736ae1656eb83a',
+					key: '9840fd895ff5551c441adfae1141f728ac778e6b',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -104,7 +104,7 @@ export class OntarioIconUpload {
 					viewBox: '0 0 24 24',
 					id: 'upload',
 				},
-				h('path', { key: 'd3b2e150580e87a5dc047439e7cdd24608cbb42e', d: 'M9 16v-6H5l7-7 7 7h-4v6H9zm-4 4v-2h14v2H5z' }),
+				h('path', { key: '67536c9c424eda6618c81716c67bf1c6441f1f8e', d: 'M9 16v-6H5l7-7 7 7h-4v6H9zm-4 4v-2h14v2H5z' }),
 			),
 		);
 	}

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

@@ -89,14 +89,14 @@ export class OntarioIconVideo {
 		return h(
 			'div',
 			{
-				key: '1cbf2369b7684bd27c0e63f83ac29b6bb4fbeac0',
+				key: 'a72a7c5bccbfd401334acd80ee4cf91b61833bab',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'bfec5f1325b52d8b6ff7c937e2b7f60de8c6463c',
+					key: '92aab50f4ea963da69de48dcb5b85e0e5f7e2829',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconVideo {
 					id: 'video',
 				},
 				h('path', {
-					key: 'f2219528681a9153198ce8a38623494f72ca18d2',
+					key: 'dcf5c3bf84867516fce43bf12b4fc435cba91c2c',
 					d: 'M21 3H3c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h5v2h8v-2h5c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2zm0 14H3V5h18v12zm-5-6l-7 4V7l7 4z',
 				}),
 			),

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

@@ -62,28 +62,28 @@ export class OntarioIconVisa {
 		return h(
 			'div',
 			{
-				key: '2fd3706335a576350de930f3fbd34bea45364d29',
+				key: 'abacae1efa83ab7db578039a6f2f63d2da23388f',
 				class: `ontario-icon ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'd34171e83c8a03a31076fb57c0f387b25b276466',
+					key: 'c99f48803088f0e9385020b61d9d34a0161bcb29',
 					class: 'svg-icon',
 					role: 'img',
 					xmlns: 'http://www.w3.org/2000/svg',
 					viewBox: '0 0 24 24',
 					id: 'visa',
 				},
-				h('path', { key: 'd43718e8ba50c280ada2749ae94bc0c8ac7c4d52', d: 'M23 5H1v13.974h22V5z', fill: '#fff' }),
+				h('path', { key: 'bd6df17010529dda9539b6443dcef8b54328a21b', d: 'M23 5H1v13.974h22V5z', fill: '#fff' }),
 				h('path', {
-					key: '54695cb4e24b255c84817b8eaf5ce0957dfe3366',
+					key: 'b8f53c2bdc9964d08687f92966a67355e7cc22fd',
 					d: 'M22.633 16.703H1.367v1.905h21.267v-1.905z',
 					fill: '#fcb316',
 				}),
 				h('path', {
-					key: 'a54fd7e75ded2f8d4828860975a2f833c1ca512a',
+					key: 'f2ae70fd12f633da4ad1019dd58ec223597e9d6e',
 					d: 'M22.633 5.367H1.367v1.905h21.267V5.367zM9.882 9.37l-2.2 5.245H6.245l-1.08-4.186c-.06-.255-.122-.357-.326-.458-.326-.173-.866-.346-1.334-.448l.03-.153h2.312a.62.62 0 0 1 .621.53l.57 3.045L8.445 9.38H9.88v-.01zm5.612 3.534c.01-1.385-1.915-1.457-1.895-2.078 0-.183.183-.387.57-.438a2.65 2.65 0 0 1 1.334.234l.234-1.1a3.55 3.55 0 0 0-1.273-.234c-1.344 0-2.28.713-2.292 1.73-.01.754.672 1.17 1.18 1.426.53.255.703.418.703.652 0 .356-.418.5-.815.5-.682.01-1.08-.183-1.395-.336l-.245 1.15c.316.143.906.275 1.507.275 1.446.01 2.383-.693 2.383-1.782zm3.544 1.7h1.253l-1.1-5.245h-1.16a.62.62 0 0 0-.58.387l-2.037 4.858h1.426l.285-.784h1.742l.173.784zM17.52 12.76l.713-1.966.407 1.966h-1.12zm-5.703-3.4l-1.12 5.245H9.342l1.12-5.245h1.355z',
 					fill: '#10357f',
 				}),

package/dist/collection/components/ontario-icon/ontario-icon-vote-dislike.js

@@ -89,14 +89,14 @@ export class OntarioIconVoteDislike {
 		return h(
 			'div',
 			{
-				key: 'f1bccebb79a6c59e574cdff1f8adbcfecd0912f3',
+				key: 'dd125ef125ff53a05e96fe682f296bba273a791a',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '41ab2caf982e2f7f0adb907d37b2ce10d4e4357a',
+					key: '91d654d4bcfeb90079243a0655f8c043493daf6f',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconVoteDislike {
 					id: 'vote-dislike',
 				},
 				h('path', {
-					key: 'deab4389dfb8d095fa1f9e7558cdbd97aef5fad0',
+					key: '548e3e102423395449d6139e81def638b7f5b6d8',
 					d: 'M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.1.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.3l-.95 4.57-.03.32c0 .4.17.8.44 1.06L9.83 23l6.6-6.6c.36-.36.58-.86.58-1.4V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z',
 				}),
 			),

package/dist/collection/components/ontario-icon/ontario-icon-vote-like.js

@@ -89,14 +89,14 @@ export class OntarioIconVoteLike {
 		return h(
 			'div',
 			{
-				key: 'c8f925e29151aed652eb1314e59c9a6ad970596a',
+				key: 'e1f5772a581a9ba1df1f4ca66b405343f0b8ba5e',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '7f555b035141a22e05257660ae8d7e93ab462de2',
+					key: '5a1c14bd5f3ab9342818cf925b65e7f6ef76af9c',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconVoteLike {
 					id: 'vote-like',
 				},
 				h('path', {
-					key: '5df64be254e4419e47728de94b873c467ed00fb3',
+					key: '6c72b966d6a37120102c721894b86a1536585b82',
 					d: 'M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.3l.95-4.57.03-.32c0-.4-.17-.8-.44-1.06L14.17 1 7.6 7.6c-.37.36-.6.86-.6 1.4v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.1-.23.14-.47.14-.73v-2z',
 				}),
 			),

package/dist/collection/components/ontario-icon/ontario-icon-vpn-key.js

@@ -89,14 +89,14 @@ export class OntarioIconVpnKey {
 		return h(
 			'div',
 			{
-				key: '3b4e09793e3038fb5351ce872ed9bd118a48d0f7',
+				key: '37e0f0de3d56682d5f440fae8b99b28f254e1840',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '4d1998ec807916740bb7c50a9cc41153bd1d7edc',
+					key: '0c9fd8cd66a28cf9a077a06f232317dbe41ae566',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconVpnKey {
 					id: 'vpn-key',
 				},
 				h('path', {
-					key: 'cdc8135eb1243e49154f2bd474623d126edf33f9',
+					key: '1af8a4957310145397074eba9565e95e02275614',
 					d: 'M12.65 10A5.99 5.99 0 0 0 7 6c-3.3 0-6 2.7-6 6s2.7 6 6 6a5.99 5.99 0 0 0 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconWheelchair {
 		return h(
 			'div',
 			{
-				key: '733c4694dbc221d634ac331d8e3ad4d0bc92dfdb',
+				key: 'b590c04c99a120d14e1d79d8eaf07176e99fdcd3',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: 'd0d1d7c85e5286da6071138f7752f28fd8bbc8c0',
+					key: '2d45f59b19616f9dc1c66da8f702e1d4407c2007',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconWheelchair {
 					id: 'wheelchair',
 				},
 				h('path', {
-					key: '8be56477c8c6b0f7c80bd3c4fb6f428b3ea583e1',
+					key: '15a2996054acb2c9acf62344bf39c92188eb77b1',
 					d: 'M19 13v-2c-1.54.02-3.1-.75-4.07-1.83l-1.3-1.43c-.25-.24-.4-.316-.64-.46a2.01 2.01 0 0 0-1.2-.26c-1.05.1-1.8 1.02-1.8 2.07V15c0 1.1.9 2 2 2h5v5h2v-5.5c0-1.1-.9-2-2-2h-3v-3.45c1.3 1.07 3.25 1.94 5 1.95zm-6.17 5c-.4 1.16-1.52 2-2.83 2-1.66 0-3-1.34-3-3 0-1.3.84-2.4 2-2.83V12.1A5 5 0 0 0 5 17c0 2.76 2.24 5 5 5a5 5 0 0 0 4.9-4h-2.07zM12 6a2 2 0 1 0 0-4 2 2 0 1 0 0 4z',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconWifi {
 		return h(
 			'div',
 			{
-				key: 'b487ec1f12a496cf61c5a84807ed878e445ce433',
+				key: '6a8a1ffd6fca202ca0bafc441377ca1a98f964fb',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '25980b6ddcc31be5c2415b1b65d35b89a21bc03b',
+					key: '7fae8ec6894220009e4a1a12a3d94acca3d3d203',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconWifi {
 					id: 'wifi',
 				},
 				h('path', {
-					key: 'b369f62bbb087f52c61c9602f8957fb1bcb13851',
+					key: 'd7e0a58dd7e51d167b2b3679e4eea7ca6586918a',
 					d: 'M1 9l2 2a12.73 12.73 0 0 1 18 0l2-2A15.57 15.57 0 0 0 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z',
 				}),
 			),

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

@@ -89,14 +89,14 @@ export class OntarioIconYoutube {
 		return h(
 			'div',
 			{
-				key: '4f60f2f8a6d41a284b46668dcd8d7c52967ecbc8',
+				key: 'dda7411af905d287452841859ef9e5d1d5ec6ba6',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '275d5fdf81b43ba604ec7280ab6ca7e9a31b856c',
+					key: 'be47f588ec32c96149209756324c4f5484c6b99a',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconYoutube {
 					id: 'youtube',
 				},
 				h('path', {
-					key: '141a5ef226db390a6307ed98e759eeaed55066aa',
+					key: '0aca791fffef23cd6f255520083d3300ed049d6f',
 					d: 'M10 15l5.2-3L10 9v6zm11.56-7.83c.13.47.22 1.1.28 1.9l.1 2.1.06.84c0 2.2-.16 3.8-.44 4.83a2.34 2.34 0 0 1-1.73 1.73c-.47.13-1.33.22-2.65.28l-3.6.1L12 19c-4.2 0-6.8-.16-7.83-.44a2.34 2.34 0 0 1-1.73-1.73c-.13-.47-.22-1.1-.28-1.9l-.1-2.1L2 12c0-2.2.16-3.8.44-4.83a2.34 2.34 0 0 1 1.73-1.73c.47-.13 1.33-.22 2.65-.28l3.6-.1L12 5c4.2 0 6.8.16 7.83.44a2.34 2.34 0 0 1 1.73 1.73z',
 				}),
 			),