UNPKG

@sandlada/mdk

Version:

A JavaScript library based on Material Design 3, providing data such as color, shape, shadow level, etc.

247 lines (246 loc) 23 kB
export declare const Palette: { readonly Black: "var(--md-sys-palette-black, #000)"; readonly Error0: "var(--md-sys-palette-error-0, #000)"; readonly Error10: "var(--md-sys-palette-error-10, #410e0b)"; readonly Error20: "var(--md-sys-palette-error-20, #601410)"; readonly Error30: "var(--md-sys-palette-error-30, #8c1d18)"; readonly Error40: "var(--md-sys-palette-error-40, #b3261e)"; readonly Error50: "var(--md-sys-palette-error-50, #dc362e)"; readonly Error60: "var(--md-sys-palette-error-60, #e46962)"; readonly Error70: "var(--md-sys-palette-error-70, #ec928e)"; readonly Error80: "var(--md-sys-palette-error-80, #f2b8b5)"; readonly Error90: "var(--md-sys-palette-error-90, #f9dedc)"; readonly Error95: "var(--md-sys-palette-error-95, #fceeee)"; readonly Error99: "var(--md-sys-palette-error-99, #fffbf9)"; readonly Error100: "var(--md-sys-palette-error-100, #fff)"; readonly NeutralVariant0: "var(--md-sys-palette-neutral-variant-0, #000)"; readonly NeutralVariant10: "var(--md-sys-palette-neutral-variant-10, #1d1a22)"; readonly NeutralVariant20: "var(--md-sys-palette-neutral-variant-20, #322f37)"; readonly NeutralVariant30: "var(--md-sys-palette-neutral-variant-30, #49454f)"; readonly NeutralVariant40: "var(--md-sys-palette-neutral-variant-40, #605d66)"; readonly NeutralVariant50: "var(--md-sys-palette-neutral-variant-50, #79747e)"; readonly NeutralVariant60: "var(--md-sys-palette-neutral-variant-60, #938f99)"; readonly NeutralVariant70: "var(--md-sys-palette-neutral-variant-70, #aea9b4)"; readonly NeutralVariant80: "var(--md-sys-palette-neutral-variant-80, #cac4d0)"; readonly NeutralVariant90: "var(--md-sys-palette-neutral-variant-90, #e7e0ec)"; readonly NeutralVariant95: "var(--md-sys-palette-neutral-variant-95, #f5eefa)"; readonly NeutralVariant99: "var(--md-sys-palette-neutral-variant-99, #fffbfe)"; readonly NeutralVariant100: "var(--md-sys-palette-neutral-variant-100, #fff)"; readonly Neutral0: "var(--md-sys-palette-neutral-0, #000)"; readonly Neutral4: "var(--md-sys-palette-neutral-4, #0f0d13)"; readonly Neutral6: "var(--md-sys-palette-neutral-6, #141218)"; readonly Neutral10: "var(--md-sys-palette-neutral-10, #1d1b20)"; readonly Neutral12: "var(--md-sys-palette-neutral-12, #211f26)"; readonly Neutral17: "var(--md-sys-palette-neutral-17, #2b2930)"; readonly Neutral20: "var(--md-sys-palette-neutral-20, #322f35)"; readonly Neutral22: "var(--md-sys-palette-neutral-22, #36343b)"; readonly Neutral24: "var(--md-sys-palette-neutral-24, #3b383e)"; readonly Neutral30: "var(--md-sys-palette-neutral-30, #48464c)"; readonly Neutral40: "var(--md-sys-palette-neutral-40, #605d64)"; readonly Neutral50: "var(--md-sys-palette-neutral-50, #79767d)"; readonly Neutral60: "var(--md-sys-palette-neutral-60, #938f96)"; readonly Neutral70: "var(--md-sys-palette-neutral-70, #aea9b1)"; readonly Neutral80: "var(--md-sys-palette-neutral-80, #cac5cd)"; readonly Neutral87: "var(--md-sys-palette-neutral-87, #ded8e1)"; readonly Neutral90: "var(--md-sys-palette-neutral-90, #e6e0e9)"; readonly Neutral92: "var(--md-sys-palette-neutral-92, #ece6f0)"; readonly Neutral94: "var(--md-sys-palette-neutral-94, #f3edf7)"; readonly Neutral95: "var(--md-sys-palette-neutral-95, #f5eff7)"; readonly Neutral96: "var(--md-sys-palette-neutral-96, #f7f2fa)"; readonly Neutral98: "var(--md-sys-palette-neutral-98, #fef7ff)"; readonly Neutral99: "var(--md-sys-palette-neutral-99, #fffbff)"; readonly Neutral100: "var(--md-sys-palette-neutral-100, #fff)"; readonly Primary0: "var(--md-sys-palette-primary-0, #000)"; readonly Primary10: "var(--md-sys-palette-primary-10, #21005d)"; readonly Primary20: "var(--md-sys-palette-primary-20, #381e72)"; readonly Primary30: "var(--md-sys-palette-primary-30, #4f378b)"; readonly Primary40: "var(--md-sys-palette-primary-40, #6750a4)"; readonly Primary50: "var(--md-sys-palette-primary-50, #7f67be)"; readonly Primary60: "var(--md-sys-palette-primary-60, #9a82db)"; readonly Primary70: "var(--md-sys-palette-primary-70, #b69df8)"; readonly Primary80: "var(--md-sys-palette-primary-80, #d0bcff)"; readonly Primary90: "var(--md-sys-palette-primary-90, #eaddff)"; readonly Primary95: "var(--md-sys-palette-primary-95, #f6edff)"; readonly Primary99: "var(--md-sys-palette-primary-99, #fffbfe)"; readonly Primary100: "var(--md-sys-palette-primary-100, #fff)"; readonly Secondary0: "var(--md-sys-palette-secondary-0, #000)"; readonly Secondary10: "var(--md-sys-palette-secondary-10, #1d192b)"; readonly Secondary20: "var(--md-sys-palette-secondary-20, #332d41)"; readonly Secondary30: "var(--md-sys-palette-secondary-30, #4a4458)"; readonly Secondary40: "var(--md-sys-palette-secondary-40, #625b71)"; readonly Secondary50: "var(--md-sys-palette-secondary-50, #7a7289)"; readonly Secondary60: "var(--md-sys-palette-secondary-60, #958da5)"; readonly Secondary70: "var(--md-sys-palette-secondary-70, #b0a7c0)"; readonly Secondary80: "var(--md-sys-palette-secondary-80, #ccc2dc)"; readonly Secondary90: "var(--md-sys-palette-secondary-90, #e8def8)"; readonly Secondary95: "var(--md-sys-palette-secondary-95, #f6edff)"; readonly Secondary99: "var(--md-sys-palette-secondary-99, #fffbfe)"; readonly Secondary100: "var(--md-sys-palette-secondary-100, #fff)"; readonly Tertiary0: "var(--md-sys-palette-tertiary-0, #000)"; readonly Tertiary10: "var(--md-sys-palette-tertiary-10, #31111d)"; readonly Tertiary20: "var(--md-sys-palette-tertiary-20, #492532)"; readonly Tertiary30: "var(--md-sys-palette-tertiary-30, #633b48)"; readonly Tertiary40: "var(--md-sys-palette-tertiary-40, #7d5260)"; readonly Tertiary50: "var(--md-sys-palette-tertiary-50, #986977)"; readonly Tertiary60: "var(--md-sys-palette-tertiary-60, #b58392)"; readonly Tertiary70: "var(--md-sys-palette-tertiary-70, #d29dac)"; readonly Tertiary80: "var(--md-sys-palette-tertiary-80, #efb8c8)"; readonly Tertiary90: "var(--md-sys-palette-tertiary-90, #ffd8e4)"; readonly Tertiary95: "var(--md-sys-palette-tertiary-95, #ffecf1)"; readonly Tertiary99: "var(--md-sys-palette-tertiary-99, #fffbfa)"; readonly Tertiary100: "var(--md-sys-palette-tertiary-100, #fff)"; readonly White: "var(--md-sys-palette-white, #fff)"; }; export declare const DefaultLightColor: { readonly Background: "var(--md-sys-color-background, var(--md-sys-palette-neutral-98, #fef7ff))"; readonly Error: "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))"; readonly ErrorContainer: "var(--md-sys-color-error-container, var(--md-sys-palette-error-90, #f9dedc))"; readonly InverseOnSurface: "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))"; readonly InversePrimary: "var(--md-sys-color-inverse-primary, var(--md-sys-palette-primary-80, #d0bcff))"; readonly InverseSurface: "var(--md-sys-color-inverse-surface, var(--md-sys-palette-neutral-20, #322f35))"; readonly OnBackground: "var(--md-sys-color-on-background, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly OnError: "var(--md-sys-color-on-error, var(--md-sys-palette-error-100, #fff))"; readonly OnErrorContainer: "var(--md-sys-color-on-error-container, var(--md-sys-palette-error-10, #410e0b))"; readonly OnPrimary: "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))"; readonly OnPrimaryContainer: "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))"; readonly OnPrimaryFixed: "var(--md-sys-color-on-primary-fixed, var(--md-sys-palette-primary-10, #21005d))"; readonly OnPrimaryFixedVariant: "var(--md-sys-color-on-primary-fixed-variant, var(--md-sys-palette-primary-30, #4f378b))"; readonly OnSecondary: "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))"; readonly OnSecondaryContainer: "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))"; readonly OnSecondaryFixed: "var(--md-sys-color-on-secondary-fixed, var(--md-sys-palette-secondary-10, #1d192b))"; readonly OnSecondaryFixedVariant: "var(--md-sys-color-on-secondary-fixed-variant, var(--md-sys-palette-secondary-30, #4a4458))"; readonly OnSurface: "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly OnSurfaceVariant: "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))"; readonly OnTertiary: "var(--md-sys-color-on-tertiary, var(--md-sys-palette-tertiary-100, #fff))"; readonly OnTertiaryContainer: "var(--md-sys-color-on-tertiary-container, var(--md-sys-palette-tertiary-10, #31111d))"; readonly OnTertiaryFixed: "var(--md-sys-color-on-tertiary-fixed, var(--md-sys-palette-tertiary-10, #31111d))"; readonly OnTertiaryFixedVariant: "var(--md-sys-color-on-tertiary-fixed-variant, var(--md-sys-palette-tertiary-30, #633b48))"; readonly Outline: "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))"; readonly OutlineVariant: "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))"; readonly Primary: "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly PrimaryContainer: "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))"; readonly PrimaryFixed: "var(--md-sys-color-primary-fixed, var(--md-sys-palette-primary-90, #eaddff))"; readonly PrimaryFixedDim: "var(--md-sys-color-primary-fixed-dim, var(--md-sys-palette-primary-80, #d0bcff))"; readonly Scrim: "var(--md-sys-color-scrim, var(--md-sys-palette-neutral-0, #000))"; readonly Secondary: "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))"; readonly SecondaryContainer: "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))"; readonly SecondaryFixed: "var(--md-sys-color-secondary-fixed, var(--md-sys-palette-secondary-90, #e8def8))"; readonly SecondaryFixedDim: "var(--md-sys-color-secondary-fixed-dim, var(--md-sys-palette-secondary-80, #ccc2dc))"; readonly Shadow: "var(--md-sys-color-shadow, var(--md-sys-palette-neutral-0, #000))"; readonly Surface: "var(--md-sys-color-surface, var(--md-sys-palette-neutral-98, #fef7ff))"; readonly SurfaceBright: "var(--md-sys-color-surface-bright, var(--md-sys-palette-neutral-98, #fef7ff))"; readonly SurfaceContainer: "var(--md-sys-color-surface-container, var(--md-sys-palette-neutral-94, #f3edf7))"; readonly SurfaceContainerHigh: "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-92, #ece6f0))"; readonly SurfaceContainerHighest: "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly SurfaceContainerLow: "var(--md-sys-color-surface-container-low, var(--md-sys-palette-neutral-96, #f7f2fa))"; readonly SurfaceContainerLowest: "var(--md-sys-color-surface-container-lowest, var(--md-sys-palette-neutral-100, #fff))"; readonly SurfaceDim: "var(--md-sys-color-surface-dim, var(--md-sys-palette-neutral-87, #ded8e1))"; readonly SurfaceTint: "var(--md-sys-color-surface-tint, var(--md-sys-palette-primary-40, #6750a4))"; readonly SurfaceVariant: "var(--md-sys-color-surface-variant, var(--md-sys-palette-neutral-variant-90, #e7e0ec)"; readonly Tertiary: "var(--md-sys-color-tertiary, var(--md-sys-palette-tertiary-40, #7d5260))"; readonly TertiaryContainer: "var(--md-sys-color-tertiary-container, var(--md-sys-palette-tertiary-90, #ffd8e4))"; readonly TertiaryFixed: "var(--md-sys-color-tertiary-fixed, var(--md-sys-palette-tertiary-90, #ffd8e4))"; readonly TertiaryFixedDim: "var(--md-sys-color-tertiary-fixed-dim, var(--md-sys-palette-tertiary-80, #efb8c8))"; }; export declare const DefaultDarkColor: { readonly Background: "var(--md-sys-color-background, var(--md-sys-palette-neutral-6, #141218))"; readonly Error: "var(--md-sys-color-error, var(--md-sys-palette-error-80, #f2b8b5))"; readonly ErrorContainer: "var(--md-sys-color-error-container, var(--md-sys-palette-error-30, #8c1d18))"; readonly InverseOnSurface: "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-20, #322f35))"; readonly InversePrimary: "var(--md-sys-color-inverse-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly InverseSurface: "var(--md-sys-color-inverse-surface, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly OnBackground: "var(--md-sys-color-on-background, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly OnError: "var(--md-sys-color-on-error, var(--md-sys-palette-error-20, #601410))"; readonly OnErrorContainer: "var(--md-sys-color-on-error-container, var(--md-sys-palette-error-90, #f9dedc))"; readonly OnPrimary: "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-20, #381e72))"; readonly OnPrimaryContainer: "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-90, #eaddff))"; readonly OnPrimaryFixed: "var(--md-sys-color-on-primary-fixed, var(--md-sys-palette-primary-10, #21005d))"; readonly OnPrimaryFixedVariant: "var(--md-sys-color-on-primary-fixed-variant, var(--md-sys-palette-primary-30, #4f378b))"; readonly OnSecondary: "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-20, #332d41))"; readonly OnSecondaryContainer: "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))"; readonly OnSecondaryFixed: "var(--md-sys-color-on-secondary-fixed, var(--md-sys-palette-secondary-10, #1d192b))"; readonly OnSecondaryFixedVariant: "var(--md-sys-color-on-secondary-fixed-variant, var(--md-sys-palette-secondary-30, #4a4458))"; readonly OnSurface: "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly OnSurfaceVariant: "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))"; readonly OnTertiary: "var(--md-sys-color-on-tertiary, var(--md-sys-palette-tertiary-20, #492532))"; readonly OnTertiaryContainer: "var(--md-sys-color-on-tertiary-container, var(--md-sys-palette-tertiary-90, #ffd8e4))"; readonly OnTertiaryFixed: "var(--md-sys-color-on-tertiary-fixed, var(--md-sys-palette-tertiary-10, #31111d))"; readonly OnTertiaryFixedVariant: "var(--md-sys-color-on-tertiary-fixed-variant, var(--md-sys-palette-tertiary-30, #633b48))"; readonly Outline: "var(--md-sys-color-outline, var(--md-sys-palette-neutral-60, #938f96))"; readonly OutlineVariant: "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-30, #49454f))"; readonly Primary: "var(--md-sys-color-primary, var(--md-sys-palette-primary-80, #d0bcff))"; readonly PrimaryContainer: "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-30, #4f378b))"; readonly PrimaryFixed: "var(--md-sys-color-primary-fixed, var(--md-sys-palette-primary-90, #eaddff))"; readonly PrimaryFixedDim: "var(--md-sys-color-primary-fixed-dim, var(--md-sys-palette-primary-80, #d0bcff))"; readonly Scrim: "var(--md-sys-color-scrim, var(--md-sys-palette-neutral-0, #000))"; readonly Secondary: "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-80, #ccc2dc))"; readonly SecondaryContainer: "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-30, #4a4458))"; readonly SecondaryFixed: "var(--md-sys-color-secondary-fixed, var(--md-sys-palette-secondary-90, #e8def8))"; readonly SecondaryFixedDim: "var(--md-sys-color-secondary-fixed-dim, var(--md-sys-palette-secondary-80, #ccc2dc))"; readonly Shadow: "var(--md-sys-color-shadow, var(--md-sys-palette-neutral-0, #000))"; readonly Surface: "var(--md-sys-color-surface, var(--md-sys-palette-neutral-6, #141218))"; readonly SurfaceBright: "var(--md-sys-color-surface-bright, var(--md-sys-palette-neutral-24, #3b383e))"; readonly SurfaceContainer: "var(--md-sys-color-surface-container, var(--md-sys-palette-neutral-12, #211f26))"; readonly SurfaceContainerHigh: "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-17, #2b2930))"; readonly SurfaceContainerHighest: "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-22, #36343b))"; readonly SurfaceContainerLow: "var(--md-sys-color-surface-container-low, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly SurfaceContainerLowest: "var(--md-sys-color-surface-container-lowest, var(--md-sys-palette-neutral-4, #0f0d13))"; readonly SurfaceDim: "var(--md-sys-color-surface-dim, var(--md-sys-palette-neutral-6, #141218))"; readonly SurfaceTint: "var(--md-sys-color-surface-tint, var(--md-sys-palette-primary-80, #d0bcff))"; readonly SurfaceVariant: "var(--md-sys-color-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f)"; readonly Tertiary: "var(--md-sys-color-tertiary, var(--md-sys-palette-tertiary-80, #efb8c8))"; readonly TertiaryContainer: "var(--md-sys-color-tertiary-container, var(--md-sys-palette-tertiary-30, #633b48))"; readonly TertiaryFixed: "var(--md-sys-color-tertiary-fixed, var(--md-sys-palette-tertiary-90, #ffd8e4))"; readonly TertiaryFixedDim: "var(--md-sys-color-tertiary-fixed-dim, var(--md-sys-palette-tertiary-80, #efb8c8))"; }; export declare const Color: { readonly Background: "var(--md-sys-color-background, var(--md-sys-palette-neutral-98, #fef7ff))"; readonly Error: "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))"; readonly ErrorContainer: "var(--md-sys-color-error-container, var(--md-sys-palette-error-90, #f9dedc))"; readonly InverseOnSurface: "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))"; readonly InversePrimary: "var(--md-sys-color-inverse-primary, var(--md-sys-palette-primary-80, #d0bcff))"; readonly InverseSurface: "var(--md-sys-color-inverse-surface, var(--md-sys-palette-neutral-20, #322f35))"; readonly OnBackground: "var(--md-sys-color-on-background, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly OnError: "var(--md-sys-color-on-error, var(--md-sys-palette-error-100, #fff))"; readonly OnErrorContainer: "var(--md-sys-color-on-error-container, var(--md-sys-palette-error-10, #410e0b))"; readonly OnPrimary: "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))"; readonly OnPrimaryContainer: "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))"; readonly OnPrimaryFixed: "var(--md-sys-color-on-primary-fixed, var(--md-sys-palette-primary-10, #21005d))"; readonly OnPrimaryFixedVariant: "var(--md-sys-color-on-primary-fixed-variant, var(--md-sys-palette-primary-30, #4f378b))"; readonly OnSecondary: "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))"; readonly OnSecondaryContainer: "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))"; readonly OnSecondaryFixed: "var(--md-sys-color-on-secondary-fixed, var(--md-sys-palette-secondary-10, #1d192b))"; readonly OnSecondaryFixedVariant: "var(--md-sys-color-on-secondary-fixed-variant, var(--md-sys-palette-secondary-30, #4a4458))"; readonly OnSurface: "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly OnSurfaceVariant: "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))"; readonly OnTertiary: "var(--md-sys-color-on-tertiary, var(--md-sys-palette-tertiary-100, #fff))"; readonly OnTertiaryContainer: "var(--md-sys-color-on-tertiary-container, var(--md-sys-palette-tertiary-10, #31111d))"; readonly OnTertiaryFixed: "var(--md-sys-color-on-tertiary-fixed, var(--md-sys-palette-tertiary-10, #31111d))"; readonly OnTertiaryFixedVariant: "var(--md-sys-color-on-tertiary-fixed-variant, var(--md-sys-palette-tertiary-30, #633b48))"; readonly Outline: "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))"; readonly OutlineVariant: "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))"; readonly Primary: "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly PrimaryContainer: "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))"; readonly PrimaryFixed: "var(--md-sys-color-primary-fixed, var(--md-sys-palette-primary-90, #eaddff))"; readonly PrimaryFixedDim: "var(--md-sys-color-primary-fixed-dim, var(--md-sys-palette-primary-80, #d0bcff))"; readonly Scrim: "var(--md-sys-color-scrim, var(--md-sys-palette-neutral-0, #000))"; readonly Secondary: "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))"; readonly SecondaryContainer: "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))"; readonly SecondaryFixed: "var(--md-sys-color-secondary-fixed, var(--md-sys-palette-secondary-90, #e8def8))"; readonly SecondaryFixedDim: "var(--md-sys-color-secondary-fixed-dim, var(--md-sys-palette-secondary-80, #ccc2dc))"; readonly Shadow: "var(--md-sys-color-shadow, var(--md-sys-palette-neutral-0, #000))"; readonly Surface: "var(--md-sys-color-surface, var(--md-sys-palette-neutral-98, #fef7ff))"; readonly SurfaceBright: "var(--md-sys-color-surface-bright, var(--md-sys-palette-neutral-98, #fef7ff))"; readonly SurfaceContainer: "var(--md-sys-color-surface-container, var(--md-sys-palette-neutral-94, #f3edf7))"; readonly SurfaceContainerHigh: "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-92, #ece6f0))"; readonly SurfaceContainerHighest: "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly SurfaceContainerLow: "var(--md-sys-color-surface-container-low, var(--md-sys-palette-neutral-96, #f7f2fa))"; readonly SurfaceContainerLowest: "var(--md-sys-color-surface-container-lowest, var(--md-sys-palette-neutral-100, #fff))"; readonly SurfaceDim: "var(--md-sys-color-surface-dim, var(--md-sys-palette-neutral-87, #ded8e1))"; readonly SurfaceTint: "var(--md-sys-color-surface-tint, var(--md-sys-palette-primary-40, #6750a4))"; readonly SurfaceVariant: "var(--md-sys-color-surface-variant, var(--md-sys-palette-neutral-variant-90, #e7e0ec)"; readonly Tertiary: "var(--md-sys-color-tertiary, var(--md-sys-palette-tertiary-40, #7d5260))"; readonly TertiaryContainer: "var(--md-sys-color-tertiary-container, var(--md-sys-palette-tertiary-90, #ffd8e4))"; readonly TertiaryFixed: "var(--md-sys-color-tertiary-fixed, var(--md-sys-palette-tertiary-90, #ffd8e4))"; readonly TertiaryFixedDim: "var(--md-sys-color-tertiary-fixed-dim, var(--md-sys-palette-tertiary-80, #efb8c8))"; };