@cloudscape-design/components 3.0.773 → 3.0.775

package/prompt-input/styles.scoped.css

@@ -139,124 +139,37 @@
 */
 /* 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_55fkh_1vvqx_142:not(#\9) {
-  border-collapse: separate;
-  border-spacing: 0;
-  box-sizing: border-box;
-  caption-side: top;
-  cursor: auto;
-  direction: inherit;
-  empty-cells: show;
-  font-family: serif;
-  font-size: medium;
-  font-style: normal;
-  font-variant: normal;
-  font-weight: 400;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
-  letter-spacing: normal;
-  list-style: disc outside none;
-  tab-size: 8;
-  text-align: start;
-  text-indent: 0;
-  text-shadow: none;
-  text-transform: none;
-  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-weight: 400;
-  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-  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);
-  cursor: text;
-  background-color: var(--color-background-input-default-u56ls1, #ffffff);
-  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
-  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
-}
-.awsui_root_55fkh_1vvqx_142.awsui_textarea-readonly_55fkh_1vvqx_184:not(#\9) {
-  background-color: var(--color-background-input-default-u56ls1, #ffffff);
-  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
-  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
-}
-.awsui_root_55fkh_1vvqx_142.awsui_disabled_55fkh_1vvqx_189:not(#\9) {
-  background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
-  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
-  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
-  color: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
-  cursor: auto;
-  cursor: default;
-}
-.awsui_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197: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-field-width-09w7vk, 2px)));
-  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
-}
-.awsui_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197: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_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197:not(#\9) {
-  padding-inline-start: 0;
-}
-.awsui_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197:not(#\9):focus-within, .awsui_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197:not(#\9):focus {
-  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-field-width-09w7vk, 2px)));
-  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
-}
-.awsui_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197:not(#\9):focus-within:focus, .awsui_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197:not(#\9):focus:focus {
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
-}
-.awsui_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197:not(#\9):focus-within, .awsui_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197:not(#\9):focus {
-  padding-inline-start: 0;
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
-}
-.awsui_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222: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-field-width-09w7vk, 2px)));
-  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
-}
-.awsui_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222: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_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222:not(#\9) {
-  padding-inline-start: 0;
-}
-.awsui_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222:not(#\9):focus-within, .awsui_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222:not(#\9):focus {
-  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-field-width-09w7vk, 2px)));
-  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
+.awsui_root_55fkh_1r4bl_142:not(#\9) {
+  position: relative;
 }
-.awsui_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222:not(#\9):focus-within:focus, .awsui_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222:not(#\9):focus:focus {
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
+.awsui_root_55fkh_1r4bl_142 > .awsui_button_55fkh_1r4bl_145:not(#\9) {
+  position: absolute;
+  inset-inline-end: var(--space-static-xxs-82cdfi, 4px);
+  inset-block-end: 0;
 }
-.awsui_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222:not(#\9):focus-within, .awsui_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222:not(#\9):focus {
-  padding-inline-start: 0;
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
+body[data-awsui-focus-visible=true] .awsui_root_55fkh_1r4bl_142 > .awsui_button_55fkh_1r4bl_145 > .awsui_action-button_55fkh_1r4bl_150:not(#\9):focus {
+  position: relative;
 }
-.awsui_root_55fkh_1vvqx_142:not(#\9):focus-within, .awsui_root_55fkh_1vvqx_142:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_root_55fkh_1r4bl_142 > .awsui_button_55fkh_1r4bl_145 > .awsui_action-button_55fkh_1r4bl_150:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
-  border-inline: var(--border-field-width-09w7vk, 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);
+  outline-offset: calc(calc((var(--space-xxxs-zbmxqb, 2px)) - 1px) - 1px);
+}
+body[data-awsui-focus-visible=true] .awsui_root_55fkh_1r4bl_142 > .awsui_button_55fkh_1r4bl_145 > .awsui_action-button_55fkh_1r4bl_150:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  inset-inline-start: calc(-1 * calc((var(--space-xxxs-zbmxqb, 2px)) - 1px));
+  inset-block-start: calc(-1 * calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px));
+  inline-size: calc(100% + calc((var(--space-xxxs-zbmxqb, 2px)) - 1px) + calc((var(--space-xxxs-zbmxqb, 2px)) - 1px));
+  block-size: calc(100% + calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px) + calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_textarea_55fkh_1vvqx_184:not(#\9) {
+.awsui_textarea_55fkh_1r4bl_172:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -290,16 +203,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  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);
-  font-size: var(--font-size-body-m-x4okxb, 14px);
-  line-height: var(--line-height-body-m-30ar75, 20px);
   resize: none;
   cursor: text;
   white-space: pre-wrap;
-  background-color: inherit;
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: var(--space-field-horizontal-gg19kw, 12px);
   color: var(--color-text-body-default-7v1jfn, #0f141a);
@@ -307,178 +213,76 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
   display: block;
   box-sizing: border-box;
-  border: 0;
+  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-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
+  border-inline: var(--border-field-width-09w7vk, 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);
 }
-.awsui_textarea_55fkh_1vvqx_184:not(#\9)::placeholder {
+.awsui_textarea_55fkh_1r4bl_172.awsui_textarea-readonly_55fkh_1r4bl_225:not(#\9) {
+  background-color: var(--color-background-input-default-u56ls1, #ffffff);
+  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
+  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
+}
+.awsui_textarea_55fkh_1r4bl_172:not(#\9)::placeholder {
   color: var(--color-text-input-placeholder-f3x213, #656871);
   font-style: italic;
   opacity: 1;
 }
-.awsui_textarea_55fkh_1vvqx_184:not(#\9):-ms-input-placeholder {
+.awsui_textarea_55fkh_1r4bl_172:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-f3x213, #656871);
   font-style: italic;
 }
-.awsui_textarea_55fkh_1vvqx_184:not(#\9):focus {
-  outline: none;
+.awsui_textarea_55fkh_1r4bl_172:not(#\9):focus {
+  outline: 2px dotted transparent;
+  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
+  border-inline: var(--border-field-width-09w7vk, 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);
 }
-.awsui_textarea_55fkh_1vvqx_184:not(#\9):invalid {
+.awsui_textarea_55fkh_1r4bl_172:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_55fkh_1vvqx_184.awsui_invalid_55fkh_1vvqx_325:not(#\9), .awsui_textarea_55fkh_1vvqx_184.awsui_warning_55fkh_1vvqx_325:not(#\9) {
-  padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
-}
-.awsui_textarea_55fkh_1vvqx_184:not(#\9):disabled {
+.awsui_textarea_55fkh_1r4bl_172:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
   border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
   border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
   color: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
   cursor: auto;
-  border: 0;
   cursor: default;
 }
-.awsui_textarea_55fkh_1vvqx_184:not(#\9):disabled::placeholder {
+.awsui_textarea_55fkh_1r4bl_172:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
   opacity: 1;
 }
-.awsui_textarea_55fkh_1vvqx_184:not(#\9):disabled:-ms-input-placeholder {
+.awsui_textarea_55fkh_1r4bl_172:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
 }
-.awsui_textarea-wrapper_55fkh_1vvqx_344:not(#\9) {
-  display: flex;
-}
-
-.awsui_button_55fkh_1vvqx_348:not(#\9) {
-  align-self: flex-end;
-  padding-inline: calc(var(--space-field-horizontal-gg19kw, 12px) / 2);
-  padding-block-end: var(--space-scaled-xxxs-27y4hv, 2px);
-}
-.awsui_button_55fkh_1vvqx_348 > .awsui_action-button_55fkh_1vvqx_353:not(#\9) {
-  padding: 0;
-}
-body[data-awsui-focus-visible=true] .awsui_button_55fkh_1vvqx_348 > .awsui_action-button_55fkh_1vvqx_353:not(#\9):focus {
-  position: relative;
-}
-body[data-awsui-focus-visible=true] .awsui_button_55fkh_1vvqx_348 > .awsui_action-button_55fkh_1vvqx_353:not(#\9):focus {
-  outline: 2px dotted transparent;
-  outline-offset: calc(calc((var(--space-xxxs-zbmxqb, 2px)) - 1px) - 1px);
-}
-body[data-awsui-focus-visible=true] .awsui_button_55fkh_1vvqx_348 > .awsui_action-button_55fkh_1vvqx_353:not(#\9):focus::before {
-  content: " ";
-  display: block;
-  position: absolute;
-  inset-inline-start: calc(-1 * calc((var(--space-xxxs-zbmxqb, 2px)) - 1px));
-  inset-block-start: calc(-1 * calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px));
-  inline-size: calc(100% + calc((var(--space-xxxs-zbmxqb, 2px)) - 1px) + calc((var(--space-xxxs-zbmxqb, 2px)) - 1px));
-  block-size: calc(100% + calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px) + calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
-}
-
-.awsui_secondary-content_55fkh_1vvqx_378:not(#\9) {
-  border-collapse: separate;
-  border-spacing: 0;
-  box-sizing: border-box;
-  caption-side: top;
-  cursor: auto;
-  direction: inherit;
-  empty-cells: show;
-  font-family: serif;
-  font-size: medium;
-  font-style: normal;
-  font-variant: normal;
-  font-weight: 400;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
-  letter-spacing: normal;
-  list-style: disc outside none;
-  tab-size: 8;
-  text-align: start;
-  text-indent: 0;
-  text-shadow: none;
-  text-transform: none;
-  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-weight: 400;
-  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-  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);
-}
-.awsui_secondary-content_55fkh_1vvqx_378.awsui_with-paddings_55fkh_1vvqx_416:not(#\9) {
-  padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
-  padding-block-end: var(--space-scaled-s-aqzyko, 12px);
-  padding-inline-start: var(--space-field-horizontal-gg19kw, 12px);
-  padding-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) / 2);
-}
-.awsui_secondary-content_55fkh_1vvqx_378.awsui_with-paddings_55fkh_1vvqx_416.awsui_invalid_55fkh_1vvqx_325:not(#\9), .awsui_secondary-content_55fkh_1vvqx_378.awsui_with-paddings_55fkh_1vvqx_416.awsui_warning_55fkh_1vvqx_325:not(#\9) {
+.awsui_textarea_55fkh_1r4bl_172.awsui_textarea-invalid_55fkh_1r4bl_267: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-field-width-09w7vk, 2px)));
+  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
 }
-
-.awsui_secondary-actions_55fkh_1vvqx_426:not(#\9) {
-  border-collapse: separate;
-  border-spacing: 0;
-  box-sizing: border-box;
-  caption-side: top;
-  cursor: auto;
-  direction: inherit;
-  empty-cells: show;
-  font-family: serif;
-  font-size: medium;
-  font-style: normal;
-  font-variant: normal;
-  font-weight: 400;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
-  letter-spacing: normal;
-  list-style: disc outside none;
-  tab-size: 8;
-  text-align: start;
-  text-indent: 0;
-  text-shadow: none;
-  text-transform: none;
-  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-weight: 400;
-  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-  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);
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
-}
-.awsui_secondary-actions_55fkh_1vvqx_426.awsui_with-paddings_55fkh_1vvqx_416:not(#\9) {
-  padding-inline-start: var(--space-field-horizontal-gg19kw, 12px);
-  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
-  padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
+.awsui_textarea_55fkh_1r4bl_172.awsui_textarea-invalid_55fkh_1r4bl_267: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_secondary-actions_55fkh_1vvqx_426.awsui_with-paddings_55fkh_1vvqx_416.awsui_invalid_55fkh_1vvqx_325:not(#\9), .awsui_secondary-actions_55fkh_1vvqx_426.awsui_with-paddings_55fkh_1vvqx_416.awsui_warning_55fkh_1vvqx_325:not(#\9) {
+.awsui_textarea_55fkh_1r4bl_172.awsui_textarea-warning_55fkh_1r4bl_276: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-field-width-09w7vk, 2px)));
+  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
 }
-.awsui_secondary-actions_55fkh_1vvqx_426.awsui_with-paddings_55fkh_1vvqx_416 > .awsui_button_55fkh_1vvqx_348:not(#\9) {
-  padding-block-end: 0;
+.awsui_textarea_55fkh_1r4bl_172.awsui_textarea-warning_55fkh_1r4bl_276: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_secondary-actions_55fkh_1vvqx_426 > .awsui_button_55fkh_1vvqx_348:not(#\9) {
-  padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
+.awsui_textarea_55fkh_1r4bl_172.awsui_textarea-with-button_55fkh_1r4bl_285:not(#\9) {
+  padding-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) + var(--space-static-xxs-82cdfi, 4px) + var(--size-icon-normal-0m1722, 16px));
 }

package/prompt-input/styles.selectors.js

@@ -2,19 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_55fkh_1vvqx_142",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_1vvqx_184",
-  "disabled": "awsui_disabled_55fkh_1vvqx_189",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_1vvqx_197",
-  "textarea-warning": "awsui_textarea-warning_55fkh_1vvqx_222",
-  "textarea": "awsui_textarea_55fkh_1vvqx_184",
-  "invalid": "awsui_invalid_55fkh_1vvqx_325",
-  "warning": "awsui_warning_55fkh_1vvqx_325",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_1vvqx_344",
-  "button": "awsui_button_55fkh_1vvqx_348",
-  "action-button": "awsui_action-button_55fkh_1vvqx_353",
-  "secondary-content": "awsui_secondary-content_55fkh_1vvqx_378",
-  "with-paddings": "awsui_with-paddings_55fkh_1vvqx_416",
-  "secondary-actions": "awsui_secondary-actions_55fkh_1vvqx_426"
+  "root": "awsui_root_55fkh_1r4bl_142",
+  "button": "awsui_button_55fkh_1r4bl_145",
+  "action-button": "awsui_action-button_55fkh_1r4bl_150",
+  "textarea": "awsui_textarea_55fkh_1r4bl_172",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_1r4bl_225",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_1r4bl_267",
+  "textarea-warning": "awsui_textarea-warning_55fkh_1r4bl_276",
+  "textarea-with-button": "awsui_textarea-with-button_55fkh_1r4bl_285"
 };
   

package/prompt-input/test-classes/styles.css.js

@@ -1,10 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_nr3gs_n93je_5",
-  "textarea": "awsui_textarea_nr3gs_n93je_9",
-  "action-button": "awsui_action-button_nr3gs_n93je_13",
-  "secondary-actions": "awsui_secondary-actions_nr3gs_n93je_17",
-  "secondary-content": "awsui_secondary-content_nr3gs_n93je_21"
+  "root": "awsui_root_nr3gs_1mr3y_5",
+  "textarea": "awsui_textarea_nr3gs_1mr3y_9",
+  "action-button": "awsui_action-button_nr3gs_1mr3y_13"
 };
   

package/prompt-input/test-classes/styles.scoped.css

@@ -2,22 +2,14 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_nr3gs_n93je_5:not(#\9) {
+.awsui_root_nr3gs_1mr3y_5:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_textarea_nr3gs_n93je_9:not(#\9) {
+.awsui_textarea_nr3gs_1mr3y_9:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-button_nr3gs_n93je_13:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_secondary-actions_nr3gs_n93je_17:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_secondary-content_nr3gs_n93je_21:not(#\9) {
+.awsui_action-button_nr3gs_1mr3y_13:not(#\9) {
   /* used in test-utils */
 }

package/prompt-input/test-classes/styles.selectors.js

@@ -2,10 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_nr3gs_n93je_5",
-  "textarea": "awsui_textarea_nr3gs_n93je_9",
-  "action-button": "awsui_action-button_nr3gs_n93je_13",
-  "secondary-actions": "awsui_secondary-actions_nr3gs_n93je_17",
-  "secondary-content": "awsui_secondary-content_nr3gs_n93je_21"
+  "root": "awsui_root_nr3gs_1mr3y_5",
+  "textarea": "awsui_textarea_nr3gs_1mr3y_9",
+  "action-button": "awsui_action-button_nr3gs_1mr3y_13"
 };
   

package/steps/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { StepsProps } from './interfaces';
+export { StepsProps };
+declare const Steps: ({ steps, ...props }: StepsProps) => JSX.Element;
+export default Steps;
+//# sourceMappingURL=index.d.ts.map

package/steps/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/steps/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,wBAAyB,UAAU,gBAM7C,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/steps/index.js

@@ -0,0 +1,19 @@
+import { __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import { getBaseProps } from '../internal/base-component';
+import useBaseComponent from '../internal/hooks/use-base-component';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import { getExternalProps } from '../internal/utils/external-props';
+import InternalSteps from './internal';
+const Steps = (_a) => {
+    var { steps } = _a, props = __rest(_a, ["steps"]);
+    const baseProps = getBaseProps(props);
+    const baseComponentProps = useBaseComponent('Steps');
+    const externalProps = getExternalProps(props);
+    return React.createElement(InternalSteps, Object.assign({}, baseProps, baseComponentProps, externalProps, { steps: steps }));
+};
+applyDisplayName(Steps, 'Steps');
+export default Steps;
+//# sourceMappingURL=index.js.map

package/steps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/steps/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,aAAa,MAAM,YAAY,CAAC;AAIvC,MAAM,KAAK,GAAG,CAAC,EAA+B,EAAE,EAAE;QAAnC,EAAE,KAAK,OAAwB,EAAnB,KAAK,cAAjB,SAAmB,CAAF;IAC9B,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrD,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,oBAAC,aAAa,oBAAK,SAAS,EAAM,kBAAkB,EAAM,aAAa,IAAE,KAAK,EAAE,KAAK,IAAI,CAAC;AACnG,CAAC,CAAC;AAEF,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { StepsProps } from './interfaces';\nimport InternalSteps from './internal';\n\nexport { StepsProps };\n\nconst Steps = ({ steps, ...props }: StepsProps) => {\n  const baseProps = getBaseProps(props);\n  const baseComponentProps = useBaseComponent('Steps');\n  const externalProps = getExternalProps(props);\n\n  return <InternalSteps {...baseProps} {...baseComponentProps} {...externalProps} steps={steps} />;\n};\n\napplyDisplayName(Steps, 'Steps');\nexport default Steps;\n"]}

package/steps/interfaces.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { BaseComponentProps } from '../internal/base-component';
+import { StatusIndicatorProps } from '../status-indicator/internal';
+export interface StepsProps extends BaseComponentProps {
+    /**
+     * An array of individual steps
+     *
+     * Each step definition has the following properties:
+     *  * `status` (string) - Status of the step corresponding to a status indicator.
+     *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.
+     *  * `header` (ReactNode) - Summary corresponding to the step.
+     *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.
+     */
+    steps: ReadonlyArray<StepsProps.Step>;
+    /**
+     * Provides an `aria-label` to the progress steps container.
+     * Don't use `ariaLabel` and `ariaLabelledby` at the same time.
+     */
+    ariaLabel?: string;
+    /**
+     * Sets the `aria-labelledby` property on the progress steps container.
+     * If there's a visible label element that you can reference, use this instead of `ariaLabel`.
+     * Don't use `ariaLabel` and `ariaLabelledby` at the same time.
+     */
+    ariaLabelledby?: string;
+    /**
+     * Sets the `aria-describedby` property on the progress steps container.
+     */
+    ariaDescribedby?: string;
+}
+export declare namespace StepsProps {
+    type Status = StatusIndicatorProps.Type;
+    interface Step {
+        status: Status;
+        statusIconAriaLabel?: string;
+        header: React.ReactNode;
+        details?: React.ReactNode;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/steps/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;OAQG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE/C,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;CACF"}

package/steps/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/steps/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { StatusIndicatorProps } from '../status-indicator/internal';\n\nexport interface StepsProps extends BaseComponentProps {\n  /**\n   * An array of individual steps\n   *\n   * Each step definition has the following properties:\n   *  * `status` (string) - Status of the step corresponding to a status indicator.\n   *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n   *  * `header` (ReactNode) - Summary corresponding to the step.\n   *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n   */\n  steps: ReadonlyArray<StepsProps.Step>;\n  /**\n   * Provides an `aria-label` to the progress steps container.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n  /**\n   * Sets the `aria-labelledby` property on the progress steps container.\n   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n  /**\n   * Sets the `aria-describedby` property on the progress steps container.\n   */\n  ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n  export type Status = StatusIndicatorProps.Type;\n\n  export interface Step {\n    status: Status;\n    statusIconAriaLabel?: string;\n    header: React.ReactNode;\n    details?: React.ReactNode;\n  }\n}\n"]}

package/steps/internal.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { SomeRequired } from '../internal/types';
+import { StepsProps } from './interfaces';
+type InternalStepsProps = SomeRequired<StepsProps, 'steps'> & InternalBaseComponentProps<HTMLDivElement>;
+export declare const InternalSteps: ({ steps, ariaLabel, ariaLabelledby, ariaDescribedby, __internalRootRef, ...props }: InternalStepsProps) => JSX.Element;
+export default InternalSteps;
+//# sourceMappingURL=internal.d.ts.map

package/steps/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/steps/internal.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,0BAA0B,CAAC,cAAc,CAAC,CAAC;AAgBzG,eAAO,MAAM,aAAa,uFAOvB,kBAAkB,gBAqBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/steps/internal.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import StatusIndicator from '../status-indicator/internal';
+import styles from './styles.css.js';
+const InternalStep = ({ status, statusIconAriaLabel, header, details }) => {
+    return (React.createElement("li", { className: styles.container },
+        React.createElement("div", { className: styles.header },
+            React.createElement(StatusIndicator, { type: status, iconAriaLabel: statusIconAriaLabel }, header)),
+        React.createElement("hr", { className: styles.connector, role: "none" }),
+        details && React.createElement("div", { className: styles.details }, details)));
+};
+export const InternalSteps = (_a) => {
+    var { steps, ariaLabel, ariaLabelledby, ariaDescribedby, __internalRootRef } = _a, props = __rest(_a, ["steps", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "__internalRootRef"]);
+    return (React.createElement("div", Object.assign({}, props, { className: clsx(styles.root, props.className), ref: __internalRootRef }),
+        React.createElement("ol", { className: styles.list, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby }, steps.map((step, index) => (React.createElement(InternalStep, { key: index, status: step.status, statusIconAriaLabel: step.statusIconAriaLabel, header: step.header, details: step.details }))))));
+};
+export default InternalSteps;
+//# sourceMappingURL=internal.js.map

package/steps/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/steps/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAG3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAmB,EAAE,EAAE;IACzF,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,SAAS;QAC7B,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;YAC3B,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,mBAAmB,IAC9D,MAAM,CACS,CACd;QACN,4BAAI,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,MAAM,GAAG;QAC9C,OAAO,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAO,CACxD,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAOT,EAAE,EAAE;QAPK,EAC5B,KAAK,EACL,SAAS,EACT,cAAc,EACd,eAAe,EACf,iBAAiB,OAEE,EADhB,KAAK,cANoB,gFAO7B,CADS;IAER,OAAO,CACL,6CAAS,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,iBAAiB;QACnF,4BACE,SAAS,EAAE,MAAM,CAAC,IAAI,gBACV,SAAS,qBACJ,cAAc,sBACb,eAAe,IAEhC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,oBAAC,YAAY,IACX,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,GACrB,CACH,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\nimport StatusIndicator from '../status-indicator/internal';\nimport { StepsProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalStepsProps = SomeRequired<StepsProps, 'steps'> & InternalBaseComponentProps<HTMLDivElement>;\n\nconst InternalStep = ({ status, statusIconAriaLabel, header, details }: StepsProps.Step) => {\n  return (\n    <li className={styles.container}>\n      <div className={styles.header}>\n        <StatusIndicator type={status} iconAriaLabel={statusIconAriaLabel}>\n          {header}\n        </StatusIndicator>\n      </div>\n      <hr className={styles.connector} role=\"none\" />\n      {details && <div className={styles.details}>{details}</div>}\n    </li>\n  );\n};\n\nexport const InternalSteps = ({\n  steps,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  __internalRootRef,\n  ...props\n}: InternalStepsProps) => {\n  return (\n    <div {...props} className={clsx(styles.root, props.className)} ref={__internalRootRef}>\n      <ol\n        className={styles.list}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedby}\n      >\n        {steps.map((step, index) => (\n          <InternalStep\n            key={index}\n            status={step.status}\n            statusIconAriaLabel={step.statusIconAriaLabel}\n            header={step.header}\n            details={step.details}\n          />\n        ))}\n      </ol>\n    </div>\n  );\n};\n\nexport default InternalSteps;\n"]}

package/steps/styles.css.js

@@ -0,0 +1,11 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_gxp9y_128ou_177",
+  "list": "awsui_list_gxp9y_128ou_211",
+  "container": "awsui_container_gxp9y_128ou_216",
+  "header": "awsui_header_gxp9y_128ou_221",
+  "details": "awsui_details_gxp9y_128ou_225",
+  "connector": "awsui_connector_gxp9y_128ou_231"
+};
+