@norges-domstoler/dds-design-tokens 6.0.1 → 7.1.0

package/dist/dds/build/js/Core/ddsTokens.d.ts

@@ -0,0 +1,277 @@
+export declare const ddsFontFamilySans = "'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontFamilyMonospace = "'IBM Plex Mono', 'Courier New', monospace";
+export declare const ddsFontSizeX5 = "5rem";
+export declare const ddsFontSizeX5NumberRem = 5;
+export declare const ddsFontSizeX4 = "4rem";
+export declare const ddsFontSizeX4NumberRem = 4;
+export declare const ddsFontSizeX3 = "3rem";
+export declare const ddsFontSizeX3NumberRem = 3;
+export declare const ddsFontSizeX25 = "2.5rem";
+export declare const ddsFontSizeX25NumberRem = 2.5;
+export declare const ddsFontSizeX2 = "2rem";
+export declare const ddsFontSizeX2NumberRem = 2;
+export declare const ddsFontSizeX15 = "1.5rem";
+export declare const ddsFontSizeX15NumberRem = 1.5;
+export declare const ddsFontSizeX125 = "1.25rem";
+export declare const ddsFontSizeX125NumberRem = 1.25;
+export declare const ddsFontSizeX1125 = "1.125rem";
+export declare const ddsFontSizeX1125NumberRem = 1.125;
+export declare const ddsFontSizeX1 = "1rem";
+export declare const ddsFontSizeX1NumberRem = 1;
+export declare const ddsFontSizeX0875 = "0.875rem";
+export declare const ddsFontSizeX0875NumberRem = 0.875;
+export declare const ddsFontSizeX075 = "0.75rem";
+export declare const ddsFontSizeX075NumberRem = 0.75;
+export declare const ddsFontSizeXxlarge = "3rem";
+export declare const ddsFontSizeXxlargeNumberRem = 3;
+export declare const ddsFontSizeXlarge = "2rem";
+export declare const ddsFontSizeXlargeNumberRem = 2;
+export declare const ddsFontSizeLarge = "1.5rem";
+export declare const ddsFontSizeLargeNumberRem = 1.5;
+export declare const ddsFontSizeMedium = "1.25rem";
+export declare const ddsFontSizeMediumNumberRem = 1.25;
+export declare const ddsFontSizeSmall = "1.125rem";
+export declare const ddsFontSizeSmallNumberRem = 1.125;
+export declare const ddsFontSizeXsmall = "1rem";
+export declare const ddsFontSizeXsmallNumberRem = 1;
+export declare const ddsFontSizeXxsmall = "0.875rem";
+export declare const ddsFontSizeXxsmallNumberRem = 0.875;
+export declare const ddsFontSizeXxxsmall = "0.75rem";
+export declare const ddsFontSizeXxxsmallNumberRem = 0.75;
+export declare const ddsFontWeightLight = "300";
+export declare const ddsFontWeightNormal = "400";
+export declare const ddsFontWeightBold = "600";
+export declare const ddsFontLineheightX1 = 1.5;
+export declare const ddsFontLineheightX2 = 1.35;
+export declare const ddsFontLineheightX3 = 1.2;
+export declare const ddsFontLineheightList = 2.5;
+export declare const ddsFontLetterSpacingTight = "-0.01em";
+export declare const ddsFontLetterSpacingNormal = "0em";
+export declare const ddsFontLetterSpacingLoose = "0.01em";
+export declare const ddsFontParagraphSpacingSmall = "1em";
+export declare const ddsFontParagraphSpacingSmallNumberEm = 1;
+export declare const ddsFontParagraphSpacingMedium = "0.66em";
+export declare const ddsFontParagraphSpacingMediumNumberEm = 0.66;
+export declare const ddsFontParagraphSpacingLarge = "0.5em";
+export declare const ddsFontParagraphSpacingLargeNumberEm = 0.5;
+export declare const ddsFontParagraphSpacingHeading = "0.4em";
+export declare const ddsFontParagraphSpacingHeadingNumberEm = 0.4;
+export declare const ddsFontStyleUnderline = "underline";
+export declare const ddsFontStyleNormal = "none";
+export declare const ddsFontStyleItalic = "italic";
+export declare const ddsSpacingPaddingTopHeading = "0.7em";
+export declare const ddsSpacingPaddingTopHeadingNumberEm = 0.7;
+export declare const ddsSpacingX0 = "0rem";
+export declare const ddsSpacingX0NumberRem = 0;
+export declare const ddsSpacingX0125 = "0.125rem";
+export declare const ddsSpacingX0125NumberRem = 0.125;
+export declare const ddsSpacingX025 = "0.25rem";
+export declare const ddsSpacingX025NumberRem = 0.25;
+export declare const ddsSpacingX05 = "0.5rem";
+export declare const ddsSpacingX05NumberRem = 0.5;
+export declare const ddsSpacingX075 = "0.75rem";
+export declare const ddsSpacingX075NumberRem = 0.75;
+export declare const ddsSpacingX1 = "1rem";
+export declare const ddsSpacingX1NumberRem = 1;
+export declare const ddsSpacingX15 = "1.5rem";
+export declare const ddsSpacingX15NumberRem = 1.5;
+export declare const ddsSpacingX2 = "2rem";
+export declare const ddsSpacingX2NumberRem = 2;
+export declare const ddsSpacingX25 = "2.5rem";
+export declare const ddsSpacingX25NumberRem = 2.5;
+export declare const ddsSpacingX3 = "3rem";
+export declare const ddsSpacingX3NumberRem = 3;
+export declare const ddsSpacingX4 = "4rem";
+export declare const ddsSpacingX4NumberRem = 4;
+export declare const ddsSpacingX6 = "6rem";
+export declare const ddsSpacingX6NumberRem = 6;
+export declare const ddsSpacingX10 = "10rem";
+export declare const ddsSpacingX10NumberRem = 10;
+export declare const ddsShadow1 = "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
+export declare const ddsShadow2 = "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
+export declare const ddsShadow3 = "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
+export declare const ddsShadow4 = "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
+export declare const ddsGridXsGutterSize = "16px";
+export declare const ddsGridXsGutterSizeNumberPx = 16;
+export declare const ddsGridXsCount = "4";
+export declare const ddsGridSmGutterSize = "16px";
+export declare const ddsGridSmGutterSizeNumberPx = 16;
+export declare const ddsGridSmCount = "8";
+export declare const ddsGridLgGutterSize = "24px";
+export declare const ddsGridLgGutterSizeNumberPx = 24;
+export declare const ddsGridLgCount = "12";
+export declare const ddsGridMdGutterSize = "24px";
+export declare const ddsGridMdGutterSizeNumberPx = 24;
+export declare const ddsGridMdCount = "12";
+export declare const ddsGridXlGutterSize = "24px";
+export declare const ddsGridXlGutterSizeNumberPx = 24;
+export declare const ddsGridXlCount = "12";
+export declare const ddsIconSizeLarge = "40px";
+export declare const ddsIconSizeLargeNumberPx = 40;
+export declare const ddsIconSizeMedium = "24px";
+export declare const ddsIconSizeMediumNumberPx = 24;
+export declare const ddsIconSizeSmall = "16px";
+export declare const ddsIconSizeSmallNumberPx = 16;
+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;
+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 ddsColorSurfaceSkeleton = "#cfd4d7";
+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 ddsColorTextActionVisitedOnInverse = "#cca9e1";
+export declare const ddsColorTextOnNotification = "#ffffff";
+export declare const ddsColorTextDanger = "#ad2c2c";
+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 ddsColorIconDanger = "#ad2c2c";
+export declare const ddsColorBrandPrimaryDefault = "#354754";
+export declare const ddsColorBrandPrimarySubtle = "#eaeff4";
+export declare const ddsColorBrandPrimaryMedium = "#4f6a7e";
+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";
+export declare const ddsFontLabelMedium = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontBodyXsmall = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontBodySmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontBodyMedium = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontBodyLarge = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingXxsmall = "600 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingXsmall = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingSmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingMedium = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingLarge = "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingXlarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingXxlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontLeadMedium = "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontCodeMedium = "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
+export declare const ddsBorderRadiusButton = "2px";
+export declare const ddsBorderRadiusButtonNumberPx = 2;
+export declare const ddsBorderRadiusSurface = "4px";
+export declare const ddsBorderRadiusSurfaceNumberPx = 4;
+export declare const ddsBorderRadiusInput = "2px";
+export declare const ddsBorderRadiusInputNumberPx = 2;
+export declare const ddsBorderRadiusChip = "4px";
+export declare const ddsBorderRadiusChipNumberPx = 4;
+export declare const ddsBorderRadiusRounded = "9999px";
+export declare const ddsBorderRadiusRoundedNumberPx = 9999;
+export declare const ddsFontHeadingXxlargeLetterSpacing = "-0.01em";
+export declare const ddsFontHeadingXxlargeParagraphSpacing = "0.4em";
+export declare const ddsFontHeadingXxlargeParagraphSpacingNumberEm = 0.4;
+export declare const ddsFontHeadingXlargeLetterSpacing = "0em";
+export declare const ddsFontHeadingXlargeParagraphSpacing = "0.4em";
+export declare const ddsFontHeadingXlargeParagraphSpacingNumberEm = 0.4;
+export declare const ddsFontHeadingLargeLetterSpacing = "0em";
+export declare const ddsFontHeadingLargeParagraphSpacing = "0.4em";
+export declare const ddsFontHeadingLargeParagraphSpacingNumberEm = 0.4;
+export declare const ddsFontHeadingMediumLetterSpacing = "0em";
+export declare const ddsFontHeadingMediumParagraphSpacing = "0.4em";
+export declare const ddsFontHeadingMediumParagraphSpacingNumberEm = 0.4;
+export declare const ddsFontHeadingSmallLetterSpacing = "0em";
+export declare const ddsFontHeadingSmallParagraphSpacing = "0.4em";
+export declare const ddsFontHeadingSmallParagraphSpacingNumberEm = 0.4;
+export declare const ddsFontHeadingXsmallLetterSpacing = "0.01em";
+export declare const ddsFontHeadingXsmallParagraphSpacing = "0.4em";
+export declare const ddsFontHeadingXsmallParagraphSpacingNumberEm = 0.4;
+export declare const ddsFontHeadingXxsmallLetterSpacing = "0.01em";
+export declare const ddsFontHeadingXxsmallParagraphSpacing = "0.4em";
+export declare const ddsFontHeadingXxsmallParagraphSpacingNumberEm = 0.4;
+export declare const ddsFontBodyLargeLetterSpacing = "0em";
+export declare const ddsFontBodyLargeParagraphSpacing = "1em";
+export declare const ddsFontBodyLargeParagraphSpacingNumberEm = 1;
+export declare const ddsFontBodyMediumLetterSpacing = "0em";
+export declare const ddsFontBodyMediumParagraphSpacing = "1em";
+export declare const ddsFontBodyMediumParagraphSpacingNumberEm = 1;
+export declare const ddsFontBodySmallLetterSpacing = "0.01em";
+export declare const ddsFontBodySmallParagraphSpacing = "1em";
+export declare const ddsFontBodySmallParagraphSpacingNumberEm = 1;
+export declare const ddsFontBodyXsmallLetterSpacing = "0.01em";
+export declare const ddsFontBodyXsmallParagraphSpacing = "1em";
+export declare const ddsFontBodyXsmallParagraphSpacingNumberEm = 1;
+export declare const ddsFontLeadMediumLetterSpacing = "0em";
+export declare const ddsFontLeadMediumParagraphSpacing = "1em";
+export declare const ddsFontLeadMediumParagraphSpacingNumberEm = 1;
+export declare const ddsFontCodeMediumLetterSpacing = "0em";
+export declare const ddsFontCodeMediumParagraphSpacing = "1em";
+export declare const ddsFontCodeMediumParagraphSpacingNumberEm = 1;
+export declare const ddsFontLabelMediumLetterSpacing = "0.01em";
+export declare const ddsFontLabelMediumParagraphSpacing = "1em";
+export declare const ddsFontLabelMediumParagraphSpacingNumberEm = 1;

package/dist/dds/build/js/Core/ddsTokens.js

@@ -0,0 +1,280 @@
+// Do not edit directly, this file was auto-generated.
+const ddsFontFamilySans = "'IBM Plex Sans', Arial, sans-serif";
+const ddsFontFamilyMonospace = "'IBM Plex Mono', 'Courier New', monospace"; // For kode
+const ddsFontSizeX5 = "5rem";
+const ddsFontSizeX5NumberRem = 5;
+const ddsFontSizeX4 = "4rem";
+const ddsFontSizeX4NumberRem = 4;
+const ddsFontSizeX3 = "3rem";
+const ddsFontSizeX3NumberRem = 3;
+const ddsFontSizeX25 = "2.5rem";
+const ddsFontSizeX25NumberRem = 2.5;
+const ddsFontSizeX2 = "2rem";
+const ddsFontSizeX2NumberRem = 2;
+const ddsFontSizeX15 = "1.5rem";
+const ddsFontSizeX15NumberRem = 1.5;
+const ddsFontSizeX125 = "1.25rem";
+const ddsFontSizeX125NumberRem = 1.25;
+const ddsFontSizeX1125 = "1.125rem";
+const ddsFontSizeX1125NumberRem = 1.125;
+const ddsFontSizeX1 = "1rem";
+const ddsFontSizeX1NumberRem = 1;
+const ddsFontSizeX0875 = "0.875rem";
+const ddsFontSizeX0875NumberRem = 0.875;
+const ddsFontSizeX075 = "0.75rem";
+const ddsFontSizeX075NumberRem = 0.75;
+const ddsFontSizeXxlarge = "3rem";
+const ddsFontSizeXxlargeNumberRem = 3;
+const ddsFontSizeXlarge = "2rem";
+const ddsFontSizeXlargeNumberRem = 2;
+const ddsFontSizeLarge = "1.5rem";
+const ddsFontSizeLargeNumberRem = 1.5;
+const ddsFontSizeMedium = "1.25rem";
+const ddsFontSizeMediumNumberRem = 1.25;
+const ddsFontSizeSmall = "1.125rem";
+const ddsFontSizeSmallNumberRem = 1.125;
+const ddsFontSizeXsmall = "1rem";
+const ddsFontSizeXsmallNumberRem = 1;
+const ddsFontSizeXxsmall = "0.875rem";
+const ddsFontSizeXxsmallNumberRem = 0.875;
+const ddsFontSizeXxxsmall = "0.75rem";
+const ddsFontSizeXxxsmallNumberRem = 0.75;
+const ddsFontWeightLight = "300";
+const ddsFontWeightNormal = "400";
+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 ddsFontLetterSpacingTight = "-0.01em"; // Brukes på str ×2.5 og større
+const ddsFontLetterSpacingNormal = "0em"; // Brukes på str ×1 og opp til og med ×2
+const ddsFontLetterSpacingLoose = "0.01em"; // Brukes på størrelser under ×1
+const ddsFontParagraphSpacingSmall = "1em";
+const ddsFontParagraphSpacingSmallNumberEm = 1; // Brukes på str ×1_25 og mindre 
+const ddsFontParagraphSpacingMedium = "0.66em";
+const ddsFontParagraphSpacingMediumNumberEm = 0.66; // Brukes på str x1.5, ×2 og ×3 
+const ddsFontParagraphSpacingLarge = "0.5em";
+const ddsFontParagraphSpacingLargeNumberEm = 0.5; // Brukes på str ×3 og større
+const ddsFontParagraphSpacingHeading = "0.4em";
+const ddsFontParagraphSpacingHeadingNumberEm = 0.4; // Brukes på på alle headere (bottom)
+const ddsFontStyleUnderline = "underline";
+const ddsFontStyleNormal = "none";
+const ddsFontStyleItalic = "italic";
+const ddsSpacingPaddingTopHeading = "0.7em";
+const ddsSpacingPaddingTopHeadingNumberEm = 0.7; // Ekstra spacing over dds-header. 70% av størrelsen på headeren
+const ddsSpacingX0 = "0rem";
+const ddsSpacingX0NumberRem = 0;
+const ddsSpacingX0125 = "0.125rem";
+const ddsSpacingX0125NumberRem = 0.125;
+const ddsSpacingX025 = "0.25rem";
+const ddsSpacingX025NumberRem = 0.25;
+const ddsSpacingX05 = "0.5rem";
+const ddsSpacingX05NumberRem = 0.5;
+const ddsSpacingX075 = "0.75rem";
+const ddsSpacingX075NumberRem = 0.75;
+const ddsSpacingX1 = "1rem";
+const ddsSpacingX1NumberRem = 1;
+const ddsSpacingX15 = "1.5rem";
+const ddsSpacingX15NumberRem = 1.5;
+const ddsSpacingX2 = "2rem";
+const ddsSpacingX2NumberRem = 2;
+const ddsSpacingX25 = "2.5rem";
+const ddsSpacingX25NumberRem = 2.5;
+const ddsSpacingX3 = "3rem";
+const ddsSpacingX3NumberRem = 3;
+const ddsSpacingX4 = "4rem";
+const ddsSpacingX4NumberRem = 4;
+const ddsSpacingX6 = "6rem";
+const ddsSpacingX6NumberRem = 6;
+const ddsSpacingX10 = "10rem";
+const ddsSpacingX10NumberRem = 10;
+const ddsShadow1 = "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
+const ddsShadow2 = "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
+const ddsShadow3 = "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
+const ddsShadow4 = "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
+const ddsGridXsGutterSize = "16px";
+const ddsGridXsGutterSizeNumberPx = 16;
+const ddsGridXsCount = "4";
+const ddsGridSmGutterSize = "16px";
+const ddsGridSmGutterSizeNumberPx = 16;
+const ddsGridSmCount = "8";
+const ddsGridLgGutterSize = "24px";
+const ddsGridLgGutterSizeNumberPx = 24;
+const ddsGridLgCount = "12";
+const ddsGridMdGutterSize = "24px";
+const ddsGridMdGutterSizeNumberPx = 24;
+const ddsGridMdCount = "12";
+const ddsGridXlGutterSize = "24px";
+const ddsGridXlGutterSizeNumberPx = 24;
+const ddsGridXlCount = "12";
+const ddsIconSizeLarge = "40px";
+const ddsIconSizeLargeNumberPx = 40;
+const ddsIconSizeMedium = "24px";
+const ddsIconSizeMediumNumberPx = 24;
+const ddsIconSizeSmall = "16px";
+const ddsIconSizeSmallNumberPx = 16;
+const ddsBreakpointXs = "1px";
+const ddsBreakpointXsNumberPx = 1;
+const ddsBreakpointSm = "600px";
+const ddsBreakpointSmNumberPx = 600;
+const ddsBreakpointMd = "960px";
+const ddsBreakpointMdNumberPx = 960;
+const ddsBreakpointLg = "1280px";
+const ddsBreakpointLgNumberPx = 1280;
+const ddsBreakpointXl = "1920px";
+const ddsBreakpointXlNumberPx = 1920;
+const ddsColorBgDefault = "#ffffff"; // UI shell base color
+const ddsColorBgSubtle = "#f8f9f9"; // Alternative UI shell base color
+const ddsColorSurfaceDefault = "#ffffff"; // Default bg
+const ddsColorSurfaceSubtle = "#f8f9f9"; // Subtle surface color
+const ddsColorSurfaceMedium = "#ebecee"; // Medium surface color
+const ddsColorSurfaceHoverDefault = "#e7f1f7"; // Hover on surface (default, subtle, medium)
+const ddsColorSurfaceHoverSubtle = "#f8f9f9"; // 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 ddsColorSurfaceInverseSelected = "#202b32"; // selected on surface.inverse
+const ddsColorSurfaceActionResting = "#106ead"; // Primary button bg
+const ddsColorSurfaceActionHover = "#0d588a"; // Hover on surface.action/selected
+const ddsColorSurfaceActionSelected = "#106ead"; // Selected state for components such as togglebutton, togglebar, progress tracker, checkbox etc
+const ddsColorSurfaceActionDangerResting = "#d83737"; // Danger button
+const ddsColorSurfaceActionDangerHover = "#ad2c2c"; // Hover on surface.action-danger
+const ddsColorSurfaceActionSelectedDisabled = "#77838c"; // bg on a selected disabled checkbox, radio etc
+const ddsColorSurfaceDangerDefault = "#fbebeb"; // tag, message, errormessage
+const ddsColorSurfaceDangerStrong = "#e47373"; // tag strong value
+const ddsColorSurfaceSuccessDefault = "#f0f9f0"; // tag, message
+const ddsColorSurfaceSuccessStrong = "#93d294"; // tag with strong value
+const ddsColorSurfaceWarningDefault = "#fefced"; // tag, message
+const ddsColorSurfaceWarningStrong = "#f7e982"; // tag strong value
+const ddsColorSurfaceInfoDefault = "#f1f8fd"; // tag, message
+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 ddsColorSurfaceScrollbar = "#adb5ba"; // Used for scrollbar
+const ddsColorSurfaceNotification = "#d83737"; // bg on a notification
+const ddsColorSurfaceSkeleton = "#cfd4d7"; // Used for skeleton
+const ddsColorBorderDefault = "#77838c"; // Form components, togglebutton, secondary button, checkbox etc
+const ddsColorBorderSubtle = "#cfd4d7"; // 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
+const ddsColorBorderSuccess = "#65be66"; // Used with tag-default
+const ddsColorBorderWarning = "#f4e04d"; // Tag.default
+const ddsColorBorderDanger = "#d83737"; // Tag.default, error message field
+const ddsColorBorderInfo = "#75b9e6"; // Tag.default
+const ddsColorBorderOnAction = "#ffffff"; // Used on primary split button
+const ddsColorTextDefault = "#0b0d0e"; // default text, heading, body. on surface.hover
+const ddsColorTextMedium = "#3a4146"; // Label, etc
+const ddsColorTextSubtle = "#545c62"; // Disabled or less important text
+const ddsColorTextOnInverse = "#ffffff"; // On surface.inverse
+const ddsColorTextOnAction = "#ffffff"; // On surface.action (primary and danger button)
+const ddsColorTextOnStatusDefault = "#0b0d0e"; // On default status surfaces
+const ddsColorTextOnStatusStrong = "#0b0d0e"; // On status surfaces with strong prop
+const ddsColorTextActionResting = "#106ead"; // Link, number in progress tracker
+const ddsColorTextActionHover = "#0d588a"; // Hover on text.action
+const ddsColorTextRequiredfield = "#d83737"; // Asterix to indicate required field
+const ddsColorTextActionVisited = "#7f29b4"; // Used for visited links
+const ddsColorTextActionVisitedOnInverse = "#cca9e1"; // Used for visited links on inverse surfaces
+const ddsColorTextOnNotification = "#ffffff"; // Used on surface.notification
+const ddsColorTextDanger = "#ad2c2c"; // Error text on paper, or default or subtle surafce/bg
+const ddsColorIconDefault = "#0b0d0e"; // Often used with text.default
+const ddsColorIconMedium = "#3a4146"; // Often used with text.medium
+const ddsColorIconSubtle = "#545c62"; // Often used with text.subtle
+const ddsColorIconOnInverse = "#ffffff"; // On surface.inverse
+const ddsColorIconOnAction = "#ffffff"; // On surface.action (primary and danger button)
+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 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 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 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 ddsColorFocusInside = "#f1f8fd"; // Contrast to .outside
+const ddsFontLabelMedium = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Label for form components
+const ddsFontBodyXsmall = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; //  used with xsmall button and input fields
+const ddsFontBodySmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; //  used with small button and input fields
+const ddsFontBodyMedium = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // standard body text, used with medium button and input fields
+const ddsFontBodyLarge = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Used for large button and large search
+const ddsFontHeadingXxsmall = "600 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h6
+const ddsFontHeadingXsmall = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
+const ddsFontHeadingSmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
+const ddsFontHeadingMedium = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
+const ddsFontHeadingLarge = "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
+const ddsFontHeadingXlarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default H1
+const ddsFontHeadingXxlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif"; // Display or extra large page title (h1)
+const ddsFontLeadMedium = "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Lead brukes som ingress når man skriver artikler etc
+const ddsFontCodeMedium = "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace"; // Brukes for kodesnutter etc
+const ddsBorderRadiusButton = "2px";
+const ddsBorderRadiusButtonNumberPx = 2; // For use in button component and togglebutton
+const ddsBorderRadiusSurface = "4px";
+const ddsBorderRadiusSurfaceNumberPx = 4; // Most surfaces, for example cards, papers, messages, backgrounds in GUI
+const ddsBorderRadiusInput = "2px";
+const ddsBorderRadiusInputNumberPx = 2; // All input fields, and check boxes
+const ddsBorderRadiusChip = "4px";
+const ddsBorderRadiusChipNumberPx = 4; // Chips and tags
+const ddsBorderRadiusRounded = "9999px";
+const ddsBorderRadiusRoundedNumberPx = 9999; // Rounded and circular components such as radiobutton, toggle, togglebutton and progress tracker
+const ddsFontHeadingXxlargeLetterSpacing = "-0.01em";
+const ddsFontHeadingXxlargeParagraphSpacing = "0.4em";
+const ddsFontHeadingXxlargeParagraphSpacingNumberEm = 0.4;
+const ddsFontHeadingXlargeLetterSpacing = "0em";
+const ddsFontHeadingXlargeParagraphSpacing = "0.4em";
+const ddsFontHeadingXlargeParagraphSpacingNumberEm = 0.4;
+const ddsFontHeadingLargeLetterSpacing = "0em";
+const ddsFontHeadingLargeParagraphSpacing = "0.4em";
+const ddsFontHeadingLargeParagraphSpacingNumberEm = 0.4;
+const ddsFontHeadingMediumLetterSpacing = "0em";
+const ddsFontHeadingMediumParagraphSpacing = "0.4em";
+const ddsFontHeadingMediumParagraphSpacingNumberEm = 0.4;
+const ddsFontHeadingSmallLetterSpacing = "0em";
+const ddsFontHeadingSmallParagraphSpacing = "0.4em";
+const ddsFontHeadingSmallParagraphSpacingNumberEm = 0.4;
+const ddsFontHeadingXsmallLetterSpacing = "0.01em";
+const ddsFontHeadingXsmallParagraphSpacing = "0.4em";
+const ddsFontHeadingXsmallParagraphSpacingNumberEm = 0.4;
+const ddsFontHeadingXxsmallLetterSpacing = "0.01em";
+const ddsFontHeadingXxsmallParagraphSpacing = "0.4em";
+const ddsFontHeadingXxsmallParagraphSpacingNumberEm = 0.4;
+const ddsFontBodyLargeLetterSpacing = "0em";
+const ddsFontBodyLargeParagraphSpacing = "1em";
+const ddsFontBodyLargeParagraphSpacingNumberEm = 1;
+const ddsFontBodyMediumLetterSpacing = "0em";
+const ddsFontBodyMediumParagraphSpacing = "1em";
+const ddsFontBodyMediumParagraphSpacingNumberEm = 1;
+const ddsFontBodySmallLetterSpacing = "0.01em";
+const ddsFontBodySmallParagraphSpacing = "1em";
+const ddsFontBodySmallParagraphSpacingNumberEm = 1;
+const ddsFontBodyXsmallLetterSpacing = "0.01em";
+const ddsFontBodyXsmallParagraphSpacing = "1em";
+const ddsFontBodyXsmallParagraphSpacingNumberEm = 1;
+const ddsFontLeadMediumLetterSpacing = "0em";
+const ddsFontLeadMediumParagraphSpacing = "1em";
+const ddsFontLeadMediumParagraphSpacingNumberEm = 1;
+const ddsFontCodeMediumLetterSpacing = "0em";
+const ddsFontCodeMediumParagraphSpacing = "1em";
+const ddsFontCodeMediumParagraphSpacingNumberEm = 1;
+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, ddsFontSizeLarge, ddsFontSizeLargeNumberRem, ddsFontSizeMedium, ddsFontSizeMediumNumberRem, ddsFontSizeSmall, ddsFontSizeSmallNumberRem, ddsFontSizeX075, ddsFontSizeX075NumberRem, ddsFontSizeX0875, ddsFontSizeX0875NumberRem, ddsFontSizeX1, ddsFontSizeX1125, ddsFontSizeX1125NumberRem, ddsFontSizeX125, ddsFontSizeX125NumberRem, ddsFontSizeX15, ddsFontSizeX15NumberRem, ddsFontSizeX1NumberRem, ddsFontSizeX2, ddsFontSizeX25, ddsFontSizeX25NumberRem, ddsFontSizeX2NumberRem, ddsFontSizeX3, ddsFontSizeX3NumberRem, ddsFontSizeX4, ddsFontSizeX4NumberRem, ddsFontSizeX5, ddsFontSizeX5NumberRem, ddsFontSizeXlarge, ddsFontSizeXlargeNumberRem, ddsFontSizeXsmall, ddsFontSizeXsmallNumberRem, ddsFontSizeXxlarge, ddsFontSizeXxlargeNumberRem, ddsFontSizeXxsmall, ddsFontSizeXxsmallNumberRem, ddsFontSizeXxxsmall, ddsFontSizeXxxsmallNumberRem, ddsFontStyleItalic, ddsFontStyleNormal, ddsFontStyleUnderline, ddsFontWeightBold, ddsFontWeightLight, ddsFontWeightNormal, 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 };