@fremtind/jkl-core
Version:
Jøkul core styles
375 lines (374 loc) • 7.81 kB
JavaScript
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var tokens_exports = {};
__export(tokens_exports, {
default: () => tokens_default
});
module.exports = __toCommonJS(tokens_exports);
var tokens_default = {
color: {
brand: {
snohvit: "#F9F9F9",
varde: "#E0DBD4",
granitt: "#1B1917",
hvit: "#FFFFFF",
svart: "#000000",
skifer: "#313030",
fjellgra: "#444141",
stein: "#636060",
svaberg: "#C8C5C3",
dis: "#ECE9E5",
sand: "#F4F2EF"
},
functional: {
info: "#D3D3F6",
infoDark: "#A9A9CA",
success: "#ACD3B5",
successDark: "#94B79B",
warning: "#EFDD9E",
warningDark: "#DECC8D",
error: "#F6B3B3",
errorDark: "#DE9E9E"
},
background: {
page: {
light: "#F4F2EF",
dark: "#1B1917"
},
pageVariant: {
light: "#F9F9F9",
dark: "#1B1917"
},
container: {
light: "#F9F9F9",
dark: "#313030"
},
containerLow: {
light: "#ECE9E5",
dark: "#000000"
},
containerHigh: {
light: "#FFFFFF",
dark: "#313030"
},
containerInverted: {
light: "#1B1917",
dark: "#F9F9F9"
},
containerSubdued: {
light: "#C8C5C3",
dark: "#636060"
},
input: {
base: {
light: "transparent",
dark: "transparent"
},
focus: {
light: "#FFFFFF",
dark: "#313030"
}
},
action: {
light: "#1B1917",
dark: "#F9F9F9"
},
interactive: {
light: "transparent",
dark: "transparent"
},
interactiveHover: {
light: "#ECE9E5",
dark: "#444141"
},
interactiveSelected: {
light: "#E0DBD4",
dark: "#636060"
},
alert: {
neutral: {
light: "#E0DBD4",
dark: "#E0DBD4"
},
info: {
light: "#D3D3F6",
dark: "#A9A9CA"
},
success: {
light: "#ACD3B5",
dark: "#94B79B"
},
warning: {
light: "#EFDD9E",
dark: "#DECC8D"
},
error: {
light: "#F6B3B3",
dark: "#DE9E9E"
}
}
},
text: {
default: {
light: "#1B1917",
dark: "#F9F9F9"
},
subdued: {
light: "#636060",
dark: "#C8C5C3"
},
inverted: {
light: "#F9F9F9",
dark: "#1B1917"
},
onAction: {
light: "#F9F9F9",
dark: "#1B1917"
},
interactive: {
light: "#1B1917",
dark: "#F9F9F9"
},
interactiveHover: {
light: "#636060",
dark: "#C8C5C3"
},
onAlert: {
light: "#1B1917",
dark: "#1B1917"
},
onAlertSubdued: {
light: "#444141",
dark: "#444141"
}
},
border: {
action: {
light: "#1B1917",
dark: "#F9F9F9"
},
input: {
light: "#636060",
dark: "#C8C5C3"
},
inputFocus: {
light: "#1B1917",
dark: "#F9F9F9"
},
separator: {
light: "#C8C5C3",
dark: "#636060"
},
separatorStrong: {
light: "#636060",
dark: "#C8C5C3"
},
separatorHover: {
light: "#1B1917",
dark: "#F9F9F9"
},
subdued: {
light: "#C8C5C3",
dark: "#636060"
}
},
svart: "#000",
granitt: "#1b1917",
skifer: "#313030",
fjellgra: "#444141",
stein: "#636060",
svaberg: "#c8c5c3",
varde: "#e0dbd4",
dis: "#ece9e5",
sand: "#f4f2ef",
snohvit: "#f9f9f9",
hvit: "#fff",
suksess: "#acd3b5",
suksessDark: "#94b79b",
feil: "#f6b3b3",
feilDark: "#de9e9e",
info: "#d3d3f6",
infoDark: "#a9a9ca",
advarsel: "#efdd9e",
advarselDark: "#decc8d"
},
spacing: {
0: "0",
2: "0.125rem",
4: "0.25rem",
8: "0.5rem",
12: "0.75rem",
16: "1rem",
24: "1.5rem",
32: "2rem",
40: "2.5rem",
64: "4rem",
104: "6.5rem",
168: "10.5rem"
},
icon: {
weight: {
normal: "300",
bold: "500"
}
},
typography: {
weight: {
normal: "400",
bold: "700"
},
font: {
size: {
16: "1rem",
18: "1.125rem",
20: "1.25rem",
21: "1.3125rem",
23: "1.4375rem",
25: "1.5625rem",
26: "1.625rem",
28: "1.75rem",
30: "1.875rem",
36: "2.25rem",
44: "2.75rem",
56: "3.5rem"
}
},
line: {
height: {
24: "1.5rem",
28: "1.75rem",
32: "2rem",
36: "2.25rem",
40: "2.5rem",
44: "2.75rem",
52: "3.25rem",
64: "4rem"
}
},
title: {
small: {
fontSize: "2.25rem",
lineHeight: "2.75rem",
fontWeight: "400"
},
base: {
fontSize: "3.5rem",
lineHeight: "4rem",
fontWeight: "400"
}
},
titleSmall: {
small: {
fontSize: "1.875rem",
lineHeight: "2.25rem",
fontWeight: "400"
},
base: {
fontSize: "2.75rem",
lineHeight: "3.25rem",
fontWeight: "400"
}
},
heading_1: {
small: {
fontSize: "1.625rem",
lineHeight: "2rem",
fontWeight: "400"
},
base: {
fontSize: "2.25rem",
lineHeight: "2.75rem",
fontWeight: "400"
}
},
heading_2: {
small: {
fontSize: "1.4375rem",
lineHeight: "2rem",
fontWeight: "400"
},
base: {
fontSize: "1.75rem",
lineHeight: "2.5rem",
fontWeight: "400"
}
},
heading_3: {
small: {
fontSize: "1.3125rem",
lineHeight: "1.75rem",
fontWeight: "700"
},
base: {
fontSize: "1.5625rem",
lineHeight: "2rem",
fontWeight: "700"
}
},
heading_4: {
small: {
fontSize: "1.125rem",
lineHeight: "1.5rem",
fontWeight: "700"
},
base: {
fontSize: "1.3125rem",
lineHeight: "1.75rem",
fontWeight: "700"
}
},
heading_5: {
small: {
fontSize: "1rem",
lineHeight: "1.5rem",
fontWeight: "700"
},
base: {
fontSize: "1rem",
lineHeight: "1.5rem",
fontWeight: "700"
}
},
body: {
small: {
fontSize: "1.125rem",
lineHeight: "1.75rem",
fontWeight: "400"
},
base: {
fontSize: "1.25rem",
lineHeight: "2rem",
fontWeight: "400"
}
},
small: {
small: {
fontSize: "1rem",
lineHeight: "1.5rem",
fontWeight: "400"
},
base: {
fontSize: "1rem",
lineHeight: "1.5rem",
fontWeight: "400"
}
}
}
};
//# sourceMappingURL=tokens.js.map