@frontify/fondue
Version:
Design system of Frontify
115 lines (114 loc) • 2.03 kB
JavaScript
const e = {
0: "tw-p-0",
4: "tw-p-1",
8: "tw-p-2",
12: "tw-p-3",
16: "tw-p-4",
20: "tw-p-5",
24: "tw-p-6",
28: "tw-p-7",
32: "tw-p-8",
36: "tw-p-9",
40: "tw-p-10"
}, _ = {
0: "tw-px-0",
4: "tw-px-1",
8: "tw-px-2",
12: "tw-px-3",
16: "tw-px-4",
20: "tw-px-5",
24: "tw-px-6",
28: "tw-px-7",
32: "tw-px-8",
36: "tw-px-9",
40: "tw-px-10"
}, n = {
0: "tw-py-0",
4: "tw-py-1",
8: "tw-py-2",
12: "tw-py-3",
16: "tw-py-4",
20: "tw-py-5",
24: "tw-py-6",
28: "tw-py-7",
32: "tw-py-8",
36: "tw-py-9",
40: "tw-py-10"
}, m = {
PADDING: "padding",
PADDING_X: "padding-x",
PADDING_Y: "padding-y"
}, s = {
0: "tw-m-0",
4: "tw-m-1",
8: "tw-m-2",
12: "tw-m-3",
16: "tw-m-4",
20: "tw-m-5",
24: "tw-m-6",
28: "tw-m-7",
32: "tw-m-8",
36: "tw-m-9",
40: "tw-m-10"
}, x = {
0: "tw-mx-0",
4: "tw-mx-1",
8: "tw-mx-2",
12: "tw-mx-3",
16: "tw-mx-4",
20: "tw-mx-5",
24: "tw-mx-6",
28: "tw-mx-7",
32: "tw-mx-8",
36: "tw-mx-9",
40: "tw-mx-10"
}, I = {
0: "tw-my-0",
4: "tw-my-1",
8: "tw-my-2",
12: "tw-my-3",
16: "tw-my-4",
20: "tw-my-5",
24: "tw-my-6",
28: "tw-my-7",
32: "tw-my-8",
36: "tw-my-9",
40: "tw-my-10"
}, A = {
MARGIN: "margin",
MARGIN_X: "margin-x",
MARGIN_Y: "margin-y"
}, N = [0, 4, 8, 12, 16, 20, 24, 28, 32, 36, 40], w = (p, t) => N.includes(t) ? p[t] : "", r = (p, t) => {
if (t)
switch (p) {
case m.PADDING_X:
return w(_, t);
case m.PADDING_Y:
return w(n, t);
case m.PADDING:
return w(e, t);
default:
return "";
}
return "";
}, y = (p, t) => {
if (t)
switch (p) {
case A.MARGIN_X:
return w(x, t);
case A.MARGIN_Y:
return w(I, t);
case A.MARGIN:
return w(s, t);
default:
return "";
}
return "";
};
export {
y as GetMarginClassNames,
r as GetPaddingClassNames,
A as MARGIN_DIRECTIONS,
m as PADDING_DIRECTIONS
};
//# sourceMappingURL=dimensions.es.js.map