fix(static-input-font): update font size, weight, and color for ‘static input elements’

Author: Jade Pennig

design-tokens/salesforce-skin/font-size.yml

@@ -9,3 +9,5 @@ global:
 props:
   FORM_LABEL_FONT_SIZE:
     value: '.75rem'
+  INPUT_STATIC_FONT_SIZE:
+    value: '0.875rem'

design-tokens/salesforce-skin/font-weight.yml

@@ -9,7 +9,7 @@ global:
   - font-weight
 props:
   INPUT_STATIC_FONT_WEIGHT:
-    value: '600'
+    value: '400'
   TABS_FONT_WEIGHT:
     value: '700'
     comment: Use for active tab.

ui/components/input/base/_index.scss

@@ -270,6 +270,7 @@
   min-height: calc(#{$line-height-button} + 2px); // For IE
   font-size: $input-static-font-size;
   font-weight: $input-static-font-weight;
+  color: $color-input-static;
 
   // If read only state is longform
   // Apply text line height

ui/components/input/tokens/text-color.yml

@@ -0,0 +1,12 @@
+global:
+  type: color
+  category: text-color
+  cssProperties:
+  - color
+  - fill
+imports:
+- ../../../../design-tokens/color-palettes.yml
+props:
+  COLOR_INPUT_STATIC: 
+    value: "{!PALETTE_GRAY_12}"
+

ui/components/panels/detail/_index.scss

@@ -38,8 +38,4 @@
   &.slds-is-editing {
     box-shadow: $shadow-drop-down;
   }
-
-  .slds-form-element__static {
-    font-weight: $font-weight-regular;
-  }
 }