@atlaskit/primitives
Version:
Primitives are token-backed low-level building blocks.
239 lines (238 loc) • 22.9 kB
JavaScript
/**
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::74848f30a8ab0264055ca77ebdcac583>>
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::4e25079e2363933fae45ad0f1e9c123b>>
*/
export const backgroundColorMap = {
'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest, #EFFFD6)",
'color.background.accent.lime.subtlest.hovered': "var(--ds-background-accent-lime-subtlest-hovered, #D3F1A7)",
'color.background.accent.lime.subtlest.pressed': "var(--ds-background-accent-lime-subtlest-pressed, #BDE97C)",
'color.background.accent.lime.subtler': "var(--ds-background-accent-lime-subtler, #D3F1A7)",
'color.background.accent.lime.subtler.hovered': "var(--ds-background-accent-lime-subtler-hovered, #BDE97C)",
'color.background.accent.lime.subtler.pressed': "var(--ds-background-accent-lime-subtler-pressed, #B3DF72)",
'color.background.accent.lime.subtle': "var(--ds-background-accent-lime-subtle, #94C748)",
'color.background.accent.lime.subtle.hovered': "var(--ds-background-accent-lime-subtle-hovered, #B3DF72)",
'color.background.accent.lime.subtle.pressed': "var(--ds-background-accent-lime-subtle-pressed, #BDE97C)",
'color.background.accent.lime.bolder': "var(--ds-background-accent-lime-bolder, #5B7F24)",
'color.background.accent.lime.bolder.hovered': "var(--ds-background-accent-lime-bolder-hovered, #4C6B1F)",
'color.background.accent.lime.bolder.pressed': "var(--ds-background-accent-lime-bolder-pressed, #3F5224)",
'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FFECEB)",
'color.background.accent.red.subtlest.hovered': "var(--ds-background-accent-red-subtlest-hovered, #FFD5D2)",
'color.background.accent.red.subtlest.pressed': "var(--ds-background-accent-red-subtlest-pressed, #FFB8B2)",
'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler, #FFD5D2)",
'color.background.accent.red.subtler.hovered': "var(--ds-background-accent-red-subtler-hovered, #FFB8B2)",
'color.background.accent.red.subtler.pressed': "var(--ds-background-accent-red-subtler-pressed, #FD9891)",
'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle, #F87168)",
'color.background.accent.red.subtle.hovered': "var(--ds-background-accent-red-subtle-hovered, #FD9891)",
'color.background.accent.red.subtle.pressed': "var(--ds-background-accent-red-subtle-pressed, #FFB8B2)",
'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder, #C9372C)",
'color.background.accent.red.bolder.hovered': "var(--ds-background-accent-red-bolder-hovered, #AE2E24)",
'color.background.accent.red.bolder.pressed': "var(--ds-background-accent-red-bolder-pressed, #872821)",
'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest, #FFF5DB)",
'color.background.accent.orange.subtlest.hovered': "var(--ds-background-accent-orange-subtlest-hovered, #FCE4A6)",
'color.background.accent.orange.subtlest.pressed': "var(--ds-background-accent-orange-subtlest-pressed, #FBD779)",
'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler, #FCE4A6)",
'color.background.accent.orange.subtler.hovered': "var(--ds-background-accent-orange-subtler-hovered, #FBD779)",
'color.background.accent.orange.subtler.pressed': "var(--ds-background-accent-orange-subtler-pressed, #FBC828)",
'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle, #FCA700)",
'color.background.accent.orange.subtle.hovered': "var(--ds-background-accent-orange-subtle-hovered, #FBC828)",
'color.background.accent.orange.subtle.pressed': "var(--ds-background-accent-orange-subtle-pressed, #FBD779)",
'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder, #BD5B00)",
'color.background.accent.orange.bolder.hovered': "var(--ds-background-accent-orange-bolder-hovered, #9E4C00)",
'color.background.accent.orange.bolder.pressed': "var(--ds-background-accent-orange-bolder-pressed, #7A3B00)",
'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
'color.background.accent.yellow.subtlest.hovered': "var(--ds-background-accent-yellow-subtlest-hovered, #F5E989)",
'color.background.accent.yellow.subtlest.pressed': "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler, #F5E989)",
'color.background.accent.yellow.subtler.hovered': "var(--ds-background-accent-yellow-subtler-hovered, #EFDD4E)",
'color.background.accent.yellow.subtler.pressed': "var(--ds-background-accent-yellow-subtler-pressed, #EED12B)",
'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle, #EED12B)",
'color.background.accent.yellow.subtle.hovered': "var(--ds-background-accent-yellow-subtle-hovered, #DDB30E)",
'color.background.accent.yellow.subtle.pressed': "var(--ds-background-accent-yellow-subtle-pressed, #EFDD4E)",
'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder, #946F00)",
'color.background.accent.yellow.bolder.hovered': "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)",
'color.background.accent.yellow.bolder.pressed': "var(--ds-background-accent-yellow-bolder-pressed, #614A05)",
'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest, #DCFFF1)",
'color.background.accent.green.subtlest.hovered': "var(--ds-background-accent-green-subtlest-hovered, #BAF3DB)",
'color.background.accent.green.subtlest.pressed': "var(--ds-background-accent-green-subtlest-pressed, #97EDC9)",
'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler, #BAF3DB)",
'color.background.accent.green.subtler.hovered': "var(--ds-background-accent-green-subtler-hovered, #97EDC9)",
'color.background.accent.green.subtler.pressed': "var(--ds-background-accent-green-subtler-pressed, #7EE2B8)",
'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle, #4BCE97)",
'color.background.accent.green.subtle.hovered': "var(--ds-background-accent-green-subtle-hovered, #7EE2B8)",
'color.background.accent.green.subtle.pressed': "var(--ds-background-accent-green-subtle-pressed, #97EDC9)",
'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder, #1F845A)",
'color.background.accent.green.bolder.hovered': "var(--ds-background-accent-green-bolder-hovered, #216E4E)",
'color.background.accent.green.bolder.pressed': "var(--ds-background-accent-green-bolder-pressed, #19573D)",
'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
'color.background.accent.teal.subtlest.hovered': "var(--ds-background-accent-teal-subtlest-hovered, #C6EDFB)",
'color.background.accent.teal.subtlest.pressed': "var(--ds-background-accent-teal-subtlest-pressed, #B1E4F7)",
'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler, #C6EDFB)",
'color.background.accent.teal.subtler.hovered': "var(--ds-background-accent-teal-subtler-hovered, #B1E4F7)",
'color.background.accent.teal.subtler.pressed': "var(--ds-background-accent-teal-subtler-pressed, #9DD9EE)",
'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle, #6CC3E0)",
'color.background.accent.teal.subtle.hovered': "var(--ds-background-accent-teal-subtle-hovered, #9DD9EE)",
'color.background.accent.teal.subtle.pressed': "var(--ds-background-accent-teal-subtle-pressed, #B1E4F7)",
'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder, #227D9B)",
'color.background.accent.teal.bolder.hovered': "var(--ds-background-accent-teal-bolder-hovered, #206A83)",
'color.background.accent.teal.bolder.pressed': "var(--ds-background-accent-teal-bolder-pressed, #1A5265)",
'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
'color.background.accent.blue.subtlest.hovered': "var(--ds-background-accent-blue-subtlest-hovered, #CFE1FD)",
'color.background.accent.blue.subtlest.pressed': "var(--ds-background-accent-blue-subtlest-pressed, #ADCBFB)",
'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler, #CFE1FD)",
'color.background.accent.blue.subtler.hovered': "var(--ds-background-accent-blue-subtler-hovered, #ADCBFB)",
'color.background.accent.blue.subtler.pressed': "var(--ds-background-accent-blue-subtler-pressed, #8FB8F6)",
'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle, #669DF1)",
'color.background.accent.blue.subtle.hovered': "var(--ds-background-accent-blue-subtle-hovered, #8FB8F6)",
'color.background.accent.blue.subtle.pressed': "var(--ds-background-accent-blue-subtle-pressed, #ADCBFB)",
'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder, #1868DB)",
'color.background.accent.blue.bolder.hovered': "var(--ds-background-accent-blue-bolder-hovered, #1558BC)",
'color.background.accent.blue.bolder.pressed': "var(--ds-background-accent-blue-bolder-pressed, #144794)",
'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
'color.background.accent.purple.subtlest.hovered': "var(--ds-background-accent-purple-subtlest-hovered, #EED7FC)",
'color.background.accent.purple.subtlest.pressed': "var(--ds-background-accent-purple-subtlest-pressed, #E3BDFA)",
'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler, #EED7FC)",
'color.background.accent.purple.subtler.hovered': "var(--ds-background-accent-purple-subtler-hovered, #E3BDFA)",
'color.background.accent.purple.subtler.pressed': "var(--ds-background-accent-purple-subtler-pressed, #D8A0F7)",
'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle, #C97CF4)",
'color.background.accent.purple.subtle.hovered': "var(--ds-background-accent-purple-subtle-hovered, #D8A0F7)",
'color.background.accent.purple.subtle.pressed': "var(--ds-background-accent-purple-subtle-pressed, #E3BDFA)",
'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder, #964AC0)",
'color.background.accent.purple.bolder.hovered': "var(--ds-background-accent-purple-bolder-hovered, #803FA5)",
'color.background.accent.purple.bolder.pressed': "var(--ds-background-accent-purple-bolder-pressed, #673286)",
'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest, #FFECF8)",
'color.background.accent.magenta.subtlest.hovered': "var(--ds-background-accent-magenta-subtlest-hovered, #FDD0EC)",
'color.background.accent.magenta.subtlest.pressed': "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)",
'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
'color.background.accent.magenta.subtler.hovered': "var(--ds-background-accent-magenta-subtler-hovered, #FCB6E1)",
'color.background.accent.magenta.subtler.pressed': "var(--ds-background-accent-magenta-subtler-pressed, #F797D2)",
'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle, #E774BB)",
'color.background.accent.magenta.subtle.hovered': "var(--ds-background-accent-magenta-subtle-hovered, #F797D2)",
'color.background.accent.magenta.subtle.pressed': "var(--ds-background-accent-magenta-subtle-pressed, #FCB6E1)",
'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder, #AE4787)",
'color.background.accent.magenta.bolder.hovered': "var(--ds-background-accent-magenta-bolder-hovered, #943D73)",
'color.background.accent.magenta.bolder.pressed': "var(--ds-background-accent-magenta-bolder-pressed, #77325B)",
'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest, #F0F1F2)",
'color.background.accent.gray.subtlest.hovered': "var(--ds-background-accent-gray-subtlest-hovered, #DDDEE1)",
'color.background.accent.gray.subtlest.pressed': "var(--ds-background-accent-gray-subtlest-pressed, #B7B9BE)",
'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler, #DDDEE1)",
'color.background.accent.gray.subtler.hovered': "var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)",
'color.background.accent.gray.subtler.pressed': "var(--ds-background-accent-gray-subtler-pressed, #8C8F97)",
'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle, #8C8F97)",
'color.background.accent.gray.subtle.hovered': "var(--ds-background-accent-gray-subtle-hovered, #B7B9BE)",
'color.background.accent.gray.subtle.pressed': "var(--ds-background-accent-gray-subtle-pressed, #DDDEE1)",
'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #6B6E76)",
'color.background.accent.gray.bolder.hovered': "var(--ds-background-accent-gray-bolder-hovered, #505258)",
'color.background.accent.gray.bolder.pressed': "var(--ds-background-accent-gray-bolder-pressed, #3B3D42)",
'color.background.code.added.highlight': "var(--ds-background-code-added-highlight, #DCFFF1)",
'color.background.code.added.line': "var(--ds-background-code-added-line, #BAF3DB66)",
'color.background.code.default': "var(--ds-background-code-default, #FFFFFF)",
'color.background.code.gutter': "var(--ds-background-code-gutter, #F0F1F2)",
'color.background.code.highlight': "var(--ds-background-code-highlight, #F0F1F2)",
'color.background.code.removed.highlight': "var(--ds-background-code-removed-highlight, #FFECEB)",
'color.background.code.removed.line': "var(--ds-background-code-removed-line, #FFD5D266)",
'color.background.disabled': "var(--ds-background-disabled, #0515240F)",
'color.background.input': "var(--ds-background-input, #FFFFFF)",
'color.background.input.hovered': "var(--ds-background-input-hovered, #F8F8F8)",
'color.background.input.pressed': "var(--ds-background-input-pressed, #FFFFFF)",
'color.background.inverse.subtle': "var(--ds-background-inverse-subtle, #00000029)",
'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered, #0000003D)",
'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed, #00000052)",
'color.background.neutral': "var(--ds-background-neutral, #0515240F)",
'color.background.neutral.hovered': "var(--ds-background-neutral-hovered, #0B120E24)",
'color.background.neutral.pressed': "var(--ds-background-neutral-pressed, #080F214A)",
'color.background.neutral.subtle': "var(--ds-background-neutral-subtle, #00000000)",
'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered, #0515240F)",
'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed, #0B120E24)",
'color.background.neutral.bold': "var(--ds-background-neutral-bold, #292A2E)",
'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered, #3B3D42)",
'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed, #505258)",
'color.background.selected': "var(--ds-background-selected, #E9F2FE)",
'color.background.selected.hovered': "var(--ds-background-selected-hovered, #CFE1FD)",
'color.background.selected.pressed': "var(--ds-background-selected-pressed, #8FB8F6)",
'color.background.selected.bold': "var(--ds-background-selected-bold, #1868DB)",
'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered, #1558BC)",
'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed, #123263)",
'color.background.brand.subtlest': "var(--ds-background-brand-subtlest, #E9F2FE)",
'color.background.brand.subtlest.hovered': "var(--ds-background-brand-subtlest-hovered, #CFE1FD)",
'color.background.brand.subtlest.pressed': "var(--ds-background-brand-subtlest-pressed, #ADCBFB)",
'color.background.brand.bold': "var(--ds-background-brand-bold, #1868DB)",
'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered, #1558BC)",
'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed, #144794)",
'color.background.brand.boldest': "var(--ds-background-brand-boldest, #1C2B42)",
'color.background.brand.boldest.hovered': "var(--ds-background-brand-boldest-hovered, #123263)",
'color.background.brand.boldest.pressed': "var(--ds-background-brand-boldest-pressed, #144794)",
'color.background.danger': "var(--ds-background-danger, #FFECEB)",
'color.background.danger.hovered': "var(--ds-background-danger-hovered, #FFD5D2)",
'color.background.danger.pressed': "var(--ds-background-danger-pressed, #FFB8B2)",
'color.background.danger.subtler': "var(--ds-background-danger-subtler, #FFD5D2)",
'color.background.danger.subtler.hovered': "var(--ds-background-danger-subtler-hovered, #FFB8B2)",
'color.background.danger.subtler.pressed': "var(--ds-background-danger-subtler-pressed, #FD9891)",
'color.background.danger.subtle': "var(--ds-background-danger-subtle, #FD9891)",
'color.background.danger.bold': "var(--ds-background-danger-bold, #C9372C)",
'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #AE2E24)",
'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #872821)",
'color.background.warning': "var(--ds-background-warning, #FFF5DB)",
'color.background.warning.hovered': "var(--ds-background-warning-hovered, #FCE4A6)",
'color.background.warning.pressed': "var(--ds-background-warning-pressed, #FBD779)",
'color.background.warning.subtler': "var(--ds-background-warning-subtler, #FCE4A6)",
'color.background.warning.subtler.hovered': "var(--ds-background-warning-subtler-hovered, #FBD779)",
'color.background.warning.subtler.pressed': "var(--ds-background-warning-subtler-pressed, #FBC828)",
'color.background.warning.subtle': "var(--ds-background-warning-subtle, #FBD779)",
'color.background.warning.bold': "var(--ds-background-warning-bold, #FBC828)",
'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FCA700)",
'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #F68909)",
'color.background.success': "var(--ds-background-success, #EFFFD6)",
'color.background.success.hovered': "var(--ds-background-success-hovered, #D3F1A7)",
'color.background.success.pressed': "var(--ds-background-success-pressed, #BDE97C)",
'color.background.success.subtler': "var(--ds-background-success-subtler, #D3F1A7)",
'color.background.success.subtler.hovered': "var(--ds-background-success-subtler-hovered, #BDE97C)",
'color.background.success.subtler.pressed': "var(--ds-background-success-subtler-pressed, #B3DF72)",
'color.background.success.subtle': "var(--ds-background-success-subtle, #B3DF72)",
'color.background.success.bold': "var(--ds-background-success-bold, #5B7F24)",
'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered, #4C6B1F)",
'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed, #3F5224)",
'color.background.discovery': "var(--ds-background-discovery, #F8EEFE)",
'color.background.discovery.hovered': "var(--ds-background-discovery-hovered, #EED7FC)",
'color.background.discovery.pressed': "var(--ds-background-discovery-pressed, #E3BDFA)",
'color.background.discovery.subtler': "var(--ds-background-discovery-subtler, #EED7FC)",
'color.background.discovery.subtler.hovered': "var(--ds-background-discovery-subtler-hovered, #E3BDFA)",
'color.background.discovery.subtler.pressed': "var(--ds-background-discovery-subtler-pressed, #D8A0F7)",
'color.background.discovery.subtle': "var(--ds-background-discovery-subtle, #D8A0F7)",
'color.background.discovery.bold': "var(--ds-background-discovery-bold, #964AC0)",
'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #803FA5)",
'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #673286)",
'color.background.information': "var(--ds-background-information, #E9F2FE)",
'color.background.information.hovered': "var(--ds-background-information-hovered, #CFE1FD)",
'color.background.information.pressed': "var(--ds-background-information-pressed, #ADCBFB)",
'color.background.information.subtler': "var(--ds-background-information-subtler, #CFE1FD)",
'color.background.information.subtler.hovered': "var(--ds-background-information-subtler-hovered, #ADCBFB)",
'color.background.information.subtler.pressed': "var(--ds-background-information-subtler-pressed, #8FB8F6)",
'color.background.information.subtle': "var(--ds-background-information-subtle, #8FB8F6)",
'color.background.information.bold': "var(--ds-background-information-bold, #1868DB)",
'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered, #1558BC)",
'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed, #144794)",
'color.skeleton': "var(--ds-skeleton, #0515240F)",
'color.skeleton.subtle': "var(--ds-skeleton-subtle, #17171708)",
'color.blanket': "var(--ds-blanket, #050C1F75)",
'color.blanket.selected': "var(--ds-blanket-selected, #388BFF14)",
'color.blanket.danger': "var(--ds-blanket-danger, #EF5C4814)",
'color.rovo.background.brand.bold': "var(--ds-rovo-background-brand-bold, #000000)",
'color.rovo.background.brand.bold.hovered': "var(--ds-rovo-background-brand-bold-hovered, #1E1F21)",
'color.rovo.background.brand.bold.pressed': "var(--ds-rovo-background-brand-bold-pressed, #292A2E)",
'elevation.surface': "var(--ds-surface, #FFFFFF)",
'elevation.surface.hovered': "var(--ds-surface-hovered, #F0F1F2)",
'elevation.surface.pressed': "var(--ds-surface-pressed, #DDDEE1)",
'elevation.surface.container': "var(--ds-surface-container, #17171708)",
'elevation.surface.container.hovered': "var(--ds-surface-container-hovered, #0515240F)",
'elevation.surface.container.pressed': "var(--ds-surface-container-pressed, #0B120E24)",
'elevation.surface.overlay': "var(--ds-surface-overlay, #FFFFFF)",
'elevation.surface.overlay.hovered': "var(--ds-surface-overlay-hovered, #F0F1F2)",
'elevation.surface.overlay.pressed': "var(--ds-surface-overlay-pressed, #DDDEE1)",
'elevation.surface.raised': "var(--ds-surface-raised, #FFFFFF)",
'elevation.surface.raised.hovered': "var(--ds-surface-raised-hovered, #F0F1F2)",
'elevation.surface.raised.pressed': "var(--ds-surface-raised-pressed, #DDDEE1)",
'elevation.surface.sunken': "var(--ds-surface-sunken, #F8F8F8)",
'utility.elevation.surface.current': "var(--ds-elevation-surface-current, #FFFFFF)"
};