@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
203 lines (202 loc) • 5.81 kB
TypeScript
export declare const DS_COLOR_CORE: {
black: {
base: string;
opacity_10: string;
opacity_50: string;
};
blue: {
base: string;
dark: string;
deep: string;
light: string;
mid: string;
};
forest: {
base: string;
dark: string;
deep: string;
light: string;
mid: string;
};
green: {
base: string;
dark: string;
deep: string;
light: string;
mid: string;
};
grey: {
base: string;
dark: string;
deep: string;
light: string;
mid: string;
semiDark: string;
ultraDeep: string;
ultraLight: string;
};
orange: {
base: string;
dark: string;
deep: string;
light: string;
mid: string;
};
red: {
base: string;
dark: string;
deep: string;
light: string;
mid: string;
};
white: {
base: string;
opacity_15: string;
opacity_50: string;
};
yellow: {
base: string;
dark: string;
deep: string;
light: string;
mid: string;
};
};
export declare const DS_COLOR_TOKEN: {
light: {
background: {
brandDisabled: string;
brandHover: string;
brandPressed: string;
brand: string;
feedbackError: string;
feedbackInfo: string;
feedbackSuccess: string;
feedbackWarning: string;
primaryDisabled: string;
primaryHover: string;
primaryInverseDisabled: string;
primaryInverseHover: string;
primaryInversePressed: string;
primaryInverse: string;
primaryPressed: string;
primary: string;
secondaryDisabled: string;
secondaryInverseDisabled: string;
secondaryInverse: string;
secondary: string;
sustainability: string;
tertiary: string;
transparentHover: string;
transparentPressed: string;
transparent: string;
};
border: {
feedbackError: string;
feedbackInfo: string;
feedbackSuccess: string;
feedbackWarning: string;
focus: string;
primaryDisabled: string;
primaryInverse: string;
primary: string;
secondaryDisabled: string;
secondary: string;
tertiary: string;
};
content: {
brandDisabled: string;
brandHover: string;
brandPressed: string;
brand: string;
feedbackError: string;
feedbackInfo: string;
feedbackSuccess: string;
feedbackWarning: string;
interactionAccentHover: string;
interactionAccentPressed: string;
interactionAccent: string;
interactionNeutral: string;
primaryDisabled: string;
primaryInverseDisabled: string;
primaryInverse: string;
primaryOnBrandDisabled: string;
primaryOnBrand: string;
primary: string;
secondaryDisabled: string;
secondary: string;
sustainability: string;
tertiaryInverseDisabled: string;
tertiaryInverse: string;
tertiary: string;
};
};
dark: {
background: {
brandDisabled: string;
brandHover: string;
brandPressed: string;
brand: string;
feedbackError: string;
feedbackInfo: string;
feedbackSuccess: string;
feedbackWarning: string;
primaryDisabled: string;
primaryHover: string;
primaryInverseDisabled: string;
primaryInverseHover: string;
primaryInversePressed: string;
primaryInverse: string;
primaryPressed: string;
primary: string;
secondaryDisabled: string;
secondaryInverseDisabled: string;
secondaryInverse: string;
secondary: string;
sustainability: string;
tertiary: string;
transparentHover: string;
transparentPressed: string;
transparent: string;
};
border: {
feedbackError: string;
feedbackInfo: string;
feedbackSuccess: string;
feedbackWarning: string;
focus: string;
primaryDisabled: string;
primaryInverse: string;
primary: string;
secondaryDisabled: string;
secondary: string;
tertiary: string;
};
content: {
brandDisabled: string;
brandHover: string;
brandPressed: string;
brand: string;
feedbackError: string;
feedbackInfo: string;
feedbackSuccess: string;
feedbackWarning: string;
interactionAccentHover: string;
interactionAccentPressed: string;
interactionAccent: string;
interactionNeutral: string;
primaryDisabled: string;
primaryInverseDisabled: string;
primaryInverse: string;
primaryOnBrandDisabled: string;
primaryOnBrand: string;
primary: string;
secondaryDisabled: string;
secondary: string;
sustainability: string;
tertiaryInverseDisabled: string;
tertiaryInverse: string;
tertiary: string;
};
};
};