@fremtind/jkl-core
Version:
Jøkul core styles
355 lines (354 loc) • 6.92 kB
JavaScript
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"
}
}
}
};
export {
tokens_default as default
};
//# sourceMappingURL=tokens.js.map