Select Header styling fix

Author: ninariccimarie

.changeset/serious-dolls-travel.md

@@ -0,0 +1,6 @@
+---
+'polaris-glints': minor
+'@shopify/stylelint-polaris': minor
+---
+
+IndexTable styling changes

polaris-react/src/components/CheckableButton/CheckableButton.scss

@@ -2,7 +2,7 @@
 @import '../ResourceList/variables';
 
 $button-vertical-padding: calc(
-  (36px - var(--p-font-line-height-2) - var(--p-space-05)) / 2
+  (38px - var(--p-font-line-height-2) - var(--p-space-05)) / 2
 );
 
 .CheckableButton {
@@ -61,7 +61,8 @@ $button-vertical-padding: calc(
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
-  font-size: var(--p-font-size-100);
+  font-size: var(--p-font-size-200);
+  font-weight: var(--p-font-weight-semibold);
   font-family: 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', 'Noto Sans JP',
     'Noto Sans', sans-serif;
   // padding to fix the bottom of letters being cutoff by overflow: hidden

polaris-react/src/components/CheckableButton/CheckableButton.tsx

@@ -50,6 +50,7 @@ export const CheckableButton = forwardRef(function CheckableButton(
           checkbox?.({
             onChange: onToggleAll,
             checked: selected,
+            indeterminate: selected === 'indeterminate',
           })
         ) : (
           <Checkbox

polaris-react/src/components/IndexTable/IndexTable.scss

@@ -604,7 +604,7 @@ $loading-panel-height: 53px;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   right: 0;
   padding: 0 var(--p-space-2) 0 calc(var(--p-space-3) - var(--p-space-025));
-  background: var(--p-surface);
+  background: #f8fafc;
 
   &.StickyTableHeader-condensed {
     padding-top: calc(var(--p-space-2) + var(--p-space-05));

polaris-react/src/components/IndexTable/IndexTable.tsx

@@ -66,6 +66,7 @@ export interface IndexTableHeadingCheckbox {
   label?: string;
   onChange?: (checked: boolean) => unknown;
   checked?: boolean | 'indeterminate';
+  indeterminate?: boolean;
 }
 
 export interface IndexTableBaseProps {