@skyscanner/backpack-web 15.0.0 → 16.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (553) hide show
  1. package/bpk-component-badge/README.md +1 -1
  2. package/bpk-component-badge/src/BpkBadge.js +2 -0
  3. package/bpk-component-badge/src/BpkBadge.module.scss +4 -0
  4. package/bpk-component-card/README.md +29 -0
  5. package/bpk-component-card/index.js +3 -0
  6. package/bpk-component-card/src/BpkDividedCard.js +95 -0
  7. package/bpk-component-card/src/BpkDividedCard.module.css +18 -0
  8. package/bpk-component-card/src/BpkDividedCard.module.scss +62 -0
  9. package/bpk-component-chip/src/commonTypes.js +1 -1
  10. package/bpk-component-content-cards/README.md +1 -4
  11. package/bpk-component-icon/lg/accessibility.js +1 -1
  12. package/bpk-component-icon/lg/account--add.js +1 -1
  13. package/bpk-component-icon/lg/account--female.js +1 -1
  14. package/bpk-component-icon/lg/account--id-card.js +1 -1
  15. package/bpk-component-icon/lg/account--name.js +1 -1
  16. package/bpk-component-icon/lg/account--permit.js +1 -1
  17. package/bpk-component-icon/lg/account-circle.js +1 -1
  18. package/bpk-component-icon/lg/account.js +1 -1
  19. package/bpk-component-icon/lg/add-circle.js +1 -1
  20. package/bpk-component-icon/lg/adult.js +1 -1
  21. package/bpk-component-icon/lg/aircon.js +1 -1
  22. package/bpk-component-icon/lg/aircraft.js +1 -1
  23. package/bpk-component-icon/lg/airline--multiple.js +1 -1
  24. package/bpk-component-icon/lg/airline.js +1 -1
  25. package/bpk-component-icon/lg/airports.js +1 -1
  26. package/bpk-component-icon/lg/alert--active.js +1 -1
  27. package/bpk-component-icon/lg/alert--add.js +1 -1
  28. package/bpk-component-icon/lg/alert--expired.js +1 -1
  29. package/bpk-component-icon/lg/alert--remove.js +1 -1
  30. package/bpk-component-icon/lg/arrow-down.js +1 -1
  31. package/bpk-component-icon/lg/arrow-left.js +1 -1
  32. package/bpk-component-icon/lg/arrow-right.js +1 -1
  33. package/bpk-component-icon/lg/arrow-up.js +1 -1
  34. package/bpk-component-icon/lg/award.js +1 -1
  35. package/bpk-component-icon/lg/baby-carriage.js +1 -1
  36. package/bpk-component-icon/lg/baggage--add.js +1 -1
  37. package/bpk-component-icon/lg/baggage--remove.js +1 -1
  38. package/bpk-component-icon/lg/baggage-cabin-add.js +1 -1
  39. package/bpk-component-icon/lg/baggage-cabin-not-included.js +1 -1
  40. package/bpk-component-icon/lg/baggage-cabin.js +1 -1
  41. package/bpk-component-icon/lg/baggage-checked-add.js +1 -1
  42. package/bpk-component-icon/lg/baggage-checked-not-included.js +1 -1
  43. package/bpk-component-icon/lg/baggage-checked.js +1 -1
  44. package/bpk-component-icon/lg/baggage-cross.js +1 -1
  45. package/bpk-component-icon/lg/baggage-generic.js +1 -1
  46. package/bpk-component-icon/lg/baggage-tick.js +1 -1
  47. package/bpk-component-icon/lg/baggage.js +1 -1
  48. package/bpk-component-icon/lg/bar.js +1 -1
  49. package/bpk-component-icon/lg/beach.js +1 -1
  50. package/bpk-component-icon/lg/beer.js +1 -1
  51. package/bpk-component-icon/lg/breakfast-cross.js +1 -1
  52. package/bpk-component-icon/lg/breakfast-tick.js +1 -1
  53. package/bpk-component-icon/lg/bus.js +1 -1
  54. package/bpk-component-icon/lg/business.js +1 -1
  55. package/bpk-component-icon/lg/cafe.js +1 -1
  56. package/bpk-component-icon/lg/calendar.js +1 -1
  57. package/bpk-component-icon/lg/call-back.js +1 -1
  58. package/bpk-component-icon/lg/camera.js +1 -1
  59. package/bpk-component-icon/lg/camper-van.js +1 -1
  60. package/bpk-component-icon/lg/car-door.js +1 -1
  61. package/bpk-component-icon/lg/car-wash.js +1 -1
  62. package/bpk-component-icon/lg/cars-flexible.js +1 -1
  63. package/bpk-component-icon/lg/cars.js +1 -1
  64. package/bpk-component-icon/lg/center-location.js +1 -1
  65. package/bpk-component-icon/lg/chart.js +1 -1
  66. package/bpk-component-icon/lg/chauffeur.js +1 -1
  67. package/bpk-component-icon/lg/chevron-down.js +1 -1
  68. package/bpk-component-icon/lg/chevron-left.js +1 -1
  69. package/bpk-component-icon/lg/chevron-right.js +1 -1
  70. package/bpk-component-icon/lg/chevron-up.js +1 -1
  71. package/bpk-component-icon/lg/child-seat.js +1 -1
  72. package/bpk-component-icon/lg/child.js +1 -1
  73. package/bpk-component-icon/lg/city-center.js +1 -1
  74. package/bpk-component-icon/lg/city.js +1 -1
  75. package/bpk-component-icon/lg/clean-policy.js +1 -1
  76. package/bpk-component-icon/lg/clean.js +1 -1
  77. package/bpk-component-icon/lg/cleaning-medical.js +1 -1
  78. package/bpk-component-icon/lg/cloakroom.js +1 -1
  79. package/bpk-component-icon/lg/close-circle.js +1 -1
  80. package/bpk-component-icon/lg/close.js +1 -1
  81. package/bpk-component-icon/lg/collapse.js +1 -1
  82. package/bpk-component-icon/lg/content--copy.js +1 -1
  83. package/bpk-component-icon/lg/content--event.js +1 -1
  84. package/bpk-component-icon/lg/content--guides.js +1 -1
  85. package/bpk-component-icon/lg/currency.js +1 -1
  86. package/bpk-component-icon/lg/data.js +1 -1
  87. package/bpk-component-icon/lg/deals.js +1 -1
  88. package/bpk-component-icon/lg/depart.js +1 -1
  89. package/bpk-component-icon/lg/device-mid.js +1 -1
  90. package/bpk-component-icon/lg/device-wide.js +1 -1
  91. package/bpk-component-icon/lg/direct.js +1 -1
  92. package/bpk-component-icon/lg/document-csv.js +1 -1
  93. package/bpk-component-icon/lg/document-pdf.js +1 -1
  94. package/bpk-component-icon/lg/download.js +1 -1
  95. package/bpk-component-icon/lg/duration.js +1 -1
  96. package/bpk-component-icon/lg/eco-leaf.js +1 -1
  97. package/bpk-component-icon/lg/edit.js +1 -1
  98. package/bpk-component-icon/lg/education.js +1 -1
  99. package/bpk-component-icon/lg/electric.js +1 -1
  100. package/bpk-component-icon/lg/end-call.js +1 -1
  101. package/bpk-component-icon/lg/estimated.js +1 -1
  102. package/bpk-component-icon/lg/exclamation-circle.js +1 -1
  103. package/bpk-component-icon/lg/exclamation.js +1 -1
  104. package/bpk-component-icon/lg/expand.js +1 -1
  105. package/bpk-component-icon/lg/explore.js +1 -1
  106. package/bpk-component-icon/lg/face--blank.js +1 -1
  107. package/bpk-component-icon/lg/face--happy.js +1 -1
  108. package/bpk-component-icon/lg/face--sad.js +1 -1
  109. package/bpk-component-icon/lg/face-id.js +1 -1
  110. package/bpk-component-icon/lg/face-mask.js +1 -1
  111. package/bpk-component-icon/lg/family.js +1 -1
  112. package/bpk-component-icon/lg/fast-track.js +1 -1
  113. package/bpk-component-icon/lg/fast-train.js +1 -1
  114. package/bpk-component-icon/lg/filter.js +1 -1
  115. package/bpk-component-icon/lg/fingerprint.js +1 -1
  116. package/bpk-component-icon/lg/flag.js +1 -1
  117. package/bpk-component-icon/lg/flask.js +1 -1
  118. package/bpk-component-icon/lg/flight-flexible.js +1 -1
  119. package/bpk-component-icon/lg/flight-landing.js +1 -1
  120. package/bpk-component-icon/lg/flight-takeoff.js +1 -1
  121. package/bpk-component-icon/lg/flight.js +1 -1
  122. package/bpk-component-icon/lg/food.js +1 -1
  123. package/bpk-component-icon/lg/gears-automatic-circle.js +1 -1
  124. package/bpk-component-icon/lg/gears-automatic.js +1 -1
  125. package/bpk-component-icon/lg/gears-manual-circle.js +1 -1
  126. package/bpk-component-icon/lg/gears-manual.js +1 -1
  127. package/bpk-component-icon/lg/globe.js +1 -1
  128. package/bpk-component-icon/lg/grid-layout.js +1 -1
  129. package/bpk-component-icon/lg/headset.js +1 -1
  130. package/bpk-component-icon/lg/health-fitness.js +1 -1
  131. package/bpk-component-icon/lg/heart--outline.js +1 -1
  132. package/bpk-component-icon/lg/heart.js +1 -1
  133. package/bpk-component-icon/lg/help-circle.js +1 -1
  134. package/bpk-component-icon/lg/help.js +1 -1
  135. package/bpk-component-icon/lg/hide.js +1 -1
  136. package/bpk-component-icon/lg/hotel-flexible.js +1 -1
  137. package/bpk-component-icon/lg/hotels--disabled-facilities.js +1 -1
  138. package/bpk-component-icon/lg/hotels--jacuzzi.js +1 -1
  139. package/bpk-component-icon/lg/hotels--pets-allowed.js +1 -1
  140. package/bpk-component-icon/lg/hotels--smoking.js +1 -1
  141. package/bpk-component-icon/lg/hotels.js +1 -1
  142. package/bpk-component-icon/lg/infant.js +1 -1
  143. package/bpk-component-icon/lg/information--language-alert.js +1 -1
  144. package/bpk-component-icon/lg/information--language-question.js +1 -1
  145. package/bpk-component-icon/lg/information--language.js +1 -1
  146. package/bpk-component-icon/lg/information-circle.js +1 -1
  147. package/bpk-component-icon/lg/information.js +1 -1
  148. package/bpk-component-icon/lg/insurance.js +1 -1
  149. package/bpk-component-icon/lg/key.js +1 -1
  150. package/bpk-component-icon/lg/keypad.js +1 -1
  151. package/bpk-component-icon/lg/landmark.js +1 -1
  152. package/bpk-component-icon/lg/language.js +1 -1
  153. package/bpk-component-icon/lg/legroom--extra.js +1 -1
  154. package/bpk-component-icon/lg/legroom--normal.js +1 -1
  155. package/bpk-component-icon/lg/legroom--reduced.js +1 -1
  156. package/bpk-component-icon/lg/leisure.js +1 -1
  157. package/bpk-component-icon/lg/lightning.js +1 -1
  158. package/bpk-component-icon/lg/list.js +1 -1
  159. package/bpk-component-icon/lg/location.js +1 -1
  160. package/bpk-component-icon/lg/lock.js +1 -1
  161. package/bpk-component-icon/lg/logout.js +1 -1
  162. package/bpk-component-icon/lg/long-arrow-down.js +1 -1
  163. package/bpk-component-icon/lg/long-arrow-left.js +1 -1
  164. package/bpk-component-icon/lg/long-arrow-right.js +1 -1
  165. package/bpk-component-icon/lg/long-arrow-up.js +1 -1
  166. package/bpk-component-icon/lg/lounge.js +1 -1
  167. package/bpk-component-icon/lg/luggageall.js +1 -1
  168. package/bpk-component-icon/lg/mail.js +1 -1
  169. package/bpk-component-icon/lg/map.js +1 -1
  170. package/bpk-component-icon/lg/meal.js +1 -1
  171. package/bpk-component-icon/lg/media.js +1 -1
  172. package/bpk-component-icon/lg/menu--horizontal.js +1 -1
  173. package/bpk-component-icon/lg/menu--vertical.js +1 -1
  174. package/bpk-component-icon/lg/mileage.js +1 -1
  175. package/bpk-component-icon/lg/minus.js +1 -1
  176. package/bpk-component-icon/lg/mobile.js +1 -1
  177. package/bpk-component-icon/lg/money.js +1 -1
  178. package/bpk-component-icon/lg/multiple-bookings.js +1 -1
  179. package/bpk-component-icon/lg/music.js +1 -1
  180. package/bpk-component-icon/lg/mute.js +1 -1
  181. package/bpk-component-icon/lg/native-android--back.js +1 -1
  182. package/bpk-component-icon/lg/native-android--close.js +1 -1
  183. package/bpk-component-icon/lg/native-android--forward.js +1 -1
  184. package/bpk-component-icon/lg/native-ios-close.js +1 -1
  185. package/bpk-component-icon/lg/navigation.js +1 -1
  186. package/bpk-component-icon/lg/new-window.js +1 -1
  187. package/bpk-component-icon/lg/news.js +1 -1
  188. package/bpk-component-icon/lg/night.js +1 -1
  189. package/bpk-component-icon/lg/not-allowed.js +1 -1
  190. package/bpk-component-icon/lg/onsen.js +1 -1
  191. package/bpk-component-icon/lg/paid.js +1 -1
  192. package/bpk-component-icon/lg/paperclip.js +1 -1
  193. package/bpk-component-icon/lg/parking.js +1 -1
  194. package/bpk-component-icon/lg/passport.js +1 -1
  195. package/bpk-component-icon/lg/pause.js +1 -1
  196. package/bpk-component-icon/lg/payment-card.js +1 -1
  197. package/bpk-component-icon/lg/petrol.js +1 -1
  198. package/bpk-component-icon/lg/phone-call.js +1 -1
  199. package/bpk-component-icon/lg/picture.js +1 -1
  200. package/bpk-component-icon/lg/pin.js +1 -1
  201. package/bpk-component-icon/lg/plane-seat.js +1 -1
  202. package/bpk-component-icon/lg/play.js +1 -1
  203. package/bpk-component-icon/lg/plus.js +1 -1
  204. package/bpk-component-icon/lg/policy.js +1 -1
  205. package/bpk-component-icon/lg/powerplug.js +1 -1
  206. package/bpk-component-icon/lg/ppe.js +1 -1
  207. package/bpk-component-icon/lg/price-alerts.js +1 -1
  208. package/bpk-component-icon/lg/price-tag.js +1 -1
  209. package/bpk-component-icon/lg/print.js +1 -1
  210. package/bpk-component-icon/lg/recent-searches.js +1 -1
  211. package/bpk-component-icon/lg/redo.js +1 -1
  212. package/bpk-component-icon/lg/refresh.js +1 -1
  213. package/bpk-component-icon/lg/return.js +1 -1
  214. package/bpk-component-icon/lg/room.js +1 -1
  215. package/bpk-component-icon/lg/scales.js +1 -1
  216. package/bpk-component-icon/lg/search.js +1 -1
  217. package/bpk-component-icon/lg/self-service.js +1 -1
  218. package/bpk-component-icon/lg/send-message.js +1 -1
  219. package/bpk-component-icon/lg/services.js +1 -1
  220. package/bpk-component-icon/lg/settings.js +1 -1
  221. package/bpk-component-icon/lg/share--android.js +1 -1
  222. package/bpk-component-icon/lg/share--ios.js +1 -1
  223. package/bpk-component-icon/lg/share.js +1 -1
  224. package/bpk-component-icon/lg/single-booking.js +1 -1
  225. package/bpk-component-icon/lg/social-distancing.js +1 -1
  226. package/bpk-component-icon/lg/social-like.js +1 -1
  227. package/bpk-component-icon/lg/sort-down.js +1 -1
  228. package/bpk-component-icon/lg/sort-up.js +1 -1
  229. package/bpk-component-icon/lg/sort.js +1 -1
  230. package/bpk-component-icon/lg/speaker.js +1 -1
  231. package/bpk-component-icon/lg/star-half.js +1 -1
  232. package/bpk-component-icon/lg/star-outline.js +1 -1
  233. package/bpk-component-icon/lg/star.js +1 -1
  234. package/bpk-component-icon/lg/stops.js +1 -1
  235. package/bpk-component-icon/lg/swap--horizontal.js +1 -1
  236. package/bpk-component-icon/lg/swap--vertical.js +1 -1
  237. package/bpk-component-icon/lg/swap.js +1 -1
  238. package/bpk-component-icon/lg/taxi.js +1 -1
  239. package/bpk-component-icon/lg/thumbs-down.js +1 -1
  240. package/bpk-component-icon/lg/thumbs-up.js +1 -1
  241. package/bpk-component-icon/lg/tick-circle.js +1 -1
  242. package/bpk-component-icon/lg/tick.js +1 -1
  243. package/bpk-component-icon/lg/ticket-flexible.js +1 -1
  244. package/bpk-component-icon/lg/ticket.js +1 -1
  245. package/bpk-component-icon/lg/time.js +1 -1
  246. package/bpk-component-icon/lg/toilets.js +1 -1
  247. package/bpk-component-icon/lg/train.js +1 -1
  248. package/bpk-component-icon/lg/transmission-automatic.js +1 -1
  249. package/bpk-component-icon/lg/transmission-manual.js +1 -1
  250. package/bpk-component-icon/lg/trash.js +1 -1
  251. package/bpk-component-icon/lg/trend--down.js +1 -1
  252. package/bpk-component-icon/lg/trend--steady.js +1 -1
  253. package/bpk-component-icon/lg/trend--will-rise.js +1 -1
  254. package/bpk-component-icon/lg/trend.js +1 -1
  255. package/bpk-component-icon/lg/trips.js +1 -1
  256. package/bpk-component-icon/lg/undo.js +1 -1
  257. package/bpk-component-icon/lg/unlock.js +1 -1
  258. package/bpk-component-icon/lg/unmute.js +1 -1
  259. package/bpk-component-icon/lg/upgrade.js +1 -1
  260. package/bpk-component-icon/lg/use-location.js +1 -1
  261. package/bpk-component-icon/lg/view.js +1 -1
  262. package/bpk-component-icon/lg/virus.js +1 -1
  263. package/bpk-component-icon/lg/wallet.js +1 -1
  264. package/bpk-component-icon/lg/weather--clear.js +1 -1
  265. package/bpk-component-icon/lg/weather--cloudy.js +1 -1
  266. package/bpk-component-icon/lg/weather--fog.js +1 -1
  267. package/bpk-component-icon/lg/weather--partly-cloudy.js +1 -1
  268. package/bpk-component-icon/lg/weather--rain.js +1 -1
  269. package/bpk-component-icon/lg/weather--snow.js +1 -1
  270. package/bpk-component-icon/lg/weather--thunderstorm.js +1 -1
  271. package/bpk-component-icon/lg/weather--tornado.js +1 -1
  272. package/bpk-component-icon/lg/weather--wind.js +1 -1
  273. package/bpk-component-icon/lg/weather.js +1 -1
  274. package/bpk-component-icon/lg/wifi.js +1 -1
  275. package/bpk-component-icon/lg/window--reduce.js +1 -1
  276. package/bpk-component-icon/lg/window.js +1 -1
  277. package/bpk-component-icon/lg/world--amer.js +1 -1
  278. package/bpk-component-icon/lg/world--apac.js +1 -1
  279. package/bpk-component-icon/lg/world--emea.js +1 -1
  280. package/bpk-component-icon/sm/accessibility.js +4 -4
  281. package/bpk-component-icon/sm/account--add.js +4 -4
  282. package/bpk-component-icon/sm/account--female.js +4 -4
  283. package/bpk-component-icon/sm/account--id-card.js +4 -4
  284. package/bpk-component-icon/sm/account--name.js +4 -4
  285. package/bpk-component-icon/sm/account--permit.js +4 -4
  286. package/bpk-component-icon/sm/account-circle.js +4 -4
  287. package/bpk-component-icon/sm/account.js +4 -4
  288. package/bpk-component-icon/sm/add-circle.js +4 -4
  289. package/bpk-component-icon/sm/adult.js +4 -4
  290. package/bpk-component-icon/sm/aircon.js +4 -4
  291. package/bpk-component-icon/sm/aircraft.js +4 -4
  292. package/bpk-component-icon/sm/airline--multiple.js +4 -4
  293. package/bpk-component-icon/sm/airline.js +4 -4
  294. package/bpk-component-icon/sm/airports.js +4 -4
  295. package/bpk-component-icon/sm/alert--active.js +4 -4
  296. package/bpk-component-icon/sm/alert--add.js +4 -4
  297. package/bpk-component-icon/sm/alert--expired.js +4 -4
  298. package/bpk-component-icon/sm/alert--remove.js +4 -4
  299. package/bpk-component-icon/sm/arrow-down.js +4 -4
  300. package/bpk-component-icon/sm/arrow-left.js +4 -4
  301. package/bpk-component-icon/sm/arrow-right.js +4 -4
  302. package/bpk-component-icon/sm/arrow-up.js +4 -4
  303. package/bpk-component-icon/sm/award.js +4 -4
  304. package/bpk-component-icon/sm/baby-carriage.js +4 -4
  305. package/bpk-component-icon/sm/baggage--add.js +4 -4
  306. package/bpk-component-icon/sm/baggage--remove.js +4 -4
  307. package/bpk-component-icon/sm/baggage-cabin-add.js +4 -4
  308. package/bpk-component-icon/sm/baggage-cabin-not-included.js +4 -4
  309. package/bpk-component-icon/sm/baggage-cabin.js +4 -4
  310. package/bpk-component-icon/sm/baggage-checked-add.js +4 -4
  311. package/bpk-component-icon/sm/baggage-checked-not-included.js +4 -4
  312. package/bpk-component-icon/sm/baggage-checked.js +4 -4
  313. package/bpk-component-icon/sm/baggage-cross.js +4 -4
  314. package/bpk-component-icon/sm/baggage-generic.js +4 -4
  315. package/bpk-component-icon/sm/baggage-tick.js +4 -4
  316. package/bpk-component-icon/sm/baggage.js +4 -4
  317. package/bpk-component-icon/sm/bar.js +4 -4
  318. package/bpk-component-icon/sm/beach.js +4 -4
  319. package/bpk-component-icon/sm/beer.js +4 -4
  320. package/bpk-component-icon/sm/breakfast-cross.js +4 -4
  321. package/bpk-component-icon/sm/breakfast-tick.js +4 -4
  322. package/bpk-component-icon/sm/bus.js +4 -4
  323. package/bpk-component-icon/sm/business.js +4 -4
  324. package/bpk-component-icon/sm/cafe.js +4 -4
  325. package/bpk-component-icon/sm/calendar.js +4 -4
  326. package/bpk-component-icon/sm/call-back.js +4 -4
  327. package/bpk-component-icon/sm/camera.js +4 -4
  328. package/bpk-component-icon/sm/camper-van.js +4 -4
  329. package/bpk-component-icon/sm/car-door.js +4 -4
  330. package/bpk-component-icon/sm/car-wash.js +4 -4
  331. package/bpk-component-icon/sm/cars-flexible.js +4 -4
  332. package/bpk-component-icon/sm/cars.js +4 -4
  333. package/bpk-component-icon/sm/center-location.js +4 -4
  334. package/bpk-component-icon/sm/chart.js +4 -4
  335. package/bpk-component-icon/sm/chauffeur.js +4 -4
  336. package/bpk-component-icon/sm/chevron-down.js +4 -4
  337. package/bpk-component-icon/sm/chevron-left.js +4 -4
  338. package/bpk-component-icon/sm/chevron-right.js +4 -4
  339. package/bpk-component-icon/sm/chevron-up.js +4 -4
  340. package/bpk-component-icon/sm/child-seat.js +4 -4
  341. package/bpk-component-icon/sm/child.js +4 -4
  342. package/bpk-component-icon/sm/city-center.js +4 -4
  343. package/bpk-component-icon/sm/city.js +4 -4
  344. package/bpk-component-icon/sm/clean-policy.js +4 -4
  345. package/bpk-component-icon/sm/clean.js +4 -4
  346. package/bpk-component-icon/sm/cleaning-medical.js +4 -4
  347. package/bpk-component-icon/sm/cloakroom.js +4 -4
  348. package/bpk-component-icon/sm/close-circle.js +4 -4
  349. package/bpk-component-icon/sm/close.js +4 -4
  350. package/bpk-component-icon/sm/collapse.js +4 -4
  351. package/bpk-component-icon/sm/content--copy.js +4 -4
  352. package/bpk-component-icon/sm/content--event.js +4 -4
  353. package/bpk-component-icon/sm/content--guides.js +4 -4
  354. package/bpk-component-icon/sm/currency.js +4 -4
  355. package/bpk-component-icon/sm/data.js +4 -4
  356. package/bpk-component-icon/sm/deals.js +4 -4
  357. package/bpk-component-icon/sm/depart.js +4 -4
  358. package/bpk-component-icon/sm/device-mid.js +4 -4
  359. package/bpk-component-icon/sm/device-wide.js +4 -4
  360. package/bpk-component-icon/sm/direct.js +4 -4
  361. package/bpk-component-icon/sm/document-csv.js +4 -4
  362. package/bpk-component-icon/sm/document-pdf.js +4 -4
  363. package/bpk-component-icon/sm/download.js +4 -4
  364. package/bpk-component-icon/sm/duration.js +4 -4
  365. package/bpk-component-icon/sm/eco-leaf.js +4 -4
  366. package/bpk-component-icon/sm/edit.js +4 -4
  367. package/bpk-component-icon/sm/education.js +4 -4
  368. package/bpk-component-icon/sm/electric.js +4 -4
  369. package/bpk-component-icon/sm/end-call.js +4 -4
  370. package/bpk-component-icon/sm/estimated.js +4 -4
  371. package/bpk-component-icon/sm/exclamation-circle.js +4 -4
  372. package/bpk-component-icon/sm/exclamation.js +4 -4
  373. package/bpk-component-icon/sm/expand.js +4 -4
  374. package/bpk-component-icon/sm/explore.js +4 -4
  375. package/bpk-component-icon/sm/face--blank.js +4 -4
  376. package/bpk-component-icon/sm/face--happy.js +4 -4
  377. package/bpk-component-icon/sm/face--sad.js +4 -4
  378. package/bpk-component-icon/sm/face-id.js +4 -4
  379. package/bpk-component-icon/sm/face-mask.js +4 -4
  380. package/bpk-component-icon/sm/family.js +4 -4
  381. package/bpk-component-icon/sm/fast-track.js +4 -4
  382. package/bpk-component-icon/sm/fast-train.js +4 -4
  383. package/bpk-component-icon/sm/filter.js +4 -4
  384. package/bpk-component-icon/sm/fingerprint.js +4 -4
  385. package/bpk-component-icon/sm/flag.js +4 -4
  386. package/bpk-component-icon/sm/flask.js +4 -4
  387. package/bpk-component-icon/sm/flight-flexible.js +4 -4
  388. package/bpk-component-icon/sm/flight-landing.js +4 -4
  389. package/bpk-component-icon/sm/flight-takeoff.js +4 -4
  390. package/bpk-component-icon/sm/flight.js +4 -4
  391. package/bpk-component-icon/sm/food.js +4 -4
  392. package/bpk-component-icon/sm/gears-automatic-circle.js +4 -4
  393. package/bpk-component-icon/sm/gears-automatic.js +4 -4
  394. package/bpk-component-icon/sm/gears-manual-circle.js +4 -4
  395. package/bpk-component-icon/sm/gears-manual.js +4 -4
  396. package/bpk-component-icon/sm/globe.js +4 -4
  397. package/bpk-component-icon/sm/grid-layout.js +4 -4
  398. package/bpk-component-icon/sm/headset.js +4 -4
  399. package/bpk-component-icon/sm/health-fitness.js +4 -4
  400. package/bpk-component-icon/sm/heart--outline.js +4 -4
  401. package/bpk-component-icon/sm/heart.js +4 -4
  402. package/bpk-component-icon/sm/help-circle.js +4 -4
  403. package/bpk-component-icon/sm/help.js +4 -4
  404. package/bpk-component-icon/sm/hide.js +4 -4
  405. package/bpk-component-icon/sm/hotel-flexible.js +4 -4
  406. package/bpk-component-icon/sm/hotels--disabled-facilities.js +4 -4
  407. package/bpk-component-icon/sm/hotels--jacuzzi.js +4 -4
  408. package/bpk-component-icon/sm/hotels--pets-allowed.js +4 -4
  409. package/bpk-component-icon/sm/hotels--smoking.js +4 -4
  410. package/bpk-component-icon/sm/hotels.js +4 -4
  411. package/bpk-component-icon/sm/infant.js +4 -4
  412. package/bpk-component-icon/sm/information--language-alert.js +4 -4
  413. package/bpk-component-icon/sm/information--language-question.js +4 -4
  414. package/bpk-component-icon/sm/information--language.js +4 -4
  415. package/bpk-component-icon/sm/information-circle.js +4 -4
  416. package/bpk-component-icon/sm/information.js +4 -4
  417. package/bpk-component-icon/sm/insurance.js +4 -4
  418. package/bpk-component-icon/sm/key.js +4 -4
  419. package/bpk-component-icon/sm/keypad.js +4 -4
  420. package/bpk-component-icon/sm/landmark.js +4 -4
  421. package/bpk-component-icon/sm/language.js +4 -4
  422. package/bpk-component-icon/sm/legroom--extra.js +4 -4
  423. package/bpk-component-icon/sm/legroom--normal.js +4 -4
  424. package/bpk-component-icon/sm/legroom--reduced.js +4 -4
  425. package/bpk-component-icon/sm/leisure.js +4 -4
  426. package/bpk-component-icon/sm/lightning.js +4 -4
  427. package/bpk-component-icon/sm/list.js +4 -4
  428. package/bpk-component-icon/sm/location.js +4 -4
  429. package/bpk-component-icon/sm/lock.js +4 -4
  430. package/bpk-component-icon/sm/logout.js +4 -4
  431. package/bpk-component-icon/sm/long-arrow-down.js +4 -4
  432. package/bpk-component-icon/sm/long-arrow-left.js +4 -4
  433. package/bpk-component-icon/sm/long-arrow-right.js +4 -4
  434. package/bpk-component-icon/sm/long-arrow-up.js +4 -4
  435. package/bpk-component-icon/sm/lounge.js +4 -4
  436. package/bpk-component-icon/sm/luggageall.js +4 -4
  437. package/bpk-component-icon/sm/mail.js +4 -4
  438. package/bpk-component-icon/sm/map.js +4 -4
  439. package/bpk-component-icon/sm/meal.js +4 -4
  440. package/bpk-component-icon/sm/media.js +4 -4
  441. package/bpk-component-icon/sm/menu--horizontal.js +4 -4
  442. package/bpk-component-icon/sm/menu--vertical.js +4 -4
  443. package/bpk-component-icon/sm/menu.js +3 -3
  444. package/bpk-component-icon/sm/mileage.js +4 -4
  445. package/bpk-component-icon/sm/minus.js +4 -4
  446. package/bpk-component-icon/sm/mobile.js +4 -4
  447. package/bpk-component-icon/sm/money.js +4 -4
  448. package/bpk-component-icon/sm/multiple-bookings.js +4 -4
  449. package/bpk-component-icon/sm/music.js +4 -4
  450. package/bpk-component-icon/sm/mute.js +4 -4
  451. package/bpk-component-icon/sm/native-android--back.js +4 -4
  452. package/bpk-component-icon/sm/native-android--close.js +4 -4
  453. package/bpk-component-icon/sm/native-android--forward.js +4 -4
  454. package/bpk-component-icon/sm/native-ios-close.js +4 -4
  455. package/bpk-component-icon/sm/navigation.js +4 -4
  456. package/bpk-component-icon/sm/new-window.js +4 -4
  457. package/bpk-component-icon/sm/news.js +4 -4
  458. package/bpk-component-icon/sm/night.js +4 -4
  459. package/bpk-component-icon/sm/not-allowed.js +4 -4
  460. package/bpk-component-icon/sm/onsen.js +4 -4
  461. package/bpk-component-icon/sm/paid.js +4 -4
  462. package/bpk-component-icon/sm/paperclip.js +4 -4
  463. package/bpk-component-icon/sm/parking.js +4 -4
  464. package/bpk-component-icon/sm/passport.js +4 -4
  465. package/bpk-component-icon/sm/pause.js +4 -4
  466. package/bpk-component-icon/sm/payment-card.js +4 -4
  467. package/bpk-component-icon/sm/petrol.js +4 -4
  468. package/bpk-component-icon/sm/phone-call.js +4 -4
  469. package/bpk-component-icon/sm/picture.js +4 -4
  470. package/bpk-component-icon/sm/pin.js +4 -4
  471. package/bpk-component-icon/sm/plane-seat.js +4 -4
  472. package/bpk-component-icon/sm/play.js +4 -4
  473. package/bpk-component-icon/sm/plus.js +4 -4
  474. package/bpk-component-icon/sm/policy.js +4 -4
  475. package/bpk-component-icon/sm/powerplug.js +4 -4
  476. package/bpk-component-icon/sm/ppe.js +4 -4
  477. package/bpk-component-icon/sm/price-alerts.js +4 -4
  478. package/bpk-component-icon/sm/price-tag.js +4 -4
  479. package/bpk-component-icon/sm/print.js +4 -4
  480. package/bpk-component-icon/sm/recent-searches.js +4 -4
  481. package/bpk-component-icon/sm/redo.js +4 -4
  482. package/bpk-component-icon/sm/refresh.js +4 -4
  483. package/bpk-component-icon/sm/return.js +4 -4
  484. package/bpk-component-icon/sm/room.js +4 -4
  485. package/bpk-component-icon/sm/scales.js +4 -4
  486. package/bpk-component-icon/sm/search.js +4 -4
  487. package/bpk-component-icon/sm/self-service.js +4 -4
  488. package/bpk-component-icon/sm/send-message.js +4 -4
  489. package/bpk-component-icon/sm/services.js +4 -4
  490. package/bpk-component-icon/sm/settings.js +4 -4
  491. package/bpk-component-icon/sm/share--android.js +4 -4
  492. package/bpk-component-icon/sm/share--ios.js +4 -4
  493. package/bpk-component-icon/sm/share.js +4 -4
  494. package/bpk-component-icon/sm/single-booking.js +4 -4
  495. package/bpk-component-icon/sm/social-distancing.js +4 -4
  496. package/bpk-component-icon/sm/social-like.js +4 -4
  497. package/bpk-component-icon/sm/sort-down.js +4 -4
  498. package/bpk-component-icon/sm/sort-up.js +4 -4
  499. package/bpk-component-icon/sm/sort.js +4 -4
  500. package/bpk-component-icon/sm/speaker.js +4 -4
  501. package/bpk-component-icon/sm/star-half.js +4 -4
  502. package/bpk-component-icon/sm/star-outline.js +4 -4
  503. package/bpk-component-icon/sm/star.js +4 -4
  504. package/bpk-component-icon/sm/stops.js +4 -4
  505. package/bpk-component-icon/sm/swap--horizontal.js +4 -4
  506. package/bpk-component-icon/sm/swap--vertical.js +4 -4
  507. package/bpk-component-icon/sm/swap.js +4 -4
  508. package/bpk-component-icon/sm/taxi.js +4 -4
  509. package/bpk-component-icon/sm/thumbs-down.js +4 -4
  510. package/bpk-component-icon/sm/thumbs-up.js +4 -4
  511. package/bpk-component-icon/sm/tick-circle.js +4 -4
  512. package/bpk-component-icon/sm/tick.js +4 -4
  513. package/bpk-component-icon/sm/ticket-flexible.js +4 -4
  514. package/bpk-component-icon/sm/ticket.js +4 -4
  515. package/bpk-component-icon/sm/time.js +4 -4
  516. package/bpk-component-icon/sm/toilets.js +4 -4
  517. package/bpk-component-icon/sm/train.js +4 -4
  518. package/bpk-component-icon/sm/transmission-automatic.js +4 -4
  519. package/bpk-component-icon/sm/transmission-manual.js +4 -4
  520. package/bpk-component-icon/sm/trash.js +4 -4
  521. package/bpk-component-icon/sm/trend--down.js +4 -4
  522. package/bpk-component-icon/sm/trend--steady.js +4 -4
  523. package/bpk-component-icon/sm/trend--will-rise.js +4 -4
  524. package/bpk-component-icon/sm/trend.js +4 -4
  525. package/bpk-component-icon/sm/trips.js +4 -4
  526. package/bpk-component-icon/sm/undo.js +4 -4
  527. package/bpk-component-icon/sm/unlock.js +4 -4
  528. package/bpk-component-icon/sm/unmute.js +4 -4
  529. package/bpk-component-icon/sm/upgrade.js +4 -4
  530. package/bpk-component-icon/sm/use-location.js +4 -4
  531. package/bpk-component-icon/sm/view.js +4 -4
  532. package/bpk-component-icon/sm/virus.js +4 -4
  533. package/bpk-component-icon/sm/wallet.js +4 -4
  534. package/bpk-component-icon/sm/weather--clear.js +4 -4
  535. package/bpk-component-icon/sm/weather--cloudy.js +4 -4
  536. package/bpk-component-icon/sm/weather--fog.js +4 -4
  537. package/bpk-component-icon/sm/weather--partly-cloudy.js +4 -4
  538. package/bpk-component-icon/sm/weather--rain.js +4 -4
  539. package/bpk-component-icon/sm/weather--snow.js +4 -4
  540. package/bpk-component-icon/sm/weather--thunderstorm.js +4 -4
  541. package/bpk-component-icon/sm/weather--tornado.js +4 -4
  542. package/bpk-component-icon/sm/weather--wind.js +4 -4
  543. package/bpk-component-icon/sm/weather.js +4 -4
  544. package/bpk-component-icon/sm/wifi.js +4 -4
  545. package/bpk-component-icon/sm/window--reduce.js +4 -4
  546. package/bpk-component-icon/sm/window.js +4 -4
  547. package/bpk-component-icon/sm/world--amer.js +4 -4
  548. package/bpk-component-icon/sm/world--apac.js +4 -4
  549. package/bpk-component-icon/sm/world--emea.js +4 -4
  550. package/bpk-component-loading-button/src/BpkLoadingButton.module.scss +4 -2
  551. package/bpk-component-map/src/BpkIconMarker.module.scss +6 -2
  552. package/bpk-component-rating/src/BpkRating.js +24 -22
  553. package/package.json +4 -4
@@ -28,7 +28,7 @@ export default () => (
28
28
  | centered | bool | false | null |
29
29
  | className | string | false | null |
30
30
  | docked | oneOf('left', 'right') | false | null |
31
- | type | oneOf(BADGE_TYPES.warning, BADGE_TYPES.success, BADGE_TYPES.destructive, BADGE_TYPES.light, BADGE_TYPES.inverse, BADGE_TYPES.outline, BADGE_TYPES.strong)| false | BADGE_TYPES.warning |
31
+ | type | oneOf(BADGE_TYPES.warning, BADGE_TYPES.success, BADGE_TYPES.destructive, BADGE_TYPES.light, BADGE_TYPES.inverse, BADGE_TYPES.outline, BADGE_TYPES.strong, BADGE_TYPES.brand)| false | BADGE_TYPES.warning |
32
32
 
33
33
  ## Theme props
34
34
 
@@ -33,6 +33,7 @@ export const BADGE_TYPES = {
33
33
  inverse: 'inverse',
34
34
  outline: 'outline',
35
35
  strong: 'strong',
36
+ brand: 'brand',
36
37
  };
37
38
 
38
39
  const getClassName = cssModules(STYLES);
@@ -45,6 +46,7 @@ const badgeTypeClassNames = {
45
46
  [BADGE_TYPES.inverse]: getClassName('bpk-badge--inverse'),
46
47
  [BADGE_TYPES.outline]: getClassName('bpk-badge--outline'),
47
48
  [BADGE_TYPES.strong]: getClassName('bpk-badge--strong'),
49
+ [BADGE_TYPES.brand]: getClassName('bpk-badge--brand'),
48
50
  };
49
51
 
50
52
  export type Props = {
@@ -56,4 +56,8 @@
56
56
  &--strong {
57
57
  @include bpk-badge--strong;
58
58
  }
59
+
60
+ &--brand {
61
+ @include bpk-badge--brand;
62
+ }
59
63
  }
@@ -8,6 +8,8 @@ Check the main [Readme](https://github.com/skyscanner/backpack#usage) for a comp
8
8
 
9
9
  ## Usage
10
10
 
11
+ ### BpkCard
12
+
11
13
  ```js
12
14
  import React from 'react';
13
15
  import BpkCard from '@skyscanner/backpack-web/bpk-component-card';
@@ -21,8 +23,25 @@ export default () => (
21
23
  );
22
24
  ```
23
25
 
26
+ ### BpkDividedCard
27
+
28
+ ```js
29
+ import React from 'react';
30
+ import { BpkDividedCard, ORIENTATION } from '@skyscanner/backpack-web/bpk-component-divided-card';
31
+
32
+ export default () => (
33
+ <BpkDividedCard
34
+ primaryContent={'foo'}
35
+ secondaryContent={'bar'}
36
+ orientation={ORIENTATION.vertical}
37
+ />
38
+ );
39
+ ```
40
+
24
41
  ## Props
25
42
 
43
+ ### BpkCard
44
+
26
45
  | Property | PropType | Required | Default Value |
27
46
  | --------- | -------- | -------- | ------------- |
28
47
  | children | - | true | - |
@@ -30,3 +49,13 @@ export default () => (
30
49
  | href | string | false | null |
31
50
  | atomic | bool | false | true |
32
51
  | padded | bool | false | true |
52
+
53
+ ### BpkDividedCard
54
+
55
+ | Property | PropType | Required | Default Value |
56
+ | --------- | -------- | -------- | ------------- |
57
+ | primaryContent | node | true | - |
58
+ | secondaryContent | node | true | - |
59
+ | orientation | oneOf(ORIENTATION.horizontal, ORIENTATION.vertical) | false | ORIENTATION.horizontal |
60
+ | href | string | false | null |
61
+ | className | string | false | null |
@@ -18,5 +18,8 @@
18
18
  /* @flow strict */
19
19
 
20
20
  import BpkCard from './src/BpkCard';
21
+ import BpkDividedCard, { ORIENTATION } from './src/BpkDividedCard';
22
+
23
+ export { ORIENTATION, BpkDividedCard };
21
24
 
22
25
  export default BpkCard;
@@ -0,0 +1,95 @@
1
+ /*
2
+ * Backpack - Skyscanner's Design System
3
+ *
4
+ * Copyright 2016 Skyscanner Ltd
5
+ *
6
+ * Licensed under the Apache License, Version 2.0 (the "License");
7
+ * you may not use this file except in compliance with the License.
8
+ * You may obtain a copy of the License at
9
+ *
10
+ * http://www.apache.org/licenses/LICENSE-2.0
11
+ *
12
+ * Unless required by applicable law or agreed to in writing, software
13
+ * distributed under the License is distributed on an "AS IS" BASIS,
14
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15
+ * See the License for the specific language governing permissions and
16
+ * limitations under the License.
17
+ */
18
+ /* @flow strict */
19
+
20
+ import PropTypes from 'prop-types';
21
+ import React from 'react';
22
+
23
+ import { cssModules } from '../../bpk-react-utils';
24
+
25
+ import BpkCard from './BpkCard';
26
+ import STYLES from './BpkDividedCard.module.scss';
27
+
28
+ const getClassName = cssModules(STYLES);
29
+
30
+ export const ORIENTATION = {
31
+ horizontal: 'horizontal',
32
+ vertical: 'vertical',
33
+ };
34
+
35
+ export type Props = {
36
+ primaryContent: Node,
37
+ secondaryContent: Node,
38
+ orientation: $Values<typeof ORIENTATION>,
39
+ href: ?string,
40
+ className: ?string,
41
+ };
42
+ const BpkDividedCard = (props: Props) => {
43
+ const {
44
+ className,
45
+ href,
46
+ orientation,
47
+ primaryContent,
48
+ secondaryContent,
49
+ ...rest
50
+ } = props;
51
+ const isVertical = orientation === ORIENTATION.vertical;
52
+ const classNames = getClassName(
53
+ 'bpk-divided-card',
54
+ isVertical ? 'bpk-divided-card--vertical' : 'bpk-divided-card--horizontal',
55
+ className,
56
+ );
57
+
58
+ return (
59
+ // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
60
+ <BpkCard className={classNames} href={href} padded={false} {...rest}>
61
+ <div
62
+ className={getClassName(
63
+ !isVertical && 'bpk-divided-card__primary--horizontal',
64
+ )}
65
+ >
66
+ {primaryContent}
67
+ </div>
68
+ <div
69
+ className={getClassName(
70
+ isVertical
71
+ ? 'bpk-divided-card__secondary--vertical'
72
+ : 'bpk-divided-card__secondary--horizontal',
73
+ )}
74
+ >
75
+ {secondaryContent}
76
+ </div>
77
+ </BpkCard>
78
+ );
79
+ };
80
+
81
+ BpkDividedCard.propTypes = {
82
+ primaryContent: PropTypes.node.isRequired,
83
+ secondaryContent: PropTypes.node.isRequired,
84
+ orientation: PropTypes.oneOf(Object.keys(ORIENTATION)),
85
+ href: PropTypes.string,
86
+ className: PropTypes.string,
87
+ };
88
+
89
+ BpkDividedCard.defaultProps = {
90
+ orientation: ORIENTATION.horizontal,
91
+ href: null,
92
+ className: null,
93
+ };
94
+
95
+ export default BpkDividedCard;
@@ -0,0 +1,18 @@
1
+ /*
2
+ * Backpack - Skyscanner's Design System
3
+ *
4
+ * Copyright 2016 Skyscanner Ltd
5
+ *
6
+ * Licensed under the Apache License, Version 2.0 (the "License");
7
+ * you may not use this file except in compliance with the License.
8
+ * You may obtain a copy of the License at
9
+ *
10
+ * http://www.apache.org/licenses/LICENSE-2.0
11
+ *
12
+ * Unless required by applicable law or agreed to in writing, software
13
+ * distributed under the License is distributed on an "AS IS" BASIS,
14
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15
+ * See the License for the specific language governing permissions and
16
+ * limitations under the License.
17
+ */
18
+ @keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-divided-card{display:flex}
@@ -0,0 +1,62 @@
1
+ /*
2
+ * Backpack - Skyscanner's Design System
3
+ *
4
+ * Copyright 2016 Skyscanner Ltd
5
+ *
6
+ * Licensed under the Apache License, Version 2.0 (the "License");
7
+ * you may not use this file except in compliance with the License.
8
+ * You may obtain a copy of the License at
9
+ *
10
+ * http://www.apache.org/licenses/LICENSE-2.0
11
+ *
12
+ * Unless required by applicable law or agreed to in writing, software
13
+ * distributed under the License is distributed on an "AS IS" BASIS,
14
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15
+ * See the License for the specific language governing permissions and
16
+ * limitations under the License.
17
+ */
18
+
19
+ @import '~bpk-mixins/index.scss';
20
+
21
+ $min-vertical-width: 240;
22
+ $max-vertical-width: 720;
23
+ $min-horizontal-width: $max-vertical-width + 1;
24
+ $min-horizontal-height: 292;
25
+ $fixed-secondary-width: 216;
26
+
27
+ .bpk-divided-card {
28
+ display: flex;
29
+
30
+ &--vertical {
31
+ min-width: $bpk-one-pixel-rem * $min-vertical-width;
32
+ max-width: $bpk-one-pixel-rem * $max-vertical-width;
33
+ flex-direction: column;
34
+ }
35
+
36
+ &--horizontal {
37
+ min-width: $bpk-one-pixel-rem * $min-horizontal-width;
38
+ min-height: $bpk-one-pixel-rem * $min-horizontal-height;
39
+ }
40
+
41
+ &__primary {
42
+ &--horizontal {
43
+ flex: 1;
44
+ }
45
+ }
46
+
47
+ &__secondary {
48
+ &--vertical {
49
+ border-top: $bpk-input-border;
50
+ }
51
+
52
+ &--horizontal {
53
+ width: $bpk-one-pixel-rem * $fixed-secondary-width;
54
+ border-left: $bpk-input-border;
55
+
56
+ @include bpk-rtl {
57
+ border-right: $bpk-input-border;
58
+ border-left: unset;
59
+ }
60
+ }
61
+ }
62
+ }
@@ -22,8 +22,8 @@ import PropTypes from 'prop-types';
22
22
  import { type Node } from 'react';
23
23
 
24
24
  export const CHIP_TYPES = {
25
- onDark: 'on-dark',
26
25
  default: 'default',
26
+ onDark: 'on-dark',
27
27
  onImage: 'on-image',
28
28
  };
29
29
 
@@ -1,10 +1,7 @@
1
- # BpkContentCards
1
+ # bpk-component-content-cards
2
2
 
3
3
  > Backpack example component.
4
4
 
5
- - [Storybook link](https://backpack.github.io/storybook)
6
- - [Content Cards Docs](backpack.github.io/components/content-cards)
7
-
8
5
  ## Installation
9
6
 
10
7
  Check the main [Readme](https://github.com/skyscanner/backpack#usage) for a complete installation guide.
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8zM11 7.597V6.445a.314.314 0 0 1 .19-.303A2.216 2.216 0 0 1 12 6a2.15 2.15 0 0 1 .797.141.33.33 0 0 1 .203.314v1.142c0 .448-.5.676-1 .676s-1-.228-1-.676zm5.996 1.932a.525.525 0 0 1-.469.518l-2.35.235a1 1 0 0 0-.895.896l-.093.936a.97.97 0 0 0 .005.241l.72 5.047a.524.524 0 0 1-1.023.218l-.795-2.784a.1.1 0 0 0-.192 0l-.795 2.784a.524.524 0 0 1-1.024-.218l.721-5.047a.916.916 0 0 0 .005-.24l-.093-.937a1 1 0 0 0-.896-.896l-2.35-.235A.525.525 0 0 1 7.525 9h8.95a.525.525 0 0 1 .521.529z" /></svg>);
8
+ }} {...props}><path d="M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8zM11 7.597V6.445a.314.314 0 01.19-.303A2.216 2.216 0 0112 6a2.15 2.15 0 01.797.141.33.33 0 01.203.314v1.142c0 .448-.5.676-1 .676s-1-.228-1-.676zm5.996 1.932a.525.525 0 01-.469.518l-2.35.235a1 1 0 00-.895.896l-.093.936a.97.97 0 00.005.241l.72 5.047a.524.524 0 01-1.023.218l-.795-2.784a.1.1 0 00-.192 0l-.795 2.784a.524.524 0 01-1.024-.218l.721-5.047a.916.916 0 00.005-.24l-.093-.937a1 1 0 00-.896-.896l-2.35-.235A.525.525 0 017.525 9h8.95a.525.525 0 01.521.529z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M9.5 12c1.5 0 3-.8 3-2.378V4.6a1.179 1.179 0 0 0-.608-1.102A5.616 5.616 0 0 0 9.5 3a5.833 5.833 0 0 0-2.428.499A1.13 1.13 0 0 0 6.5 4.568v5.054C6.5 11.199 8 12 9.5 12zm-1-3h2v.028a1 1 0 0 1-2 0zm2 7a6.98 6.98 0 0 0 2.1 5H4.546A2.951 2.951 0 0 1 1.5 18.227v-.996a1.77 1.77 0 0 1 .99-1.634A16.867 16.867 0 0 1 9.472 14q.666 0 1.3.058A7.002 7.002 0 0 0 10.5 16zm7-5a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm3 5a1 1 0 0 1-1 1h-1v1a1 1 0 0 1-2 0v-1h-1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 2 0v1h1a1 1 0 0 1 1 1z" /></svg>);
8
+ }} {...props}><path d="M9.5 12c1.5 0 3-.8 3-2.378V4.6a1.179 1.179 0 00-.608-1.102A5.616 5.616 0 009.5 3a5.833 5.833 0 00-2.428.499A1.13 1.13 0 006.5 4.568v5.054C6.5 11.199 8 12 9.5 12zm-1-3h2v.028a1 1 0 01-2 0zm2 7a6.98 6.98 0 002.1 5H4.546A2.951 2.951 0 011.5 18.227v-.996a1.77 1.77 0 01.99-1.634A16.867 16.867 0 019.472 14q.666 0 1.3.058A7.002 7.002 0 0010.5 16zm7-5a5 5 0 105 5 5 5 0 00-5-5zm3 5a1 1 0 01-1 1h-1v1a1 1 0 01-2 0v-1h-1a1 1 0 010-2h1v-1a1 1 0 012 0v1h1a1 1 0 011 1z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M10.865 12h2.27a8.07 8.07 0 0 0 3.223-.614c.234-.117.15-.44-.046-.61a3.617 3.617 0 0 1-.744-2.63 8.345 8.345 0 0 1 .079-1.068 4.03 4.03 0 0 0-.08-1.808c-.454-1.575-1.296-1.766-2.27-1.46a2.682 2.682 0 0 0-4.54 1.284 10.123 10.123 0 0 0-.325 3.052 3.617 3.617 0 0 1-.744 2.63c-.197.17-.28.493-.046.61a8.07 8.07 0 0 0 3.223.614zM11 9h2v.028a1 1 0 0 1-2 0zm9 8.25v.977A2.712 2.712 0 0 1 17.227 21H7.045A2.951 2.951 0 0 1 4 18.227v-.995a1.77 1.77 0 0 1 .99-1.634A16.866 16.866 0 0 1 11.972 14a17.328 17.328 0 0 1 7.016 1.6A1.784 1.784 0 0 1 20 17.25z" /></svg>);
8
+ }} {...props}><path d="M10.865 12h2.27a8.07 8.07 0 003.223-.614c.234-.117.15-.44-.046-.61a3.617 3.617 0 01-.744-2.63 8.345 8.345 0 01.079-1.068 4.03 4.03 0 00-.08-1.808c-.454-1.575-1.296-1.766-2.27-1.46a2.682 2.682 0 00-4.54 1.284 10.123 10.123 0 00-.325 3.052 3.617 3.617 0 01-.744 2.63c-.197.17-.28.493-.046.61a8.07 8.07 0 003.223.614zM11 9h2v.028a1 1 0 01-2 0zm9 8.25v.977A2.712 2.712 0 0117.227 21H7.045A2.951 2.951 0 014 18.227v-.995a1.77 1.77 0 01.99-1.634A16.866 16.866 0 0111.972 14a17.328 17.328 0 017.016 1.6A1.784 1.784 0 0120 17.25z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M18.922 2H5a3.226 3.226 0 0 0-3 3v13.768A3.27 3.27 0 0 0 5 22h14a3.226 3.226 0 0 0 3-3V5a3.238 3.238 0 0 0-3.078-3zM8 7.858A.878.878 0 0 1 8.897 7h1.206a.878.878 0 0 1 .897.858v1.707a1.501 1.501 0 0 1-3 0zm6 7.557A1.537 1.537 0 0 1 12.44 17H6.713A1.67 1.67 0 0 1 5 15.415v-.653a.892.892 0 0 1 .487-.815A9.372 9.372 0 0 1 9.484 13a9.647 9.647 0 0 1 4.017.947.898.898 0 0 1 .499.825zM18.5 11h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1zm0-2h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1z" /></svg>);
8
+ }} {...props}><path d="M18.922 2H5a3.226 3.226 0 00-3 3v13.768A3.27 3.27 0 005 22h14a3.226 3.226 0 003-3V5a3.238 3.238 0 00-3.078-3zM8 7.858A.878.878 0 018.897 7h1.206a.878.878 0 01.897.858v1.707a1.501 1.501 0 01-3 0zm6 7.557A1.537 1.537 0 0112.44 17H6.713A1.67 1.67 0 015 15.415v-.653a.892.892 0 01.487-.815A9.372 9.372 0 019.484 13a9.647 9.647 0 014.017.947.898.898 0 01.499.825zM18.5 11h-4a.5.5 0 010-1h4a.5.5 0 010 1zm0-2h-4a.5.5 0 010-1h4a.5.5 0 010 1z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M10 12c1.5 0 3-.8 3-2.378V4.6a1.179 1.179 0 0 0-.608-1.102A5.619 5.619 0 0 0 10 3a5.833 5.833 0 0 0-2.428.499A1.13 1.13 0 0 0 7 4.568v5.054C7 11.2 8.5 12 10 12zM9 9h2v.028a1 1 0 0 1-2 0zm9 8.25v.977A2.712 2.712 0 0 1 15.227 21H5.045A2.951 2.951 0 0 1 2 18.227v-.995a1.77 1.77 0 0 1 .99-1.634A16.866 16.866 0 0 1 9.972 14a17.328 17.328 0 0 1 7.016 1.6A1.784 1.784 0 0 1 18 17.25zM22 7a1 1 0 0 1-1 1h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 1 1zm-1 4a1 1 0 0 1-1 1h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 1 1z" /></svg>);
8
+ }} {...props}><path d="M10 12c1.5 0 3-.8 3-2.378V4.6a1.179 1.179 0 00-.608-1.102A5.619 5.619 0 0010 3a5.833 5.833 0 00-2.428.499A1.13 1.13 0 007 4.568v5.054C7 11.2 8.5 12 10 12zM9 9h2v.028a1 1 0 01-2 0zm9 8.25v.977A2.712 2.712 0 0115.227 21H5.045A2.951 2.951 0 012 18.227v-.995a1.77 1.77 0 01.99-1.634A16.866 16.866 0 019.972 14a17.328 17.328 0 017.016 1.6A1.784 1.784 0 0118 17.25zM22 7a1 1 0 01-1 1h-4a1 1 0 010-2h4a1 1 0 011 1zm-1 4a1 1 0 01-1 1h-3a1 1 0 010-2h3a1 1 0 011 1z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M4 5a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v16.382a1 1 0 0 1-1.447.894l-5.659-2.829a2 2 0 0 0-1.788 0l-5.659 2.83A1 1 0 0 1 4 21.381V5zm13.237 3.676a1 1 0 0 0-1.474-1.352l-4.794 5.23-2.262-2.261a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.444-.031l5.5-6z" /></svg>);
8
+ }} {...props}><path d="M4 5a3 3 0 013-3h10a3 3 0 013 3v16.382a1 1 0 01-1.447.894l-5.659-2.829a2 2 0 00-1.788 0l-5.659 2.83A1 1 0 014 21.381V5zm13.237 3.676a1 1 0 00-1.474-1.352l-4.794 5.23-2.262-2.261a1 1 0 10-1.414 1.414l3 3a1 1 0 001.444-.031l5.5-6z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zM6.21 15.975A7.037 7.037 0 0 0 12 19a7.037 7.037 0 0 0 5.79-3.024c.427-.613.174-1.435-.5-1.762A12.06 12.06 0 0 0 12 13c-1.898 0-3.693.436-5.29 1.213-.673.327-.927 1.15-.5 1.762zM10.994 5C10.17 5 9.5 5.618 9.5 6.381v2.31C9.5 9.965 10.62 11 12 11s2.5-1.035 2.5-2.31V6.382C14.5 5.618 13.83 5 13.005 5h-2.01z" /></svg>);
8
+ }} {...props}><path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zM6.21 15.975A7.037 7.037 0 0012 19a7.037 7.037 0 005.79-3.024c.427-.613.174-1.435-.5-1.762A12.06 12.06 0 0012 13c-1.898 0-3.693.436-5.29 1.213-.673.327-.927 1.15-.5 1.762zM10.994 5C10.17 5 9.5 5.618 9.5 6.381v2.31C9.5 9.965 10.62 11 12 11s2.5-1.035 2.5-2.31V6.382C14.5 5.618 13.83 5 13.005 5h-2.01z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M12 12c1.5 0 3-.8 3-2.378V4.6a1.179 1.179 0 0 0-.608-1.102A5.619 5.619 0 0 0 12 3a5.833 5.833 0 0 0-2.428.499A1.13 1.13 0 0 0 9 4.568v5.054C9 11.2 10.5 12 12 12zm-1-3h2v.028a1 1 0 0 1-2 0zm7.988 6.6a17.328 17.328 0 0 0-7.016-1.6 16.866 16.866 0 0 0-6.982 1.598A1.77 1.77 0 0 0 4 17.232v.995A2.951 2.951 0 0 0 7.045 21h10.182A2.712 2.712 0 0 0 20 18.227v-.977a1.784 1.784 0 0 0-1.012-1.65z" /></svg>);
8
+ }} {...props}><path d="M12 12c1.5 0 3-.8 3-2.378V4.6a1.179 1.179 0 00-.608-1.102A5.619 5.619 0 0012 3a5.833 5.833 0 00-2.428.499A1.13 1.13 0 009 4.568v5.054C9 11.2 10.5 12 12 12zm-1-3h2v.028a1 1 0 01-2 0zm7.988 6.6a17.328 17.328 0 00-7.016-1.6 16.866 16.866 0 00-6.982 1.598A1.77 1.77 0 004 17.232v.995A2.951 2.951 0 007.045 21h10.182A2.712 2.712 0 0020 18.227v-.977a1.784 1.784 0 00-1.012-1.65z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4 11h-3v3a1 1 0 0 1-2 0v-3H8a1 1 0 0 1 0-2h3V8a1 1 0 0 1 2 0v3h3a1 1 0 0 1 0 2z" /></svg>);
8
+ }} {...props}><path d="M12 2a10 10 0 1010 10A10 10 0 0012 2zm4 11h-3v3a1 1 0 01-2 0v-3H8a1 1 0 010-2h3V8a1 1 0 012 0v3h3a1 1 0 010 2z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M10 1.98a.697.697 0 0 1 .382-.667A4.083 4.083 0 0 1 12 1a3.974 3.974 0 0 1 1.595.31A.73.73 0 0 1 14 2v2.514C14 5.5 13 6 12 6s-2-.5-2-1.486zm6 12.244V8.302a.84.84 0 0 0-.548-.823A12.589 12.589 0 0 0 12.035 7a12.671 12.671 0 0 0-3.488.55.854.854 0 0 0-.547.83v5.92c0 .402.62.749 1.191.964a1.195 1.195 0 0 1 .805.989l.45 5.823a1 1 0 0 0 .997.923h1.184a1 1 0 0 0 .997-.923l.45-5.823a1.267 1.267 0 0 1 .797-1.014C15.418 15 16 14.624 16 14.224z" /></svg>);
8
+ }} {...props}><path d="M10 1.98a.697.697 0 01.382-.667A4.083 4.083 0 0112 1a3.974 3.974 0 011.595.31A.73.73 0 0114 2v2.514C14 5.5 13 6 12 6s-2-.5-2-1.486zm6 12.244V8.302a.84.84 0 00-.548-.823A12.589 12.589 0 0012.035 7a12.671 12.671 0 00-3.488.55.854.854 0 00-.547.83v5.92c0 .402.62.749 1.191.964a1.195 1.195 0 01.805.989l.45 5.823a1 1 0 00.997.923h1.184a1 1 0 00.997-.923l.45-5.823a1.267 1.267 0 01.797-1.014C15.418 15 16 14.624 16 14.224z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M13 3a1 1 0 0 0-2 0v3.296L8.659 4.247a1 1 0 0 0-1.317 1.506L11 8.953V11H8.954L5.753 7.341a1 1 0 1 0-1.506 1.317L6.297 11H3a1 1 0 0 0 0 2h3.296l-2.049 2.341a1 1 0 1 0 1.506 1.318L8.953 13H11v2.046l-3.659 3.201a1 1 0 1 0 1.317 1.506L11 17.703V21a1 1 0 0 0 2 0v-3.296l2.341 2.049a1 1 0 1 0 1.318-1.506L13 15.047V13h2.046l3.201 3.659a1 1 0 0 0 1.506-1.317L17.703 13H21a1 1 0 0 0 0-2h-3.296l2.049-2.342a1 1 0 0 0-1.506-1.317L15.047 11H13V8.954l3.659-3.201a1 1 0 0 0-1.317-1.506L13 6.297z" /></svg>);
8
+ }} {...props}><path d="M13 3a1 1 0 00-2 0v3.296L8.659 4.247a1 1 0 00-1.317 1.506L11 8.953V11H8.954L5.753 7.341a1 1 0 10-1.506 1.317L6.297 11H3a1 1 0 000 2h3.296l-2.049 2.341a1 1 0 101.506 1.318L8.953 13H11v2.046l-3.659 3.201a1 1 0 101.317 1.506L11 17.703V21a1 1 0 002 0v-3.296l2.341 2.049a1 1 0 101.318-1.506L13 15.047V13h2.046l3.201 3.659a1 1 0 001.506-1.317L17.703 13H21a1 1 0 000-2h-3.296l2.049-2.342a1 1 0 00-1.506-1.317L15.047 11H13V8.954l3.659-3.201a1 1 0 00-1.317-1.506L13 6.297z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M7.203 2.65L9.28 9.297a1 1 0 0 0 .954.702h3.815a.5.5 0 0 0 .411-.783L9.798 2.433A1 1 0 0 0 8.974 2H7.68a.5.5 0 0 0-.477.65z" /><path d="M4.7 10.587a1 1 0 0 0 .81.413h14.798a3.822 3.822 0 0 1 2.077.6l.153.1a.924.924 0 0 1 0 1.6l-.153.1a3.822 3.822 0 0 1-2.077.6h-4.784a1 1 0 0 0-.822.431L9.794 21.53a1 1 0 0 1-.848.47H7.68a.5.5 0 0 1-.477-.65l2.094-6.7A.5.5 0 0 0 8.82 14H5.564a1 1 0 0 0-.856.482l-1.277 2.11a1.283 1.283 0 0 1-1.403.323h-.002a.985.985 0 0 1-.623-1.299l1.096-2.62a1.525 1.525 0 0 0 0-.996L1.067 9.395a1.005 1.005 0 0 1 .607-1.29 1.272 1.272 0 0 1 1.437.292l1.59 2.19z" /></svg>);
8
+ }} {...props}><path d="M7.203 2.65L9.28 9.297a1 1 0 00.954.702h3.815a.5.5 0 00.411-.783L9.798 2.433A1 1 0 008.974 2H7.68a.5.5 0 00-.477.65z" /><path d="M4.7 10.587a1 1 0 00.81.413h14.798a3.822 3.822 0 012.077.6l.153.1a.924.924 0 010 1.6l-.153.1a3.822 3.822 0 01-2.077.6h-4.784a1 1 0 00-.822.431L9.794 21.53a1 1 0 01-.848.47H7.68a.5.5 0 01-.477-.65l2.094-6.7A.5.5 0 008.82 14H5.564a1 1 0 00-.856.482l-1.277 2.11a1.283 1.283 0 01-1.403.323h-.002a.985.985 0 01-.623-1.299l1.096-2.62a1.525 1.525 0 000-.996L1.067 9.395a1.005 1.005 0 01.607-1.29 1.272 1.272 0 011.437.292l1.59 2.19z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M7.341 19.435A1 1 0 0 0 8.167 21h7.42a2.002 2.002 0 0 0 1.935-1.492l3.906-14.872C21.654 3.818 21.315 3 20.75 3h-1.357a1.66 1.66 0 0 0-1.358.818zm5.15-9.738a1.08 1.08 0 0 1-.237.639L4.952 21h-1.45a1 1 0 0 1-.805-1.595l7.298-9.86A1.212 1.212 0 0 1 10.973 9h.978c.308 0 .522.31.54.697z" /></svg>);
8
+ }} {...props}><path d="M7.341 19.435A1 1 0 008.167 21h7.42a2.002 2.002 0 001.935-1.492l3.906-14.872C21.654 3.818 21.315 3 20.75 3h-1.357a1.66 1.66 0 00-1.358.818zm5.15-9.738a1.08 1.08 0 01-.237.639L4.952 21h-1.45a1 1 0 01-.805-1.595l7.298-9.86A1.212 1.212 0 0110.973 9h.978c.308 0 .522.31.54.697z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M3.208 19.382A1.003 1.003 0 0 0 3.966 21h11.55a1.941 1.941 0 0 0 1.873-1.526l3.583-15.237A.992.992 0 0 0 20.035 3H18.32a5.522 5.522 0 0 0-4.394 2.236z" /></svg>);
8
+ }} {...props}><path d="M3.208 19.382A1.003 1.003 0 003.966 21h11.55a1.941 1.941 0 001.873-1.526l3.583-15.237A.992.992 0 0020.035 3H18.32a5.522 5.522 0 00-4.394 2.236z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M21.045 9.695v-.001l-6.74-6.739a3.26 3.26 0 0 0-4.61 0l-6.74 6.74a3.26 3.26 0 0 0 0 4.61l6.74 6.74a3.26 3.26 0 0 0 4.61 0l6.74-6.74a3.26 3.26 0 0 0 0-4.61zM18 13.916a.317.317 0 0 1-.417.282L13.5 12.864c-.207-.06-.5.3-.5.5v1.5a1.437 1.437 0 0 0 .337.813l.331.221 1.125.636.003.002a.72.72 0 0 1 .09 1.013.66.66 0 0 1-.783.275l-1.963-.96a.541.541 0 0 0-.14-.038.541.541 0 0 0-.14.038l-1.963.96a.66.66 0 0 1-.783-.275l-.002-.003a.72.72 0 0 1 .095-1.012l1.125-.637.331-.22a1.437 1.437 0 0 0 .337-.813v-1.5c0-.2-.293-.56-.5-.5l-4.083 1.334A.317.317 0 0 1 6 13.916v-.748a.582.582 0 0 1 .303-.501l4.42-2.817A.579.579 0 0 0 11 9.364V6.348a1.452 1.452 0 0 1 .343-.985l.064-.09a.78.78 0 0 1 1.186 0l.064.091a1.444 1.444 0 0 1 .343.984v3.016a.579.579 0 0 0 .278.486l4.42 2.818a.582.582 0 0 1 .302.5z" /></svg>);
8
+ }} {...props}><path d="M21.045 9.695v-.001l-6.74-6.739a3.26 3.26 0 00-4.61 0l-6.74 6.74a3.26 3.26 0 000 4.61l6.74 6.74a3.26 3.26 0 004.61 0l6.74-6.74a3.26 3.26 0 000-4.61zM18 13.916a.317.317 0 01-.417.282L13.5 12.864c-.207-.06-.5.3-.5.5v1.5a1.437 1.437 0 00.337.813l.331.221 1.125.636.003.002a.72.72 0 01.09 1.013.66.66 0 01-.783.275l-1.963-.96a.541.541 0 00-.14-.038.541.541 0 00-.14.038l-1.963.96a.66.66 0 01-.783-.275l-.002-.003a.72.72 0 01.095-1.012l1.125-.637.331-.22a1.437 1.437 0 00.337-.813v-1.5c0-.2-.293-.56-.5-.5l-4.083 1.334A.317.317 0 016 13.916v-.748a.582.582 0 01.303-.501l4.42-2.817A.579.579 0 0011 9.364V6.348a1.452 1.452 0 01.343-.985l.064-.09a.78.78 0 011.186 0l.064.091a1.444 1.444 0 01.343.984v3.016a.579.579 0 00.278.486l4.42 2.818a.582.582 0 01.302.5z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M5.768 2.336a.891.891 0 0 1-.06 1.258q-.033.03-.068.056a8.66 8.66 0 0 0-1.674 1.807A4.786 4.786 0 0 0 3 8.067.969.969 0 0 1 2 9a.969.969 0 0 1-1-.933 6.535 6.535 0 0 1 1.284-3.62 10.56 10.56 0 0 1 2.076-2.23 1.05 1.05 0 0 1 1.408.119zm12.464 0a.891.891 0 0 0 .06 1.258q.033.03.068.056a8.66 8.66 0 0 1 1.674 1.807A4.786 4.786 0 0 1 21 8.067a1.002 1.002 0 0 0 2 0 6.535 6.535 0 0 0-1.284-3.62 10.557 10.557 0 0 0-2.076-2.23 1.05 1.05 0 0 0-1.408.119zM12 3a7 7 0 0 0-7 7v.64a10 10 0 0 1-1.056 4.47l-.497.996A2 2 0 0 0 5.237 19h13.527a2 2 0 0 0 1.789-2.894l-.497-.995A10.001 10.001 0 0 1 19 10.64V10a7 7 0 0 0-7-7zM9.076 20.959c-.265-.485.204-.96.756-.96h4.339c.552 0 1.02.475.755.96a2.297 2.297 0 0 1-1.932 1.04h-2a2.27 2.27 0 0 1-1.918-1.04z" /></svg>);
8
+ }} {...props}><path d="M5.768 2.336a.891.891 0 01-.06 1.258q-.033.03-.068.056a8.66 8.66 0 00-1.674 1.807A4.786 4.786 0 003 8.067.969.969 0 012 9a.969.969 0 01-1-.933 6.535 6.535 0 011.284-3.62 10.56 10.56 0 012.076-2.23 1.05 1.05 0 011.408.119zm12.464 0a.891.891 0 00.06 1.258q.033.03.068.056a8.66 8.66 0 011.674 1.807A4.786 4.786 0 0121 8.067a1.002 1.002 0 002 0 6.535 6.535 0 00-1.284-3.62 10.557 10.557 0 00-2.076-2.23 1.05 1.05 0 00-1.408.119zM12 3a7 7 0 00-7 7v.64a10 10 0 01-1.056 4.47l-.497.996A2 2 0 005.237 19h13.527a2 2 0 001.789-2.894l-.497-.995A10.001 10.001 0 0119 10.64V10a7 7 0 00-7-7zM9.076 20.959c-.265-.485.204-.96.756-.96h4.339c.552 0 1.02.475.755.96a2.297 2.297 0 01-1.932 1.04h-2a2.27 2.27 0 01-1.918-1.04z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M20.552 15.606l-.497-.995A10 10 0 0 1 19 10.14V9.5a7 7 0 0 0-14 0v.64a10 10 0 0 1-1.055 4.47l-.497.996a2 2 0 0 0 1.79 2.894h13.525a2 2 0 0 0 1.79-2.894zM15 11.5h-2v2a1 1 0 0 1-2 0v-2H9a1 1 0 1 1 0-2h2v-2a1 1 0 0 1 2 0v2h2a1 1 0 0 1 0 2zm-.08 8.959a2.141 2.141 0 0 1-1.86 1.041h-2.12a2.138 2.138 0 0 1-1.86-1.041c-.28-.485.215-.959.8-.959h4.238c.585 0 1.081.474.8.959z" /></svg>);
8
+ }} {...props}><path d="M20.552 15.606l-.497-.995A10 10 0 0119 10.14V9.5a7 7 0 00-14 0v.64a10 10 0 01-1.055 4.47l-.497.996a2 2 0 001.79 2.894h13.525a2 2 0 001.79-2.894zM15 11.5h-2v2a1 1 0 01-2 0v-2H9a1 1 0 110-2h2v-2a1 1 0 012 0v2h2a1 1 0 010 2zm-.08 8.959a2.141 2.141 0 01-1.86 1.041h-2.12a2.138 2.138 0 01-1.86-1.041c-.28-.485.215-.959.8-.959h4.238c.585 0 1.081.474.8.959z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M20.056 14.61A10 10 0 0 1 19 10.14V9.5a7 7 0 0 0-14 0v.64a10 10 0 0 1-1.056 4.47l-.497.996a2 2 0 0 0 1.79 2.894h13.527a2 2 0 0 0 1.79-2.894zm-5.349-1.428a1 1 0 0 1-1.414.025L12 11.914l-1.293 1.293-.024.024a1 1 0 0 1-1.39-1.438l1.293-1.293-1.293-1.293a1 1 0 0 1 1.414-1.414L12 9.086l1.293-1.293a1 1 0 0 1 1.414 1.414L13.414 10.5l1.293 1.293a1 1 0 0 1 0 1.39zm.212 7.277a2.14 2.14 0 0 1-1.86 1.041h-2.118a2.141 2.141 0 0 1-1.86-1.041c-.28-.485.215-.959.8-.959h4.238c.585 0 1.081.474.8.959z" /></svg>);
8
+ }} {...props}><path d="M20.056 14.61A10 10 0 0119 10.14V9.5a7 7 0 00-14 0v.64a10 10 0 01-1.056 4.47l-.497.996a2 2 0 001.79 2.894h13.527a2 2 0 001.79-2.894zm-5.349-1.428a1 1 0 01-1.414.025L12 11.914l-1.293 1.293-.024.024a1 1 0 01-1.39-1.438l1.293-1.293-1.293-1.293a1 1 0 011.414-1.414L12 9.086l1.293-1.293a1 1 0 011.414 1.414L13.414 10.5l1.293 1.293a1 1 0 010 1.39zm.212 7.277a2.14 2.14 0 01-1.86 1.041h-2.118a2.141 2.141 0 01-1.86-1.041c-.28-.485.215-.959.8-.959h4.238c.585 0 1.081.474.8.959z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M18.206 7.21l3.514-3.515a1 1 0 0 0-1.414-1.414l-3.184 3.184A7 7 0 0 0 4.78 9.988v.64a10 10 0 0 1-1.057 4.47l-.497.995a2 2 0 0 0 .695 2.571L2.305 20.28a1 1 0 1 0 1.39 1.439l.024-.025L18.206 7.21c-.062.063.05-.05 0 0zm.337 11.778h-7.91a.5.5 0 0 1-.352-.854l7.893-7.893a.344.344 0 0 1 .597.247l.009.14a9.998 9.998 0 0 0 1.055 4.471l.497.995a2 2 0 0 1-1.79 2.894zm-9.45 1.96c-.28-.486.216-.96.8-.96h4.239c.585 0 1.08.474.8.96a2.141 2.141 0 0 1-1.86 1.04h-2.118a2.138 2.138 0 0 1-1.86-1.04z" /></svg>);
8
+ }} {...props}><path d="M18.206 7.21l3.514-3.515a1 1 0 00-1.414-1.414l-3.184 3.184A7 7 0 004.78 9.988v.64a10 10 0 01-1.057 4.47l-.497.995a2 2 0 00.695 2.571L2.305 20.28a1 1 0 101.39 1.439l.024-.025L18.206 7.21c-.062.063.05-.05 0 0zm.337 11.778h-7.91a.5.5 0 01-.352-.854l7.893-7.893a.344.344 0 01.597.247l.009.14a9.998 9.998 0 001.055 4.471l.497.995a2 2 0 01-1.79 2.894zm-9.45 1.96c-.28-.486.216-.96.8-.96h4.239c.585 0 1.08.474.8.96a2.141 2.141 0 01-1.86 1.04h-2.118a2.138 2.138 0 01-1.86-1.04z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M17.293 7.5H6.707a1.632 1.632 0 0 0-1.296 2.701l5.081 5.724a1.75 1.75 0 0 0 2.472.121q.039-.035.075-.072l5.505-5.724a1.632 1.632 0 0 0-1.251-2.75z" /></svg>);
8
+ }} {...props}><path d="M17.293 7.5H6.707a1.632 1.632 0 00-1.296 2.701l5.081 5.724a1.75 1.75 0 002.472.121q.039-.035.075-.072l5.505-5.724a1.632 1.632 0 00-1.251-2.75z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M16.5 17.293V6.707a1.632 1.632 0 0 0-2.701-1.296l-5.724 5.081a1.75 1.75 0 0 0-.121 2.472q.035.039.072.075l5.724 5.505a1.632 1.632 0 0 0 2.75-1.251z" /></svg>);
8
+ }} {...props}><path d="M16.5 17.293V6.707a1.632 1.632 0 00-2.701-1.296l-5.724 5.081a1.75 1.75 0 00-.121 2.472q.035.039.072.075l5.724 5.505a1.632 1.632 0 002.75-1.251z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M7.5 17.293V6.707a1.632 1.632 0 0 1 2.701-1.296l5.724 5.081a1.75 1.75 0 0 1 .121 2.472q-.035.039-.072.075l-5.724 5.505a1.632 1.632 0 0 1-2.75-1.251z" /></svg>);
8
+ }} {...props}><path d="M7.5 17.293V6.707a1.632 1.632 0 012.701-1.296l5.724 5.081a1.75 1.75 0 01.121 2.472q-.035.039-.072.075l-5.724 5.505a1.632 1.632 0 01-2.75-1.251z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M17.293 16.5H6.707a1.632 1.632 0 0 1-1.296-2.701l5.081-5.724a1.75 1.75 0 0 1 2.472-.121q.039.035.075.072l5.505 5.724a1.632 1.632 0 0 1-1.251 2.75z" /></svg>);
8
+ }} {...props}><path d="M17.293 16.5H6.707a1.632 1.632 0 01-1.296-2.701l5.081-5.724a1.75 1.75 0 012.472-.121q.039.035.075.072l5.505 5.724a1.632 1.632 0 01-1.251 2.75z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M19 1.5H5a3 3 0 0 0-3 3v3.7a2 2 0 0 0 1.188 1.828l6.657 2.96a5 5 0 1 0 4.31 0l6.657-2.96A2 2 0 0 0 22 8.2V4.5a3 3 0 0 0-3-3zm-4 16a3 3 0 1 1-3-3 3 3 0 0 1 3 3zm0-8.618a1 1 0 0 1-.553.894l-2 1a1 1 0 0 1-.894 0l-2-1A1 1 0 0 1 9 8.882V4.5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z" /></svg>);
8
+ }} {...props}><path d="M19 1.5H5a3 3 0 00-3 3v3.7a2 2 0 001.188 1.828l6.657 2.96a5 5 0 104.31 0l6.657-2.96A2 2 0 0022 8.2V4.5a3 3 0 00-3-3zm-4 16a3 3 0 11-3-3 3 3 0 013 3zm0-8.618a1 1 0 01-.553.894l-2 1a1 1 0 01-.894 0l-2-1A1 1 0 019 8.882V4.5a1 1 0 011-1h4a1 1 0 011 1z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M21.5 9.988a.457.457 0 0 0 .47-.499c-.374-3.218-4.21-7.16-6.986-7.487a.45.45 0 0 0-.473.323l-2.296 7.006a.5.5 0 0 0 .475.657zM10 19.998a2.001 2.001 0 0 1-4.002.001A2.001 2.001 0 1 1 10 19.997zm7 2.001a2.001 2.001 0 1 0-2.002-2A2.001 2.001 0 0 0 17 22zM2.253 4.32a1 1 0 0 1 1.41-.084A7.858 7.858 0 0 1 5.11 6.03 5.89 5.89 0 0 1 6 8.987a1 1 0 0 1-2 0 3.927 3.927 0 0 0-.61-1.937 5.9 5.9 0 0 0-1.054-1.319 1.001 1.001 0 0 1-.083-1.413zm2.414 6.67a.667.667 0 0 0-.667.667 5.336 5.336 0 0 0 5.333 5.338h7.334A5.336 5.336 0 0 0 22 11.656a.667.667 0 0 0-.667-.667z" /></svg>);
8
+ }} {...props}><path d="M21.5 9.988a.457.457 0 00.47-.499c-.374-3.218-4.21-7.16-6.986-7.487a.45.45 0 00-.473.323l-2.296 7.006a.5.5 0 00.475.657zM10 19.998a2.001 2.001 0 01-4.002.001A2.001 2.001 0 1110 19.997zm7 2.001a2.001 2.001 0 10-2.002-2A2.001 2.001 0 0017 22zM2.253 4.32a1 1 0 011.41-.084A7.858 7.858 0 015.11 6.03 5.89 5.89 0 016 8.987a1 1 0 01-2 0 3.927 3.927 0 00-.61-1.937 5.9 5.9 0 00-1.054-1.319 1.001 1.001 0 01-.083-1.413zm2.414 6.67a.667.667 0 00-.667.667 5.336 5.336 0 005.333 5.338h7.334A5.336 5.336 0 0022 11.656a.667.667 0 00-.667-.667z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M6 6.5a.5.5 0 0 1-.5.5h-.532C3.88 7 3 7.933 3 9.083V18c0 1.5 1.5 3 3 3h12c1.5 0 3-1.5 3-3V9.083C21 7.933 20.119 7 19.032 7H18.5a.5.5 0 0 1-.5-.5v-.985a1.89 1.89 0 0 0-.555-1.356C16.547 3.279 14.693 2 12 2 9.297 2 7.312 3.29 6.457 4.227A1.808 1.808 0 0 0 6 5.455V6.5zm2 0v-.583c0-.264.1-.52.306-.684C9.003 4.676 10.296 4 12 4c1.7 0 2.944.676 3.677 1.262a.899.899 0 0 1 .323.71V6.5a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zm3 4.5a1 1 0 1 1 2 0v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2H9a1 1 0 1 1 0-2h2v-2z" /></svg>);
8
+ }} {...props}><path d="M6 6.5a.5.5 0 01-.5.5h-.532C3.88 7 3 7.933 3 9.083V18c0 1.5 1.5 3 3 3h12c1.5 0 3-1.5 3-3V9.083C21 7.933 20.119 7 19.032 7H18.5a.5.5 0 01-.5-.5v-.985a1.89 1.89 0 00-.555-1.356C16.547 3.279 14.693 2 12 2 9.297 2 7.312 3.29 6.457 4.227A1.808 1.808 0 006 5.455V6.5zm2 0v-.583c0-.264.1-.52.306-.684C9.003 4.676 10.296 4 12 4c1.7 0 2.944.676 3.677 1.262a.899.899 0 01.323.71V6.5a.5.5 0 01-.5.5h-7a.5.5 0 01-.5-.5zm3 4.5a1 1 0 112 0v2h2a1 1 0 110 2h-2v2a1 1 0 11-2 0v-2H9a1 1 0 110-2h2v-2z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M21.707 2.293a1 1 0 0 0-1.414 0l-2.45 2.45a1.81 1.81 0 0 0-.398-.584C16.547 3.279 14.693 2 12 2 9.297 2 7.312 3.29 6.457 4.227A1.808 1.808 0 0 0 6 5.455V6.5a.5.5 0 0 1-.5.5h-.532C3.88 7 3 7.933 3 9.083V18c0 .43.123.858.333 1.253l-1.04 1.04a1 1 0 1 0 1.414 1.414l1.04-1.04c-.032.032.054-.054 0 0L18.422 6.994c.025.004-.08-.007 0 0l3.286-3.287a1 1 0 0 0 0-1.414zM8.5 7a.5.5 0 0 1-.5-.5v-.583c0-.264.1-.52.306-.684C9.003 4.676 10.296 4 12 4c1.7 0 2.944.676 3.677 1.262a.899.899 0 0 1 .323.71V6.5a.5.5 0 0 1-.5.5h-7zm.121 14a.5.5 0 0 1-.353-.854L19.766 8.648c.435-.435 1.179-.354 1.227.26.005.057.007.116.007.175V18c0 1.5-1.5 3-3 3H8.621z" /></svg>);
8
+ }} {...props}><path d="M21.707 2.293a1 1 0 00-1.414 0l-2.45 2.45a1.81 1.81 0 00-.398-.584C16.547 3.279 14.693 2 12 2 9.297 2 7.312 3.29 6.457 4.227A1.808 1.808 0 006 5.455V6.5a.5.5 0 01-.5.5h-.532C3.88 7 3 7.933 3 9.083V18c0 .43.123.858.333 1.253l-1.04 1.04a1 1 0 101.414 1.414l1.04-1.04c-.032.032.054-.054 0 0L18.422 6.994c.025.004-.08-.007 0 0l3.286-3.287a1 1 0 000-1.414zM8.5 7a.5.5 0 01-.5-.5v-.583c0-.264.1-.52.306-.684C9.003 4.676 10.296 4 12 4c1.7 0 2.944.676 3.677 1.262a.899.899 0 01.323.71V6.5a.5.5 0 01-.5.5h-7zm.121 14a.5.5 0 01-.353-.854L19.766 8.648c.435-.435 1.179-.354 1.227.26.005.057.007.116.007.175V18c0 1.5-1.5 3-3 3H8.621z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M6 2.333C6 1.597 6.597 1 7.333 1h3.334C11.403 1 12 1.597 12 2.333V10.5a.5.5 0 0 1-1 0V3H7v7.5a.5.5 0 0 1-1 0V2.333zM5 12h5.594c.506 0 .747.752.393 1.114A6.977 6.977 0 0 0 9 18c0 .794.132 1.556.375 2.268.12.347-.125.732-.492.732H7v1a1 1 0 1 1-2 0v-1a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2zm16.001 6.001A5 5 0 1 1 11 18a5 5 0 0 1 10.001.001zm-2 0a1 1 0 0 0-1-1h-1v-1a1 1 0 1 0-2 0v1h-1A1 1 0 0 0 14 19h1v1a1 1 0 1 0 2 0v-1h1a1 1 0 0 0 1-1z" /></svg>);
8
+ }} {...props}><path d="M6 2.333C6 1.597 6.597 1 7.333 1h3.334C11.403 1 12 1.597 12 2.333V10.5a.5.5 0 01-1 0V3H7v7.5a.5.5 0 01-1 0V2.333zM5 12h5.594c.506 0 .747.752.393 1.114A6.977 6.977 0 009 18c0 .794.132 1.556.375 2.268.12.347-.125.732-.492.732H7v1a1 1 0 11-2 0v-1a2 2 0 01-2-2v-5a2 2 0 012-2zm16.001 6.001A5 5 0 1111 18a5 5 0 0110.001.001zm-2 0a1 1 0 00-1-1h-1v-1a1 1 0 10-2 0v1h-1A1 1 0 0014 19h1v1a1 1 0 102 0v-1h1a1 1 0 001-1z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M9 2.333C9 1.597 9.597 1 10.333 1h3.334C14.403 1 15 1.597 15 2.333V7.55l6.254-6.254a1 1 0 0 1 1.414 0l.036.035a1 1 0 0 1 0 1.414L15 10.45l-.548.549L13.449 12l-7.407 7.408L2.748 22.7a1 1 0 0 1-1.414 0l-.036-.035a1 1 0 0 1 0-1.415L6 16.55V14a2 2 0 0 1 2-2h2.55L14 8.55V3h-4v7.5a.5.5 0 0 1-1 0V2.333zm7.503 9.73A2 2 0 0 1 18 14v5a2 2 0 0 1-2 2v1a1 1 0 1 1-2 0v-1h-4v1a1 1 0 1 1-2 0v-1.515a.5.5 0 0 1 .146-.354l7.94-7.94a.438.438 0 0 1 .417-.127z" /></svg>);
8
+ }} {...props}><path d="M9 2.333C9 1.597 9.597 1 10.333 1h3.334C14.403 1 15 1.597 15 2.333V7.55l6.254-6.254a1 1 0 011.414 0l.036.035a1 1 0 010 1.414L15 10.45l-.548.549L13.449 12l-7.407 7.408L2.748 22.7a1 1 0 01-1.414 0l-.036-.035a1 1 0 010-1.415L6 16.55V14a2 2 0 012-2h2.55L14 8.55V3h-4v7.5a.5.5 0 01-1 0V2.333zm7.503 9.73A2 2 0 0118 14v5a2 2 0 01-2 2v1a1 1 0 11-2 0v-1h-4v1a1 1 0 11-2 0v-1.515a.5.5 0 01.146-.354l7.94-7.94a.438.438 0 01.417-.127z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M9 2.333C9 1.597 9.597 1 10.333 1h3.334C14.403 1 15 1.597 15 2.333V10.5a.5.5 0 0 1-1 0V3h-4v7.5a.5.5 0 0 1-1 0V2.333zM8 12h8a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2v1a1 1 0 1 1-2 0v-1h-4v1a1 1 0 1 1-2 0v-1a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2z" /></svg>);
8
+ }} {...props}><path d="M9 2.333C9 1.597 9.597 1 10.333 1h3.334C14.403 1 15 1.597 15 2.333V10.5a.5.5 0 01-1 0V3h-4v7.5a.5.5 0 01-1 0V2.333zM8 12h8a2 2 0 012 2v5a2 2 0 01-2 2v1a1 1 0 11-2 0v-1h-4v1a1 1 0 11-2 0v-1a2 2 0 01-2-2v-5a2 2 0 012-2z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M7.333 1C6.597 1 6 1.597 6 2.333c0 .03.002.06.006.09A.504.504 0 0 0 6 2.5v1a.5.5 0 0 0 1 0V3h4v.5a.5.5 0 0 0 1 0v-1a.505.505 0 0 0-.006-.077.675.675 0 0 0 .006-.09C12 1.597 11.403 1 10.667 1H7.333zM3 7a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3.637a.527.527 0 0 1-.427.509 7.003 7.003 0 0 0-5.198 9.122c.12.347-.125.732-.492.732H7v1a1 1 0 1 1-2 0v-1a2 2 0 0 1-2-2V7zm18.001 11.001A5 5 0 1 1 11 18a5 5 0 0 1 10.001.001zm-2 0a1 1 0 0 0-1-1h-1v-1a1 1 0 1 0-2 0v1h-1A1 1 0 0 0 14 19h1v1a1 1 0 1 0 2 0v-1h1a1 1 0 0 0 1-1z" /></svg>);
8
+ }} {...props}><path d="M7.333 1C6.597 1 6 1.597 6 2.333c0 .03.002.06.006.09A.504.504 0 006 2.5v1a.5.5 0 001 0V3h4v.5a.5.5 0 001 0v-1a.505.505 0 00-.006-.077.675.675 0 00.006-.09C12 1.597 11.403 1 10.667 1H7.333zM3 7a2 2 0 012-2h8a2 2 0 012 2v3.637a.527.527 0 01-.427.509 7.003 7.003 0 00-5.198 9.122c.12.347-.125.732-.492.732H7v1a1 1 0 11-2 0v-1a2 2 0 01-2-2V7zm18.001 11.001A5 5 0 1111 18a5 5 0 0110.001.001zm-2 0a1 1 0 00-1-1h-1v-1a1 1 0 10-2 0v1h-1A1 1 0 0014 19h1v1a1 1 0 102 0v-1h1a1 1 0 001-1z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M10.333 1h3.334C14.403 1 15 1.597 15 2.333V3.5a.5.5 0 0 1-1 0V3h-4v.5a.5.5 0 0 1-1 0V2.333C9 1.597 9.597 1 10.333 1zM6 7a2 2 0 0 1 2-2h8c.437 0 .842.14 1.171.379l4.083-4.083a1 1 0 0 1 1.414 0l.036.035a1 1 0 0 1 0 1.414L18 7.45 6.042 19.408 2.748 22.7a1 1 0 0 1-1.414 0l-.036-.035a1 1 0 0 1 0-1.415L6 16.55V7zm2 13.485a.5.5 0 0 1 .146-.354l9-9a.5.5 0 0 1 .854.354V19a2 2 0 0 1-2 2v1a1 1 0 1 1-2 0v-1h-4v1a1 1 0 1 1-2 0v-1.515z" /></svg>);
8
+ }} {...props}><path d="M10.333 1h3.334C14.403 1 15 1.597 15 2.333V3.5a.5.5 0 01-1 0V3h-4v.5a.5.5 0 01-1 0V2.333C9 1.597 9.597 1 10.333 1zM6 7a2 2 0 012-2h8c.437 0 .842.14 1.171.379l4.083-4.083a1 1 0 011.414 0l.036.035a1 1 0 010 1.414L18 7.45 6.042 19.408 2.748 22.7a1 1 0 01-1.414 0l-.036-.035a1 1 0 010-1.415L6 16.55V7zm2 13.485a.5.5 0 01.146-.354l9-9a.5.5 0 01.854.354V19a2 2 0 01-2 2v1a1 1 0 11-2 0v-1h-4v1a1 1 0 11-2 0v-1.515z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M10.333 1h3.334C14.403 1 15 1.597 15 2.333V3.5a.5.5 0 0 1-1 0V3h-4v.5a.5.5 0 0 1-1 0V2.333C9 1.597 9.597 1 10.333 1zM6 7a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2v1a1 1 0 1 1-2 0v-1h-4v1a1 1 0 1 1-2 0v-1a2 2 0 0 1-2-2V7z" /></svg>);
8
+ }} {...props}><path d="M10.333 1h3.334C14.403 1 15 1.597 15 2.333V3.5a.5.5 0 01-1 0V3h-4v.5a.5.5 0 01-1 0V2.333C9 1.597 9.597 1 10.333 1zM6 7a2 2 0 012-2h8a2 2 0 012 2v12a2 2 0 01-2 2v1a1 1 0 11-2 0v-1h-4v1a1 1 0 11-2 0v-1a2 2 0 01-2-2V7z" /></svg>);
@@ -5,4 +5,4 @@ export default (({
5
5
  }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
6
6
  width: "1.5rem",
7
7
  height: "1.5rem"
8
- }} {...props}><path d="M6 6.5a.5.5 0 0 1-.5.5h-.532C3.88 7 3 7.933 3 9.083V18c0 1.5 1.5 3 3 3h12c1.5 0 3-1.5 3-3V9.083C21 7.933 20.119 7 19.032 7H18.5a.5.5 0 0 1-.5-.5v-.985a1.89 1.89 0 0 0-.555-1.356C16.547 3.279 14.693 2 12 2 9.297 2 7.312 3.29 6.457 4.227A1.808 1.808 0 0 0 6 5.455V6.5zm2 0v-.583c0-.264.1-.52.306-.684C9.003 4.676 10.296 4 12 4c1.7 0 2.944.676 3.677 1.262a.899.899 0 0 1 .323.71V6.5a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zm5.36 4.781a.961.961 0 0 1 1.359 1.36L13.359 14l1.36 1.36a.961.961 0 0 1-1.36 1.358L12 15.36l-1.36 1.36a.961.961 0 0 1-1.358-1.36L10.64 14l-1.36-1.36a.961.961 0 0 1 1.36-1.359l1.36 1.36 1.36-1.36z" /></svg>);
8
+ }} {...props}><path d="M6 6.5a.5.5 0 01-.5.5h-.532C3.88 7 3 7.933 3 9.083V18c0 1.5 1.5 3 3 3h12c1.5 0 3-1.5 3-3V9.083C21 7.933 20.119 7 19.032 7H18.5a.5.5 0 01-.5-.5v-.985a1.89 1.89 0 00-.555-1.356C16.547 3.279 14.693 2 12 2 9.297 2 7.312 3.29 6.457 4.227A1.808 1.808 0 006 5.455V6.5zm2 0v-.583c0-.264.1-.52.306-.684C9.003 4.676 10.296 4 12 4c1.7 0 2.944.676 3.677 1.262a.899.899 0 01.323.71V6.5a.5.5 0 01-.5.5h-7a.5.5 0 01-.5-.5zm5.36 4.781a.961.961 0 011.359 1.36L13.359 14l1.36 1.36a.961.961 0 01-1.36 1.358L12 15.36l-1.36 1.36a.961.961 0 01-1.358-1.36L10.64 14l-1.36-1.36a.961.961 0 011.36-1.359l1.36 1.36 1.36-1.36z" /></svg>);