UNPKG

@cerberus-design/panda-preset

Version:

The official Panda-CSS preset for the omni-federal design system

176 lines (174 loc) 5.44 kB
import { colors, deepGetByPaths, rawTokens } from "./chunk-ACTKV4E7.js"; // src/theme/semantic-tokens/info.ts var infoTokens = { info: { border: { initial: { description: "The default border color of informational elements.", value: { _cerberusTheme: { base: deepGetByPaths( colors, rawTokens.semanticColors.dark.border.info.initial.$value ).$value, _lightMode: deepGetByPaths( colors, rawTokens.semanticColors.light.border.info.initial.$value ).$value, _darkMode: deepGetByPaths( colors, rawTokens.semanticColors.dark.border.info.initial.$value ).$value } } } }, bg: { initial: { description: "The default background color of informational elements.", value: { _cerberusTheme: { base: deepGetByPaths( colors, rawTokens.semanticColors.dark.background.info.initial.$value ).$value, _lightMode: deepGetByPaths( colors, rawTokens.semanticColors.light.background.info.initial.$value ).$value, _darkMode: deepGetByPaths( colors, rawTokens.semanticColors.dark.background.info.initial.$value ).$value } } } }, surface: { initial: { description: "The default color for a layout-based surface element (like a page or card) in a informational state.", value: { _cerberusTheme: { base: deepGetByPaths( colors, rawTokens.semanticColors.dark.surface.info.initial.$value ).$value, _lightMode: deepGetByPaths( colors, rawTokens.semanticColors.light.surface.info.initial.$value ).$value, _darkMode: deepGetByPaths( colors, rawTokens.semanticColors.dark.surface.info.initial.$value ).$value } } }, 100: { description: "The second layer of color for static (surface) elements that display a info state - used on top of initial.", value: { _cerberusTheme: { base: deepGetByPaths( colors, rawTokens.semanticColors.dark.surface.info["100"].$value ).$value, _lightMode: deepGetByPaths( colors, rawTokens.semanticColors.light.surface.info["100"].$value ).$value, _darkMode: deepGetByPaths( colors, rawTokens.semanticColors.dark.surface.info["100"].$value ).$value } } }, 200: { description: "The third layer of color for static (surface) elements that display a info state - used on top of 100.", value: { _cerberusTheme: { base: deepGetByPaths( colors, rawTokens.semanticColors.dark.surface.info["200"].$value ).$value, _lightMode: deepGetByPaths( colors, rawTokens.semanticColors.light.surface.info["200"].$value ).$value, _darkMode: deepGetByPaths( colors, rawTokens.semanticColors.dark.surface.info["200"].$value ).$value } } } }, text: { initial: { description: "The default text color of informational elements.", value: { _cerberusTheme: { base: deepGetByPaths( colors, rawTokens.semanticColors.dark.text.info.initial.$value ).$value, _lightMode: deepGetByPaths( colors, rawTokens.semanticColors.light.text.info.initial.$value ).$value, _darkMode: deepGetByPaths( colors, rawTokens.semanticColors.dark.text.info.initial.$value ).$value } } }, 100: { description: "The secondary text color of informational elements.", value: { _cerberusTheme: { base: deepGetByPaths( colors, rawTokens.semanticColors.dark.text.info["100"].$value ).$value, _lightMode: deepGetByPaths( colors, rawTokens.semanticColors.light.text.info["100"].$value ).$value, _darkMode: deepGetByPaths( colors, rawTokens.semanticColors.dark.text.info["100"].$value ).$value } } }, 200: { description: "The tertiary text color of informational elements.", value: { _cerberusTheme: { base: deepGetByPaths( colors, rawTokens.semanticColors.dark.text.info["200"].$value ).$value, _lightMode: deepGetByPaths( colors, rawTokens.semanticColors.light.text.info["200"].$value ).$value, _darkMode: deepGetByPaths( colors, rawTokens.semanticColors.dark.text.info["200"].$value ).$value } } } } } }; export { infoTokens }; //# sourceMappingURL=chunk-BZ7H65BB.js.map