@kiwicom/orbit-components/lib/common/tailwind/direction.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.directionClasses = exports.default = exports.DIRECTION = void 0;
var _mediaQuery = require("../../utils/mediaQuery");
let DIRECTION = exports.DIRECTION = /*#__PURE__*/function (DIRECTION) {
  DIRECTION["ROW"] = "row";
  DIRECTION["COLUMN"] = "column";
  DIRECTION["ROW_REVERSE"] = "row-reverse";
  DIRECTION["COLUMN_REVERSE"] = "column-reverse";
  return DIRECTION;
}({});
const directionClasses = exports.directionClasses = {
  [DIRECTION.ROW]: "flex-row",
  [DIRECTION.COLUMN]: "flex-col",
  [DIRECTION.ROW_REVERSE]: "flex-row-reverse",
  [DIRECTION.COLUMN_REVERSE]: "flex-col-reverse",
  [_mediaQuery.QUERIES.LARGEDESKTOP]: {
    [DIRECTION.ROW]: "ld:flex-row",
    [DIRECTION.COLUMN]: "ld:flex-col",
    [DIRECTION.ROW_REVERSE]: "ld:flex-row-reverse",
    [DIRECTION.COLUMN_REVERSE]: "ld:flex-col-reverse"
  },
  [_mediaQuery.QUERIES.DESKTOP]: {
    [DIRECTION.ROW]: "de:flex-row",
    [DIRECTION.COLUMN]: "de:flex-col",
    [DIRECTION.ROW_REVERSE]: "de:flex-row-reverse",
    [DIRECTION.COLUMN_REVERSE]: "de:flex-col-reverse"
  },
  [_mediaQuery.QUERIES.TABLET]: {
    [DIRECTION.ROW]: "tb:flex-row",
    [DIRECTION.COLUMN]: "tb:flex-col",
    [DIRECTION.ROW_REVERSE]: "tb:flex-row-reverse",
    [DIRECTION.COLUMN_REVERSE]: "tb:flex-col-reverse"
  },
  [_mediaQuery.QUERIES.LARGEMOBILE]: {
    [DIRECTION.ROW]: "lm:flex-row",
    [DIRECTION.COLUMN]: "lm:flex-col",
    [DIRECTION.ROW_REVERSE]: "lm:flex-row-reverse",
    [DIRECTION.COLUMN_REVERSE]: "lm:flex-col-reverse"
  },
  [_mediaQuery.QUERIES.MEDIUMMOBILE]: {
    [DIRECTION.ROW]: "mm:flex-row",
    [DIRECTION.COLUMN]: "mm:flex-col",
    [DIRECTION.ROW_REVERSE]: "mm:flex-row-reverse",
    [DIRECTION.COLUMN_REVERSE]: "mm:flex-col-reverse"
  }
};
const getDirectionToken = (direction, viewport) => {
  return viewport ? directionClasses[viewport][direction] : directionClasses[direction];
};
var _default = exports.default = getDirectionToken;