@skyscanner/backpack-web 18.0.0 → 18.1.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/README.md
CHANGED
|
@@ -60,7 +60,7 @@ export default () => (
|
|
|
60
60
|
|
|
61
61
|
### Displaying icons
|
|
62
62
|
|
|
63
|
-
`BpkAccordionItem` supports the use of displaying icons alongside the title. To do this you will need to align your icon to the text using `withAlignment` and pass through the matching sizes for the icon you wish to use. For more information see [Alignment](https://
|
|
63
|
+
`BpkAccordionItem` supports the use of displaying icons alongside the title. To do this you will need to align your icon to the text using `withAlignment` and pass through the matching sizes for the icon you wish to use. For more information see [Alignment](https://skyscanner.design/latest/components/alignment/web.html)
|
|
64
64
|
|
|
65
65
|
```js
|
|
66
66
|
import React from 'react';
|
|
@@ -110,7 +110,7 @@ class MyComponent extends Component {
|
|
|
110
110
|
|
|
111
111
|
[Please refer to `react-autosuggest`'s documentation for a full list of props](https://github.com/moroshko/react-autosuggest#props).
|
|
112
112
|
|
|
113
|
-
**Note:** The `inputProps` object is passed directly to a [`BpkInput`](
|
|
113
|
+
**Note:** The `inputProps` object is passed directly to a [`BpkInput`](../bpk-component-input/README.md#props) component, so its prop types apply also.
|
|
114
114
|
|
|
115
115
|
*BpkAutosuggestSuggestion:*
|
|
116
116
|
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export default (({
|
|
3
|
+
styles = {},
|
|
4
|
+
...props
|
|
5
|
+
}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
|
|
6
|
+
width: "1.5rem",
|
|
7
|
+
height: "1.5rem"
|
|
8
|
+
}} {...props}><path d="M12 18a6 6 0 110-12 6 6 0 010 12zm0 4c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z" /></svg>);
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export default (({
|
|
3
|
+
styles = {},
|
|
4
|
+
...props
|
|
5
|
+
}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
|
|
6
|
+
width: "1rem",
|
|
7
|
+
height: "1rem"
|
|
8
|
+
}} {...props}><path d="M12 17.25a5.25 5.25 0 110-10.5 5.25 5.25 0 010 10.5zM12 21a9 9 0 100-18 9 9 0 000 18z" /></svg>);
|
|
@@ -73,7 +73,7 @@ It is composed of `BpkScrollableCalendarGrid` elements. It uses all the same pro
|
|
|
73
73
|
as `BpkCalendarGrid`, but in addition `minDate` and `maxDate` are required to build
|
|
74
74
|
the actual list.
|
|
75
75
|
|
|
76
|
-
[Please refer to the props of BpkCalendarGrid here](
|
|
76
|
+
[Please refer to the props of BpkCalendarGrid here](../bpk-component-calendar/README.md#bpkcalendargrid).
|
|
77
77
|
|
|
78
78
|
| Property | PropType | Required | Default Value |
|
|
79
79
|
| -------- | -------- | -------- | ------------- |
|
|
@@ -88,7 +88,7 @@ used with `BpkScrollableCalendarDate`, it only displays days from
|
|
|
88
88
|
that specific month. It is built on top of BpkCalendarGrid and
|
|
89
89
|
uses the same props.
|
|
90
90
|
|
|
91
|
-
[Please refer to the props of BpkCalendarGrid here](
|
|
91
|
+
[Please refer to the props of BpkCalendarGrid here](../bpk-component-calendar/README.md#bpkcalendargrid).
|
|
92
92
|
|
|
93
93
|
### BpkScrollableCalendarDate
|
|
94
94
|
|
|
@@ -97,4 +97,4 @@ The BpkScrollableCalendarDate component is used to render the content of a cell
|
|
|
97
97
|
and uses the same props. The only difference is that when isOutside is true,
|
|
98
98
|
null is returned in order to only display of specific month in the calendar grid.
|
|
99
99
|
|
|
100
|
-
[Please refer to the props of BpkCalendarDate here](
|
|
100
|
+
[Please refer to the props of BpkCalendarDate here](../bpk-component-calendar/README.md#bpkcalendardate).
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyscanner/backpack-web",
|
|
3
|
-
"version": "18.
|
|
3
|
+
"version": "18.1.0",
|
|
4
4
|
"description": "Backpack Design System web library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"@popperjs/core": "^2.11.5",
|
|
26
26
|
"@react-google-maps/api": "^2.12.0",
|
|
27
|
-
"@skyscanner/bpk-foundations-web": "^
|
|
28
|
-
"@skyscanner/bpk-svgs": "^16.
|
|
27
|
+
"@skyscanner/bpk-foundations-web": "^14.0.0",
|
|
28
|
+
"@skyscanner/bpk-svgs": "^16.2.0",
|
|
29
29
|
"a11y-focus-scope": "^1.1.3",
|
|
30
30
|
"a11y-focus-store": "^1.0.0",
|
|
31
|
-
"bpk-mixins": "^
|
|
31
|
+
"bpk-mixins": "^39.0.1",
|
|
32
32
|
"d3-path": "^2.0.0",
|
|
33
33
|
"d3-scale": "^4.0.2",
|
|
34
34
|
"date-fns": "^2.21.1",
|