From a20380dfeec96a8d8b0e87804ff57a647ab8f78e Mon Sep 17 00:00:00 2001 From: Gabriela Gabriel Date: Wed, 1 Jul 2020 12:13:21 +0200 Subject: [PATCH] Release/v35.0.0 (#773) --- CHANGELOG.md | 5 +++- package-lock.json | 2 +- package.json | 2 +- src/_utils/rideAxis/index.tsx | 15 ++++------- src/messagingSummaryItem/index.tsx | 2 ++ .../__snapshots__/SearchRecap.unit.tsx.snap | 26 ++++--------------- 6 files changed, 18 insertions(+), 34 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 4d85ae1040..c7a953372d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,9 +1,12 @@ # Unreleased - [...] + +# v35.0.0 (01/07/2020) + - **[BREAKING CHANGE]** `Item`: `leftTitle` attribute can receive `string` or `node` - **[NEW]** Introducing `ItemBigData` component -- **[FIX]** Use `stroke` for disabled icons +- **[FIX]** Use `stroke` for `disabled` icons - **[UPDATE]** `RideAxis` alignment polish: when text goes from 1 to 2 lines. - **[UPDATE]** `MessagingItemSummary` with `RideAxis` diff --git a/package-lock.json b/package-lock.json index c219aa679b..dfe36b30c3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "@blablacar/ui-library", - "version": "0.0.0-9b038c51", + "version": "0.0.0-517fafe7", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 0ff4cf3e3a..c2baebd179 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@blablacar/ui-library", - "version": "34.5.1", + "version": "0.0.0-517fafe7", "description": "BlaBlaCar React UI component library", "main": "build/index.js", "types": "build/index.d.ts", diff --git a/src/_utils/rideAxis/index.tsx b/src/_utils/rideAxis/index.tsx index 596927f8b9..f378c3248e 100644 --- a/src/_utils/rideAxis/index.tsx +++ b/src/_utils/rideAxis/index.tsx @@ -4,21 +4,16 @@ import styled from 'styled-components' import { ArrowIcon } from '../../icon' import { space } from '../branding' -const StyledRideAxis = styled.span` - display: inline-flex; - align-items: self-start; - - > span { - flex: 1; - } -` +const StyledRideAxis = styled.span`` const StyledArrowIcon = styled(ArrowIcon)` & { display: inline-block; + /* hack: optical alignment since the icon isn't centered on the viewport */ + padding: 0.1em 0 0; margin: 0 ${space.m}; - height: 1em; - width: 1em; + height: 0.9em; + width: 0.9em; flex-shrink: 0; flex-grow: 0; } diff --git a/src/messagingSummaryItem/index.tsx b/src/messagingSummaryItem/index.tsx index 9c7738edd4..eed0af2ff3 100644 --- a/src/messagingSummaryItem/index.tsx +++ b/src/messagingSummaryItem/index.tsx @@ -5,6 +5,8 @@ import { MessagingSummaryItem } from './MessagingSummaryItem' const StyledMessagingSummaryItem = styled(MessagingSummaryItem)` & .kirk-messaging-summary-item-sub-label { display: flex; + word-break: break-word; + /* Truncate sublabel to max 2 lines. */ max-height: 2.5em; overflow: hidden; diff --git a/src/searchRecap/__snapshots__/SearchRecap.unit.tsx.snap b/src/searchRecap/__snapshots__/SearchRecap.unit.tsx.snap index 5ce9f02b9f..ef609f3ea2 100644 --- a/src/searchRecap/__snapshots__/SearchRecap.unit.tsx.snap +++ b/src/searchRecap/__snapshots__/SearchRecap.unit.tsx.snap @@ -22,27 +22,11 @@ exports[`searchRecap Should display searchRecap component 1`] = ` } .c3 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: self-start; - -webkit-box-align: self-start; - -ms-flex-align: self-start; - align-items: self-start; -} - -.c3 > span { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.c4 { display: inline-block; + padding: 0.1em 0 0; margin: 0 8px; - height: 1em; - width: 1em; + height: 0.9em; + width: 0.9em; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -195,14 +179,14 @@ exports[`searchRecap Should display searchRecap component 1`] = ` } > Middlesbrough