2023-06-26 11:00:06 +00:00
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
|
|
|
module.exports = {
|
2023-07-06 14:01:02 +00:00
|
|
|
presets: [require("@navikt/ds-tailwind")],
|
2023-06-26 11:00:06 +00:00
|
|
|
content: [
|
2023-07-19 13:22:53 +00:00
|
|
|
'./src/**/*.{js,ts,jsx,tsx,mdx}',
|
|
|
|
|
'./index.html',
|
2023-06-26 11:00:06 +00:00
|
|
|
],
|
2023-07-06 14:01:02 +00:00
|
|
|
"theme": {
|
|
|
|
|
"colors": {
|
|
|
|
|
"border-default": "rgba(0, 0, 0, 0.44)",
|
|
|
|
|
"border-strong": "rgba(0, 0, 0, 0.65)",
|
|
|
|
|
"border-divider": "rgba(0, 0, 0, 0.19)",
|
|
|
|
|
"border-subtle-hover": "rgba(0, 0, 0, 0.19)",
|
|
|
|
|
"border-subtle": "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
"border-action-selected": "rgba(0, 91, 130, 1)",
|
|
|
|
|
"border-action": "rgba(0, 103, 197, 1)",
|
|
|
|
|
"border-selected": "rgba(0, 103, 197, 1)",
|
|
|
|
|
"border-success": "rgba(6, 137, 58, 1)",
|
|
|
|
|
"border-danger": "rgba(195, 0, 0, 1)",
|
|
|
|
|
"border-warning": "rgba(199, 115, 0, 1)",
|
|
|
|
|
"border-info": "rgba(54, 141, 168, 1)",
|
|
|
|
|
"border-focus-on-inverted": "rgba(153, 195, 255, 1)",
|
|
|
|
|
"border-focus": "rgba(0, 52, 125, 1)",
|
|
|
|
|
"border-on-inverted": "rgba(229, 229, 229, 1)",
|
|
|
|
|
"border-on-inverted-subtle": "rgba(89, 89, 89, 1)",
|
|
|
|
|
"border-alt-1": "rgba(130, 105, 162, 1)",
|
|
|
|
|
"border-alt-2": "rgba(127, 137, 0, 1)",
|
|
|
|
|
"border-alt-3": "rgba(0, 91, 130, 1)",
|
|
|
|
|
"transparent": "rgba(255, 255, 255, 0)",
|
|
|
|
|
"white": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"nav-red": "rgba(195, 0, 0, 1)",
|
|
|
|
|
"gray-50": "rgba(247, 247, 247, 1)",
|
|
|
|
|
"gray-100": "rgba(241, 241, 241, 1)",
|
|
|
|
|
"gray-200": "rgba(229, 229, 229, 1)",
|
|
|
|
|
"gray-300": "rgba(207, 207, 207, 1)",
|
|
|
|
|
"gray-400": "rgba(176, 176, 176, 1)",
|
|
|
|
|
"gray-500": "rgba(143, 143, 143, 1)",
|
|
|
|
|
"gray-600": "rgba(112, 112, 112, 1)",
|
|
|
|
|
"gray-700": "rgba(89, 89, 89, 1)",
|
|
|
|
|
"gray-800": "rgba(64, 64, 64, 1)",
|
|
|
|
|
"gray-900": "rgba(38, 38, 38, 1)",
|
|
|
|
|
"grayalpha-50": "rgba(0, 0, 0, 0.03)",
|
|
|
|
|
"grayalpha-100": "rgba(0, 0, 0, 0.05)",
|
|
|
|
|
"grayalpha-200": "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
"grayalpha-300": "rgba(0, 0, 0, 0.19)",
|
|
|
|
|
"grayalpha-400": "rgba(0, 0, 0, 0.31)",
|
|
|
|
|
"grayalpha-500": "rgba(0, 0, 0, 0.44)",
|
|
|
|
|
"grayalpha-600": "rgba(0, 0, 0, 0.56)",
|
|
|
|
|
"grayalpha-700": "rgba(0, 0, 0, 0.65)",
|
|
|
|
|
"grayalpha-800": "rgba(0, 0, 0, 0.75)",
|
|
|
|
|
"grayalpha-900": "rgba(0, 0, 0, 0.85)",
|
|
|
|
|
"blue-50": "rgba(230, 240, 255, 1)",
|
|
|
|
|
"blue-100": "rgba(204, 225, 255, 1)",
|
|
|
|
|
"blue-200": "rgba(153, 195, 255, 1)",
|
|
|
|
|
"blue-300": "rgba(102, 165, 244, 1)",
|
|
|
|
|
"blue-400": "rgba(51, 134, 224, 1)",
|
|
|
|
|
"blue-500": "rgba(0, 103, 197, 1)",
|
|
|
|
|
"blue-600": "rgba(0, 86, 180, 1)",
|
|
|
|
|
"blue-700": "rgba(0, 69, 156, 1)",
|
|
|
|
|
"blue-800": "rgba(0, 52, 125, 1)",
|
|
|
|
|
"blue-900": "rgba(0, 34, 82, 1)",
|
|
|
|
|
"red-50": "rgba(255, 230, 230, 1)",
|
|
|
|
|
"red-100": "rgba(255, 194, 194, 1)",
|
|
|
|
|
"red-200": "rgba(246, 130, 130, 1)",
|
|
|
|
|
"red-300": "rgba(242, 92, 92, 1)",
|
|
|
|
|
"red-400": "rgba(222, 46, 46, 1)",
|
|
|
|
|
"red-500": "rgba(195, 0, 0, 1)",
|
|
|
|
|
"red-600": "rgba(173, 0, 0, 1)",
|
|
|
|
|
"red-700": "rgba(140, 0, 0, 1)",
|
|
|
|
|
"red-800": "rgba(92, 0, 0, 1)",
|
|
|
|
|
"red-900": "rgba(38, 0, 0, 1)",
|
|
|
|
|
"deepblue-50": "rgba(230, 241, 248, 1)",
|
|
|
|
|
"deepblue-100": "rgba(204, 226, 240, 1)",
|
|
|
|
|
"deepblue-200": "rgba(153, 196, 221, 1)",
|
|
|
|
|
"deepblue-300": "rgba(102, 163, 196, 1)",
|
|
|
|
|
"deepblue-400": "rgba(51, 128, 165, 1)",
|
|
|
|
|
"deepblue-500": "rgba(0, 91, 130, 1)",
|
|
|
|
|
"deepblue-600": "rgba(0, 80, 119, 1)",
|
|
|
|
|
"deepblue-700": "rgba(0, 67, 103, 1)",
|
|
|
|
|
"deepblue-800": "rgba(0, 52, 83, 1)",
|
|
|
|
|
"deepblue-900": "rgba(0, 36, 58, 1)",
|
|
|
|
|
"green-50": "rgba(243, 252, 245, 1)",
|
|
|
|
|
"green-100": "rgba(204, 241, 214, 1)",
|
|
|
|
|
"green-200": "rgba(153, 222, 173, 1)",
|
|
|
|
|
"green-300": "rgba(102, 199, 134, 1)",
|
|
|
|
|
"green-400": "rgba(51, 170, 95, 1)",
|
|
|
|
|
"green-500": "rgba(6, 137, 58, 1)",
|
|
|
|
|
"green-600": "rgba(0, 124, 46, 1)",
|
|
|
|
|
"green-700": "rgba(0, 106, 35, 1)",
|
|
|
|
|
"green-800": "rgba(0, 85, 25, 1)",
|
|
|
|
|
"green-900": "rgba(0, 59, 15, 1)",
|
|
|
|
|
"lightblue-50": "rgba(235, 252, 255, 1)",
|
|
|
|
|
"lightblue-100": "rgba(216, 249, 255, 1)",
|
|
|
|
|
"lightblue-200": "rgba(181, 241, 255, 1)",
|
|
|
|
|
"lightblue-300": "rgba(151, 230, 255, 1)",
|
|
|
|
|
"lightblue-400": "rgba(124, 218, 248, 1)",
|
|
|
|
|
"lightblue-500": "rgba(102, 203, 236, 1)",
|
|
|
|
|
"lightblue-600": "rgba(76, 173, 205, 1)",
|
|
|
|
|
"lightblue-700": "rgba(54, 141, 168, 1)",
|
|
|
|
|
"lightblue-800": "rgba(35, 107, 125, 1)",
|
|
|
|
|
"lightblue-900": "rgba(19, 72, 82, 1)",
|
|
|
|
|
"limegreen-50": "rgba(253, 255, 230, 1)",
|
|
|
|
|
"limegreen-100": "rgba(249, 252, 204, 1)",
|
|
|
|
|
"limegreen-200": "rgba(236, 243, 153, 1)",
|
|
|
|
|
"limegreen-300": "rgba(217, 227, 102, 1)",
|
|
|
|
|
"limegreen-400": "rgba(193, 203, 51, 1)",
|
|
|
|
|
"limegreen-500": "rgba(162, 173, 0, 1)",
|
|
|
|
|
"limegreen-600": "rgba(147, 158, 0, 1)",
|
|
|
|
|
"limegreen-700": "rgba(127, 137, 0, 1)",
|
|
|
|
|
"limegreen-800": "rgba(102, 110, 0, 1)",
|
|
|
|
|
"limegreen-900": "rgba(71, 78, 0, 1)",
|
|
|
|
|
"orange-50": "rgba(255, 249, 240, 1)",
|
|
|
|
|
"orange-100": "rgba(255, 236, 204, 1)",
|
|
|
|
|
"orange-200": "rgba(255, 215, 153, 1)",
|
|
|
|
|
"orange-300": "rgba(255, 193, 102, 1)",
|
|
|
|
|
"orange-400": "rgba(255, 170, 51, 1)",
|
|
|
|
|
"orange-500": "rgba(255, 145, 0, 1)",
|
|
|
|
|
"orange-600": "rgba(199, 115, 0, 1)",
|
|
|
|
|
"orange-700": "rgba(168, 100, 0, 1)",
|
|
|
|
|
"orange-800": "rgba(125, 76, 0, 1)",
|
|
|
|
|
"orange-900": "rgba(82, 51, 0, 1)",
|
|
|
|
|
"purple-50": "rgba(239, 236, 244, 1)",
|
|
|
|
|
"purple-100": "rgba(224, 216, 233, 1)",
|
|
|
|
|
"purple-200": "rgba(192, 178, 210, 1)",
|
|
|
|
|
"purple-300": "rgba(161, 141, 187, 1)",
|
|
|
|
|
"purple-400": "rgba(130, 105, 162, 1)",
|
|
|
|
|
"purple-500": "rgba(99, 70, 137, 1)",
|
|
|
|
|
"purple-600": "rgba(82, 56, 116, 1)",
|
|
|
|
|
"purple-700": "rgba(65, 43, 93, 1)",
|
|
|
|
|
"purple-800": "rgba(48, 31, 70, 1)",
|
|
|
|
|
"purple-900": "rgba(31, 20, 47, 1)",
|
|
|
|
|
"text-default": "rgba(38, 38, 38, 1)",
|
|
|
|
|
"text-subtle": "rgba(0, 0, 0, 0.56)",
|
|
|
|
|
"text-visited": "rgba(99, 70, 137, 1)",
|
|
|
|
|
"text-danger": "rgba(195, 0, 0, 1)",
|
|
|
|
|
"text-action-selected": "rgba(0, 91, 130, 1)",
|
|
|
|
|
"text-action-on-action-subtle": "rgba(0, 86, 180, 1)",
|
|
|
|
|
"text-action": "rgba(0, 103, 197, 1)",
|
|
|
|
|
"text-on-inverted": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"text-on-neutral": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"text-on-action": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"text-on-success": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"text-on-danger": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"text-on-warning": "rgba(38, 38, 38, 1)",
|
|
|
|
|
"text-on-info": "rgba(38, 38, 38, 1)",
|
|
|
|
|
"text-on-alt-1": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"text-on-alt-2": "rgba(38, 38, 38, 1)",
|
|
|
|
|
"text-on-alt-3": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"bg-default": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"bg-subtle": "rgba(241, 241, 241, 1)",
|
|
|
|
|
"surface-default": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"surface-hover": "rgba(0, 0, 0, 0.05)",
|
|
|
|
|
"surface-active": "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
"surface-selected": "rgba(230, 240, 255, 1)",
|
|
|
|
|
"surface-subtle": "rgba(247, 247, 247, 1)",
|
|
|
|
|
"surface-transparent": "rgba(255, 255, 255, 0)",
|
|
|
|
|
"surface-backdrop": "rgba(0, 0, 0, 0.65)",
|
|
|
|
|
"surface-inverted-hover": "rgba(64, 64, 64, 1)",
|
|
|
|
|
"surface-inverted-active": "rgba(89, 89, 89, 1)",
|
|
|
|
|
"surface-inverted": "rgba(38, 38, 38, 1)",
|
|
|
|
|
"surface-action-subtle-hover": "rgba(204, 225, 255, 1)",
|
|
|
|
|
"surface-action-subtle": "rgba(230, 240, 255, 1)",
|
|
|
|
|
"surface-action-hover": "rgba(0, 86, 180, 1)",
|
|
|
|
|
"surface-action-active": "rgba(0, 91, 130, 1)",
|
|
|
|
|
"surface-action-selected-hover": "rgba(0, 80, 119, 1)",
|
|
|
|
|
"surface-action-selected": "rgba(0, 91, 130, 1)",
|
|
|
|
|
"surface-action": "rgba(0, 103, 197, 1)",
|
|
|
|
|
"surface-neutral-subtle-hover": "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
"surface-neutral-subtle": "rgba(0, 0, 0, 0.05)",
|
|
|
|
|
"surface-neutral-hover": "rgba(64, 64, 64, 1)",
|
|
|
|
|
"surface-neutral-selected": "rgba(38, 38, 38, 1)",
|
|
|
|
|
"surface-neutral-active": "rgba(38, 38, 38, 1)",
|
|
|
|
|
"surface-neutral": "rgba(89, 89, 89, 1)",
|
|
|
|
|
"surface-success-subtle-hover": "rgba(153, 222, 173, 1)",
|
|
|
|
|
"surface-success-subtle": "rgba(204, 241, 214, 1)",
|
|
|
|
|
"surface-success": "rgba(6, 137, 58, 1)",
|
|
|
|
|
"surface-success-hover": "rgba(0, 124, 46, 1)",
|
|
|
|
|
"surface-danger-subtle-hover": "rgba(246, 130, 130, 1)",
|
|
|
|
|
"surface-danger-subtle": "rgba(255, 194, 194, 1)",
|
|
|
|
|
"surface-danger-hover": "rgba(173, 0, 0, 1)",
|
|
|
|
|
"surface-danger-active": "rgba(140, 0, 0, 1)",
|
|
|
|
|
"surface-danger": "rgba(195, 0, 0, 1)",
|
|
|
|
|
"surface-warning-subtle-hover": "rgba(255, 215, 153, 1)",
|
|
|
|
|
"surface-warning-subtle": "rgba(255, 236, 204, 1)",
|
|
|
|
|
"surface-warning": "rgba(255, 145, 0, 1)",
|
|
|
|
|
"surface-info-subtle-hover": "rgba(181, 241, 255, 1)",
|
|
|
|
|
"surface-info-subtle": "rgba(216, 249, 255, 1)",
|
|
|
|
|
"surface-info": "rgba(102, 203, 236, 1)",
|
|
|
|
|
"surface-alt-1-subtle": "rgba(224, 216, 233, 1)",
|
|
|
|
|
"surface-alt-1": "rgba(130, 105, 162, 1)",
|
|
|
|
|
"surface-alt-2-subtle": "rgba(249, 252, 204, 1)",
|
|
|
|
|
"surface-alt-2": "rgba(193, 203, 51, 1)",
|
|
|
|
|
"surface-alt-3-subtle": "rgba(204, 226, 240, 1)",
|
|
|
|
|
"surface-alt-3-strong": "rgba(0, 52, 83, 1)",
|
|
|
|
|
"surface-alt-3": "rgba(0, 91, 130, 1)",
|
|
|
|
|
"icon-default": "rgba(38, 38, 38, 1)",
|
|
|
|
|
"icon-subtle": "rgba(112, 112, 112, 1)",
|
|
|
|
|
"icon-action-selected": "rgba(0, 91, 130, 1)",
|
|
|
|
|
"icon-action-on-action-subtle": "rgba(0, 86, 180, 1)",
|
|
|
|
|
"icon-action": "rgba(0, 103, 197, 1)",
|
|
|
|
|
"icon-success": "rgba(6, 137, 58, 1)",
|
|
|
|
|
"icon-danger": "rgba(195, 0, 0, 1)",
|
|
|
|
|
"icon-warning": "rgba(199, 115, 0, 1)",
|
|
|
|
|
"icon-info": "rgba(35, 107, 125, 1)",
|
|
|
|
|
"icon-alt-1": "rgba(99, 70, 137, 1)",
|
|
|
|
|
"icon-alt-2": "rgba(127, 137, 0, 1)",
|
|
|
|
|
"icon-alt-3": "rgba(51, 128, 165, 1)",
|
|
|
|
|
"icon-on-neutral": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"icon-on-inverted": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"icon-on-action": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"icon-on-success": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"icon-on-danger": "rgba(255, 255, 255, 1)",
|
|
|
|
|
"icon-on-warning": "rgba(38, 38, 38, 1)",
|
|
|
|
|
"icon-on-info": "rgba(38, 38, 38, 1)"
|
|
|
|
|
},
|
|
|
|
|
"screen": {
|
|
|
|
|
"sm": "480px",
|
|
|
|
|
"md": "768px",
|
|
|
|
|
"lg": "1024px",
|
|
|
|
|
"xl": "1280px"
|
2023-06-26 11:00:06 +00:00
|
|
|
},
|
2023-07-06 14:01:02 +00:00
|
|
|
"extend": {
|
|
|
|
|
"spacing": {
|
|
|
|
|
"0": "0",
|
|
|
|
|
"1": "0.25rem",
|
|
|
|
|
"2": "0.5rem",
|
|
|
|
|
"3": "0.75rem",
|
|
|
|
|
"4": "1rem",
|
|
|
|
|
"5": "1.25rem",
|
|
|
|
|
"6": "1.5rem",
|
|
|
|
|
"7": "1.75rem",
|
|
|
|
|
"8": "2rem",
|
|
|
|
|
"9": "2.25rem",
|
|
|
|
|
"10": "2.5rem",
|
|
|
|
|
"11": "2.75rem",
|
|
|
|
|
"12": "3rem",
|
|
|
|
|
"14": "3.5rem",
|
|
|
|
|
"16": "4rem",
|
|
|
|
|
"18": "4.5rem",
|
|
|
|
|
"20": "5rem",
|
|
|
|
|
"24": "6rem",
|
|
|
|
|
"32": "8rem",
|
|
|
|
|
"05": "0.125rem"
|
|
|
|
|
},
|
|
|
|
|
"zIndex": {
|
|
|
|
|
"modal": 2000,
|
|
|
|
|
"popover": 1000,
|
|
|
|
|
"focus": 10,
|
|
|
|
|
"tooltip": 3000
|
|
|
|
|
},
|
|
|
|
|
"boxShadow": {
|
|
|
|
|
"xsmall": "0 1px 2px 0 rgba(0, 0, 0, 0.12)",
|
|
|
|
|
"small": "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1)",
|
|
|
|
|
"medium": "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)",
|
|
|
|
|
"large": "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)",
|
|
|
|
|
"xlarge": "0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1)",
|
|
|
|
|
"focus-inverted": "0 0 0 3px rgba(153, 195, 255, 1)",
|
|
|
|
|
"focus": "0 0 0 3px rgba(0, 52, 125, 1)"
|
|
|
|
|
},
|
|
|
|
|
"fontWeight": {
|
|
|
|
|
"bold": "600",
|
|
|
|
|
"regular": "400"
|
|
|
|
|
},
|
|
|
|
|
"fontSize": {
|
|
|
|
|
"heading-2xlarge": "2.5rem",
|
|
|
|
|
"heading-xlarge": "2rem",
|
|
|
|
|
"heading-large": "1.75rem",
|
|
|
|
|
"heading-medium": "1.5rem",
|
|
|
|
|
"heading-small": "1.25rem",
|
|
|
|
|
"heading-xsmall": "1.125rem",
|
|
|
|
|
"xlarge": "1.25rem",
|
|
|
|
|
"large": "1.125rem",
|
|
|
|
|
"medium": "1rem",
|
|
|
|
|
"small": "0.875rem"
|
|
|
|
|
},
|
|
|
|
|
"lineHeight": {
|
|
|
|
|
"heading-2xlarge": "3.25rem",
|
|
|
|
|
"heading-xlarge": "2.5rem",
|
|
|
|
|
"heading-large": "2.25rem",
|
|
|
|
|
"heading-medium": "2rem",
|
|
|
|
|
"heading-small": "1.75rem",
|
|
|
|
|
"heading-xsmall": "1.5rem",
|
|
|
|
|
"xlarge": "1.75rem",
|
|
|
|
|
"large": "1.5rem",
|
|
|
|
|
"medium": "1.25rem"
|
|
|
|
|
},
|
|
|
|
|
"fontFamily": {
|
|
|
|
|
"font-family": "\"Source Sans Pro\", Arial, sans-serif"
|
|
|
|
|
},
|
|
|
|
|
"borderRadius": {
|
|
|
|
|
"small": "2px",
|
|
|
|
|
"medium": "4px",
|
|
|
|
|
"large": "8px",
|
|
|
|
|
"xlarge": "12px",
|
|
|
|
|
"full": "9999px"
|
2023-07-19 14:41:38 +00:00
|
|
|
},
|
|
|
|
|
"width": {
|
|
|
|
|
"500": "500px",
|
|
|
|
|
},
|
2023-07-06 14:01:02 +00:00
|
|
|
}
|
2023-06-26 11:00:06 +00:00
|
|
|
},
|
|
|
|
|
plugins: [],
|
|
|
|
|
}
|
2023-07-06 14:01:02 +00:00
|
|
|
|
|
|
|
|
|
