@kiwicom/orbit-components/lib/Layout/consts.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";

exports.__esModule = true;
exports.default = exports.LAYOUT_SETTINGS = exports.LAYOUT_OPTIONS = void 0;
const LAYOUT_OPTIONS = {
  SEARCH: "Search",
  BOOKING: "Booking",
  MMB: "MMB"
};
exports.LAYOUT_OPTIONS = LAYOUT_OPTIONS;
const LAYOUT_SETTINGS = {
  [LAYOUT_OPTIONS.SEARCH]: {
    columns: "1fr",
    columnGap: "16px",
    maxWidth: "1440px",
    tablet: {
      columns: "minmax(256px, 3fr) 7fr"
    },
    desktop: {
      columnGap: "24px"
    },
    largeDesktop: {
      columns: "256px 1fr 288px"
    },
    layoutColumns: {
      // $FlowIssue
      0: {
        hideOn: ["smallMobile", "mediumMobile", "largeMobile"],
        as: "aside"
      },
      // $FlowIssue
      1: {
        as: "main"
      },
      // $FlowIssue
      2: {
        hideOn: ["smallMobile", "mediumMobile", "largeMobile", "tablet", "desktop"]
      }
    }
  },
  [LAYOUT_OPTIONS.BOOKING]: {
    columns: "1fr",
    columnGap: "16px",
    rowGap: "16px",
    maxWidth: "1200px",
    tablet: {
      columns: "7fr minmax(272px, 3fr)"
    },
    desktop: {
      columnGap: "24px"
    },
    layoutColumns: {
      // $FlowIssue
      0: {
        spanEntireRow: true
      },
      // $FlowIssue
      1: {
        as: "main"
      },
      // $FlowIssue
      2: {
        as: "aside"
      }
    }
  },
  [LAYOUT_OPTIONS.MMB]: {
    columns: "1fr",
    columnGap: "16px",
    maxWidth: "960px",
    desktop: {
      columnGap: "24px"
    },
    layoutColumns: {
      // $FlowIssue
      0: {
        as: "main"
      }
    }
  }
};
exports.LAYOUT_SETTINGS = LAYOUT_SETTINGS;
var _default = LAYOUT_SETTINGS;
exports.default = _default;