@cerberus-design/panda-preset
Version:
The official Panda-CSS preset for the omni-federal design system
176 lines (174 loc) • 5.44 kB
JavaScript
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