fix: Migrate Bullet & BulletList to TypeScript (#57)

Author: michaeltaranto

lib/components/Bullet/Bullet.css.js

@@ -0,0 +1,5 @@
+export default {
+  '.root': {
+    marginLeft: '1.3em'
+  }
+};

lib/components/Bullet/Bullet.css.js.d.ts

@@ -0,0 +1,3 @@
+// This file is automatically generated.
+// Please do not change this file!
+export const root: string;

lib/components/Bullet/Bullet.js

@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+import Text, { Props as TextProps } from '../Text/Text';
+import Box from '../Box/Box';
+import styles from './Bullet.css.js';
+
+const BulletItem = (props: TextProps) => <Text component="li" {...props} />;
+
+export default class Bullet extends Component {
+  static displayName = 'Bullet';
+
+  render() {
+    return (
+      <Box
+        component={BulletItem}
+        paddingBottom="xsmall"
+        className={styles.root}
+        {...this.props}
+      />
+    );
+  }
+}

lib/components/Bullet/Bullet.tsx

@@ -2,35 +2,31 @@
 
 exports[`Bullet Theme: jobStreet Default 1`] = `
 <li
-  class="Text__block fontFamily__text color__neutral fontSize__standard fontWeight__regular transform__standardText Text__listItem Box__root borderColor__standard paddingBottom__xsmall"
-  style="margin-left: 1.3em;"
+  class="Bullet__root Box__root borderColor__standard paddingBottom__xsmall Text__block fontFamily__text color__neutral fontSize__standard fontWeight__regular transform__standardText Text__listItem Box__root borderColor__standard"
 >
   Bullet
 </li>
 `;
 
 exports[`Bullet Theme: seekAnz Default 1`] = `
 <li
-  class="Text__block fontFamily__text color__neutral fontSize__standard fontWeight__regular transform__standardText Text__listItem Box__root borderColor__standard paddingBottom__xsmall"
-  style="margin-left: 1.3em;"
+  class="Bullet__root Box__root borderColor__standard paddingBottom__xsmall Text__block fontFamily__text color__neutral fontSize__standard fontWeight__regular transform__standardText Text__listItem Box__root borderColor__standard"
 >
   Bullet
 </li>
 `;
 
 exports[`Bullet Theme: seekAsia Default 1`] = `
 <li
-  class="Text__block fontFamily__text color__neutral fontSize__standard fontWeight__regular transform__standardText Text__listItem Box__root borderColor__standard paddingBottom__xsmall"
-  style="margin-left: 1.3em;"
+  class="Bullet__root Box__root borderColor__standard paddingBottom__xsmall Text__block fontFamily__text color__neutral fontSize__standard fontWeight__regular transform__standardText Text__listItem Box__root borderColor__standard"
 >
   Bullet
 </li>
 `;
 
 exports[`Bullet Theme: wireframe Default 1`] = `
 <li
-  class="Text__block fontFamily__text color__neutral fontSize__standard fontWeight__regular transform__standardText Text__listItem Box__root borderColor__standard paddingBottom__xsmall"
-  style="margin-left: 1.3em;"
+  class="Bullet__root Box__root borderColor__standard paddingBottom__xsmall Text__block fontFamily__text color__neutral fontSize__standard fontWeight__regular transform__standardText Text__listItem Box__root borderColor__standard"
 >
   Bullet
 </li>

lib/components/Bullet/__snapshots__/Bullet.test.js.snap

@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+import Box from '../Box/Box';
+
+export default class BulletList extends Component {
+  static displayName = 'BulletList';
+
+  render() {
+    return <Box component="ul" {...this.props} />;
+  }
+}

lib/components/BulletList/BulletList.js

@@ -2,7 +2,7 @@
 
 exports[`BulletList Theme: jobStreet Default 1`] = `
 <ul
-  class="Box__root borderColor__standard marginTop__none marginBottom__none paddingLeft__none reset__ul"
+  class="Box__root borderColor__standard reset__ul"
 >
   <li>
     Bullet
@@ -18,7 +18,7 @@ exports[`BulletList Theme: jobStreet Default 1`] = `
 
 exports[`BulletList Theme: seekAnz Default 1`] = `
 <ul
-  class="Box__root borderColor__standard marginTop__none marginBottom__none paddingLeft__none reset__ul"
+  class="Box__root borderColor__standard reset__ul"
 >
   <li>
     Bullet
@@ -34,7 +34,7 @@ exports[`BulletList Theme: seekAnz Default 1`] = `
 
 exports[`BulletList Theme: seekAsia Default 1`] = `
 <ul
-  class="Box__root borderColor__standard marginTop__none marginBottom__none paddingLeft__none reset__ul"
+  class="Box__root borderColor__standard reset__ul"
 >
   <li>
     Bullet
@@ -50,7 +50,7 @@ exports[`BulletList Theme: seekAsia Default 1`] = `
 
 exports[`BulletList Theme: wireframe Default 1`] = `
 <ul
-  class="Box__root borderColor__standard marginTop__none marginBottom__none paddingLeft__none reset__ul"
+  class="Box__root borderColor__standard reset__ul"
 >
   <li>
     Bullet

lib/components/BulletList/BulletList.tsx

@@ -11,7 +11,7 @@ import {
   Theme
 } from '../../themes/theme';
 
-interface Props extends WithThemeProps {
+export interface Props extends WithThemeProps {
   component?: ReactType;
   size?: FontSizeVariants;
   color?: ColorVariants;