@ongov/ontario-design-system-component-library 6.0.0-alpha.6 → 6.0.0-alpha.9

package/dist/types/components/ontario-header/ontario-header.d.ts

@@ -175,7 +175,7 @@ export declare class OntarioHeader {
 	): void;
 	/**
 	 * This event is toggled when the menu button is pressed.
-	 * The <ontario-header-overflow-menu> sub-component listens for this event
+	 * The `<ontario-header-overflow-menu>` sub-component listens for this event
 	 * To trigger the showing and hiding of the overflow menu.
 	 */
 	menuButtonToggled: EventEmitter<boolean>;

package/dist/types/components.d.ts

@@ -4419,7 +4419,7 @@ declare namespace LocalJSX {
 		 */
 		menuItems?: MenuItem[] | string;
 		/**
-		 * This event is toggled when the menu button is pressed. The <ontario-header-overflow-menu> sub-component listens for this event To trigger the showing and hiding of the overflow menu.
+		 * This event is toggled when the menu button is pressed. The `<ontario-header-overflow-menu>` sub-component listens for this event To trigger the showing and hiding of the overflow menu.
 		 */
 		onMenuButtonToggled?: (event: OntarioHeaderCustomEvent<boolean>) => void;
 		/**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ongov/ontario-design-system-component-library",
-	"version": "6.0.0-alpha.6",
+	"version": "6.0.0-alpha.9",
 	"type": "module",
 	"private": false,
 	"description": "Ontario Design System Component Library",
@@ -75,8 +75,8 @@
 		"test:unit": "stencil test --spec"
 	},
 	"dependencies": {
-		"@ongov/ontario-design-system-design-tokens": "6.0.0-alpha.4",
-		"@ongov/ontario-design-system-global-styles": "6.0.0-alpha.5",
+		"@ongov/ontario-design-system-design-tokens": "6.0.0-alpha.9",
+		"@ongov/ontario-design-system-global-styles": "6.0.0-alpha.9",
 		"@stencil/core": "^4.33.1",
 		"dotenv": "^16.4.5",
 		"uuid": "^11.0.5"
@@ -142,5 +142,5 @@
 	"collection:main": "dist/collection/index.js",
 	"es2015": "dist/esm/index.mjs",
 	"es2017": "dist/esm/index.mjs",
-	"gitHead": "e0c777d0b3c79def735e2bd69dc870414adbe294"
+	"gitHead": "94ac0c8e4029a7a9044a84a0d8743e9f14767e09"
 }

package/src/components/ontario-header/ontario-header.tsx

@@ -342,7 +342,7 @@ export class OntarioHeader {
 
 	/**
 	 * This event is toggled when the menu button is pressed.
-	 * The <ontario-header-overflow-menu> sub-component listens for this event
+	 * The `<ontario-header-overflow-menu>` sub-component listens for this event
 	 * To trigger the showing and hiding of the overflow menu.
 	 */
 	@Event() menuButtonToggled: EventEmitter<boolean>;

package/src/components/ontario-header/readme.md

@@ -105,49 +105,44 @@ Example of an Ontario.ca header component.
 
 <div>
 	<OntarioHeader
-		asset-base-path={useBaseUrl('/assets')}
+		assetBasePath={useBaseUrl("/assets")}
 		type="application"
-		disable-dynamic-menu="true"
-		application-header-info='{
-			"title": "Driving and roads",
-			"href": "/driving-and-roads",
-			"maxSubheaderLinks": "{
-				"desktop": "3",
-				"tablet": "1"
-			}"
-		}'
-		language-toggle-options='{
-		"englishLink": "/",
-		"frenchLink" : "/fr"
-		}'
-		menu-items='[
-		{
-		"title": "Vehicle registration",
-		"href": "/vehicle-registration",
-		"linkIsActive": "false"
-		},
-		{
-		"title": "Driver records",
-		"href": "/driver-records",
-		"linkIsActive": "false"
-		},
-		{
-		"title": "Accessible Parking Permits",
-		"href": "/accessible-parking-permits",
-		"linkIsActive": "false"
-		},
-		{
-		"title": "Highway traveler information",
-		"href": "/highway-traveler-information",
-		"linkIsActive": "true",
-		"onClickHandler": (e: Event) => {
-		e.preventDefault();
-		alert("Menu item clicked!")
-		},
-		}
-		]'
-		custom-language-toggle="{changeLanguage}">
-	 </OntarioHeader>
+		disableDynamicMenu="true"
+		applicationHeaderInfo={{
+			title: "Driving and roads",
+			href: "/driving-and-roads",
+			maxSubheaderLinks: {
+				desktop: 1,
+				tablet: 1,
+			},
+		}}
+		languageToggleOptions={{
+			englishLink: "/",
+			frenchLink: "/fr",
+		}}
+		menuItems={[
+			{
+				title: "Vehicle registration",
+				href: "/vehicle-registration",
+				linkIsActive: false,
+			},
+			{
+				title: "Driver records",
+				href: "/driver-records",
+				linkIsActive: false,
+			},
+			{
+				title: "Accessible Parking Permits",
+				href: "/accessible-parking-permits",
+				linkIsActive: true,
+			},
+			{
+				title: "Highway traveler information",
+				href: "/highway-traveler-information",
+				linkIsActive: false,
+			},
+		]}
+	></OntarioHeader>
 </div>
 
 Example of an Application header component.
@@ -189,11 +184,7 @@ Example of an Application header component.
 		{ 
 			"title": "Highway traveler information", 
 			"href": "/highway-traveler-information",
-			"linkIsActive": "true",
-			"onClickHandler": (e: Event) => {
-					e.preventDefault();
-					alert("Menu item clicked!")
-			},  
+			"linkIsActive": "true"
 		}
 	]'
 	custom-language-toggle="{changeLanguage}"
@@ -312,9 +303,9 @@ Important considerations:
 
 ## Events
 
-| Event               | Description                                                                                                                                                                            | Type                   |
-| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- |
-| `menuButtonToggled` | This event is toggled when the menu button is pressed. The <ontario-header-overflow-menu> sub-component listens for this event To trigger the showing and hiding of the overflow menu. | `CustomEvent<boolean>` |
+| Event               | Description                                                                                                                                                                              | Type                   |
+| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- |
+| `menuButtonToggled` | This event is toggled when the menu button is pressed. The `<ontario-header-overflow-menu>` sub-component listens for this event To trigger the showing and hiding of the overflow menu. | `CustomEvent<boolean>` |
 
 ## Dependencies
 

package/src/components/ontario-header-overflow-menu/readme.md

@@ -12,7 +12,7 @@ Once the component package has been installed (see Ontario Design System Compone
 ## Examples
 
 ```html
-<ontario-header-menu-overflow
+<ontario-header-overflow-menu
 	menu-items='[
     {
       "title":"Item 1",
@@ -31,36 +31,10 @@ Once the component package has been installed (see Ontario Design System Compone
       "href":"/item-4"
     },
   ]'
-	trap-menu-focus="false"
 >
-</ontario-header-menu-overflow>
+</ontario-header-overflow-menu>
 ```
 
-<div>
-    <OntarioHeaderMenuOverflow
-    menu-items='[
-      {
-        "title":"Item 1",
-        "href":"/item-1"
-      },
-      {
-        "title":"Item 2",
-        "href":"/item-2"
-      },
-      {
-        "title":"Item 3",
-        "href":"/item-3"
-      },
-      {
-        "title":"Item 4",
-        "href":"/item-4"
-      },
-    ]'
-    trap-menu-focus='false'
-  >
-  </OntarioHeaderMenuOverflow>
-</div>
-
 ## Custom property types
 
 ### menuItems
@@ -92,8 +66,7 @@ If `maxSubheaderLinks` is set within `applicationHeaderInfo` on the `ontario-hea
 		{ 
 			"title": "Highway traveler information", 
 			"href": "/highway-traveler-information", 
-			"linkIsActive": "true",
-			"onClickHandler": (e: Event) => { e.preventDefault(); alert("Menu item clicked!") }
+			"linkIsActive": "true"
 		} 
 	]'
 ></ontario-header>

package/src/components.d.ts

@@ -4419,7 +4419,7 @@ declare namespace LocalJSX {
 		 */
 		menuItems?: MenuItem[] | string;
 		/**
-		 * This event is toggled when the menu button is pressed. The <ontario-header-overflow-menu> sub-component listens for this event To trigger the showing and hiding of the overflow menu.
+		 * This event is toggled when the menu button is pressed. The `<ontario-header-overflow-menu>` sub-component listens for this event To trigger the showing and hiding of the overflow menu.
 		 */
 		onMenuButtonToggled?: (event: OntarioHeaderCustomEvent<boolean>) => void;
 		/**