Minor Release Tracking Issue

index.d.ts

@@ -145,11 +145,13 @@ declare module '@primer/components' {
 
   export const StyledOcticon: React.FunctionComponent<StyledOcticonProps>
 
-  export interface DropdownProps extends CommonProps, ButtonProps {}
+  export interface DropdownProps extends React.Props<any>, StyledSystem.ColorProps, StyledSystem.SpaceProps, ButtonProps {
+    as?: React.ReactType
+    title?: string | React.ReactNode
+  }
 
   export interface DropdownMenuProps extends CommonProps, Omit<React.HTMLAttributes<HTMLUListElement>, 'color'> {
     direction?: string
-    title: string | React.ReactNode
   }
 
   export const Dropdown: React.FunctionComponent<DropdownProps> & {
@@ -191,7 +193,7 @@ declare module '@primer/components' {
 
   export const CounterLabel: React.FunctionComponent<CounterLabelProps>
 
-  export interface GridProps extends BoxProps, StyledSystem.GridProps, Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {}
+  export interface GridProps extends BoxProps, StyledSystem.GridProps {}
 
   export const Grid: React.FunctionComponent<GridProps>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "16.1.0",
+  "version": "16.2.0",
   "description": "Primer react components",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",

src/UnderlineNav.js

@@ -67,7 +67,7 @@ UnderlineNav.Link = styled.a.attrs(props => ({
   &:focus {
     color: ${get('colors.gray.9')};
     text-decoration: none;
-    border-bottom-color: ${get('colors.orange.5')};
+    border-bottom-color: ${get('colors.accent')};
     transition: 0.2s ease;
 
     .UnderlineNav-octicon {
@@ -77,7 +77,7 @@ UnderlineNav.Link = styled.a.attrs(props => ({
 
   &.selected {
     color: ${get('colors.gray.9')};
-    border-bottom-color: ${get('colors.orange.5')};
+    border-bottom-color: ${get('colors.accent')};
 
     .UnderlineNav-octicon {
       color: ${get('colors.gray.5')};

src/__tests__/__snapshots__/BreadcrumbItem.js.snap

@@ -135,6 +135,7 @@ exports[`Breadcrumb.Item renders the given "as" prop 1`] = `
         },
       },
       "colors": Object {
+        "accent": "#f66a0a",
         "bg": Object {
           "disabled": "#F3F4F6",
           "gray": "#f6f8fa",

src/__tests__/__snapshots__/FilterListItem.js.snap

@@ -148,6 +148,7 @@ exports[`FilterList.Item renders the given "as" prop 1`] = `
         },
       },
       "colors": Object {
+        "accent": "#f66a0a",
         "bg": Object {
           "disabled": "#F3F4F6",
           "gray": "#f6f8fa",

src/__tests__/__snapshots__/SubNavLink.js.snap

@@ -175,6 +175,7 @@ exports[`SubNav.Link renders the given "as" prop 1`] = `
         },
       },
       "colors": Object {
+        "accent": "#f66a0a",
         "bg": Object {
           "disabled": "#F3F4F6",
           "gray": "#f6f8fa",

src/__tests__/__snapshots__/UnderlineNavLink.js.snap

@@ -152,6 +152,7 @@ exports[`UnderlineNav.Link renders the given "as" prop 1`] = `
         },
       },
       "colors": Object {
+        "accent": "#f66a0a",
         "bg": Object {
           "disabled": "#F3F4F6",
           "gray": "#f6f8fa",

src/theme.js

@@ -48,7 +48,8 @@ const colors = {
     gray: gray[1],
     grayLight: gray[0],
     disabled: '#F3F4F6'
-  }
+  },
+  accent: orange[5]
 }
 
 const buttons = {