@hero-design/rn 7.22.1 → 7.22.2

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 (37) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +42 -46
  3. package/lib/index.js +42 -46
  4. package/package.json +4 -4
  5. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +4 -18
  6. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +4 -18
  7. package/src/components/List/StyledBasicListItem.tsx +1 -0
  8. package/src/components/List/__tests__/BasicListItem.spec.tsx +37 -13
  9. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +162 -1
  10. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +6 -2
  11. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +2 -2
  12. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +3 -1
  13. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +4 -1
  14. package/src/components/RichTextEditor/RichTextEditor.tsx +1 -3
  15. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +8 -36
  16. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +2 -1
  17. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +17 -5
  18. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +56 -98
  19. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +2 -1
  20. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +16 -4
  21. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +52 -94
  22. package/src/components/TextInput/StyledTextInput.tsx +11 -16
  23. package/src/components/TextInput/__tests__/StyledTextInput.spec.tsx +3 -3
  24. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +18 -36
  25. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +55 -237
  26. package/src/components/TextInput/index.tsx +27 -27
  27. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +4 -18
  28. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +4 -18
  29. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +4 -2
  30. package/src/theme/components/list.ts +5 -2
  31. package/src/theme/global/colors/swag.ts +1 -0
  32. package/src/theme/global/colors/types.ts +1 -0
  33. package/types/components/TextInput/StyledTextInput.d.ts +3 -9
  34. package/types/components/TextInput/index.d.ts +4 -4
  35. package/types/theme/components/list.d.ts +1 -0
  36. package/types/theme/global/colors/types.d.ts +1 -0
  37. package/types/theme/global/index.d.ts +1 -0
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -29,12 +29,16 @@ Array [
29
29
  style={
30
30
  Array [
31
31
  Object {
32
+ "borderColor": "#001f23",
33
+ "borderRadius": 8,
34
+ "borderWidth": 1,
32
35
  "marginVertical": 8,
33
36
  "width": "100%",
34
37
  },
35
38
  undefined,
36
39
  ]
37
40
  }
41
+ themeVariant="default"
38
42
  >
39
43
  <View
40
44
  style={
@@ -48,24 +52,6 @@ Array [
48
52
  ]
49
53
  }
50
54
  >
51
- <View
52
- style={
53
- Array [
54
- Object {
55
- "borderColor": "#001f23",
56
- "borderRadius": 8,
57
- "borderWidth": 1,
58
- "bottom": 0,
59
- "left": 0,
60
- "position": "absolute",
61
- "right": 0,
62
- "top": 0,
63
- },
64
- undefined,
65
- ]
66
- }
67
- themeVariant="default"
68
- />
69
55
  <View
70
56
  style={
71
57
  Array [
@@ -600,6 +586,7 @@ Array [
600
586
  Object {
601
587
  "alignItems": "center",
602
588
  "backgroundColor": "#ffffff",
589
+ "borderRadius": 4,
603
590
  "flexDirection": "row",
604
591
  "opacity": 1,
605
592
  "padding": 16,
@@ -744,6 +731,7 @@ Array [
744
731
  Object {
745
732
  "alignItems": "center",
746
733
  "backgroundColor": "#ffffff",
734
+ "borderRadius": 4,
747
735
  "flexDirection": "row",
748
736
  "opacity": 1,
749
737
  "padding": 16,
@@ -1003,6 +991,7 @@ Array [
1003
991
  Object {
1004
992
  "alignItems": "center",
1005
993
  "backgroundColor": "#ffffff",
994
+ "borderRadius": 4,
1006
995
  "flexDirection": "row",
1007
996
  "opacity": 1,
1008
997
  "padding": 16,
@@ -1147,6 +1136,7 @@ Array [
1147
1136
  Object {
1148
1137
  "alignItems": "center",
1149
1138
  "backgroundColor": "#ffffff",
1139
+ "borderRadius": 4,
1150
1140
  "flexDirection": "row",
1151
1141
  "opacity": 1,
1152
1142
  "padding": 16,
@@ -1374,12 +1364,16 @@ Array [
1374
1364
  style={
1375
1365
  Array [
1376
1366
  Object {
1367
+ "borderColor": "#001f23",
1368
+ "borderRadius": 8,
1369
+ "borderWidth": 1,
1377
1370
  "marginVertical": 8,
1378
1371
  "width": "100%",
1379
1372
  },
1380
1373
  undefined,
1381
1374
  ]
1382
1375
  }
1376
+ themeVariant="filled"
1383
1377
  >
1384
1378
  <View
1385
1379
  style={
@@ -1393,24 +1387,6 @@ Array [
1393
1387
  ]
1394
1388
  }
1395
1389
  >
1396
- <View
1397
- style={
1398
- Array [
1399
- Object {
1400
- "borderColor": "#001f23",
1401
- "borderRadius": 8,
1402
- "borderWidth": 1,
1403
- "bottom": 0,
1404
- "left": 0,
1405
- "position": "absolute",
1406
- "right": 0,
1407
- "top": 0,
1408
- },
1409
- undefined,
1410
- ]
1411
- }
1412
- themeVariant="filled"
1413
- />
1414
1390
  <View
1415
1391
  pointerEvents="none"
1416
1392
  style={
@@ -1886,7 +1862,8 @@ Array [
1886
1862
  Array [
1887
1863
  Object {
1888
1864
  "alignItems": "center",
1889
- "backgroundColor": "#f3e6f6",
1865
+ "backgroundColor": "#ECE8EF",
1866
+ "borderRadius": 4,
1890
1867
  "flexDirection": "row",
1891
1868
  "opacity": 1,
1892
1869
  "padding": 16,
@@ -2038,7 +2015,8 @@ Array [
2038
2015
  Array [
2039
2016
  Object {
2040
2017
  "alignItems": "center",
2041
- "backgroundColor": "#f3e6f6",
2018
+ "backgroundColor": "#ECE8EF",
2019
+ "borderRadius": 4,
2042
2020
  "flexDirection": "row",
2043
2021
  "opacity": 1,
2044
2022
  "padding": 16,
@@ -2191,6 +2169,7 @@ Array [
2191
2169
  Object {
2192
2170
  "alignItems": "center",
2193
2171
  "backgroundColor": "#ffffff",
2172
+ "borderRadius": 4,
2194
2173
  "flexDirection": "row",
2195
2174
  "opacity": 1,
2196
2175
  "padding": 16,
@@ -2318,6 +2297,7 @@ Array [
2318
2297
  Object {
2319
2298
  "alignItems": "center",
2320
2299
  "backgroundColor": "#ffffff",
2300
+ "borderRadius": 4,
2321
2301
  "flexDirection": "row",
2322
2302
  "opacity": 1,
2323
2303
  "padding": 16,
@@ -2445,6 +2425,7 @@ Array [
2445
2425
  Object {
2446
2426
  "alignItems": "center",
2447
2427
  "backgroundColor": "#ffffff",
2428
+ "borderRadius": 4,
2448
2429
  "flexDirection": "row",
2449
2430
  "opacity": 1,
2450
2431
  "padding": 16,
@@ -2572,6 +2553,7 @@ Array [
2572
2553
  Object {
2573
2554
  "alignItems": "center",
2574
2555
  "backgroundColor": "#ffffff",
2556
+ "borderRadius": 4,
2575
2557
  "flexDirection": "row",
2576
2558
  "opacity": 1,
2577
2559
  "padding": 16,
@@ -2700,6 +2682,7 @@ Array [
2700
2682
  Object {
2701
2683
  "alignItems": "center",
2702
2684
  "backgroundColor": "#ffffff",
2685
+ "borderRadius": 4,
2703
2686
  "flexDirection": "row",
2704
2687
  "opacity": 0.38,
2705
2688
  "padding": 16,
@@ -2912,12 +2895,16 @@ Array [
2912
2895
  style={
2913
2896
  Array [
2914
2897
  Object {
2898
+ "borderColor": "#001f23",
2899
+ "borderRadius": 8,
2900
+ "borderWidth": 1,
2915
2901
  "marginVertical": 8,
2916
2902
  "width": "100%",
2917
2903
  },
2918
2904
  undefined,
2919
2905
  ]
2920
2906
  }
2907
+ themeVariant="filled"
2921
2908
  >
2922
2909
  <View
2923
2910
  style={
@@ -2931,24 +2918,6 @@ Array [
2931
2918
  ]
2932
2919
  }
2933
2920
  >
2934
- <View
2935
- style={
2936
- Array [
2937
- Object {
2938
- "borderColor": "#001f23",
2939
- "borderRadius": 8,
2940
- "borderWidth": 1,
2941
- "bottom": 0,
2942
- "left": 0,
2943
- "position": "absolute",
2944
- "right": 0,
2945
- "top": 0,
2946
- },
2947
- undefined,
2948
- ]
2949
- }
2950
- themeVariant="filled"
2951
- />
2952
2921
  <View
2953
2922
  pointerEvents="none"
2954
2923
  style={
@@ -3419,7 +3388,8 @@ Array [
3419
3388
  Array [
3420
3389
  Object {
3421
3390
  "alignItems": "center",
3422
- "backgroundColor": "#f3e6f6",
3391
+ "backgroundColor": "#ECE8EF",
3392
+ "borderRadius": 4,
3423
3393
  "flexDirection": "row",
3424
3394
  "opacity": 1,
3425
3395
  "padding": 16,
@@ -3571,7 +3541,8 @@ Array [
3571
3541
  Array [
3572
3542
  Object {
3573
3543
  "alignItems": "center",
3574
- "backgroundColor": "#f3e6f6",
3544
+ "backgroundColor": "#ECE8EF",
3545
+ "borderRadius": 4,
3575
3546
  "flexDirection": "row",
3576
3547
  "opacity": 1,
3577
3548
  "padding": 16,
@@ -3724,6 +3695,7 @@ Array [
3724
3695
  Object {
3725
3696
  "alignItems": "center",
3726
3697
  "backgroundColor": "#ffffff",
3698
+ "borderRadius": 4,
3727
3699
  "flexDirection": "row",
3728
3700
  "opacity": 1,
3729
3701
  "padding": 16,
@@ -3851,6 +3823,7 @@ Array [
3851
3823
  Object {
3852
3824
  "alignItems": "center",
3853
3825
  "backgroundColor": "#ffffff",
3826
+ "borderRadius": 4,
3854
3827
  "flexDirection": "row",
3855
3828
  "opacity": 1,
3856
3829
  "padding": 16,
@@ -3978,6 +3951,7 @@ Array [
3978
3951
  Object {
3979
3952
  "alignItems": "center",
3980
3953
  "backgroundColor": "#ffffff",
3954
+ "borderRadius": 4,
3981
3955
  "flexDirection": "row",
3982
3956
  "opacity": 1,
3983
3957
  "padding": 16,
@@ -4105,6 +4079,7 @@ Array [
4105
4079
  Object {
4106
4080
  "alignItems": "center",
4107
4081
  "backgroundColor": "#ffffff",
4082
+ "borderRadius": 4,
4108
4083
  "flexDirection": "row",
4109
4084
  "opacity": 1,
4110
4085
  "padding": 16,
@@ -4233,6 +4208,7 @@ Array [
4233
4208
  Object {
4234
4209
  "alignItems": "center",
4235
4210
  "backgroundColor": "#ffffff",
4211
+ "borderRadius": 4,
4236
4212
  "flexDirection": "row",
4237
4213
  "opacity": 0.38,
4238
4214
  "padding": 16,
@@ -4445,12 +4421,16 @@ Array [
4445
4421
  style={
4446
4422
  Array [
4447
4423
  Object {
4424
+ "borderColor": "#808f91",
4425
+ "borderRadius": 8,
4426
+ "borderWidth": 1,
4448
4427
  "marginVertical": 8,
4449
4428
  "width": "100%",
4450
4429
  },
4451
4430
  undefined,
4452
4431
  ]
4453
4432
  }
4433
+ themeVariant="readonly"
4454
4434
  >
4455
4435
  <View
4456
4436
  style={
@@ -4464,24 +4444,6 @@ Array [
4464
4444
  ]
4465
4445
  }
4466
4446
  >
4467
- <View
4468
- style={
4469
- Array [
4470
- Object {
4471
- "borderColor": "#808f91",
4472
- "borderRadius": 8,
4473
- "borderWidth": 1,
4474
- "bottom": 0,
4475
- "left": 0,
4476
- "position": "absolute",
4477
- "right": 0,
4478
- "top": 0,
4479
- },
4480
- undefined,
4481
- ]
4482
- }
4483
- themeVariant="readonly"
4484
- />
4485
4447
  <View
4486
4448
  pointerEvents="none"
4487
4449
  style={
@@ -4971,7 +4933,8 @@ Array [
4971
4933
  Array [
4972
4934
  Object {
4973
4935
  "alignItems": "center",
4974
- "backgroundColor": "#f3e6f6",
4936
+ "backgroundColor": "#ECE8EF",
4937
+ "borderRadius": 4,
4975
4938
  "flexDirection": "row",
4976
4939
  "opacity": 1,
4977
4940
  "padding": 16,
@@ -5123,7 +5086,8 @@ Array [
5123
5086
  Array [
5124
5087
  Object {
5125
5088
  "alignItems": "center",
5126
- "backgroundColor": "#f3e6f6",
5089
+ "backgroundColor": "#ECE8EF",
5090
+ "borderRadius": 4,
5127
5091
  "flexDirection": "row",
5128
5092
  "opacity": 1,
5129
5093
  "padding": 16,
@@ -5276,6 +5240,7 @@ Array [
5276
5240
  Object {
5277
5241
  "alignItems": "center",
5278
5242
  "backgroundColor": "#ffffff",
5243
+ "borderRadius": 4,
5279
5244
  "flexDirection": "row",
5280
5245
  "opacity": 1,
5281
5246
  "padding": 16,
@@ -5403,6 +5368,7 @@ Array [
5403
5368
  Object {
5404
5369
  "alignItems": "center",
5405
5370
  "backgroundColor": "#ffffff",
5371
+ "borderRadius": 4,
5406
5372
  "flexDirection": "row",
5407
5373
  "opacity": 1,
5408
5374
  "padding": 16,
@@ -5530,6 +5496,7 @@ Array [
5530
5496
  Object {
5531
5497
  "alignItems": "center",
5532
5498
  "backgroundColor": "#ffffff",
5499
+ "borderRadius": 4,
5533
5500
  "flexDirection": "row",
5534
5501
  "opacity": 1,
5535
5502
  "padding": 16,
@@ -5657,6 +5624,7 @@ Array [
5657
5624
  Object {
5658
5625
  "alignItems": "center",
5659
5626
  "backgroundColor": "#ffffff",
5627
+ "borderRadius": 4,
5660
5628
  "flexDirection": "row",
5661
5629
  "opacity": 1,
5662
5630
  "padding": 16,
@@ -5785,6 +5753,7 @@ Array [
5785
5753
  Object {
5786
5754
  "alignItems": "center",
5787
5755
  "backgroundColor": "#ffffff",
5756
+ "borderRadius": 4,
5788
5757
  "flexDirection": "row",
5789
5758
  "opacity": 0.38,
5790
5759
  "padding": 16,
@@ -5997,12 +5966,16 @@ Array [
5997
5966
  style={
5998
5967
  Array [
5999
5968
  Object {
5969
+ "borderColor": "#001f23",
5970
+ "borderRadius": 8,
5971
+ "borderWidth": 1,
6000
5972
  "marginVertical": 8,
6001
5973
  "width": "100%",
6002
5974
  },
6003
5975
  undefined,
6004
5976
  ]
6005
5977
  }
5978
+ themeVariant="filled"
6006
5979
  >
6007
5980
  <View
6008
5981
  style={
@@ -6016,24 +5989,6 @@ Array [
6016
5989
  ]
6017
5990
  }
6018
5991
  >
6019
- <View
6020
- style={
6021
- Array [
6022
- Object {
6023
- "borderColor": "#001f23",
6024
- "borderRadius": 8,
6025
- "borderWidth": 1,
6026
- "bottom": 0,
6027
- "left": 0,
6028
- "position": "absolute",
6029
- "right": 0,
6030
- "top": 0,
6031
- },
6032
- undefined,
6033
- ]
6034
- }
6035
- themeVariant="filled"
6036
- />
6037
5992
  <View
6038
5993
  pointerEvents="none"
6039
5994
  style={
@@ -6546,6 +6501,7 @@ Array [
6546
6501
  Object {
6547
6502
  "alignItems": "center",
6548
6503
  "backgroundColor": "#ffffff",
6504
+ "borderRadius": 4,
6549
6505
  "flexDirection": "row",
6550
6506
  "opacity": 1,
6551
6507
  "padding": 16,
@@ -6769,7 +6725,8 @@ Array [
6769
6725
  Array [
6770
6726
  Object {
6771
6727
  "alignItems": "center",
6772
- "backgroundColor": "#f3e6f6",
6728
+ "backgroundColor": "#ECE8EF",
6729
+ "borderRadius": 4,
6773
6730
  "flexDirection": "row",
6774
6731
  "opacity": 1,
6775
6732
  "padding": 16,
@@ -6911,7 +6868,8 @@ Array [
6911
6868
  Array [
6912
6869
  Object {
6913
6870
  "alignItems": "center",
6914
- "backgroundColor": "#f3e6f6",
6871
+ "backgroundColor": "#ECE8EF",
6872
+ "borderRadius": 4,
6915
6873
  "flexDirection": "row",
6916
6874
  "opacity": 1,
6917
6875
  "padding": 16,
package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap CHANGED
@@ -20,7 +20,8 @@ exports[`Option renders correctly 1`] = `
20
20
  Array [
21
21
  Object {
22
22
  "alignItems": "center",
23
- "backgroundColor": "#f3e6f6",
23
+ "backgroundColor": "#ECE8EF",
24
+ "borderRadius": 4,
24
25
  "flexDirection": "row",
25
26
  "opacity": 1,
26
27
  "padding": 16,
package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED
@@ -198,7 +198,8 @@ exports[`OptionList render isLoading correctly 1`] = `
198
198
  Array [
199
199
  Object {
200
200
  "alignItems": "center",
201
- "backgroundColor": "#f3e6f6",
201
+ "backgroundColor": "#ECE8EF",
202
+ "borderRadius": 4,
202
203
  "flexDirection": "row",
203
204
  "opacity": 1,
204
205
  "padding": 16,
@@ -423,6 +424,7 @@ exports[`OptionList render isLoading correctly 1`] = `
423
424
  Object {
424
425
  "alignItems": "center",
425
426
  "backgroundColor": "#ffffff",
427
+ "borderRadius": 4,
426
428
  "flexDirection": "row",
427
429
  "opacity": 1,
428
430
  "padding": 16,
@@ -540,6 +542,7 @@ exports[`OptionList render isLoading correctly 1`] = `
540
542
  Object {
541
543
  "alignItems": "center",
542
544
  "backgroundColor": "#ffffff",
545
+ "borderRadius": 4,
543
546
  "flexDirection": "row",
544
547
  "opacity": 1,
545
548
  "padding": 16,
@@ -972,7 +975,8 @@ exports[`OptionList renders correctly 1`] = `
972
975
  Array [
973
976
  Object {
974
977
  "alignItems": "center",
975
- "backgroundColor": "#f3e6f6",
978
+ "backgroundColor": "#ECE8EF",
979
+ "borderRadius": 4,
976
980
  "flexDirection": "row",
977
981
  "opacity": 1,
978
982
  "padding": 16,
@@ -1197,6 +1201,7 @@ exports[`OptionList renders correctly 1`] = `
1197
1201
  Object {
1198
1202
  "alignItems": "center",
1199
1203
  "backgroundColor": "#ffffff",
1204
+ "borderRadius": 4,
1200
1205
  "flexDirection": "row",
1201
1206
  "opacity": 1,
1202
1207
  "padding": 16,
@@ -1314,6 +1319,7 @@ exports[`OptionList renders correctly 1`] = `
1314
1319
  Object {
1315
1320
  "alignItems": "center",
1316
1321
  "backgroundColor": "#ffffff",
1322
+ "borderRadius": 4,
1317
1323
  "flexDirection": "row",
1318
1324
  "opacity": 1,
1319
1325
  "padding": 16,
@@ -1594,7 +1600,8 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1594
1600
  Array [
1595
1601
  Object {
1596
1602
  "alignItems": "center",
1597
- "backgroundColor": "#f3e6f6",
1603
+ "backgroundColor": "#ECE8EF",
1604
+ "borderRadius": 4,
1598
1605
  "flexDirection": "row",
1599
1606
  "opacity": 1,
1600
1607
  "padding": 16,
@@ -1819,6 +1826,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1819
1826
  Object {
1820
1827
  "alignItems": "center",
1821
1828
  "backgroundColor": "#ffffff",
1829
+ "borderRadius": 4,
1822
1830
  "flexDirection": "row",
1823
1831
  "opacity": 1,
1824
1832
  "padding": 16,
@@ -1936,6 +1944,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1936
1944
  Object {
1937
1945
  "alignItems": "center",
1938
1946
  "backgroundColor": "#ffffff",
1947
+ "borderRadius": 4,
1939
1948
  "flexDirection": "row",
1940
1949
  "opacity": 1,
1941
1950
  "padding": 16,
@@ -2216,7 +2225,8 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2216
2225
  Array [
2217
2226
  Object {
2218
2227
  "alignItems": "center",
2219
- "backgroundColor": "#f3e6f6",
2228
+ "backgroundColor": "#ECE8EF",
2229
+ "borderRadius": 4,
2220
2230
  "flexDirection": "row",
2221
2231
  "opacity": 1,
2222
2232
  "padding": 16,
@@ -2441,6 +2451,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2441
2451
  Object {
2442
2452
  "alignItems": "center",
2443
2453
  "backgroundColor": "#ffffff",
2454
+ "borderRadius": 4,
2444
2455
  "flexDirection": "row",
2445
2456
  "opacity": 1,
2446
2457
  "padding": 16,
@@ -2558,6 +2569,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2558
2569
  Object {
2559
2570
  "alignItems": "center",
2560
2571
  "backgroundColor": "#ffffff",
2572
+ "borderRadius": 4,
2561
2573
  "flexDirection": "row",
2562
2574
  "opacity": 1,
2563
2575
  "padding": 16,