Export typing for next/Badge (#110)

* export typing for next/Badge * Update CHANGELOG.md
lightspeed · Jun 25, 2020 · efc5418 · efc5418
1 parent fb8d68a
commit efc5418
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/packages/flame/CHANGELOG.md b/packages/flame/CHANGELOG.md
@@ -12,6 +12,7 @@ Refer to the [CONTRIBUTING guide](https://github.com/lightspeed/flame/blob/maste
 ### Fixed
 
 - Smoothed out border-radius for next/Badge ([#108](https://github.com/lightspeed/flame/pull/#108)
+- Export next/Badge prop typing and variant types ([#110](https://github.com/lightspeed/flame/pull/#110)
 
 ## 2.0.0-rc.7 - 2020-06-22
 

diff --git a/packages/flame/src/Badge/next/Badge.tsx b/packages/flame/src/Badge/next/Badge.tsx
@@ -1,17 +1,20 @@
 import * as React from 'react';
 import { css } from '@styled-system/css';
 
-interface Props extends React.ComponentPropsWithRef<'span'> {
+export type BadgeVariants = 'default' | 'danger' | 'primary' | 'success' | 'warning';
+export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
   /**
    * Adjust the overall look and feel of a badge.
+   * Possible variants are:
+   * 'default' | 'danger' | 'primary' | 'success' | 'warning'
    */
-  variant?: 'default' | 'danger' | 'primary' | 'success' | 'warning';
+  variant?: BadgeVariants;
 }
 /**
  * A badge communicates the status of an item or event when placed beside it.
  * It uses bold colors to quickly signal the intent of an item or event.
  */
-const Badge: React.FC<Props> = ({ variant = 'default', ...restProps }) => (
+export const Badge: React.FC<BadgeProps> = ({ variant = 'default', ...restProps }) => (
   <span
     className="fl-badge"
     css={css({
@@ -29,5 +32,3 @@ const Badge: React.FC<Props> = ({ variant = 'default', ...restProps }) => (
     {...restProps}
   />
 );
-
-export { Badge };