UNPKG

@atlaskit/primitives

Version:

Primitives are token-backed low-level building blocks.

239 lines (238 loc) 22.9 kB
/** * 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)" };