codogo-react-widgets/lib/getters.js

Provides a unified way to access the styling of commonly used widgets across different apps

import _taggedTemplateLiteral from "babel-runtime/helpers/taggedTemplateLiteral";

var _templateObject = _taggedTemplateLiteral(["\n\t", "em ", "em ", "em ", "em;\n"], ["\n\t", "em ", "em ", "em ", "em;\n"]);

import { css } from "styled-components";

export var getSizeValue = R.curry(function (x, y) {
	return R.path(["theme", "sizes", x, y]);
});

export var getPadding = getSizeValue("padding");
export var getPaddingHorizontal = getPadding("horizontal");
export var getPaddingVertical = getPadding("vertical");

export var getMargin = getSizeValue("margin");
export var getMarginHorizontal = getMargin("horizontal");
export var getMarginLeft = getMargin("left");
export var getMarginRight = getMargin("right");
export var getMarginVertical = getMargin("vertical");
export var getMarginFourEm = css(_templateObject, getMarginVertical, getMarginRight, getMarginVertical, getMarginLeft);

export var getPadding2 = function getPadding2(theme) {
	return getPaddingVertical(theme) + "em " + getPaddingHorizontal(theme) + "em ";
};

export var getMargin2 = function getMargin2(theme) {
	return getMarginVertical(theme) + "em " + getMarginHorizontal(theme) + "em ";
};

export var getArrowWidth = R.path(["theme", "sizes", "arrowWidth"]);
export var getBorderRadius = R.path(["theme", "sizes", "borderRadius"]);

export var getColor = function getColor(x) {
	return R.path(["theme", "colors", x]);
};