@norges-domstoler/dds-design-tokens/dist/cjs/index.js

Design tokens used in Domstolenes designsystem

'use strict';

// Do not edit directly, this file was auto-generated.
const ddsFontFamilySans$1 = "'IBM Plex Sans', Arial, sans-serif";
const ddsFontFamilyMonospace$1 = "'IBM Plex Mono', 'Courier New', monospace"; // For kode
const ddsFontSizeX5$1 = "5rem";
const ddsFontSizeX5NumberRem$1 = 5;
const ddsFontSizeX4$1 = "4rem";
const ddsFontSizeX4NumberRem$1 = 4;
const ddsFontSizeX3$1 = "3rem";
const ddsFontSizeX3NumberRem$1 = 3;
const ddsFontSizeX25$1 = "2.5rem";
const ddsFontSizeX25NumberRem$1 = 2.5;
const ddsFontSizeX2$1 = "2rem";
const ddsFontSizeX2NumberRem$1 = 2;
const ddsFontSizeX15$1 = "1.5rem";
const ddsFontSizeX15NumberRem$1 = 1.5;
const ddsFontSizeX125$1 = "1.25rem";
const ddsFontSizeX125NumberRem$1 = 1.25;
const ddsFontSizeX1125$1 = "1.125rem";
const ddsFontSizeX1125NumberRem$1 = 1.125;
const ddsFontSizeX1$1 = "1rem";
const ddsFontSizeX1NumberRem$1 = 1;
const ddsFontSizeX0875$1 = "0.875rem";
const ddsFontSizeX0875NumberRem$1 = 0.875;
const ddsFontSizeX075$1 = "0.75rem";
const ddsFontSizeX075NumberRem$1 = 0.75;
const ddsFontWeightLight$1 = "300";
const ddsFontWeightNormal$1 = "400";
const ddsFontWeightSemiBold$1 = "500";
const ddsFontWeightBold$1 = "600";
const ddsFontLineheightX1$1 = 1.5; // Brukes på str ×1_25 og mindre 
const ddsFontLineheightX2$1 = 1.35; // Brukes på str x1.5, ×2 og ×3 
const ddsFontLineheightX3$1 = 1.2; // Brukes på str ×3 og større
const ddsFontLineheightList$1 = 2; // Brukes på lister
const ddsFontLetterSpacingTight$1 = "-0.01em"; // Brukes på str ×2.5 og større
const ddsFontLetterSpacingNormal$1 = "0em"; // Brukes på str ×1 og opp til og med ×2
const ddsFontLetterSpacingLoose$1 = "0.01em"; // Brukes på størrelser under ×1
const ddsFontParagraphSpacingSmall$1 = "1em";
const ddsFontParagraphSpacingSmallNumberEm$1 = 1; // Brukes på str ×1_25 og mindre 
const ddsFontParagraphSpacingMedium$1 = "0.66em";
const ddsFontParagraphSpacingMediumNumberEm$1 = 0.66; // Brukes på str x1.5, ×2 og ×3 
const ddsFontParagraphSpacingLarge$1 = "0.5em";
const ddsFontParagraphSpacingLargeNumberEm$1 = 0.5; // Brukes på str ×3 og større
const ddsFontParagraphSpacingHeading$1 = "0.4em";
const ddsFontParagraphSpacingHeadingNumberEm$1 = 0.4; // Brukes på på alle headere (bottom)
const ddsFontStyleUnderline$1 = "underline";
const ddsFontStyleNormal$1 = "none";
const ddsFontStyleItalic$1 = "italic";
const ddsSpacingPaddingTopHeading$1 = "0.7em";
const ddsSpacingPaddingTopHeadingNumberEm$1 = 0.7; // Ekstra spacing over dds-header. 70% av størrelsen på headeren
const ddsSpacingX0$1 = "0rem";
const ddsSpacingX0NumberRem$1 = 0;
const ddsSpacingX0125$1 = "0.125rem";
const ddsSpacingX0125NumberRem$1 = 0.125;
const ddsSpacingX025$1 = "0.25rem";
const ddsSpacingX025NumberRem$1 = 0.25;
const ddsSpacingX05$1 = "0.5rem";
const ddsSpacingX05NumberRem$1 = 0.5;
const ddsSpacingX075$1 = "0.75rem";
const ddsSpacingX075NumberRem$1 = 0.75;
const ddsSpacingX1$1 = "1rem";
const ddsSpacingX1NumberRem$1 = 1;
const ddsSpacingX15$1 = "1.5rem";
const ddsSpacingX15NumberRem$1 = 1.5;
const ddsSpacingX2$1 = "2rem";
const ddsSpacingX2NumberRem$1 = 2;
const ddsSpacingX25$1 = "2.5rem";
const ddsSpacingX25NumberRem$1 = 2.5;
const ddsSpacingX3$1 = "3rem";
const ddsSpacingX3NumberRem$1 = 3;
const ddsSpacingX4$1 = "4rem";
const ddsSpacingX4NumberRem$1 = 4;
const ddsSpacingX6$1 = "6rem";
const ddsSpacingX6NumberRem$1 = 6;
const ddsSpacingX10$1 = "10rem";
const ddsSpacingX10NumberRem$1 = 10;
const ddsShadow1$1 = "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
const ddsShadow2$1 = "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
const ddsShadow3$1 = "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
const ddsShadow4$1 = "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
const ddsGridXsGutterSize$1 = "16px";
const ddsGridXsGutterSizeNumberPx$1 = 16;
const ddsGridXsCount$1 = "4";
const ddsGridSmGutterSize$1 = "16px";
const ddsGridSmGutterSizeNumberPx$1 = 16;
const ddsGridSmCount$1 = "8";
const ddsGridLgGutterSize$1 = "24px";
const ddsGridLgGutterSizeNumberPx$1 = 24;
const ddsGridLgCount$1 = "12";
const ddsGridMdGutterSize$1 = "24px";
const ddsGridMdGutterSizeNumberPx$1 = 24;
const ddsGridMdCount$1 = "12";
const ddsGridXlGutterSize$1 = "24px";
const ddsGridXlGutterSizeNumberPx$1 = 24;
const ddsGridXlCount$1 = "12";
const ddsIconSizeLarge$1 = "40px";
const ddsIconSizeLargeNumberPx$1 = 40;
const ddsIconSizeMedium$1 = "24px";
const ddsIconSizeMediumNumberPx$1 = 24;
const ddsIconSizeSmall$1 = "16px";
const ddsIconSizeSmallNumberPx$1 = 16;
const ddsBreakpointXs$1 = "1px";
const ddsBreakpointXsNumberPx$1 = 1;
const ddsBreakpointSm$1 = "600px";
const ddsBreakpointSmNumberPx$1 = 600;
const ddsBreakpointMd$1 = "960px";
const ddsBreakpointMdNumberPx$1 = 960;
const ddsBreakpointLg$1 = "1280px";
const ddsBreakpointLgNumberPx$1 = 1280;
const ddsBreakpointXl$1 = "1920px";
const ddsBreakpointXlNumberPx$1 = 1920;
const ddsZindexSkiptocontent$1 = "250"; // Brukes for dds-skiptocontent
const ddsZindexModalBackdrop$1 = "200"; // Brukes for dds-modal
const ddsZindexDrawer$1 = "180"; // Brukes for dds-drawer
const ddsZindexDrawerBackdrop$1 = "180"; // Brukes for dds-drawer
const ddsZindexOverflowmenu$1 = "160"; // Brukes for dds-overflowmenu
const ddsZindexPopover$1 = "140"; // Brukes for dds-popover og kalender i datepicker
const ddsZindexTooltip$1 = "120"; // Brukes for dds-tooltip
const ddsZindexDropdown$1 = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
const ddsZindexSticky$1 = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
const ddsZindexAbsoluteElement$1 = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
const ddsColorData10Default$1 = "#196b8f";
const ddsColorData10Subtle$1 = "#96c5d9";
const ddsColorData10Border$1 = "#196b8f";
const ddsColorDataRed100$1 = "#f8d2d4";
const ddsColorDataRed200$1 = "#f0a5a9";
const ddsColorDataRed300$1 = "#e9787e";
const ddsColorDataRed400$1 = "#e14b53";
const ddsColorDataRed500$1 = "#da1e28";
const ddsColorDataRed600$1 = "#ae1820";
const ddsColorDataRed700$1 = "#831218";
const ddsColorDataRed800$1 = "#570c10";
const ddsColorDataRed900$1 = "#2c0608";
const ddsColorDataMagenta100$1 = "#eed3df";
const ddsColorDataMagenta200$1 = "#dfa5bf";
const ddsColorDataMagenta300$1 = "#cf789e";
const ddsColorDataMagenta400$1 = "#c74f84";
const ddsColorDataMagenta500$1 = "#b62665";
const ddsColorDataMagenta600$1 = "#8a1a4b";
const ddsColorDataMagenta700$1 = "#671438";
const ddsColorDataMagenta800$1 = "#440e26";
const ddsColorDataMagenta900$1 = "#220713";
const ddsColorDataBrown100$1 = "#f0ddd5";
const ddsColorDataBrown200$1 = "#e1bcac";
const ddsColorDataBrown300$1 = "#d19a82";
const ddsColorDataBrown400$1 = "#c27959";
const ddsColorDataBrown500$1 = "#b3572f";
const ddsColorDataBrown600$1 = "#8f4626";
const ddsColorDataBrown700$1 = "#6b341c";
const ddsColorDataBrown800$1 = "#482313";
const ddsColorDataBrown900$1 = "#241109";
const ddsColorDataOlive100$1 = "#e6e4d0";
const ddsColorDataOlive200$1 = "#cdc9a1";
const ddsColorDataOlive300$1 = "#b3ae71";
const ddsColorDataOlive400$1 = "#989344";
const ddsColorDataOlive500$1 = "#7c7518";
const ddsColorDataOlive600$1 = "#635e13";
const ddsColorDataOlive700$1 = "#4a460e";
const ddsColorDataOlive800$1 = "#322f0a";
const ddsColorDataOlive900$1 = "#191705";
const ddsColorDataGreen100$1 = "#d1e6d7";
const ddsColorDataGreen200$1 = "#a3ccaf";
const ddsColorDataGreen300$1 = "#75b388";
const ddsColorDataGreen400$1 = "#479960";
const ddsColorDataGreen500$1 = "#198038";
const ddsColorDataGreen600$1 = "#14662d";
const ddsColorDataGreen700$1 = "#0f4d22";
const ddsColorDataGreen800$1 = "#0a3316";
const ddsColorDataGreen900$1 = "#051a0b";
const ddsColorDataTeal100$1 = "#c2e2e1";
const ddsColorDataTeal200$1 = "#90ccc9";
const ddsColorDataTeal300$1 = "#5dafad";
const ddsColorDataTeal400$1 = "#2c9390";
const ddsColorDataTeal500$1 = "#007d79";
const ddsColorDataTeal600$1 = "#006461";
const ddsColorDataTeal700$1 = "#004b49";
const ddsColorDataTeal800$1 = "#003230";
const ddsColorDataTeal900$1 = "#001918";
const ddsColorDataDeepblue100$1 = "#b9d7e5";
const ddsColorDataDeepblue200$1 = "#96c5d9";
const ddsColorDataDeepblue300$1 = "#6aa8c3";
const ddsColorDataDeepblue400$1 = "#3e8bac";
const ddsColorDataDeepblue500$1 = "#196b8f";
const ddsColorDataDeepblue600$1 = "#135774";
const ddsColorDataDeepblue700$1 = "#0e455e";
const ddsColorDataDeepblue800$1 = "#0d3445";
const ddsColorDataDeepblue900$1 = "#05151d";
const ddsColorDataBlue100$1 = "#cfe0ff";
const ddsColorDataBlue200$1 = "#9fc0ff";
const ddsColorDataBlue300$1 = "#6fa1fe";
const ddsColorDataBlue400$1 = "#3f81fe";
const ddsColorDataBlue500$1 = "#0f62fe";
const ddsColorDataBlue600$1 = "#0c4ecb";
const ddsColorDataBlue700$1 = "#093b98";
const ddsColorDataBlue800$1 = "#062766";
const ddsColorDataBlue900$1 = "#031433";
const ddsColorDataPurple100$1 = "#e8d9fe";
const ddsColorDataPurple200$1 = "#d0b2fe";
const ddsColorDataPurple300$1 = "#b98cfd";
const ddsColorDataPurple400$1 = "#a165fd";
const ddsColorDataPurple500$1 = "#8a3ffc";
const ddsColorDataPurple600$1 = "#6e32ca";
const ddsColorDataPurple700$1 = "#532697";
const ddsColorDataPurple800$1 = "#371965";
const ddsColorDataPurple900$1 = "#1c0d32";
const ddsColorDataGray100$1 = "#e3e3e3";
const ddsColorDataGray200$1 = "#c7c7c7";
const ddsColorDataGray300$1 = "#aaaaaa";
const ddsColorDataGray400$1 = "#8e8e8e";
const ddsColorDataGray500$1 = "#727272";
const ddsColorDataGray600$1 = "#5b5b5b";
const ddsColorDataGray700$1 = "#444444";
const ddsColorDataGray800$1 = "#2e2e2e";
const ddsColorDataGray900$1 = "#171717";
const ddsColorData01Default$1 = "#0f62fe";
const ddsColorData01Subtle$1 = "#9fc0ff";
const ddsColorData01Border$1 = "#0f62fe";
const ddsColorData02Default$1 = "#b3572f";
const ddsColorData02Subtle$1 = "#e1bcac";
const ddsColorData02Border$1 = "#b3572f";
const ddsColorData03Default$1 = "#727272";
const ddsColorData03Subtle$1 = "#c7c7c7";
const ddsColorData03Border$1 = "#727272";
const ddsColorData04Default$1 = "#198038";
const ddsColorData04Subtle$1 = "#a3ccaf";
const ddsColorData04Border$1 = "#198038";
const ddsColorData05Default$1 = "#8a3ffc";
const ddsColorData05Subtle$1 = "#d0b2fe";
const ddsColorData05Border$1 = "#8a3ffc";
const ddsColorData06Default$1 = "#b62665";
const ddsColorData06Subtle$1 = "#dfa5bf";
const ddsColorData06Border$1 = "#b62665";
const ddsColorData07Default$1 = "#7c7518";
const ddsColorData07Subtle$1 = "#cdc9a1";
const ddsColorData07Border$1 = "#7c7518";
const ddsColorData08Default$1 = "#da1e28";
const ddsColorData08Subtle$1 = "#f0a5a9";
const ddsColorData08Border$1 = "#da1e28";
const ddsColorData09Default$1 = "#007d79";
const ddsColorData09Subtle$1 = "#90ccc9";
const ddsColorData09Border$1 = "#007d79";
const ddsColorBgDefault$1 = "#ffffff"; // UI shell base color
const ddsColorBgSubtle$1 = "#f1f3f4"; // Alternative UI shell base color
const ddsColorSurfaceDefault$1 = "#ffffff"; // Default bg
const ddsColorSurfaceSubtle$1 = "#f1f3f4"; // Subtle surface color
const ddsColorSurfaceMedium$1 = "#e9ebec"; // Medium surface color
const ddsColorSurfaceHoverDefault$1 = "#e7f1f7"; // Hover on surface (default, subtle, medium)
const ddsColorSurfaceHoverSubtle$1 = "#f1f3f4"; // Subtle hover on surface (default, medium)
const ddsColorSurfaceSelectedDefault$1 = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
const ddsColorSurfaceInverseDefault$1 = "#354754"; // Can be used as a surface for menu, navigation, footer etc
const ddsColorSurfaceInverseHover$1 = "#2a3943"; // Hover on surface.inverse
const ddsColorSurfaceInverseSelected$1 = "#202b32"; // selected on surface.inverse
const ddsColorSurfaceActionResting$1 = "#106ead"; // Primary button bg
const ddsColorSurfaceActionHover$1 = "#0d588a"; // Hover on surface.action/selected
const ddsColorSurfaceActionSelected$1 = "#106ead"; // Selected state for components such as togglebutton, togglebar, progress tracker, checkbox etc
const ddsColorSurfaceActionDangerResting$1 = "#d83737"; // Danger button
const ddsColorSurfaceActionDangerHover$1 = "#ad2c2c"; // Hover on surface.action-danger
const ddsColorSurfaceActionSelectedDisabled$1 = "#77838c"; // bg on a selected disabled checkbox, radio etc
const ddsColorSurfaceDangerDefault$1 = "#fbebeb"; // tag, message, errormessage
const ddsColorSurfaceDangerStrong$1 = "#e47373"; // tag strong value
const ddsColorSurfaceSuccessDefault$1 = "#f0f9f0"; // tag, message
const ddsColorSurfaceSuccessStrong$1 = "#93d294"; // tag with strong value
const ddsColorSurfaceWarningDefault$1 = "#fefced"; // tag, message
const ddsColorSurfaceWarningStrong$1 = "#f7e982"; // tag strong value
const ddsColorSurfaceInfoDefault$1 = "#f1f8fd"; // tag, message
const ddsColorSurfaceInfoStrong$1 = "#9eceee"; // tag strong value
const ddsColorSurfacePaperDefault$1 = "#ffffff"; // modal, drawer, popover etc
const ddsColorSurfaceBackdropDefault$1 = "#0b0d0e80"; // background overlay for modals (50%)
const ddsColorSurfaceFieldDefault$1 = "#ffffff"; // Form elements (textinput, datepicker etc)
const ddsColorSurfaceFieldDisabled$1 = "#f1f3f4"; // disabled state on surface.field
const ddsColorSurfaceHighlightedDefault$1 = "#fce5dd"; // bg for highlighted text on text.default. Use with $Text
const ddsColorSurfaceScrollbar$1 = "#adb5ba"; // Used for scrollbar
const ddsColorSurfaceNotification$1 = "#d83737"; // bg on a notification
const ddsColorSurfaceSkeleton$1 = "#d6dadd"; // Used for skeleton
const ddsColorBorderDefault$1 = "#77838c"; // Form components, togglebutton, secondary button, checkbox etc
const ddsColorBorderSubtle$1 = "#d6dadd"; // Dropdown, tooltip, overflow etc
const ddsColorBorderInverse$1 = "#acbbc6"; // Border or divider on surface.inverse
const ddsColorBorderActionDefault$1 = "#106ead"; // Used in progress tracker
const ddsColorBorderActionHover$1 = "#0d588a"; // Hover on secondary button etc
const ddsColorBorderSuccess$1 = "#65be66"; // Used with tag-default
const ddsColorBorderWarning$1 = "#f4e04d"; // Tag.default
const ddsColorBorderDanger$1 = "#d83737"; // Tag.default, error message field
const ddsColorBorderInfo$1 = "#75b9e6"; // Tag.default
const ddsColorBorderOnAction$1 = "#ffffff"; // Used on primary split button
const ddsColorTextDefault$1 = "#0b0d0e"; // default text, heading, body. on surface.hover
const ddsColorTextMedium$1 = "#3a4146"; // Label, etc
const ddsColorTextSubtle$1 = "#545c62"; // Disabled or less important text
const ddsColorTextOnInverse$1 = "#ffffff"; // On surface.inverse
const ddsColorTextOnAction$1 = "#ffffff"; // On surface.action (primary and danger button)
const ddsColorTextOnStatusDefault$1 = "#0b0d0e"; // On default status surfaces
const ddsColorTextOnStatusStrong$1 = "#0b0d0e"; // On status surfaces with strong prop
const ddsColorTextActionResting$1 = "#106ead"; // Link, number in progress tracker
const ddsColorTextActionHover$1 = "#0d588a"; // Hover on text.action
const ddsColorTextRequiredfield$1 = "#d83737"; // Asterix to indicate required field
const ddsColorTextActionVisited$1 = "#7f29b4"; // Used for visited links
const ddsColorTextActionVisitedOnInverse$1 = "#cca9e1"; // Used for visited links on inverse surfaces
const ddsColorTextOnNotification$1 = "#ffffff"; // Used on surface.notification
const ddsColorTextDanger$1 = "#ad2c2c"; // Error text on paper, or default or subtle surafce/bg
const ddsColorIconDefault$1 = "#0b0d0e"; // Often used with text.default
const ddsColorIconMedium$1 = "#3a4146"; // Often used with text.medium
const ddsColorIconSubtle$1 = "#545c62"; // Often used with text.subtle
const ddsColorIconOnInverse$1 = "#ffffff"; // On surface.inverse
const ddsColorIconOnAction$1 = "#ffffff"; // On surface.action (primary and danger button)
const ddsColorIconActionResting$1 = "#106ead"; // Often used with Text.action
const ddsColorIconActionHover$1 = "#0d588a"; // hover on icon-action
const ddsColorIconOnSuccessDefault$1 = "#3d723d"; // On surface.success-default
const ddsColorIconOnSuccessStrong$1 = "#0b0d0e"; // On surface-success-strong
const ddsColorIconOnWarningDefault$1 = "#9a8c26"; // On surface.warning-default
const ddsColorIconOnWarningStrong$1 = "#0b0d0e"; // On surface.warning-strong
const ddsColorIconOnDangerDefault$1 = "#ad2c2c"; // On surface.danger-default
const ddsColorIconOnDangerStrong$1 = "#0b0d0e"; // On surface.danger-strong
const ddsColorIconOnInfoDefault$1 = "#3e7192"; // On surface.info-default
const ddsColorIconOnInfoStrong$1 = "#0b0d0e"; // On surface.info-strong
const ddsColorIconDanger$1 = "#ad2c2c"; // Error icon on paper, or default or subtle surafce/bg
const ddsColorBrandPrimaryDefault$1 = "#354754"; // Primary brand color
const ddsColorBrandPrimarySubtle$1 = "#eaeff4"; // Primary brand color
const ddsColorBrandPrimaryMedium$1 = "#4f6a7e"; // Primary brand color
const ddsColorBrandPrimaryStrong$1 = "#202b32"; // Primary brand color
const ddsColorBrandSecondaryDefault$1 = "#9ab8b7"; // Secondary brand color
const ddsColorBrandSecondarySubtle$1 = "#e6eded"; // Secondary brand color
const ddsColorBrandSecondaryMedium$1 = "#b8cdcd"; // Secondary brand color
const ddsColorBrandSecondaryStrong$1 = "#4d6463"; // Secondary brand color
const ddsColorBrandTertiaryDefault$1 = "#f27e55"; // Tertiary brand color
const ddsColorBrandTertiarySubtle$1 = "#fce5dd"; // Tertiary brand color
const ddsColorBrandTertiaryMedium$1 = "#f2a68f"; // Tertiary brand color
const ddsColorBrandTertiaryStrong$1 = "#d45d32"; // Tertiary brand color
const ddsColorFocusOutside$1 = "#2a4b61"; // Contrast to .inside
const ddsColorFocusInside$1 = "#f1f8fd"; // Contrast to .outside
const ddsFontLabelMedium$1 = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Label for form components
const ddsFontBodyXsmall$1 = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; //  used with xsmall button and input fields
const ddsFontBodySmall$1 = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; //  used with small button and input fields
const ddsFontBodyMedium$1 = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // standard body text, used with medium button and input fields
const ddsFontBodyLarge$1 = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Used for large button and large search
const ddsFontHeadingXxsmall$1 = "600 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h6
const ddsFontHeadingXsmall$1 = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
const ddsFontHeadingSmall$1 = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
const ddsFontHeadingMedium$1 = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
const ddsFontHeadingLarge$1 = "400 1.5rem/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
const ddsFontHeadingXlarge$1 = "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default H1
const ddsFontHeadingXxlarge$1 = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif"; // Display or extra large page title (h1)
const ddsFontLeadMedium$1 = "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Lead brukes som ingress når man skriver artikler etc
const ddsFontCodeMedium$1 = "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace"; // Brukes for kodesnutter etc
const ddsBorderRadiusButton$1 = "2px";
const ddsBorderRadiusButtonNumberPx$1 = 2; // For use in button component and togglebutton
const ddsBorderRadiusSurface$1 = "4px";
const ddsBorderRadiusSurfaceNumberPx$1 = 4; // Most surfaces, for example cards, papers, messages, backgrounds in GUI
const ddsBorderRadiusInput$1 = "2px";
const ddsBorderRadiusInputNumberPx$1 = 2; // All input fields, and check boxes
const ddsBorderRadiusChip$1 = "4px";
const ddsBorderRadiusChipNumberPx$1 = 4; // Chips and tags
const ddsBorderRadiusRounded$1 = "9999px";
const ddsBorderRadiusRoundedNumberPx$1 = 9999; // Rounded and circular components such as radiobutton, toggle, togglebutton and progress tracker
const ddsFontHeadingXxlargeLetterSpacing$1 = "-0.01em";
const ddsFontHeadingXxlargeParagraphSpacing$1 = "0.4em";
const ddsFontHeadingXxlargeParagraphSpacingNumberEm$1 = 0.4;
const ddsFontHeadingXlargeLetterSpacing$1 = "0em";
const ddsFontHeadingXlargeParagraphSpacing$1 = "0.4em";
const ddsFontHeadingXlargeParagraphSpacingNumberEm$1 = 0.4;
const ddsFontHeadingLargeLetterSpacing$1 = "0em";
const ddsFontHeadingLargeParagraphSpacing$1 = "0.4em";
const ddsFontHeadingLargeParagraphSpacingNumberEm$1 = 0.4;
const ddsFontHeadingMediumLetterSpacing$1 = "0em";
const ddsFontHeadingMediumParagraphSpacing$1 = "0.4em";
const ddsFontHeadingMediumParagraphSpacingNumberEm$1 = 0.4;
const ddsFontHeadingSmallLetterSpacing$1 = "0em";
const ddsFontHeadingSmallParagraphSpacing$1 = "0.4em";
const ddsFontHeadingSmallParagraphSpacingNumberEm$1 = 0.4;
const ddsFontHeadingXsmallLetterSpacing$1 = "0.01em";
const ddsFontHeadingXsmallParagraphSpacing$1 = "0.4em";
const ddsFontHeadingXsmallParagraphSpacingNumberEm$1 = 0.4;
const ddsFontHeadingXxsmallLetterSpacing$1 = "0.01em";
const ddsFontHeadingXxsmallParagraphSpacing$1 = "0.4em";
const ddsFontHeadingXxsmallParagraphSpacingNumberEm$1 = 0.4;
const ddsFontBodyLargeLetterSpacing$1 = "0em";
const ddsFontBodyLargeParagraphSpacing$1 = "1em";
const ddsFontBodyLargeParagraphSpacingNumberEm$1 = 1;
const ddsFontBodyMediumLetterSpacing$1 = "0em";
const ddsFontBodyMediumParagraphSpacing$1 = "1em";
const ddsFontBodyMediumParagraphSpacingNumberEm$1 = 1;
const ddsFontBodySmallLetterSpacing$1 = "0.01em";
const ddsFontBodySmallParagraphSpacing$1 = "1em";
const ddsFontBodySmallParagraphSpacingNumberEm$1 = 1;
const ddsFontBodyXsmallLetterSpacing$1 = "0.01em";
const ddsFontBodyXsmallParagraphSpacing$1 = "1em";
const ddsFontBodyXsmallParagraphSpacingNumberEm$1 = 1;
const ddsFontLeadMediumLetterSpacing$1 = "0em";
const ddsFontLeadMediumParagraphSpacing$1 = "1em";
const ddsFontLeadMediumParagraphSpacingNumberEm$1 = 1;
const ddsFontCodeMediumLetterSpacing$1 = "0em";
const ddsFontCodeMediumParagraphSpacing$1 = "1em";
const ddsFontCodeMediumParagraphSpacingNumberEm$1 = 1;
const ddsFontLabelMediumLetterSpacing$1 = "0.01em";
const ddsFontLabelMediumParagraphSpacing$1 = "1em";
const ddsFontLabelMediumParagraphSpacingNumberEm$1 = 1;

var ddsTokensCore = /*#__PURE__*/Object.freeze({
  __proto__: null,
  ddsBorderRadiusButton: ddsBorderRadiusButton$1,
  ddsBorderRadiusButtonNumberPx: ddsBorderRadiusButtonNumberPx$1,
  ddsBorderRadiusChip: ddsBorderRadiusChip$1,
  ddsBorderRadiusChipNumberPx: ddsBorderRadiusChipNumberPx$1,
  ddsBorderRadiusInput: ddsBorderRadiusInput$1,
  ddsBorderRadiusInputNumberPx: ddsBorderRadiusInputNumberPx$1,
  ddsBorderRadiusRounded: ddsBorderRadiusRounded$1,
  ddsBorderRadiusRoundedNumberPx: ddsBorderRadiusRoundedNumberPx$1,
  ddsBorderRadiusSurface: ddsBorderRadiusSurface$1,
  ddsBorderRadiusSurfaceNumberPx: ddsBorderRadiusSurfaceNumberPx$1,
  ddsBreakpointLg: ddsBreakpointLg$1,
  ddsBreakpointLgNumberPx: ddsBreakpointLgNumberPx$1,
  ddsBreakpointMd: ddsBreakpointMd$1,
  ddsBreakpointMdNumberPx: ddsBreakpointMdNumberPx$1,
  ddsBreakpointSm: ddsBreakpointSm$1,
  ddsBreakpointSmNumberPx: ddsBreakpointSmNumberPx$1,
  ddsBreakpointXl: ddsBreakpointXl$1,
  ddsBreakpointXlNumberPx: ddsBreakpointXlNumberPx$1,
  ddsBreakpointXs: ddsBreakpointXs$1,
  ddsBreakpointXsNumberPx: ddsBreakpointXsNumberPx$1,
  ddsColorBgDefault: ddsColorBgDefault$1,
  ddsColorBgSubtle: ddsColorBgSubtle$1,
  ddsColorBorderActionDefault: ddsColorBorderActionDefault$1,
  ddsColorBorderActionHover: ddsColorBorderActionHover$1,
  ddsColorBorderDanger: ddsColorBorderDanger$1,
  ddsColorBorderDefault: ddsColorBorderDefault$1,
  ddsColorBorderInfo: ddsColorBorderInfo$1,
  ddsColorBorderInverse: ddsColorBorderInverse$1,
  ddsColorBorderOnAction: ddsColorBorderOnAction$1,
  ddsColorBorderSubtle: ddsColorBorderSubtle$1,
  ddsColorBorderSuccess: ddsColorBorderSuccess$1,
  ddsColorBorderWarning: ddsColorBorderWarning$1,
  ddsColorBrandPrimaryDefault: ddsColorBrandPrimaryDefault$1,
  ddsColorBrandPrimaryMedium: ddsColorBrandPrimaryMedium$1,
  ddsColorBrandPrimaryStrong: ddsColorBrandPrimaryStrong$1,
  ddsColorBrandPrimarySubtle: ddsColorBrandPrimarySubtle$1,
  ddsColorBrandSecondaryDefault: ddsColorBrandSecondaryDefault$1,
  ddsColorBrandSecondaryMedium: ddsColorBrandSecondaryMedium$1,
  ddsColorBrandSecondaryStrong: ddsColorBrandSecondaryStrong$1,
  ddsColorBrandSecondarySubtle: ddsColorBrandSecondarySubtle$1,
  ddsColorBrandTertiaryDefault: ddsColorBrandTertiaryDefault$1,
  ddsColorBrandTertiaryMedium: ddsColorBrandTertiaryMedium$1,
  ddsColorBrandTertiaryStrong: ddsColorBrandTertiaryStrong$1,
  ddsColorBrandTertiarySubtle: ddsColorBrandTertiarySubtle$1,
  ddsColorData01Border: ddsColorData01Border$1,
  ddsColorData01Default: ddsColorData01Default$1,
  ddsColorData01Subtle: ddsColorData01Subtle$1,
  ddsColorData02Border: ddsColorData02Border$1,
  ddsColorData02Default: ddsColorData02Default$1,
  ddsColorData02Subtle: ddsColorData02Subtle$1,
  ddsColorData03Border: ddsColorData03Border$1,
  ddsColorData03Default: ddsColorData03Default$1,
  ddsColorData03Subtle: ddsColorData03Subtle$1,
  ddsColorData04Border: ddsColorData04Border$1,
  ddsColorData04Default: ddsColorData04Default$1,
  ddsColorData04Subtle: ddsColorData04Subtle$1,
  ddsColorData05Border: ddsColorData05Border$1,
  ddsColorData05Default: ddsColorData05Default$1,
  ddsColorData05Subtle: ddsColorData05Subtle$1,
  ddsColorData06Border: ddsColorData06Border$1,
  ddsColorData06Default: ddsColorData06Default$1,
  ddsColorData06Subtle: ddsColorData06Subtle$1,
  ddsColorData07Border: ddsColorData07Border$1,
  ddsColorData07Default: ddsColorData07Default$1,
  ddsColorData07Subtle: ddsColorData07Subtle$1,
  ddsColorData08Border: ddsColorData08Border$1,
  ddsColorData08Default: ddsColorData08Default$1,
  ddsColorData08Subtle: ddsColorData08Subtle$1,
  ddsColorData09Border: ddsColorData09Border$1,
  ddsColorData09Default: ddsColorData09Default$1,
  ddsColorData09Subtle: ddsColorData09Subtle$1,
  ddsColorData10Border: ddsColorData10Border$1,
  ddsColorData10Default: ddsColorData10Default$1,
  ddsColorData10Subtle: ddsColorData10Subtle$1,
  ddsColorDataBlue100: ddsColorDataBlue100$1,
  ddsColorDataBlue200: ddsColorDataBlue200$1,
  ddsColorDataBlue300: ddsColorDataBlue300$1,
  ddsColorDataBlue400: ddsColorDataBlue400$1,
  ddsColorDataBlue500: ddsColorDataBlue500$1,
  ddsColorDataBlue600: ddsColorDataBlue600$1,
  ddsColorDataBlue700: ddsColorDataBlue700$1,
  ddsColorDataBlue800: ddsColorDataBlue800$1,
  ddsColorDataBlue900: ddsColorDataBlue900$1,
  ddsColorDataBrown100: ddsColorDataBrown100$1,
  ddsColorDataBrown200: ddsColorDataBrown200$1,
  ddsColorDataBrown300: ddsColorDataBrown300$1,
  ddsColorDataBrown400: ddsColorDataBrown400$1,
  ddsColorDataBrown500: ddsColorDataBrown500$1,
  ddsColorDataBrown600: ddsColorDataBrown600$1,
  ddsColorDataBrown700: ddsColorDataBrown700$1,
  ddsColorDataBrown800: ddsColorDataBrown800$1,
  ddsColorDataBrown900: ddsColorDataBrown900$1,
  ddsColorDataDeepblue100: ddsColorDataDeepblue100$1,
  ddsColorDataDeepblue200: ddsColorDataDeepblue200$1,
  ddsColorDataDeepblue300: ddsColorDataDeepblue300$1,
  ddsColorDataDeepblue400: ddsColorDataDeepblue400$1,
  ddsColorDataDeepblue500: ddsColorDataDeepblue500$1,
  ddsColorDataDeepblue600: ddsColorDataDeepblue600$1,
  ddsColorDataDeepblue700: ddsColorDataDeepblue700$1,
  ddsColorDataDeepblue800: ddsColorDataDeepblue800$1,
  ddsColorDataDeepblue900: ddsColorDataDeepblue900$1,
  ddsColorDataGray100: ddsColorDataGray100$1,
  ddsColorDataGray200: ddsColorDataGray200$1,
  ddsColorDataGray300: ddsColorDataGray300$1,
  ddsColorDataGray400: ddsColorDataGray400$1,
  ddsColorDataGray500: ddsColorDataGray500$1,
  ddsColorDataGray600: ddsColorDataGray600$1,
  ddsColorDataGray700: ddsColorDataGray700$1,
  ddsColorDataGray800: ddsColorDataGray800$1,
  ddsColorDataGray900: ddsColorDataGray900$1,
  ddsColorDataGreen100: ddsColorDataGreen100$1,
  ddsColorDataGreen200: ddsColorDataGreen200$1,
  ddsColorDataGreen300: ddsColorDataGreen300$1,
  ddsColorDataGreen400: ddsColorDataGreen400$1,
  ddsColorDataGreen500: ddsColorDataGreen500$1,
  ddsColorDataGreen600: ddsColorDataGreen600$1,
  ddsColorDataGreen700: ddsColorDataGreen700$1,
  ddsColorDataGreen800: ddsColorDataGreen800$1,
  ddsColorDataGreen900: ddsColorDataGreen900$1,
  ddsColorDataMagenta100: ddsColorDataMagenta100$1,
  ddsColorDataMagenta200: ddsColorDataMagenta200$1,
  ddsColorDataMagenta300: ddsColorDataMagenta300$1,
  ddsColorDataMagenta400: ddsColorDataMagenta400$1,
  ddsColorDataMagenta500: ddsColorDataMagenta500$1,
  ddsColorDataMagenta600: ddsColorDataMagenta600$1,
  ddsColorDataMagenta700: ddsColorDataMagenta700$1,
  ddsColorDataMagenta800: ddsColorDataMagenta800$1,
  ddsColorDataMagenta900: ddsColorDataMagenta900$1,
  ddsColorDataOlive100: ddsColorDataOlive100$1,
  ddsColorDataOlive200: ddsColorDataOlive200$1,
  ddsColorDataOlive300: ddsColorDataOlive300$1,
  ddsColorDataOlive400: ddsColorDataOlive400$1,
  ddsColorDataOlive500: ddsColorDataOlive500$1,
  ddsColorDataOlive600: ddsColorDataOlive600$1,
  ddsColorDataOlive700: ddsColorDataOlive700$1,
  ddsColorDataOlive800: ddsColorDataOlive800$1,
  ddsColorDataOlive900: ddsColorDataOlive900$1,
  ddsColorDataPurple100: ddsColorDataPurple100$1,
  ddsColorDataPurple200: ddsColorDataPurple200$1,
  ddsColorDataPurple300: ddsColorDataPurple300$1,
  ddsColorDataPurple400: ddsColorDataPurple400$1,
  ddsColorDataPurple500: ddsColorDataPurple500$1,
  ddsColorDataPurple600: ddsColorDataPurple600$1,
  ddsColorDataPurple700: ddsColorDataPurple700$1,
  ddsColorDataPurple800: ddsColorDataPurple800$1,
  ddsColorDataPurple900: ddsColorDataPurple900$1,
  ddsColorDataRed100: ddsColorDataRed100$1,
  ddsColorDataRed200: ddsColorDataRed200$1,
  ddsColorDataRed300: ddsColorDataRed300$1,
  ddsColorDataRed400: ddsColorDataRed400$1,
  ddsColorDataRed500: ddsColorDataRed500$1,
  ddsColorDataRed600: ddsColorDataRed600$1,
  ddsColorDataRed700: ddsColorDataRed700$1,
  ddsColorDataRed800: ddsColorDataRed800$1,
  ddsColorDataRed900: ddsColorDataRed900$1,
  ddsColorDataTeal100: ddsColorDataTeal100$1,
  ddsColorDataTeal200: ddsColorDataTeal200$1,
  ddsColorDataTeal300: ddsColorDataTeal300$1,
  ddsColorDataTeal400: ddsColorDataTeal400$1,
  ddsColorDataTeal500: ddsColorDataTeal500$1,
  ddsColorDataTeal600: ddsColorDataTeal600$1,
  ddsColorDataTeal700: ddsColorDataTeal700$1,
  ddsColorDataTeal800: ddsColorDataTeal800$1,
  ddsColorDataTeal900: ddsColorDataTeal900$1,
  ddsColorFocusInside: ddsColorFocusInside$1,
  ddsColorFocusOutside: ddsColorFocusOutside$1,
  ddsColorIconActionHover: ddsColorIconActionHover$1,
  ddsColorIconActionResting: ddsColorIconActionResting$1,
  ddsColorIconDanger: ddsColorIconDanger$1,
  ddsColorIconDefault: ddsColorIconDefault$1,
  ddsColorIconMedium: ddsColorIconMedium$1,
  ddsColorIconOnAction: ddsColorIconOnAction$1,
  ddsColorIconOnDangerDefault: ddsColorIconOnDangerDefault$1,
  ddsColorIconOnDangerStrong: ddsColorIconOnDangerStrong$1,
  ddsColorIconOnInfoDefault: ddsColorIconOnInfoDefault$1,
  ddsColorIconOnInfoStrong: ddsColorIconOnInfoStrong$1,
  ddsColorIconOnInverse: ddsColorIconOnInverse$1,
  ddsColorIconOnSuccessDefault: ddsColorIconOnSuccessDefault$1,
  ddsColorIconOnSuccessStrong: ddsColorIconOnSuccessStrong$1,
  ddsColorIconOnWarningDefault: ddsColorIconOnWarningDefault$1,
  ddsColorIconOnWarningStrong: ddsColorIconOnWarningStrong$1,
  ddsColorIconSubtle: ddsColorIconSubtle$1,
  ddsColorSurfaceActionDangerHover: ddsColorSurfaceActionDangerHover$1,
  ddsColorSurfaceActionDangerResting: ddsColorSurfaceActionDangerResting$1,
  ddsColorSurfaceActionHover: ddsColorSurfaceActionHover$1,
  ddsColorSurfaceActionResting: ddsColorSurfaceActionResting$1,
  ddsColorSurfaceActionSelected: ddsColorSurfaceActionSelected$1,
  ddsColorSurfaceActionSelectedDisabled: ddsColorSurfaceActionSelectedDisabled$1,
  ddsColorSurfaceBackdropDefault: ddsColorSurfaceBackdropDefault$1,
  ddsColorSurfaceDangerDefault: ddsColorSurfaceDangerDefault$1,
  ddsColorSurfaceDangerStrong: ddsColorSurfaceDangerStrong$1,
  ddsColorSurfaceDefault: ddsColorSurfaceDefault$1,
  ddsColorSurfaceFieldDefault: ddsColorSurfaceFieldDefault$1,
  ddsColorSurfaceFieldDisabled: ddsColorSurfaceFieldDisabled$1,
  ddsColorSurfaceHighlightedDefault: ddsColorSurfaceHighlightedDefault$1,
  ddsColorSurfaceHoverDefault: ddsColorSurfaceHoverDefault$1,
  ddsColorSurfaceHoverSubtle: ddsColorSurfaceHoverSubtle$1,
  ddsColorSurfaceInfoDefault: ddsColorSurfaceInfoDefault$1,
  ddsColorSurfaceInfoStrong: ddsColorSurfaceInfoStrong$1,
  ddsColorSurfaceInverseDefault: ddsColorSurfaceInverseDefault$1,
  ddsColorSurfaceInverseHover: ddsColorSurfaceInverseHover$1,
  ddsColorSurfaceInverseSelected: ddsColorSurfaceInverseSelected$1,
  ddsColorSurfaceMedium: ddsColorSurfaceMedium$1,
  ddsColorSurfaceNotification: ddsColorSurfaceNotification$1,
  ddsColorSurfacePaperDefault: ddsColorSurfacePaperDefault$1,
  ddsColorSurfaceScrollbar: ddsColorSurfaceScrollbar$1,
  ddsColorSurfaceSelectedDefault: ddsColorSurfaceSelectedDefault$1,
  ddsColorSurfaceSkeleton: ddsColorSurfaceSkeleton$1,
  ddsColorSurfaceSubtle: ddsColorSurfaceSubtle$1,
  ddsColorSurfaceSuccessDefault: ddsColorSurfaceSuccessDefault$1,
  ddsColorSurfaceSuccessStrong: ddsColorSurfaceSuccessStrong$1,
  ddsColorSurfaceWarningDefault: ddsColorSurfaceWarningDefault$1,
  ddsColorSurfaceWarningStrong: ddsColorSurfaceWarningStrong$1,
  ddsColorTextActionHover: ddsColorTextActionHover$1,
  ddsColorTextActionResting: ddsColorTextActionResting$1,
  ddsColorTextActionVisited: ddsColorTextActionVisited$1,
  ddsColorTextActionVisitedOnInverse: ddsColorTextActionVisitedOnInverse$1,
  ddsColorTextDanger: ddsColorTextDanger$1,
  ddsColorTextDefault: ddsColorTextDefault$1,
  ddsColorTextMedium: ddsColorTextMedium$1,
  ddsColorTextOnAction: ddsColorTextOnAction$1,
  ddsColorTextOnInverse: ddsColorTextOnInverse$1,
  ddsColorTextOnNotification: ddsColorTextOnNotification$1,
  ddsColorTextOnStatusDefault: ddsColorTextOnStatusDefault$1,
  ddsColorTextOnStatusStrong: ddsColorTextOnStatusStrong$1,
  ddsColorTextRequiredfield: ddsColorTextRequiredfield$1,
  ddsColorTextSubtle: ddsColorTextSubtle$1,
  ddsFontBodyLarge: ddsFontBodyLarge$1,
  ddsFontBodyLargeLetterSpacing: ddsFontBodyLargeLetterSpacing$1,
  ddsFontBodyLargeParagraphSpacing: ddsFontBodyLargeParagraphSpacing$1,
  ddsFontBodyLargeParagraphSpacingNumberEm: ddsFontBodyLargeParagraphSpacingNumberEm$1,
  ddsFontBodyMedium: ddsFontBodyMedium$1,
  ddsFontBodyMediumLetterSpacing: ddsFontBodyMediumLetterSpacing$1,
  ddsFontBodyMediumParagraphSpacing: ddsFontBodyMediumParagraphSpacing$1,
  ddsFontBodyMediumParagraphSpacingNumberEm: ddsFontBodyMediumParagraphSpacingNumberEm$1,
  ddsFontBodySmall: ddsFontBodySmall$1,
  ddsFontBodySmallLetterSpacing: ddsFontBodySmallLetterSpacing$1,
  ddsFontBodySmallParagraphSpacing: ddsFontBodySmallParagraphSpacing$1,
  ddsFontBodySmallParagraphSpacingNumberEm: ddsFontBodySmallParagraphSpacingNumberEm$1,
  ddsFontBodyXsmall: ddsFontBodyXsmall$1,
  ddsFontBodyXsmallLetterSpacing: ddsFontBodyXsmallLetterSpacing$1,
  ddsFontBodyXsmallParagraphSpacing: ddsFontBodyXsmallParagraphSpacing$1,
  ddsFontBodyXsmallParagraphSpacingNumberEm: ddsFontBodyXsmallParagraphSpacingNumberEm$1,
  ddsFontCodeMedium: ddsFontCodeMedium$1,
  ddsFontCodeMediumLetterSpacing: ddsFontCodeMediumLetterSpacing$1,
  ddsFontCodeMediumParagraphSpacing: ddsFontCodeMediumParagraphSpacing$1,
  ddsFontCodeMediumParagraphSpacingNumberEm: ddsFontCodeMediumParagraphSpacingNumberEm$1,
  ddsFontFamilyMonospace: ddsFontFamilyMonospace$1,
  ddsFontFamilySans: ddsFontFamilySans$1,
  ddsFontHeadingLarge: ddsFontHeadingLarge$1,
  ddsFontHeadingLargeLetterSpacing: ddsFontHeadingLargeLetterSpacing$1,
  ddsFontHeadingLargeParagraphSpacing: ddsFontHeadingLargeParagraphSpacing$1,
  ddsFontHeadingLargeParagraphSpacingNumberEm: ddsFontHeadingLargeParagraphSpacingNumberEm$1,
  ddsFontHeadingMedium: ddsFontHeadingMedium$1,
  ddsFontHeadingMediumLetterSpacing: ddsFontHeadingMediumLetterSpacing$1,
  ddsFontHeadingMediumParagraphSpacing: ddsFontHeadingMediumParagraphSpacing$1,
  ddsFontHeadingMediumParagraphSpacingNumberEm: ddsFontHeadingMediumParagraphSpacingNumberEm$1,
  ddsFontHeadingSmall: ddsFontHeadingSmall$1,
  ddsFontHeadingSmallLetterSpacing: ddsFontHeadingSmallLetterSpacing$1,
  ddsFontHeadingSmallParagraphSpacing: ddsFontHeadingSmallParagraphSpacing$1,
  ddsFontHeadingSmallParagraphSpacingNumberEm: ddsFontHeadingSmallParagraphSpacingNumberEm$1,
  ddsFontHeadingXlarge: ddsFontHeadingXlarge$1,
  ddsFontHeadingXlargeLetterSpacing: ddsFontHeadingXlargeLetterSpacing$1,
  ddsFontHeadingXlargeParagraphSpacing: ddsFontHeadingXlargeParagraphSpacing$1,
  ddsFontHeadingXlargeParagraphSpacingNumberEm: ddsFontHeadingXlargeParagraphSpacingNumberEm$1,
  ddsFontHeadingXsmall: ddsFontHeadingXsmall$1,
  ddsFontHeadingXsmallLetterSpacing: ddsFontHeadingXsmallLetterSpacing$1,
  ddsFontHeadingXsmallParagraphSpacing: ddsFontHeadingXsmallParagraphSpacing$1,
  ddsFontHeadingXsmallParagraphSpacingNumberEm: ddsFontHeadingXsmallParagraphSpacingNumberEm$1,
  ddsFontHeadingXxlarge: ddsFontHeadingXxlarge$1,
  ddsFontHeadingXxlargeLetterSpacing: ddsFontHeadingXxlargeLetterSpacing$1,
  ddsFontHeadingXxlargeParagraphSpacing: ddsFontHeadingXxlargeParagraphSpacing$1,
  ddsFontHeadingXxlargeParagraphSpacingNumberEm: ddsFontHeadingXxlargeParagraphSpacingNumberEm$1,
  ddsFontHeadingXxsmall: ddsFontHeadingXxsmall$1,
  ddsFontHeadingXxsmallLetterSpacing: ddsFontHeadingXxsmallLetterSpacing$1,
  ddsFontHeadingXxsmallParagraphSpacing: ddsFontHeadingXxsmallParagraphSpacing$1,
  ddsFontHeadingXxsmallParagraphSpacingNumberEm: ddsFontHeadingXxsmallParagraphSpacingNumberEm$1,
  ddsFontLabelMedium: ddsFontLabelMedium$1,
  ddsFontLabelMediumLetterSpacing: ddsFontLabelMediumLetterSpacing$1,
  ddsFontLabelMediumParagraphSpacing: ddsFontLabelMediumParagraphSpacing$1,
  ddsFontLabelMediumParagraphSpacingNumberEm: ddsFontLabelMediumParagraphSpacingNumberEm$1,
  ddsFontLeadMedium: ddsFontLeadMedium$1,
  ddsFontLeadMediumLetterSpacing: ddsFontLeadMediumLetterSpacing$1,
  ddsFontLeadMediumParagraphSpacing: ddsFontLeadMediumParagraphSpacing$1,
  ddsFontLeadMediumParagraphSpacingNumberEm: ddsFontLeadMediumParagraphSpacingNumberEm$1,
  ddsFontLetterSpacingLoose: ddsFontLetterSpacingLoose$1,
  ddsFontLetterSpacingNormal: ddsFontLetterSpacingNormal$1,
  ddsFontLetterSpacingTight: ddsFontLetterSpacingTight$1,
  ddsFontLineheightList: ddsFontLineheightList$1,
  ddsFontLineheightX1: ddsFontLineheightX1$1,
  ddsFontLineheightX2: ddsFontLineheightX2$1,
  ddsFontLineheightX3: ddsFontLineheightX3$1,
  ddsFontParagraphSpacingHeading: ddsFontParagraphSpacingHeading$1,
  ddsFontParagraphSpacingHeadingNumberEm: ddsFontParagraphSpacingHeadingNumberEm$1,
  ddsFontParagraphSpacingLarge: ddsFontParagraphSpacingLarge$1,
  ddsFontParagraphSpacingLargeNumberEm: ddsFontParagraphSpacingLargeNumberEm$1,
  ddsFontParagraphSpacingMedium: ddsFontParagraphSpacingMedium$1,
  ddsFontParagraphSpacingMediumNumberEm: ddsFontParagraphSpacingMediumNumberEm$1,
  ddsFontParagraphSpacingSmall: ddsFontParagraphSpacingSmall$1,
  ddsFontParagraphSpacingSmallNumberEm: ddsFontParagraphSpacingSmallNumberEm$1,
  ddsFontSizeX075: ddsFontSizeX075$1,
  ddsFontSizeX075NumberRem: ddsFontSizeX075NumberRem$1,
  ddsFontSizeX0875: ddsFontSizeX0875$1,
  ddsFontSizeX0875NumberRem: ddsFontSizeX0875NumberRem$1,
  ddsFontSizeX1: ddsFontSizeX1$1,
  ddsFontSizeX1125: ddsFontSizeX1125$1,
  ddsFontSizeX1125NumberRem: ddsFontSizeX1125NumberRem$1,
  ddsFontSizeX125: ddsFontSizeX125$1,
  ddsFontSizeX125NumberRem: ddsFontSizeX125NumberRem$1,
  ddsFontSizeX15: ddsFontSizeX15$1,
  ddsFontSizeX15NumberRem: ddsFontSizeX15NumberRem$1,
  ddsFontSizeX1NumberRem: ddsFontSizeX1NumberRem$1,
  ddsFontSizeX2: ddsFontSizeX2$1,
  ddsFontSizeX25: ddsFontSizeX25$1,
  ddsFontSizeX25NumberRem: ddsFontSizeX25NumberRem$1,
  ddsFontSizeX2NumberRem: ddsFontSizeX2NumberRem$1,
  ddsFontSizeX3: ddsFontSizeX3$1,
  ddsFontSizeX3NumberRem: ddsFontSizeX3NumberRem$1,
  ddsFontSizeX4: ddsFontSizeX4$1,
  ddsFontSizeX4NumberRem: ddsFontSizeX4NumberRem$1,
  ddsFontSizeX5: ddsFontSizeX5$1,
  ddsFontSizeX5NumberRem: ddsFontSizeX5NumberRem$1,
  ddsFontStyleItalic: ddsFontStyleItalic$1,
  ddsFontStyleNormal: ddsFontStyleNormal$1,
  ddsFontStyleUnderline: ddsFontStyleUnderline$1,
  ddsFontWeightBold: ddsFontWeightBold$1,
  ddsFontWeightLight: ddsFontWeightLight$1,
  ddsFontWeightNormal: ddsFontWeightNormal$1,
  ddsFontWeightSemiBold: ddsFontWeightSemiBold$1,
  ddsGridLgCount: ddsGridLgCount$1,
  ddsGridLgGutterSize: ddsGridLgGutterSize$1,
  ddsGridLgGutterSizeNumberPx: ddsGridLgGutterSizeNumberPx$1,
  ddsGridMdCount: ddsGridMdCount$1,
  ddsGridMdGutterSize: ddsGridMdGutterSize$1,
  ddsGridMdGutterSizeNumberPx: ddsGridMdGutterSizeNumberPx$1,
  ddsGridSmCount: ddsGridSmCount$1,
  ddsGridSmGutterSize: ddsGridSmGutterSize$1,
  ddsGridSmGutterSizeNumberPx: ddsGridSmGutterSizeNumberPx$1,
  ddsGridXlCount: ddsGridXlCount$1,
  ddsGridXlGutterSize: ddsGridXlGutterSize$1,
  ddsGridXlGutterSizeNumberPx: ddsGridXlGutterSizeNumberPx$1,
  ddsGridXsCount: ddsGridXsCount$1,
  ddsGridXsGutterSize: ddsGridXsGutterSize$1,
  ddsGridXsGutterSizeNumberPx: ddsGridXsGutterSizeNumberPx$1,
  ddsIconSizeLarge: ddsIconSizeLarge$1,
  ddsIconSizeLargeNumberPx: ddsIconSizeLargeNumberPx$1,
  ddsIconSizeMedium: ddsIconSizeMedium$1,
  ddsIconSizeMediumNumberPx: ddsIconSizeMediumNumberPx$1,
  ddsIconSizeSmall: ddsIconSizeSmall$1,
  ddsIconSizeSmallNumberPx: ddsIconSizeSmallNumberPx$1,
  ddsShadow1: ddsShadow1$1,
  ddsShadow2: ddsShadow2$1,
  ddsShadow3: ddsShadow3$1,
  ddsShadow4: ddsShadow4$1,
  ddsSpacingPaddingTopHeading: ddsSpacingPaddingTopHeading$1,
  ddsSpacingPaddingTopHeadingNumberEm: ddsSpacingPaddingTopHeadingNumberEm$1,
  ddsSpacingX0: ddsSpacingX0$1,
  ddsSpacingX0125: ddsSpacingX0125$1,
  ddsSpacingX0125NumberRem: ddsSpacingX0125NumberRem$1,
  ddsSpacingX025: ddsSpacingX025$1,
  ddsSpacingX025NumberRem: ddsSpacingX025NumberRem$1,
  ddsSpacingX05: ddsSpacingX05$1,
  ddsSpacingX05NumberRem: ddsSpacingX05NumberRem$1,
  ddsSpacingX075: ddsSpacingX075$1,
  ddsSpacingX075NumberRem: ddsSpacingX075NumberRem$1,
  ddsSpacingX0NumberRem: ddsSpacingX0NumberRem$1,
  ddsSpacingX1: ddsSpacingX1$1,
  ddsSpacingX10: ddsSpacingX10$1,
  ddsSpacingX10NumberRem: ddsSpacingX10NumberRem$1,
  ddsSpacingX15: ddsSpacingX15$1,
  ddsSpacingX15NumberRem: ddsSpacingX15NumberRem$1,
  ddsSpacingX1NumberRem: ddsSpacingX1NumberRem$1,
  ddsSpacingX2: ddsSpacingX2$1,
  ddsSpacingX25: ddsSpacingX25$1,
  ddsSpacingX25NumberRem: ddsSpacingX25NumberRem$1,
  ddsSpacingX2NumberRem: ddsSpacingX2NumberRem$1,
  ddsSpacingX3: ddsSpacingX3$1,
  ddsSpacingX3NumberRem: ddsSpacingX3NumberRem$1,
  ddsSpacingX4: ddsSpacingX4$1,
  ddsSpacingX4NumberRem: ddsSpacingX4NumberRem$1,
  ddsSpacingX6: ddsSpacingX6$1,
  ddsSpacingX6NumberRem: ddsSpacingX6NumberRem$1,
  ddsZindexAbsoluteElement: ddsZindexAbsoluteElement$1,
  ddsZindexDrawer: ddsZindexDrawer$1,
  ddsZindexDrawerBackdrop: ddsZindexDrawerBackdrop$1,
  ddsZindexDropdown: ddsZindexDropdown$1,
  ddsZindexModalBackdrop: ddsZindexModalBackdrop$1,
  ddsZindexOverflowmenu: ddsZindexOverflowmenu$1,
  ddsZindexPopover: ddsZindexPopover$1,
  ddsZindexSkiptocontent: ddsZindexSkiptocontent$1,
  ddsZindexSticky: ddsZindexSticky$1,
  ddsZindexTooltip: ddsZindexTooltip$1
});

// Do not edit directly, this file was auto-generated.
const ddsFontFamilySans = "'IBM Plex Sans', Arial, sans-serif";
const ddsFontFamilyMonospace = "'IBM Plex Mono', 'Courier New', monospace"; // For kode
const ddsFontSizeX5 = "5rem";
const ddsFontSizeX5NumberRem = 5;
const ddsFontSizeX4 = "4rem";
const ddsFontSizeX4NumberRem = 4;
const ddsFontSizeX3 = "3rem";
const ddsFontSizeX3NumberRem = 3;
const ddsFontSizeX25 = "2.5rem";
const ddsFontSizeX25NumberRem = 2.5;
const ddsFontSizeX2 = "2rem";
const ddsFontSizeX2NumberRem = 2;
const ddsFontSizeX15 = "1.5rem";
const ddsFontSizeX15NumberRem = 1.5;
const ddsFontSizeX125 = "1.25rem";
const ddsFontSizeX125NumberRem = 1.25;
const ddsFontSizeX1125 = "1.125rem";
const ddsFontSizeX1125NumberRem = 1.125;
const ddsFontSizeX1 = "1rem";
const ddsFontSizeX1NumberRem = 1;
const ddsFontSizeX0875 = "0.875rem";
const ddsFontSizeX0875NumberRem = 0.875;
const ddsFontSizeX075 = "0.75rem";
const ddsFontSizeX075NumberRem = 0.75;
const ddsFontWeightLight = "300";
const ddsFontWeightNormal = "400";
const ddsFontWeightSemiBold = "500";
const ddsFontWeightBold = "600";
const ddsFontLineheightX1 = 1.5; // Brukes på str ×1_25 og mindre 
const ddsFontLineheightX2 = 1.35; // Brukes på str x1.5, ×2 og ×3 
const ddsFontLineheightX3 = 1.2; // Brukes på str ×3 og større
const ddsFontLineheightList = 2; // Brukes på lister
const ddsFontLetterSpacingTight = "-0.01em"; // Brukes på str ×2.5 og større
const ddsFontLetterSpacingNormal = "0em"; // Brukes på str ×1 og opp til og med ×2
const ddsFontLetterSpacingLoose = "0.01em"; // Brukes på størrelser under ×1
const ddsFontParagraphSpacingSmall = "1em";
const ddsFontParagraphSpacingSmallNumberEm = 1; // Brukes på str ×1_25 og mindre 
const ddsFontParagraphSpacingMedium = "0.66em";
const ddsFontParagraphSpacingMediumNumberEm = 0.66; // Brukes på str x1.5, ×2 og ×3 
const ddsFontParagraphSpacingLarge = "0.5em";
const ddsFontParagraphSpacingLargeNumberEm = 0.5; // Brukes på str ×3 og større
const ddsFontParagraphSpacingHeading = "0.4em";
const ddsFontParagraphSpacingHeadingNumberEm = 0.4; // Brukes på på alle headere (bottom)
const ddsFontStyleUnderline = "underline";
const ddsFontStyleNormal = "none";
const ddsFontStyleItalic = "italic";
const ddsSpacingPaddingTopHeading = "0.7em";
const ddsSpacingPaddingTopHeadingNumberEm = 0.7; // Ekstra spacing over dds-header. 70% av størrelsen på headeren
const ddsSpacingX0 = "0rem";
const ddsSpacingX0NumberRem = 0;
const ddsSpacingX0125 = "0.125rem";
const ddsSpacingX0125NumberRem = 0.125;
const ddsSpacingX025 = "0.25rem";
const ddsSpacingX025NumberRem = 0.25;
const ddsSpacingX05 = "0.5rem";
const ddsSpacingX05NumberRem = 0.5;
const ddsSpacingX075 = "0.75rem";
const ddsSpacingX075NumberRem = 0.75;
const ddsSpacingX1 = "1rem";
const ddsSpacingX1NumberRem = 1;
const ddsSpacingX15 = "1.5rem";
const ddsSpacingX15NumberRem = 1.5;
const ddsSpacingX2 = "2rem";
const ddsSpacingX2NumberRem = 2;
const ddsSpacingX25 = "2.5rem";
const ddsSpacingX25NumberRem = 2.5;
const ddsSpacingX3 = "3rem";
const ddsSpacingX3NumberRem = 3;
const ddsSpacingX4 = "4rem";
const ddsSpacingX4NumberRem = 4;
const ddsSpacingX6 = "6rem";
const ddsSpacingX6NumberRem = 6;
const ddsSpacingX10 = "10rem";
const ddsSpacingX10NumberRem = 10;
const ddsShadow1 = "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
const ddsShadow2 = "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
const ddsShadow3 = "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
const ddsShadow4 = "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
const ddsGridXsGutterSize = "16px";
const ddsGridXsGutterSizeNumberPx = 16;
const ddsGridXsCount = "4";
const ddsGridSmGutterSize = "16px";
const ddsGridSmGutterSizeNumberPx = 16;
const ddsGridSmCount = "8";
const ddsGridLgGutterSize = "24px";
const ddsGridLgGutterSizeNumberPx = 24;
const ddsGridLgCount = "12";
const ddsGridMdGutterSize = "24px";
const ddsGridMdGutterSizeNumberPx = 24;
const ddsGridMdCount = "12";
const ddsGridXlGutterSize = "24px";
const ddsGridXlGutterSizeNumberPx = 24;
const ddsGridXlCount = "12";
const ddsIconSizeLarge = "40px";
const ddsIconSizeLargeNumberPx = 40;
const ddsIconSizeMedium = "24px";
const ddsIconSizeMediumNumberPx = 24;
const ddsIconSizeSmall = "16px";
const ddsIconSizeSmallNumberPx = 16;
const ddsBreakpointXs = "1px";
const ddsBreakpointXsNumberPx = 1;
const ddsBreakpointSm = "600px";
const ddsBreakpointSmNumberPx = 600;
const ddsBreakpointMd = "960px";
const ddsBreakpointMdNumberPx = 960;
const ddsBreakpointLg = "1280px";
const ddsBreakpointLgNumberPx = 1280;
const ddsBreakpointXl = "1920px";
const ddsBreakpointXlNumberPx = 1920;
const ddsZindexSkiptocontent = "250"; // Brukes for dds-skiptocontent
const ddsZindexModalBackdrop = "200"; // Brukes for dds-modal
const ddsZindexDrawer = "180"; // Brukes for dds-drawer
const ddsZindexDrawerBackdrop = "180"; // Brukes for dds-drawer
const ddsZindexOverflowmenu = "160"; // Brukes for dds-overflowmenu
const ddsZindexPopover = "140"; // Brukes for dds-popover og kalender i datepicker
const ddsZindexTooltip = "120"; // Brukes for dds-tooltip
const ddsZindexDropdown = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
const ddsZindexSticky = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
const ddsZindexAbsoluteElement = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
const ddsColorData10Default = "#196b8f";
const ddsColorData10Subtle = "#96c5d9";
const ddsColorData10Border = "#196b8f";
const ddsColorDataRed100 = "#f8d2d4";
const ddsColorDataRed200 = "#f0a5a9";
const ddsColorDataRed300 = "#e9787e";
const ddsColorDataRed400 = "#e14b53";
const ddsColorDataRed500 = "#da1e28";
const ddsColorDataRed600 = "#ae1820";
const ddsColorDataRed700 = "#831218";
const ddsColorDataRed800 = "#570c10";
const ddsColorDataRed900 = "#2c0608";
const ddsColorDataMagenta100 = "#eed3df";
const ddsColorDataMagenta200 = "#dfa5bf";
const ddsColorDataMagenta300 = "#cf789e";
const ddsColorDataMagenta400 = "#c74f84";
const ddsColorDataMagenta500 = "#b62665";
const ddsColorDataMagenta600 = "#8a1a4b";
const ddsColorDataMagenta700 = "#671438";
const ddsColorDataMagenta800 = "#440e26";
const ddsColorDataMagenta900 = "#220713";
const ddsColorDataBrown100 = "#f0ddd5";
const ddsColorDataBrown200 = "#e1bcac";
const ddsColorDataBrown300 = "#d19a82";
const ddsColorDataBrown400 = "#c27959";
const ddsColorDataBrown500 = "#b3572f";
const ddsColorDataBrown600 = "#8f4626";
const ddsColorDataBrown700 = "#6b341c";
const ddsColorDataBrown800 = "#482313";
const ddsColorDataBrown900 = "#241109";
const ddsColorDataOlive100 = "#e6e4d0";
const ddsColorDataOlive200 = "#cdc9a