@cloudscape-design/components 3.0.66 → 3.0.68

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.
@@ -186,31 +186,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
187
  SPDX-License-Identifier: Apache-2.0
188
188
  */
189
- .awsui_drawer_1r9lg_1uze1_189.awsui_refresh_1r9lg_1uze1_189:not(#\9) {
189
+ .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189:not(#\9) {
190
190
  transition-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
191
191
  transition-property: none;
192
192
  }
193
193
  @media (prefers-reduced-motion: reduce) {
194
- .awsui_drawer_1r9lg_1uze1_189.awsui_refresh_1r9lg_1uze1_189:not(#\9) {
194
+ .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189:not(#\9) {
195
195
  animation: none;
196
196
  transition: none;
197
197
  }
198
198
  }
199
- .awsui-motion-disabled .awsui_drawer_1r9lg_1uze1_189.awsui_refresh_1r9lg_1uze1_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1uze1_189.awsui_refresh_1r9lg_1uze1_189:not(#\9) {
199
+ .awsui-motion-disabled .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189:not(#\9) {
200
200
  animation: none;
201
201
  transition: none;
202
202
  }
203
- .awsui_drawer_1r9lg_1uze1_189.awsui_refresh_1r9lg_1uze1_189.awsui_animating_1r9lg_1uze1_203:not(#\9) {
203
+ .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189.awsui_animating_1r9lg_1tyop_203:not(#\9) {
204
204
  transition-property: transform;
205
205
  transition-timing-function: var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
206
206
  }
207
207
  @media (prefers-reduced-motion: reduce) {
208
- .awsui_drawer_1r9lg_1uze1_189.awsui_refresh_1r9lg_1uze1_189.awsui_animating_1r9lg_1uze1_203:not(#\9) {
208
+ .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189.awsui_animating_1r9lg_1tyop_203:not(#\9) {
209
209
  animation: none;
210
210
  transition: none;
211
211
  }
212
212
  }
213
- .awsui-motion-disabled .awsui_drawer_1r9lg_1uze1_189.awsui_refresh_1r9lg_1uze1_189.awsui_animating_1r9lg_1uze1_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1uze1_189.awsui_refresh_1r9lg_1uze1_189.awsui_animating_1r9lg_1uze1_203:not(#\9) {
213
+ .awsui-motion-disabled .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189.awsui_animating_1r9lg_1tyop_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189.awsui_animating_1r9lg_1tyop_203:not(#\9) {
214
214
  animation: none;
215
215
  transition: none;
216
216
  }
@@ -223,85 +223,85 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
223
223
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
224
224
  SPDX-License-Identifier: Apache-2.0
225
225
  */
226
- .awsui_preference-icon--layout-border_1r9lg_1uze1_226:not(#\9) {
226
+ .awsui_preference-icon--layout-border_1r9lg_1tyop_226:not(#\9) {
227
227
  stroke: var(--color-background-home-header-mpq08f, #000716);
228
228
  fill: var(--color-background-container-content-i8i4a0, #ffffff);
229
229
  }
230
- .awsui_preference-icon--layout-background_1r9lg_1uze1_230:not(#\9) {
230
+ .awsui_preference-icon--layout-background_1r9lg_1tyop_230:not(#\9) {
231
231
  fill: var(--color-background-layout-main-sfhm4y, #ffffff);
232
232
  }
233
- .awsui_preference-icon--layout-header_1r9lg_1uze1_233:not(#\9) {
233
+ .awsui_preference-icon--layout-header_1r9lg_1tyop_233:not(#\9) {
234
234
  fill: var(--color-background-home-header-mpq08f, #000716);
235
235
  }
236
- .awsui_preference-icon--border_1r9lg_1uze1_236:not(#\9) {
236
+ .awsui_preference-icon--border_1r9lg_1tyop_236:not(#\9) {
237
237
  stroke: var(--color-text-group-label-w9to2i, #414d5c);
238
238
  fill: var(--color-background-container-content-i8i4a0, #ffffff);
239
239
  }
240
- .awsui_preference-icon--primary-button_1r9lg_1uze1_240:not(#\9) {
240
+ .awsui_preference-icon--primary-button_1r9lg_1tyop_240:not(#\9) {
241
241
  fill: var(--color-background-button-primary-default-pwn1g1, #0972d3);
242
242
  }
243
- .awsui_preference-icon--secondary_1r9lg_1uze1_243:not(#\9) {
243
+ .awsui_preference-icon--secondary_1r9lg_1tyop_243:not(#\9) {
244
244
  fill: var(--color-text-group-label-w9to2i, #414d5c);
245
245
  }
246
- .awsui_preference-icon--disabled-element_1r9lg_1uze1_246:not(#\9) {
246
+ .awsui_preference-icon--disabled-element_1r9lg_1tyop_246:not(#\9) {
247
247
  fill: var(--color-background-control-disabled-zplipy, #d1d5db);
248
248
  }
249
- .awsui_preference-icon--separator_1r9lg_1uze1_249:not(#\9) {
249
+ .awsui_preference-icon--separator_1r9lg_1tyop_249:not(#\9) {
250
250
  stroke: var(--color-background-control-disabled-zplipy, #d1d5db);
251
251
  }
252
- .awsui_preference-icon--focus-text_1r9lg_1uze1_252:not(#\9) {
252
+ .awsui_preference-icon--focus-text_1r9lg_1tyop_252:not(#\9) {
253
253
  fill: var(--color-text-interactive-default-eg5fsa, #414d5c);
254
254
  }
255
255
 
256
- .awsui_preference-icon-refresh--layout-top_1r9lg_1uze1_256:not(#\9) {
256
+ .awsui_preference-icon-refresh--layout-top_1r9lg_1tyop_256:not(#\9) {
257
257
  fill: var(--color-background-button-primary-disabled-eon7km, #e9ebed);
258
258
  }
259
- .awsui_preference-icon-refresh--layout-main_1r9lg_1uze1_259:not(#\9) {
259
+ .awsui_preference-icon-refresh--layout-main_1r9lg_1tyop_259:not(#\9) {
260
260
  fill: var(--color-background-layout-main-sfhm4y, #ffffff);
261
261
  }
262
- .awsui_preference-icon-refresh--primary_1r9lg_1uze1_262:not(#\9) {
262
+ .awsui_preference-icon-refresh--primary_1r9lg_1tyop_262:not(#\9) {
263
263
  fill: var(--color-background-button-primary-default-pwn1g1, #0972d3);
264
264
  }
265
- .awsui_preference-icon-refresh--disabled_1r9lg_1uze1_265:not(#\9) {
265
+ .awsui_preference-icon-refresh--disabled_1r9lg_1tyop_265:not(#\9) {
266
266
  fill: var(--color-background-control-disabled-zplipy, #d1d5db);
267
267
  }
268
- .awsui_preference-icon-refresh--window_1r9lg_1uze1_268:not(#\9) {
268
+ .awsui_preference-icon-refresh--window_1r9lg_1tyop_268:not(#\9) {
269
269
  stroke: var(--color-background-home-header-mpq08f, #000716);
270
270
  fill: var(--color-background-container-content-i8i4a0, #ffffff);
271
271
  }
272
- .awsui_preference-icon-refresh--secondary_1r9lg_1uze1_272:not(#\9) {
272
+ .awsui_preference-icon-refresh--secondary_1r9lg_1tyop_272:not(#\9) {
273
273
  fill: var(--color-text-body-secondary-fdstdf, #414d5c);
274
274
  }
275
- .awsui_preference-icon-refresh--default_1r9lg_1uze1_275:not(#\9) {
275
+ .awsui_preference-icon-refresh--default_1r9lg_1tyop_275:not(#\9) {
276
276
  fill: var(--color-text-body-default-ajf1h5, #000716);
277
277
  }
278
- .awsui_preference-icon-refresh--separator_1r9lg_1uze1_278:not(#\9) {
278
+ .awsui_preference-icon-refresh--separator_1r9lg_1tyop_278:not(#\9) {
279
279
  stroke: var(--color-border-button-primary-disabled-6gwabt, #e9ebed);
280
280
  }
281
- .awsui_preference-icon-refresh--input-default_1r9lg_1uze1_281:not(#\9) {
281
+ .awsui_preference-icon-refresh--input-default_1r9lg_1tyop_281:not(#\9) {
282
282
  fill: var(--color-border-input-default-dtyu8d, #9ba7b6);
283
283
  }
284
- .awsui_preference-icon-refresh--heading_1r9lg_1uze1_284:not(#\9) {
284
+ .awsui_preference-icon-refresh--heading_1r9lg_1tyop_284:not(#\9) {
285
285
  fill: var(--color-text-heading-default-jopz0f, #000716);
286
286
  }
287
287
 
288
288
  /* stylelint-disable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
289
- .awsui_resize-active_1r9lg_1uze1_289 *:not(#\9) {
289
+ .awsui_resize-active_1r9lg_1tyop_289 *:not(#\9) {
290
290
  -webkit-user-select: none;
291
291
  user-select: none;
292
292
  }
293
- .awsui_resize-active_1r9lg_1uze1_289 iframe:not(#\9) {
293
+ .awsui_resize-active_1r9lg_1tyop_289 iframe:not(#\9) {
294
294
  pointer-events: none;
295
295
  }
296
- .awsui_resize-side_1r9lg_1uze1_295 *:not(#\9) {
296
+ .awsui_resize-side_1r9lg_1tyop_295 *:not(#\9) {
297
297
  cursor: ew-resize;
298
298
  }
299
- .awsui_resize-bottom_1r9lg_1uze1_298 *:not(#\9) {
299
+ .awsui_resize-bottom_1r9lg_1tyop_298 *:not(#\9) {
300
300
  cursor: ns-resize;
301
301
  }
302
302
 
303
303
  /* stylelint-enable */
304
- .awsui_root_1r9lg_1uze1_303:not(#\9) {
304
+ .awsui_root_1r9lg_1tyop_303:not(#\9) {
305
305
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
306
306
  border-collapse: separate;
307
307
  border-spacing: 0;
@@ -338,47 +338,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
338
338
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
339
339
  }
340
340
 
341
- .awsui_preferences-button_1r9lg_1uze1_314:not(#\9) {
341
+ .awsui_preferences-button_1r9lg_1tyop_314:not(#\9) {
342
342
  /* used in test-utils */
343
343
  }
344
344
 
345
- .awsui_close-button_1r9lg_1uze1_318:not(#\9) {
345
+ .awsui_close-button_1r9lg_1tyop_318:not(#\9) {
346
346
  /* used in test-utils */
347
347
  }
348
348
 
349
- .awsui_drawer_1r9lg_1uze1_189:not(#\9) {
349
+ .awsui_drawer_1r9lg_1tyop_189:not(#\9) {
350
350
  flex-shrink: 0;
351
351
  position: relative;
352
352
  word-wrap: break-word;
353
353
  background-color: var(--color-background-layout-panel-content-808qum, #ffffff);
354
354
  z-index: 851;
355
355
  }
356
- .awsui_drawer-closed_1r9lg_1uze1_329:not(#\9) {
356
+ .awsui_drawer-closed_1r9lg_1tyop_329:not(#\9) {
357
357
  cursor: pointer;
358
358
  min-width: 40px;
359
359
  }
360
360
 
361
- .awsui_drawer-content-side_1r9lg_1uze1_334:not(#\9) {
361
+ .awsui_drawer-content-side_1r9lg_1tyop_334:not(#\9) {
362
362
  display: flex;
363
363
  align-items: center;
364
364
  height: 100%;
365
365
  overflow: auto;
366
366
  }
367
- .awsui_drawer-closed_1r9lg_1uze1_329 > .awsui_drawer-content-side_1r9lg_1uze1_334:not(#\9) {
367
+ .awsui_drawer-closed_1r9lg_1tyop_329 > .awsui_drawer-content-side_1r9lg_1tyop_334:not(#\9) {
368
368
  width: 40px;
369
369
  }
370
- .awsui_drawer-closed_1r9lg_1uze1_329 > .awsui_drawer-content-side_1r9lg_1uze1_334:not(#\9):hover {
370
+ .awsui_drawer-closed_1r9lg_1tyop_329 > .awsui_drawer-content-side_1r9lg_1tyop_334:not(#\9):hover {
371
371
  background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
372
372
  }
373
- .awsui_drawer-content-side_1r9lg_1uze1_334.awsui_refresh_1r9lg_1uze1_189:not(#\9) {
373
+ .awsui_drawer-content-side_1r9lg_1tyop_334.awsui_refresh_1r9lg_1tyop_189:not(#\9) {
374
374
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
375
375
  box-sizing: border-box;
376
376
  }
377
- .awsui_drawer-content-side_1r9lg_1uze1_334 > [aria-hidden=true]:not(#\9) {
377
+ .awsui_drawer-content-side_1r9lg_1tyop_334 > [aria-hidden=true]:not(#\9) {
378
378
  display: none;
379
379
  }
380
380
 
381
- :not(#\9):not(.awsui_drawer-closed_1r9lg_1uze1_329) > .awsui_drawer-content-bottom_1r9lg_1uze1_354 {
381
+ :not(#\9):not(.awsui_drawer-closed_1r9lg_1tyop_329) > .awsui_drawer-content-bottom_1r9lg_1tyop_354 {
382
382
  overflow-y: auto;
383
383
  position: absolute;
384
384
  top: 0;
@@ -387,7 +387,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
387
387
  bottom: 0;
388
388
  }
389
389
 
390
- .awsui_position-bottom_1r9lg_1uze1_363:not(#\9) {
390
+ .awsui_position-bottom_1r9lg_1tyop_363:not(#\9) {
391
391
  position: fixed;
392
392
  overflow-y: auto;
393
393
  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-bottom-zrjpck, #e9ebed);
@@ -398,45 +398,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
398
398
  SplitPanel is no longer in fixed position in the DOM.
399
399
  */
400
400
  }
401
- .awsui_position-bottom_1r9lg_1uze1_363:not(#\9):not(.awsui_refresh_1r9lg_1uze1_189) {
401
+ .awsui_position-bottom_1r9lg_1tyop_363:not(#\9):not(.awsui_refresh_1r9lg_1tyop_189) {
402
402
  box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
403
403
  }
404
- .awsui_position-bottom_1r9lg_1uze1_363.awsui_drawer-closed_1r9lg_1uze1_329:not(#\9) {
404
+ .awsui_position-bottom_1r9lg_1tyop_363.awsui_drawer-closed_1r9lg_1tyop_329:not(#\9) {
405
405
  overflow: hidden;
406
406
  }
407
- .awsui_position-bottom_1r9lg_1uze1_363.awsui_drawer-closed_1r9lg_1uze1_329:not(#\9):hover {
407
+ .awsui_position-bottom_1r9lg_1tyop_363.awsui_drawer-closed_1r9lg_1tyop_329:not(#\9):hover {
408
408
  background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
409
409
  }
410
- .awsui_position-bottom_1r9lg_1uze1_363 > .awsui_drawer-content-bottom_1r9lg_1uze1_354 > [aria-hidden=true]:not(#\9) {
410
+ .awsui_position-bottom_1r9lg_1tyop_363 > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > [aria-hidden=true]:not(#\9) {
411
411
  display: none;
412
412
  }
413
- .awsui_position-bottom_1r9lg_1uze1_363.awsui_refresh_1r9lg_1uze1_189:not(#\9) {
413
+ .awsui_position-bottom_1r9lg_1tyop_363.awsui_refresh_1r9lg_1tyop_189:not(#\9) {
414
414
  position: relative;
415
415
  }
416
416
 
417
- .awsui_position-side_1r9lg_1uze1_390:not(#\9) {
417
+ .awsui_position-side_1r9lg_1tyop_390:not(#\9) {
418
418
  border-top: none;
419
419
  box-shadow: var(--shadow-split-side-qv353u, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
420
420
  height: 100%;
421
421
  }
422
422
 
423
- .awsui_slider_1r9lg_1uze1_396:not(#\9) {
423
+ .awsui_slider_1r9lg_1tyop_396:not(#\9) {
424
424
  padding: 0;
425
425
  cursor: ns-resize;
426
426
  margin: 2px 0 0 0;
427
427
  height: 16px;
428
+ touch-action: none;
428
429
  }
429
- .awsui_slider_1r9lg_1uze1_396:not(#\9):focus {
430
+ .awsui_slider_1r9lg_1tyop_396:not(#\9):focus {
430
431
  outline: none;
431
432
  }
432
- .awsui_slider_1r9lg_1uze1_396[data-awsui-focus-visible=true]:not(#\9):focus {
433
+ .awsui_slider_1r9lg_1tyop_396[data-awsui-focus-visible=true]:not(#\9):focus {
433
434
  position: relative;
434
435
  }
435
- .awsui_slider_1r9lg_1uze1_396[data-awsui-focus-visible=true]:not(#\9):focus {
436
+ .awsui_slider_1r9lg_1tyop_396[data-awsui-focus-visible=true]:not(#\9):focus {
436
437
  outline: 2px dotted transparent;
437
438
  outline-offset: calc(0px - 1px);
438
439
  }
439
- .awsui_slider_1r9lg_1uze1_396[data-awsui-focus-visible=true]:not(#\9):focus::before {
440
+ .awsui_slider_1r9lg_1tyop_396[data-awsui-focus-visible=true]:not(#\9):focus::before {
440
441
  content: " ";
441
442
  display: block;
442
443
  position: absolute;
@@ -448,12 +449,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
448
449
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
449
450
  }
450
451
 
451
- .awsui_slider-side_1r9lg_1uze1_424:not(#\9) {
452
+ .awsui_slider-side_1r9lg_1tyop_425:not(#\9) {
452
453
  cursor: ew-resize;
453
454
  margin: 0 0 0 2px;
454
455
  }
455
456
 
456
- .awsui_slider-wrapper-bottom_1r9lg_1uze1_429:not(#\9) {
457
+ .awsui_slider-wrapper-bottom_1r9lg_1tyop_430:not(#\9) {
457
458
  position: absolute;
458
459
  top: 0;
459
460
  left: 0;
@@ -464,7 +465,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
464
465
  z-index: 2;
465
466
  }
466
467
 
467
- .awsui_slider-wrapper-side_1r9lg_1uze1_440:not(#\9) {
468
+ .awsui_slider-wrapper-side_1r9lg_1tyop_441:not(#\9) {
468
469
  position: absolute;
469
470
  left: 0;
470
471
  top: 0;
@@ -475,31 +476,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
475
476
  z-index: 1;
476
477
  }
477
478
 
478
- .awsui_open-button_1r9lg_1uze1_451:not(#\9) {
479
+ .awsui_open-button_1r9lg_1tyop_452:not(#\9) {
479
480
  /* used in test-utils */
480
481
  }
481
482
 
482
- .awsui_open-button-side_1r9lg_1uze1_455:not(#\9) {
483
+ .awsui_open-button-side_1r9lg_1tyop_456:not(#\9) {
483
484
  flex: 0 0 auto;
484
485
  align-self: flex-start;
485
486
  box-sizing: border-box;
486
487
  margin: var(--space-xxs-ynfts5, 4px) auto 0;
487
488
  }
488
489
 
489
- .awsui_slider-icon_1r9lg_1uze1_462:not(#\9) {
490
+ .awsui_slider-icon_1r9lg_1tyop_463:not(#\9) {
490
491
  stroke: var(--color-text-interactive-default-eg5fsa, #414d5c);
491
492
  }
492
- .awsui_slider-icon_1r9lg_1uze1_462:not(#\9):hover {
493
+ .awsui_slider-icon_1r9lg_1tyop_463:not(#\9):hover {
493
494
  stroke: var(--color-text-interactive-hover-v3lasm, #000716);
494
495
  }
495
- .awsui_slider-icon-bottom_1r9lg_1uze1_468:not(#\9) {
496
+ .awsui_slider-icon-bottom_1r9lg_1tyop_469:not(#\9) {
496
497
  margin: auto;
497
498
  }
498
- .awsui_slider-icon-side_1r9lg_1uze1_471:not(#\9) {
499
+ .awsui_slider-icon-side_1r9lg_1tyop_472:not(#\9) {
499
500
  transform: rotate(90deg);
500
501
  }
501
502
 
502
- .awsui_pane-header-wrapper-bottom_1r9lg_1uze1_475:not(#\9) {
503
+ .awsui_pane-header-wrapper-bottom_1r9lg_1tyop_476:not(#\9) {
503
504
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
504
505
  position: sticky;
505
506
  top: 0;
@@ -509,47 +510,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
509
510
  z-index: 1;
510
511
  padding: 0 var(--space-scaled-2x-xxxl-lbp35j, 40px);
511
512
  }
512
- .awsui_drawer-mobile_1r9lg_1uze1_485 > .awsui_drawer-content-bottom_1r9lg_1uze1_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1uze1_475:not(#\9) {
513
+ .awsui_drawer-mobile_1r9lg_1tyop_486 > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1tyop_476:not(#\9) {
513
514
  padding: 0 var(--space-l-4vl6xu, 20px);
514
515
  }
515
- .awsui_drawer-disable-content-paddings_1r9lg_1uze1_488 > .awsui_drawer-content-bottom_1r9lg_1uze1_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1uze1_475:not(#\9) {
516
+ .awsui_drawer-disable-content-paddings_1r9lg_1tyop_489 > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1tyop_476:not(#\9) {
516
517
  padding: 0 var(--space-l-4vl6xu, 20px);
517
518
  }
518
- :not(#\9):not(.awsui_drawer-closed_1r9lg_1uze1_329) > .awsui_drawer-content-bottom_1r9lg_1uze1_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1uze1_475 {
519
+ :not(#\9):not(.awsui_drawer-closed_1r9lg_1tyop_329) > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1tyop_476 {
519
520
  background-color: var(--color-background-layout-panel-content-808qum, #ffffff);
520
521
  border-bottom: var(--border-panel-header-width-6fmoo4, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
521
522
  }
522
523
 
523
- .awsui_content-bottom_1r9lg_1uze1_496:not(#\9) {
524
+ .awsui_content-bottom_1r9lg_1tyop_497:not(#\9) {
524
525
  padding: 0 var(--space-scaled-2x-xxxl-lbp35j, 40px);
525
526
  margin-top: var(--space-panel-split-top-0y4u4f, 20px);
526
527
  }
527
- .awsui_drawer-mobile_1r9lg_1uze1_485 > .awsui_drawer-content-bottom_1r9lg_1uze1_354 > .awsui_content-bottom_1r9lg_1uze1_496:not(#\9) {
528
+ .awsui_drawer-mobile_1r9lg_1tyop_486 > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > .awsui_content-bottom_1r9lg_1tyop_497:not(#\9) {
528
529
  padding: 0 var(--space-l-4vl6xu, 20px);
529
530
  }
530
- .awsui_drawer-disable-content-paddings_1r9lg_1uze1_488 > .awsui_drawer-content-bottom_1r9lg_1uze1_354 > .awsui_content-bottom_1r9lg_1uze1_496:not(#\9) {
531
+ .awsui_drawer-disable-content-paddings_1r9lg_1tyop_489 > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > .awsui_content-bottom_1r9lg_1tyop_497:not(#\9) {
531
532
  padding: 0;
532
533
  }
533
534
 
534
- .awsui_pane-bottom-center-align_1r9lg_1uze1_507:not(#\9) {
535
+ .awsui_pane-bottom-center-align_1r9lg_1tyop_508:not(#\9) {
535
536
  display: flex;
536
537
  justify-content: center;
537
538
  }
538
539
 
539
- .awsui_pane-bottom-content-nav-padding_1r9lg_1uze1_512:not(#\9) {
540
+ .awsui_pane-bottom-content-nav-padding_1r9lg_1tyop_513:not(#\9) {
540
541
  padding-left: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
541
542
  }
542
543
 
543
- .awsui_pane-bottom-content-tools-padding_1r9lg_1uze1_516:not(#\9) {
544
+ .awsui_pane-bottom-content-tools-padding_1r9lg_1tyop_517:not(#\9) {
544
545
  padding-right: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
545
546
  }
546
547
 
547
- .awsui_content-bottom-max-width_1r9lg_1uze1_520:not(#\9) {
548
+ .awsui_content-bottom-max-width_1r9lg_1tyop_521:not(#\9) {
548
549
  flex-grow: 1;
549
550
  max-width: 100%;
550
551
  }
551
552
 
552
- .awsui_content-side_1r9lg_1uze1_525:not(#\9) {
553
+ .awsui_content-side_1r9lg_1tyop_526:not(#\9) {
553
554
  flex: auto;
554
555
  align-self: flex-start;
555
556
  box-sizing: border-box;
@@ -560,15 +561,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
560
561
  right: 0;
561
562
  height: 100%;
562
563
  }
563
- .awsui_content-side_1r9lg_1uze1_525 > .awsui_pane-header-wrapper-side_1r9lg_1uze1_536:not(#\9) {
564
+ .awsui_content-side_1r9lg_1tyop_526 > .awsui_pane-header-wrapper-side_1r9lg_1tyop_537:not(#\9) {
564
565
  padding: 0 var(--space-m-17eucw, 16px) 0 var(--space-panel-side-left-8ozqve, 28px);
565
566
  }
566
- .awsui_content-side_1r9lg_1uze1_525 > .awsui_pane-content-wrapper-side_1r9lg_1uze1_539:not(#\9) {
567
+ .awsui_content-side_1r9lg_1tyop_526 > .awsui_pane-content-wrapper-side_1r9lg_1tyop_540:not(#\9) {
567
568
  padding: 0 var(--space-panel-side-right-kev4k9, 24px) 0 var(--space-panel-side-left-8ozqve, 28px);
568
569
  margin-top: var(--space-panel-split-top-0y4u4f, 20px);
569
570
  }
570
571
 
571
- .awsui_header_1r9lg_1uze1_544:not(#\9) {
572
+ .awsui_header_1r9lg_1tyop_545:not(#\9) {
572
573
  display: flex;
573
574
  flex: auto;
574
575
  flex-direction: row;
@@ -577,7 +578,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
577
578
  width: 100%;
578
579
  margin: var(--space-scaled-m-pv0fmt, 16px) 0 var(--space-m-17eucw, 16px) 0;
579
580
  }
580
- .awsui_header-text_1r9lg_1uze1_553:not(#\9) {
581
+ .awsui_header-text_1r9lg_1tyop_554:not(#\9) {
581
582
  font-size: var(--font-panel-header-size-0vdgjc, 20px);
582
583
  line-height: var(--font-panel-header-line-height-x2226j, 24px);
583
584
  font-weight: var(--font-heading-l-weight-xm7ks9, 800);
@@ -585,13 +586,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
585
586
  margin: 0;
586
587
  }
587
588
 
588
- .awsui_header-divider_1r9lg_1uze1_561:not(#\9) {
589
+ .awsui_header-divider_1r9lg_1tyop_562:not(#\9) {
589
590
  border: none;
590
591
  border-top: var(--border-panel-header-width-6fmoo4, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
591
592
  margin-top: calc(-1 * var(--border-panel-header-width-6fmoo4, 2px));
592
593
  }
593
594
 
594
- .awsui_header-actions_1r9lg_1uze1_567:not(#\9) {
595
+ .awsui_header-actions_1r9lg_1tyop_568:not(#\9) {
595
596
  display: flex;
596
597
  flex-direction: row;
597
598
  justify-content: space-between;
@@ -599,7 +600,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
599
600
  margin-left: var(--space-xs-rsr2qu, 8px);
600
601
  }
601
602
 
602
- .awsui_divider_1r9lg_1uze1_575:not(#\9) {
603
+ .awsui_divider_1r9lg_1tyop_576:not(#\9) {
603
604
  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
604
605
  margin: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
605
606
  }
@@ -2,63 +2,63 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "drawer": "awsui_drawer_1r9lg_1uze1_189",
6
- "refresh": "awsui_refresh_1r9lg_1uze1_189",
7
- "animating": "awsui_animating_1r9lg_1uze1_203",
8
- "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1uze1_226",
9
- "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1uze1_230",
10
- "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1uze1_233",
11
- "preference-icon--border": "awsui_preference-icon--border_1r9lg_1uze1_236",
12
- "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1uze1_240",
13
- "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1uze1_243",
14
- "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1uze1_246",
15
- "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1uze1_249",
16
- "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1uze1_252",
17
- "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1uze1_256",
18
- "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1uze1_259",
19
- "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1uze1_262",
20
- "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1uze1_265",
21
- "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1uze1_268",
22
- "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1uze1_272",
23
- "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1uze1_275",
24
- "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1uze1_278",
25
- "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1uze1_281",
26
- "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1uze1_284",
27
- "resize-active": "awsui_resize-active_1r9lg_1uze1_289",
28
- "resize-side": "awsui_resize-side_1r9lg_1uze1_295",
29
- "resize-bottom": "awsui_resize-bottom_1r9lg_1uze1_298",
30
- "root": "awsui_root_1r9lg_1uze1_303",
31
- "preferences-button": "awsui_preferences-button_1r9lg_1uze1_314",
32
- "close-button": "awsui_close-button_1r9lg_1uze1_318",
33
- "drawer-closed": "awsui_drawer-closed_1r9lg_1uze1_329",
34
- "drawer-content-side": "awsui_drawer-content-side_1r9lg_1uze1_334",
35
- "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1uze1_354",
36
- "position-bottom": "awsui_position-bottom_1r9lg_1uze1_363",
37
- "position-side": "awsui_position-side_1r9lg_1uze1_390",
38
- "slider": "awsui_slider_1r9lg_1uze1_396",
39
- "slider-side": "awsui_slider-side_1r9lg_1uze1_424",
40
- "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1uze1_429",
41
- "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1uze1_440",
42
- "open-button": "awsui_open-button_1r9lg_1uze1_451",
43
- "open-button-side": "awsui_open-button-side_1r9lg_1uze1_455",
44
- "slider-icon": "awsui_slider-icon_1r9lg_1uze1_462",
45
- "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1uze1_468",
46
- "slider-icon-side": "awsui_slider-icon-side_1r9lg_1uze1_471",
47
- "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1uze1_475",
48
- "drawer-mobile": "awsui_drawer-mobile_1r9lg_1uze1_485",
49
- "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1uze1_488",
50
- "content-bottom": "awsui_content-bottom_1r9lg_1uze1_496",
51
- "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1uze1_507",
52
- "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1uze1_512",
53
- "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1uze1_516",
54
- "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1uze1_520",
55
- "content-side": "awsui_content-side_1r9lg_1uze1_525",
56
- "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1uze1_536",
57
- "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1uze1_539",
58
- "header": "awsui_header_1r9lg_1uze1_544",
59
- "header-text": "awsui_header-text_1r9lg_1uze1_553",
60
- "header-divider": "awsui_header-divider_1r9lg_1uze1_561",
61
- "header-actions": "awsui_header-actions_1r9lg_1uze1_567",
62
- "divider": "awsui_divider_1r9lg_1uze1_575"
5
+ "drawer": "awsui_drawer_1r9lg_1tyop_189",
6
+ "refresh": "awsui_refresh_1r9lg_1tyop_189",
7
+ "animating": "awsui_animating_1r9lg_1tyop_203",
8
+ "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1tyop_226",
9
+ "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1tyop_230",
10
+ "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1tyop_233",
11
+ "preference-icon--border": "awsui_preference-icon--border_1r9lg_1tyop_236",
12
+ "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1tyop_240",
13
+ "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1tyop_243",
14
+ "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1tyop_246",
15
+ "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1tyop_249",
16
+ "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1tyop_252",
17
+ "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1tyop_256",
18
+ "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1tyop_259",
19
+ "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1tyop_262",
20
+ "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1tyop_265",
21
+ "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1tyop_268",
22
+ "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1tyop_272",
23
+ "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1tyop_275",
24
+ "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1tyop_278",
25
+ "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1tyop_281",
26
+ "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1tyop_284",
27
+ "resize-active": "awsui_resize-active_1r9lg_1tyop_289",
28
+ "resize-side": "awsui_resize-side_1r9lg_1tyop_295",
29
+ "resize-bottom": "awsui_resize-bottom_1r9lg_1tyop_298",
30
+ "root": "awsui_root_1r9lg_1tyop_303",
31
+ "preferences-button": "awsui_preferences-button_1r9lg_1tyop_314",
32
+ "close-button": "awsui_close-button_1r9lg_1tyop_318",
33
+ "drawer-closed": "awsui_drawer-closed_1r9lg_1tyop_329",
34
+ "drawer-content-side": "awsui_drawer-content-side_1r9lg_1tyop_334",
35
+ "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1tyop_354",
36
+ "position-bottom": "awsui_position-bottom_1r9lg_1tyop_363",
37
+ "position-side": "awsui_position-side_1r9lg_1tyop_390",
38
+ "slider": "awsui_slider_1r9lg_1tyop_396",
39
+ "slider-side": "awsui_slider-side_1r9lg_1tyop_425",
40
+ "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1tyop_430",
41
+ "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1tyop_441",
42
+ "open-button": "awsui_open-button_1r9lg_1tyop_452",
43
+ "open-button-side": "awsui_open-button-side_1r9lg_1tyop_456",
44
+ "slider-icon": "awsui_slider-icon_1r9lg_1tyop_463",
45
+ "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1tyop_469",
46
+ "slider-icon-side": "awsui_slider-icon-side_1r9lg_1tyop_472",
47
+ "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1tyop_476",
48
+ "drawer-mobile": "awsui_drawer-mobile_1r9lg_1tyop_486",
49
+ "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1tyop_489",
50
+ "content-bottom": "awsui_content-bottom_1r9lg_1tyop_497",
51
+ "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1tyop_508",
52
+ "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1tyop_513",
53
+ "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1tyop_517",
54
+ "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1tyop_521",
55
+ "content-side": "awsui_content-side_1r9lg_1tyop_526",
56
+ "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1tyop_537",
57
+ "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1tyop_540",
58
+ "header": "awsui_header_1r9lg_1tyop_545",
59
+ "header-text": "awsui_header-text_1r9lg_1tyop_554",
60
+ "header-divider": "awsui_header-divider_1r9lg_1tyop_562",
61
+ "header-actions": "awsui_header-actions_1r9lg_1tyop_568",
62
+ "divider": "awsui_divider_1r9lg_1tyop_576"
63
63
  };
64
64
 
@@ -0,0 +1,3 @@
1
+ import { SizeControlProps } from '../interfaces';
2
+ export declare const usePointerEvents: ({ position, splitPanelRef, setSidePanelWidth, setBottomPanelHeight, }: SizeControlProps) => () => void;
3
+ //# sourceMappingURL=use-pointer-events.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-pointer-events.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/utils/use-pointer-events.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGjD,eAAO,MAAM,gBAAgB,0EAK1B,gBAAgB,eAmClB,CAAC"}
@@ -2,9 +2,9 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { useCallback } from 'react';
4
4
  import styles from '../styles.css.js';
5
- export var useMouseEvents = function (_a) {
5
+ export var usePointerEvents = function (_a) {
6
6
  var position = _a.position, splitPanelRef = _a.splitPanelRef, setSidePanelWidth = _a.setSidePanelWidth, setBottomPanelHeight = _a.setBottomPanelHeight;
7
- var onDocumentMouseMove = useCallback(function (event) {
7
+ var onDocumentPointerMove = useCallback(function (event) {
8
8
  if (!splitPanelRef || !splitPanelRef.current) {
9
9
  return;
10
10
  }
@@ -19,18 +19,18 @@ export var useMouseEvents = function (_a) {
19
19
  setBottomPanelHeight(height);
20
20
  }
21
21
  }, [position, splitPanelRef, setSidePanelWidth, setBottomPanelHeight]);
22
- var onDocumentMouseUp = useCallback(function () {
22
+ var onDocumentPointerUp = useCallback(function () {
23
23
  document.body.classList.remove(styles['resize-active']);
24
24
  document.body.classList.remove(styles["resize-".concat(position)]);
25
- document.removeEventListener('mouseup', onDocumentMouseUp);
26
- document.removeEventListener('mousemove', onDocumentMouseMove);
27
- }, [onDocumentMouseMove, position]);
28
- var onSliderMouseDown = useCallback(function () {
25
+ document.removeEventListener('pointerup', onDocumentPointerUp);
26
+ document.removeEventListener('pointermove', onDocumentPointerMove);
27
+ }, [onDocumentPointerMove, position]);
28
+ var onSliderPointerDown = useCallback(function () {
29
29
  document.body.classList.add(styles['resize-active']);
30
30
  document.body.classList.add(styles["resize-".concat(position)]);
31
- document.addEventListener('mouseup', onDocumentMouseUp);
32
- document.addEventListener('mousemove', onDocumentMouseMove);
33
- }, [onDocumentMouseMove, onDocumentMouseUp, position]);
34
- return onSliderMouseDown;
31
+ document.addEventListener('pointerup', onDocumentPointerUp);
32
+ document.addEventListener('pointermove', onDocumentPointerMove);
33
+ }, [onDocumentPointerMove, onDocumentPointerUp, position]);
34
+ return onSliderPointerDown;
35
35
  };
36
- //# sourceMappingURL=use-mouse-events.js.map
36
+ //# sourceMappingURL=use-pointer-events.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-pointer-events.js","sourceRoot":"","sources":["../../../../src/split-panel/utils/use-pointer-events.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAKd;QAJjB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,iBAAiB,uBAAA,EACjB,oBAAoB,0BAAA;IAEpB,IAAM,qBAAqB,GAAG,WAAW,CACvC,UAAC,KAAmB;QAClB,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC5C,OAAO;SACR;QAED,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvB,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;YACnC,IAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,YAAY,CAAC;YACjF,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC1B;aAAM;YACL,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;YACnC,IAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC;YACnF,oBAAoB,CAAC,MAAM,CAAC,CAAC;SAC9B;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,CAAC,CACnE,CAAC;IAEF,IAAM,mBAAmB,GAAG,WAAW,CAAC;QACtC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QACxD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,iBAAU,QAAQ,CAAE,CAAC,CAAC,CAAC;QAC7D,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;QAC/D,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtC,IAAM,mBAAmB,GAAG,WAAW,CAAC;QACtC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QACrD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,iBAAU,QAAQ,CAAE,CAAC,CAAC,CAAC;QAC1D,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;QAC5D,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,qBAAqB,EAAE,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3D,OAAO,mBAAmB,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback } from 'react';\nimport { SizeControlProps } from '../interfaces';\nimport styles from '../styles.css.js';\n\nexport const usePointerEvents = ({\n position,\n splitPanelRef,\n setSidePanelWidth,\n setBottomPanelHeight,\n}: SizeControlProps) => {\n const onDocumentPointerMove = useCallback(\n (event: PointerEvent) => {\n if (!splitPanelRef || !splitPanelRef.current) {\n return;\n }\n\n if (position === 'side') {\n const mouseClientX = event.clientX;\n const width = splitPanelRef.current.getBoundingClientRect().right - mouseClientX;\n setSidePanelWidth(width);\n } else {\n const mouseClientY = event.clientY;\n const height = splitPanelRef.current.getBoundingClientRect().bottom - mouseClientY;\n setBottomPanelHeight(height);\n }\n },\n [position, splitPanelRef, setSidePanelWidth, setBottomPanelHeight]\n );\n\n const onDocumentPointerUp = useCallback(() => {\n document.body.classList.remove(styles['resize-active']);\n document.body.classList.remove(styles[`resize-${position}`]);\n document.removeEventListener('pointerup', onDocumentPointerUp);\n document.removeEventListener('pointermove', onDocumentPointerMove);\n }, [onDocumentPointerMove, position]);\n\n const onSliderPointerDown = useCallback(() => {\n document.body.classList.add(styles['resize-active']);\n document.body.classList.add(styles[`resize-${position}`]);\n document.addEventListener('pointerup', onDocumentPointerUp);\n document.addEventListener('pointermove', onDocumentPointerMove);\n }, [onDocumentPointerMove, onDocumentPointerUp, position]);\n\n return onSliderPointerDown;\n};\n"]}
@@ -1,3 +0,0 @@
1
- import { SizeControlProps } from '../interfaces';
2
- export declare const useMouseEvents: ({ position, splitPanelRef, setSidePanelWidth, setBottomPanelHeight, }: SizeControlProps) => () => void;
3
- //# sourceMappingURL=use-mouse-events.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-mouse-events.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/utils/use-mouse-events.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGjD,eAAO,MAAM,cAAc,0EAKxB,gBAAgB,eAqClB,CAAC"}