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

package/dist/collection/components/ontario-footer/components/expanded-footer-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"expanded-footer-wrapper.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/expanded-footer-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS/C,MAAM,CAAC,MAAM,qBAAqB,GAAoD,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;IACzG,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,KAAK,GAAG,EAAE,aAAa,EAAE,mBAAmB,EAAE,CAAC;IACrD,MAAM,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/D,OAAO,CACN,cAAQ,KAAK,EAAE,2CAA2C,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK;QACpF,WAAK,KAAK,EAAC,sCAAsC;YAChD,WAAK,KAAK,EAAC,aAAa,IAAE,QAAQ,CAAO,CACpC;QACN,EAAC,YAAY,oBAAK,WAAW,IAAE,SAAS,EAAC,yCAAyC,IAAG,CAC7E,CACT,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\nimport { SimpleFooter } from './simple-footer';\nimport { SimpleFooterLinks } from '../ontario-footer-interface';\n\nexport type ExpandedFooterWrapperProps = {\n\tfooterLinks: SimpleFooterLinks;\n\ttopMargin: boolean;\n\tbackgroundImagePath: string;\n};\n\nexport const ExpandedFooterWrapper: FunctionalComponent<ExpandedFooterWrapperProps> = (props, children) => {\n\tconst { topMargin, footerLinks, backgroundImagePath } = props;\n\tconst style = { '--imagePath': backgroundImagePath };\n\tconst marginClass = !topMargin ? 'ontario-margin-top-0-!' : '';\n\n\treturn (\n\t\t<footer class={`ontario-footer ontario-footer--expanded ${marginClass}`} style={style}>\n\t\t\t<div class=\"ontario-footer__expanded-top-section\">\n\t\t\t\t<div class=\"ontario-row\">{children}</div>\n\t\t\t</div>\n\t\t\t<SimpleFooter {...footerLinks} className=\"ontario-footer__expanded-bottom-section\" />\n\t\t</footer>\n\t);\n};\n"]}
+{"version":3,"file":"expanded-footer-wrapper.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/expanded-footer-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS/C,MAAM,CAAC,MAAM,qBAAqB,GAAoD,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;IACzG,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,KAAK,GAAG,EAAE,aAAa,EAAE,mBAAmB,EAAE,CAAC;IACrD,MAAM,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/D,OAAO,CACN,cAAQ,KAAK,EAAE,2CAA2C,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK;QACpF,WAAK,KAAK,EAAC,sCAAsC;YAChD,WAAK,KAAK,EAAC,aAAa,IAAE,QAAQ,CAAO,CACpC;QACN,EAAC,YAAY,OAAK,WAAW,EAAE,SAAS,EAAC,yCAAyC,GAAG,CAC7E,CACT,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\nimport { SimpleFooter } from './simple-footer';\nimport { SimpleFooterLinks } from '../ontario-footer-interface';\n\nexport type ExpandedFooterWrapperProps = {\n\tfooterLinks: SimpleFooterLinks;\n\ttopMargin: boolean;\n\tbackgroundImagePath: string;\n};\n\nexport const ExpandedFooterWrapper: FunctionalComponent<ExpandedFooterWrapperProps> = (props, children) => {\n\tconst { topMargin, footerLinks, backgroundImagePath } = props;\n\tconst style = { '--imagePath': backgroundImagePath };\n\tconst marginClass = !topMargin ? 'ontario-margin-top-0-!' : '';\n\n\treturn (\n\t\t<footer class={`ontario-footer ontario-footer--expanded ${marginClass}`} style={style}>\n\t\t\t<div class=\"ontario-footer__expanded-top-section\">\n\t\t\t\t<div class=\"ontario-row\">{children}</div>\n\t\t\t</div>\n\t\t\t<SimpleFooter {...footerLinks} className=\"ontario-footer__expanded-bottom-section\" />\n\t\t</footer>\n\t);\n};\n"]}

package/dist/collection/components/ontario-footer/components/footer-column-content.js

@@ -8,7 +8,7 @@ export const ColumnContent = ({ content }) => {
 		type === 'text' && h('p', null, text),
 		type === 'html' && h('div', { class: 'ontario-footer__paragraph', innerHTML: html }),
 		type === 'list' &&
-			!!(list === null || list === void 0 ? void 0 : list.length) &&
+			!!list?.length &&
 			h(
 				'ul',
 				null,

package/dist/collection/components/ontario-footer/components/footer-column-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-column-content.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/footer-column-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOjE,MAAM,CAAC,MAAM,aAAa,GAAkD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3F,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC;IAE3F,OAAO,CACN,EAAC,QAAQ;QACP,OAAO,IAAI,EAAC,OAAO,IAAC,KAAK,EAAC,YAAY,IAAE,OAAO,CAAW;QAC1D,IAAI,KAAK,MAAM,IAAI,aAAI,IAAI,CAAK;QAChC,IAAI,KAAK,MAAM,IAAI,WAAK,KAAK,EAAC,2BAA2B,EAAC,SAAS,EAAE,IAAc,GAAI;QACvF,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,IAAI,CACrC,cACE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,CAC3B,UAAI,KAAK,EAAC,2BAA2B,EAAC,SAAS,EAAE,IAAI,GAAI,CACzD,CAAC,CACE,CACL,CACS,CACX,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h, Fragment } from '@stencil/core';\nimport { FooterColumnContent } from '../ontario-footer-interface';\n\nexport type FooterColumnContentProps = {\n\tcontent: FooterColumnContent;\n};\n\nexport const ColumnContent: FunctionalComponent<FooterColumnContentProps> = ({ content }) => {\n\tconst { heading, headingLevel: Heading = 'h3', text, html, list, type = 'text' } = content;\n\n\treturn (\n\t\t<Fragment>\n\t\t\t{heading && <Heading class=\"ontario-h5\">{heading}</Heading>}\n\t\t\t{type === 'text' && <p>{text}</p>}\n\t\t\t{type === 'html' && <div class=\"ontario-footer__paragraph\" innerHTML={html as string} />}\n\t\t\t{type === 'list' && !!list?.length && (\n\t\t\t\t<ul>\n\t\t\t\t\t{list.map((item: string) => (\n\t\t\t\t\t\t<li class=\"ontario-footer__list_item\" innerHTML={item} />\n\t\t\t\t\t))}\n\t\t\t\t</ul>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n"]}
+{"version":3,"file":"footer-column-content.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/footer-column-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOjE,MAAM,CAAC,MAAM,aAAa,GAAkD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3F,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC;IAE3F,OAAO,CACN,EAAC,QAAQ;QACP,OAAO,IAAI,EAAC,OAAO,IAAC,KAAK,EAAC,YAAY,IAAE,OAAO,CAAW;QAC1D,IAAI,KAAK,MAAM,IAAI,aAAI,IAAI,CAAK;QAChC,IAAI,KAAK,MAAM,IAAI,WAAK,KAAK,EAAC,2BAA2B,EAAC,SAAS,EAAE,IAAc,GAAI;QACvF,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,IAAI,EAAE,MAAM,IAAI,CACrC,cACE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,CAC3B,UAAI,KAAK,EAAC,2BAA2B,EAAC,SAAS,EAAE,IAAI,GAAI,CACzD,CAAC,CACE,CACL,CACS,CACX,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h, Fragment } from '@stencil/core';\nimport { FooterColumnContent } from '../ontario-footer-interface';\n\nexport type FooterColumnContentProps = {\n\tcontent: FooterColumnContent;\n};\n\nexport const ColumnContent: FunctionalComponent<FooterColumnContentProps> = ({ content }) => {\n\tconst { heading, headingLevel: Heading = 'h3', text, html, list, type = 'text' } = content;\n\n\treturn (\n\t\t<Fragment>\n\t\t\t{heading && <Heading class=\"ontario-h5\">{heading}</Heading>}\n\t\t\t{type === 'text' && <p>{text}</p>}\n\t\t\t{type === 'html' && <div class=\"ontario-footer__paragraph\" innerHTML={html as string} />}\n\t\t\t{type === 'list' && !!list?.length && (\n\t\t\t\t<ul>\n\t\t\t\t\t{list.map((item: string) => (\n\t\t\t\t\t\t<li class=\"ontario-footer__list_item\" innerHTML={item} />\n\t\t\t\t\t))}\n\t\t\t\t</ul>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n"]}

package/dist/collection/components/ontario-footer/components/footer-column.js

@@ -16,7 +16,7 @@ export const FooterColumn = ({ data, socialLinks, isThreeColLayout = false, isFu
 				{ class: 'ontario-footer__button ontario-button ontario-margin-bottom-0-!', href: button.link },
 				button.text,
 			),
-		socialLinks && h(FooterSocialLinks, Object.assign({}, socialLinks)),
+		socialLinks && h(FooterSocialLinks, { ...socialLinks }),
 	);
 };
 //# sourceMappingURL=footer-column.js.map

package/dist/collection/components/ontario-footer/components/footer-column.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-column.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/footer-column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAA0B,MAAM,uBAAuB,CAAC;AASlF,MAAM,CAAC,MAAM,YAAY,GAA2C,CAAC,EACpE,IAAI,EACJ,WAAW,EACX,gBAAgB,GAAG,KAAK,EACxB,yBAAyB,GAAG,KAAK,GACjC,EAAE,EAAE;IACJ,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IACtE,MAAM,wBAAwB,GAAG,gBAAgB,CAAC,CAAC,CAAC,0DAA0D,CAAC,CAAC,CAAC,EAAE,CAAC;IACpH,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAEjG,OAAO,CACN,WAAK,KAAK,EAAE,oCAAoC,mBAAmB,IAAI,wBAAwB,EAAE;QAChG,EAAC,OAAO,IAAC,KAAK,EAAC,YAAY,IAAE,KAAK,CAAW;QAC5C,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,EAAC,aAAa,IAAC,OAAO,EAAE,IAAI,GAAI,CAChC,CAAC;QACD,MAAM,IAAI,CACV,SAAG,KAAK,EAAC,iEAAiE,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IAC1F,MAAM,CAAC,IAAI,CACT,CACJ;QACA,WAAW,IAAI,EAAC,iBAAiB,oBAAK,WAAW,EAAI,CACjD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\nimport { FooterColumnData } from '../ontario-footer-interface';\nimport { ColumnContent } from './footer-column-content';\nimport { FooterSocialLinks, FooterSocialLinksProps } from './footer-social-links';\n\nexport type FooterColumnProps = {\n\tdata: FooterColumnData;\n\tsocialLinks?: FooterSocialLinksProps;\n\tisThreeColLayout?: boolean;\n\tisFullWidthInMediumLayout?: boolean;\n};\n\nexport const FooterColumn: FunctionalComponent<FooterColumnProps> = ({\n\tdata,\n\tsocialLinks,\n\tisThreeColLayout = false,\n\tisFullWidthInMediumLayout = false,\n}) => {\n\tconst { title, content, button, headingLevel: Heading = 'h2' } = data;\n\tconst threeColumnLayoutClasses = isThreeColLayout ? 'ontario-large-4 ontario-expanded-footer__one-third-block' : '';\n\tconst mediumLayoutClasses = isFullWidthInMediumLayout ? 'ontario-medium-12' : 'ontario-medium-6';\n\n\treturn (\n\t\t<div class={`ontario-columns ontario-small-12 ${mediumLayoutClasses} ${threeColumnLayoutClasses}`}>\n\t\t\t<Heading class=\"ontario-h4\">{title}</Heading>\n\t\t\t{content.map((item) => (\n\t\t\t\t<ColumnContent content={item} />\n\t\t\t))}\n\t\t\t{button && (\n\t\t\t\t<a class=\"ontario-footer__button ontario-button ontario-margin-bottom-0-!\" href={button.link}>\n\t\t\t\t\t{button.text}\n\t\t\t\t</a>\n\t\t\t)}\n\t\t\t{socialLinks && <FooterSocialLinks {...socialLinks} />}\n\t\t</div>\n\t);\n};\n"]}
+{"version":3,"file":"footer-column.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/footer-column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAA0B,MAAM,uBAAuB,CAAC;AASlF,MAAM,CAAC,MAAM,YAAY,GAA2C,CAAC,EACpE,IAAI,EACJ,WAAW,EACX,gBAAgB,GAAG,KAAK,EACxB,yBAAyB,GAAG,KAAK,GACjC,EAAE,EAAE;IACJ,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IACtE,MAAM,wBAAwB,GAAG,gBAAgB,CAAC,CAAC,CAAC,0DAA0D,CAAC,CAAC,CAAC,EAAE,CAAC;IACpH,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAEjG,OAAO,CACN,WAAK,KAAK,EAAE,oCAAoC,mBAAmB,IAAI,wBAAwB,EAAE;QAChG,EAAC,OAAO,IAAC,KAAK,EAAC,YAAY,IAAE,KAAK,CAAW;QAC5C,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,EAAC,aAAa,IAAC,OAAO,EAAE,IAAI,GAAI,CAChC,CAAC;QACD,MAAM,IAAI,CACV,SAAG,KAAK,EAAC,iEAAiE,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IAC1F,MAAM,CAAC,IAAI,CACT,CACJ;QACA,WAAW,IAAI,EAAC,iBAAiB,OAAK,WAAW,GAAI,CACjD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\nimport { FooterColumnData } from '../ontario-footer-interface';\nimport { ColumnContent } from './footer-column-content';\nimport { FooterSocialLinks, FooterSocialLinksProps } from './footer-social-links';\n\nexport type FooterColumnProps = {\n\tdata: FooterColumnData;\n\tsocialLinks?: FooterSocialLinksProps;\n\tisThreeColLayout?: boolean;\n\tisFullWidthInMediumLayout?: boolean;\n};\n\nexport const FooterColumn: FunctionalComponent<FooterColumnProps> = ({\n\tdata,\n\tsocialLinks,\n\tisThreeColLayout = false,\n\tisFullWidthInMediumLayout = false,\n}) => {\n\tconst { title, content, button, headingLevel: Heading = 'h2' } = data;\n\tconst threeColumnLayoutClasses = isThreeColLayout ? 'ontario-large-4 ontario-expanded-footer__one-third-block' : '';\n\tconst mediumLayoutClasses = isFullWidthInMediumLayout ? 'ontario-medium-12' : 'ontario-medium-6';\n\n\treturn (\n\t\t<div class={`ontario-columns ontario-small-12 ${mediumLayoutClasses} ${threeColumnLayoutClasses}`}>\n\t\t\t<Heading class=\"ontario-h4\">{title}</Heading>\n\t\t\t{content.map((item) => (\n\t\t\t\t<ColumnContent content={item} />\n\t\t\t))}\n\t\t\t{button && (\n\t\t\t\t<a class=\"ontario-footer__button ontario-button ontario-margin-bottom-0-!\" href={button.link}>\n\t\t\t\t\t{button.text}\n\t\t\t\t</a>\n\t\t\t)}\n\t\t\t{socialLinks && <FooterSocialLinks {...socialLinks} />}\n\t\t</div>\n\t);\n};\n"]}

package/dist/collection/components/ontario-footer/components/simple-footer.js

@@ -10,7 +10,7 @@ export const SimpleFooter = ({
 }) => {
 	return h(
 		'div',
-		{ class: `ontario-row ${className !== null && className !== void 0 ? className : ''}` },
+		{ class: `ontario-row ${className ?? ''}` },
 		h(
 			'div',
 			{ class: 'ontario-columns ontario-small-12' },
@@ -20,43 +20,18 @@ export const SimpleFooter = ({
 				h('li', null, h('a', { class: 'ontario-footer__link', href: accessibilityLink.href }, accessibilityLink.text)),
 				h('li', null, h('a', { class: 'ontario-footer__link', href: privacyLink.href }, privacyLink.text)),
 				contactLink &&
-					h(
-						'li',
-						null,
-						h(
-							'a',
-							{
-								class: 'ontario-footer__link',
-								href: contactLink === null || contactLink === void 0 ? void 0 : contactLink.href,
-							},
-							contactLink === null || contactLink === void 0 ? void 0 : contactLink.text,
-						),
-					),
+					h('li', null, h('a', { class: 'ontario-footer__link', href: contactLink?.href }, contactLink?.text)),
 				termsOfUseLink &&
-					h(
-						'li',
-						null,
-						h(
-							'a',
-							{
-								class: 'ontario-footer__link',
-								href: termsOfUseLink === null || termsOfUseLink === void 0 ? void 0 : termsOfUseLink.href,
-							},
-							termsOfUseLink === null || termsOfUseLink === void 0 ? void 0 : termsOfUseLink.text,
-						),
-					),
+					h('li', null, h('a', { class: 'ontario-footer__link', href: termsOfUseLink?.href }, termsOfUseLink?.text)),
 			),
 			h(
 				'div',
 				{ class: 'ontario-footer__copyright' },
 				h(
 					'a',
-					{
-						class: 'ontario-footer__link',
-						href: printerLink === null || printerLink === void 0 ? void 0 : printerLink.href,
-					},
+					{ class: 'ontario-footer__link', href: printerLink?.href },
 					'\u00A9 ',
-					printerLink === null || printerLink === void 0 ? void 0 : printerLink.text,
+					printerLink?.text,
 					' ',
 					h('span', { class: 'ontario-nbsp' }, '2012', enDash, String(new Date().getFullYear()).slice(-2)),
 				),

package/dist/collection/components/ontario-footer/components/simple-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-footer.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/simple-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAGvD,MAAM,MAAM,GAAG,QAAQ,CAAC;AAMxB,MAAM,CAAC,MAAM,YAAY,GAA2C,CAAC,EACpE,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,WAAW,EACX,SAAS,EACT,cAAc,GACd,EAAE,EAAE;IACJ,OAAO,CACN,WAAK,KAAK,EAAE,eAAe,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EAAE;QAC3C,WAAK,KAAK,EAAC,kCAAkC;YAC5C,UAAI,KAAK,EAAC,yEAAyE;gBAClF;oBACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,iBAAiB,CAAC,IAAI,IAC1D,iBAAiB,CAAC,IAAI,CACpB,CACA;gBACL;oBACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,WAAW,CAAC,IAAI,IACpD,WAAW,CAAC,IAAI,CACd,CACA;gBACJ,WAAW,IAAI,CACf;oBACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,IACrD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CACf,CACA,CACL;gBACA,cAAc,IAAI,CAClB;oBACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,IACxD,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,CAClB,CACA,CACL,CACG;YACL,WAAK,KAAK,EAAC,2BAA2B;gBACrC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI;+BAC9C,WAAW,aAAX,WAAW;oBAAX,WAAW,CAAE,IAAI;oBAAE,GAAG;oBAC9B,YAAM,KAAK,EAAC,cAAc;;wBACpB,MAAM;wBACV,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACrC,CACJ,CACC,CACD,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { h, FunctionalComponent } from '@stencil/core';\nimport { SimpleFooterLinks } from '../ontario-footer-interface';\n\nconst enDash = '\\u2013';\n\ntype SimpleFooterProps = SimpleFooterLinks & {\n\tclassName?: string;\n};\n\nexport const SimpleFooter: FunctionalComponent<SimpleFooterProps> = ({\n\taccessibilityLink,\n\tprivacyLink,\n\tcontactLink,\n\tprinterLink,\n\tclassName,\n\ttermsOfUseLink,\n}) => {\n\treturn (\n\t\t<div class={`ontario-row ${className ?? ''}`}>\n\t\t\t<div class=\"ontario-columns ontario-small-12\">\n\t\t\t\t<ul class=\"ontario-footer__links-container ontario-footer__links-container--inline\">\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<a class=\"ontario-footer__link\" href={accessibilityLink.href}>\n\t\t\t\t\t\t\t{accessibilityLink.text}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<a class=\"ontario-footer__link\" href={privacyLink.href}>\n\t\t\t\t\t\t\t{privacyLink.text}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t{contactLink && (\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<a class=\"ontario-footer__link\" href={contactLink?.href}>\n\t\t\t\t\t\t\t\t{contactLink?.text}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t)}\n\t\t\t\t\t{termsOfUseLink && (\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<a class=\"ontario-footer__link\" href={termsOfUseLink?.href}>\n\t\t\t\t\t\t\t\t{termsOfUseLink?.text}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t)}\n\t\t\t\t</ul>\n\t\t\t\t<div class=\"ontario-footer__copyright\">\n\t\t\t\t\t<a class=\"ontario-footer__link\" href={printerLink?.href}>\n\t\t\t\t\t\t&copy; {printerLink?.text}{' '}\n\t\t\t\t\t\t<span class=\"ontario-nbsp\">\n\t\t\t\t\t\t\t2012{enDash}\n\t\t\t\t\t\t\t{String(new Date().getFullYear()).slice(-2)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}
+{"version":3,"file":"simple-footer.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/simple-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAGvD,MAAM,MAAM,GAAG,QAAQ,CAAC;AAMxB,MAAM,CAAC,MAAM,YAAY,GAA2C,CAAC,EACpE,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,WAAW,EACX,SAAS,EACT,cAAc,GACd,EAAE,EAAE;IACJ,OAAO,CACN,WAAK,KAAK,EAAE,eAAe,SAAS,IAAI,EAAE,EAAE;QAC3C,WAAK,KAAK,EAAC,kCAAkC;YAC5C,UAAI,KAAK,EAAC,yEAAyE;gBAClF;oBACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,iBAAiB,CAAC,IAAI,IAC1D,iBAAiB,CAAC,IAAI,CACpB,CACA;gBACL;oBACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,WAAW,CAAC,IAAI,IACpD,WAAW,CAAC,IAAI,CACd,CACA;gBACJ,WAAW,IAAI,CACf;oBACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,IACrD,WAAW,EAAE,IAAI,CACf,CACA,CACL;gBACA,cAAc,IAAI,CAClB;oBACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,IACxD,cAAc,EAAE,IAAI,CAClB,CACA,CACL,CACG;YACL,WAAK,KAAK,EAAC,2BAA2B;gBACrC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI;;oBAC9C,WAAW,EAAE,IAAI;oBAAE,GAAG;oBAC9B,YAAM,KAAK,EAAC,cAAc;;wBACpB,MAAM;wBACV,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACrC,CACJ,CACC,CACD,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { h, FunctionalComponent } from '@stencil/core';\nimport { SimpleFooterLinks } from '../ontario-footer-interface';\n\nconst enDash = '\\u2013';\n\ntype SimpleFooterProps = SimpleFooterLinks & {\n\tclassName?: string;\n};\n\nexport const SimpleFooter: FunctionalComponent<SimpleFooterProps> = ({\n\taccessibilityLink,\n\tprivacyLink,\n\tcontactLink,\n\tprinterLink,\n\tclassName,\n\ttermsOfUseLink,\n}) => {\n\treturn (\n\t\t<div class={`ontario-row ${className ?? ''}`}>\n\t\t\t<div class=\"ontario-columns ontario-small-12\">\n\t\t\t\t<ul class=\"ontario-footer__links-container ontario-footer__links-container--inline\">\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<a class=\"ontario-footer__link\" href={accessibilityLink.href}>\n\t\t\t\t\t\t\t{accessibilityLink.text}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<a class=\"ontario-footer__link\" href={privacyLink.href}>\n\t\t\t\t\t\t\t{privacyLink.text}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t{contactLink && (\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<a class=\"ontario-footer__link\" href={contactLink?.href}>\n\t\t\t\t\t\t\t\t{contactLink?.text}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t)}\n\t\t\t\t\t{termsOfUseLink && (\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<a class=\"ontario-footer__link\" href={termsOfUseLink?.href}>\n\t\t\t\t\t\t\t\t{termsOfUseLink?.text}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t)}\n\t\t\t\t</ul>\n\t\t\t\t<div class=\"ontario-footer__copyright\">\n\t\t\t\t\t<a class=\"ontario-footer__link\" href={printerLink?.href}>\n\t\t\t\t\t\t&copy; {printerLink?.text}{' '}\n\t\t\t\t\t\t<span class=\"ontario-nbsp\">\n\t\t\t\t\t\t\t2012{enDash}\n\t\t\t\t\t\t\t{String(new Date().getFullYear()).slice(-2)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}

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

@@ -28,152 +28,13 @@
 /* icon colours */
 /* service ontario header colours */
 /*** 1 - Breakpoint sizes for media queries ***/ /* -------------------------------
-    Global font-weight variables
+    Global font variables
 --------------------------------- */
 /* -------------------------------
-    Global letter-spacing variables
+    Global font-weight variables
 --------------------------------- */
 /* Rem calc function */
 /* Pixel to REM Conversion */
-/* -------------------------------
-    Global line-height variables
---------------------------------- */
-/* -------------------------------
-    Global typography variables
---------------------------------- */
-h6,
-.ontario-h6,
-h5,
-.ontario-h5,
-h4,
-.ontario-h4,
-h3,
-.ontario-h3,
-h2,
-.ontario-h2,
-h1,
-.ontario-h1 {
-	font-style: normal;
-	font-weight: 700;
-	text-rendering: optimizeLegibility;
-	margin-bottom: 1rem;
-	font-feature-settings: normal;
-	font-family: 'Raleway', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-}
-
-h1,
-.ontario-h1 {
-	font-size: 2rem;
-	letter-spacing: 0.04rem;
-	line-height: 1.29;
-	margin: 2.5rem 0 1.5rem 0;
-	max-width: 70rem;
-}
-@media screen and (min-width: 40em) {
-	h1,
-	.ontario-h1 {
-		font-size: 2.5rem;
-		letter-spacing: 0.04rem;
-		line-height: 1.2;
-	}
-}
-
-h2,
-.ontario-h2 {
-	font-size: 1.6875rem;
-	letter-spacing: 0.03rem;
-	line-height: 1.37;
-	margin: 0 0 0.75rem 0;
-	max-width: 48rem;
-}
-@media screen and (min-width: 40em) {
-	h2,
-	.ontario-h2 {
-		font-size: 2.0625rem;
-		letter-spacing: 0.02rem;
-		line-height: 1.33;
-	}
-}
-
-h3,
-.ontario-h3 {
-	font-size: 1.4375rem;
-	letter-spacing: 0.02rem;
-	line-height: 1.39;
-	margin: 0 0 0.75rem 0;
-	max-width: 48rem;
-}
-@media screen and (min-width: 40em) {
-	h3,
-	.ontario-h3 {
-		font-size: 1.75rem;
-		letter-spacing: 0.02rem;
-		line-height: 1.43;
-	}
-}
-
-h4,
-.ontario-h4 {
-	font-size: 1.25rem;
-	letter-spacing: 0.03rem;
-	line-height: 1.5;
-	margin: 0 0 0.75rem 0;
-	max-width: 48rem;
-}
-@media screen and (min-width: 40em) {
-	h4,
-	.ontario-h4 {
-		font-size: 1.5rem;
-		letter-spacing: 0.0313rem;
-		line-height: 1.5;
-	}
-}
-
-h5,
-.ontario-h5 {
-	font-size: 1.125rem;
-	letter-spacing: 0.03rem;
-	line-height: 1.56;
-	margin: 0 0 0.75rem 0;
-	max-width: 48rem;
-}
-@media screen and (min-width: 40em) {
-	h5,
-	.ontario-h5 {
-		font-size: 1.1875rem;
-		letter-spacing: 0.025rem;
-		line-height: 1.5;
-	}
-}
-
-h6,
-.ontario-h6 {
-	font-size: 1rem;
-	line-height: 1.56;
-	letter-spacing: 0.03rem;
-	max-width: 48rem;
-	margin: 0 0 0.75rem 0;
-}
-@media screen and (min-width: 40em) {
-	h6,
-	.ontario-h6 {
-		font-size: 1rem;
-		letter-spacing: 0.025rem;
-		line-height: 1.5;
-	}
-}
-
-.ontario-lead-statement {
-	font-size: 1.25rem;
-	line-height: 1.6;
-	max-width: 70rem;
-}
-@media screen and (min-width: 40em) {
-	.ontario-lead-statement {
-		font-size: 1.375rem;
-	}
-}
-
 /*
 *  Grid functions
 *
@@ -1646,6 +1507,148 @@ h6,
 /* -------------------------------
     Global font-size variables
 --------------------------------- */
+/* -------------------------------
+    Global letter-spacing variables
+--------------------------------- */
+/* -------------------------------
+    Global line-height variables
+--------------------------------- */
+/* -------------------------------
+    Global typography variables
+--------------------------------- */
+h6,
+.ontario-h6,
+h5,
+.ontario-h5,
+h4,
+.ontario-h4,
+h3,
+.ontario-h3,
+h2,
+.ontario-h2,
+h1,
+.ontario-h1 {
+	font-style: normal;
+	font-weight: 700;
+	text-rendering: optimizeLegibility;
+	margin-bottom: 1rem;
+	font-feature-settings: normal;
+	font-family: 'Raleway', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+h1,
+.ontario-h1 {
+	font-size: 2rem;
+	letter-spacing: 0.04rem;
+	line-height: 1.29;
+	margin: 2.5rem 0 1.5rem 0;
+	max-width: 70rem;
+}
+@media screen and (min-width: 40em) {
+	h1,
+	.ontario-h1 {
+		font-size: 2.5rem;
+		letter-spacing: 0.04rem;
+		line-height: 1.2;
+	}
+}
+
+h2,
+.ontario-h2 {
+	font-size: 1.6875rem;
+	letter-spacing: 0.03rem;
+	line-height: 1.37;
+	margin: 0 0 0.75rem 0;
+	max-width: 48rem;
+}
+@media screen and (min-width: 40em) {
+	h2,
+	.ontario-h2 {
+		font-size: 2.0625rem;
+		letter-spacing: 0.02rem;
+		line-height: 1.33;
+	}
+}
+
+h3,
+.ontario-h3 {
+	font-size: 1.4375rem;
+	letter-spacing: 0.02rem;
+	line-height: 1.39;
+	margin: 0 0 0.75rem 0;
+	max-width: 48rem;
+}
+@media screen and (min-width: 40em) {
+	h3,
+	.ontario-h3 {
+		font-size: 1.75rem;
+		letter-spacing: 0.02rem;
+		line-height: 1.43;
+	}
+}
+
+h4,
+.ontario-h4 {
+	font-size: 1.25rem;
+	letter-spacing: 0.03rem;
+	line-height: 1.5;
+	margin: 0 0 0.75rem 0;
+	max-width: 48rem;
+}
+@media screen and (min-width: 40em) {
+	h4,
+	.ontario-h4 {
+		font-size: 1.5rem;
+		letter-spacing: 0.0313rem;
+		line-height: 1.5;
+	}
+}
+
+h5,
+.ontario-h5 {
+	font-size: 1.125rem;
+	letter-spacing: 0.03rem;
+	line-height: 1.56;
+	margin: 0 0 0.75rem 0;
+	max-width: 48rem;
+}
+@media screen and (min-width: 40em) {
+	h5,
+	.ontario-h5 {
+		font-size: 1.1875rem;
+		letter-spacing: 0.025rem;
+		line-height: 1.5;
+	}
+}
+
+h6,
+.ontario-h6 {
+	font-size: 1rem;
+	line-height: 1.56;
+	letter-spacing: 0.03rem;
+	max-width: 48rem;
+	margin: 0 0 0.75rem 0;
+}
+@media screen and (min-width: 40em) {
+	h6,
+	.ontario-h6 {
+		font-size: 1rem;
+		letter-spacing: 0.025rem;
+		line-height: 1.5;
+	}
+}
+
+.ontario-lead-statement {
+	font-size: 1.25rem;
+	line-height: 1.6;
+	max-width: 70rem;
+}
+@media screen and (min-width: 40em) {
+	.ontario-lead-statement {
+		font-size: 1.375rem;
+	}
+}
+
 /*
 *  Global elements
 *

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

@@ -6,24 +6,47 @@ import { ConsoleMessageClass } from '../../utils/console-message/console-message
 import { ConsoleType } from '../../utils/console-message/console-message.enum';
 import translations from '../../translations/global.i18n.json';
 export class OntarioFooter {
-	constructor() {
-		this.isTwoColumnLayout = () => this.type === 'twoColumn';
-		this.isThreeColumnLayout = () => this.type === 'threeColumn';
-		this.isExpandedLayout = () => this.isTwoColumnLayout() || this.isThreeColumnLayout();
-		this.language = undefined;
-		this.type = 'default';
-		this.footerLinks = undefined;
-		this.socialLinks = undefined;
-		this.twoColumnOptions = undefined;
-		this.threeColumnOptions = undefined;
-		this.topMargin = true;
-		this.assetBasePath = undefined;
-		this.translations = translations;
-		this.footerLinksState = undefined;
-		this.socialLinksState = undefined;
-		this.twoColumnState = undefined;
-		this.threeColumnState = undefined;
-	}
+	/**
+	 * The language of the component.
+	 * This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
+	 */
+	language;
+	/**
+	 * The type of footer to be rendered. If no prop is provided, it will default to the 'default' type.
+	 */
+	type = 'default';
+	/**
+	 * A prop that stores the required links for all footers.
+	 * Available options are 'accessibilityLink', 'privacyLink', 'contactLink','termsOfUseLink' and 'printerLink'
+	 */
+	footerLinks;
+	/**
+	 * Social media links to render in the footer.
+	 * Available options are 'facebook', 'twitter', 'instagram' and 'youtube'
+	 */
+	socialLinks;
+	/**
+	 * Stores the titles and content for the expanded two column footer.
+	 */
+	twoColumnOptions;
+	/**
+	 * Stores the titles and content for the expanded three column footer.
+	 */
+	threeColumnOptions;
+	/**
+	 * Top margin for the footer. By default, this prop is set to `true`, which adds a margin top value of `5rem`.
+	 * If set to `false`, the top margin value will be set to zero.
+	 */
+	topMargin = true;
+	/**
+	 * The base path to an assets folder containing the Design System assets
+	 */
+	assetBasePath;
+	translations = translations;
+	footerLinksState;
+	socialLinksState;
+	twoColumnState;
+	threeColumnState;
 	/**
 	 * This listens for the `setAppLanguage` event sent from the test language toggler when it is
 	 * connected to the DOM. It is used for the initial language when the input component loads.
@@ -50,6 +73,9 @@ export class OntarioFooter {
 		this.threeColumnOptions && this.parseOptions(this.threeColumnOptions);
 		this.verifyThreeColumnOptions();
 	}
+	isTwoColumnLayout = () => this.type === 'twoColumn';
+	isThreeColumnLayout = () => this.type === 'threeColumn';
+	isExpandedLayout = () => this.isTwoColumnLayout() || this.isThreeColumnLayout();
 	verifyTwoColumnOptions() {
 		if (this.isTwoColumnLayout() && isInvalidTwoColumnOptions(this.twoColumnState)) {
 			const message = new ConsoleMessageClass();
@@ -129,54 +155,32 @@ export class OntarioFooter {
 		return classes;
 	}
 	getFooterLinks() {
-		var _a, _b, _c, _d, _e, _f, _g, _h;
 		const { language, translations, footerLinksState } = this;
-		const { accessibilityLink, privacyLink, contactLink, termsOfUseLink, printerLink } =
-			footerLinksState !== null && footerLinksState !== void 0 ? footerLinksState : {};
+		const { accessibilityLink, privacyLink, contactLink, termsOfUseLink, printerLink } = footerLinksState ?? {};
 		const links = {
 			accessibilityLink: {
-				href:
-					(_a = accessibilityLink === null || accessibilityLink === void 0 ? void 0 : accessibilityLink.href) !==
-						null && _a !== void 0
-						? _a
-						: translations.accessibilityLink.link[language],
-				text:
-					(_b = accessibilityLink === null || accessibilityLink === void 0 ? void 0 : accessibilityLink.text) !==
-						null && _b !== void 0
-						? _b
-						: translations.accessibilityLink.text[language],
+				href: accessibilityLink?.href ?? translations.accessibilityLink.link[language],
+				text: accessibilityLink?.text ?? translations.accessibilityLink.text[language],
 			},
 			privacyLink: {
-				href:
-					(_c = privacyLink === null || privacyLink === void 0 ? void 0 : privacyLink.href) !== null && _c !== void 0
-						? _c
-						: translations.privacyLink.link[language],
-				text:
-					(_d = privacyLink === null || privacyLink === void 0 ? void 0 : privacyLink.text) !== null && _d !== void 0
-						? _d
-						: translations.privacyLink.text[language],
+				href: privacyLink?.href ?? translations.privacyLink.link[language],
+				text: privacyLink?.text ?? translations.privacyLink.text[language],
 			},
 			printerLink: {
-				href:
-					(_e = printerLink === null || printerLink === void 0 ? void 0 : printerLink.href) !== null && _e !== void 0
-						? _e
-						: translations.printerLink.link[language],
-				text:
-					(_f = printerLink === null || printerLink === void 0 ? void 0 : printerLink.text) !== null && _f !== void 0
-						? _f
-						: translations.printerLink.text[language],
+				href: printerLink?.href ?? translations.printerLink.link[language],
+				text: printerLink?.text ?? translations.printerLink.text[language],
 			},
 		};
 		if (contactLink) {
 			links.contactLink = {
 				href: contactLink.href,
-				text: (_g = contactLink.text) !== null && _g !== void 0 ? _g : translations.contactUs[language],
+				text: contactLink.text ?? translations.contactUs[language],
 			};
 		}
 		if (termsOfUseLink) {
 			links.termsOfUseLink = {
 				href: termsOfUseLink.href,
-				text: (_h = termsOfUseLink.text) !== null && _h !== void 0 ? _h : translations.termsOfUse[language],
+				text: termsOfUseLink.text ?? translations.termsOfUse[language],
 			};
 		}
 		return links;
@@ -211,7 +215,7 @@ export class OntarioFooter {
 		return h(
 			'footer',
 			{ class: this.getFooterClasses(), style: { '--imagePath': this.getBackgroundImagePath() } },
-			h(SimpleFooter, Object.assign({}, footerLinks)),
+			h(SimpleFooter, { ...footerLinks }),
 		);
 	}
 	static get is() {
@@ -255,6 +259,8 @@ export class OntarioFooter {
 					tags: [],
 					text: 'The language of the component.\nThis is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.',
 				},
+				getter: false,
+				setter: false,
 				attribute: 'language',
 				reflect: false,
 			},
@@ -278,6 +284,8 @@ export class OntarioFooter {
 					tags: [],
 					text: "The type of footer to be rendered. If no prop is provided, it will default to the 'default' type.",
 				},
+				getter: false,
+				setter: false,
 				attribute: 'type',
 				reflect: false,
 				defaultValue: "'default'",
@@ -302,6 +310,8 @@ export class OntarioFooter {
 					tags: [],
 					text: "A prop that stores the required links for all footers.\nAvailable options are 'accessibilityLink', 'privacyLink', 'contactLink','termsOfUseLink' and 'printerLink'",
 				},
+				getter: false,
+				setter: false,
 				attribute: 'footer-links',
 				reflect: false,
 			},
@@ -326,6 +336,8 @@ export class OntarioFooter {
 					tags: [],
 					text: "Social media links to render in the footer.\nAvailable options are 'facebook', 'twitter', 'instagram' and 'youtube'",
 				},
+				getter: false,
+				setter: false,
 				attribute: 'social-links',
 				reflect: false,
 			},
@@ -349,6 +361,8 @@ export class OntarioFooter {
 					tags: [],
 					text: 'Stores the titles and content for the expanded two column footer.',
 				},
+				getter: false,
+				setter: false,
 				attribute: 'two-column-options',
 				reflect: false,
 			},
@@ -372,6 +386,8 @@ export class OntarioFooter {
 					tags: [],
 					text: 'Stores the titles and content for the expanded three column footer.',
 				},
+				getter: false,
+				setter: false,
 				attribute: 'three-column-options',
 				reflect: false,
 			},
@@ -389,6 +405,8 @@ export class OntarioFooter {
 					tags: [],
 					text: 'Top margin for the footer. By default, this prop is set to `true`, which adds a margin top value of `5rem`.\nIf set to `false`, the top margin value will be set to zero.',
 				},
+				getter: false,
+				setter: false,
 				attribute: 'top-margin',
 				reflect: false,
 				defaultValue: 'true',
@@ -407,6 +425,8 @@ export class OntarioFooter {
 					tags: [],
 					text: 'The base path to an assets folder containing the Design System assets',
 				},
+				getter: false,
+				setter: false,
 				attribute: 'asset-base-path',
 				reflect: false,
 			},