@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.
Files changed (38) hide show
  1. package/bpk-component-checkbox/src/BpkCheckboxV2/BpkCheckboxV2Control.js +1 -1
  2. package/bpk-component-checkbox/src/BpkCheckboxV2/BpkCheckboxV2HiddenInput.js +1 -1
  3. package/bpk-component-checkbox/src/BpkCheckboxV2/BpkCheckboxV2Label.js +1 -1
  4. package/bpk-component-checkbox/src/BpkCheckboxV2/BpkCheckboxV2Root.js +1 -1
  5. package/bpk-component-checkbox-card/src/BpkCheckboxCard.js +1 -1
  6. package/bpk-component-checkbox-card/src/BpkCheckboxCardRoot.js +1 -1
  7. package/bpk-component-drawer/src/BpkDrawer.d.ts +1 -1
  8. package/bpk-component-drawer/src/BpkDrawerContent.d.ts +1 -1
  9. package/bpk-component-layout/index.d.ts +2 -0
  10. package/bpk-component-layout/index.js +4 -1
  11. package/bpk-component-layout/src/BpkBox.js +18 -8
  12. package/bpk-component-layout/src/BpkFlex.js +11 -3
  13. package/bpk-component-layout/src/BpkGrid.js +11 -3
  14. package/bpk-component-layout/src/BpkGridItem.js +11 -3
  15. package/bpk-component-layout/src/BpkLayout.module.css +18 -0
  16. package/bpk-component-layout/src/BpkProvider.js +11 -7
  17. package/bpk-component-layout/src/BpkStack.js +46 -20
  18. package/bpk-component-layout/src/backgroundColors.d.ts +16 -0
  19. package/bpk-component-layout/src/backgroundColors.js +37 -0
  20. package/bpk-component-layout/src/commonProps.d.ts +4 -3
  21. package/bpk-component-layout/src/spacingMap.d.ts +21 -0
  22. package/bpk-component-layout/src/spacingMap.js +92 -0
  23. package/bpk-component-layout/src/theme.d.ts +0 -14
  24. package/bpk-component-layout/src/theme.js +138 -205
  25. package/bpk-component-layout/src/tokenUtils.js +1 -1
  26. package/bpk-component-layout/src/types.d.ts +4 -1
  27. package/bpk-component-modal/src/BpkModalV3/BpkModalV3CloseTrigger/BpkModalV3CloseTrigger.js +1 -1
  28. package/bpk-component-modal/src/BpkModalV3/BpkModalV3Content/BpkModalV3Content.js +1 -1
  29. package/bpk-component-modal/src/BpkModalV3/BpkModalV3Description/BpkModalV3Description.js +1 -1
  30. package/bpk-component-modal/src/BpkModalV3/BpkModalV3Portal/BpkModalV3Portal.js +1 -1
  31. package/bpk-component-modal/src/BpkModalV3/BpkModalV3Root/BpkModalV3Root.js +1 -1
  32. package/bpk-component-modal/src/BpkModalV3/BpkModalV3Scrim/BpkModalV3Scrim.js +1 -1
  33. package/bpk-component-modal/src/BpkModalV3/BpkModalV3Title/BpkModalV3Title.js +1 -1
  34. package/bpk-component-modal/src/BpkModalV3/BpkModalV3Trigger/BpkModalV3Trigger.js +1 -1
  35. package/bpk-component-segmented-control/src/BpkSegmentedControlV2/BpkSegmentedControlV2.js +2 -1
  36. package/bpk-mixins/_borders.scss +20 -4
  37. package/bpk-mixins/_scroll-indicators.scss +5 -1
  38. package/package.json +2 -1
@@ -37,7 +37,11 @@
37
37
  /// @access private
38
38
 
39
39
  @mixin _bpk-border-top($size, $color, $inset) {
40
- $offset-y: if($inset == inset, $size, -#{$size});
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: if($inset == inset, -#{$size}, $size);
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: if($inset == inset, -#{$size}, $size);
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: if($inset == inset, $size, -#{$size});
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: if($direction == 'left', 90deg, 270deg);
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.5.2",
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"