@kiwicom/orbit-components/lib/common/tailwind/alignItems.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.alignItemsClasses = exports.ALIGN = void 0;
var _mediaQuery = require("../../utils/mediaQuery");
let ALIGN = exports.ALIGN = /*#__PURE__*/function (ALIGN) {
  ALIGN["START"] = "start";
  ALIGN["CENTER"] = "center";
  ALIGN["END"] = "end";
  ALIGN["STRETCH"] = "stretch";
  ALIGN["BASELINE"] = "baseline";
  return ALIGN;
}({});
const alignItemsClasses = exports.alignItemsClasses = {
  [ALIGN.START]: "items-start",
  [ALIGN.CENTER]: "items-center",
  [ALIGN.END]: "items-end",
  [ALIGN.STRETCH]: "items-stretch",
  [ALIGN.BASELINE]: "items-baseline",
  [_mediaQuery.QUERIES.LARGEDESKTOP]: {
    [ALIGN.START]: "ld:items-start",
    [ALIGN.CENTER]: "ld:items-center",
    [ALIGN.END]: "ld:items-end",
    [ALIGN.STRETCH]: "ld:items-stretch",
    [ALIGN.BASELINE]: "ld:items-baseline"
  },
  [_mediaQuery.QUERIES.DESKTOP]: {
    [ALIGN.START]: "de:items-start",
    [ALIGN.CENTER]: "de:items-center",
    [ALIGN.END]: "de:items-end",
    [ALIGN.STRETCH]: "de:items-stretch",
    [ALIGN.BASELINE]: "de:items-baseline"
  },
  [_mediaQuery.QUERIES.TABLET]: {
    [ALIGN.START]: "tb:items-start",
    [ALIGN.CENTER]: "tb:items-center",
    [ALIGN.END]: "tb:items-end",
    [ALIGN.STRETCH]: "tb:items-stretch",
    [ALIGN.BASELINE]: "tb:items-baseline"
  },
  [_mediaQuery.QUERIES.LARGEMOBILE]: {
    [ALIGN.START]: "lm:items-start",
    [ALIGN.CENTER]: "lm:items-center",
    [ALIGN.END]: "lm:items-end",
    [ALIGN.STRETCH]: "lm:items-stretch",
    [ALIGN.BASELINE]: "lm:items-baseline"
  },
  [_mediaQuery.QUERIES.MEDIUMMOBILE]: {
    [ALIGN.START]: "mm:items-start",
    [ALIGN.CENTER]: "mm:items-center",
    [ALIGN.END]: "mm:items-end",
    [ALIGN.STRETCH]: "mm:items-stretch",
    [ALIGN.BASELINE]: "mm:items-baseline"
  }
};
const getAlignItemsClasses = (align, viewport) => {
  return viewport ? alignItemsClasses[viewport][align] : alignItemsClasses[align];
};
var _default = exports.default = getAlignItemsClasses;