UNPKG

@stihl-design-system/components

Version:

Welcome to the STIHL Design System react component library.

203 lines (202 loc) 5.81 kB
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; }; }; };