Adam Parker

Reference to the language switcher JS file is currently: > https://cdn.jsdelivr.net/npm/@undp/design-system/docs//js/lang-switcher.min.js It should be: > https://cdn.jsdelivr.net/npm/@undp/design-system/docs/js/lang-switcher.min.js without the extra slash

https://design.undp.org/?path=/docs/components-navigation-components-main-navigation-country-header-dropdown-menu--docs Reference to the mobile nav CSS file accidentally uses two slashes in the URL.

Create a new "switch" component

1

UNDP's design system could benefit from a new _switch_ component, allowing someone to choose between two mutually exclusive options. Examples from other design systems: - [Microsoft](https://fluent2.microsoft.design/components/web/react/switch/usage) - [Atlassian](https://atlassian.design/components/toggle/examples) - [Google](https://m3.material.io/components/switch/guidelines)...

"Regional identifier" is black instead of gray

1

The [small regional identifier text (shown here as "region")](https://design.undp.org/?path=/story/components-navigation-components-main-navigation-country-header--country-header) is currently black. It should be gray, matching the color from the Figma file. Currently: ![Screen Shot 2023-11-07 at 10 10...

The Base typography documentation will serve as a primary source of information about UNDP's typefaces and font licenses. The [Frontify typography documentation](https://undp.frontify.com/d/RopAZWSnPaAy/design-system#/elements/typography) should be considered, and necessary parts of it...

Currently the menu items for 1) sidebar, 2) dropdown menu, and 3) language switcher use inconsistent treatments for hover effects. Furthermore, not all treatments are consistently visible ([example](https://www.dropbox.com/scl/fi/zqv9qpqsp8p76xuc8gvo4/IMG_1404.mov?rlkey=1v092dybzdulv3947wnrglu4o&dl=0)). The state...

The new [data visualization guidelines](https://www.figma.com/file/QIhi5qmf1TRPJcpqlITVpE/Data-Visualization-Guidelines?node-id=59%3A7236&t=FnStQFiLV7b3m7Zv-1) from the Data team should be reviewed and incorporated into UNDP's design system. [Figma branch is available here](https://www.figma.com/file/WJSRV3CbcHuVWRQApwvWIm/branch/IhY5XblnghgRq9olJEEUUs/UNDP-Design-System?node-id=19564%3A42060&t=amm90CU7nkiyjvT6-1) _(private)_.

https://design.undp.org/?path=/story/components-ui-components-hero-page-pageherooption--page-hero-tall-image In its current for longer words are wrapping. This is not a desirable behavior, and it should be redesigned. 

This component exists in Storybook, but there is only a screenshot of it in the Figma file