@nycopportunity/pattern-menu - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

package.json

		{
		"name": "@nycopportunity/pattern-menu",
		"version": "1.1.1",
		"description": "The Menu Pattern is an accessible sliding menu that contains the navigation items that do not fit within the Navigation Pattern in mobile view ports.",
		"version": "1.1.2",
		"description": "The Menu Pattern is an accessible sliding menu that contains the navigation items that do not fit within the Navigation Pattern in mobile viewports.",
		"repository": {
		@@ -6,0 +6,0 @@ "type": "git",

README.md

		# Menu Pattern

		The Menu Pattern is a sliding menu that contains the navigation items that do not fit within the [Navigation Pattern](https://github.com/NYCOpportunity/pattern-navigation) in mobile view ports. It uses the [Patterns Scripts toggle utility](https://github.com/CityOfNewYork/patterns-scripts/tree/main/src/toggle) to achieve the showing and hiding effects. The animation for the sliding uses CSS and will be disabled by devices using the [prefers-reduced-motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) `@media` query.
		The Menu Pattern is a sliding menu that contains the navigation items that do not fit within the [Navigation Pattern](https://github.com/NYCOpportunity/pattern-navigation) in mobile viewports. It uses the [Patterns Scripts toggle utility](https://github.com/CityOfNewYork/patterns-scripts/tree/main/src/toggle) to achieve the showing and hiding effects. The animation for the sliding uses CSS and will be disabled by devices using the [prefers-reduced-motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) `@media` query.

		@@ -5,0 +5,0 @@ The menu element will be hidden from screen readers using the `aria-hidden` attribute and potentially focusable children will have their tabindex set to `-1` when the modal is hidden. When the menu is opened, focus will shift from the `data-js-menu="open"` trigger to the `data-js-menu="close"` trigger inside the menu. The focus will be trapped, meaning tabbing focus will cycle through elements within the menu.

src/menu.md

		@@ -1,2 +0,2 @@
		The Menu Pattern is an `aside` element that slides in from the end of the screen. It contains the Navigation items that do not fit within the [Navigation Pattern](navigation) in mobile viewports. It uses the <a href="https://github.com/CityOfNewYork/patterns-scripts/tree/main/src/toggle" target="_blank" rel="noopener nofollow">Patterns Scripts toggle utility</a> to achieve the showing and hiding effects. The animation for the sliding uses CSS and will be disabled by devices using the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion" target="_blank" rel="noopener nofollow">prefers-reduced-motion</a> `@media` query.
		The Menu Pattern is an `aside` element that slides in from the end of the screen. It contains the Navigation items that do not fit within the [Navigation Pattern](navigation) in mobile viewports. It uses the <a href="https://github.com/CityOfNewYork/patterns-scripts/tree/main/src/toggle" target="_blank" rel="noopener nofollow">Patterns Scripts toggle utility</a> to achieve the showing and hiding effects. The animation for the sliding uses CSS and will be disabled by devices using the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion" target="_blank" rel="noopener nofollow">prefers-reduced-motion</a> `@media` query.

		@@ -11,7 +11,7 @@ ---

		We recommended placing the Menu element inside the [Navigation Pattern](navigation) next to the Menu button.
		It is recommended to place the Menu element inside the [Navigation Pattern](navigation) next to the Menu button.

		---

		We recommended placing the Close button in the Menu before the nav items.
		It is recommended to place the Close button in the Menu before the nav items.

		@@ -18,0 +18,0 @@ ---

@nycopportunity/pattern-menu - npm Package Compare versions

Improved metrics