chore(releases): update component specs based on dev feedback

Author: 100stacks

docs/_data/nav.json5

@@ -23,7 +23,7 @@
             { label: 'Breadcrumb', path: 'breadcrumb' },
             { label: 'Button', path: 'button' },
             { label: 'Checkbox', path: 'checkbox' },
-            { label: 'Choice Tile', path: 'choice-tile' },
+            { label: 'Choice (Option) Tile', path: 'choice-tile' },
             { label: 'Drawer', path: 'drawer' },
             { label: 'Dropdown Select', path: 'dropdown-select' },
             { label: 'Email Input', path: 'email' },

src/scss/base/_typography.scss

@@ -10,7 +10,6 @@ body {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  padding-bottom: 1.5rem;
 }
 
 // HEADINGS

src/scss/components/checkbox/_index.scss

@@ -32,6 +32,7 @@ hx-checkbox-control {
     grid-area: lbl;
 
     // grid parent
+    align-items: center;
     -ms-grid-columns: auto 1fr;
     -ms-grid-rows: auto;
     display: -ms-grid;
@@ -47,7 +48,6 @@ hx-checkbox-control {
       -ms-grid-row: 1;
       display: none;
       grid-area: facade;
-      margin-top: 0.25rem; // FIXME: fix with proper inline styling
     }
   }
 

src/scss/components/pill/_index.scss

@@ -14,7 +14,7 @@ hx-status {
   display: inline-block;
   font-size: 0.625rem; // 10px
   height: 1rem;
-  line-height: 1;
+  line-height: 0.5rem;
   max-width: 100%;
   overflow: hidden;
   padding: 0.3em 0.8em 0.2em; // 3px 8px 2px
@@ -36,6 +36,8 @@ hx-status {
   &.hxSubdued {
     border-color: $gray-600;
     color: $gray-600;
+    font-size: 0.625rem;
+    line-height: 0.5rem;
   }
 
   &.hxFill {

src/scss/components/radio/_index.scss

@@ -51,6 +51,7 @@ hx-radio-control {
     grid-area: lbl;
 
     // grid parent
+    align-items: center;
     -ms-grid-columns: auto 1fr;
     -ms-grid-rows: auto;
     display: -ms-grid;
@@ -66,7 +67,6 @@ hx-radio-control {
       -ms-grid-row: 1;
       display: none;
       grid-area: facade;
-      margin-top: 0.25rem;
     }
   }