windows-plus-theme 1.0.0 → 1.0.2

package/dist/css/main.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../sass/primary/variable/__styles__.sass","../../sass/partials/typography/__styles__.sass","../../sass/partials/form-field/__styles__.sass","../../sass/partials/interactions/__styles__.sass","../../sass/partials/modal/__styles__.sass"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;ACVD;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AC5BD;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;ACXD;EACC;;;ACDD;EACC;;AAEA;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;;AAGD;EACC","file":"main.css"}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "windows-plus-theme",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Custom CSS theme for internal systems",
   "main": "index.css",
   "scripts": {
+		"watch": "sass --watch sass:dist/css",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {

package/sass/partials/__partials__.sass

@@ -0,0 +1,4 @@
+@import "typography/__styles__"
+@import "form-field/__styles__"
+@import "interactions/__styles__"
+@import "modal/__styles__"

package/{src/partials/typography/styles.sass → sass/partials/typography/__styles__.sass}

@@ -1,3 +1,6 @@
+body
+	font-family: var(--wpFontFamily)
+
 .lead-lg
 	font-size: 2rem
 	font-weight: 300

package/sass/primary/__primary__.sass

@@ -0,0 +1 @@
+@import 'variable/__styles__'

package/sass/primary/variable/__styles__.sass

@@ -0,0 +1,13 @@
+:root
+	--primaryBlue: #24334e
+	--secondaryBlue: #496e91
+	--primaryYellow: #ffaa07
+	--primaryRed: #cf0000
+	--secondaryRed: #c32c2c
+	--primaryGrey: #555
+	--secondaryGrey: #DDD
+	--primaryGreen: #198754
+
+	--borderRadius: calc(0.3rem - 1px)
+
+	--wpFontFamily: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"

package/css/main.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../src/primary/variable/styles.sass","../src/partials/typography/styles.sass","../src/partials/form-field/styles.sass","../src/partials/interactions/styles.sass","../src/partials/modal/styles.sass"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;ACVD;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AC5BD;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;ACXD;EACC;;;ACDD;EACC;;AAEA;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;;AAGD;EACC","file":"main.css"}

package/css/partials/form-field/styles.css

@@ -1,16 +0,0 @@
-.custom-label {
-  padding: 0 2.25rem 0 0;
-  font-size: 14px;
-  font-weight: bold;
-  color: var(--primaryGrey);
-  width: 100%;
-}
-
-.custom-input {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  font: 400 13px/20px "Source Sans Pro", sans-serif !important;
-}
-
-/*# sourceMappingURL=styles.css.map */

package/css/partials/form-field/styles.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/partials/form-field/styles.sass"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA","file":"styles.css"}

package/css/partials/interactions/styles.css

@@ -1,5 +0,0 @@
-.cursor-pointer {
-  cursor: pointer;
-}
-
-/*# sourceMappingURL=styles.css.map */

package/css/partials/interactions/styles.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/partials/interactions/styles.sass"],"names":[],"mappings":"AAAA;EACC","file":"styles.css"}

package/css/partials/modal/styles.css

@@ -1,28 +0,0 @@
-.modal {
-  z-index: 1050;
-}
-.modal .modal-backdrop {
-  background-color: rgba(100, 100, 100, 0.8);
-  width: 100vw;
-  height: 100vh;
-}
-.modal .modal-body {
-  max-height: calc(100vh - 210px);
-  overflow-y: auto;
-}
-.modal .modal-xxl {
-  min-width: 80%;
-  margin: 0 10%;
-}
-.modal .close {
-  background: transparent;
-  border: none;
-  color: white;
-  font-size: 20px;
-}
-
-.modal.full-height .modal-body {
-  height: calc(100vh - 210px);
-}
-
-/*# sourceMappingURL=styles.css.map */

package/css/partials/modal/styles.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/partials/modal/styles.sass"],"names":[],"mappings":"AAAA;EACC;;AAEA;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;;AAGD;EACC","file":"styles.css"}

package/css/partials/typography/styles.css

@@ -1,39 +0,0 @@
-.lead-lg {
-  font-size: 2rem;
-  font-weight: 300;
-}
-
-.lead-sm {
-  font-size: 1rem;
-  font-weight: 300;
-}
-
-.strong {
-  font-weight: bold;
-}
-
-.text-grey,
-.text-red,
-.text-green,
-.text-secondary-blue,
-.text {
-  font-size: 14px;
-}
-
-.text-grey {
-  color: var(--primaryGrey);
-}
-
-.text-red {
-  color: var(--primaryRed);
-}
-
-.text-green {
-  color: var(--primaryGreen);
-}
-
-.text-secondary-blue {
-  color: var(--secondaryBlue);
-}
-
-/*# sourceMappingURL=styles.css.map */

package/css/partials/typography/styles.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/partials/typography/styles.sass"],"names":[],"mappings":"AAAA;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC","file":"styles.css"}

package/css/primary/variable/styles.css

@@ -1,13 +0,0 @@
-:root {
-  --primaryBlue: #24334e;
-  --secondaryBlue: #496e91;
-  --primaryYellow: #ffaa07;
-  --primaryRed: #cf0000;
-  --secondaryRed: #c32c2c;
-  --primaryGrey: #555;
-  --secondaryGrey: #DDD;
-  --primaryGreen: #198754;
-  --borderRadius: calc(0.3rem - 1px);
-}
-
-/*# sourceMappingURL=styles.css.map */

package/css/primary/variable/styles.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/primary/variable/styles.sass"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA","file":"styles.css"}

package/src/partials/__partials__.sass

@@ -1,4 +0,0 @@
-@import "typography/styles"
-@import "form-field/styles"
-@import "interactions/styles"
-@import "modal/styles"

package/src/primary/__primary__.sass

@@ -1 +0,0 @@
-@import 'variable/styles'

package/src/primary/variable/styles.sass

@@ -1,11 +0,0 @@
-:root
-	--primaryBlue: #24334e
-	--secondaryBlue: #496e91
-	--primaryYellow: #ffaa07
-	--primaryRed: #cf0000
-	--secondaryRed: #c32c2c
-	--primaryGrey: #555
-	--secondaryGrey: #DDD
-	--primaryGreen: #198754
-
-	--borderRadius: calc(0.3rem - 1px)