Updated icons

fonts/fonts.css

@@ -3,7 +3,7 @@
 
 /* font - icons */
 @font-face {
-  font-family: 'Bandwidth';
+  font-family: 'Bandwidth-v2';
   src: url(./Bandwidth.eot);
   src: url(./Bandwidth.woff2) format('woff2'),
     url(./Bandwidth.woff) format('woff'),

src/components/Accordion/Accordion.js

@@ -121,7 +121,7 @@ class Accordion extends React.Component {
 
   renderLabel = (isExpanded, disabled) => (
     <this.props.Label spacing={this.props.labelSpacing} disabled={disabled}>
-      <this.props.Arrow isExpanded={isExpanded} name="forward" size={21} />
+      <this.props.Arrow isExpanded={isExpanded} name="expandArrow" size={21} />
       <this.props.LabelText>{this.props.label}</this.props.LabelText>
     </this.props.Label>
   );

src/components/Accordion/styles/Arrow.js

@@ -6,7 +6,7 @@ const AccordionArrow = styled(Icon)`
   color: ${get('colors.gray.default')};
   margin: auto 1em auto auto;
   transform: ${({ isExpanded }) =>
-    isExpanded ? 'rotate(90deg)' : 'rotate(0)'};
+    isExpanded ? 'rotate(0deg)' : 'rotate(-90deg)'};
   transition: 0.2s all ease;
   font-weight: 100;
 

src/components/Callout/Callout.md

@@ -6,7 +6,7 @@
 
 ```js
 <Callout content="description">
-  <Icon name="exclamationMarkFilled" />
+  <Icon name="attention" />
 </Callout>
 ```
 

src/components/DragContainer/DragContainer.js

@@ -83,7 +83,7 @@ class DragContainer extends React.PureComponent {
           {/* Using wrapDragHandle to indicate which element is the handle */}
           {canDrag &&
             wrapDragHandle &&
-            wrapDragHandle(<DragHandle name="moveGrabber" />)}
+            wrapDragHandle(<DragHandle name="move" />)}
         </IconGroup>
       </Container>
     );

src/components/Icon/icons.js

@@ -1,229 +1,57 @@
 export const map = {
-  administrator: '\\f149',
-  amazon: '\\f179',
-  api: '\\f19a',
-  apiSettings: '\\f19b',
-  appointmentReminders: '\\f101',
-  ascendingSorting: '\\f114',
-  assistant: '\\f1a4',
-  attention: '\\f159',
-  average2: '\\f172',
-  back: '\\f118',
-  businessman: '\\f14c',
-  businesswoman: '\\f14a',
-  calendar: '\\f108',
-  calendar1: '\\f11b',
-  calendar_1: '\\f11b',
-  calendar10: '\\f139',
-  calendar_10: '\\f139',
-  calendar11: '\\f125',
-  calendar_11: '\\f125',
-  calendar12: '\\f123',
-  calendar_12: '\\f123',
-  calendar13: '\\f126',
-  calendar_13: '\\f126',
-  calendar14: '\\f127',
-  calendar_14: '\\f127',
-  calendar15: '\\f128',
-  calendar_15: '\\f128',
-  calendar16: '\\f12f',
-  calendar_16: '\\f12f',
-  calendar17: '\\f129',
-  calendar_17: '\\f129',
-  calendar18: '\\f12a',
-  calendar_18: '\\f12a',
-  calendar19: '\\f12b',
-  calendar_19: '\\f12b',
-  calendar2: '\\f121',
-  calendar_2: '\\f121',
-  calendar20: '\\f12e',
-  calendar_20: '\\f12e',
-  calendar21: '\\f130',
-  calendar_21: '\\f130',
-  calendar22: '\\f12c',
-  calendar_22: '\\f12c',
-  calendar23: '\\f12d',
-  calendar_23: '\\f12d',
-  calendar24: '\\f131',
-  calendar_24: '\\f131',
-  calendar25: '\\f132',
-  calendar_25: '\\f132',
-  calendar26: '\\f133',
-  calendar_26: '\\f133',
-  calendar27: '\\f134',
-  calendar_27: '\\f134',
-  calendar28: '\\f11c',
-  calendar_28: '\\f11c',
-  calendar29: '\\f135',
-  calendar_29: '\\f135',
-  calendar3: '\\f11d',
-  calendar_3: '\\f11d',
-  calendar30: '\\f136',
-  calendar_30: '\\f136',
-  calendar31: '\\f137',
-  calendar_31: '\\f137',
-  calendar4: '\\f138',
-  calendar_4: '\\f138',
-  calendar5: '\\f11e',
-  calendar_5: '\\f11e',
-  calendar6: '\\f124',
-  calendar_6: '\\f124',
-  calendar7: '\\f11f',
-  calendar_7: '\\f11f',
-  calendar8: '\\f120',
-  calendar_8: '\\f120',
-  calendar9: '\\f122',
-  calendar_9: '\\f122',
-  callTransfer: '\\f186',
-  callTransferFilled: '\\f187',
-  cat: '\\f164',
-  cheap2: '\\f171',
-  checkedCheckbox: '\\f10d',
-  checkmark: '\\f19f',
-  clearFilters: '\\f1b3',
-  clearShoppingCart: '\\f1b4',
-  clearShoppingCart2: '\\f1b9',
-  code: '\\f13e',
-  collaborator: '\\f148',
-  collapse: '\\f17f',
-  columns: '\\f1ac',
-  computer: '\\f196',
-  controller: '\\f162',
-  copy: '\\f180',
-  courses: '\\f18b',
-  coursesFilled: '\\f18c',
-  crown: '\\f103',
-  csv: '\\f119',
-  delete: '\\f110',
-  delete2: '\\f111',
-  // DEPRECATED: use delete2
-  delete_2: '\\f111',
-  delete3: '\\f15b',
-  // DEPRECATED: use delete3
-  delete_3: '\\f15b',
-  descendingSorting: '\\f115',
-  disclaimer: '\\f1af',
-  down: '\\f113',
-  down2: '\\f17d',
-  download: '\\f161',
-  downloadFromCloud: '\\f16d',
-  edit: '\\f1aa',
-  edit2: '\\f1ab',
-  emptyBox: '\\f13c',
-  error: '\\f1b1',
-  errorFilled: '\\f109',
-  exclamationMarkFilled: '\\f17e',
-  exit: '\\f145',
-  expandArrow: '\\f117',
-  expensive2: '\\f173',
-  expired: '\\f150',
-  externalLink: '\\f194',
-  file: '\\f13f',
-  fileFilled: '\\f140',
-  flashOn: '\\f16b',
-  forward: '\\f116',
-  genderNeutralUser: '\\f174',
-  googleLogoFilled: '\\f177',
-  grid: '\\f1ad',
-  guest: '\\f14d',
-  hashtag: '\\f182',
-  hashtagFilled: '\\f183',
-  help: '\\f105',
-  help2: '\\f106',
-  // DEPRECATED: use help2
-  help_2: '\\f106',
-  hide: '\\f1a7',
-  home: '\\f18a',
-  insertTable: '\\f13d',
-  journey: '\\f188',
-  journeyFilled: '\\f189',
-  link: '\\f193',
-  lock: '\\f147',
-  loginRounded: '\\f1a6',
-  logoutRounded: '\\f1a5',
-  lol: '\\f165',
-  lowPrice: '\\f170',
-  maintenance: '\\f18d',
-  menu: '\\f13a',
-  menu2: '\\f18f',
-  message: '\\f146',
-  minus: '\\f1bd',
-  moderator: '\\f14e',
-  more: '\\f13b',
-  moveGrabber: '\\f1a2',
-  msExcel: '\\f11a',
-  musicVideo: '\\f169',
-  ok: '\\f10a',
-  okFilled: '\\f10b',
-  onlineSupport: '\\f1a3',
-  openInWindow: '\\f191',
-  pdf2: '\\f15e',
-  // DEPRECATED: use pdf2
-  pdf_2: '\\f15e',
-  phone: '\\f141',
-  phoneFilled: '\\f142',
-  picture: '\\f166',
-  plusMath: '\\f181',
-  pokemon: '\\f163',
-  portrait: '\\f16a',
-  purchaseOrder: '\\f1bb',
-  readMessage: '\\f199',
-  restart: '\\f1ba',
-  save: '\\f1a1',
-  search: '\\f102',
-  searchFilled: '\\f107',
-  securityChecked: '\\f176',
-  server: '\\f195',
-  settings: '\\f1a9',
-  shoppingCart: '\\f1bf',
-  signature: '\\f1ae',
-  skypeFilled: '\\f178',
-  sms: '\\f184',
-  smsFilled: '\\f185',
-  sortingOptions: '\\f160',
-  speechBubble: '\\f143',
-  speechBubbleFilled: '\\f144',
-  speedometer: '\\f175',
-  spinnerFrame1: '\\f151',
-  spinnerFrame_1: '\\f151',
-  spinnerFrame2: '\\f152',
-  spinnerFrame_2: '\\f152',
-  spinnerFrame3: '\\f153',
-  spinnerFrame_3: '\\f153',
-  spinnerFrame4: '\\f154',
-  spinnerFrame_4: '\\f154',
-  spinnerFrame5: '\\f155',
-  spinnerFrame_5: '\\f155',
-  spinnerFrame6: '\\f156',
-  spinnerFrame_6: '\\f156',
-  spinnerFrame7: '\\f157',
-  spinnerFrame_7: '\\f157',
-  spinnerFrame8: '\\f158',
-  spinnerFrame_8: '\\f158',
-  stack: '\\f197',
-  stackOfPhotos: '\\f167',
-  thumbUp: '\\f16e',
-  toggleOff: '\\f10e',
-  toggleOnFilled: '\\f10f',
-  toolbox: '\\f18e',
-  trash: '\\f104',
-  tripadvisor: '\\f17b',
-  tvShow: '\\f16c',
-  uncheckedCheckbox: '\\f10c',
-  unicorn: '\\f14f',
-  up: '\\f19e',
-  up2: '\\f17c',
-  upload: '\\f19d',
-  user: '\\f15d',
-  userFemaleBody: '\\f15c',
-  userMaleCircle: '\\f100',
-  videoPlaylist: '\\f168',
-  viewMore: '\\f1bc',
-  visible: '\\f1a8',
-  voipGateway: '\\f198',
-  whatsappFilled: '\\f17a',
-  worker: '\\f14b',
-  xls: '\\f15f',
+  arrowDown: '\\f101',
+  arrowUp: '\\f102',
+  assistant: '\\f12a',
+  attention: '\\f125',
+  back: '\\f100',
+  bell: '\\f103',
+  businesswoman: '\\f129',
+  calendar: '\\f104',
+  caret: '\\f105',
+  cartEmpty: '\\f106',
+  cart: '\\f107',
+  checkmark: '\\f108',
+  clearShoppingCart2: '\\f106',
+  code: '\\f109',
+  copy: '\\f10a',
+  csv: '\\f10b',
+  delete: '\\f123',
+  delete2: '\\f123',
+  delete3: '\\f10c',
+  delete_3: '\\f10c',
+  down: '\\f101',
+  download: '\\f10d',
+  edit: '\\f10e',
+  edit2: '\\f10e',
+  envelope: '\\f10f',
+  expandArrow: '\\f105',
+  expired: '\\f110',
+  fileFilled: '\\f111',
+  file: '\\f112',
+  clearFilters: '\\f113',
+  filter: '\\f114',
+  forward: '\\f12f',
+  help: '\\f115',
+  lock: '\\f116',
+  more: '\\f117',
+  move: '\\f118',
+  msExcel: '\\f124',
+  newWindow: '\\f119',
+  ok: '\\f126',
+  pdf: '\\f11a',
+  plus: '\\f11b',
+  plusMath: '\\f11b',
+  purchaseOrder: '\\f11c',
+  restart: '\\f11d',
+  search: '\\f11e',
+  settings: '\\f11f',
+  sliders: '\\f120',
+  table: '\\f121',
+  trash: '\\f10c',
+  upload: '\\f122',
+  viewMore: '\\f117',
+  x: '\\f123',
+  xls: '\\f124',
 };
 
 export default name => map[name];

src/components/Table/TableHeader.js

@@ -111,8 +111,8 @@ class TableHeader extends React.Component {
         {this.renderColumnName()}
         {sortable && (
           <SortArrows className="toggleSort" sortOrder={sortOrder}>
-            <Link className="sortUp" icon="up" onClick={this.sortUp} />
-            <Link className="sortDown" icon="down" onClick={this.sortDown} />
+            <Link className="sortUp" icon="arrowUp" onClick={this.sortUp} />
+            <Link className="sortDown" icon="arrowDown" onClick={this.sortDown} />
           </SortArrows>
         )}
       </Styles>

src/themes/irisTheme.js

@@ -83,7 +83,7 @@ export const fonts = {
   brand: '"Overpass", Raleway, "Open Sans", arial, sans-serif',
   default: '"Overpass", Raleway, "Open Sans", arial, sans-serif',
   monospace: '"Source Code Pro", monospace',
-  icon: 'Bandwidth',
+  icon: 'Bandwidth-v2',
 };
 
 export const shadows = {