@ongov/ontario-design-system-component-library 4.3.0-alpha.2 → 4.3.0-alpha.3

package/dist/collection/components/ontario-card-collection/ontario-card-collection.js

@@ -46,8 +46,8 @@ export class OntarioCardCollection {
 	render() {
 		return h(
 			'ul',
-			{ key: '102a3c830422df29dd3ab8cf05aa660d110fe353', class: this.getClass() },
-			h('slot', { key: 'e6089ac94f85b231eca6df2f3743432d807a09e4' }),
+			{ key: '71bc8894e0cd5dd35ed2878eda867563dfa46e5d', class: this.getClass() },
+			h('slot', { key: '2759d92d65a4f427ed5375b1acba7b2da6ebaffa' }),
 		);
 	}
 	static get is() {

package/dist/collection/components/ontario-checkbox/ontario-checkboxes.css

@@ -434,6 +434,7 @@ p + ol {
 	max-width: 38.75em;
 	white-space: normal;
 	width: 100%;
+	hyphens: auto;
 }
 @media screen and (max-width: 40em) {
 	.ontario-fieldset__legend {
@@ -497,7 +498,7 @@ p + ol {
 	visibility: hidden !important;
 }
 
-@media screen and (max-width: 39.937em) {
+@media screen and (max-width: 39.99875em) {
 	.ontario-hide-for-small-only {
 		display: none !important;
 	}
@@ -512,17 +513,17 @@ p + ol {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 39.937em) {
+@media screen and (max-width: 39.99875em) {
 	.ontario-show-for-medium {
 		display: none !important;
 	}
 }
-@media screen and (min-width: 40em) and (max-width: 72.937em) {
+@media screen and (min-width: 40em) and (max-width: 72.99875em) {
 	.ontario-hide-for-medium-only {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 39.937em), screen and (min-width: 73em) {
+@media screen and (max-width: 39.99875em), screen and (min-width: 73em) {
 	.ontario-show-for-medium-only {
 		display: none !important;
 	}
@@ -532,17 +533,17 @@ p + ol {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 72.937em) {
+@media screen and (max-width: 72.99875em) {
 	.ontario-show-for-large {
 		display: none !important;
 	}
 }
-@media screen and (min-width: 73em) and (max-width: 95.937em) {
+@media screen and (min-width: 73em) and (max-width: 95.99875em) {
 	.ontario-hide-for-large-only {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 72.937em), screen and (min-width: 96em) {
+@media screen and (max-width: 72.99875em), screen and (min-width: 96em) {
 	.ontario-show-for-large-only {
 		display: none !important;
 	}

package/dist/collection/components/ontario-checkbox/ontario-checkboxes.js

@@ -207,13 +207,13 @@ export class OntarioCheckboxes {
 		return h(
 			'div',
 			{
-				key: '0f1042ea6e9b17db2b9e411c7c8aa166985e0409',
+				key: '173d86874aa1ea64e9a73d000a0ed4fecbe57665',
 				class: `ontario-form-group ${error ? 'ontario-input--error' : ''}`,
 			},
 			h(
 				'fieldset',
 				{
-					'key': 'fb11f1832b135145a888cd4738f21d000d3b9c22',
+					'key': '532f87dc2c043df58bad6f40ce98853031a79986',
 					'class': 'ontario-fieldset',
 					'aria-describedby': this.hintTextId,
 				},
@@ -224,10 +224,10 @@ export class OntarioCheckboxes {
 						hintContentType: this.internalHintText.hintContentType,
 						ref: (el) => (this.hintTextRef = el),
 					}),
-				h(ErrorMessage, { key: '5133f3b817005abbd6a0645c8ac3d339b03b9a45', message: this.errorMessage, error: error }),
+				h(ErrorMessage, { key: '459366e25c9fe52c41708d9dfc62f800b5642689', message: this.errorMessage, error: error }),
 				h(
 					'div',
-					{ key: '5b580eae08fcf6486ad2f4afefe7b10284d4a372', class: 'ontario-checkboxes' },
+					{ key: '0fe1efdeff27222064e1979cdc1daf0ae55b5547', class: 'ontario-checkboxes' },
 					(_a = this.internalOptions) === null || _a === void 0
 						? void 0
 						: _a.map((checkbox) =>

package/dist/collection/components/ontario-critical-alert/ontario-critical-alert.js

@@ -44,22 +44,22 @@ export class OntarioCriticalAlert {
 	render() {
 		return h(
 			'div',
-			{ key: '40864d3966f446fea81292c4779725f6fecce209', class: 'ontario-critical-alert' },
+			{ key: 'f32cfa5fb85a2d01777bab2b33cb7108421ae51c', class: 'ontario-critical-alert' },
 			h(
 				'div',
-				{ key: '35c6d8016169f9a57baaf0a103478c6bfc153c14', class: 'ontario-row' },
+				{ key: '2e294c635057eda76029a3600ab74467d4047473', class: 'ontario-row' },
 				h(
 					'div',
-					{ key: 'f2408bc6fdd206b2ebc8b3bb5ebf483ca84c5f4a', class: 'ontario-column ontario-small-12' },
+					{ key: '88c6a102915c01c5522bb2368ae821f542792a8b', class: 'ontario-column ontario-small-12' },
 					h(
 						'div',
-						{ key: '45cbbca9218bb05ac9b669e1ec7112d05713ebb8', class: 'ontario-critical-alert__body' },
+						{ key: '8403b3b51bba8dcc3d2f3b0bde19479a1cd058bd', class: 'ontario-critical-alert__body' },
 						h('div', {
-							key: '3931e63db8ae81f5c57476ead0b6e917bf2a11b4',
+							key: '2a71fd794992a9e9afb3e21c89a1cd0500fe9734',
 							class: 'ontario-critical-alert__icon',
 							innerHTML: OntarioIconCriticalAlertWarning,
 						}),
-						h('p', { key: '58cbf1f791fb191b480b49b0f43af8107436830a' }, this.renderContent()),
+						h('p', { key: '7c52ddcd73a9dc737cc65b29a155719bccc8d5ba' }, this.renderContent()),
 					),
 				),
 			),

package/dist/collection/components/ontario-date-input/ontario-date-input.css

@@ -437,6 +437,7 @@ p + ol {
 	max-width: 38.75em;
 	white-space: normal;
 	width: 100%;
+	hyphens: auto;
 }
 @media screen and (max-width: 40em) {
 	.ontario-fieldset__legend {
@@ -501,6 +502,7 @@ p + ol {
 	max-width: 38.75em;
 	white-space: normal;
 	width: 100%;
+	hyphens: auto;
 }
 @media screen and (max-width: 40em) {
 	.ontario-label {
@@ -612,7 +614,7 @@ h1 > .ontario-label--heading {
 	visibility: hidden !important;
 }
 
-@media screen and (max-width: 39.937em) {
+@media screen and (max-width: 39.99875em) {
 	.ontario-hide-for-small-only {
 		display: none !important;
 	}
@@ -627,17 +629,17 @@ h1 > .ontario-label--heading {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 39.937em) {
+@media screen and (max-width: 39.99875em) {
 	.ontario-show-for-medium {
 		display: none !important;
 	}
 }
-@media screen and (min-width: 40em) and (max-width: 72.937em) {
+@media screen and (min-width: 40em) and (max-width: 72.99875em) {
 	.ontario-hide-for-medium-only {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 39.937em), screen and (min-width: 73em) {
+@media screen and (max-width: 39.99875em), screen and (min-width: 73em) {
 	.ontario-show-for-medium-only {
 		display: none !important;
 	}
@@ -647,17 +649,17 @@ h1 > .ontario-label--heading {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 72.937em) {
+@media screen and (max-width: 72.99875em) {
 	.ontario-show-for-large {
 		display: none !important;
 	}
 }
-@media screen and (min-width: 73em) and (max-width: 95.937em) {
+@media screen and (min-width: 73em) and (max-width: 95.99875em) {
 	.ontario-hide-for-large-only {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 72.937em), screen and (min-width: 96em) {
+@media screen and (max-width: 72.99875em), screen and (min-width: 96em) {
 	.ontario-show-for-large-only {
 		display: none !important;
 	}

package/dist/collection/components/ontario-date-input/ontario-date-input.js

@@ -238,20 +238,20 @@ export class OntarioDateInput {
 		const hintTextId = this.getHintTextId();
 		return h(
 			'div',
-			{ key: 'b9300dd534f9e6d443c6ee5d1eefb149e54e4918', class: 'ontario-form-group' },
+			{ key: 'ab801171336165869e88dcd7499b0f1965191c54', class: 'ontario-form-group' },
 			h(
 				'fieldset',
-				{ key: 'b4c530bbd6ef680de6a6e3024c7671faed2cea40', role: 'group', class: 'ontario-fieldset' },
+				{ key: '940f421f9fc5ac5034cccbf7887ef2d7ab99b6a3', role: 'group', class: 'ontario-fieldset' },
 				this.captionState.getCaption(),
 				!!hintText && h('p', { id: hintTextId, class: 'ontario-hint' }, hintText),
 				h(ErrorMessage, {
-					key: '8e938b4d3d41cc07e9ac567f234b5178e9d02829',
+					key: '013c78e7f6d02826cfd36cf198892973591acd1e',
 					message: this.errorMessage,
 					error: this.isInvalidDate(),
 				}),
 				h(
 					'div',
-					{ key: 'e2941f7813438c798ded8c8e50e42da7a1814390', class: 'ontario-date__group' },
+					{ key: '2bc27bdd3275b0333e3213e24254ac6e38150a12', class: 'ontario-date__group' },
 					yearVisible &&
 						h(Input, {
 							id: yearId,

package/dist/collection/components/ontario-dropdown-list/ontario-dropdown-list.css

@@ -437,6 +437,7 @@ p + ol {
 	max-width: 38.75em;
 	white-space: normal;
 	width: 100%;
+	hyphens: auto;
 }
 @media screen and (max-width: 40em) {
 	.ontario-fieldset__legend {
@@ -501,6 +502,7 @@ p + ol {
 	max-width: 38.75em;
 	white-space: normal;
 	width: 100%;
+	hyphens: auto;
 }
 @media screen and (max-width: 40em) {
 	.ontario-label {
@@ -612,7 +614,7 @@ h1 > .ontario-label--heading {
 	visibility: hidden !important;
 }
 
-@media screen and (max-width: 39.937em) {
+@media screen and (max-width: 39.99875em) {
 	.ontario-hide-for-small-only {
 		display: none !important;
 	}
@@ -627,17 +629,17 @@ h1 > .ontario-label--heading {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 39.937em) {
+@media screen and (max-width: 39.99875em) {
 	.ontario-show-for-medium {
 		display: none !important;
 	}
 }
-@media screen and (min-width: 40em) and (max-width: 72.937em) {
+@media screen and (min-width: 40em) and (max-width: 72.99875em) {
 	.ontario-hide-for-medium-only {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 39.937em), screen and (min-width: 73em) {
+@media screen and (max-width: 39.99875em), screen and (min-width: 73em) {
 	.ontario-show-for-medium-only {
 		display: none !important;
 	}
@@ -647,17 +649,17 @@ h1 > .ontario-label--heading {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 72.937em) {
+@media screen and (max-width: 72.99875em) {
 	.ontario-show-for-large {
 		display: none !important;
 	}
 }
-@media screen and (min-width: 73em) and (max-width: 95.937em) {
+@media screen and (min-width: 73em) and (max-width: 95.99875em) {
 	.ontario-hide-for-large-only {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 72.937em), screen and (min-width: 96em) {
+@media screen and (max-width: 72.99875em), screen and (min-width: 96em) {
 	.ontario-show-for-large-only {
 		display: none !important;
 	}

package/dist/collection/components/ontario-dropdown-list/ontario-dropdown-list.js

@@ -242,7 +242,7 @@ export class OntarioDropdownList {
 		return h(
 			'div',
 			{
-				key: 'e8631dacbb28cd408d33df8257c595d748e3eea1',
+				key: 'ca643f766df1fc328e3205081d431019d30dc0cd',
 				class: `ontario-form-group ${error ? 'ontario-dropdown--error' : ''}`,
 			},
 			this.captionState.getCaption(this.getId(), !!this.internalHintExpander),
@@ -252,11 +252,11 @@ export class OntarioDropdownList {
 					hintContentType: this.internalHintText.hintContentType,
 					ref: (el) => (this.hintTextRef = el),
 				}),
-			h(ErrorMessage, { key: '0b758b3787b5264330d3f68c039e24039c966f4b', message: this.errorMessage, error: error }),
+			h(ErrorMessage, { key: '3de2a252ed98bec1fa87c05e167e1353c03bb9af', message: this.errorMessage, error: error }),
 			h(
 				'select',
 				{
-					'key': '1c4dc48a8b1ecd98cfb98005de63b84f3ba182a7',
+					'key': '4f0955df8834e24b4c3ab1afe6add517d6c78155',
 					'class': this.getClass(),
 					'aria-describedby': this.hintTextId,
 					'id': this.getId(),

package/dist/collection/components/ontario-fieldset/ontario-fieldset.css

@@ -434,6 +434,7 @@ p + ol {
 	max-width: 38.75em;
 	white-space: normal;
 	width: 100%;
+	hyphens: auto;
 }
 @media screen and (max-width: 40em) {
 	.ontario-fieldset__legend {

package/dist/collection/components/ontario-fieldset/ontario-fieldset.js

@@ -66,16 +66,16 @@ export class OntarioFieldset {
 	render() {
 		return h(
 			'div',
-			{ key: 'c3827fa2c6ca509662a8dc406f9dc9f44a32f541', class: 'ontario-form-group' },
+			{ key: 'b67eb0cfb89097276405ce512b45538201d524b7', class: 'ontario-form-group' },
 			h(
 				'fieldset',
-				{ key: '5f8bb8761303ec1cb41d09b64b7fb7bfe2b7e2a5', class: 'ontario-fieldset' },
+				{ key: '2b734fbca04ee66e7a1beaa389e96e4968257a0e', class: 'ontario-fieldset' },
 				h(
 					'legend',
-					{ key: 'dddd6ef762a2f4804ecad13adaad78f4e4fe165d', class: this.getClass() },
+					{ key: 'b020a125d2257db804dc733d0f9cb81f63d0006d', class: this.getClass() },
 					this.legendSize === 'heading' ? h('h1', null, this.legend) : this.legend,
 				),
-				h('slot', { key: '577f8e5f319f8153809df46669b9e36970e63b55' }),
+				h('slot', { key: '8d46ec07de3ce88928468671d14d45d2e0ccc0ab' }),
 			),
 		);
 	}

package/dist/collection/components/ontario-header/ontario-application-header.css

@@ -1612,7 +1612,7 @@
 	visibility: hidden !important;
 }
 
-@media screen and (max-width: 39.937em) {
+@media screen and (max-width: 39.99875em) {
 	.ontario-hide-for-small-only {
 		display: none !important;
 	}
@@ -1627,17 +1627,17 @@
 		display: none !important;
 	}
 }
-@media screen and (max-width: 39.937em) {
+@media screen and (max-width: 39.99875em) {
 	.ontario-show-for-medium {
 		display: none !important;
 	}
 }
-@media screen and (min-width: 40em) and (max-width: 72.937em) {
+@media screen and (min-width: 40em) and (max-width: 72.99875em) {
 	.ontario-hide-for-medium-only {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 39.937em), screen and (min-width: 73em) {
+@media screen and (max-width: 39.99875em), screen and (min-width: 73em) {
 	.ontario-show-for-medium-only {
 		display: none !important;
 	}
@@ -1647,17 +1647,17 @@
 		display: none !important;
 	}
 }
-@media screen and (max-width: 72.937em) {
+@media screen and (max-width: 72.99875em) {
 	.ontario-show-for-large {
 		display: none !important;
 	}
 }
-@media screen and (min-width: 73em) and (max-width: 95.937em) {
+@media screen and (min-width: 73em) and (max-width: 95.99875em) {
 	.ontario-hide-for-large-only {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 72.937em), screen and (min-width: 96em) {
+@media screen and (max-width: 72.99875em), screen and (min-width: 96em) {
 	.ontario-show-for-large-only {
 		display: none !important;
 	}

package/dist/collection/components/ontario-header/ontario-header.css

@@ -1588,7 +1588,7 @@
 	visibility: hidden !important;
 }
 
-@media screen and (max-width: 39.937em) {
+@media screen and (max-width: 39.99875em) {
 	.ontario-hide-for-small-only {
 		display: none !important;
 	}
@@ -1603,17 +1603,17 @@
 		display: none !important;
 	}
 }
-@media screen and (max-width: 39.937em) {
+@media screen and (max-width: 39.99875em) {
 	.ontario-show-for-medium {
 		display: none !important;
 	}
 }
-@media screen and (min-width: 40em) and (max-width: 72.937em) {
+@media screen and (min-width: 40em) and (max-width: 72.99875em) {
 	.ontario-hide-for-medium-only {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 39.937em), screen and (min-width: 73em) {
+@media screen and (max-width: 39.99875em), screen and (min-width: 73em) {
 	.ontario-show-for-medium-only {
 		display: none !important;
 	}
@@ -1623,17 +1623,17 @@
 		display: none !important;
 	}
 }
-@media screen and (max-width: 72.937em) {
+@media screen and (max-width: 72.99875em) {
 	.ontario-show-for-large {
 		display: none !important;
 	}
 }
-@media screen and (min-width: 73em) and (max-width: 95.937em) {
+@media screen and (min-width: 73em) and (max-width: 95.99875em) {
 	.ontario-hide-for-large-only {
 		display: none !important;
 	}
 }
-@media screen and (max-width: 72.937em), screen and (min-width: 96em) {
+@media screen and (max-width: 72.99875em), screen and (min-width: 96em) {
 	.ontario-show-for-large-only {
 		display: none !important;
 	}

package/dist/collection/components/ontario-header/ontario-header.js

@@ -265,13 +265,25 @@ export class OntarioHeader {
 			return false;
 		}
 		if (viewportSize === 'mobile') {
-			return maxSubheaderMobileLinks && numOfMenuItems - maxSubheaderMobileLinks > 0;
+			return (
+				numOfMenuItems -
+					(maxSubheaderMobileLinks !== null && maxSubheaderMobileLinks !== void 0 ? maxSubheaderMobileLinks : 0) >
+				0
+			);
 		}
 		if (viewportSize === 'tablet') {
-			return maxSubheaderTabletLinks && numOfMenuItems - maxSubheaderTabletLinks > 0;
+			return (
+				numOfMenuItems -
+					(maxSubheaderTabletLinks !== null && maxSubheaderTabletLinks !== void 0 ? maxSubheaderTabletLinks : 0) >
+				0
+			);
 		}
 		if (viewportSize === 'desktop') {
-			return maxSubheaderDesktopLinks && numOfMenuItems - maxSubheaderDesktopLinks > 0;
+			return (
+				numOfMenuItems -
+					(maxSubheaderDesktopLinks !== null && maxSubheaderDesktopLinks !== void 0 ? maxSubheaderDesktopLinks : 0) >
+				0
+			);
 		}
 		return true;
 	}
@@ -578,7 +590,7 @@ export class OntarioHeader {
 									h(
 										'div',
 										{ class: 'ontario-application-subheader__menu-container' },
-										((_k = this.applicationHeaderInfoState) === null || _k === void 0
+										!!((_k = this.applicationHeaderInfoState) === null || _k === void 0
 											? void 0
 											: _k.maxSubheaderDesktopLinks) &&
 											h(
@@ -610,7 +622,7 @@ export class OntarioHeader {
 																),
 															),
 											),
-										((_o = this.applicationHeaderInfoState) === null || _o === void 0
+										!!((_o = this.applicationHeaderInfoState) === null || _o === void 0
 											? void 0
 											: _o.maxSubheaderTabletLinks) &&
 											h(
@@ -639,7 +651,7 @@ export class OntarioHeader {
 																),
 															),
 											),
-										((_r = this.applicationHeaderInfoState) === null || _r === void 0
+										!!((_r = this.applicationHeaderInfoState) === null || _r === void 0
 											? void 0
 											: _r.maxSubheaderMobileLinks) &&
 											h(