@dsn-starter-kit/design-tokens 2.0.0 → 3.0.0

package/dist/js/start-dark-default.js

@@ -16390,6 +16390,27 @@ export default {
         },
         path: ["dsn", "dot-badge", "pulse-duration"],
       },
+      "pulse-iteration-count": {
+        $value: "3",
+        $type: "number",
+        $description:
+          "Aantal herhalingen van de pulse-animatie — 3 × 1500ms = 4500ms, bewust onder de 5 seconden van WCAG 2.2.2 Pauzeren, stoppen, verbergen",
+        filePath: "src/tokens/components/dot-badge.json",
+        isSource: true,
+        original: {
+          $value: "3",
+          $type: "number",
+          $description:
+            "Aantal herhalingen van de pulse-animatie — 3 × 1500ms = 4500ms, bewust onder de 5 seconden van WCAG 2.2.2 Pauzeren, stoppen, verbergen",
+        },
+        name: "DsnDotBadgePulseIterationCount",
+        attributes: {
+          category: "dsn",
+          type: "dot-badge",
+          item: "pulse-iteration-count",
+        },
+        path: ["dsn", "dot-badge", "pulse-iteration-count"],
+      },
       "pulse-easing": {
         $value: "cubic-bezier(0.25, 0.1, 0.25, 1)",
         $description: "Easing van de pulse-animatie",
@@ -18645,6 +18666,226 @@ export default {
         },
       },
     },
+    "icon-list": {
+      color: {
+        $value: "#f1f1f1",
+        $type: "color",
+        $description: "Icon list text color",
+        filePath: "src/tokens/components/icon-list.json",
+        isSource: true,
+        original: {
+          $value: "{dsn.color.neutral.color-document}",
+          $type: "color",
+          $description: "Icon list text color",
+        },
+        name: "DsnIconListColor",
+        attributes: {
+          category: "dsn",
+          type: "icon-list",
+          item: "color",
+        },
+        path: ["dsn", "icon-list", "color"],
+      },
+      "font-family": {
+        $value: "IBM Plex Sans, sans-serif",
+        $type: "fontFamily",
+        $description: "Icon list font family",
+        filePath: "src/tokens/components/icon-list.json",
+        isSource: true,
+        original: {
+          $value: "{dsn.text.font-family.default}",
+          $type: "fontFamily",
+          $description: "Icon list font family",
+        },
+        name: "DsnIconListFontFamily",
+        attributes: {
+          category: "dsn",
+          type: "icon-list",
+          item: "font-family",
+        },
+        path: ["dsn", "icon-list", "font-family"],
+      },
+      "font-size": {
+        $value: "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
+        $type: "fontSize",
+        $description: "Icon list font size",
+        filePath: "src/tokens/components/icon-list.json",
+        isSource: true,
+        original: {
+          $value: "{dsn.text.font-size.md}",
+          $type: "fontSize",
+          $description: "Icon list font size",
+        },
+        name: "DsnIconListFontSize",
+        attributes: {
+          category: "dsn",
+          type: "icon-list",
+          item: "font-size",
+        },
+        path: ["dsn", "icon-list", "font-size"],
+      },
+      "font-weight": {
+        $value: "400",
+        $type: "fontWeight",
+        $description: "Icon list font weight",
+        filePath: "src/tokens/components/icon-list.json",
+        isSource: true,
+        original: {
+          $value: "{dsn.text.font-weight.default}",
+          $type: "fontWeight",
+          $description: "Icon list font weight",
+        },
+        name: "DsnIconListFontWeight",
+        attributes: {
+          category: "dsn",
+          type: "icon-list",
+          item: "font-weight",
+        },
+        path: ["dsn", "icon-list", "font-weight"],
+      },
+      "line-height": {
+        $value: "1.5",
+        $type: "lineHeight",
+        $description: "Icon list line height",
+        filePath: "src/tokens/components/icon-list.json",
+        isSource: true,
+        original: {
+          $value: "{dsn.text.line-height.md}",
+          $type: "lineHeight",
+          $description: "Icon list line height",
+        },
+        name: "DsnIconListLineHeight",
+        attributes: {
+          category: "dsn",
+          type: "icon-list",
+          item: "line-height",
+        },
+        path: ["dsn", "icon-list", "line-height"],
+      },
+      "max-inline-size": {
+        $value: "65ch",
+        $type: "sizing",
+        $description: "Icon list max width for readability",
+        filePath: "src/tokens/components/icon-list.json",
+        isSource: true,
+        original: {
+          $value: "{dsn.text.max-inline-size}",
+          $type: "sizing",
+          $description: "Icon list max width for readability",
+        },
+        name: "DsnIconListMaxInlineSize",
+        attributes: {
+          category: "dsn",
+          type: "icon-list",
+          item: "max-inline-size",
+        },
+        path: ["dsn", "icon-list", "max-inline-size"],
+      },
+      gap: {
+        $value: "calc(0.5rem * 0.5)",
+        $type: "spacing",
+        $description: "Space between list items",
+        filePath: "src/tokens/components/icon-list.json",
+        isSource: true,
+        original: {
+          $value: "{dsn.space.row.sm}",
+          $type: "spacing",
+          $description: "Space between list items",
+        },
+        name: "DsnIconListGap",
+        attributes: {
+          category: "dsn",
+          type: "icon-list",
+          item: "gap",
+        },
+        path: ["dsn", "icon-list", "gap"],
+      },
+      "margin-block-end": {
+        $value: "calc(0.5rem * 1.5)",
+        $type: "spacing",
+        $description: "Icon list bottom margin",
+        filePath: "src/tokens/components/icon-list.json",
+        isSource: true,
+        original: {
+          $value: "{dsn.space.row.lg}",
+          $type: "spacing",
+          $description: "Icon list bottom margin",
+        },
+        name: "DsnIconListMarginBlockEnd",
+        attributes: {
+          category: "dsn",
+          type: "icon-list",
+          item: "margin-block-end",
+        },
+        path: ["dsn", "icon-list", "margin-block-end"],
+      },
+      icon: {
+        color: {
+          $value: "#8faed2",
+          $type: "color",
+          $description:
+            "Default icon color, same as the UnorderedList marker color",
+          filePath: "src/tokens/components/icon-list.json",
+          isSource: true,
+          original: {
+            $value: "{dsn.color.accent-1.color-default}",
+            $type: "color",
+            $description:
+              "Default icon color, same as the UnorderedList marker color",
+          },
+          name: "DsnIconListIconColor",
+          attributes: {
+            category: "dsn",
+            type: "icon-list",
+            item: "icon",
+            subitem: "color",
+          },
+          path: ["dsn", "icon-list", "icon", "color"],
+        },
+        size: {
+          $value: "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)",
+          $type: "dimension",
+          $description:
+            "Icon size equal to one line height, scales with the fluid type scale",
+          filePath: "src/tokens/components/icon-list.json",
+          isSource: true,
+          original: {
+            $value: "{dsn.icon.size.md}",
+            $type: "dimension",
+            $description:
+              "Icon size equal to one line height, scales with the fluid type scale",
+          },
+          name: "DsnIconListIconSize",
+          attributes: {
+            category: "dsn",
+            type: "icon-list",
+            item: "icon",
+            subitem: "size",
+          },
+          path: ["dsn", "icon-list", "icon", "size"],
+        },
+        gap: {
+          $value: "calc(0.5rem * 1)",
+          $type: "spacing",
+          $description: "Space between icon and text",
+          filePath: "src/tokens/components/icon-list.json",
+          isSource: true,
+          original: {
+            $value: "{dsn.space.text.md}",
+            $type: "spacing",
+            $description: "Space between icon and text",
+          },
+          name: "DsnIconListIconGap",
+          attributes: {
+            category: "dsn",
+            type: "icon-list",
+            item: "icon",
+            subitem: "gap",
+          },
+          path: ["dsn", "icon-list", "icon", "gap"],
+        },
+      },
+    },
     image: {
       "border-radius": {
         $value: "8px",
@@ -27913,3 +28154,1383 @@ export default {
     },
   },
 };
+
+export const DsnTextFontFamilyDefault = "IBM Plex Sans, sans-serif";
+export const DsnTextFontFamilyMonospace = "IBM Plex Mono, monospace";
+export const DsnTextFontWeightDefault = "400";
+export const DsnTextFontWeightBold = "700";
+export const DsnTextMaxInlineSize = "65ch";
+export const DsnTextLineHeightSm = "1.5";
+export const DsnTextLineHeightMd = "1.5";
+export const DsnTextLineHeightLg = "1.25";
+export const DsnTextLineHeightXl = "1.25";
+export const DsnTextLineHeight2xl = "1.25";
+export const DsnTextLineHeight3xl = "1.25";
+export const DsnTextLineHeight4xl = "1.1";
+export const DsnTextFontSizeSm = "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)";
+export const DsnTextFontSizeMd = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnTextFontSizeLg = "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)";
+export const DsnTextFontSizeXl = "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)";
+export const DsnTextFontSize2xl = "clamp(2rem, 1.75rem + 0.75vw, 2.5625rem)";
+export const DsnTextFontSize3xl = "clamp(2.5rem, 2.125rem + 1.125vw, 3.3125rem)";
+export const DsnTextFontSize4xl = "clamp(3rem, 2.5rem + 1.5vw, 4.125rem)";
+export const DsnHeadingFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnHeadingFontWeight = "700";
+export const DsnHeadingColor = "#f1f1f1";
+export const DsnHeadingLevel1Color = "#f1f1f1";
+export const DsnHeadingLevel1FontFamily = "IBM Plex Sans, sans-serif";
+export const DsnHeadingLevel1FontSize = "clamp(2.5rem, 2.125rem + 1.125vw, 3.3125rem)";
+export const DsnHeadingLevel1FontWeight = "700";
+export const DsnHeadingLevel1LineHeight = "1.25";
+export const DsnHeadingLevel1MarginBlockEnd = "calc(0.5rem * 2)";
+export const DsnHeadingLevel2Color = "#f1f1f1";
+export const DsnHeadingLevel2FontFamily = "IBM Plex Sans, sans-serif";
+export const DsnHeadingLevel2FontSize = "clamp(2rem, 1.75rem + 0.75vw, 2.5625rem)";
+export const DsnHeadingLevel2FontWeight = "700";
+export const DsnHeadingLevel2LineHeight = "1.25";
+export const DsnHeadingLevel2MarginBlockEnd = "calc(0.5rem * 2)";
+export const DsnHeadingLevel3Color = "#f1f1f1";
+export const DsnHeadingLevel3FontFamily = "IBM Plex Sans, sans-serif";
+export const DsnHeadingLevel3FontSize = "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)";
+export const DsnHeadingLevel3FontWeight = "700";
+export const DsnHeadingLevel3LineHeight = "1.25";
+export const DsnHeadingLevel3MarginBlockEnd = "calc(0.5rem * 1.5)";
+export const DsnHeadingLevel4Color = "#f1f1f1";
+export const DsnHeadingLevel4FontFamily = "IBM Plex Sans, sans-serif";
+export const DsnHeadingLevel4FontSize = "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)";
+export const DsnHeadingLevel4FontWeight = "700";
+export const DsnHeadingLevel4LineHeight = "1.25";
+export const DsnHeadingLevel4MarginBlockEnd = "calc(0.5rem * 1.5)";
+export const DsnHeadingLevel5Color = "#f1f1f1";
+export const DsnHeadingLevel5FontFamily = "IBM Plex Sans, sans-serif";
+export const DsnHeadingLevel5FontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnHeadingLevel5FontWeight = "700";
+export const DsnHeadingLevel5LineHeight = "1.5";
+export const DsnHeadingLevel5MarginBlockEnd = "calc(0.5rem * 1)";
+export const DsnHeadingLevel6Color = "#f1f1f1";
+export const DsnHeadingLevel6FontFamily = "IBM Plex Sans, sans-serif";
+export const DsnHeadingLevel6FontSize = "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)";
+export const DsnHeadingLevel6FontWeight = "700";
+export const DsnHeadingLevel6LineHeight = "1.5";
+export const DsnHeadingLevel6MarginBlockEnd = "calc(0.5rem * 1)";
+export const DsnSpaceNone = "0px";
+export const DsnSpaceBase = "0.5rem";
+export const DsnSpaceBlock2xs = "calc(0.5rem * 0.125)";
+export const DsnSpaceBlockXs = "calc(0.5rem * 0.25)";
+export const DsnSpaceBlockSm = "calc(0.5rem * 0.5)";
+export const DsnSpaceBlockMd = "calc(0.5rem * 1)";
+export const DsnSpaceBlockLg = "calc(0.5rem * 1.5)";
+export const DsnSpaceBlockXl = "calc(0.5rem * 2)";
+export const DsnSpaceBlock2xl = "calc(0.5rem * 2.5)";
+export const DsnSpaceBlock3xl = "calc(0.5rem * 3)";
+export const DsnSpaceBlock4xl = "calc(0.5rem * 4)";
+export const DsnSpaceBlock5xl = "calc(0.5rem * 6)";
+export const DsnSpaceBlock6xl = "calc(0.5rem * 8)";
+export const DsnSpaceInline2xs = "calc(0.5rem * 0.125)";
+export const DsnSpaceInlineXs = "calc(0.5rem * 0.25)";
+export const DsnSpaceInlineSm = "calc(0.5rem * 0.5)";
+export const DsnSpaceInlineMd = "calc(0.5rem * 1)";
+export const DsnSpaceInlineLg = "calc(0.5rem * 1.5)";
+export const DsnSpaceInlineXl = "calc(0.5rem * 2)";
+export const DsnSpaceInline2xl = "calc(0.5rem * 2.5)";
+export const DsnSpaceInline3xl = "calc(0.5rem * 3)";
+export const DsnSpaceInline4xl = "calc(0.5rem * 4)";
+export const DsnSpaceInline5xl = "calc(0.5rem * 6)";
+export const DsnSpaceInline6xl = "calc(0.5rem * 8)";
+export const DsnSpaceText3xs = "calc(0.5rem * 0.125)";
+export const DsnSpaceText2xs = "calc(0.5rem * 0.25)";
+export const DsnSpaceTextXs = "calc(0.5rem * 0.25)";
+export const DsnSpaceTextSm = "calc(0.5rem * 0.5)";
+export const DsnSpaceTextMd = "calc(0.5rem * 1)";
+export const DsnSpaceTextLg = "calc(0.5rem * 1.5)";
+export const DsnSpaceTextXl = "calc(0.5rem * 2)";
+export const DsnSpaceText2xl = "calc(0.5rem * 2.5)";
+export const DsnSpaceText3xl = "calc(0.5rem * 3)";
+export const DsnSpaceColumn2xs = "calc(0.5rem * 0.125)";
+export const DsnSpaceColumnXs = "calc(0.5rem * 0.25)";
+export const DsnSpaceColumnSm = "calc(0.5rem * 0.5)";
+export const DsnSpaceColumnMd = "calc(0.5rem * 1)";
+export const DsnSpaceColumnLg = "calc(0.5rem * 1.5)";
+export const DsnSpaceColumnXl = "calc(0.5rem * 2)";
+export const DsnSpaceColumn2xl = "calc(0.5rem * 2.5)";
+export const DsnSpaceColumn3xl = "calc(0.5rem * 3)";
+export const DsnSpaceColumn4xl = "calc(0.5rem * 4)";
+export const DsnSpaceColumn5xl = "calc(0.5rem * 8)";
+export const DsnSpaceColumn6xl = "calc(0.5rem * 20)";
+export const DsnSpaceRow2xs = "calc(0.5rem * 0.125)";
+export const DsnSpaceRowXs = "calc(0.5rem * 0.25)";
+export const DsnSpaceRowSm = "calc(0.5rem * 0.5)";
+export const DsnSpaceRowMd = "calc(0.5rem * 1)";
+export const DsnSpaceRowLg = "calc(0.5rem * 1.5)";
+export const DsnSpaceRowXl = "calc(0.5rem * 2)";
+export const DsnSpaceRow2xl = "calc(0.5rem * 2.5)";
+export const DsnSpaceRow3xl = "calc(0.5rem * 3)";
+export const DsnSpaceRow4xl = "calc(0.5rem * 4)";
+export const DsnSpaceRow5xl = "calc(0.5rem * 8)";
+export const DsnSpaceRow6xl = "calc(0.5rem * 20)";
+export const DsnIconSizeSm = "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)";
+export const DsnIconSizeMd = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnIconSizeLg = "calc(clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem) * 1.25)";
+export const DsnIconSizeXl = "calc(clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem) * 1.25)";
+export const DsnIconSize2xl = "calc(clamp(2rem, 1.75rem + 0.75vw, 2.5625rem) * 1.25)";
+export const DsnIconSize3xl = "calc(clamp(2.5rem, 2.125rem + 1.125vw, 3.3125rem) * 1.25)";
+export const DsnIconSize4xl = "calc(clamp(3rem, 2.5rem + 1.5vw, 4.125rem) * 1.1)";
+export const DsnPointerTargetMinBlockSize = "3rem";
+export const DsnPointerTargetMinInlineSize = "3rem";
+export const DsnBorderRadiusSquare = "0px";
+export const DsnBorderRadiusSm = "4px";
+export const DsnBorderRadiusMd = "8px";
+export const DsnBorderRadiusLg = "16px";
+export const DsnBorderRadiusRound = "999px";
+export const DsnBorderWidthNone = "0px";
+export const DsnBorderWidthThin = "1px";
+export const DsnBorderWidthMedium = "2px";
+export const DsnBorderWidthThick = "4px";
+export const DsnFocusOutlineOffset = "0px";
+export const DsnFocusOutlineStyle = "dashed";
+export const DsnFocusOutlineWidth = "2px";
+export const DsnFocusBackgroundColor = "#ffdd00";
+export const DsnFocusColor = "#0b0c0c";
+export const DsnFocusOutlineColor = "#f4f4f4";
+export const DsnFocusInverseOutlineColor = "#0b0c0c";
+export const DsnFormControlFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnFormControlFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnFormControlFontWeight = "400";
+export const DsnFormControlLineHeight = "1.5";
+export const DsnFormControlPaddingBlockStart = "calc(0.5rem * 1)";
+export const DsnFormControlPaddingBlockEnd = "calc(0.5rem * 1)";
+export const DsnFormControlPaddingInlineStart = "calc(0.5rem * 1.5)";
+export const DsnFormControlPaddingInlineEnd = "calc(0.5rem * 1.5)";
+export const DsnFormControlMaxInlineSize = "25rem";
+export const DsnFormControlBorderRadius = "0px";
+export const DsnFormControlBorderWidth = "1px";
+export const DsnFormControlWidthXs = "10ch";
+export const DsnFormControlWidthSm = "14ch";
+export const DsnFormControlWidthMd = "20ch";
+export const DsnFormControlWidthLg = "32ch";
+export const DsnFormControlWidthXl = "48ch";
+export const DsnFormControlWidthFull = "100%";
+export const DsnFormControlHoverBorderWidth = "2px";
+export const DsnFormControlHoverAccentColor = "#a5bedb";
+export const DsnFormControlHoverBackgroundColor = "#262626";
+export const DsnFormControlHoverBorderColor = "#727272";
+export const DsnFormControlHoverColor = "#f1f1f1";
+export const DsnFormControlFocusBorderWidth = "2px";
+export const DsnFormControlFocusBackgroundColor = "#111111";
+export const DsnFormControlFocusBorderColor = "#7c7c7c";
+export const DsnFormControlFocusColor = "#f1f1f1";
+export const DsnFormControlActiveBorderWidth = "2px";
+export const DsnFormControlActiveAccentColor = "#bbcee4";
+export const DsnFormControlActiveBackgroundColor = "#2e2e2e";
+export const DsnFormControlActiveBorderColor = "#7c7c7c";
+export const DsnFormControlActiveColor = "#f1f1f1";
+export const DsnFormControlInvalidBorderWidth = "2px";
+export const DsnFormControlInvalidBackgroundColor = "#2e0000";
+export const DsnFormControlInvalidBorderColor = "#e74848";
+export const DsnFormControlInvalidColor = "#f9b1b1";
+export const DsnFormControlAccentColor = "#8faed2";
+export const DsnFormControlBackgroundColor = "#111111";
+export const DsnFormControlBorderColor = "#686868";
+export const DsnFormControlColor = "#f1f1f1";
+export const DsnFormControlPlaceholderColor = "#8b8b8b";
+export const DsnFormControlDisabledAccentColor = "#040404";
+export const DsnFormControlDisabledBackgroundColor = "#040404";
+export const DsnFormControlDisabledBorderColor = "#3e3e3e";
+export const DsnFormControlDisabledColor = "#8b8b8b";
+export const DsnFormControlReadOnlyBackgroundColor = "#040404";
+export const DsnFormControlReadOnlyBorderColor = "#00000000";
+export const DsnFormControlReadOnlyColor = "#f1f1f1";
+export const DsnBreakpointSm = "36em";
+export const DsnBreakpointMd = "44em";
+export const DsnBreakpointLg = "64em";
+export const DsnBreakpointXl = "74em";
+export const DsnBoxShadowNone = "none";
+export const DsnBoxShadowSm = "0 1px 2px 0 color-mix(in srgb, black 60%, transparent), 0 2px 4px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)";
+export const DsnBoxShadowMd = "0 2px 4px 0 color-mix(in srgb, black 60%, transparent), 0 8px 16px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)";
+export const DsnBoxShadowLg = "0 4px 8px 0 color-mix(in srgb, black 60%, transparent), 0 16px 32px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)";
+export const DsnZIndex300 = "300";
+export const DsnZIndex350 = "350";
+export const DsnZIndex400 = "400";
+export const DsnZIndex500 = "500";
+export const DsnZIndex600 = "600";
+export const DsnTransitionDurationInstant = "0ms";
+export const DsnTransitionDurationFast = "100ms";
+export const DsnTransitionDurationNormal = "200ms";
+export const DsnTransitionDurationSlow = "350ms";
+export const DsnTransitionDurationSlower = "500ms";
+export const DsnTransitionEasingDefault = "cubic-bezier(0.25, 0.1, 0.25, 1)";
+export const DsnTransitionEasingEnter = "cubic-bezier(0, 0, 0.2, 1)";
+export const DsnTransitionEasingExit = "cubic-bezier(0.4, 0, 1, 1)";
+export const DsnTransitionEasingMove = "cubic-bezier(0.4, 0, 0.2, 1)";
+export const DsnTransitionEasingLinear = "linear";
+export const DsnColorNeutralBgDocument = "#111111";
+export const DsnColorNeutralBgElevated = "#111111";
+export const DsnColorNeutralBgSubtle = "#040404";
+export const DsnColorNeutralBgDefault = "#1d1d1d";
+export const DsnColorNeutralBgHover = "#262626";
+export const DsnColorNeutralBgActive = "#2e2e2e";
+export const DsnColorNeutralBorderSubtle = "#3e3e3e";
+export const DsnColorNeutralBorderDefault = "#686868";
+export const DsnColorNeutralBorderHover = "#727272";
+export const DsnColorNeutralBorderActive = "#7c7c7c";
+export const DsnColorNeutralColorDefault = "#ababab";
+export const DsnColorNeutralColorHover = "#bbbbbb";
+export const DsnColorNeutralColorActive = "#cccccc";
+export const DsnColorNeutralColorSubtle = "#8b8b8b";
+export const DsnColorNeutralColorDocument = "#f1f1f1";
+export const DsnColorAccent1BgDocument = "#001126";
+export const DsnColorAccent1BgElevated = "#001126";
+export const DsnColorAccent1BgSubtle = "#000409";
+export const DsnColorAccent1BgDefault = "#001d40";
+export const DsnColorAccent1BgHover = "#002551";
+export const DsnColorAccent1BgActive = "#002d62";
+export const DsnColorAccent1BorderSubtle = "#003b81";
+export const DsnColorAccent1BorderDefault = "#3169ad";
+export const DsnColorAccent1BorderHover = "#3f74b2";
+export const DsnColorAccent1BorderActive = "#4e7fb8";
+export const DsnColorAccent1ColorDefault = "#8faed2";
+export const DsnColorAccent1ColorHover = "#a5bedb";
+export const DsnColorAccent1ColorActive = "#bbcee4";
+export const DsnColorAccent1ColorSubtle = "#648ec1";
+export const DsnColorAccent1ColorDocument = "#ecf1f7";
+export const DsnColorAccent2BgDocument = "#001126";
+export const DsnColorAccent2BgElevated = "#001126";
+export const DsnColorAccent2BgSubtle = "#000409";
+export const DsnColorAccent2BgDefault = "#001d40";
+export const DsnColorAccent2BgHover = "#002551";
+export const DsnColorAccent2BgActive = "#002d62";
+export const DsnColorAccent2BorderSubtle = "#003b81";
+export const DsnColorAccent2BorderDefault = "#3169ad";
+export const DsnColorAccent2BorderHover = "#3f74b2";
+export const DsnColorAccent2BorderActive = "#4e7fb8";
+export const DsnColorAccent2ColorDefault = "#8faed2";
+export const DsnColorAccent2ColorHover = "#a5bedb";
+export const DsnColorAccent2ColorActive = "#bbcee4";
+export const DsnColorAccent2ColorSubtle = "#648ec1";
+export const DsnColorAccent2ColorDocument = "#ecf1f7";
+export const DsnColorAccent3BgDocument = "#001126";
+export const DsnColorAccent3BgElevated = "#001126";
+export const DsnColorAccent3BgSubtle = "#000409";
+export const DsnColorAccent3BgDefault = "#001d40";
+export const DsnColorAccent3BgHover = "#002551";
+export const DsnColorAccent3BgActive = "#002d62";
+export const DsnColorAccent3BorderSubtle = "#003b81";
+export const DsnColorAccent3BorderDefault = "#3169ad";
+export const DsnColorAccent3BorderHover = "#3f74b2";
+export const DsnColorAccent3BorderActive = "#4e7fb8";
+export const DsnColorAccent3ColorDefault = "#8faed2";
+export const DsnColorAccent3ColorHover = "#a5bedb";
+export const DsnColorAccent3ColorActive = "#bbcee4";
+export const DsnColorAccent3ColorSubtle = "#648ec1";
+export const DsnColorAccent3ColorDocument = "#ecf1f7";
+export const DsnColorAction1BgDocument = "#001126";
+export const DsnColorAction1BgElevated = "#001126";
+export const DsnColorAction1BgSubtle = "#000409";
+export const DsnColorAction1BgDefault = "#001d40";
+export const DsnColorAction1BgHover = "#002551";
+export const DsnColorAction1BgActive = "#002d62";
+export const DsnColorAction1BorderSubtle = "#003b81";
+export const DsnColorAction1BorderDefault = "#3169ad";
+export const DsnColorAction1BorderHover = "#3f74b2";
+export const DsnColorAction1BorderActive = "#4e7fb8";
+export const DsnColorAction1ColorDefault = "#8faed2";
+export const DsnColorAction1ColorHover = "#a5bedb";
+export const DsnColorAction1ColorActive = "#bbcee4";
+export const DsnColorAction1ColorSubtle = "#648ec1";
+export const DsnColorAction1ColorDocument = "#ecf1f7";
+export const DsnColorAction2BgDocument = "#001126";
+export const DsnColorAction2BgElevated = "#001126";
+export const DsnColorAction2BgSubtle = "#000409";
+export const DsnColorAction2BgDefault = "#001d40";
+export const DsnColorAction2BgHover = "#002551";
+export const DsnColorAction2BgActive = "#002d62";
+export const DsnColorAction2BorderSubtle = "#003b81";
+export const DsnColorAction2BorderDefault = "#3169ad";
+export const DsnColorAction2BorderHover = "#3f74b2";
+export const DsnColorAction2BorderActive = "#4e7fb8";
+export const DsnColorAction2ColorDefault = "#8faed2";
+export const DsnColorAction2ColorHover = "#a5bedb";
+export const DsnColorAction2ColorActive = "#bbcee4";
+export const DsnColorAction2ColorSubtle = "#648ec1";
+export const DsnColorAction2ColorDocument = "#ecf1f7";
+export const DsnColorInfoBgDocument = "#001126";
+export const DsnColorInfoBgElevated = "#001126";
+export const DsnColorInfoBgSubtle = "#000409";
+export const DsnColorInfoBgDefault = "#001d40";
+export const DsnColorInfoBgHover = "#002551";
+export const DsnColorInfoBgActive = "#002d62";
+export const DsnColorInfoBorderSubtle = "#003b81";
+export const DsnColorInfoBorderDefault = "#3169ad";
+export const DsnColorInfoBorderHover = "#3f74b2";
+export const DsnColorInfoBorderActive = "#4e7fb8";
+export const DsnColorInfoColorDefault = "#8faed2";
+export const DsnColorInfoColorHover = "#a5bedb";
+export const DsnColorInfoColorActive = "#bbcee4";
+export const DsnColorInfoColorSubtle = "#648ec1";
+export const DsnColorInfoColorDocument = "#ecf1f7";
+export const DsnColorNegativeBgDocument = "#1c0000";
+export const DsnColorNegativeBgElevated = "#1c0000";
+export const DsnColorNegativeBgSubtle = "#060000";
+export const DsnColorNegativeBgDefault = "#2e0000";
+export const DsnColorNegativeBgHover = "#3d0000";
+export const DsnColorNegativeBgActive = "#4c0000";
+export const DsnColorNegativeBorderSubtle = "#820000";
+export const DsnColorNegativeBorderDefault = "#e74848";
+export const DsnColorNegativeBorderHover = "#ec6d6d";
+export const DsnColorNegativeBorderActive = "#f19191";
+export const DsnColorNegativeColorDefault = "#f9b1b1";
+export const DsnColorNegativeColorHover = "#fbc3c3";
+export const DsnColorNegativeColorActive = "#fcd5d5";
+export const DsnColorNegativeColorSubtle = "#eb8181";
+export const DsnColorNegativeColorDocument = "#feeded";
+export const DsnColorPositiveBgDocument = "#001509";
+export const DsnColorPositiveBgElevated = "#001509";
+export const DsnColorPositiveBgSubtle = "#000802";
+export const DsnColorPositiveBgDefault = "#002312";
+export const DsnColorPositiveBgHover = "#003019";
+export const DsnColorPositiveBgActive = "#003e1f";
+export const DsnColorPositiveBorderSubtle = "#00481b";
+export const DsnColorPositiveBorderDefault = "#1ba158";
+export const DsnColorPositiveBorderHover = "#3bb470";
+export const DsnColorPositiveBorderActive = "#5bc788";
+export const DsnColorPositiveColorDefault = "#8ad3a6";
+export const DsnColorPositiveColorHover = "#a3dcba";
+export const DsnColorPositiveColorActive = "#bce5ce";
+export const DsnColorPositiveColorSubtle = "#6ac495";
+export const DsnColorPositiveColorDocument = "#e4f5ea";
+export const DsnColorWarningBgDocument = "#190f04";
+export const DsnColorWarningBgElevated = "#190f04";
+export const DsnColorWarningBgSubtle = "#0b0501";
+export const DsnColorWarningBgDefault = "#2b1a09";
+export const DsnColorWarningBgHover = "#3c250d";
+export const DsnColorWarningBgActive = "#4d2f10";
+export const DsnColorWarningBorderSubtle = "#5a3511";
+export const DsnColorWarningBorderDefault = "#d37f25";
+export const DsnColorWarningBorderHover = "#de9843";
+export const DsnColorWarningBorderActive = "#e9b062";
+export const DsnColorWarningColorDefault = "#ffb46b";
+export const DsnColorWarningColorHover = "#ffc38b";
+export const DsnColorWarningColorActive = "#ffd2aa";
+export const DsnColorWarningColorSubtle = "#f3a453";
+export const DsnColorWarningColorDocument = "#ffeedd";
+export const DsnColorNeutralInverseBgDocument = "#fbfbfb";
+export const DsnColorNeutralInverseBgElevated = "#fbfbfb";
+export const DsnColorNeutralInverseBgSubtle = "#f1f1f1";
+export const DsnColorNeutralInverseBgDefault = "#ababab";
+export const DsnColorNeutralInverseBgHover = "#bbbbbb";
+export const DsnColorNeutralInverseBgActive = "#cccccc";
+export const DsnColorNeutralInverseBorderSubtle = "#bfbfbf";
+export const DsnColorNeutralInverseBorderDefault = "#3e3e3e";
+export const DsnColorNeutralInverseBorderHover = "#2e2e2e";
+export const DsnColorNeutralInverseBorderActive = "#1d1d1d";
+export const DsnColorNeutralInverseColorDefault = "#000000";
+export const DsnColorNeutralInverseColorHover = "#000000";
+export const DsnColorNeutralInverseColorActive = "#000000";
+export const DsnColorNeutralInverseColorSubtle = "#3e3e3e";
+export const DsnColorNeutralInverseColorDocument = "#000000";
+export const DsnColorAccent1InverseBgDocument = "#dcebf9";
+export const DsnColorAccent1InverseBgElevated = "#dcebf9";
+export const DsnColorAccent1InverseBgSubtle = "#ecf1f7";
+export const DsnColorAccent1InverseBgDefault = "#8faed2";
+export const DsnColorAccent1InverseBgHover = "#a5bedb";
+export const DsnColorAccent1InverseBgActive = "#bbcee4";
+export const DsnColorAccent1InverseBorderSubtle = "#b0c6df";
+export const DsnColorAccent1InverseBorderDefault = "#003b81";
+export const DsnColorAccent1InverseBorderHover = "#002d62";
+export const DsnColorAccent1InverseBorderActive = "#001d40";
+export const DsnColorAccent1InverseColorDefault = "#000000";
+export const DsnColorAccent1InverseColorHover = "#000000";
+export const DsnColorAccent1InverseColorActive = "#000000";
+export const DsnColorAccent1InverseColorSubtle = "#003b81";
+export const DsnColorAccent1InverseColorDocument = "#000000";
+export const DsnColorAccent2InverseBgDocument = "#dcebf9";
+export const DsnColorAccent2InverseBgElevated = "#dcebf9";
+export const DsnColorAccent2InverseBgSubtle = "#ecf1f7";
+export const DsnColorAccent2InverseBgDefault = "#8faed2";
+export const DsnColorAccent2InverseBgHover = "#a5bedb";
+export const DsnColorAccent2InverseBgActive = "#bbcee4";
+export const DsnColorAccent2InverseBorderSubtle = "#b0c6df";
+export const DsnColorAccent2InverseBorderDefault = "#003b81";
+export const DsnColorAccent2InverseBorderHover = "#002d62";
+export const DsnColorAccent2InverseBorderActive = "#001d40";
+export const DsnColorAccent2InverseColorDefault = "#000000";
+export const DsnColorAccent2InverseColorHover = "#000000";
+export const DsnColorAccent2InverseColorActive = "#000000";
+export const DsnColorAccent2InverseColorSubtle = "#003b81";
+export const DsnColorAccent2InverseColorDocument = "#000000";
+export const DsnColorAccent3InverseBgDocument = "#dcebf9";
+export const DsnColorAccent3InverseBgElevated = "#dcebf9";
+export const DsnColorAccent3InverseBgSubtle = "#ecf1f7";
+export const DsnColorAccent3InverseBgDefault = "#8faed2";
+export const DsnColorAccent3InverseBgHover = "#a5bedb";
+export const DsnColorAccent3InverseBgActive = "#bbcee4";
+export const DsnColorAccent3InverseBorderSubtle = "#b0c6df";
+export const DsnColorAccent3InverseBorderDefault = "#003b81";
+export const DsnColorAccent3InverseBorderHover = "#002d62";
+export const DsnColorAccent3InverseBorderActive = "#001d40";
+export const DsnColorAccent3InverseColorDefault = "#000000";
+export const DsnColorAccent3InverseColorHover = "#000000";
+export const DsnColorAccent3InverseColorActive = "#000000";
+export const DsnColorAccent3InverseColorSubtle = "#003b81";
+export const DsnColorAccent3InverseColorDocument = "#000000";
+export const DsnColorAction1InverseBgDocument = "#dcebf9";
+export const DsnColorAction1InverseBgElevated = "#dcebf9";
+export const DsnColorAction1InverseBgSubtle = "#ecf1f7";
+export const DsnColorAction1InverseBgDefault = "#8faed2";
+export const DsnColorAction1InverseBgHover = "#a5bedb";
+export const DsnColorAction1InverseBgActive = "#bbcee4";
+export const DsnColorAction1InverseBorderSubtle = "#b0c6df";
+export const DsnColorAction1InverseBorderDefault = "#003b81";
+export const DsnColorAction1InverseBorderHover = "#002d62";
+export const DsnColorAction1InverseBorderActive = "#001d40";
+export const DsnColorAction1InverseColorDefault = "#000000";
+export const DsnColorAction1InverseColorHover = "#000000";
+export const DsnColorAction1InverseColorActive = "#000000";
+export const DsnColorAction1InverseColorSubtle = "#003b81";
+export const DsnColorAction1InverseColorDocument = "#000000";
+export const DsnColorAction2InverseBgDocument = "#dcebf9";
+export const DsnColorAction2InverseBgElevated = "#dcebf9";
+export const DsnColorAction2InverseBgSubtle = "#ecf1f7";
+export const DsnColorAction2InverseBgDefault = "#8faed2";
+export const DsnColorAction2InverseBgHover = "#a5bedb";
+export const DsnColorAction2InverseBgActive = "#bbcee4";
+export const DsnColorAction2InverseBorderSubtle = "#b0c6df";
+export const DsnColorAction2InverseBorderDefault = "#003b81";
+export const DsnColorAction2InverseBorderHover = "#002d62";
+export const DsnColorAction2InverseBorderActive = "#001d40";
+export const DsnColorAction2InverseColorDefault = "#000000";
+export const DsnColorAction2InverseColorHover = "#000000";
+export const DsnColorAction2InverseColorActive = "#000000";
+export const DsnColorAction2InverseColorSubtle = "#003b81";
+export const DsnColorAction2InverseColorDocument = "#000000";
+export const DsnColorInfoInverseBgDocument = "#dcebf9";
+export const DsnColorInfoInverseBgElevated = "#dcebf9";
+export const DsnColorInfoInverseBgSubtle = "#ecf1f7";
+export const DsnColorInfoInverseBgDefault = "#8faed2";
+export const DsnColorInfoInverseBgHover = "#a5bedb";
+export const DsnColorInfoInverseBgActive = "#bbcee4";
+export const DsnColorInfoInverseBorderSubtle = "#b0c6df";
+export const DsnColorInfoInverseBorderDefault = "#003b81";
+export const DsnColorInfoInverseBorderHover = "#002d62";
+export const DsnColorInfoInverseBorderActive = "#001d40";
+export const DsnColorInfoInverseColorDefault = "#000000";
+export const DsnColorInfoInverseColorHover = "#000000";
+export const DsnColorInfoInverseColorActive = "#000000";
+export const DsnColorInfoInverseColorSubtle = "#003b81";
+export const DsnColorInfoInverseColorDocument = "#000000";
+export const DsnColorNegativeInverseBgDocument = "#fcdada";
+export const DsnColorNegativeInverseBgElevated = "#fcdada";
+export const DsnColorNegativeInverseBgSubtle = "#feeded";
+export const DsnColorNegativeInverseBgDefault = "#f9b1b1";
+export const DsnColorNegativeInverseBgHover = "#fbc3c3";
+export const DsnColorNegativeInverseBgActive = "#fcd5d5";
+export const DsnColorNegativeInverseBorderSubtle = "#f3abab";
+export const DsnColorNegativeInverseBorderDefault = "#820000";
+export const DsnColorNegativeInverseBorderHover = "#4c0000";
+export const DsnColorNegativeInverseBorderActive = "#2e0000";
+export const DsnColorNegativeInverseColorDefault = "#000000";
+export const DsnColorNegativeInverseColorHover = "#000000";
+export const DsnColorNegativeInverseColorActive = "#000000";
+export const DsnColorNegativeInverseColorSubtle = "#820000";
+export const DsnColorNegativeInverseColorDocument = "#000000";
+export const DsnColorPositiveInverseBgDocument = "#cce8d7";
+export const DsnColorPositiveInverseBgElevated = "#cce8d7";
+export const DsnColorPositiveInverseBgSubtle = "#e4f5ea";
+export const DsnColorPositiveInverseBgDefault = "#8ad3a6";
+export const DsnColorPositiveInverseBgHover = "#a3dcba";
+export const DsnColorPositiveInverseBgActive = "#bce5ce";
+export const DsnColorPositiveInverseBorderSubtle = "#7dca9e";
+export const DsnColorPositiveInverseBorderDefault = "#00481b";
+export const DsnColorPositiveInverseBorderHover = "#003e1f";
+export const DsnColorPositiveInverseBorderActive = "#002312";
+export const DsnColorPositiveInverseColorDefault = "#000000";
+export const DsnColorPositiveInverseColorHover = "#000000";
+export const DsnColorPositiveInverseColorActive = "#000000";
+export const DsnColorPositiveInverseColorSubtle = "#00481b";
+export const DsnColorPositiveInverseColorDocument = "#000000";
+export const DsnColorWarningInverseBgDocument = "#ffeac6";
+export const DsnColorWarningInverseBgElevated = "#ffeac6";
+export const DsnColorWarningInverseBgSubtle = "#ffeedd";
+export const DsnColorWarningInverseBgDefault = "#ffb46b";
+export const DsnColorWarningInverseBgHover = "#ffc38b";
+export const DsnColorWarningInverseBgActive = "#ffd2aa";
+export const DsnColorWarningInverseBorderSubtle = "#ffa754";
+export const DsnColorWarningInverseBorderDefault = "#5a3511";
+export const DsnColorWarningInverseBorderHover = "#4d2f10";
+export const DsnColorWarningInverseBorderActive = "#2b1a09";
+export const DsnColorWarningInverseColorDefault = "#000000";
+export const DsnColorWarningInverseColorHover = "#000000";
+export const DsnColorWarningInverseColorActive = "#000000";
+export const DsnColorWarningInverseColorSubtle = "#5a3511";
+export const DsnColorWarningInverseColorDocument = "#000000";
+export const DsnColorTransparent = "#00000000";
+export const DsnColorShadowDirect = "color-mix(in srgb, black 60%, transparent)";
+export const DsnColorShadowAmbient = "color-mix(in srgb, black 40%, transparent)";
+export const DsnColorShadowHighlight = "color-mix(in srgb, white 8%, transparent)";
+export const DsnColorShadowScroll = "#ffffff1f";
+export const DsnBackdropBackgroundColor = "#111111";
+export const DsnBackdropOpacity = "50%";
+export const DsnBackdropBlur = "4px";
+export const DsnBackdropZIndex = "400";
+export const DsnActionGroupColumnGap = "calc(0.5rem * 1.5)";
+export const DsnActionGroupRowGap = "calc(0.5rem * 1.5)";
+export const DsnAlertBorderRadius = "0px";
+export const DsnAlertBorderWidth = "2px";
+export const DsnAlertColumnGap = "calc(0.5rem * 1)";
+export const DsnAlertIconSize = "calc(clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem) * 1.25)";
+export const DsnAlertPaddingBlock = "calc(0.5rem * 2)";
+export const DsnAlertPaddingInline = "calc(0.5rem * 2)";
+export const DsnAlertRowGap = "calc(0.5rem * 1)";
+export const DsnAlertInfoBackgroundColor = "#001d40";
+export const DsnAlertInfoBorderColor = "#3169ad";
+export const DsnAlertInfoColor = "#ecf1f7";
+export const DsnAlertInfoIconColor = "#8faed2";
+export const DsnAlertNegativeBackgroundColor = "#2e0000";
+export const DsnAlertNegativeBorderColor = "#e74848";
+export const DsnAlertNegativeColor = "#feeded";
+export const DsnAlertNegativeIconColor = "#f9b1b1";
+export const DsnAlertPositiveBackgroundColor = "#002312";
+export const DsnAlertPositiveBorderColor = "#1ba158";
+export const DsnAlertPositiveColor = "#e4f5ea";
+export const DsnAlertPositiveIconColor = "#8ad3a6";
+export const DsnAlertWarningBackgroundColor = "#2b1a09";
+export const DsnAlertWarningBorderColor = "#d37f25";
+export const DsnAlertWarningColor = "#ffeedd";
+export const DsnAlertWarningIconColor = "#ffb46b";
+export const DsnBreadcrumbNavigationColumnGap = "calc(0.5rem * 1)";
+export const DsnBreadcrumbNavigationFontSize = "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)";
+export const DsnBreadcrumbNavigationFontWeight = "400";
+export const DsnBreadcrumbNavigationLineHeight = "1.5";
+export const DsnBreadcrumbNavigationCurrentColor = "#8b8b8b";
+export const DsnBreadcrumbNavigationItemMinBlockSize = "3rem";
+export const DsnBreadcrumbNavigationItemPaddingBlock = "calc(0.5rem * 0.5)";
+export const DsnBreadcrumbNavigationItemPaddingInline = "0px";
+export const DsnBreadcrumbNavigationLinkColor = "#8faed2";
+export const DsnBreadcrumbNavigationLinkColumnGap = "calc(0.5rem * 0.25)";
+export const DsnBreadcrumbNavigationLinkTextDecorationLine = "underline";
+export const DsnBreadcrumbNavigationLinkTextUnderlineOffset = "4px";
+export const DsnBreadcrumbNavigationLinkTextDecorationThickness = "auto";
+export const DsnBreadcrumbNavigationLinkHoverColor = "#a5bedb";
+export const DsnBreadcrumbNavigationLinkHoverTextDecorationLine = "none";
+export const DsnBreadcrumbNavigationLinkActiveColor = "#bbcee4";
+export const DsnBreadcrumbNavigationLinkActiveTextDecorationLine = "none";
+export const DsnBreadcrumbNavigationSeparatorColor = "#8b8b8b";
+export const DsnBreadcrumbNavigationSeparatorSize = "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)";
+export const DsnBreadcrumbNavigationIconSize = "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)";
+export const DsnBreakoutSectionBorderBlockWidth = "1px";
+export const DsnButtonBorderRadius = "8px";
+export const DsnButtonBorderWidth = "1px";
+export const DsnButtonFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnButtonFontWeight = "700";
+export const DsnButtonLineHeight = "1.5";
+export const DsnButtonMinBlockSize = "3rem";
+export const DsnButtonMinInlineSize = "3rem";
+export const DsnButtonDefaultBackgroundColor = "#00000000";
+export const DsnButtonDefaultBorderColor = "#3169ad";
+export const DsnButtonDefaultColor = "#8faed2";
+export const DsnButtonDefaultActiveBackgroundColor = "#002d62";
+export const DsnButtonDefaultActiveBorderColor = "#4e7fb8";
+export const DsnButtonDefaultActiveColor = "#bbcee4";
+export const DsnButtonDefaultHoverBackgroundColor = "#002551";
+export const DsnButtonDefaultHoverBorderColor = "#3f74b2";
+export const DsnButtonDefaultHoverColor = "#a5bedb";
+export const DsnButtonDefaultNegativeBackgroundColor = "#00000000";
+export const DsnButtonDefaultNegativeBorderColor = "#e74848";
+export const DsnButtonDefaultNegativeColor = "#f9b1b1";
+export const DsnButtonDefaultNegativeActiveBackgroundColor = "#4c0000";
+export const DsnButtonDefaultNegativeActiveBorderColor = "#f19191";
+export const DsnButtonDefaultNegativeActiveColor = "#fcd5d5";
+export const DsnButtonDefaultNegativeHoverBackgroundColor = "#3d0000";
+export const DsnButtonDefaultNegativeHoverBorderColor = "#ec6d6d";
+export const DsnButtonDefaultNegativeHoverColor = "#fbc3c3";
+export const DsnButtonDefaultPositiveBackgroundColor = "#00000000";
+export const DsnButtonDefaultPositiveBorderColor = "#1ba158";
+export const DsnButtonDefaultPositiveColor = "#8ad3a6";
+export const DsnButtonDefaultPositiveActiveBackgroundColor = "#003e1f";
+export const DsnButtonDefaultPositiveActiveBorderColor = "#5bc788";
+export const DsnButtonDefaultPositiveActiveColor = "#bce5ce";
+export const DsnButtonDefaultPositiveHoverBackgroundColor = "#003019";
+export const DsnButtonDefaultPositiveHoverBorderColor = "#3bb470";
+export const DsnButtonDefaultPositiveHoverColor = "#a3dcba";
+export const DsnButtonStrongBackgroundColor = "#8faed2";
+export const DsnButtonStrongBorderColor = "#00000000";
+export const DsnButtonStrongColor = "#000000";
+export const DsnButtonStrongActiveBackgroundColor = "#bbcee4";
+export const DsnButtonStrongActiveBorderColor = "#00000000";
+export const DsnButtonStrongActiveColor = "#000000";
+export const DsnButtonStrongHoverBackgroundColor = "#a5bedb";
+export const DsnButtonStrongHoverBorderColor = "#00000000";
+export const DsnButtonStrongHoverColor = "#000000";
+export const DsnButtonStrongNegativeBackgroundColor = "#f9b1b1";
+export const DsnButtonStrongNegativeBorderColor = "#00000000";
+export const DsnButtonStrongNegativeColor = "#000000";
+export const DsnButtonStrongNegativeActiveBackgroundColor = "#fcd5d5";
+export const DsnButtonStrongNegativeActiveBorderColor = "#00000000";
+export const DsnButtonStrongNegativeActiveColor = "#000000";
+export const DsnButtonStrongNegativeHoverBackgroundColor = "#fbc3c3";
+export const DsnButtonStrongNegativeHoverBorderColor = "#00000000";
+export const DsnButtonStrongNegativeHoverColor = "#000000";
+export const DsnButtonStrongPositiveBackgroundColor = "#8ad3a6";
+export const DsnButtonStrongPositiveBorderColor = "#00000000";
+export const DsnButtonStrongPositiveColor = "#000000";
+export const DsnButtonStrongPositiveActiveBackgroundColor = "#bce5ce";
+export const DsnButtonStrongPositiveActiveBorderColor = "#00000000";
+export const DsnButtonStrongPositiveActiveColor = "#000000";
+export const DsnButtonStrongPositiveHoverBackgroundColor = "#a3dcba";
+export const DsnButtonStrongPositiveHoverBorderColor = "#00000000";
+export const DsnButtonStrongPositiveHoverColor = "#000000";
+export const DsnButtonSubtleBackgroundColor = "#00000000";
+export const DsnButtonSubtleBorderColor = "#00000000";
+export const DsnButtonSubtleColor = "#8faed2";
+export const DsnButtonSubtleActiveBackgroundColor = "#002d62";
+export const DsnButtonSubtleActiveBorderColor = "#00000000";
+export const DsnButtonSubtleActiveColor = "#bbcee4";
+export const DsnButtonSubtleHoverBackgroundColor = "#002551";
+export const DsnButtonSubtleHoverBorderColor = "#00000000";
+export const DsnButtonSubtleHoverColor = "#a5bedb";
+export const DsnButtonSubtleNegativeBackgroundColor = "#00000000";
+export const DsnButtonSubtleNegativeBorderColor = "#00000000";
+export const DsnButtonSubtleNegativeColor = "#f9b1b1";
+export const DsnButtonSubtleNegativeActiveBackgroundColor = "#4c0000";
+export const DsnButtonSubtleNegativeActiveBorderColor = "#00000000";
+export const DsnButtonSubtleNegativeActiveColor = "#fcd5d5";
+export const DsnButtonSubtleNegativeHoverBackgroundColor = "#3d0000";
+export const DsnButtonSubtleNegativeHoverBorderColor = "#00000000";
+export const DsnButtonSubtleNegativeHoverColor = "#fbc3c3";
+export const DsnButtonSubtlePositiveBackgroundColor = "#00000000";
+export const DsnButtonSubtlePositiveBorderColor = "#00000000";
+export const DsnButtonSubtlePositiveColor = "#8ad3a6";
+export const DsnButtonSubtlePositiveActiveBackgroundColor = "#003e1f";
+export const DsnButtonSubtlePositiveActiveBorderColor = "#00000000";
+export const DsnButtonSubtlePositiveActiveColor = "#bce5ce";
+export const DsnButtonSubtlePositiveHoverBackgroundColor = "#003019";
+export const DsnButtonSubtlePositiveHoverBorderColor = "#00000000";
+export const DsnButtonSubtlePositiveHoverColor = "#a3dcba";
+export const DsnButtonDisabledBackgroundColor = "#040404";
+export const DsnButtonDisabledColor = "#8b8b8b";
+export const DsnButtonDisabledBorderColor = "#3e3e3e";
+export const DsnButtonSizeDefaultFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnButtonSizeDefaultGap = "calc(0.5rem * 0.5)";
+export const DsnButtonSizeDefaultIconOnlyPadding = "calc(0.5rem * 1)";
+export const DsnButtonSizeDefaultIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnButtonSizeDefaultPaddingBlock = "calc(0.5rem * 1)";
+export const DsnButtonSizeDefaultPaddingInline = "calc(0.5rem * 2)";
+export const DsnButtonSizeLargeFontSize = "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)";
+export const DsnButtonSizeLargeGap = "calc(0.5rem * 1)";
+export const DsnButtonSizeLargeIconOnlyPadding = "calc(0.5rem * 1.5)";
+export const DsnButtonSizeLargeIconSize = "calc(clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem) * 1.25)";
+export const DsnButtonSizeLargePaddingBlock = "calc(0.5rem * 1.5)";
+export const DsnButtonSizeLargePaddingInline = "calc(0.5rem * 2.5)";
+export const DsnButtonSizeSmallFontSize = "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)";
+export const DsnButtonSizeSmallGap = "calc(0.5rem * 0.5)";
+export const DsnButtonSizeSmallIconOnlyPadding = "calc(0.5rem * 0.5)";
+export const DsnButtonSizeSmallIconSize = "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)";
+export const DsnButtonSizeSmallMinBlockSize = "2.5rem";
+export const DsnButtonSizeSmallPaddingBlock = "calc(0.5rem * 0.5)";
+export const DsnButtonSizeSmallPaddingInline = "calc(0.5rem * 1.5)";
+export const DsnCardBackgroundColor = "#111111";
+export const DsnCardBackgroundColorHover = "#111111";
+export const DsnCardBorderRadius = "8px";
+export const DsnCardBorderWidth = "1px";
+export const DsnCardBorderColor = "#3e3e3e";
+export const DsnCardBoxShadow = "none";
+export const DsnCardBoxShadowHover = "0 2px 4px 0 color-mix(in srgb, black 60%, transparent), 0 8px 16px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)";
+export const DsnCardBodyPaddingBlock = "calc(0.5rem * 2)";
+export const DsnCardBodyPaddingInline = "calc(0.5rem * 2)";
+export const DsnCardBodyRowGap = "calc(0.5rem * 1.5)";
+export const DsnCardFooterPaddingBlockEnd = "calc(0.5rem * 3)";
+export const DsnCardFooterPaddingInline = "calc(0.5rem * 2)";
+export const DsnCardImagePlaceholderBackgroundColor = "#040404";
+export const DsnCardImagePlaceholderColor = "#8b8b8b";
+export const DsnCardHeadingFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnCardHeadingFontWeight = "700";
+export const DsnCardHeadingColor = "#f1f1f1";
+export const DsnCardHeadingFontSize = "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)";
+export const DsnCardHeadingLineHeight = "1.25";
+export const DsnCardGroupGap = "calc(0.5rem * 2)";
+export const DsnCardGroupItemMinWidth = "17.5rem";
+export const DsnCheckboxGroupBorderWidth = "0px";
+export const DsnCheckboxGroupGap = "calc(0.5rem * 0.5)";
+export const DsnCheckboxGroupMargin = "0px";
+export const DsnCheckboxGroupPadding = "0px";
+export const DsnCheckboxGroupLegendColor = "#f1f1f1";
+export const DsnCheckboxGroupLegendFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnCheckboxGroupLegendFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnCheckboxGroupLegendFontWeight = "700";
+export const DsnCheckboxGroupLegendLineHeight = "1.5";
+export const DsnCheckboxGroupLegendMarginBlockEnd = "calc(0.5rem * 0.5)";
+export const DsnCheckboxOptionGap = "calc(0.5rem * 1)";
+export const DsnCheckboxOptionPaddingBlock = "calc(0.5rem * 1)";
+export const DsnCheckboxBackgroundColor = "#111111";
+export const DsnCheckboxBorderColor = "#686868";
+export const DsnCheckboxBorderRadius = "0px";
+export const DsnCheckboxBorderWidth = "1px";
+export const DsnCheckboxSize = "calc(var(--dsn-text-font-size-md) * var(--dsn-text-line-height-md))";
+export const DsnCheckboxActiveBackgroundColor = "#2e2e2e";
+export const DsnCheckboxActiveBorderColor = "#7c7c7c";
+export const DsnCheckboxActiveBorderWidth = "2px";
+export const DsnCheckboxCheckedBackgroundColor = "#8faed2";
+export const DsnCheckboxCheckedBorderColor = "#00000000";
+export const DsnCheckboxCheckedBorderWidth = "1px";
+export const DsnCheckboxCheckedColor = "#000000";
+export const DsnCheckboxDisabledBackgroundColor = "#040404";
+export const DsnCheckboxDisabledBorderColor = "#3e3e3e";
+export const DsnCheckboxFocusBackgroundColor = "#111111";
+export const DsnCheckboxFocusBorderColor = "#7c7c7c";
+export const DsnCheckboxFocusBorderWidth = "2px";
+export const DsnCheckboxHoverBackgroundColor = "#262626";
+export const DsnCheckboxHoverBorderColor = "#727272";
+export const DsnCheckboxHoverBorderWidth = "2px";
+export const DsnCheckboxInvalidBackgroundColor = "#2e0000";
+export const DsnCheckboxInvalidBorderColor = "#e74848";
+export const DsnCheckboxInvalidBorderWidth = "2px";
+export const DsnCheckboxCheckedActiveBackgroundColor = "#bbcee4";
+export const DsnCheckboxCheckedActiveBorderColor = "#00000000";
+export const DsnCheckboxCheckedActiveBorderWidth = "2px";
+export const DsnCheckboxCheckedActiveColor = "#000000";
+export const DsnCheckboxCheckedDisabledBackgroundColor = "#040404";
+export const DsnCheckboxCheckedDisabledBorderColor = "#3e3e3e";
+export const DsnCheckboxCheckedDisabledColor = "#8b8b8b";
+export const DsnCheckboxCheckedFocusBackgroundColor = "#111111";
+export const DsnCheckboxCheckedFocusBorderColor = "#7c7c7c";
+export const DsnCheckboxCheckedFocusBorderWidth = "2px";
+export const DsnCheckboxCheckedFocusColor = "#f1f1f1";
+export const DsnCheckboxCheckedHoverBackgroundColor = "#a5bedb";
+export const DsnCheckboxCheckedHoverBorderColor = "#00000000";
+export const DsnCheckboxCheckedHoverBorderWidth = "2px";
+export const DsnCheckboxCheckedHoverColor = "#000000";
+export const DsnCheckboxIndeterminateBackgroundColor = "#8faed2";
+export const DsnCheckboxIndeterminateBorderColor = "#00000000";
+export const DsnCheckboxIndeterminateBorderWidth = "1px";
+export const DsnCheckboxIndeterminateColor = "#000000";
+export const DsnCheckboxIndeterminateActiveBackgroundColor = "#bbcee4";
+export const DsnCheckboxIndeterminateActiveBorderColor = "#00000000";
+export const DsnCheckboxIndeterminateActiveBorderWidth = "2px";
+export const DsnCheckboxIndeterminateActiveColor = "#000000";
+export const DsnCheckboxIndeterminateDisabledBackgroundColor = "#040404";
+export const DsnCheckboxIndeterminateDisabledBorderColor = "#3e3e3e";
+export const DsnCheckboxIndeterminateDisabledColor = "#8b8b8b";
+export const DsnCheckboxIndeterminateFocusBackgroundColor = "#111111";
+export const DsnCheckboxIndeterminateFocusBorderColor = "#7c7c7c";
+export const DsnCheckboxIndeterminateFocusBorderWidth = "2px";
+export const DsnCheckboxIndeterminateFocusColor = "#f1f1f1";
+export const DsnCheckboxIndeterminateHoverBackgroundColor = "#a5bedb";
+export const DsnCheckboxIndeterminateHoverBorderColor = "#00000000";
+export const DsnCheckboxIndeterminateHoverBorderWidth = "2px";
+export const DsnCheckboxIndeterminateHoverColor = "#000000";
+export const DsnCheckboxIconSize = "calc(var(--dsn-checkbox-size) * 0.67)";
+export const DsnContainerBackgroundColor = "#111111";
+export const DsnContainerBorderColor = "#3e3e3e";
+export const DsnContainerBorderRadius = "8px";
+export const DsnContainerBorderWidth = "1px";
+export const DsnContainerBoxShadow = "none";
+export const DsnContainerColor = "#f1f1f1";
+export const DsnContainerPaddingBlock = "calc(0.5rem * 3)";
+export const DsnContainerPaddingInline = "calc(0.5rem * 3)";
+export const DsnContainerElevatedBoxShadow = "0 1px 2px 0 color-mix(in srgb, black 60%, transparent), 0 2px 4px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)";
+export const DsnDateInputGroupGap = "calc(0.5rem * 1)";
+export const DsnDateInputGroupLabelGap = "calc(0.5rem * 0.5)";
+export const DsnDateInputButtonInsetInlineEnd = "calc(0.5rem * 0.5)";
+export const DsnDateInputIconGap = "calc(0.5rem * 1)";
+export const DsnDateInputIconSize = "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)";
+export const DsnDateInputPaddingInlineEndWithIcon = "calc((calc(0.5rem * 0.5) * 2) + calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5) + calc(0.5rem * 0.5) + calc(0.5rem * 1))";
+export const DsnDetailsRowGap = "calc(0.5rem * 1)";
+export const DsnDetailsSummaryColor = "#8faed2";
+export const DsnDetailsSummaryGap = "calc(0.5rem * 0.5)";
+export const DsnDetailsSummaryTextDecorationLine = "none";
+export const DsnDetailsSummaryTextUnderlineOffset = "4px";
+export const DsnDetailsSummaryTextDecorationThickness = "auto";
+export const DsnDetailsSummaryHoverColor = "#a5bedb";
+export const DsnDetailsSummaryHoverTextDecorationLine = "underline";
+export const DsnDetailsSummaryActiveColor = "#bbcee4";
+export const DsnDetailsIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnDetailsContentBackgroundColor = "#00000000";
+export const DsnDetailsContentBorderColor = "#3e3e3e";
+export const DsnDetailsContentBorderInlineStartWidth = "2px";
+export const DsnDetailsContentPaddingInlineStart = "calc(0.5rem * 2)";
+export const DsnDetailsContentPaddingInlineEnd = "calc(0.5rem * 2)";
+export const DsnDetailsContentPaddingBlock = "calc(0.5rem * 2)";
+export const DsnDotBadgeSize = "0.5rem";
+export const DsnDotBadgeInsetBlockStart = "0.25rem";
+export const DsnDotBadgeInsetInlineEnd = "0.25rem";
+export const DsnDotBadgePulseDuration = "1500ms";
+export const DsnDotBadgePulseIterationCount = "3";
+export const DsnDotBadgePulseEasing = "cubic-bezier(0.25, 0.1, 0.25, 1)";
+export const DsnDrawerZIndex = "500";
+export const DsnDrawerBackgroundColor = "#111111";
+export const DsnDrawerBorderWidth = "1px";
+export const DsnDrawerBorderColor = "#3e3e3e";
+export const DsnDrawerBoxShadow = "0 4px 8px 0 color-mix(in srgb, black 60%, transparent), 0 16px 32px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)";
+export const DsnDrawerMaxWidth = "25rem";
+export const DsnDrawerMinGap = "3rem";
+export const DsnDrawerHeadingFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnDrawerHeadingFontWeight = "700";
+export const DsnDrawerHeadingColor = "#f1f1f1";
+export const DsnDrawerHeadingFontSize = "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)";
+export const DsnDrawerHeadingLineHeight = "1.25";
+export const DsnDrawerHeaderPaddingBlockStart = "calc(0.5rem * 2)";
+export const DsnDrawerHeaderPaddingBlockEnd = "calc(0.5rem * 2)";
+export const DsnDrawerHeaderPaddingInline = "calc(0.5rem * 2)";
+export const DsnDrawerBodyPaddingBlock = "calc(0.5rem * 3)";
+export const DsnDrawerBodyPaddingInline = "calc(0.5rem * 2)";
+export const DsnDrawerFooterPaddingBlockStart = "calc(0.5rem * 2)";
+export const DsnDrawerFooterPaddingBlockEnd = "calc(0.5rem * 2)";
+export const DsnDrawerFooterPaddingInline = "calc(0.5rem * 2)";
+export const DsnFileInputColor = "#8b8b8b";
+export const DsnFileInputColumnGap = "calc(0.5rem * 1.5)";
+export const DsnFileInputFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnFileInputFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnFileInputFontWeight = "400";
+export const DsnFileInputLineHeight = "1.5";
+export const DsnFileInputMinBlockSize = "3rem";
+export const DsnFileInputMinInlineSize = "3rem";
+export const DsnFileInputDisabledColor = "#8b8b8b";
+export const DsnFileBackgroundColor = "#111111";
+export const DsnFileBackgroundColorHover = "#111111";
+export const DsnFileBackgroundColorActive = "#111111";
+export const DsnFileBorderRadius = "8px";
+export const DsnFileBorderWidth = "1px";
+export const DsnFileBorderColor = "#3e3e3e";
+export const DsnFileBorderColorHover = "#686868";
+export const DsnFileBorderColorActive = "#686868";
+export const DsnFileBorderColorError = "#e74848";
+export const DsnFileBoxShadow = "none";
+export const DsnFileBoxShadowHover = "0 2px 4px 0 color-mix(in srgb, black 60%, transparent), 0 8px 16px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)";
+export const DsnFilePaddingBlock = "calc(0.5rem * 1.5)";
+export const DsnFilePaddingInline = "calc(0.5rem * 2)";
+export const DsnFileGap = "calc(0.5rem * 1.5)";
+export const DsnFileContentGap = "calc(0.5rem * 0.25)";
+export const DsnFileNameColor = "#ababab";
+export const DsnFileNameFontWeight = "700";
+export const DsnFileMetaColor = "#8b8b8b";
+export const DsnFileMetaFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnFileMediaSize = "3rem";
+export const DsnFileMediaBorderRadius = "4px";
+export const DsnFileMediaBackgroundColor = "#1d1d1d";
+export const DsnFileMediaIconColor = "#8b8b8b";
+export const DsnFileMediaIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnFileStatusIconColor = "#8ad3a6";
+export const DsnFileStatusIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnFormFieldDescriptionColor = "#8b8b8b";
+export const DsnFormFieldDescriptionFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnFormFieldDescriptionFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnFormFieldDescriptionFontWeight = "400";
+export const DsnFormFieldDescriptionLineHeight = "1.5";
+export const DsnFormFieldDescriptionMarginBlockEnd = "calc(0.5rem * 1)";
+export const DsnFormFieldErrorMessageColor = "#f9b1b1";
+export const DsnFormFieldErrorMessageFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnFormFieldErrorMessageFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnFormFieldErrorMessageFontWeight = "400";
+export const DsnFormFieldErrorMessageGap = "calc(0.5rem * 0.5)";
+export const DsnFormFieldErrorMessageIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnFormFieldErrorMessageLineHeight = "1.5";
+export const DsnFormFieldErrorMessageMarginBlockEnd = "calc(0.5rem * 1)";
+export const DsnFormFieldLabelSuffixColor = "#f1f1f1";
+export const DsnFormFieldLabelSuffixFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnFormFieldLabelSuffixFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnFormFieldLabelSuffixFontWeight = "400";
+export const DsnFormFieldLabelSuffixLineHeight = "1.5";
+export const DsnFormFieldLabelSuffixMarginInlineStart = "calc(0.5rem * 0.5)";
+export const DsnFormFieldLabelColor = "#f1f1f1";
+export const DsnFormFieldLabelFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnFormFieldLabelFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnFormFieldLabelFontWeight = "700";
+export const DsnFormFieldLabelLineHeight = "1.5";
+export const DsnFormFieldLabelMarginBlockEnd = "calc(0.5rem * 1)";
+export const DsnFormFieldLabelMarginBlockEndWithDescription = "calc(0.5rem * 0.5)";
+export const DsnFormFieldStatusColor = "#8b8b8b";
+export const DsnFormFieldStatusFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnFormFieldStatusFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnFormFieldStatusFontWeight = "400";
+export const DsnFormFieldStatusGap = "calc(0.5rem * 0.5)";
+export const DsnFormFieldStatusIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnFormFieldStatusLineHeight = "1.5";
+export const DsnFormFieldStatusMarginBlockStart = "calc(0.5rem * 1)";
+export const DsnFormFieldStatusPositiveColor = "#8ad3a6";
+export const DsnFormFieldStatusWarningColor = "#ffb46b";
+export const DsnFormFieldMarginBlockEnd = "0px";
+export const DsnFormFieldMarginBlockStart = "0px";
+export const DsnFormFieldInvalidBorderInlineStartColor = "#e74848";
+export const DsnFormFieldInvalidBorderInlineStartWidth = "2px";
+export const DsnFormFieldInvalidPaddingInlineStart = "calc(0.5rem * 2)";
+export const DsnGridGutter = "calc(0.5rem * 2)";
+export const DsnGridRowGap = "calc(0.5rem * 2)";
+export const DsnGridPaddingInline = "0px";
+export const DsnGridMaxWidth = "74rem";
+export const DsnHeroBlockSize = "70svh";
+export const DsnHeroMinBlockSize = "400px";
+export const DsnHeroPaddingBlock = "calc(0.5rem * 4)";
+export const DsnHeroPaddingInline = "calc(0.5rem * 2)";
+export const DsnHeroBackgroundColorDefault = "#001d40";
+export const DsnHeroBackgroundColorInverse = "#8faed2";
+export const DsnHeroColorDefault = "#8faed2";
+export const DsnHeroColorInverse = "#000000";
+export const DsnHeroBorderBlockWidth = "1px";
+export const DsnHeroImageBlendColor = "#8faed2";
+export const DsnIconListColor = "#f1f1f1";
+export const DsnIconListFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnIconListFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnIconListFontWeight = "400";
+export const DsnIconListLineHeight = "1.5";
+export const DsnIconListMaxInlineSize = "65ch";
+export const DsnIconListGap = "calc(0.5rem * 0.5)";
+export const DsnIconListMarginBlockEnd = "calc(0.5rem * 1.5)";
+export const DsnIconListIconColor = "#8faed2";
+export const DsnIconListIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnIconListIconGap = "calc(0.5rem * 1)";
+export const DsnImageBorderRadius = "8px";
+export const DsnImageCaptionColor = "#8b8b8b";
+export const DsnImageCaptionFontSize = "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)";
+export const DsnImageCaptionLineHeight = "1.5";
+export const DsnImageCaptionMarginBlockStart = "calc(0.5rem * 0.5)";
+export const DsnLinkColor = "#8faed2";
+export const DsnLinkGap = "calc(0.5rem * 0.5)";
+export const DsnLinkIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnLinkTextDecorationColor = "#8faed2";
+export const DsnLinkTextDecorationLine = "underline";
+export const DsnLinkTextDecorationThickness = "auto";
+export const DsnLinkTextUnderlineOffset = "4px";
+export const DsnLinkActiveColor = "#bbcee4";
+export const DsnLinkDisabledColor = "#8b8b8b";
+export const DsnLinkHoverColor = "#a5bedb";
+export const DsnLinkHoverTextDecorationLine = "none";
+export const DsnLinkSizeDefaultFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnLinkSizeDefaultGap = "calc(0.5rem * 0.5)";
+export const DsnLinkSizeDefaultIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnLinkSizeLargeFontSize = "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)";
+export const DsnLinkSizeLargeGap = "calc(0.5rem * 1)";
+export const DsnLinkSizeLargeIconSize = "calc(clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem) * 1.25)";
+export const DsnLinkSizeSmallFontSize = "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)";
+export const DsnLinkSizeSmallGap = "calc(0.5rem * 0.5)";
+export const DsnLinkSizeSmallIconSize = "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)";
+export const DsnLogoColorPrimary = "#8faed2";
+export const DsnLogoColorLabel = "#111111";
+export const DsnMenuItemFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnMenuItemFontWeight = "400";
+export const DsnMenuItemLineHeight = "1.5";
+export const DsnMenuItemPaddingBlock = "calc(0.5rem * 1)";
+export const DsnMenuItemPaddingInline = "calc(0.5rem * 1.5)";
+export const DsnMenuItemGap = "calc(0.5rem * 1)";
+export const DsnMenuItemMinBlockSize = "3rem";
+export const DsnMenuItemIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnMenuItemColor = "#8faed2";
+export const DsnMenuItemBackgroundColor = "#00000000";
+export const DsnMenuItemHoverColor = "#a5bedb";
+export const DsnMenuItemHoverBackgroundColor = "#002551";
+export const DsnMenuItemActiveColor = "#bbcee4";
+export const DsnMenuItemActiveBackgroundColor = "#002d62";
+export const DsnMenuLinkLevelIndent = "calc(0.5rem * 3)";
+export const DsnMenuLinkCurrentFontWeight = "700";
+export const DsnMenuLinkCurrentColor = "#8faed2";
+export const DsnMenuLinkCurrentBackgroundColor = "#002d62";
+export const DsnMenuLinkCurrentIndicatorColor = "#8faed2";
+export const DsnMenuLinkCurrentIndicatorWidth = "3px";
+export const DsnMenuLinkCurrentHoverColor = "#8faed2";
+export const DsnMenuLinkCurrentHoverBackgroundColor = "#002d62";
+export const DsnMenuLinkCurrentActiveColor = "#8faed2";
+export const DsnMenuLinkCurrentActiveBackgroundColor = "#002d62";
+export const DsnMenuGapVertical = "calc(0.5rem * 1)";
+export const DsnMenuGapHorizontal = "calc(0.5rem * 0.5)";
+export const DsnModalDialogZIndex = "500";
+export const DsnModalDialogBackgroundColor = "#111111";
+export const DsnModalDialogBorderRadius = "16px";
+export const DsnModalDialogBorderWidth = "1px";
+export const DsnModalDialogBorderColor = "#3e3e3e";
+export const DsnModalDialogBoxShadow = "0 4px 8px 0 color-mix(in srgb, black 60%, transparent), 0 16px 32px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)";
+export const DsnModalDialogMaxWidth = "40rem";
+export const DsnModalDialogHeadingFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnModalDialogHeadingFontWeight = "700";
+export const DsnModalDialogHeadingColor = "#f1f1f1";
+export const DsnModalDialogHeadingFontSize = "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)";
+export const DsnModalDialogHeadingLineHeight = "1.25";
+export const DsnModalDialogHeaderPaddingBlockStart = "calc(0.5rem * 2)";
+export const DsnModalDialogHeaderPaddingBlockEnd = "calc(0.5rem * 2)";
+export const DsnModalDialogHeaderPaddingInline = "calc(0.5rem * 2)";
+export const DsnModalDialogBodyPaddingBlock = "calc(0.5rem * 3)";
+export const DsnModalDialogBodyPaddingInline = "calc(0.5rem * 2)";
+export const DsnModalDialogFooterPaddingBlockStart = "calc(0.5rem * 2)";
+export const DsnModalDialogFooterPaddingBlockEnd = "calc(0.5rem * 2)";
+export const DsnModalDialogFooterPaddingInline = "calc(0.5rem * 2)";
+export const DsnNoteBorderInlineStartWidth = "2px";
+export const DsnNoteColumnGap = "calc(0.5rem * 1)";
+export const DsnNoteIconSize = "calc(clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem) * 1.25)";
+export const DsnNotePaddingBlock = "calc(0.5rem * 2)";
+export const DsnNotePaddingInlineEnd = "calc(0.5rem * 2)";
+export const DsnNotePaddingInlineStart = "calc(0.5rem * 2)";
+export const DsnNoteRowGap = "calc(0.5rem * 1)";
+export const DsnNoteInfoBackgroundColor = "#001d40";
+export const DsnNoteInfoBorderInlineStartColor = "#3169ad";
+export const DsnNoteInfoColor = "#ecf1f7";
+export const DsnNoteInfoIconColor = "#8faed2";
+export const DsnNoteNegativeBackgroundColor = "#2e0000";
+export const DsnNoteNegativeBorderInlineStartColor = "#e74848";
+export const DsnNoteNegativeColor = "#feeded";
+export const DsnNoteNegativeIconColor = "#f9b1b1";
+export const DsnNoteNeutralBackgroundColor = "#1d1d1d";
+export const DsnNoteNeutralBorderInlineStartColor = "#686868";
+export const DsnNoteNeutralColor = "#f1f1f1";
+export const DsnNoteNeutralIconColor = "#ababab";
+export const DsnNotePositiveBackgroundColor = "#002312";
+export const DsnNotePositiveBorderInlineStartColor = "#1ba158";
+export const DsnNotePositiveColor = "#e4f5ea";
+export const DsnNotePositiveIconColor = "#8ad3a6";
+export const DsnNoteWarningBackgroundColor = "#2b1a09";
+export const DsnNoteWarningBorderInlineStartColor = "#d37f25";
+export const DsnNoteWarningColor = "#ffeedd";
+export const DsnNoteWarningIconColor = "#ffb46b";
+export const DsnNumberBadgeFontSize = "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)";
+export const DsnNumberBadgeLineHeight = "1.5";
+export const DsnNumberBadgeFontWeight = "700";
+export const DsnNumberBadgePaddingBlock = "0px";
+export const DsnNumberBadgePaddingInline = "calc(0.5rem * 0.5)";
+export const DsnNumberBadgeBorderRadius = "999px";
+export const DsnNumberBadgeBorderWidth = "1px";
+export const DsnNumberBadgeBorderColor = "#00000000";
+export const DsnNumberBadgeNegativeColor = "#000000";
+export const DsnNumberBadgeNegativeBackgroundColor = "#f9b1b1";
+export const DsnNumberBadgePositiveColor = "#000000";
+export const DsnNumberBadgePositiveBackgroundColor = "#8ad3a6";
+export const DsnNumberBadgeWarningColor = "#000000";
+export const DsnNumberBadgeWarningBackgroundColor = "#ffb46b";
+export const DsnNumberBadgeInfoColor = "#000000";
+export const DsnNumberBadgeInfoBackgroundColor = "#8faed2";
+export const DsnNumberBadgeNeutralColor = "#000000";
+export const DsnNumberBadgeNeutralBackgroundColor = "#ababab";
+export const DsnOptionLabelColor = "#f1f1f1";
+export const DsnOptionLabelFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnOptionLabelFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnOptionLabelFontWeight = "400";
+export const DsnOptionLabelLineHeight = "1.5";
+export const DsnOptionLabelDisabledColor = "#8b8b8b";
+export const DsnOrderedListColor = "#f1f1f1";
+export const DsnOrderedListFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnOrderedListFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnOrderedListFontWeight = "400";
+export const DsnOrderedListMaxInlineSize = "65ch";
+export const DsnOrderedListGap = "calc(0.5rem * 0.5)";
+export const DsnOrderedListLineHeight = "1.5";
+export const DsnOrderedListMarginBlockEnd = "calc(0.5rem * 1.5)";
+export const DsnOrderedListMarkerColor = "#f1f1f1";
+export const DsnOrderedListPaddingInlineStart = "calc(0.5rem * 3)";
+export const DsnPageBodyPaddingInline = "calc(0.5rem * 2)";
+export const DsnPageFooterBackgroundColor = "#001d40";
+export const DsnPageFooterBorderBlockStartWidth = "4px";
+export const DsnPageFooterBorderBlockStartColor = "#3169ad";
+export const DsnPageFooterPaddingBlock = "calc(0.5rem * 8)";
+export const DsnPageFooterSlotGap = "calc(0.5rem * 2)";
+export const DsnPageFooterPaddingInline = "calc(0.5rem * 2)";
+export const DsnPageFooterLogoMaxBlockSize = "2rem";
+export const DsnPageHeaderBackgroundColor = "#111111";
+export const DsnPageHeaderBorderBlockEndWidth = "4px";
+export const DsnPageHeaderBorderBlockEndColor = "#8faed2";
+export const DsnPageHeaderPaddingBlock = "calc(0.5rem * 1)";
+export const DsnPageHeaderPaddingInline = "calc(0.5rem * 2)";
+export const DsnPageHeaderZIndex = "300";
+export const DsnPageHeaderLogoMaxBlockSize = "2rem";
+export const DsnPageHeaderMastheadBackgroundColor = "#111111";
+export const DsnPageHeaderMastheadPaddingBlock = "calc(0.5rem * 2)";
+export const DsnPageHeaderMastheadPaddingInline = "calc(0.5rem * 2)";
+export const DsnPageHeaderNavbarBackgroundColor = "#001d40";
+export const DsnPageHeaderNavbarPaddingInline = "calc(0.5rem * 2)";
+export const DsnPageHeaderSecondaryNavGap = "calc(0.5rem * 3)";
+export const DsnPageHeaderSearchPanelBackgroundColor = "#001d40";
+export const DsnPageHeaderSearchPanelPaddingBlock = "calc(0.5rem * 1)";
+export const DsnPageHeaderSearchPanelPaddingInline = "calc(0.5rem * 2)";
+export const DsnPageHeaderCompactBackgroundColor = "#111111";
+export const DsnPageHeaderCompactPaddingBlock = "calc(0.5rem * 2)";
+export const DsnPageHeaderCompactPaddingInline = "calc(0.5rem * 2)";
+export const DsnPageMaxInlineSize = "75rem";
+export const DsnParagraphColor = "#f1f1f1";
+export const DsnParagraphFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnParagraphFontWeight = "400";
+export const DsnParagraphMaxInlineSize = "65ch";
+export const DsnParagraphDefaultFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnParagraphDefaultLineHeight = "1.5";
+export const DsnParagraphDefaultMarginBlockEnd = "calc(0.5rem * 1.5)";
+export const DsnParagraphLeadFontSize = "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)";
+export const DsnParagraphLeadLineHeight = "1.25";
+export const DsnParagraphLeadMarginBlockEnd = "calc(0.5rem * 2)";
+export const DsnParagraphSmallPrintFontSize = "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)";
+export const DsnParagraphSmallPrintLineHeight = "1.5";
+export const DsnParagraphSmallPrintMarginBlockEnd = "calc(0.5rem * 1)";
+export const DsnPasswordInputPaddingInlineEnd = "3rem";
+export const DsnPopoverBackgroundColor = "#111111";
+export const DsnPopoverBorderWidth = "1px";
+export const DsnPopoverBorderColor = "#3e3e3e";
+export const DsnPopoverBorderRadius = "8px";
+export const DsnPopoverBoxShadow = "0 2px 4px 0 color-mix(in srgb, black 60%, transparent), 0 8px 16px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)";
+export const DsnPopoverMaxWidth = "25rem";
+export const DsnPopoverMinWidth = "12.5rem";
+export const DsnPopoverZIndex = "350";
+export const DsnPopoverHeadingFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnPopoverHeadingFontWeight = "700";
+export const DsnPopoverHeadingColor = "#f1f1f1";
+export const DsnPopoverHeadingFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnPopoverHeadingLineHeight = "1.5";
+export const DsnPopoverHeaderPaddingBlockStart = "calc(0.5rem * 2)";
+export const DsnPopoverHeaderPaddingBlockEnd = "calc(0.5rem * 2)";
+export const DsnPopoverHeaderPaddingInline = "calc(0.5rem * 2)";
+export const DsnPopoverBodyPaddingBlock = "calc(0.5rem * 2)";
+export const DsnPopoverBodyPaddingInline = "calc(0.5rem * 2)";
+export const DsnPopoverFooterPaddingBlockStart = "calc(0.5rem * 2)";
+export const DsnPopoverFooterPaddingBlockEnd = "calc(0.5rem * 2)";
+export const DsnPopoverFooterPaddingInline = "calc(0.5rem * 2)";
+export const DsnPreHeadingColor = "#f1f1f1";
+export const DsnPreHeadingFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnPreHeadingFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnPreHeadingFontWeight = "700";
+export const DsnPreHeadingLineHeight = "1.5";
+export const DsnPreHeadingMarginBlockEnd = "calc(0.5rem * 0.25)";
+export const DsnProgressBarColorTrack = "#1d1d1d";
+export const DsnProgressBarColorFill = "#8faed2";
+export const DsnProgressBarBlockSize = "8px";
+export const DsnProgressBarBorderRadius = "999px";
+export const DsnProgressBarGapHeader = "calc(0.5rem * 0.25)";
+export const DsnProgressBarGapFooter = "calc(0.5rem * 0.25)";
+export const DsnRadioGroupBorderWidth = "0px";
+export const DsnRadioGroupGap = "calc(0.5rem * 0.5)";
+export const DsnRadioGroupMargin = "0px";
+export const DsnRadioGroupPadding = "0px";
+export const DsnRadioGroupLegendColor = "#f1f1f1";
+export const DsnRadioGroupLegendFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnRadioGroupLegendFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnRadioGroupLegendFontWeight = "700";
+export const DsnRadioGroupLegendLineHeight = "1.5";
+export const DsnRadioGroupLegendMarginBlockEnd = "calc(0.5rem * 0.5)";
+export const DsnRadioOptionGap = "calc(0.5rem * 1)";
+export const DsnRadioOptionPaddingBlock = "calc(0.5rem * 1)";
+export const DsnRadioBackgroundColor = "#111111";
+export const DsnRadioBorderColor = "#686868";
+export const DsnRadioBorderWidth = "1px";
+export const DsnRadioColor = "#686868";
+export const DsnRadioSize = "calc(var(--dsn-text-font-size-md) * var(--dsn-text-line-height-md))";
+export const DsnRadioActiveBackgroundColor = "#2e2e2e";
+export const DsnRadioActiveBorderColor = "#7c7c7c";
+export const DsnRadioActiveBorderWidth = "2px";
+export const DsnRadioActiveColor = "#7c7c7c";
+export const DsnRadioCheckedBackgroundColor = "#8faed2";
+export const DsnRadioCheckedBorderColor = "#00000000";
+export const DsnRadioCheckedBorderWidth = "1px";
+export const DsnRadioCheckedColor = "#000000";
+export const DsnRadioDisabledBackgroundColor = "#040404";
+export const DsnRadioDisabledBorderColor = "#3e3e3e";
+export const DsnRadioDisabledColor = "#3e3e3e";
+export const DsnRadioFocusBackgroundColor = "#111111";
+export const DsnRadioFocusBorderColor = "#7c7c7c";
+export const DsnRadioFocusBorderWidth = "2px";
+export const DsnRadioFocusColor = "#7c7c7c";
+export const DsnRadioHoverBackgroundColor = "#262626";
+export const DsnRadioHoverBorderColor = "#727272";
+export const DsnRadioHoverBorderWidth = "2px";
+export const DsnRadioHoverColor = "#727272";
+export const DsnRadioInvalidBackgroundColor = "#2e0000";
+export const DsnRadioInvalidBorderColor = "#e74848";
+export const DsnRadioInvalidBorderWidth = "2px";
+export const DsnRadioInvalidColor = "#e74848";
+export const DsnRadioCheckedActiveBackgroundColor = "#bbcee4";
+export const DsnRadioCheckedActiveBorderColor = "#00000000";
+export const DsnRadioCheckedActiveBorderWidth = "2px";
+export const DsnRadioCheckedActiveColor = "#000000";
+export const DsnRadioCheckedDisabledBackgroundColor = "#040404";
+export const DsnRadioCheckedDisabledBorderColor = "#3e3e3e";
+export const DsnRadioCheckedDisabledColor = "#8b8b8b";
+export const DsnRadioCheckedFocusBackgroundColor = "#111111";
+export const DsnRadioCheckedFocusBorderColor = "#7c7c7c";
+export const DsnRadioCheckedFocusBorderWidth = "2px";
+export const DsnRadioCheckedFocusColor = "#f1f1f1";
+export const DsnRadioCheckedHoverBackgroundColor = "#a5bedb";
+export const DsnRadioCheckedHoverBorderColor = "#00000000";
+export const DsnRadioCheckedHoverBorderWidth = "2px";
+export const DsnRadioCheckedHoverColor = "#000000";
+export const DsnRadioIconSize = "calc(var(--dsn-radio-size) * 0.33)";
+export const DsnSearchInputIconGap = "calc(0.5rem * 1)";
+export const DsnSearchInputIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnSearchInputPaddingInlineStartWithIcon = "calc(calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5) + calc(0.5rem * 1) + calc(0.5rem * 1.5))";
+export const DsnSelectIconColor = "#8faed2";
+export const DsnSelectIconGap = "calc(0.5rem * 1)";
+export const DsnSelectIconInsetInlineEnd = "calc(0.5rem * 1)";
+export const DsnSelectIconSize = "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)";
+export const DsnSelectPaddingInlineEndWithIcon = "calc(calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5) + calc(0.5rem * 1) + calc(0.5rem * 1))";
+export const DsnSkipLinkZIndex = "600";
+export const DsnSkipLinkPaddingBlock = "calc(0.5rem * 1)";
+export const DsnSkipLinkPaddingInline = "calc(0.5rem * 1.5)";
+export const DsnSkipLinkBorderRadius = "8px";
+export const DsnSkipLinkOffsetBlockStart = "calc(0.5rem * 1)";
+export const DsnSkipLinkOffsetInlineStart = "calc(0.5rem * 1)";
+export const DsnSpinnerSize = "1.5rem";
+export const DsnSpinnerSizeLarge = "3rem";
+export const DsnSpinnerStrokeWidth = "2px";
+export const DsnSpinnerColor = "#8faed2";
+export const DsnSpinnerTrackColor = "#040404";
+export const DsnSpinnerDuration = "800ms";
+export const DsnSpinnerGapSize = "calc(0.5rem * 1)";
+export const DsnStatusBadgeBorderColor = "#00000000";
+export const DsnStatusBadgeBorderRadius = "4px";
+export const DsnStatusBadgeBorderWidth = "1px";
+export const DsnStatusBadgeFontSize = "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)";
+export const DsnStatusBadgeGap = "calc(0.5rem * 0.5)";
+export const DsnStatusBadgeIconSize = "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)";
+export const DsnStatusBadgeLineHeight = "1.5";
+export const DsnStatusBadgePaddingBlock = "calc(0.5rem * 0.25)";
+export const DsnStatusBadgePaddingInline = "calc(0.5rem * 1)";
+export const DsnStatusBadgeTextTransform = "none";
+export const DsnStatusBadgeInfoBackgroundColor = "#001d40";
+export const DsnStatusBadgeInfoColor = "#8faed2";
+export const DsnStatusBadgeNegativeBackgroundColor = "#2e0000";
+export const DsnStatusBadgeNegativeColor = "#f9b1b1";
+export const DsnStatusBadgeNeutralBackgroundColor = "#1d1d1d";
+export const DsnStatusBadgeNeutralColor = "#ababab";
+export const DsnStatusBadgePositiveBackgroundColor = "#002312";
+export const DsnStatusBadgePositiveColor = "#8ad3a6";
+export const DsnStatusBadgeWarningBackgroundColor = "#2b1a09";
+export const DsnStatusBadgeWarningColor = "#ffb46b";
+export const DsnSummaryListRowBorderBlockEndColor = "#3e3e3e";
+export const DsnSummaryListRowBorderBlockEndWidth = "1px";
+export const DsnSummaryListRowGap = "calc(0.5rem * 1.5)";
+export const DsnSummaryListRowPaddingBlock = "calc(0.5rem * 1.5)";
+export const DsnSummaryListKeyColor = "#f1f1f1";
+export const DsnSummaryListKeyFontWeight = "700";
+export const DsnSummaryListKeyBasis = "30%";
+export const DsnSummaryListValueColor = "#f1f1f1";
+export const DsnSummaryListActionsGap = "calc(0.5rem * 3)";
+export const DsnSummaryListActionsMarginBlockStartStacked = "calc(0.5rem * 1)";
+export const DsnTableOfContentsBorderInlineStartWidth = "2px";
+export const DsnTableOfContentsBorderInlineStartColor = "#3169ad";
+export const DsnTableOfContentsBackgroundColor = "#001d40";
+export const DsnTableOfContentsPaddingBlock = "calc(0.5rem * 2)";
+export const DsnTableOfContentsPaddingInlineStart = "calc(0.5rem * 2)";
+export const DsnTableOfContentsPaddingInlineEnd = "calc(0.5rem * 2)";
+export const DsnTableOfContentsHeadingGap = "calc(0.5rem * 2)";
+export const DsnTableOfContentsPlainPaddingBlock = "calc(0.5rem * 1)";
+export const DsnTableOfContentsPlainListGap = "calc(0.5rem * 1.5)";
+export const DsnTableOfContentsPlainLinkTextDecorationLine = "none";
+export const DsnTableOfContentsPlainLinkHoverTextDecorationLine = "underline";
+export const DsnTableCaptionColor = "#f1f1f1";
+export const DsnTableCaptionFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnTableCaptionFontSize = "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)";
+export const DsnTableCaptionFontWeight = "700";
+export const DsnTableCaptionLineHeight = "1.25";
+export const DsnTableCellPaddingBlockEnd = "calc(0.5rem * 1.5)";
+export const DsnTableCellPaddingBlockStart = "calc(0.5rem * 1.5)";
+export const DsnTableCellPaddingInlineEnd = "calc(0.5rem * 2)";
+export const DsnTableCellPaddingInlineStart = "calc(0.5rem * 2)";
+export const DsnTableHeaderBackgroundColor = "#00000000";
+export const DsnTableHeaderBorderBlockEndColor = "#3e3e3e";
+export const DsnTableHeaderBorderBlockEndWidth = "2px";
+export const DsnTableHeaderColor = "#f1f1f1";
+export const DsnTableHeaderCellFontWeight = "700";
+export const DsnTableRowBorderBlockEndColor = "#3e3e3e";
+export const DsnTableRowBorderBlockEndWidth = "1px";
+export const DsnTableFooterBackgroundColor = "#00000000";
+export const DsnTableFooterBorderBlockStartColor = "#3e3e3e";
+export const DsnTableFooterBorderBlockStartWidth = "2px";
+export const DsnTableFooterColor = "#f1f1f1";
+export const DsnTableFooterFontWeight = "700";
+export const DsnTableWrapperBackgroundColor = "#111111";
+export const DsnTableWrapperScrollShadowColor = "#ffffff1f";
+export const DsnTextAreaBackgroundColor = "#111111";
+export const DsnTextAreaBorderColor = "#686868";
+export const DsnTextAreaBorderRadius = "0px";
+export const DsnTextAreaBorderWidth = "1px";
+export const DsnTextAreaColor = "#f1f1f1";
+export const DsnTextAreaFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnTextAreaFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnTextAreaFontWeight = "400";
+export const DsnTextAreaLineHeight = "1.5";
+export const DsnTextAreaMinBlockSize = "3rem";
+export const DsnTextAreaMinInlineSize = "3rem";
+export const DsnTextAreaOutlineOffset = "0px";
+export const DsnTextAreaPaddingBlockEnd = "calc(0.5rem * 1)";
+export const DsnTextAreaPaddingBlockStart = "calc(0.5rem * 1)";
+export const DsnTextAreaPaddingInlineEnd = "calc(0.5rem * 1.5)";
+export const DsnTextAreaPaddingInlineStart = "calc(0.5rem * 1.5)";
+export const DsnTextAreaResize = "vertical";
+export const DsnTextAreaDisabledBackgroundColor = "#040404";
+export const DsnTextAreaDisabledBorderColor = "#3e3e3e";
+export const DsnTextAreaDisabledColor = "#8b8b8b";
+export const DsnTextAreaFocusBackgroundColor = "#111111";
+export const DsnTextAreaFocusBorderColor = "#7c7c7c";
+export const DsnTextAreaFocusBoxShadowX = "0";
+export const DsnTextAreaFocusBoxShadowY = "0";
+export const DsnTextAreaFocusBoxShadowBlur = "0";
+export const DsnTextAreaFocusBoxShadowSpread = "2px";
+export const DsnTextAreaFocusBoxShadowColor = "#7c7c7c";
+export const DsnTextAreaFocusColor = "#f1f1f1";
+export const DsnTextAreaHoverBoxShadowX = "0";
+export const DsnTextAreaHoverBoxShadowY = "0";
+export const DsnTextAreaHoverBoxShadowBlur = "0";
+export const DsnTextAreaHoverBoxShadowSpread = "2px";
+export const DsnTextAreaHoverBoxShadowColor = "#686868";
+export const DsnTextAreaPlaceholderColor = "#8b8b8b";
+export const DsnTextAreaInvalidBackgroundColor = "#2e0000";
+export const DsnTextAreaInvalidBorderColor = "#e74848";
+export const DsnTextAreaInvalidBoxShadowX = "0";
+export const DsnTextAreaInvalidBoxShadowY = "0";
+export const DsnTextAreaInvalidBoxShadowBlur = "0";
+export const DsnTextAreaInvalidBoxShadowSpread = "2px";
+export const DsnTextAreaInvalidBoxShadowColor = "#e74848";
+export const DsnTextAreaInvalidColor = "#f1f1f1";
+export const DsnTextAreaReadOnlyBackgroundColor = "#040404";
+export const DsnTextAreaReadOnlyBorderColor = "#00000000";
+export const DsnTextAreaReadOnlyColor = "#f1f1f1";
+export const DsnTextInputBackgroundColor = "#111111";
+export const DsnTextInputBorderColor = "#686868";
+export const DsnTextInputBorderRadius = "0px";
+export const DsnTextInputBorderWidth = "1px";
+export const DsnTextInputColor = "#f1f1f1";
+export const DsnTextInputColumnGap = "calc(0.5rem * 1.5)";
+export const DsnTextInputFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnTextInputFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnTextInputFontWeight = "400";
+export const DsnTextInputLineHeight = "1.5";
+export const DsnTextInputMinBlockSize = "3rem";
+export const DsnTextInputMinInlineSize = "3rem";
+export const DsnTextInputOutlineOffset = "0px";
+export const DsnTextInputPaddingBlockEnd = "calc(0.5rem * 1)";
+export const DsnTextInputPaddingBlockStart = "calc(0.5rem * 1)";
+export const DsnTextInputPaddingInlineEnd = "calc(0.5rem * 1.5)";
+export const DsnTextInputPaddingInlineStart = "calc(0.5rem * 1.5)";
+export const DsnTextInputDisabledBackgroundColor = "#040404";
+export const DsnTextInputDisabledBorderColor = "#3e3e3e";
+export const DsnTextInputDisabledColor = "#8b8b8b";
+export const DsnTextInputFocusBackgroundColor = "#111111";
+export const DsnTextInputFocusBorderColor = "#7c7c7c";
+export const DsnTextInputFocusBoxShadowX = "0";
+export const DsnTextInputFocusBoxShadowY = "0";
+export const DsnTextInputFocusBoxShadowBlur = "0";
+export const DsnTextInputFocusBoxShadowSpread = "2px";
+export const DsnTextInputFocusBoxShadowColor = "#7c7c7c";
+export const DsnTextInputFocusColor = "#f1f1f1";
+export const DsnTextInputHoverBoxShadowX = "0";
+export const DsnTextInputHoverBoxShadowY = "0";
+export const DsnTextInputHoverBoxShadowBlur = "0";
+export const DsnTextInputHoverBoxShadowSpread = "2px";
+export const DsnTextInputHoverBoxShadowColor = "#686868";
+export const DsnTextInputPlaceholderColor = "#8b8b8b";
+export const DsnTextInputInvalidBackgroundColor = "#2e0000";
+export const DsnTextInputInvalidBorderColor = "#e74848";
+export const DsnTextInputInvalidBoxShadowX = "0";
+export const DsnTextInputInvalidBoxShadowY = "0";
+export const DsnTextInputInvalidBoxShadowBlur = "0";
+export const DsnTextInputInvalidBoxShadowSpread = "2px";
+export const DsnTextInputInvalidBoxShadowColor = "#e74848";
+export const DsnTextInputInvalidColor = "#f1f1f1";
+export const DsnTextInputReadOnlyBackgroundColor = "#040404";
+export const DsnTextInputReadOnlyBorderColor = "#00000000";
+export const DsnTextInputReadOnlyColor = "#f1f1f1";
+export const DsnTimeInputButtonInsetInlineEnd = "calc(0.5rem * 0.5)";
+export const DsnTimeInputIconColor = "#8faed2";
+export const DsnTimeInputIconGap = "calc(0.5rem * 1)";
+export const DsnTimeInputIconHoverColor = "#a5bedb";
+export const DsnTimeInputIconSize = "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)";
+export const DsnTimeInputPaddingInlineEndWithIcon = "calc((calc(0.5rem * 0.5) * 2) + calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5) + calc(0.5rem * 0.5) + calc(0.5rem * 1))";
+export const DsnUnorderedListColor = "#f1f1f1";
+export const DsnUnorderedListFontFamily = "IBM Plex Sans, sans-serif";
+export const DsnUnorderedListFontSize = "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)";
+export const DsnUnorderedListFontWeight = "400";
+export const DsnUnorderedListMaxInlineSize = "65ch";
+export const DsnUnorderedListGap = "calc(0.5rem * 0.5)";
+export const DsnUnorderedListLineHeight = "1.5";
+export const DsnUnorderedListMarginBlockEnd = "calc(0.5rem * 1.5)";
+export const DsnUnorderedListMarkerColor = "#8faed2";
+export const DsnUnorderedListPaddingInlineStart = "calc(0.5rem * 3)";