npm - @ongov/ontario-design-system-component-library - Versions diffs - 4.3.0-alpha.1 → 4.3.0-alpha.3 - Mend

@ongov/ontario-design-system-component-library 4.3.0-alpha.1 → 4.3.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (930) hide show

package/{dist/ontario-design-system-components/p-e96e36ff.entry.js → www/build/p-fec501d5.entry.js} RENAMED Viewed

@@ -67,14 +67,14 @@ const l = class {
 		return o(
 			'div',
 			{
-				key: 'fa1371e932069cb030825ffea3607085c7a856fe',
+				key: '13acaaf3a835d03d9516adef45103328355348a6',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			o(
 				'svg',
 				{
-					key: '67e7c3f689890471a82410ebd7382bf2138ecd60',
+					key: 'c087ab31f6e5166f2d4a817939c21eaca294c751',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -84,7 +84,7 @@ const l = class {
 					id: 'add',
 				},
 				o('path', {
-					key: '7a183977bf5173e3e306348308f064e759bb7e2e',
+					key: 'e4b522146ab2f5146836e4761480df78b0f00ebd',
 					d: 'M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z',
 				}),
 			),
@@ -96,4 +96,4 @@ const l = class {
 };
 l.style = r;
 export { l as ontario_icon_add };
-//# sourceMappingURL=p-e96e36ff.entry.js.map
+//# sourceMappingURL=p-fec501d5.entry.js.map

package/www/fonts/open-sans-700--italic/open-sans-700--italic.ttf ADDED Viewed

Binary file

package/www/index.html CHANGED Viewed

@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html dir="ltr" lang="en">
 	<head>
-		<link rel="stylesheet" href="/build/p-016eeaf2.css" />
+		<link rel="stylesheet" href="/build/p-5c2c7e30.css" />
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
 		<title>Ontario Design System - component samples</title>
-		<link rel="modulepreload" href="/build/p-a8bba86c.js" />
+		<link rel="modulepreload" href="/build/p-b61db0f6.js" />
 		<link rel="modulepreload" href="/build/p-14fa9399.js" />
 		<link rel="modulepreload" href="/build/p-314395de.js" />
 		<link rel="modulepreload" href="/build/p-55c48d50.js" />
 		<script
 			type="module"
-			src="/build/p-a8bba86c.js"
+			src="/build/p-b61db0f6.js"
 			data-stencil
 			data-resources-url="/build/"
 			data-stencil-namespace="ontario-design-system-components"
@@ -45,6 +45,7 @@
 					<h2>On this page</h2>
 					<ol>
 						<li><a href="#accordion">Accordion</a></li>
+						<li><a href="#badges">Badges</a></li>
 						<li><a href="#blockquotes">Blockquotes</a></li>
 						<li><a href="#buttons">Buttons</a></li>
 						<li><a href="#callout-aside">Callouts and Asides</a></li>
@@ -82,6 +83,14 @@
 						></ontario-accordion>
 						<hr />
 					</div>
+					<!-- Badges -->
+					<div>
+						<h2 id="badges">Badges</h2>
+						<ontario-badge>Default</ontario-badge> <ontario-badge colour="light-teal">Default light</ontario-badge>
+						<ontario-badge colour="black">Neutral</ontario-badge>
+						<ontario-badge colour="grey">Neutral light</ontario-badge>
+						<hr />
+					</div>
 					<!-- Blockquotes -->
 					<div>
 						<h2 id="blockquotes">Blockquotes</h2>
@@ -98,26 +107,15 @@
 						<h2 id="buttons">Buttons</h2>
 						<div>
 							<h3 class="ontario-h4">Primary button</h3>
-							<ontario-button label="Primary" aria-label-text="Primary Button" type="primary" onclick="testFunction()">
-								Content here will be overwritten by the value of the label property
-							</ontario-button>
+							<ontario-button aria-label-text="Primary Button" type="primary"> Primary </ontario-button>
 						</div>
 						<div>
 							<h3 class="ontario-h4">Secondary button</h3>
-							<ontario-button
-								label="Secondary"
-								aria-label-text="Secondary Button"
-								htmltype="reset"
-								id="secondaryButton"
-							>
-								Content here will be overwritten by the value of the label property
-							</ontario-button>
+							<ontario-button aria-label-text="Secondary Button" htmltype="reset"> Secondary </ontario-button>
 						</div>
 						<div>
 							<h3 class="ontario-h4">Tertiary button</h3>
-							<ontario-button label="Tertiary" aria-label-text="Tertiary Button" type="tertiary">
-								Content here will be overwritten by the value of the label property
-							</ontario-button>
+							<ontario-button aria-label-text="Tertiary Button" type="tertiary"> Tertiary </ontario-button>
 						</div>
 						<hr />
 					</div>