@cloudscape-design/components-themeable 3.0.1133 → 3.0.1135

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 (84) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/expandable-section/styles.scss +5 -0
  3. package/lib/internal/scss/header/styles.scss +9 -0
  4. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  5. package/lib/internal/scss/textarea/styles.scss +62 -10
  6. package/lib/internal/template/app-layout/runtime-drawer/index.d.ts +3 -0
  7. package/lib/internal/template/app-layout/runtime-drawer/index.d.ts.map +1 -1
  8. package/lib/internal/template/app-layout/runtime-drawer/index.js.map +1 -1
  9. package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
  10. package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.js +1 -1
  11. package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
  12. package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js +1 -1
  13. package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js.map +1 -1
  14. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts +3 -0
  15. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
  16. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.js +1 -1
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.js.map +1 -1
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts +6 -0
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts.map +1 -1
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +9 -1
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-bottom-drawers.d.ts +6 -0
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-bottom-drawers.d.ts.map +1 -1
  26. package/lib/internal/template/code-editor/styles.css.js +33 -33
  27. package/lib/internal/template/code-editor/styles.scoped.css +218 -214
  28. package/lib/internal/template/code-editor/styles.selectors.js +33 -33
  29. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  30. package/lib/internal/template/expandable-section/expandable-section-header.js +1 -1
  31. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  32. package/lib/internal/template/expandable-section/styles.css.js +35 -34
  33. package/lib/internal/template/expandable-section/styles.scoped.css +68 -65
  34. package/lib/internal/template/expandable-section/styles.selectors.js +35 -34
  35. package/lib/internal/template/header/styles.css.js +34 -34
  36. package/lib/internal/template/header/styles.scoped.css +68 -50
  37. package/lib/internal/template/header/styles.selectors.js +34 -34
  38. package/lib/internal/template/internal/base-component/styles.scoped.css +2 -2
  39. package/lib/internal/template/internal/components/chart-popover/index.d.ts.map +1 -1
  40. package/lib/internal/template/internal/components/chart-popover/index.js +20 -14
  41. package/lib/internal/template/internal/components/chart-popover/index.js.map +1 -1
  42. package/lib/internal/template/internal/environment.js +2 -2
  43. package/lib/internal/template/internal/environment.json +2 -2
  44. package/lib/internal/template/internal/generated/theming/index.cjs +1 -1
  45. package/lib/internal/template/internal/generated/theming/index.js +1 -1
  46. package/lib/internal/template/internal/hooks/forward-focus/radio-group.js +1 -9
  47. package/lib/internal/template/internal/hooks/forward-focus/radio-group.js.map +1 -1
  48. package/lib/internal/template/internal/plugins/widget/interfaces.d.ts +3 -0
  49. package/lib/internal/template/internal/plugins/widget/interfaces.d.ts.map +1 -1
  50. package/lib/internal/template/internal/plugins/widget/interfaces.js.map +1 -1
  51. package/lib/internal/template/internal/utils/dom.d.ts +1 -0
  52. package/lib/internal/template/internal/utils/dom.d.ts.map +1 -1
  53. package/lib/internal/template/internal/utils/dom.js +3 -0
  54. package/lib/internal/template/internal/utils/dom.js.map +1 -1
  55. package/lib/internal/template/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
  56. package/lib/internal/template/mixed-line-bar-chart/chart-container.js +2 -3
  57. package/lib/internal/template/mixed-line-bar-chart/chart-container.js.map +1 -1
  58. package/lib/internal/template/mixed-line-bar-chart/domain.d.ts.map +1 -1
  59. package/lib/internal/template/mixed-line-bar-chart/domain.js +4 -32
  60. package/lib/internal/template/mixed-line-bar-chart/domain.js.map +1 -1
  61. package/lib/internal/template/popover/internal.js +1 -1
  62. package/lib/internal/template/popover/internal.js.map +1 -1
  63. package/lib/internal/template/s3-resource-selector/s3-modal/table-utils.js +1 -1
  64. package/lib/internal/template/s3-resource-selector/s3-modal/table-utils.js.map +1 -1
  65. package/lib/internal/template/tag-editor/index.js +2 -2
  66. package/lib/internal/template/tag-editor/index.js.map +1 -1
  67. package/lib/internal/template/tag-editor/utils.d.ts +0 -4
  68. package/lib/internal/template/tag-editor/utils.d.ts.map +1 -1
  69. package/lib/internal/template/tag-editor/utils.js +0 -11
  70. package/lib/internal/template/tag-editor/utils.js.map +1 -1
  71. package/lib/internal/template/textarea/index.d.ts.map +1 -1
  72. package/lib/internal/template/textarea/index.js +3 -2
  73. package/lib/internal/template/textarea/index.js.map +1 -1
  74. package/lib/internal/template/textarea/interfaces.d.ts +48 -0
  75. package/lib/internal/template/textarea/interfaces.d.ts.map +1 -1
  76. package/lib/internal/template/textarea/interfaces.js.map +1 -1
  77. package/lib/internal/template/textarea/styles.css.js +5 -5
  78. package/lib/internal/template/textarea/styles.d.ts +3 -0
  79. package/lib/internal/template/textarea/styles.d.ts.map +1 -0
  80. package/lib/internal/template/textarea/styles.js +42 -0
  81. package/lib/internal/template/textarea/styles.js.map +1 -0
  82. package/lib/internal/template/textarea/styles.scoped.css +42 -29
  83. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  84. package/package.json +1 -1
package/lib/internal/template/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_1ce9c_145:not(#\9) {
145
+ .awsui_root_qk1j1_evjpj_145:not(#\9) {
146
146
  /* used for test-utils */
147
147
  }
148
148
 
149
- .awsui_textarea_qk1j1_1ce9c_149:not(#\9) {
149
+ .awsui_textarea_qk1j1_evjpj_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-jatbiv, 4px);
183
183
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
184
- color: var(--color-text-body-default-5qid0u, #16191f);
184
+ color: var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-5qid0u, #16191f));
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-1z2buq, #ffffff);
189
+ background-color: var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-1z2buq, #ffffff));
190
190
  border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
191
191
  border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
192
192
  border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
193
193
  border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
194
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-default-txli8y, #687078);
195
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-default-txli8y, #687078);
194
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-txli8y, #687078));
195
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-txli8y, #687078));
196
+ box-shadow: var(--awsui-style-box-shadow-default-b75yp7);
196
197
  font-size: var(--font-size-body-m-vv54cm, 14px);
197
198
  line-height: var(--line-height-body-m-bedeoh, 22px);
198
199
  }
199
- .awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-readonly_qk1j1_1ce9c_199:not(#\9) {
200
- background-color: var(--color-background-input-default-1z2buq, #ffffff);
201
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
202
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
200
+ .awsui_textarea_qk1j1_evjpj_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-txli8y, #687078)));
202
+ color: var(--awsui-style-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-text-body-default-5qid0u, #16191f)));
203
+ background-color: var(--awsui-style-background-hover-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-1z2buq, #ffffff)));
204
+ box-shadow: var(--awsui-style-box-shadow-hover-b75yp7, --awsui-style-box-shadow-default-b75yp7);
205
+ }
206
+ .awsui_textarea_qk1j1_evjpj_149.awsui_textarea-readonly_qk1j1_evjpj_206:not(#\9) {
207
+ background-color: var(--awsui-style-background-readonly-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-1z2buq, #ffffff)));
208
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded)));
209
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded)));
210
+ color: var(--awsui-style-color-readonly-b75yp7, var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-5qid0u, #16191f)));
211
+ box-shadow: var(--awsui-style-box-shadow-readonly-b75yp7);
203
212
  }
204
- .awsui_textarea_qk1j1_1ce9c_149:not(#\9)::placeholder {
205
- color: var(--color-text-input-placeholder-hvcry0, #687078);
206
- font-style: italic;
213
+ .awsui_textarea_qk1j1_evjpj_149:not(#\9)::placeholder {
214
+ color: var(--awsui-style-placeholder-color-b75yp7, var(--color-text-input-placeholder-hvcry0, #687078));
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_1ce9c_149:not(#\9):focus {
220
+ .awsui_textarea_qk1j1_evjpj_149:not(#\9):focus {
210
221
  outline: 2px dotted transparent;
211
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
212
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
222
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-lslq4r, #0073bb));
223
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-lslq4r, #0073bb));
213
224
  border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
214
225
  border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
215
226
  border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
216
227
  border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
217
- box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
228
+ box-shadow: var(--awsui-style-box-shadow-focus-b75yp7, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
229
+ color: var(--awsui-style-color-focus-b75yp7, var(--color-text-body-default-5qid0u, #16191f));
230
+ background-color: var(--awsui-style-background-focus-b75yp7, var(--color-background-input-default-1z2buq, #ffffff));
218
231
  }
219
- .awsui_textarea_qk1j1_1ce9c_149:not(#\9):invalid {
232
+ .awsui_textarea_qk1j1_evjpj_149:not(#\9):invalid {
220
233
  box-shadow: none;
221
234
  }
222
- .awsui_textarea_qk1j1_1ce9c_149:not(#\9):disabled {
223
- background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
224
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
225
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
226
- color: var(--color-text-input-disabled-y5t5v9, #879596);
227
- cursor: auto;
235
+ .awsui_textarea_qk1j1_evjpj_149:not(#\9):disabled {
236
+ background-color: var(--awsui-style-background-disabled-b75yp7, var(--color-background-input-disabled-4vlau3, #eaeded));
237
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded));
238
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded));
239
+ color: var(--awsui-style-color-disabled-b75yp7, var(--color-text-input-disabled-y5t5v9, #879596));
228
240
  cursor: default;
241
+ box-shadow: var(--awsui-style-box-shadow-disabled-b75yp7);
229
242
  }
230
- .awsui_textarea_qk1j1_1ce9c_149:not(#\9):disabled::placeholder {
243
+ .awsui_textarea_qk1j1_evjpj_149:not(#\9):disabled::placeholder {
231
244
  color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
232
245
  opacity: 1;
233
246
  }
234
- .awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-invalid_qk1j1_1ce9c_234:not(#\9) {
247
+ .awsui_textarea_qk1j1_evjpj_149.awsui_textarea-invalid_qk1j1_evjpj_247:not(#\9) {
235
248
  color: var(--color-text-status-error-aknuvu, #d13212);
236
249
  border-color: var(--color-text-status-error-aknuvu, #d13212);
237
250
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
238
251
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
239
252
  }
240
- .awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-invalid_qk1j1_1ce9c_234:not(#\9):focus {
253
+ .awsui_textarea_qk1j1_evjpj_149.awsui_textarea-invalid_qk1j1_evjpj_247:not(#\9):focus {
241
254
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
242
255
  }
243
- .awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-warning_qk1j1_1ce9c_243:not(#\9) {
256
+ .awsui_textarea_qk1j1_evjpj_149.awsui_textarea-warning_qk1j1_evjpj_256:not(#\9) {
244
257
  color: var(--color-text-status-warning-9b45qh, #906806);
245
258
  border-color: var(--color-text-status-warning-9b45qh, #906806);
246
259
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
247
260
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
248
261
  }
249
- .awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-warning_qk1j1_1ce9c_243:not(#\9):focus {
262
+ .awsui_textarea_qk1j1_evjpj_149.awsui_textarea-warning_qk1j1_evjpj_256:not(#\9):focus {
250
263
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
251
264
  }
package/lib/internal/template/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_1ce9c_145",
6
- "textarea": "awsui_textarea_qk1j1_1ce9c_149",
7
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ce9c_199",
8
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ce9c_234",
9
- "textarea-warning": "awsui_textarea-warning_qk1j1_1ce9c_243"
5
+ "root": "awsui_root_qk1j1_evjpj_145",
6
+ "textarea": "awsui_textarea_qk1j1_evjpj_149",
7
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_evjpj_206",
8
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_evjpj_247",
9
+ "textarea-warning": "awsui_textarea-warning_qk1j1_evjpj_256"
10
10
  };
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1133",
3
+ "version": "3.0.1135",
4
4
  "files": [
5
5
  "lib"
6
6
  ],