@cloudscape-design/components 3.0.1124 → 3.0.1126

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 (81) hide show
  1. package/app-layout/runtime-drawer/index.d.ts +3 -0
  2. package/app-layout/runtime-drawer/index.d.ts.map +1 -1
  3. package/app-layout/runtime-drawer/index.js.map +1 -1
  4. package/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
  5. package/app-layout/visual-refresh-toolbar/compute-layout.js +1 -1
  6. package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
  7. package/app-layout/visual-refresh-toolbar/index.js +1 -1
  8. package/app-layout/visual-refresh-toolbar/index.js.map +1 -1
  9. package/app-layout/visual-refresh-toolbar/interfaces.d.ts +3 -0
  10. package/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
  11. package/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
  12. package/app-layout/visual-refresh-toolbar/state/index.js +1 -1
  13. package/app-layout/visual-refresh-toolbar/state/index.js.map +1 -1
  14. package/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts +6 -0
  15. package/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts.map +1 -1
  16. package/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
  17. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js +9 -1
  18. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  19. package/app-layout/visual-refresh-toolbar/state/use-bottom-drawers.d.ts +6 -0
  20. package/app-layout/visual-refresh-toolbar/state/use-bottom-drawers.d.ts.map +1 -1
  21. package/code-editor/styles.css.js +33 -33
  22. package/code-editor/styles.scoped.css +170 -166
  23. package/code-editor/styles.selectors.js +33 -33
  24. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  25. package/expandable-section/expandable-section-header.js +1 -1
  26. package/expandable-section/expandable-section-header.js.map +1 -1
  27. package/expandable-section/styles.css.js +35 -34
  28. package/expandable-section/styles.scoped.css +68 -65
  29. package/expandable-section/styles.selectors.js +35 -34
  30. package/header/styles.css.js +34 -34
  31. package/header/styles.scoped.css +68 -50
  32. package/header/styles.selectors.js +34 -34
  33. package/internal/base-component/styles.scoped.css +2 -2
  34. package/internal/components/chart-popover/index.d.ts.map +1 -1
  35. package/internal/components/chart-popover/index.js +20 -14
  36. package/internal/components/chart-popover/index.js.map +1 -1
  37. package/internal/environment.js +2 -2
  38. package/internal/environment.json +2 -2
  39. package/internal/generated/theming/index.cjs +1 -1
  40. package/internal/generated/theming/index.js +1 -1
  41. package/internal/hooks/forward-focus/radio-group.js +1 -9
  42. package/internal/hooks/forward-focus/radio-group.js.map +1 -1
  43. package/internal/manifest.json +1 -1
  44. package/internal/plugins/widget/interfaces.d.ts +3 -0
  45. package/internal/plugins/widget/interfaces.d.ts.map +1 -1
  46. package/internal/plugins/widget/interfaces.js.map +1 -1
  47. package/internal/utils/dom.d.ts +2 -1
  48. package/internal/utils/dom.d.ts.map +1 -1
  49. package/internal/utils/dom.js +3 -0
  50. package/internal/utils/dom.js.map +1 -1
  51. package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
  52. package/mixed-line-bar-chart/chart-container.js +2 -3
  53. package/mixed-line-bar-chart/chart-container.js.map +1 -1
  54. package/mixed-line-bar-chart/domain.d.ts.map +1 -1
  55. package/mixed-line-bar-chart/domain.js +4 -32
  56. package/mixed-line-bar-chart/domain.js.map +1 -1
  57. package/package.json +1 -1
  58. package/popover/internal.js +1 -1
  59. package/popover/internal.js.map +1 -1
  60. package/s3-resource-selector/s3-modal/table-utils.js +1 -1
  61. package/s3-resource-selector/s3-modal/table-utils.js.map +1 -1
  62. package/tag-editor/index.js +2 -2
  63. package/tag-editor/index.js.map +1 -1
  64. package/tag-editor/utils.d.ts +0 -4
  65. package/tag-editor/utils.d.ts.map +1 -1
  66. package/tag-editor/utils.js +0 -11
  67. package/tag-editor/utils.js.map +1 -1
  68. package/textarea/index.d.ts.map +1 -1
  69. package/textarea/index.js +1 -1
  70. package/textarea/interfaces.d.ts +48 -0
  71. package/textarea/interfaces.d.ts.map +1 -1
  72. package/textarea/interfaces.js.map +1 -1
  73. package/textarea/internal-do-not-use-core.js +3 -2
  74. package/textarea/internal-do-not-use-core.js.map +1 -1
  75. package/textarea/styles.css.js +5 -5
  76. package/textarea/styles.d.ts +2 -0
  77. package/textarea/styles.d.ts.map +1 -0
  78. package/textarea/styles.js +42 -0
  79. package/textarea/styles.js.map +1 -0
  80. package/textarea/styles.scoped.css +42 -29
  81. package/textarea/styles.selectors.js +5 -5
package/textarea/styles.scoped.css CHANGED
@@ -142,11 +142,11 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_root_qk1j1_19f61_145:not(#\9) {
145
+ .awsui_root_qk1j1_dc394_145:not(#\9) {
146
146
  /* used for test-utils */
147
147
  }
148
148
 
149
- .awsui_textarea_qk1j1_19f61_149:not(#\9) {
149
+ .awsui_textarea_qk1j1_dc394_149:not(#\9) {
150
150
  border-collapse: separate;
151
151
  border-spacing: 0;
152
152
  box-sizing: border-box;
@@ -181,71 +181,84 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
181
181
  white-space: pre-wrap;
182
182
  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
183
183
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
184
- color: var(--color-text-body-default-vvtq8u, #0f141a);
184
+ color: var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a));
185
185
  max-inline-size: 100%;
186
186
  inline-size: 100%;
187
187
  display: block;
188
188
  box-sizing: border-box;
189
- background-color: var(--color-background-input-default-ifz5bb, #ffffff);
189
+ background-color: var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff));
190
190
  border-start-start-radius: var(--border-radius-input-7q0str, 8px);
191
191
  border-start-end-radius: var(--border-radius-input-7q0str, 8px);
192
192
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
193
193
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
194
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
195
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
194
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-317xk5, #8c8c94));
195
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-317xk5, #8c8c94));
196
+ box-shadow: var(--awsui-style-box-shadow-default-b75yp7);
196
197
  font-size: var(--font-size-body-m-a7nh2n, 14px);
197
198
  line-height: var(--line-height-body-m-2mh3ke, 20px);
198
199
  }
199
- .awsui_textarea_qk1j1_19f61_149.awsui_textarea-readonly_qk1j1_19f61_199:not(#\9) {
200
- background-color: var(--color-background-input-default-ifz5bb, #ffffff);
201
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
202
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
200
+ .awsui_textarea_qk1j1_dc394_149:not(#\9):hover {
201
+ border-color: var(--awsui-style-border-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-317xk5, #8c8c94)));
202
+ color: var(--awsui-style-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a)));
203
+ background-color: var(--awsui-style-background-hover-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff)));
204
+ box-shadow: var(--awsui-style-box-shadow-hover-b75yp7, --awsui-style-box-shadow-default-b75yp7);
205
+ }
206
+ .awsui_textarea_qk1j1_dc394_149.awsui_textarea-readonly_qk1j1_dc394_206:not(#\9) {
207
+ background-color: var(--awsui-style-background-readonly-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff)));
208
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
209
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
210
+ color: var(--awsui-style-color-readonly-b75yp7, var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a)));
211
+ box-shadow: var(--awsui-style-box-shadow-readonly-b75yp7);
203
212
  }
204
- .awsui_textarea_qk1j1_19f61_149:not(#\9)::placeholder {
205
- color: var(--color-text-input-placeholder-dclg8u, #656871);
206
- font-style: italic;
213
+ .awsui_textarea_qk1j1_dc394_149:not(#\9)::placeholder {
214
+ color: var(--awsui-style-placeholder-color-b75yp7, var(--color-text-input-placeholder-dclg8u, #656871));
215
+ font-size: var(--awsui-style-placeholder-font-size-b75yp7);
216
+ font-style: var(--awsui-style-placeholder-font-style-b75yp7, italic);
217
+ font-weight: var(--awsui-style-placeholder-font-weight-b75yp7);
207
218
  opacity: 1;
208
219
  }
209
- .awsui_textarea_qk1j1_19f61_149:not(#\9):focus {
220
+ .awsui_textarea_qk1j1_dc394_149:not(#\9):focus {
210
221
  outline: 2px dotted transparent;
211
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
212
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
222
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-4z0pgn, #006ce0));
223
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-4z0pgn, #006ce0));
213
224
  border-start-start-radius: var(--border-radius-input-7q0str, 8px);
214
225
  border-start-end-radius: var(--border-radius-input-7q0str, 8px);
215
226
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
216
227
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
217
- box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
228
+ box-shadow: var(--awsui-style-box-shadow-focus-b75yp7, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
229
+ color: var(--awsui-style-color-focus-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a));
230
+ background-color: var(--awsui-style-background-focus-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff));
218
231
  }
219
- .awsui_textarea_qk1j1_19f61_149:not(#\9):invalid {
232
+ .awsui_textarea_qk1j1_dc394_149:not(#\9):invalid {
220
233
  box-shadow: none;
221
234
  }
222
- .awsui_textarea_qk1j1_19f61_149:not(#\9):disabled {
223
- background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
224
- border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
225
- border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
226
- color: var(--color-text-input-disabled-wh1f3y, #b4b4bb);
227
- cursor: auto;
235
+ .awsui_textarea_qk1j1_dc394_149:not(#\9):disabled {
236
+ background-color: var(--awsui-style-background-disabled-b75yp7, var(--color-background-input-disabled-dihaja, #ebebf0));
237
+ border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0));
238
+ border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0));
239
+ color: var(--awsui-style-color-disabled-b75yp7, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
228
240
  cursor: default;
241
+ box-shadow: var(--awsui-style-box-shadow-disabled-b75yp7);
229
242
  }
230
- .awsui_textarea_qk1j1_19f61_149:not(#\9):disabled::placeholder {
243
+ .awsui_textarea_qk1j1_dc394_149:not(#\9):disabled::placeholder {
231
244
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
232
245
  opacity: 1;
233
246
  }
234
- .awsui_textarea_qk1j1_19f61_149.awsui_textarea-invalid_qk1j1_19f61_234:not(#\9) {
247
+ .awsui_textarea_qk1j1_dc394_149.awsui_textarea-invalid_qk1j1_dc394_247:not(#\9) {
235
248
  color: var(--color-text-status-error-ksqavh, #db0000);
236
249
  border-color: var(--color-text-status-error-ksqavh, #db0000);
237
250
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
238
251
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
239
252
  }
240
- .awsui_textarea_qk1j1_19f61_149.awsui_textarea-invalid_qk1j1_19f61_234:not(#\9):focus {
253
+ .awsui_textarea_qk1j1_dc394_149.awsui_textarea-invalid_qk1j1_dc394_247:not(#\9):focus {
241
254
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
242
255
  }
243
- .awsui_textarea_qk1j1_19f61_149.awsui_textarea-warning_qk1j1_19f61_243:not(#\9) {
256
+ .awsui_textarea_qk1j1_dc394_149.awsui_textarea-warning_qk1j1_dc394_256:not(#\9) {
244
257
  color: var(--color-text-status-warning-6meo06, #855900);
245
258
  border-color: var(--color-text-status-warning-6meo06, #855900);
246
259
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
247
260
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
248
261
  }
249
- .awsui_textarea_qk1j1_19f61_149.awsui_textarea-warning_qk1j1_19f61_243:not(#\9):focus {
262
+ .awsui_textarea_qk1j1_dc394_149.awsui_textarea-warning_qk1j1_dc394_256:not(#\9):focus {
250
263
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
251
264
  }
package/textarea/styles.selectors.js CHANGED
@@ -2,10 +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_qk1j1_19f61_145",
6
- "textarea": "awsui_textarea_qk1j1_19f61_149",
7
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_19f61_199",
8
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_19f61_234",
9
- "textarea-warning": "awsui_textarea-warning_qk1j1_19f61_243"
5
+ "root": "awsui_root_qk1j1_dc394_145",
6
+ "textarea": "awsui_textarea_qk1j1_dc394_149",
7
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_dc394_206",
8
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_dc394_247",
9
+ "textarea-warning": "awsui_textarea-warning_qk1j1_dc394_256"
10
10
  };
11
11