@ongov/ontario-design-system-component-library 5.0.0-alpha.3 → 5.0.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ontario-accordion_44.cjs.entry.js +36 -6
- package/dist/cjs/ontario-accordion_44.cjs.entry.js.map +1 -1
- package/dist/collection/components/ontario-card/ontario-card.css +8 -3
- package/dist/collection/components/ontario-card-collection/ontario-card-collection.css +8 -20
- package/dist/collection/components/ontario-footer/components/simple-footer.js +21 -1
- package/dist/collection/components/ontario-footer/components/simple-footer.js.map +1 -1
- package/dist/collection/components/ontario-footer/ontario-footer-interface.js.map +1 -1
- package/dist/collection/components/ontario-footer/ontario-footer.js +10 -4
- package/dist/collection/components/ontario-footer/ontario-footer.js.map +1 -1
- package/dist/collection/components/ontario-footer/test/ontario-footer.spec.js +4 -4
- package/dist/collection/components/ontario-footer/test/ontario-footer.spec.js.map +1 -1
- package/dist/collection/i18n/global.i18n.json +10 -0
- package/dist/components/global.i18n.js +11 -0
- package/dist/components/global.i18n.js.map +1 -1
- package/dist/components/ontario-card-collection.js +1 -1
- package/dist/components/ontario-card-collection.js.map +1 -1
- package/dist/components/ontario-card.js +1 -1
- package/dist/components/ontario-card.js.map +1 -1
- package/dist/components/ontario-footer.js +23 -4
- package/dist/components/ontario-footer.js.map +1 -1
- package/dist/components/ontario-header.js.map +1 -1
- package/dist/esm/ontario-accordion_44.entry.js +36 -6
- package/dist/esm/ontario-accordion_44.entry.js.map +1 -1
- package/dist/ontario-design-system-components/i18n/global.i18n.json +10 -0
- package/dist/ontario-design-system-components/ontario-design-system-components.esm.js +1 -1
- package/dist/ontario-design-system-components/{p-ac4e76b2.entry.js → p-150ea034.entry.js} +583 -557
- package/dist/ontario-design-system-components/p-150ea034.entry.js.map +1 -0
- package/dist/types/components/ontario-footer/ontario-footer-interface.d.ts +10 -8
- package/dist/types/components/ontario-footer/ontario-footer.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/package.json +2 -2
- package/src/components/ontario-card/ontario-card.scss +8 -3
- package/src/components/ontario-card-collection/ontario-card-collection.scss +8 -24
- package/src/components/ontario-footer/components/simple-footer.tsx +8 -0
- package/src/components/ontario-footer/ontario-footer-interface.tsx +10 -8
- package/src/components/ontario-footer/ontario-footer.tsx +10 -3
- package/src/components/ontario-footer/readme.md +12 -7
- package/src/components/ontario-footer/test/ontario-footer.spec.tsx +4 -4
- package/src/components/ontario-header/ontario-header.scss +4 -4
- package/src/components.d.ts +2 -2
- package/src/index.html +6 -2
- package/src/translations/global.i18n.json +10 -0
- package/www/build/ontario-design-system-components.esm.js +1 -1
- package/www/build/{p-ac4e76b2.entry.js → p-150ea034.entry.js} +583 -557
- package/www/build/p-150ea034.entry.js.map +1 -0
- package/www/build/{p-c9a9b857.js → p-4140c6bb.js} +1 -1
- package/www/i18n/global.i18n.json +10 -0
- package/www/index.html +8 -4
- package/dist/ontario-design-system-components/p-ac4e76b2.entry.js.map +0 -1
- package/www/build/p-ac4e76b2.entry.js.map +0 -1
|
@@ -30,6 +30,16 @@ const accessibilityLink = {
|
|
|
30
30
|
fr: 'Accessibilité',
|
|
31
31
|
},
|
|
32
32
|
};
|
|
33
|
+
const termsOfUse = {
|
|
34
|
+
link: {
|
|
35
|
+
en: 'https://www.ontario.ca/page/terms-use',
|
|
36
|
+
fr: 'https://www.ontario.ca/fr/page/conditions-dutilisation',
|
|
37
|
+
},
|
|
38
|
+
text: {
|
|
39
|
+
en: 'Terms of Use',
|
|
40
|
+
fr: 'Conditions d’utilisation',
|
|
41
|
+
},
|
|
42
|
+
};
|
|
33
43
|
const accordion = {
|
|
34
44
|
collapse: {
|
|
35
45
|
en: 'Collapse all',
|
|
@@ -247,6 +257,7 @@ const required = {
|
|
|
247
257
|
const translations = {
|
|
248
258
|
accessibility: accessibility,
|
|
249
259
|
accessibilityLink: accessibilityLink,
|
|
260
|
+
termsOfUse: termsOfUse,
|
|
250
261
|
accordion: accordion,
|
|
251
262
|
backToTop: backToTop,
|
|
252
263
|
contactUs: contactUs,
|
|
@@ -1340,7 +1351,7 @@ const HeaderColours = [
|
|
|
1340
1351
|
];
|
|
1341
1352
|
|
|
1342
1353
|
const ontarioCardCss =
|
|
1343
|
-
'.ontario-card__heading{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}.ontario-card__heading{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){.ontario-card__heading{font-size:1.5rem;letter-spacing:0.0313rem;line-height:1.5}}.ontario-card{box-shadow:0rem 0.1875rem 0.5rem 0.0625rem rgba(0, 0, 0, 0.4);border-radius:4px;margin:
|
|
1354
|
+
'.ontario-card__heading{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}.ontario-card__heading{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){.ontario-card__heading{font-size:1.5rem;letter-spacing:0.0313rem;line-height:1.5}}.ontario-card{box-shadow:0rem 0.1875rem 0.5rem 0.0625rem rgba(0, 0, 0, 0.4);border-radius:4px;margin-bottom:2.5rem;padding:0;height:calc(100% - 2.5rem);list-style-type:none;transition:all 0.3s ease-in-out;position:relative;cursor:pointer;background:#FFFFFF}.ontario-card:hover{box-shadow:0rem 0.375rem 0.75rem 0.125rem rgba(0, 0, 0, 0.35)}.ontario-card:focus-within{box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:box-shadow 0.1s ease-in-out}.ontario-card:active{box-shadow:0 0 0 4px #009ADB;background-color:#f2f2f2}@media screen and (max-width: 40em){.ontario-card{margin-bottom:3rem;width:100% !important;max-width:100%}}.ontario-card--image-true{margin-top:-0.5rem}.ontario-card__card-type--horizontal .ontario-card--image-true{margin-top:0}.ontario-card__card-type--horizontal{display:flex}@media screen and (max-width: 40em){.ontario-card__card-type--horizontal{width:100%;max-width:100%}}.ontario-card__card-type--horizontal .ontario-card__image-container,.ontario-card__card-type--horizontal .ontario-card__text-container{position:relative}.ontario-card__card-type--horizontal .ontario-card__heading{border-radius:0}.ontario-card__card-type--horizontal a:focus-within{box-shadow:none;outline:none}.ontario-card__card-type--horizontal a:active{box-shadow:none}.ontario-card__card-type--horizontal img{height:100%;position:absolute}.ontario-card__image-right{flex-direction:row-reverse}.ontario-card__heading{margin:0;border-radius:4px 4px 0 0;padding:1.25rem 1.5rem 0.5rem 1.5rem;transition:text-decoration 0.3s ease-in-out;background-color:#FFFFFF;max-width:none}.ontario-card:hover .ontario-card__heading{text-decoration-line:underline;text-decoration-color:#1a1a1a}.ontario-card--image-true .ontario-card__heading{border-radius:0}.ontario-card__image-right .ontario-card--image-true .ontario-card__heading{border-radius:4px 0 0 0}.ontario-card__image-left .ontario-card--image-true .ontario-card__heading{border-radius:0 4px 0 0}.ontario-card__heading a{color:#1a1a1a;text-decoration:none;outline:none}.ontario-card__heading a::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}.ontario-card__heading a:focus{box-shadow:none}.ontario-card__heading a:active{outline:none}@media screen and (max-width: 73em){.ontario-card__heading{font-size:1.25rem;padding-left:1rem;padding-right:1rem}}.ontario-card__background--light-accent{background-color:#f2f2f2}.ontario-card__heading--light-accent{background-color:#f2f2f2;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--dark-accent{background-color:#1a1a1a}.ontario-card__heading--dark-accent{background-color:#1a1a1a;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-gold{background-color:#F0E7CC}.ontario-card__heading--light-gold{background-color:#F0E7CC;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-yellow{background-color:#F8E5C3}.ontario-card__heading--light-yellow{background-color:#F8E5C3;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-taupe{background-color:#EBE7DB}.ontario-card__heading--light-taupe{background-color:#EBE7DB;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-green{background-color:#D1EFD4}.ontario-card__heading--light-green{background-color:#D1EFD4;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-lime{background-color:#DDEDC7}.ontario-card__heading--light-lime{background-color:#DDEDC7;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-teal{background-color:#CFEDED}.ontario-card__heading--light-teal{background-color:#CFEDED;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-sky{background-color:#C5EEFA}.ontario-card__heading--light-sky{background-color:#C5EEFA;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-purple{background-color:#F1E3F2}.ontario-card__heading--light-purple{background-color:#F1E3F2;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-orange{background-color:#FEE1D9}.ontario-card__heading--light-orange{background-color:#FEE1D9;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-red{background-color:#FFE0E2}.ontario-card__heading--light-red{background-color:#FFE0E2;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-magenta{background-color:#FEDFF0}.ontario-card__heading--light-magenta{background-color:#FEDFF0;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--gold{background-color:#CBA52E}.ontario-card__heading--gold{background-color:#CBA52E;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--yellow{background-color:#FCAF17}.ontario-card__heading--yellow{background-color:#FCAF17;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--taupe{background-color:#C1B28F}.ontario-card__heading--taupe{background-color:#C1B28F;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--green{background-color:#39B54A}.ontario-card__heading--green{background-color:#39B54A;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--lime{background-color:#8DC63F}.ontario-card__heading--lime{background-color:#8DC63F;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--teal{background-color:#49A7A2}.ontario-card__heading--teal{background-color:#49A7A2;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--sky{background-color:#00B2E3}.ontario-card__heading--sky{background-color:#00B2E3;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--purple{background-color:#B975B7}.ontario-card__heading--purple{background-color:#B975B7;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--orange{background-color:#F15A22}.ontario-card__heading--orange{background-color:#F15A22;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--red{background-color:#F0454B}.ontario-card__heading--red{background-color:#F0454B;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--magenta{background-color:#F03093}.ontario-card__heading--magenta{background-color:#F03093;padding-top:1rem;padding-bottom:1rem}.ontario-card__card-type--horizontal .ontario-card__text-container{width:66.6666666667%}.ontario-card__image-size-one-fourth .ontario-card__text-container{width:75%}.ontario-card--no-image .ontario-card__text-container{width:100%}.ontario-card__description{margin:0;padding:0.5rem 1.5rem 1.5rem 1.5rem;background-color:#FFFFFF;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.ontario-card__description p{margin-top:0}.ontario-card__description p:last-of-type{margin-bottom:0}@media screen and (max-width: 73em){.ontario-card__description{padding:0.5rem 1rem 1.5rem 1rem}}.ontario-card--position-vertical .ontario-card__image-container{margin-bottom:-0.5rem}.ontario-card__card-type--horizontal .ontario-card__image-container{width:33.3%}.ontario-card__image-size-one-fourth .ontario-card__image-container{width:25%}.ontario-card__image{width:100%;height:100%;object-fit:cover;background-size:100% 100%}.ontario-card--position-vertical .ontario-card__image{border-top-left-radius:4px;border-top-right-radius:4px}.ontario-card__image-right .ontario-card__image{border-top-right-radius:4px;border-bottom-right-radius:4px}.ontario-card__image-left .ontario-card__image{border-top-left-radius:4px;border-bottom-left-radius:4px}';
|
|
1344
1355
|
const OntarioCardStyle0 = ontarioCardCss;
|
|
1345
1356
|
|
|
1346
1357
|
const OntarioCard = class {
|
|
@@ -1518,7 +1529,7 @@ const OntarioCard = class {
|
|
|
1518
1529
|
OntarioCard.style = OntarioCardStyle0;
|
|
1519
1530
|
|
|
1520
1531
|
const ontarioCardCollectionCss =
|
|
1521
|
-
'.ontario-card-collection__container{display:flex;flex-wrap:wrap;
|
|
1532
|
+
'.ontario-card-collection__container{display:flex;flex-wrap:wrap;gap:2rem;margin:0;padding:0}.ontario-card-collecton--cards-per-row-4 ::slotted(ontario-card){width:calc(25% - 1.5rem)}@media screen and (max-width: 73em){.ontario-card-collecton--cards-per-row-4 ::slotted(ontario-card){width:calc(50% - 1rem)}}@media screen and (max-width: 40em){.ontario-card-collecton--cards-per-row-4 ::slotted(ontario-card){width:100%}}.ontario-card-collecton--cards-per-row-3 ::slotted(ontario-card){width:calc(33.3% - 1.33rem)}@media screen and (max-width: 40em){.ontario-card-collecton--cards-per-row-3 ::slotted(ontario-card){width:100%}}.ontario-card-collecton--cards-per-row-2 ::slotted(ontario-card){width:calc(50% - 1rem)}@media screen and (max-width: 40em){.ontario-card-collecton--cards-per-row-2 ::slotted(ontario-card){width:100%}}';
|
|
1522
1533
|
const OntarioCardCollectionStyle0 = ontarioCardCollectionCss;
|
|
1523
1534
|
|
|
1524
1535
|
const OntarioCardCollection = class {
|
|
@@ -3517,7 +3528,7 @@ const FooterSocialLinks = ({ facebook, twitter, instagram, youtube }) => {
|
|
|
3517
3528
|
};
|
|
3518
3529
|
|
|
3519
3530
|
const enDash = '\u2013';
|
|
3520
|
-
const SimpleFooter = ({ accessibilityLink, privacyLink, contactLink, printerLink, className }) => {
|
|
3531
|
+
const SimpleFooter = ({ accessibilityLink, privacyLink, contactLink, printerLink, className, termsOfUseLink }) => {
|
|
3521
3532
|
return index.h(
|
|
3522
3533
|
'div',
|
|
3523
3534
|
{ class: `ontario-row ${className !== null && className !== void 0 ? className : ''}` },
|
|
@@ -3546,6 +3557,19 @@ const SimpleFooter = ({ accessibilityLink, privacyLink, contactLink, printerLink
|
|
|
3546
3557
|
contactLink === null || contactLink === void 0 ? void 0 : contactLink.text,
|
|
3547
3558
|
),
|
|
3548
3559
|
),
|
|
3560
|
+
termsOfUseLink &&
|
|
3561
|
+
index.h(
|
|
3562
|
+
'li',
|
|
3563
|
+
null,
|
|
3564
|
+
index.h(
|
|
3565
|
+
'a',
|
|
3566
|
+
{
|
|
3567
|
+
class: 'ontario-footer__link',
|
|
3568
|
+
href: termsOfUseLink === null || termsOfUseLink === void 0 ? void 0 : termsOfUseLink.href,
|
|
3569
|
+
},
|
|
3570
|
+
termsOfUseLink === null || termsOfUseLink === void 0 ? void 0 : termsOfUseLink.text,
|
|
3571
|
+
),
|
|
3572
|
+
),
|
|
3549
3573
|
),
|
|
3550
3574
|
index.h(
|
|
3551
3575
|
'div',
|
|
@@ -3771,9 +3795,9 @@ const OntarioFooter = class {
|
|
|
3771
3795
|
return classes;
|
|
3772
3796
|
}
|
|
3773
3797
|
getFooterLinks() {
|
|
3774
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
3798
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
3775
3799
|
const { language, translations, footerLinksState } = this;
|
|
3776
|
-
const { accessibilityLink, privacyLink, contactLink, printerLink } =
|
|
3800
|
+
const { accessibilityLink, privacyLink, contactLink, termsOfUseLink, printerLink } =
|
|
3777
3801
|
footerLinksState !== null && footerLinksState !== void 0 ? footerLinksState : {};
|
|
3778
3802
|
const links = {
|
|
3779
3803
|
accessibilityLink: {
|
|
@@ -3810,11 +3834,17 @@ const OntarioFooter = class {
|
|
|
3810
3834
|
},
|
|
3811
3835
|
};
|
|
3812
3836
|
if (contactLink) {
|
|
3813
|
-
links
|
|
3837
|
+
links.contactLink = {
|
|
3814
3838
|
href: contactLink.href,
|
|
3815
3839
|
text: (_g = contactLink.text) !== null && _g !== void 0 ? _g : translations.contactUs[language],
|
|
3816
3840
|
};
|
|
3817
3841
|
}
|
|
3842
|
+
if (termsOfUseLink) {
|
|
3843
|
+
links.termsOfUseLink = {
|
|
3844
|
+
href: termsOfUseLink.href,
|
|
3845
|
+
text: (_h = termsOfUseLink.text) !== null && _h !== void 0 ? _h : translations.termsOfUse[language],
|
|
3846
|
+
};
|
|
3847
|
+
}
|
|
3818
3848
|
return links;
|
|
3819
3849
|
}
|
|
3820
3850
|
componentWillLoad() {
|