fix(my-joy-beta): remove all bolds

packages/images/src/components/footer.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import remcalc from 'remcalc';
-
-const List = styled.ul`
-  display: flex;
-  list-style: none;
-  padding: ${remcalc(12)} ${remcalc(18)};
-  border-top: ${remcalc(1)} solid ${props => props.theme.grey};
-  width: 100%;
-  justify-content: flex-end;
-  position: absolute;
-  box-sizing: border-box;
-  margin: 0;
-  bottom: 0;
-`;
-
-const ListItem = styled.li`
-  color: ${props => props.theme.greyDark};
-  &:not(:last-child) {
-    padding-right: ${remcalc(24)};
-  }
-`;
-
-const Link = styled.a`
-  color: ${props => props.theme.greyDark};
-  text-decoration: none;
-`;
-
-export default () => (
-  <List>
-    <ListItem>
-      <Link
-        href="https://www.joyent.com/about/policies"
-        target="__blank"
-        rel="noopener noreferrer"
-      >
-        Policies
-      </Link>
-    </ListItem>
-    <ListItem>
-      <Link
-        href="https://www.joyent.com/networking-and-security/security-compliance"
-        target="__blank"
-        rel="noopener noreferrer"
-      >
-        Compliance
-      </Link>
-    </ListItem>
-    <ListItem>
-      <b>© {new Date().getFullYear()} Joyent, Inc.</b>
-    </ListItem>
-  </List>
-);

packages/images/src/routes.js

@@ -7,7 +7,8 @@ import {
   ViewContainer,
   Message,
   MessageDescription,
-  MessageTitle
+  MessageTitle,
+  Footer
 } from 'joyent-ui-toolkit';
 
 import Breadcrumb from '@containers/breadcrumb';
@@ -16,7 +17,6 @@ import List from '@containers/list';
 import Summary from '@containers/summary';
 import Create from '@containers/create';
 import Tags from '@containers/tags';
-import Footer from '@components/footer';
 import { Route as ServerError } from '@root/server-error';
 
 export default () => (

packages/my-joy-beta/src/components/create-instance/affinity.js

@@ -1,4 +1,5 @@
 import React, { Fragment } from 'react';
+import styled from 'styled-components';
 import { Margin } from 'styled-components-spacing';
 import Flex from 'styled-flex-component';
 import { Field } from 'redux-form';
@@ -12,6 +13,10 @@ const style = {
   fontSize: '18px'
 };
 
+const Bold = styled.span`
+  font-weight: ${props => props.theme.font.weight.semibold};
+`;
+
 const Values = touched => (
   <Margin right={1}>
     <Select style={style} touched={touched} embedded width={remcalc(130)}>
@@ -127,7 +132,7 @@ export const Rule = rule => (
 
 export const Header = rule => (
   <Fragment>
-    <b>{titleCase(rule['rule-instance-conditional'])}:</b> be on a{' '}
+    <Bold>{titleCase(rule['rule-instance-conditional'])}:</Bold> be on a{' '}
     {rule['rule-instance-placement']} node as the instance(s) identified by the
     instance {rule['rule-type']}
     {rule['rule-type'] === 'name' ? (

packages/my-joy-beta/src/components/create-instance/image.js

@@ -3,11 +3,9 @@ import styled from 'styled-components';
 import { Field } from 'redux-form';
 import { Row, Col } from 'joyent-react-styled-flexboxgrid';
 import { Margin } from 'styled-components-spacing';
-import Flex from 'styled-flex-component';
 import pascalCase from 'pascal-case';
 import titleCase from 'title-case';
 import remcalc from 'remcalc';
-import format from 'date-fns/format';
 
 import * as Assets from 'joyent-logo-assets';
 
@@ -15,11 +13,9 @@ import {
   H3,
   P,
   FormGroup,
-  FormLabel,
   SectionList,
   SectionListItem,
   SectionListAnchor,
-  Anchor,
   H4,
   Select,
   Card

packages/my-joy-beta/src/components/navigation/footer.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import remcalc from 'remcalc';
-
-const List = styled.ul`
-  display: flex;
-  list-style: none;
-  padding: ${remcalc(12)} ${remcalc(18)};
-  border-top: ${remcalc(1)} solid ${props => props.theme.grey};
-  width: 100%;
-  justify-content: flex-end;
-  position: absolute;
-  box-sizing: border-box;
-  margin: 0;
-  bottom: 0;
-`;
-
-const ListItem = styled.li`
-  color: ${props => props.theme.greyDark};
-  &:not(:last-child) {
-    padding-right: ${remcalc(24)};
-  }
-`;
-
-const Link = styled.a`
-  color: ${props => props.theme.greyDark};
-  text-decoration: none;
-`;
-
-export default () => (
-  <List>
-    <ListItem>
-      <Link
-        href="https://www.joyent.com/about/policies"
-        target="__blank"
-        rel="noopener noreferrer"
-      >
-        Policies
-      </Link>
-    </ListItem>
-    <ListItem>
-      <Link
-        href="https://www.joyent.com/networking-and-security/security-compliance"
-        target="__blank"
-        rel="noopener noreferrer"
-      >
-        Compliance
-      </Link>
-    </ListItem>
-    <ListItem>
-      <b>© {new Date().getFullYear()} Joyent, Inc.</b>
-    </ListItem>
-  </List>
-);

packages/my-joy-beta/src/routes.js

@@ -7,11 +7,11 @@ import {
   ViewContainer,
   Message,
   MessageDescription,
-  MessageTitle
+  MessageTitle,
+  Footer
 } from 'joyent-ui-toolkit';
 
 import { Breadcrumb, Menu } from '@containers/navigation';
-import Footer from '@components/navigation/footer';
 import CreateInstance from '@containers/create-instance';
 import { Route as ServerError } from '@root/server-error';
 

packages/ui-toolkit/src/footer/index.js

@@ -1,47 +1,58 @@
 import React from 'react';
 import styled from 'styled-components';
 import remcalc from 'remcalc';
-import is from 'styled-is';
 
-import Baseline from '../baseline';
-import { ViewContainer } from '../layout';
-
-const Container = ViewContainer.extend`
+const List = styled.ul`
   display: flex;
-  flex-wrap: nowrap;
-  align-content: stretch;
-  align-items: stretch;
-`;
-
-const Footer = styled.div`
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-content: stretch;
-  align-items: stretch;
-  background-color: rgba(241, 241, 241, 1);
+  list-style: none;
+  padding: ${remcalc(12)} ${remcalc(18)};
   border-top: ${remcalc(1)} solid ${props => props.theme.grey};
-  max-height: ${remcalc(53)};
-  min-height: ${remcalc(53)};
-  line-height: ${remcalc(25)};
-
-  height: ${remcalc(70)};
-  max-height: ${remcalc(70)};
-  z-index: 1;
-
-  ${is('fixed')`
-    position: fixed;
-    left: 0;
-    right: 0;
-  `};
-
-  ${is('bottom', 'fixed')`
-    bottom: 0;
-  `};
+  width: 100%;
+  justify-content: flex-end;
+  position: absolute;
+  box-sizing: border-box;
+  margin: 0;
+  bottom: 0;
 `;
 
-export default Baseline(({ children, fluid, ...rest }) => (
-  <Footer {...rest}>
-    <Container fluid={fluid}>{children}</Container>
-  </Footer>
-));
+const ListItem = styled.li`
+  color: ${props => props.theme.greyDark};
+  &:not(:last-child) {
+    padding-right: ${remcalc(24)};
+  }
+`;
+
+const Link = styled.a`
+  color: ${props => props.theme.greyDark};
+  text-decoration: none;
+`;
+
+const Brand = styled.span`
+  font-weight: ${props => props.theme.font.weight.semibold};
+`;
+
+export default () => (
+  <List>
+    <ListItem>
+      <Link
+        href="https://www.joyent.com/about/policies"
+        target="__blank"
+        rel="noopener noreferrer"
+      >
+        Policies
+      </Link>
+    </ListItem>
+    <ListItem>
+      <Link
+        href="https://www.joyent.com/networking-and-security/security-compliance"
+        target="__blank"
+        rel="noopener noreferrer"
+      >
+        Compliance
+      </Link>
+    </ListItem>
+    <ListItem>
+      <Brand>© {new Date().getFullYear()} Joyent, Inc.</Brand>
+    </ListItem>
+  </List>
+);

packages/ui-toolkit/src/key-value/index.js

@@ -47,6 +47,10 @@ const Meta = styled(CardHeaderMeta)`
   max-width: 98%;
 `;
 
+const Bold = styled.span`
+   font-weight: ${props => props.theme.font.weight.semibold};
+`;
+
 class ValueTextareaField extends PureComponent {
   render() {
     const { input = {}, submitting, editor } = this.props;
@@ -58,8 +62,7 @@ class ValueTextareaField extends PureComponent {
           React.createElement(editor, {
             ...props,
             mode: 'sh'
-          })
-        }
+          })}
       />
     ) : (
       <Textarea monospace resize="vertical" disabled={submitting} fluid />
@@ -209,13 +212,13 @@ export const KeyValue = ({
                   {initialValues.name ? (
                     <Fragment>
                       {expanded ? (
-                        <span>{`${initialValues.name}${
-                          type === 'metadata' ? '—' : ':'
-                        }`}</span>
+                        <span>{`${initialValues.name}${type === 'metadata'
+                          ? '—'
+                          : ':'}`}</span>
                       ) : (
-                        <b>{`${initialValues.name}${
-                          type === 'metadata' ? '—' : ':'
-                        }`}</b>
+                        <Bold>{`${initialValues.name}${type === 'metadata'
+                          ? '—'
+                          : ':'}`}</Bold>
                       )}
                       <span>{initialValues.value}</span>
                     </Fragment>

packages/ui-toolkit/src/table/index.js

@@ -177,7 +177,7 @@ const BaseTh = styled.th`
 
   ${isOr('selected', 'showSort')`
     color: ${props => props.theme.text};
-    font-weight: bold;
+    font-weight: ${props => props.theme.font.weight.semibold};
   `};
 
   &:not(:first-child) {
@@ -205,7 +205,7 @@ const BaseTd = styled.td`
   }
 
   ${is('bold')`
-    font-weight: bold
+    font-weight: ${props => props.theme.font.weight.semibold};
   `};
 
   ${is('selected')`