@khanacademy/wonder-blocks-button 6.0.1 → 6.1.0

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 (15) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/components/button-core.d.ts +2 -0
  3. package/dist/es/index.js +62 -15
  4. package/dist/index.js +61 -14
  5. package/dist/themes/default.d.ts +23 -1
  6. package/dist/themes/khanmigo.d.ts +14 -1
  7. package/dist/themes/themed-button.d.ts +14 -1
  8. package/package.json +1 -1
  9. package/src/__tests__/__snapshots__/custom-snapshot.test.tsx.snap +48 -48
  10. package/src/components/__tests__/button-with-icon.test.tsx +274 -0
  11. package/src/components/__tests__/button.test.tsx +6 -88
  12. package/src/components/button-core.tsx +70 -21
  13. package/src/themes/default.ts +27 -1
  14. package/src/themes/khanmigo.ts +14 -0
  15. package/tsconfig-build.tsbuildinfo +1 -1
package/src/__tests__/__snapshots__/custom-snapshot.test.tsx.snap CHANGED
@@ -284,7 +284,7 @@ exports[`ButtonCore kind:primary color:default size:large light:false disabled 1
284
284
  "fontFamily": "Lato, "Noto Sans", sans-serif",
285
285
  "fontSize": 18,
286
286
  "fontWeight": 700,
287
- "lineHeight": 20,
287
+ "lineHeight": "20px",
288
288
  "overflow": "hidden",
289
289
  "pointerEvents": "none",
290
290
  "textOverflow": "ellipsis",
@@ -360,7 +360,7 @@ exports[`ButtonCore kind:primary color:default size:large light:false focused 1`
360
360
  "fontFamily": "Lato, "Noto Sans", sans-serif",
361
361
  "fontSize": 18,
362
362
  "fontWeight": 700,
363
- "lineHeight": 20,
363
+ "lineHeight": "20px",
364
364
  "overflow": "hidden",
365
365
  "pointerEvents": "none",
366
366
  "textOverflow": "ellipsis",
@@ -436,7 +436,7 @@ exports[`ButtonCore kind:primary color:default size:large light:false hovered 1`
436
436
  "fontFamily": "Lato, "Noto Sans", sans-serif",
437
437
  "fontSize": 18,
438
438
  "fontWeight": 700,
439
- "lineHeight": 20,
439
+ "lineHeight": "20px",
440
440
  "overflow": "hidden",
441
441
  "pointerEvents": "none",
442
442
  "textOverflow": "ellipsis",
@@ -512,7 +512,7 @@ exports[`ButtonCore kind:primary color:default size:large light:false pressed 1`
512
512
  "fontFamily": "Lato, "Noto Sans", sans-serif",
513
513
  "fontSize": 18,
514
514
  "fontWeight": 700,
515
- "lineHeight": 20,
515
+ "lineHeight": "20px",
516
516
  "overflow": "hidden",
517
517
  "pointerEvents": "none",
518
518
  "textOverflow": "ellipsis",
@@ -587,7 +587,7 @@ exports[`ButtonCore kind:primary color:default size:large light:true disabled 1`
587
587
  "fontFamily": "Lato, "Noto Sans", sans-serif",
588
588
  "fontSize": 18,
589
589
  "fontWeight": 700,
590
- "lineHeight": 20,
590
+ "lineHeight": "20px",
591
591
  "overflow": "hidden",
592
592
  "pointerEvents": "none",
593
593
  "textOverflow": "ellipsis",
@@ -663,7 +663,7 @@ exports[`ButtonCore kind:primary color:default size:large light:true focused 1`]
663
663
  "fontFamily": "Lato, "Noto Sans", sans-serif",
664
664
  "fontSize": 18,
665
665
  "fontWeight": 700,
666
- "lineHeight": 20,
666
+ "lineHeight": "20px",
667
667
  "overflow": "hidden",
668
668
  "pointerEvents": "none",
669
669
  "textOverflow": "ellipsis",
@@ -739,7 +739,7 @@ exports[`ButtonCore kind:primary color:default size:large light:true hovered 1`]
739
739
  "fontFamily": "Lato, "Noto Sans", sans-serif",
740
740
  "fontSize": 18,
741
741
  "fontWeight": 700,
742
- "lineHeight": 20,
742
+ "lineHeight": "20px",
743
743
  "overflow": "hidden",
744
744
  "pointerEvents": "none",
745
745
  "textOverflow": "ellipsis",
@@ -815,7 +815,7 @@ exports[`ButtonCore kind:primary color:default size:large light:true pressed 1`]
815
815
  "fontFamily": "Lato, "Noto Sans", sans-serif",
816
816
  "fontSize": 18,
817
817
  "fontWeight": 700,
818
- "lineHeight": 20,
818
+ "lineHeight": "20px",
819
819
  "overflow": "hidden",
820
820
  "pointerEvents": "none",
821
821
  "textOverflow": "ellipsis",
@@ -2102,7 +2102,7 @@ exports[`ButtonCore kind:primary color:destructive size:large light:false disabl
2102
2102
  "fontFamily": "Lato, "Noto Sans", sans-serif",
2103
2103
  "fontSize": 18,
2104
2104
  "fontWeight": 700,
2105
- "lineHeight": 20,
2105
+ "lineHeight": "20px",
2106
2106
  "overflow": "hidden",
2107
2107
  "pointerEvents": "none",
2108
2108
  "textOverflow": "ellipsis",
@@ -2178,7 +2178,7 @@ exports[`ButtonCore kind:primary color:destructive size:large light:false focuse
2178
2178
  "fontFamily": "Lato, "Noto Sans", sans-serif",
2179
2179
  "fontSize": 18,
2180
2180
  "fontWeight": 700,
2181
- "lineHeight": 20,
2181
+ "lineHeight": "20px",
2182
2182
  "overflow": "hidden",
2183
2183
  "pointerEvents": "none",
2184
2184
  "textOverflow": "ellipsis",
@@ -2254,7 +2254,7 @@ exports[`ButtonCore kind:primary color:destructive size:large light:false hovere
2254
2254
  "fontFamily": "Lato, "Noto Sans", sans-serif",
2255
2255
  "fontSize": 18,
2256
2256
  "fontWeight": 700,
2257
- "lineHeight": 20,
2257
+ "lineHeight": "20px",
2258
2258
  "overflow": "hidden",
2259
2259
  "pointerEvents": "none",
2260
2260
  "textOverflow": "ellipsis",
@@ -2330,7 +2330,7 @@ exports[`ButtonCore kind:primary color:destructive size:large light:false presse
2330
2330
  "fontFamily": "Lato, "Noto Sans", sans-serif",
2331
2331
  "fontSize": 18,
2332
2332
  "fontWeight": 700,
2333
- "lineHeight": 20,
2333
+ "lineHeight": "20px",
2334
2334
  "overflow": "hidden",
2335
2335
  "pointerEvents": "none",
2336
2336
  "textOverflow": "ellipsis",
@@ -2405,7 +2405,7 @@ exports[`ButtonCore kind:primary color:destructive size:large light:true disable
2405
2405
  "fontFamily": "Lato, "Noto Sans", sans-serif",
2406
2406
  "fontSize": 18,
2407
2407
  "fontWeight": 700,
2408
- "lineHeight": 20,
2408
+ "lineHeight": "20px",
2409
2409
  "overflow": "hidden",
2410
2410
  "pointerEvents": "none",
2411
2411
  "textOverflow": "ellipsis",
@@ -2481,7 +2481,7 @@ exports[`ButtonCore kind:primary color:destructive size:large light:true focused
2481
2481
  "fontFamily": "Lato, "Noto Sans", sans-serif",
2482
2482
  "fontSize": 18,
2483
2483
  "fontWeight": 700,
2484
- "lineHeight": 20,
2484
+ "lineHeight": "20px",
2485
2485
  "overflow": "hidden",
2486
2486
  "pointerEvents": "none",
2487
2487
  "textOverflow": "ellipsis",
@@ -2557,7 +2557,7 @@ exports[`ButtonCore kind:primary color:destructive size:large light:true hovered
2557
2557
  "fontFamily": "Lato, "Noto Sans", sans-serif",
2558
2558
  "fontSize": 18,
2559
2559
  "fontWeight": 700,
2560
- "lineHeight": 20,
2560
+ "lineHeight": "20px",
2561
2561
  "overflow": "hidden",
2562
2562
  "pointerEvents": "none",
2563
2563
  "textOverflow": "ellipsis",
@@ -2633,7 +2633,7 @@ exports[`ButtonCore kind:primary color:destructive size:large light:true pressed
2633
2633
  "fontFamily": "Lato, "Noto Sans", sans-serif",
2634
2634
  "fontSize": 18,
2635
2635
  "fontWeight": 700,
2636
- "lineHeight": 20,
2636
+ "lineHeight": "20px",
2637
2637
  "overflow": "hidden",
2638
2638
  "pointerEvents": "none",
2639
2639
  "textOverflow": "ellipsis",
@@ -4186,7 +4186,7 @@ exports[`ButtonCore kind:secondary color:default size:large light:false disabled
4186
4186
  "fontFamily": "Lato, "Noto Sans", sans-serif",
4187
4187
  "fontSize": 18,
4188
4188
  "fontWeight": 700,
4189
- "lineHeight": 20,
4189
+ "lineHeight": "20px",
4190
4190
  "overflow": "hidden",
4191
4191
  "pointerEvents": "none",
4192
4192
  "textOverflow": "ellipsis",
@@ -4264,7 +4264,7 @@ exports[`ButtonCore kind:secondary color:default size:large light:false focused
4264
4264
  "fontFamily": "Lato, "Noto Sans", sans-serif",
4265
4265
  "fontSize": 18,
4266
4266
  "fontWeight": 700,
4267
- "lineHeight": 20,
4267
+ "lineHeight": "20px",
4268
4268
  "overflow": "hidden",
4269
4269
  "pointerEvents": "none",
4270
4270
  "textOverflow": "ellipsis",
@@ -4342,7 +4342,7 @@ exports[`ButtonCore kind:secondary color:default size:large light:false hovered
4342
4342
  "fontFamily": "Lato, "Noto Sans", sans-serif",
4343
4343
  "fontSize": 18,
4344
4344
  "fontWeight": 700,
4345
- "lineHeight": 20,
4345
+ "lineHeight": "20px",
4346
4346
  "overflow": "hidden",
4347
4347
  "pointerEvents": "none",
4348
4348
  "textOverflow": "ellipsis",
@@ -4420,7 +4420,7 @@ exports[`ButtonCore kind:secondary color:default size:large light:false pressed
4420
4420
  "fontFamily": "Lato, "Noto Sans", sans-serif",
4421
4421
  "fontSize": 18,
4422
4422
  "fontWeight": 700,
4423
- "lineHeight": 20,
4423
+ "lineHeight": "20px",
4424
4424
  "overflow": "hidden",
4425
4425
  "pointerEvents": "none",
4426
4426
  "textOverflow": "ellipsis",
@@ -4501,7 +4501,7 @@ exports[`ButtonCore kind:secondary color:default size:large light:true disabled
4501
4501
  "fontFamily": "Lato, "Noto Sans", sans-serif",
4502
4502
  "fontSize": 18,
4503
4503
  "fontWeight": 700,
4504
- "lineHeight": 20,
4504
+ "lineHeight": "20px",
4505
4505
  "overflow": "hidden",
4506
4506
  "pointerEvents": "none",
4507
4507
  "textOverflow": "ellipsis",
@@ -4579,7 +4579,7 @@ exports[`ButtonCore kind:secondary color:default size:large light:true focused 1
4579
4579
  "fontFamily": "Lato, "Noto Sans", sans-serif",
4580
4580
  "fontSize": 18,
4581
4581
  "fontWeight": 700,
4582
- "lineHeight": 20,
4582
+ "lineHeight": "20px",
4583
4583
  "overflow": "hidden",
4584
4584
  "pointerEvents": "none",
4585
4585
  "textOverflow": "ellipsis",
@@ -4657,7 +4657,7 @@ exports[`ButtonCore kind:secondary color:default size:large light:true hovered 1
4657
4657
  "fontFamily": "Lato, "Noto Sans", sans-serif",
4658
4658
  "fontSize": 18,
4659
4659
  "fontWeight": 700,
4660
- "lineHeight": 20,
4660
+ "lineHeight": "20px",
4661
4661
  "overflow": "hidden",
4662
4662
  "pointerEvents": "none",
4663
4663
  "textOverflow": "ellipsis",
@@ -4735,7 +4735,7 @@ exports[`ButtonCore kind:secondary color:default size:large light:true pressed 1
4735
4735
  "fontFamily": "Lato, "Noto Sans", sans-serif",
4736
4736
  "fontSize": 18,
4737
4737
  "fontWeight": 700,
4738
- "lineHeight": 20,
4738
+ "lineHeight": "20px",
4739
4739
  "overflow": "hidden",
4740
4740
  "pointerEvents": "none",
4741
4741
  "textOverflow": "ellipsis",
@@ -6076,7 +6076,7 @@ exports[`ButtonCore kind:secondary color:destructive size:large light:false disa
6076
6076
  "fontFamily": "Lato, "Noto Sans", sans-serif",
6077
6077
  "fontSize": 18,
6078
6078
  "fontWeight": 700,
6079
- "lineHeight": 20,
6079
+ "lineHeight": "20px",
6080
6080
  "overflow": "hidden",
6081
6081
  "pointerEvents": "none",
6082
6082
  "textOverflow": "ellipsis",
@@ -6154,7 +6154,7 @@ exports[`ButtonCore kind:secondary color:destructive size:large light:false focu
6154
6154
  "fontFamily": "Lato, "Noto Sans", sans-serif",
6155
6155
  "fontSize": 18,
6156
6156
  "fontWeight": 700,
6157
- "lineHeight": 20,
6157
+ "lineHeight": "20px",
6158
6158
  "overflow": "hidden",
6159
6159
  "pointerEvents": "none",
6160
6160
  "textOverflow": "ellipsis",
@@ -6232,7 +6232,7 @@ exports[`ButtonCore kind:secondary color:destructive size:large light:false hove
6232
6232
  "fontFamily": "Lato, "Noto Sans", sans-serif",
6233
6233
  "fontSize": 18,
6234
6234
  "fontWeight": 700,
6235
- "lineHeight": 20,
6235
+ "lineHeight": "20px",
6236
6236
  "overflow": "hidden",
6237
6237
  "pointerEvents": "none",
6238
6238
  "textOverflow": "ellipsis",
@@ -6310,7 +6310,7 @@ exports[`ButtonCore kind:secondary color:destructive size:large light:false pres
6310
6310
  "fontFamily": "Lato, "Noto Sans", sans-serif",
6311
6311
  "fontSize": 18,
6312
6312
  "fontWeight": 700,
6313
- "lineHeight": 20,
6313
+ "lineHeight": "20px",
6314
6314
  "overflow": "hidden",
6315
6315
  "pointerEvents": "none",
6316
6316
  "textOverflow": "ellipsis",
@@ -6391,7 +6391,7 @@ exports[`ButtonCore kind:secondary color:destructive size:large light:true disab
6391
6391
  "fontFamily": "Lato, "Noto Sans", sans-serif",
6392
6392
  "fontSize": 18,
6393
6393
  "fontWeight": 700,
6394
- "lineHeight": 20,
6394
+ "lineHeight": "20px",
6395
6395
  "overflow": "hidden",
6396
6396
  "pointerEvents": "none",
6397
6397
  "textOverflow": "ellipsis",
@@ -6469,7 +6469,7 @@ exports[`ButtonCore kind:secondary color:destructive size:large light:true focus
6469
6469
  "fontFamily": "Lato, "Noto Sans", sans-serif",
6470
6470
  "fontSize": 18,
6471
6471
  "fontWeight": 700,
6472
- "lineHeight": 20,
6472
+ "lineHeight": "20px",
6473
6473
  "overflow": "hidden",
6474
6474
  "pointerEvents": "none",
6475
6475
  "textOverflow": "ellipsis",
@@ -6547,7 +6547,7 @@ exports[`ButtonCore kind:secondary color:destructive size:large light:true hover
6547
6547
  "fontFamily": "Lato, "Noto Sans", sans-serif",
6548
6548
  "fontSize": 18,
6549
6549
  "fontWeight": 700,
6550
- "lineHeight": 20,
6550
+ "lineHeight": "20px",
6551
6551
  "overflow": "hidden",
6552
6552
  "pointerEvents": "none",
6553
6553
  "textOverflow": "ellipsis",
@@ -6625,7 +6625,7 @@ exports[`ButtonCore kind:secondary color:destructive size:large light:true press
6625
6625
  "fontFamily": "Lato, "Noto Sans", sans-serif",
6626
6626
  "fontSize": 18,
6627
6627
  "fontWeight": 700,
6628
- "lineHeight": 20,
6628
+ "lineHeight": "20px",
6629
6629
  "overflow": "hidden",
6630
6630
  "pointerEvents": "none",
6631
6631
  "textOverflow": "ellipsis",
@@ -8232,7 +8232,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:false disabled
8232
8232
  "fontFamily": "Lato, "Noto Sans", sans-serif",
8233
8233
  "fontSize": 18,
8234
8234
  "fontWeight": 700,
8235
- "lineHeight": 20,
8235
+ "lineHeight": "20px",
8236
8236
  "overflow": "hidden",
8237
8237
  "pointerEvents": "none",
8238
8238
  "position": "relative",
@@ -8318,7 +8318,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:false focused 1
8318
8318
  "fontFamily": "Lato, "Noto Sans", sans-serif",
8319
8319
  "fontSize": 18,
8320
8320
  "fontWeight": 700,
8321
- "lineHeight": 20,
8321
+ "lineHeight": "20px",
8322
8322
  "overflow": "hidden",
8323
8323
  "pointerEvents": "none",
8324
8324
  "position": "relative",
@@ -8404,7 +8404,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:false hovered 1
8404
8404
  "fontFamily": "Lato, "Noto Sans", sans-serif",
8405
8405
  "fontSize": 18,
8406
8406
  "fontWeight": 700,
8407
- "lineHeight": 20,
8407
+ "lineHeight": "20px",
8408
8408
  "overflow": "hidden",
8409
8409
  "pointerEvents": "none",
8410
8410
  "position": "relative",
@@ -8485,7 +8485,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:false pressed 1
8485
8485
  "fontFamily": "Lato, "Noto Sans", sans-serif",
8486
8486
  "fontSize": 18,
8487
8487
  "fontWeight": 700,
8488
- "lineHeight": 20,
8488
+ "lineHeight": "20px",
8489
8489
  "overflow": "hidden",
8490
8490
  "pointerEvents": "none",
8491
8491
  "position": "relative",
@@ -8561,7 +8561,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:true disabled 1
8561
8561
  "fontFamily": "Lato, "Noto Sans", sans-serif",
8562
8562
  "fontSize": 18,
8563
8563
  "fontWeight": 700,
8564
- "lineHeight": 20,
8564
+ "lineHeight": "20px",
8565
8565
  "overflow": "hidden",
8566
8566
  "pointerEvents": "none",
8567
8567
  "position": "relative",
@@ -8647,7 +8647,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:true focused 1`
8647
8647
  "fontFamily": "Lato, "Noto Sans", sans-serif",
8648
8648
  "fontSize": 18,
8649
8649
  "fontWeight": 700,
8650
- "lineHeight": 20,
8650
+ "lineHeight": "20px",
8651
8651
  "overflow": "hidden",
8652
8652
  "pointerEvents": "none",
8653
8653
  "position": "relative",
@@ -8733,7 +8733,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:true hovered 1`
8733
8733
  "fontFamily": "Lato, "Noto Sans", sans-serif",
8734
8734
  "fontSize": 18,
8735
8735
  "fontWeight": 700,
8736
- "lineHeight": 20,
8736
+ "lineHeight": "20px",
8737
8737
  "overflow": "hidden",
8738
8738
  "pointerEvents": "none",
8739
8739
  "position": "relative",
@@ -8814,7 +8814,7 @@ exports[`ButtonCore kind:tertiary color:default size:large light:true pressed 1`
8814
8814
  "fontFamily": "Lato, "Noto Sans", sans-serif",
8815
8815
  "fontSize": 18,
8816
8816
  "fontWeight": 700,
8817
- "lineHeight": 20,
8817
+ "lineHeight": "20px",
8818
8818
  "overflow": "hidden",
8819
8819
  "pointerEvents": "none",
8820
8820
  "position": "relative",
@@ -10206,7 +10206,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:false disab
10206
10206
  "fontFamily": "Lato, "Noto Sans", sans-serif",
10207
10207
  "fontSize": 18,
10208
10208
  "fontWeight": 700,
10209
- "lineHeight": 20,
10209
+ "lineHeight": "20px",
10210
10210
  "overflow": "hidden",
10211
10211
  "pointerEvents": "none",
10212
10212
  "position": "relative",
@@ -10292,7 +10292,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:false focus
10292
10292
  "fontFamily": "Lato, "Noto Sans", sans-serif",
10293
10293
  "fontSize": 18,
10294
10294
  "fontWeight": 700,
10295
- "lineHeight": 20,
10295
+ "lineHeight": "20px",
10296
10296
  "overflow": "hidden",
10297
10297
  "pointerEvents": "none",
10298
10298
  "position": "relative",
@@ -10378,7 +10378,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:false hover
10378
10378
  "fontFamily": "Lato, "Noto Sans", sans-serif",
10379
10379
  "fontSize": 18,
10380
10380
  "fontWeight": 700,
10381
- "lineHeight": 20,
10381
+ "lineHeight": "20px",
10382
10382
  "overflow": "hidden",
10383
10383
  "pointerEvents": "none",
10384
10384
  "position": "relative",
@@ -10459,7 +10459,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:false press
10459
10459
  "fontFamily": "Lato, "Noto Sans", sans-serif",
10460
10460
  "fontSize": 18,
10461
10461
  "fontWeight": 700,
10462
- "lineHeight": 20,
10462
+ "lineHeight": "20px",
10463
10463
  "overflow": "hidden",
10464
10464
  "pointerEvents": "none",
10465
10465
  "position": "relative",
@@ -10535,7 +10535,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:true disabl
10535
10535
  "fontFamily": "Lato, "Noto Sans", sans-serif",
10536
10536
  "fontSize": 18,
10537
10537
  "fontWeight": 700,
10538
- "lineHeight": 20,
10538
+ "lineHeight": "20px",
10539
10539
  "overflow": "hidden",
10540
10540
  "pointerEvents": "none",
10541
10541
  "position": "relative",
@@ -10621,7 +10621,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:true focuse
10621
10621
  "fontFamily": "Lato, "Noto Sans", sans-serif",
10622
10622
  "fontSize": 18,
10623
10623
  "fontWeight": 700,
10624
- "lineHeight": 20,
10624
+ "lineHeight": "20px",
10625
10625
  "overflow": "hidden",
10626
10626
  "pointerEvents": "none",
10627
10627
  "position": "relative",
@@ -10707,7 +10707,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:true hovere
10707
10707
  "fontFamily": "Lato, "Noto Sans", sans-serif",
10708
10708
  "fontSize": 18,
10709
10709
  "fontWeight": 700,
10710
- "lineHeight": 20,
10710
+ "lineHeight": "20px",
10711
10711
  "overflow": "hidden",
10712
10712
  "pointerEvents": "none",
10713
10713
  "position": "relative",
@@ -10788,7 +10788,7 @@ exports[`ButtonCore kind:tertiary color:destructive size:large light:true presse
10788
10788
  "fontFamily": "Lato, "Noto Sans", sans-serif",
10789
10789
  "fontSize": 18,
10790
10790
  "fontWeight": 700,
10791
- "lineHeight": 20,
10791
+ "lineHeight": "20px",
10792
10792
  "overflow": "hidden",
10793
10793
  "pointerEvents": "none",
10794
10794
  "position": "relative",