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

package/dist/{dds/build → generated-tokens}/js/Public/ddsTokens.js

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

package/dist/index.js

@@ -1,5 +1,5 @@
-import * as ddsTokens$1 from './dds/build/js/Core/ddsTokens.js';
-import * as ddsTokens$2 from './dds/build/js/Public/ddsTokens.js';
+import * as ddsTokens$1 from './generated-tokens/js/Core/ddsTokens.js';
+import * as ddsTokens$2 from './generated-tokens/js/Public/ddsTokens.js';
 
 const ddsTokens = {
     core: Object.assign({}, ddsTokens$1),

package/dist/scss/_ddsTokens.scss

@@ -78,6 +78,96 @@
   $dds-zindex-dropdown: var(--dds-zindex-dropdown); /* Dropdown brukes for bl.a søkeforslag, dropdown i select */
   $dds-zindex-sticky: var(--dds-zindex-sticky); /* Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater */
   $dds-zindex-absolute-element: var(--dds-zindex-absolute-element); /* Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder */
+  $dds-color-data-red-100: var(--dds-color-data-red-100);
+  $dds-color-data-red-200: var(--dds-color-data-red-200);
+  $dds-color-data-red-300: var(--dds-color-data-red-300);
+  $dds-color-data-red-400: var(--dds-color-data-red-400);
+  $dds-color-data-red-500: var(--dds-color-data-red-500);
+  $dds-color-data-red-600: var(--dds-color-data-red-600);
+  $dds-color-data-red-700: var(--dds-color-data-red-700);
+  $dds-color-data-red-800: var(--dds-color-data-red-800);
+  $dds-color-data-red-900: var(--dds-color-data-red-900);
+  $dds-color-data-magenta-100: var(--dds-color-data-magenta-100);
+  $dds-color-data-magenta-200: var(--dds-color-data-magenta-200);
+  $dds-color-data-magenta-300: var(--dds-color-data-magenta-300);
+  $dds-color-data-magenta-400: var(--dds-color-data-magenta-400);
+  $dds-color-data-magenta-500: var(--dds-color-data-magenta-500);
+  $dds-color-data-magenta-600: var(--dds-color-data-magenta-600);
+  $dds-color-data-magenta-700: var(--dds-color-data-magenta-700);
+  $dds-color-data-magenta-800: var(--dds-color-data-magenta-800);
+  $dds-color-data-magenta-900: var(--dds-color-data-magenta-900);
+  $dds-color-data-brown-100: var(--dds-color-data-brown-100);
+  $dds-color-data-brown-200: var(--dds-color-data-brown-200);
+  $dds-color-data-brown-300: var(--dds-color-data-brown-300);
+  $dds-color-data-brown-400: var(--dds-color-data-brown-400);
+  $dds-color-data-brown-500: var(--dds-color-data-brown-500);
+  $dds-color-data-brown-600: var(--dds-color-data-brown-600);
+  $dds-color-data-brown-700: var(--dds-color-data-brown-700);
+  $dds-color-data-brown-800: var(--dds-color-data-brown-800);
+  $dds-color-data-brown-900: var(--dds-color-data-brown-900);
+  $dds-color-data-olive-100: var(--dds-color-data-olive-100);
+  $dds-color-data-olive-200: var(--dds-color-data-olive-200);
+  $dds-color-data-olive-300: var(--dds-color-data-olive-300);
+  $dds-color-data-olive-400: var(--dds-color-data-olive-400);
+  $dds-color-data-olive-500: var(--dds-color-data-olive-500);
+  $dds-color-data-olive-600: var(--dds-color-data-olive-600);
+  $dds-color-data-olive-700: var(--dds-color-data-olive-700);
+  $dds-color-data-olive-800: var(--dds-color-data-olive-800);
+  $dds-color-data-olive-900: var(--dds-color-data-olive-900);
+  $dds-color-data-green-100: var(--dds-color-data-green-100);
+  $dds-color-data-green-200: var(--dds-color-data-green-200);
+  $dds-color-data-green-300: var(--dds-color-data-green-300);
+  $dds-color-data-green-400: var(--dds-color-data-green-400);
+  $dds-color-data-green-500: var(--dds-color-data-green-500);
+  $dds-color-data-green-600: var(--dds-color-data-green-600);
+  $dds-color-data-green-700: var(--dds-color-data-green-700);
+  $dds-color-data-green-800: var(--dds-color-data-green-800);
+  $dds-color-data-green-900: var(--dds-color-data-green-900);
+  $dds-color-data-teal-100: var(--dds-color-data-teal-100);
+  $dds-color-data-teal-200: var(--dds-color-data-teal-200);
+  $dds-color-data-teal-300: var(--dds-color-data-teal-300);
+  $dds-color-data-teal-400: var(--dds-color-data-teal-400);
+  $dds-color-data-teal-500: var(--dds-color-data-teal-500);
+  $dds-color-data-teal-600: var(--dds-color-data-teal-600);
+  $dds-color-data-teal-700: var(--dds-color-data-teal-700);
+  $dds-color-data-teal-800: var(--dds-color-data-teal-800);
+  $dds-color-data-teal-900: var(--dds-color-data-teal-900);
+  $dds-color-data-deepblue-100: var(--dds-color-data-deepblue-100);
+  $dds-color-data-deepblue-200: var(--dds-color-data-deepblue-200);
+  $dds-color-data-deepblue-300: var(--dds-color-data-deepblue-300);
+  $dds-color-data-deepblue-400: var(--dds-color-data-deepblue-400);
+  $dds-color-data-deepblue-500: var(--dds-color-data-deepblue-500);
+  $dds-color-data-deepblue-600: var(--dds-color-data-deepblue-600);
+  $dds-color-data-deepblue-700: var(--dds-color-data-deepblue-700);
+  $dds-color-data-deepblue-800: var(--dds-color-data-deepblue-800);
+  $dds-color-data-deepblue-900: var(--dds-color-data-deepblue-900);
+  $dds-color-data-blue-100: var(--dds-color-data-blue-100);
+  $dds-color-data-blue-200: var(--dds-color-data-blue-200);
+  $dds-color-data-blue-300: var(--dds-color-data-blue-300);
+  $dds-color-data-blue-400: var(--dds-color-data-blue-400);
+  $dds-color-data-blue-500: var(--dds-color-data-blue-500);
+  $dds-color-data-blue-600: var(--dds-color-data-blue-600);
+  $dds-color-data-blue-700: var(--dds-color-data-blue-700);
+  $dds-color-data-blue-800: var(--dds-color-data-blue-800);
+  $dds-color-data-blue-900: var(--dds-color-data-blue-900);
+  $dds-color-data-purple-100: var(--dds-color-data-purple-100);
+  $dds-color-data-purple-200: var(--dds-color-data-purple-200);
+  $dds-color-data-purple-300: var(--dds-color-data-purple-300);
+  $dds-color-data-purple-400: var(--dds-color-data-purple-400);
+  $dds-color-data-purple-500: var(--dds-color-data-purple-500);
+  $dds-color-data-purple-600: var(--dds-color-data-purple-600);
+  $dds-color-data-purple-700: var(--dds-color-data-purple-700);
+  $dds-color-data-purple-800: var(--dds-color-data-purple-800);
+  $dds-color-data-purple-900: var(--dds-color-data-purple-900);
+  $dds-color-data-gray-100: var(--dds-color-data-gray-100);
+  $dds-color-data-gray-200: var(--dds-color-data-gray-200);
+  $dds-color-data-gray-300: var(--dds-color-data-gray-300);
+  $dds-color-data-gray-400: var(--dds-color-data-gray-400);
+  $dds-color-data-gray-500: var(--dds-color-data-gray-500);
+  $dds-color-data-gray-600: var(--dds-color-data-gray-600);
+  $dds-color-data-gray-700: var(--dds-color-data-gray-700);
+  $dds-color-data-gray-800: var(--dds-color-data-gray-800);
+  $dds-color-data-gray-900: var(--dds-color-data-gray-900);
   $dds-color-bg-default: var(--dds-color-bg-default); /* UI shell base color */
   $dds-color-bg-subtle: var(--dds-color-bg-subtle); /* Alternative UI shell base color */
   $dds-color-surface-default: var(--dds-color-surface-default); /* Default bg */
@@ -154,17 +244,47 @@
   $dds-color-brand-primary-default: var(--dds-color-brand-primary-default); /* Primary brand color */
   $dds-color-brand-primary-subtle: var(--dds-color-brand-primary-subtle); /* Primary brand color */
   $dds-color-brand-primary-medium: var(--dds-color-brand-primary-medium); /* Primary brand color */
-  $dds-color-brand-primary-strong: var(--dds-color-brand-primary-strong);
+  $dds-color-brand-primary-strong: var(--dds-color-brand-primary-strong); /* Primary brand color */
   $dds-color-brand-secondary-default: var(--dds-color-brand-secondary-default); /* Secondary brand color */
   $dds-color-brand-secondary-subtle: var(--dds-color-brand-secondary-subtle); /* Secondary brand color */
   $dds-color-brand-secondary-medium: var(--dds-color-brand-secondary-medium); /* Secondary brand color */
-  $dds-color-brand-secondary-strong: var(--dds-color-brand-secondary-strong);
+  $dds-color-brand-secondary-strong: var(--dds-color-brand-secondary-strong); /* Secondary brand color */
   $dds-color-brand-tertiary-default: var(--dds-color-brand-tertiary-default); /* Tertiary brand color */
   $dds-color-brand-tertiary-subtle: var(--dds-color-brand-tertiary-subtle); /* Tertiary brand color */
   $dds-color-brand-tertiary-medium: var(--dds-color-brand-tertiary-medium); /* Tertiary brand color */
-  $dds-color-brand-tertiary-strong: var(--dds-color-brand-tertiary-strong);
+  $dds-color-brand-tertiary-strong: var(--dds-color-brand-tertiary-strong); /* Tertiary brand color */
   $dds-color-focus-outside: var(--dds-color-focus-outside); /* Contrast to .inside */
   $dds-color-focus-inside: var(--dds-color-focus-inside); /* Contrast to .outside */
+  $dds-color-data-10-default: var(--dds-color-data-10-default);
+  $dds-color-data-10-subtle: var(--dds-color-data-10-subtle);
+  $dds-color-data-10-border: var(--dds-color-data-10-border);
+  $dds-color-data-01-default: var(--dds-color-data-01-default);
+  $dds-color-data-01-subtle: var(--dds-color-data-01-subtle);
+  $dds-color-data-01-border: var(--dds-color-data-01-border);
+  $dds-color-data-02-default: var(--dds-color-data-02-default);
+  $dds-color-data-02-subtle: var(--dds-color-data-02-subtle);
+  $dds-color-data-02-border: var(--dds-color-data-02-border);
+  $dds-color-data-03-default: var(--dds-color-data-03-default);
+  $dds-color-data-03-subtle: var(--dds-color-data-03-subtle);
+  $dds-color-data-03-border: var(--dds-color-data-03-border);
+  $dds-color-data-04-default: var(--dds-color-data-04-default);
+  $dds-color-data-04-subtle: var(--dds-color-data-04-subtle);
+  $dds-color-data-04-border: var(--dds-color-data-04-border);
+  $dds-color-data-05-default: var(--dds-color-data-05-default);
+  $dds-color-data-05-subtle: var(--dds-color-data-05-subtle);
+  $dds-color-data-05-border: var(--dds-color-data-05-border);
+  $dds-color-data-06-default: var(--dds-color-data-06-default);
+  $dds-color-data-06-subtle: var(--dds-color-data-06-subtle);
+  $dds-color-data-06-border: var(--dds-color-data-06-border);
+  $dds-color-data-07-default: var(--dds-color-data-07-default);
+  $dds-color-data-07-subtle: var(--dds-color-data-07-subtle);
+  $dds-color-data-07-border: var(--dds-color-data-07-border);
+  $dds-color-data-08-default: var(--dds-color-data-08-default);
+  $dds-color-data-08-subtle: var(--dds-color-data-08-subtle);
+  $dds-color-data-08-border: var(--dds-color-data-08-border);
+  $dds-color-data-09-default: var(--dds-color-data-09-default);
+  $dds-color-data-09-subtle: var(--dds-color-data-09-subtle);
+  $dds-color-data-09-border: var(--dds-color-data-09-border);
   $dds-border-radius-button: var(--dds-border-radius-button); /* For use in button component and togglebutton */
   $dds-border-radius-surface: var(--dds-border-radius-surface); /* Most surfaces, for example cards, papers, messages, backgrounds in GUI */
   $dds-border-radius-input: var(--dds-border-radius-input); /* All input fields, and check boxes */