From 45fbcbf3f5bff744810be7572166e23b9f9ca172 Mon Sep 17 00:00:00 2001 From: Boris Serdiuk Date: Thu, 14 Nov 2024 11:20:27 +0100 Subject: [PATCH] Revert "feat: Updates severity notification palette (#2938)" This reverts commit 7014ae22f6332ab0b636292e3c5fd247e7936a28. --- .../__snapshots__/themes.test.ts.snap | 160 +-- .../__snapshots__/design-tokens.test.ts.snap | 1050 ----------------- src/badge/styles.scss | 20 +- style-dictionary/classic/color-severity.ts | 19 - style-dictionary/classic/colors.ts | 1 + style-dictionary/classic/index.ts | 1 - style-dictionary/utils/interfaces.ts | 2 - style-dictionary/utils/token-names.ts | 30 +- .../visual-refresh/color-severity.ts | 30 - style-dictionary/visual-refresh/colors.ts | 10 + style-dictionary/visual-refresh/index.ts | 1 - .../visual-refresh/metadata/color-severity.ts | 66 -- .../visual-refresh/metadata/index.ts | 16 +- 13 files changed, 114 insertions(+), 1292 deletions(-) delete mode 100644 style-dictionary/classic/color-severity.ts delete mode 100644 style-dictionary/visual-refresh/color-severity.ts delete mode 100644 style-dictionary/visual-refresh/metadata/color-severity.ts diff --git a/src/__integ__/__snapshots__/themes.test.ts.snap b/src/__integ__/__snapshots__/themes.test.ts.snap index 85bae0905c..a79fc2ad95 100644 --- a/src/__integ__/__snapshots__/themes.test.ts.snap +++ b/src/__integ__/__snapshots__/themes.test.ts.snap @@ -94,11 +94,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] = "color-background-notification-green": "#1d8102", "color-background-notification-grey": "#545b64", "color-background-notification-red": "#d13212", - "color-background-notification-severity-critical": "#870303", - "color-background-notification-severity-high": "#ce3311", - "color-background-notification-severity-low": "#f2cd54", - "color-background-notification-severity-medium": "#f89256", - "color-background-notification-severity-neutral": "#687078", "color-background-notification-stack-bar": "#2a2e33", "color-background-notification-stack-bar-active": "#2a2e33", "color-background-notification-stack-bar-hover": "#545b64", @@ -112,6 +107,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] = "color-background-segment-default": "#ffffff", "color-background-segment-disabled": "#ffffff", "color-background-segment-hover": "#ffffff", + "color-background-severity-critical": "#7d2105", + "color-background-severity-high": "#ba2e0f", + "color-background-severity-low": "#b2911c", + "color-background-severity-medium": "#cc5f21", + "color-background-severity-neutral": "#545b64", "color-background-slider-error-pressed": "#700000", "color-background-slider-handle-active": "#0a4a74", "color-background-slider-handle-default": "#0073bb", @@ -429,11 +429,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] = "color-text-link-hover": "#0a4a74", "color-text-link-inverted-hover": "#fafafa", "color-text-notification-default": "#fafafa", - "color-text-notification-severity-critical": "#fafafa", - "color-text-notification-severity-high": "#fafafa", - "color-text-notification-severity-low": "#16191f", - "color-text-notification-severity-medium": "#000000", - "color-text-notification-severity-neutral": "#fafafa", "color-text-notification-stack-bar": "#ffffff", "color-text-notification-yellow": "#16191f", "color-text-pagination-page-number-active-disabled": "#545b64", @@ -441,6 +436,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] = "color-text-segment-active": "#ffffff", "color-text-segment-default": "#545b64", "color-text-segment-hover": "#0073bb", + "color-text-severity-critical": "#fafafa", + "color-text-severity-high": "#fafafa", + "color-text-severity-low": "#16191f", + "color-text-severity-medium": "#000000", + "color-text-severity-neutral": "#fafafa", "color-text-small": "#687078", "color-text-status-error": "#d13212", "color-text-status-inactive": "#687078", @@ -751,11 +751,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = ` "color-background-notification-green": "#1d8102", "color-background-notification-grey": "#687078", "color-background-notification-red": "#d13212", - "color-background-notification-severity-critical": "#d63f38", - "color-background-notification-severity-high": "#fe6e73", - "color-background-notification-severity-low": "#f2cd54", - "color-background-notification-severity-medium": "#f89256", - "color-background-notification-severity-neutral": "#687078", "color-background-notification-stack-bar": "#2a2e33", "color-background-notification-stack-bar-active": "#2a2e33", "color-background-notification-stack-bar-hover": "#545b64", @@ -769,6 +764,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = ` "color-background-segment-default": "#2a2e33", "color-background-segment-disabled": "#2a2e33", "color-background-segment-hover": "#2a2e33", + "color-background-severity-critical": "#d63f38", + "color-background-severity-high": "#fe6e73", + "color-background-severity-low": "#dfb52c", + "color-background-severity-medium": "#f89256", + "color-background-severity-neutral": "#687078", "color-background-slider-error-pressed": "#ff5d64", "color-background-slider-handle-active": "#44b9d6", "color-background-slider-handle-default": "#00a1c9", @@ -1086,11 +1086,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = ` "color-text-link-hover": "#99cbe4", "color-text-link-inverted-hover": "#fafafa", "color-text-notification-default": "#fafafa", - "color-text-notification-severity-critical": "#000000", - "color-text-notification-severity-high": "#16191f", - "color-text-notification-severity-low": "#16191f", - "color-text-notification-severity-medium": "#16191f", - "color-text-notification-severity-neutral": "#fafafa", "color-text-notification-stack-bar": "#ffffff", "color-text-notification-yellow": "#16191f", "color-text-pagination-page-number-active-disabled": "#d5dbdb", @@ -1098,6 +1093,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = ` "color-text-segment-active": "#1a2029", "color-text-segment-default": "#d5dbdb", "color-text-segment-hover": "#00a1c9", + "color-text-severity-critical": "#000000", + "color-text-severity-high": "#16191f", + "color-text-severity-low": "#16191f", + "color-text-severity-medium": "#16191f", + "color-text-severity-neutral": "#fafafa", "color-text-small": "#95a5a6", "color-text-status-error": "#ff5d64", "color-text-status-inactive": "#95a5a6", @@ -1408,11 +1408,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = ` "color-background-notification-green": "#1d8102", "color-background-notification-grey": "#545b64", "color-background-notification-red": "#d13212", - "color-background-notification-severity-critical": "#870303", - "color-background-notification-severity-high": "#ce3311", - "color-background-notification-severity-low": "#f2cd54", - "color-background-notification-severity-medium": "#f89256", - "color-background-notification-severity-neutral": "#687078", "color-background-notification-stack-bar": "#2a2e33", "color-background-notification-stack-bar-active": "#2a2e33", "color-background-notification-stack-bar-hover": "#545b64", @@ -1426,6 +1421,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = ` "color-background-segment-default": "#ffffff", "color-background-segment-disabled": "#ffffff", "color-background-segment-hover": "#ffffff", + "color-background-severity-critical": "#7d2105", + "color-background-severity-high": "#ba2e0f", + "color-background-severity-low": "#b2911c", + "color-background-severity-medium": "#cc5f21", + "color-background-severity-neutral": "#545b64", "color-background-slider-error-pressed": "#700000", "color-background-slider-handle-active": "#0a4a74", "color-background-slider-handle-default": "#0073bb", @@ -1743,11 +1743,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = ` "color-text-link-hover": "#0a4a74", "color-text-link-inverted-hover": "#fafafa", "color-text-notification-default": "#fafafa", - "color-text-notification-severity-critical": "#fafafa", - "color-text-notification-severity-high": "#fafafa", - "color-text-notification-severity-low": "#16191f", - "color-text-notification-severity-medium": "#000000", - "color-text-notification-severity-neutral": "#fafafa", "color-text-notification-stack-bar": "#ffffff", "color-text-notification-yellow": "#16191f", "color-text-pagination-page-number-active-disabled": "#545b64", @@ -1755,6 +1750,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = ` "color-text-segment-active": "#ffffff", "color-text-segment-default": "#545b64", "color-text-segment-hover": "#0073bb", + "color-text-severity-critical": "#fafafa", + "color-text-severity-high": "#fafafa", + "color-text-severity-low": "#16191f", + "color-text-severity-medium": "#000000", + "color-text-severity-neutral": "#fafafa", "color-text-small": "#687078", "color-text-status-error": "#d13212", "color-text-status-inactive": "#687078", @@ -2065,11 +2065,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion" "color-background-notification-green": "#1d8102", "color-background-notification-grey": "#545b64", "color-background-notification-red": "#d13212", - "color-background-notification-severity-critical": "#870303", - "color-background-notification-severity-high": "#ce3311", - "color-background-notification-severity-low": "#f2cd54", - "color-background-notification-severity-medium": "#f89256", - "color-background-notification-severity-neutral": "#687078", "color-background-notification-stack-bar": "#2a2e33", "color-background-notification-stack-bar-active": "#2a2e33", "color-background-notification-stack-bar-hover": "#545b64", @@ -2083,6 +2078,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion" "color-background-segment-default": "#ffffff", "color-background-segment-disabled": "#ffffff", "color-background-segment-hover": "#ffffff", + "color-background-severity-critical": "#7d2105", + "color-background-severity-high": "#ba2e0f", + "color-background-severity-low": "#b2911c", + "color-background-severity-medium": "#cc5f21", + "color-background-severity-neutral": "#545b64", "color-background-slider-error-pressed": "#700000", "color-background-slider-handle-active": "#0a4a74", "color-background-slider-handle-default": "#0073bb", @@ -2400,11 +2400,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion" "color-text-link-hover": "#0a4a74", "color-text-link-inverted-hover": "#fafafa", "color-text-notification-default": "#fafafa", - "color-text-notification-severity-critical": "#fafafa", - "color-text-notification-severity-high": "#fafafa", - "color-text-notification-severity-low": "#16191f", - "color-text-notification-severity-medium": "#000000", - "color-text-notification-severity-neutral": "#fafafa", "color-text-notification-stack-bar": "#ffffff", "color-text-notification-yellow": "#16191f", "color-text-pagination-page-number-active-disabled": "#545b64", @@ -2412,6 +2407,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion" "color-text-segment-active": "#ffffff", "color-text-segment-default": "#545b64", "color-text-segment-hover": "#0073bb", + "color-text-severity-critical": "#fafafa", + "color-text-severity-high": "#fafafa", + "color-text-severity-low": "#16191f", + "color-text-severity-medium": "#000000", + "color-text-severity-neutral": "#fafafa", "color-text-small": "#687078", "color-text-status-error": "#d13212", "color-text-status-inactive": "#687078", @@ -2722,11 +2722,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh" "color-background-notification-green": "#00802f", "color-background-notification-grey": "#424650", "color-background-notification-red": "#db0000", - "color-background-notification-severity-critical": "#870303", - "color-background-notification-severity-high": "#ce3311", - "color-background-notification-severity-low": "#f2cd54", - "color-background-notification-severity-medium": "#f89256", - "color-background-notification-severity-neutral": "#656871", "color-background-notification-stack-bar": "#232b37", "color-background-notification-stack-bar-active": "#232b37", "color-background-notification-stack-bar-hover": "#424650", @@ -2740,6 +2735,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh" "color-background-segment-default": "#ffffff", "color-background-segment-disabled": "#ffffff", "color-background-segment-hover": "#ffffff", + "color-background-severity-critical": "#7d2105", + "color-background-severity-high": "#ba2e0f", + "color-background-severity-low": "#b2911c", + "color-background-severity-medium": "#cc5f21", + "color-background-severity-neutral": "#424650", "color-background-slider-error-pressed": "#700000", "color-background-slider-handle-active": "#004a9e", "color-background-slider-handle-default": "#006ce0", @@ -3057,11 +3057,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh" "color-text-link-hover": "#002b66", "color-text-link-inverted-hover": "#ffffff", "color-text-notification-default": "#f9f9fa", - "color-text-notification-severity-critical": "#f9f9fa", - "color-text-notification-severity-high": "#f9f9fa", - "color-text-notification-severity-low": "#0f141a", - "color-text-notification-severity-medium": "#0f141a", - "color-text-notification-severity-neutral": "#f9f9fa", "color-text-notification-stack-bar": "#ffffff", "color-text-notification-yellow": "#0f141a", "color-text-pagination-page-number-active-disabled": "#b4b4bb", @@ -3069,6 +3064,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh" "color-text-segment-active": "#ffffff", "color-text-segment-default": "#424650", "color-text-segment-hover": "#006ce0", + "color-text-severity-critical": "#f9f9fa", + "color-text-severity-high": "#f9f9fa", + "color-text-severity-low": "#0f141a", + "color-text-severity-medium": "#0f141a", + "color-text-severity-neutral": "#f9f9fa", "color-text-small": "#656871", "color-text-status-error": "#db0000", "color-text-status-inactive": "#656871", @@ -3379,11 +3379,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-background-notification-green": "#00802f", "color-background-notification-grey": "#424650", "color-background-notification-red": "#db0000", - "color-background-notification-severity-critical": "#870303", - "color-background-notification-severity-high": "#ce3311", - "color-background-notification-severity-low": "#f2cd54", - "color-background-notification-severity-medium": "#f89256", - "color-background-notification-severity-neutral": "#656871", "color-background-notification-stack-bar": "#232b37", "color-background-notification-stack-bar-active": "#232b37", "color-background-notification-stack-bar-hover": "#424650", @@ -3397,6 +3392,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-background-segment-default": "#ffffff", "color-background-segment-disabled": "#ffffff", "color-background-segment-hover": "#ffffff", + "color-background-severity-critical": "#7d2105", + "color-background-severity-high": "#ba2e0f", + "color-background-severity-low": "#b2911c", + "color-background-severity-medium": "#cc5f21", + "color-background-severity-neutral": "#424650", "color-background-slider-error-pressed": "#700000", "color-background-slider-handle-active": "#004a9e", "color-background-slider-handle-default": "#006ce0", @@ -3714,11 +3714,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-text-link-hover": "#002b66", "color-text-link-inverted-hover": "#ffffff", "color-text-notification-default": "#f9f9fa", - "color-text-notification-severity-critical": "#f9f9fa", - "color-text-notification-severity-high": "#f9f9fa", - "color-text-notification-severity-low": "#0f141a", - "color-text-notification-severity-medium": "#0f141a", - "color-text-notification-severity-neutral": "#f9f9fa", "color-text-notification-stack-bar": "#ffffff", "color-text-notification-yellow": "#0f141a", "color-text-pagination-page-number-active-disabled": "#b4b4bb", @@ -3726,6 +3721,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-text-segment-active": "#ffffff", "color-text-segment-default": "#424650", "color-text-segment-hover": "#006ce0", + "color-text-severity-critical": "#f9f9fa", + "color-text-severity-high": "#f9f9fa", + "color-text-severity-low": "#0f141a", + "color-text-severity-medium": "#0f141a", + "color-text-severity-neutral": "#f9f9fa", "color-text-small": "#656871", "color-text-status-error": "#db0000", "color-text-status-inactive": "#656871", @@ -4036,11 +4036,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-background-notification-green": "#00802f", "color-background-notification-grey": "#656871", "color-background-notification-red": "#db0000", - "color-background-notification-severity-critical": "#870303", - "color-background-notification-severity-high": "#ce3311", - "color-background-notification-severity-low": "#f2cd54", - "color-background-notification-severity-medium": "#f89256", - "color-background-notification-severity-neutral": "#656871", "color-background-notification-stack-bar": "#232b37", "color-background-notification-stack-bar-active": "#232b37", "color-background-notification-stack-bar-hover": "#424650", @@ -4054,6 +4049,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-background-segment-default": "#0f141a", "color-background-segment-disabled": "#0f141a", "color-background-segment-hover": "#0f141a", + "color-background-severity-critical": "#7d2105", + "color-background-severity-high": "#ba2e0f", + "color-background-severity-low": "#b2911c", + "color-background-severity-medium": "#cc5f21", + "color-background-severity-neutral": "#656871", "color-background-slider-error-pressed": "#ff7a7a", "color-background-slider-handle-active": "#75cfff", "color-background-slider-handle-default": "#42b4ff", @@ -4371,11 +4371,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-text-link-hover": "#75cfff", "color-text-link-inverted-hover": "#ffffff", "color-text-notification-default": "#f9f9fa", - "color-text-notification-severity-critical": "#f9f9fa", - "color-text-notification-severity-high": "#f9f9fa", - "color-text-notification-severity-low": "#0f141a", - "color-text-notification-severity-medium": "#0f141a", - "color-text-notification-severity-neutral": "#f9f9fa", "color-text-notification-stack-bar": "#ffffff", "color-text-notification-yellow": "#0f141a", "color-text-pagination-page-number-active-disabled": "#656871", @@ -4383,6 +4378,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-text-segment-active": "#0f141a", "color-text-segment-default": "#dedee3", "color-text-segment-hover": "#42b4ff", + "color-text-severity-critical": "#000000", + "color-text-severity-high": "#0f141a", + "color-text-severity-low": "#0f141a", + "color-text-severity-medium": "#0f141a", + "color-text-severity-neutral": "#f9f9fa", "color-text-small": "#a4a4ad", "color-text-status-error": "#ff7a7a", "color-text-status-inactive": "#a4a4ad", @@ -4693,11 +4693,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-background-notification-green": "#00802f", "color-background-notification-grey": "#656871", "color-background-notification-red": "#db0000", - "color-background-notification-severity-critical": "#d63f38", - "color-background-notification-severity-high": "#fe6e73", - "color-background-notification-severity-low": "#f2cd54", - "color-background-notification-severity-medium": "#f89256", - "color-background-notification-severity-neutral": "#656871", "color-background-notification-stack-bar": "#232b37", "color-background-notification-stack-bar-active": "#232b37", "color-background-notification-stack-bar-hover": "#424650", @@ -4711,6 +4706,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-background-segment-default": "#161d26", "color-background-segment-disabled": "#161d26", "color-background-segment-hover": "#161d26", + "color-background-severity-critical": "#d63f38", + "color-background-severity-high": "#fe6e73", + "color-background-severity-low": "#dfb52c", + "color-background-severity-medium": "#f89256", + "color-background-severity-neutral": "#656871", "color-background-slider-error-pressed": "#ff7a7a", "color-background-slider-handle-active": "#75cfff", "color-background-slider-handle-default": "#42b4ff", @@ -5028,11 +5028,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-text-link-hover": "#75cfff", "color-text-link-inverted-hover": "#ffffff", "color-text-notification-default": "#f9f9fa", - "color-text-notification-severity-critical": "#000000", - "color-text-notification-severity-high": "#0f141a", - "color-text-notification-severity-low": "#0f141a", - "color-text-notification-severity-medium": "#0f141a", - "color-text-notification-severity-neutral": "#f9f9fa", "color-text-notification-stack-bar": "#ffffff", "color-text-notification-yellow": "#0f141a", "color-text-pagination-page-number-active-disabled": "#656871", @@ -5040,6 +5035,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-text-segment-active": "#0f141a", "color-text-segment-default": "#dedee3", "color-text-segment-hover": "#42b4ff", + "color-text-severity-critical": "#000000", + "color-text-severity-high": "#0f141a", + "color-text-severity-low": "#0f141a", + "color-text-severity-medium": "#0f141a", + "color-text-severity-neutral": "#f9f9fa", "color-text-small": "#a4a4ad", "color-text-status-error": "#ff7a7a", "color-text-status-inactive": "#a4a4ad", 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 eab495412b..eb648ef55b 100644 --- a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap +++ b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap @@ -332,41 +332,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#d13212", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#687078", - "light": "#687078", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -2068,41 +2033,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#16191f", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#16191f", - "light": "#16191f", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#16191f", - "light": "#000000", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#fafafa", - "light": "#fafafa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -2841,41 +2771,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#d13212", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#687078", - "light": "#687078", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -4577,41 +4472,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#16191f", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#16191f", - "light": "#16191f", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#16191f", - "light": "#000000", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#fafafa", - "light": "#fafafa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -5350,41 +5210,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#d13212", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#687078", - "light": "#687078", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -7086,41 +6911,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#16191f", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#16191f", - "light": "#16191f", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#16191f", - "light": "#000000", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#fafafa", - "light": "#fafafa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -7859,41 +7649,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#d13212", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#687078", - "light": "#687078", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -9595,41 +9350,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#16191f", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#16191f", - "light": "#16191f", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#16191f", - "light": "#000000", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#fafafa", - "light": "#fafafa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -10368,41 +10088,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#d13212", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#687078", - "light": "#687078", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -12104,41 +11789,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#16191f", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#16191f", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#16191f", - "light": "#16191f", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#16191f", - "light": "#000000", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#fafafa", - "light": "#fafafa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -12877,41 +12527,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#d13212", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#687078", - "light": "#687078", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -14613,41 +14228,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#16191f", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#16191f", - "light": "#16191f", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#16191f", - "light": "#000000", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#fafafa", - "light": "#fafafa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -15386,41 +14966,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#d13212", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#687078", - "light": "#687078", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -17122,41 +16667,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#fafafa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#16191f", - "light": "#fafafa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#16191f", - "light": "#16191f", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#16191f", - "light": "#000000", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#fafafa", - "light": "#fafafa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -17900,41 +17410,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#db0000", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#656871", - "light": "#656871", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -19636,41 +19111,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#0f141a", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#f9f9fa", - "light": "#f9f9fa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -20409,41 +19849,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#db0000", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#656871", - "light": "#656871", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -22145,41 +21550,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#0f141a", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#f9f9fa", - "light": "#f9f9fa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -22918,41 +22288,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#db0000", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#656871", - "light": "#656871", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -24654,41 +23989,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#0f141a", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#f9f9fa", - "light": "#f9f9fa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -25427,41 +24727,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#db0000", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#656871", - "light": "#656871", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -27163,41 +26428,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#0f141a", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#f9f9fa", - "light": "#f9f9fa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -27936,41 +27166,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#db0000", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#656871", - "light": "#656871", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -29672,41 +28867,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#0f141a", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#0f141a", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#f9f9fa", - "light": "#f9f9fa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -30445,41 +29605,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#db0000", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#656871", - "light": "#656871", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -32181,41 +31306,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#0f141a", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#f9f9fa", - "light": "#f9f9fa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -32954,41 +32044,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#db0000", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#656871", - "light": "#656871", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -34690,41 +33745,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#0f141a", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#f9f9fa", - "light": "#f9f9fa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { @@ -35463,41 +34483,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#db0000", }, }, - "color-background-notification-severity-critical": { - "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#d63f38", - "light": "#870303", - }, - }, - "color-background-notification-severity-high": { - "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#fe6e73", - "light": "#ce3311", - }, - }, - "color-background-notification-severity-low": { - "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#f2cd54", - "light": "#f2cd54", - }, - }, - "color-background-notification-severity-medium": { - "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#f89256", - "light": "#f89256", - }, - }, - "color-background-notification-severity-neutral": { - "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#656871", - "light": "#656871", - }, - }, "color-background-notification-yellow": { "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.", "$value": { @@ -37199,41 +36184,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#f9f9fa", }, }, - "color-text-notification-severity-critical": { - "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"", - "$value": { - "dark": "#000000", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-high": { - "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"", - "$value": { - "dark": "#0f141a", - "light": "#f9f9fa", - }, - }, - "color-text-notification-severity-low": { - "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-medium": { - "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-notification-severity-neutral": { - "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"", - "$value": { - "dark": "#f9f9fa", - "light": "#f9f9fa", - }, - }, "color-text-segment-active": { "$description": "The text color of the active segment in a segmented control.", "$value": { diff --git a/src/badge/styles.scss b/src/badge/styles.scss index a2a56391d9..6e95e30f44 100644 --- a/src/badge/styles.scss +++ b/src/badge/styles.scss @@ -37,27 +37,27 @@ } &.badge-color-severity-critical { - background-color: awsui.$color-background-notification-severity-critical; - color: awsui.$color-text-notification-severity-critical; + background-color: awsui.$color-background-severity-critical; + color: awsui.$color-text-severity-critical; } &.badge-color-severity-high { - background-color: awsui.$color-background-notification-severity-high; - color: awsui.$color-text-notification-severity-high; + background-color: awsui.$color-background-severity-high; + color: awsui.$color-text-severity-high; } &.badge-color-severity-medium { - background-color: awsui.$color-background-notification-severity-medium; - color: awsui.$color-text-notification-severity-medium; + background-color: awsui.$color-background-severity-medium; + color: awsui.$color-text-severity-medium; } &.badge-color-severity-low { - background-color: awsui.$color-background-notification-severity-low; - color: awsui.$color-text-notification-severity-low; + background-color: awsui.$color-background-severity-low; + color: awsui.$color-text-severity-low; } &.badge-color-severity-neutral { - background-color: awsui.$color-background-notification-severity-neutral; - color: awsui.$color-text-notification-severity-neutral; + background-color: awsui.$color-background-severity-neutral; + color: awsui.$color-text-severity-neutral; } } diff --git a/style-dictionary/classic/color-severity.ts b/style-dictionary/classic/color-severity.ts deleted file mode 100644 index 2243fbd7b9..0000000000 --- a/style-dictionary/classic/color-severity.ts +++ /dev/null @@ -1,19 +0,0 @@ -// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. -// SPDX-License-Identifier: Apache-2.0 -import merge from 'lodash/merge'; - -import { expandColorDictionary } from '../utils'; -import { StyleDictionary } from '../utils/interfaces'; -import { tokens as parentTokens } from '../visual-refresh/color-severity'; - -const tokens: StyleDictionary.ColorSeverityDictionary = { - colorTextNotificationSeverityMedium: { light: '{colorBlack}', dark: '{colorGrey900}' }, -}; - -const expandedTokens: StyleDictionary.ExpandedColorScopeDictionary = merge( - {}, - parentTokens, - expandColorDictionary(tokens) -); -export { expandedTokens as tokens }; -export const mode: StyleDictionary.ModeIdentifier = 'color'; diff --git a/style-dictionary/classic/colors.ts b/style-dictionary/classic/colors.ts index d0ccf2089e..0063d19745 100644 --- a/style-dictionary/classic/colors.ts +++ b/style-dictionary/classic/colors.ts @@ -148,6 +148,7 @@ const tokens: StyleDictionary.ColorsDictionary = { colorDragPlaceholderActive: { light: '{colorGrey300}', dark: '{colorGrey550}' }, colorDragPlaceholderHover: { light: '{colorBlue300}', dark: '{colorBlue600}' }, colorBackgroundDropdownItemHover: { light: '{colorGrey150}', dark: '{colorGrey650}' }, + colorTextSeverityMedium: { light: '{colorBlack}', dark: '{colorGrey900}' }, }; const expandedTokens: StyleDictionary.ExpandedColorScopeDictionary = merge( diff --git a/style-dictionary/classic/index.ts b/style-dictionary/classic/index.ts index af713b4207..942a3baa6b 100644 --- a/style-dictionary/classic/index.ts +++ b/style-dictionary/classic/index.ts @@ -21,7 +21,6 @@ const modes = [ const tokenCategories = [ require('./color-palette'), require('./color-charts'), - require('./color-severity'), require('./colors'), require('./typography'), require('./borders'), diff --git a/style-dictionary/utils/interfaces.ts b/style-dictionary/utils/interfaces.ts index d831c03a0d..d859c16726 100644 --- a/style-dictionary/utils/interfaces.ts +++ b/style-dictionary/utils/interfaces.ts @@ -7,7 +7,6 @@ import { ColorChartsTokenName, ColorPaletteTokenName, ColorScopeTokenName, - ColorSeverityTokenName, ColorsTokenName, DensityScopeTokenName, GlobalScopeTokenName, @@ -48,7 +47,6 @@ export namespace StyleDictionary { export type TypographyDictionary = Partial>; export type BordersDictionary = Partial>; export type ColorChartsDictionary = Partial>; - export type ColorSeverityDictionary = Partial>; export type ColorsDictionary = Partial>; export type ShadowsDictionary = Partial>; diff --git a/style-dictionary/utils/token-names.ts b/style-dictionary/utils/token-names.ts index 71d070b377..111767518f 100644 --- a/style-dictionary/utils/token-names.ts +++ b/style-dictionary/utils/token-names.ts @@ -210,22 +210,6 @@ export type ColorChartsTokenName = | 'colorChartsPaletteCategorical48' | 'colorChartsPaletteCategorical49' | 'colorChartsPaletteCategorical50'; -export type ColorSeverityTokenName = - | 'colorSeverityDarkRed' - | 'colorSeverityRed' - | 'colorSeverityOrange' - | 'colorSeverityYellow' - | 'colorSeverityGrey' - | 'colorBackgroundNotificationSeverityCritical' - | 'colorBackgroundNotificationSeverityHigh' - | 'colorBackgroundNotificationSeverityMedium' - | 'colorBackgroundNotificationSeverityLow' - | 'colorBackgroundNotificationSeverityNeutral' - | 'colorTextNotificationSeverityCritical' - | 'colorTextNotificationSeverityHigh' - | 'colorTextNotificationSeverityMedium' - | 'colorTextNotificationSeverityLow' - | 'colorTextNotificationSeverityNeutral'; export type ColorsTokenName = | 'colorGreyOpaque10' | 'colorGreyOpaque25' @@ -488,7 +472,17 @@ export type ColorsTokenName = | 'colorDropzoneTextDefault' | 'colorDropzoneTextHover' | 'colorDropzoneBorderDefault' - | 'colorDropzoneBorderHover'; + | 'colorDropzoneBorderHover' + | 'colorBackgroundSeverityCritical' + | 'colorTextSeverityCritical' + | 'colorBackgroundSeverityHigh' + | 'colorTextSeverityHigh' + | 'colorBackgroundSeverityMedium' + | 'colorTextSeverityMedium' + | 'colorBackgroundSeverityLow' + | 'colorTextSeverityLow' + | 'colorBackgroundSeverityNeutral' + | 'colorTextSeverityNeutral'; export type TypographyTokenName = | 'fontBoxValueLargeWeight' | 'fontButtonLetterSpacing' @@ -750,7 +744,7 @@ export type ShadowsTokenName = | 'shadowStickyColumnLast'; export type GlobalScopeTokenName = ColorPaletteTokenName | TypographyTokenName | BordersTokenName; -export type ColorScopeTokenName = ColorChartsTokenName | ColorsTokenName | ShadowsTokenName | ColorSeverityTokenName; +export type ColorScopeTokenName = ColorChartsTokenName | ColorsTokenName | ShadowsTokenName; export type MotionScopeTokenName = MotionTokenName; export type DensityScopeTokenName = SizesTokenName | SpacingTokenName; diff --git a/style-dictionary/visual-refresh/color-severity.ts b/style-dictionary/visual-refresh/color-severity.ts deleted file mode 100644 index c36c8bb8a7..0000000000 --- a/style-dictionary/visual-refresh/color-severity.ts +++ /dev/null @@ -1,30 +0,0 @@ -// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. -// SPDX-License-Identifier: Apache-2.0 -import { expandColorDictionary } from '../utils'; -import { StyleDictionary } from '../utils/interfaces'; - -const tokens: StyleDictionary.ColorSeverityDictionary = { - // note: these should not be used directly. Instead, use the semantic tokens defined below. - colorSeverityDarkRed: { light: '#870303', dark: '#d63f38' }, - colorSeverityRed: { light: '#ce3311', dark: '#fe6e73' }, - colorSeverityOrange: { light: '#f89256', dark: '#f89256' }, - colorSeverityYellow: { light: '#f2cd54', dark: '#f2cd54' }, - colorSeverityGrey: '{colorGrey550}', - - colorBackgroundNotificationSeverityCritical: '{colorSeverityDarkRed}', - colorBackgroundNotificationSeverityHigh: '{colorSeverityRed}', - colorBackgroundNotificationSeverityMedium: '{colorSeverityOrange}', - colorBackgroundNotificationSeverityLow: '{colorSeverityYellow}', - colorBackgroundNotificationSeverityNeutral: '{colorSeverityGrey}', - - colorTextNotificationSeverityCritical: { light: '{colorGrey100}', dark: '{colorBlack}' }, - colorTextNotificationSeverityHigh: { light: '{colorGrey100}', dark: '{colorGrey900}' }, - colorTextNotificationSeverityMedium: '{colorGrey900}', - colorTextNotificationSeverityLow: '{colorGrey900}', - colorTextNotificationSeverityNeutral: '{colorGrey100}', -}; - -const expandedTokens: StyleDictionary.ExpandedColorScopeDictionary = expandColorDictionary(tokens); - -export { expandedTokens as tokens }; -export const mode: StyleDictionary.ModeIdentifier = 'color'; diff --git a/style-dictionary/visual-refresh/colors.ts b/style-dictionary/visual-refresh/colors.ts index 42a697282e..79ee099c9f 100644 --- a/style-dictionary/visual-refresh/colors.ts +++ b/style-dictionary/visual-refresh/colors.ts @@ -268,6 +268,16 @@ const tokens: StyleDictionary.ColorsDictionary = { colorDropzoneTextHover: { light: '{colorGrey600}', dark: '{colorGrey350}' }, colorDropzoneBorderDefault: { light: '{colorGrey500}', dark: '{colorGrey550}' }, colorDropzoneBorderHover: { light: '{colorBlue800}', dark: '{colorBlue400}' }, + colorBackgroundSeverityCritical: '{colorChartsStatusCritical}', + colorTextSeverityCritical: { light: '{colorGrey100}', dark: '{colorBlack}' }, + colorBackgroundSeverityHigh: '{colorChartsStatusHigh}', + colorTextSeverityHigh: { light: '{colorGrey100}', dark: '{colorGrey900}' }, + colorBackgroundSeverityMedium: '{colorChartsStatusMedium}', + colorTextSeverityMedium: '{colorGrey900}', + colorBackgroundSeverityLow: '{colorChartsStatusLow}', + colorTextSeverityLow: '{colorGrey900}', + colorBackgroundSeverityNeutral: { light: '{colorGrey600}', dark: '{colorGrey550}' }, + colorTextSeverityNeutral: '{colorGrey100}', }; const expandedTokens: StyleDictionary.ExpandedColorScopeDictionary = expandColorDictionary(tokens); diff --git a/style-dictionary/visual-refresh/index.ts b/style-dictionary/visual-refresh/index.ts index 5123927d71..60788b6d18 100644 --- a/style-dictionary/visual-refresh/index.ts +++ b/style-dictionary/visual-refresh/index.ts @@ -22,7 +22,6 @@ const modes = [ const tokenCategories = [ require('./color-palette'), require('./color-charts'), - require('./color-severity'), require('./colors'), require('./typography'), require('./borders'), diff --git a/style-dictionary/visual-refresh/metadata/color-severity.ts b/style-dictionary/visual-refresh/metadata/color-severity.ts deleted file mode 100644 index a336725b37..0000000000 --- a/style-dictionary/visual-refresh/metadata/color-severity.ts +++ /dev/null @@ -1,66 +0,0 @@ -// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. -// SPDX-License-Identifier: Apache-2.0 -import { StyleDictionary } from '../../utils/interfaces'; - -const metadata: StyleDictionary.MetadataIndex = { - colorBackgroundNotificationSeverityCritical: { - description: - 'Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"', - public: true, - themeable: true, - }, - colorBackgroundNotificationSeverityHigh: { - description: - 'Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"', - public: true, - themeable: true, - }, - colorBackgroundNotificationSeverityMedium: { - description: 'Background color in a notification to represent a medium-level of severity. For example: "Sev-3"', - public: true, - themeable: true, - }, - colorBackgroundNotificationSeverityLow: { - description: - 'Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"', - public: true, - themeable: true, - }, - colorBackgroundNotificationSeverityNeutral: { - description: - 'Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"', - public: true, - themeable: true, - }, - colorTextNotificationSeverityCritical: { - description: - 'Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"', - public: true, - themeable: true, - }, - colorTextNotificationSeverityHigh: { - description: - 'Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"', - public: true, - themeable: true, - }, - colorTextNotificationSeverityMedium: { - description: 'Text color in a notification to represent a medium-level of severity. For example: "Sev-3"', - public: true, - themeable: true, - }, - colorTextNotificationSeverityLow: { - description: - 'Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"', - public: true, - themeable: true, - }, - colorTextNotificationSeverityNeutral: { - description: - 'Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"', - public: true, - themeable: true, - }, -}; - -export default metadata; diff --git a/style-dictionary/visual-refresh/metadata/index.ts b/style-dictionary/visual-refresh/metadata/index.ts index 0fa23aa39b..6eed5ebb4a 100644 --- a/style-dictionary/visual-refresh/metadata/index.ts +++ b/style-dictionary/visual-refresh/metadata/index.ts @@ -9,7 +9,6 @@ import theme from '../index'; import borders from './borders'; import colorCharts from './color-charts'; import colorPalette from './color-palette'; -import colorSeverity from './color-severity'; import colors from './colors'; import motion from './motion'; import shadows from './shadows'; @@ -20,19 +19,6 @@ import typography from './typography'; const allTokens = mapValues(theme.tokens, () => ({})); const metadata: StyleDictionary.MetadataIndex = expandMetadata( - merge( - {}, - allTokens, - borders, - colorCharts, - colorSeverity, - colorPalette, - colors, - motion, - shadows, - sizes, - spacing, - typography - ) + merge({}, allTokens, borders, colorCharts, colorPalette, colors, motion, shadows, sizes, spacing, typography) ); export default metadata;