Fix specs

src/BrandedNavBar/MobileMenu.tsx

@@ -236,7 +236,7 @@ const BaseMobileMenu: React.FC<React.PropsWithChildren<BaseMobileMenuProps>> = (
 }) => (
   <Nav backgroundColor={themeColorObject && themeColorObject.background} {...props}>
     <BrandingWrap>
-      <BrandingText logoColor={themeColorObject.logoColor} />
+      <BrandingText logoColor={themeColorObject?.logoColor} />
     </BrandingWrap>
     <Menu>
       {menuData.primaryMenu && renderTopLayerMenuItems(menuData.primaryMenu, closeMenu, themeColorObject)}

src/BrandedNavBar/NavBarDropdownMenu.tsx

@@ -107,7 +107,7 @@ class StatelessNavBarDropdownMenu extends StatelessNavBarDropdownMenuClass {
                   ref(node);
                   this.setTriggerRef(node);
                 },
-              },
+              }
             )
           }
         </Reference>

src/Button/ControlIcon.tsx

@@ -43,14 +43,14 @@ const StyledButton: React.FC<React.PropsWithChildren<any>> = styled.button(
       backgroundColor: theme.colors.lightGrey,
     },
   }),
-  space,
+  space
 );
 
 const ControlIcon = React.forwardRef(
   ({ icon, toggled, disabled, label, size = "x4", type = "button", ...props }: ControlIconProps, ref) => (
     <StyledButton aria-label={label} ref={ref} disabled={disabled} toggled={toggled} type={type} {...props}>
       <Icon size={size} icon={icon} />
     </StyledButton>
-  ),
+  )
 );
 export default ControlIcon;

src/StatusIndicator/StatusIndicator.tsx

@@ -12,7 +12,7 @@ export const StatusIndicatorValues = {
   quiet: "quiet",
 } as const;
 
-export type StatusIndicatorType = (typeof StatusIndicatorValues)[keyof typeof StatusIndicatorValues];
+export type StatusIndicatorType = typeof StatusIndicatorValues[keyof typeof StatusIndicatorValues];
 
 const statusIndicatorStyles = (theme: DefaultNDSThemeType) => ({
   [StatusIndicatorValues.neutral]: {
@@ -68,7 +68,7 @@ const StatusIndicator = styled.span<Props>(
     letterSpacing: ".05em",
     borderRadius: theme.space.x1,
     ...statusIndicatorStyles(theme)[type],
-  }),
+  })
 );
 
 export default StatusIndicator;

src/Table/TableCell.tsx

@@ -19,7 +19,7 @@ const StyledTableCell: React.FC<React.PropsWithChildren<StyledTableCellProps>> =
         paddingLeft: padding,
       },
     };
-  },
+  }
 );
 
 type TableCellProps = {

src/Table/TableFoot.tsx

@@ -18,7 +18,7 @@ const renderRows = (rows, columns, keyField, loading, compact) =>
 
 const TableFooterRow = ({ row, columns, loading, compact }) => {
   const columnsWithoutControls = columns.filter(
-    (column) => column.dataKey !== "selected" && column.dataKey !== "expanded",
+    (column) => column.dataKey !== "selected" && column.dataKey !== "expanded"
   );
   const numberOfControlColumns = columns.length - columnsWithoutControls.length;
   return (
@@ -42,7 +42,7 @@ const TableFooterRow = ({ row, columns, loading, compact }) => {
               compact={compact}
             />
           )
-        ),
+        )
       )}
     </StyledFooterRow>
   );

src/Table/addExpandableControl.tsx

@@ -32,9 +32,8 @@ const ExpandCell = ({ row, onRowExpansionChange }: ExpandCellProps) => {
   );
 };
 
-const expandCellRenderer = (onRowExpansionChange) => (props) => (
-  <ExpandCell onRowExpansionChange={onRowExpansionChange} {...props} />
-);
+const expandCellRenderer = (onRowExpansionChange) => (props) =>
+  <ExpandCell onRowExpansionChange={onRowExpansionChange} {...props} />;
 const addExpandableColumn = ({ columns, onRowExpansionChange }) => {
   const expandableColumn = {
     dataKey: EXPANDABLE_COLUMN_DATA_KEY,

src/Tabs/Tab.tsx

@@ -94,7 +94,7 @@ const TabButton = styled.button<TabButtonProps>(
         px: "x3",
       },
     },
-  }),
+  })
 );
 
 type TabProps = TabButtonProps & {

src/Textarea/Textarea.tsx

@@ -41,7 +41,7 @@ const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
       size,
       ...props
     },
-    ref,
+    ref
   ) => {
     const componentSize = useComponentSize(size);
     const spaceProps = getSubset(props, propTypes.space);
@@ -69,7 +69,7 @@ const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
         <InlineValidation mt="x1" errorMessage={errorMessage} errorList={errorList} />
       </Field>
     );
-  },
+  }
 );
 
 export default Textarea;

src/TimeRange/TimeRange.tsx

@@ -55,7 +55,7 @@ const TimeRange = forwardRef(
       },
       ...props
     }: TimeRangeProps,
-    ref,
+    ref
   ) => {
     const [startTime, setStartTime] = useState();
     const [endTime, setEndTime] = useState();
@@ -176,7 +176,7 @@ const TimeRange = forwardRef(
         {...props}
       />
     );
-  },
+  }
 );
 
 export default TimeRange;

src/Toggle/ToggleButton.tsx

@@ -110,7 +110,7 @@ const ToggleInput = styled.input(
       transform: disabled ? null : `scale(${animationConfig.scale})`,
       boxShadow: disabled ? undefined : theme.shadows.focus,
     },
-  }),
+  })
 );
 
 const ToggleButton = React.forwardRef<React.Ref<HTMLInputElement>, ToggleButtonProps>((props, ref) => {

src/Tooltip/Tooltip.tsx

@@ -38,7 +38,7 @@ const Tooltip = React.forwardRef<any, TooltipProps>(
       tooltip,
       children,
     },
-    ref,
+    ref
   ) => (
     <Popper
       ref={ref}
@@ -53,7 +53,7 @@ const Tooltip = React.forwardRef<any, TooltipProps>(
         {tooltip}
       </TooltipContainer>
     </Popper>
-  ),
+  )
 );
 
 export default Tooltip;

src/Type/Text.tsx

@@ -32,7 +32,7 @@ const Text = styled.p<TextProps>(
     opacity: disabled ? "0.7" : undefined,
     display: inline ? "inline" : undefined,
   }),
-  addStyledProps,
+  addStyledProps
 );
 
 export default Text;