@cloudscape-design/components 3.0.771 → 3.0.772

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 (23) hide show
  1. package/internal/environment.js +1 -1
  2. package/internal/environment.json +1 -1
  3. package/internal/manifest.json +1 -1
  4. package/package.json +1 -1
  5. package/prompt-input/interfaces.d.ts +16 -0
  6. package/prompt-input/interfaces.d.ts.map +1 -1
  7. package/prompt-input/interfaces.js.map +1 -1
  8. package/prompt-input/internal.d.ts.map +1 -1
  9. package/prompt-input/internal.js +28 -11
  10. package/prompt-input/internal.js.map +1 -1
  11. package/prompt-input/styles.css.js +14 -8
  12. package/prompt-input/styles.scoped.css +264 -68
  13. package/prompt-input/styles.selectors.js +14 -8
  14. package/prompt-input/test-classes/styles.css.js +5 -3
  15. package/prompt-input/test-classes/styles.scoped.css +11 -3
  16. package/prompt-input/test-classes/styles.selectors.js +5 -3
  17. package/test-utils/dom/prompt-input/index.d.ts +2 -0
  18. package/test-utils/dom/prompt-input/index.js +6 -0
  19. package/test-utils/dom/prompt-input/index.js.map +1 -1
  20. package/test-utils/selectors/prompt-input/index.d.ts +2 -0
  21. package/test-utils/selectors/prompt-input/index.js +6 -0
  22. package/test-utils/selectors/prompt-input/index.js.map +1 -1
  23. package/test-utils/tsconfig.tsbuildinfo +1 -1
package/prompt-input/styles.scoped.css CHANGED
@@ -139,37 +139,124 @@
139
139
  */
140
140
  /* Style used for links in slots/components that are text heavy, to help links stand out among
141
141
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
142
- .awsui_root_55fkh_1r4bl_142:not(#\9) {
143
- position: relative;
142
+ .awsui_root_55fkh_1vvqx_142:not(#\9) {
143
+ border-collapse: separate;
144
+ border-spacing: 0;
145
+ box-sizing: border-box;
146
+ caption-side: top;
147
+ cursor: auto;
148
+ direction: inherit;
149
+ empty-cells: show;
150
+ font-family: serif;
151
+ font-size: medium;
152
+ font-style: normal;
153
+ font-variant: normal;
154
+ font-weight: 400;
155
+ font-stretch: normal;
156
+ line-height: normal;
157
+ -webkit-hyphens: none;
158
+ hyphens: none;
159
+ letter-spacing: normal;
160
+ list-style: disc outside none;
161
+ tab-size: 8;
162
+ text-align: start;
163
+ text-indent: 0;
164
+ text-shadow: none;
165
+ text-transform: none;
166
+ visibility: visible;
167
+ white-space: normal;
168
+ word-spacing: normal;
169
+ font-size: var(--font-size-body-m-x4okxb, 14px);
170
+ line-height: var(--line-height-body-m-30ar75, 20px);
171
+ color: var(--color-text-body-default-7v1jfn, #0f141a);
172
+ font-weight: 400;
173
+ font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
174
+ -webkit-font-smoothing: auto;
175
+ -moz-osx-font-smoothing: auto;
176
+ border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
177
+ border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
178
+ border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
179
+ border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
180
+ cursor: text;
181
+ background-color: var(--color-background-input-default-u56ls1, #ffffff);
182
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
183
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
144
184
  }
145
- .awsui_root_55fkh_1r4bl_142 > .awsui_button_55fkh_1r4bl_145:not(#\9) {
146
- position: absolute;
147
- inset-inline-end: var(--space-static-xxs-82cdfi, 4px);
148
- inset-block-end: 0;
185
+ .awsui_root_55fkh_1vvqx_142.awsui_textarea-readonly_55fkh_1vvqx_184:not(#\9) {
186
+ background-color: var(--color-background-input-default-u56ls1, #ffffff);
187
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
188
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
149
189
  }
150
- 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 {
151
- position: relative;
190
+ .awsui_root_55fkh_1vvqx_142.awsui_disabled_55fkh_1vvqx_189:not(#\9) {
191
+ background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
192
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
193
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
194
+ color: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
195
+ cursor: auto;
196
+ cursor: default;
152
197
  }
153
- 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 {
154
- outline: 2px dotted transparent;
155
- outline-offset: calc(calc((var(--space-xxxs-zbmxqb, 2px)) - 1px) - 1px);
198
+ .awsui_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197:not(#\9) {
199
+ color: var(--color-text-status-error-5676bj, #db0000);
200
+ border-color: var(--color-text-status-error-5676bj, #db0000);
201
+ padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
202
+ border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
156
203
  }
157
- 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 {
158
- content: " ";
159
- display: block;
160
- position: absolute;
161
- inset-inline-start: calc(-1 * calc((var(--space-xxxs-zbmxqb, 2px)) - 1px));
162
- inset-block-start: calc(-1 * calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px));
163
- inline-size: calc(100% + calc((var(--space-xxxs-zbmxqb, 2px)) - 1px) + calc((var(--space-xxxs-zbmxqb, 2px)) - 1px));
164
- block-size: calc(100% + calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px) + calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px));
165
- border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
166
- border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
167
- border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
168
- border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
169
- box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
204
+ .awsui_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197:not(#\9):focus {
205
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
206
+ }
207
+ .awsui_root_55fkh_1vvqx_142.awsui_textarea-invalid_55fkh_1vvqx_197:not(#\9) {
208
+ padding-inline-start: 0;
209
+ }
210
+ .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 {
211
+ color: var(--color-text-status-error-5676bj, #db0000);
212
+ border-color: var(--color-text-status-error-5676bj, #db0000);
213
+ padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
214
+ border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
215
+ }
216
+ .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 {
217
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
218
+ }
219
+ .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 {
220
+ padding-inline-start: 0;
221
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
222
+ }
223
+ .awsui_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222:not(#\9) {
224
+ color: var(--color-text-status-warning-csaw41, #855900);
225
+ border-color: var(--color-text-status-warning-csaw41, #855900);
226
+ padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
227
+ border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
228
+ }
229
+ .awsui_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222:not(#\9):focus {
230
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
231
+ }
232
+ .awsui_root_55fkh_1vvqx_142.awsui_textarea-warning_55fkh_1vvqx_222:not(#\9) {
233
+ padding-inline-start: 0;
234
+ }
235
+ .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 {
236
+ color: var(--color-text-status-warning-csaw41, #855900);
237
+ border-color: var(--color-text-status-warning-csaw41, #855900);
238
+ padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
239
+ border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
240
+ }
241
+ .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 {
242
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
243
+ }
244
+ .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 {
245
+ padding-inline-start: 0;
246
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
247
+ }
248
+ .awsui_root_55fkh_1vvqx_142:not(#\9):focus-within, .awsui_root_55fkh_1vvqx_142:not(#\9):focus {
249
+ outline: 2px dotted transparent;
250
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
251
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
252
+ border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
253
+ border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
254
+ border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
255
+ border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
256
+ box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
170
257
  }
171
258
 
172
- .awsui_textarea_55fkh_1r4bl_172:not(#\9) {
259
+ .awsui_textarea_55fkh_1vvqx_184:not(#\9) {
173
260
  border-collapse: separate;
174
261
  border-spacing: 0;
175
262
  box-sizing: border-box;
@@ -203,9 +290,16 @@ body[data-awsui-focus-visible=true] .awsui_root_55fkh_1r4bl_142 > .awsui_button_
203
290
  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
204
291
  -webkit-font-smoothing: auto;
205
292
  -moz-osx-font-smoothing: auto;
293
+ border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
294
+ border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
295
+ border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
296
+ border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
297
+ font-size: var(--font-size-body-m-x4okxb, 14px);
298
+ line-height: var(--line-height-body-m-30ar75, 20px);
206
299
  resize: none;
207
300
  cursor: text;
208
301
  white-space: pre-wrap;
302
+ background-color: inherit;
209
303
  padding-block: var(--space-scaled-xxs-7597g1, 4px);
210
304
  padding-inline: var(--space-field-horizontal-gg19kw, 12px);
211
305
  color: var(--color-text-body-default-7v1jfn, #0f141a);
@@ -213,76 +307,178 @@ body[data-awsui-focus-visible=true] .awsui_root_55fkh_1r4bl_142 > .awsui_button_
213
307
  inline-size: 100%;
214
308
  display: block;
215
309
  box-sizing: border-box;
216
- background-color: var(--color-background-input-default-u56ls1, #ffffff);
217
- border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
218
- border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
219
- border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
220
- border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
221
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
222
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
223
- font-size: var(--font-size-body-m-x4okxb, 14px);
224
- line-height: var(--line-height-body-m-30ar75, 20px);
310
+ border: 0;
225
311
  }
226
- .awsui_textarea_55fkh_1r4bl_172.awsui_textarea-readonly_55fkh_1r4bl_225:not(#\9) {
227
- background-color: var(--color-background-input-default-u56ls1, #ffffff);
228
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
229
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
230
- }
231
- .awsui_textarea_55fkh_1r4bl_172:not(#\9)::placeholder {
312
+ .awsui_textarea_55fkh_1vvqx_184:not(#\9)::placeholder {
232
313
  color: var(--color-text-input-placeholder-f3x213, #656871);
233
314
  font-style: italic;
234
315
  opacity: 1;
235
316
  }
236
- .awsui_textarea_55fkh_1r4bl_172:not(#\9):-ms-input-placeholder {
317
+ .awsui_textarea_55fkh_1vvqx_184:not(#\9):-ms-input-placeholder {
237
318
  color: var(--color-text-input-placeholder-f3x213, #656871);
238
319
  font-style: italic;
239
320
  }
240
- .awsui_textarea_55fkh_1r4bl_172:not(#\9):focus {
241
- outline: 2px dotted transparent;
242
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
243
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
244
- border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
245
- border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
246
- border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
247
- border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
248
- box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
321
+ .awsui_textarea_55fkh_1vvqx_184:not(#\9):focus {
322
+ outline: none;
249
323
  }
250
- .awsui_textarea_55fkh_1r4bl_172:not(#\9):invalid {
324
+ .awsui_textarea_55fkh_1vvqx_184:not(#\9):invalid {
251
325
  box-shadow: none;
252
326
  }
253
- .awsui_textarea_55fkh_1r4bl_172:not(#\9):disabled {
327
+ .awsui_textarea_55fkh_1vvqx_184.awsui_invalid_55fkh_1vvqx_325:not(#\9), .awsui_textarea_55fkh_1vvqx_184.awsui_warning_55fkh_1vvqx_325:not(#\9) {
328
+ padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
329
+ }
330
+ .awsui_textarea_55fkh_1vvqx_184:not(#\9):disabled {
254
331
  background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
255
332
  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
256
333
  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
257
334
  color: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
258
335
  cursor: auto;
336
+ border: 0;
259
337
  cursor: default;
260
338
  }
261
- .awsui_textarea_55fkh_1r4bl_172:not(#\9):disabled::placeholder {
339
+ .awsui_textarea_55fkh_1vvqx_184:not(#\9):disabled::placeholder {
262
340
  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
263
341
  opacity: 1;
264
342
  }
265
- .awsui_textarea_55fkh_1r4bl_172:not(#\9):disabled:-ms-input-placeholder {
343
+ .awsui_textarea_55fkh_1vvqx_184:not(#\9):disabled:-ms-input-placeholder {
266
344
  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
267
345
  }
268
- .awsui_textarea_55fkh_1r4bl_172.awsui_textarea-invalid_55fkh_1r4bl_267:not(#\9) {
269
- color: var(--color-text-status-error-5676bj, #db0000);
270
- border-color: var(--color-text-status-error-5676bj, #db0000);
346
+ .awsui_textarea-wrapper_55fkh_1vvqx_344:not(#\9) {
347
+ display: flex;
348
+ }
349
+
350
+ .awsui_button_55fkh_1vvqx_348:not(#\9) {
351
+ align-self: flex-end;
352
+ padding-inline: calc(var(--space-field-horizontal-gg19kw, 12px) / 2);
353
+ padding-block-end: var(--space-scaled-xxxs-27y4hv, 2px);
354
+ }
355
+ .awsui_button_55fkh_1vvqx_348 > .awsui_action-button_55fkh_1vvqx_353:not(#\9) {
356
+ padding: 0;
357
+ }
358
+ body[data-awsui-focus-visible=true] .awsui_button_55fkh_1vvqx_348 > .awsui_action-button_55fkh_1vvqx_353:not(#\9):focus {
359
+ position: relative;
360
+ }
361
+ body[data-awsui-focus-visible=true] .awsui_button_55fkh_1vvqx_348 > .awsui_action-button_55fkh_1vvqx_353:not(#\9):focus {
362
+ outline: 2px dotted transparent;
363
+ outline-offset: calc(calc((var(--space-xxxs-zbmxqb, 2px)) - 1px) - 1px);
364
+ }
365
+ body[data-awsui-focus-visible=true] .awsui_button_55fkh_1vvqx_348 > .awsui_action-button_55fkh_1vvqx_353:not(#\9):focus::before {
366
+ content: " ";
367
+ display: block;
368
+ position: absolute;
369
+ inset-inline-start: calc(-1 * calc((var(--space-xxxs-zbmxqb, 2px)) - 1px));
370
+ inset-block-start: calc(-1 * calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px));
371
+ inline-size: calc(100% + calc((var(--space-xxxs-zbmxqb, 2px)) - 1px) + calc((var(--space-xxxs-zbmxqb, 2px)) - 1px));
372
+ block-size: calc(100% + calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px) + calc(-1 * var(--space-xxxs-zbmxqb, 2px) - 1px));
373
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
374
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
375
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
376
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
377
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
378
+ }
379
+
380
+ .awsui_secondary-content_55fkh_1vvqx_378:not(#\9) {
381
+ border-collapse: separate;
382
+ border-spacing: 0;
383
+ box-sizing: border-box;
384
+ caption-side: top;
385
+ cursor: auto;
386
+ direction: inherit;
387
+ empty-cells: show;
388
+ font-family: serif;
389
+ font-size: medium;
390
+ font-style: normal;
391
+ font-variant: normal;
392
+ font-weight: 400;
393
+ font-stretch: normal;
394
+ line-height: normal;
395
+ -webkit-hyphens: none;
396
+ hyphens: none;
397
+ letter-spacing: normal;
398
+ list-style: disc outside none;
399
+ tab-size: 8;
400
+ text-align: start;
401
+ text-indent: 0;
402
+ text-shadow: none;
403
+ text-transform: none;
404
+ visibility: visible;
405
+ white-space: normal;
406
+ word-spacing: normal;
407
+ font-size: var(--font-size-body-m-x4okxb, 14px);
408
+ line-height: var(--line-height-body-m-30ar75, 20px);
409
+ color: var(--color-text-body-default-7v1jfn, #0f141a);
410
+ font-weight: 400;
411
+ font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
412
+ -webkit-font-smoothing: auto;
413
+ -moz-osx-font-smoothing: auto;
414
+ border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
415
+ border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
416
+ border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
417
+ border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
418
+ }
419
+ .awsui_secondary-content_55fkh_1vvqx_378.awsui_with-paddings_55fkh_1vvqx_416:not(#\9) {
420
+ padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
421
+ padding-block-end: var(--space-scaled-s-aqzyko, 12px);
422
+ padding-inline-start: var(--space-field-horizontal-gg19kw, 12px);
423
+ padding-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) / 2);
424
+ }
425
+ .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) {
271
426
  padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
272
- border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
273
427
  }
274
- .awsui_textarea_55fkh_1r4bl_172.awsui_textarea-invalid_55fkh_1r4bl_267:not(#\9):focus {
275
- box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
428
+
429
+ .awsui_secondary-actions_55fkh_1vvqx_426:not(#\9) {
430
+ border-collapse: separate;
431
+ border-spacing: 0;
432
+ box-sizing: border-box;
433
+ caption-side: top;
434
+ cursor: auto;
435
+ direction: inherit;
436
+ empty-cells: show;
437
+ font-family: serif;
438
+ font-size: medium;
439
+ font-style: normal;
440
+ font-variant: normal;
441
+ font-weight: 400;
442
+ font-stretch: normal;
443
+ line-height: normal;
444
+ -webkit-hyphens: none;
445
+ hyphens: none;
446
+ letter-spacing: normal;
447
+ list-style: disc outside none;
448
+ tab-size: 8;
449
+ text-align: start;
450
+ text-indent: 0;
451
+ text-shadow: none;
452
+ text-transform: none;
453
+ visibility: visible;
454
+ white-space: normal;
455
+ word-spacing: normal;
456
+ font-size: var(--font-size-body-m-x4okxb, 14px);
457
+ line-height: var(--line-height-body-m-30ar75, 20px);
458
+ color: var(--color-text-body-default-7v1jfn, #0f141a);
459
+ font-weight: 400;
460
+ font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
461
+ -webkit-font-smoothing: auto;
462
+ -moz-osx-font-smoothing: auto;
463
+ border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
464
+ border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
465
+ border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
466
+ border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
467
+ display: flex;
468
+ justify-content: space-between;
469
+ align-items: flex-end;
276
470
  }
277
- .awsui_textarea_55fkh_1r4bl_172.awsui_textarea-warning_55fkh_1r4bl_276:not(#\9) {
278
- color: var(--color-text-status-warning-csaw41, #855900);
279
- border-color: var(--color-text-status-warning-csaw41, #855900);
471
+ .awsui_secondary-actions_55fkh_1vvqx_426.awsui_with-paddings_55fkh_1vvqx_416:not(#\9) {
472
+ padding-inline-start: var(--space-field-horizontal-gg19kw, 12px);
473
+ padding-block-start: var(--space-scaled-s-aqzyko, 12px);
474
+ padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
475
+ }
476
+ .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) {
280
477
  padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
281
- border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
282
478
  }
283
- .awsui_textarea_55fkh_1r4bl_172.awsui_textarea-warning_55fkh_1r4bl_276:not(#\9):focus {
284
- box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
479
+ .awsui_secondary-actions_55fkh_1vvqx_426.awsui_with-paddings_55fkh_1vvqx_416 > .awsui_button_55fkh_1vvqx_348:not(#\9) {
480
+ padding-block-end: 0;
285
481
  }
286
- .awsui_textarea_55fkh_1r4bl_172.awsui_textarea-with-button_55fkh_1r4bl_285:not(#\9) {
287
- padding-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) + var(--space-static-xxs-82cdfi, 4px) + var(--size-icon-normal-0m1722, 16px));
482
+ .awsui_secondary-actions_55fkh_1vvqx_426 > .awsui_button_55fkh_1vvqx_348:not(#\9) {
483
+ padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
288
484
  }
package/prompt-input/styles.selectors.js CHANGED
@@ -2,13 +2,19 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_55fkh_1r4bl_142",
6
- "button": "awsui_button_55fkh_1r4bl_145",
7
- "action-button": "awsui_action-button_55fkh_1r4bl_150",
8
- "textarea": "awsui_textarea_55fkh_1r4bl_172",
9
- "textarea-readonly": "awsui_textarea-readonly_55fkh_1r4bl_225",
10
- "textarea-invalid": "awsui_textarea-invalid_55fkh_1r4bl_267",
11
- "textarea-warning": "awsui_textarea-warning_55fkh_1r4bl_276",
12
- "textarea-with-button": "awsui_textarea-with-button_55fkh_1r4bl_285"
5
+ "root": "awsui_root_55fkh_1vvqx_142",
6
+ "textarea-readonly": "awsui_textarea-readonly_55fkh_1vvqx_184",
7
+ "disabled": "awsui_disabled_55fkh_1vvqx_189",
8
+ "textarea-invalid": "awsui_textarea-invalid_55fkh_1vvqx_197",
9
+ "textarea-warning": "awsui_textarea-warning_55fkh_1vvqx_222",
10
+ "textarea": "awsui_textarea_55fkh_1vvqx_184",
11
+ "invalid": "awsui_invalid_55fkh_1vvqx_325",
12
+ "warning": "awsui_warning_55fkh_1vvqx_325",
13
+ "textarea-wrapper": "awsui_textarea-wrapper_55fkh_1vvqx_344",
14
+ "button": "awsui_button_55fkh_1vvqx_348",
15
+ "action-button": "awsui_action-button_55fkh_1vvqx_353",
16
+ "secondary-content": "awsui_secondary-content_55fkh_1vvqx_378",
17
+ "with-paddings": "awsui_with-paddings_55fkh_1vvqx_416",
18
+ "secondary-actions": "awsui_secondary-actions_55fkh_1vvqx_426"
13
19
  };
14
20
 
package/prompt-input/test-classes/styles.css.js CHANGED
@@ -1,8 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_nr3gs_1mr3y_5",
5
- "textarea": "awsui_textarea_nr3gs_1mr3y_9",
6
- "action-button": "awsui_action-button_nr3gs_1mr3y_13"
4
+ "root": "awsui_root_nr3gs_n93je_5",
5
+ "textarea": "awsui_textarea_nr3gs_n93je_9",
6
+ "action-button": "awsui_action-button_nr3gs_n93je_13",
7
+ "secondary-actions": "awsui_secondary-actions_nr3gs_n93je_17",
8
+ "secondary-content": "awsui_secondary-content_nr3gs_n93je_21"
7
9
  };
8
10
 
package/prompt-input/test-classes/styles.scoped.css CHANGED
@@ -2,14 +2,22 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
- .awsui_root_nr3gs_1mr3y_5:not(#\9) {
5
+ .awsui_root_nr3gs_n93je_5:not(#\9) {
6
6
  /* used in test-utils */
7
7
  }
8
8
 
9
- .awsui_textarea_nr3gs_1mr3y_9:not(#\9) {
9
+ .awsui_textarea_nr3gs_n93je_9:not(#\9) {
10
10
  /* used in test-utils */
11
11
  }
12
12
 
13
- .awsui_action-button_nr3gs_1mr3y_13:not(#\9) {
13
+ .awsui_action-button_nr3gs_n93je_13:not(#\9) {
14
+ /* used in test-utils */
15
+ }
16
+
17
+ .awsui_secondary-actions_nr3gs_n93je_17:not(#\9) {
18
+ /* used in test-utils */
19
+ }
20
+
21
+ .awsui_secondary-content_nr3gs_n93je_21:not(#\9) {
14
22
  /* used in test-utils */
15
23
  }
package/prompt-input/test-classes/styles.selectors.js CHANGED
@@ -2,8 +2,10 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_nr3gs_1mr3y_5",
6
- "textarea": "awsui_textarea_nr3gs_1mr3y_9",
7
- "action-button": "awsui_action-button_nr3gs_1mr3y_13"
5
+ "root": "awsui_root_nr3gs_n93je_5",
6
+ "textarea": "awsui_textarea_nr3gs_n93je_9",
7
+ "action-button": "awsui_action-button_nr3gs_n93je_13",
8
+ "secondary-actions": "awsui_secondary-actions_nr3gs_n93je_17",
9
+ "secondary-content": "awsui_secondary-content_nr3gs_n93je_21"
8
10
  };
9
11
 
package/test-utils/dom/prompt-input/index.d.ts CHANGED
@@ -3,6 +3,8 @@ export default class PromptInputWrapper extends ComponentWrapper {
3
3
  static rootSelector: string;
4
4
  findNativeTextarea(): ElementWrapper<HTMLTextAreaElement>;
5
5
  findActionButton(): ElementWrapper<HTMLButtonElement>;
6
+ findSecondaryActions(): ElementWrapper<HTMLDivElement>;
7
+ findSecondaryContent(): ElementWrapper<HTMLDivElement>;
6
8
  /**
7
9
  * Gets the value of the component.
8
10
  *
package/test-utils/dom/prompt-input/index.js CHANGED
@@ -19,6 +19,12 @@ class PromptInputWrapper extends dom_1.ComponentWrapper {
19
19
  findActionButton() {
20
20
  return this.findByClassName(styles_selectors_js_1.default['action-button']);
21
21
  }
22
+ findSecondaryActions() {
23
+ return this.findByClassName(styles_selectors_js_1.default['secondary-actions']);
24
+ }
25
+ findSecondaryContent() {
26
+ return this.findByClassName(styles_selectors_js_1.default['secondary-content']);
27
+ }
22
28
  /**
23
29
  * Gets the value of the component.
24
30
  *
package/test-utils/dom/prompt-input/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/prompt-input/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,qDAAgD;AAEhD,gEAAmG;AACnG,4EAAmE;AAEnE,gGAAoF;AAEpF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAsB,6BAAc,CAAC,QAAQ,CAAE,CAAC;IAC7E,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IACnF,CAAC;IAED;;;;OAIG;IACM,gBAAgB;QACvB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;IACtD,CAAC;IAED;;;;OAIG;IACM,gBAAgB,CAAC,KAAa;QACrC,MAAM,OAAO,GAAwB,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC;QAC5E,IAAA,eAAG,EAAC,GAAG,EAAE;YACP,qBAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAA4B,EAAE,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC;;AA7BM,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC;AAejC;IAAR,aAAO;0DAEP;AAOQ;IAAR,aAAO;0DAKP;AA9BH,qCA+BC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/prompt-input/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,qDAAgD;AAEhD,gEAAmG;AACnG,4EAAmE;AAEnE,gGAAoF;AAEpF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAsB,6BAAc,CAAC,QAAQ,CAAE,CAAC;IAC7E,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IACnF,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpF,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpF,CAAC;IAED;;;;OAIG;IACM,gBAAgB;QACvB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;IACtD,CAAC;IAED;;;;OAIG;IACM,gBAAgB,CAAC,KAAa;QACrC,MAAM,OAAO,GAAwB,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC;QAC5E,IAAA,eAAG,EAAC,GAAG,EAAE;YACP,qBAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAA4B,EAAE,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC;;AArCM,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC;AAuBjC;IAAR,aAAO;0DAEP;AAOQ;IAAR,aAAO;0DAKP;AAtCH,qCAuCC"}
package/test-utils/selectors/prompt-input/index.d.ts CHANGED
@@ -3,4 +3,6 @@ export default class PromptInputWrapper extends ComponentWrapper {
3
3
  static rootSelector: string;
4
4
  findNativeTextarea(): ElementWrapper;
5
5
  findActionButton(): ElementWrapper;
6
+ findSecondaryActions(): ElementWrapper;
7
+ findSecondaryContent(): ElementWrapper;
6
8
  }
package/test-utils/selectors/prompt-input/index.js CHANGED
@@ -9,6 +9,12 @@ class PromptInputWrapper extends selectors_1.ComponentWrapper {
9
9
  findActionButton() {
10
10
  return this.findByClassName(styles_selectors_js_1.default['action-button']);
11
11
  }
12
+ findSecondaryActions() {
13
+ return this.findByClassName(styles_selectors_js_1.default['secondary-actions']);
14
+ }
15
+ findSecondaryContent() {
16
+ return this.findByClassName(styles_selectors_js_1.default['secondary-content']);
17
+ }
12
18
  }
13
19
  exports.default = PromptInputWrapper;
14
20
  PromptInputWrapper.rootSelector = styles_selectors_js_1.default.root;
package/test-utils/selectors/prompt-input/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/prompt-input/index.ts"],"names":[],"mappings":";;AAGA,4EAAgG;AAChG,gGAAoF;AACpF,MAAqB,kBAAmB,SAAQ,4BAAgB;IAE9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,QAAQ,CAAE,CAAC;IACxD,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IAChE,CAAC;;AAPH,qCAoBC;AAnBQ,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/prompt-input/index.ts"],"names":[],"mappings":";;AAGA,4EAAgG;AAChG,gGAAoF;AACpF,MAAqB,kBAAmB,SAAQ,4BAAgB;IAE9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,QAAQ,CAAE,CAAC;IACxD,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IAChE,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpE,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpE,CAAC;;AAbH,qCA0BC;AAzBQ,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}