@atlaskit/forge-react-types 0.63.1 → 0.64.0

package/src/components/__generated__/tokens.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Shared tokens file for UI Kit components. Contains design token maps for xcss support. Source: `packages/forge/forge-ui/src/components/UIKit/tokens.partial.tsx`
  *
- * @codegen <<SignedSource::33ae3cd474ec98484f2403079ac6bcab>>
+ * @codegen <<SignedSource::3ccd9b53fdc2907a6eda6b72e159d9c6>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tokens.partial.tsx <<SignedSource::34ba5fed5a73ed69de68004bceafe652>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tokens.partial.tsx <<SignedSource::e30166598bcdedb0a9ec62bfb3712257>>
  */
 /* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766 */
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766 */
@@ -27,7 +27,7 @@ import type { SerializedStyles } from '@emotion/serialize';
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ecfd4e431024c4f6fca22ac357edbfef>>
+ * @codegen <<SignedSource::457e16d67f12c48bba8b2c36b755de56>>
  * @codegenId forge-tokens
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenDependency ../../../../../design-system/primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
@@ -179,48 +179,48 @@ export const textColorMap: {
 	'color.link.visited': 'var(--ds-link-visited)';
 	'color.link.visited.pressed': 'var(--ds-link-visited-pressed)';
 } = {
-	'color.text': token('color.text', '#172B4D'),
+	'color.text': token('color.text', '#292A2E'),
 	'color.text.accent.lime': token('color.text.accent.lime', '#4C6B1F'),
 	'color.text.accent.lime.bolder': token('color.text.accent.lime.bolder', '#37471F'),
-	'color.text.accent.red': token('color.text.accent.red', '#DE350B'),
-	'color.text.accent.red.bolder': token('color.text.accent.red.bolder', '#BF2600'),
-	'color.text.accent.orange': token('color.text.accent.orange', '#F18D13'),
-	'color.text.accent.orange.bolder': token('color.text.accent.orange.bolder', '#B65C02'),
-	'color.text.accent.yellow': token('color.text.accent.yellow', '#FF991F'),
-	'color.text.accent.yellow.bolder': token('color.text.accent.yellow.bolder', '#FF8B00'),
-	'color.text.accent.green': token('color.text.accent.green', '#00875A'),
-	'color.text.accent.green.bolder': token('color.text.accent.green.bolder', '#006644'),
-	'color.text.accent.teal': token('color.text.accent.teal', '#00A3BF'),
-	'color.text.accent.teal.bolder': token('color.text.accent.teal.bolder', '#008DA6'),
-	'color.text.accent.blue': token('color.text.accent.blue', '#0052CC'),
-	'color.text.accent.blue.bolder': token('color.text.accent.blue.bolder', '#0747A6'),
-	'color.text.accent.purple': token('color.text.accent.purple', '#5243AA'),
-	'color.text.accent.purple.bolder': token('color.text.accent.purple.bolder', '#403294'),
-	'color.text.accent.magenta': token('color.text.accent.magenta', '#E774BB'),
-	'color.text.accent.magenta.bolder': token('color.text.accent.magenta.bolder', '#DA62AC'),
-	'color.text.accent.gray': token('color.text.accent.gray', '#505F79'),
-	'color.text.accent.gray.bolder': token('color.text.accent.gray.bolder', '#172B4D'),
-	'color.text.disabled': token('color.text.disabled', '#A5ADBA'),
+	'color.text.accent.red': token('color.text.accent.red', '#AE2E24'),
+	'color.text.accent.red.bolder': token('color.text.accent.red.bolder', '#5D1F1A'),
+	'color.text.accent.orange': token('color.text.accent.orange', '#9E4C00'),
+	'color.text.accent.orange.bolder': token('color.text.accent.orange.bolder', '#693200'),
+	'color.text.accent.yellow': token('color.text.accent.yellow', '#7F5F01'),
+	'color.text.accent.yellow.bolder': token('color.text.accent.yellow.bolder', '#533F04'),
+	'color.text.accent.green': token('color.text.accent.green', '#216E4E'),
+	'color.text.accent.green.bolder': token('color.text.accent.green.bolder', '#164B35'),
+	'color.text.accent.teal': token('color.text.accent.teal', '#206A83'),
+	'color.text.accent.teal.bolder': token('color.text.accent.teal.bolder', '#164555'),
+	'color.text.accent.blue': token('color.text.accent.blue', '#1558BC'),
+	'color.text.accent.blue.bolder': token('color.text.accent.blue.bolder', '#123263'),
+	'color.text.accent.purple': token('color.text.accent.purple', '#803FA5'),
+	'color.text.accent.purple.bolder': token('color.text.accent.purple.bolder', '#48245D'),
+	'color.text.accent.magenta': token('color.text.accent.magenta', '#943D73'),
+	'color.text.accent.magenta.bolder': token('color.text.accent.magenta.bolder', '#50253F'),
+	'color.text.accent.gray': token('color.text.accent.gray', '#505258'),
+	'color.text.accent.gray.bolder': token('color.text.accent.gray.bolder', '#1E1F21'),
+	'color.text.disabled': token('color.text.disabled', '#080F214A'),
 	'color.text.inverse': token('color.text.inverse', '#FFFFFF'),
-	'color.text.selected': token('color.text.selected', '#0052CC'),
-	'color.text.brand': token('color.text.brand', '#0065FF'),
-	'color.text.danger': token('color.text.danger', '#DE350B'),
-	'color.text.danger.bolder': token('color.text.danger.bolder', '#BF2600'),
-	'color.text.warning': token('color.text.warning', '#974F0C'),
-	'color.text.warning.inverse': token('color.text.warning.inverse', '#172B4D'),
-	'color.text.warning.bolder': token('color.text.warning.bolder', '#974F0C'),
-	'color.text.success': token('color.text.success', '#006644'),
-	'color.text.success.bolder': token('color.text.success.bolder', '#006644'),
-	'color.text.discovery': token('color.text.discovery', '#403294'),
-	'color.text.discovery.bolder': token('color.text.discovery.bolder', '#403294'),
-	'color.text.information': token('color.text.information', '#0052CC'),
-	'color.text.information.bolder': token('color.text.information.bolder', '#0747A6'),
-	'color.text.subtlest': token('color.text.subtlest', '#7A869A'),
-	'color.text.subtle': token('color.text.subtle', '#42526E'),
-	'color.link': token('color.link', '#0052CC'),
-	'color.link.pressed': token('color.link.pressed', '#0747A6'),
-	'color.link.visited': token('color.link.visited', '#403294'),
-	'color.link.visited.pressed': token('color.link.visited.pressed', '#403294'),
+	'color.text.selected': token('color.text.selected', '#1868DB'),
+	'color.text.brand': token('color.text.brand', '#1868DB'),
+	'color.text.danger': token('color.text.danger', '#AE2E24'),
+	'color.text.danger.bolder': token('color.text.danger.bolder', '#5D1F1A'),
+	'color.text.warning': token('color.text.warning', '#9E4C00'),
+	'color.text.warning.inverse': token('color.text.warning.inverse', '#292A2E'),
+	'color.text.warning.bolder': token('color.text.warning.bolder', '#693200'),
+	'color.text.success': token('color.text.success', '#4C6B1F'),
+	'color.text.success.bolder': token('color.text.success.bolder', '#37471F'),
+	'color.text.discovery': token('color.text.discovery', '#803FA5'),
+	'color.text.discovery.bolder': token('color.text.discovery.bolder', '#48245D'),
+	'color.text.information': token('color.text.information', '#1558BC'),
+	'color.text.information.bolder': token('color.text.information.bolder', '#123263'),
+	'color.text.subtlest': token('color.text.subtlest', '#6B6E76'),
+	'color.text.subtle': token('color.text.subtle', '#505258'),
+	'color.link': token('color.link', '#1868DB'),
+	'color.link.pressed': token('color.link.pressed', '#1558BC'),
+	'color.link.visited': token('color.link.visited', '#803FA5'),
+	'color.link.visited.pressed': token('color.link.visited.pressed', '#48245D'),
 } as const;
 
 export type TextColor = keyof typeof textColorMap;
@@ -441,7 +441,7 @@ export const backgroundColorMap: {
 } = {
 	'color.background.accent.lime.subtlest': token(
 		'color.background.accent.lime.subtlest',
-		'#EEFBDA',
+		'#EFFFD6',
 	),
 	'color.background.accent.lime.subtlest.hovered': token(
 		'color.background.accent.lime.subtlest.hovered',
@@ -449,16 +449,16 @@ export const backgroundColorMap: {
 	),
 	'color.background.accent.lime.subtlest.pressed': token(
 		'color.background.accent.lime.subtlest.pressed',
-		'#B3DF72',
+		'#BDE97C',
 	),
 	'color.background.accent.lime.subtler': token('color.background.accent.lime.subtler', '#D3F1A7'),
 	'color.background.accent.lime.subtler.hovered': token(
 		'color.background.accent.lime.subtler.hovered',
-		'#B3DF72',
+		'#BDE97C',
 	),
 	'color.background.accent.lime.subtler.pressed': token(
 		'color.background.accent.lime.subtler.pressed',
-		'#94C748',
+		'#B3DF72',
 	),
 	'color.background.accent.lime.subtle': token('color.background.accent.lime.subtle', '#94C748'),
 	'color.background.accent.lime.subtle.hovered': token(
@@ -467,316 +467,316 @@ export const backgroundColorMap: {
 	),
 	'color.background.accent.lime.subtle.pressed': token(
 		'color.background.accent.lime.subtle.pressed',
-		'#D3F1A7',
+		'#BDE97C',
 	),
 	'color.background.accent.lime.bolder': token('color.background.accent.lime.bolder', '#5B7F24'),
 	'color.background.accent.lime.bolder.hovered': token(
 		'color.background.accent.lime.bolder.hovered',
-		'#37471F',
+		'#4C6B1F',
 	),
 	'color.background.accent.lime.bolder.pressed': token(
 		'color.background.accent.lime.bolder.pressed',
-		'#37471F',
+		'#3F5224',
 	),
-	'color.background.accent.red.subtlest': token('color.background.accent.red.subtlest', '#FF8F73'),
+	'color.background.accent.red.subtlest': token('color.background.accent.red.subtlest', '#FFECEB'),
 	'color.background.accent.red.subtlest.hovered': token(
 		'color.background.accent.red.subtlest.hovered',
-		'#FF7452',
+		'#FFD5D2',
 	),
 	'color.background.accent.red.subtlest.pressed': token(
 		'color.background.accent.red.subtlest.pressed',
-		'#FF5630',
+		'#FFB8B2',
 	),
-	'color.background.accent.red.subtler': token('color.background.accent.red.subtler', '#FF7452'),
+	'color.background.accent.red.subtler': token('color.background.accent.red.subtler', '#FFD5D2'),
 	'color.background.accent.red.subtler.hovered': token(
 		'color.background.accent.red.subtler.hovered',
-		'#FF5630',
+		'#FFB8B2',
 	),
 	'color.background.accent.red.subtler.pressed': token(
 		'color.background.accent.red.subtler.pressed',
-		'#DE350B',
+		'#FD9891',
 	),
-	'color.background.accent.red.subtle': token('color.background.accent.red.subtle', '#DE350B'),
+	'color.background.accent.red.subtle': token('color.background.accent.red.subtle', '#F87168'),
 	'color.background.accent.red.subtle.hovered': token(
 		'color.background.accent.red.subtle.hovered',
-		'#FF5630',
+		'#FD9891',
 	),
 	'color.background.accent.red.subtle.pressed': token(
 		'color.background.accent.red.subtle.pressed',
-		'#FF7452',
+		'#FFB8B2',
 	),
-	'color.background.accent.red.bolder': token('color.background.accent.red.bolder', '#DE350B'),
+	'color.background.accent.red.bolder': token('color.background.accent.red.bolder', '#C9372C'),
 	'color.background.accent.red.bolder.hovered': token(
 		'color.background.accent.red.bolder.hovered',
-		'#FF5630',
+		'#AE2E24',
 	),
 	'color.background.accent.red.bolder.pressed': token(
 		'color.background.accent.red.bolder.pressed',
-		'#FF7452',
+		'#872821',
 	),
 	'color.background.accent.orange.subtlest': token(
 		'color.background.accent.orange.subtlest',
-		'#F18D13',
+		'#FFF5DB',
 	),
 	'color.background.accent.orange.subtlest.hovered': token(
 		'color.background.accent.orange.subtlest.hovered',
-		'#FEC57B',
+		'#FCE4A6',
 	),
 	'color.background.accent.orange.subtlest.pressed': token(
 		'color.background.accent.orange.subtlest.pressed',
-		'#FFE2BD',
+		'#FBD779',
 	),
 	'color.background.accent.orange.subtler': token(
 		'color.background.accent.orange.subtler',
-		'#B65C02',
+		'#FCE4A6',
 	),
 	'color.background.accent.orange.subtler.hovered': token(
 		'color.background.accent.orange.subtler.hovered',
-		'#F18D13',
+		'#FBD779',
 	),
 	'color.background.accent.orange.subtler.pressed': token(
 		'color.background.accent.orange.subtler.pressed',
-		'#FEC57B',
+		'#FBC828',
 	),
 	'color.background.accent.orange.subtle': token(
 		'color.background.accent.orange.subtle',
-		'#5F3811',
+		'#FCA700',
 	),
 	'color.background.accent.orange.subtle.hovered': token(
 		'color.background.accent.orange.subtle.hovered',
-		'#974F0C',
+		'#FBC828',
 	),
 	'color.background.accent.orange.subtle.pressed': token(
 		'color.background.accent.orange.subtle.pressed',
-		'#B65C02',
+		'#FBD779',
 	),
 	'color.background.accent.orange.bolder': token(
 		'color.background.accent.orange.bolder',
-		'#43290F',
+		'#BD5B00',
 	),
 	'color.background.accent.orange.bolder.hovered': token(
 		'color.background.accent.orange.bolder.hovered',
-		'#5F3811',
+		'#9E4C00',
 	),
 	'color.background.accent.orange.bolder.pressed': token(
 		'color.background.accent.orange.bolder.pressed',
-		'#974F0C',
+		'#7A3B00',
 	),
 	'color.background.accent.yellow.subtlest': token(
 		'color.background.accent.yellow.subtlest',
-		'#FFE380',
+		'#FEF7C8',
 	),
 	'color.background.accent.yellow.subtlest.hovered': token(
 		'color.background.accent.yellow.subtlest.hovered',
-		'#FFC400',
+		'#F5E989',
 	),
 	'color.background.accent.yellow.subtlest.pressed': token(
 		'color.background.accent.yellow.subtlest.pressed',
-		'#FFAB00',
+		'#EFDD4E',
 	),
 	'color.background.accent.yellow.subtler': token(
 		'color.background.accent.yellow.subtler',
-		'#FFC400',
+		'#F5E989',
 	),
 	'color.background.accent.yellow.subtler.hovered': token(
 		'color.background.accent.yellow.subtler.hovered',
-		'#FFAB00',
+		'#EFDD4E',
 	),
 	'color.background.accent.yellow.subtler.pressed': token(
 		'color.background.accent.yellow.subtler.pressed',
-		'#FF991F',
+		'#EED12B',
 	),
 	'color.background.accent.yellow.subtle': token(
 		'color.background.accent.yellow.subtle',
-		'#FF991F',
+		'#EED12B',
 	),
 	'color.background.accent.yellow.subtle.hovered': token(
 		'color.background.accent.yellow.subtle.hovered',
-		'#FFAB00',
+		'#DDB30E',
 	),
 	'color.background.accent.yellow.subtle.pressed': token(
 		'color.background.accent.yellow.subtle.pressed',
-		'#FFC400',
+		'#EFDD4E',
 	),
 	'color.background.accent.yellow.bolder': token(
 		'color.background.accent.yellow.bolder',
-		'#FF991F',
+		'#946F00',
 	),
 	'color.background.accent.yellow.bolder.hovered': token(
 		'color.background.accent.yellow.bolder.hovered',
-		'#FFAB00',
+		'#7F5F01',
 	),
 	'color.background.accent.yellow.bolder.pressed': token(
 		'color.background.accent.yellow.bolder.pressed',
-		'#FFC400',
+		'#614A05',
 	),
 	'color.background.accent.green.subtlest': token(
 		'color.background.accent.green.subtlest',
-		'#79F2C0',
+		'#DCFFF1',
 	),
 	'color.background.accent.green.subtlest.hovered': token(
 		'color.background.accent.green.subtlest.hovered',
-		'#57D9A3',
+		'#BAF3DB',
 	),
 	'color.background.accent.green.subtlest.pressed': token(
 		'color.background.accent.green.subtlest.pressed',
-		'#36B37E',
+		'#97EDC9',
 	),
 	'color.background.accent.green.subtler': token(
 		'color.background.accent.green.subtler',
-		'#57D9A3',
+		'#BAF3DB',
 	),
 	'color.background.accent.green.subtler.hovered': token(
 		'color.background.accent.green.subtler.hovered',
-		'#36B37E',
+		'#97EDC9',
 	),
 	'color.background.accent.green.subtler.pressed': token(
 		'color.background.accent.green.subtler.pressed',
-		'#00875A',
+		'#7EE2B8',
 	),
-	'color.background.accent.green.subtle': token('color.background.accent.green.subtle', '#00875A'),
+	'color.background.accent.green.subtle': token('color.background.accent.green.subtle', '#4BCE97'),
 	'color.background.accent.green.subtle.hovered': token(
 		'color.background.accent.green.subtle.hovered',
-		'#36B37E',
+		'#7EE2B8',
 	),
 	'color.background.accent.green.subtle.pressed': token(
 		'color.background.accent.green.subtle.pressed',
-		'#57D9A3',
+		'#97EDC9',
 	),
-	'color.background.accent.green.bolder': token('color.background.accent.green.bolder', '#00875A'),
+	'color.background.accent.green.bolder': token('color.background.accent.green.bolder', '#1F845A'),
 	'color.background.accent.green.bolder.hovered': token(
 		'color.background.accent.green.bolder.hovered',
-		'#36B37E',
+		'#216E4E',
 	),
 	'color.background.accent.green.bolder.pressed': token(
 		'color.background.accent.green.bolder.pressed',
-		'#57D9A3',
+		'#19573D',
 	),
 	'color.background.accent.teal.subtlest': token(
 		'color.background.accent.teal.subtlest',
-		'#79E2F2',
+		'#E7F9FF',
 	),
 	'color.background.accent.teal.subtlest.hovered': token(
 		'color.background.accent.teal.subtlest.hovered',
-		'#00C7E6',
+		'#C6EDFB',
 	),
 	'color.background.accent.teal.subtlest.pressed': token(
 		'color.background.accent.teal.subtlest.pressed',
-		'#00B8D9',
+		'#B1E4F7',
 	),
-	'color.background.accent.teal.subtler': token('color.background.accent.teal.subtler', '#00C7E6'),
+	'color.background.accent.teal.subtler': token('color.background.accent.teal.subtler', '#C6EDFB'),
 	'color.background.accent.teal.subtler.hovered': token(
 		'color.background.accent.teal.subtler.hovered',
-		'#00B8D9',
+		'#B1E4F7',
 	),
 	'color.background.accent.teal.subtler.pressed': token(
 		'color.background.accent.teal.subtler.pressed',
-		'#00A3BF',
+		'#9DD9EE',
 	),
-	'color.background.accent.teal.subtle': token('color.background.accent.teal.subtle', '#00A3BF'),
+	'color.background.accent.teal.subtle': token('color.background.accent.teal.subtle', '#6CC3E0'),
 	'color.background.accent.teal.subtle.hovered': token(
 		'color.background.accent.teal.subtle.hovered',
-		'#00B8D9',
+		'#9DD9EE',
 	),
 	'color.background.accent.teal.subtle.pressed': token(
 		'color.background.accent.teal.subtle.pressed',
-		'#00C7E6',
+		'#B1E4F7',
 	),
-	'color.background.accent.teal.bolder': token('color.background.accent.teal.bolder', '#00A3BF'),
+	'color.background.accent.teal.bolder': token('color.background.accent.teal.bolder', '#227D9B'),
 	'color.background.accent.teal.bolder.hovered': token(
 		'color.background.accent.teal.bolder.hovered',
-		'#00B8D9',
+		'#206A83',
 	),
 	'color.background.accent.teal.bolder.pressed': token(
 		'color.background.accent.teal.bolder.pressed',
-		'#00C7E6',
+		'#1A5265',
 	),
 	'color.background.accent.blue.subtlest': token(
 		'color.background.accent.blue.subtlest',
-		'#4C9AFF',
+		'#E9F2FE',
 	),
 	'color.background.accent.blue.subtlest.hovered': token(
 		'color.background.accent.blue.subtlest.hovered',
-		'#2684FF',
+		'#CFE1FD',
 	),
 	'color.background.accent.blue.subtlest.pressed': token(
 		'color.background.accent.blue.subtlest.pressed',
-		'#0065FF',
+		'#ADCBFB',
 	),
-	'color.background.accent.blue.subtler': token('color.background.accent.blue.subtler', '#2684FF'),
+	'color.background.accent.blue.subtler': token('color.background.accent.blue.subtler', '#CFE1FD'),
 	'color.background.accent.blue.subtler.hovered': token(
 		'color.background.accent.blue.subtler.hovered',
-		'#0065FF',
+		'#ADCBFB',
 	),
 	'color.background.accent.blue.subtler.pressed': token(
 		'color.background.accent.blue.subtler.pressed',
-		'#0052CC',
+		'#8FB8F6',
 	),
-	'color.background.accent.blue.subtle': token('color.background.accent.blue.subtle', '#0052CC'),
+	'color.background.accent.blue.subtle': token('color.background.accent.blue.subtle', '#669DF1'),
 	'color.background.accent.blue.subtle.hovered': token(
 		'color.background.accent.blue.subtle.hovered',
-		'#0065FF',
+		'#8FB8F6',
 	),
 	'color.background.accent.blue.subtle.pressed': token(
 		'color.background.accent.blue.subtle.pressed',
-		'#2684FF',
+		'#ADCBFB',
 	),
-	'color.background.accent.blue.bolder': token('color.background.accent.blue.bolder', '#0052CC'),
+	'color.background.accent.blue.bolder': token('color.background.accent.blue.bolder', '#1868DB'),
 	'color.background.accent.blue.bolder.hovered': token(
 		'color.background.accent.blue.bolder.hovered',
-		'#0065FF',
+		'#1558BC',
 	),
 	'color.background.accent.blue.bolder.pressed': token(
 		'color.background.accent.blue.bolder.pressed',
-		'#2684FF',
+		'#144794',
 	),
 	'color.background.accent.purple.subtlest': token(
 		'color.background.accent.purple.subtlest',
-		'#998DD9',
+		'#F8EEFE',
 	),
 	'color.background.accent.purple.subtlest.hovered': token(
 		'color.background.accent.purple.subtlest.hovered',
-		'#8777D9',
+		'#EED7FC',
 	),
 	'color.background.accent.purple.subtlest.pressed': token(
 		'color.background.accent.purple.subtlest.pressed',
-		'#6554C0',
+		'#E3BDFA',
 	),
 	'color.background.accent.purple.subtler': token(
 		'color.background.accent.purple.subtler',
-		'#8777D9',
+		'#EED7FC',
 	),
 	'color.background.accent.purple.subtler.hovered': token(
 		'color.background.accent.purple.subtler.hovered',
-		'#6554C0',
+		'#E3BDFA',
 	),
 	'color.background.accent.purple.subtler.pressed': token(
 		'color.background.accent.purple.subtler.pressed',
-		'#5243AA',
+		'#D8A0F7',
 	),
 	'color.background.accent.purple.subtle': token(
 		'color.background.accent.purple.subtle',
-		'#5243AA',
+		'#C97CF4',
 	),
 	'color.background.accent.purple.subtle.hovered': token(
 		'color.background.accent.purple.subtle.hovered',
-		'#6554C0',
+		'#D8A0F7',
 	),
 	'color.background.accent.purple.subtle.pressed': token(
 		'color.background.accent.purple.subtle.pressed',
-		'#8777D9',
+		'#E3BDFA',
 	),
 	'color.background.accent.purple.bolder': token(
 		'color.background.accent.purple.bolder',
-		'#5243AA',
+		'#964AC0',
 	),
 	'color.background.accent.purple.bolder.hovered': token(
 		'color.background.accent.purple.bolder.hovered',
-		'#6554C0',
+		'#803FA5',
 	),
 	'color.background.accent.purple.bolder.pressed': token(
 		'color.background.accent.purple.bolder.pressed',
-		'#8777D9',
+		'#673286',
 	),
 	'color.background.accent.magenta.subtlest': token(
 		'color.background.accent.magenta.subtlest',
@@ -788,7 +788,7 @@ export const backgroundColorMap: {
 	),
 	'color.background.accent.magenta.subtlest.pressed': token(
 		'color.background.accent.magenta.subtlest.pressed',
-		'#F797D2',
+		'#FCB6E1',
 	),
 	'color.background.accent.magenta.subtler': token(
 		'color.background.accent.magenta.subtler',
@@ -796,11 +796,11 @@ export const backgroundColorMap: {
 	),
 	'color.background.accent.magenta.subtler.hovered': token(
 		'color.background.accent.magenta.subtler.hovered',
-		'#F797D2',
+		'#FCB6E1',
 	),
 	'color.background.accent.magenta.subtler.pressed': token(
 		'color.background.accent.magenta.subtler.pressed',
-		'#E774BB',
+		'#F797D2',
 	),
 	'color.background.accent.magenta.subtle': token(
 		'color.background.accent.magenta.subtle',
@@ -812,7 +812,7 @@ export const backgroundColorMap: {
 	),
 	'color.background.accent.magenta.subtle.pressed': token(
 		'color.background.accent.magenta.subtle.pressed',
-		'#FDD0EC',
+		'#FCB6E1',
 	),
 	'color.background.accent.magenta.bolder': token(
 		'color.background.accent.magenta.bolder',
@@ -824,50 +824,50 @@ export const backgroundColorMap: {
 	),
 	'color.background.accent.magenta.bolder.pressed': token(
 		'color.background.accent.magenta.bolder.pressed',
-		'#50253F',
+		'#77325B',
 	),
 	'color.background.accent.gray.subtlest': token(
 		'color.background.accent.gray.subtlest',
-		'#6B778C',
+		'#F0F1F2',
 	),
 	'color.background.accent.gray.subtlest.hovered': token(
 		'color.background.accent.gray.subtlest.hovered',
-		'#5E6C84',
+		'#DDDEE1',
 	),
 	'color.background.accent.gray.subtlest.pressed': token(
 		'color.background.accent.gray.subtlest.pressed',
-		'#505F79',
+		'#B7B9BE',
 	),
-	'color.background.accent.gray.subtler': token('color.background.accent.gray.subtler', '#5E6C84'),
+	'color.background.accent.gray.subtler': token('color.background.accent.gray.subtler', '#DDDEE1'),
 	'color.background.accent.gray.subtler.hovered': token(
 		'color.background.accent.gray.subtler.hovered',
-		'#505F79',
+		'#B7B9BE',
 	),
 	'color.background.accent.gray.subtler.pressed': token(
 		'color.background.accent.gray.subtler.pressed',
-		'#42526E',
+		'#8C8F97',
 	),
-	'color.background.accent.gray.subtle': token('color.background.accent.gray.subtle', '#505F79'),
+	'color.background.accent.gray.subtle': token('color.background.accent.gray.subtle', '#8C8F97'),
 	'color.background.accent.gray.subtle.hovered': token(
 		'color.background.accent.gray.subtle.hovered',
-		'#5E6C84',
+		'#B7B9BE',
 	),
 	'color.background.accent.gray.subtle.pressed': token(
 		'color.background.accent.gray.subtle.pressed',
-		'#6B778C',
+		'#DDDEE1',
 	),
-	'color.background.accent.gray.bolder': token('color.background.accent.gray.bolder', '#42526E'),
+	'color.background.accent.gray.bolder': token('color.background.accent.gray.bolder', '#6B6E76'),
 	'color.background.accent.gray.bolder.hovered': token(
 		'color.background.accent.gray.bolder.hovered',
-		'#344563',
+		'#505258',
 	),
 	'color.background.accent.gray.bolder.pressed': token(
 		'color.background.accent.gray.bolder.pressed',
-		'#253858',
+		'#3B3D42',
 	),
-	'color.background.disabled': token('color.background.disabled', '#091e4289'),
-	'color.background.input': token('color.background.input', '#FAFBFC'),
-	'color.background.input.hovered': token('color.background.input.hovered', '#EBECF0'),
+	'color.background.disabled': token('color.background.disabled', '#17171708'),
+	'color.background.input': token('color.background.input', '#FFFFFF'),
+	'color.background.input.hovered': token('color.background.input.hovered', '#F8F8F8'),
 	'color.background.input.pressed': token('color.background.input.pressed', '#FFFFFF'),
 	'color.background.inverse.subtle': token('color.background.inverse.subtle', '#00000029'),
 	'color.background.inverse.subtle.hovered': token(
@@ -878,174 +878,174 @@ export const backgroundColorMap: {
 		'color.background.inverse.subtle.pressed',
 		'#00000052',
 	),
-	'color.background.neutral': token('color.background.neutral', '#DFE1E6'),
-	'color.background.neutral.hovered': token('color.background.neutral.hovered', '#091e4214'),
-	'color.background.neutral.pressed': token('color.background.neutral.pressed', '#B3D4FF'),
-	'color.background.neutral.subtle': token('color.background.neutral.subtle', 'transparent'),
+	'color.background.neutral': token('color.background.neutral', '#0515240F'),
+	'color.background.neutral.hovered': token('color.background.neutral.hovered', '#0B120E24'),
+	'color.background.neutral.pressed': token('color.background.neutral.pressed', '#080F214A'),
+	'color.background.neutral.subtle': token('color.background.neutral.subtle', '#00000000'),
 	'color.background.neutral.subtle.hovered': token(
 		'color.background.neutral.subtle.hovered',
-		'#091e4214',
+		'#0515240F',
 	),
 	'color.background.neutral.subtle.pressed': token(
 		'color.background.neutral.subtle.pressed',
-		'#B3D4FF',
+		'#0B120E24',
 	),
-	'color.background.neutral.bold': token('color.background.neutral.bold', '#42526E'),
+	'color.background.neutral.bold': token('color.background.neutral.bold', '#292A2E'),
 	'color.background.neutral.bold.hovered': token(
 		'color.background.neutral.bold.hovered',
-		'#505F79',
+		'#3B3D42',
 	),
 	'color.background.neutral.bold.pressed': token(
 		'color.background.neutral.bold.pressed',
-		'#344563',
+		'#505258',
 	),
-	'color.background.selected': token('color.background.selected', '#DEEBFF'),
-	'color.background.selected.hovered': token('color.background.selected.hovered', '#B3D4FF'),
-	'color.background.selected.pressed': token('color.background.selected.pressed', '#4C9AFF'),
-	'color.background.selected.bold': token('color.background.selected.bold', '#0052CC'),
+	'color.background.selected': token('color.background.selected', '#E9F2FE'),
+	'color.background.selected.hovered': token('color.background.selected.hovered', '#CFE1FD'),
+	'color.background.selected.pressed': token('color.background.selected.pressed', '#8FB8F6'),
+	'color.background.selected.bold': token('color.background.selected.bold', '#1868DB'),
 	'color.background.selected.bold.hovered': token(
 		'color.background.selected.bold.hovered',
-		'#2684FF',
+		'#1558BC',
 	),
 	'color.background.selected.bold.pressed': token(
 		'color.background.selected.bold.pressed',
-		'#0052CC',
+		'#123263',
 	),
-	'color.background.brand.subtlest': token('color.background.brand.subtlest', '#B3D4FF'),
+	'color.background.brand.subtlest': token('color.background.brand.subtlest', '#E9F2FE'),
 	'color.background.brand.subtlest.hovered': token(
 		'color.background.brand.subtlest.hovered',
-		'#DEEBFF',
+		'#CFE1FD',
 	),
 	'color.background.brand.subtlest.pressed': token(
 		'color.background.brand.subtlest.pressed',
-		'#4C9AFF',
+		'#ADCBFB',
 	),
-	'color.background.brand.bold': token('color.background.brand.bold', '#0052CC'),
-	'color.background.brand.bold.hovered': token('color.background.brand.bold.hovered', '#0065FF'),
-	'color.background.brand.bold.pressed': token('color.background.brand.bold.pressed', '#0747A6'),
-	'color.background.brand.boldest': token('color.background.brand.boldest', '#0747A6'),
+	'color.background.brand.bold': token('color.background.brand.bold', '#1868DB'),
+	'color.background.brand.bold.hovered': token('color.background.brand.bold.hovered', '#1558BC'),
+	'color.background.brand.bold.pressed': token('color.background.brand.bold.pressed', '#144794'),
+	'color.background.brand.boldest': token('color.background.brand.boldest', '#1C2B42'),
 	'color.background.brand.boldest.hovered': token(
 		'color.background.brand.boldest.hovered',
-		'#0052CC',
+		'#123263',
 	),
 	'color.background.brand.boldest.pressed': token(
 		'color.background.brand.boldest.pressed',
-		'#0747A6',
+		'#144794',
 	),
-	'color.background.danger': token('color.background.danger', '#FFEBE6'),
-	'color.background.danger.hovered': token('color.background.danger.hovered', '#FFBDAD'),
-	'color.background.danger.pressed': token('color.background.danger.pressed', '#FF8F73'),
-	'color.background.danger.subtler': token('color.background.danger.subtler', '#FFBDAD'),
+	'color.background.danger': token('color.background.danger', '#FFECEB'),
+	'color.background.danger.hovered': token('color.background.danger.hovered', '#FFD5D2'),
+	'color.background.danger.pressed': token('color.background.danger.pressed', '#FFB8B2'),
+	'color.background.danger.subtler': token('color.background.danger.subtler', '#FFD5D2'),
 	'color.background.danger.subtler.hovered': token(
 		'color.background.danger.subtler.hovered',
-		'#FF8F73',
+		'#FFB8B2',
 	),
 	'color.background.danger.subtler.pressed': token(
 		'color.background.danger.subtler.pressed',
-		'#FF7452',
-	),
-	'color.background.danger.bold': token('color.background.danger.bold', '#DE350B'),
-	'color.background.danger.bold.hovered': token('color.background.danger.bold.hovered', '#FF5630'),
-	'color.background.danger.bold.pressed': token('color.background.danger.bold.pressed', '#BF2600'),
-	'color.background.warning': token('color.background.warning', '#FFFAE6'),
-	'color.background.warning.hovered': token('color.background.warning.hovered', '#FFF0B3'),
-	'color.background.warning.pressed': token('color.background.warning.pressed', '#FFE380'),
-	'color.background.warning.subtler': token('color.background.warning.subtler', '#FFF0B3'),
+		'#FD9891',
+	),
+	'color.background.danger.bold': token('color.background.danger.bold', '#C9372C'),
+	'color.background.danger.bold.hovered': token('color.background.danger.bold.hovered', '#AE2E24'),
+	'color.background.danger.bold.pressed': token('color.background.danger.bold.pressed', '#872821'),
+	'color.background.warning': token('color.background.warning', '#FFF5DB'),
+	'color.background.warning.hovered': token('color.background.warning.hovered', '#FCE4A6'),
+	'color.background.warning.pressed': token('color.background.warning.pressed', '#FBD779'),
+	'color.background.warning.subtler': token('color.background.warning.subtler', '#FCE4A6'),
 	'color.background.warning.subtler.hovered': token(
 		'color.background.warning.subtler.hovered',
-		'#FFE380',
+		'#FBD779',
 	),
 	'color.background.warning.subtler.pressed': token(
 		'color.background.warning.subtler.pressed',
-		'#FFC400',
+		'#FBC828',
 	),
-	'color.background.warning.bold': token('color.background.warning.bold', '#FFAB00'),
+	'color.background.warning.bold': token('color.background.warning.bold', '#FBC828'),
 	'color.background.warning.bold.hovered': token(
 		'color.background.warning.bold.hovered',
-		'#FFC400',
+		'#FCA700',
 	),
 	'color.background.warning.bold.pressed': token(
 		'color.background.warning.bold.pressed',
-		'#FF991F',
+		'#F68909',
 	),
-	'color.background.success': token('color.background.success', '#E3FCEF'),
-	'color.background.success.hovered': token('color.background.success.hovered', '#ABF5D1'),
-	'color.background.success.pressed': token('color.background.success.pressed', '#79F2C0'),
-	'color.background.success.subtler': token('color.background.success.subtler', '#ABF5D1'),
+	'color.background.success': token('color.background.success', '#EFFFD6'),
+	'color.background.success.hovered': token('color.background.success.hovered', '#D3F1A7'),
+	'color.background.success.pressed': token('color.background.success.pressed', '#BDE97C'),
+	'color.background.success.subtler': token('color.background.success.subtler', '#D3F1A7'),
 	'color.background.success.subtler.hovered': token(
 		'color.background.success.subtler.hovered',
-		'#79F2C0',
+		'#BDE97C',
 	),
 	'color.background.success.subtler.pressed': token(
 		'color.background.success.subtler.pressed',
-		'#57D9A3',
+		'#B3DF72',
 	),
-	'color.background.success.bold': token('color.background.success.bold', '#00875A'),
+	'color.background.success.bold': token('color.background.success.bold', '#5B7F24'),
 	'color.background.success.bold.hovered': token(
 		'color.background.success.bold.hovered',
-		'#57D9A3',
+		'#4C6B1F',
 	),
 	'color.background.success.bold.pressed': token(
 		'color.background.success.bold.pressed',
-		'#00875A',
+		'#3F5224',
 	),
-	'color.background.discovery': token('color.background.discovery', '#EAE6FF'),
-	'color.background.discovery.hovered': token('color.background.discovery.hovered', '#C0B6F2'),
-	'color.background.discovery.pressed': token('color.background.discovery.pressed', '#998DD9'),
-	'color.background.discovery.subtler': token('color.background.discovery.subtler', '#C0B6F2'),
+	'color.background.discovery': token('color.background.discovery', '#F8EEFE'),
+	'color.background.discovery.hovered': token('color.background.discovery.hovered', '#EED7FC'),
+	'color.background.discovery.pressed': token('color.background.discovery.pressed', '#E3BDFA'),
+	'color.background.discovery.subtler': token('color.background.discovery.subtler', '#EED7FC'),
 	'color.background.discovery.subtler.hovered': token(
 		'color.background.discovery.subtler.hovered',
-		'#998DD9',
+		'#E3BDFA',
 	),
 	'color.background.discovery.subtler.pressed': token(
 		'color.background.discovery.subtler.pressed',
-		'#8777D9',
+		'#D8A0F7',
 	),
-	'color.background.discovery.bold': token('color.background.discovery.bold', '#5243AA'),
+	'color.background.discovery.bold': token('color.background.discovery.bold', '#964AC0'),
 	'color.background.discovery.bold.hovered': token(
 		'color.background.discovery.bold.hovered',
-		'#8777D9',
+		'#803FA5',
 	),
 	'color.background.discovery.bold.pressed': token(
 		'color.background.discovery.bold.pressed',
-		'#5243AA',
+		'#673286',
 	),
-	'color.background.information': token('color.background.information', '#DEEBFF'),
-	'color.background.information.hovered': token('color.background.information.hovered', '#B3D4FF'),
-	'color.background.information.pressed': token('color.background.information.pressed', '#4C9AFF'),
-	'color.background.information.subtler': token('color.background.information.subtler', '#B3D4FF'),
+	'color.background.information': token('color.background.information', '#E9F2FE'),
+	'color.background.information.hovered': token('color.background.information.hovered', '#CFE1FD'),
+	'color.background.information.pressed': token('color.background.information.pressed', '#ADCBFB'),
+	'color.background.information.subtler': token('color.background.information.subtler', '#CFE1FD'),
 	'color.background.information.subtler.hovered': token(
 		'color.background.information.subtler.hovered',
-		'#4C9AFF',
+		'#ADCBFB',
 	),
 	'color.background.information.subtler.pressed': token(
 		'color.background.information.subtler.pressed',
-		'#2684FF',
+		'#8FB8F6',
 	),
-	'color.background.information.bold': token('color.background.information.bold', '#0052CC'),
+	'color.background.information.bold': token('color.background.information.bold', '#1868DB'),
 	'color.background.information.bold.hovered': token(
 		'color.background.information.bold.hovered',
-		'#2684FF',
+		'#1558BC',
 	),
 	'color.background.information.bold.pressed': token(
 		'color.background.information.bold.pressed',
-		'#0052CC',
+		'#144794',
 	),
-	'color.blanket': token('color.blanket', '#091e4289'),
+	'color.blanket': token('color.blanket', '#050C1F75'),
 	'color.blanket.selected': token('color.blanket.selected', '#388BFF14'),
 	'color.blanket.danger': token('color.blanket.danger', '#EF5C4814'),
-	'color.skeleton': token('color.skeleton', '#F4F5F7'),
-	'color.skeleton.subtle': token('color.skeleton.subtle', '#091e420a'),
+	'color.skeleton': token('color.skeleton', '#0515240F'),
+	'color.skeleton.subtle': token('color.skeleton.subtle', '#17171708'),
 	'elevation.surface': token('elevation.surface', '#FFFFFF'),
-	'elevation.surface.hovered': token('elevation.surface.hovered', '#FAFBFC'),
-	'elevation.surface.pressed': token('elevation.surface.pressed', '#F4F5F7'),
+	'elevation.surface.hovered': token('elevation.surface.hovered', '#F0F1F2'),
+	'elevation.surface.pressed': token('elevation.surface.pressed', '#DDDEE1'),
 	'elevation.surface.overlay': token('elevation.surface.overlay', '#FFFFFF'),
-	'elevation.surface.overlay.hovered': token('elevation.surface.overlay.hovered', '#FAFBFC'),
-	'elevation.surface.overlay.pressed': token('elevation.surface.overlay.pressed', '#F4F5F7'),
+	'elevation.surface.overlay.hovered': token('elevation.surface.overlay.hovered', '#F0F1F2'),
+	'elevation.surface.overlay.pressed': token('elevation.surface.overlay.pressed', '#DDDEE1'),
 	'elevation.surface.raised': token('elevation.surface.raised', '#FFFFFF'),
-	'elevation.surface.raised.hovered': token('elevation.surface.raised.hovered', '#FAFBFC'),
-	'elevation.surface.raised.pressed': token('elevation.surface.raised.pressed', '#F4F5F7'),
-	'elevation.surface.sunken': token('elevation.surface.sunken', '#F4F5F7'),
+	'elevation.surface.raised.hovered': token('elevation.surface.raised.hovered', '#F0F1F2'),
+	'elevation.surface.raised.pressed': token('elevation.surface.raised.pressed', '#DDDEE1'),
+	'elevation.surface.sunken': token('elevation.surface.sunken', '#F8F8F8'),
 	'utility.elevation.surface.current': token('utility.elevation.surface.current', '#FFFFFF'),
 } as const;
 
@@ -1076,29 +1076,29 @@ export const borderColorMap: {
 	'color.border.information': 'var(--ds-border-information)';
 	'color.border.bold': 'var(--ds-border-bold)';
 } = {
-	'color.border': token('color.border', '#091e4221'),
+	'color.border': token('color.border', '#0B120E24'),
 	'color.border.accent.lime': token('color.border.accent.lime', '#6A9A23'),
-	'color.border.accent.red': token('color.border.accent.red', '#FF5630'),
-	'color.border.accent.orange': token('color.border.accent.orange', '#D94008'),
-	'color.border.accent.yellow': token('color.border.accent.yellow', '#FFAB00'),
-	'color.border.accent.green': token('color.border.accent.green', '#36B37E'),
-	'color.border.accent.teal': token('color.border.accent.teal', '#00B8D9'),
-	'color.border.accent.blue': token('color.border.accent.blue', '#0065FF'),
-	'color.border.accent.purple': token('color.border.accent.purple', '#6554C0'),
+	'color.border.accent.red': token('color.border.accent.red', '#E2483D'),
+	'color.border.accent.orange': token('color.border.accent.orange', '#E06C00'),
+	'color.border.accent.yellow': token('color.border.accent.yellow', '#B38600'),
+	'color.border.accent.green': token('color.border.accent.green', '#22A06B'),
+	'color.border.accent.teal': token('color.border.accent.teal', '#2898BD'),
+	'color.border.accent.blue': token('color.border.accent.blue', '#357DE8'),
+	'color.border.accent.purple': token('color.border.accent.purple', '#AF59E1'),
 	'color.border.accent.magenta': token('color.border.accent.magenta', '#CD519D'),
-	'color.border.accent.gray': token('color.border.accent.gray', '#5E6C84'),
-	'color.border.disabled': token('color.border.disabled', '#FAFBFC'),
-	'color.border.focused': token('color.border.focused', '#2684FF'),
-	'color.border.input': token('color.border.input', '#FAFBFC'),
+	'color.border.accent.gray': token('color.border.accent.gray', '#7D818A'),
+	'color.border.disabled': token('color.border.disabled', '#0515240F'),
+	'color.border.focused': token('color.border.focused', '#4688EC'),
+	'color.border.input': token('color.border.input', '#8C8F97'),
 	'color.border.inverse': token('color.border.inverse', '#FFFFFF'),
-	'color.border.selected': token('color.border.selected', '#0052CC'),
-	'color.border.brand': token('color.border.brand', '#0052CC'),
-	'color.border.danger': token('color.border.danger', '#FF5630'),
-	'color.border.warning': token('color.border.warning', '#FFC400'),
-	'color.border.success': token('color.border.success', '#00875A'),
-	'color.border.discovery': token('color.border.discovery', '#998DD9'),
-	'color.border.information': token('color.border.information', '#0065FF'),
-	'color.border.bold': token('color.border.bold', '#344563'),
+	'color.border.selected': token('color.border.selected', '#1868DB'),
+	'color.border.brand': token('color.border.brand', '#1868DB'),
+	'color.border.danger': token('color.border.danger', '#E2483D'),
+	'color.border.warning': token('color.border.warning', '#E06C00'),
+	'color.border.success': token('color.border.success', '#6A9A23'),
+	'color.border.discovery': token('color.border.discovery', '#AF59E1'),
+	'color.border.information': token('color.border.information', '#357DE8'),
+	'color.border.bold': token('color.border.bold', '#7D818A'),
 } as const;
 
 export type BorderColor = keyof typeof borderColorMap;
@@ -1182,17 +1182,17 @@ export const shadowMap: {
 } = {
 	'elevation.shadow.overflow': token(
 		'elevation.shadow.overflow',
-		'0px 0px 8px #091e423f, 0px 0px 1px #091e424f',
+		'0px 0px 8px #1E1F21, 0px 0px 1px #1E1F21',
 	),
-	'elevation.shadow.overflow.perimeter': token('elevation.shadow.overflow.perimeter', '#091e421f'),
-	'elevation.shadow.overflow.spread': token('elevation.shadow.overflow.spread', '#091e4229'),
+	'elevation.shadow.overflow.perimeter': token('elevation.shadow.overflow.perimeter', '#1E1F211f'),
+	'elevation.shadow.overflow.spread': token('elevation.shadow.overflow.spread', '#1E1F2129'),
 	'elevation.shadow.overlay': token(
 		'elevation.shadow.overlay',
-		'0px 8px 12px #091e423f, 0px 0px 1px #091e424f',
+		'0px 8px 12px #1E1F21, 0px 0px 1px #1E1F21',
 	),
 	'elevation.shadow.raised': token(
 		'elevation.shadow.raised',
-		'0px 1px 1px #091e423f, 0px 0px 1px #091e4221',
+		'0px 1px 1px #1E1F21, 0px 0px 1px #1E1F21',
 	),
 } as const;
 
@@ -1211,15 +1211,15 @@ export const surfaceColorMap: {
 	'elevation.surface.sunken': 'var(--ds-surface-sunken)';
 } = {
 	'elevation.surface': token('elevation.surface', '#FFFFFF'),
-	'elevation.surface.hovered': token('elevation.surface.hovered', '#FAFBFC'),
-	'elevation.surface.pressed': token('elevation.surface.pressed', '#F4F5F7'),
+	'elevation.surface.hovered': token('elevation.surface.hovered', '#F0F1F2'),
+	'elevation.surface.pressed': token('elevation.surface.pressed', '#DDDEE1'),
 	'elevation.surface.overlay': token('elevation.surface.overlay', '#FFFFFF'),
-	'elevation.surface.overlay.hovered': token('elevation.surface.overlay.hovered', '#FAFBFC'),
-	'elevation.surface.overlay.pressed': token('elevation.surface.overlay.pressed', '#F4F5F7'),
+	'elevation.surface.overlay.hovered': token('elevation.surface.overlay.hovered', '#F0F1F2'),
+	'elevation.surface.overlay.pressed': token('elevation.surface.overlay.pressed', '#DDDEE1'),
 	'elevation.surface.raised': token('elevation.surface.raised', '#FFFFFF'),
-	'elevation.surface.raised.hovered': token('elevation.surface.raised.hovered', '#FAFBFC'),
-	'elevation.surface.raised.pressed': token('elevation.surface.raised.pressed', '#F4F5F7'),
-	'elevation.surface.sunken': token('elevation.surface.sunken', '#F4F5F7'),
+	'elevation.surface.raised.hovered': token('elevation.surface.raised.hovered', '#F0F1F2'),
+	'elevation.surface.raised.pressed': token('elevation.surface.raised.pressed', '#DDDEE1'),
+	'elevation.surface.sunken': token('elevation.surface.sunken', '#F8F8F8'),
 } as const;
 
 export type SurfaceColor = keyof typeof surfaceColorMap;