@skyscanner/backpack-web 17.0.0 → 17.0.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.
@@ -59,7 +59,7 @@ $arrow-size: bpk-spacing-sm() * 3;
59
59
  margin-bottom: -$bpk-one-pixel-rem;
60
60
  margin-left: -(bpk-spacing-md() + bpk-spacing-sm());
61
61
  border: $arrow-size solid transparent;
62
- border-bottom-color: $bpk-autosuggest-list-background-color;
62
+ border-bottom-color: $bpk-surface-default-day;
63
63
  pointer-events: none;
64
64
  }
65
65
  }
@@ -86,11 +86,11 @@ $arrow-size: bpk-spacing-sm() * 3;
86
86
  }
87
87
 
88
88
  &:active {
89
- background-color: $bpk-autosuggest-list-item-active-background-color;
89
+ background-color: $bpk-canvas-contrast-day;
90
90
  }
91
91
 
92
92
  &--highlighted {
93
- background-color: $bpk-autosuggest-list-item-highlighted-background-color;
93
+ background-color: $bpk-canvas-contrast-day;
94
94
  }
95
95
  }
96
96
 
@@ -21,7 +21,7 @@
21
21
  $bpk-spacing-v2: true;
22
22
 
23
23
  .bpk-banner-alert {
24
- background-color: $bpk-banner-alert-background-color;
24
+ background-color: $bpk-surface-default-day;
25
25
  overflow: hidden;
26
26
 
27
27
  @include bpk-border-radius-sm;
@@ -142,7 +142,7 @@ $bpk-spacing-v2: true;
142
142
  }
143
143
 
144
144
  &__expand-icon {
145
- fill: $bpk-banner-alert-expand-icon-fill;
145
+ fill: $bpk-text-secondary-day;
146
146
 
147
147
  &--flipped {
148
148
  transform: scaleY(-1);
@@ -150,12 +150,8 @@ $bpk-spacing-v2: true;
150
150
  }
151
151
 
152
152
  &__children-container {
153
- // Temporarily adding an extra 2px padding to align alert message and description until the icon size changes to 16px
154
- $extra-padding: 2 * $bpk-one-pixel-rem;
155
-
156
- padding: 0 bpk-spacing-xxl() bpk-spacing-md()
157
- (bpk-spacing-xl() + $extra-padding);
158
- color: $bpk-banner-alert-children-color;
153
+ padding: 0 bpk-spacing-xxl() bpk-spacing-md() bpk-spacing-xl();
154
+ color: $bpk-text-secondary-day;
159
155
 
160
156
  @include bpk-text;
161
157
  @include bpk-caption;
@@ -27,7 +27,7 @@ export default () => (
27
27
 
28
28
  ```js
29
29
  import React from 'react';
30
- import { BpkDividedCard, ORIENTATION } from '@skyscanner/backpack-web/bpk-component-divided-card';
30
+ import { BpkDividedCard, ORIENTATION } from '@skyscanner/backpack-web/bpk-component-card';
31
31
 
32
32
  export default () => (
33
33
  <BpkDividedCard
@@ -46,7 +46,7 @@ $bpk-spacing-v2: true;
46
46
  @include bpk-themeable-property(
47
47
  color,
48
48
  --bpk-horizontal-nav-link-color,
49
- $bpk-horizontal-nav-link-color
49
+ $bpk-text-secondary-day
50
50
  );
51
51
 
52
52
  @include bpk-hover {
@@ -54,7 +54,7 @@ $bpk-spacing-v2: true;
54
54
  @include bpk-themeable-property(
55
55
  color,
56
56
  --bpk-horizontal-nav-link-hover-color,
57
- $bpk-horizontal-nav-link-hover-color
57
+ $bpk-text-secondary-day
58
58
  );
59
59
  }
60
60
 
@@ -63,7 +63,7 @@ $bpk-spacing-v2: true;
63
63
  @include bpk-themeable-property(
64
64
  color,
65
65
  --bpk-horizontal-nav-link-active-color,
66
- $bpk-horizontal-nav-link-active-color
66
+ $bpk-text-secondary-day
67
67
  );
68
68
  }
69
69
 
@@ -88,7 +88,7 @@ $bpk-spacing-v2: true;
88
88
  @include bpk-themeable-property(
89
89
  color,
90
90
  --bpk-horizontal-nav-link-selected-color,
91
- $bpk-horizontal-nav-link-selected-color
91
+ $bpk-text-link-day
92
92
  );
93
93
 
94
94
  @include bpk-hover {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyscanner/backpack-web",
3
- "version": "17.0.0",
3
+ "version": "17.0.1",
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": "^13.3.0",
28
- "@skyscanner/bpk-svgs": "^16.0.5",
27
+ "@skyscanner/bpk-foundations-web": "^13.5.0",
28
+ "@skyscanner/bpk-svgs": "^16.0.7",
29
29
  "a11y-focus-scope": "^1.1.3",
30
30
  "a11y-focus-store": "^1.0.0",
31
- "bpk-mixins": "^37.1.0",
31
+ "bpk-mixins": "^37.1.2",
32
32
  "d3-path": "^2.0.0",
33
33
  "d3-scale": "^4.0.2",
34
34
  "date-fns": "^2.21.1",