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

package/www/fonts/license/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/www/i18n/global.i18n.json

@@ -243,6 +243,54 @@
 			"fr": "fr"
 		}
 	},
+	"taskGroup": {
+		"completed": {
+			"en": "You have completed",
+			"fr": "Vous avez complété"
+		},
+		"outOf": {
+			"en": "out of",
+			"fr": "sur"
+		},
+		"tasks": {
+			"en": "tasks.",
+			"fr": "tâches."
+		}
+	},
+	"taskStatus": {
+		"taskStatus": {
+			"en": "Task Status:",
+			"fr": "Statut de la tâche:"
+		},
+		"notStarted": {
+			"en": "Not Started",
+			"fr": "Pas commencé"
+		},
+		"inProgress": {
+			"en": "In Progress",
+			"fr": "En cours"
+		},
+		"completed": {
+			"en": "Completed",
+			"fr": "Terminé"
+		},
+		"cannotStartYet": {
+			"en": "Cannot Start Yet",
+			"fr": "Peux pas encore commencer"
+		},
+		"error": {
+			"en": "Error",
+			"fr": "Erreur"
+		},
+		"optional": {
+			"en": "Optional",
+			"fr": "Facultatif"
+		}
+	},
+	"newWindow": {
+		"en": "opens in a new window",
+		"fr": "s'ouvre dans une nouvelle fenêtre"
+	},
 	"required": {
 		"en": "required",
 		"fr": "obligatoire"

package/www/index.html

@@ -1,17 +1,17 @@
 <!doctype html>
 <html dir="ltr" lang="en">
 	<head>
-		<link rel="stylesheet" href="/build/p-77459959.css" />
+		<link rel="stylesheet" href="/build/p-a661bec6.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-3f2d25b9.js" />
-		<link rel="modulepreload" href="/build/p-79293fd1.js" />
-		<link rel="modulepreload" href="/build/p-b2019a19.js" />
-		<link rel="modulepreload" href="/build/p-efc52a1c.js" />
+		<link rel="modulepreload" href="/build/p-7bc79341.js" />
+		<link rel="modulepreload" href="/build/p-CJXRCL8b.js" />
+		<link rel="modulepreload" href="/build/p-DMZw5oVx.js" />
+		<link rel="modulepreload" href="/build/p-_eQ6Jzc4.js" />
 		<script
 			type="module"
-			src="/build/p-3f2d25b9.js"
+			src="/build/p-7bc79341.js"
 			data-stencil
 			data-resources-url="/build/"
 			data-stencil-namespace="ontario-design-system-components"
@@ -64,6 +64,7 @@
 						<li><a href="#page-alerts">Page alerts</a></li>
 						<li><a href="#radio-buttons">Radio buttons</a></li>
 						<li><a href="#tables">Tables</a></li>
+						<li><a href="#tasks">Tasks</a></li>
 						<li><a href="#textareas">Textareas</a></li>
 						<li><a href="#text-inputs">Text inputs</a></li>
 						<li><a href="#date-input">Date input</a></li>
@@ -92,7 +93,7 @@
 					<!-- Badges -->
 					<div>
 						<h2 id="badges">Badges</h2>
-						<ontario-badge>Default</ontario-badge> <ontario-badge colour="light-teal">Default light</ontario-badge>
+						<ontario-badge>Default</ontario-badge> <ontario-badge colour="lightTeal">Default light</ontario-badge>
 						<ontario-badge colour="black">Neutral</ontario-badge>
 						<ontario-badge colour="grey">Neutral light</ontario-badge>
 						<hr />
@@ -249,7 +250,7 @@
 							<h3>Horizontal cards with left align 9:16 images (one-fourth size)</h3>
 							<ontario-card-collection cards-per-row="4">
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="left"
@@ -257,7 +258,7 @@
 									label="Card Title 1"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum"
 									image="https://picsum.photos/169/300"
 									header-colour="sky"
@@ -266,14 +267,14 @@
 									label="Card Title 2"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="left"
 									horizontal-image-size-type="one-fourth"
 									label="Card Title 3"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									header-colour="sky"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="left"
@@ -284,7 +285,7 @@
 							<h3>Horizontal cards with left align 9:16 images (one-third size)</h3>
 							<ontario-card-collection cards-per-row="4">
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="left"
@@ -292,7 +293,7 @@
 									label="Card Title 1"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum"
 									image="https://picsum.photos/169/300"
 									header-colour="sky"
@@ -301,14 +302,14 @@
 									label="Card Title 2"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="left"
 									horizontal-image-size-type="one-third"
 									label="Card Title 3"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									header-colour="sky"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="left"
@@ -319,7 +320,7 @@
 							<h3>Horizontal cards with right align 9:16 images (one-fourth size)</h3>
 							<ontario-card-collection cards-per-row="4">
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="right"
@@ -327,7 +328,7 @@
 									label="Card Title 1"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum"
 									image="https://picsum.photos/169/300"
 									header-colour="sky"
@@ -336,14 +337,14 @@
 									label="Card Title 2"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="right"
 									horizontal-image-size-type="one-fourth"
 									label="Card Title 3"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									header-colour="sky"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="right"
@@ -354,7 +355,7 @@
 							<h3>Horizontal cards with right align 9:16 images (one-third size)</h3>
 							<ontario-card-collection cards-per-row="4">
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="right"
@@ -362,7 +363,7 @@
 									label="Card Title 1"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum"
 									image="https://picsum.photos/169/300"
 									header-colour="sky"
@@ -371,14 +372,14 @@
 									label="Card Title 2"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="right"
 									horizontal-image-size-type="one-third"
 									label="Card Title 3"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									header-colour="sky"
 									image="https://picsum.photos/169/300"
 									horizontal-image-position-type="right"
@@ -407,7 +408,7 @@
 							</ontario-card-collection>
 							<ontario-card-collection cards-per-row="2">
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									header-colour="orange"
 									label="Card Title 1 Card Title 1 Card Title 1"
 									image="https://picsum.photos/200/300"
@@ -415,7 +416,7 @@
 									horizontal-image-size-type="one-third"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									header-colour="sky"
 									label="Card Title 2"
 									image="https://picsum.photos/200/300"
@@ -424,7 +425,7 @@
 									description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum"
 								></ontario-card>
 								<ontario-card
-									layout="horizontal"
+									layout-direction="horizontal"
 									label="Card Title 3"
 									image="https://picsum.photos/200/300"
 									horizontal-image-position-type="left"
@@ -992,6 +993,50 @@
 						></ontario-table>
 						<hr />
 					</div>
+					<!-- Tasks -->
+					<div>
+						<h2 id="tasks">Tasks</h2>
+						<ontario-task-list heading-level="h6" label="Task list collection" language="en">
+							<ontario-task
+								label="Task 1"
+								task-id="Task-1-unique-id"
+								heading-level="h2"
+								hint-text="A hint for task 1"
+								task-status="completed"
+								link="https://example.com"
+								language="en"
+							></ontario-task>
+							<ontario-task
+								label="Task 2"
+								task-id="Task-2-unique-id"
+								hint-text="A hint for task 2"
+								task-status="inProgress"
+								link="https://example.com"
+								deactivate-link="true"
+								language="en"
+							></ontario-task>
+							<ontario-task
+								label="Task 3"
+								task-id="Task-3-unique-id"
+								task-status="notStarted"
+								language="en"
+							></ontario-task>
+							<ontario-task
+								label="Task 4"
+								task-id="Task-4-unique-id"
+								task-status="optional"
+								language="en"
+							></ontario-task>
+							<ontario-task label="Task 5" task-id="Task-5-unique-id" task-status="error" language="en"></ontario-task>
+							<ontario-task
+								label="Task 6"
+								task-id="Task-6-unique-id"
+								task-status="cannotStartYet"
+								language="en"
+							></ontario-task>
+						</ontario-task-list>
+						<hr />
+					</div>
 					<!-- Textareas -->
 					<div>
 						<h2 id="textareas">Textareas</h2>

package/dist/cjs/app-globals-8a80755e.js

@@ -1,17 +0,0 @@
-'use strict';
-
-const index = require('./index-38af86a6.js');
-
-index.setMode((elm) => {
-	// NOTE: you can write whatever you want here - it's up to you. This
-	// function must return one of the style "modes" defined in step 1.
-	return elm.type;
-});
-
-const globalFn = () => {};
-
-const globalScripts = globalFn;
-
-exports.globalScripts = globalScripts;
-
-//# sourceMappingURL=app-globals-8a80755e.js.map

package/dist/cjs/app-globals-8a80755e.js.map

@@ -1 +0,0 @@
-{"file":"app-globals-8a80755e.js","mappings":";;;;AAEAA,aAAO,CAAC,CAAC,GAAG;;;IAGX,OAAQ,GAAW,CAAC,IAAI;AACzB,CAAC,CAAC;;;;ACLU,MAAC,aAAa,GAAGC;;;;","names":["setMode","appGlobalScript"],"sources":["src/global.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { setMode } from '@stencil/core';\n\nsetMode((elm) => {\n\t// NOTE: you can write whatever you want here - it's up to you. This\n\t// function must return one of the style \"modes\" defined in step 1.\n\treturn (elm as any).type;\n});\n","import appGlobalScript from '/home/runner/work/ontario-design-system/ontario-design-system/packages/ontario-design-system-component-library/src/global.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}