@cloudscape-design/components 3.0.831 → 3.0.832

package/badge/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "badge": "awsui_badge_1yjyg_1el0x_141",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_1el0x_187",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_1el0x_190",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_1el0x_193",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_1el0x_196",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_1el0x_199",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_1el0x_203",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_1el0x_207",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_1el0x_211",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_1el0x_215"
+  "badge": "awsui_badge_1yjyg_13v4h_141",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_13v4h_187",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_13v4h_190",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_13v4h_193",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_13v4h_196",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_13v4h_199",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_13v4h_203",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_13v4h_207",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_13v4h_211",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_13v4h_215"
 };
   

package/badge/styles.scoped.css

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_badge_1yjyg_1el0x_141:not(#\9) {
+.awsui_badge_1yjyg_13v4h_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -185,35 +185,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-xs-zb16t3, 8px);
   color: var(--color-text-notification-default-0l2rzu, #f9f9fa);
 }
-.awsui_badge_1yjyg_1el0x_141.awsui_badge-color-grey_1yjyg_1el0x_187:not(#\9) {
+.awsui_badge_1yjyg_13v4h_141.awsui_badge-color-grey_1yjyg_13v4h_187:not(#\9) {
   background-color: var(--color-background-notification-grey-jyn3j2, #424650);
 }
-.awsui_badge_1yjyg_1el0x_141.awsui_badge-color-green_1yjyg_1el0x_190:not(#\9) {
+.awsui_badge_1yjyg_13v4h_141.awsui_badge-color-green_1yjyg_13v4h_190:not(#\9) {
   background-color: var(--color-background-notification-green-7zevmb, #00802f);
 }
-.awsui_badge_1yjyg_1el0x_141.awsui_badge-color-blue_1yjyg_1el0x_193:not(#\9) {
+.awsui_badge_1yjyg_13v4h_141.awsui_badge-color-blue_1yjyg_13v4h_193:not(#\9) {
   background-color: var(--color-background-notification-blue-g87klk, #006ce0);
 }
-.awsui_badge_1yjyg_1el0x_141.awsui_badge-color-red_1yjyg_1el0x_196:not(#\9) {
+.awsui_badge_1yjyg_13v4h_141.awsui_badge-color-red_1yjyg_13v4h_196:not(#\9) {
   background-color: var(--color-background-notification-red-f0cy22, #db0000);
 }
-.awsui_badge_1yjyg_1el0x_141.awsui_badge-color-severity-critical_1yjyg_1el0x_199:not(#\9) {
-  background-color: var(--color-background-severity-critical-idosdq, #7d2105);
-  color: var(--color-text-severity-critical-gtjw4w, #f9f9fa);
+.awsui_badge_1yjyg_13v4h_141.awsui_badge-color-severity-critical_1yjyg_13v4h_199:not(#\9) {
+  background-color: var(--color-background-notification-severity-critical-m6z340, #870303);
+  color: var(--color-text-notification-severity-critical-cmj0dk, #f9f9fa);
 }
-.awsui_badge_1yjyg_1el0x_141.awsui_badge-color-severity-high_1yjyg_1el0x_203:not(#\9) {
-  background-color: var(--color-background-severity-high-434xpy, #ba2e0f);
-  color: var(--color-text-severity-high-wt51jx, #f9f9fa);
+.awsui_badge_1yjyg_13v4h_141.awsui_badge-color-severity-high_1yjyg_13v4h_203:not(#\9) {
+  background-color: var(--color-background-notification-severity-high-zn7yde, #ce3311);
+  color: var(--color-text-notification-severity-high-rgh0m2, #f9f9fa);
 }
-.awsui_badge_1yjyg_1el0x_141.awsui_badge-color-severity-medium_1yjyg_1el0x_207:not(#\9) {
-  background-color: var(--color-background-severity-medium-n5069n, #cc5f21);
-  color: var(--color-text-severity-medium-tezhp2, #0f141a);
+.awsui_badge_1yjyg_13v4h_141.awsui_badge-color-severity-medium_1yjyg_13v4h_207:not(#\9) {
+  background-color: var(--color-background-notification-severity-medium-empymi, #f89256);
+  color: var(--color-text-notification-severity-medium-9rk0hm, #0f141a);
 }
-.awsui_badge_1yjyg_1el0x_141.awsui_badge-color-severity-low_1yjyg_1el0x_211:not(#\9) {
-  background-color: var(--color-background-severity-low-5ab62f, #b2911c);
-  color: var(--color-text-severity-low-f87ni8, #0f141a);
+.awsui_badge_1yjyg_13v4h_141.awsui_badge-color-severity-low_1yjyg_13v4h_211:not(#\9) {
+  background-color: var(--color-background-notification-severity-low-jkxbp4, #f2cd54);
+  color: var(--color-text-notification-severity-low-so8wqb, #0f141a);
 }
-.awsui_badge_1yjyg_1el0x_141.awsui_badge-color-severity-neutral_1yjyg_1el0x_215:not(#\9) {
-  background-color: var(--color-background-severity-neutral-e76h14, #424650);
-  color: var(--color-text-severity-neutral-x89dxu, #f9f9fa);
+.awsui_badge_1yjyg_13v4h_141.awsui_badge-color-severity-neutral_1yjyg_13v4h_215:not(#\9) {
+  background-color: var(--color-background-notification-severity-neutral-wtuxqz, #656871);
+  color: var(--color-text-notification-severity-neutral-h04hdx, #f9f9fa);
 }

package/badge/styles.selectors.js

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "badge": "awsui_badge_1yjyg_1el0x_141",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_1el0x_187",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_1el0x_190",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_1el0x_193",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_1el0x_196",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_1el0x_199",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_1el0x_203",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_1el0x_207",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_1el0x_211",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_1el0x_215"
+  "badge": "awsui_badge_1yjyg_13v4h_141",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_13v4h_187",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_13v4h_190",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_13v4h_193",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_13v4h_196",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_13v4h_199",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_13v4h_203",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_13v4h_207",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_13v4h_211",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_13v4h_215"
 };
   

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

@@ -162,6 +162,16 @@
   --color-charts-palette-categorical-48-tptw1p:#014b44;
   --color-charts-palette-categorical-49-6lrkes:#431d84;
   --color-charts-palette-categorical-50-mqbaxr:#732c02;
+  --color-background-notification-severity-critical-m6z340:#870303;
+  --color-background-notification-severity-high-zn7yde:#ce3311;
+  --color-background-notification-severity-medium-empymi:#f89256;
+  --color-background-notification-severity-low-jkxbp4:#f2cd54;
+  --color-background-notification-severity-neutral-wtuxqz:#656871;
+  --color-text-notification-severity-critical-cmj0dk:#f9f9fa;
+  --color-text-notification-severity-high-rgh0m2:#f9f9fa;
+  --color-text-notification-severity-medium-9rk0hm:#0f141a;
+  --color-text-notification-severity-low-so8wqb:#0f141a;
+  --color-text-notification-severity-neutral-h04hdx:#f9f9fa;
   --color-background-badge-icon-n0lc3o:#db0000;
   --color-background-button-link-active-zsvqyt:#d1f1ff;
   --color-background-button-link-hover-7joibg:#f0fbff;
@@ -407,16 +417,6 @@
   --color-dropzone-text-hover-wteupn:#424650;
   --color-dropzone-border-default-phwpnt:#8c8c94;
   --color-dropzone-border-hover-tpluhc:#002b66;
-  --color-background-severity-critical-idosdq:#7d2105;
-  --color-text-severity-critical-gtjw4w:#f9f9fa;
-  --color-background-severity-high-434xpy:#ba2e0f;
-  --color-text-severity-high-wt51jx:#f9f9fa;
-  --color-background-severity-medium-n5069n:#cc5f21;
-  --color-text-severity-medium-tezhp2:#0f141a;
-  --color-background-severity-low-5ab62f:#b2911c;
-  --color-text-severity-low-f87ni8:#0f141a;
-  --color-background-severity-neutral-e76h14:#424650;
-  --color-text-severity-neutral-x89dxu:#f9f9fa;
   --font-box-value-large-weight-onoq9k:700;
   --font-button-letter-spacing-65ug0o:0.005em;
   --font-button-weight-hv56tz:700;
@@ -816,6 +816,10 @@
     --color-charts-palette-categorical-48-tptw1p:#ace9db;
     --color-charts-palette-categorical-49-6lrkes:#f5edff;
     --color-charts-palette-categorical-50-mqbaxr:#ffd4bb;
+    --color-background-notification-severity-critical-m6z340:#d63f38;
+    --color-background-notification-severity-high-zn7yde:#fe6e73;
+    --color-text-notification-severity-critical-cmj0dk:#000000;
+    --color-text-notification-severity-high-rgh0m2:#0f141a;
     --color-background-badge-icon-n0lc3o:#ff7a7a;
     --color-background-button-link-active-zsvqyt:#333843;
     --color-background-button-link-hover-7joibg:#1b232d;
@@ -1018,13 +1022,6 @@
     --color-dropzone-text-hover-wteupn:#c6c6cd;
     --color-dropzone-border-default-phwpnt:#656871;
     --color-dropzone-border-hover-tpluhc:#75cfff;
-    --color-background-severity-critical-idosdq:#d63f38;
-    --color-text-severity-critical-gtjw4w:#000000;
-    --color-background-severity-high-434xpy:#fe6e73;
-    --color-text-severity-high-wt51jx:#0f141a;
-    --color-background-severity-medium-n5069n:#f89256;
-    --color-background-severity-low-5ab62f:#dfb52c;
-    --color-background-severity-neutral-e76h14:#656871;
     --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);
@@ -1333,9 +1330,6 @@
   --color-dropzone-text-hover-wteupn:#c6c6cd;
   --color-dropzone-border-default-phwpnt:#656871;
   --color-dropzone-border-hover-tpluhc:#75cfff;
-  --color-text-severity-critical-gtjw4w:#000000;
-  --color-text-severity-high-wt51jx:#0f141a;
-  --color-background-severity-neutral-e76h14:#656871;
 }
 
 .awsui-context-content-header:not(#\9) {
@@ -1541,9 +1535,6 @@
   --color-dropzone-text-hover-wteupn:#c6c6cd;
   --color-dropzone-border-default-phwpnt:#656871;
   --color-dropzone-border-hover-tpluhc:#75cfff;
-  --color-text-severity-critical-gtjw4w:#000000;
-  --color-text-severity-high-wt51jx:#0f141a;
-  --color-background-severity-neutral-e76h14:#656871;
   --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);
@@ -1851,9 +1842,6 @@
   --color-dropzone-text-hover-wteupn:#c6c6cd;
   --color-dropzone-border-default-phwpnt:#656871;
   --color-dropzone-border-hover-tpluhc:#75cfff;
-  --color-text-severity-critical-gtjw4w:#000000;
-  --color-text-severity-high-wt51jx:#0f141a;
-  --color-background-severity-neutral-e76h14:#656871;
 }
 
 @media not print {

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (d8a1a65c)";
+export var PACKAGE_VERSION = "3.0.0 (efec7c44)";
 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 (d8a1a65c)",
+  "PACKAGE_VERSION": "3.0.0 (efec7c44)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

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

@@ -206,6 +206,21 @@ export const colorChartsPaletteCategorical47: string;
 export const colorChartsPaletteCategorical48: string;
 export const colorChartsPaletteCategorical49: string;
 export const colorChartsPaletteCategorical50: string;
+export const colorSeverityDarkRed: string;
+export const colorSeverityRed: string;
+export const colorSeverityOrange: string;
+export const colorSeverityYellow: string;
+export const colorSeverityGrey: string;
+export const colorBackgroundNotificationSeverityCritical: string;
+export const colorBackgroundNotificationSeverityHigh: string;
+export const colorBackgroundNotificationSeverityMedium: string;
+export const colorBackgroundNotificationSeverityLow: string;
+export const colorBackgroundNotificationSeverityNeutral: string;
+export const colorTextNotificationSeverityCritical: string;
+export const colorTextNotificationSeverityHigh: string;
+export const colorTextNotificationSeverityMedium: string;
+export const colorTextNotificationSeverityLow: string;
+export const colorTextNotificationSeverityNeutral: string;
 export const colorGreyOpaque10: string;
 export const colorGreyOpaque25: string;
 export const colorGreyOpaque40: string;
@@ -468,16 +483,6 @@ export const colorDropzoneTextDefault: string;
 export const colorDropzoneTextHover: string;
 export const colorDropzoneBorderDefault: string;
 export const colorDropzoneBorderHover: 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

@@ -206,6 +206,21 @@ export var colorChartsPaletteCategorical47 = "var(--color-charts-palette-categor
 export var colorChartsPaletteCategorical48 = "var(--color-charts-palette-categorical-48-tptw1p, #014b44)";
 export var colorChartsPaletteCategorical49 = "var(--color-charts-palette-categorical-49-6lrkes, #431d84)";
 export var colorChartsPaletteCategorical50 = "var(--color-charts-palette-categorical-50-mqbaxr, #732c02)";
+export var colorSeverityDarkRed = "var(--color-severity-dark-red-26aton, #870303)";
+export var colorSeverityRed = "var(--color-severity-red-mjb3fl, #ce3311)";
+export var colorSeverityOrange = "var(--color-severity-orange-3ez4cr, #f89256)";
+export var colorSeverityYellow = "var(--color-severity-yellow-mn9wrz, #f2cd54)";
+export var colorSeverityGrey = "var(--color-severity-grey-s6nlyg, #656871)";
+export var colorBackgroundNotificationSeverityCritical = "var(--color-background-notification-severity-critical-m6z340, #870303)";
+export var colorBackgroundNotificationSeverityHigh = "var(--color-background-notification-severity-high-zn7yde, #ce3311)";
+export var colorBackgroundNotificationSeverityMedium = "var(--color-background-notification-severity-medium-empymi, #f89256)";
+export var colorBackgroundNotificationSeverityLow = "var(--color-background-notification-severity-low-jkxbp4, #f2cd54)";
+export var colorBackgroundNotificationSeverityNeutral = "var(--color-background-notification-severity-neutral-wtuxqz, #656871)";
+export var colorTextNotificationSeverityCritical = "var(--color-text-notification-severity-critical-cmj0dk, #f9f9fa)";
+export var colorTextNotificationSeverityHigh = "var(--color-text-notification-severity-high-rgh0m2, #f9f9fa)";
+export var colorTextNotificationSeverityMedium = "var(--color-text-notification-severity-medium-9rk0hm, #0f141a)";
+export var colorTextNotificationSeverityLow = "var(--color-text-notification-severity-low-so8wqb, #0f141a)";
+export var colorTextNotificationSeverityNeutral = "var(--color-text-notification-severity-neutral-h04hdx, #f9f9fa)";
 export var colorGreyOpaque10 = "var(--color-grey-opaque-10-xipm4s, rgba(0, 0, 0, 0.1))";
 export var colorGreyOpaque25 = "var(--color-grey-opaque-25-igqnxy, rgba(255, 255, 255, 0.25))";
 export var colorGreyOpaque40 = "var(--color-grey-opaque-40-wxjof3, rgba(0, 0, 0, 0.4))";
@@ -468,16 +483,6 @@ export var colorDropzoneTextDefault = "var(--color-dropzone-text-default-owo5k2,
 export var colorDropzoneTextHover = "var(--color-dropzone-text-hover-wteupn, #424650)";
 export var colorDropzoneBorderDefault = "var(--color-dropzone-border-default-phwpnt, #8c8c94)";
 export var colorDropzoneBorderHover = "var(--color-dropzone-border-hover-tpluhc, #002b66)";
-export var colorBackgroundSeverityCritical = "var(--color-background-severity-critical-idosdq, #7d2105)";
-export var colorTextSeverityCritical = "var(--color-text-severity-critical-gtjw4w, #f9f9fa)";
-export var colorBackgroundSeverityHigh = "var(--color-background-severity-high-434xpy, #ba2e0f)";
-export var colorTextSeverityHigh = "var(--color-text-severity-high-wt51jx, #f9f9fa)";
-export var colorBackgroundSeverityMedium = "var(--color-background-severity-medium-n5069n, #cc5f21)";
-export var colorTextSeverityMedium = "var(--color-text-severity-medium-tezhp2, #0f141a)";
-export var colorBackgroundSeverityLow = "var(--color-background-severity-low-5ab62f, #b2911c)";
-export var colorTextSeverityLow = "var(--color-text-severity-low-f87ni8, #0f141a)";
-export var colorBackgroundSeverityNeutral = "var(--color-background-severity-neutral-e76h14, #424650)";
-export var colorTextSeverityNeutral = "var(--color-text-severity-neutral-x89dxu, #f9f9fa)";
 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)";