@cloudscape-design/components 3.0.1307 → 3.0.1309

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

@@ -233,6 +233,16 @@
     --color-text-notification-severity-medium-8f60kb:var(--color-neutral-950-lxybh8);
     --color-text-notification-severity-low-gvojhi:var(--color-neutral-950-lxybh8);
     --color-text-notification-severity-neutral-ynm2wl:var(--color-neutral-100-gk3lvf);
+    --color-border-badge-severity-critical-7qfda3:transparent;
+    --color-border-badge-severity-high-rrj15l:transparent;
+    --color-border-badge-severity-medium-my5686:transparent;
+    --color-border-badge-severity-low-x8a8mq:transparent;
+    --color-border-badge-severity-neutral-qzs2tc:transparent;
+    --color-text-badge-severity-critical-l2utht:var(--color-text-notification-severity-critical-tv4vw4);
+    --color-text-badge-severity-high-ldc6qv:var(--color-text-notification-severity-high-t4suvu);
+    --color-text-badge-severity-medium-mqg7v9:var(--color-text-notification-severity-medium-8f60kb);
+    --color-text-badge-severity-low-nnaksf:var(--color-text-notification-severity-low-gvojhi);
+    --color-text-badge-severity-neutral-ogr3rw:var(--color-text-notification-severity-neutral-ynm2wl);
     --color-grey-opaque-10-vwfmts:rgba(0, 0, 0, 0.1);
     --color-grey-opaque-25-cjy3al:rgba(255, 255, 255, 0.25);
     --color-grey-opaque-70-p0svy7:rgba(35, 43, 55, 0.7);
@@ -472,6 +482,7 @@
     --color-text-expandable-section-default-ynw8my:var(--color-neutral-950-lxybh8);
     --color-text-expandable-section-hover-ojzwhd:var(--color-text-accent-n1kmht);
     --color-text-expandable-section-navigation-icon-default-mklu1s:var(--color-text-interactive-default-ugh9wp);
+    --color-border-expandable-section-default-inl8g4:var(--color-border-divider-default-nr68jt);
     --color-text-form-default-47mtz6:var(--color-neutral-950-lxybh8);
     --color-text-form-label-6sbm75:var(--color-text-form-default-47mtz6);
     --color-text-form-secondary-1nm780:var(--color-neutral-600-fln1ww);
@@ -554,13 +565,22 @@
     --color-icon-action-card-disabled-wm3kyf:var(--color-neutral-400-wtst55);
     --color-background-skeleton-sjxg4n:var(--color-neutral-250-vs1is4);
     --color-background-skeleton-wave-1dy97d:var(--color-neutral-150-gezhen);
+    --color-border-badge-un9qea:transparent;
+    --color-border-badge-grey-n3ma6u:transparent;
+    --color-border-badge-green-9thsha:transparent;
+    --color-border-badge-blue-8otq6p:transparent;
+    --color-border-badge-red-z936s1:transparent;
+    --color-text-badge-grey-5u533n:var(--color-text-notification-default-1iey72);
+    --color-text-badge-green-xkzw5d:var(--color-text-notification-default-1iey72);
+    --color-text-badge-blue-cq2uzn:var(--color-text-notification-default-1iey72);
+    --color-text-badge-red-60jprp:var(--color-text-notification-default-1iey72);
     --font-button-letter-spacing-ufowe3:0.005em;
     --font-chart-detail-size-9qr25q:var(--font-size-body-s-smc8cv);
     --font-decoration-style-link-pk2xmp:solid;
     --font-decoration-thickness-link-uesuo7:1px;
     --font-decoration-thickness-link-display-l-6g5fyl:2px;
     --font-display-label-weight-zavpeo:700;
-    --font-expandable-heading-size-0uk059:var(--font-size-heading-s-zp08en);
+    --font-size-expandable-heading-duh2ta:var(--font-size-heading-s-zp08en);
     --font-family-base-gmnpzl:"Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
     --font-family-display-a93nj0:var(--font-family-base-gmnpzl);
     --font-family-heading-ugphat:var(--font-family-base-gmnpzl);
@@ -686,8 +706,10 @@
     --border-width-icon-medium-b7icqv:2px;
     --border-width-icon-normal-9h7vj7:2px;
     --border-width-icon-small-z55i5t:2px;
+    --border-width-icon-x-small-45lnog:1.5px;
     --border-width-item-card-3wmyp3:var(--border-width-card-x24gzt);
     --border-width-item-selected-yv93vd:2px;
+    --border-width-badge-7pmgfh:0px;
     --border-width-popover-nflirh:2px;
     --border-width-token-2ukdpu:2px;
     --motion-duration-extra-slow-29bqym:270ms;
@@ -1518,6 +1540,7 @@
     --color-text-dropdown-item-secondary-v12lfh:var(--color-text-form-secondary-1nm780);
     --color-text-expandable-section-hover-ojzwhd:var(--color-text-accent-n1kmht);
     --color-text-expandable-section-navigation-icon-default-mklu1s:var(--color-text-interactive-default-ugh9wp);
+    --color-border-expandable-section-default-inl8g4:var(--color-border-divider-default-nr68jt);
     --color-text-form-label-6sbm75:var(--color-text-form-default-47mtz6);
     --color-text-input-placeholder-disabled-wg87og:var(--color-text-input-disabled-wh1f3y);
     --color-text-label-28gfmc:var(--color-text-form-label-6sbm75);
@@ -1791,6 +1814,7 @@
     --color-text-dropdown-item-secondary-v12lfh:var(--color-text-form-secondary-1nm780);
     --color-text-expandable-section-hover-ojzwhd:var(--color-text-accent-n1kmht);
     --color-text-expandable-section-navigation-icon-default-mklu1s:var(--color-text-interactive-default-ugh9wp);
+    --color-border-expandable-section-default-inl8g4:var(--color-border-divider-default-nr68jt);
     --color-text-form-label-6sbm75:var(--color-text-form-default-47mtz6);
     --color-text-input-placeholder-disabled-wg87og:var(--color-text-input-disabled-wh1f3y);
     --color-text-label-28gfmc:var(--color-text-form-label-6sbm75);
@@ -1856,6 +1880,7 @@
     --color-text-button-link-active-dqdjg3:var(--color-text-button-normal-active-vihsxh);
     --color-text-button-link-default-vvunrs:var(--color-text-button-normal-default-nzalii);
     --color-text-button-link-hover-kvrc36:var(--color-text-button-normal-hover-gusgyv);
+    --color-border-expandable-section-default-inl8g4:var(--color-border-divider-default-nr68jt);
     --color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
     --color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
     --color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
@@ -1915,12 +1940,17 @@
     --color-text-button-link-active-dqdjg3:var(--color-text-button-normal-active-vihsxh);
     --color-text-button-link-default-vvunrs:var(--color-text-button-normal-default-nzalii);
     --color-text-button-link-hover-kvrc36:var(--color-text-button-normal-hover-gusgyv);
+    --color-border-expandable-section-default-inl8g4:var(--color-border-divider-default-nr68jt);
     --color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
     --color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
     --color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
     --color-text-link-info-default-mrmt1i:var(--color-text-link-default-hude44);
     --color-text-link-info-hover-mu3ega:var(--color-text-link-hover-2hfec2);
     --color-text-segment-hover-65a2x8:var(--color-text-button-normal-hover-gusgyv);
+    --color-text-badge-grey-5u533n:var(--color-text-notification-default-1iey72);
+    --color-text-badge-green-xkzw5d:var(--color-text-notification-default-1iey72);
+    --color-text-badge-blue-cq2uzn:var(--color-text-notification-default-1iey72);
+    --color-text-badge-red-60jprp:var(--color-text-notification-default-1iey72);
   }
   .awsui-context-alert:not(#\9) {
     --color-background-button-normal-active-5imwxd:rgba(0, 7, 22, 0.1);
@@ -1937,7 +1967,7 @@
     --color-text-link-button-normal-hover-jrnyw3:var(--color-text-link-hover-2hfec2);
     --color-text-expandable-section-default-ynw8my:var(--color-text-button-normal-default-nzalii);
     --color-text-expandable-section-hover-ojzwhd:var(--color-text-button-normal-hover-gusgyv);
-    --font-expandable-heading-size-0uk059:14px;
+    --font-size-expandable-heading-duh2ta:14px;
     --color-background-toggle-button-normal-default-ipnqr5:var(--color-background-button-normal-default-7f99mv);
     --color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
     --color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
@@ -1956,6 +1986,7 @@
     --color-text-button-link-active-dqdjg3:var(--color-text-button-normal-active-vihsxh);
     --color-text-button-link-default-vvunrs:var(--color-text-button-normal-default-nzalii);
     --color-text-button-link-hover-kvrc36:var(--color-text-button-normal-hover-gusgyv);
+    --color-border-expandable-section-default-inl8g4:var(--color-border-divider-default-nr68jt);
     --color-text-segment-hover-65a2x8:var(--color-text-button-normal-hover-gusgyv);
   }
   .awsui-context-content-header .awsui-context-alert:not(#\9) {
@@ -2209,6 +2240,7 @@
     --color-text-dropdown-item-disabled-8m65hf:var(--color-text-interactive-disabled-1bqmrl);
     --color-text-dropdown-item-secondary-v12lfh:var(--color-text-form-secondary-1nm780);
     --color-text-expandable-section-navigation-icon-default-mklu1s:var(--color-text-interactive-default-ugh9wp);
+    --color-border-expandable-section-default-inl8g4:var(--color-border-divider-default-nr68jt);
     --color-text-form-label-6sbm75:var(--color-text-form-default-47mtz6);
     --color-text-input-placeholder-disabled-wg87og:var(--color-text-input-disabled-wh1f3y);
     --color-text-label-28gfmc:var(--color-text-form-label-6sbm75);
@@ -2291,5 +2323,5 @@
   }
 }
 :root {
-  --awsui-version-info-00a695f2: true;
+  --awsui-version-info-c158a478: true;
 }

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (00a695f2)";
-export var GIT_SHA = "00a695f2";
+export var PACKAGE_VERSION = "3.0.0 (c158a478)";
+export var GIT_SHA = "c158a478";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (00a695f2)",
-  "GIT_SHA": "00a695f2",
+  "PACKAGE_VERSION": "3.0.0 (c158a478)",
+  "GIT_SHA": "c158a478",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": true,

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

@@ -269,6 +269,16 @@ export const colorTextNotificationSeverityHigh: string;
 export const colorTextNotificationSeverityMedium: string;
 export const colorTextNotificationSeverityLow: string;
 export const colorTextNotificationSeverityNeutral: string;
+export const colorBorderBadgeSeverityCritical: string;
+export const colorBorderBadgeSeverityHigh: string;
+export const colorBorderBadgeSeverityMedium: string;
+export const colorBorderBadgeSeverityLow: string;
+export const colorBorderBadgeSeverityNeutral: string;
+export const colorTextBadgeSeverityCritical: string;
+export const colorTextBadgeSeverityHigh: string;
+export const colorTextBadgeSeverityMedium: string;
+export const colorTextBadgeSeverityLow: string;
+export const colorTextBadgeSeverityNeutral: string;
 export const colorGreyOpaque10: string;
 export const colorGreyOpaque25: string;
 export const colorGreyOpaque40: string;
@@ -517,6 +527,7 @@ export const colorTextEmpty: string;
 export const colorTextExpandableSectionDefault: string;
 export const colorTextExpandableSectionHover: string;
 export const colorTextExpandableSectionNavigationIconDefault: string;
+export const colorBorderExpandableSectionDefault: string;
 export const colorTextFormDefault: string;
 export const colorTextFormLabel: string;
 export const colorTextFormSecondary: string;
@@ -600,6 +611,15 @@ export const colorIconActionCardActive: string;
 export const colorIconActionCardDisabled: string;
 export const colorBackgroundSkeleton: string;
 export const colorBackgroundSkeletonWave: string;
+export const colorBorderBadge: string;
+export const colorBorderBadgeGrey: string;
+export const colorBorderBadgeGreen: string;
+export const colorBorderBadgeBlue: string;
+export const colorBorderBadgeRed: string;
+export const colorTextBadgeGrey: string;
+export const colorTextBadgeGreen: string;
+export const colorTextBadgeBlue: string;
+export const colorTextBadgeRed: string;
 export const fontBoxValueLargeWeight: string;
 export const fontButtonLetterSpacing: string;
 export const fontChartDetailSize: string;
@@ -607,7 +627,7 @@ export const fontDecorationStyleLink: string;
 export const fontDecorationThicknessLink: string;
 export const fontDecorationThicknessLinkDisplayL: string;
 export const fontDisplayLabelWeight: string;
-export const fontExpandableHeadingSize: string;
+export const fontSizeExpandableHeading: string;
 export const fontFamilyBase: string;
 export const fontFamilyDisplay: string;
 export const fontFamilyHeading: string;
@@ -733,9 +753,11 @@ export const borderWidthIconLarge: string;
 export const borderWidthIconMedium: string;
 export const borderWidthIconNormal: string;
 export const borderWidthIconSmall: string;
+export const borderWidthIconXSmall: string;
 export const borderWidthItemCard: string;
 export const borderWidthItemCardHighlighted: string;
 export const borderWidthItemSelected: string;
+export const borderWidthBadge: string;
 export const borderWidthPopover: string;
 export const borderWidthToken: string;
 export const motionDurationExtraFast: string;

package/internal/generated/styles/tokens.js

@@ -269,6 +269,16 @@ export var colorTextNotificationSeverityHigh = "var(--color-text-notification-se
 export var colorTextNotificationSeverityMedium = "var(--color-text-notification-severity-medium-8f60kb, #0f141a)";
 export var colorTextNotificationSeverityLow = "var(--color-text-notification-severity-low-gvojhi, #0f141a)";
 export var colorTextNotificationSeverityNeutral = "var(--color-text-notification-severity-neutral-ynm2wl, #f9f9fa)";
+export var colorBorderBadgeSeverityCritical = "var(--color-border-badge-severity-critical-7qfda3, transparent)";
+export var colorBorderBadgeSeverityHigh = "var(--color-border-badge-severity-high-rrj15l, transparent)";
+export var colorBorderBadgeSeverityMedium = "var(--color-border-badge-severity-medium-my5686, transparent)";
+export var colorBorderBadgeSeverityLow = "var(--color-border-badge-severity-low-x8a8mq, transparent)";
+export var colorBorderBadgeSeverityNeutral = "var(--color-border-badge-severity-neutral-qzs2tc, transparent)";
+export var colorTextBadgeSeverityCritical = "var(--color-text-badge-severity-critical-l2utht, #f9f9fa)";
+export var colorTextBadgeSeverityHigh = "var(--color-text-badge-severity-high-ldc6qv, #f9f9fa)";
+export var colorTextBadgeSeverityMedium = "var(--color-text-badge-severity-medium-mqg7v9, #0f141a)";
+export var colorTextBadgeSeverityLow = "var(--color-text-badge-severity-low-nnaksf, #0f141a)";
+export var colorTextBadgeSeverityNeutral = "var(--color-text-badge-severity-neutral-ogr3rw, #f9f9fa)";
 export var colorGreyOpaque10 = "var(--color-grey-opaque-10-vwfmts, rgba(0, 0, 0, 0.1))";
 export var colorGreyOpaque25 = "var(--color-grey-opaque-25-cjy3al, rgba(255, 255, 255, 0.25))";
 export var colorGreyOpaque40 = "var(--color-grey-opaque-40-yj2cvz, rgba(0, 0, 0, 0.4))";
@@ -517,6 +527,7 @@ export var colorTextEmpty = "var(--color-text-empty-tlohug, #656871)";
 export var colorTextExpandableSectionDefault = "var(--color-text-expandable-section-default-ynw8my, #0f141a)";
 export var colorTextExpandableSectionHover = "var(--color-text-expandable-section-hover-ojzwhd, #006ce0)";
 export var colorTextExpandableSectionNavigationIconDefault = "var(--color-text-expandable-section-navigation-icon-default-mklu1s, #424650)";
+export var colorBorderExpandableSectionDefault = "var(--color-border-expandable-section-default-inl8g4, #c6c6cd)";
 export var colorTextFormDefault = "var(--color-text-form-default-47mtz6, #0f141a)";
 export var colorTextFormLabel = "var(--color-text-form-label-6sbm75, #0f141a)";
 export var colorTextFormSecondary = "var(--color-text-form-secondary-1nm780, #656871)";
@@ -600,6 +611,15 @@ export var colorIconActionCardActive = "var(--color-icon-action-card-active-rhp9
 export var colorIconActionCardDisabled = "var(--color-icon-action-card-disabled-wm3kyf, #b4b4bb)";
 export var colorBackgroundSkeleton = "var(--color-background-skeleton-sjxg4n, #ebebf0)";
 export var colorBackgroundSkeletonWave = "var(--color-background-skeleton-wave-1dy97d, #f6f6f9)";
+export var colorBorderBadge = "var(--color-border-badge-un9qea, transparent)";
+export var colorBorderBadgeGrey = "var(--color-border-badge-grey-n3ma6u, transparent)";
+export var colorBorderBadgeGreen = "var(--color-border-badge-green-9thsha, transparent)";
+export var colorBorderBadgeBlue = "var(--color-border-badge-blue-8otq6p, transparent)";
+export var colorBorderBadgeRed = "var(--color-border-badge-red-z936s1, transparent)";
+export var colorTextBadgeGrey = "var(--color-text-badge-grey-5u533n, #f9f9fa)";
+export var colorTextBadgeGreen = "var(--color-text-badge-green-xkzw5d, #f9f9fa)";
+export var colorTextBadgeBlue = "var(--color-text-badge-blue-cq2uzn, #f9f9fa)";
+export var colorTextBadgeRed = "var(--color-text-badge-red-60jprp, #f9f9fa)";
 export var fontBoxValueLargeWeight = "var(--font-box-value-large-weight-wr00sw, 700)";
 export var fontButtonLetterSpacing = "var(--font-button-letter-spacing-ufowe3, 0.005em)";
 export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
@@ -607,7 +627,7 @@ export var fontDecorationStyleLink = "var(--font-decoration-style-link-pk2xmp, s
 export var fontDecorationThicknessLink = "var(--font-decoration-thickness-link-uesuo7, 1px)";
 export var fontDecorationThicknessLinkDisplayL = "var(--font-decoration-thickness-link-display-l-6g5fyl, 2px)";
 export var fontDisplayLabelWeight = "var(--font-display-label-weight-zavpeo, 700)";
-export var fontExpandableHeadingSize = "var(--font-expandable-heading-size-0uk059, 16px)";
+export var fontSizeExpandableHeading = "var(--font-size-expandable-heading-duh2ta, 16px)";
 export var fontFamilyBase = "var(--font-family-base-gmnpzl, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
 export var fontFamilyDisplay = "var(--font-family-display-a93nj0, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
 export var fontFamilyHeading = "var(--font-family-heading-ugphat, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
@@ -733,9 +753,11 @@ export var borderWidthIconLarge = "var(--border-width-icon-large-u645rg, 4px)";
 export var borderWidthIconMedium = "var(--border-width-icon-medium-b7icqv, 2px)";
 export var borderWidthIconNormal = "var(--border-width-icon-normal-9h7vj7, 2px)";
 export var borderWidthIconSmall = "var(--border-width-icon-small-z55i5t, 2px)";
+export var borderWidthIconXSmall = "var(--border-width-icon-x-small-45lnog, 1.5px)";
 export var borderWidthItemCard = "var(--border-width-item-card-3wmyp3, 1px)";
 export var borderWidthItemCardHighlighted = "var(--border-width-item-card-highlighted-jay4ll, 2px)";
 export var borderWidthItemSelected = "var(--border-width-item-selected-yv93vd, 2px)";
+export var borderWidthBadge = "var(--border-width-badge-7pmgfh, 0px)";
 export var borderWidthPopover = "var(--border-width-popover-nflirh, 2px)";
 export var borderWidthToken = "var(--border-width-token-2ukdpu, 2px)";
 export var motionDurationExtraFast = "var(--motion-duration-extra-fast-l4w48j, 45ms)";