From f3b3b962b3b886e6c4421543b6893991d917432f Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Wed, 9 Oct 2024 18:52:29 +0000 Subject: [PATCH 01/14] Bump cookie and express Bumps [cookie](https://github.com/jshttp/cookie) and [express](https://github.com/expressjs/express). These dependencies needed to be updated together. Updates `cookie` from 0.6.0 to 0.7.1 - [Release notes](https://github.com/jshttp/cookie/releases) - [Commits](https://github.com/jshttp/cookie/compare/v0.6.0...v0.7.1) Updates `express` from 4.21.0 to 4.21.1 - [Release notes](https://github.com/expressjs/express/releases) - [Changelog](https://github.com/expressjs/express/blob/4.21.1/History.md) - [Commits](https://github.com/expressjs/express/compare/4.21.0...4.21.1) --- updated-dependencies: - dependency-name: cookie dependency-type: indirect - dependency-name: express dependency-type: indirect ... Signed-off-by: dependabot[bot] --- package-lock.json | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/package-lock.json b/package-lock.json index 169b83f4b..dbc80ca05 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8896,11 +8896,10 @@ "license": "MIT" }, "node_modules/cookie": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz", - "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==", + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz", + "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } @@ -11382,18 +11381,17 @@ } }, "node_modules/express": { - "version": "4.21.0", - "resolved": "https://registry.npmjs.org/express/-/express-4.21.0.tgz", - "integrity": "sha512-VqcNGcj/Id5ZT1LZ/cfihi3ttTn+NJmkli2eZADigjq29qTlWi/hAQ43t/VLPq8+UX06FCEx3ByOYet6ZFblng==", + "version": "4.21.1", + "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz", + "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==", "dev": true, - "license": "MIT", "dependencies": { "accepts": "~1.3.8", "array-flatten": "1.1.1", "body-parser": "1.20.3", "content-disposition": "0.5.4", "content-type": "~1.0.4", - "cookie": "0.6.0", + "cookie": "0.7.1", "cookie-signature": "1.0.6", "debug": "2.6.9", "depd": "2.0.0", From 3c9e29432773e0155c0324d9cc0e7482a3833b9a Mon Sep 17 00:00:00 2001 From: Caleb Luster Date: Mon, 14 Oct 2024 08:33:05 -0500 Subject: [PATCH 02/14] fix for #1395 --- stories/Organism/Footer/footer.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stories/Organism/Footer/footer.scss b/stories/Organism/Footer/footer.scss index be514af96..ce316005e 100644 --- a/stories/Organism/Footer/footer.scss +++ b/stories/Organism/Footer/footer.scss @@ -85,7 +85,7 @@ padding-left: 0; @include devicebreak(medium) { - max-width: 690px; + // max-width: 690px; text-align: right; } From 4d62c92f5f118e661ff6ace1707a3139e83efc9a Mon Sep 17 00:00:00 2001 From: Caleb Luster Date: Tue, 15 Oct 2024 08:28:22 -0500 Subject: [PATCH 03/14] possible fix for #1394 --- .../Mainnavigation/CountrySiteHeader/country-site-header.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stories/Components/Navigationcomponents/Mainnavigation/CountrySiteHeader/country-site-header.scss b/stories/Components/Navigationcomponents/Mainnavigation/CountrySiteHeader/country-site-header.scss index 671938709..d56a82d63 100644 --- a/stories/Components/Navigationcomponents/Mainnavigation/CountrySiteHeader/country-site-header.scss +++ b/stories/Components/Navigationcomponents/Mainnavigation/CountrySiteHeader/country-site-header.scss @@ -22,7 +22,7 @@ } .grid-container.fluid>.grid-margin-x { - margin-inline: -1.5rem; + // margin-inline: -1.5rem; justify-content: space-between; @include devicebreak(small) { margin-inline: -0.75rem; From b761e30c79e33b00668d0b017fb43a8b1521cf9c Mon Sep 17 00:00:00 2001 From: Caleb Luster Date: Tue, 15 Oct 2024 09:19:08 -0500 Subject: [PATCH 04/14] fix for #1396 --- .../UIcomponents/Hero/HomePageHero/HomePageHeroSplit.jsx | 8 +++++--- .../UIcomponents/Hero/HomePageHero/homepage-hero.scss | 4 ++++ 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/stories/Components/UIcomponents/Hero/HomePageHero/HomePageHeroSplit.jsx b/stories/Components/UIcomponents/Hero/HomePageHero/HomePageHeroSplit.jsx index 643b3107f..33014854b 100644 --- a/stories/Components/UIcomponents/Hero/HomePageHero/HomePageHeroSplit.jsx +++ b/stories/Components/UIcomponents/Hero/HomePageHero/HomePageHeroSplit.jsx @@ -16,6 +16,11 @@ export const Homepageherosplit = ({
{content && } {content && } +
+
+ +
+
@@ -34,9 +39,6 @@ export const Homepageherosplit = ({ )}
-
- -
diff --git a/stories/Components/UIcomponents/Hero/HomePageHero/homepage-hero.scss b/stories/Components/UIcomponents/Hero/HomePageHero/homepage-hero.scss index 7813fb41d..6a747b22b 100644 --- a/stories/Components/UIcomponents/Hero/HomePageHero/homepage-hero.scss +++ b/stories/Components/UIcomponents/Hero/HomePageHero/homepage-hero.scss @@ -180,3 +180,7 @@ } } } + +.show-small-button { + padding-bottom: 2rem; +} From c78c5657aafed08a83982710ba26fb6bf6e256fa Mon Sep 17 00:00:00 2001 From: Jura Khrapunov Date: Thu, 17 Oct 2024 17:38:26 -0400 Subject: [PATCH 05/14] #1402 - updated mega menu animation --- .../Mainnavigation/MegaMenu/mega-menu.scss | 160 +++--------------- 1 file changed, 24 insertions(+), 136 deletions(-) diff --git a/stories/Components/Navigationcomponents/Mainnavigation/MegaMenu/mega-menu.scss b/stories/Components/Navigationcomponents/Mainnavigation/MegaMenu/mega-menu.scss index 1b0f0cf4d..d14d0b37b 100644 --- a/stories/Components/Navigationcomponents/Mainnavigation/MegaMenu/mega-menu.scss +++ b/stories/Components/Navigationcomponents/Mainnavigation/MegaMenu/mega-menu.scss @@ -13,7 +13,7 @@ left: 50%; max-width: 75.5rem; min-height: 37.5rem; - padding: $spacing-10 0 0 $spacing-09; + padding: var(--undpds-spacing-10) 0 0 var(--undpds-spacing-09); position: fixed; z-index: 8; @@ -33,23 +33,23 @@ list-style: none; margin-block-end: 0; padding-inline-start: 0; - padding-inline-end: $spacing-09; + padding-inline-end: var(--undpds-spacing-09); &.active { a { - background: $color-blue-600; - color: $color-white; + background: var(--undpds-color-blue-600); + color: var(--undpds-color-white); .external-link-animated { - box-shadow: -2px 2px 0 0 $color-white, -4px 0 0 -2px $color-white, -3px 3px 0 -1px $color-white; + box-shadow: -2px 2px 0 0 var(--undpds-color-white), -4px 0 0 -2px var(--undpds-color-white), -3px 3px 0 -1px var(--undpds-color-white); &::before { - background: $color-white; + background: var(--undpds-color-white); } &::after { - border-inline-end: 2px solid $color-white; - border-block-start: 2px solid $color-white; + border-inline-end: 2px solid var(--undpds-color-white); + border-block-start: 2px solid var(--undpds-color-white); } } @@ -73,20 +73,20 @@ a { background: none; - border-block-end: 1px solid $color-gray-400; + border-block-end: 1px solid var(--undpds-color-gray-400); display: flex; - font-size: $spacing-05; + font-size: var(--undpds-spacing-05); font-weight: 700; - padding: $spacing-06; + padding: var(--undpds-spacing-06); text-transform: uppercase; .external-link-animated { - margin: 2px 0 0 $spacing-05; + margin: 2px 0 0 var(--undpds-spacing-05); } &:hover { - background: $color-blue-600; - color: $color-white; + background: var(--undpds-color-blue-600); + color: var(--undpds-color-white); } } } @@ -98,7 +98,7 @@ .sub-sub-menu { display: flex; - margin-block-start: $spacing-09; + margin-block-start: var(--undpds-spacing-09); ul { margin: 0; @@ -108,19 +108,19 @@ li { line-height: 0; list-style-type: none; - margin-block-end: $spacing-06; + margin-block-end: var(--undpds-spacing-06); text-transform: uppercase; } } } h3 { - margin-block-end: $spacing-06; + margin-block-end: var(--undpds-spacing-06); } .mega-image { box-sizing: border-box; - padding-inline-start: $spacing-09; + padding-inline-start: var(--undpds-spacing-09); img { height: 100%; @@ -139,12 +139,12 @@ border: 0; color: #000; font-size: 0; - height: $spacing-08; + height: var(--undpds-spacing-08); opacity: 0.3; position: absolute; right: 0.625rem; top: 0.625rem; - width: $spacing-08; + width: var(--undpds-spacing-08); z-index: 9; } @@ -196,7 +196,7 @@ [dir='rtl'] { .mega-nav-option { - padding: $spacing-10 $spacing-09 0 0; + padding: var(--undpds-spacing-10) var(--undpds-spacing-09) 0 0; .submenu li { padding-left: 3rem; @@ -204,7 +204,7 @@ a { .external-link-animated { - margin: 2px $spacing-05 0 0; + margin: 2px var(--undpds-spacing-05) 0 0; } } } @@ -217,58 +217,6 @@ } } -@-webkit-keyframes circle-square-transition { - 0% { - border-radius: 50%; - height: $spacing-50; - margin-top: -$spacing-70; - opacity: 0.4; - width: $spacing-100; - } - - 15% { - border-radius: 50%; - height: $width-150; - margin-top: -$spacing-70; - opacity: 0.25; - width: $width-180; - } - - 30% { - border-radius: 50%; - height: $width-600; - margin-top: -$spacing-330; - opacity: 0.5; - width: $width-600; - } - - 45% { - border-radius: 45%; - height: $width-705; - margin-top: -$spacing-330; - width: $width-705; - } - - 60% { - border-radius: 0 0 80% 80%/0 0 70% 70%; - height: $width-840; - margin-top: -$spacing-330; - width: $width-900; - } - - 75% { - border-radius: 0 0 50% 50%/0 0 20% 20%; - height: $width-900; - margin-top: -$spacing-330; - max-width: $width-1096; - } - - to { - border-radius: 0; - opacity: 1; - } -} - @keyframes circle-square-transition { 0% { border-radius: 50%; @@ -317,65 +265,15 @@ to { border-radius: 0; - opacity: 1; - } -} - -@-webkit-keyframes circle-square-transition-back { - 0% { - border-radius: 0; - opacity: 1; - } - - 15% { - border-radius: 0 0 50% 50%/0 0 20% 20%; height: $width-900; - margin-top: -$spacing-330; - max-width: $width-1096; - } - - 30% { - border-radius: 0 0 80% 80%/0 0 70% 70%; - height: $width-840; - margin-top: -$spacing-330; - width: $width-900; - } - - 45% { - border-radius: 45%; - height: $width-705; - margin-top: -$spacing-330; - width: $width-705; - } - - 60% { - border-radius: 50%; - height: $width-600; - margin-top: -$spacing-330; - opacity: 0.5; - width: $width-600; - } - - 75% { - border-radius: 50%; - height: $width-150; - margin-top: -$spacing-70; - opacity: 0.25; - width: $width-180; - } - - to { - border-radius: 50%; - height: $spacing-50; - margin-top: -$spacing-70; - opacity: 0.4; - width: $spacing-100; + opacity: 1; } } @keyframes circle-square-transition-back { 0% { border-radius: 0; + height: $width-900; opacity: 1; } @@ -425,16 +323,6 @@ } } -@-webkit-keyframes transition-opacity { - 0% { - opacity: 0; - } - - to { - opacity: 1; - } -} - @keyframes transition-opacity { 0% { opacity: 0; From 110f35c6085cb1635b8b2c93a917327193b9e78d Mon Sep 17 00:00:00 2001 From: Jura Khrapunov Date: Fri, 18 Oct 2024 09:25:09 -0400 Subject: [PATCH 06/14] #1402 - added production css --- docs/css/components/mega-menu.min.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/css/components/mega-menu.min.css b/docs/css/components/mega-menu.min.css index 776e7e3fd..f44ca6a3d 100644 --- a/docs/css/components/mega-menu.min.css +++ b/docs/css/components/mega-menu.min.css @@ -1 +1 @@ -.mega-nav-option{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:hsla(0,0%,97%,.9);box-shadow:0 3px 6px rgba(0,0,0,.16);box-sizing:border-box;display:none;left:50%;max-width:75.5rem;min-height:37.5rem;padding:4rem 0 0 3rem;position:fixed;transform:translateX(-50%);z-index:8}.mega-nav-option.float-higher{z-index:16}.mega-nav-option.show-mega{display:block}.mega-nav-option .submenu{margin:0;padding:0}.mega-nav-option .submenu li{list-style:none;margin-block-end:0;padding-inline-end:3rem;padding-inline-start:0}.mega-nav-option .submenu li.active a{background:#006eb5;color:#fff}.mega-nav-option .submenu li.active a .external-link-animated{box-shadow:-2px 2px 0 0 #fff,-4px 0 0 -2px #fff,-3px 3px 0 -1px #fff}.mega-nav-option .submenu li.active a .external-link-animated:before{background:#fff}.mega-nav-option .submenu li.active a .external-link-animated:after{border-block-start:2px solid #fff;border-inline-end:2px solid #fff}.mega-nav-option .submenu li.active a:hover .external-link-animated:after{transform:translate(5px,-5px)}.mega-nav-option .submenu li.active a:hover .external-link-animated:before{transform:rotate(-45deg) translate(7px)}.mega-nav-option .submenu li:focus{outline:0}.mega-nav-option .submenu li a{background:none;border-block-end:1px solid #d4d6d8;display:flex;font-size:1rem;font-weight:700;padding:1.5rem;text-transform:uppercase}.mega-nav-option .submenu li a .external-link-animated{margin:2px 0 0 1rem}.mega-nav-option .submenu li a:hover{background:#006eb5;color:#fff}.mega-nav-option .sub-menu-content{display:none;min-height:31.25rem}.mega-nav-option .sub-menu-content .sub-sub-menu{display:flex;margin-block-start:3rem}.mega-nav-option .sub-menu-content .sub-sub-menu ul{margin:0;padding:0;width:50%}.mega-nav-option .sub-menu-content .sub-sub-menu ul li{line-height:0;list-style-type:none;margin-block-end:1.5rem;text-transform:uppercase}.mega-nav-option .sub-menu-content h3{margin-block-end:1.5rem}.mega-nav-option .sub-menu-content .mega-image{box-sizing:border-box;padding-inline-start:3rem}.mega-nav-option .sub-menu-content .mega-image img{height:100%;object-fit:cover;object-position:top}.mega-nav-option .sub-menu-content.active-content{display:flex}.mega-nav-option .show-on-focus{background:url(../../images/times.svg) no-repeat 50%;border:0;color:#000;font-size:0;height:2.5rem;opacity:.3;position:absolute;right:.625rem;top:.625rem;width:2.5rem;z-index:9}.mega-nav-option .show-on-focus:focus,.mega-nav-option .show-on-focus:hover{opacity:1}.country-header .mega-nav-option,.global-header .mega-nav-option{animation-fill-mode:backwards}.country-header .mega-nav-option.show-mega,.global-header .mega-nav-option.show-mega{animation:circle-square-transition .3s cubic-bezier(.25,.27,.11,.99) forwards}.country-header .mega-nav-option.show-mega>div,.global-header .mega-nav-option.show-mega>div{animation:transition-opacity .3s .3s forwards}.country-header .mega-nav-option.show-mega-back,.global-header .mega-nav-option.show-mega-back{animation:circle-square-transition-back .3s cubic-bezier(.25,.27,.11,.99) forwards;box-shadow:none;display:block}.country-header .mega-nav-option.show-mega-back>div,.global-header .mega-nav-option.show-mega-back>div{animation-direction:reverse}.country-header .mega-nav-option.no-effect,.global-header .mega-nav-option.no-effect{animation:0s 0s none}.country-header .mega-nav-option.no-effect>div,.global-header .mega-nav-option.no-effect>div{animation:0s 0s none;opacity:1}.country-header .mega-nav-option>div,.global-header .mega-nav-option>div{opacity:0}[dir=rtl] .mega-nav-option{padding:4rem 3rem 0 0}[dir=rtl] .mega-nav-option .submenu li{padding-left:3rem;padding-right:0}[dir=rtl] .mega-nav-option .submenu li a .external-link-animated{margin:2px 1rem 0 0}[dir=rtl] .mega-nav-option .mega-image{box-sizing:border-box;padding-left:0;padding-right:3rem}@-webkit-keyframes circle-square-transition{0%{border-radius:50%;height:3.125rem;margin-top:-4.375rem;opacity:.4;width:6.25rem}15%{border-radius:50%;height:9.375rem;margin-top:-4.375rem;opacity:.25;width:11.25rem}30%{border-radius:50%;height:37.5rem;margin-top:-20.625rem;opacity:.5;width:37.5rem}45%{border-radius:45%;height:44.0625rem;margin-top:-20.625rem;width:44.0625rem}60%{border-radius:0 0 80% 80%/0 0 70% 70%;height:52.5rem;margin-top:-20.625rem;width:56.25rem}75%{border-radius:0 0 50% 50%/0 0 20% 20%;height:56.25rem;margin-top:-20.625rem;max-width:68.5rem}to{border-radius:0;opacity:1}}@keyframes circle-square-transition{0%{border-radius:50%;height:3.125rem;margin-top:-4.375rem;opacity:.4;width:6.25rem}15%{border-radius:50%;height:9.375rem;margin-top:-4.375rem;opacity:.25;width:11.25rem}30%{border-radius:50%;height:37.5rem;margin-top:-20.625rem;opacity:.5;width:37.5rem}45%{border-radius:45%;height:44.0625rem;margin-top:-20.625rem;width:44.0625rem}60%{border-radius:0 0 80% 80%/0 0 70% 70%;height:52.5rem;margin-top:-20.625rem;width:56.25rem}75%{border-radius:0 0 50% 50%/0 0 20% 20%;height:56.25rem;margin-top:-20.625rem;max-width:68.5rem}to{border-radius:0;opacity:1}}@-webkit-keyframes circle-square-transition-back{0%{border-radius:0;opacity:1}15%{border-radius:0 0 50% 50%/0 0 20% 20%;height:56.25rem;margin-top:-20.625rem;max-width:68.5rem}30%{border-radius:0 0 80% 80%/0 0 70% 70%;height:52.5rem;margin-top:-20.625rem;width:56.25rem}45%{border-radius:45%;height:44.0625rem;margin-top:-20.625rem;width:44.0625rem}60%{border-radius:50%;height:37.5rem;margin-top:-20.625rem;opacity:.5;width:37.5rem}75%{border-radius:50%;height:9.375rem;margin-top:-4.375rem;opacity:.25;width:11.25rem}to{border-radius:50%;height:3.125rem;margin-top:-4.375rem;opacity:.4;width:6.25rem}}@keyframes circle-square-transition-back{0%{border-radius:0;opacity:1}15%{border-radius:0 0 50% 50%/0 0 20% 20%;height:56.25rem;margin-top:-20.625rem;max-width:68.5rem}30%{border-radius:0 0 80% 80%/0 0 70% 70%;height:52.5rem;margin-top:-20.625rem;width:56.25rem}45%{border-radius:45%;height:44.0625rem;margin-top:-20.625rem;width:44.0625rem}60%{border-radius:50%;height:37.5rem;margin-top:-20.625rem;opacity:.5;width:37.5rem}75%{border-radius:50%;height:9.375rem;margin-top:-4.375rem;opacity:.25;width:11.25rem}to{border-radius:50%;height:3.125rem;margin-top:-4.375rem;opacity:.4;width:6.25rem}}@-webkit-keyframes transition-opacity{0%{opacity:0}to{opacity:1}}@keyframes transition-opacity{0%{opacity:0}to{opacity:1}} \ No newline at end of file +.mega-nav-option{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:hsla(0,0%,97%,.9);box-shadow:0 3px 6px rgba(0,0,0,.16);box-sizing:border-box;display:none;left:50%;max-width:75.5rem;min-height:37.5rem;padding:var(--undpds-spacing-10) 0 0 var(--undpds-spacing-09);position:fixed;transform:translateX(-50%);z-index:8}.mega-nav-option.float-higher{z-index:16}.mega-nav-option.show-mega{display:block}.mega-nav-option .submenu{margin:0;padding:0}.mega-nav-option .submenu li{list-style:none;margin-block-end:0;padding-inline-end:var(--undpds-spacing-09);padding-inline-start:0}.mega-nav-option .submenu li.active a{background:var(--undpds-color-blue-600);color:var(--undpds-color-white)}.mega-nav-option .submenu li.active a .external-link-animated{box-shadow:-2px 2px 0 0 var(--undpds-color-white),-4px 0 0 -2px var(--undpds-color-white),-3px 3px 0 -1px var(--undpds-color-white)}.mega-nav-option .submenu li.active a .external-link-animated:before{background:var(--undpds-color-white)}.mega-nav-option .submenu li.active a .external-link-animated:after{border-block-start:2px solid var(--undpds-color-white);border-inline-end:2px solid var(--undpds-color-white)}.mega-nav-option .submenu li.active a:hover .external-link-animated:after{transform:translate(5px,-5px)}.mega-nav-option .submenu li.active a:hover .external-link-animated:before{transform:rotate(-45deg) translate(7px)}.mega-nav-option .submenu li:focus{outline:0}.mega-nav-option .submenu li a{background:none;border-block-end:1px solid var(--undpds-color-gray-400);display:flex;font-size:var(--undpds-spacing-05);font-weight:700;padding:var(--undpds-spacing-06);text-transform:uppercase}.mega-nav-option .submenu li a .external-link-animated{margin:2px 0 0 var(--undpds-spacing-05)}.mega-nav-option .submenu li a:hover{background:var(--undpds-color-blue-600);color:var(--undpds-color-white)}.mega-nav-option .sub-menu-content{display:none;min-height:31.25rem}.mega-nav-option .sub-menu-content .sub-sub-menu{display:flex;margin-block-start:var(--undpds-spacing-09)}.mega-nav-option .sub-menu-content .sub-sub-menu ul{margin:0;padding:0;width:50%}.mega-nav-option .sub-menu-content .sub-sub-menu ul li{line-height:0;list-style-type:none;margin-block-end:var(--undpds-spacing-06);text-transform:uppercase}.mega-nav-option .sub-menu-content h3{margin-block-end:var(--undpds-spacing-06)}.mega-nav-option .sub-menu-content .mega-image{box-sizing:border-box;padding-inline-start:var(--undpds-spacing-09)}.mega-nav-option .sub-menu-content .mega-image img{height:100%;object-fit:cover;object-position:top}.mega-nav-option .sub-menu-content.active-content{display:flex}.mega-nav-option .show-on-focus{background:url(../../images/times.svg) no-repeat 50%;border:0;color:#000;font-size:0;height:var(--undpds-spacing-08);opacity:.3;position:absolute;right:.625rem;top:.625rem;width:var(--undpds-spacing-08);z-index:9}.mega-nav-option .show-on-focus:focus,.mega-nav-option .show-on-focus:hover{opacity:1}.country-header .mega-nav-option,.global-header .mega-nav-option{animation-fill-mode:backwards}.country-header .mega-nav-option.show-mega,.global-header .mega-nav-option.show-mega{animation:circle-square-transition .3s cubic-bezier(.25,.27,.11,.99) forwards}.country-header .mega-nav-option.show-mega>div,.global-header .mega-nav-option.show-mega>div{animation:transition-opacity .3s .3s forwards}.country-header .mega-nav-option.show-mega-back,.global-header .mega-nav-option.show-mega-back{animation:circle-square-transition-back .3s cubic-bezier(.25,.27,.11,.99) forwards;box-shadow:none;display:block}.country-header .mega-nav-option.show-mega-back>div,.global-header .mega-nav-option.show-mega-back>div{animation-direction:reverse}.country-header .mega-nav-option.no-effect,.global-header .mega-nav-option.no-effect{animation:0s 0s none}.country-header .mega-nav-option.no-effect>div,.global-header .mega-nav-option.no-effect>div{animation:0s 0s none;opacity:1}.country-header .mega-nav-option>div,.global-header .mega-nav-option>div{opacity:0}[dir=rtl] .mega-nav-option{padding:var(--undpds-spacing-10) var(--undpds-spacing-09) 0 0}[dir=rtl] .mega-nav-option .submenu li{padding-left:3rem;padding-right:0}[dir=rtl] .mega-nav-option .submenu li a .external-link-animated{margin:2px var(--undpds-spacing-05) 0 0}[dir=rtl] .mega-nav-option .mega-image{box-sizing:border-box;padding-left:0;padding-right:3rem}@keyframes circle-square-transition{0%{border-radius:50%;height:3.125rem;margin-top:-4.375rem;opacity:.4;width:6.25rem}15%{border-radius:50%;height:9.375rem;margin-top:-4.375rem;opacity:.25;width:11.25rem}30%{border-radius:50%;height:37.5rem;margin-top:-20.625rem;opacity:.5;width:37.5rem}45%{border-radius:45%;height:44.0625rem;margin-top:-20.625rem;width:44.0625rem}60%{border-radius:0 0 80% 80%/0 0 70% 70%;height:52.5rem;margin-top:-20.625rem;width:56.25rem}75%{border-radius:0 0 50% 50%/0 0 20% 20%;height:56.25rem;margin-top:-20.625rem;max-width:68.5rem}to{border-radius:0;height:56.25rem;opacity:1}}@keyframes circle-square-transition-back{0%{border-radius:0;height:56.25rem;opacity:1}15%{border-radius:0 0 50% 50%/0 0 20% 20%;height:56.25rem;margin-top:-20.625rem;max-width:68.5rem}30%{border-radius:0 0 80% 80%/0 0 70% 70%;height:52.5rem;margin-top:-20.625rem;width:56.25rem}45%{border-radius:45%;height:44.0625rem;margin-top:-20.625rem;width:44.0625rem}60%{border-radius:50%;height:37.5rem;margin-top:-20.625rem;opacity:.5;width:37.5rem}75%{border-radius:50%;height:9.375rem;margin-top:-4.375rem;opacity:.25;width:11.25rem}to{border-radius:50%;height:3.125rem;margin-top:-4.375rem;opacity:.4;width:6.25rem}}@keyframes transition-opacity{0%{opacity:0}to{opacity:1}} \ No newline at end of file From ae5753c1389d0e3f6f37de8aed65c2ea7b68c756 Mon Sep 17 00:00:00 2001 From: Jura Khrapunov Date: Fri, 18 Oct 2024 09:58:04 -0400 Subject: [PATCH 07/14] #1404 - storybook upgraded --- package-lock.json | 537 +++++++++++++++++++++++++--------------------- package.json | 32 +-- 2 files changed, 311 insertions(+), 258 deletions(-) diff --git a/package-lock.json b/package-lock.json index 169b83f4b..466f2abb1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@undp/design-system", - "version": "1.3.2", + "version": "1.3.3", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@undp/design-system", - "version": "1.3.2", + "version": "1.3.3", "license": "MIT", "dependencies": { "fitty": "^2.3.6", @@ -38,19 +38,19 @@ "@babel/preset-env": "^7.22", "@babel/preset-react": "^7.24.7", "@babel/preset-typescript": "^7.23", - "@storybook/addon-a11y": "^8.3.0", - "@storybook/addon-essentials": "^8.3.0", - "@storybook/addon-links": "^8.3.0", - "@storybook/addon-mdx-gfm": "^8.3.0", + "@storybook/addon-a11y": "^8.3.6", + "@storybook/addon-essentials": "^8.3.6", + "@storybook/addon-links": "^8.3.6", + "@storybook/addon-mdx-gfm": "^8.3.6", "@storybook/addon-webpack5-compiler-babel": "^3.0.3", - "@storybook/blocks": "^8.3.0", - "@storybook/cli": "^8.3.0", - "@storybook/client-logger": "^8.3.0", - "@storybook/manager-api": "^8.3.0", - "@storybook/preview-api": "^8.3.0", - "@storybook/react": "^8.3.0", - "@storybook/react-webpack5": "^8.3.0", - "@storybook/theming": "^8.3.0", + "@storybook/blocks": "^8.3.6", + "@storybook/cli": "^8.3.6", + "@storybook/client-logger": "^8.3.6", + "@storybook/manager-api": "^8.3.6", + "@storybook/preview-api": "^8.3.6", + "@storybook/react": "^8.3.6", + "@storybook/react-webpack5": "^8.3.6", + "@storybook/theming": "^8.3.6", "@whitespace/storybook-addon-html": "^6.1.1", "@wordpress/babel-preset-default": "^7.24.0", "alter-css-url-loader": "^1.1.3", @@ -75,7 +75,7 @@ "eslint-plugin-react": "^7.32.2", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-spellcheck": "0.0.20", - "eslint-plugin-storybook": "^0.8.0", + "eslint-plugin-storybook": "^0.9.0", "extract-loader": "^5.1.0", "foundation-sites": "^6.7.5", "glob": "^8.1.0", @@ -94,7 +94,7 @@ "resolve-url-loader": "^5.0.0", "sass": "^1.62.1", "sass-loader": "^13.3.2", - "storybook": "^8.3.0", + "storybook": "^8.3.6", "style-loader": "^3.3.2", "stylelint": "^16.9.0", "stylelint-config-prettier": "^9.0.5", @@ -409,9 +409,9 @@ } }, "node_modules/@babel/helper-plugin-utils": { - "version": "7.24.8", - "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.8.tgz", - "integrity": "sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg==", + "version": "7.25.7", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.7.tgz", + "integrity": "sha512-eaPZai0PiqCi09pPs3pAFfl/zYgGaE6IdXtYvmf0qlcDTd3WCtO7JWCcRd64e0EQrcYgiHibEZnOGsSY4QSgaw==", "dev": true, "license": "MIT", "engines": { @@ -503,9 +503,9 @@ } }, "node_modules/@babel/helper-validator-option": { - "version": "7.24.8", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.8.tgz", - "integrity": "sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==", + "version": "7.25.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.7.tgz", + "integrity": "sha512-ytbPLsm+GjArDYXJ8Ydr1c/KJuutjF2besPNbIZnZ6MKUxi/uTA22t2ymmA4WFjZFpjiAMO0xuuJPqK2nvDVfQ==", "dev": true, "license": "MIT", "engines": { @@ -907,13 +907,13 @@ } }, "node_modules/@babel/plugin-syntax-flow": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.24.7.tgz", - "integrity": "sha512-9G8GYT/dxn/D1IIKOUBmGX0mnmj46mGH9NnZyJLwtCpgh5f7D2VbuKodb+2s9m1Yavh1s7ASQN8lf0eqrb1LTw==", + "version": "7.25.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.25.7.tgz", + "integrity": "sha512-fyoj6/YdVtlv2ROig/J0fP7hh/wNO1MJGm1NR70Pg7jbkF+jOUL9joorqaCOQh06Y+LfgTagHzC8KqZ3MF782w==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.24.7" + "@babel/helper-plugin-utils": "^7.25.7" }, "engines": { "node": ">=6.9.0" @@ -1415,14 +1415,14 @@ } }, "node_modules/@babel/plugin-transform-flow-strip-types": { - "version": "7.25.2", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.25.2.tgz", - "integrity": "sha512-InBZ0O8tew5V0K6cHcQ+wgxlrjOw1W4wDXLkOTjLRD8GYhTSkxTVBtdy3MMtvYBrbAWa1Qm3hNoTc1620Yj+Mg==", + "version": "7.25.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.25.7.tgz", + "integrity": "sha512-q8Td2PPc6/6I73g96SreSUCKEcwMXCwcXSIAVTyTTN6CpJe0dMj8coxu1fg1T9vfBLi6Rsi6a4ECcFBbKabS5w==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.24.8", - "@babel/plugin-syntax-flow": "^7.24.7" + "@babel/helper-plugin-utils": "^7.25.7", + "@babel/plugin-syntax-flow": "^7.25.7" }, "engines": { "node": ">=6.9.0" @@ -2240,15 +2240,15 @@ } }, "node_modules/@babel/preset-flow": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.24.7.tgz", - "integrity": "sha512-NL3Lo0NorCU607zU3NwRyJbpaB6E3t0xtd3LfAQKDfkeX4/ggcDXvkmkW42QWT5owUeW/jAe4hn+2qvkV1IbfQ==", + "version": "7.25.7", + "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.25.7.tgz", + "integrity": "sha512-q2x3g0YHzo/Ohsr51KOYS/BtZMsvkzVd8qEyhZAyTatYdobfgXCuyppTqTuIhdq5kR/P3nyyVvZ6H5dMc4PnCQ==", "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.24.7", - "@babel/helper-validator-option": "^7.24.7", - "@babel/plugin-transform-flow-strip-types": "^7.24.7" + "@babel/helper-plugin-utils": "^7.25.7", + "@babel/helper-validator-option": "^7.25.7", + "@babel/plugin-transform-flow-strip-types": "^7.25.7" }, "engines": { "node": ">=6.9.0" @@ -2314,9 +2314,9 @@ } }, "node_modules/@babel/register": { - "version": "7.24.6", - "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.24.6.tgz", - "integrity": "sha512-WSuFCc2wCqMeXkz/i3yfAAsxwWflEgbVkZzivgAmXl/MxrXeoYFZOOPllbC8R8WTF7u61wSRQtDVZ1879cdu6w==", + "version": "7.25.7", + "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.25.7.tgz", + "integrity": "sha512-qHTd2Rhn/rKhSUwdY6+n98FmwXN+N+zxSVx3zWqRe9INyvTpv+aQ5gDV2+43ACd3VtMBzPPljbb0gZb8u5ma6Q==", "dev": true, "license": "MIT", "dependencies": { @@ -3763,13 +3763,13 @@ } }, "node_modules/@storybook/addon-a11y": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.3.0.tgz", - "integrity": "sha512-ub/O4tkeQFE3bXEg8VsH3HU9MmqD+CSwGN5QVJmnkCOzpwjnhaVtWFNVZ+3C2AsT0b3sW9llDaK4UgivglV8+A==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.3.6.tgz", + "integrity": "sha512-EeVzUN+WaLtz/DXVBL3rIGvP8+pTuJXA3lEz9CbTQXRO7QMhzTTXLKmp8xmSA2w5H01a8XpjLcZ5LYjdKrvw0g==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/addon-highlight": "8.3.0", + "@storybook/addon-highlight": "8.3.6", "axe-core": "^4.2.0" }, "funding": { @@ -3777,13 +3777,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-actions": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.3.0.tgz", - "integrity": "sha512-HvAc3fW979JVw8CSKXZMouvgrJ2BNLNWaUB8jNokQb3Us00P6igVKLwg/pBV8GBgDr5Ng4pHYqi/ZH+xzEYFFw==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.3.6.tgz", + "integrity": "sha512-nOqgl0WoZK2KwjaABaXMoIgrIHOQl9inOzJvqQau0HOtsvnXGXYfJXYnpjZenoZDoZXKbUDl0U2haDFx2a2fJw==", "dev": true, "license": "MIT", "dependencies": { @@ -3798,13 +3798,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-backgrounds": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.3.0.tgz", - "integrity": "sha512-qaV/QsXoviAmBYFszI/KN1CaI/LcACGX9RCBB54fMau3JuouIBU/zTl2jY2+BioCBk6oY8KqcnAS1coOZzlNXQ==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.3.6.tgz", + "integrity": "sha512-yBn+a8i5OJzJaX6Bx5MAkfei7c2nvq+RRmvuyvxw11rtDGR6Nz4OBBe56reWxo868wVUggpRTPJCMVe5tDYgVg==", "dev": true, "license": "MIT", "dependencies": { @@ -3817,13 +3817,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-controls": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.3.0.tgz", - "integrity": "sha512-Id4j6Neimkdq0OyfQ3qkHpKLisbN08M8pXHDI/A0VeF91xEGBdc1bJgS/EU+ifa24tr5SRYwlAlcBDAWJbZMfA==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.3.6.tgz", + "integrity": "sha512-9IMLHgtWPuFoRCt3hDsIk1FbkK5SlCMDW1DDwtTBIeWYYZLvptS42+vGVTeQ8v5SejmVzZkzuUdzu3p4sb3IcA==", "dev": true, "license": "MIT", "dependencies": { @@ -3837,21 +3837,21 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-docs": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.3.0.tgz", - "integrity": "sha512-LrvWBDX5Vi//82Q78QRbTsG+9rJU9JJFAVPk1NnLp2Yn0F4FueVzIw8AabAkZFy0LHPMGV+EHpkPtYz4Czkhgw==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.3.6.tgz", + "integrity": "sha512-31Rk1TOhDIzGM2wNCUIB1xKuWtArW0D2Puua9warEXlQ3FtvwmxnPrwbIzw6ufYZDWPwl9phDYTcRh8WqZIoGg==", "dev": true, "license": "MIT", "dependencies": { "@mdx-js/react": "^3.0.0", - "@storybook/blocks": "8.3.0", - "@storybook/csf-plugin": "8.3.0", + "@storybook/blocks": "8.3.6", + "@storybook/csf-plugin": "8.3.6", "@storybook/global": "^5.0.0", - "@storybook/react-dom-shim": "8.3.0", + "@storybook/react-dom-shim": "8.3.6", "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0", "fs-extra": "^11.1.0", "react": "^16.8.0 || ^17.0.0 || ^18.0.0", @@ -3865,25 +3865,25 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-essentials": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.3.0.tgz", - "integrity": "sha512-y+hlMnIoD+h/diY7BvIeySPCz/ZtJPPZfS/COQuPRXfPWCr37p9XLEz3E+m2spniAbgGv9KpvdqQd0kWcwwfiA==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.3.6.tgz", + "integrity": "sha512-MQPFvThlGU7wlda1xhBPQCmDh90cSSZ31OsVs1uC5kJh0aLbY2gYXPurq1G54kzrYo8SMfBxsXrCplz8Ir6UTg==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/addon-actions": "8.3.0", - "@storybook/addon-backgrounds": "8.3.0", - "@storybook/addon-controls": "8.3.0", - "@storybook/addon-docs": "8.3.0", - "@storybook/addon-highlight": "8.3.0", - "@storybook/addon-measure": "8.3.0", - "@storybook/addon-outline": "8.3.0", - "@storybook/addon-toolbars": "8.3.0", - "@storybook/addon-viewport": "8.3.0", + "@storybook/addon-actions": "8.3.6", + "@storybook/addon-backgrounds": "8.3.6", + "@storybook/addon-controls": "8.3.6", + "@storybook/addon-docs": "8.3.6", + "@storybook/addon-highlight": "8.3.6", + "@storybook/addon-measure": "8.3.6", + "@storybook/addon-outline": "8.3.6", + "@storybook/addon-toolbars": "8.3.6", + "@storybook/addon-viewport": "8.3.6", "ts-dedent": "^2.0.0" }, "funding": { @@ -3891,13 +3891,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-highlight": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.3.0.tgz", - "integrity": "sha512-bS1rqzbwGgeTKVLYEyY+6DzpafLtDLnoSF+KzRIiV7/1H30evhwVSzkgX1L2F6+ssS1n9WrRJeglniv9j+5mGQ==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.3.6.tgz", + "integrity": "sha512-A7uU+1OPVXGpkklEUJjSl2VEEDLCSNvmffUJlvW1GjajsNFIHOW2CSD+KnfFlQyPxyVbnWAYLqUP4XJxoqrvDw==", "dev": true, "license": "MIT", "dependencies": { @@ -3908,13 +3908,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-links": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.3.0.tgz", - "integrity": "sha512-nUnoMPPuxM8yJ7LCrppsUrn3gwqt4E0si9fqIIb5IkB56vz48RxCO9MtO1qjwhWosfMdN6boHaOl1Qc6IxV3Lg==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.3.6.tgz", + "integrity": "sha512-EGEH/kEjndEldbqyiJ8XSASkxqwzL/lgA/+6mHpa6Ljxhk1s5IMGcdA1ymJYJ2BpNdkUxRj/uxAa38eGcQiJ/g==", "dev": true, "license": "MIT", "dependencies": { @@ -3928,7 +3928,7 @@ }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.3.0" + "storybook": "^8.3.6" }, "peerDependenciesMeta": { "react": { @@ -3937,9 +3937,9 @@ } }, "node_modules/@storybook/addon-mdx-gfm": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-8.3.0.tgz", - "integrity": "sha512-qGaO5/3jd2mcxKiV4Gfloxgw4yvzCsj/ZwqysDIGVJtliguscWYbWE2JMz7zluUyt6nVMhQhDYkF9GnNU4yaoA==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-8.3.6.tgz", + "integrity": "sha512-5Q/0YT/i9xdLyq7QvXvVfrcGVFHvJ3GEPM+XgGaX9C67ch3pYllAGDKJMtq3eDhgzxHkPT8NnjXb/9VLVYr75w==", "dev": true, "license": "MIT", "dependencies": { @@ -3951,13 +3951,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-measure": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.3.0.tgz", - "integrity": "sha512-0TZ2ihzX0mRr1rNrFDieDsIKASZ2qUg3eHDkskLKOhxwoUHqsLzXlvS/scKZ+zb8pgjrvsBAsjyPstlrK+z0Zg==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.3.6.tgz", + "integrity": "sha512-VHWeGgYjhzhwb2WAqYW/qyEPqg5pwKR/XqFfd+3tEirUs/64olL1l3lzLwZ8Cm07cJ81T8Z4myywb9kObZfQlw==", "dev": true, "license": "MIT", "dependencies": { @@ -3969,13 +3969,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-outline": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.3.0.tgz", - "integrity": "sha512-xTvBGgX6RIkKjQiAi9LvPGbGuBa6tsJS2jCmjwiei3SX3I56E6Bf3KASsFH2x8j9khMVsgQcfA3QDIhjwatdgw==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.3.6.tgz", + "integrity": "sha512-+VXpM8SIHX2cn30qLlMvER9/6iioFRSn2sAfLniqy4RrcQmcMP+qgE7ZzbzExt7cneJh3VFsYqBS/HElu14Vgg==", "dev": true, "license": "MIT", "dependencies": { @@ -3987,13 +3987,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-toolbars": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.3.0.tgz", - "integrity": "sha512-/3/jnd70tnvh3x1EL8axE4TR9EHwC+bBch1uIc3vH/lmyZBqSBVA50clz23FvjhykjcaKQogcugCuU1w5TJlBA==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.3.6.tgz", + "integrity": "sha512-FJH+lRoZXENfpMR/G09ZqB0TmL/k6bv07GN1ysoVs420tKRgjfz6uXaZz5COrhcdISr5mTNmG+mw9x7xXTfX3Q==", "dev": true, "license": "MIT", "funding": { @@ -4001,13 +4001,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-viewport": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.3.0.tgz", - "integrity": "sha512-6h/0mKipUG6w2o5IOzyhvC/2ifJlSNIA60hLkJ291g42+ilzkydpby9TBN7FcnrVL3Bv+oLgkDLBWVCqma/fyw==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.3.6.tgz", + "integrity": "sha512-bL51v837W1cng/+0pypkoLsWKWmvux96zLOzqLCpcWAQ4OSMhW3foIWpCiFwMG/KY+GanoOocTx6i7j5hLtuTA==", "dev": true, "license": "MIT", "dependencies": { @@ -4018,7 +4018,7 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/addon-webpack5-compiler-babel": { @@ -4036,9 +4036,9 @@ } }, "node_modules/@storybook/blocks": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.3.0.tgz", - "integrity": "sha512-V7D5lv5R+GJya9cCZOCjmOVjhvP5J3KIaclQuuGGJda/ZD/SpwHcFOGSpo6sNR2UKHXXvb61oM8gRQQWDvqPlg==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.3.6.tgz", + "integrity": "sha512-Oc5jU6EzfsENjrd91KcKyEKBh60RT+8uyLi1RIrymC2C/mzZMTEoNIrbnQt0eIqbjlHxn6y9JMJxHu4NJ4EmZg==", "dev": true, "license": "MIT", "dependencies": { @@ -4064,7 +4064,7 @@ "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.3.0" + "storybook": "^8.3.6" }, "peerDependenciesMeta": { "react": { @@ -4076,13 +4076,13 @@ } }, "node_modules/@storybook/builder-webpack5": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.3.0.tgz", - "integrity": "sha512-kJJjyWJ/ttUIRYJe6muMjWlXnH9nNmTvd4k5QY6AnblcxE/mXc1Z+D5lSzvStmZEAB/KaSHGrEuiSCReQrNTTQ==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.3.6.tgz", + "integrity": "sha512-Eqn2k8aA9f0o6IMQNAxGAMfSDeTP3YYCQAtOL5Gt5lgrqLV5JMTbZOfmaRBZ82ej/BBSAopnQKIJjQBBFx6kAQ==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/core-webpack": "8.3.0", + "@storybook/core-webpack": "8.3.6", "@types/node": "^22.0.0", "@types/semver": "^7.3.4", "browser-assert": "^1.2.1", @@ -4115,7 +4115,7 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" }, "peerDependenciesMeta": { "typescript": { @@ -4124,9 +4124,9 @@ } }, "node_modules/@storybook/builder-webpack5/node_modules/@types/node": { - "version": "22.5.4", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.4.tgz", - "integrity": "sha512-FDuKUJQm/ju9fT/SeX/6+gBzoPzlVCzfzmGkwKvRHQVxi4BntVbyIwf6a4Xn62mrvndLiml6z/UBXIdEVjQLXg==", + "version": "22.7.6", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.6.tgz", + "integrity": "sha512-/d7Rnj0/ExXDMcioS78/kf1lMzYk4BZV8MZGTBKzTGZ6/406ukkbYlIsZmMPhcR5KlkunDHQLrtAVmSq7r+mSw==", "dev": true, "license": "MIT", "dependencies": { @@ -4154,19 +4154,19 @@ "license": "MIT" }, "node_modules/@storybook/cli": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-8.3.0.tgz", - "integrity": "sha512-kR2x43BU/keIUPr+jHXK16BkhUXk+t4I6DgYgKyjYfFpjX2+tNYZ2b1f7RW+TjjUy4V6cf9FXl5N+GFmih8oiQ==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-8.3.6.tgz", + "integrity": "sha512-yGwWCwuuJJqfZMWZgQo9Yqt9XvJNSCKmZSa6cbYoPg8VUTCAEOQJQRBehEQmw1bl4APh4lXL9pkPMaLfaNRlIg==", "dev": true, "license": "MIT", "dependencies": { "@babel/core": "^7.24.4", "@babel/types": "^7.24.0", - "@storybook/codemod": "8.3.0", + "@storybook/codemod": "8.3.6", "@types/semver": "^7.3.4", "chalk": "^4.1.0", "commander": "^12.1.0", - "create-storybook": "8.3.0", + "create-storybook": "8.3.6", "cross-spawn": "^7.0.3", "envinfo": "^7.7.3", "fd-package-json": "^1.2.0", @@ -4179,7 +4179,7 @@ "leven": "^3.1.0", "prompts": "^2.4.0", "semver": "^7.3.7", - "storybook": "8.3.0", + "storybook": "8.3.6", "tiny-invariant": "^1.3.1", "ts-dedent": "^2.0.0" }, @@ -4375,9 +4375,9 @@ } }, "node_modules/@storybook/client-logger": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-8.3.0.tgz", - "integrity": "sha512-e/rcnBSHxDh5g8yJgjbSwPxM4/DBTMlCFaD3h7RNzLhjs+LeZv9J2uQtNfrKZ6wamZb+z81doraTKRDe6GaurQ==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-8.3.6.tgz", + "integrity": "sha512-URq/whw3cYs/GSDxOVqrwdPloN1ZPYMUPoABHQi/Kzx3nW0+ZRkNzwDGsQ4L8EoaYuNUB/g/82/0pz3z6k/aGA==", "dev": true, "license": "MIT", "funding": { @@ -4385,20 +4385,20 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/codemod": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.3.0.tgz", - "integrity": "sha512-WwHgQLJw02eflkAzkUfuNP8Hu7Z12E6diUN2AWDXVYZJXyJjYhivGzONt2inrHhT3LTB9iSNVo0WsDE9AZU9RA==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.3.6.tgz", + "integrity": "sha512-Jut3+z3CXyRlQ1hvQ3u9pVfEReV37OiANpcnreWpJAQ58HsFQmZf5eBpwT2kh5/Ex9CpmumecoEmuGikqNVWQw==", "dev": true, "license": "MIT", "dependencies": { "@babel/core": "^7.24.4", "@babel/preset-env": "^7.24.4", "@babel/types": "^7.24.0", - "@storybook/core": "8.3.0", + "@storybook/core": "8.3.6", "@storybook/csf": "^0.1.11", "@types/cross-spawn": "^6.0.2", "cross-spawn": "^7.0.3", @@ -4462,9 +4462,9 @@ } }, "node_modules/@storybook/components": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.3.0.tgz", - "integrity": "sha512-SO/iTkmWp3aYCIy8DEhRMoOn6K7lcKTPNC/YjTvOFFzwq/CLq86WNqz6aX+wV5n6MvWTs7evSwMoz7lp4Lc4sw==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.3.6.tgz", + "integrity": "sha512-TXuoGZY7X3iixF45lXkYOFk8k2q9OHcqHyHyem1gATLLQXgyOvDgzm+VB7uKBNzssRQPEE+La70nfG8bq/viRw==", "dev": true, "license": "MIT", "funding": { @@ -4472,22 +4472,24 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/core": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.3.0.tgz", - "integrity": "sha512-UeErpD0xRIP2nFA2TjPYxtEyv24O6VRfq2XXU5ki2QPYnxOxAPBbrMHCADjgBwNS4S2NUWTaVBYxybISVbrj+w==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.3.6.tgz", + "integrity": "sha512-frwfgf0EJ7QL29DWZ5bla/g0eOOWqJGd14t+VUBlpP920zB6sdDfo7+p9JoCjD9u08lGeFDqbPNKayUk+0qDag==", "dev": true, "license": "MIT", "dependencies": { "@storybook/csf": "^0.1.11", "@types/express": "^4.17.21", + "better-opn": "^3.0.2", "browser-assert": "^1.2.1", "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0", "esbuild-register": "^3.5.0", "express": "^4.19.2", + "jsdoc-type-pratt-parser": "^4.0.0", "process": "^0.11.10", "recast": "^0.23.5", "semver": "^7.6.2", @@ -4500,9 +4502,9 @@ } }, "node_modules/@storybook/core-webpack": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.3.0.tgz", - "integrity": "sha512-lCuuB0dD+SKjF17QVX+YoQIlW30Dv/zK0k3Gt3mXdvYqjFXTx1FqWRmt1YFeUWaBQ0XF8GC+PN699KgwGH73tA==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.3.6.tgz", + "integrity": "sha512-ks306CFKD7FePQzRYyTjddiLsSriceblzv4rI+IjVtftkJvcEbxub2yWkV27kPP/e9kSd4Li3M34bX5mkiwkZA==", "dev": true, "license": "MIT", "dependencies": { @@ -4514,13 +4516,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/core-webpack/node_modules/@types/node": { - "version": "22.5.4", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.4.tgz", - "integrity": "sha512-FDuKUJQm/ju9fT/SeX/6+gBzoPzlVCzfzmGkwKvRHQVxi4BntVbyIwf6a4Xn62mrvndLiml6z/UBXIdEVjQLXg==", + "version": "22.7.6", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.6.tgz", + "integrity": "sha512-/d7Rnj0/ExXDMcioS78/kf1lMzYk4BZV8MZGTBKzTGZ6/406ukkbYlIsZmMPhcR5KlkunDHQLrtAVmSq7r+mSw==", "dev": true, "license": "MIT", "dependencies": { @@ -4558,9 +4560,9 @@ } }, "node_modules/@storybook/csf-plugin": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.3.0.tgz", - "integrity": "sha512-sCmeN/OVYj95TKkMqJqxbaztIbdv5jCrtrXuNg4oJaGzNucmMNAbmv2jK2tCNE6Uz2X9IMRcseFX/h9TgjyJ9A==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.3.6.tgz", + "integrity": "sha512-TJyJPFejO6Gyr3+bXqE/+LomQbivvfHEbee/GwtlRj0XF4KQlqnvuEdEdcK25JbD0NXT8AbyncEUmjoxE7ojQw==", "dev": true, "license": "MIT", "dependencies": { @@ -4571,7 +4573,7 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/global": { @@ -4582,9 +4584,9 @@ "license": "MIT" }, "node_modules/@storybook/icons": { - "version": "1.2.10", - "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.2.10.tgz", - "integrity": "sha512-310apKdDcjbbX2VSLWPwhEwAgjxTzVagrwucVZIdGPErwiAppX8KvBuWZgPo+rQLVrtH8S+pw1dbUwjcE6d7og==", + "version": "1.2.12", + "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.2.12.tgz", + "integrity": "sha512-UxgyK5W3/UV4VrI3dl6ajGfHM4aOqMAkFLWe2KibeQudLf6NJpDrDMSHwZj+3iKC4jFU7dkKbbtH2h/al4sW3Q==", "dev": true, "license": "MIT", "engines": { @@ -4596,9 +4598,9 @@ } }, "node_modules/@storybook/manager-api": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.3.0.tgz", - "integrity": "sha512-5WBLEFHpe4H+9vZZLjNh7msIkyl9MPt4/C2nI+MXKZyU55xBBgiAy4fcD9aj02PcbhyR4JhLqbqmdeBe5Xafeg==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.3.6.tgz", + "integrity": "sha512-Xt5VFZcL+G/9uzaHjzWFhxRNrP+4rPhSRKEvCZorAbC9+Hv+ZDs1JSZS5wMb4WKpXBZ0rwDVOLwngqbVtfRHuQ==", "dev": true, "license": "MIT", "funding": { @@ -4606,18 +4608,18 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/preset-react-webpack": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-8.3.0.tgz", - "integrity": "sha512-Y0by9yzhKU7lNTQ/7ePJ8ki/Iv/ctG2TPziEQOIds0LWs511yF37VsTBwWG17rGo9U4hKPJ37IDBVo0el7kw3g==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-8.3.6.tgz", + "integrity": "sha512-Ar0vhJITXa4xsXT3RdgYZ2mhXxE3jfUisQzsITey5a2RVgnSBIENggmRZ/6j1oVgEXFthbarNEsebGiA+2vDZg==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/core-webpack": "8.3.0", - "@storybook/react": "8.3.0", + "@storybook/core-webpack": "8.3.6", + "@storybook/react": "8.3.6", "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0", "@types/node": "^22.0.0", "@types/semver": "^7.3.4", @@ -4640,7 +4642,7 @@ "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.3.0" + "storybook": "^8.3.6" }, "peerDependenciesMeta": { "typescript": { @@ -4649,9 +4651,9 @@ } }, "node_modules/@storybook/preset-react-webpack/node_modules/@types/node": { - "version": "22.5.4", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.4.tgz", - "integrity": "sha512-FDuKUJQm/ju9fT/SeX/6+gBzoPzlVCzfzmGkwKvRHQVxi4BntVbyIwf6a4Xn62mrvndLiml6z/UBXIdEVjQLXg==", + "version": "22.7.6", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.6.tgz", + "integrity": "sha512-/d7Rnj0/ExXDMcioS78/kf1lMzYk4BZV8MZGTBKzTGZ6/406ukkbYlIsZmMPhcR5KlkunDHQLrtAVmSq7r+mSw==", "dev": true, "license": "MIT", "dependencies": { @@ -4679,9 +4681,9 @@ "license": "MIT" }, "node_modules/@storybook/preview-api": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.3.0.tgz", - "integrity": "sha512-pHq/T7oWBfzc9TCIPYyJQUXuiUiFfmdrcYvuZE1kf46i7wXh9Q2/Kd3BUJWSCpBXUMoYfAxg9YysGljMII8LWA==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.3.6.tgz", + "integrity": "sha512-/Wxvb7wbI2O2iH63arRQQyyojA630vibdshkFjuC/u1nYdptEV1jkxa0OYmbZbKCn4/ze6uH4hfsKOpDPV9SWg==", "dev": true, "license": "MIT", "funding": { @@ -4689,22 +4691,22 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/react": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.3.0.tgz", - "integrity": "sha512-qd8IKXqaOG9m0VK0QukFMmKpjmm7sy1R3T681dLet8s+AEAimLH/RiBzd+0dxWng2H/Ng6ldUmCtd3Cs6w/EFQ==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.3.6.tgz", + "integrity": "sha512-s3COryqIOYK7urgZaCPb77zlxGjPKr6dIsYmblQJcsFY2ZlG2x0Ysm8b5oRgD8Pv71hCJ0PKYA4RzDgBVYJS9A==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/components": "^8.3.0", + "@storybook/components": "^8.3.6", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "^8.3.0", - "@storybook/preview-api": "^8.3.0", - "@storybook/react-dom-shim": "8.3.0", - "@storybook/theming": "^8.3.0", + "@storybook/manager-api": "^8.3.6", + "@storybook/preview-api": "^8.3.6", + "@storybook/react-dom-shim": "8.3.6", + "@storybook/theming": "^8.3.6", "@types/escodegen": "^0.0.6", "@types/estree": "^0.0.51", "@types/node": "^22.0.0", @@ -4728,10 +4730,10 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "@storybook/test": "8.3.0", + "@storybook/test": "8.3.6", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.3.0", + "storybook": "^8.3.6", "typescript": ">= 4.2.x" }, "peerDependenciesMeta": { @@ -4764,9 +4766,9 @@ } }, "node_modules/@storybook/react-dom-shim": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.3.0.tgz", - "integrity": "sha512-87X4cvgwFT1ll5SzXgQq6iGbkVCgxLBpBm58akF/hzpeRkwfJDncGi/A5hElOJrBg63IkznmSJE7tf9RkrboqQ==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.3.6.tgz", + "integrity": "sha512-9BO6VXIdli4GHSfiP/Z0gwAf7oQig3D/yWK2U1+91UWDV8nIAgnNBAi76U4ORC6MiK5MdkDfIikIxnLLeLnahA==", "dev": true, "license": "MIT", "funding": { @@ -4776,19 +4778,19 @@ "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@storybook/react-webpack5": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/react-webpack5/-/react-webpack5-8.3.0.tgz", - "integrity": "sha512-kDNkSWnrGqyYxJ+hqCuZEQd8erYVznlfAWm81E6RA43sR+S9M0uhsYUvydU+s85GQpem8mzh3kDcaMT0E0RtYA==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/react-webpack5/-/react-webpack5-8.3.6.tgz", + "integrity": "sha512-8HBnBab6kPJuX0gQGIl6voZXLRdvyXxd5wmHXc0db0T9Ozq5iuNbo9sUEk9QCwJpuQc7lDDmuOkXHVq1WjSibw==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/builder-webpack5": "8.3.0", - "@storybook/preset-react-webpack": "8.3.0", - "@storybook/react": "8.3.0", + "@storybook/builder-webpack5": "8.3.6", + "@storybook/preset-react-webpack": "8.3.6", + "@storybook/react": "8.3.6", "@types/node": "^22.0.0" }, "engines": { @@ -4801,7 +4803,7 @@ "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.3.0", + "storybook": "^8.3.6", "typescript": ">= 4.2.x" }, "peerDependenciesMeta": { @@ -4858,9 +4860,9 @@ "license": "MIT" }, "node_modules/@storybook/theming": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.3.0.tgz", - "integrity": "sha512-lJCarAzswZvUgBt/o1LMJp+07Io5G2VI1+Fw+bgn+92kRD8otCFwuMZIy0u7cEjHiEGqGnpzThlIki6vFjEXeA==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.3.6.tgz", + "integrity": "sha512-LQjUk6GXRW9ELkoBKuqzQKFUW+ajfGPfVELcfs3/VQX61VhthJ4olov4bGPc04wsmmFMgN/qODxT485IwOHfPQ==", "dev": true, "license": "MIT", "funding": { @@ -4868,7 +4870,7 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.0" + "storybook": "^8.3.6" } }, "node_modules/@stroncium/procfs": { @@ -5042,9 +5044,9 @@ } }, "node_modules/@types/express-serve-static-core": { - "version": "4.19.5", - "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.5.tgz", - "integrity": "sha512-y6W03tvrACO72aijJ5uF02FRq5cgDR9lUxddQ8vyF+GvmjJQqbzDcJngEjURc+ZsG31VI3hODNZJ2URj86pzmg==", + "version": "4.19.6", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz", + "integrity": "sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==", "dev": true, "license": "MIT", "dependencies": { @@ -5127,9 +5129,9 @@ "license": "MIT" }, "node_modules/@types/lodash": { - "version": "4.17.7", - "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.7.tgz", - "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==", + "version": "4.17.11", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.11.tgz", + "integrity": "sha512-jzqWo/uQP/iqeGGTjhgFp2yaCrCYTauASQcpdzESNCkHjSprBJVcZP9KG9aQ0q+xcsXiKd/iuw/4dLjS3Odc7Q==", "dev": true, "license": "MIT" }, @@ -5182,16 +5184,16 @@ "license": "MIT" }, "node_modules/@types/prop-types": { - "version": "15.7.12", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz", - "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==", + "version": "15.7.13", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz", + "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==", "dev": true, "license": "MIT" }, "node_modules/@types/qs": { - "version": "6.9.15", - "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.15.tgz", - "integrity": "sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==", + "version": "6.9.16", + "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.16.tgz", + "integrity": "sha512-7i+zxXdPD0T4cKDuxCUXJ4wHcsJLwENa6Z3dCu8cfCK743OGy5Nu1RmAGqDPsoTDINVEcdXKRvR/zre+P2Ku1A==", "dev": true, "license": "MIT" }, @@ -5203,9 +5205,9 @@ "license": "MIT" }, "node_modules/@types/react": { - "version": "18.3.5", - "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.5.tgz", - "integrity": "sha512-WeqMfGJLGuLCqHGYRGHxnKrXcTitc6L/nBUWfWPcTarG3t9PsquqUMuVeXZeca+mglY4Vo5GZjCi0A3Or2lnxA==", + "version": "18.3.11", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.11.tgz", + "integrity": "sha512-r6QZ069rFTjrEYgFdOck1gK7FLVsgJE7tTz0pQBczlBNUhBNk0MQH4UbnFSwjpQLMkLzgqvBBa+qGpLje16eTQ==", "dev": true, "license": "MIT", "dependencies": { @@ -7974,6 +7976,37 @@ ], "license": "MIT" }, + "node_modules/better-opn": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz", + "integrity": "sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "open": "^8.0.4" + }, + "engines": { + "node": ">=12.0.0" + } + }, + "node_modules/better-opn/node_modules/open": { + "version": "8.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz", + "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "define-lazy-prop": "^2.0.0", + "is-docker": "^2.1.1", + "is-wsl": "^2.2.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/big.js": { "version": "5.2.2", "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz", @@ -8896,9 +8929,9 @@ "license": "MIT" }, "node_modules/cookie": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz", - "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==", + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz", + "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==", "dev": true, "license": "MIT", "engines": { @@ -9064,9 +9097,9 @@ } }, "node_modules/create-storybook": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/create-storybook/-/create-storybook-8.3.0.tgz", - "integrity": "sha512-MAcMWX7V4VE1W47O6tiwL4xBJprsa7b0cqLECNSKaW8nvr7LSFgveobIqWG7i1DqQg/cGWA09o2YRDc2LOFsmQ==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/create-storybook/-/create-storybook-8.3.6.tgz", + "integrity": "sha512-i0TmAzd/io60R/JTVhAY9uv7FCDSSo+A8roKSZHMN7hUpy9UbLcJxrzRLZBvSYe9YiwhcctzTq2wNC5XRzFJcA==", "dev": true, "license": "MIT", "dependencies": { @@ -9081,7 +9114,7 @@ "prettier": "^3.1.1", "prompts": "^2.4.0", "semver": "^7.3.7", - "storybook": "8.3.0", + "storybook": "8.3.6", "tiny-invariant": "^1.3.1", "ts-dedent": "^2.0.0" }, @@ -9792,6 +9825,16 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/define-lazy-prop": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz", + "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/define-properties": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz", @@ -10942,9 +10985,9 @@ } }, "node_modules/eslint-plugin-storybook": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.8.0.tgz", - "integrity": "sha512-CZeVO5EzmPY7qghO2t64oaFM+8FTaD4uzOEjHKp516exyTKo+skKAL9GI3QALS2BXhyALJjNtwbmr1XinGE8bA==", + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.9.0.tgz", + "integrity": "sha512-qOT/2vQBo0VqrG/BhZv8IdSsKQiyzJw+2Wqq+WFCiblI/PfxLSrGkF/buiXF+HumwfsCyBdaC94UhqhmYFmAvA==", "dev": true, "license": "MIT", "dependencies": { @@ -11382,9 +11425,9 @@ } }, "node_modules/express": { - "version": "4.21.0", - "resolved": "https://registry.npmjs.org/express/-/express-4.21.0.tgz", - "integrity": "sha512-VqcNGcj/Id5ZT1LZ/cfihi3ttTn+NJmkli2eZADigjq29qTlWi/hAQ43t/VLPq8+UX06FCEx3ByOYet6ZFblng==", + "version": "4.21.1", + "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz", + "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==", "dev": true, "license": "MIT", "dependencies": { @@ -11393,7 +11436,7 @@ "body-parser": "1.20.3", "content-disposition": "0.5.4", "content-type": "~1.0.4", - "cookie": "0.6.0", + "cookie": "0.7.1", "cookie-signature": "1.0.6", "debug": "2.6.9", "depd": "2.0.0", @@ -11786,9 +11829,9 @@ "license": "ISC" }, "node_modules/flow-parser": { - "version": "0.245.2", - "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.245.2.tgz", - "integrity": "sha512-FU4yuqC1j2IeWWicpzG0YJrXHJgKjK/AU8QKK/7MvQaNhcoGisDoE7FJLGCtbvnifzsgDWdm9/jtTF7Mp+PJXQ==", + "version": "0.250.0", + "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.250.0.tgz", + "integrity": "sha512-8mkLh/CotlvqA9vCyQMbhJoPx2upEg9oKxARAayz8zQ58wCdABnTZy6U4xhMHvHvbTUFgZQk4uH2cglOCOel5A==", "dev": true, "license": "MIT", "engines": { @@ -12758,9 +12801,9 @@ } }, "node_modules/hast-util-to-string": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/hast-util-to-string/-/hast-util-to-string-3.0.0.tgz", - "integrity": "sha512-OGkAxX1Ua3cbcW6EJ5pT/tslVb90uViVkcJ4ZZIMW/R33DX/AkcJcRrPebPwJkHYwlDHXz4aIwvAAaAdtrACFA==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/hast-util-to-string/-/hast-util-to-string-3.0.1.tgz", + "integrity": "sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==", "dev": true, "license": "MIT", "dependencies": { @@ -12903,9 +12946,9 @@ } }, "node_modules/html-webpack-plugin": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.0.tgz", - "integrity": "sha512-iwaY4wzbe48AfKLZ/Cc8k0L+FKG6oSNRaZ8x5A/T/IVDGyXcbHncM9TdDa93wn0FsSm82FhTKW7f3vS61thXAw==", + "version": "5.6.2", + "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.2.tgz", + "integrity": "sha512-q7xp/FO9RGBVoTKNItkdX1jKLscLFkgn/dLVFNYbHVbfHLBk6DYW5nsQ8kCzIWcgKP/kUBocetjvav6lD8YfCQ==", "dev": true, "license": "MIT", "dependencies": { @@ -14433,6 +14476,16 @@ "node": ">=8" } }, + "node_modules/jsdoc-type-pratt-parser": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz", + "integrity": "sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + } + }, "node_modules/jsesc": { "version": "2.5.2", "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", @@ -15039,9 +15092,9 @@ } }, "node_modules/magic-string": { - "version": "0.30.11", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz", - "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==", + "version": "0.30.12", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.12.tgz", + "integrity": "sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==", "dev": true, "license": "MIT", "dependencies": { @@ -27628,13 +27681,13 @@ } }, "node_modules/storybook": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.3.0.tgz", - "integrity": "sha512-XKU+nem9OKX/juvJPwka1Q7DTpSbOe0IMp8ZyLQWorhFKpquJdUjryl7Z9GiFZyyTykCqH4ItQ7h8PaOmqVMOw==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.3.6.tgz", + "integrity": "sha512-9GVbtej6ZzPRUM7KRQ7848506FfHrUiJGqPuIQdoSJd09EmuEoLjmLAgEOmrHBQKgGYMaM7Vh9GsTLim6vwZTQ==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/core": "8.3.0" + "@storybook/core": "8.3.6" }, "bin": { "getstorybook": "bin/index.cjs", @@ -30150,9 +30203,9 @@ } }, "node_modules/unplugin/node_modules/acorn": { - "version": "8.12.1", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz", - "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==", + "version": "8.13.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.13.0.tgz", + "integrity": "sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==", "dev": true, "license": "MIT", "bin": { diff --git a/package.json b/package.json index 4c5059998..3f4608df2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@undp/design-system", - "version": "1.3.2", + "version": "1.3.3", "description": "UNDP Design System", "homepage": "https://design.undp.org", "main": "index.js", @@ -42,19 +42,19 @@ "@babel/preset-env": "^7.22", "@babel/preset-react": "^7.24.7", "@babel/preset-typescript": "^7.23", - "@storybook/addon-a11y": "^8.3.0", - "@storybook/addon-essentials": "^8.3.0", - "@storybook/addon-links": "^8.3.0", - "@storybook/addon-mdx-gfm": "^8.3.0", + "@storybook/addon-a11y": "^8.3.6", + "@storybook/addon-essentials": "^8.3.6", + "@storybook/addon-links": "^8.3.6", + "@storybook/addon-mdx-gfm": "^8.3.6", "@storybook/addon-webpack5-compiler-babel": "^3.0.3", - "@storybook/blocks": "^8.3.0", - "@storybook/cli": "^8.3.0", - "@storybook/client-logger": "^8.3.0", - "@storybook/manager-api": "^8.3.0", - "@storybook/preview-api": "^8.3.0", - "@storybook/react": "^8.3.0", - "@storybook/react-webpack5": "^8.3.0", - "@storybook/theming": "^8.3.0", + "@storybook/blocks": "^8.3.6", + "@storybook/cli": "^8.3.6", + "@storybook/client-logger": "^8.3.6", + "@storybook/manager-api": "^8.3.6", + "@storybook/preview-api": "^8.3.6", + "@storybook/react": "^8.3.6", + "@storybook/react-webpack5": "^8.3.6", + "@storybook/theming": "^8.3.6", "@whitespace/storybook-addon-html": "^6.1.1", "@wordpress/babel-preset-default": "^7.24.0", "alter-css-url-loader": "^1.1.3", @@ -79,7 +79,7 @@ "eslint-plugin-react": "^7.32.2", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-spellcheck": "0.0.20", - "eslint-plugin-storybook": "^0.8.0", + "eslint-plugin-storybook": "^0.9.0", "extract-loader": "^5.1.0", "foundation-sites": "^6.7.5", "glob": "^8.1.0", @@ -98,7 +98,7 @@ "resolve-url-loader": "^5.0.0", "sass": "^1.62.1", "sass-loader": "^13.3.2", - "storybook": "^8.3.0", + "storybook": "^8.3.6", "style-loader": "^3.3.2", "stylelint": "^16.9.0", "stylelint-config-prettier": "^9.0.5", @@ -127,4 +127,4 @@ "bugs": { "url": "https://github.com/undp/design-system/issues" } -} +} \ No newline at end of file From 719ccd7b94da8ceb9db0fcfae379d27718ba1b0a Mon Sep 17 00:00:00 2001 From: Jura Khrapunov Date: Fri, 18 Oct 2024 10:14:21 -0400 Subject: [PATCH 08/14] #1404 - updated chromatic plugin --- package-lock.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 466f2abb1..6b3a7f46e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8513,9 +8513,9 @@ } }, "node_modules/chromatic": { - "version": "11.7.1", - "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.7.1.tgz", - "integrity": "sha512-LvgPimdQdnQB07ZDxLEC2KtxgYeqTw0X71GA7fi3zhgtKLxZcE+BSZ/5I9rrQp1V8ydmfElfw0ZwnUH4fVgUAQ==", + "version": "11.12.6", + "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.12.6.tgz", + "integrity": "sha512-lt6ekbx3LFLCwGheQrBZAkP2EhrXLPpESk7t45PrsV1DSpu0KOH2ZMN/G9QiF84ZGwj9RPC8BwWbnb2/kd66uA==", "dev": true, "license": "MIT", "bin": { From 25073e5d8a05488f3c7574b1e081138c95f11fe1 Mon Sep 17 00:00:00 2001 From: Caleb Luster Date: Mon, 21 Oct 2024 08:12:38 -0500 Subject: [PATCH 09/14] adjusted mobile sizes --- .../Mainnavigation/CountrySiteHeader/country-site-header.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stories/Components/Navigationcomponents/Mainnavigation/CountrySiteHeader/country-site-header.scss b/stories/Components/Navigationcomponents/Mainnavigation/CountrySiteHeader/country-site-header.scss index d56a82d63..9810c178f 100644 --- a/stories/Components/Navigationcomponents/Mainnavigation/CountrySiteHeader/country-site-header.scss +++ b/stories/Components/Navigationcomponents/Mainnavigation/CountrySiteHeader/country-site-header.scss @@ -25,7 +25,7 @@ // margin-inline: -1.5rem; justify-content: space-between; @include devicebreak(small) { - margin-inline: -0.75rem; + // margin-inline: -0.75rem; } } From 9fb14eb0d12341a071b4a8561c7daab6c125874f Mon Sep 17 00:00:00 2001 From: Caleb Luster Date: Mon, 21 Oct 2024 12:44:21 -0500 Subject: [PATCH 10/14] updated documentation --- stories/Atom/Icons/Icons.stories.js | 3 +++ stories/Documentation/internationalization.mdx | 8 ++++---- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/stories/Atom/Icons/Icons.stories.js b/stories/Atom/Icons/Icons.stories.js index 28ee0d6c0..29a01a394 100644 --- a/stories/Atom/Icons/Icons.stories.js +++ b/stories/Atom/Icons/Icons.stories.js @@ -76,6 +76,9 @@ export default { For svg icons download it from dist/images and use it on your webpage. +
  • + To get other icons, for example, the Threads Icon, use the Icon library here +
  • For CSS based icons eg: .chevron-right-animated, .external-link-animated and .download-animated use these classes diff --git a/stories/Documentation/internationalization.mdx b/stories/Documentation/internationalization.mdx index 2f5019175..4845198cf 100644 --- a/stories/Documentation/internationalization.mdx +++ b/stories/Documentation/internationalization.mdx @@ -6,12 +6,12 @@ import { Meta, Story } from "@storybook/blocks"; # Internationalization -UNDP Design System supports following languages outside of the box using [Proxima Nova](https://fonts.adobe.com/fonts/proxima-nova), [Söhne Breit](https://klim.co.nz/retail-fonts/soehne-breit/) and [UNBangla](https://www.undp.org/bangladesh/publications/un-bangla-font) fonts: +The UNDP Design System supports the following languages by default, using the Proxima Nova, [Söhne Breit](https://klim.co.nz/retail-fonts/soehne-breit/) and [UNBangla](https://www.undp.org/bangladesh/publications/un-bangla-font) fonts: 1. Latin based languages (i.e. English, French, Spanish, etc) 2. Cyrillic languages (i.e. Ukrainian, Macedonian) -3. Bengali language +3. Bengali -Additionally, you can support content in following languages using [Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans) fonts family: +For additional language support, the [Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans) font family can be used for the following languages, - Azerbaijani, Nepali ([Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans)) - Arabic, Kurdish ([Noto Sans Arabic](https://fonts.google.com/noto/specimen/Noto+Sans+Arabic)) @@ -22,4 +22,4 @@ Additionally, you can support content in following languages using [Noto Sans](h - Khmer ([Noto Sans Khmer](https://fonts.google.com/noto/specimen/Noto+Sans+Khmer)) - Korean ([Noto Sans Korean](https://fonts.google.com/noto/specimen/Noto+Sans+KR)) -To add support for specific language make sure target page is using correct HTML lang attribute, i.e. `` for Japanese language, and follow instructions for embedding respective web font into the page header. +To support a specific language, make sure the target page uses the correct HTML lang attribute. For example, use `` for Japanese. Then, follow the instructions to embed the corresponding web font into the page's header. From f4cc7836083a174535ed8339e64af92731bfc1ec Mon Sep 17 00:00:00 2001 From: Caleb Luster Date: Mon, 21 Oct 2024 13:20:26 -0500 Subject: [PATCH 11/14] ran build --- docs/css/components/country-site-header.min.css | 2 +- docs/css/components/homepage-hero.min.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/css/components/country-site-header.min.css b/docs/css/components/country-site-header.min.css index 739f91c92..e11827c06 100644 --- a/docs/css/components/country-site-header.min.css +++ b/docs/css/components/country-site-header.min.css @@ -1 +1 @@ -.country-header .header .icon-globe,.country-header .header .icon-search{background-color:var(--undpds-color-blue-600);border:0;cursor:pointer;display:inline-flex;font-size:0;height:26px;margin-inline-end:var(--undpds-spacing-03);min-width:25px;padding:0;width:25px}@media(max-width:47.9375em){.country-header .header .icon-globe,.country-header .header .icon-search{margin-inline-end:0;-webkit-mask:inherit;mask:inherit}}.country-header .header .icon-globe:hover,.country-header .header .icon-search:hover{background-color:var(--undpds-color-blue-400)}.country-header .header .top-left .logo{background-image:none}.country-header .header{background-color:var(--undpds-color-gray-100);height:7.1875rem;left:0;top:0;width:100%;z-index:9}.country-header .header .top-left .logo img{min-width:60px;transition:all .4s cubic-bezier(.64,.05,.35,1.05)}@media(min-width:64em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-xlarge) + 7px)}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-xlarge)}}@media(max-width:63.9375em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-medium) + 7px);min-width:40px}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-medium)}}.country-header{height:7.1875rem}@media(max-width:63.9375em){.country-header{height:4.6875rem}}.country-header .header{background-color:#fafafa;box-shadow:0 3px 6px rgba(0,0,0,.1);height:unset;min-height:7.1875rem;position:fixed}@media(max-width:63.9375em){.country-header .header{min-height:4.6875rem}}.country-header .header .grid-container.fluid>.grid-margin-x{justify-content:space-between;margin-inline:-1.5rem}@media(max-width:47.9375em){.country-header .header .grid-container.fluid>.grid-margin-x{margin-inline:-.75rem}}.country-header .header .site-title{flex-shrink:0;font-size:1rem;line-height:1.142;margin-block-start:-.25rem;margin-inline-end:1.5rem;padding:.438rem 0}@media(max-width:63.9375em){.country-header .header .site-title{width:calc(100% - 64px)}}@media(min-width:90em){.country-header .header .site-title{font-size:1.25rem;margin-inline-end:auto;width:auto}}.country-header .header .site-title span:first-of-type:not(:last-of-type){border-bottom:1px solid #a9b1b7;display:inline-block;font-size:.75rem;margin:0;padding-block-end:1px}.country-header .header .site-title span:first-of-type:not(:last-of-type) a{color:#55606e}.country-header .header .site-title span{display:flex;margin-block-start:.3rem}.country-header .header .site-title span a{background:none;font-size:inherit}.country-header .header .top-left{align-items:center;display:flex;order:1}@media(min-width:64em){.country-header .header .top-left:not(.large-9){max-width:14rem;width:auto}}@media(max-width:63.9375em){.country-header .header .top-left:not(.large-9){width:auto}}.country-header .header .top-left.large-9 .site-title{margin-inline-end:1.5rem}.country-header .header .top-left.large-9 .menu{margin:0 auto}@media(max-width:63.9375em){.country-header .header .top-left.large-9 .menu{margin:0 auto}}.country-header .header .top-left .logo{align-items:flex-start;display:flex;height:7.1875rem;margin-inline-end:1.5rem;position:relative;z-index:2}@media(max-width:63.9375em){.country-header .header .top-left .logo{height:4.6875rem}}@media(max-width:47.9375em){.country-header .header .top-left .logo{margin-inline-end:.75rem}}.country-header .header .top-center{justify-content:center;order:2}.country-header .header .align-content-middle{align-items:center;display:flex;position:relative}.country-header .header .menu{align-items:stretch;align-self:stretch;display:flex;flex-grow:0;flex-shrink:1;margin:0;min-height:7.1875rem}@media(max-width:63.9375em){.country-header .header .menu{display:none}}@media(min-width:64em){.country-header .header .menu{margin:0}}@media(min-width:90em){.country-header .header .menu{margin:0}}.country-header .header .menu>ul{align-items:center;column-gap:0;display:flex;flex-direction:row;justify-content:space-evenly;margin:0 auto;padding-inline:0;position:relative}@media(min-width:90em){.country-header .header .menu>ul{column-gap:0}}.country-header .header .menu>ul>li{align-items:stretch;align-self:stretch;display:flex;justify-content:center;margin:0;padding-inline:0;word-break:keep-all}@media(min-width:90em){.country-header .header .menu>ul>li{margin:0}}.country-header .header .menu>ul>li:first-of-type{margin-inline-start:0}.country-header .header .menu>ul>li>a{align-items:center;display:flex;justify-content:center;padding:0 1.5rem;text-align:center;white-space:nowrap;width:100%}.country-header .header .menu.menu__overflow__container>ul{margin:0 auto}.country-header .header .top-right{align-items:center;display:flex;justify-content:flex-end;order:3}@media(min-width:64em){.country-header .header .top-right{flex:0 1 auto}}@media(min-width:90em){.country-header .header .top-right{box-sizing:border-box}.country-header .header .top-right>:last-child{margin-inline-end:4rem}}.country-header .header .dropdown-language{align-items:center;display:flex;justify-self:flex-end}@media(max-width:63.9375em){.country-header .header .dropdown-language{display:none}}.country-header .header .icon-search{margin-inline-start:1rem;-webkit-mask:url(../../images/search.svg) no-repeat left center;mask:url(../../images/search.svg) no-repeat left center}@media(max-width:47.9375em){.country-header .header .icon-search{background:transparent url(../../images/search.svg) no-repeat 0}}.country-header .header .icon-globe{margin-inline-start:1.75rem;-webkit-mask:url(../../images/globe.svg) no-repeat left center;mask:url(../../images/globe.svg) no-repeat left center}@media(max-width:63.9375em){.country-header .header .icon-globe{display:none}}.country-header .header .button{display:block;margin-inline-start:1rem}@media(max-width:63.9375em){.country-header .header .button{display:none}}.country-header .header .menu,.country-header .header .site-title,.country-header .header .top-right{transition:opacity .3s ease}.country-header.country-load-animation .header .top-left .logo{left:50%;position:fixed;top:0;transform:translateX(-50%);transition:all .7s ease}.country-header.country-load-animation .menu,.country-header.country-load-animation .site-title,.country-header.country-load-animation .top-right{opacity:0}.country-header.run-animation .header .top-left .logo{inset-inline-start:.75rem;position:fixed;transform:translateX(0)}.country-header.show-content .menu,.country-header.show-content .site-title,.country-header.show-content .top-right{opacity:1}[dir=rtl] .country-header .top-left .logo{margin-right:0}[dir=rtl] .country-header .top-left .logo img{margin-left:1.5rem;margin-right:0}[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:1.5rem}@media(min-width:90em){[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:2rem}[dir=rtl] .country-header .top-right{padding-inline:0}}[dir=rtl] .country-header .menu>ul,[dir=rtl] .country-header .menu>ul>li{padding-inline:0} \ No newline at end of file +.country-header .header .icon-globe,.country-header .header .icon-search{background-color:var(--undpds-color-blue-600);border:0;cursor:pointer;display:inline-flex;font-size:0;height:26px;margin-inline-end:var(--undpds-spacing-03);min-width:25px;padding:0;width:25px}@media(max-width:47.9375em){.country-header .header .icon-globe,.country-header .header .icon-search{margin-inline-end:0;-webkit-mask:inherit;mask:inherit}}.country-header .header .icon-globe:hover,.country-header .header .icon-search:hover{background-color:var(--undpds-color-blue-400)}.country-header .header .top-left .logo{background-image:none}.country-header .header{background-color:var(--undpds-color-gray-100);height:7.1875rem;left:0;top:0;width:100%;z-index:9}.country-header .header .top-left .logo img{min-width:60px;transition:all .4s cubic-bezier(.64,.05,.35,1.05)}@media(min-width:64em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-xlarge) + 7px)}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-xlarge)}}@media(max-width:63.9375em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-medium) + 7px);min-width:40px}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-medium)}}.country-header{height:7.1875rem}@media(max-width:63.9375em){.country-header{height:4.6875rem}}.country-header .header{background-color:#fafafa;box-shadow:0 3px 6px rgba(0,0,0,.1);height:unset;min-height:7.1875rem;position:fixed}@media(max-width:63.9375em){.country-header .header{min-height:4.6875rem}}.country-header .header .grid-container.fluid>.grid-margin-x{justify-content:space-between}@media(max-width:47.9375em){.country-header .header .grid-container.fluid>.grid-margin-x{margin-inline:-.75rem}}.country-header .header .site-title{flex-shrink:0;font-size:1rem;line-height:1.142;margin-block-start:-.25rem;margin-inline-end:1.5rem;padding:.438rem 0}@media(max-width:63.9375em){.country-header .header .site-title{width:calc(100% - 64px)}}@media(min-width:90em){.country-header .header .site-title{font-size:1.25rem;margin-inline-end:auto;width:auto}}.country-header .header .site-title span:first-of-type:not(:last-of-type){border-bottom:1px solid #a9b1b7;display:inline-block;font-size:.75rem;margin:0;padding-block-end:1px}.country-header .header .site-title span:first-of-type:not(:last-of-type) a{color:#55606e}.country-header .header .site-title span{display:flex;margin-block-start:.3rem}.country-header .header .site-title span a{background:none;font-size:inherit}.country-header .header .top-left{align-items:center;display:flex;order:1}@media(min-width:64em){.country-header .header .top-left:not(.large-9){max-width:14rem;width:auto}}@media(max-width:63.9375em){.country-header .header .top-left:not(.large-9){width:auto}}.country-header .header .top-left.large-9 .site-title{margin-inline-end:1.5rem}.country-header .header .top-left.large-9 .menu{margin:0 auto}@media(max-width:63.9375em){.country-header .header .top-left.large-9 .menu{margin:0 auto}}.country-header .header .top-left .logo{align-items:flex-start;display:flex;height:7.1875rem;margin-inline-end:1.5rem;position:relative;z-index:2}@media(max-width:63.9375em){.country-header .header .top-left .logo{height:4.6875rem}}@media(max-width:47.9375em){.country-header .header .top-left .logo{margin-inline-end:.75rem}}.country-header .header .top-center{justify-content:center;order:2}.country-header .header .align-content-middle{align-items:center;display:flex;position:relative}.country-header .header .menu{align-items:stretch;align-self:stretch;display:flex;flex-grow:0;flex-shrink:1;margin:0;min-height:7.1875rem}@media(max-width:63.9375em){.country-header .header .menu{display:none}}@media(min-width:64em){.country-header .header .menu{margin:0}}@media(min-width:90em){.country-header .header .menu{margin:0}}.country-header .header .menu>ul{align-items:center;column-gap:0;display:flex;flex-direction:row;justify-content:space-evenly;margin:0 auto;padding-inline:0;position:relative}@media(min-width:90em){.country-header .header .menu>ul{column-gap:0}}.country-header .header .menu>ul>li{align-items:stretch;align-self:stretch;display:flex;justify-content:center;margin:0;padding-inline:0;word-break:keep-all}@media(min-width:90em){.country-header .header .menu>ul>li{margin:0}}.country-header .header .menu>ul>li:first-of-type{margin-inline-start:0}.country-header .header .menu>ul>li>a{align-items:center;display:flex;justify-content:center;padding:0 1.5rem;text-align:center;white-space:nowrap;width:100%}.country-header .header .menu.menu__overflow__container>ul{margin:0 auto}.country-header .header .top-right{align-items:center;display:flex;justify-content:flex-end;order:3}@media(min-width:64em){.country-header .header .top-right{flex:0 1 auto}}@media(min-width:90em){.country-header .header .top-right{box-sizing:border-box}.country-header .header .top-right>:last-child{margin-inline-end:4rem}}.country-header .header .dropdown-language{align-items:center;display:flex;justify-self:flex-end}@media(max-width:63.9375em){.country-header .header .dropdown-language{display:none}}.country-header .header .icon-search{margin-inline-start:1rem;-webkit-mask:url(../../images/search.svg) no-repeat left center;mask:url(../../images/search.svg) no-repeat left center}@media(max-width:47.9375em){.country-header .header .icon-search{background:transparent url(../../images/search.svg) no-repeat 0}}.country-header .header .icon-globe{margin-inline-start:1.75rem;-webkit-mask:url(../../images/globe.svg) no-repeat left center;mask:url(../../images/globe.svg) no-repeat left center}@media(max-width:63.9375em){.country-header .header .icon-globe{display:none}}.country-header .header .button{display:block;margin-inline-start:1rem}@media(max-width:63.9375em){.country-header .header .button{display:none}}.country-header .header .menu,.country-header .header .site-title,.country-header .header .top-right{transition:opacity .3s ease}.country-header.country-load-animation .header .top-left .logo{left:50%;position:fixed;top:0;transform:translateX(-50%);transition:all .7s ease}.country-header.country-load-animation .menu,.country-header.country-load-animation .site-title,.country-header.country-load-animation .top-right{opacity:0}.country-header.run-animation .header .top-left .logo{inset-inline-start:.75rem;position:fixed;transform:translateX(0)}.country-header.show-content .menu,.country-header.show-content .site-title,.country-header.show-content .top-right{opacity:1}[dir=rtl] .country-header .top-left .logo{margin-right:0}[dir=rtl] .country-header .top-left .logo img{margin-left:1.5rem;margin-right:0}[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:1.5rem}@media(min-width:90em){[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:2rem}[dir=rtl] .country-header .top-right{padding-inline:0}}[dir=rtl] .country-header .menu>ul,[dir=rtl] .country-header .menu>ul>li{padding-inline:0} \ No newline at end of file diff --git a/docs/css/components/homepage-hero.min.css b/docs/css/components/homepage-hero.min.css index f2ffe09a5..01b97902f 100644 --- a/docs/css/components/homepage-hero.min.css +++ b/docs/css/components/homepage-hero.min.css @@ -1 +1 @@ -.homepage-hero-full img,.homepage-hero-full video,.homepage-hero-image img,.homepage-hero-image video{height:100%;object-fit:cover;padding:0;width:100%}.homepage-hero-full .overlay-grey,.homepage-hero-full video{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.homepage-hero-full{margin:0 auto;max-width:100%;position:relative;transition:max-width .5s ease}.homepage-hero-full h1{margin-bottom:2.5rem}.homepage-hero-full h4{margin-bottom:0;padding-bottom:4rem}.homepage-hero-full .button{margin-bottom:1.5rem}@media(min-width:48em){.homepage-hero-full .button{margin-bottom:10.188rem}}@media(max-width:47.9375em){.homepage-hero-full .button{margin-top:4rem}.homepage-hero-content{padding:0 1.5rem}}.homepage-hero-content>div{padding-top:10.438rem;position:relative}@media(min-width:48em){.homepage-hero-content>div{padding-top:13.688rem}.homepage-hero-tall-content,.homepage-hero-wide-content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center}}.homepage-hero-tall{word-break:break-word}.homepage-hero-tall-content h1{margin-bottom:1rem}@media(min-width:48em){.homepage-hero-tall-content h1{margin-bottom:2.5rem}}.homepage-hero-tall-content h4{margin-bottom:2rem}@media(min-width:48em){.homepage-hero-tall-content h4{margin-bottom:4rem}}.homepage-hero-image{width:100%}@media(max-width:47.9375em){.homepage-hero-image{margin-bottom:2rem;padding-bottom:100%;position:relative;width:100%}}@media(min-width:48em){.homepage-hero-image{height:100%}}.homepage-hero-image picture{display:initial}@media(max-width:47.9375em){.homepage-hero-image img,.homepage-hero-image video{position:absolute}}.homepage-hero-wide{position:relative}@media(min-width:48em){.homepage-hero-wide{border-left:3rem solid #edeff0}}.homepage-hero-wide-content{justify-content:space-between}.homepage-hero-wide h1{margin-bottom:1rem}@media(min-width:48em){.homepage-hero-wide h1{margin-bottom:5rem;padding-top:4.688rem}}.homepage-hero-wide h3{margin-bottom:1.5rem}.homepage-hero-wide h3+h1{padding-top:0}.homepage-hero-wide h5{margin-bottom:2rem}@media(min-width:48em){.homepage-hero-wide h5{margin-bottom:7.75rem;padding-right:1.625rem}[dir=rtl] .homepage-hero-tall-content{padding-left:1.375rem;padding-right:0}[dir=rtl] .homepage-hero-wide{border-left:0;border-right:3rem solid #edeff0}[dir=rtl] .homepage-hero-wide h5{padding-left:1.625rem;padding-right:0}} \ No newline at end of file +.homepage-hero-full img,.homepage-hero-full video,.homepage-hero-image img,.homepage-hero-image video{height:100%;object-fit:cover;padding:0;width:100%}.homepage-hero-full .overlay-grey,.homepage-hero-full video{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.homepage-hero-full{margin:0 auto;max-width:100%;position:relative;transition:max-width .5s ease}.homepage-hero-full h1{margin-bottom:2.5rem}.homepage-hero-full h4{margin-bottom:0;padding-bottom:4rem}.homepage-hero-full .button{margin-bottom:1.5rem}@media(min-width:48em){.homepage-hero-full .button{margin-bottom:10.188rem}}@media(max-width:47.9375em){.homepage-hero-full .button{margin-top:4rem}.homepage-hero-content{padding:0 1.5rem}}.homepage-hero-content>div{padding-top:10.438rem;position:relative}@media(min-width:48em){.homepage-hero-content>div{padding-top:13.688rem}.homepage-hero-tall-content,.homepage-hero-wide-content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center}}.homepage-hero-tall{word-break:break-word}.homepage-hero-tall-content h1{margin-bottom:1rem}@media(min-width:48em){.homepage-hero-tall-content h1{margin-bottom:2.5rem}}.homepage-hero-tall-content h4{margin-bottom:2rem}@media(min-width:48em){.homepage-hero-tall-content h4{margin-bottom:4rem}}.homepage-hero-image{width:100%}@media(max-width:47.9375em){.homepage-hero-image{margin-bottom:2rem;padding-bottom:100%;position:relative;width:100%}}@media(min-width:48em){.homepage-hero-image{height:100%}}.homepage-hero-image picture{display:initial}@media(max-width:47.9375em){.homepage-hero-image img,.homepage-hero-image video{position:absolute}}.homepage-hero-wide{position:relative}@media(min-width:48em){.homepage-hero-wide{border-left:3rem solid #edeff0}}.homepage-hero-wide-content{justify-content:space-between}.homepage-hero-wide h1{margin-bottom:1rem}@media(min-width:48em){.homepage-hero-wide h1{margin-bottom:5rem;padding-top:4.688rem}}.homepage-hero-wide h3{margin-bottom:1.5rem}.homepage-hero-wide h3+h1{padding-top:0}.homepage-hero-wide h5{margin-bottom:2rem}@media(min-width:48em){.homepage-hero-wide h5{margin-bottom:7.75rem;padding-right:1.625rem}[dir=rtl] .homepage-hero-tall-content{padding-left:1.375rem;padding-right:0}[dir=rtl] .homepage-hero-wide{border-left:0;border-right:3rem solid #edeff0}[dir=rtl] .homepage-hero-wide h5{padding-left:1.625rem;padding-right:0}}.show-small-button{padding-bottom:2rem} \ No newline at end of file From 919a6df9e55f85f8925d2f3814dd75f94ff37f5e Mon Sep 17 00:00:00 2001 From: Caleb Luster Date: Mon, 21 Oct 2024 13:21:47 -0500 Subject: [PATCH 12/14] ran build --- docs/css/components/footer.min.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/css/components/footer.min.css b/docs/css/components/footer.min.css index 43c5977d1..a1baf35a6 100644 --- a/docs/css/components/footer.min.css +++ b/docs/css/components/footer.min.css @@ -1 +1 @@ -.footer-icons li a{border:none}.footer-head,.footer-top{align-items:center;border-bottom:1px solid var(--undpds-color-white);justify-content:space-between;margin-bottom:var(--undpds-spacing-07)}.footer-icons li a,.footer-links li a,.footer-lists li a,.footer-panel a{background-image:none}.footer-icons li a{animation:none}.footer-links li a,.footer-lists li a,.footer-panel a{color:var(--undpds-color-white);font-size:var(--undpds-font-size-16);line-height:1.4}.footer-links li a:hover,.footer-lists li a:hover,.footer-panel a:hover{color:var(--undpds-color-blue-100)}.footer-item.inverted .footer-panel a,.footer-links.inverted a,.footer-lists.inverted a{color:var(--undpds-color-black)}.footer-item.inverted .footer-panel a:hover,.footer-links.inverted a:hover,.footer-lists.inverted a:hover{color:var(--undpds-color-gray-600)}@media(min-width:48em){.footer-items{display:flex;row-gap:3rem}.footer-items .footer-item{flex:0 0 calc(50% - 1.5rem);width:calc(50% - 1.5rem)}}@media(min-width:64em){.footer-items .footer-item{flex:0 0 calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}}@media(min-width:90em){.footer-items .footer-item{flex:0 0 calc(25% - 1.5rem);width:calc(25% - 1.5rem)}}.footer-links{padding-left:0}.footer-links li{list-style:none;margin-bottom:var(--undpds-spacing-04);padding:0;text-align:left}@media(min-width:48em){.footer-links li{text-align:right}}[dir=rtl] .footer-links{padding-right:0}[dir=rtl] .footer-links li{padding:0;text-align:right}@media(min-width:48em){[dir=rtl] .footer-links li{text-align:left}}:lang(my) .footer-links li a{line-height:1.9}.footer-lists{padding-left:0}@media(min-width:48em){.footer-lists{max-width:690px;text-align:right}}@media(max-width:47.9375em){.footer-lists{margin:0 var(--undpds-spacing-05) var(--undpds-spacing-07)}}.footer-lists li{list-style:none;margin-bottom:var(--undpds-spacing-04);padding-left:0}@media(min-width:48em){.footer-lists li{display:inline-flex;margin-bottom:1.125rem;margin-left:2.25rem}}[dir=rtl] .footer-lists{padding-right:0}@media(min-width:48em){[dir=rtl] .footer-lists{text-align:left}}[dir=rtl] .footer-lists li{padding-right:0}@media(min-width:48em){[dir=rtl] .footer-lists li{margin-left:0;margin-right:2.25rem}}:lang(my) .footer-lists li a{line-height:1.9}.footer-icons{display:flex;flex-wrap:wrap;padding-left:0}.footer-icons li{list-style:none;margin-bottom:1rem;padding:0}.footer-icons li a{display:block;font-size:0;height:20px;margin-block-end:var(--undpds-spacing-05);margin-inline-start:var(--undpds-spacing-07);width:20px}.footer-icons li a.facebook{background:url(../../images/facebook-white.svg) no-repeat bottom}.footer-icons li a.instagram{background:url(../../images/instagram-white.svg) no-repeat bottom}.footer-icons li a.linkedin{background:url(../../images/linkedin-white.svg) no-repeat bottom}.footer-icons li a.twitter{background:url(../../images/twitter-white.svg) no-repeat bottom}.footer-icons li a.twitter-x{background:url(../../images/twitter-x-white.svg) no-repeat bottom}.footer-icons li a.youtube{background:url(../../images/youtube-white.svg) no-repeat bottom}.footer-icons.inverted li a.facebook{background:url(../../images/facebook.svg) no-repeat bottom}.footer-icons.inverted li a.instagram{background:url(../../images/instagram.svg) no-repeat bottom}.footer-icons.inverted li a.linkedin{background:url(../../images/linkedin.svg) no-repeat bottom}.footer-icons.inverted li a.twitter{background:url(../../images/twitter.svg) no-repeat bottom}.footer-icons.inverted li a.twitter-x{background:url(../../images/twitter-x.svg) no-repeat bottom}.footer-icons.inverted li a.youtube{background:url(../../images/youtube.svg) no-repeat bottom}[dir=rtl] .footer-icons{padding-right:0}.footer-item{position:relative}@media(max-width:47.9375em){.footer-item:after{border-bottom:2px solid var(--undpds-color-gray-400);content:"";position:absolute;width:calc(100% - 1.3rem)}}.footer-item.inverted .footer-heading{color:var(--undpds-color-black)}.footer-item.inverted .footer-heading:before{background:url(../../images/chevron-down.svg) no-repeat 50%}.footer-heading{background:transparent;border:0;color:var(--undpds-color-white);display:block;font-size:var(--undpds-font-size-16);font-weight:700;letter-spacing:.03rem;line-height:1.15;padding:var(--undpds-spacing-05);position:relative;text-align:left;text-transform:uppercase;width:100%}@media(min-width:48em){.footer-heading{margin-bottom:1.25rem;padding:0;pointer-events:none}}.footer-heading:before{background:url(../../images/chevron-down-white.svg) no-repeat 50%;content:"";display:block;float:right;height:20px;transition:.1s ease;width:20px}@media(min-width:48em){.footer-heading:before{display:none}}.footer-heading.active:before{transform:rotate(180deg)}.footer-panel{display:none;padding:0 var(--undpds-spacing-05) var(--undpds-spacing-03)}@media(min-width:48em){.footer-panel{display:block;padding:0}}.footer-panel a{display:block;margin-bottom:var(--undpds-spacing-05)}[dir=rtl] .footer-heading{text-align:right}[dir=rtl] .footer-heading:before{float:left}:lang(my) .footer-panel a{line-height:1.9}.footer-logo{align-items:center;display:flex}.footer-logo a{background:none}.footer-logo h5{color:var(--undpds-color-white);margin:0 var(--undpds-spacing-05)}.footer-logo.inverted h5{color:var(--undpds-color-black)}.footer{background-color:var(--undpds-color-gray-100);background-color:var(--undpds-color-blue-600);color:var(--undpds-color-white);padding:var(--undpds-spacing-09) var(--undpds-spacing-04) var(--undpds-spacing-08)}@media(min-width:48em){.footer{padding:3.25rem 0 var(--undpds-spacing-09)}}@media(max-width:47.9375em){.footer .sign-up{margin-top:var(--undpds-spacing-06)}}.footer p{font-size:var(--undpds-font-size-14);margin:0}@media(min-width:48em){.footer p{font-size:var(--undpds-font-size-16)}}.footer-head{margin-bottom:1.188rem;padding-bottom:var(--undpds-spacing-09)}@media(min-width:48em){.footer-head{margin-bottom:var(--undpds-spacing-09)}}.footer-top{padding-bottom:var(--undpds-spacing-07)}@media(min-width:48em){.footer-top{margin-bottom:var(--undpds-spacing-07);padding-bottom:var(--undpds-spacing-09)}}.footer-bottom{justify-content:space-between}@media(max-width:47.9375em){.footer-bottom{flex-direction:column-reverse}.footer-bottom p{margin:0 var(--undpds-spacing-05) 0}}.footer-copyright{margin:0 var(--undpds-spacing-05)}@media(min-width:48em){.footer-copyright{margin:var(--undpds-spacing-11) 0 0}}.footer-links{margin:var(--undpds-spacing-07) var(--undpds-spacing-05)}@media(min-width:48em){.footer-links{margin:0 0 var(--undpds-spacing-07) 0}}.footer-links_text{margin:0 var(--undpds-spacing-05) var(--undpds-spacing-07)}@media(min-width:48em){.footer-links_text{margin:0 0 var(--undpds-spacing-07) 0}}.footer .footer-icons{margin:0 1.25rem var(--undpds-spacing-07)}@media(min-width:48em){.footer .footer-icons{justify-content:flex-end;margin:0}}.footer.inverted{background-color:var(--undpds-color-gray-100);color:var(--undpds-color-black)}.footer.inverted .footer-head,.footer.inverted .footer-top{border-color:var(--undpds-color-gray-700)}.icons-search{margin:var(--undpds-spacing-07) var(--undpds-spacing-05) 0;text-align:left}@media(min-width:48em){.icons-search{margin:0 0 var(--undpds-spacing-07) 0;text-align:right}}.icons-search span{display:inline-flex}.icons-search .icon-globe{margin-right:var(--undpds-spacing-05)}[dir=rtl] .icons-search{text-align:right}@media(min-width:48em){[dir=rtl] .icons-search{text-align:left}}[dir=rtl] .icons-search .icon-globe{margin-left:var(--undpds-spacing-05);margin-right:0} \ No newline at end of file +.footer-icons li a{border:none}.footer-head,.footer-top{align-items:center;border-bottom:1px solid var(--undpds-color-white);justify-content:space-between;margin-bottom:var(--undpds-spacing-07)}.footer-icons li a,.footer-links li a,.footer-lists li a,.footer-panel a{background-image:none}.footer-icons li a{animation:none}.footer-links li a,.footer-lists li a,.footer-panel a{color:var(--undpds-color-white);font-size:var(--undpds-font-size-16);line-height:1.4}.footer-links li a:hover,.footer-lists li a:hover,.footer-panel a:hover{color:var(--undpds-color-blue-100)}.footer-item.inverted .footer-panel a,.footer-links.inverted a,.footer-lists.inverted a{color:var(--undpds-color-black)}.footer-item.inverted .footer-panel a:hover,.footer-links.inverted a:hover,.footer-lists.inverted a:hover{color:var(--undpds-color-gray-600)}@media(min-width:48em){.footer-items{display:flex;row-gap:3rem}.footer-items .footer-item{flex:0 0 calc(50% - 1.5rem);width:calc(50% - 1.5rem)}}@media(min-width:64em){.footer-items .footer-item{flex:0 0 calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}}@media(min-width:90em){.footer-items .footer-item{flex:0 0 calc(25% - 1.5rem);width:calc(25% - 1.5rem)}}.footer-links{padding-left:0}.footer-links li{list-style:none;margin-bottom:var(--undpds-spacing-04);padding:0;text-align:left}@media(min-width:48em){.footer-links li{text-align:right}}[dir=rtl] .footer-links{padding-right:0}[dir=rtl] .footer-links li{padding:0;text-align:right}@media(min-width:48em){[dir=rtl] .footer-links li{text-align:left}}:lang(my) .footer-links li a{line-height:1.9}.footer-lists{padding-left:0}@media(min-width:48em){.footer-lists{text-align:right}}@media(max-width:47.9375em){.footer-lists{margin:0 var(--undpds-spacing-05) var(--undpds-spacing-07)}}.footer-lists li{list-style:none;margin-bottom:var(--undpds-spacing-04);padding-left:0}@media(min-width:48em){.footer-lists li{display:inline-flex;margin-bottom:1.125rem;margin-left:2.25rem}}[dir=rtl] .footer-lists{padding-right:0}@media(min-width:48em){[dir=rtl] .footer-lists{text-align:left}}[dir=rtl] .footer-lists li{padding-right:0}@media(min-width:48em){[dir=rtl] .footer-lists li{margin-left:0;margin-right:2.25rem}}:lang(my) .footer-lists li a{line-height:1.9}.footer-icons{display:flex;flex-wrap:wrap;padding-left:0}.footer-icons li{list-style:none;margin-bottom:1rem;padding:0}.footer-icons li a{display:block;font-size:0;height:20px;margin-block-end:var(--undpds-spacing-05);margin-inline-start:var(--undpds-spacing-07);width:20px}.footer-icons li a.facebook{background:url(../../images/facebook-white.svg) no-repeat bottom}.footer-icons li a.instagram{background:url(../../images/instagram-white.svg) no-repeat bottom}.footer-icons li a.linkedin{background:url(../../images/linkedin-white.svg) no-repeat bottom}.footer-icons li a.twitter{background:url(../../images/twitter-white.svg) no-repeat bottom}.footer-icons li a.twitter-x{background:url(../../images/twitter-x-white.svg) no-repeat bottom}.footer-icons li a.youtube{background:url(../../images/youtube-white.svg) no-repeat bottom}.footer-icons.inverted li a.facebook{background:url(../../images/facebook.svg) no-repeat bottom}.footer-icons.inverted li a.instagram{background:url(../../images/instagram.svg) no-repeat bottom}.footer-icons.inverted li a.linkedin{background:url(../../images/linkedin.svg) no-repeat bottom}.footer-icons.inverted li a.twitter{background:url(../../images/twitter.svg) no-repeat bottom}.footer-icons.inverted li a.twitter-x{background:url(../../images/twitter-x.svg) no-repeat bottom}.footer-icons.inverted li a.youtube{background:url(../../images/youtube.svg) no-repeat bottom}[dir=rtl] .footer-icons{padding-right:0}.footer-item{position:relative}@media(max-width:47.9375em){.footer-item:after{border-bottom:2px solid var(--undpds-color-gray-400);content:"";position:absolute;width:calc(100% - 1.3rem)}}.footer-item.inverted .footer-heading{color:var(--undpds-color-black)}.footer-item.inverted .footer-heading:before{background:url(../../images/chevron-down.svg) no-repeat 50%}.footer-heading{background:transparent;border:0;color:var(--undpds-color-white);display:block;font-size:var(--undpds-font-size-16);font-weight:700;letter-spacing:.03rem;line-height:1.15;padding:var(--undpds-spacing-05);position:relative;text-align:left;text-transform:uppercase;width:100%}@media(min-width:48em){.footer-heading{margin-bottom:1.25rem;padding:0;pointer-events:none}}.footer-heading:before{background:url(../../images/chevron-down-white.svg) no-repeat 50%;content:"";display:block;float:right;height:20px;transition:.1s ease;width:20px}@media(min-width:48em){.footer-heading:before{display:none}}.footer-heading.active:before{transform:rotate(180deg)}.footer-panel{display:none;padding:0 var(--undpds-spacing-05) var(--undpds-spacing-03)}@media(min-width:48em){.footer-panel{display:block;padding:0}}.footer-panel a{display:block;margin-bottom:var(--undpds-spacing-05)}[dir=rtl] .footer-heading{text-align:right}[dir=rtl] .footer-heading:before{float:left}:lang(my) .footer-panel a{line-height:1.9}.footer-logo{align-items:center;display:flex}.footer-logo a{background:none}.footer-logo h5{color:var(--undpds-color-white);margin:0 var(--undpds-spacing-05)}.footer-logo.inverted h5{color:var(--undpds-color-black)}.footer{background-color:var(--undpds-color-gray-100);background-color:var(--undpds-color-blue-600);color:var(--undpds-color-white);padding:var(--undpds-spacing-09) var(--undpds-spacing-04) var(--undpds-spacing-08)}@media(min-width:48em){.footer{padding:3.25rem 0 var(--undpds-spacing-09)}}@media(max-width:47.9375em){.footer .sign-up{margin-top:var(--undpds-spacing-06)}}.footer p{font-size:var(--undpds-font-size-14);margin:0}@media(min-width:48em){.footer p{font-size:var(--undpds-font-size-16)}}.footer-head{margin-bottom:1.188rem;padding-bottom:var(--undpds-spacing-09)}@media(min-width:48em){.footer-head{margin-bottom:var(--undpds-spacing-09)}}.footer-top{padding-bottom:var(--undpds-spacing-07)}@media(min-width:48em){.footer-top{margin-bottom:var(--undpds-spacing-07);padding-bottom:var(--undpds-spacing-09)}}.footer-bottom{justify-content:space-between}@media(max-width:47.9375em){.footer-bottom{flex-direction:column-reverse}.footer-bottom p{margin:0 var(--undpds-spacing-05) 0}}.footer-copyright{margin:0 var(--undpds-spacing-05)}@media(min-width:48em){.footer-copyright{margin:var(--undpds-spacing-11) 0 0}}.footer-links{margin:var(--undpds-spacing-07) var(--undpds-spacing-05)}@media(min-width:48em){.footer-links{margin:0 0 var(--undpds-spacing-07) 0}}.footer-links_text{margin:0 var(--undpds-spacing-05) var(--undpds-spacing-07)}@media(min-width:48em){.footer-links_text{margin:0 0 var(--undpds-spacing-07) 0}}.footer .footer-icons{margin:0 1.25rem var(--undpds-spacing-07)}@media(min-width:48em){.footer .footer-icons{justify-content:flex-end;margin:0}}.footer.inverted{background-color:var(--undpds-color-gray-100);color:var(--undpds-color-black)}.footer.inverted .footer-head,.footer.inverted .footer-top{border-color:var(--undpds-color-gray-700)}.icons-search{margin:var(--undpds-spacing-07) var(--undpds-spacing-05) 0;text-align:left}@media(min-width:48em){.icons-search{margin:0 0 var(--undpds-spacing-07) 0;text-align:right}}.icons-search span{display:inline-flex}.icons-search .icon-globe{margin-right:var(--undpds-spacing-05)}[dir=rtl] .icons-search{text-align:right}@media(min-width:48em){[dir=rtl] .icons-search{text-align:left}}[dir=rtl] .icons-search .icon-globe{margin-left:var(--undpds-spacing-05);margin-right:0} \ No newline at end of file From 0ca4b0111413d26856d16edd32f433e381a381b6 Mon Sep 17 00:00:00 2001 From: Caleb Luster Date: Mon, 21 Oct 2024 13:24:25 -0500 Subject: [PATCH 13/14] ran buid --- docs/css/components/country-site-header.min.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/css/components/country-site-header.min.css b/docs/css/components/country-site-header.min.css index 739f91c92..cfe433540 100644 --- a/docs/css/components/country-site-header.min.css +++ b/docs/css/components/country-site-header.min.css @@ -1 +1 @@ -.country-header .header .icon-globe,.country-header .header .icon-search{background-color:var(--undpds-color-blue-600);border:0;cursor:pointer;display:inline-flex;font-size:0;height:26px;margin-inline-end:var(--undpds-spacing-03);min-width:25px;padding:0;width:25px}@media(max-width:47.9375em){.country-header .header .icon-globe,.country-header .header .icon-search{margin-inline-end:0;-webkit-mask:inherit;mask:inherit}}.country-header .header .icon-globe:hover,.country-header .header .icon-search:hover{background-color:var(--undpds-color-blue-400)}.country-header .header .top-left .logo{background-image:none}.country-header .header{background-color:var(--undpds-color-gray-100);height:7.1875rem;left:0;top:0;width:100%;z-index:9}.country-header .header .top-left .logo img{min-width:60px;transition:all .4s cubic-bezier(.64,.05,.35,1.05)}@media(min-width:64em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-xlarge) + 7px)}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-xlarge)}}@media(max-width:63.9375em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-medium) + 7px);min-width:40px}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-medium)}}.country-header{height:7.1875rem}@media(max-width:63.9375em){.country-header{height:4.6875rem}}.country-header .header{background-color:#fafafa;box-shadow:0 3px 6px rgba(0,0,0,.1);height:unset;min-height:7.1875rem;position:fixed}@media(max-width:63.9375em){.country-header .header{min-height:4.6875rem}}.country-header .header .grid-container.fluid>.grid-margin-x{justify-content:space-between;margin-inline:-1.5rem}@media(max-width:47.9375em){.country-header .header .grid-container.fluid>.grid-margin-x{margin-inline:-.75rem}}.country-header .header .site-title{flex-shrink:0;font-size:1rem;line-height:1.142;margin-block-start:-.25rem;margin-inline-end:1.5rem;padding:.438rem 0}@media(max-width:63.9375em){.country-header .header .site-title{width:calc(100% - 64px)}}@media(min-width:90em){.country-header .header .site-title{font-size:1.25rem;margin-inline-end:auto;width:auto}}.country-header .header .site-title span:first-of-type:not(:last-of-type){border-bottom:1px solid #a9b1b7;display:inline-block;font-size:.75rem;margin:0;padding-block-end:1px}.country-header .header .site-title span:first-of-type:not(:last-of-type) a{color:#55606e}.country-header .header .site-title span{display:flex;margin-block-start:.3rem}.country-header .header .site-title span a{background:none;font-size:inherit}.country-header .header .top-left{align-items:center;display:flex;order:1}@media(min-width:64em){.country-header .header .top-left:not(.large-9){max-width:14rem;width:auto}}@media(max-width:63.9375em){.country-header .header .top-left:not(.large-9){width:auto}}.country-header .header .top-left.large-9 .site-title{margin-inline-end:1.5rem}.country-header .header .top-left.large-9 .menu{margin:0 auto}@media(max-width:63.9375em){.country-header .header .top-left.large-9 .menu{margin:0 auto}}.country-header .header .top-left .logo{align-items:flex-start;display:flex;height:7.1875rem;margin-inline-end:1.5rem;position:relative;z-index:2}@media(max-width:63.9375em){.country-header .header .top-left .logo{height:4.6875rem}}@media(max-width:47.9375em){.country-header .header .top-left .logo{margin-inline-end:.75rem}}.country-header .header .top-center{justify-content:center;order:2}.country-header .header .align-content-middle{align-items:center;display:flex;position:relative}.country-header .header .menu{align-items:stretch;align-self:stretch;display:flex;flex-grow:0;flex-shrink:1;margin:0;min-height:7.1875rem}@media(max-width:63.9375em){.country-header .header .menu{display:none}}@media(min-width:64em){.country-header .header .menu{margin:0}}@media(min-width:90em){.country-header .header .menu{margin:0}}.country-header .header .menu>ul{align-items:center;column-gap:0;display:flex;flex-direction:row;justify-content:space-evenly;margin:0 auto;padding-inline:0;position:relative}@media(min-width:90em){.country-header .header .menu>ul{column-gap:0}}.country-header .header .menu>ul>li{align-items:stretch;align-self:stretch;display:flex;justify-content:center;margin:0;padding-inline:0;word-break:keep-all}@media(min-width:90em){.country-header .header .menu>ul>li{margin:0}}.country-header .header .menu>ul>li:first-of-type{margin-inline-start:0}.country-header .header .menu>ul>li>a{align-items:center;display:flex;justify-content:center;padding:0 1.5rem;text-align:center;white-space:nowrap;width:100%}.country-header .header .menu.menu__overflow__container>ul{margin:0 auto}.country-header .header .top-right{align-items:center;display:flex;justify-content:flex-end;order:3}@media(min-width:64em){.country-header .header .top-right{flex:0 1 auto}}@media(min-width:90em){.country-header .header .top-right{box-sizing:border-box}.country-header .header .top-right>:last-child{margin-inline-end:4rem}}.country-header .header .dropdown-language{align-items:center;display:flex;justify-self:flex-end}@media(max-width:63.9375em){.country-header .header .dropdown-language{display:none}}.country-header .header .icon-search{margin-inline-start:1rem;-webkit-mask:url(../../images/search.svg) no-repeat left center;mask:url(../../images/search.svg) no-repeat left center}@media(max-width:47.9375em){.country-header .header .icon-search{background:transparent url(../../images/search.svg) no-repeat 0}}.country-header .header .icon-globe{margin-inline-start:1.75rem;-webkit-mask:url(../../images/globe.svg) no-repeat left center;mask:url(../../images/globe.svg) no-repeat left center}@media(max-width:63.9375em){.country-header .header .icon-globe{display:none}}.country-header .header .button{display:block;margin-inline-start:1rem}@media(max-width:63.9375em){.country-header .header .button{display:none}}.country-header .header .menu,.country-header .header .site-title,.country-header .header .top-right{transition:opacity .3s ease}.country-header.country-load-animation .header .top-left .logo{left:50%;position:fixed;top:0;transform:translateX(-50%);transition:all .7s ease}.country-header.country-load-animation .menu,.country-header.country-load-animation .site-title,.country-header.country-load-animation .top-right{opacity:0}.country-header.run-animation .header .top-left .logo{inset-inline-start:.75rem;position:fixed;transform:translateX(0)}.country-header.show-content .menu,.country-header.show-content .site-title,.country-header.show-content .top-right{opacity:1}[dir=rtl] .country-header .top-left .logo{margin-right:0}[dir=rtl] .country-header .top-left .logo img{margin-left:1.5rem;margin-right:0}[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:1.5rem}@media(min-width:90em){[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:2rem}[dir=rtl] .country-header .top-right{padding-inline:0}}[dir=rtl] .country-header .menu>ul,[dir=rtl] .country-header .menu>ul>li{padding-inline:0} \ No newline at end of file +.country-header .header .icon-globe,.country-header .header .icon-search{background-color:var(--undpds-color-blue-600);border:0;cursor:pointer;display:inline-flex;font-size:0;height:26px;margin-inline-end:var(--undpds-spacing-03);min-width:25px;padding:0;width:25px}@media(max-width:47.9375em){.country-header .header .icon-globe,.country-header .header .icon-search{margin-inline-end:0;-webkit-mask:inherit;mask:inherit}}.country-header .header .icon-globe:hover,.country-header .header .icon-search:hover{background-color:var(--undpds-color-blue-400)}.country-header .header .top-left .logo{background-image:none}.country-header .header{background-color:var(--undpds-color-gray-100);height:7.1875rem;left:0;top:0;width:100%;z-index:9}.country-header .header .top-left .logo img{min-width:60px;transition:all .4s cubic-bezier(.64,.05,.35,1.05)}@media(min-width:64em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-xlarge) + 7px)}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-xlarge)}}@media(max-width:63.9375em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-medium) + 7px);min-width:40px}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-medium)}}.country-header{height:7.1875rem}@media(max-width:63.9375em){.country-header{height:4.6875rem}}.country-header .header{background-color:#fafafa;box-shadow:0 3px 6px rgba(0,0,0,.1);height:unset;min-height:7.1875rem;position:fixed}@media(max-width:63.9375em){.country-header .header{min-height:4.6875rem}}.country-header .header .grid-container.fluid>.grid-margin-x{justify-content:space-between}.country-header .header .site-title{flex-shrink:0;font-size:1rem;line-height:1.142;margin-block-start:-.25rem;margin-inline-end:1.5rem;padding:.438rem 0}@media(max-width:63.9375em){.country-header .header .site-title{width:calc(100% - 64px)}}@media(min-width:90em){.country-header .header .site-title{font-size:1.25rem;margin-inline-end:auto;width:auto}}.country-header .header .site-title span:first-of-type:not(:last-of-type){border-bottom:1px solid #a9b1b7;display:inline-block;font-size:.75rem;margin:0;padding-block-end:1px}.country-header .header .site-title span:first-of-type:not(:last-of-type) a{color:#55606e}.country-header .header .site-title span{display:flex;margin-block-start:.3rem}.country-header .header .site-title span a{background:none;font-size:inherit}.country-header .header .top-left{align-items:center;display:flex;order:1}@media(min-width:64em){.country-header .header .top-left:not(.large-9){max-width:14rem;width:auto}}@media(max-width:63.9375em){.country-header .header .top-left:not(.large-9){width:auto}}.country-header .header .top-left.large-9 .site-title{margin-inline-end:1.5rem}.country-header .header .top-left.large-9 .menu{margin:0 auto}@media(max-width:63.9375em){.country-header .header .top-left.large-9 .menu{margin:0 auto}}.country-header .header .top-left .logo{align-items:flex-start;display:flex;height:7.1875rem;margin-inline-end:1.5rem;position:relative;z-index:2}@media(max-width:63.9375em){.country-header .header .top-left .logo{height:4.6875rem}}@media(max-width:47.9375em){.country-header .header .top-left .logo{margin-inline-end:.75rem}}.country-header .header .top-center{justify-content:center;order:2}.country-header .header .align-content-middle{align-items:center;display:flex;position:relative}.country-header .header .menu{align-items:stretch;align-self:stretch;display:flex;flex-grow:0;flex-shrink:1;margin:0;min-height:7.1875rem}@media(max-width:63.9375em){.country-header .header .menu{display:none}}@media(min-width:64em){.country-header .header .menu{margin:0}}@media(min-width:90em){.country-header .header .menu{margin:0}}.country-header .header .menu>ul{align-items:center;column-gap:0;display:flex;flex-direction:row;justify-content:space-evenly;margin:0 auto;padding-inline:0;position:relative}@media(min-width:90em){.country-header .header .menu>ul{column-gap:0}}.country-header .header .menu>ul>li{align-items:stretch;align-self:stretch;display:flex;justify-content:center;margin:0;padding-inline:0;word-break:keep-all}@media(min-width:90em){.country-header .header .menu>ul>li{margin:0}}.country-header .header .menu>ul>li:first-of-type{margin-inline-start:0}.country-header .header .menu>ul>li>a{align-items:center;display:flex;justify-content:center;padding:0 1.5rem;text-align:center;white-space:nowrap;width:100%}.country-header .header .menu.menu__overflow__container>ul{margin:0 auto}.country-header .header .top-right{align-items:center;display:flex;justify-content:flex-end;order:3}@media(min-width:64em){.country-header .header .top-right{flex:0 1 auto}}@media(min-width:90em){.country-header .header .top-right{box-sizing:border-box}.country-header .header .top-right>:last-child{margin-inline-end:4rem}}.country-header .header .dropdown-language{align-items:center;display:flex;justify-self:flex-end}@media(max-width:63.9375em){.country-header .header .dropdown-language{display:none}}.country-header .header .icon-search{margin-inline-start:1rem;-webkit-mask:url(../../images/search.svg) no-repeat left center;mask:url(../../images/search.svg) no-repeat left center}@media(max-width:47.9375em){.country-header .header .icon-search{background:transparent url(../../images/search.svg) no-repeat 0}}.country-header .header .icon-globe{margin-inline-start:1.75rem;-webkit-mask:url(../../images/globe.svg) no-repeat left center;mask:url(../../images/globe.svg) no-repeat left center}@media(max-width:63.9375em){.country-header .header .icon-globe{display:none}}.country-header .header .button{display:block;margin-inline-start:1rem}@media(max-width:63.9375em){.country-header .header .button{display:none}}.country-header .header .menu,.country-header .header .site-title,.country-header .header .top-right{transition:opacity .3s ease}.country-header.country-load-animation .header .top-left .logo{left:50%;position:fixed;top:0;transform:translateX(-50%);transition:all .7s ease}.country-header.country-load-animation .menu,.country-header.country-load-animation .site-title,.country-header.country-load-animation .top-right{opacity:0}.country-header.run-animation .header .top-left .logo{inset-inline-start:.75rem;position:fixed;transform:translateX(0)}.country-header.show-content .menu,.country-header.show-content .site-title,.country-header.show-content .top-right{opacity:1}[dir=rtl] .country-header .top-left .logo{margin-right:0}[dir=rtl] .country-header .top-left .logo img{margin-left:1.5rem;margin-right:0}[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:1.5rem}@media(min-width:90em){[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:2rem}[dir=rtl] .country-header .top-right{padding-inline:0}}[dir=rtl] .country-header .menu>ul,[dir=rtl] .country-header .menu>ul>li{padding-inline:0} \ No newline at end of file From 354016990315ebcc0b7eaf03afbef4c955122b7d Mon Sep 17 00:00:00 2001 From: Caleb Luster Date: Mon, 21 Oct 2024 13:34:02 -0500 Subject: [PATCH 14/14] ran build --- docs/css/components/country-site-header.min.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/css/components/country-site-header.min.css b/docs/css/components/country-site-header.min.css index 43c3875c8..cfe433540 100644 --- a/docs/css/components/country-site-header.min.css +++ b/docs/css/components/country-site-header.min.css @@ -1 +1 @@ -.country-header .header .icon-globe,.country-header .header .icon-search{background-color:var(--undpds-color-blue-600);border:0;cursor:pointer;display:inline-flex;font-size:0;height:26px;margin-inline-end:var(--undpds-spacing-03);min-width:25px;padding:0;width:25px}@media(max-width:47.9375em){.country-header .header .icon-globe,.country-header .header .icon-search{margin-inline-end:0;-webkit-mask:inherit;mask:inherit}}.country-header .header .icon-globe:hover,.country-header .header .icon-search:hover{background-color:var(--undpds-color-blue-400)}.country-header .header .top-left .logo{background-image:none}.country-header .header{background-color:var(--undpds-color-gray-100);height:7.1875rem;left:0;top:0;width:100%;z-index:9}.country-header .header .top-left .logo img{min-width:60px;transition:all .4s cubic-bezier(.64,.05,.35,1.05)}@media(min-width:64em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-xlarge) + 7px)}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-xlarge)}}@media(max-width:63.9375em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-medium) + 7px);min-width:40px}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-medium)}}.country-header{height:7.1875rem}@media(max-width:63.9375em){.country-header{height:4.6875rem}}.country-header .header{background-color:#fafafa;box-shadow:0 3px 6px rgba(0,0,0,.1);height:unset;min-height:7.1875rem;position:fixed}@media(max-width:63.9375em){.country-header .header{min-height:4.6875rem}}.country-header .header .grid-container.fluid>.grid-margin-x{justify-content:space-between}.country-header .header .site-title{flex-shrink:0;font-size:1rem;line-height:1.142;margin-block-start:-.25rem;margin-inline-end:1.5rem;padding:.438rem 0}@media(max-width:63.9375em){.country-header .header .site-title{width:calc(100% - 64px)}}@media(min-width:90em){.country-header .header .site-title{font-size:1.25rem;margin-inline-end:auto;width:auto}}.country-header .header .site-title span:first-of-type:not(:last-of-type){border-bottom:1px solid #a9b1b7;display:inline-block;font-size:.75rem;margin:0;padding-block-end:1px}.country-header .header .site-title span:first-of-type:not(:last-of-type) a{color:#55606e}.country-header .header .site-title span{display:flex;margin-block-start:.3rem}.country-header .header .site-title span a{background:none;font-size:inherit}.country-header .header .top-left{align-items:center;display:flex;order:1}@media(min-width:64em){.country-header .header .top-left:not(.large-9){max-width:14rem;width:auto}}@media(max-width:63.9375em){.country-header .header .top-left:not(.large-9){width:auto}}.country-header .header .top-left.large-9 .site-title{margin-inline-end:1.5rem}.country-header .header .top-left.large-9 .menu{margin:0 auto}@media(max-width:63.9375em){.country-header .header .top-left.large-9 .menu{margin:0 auto}}.country-header .header .top-left .logo{align-items:flex-start;display:flex;height:7.1875rem;margin-inline-end:1.5rem;position:relative;z-index:2}@media(max-width:63.9375em){.country-header .header .top-left .logo{height:4.6875rem}}@media(max-width:47.9375em){.country-header .header .top-left .logo{margin-inline-end:.75rem}}.country-header .header .top-center{justify-content:center;order:2}.country-header .header .align-content-middle{align-items:center;display:flex;position:relative}.country-header .header .menu{align-items:stretch;align-self:stretch;display:flex;flex-grow:0;flex-shrink:1;margin:0;min-height:7.1875rem}@media(max-width:63.9375em){.country-header .header .menu{display:none}}@media(min-width:64em){.country-header .header .menu{margin:0}}@media(min-width:90em){.country-header .header .menu{margin:0}}.country-header .header .menu>ul{align-items:center;column-gap:0;display:flex;flex-direction:row;justify-content:space-evenly;margin:0 auto;padding-inline:0;position:relative}@media(min-width:90em){.country-header .header .menu>ul{column-gap:0}}.country-header .header .menu>ul>li{align-items:stretch;align-self:stretch;display:flex;justify-content:center;margin:0;padding-inline:0;word-break:keep-all}@media(min-width:90em){.country-header .header .menu>ul>li{margin:0}}.country-header .header .menu>ul>li:first-of-type{margin-inline-start:0}.country-header .header .menu>ul>li>a{align-items:center;display:flex;justify-content:center;padding:0 1.5rem;text-align:center;white-space:nowrap;width:100%}.country-header .header .menu.menu__overflow__container>ul{margin:0 auto}.country-header .header .top-right{align-items:center;display:flex;justify-content:flex-end;order:3}@media(min-width:64em){.country-header .header .top-right{flex:0 1 auto}}@media(min-width:90em){.country-header .header .top-right{box-sizing:border-box}.country-header .header .top-right>:last-child{margin-inline-end:4rem}}.country-header .header .dropdown-language{align-items:center;display:flex;justify-self:flex-end}@media(max-width:63.9375em){.country-header .header .dropdown-language{display:none}}.country-header .header .icon-search{margin-inline-start:1rem;-webkit-mask:url(../../images/search.svg) no-repeat left center;mask:url(../../images/search.svg) no-repeat left center}@media(max-width:47.9375em){.country-header .header .icon-search{background:transparent url(../../images/search.svg) no-repeat 0}}.country-header .header .icon-globe{margin-inline-start:1.75rem;-webkit-mask:url(../../images/globe.svg) no-repeat left center;mask:url(../../images/globe.svg) no-repeat left center}@media(max-width:63.9375em){.country-header .header .icon-globe{display:none}}.country-header .header .button{display:block;margin-inline-start:1rem}@media(max-width:63.9375em){.country-header .header .button{display:none}}.country-header .header .menu,.country-header .header .site-title,.country-header .header .top-right{transition:opacity .3s ease}.country-header.country-load-animation .header .top-left .logo{left:50%;position:fixed;top:0;transform:translateX(-50%);transition:all .7s ease}.country-header.country-load-animation .menu,.country-header.country-load-animation .site-title,.country-header.country-load-animation .top-right{opacity:0}.country-header.run-animation .header .top-left .logo{inset-inline-start:.75rem;position:fixed;transform:translateX(0)}.country-header.show-content .menu,.country-header.show-content .site-title,.country-header.show-content .top-right{opacity:1}[dir=rtl] .country-header .top-left .logo{margin-right:0}[dir=rtl] .country-header .top-left .logo img{margin-left:1.5rem;margin-right:0}[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:1.5rem}@media(min-width:90em){[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:2rem}[dir=rtl] .country-header .top-right{padding-inline:0}}[dir=rtl] .country-header .menu>ul,[dir=rtl] .country-header .menu>ul>li{padding-inline:0} +.country-header .header .icon-globe,.country-header .header .icon-search{background-color:var(--undpds-color-blue-600);border:0;cursor:pointer;display:inline-flex;font-size:0;height:26px;margin-inline-end:var(--undpds-spacing-03);min-width:25px;padding:0;width:25px}@media(max-width:47.9375em){.country-header .header .icon-globe,.country-header .header .icon-search{margin-inline-end:0;-webkit-mask:inherit;mask:inherit}}.country-header .header .icon-globe:hover,.country-header .header .icon-search:hover{background-color:var(--undpds-color-blue-400)}.country-header .header .top-left .logo{background-image:none}.country-header .header{background-color:var(--undpds-color-gray-100);height:7.1875rem;left:0;top:0;width:100%;z-index:9}.country-header .header .top-left .logo img{min-width:60px;transition:all .4s cubic-bezier(.64,.05,.35,1.05)}@media(min-width:64em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-xlarge) + 7px)}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-xlarge)}}@media(max-width:63.9375em){.country-header .header .top-left .logo img{height:calc(var(--undpds-header-height-medium) + 7px);min-width:40px}.country-header .header .top-left .logo img.scrolled{height:var(--undpds-header-height-medium)}}.country-header{height:7.1875rem}@media(max-width:63.9375em){.country-header{height:4.6875rem}}.country-header .header{background-color:#fafafa;box-shadow:0 3px 6px rgba(0,0,0,.1);height:unset;min-height:7.1875rem;position:fixed}@media(max-width:63.9375em){.country-header .header{min-height:4.6875rem}}.country-header .header .grid-container.fluid>.grid-margin-x{justify-content:space-between}.country-header .header .site-title{flex-shrink:0;font-size:1rem;line-height:1.142;margin-block-start:-.25rem;margin-inline-end:1.5rem;padding:.438rem 0}@media(max-width:63.9375em){.country-header .header .site-title{width:calc(100% - 64px)}}@media(min-width:90em){.country-header .header .site-title{font-size:1.25rem;margin-inline-end:auto;width:auto}}.country-header .header .site-title span:first-of-type:not(:last-of-type){border-bottom:1px solid #a9b1b7;display:inline-block;font-size:.75rem;margin:0;padding-block-end:1px}.country-header .header .site-title span:first-of-type:not(:last-of-type) a{color:#55606e}.country-header .header .site-title span{display:flex;margin-block-start:.3rem}.country-header .header .site-title span a{background:none;font-size:inherit}.country-header .header .top-left{align-items:center;display:flex;order:1}@media(min-width:64em){.country-header .header .top-left:not(.large-9){max-width:14rem;width:auto}}@media(max-width:63.9375em){.country-header .header .top-left:not(.large-9){width:auto}}.country-header .header .top-left.large-9 .site-title{margin-inline-end:1.5rem}.country-header .header .top-left.large-9 .menu{margin:0 auto}@media(max-width:63.9375em){.country-header .header .top-left.large-9 .menu{margin:0 auto}}.country-header .header .top-left .logo{align-items:flex-start;display:flex;height:7.1875rem;margin-inline-end:1.5rem;position:relative;z-index:2}@media(max-width:63.9375em){.country-header .header .top-left .logo{height:4.6875rem}}@media(max-width:47.9375em){.country-header .header .top-left .logo{margin-inline-end:.75rem}}.country-header .header .top-center{justify-content:center;order:2}.country-header .header .align-content-middle{align-items:center;display:flex;position:relative}.country-header .header .menu{align-items:stretch;align-self:stretch;display:flex;flex-grow:0;flex-shrink:1;margin:0;min-height:7.1875rem}@media(max-width:63.9375em){.country-header .header .menu{display:none}}@media(min-width:64em){.country-header .header .menu{margin:0}}@media(min-width:90em){.country-header .header .menu{margin:0}}.country-header .header .menu>ul{align-items:center;column-gap:0;display:flex;flex-direction:row;justify-content:space-evenly;margin:0 auto;padding-inline:0;position:relative}@media(min-width:90em){.country-header .header .menu>ul{column-gap:0}}.country-header .header .menu>ul>li{align-items:stretch;align-self:stretch;display:flex;justify-content:center;margin:0;padding-inline:0;word-break:keep-all}@media(min-width:90em){.country-header .header .menu>ul>li{margin:0}}.country-header .header .menu>ul>li:first-of-type{margin-inline-start:0}.country-header .header .menu>ul>li>a{align-items:center;display:flex;justify-content:center;padding:0 1.5rem;text-align:center;white-space:nowrap;width:100%}.country-header .header .menu.menu__overflow__container>ul{margin:0 auto}.country-header .header .top-right{align-items:center;display:flex;justify-content:flex-end;order:3}@media(min-width:64em){.country-header .header .top-right{flex:0 1 auto}}@media(min-width:90em){.country-header .header .top-right{box-sizing:border-box}.country-header .header .top-right>:last-child{margin-inline-end:4rem}}.country-header .header .dropdown-language{align-items:center;display:flex;justify-self:flex-end}@media(max-width:63.9375em){.country-header .header .dropdown-language{display:none}}.country-header .header .icon-search{margin-inline-start:1rem;-webkit-mask:url(../../images/search.svg) no-repeat left center;mask:url(../../images/search.svg) no-repeat left center}@media(max-width:47.9375em){.country-header .header .icon-search{background:transparent url(../../images/search.svg) no-repeat 0}}.country-header .header .icon-globe{margin-inline-start:1.75rem;-webkit-mask:url(../../images/globe.svg) no-repeat left center;mask:url(../../images/globe.svg) no-repeat left center}@media(max-width:63.9375em){.country-header .header .icon-globe{display:none}}.country-header .header .button{display:block;margin-inline-start:1rem}@media(max-width:63.9375em){.country-header .header .button{display:none}}.country-header .header .menu,.country-header .header .site-title,.country-header .header .top-right{transition:opacity .3s ease}.country-header.country-load-animation .header .top-left .logo{left:50%;position:fixed;top:0;transform:translateX(-50%);transition:all .7s ease}.country-header.country-load-animation .menu,.country-header.country-load-animation .site-title,.country-header.country-load-animation .top-right{opacity:0}.country-header.run-animation .header .top-left .logo{inset-inline-start:.75rem;position:fixed;transform:translateX(0)}.country-header.show-content .menu,.country-header.show-content .site-title,.country-header.show-content .top-right{opacity:1}[dir=rtl] .country-header .top-left .logo{margin-right:0}[dir=rtl] .country-header .top-left .logo img{margin-left:1.5rem;margin-right:0}[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:1.5rem}@media(min-width:90em){[dir=rtl] .country-header .site-title{margin-inline-end:0;margin-inline-start:2rem}[dir=rtl] .country-header .top-right{padding-inline:0}}[dir=rtl] .country-header .menu>ul,[dir=rtl] .country-header .menu>ul>li{padding-inline:0} \ No newline at end of file