@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.
- package/bpk-component-badge/README.md +1 -1
- package/bpk-component-badge/src/BpkBadge.js +2 -0
- package/bpk-component-badge/src/BpkBadge.module.scss +4 -0
- package/bpk-component-card/README.md +29 -0
- package/bpk-component-card/index.js +3 -0
- package/bpk-component-card/src/BpkDividedCard.js +95 -0
- package/bpk-component-card/src/BpkDividedCard.module.css +18 -0
- package/bpk-component-card/src/BpkDividedCard.module.scss +62 -0
- package/bpk-component-chip/src/commonTypes.js +1 -1
- package/bpk-component-content-cards/README.md +1 -4
- package/bpk-component-icon/lg/accessibility.js +1 -1
- package/bpk-component-icon/lg/account--add.js +1 -1
- package/bpk-component-icon/lg/account--female.js +1 -1
- package/bpk-component-icon/lg/account--id-card.js +1 -1
- package/bpk-component-icon/lg/account--name.js +1 -1
- package/bpk-component-icon/lg/account--permit.js +1 -1
- package/bpk-component-icon/lg/account-circle.js +1 -1
- package/bpk-component-icon/lg/account.js +1 -1
- package/bpk-component-icon/lg/add-circle.js +1 -1
- package/bpk-component-icon/lg/adult.js +1 -1
- package/bpk-component-icon/lg/aircon.js +1 -1
- package/bpk-component-icon/lg/aircraft.js +1 -1
- package/bpk-component-icon/lg/airline--multiple.js +1 -1
- package/bpk-component-icon/lg/airline.js +1 -1
- package/bpk-component-icon/lg/airports.js +1 -1
- package/bpk-component-icon/lg/alert--active.js +1 -1
- package/bpk-component-icon/lg/alert--add.js +1 -1
- package/bpk-component-icon/lg/alert--expired.js +1 -1
- package/bpk-component-icon/lg/alert--remove.js +1 -1
- package/bpk-component-icon/lg/arrow-down.js +1 -1
- package/bpk-component-icon/lg/arrow-left.js +1 -1
- package/bpk-component-icon/lg/arrow-right.js +1 -1
- package/bpk-component-icon/lg/arrow-up.js +1 -1
- package/bpk-component-icon/lg/award.js +1 -1
- package/bpk-component-icon/lg/baby-carriage.js +1 -1
- package/bpk-component-icon/lg/baggage--add.js +1 -1
- package/bpk-component-icon/lg/baggage--remove.js +1 -1
- package/bpk-component-icon/lg/baggage-cabin-add.js +1 -1
- package/bpk-component-icon/lg/baggage-cabin-not-included.js +1 -1
- package/bpk-component-icon/lg/baggage-cabin.js +1 -1
- package/bpk-component-icon/lg/baggage-checked-add.js +1 -1
- package/bpk-component-icon/lg/baggage-checked-not-included.js +1 -1
- package/bpk-component-icon/lg/baggage-checked.js +1 -1
- package/bpk-component-icon/lg/baggage-cross.js +1 -1
- package/bpk-component-icon/lg/baggage-generic.js +1 -1
- package/bpk-component-icon/lg/baggage-tick.js +1 -1
- package/bpk-component-icon/lg/baggage.js +1 -1
- package/bpk-component-icon/lg/bar.js +1 -1
- package/bpk-component-icon/lg/beach.js +1 -1
- package/bpk-component-icon/lg/beer.js +1 -1
- package/bpk-component-icon/lg/breakfast-cross.js +1 -1
- package/bpk-component-icon/lg/breakfast-tick.js +1 -1
- package/bpk-component-icon/lg/bus.js +1 -1
- package/bpk-component-icon/lg/business.js +1 -1
- package/bpk-component-icon/lg/cafe.js +1 -1
- package/bpk-component-icon/lg/calendar.js +1 -1
- package/bpk-component-icon/lg/call-back.js +1 -1
- package/bpk-component-icon/lg/camera.js +1 -1
- package/bpk-component-icon/lg/camper-van.js +1 -1
- package/bpk-component-icon/lg/car-door.js +1 -1
- package/bpk-component-icon/lg/car-wash.js +1 -1
- package/bpk-component-icon/lg/cars-flexible.js +1 -1
- package/bpk-component-icon/lg/cars.js +1 -1
- package/bpk-component-icon/lg/center-location.js +1 -1
- package/bpk-component-icon/lg/chart.js +1 -1
- package/bpk-component-icon/lg/chauffeur.js +1 -1
- package/bpk-component-icon/lg/chevron-down.js +1 -1
- package/bpk-component-icon/lg/chevron-left.js +1 -1
- package/bpk-component-icon/lg/chevron-right.js +1 -1
- package/bpk-component-icon/lg/chevron-up.js +1 -1
- package/bpk-component-icon/lg/child-seat.js +1 -1
- package/bpk-component-icon/lg/child.js +1 -1
- package/bpk-component-icon/lg/city-center.js +1 -1
- package/bpk-component-icon/lg/city.js +1 -1
- package/bpk-component-icon/lg/clean-policy.js +1 -1
- package/bpk-component-icon/lg/clean.js +1 -1
- package/bpk-component-icon/lg/cleaning-medical.js +1 -1
- package/bpk-component-icon/lg/cloakroom.js +1 -1
- package/bpk-component-icon/lg/close-circle.js +1 -1
- package/bpk-component-icon/lg/close.js +1 -1
- package/bpk-component-icon/lg/collapse.js +1 -1
- package/bpk-component-icon/lg/content--copy.js +1 -1
- package/bpk-component-icon/lg/content--event.js +1 -1
- package/bpk-component-icon/lg/content--guides.js +1 -1
- package/bpk-component-icon/lg/currency.js +1 -1
- package/bpk-component-icon/lg/data.js +1 -1
- package/bpk-component-icon/lg/deals.js +1 -1
- package/bpk-component-icon/lg/depart.js +1 -1
- package/bpk-component-icon/lg/device-mid.js +1 -1
- package/bpk-component-icon/lg/device-wide.js +1 -1
- package/bpk-component-icon/lg/direct.js +1 -1
- package/bpk-component-icon/lg/document-csv.js +1 -1
- package/bpk-component-icon/lg/document-pdf.js +1 -1
- package/bpk-component-icon/lg/download.js +1 -1
- package/bpk-component-icon/lg/duration.js +1 -1
- package/bpk-component-icon/lg/eco-leaf.js +1 -1
- package/bpk-component-icon/lg/edit.js +1 -1
- package/bpk-component-icon/lg/education.js +1 -1
- package/bpk-component-icon/lg/electric.js +1 -1
- package/bpk-component-icon/lg/end-call.js +1 -1
- package/bpk-component-icon/lg/estimated.js +1 -1
- package/bpk-component-icon/lg/exclamation-circle.js +1 -1
- package/bpk-component-icon/lg/exclamation.js +1 -1
- package/bpk-component-icon/lg/expand.js +1 -1
- package/bpk-component-icon/lg/explore.js +1 -1
- package/bpk-component-icon/lg/face--blank.js +1 -1
- package/bpk-component-icon/lg/face--happy.js +1 -1
- package/bpk-component-icon/lg/face--sad.js +1 -1
- package/bpk-component-icon/lg/face-id.js +1 -1
- package/bpk-component-icon/lg/face-mask.js +1 -1
- package/bpk-component-icon/lg/family.js +1 -1
- package/bpk-component-icon/lg/fast-track.js +1 -1
- package/bpk-component-icon/lg/fast-train.js +1 -1
- package/bpk-component-icon/lg/filter.js +1 -1
- package/bpk-component-icon/lg/fingerprint.js +1 -1
- package/bpk-component-icon/lg/flag.js +1 -1
- package/bpk-component-icon/lg/flask.js +1 -1
- package/bpk-component-icon/lg/flight-flexible.js +1 -1
- package/bpk-component-icon/lg/flight-landing.js +1 -1
- package/bpk-component-icon/lg/flight-takeoff.js +1 -1
- package/bpk-component-icon/lg/flight.js +1 -1
- package/bpk-component-icon/lg/food.js +1 -1
- package/bpk-component-icon/lg/gears-automatic-circle.js +1 -1
- package/bpk-component-icon/lg/gears-automatic.js +1 -1
- package/bpk-component-icon/lg/gears-manual-circle.js +1 -1
- package/bpk-component-icon/lg/gears-manual.js +1 -1
- package/bpk-component-icon/lg/globe.js +1 -1
- package/bpk-component-icon/lg/grid-layout.js +1 -1
- package/bpk-component-icon/lg/headset.js +1 -1
- package/bpk-component-icon/lg/health-fitness.js +1 -1
- package/bpk-component-icon/lg/heart--outline.js +1 -1
- package/bpk-component-icon/lg/heart.js +1 -1
- package/bpk-component-icon/lg/help-circle.js +1 -1
- package/bpk-component-icon/lg/help.js +1 -1
- package/bpk-component-icon/lg/hide.js +1 -1
- package/bpk-component-icon/lg/hotel-flexible.js +1 -1
- package/bpk-component-icon/lg/hotels--disabled-facilities.js +1 -1
- package/bpk-component-icon/lg/hotels--jacuzzi.js +1 -1
- package/bpk-component-icon/lg/hotels--pets-allowed.js +1 -1
- package/bpk-component-icon/lg/hotels--smoking.js +1 -1
- package/bpk-component-icon/lg/hotels.js +1 -1
- package/bpk-component-icon/lg/infant.js +1 -1
- package/bpk-component-icon/lg/information--language-alert.js +1 -1
- package/bpk-component-icon/lg/information--language-question.js +1 -1
- package/bpk-component-icon/lg/information--language.js +1 -1
- package/bpk-component-icon/lg/information-circle.js +1 -1
- package/bpk-component-icon/lg/information.js +1 -1
- package/bpk-component-icon/lg/insurance.js +1 -1
- package/bpk-component-icon/lg/key.js +1 -1
- package/bpk-component-icon/lg/keypad.js +1 -1
- package/bpk-component-icon/lg/landmark.js +1 -1
- package/bpk-component-icon/lg/language.js +1 -1
- package/bpk-component-icon/lg/legroom--extra.js +1 -1
- package/bpk-component-icon/lg/legroom--normal.js +1 -1
- package/bpk-component-icon/lg/legroom--reduced.js +1 -1
- package/bpk-component-icon/lg/leisure.js +1 -1
- package/bpk-component-icon/lg/lightning.js +1 -1
- package/bpk-component-icon/lg/list.js +1 -1
- package/bpk-component-icon/lg/location.js +1 -1
- package/bpk-component-icon/lg/lock.js +1 -1
- package/bpk-component-icon/lg/logout.js +1 -1
- package/bpk-component-icon/lg/long-arrow-down.js +1 -1
- package/bpk-component-icon/lg/long-arrow-left.js +1 -1
- package/bpk-component-icon/lg/long-arrow-right.js +1 -1
- package/bpk-component-icon/lg/long-arrow-up.js +1 -1
- package/bpk-component-icon/lg/lounge.js +1 -1
- package/bpk-component-icon/lg/luggageall.js +1 -1
- package/bpk-component-icon/lg/mail.js +1 -1
- package/bpk-component-icon/lg/map.js +1 -1
- package/bpk-component-icon/lg/meal.js +1 -1
- package/bpk-component-icon/lg/media.js +1 -1
- package/bpk-component-icon/lg/menu--horizontal.js +1 -1
- package/bpk-component-icon/lg/menu--vertical.js +1 -1
- package/bpk-component-icon/lg/mileage.js +1 -1
- package/bpk-component-icon/lg/minus.js +1 -1
- package/bpk-component-icon/lg/mobile.js +1 -1
- package/bpk-component-icon/lg/money.js +1 -1
- package/bpk-component-icon/lg/multiple-bookings.js +1 -1
- package/bpk-component-icon/lg/music.js +1 -1
- package/bpk-component-icon/lg/mute.js +1 -1
- package/bpk-component-icon/lg/native-android--back.js +1 -1
- package/bpk-component-icon/lg/native-android--close.js +1 -1
- package/bpk-component-icon/lg/native-android--forward.js +1 -1
- package/bpk-component-icon/lg/native-ios-close.js +1 -1
- package/bpk-component-icon/lg/navigation.js +1 -1
- package/bpk-component-icon/lg/new-window.js +1 -1
- package/bpk-component-icon/lg/news.js +1 -1
- package/bpk-component-icon/lg/night.js +1 -1
- package/bpk-component-icon/lg/not-allowed.js +1 -1
- package/bpk-component-icon/lg/onsen.js +1 -1
- package/bpk-component-icon/lg/paid.js +1 -1
- package/bpk-component-icon/lg/paperclip.js +1 -1
- package/bpk-component-icon/lg/parking.js +1 -1
- package/bpk-component-icon/lg/passport.js +1 -1
- package/bpk-component-icon/lg/pause.js +1 -1
- package/bpk-component-icon/lg/payment-card.js +1 -1
- package/bpk-component-icon/lg/petrol.js +1 -1
- package/bpk-component-icon/lg/phone-call.js +1 -1
- package/bpk-component-icon/lg/picture.js +1 -1
- package/bpk-component-icon/lg/pin.js +1 -1
- package/bpk-component-icon/lg/plane-seat.js +1 -1
- package/bpk-component-icon/lg/play.js +1 -1
- package/bpk-component-icon/lg/plus.js +1 -1
- package/bpk-component-icon/lg/policy.js +1 -1
- package/bpk-component-icon/lg/powerplug.js +1 -1
- package/bpk-component-icon/lg/ppe.js +1 -1
- package/bpk-component-icon/lg/price-alerts.js +1 -1
- package/bpk-component-icon/lg/price-tag.js +1 -1
- package/bpk-component-icon/lg/print.js +1 -1
- package/bpk-component-icon/lg/recent-searches.js +1 -1
- package/bpk-component-icon/lg/redo.js +1 -1
- package/bpk-component-icon/lg/refresh.js +1 -1
- package/bpk-component-icon/lg/return.js +1 -1
- package/bpk-component-icon/lg/room.js +1 -1
- package/bpk-component-icon/lg/scales.js +1 -1
- package/bpk-component-icon/lg/search.js +1 -1
- package/bpk-component-icon/lg/self-service.js +1 -1
- package/bpk-component-icon/lg/send-message.js +1 -1
- package/bpk-component-icon/lg/services.js +1 -1
- package/bpk-component-icon/lg/settings.js +1 -1
- package/bpk-component-icon/lg/share--android.js +1 -1
- package/bpk-component-icon/lg/share--ios.js +1 -1
- package/bpk-component-icon/lg/share.js +1 -1
- package/bpk-component-icon/lg/single-booking.js +1 -1
- package/bpk-component-icon/lg/social-distancing.js +1 -1
- package/bpk-component-icon/lg/social-like.js +1 -1
- package/bpk-component-icon/lg/sort-down.js +1 -1
- package/bpk-component-icon/lg/sort-up.js +1 -1
- package/bpk-component-icon/lg/sort.js +1 -1
- package/bpk-component-icon/lg/speaker.js +1 -1
- package/bpk-component-icon/lg/star-half.js +1 -1
- package/bpk-component-icon/lg/star-outline.js +1 -1
- package/bpk-component-icon/lg/star.js +1 -1
- package/bpk-component-icon/lg/stops.js +1 -1
- package/bpk-component-icon/lg/swap--horizontal.js +1 -1
- package/bpk-component-icon/lg/swap--vertical.js +1 -1
- package/bpk-component-icon/lg/swap.js +1 -1
- package/bpk-component-icon/lg/taxi.js +1 -1
- package/bpk-component-icon/lg/thumbs-down.js +1 -1
- package/bpk-component-icon/lg/thumbs-up.js +1 -1
- package/bpk-component-icon/lg/tick-circle.js +1 -1
- package/bpk-component-icon/lg/tick.js +1 -1
- package/bpk-component-icon/lg/ticket-flexible.js +1 -1
- package/bpk-component-icon/lg/ticket.js +1 -1
- package/bpk-component-icon/lg/time.js +1 -1
- package/bpk-component-icon/lg/toilets.js +1 -1
- package/bpk-component-icon/lg/train.js +1 -1
- package/bpk-component-icon/lg/transmission-automatic.js +1 -1
- package/bpk-component-icon/lg/transmission-manual.js +1 -1
- package/bpk-component-icon/lg/trash.js +1 -1
- package/bpk-component-icon/lg/trend--down.js +1 -1
- package/bpk-component-icon/lg/trend--steady.js +1 -1
- package/bpk-component-icon/lg/trend--will-rise.js +1 -1
- package/bpk-component-icon/lg/trend.js +1 -1
- package/bpk-component-icon/lg/trips.js +1 -1
- package/bpk-component-icon/lg/undo.js +1 -1
- package/bpk-component-icon/lg/unlock.js +1 -1
- package/bpk-component-icon/lg/unmute.js +1 -1
- package/bpk-component-icon/lg/upgrade.js +1 -1
- package/bpk-component-icon/lg/use-location.js +1 -1
- package/bpk-component-icon/lg/view.js +1 -1
- package/bpk-component-icon/lg/virus.js +1 -1
- package/bpk-component-icon/lg/wallet.js +1 -1
- package/bpk-component-icon/lg/weather--clear.js +1 -1
- package/bpk-component-icon/lg/weather--cloudy.js +1 -1
- package/bpk-component-icon/lg/weather--fog.js +1 -1
- package/bpk-component-icon/lg/weather--partly-cloudy.js +1 -1
- package/bpk-component-icon/lg/weather--rain.js +1 -1
- package/bpk-component-icon/lg/weather--snow.js +1 -1
- package/bpk-component-icon/lg/weather--thunderstorm.js +1 -1
- package/bpk-component-icon/lg/weather--tornado.js +1 -1
- package/bpk-component-icon/lg/weather--wind.js +1 -1
- package/bpk-component-icon/lg/weather.js +1 -1
- package/bpk-component-icon/lg/wifi.js +1 -1
- package/bpk-component-icon/lg/window--reduce.js +1 -1
- package/bpk-component-icon/lg/window.js +1 -1
- package/bpk-component-icon/lg/world--amer.js +1 -1
- package/bpk-component-icon/lg/world--apac.js +1 -1
- package/bpk-component-icon/lg/world--emea.js +1 -1
- package/bpk-component-icon/sm/accessibility.js +4 -4
- package/bpk-component-icon/sm/account--add.js +4 -4
- package/bpk-component-icon/sm/account--female.js +4 -4
- package/bpk-component-icon/sm/account--id-card.js +4 -4
- package/bpk-component-icon/sm/account--name.js +4 -4
- package/bpk-component-icon/sm/account--permit.js +4 -4
- package/bpk-component-icon/sm/account-circle.js +4 -4
- package/bpk-component-icon/sm/account.js +4 -4
- package/bpk-component-icon/sm/add-circle.js +4 -4
- package/bpk-component-icon/sm/adult.js +4 -4
- package/bpk-component-icon/sm/aircon.js +4 -4
- package/bpk-component-icon/sm/aircraft.js +4 -4
- package/bpk-component-icon/sm/airline--multiple.js +4 -4
- package/bpk-component-icon/sm/airline.js +4 -4
- package/bpk-component-icon/sm/airports.js +4 -4
- package/bpk-component-icon/sm/alert--active.js +4 -4
- package/bpk-component-icon/sm/alert--add.js +4 -4
- package/bpk-component-icon/sm/alert--expired.js +4 -4
- package/bpk-component-icon/sm/alert--remove.js +4 -4
- package/bpk-component-icon/sm/arrow-down.js +4 -4
- package/bpk-component-icon/sm/arrow-left.js +4 -4
- package/bpk-component-icon/sm/arrow-right.js +4 -4
- package/bpk-component-icon/sm/arrow-up.js +4 -4
- package/bpk-component-icon/sm/award.js +4 -4
- package/bpk-component-icon/sm/baby-carriage.js +4 -4
- package/bpk-component-icon/sm/baggage--add.js +4 -4
- package/bpk-component-icon/sm/baggage--remove.js +4 -4
- package/bpk-component-icon/sm/baggage-cabin-add.js +4 -4
- package/bpk-component-icon/sm/baggage-cabin-not-included.js +4 -4
- package/bpk-component-icon/sm/baggage-cabin.js +4 -4
- package/bpk-component-icon/sm/baggage-checked-add.js +4 -4
- package/bpk-component-icon/sm/baggage-checked-not-included.js +4 -4
- package/bpk-component-icon/sm/baggage-checked.js +4 -4
- package/bpk-component-icon/sm/baggage-cross.js +4 -4
- package/bpk-component-icon/sm/baggage-generic.js +4 -4
- package/bpk-component-icon/sm/baggage-tick.js +4 -4
- package/bpk-component-icon/sm/baggage.js +4 -4
- package/bpk-component-icon/sm/bar.js +4 -4
- package/bpk-component-icon/sm/beach.js +4 -4
- package/bpk-component-icon/sm/beer.js +4 -4
- package/bpk-component-icon/sm/breakfast-cross.js +4 -4
- package/bpk-component-icon/sm/breakfast-tick.js +4 -4
- package/bpk-component-icon/sm/bus.js +4 -4
- package/bpk-component-icon/sm/business.js +4 -4
- package/bpk-component-icon/sm/cafe.js +4 -4
- package/bpk-component-icon/sm/calendar.js +4 -4
- package/bpk-component-icon/sm/call-back.js +4 -4
- package/bpk-component-icon/sm/camera.js +4 -4
- package/bpk-component-icon/sm/camper-van.js +4 -4
- package/bpk-component-icon/sm/car-door.js +4 -4
- package/bpk-component-icon/sm/car-wash.js +4 -4
- package/bpk-component-icon/sm/cars-flexible.js +4 -4
- package/bpk-component-icon/sm/cars.js +4 -4
- package/bpk-component-icon/sm/center-location.js +4 -4
- package/bpk-component-icon/sm/chart.js +4 -4
- package/bpk-component-icon/sm/chauffeur.js +4 -4
- package/bpk-component-icon/sm/chevron-down.js +4 -4
- package/bpk-component-icon/sm/chevron-left.js +4 -4
- package/bpk-component-icon/sm/chevron-right.js +4 -4
- package/bpk-component-icon/sm/chevron-up.js +4 -4
- package/bpk-component-icon/sm/child-seat.js +4 -4
- package/bpk-component-icon/sm/child.js +4 -4
- package/bpk-component-icon/sm/city-center.js +4 -4
- package/bpk-component-icon/sm/city.js +4 -4
- package/bpk-component-icon/sm/clean-policy.js +4 -4
- package/bpk-component-icon/sm/clean.js +4 -4
- package/bpk-component-icon/sm/cleaning-medical.js +4 -4
- package/bpk-component-icon/sm/cloakroom.js +4 -4
- package/bpk-component-icon/sm/close-circle.js +4 -4
- package/bpk-component-icon/sm/close.js +4 -4
- package/bpk-component-icon/sm/collapse.js +4 -4
- package/bpk-component-icon/sm/content--copy.js +4 -4
- package/bpk-component-icon/sm/content--event.js +4 -4
- package/bpk-component-icon/sm/content--guides.js +4 -4
- package/bpk-component-icon/sm/currency.js +4 -4
- package/bpk-component-icon/sm/data.js +4 -4
- package/bpk-component-icon/sm/deals.js +4 -4
- package/bpk-component-icon/sm/depart.js +4 -4
- package/bpk-component-icon/sm/device-mid.js +4 -4
- package/bpk-component-icon/sm/device-wide.js +4 -4
- package/bpk-component-icon/sm/direct.js +4 -4
- package/bpk-component-icon/sm/document-csv.js +4 -4
- package/bpk-component-icon/sm/document-pdf.js +4 -4
- package/bpk-component-icon/sm/download.js +4 -4
- package/bpk-component-icon/sm/duration.js +4 -4
- package/bpk-component-icon/sm/eco-leaf.js +4 -4
- package/bpk-component-icon/sm/edit.js +4 -4
- package/bpk-component-icon/sm/education.js +4 -4
- package/bpk-component-icon/sm/electric.js +4 -4
- package/bpk-component-icon/sm/end-call.js +4 -4
- package/bpk-component-icon/sm/estimated.js +4 -4
- package/bpk-component-icon/sm/exclamation-circle.js +4 -4
- package/bpk-component-icon/sm/exclamation.js +4 -4
- package/bpk-component-icon/sm/expand.js +4 -4
- package/bpk-component-icon/sm/explore.js +4 -4
- package/bpk-component-icon/sm/face--blank.js +4 -4
- package/bpk-component-icon/sm/face--happy.js +4 -4
- package/bpk-component-icon/sm/face--sad.js +4 -4
- package/bpk-component-icon/sm/face-id.js +4 -4
- package/bpk-component-icon/sm/face-mask.js +4 -4
- package/bpk-component-icon/sm/family.js +4 -4
- package/bpk-component-icon/sm/fast-track.js +4 -4
- package/bpk-component-icon/sm/fast-train.js +4 -4
- package/bpk-component-icon/sm/filter.js +4 -4
- package/bpk-component-icon/sm/fingerprint.js +4 -4
- package/bpk-component-icon/sm/flag.js +4 -4
- package/bpk-component-icon/sm/flask.js +4 -4
- package/bpk-component-icon/sm/flight-flexible.js +4 -4
- package/bpk-component-icon/sm/flight-landing.js +4 -4
- package/bpk-component-icon/sm/flight-takeoff.js +4 -4
- package/bpk-component-icon/sm/flight.js +4 -4
- package/bpk-component-icon/sm/food.js +4 -4
- package/bpk-component-icon/sm/gears-automatic-circle.js +4 -4
- package/bpk-component-icon/sm/gears-automatic.js +4 -4
- package/bpk-component-icon/sm/gears-manual-circle.js +4 -4
- package/bpk-component-icon/sm/gears-manual.js +4 -4
- package/bpk-component-icon/sm/globe.js +4 -4
- package/bpk-component-icon/sm/grid-layout.js +4 -4
- package/bpk-component-icon/sm/headset.js +4 -4
- package/bpk-component-icon/sm/health-fitness.js +4 -4
- package/bpk-component-icon/sm/heart--outline.js +4 -4
- package/bpk-component-icon/sm/heart.js +4 -4
- package/bpk-component-icon/sm/help-circle.js +4 -4
- package/bpk-component-icon/sm/help.js +4 -4
- package/bpk-component-icon/sm/hide.js +4 -4
- package/bpk-component-icon/sm/hotel-flexible.js +4 -4
- package/bpk-component-icon/sm/hotels--disabled-facilities.js +4 -4
- package/bpk-component-icon/sm/hotels--jacuzzi.js +4 -4
- package/bpk-component-icon/sm/hotels--pets-allowed.js +4 -4
- package/bpk-component-icon/sm/hotels--smoking.js +4 -4
- package/bpk-component-icon/sm/hotels.js +4 -4
- package/bpk-component-icon/sm/infant.js +4 -4
- package/bpk-component-icon/sm/information--language-alert.js +4 -4
- package/bpk-component-icon/sm/information--language-question.js +4 -4
- package/bpk-component-icon/sm/information--language.js +4 -4
- package/bpk-component-icon/sm/information-circle.js +4 -4
- package/bpk-component-icon/sm/information.js +4 -4
- package/bpk-component-icon/sm/insurance.js +4 -4
- package/bpk-component-icon/sm/key.js +4 -4
- package/bpk-component-icon/sm/keypad.js +4 -4
- package/bpk-component-icon/sm/landmark.js +4 -4
- package/bpk-component-icon/sm/language.js +4 -4
- package/bpk-component-icon/sm/legroom--extra.js +4 -4
- package/bpk-component-icon/sm/legroom--normal.js +4 -4
- package/bpk-component-icon/sm/legroom--reduced.js +4 -4
- package/bpk-component-icon/sm/leisure.js +4 -4
- package/bpk-component-icon/sm/lightning.js +4 -4
- package/bpk-component-icon/sm/list.js +4 -4
- package/bpk-component-icon/sm/location.js +4 -4
- package/bpk-component-icon/sm/lock.js +4 -4
- package/bpk-component-icon/sm/logout.js +4 -4
- package/bpk-component-icon/sm/long-arrow-down.js +4 -4
- package/bpk-component-icon/sm/long-arrow-left.js +4 -4
- package/bpk-component-icon/sm/long-arrow-right.js +4 -4
- package/bpk-component-icon/sm/long-arrow-up.js +4 -4
- package/bpk-component-icon/sm/lounge.js +4 -4
- package/bpk-component-icon/sm/luggageall.js +4 -4
- package/bpk-component-icon/sm/mail.js +4 -4
- package/bpk-component-icon/sm/map.js +4 -4
- package/bpk-component-icon/sm/meal.js +4 -4
- package/bpk-component-icon/sm/media.js +4 -4
- package/bpk-component-icon/sm/menu--horizontal.js +4 -4
- package/bpk-component-icon/sm/menu--vertical.js +4 -4
- package/bpk-component-icon/sm/menu.js +3 -3
- package/bpk-component-icon/sm/mileage.js +4 -4
- package/bpk-component-icon/sm/minus.js +4 -4
- package/bpk-component-icon/sm/mobile.js +4 -4
- package/bpk-component-icon/sm/money.js +4 -4
- package/bpk-component-icon/sm/multiple-bookings.js +4 -4
- package/bpk-component-icon/sm/music.js +4 -4
- package/bpk-component-icon/sm/mute.js +4 -4
- package/bpk-component-icon/sm/native-android--back.js +4 -4
- package/bpk-component-icon/sm/native-android--close.js +4 -4
- package/bpk-component-icon/sm/native-android--forward.js +4 -4
- package/bpk-component-icon/sm/native-ios-close.js +4 -4
- package/bpk-component-icon/sm/navigation.js +4 -4
- package/bpk-component-icon/sm/new-window.js +4 -4
- package/bpk-component-icon/sm/news.js +4 -4
- package/bpk-component-icon/sm/night.js +4 -4
- package/bpk-component-icon/sm/not-allowed.js +4 -4
- package/bpk-component-icon/sm/onsen.js +4 -4
- package/bpk-component-icon/sm/paid.js +4 -4
- package/bpk-component-icon/sm/paperclip.js +4 -4
- package/bpk-component-icon/sm/parking.js +4 -4
- package/bpk-component-icon/sm/passport.js +4 -4
- package/bpk-component-icon/sm/pause.js +4 -4
- package/bpk-component-icon/sm/payment-card.js +4 -4
- package/bpk-component-icon/sm/petrol.js +4 -4
- package/bpk-component-icon/sm/phone-call.js +4 -4
- package/bpk-component-icon/sm/picture.js +4 -4
- package/bpk-component-icon/sm/pin.js +4 -4
- package/bpk-component-icon/sm/plane-seat.js +4 -4
- package/bpk-component-icon/sm/play.js +4 -4
- package/bpk-component-icon/sm/plus.js +4 -4
- package/bpk-component-icon/sm/policy.js +4 -4
- package/bpk-component-icon/sm/powerplug.js +4 -4
- package/bpk-component-icon/sm/ppe.js +4 -4
- package/bpk-component-icon/sm/price-alerts.js +4 -4
- package/bpk-component-icon/sm/price-tag.js +4 -4
- package/bpk-component-icon/sm/print.js +4 -4
- package/bpk-component-icon/sm/recent-searches.js +4 -4
- package/bpk-component-icon/sm/redo.js +4 -4
- package/bpk-component-icon/sm/refresh.js +4 -4
- package/bpk-component-icon/sm/return.js +4 -4
- package/bpk-component-icon/sm/room.js +4 -4
- package/bpk-component-icon/sm/scales.js +4 -4
- package/bpk-component-icon/sm/search.js +4 -4
- package/bpk-component-icon/sm/self-service.js +4 -4
- package/bpk-component-icon/sm/send-message.js +4 -4
- package/bpk-component-icon/sm/services.js +4 -4
- package/bpk-component-icon/sm/settings.js +4 -4
- package/bpk-component-icon/sm/share--android.js +4 -4
- package/bpk-component-icon/sm/share--ios.js +4 -4
- package/bpk-component-icon/sm/share.js +4 -4
- package/bpk-component-icon/sm/single-booking.js +4 -4
- package/bpk-component-icon/sm/social-distancing.js +4 -4
- package/bpk-component-icon/sm/social-like.js +4 -4
- package/bpk-component-icon/sm/sort-down.js +4 -4
- package/bpk-component-icon/sm/sort-up.js +4 -4
- package/bpk-component-icon/sm/sort.js +4 -4
- package/bpk-component-icon/sm/speaker.js +4 -4
- package/bpk-component-icon/sm/star-half.js +4 -4
- package/bpk-component-icon/sm/star-outline.js +4 -4
- package/bpk-component-icon/sm/star.js +4 -4
- package/bpk-component-icon/sm/stops.js +4 -4
- package/bpk-component-icon/sm/swap--horizontal.js +4 -4
- package/bpk-component-icon/sm/swap--vertical.js +4 -4
- package/bpk-component-icon/sm/swap.js +4 -4
- package/bpk-component-icon/sm/taxi.js +4 -4
- package/bpk-component-icon/sm/thumbs-down.js +4 -4
- package/bpk-component-icon/sm/thumbs-up.js +4 -4
- package/bpk-component-icon/sm/tick-circle.js +4 -4
- package/bpk-component-icon/sm/tick.js +4 -4
- package/bpk-component-icon/sm/ticket-flexible.js +4 -4
- package/bpk-component-icon/sm/ticket.js +4 -4
- package/bpk-component-icon/sm/time.js +4 -4
- package/bpk-component-icon/sm/toilets.js +4 -4
- package/bpk-component-icon/sm/train.js +4 -4
- package/bpk-component-icon/sm/transmission-automatic.js +4 -4
- package/bpk-component-icon/sm/transmission-manual.js +4 -4
- package/bpk-component-icon/sm/trash.js +4 -4
- package/bpk-component-icon/sm/trend--down.js +4 -4
- package/bpk-component-icon/sm/trend--steady.js +4 -4
- package/bpk-component-icon/sm/trend--will-rise.js +4 -4
- package/bpk-component-icon/sm/trend.js +4 -4
- package/bpk-component-icon/sm/trips.js +4 -4
- package/bpk-component-icon/sm/undo.js +4 -4
- package/bpk-component-icon/sm/unlock.js +4 -4
- package/bpk-component-icon/sm/unmute.js +4 -4
- package/bpk-component-icon/sm/upgrade.js +4 -4
- package/bpk-component-icon/sm/use-location.js +4 -4
- package/bpk-component-icon/sm/view.js +4 -4
- package/bpk-component-icon/sm/virus.js +4 -4
- package/bpk-component-icon/sm/wallet.js +4 -4
- package/bpk-component-icon/sm/weather--clear.js +4 -4
- package/bpk-component-icon/sm/weather--cloudy.js +4 -4
- package/bpk-component-icon/sm/weather--fog.js +4 -4
- package/bpk-component-icon/sm/weather--partly-cloudy.js +4 -4
- package/bpk-component-icon/sm/weather--rain.js +4 -4
- package/bpk-component-icon/sm/weather--snow.js +4 -4
- package/bpk-component-icon/sm/weather--thunderstorm.js +4 -4
- package/bpk-component-icon/sm/weather--tornado.js +4 -4
- package/bpk-component-icon/sm/weather--wind.js +4 -4
- package/bpk-component-icon/sm/weather.js +4 -4
- package/bpk-component-icon/sm/wifi.js +4 -4
- package/bpk-component-icon/sm/window--reduce.js +4 -4
- package/bpk-component-icon/sm/window.js +4 -4
- package/bpk-component-icon/sm/world--amer.js +4 -4
- package/bpk-component-icon/sm/world--apac.js +4 -4
- package/bpk-component-icon/sm/world--emea.js +4 -4
- package/bpk-component-loading-button/src/BpkLoadingButton.module.scss +4 -2
- package/bpk-component-map/src/BpkIconMarker.module.scss +6 -2
- package/bpk-component-rating/src/BpkRating.js +24 -22
- 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 = {
|
|
@@ -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 |
|
|
@@ -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
|
+
}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
#
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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>);
|