npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1260 → 3.0.1262 - Mend

@cloudscape-design/components-themeable 3.0.1260 → 3.0.1262

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (177) hide show

package/lib/internal/template/input/styles.scoped.css CHANGED Viewed

@@ -142,11 +142,11 @@
 */
 /* 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_root_2rhyz_11grl_145:not(#\9) {
+.awsui_root_2rhyz_1b43d_145:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
-.awsui_input_2rhyz_11grl_149:not(#\9) {
+.awsui_input_2rhyz_1b43d_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -178,158 +178,158 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
-  color: var(--awsui-style-color-default-u09ddc, var(--color-text-body-default-5qid0u, #16191f));
+  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f));
   inline-size: 100%;
   cursor: text;
   box-sizing: border-box;
-  background-color: var(--awsui-style-background-default-u09ddc, var(--color-background-input-default-1z2buq, #ffffff));
+  background-color: var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff));
   border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-u09ddc, var(--color-border-input-default-txli8y, #687078));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-u09ddc, var(--color-border-input-default-txli8y, #687078));
-  box-shadow: var(--awsui-style-box-shadow-default-u09ddc);
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078));
+  box-shadow: var(--awsui-style-box-shadow-default-6b9ypa);
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   block-size: var(--size-vertical-input-8gzd1t, 32px);
 }
-.awsui_input_2rhyz_11grl_149:not(#\9):hover {
-  border-color: var(--awsui-style-border-color-hover-u09ddc, var(--awsui-style-border-color-default-u09ddc, var(--color-border-input-default-txli8y, #687078)));
-  color: var(--awsui-style-color-hover-u09ddc, var(--awsui-style-border-color-default-u09ddc, var(--color-text-body-default-5qid0u, #16191f)));
-  background-color: var(--awsui-style-background-hover-u09ddc, var(--awsui-style-background-default-u09ddc, var(--color-background-input-default-1z2buq, #ffffff)));
-  box-shadow: var(--awsui-style-box-shadow-hover-u09ddc, --awsui-style-box-shadow-default-u09ddc);
+.awsui_input_2rhyz_1b43d_149:not(#\9):hover {
+  border-color: var(--awsui-style-border-color-hover-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078)));
+  color: var(--awsui-style-color-hover-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f)));
+  background-color: var(--awsui-style-background-hover-6b9ypa, var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff)));
+  box-shadow: var(--awsui-style-box-shadow-hover-6b9ypa, --awsui-style-box-shadow-default-6b9ypa);
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-readonly_2rhyz_11grl_203:not(#\9) {
-  background-color: var(--awsui-style-background-readonly-u09ddc, var(--awsui-style-background-default-u09ddc, var(--color-background-input-default-1z2buq, #ffffff)));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-u09ddc, var(--awsui-style-border-color-default-u09ddc, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-u09ddc, var(--awsui-style-border-color-default-u09ddc, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  color: var(--awsui-style-color-readonly-u09ddc, var(--awsui-style-color-default-u09ddc, var(--color-text-body-default-5qid0u, #16191f)));
-  box-shadow: var(--awsui-style-box-shadow-readonly-u09ddc);
+.awsui_input_2rhyz_1b43d_149.awsui_input-readonly_2rhyz_1b43d_203:not(#\9) {
+  background-color: var(--awsui-style-background-readonly-6b9ypa, var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff)));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  color: var(--awsui-style-color-readonly-6b9ypa, var(--awsui-style-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f)));
+  box-shadow: var(--awsui-style-box-shadow-readonly-6b9ypa);
 }
-.awsui_input_2rhyz_11grl_149:not(#\9)::-webkit-input-placeholder {
-  color: var(--awsui-style-placeholder-color-u09ddc, var(--color-text-input-placeholder-hvcry0, #687078));
-  font-size: var(--awsui-style-placeholder-font-size-u09ddc);
-  font-style: var(--awsui-style-placeholder-font-style-u09ddc, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-u09ddc);
+.awsui_input_2rhyz_1b43d_149:not(#\9)::-webkit-input-placeholder {
+  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-hvcry0, #687078));
+  font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
+  font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_11grl_149:not(#\9)::-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-u09ddc, var(--color-text-input-placeholder-hvcry0, #687078));
-  font-size: var(--awsui-style-placeholder-font-size-u09ddc);
-  font-style: var(--awsui-style-placeholder-font-style-u09ddc, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-u09ddc);
+.awsui_input_2rhyz_1b43d_149:not(#\9)::-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-hvcry0, #687078));
+  font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
+  font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
   opacity: 1;
 }
-.awsui_input_2rhyz_11grl_149:not(#\9):-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-u09ddc, var(--color-text-input-placeholder-hvcry0, #687078));
-  font-size: var(--awsui-style-placeholder-font-size-u09ddc);
-  font-style: var(--awsui-style-placeholder-font-style-u09ddc, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-u09ddc);
+.awsui_input_2rhyz_1b43d_149:not(#\9):-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-hvcry0, #687078));
+  font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
+  font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
   opacity: 1;
 }
-.awsui_input_2rhyz_11grl_149:not(#\9):focus {
+.awsui_input_2rhyz_1b43d_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-u09ddc, var(--color-border-input-focused-lslq4r, #0073bb));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-u09ddc, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-6b9ypa, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-6b9ypa, var(--color-border-input-focused-lslq4r, #0073bb));
   border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
-  box-shadow: var(--awsui-style-box-shadow-focus-u09ddc, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
-  color: var(--awsui-style-color-focus-u09ddc, var(--color-text-body-default-5qid0u, #16191f));
-  background-color: var(--awsui-style-background-focus-u09ddc, var(--color-background-input-default-1z2buq, #ffffff));
+  box-shadow: var(--awsui-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+  color: var(--awsui-style-color-focus-6b9ypa, var(--color-text-body-default-5qid0u, #16191f));
+  background-color: var(--awsui-style-background-focus-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff));
 }
-.awsui_input_2rhyz_11grl_149:not(#\9):disabled {
-  background-color: var(--awsui-style-background-disabled-u09ddc, var(--color-background-input-disabled-4vlau3, #eaeded));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-u09ddc, var(--color-border-input-disabled-tz38ro, #eaeded));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-u09ddc, var(--color-border-input-disabled-tz38ro, #eaeded));
-  color: var(--awsui-style-color-disabled-u09ddc, var(--color-text-input-disabled-y5t5v9, #879596));
+.awsui_input_2rhyz_1b43d_149:not(#\9):disabled {
+  background-color: var(--awsui-style-background-disabled-6b9ypa, var(--color-background-input-disabled-4vlau3, #eaeded));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
+  color: var(--awsui-style-color-disabled-6b9ypa, var(--color-text-input-disabled-y5t5v9, #879596));
   cursor: default;
-  box-shadow: var(--awsui-style-box-shadow-disabled-u09ddc);
+  box-shadow: var(--awsui-style-box-shadow-disabled-6b9ypa);
 }
-.awsui_input_2rhyz_11grl_149:not(#\9):disabled::-webkit-input-placeholder {
-  color: var(--awsui-style-placeholder-color-u09ddc, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
+.awsui_input_2rhyz_1b43d_149:not(#\9):disabled::-webkit-input-placeholder {
+  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_11grl_149:not(#\9):disabled::-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-u09ddc, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
+.awsui_input_2rhyz_1b43d_149:not(#\9):disabled::-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
   opacity: 1;
 }
-.awsui_input_2rhyz_11grl_149:not(#\9):disabled:-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-u09ddc, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
+.awsui_input_2rhyz_1b43d_149:not(#\9):disabled:-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
   opacity: 1;
 }
-.awsui_input_2rhyz_11grl_149:not(#\9):invalid {
+.awsui_input_2rhyz_1b43d_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-invalid_2rhyz_11grl_266:not(#\9) {
-  color: var(--awsui-style-color-default-u09ddc, var(--color-text-status-error-aknuvu, #d13212));
-  border-color: var(--awsui-style-border-color-default-u09ddc, var(--color-text-status-error-aknuvu, #d13212));
+.awsui_input_2rhyz_1b43d_149.awsui_input-invalid_2rhyz_1b43d_266:not(#\9) {
+  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-status-error-aknuvu, #d13212));
+  border-color: var(--awsui-style-border-color-default-6b9ypa, var(--color-text-status-error-aknuvu, #d13212));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-invalid_2rhyz_11grl_266:not(#\9):focus {
-  box-shadow: var(--awsui-style-box-shadow-focus-u09ddc, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_input_2rhyz_1b43d_149.awsui_input-invalid_2rhyz_1b43d_266:not(#\9):focus {
+  box-shadow: var(--awsui-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-invalid_2rhyz_11grl_266.awsui_input-has-icon-left_2rhyz_11grl_275:not(#\9) {
+.awsui_input_2rhyz_1b43d_149.awsui_input-invalid_2rhyz_1b43d_266.awsui_input-has-icon-left_2rhyz_1b43d_275:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-ihoxql, 32px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-warning_2rhyz_11grl_278:not(#\9) {
-  color: var(--awsui-style-color-default-u09ddc, var(--color-text-status-warning-9b45qh, #906806));
-  border-color: var(--awsui-style-border-color-default-u09ddc, var(--color-text-status-warning-9b45qh, #906806));
+.awsui_input_2rhyz_1b43d_149.awsui_input-warning_2rhyz_1b43d_278:not(#\9) {
+  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-status-warning-9b45qh, #906806));
+  border-color: var(--awsui-style-border-color-default-6b9ypa, var(--color-text-status-warning-9b45qh, #906806));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-warning_2rhyz_11grl_278:not(#\9):focus {
-  box-shadow: var(--awsui-style-box-shadow-focus-u09ddc, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_input_2rhyz_1b43d_149.awsui_input-warning_2rhyz_1b43d_278:not(#\9):focus {
+  box-shadow: var(--awsui-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-warning_2rhyz_11grl_278.awsui_input-has-icon-left_2rhyz_11grl_275:not(#\9) {
+.awsui_input_2rhyz_1b43d_149.awsui_input-warning_2rhyz_1b43d_278.awsui_input-has-icon-left_2rhyz_1b43d_275:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-ihoxql, 32px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-type-search_2rhyz_11grl_290:not(#\9) {
+.awsui_input_2rhyz_1b43d_149.awsui_input-type-search_2rhyz_1b43d_290:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-type-search_2rhyz_11grl_290:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_1b43d_149.awsui_input-type-search_2rhyz_1b43d_290:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-type-search_2rhyz_11grl_290:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_1b43d_149.awsui_input-type-search_2rhyz_1b43d_290:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-has-icon-left_2rhyz_11grl_275:not(#\9) {
+.awsui_input_2rhyz_1b43d_149.awsui_input-has-icon-left_2rhyz_1b43d_275:not(#\9) {
   padding-inline-start: var(--space-field-icon-offset-ihoxql, 32px);
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-has-icon-right_2rhyz_11grl_303:not(#\9) {
+.awsui_input_2rhyz_1b43d_149.awsui_input-has-icon-right_2rhyz_1b43d_303:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ihoxql, 32px);
 }
-.awsui_input_2rhyz_11grl_149.awsui_input-has-no-border-radius_2rhyz_11grl_306:not(#\9) {
+.awsui_input_2rhyz_1b43d_149.awsui_input-has-no-border-radius_2rhyz_1b43d_306:not(#\9) {
   border-start-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
   border-start-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
   border-end-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
   border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
 }
-.awsui_input-container_2rhyz_11grl_313:not(#\9) {
+.awsui_input-container_2rhyz_1b43d_313:not(#\9) {
   display: flex;
   position: relative;
 }
-.awsui_input-icon-left_2rhyz_11grl_318:not(#\9) {
+.awsui_input-icon-left_2rhyz_1b43d_318:not(#\9) {
   position: absolute;
   pointer-events: none;
   inset-inline-start: var(--space-field-horizontal-n5peob, 8px);
   inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2);
 }
-.awsui_input-icon-right_2rhyz_11grl_325:not(#\9) {
+.awsui_input-icon-right_2rhyz_1b43d_325:not(#\9) {
   position: absolute;
   inset-block-start: calc(calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2) - var(--space-xxxs-3w1kr2, 2px));
   inset-inline-end: calc(var(--space-field-horizontal-n5peob, 8px) - var(--space-xxs-jnczic, 4px));
 }
-.awsui_input-button-right_2rhyz_11grl_331:not(#\9) {
+.awsui_input-button-right_2rhyz_1b43d_331:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/input/styles.selectors.js CHANGED Viewed

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_11grl_145",
-  "input": "awsui_input_2rhyz_11grl_149",
-  "input-readonly": "awsui_input-readonly_2rhyz_11grl_203",
-  "input-invalid": "awsui_input-invalid_2rhyz_11grl_266",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_11grl_275",
-  "input-warning": "awsui_input-warning_2rhyz_11grl_278",
-  "input-type-search": "awsui_input-type-search_2rhyz_11grl_290",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_11grl_303",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_11grl_306",
-  "input-container": "awsui_input-container_2rhyz_11grl_313",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_11grl_318",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_11grl_325",
-  "input-button-right": "awsui_input-button-right_2rhyz_11grl_331"
+  "root": "awsui_root_2rhyz_1b43d_145",
+  "input": "awsui_input_2rhyz_1b43d_149",
+  "input-readonly": "awsui_input-readonly_2rhyz_1b43d_203",
+  "input-invalid": "awsui_input-invalid_2rhyz_1b43d_266",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1b43d_275",
+  "input-warning": "awsui_input-warning_2rhyz_1b43d_278",
+  "input-type-search": "awsui_input-type-search_2rhyz_1b43d_290",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1b43d_303",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1b43d_306",
+  "input-container": "awsui_input-container_2rhyz_1b43d_313",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1b43d_318",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1b43d_325",
+  "input-button-right": "awsui_input-button-right_2rhyz_1b43d_331"
 };

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -267,6 +267,7 @@ body {
   --color-background-code-editor-loading-nj9xm5:var(--color-background-code-editor-status-bar-hv1hb6);
   --color-background-code-editor-pane-item-hover-jhuc5f:var(--color-neutral-250-hdfqdx);
   --color-background-code-editor-status-bar-hv1hb6:var(--color-neutral-200-z3mmn9);
+  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
   --color-background-container-content-aemn43:var(--color-white-jf0w15);
   --color-background-container-header-b8qo49:var(--color-neutral-100-wbgy1o);
   --color-background-control-checked-se0x0e:var(--color-primary-600-be1v6a);
@@ -357,6 +358,8 @@ body {
   --color-border-code-editor-ace-active-line-dark-theme-vv9lm5:var(--color-neutral-600-boivn8);
   --color-border-code-editor-default-gxnpsc:var(--color-neutral-300-y8n3aq);
   --color-border-code-editor-pane-item-hover-0632gv:var(--color-neutral-600-boivn8);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
+  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
   --color-border-container-divider-0lh379:var(--color-border-divider-default-ipvpev);
   --color-border-container-top-svitxz:var(--color-neutral-250-hdfqdx);
   --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
@@ -583,6 +586,8 @@ body {
   --border-radius-button-vm1lh4:2px;
   --border-radius-calendar-day-focus-ring-1443fe:2px;
   --border-radius-code-editor-pxxwyo:var(--border-radius-item-xggxkd);
+  --border-radius-card-default-45b7vy:var(--border-radius-container-l30zxy);
+  --border-radius-card-embedded-gvuteo:var(--border-radius-chat-bubble-yzqw4v);
   --border-radius-container-l30zxy:0px;
   --border-radius-control-circular-focus-ring-0v2apg:50%;
   --border-radius-control-default-focus-ring-9xsko1:var(--border-radius-input-4vr9on);
@@ -600,6 +605,8 @@ body {
   --border-table-sticky-width-o9kqes:0px;
   --border-link-focus-ring-outline-c5423y:5px auto Highlight;
   --border-link-focus-ring-shadow-spread-woh62o:0px;
+  --border-width-card-xmgn65:0px;
+  --border-width-card-highlighted-izrkve:var(--border-item-width-acvlhx);
   --border-width-alert-5zfcv3:1px;
   --border-width-button-40y1n5:1px;
   --border-width-dropdown-qic2p4:1px;
@@ -670,8 +677,10 @@ body {
   --space-calendar-grid-focus-outline-gutter-e14r1f:0px;
   --space-calendar-grid-selected-focus-outline-gutter-mo0w76:2px;
   --space-calendar-grid-gutter-ma9rnc:0px;
-  --space-card-horizontal-0tbxbt:var(--space-container-horizontal-ipmk0e);
-  --space-card-vertical-nzlc5t:var(--space-scaled-l-66n9sr);
+  --space-card-horizontal-default-7lut73:var(--space-container-horizontal-ipmk0e);
+  --space-card-horizontal-embedded-z4gdo8:var(--space-s-4a5hs8);
+  --space-card-vertical-default-wltzyi:var(--space-scaled-l-66n9sr);
+  --space-card-vertical-embedded-u2cdf0:10px;
   --space-code-editor-status-focus-outline-gutter-w7mxq8:3px;
   --space-container-content-top-8fvzh2:var(--space-scaled-m-sw9kcx);
   --space-container-header-top-3cfni8:var(--space-scaled-s-gjhvjd);
@@ -752,6 +761,7 @@ body {
   --space-xl-4dmkh1:24px;
   --space-xxl-q0lyvp:32px;
   --space-xxxl-qhelse:40px;
+  --shadow-card-x9dz93:var(--shadow-container-3fh0j3);
   --shadow-container-3fh0j3:0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   --shadow-container-active-hawm65:0px 4px 8px rgba(0, 28, 36, 0.45);
   --shadow-dropdown-skxpuu:var(--shadow-container-3fh0j3);
@@ -1048,6 +1058,8 @@ body {
 .awsui-compact-mode:not(#\9) {
   --size-vertical-input-8gzd1t:28px;
   --size-vertical-panel-icon-offset-1tiizm:13px;
+  --space-card-horizontal-embedded-z4gdo8:10px;
+  --space-card-vertical-embedded-u2cdf0:var(--space-xs-kw7k3v);
   --space-grid-gutter-nm7ylt:var(--space-m-n2lypl);
   --space-tile-gutter-2ulgjh:var(--space-m-n2lypl);
   --space-scaled-2x-xxs-is489k:var(--space-none-ilazlc);
@@ -1066,7 +1078,7 @@ body {
   --space-scaled-xxxl-70ei3i:var(--space-xxl-q0lyvp);
   --space-alert-vertical-7hsinh:var(--space-scaled-s-gjhvjd);
   --space-button-modal-dismiss-vertical-yopl9m:var(--space-scaled-xxs-jatbiv);
-  --space-card-vertical-nzlc5t:var(--space-scaled-l-66n9sr);
+  --space-card-vertical-default-wltzyi:var(--space-scaled-l-66n9sr);
   --space-container-content-top-8fvzh2:var(--space-scaled-m-sw9kcx);
   --space-container-header-top-3cfni8:var(--space-scaled-s-gjhvjd);
   --space-container-header-bottom-rbnprk:var(--space-scaled-s-gjhvjd);
@@ -1120,7 +1132,7 @@ body {
   --space-scaled-xxxl-70ei3i:var(--space-xxl-q0lyvp);
   --space-alert-vertical-7hsinh:var(--space-scaled-s-gjhvjd);
   --space-button-modal-dismiss-vertical-yopl9m:var(--space-scaled-xxs-jatbiv);
-  --space-card-vertical-nzlc5t:var(--space-scaled-l-66n9sr);
+  --space-card-vertical-default-wltzyi:var(--space-scaled-l-66n9sr);
   --space-container-content-top-8fvzh2:var(--space-scaled-m-sw9kcx);
   --space-container-header-top-3cfni8:var(--space-scaled-s-gjhvjd);
   --space-container-header-bottom-rbnprk:var(--space-scaled-s-gjhvjd);
@@ -1301,6 +1313,7 @@ body {
   --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
   --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
   --color-background-code-editor-loading-nj9xm5:var(--color-background-code-editor-status-bar-hv1hb6);
+  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
   --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
   --color-background-layout-mobile-panel-20j5lz:var(--color-background-layout-panel-content-9tbx75);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
@@ -1324,6 +1337,8 @@ body {
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
   --color-border-button-normal-active-soiq8b:var(--color-border-button-normal-default-5aez2l);
   --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-border-item-focused-r5f6xl);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
+  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
   --color-border-container-divider-0lh379:var(--color-border-divider-default-ipvpev);
   --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
   --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
@@ -1400,6 +1415,7 @@ body {
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
   --color-border-calendar-grid-zrkvhb:var(--color-border-dropdown-item-default-uslwbi);
   --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-border-item-focused-r5f6xl);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-container-divider-0lh379:var(--color-border-divider-default-ipvpev);
   --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
   --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
@@ -1453,6 +1469,7 @@ body {
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
   --color-border-calendar-grid-zrkvhb:var(--color-border-dropdown-item-default-uslwbi);
   --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-border-item-focused-r5f6xl);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-container-divider-0lh379:var(--color-border-divider-default-ipvpev);
   --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
   --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
@@ -1471,6 +1488,7 @@ body {
 .awsui-context-alert:not(#\9) {
   --color-border-divider-default-ipvpev:var(--color-text-button-normal-default-gl8uar);
   --color-border-calendar-grid-zrkvhb:var(--color-border-dropdown-item-default-uslwbi);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-container-divider-0lh379:var(--color-border-divider-default-ipvpev);
   --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
   --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
@@ -1730,6 +1748,7 @@ body {
   --border-table-sticky-width-o9kqes:1px;
   --border-link-focus-ring-outline-c5423y:0;
   --border-link-focus-ring-shadow-spread-woh62o:2px;
+  --border-width-card-xmgn65:var(--border-divider-section-width-sznrdy);
   --border-width-alert-5zfcv3:2px;
   --border-width-button-40y1n5:2px;
   --border-width-dropdown-qic2p4:2px;
@@ -1763,7 +1782,7 @@ body {
   --space-calendar-grid-focus-outline-gutter-e14r1f:-5px;
   --space-calendar-grid-selected-focus-outline-gutter-mo0w76:var(--space-calendar-grid-focus-outline-gutter-e14r1f);
   --space-calendar-grid-gutter-ma9rnc:6px;
-  --space-card-vertical-nzlc5t:var(--space-scaled-m-sw9kcx);
+  --space-card-vertical-default-wltzyi:var(--space-scaled-m-sw9kcx);
   --space-code-editor-status-focus-outline-gutter-w7mxq8:-7px;
   --space-container-content-top-8fvzh2:var(--space-xxs-jnczic);
   --space-container-header-top-3cfni8:var(--space-s-4a5hs8);
@@ -1794,6 +1813,7 @@ body {
   --space-table-header-horizontal-2rvxep:0px;
   --space-table-header-tools-bottom-b6lpr6:0px;
   --space-table-horizontal-xmv4qa:var(--space-container-horizontal-ipmk0e);
+  --shadow-card-x9dz93:none;
   --shadow-container-3fh0j3:0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
   --shadow-container-active-hawm65:0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a;
   --shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 7, 22, 0.10);
@@ -1890,6 +1910,8 @@ body {
   --color-border-code-editor-ace-active-line-light-theme-394jyv:var(--color-neutral-300-y8n3aq);
   --color-border-code-editor-ace-active-line-dark-theme-vv9lm5:var(--color-neutral-600-boivn8);
   --color-border-code-editor-default-gxnpsc:var(--color-neutral-300-y8n3aq);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
+  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
   --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
   --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
   --color-border-divider-secondary-4wvr5g:var(--color-neutral-250-hdfqdx);
@@ -1974,11 +1996,14 @@ body {
   --color-tree-view-connector-line-ao4t04:var(--color-neutral-500-h8gwav);
   --font-family-display-kvzztp:var(--font-family-base-8x5ngf);
   --font-family-heading-gnchto:var(--font-family-base-8x5ngf);
+  --border-radius-card-default-45b7vy:var(--border-radius-container-l30zxy);
+  --border-radius-card-embedded-gvuteo:var(--border-radius-chat-bubble-yzqw4v);
   --border-radius-dropdown-oaxffg:var(--border-radius-item-xggxkd);
   --border-radius-popover-emyrcc:var(--border-radius-input-4vr9on);
   --border-radius-tiles-5li9yd:var(--border-radius-input-4vr9on);
   --border-radius-token-8arsz0:var(--border-radius-input-4vr9on);
   --border-radius-tutorial-panel-item-9xcrp2:var(--border-radius-input-4vr9on);
+  --border-width-card-highlighted-izrkve:var(--border-item-width-acvlhx);
   --space-table-footer-horizontal-x9dbll:var(--space-table-header-horizontal-2rvxep);
 }
@@ -2164,7 +2189,7 @@ body {
 .awsui-visual-refresh .awsui-context-compact-table:not(#\9) {
   --space-alert-vertical-7hsinh:var(--space-flashbar-vertical-5421mt);
   --space-button-modal-dismiss-vertical-yopl9m:var(--space-scaled-xxxs-prgw5k);
-  --space-card-vertical-nzlc5t:var(--space-scaled-m-sw9kcx);
+  --space-card-vertical-default-wltzyi:var(--space-scaled-m-sw9kcx);
   --space-container-content-top-8fvzh2:var(--space-xxs-jnczic);
   --space-container-header-top-3cfni8:var(--space-s-4a5hs8);
   --space-container-header-bottom-rbnprk:var(--space-scaled-xs-sppte9);
@@ -2277,6 +2302,7 @@ body {
   --color-text-segment-active-q50mlg:var(--color-neutral-950-qehfms);
   --color-text-segment-default-a74tco:var(--color-neutral-300-y8n3aq);
   --color-text-status-info-xt2ka7:var(--color-info-400-bfbwcz);
+  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
   --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
   --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
@@ -2284,6 +2310,8 @@ body {
   --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
+  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
   --color-border-divider-panel-side-cxdqom:var(--color-border-divider-default-ipvpev);
   --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
   --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
@@ -2447,6 +2475,7 @@ body {
   --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
   --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
   --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
+  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
   --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
@@ -2470,6 +2499,8 @@ body {
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
   --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
   --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
+  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
   --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
   --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -2691,6 +2722,7 @@ body {
   --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
   --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
   --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
+  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
   --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
@@ -2710,6 +2742,8 @@ body {
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
   --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
   --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
+  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
   --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
   --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -2934,6 +2968,7 @@ body {
   --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
   --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
   --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
+  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
   --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
@@ -2953,6 +2988,8 @@ body {
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
   --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
   --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
+  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
   --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
   --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -3046,6 +3083,7 @@ body {
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
   --color-border-divider-panel-side-cxdqom:var(--color-border-divider-default-ipvpev);
   --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
@@ -3117,6 +3155,7 @@ body {
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
   --color-border-divider-panel-side-cxdqom:var(--color-border-divider-default-ipvpev);
   --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
@@ -3152,6 +3191,7 @@ body {
   --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
   --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-divider-default-ipvpev:var(--color-text-button-normal-default-gl8uar);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
   --color-border-divider-panel-side-cxdqom:var(--color-border-divider-default-ipvpev);
@@ -3182,6 +3222,7 @@ body {
   --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
   --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
   --color-border-divider-panel-side-cxdqom:var(--color-border-divider-default-ipvpev);
   --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
@@ -3355,6 +3396,7 @@ body {
   --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
   --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
   --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
+  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
   --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
@@ -3378,6 +3420,8 @@ body {
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
   --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
   --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
+  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
   --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
   --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -3586,6 +3630,7 @@ body {
   --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
   --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
   --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
+  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
   --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
@@ -3609,6 +3654,8 @@ body {
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
   --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
   --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
+  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
+  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
   --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
   --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -3818,5 +3865,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-1413288e: true;
+  --awsui-version-info-a1e1f5e7: true;
 }