@sandlada/mdk
Version:
A JavaScript library based on Material Design 3, providing data such as color, shape, shadow level, etc.
239 lines (238 loc) • 8.78 kB
TypeScript
export declare const DefaultColorContract: {
readonly PrimaryKeyColor: {
readonly Key: `--md-sys-color-primary-key-color`;
readonly Value: `#039d54`;
};
readonly SecondaryKeyColor: {
readonly Key: `--md-sys-color-secondary-key-color`;
readonly Value: `#54815f`;
};
readonly TertiaryKeyColor: {
readonly Key: `--md-sys-color-tertiary-key-color`;
readonly Value: `#ffa97f`;
};
readonly ErrorKeyColor: {
readonly Key: `--md-sys-color-error-key-color`;
readonly Value: `#de3730`;
};
readonly NeutralKeyColor: {
readonly Key: `--md-sys-color-neutral-key-color`;
readonly Value: `#727971`;
};
readonly NeutralVariantKeyColor: {
readonly Key: `--md-sys-color-neutral-variant-key-color`;
readonly Value: `#6d7a6e`;
};
readonly Background: {
readonly Key: `--md-sys-color-background`;
readonly Value: `light-dark(#f4fbf1, #0e150f)`;
};
readonly Error: {
readonly Key: `--md-sys-color-error`;
readonly Value: `light-dark(#ba1a1a, #ffb4ab)`;
};
readonly ErrorContainer: {
readonly Key: `--md-sys-color-error-container`;
readonly Value: `light-dark(#ffdad6, #93000a)`;
};
readonly ErrorDim: {
readonly Key: `--md-sys-color-error-dim`;
readonly Value: `light-dark(#a80710, #ff554a)`;
};
readonly InverseOnSurface: {
readonly Key: `--md-sys-color-inverse-on-surface`;
readonly Value: `light-dark(#ecf3e9, #2b322c)`;
};
readonly InversePrimary: {
readonly Key: `--md-sys-color-inverse-primary`;
readonly Value: `light-dark(#61de8c, #006d38)`;
};
readonly InverseSurface: {
readonly Key: `--md-sys-color-inverse-surface`;
readonly Value: `light-dark(#2b322c, #dde4db)`;
};
readonly OnBackground: {
readonly Key: `--md-sys-color-on-background`;
readonly Value: `light-dark(#171d17, #dde4db)`;
};
readonly OnError: {
readonly Key: `--md-sys-color-on-error`;
readonly Value: `light-dark(#ffffff, #690005)`;
};
readonly OnErrorContainer: {
readonly Key: `--md-sys-color-on-error-container`;
readonly Value: `light-dark(#93000a, #ffdad6)`;
};
readonly OnPrimary: {
readonly Key: `--md-sys-color-on-primary`;
readonly Value: `light-dark(#ffffff, #00391a)`;
};
readonly OnPrimaryContainer: {
readonly Key: `--md-sys-color-on-primary-container`;
readonly Value: `light-dark(#00592c, #00592c)`;
};
readonly OnPrimaryFixed: {
readonly Key: `--md-sys-color-on-primary-fixed`;
readonly Value: `light-dark(#00210d, #00210d)`;
};
readonly OnPrimaryFixedVariant: {
readonly Key: `--md-sys-color-on-primary-fixed-variant`;
readonly Value: `light-dark(#005229, #005229)`;
};
readonly OnSecondary: {
readonly Key: `--md-sys-color-on-secondary`;
readonly Value: `light-dark(#ffffff, #0a381c)`;
};
readonly OnSecondaryContainer: {
readonly Key: `--md-sys-color-on-secondary-container`;
readonly Value: `light-dark(#406c4b, #97c7a0)`;
};
readonly OnSecondaryFixed: {
readonly Key: `--md-sys-color-on-secondary-fixed`;
readonly Value: `light-dark(#00210d, #00210d)`;
};
readonly OnSecondaryFixedVariant: {
readonly Key: `--md-sys-color-on-secondary-fixed-variant`;
readonly Value: `light-dark(#244f31, #244f31)`;
};
readonly OnSurface: {
readonly Key: `--md-sys-color-on-surface`;
readonly Value: `light-dark(#171d17, #dde4db)`;
};
readonly OnSurfaceVariant: {
readonly Key: `--md-sys-color-on-surface-variant`;
readonly Value: `light-dark(#3d4a3f, #bccabc)`;
};
readonly OnTertiary: {
readonly Key: `--md-sys-color-on-tertiary`;
readonly Value: `light-dark(#ffffff, #552002)`;
};
readonly OnTertiaryContainer: {
readonly Key: `--md-sys-color-on-tertiary-container`;
readonly Value: `light-dark(#793c1a, #793c1a)`;
};
readonly OnTertiaryFixed: {
readonly Key: `--md-sys-color-on-tertiary-fixed`;
readonly Value: `light-dark(#351000, #351000)`;
};
readonly OnTertiaryFixedVariant: {
readonly Key: `--md-sys-color-on-tertiary-fixed-variant`;
readonly Value: `light-dark(#723615, #723615)`;
};
readonly Outline: {
readonly Key: `--md-sys-color-outline`;
readonly Value: `light-dark(#6d7a6e, #879487)`;
};
readonly OutlineVariant: {
readonly Key: `--md-sys-color-outline-variant`;
readonly Value: `light-dark(#bccabc, #3d4a3f)`;
};
readonly Primary: {
readonly Key: `--md-sys-color-primary`;
readonly Value: `light-dark(#006d38, #76f29e)`;
};
readonly PrimaryContainer: {
readonly Key: `--md-sys-color-primary-container`;
readonly Value: `light-dark(#58d584, #58d584)`;
};
readonly PrimaryDim: {
readonly Key: `--md-sys-color-primary-dim`;
readonly Value: `light-dark(#006030, #82fea8)`;
};
readonly PrimaryFixed: {
readonly Key: `--md-sys-color-primary-fixed`;
readonly Value: `light-dark(#7ffba6, #7ffba6)`;
};
readonly PrimaryFixedDim: {
readonly Key: `--md-sys-color-primary-fixed-dim`;
readonly Value: `light-dark(#61de8c, #61de8c)`;
};
readonly Scrim: {
readonly Key: `--md-sys-color-scrim`;
readonly Value: `light-dark(#000000, #000000)`;
};
readonly Secondary: {
readonly Key: `--md-sys-color-secondary`;
readonly Value: `light-dark(#3c6847, #a2d2ab)`;
};
readonly SecondaryContainer: {
readonly Key: `--md-sys-color-secondary-container`;
readonly Value: `light-dark(#bbecc3, #295436)`;
};
readonly SecondaryDim: {
readonly Key: `--md-sys-color-secondary-dim`;
readonly Value: `light-dark(#305b3c, #bdeec5)`;
};
readonly SecondaryFixed: {
readonly Key: `--md-sys-color-secondary-fixed`;
readonly Value: `light-dark(#bdeec5, #bdeec5)`;
};
readonly SecondaryFixedDim: {
readonly Key: `--md-sys-color-secondary-fixed-dim`;
readonly Value: `light-dark(#a2d2ab, #a2d2ab)`;
};
readonly Shadow: {
readonly Key: `--md-sys-color-shadow`;
readonly Value: `light-dark(#000000, #000000)`;
};
readonly Surface: {
readonly Key: `--md-sys-color-surface`;
readonly Value: `light-dark(#f4fbf1, #0e150f)`;
};
readonly SurfaceBright: {
readonly Key: `--md-sys-color-surface-bright`;
readonly Value: `light-dark(#f4fbf1, #343b34)`;
};
readonly SurfaceContainer: {
readonly Key: `--md-sys-color-surface-container`;
readonly Value: `light-dark(#e9f0e6, #1b211b)`;
};
readonly SurfaceContainerHigh: {
readonly Key: `--md-sys-color-surface-container-high`;
readonly Value: `light-dark(#e3eae1, #252c25)`;
};
readonly SurfaceContainerHighest: {
readonly Key: `--md-sys-color-surface-container-highest`;
readonly Value: `light-dark(#dde4db, #303630)`;
};
readonly SurfaceContainerLow: {
readonly Key: `--md-sys-color-surface-container-low`;
readonly Value: `light-dark(#eff6ec, #171d17)`;
};
readonly SurfaceContainerLowest: {
readonly Key: `--md-sys-color-surface-container-lowest`;
readonly Value: `light-dark(#ffffff, #09100a)`;
};
readonly SurfaceDim: {
readonly Key: `--md-sys-color-surface-dim`;
readonly Value: `light-dark(#d5dcd3, #0e150f)`;
};
readonly SurfaceTint: {
readonly Key: `--md-sys-color-surface-tint`;
readonly Value: `light-dark(#006d38, #61de8c)`;
};
readonly SurfaceVariant: {
readonly Key: `--md-sys-color-surface-variant`;
readonly Value: `light-dark(#d8e6d7, #3d4a3f)`;
};
readonly Tertiary: {
readonly Key: `--md-sys-color-tertiary`;
readonly Value: `light-dark(#8f4d2a, #ffcfba)`;
};
readonly TertiaryContainer: {
readonly Key: `--md-sys-color-tertiary-container`;
readonly Value: `light-dark(#ffa97f, #ffa97f)`;
};
readonly TertiaryDim: {
readonly Key: `--md-sys-color-tertiary-dim`;
readonly Value: `light-dark(#804120, #fda77d)`;
};
readonly TertiaryFixed: {
readonly Key: `--md-sys-color-tertiary-fixed`;
readonly Value: `light-dark(#ffdbcc, #ffdbcc)`;
};
readonly TertiaryFixedDim: {
readonly Key: `--md-sys-color-tertiary-fixed-dim`;
readonly Value: `light-dark(#ffb693, #ffb693)`;
};
};