@norges-domstoler/dds-design-tokens 7.3.0 → 8.0.0

package/dist/cjs/index.js

@@ -32,7 +32,7 @@ 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.5; // Brukes på lister
+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
@@ -120,16 +120,106 @@ 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 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 ddsColorBgDefault$1 = "#ffffff"; // UI shell base color
-const ddsColorBgSubtle$1 = "#f8f9f9"; // Alternative UI shell base color
+const ddsColorBgSubtle$1 = "#f1f3f4"; // Alternative UI shell base color
 const ddsColorSurfaceDefault$1 = "#ffffff"; // Default bg
-const ddsColorSurfaceSubtle$1 = "#f8f9f9"; // Subtle surface color
-const ddsColorSurfaceMedium$1 = "#ebecee"; // Medium surface color
+const ddsColorSurfaceSubtle$1 = "#f1f3f4"; // Subtle surface color
+const ddsColorSurfaceMedium$1 = "#e4e6e8"; // Medium surface color
 const ddsColorSurfaceHoverDefault$1 = "#e7f1f7"; // Hover on surface (default, subtle, medium)
-const ddsColorSurfaceHoverSubtle$1 = "#f8f9f9"; // Subtle hover on surface (default, 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 = "#313d45"; // Hover on surface.inverse
+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
@@ -148,13 +238,13 @@ 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 = "#f8f9f9"; // disabled state on surface.field
-const ddsColorSurfaceHighlightedDefault$1 = "#ffe6df"; // bg for highlighted text on text.default. Use with $Text
+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 = "#cfd4d7"; // Used for skeleton
+const ddsColorSurfaceSkeleton$1 = "#d6dadd"; // Used for skeleton
 const ddsColorBorderDefault$1 = "#77838c"; // Form components, togglebutton, secondary button, checkbox etc
-const ddsColorBorderSubtle$1 = "#cfd4d7"; // Dropdown, tooltip, overflow 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
@@ -186,27 +276,57 @@ 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 = "#92862e"; // On surface.warning-default
+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 = "#466f8a"; // On surface.info-default
+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";
+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";
-const ddsColorBrandTertiaryDefault$1 = "#f2a68f"; // Tertiary brand color
-const ddsColorBrandTertiarySubtle$1 = "#ffe6df"; // Tertiary brand color
-const ddsColorBrandTertiaryMedium$1 = "#f6c1b1"; // Tertiary brand color
-const ddsColorBrandTertiaryStrong$1 = "#f27e55";
-const ddsColorFocusOutside$1 = "#2f4a5c"; // Contrast to .inside
+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 ddsColorData10Default$1 = "#196b8f";
+const ddsColorData10Subtle$1 = "#96c5d9";
+const ddsColorData10Border$1 = "#196b8f";
+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 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
@@ -320,6 +440,126 @@ var ddsTokensCore = /*#__PURE__*/Object.freeze({
   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,
@@ -582,7 +822,7 @@ 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.5; // Brukes på lister
+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
@@ -670,16 +910,106 @@ 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 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 = "#cdc9a1";
+const ddsColorDataOlive300 = "#b3ae71";
+const ddsColorDataOlive400 = "#989344";
+const ddsColorDataOlive500 = "#7c7518";
+const ddsColorDataOlive600 = "#635e13";
+const ddsColorDataOlive700 = "#4a460e";
+const ddsColorDataOlive800 = "#322f0a";
+const ddsColorDataOlive900 = "#191705";
+const ddsColorDataGreen100 = "#d1e6d7";
+const ddsColorDataGreen200 = "#a3ccaf";
+const ddsColorDataGreen300 = "#75b388";
+const ddsColorDataGreen400 = "#479960";
+const ddsColorDataGreen500 = "#198038";
+const ddsColorDataGreen600 = "#14662d";
+const ddsColorDataGreen700 = "#0f4d22";
+const ddsColorDataGreen800 = "#0a3316";
+const ddsColorDataGreen900 = "#051a0b";
+const ddsColorDataTeal100 = "#c2e2e1";
+const ddsColorDataTeal200 = "#90ccc9";
+const ddsColorDataTeal300 = "#5dafad";
+const ddsColorDataTeal400 = "#2c9390";
+const ddsColorDataTeal500 = "#007d79";
+const ddsColorDataTeal600 = "#006461";
+const ddsColorDataTeal700 = "#004b49";
+const ddsColorDataTeal800 = "#003230";
+const ddsColorDataTeal900 = "#001918";
+const ddsColorDataDeepblue100 = "#b9d7e5";
+const ddsColorDataDeepblue200 = "#96c5d9";
+const ddsColorDataDeepblue300 = "#6aa8c3";
+const ddsColorDataDeepblue400 = "#3e8bac";
+const ddsColorDataDeepblue500 = "#196b8f";
+const ddsColorDataDeepblue600 = "#135774";
+const ddsColorDataDeepblue700 = "#0e455e";
+const ddsColorDataDeepblue800 = "#0d3445";
+const ddsColorDataDeepblue900 = "#05151d";
+const ddsColorDataBlue100 = "#cfe0ff";
+const ddsColorDataBlue200 = "#9fc0ff";
+const ddsColorDataBlue300 = "#6fa1fe";
+const ddsColorDataBlue400 = "#3f81fe";
+const ddsColorDataBlue500 = "#0f62fe";
+const ddsColorDataBlue600 = "#0c4ecb";
+const ddsColorDataBlue700 = "#093b98";
+const ddsColorDataBlue800 = "#062766";
+const ddsColorDataBlue900 = "#031433";
+const ddsColorDataPurple100 = "#e8d9fe";
+const ddsColorDataPurple200 = "#d0b2fe";
+const ddsColorDataPurple300 = "#b98cfd";
+const ddsColorDataPurple400 = "#a165fd";
+const ddsColorDataPurple500 = "#8a3ffc";
+const ddsColorDataPurple600 = "#6e32ca";
+const ddsColorDataPurple700 = "#532697";
+const ddsColorDataPurple800 = "#371965";
+const ddsColorDataPurple900 = "#1c0d32";
+const ddsColorDataGray100 = "#e3e3e3";
+const ddsColorDataGray200 = "#c7c7c7";
+const ddsColorDataGray300 = "#aaaaaa";
+const ddsColorDataGray400 = "#8e8e8e";
+const ddsColorDataGray500 = "#727272";
+const ddsColorDataGray600 = "#5b5b5b";
+const ddsColorDataGray700 = "#444444";
+const ddsColorDataGray800 = "#2e2e2e";
+const ddsColorDataGray900 = "#171717";
 const ddsColorBgDefault = "#ffffff"; // UI shell base color
-const ddsColorBgSubtle = "#f8f9f9"; // Alternative UI shell base color
+const ddsColorBgSubtle = "#f1f3f4"; // Alternative UI shell base color
 const ddsColorSurfaceDefault = "#ffffff"; // Default bg
-const ddsColorSurfaceSubtle = "#f8f9f9"; // Subtle surface color
-const ddsColorSurfaceMedium = "#ebecee"; // Medium surface color
+const ddsColorSurfaceSubtle = "#f1f3f4"; // Subtle surface color
+const ddsColorSurfaceMedium = "#e4e6e8"; // Medium surface color
 const ddsColorSurfaceHoverDefault = "#e7f1f7"; // Hover on surface (default, subtle, medium)
-const ddsColorSurfaceHoverSubtle = "#f8f9f9"; // Subtle hover on surface (default, medium)
+const ddsColorSurfaceHoverSubtle = "#f1f3f4"; // Subtle hover on surface (default, medium)
 const ddsColorSurfaceSelectedDefault = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
 const ddsColorSurfaceInverseDefault = "#354754"; // Can be used as a surface for menu, navigation, footer etc
-const ddsColorSurfaceInverseHover = "#313d45"; // Hover on surface.inverse
+const ddsColorSurfaceInverseHover = "#2a3943"; // Hover on surface.inverse
 const ddsColorSurfaceInverseSelected = "#202b32"; // selected on surface.inverse
 const ddsColorSurfaceActionResting = "#106ead"; // Primary button bg
 const ddsColorSurfaceActionHover = "#0d588a"; // Hover on surface.action/selected
@@ -698,13 +1028,13 @@ const ddsColorSurfaceInfoStrong = "#9eceee"; // tag strong value
 const ddsColorSurfacePaperDefault = "#ffffff"; // modal, drawer, popover etc
 const ddsColorSurfaceBackdropDefault = "#0b0d0e80"; // background overlay for modals (50%)
 const ddsColorSurfaceFieldDefault = "#ffffff"; // Form elements (textinput, datepicker etc)
-const ddsColorSurfaceFieldDisabled = "#f8f9f9"; // disabled state on surface.field
-const ddsColorSurfaceHighlightedDefault = "#ffe6df"; // bg for highlighted text on text.default. Use with $Text
+const ddsColorSurfaceFieldDisabled = "#f1f3f4"; // disabled state on surface.field
+const ddsColorSurfaceHighlightedDefault = "#fce5dd"; // bg for highlighted text on text.default. Use with $Text
 const ddsColorSurfaceScrollbar = "#adb5ba"; // Used for scrollbar
 const ddsColorSurfaceNotification = "#d83737"; // bg on a notification
-const ddsColorSurfaceSkeleton = "#cfd4d7"; // Used for skeleton
+const ddsColorSurfaceSkeleton = "#d6dadd"; // Used for skeleton
 const ddsColorBorderDefault = "#77838c"; // Form components, togglebutton, secondary button, checkbox etc
-const ddsColorBorderSubtle = "#cfd4d7"; // Dropdown, tooltip, overflow etc
+const ddsColorBorderSubtle = "#d6dadd"; // Dropdown, tooltip, overflow etc
 const ddsColorBorderInverse = "#acbbc6"; // Border or divider on surface.inverse
 const ddsColorBorderActionDefault = "#106ead"; // Used in progress tracker
 const ddsColorBorderActionHover = "#0d588a"; // Hover on secondary button etc
@@ -736,27 +1066,57 @@ const ddsColorIconActionResting = "#106ead"; // Often used with Text.action
 const ddsColorIconActionHover = "#0d588a"; // hover on icon-action, used on secondary buttons etc
 const ddsColorIconOnSuccessDefault = "#3d723d"; // On surface.success-default
 const ddsColorIconOnSuccessStrong = "#0b0d0e"; // On surface-success-strong
-const ddsColorIconOnWarningDefault = "#92862e"; // On surface.warning-default
+const ddsColorIconOnWarningDefault = "#9a8c26"; // On surface.warning-default
 const ddsColorIconOnWarningStrong = "#0b0d0e"; // On surface.warning-strong
 const ddsColorIconOnDangerDefault = "#ad2c2c"; // On surface.danger-default
 const ddsColorIconOnDangerStrong = "#0b0d0e"; // On surface.danger-strong
-const ddsColorIconOnInfoDefault = "#466f8a"; // On surface.info-default
+const ddsColorIconOnInfoDefault = "#3e7192"; // On surface.info-default
 const ddsColorIconOnInfoStrong = "#0b0d0e"; // On surface.info-strong
 const ddsColorIconDanger = "#ad2c2c"; // Error icon on paper, or default or subtle surafce/bg
 const ddsColorBrandPrimaryDefault = "#354754"; // Primary brand color
 const ddsColorBrandPrimarySubtle = "#eaeff4"; // Primary brand color
 const ddsColorBrandPrimaryMedium = "#4f6a7e"; // Primary brand color
-const ddsColorBrandPrimaryStrong = "#202b32";
+const ddsColorBrandPrimaryStrong = "#202b32"; // Primary brand color
 const ddsColorBrandSecondaryDefault = "#9ab8b7"; // Secondary brand color
 const ddsColorBrandSecondarySubtle = "#e6eded"; // Secondary brand color
 const ddsColorBrandSecondaryMedium = "#b8cdcd"; // Secondary brand color
-const ddsColorBrandSecondaryStrong = "#4d6463";
-const ddsColorBrandTertiaryDefault = "#f2a68f"; // Tertiary brand color
-const ddsColorBrandTertiarySubtle = "#ffe6df"; // Tertiary brand color
-const ddsColorBrandTertiaryMedium = "#f6c1b1"; // Tertiary brand color
-const ddsColorBrandTertiaryStrong = "#f27e55";
-const ddsColorFocusOutside = "#2f4a5c"; // Contrast to .inside
+const ddsColorBrandSecondaryStrong = "#4d6463"; // Secondary brand color
+const ddsColorBrandTertiaryDefault = "#f27e55"; // Tertiary brand color
+const ddsColorBrandTertiarySubtle = "#fce5dd"; // Tertiary brand color
+const ddsColorBrandTertiaryMedium = "#f2a68f"; // Tertiary brand color
+const ddsColorBrandTertiaryStrong = "#d45d32"; // Tertiary brand color
+const ddsColorFocusOutside = "#2a4b61"; // Contrast to .inside
 const ddsColorFocusInside = "#f1f8fd"; // Contrast to .outside
+const ddsColorData10Default = "#196b8f";
+const ddsColorData10Subtle = "#96c5d9";
+const ddsColorData10Border = "#196b8f";
+const ddsColorData01Default = "#0f62fe";
+const ddsColorData01Subtle = "#9fc0ff";
+const ddsColorData01Border = "#0f62fe";
+const ddsColorData02Default = "#b3572f";
+const ddsColorData02Subtle = "#e1bcac";
+const ddsColorData02Border = "#b3572f";
+const ddsColorData03Default = "#727272";
+const ddsColorData03Subtle = "#c7c7c7";
+const ddsColorData03Border = "#727272";
+const ddsColorData04Default = "#198038";
+const ddsColorData04Subtle = "#a3ccaf";
+const ddsColorData04Border = "#198038";
+const ddsColorData05Default = "#8a3ffc";
+const ddsColorData05Subtle = "#d0b2fe";
+const ddsColorData05Border = "#8a3ffc";
+const ddsColorData06Default = "#b62665";
+const ddsColorData06Subtle = "#dfa5bf";
+const ddsColorData06Border = "#b62665";
+const ddsColorData07Default = "#7c7518";
+const ddsColorData07Subtle = "#cdc9a1";
+const ddsColorData07Border = "#7c7518";
+const ddsColorData08Default = "#da1e28";
+const ddsColorData08Subtle = "#f0a5a9";
+const ddsColorData08Border = "#da1e28";
+const ddsColorData09Default = "#007d79";
+const ddsColorData09Subtle = "#90ccc9";
+const ddsColorData09Border = "#007d79";
 const ddsBorderRadiusButton = "2px";
 const ddsBorderRadiusButtonNumberPx = 2; // For use in button component and togglebutton
 const ddsBorderRadiusSurface = "2px";
@@ -870,6 +1230,126 @@ var ddsTokensPublic = /*#__PURE__*/Object.freeze({
   ddsColorBrandTertiaryMedium: ddsColorBrandTertiaryMedium,
   ddsColorBrandTertiaryStrong: ddsColorBrandTertiaryStrong,
   ddsColorBrandTertiarySubtle: ddsColorBrandTertiarySubtle,
+  ddsColorData01Border: ddsColorData01Border,
+  ddsColorData01Default: ddsColorData01Default,
+  ddsColorData01Subtle: ddsColorData01Subtle,
+  ddsColorData02Border: ddsColorData02Border,
+  ddsColorData02Default: ddsColorData02Default,
+  ddsColorData02Subtle: ddsColorData02Subtle,
+  ddsColorData03Border: ddsColorData03Border,
+  ddsColorData03Default: ddsColorData03Default,
+  ddsColorData03Subtle: ddsColorData03Subtle,
+  ddsColorData04Border: ddsColorData04Border,
+  ddsColorData04Default: ddsColorData04Default,
+  ddsColorData04Subtle: ddsColorData04Subtle,
+  ddsColorData05Border: ddsColorData05Border,
+  ddsColorData05Default: ddsColorData05Default,
+  ddsColorData05Subtle: ddsColorData05Subtle,
+  ddsColorData06Border: ddsColorData06Border,
+  ddsColorData06Default: ddsColorData06Default,
+  ddsColorData06Subtle: ddsColorData06Subtle,
+  ddsColorData07Border: ddsColorData07Border,
+  ddsColorData07Default: ddsColorData07Default,
+  ddsColorData07Subtle: ddsColorData07Subtle,
+  ddsColorData08Border: ddsColorData08Border,
+  ddsColorData08Default: ddsColorData08Default,
+  ddsColorData08Subtle: ddsColorData08Subtle,
+  ddsColorData09Border: ddsColorData09Border,
+  ddsColorData09Default: ddsColorData09Default,
+  ddsColorData09Subtle: ddsColorData09Subtle,
+  ddsColorData10Border: ddsColorData10Border,
+  ddsColorData10Default: ddsColorData10Default,
+  ddsColorData10Subtle: ddsColorData10Subtle,
+  ddsColorDataBlue100: ddsColorDataBlue100,
+  ddsColorDataBlue200: ddsColorDataBlue200,
+  ddsColorDataBlue300: ddsColorDataBlue300,
+  ddsColorDataBlue400: ddsColorDataBlue400,
+  ddsColorDataBlue500: ddsColorDataBlue500,
+  ddsColorDataBlue600: ddsColorDataBlue600,
+  ddsColorDataBlue700: ddsColorDataBlue700,
+  ddsColorDataBlue800: ddsColorDataBlue800,
+  ddsColorDataBlue900: ddsColorDataBlue900,
+  ddsColorDataBrown100: ddsColorDataBrown100,
+  ddsColorDataBrown200: ddsColorDataBrown200,
+  ddsColorDataBrown300: ddsColorDataBrown300,
+  ddsColorDataBrown400: ddsColorDataBrown400,
+  ddsColorDataBrown500: ddsColorDataBrown500,
+  ddsColorDataBrown600: ddsColorDataBrown600,
+  ddsColorDataBrown700: ddsColorDataBrown700,
+  ddsColorDataBrown800: ddsColorDataBrown800,
+  ddsColorDataBrown900: ddsColorDataBrown900,
+  ddsColorDataDeepblue100: ddsColorDataDeepblue100,
+  ddsColorDataDeepblue200: ddsColorDataDeepblue200,
+  ddsColorDataDeepblue300: ddsColorDataDeepblue300,
+  ddsColorDataDeepblue400: ddsColorDataDeepblue400,
+  ddsColorDataDeepblue500: ddsColorDataDeepblue500,
+  ddsColorDataDeepblue600: ddsColorDataDeepblue600,
+  ddsColorDataDeepblue700: ddsColorDataDeepblue700,
+  ddsColorDataDeepblue800: ddsColorDataDeepblue800,
+  ddsColorDataDeepblue900: ddsColorDataDeepblue900,
+  ddsColorDataGray100: ddsColorDataGray100,
+  ddsColorDataGray200: ddsColorDataGray200,
+  ddsColorDataGray300: ddsColorDataGray300,
+  ddsColorDataGray400: ddsColorDataGray400,
+  ddsColorDataGray500: ddsColorDataGray500,
+  ddsColorDataGray600: ddsColorDataGray600,
+  ddsColorDataGray700: ddsColorDataGray700,
+  ddsColorDataGray800: ddsColorDataGray800,
+  ddsColorDataGray900: ddsColorDataGray900,
+  ddsColorDataGreen100: ddsColorDataGreen100,
+  ddsColorDataGreen200: ddsColorDataGreen200,
+  ddsColorDataGreen300: ddsColorDataGreen300,
+  ddsColorDataGreen400: ddsColorDataGreen400,
+  ddsColorDataGreen500: ddsColorDataGreen500,
+  ddsColorDataGreen600: ddsColorDataGreen600,
+  ddsColorDataGreen700: ddsColorDataGreen700,
+  ddsColorDataGreen800: ddsColorDataGreen800,
+  ddsColorDataGreen900: ddsColorDataGreen900,
+  ddsColorDataMagenta100: ddsColorDataMagenta100,
+  ddsColorDataMagenta200: ddsColorDataMagenta200,
+  ddsColorDataMagenta300: ddsColorDataMagenta300,
+  ddsColorDataMagenta400: ddsColorDataMagenta400,
+  ddsColorDataMagenta500: ddsColorDataMagenta500,
+  ddsColorDataMagenta600: ddsColorDataMagenta600,
+  ddsColorDataMagenta700: ddsColorDataMagenta700,
+  ddsColorDataMagenta800: ddsColorDataMagenta800,
+  ddsColorDataMagenta900: ddsColorDataMagenta900,
+  ddsColorDataOlive100: ddsColorDataOlive100,
+  ddsColorDataOlive200: ddsColorDataOlive200,
+  ddsColorDataOlive300: ddsColorDataOlive300,
+  ddsColorDataOlive400: ddsColorDataOlive400,
+  ddsColorDataOlive500: ddsColorDataOlive500,
+  ddsColorDataOlive600: ddsColorDataOlive600,
+  ddsColorDataOlive700: ddsColorDataOlive700,
+  ddsColorDataOlive800: ddsColorDataOlive800,
+  ddsColorDataOlive900: ddsColorDataOlive900,
+  ddsColorDataPurple100: ddsColorDataPurple100,
+  ddsColorDataPurple200: ddsColorDataPurple200,
+  ddsColorDataPurple300: ddsColorDataPurple300,
+  ddsColorDataPurple400: ddsColorDataPurple400,
+  ddsColorDataPurple500: ddsColorDataPurple500,
+  ddsColorDataPurple600: ddsColorDataPurple600,
+  ddsColorDataPurple700: ddsColorDataPurple700,
+  ddsColorDataPurple800: ddsColorDataPurple800,
+  ddsColorDataPurple900: ddsColorDataPurple900,
+  ddsColorDataRed100: ddsColorDataRed100,
+  ddsColorDataRed200: ddsColorDataRed200,
+  ddsColorDataRed300: ddsColorDataRed300,
+  ddsColorDataRed400: ddsColorDataRed400,
+  ddsColorDataRed500: ddsColorDataRed500,
+  ddsColorDataRed600: ddsColorDataRed600,
+  ddsColorDataRed700: ddsColorDataRed700,
+  ddsColorDataRed800: ddsColorDataRed800,
+  ddsColorDataRed900: ddsColorDataRed900,
+  ddsColorDataTeal100: ddsColorDataTeal100,
+  ddsColorDataTeal200: ddsColorDataTeal200,
+  ddsColorDataTeal300: ddsColorDataTeal300,
+  ddsColorDataTeal400: ddsColorDataTeal400,
+  ddsColorDataTeal500: ddsColorDataTeal500,
+  ddsColorDataTeal600: ddsColorDataTeal600,
+  ddsColorDataTeal700: ddsColorDataTeal700,
+  ddsColorDataTeal800: ddsColorDataTeal800,
+  ddsColorDataTeal900: ddsColorDataTeal900,
   ddsColorFocusInside: ddsColorFocusInside,
   ddsColorFocusOutside: ddsColorFocusOutside,
   ddsColorIconActionHover: ddsColorIconActionHover,