@cloudscape-design/components 3.0.950 → 3.0.952

package/input/styles.scoped.css

@@ -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_1v4bv_145:not(#\9) {
+.awsui_root_2rhyz_uz5yt_145:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
 
-.awsui_input_2rhyz_1v4bv_149:not(#\9) {
+.awsui_input_2rhyz_uz5yt_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -170,164 +170,164 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-x4okxb, 14px);
-  line-height: var(--line-height-body-m-30ar75, 20px);
-  color: var(--color-text-body-default-7v1jfn, #0f141a);
+  font-size: var(--font-size-body-m-a7nh2n, 14px);
+  line-height: var(--line-height-body-m-2mh3ke, 20px);
+  color: var(--color-text-body-default-3mljql, #0f141a);
   font-weight: 400;
-  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  padding-block: var(--space-scaled-xxs-7597g1, 4px);
-  padding-inline: var(--space-field-horizontal-gg19kw, 12px);
-  color: var(--color-text-body-default-7v1jfn, #0f141a);
+  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
+  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
+  color: var(--color-text-body-default-3mljql, #0f141a);
   inline-size: 100%;
   cursor: text;
   box-sizing: border-box;
-  background-color: var(--color-background-input-default-u56ls1, #ffffff);
-  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
-  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
-  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
-  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
-  border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
-  border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
-  font-size: var(--font-size-body-m-x4okxb, 14px);
-  line-height: var(--line-height-body-m-30ar75, 20px);
-  block-size: var(--size-vertical-input-v5iwwf, 32px);
+  background-color: var(--color-background-input-default-bz9w07, #ffffff);
+  border-start-start-radius: var(--border-radius-input-7q0str, 8px);
+  border-start-end-radius: var(--border-radius-input-7q0str, 8px);
+  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
+  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-f3bzwh, #8c8c94);
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-f3bzwh, #8c8c94);
+  font-size: var(--font-size-body-m-a7nh2n, 14px);
+  line-height: var(--line-height-body-m-2mh3ke, 20px);
+  block-size: var(--size-vertical-input-p1d7xx, 32px);
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-readonly_2rhyz_1v4bv_196:not(#\9) {
-  background-color: var(--color-background-input-default-u56ls1, #ffffff);
-  border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
-  border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
+.awsui_input_2rhyz_uz5yt_149.awsui_input-readonly_2rhyz_uz5yt_196:not(#\9) {
+  background-color: var(--color-background-input-default-bz9w07, #ffffff);
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-k518xl, #ebebf0);
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-k518xl, #ebebf0);
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9)::-webkit-input-placeholder {
-  color: var(--color-text-input-placeholder-f3x213, #656871);
+.awsui_input_2rhyz_uz5yt_149:not(#\9)::-webkit-input-placeholder {
+  color: var(--color-text-input-placeholder-i4i8dv, #656871);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9)::-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-f3x213, #656871);
+.awsui_input_2rhyz_uz5yt_149:not(#\9)::-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-i4i8dv, #656871);
   font-style: italic;
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9)::-moz-placeholder {
-  color: var(--color-text-input-placeholder-f3x213, #656871);
+.awsui_input_2rhyz_uz5yt_149:not(#\9)::-moz-placeholder {
+  color: var(--color-text-input-placeholder-i4i8dv, #656871);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9):-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-f3x213, #656871);
+.awsui_input_2rhyz_uz5yt_149:not(#\9):-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-i4i8dv, #656871);
   font-style: italic;
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9):-moz-placeholder {
-  color: var(--color-text-input-placeholder-f3x213, #656871);
+.awsui_input_2rhyz_uz5yt_149:not(#\9):-moz-placeholder {
+  color: var(--color-text-input-placeholder-i4i8dv, #656871);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9):focus {
+.awsui_input_2rhyz_uz5yt_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
-  border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
-  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
-  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
-  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
-  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-9bkrxq, #006ce0);
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-9bkrxq, #006ce0);
+  border-start-start-radius: var(--border-radius-input-7q0str, 8px);
+  border-start-end-radius: var(--border-radius-input-7q0str, 8px);
+  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
+  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-8bi903, #006ce0);
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled {
-  background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
-  border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
-  border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
-  color: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
+.awsui_input_2rhyz_uz5yt_149:not(#\9):disabled {
+  background-color: var(--color-background-input-disabled-cecgeg, #ebebf0);
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-k518xl, #ebebf0);
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-k518xl, #ebebf0);
+  color: var(--color-text-input-disabled-as3mmb, #b4b4bb);
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled::-webkit-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
+.awsui_input_2rhyz_uz5yt_149:not(#\9):disabled::-webkit-input-placeholder {
+  color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled::-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
+.awsui_input_2rhyz_uz5yt_149:not(#\9):disabled::-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled::-moz-placeholder {
-  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
+.awsui_input_2rhyz_uz5yt_149:not(#\9):disabled::-moz-placeholder {
+  color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
   opacity: 1;
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled:-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
+.awsui_input_2rhyz_uz5yt_149:not(#\9):disabled:-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled:-moz-placeholder {
-  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
+.awsui_input_2rhyz_uz5yt_149:not(#\9):disabled:-moz-placeholder {
+  color: var(--color-text-input-placeholder-disabled-9zawsz, #b4b4bb);
   opacity: 1;
 }
-.awsui_input_2rhyz_1v4bv_149:not(#\9):invalid {
+.awsui_input_2rhyz_uz5yt_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-invalid_2rhyz_1v4bv_263:not(#\9) {
-  color: var(--color-text-status-error-5676bj, #db0000);
-  border-color: var(--color-text-status-error-5676bj, #db0000);
-  padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
-  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
+.awsui_input_2rhyz_uz5yt_149.awsui_input-invalid_2rhyz_uz5yt_263:not(#\9) {
+  color: var(--color-text-status-error-57bfn2, #db0000);
+  border-color: var(--color-text-status-error-57bfn2, #db0000);
+  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
+  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-invalid_2rhyz_1v4bv_263:not(#\9):focus {
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
+.awsui_input_2rhyz_uz5yt_149.awsui_input-invalid_2rhyz_uz5yt_263:not(#\9):focus {
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-8bi903, #006ce0);
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-invalid_2rhyz_1v4bv_263.awsui_input-has-icon-left_2rhyz_1v4bv_272:not(#\9) {
-  padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
+.awsui_input_2rhyz_uz5yt_149.awsui_input-invalid_2rhyz_uz5yt_263.awsui_input-has-icon-left_2rhyz_uz5yt_272:not(#\9) {
+  padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-warning_2rhyz_1v4bv_275:not(#\9) {
-  color: var(--color-text-status-warning-csaw41, #855900);
-  border-color: var(--color-text-status-warning-csaw41, #855900);
-  padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
-  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
+.awsui_input_2rhyz_uz5yt_149.awsui_input-warning_2rhyz_uz5yt_275:not(#\9) {
+  color: var(--color-text-status-warning-fa077b, #855900);
+  border-color: var(--color-text-status-warning-fa077b, #855900);
+  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
+  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-warning_2rhyz_1v4bv_275:not(#\9):focus {
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
+.awsui_input_2rhyz_uz5yt_149.awsui_input-warning_2rhyz_uz5yt_275:not(#\9):focus {
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-8bi903, #006ce0);
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-warning_2rhyz_1v4bv_275.awsui_input-has-icon-left_2rhyz_1v4bv_272:not(#\9) {
-  padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
+.awsui_input_2rhyz_uz5yt_149.awsui_input-warning_2rhyz_uz5yt_275.awsui_input-has-icon-left_2rhyz_uz5yt_272:not(#\9) {
+  padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-type-search_2rhyz_1v4bv_287:not(#\9) {
+.awsui_input_2rhyz_uz5yt_149.awsui_input-type-search_2rhyz_uz5yt_287:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-type-search_2rhyz_1v4bv_287:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_uz5yt_149.awsui_input-type-search_2rhyz_uz5yt_287:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-type-search_2rhyz_1v4bv_287:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_uz5yt_149.awsui_input-type-search_2rhyz_uz5yt_287:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-has-icon-left_2rhyz_1v4bv_272:not(#\9) {
-  padding-inline-start: var(--space-field-icon-offset-csk9vw, 36px);
+.awsui_input_2rhyz_uz5yt_149.awsui_input-has-icon-left_2rhyz_uz5yt_272:not(#\9) {
+  padding-inline-start: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-has-icon-right_2rhyz_1v4bv_300:not(#\9) {
-  padding-inline-end: var(--space-field-icon-offset-csk9vw, 36px);
+.awsui_input_2rhyz_uz5yt_149.awsui_input-has-icon-right_2rhyz_uz5yt_300:not(#\9) {
+  padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_input_2rhyz_1v4bv_149.awsui_input-has-no-border-radius_2rhyz_1v4bv_303:not(#\9) {
-  border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
-  border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
-  border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
-  border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
+.awsui_input_2rhyz_uz5yt_149.awsui_input-has-no-border-radius_2rhyz_uz5yt_303:not(#\9) {
+  border-start-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
+  border-start-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
+  border-end-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
+  border-end-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
 }
 
-.awsui_input-container_2rhyz_1v4bv_310:not(#\9) {
+.awsui_input-container_2rhyz_uz5yt_310:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_input-icon-left_2rhyz_1v4bv_315:not(#\9) {
+.awsui_input-icon-left_2rhyz_uz5yt_315:not(#\9) {
   position: absolute;
   pointer-events: none;
-  inset-inline-start: var(--space-field-horizontal-gg19kw, 12px);
-  inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
+  inset-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
+  inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2);
 }
 
-.awsui_input-icon-right_2rhyz_1v4bv_322:not(#\9) {
+.awsui_input-icon-right_2rhyz_uz5yt_322:not(#\9) {
   position: absolute;
-  inset-block-start: calc(calc(50% - var(--line-height-body-m-30ar75, 20px) / 2) - var(--space-xxxs-zbmxqb, 2px));
-  inset-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) - var(--space-xxs-p8yyaw, 4px));
+  inset-block-start: calc(calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2) - var(--space-xxxs-pajhad, 2px));
+  inset-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) - var(--space-xxs-hwfkai, 4px));
 }
 
-.awsui_input-button-right_2rhyz_1v4bv_328:not(#\9) {
+.awsui_input-button-right_2rhyz_uz5yt_328:not(#\9) {
   /* used in test-utils */
 }

package/input/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_1v4bv_145",
-  "input": "awsui_input_2rhyz_1v4bv_149",
-  "input-readonly": "awsui_input-readonly_2rhyz_1v4bv_196",
-  "input-invalid": "awsui_input-invalid_2rhyz_1v4bv_263",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1v4bv_272",
-  "input-warning": "awsui_input-warning_2rhyz_1v4bv_275",
-  "input-type-search": "awsui_input-type-search_2rhyz_1v4bv_287",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1v4bv_300",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1v4bv_303",
-  "input-container": "awsui_input-container_2rhyz_1v4bv_310",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_1v4bv_315",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_1v4bv_322",
-  "input-button-right": "awsui_input-button-right_2rhyz_1v4bv_328"
+  "root": "awsui_root_2rhyz_uz5yt_145",
+  "input": "awsui_input_2rhyz_uz5yt_149",
+  "input-readonly": "awsui_input-readonly_2rhyz_uz5yt_196",
+  "input-invalid": "awsui_input-invalid_2rhyz_uz5yt_263",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_uz5yt_272",
+  "input-warning": "awsui_input-warning_2rhyz_uz5yt_275",
+  "input-type-search": "awsui_input-type-search_2rhyz_uz5yt_287",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_uz5yt_300",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_uz5yt_303",
+  "input-container": "awsui_input-container_2rhyz_uz5yt_310",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_uz5yt_315",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_uz5yt_322",
+  "input-button-right": "awsui_input-button-right_2rhyz_uz5yt_328"
 };