Font.

Author: Templarian

src/pg/inputNumber/inputNumber.css

@@ -7,7 +7,7 @@
   border: 1px solid var(--pg-input-text-border-color, #453C4F);
   border-radius: 0.125rem;
   padding: var(--pg-input-text-padding, calc(0.5rem - 1px) 0.75rem);
-  font-family: var(--pg-font-family);
+  font-family: var(--pg-input-number-font-family, var(--pg-font-family));
   font-size: 1rem;
   outline: none;
   field-sizing: content;
@@ -31,4 +31,4 @@
 }
 [part=input]:focus {
   box-shadow: 0 0 0 3px var(--pg-input-text-focus-glow, rgb(79, 143, 249, 0.5));
-}
+}

src/pg/inputText/inputText.css

@@ -7,7 +7,7 @@
   border: 1px solid var(--pg-input-text-border-color, #453C4F);
   border-radius: 0.125rem;
   padding: var(--pg-input-text-padding, calc(0.5rem - 1px) 0.75rem);
-  font-family: var(--pg-font-family);
+  font-family: var(--pg-input-text-font-family, var(--pg-font-family));
   font-size: 1rem;
   outline: none;
   field-sizing: content;

src/pg/json/json.css

@@ -3,6 +3,7 @@
 }
 
 [part=container] {
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  --pg-json-font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-family: var(--pg-json-font-family);
   user-select: none;
 }

src/pg/jsonBoolean/jsonBoolean.css

@@ -9,9 +9,13 @@
 }
 
 [part=value] {
-  --pg-input-select-padding: 0 0.25rem;
-  --pg-input-select-border-color: transparent;
   margin: 0 -0.25rem;
+  background-color: transparent;
+  border: 0;
+  font-size: 1rem;
+  padding: 0.125rem 0.25rem;
+  vertical-align: middle;
+  font-family: inherit;
   z-index: 1;
   position: relative;
 }

src/pg/jsonNumber/jsonNumber.css

@@ -12,6 +12,7 @@
   user-select: text;
   --pg-input-text-padding: 0 0.25rem;
   --pg-input-text-border-color: transparent;
+  --pg-input-number-font-family: var(--pg-json-font-family);
   display: inline-flex;
   vertical-align: middle;
   margin: 0 -0.25rem;

src/pg/jsonString/jsonString.css

@@ -12,6 +12,7 @@
   user-select: text;
   --pg-input-text-padding: 0 0.25rem;
   --pg-input-text-border-color: transparent;
+  --pg-input-text-font-family: var(--pg-json-font-family);
   display: inline-flex;
   vertical-align: middle;
   margin: 0 -0.25rem;