@skyscanner/backpack-web 8.0.0 → 9.1.0-alpha.1

package/bpk-component-calendar/index.css

@@ -0,0 +1,136 @@
+/*  imported from BpkCalendarDate.module.scss  */
+
+@keyframes BpkCalendarDate-module__bpk-keyframe-spin___2up0V{100%{transform:rotate(1turn)}}
+
+.BpkCalendarDate-module__bpk-calendar-date___1xqI0{width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:1.125rem;background-color:transparent;text-align:center;cursor:pointer;appearance:none;box-sizing:border-box;font-size:1rem;line-height:1.5rem;font-weight:700;color:#111236;color:var(--bpk-calendar-date-text-color, #111236)}
+
+.BpkCalendarDate-module__bpk-no-touch-support___9RF2O .BpkCalendarDate-module__bpk-calendar-date___1xqI0:hover:not(:active):not(:disabled):not(.BpkCalendarDate-module__bpk-calendar-date--selected___2GMW5){background-color:#f1f2f8;color:#444560;color:var(--bpk-calendar-date-text-hover-color, #444560)}
+
+.bpk-no-touch-support .BpkCalendarDate-module__bpk-calendar-date___1xqI0:hover:not(:active):not(:disabled):not(.BpkCalendarDate-module__bpk-calendar-date--selected___2GMW5){background-color:#f1f2f8;color:#444560;color:var(--bpk-calendar-date-text-hover-color, #444560)}
+
+.BpkCalendarDate-module__bpk-calendar-date--colored___3An-K{color:#fff}
+
+.BpkCalendarDate-module__bpk-calendar-date--colored-default___KN_yJ{background-color:#68697f}
+
+.BpkCalendarDate-module__bpk-calendar-date--colored-positive___cdXPU{background-color:#00a698}
+
+.BpkCalendarDate-module__bpk-calendar-date--colored-neutral___2Gv7S{background-color:#ffb54d}
+
+.BpkCalendarDate-module__bpk-calendar-date--colored-negative___3uCrO{background-color:#d1435b}
+
+.BpkCalendarDate-module__bpk-calendar-date___1xqI0:not(.BpkCalendarDate-module__bpk-calendar-date--selected___2GMW5):active{background-color:#dddde5;color:#111236;color:var(--bpk-calendar-date-text-active-color, #111236)}
+
+.BpkCalendarDate-module__bpk-calendar-date--outside___1rIDK{background-color:transparent;color:#b2b2bf}
+
+.BpkCalendarDate-module__bpk-calendar-date--selected___2GMW5{cursor:default;background-color:#084eb2;background-color:var(--bpk-calendar-date-selected-background-color, #084eb2);color:#fff;color:var(--bpk-calendar-date-text-selected-color, #fff)}
+
+.BpkCalendarDate-module__bpk-calendar-date--middle___2944J{background-color:#cddff8;color:#111236}
+
+.BpkCalendarDate-module__bpk-calendar-date--single___1EBC2{background-color:#0770e3}
+
+.BpkCalendarDate-module__bpk-calendar-date--start___1G5sw{background-color:#0770e3}
+
+.BpkCalendarDate-module__bpk-calendar-date--end___d6MsB{background-color:#0770e3}
+
+.BpkCalendarDate-module__bpk-calendar-date--focused___pF7RH:not(:disabled):not(.BpkCalendarDate-module__bpk-calendar-date--selected___2GMW5):not(.BpkCalendarDate-module__bpk-calendar-date--colored___3An-K){box-shadow:0 0 0 2px #0770e3 inset;box-shadow:0 0 0 2px var(--bpk-calendar-date-focused-border-color, #0770e3) inset;color:#0770e3;color:var(--bpk-calendar-date-text-focus-color, #0770e3)}
+
+.BpkCalendarDate-module__bpk-calendar-date--focused___pF7RH:not(:disabled):not(.BpkCalendarDate-module__bpk-calendar-date--selected___2GMW5).BpkCalendarDate-module__bpk-calendar-date--colored___3An-K{border:0.125rem solid #0770e3;box-shadow:0 0 0 1px #fff inset}
+
+.BpkCalendarDate-module__bpk-calendar-date___1xqI0:disabled,.BpkCalendarDate-module__bpk-calendar-date--blocked___2G6FJ{background-color:transparent;color:#dddde5;cursor:not-allowed}
+
+.BpkCalendarDate-module__bpk-no-touch-support___9RF2O .BpkCalendarDate-module__bpk-calendar-date___1xqI0:disabled:hover:not(:active):not(:disabled),.BpkCalendarDate-module__bpk-no-touch-support___9RF2O .BpkCalendarDate-module__bpk-calendar-date--blocked___2G6FJ:hover:not(:active):not(:disabled){color:#dddde5}
+
+.bpk-no-touch-support .BpkCalendarDate-module__bpk-calendar-date___1xqI0:disabled:hover:not(:active):not(:disabled),.bpk-no-touch-support .BpkCalendarDate-module__bpk-calendar-date--blocked___2G6FJ:hover:not(:active):not(:disabled){color:#dddde5}
+
+.BpkCalendarDate-module__bpk-calendar-date___1xqI0:disabled:active,.BpkCalendarDate-module__bpk-calendar-date--blocked___2G6FJ:active{color:#dddde5}
+/*  imported from BpkCalendarGrid.module.scss  */
+
+@keyframes BpkCalendarGrid-module__bpk-keyframe-spin___2nlOB{100%{transform:rotate(1turn)}}
+
+@keyframes BpkCalendarGrid-module__bpk-keyframe-spin___2nlOB{100%{transform:rotate(1turn)}}
+
+.BpkCalendarGrid-module__bpk-calendar-grid___q1mtT{width:100%;border-collapse:separate;border-spacing:0}
+
+.BpkCalendarGrid-module__bpk-calendar-grid--animating___38f3n{z-index:1;transition:transform 0.2s ease-in-out}
+
+.BpkCalendarGrid-module__bpk-calendar-grid__caption___1XtBj{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}
+
+.BpkCalendarGrid-module__bpk-calendar-grid__date___Xtjvo{width:100%;text-align:center}
+
+.BpkCalendarGrid-module__bpk-calendar-grid__date--start___1T4HC{background-image:linear-gradient(to right, #fff 50%, #cddff8 50%)}
+
+.BpkCalendarGrid-module__bpk-calendar-grid__date--middle___1wY5s{background-color:#cddff8}
+
+.BpkCalendarGrid-module__bpk-calendar-grid__date--end___1TP4Q{background-image:linear-gradient(to left, #fff 50%, #cddff8 50%)}
+
+.BpkCalendarGrid-module__bpk-calendar-grid__week___2ftP-{display:flex;padding-top:1.5rem}
+/*  imported from BpkCalendarGridHeader.module.scss  */
+
+@keyframes BpkCalendarGridHeader-module__bpk-keyframe-spin___33Nfp{100%{transform:rotate(1turn)}}
+
+@keyframes BpkCalendarGridHeader-module__bpk-keyframe-spin___33Nfp{100%{transform:rotate(1turn)}}
+
+.BpkCalendarGridHeader-module__bpk-calendar-header___bJJfc{display:table;width:100%;table-layout:fixed}
+
+.BpkCalendarGridHeader-module__bpk-calendar-header--table-head___5QymB{display:none}
+
+.BpkCalendarGridHeader-module__bpk-calendar-header__week___RckMP{display:table-row;list-style:none;text-align:center;margin:0;font-size:.75rem;line-height:1rem;font-weight:400}
+
+.BpkCalendarGridHeader-module__bpk-calendar-header__weekday___ZbxKS{display:table-cell;height:2.25rem;padding:0 .5rem;box-shadow:0 1px 0 0 #dddde5;vertical-align:middle;box-sizing:content-box;font-size:.875rem;line-height:1.25rem;font-weight:400}
+/*  imported from BpkCalendarGridTransition.module.scss  */
+
+@keyframes BpkCalendarGridTransition-module__bpk-keyframe-spin___21yOl{100%{transform:rotate(1turn)}}
+
+@keyframes BpkCalendarGridTransition-module__bpk-keyframe-spin___21yOl{100%{transform:rotate(1turn)}}
+
+.BpkCalendarGridTransition-module__bpk-calendar-grid-transition___181nW{position:relative;overflow:hidden}
+
+.BpkCalendarGridTransition-module__bpk-calendar-grid-transition__dummy___VAJ0c{display:inline-block;width:22.75rem}
+
+.BpkCalendarGridTransition-module__bpk-calendar-grid-transition__strip___20koX{left:0;display:block;z-index:0;width:68.25rem}
+
+.BpkCalendarGridTransition-module__bpk-calendar-grid-transition__strip--transitioning___2kkK_{z-index:1;transition:transform 200ms ease-in-out}
+
+.BpkCalendarGridTransition-module__bpk-calendar-grid-transition__grid___3t1LH{display:inline-table;width:22.75rem}
+/*  imported from BpkCalendarNav.module.scss  */
+
+@keyframes BpkCalendarNav-module__bpk-keyframe-spin___1HOwi{100%{transform:rotate(1turn)}}
+
+@keyframes BpkCalendarNav-module__bpk-keyframe-spin___1HOwi{100%{transform:rotate(1turn)}}
+
+.BpkCalendarNav-module__bpk-calendar-nav___3eQPh{display:table}
+
+.BpkCalendarNav-module__bpk-calendar-nav__month___32hRe{display:table-cell;text-align:center}
+
+.BpkCalendarNav-module__bpk-calendar-nav__nudger___3KwXc{display:table-cell;padding:0 .5rem;text-align:center;vertical-align:middle;box-sizing:border-box}
+
+.BpkCalendarNav-module__bpk-calendar-nav__button___eet4S{width:100%;height:2.25rem;padding:.375rem 0 .375rem 0;border:none;background:none;cursor:pointer;appearance:none;color:#0770e3;color:var(--bpk-calendar-nudger-icon-color, #0770e3)}
+
+.BpkCalendarNav-module__bpk-no-touch-support___285I- .BpkCalendarNav-module__bpk-calendar-nav__button___eet4S:hover:not(:active):not(:disabled){color:#084eb2;color:var(--bpk-calendar-nudger-icon-hover-color, #084eb2)}
+
+.bpk-no-touch-support .BpkCalendarNav-module__bpk-calendar-nav__button___eet4S:hover:not(:active):not(:disabled){color:#084eb2;color:var(--bpk-calendar-nudger-icon-hover-color, #084eb2)}
+
+.BpkCalendarNav-module__bpk-calendar-nav__button___eet4S:active{color:#042759;color:var(--bpk-calendar-nudger-icon-active-color, #042759)}
+
+.BpkCalendarNav-module__bpk-calendar-nav__button___eet4S .BpkCalendarNav-module__bpk-calendar-nav__icon___1i3PY{fill:currentColor}
+
+html[dir='rtl'] .BpkCalendarNav-module__bpk-calendar-nav__button___eet4S .BpkCalendarNav-module__bpk-calendar-nav__icon___1i3PY{transform:scaleX(-1)}
+
+.BpkCalendarNav-module__bpk-calendar-nav__button___eet4S:disabled{cursor:not-allowed}
+
+.BpkCalendarNav-module__bpk-calendar-nav__button___eet4S:disabled .BpkCalendarNav-module__bpk-calendar-nav__icon___1i3PY{fill:#dddde5}
+
+.BpkCalendarNav-module__bpk-calendar-nav__text--hidden___36bG9{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}
+/*  imported from BpkCalendar.module.scss  */
+
+@keyframes BpkCalendar-module__bpk-keyframe-spin___k_jqp{100%{transform:rotate(1turn)}}
+
+@keyframes BpkCalendar-module__bpk-keyframe-spin___k_jqp{100%{transform:rotate(1turn)}}
+
+.BpkCalendar-module__bpk-calendar___2GZX1{display:flex;width:100%;flex-direction:column;border-radius:.375rem}
+
+.BpkCalendar-module__bpk-calendar--fixed___2nYB7{width:22.75rem}
+
+.BpkCalendar-module__bpk-calendar__header___2hGsm{margin-top:1.5rem}
+
+.BpkCalendar-module__bpk-calendar__grid___2boXS{margin-top:1.5rem}

package/bpk-component-calendar/index.js

@@ -1,3 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkCalendarDate", {
+  enumerable: true,
+  get: function () {
+    return _BpkCalendarDate.default;
+  }
+});
+Object.defineProperty(exports, "BpkCalendarDatePropTypes", {
+  enumerable: true,
+  get: function () {
+    return _BpkCalendarDate.propTypes;
+  }
+});
+Object.defineProperty(exports, "BpkCalendarGrid", {
+  enumerable: true,
+  get: function () {
+    return _BpkCalendarGrid.default;
+  }
+});
+Object.defineProperty(exports, "BpkCalendarGridHeader", {
+  enumerable: true,
+  get: function () {
+    return _BpkCalendarGridHeader.default;
+  }
+});
+Object.defineProperty(exports, "BpkCalendarGridPropTypes", {
+  enumerable: true,
+  get: function () {
+    return _BpkCalendarGrid.propTypes;
+  }
+});
+Object.defineProperty(exports, "BpkCalendarGridWithTransition", {
+  enumerable: true,
+  get: function () {
+    return _BpkCalendarGrid.BpkCalendarGridWithTransition;
+  }
+});
+Object.defineProperty(exports, "BpkCalendarNav", {
+  enumerable: true,
+  get: function () {
+    return _BpkCalendarNav.default;
+  }
+});
+Object.defineProperty(exports, "CALENDAR_SELECTION_TYPE", {
+  enumerable: true,
+  get: function () {
+    return _customProptypes.CALENDAR_SELECTION_TYPE;
+  }
+});
+Object.defineProperty(exports, "CELL_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _BpkCalendarDate.CELL_TYPES;
+  }
+});
+Object.defineProperty(exports, "CustomPropTypes", {
+  enumerable: true,
+  get: function () {
+    return _customProptypes.default;
+  }
+});
+exports.DateUtils = void 0;
+Object.defineProperty(exports, "ROW_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _BpkCalendarDate.ROW_TYPES;
+  }
+});
+Object.defineProperty(exports, "SELECTION_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _BpkCalendarDate.SELECTION_TYPES;
+  }
+});
+Object.defineProperty(exports, "composeCalendar", {
+  enumerable: true,
+  get: function () {
+    return _composeCalendar.default;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+Object.defineProperty(exports, "withCalendarState", {
+  enumerable: true,
+  get: function () {
+    return _BpkCalendarContainer.withCalendarState;
+  }
+});
+
+var _BpkCalendarContainer = _interopRequireWildcard(require("./src/BpkCalendarContainer"));
+
+var _BpkCalendarGrid = _interopRequireWildcard(require("./src/BpkCalendarGrid"));
+
+var _BpkCalendarGridHeader = _interopRequireDefault(require("./src/BpkCalendarGridHeader"));
+
+var _BpkCalendarNav = _interopRequireDefault(require("./src/BpkCalendarNav"));
+
+var _BpkCalendarDate = _interopRequireWildcard(require("./src/BpkCalendarDate"));
+
+var _composeCalendar = _interopRequireDefault(require("./src/composeCalendar"));
+
+var _customProptypes = _interopRequireWildcard(require("./src/custom-proptypes"));
+
+var DateUtils = _interopRequireWildcard(require("./src/date-utils"));
+
+exports.DateUtils = DateUtils;
+
+var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,46 +139,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import BpkCalendarContainer, {
-  withCalendarState,
-} from './src/BpkCalendarContainer';
-import BpkCalendarGrid, {
-  propTypes as BpkCalendarGridPropTypes,
-  BpkCalendarGridWithTransition,
-} from './src/BpkCalendarGrid';
-import BpkCalendarGridHeader from './src/BpkCalendarGridHeader';
-import BpkCalendarNav from './src/BpkCalendarNav';
-import BpkCalendarDate, {
-  CELL_TYPES,
-  ROW_TYPES,
-  SELECTION_TYPES,
-  propTypes as BpkCalendarDatePropTypes,
-} from './src/BpkCalendarDate';
-import composeCalendar from './src/composeCalendar';
-import CustomPropTypes, {
-  CALENDAR_SELECTION_TYPE,
-} from './src/custom-proptypes';
-import * as DateUtils from './src/date-utils';
-import themeAttributes from './src/themeAttributes';
-
-export default BpkCalendarContainer;
-
-export {
-  BpkCalendarGrid,
-  BpkCalendarGridHeader,
-  BpkCalendarNav,
-  BpkCalendarDate,
-  CustomPropTypes,
-  DateUtils,
-  CELL_TYPES,
-  CALENDAR_SELECTION_TYPE,
-  ROW_TYPES,
-  SELECTION_TYPES,
-  composeCalendar,
-  withCalendarState,
-  themeAttributes,
-  BpkCalendarDatePropTypes,
-  BpkCalendarGridPropTypes,
-  BpkCalendarGridWithTransition,
-};
+var _default = _BpkCalendarContainer.default;
+exports.default = _default;