@skyscanner/backpack-web 42.5.2 → 42.6.0-dev-v24170567962.1
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-checkbox/src/BpkCheckboxV2/BpkCheckboxV2Control.js +1 -1
- package/bpk-component-checkbox/src/BpkCheckboxV2/BpkCheckboxV2HiddenInput.js +1 -1
- package/bpk-component-checkbox/src/BpkCheckboxV2/BpkCheckboxV2Label.js +1 -1
- package/bpk-component-checkbox/src/BpkCheckboxV2/BpkCheckboxV2Root.js +1 -1
- package/bpk-component-checkbox-card/src/BpkCheckboxCard.js +1 -1
- package/bpk-component-checkbox-card/src/BpkCheckboxCardRoot.js +1 -1
- package/bpk-component-drawer/src/BpkDrawer.d.ts +1 -1
- package/bpk-component-drawer/src/BpkDrawerContent.d.ts +1 -1
- package/bpk-component-layout/index.d.ts +2 -0
- package/bpk-component-layout/index.js +4 -1
- package/bpk-component-layout/src/BpkBox.js +18 -8
- package/bpk-component-layout/src/BpkFlex.js +11 -3
- package/bpk-component-layout/src/BpkGrid.js +11 -3
- package/bpk-component-layout/src/BpkGridItem.js +11 -3
- package/bpk-component-layout/src/BpkLayout.module.css +18 -0
- package/bpk-component-layout/src/BpkProvider.js +11 -7
- package/bpk-component-layout/src/BpkStack.js +46 -20
- package/bpk-component-layout/src/backgroundColors.d.ts +16 -0
- package/bpk-component-layout/src/backgroundColors.js +37 -0
- package/bpk-component-layout/src/commonProps.d.ts +4 -3
- package/bpk-component-layout/src/spacingMap.d.ts +21 -0
- package/bpk-component-layout/src/spacingMap.js +92 -0
- package/bpk-component-layout/src/theme.d.ts +0 -14
- package/bpk-component-layout/src/theme.js +138 -205
- package/bpk-component-layout/src/tokenUtils.js +1 -1
- package/bpk-component-layout/src/types.d.ts +4 -1
- package/bpk-component-modal/src/BpkModalV3/BpkModalV3CloseTrigger/BpkModalV3CloseTrigger.js +1 -1
- package/bpk-component-modal/src/BpkModalV3/BpkModalV3Content/BpkModalV3Content.js +1 -1
- package/bpk-component-modal/src/BpkModalV3/BpkModalV3Description/BpkModalV3Description.js +1 -1
- package/bpk-component-modal/src/BpkModalV3/BpkModalV3Portal/BpkModalV3Portal.js +1 -1
- package/bpk-component-modal/src/BpkModalV3/BpkModalV3Root/BpkModalV3Root.js +1 -1
- package/bpk-component-modal/src/BpkModalV3/BpkModalV3Scrim/BpkModalV3Scrim.js +1 -1
- package/bpk-component-modal/src/BpkModalV3/BpkModalV3Title/BpkModalV3Title.js +1 -1
- package/bpk-component-modal/src/BpkModalV3/BpkModalV3Trigger/BpkModalV3Trigger.js +1 -1
- package/bpk-component-segmented-control/src/BpkSegmentedControlV2/BpkSegmentedControlV2.js +2 -1
- package/bpk-mixins/_borders.scss +20 -4
- package/bpk-mixins/_scroll-indicators.scss +5 -1
- package/package.json +2 -1
package/bpk-mixins/_borders.scss
CHANGED
|
@@ -37,7 +37,11 @@
|
|
|
37
37
|
/// @access private
|
|
38
38
|
|
|
39
39
|
@mixin _bpk-border-top($size, $color, $inset) {
|
|
40
|
-
$offset-y:
|
|
40
|
+
$offset-y: $size;
|
|
41
|
+
|
|
42
|
+
@if $inset != inset {
|
|
43
|
+
$offset-y: -#{$size};
|
|
44
|
+
}
|
|
41
45
|
|
|
42
46
|
box-shadow: 0 $offset-y 0 0 $color #{$inset};
|
|
43
47
|
}
|
|
@@ -47,7 +51,11 @@
|
|
|
47
51
|
/// @access private
|
|
48
52
|
|
|
49
53
|
@mixin bpk-border-right($size, $color, $inset) {
|
|
50
|
-
$offset-x:
|
|
54
|
+
$offset-x: -#{$size};
|
|
55
|
+
|
|
56
|
+
@if $inset != inset {
|
|
57
|
+
$offset-x: $size;
|
|
58
|
+
}
|
|
51
59
|
|
|
52
60
|
box-shadow: $offset-x 0 0 0 $color #{$inset};
|
|
53
61
|
}
|
|
@@ -57,7 +65,11 @@
|
|
|
57
65
|
/// @access private
|
|
58
66
|
|
|
59
67
|
@mixin _bpk-border-bottom($size, $color, $inset) {
|
|
60
|
-
$offset-y:
|
|
68
|
+
$offset-y: -#{$size};
|
|
69
|
+
|
|
70
|
+
@if $inset != inset {
|
|
71
|
+
$offset-y: $size;
|
|
72
|
+
}
|
|
61
73
|
|
|
62
74
|
box-shadow: 0 $offset-y 0 0 $color #{$inset};
|
|
63
75
|
}
|
|
@@ -67,7 +79,11 @@
|
|
|
67
79
|
/// @access private
|
|
68
80
|
|
|
69
81
|
@mixin bpk-border-left($size, $color, $inset) {
|
|
70
|
-
$offset-x:
|
|
82
|
+
$offset-x: $size;
|
|
83
|
+
|
|
84
|
+
@if $inset != inset {
|
|
85
|
+
$offset-x: -#{$size};
|
|
86
|
+
}
|
|
71
87
|
|
|
72
88
|
box-shadow: $offset-x 0 0 0 $color #{$inset};
|
|
73
89
|
}
|
|
@@ -29,7 +29,11 @@
|
|
|
29
29
|
/// @access private
|
|
30
30
|
|
|
31
31
|
@mixin _bpk-scroll-indicator($gradient-color, $direction: 'left') {
|
|
32
|
-
$gradient-direction:
|
|
32
|
+
$gradient-direction: 90deg;
|
|
33
|
+
|
|
34
|
+
@if $direction != 'left' {
|
|
35
|
+
$gradient-direction: 270deg;
|
|
36
|
+
}
|
|
33
37
|
|
|
34
38
|
position: absolute;
|
|
35
39
|
top: 0;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyscanner/backpack-web",
|
|
3
|
-
"version": "42.
|
|
3
|
+
"version": "42.6.0-dev-v24170567962.1",
|
|
4
4
|
"description": "Backpack Design System web library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
"url": "https://github.com/Skyscanner/backpack/issues"
|
|
18
18
|
},
|
|
19
19
|
"homepage": "https://github.com/Skyscanner/backpack#readme",
|
|
20
|
+
"sideEffects": false,
|
|
20
21
|
"publishConfig": {
|
|
21
22
|
"registry": "https://registry.npmjs.org/",
|
|
22
23
|
"access": "public"
|