@cloudscape-design/components 3.0.59 → 3.0.61

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 (50) hide show
  1. package/attribute-editor/styles.scoped.css +4 -1
  2. package/breadcrumb-group/item/styles.scoped.css +2 -0
  3. package/calendar/grid/day/index.d.ts +2 -2
  4. package/calendar/grid/day/index.d.ts.map +1 -1
  5. package/calendar/grid/day/index.js +5 -4
  6. package/calendar/grid/day/index.js.map +1 -1
  7. package/calendar/grid/index.d.ts.map +1 -1
  8. package/calendar/grid/index.js.map +1 -1
  9. package/calendar/styles.css.js +20 -20
  10. package/calendar/styles.scoped.css +69 -41
  11. package/calendar/styles.selectors.js +20 -20
  12. package/date-input/internal.js +1 -1
  13. package/date-input/internal.js.map +1 -1
  14. package/date-range-picker/calendar/grids/day/styles.css.js +21 -21
  15. package/date-range-picker/calendar/grids/day/styles.scoped.css +41 -41
  16. package/date-range-picker/calendar/grids/day/styles.selectors.js +21 -21
  17. package/date-range-picker/calendar/index.js +23 -27
  18. package/date-range-picker/calendar/index.js.map +1 -1
  19. package/date-range-picker/styles.css.js +40 -41
  20. package/date-range-picker/styles.scoped.css +52 -53
  21. package/date-range-picker/styles.selectors.js +40 -41
  22. package/flashbar/flash.d.ts.map +1 -1
  23. package/flashbar/flash.js +2 -2
  24. package/flashbar/flash.js.map +1 -1
  25. package/flashbar/interfaces.d.ts +2 -0
  26. package/flashbar/interfaces.d.ts.map +1 -1
  27. package/flashbar/interfaces.js.map +1 -1
  28. package/help-panel/styles.scoped.css +2 -0
  29. package/input/internal.js +1 -1
  30. package/input/internal.js.map +1 -1
  31. package/internal/base-component/styles.scoped.css +0 -8
  32. package/internal/environment.js +1 -1
  33. package/link/styles.scoped.css +18 -1
  34. package/package.json +1 -1
  35. package/property-filter/interfaces.d.ts +1 -5
  36. package/property-filter/interfaces.d.ts.map +1 -1
  37. package/property-filter/interfaces.js.map +1 -1
  38. package/property-filter/styles.css.js +25 -30
  39. package/property-filter/styles.scoped.css +28 -56
  40. package/property-filter/styles.selectors.js +25 -30
  41. package/property-filter/token-editor.d.ts.map +1 -1
  42. package/property-filter/token-editor.js +13 -28
  43. package/property-filter/token-editor.js.map +1 -1
  44. package/property-filter/token.d.ts.map +1 -1
  45. package/property-filter/token.js.map +1 -1
  46. package/tag-editor/styles.scoped.css +2 -0
  47. package/text-content/styles.scoped.css +6 -1
  48. package/textarea/index.js +1 -1
  49. package/textarea/index.js.map +1 -1
  50. package/token-group/styles.scoped.css +2 -0
package/date-range-picker/styles.scoped.css CHANGED
@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_calendar_mgja0_z4fdg_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in-0_mgja0_z4fdg_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
93
+ .awsui_calendar_mgja0_x71bz_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in-0_mgja0_x71bz_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
95
95
  animation-fill-mode: both;
96
96
  }
97
- @keyframes awsui_awsui-motion-fade-in-0_mgja0_z4fdg_1 {
97
+ @keyframes awsui_awsui-motion-fade-in-0_mgja0_x71bz_1 {
98
98
  from {
99
99
  opacity: 0;
100
100
  }
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
103
103
  }
104
104
  }
105
105
  @media (prefers-reduced-motion: reduce) {
106
- .awsui_calendar_mgja0_z4fdg_93:not(#\9) {
106
+ .awsui_calendar_mgja0_x71bz_93:not(#\9) {
107
107
  animation: none;
108
108
  transition: none;
109
109
  }
110
110
  }
111
- .awsui-motion-disabled .awsui_calendar_mgja0_z4fdg_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_z4fdg_93:not(#\9) {
111
+ .awsui-motion-disabled .awsui_calendar_mgja0_x71bz_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_x71bz_93:not(#\9) {
112
112
  animation: none;
113
113
  transition: none;
114
114
  }
@@ -117,7 +117,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
117
117
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
118
118
  SPDX-License-Identifier: Apache-2.0
119
119
  */
120
- .awsui_root_mgja0_z4fdg_120:not(#\9) {
120
+ .awsui_root_mgja0_x71bz_120:not(#\9) {
121
121
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
122
122
  border-collapse: separate;
123
123
  border-spacing: 0;
@@ -155,28 +155,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
155
155
  max-width: 32em;
156
156
  }
157
157
 
158
- .awsui_trigger-wrapper_mgja0_z4fdg_132:not(#\9) {
158
+ .awsui_trigger-wrapper_mgja0_x71bz_132:not(#\9) {
159
159
  min-width: calc(var(--size-calendar-grid-width-lxsx0p, 238px) + 2 * var(--space-l-4vl6xu, 20px));
160
160
  }
161
161
 
162
- .awsui_trigger-flexbox_mgja0_z4fdg_136:not(#\9) {
162
+ .awsui_trigger-flexbox_mgja0_x71bz_136:not(#\9) {
163
163
  display: flex;
164
164
  }
165
165
 
166
- .awsui_calendar_mgja0_z4fdg_93:not(#\9) {
166
+ .awsui_calendar_mgja0_x71bz_93:not(#\9) {
167
167
  display: block;
168
168
  width: calc(2 * var(--size-calendar-grid-width-lxsx0p, 238px) + var(--space-xs-rsr2qu, 8px));
169
169
  }
170
- .awsui_calendar_mgja0_z4fdg_93.awsui_one-grid_mgja0_z4fdg_144:not(#\9) {
170
+ .awsui_calendar_mgja0_x71bz_93.awsui_one-grid_mgja0_x71bz_144:not(#\9) {
171
171
  width: var(--size-calendar-grid-width-lxsx0p, 238px);
172
172
  }
173
- .awsui_calendar-header_mgja0_z4fdg_147:not(#\9) {
173
+ .awsui_calendar-header_mgja0_x71bz_147:not(#\9) {
174
174
  display: flex;
175
175
  justify-content: space-between;
176
176
  align-items: center;
177
177
  position: relative;
178
178
  }
179
- .awsui_calendar-header-months-wrapper_mgja0_z4fdg_153:not(#\9) {
179
+ .awsui_calendar-header-months-wrapper_mgja0_x71bz_153:not(#\9) {
180
180
  position: absolute;
181
181
  right: 0;
182
182
  left: 0;
@@ -188,7 +188,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
188
188
  flex: 1;
189
189
  pointer-events: none;
190
190
  }
191
- .awsui_calendar-header-month_mgja0_z4fdg_153:not(#\9) {
191
+ .awsui_calendar-header-month_mgja0_x71bz_153:not(#\9) {
192
192
  font-size: var(--font-body-m-size-sregvd, 14px);
193
193
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
194
194
  font-weight: 700;
@@ -196,17 +196,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
196
196
  display: flex;
197
197
  pointer-events: auto;
198
198
  }
199
- .awsui_calendar-next-month-btn_mgja0_z4fdg_173:not(#\9) {
199
+ .awsui_calendar-next-month-btn_mgja0_x71bz_173:not(#\9) {
200
200
  /* used for identifying element */
201
201
  }
202
- .awsui_calendar-prev-month-btn_mgja0_z4fdg_176:not(#\9) {
202
+ .awsui_calendar-prev-month-btn_mgja0_x71bz_176:not(#\9) {
203
203
  /* used for identifying element */
204
204
  }
205
- .awsui_calendar-day-names_mgja0_z4fdg_179:not(#\9) {
205
+ .awsui_calendar-day-names_mgja0_x71bz_179:not(#\9) {
206
206
  display: flex;
207
207
  justify-content: stretch;
208
208
  }
209
- .awsui_calendar-day-name_mgja0_z4fdg_179:not(#\9) {
209
+ .awsui_calendar-day-name_mgja0_x71bz_179:not(#\9) {
210
210
  flex: 1 1 0%;
211
211
  width: 0;
212
212
  word-break: break-word;
@@ -217,133 +217,132 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
217
217
  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
218
218
  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
219
219
  }
220
- .awsui_calendar-week_mgja0_z4fdg_194:not(#\9) {
220
+ .awsui_calendar-week_mgja0_x71bz_194:not(#\9) {
221
221
  display: flex;
222
222
  justify-content: stretch;
223
223
  }
224
224
 
225
- .awsui_first-grid_mgja0_z4fdg_199:not(#\9),
226
- .awsui_second-grid_mgja0_z4fdg_200:not(#\9) {
225
+ .awsui_first-grid_mgja0_x71bz_199:not(#\9),
226
+ .awsui_second-grid_mgja0_x71bz_200:not(#\9) {
227
227
  /* used in test-utils */
228
228
  }
229
229
 
230
- .awsui_grid_mgja0_z4fdg_204:not(#\9) {
230
+ .awsui_grid_mgja0_x71bz_204:not(#\9) {
231
231
  width: var(--size-calendar-grid-width-lxsx0p, 238px);
232
232
  }
233
233
 
234
- .awsui_date-and-time-wrapper_mgja0_z4fdg_208:not(#\9) {
235
- display: flex;
234
+ .awsui_date-and-time-wrapper_mgja0_x71bz_208:not(#\9) {
236
235
  width: var(--size-calendar-grid-width-lxsx0p, 238px);
237
236
  }
238
- .awsui_date-and-time-wrapper__date_mgja0_z4fdg_212:not(#\9) {
239
- margin-right: var(--space-xs-rsr2qu, 8px);
240
- }
241
- .awsui_date-and-time-wrapper_mgja0_z4fdg_208 > .awsui_date-and-time-wrapper__time_mgja0_z4fdg_215:not(#\9), .awsui_date-and-time-wrapper_mgja0_z4fdg_208 > .awsui_date-and-time-wrapper__date_mgja0_z4fdg_212:not(#\9) {
242
- flex-grow: 1;
237
+
238
+ .awsui_date-and-time-wrapper_mgja0_x71bz_208:not(#\9):not(.awsui_date-only_mgja0_x71bz_212) {
239
+ display: grid;
240
+ column-gap: var(--space-xs-rsr2qu, 8px);
241
+ grid-template-columns: 1fr 1fr;
243
242
  }
244
243
 
245
- .awsui_date-and-time-constrainttext_mgja0_z4fdg_219:not(#\9) {
244
+ .awsui_date-and-time-constrainttext_mgja0_x71bz_218:not(#\9) {
246
245
  color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
247
246
  font-size: var(--font-body-s-size-ukw2p9, 12px);
248
247
  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
249
248
  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
250
249
  }
251
250
 
252
- .awsui_footer_mgja0_z4fdg_226:not(#\9) {
251
+ .awsui_footer_mgja0_x71bz_225:not(#\9) {
253
252
  display: flex;
254
253
  flex-wrap: wrap;
255
254
  justify-content: flex-end;
256
255
  border-top: 1px solid var(--color-border-dropdown-item-default-faosd8, #e9ebed);
257
256
  padding: 0 var(--space-l-4vl6xu, 20px) var(--space-s-hv8c1d, 12px);
258
257
  }
259
- .awsui_footer_mgja0_z4fdg_226.awsui_has-clear-button_mgja0_z4fdg_233:not(#\9) {
258
+ .awsui_footer_mgja0_x71bz_225.awsui_has-clear-button_mgja0_x71bz_232:not(#\9) {
260
259
  justify-content: space-between;
261
260
  }
262
- .awsui_footer_mgja0_z4fdg_226.awsui_one-grid_mgja0_z4fdg_144:not(#\9) {
261
+ .awsui_footer_mgja0_x71bz_225.awsui_one-grid_mgja0_x71bz_144:not(#\9) {
263
262
  padding: 0 var(--space-xs-rsr2qu, 8px) var(--space-s-hv8c1d, 12px);
264
263
  }
265
264
 
266
- .awsui_footer-button-wrapper_mgja0_z4fdg_240:not(#\9) {
265
+ .awsui_footer-button-wrapper_mgja0_x71bz_239:not(#\9) {
267
266
  padding-top: var(--space-s-hv8c1d, 12px);
268
267
  }
269
268
 
270
- .awsui_icon-wrapper_mgja0_z4fdg_244:not(#\9) {
269
+ .awsui_icon-wrapper_mgja0_x71bz_243:not(#\9) {
271
270
  color: var(--color-text-interactive-default-eg5fsa, #414d5c);
272
271
  margin-right: var(--space-xs-rsr2qu, 8px);
273
272
  }
274
273
 
275
- .awsui_label_mgja0_z4fdg_249:not(#\9) {
274
+ .awsui_label_mgja0_x71bz_248:not(#\9) {
276
275
  -webkit-user-select: text;
277
276
  user-select: text;
278
277
  cursor: default;
279
278
  }
280
279
 
281
- .awsui_label_mgja0_z4fdg_249.awsui_label-enabled_mgja0_z4fdg_254:not(#\9):hover > .awsui_trigger-flexbox_mgja0_z4fdg_136 > .awsui_icon-wrapper_mgja0_z4fdg_244 {
280
+ .awsui_label_mgja0_x71bz_248.awsui_label-enabled_mgja0_x71bz_253:not(#\9):hover > .awsui_trigger-flexbox_mgja0_x71bz_136 > .awsui_icon-wrapper_mgja0_x71bz_243 {
282
281
  color: var(--color-text-interactive-hover-v3lasm, #000716);
283
282
  }
284
283
 
285
- .awsui_label-text_mgja0_z4fdg_258:not(#\9) {
284
+ .awsui_label-text_mgja0_x71bz_257:not(#\9) {
286
285
  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
287
286
  font-style: italic;
288
287
  }
289
288
 
290
- .awsui_mode-switch_mgja0_z4fdg_263:not(#\9) {
289
+ .awsui_mode-switch_mgja0_x71bz_262:not(#\9) {
291
290
  /* used in test-utils */
292
291
  }
293
292
 
294
- .awsui_dropdown_mgja0_z4fdg_267:not(#\9) {
293
+ .awsui_dropdown_mgja0_x71bz_266:not(#\9) {
295
294
  overflow: auto;
296
295
  border-top: 1px solid var(--color-border-container-top-srcvx4, transparent);
297
296
  border-bottom: 1px solid var(--color-border-container-top-srcvx4, transparent);
298
297
  border-radius: var(--border-radius-dropdown-ujknaf, 8px);
299
298
  }
300
- .awsui_dropdown_mgja0_z4fdg_267:not(#\9):focus {
299
+ .awsui_dropdown_mgja0_x71bz_266:not(#\9):focus {
301
300
  outline: none;
302
301
  }
303
- .awsui_dropdown_mgja0_z4fdg_267[data-awsui-focus-visible=true]:not(#\9):focus {
302
+ .awsui_dropdown_mgja0_x71bz_266[data-awsui-focus-visible=true]:not(#\9):focus {
304
303
  outline: 2px dotted transparent;
305
304
  outline-offset: 2px;
306
305
  border-radius: var(--border-radius-dropdown-ujknaf, 8px);
307
306
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
308
307
  }
309
308
 
310
- .awsui_dropdown-content_mgja0_z4fdg_283:not(#\9) {
309
+ .awsui_dropdown-content_mgja0_x71bz_282:not(#\9) {
311
310
  -webkit-user-select: text;
312
311
  user-select: text;
313
312
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
314
313
  width: calc(2 * var(--size-calendar-grid-width-lxsx0p, 238px) + var(--space-xs-rsr2qu, 8px) + 2 * var(--space-l-4vl6xu, 20px));
315
314
  }
316
- .awsui_dropdown-content_mgja0_z4fdg_283.awsui_one-grid_mgja0_z4fdg_144:not(#\9) {
315
+ .awsui_dropdown-content_mgja0_x71bz_282.awsui_one-grid_mgja0_x71bz_144:not(#\9) {
317
316
  width: calc(var(--size-calendar-grid-width-lxsx0p, 238px) + 2 * var(--space-l-4vl6xu, 20px));
318
317
  }
319
318
 
320
- .awsui_start-date-input_mgja0_z4fdg_292:not(#\9),
321
- .awsui_start-time-input_mgja0_z4fdg_293:not(#\9),
322
- .awsui_end-date-input_mgja0_z4fdg_294:not(#\9),
323
- .awsui_end-time-input_mgja0_z4fdg_295:not(#\9) {
319
+ .awsui_start-date-input_mgja0_x71bz_291:not(#\9),
320
+ .awsui_start-time-input_mgja0_x71bz_292:not(#\9),
321
+ .awsui_end-date-input_mgja0_x71bz_293:not(#\9),
322
+ .awsui_end-time-input_mgja0_x71bz_294:not(#\9) {
324
323
  /* used in test-utils */
325
324
  }
326
325
 
327
- .awsui_validation-section_mgja0_z4fdg_299:not(#\9) {
326
+ .awsui_validation-section_mgja0_x71bz_298:not(#\9) {
328
327
  /* used in test-utils */
329
328
  }
330
329
 
331
- .awsui_validation-error_mgja0_z4fdg_303:not(#\9) {
330
+ .awsui_validation-error_mgja0_x71bz_302:not(#\9) {
332
331
  /* used in test-utils */
333
332
  }
334
333
 
335
- .awsui_clear-button_mgja0_z4fdg_307:not(#\9) {
334
+ .awsui_clear-button_mgja0_x71bz_306:not(#\9) {
336
335
  /* used in test-utils */
337
336
  }
338
337
 
339
- .awsui_apply-button_mgja0_z4fdg_311:not(#\9) {
338
+ .awsui_apply-button_mgja0_x71bz_310:not(#\9) {
340
339
  /* used in test-utils */
341
340
  }
342
341
 
343
- .awsui_cancel-button_mgja0_z4fdg_315:not(#\9) {
342
+ .awsui_cancel-button_mgja0_x71bz_314:not(#\9) {
344
343
  /* used in test-utils */
345
344
  }
346
345
 
347
- .awsui_calendar-aria-live_mgja0_z4fdg_319:not(#\9) {
346
+ .awsui_calendar-aria-live_mgja0_x71bz_318:not(#\9) {
348
347
  /* used in test-utils */
349
348
  }
package/date-range-picker/styles.selectors.js CHANGED
@@ -2,46 +2,45 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "calendar": "awsui_calendar_mgja0_z4fdg_93",
6
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_z4fdg_1",
7
- "root": "awsui_root_mgja0_z4fdg_120",
8
- "trigger-wrapper": "awsui_trigger-wrapper_mgja0_z4fdg_132",
9
- "trigger-flexbox": "awsui_trigger-flexbox_mgja0_z4fdg_136",
10
- "one-grid": "awsui_one-grid_mgja0_z4fdg_144",
11
- "calendar-header": "awsui_calendar-header_mgja0_z4fdg_147",
12
- "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_z4fdg_153",
13
- "calendar-header-month": "awsui_calendar-header-month_mgja0_z4fdg_153",
14
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_z4fdg_173",
15
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_z4fdg_176",
16
- "calendar-day-names": "awsui_calendar-day-names_mgja0_z4fdg_179",
17
- "calendar-day-name": "awsui_calendar-day-name_mgja0_z4fdg_179",
18
- "calendar-week": "awsui_calendar-week_mgja0_z4fdg_194",
19
- "first-grid": "awsui_first-grid_mgja0_z4fdg_199",
20
- "second-grid": "awsui_second-grid_mgja0_z4fdg_200",
21
- "grid": "awsui_grid_mgja0_z4fdg_204",
22
- "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_z4fdg_208",
23
- "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_z4fdg_212",
24
- "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_z4fdg_215",
25
- "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_z4fdg_219",
26
- "footer": "awsui_footer_mgja0_z4fdg_226",
27
- "has-clear-button": "awsui_has-clear-button_mgja0_z4fdg_233",
28
- "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_z4fdg_240",
29
- "icon-wrapper": "awsui_icon-wrapper_mgja0_z4fdg_244",
30
- "label": "awsui_label_mgja0_z4fdg_249",
31
- "label-enabled": "awsui_label-enabled_mgja0_z4fdg_254",
32
- "label-text": "awsui_label-text_mgja0_z4fdg_258",
33
- "mode-switch": "awsui_mode-switch_mgja0_z4fdg_263",
34
- "dropdown": "awsui_dropdown_mgja0_z4fdg_267",
35
- "dropdown-content": "awsui_dropdown-content_mgja0_z4fdg_283",
36
- "start-date-input": "awsui_start-date-input_mgja0_z4fdg_292",
37
- "start-time-input": "awsui_start-time-input_mgja0_z4fdg_293",
38
- "end-date-input": "awsui_end-date-input_mgja0_z4fdg_294",
39
- "end-time-input": "awsui_end-time-input_mgja0_z4fdg_295",
40
- "validation-section": "awsui_validation-section_mgja0_z4fdg_299",
41
- "validation-error": "awsui_validation-error_mgja0_z4fdg_303",
42
- "clear-button": "awsui_clear-button_mgja0_z4fdg_307",
43
- "apply-button": "awsui_apply-button_mgja0_z4fdg_311",
44
- "cancel-button": "awsui_cancel-button_mgja0_z4fdg_315",
45
- "calendar-aria-live": "awsui_calendar-aria-live_mgja0_z4fdg_319"
5
+ "calendar": "awsui_calendar_mgja0_x71bz_93",
6
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_x71bz_1",
7
+ "root": "awsui_root_mgja0_x71bz_120",
8
+ "trigger-wrapper": "awsui_trigger-wrapper_mgja0_x71bz_132",
9
+ "trigger-flexbox": "awsui_trigger-flexbox_mgja0_x71bz_136",
10
+ "one-grid": "awsui_one-grid_mgja0_x71bz_144",
11
+ "calendar-header": "awsui_calendar-header_mgja0_x71bz_147",
12
+ "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_x71bz_153",
13
+ "calendar-header-month": "awsui_calendar-header-month_mgja0_x71bz_153",
14
+ "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_x71bz_173",
15
+ "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_x71bz_176",
16
+ "calendar-day-names": "awsui_calendar-day-names_mgja0_x71bz_179",
17
+ "calendar-day-name": "awsui_calendar-day-name_mgja0_x71bz_179",
18
+ "calendar-week": "awsui_calendar-week_mgja0_x71bz_194",
19
+ "first-grid": "awsui_first-grid_mgja0_x71bz_199",
20
+ "second-grid": "awsui_second-grid_mgja0_x71bz_200",
21
+ "grid": "awsui_grid_mgja0_x71bz_204",
22
+ "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_x71bz_208",
23
+ "date-only": "awsui_date-only_mgja0_x71bz_212",
24
+ "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_x71bz_218",
25
+ "footer": "awsui_footer_mgja0_x71bz_225",
26
+ "has-clear-button": "awsui_has-clear-button_mgja0_x71bz_232",
27
+ "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_x71bz_239",
28
+ "icon-wrapper": "awsui_icon-wrapper_mgja0_x71bz_243",
29
+ "label": "awsui_label_mgja0_x71bz_248",
30
+ "label-enabled": "awsui_label-enabled_mgja0_x71bz_253",
31
+ "label-text": "awsui_label-text_mgja0_x71bz_257",
32
+ "mode-switch": "awsui_mode-switch_mgja0_x71bz_262",
33
+ "dropdown": "awsui_dropdown_mgja0_x71bz_266",
34
+ "dropdown-content": "awsui_dropdown-content_mgja0_x71bz_282",
35
+ "start-date-input": "awsui_start-date-input_mgja0_x71bz_291",
36
+ "start-time-input": "awsui_start-time-input_mgja0_x71bz_292",
37
+ "end-date-input": "awsui_end-date-input_mgja0_x71bz_293",
38
+ "end-time-input": "awsui_end-time-input_mgja0_x71bz_294",
39
+ "validation-section": "awsui_validation-section_mgja0_x71bz_298",
40
+ "validation-error": "awsui_validation-error_mgja0_x71bz_302",
41
+ "clear-button": "awsui_clear-button_mgja0_x71bz_306",
42
+ "apply-button": "awsui_apply-button_mgja0_x71bz_310",
43
+ "cancel-button": "awsui_cancel-button_mgja0_x71bz_314",
44
+ "calendar-aria-live": "awsui_calendar-aria-live_mgja0_x71bz_318"
46
45
  };
47
46
 
package/flashbar/flash.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"flash.d.ts","sourceRoot":"","sources":["../../../src/flashbar/flash.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AA6C1B,UAAU,KAAM,SAAQ,aAAa,CAAC,iBAAiB;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,8EAyEjB,CAAC"}
1
+ {"version":3,"file":"flash.d.ts","sourceRoot":"","sources":["../../../src/flashbar/flash.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AA6C1B,UAAU,KAAM,SAAQ,aAAa,CAAC,iBAAiB;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,8EA4EjB,CAAC"}
package/flashbar/flash.js CHANGED
@@ -21,7 +21,7 @@ function dismissButton(dismissLabel, onDismiss) {
21
21
  }
22
22
  export var Flash = React.forwardRef(function (_a, ref) {
23
23
  var _b;
24
- var header = _a.header, content = _a.content, dismissible = _a.dismissible, dismissLabel = _a.dismissLabel, loading = _a.loading, action = _a.action, buttonText = _a.buttonText, onButtonClick = _a.onButtonClick, onDismiss = _a.onDismiss, className = _a.className, transitionState = _a.transitionState, _c = _a.type, type = _c === void 0 ? 'info' : _c;
24
+ var header = _a.header, content = _a.content, dismissible = _a.dismissible, dismissLabel = _a.dismissLabel, statusIconAriaLabel = _a.statusIconAriaLabel, loading = _a.loading, action = _a.action, buttonText = _a.buttonText, onButtonClick = _a.onButtonClick, onDismiss = _a.onDismiss, className = _a.className, transitionState = _a.transitionState, _c = _a.type, type = _c === void 0 ? 'info' : _c;
25
25
  if (isDevelopment) {
26
26
  if (buttonText && !onButtonClick) {
27
27
  warnOnce('Flashbar', "You provided a `buttonText` prop without an `onButtonClick` handler. This will render a non-interactive action button.");
@@ -43,7 +43,7 @@ export var Flash = React.forwardRef(function (_a, ref) {
43
43
  _b[styles.exiting] = transitionState === 'exiting',
44
44
  _b[styles.exited] = transitionState === 'exited',
45
45
  _b) : '') },
46
- React.createElement("div", { className: clsx(styles['flash-icon'], styles['flash-text']) }, icon),
46
+ React.createElement("div", { className: clsx(styles['flash-icon'], styles['flash-text']), role: "img", "aria-label": statusIconAriaLabel }, icon),
47
47
  React.createElement("div", { className: styles['flash-body'] },
48
48
  React.createElement("div", { className: clsx(styles['flash-message'], styles['flash-text']) },
49
49
  React.createElement("div", { className: styles['flash-header'] }, header),
package/flashbar/flash.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"flash.js","sourceRoot":"","sources":["../../../src/flashbar/flash.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAClD,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,IAAM,UAAU,GAAG;IACjB,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,gBAAgB;IACzB,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,iBAAiB;CAChB,CAAC;AAEX,SAAS,YAAY,CACnB,UAAyD,EACzD,aAA+D;IAE/D,OAAO,CACL,oBAAC,cAAc,IAAC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,UAAU,EAAC,MAAM,IAC1F,UAAU,CACI,CAClB,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CACpB,YAA6D,EAC7D,SAAuD;IAEvD,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;QAC9C,oBAAC,cAAc,IACb,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EACnC,OAAO,EAAC,eAAe,EACvB,QAAQ,EAAC,OAAO,EAChB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,YAAY,GACvB,CACE,CACP,CAAC;AACJ,CAAC;AAOD,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,UACE,EAaQ,EACR,GAA8B;;QAb5B,MAAM,YAAA,EACN,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA;IAIf,IAAI,aAAa,EAAE;QACjB,IAAI,UAAU,IAAI,CAAC,aAAa,EAAE;YAChC,QAAQ,CACN,UAAU,EACV,wHAA4H,CAC7H,CAAC;SACH;QAED,IAAI,WAAW,IAAI,CAAC,SAAS,EAAE;YAC7B,QAAQ,CACN,UAAU,EACV,wHAA4H,CAC7H,CAAC;SACH;KACF;IAED,IAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjF,IAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAElC,IAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;IAE9E,IAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9C,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,qBAAc,aAAa,CAAE,CAAC,EACrC,SAAS,EACT,eAAe;YACb,CAAC;gBACG,GAAC,MAAM,CAAC,KAAK,IAAG,eAAe,KAAK,OAAO;gBAC3C,GAAC,MAAM,CAAC,QAAQ,IAAG,eAAe,KAAK,UAAU;gBACjD,GAAC,MAAM,CAAC,OAAO,IAAG,eAAe,KAAK,SAAS;gBAC/C,GAAC,MAAM,CAAC,IAAI,IAAG,eAAe,KAAK,MAAM;gBACzC,GAAC,MAAM,CAAC,OAAO,IAAG,eAAe,KAAK,SAAS;gBAC/C,GAAC,MAAM,CAAC,MAAM,IAAG,eAAe,KAAK,QAAQ;oBAEjD,CAAC,CAAC,EAAE,CACP;QAED,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,IAAG,IAAI,CAAO;QAC9E,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC;YAClC,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;gBACjE,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,IAAG,MAAM,CAAO;gBACtD,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,IAAG,OAAO,CAAO,CACpD;YACL,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAAG,MAAM,CAAO,CACtE;QACL,WAAW,IAAI,aAAa,CAAC,YAAY,EAAE,SAAS,CAAC,CAClD,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { FlashbarProps } from './interfaces';\nimport React from 'react';\nimport InternalSpinner from '../spinner/internal';\nimport InternalIcon from '../icon/internal';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { InternalButton } from '../button/internal';\nimport { warnOnce } from '../internal/logging';\nimport { isDevelopment } from '../internal/is-development';\n\nconst ICON_TYPES = {\n success: 'status-positive',\n warning: 'status-warning',\n info: 'status-info',\n error: 'status-negative',\n} as const;\n\nfunction actionButton(\n buttonText: FlashbarProps.MessageDefinition['buttonText'],\n onButtonClick: FlashbarProps.MessageDefinition['onButtonClick']\n) {\n return (\n <InternalButton onClick={onButtonClick} className={styles['action-button']} formAction=\"none\">\n {buttonText}\n </InternalButton>\n );\n}\n\nfunction dismissButton(\n dismissLabel: FlashbarProps.MessageDefinition['dismissLabel'],\n onDismiss: FlashbarProps.MessageDefinition['onDismiss']\n) {\n return (\n <div className={styles['dismiss-button-wrapper']}>\n <InternalButton\n onClick={onDismiss}\n className={styles['dismiss-button']}\n variant=\"flashbar-icon\"\n iconName=\"close\"\n formAction=\"none\"\n ariaLabel={dismissLabel}\n />\n </div>\n );\n}\n\ninterface Flash extends FlashbarProps.MessageDefinition {\n className: string;\n transitionState?: string;\n}\n\nexport const Flash = React.forwardRef(\n (\n {\n header,\n content,\n dismissible,\n dismissLabel,\n loading,\n action,\n buttonText,\n onButtonClick,\n onDismiss,\n className,\n transitionState,\n type = 'info',\n }: Flash,\n ref: React.Ref<HTMLDivElement>\n ) => {\n if (isDevelopment) {\n if (buttonText && !onButtonClick) {\n warnOnce(\n 'Flashbar',\n `You provided a \\`buttonText\\` prop without an \\`onButtonClick\\` handler. This will render a non-interactive action button.`\n );\n }\n\n if (dismissible && !onDismiss) {\n warnOnce(\n 'Flashbar',\n `You have set the \\`dismissible\\` prop without an \\`onDismiss\\` handler. This will render a non-interactive dismiss button.`\n );\n }\n }\n\n const button = action || (buttonText && actionButton(buttonText, onButtonClick));\n\n const iconType = ICON_TYPES[type];\n\n const icon = loading ? <InternalSpinner /> : <InternalIcon name={iconType} />;\n\n const effectiveType = loading ? 'info' : type;\n\n return (\n <div\n ref={ref}\n className={clsx(\n styles.flash,\n styles[`flash-type-${effectiveType}`],\n className,\n transitionState\n ? {\n [styles.enter]: transitionState === 'enter',\n [styles.entering]: transitionState === 'entering',\n [styles.entered]: transitionState === 'entered',\n [styles.exit]: transitionState === 'exit',\n [styles.exiting]: transitionState === 'exiting',\n [styles.exited]: transitionState === 'exited',\n }\n : ''\n )}\n >\n <div className={clsx(styles['flash-icon'], styles['flash-text'])}>{icon}</div>\n <div className={styles['flash-body']}>\n <div className={clsx(styles['flash-message'], styles['flash-text'])}>\n <div className={styles['flash-header']}>{header}</div>\n <div className={styles['flash-content']}>{content}</div>\n </div>\n {button && <div className={styles['action-button-wrapper']}>{button}</div>}\n </div>\n {dismissible && dismissButton(dismissLabel, onDismiss)}\n </div>\n );\n }\n);\n"]}
1
+ {"version":3,"file":"flash.js","sourceRoot":"","sources":["../../../src/flashbar/flash.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { FlashbarProps } from './interfaces';\nimport React from 'react';\nimport InternalSpinner from '../spinner/internal';\nimport InternalIcon from '../icon/internal';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { InternalButton } from '../button/internal';\nimport { warnOnce } from '../internal/logging';\nimport { isDevelopment } from '../internal/is-development';\n\nconst ICON_TYPES = {\n success: 'status-positive',\n warning: 'status-warning',\n info: 'status-info',\n error: 'status-negative',\n} as const;\n\nfunction actionButton(\n buttonText: FlashbarProps.MessageDefinition['buttonText'],\n onButtonClick: FlashbarProps.MessageDefinition['onButtonClick']\n) {\n return (\n <InternalButton onClick={onButtonClick} className={styles['action-button']} formAction=\"none\">\n {buttonText}\n </InternalButton>\n );\n}\n\nfunction dismissButton(\n dismissLabel: FlashbarProps.MessageDefinition['dismissLabel'],\n onDismiss: FlashbarProps.MessageDefinition['onDismiss']\n) {\n return (\n <div className={styles['dismiss-button-wrapper']}>\n <InternalButton\n onClick={onDismiss}\n className={styles['dismiss-button']}\n variant=\"flashbar-icon\"\n iconName=\"close\"\n formAction=\"none\"\n ariaLabel={dismissLabel}\n />\n </div>\n );\n}\n\ninterface Flash extends FlashbarProps.MessageDefinition {\n className: string;\n transitionState?: string;\n}\n\nexport const Flash = React.forwardRef(\n (\n {\n header,\n content,\n dismissible,\n dismissLabel,\n statusIconAriaLabel,\n loading,\n action,\n buttonText,\n onButtonClick,\n onDismiss,\n className,\n transitionState,\n type = 'info',\n }: Flash,\n ref: React.Ref<HTMLDivElement>\n ) => {\n if (isDevelopment) {\n if (buttonText && !onButtonClick) {\n warnOnce(\n 'Flashbar',\n `You provided a \\`buttonText\\` prop without an \\`onButtonClick\\` handler. This will render a non-interactive action button.`\n );\n }\n\n if (dismissible && !onDismiss) {\n warnOnce(\n 'Flashbar',\n `You have set the \\`dismissible\\` prop without an \\`onDismiss\\` handler. This will render a non-interactive dismiss button.`\n );\n }\n }\n\n const button = action || (buttonText && actionButton(buttonText, onButtonClick));\n\n const iconType = ICON_TYPES[type];\n\n const icon = loading ? <InternalSpinner /> : <InternalIcon name={iconType} />;\n\n const effectiveType = loading ? 'info' : type;\n\n return (\n <div\n ref={ref}\n className={clsx(\n styles.flash,\n styles[`flash-type-${effectiveType}`],\n className,\n transitionState\n ? {\n [styles.enter]: transitionState === 'enter',\n [styles.entering]: transitionState === 'entering',\n [styles.entered]: transitionState === 'entered',\n [styles.exit]: transitionState === 'exit',\n [styles.exiting]: transitionState === 'exiting',\n [styles.exited]: transitionState === 'exited',\n }\n : ''\n )}\n >\n <div className={clsx(styles['flash-icon'], styles['flash-text'])} role=\"img\" aria-label={statusIconAriaLabel}>\n {icon}\n </div>\n <div className={styles['flash-body']}>\n <div className={clsx(styles['flash-message'], styles['flash-text'])}>\n <div className={styles['flash-header']}>{header}</div>\n <div className={styles['flash-content']}>{content}</div>\n </div>\n {button && <div className={styles['action-button-wrapper']}>{button}</div>}\n </div>\n {dismissible && dismissButton(dismissLabel, onDismiss)}\n </div>\n );\n }\n);\n"]}
package/flashbar/interfaces.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare namespace FlashbarProps {
7
7
  content?: React.ReactNode;
8
8
  dismissible?: boolean;
9
9
  dismissLabel?: string;
10
+ statusIconAriaLabel?: string;
10
11
  loading?: boolean;
11
12
  type?: FlashbarProps.Type;
12
13
  action?: React.ReactNode;
@@ -30,6 +31,7 @@ export interface FlashbarProps extends BaseComponentProps {
30
31
  * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.
31
32
  * When a user clicks on this button the `onDismiss` handler is called.
32
33
  * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.
34
+ * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.
33
35
  * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,
34
36
  * our UX guidelines only allow you to add a button.
35
37
  * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.
package/flashbar/interfaces.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,iBAAiB;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC;QAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;QACrC,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;KACpC;IAED,KAAY,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;CAC7D;AAED,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;CACvD"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,iBAAiB;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC;QAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;QACrC,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QACvC,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;KACpC;IAED,KAAY,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;CAC7D;AAED,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;CACvD"}
package/flashbar/interfaces.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/flashbar/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 React from 'react';\nimport { ButtonProps } from '../button/interfaces';\n\nexport namespace FlashbarProps {\n export interface MessageDefinition {\n header?: React.ReactNode;\n content?: React.ReactNode;\n dismissible?: boolean;\n dismissLabel?: string;\n loading?: boolean;\n type?: FlashbarProps.Type;\n action?: React.ReactNode;\n id?: string;\n buttonText?: ButtonProps['children'];\n onButtonClick?: ButtonProps['onClick'];\n onDismiss?: ButtonProps['onClick'];\n }\n\n export type Type = 'success' | 'warning' | 'info' | 'error';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n /**\n * Specifies flash messages that appear in the same order that they are listed.\n * The value is an array of flash message definition objects.\n *\n * A flash message object contains the following properties:\n * * `header` (ReactNode) - Specifies the heading text.\n * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info`. The default is `info`.\n * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n * When a user clicks on this button the `onDismiss` handler is called.\n * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n * our UX guidelines only allow you to add a button.\n * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n * When a user clicks on this button the `onButtonClick` handler is called. If the `action` property is set, this property is ignored.\n * **Deprecated**, replaced by `action`.\n * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n * using the `action` property. **Deprecated**, replaced by `action`.\n * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:\n * 1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n * 2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n * @visualrefresh `id` property\n */\n items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/flashbar/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 React from 'react';\nimport { ButtonProps } from '../button/interfaces';\n\nexport namespace FlashbarProps {\n export interface MessageDefinition {\n header?: React.ReactNode;\n content?: React.ReactNode;\n dismissible?: boolean;\n dismissLabel?: string;\n statusIconAriaLabel?: string;\n loading?: boolean;\n type?: FlashbarProps.Type;\n action?: React.ReactNode;\n id?: string;\n buttonText?: ButtonProps['children'];\n onButtonClick?: ButtonProps['onClick'];\n onDismiss?: ButtonProps['onClick'];\n }\n\n export type Type = 'success' | 'warning' | 'info' | 'error';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n /**\n * Specifies flash messages that appear in the same order that they are listed.\n * The value is an array of flash message definition objects.\n *\n * A flash message object contains the following properties:\n * * `header` (ReactNode) - Specifies the heading text.\n * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info`. The default is `info`.\n * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n * When a user clicks on this button the `onDismiss` handler is called.\n * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.\n * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n * our UX guidelines only allow you to add a button.\n * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n * When a user clicks on this button the `onButtonClick` handler is called. If the `action` property is set, this property is ignored.\n * **Deprecated**, replaced by `action`.\n * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n * using the `action` property. **Deprecated**, replaced by `action`.\n * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:\n * 1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n * 2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n * @visualrefresh `id` property\n */\n items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n}\n"]}
package/help-panel/styles.scoped.css CHANGED
@@ -245,7 +245,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
245
245
  text-decoration: none;
246
246
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
247
247
  text-decoration-color: transparent;
248
+ transition-property: color, -webkit-text-decoration;
248
249
  transition-property: color, text-decoration;
250
+ transition-property: color, text-decoration, -webkit-text-decoration;
249
251
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
250
252
  }
251
253
  @media (prefers-reduced-motion: reduce) {
package/input/internal.js CHANGED
@@ -54,7 +54,7 @@ function InternalInput(_a, ref) {
54
54
  return (React.createElement("div", __assign({}, baseProps, { className: clsx(baseProps.className, styles['input-container']), ref: __internalRootRef }),
55
55
  __leftIcon && (React.createElement("span", { onClick: __onLeftIconClick, className: iconClassName('left', !!__onLeftIconClick) },
56
56
  React.createElement(InternalIcon, { name: __leftIcon, variant: disabled ? 'disabled' : __leftIconVariant }))),
57
- React.createElement("input", __assign({ spellCheck: false, ref: mergedRef }, attributes)),
57
+ React.createElement("input", __assign({ ref: mergedRef }, attributes, { spellCheck: false })),
58
58
  __rightIcon && (React.createElement("span", { onClick: __onRightIconClick, onMouseDown: preventMouseDown, className: iconClassName('right', !!__onRightIconClick) },
59
59
  React.createElement(InternalIcon, { name: __rightIcon, variant: disabled ? 'disabled' : __rightIconVariant })))));
60
60
  }
package/input/internal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/input/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { MouseEventHandler, Ref, useRef } from 'react';\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport {\n fireNonCancelableEvent,\n fireKeyboardEvent,\n NonCancelableEventHandler,\n getBlurEventRelatedTarget,\n} from '../internal/events';\nimport { InputProps, BaseInputProps, BaseChangeDetail } from './interfaces';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { useSearchProps, convertAutoComplete } from './utils';\nimport { useDebounceCallback } from '../internal/hooks/use-debounce-callback';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport interface InternalInputProps\n extends BaseComponentProps,\n BaseInputProps,\n InputProps,\n FormFieldValidationControlProps,\n InternalBaseComponentProps {\n __leftIcon?: IconProps['name'];\n __leftIconVariant?: IconProps['variant'];\n __onLeftIconClick?: () => void;\n\n __rightIcon?: IconProps['name'];\n __rightIconVariant?: IconProps['variant'];\n __onRightIconClick?: () => void;\n\n __nativeAttributes?: Record<string, any>;\n __noBorderRadius?: boolean;\n\n __onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n __onBlurWithDetail?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n}\n\nconst iconClassName = (position: string, hasHandler: boolean) =>\n clsx(styles['input-icon'], styles[`input-icon-${position}`], { [styles['input-icon-hoverable']]: hasHandler });\nconst preventMouseDown: MouseEventHandler = e => e.preventDefault();\n\nfunction InternalInput(\n {\n type = 'text',\n step,\n inputMode,\n autoComplete = true,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n name,\n value,\n controlId,\n placeholder,\n autoFocus,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n __noBorderRadius,\n\n __leftIcon,\n __leftIconVariant = 'subtle',\n __onLeftIconClick,\n\n invalid,\n ariaRequired,\n\n __rightIcon,\n __rightIconVariant = 'normal',\n __onRightIconClick,\n\n onKeyDown,\n onKeyUp,\n onChange,\n __onDelayedInput,\n __onBlurWithDetail,\n onBlur,\n onFocus,\n __nativeAttributes,\n __internalRootRef,\n ...rest\n }: InternalInputProps,\n ref: Ref<HTMLInputElement>\n) {\n const baseProps = getBaseProps(rest);\n const fireDelayedInput = useDebounceCallback((value: string) => fireNonCancelableEvent(__onDelayedInput, { value }));\n\n const handleChange = (value: string) => {\n fireDelayedInput(value);\n fireNonCancelableEvent(onChange, { value });\n };\n\n const inputRef = useRef<HTMLInputElement>(null);\n const searchProps = useSearchProps(type, disabled, readOnly, value, inputRef, handleChange);\n __leftIcon = __leftIcon ?? searchProps.__leftIcon;\n __rightIcon = __rightIcon ?? searchProps.__rightIcon;\n __onRightIconClick = __onRightIconClick ?? searchProps.__onRightIconClick;\n\n const attributes: React.InputHTMLAttributes<HTMLInputElement> = {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n name,\n placeholder,\n autoFocus,\n id: controlId,\n className: clsx(\n styles.input,\n type && styles[`input-type-${type}`],\n __rightIcon && styles['input-has-icon-right'],\n __leftIcon && styles['input-has-icon-left'],\n __noBorderRadius && styles['input-has-no-border-radius'],\n {\n [styles['input-readonly']]: readOnly,\n [styles['input-invalid']]: invalid,\n }\n ),\n autoComplete: convertAutoComplete(autoComplete),\n disabled,\n readOnly,\n type,\n step,\n inputMode,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value ?? '',\n onChange: onChange && (event => handleChange(event.target.value)),\n onBlur: e => {\n onBlur && fireNonCancelableEvent(onBlur);\n __onBlurWithDetail &&\n fireNonCancelableEvent(__onBlurWithDetail, { relatedTarget: getBlurEventRelatedTarget(e.nativeEvent) });\n },\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n ...__nativeAttributes,\n };\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n // ensure aria properties are string literal \"true\"\n if (ariaRequired) {\n attributes['aria-required'] = 'true';\n }\n if (invalid) {\n attributes['aria-invalid'] = 'true';\n }\n\n const mergedRef = useMergeRefs(ref, inputRef);\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles['input-container'])} ref={__internalRootRef}>\n {__leftIcon && (\n <span onClick={__onLeftIconClick} className={iconClassName('left', !!__onLeftIconClick)}>\n <InternalIcon name={__leftIcon} variant={disabled ? 'disabled' : __leftIconVariant} />\n </span>\n )}\n <input spellCheck={false} ref={mergedRef} {...attributes} />\n {__rightIcon && (\n <span\n onClick={__onRightIconClick}\n onMouseDown={preventMouseDown}\n className={iconClassName('right', !!__onRightIconClick)}\n >\n <InternalIcon name={__rightIcon} variant={disabled ? 'disabled' : __rightIconVariant} />\n </span>\n )}\n </div>\n );\n}\n\nexport default React.forwardRef(InternalInput);\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/input/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAA0B,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EAEjB,yBAAyB,GAC1B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAyB9E,IAAM,aAAa,GAAG,UAAC,QAAgB,EAAE,UAAmB;;IAC1D,OAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,qBAAc,QAAQ,CAAE,CAAC,YAAI,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,UAAU,MAAG;AAA9G,CAA8G,CAAC;AACjH,IAAM,gBAAgB,GAAsB,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,cAAc,EAAE,EAAlB,CAAkB,CAAC;AAEpE,SAAS,aAAa,CACpB,EAuCqB,EACrB,GAA0B;;IAvCxB,IAAA,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,yBAAyB,+BAAA,EACzB,gBAAgB,sBAAA,EAEhB,UAAU,gBAAA,EACV,yBAA4B,EAA5B,iBAAiB,mBAAG,QAAQ,KAAA,EAC5B,iBAAiB,uBAAA,EAEjB,OAAO,aAAA,EACP,YAAY,kBAAA,EAEZ,WAAW,iBAAA,EACX,0BAA6B,EAA7B,kBAAkB,mBAAG,QAAQ,KAAA,EAC7B,kBAAkB,wBAAA,EAElB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,kBAAkB,wBAAA,EAClB,MAAM,YAAA,EACN,OAAO,aAAA,EACP,kBAAkB,wBAAA,EAClB,iBAAiB,uBAAA,EACd,IAAI,cAtCT,8fAuCC,CADQ;IAIT,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,UAAC,KAAa,IAAK,OAAA,sBAAsB,CAAC,gBAAgB,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,EAAnD,CAAmD,CAAC,CAAC;IAErH,IAAM,YAAY,GAAG,UAAC,KAAa;QACjC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,IAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC5F,UAAU,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,WAAW,CAAC,UAAU,CAAC;IAClD,WAAW,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW,CAAC,WAAW,CAAC;IACrD,kBAAkB,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,WAAW,CAAC,kBAAkB,CAAC;IAE1E,IAAM,UAAU,cACd,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,IAAI,MAAA,EACJ,WAAW,aAAA,EACX,SAAS,WAAA,EACT,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,KAAK,EACZ,IAAI,IAAI,MAAM,CAAC,qBAAc,IAAI,CAAE,CAAC,EACpC,WAAW,IAAI,MAAM,CAAC,sBAAsB,CAAC,EAC7C,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,gBAAgB,IAAI,MAAM,CAAC,4BAA4B,CAAC;YAEtD,GAAC,MAAM,CAAC,gBAAgB,CAAC,IAAG,QAAQ;YACpC,GAAC,MAAM,CAAC,eAAe,CAAC,IAAG,OAAO;gBAErC,EACD,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC,EAC/C,QAAQ,UAAA,EACR,QAAQ,UAAA,EACR,IAAI,MAAA,EACJ,IAAI,MAAA,EACJ,SAAS,WAAA,EACT,SAAS,EAAE,SAAS,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,EAAnC,CAAmC,CAAC,EACtE,OAAO,EAAE,OAAO,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,EAAjC,CAAiC,CAAC;QAChE,yFAAyF;QACzF,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAhC,CAAgC,CAAC,EACjE,MAAM,EAAE,UAAA,CAAC;YACP,MAAM,IAAI,sBAAsB,CAAC,MAAM,CAAC,CAAC;YACzC,kBAAkB;gBAChB,sBAAsB,CAAC,kBAAkB,EAAE,EAAE,aAAa,EAAE,yBAAyB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC5G,CAAC,EACD,OAAO,EAAE,OAAO,IAAI,CAAC,cAAM,OAAA,sBAAsB,CAAC,OAAO,CAAC,EAA/B,CAA+B,CAAC,IACxD,kBAAkB,CACtB,CAAC;IAEF,IAAI,yBAAyB,EAAE;QAC7B,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC;QAC/B,UAAU,CAAC,cAAc,GAAG,KAAK,CAAC;KACnC;IAED,mDAAmD;IACnD,IAAI,YAAY,EAAE;QAChB,UAAU,CAAC,eAAe,CAAC,GAAG,MAAM,CAAC;KACtC;IACD,IAAI,OAAO,EAAE;QACX,UAAU,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;KACrC;IAED,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL,wCAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,iBAAiB;QACxG,UAAU,IAAI,CACb,8BAAM,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,iBAAiB,CAAC;YACrF,oBAAC,YAAY,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,GAAI,CACjF,CACR;QACD,wCAAO,GAAG,EAAE,SAAS,IAAM,UAAU,IAAE,UAAU,EAAE,KAAK,IAAI;QAC3D,WAAW,IAAI,CACd,8BACE,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAE,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,kBAAkB,CAAC;YAEvD,oBAAC,YAAY,IAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,GAAI,CACnF,CACR,CACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { MouseEventHandler, Ref, useRef } from 'react';\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport {\n fireNonCancelableEvent,\n fireKeyboardEvent,\n NonCancelableEventHandler,\n getBlurEventRelatedTarget,\n} from '../internal/events';\nimport { InputProps, BaseInputProps, BaseChangeDetail } from './interfaces';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { useSearchProps, convertAutoComplete } from './utils';\nimport { useDebounceCallback } from '../internal/hooks/use-debounce-callback';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport interface InternalInputProps\n extends BaseComponentProps,\n BaseInputProps,\n InputProps,\n FormFieldValidationControlProps,\n InternalBaseComponentProps {\n __leftIcon?: IconProps['name'];\n __leftIconVariant?: IconProps['variant'];\n __onLeftIconClick?: () => void;\n\n __rightIcon?: IconProps['name'];\n __rightIconVariant?: IconProps['variant'];\n __onRightIconClick?: () => void;\n\n __nativeAttributes?: Record<string, any>;\n __noBorderRadius?: boolean;\n\n __onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n __onBlurWithDetail?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n}\n\nconst iconClassName = (position: string, hasHandler: boolean) =>\n clsx(styles['input-icon'], styles[`input-icon-${position}`], { [styles['input-icon-hoverable']]: hasHandler });\nconst preventMouseDown: MouseEventHandler = e => e.preventDefault();\n\nfunction InternalInput(\n {\n type = 'text',\n step,\n inputMode,\n autoComplete = true,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n name,\n value,\n controlId,\n placeholder,\n autoFocus,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n __noBorderRadius,\n\n __leftIcon,\n __leftIconVariant = 'subtle',\n __onLeftIconClick,\n\n invalid,\n ariaRequired,\n\n __rightIcon,\n __rightIconVariant = 'normal',\n __onRightIconClick,\n\n onKeyDown,\n onKeyUp,\n onChange,\n __onDelayedInput,\n __onBlurWithDetail,\n onBlur,\n onFocus,\n __nativeAttributes,\n __internalRootRef,\n ...rest\n }: InternalInputProps,\n ref: Ref<HTMLInputElement>\n) {\n const baseProps = getBaseProps(rest);\n const fireDelayedInput = useDebounceCallback((value: string) => fireNonCancelableEvent(__onDelayedInput, { value }));\n\n const handleChange = (value: string) => {\n fireDelayedInput(value);\n fireNonCancelableEvent(onChange, { value });\n };\n\n const inputRef = useRef<HTMLInputElement>(null);\n const searchProps = useSearchProps(type, disabled, readOnly, value, inputRef, handleChange);\n __leftIcon = __leftIcon ?? searchProps.__leftIcon;\n __rightIcon = __rightIcon ?? searchProps.__rightIcon;\n __onRightIconClick = __onRightIconClick ?? searchProps.__onRightIconClick;\n\n const attributes: React.InputHTMLAttributes<HTMLInputElement> = {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n name,\n placeholder,\n autoFocus,\n id: controlId,\n className: clsx(\n styles.input,\n type && styles[`input-type-${type}`],\n __rightIcon && styles['input-has-icon-right'],\n __leftIcon && styles['input-has-icon-left'],\n __noBorderRadius && styles['input-has-no-border-radius'],\n {\n [styles['input-readonly']]: readOnly,\n [styles['input-invalid']]: invalid,\n }\n ),\n autoComplete: convertAutoComplete(autoComplete),\n disabled,\n readOnly,\n type,\n step,\n inputMode,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value ?? '',\n onChange: onChange && (event => handleChange(event.target.value)),\n onBlur: e => {\n onBlur && fireNonCancelableEvent(onBlur);\n __onBlurWithDetail &&\n fireNonCancelableEvent(__onBlurWithDetail, { relatedTarget: getBlurEventRelatedTarget(e.nativeEvent) });\n },\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n ...__nativeAttributes,\n };\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n // ensure aria properties are string literal \"true\"\n if (ariaRequired) {\n attributes['aria-required'] = 'true';\n }\n if (invalid) {\n attributes['aria-invalid'] = 'true';\n }\n\n const mergedRef = useMergeRefs(ref, inputRef);\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles['input-container'])} ref={__internalRootRef}>\n {__leftIcon && (\n <span onClick={__onLeftIconClick} className={iconClassName('left', !!__onLeftIconClick)}>\n <InternalIcon name={__leftIcon} variant={disabled ? 'disabled' : __leftIconVariant} />\n </span>\n )}\n <input ref={mergedRef} {...attributes} spellCheck={false} />\n {__rightIcon && (\n <span\n onClick={__onRightIconClick}\n onMouseDown={preventMouseDown}\n className={iconClassName('right', !!__onRightIconClick)}\n >\n <InternalIcon name={__rightIcon} variant={disabled ? 'disabled' : __rightIconVariant} />\n </span>\n )}\n </div>\n );\n}\n\nexport default React.forwardRef(InternalInput);\n"]}
package/internal/base-component/styles.scoped.css CHANGED
@@ -242,7 +242,6 @@
242
242
  --color-border-dropdown-item-default-faosd8:#e9ebed;
243
243
  --color-border-dropdown-item-hover-tyzq9m:#7d8998;
244
244
  --color-border-dropdown-item-dimmed-hover-6dhy15:#7d8998;
245
- --color-border-dropdown-item-selected-eahq2j:#0972d3;
246
245
  --color-border-dropdown-item-top-xnzq48:transparent;
247
246
  --color-border-input-default-dtyu8d:#9ba7b6;
248
247
  --color-border-input-disabled-x2lopj:#e9ebed;
@@ -285,7 +284,6 @@
285
284
  --color-text-button-primary-default-340wh6:#ffffff;
286
285
  --color-text-button-primary-hover-vzqjpi:#ffffff;
287
286
  --color-text-calendar-day-hover-graajh:#000716;
288
- --color-text-calendar-day-selected-64o9sq:#0972d3;
289
287
  --color-text-calendar-month-elf7e9:#5f6b7a;
290
288
  --color-text-code-editor-gutter-active-line-3r48bk:#ffffff;
291
289
  --color-text-code-editor-gutter-default-q46j79:#000716;
@@ -797,7 +795,6 @@
797
795
  --color-border-dropdown-group-0utpsr:#414d5c;
798
796
  --color-border-dropdown-item-default-faosd8:#414d5c;
799
797
  --color-border-dropdown-item-hover-tyzq9m:#5f6b7a;
800
- --color-border-dropdown-item-selected-eahq2j:#539fe5;
801
798
  --color-border-input-default-dtyu8d:#5f6b7a;
802
799
  --color-border-input-disabled-x2lopj:#192534;
803
800
  --color-border-item-focused-ap3b6s:#539fe5;
@@ -839,7 +836,6 @@
839
836
  --color-text-button-primary-default-340wh6:#000716;
840
837
  --color-text-button-primary-hover-vzqjpi:#000716;
841
838
  --color-text-calendar-day-hover-graajh:#d1d5db;
842
- --color-text-calendar-day-selected-64o9sq:#539fe5;
843
839
  --color-text-calendar-month-elf7e9:#8d99a8;
844
840
  --color-text-code-editor-gutter-active-line-3r48bk:#000716;
845
841
  --color-text-code-editor-gutter-default-q46j79:#d1d5db;
@@ -1033,7 +1029,6 @@
1033
1029
  --color-border-dropdown-group-0utpsr:#414d5c;
1034
1030
  --color-border-dropdown-item-default-faosd8:#414d5c;
1035
1031
  --color-border-dropdown-item-hover-tyzq9m:#5f6b7a;
1036
- --color-border-dropdown-item-selected-eahq2j:#539fe5;
1037
1032
  --color-border-input-default-dtyu8d:#5f6b7a;
1038
1033
  --color-border-input-disabled-x2lopj:#192534;
1039
1034
  --color-border-item-focused-ap3b6s:#539fe5;
@@ -1075,7 +1070,6 @@
1075
1070
  --color-text-button-primary-default-340wh6:#000716;
1076
1071
  --color-text-button-primary-hover-vzqjpi:#000716;
1077
1072
  --color-text-calendar-day-hover-graajh:#d1d5db;
1078
- --color-text-calendar-day-selected-64o9sq:#539fe5;
1079
1073
  --color-text-calendar-month-elf7e9:#8d99a8;
1080
1074
  --color-text-code-editor-gutter-active-line-3r48bk:#000716;
1081
1075
  --color-text-code-editor-gutter-default-q46j79:#d1d5db;
@@ -1203,7 +1197,6 @@
1203
1197
  --color-border-dropdown-group-0utpsr:#414d5c;
1204
1198
  --color-border-dropdown-item-default-faosd8:#414d5c;
1205
1199
  --color-border-dropdown-item-hover-tyzq9m:#5f6b7a;
1206
- --color-border-dropdown-item-selected-eahq2j:#539fe5;
1207
1200
  --color-border-input-default-dtyu8d:#5f6b7a;
1208
1201
  --color-border-input-disabled-x2lopj:#192534;
1209
1202
  --color-border-item-focused-ap3b6s:#539fe5;
@@ -1245,7 +1238,6 @@
1245
1238
  --color-text-button-primary-default-340wh6:#000716;
1246
1239
  --color-text-button-primary-hover-vzqjpi:#000716;
1247
1240
  --color-text-calendar-day-hover-graajh:#d1d5db;
1248
- --color-text-calendar-day-selected-64o9sq:#539fe5;
1249
1241
  --color-text-calendar-month-elf7e9:#8d99a8;
1250
1242
  --color-text-code-editor-gutter-active-line-3r48bk:#000716;
1251
1243
  --color-text-code-editor-gutter-default-q46j79:#d1d5db;
package/internal/environment.js CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- export var PACKAGE_VERSION = '3.0.0 (2fb8f00)';
2
+ export var PACKAGE_VERSION = '3.0.0 (75250cc)';
3
3
  export var THEME = 'open-source-visual-refresh';
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5