@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
480 lines (479 loc) • 21.3 kB
JavaScript
;
exports.__esModule = true;
exports.colorClasses = void 0;
var _consts = require("../../utils/mediaQuery/consts");
const colorClasses = {
blueLight: "text-blue-light",
blueLightHover: "text-blue-light-hover",
blueLightActive: "text-blue-light-active",
blueNormal: "text-blue-normal",
blueNormalHover: "text-blue-normal-hover",
bundleBasic: "text-bundle-basic",
bundleMedium: "text-bundle-medium",
blueNormalActive: "text-blue-normal-active",
blueDark: "text-blue-dark",
blueDarkHover: "text-blue-dark-hover",
blueDarkActive: "text-blue-dark-active",
blueDarker: "text-blue-darker",
cloudLight: "text-cloud-light",
cloudLightHover: "text-cloud-light-hover",
cloudLightActive: "text-cloud-light-active",
cloudNormal: "text-cloud-normal",
cloudNormalHover: "text-cloud-normal-hover",
cloudNormalActive: "text-cloud-normal-active",
cloudDark: "text-cloud-dark",
cloudDarkHover: "text-cloud-dark-hover",
cloudDarkActive: "text-cloud-dark-active",
greenLight: "text-green-light",
greenLightHover: "text-green-light-hover",
greenLightActive: "text-green-light-active",
greenNormal: "text-green-normal",
greenNormalHover: "text-green-normal-hover",
greenNormalActive: "text-green-normal-active",
greenDark: "text-green-dark",
greenDarkHover: "text-green-dark-hover",
greenDarkActive: "text-green-dark-active",
greenDarker: "text-green-darker",
inkDark: "text-ink-dark",
inkDarkHover: "text-ink-dark-hover",
inkDarkActive: "text-ink-dark-active",
inkLight: "text-ink-light",
inkLightHover: "text-ink-light-hover",
inkLightActive: "text-ink-light-active",
inkNormal: "text-ink-normal",
inkNormalHover: "text-ink-normal-hover",
inkNormalActive: "text-ink-normal-active",
orangeLight: "text-orange-light",
orangeLightHover: "text-orange-light-hover",
orangeLightActive: "text-orange-light-active",
orangeNormal: "text-orange-normal",
orangeNormalHover: "text-orange-normal-hover",
orangeNormalActive: "text-orange-normal-active",
orangeDark: "text-orange-dark",
orangeDarkHover: "text-orange-dark-hover",
orangeDarkActive: "text-orange-dark-active",
orangeDarker: "text-orange-darker",
productLight: "text-product-light",
productLightHover: "text-product-light-hover",
productLightActive: "text-product-light-active",
productNormal: "text-product-normal",
productNormalHover: "text-product-normal-hover",
productNormalActive: "text-product-normal-active",
productDark: "text-product-dark",
productDarkHover: "text-product-dark-hover",
productDarkActive: "text-product-dark-active",
productDarker: "text-product-darker",
redLight: "text-red-light",
redLightHover: "text-red-light-hover",
redLightActive: "text-red-light-active",
redNormal: "text-red-normal",
redNormalHover: "text-red-normal-hover",
redNormalActive: "text-red-normal-active",
redDark: "text-red-dark",
redDarkHover: "text-red-dark-hover",
redDarkActive: "text-red-dark-active",
redDarker: "text-red-darker",
socialFacebook: "text-social-facebook",
socialFacebookHover: "text-social-facebook-hover",
socialFacebookActive: "text-social-facebook-active",
white: "text-white-normal",
whiteNormal: "text-white-normal",
whiteHover: "text-white-normal-hover",
whiteActive: "text-white-normal-active",
[_consts.QUERIES.LARGEDESKTOP]: {
blueLight: "ld:text-blue-light",
blueLightHover: "ld:text-blue-light-hover",
blueLightActive: "ld:text-blue-light-active",
blueNormal: "ld:text-blue-normal",
bundleBasic: "ld:text-bundle-basic",
bundleMedium: "ld:text-bundle-medium",
blueNormalHover: "ld:text-blue-normal-hover",
blueNormalActive: "ld:text-blue-normal-active",
blueDark: "ld:text-blue-dark",
blueDarkHover: "ld:text-blue-dark-hover",
blueDarkActive: "ld:text-blue-dark-active",
blueDarker: "ld:text-blue-darker",
cloudLight: "ld:text-cloud-light",
cloudLightHover: "ld:text-cloud-light-hover",
cloudLightActive: "ld:text-cloud-light-active",
cloudNormal: "ld:text-cloud-normal",
cloudNormalHover: "ld:text-cloud-normal-hover",
cloudNormalActive: "ld:text-cloud-normal-active",
cloudDark: "ld:text-cloud-dark",
cloudDarkHover: "ld:text-cloud-dark-hover",
cloudDarkActive: "ld:text-cloud-dark-active",
greenLight: "ld:text-green-light",
greenLightHover: "ld:text-green-light-hover",
greenLightActive: "ld:text-green-light-active",
greenNormal: "ld:text-green-normal",
greenNormalHover: "ld:text-green-normal-hover",
greenNormalActive: "ld:text-green-normal-active",
greenDark: "ld:text-green-dark",
greenDarkHover: "ld:text-green-dark-hover",
greenDarkActive: "ld:text-green-dark-active",
greenDarker: "ld:text-green-darker",
inkDark: "ld:text-ink-dark",
inkDarkHover: "ld:text-ink-dark-hover",
inkDarkActive: "ld:text-ink-dark-active",
inkLight: "ld:text-ink-light",
inkLightHover: "ld:text-ink-light-hover",
inkLightActive: "ld:text-ink-light-active",
inkNormal: "ld:text-ink-normal",
inkNormalHover: "ld:text-ink-normal-hover",
inkNormalActive: "ld:text-ink-normal-active",
orangeLight: "ld:text-orange-light",
orangeLightHover: "ld:text-orange-light-hover",
orangeLightActive: "ld:text-orange-light-active",
orangeNormal: "ld:text-orange-normal",
orangeNormalHover: "ld:text-orange-normal-hover",
orangeNormalActive: "ld:text-orange-normal-active",
orangeDark: "ld:text-orange-dark",
orangeDarkHover: "ld:text-orange-dark-hover",
orangeDarkActive: "ld:text-orange-dark-active",
orangeDarker: "ld:text-orange-darker",
productLight: "ld:text-product-light",
productLightHover: "ld:text-product-light-hover",
productLightActive: "ld:text-product-light-active",
productNormal: "ld:text-product-normal",
productNormalHover: "ld:text-product-normal-hover",
productNormalActive: "ld:text-product-normal-active",
productDark: "ld:text-product-dark",
productDarkHover: "ld:text-product-dark-hover",
productDarkActive: "ld:text-product-dark-active",
productDarker: "ld:text-product-darker",
redLight: "ld:text-red-light",
redLightHover: "ld:text-red-light-hover",
redLightActive: "ld:text-red-light-active",
redNormal: "ld:text-red-normal",
redNormalHover: "ld:text-red-normal-hover",
redNormalActive: "ld:text-red-normal-active",
redDark: "ld:text-red-dark",
redDarkHover: "ld:text-red-dark-hover",
redDarkActive: "ld:text-red-dark-active",
redDarker: "ld:text-red-darker",
socialFacebook: "ld:text-social-facebook",
socialFacebookHover: "ld:text-social-facebook-hover",
socialFacebookActive: "ld:text-social-facebook-active",
white: "ld:text-white-normal",
whiteNormal: "ld:text-white-normal",
whiteHover: "ld:text-white-normal-hover",
whiteActive: "ld:text-white-normal-active"
},
[_consts.QUERIES.DESKTOP]: {
blueLight: "de:text-blue-light",
blueLightHover: "de:text-blue-light-hover",
blueLightActive: "de:text-blue-light-active",
blueNormal: "de:text-blue-normal",
blueNormalHover: "de:text-blue-normal-hover",
blueNormalActive: "de:text-blue-normal-active",
blueDark: "de:text-blue-dark",
bundleBasic: "de:text-bundle-basic",
bundleMedium: "de:text-bundle-medium",
blueDarkHover: "de:text-blue-dark-hover",
blueDarkActive: "de:text-blue-dark-active",
blueDarker: "de:text-blue-darker",
cloudLight: "de:text-cloud-light",
cloudLightHover: "de:text-cloud-light-hover",
cloudLightActive: "de:text-cloud-light-active",
cloudNormal: "de:text-cloud-normal",
cloudNormalHover: "de:text-cloud-normal-hover",
cloudNormalActive: "de:text-cloud-normal-active",
cloudDark: "de:text-cloud-dark",
cloudDarkHover: "de:text-cloud-dark-hover",
cloudDarkActive: "de:text-cloud-dark-active",
greenLight: "de:text-green-light",
greenLightHover: "de:text-green-light-hover",
greenLightActive: "de:text-green-light-active",
greenNormal: "de:text-green-normal",
greenNormalHover: "de:text-green-normal-hover",
greenNormalActive: "de:text-green-normal-active",
greenDark: "de:text-green-dark",
greenDarkHover: "de:text-green-dark-hover",
greenDarkActive: "de:text-green-dark-active",
greenDarker: "de:text-green-darker",
inkDark: "de:text-ink-dark",
inkDarkHover: "de:text-ink-dark-hover",
inkDarkActive: "de:text-ink-dark-active",
inkLight: "de:text-ink-light",
inkLightHover: "de:text-ink-light-hover",
inkLightActive: "de:text-ink-light-active",
inkNormal: "de:text-ink-normal",
inkNormalHover: "de:text-ink-normal-hover",
inkNormalActive: "de:text-ink-normal-active",
orangeLight: "de:text-orange-light",
orangeLightHover: "de:text-orange-light-hover",
orangeLightActive: "de:text-orange-light-active",
orangeNormal: "de:text-orange-normal",
orangeNormalHover: "de:text-orange-normal-hover",
orangeNormalActive: "de:text-orange-normal-active",
orangeDark: "de:text-orange-dark",
orangeDarkHover: "de:text-orange-dark-hover",
orangeDarkActive: "de:text-orange-dark-active",
orangeDarker: "de:text-orange-darker",
productLight: "de:text-product-light",
productLightHover: "de:text-product-light-hover",
productLightActive: "de:text-product-light-active",
productNormal: "de:text-product-normal",
productNormalHover: "de:text-product-normal-hover",
productNormalActive: "de:text-product-normal-active",
productDark: "de:text-product-dark",
productDarkHover: "de:text-product-dark-hover",
productDarkActive: "de:text-product-dark-active",
productDarker: "de:text-product-darker",
redLight: "de:text-red-light",
redLightHover: "de:text-red-light-hover",
redLightActive: "de:text-red-light-active",
redNormal: "de:text-red-normal",
redNormalHover: "de:text-red-normal-hover",
redNormalActive: "de:text-red-normal-active",
redDark: "de:text-red-dark",
redDarkHover: "de:text-red-dark-hover",
redDarkActive: "de:text-red-dark-active",
redDarker: "de:text-red-darker",
socialFacebook: "de:text-social-facebook",
socialFacebookHover: "de:text-social-facebook-hover",
socialFacebookActive: "de:text-social-facebook-active",
white: "de:text-white-normal",
whiteNormal: "de:text-white-normal",
whiteHover: "de:text-white-normal-hover",
whiteActive: "de:text-white-normal-active"
},
[_consts.QUERIES.TABLET]: {
blueLight: "tb:text-blue-light",
blueLightHover: "tb:text-blue-light-hover",
blueLightActive: "tb:text-blue-light-active",
blueNormal: "tb:text-blue-normal",
bundleBasic: "tb:text-bundle-basic",
bundleMedium: "tb:text-bundle-medium",
blueNormalHover: "tb:text-blue-normal-hover",
blueNormalActive: "tb:text-blue-normal-active",
blueDark: "tb:text-blue-dark",
blueDarkHover: "tb:text-blue-dark-hover",
blueDarkActive: "tb:text-blue-dark-active",
blueDarker: "tb:text-blue-darker",
cloudLight: "tb:text-cloud-light",
cloudLightHover: "tb:text-cloud-light-hover",
cloudLightActive: "tb:text-cloud-light-active",
cloudNormal: "tb:text-cloud-normal",
cloudNormalHover: "tb:text-cloud-normal-hover",
cloudNormalActive: "tb:text-cloud-normal-active",
cloudDark: "tb:text-cloud-dark",
cloudDarkHover: "tb:text-cloud-dark-hover",
cloudDarkActive: "tb:text-cloud-dark-active",
greenLight: "tb:text-green-light",
greenLightHover: "tb:text-green-light-hover",
greenLightActive: "tb:text-green-light-active",
greenNormal: "tb:text-green-normal",
greenNormalHover: "tb:text-green-normal-hover",
greenNormalActive: "tb:text-green-normal-active",
greenDark: "tb:text-green-dark",
greenDarkHover: "tb:text-green-dark-hover",
greenDarkActive: "tb:text-green-dark-active",
greenDarker: "tb:text-green-darker",
inkDark: "tb:text-ink-dark",
inkDarkHover: "tb:text-ink-dark-hover",
inkDarkActive: "tb:text-ink-dark-active",
inkLight: "tb:text-ink-light",
inkLightHover: "tb:text-ink-light-hover",
inkLightActive: "tb:text-ink-light-active",
inkNormal: "tb:text-ink-normal",
inkNormalHover: "tb:text-ink-normal-hover",
inkNormalActive: "tb:text-ink-normal-active",
orangeLight: "tb:text-orange-light",
orangeLightHover: "tb:text-orange-light-hover",
orangeLightActive: "tb:text-orange-light-active",
orangeNormal: "tb:text-orange-normal",
orangeNormalHover: "tb:text-orange-normal-hover",
orangeNormalActive: "tb:text-orange-normal-active",
orangeDark: "tb:text-orange-dark",
orangeDarkHover: "tb:text-orange-dark-hover",
orangeDarkActive: "tb:text-orange-dark-active",
orangeDarker: "tb:text-orange-darker",
productLight: "tb:text-product-light",
productLightHover: "tb:text-product-light-hover",
productLightActive: "tb:text-product-light-active",
productNormal: "tb:text-product-normal",
productNormalHover: "tb:text-product-normal-hover",
productNormalActive: "tb:text-product-normal-active",
productDark: "tb:text-product-dark",
productDarkHover: "tb:text-product-dark-hover",
productDarkActive: "tb:text-product-dark-active",
productDarker: "tb:text-product-darker",
redLight: "tb:text-red-light",
redLightHover: "tb:text-red-light-hover",
redLightActive: "tb:text-red-light-active",
redNormal: "tb:text-red-normal",
redNormalHover: "tb:text-red-normal-hover",
redNormalActive: "tb:text-red-normal-active",
redDark: "tb:text-red-dark",
redDarkHover: "tb:text-red-dark-hover",
redDarkActive: "tb:text-red-dark-active",
redDarker: "tb:text-red-darker",
socialFacebook: "tb:text-social-facebook",
socialFacebookHover: "tb:text-social-facebook-hover",
socialFacebookActive: "tb:text-social-facebook-active",
white: "tb:text-white-normal",
whiteNormal: "tb:text-white-normal",
whiteHover: "tb:text-white-normal-hover",
whiteActive: "tb:text-white-normal-active"
},
[_consts.QUERIES.LARGEMOBILE]: {
blueLight: "lm:text-blue-light",
blueLightHover: "lm:text-blue-light-hover",
blueLightActive: "lm:text-blue-light-active",
bundleBasic: "lm:text-bundle-basic",
bundleMedium: "lm:text-bundle-medium",
blueNormal: "lm:text-blue-normal",
blueNormalHover: "lm:text-blue-normal-hover",
blueNormalActive: "lm:text-blue-normal-active",
blueDark: "lm:text-blue-dark",
blueDarkHover: "lm:text-blue-dark-hover",
blueDarkActive: "lm:text-blue-dark-active",
blueDarker: "lm:text-blue-darker",
cloudLight: "lm:text-cloud-light",
cloudLightHover: "lm:text-cloud-light-hover",
cloudLightActive: "lm:text-cloud-light-active",
cloudNormal: "lm:text-cloud-normal",
cloudNormalHover: "lm:text-cloud-normal-hover",
cloudNormalActive: "lm:text-cloud-normal-active",
cloudDark: "lm:text-cloud-dark",
cloudDarkHover: "lm:text-cloud-dark-hover",
cloudDarkActive: "lm:text-cloud-dark-active",
greenLight: "lm:text-green-light",
greenLightHover: "lm:text-green-light-hover",
greenLightActive: "lm:text-green-light-active",
greenNormal: "lm:text-green-normal",
greenNormalHover: "lm:text-green-normal-hover",
greenNormalActive: "lm:text-green-normal-active",
greenDark: "lm:text-green-dark",
greenDarkHover: "lm:text-green-dark-hover",
greenDarkActive: "lm:text-green-dark-active",
greenDarker: "lm:text-green-darker",
inkDark: "lm:text-ink-dark",
inkDarkHover: "lm:text-ink-dark-hover",
inkDarkActive: "lm:text-ink-dark-active",
inkLight: "lm:text-ink-light",
inkLightHover: "lm:text-ink-light-hover",
inkLightActive: "lm:text-ink-light-active",
inkNormal: "lm:text-ink-normal",
inkNormalHover: "lm:text-ink-normal-hover",
inkNormalActive: "lm:text-ink-normal-active",
orangeLight: "lm:text-orange-light",
orangeLightHover: "lm:text-orange-light-hover",
orangeLightActive: "lm:text-orange-light-active",
orangeNormal: "lm:text-orange-normal",
orangeNormalHover: "lm:text-orange-normal-hover",
orangeNormalActive: "lm:text-orange-normal-active",
orangeDark: "lm:text-orange-dark",
orangeDarkHover: "lm:text-orange-dark-hover",
orangeDarkActive: "lm:text-orange-dark-active",
orangeDarker: "lm:text-orange-darker",
productLight: "lm:text-product-light",
productLightHover: "lm:text-product-light-hover",
productLightActive: "lm:text-product-light-active",
productNormal: "lm:text-product-normal",
productNormalHover: "lm:text-product-normal-hover",
productNormalActive: "lm:text-product-normal-active",
productDark: "lm:text-product-dark",
productDarkHover: "lm:text-product-dark-hover",
productDarkActive: "lm:text-product-dark-active",
productDarker: "lm:text-product-darker",
redLight: "lm:text-red-light",
redLightHover: "lm:text-red-light-hover",
redLightActive: "lm:text-red-light-active",
redNormal: "lm:text-red-normal",
redNormalHover: "lm:text-red-normal-hover",
redNormalActive: "lm:text-red-normal-active",
redDark: "lm:text-red-dark",
redDarkHover: "lm:text-red-dark-hover",
redDarkActive: "lm:text-red-dark-active",
redDarker: "lm:text-red-darker",
socialFacebook: "lm:text-social-facebook",
socialFacebookHover: "lm:text-social-facebook-hover",
socialFacebookActive: "lm:text-social-facebook-active",
white: "lm:text-white-normal",
whiteNormal: "lm:text-white-normal",
whiteHover: "lm:text-white-normal-hover",
whiteActive: "lm:text-white-normal-active"
},
[_consts.QUERIES.MEDIUMMOBILE]: {
blueLight: "mm:text-blue-light",
blueLightHover: "mm:text-blue-light-hover",
blueLightActive: "mm:text-blue-light-active",
blueNormal: "mm:text-blue-normal",
bundleBasic: "mm:text-bundle-basic",
bundleMedium: "mm:text-bundle-medium",
blueNormalHover: "mm:text-blue-normal-hover",
blueNormalActive: "mm:text-blue-normal-active",
blueDark: "mm:text-blue-dark",
blueDarkHover: "mm:text-blue-dark-hover",
blueDarkActive: "mm:text-blue-dark-active",
blueDarker: "mm:text-blue-darker",
cloudLight: "mm:text-cloud-light",
cloudLightHover: "mm:text-cloud-light-hover",
cloudLightActive: "mm:text-cloud-light-active",
cloudNormal: "mm:text-cloud-normal",
cloudNormalHover: "mm:text-cloud-normal-hover",
cloudNormalActive: "mm:text-cloud-normal-active",
cloudDark: "mm:text-cloud-dark",
cloudDarkHover: "mm:text-cloud-dark-hover",
cloudDarkActive: "mm:text-cloud-dark-active",
greenLight: "mm:text-green-light",
greenLightHover: "mm:text-green-light-hover",
greenLightActive: "mm:text-green-light-active",
greenNormal: "mm:text-green-normal",
greenNormalHover: "mm:text-green-normal-hover",
greenNormalActive: "mm:text-green-normal-active",
greenDark: "mm:text-green-dark",
greenDarkHover: "mm:text-green-dark-hover",
greenDarkActive: "mm:text-green-dark-active",
greenDarker: "mm:text-green-darker",
inkDark: "mm:text-ink-dark",
inkDarkHover: "mm:text-ink-dark-hover",
inkDarkActive: "mm:text-ink-dark-active",
inkLight: "mm:text-ink-light",
inkLightHover: "mm:text-ink-light-hover",
inkLightActive: "mm:text-ink-light-active",
inkNormal: "mm:text-ink-normal",
inkNormalHover: "mm:text-ink-normal-hover",
inkNormalActive: "mm:text-ink-normal-active",
orangeLight: "mm:text-orange-light",
orangeLightHover: "mm:text-orange-light-hover",
orangeLightActive: "mm:text-orange-light-active",
orangeNormal: "mm:text-orange-normal",
orangeNormalHover: "mm:text-orange-normal-hover",
orangeNormalActive: "mm:text-orange-normal-active",
orangeDark: "mm:text-orange-dark",
orangeDarkHover: "mm:text-orange-dark-hover",
orangeDarkActive: "mm:text-orange-dark-active",
orangeDarker: "mm:text-orange-darker",
productLight: "mm:text-product-light",
productLightHover: "mm:text-product-light-hover",
productLightActive: "mm:text-product-light-active",
productNormal: "mm:text-product-normal",
productNormalHover: "mm:text-product-normal-hover",
productNormalActive: "mm:text-product-normal-active",
productDark: "mm:text-product-dark",
productDarkHover: "mm:text-product-dark-hover",
productDarkActive: "mm:text-product-dark-active",
productDarker: "mm:text-product-darker",
redLight: "mm:text-red-light",
redLightHover: "mm:text-red-light-hover",
redLightActive: "mm:text-red-light-active",
redNormal: "mm:text-red-normal",
redNormalHover: "mm:text-red-normal-hover",
redNormalActive: "mm:text-red-normal-active",
redDark: "mm:text-red-dark",
redDarkHover: "mm:text-red-dark-hover",
redDarkActive: "mm:text-red-dark-active",
redDarker: "mm:text-red-darker",
socialFacebook: "mm:text-social-facebook",
socialFacebookHover: "mm:text-social-facebook-hover",
socialFacebookActive: "mm:text-social-facebook-active",
white: "mm:text-white-normal",
whiteNormal: "mm:text-white-normal",
whiteHover: "mm:text-white-normal-hover",
whiteActive: "mm:text-white-normal-active"
}
};
exports.colorClasses = colorClasses;