npm - @gov-design-system-ce/components - Versions diffs - 0.0.1 → 0.0.3 - Mend

@gov-design-system-ce/components 0.0.1 → 0.0.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 (1390) hide show

package/dist/collection/pages/Button.js CHANGED Viewed

@@ -1,9 +1,9 @@
 class ButtonPage extends HTMLElement {
   connectedCallback() {
     this.innerHTML = `
-			<h1>Buttons</h1>
+			<h1>Buttons</h1>
 			<h4>Buttons - primary (default)</h4>
-			<div class="container-view">
+			<div class="container-view">
 				<gov-button variant="primary" size="s" href="http://localhost:3333/button">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small Primary
@@ -292,22 +292,22 @@ class ButtonPage extends HTMLElement {
 				<gov-button variant="secondary" type="outlined" size="s">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small secondary
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="secondary" type="outlined" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Normal secondary
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="secondary" type="outlined" size="l">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Large secondary
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="secondary" type="outlined" disabled size="xl">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					X-Large secondary
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<br>
 				<gov-button variant="secondary" type="outlined" href="http://localhost:3333/button" loading="false">
@@ -347,22 +347,22 @@ class ButtonPage extends HTMLElement {
 				<gov-button variant="secondary" type="base" size="s">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small secondary
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="secondary" type="base" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Normal secondary
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="secondary" type="base" size="l">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Large secondary
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="secondary" type="base" disabled size="xl">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					X-Large secondary
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<br>
 				<gov-button variant="secondary" type="base" href="http://localhost:3333/button" loading="false">
@@ -402,22 +402,22 @@ class ButtonPage extends HTMLElement {
 				<gov-button variant="warning" size="s" class="u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="warning" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Normal warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="warning" size="l">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Large warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="warning" size="xl" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					X-Large warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<br>
 				<gov-button variant="warning" href="http://localhost:3333/button" loading="false">
@@ -476,22 +476,22 @@ class ButtonPage extends HTMLElement {
 				<gov-button variant="warning" type="outlined" size="s">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="warning" type="outlined" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Normal warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="warning" type="outlined" size="l">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Large warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="warning" type="outlined" disabled size="xl">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					X-Large warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<br>
 				<gov-button variant="warning" type="outlined" href="http://localhost:3333/button" loading="false">
@@ -531,22 +531,22 @@ class ButtonPage extends HTMLElement {
 				<gov-button variant="warning" type="base" size="s">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="warning" type="base" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Normal warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="warning" type="base" size="l">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Large warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="warning" type="base" disabled size="xl">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					X-Large warning
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<br>
 				<gov-button variant="warning" type="base" href="http://localhost:3333/button" loading="false">
@@ -586,22 +586,22 @@ class ButtonPage extends HTMLElement {
 				<gov-button variant="success" size="s" class="u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="success" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Normal success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="success" size="l">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Large success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="success" size="xl" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					X-Large success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<br>
 				<gov-button variant="success" href="http://localhost:3333/button" loading="false">
@@ -660,23 +660,22 @@ class ButtonPage extends HTMLElement {
 				<gov-button variant="success" type="outlined" size="s">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="success" type="outlined" disabled>
-				<gov-icon slot="left-icon" name="info"></gov-icon>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Normal success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="success" type="outlined" size="l">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Large success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="success" type="outlined" disabled size="xl">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					X-Large success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<br>
 				<gov-button variant="success" type="outlined" href="http://localhost:3333/button" loading="false">
@@ -716,22 +715,22 @@ class ButtonPage extends HTMLElement {
 				<gov-button variant="success" type="base" size="s">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="success" type="base" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Normal success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="success" type="base" size="l">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Large success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="success" type="base" disabled size="xl">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					X-Large success
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<br>
 				<gov-button variant="success" type="base" href="http://localhost:3333/button" loading="false">
@@ -771,22 +770,22 @@ class ButtonPage extends HTMLElement {
 				<gov-button variant="error" size="s" class="u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="error" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Normal error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="error" size="l">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Large error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="error" size="xl" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					X-Large error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<br>
 				<gov-button variant="error" href="http://localhost:3333/button" loading="false">
@@ -845,22 +844,22 @@ class ButtonPage extends HTMLElement {
 				<gov-button variant="error" type="outlined" size="s">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="error" type="outlined" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Normal error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="error" type="outlined" size="l">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Large error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="error" type="outlined" disabled size="xl">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					X-Large error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<br>
 				<gov-button variant="error" type="outlined" href="http://localhost:3333/button" loading="false">
@@ -900,22 +899,22 @@ class ButtonPage extends HTMLElement {
 				<gov-button variant="error" type="base" size="s">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Small error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="error" type="base" disabled>
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Normal error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="error" type="base" size="l">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					Large error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<gov-button variant="error" type="base" disabled size="xl">
 					<gov-icon slot="left-icon" name="info"></gov-icon>
 					X-Large error
-					<gov-icon slot="right-icon" name="info"></gov-icon>
+					<gov-icon slot="right-icon" name="info"></gov-icon>
 				</gov-button>
 				<br>
 				<gov-button variant="error" type="base" href="http://localhost:3333/button" loading="false">
@@ -952,7 +951,7 @@ class ButtonPage extends HTMLElement {
 		`;
   }
 }
-if (customElements.get("button-page") === undefined) {
-  customElements.define("button-page", ButtonPage);
+if (customElements.get('button-page') === undefined) {
+  customElements.define('button-page', ButtonPage);
 }
 //# sourceMappingURL=Button.js.map