@skyscanner/backpack-web 36.8.4 → 36.9.1

package/bpk-component-overlay/src/BpkOverlay.d.ts

@@ -16,6 +16,8 @@ export declare const OVERLAY_TYPES: {
     readonly rightMedium: "rightMedium";
     readonly rightHigh: "rightHigh";
     readonly vignette: "vignette";
+    readonly videoTop: "videoTop";
+    readonly videoBottom: "videoBottom";
     readonly off: "off";
 };
 export type OverlayType = (typeof OVERLAY_TYPES)[keyof typeof OVERLAY_TYPES];

package/bpk-component-overlay/src/BpkOverlay.js

@@ -37,6 +37,8 @@ export const OVERLAY_TYPES = {
   rightMedium: 'rightMedium',
   rightHigh: 'rightHigh',
   vignette: 'vignette',
+  videoTop: 'videoTop',
+  videoBottom: 'videoBottom',
   off: 'off'
 };
 const overlayTypeClassSuffixes = {
@@ -56,6 +58,8 @@ const overlayTypeClassSuffixes = {
   [OVERLAY_TYPES.rightMedium]: 'right-medium',
   [OVERLAY_TYPES.rightHigh]: 'right-high',
   [OVERLAY_TYPES.vignette]: 'vignette',
+  [OVERLAY_TYPES.videoTop]: 'video-top',
+  [OVERLAY_TYPES.videoBottom]: 'video-bottom',
   [OVERLAY_TYPES.off]: 'off'
 };
 const BpkOverlay = props => {

package/bpk-component-overlay/src/BpkOverlay.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-overlay__wrapper{position:relative;width:100%;height:100%;border-radius:inherit}.bpk-overlay__overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit}.bpk-overlay__overlay--tint{background:rgba(2,18,44,.56)}.bpk-overlay__overlay--solid-low{background:rgba(22,22,22,.15)}.bpk-overlay__overlay--solid-medium{background:rgba(22,22,22,.3)}.bpk-overlay__overlay--solid-high{background:rgba(22,22,22,.4)}.bpk-overlay__overlay--top-low{background:linear-gradient(180deg, rgba(22, 22, 22, 0.15) 0%, rgba(22, 22, 22, 0) 100%)}.bpk-overlay__overlay--top-medium{background:linear-gradient(180deg, rgba(22, 22, 22, 0.3) 0%, rgba(22, 22, 22, 0) 100%)}.bpk-overlay__overlay--top-high{background:linear-gradient(180deg, rgba(22, 22, 22, 0.4) 0%, rgba(22, 22, 22, 0) 100%)}.bpk-overlay__overlay--bottom-low{background:linear-gradient(180deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.15) 100%)}.bpk-overlay__overlay--bottom-medium{background:linear-gradient(180deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.3) 100%)}.bpk-overlay__overlay--bottom-high{background:linear-gradient(180deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.4) 100%)}.bpk-overlay__overlay--left-low{background:linear-gradient(90deg, rgba(22, 22, 22, 0.15) 0%, rgba(22, 22, 22, 0) 98.5%)}.bpk-overlay__overlay--left-medium{background:linear-gradient(90deg, rgba(22, 22, 22, 0.3) 0%, rgba(22, 22, 22, 0) 98.5%)}.bpk-overlay__overlay--left-high{background:linear-gradient(90deg, rgba(22, 22, 22, 0.4) 0%, rgba(22, 22, 22, 0) 98.5%)}.bpk-overlay__overlay--right-low{background:linear-gradient(90deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.15) 98.5%)}.bpk-overlay__overlay--right-medium{background:linear-gradient(90deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.3) 98.5%)}.bpk-overlay__overlay--right-high{background:linear-gradient(90deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.4) 98.5%)}.bpk-overlay__overlay--vignette{box-shadow:inset 0 0 50px rgba(22,22,22,.12)}
+.bpk-overlay__wrapper{position:relative;width:100%;height:100%;border-radius:inherit}.bpk-overlay__overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit}.bpk-overlay__overlay--tint{background:rgba(2,18,44,.56)}.bpk-overlay__overlay--solid-low{background:rgba(22,22,22,.15)}.bpk-overlay__overlay--solid-medium{background:rgba(22,22,22,.3)}.bpk-overlay__overlay--solid-high{background:rgba(22,22,22,.4)}.bpk-overlay__overlay--top-low{background:linear-gradient(180deg, rgba(22, 22, 22, 0.15) 0%, rgba(22, 22, 22, 0) 100%)}.bpk-overlay__overlay--top-medium{background:linear-gradient(180deg, rgba(22, 22, 22, 0.3) 0%, rgba(22, 22, 22, 0) 100%)}.bpk-overlay__overlay--top-high{background:linear-gradient(180deg, rgba(22, 22, 22, 0.4) 0%, rgba(22, 22, 22, 0) 100%)}.bpk-overlay__overlay--bottom-low{background:linear-gradient(180deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.15) 100%)}.bpk-overlay__overlay--bottom-medium{background:linear-gradient(180deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.3) 100%)}.bpk-overlay__overlay--bottom-high{background:linear-gradient(180deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.4) 100%)}.bpk-overlay__overlay--left-low{background:linear-gradient(90deg, rgba(22, 22, 22, 0.15) 0%, rgba(22, 22, 22, 0) 98.5%)}.bpk-overlay__overlay--left-medium{background:linear-gradient(90deg, rgba(22, 22, 22, 0.3) 0%, rgba(22, 22, 22, 0) 98.5%)}.bpk-overlay__overlay--left-high{background:linear-gradient(90deg, rgba(22, 22, 22, 0.4) 0%, rgba(22, 22, 22, 0) 98.5%)}.bpk-overlay__overlay--right-low{background:linear-gradient(90deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.15) 98.5%)}.bpk-overlay__overlay--right-medium{background:linear-gradient(90deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.3) 98.5%)}.bpk-overlay__overlay--right-high{background:linear-gradient(90deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.4) 98.5%)}.bpk-overlay__overlay--vignette{box-shadow:inset 0 0 50px rgba(22,22,22,.12)}.bpk-overlay__overlay--video-top{background:linear-gradient(180deg, rgba(22, 22, 22, 0.45) 0%, rgba(22, 22, 22, 0) 40%, rgba(22, 22, 22, 0) 100%)}.bpk-overlay__overlay--video-bottom{background:linear-gradient(180deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0) 60%, rgba(22, 22, 22, 0.9) 100%)}

package/bpk-stylesheets/font.js

@@ -16,4 +16,4 @@
  * limitations under the License.
  */
 
-import './font.css';
+import './font.scss';

package/bpk-stylesheets/index.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import './index.css';
+import './index.scss';
 
 (() => {
   if (typeof document === 'undefined') {

package/bpk-stylesheets/larken.js

@@ -16,4 +16,4 @@
  * limitations under the License.
  */
 
-import './larken.css';
+import './larken.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "36.8.4",
+  "version": "36.9.1",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",

package/bpk-stylesheets/index.css

@@ -1,19 +0,0 @@
-/*
- * 
- * Backpack - Skyscanner's Design System
- * 
- * Copyright 2016 Skyscanner Ltd
- * 
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * 
- *//*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{font-size:100%;box-sizing:border-box}*{box-sizing:inherit}*::before,*::after{box-sizing:inherit}body{color:#161616;font-family:"Skyscanner Relative",-apple-system,BlinkMacSystemFont,"Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:1rem;line-height:1.3rem}body.scaffold-font-size{font-size:13px}body.enable-font-smoothing{-webkit-font-smoothing:antialiased}:focus-visible{outline:.125rem solid #0062e3;outline-offset:.125rem}.hidden,.hide{display:none !important}.visuallyhidden,.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;overflow:hidden;clip:rect(0 0 0 0)}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus,.visually-hidden.focusable:active,.visually-hidden.focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.invisible{visibility:hidden}.clearfix::before,.clearfix::after{content:"";display:table}.clearfix::after{clear:both}