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

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

@@ -63,20 +63,20 @@ export class OntarioBlockquote {
 		return h(
 			'blockquote',
 			{
-				key: '211c793558ecdcff6d0ea473ec78005c977311ab',
+				key: 'd61a06f46cdda3c01d3de4df119cff2c003e3431',
 				class: this.shortQuote ? `ontario-blockquote ontario-blockquote--short` : `ontario-blockquote`,
 			},
-			h('p', { key: '9cafaae14af0d02a4df3f8934c0840ae1fac8c88' }, this.quoteState),
+			h('p', { key: '3f1dd19b694ad312e3386788e5719614a4f574eb' }, this.quoteState),
 			this.attribution &&
 				h(
 					'cite',
-					{ key: 'cac8dc816d88cbef4cbf334135b327f8075a71a3', class: 'ontario-blockquote__attribution' },
+					{ key: '2d05950682b2eb288b58c8dc50f18aa00189b5b7', class: 'ontario-blockquote__attribution' },
 					this.attribution,
 				),
 			this.byline &&
 				h(
 					'cite',
-					{ key: 'a3f0395852ff0e83352cf1b7c4cceb3ab47dc031', class: 'ontario-blockquote__byline' },
+					{ key: '8a14d547450f556a5c1d64324a7767c7910748e5', class: 'ontario-blockquote__byline' },
 					this.byline,
 				),
 		);

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

@@ -26,7 +26,8 @@
 /* callout backgrounds */
 /* icon colours */
 /* service ontario header colours */
-/*** 1 - Breakpoint sizes for media queries ***/ /* -------------------------------
+/*** 1 - Breakpoint sizes for media queries ***/
+/* -------------------------------
     Global font-weight variables
 --------------------------------- */
 /* -------------------------------
@@ -45,6 +46,10 @@
 	transition: box-shadow 0.1s ease-in-out;
 }
 
+:host {
+	display: inline-block;
+}
+
 .ontario-button {
 	border: none;
 	border-radius: 4px;
@@ -55,7 +60,7 @@
 	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	font-weight: 600;
 	line-height: 1.5555555556;
-	margin: 0 1.75rem 1.5rem 0;
+	margin: 0;
 	min-width: 10rem;
 	padding: 0.625rem 1.5rem;
 	text-align: center;
@@ -107,12 +112,12 @@
 	padding-bottom: 0.5rem;
 }
 .ontario-button--secondary:hover {
-	background-color: #e0f0ff;
+	background-color: rgb(224.4, 239.7, 255);
 	border-color: #00478f;
 	color: #00478f;
 }
 .ontario-button--secondary:focus {
-	background-color: #e0f0ff;
+	background-color: rgb(224.4, 239.7, 255);
 	border-color: #00478f;
 	color: #00478f;
 	transition:
@@ -120,7 +125,7 @@
 		box-shadow 0.1s ease-in-out;
 }
 .ontario-button--secondary:active {
-	background-color: #c2e0ff;
+	background-color: rgb(193.8, 224.4, 255);
 	border-color: #002142;
 	color: #002142;
 	transition:
@@ -137,12 +142,12 @@
 	text-decoration: underline;
 }
 .ontario-button--tertiary:hover {
-	background-color: #e8e8e8;
+	background-color: rgb(232.05, 232.05, 232.05);
 	color: #00478f;
 	text-decoration: underline;
 }
 .ontario-button--tertiary:focus {
-	background-color: #e8e8e8;
+	background-color: rgb(232.05, 232.05, 232.05);
 	color: #00478f;
 	text-decoration: underline;
 	transition:
@@ -150,7 +155,7 @@
 		box-shadow 0.1s ease-in-out;
 }
 .ontario-button--tertiary:active {
-	background-color: #d1d1d1;
+	background-color: rgb(209.1, 209.1, 209.1);
 	color: #002142;
 	text-decoration: underline;
 	transition:
@@ -162,21 +167,21 @@
 }
 
 .ontario-button--internalThemeDark {
-	background-color: #1a1a1a;
+	background-color: rgb(25.5, 25.5, 25.5);
 	border: 2px solid #ffffff;
 	color: #ffffff;
 }
 .ontario-button--internalThemeDark:hover {
-	background-color: #4d4d4d;
+	background-color: rgb(76.5, 76.5, 76.5);
 }
 .ontario-button--internalThemeDark:focus {
-	background-color: #4d4d4d;
+	background-color: rgb(76.5, 76.5, 76.5);
 	transition:
 		background-color 0.2s ease-out,
 		box-shadow 0.1s ease-in-out;
 }
 .ontario-button--internalThemeDark:active {
-	background-color: #4d4d4d;
+	background-color: rgb(76.5, 76.5, 76.5);
 	transition:
 		background-color 0s,
 		box-shadow 0.1s ease-in-out;

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

@@ -152,7 +152,7 @@ export class OntarioButton {
 		return h(
 			'button',
 			{
-				'key': '36a9c674abd7e9dd695f8ab63c13489ebf0c3700',
+				'key': '2b24f84f2c57c08178ee8c6fd43a0b68d44ba578',
 				'ref': (el) => (this.buttonRef = el),
 				'type': this.htmlTypeState,
 				'class': this.getClass(),

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

@@ -36,7 +36,8 @@
 /* -------------------------------
     Global font variables
 --------------------------------- */
-/*** 1 - Breakpoint sizes for media queries ***/ /* -------------------------------
+/*** 1 - Breakpoint sizes for media queries ***/
+/* -------------------------------
     Global letter-spacing variables
 --------------------------------- */
 /* Rem calc function */
@@ -201,7 +202,7 @@ body {
 	font-size: 1rem;
 	line-height: 1.6;
 	background-color: #ffffff;
-	color: #1a1a1a;
+	color: rgb(25.5, 25.5, 25.5);
 	margin: 0;
 }
 
@@ -246,7 +247,7 @@ hr {
 
 /* Horizontal Rule */
 hr.ontario-hr--dark {
-	border-bottom: 4px solid #1a1a1a;
+	border-bottom: 4px solid rgb(25.5, 25.5, 25.5);
 }
 
 a {
@@ -417,12 +418,13 @@ p + ol {
 	border-left: 0.25rem solid #367a76;
 	padding: 1.5rem;
 	margin: 2rem 0 2.5rem 0;
-	background-color: #f2f2f2;
+	background-color: rgb(242.25, 242.25, 242.25);
 }
 .ontario-callout * {
 	max-width: 48rem;
 }
-.ontario-callout *:last-child {
+.ontario-callout *:last-child,
+.ontario-callout *:last-of-type {
 	margin-bottom: 0.5rem;
 }
 

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

@@ -26,7 +26,8 @@
 /* callout backgrounds */
 /* icon colours */
 /* service ontario header colours */
-/*** 1 - Breakpoint sizes for media queries ***/ /* -------------------------------
+/*** 1 - Breakpoint sizes for media queries ***/
+/* -------------------------------
     Focus placeholder variables
 --------------------------------- */
 /* -------------------------------
@@ -102,7 +103,7 @@
 }
 .ontario-card:active {
 	box-shadow: 0 0 0 4px #009adb;
-	background-color: #f2f2f2;
+	background-color: rgb(242.25, 242.25, 242.25);
 }
 @media screen and (max-width: 40em) {
 	.ontario-card {
@@ -161,7 +162,7 @@
 }
 .ontario-card:hover .ontario-card__heading {
 	text-decoration-line: underline;
-	text-decoration-color: #1a1a1a;
+	text-decoration-color: rgb(25.5, 25.5, 25.5);
 }
 .ontario-card--image-true .ontario-card__heading {
 	border-radius: 0;
@@ -175,7 +176,7 @@
 }
 
 .ontario-card__heading a {
-	color: #1a1a1a;
+	color: rgb(25.5, 25.5, 25.5);
 	text-decoration: none;
 	outline: none;
 }
@@ -202,21 +203,21 @@
 }
 
 .ontario-card__background--light-accent {
-	background-color: #f2f2f2;
+	background-color: rgb(242.25, 242.25, 242.25);
 }
 
 .ontario-card__heading--light-accent {
-	background-color: #f2f2f2;
+	background-color: rgb(242.25, 242.25, 242.25);
 	padding-top: 1rem;
 	padding-bottom: 1rem;
 }
 
 .ontario-card__background--dark-accent {
-	background-color: #1a1a1a;
+	background-color: rgb(25.5, 25.5, 25.5);
 }
 
 .ontario-card__heading--dark-accent {
-	background-color: #1a1a1a;
+	background-color: rgb(25.5, 25.5, 25.5);
 	padding-top: 1rem;
 	padding-bottom: 1rem;
 }

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

@@ -235,20 +235,20 @@ export class OntarioCard {
 	render() {
 		return h(
 			'li',
-			{ key: '2e193d49e3bbff3c15c4509bee7e546032b473b6', class: this.getCardClasses() },
+			{ key: '126862b1ba356fda266eb9104eb2840cfb98ec3f', class: this.getCardClasses() },
 			this.image &&
 				h(
 					'div',
-					{ key: 'dd0a6930f1de3e2d60932d250bd2887bd7d2c7fe', class: 'ontario-card__image-container' },
+					{ key: '463af9c87902654107d607d55e1714411db55732', class: 'ontario-card__image-container' },
 					h(
 						'a',
 						{
-							'key': '131dfe4e86adf2ff644f245288fc4365459915c6',
+							'key': '40a063e3437578eb3f5e6d2eb4785f2e8e5d81f2',
 							'href': this.getHref(),
 							'aria-label': this.ariaLabelText,
 						},
 						h('img', {
-							key: 'e3f5ff5eceeb0592ce35102c356348d7da7fc91b',
+							key: '5d0d5403c10e8298b71f96152b97e27b213a2782',
 							class: 'ontario-card__image',
 							alt: this.imageAltText,
 							src: this.image,
@@ -258,7 +258,7 @@ export class OntarioCard {
 			h(
 				'div',
 				{
-					key: '13b716b695bb31baae328c4164d6285aa023edb2',
+					key: 'e35387c5367814f20a1a12a0ff78f021311864e0',
 					class: `ontario-card__text-container ${this.image ? 'ontario-card--image-true' : ''}`,
 				},
 				h(
@@ -269,8 +269,8 @@ export class OntarioCard {
 				this.description &&
 					h(
 						'div',
-						{ key: '06f9dfb0e6a0e8e7668b99214268421133f015b3', class: 'ontario-card__description' },
-						h('p', { key: '163095809dec7e942fd79f940228b6c8f2db0e27' }, this.description),
+						{ key: '62496c55504cf786c85b79748b5541a0dad412c5', class: 'ontario-card__description' },
+						h('p', { key: '61b5b710ac61a8580b02ab37946f08e1a48d37a8' }, this.description),
 					),
 			),
 		);

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

@@ -48,8 +48,8 @@ export class OntarioCardCollection {
 	render() {
 		return h(
 			'ul',
-			{ key: 'd6a1a5f5661936494499307113cfbd96f0988054', class: this.getClass() },
-			h('slot', { key: '3a6956d8f04e1ad5f8fd047e2114e22cdac0ce26' }),
+			{ key: '29dac6dce71cbf67d785843e06aff63ffc90df6f', class: this.getClass() },
+			h('slot', { key: 'd15bfd8f3aea5bfe32825edfdb722018ed291b22' }),
 		);
 	}
 	static get is() {

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

@@ -29,7 +29,8 @@
 /* callout backgrounds */
 /* icon colours */
 /* service ontario header colours */
-/*** 1 - Breakpoint sizes for media queries ***/ /* -------------------------------
+/*** 1 - Breakpoint sizes for media queries ***/
+/* -------------------------------
     Global font-weight variables
 --------------------------------- */
 /* -------------------------------
@@ -57,6 +58,7 @@ h3,
 .ontario-h3,
 h2,
 .ontario-h2,
+h1 > .ontario-label--heading,
 .ontario-fieldset__legend--large h1,
 .ontario-fieldset__legend--heading h1,
 h1,
@@ -69,6 +71,7 @@ h1,
 	font-family: 'Raleway Modified', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
+h1 > .ontario-label--heading,
 .ontario-fieldset__legend--large h1,
 .ontario-fieldset__legend--heading h1,
 h1,
@@ -80,6 +83,7 @@ h1,
 	max-width: 70rem;
 }
 @media screen and (min-width: 40em) {
+	h1 > .ontario-label--heading,
 	.ontario-fieldset__legend--large h1,
 	.ontario-fieldset__legend--heading h1,
 	h1,
@@ -207,7 +211,7 @@ body {
 	font-size: 1rem;
 	line-height: 1.6;
 	background-color: #ffffff;
-	color: #1a1a1a;
+	color: rgb(25.5, 25.5, 25.5);
 	margin: 0;
 }
 
@@ -252,7 +256,7 @@ hr {
 
 /* Horizontal Rule */
 hr.ontario-hr--dark {
-	border-bottom: 4px solid #1a1a1a;
+	border-bottom: 4px solid rgb(25.5, 25.5, 25.5);
 }
 
 a {
@@ -419,75 +423,6 @@ p + ol {
 		margin: 0.5rem 0 0.5rem 2.75rem;
 	}
 }
-.ontario-form-group:last-of-type {
-	margin-bottom: 2.5rem;
-}
-
-.ontario-form-group:last-of-type {
-	margin-bottom: 3rem;
-}
-
-.ontario-fieldset__legend {
-	color: #1a1a1a;
-	font-family: 'Raleway Modified', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-	font-size: 1.1875rem;
-	font-weight: 700;
-	margin: 0 0 1rem 0;
-	line-height: 1.5;
-	max-width: 38.75em;
-	white-space: normal;
-	width: 100%;
-	hyphens: auto;
-}
-@media screen and (max-width: 40em) {
-	.ontario-fieldset__legend {
-		font-size: 1.125rem;
-		line-height: 1.56;
-	}
-}
-
-.ontario-fieldset__legend--large,
-.ontario-fieldset__legend--heading {
-	letter-spacing: 0.02rem;
-	line-height: 1.2;
-}
-.ontario-fieldset__legend--large h1,
-.ontario-fieldset__legend--heading h1 {
-	display: inline-block;
-	margin: 0;
-}
-@media screen and (max-width: 40em) {
-	.ontario-fieldset__legend--large,
-	.ontario-fieldset__legend--heading {
-		font-size: 1.4375rem;
-		line-height: 1.39;
-	}
-}
-
-.ontario-fieldset__legend--large {
-	font-size: 1.75rem;
-}
-
-.ontario-fieldset__legend-required-flag,
-.ontario-fieldset__legend-optional-flag {
-	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-	font-size: 1rem;
-	font-weight: 400;
-}
-.ontario-fieldset__legend-required-flag:before,
-.ontario-fieldset__legend-optional-flag:before {
-	content: ' ';
-}
-
-.ontario-label__flag {
-	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-	font-size: 1rem;
-	font-weight: 400;
-}
-.ontario-label__flag:before {
-	content: ' ';
-}
-
 /*
 * Visibility
 *
@@ -603,6 +538,105 @@ p + ol {
 		display: block !important;
 	}
 }
+.ontario-fieldset__legend {
+	color: rgb(25.5, 25.5, 25.5);
+	font-family: 'Raleway Modified', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	font-size: 1.1875rem;
+	font-weight: 700;
+	margin: 0 0 1rem 0;
+	line-height: 1.5;
+	max-width: 38.75em;
+	white-space: normal;
+	width: 100%;
+	hyphens: auto;
+}
+@media screen and (max-width: 40em) {
+	.ontario-fieldset__legend {
+		font-size: 1.125rem;
+		line-height: 1.56;
+	}
+}
+
+.ontario-fieldset__legend--large,
+.ontario-fieldset__legend--heading {
+	letter-spacing: 0.02rem;
+	line-height: 1.2;
+}
+.ontario-fieldset__legend--large h1,
+.ontario-fieldset__legend--heading h1 {
+	display: inline-block;
+	margin: 0;
+}
+@media screen and (max-width: 40em) {
+	.ontario-fieldset__legend--large,
+	.ontario-fieldset__legend--heading {
+		font-size: 1.4375rem;
+		line-height: 1.39;
+	}
+}
+
+.ontario-fieldset__legend--large {
+	font-size: 1.75rem;
+}
+
+.ontario-fieldset__legend-required-flag,
+.ontario-fieldset__legend-optional-flag {
+	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	font-size: 1rem;
+	font-weight: 400;
+}
+.ontario-fieldset__legend-required-flag:before,
+.ontario-fieldset__legend-optional-flag:before {
+	content: ' ';
+}
+
+.ontario-label {
+	cursor: pointer;
+	color: rgb(25.5, 25.5, 25.5);
+	font-family: 'Raleway Modified', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	font-size: 1.1875rem;
+	font-weight: 700;
+	line-height: 1.5;
+	margin: 0 0 1rem 0;
+	max-width: 38.75em;
+	white-space: normal;
+	width: 100%;
+	hyphens: auto;
+}
+@media screen and (max-width: 40em) {
+	.ontario-label {
+		font-size: 1.125rem;
+		line-height: 1.56;
+	}
+}
+
+.ontario-label--large {
+	font-size: 1.75rem;
+	letter-spacing: 0.02rem;
+	line-height: 1.2;
+	max-width: 26.25em;
+}
+@media screen and (max-width: 40em) {
+	.ontario-label--large {
+		font-size: 1.4375rem;
+		line-height: 1.39;
+	}
+}
+
+h1 > .ontario-label--heading {
+	display: inline-block;
+	margin: 0;
+}
+
+.ontario-label__flag {
+	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	font-size: 1rem;
+	font-weight: 400;
+}
+.ontario-label__flag:before {
+	content: ' ';
+}
+
 /* -------------------------------
     Focus placeholder variables
 --------------------------------- */
@@ -616,19 +650,16 @@ p + ol {
 	transition: box-shadow 0.1s ease-in-out;
 }
 
-/*
-*  Text Inputs
-*/
 .ontario-input {
-	border: 2px solid #1a1a1a;
+	border: 2px solid rgb(25.5, 25.5, 25.5);
 	border-radius: 4px;
 	box-sizing: border-box;
-	color: #1a1a1a;
+	color: rgb(25.5, 25.5, 25.5);
 	display: block;
 	font-size: 1rem;
 	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	line-height: 1.5;
-	margin: 0 0 2.5rem;
+	margin: 0;
 	max-width: 48rem;
 	width: 100%;
 	padding: 0.625rem 1rem;
@@ -662,10 +693,6 @@ p + ol {
 	max-width: 41ex;
 }
 
-.ontario-form-group:last-of-type {
-	margin-bottom: 2.5rem;
-}
-
 .ontario-error-messaging {
 	display: flex;
 	align-items: flex-start;
@@ -676,6 +703,7 @@ p + ol {
 
 .ontario-error-messaging__content {
 	margin-left: 0.5rem;
+	margin-top: 0.125rem;
 }
 
 .ontario-input__error {
@@ -691,7 +719,6 @@ p + ol {
 }
 
 .ontario-checkboxes {
-	margin-bottom: 2.5rem;
 	max-width: 48rem;
 }
 
@@ -705,6 +732,14 @@ p + ol {
 .ontario-checkboxes__item:last-of-type {
 	margin: 0;
 }
+.ontario-checkboxes__item .ontario-checkboxes__hint-expander {
+	margin: 0.75rem 0 0 0.75rem;
+}
+@media screen and (max-width: 40em) {
+	.ontario-checkboxes__item .ontario-checkboxes__hint-expander {
+		margin-top: 1rem;
+	}
+}
 @media screen and (max-width: 40em) {
 	.ontario-checkboxes__item {
 		padding: 0 0 0 2.5rem;
@@ -747,7 +782,7 @@ p + ol {
 }
 .ontario-checkboxes__label:before {
 	content: '';
-	border: 0.125rem solid #1a1a1a;
+	border: 0.125rem solid rgb(25.5, 25.5, 25.5);
 	border-radius: 4px;
 	position: absolute;
 	top: 0;
@@ -797,11 +832,11 @@ p + ol {
 }
 
 .ontario-checkboxes__input:checked + .ontario-checkboxes__label:before {
-	background-color: #1a1a1a;
+	background-color: rgb(25.5, 25.5, 25.5);
 }
 
 .ontario-checkboxes__hint-expander {
-	margin: 0.75rem 0 0 0.5rem;
+	margin: 0.75rem 0 0 0;
 }
 @media screen and (max-width: 40em) {
 	.ontario-checkboxes__hint-expander {

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

@@ -29,8 +29,12 @@ export class OntarioCheckboxes {
 			this.language = validateLanguage(event);
 		}
 	}
+	/**
+	 * Handles an update to the language should the user request a language update from the language toggle.
+	 * @param {CustomEvent} - The language that has been selected.
+	 */
 	handleHeaderLanguageToggled(event) {
-		this.language = validateLanguage(event);
+		this.language = validateLanguage(event.detail.newLanguage);
 	}
 	/**
 	 * Watch for changes to the `hintText` prop.
@@ -220,29 +224,26 @@ export class OntarioCheckboxes {
 		const error = !!this.errorMessage;
 		return h(
 			'div',
-			{
-				key: '08e52742fa0a063dcc3243699e69345c861d00f1',
-				class: `ontario-form-group ${error ? 'ontario-input--error' : ''}`,
-			},
+			{ key: 'dc4db6e5bbf9857401f90dc0736c81cdd468dc86', class: error ? 'ontario-input--error' : '' },
 			h(
 				'fieldset',
 				{
-					'key': '2bccaec25a39681ed286dfe65faa72371de5cb47',
+					'key': 'f3ef933dca866d2b12d3fe35c24216b8906eebcf',
 					'class': 'ontario-fieldset',
 					'aria-describedby': this.hintTextId,
 				},
 				this.captionState.getCaption(undefined, !!this.internalHintExpander),
 				this.internalHintText &&
 					h('ontario-hint-text', {
-						key: 'd4b59616bba9ec51bcf28c53bba51be3a68e3b88',
+						key: '984fa7a3f7675217d772cdafe3fb4275c3470554',
 						hint: this.internalHintText.hint,
 						hintContentType: this.internalHintText.hintContentType,
 						ref: (el) => (this.hintTextRef = el),
 					}),
-				h(ErrorMessage, { key: '88e5fbbb126f087fbec2bb4d27824fd7a57f83ea', message: this.errorMessage, error: error }),
+				h(ErrorMessage, { key: '65aa3105fcecc048fb93d933784e6a649aa6aad0', message: this.errorMessage, error: error }),
 				h(
 					'div',
-					{ key: '36fc1eb21a31748c7c939155223f512dd49e6a5f', class: 'ontario-checkboxes' },
+					{ key: 'f7c39731156214b09aaf19b3f91a684e04a2dfcd', class: 'ontario-checkboxes' },
 					(_a = this.internalOptions) === null || _a === void 0
 						? void 0
 						: _a.map((checkbox) =>
@@ -283,9 +284,9 @@ export class OntarioCheckboxes {
 					this.internalHintExpander &&
 						h(
 							'div',
-							{ key: '1c7bde3fdc5d1398a43907bcc619783744d34710', class: 'ontario-checkboxes__hint-expander' },
+							{ key: '446f199dd45aafeabc7e693ffdd979485d631d24', class: 'ontario-checkboxes__hint-expander' },
 							h('ontario-hint-expander', {
-								'key': '608a1222698236c2855641cd2ac5f28c77d16bfd',
+								'key': 'b37657cb758efc13e76fb60c9b6adc492b2f2efb',
 								'hint': this.internalHintExpander.hint,
 								'content': this.internalHintExpander.content,
 								'hintContentType': this.internalHintExpander.hintContentType,