@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
134 lines (132 loc) • 5.84 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 _theme = {
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, _theme 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