@cloudscape-design/components 3.0.736 → 3.0.738

package/internal/base-component/styles.scoped.css

@@ -401,6 +401,16 @@
   --color-dropzone-background-hover-42q8nb:#d3e7f9;
   --color-dropzone-text-active-8e1lcf:#5f6b7a;
   --color-dropzone-text-hover-4qxymq:#033160;
+  --color-background-severity-critical-idosdq:#7d2105;
+  --color-text-severity-critical-85viri:#fbfbfb;
+  --color-background-severity-high-434xpy:#ba2e0f;
+  --color-text-severity-high-uiwahw:#fbfbfb;
+  --color-background-severity-medium-n5069n:#cc5f21;
+  --color-text-severity-medium-t00q1o:#000716;
+  --color-background-severity-low-5ab62f:#b2911c;
+  --color-text-severity-low-alfea6:#000716;
+  --color-background-severity-neutral-wfgvya:#414d5c;
+  --color-text-severity-neutral-2hvk9q:#fbfbfb;
   --font-box-value-large-weight-onoq9k:700;
   --font-button-letter-spacing-65ug0o:0.005em;
   --font-button-weight-hv56tz:700;
@@ -995,6 +1005,13 @@
     --color-dropzone-background-hover-42q8nb:#0972d3;
     --color-dropzone-text-active-8e1lcf:#0f1b2a;
     --color-dropzone-text-hover-4qxymq:#ffffff;
+    --color-background-severity-critical-idosdq:#d63f38;
+    --color-text-severity-critical-85viri:#000000;
+    --color-background-severity-high-434xpy:#fe6e73;
+    --color-text-severity-high-uiwahw:#000716;
+    --color-background-severity-medium-n5069n:#f89256;
+    --color-background-severity-low-5ab62f:#dfb52c;
+    --color-background-severity-neutral-wfgvya:#5f6b7a;
     --shadow-container-fxmdn3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
     --shadow-container-active-kl29x9:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
     --shadow-dropdown-e5guvm:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -1297,6 +1314,9 @@
   --color-dropzone-background-hover-42q8nb:#0972d3;
   --color-dropzone-text-active-8e1lcf:#0f1b2a;
   --color-dropzone-text-hover-4qxymq:#ffffff;
+  --color-text-severity-critical-85viri:#000000;
+  --color-text-severity-high-uiwahw:#000716;
+  --color-background-severity-neutral-wfgvya:#5f6b7a;
 }
 
 .awsui-context-content-header:not(#\9) {
@@ -1497,6 +1517,9 @@
   --color-dropzone-background-hover-42q8nb:#0972d3;
   --color-dropzone-text-active-8e1lcf:#0f1b2a;
   --color-dropzone-text-hover-4qxymq:#ffffff;
+  --color-text-severity-critical-85viri:#000000;
+  --color-text-severity-high-uiwahw:#000716;
+  --color-background-severity-neutral-wfgvya:#5f6b7a;
   --shadow-container-fxmdn3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
   --shadow-container-active-kl29x9:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
   --shadow-dropdown-e5guvm:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -1798,6 +1821,9 @@
   --color-dropzone-background-hover-42q8nb:#0972d3;
   --color-dropzone-text-active-8e1lcf:#0f1b2a;
   --color-dropzone-text-hover-4qxymq:#ffffff;
+  --color-text-severity-critical-85viri:#000000;
+  --color-text-severity-high-uiwahw:#000716;
+  --color-background-severity-neutral-wfgvya:#5f6b7a;
 }
 
 @media not print {

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (d0958317)";
+export var PACKAGE_VERSION = "3.0.0 (67017e5c)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (d0958317)",
+  "PACKAGE_VERSION": "3.0.0 (67017e5c)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/styles/tokens.d.ts

@@ -461,6 +461,16 @@ export const colorDropzoneBackgroundActive: string;
 export const colorDropzoneBackgroundHover: string;
 export const colorDropzoneTextActive: string;
 export const colorDropzoneTextHover: string;
+export const colorBackgroundSeverityCritical: string;
+export const colorTextSeverityCritical: string;
+export const colorBackgroundSeverityHigh: string;
+export const colorTextSeverityHigh: string;
+export const colorBackgroundSeverityMedium: string;
+export const colorTextSeverityMedium: string;
+export const colorBackgroundSeverityLow: string;
+export const colorTextSeverityLow: string;
+export const colorBackgroundSeverityNeutral: string;
+export const colorTextSeverityNeutral: string;
 export const fontBoxValueLargeWeight: string;
 export const fontButtonLetterSpacing: string;
 export const fontButtonWeight: string;

package/internal/generated/styles/tokens.js

@@ -461,6 +461,16 @@ export var colorDropzoneBackgroundActive = "var(--color-dropzone-background-acti
 export var colorDropzoneBackgroundHover = "var(--color-dropzone-background-hover-42q8nb, #d3e7f9)";
 export var colorDropzoneTextActive = "var(--color-dropzone-text-active-8e1lcf, #5f6b7a)";
 export var colorDropzoneTextHover = "var(--color-dropzone-text-hover-4qxymq, #033160)";
+export var colorBackgroundSeverityCritical = "var(--color-background-severity-critical-idosdq, #7d2105)";
+export var colorTextSeverityCritical = "var(--color-text-severity-critical-85viri, #fbfbfb)";
+export var colorBackgroundSeverityHigh = "var(--color-background-severity-high-434xpy, #ba2e0f)";
+export var colorTextSeverityHigh = "var(--color-text-severity-high-uiwahw, #fbfbfb)";
+export var colorBackgroundSeverityMedium = "var(--color-background-severity-medium-n5069n, #cc5f21)";
+export var colorTextSeverityMedium = "var(--color-text-severity-medium-t00q1o, #000716)";
+export var colorBackgroundSeverityLow = "var(--color-background-severity-low-5ab62f, #b2911c)";
+export var colorTextSeverityLow = "var(--color-text-severity-low-alfea6, #000716)";
+export var colorBackgroundSeverityNeutral = "var(--color-background-severity-neutral-wfgvya, #414d5c)";
+export var colorTextSeverityNeutral = "var(--color-text-severity-neutral-2hvk9q, #fbfbfb)";
 export var fontBoxValueLargeWeight = "var(--font-box-value-large-weight-onoq9k, 700)";
 export var fontButtonLetterSpacing = "var(--font-button-letter-spacing-65ug0o, 0.005em)";
 export var fontButtonWeight = "var(--font-button-weight-hv56tz, 700)";

package/internal/generated/theming/index.cjs

@@ -1729,6 +1729,46 @@ module.exports.preset = {
         "light": "{colorBlue800}",
         "dark": "{colorWhite}"
       },
+      "colorBackgroundSeverityCritical": {
+        "light": "{colorChartsStatusCritical}",
+        "dark": "{colorChartsStatusCritical}"
+      },
+      "colorTextSeverityCritical": {
+        "light": "{colorGrey100}",
+        "dark": "{colorBlack}"
+      },
+      "colorBackgroundSeverityHigh": {
+        "light": "{colorChartsStatusHigh}",
+        "dark": "{colorChartsStatusHigh}"
+      },
+      "colorTextSeverityHigh": {
+        "light": "{colorGrey100}",
+        "dark": "{colorGrey900}"
+      },
+      "colorBackgroundSeverityMedium": {
+        "light": "{colorChartsStatusMedium}",
+        "dark": "{colorChartsStatusMedium}"
+      },
+      "colorTextSeverityMedium": {
+        "light": "{colorGrey900}",
+        "dark": "{colorGrey900}"
+      },
+      "colorBackgroundSeverityLow": {
+        "light": "{colorChartsStatusLow}",
+        "dark": "{colorChartsStatusLow}"
+      },
+      "colorTextSeverityLow": {
+        "light": "{colorGrey900}",
+        "dark": "{colorGrey900}"
+      },
+      "colorBackgroundSeverityNeutral": {
+        "light": "{colorGrey600}",
+        "dark": "{colorGrey550}"
+      },
+      "colorTextSeverityNeutral": {
+        "light": "{colorGrey100}",
+        "dark": "{colorGrey100}"
+      },
       "fontBoxValueLargeWeight": "700",
       "fontButtonLetterSpacing": "0.005em",
       "fontButtonWeight": "700",
@@ -3902,6 +3942,46 @@ module.exports.preset = {
           "colorDropzoneTextHover": {
             "light": "{colorWhite}",
             "dark": "{colorWhite}"
+          },
+          "colorBackgroundSeverityCritical": {
+            "light": "{colorChartsStatusCritical}",
+            "dark": "{colorChartsStatusCritical}"
+          },
+          "colorTextSeverityCritical": {
+            "light": "{colorBlack}",
+            "dark": "{colorBlack}"
+          },
+          "colorBackgroundSeverityHigh": {
+            "light": "{colorChartsStatusHigh}",
+            "dark": "{colorChartsStatusHigh}"
+          },
+          "colorTextSeverityHigh": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityMedium": {
+            "light": "{colorChartsStatusMedium}",
+            "dark": "{colorChartsStatusMedium}"
+          },
+          "colorTextSeverityMedium": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityLow": {
+            "light": "{colorChartsStatusLow}",
+            "dark": "{colorChartsStatusLow}"
+          },
+          "colorTextSeverityLow": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityNeutral": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorTextSeverityNeutral": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey100}"
           }
         }
       },
@@ -4996,6 +5076,46 @@ module.exports.preset = {
           "colorDropzoneTextHover": {
             "light": "{colorWhite}",
             "dark": "{colorWhite}"
+          },
+          "colorBackgroundSeverityCritical": {
+            "light": "{colorChartsStatusCritical}",
+            "dark": "{colorChartsStatusCritical}"
+          },
+          "colorTextSeverityCritical": {
+            "light": "{colorBlack}",
+            "dark": "{colorBlack}"
+          },
+          "colorBackgroundSeverityHigh": {
+            "light": "{colorChartsStatusHigh}",
+            "dark": "{colorChartsStatusHigh}"
+          },
+          "colorTextSeverityHigh": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityMedium": {
+            "light": "{colorChartsStatusMedium}",
+            "dark": "{colorChartsStatusMedium}"
+          },
+          "colorTextSeverityMedium": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityLow": {
+            "light": "{colorChartsStatusLow}",
+            "dark": "{colorChartsStatusLow}"
+          },
+          "colorTextSeverityLow": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityNeutral": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorTextSeverityNeutral": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey100}"
           }
         }
       },
@@ -6022,6 +6142,46 @@ module.exports.preset = {
           "colorDropzoneTextHover": {
             "light": "{colorBlue800}",
             "dark": "{colorWhite}"
+          },
+          "colorBackgroundSeverityCritical": {
+            "light": "{colorChartsStatusCritical}",
+            "dark": "{colorChartsStatusCritical}"
+          },
+          "colorTextSeverityCritical": {
+            "light": "{colorGrey100}",
+            "dark": "{colorBlack}"
+          },
+          "colorBackgroundSeverityHigh": {
+            "light": "{colorChartsStatusHigh}",
+            "dark": "{colorChartsStatusHigh}"
+          },
+          "colorTextSeverityHigh": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityMedium": {
+            "light": "{colorChartsStatusMedium}",
+            "dark": "{colorChartsStatusMedium}"
+          },
+          "colorTextSeverityMedium": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityLow": {
+            "light": "{colorChartsStatusLow}",
+            "dark": "{colorChartsStatusLow}"
+          },
+          "colorTextSeverityLow": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityNeutral": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey550}"
+          },
+          "colorTextSeverityNeutral": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey100}"
           }
         }
       },
@@ -7048,6 +7208,46 @@ module.exports.preset = {
           "colorDropzoneTextHover": {
             "light": "{colorBlue800}",
             "dark": "{colorWhite}"
+          },
+          "colorBackgroundSeverityCritical": {
+            "light": "{colorChartsStatusCritical}",
+            "dark": "{colorChartsStatusCritical}"
+          },
+          "colorTextSeverityCritical": {
+            "light": "{colorGrey100}",
+            "dark": "{colorBlack}"
+          },
+          "colorBackgroundSeverityHigh": {
+            "light": "{colorChartsStatusHigh}",
+            "dark": "{colorChartsStatusHigh}"
+          },
+          "colorTextSeverityHigh": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityMedium": {
+            "light": "{colorChartsStatusMedium}",
+            "dark": "{colorChartsStatusMedium}"
+          },
+          "colorTextSeverityMedium": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityLow": {
+            "light": "{colorChartsStatusLow}",
+            "dark": "{colorChartsStatusLow}"
+          },
+          "colorTextSeverityLow": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityNeutral": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey550}"
+          },
+          "colorTextSeverityNeutral": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey100}"
           }
         }
       },
@@ -8075,6 +8275,46 @@ module.exports.preset = {
             "light": "{colorBlue800}",
             "dark": "{colorWhite}"
           },
+          "colorBackgroundSeverityCritical": {
+            "light": "{colorChartsStatusCritical}",
+            "dark": "{colorChartsStatusCritical}"
+          },
+          "colorTextSeverityCritical": {
+            "light": "{colorGrey100}",
+            "dark": "{colorBlack}"
+          },
+          "colorBackgroundSeverityHigh": {
+            "light": "{colorChartsStatusHigh}",
+            "dark": "{colorChartsStatusHigh}"
+          },
+          "colorTextSeverityHigh": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityMedium": {
+            "light": "{colorChartsStatusMedium}",
+            "dark": "{colorChartsStatusMedium}"
+          },
+          "colorTextSeverityMedium": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityLow": {
+            "light": "{colorChartsStatusLow}",
+            "dark": "{colorChartsStatusLow}"
+          },
+          "colorTextSeverityLow": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityNeutral": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey550}"
+          },
+          "colorTextSeverityNeutral": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey100}"
+          },
           "fontExpandableHeadingSize": "14px",
           "borderDividerSectionWidth": "1px"
         }
@@ -9102,6 +9342,46 @@ module.exports.preset = {
           "colorDropzoneTextHover": {
             "light": "{colorWhite}",
             "dark": "{colorWhite}"
+          },
+          "colorBackgroundSeverityCritical": {
+            "light": "{colorChartsStatusCritical}",
+            "dark": "{colorChartsStatusCritical}"
+          },
+          "colorTextSeverityCritical": {
+            "light": "{colorBlack}",
+            "dark": "{colorBlack}"
+          },
+          "colorBackgroundSeverityHigh": {
+            "light": "{colorChartsStatusHigh}",
+            "dark": "{colorChartsStatusHigh}"
+          },
+          "colorTextSeverityHigh": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityMedium": {
+            "light": "{colorChartsStatusMedium}",
+            "dark": "{colorChartsStatusMedium}"
+          },
+          "colorTextSeverityMedium": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityLow": {
+            "light": "{colorChartsStatusLow}",
+            "dark": "{colorChartsStatusLow}"
+          },
+          "colorTextSeverityLow": {
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
+          },
+          "colorBackgroundSeverityNeutral": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorTextSeverityNeutral": {
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey100}"
           }
         }
       }
@@ -9516,6 +9796,16 @@ module.exports.preset = {
       "colorDropzoneBackgroundHover": "color",
       "colorDropzoneTextActive": "color",
       "colorDropzoneTextHover": "color",
+      "colorBackgroundSeverityCritical": "color",
+      "colorTextSeverityCritical": "color",
+      "colorBackgroundSeverityHigh": "color",
+      "colorTextSeverityHigh": "color",
+      "colorBackgroundSeverityMedium": "color",
+      "colorTextSeverityMedium": "color",
+      "colorBackgroundSeverityLow": "color",
+      "colorTextSeverityLow": "color",
+      "colorBackgroundSeverityNeutral": "color",
+      "colorTextSeverityNeutral": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -10739,6 +11029,16 @@ module.exports.preset = {
     "colorDropzoneBackgroundHover": "color-dropzone-background-hover",
     "colorDropzoneTextActive": "color-dropzone-text-active",
     "colorDropzoneTextHover": "color-dropzone-text-hover",
+    "colorBackgroundSeverityCritical": "color-background-severity-critical",
+    "colorTextSeverityCritical": "color-text-severity-critical",
+    "colorBackgroundSeverityHigh": "color-background-severity-high",
+    "colorTextSeverityHigh": "color-text-severity-high",
+    "colorBackgroundSeverityMedium": "color-background-severity-medium",
+    "colorTextSeverityMedium": "color-text-severity-medium",
+    "colorBackgroundSeverityLow": "color-background-severity-low",
+    "colorTextSeverityLow": "color-text-severity-low",
+    "colorBackgroundSeverityNeutral": "color-background-severity-neutral",
+    "colorTextSeverityNeutral": "color-text-severity-neutral",
     "fontBoxValueLargeWeight": "font-box-value-large-weight",
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontButtonWeight": "font-button-weight",
@@ -11455,6 +11755,16 @@ module.exports.preset = {
     "colorDropzoneBackgroundHover": "--color-dropzone-background-hover-42q8nb",
     "colorDropzoneTextActive": "--color-dropzone-text-active-8e1lcf",
     "colorDropzoneTextHover": "--color-dropzone-text-hover-4qxymq",
+    "colorBackgroundSeverityCritical": "--color-background-severity-critical-idosdq",
+    "colorTextSeverityCritical": "--color-text-severity-critical-85viri",
+    "colorBackgroundSeverityHigh": "--color-background-severity-high-434xpy",
+    "colorTextSeverityHigh": "--color-text-severity-high-uiwahw",
+    "colorBackgroundSeverityMedium": "--color-background-severity-medium-n5069n",
+    "colorTextSeverityMedium": "--color-text-severity-medium-t00q1o",
+    "colorBackgroundSeverityLow": "--color-background-severity-low-5ab62f",
+    "colorTextSeverityLow": "--color-text-severity-low-alfea6",
+    "colorBackgroundSeverityNeutral": "--color-background-severity-neutral-wfgvya",
+    "colorTextSeverityNeutral": "--color-text-severity-neutral-2hvk9q",
     "fontBoxValueLargeWeight": "--font-box-value-large-weight-onoq9k",
     "fontButtonLetterSpacing": "--font-button-letter-spacing-65ug0o",
     "fontButtonWeight": "--font-button-weight-hv56tz",