@skyscanner/backpack-web 31.6.0 → 31.7.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-bottom-sheet/src/BpkBottomSheetInner.js +0 -1
- package/bpk-component-navigation-bar/src/BpkNavigationBar.js +0 -10
- package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +0 -8
- package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +0 -9
- package/bpk-component-nudger/src/BpkNudger.module.css +1 -1
- package/package.json +1 -1
|
@@ -17,7 +17,6 @@
|
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
import { cloneElement } from 'react';
|
|
20
|
-
import PropTypes from 'prop-types';
|
|
21
20
|
import { cssModules } from "../../bpk-react-utils";
|
|
22
21
|
import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
|
|
23
22
|
import STYLES from "./BpkNavigationBar.module.css";
|
|
@@ -62,13 +61,4 @@ const BpkNavigationBar = props => {
|
|
|
62
61
|
}) : title, trailingButton && cloneWithClasses(trailingButton, 'bpk-navigation-bar__trailing-item', `bpk-navigation-bar__trailing-item--${barStyle}`)]
|
|
63
62
|
});
|
|
64
63
|
};
|
|
65
|
-
BpkNavigationBar.propTypes = {
|
|
66
|
-
id: PropTypes.string.isRequired,
|
|
67
|
-
title: PropTypes.node.isRequired,
|
|
68
|
-
className: PropTypes.string,
|
|
69
|
-
leadingButton: PropTypes.element,
|
|
70
|
-
trailingButton: PropTypes.element,
|
|
71
|
-
sticky: PropTypes.bool,
|
|
72
|
-
barStyle: PropTypes.oneOf(Object.values(BAR_STYLES))
|
|
73
|
-
};
|
|
74
64
|
export default BpkNavigationBar;
|
|
@@ -16,8 +16,6 @@
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
|
-
import PropTypes from 'prop-types';
|
|
20
|
-
|
|
21
19
|
// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
|
|
22
20
|
import { BpkButtonLink } from "../../bpk-component-link";
|
|
23
21
|
import { cssModules } from "../../bpk-react-utils";
|
|
@@ -35,10 +33,4 @@ const BpkNavigationBarButtonLink = ({
|
|
|
35
33
|
...rest,
|
|
36
34
|
children: children
|
|
37
35
|
});
|
|
38
|
-
BpkNavigationBarButtonLink.propTypes = {
|
|
39
|
-
children: PropTypes.node.isRequired,
|
|
40
|
-
onClick: PropTypes.func.isRequired,
|
|
41
|
-
className: PropTypes.string,
|
|
42
|
-
barStyle: PropTypes.oneOf(Object.values(BAR_STYLES))
|
|
43
|
-
};
|
|
44
36
|
export default BpkNavigationBarButtonLink;
|
|
@@ -16,8 +16,6 @@
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
|
-
import PropTypes from 'prop-types';
|
|
20
|
-
|
|
21
19
|
// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
|
|
22
20
|
import BpkIconButton from "../../bpk-component-close-button";
|
|
23
21
|
import { cssModules } from "../../bpk-react-utils";
|
|
@@ -35,11 +33,4 @@ const BpkNavigationBarIconButton = ({
|
|
|
35
33
|
className: getClassName('bpk-navigation-bar-icon-button', `bpk-navigation-bar-icon-button--${barStyle}`, className),
|
|
36
34
|
...rest
|
|
37
35
|
});
|
|
38
|
-
BpkNavigationBarIconButton.propTypes = {
|
|
39
|
-
icon: PropTypes.func.isRequired,
|
|
40
|
-
label: PropTypes.string.isRequired,
|
|
41
|
-
onClick: PropTypes.func.isRequired,
|
|
42
|
-
className: PropTypes.string,
|
|
43
|
-
barStyle: PropTypes.oneOf(Object.values(BAR_STYLES))
|
|
44
|
-
};
|
|
45
36
|
export default BpkNavigationBarIconButton;
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
|
-
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-nudger__button{position:relative}.bpk-nudger__input{display:inline-block;padding:0.5rem 0;border:none;color:#161616;text-align:center;vertical-align:middle;margin:0;font-size:1rem;line-height:1.25rem;font-weight:700}.bpk-nudger__input--secondary-on-dark{background-color:transparent;color:#fff}.bpk-nudger__input--numeric{width:2.5rem}.bpk-nudger__container{display:flex;justify-content:space-between;align-items:center}.bpk-nudger__label{display:flex;gap:0.5rem}.bpk-nudger__label--title-subtitle{display:flex;flex-direction:column;justify-content:space-between}.bpk-nudger__label--subtitle{color:#545860}
|
|
18
|
+
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}html[dir='rtl'] .bpk-nudger{display:flex;flex-direction:row-reverse}.bpk-nudger__button{position:relative}.bpk-nudger__input{display:inline-block;padding:0.5rem 0;border:none;color:#161616;text-align:center;vertical-align:middle;margin:0;font-size:1rem;line-height:1.25rem;font-weight:700}.bpk-nudger__input--secondary-on-dark{background-color:transparent;color:#fff}.bpk-nudger__input--numeric{width:2.5rem}.bpk-nudger__container{display:flex;justify-content:space-between;align-items:center}.bpk-nudger__label{display:flex;gap:0.5rem}.bpk-nudger__label--title-subtitle{display:flex;flex-direction:column;justify-content:space-between}.bpk-nudger__label--subtitle{color:#545860}
|