@navikt/ds-tokens 7.7.0 → 7.8.1

package/dist/darkside/static/tokens.d.ts

@@ -0,0 +1,482 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+/**
+ * Used for dialog elements like modals and popovers.
+ */
+export const ShadowDialog = "0px 0px 1px 0px rgba(7 9 13 / 0.02), 0px 2px 5px 0px rgba(7 9 13 / 0.10), 0px 5px 12px 0px rgba(7 9 13 / 0.12)";
+/**
+ * Used for setting opacity on disabled elements.
+ */
+export const OpacityDisabled = "0.3";
+export const BgNeutral = "#f5f6f7";
+export const BgNeutralHover = "#ecedef";
+export const BgNeutralHoverA = "#000e2913";
+export const BgNeutralModerate = "#ecedef";
+export const BgNeutralModerateA = "#000e2913";
+export const BgNeutralModerateHover = "#e1e3e7";
+export const BgNeutralModerateHoverA = "#0011331e";
+export const BgNeutralModeratePressed = "#cfd3d8";
+export const BgNeutralModeratePressedA = "#00163030";
+export const BgNeutralStrong = "#6f7785";
+export const BgNeutralStrongHover = "#5d6573";
+export const BgNeutralStrongPressed = "#555d6a";
+export const BgNeutralRaised = "#f5f6f7";
+export const BgNeutralRaisedHover = "#ecedef";
+export const BgAccent = "#f1f7ff";
+export const BgAccentHover = "#e4eeff";
+export const BgAccentHoverA = "#005fff1b";
+export const BgAccentModerate = "#e4eeff";
+export const BgAccentModerateA = "#005fff1b";
+export const BgAccentModerateHover = "#d4e5fd";
+export const BgAccentModerateHoverA = "#0165f42b";
+export const BgAccentModeratePressed = "#bad5fb";
+export const BgAccentModeratePressedA = "#0064f145";
+export const BgAccentStrong = "#2277d5";
+export const BgAccentStrongHover = "#0063c1";
+export const BgAccentStrongPressed = "#005bb6";
+export const BgAccentRaised = "#f1f7ff";
+export const BgAccentRaisedHover = "#e4eeff";
+export const BgSuccess = "#e2fde8";
+export const BgSuccessHover = "#d5f6db";
+export const BgSuccessHoverA = "#00c9252a";
+export const BgSuccessModerate = "#d5f6db";
+export const BgSuccessModerateA = "#00c9252a";
+export const BgSuccessModerateHover = "#c4edcd";
+export const BgSuccessModerateHoverA = "#01b2273b";
+export const BgSuccessModeratePressed = "#a8dfb4";
+export const BgSuccessModeratePressedA = "#00a22457";
+export const BgSuccessStrong = "#00893c";
+export const BgSuccessStrongHover = "#007629";
+export const BgSuccessStrongPressed = "#006c1f";
+export const BgSuccessRaised = "#e2fde8";
+export const BgSuccessRaisedHover = "#d5f6db";
+export const BgWarning = "#fff5e4";
+export const BgWarningHover = "#ffebc7";
+export const BgWarningHoverA = "#ffa40038";
+export const BgWarningModerate = "#ffebc7";
+export const BgWarningModerateA = "#ffa40038";
+export const BgWarningModerateHover = "#ffdea5";
+export const BgWarningModerateHoverA = "#ffa2015a";
+export const BgWarningModeratePressed = "#ffcb6f";
+export const BgWarningModeratePressedA = "#ffa30090";
+export const BgWarningStrong = "#c95100";
+export const BgWarningStrongHover = "#ac4400";
+export const BgWarningStrongPressed = "#a03e00";
+export const BgWarningRaised = "#fff5e4";
+export const BgWarningRaisedHover = "#ffebc7";
+export const BgDanger = "#fff2f7";
+export const BgDangerHover = "#ffe8f0";
+export const BgDangerHoverA = "#ff005917";
+export const BgDangerModerate = "#ffe8f0";
+export const BgDangerModerateA = "#ff005917";
+export const BgDangerModerateHover = "#ffd9e6";
+export const BgDangerModerateHoverA = "#ff005826";
+export const BgDangerModeratePressed = "#ffc2d7";
+export const BgDangerModeratePressedA = "#ff00583d";
+export const BgDangerStrong = "#e22a49";
+export const BgDangerStrongHover = "#cb0035";
+export const BgDangerStrongPressed = "#bc002a";
+export const BgDangerRaised = "#fff2f7";
+export const BgDangerRaisedHover = "#ffe8f0";
+export const BgInfo = "#eef6fc";
+export const BgInfoHover = "#e3eff7";
+export const BgInfoHoverA = "#006eb71c";
+export const BgInfoModerate = "#e3eff7";
+export const BgInfoModerateA = "#006eb71c";
+export const BgInfoModerateHover = "#d7e6f0";
+export const BgInfoModerateHoverA = "#0060a028";
+export const BgInfoModeratePressed = "#c0d6e4";
+export const BgInfoModeratePressedA = "#005a923f";
+export const BgInfoStrong = "#417da0";
+export const BgInfoStrongHover = "#246b91";
+export const BgInfoStrongPressed = "#156389";
+export const BgInfoRaised = "#eef6fc";
+export const BgInfoRaisedHover = "#e3eff7";
+export const BgBrandMagenta = "#fbf3f6";
+export const BgBrandMagentaHover = "#f8eaef";
+export const BgBrandMagentaHoverA = "#aa003d15";
+export const BgBrandMagentaModerate = "#f8eaef";
+export const BgBrandMagentaModerateA = "#aa003d15";
+export const BgBrandMagentaModerateHover = "#f3dde5";
+export const BgBrandMagentaModerateHoverA = "#a5003c22";
+export const BgBrandMagentaModeratePressed = "#eccad6";
+export const BgBrandMagentaModeratePressedA = "#a4003a35";
+export const BgBrandMagentaStrong = "#b65781";
+export const BgBrandMagentaStrongHover = "#a93d70";
+export const BgBrandMagentaStrongPressed = "#a33069";
+export const BgBrandMagentaRaised = "#fbf3f6";
+export const BgBrandMagentaRaisedHover = "#f8eaef";
+export const BgBrandBeige = "#fff4ee";
+export const BgBrandBeigeHover = "#fdebe0";
+export const BgBrandBeigeHoverA = "#ef5b001f";
+export const BgBrandBeigeModerate = "#fdebe0";
+export const BgBrandBeigeModerateA = "#ef5b001f";
+export const BgBrandBeigeModerateHover = "#fcddcd";
+export const BgBrandBeigeModerateHoverA = "#f0520032";
+export const BgBrandBeigeModeratePressed = "#f8c8b1";
+export const BgBrandBeigeModeratePressedA = "#e94c004e";
+export const BgBrandBeigeStrong = "#a9654e";
+export const BgBrandBeigeStrongHover = "#915541";
+export const BgBrandBeigeStrongPressed = "#874e3b";
+export const BgBrandBeigeRaised = "#fff4ee";
+export const BgBrandBeigeRaisedHover = "#fdebe0";
+export const BgBrandBlue = "#eef6fc";
+export const BgBrandBlueHover = "#e3eff7";
+export const BgBrandBlueHoverA = "#006eb71c";
+export const BgBrandBlueModerate = "#e3eff7";
+export const BgBrandBlueModerateA = "#006eb71c";
+export const BgBrandBlueModerateHover = "#d7e6f0";
+export const BgBrandBlueModerateHoverA = "#0060a028";
+export const BgBrandBlueModeratePressed = "#c0d6e4";
+export const BgBrandBlueModeratePressedA = "#005a923f";
+export const BgBrandBlueStrong = "#417da0";
+export const BgBrandBlueStrongHover = "#246b91";
+export const BgBrandBlueStrongPressed = "#156389";
+export const BgBrandBlueRaised = "#eef6fc";
+export const BgBrandBlueRaisedHover = "#e3eff7";
+export const BgMetaPurple = "#f7f5f9";
+export const BgMetaPurpleHover = "#f0edf4";
+export const BgMetaPurpleHoverA = "#2b006412";
+export const BgMetaPurpleModerate = "#f0edf4";
+export const BgMetaPurpleModerateA = "#2b006412";
+export const BgMetaPurpleModerateHover = "#e6e1ed";
+export const BgMetaPurpleModerateHoverA = "#2b00661e";
+export const BgMetaPurpleModeratePressed = "#d7cfe3";
+export const BgMetaPurpleModeratePressedA = "#2b006b30";
+export const BgMetaPurpleStrong = "#846ca4";
+export const BgMetaPurpleStrongHover = "#725a91";
+export const BgMetaPurpleStrongPressed = "#6a5289";
+export const BgMetaPurpleRaised = "#f7f5f9";
+export const BgMetaPurpleRaisedHover = "#f0edf4";
+export const BgMetaLime = "#f4f9d1";
+export const BgMetaLimeHover = "#ebf4a9";
+export const BgMetaLimeHoverA = "#c4df0056";
+export const BgMetaLimeModerate = "#ebf4a9";
+export const BgMetaLimeModerateA = "#c4df0056";
+export const BgMetaLimeModerateHover = "#e0ec6b";
+export const BgMetaLimeModerateHoverA = "#cadf0094";
+export const BgMetaLimeModeratePressed = "#d0dc00";
+export const BgMetaLimeModeratePressedA = "#d0dc00";
+export const BgMetaLimeStrong = "#757c00";
+export const BgMetaLimeStrongHover = "#646900";
+export const BgMetaLimeStrongPressed = "#5c6100";
+export const BgMetaLimeRaised = "#f4f9d1";
+export const BgMetaLimeRaisedHover = "#ebf4a9";
+export const BgDefault = "#ffffff";
+export const BgInput = "#ffffff";
+export const BgRaised = "white";
+export const BgSunken = "#ecedef";
+export const BgOverlay = "#021431";
+export const TextNeutral = "#5d6573";
+export const TextNeutralStrong = "#49515e";
+export const TextNeutralIcon = "#6f7785";
+export const TextAccent = "#0063c1";
+export const TextAccentStrong = "#004ea3";
+export const TextAccentIcon = "#2277d5";
+export const TextSuccess = "#007629";
+export const TextSuccessStrong = "#005e0f";
+export const TextSuccessIcon = "#00893c";
+export const TextWarning = "#ac4400";
+export const TextWarningStrong = "#8c3500";
+export const TextWarningIcon = "#c95100";
+export const TextDanger = "#cb0035";
+export const TextDangerStrong = "#a60017";
+export const TextDangerIcon = "#e22a49";
+export const TextInfo = "#246b91";
+export const TextInfoStrong = "#00557d";
+export const TextInfoIcon = "#417da0";
+export const TextBrandMagenta = "#a93d70";
+export const TextBrandMagentaStrong = "#98185d";
+export const TextBrandMagentaIcon = "#b65781";
+export const TextBrandBeige = "#915541";
+export const TextBrandBeigeStrong = "#764332";
+export const TextBrandBeigeIcon = "#a9654e";
+export const TextBrandBlue = "#246b91";
+export const TextBrandBlueStrong = "#00557d";
+export const TextBrandBlueIcon = "#417da0";
+export const TextMetaPurple = "#725a91";
+export const TextMetaPurpleStrong = "#5e467c";
+export const TextMetaPurpleIcon = "#846ca4";
+export const TextMetaLime = "#646900";
+export const TextMetaLimeStrong = "#515400";
+export const TextMetaLimeIcon = "#757c00";
+export const TextAccentContrast = "white";
+export const TextNeutralContrast = "white";
+export const TextDangerContrast = "white";
+export const TextInfoContrast = "white";
+export const TextSuccessContrast = "white";
+export const TextWarningContrast = "white";
+export const TextBrandMagentaContrast = "white";
+export const TextBrandBeigeContrast = "white";
+export const TextBrandBlueContrast = "white";
+export const TextMetaPurpleContrast = "white";
+export const TextMetaLimeContrast = "white";
+export const TextDefault = "#202733";
+export const TextSubtle = "#49515e";
+export const TextIcon = "#6f7785";
+export const TextLogo = "#c30000";
+export const BorderNeutral = "#818997";
+export const BorderNeutralSubtle = "#cfd3d8";
+export const BorderNeutralSubtleA = "#00163030";
+export const BorderNeutralStrong = "#6f7785";
+export const BorderAccent = "#428ae3";
+export const BorderAccentSubtle = "#bad5fb";
+export const BorderAccentSubtleA = "#0064f145";
+export const BorderAccentStrong = "#2277d5";
+export const BorderSuccess = "#199d4f";
+export const BorderSuccessSubtle = "#a8dfb4";
+export const BorderSuccessSubtleA = "#00a22457";
+export const BorderSuccessStrong = "#00893c";
+export const BorderWarning = "#e75e01";
+export const BorderWarningSubtle = "#ffcb6f";
+export const BorderWarningSubtleA = "#ffa30090";
+export const BorderWarningStrong = "#c95100";
+export const BorderDanger = "#ec526e";
+export const BorderDangerSubtle = "#ffc2d7";
+export const BorderDangerSubtleA = "#ff00583d";
+export const BorderDangerStrong = "#e22a49";
+export const BorderInfo = "#5a8fae";
+export const BorderInfoSubtle = "#c0d6e4";
+export const BorderInfoSubtleA = "#005a923f";
+export const BorderInfoStrong = "#417da0";
+export const BorderBrandMagenta = "#c26f92";
+export const BorderBrandMagentaSubtle = "#eccad6";
+export const BorderBrandMagentaSubtleA = "#a4003a35";
+export const BorderBrandMagentaStrong = "#b65781";
+export const BorderBrandBeige = "#c0765d";
+export const BorderBrandBeigeSubtle = "#f8c8b1";
+export const BorderBrandBeigeSubtleA = "#e94c004e";
+export const BorderBrandBeigeStrong = "#a9654e";
+export const BorderBrandBlue = "#5a8fae";
+export const BorderBrandBlueSubtle = "#c0d6e4";
+export const BorderBrandBlueSubtleA = "#005a923f";
+export const BorderBrandBlueStrong = "#417da0";
+export const BorderMetaPurple = "#9580b1";
+export const BorderMetaPurpleSubtle = "#d7cfe3";
+export const BorderMetaPurpleSubtleA = "#2b006b30";
+export const BorderMetaPurpleStrong = "#846ca4";
+export const BorderMetaLime = "#878f00";
+export const BorderMetaLimeSubtle = "#d0dc00";
+export const BorderMetaLimeSubtleA = "#d0dc00";
+export const BorderMetaLimeStrong = "#757c00";
+export const BorderDefault = "#818997";
+export const BorderSubtle = "#cfd3d8";
+export const BorderSubtleA = "#00163030";
+export const BorderStrong = "#6f7785";
+export const BorderFocus = "#0063c1";
+export const Neutral100 = "#f5f6f7";
+export const Neutral200 = "#ecedef";
+export const Neutral300 = "#e1e3e7";
+export const Neutral400 = "#cfd3d8";
+export const Neutral500 = "#818997";
+export const Neutral600 = "#6f7785";
+export const Neutral700 = "#5d6573";
+export const Neutral800 = "#555d6a";
+export const Neutral900 = "#49515e";
+export const Neutral1000 = "#202733";
+export const Neutral000 = "white";
+export const Neutral100A = "#001a330a";
+export const Neutral200A = "#000e2913";
+export const Neutral300A = "#0011331e";
+export const Neutral400A = "#00163030";
+export const Accent100 = "#f1f7ff";
+export const Accent200 = "#e4eeff";
+export const Accent300 = "#d4e5fd";
+export const Accent400 = "#bad5fb";
+export const Accent500 = "#428ae3";
+export const Accent600 = "#2277d5";
+export const Accent700 = "#0063c1";
+export const Accent800 = "#005bb6";
+export const Accent900 = "#004ea3";
+export const Accent1000 = "#002459";
+export const Accent100A = "#006eff0e";
+export const Accent200A = "#005fff1b";
+export const Accent300A = "#0165f42b";
+export const Accent400A = "#0064f145";
+export const Success100 = "#e2fde8";
+export const Success200 = "#d5f6db";
+export const Success300 = "#c4edcd";
+export const Success400 = "#a8dfb4";
+export const Success500 = "#199d4f";
+export const Success600 = "#00893c";
+export const Success700 = "#007629";
+export const Success800 = "#006c1f";
+export const Success900 = "#005e0f";
+export const Success1000 = "#002e00";
+export const Success100A = "#00ee351d";
+export const Success200A = "#00c9252a";
+export const Success300A = "#01b2273b";
+export const Success400A = "#00a22457";
+export const Warning100 = "#fff5e4";
+export const Warning200 = "#ffebc7";
+export const Warning300 = "#ffdea5";
+export const Warning400 = "#ffcb6f";
+export const Warning500 = "#e75e01";
+export const Warning600 = "#c95100";
+export const Warning700 = "#ac4400";
+export const Warning800 = "#a03e00";
+export const Warning900 = "#8c3500";
+export const Warning1000 = "#481700";
+export const Warning100A = "#ffa1001b";
+export const Warning200A = "#ffa40038";
+export const Warning300A = "#ffa2015a";
+export const Warning400A = "#ffa30090";
+export const Danger100 = "#fff2f7";
+export const Danger200 = "#ffe8f0";
+export const Danger300 = "#ffd9e6";
+export const Danger400 = "#ffc2d7";
+export const Danger500 = "#ec526e";
+export const Danger600 = "#e22a49";
+export const Danger700 = "#cb0035";
+export const Danger800 = "#bc002a";
+export const Danger900 = "#a60017";
+export const Danger1000 = "#560000";
+export const Danger100A = "#ff00630d";
+export const Danger200A = "#ff005917";
+export const Danger300A = "#ff005826";
+export const Danger400A = "#ff00583d";
+export const Info100 = "#eef6fc";
+export const Info200 = "#e3eff7";
+export const Info300 = "#d7e6f0";
+export const Info400 = "#c0d6e4";
+export const Info500 = "#5a8fae";
+export const Info600 = "#417da0";
+export const Info700 = "#246b91";
+export const Info800 = "#156389";
+export const Info900 = "#00557d";
+export const Info1000 = "#002942";
+export const Info100A = "#0078d211";
+export const Info200A = "#006eb71c";
+export const Info300A = "#0060a028";
+export const Info400A = "#005a923f";
+export const BrandMagenta100 = "#fbf3f6";
+export const BrandMagenta200 = "#f8eaef";
+export const BrandMagenta300 = "#f3dde5";
+export const BrandMagenta400 = "#eccad6";
+export const BrandMagenta500 = "#c26f92";
+export const BrandMagenta600 = "#b65781";
+export const BrandMagenta700 = "#a93d70";
+export const BrandMagenta800 = "#a33069";
+export const BrandMagenta900 = "#98185d";
+export const BrandMagenta1000 = "#52002b";
+export const BrandMagenta100A = "#aa00400c";
+export const BrandMagenta200A = "#aa003d15";
+export const BrandMagenta300A = "#a5003c22";
+export const BrandMagenta400A = "#a4003a35";
+export const BrandBeige100 = "#fff4ee";
+export const BrandBeige200 = "#fdebe0";
+export const BrandBeige300 = "#fcddcd";
+export const BrandBeige400 = "#f8c8b1";
+export const BrandBeige500 = "#c0765d";
+export const BrandBeige600 = "#a9654e";
+export const BrandBeige700 = "#915541";
+export const BrandBeige800 = "#874e3b";
+export const BrandBeige900 = "#764332";
+export const BrandBeige1000 = "#3c1f15";
+export const BrandBeige100A = "#ff5a0011";
+export const BrandBeige200A = "#ef5b001f";
+export const BrandBeige300A = "#f0520032";
+export const BrandBeige400A = "#e94c004e";
+export const BrandBlue100 = "#eef6fc";
+export const BrandBlue200 = "#e3eff7";
+export const BrandBlue300 = "#d7e6f0";
+export const BrandBlue400 = "#c0d6e4";
+export const BrandBlue500 = "#5a8fae";
+export const BrandBlue600 = "#417da0";
+export const BrandBlue700 = "#246b91";
+export const BrandBlue800 = "#156389";
+export const BrandBlue900 = "#00557d";
+export const BrandBlue1000 = "#002942";
+export const BrandBlue100A = "#0078d211";
+export const BrandBlue200A = "#006eb71c";
+export const BrandBlue300A = "#0060a028";
+export const BrandBlue400A = "#005a923f";
+export const MetaPurple100 = "#f7f5f9";
+export const MetaPurple200 = "#f0edf4";
+export const MetaPurple300 = "#e6e1ed";
+export const MetaPurple400 = "#d7cfe3";
+export const MetaPurple500 = "#9580b1";
+export const MetaPurple600 = "#846ca4";
+export const MetaPurple700 = "#725a91";
+export const MetaPurple800 = "#6a5289";
+export const MetaPurple900 = "#5e467c";
+export const MetaPurple1000 = "#331a4d";
+export const MetaPurple100A = "#3300660a";
+export const MetaPurple200A = "#2b006412";
+export const MetaPurple300A = "#2b00661e";
+export const MetaPurple400A = "#2b006b30";
+export const MetaLime100 = "#f4f9d1";
+export const MetaLime200 = "#ebf4a9";
+export const MetaLime300 = "#e0ec6b";
+export const MetaLime400 = "#d0dc00";
+export const MetaLime500 = "#878f00";
+export const MetaLime600 = "#757c00";
+export const MetaLime700 = "#646900";
+export const MetaLime800 = "#5c6100";
+export const MetaLime900 = "#515400";
+export const MetaLime1000 = "#2a2800";
+export const MetaLime100A = "#c3de002e";
+export const MetaLime200A = "#c4df0056";
+export const MetaLime300A = "#cadf0094";
+export const MetaLime400A = "#d0dc00";
+export const Spacing0 = "0";
+export const Spacing1 = "0.25rem";
+export const Spacing2 = "0.5rem";
+export const Spacing3 = "0.75rem";
+export const Spacing4 = "1rem";
+export const Spacing5 = "1.25rem";
+export const Spacing6 = "1.5rem";
+export const Spacing7 = "1.75rem";
+export const Spacing8 = "2rem";
+export const Spacing9 = "2.25rem";
+export const Spacing10 = "2.5rem";
+export const Spacing11 = "2.75rem";
+export const Spacing12 = "3rem";
+export const Spacing14 = "3.5rem";
+export const Spacing16 = "4rem";
+export const Spacing18 = "4.5rem";
+export const Spacing20 = "5rem";
+export const Spacing24 = "6rem";
+export const Spacing32 = "8rem";
+export const Spacing05 = "0.125rem";
+export const Spacing1Alt = "0.375rem";
+export const BorderRadiusSmall = "2px";
+export const BorderRadiusMedium = "4px";
+export const BorderRadiusLarge = "8px";
+export const BorderRadiusXlarge = "12px";
+export const BorderRadiusFull = "9999px";
+export const BreakpointXs = "0";
+export const BreakpointSm = "480px";
+export const BreakpointSmDown = "479px";
+export const BreakpointMd = "768px";
+export const BreakpointMdDown = "767px";
+export const BreakpointLg = "1024px";
+export const BreakpointLgDown = "1023px";
+export const BreakpointXl = "1280px";
+export const BreakpointXlDown = "1279px";
+export const Breakpoint2xl = "1440px";
+export const Breakpoint2xlDown = "1439px";
+export const FontFamily = "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif";
+export const FontLineHeightHeading2xlarge = "3.25rem";
+export const FontLineHeightHeadingXlarge = "2.5rem";
+export const FontLineHeightHeadingLarge = "2.25rem";
+export const FontLineHeightHeadingMedium = "2rem";
+export const FontLineHeightHeadingSmall = "1.75rem";
+export const FontLineHeightHeadingXsmall = "1.5rem";
+export const FontLineHeightXlarge = "1.75rem";
+export const FontLineHeightLarge = "1.5rem";
+export const FontLineHeightMedium = "1.25rem";
+export const FontSizeHeading2xlarge = "2.5rem";
+export const FontSizeHeadingXlarge = "2rem";
+export const FontSizeHeadingLarge = "1.75rem";
+export const FontSizeHeadingMedium = "1.5rem";
+export const FontSizeHeadingSmall = "1.25rem";
+export const FontSizeHeadingXsmall = "1.125rem";
+export const FontSizeXlarge = "1.25rem";
+export const FontSizeLarge = "1.125rem";
+export const FontSizeMedium = "1rem";
+export const FontSizeSmall = "0.875rem";
+export const FontWeightBold = "600";
+export const FontWeightRegular = "400";