@sandlada/vue-mdc
Version:

170 lines • 6.83 kB
TypeScript
/*!
* @license
* Copyright 2024 glare-labs & bre97-web
* SPDX-License-Identifier: MIT
*/
export declare const MaterialDesignSystem: {
readonly Motion: {
readonly Easing: {
readonly Standard: "\tcubic-bezier(0.2, 0.0, 0, 1.0)";
readonly StandardDecelerate: "cubic-bezier(0, 0, 0, 1)";
readonly StandardAccelerate: "cubic-bezier(0.3, 0, 1, 1)";
readonly Emphasized: "ease-in-out";
readonly EmphasizedDecelerate: "cubic-bezier(0.05, 0.7, 0.1, 1.0)";
readonly EmphasizedAccelerate: "cubic-bezier(0.3, 0.0, 0.8, 0.15)";
};
readonly Duration: {
readonly Short1: "50ms";
readonly Short2: "100ms";
readonly Short3: "150ms";
readonly Short4: "200ms";
readonly Medium1: "250ms";
readonly Medium2: "300ms";
readonly Medium3: "350ms";
readonly Medium4: "400ms";
readonly Long1: "450ms";
readonly Long2: "500ms";
readonly Long3: "550ms";
readonly Long4: "600ms";
readonly ExtraLong1: "700ms";
readonly ExtraLong2: "800ms";
readonly ExtraLong3: "900ms";
readonly ExtraLong4: "1000ms";
};
readonly Spring: {
readonly ExpressiveFastSpatial: {
readonly Easing: "cubic-bezier(0.42, 1.67, 0.21, 0.90)";
readonly Duration: "350ms";
};
readonly ExpressiveDefaultSpatial: {
readonly Easing: "cubic-bezier(0.38, 1.21, 0.22, 1.00)";
readonly Duration: "500ms";
};
readonly ExpressiveSlowSpatial: {
readonly Easing: "cubic-bezier(0.39, 1.29, 0.35, 0.98)";
readonly Duration: "650ms";
};
readonly ExpressiveFastEffects: {
readonly Easing: "cubic-bezier(0.31, 0.94, 0.34, 1.00)";
readonly Duration: "150ms";
};
readonly ExpressiveDefaultEffects: {
readonly Easing: "cubic-bezier(0.34, 0.80, 0.34, 1.00)";
readonly Duration: "200ms";
};
readonly ExpressiveSlowEffects: {
readonly Easing: "cubic-bezier(0.34, 0.88, 0.34, 1.00)";
readonly Duration: "300ms";
};
readonly StandardFastSpatial: {
readonly Easing: "cubic-bezier(0.27, 1.06, 0.18, 1.00)";
readonly Duration: "350ms";
};
readonly StandardDefaultSpatial: {
readonly Easing: "cubic-bezier(0.27, 1.06, 0.18, 1.00)";
readonly Duration: "500ms";
};
readonly StandardSlowSpatial: {
readonly Easing: "cubic-bezier(0.27, 1.06, 0.18, 1.00)";
readonly Duration: "750ms";
};
readonly StandardFastEffects: {
readonly Easing: "cubic-bezier(0.31, 0.94, 0.34, 1.00)";
readonly Duration: "150ms";
};
readonly StandardDefaultEffects: {
readonly Easing: "cubic-bezier(0.34, 0.80, 0.34, 1.00)";
readonly Duration: "200ms";
};
readonly StandardSlowEffects: {
readonly Easing: "cubic-bezier(0.34, 0.88, 0.34, 1.00)";
readonly Duration: "300ms";
};
};
};
readonly Shape: {
readonly None: "0px";
readonly ExtraSmall: "4px";
readonly Small: "8px";
readonly Medium: "12px";
readonly Large: "16px";
readonly LargeIncreased: "20px";
readonly ExtraLarge: "28px";
readonly ExtraLargeIncreased: "32px";
readonly ExtraExtraLarge: "48px";
readonly Full: "calc(infinity * 1px)";
};
readonly Variant: {
readonly Monochrome: 0;
readonly Neutral: 1;
readonly TonalSpot: 2;
readonly Vibrant: 3;
readonly Expressive: 4;
readonly Fidelity: 5;
readonly Content: 6;
readonly Rainbow: 7;
readonly FruitSalad: 8;
};
readonly ContrastLevel: {
readonly Reduced: -1;
readonly Default: 0;
readonly Medium: 0.5;
readonly High: 1;
};
readonly Color: {
readonly Background: string;
readonly OnBackground: string;
readonly Surface: string;
readonly SurfaceDim: string;
readonly SurfaceBright: string;
readonly SurfaceContainerLowest: string;
readonly SurfaceContainerLow: string;
readonly SurfaceContainer: string;
readonly SurfaceContainerHigh: string;
readonly SurfaceContainerHighest: string;
readonly OnSurface: string;
readonly SurfaceVariant: string;
readonly OnSurfaceVariant: string;
readonly InverseSurface: string;
readonly InverseOnSurface: string;
readonly Outline: string;
readonly OutlineVariant: string;
readonly Shadow: string;
readonly Scrim: string;
readonly SurfaceTint: string;
readonly Primary: string;
readonly OnPrimary: string;
readonly PrimaryContainer: string;
readonly OnPrimaryContainer: string;
readonly InversePrimary: string;
readonly Secondary: string;
readonly OnSecondary: string;
readonly SecondaryContainer: string;
readonly OnSecondaryContainer: string;
readonly Tertiary: string;
readonly OnTertiary: string;
readonly TertiaryContainer: string;
readonly OnTertiaryContainer: string;
readonly Error: string;
readonly OnError: string;
readonly ErrorContainer: string;
readonly OnErrorContainer: string;
readonly PrimaryFixed: string;
readonly PrimaryFixedDim: string;
readonly OnPrimaryFixed: string;
readonly OnPrimaryFixedVariant: string;
readonly SecondaryFixed: string;
readonly SecondaryFixedDim: string;
readonly OnSecondaryFixed: string;
readonly OnSecondaryFixedVariant: string;
readonly TertiaryFixed: string;
readonly TertiaryFixedDim: string;
readonly OnTertiaryFixed: string;
readonly OnTertiaryFixedVariant: string;
};
};
export type TMaterialVariant = typeof MaterialDesignSystem.Variant[keyof typeof MaterialDesignSystem.Variant];
export type TMaterialContrastLevel = typeof MaterialDesignSystem.ContrastLevel[keyof typeof MaterialDesignSystem.ContrastLevel] | number;
export type TMaterialColorSchemeObject = typeof MaterialDesignSystem.Color;
export type TMaterialColorSchemeObjectKey = Partial<keyof typeof MaterialDesignSystem.Color>;
//# sourceMappingURL=material-design-system.d.ts.map