@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
134 lines (132 loc) • 5.85 kB
JavaScript
const surface = "white/black.1600";
const surfaceBright = "white/black.1400";
const surfaceContainer = "white/black.1100";
const surfaceContainerVariant = "navy.100/black.800";
const outline = "navy.200/black.1000";
const outlineVariant = "navy.300/black.400";
const onSurface = "navy.1100/grey.300";
const onSurfaceVariant = "navy.600/grey.700";
const onSurfaceContainerVariant = "grey.500/grey.1300";
const disabled = "navy_alpha.8/grey_alpha.20";
const onSurfaceDisabled = "navy_alpha.40/grey_alpha.45";
const primary = "purple.1100/purple.600";
const onPrimary = "white/black.1600";
const primaryContainer = "purple.200/purple.1600";
const onPrimaryContainer = "purple.1100/purple.200";
const secondary = "violet.900/violet.400";
const onSecondary = "violet.100/black.1600";
const secondaryContainer = "violet.100/violet.1400";
const onSecondaryContainer = "violet.1500/violet.100";
const onSecondaryContainerVariant = "violet.800/violet.500";
const tertiary = "blue.900/blue.1100";
const onTertiary = "white/blue.100";
const outlineTertiary = "blue.1000/blue.800";
const tertiaryContainer = "blue.200/blue.1300";
const onTertiaryContainer = "violet.1600/blue.100";
const onTertiaryContainerVariant = "blue.1000/blue.300";
const success = "green.1000/green.600";
const onSuccess = "green.100/black.1200";
const successContainer = "green.200/green.1200";
const onSuccessContainer = "green.1300/green.200";
const error = "red.800/red.500";
const onError = "white/black.1600";
const errorContainer = "red.100/red.1400";
const onErrorContainer = "red.1100/red.200";
const warning = "yellow.800/yellow.600";
const onWarning = "yellow.1500/black.1600";
const warningContainer = "yellow.200/yellow.1600";
const onWarningContainer = "yellow.1400/yellow.500";
const neutral = "navy.1100/grey.300";
const onNeutral = "white/black.1600";
const connect = "purple.800/purple.500";
const onConnect = "white/black.1600";
const keyExchange = "violet.700/violet.500";
const onKeyExchange = "white/black.1600";
const seasonLowest = "green.200/green.300";
const onSeasonLowest = "black.1600/black.1600";
const seasonMedium = "green.600/green.700";
const onSeasonMedium = "black.1600/black.1600";
const seasonHigh = "green.1000/green.1100";
const onSeasonHigh = "white/white";
const seasonHighest = "green.1300/green.1400";
const onSeasonHighest = "white/white";
const business = "violet.1500/violet.1600";
const businessVariant = "violet.1100/violet.800";
const onBusiness = "white/white";
const onBusinessVariant = "lime.500/lime.300";
const businessContainer = "lime.300/lime.200";
const onBusinessContainer = "violet.1600/violet.1300";
const hover = "black_alpha.4/white_alpha.15";
const focus = "black_alpha.8/white_alpha.20";
const press = "black_alpha.8/white_alpha.20";
const drag = "black_alpha.16/white_alpha.20";
const scrim = "black_alpha.26/black_alpha.26";
const surfaceFixed = "white/white";
var require$$0 = {
surface: surface,
surfaceBright: surfaceBright,
surfaceContainer: surfaceContainer,
surfaceContainerVariant: surfaceContainerVariant,
outline: outline,
outlineVariant: outlineVariant,
onSurface: onSurface,
onSurfaceVariant: onSurfaceVariant,
onSurfaceContainerVariant: onSurfaceContainerVariant,
disabled: disabled,
onSurfaceDisabled: onSurfaceDisabled,
primary: primary,
onPrimary: onPrimary,
primaryContainer: primaryContainer,
onPrimaryContainer: onPrimaryContainer,
secondary: secondary,
onSecondary: onSecondary,
secondaryContainer: secondaryContainer,
onSecondaryContainer: onSecondaryContainer,
onSecondaryContainerVariant: onSecondaryContainerVariant,
tertiary: tertiary,
onTertiary: onTertiary,
outlineTertiary: outlineTertiary,
tertiaryContainer: tertiaryContainer,
onTertiaryContainer: onTertiaryContainer,
onTertiaryContainerVariant: onTertiaryContainerVariant,
success: success,
onSuccess: onSuccess,
successContainer: successContainer,
onSuccessContainer: onSuccessContainer,
error: error,
onError: onError,
errorContainer: errorContainer,
onErrorContainer: onErrorContainer,
warning: warning,
onWarning: onWarning,
warningContainer: warningContainer,
onWarningContainer: onWarningContainer,
neutral: neutral,
onNeutral: onNeutral,
connect: connect,
onConnect: onConnect,
keyExchange: keyExchange,
onKeyExchange: onKeyExchange,
seasonLowest: seasonLowest,
onSeasonLowest: onSeasonLowest,
seasonMedium: seasonMedium,
onSeasonMedium: onSeasonMedium,
seasonHigh: seasonHigh,
onSeasonHigh: onSeasonHigh,
seasonHighest: seasonHighest,
onSeasonHighest: onSeasonHighest,
business: business,
businessVariant: businessVariant,
onBusiness: onBusiness,
onBusinessVariant: onBusinessVariant,
businessContainer: businessContainer,
onBusinessContainer: onBusinessContainer,
hover: hover,
focus: focus,
press: press,
drag: drag,
scrim: scrim,
surfaceFixed: surfaceFixed
};
export { business, businessContainer, businessVariant, connect, require$$0 as default, disabled, drag, error, errorContainer, focus, hover, keyExchange, neutral, onBusiness, onBusinessContainer, onBusinessVariant, onConnect, onError, onErrorContainer, onKeyExchange, onNeutral, onPrimary, onPrimaryContainer, onSeasonHigh, onSeasonHighest, onSeasonLowest, onSeasonMedium, onSecondary, onSecondaryContainer, onSecondaryContainerVariant, onSuccess, onSuccessContainer, onSurface, onSurfaceContainerVariant, onSurfaceDisabled, onSurfaceVariant, onTertiary, onTertiaryContainer, onTertiaryContainerVariant, onWarning, onWarningContainer, outline, outlineTertiary, outlineVariant, press, primary, primaryContainer, scrim, seasonHigh, seasonHighest, seasonLowest, seasonMedium, secondary, secondaryContainer, success, successContainer, surface, surfaceBright, surfaceContainer, surfaceContainerVariant, surfaceFixed, tertiary, tertiaryContainer, warning, warningContainer };
//# sourceMappingURL=theme.js.map