@norges-domstoler/dds-design-tokens 5.0.0 → 6.0.0

package/dist/src/index.d.ts

@@ -1,2 +1,414 @@
-export * from './ddsBaseTokens';
-export * from './ddsReferenceTokens';
+export declare const ddsTokens: {
+    ddsColorPrimaryLightest: "#eaeff4";
+    ddsColorPrimaryLighter: "#acbbc6";
+    ddsColorPrimaryLight: "#4f6a7e";
+    ddsColorPrimaryBase: "#354754";
+    ddsColorPrimaryDark: "#313d45";
+    ddsColorPrimaryDarker: "#202b32";
+    ddsColorPrimaryDarkest: "#151c22";
+    ddsColorNeutralsWhite: "#ffffff";
+    ddsColorNeutralsGray1: "#f8f9f9";
+    ddsColorNeutralsGray2: "#ebecee";
+    ddsColorNeutralsGray3: "#cfd4d7";
+    ddsColorNeutralsGray4: "#adb5ba";
+    ddsColorNeutralsGray5: "#77838c";
+    ddsColorNeutralsGray6: "#545c62";
+    ddsColorNeutralsGray7: "#3a4146";
+    ddsColorNeutralsGray8: "#22272a";
+    ddsColorNeutralsGray9: "#0b0d0e";
+    ddsColorInteractiveLightest: "#e7f1f7";
+    ddsColorInteractiveLighter: "#9fc5de";
+    ddsColorInteractiveLight: "#589ac6";
+    ddsColorInteractiveBase: "#106ead";
+    ddsColorInteractiveDark: "#0d588a";
+    ddsColorInteractiveDarker: "#0a4268";
+    ddsColorInteractiveDarkest: "#062c45";
+    ddsColorSecondaryLightest: "#e6eded";
+    ddsColorSecondaryLighter: "#cddbdb";
+    ddsColorSecondaryLight: "#b8cdcd";
+    ddsColorSecondaryBase: "#9ab8b7";
+    ddsColorSecondaryDark: "#7b9392";
+    ddsColorSecondaryDarker: "#4d6463";
+    ddsColorSecondaryDarkest: "#3e4a49";
+    ddsColorTertiaryLightest: "#ffe6df";
+    ddsColorTertiaryLighter: "#ffd6ca";
+    ddsColorTertiaryLight: "#f6c1b1";
+    ddsColorTertiaryBase: "#f2a68f";
+    ddsColorTertiaryDark: "#f59877";
+    ddsColorTertiaryDarker: "#f27e55";
+    ddsColorTertiaryDarkest: "#c26544";
+    ddsColorSuccessLightest: "#f0f9f0";
+    ddsColorSuccessLighter: "#c1e5c2";
+    ddsColorSuccessLight: "#93d294";
+    ddsColorSuccessBase: "#65be66";
+    ddsColorSuccessDark: "#519852";
+    ddsColorSuccessDarker: "#3d723d";
+    ddsColorSuccessDarkest: "#284c29";
+    ddsColorDangerLightest: "#fbebeb";
+    ddsColorDangerLighter: "#efafaf";
+    ddsColorDangerLight: "#e47373";
+    ddsColorDangerBase: "#d83737";
+    ddsColorDangerDark: "#ad2c2c";
+    ddsColorDangerDarker: "#822121";
+    ddsColorDangerDarkest: "#561616";
+    ddsColorWarningLightest: "#fefced";
+    ddsColorWarningLighter: "#fbf3b8";
+    ddsColorWarningLight: "#f7e982";
+    ddsColorWarningBase: "#f4e04d";
+    ddsColorWarningDark: "#c3b33e";
+    ddsColorWarningDarker: "#92862e";
+    ddsColorWarningDarkest: "#625a1f";
+    ddsColorInfoLightest: "#f1f8fd";
+    ddsColorInfoLighter: "#c8e3f5";
+    ddsColorInfoLight: "#9eceee";
+    ddsColorInfoBase: "#75b9e6";
+    ddsColorInfoDark: "#5e94b8";
+    ddsColorInfoDarker: "#466f8a";
+    ddsColorInfoDarkest: "#2f4a5c";
+    ddsColorVisitedBase: "#7f29b4";
+    ddsColorVisitedLighter: "#cca9e1";
+    ddsColorBgDefault: "#ffffff";
+    ddsColorBgSubtle: "#f8f9f9";
+    ddsColorSurfaceDefault: "#ffffff";
+    ddsColorSurfaceSubtle: "#f8f9f9";
+    ddsColorSurfaceMedium: "#ebecee";
+    ddsColorSurfaceHoverDefault: "#e7f1f7";
+    ddsColorSurfaceHoverSubtle: "#f8f9f9";
+    ddsColorSurfaceSelectedDefault: "#e7f1f7";
+    ddsColorSurfaceInverseDefault: "#354754";
+    ddsColorSurfaceInverseHover: "#313d45";
+    ddsColorSurfaceInverseSelected: "#202b32";
+    ddsColorSurfaceActionResting: "#106ead";
+    ddsColorSurfaceActionHover: "#0d588a";
+    ddsColorSurfaceActionSelected: "#106ead";
+    ddsColorSurfaceActionDangerResting: "#d83737";
+    ddsColorSurfaceActionDangerHover: "#ad2c2c";
+    ddsColorSurfaceActionSelectedDisabled: "#77838c";
+    ddsColorSurfaceDangerDefault: "#fbebeb";
+    ddsColorSurfaceDangerStrong: "#e47373";
+    ddsColorSurfaceSuccessDefault: "#f0f9f0";
+    ddsColorSurfaceSuccessStrong: "#93d294";
+    ddsColorSurfaceWarningDefault: "#fefced";
+    ddsColorSurfaceWarningStrong: "#f7e982";
+    ddsColorSurfaceInfoDefault: "#f1f8fd";
+    ddsColorSurfaceInfoStrong: "#9eceee";
+    ddsColorSurfacePaperDefault: "#ffffff";
+    ddsColorSurfaceBackdropDefault: "#0b0d0e80";
+    ddsColorSurfaceFieldDefault: "#ffffff";
+    ddsColorSurfaceFieldDisabled: "#f8f9f9";
+    ddsColorSurfaceHighlightedDefault: "#ffe6df";
+    ddsColorSurfaceScrollbar: "#adb5ba";
+    ddsColorSurfaceNotification: "#d83737";
+    ddsColorSurfaceSkeleton: "#cfd4d7";
+    ddsColorBorderDefault: "#77838c";
+    ddsColorBorderSubtle: "#cfd4d7";
+    ddsColorBorderInverse: "#acbbc6";
+    ddsColorBorderActionDefault: "#106ead";
+    ddsColorBorderActionHover: "#0d588a";
+    ddsColorBorderSuccess: "#65be66";
+    ddsColorBorderWarning: "#f4e04d";
+    ddsColorBorderDanger: "#d83737";
+    ddsColorBorderInfo: "#75b9e6";
+    ddsColorBorderOnAction: "#ffffff";
+    ddsColorTextDefault: "#0b0d0e";
+    ddsColorTextMedium: "#3a4146";
+    ddsColorTextSubtle: "#545c62";
+    ddsColorTextOnInverse: "#ffffff";
+    ddsColorTextOnAction: "#ffffff";
+    ddsColorTextOnStatusDefault: "#0b0d0e";
+    ddsColorTextOnStatusStrong: "#0b0d0e";
+    ddsColorTextActionResting: "#106ead";
+    ddsColorTextActionHover: "#0d588a";
+    ddsColorTextRequiredfield: "#d83737";
+    ddsColorTextActionVisited: "#7f29b4";
+    ddsColorTextActionVisitedOnInverse: "#cca9e1";
+    ddsColorTextOnNotification: "#ffffff";
+    ddsColorIconDefault: "#0b0d0e";
+    ddsColorIconMedium: "#3a4146";
+    ddsColorIconSubtle: "#545c62";
+    ddsColorIconOnInverse: "#ffffff";
+    ddsColorIconOnAction: "#ffffff";
+    ddsColorIconActionResting: "#106ead";
+    ddsColorIconActionHover: "#0d588a";
+    ddsColorIconOnSuccessDefault: "#3d723d";
+    ddsColorIconOnSuccessStrong: "#0b0d0e";
+    ddsColorIconOnWarningDefault: "#92862e";
+    ddsColorIconOnWarningStrong: "#0b0d0e";
+    ddsColorIconOnDangerDefault: "#ad2c2c";
+    ddsColorIconOnDangerStrong: "#0b0d0e";
+    ddsColorIconOnInfoDefault: "#466f8a";
+    ddsColorIconOnInfoStrong: "#0b0d0e";
+    ddsColorBrandPrimaryDefault: "#354754";
+    ddsColorBrandPrimarySubtle: "#eaeff4";
+    ddsColorBrandPrimaryMedium: "#4f6a7e";
+    ddsColorBrandPrimaryStrong: "#202b32";
+    ddsColorBrandSecondaryDefault: "#9ab8b7";
+    ddsColorBrandSecondarySubtle: "#e6eded";
+    ddsColorBrandSecondaryMedium: "#b8cdcd";
+    ddsColorBrandSecondaryStrong: "#4d6463";
+    ddsColorBrandTertiaryDefault: "#f2a68f";
+    ddsColorBrandTertiarySubtle: "#ffe6df";
+    ddsColorBrandTertiaryMedium: "#f6c1b1";
+    ddsColorBrandTertiaryStrong: "#f27e55";
+    ddsColorFocusOutside: "#2f4a5c";
+    ddsColorFocusInside: "#f1f8fd";
+    ddsBorderRadius0: "0px";
+    ddsBorderRadius0NumberPx: 0;
+    ddsBorderRadius1: "2px";
+    ddsBorderRadius1NumberPx: 2;
+    ddsBorderRadius2: "4px";
+    ddsBorderRadius2NumberPx: 4;
+    ddsBorderRadius3: "8px";
+    ddsBorderRadius3NumberPx: 8;
+    ddsBorderRadius100: "9999px";
+    ddsBorderRadius100NumberPx: 9999;
+    ddsBorderRadiusButton: "2px";
+    ddsBorderRadiusButtonNumberPx: 2;
+    ddsBorderRadiusSurface: "2px";
+    ddsBorderRadiusSurfaceNumberPx: 2;
+    ddsBorderRadiusInput: "2px";
+    ddsBorderRadiusInputNumberPx: 2;
+    ddsBorderRadiusChip: "2px";
+    ddsBorderRadiusChipNumberPx: 2;
+    ddsBorderRadiusRounded: "9999px";
+    ddsBorderRadiusRoundedNumberPx: 9999;
+    ddsSpacingX0: "0px";
+    ddsSpacingX0NumberPx: 0;
+    ddsSpacingX0125: "2px";
+    ddsSpacingX0125NumberPx: 2;
+    ddsSpacingX025: "4px";
+    ddsSpacingX025NumberPx: 4;
+    ddsSpacingX05: "8px";
+    ddsSpacingX05NumberPx: 8;
+    ddsSpacingX075: "12px";
+    ddsSpacingX075NumberPx: 12;
+    ddsSpacingX1: "16px";
+    ddsSpacingX1NumberPx: 16;
+    ddsSpacingX15: "24px";
+    ddsSpacingX15NumberPx: 24;
+    ddsSpacingX2: "32px";
+    ddsSpacingX2NumberPx: 32;
+    ddsSpacingX25: "40px";
+    ddsSpacingX25NumberPx: 40;
+    ddsSpacingX3: "48px";
+    ddsSpacingX3NumberPx: 48;
+    ddsSpacingX4: "64px";
+    ddsSpacingX4NumberPx: 64;
+    ddsSpacingX6: "96px";
+    ddsSpacingX6NumberPx: 96;
+    ddsSpacingX10: "160px";
+    ddsSpacingX10NumberPx: 160;
+    ddsSpacingPaddingTopHeading: "0.7em";
+    ddsSpacingPaddingTopHeadingNumberEm: 0.7;
+    ddsShadow1: "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
+    ddsShadow2: "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
+    ddsShadow3: "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
+    ddsShadow4: "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
+    ddsFontFamilySans: "'IBM Plex Sans'";
+    ddsFontFamilyMonospace: "'IBM Plex Mono'";
+    ddsFontSizeX5: "5rem";
+    ddsFontSizeX5NumberRem: 5;
+    ddsFontSizeX4: "4rem";
+    ddsFontSizeX4NumberRem: 4;
+    ddsFontSizeX3: "3rem";
+    ddsFontSizeX3NumberRem: 3;
+    ddsFontSizeX25: "2.5rem";
+    ddsFontSizeX25NumberRem: 2.5;
+    ddsFontSizeX2: "2rem";
+    ddsFontSizeX2NumberRem: 2;
+    ddsFontSizeX15: "1.5rem";
+    ddsFontSizeX15NumberRem: 1.5;
+    ddsFontSizeX125: "1.25rem";
+    ddsFontSizeX125NumberRem: 1.25;
+    ddsFontSizeX1125: "1.125rem";
+    ddsFontSizeX1125NumberRem: 1.125;
+    ddsFontSizeX1: "1rem";
+    ddsFontSizeX1NumberRem: 1;
+    ddsFontSizeX0875: "0.875rem";
+    ddsFontSizeX0875NumberRem: 0.875;
+    ddsFontSizeX075: "0.75rem";
+    ddsFontSizeX075NumberRem: 0.75;
+    ddsFontWeightLight: "300";
+    ddsFontWeightNormal: "400";
+    ddsFontWeightBold: "600";
+    ddsFontLineheightX1: 1.5;
+    ddsFontLineheightX2: 1.35;
+    ddsFontLineheightX3: 1.2;
+    ddsFontLineheightList: 2.5;
+    ddsFontLetterSpacingTight: "-0.01em";
+    ddsFontLetterSpacingTightNumberEm: -0.01;
+    ddsFontLetterSpacingNormal: "0em";
+    ddsFontLetterSpacingNormalNumberEm: 0;
+    ddsFontLetterSpacingLoose: "0.01em";
+    ddsFontLetterSpacingLooseNumberEm: 0.01;
+    ddsFontParagraphSpacingSmall: "1em";
+    ddsFontParagraphSpacingSmallNumberEm: 1;
+    ddsFontParagraphSpacingMedium: "0.66em";
+    ddsFontParagraphSpacingMediumNumberEm: 0.66;
+    ddsFontParagraphSpacingLarge: "0.5em";
+    ddsFontParagraphSpacingLargeNumberEm: 0.5;
+    ddsFontParagraphSpacingHeading: "0.4em";
+    ddsFontParagraphSpacingHeadingNumberEm: 0.4;
+    ddsFontSupportingStyleLabel01: "600 0.875rem/1.5 'IBM Plex Sans'";
+    ddsFontSupportingStyleHelpertext01: "400 0.75rem/1.5 'IBM Plex Sans'";
+    ddsFontSupportingStylePlaceholdertext01: "400 1rem/1.5 'IBM Plex Sans'";
+    ddsFontSupportingStylePlaceholdertext02: "400 0.875rem/1.5 'IBM Plex Sans'";
+    ddsFontSupportingStylePlaceholdertext03: "400 0.75rem/1.5 'IBM Plex Sans'";
+    ddsFontSupportingStyleTiny01: "400 0.75rem/1.5 'IBM Plex Sans'";
+    ddsFontSupportingStyleTiny02: "300 0.75rem/1.5 'IBM Plex Sans'";
+    ddsFontBodySans01: "400 0.875rem/1.5 'IBM Plex Sans'";
+    ddsFontBodySans02: "400 1rem/1.5 'IBM Plex Sans'";
+    ddsFontBodySans03: "400 1.125rem/1.5 'IBM Plex Sans'";
+    ddsFontBodySans04: "400 1.25rem/1.5 'IBM Plex Sans'";
+    ddsFontHeadingSans01: "600 1rem/1.5 'IBM Plex Sans'";
+    ddsFontHeadingSans02: "600 1.125rem/1.35 'IBM Plex Sans'";
+    ddsFontHeadingSans03: "400 1.5rem/1.35 'IBM Plex Sans'";
+    ddsFontHeadingSans04: "400 2rem/1.35 'IBM Plex Sans'";
+    ddsFontHeadingSans05: "300 2.5rem/1.35 'IBM Plex Sans'";
+    ddsFontHeadingSans06: "300 3rem/1.2 'IBM Plex Sans'";
+    ddsFontHeadingSans07: "300 4rem/1.2 'IBM Plex Sans'";
+    ddsFontHeadingSans08: "300 5rem/1.2 'IBM Plex Sans'";
+    ddsFontLeadSans01: "600 1.125rem/1.5 'IBM Plex Sans'";
+    ddsFontLeadSans02: "600 1.5rem/1.35 'IBM Plex Sans'";
+    ddsFontLeadSans03: "300 1.5rem/1.35 'IBM Plex Sans'";
+    ddsFontLeadSans04: "300 2rem/1.35 'IBM Plex Sans'";
+    ddsFontLeadSans05: "300 2.5rem/1.35 'IBM Plex Sans'";
+    ddsFontCodeMonospace02: "400 1rem/1.5 'IBM Plex Mono'";
+    ddsFontStyleUnderline: "underline";
+    ddsFontStyleNormal: "none";
+    ddsFontStyleItalic: "italic";
+    ddsIconSizeLarge: "40px";
+    ddsIconSizeLargeNumberPx: 40;
+    ddsIconSizeMedium: "24px";
+    ddsIconSizeMediumNumberPx: 24;
+    ddsIconSizeSmall: "16px";
+    ddsIconSizeSmallNumberPx: 16;
+    ddsGridXsCount: "4";
+    ddsGridXsGutterSize: "16px";
+    ddsGridXsGutterSizeNumberPx: 16;
+    ddsGridSmCount: "8";
+    ddsGridSmGutterSize: "16px";
+    ddsGridSmGutterSizeNumberPx: 16;
+    ddsGridLgCount: "12";
+    ddsGridLgGutterSize: "24px";
+    ddsGridLgGutterSizeNumberPx: 24;
+    ddsGridMdCount: "12";
+    ddsGridMdGutterSize: "24px";
+    ddsGridMdGutterSizeNumberPx: 24;
+    ddsGridXlCount: "12";
+    ddsGridXlGutterSize: "24px";
+    ddsGridXlGutterSizeNumberPx: 24;
+    ddsBreakpointXs: "1px";
+    ddsBreakpointXsNumberPx: 1;
+    ddsBreakpointSm: "600px";
+    ddsBreakpointSmNumberPx: 600;
+    ddsBreakpointMd: "960px";
+    ddsBreakpointMdNumberPx: 960;
+    ddsBreakpointLg: "1280px";
+    ddsBreakpointLgNumberPx: 1280;
+    ddsBreakpointXl: "1920px";
+    ddsBreakpointXlNumberPx: 1920;
+    ddsFontSupportingStyleLabel01LetterSpacing: "0.01em";
+    ddsFontSupportingStyleLabel01LetterSpacingNumberEm: 0.01;
+    ddsFontSupportingStyleLabel01ParagraphSpacing: "1em";
+    ddsFontSupportingStyleLabel01ParagraphSpacingNumberEm: 1;
+    ddsFontSupportingStyleHelpertext01LetterSpacing: "0.01em";
+    ddsFontSupportingStyleHelpertext01LetterSpacingNumberEm: 0.01;
+    ddsFontSupportingStyleHelpertext01ParagraphSpacing: "1em";
+    ddsFontSupportingStyleHelpertext01ParagraphSpacingNumberEm: 1;
+    ddsFontSupportingStylePlaceholdertext01LetterSpacing: "0em";
+    ddsFontSupportingStylePlaceholdertext01LetterSpacingNumberEm: 0;
+    ddsFontSupportingStylePlaceholdertext01ParagraphSpacing: "1em";
+    ddsFontSupportingStylePlaceholdertext01ParagraphSpacingNumberEm: 1;
+    ddsFontSupportingStylePlaceholdertext01FontStyle: "italic";
+    ddsFontSupportingStylePlaceholdertext02LetterSpacing: "0.01em";
+    ddsFontSupportingStylePlaceholdertext02LetterSpacingNumberEm: 0.01;
+    ddsFontSupportingStylePlaceholdertext02ParagraphSpacing: "1em";
+    ddsFontSupportingStylePlaceholdertext02ParagraphSpacingNumberEm: 1;
+    ddsFontSupportingStylePlaceholdertext02FontStyle: "italic";
+    ddsFontSupportingStylePlaceholdertext03LetterSpacing: "0.01em";
+    ddsFontSupportingStylePlaceholdertext03LetterSpacingNumberEm: 0.01;
+    ddsFontSupportingStylePlaceholdertext03ParagraphSpacing: "1em";
+    ddsFontSupportingStylePlaceholdertext03ParagraphSpacingNumberEm: 1;
+    ddsFontSupportingStylePlaceholdertext03FontStyle: "italic";
+    ddsFontSupportingStyleTiny01LetterSpacing: "0.01em";
+    ddsFontSupportingStyleTiny01LetterSpacingNumberEm: 0.01;
+    ddsFontSupportingStyleTiny01ParagraphSpacing: "1em";
+    ddsFontSupportingStyleTiny01ParagraphSpacingNumberEm: 1;
+    ddsFontSupportingStyleTiny02LetterSpacing: "0.01em";
+    ddsFontSupportingStyleTiny02LetterSpacingNumberEm: 0.01;
+    ddsFontSupportingStyleTiny02ParagraphSpacing: "1em";
+    ddsFontSupportingStyleTiny02ParagraphSpacingNumberEm: 1;
+    ddsFontBodySans01LetterSpacing: "0.01em";
+    ddsFontBodySans01LetterSpacingNumberEm: 0.01;
+    ddsFontBodySans01ParagraphSpacing: "1em";
+    ddsFontBodySans01ParagraphSpacingNumberEm: 1;
+    ddsFontBodySans02LetterSpacing: "0em";
+    ddsFontBodySans02LetterSpacingNumberEm: 0;
+    ddsFontBodySans02ParagraphSpacing: "1em";
+    ddsFontBodySans02ParagraphSpacingNumberEm: 1;
+    ddsFontBodySans03LetterSpacing: "0em";
+    ddsFontBodySans03LetterSpacingNumberEm: 0;
+    ddsFontBodySans03ParagraphSpacing: "1em";
+    ddsFontBodySans03ParagraphSpacingNumberEm: 1;
+    ddsFontBodySans04LetterSpacing: "0em";
+    ddsFontBodySans04LetterSpacingNumberEm: 0;
+    ddsFontBodySans04ParagraphSpacing: "1em";
+    ddsFontBodySans04ParagraphSpacingNumberEm: 1;
+    ddsFontHeadingSans01LetterSpacing: "0em";
+    ddsFontHeadingSans01LetterSpacingNumberEm: 0;
+    ddsFontHeadingSans01ParagraphSpacing: "0.4em";
+    ddsFontHeadingSans01ParagraphSpacingNumberEm: 0.4;
+    ddsFontHeadingSans02LetterSpacing: "0em";
+    ddsFontHeadingSans02LetterSpacingNumberEm: 0;
+    ddsFontHeadingSans02ParagraphSpacing: "0.4em";
+    ddsFontHeadingSans02ParagraphSpacingNumberEm: 0.4;
+    ddsFontHeadingSans03LetterSpacing: "0em";
+    ddsFontHeadingSans03LetterSpacingNumberEm: 0;
+    ddsFontHeadingSans03ParagraphSpacing: "0.4em";
+    ddsFontHeadingSans03ParagraphSpacingNumberEm: 0.4;
+    ddsFontHeadingSans04LetterSpacing: "0em";
+    ddsFontHeadingSans04LetterSpacingNumberEm: 0;
+    ddsFontHeadingSans04ParagraphSpacing: "0.4em";
+    ddsFontHeadingSans04ParagraphSpacingNumberEm: 0.4;
+    ddsFontHeadingSans05LetterSpacing: "-0.01em";
+    ddsFontHeadingSans05LetterSpacingNumberEm: -0.01;
+    ddsFontHeadingSans05ParagraphSpacing: "0.4em";
+    ddsFontHeadingSans05ParagraphSpacingNumberEm: 0.4;
+    ddsFontHeadingSans06LetterSpacing: "-0.01em";
+    ddsFontHeadingSans06LetterSpacingNumberEm: -0.01;
+    ddsFontHeadingSans06ParagraphSpacing: "0.4em";
+    ddsFontHeadingSans06ParagraphSpacingNumberEm: 0.4;
+    ddsFontHeadingSans07LetterSpacing: "-0.01em";
+    ddsFontHeadingSans07LetterSpacingNumberEm: -0.01;
+    ddsFontHeadingSans07ParagraphSpacing: "0.4em";
+    ddsFontHeadingSans07ParagraphSpacingNumberEm: 0.4;
+    ddsFontHeadingSans08LetterSpacing: "-0.01em";
+    ddsFontHeadingSans08LetterSpacingNumberEm: -0.01;
+    ddsFontHeadingSans08ParagraphSpacing: "0.4em";
+    ddsFontHeadingSans08ParagraphSpacingNumberEm: 0.4;
+    ddsFontLeadSans01LetterSpacing: "0em";
+    ddsFontLeadSans01LetterSpacingNumberEm: 0;
+    ddsFontLeadSans01ParagraphSpacing: "1em";
+    ddsFontLeadSans01ParagraphSpacingNumberEm: 1;
+    ddsFontLeadSans02LetterSpacing: "0em";
+    ddsFontLeadSans02LetterSpacingNumberEm: 0;
+    ddsFontLeadSans02ParagraphSpacing: "0.66em";
+    ddsFontLeadSans02ParagraphSpacingNumberEm: 0.66;
+    ddsFontLeadSans03LetterSpacing: "0em";
+    ddsFontLeadSans03LetterSpacingNumberEm: 0;
+    ddsFontLeadSans03ParagraphSpacing: "0.66em";
+    ddsFontLeadSans03ParagraphSpacingNumberEm: 0.66;
+    ddsFontLeadSans04LetterSpacing: "0em";
+    ddsFontLeadSans04LetterSpacingNumberEm: 0;
+    ddsFontLeadSans04ParagraphSpacing: "0.66em";
+    ddsFontLeadSans04ParagraphSpacingNumberEm: 0.66;
+    ddsFontLeadSans05LetterSpacing: "-0.01em";
+    ddsFontLeadSans05LetterSpacingNumberEm: -0.01;
+    ddsFontLeadSans05ParagraphSpacing: "0.66em";
+    ddsFontLeadSans05ParagraphSpacingNumberEm: 0.66;
+    ddsFontCodeMonospace02LetterSpacing: "0em";
+    ddsFontCodeMonospace02LetterSpacingNumberEm: 0;
+    ddsFontCodeMonospace02ParagraphSpacing: "1em";
+    ddsFontCodeMonospace02ParagraphSpacingNumberEm: 1;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-design-tokens",
-  "version": "5.0.0",
+  "version": "6.0.0",
   "description": "Design tokens used in Domstolenes designsystem",
   "author": "DDS team",
   "license": "MIT",
@@ -15,6 +15,7 @@
   "main": "dist/cjs/index.js",
   "module": "dist/index.js",
   "types": "dist/src/index.d.ts",
+  "type": "module",
   "files": [
     "dist"
   ],
@@ -30,17 +31,18 @@
     "elsa"
   ],
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.8",
+    "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@types/node": "^20.14.1",
+    "@types/node": "^22.4.1",
+    "@tokens-studio/sd-transforms": "^1.2.3",
     "fork-ts-checker-webpack-plugin": "^9.0.2",
     "rollup": "^3.29.4",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-sass": "^1.12.22",
+    "rollup-plugin-sass": "^1.13.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "style-dictionary": "^3.9.2",
-    "typescript": "^5.4.5"
+    "style-dictionary": "^4.0.1",
+    "typescript": "^5.5.4"
   },
   "publishConfig": {
     "provenance": true

package/dist/cjs/dds/build/js/borderRadius.d.ts

@@ -1,10 +0,0 @@
-export declare const DdsBorderRadius0 = "0px";
-export declare const DdsBorderRadius0NumberPx = 0;
-export declare const DdsBorderRadius1 = "2px";
-export declare const DdsBorderRadius1NumberPx = 2;
-export declare const DdsBorderRadius2 = "4px";
-export declare const DdsBorderRadius2NumberPx = 4;
-export declare const DdsBorderRadius3 = "8px";
-export declare const DdsBorderRadius3NumberPx = 8;
-export declare const DdsBorderRadius100 = "9999px";
-export declare const DdsBorderRadius100NumberPx = 9999;

package/dist/cjs/dds/build/js/breakpoints.d.ts

@@ -1,10 +0,0 @@
-export declare const DdsBreakpointXs = "1px";
-export declare const DdsBreakpointXsNumberPx = 1;
-export declare const DdsBreakpointSm = "600px";
-export declare const DdsBreakpointSmNumberPx = 600;
-export declare const DdsBreakpointMd = "960px";
-export declare const DdsBreakpointMdNumberPx = 960;
-export declare const DdsBreakpointLg = "1280px";
-export declare const DdsBreakpointLgNumberPx = 1280;
-export declare const DdsBreakpointXl = "1920px";
-export declare const DdsBreakpointXlNumberPx = 1920;

package/dist/cjs/dds/build/js/colors.d.ts

@@ -1,155 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Mon, 10 Jun 2024 11:27:50 GMT
- */
-export declare const DdsColorPrimaryLightest = "#eaeff4";
-export declare const DdsColorPrimaryLighter = "#acbbc6";
-export declare const DdsColorPrimaryLight = "#4f6a7e";
-export declare const DdsColorPrimaryBase = "#354754";
-export declare const DdsColorPrimaryDark = "#313d45";
-export declare const DdsColorPrimaryDarker = "#202b32";
-export declare const DdsColorPrimaryDarkest = "#151c22";
-export declare const DdsColorNeutralsWhite = "#ffffff";
-export declare const DdsColorNeutralsGray1 = "#f8f9f9";
-export declare const DdsColorNeutralsGray2 = "#ebecee";
-export declare const DdsColorNeutralsGray3 = "#cfd4d7";
-export declare const DdsColorNeutralsGray4 = "#adb5ba";
-export declare const DdsColorNeutralsGray5 = "#77838c";
-export declare const DdsColorNeutralsGray6 = "#545c62";
-export declare const DdsColorNeutralsGray7 = "#3a4146";
-export declare const DdsColorNeutralsGray8 = "#22272a";
-export declare const DdsColorNeutralsGray9 = "#0b0d0e";
-export declare const DdsColorInteractiveLightest = "#e7f1f7";
-export declare const DdsColorInteractiveLighter = "#9fc5de";
-export declare const DdsColorInteractiveLight = "#589ac6";
-export declare const DdsColorInteractiveBase = "#106ead";
-export declare const DdsColorInteractiveDark = "#0d588a";
-export declare const DdsColorInteractiveDarker = "#0a4268";
-export declare const DdsColorInteractiveDarkest = "#062c45";
-export declare const DdsColorSecondaryLightest = "#e6eded";
-export declare const DdsColorSecondaryLighter = "#cddbdb";
-export declare const DdsColorSecondaryLight = "#b8cdcd";
-export declare const DdsColorSecondaryBase = "#9ab8b7";
-export declare const DdsColorSecondaryDark = "#7b9392";
-export declare const DdsColorSecondaryDarker = "#4d6463";
-export declare const DdsColorSecondaryDarkest = "#3e4a49";
-export declare const DdsColorTertiaryLightest = "#ffe6df";
-export declare const DdsColorTertiaryLighter = "#ffd6ca";
-export declare const DdsColorTertiaryLight = "#f6c1b1";
-export declare const DdsColorTertiaryBase = "#f2a68f";
-export declare const DdsColorTertiaryDark = "#f59877";
-export declare const DdsColorTertiaryDarker = "#f27e55";
-export declare const DdsColorTertiaryDarkest = "#c26544";
-export declare const DdsColorSuccessLightest = "#f0f9f0";
-export declare const DdsColorSuccessLighter = "#c1e5c2";
-export declare const DdsColorSuccessLight = "#93d294";
-export declare const DdsColorSuccessBase = "#65be66";
-export declare const DdsColorSuccessDark = "#519852";
-export declare const DdsColorSuccessDarker = "#3d723d";
-export declare const DdsColorSuccessDarkest = "#284c29";
-export declare const DdsColorDangerLightest = "#fbebeb";
-export declare const DdsColorDangerLighter = "#efafaf";
-export declare const DdsColorDangerLight = "#e47373";
-export declare const DdsColorDangerBase = "#d83737";
-export declare const DdsColorDangerDark = "#ad2c2c";
-export declare const DdsColorDangerDarker = "#822121";
-export declare const DdsColorDangerDarkest = "#561616";
-export declare const DdsColorWarningLightest = "#fefced";
-export declare const DdsColorWarningLighter = "#fbf3b8";
-export declare const DdsColorWarningLight = "#f7e982";
-export declare const DdsColorWarningBase = "#f4e04d";
-export declare const DdsColorWarningDark = "#c3b33e";
-export declare const DdsColorWarningDarker = "#92862e";
-export declare const DdsColorWarningDarkest = "#625a1f";
-export declare const DdsColorInfoLightest = "#f1f8fd";
-export declare const DdsColorInfoLighter = "#c8e3f5";
-export declare const DdsColorInfoLight = "#9eceee";
-export declare const DdsColorInfoBase = "#75b9e6";
-export declare const DdsColorInfoDark = "#5e94b8";
-export declare const DdsColorInfoDarker = "#466f8a";
-export declare const DdsColorInfoDarkest = "#2f4a5c";
-export declare const DdsColorVisitedBase = "#7F29B4";
-export declare const DdsColorVisitedLighter = "#CCA9E1";
-export declare const DdsColorBgDefault = "#ffffff";
-export declare const DdsColorBgSubtle = "#f8f9f9";
-export declare const DdsColorSurfaceDefault = "#ffffff";
-export declare const DdsColorSurfaceSubtle = "#f8f9f9";
-export declare const DdsColorSurfaceMedium = "#ebecee";
-export declare const DdsColorSurfaceHoverDefault = "#e7f1f7";
-export declare const DdsColorSurfaceHoverSubtle = "#f8f9f9";
-export declare const DdsColorSurfaceSelectedDefault = "#e7f1f7";
-export declare const DdsColorSurfaceInverseDefault = "#354754";
-export declare const DdsColorSurfaceInverseHover = "#313d45";
-export declare const DdsColorSurfaceInverseSelected = "#202b32";
-export declare const DdsColorSurfaceActionResting = "#106ead";
-export declare const DdsColorSurfaceActionHover = "#0d588a";
-export declare const DdsColorSurfaceActionSelected = "#106ead";
-export declare const DdsColorSurfaceActionDangerResting = "#d83737";
-export declare const DdsColorSurfaceActionDangerHover = "#ad2c2c";
-export declare const DdsColorSurfaceActionSelectedDisabled = "#77838c";
-export declare const DdsColorSurfaceDangerDefault = "#fbebeb";
-export declare const DdsColorSurfaceDangerStrong = "#e47373";
-export declare const DdsColorSurfaceSuccessDefault = "#f0f9f0";
-export declare const DdsColorSurfaceSuccessStrong = "#93d294";
-export declare const DdsColorSurfaceWarningDefault = "#fefced";
-export declare const DdsColorSurfaceWarningStrong = "#f7e982";
-export declare const DdsColorSurfaceInfoDefault = "#f1f8fd";
-export declare const DdsColorSurfaceInfoStrong = "#9eceee";
-export declare const DdsColorSurfacePaperDefault = "#ffffff";
-export declare const DdsColorSurfaceBackdropDefault = "#0b0d0e80";
-export declare const DdsColorSurfaceFieldDefault = "#ffffff";
-export declare const DdsColorSurfaceFieldDisabled = "#f8f9f9";
-export declare const DdsColorSurfaceHighlightedDefault = "#ffe6df";
-export declare const DdsColorSurfaceScrollbar = "#adb5ba";
-export declare const DdsColorSurfaceNotification = "#d83737";
-export declare const DdsColorBorderDefault = "#77838c";
-export declare const DdsColorBorderSubtle = "#cfd4d7";
-export declare const DdsColorBorderInverse = "#acbbc6";
-export declare const DdsColorBorderActionDefault = "#106ead";
-export declare const DdsColorBorderActionHover = "#0d588a";
-export declare const DdsColorBorderSuccess = "#65be66";
-export declare const DdsColorBorderWarning = "#f4e04d";
-export declare const DdsColorBorderDanger = "#d83737";
-export declare const DdsColorBorderInfo = "#75b9e6";
-export declare const DdsColorBorderOnAction = "#ffffff";
-export declare const DdsColorTextDefault = "#0b0d0e";
-export declare const DdsColorTextMedium = "#3a4146";
-export declare const DdsColorTextSubtle = "#545c62";
-export declare const DdsColorTextOnInverse = "#ffffff";
-export declare const DdsColorTextOnAction = "#ffffff";
-export declare const DdsColorTextOnStatusDefault = "#0b0d0e";
-export declare const DdsColorTextOnStatusStrong = "#0b0d0e";
-export declare const DdsColorTextActionResting = "#106ead";
-export declare const DdsColorTextActionHover = "#0d588a";
-export declare const DdsColorTextRequiredfield = "#d83737";
-export declare const DdsColorTextActionVisited = "#7F29B4";
-export declare const DdsColorTextOnNotification = "#ffffff";
-export declare const DdsColorIconDefault = "#0b0d0e";
-export declare const DdsColorIconMedium = "#3a4146";
-export declare const DdsColorIconSubtle = "#545c62";
-export declare const DdsColorIconOnInverse = "#ffffff";
-export declare const DdsColorIconOnAction = "#ffffff";
-export declare const DdsColorIconActionResting = "#106ead";
-export declare const DdsColorIconActionHover = "#0d588a";
-export declare const DdsColorIconOnSuccessDefault = "#3d723d";
-export declare const DdsColorIconOnSuccessStrong = "#0b0d0e";
-export declare const DdsColorIconOnWarningDefault = "#92862e";
-export declare const DdsColorIconOnWarningStrong = "#0b0d0e";
-export declare const DdsColorIconOnDangerDefault = "#ad2c2c";
-export declare const DdsColorIconOnDangerStrong = "#0b0d0e";
-export declare const DdsColorIconOnInfoDefault = "#466f8a";
-export declare const DdsColorIconOnInfoStrong = "#0b0d0e";
-export declare const DdsColorBrandPrimaryDefault = "#354754";
-export declare const DdsColorBrandPrimarySubtle = "#eaeff4";
-export declare const DdsColorBrandPrimaryMedium = "#acbbc6";
-export declare const DdsColorBrandPrimaryStrong = "#202b32";
-export declare const DdsColorBrandSecondaryDefault = "#9ab8b7";
-export declare const DdsColorBrandSecondarySubtle = "#e6eded";
-export declare const DdsColorBrandSecondaryMedium = "#b8cdcd";
-export declare const DdsColorBrandSecondaryStrong = "#4d6463";
-export declare const DdsColorBrandTertiaryDefault = "#f2a68f";
-export declare const DdsColorBrandTertiarySubtle = "#ffe6df";
-export declare const DdsColorBrandTertiaryMedium = "#f6c1b1";
-export declare const DdsColorBrandTertiaryStrong = "#f27e55";
-export declare const DdsColorFocusOutside = "#2f4a5c";
-export declare const DdsColorFocusInside = "#f1f8fd";