@autobusal/providers 1.12.1 → 1.13.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/CHANGELOG.md +9 -0
- package/Errors/Message.tsx +7 -10
- package/Errors/styles.ts +0 -67
- package/package.json +1 -1
- package/types/locations.ts +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,15 @@ adheres to [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) and
|
|
|
7
7
|
> Note: 1.8.0 through 1.11.0 were published without changelog entries. The
|
|
8
8
|
> gap is left as-is rather than reconstructed after the fact.
|
|
9
9
|
|
|
10
|
+
## [1.13.0] - 2026-08-01
|
|
11
|
+
|
|
12
|
+
### Removed
|
|
13
|
+
|
|
14
|
+
- **`CityData.booking_id`.** The only thing it ever fed was the Booking.com
|
|
15
|
+
affiliate banner on the results page, which is gone (see
|
|
16
|
+
`@autobusal/routes-order` 1.12.0), along with the `cities.booking_id`
|
|
17
|
+
column behind it. Type-only change; nothing read the field at runtime.
|
|
18
|
+
|
|
10
19
|
## [1.12.0] - 2026-08-01
|
|
11
20
|
|
|
12
21
|
### Added
|
package/Errors/Message.tsx
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { useNavigate } from 'react-router-dom';
|
|
2
|
-
import {
|
|
3
|
-
import { Button, Meta } from '@autobusal/common';
|
|
2
|
+
import { Button, Meta, Road } from '@autobusal/common';
|
|
4
3
|
import { useSystemTheme } from '@autobusal/hooks';
|
|
5
4
|
import { getLanguage } from '../Setup/languages';
|
|
6
5
|
import errors from '@lang/errors';
|
|
7
|
-
import { Background,
|
|
6
|
+
import { Background, Container, Logo, Code, Description, Detail } from './styles';
|
|
8
7
|
import { useGetSettings } from '../services';
|
|
9
8
|
|
|
10
9
|
interface Props {
|
|
@@ -42,13 +41,11 @@ const Message = ({ type }: Props): JSX.Element => {
|
|
|
42
41
|
return (
|
|
43
42
|
<Meta title={ heading } noIndex={ true }>
|
|
44
43
|
<Background>
|
|
45
|
-
{ /* decorative: the road and the bus carry no information, so
|
|
46
|
-
|
|
47
|
-
<
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
<RiBus2Line />
|
|
51
|
-
</Bus>
|
|
44
|
+
{ /* decorative: the road and the bus carry no information, so the
|
|
45
|
+
whole scene is hidden from assistive technology */ }
|
|
46
|
+
<div aria-hidden="true">
|
|
47
|
+
<Road url={ data.url } />
|
|
48
|
+
</div>
|
|
52
49
|
</Background>
|
|
53
50
|
|
|
54
51
|
<Container className="box">
|
package/Errors/styles.ts
CHANGED
|
@@ -8,16 +8,6 @@ import styled, { keyframes } from 'styled-components';
|
|
|
8
8
|
* sends a bus along it, with the explanation boxed in the middle - so a
|
|
9
9
|
* dead end still looks like part of the product rather than a crash.
|
|
10
10
|
*/
|
|
11
|
-
const drift = keyframes`
|
|
12
|
-
from { transform: translateX(0); }
|
|
13
|
-
to { transform: translateX(-84px); }
|
|
14
|
-
`;
|
|
15
|
-
|
|
16
|
-
const travel = keyframes`
|
|
17
|
-
from { transform: translateX(-22vw); }
|
|
18
|
-
to { transform: translateX(112vw); }
|
|
19
|
-
`;
|
|
20
|
-
|
|
21
11
|
const rise = keyframes`
|
|
22
12
|
from { opacity: 0; transform: translate(-50%, calc(-50% + 10px)); }
|
|
23
13
|
to { opacity: 1; transform: translate(-50%, -50%); }
|
|
@@ -84,60 +74,3 @@ export const Detail = styled.p`
|
|
|
84
74
|
color: ${ props => props.theme.font.faded };
|
|
85
75
|
`;
|
|
86
76
|
|
|
87
|
-
/**
|
|
88
|
-
* A band of road across the foot of the page. Decorative only, and hidden
|
|
89
|
-
* from assistive technology - it carries nothing a screen reader needs.
|
|
90
|
-
*/
|
|
91
|
-
export const Road = styled.div`
|
|
92
|
-
position: absolute;
|
|
93
|
-
right: 0;
|
|
94
|
-
bottom: 0;
|
|
95
|
-
left: 0;
|
|
96
|
-
height: 150px;
|
|
97
|
-
background: linear-gradient(
|
|
98
|
-
to top,
|
|
99
|
-
${ props => props.theme.primary.normal }22,
|
|
100
|
-
transparent
|
|
101
|
-
);
|
|
102
|
-
|
|
103
|
-
&::after {
|
|
104
|
-
content: '';
|
|
105
|
-
position: absolute;
|
|
106
|
-
bottom: 46px;
|
|
107
|
-
left: 0;
|
|
108
|
-
width: 200%;
|
|
109
|
-
height: 3px;
|
|
110
|
-
border-radius: 3px;
|
|
111
|
-
background: repeating-linear-gradient(
|
|
112
|
-
to right,
|
|
113
|
-
${ props => props.theme.primary.normal }66 0 42px,
|
|
114
|
-
transparent 42px 84px
|
|
115
|
-
);
|
|
116
|
-
animation: ${ drift } 6s linear infinite;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
/* a moving road is exactly the kind of thing that should stop for anyone
|
|
120
|
-
who has asked motion to stop */
|
|
121
|
-
@media (prefers-reduced-motion: reduce) {
|
|
122
|
-
&::after {
|
|
123
|
-
animation: none;
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
`;
|
|
127
|
-
|
|
128
|
-
export const Bus = styled.div`
|
|
129
|
-
position: absolute;
|
|
130
|
-
bottom: 52px;
|
|
131
|
-
left: 0;
|
|
132
|
-
display: flex;
|
|
133
|
-
align-items: center;
|
|
134
|
-
font-size: 44px;
|
|
135
|
-
color: ${ props => props.theme.primary.normal };
|
|
136
|
-
animation: ${ travel } 16s linear infinite;
|
|
137
|
-
|
|
138
|
-
/* parked, not removed - the scene should still make sense standing still */
|
|
139
|
-
@media (prefers-reduced-motion: reduce) {
|
|
140
|
-
animation: none;
|
|
141
|
-
transform: translateX(10vw);
|
|
142
|
-
}
|
|
143
|
-
`;
|
package/package.json
CHANGED