@openkfw/design-tokens 0.1.0

package/output/web_stable_10px/js/kfw-design-tokens.light.d.ts

@@ -0,0 +1,560 @@
+/**
+ * KfW Design Tokens v0.1.0
+ * Copyright 2025
+ * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
+ */
+
+export const KfwBaseColorBlue100: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorBlue400: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorBlue500: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorBlue600: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorBlue700: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorBlue800: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorGreen100: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorGreen300: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorGreen400: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorGreen700: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorWhite90: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+  alpha: number;
+};
+export const KfwBaseColorWhite95: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+  alpha: number;
+};
+export const KfwBaseColorWhite: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorBlack: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorGray50: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorGray100: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorGray200: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorGray300: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorGray400: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorGray50010: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+  alpha: number;
+};
+export const KfwBaseColorGray50030: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+  alpha: number;
+};
+export const KfwBaseColorGray50090: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+  alpha: number;
+};
+export const KfwBaseColorGray500: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorGray600: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorViolet400: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorViolet500: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorRed400: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseColorYellow500: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwBaseFontfamilySans: string;
+export const KfwBaseFontfamilyMono: string;
+export const KfwBaseSpaceStatic5: string;
+export const KfwBaseSpaceStatic10: string;
+export const KfwBaseSpaceStatic15: string;
+export const KfwBaseSpaceStatic20: string;
+export const KfwBaseSpaceStatic25: string;
+export const KfwBaseSpaceStatic30: string;
+export const KfwBaseSpaceStatic35: string;
+export const KfwBaseSpaceStatic40: string;
+export const KfwBaseSpaceStatic50: string;
+export const KfwBaseSpaceStatic60: string;
+export const KfwBaseSpaceFluid5Min: string;
+export const KfwBaseSpaceFluid5Max: string;
+export const KfwBaseSpaceFluid5Val: string;
+export const KfwBaseSpaceFluid10Min: string;
+export const KfwBaseSpaceFluid10Max: string;
+export const KfwBaseSpaceFluid10Val: string;
+export const KfwBaseSpaceFluid15Min: string;
+export const KfwBaseSpaceFluid15Max: string;
+export const KfwBaseSpaceFluid15Val: string;
+export const KfwBaseSpaceFluid20Min: string;
+export const KfwBaseSpaceFluid20Max: string;
+export const KfwBaseSpaceFluid20Val: string;
+export const KfwBaseSpaceFluid25Min: string;
+export const KfwBaseSpaceFluid25Max: string;
+export const KfwBaseSpaceFluid25Val: string;
+export const KfwBaseSpaceFluid30Min: string;
+export const KfwBaseSpaceFluid30Max: string;
+export const KfwBaseSpaceFluid30Val: string;
+export const KfwBaseSpaceFluid35Min: string;
+export const KfwBaseSpaceFluid35Max: string;
+export const KfwBaseSpaceFluid35Val: string;
+export const KfwBaseSpaceFluid40Min: string;
+export const KfwBaseSpaceFluid40Max: string;
+export const KfwBaseSpaceFluid40Val: string;
+export const KfwBaseSpaceFluid50Min: string;
+export const KfwBaseSpaceFluid50Max: string;
+export const KfwBaseSpaceFluid50Val: string;
+export const KfwBaseFontsizeStaticSm: string;
+export const KfwBaseFontsizeStaticMd: string;
+export const KfwBaseFontsizeStaticLg: string;
+export const KfwBaseFontsizeStaticXl: string;
+export const KfwBaseFontsizeStatic2xl: string;
+export const KfwBaseFontsizeStatic3xl: string;
+export const KfwBaseFontsizeStatic4xl: string;
+export const KfwBaseFontsizeStatic5xl: string;
+export const KfwBaseFontsizeStatic6xl: string;
+export const KfwBaseFontsizeStatic7xl: string;
+export const KfwBaseFontsizeStatic8xl: string;
+export const KfwBaseFontsizeFluidSmMin: string;
+export const KfwBaseFontsizeFluidSmMax: string;
+export const KfwBaseFontsizeFluidSmVal: string;
+export const KfwBaseFontsizeFluidMdMin: string;
+export const KfwBaseFontsizeFluidMdMax: string;
+export const KfwBaseFontsizeFluidMdVal: string;
+export const KfwBaseFontsizeFluidLgMin: string;
+export const KfwBaseFontsizeFluidLgMax: string;
+export const KfwBaseFontsizeFluidLgVal: string;
+export const KfwBaseFontsizeFluidXlMin: string;
+export const KfwBaseFontsizeFluidXlMax: string;
+export const KfwBaseFontsizeFluidXlVal: string;
+export const KfwBaseFontsizeFluid2xlMin: string;
+export const KfwBaseFontsizeFluid2xlMax: string;
+export const KfwBaseFontsizeFluid2xlVal: string;
+export const KfwBaseFontsizeFluid3xlMin: string;
+export const KfwBaseFontsizeFluid3xlMax: string;
+export const KfwBaseFontsizeFluid3xlVal: string;
+export const KfwBaseFontsizeFluid4xlMin: string;
+export const KfwBaseFontsizeFluid4xlMax: string;
+export const KfwBaseFontsizeFluid4xlVal: string;
+export const KfwBaseFontsizeFluid5xlMin: string;
+export const KfwBaseFontsizeFluid5xlMax: string;
+export const KfwBaseFontsizeFluid5xlVal: string;
+export const KfwBaseFontsizeFluid6xlMin: string;
+export const KfwBaseFontsizeFluid6xlMax: string;
+export const KfwBaseFontsizeFluid6xlVal: string;
+export const KfwBaseLineheight2xs: number;
+export const KfwBaseLineheightXs: number;
+export const KfwBaseLineheightSm: number;
+export const KfwBaseLineheightMd: number;
+export const KfwBaseLineheightLg: number;
+export const KfwBaseBorderradiusSm: string;
+export const KfwBaseBorderradiusMd: string;
+export const KfwBaseBorderradiusLg: string;
+export const KfwBaseBorderradiusFull: string;
+export const KfwBaseBorderwidthNone: string;
+export const KfwBaseBorderwidthMd: string;
+export const KfwBaseBorderwidthLg: string;
+export const KfwBaseFontweightRegular: number;
+export const KfwBaseFontweightMedium: number;
+export const KfwBaseLetterspacingTight: string;
+export const KfwBaseLetterspacingNormal: string;
+export const KfwBaseLetterspacingWide: string;
+export const KfwBaseLetterspacingWider: string;
+export const KfwBaseLayoutBreakpointXs: string;
+export const KfwBaseLayoutBreakpointSm: string;
+export const KfwBaseLayoutBreakpointMd: string;
+export const KfwBaseLayoutBreakpointLg: string;
+export const KfwBaseLayoutBreakpointXl: string;
+export const KfwBaseLayoutContainerSm: string;
+export const KfwBaseLayoutContainerMd: string;
+export const KfwBaseLayoutContainerLg: string;
+export const KfwBaseLayoutSafezoneStaticMd: string;
+export const KfwBaseLayoutSafezoneStaticLg: string;
+export const KfwBaseLayoutSafezoneFluidMin: string;
+export const KfwBaseLayoutSafezoneFluidMax: string;
+export const KfwBaseLayoutSafezoneFluidVal: string;
+export const KfwBaseLayoutGridcolumn1: number;
+export const KfwBaseLayoutGridcolumn2: number;
+export const KfwBaseLayoutGridcolumn3: number;
+export const KfwBaseLayoutGridcolumn4: number;
+export const KfwBaseLayoutGridcolumn6: number;
+export const KfwBaseLayoutGridcolumn8: number;
+export const KfwBaseLayoutGridcolumn12: number;
+export const KfwBaseLayoutGridgapStaticXs: string;
+export const KfwBaseLayoutGridgapStaticSm: string;
+export const KfwBaseLayoutGridgapStaticMd: string;
+export const KfwBaseLayoutGridgapStaticLg: string;
+export const KfwBaseLayoutGridgapStaticXl: string;
+export const KfwBaseLayoutGridgapFluidMin: string;
+export const KfwBaseLayoutGridgapFluidMax: string;
+export const KfwBaseLayoutGridgapFluidVal: string;
+export const KfwColorFn: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorFnActive: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorFnInactive: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorFnBorder: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorFnLabel: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorText: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorTextOnDarkBg: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorTextOnDisabled: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorTextHeadlineOnDarkBg: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorBackground: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorBackgroundSubtle: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorBackgroundDisabled: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorBackgroundLightBlue: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorBackgroundLightGreen: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorBackgroundDarkBlue: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorBackgroundDarkGreen: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorAccent: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorOpaqueWhite90: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+  alpha: number;
+};
+export const KfwColorOpaqueWhite95: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+  alpha: number;
+};
+export const KfwColorOpaqueGray50010: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+  alpha: number;
+};
+export const KfwColorOpaqueGray50030: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+  alpha: number;
+};
+export const KfwColorOpaqueGray50090: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+  alpha: number;
+};
+export const KfwColorStateDanger: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorStateSuccess: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorStateWarning: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorStatusRed: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorStatusYellow: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorStatusGreen: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorLine6: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorLine7: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorLine8: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorLine9: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorLine10: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorLine11: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorLine12: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorProductContainer: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorProductBenefit: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorProductCredit: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorProductCooperation: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorProductCreditBenefit: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorIcon: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorIconSecondary: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorIconDisabled: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwColorIconDisabledSecondary: {
+  colorSpace: string;
+  components: number[];
+  hex: string;
+};
+export const KfwFontfamily: string;
+export const KfwFontfamilyCode: string;
+export const KfwSpaceXsmall: string;
+export const KfwSpaceSmall: string;
+export const KfwSpaceMedium: string;
+export const KfwSpaceLargeMin: string;
+export const KfwSpaceLargeMax: string;
+export const KfwSpaceLargeVal: string;
+export const KfwSpaceBigMin: string;
+export const KfwSpaceBigMax: string;
+export const KfwSpaceBigVal: string;
+export const KfwFontspace: string;
+export const KfwFontspaceIntroduction: string;
+export const KfwFontspaceSmall: string;
+export const KfwFontspaceLarge: string;
+export const KfwFontspaceHeading1: string;
+export const KfwFontspaceHeading2: string;
+export const KfwFontspaceHeading3: string;
+export const KfwFontspaceHeading4: string;
+export const KfwFontspaceHeading5: string;
+export const KfwFontspaceHeading6: string;
+export const KfwFontsize: string;
+export const KfwFontsizeIntroduction: string;
+export const KfwFontsizeSmall: string;
+export const KfwFontsizeLarge: string;
+export const KfwFontsizeHeading1Min: string;
+export const KfwFontsizeHeading1Max: string;
+export const KfwFontsizeHeading1Val: string;
+export const KfwFontsizeHeading2Min: string;
+export const KfwFontsizeHeading2Max: string;
+export const KfwFontsizeHeading2Val: string;
+export const KfwFontsizeHeading3Min: string;
+export const KfwFontsizeHeading3Max: string;
+export const KfwFontsizeHeading3Val: string;
+export const KfwFontsizeHeading4Min: string;
+export const KfwFontsizeHeading4Max: string;
+export const KfwFontsizeHeading4Val: string;
+export const KfwFontsizeHeading5: string;
+export const KfwFontsizeHeading6: string;
+export const KfwLineheight: number;
+export const KfwLineheightList: number;
+export const KfwLineheightHeading: number;
+export const KfwLineheightHeading5: number;
+export const KfwBorderradius: string;
+export const KfwFocusringOutline: {
+  color: { colorSpace: string; components: number[]; hex: string };
+  width: string;
+  style: string;
+};
+export const KfwFocusringOutlineOffset: string;
+export const KfwFontweight: number;
+export const KfwFontweightHeading: number;
+export const KfwBreakpointMobile: string;
+export const KfwBreakpointTablet: string;
+export const KfwBreakpointDesktop: string;
+export const KfwContentwrapperNarrow: string;
+export const KfwContentwrapperBasic: string;
+export const KfwContentwrapperExtended: string;
+export const KfwSafezoneMin: string;
+export const KfwSafezoneMax: string;
+export const KfwSafezoneVal: string;