@cerberus-design/panda-preset
Version:
The official Panda-CSS preset for the omni-federal design system
174 lines (172 loc) • 5.46 kB
JavaScript
import {
colors,
deepGetByPaths,
rawTokens
} from "./chunk-MPWXZKWE.js";
// src/theme/semantic-tokens/warning.ts
var warningTokens = {
warning: {
border: {
initial: {
description: "The default border color of warning elements.",
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.border.warning.initial.$value
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.border.warning.initial.$value
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.border.warning.initial.$value
).$value
}
}
}
},
surface: {
initial: {
description: "The default color for static (surface) elements that display a warning state.",
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.surface.warning.initial.$value
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.surface.warning.initial.$value
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.surface.warning.initial.$value
).$value
}
}
},
100: {
description: "The second layer of color for static (surface) elements that display a warning state - used on top of initial.",
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.surface.warning["100"].$value
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.surface.warning["100"].$value
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.surface.warning["100"].$value
).$value
}
}
},
200: {
description: "The third layer of color for static (surface) elements that display a warning state - used on top of 100.",
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.surface.warning["200"].$value
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.surface.warning["200"].$value
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.surface.warning["200"].$value
).$value
}
}
}
},
text: {
initial: {
description: "The default text color of warning elements.",
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.text.warning.initial.$value
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.text.warning.initial.$value
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.text.warning.initial.$value
).$value
}
}
},
100: {
description: "The secondary text color of warning elements.",
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.text.warning["100"].$value
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.text.warning["100"].$value
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.text.warning["100"].$value
).$value
}
}
},
200: {
description: "The tertiary text color of warning elements.",
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.text.warning["200"].$value
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.text.warning["200"].$value
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.text.warning["200"].$value
).$value
}
}
},
inverse: {
description: "The inverse version of the default text color of warning elements.",
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.text.warning.inverse.$value
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.text.warning.inverse.$value
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.text.warning.inverse.$value
).$value
}
}
}
}
}
};
export {
warningTokens
};
//# sourceMappingURL=chunk-ZZYTPIIS.js.map