npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1305 → 3.0.1307 - Mend

@cloudscape-design/components-themeable 3.0.1305 → 3.0.1307

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 (174) 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_sr97g_145:not(#\9) {
+.awsui_root_2rhyz_1v8xp_145:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
-.awsui_input_2rhyz_sr97g_149:not(#\9) {
+.awsui_input_2rhyz_1v8xp_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -178,177 +178,177 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   padding-block: var(--space-field-vertical-dgs6s0, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
-  color: var(--awsui-style-color-default-jsjyte, 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-jsjyte, 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-jsjyte, var(--color-border-input-default-txli8y, #687078));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-jsjyte, var(--color-border-input-default-txli8y, #687078));
-  box-shadow: var(--awsui-style-box-shadow-default-jsjyte);
+  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);
   min-block-size: var(--size-vertical-input-8gzd1t, 32px);
 }
-.awsui_input_2rhyz_sr97g_149:not(#\9):hover {
-  border-color: var(--awsui-style-border-color-hover-jsjyte, var(--awsui-style-border-color-default-jsjyte, var(--color-border-input-default-txli8y, #687078)));
-  color: var(--awsui-style-color-hover-jsjyte, var(--awsui-style-border-color-default-jsjyte, var(--color-text-body-default-5qid0u, #16191f)));
-  background-color: var(--awsui-style-background-hover-jsjyte, var(--awsui-style-background-default-jsjyte, var(--color-background-input-default-1z2buq, #ffffff)));
-  box-shadow: var(--awsui-style-box-shadow-hover-jsjyte, --awsui-style-box-shadow-default-jsjyte);
-}
-.awsui_input_2rhyz_sr97g_149.awsui_input-readonly_2rhyz_sr97g_203:not(#\9) {
-  background-color: var(--awsui-style-background-readonly-jsjyte, var(--awsui-style-background-default-jsjyte, var(--color-background-input-default-1z2buq, #ffffff)));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-jsjyte, var(--awsui-style-border-color-default-jsjyte, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-jsjyte, var(--awsui-style-border-color-default-jsjyte, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  color: var(--awsui-style-color-readonly-jsjyte, var(--awsui-style-color-default-jsjyte, var(--color-text-body-default-5qid0u, #16191f)));
-  box-shadow: var(--awsui-style-box-shadow-readonly-jsjyte);
-}
-.awsui_input_2rhyz_sr97g_149:not(#\9)::-webkit-input-placeholder {
-  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-hvcry0, #687078));
-  font-size: var(--awsui-style-placeholder-font-size-jsjyte);
-  font-style: var(--awsui-style-placeholder-font-style-jsjyte, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-jsjyte);
+.awsui_input_2rhyz_1v8xp_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_1v8xp_149.awsui_input-readonly_2rhyz_1v8xp_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_1v8xp_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_sr97g_149:not(#\9)::-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-hvcry0, #687078));
-  font-size: var(--awsui-style-placeholder-font-size-jsjyte);
-  font-style: var(--awsui-style-placeholder-font-style-jsjyte, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-jsjyte);
+.awsui_input_2rhyz_1v8xp_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_sr97g_149:not(#\9):-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-hvcry0, #687078));
-  font-size: var(--awsui-style-placeholder-font-size-jsjyte);
-  font-style: var(--awsui-style-placeholder-font-style-jsjyte, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-jsjyte);
+.awsui_input_2rhyz_1v8xp_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_sr97g_149:not(#\9):focus {
+.awsui_input_2rhyz_1v8xp_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-jsjyte, var(--color-border-input-focused-lslq4r, #0073bb));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-jsjyte, 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-jsjyte, 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-jsjyte, var(--color-text-body-default-5qid0u, #16191f));
-  background-color: var(--awsui-style-background-focus-jsjyte, var(--color-background-input-default-1z2buq, #ffffff));
-}
-.awsui_input_2rhyz_sr97g_149:not(#\9):disabled {
-  background-color: var(--awsui-style-background-disabled-jsjyte, var(--color-background-input-disabled-4vlau3, #eaeded));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-jsjyte, var(--color-border-input-disabled-tz38ro, #eaeded));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-jsjyte, var(--color-border-input-disabled-tz38ro, #eaeded));
-  color: var(--awsui-style-color-disabled-jsjyte, var(--color-text-input-disabled-y5t5v9, #879596));
+  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_1v8xp_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-jsjyte);
+  box-shadow: var(--awsui-style-box-shadow-disabled-6b9ypa);
 }
-.awsui_input_2rhyz_sr97g_149:not(#\9):disabled::-webkit-input-placeholder {
-  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
+.awsui_input_2rhyz_1v8xp_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_sr97g_149:not(#\9):disabled::-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
+.awsui_input_2rhyz_1v8xp_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_sr97g_149:not(#\9):disabled:-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
+.awsui_input_2rhyz_1v8xp_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_sr97g_149:not(#\9):invalid {
+.awsui_input_2rhyz_1v8xp_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_sr97g_149.awsui_input-invalid_2rhyz_sr97g_266:not(#\9) {
-  color: var(--awsui-style-color-default-jsjyte, var(--color-text-status-error-aknuvu, #d13212));
-  border-color: var(--awsui-style-border-color-default-jsjyte, var(--color-text-status-error-aknuvu, #d13212));
+.awsui_input_2rhyz_1v8xp_149.awsui_input-invalid_2rhyz_1v8xp_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_sr97g_149.awsui_input-invalid_2rhyz_sr97g_266:not(#\9):focus {
-  box-shadow: var(--awsui-style-box-shadow-focus-jsjyte, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_input_2rhyz_1v8xp_149.awsui_input-invalid_2rhyz_1v8xp_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_sr97g_149.awsui_input-invalid_2rhyz_sr97g_266.awsui_input-has-icon-left_2rhyz_sr97g_275:not(#\9) {
+.awsui_input_2rhyz_1v8xp_149.awsui_input-invalid_2rhyz_1v8xp_266.awsui_input-has-icon-left_2rhyz_1v8xp_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_sr97g_149.awsui_input-warning_2rhyz_sr97g_278:not(#\9) {
-  color: var(--awsui-style-color-default-jsjyte, var(--color-text-status-warning-9b45qh, #906806));
-  border-color: var(--awsui-style-border-color-default-jsjyte, var(--color-text-status-warning-9b45qh, #906806));
+.awsui_input_2rhyz_1v8xp_149.awsui_input-warning_2rhyz_1v8xp_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_sr97g_149.awsui_input-warning_2rhyz_sr97g_278:not(#\9):focus {
-  box-shadow: var(--awsui-style-box-shadow-focus-jsjyte, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_input_2rhyz_1v8xp_149.awsui_input-warning_2rhyz_1v8xp_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_sr97g_149.awsui_input-warning_2rhyz_sr97g_278.awsui_input-has-icon-left_2rhyz_sr97g_275:not(#\9) {
+.awsui_input_2rhyz_1v8xp_149.awsui_input-warning_2rhyz_1v8xp_278.awsui_input-has-icon-left_2rhyz_1v8xp_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_sr97g_149.awsui_input-type-search_2rhyz_sr97g_290:not(#\9) {
+.awsui_input_2rhyz_1v8xp_149.awsui_input-type-search_2rhyz_1v8xp_290:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_sr97g_149.awsui_input-type-search_2rhyz_sr97g_290:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_1v8xp_149.awsui_input-type-search_2rhyz_1v8xp_290:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_sr97g_149.awsui_input-type-search_2rhyz_sr97g_290:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_1v8xp_149.awsui_input-type-search_2rhyz_1v8xp_290:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_sr97g_149.awsui_input-has-icon-left_2rhyz_sr97g_275:not(#\9) {
+.awsui_input_2rhyz_1v8xp_149.awsui_input-has-icon-left_2rhyz_1v8xp_275:not(#\9) {
   padding-inline-start: var(--space-field-icon-offset-ihoxql, 32px);
 }
-.awsui_input_2rhyz_sr97g_149.awsui_input-has-icon-right_2rhyz_sr97g_303:not(#\9) {
+.awsui_input_2rhyz_1v8xp_149.awsui_input-has-icon-right_2rhyz_1v8xp_303:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ihoxql, 32px);
 }
-.awsui_input_2rhyz_sr97g_149.awsui_input-has-no-border-radius_2rhyz_sr97g_306:not(#\9) {
+.awsui_input_2rhyz_1v8xp_149.awsui_input-has-no-border-radius_2rhyz_1v8xp_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_sr97g_313:not(#\9) {
+.awsui_input-container_2rhyz_1v8xp_313:not(#\9) {
   display: flex;
   position: relative;
 }
-.awsui_input-icon-left_2rhyz_sr97g_318:not(#\9) {
+.awsui_input-icon-left_2rhyz_1v8xp_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_sr97g_325:not(#\9) {
+.awsui_input-icon-right_2rhyz_1v8xp_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_sr97g_331:not(#\9) {
+.awsui_input-button-right_2rhyz_1v8xp_331:not(#\9) {
   /* used in test-utils */
 }
-.awsui_inline-label-trigger-wrapper_2rhyz_sr97g_335:not(#\9) {
+.awsui_inline-label-trigger-wrapper_2rhyz_1v8xp_335:not(#\9) {
   margin-block-start: -7px;
 }
-.awsui_inline-label-trigger-wrapper-full-width_2rhyz_sr97g_338:not(#\9) {
+.awsui_inline-label-trigger-wrapper-full-width_2rhyz_1v8xp_338:not(#\9) {
   inline-size: 100%;
 }
-.awsui_inline-label-wrapper_2rhyz_sr97g_342:not(#\9) {
+.awsui_inline-label-wrapper_2rhyz_1v8xp_342:not(#\9) {
   margin-block-start: calc(var(--space-scaled-xs-sppte9, 8px) * -1);
 }
-.awsui_inline-label-wrapper-full-width_2rhyz_sr97g_345:not(#\9) {
+.awsui_inline-label-wrapper-full-width_2rhyz_1v8xp_345:not(#\9) {
   inline-size: 100%;
 }
-.awsui_inline-label_2rhyz_sr97g_335:not(#\9) {
+.awsui_inline-label_2rhyz_1v8xp_335:not(#\9) {
   background: linear-gradient(to bottom, var(--color-background-layout-main-05m5y6, #f2f3f3), var(--color-background-input-default-1z2buq, #ffffff));
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;

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

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_sr97g_145",
-  "input": "awsui_input_2rhyz_sr97g_149",
-  "input-readonly": "awsui_input-readonly_2rhyz_sr97g_203",
-  "input-invalid": "awsui_input-invalid_2rhyz_sr97g_266",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_sr97g_275",
-  "input-warning": "awsui_input-warning_2rhyz_sr97g_278",
-  "input-type-search": "awsui_input-type-search_2rhyz_sr97g_290",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_sr97g_303",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_sr97g_306",
-  "input-container": "awsui_input-container_2rhyz_sr97g_313",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_sr97g_318",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_sr97g_325",
-  "input-button-right": "awsui_input-button-right_2rhyz_sr97g_331",
-  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_sr97g_335",
-  "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_sr97g_338",
-  "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_sr97g_342",
-  "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_sr97g_345",
-  "inline-label": "awsui_inline-label_2rhyz_sr97g_335"
+  "root": "awsui_root_2rhyz_1v8xp_145",
+  "input": "awsui_input_2rhyz_1v8xp_149",
+  "input-readonly": "awsui_input-readonly_2rhyz_1v8xp_203",
+  "input-invalid": "awsui_input-invalid_2rhyz_1v8xp_266",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1v8xp_275",
+  "input-warning": "awsui_input-warning_2rhyz_1v8xp_278",
+  "input-type-search": "awsui_input-type-search_2rhyz_1v8xp_290",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1v8xp_303",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1v8xp_306",
+  "input-container": "awsui_input-container_2rhyz_1v8xp_313",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1v8xp_318",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1v8xp_325",
+  "input-button-right": "awsui_input-button-right_2rhyz_1v8xp_331",
+  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_1v8xp_335",
+  "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_1v8xp_338",
+  "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_1v8xp_342",
+  "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_1v8xp_345",
+  "inline-label": "awsui_inline-label_2rhyz_1v8xp_335"
 };

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

@@ -6,7 +6,7 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-@layer cloudscape-base-theme {
+@layer awsui-base-theme {
   body {
     --color-primary-50-k00bx1:#f1faff;
     --color-primary-100-q83uqo:#d1f1ff;
@@ -252,6 +252,7 @@
     --color-background-button-normal-disabled-rd09ns:var(--color-white-jf0w15);
     --color-background-button-normal-hover-r7x40d:var(--color-neutral-100-wbgy1o);
     --color-background-toggle-button-normal-pressed-mt5i6m:var(--color-neutral-250-hdfqdx);
+    --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-button-primary-active-78nndc:var(--color-primary-1000-gaqvjz);
     --color-background-button-primary-default-3w82vy:var(--color-primary-600-be1v6a);
     --color-background-button-primary-disabled-1tc1nl:var(--color-white-jf0w15);
@@ -451,6 +452,7 @@
     --color-text-button-primary-default-p4hpbt:var(--color-white-jf0w15);
     --color-text-button-primary-hover-aa75h0:var(--color-white-jf0w15);
     --color-text-calendar-date-hover-79yvmk:var(--color-text-dropdown-item-highlighted-bchk26);
+    --color-text-calendar-date-selected-tuncoe:var(--color-background-control-default-wjdczs);
     --color-text-calendar-month-vdrhy9:var(--color-text-body-secondary-gaft81);
     --color-text-code-editor-gutter-active-line-5kw04r:var(--color-white-jf0w15);
     --color-text-code-editor-gutter-default-40mafk:var(--color-neutral-950-qehfms);
@@ -685,16 +687,15 @@
     --border-width-card-selected-8fhyq1:var(--border-item-width-acvlhx);
     --border-width-dropdown-qic2p4:1px;
     --border-width-field-9k1tdz:1px;
-    --border-width-popover-dgqo1x:1px;
-    --border-width-token-cwl2sl:1px;
-    --border-width-icon-x-small-ffpus7:1.5px;
-    --border-width-icon-small-vdkeni:2px;
-    --border-width-icon-normal-yqojud:2px;
-    --border-width-icon-medium-hkvbnl:2px;
     --border-width-icon-big-bbcgm5:3px;
     --border-width-icon-large-d362l9:4px;
+    --border-width-icon-medium-hkvbnl:2px;
+    --border-width-icon-normal-yqojud:2px;
+    --border-width-icon-small-vdkeni:2px;
     --border-width-item-card-qzwn4s:var(--border-width-card-xmgn65);
     --border-width-item-selected-7rbija:var(--border-item-width-acvlhx);
+    --border-width-popover-dgqo1x:1px;
+    --border-width-token-cwl2sl:1px;
     --motion-duration-extra-slow-j8l6m4:270ms;
     --motion-duration-fast-okdxjh:90ms;
     --motion-duration-moderate-24bai8:135ms;
@@ -738,7 +739,6 @@
     --size-icon-large-gj7xfw:48px;
     --size-icon-medium-3ovt3t:16px;
     --size-icon-normal-2f5zkr:16px;
-    --size-icon-x-small-719lnc:12px;
     --size-table-selection-horizontal-udsu00:54px;
     --size-vertical-input-8gzd1t:32px;
     --size-vertical-panel-icon-offset-1tiizm:15px;
@@ -1448,6 +1448,7 @@
     --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
+    --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --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);
@@ -1513,6 +1514,7 @@
     --color-text-button-link-disabled-osbsj3:var(--color-text-interactive-disabled-xwt2jl);
     --color-text-button-link-hover-s1jery:var(--color-text-button-normal-hover-tksuqp);
     --color-text-calendar-date-hover-79yvmk:var(--color-text-dropdown-item-highlighted-bchk26);
+    --color-text-calendar-date-selected-tuncoe:var(--color-background-control-default-wjdczs);
     --color-text-calendar-month-vdrhy9:var(--color-text-body-secondary-gaft81);
     --color-text-control-disabled-elhk0e:var(--color-text-interactive-disabled-xwt2jl);
     --color-text-dropdown-footer-l9h47o:var(--color-text-form-secondary-4sp9un);
@@ -1563,6 +1565,7 @@
     --color-text-link-hover-pqxtsy:var(--color-white-jf0w15);
     --color-text-tutorial-hotspot-default-ql4c5o:var(--color-neutral-300-y8n3aq);
     --color-text-tutorial-hotspot-hover-baiupp:var(--color-neutral-100-wbgy1o);
+    --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --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-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
@@ -1625,6 +1628,7 @@
     --color-text-notification-default-fmebm4:var(--color-text-notification-yellow-g3zcoy);
     --color-text-tutorial-hotspot-default-ql4c5o:var(--color-neutral-600-boivn8);
     --color-text-tutorial-hotspot-hover-baiupp:var(--color-neutral-900-o3oyxe);
+    --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --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-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
@@ -1898,9 +1902,9 @@
     --border-width-button-40y1n5:2px;
     --border-width-card-xmgn65:var(--border-divider-section-width-sznrdy);
     --border-width-dropdown-qic2p4:2px;
+    --border-width-item-selected-7rbija:2px;
     --border-width-popover-dgqo1x:2px;
     --border-width-token-cwl2sl:2px;
-    --border-width-item-selected-7rbija:2px;
     --motion-duration-refresh-only-fast-v9rk6z:115ms;
     --motion-duration-refresh-only-medium-h3wrr6:165ms;
     --motion-duration-refresh-only-slow-zil3nj:250ms;
@@ -2496,6 +2500,7 @@
     --color-text-segment-default-a74tco:var(--color-neutral-300-y8n3aq);
     --color-text-status-info-xt2ka7:var(--color-info-400-bfbwcz);
     --color-background-action-card-disabled-f0sl41:var(--color-neutral-850-m3u7h5);
+    --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
     --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
     --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
@@ -2687,6 +2692,7 @@
     --color-icon-action-card-default-g1tv20:var(--color-primary-400-i8y8uk);
     --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
+    --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --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);
@@ -2965,6 +2971,7 @@
     --shadow-sticky-embedded-ficuhd:0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1);
     --shadow-sticky-column-first-vya346:0px 4px 8px 1px rgba(0, 7, 22, 0.5);
     --shadow-sticky-column-last-02l85g:0px 4px 8px 1px rgba(0, 7, 22, 0.5);
+    --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --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);
@@ -3033,6 +3040,7 @@
     --color-text-button-link-disabled-osbsj3:var(--color-text-interactive-disabled-xwt2jl);
     --color-text-button-link-hover-s1jery:var(--color-text-button-normal-hover-tksuqp);
     --color-text-calendar-date-hover-79yvmk:var(--color-text-dropdown-item-default-a6mvc9);
+    --color-text-calendar-date-selected-tuncoe:var(--color-background-control-default-wjdczs);
     --color-text-column-sorting-icon-gys874:var(--color-text-column-header-hm90p0);
     --color-text-control-disabled-elhk0e:var(--color-text-interactive-disabled-xwt2jl);
     --color-text-dropdown-footer-l9h47o:var(--color-text-form-secondary-4sp9un);
@@ -3228,6 +3236,7 @@
     --color-text-expandable-section-default-7zwicj:var(--color-text-button-normal-default-gl8uar);
     --color-text-expandable-section-hover-8k6nu3:var(--color-text-button-normal-hover-tksuqp);
     --font-expandable-heading-size-vrupwx:14px;
+    --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --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);
@@ -3264,6 +3273,7 @@
     --color-text-expandable-section-default-7zwicj:var(--color-text-button-normal-default-gl8uar);
     --color-text-expandable-section-hover-8k6nu3:var(--color-text-button-normal-hover-tksuqp);
     --font-expandable-heading-size-vrupwx:14px;
+    --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --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);
@@ -3457,6 +3467,7 @@
     --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
+    --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --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);
@@ -3527,6 +3538,7 @@
     --color-text-button-link-disabled-osbsj3:var(--color-text-interactive-disabled-xwt2jl);
     --color-text-button-link-hover-s1jery:var(--color-text-button-normal-hover-tksuqp);
     --color-text-calendar-date-hover-79yvmk:var(--color-text-dropdown-item-default-a6mvc9);
+    --color-text-calendar-date-selected-tuncoe:var(--color-background-control-default-wjdczs);
     --color-text-column-sorting-icon-gys874:var(--color-text-column-header-hm90p0);
     --color-text-control-disabled-elhk0e:var(--color-text-interactive-disabled-xwt2jl);
     --color-text-dropdown-footer-l9h47o:var(--color-text-form-secondary-4sp9un);
@@ -3714,5 +3726,5 @@
   }
 }
 :root {
-  --awsui-version-info-beb6f0a4: true;
+  --awsui-version-info-5ca6b745: true;
 }

package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js CHANGED Viewed

@@ -1,35 +1,35 @@
     import './styles.scoped.css';
     export default {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1jjv0_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1jjv0_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1jjv0_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1jjv0_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1jjv0_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1jjv0_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1jjv0_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1jjv0_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1jjv0_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1jjv0_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1jjv0_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1jjv0_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1jjv0_248",
-  "contents": "awsui_contents_155yk_1jjv0_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_1jjv0_263",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1jjv0_271",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1jjv0_275",
-  "drag-handle": "awsui_drag-handle_155yk_1jjv0_279",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1jjv0_292",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1jjv0_316",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1jjv0_320",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1jjv0_324",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1jjv0_328",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1jjv0_332",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1jjv0_336",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1jjv0_340",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1jjv0_344",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1jjv0_348",
-  "direction-button": "awsui_direction-button_155yk_1jjv0_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1jjv0_371"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1uvts_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1uvts_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1uvts_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1uvts_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1uvts_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1uvts_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1uvts_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1uvts_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1uvts_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1uvts_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1uvts_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1uvts_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1uvts_248",
+  "contents": "awsui_contents_155yk_1uvts_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_1uvts_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1uvts_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1uvts_275",
+  "drag-handle": "awsui_drag-handle_155yk_1uvts_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1uvts_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1uvts_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1uvts_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1uvts_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1uvts_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1uvts_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1uvts_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1uvts_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1uvts_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1uvts_348",
+  "direction-button": "awsui_direction-button_155yk_1uvts_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1uvts_371"
 };