UNPKG

@nexim/tailwind-material-colors

Version:

A Tailwind CSS plugin to automatically generate and apply Material Design 3 color palettes.

github.com/the-nexim/nanolib/tree/next/packages/tailwind-material-colors

the-nexim/nanolib

71 lines • 3.77 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
import { SchemeContent, SchemeExpressive, SchemeFidelity, SchemeMonochrome, SchemeNeutral, SchemeTonalSpot, SchemeVibrant, SchemeRainbow, SchemeFruitSalad, MaterialDynamicColors, } from '@material/material-color-utilities'; /** * Maps scheme names to their corresponding Material Color Utilities scheme classes. */ export const SchemeObjects = { content: SchemeContent, expressive: SchemeExpressive, fidelity: SchemeFidelity, monochrome: SchemeMonochrome, neutral: SchemeNeutral, tonalSpot: SchemeTonalSpot, vibrant: SchemeVibrant, rainbow: SchemeRainbow, fruitsalad: SchemeFruitSalad, }; const materialDynamicColors = new MaterialDynamicColors(); /** * Collection of all standard Material Design dynamic color roles. */ export const AllMaterialDynamicColors = { background: materialDynamicColors.background(), onBackground: materialDynamicColors.onBackground(), surface: materialDynamicColors.surface(), surfaceDim: materialDynamicColors.surfaceDim(), surfaceBright: materialDynamicColors.surfaceBright(), surfaceContainerLowest: materialDynamicColors.surfaceContainerLowest(), surfaceContainerLow: materialDynamicColors.surfaceContainerLow(), surfaceContainer: materialDynamicColors.surfaceContainer(), surfaceContainerHigh: materialDynamicColors.surfaceContainerHigh(), surfaceContainerHighest: materialDynamicColors.surfaceContainerHighest(), onSurface: materialDynamicColors.onSurface(), surfaceVariant: materialDynamicColors.surfaceVariant(), onSurfaceVariant: materialDynamicColors.onSurfaceVariant(), inverseSurface: materialDynamicColors.inverseSurface(), inverseOnSurface: materialDynamicColors.inverseOnSurface(), outline: materialDynamicColors.outline(), outlineVariant: materialDynamicColors.outlineVariant(), shadow: materialDynamicColors.shadow(), scrim: materialDynamicColors.scrim(), surfaceTint: materialDynamicColors.surfaceTint(), primary: materialDynamicColors.primary(), onPrimary: materialDynamicColors.onPrimary(), primaryContainer: materialDynamicColors.primaryContainer(), onPrimaryContainer: materialDynamicColors.onPrimaryContainer(), inversePrimary: materialDynamicColors.inversePrimary(), secondary: materialDynamicColors.secondary(), onSecondary: materialDynamicColors.onSecondary(), secondaryContainer: materialDynamicColors.secondaryContainer(), onSecondaryContainer: materialDynamicColors.onSecondaryContainer(), tertiary: materialDynamicColors.tertiary(), onTertiary: materialDynamicColors.onTertiary(), tertiaryContainer: materialDynamicColors.tertiaryContainer(), onTertiaryContainer: materialDynamicColors.onTertiaryContainer(), error: materialDynamicColors.error(), onError: materialDynamicColors.onError(), errorContainer: materialDynamicColors.errorContainer(), onErrorContainer: materialDynamicColors.onErrorContainer(), primaryFixed: materialDynamicColors.primaryFixed(), primaryFixedDim: materialDynamicColors.primaryFixedDim(), onPrimaryFixed: materialDynamicColors.onPrimaryFixed(), onPrimaryFixedVariant: materialDynamicColors.onPrimaryFixedVariant(), secondaryFixed: materialDynamicColors.secondaryFixed(), secondaryFixedDim: materialDynamicColors.secondaryFixedDim(), onSecondaryFixed: materialDynamicColors.onSecondaryFixed(), onSecondaryFixedVariant: materialDynamicColors.onSecondaryFixedVariant(), tertiaryFixed: materialDynamicColors.tertiaryFixed(), tertiaryFixedDim: materialDynamicColors.tertiaryFixedDim(), onTertiaryFixed: materialDynamicColors.onTertiaryFixed(), onTertiaryFixedVariant: materialDynamicColors.onTertiaryFixedVariant(), }; //# sourceMappingURL=constants.js.map