diff --git a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap index 882cd94320..7679b0748a 100644 --- a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap +++ b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap @@ -2941,6 +2941,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#16191f", + "light": "#16191f", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -6545,6 +6552,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#16191f", + "light": "#16191f", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -10149,6 +10163,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#16191f", + "light": "#16191f", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -13753,6 +13774,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#16191f", + "light": "#16191f", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -17357,6 +17385,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#16191f", + "light": "#16191f", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -20961,6 +20996,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#16191f", + "light": "#16191f", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -24565,6 +24607,13 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#16191f", + "light": "#16191f", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -28174,6 +28223,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#0f141a", + "light": "#0f141a", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -31778,6 +31834,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#0f141a", + "light": "#0f141a", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -35382,6 +35445,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#0f141a", + "light": "#0f141a", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -38986,6 +39056,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#0f141a", + "light": "#0f141a", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -42590,6 +42667,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#0f141a", + "light": "#0f141a", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -46194,6 +46278,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#0f141a", + "light": "#0f141a", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -49798,6 +49889,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#0f141a", + "light": "#0f141a", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -53402,6 +53500,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#0f141a", + "light": "#0f141a", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -57006,6 +57111,13 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, + "color-text-notification-yellow": { + "$description": "The text and foreground color used on warning flash messages (yellow notification surface).", + "$value": { + "dark": "#0f141a", + "light": "#0f141a", + }, + }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { diff --git a/style-dictionary/visual-refresh/metadata/colors.ts b/style-dictionary/visual-refresh/metadata/colors.ts index ad8097e63c..666e103587 100644 --- a/style-dictionary/visual-refresh/metadata/colors.ts +++ b/style-dictionary/visual-refresh/metadata/colors.ts @@ -1233,6 +1233,11 @@ const metadata: StyleDictionary.MetadataIndex = { public: true, themeable: true, }, + colorTextNotificationYellow: { + description: 'The text and foreground color used on warning flash messages (yellow notification surface).', + public: true, + themeable: true, + }, colorTextSegmentActive: { description: 'The text color of the active segment in a segmented control.', public: true,