@team_yumi/ramen 0.4.0-next.20231124-6a01ee9-56428f393d415f317b0ef9a378f93e4a → 0.4.0-next.20231128-0bf63a6-58ae2df441e0967e8a486fa0a6303018

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 (32) hide show
  1. package/components/core/x-accordion/root.d.ts +38 -0
  2. package/components/core/{xinput → x-input}/root.d.ts +1 -1
  3. package/components/core/x-text-area/root.d.ts +45 -0
  4. package/components/core/x-text-field/index.d.ts +2 -0
  5. package/components/core/x-text-field/root.d.ts +31 -0
  6. package/components/core/xcurrency-input/root.d.ts +1 -1
  7. package/components/core/xdecision/root.d.ts +1 -0
  8. package/components/core/xemail-input/root.d.ts +1 -1
  9. package/components/core/xnumber-input/root.d.ts +1 -1
  10. package/components/core/xpassword-input/root.d.ts +1 -1
  11. package/components/core/xphone-input/root.d.ts +1 -1
  12. package/components/core/xsearch-input/root.d.ts +1 -1
  13. package/components/core/xtext-input/root.d.ts +1 -1
  14. package/components/mobile/x-bottom-sheet/index.d.ts +2 -0
  15. package/components/mobile/x-bottom-sheet/root.d.ts +85 -0
  16. package/hooks/useMountTransition.d.ts +1 -1
  17. package/index.core.d.ts +3 -1
  18. package/index.css +112 -73
  19. package/index.js +1 -1
  20. package/index.mobile.d.ts +4 -2
  21. package/index.web.d.ts +3 -1
  22. package/models/Collections/IBorderType.d.ts +1 -1
  23. package/models/Collections/IBottomExpandableState.d.ts +1 -0
  24. package/models/Collections/IDecisionValueType.d.ts +1 -0
  25. package/models/Collections/ITextFieldType.d.ts +1 -0
  26. package/models/Collections/index.d.ts +4 -1
  27. package/package.json +1 -1
  28. package/components/core/xtext-area/root.d.ts +0 -13
  29. package/components/mobile/xbottom-sheet/root.d.ts +0 -26
  30. /package/components/{mobile/xbottom-sheet → core/x-accordion}/index.d.ts +0 -0
  31. /package/components/core/{xinput → x-input}/index.d.ts +0 -0
  32. /package/components/core/{xtext-area → x-text-area}/index.d.ts +0 -0
package/index.css CHANGED
@@ -1958,7 +1958,7 @@
1958
1958
  display: none;
1959
1959
  }
1960
1960
 
1961
- .root-module_xinput__wKJg8 {
1961
+ .root-module_x-input__8bcVs {
1962
1962
  background-color: var(--color-neutral-lightest, #ffffff);
1963
1963
  border-radius: 999px;
1964
1964
  display: flex;
@@ -1967,7 +1967,7 @@
1967
1967
  width: 100%;
1968
1968
  }
1969
1969
 
1970
- .root-module_xinput__content__H1uq- {
1970
+ .root-module_x-input__content__OGkTU {
1971
1971
  display: flex;
1972
1972
  align-items: center;
1973
1973
  padding: var(--xbox-padding-s) var(--xbox-padding-m);
@@ -1975,52 +1975,49 @@
1975
1975
  border-radius: 999px;
1976
1976
  }
1977
1977
 
1978
- .root-module_xinput--has-innerbutton__dc4n- > .root-module_xinput__content__H1uq- {
1978
+ .root-module_x-input--has-innerbutton__hDx3p>.root-module_x-input__content__OGkTU {
1979
1979
  padding: var(--xbox-padding-xs) var(--xbox-padding-m);
1980
1980
  }
1981
1981
 
1982
- .root-module_xinput--has-error__anEKA .root-module_xinput__content__H1uq- {
1982
+ .root-module_x-input--has-error__T7LO6 .root-module_x-input__content__OGkTU {
1983
1983
  border: 1px solid var(--global-error-red-50);
1984
1984
  }
1985
1985
 
1986
- .root-module_xinput--disabled__cf8s3 .root-module_xinput__content__H1uq- {
1987
- background-color: var(--color-neutral-light);
1986
+ .root-module_x-input--disabled__MAaPq .root-module_x-input__content__OGkTU {
1987
+ border: 1px solid var(--neutral-dark-30, #D6D6D6);
1988
+ background: var(--neutral-dark-20, #F5F5F5);
1988
1989
  }
1989
1990
 
1990
- .root-module_xinput--size-s__46LGs .root-module_xinput__content__H1uq- {
1991
+ .root-module_x-input--size-s__9aTJo .root-module_x-input__content__OGkTU {
1991
1992
  display: flex;
1992
1993
  align-items: center;
1993
1994
  padding: 9px var(--xbox-padding-m);
1994
1995
  }
1995
1996
 
1996
- .root-module_xinput__wKJg8:hover .root-module_xinput__content__H1uq- {
1997
+ .root-module_x-input__8bcVs:hover .root-module_x-input__content__OGkTU {
1997
1998
  box-shadow: 0 3px 8px -1px rgba(24, 39, 75, 0.08);
1998
1999
  }
1999
2000
 
2000
- .root-module_xinput__wKJg8:not(.root-module_xinput--has-error__anEKA).root-module_xinput__wKJg8:focus-within .root-module_xinput__content__H1uq- {
2001
+ .root-module_x-input__8bcVs:not(.root-module_x-input--has-error__T7LO6).root-module_x-input__8bcVs:focus-within .root-module_x-input__content__OGkTU {
2001
2002
  border: 1px solid var(--color-neutral-darkest);
2002
2003
  }
2003
2004
 
2004
- .theme-arcus .root-module_xinput__wKJg8:not(.root-module_xinput--has-error__anEKA).root-module_xinput__wKJg8:focus-within .root-module_xinput__content__H1uq- {
2005
+ .theme-arcus .root-module_x-input__8bcVs:not(.root-module_x-input--has-error__T7LO6).root-module_x-input__8bcVs:focus-within .root-module_x-input__content__OGkTU {
2005
2006
  color: var(--color-neutral-darkest);
2006
2007
  background: linear-gradient(#fff, #fff) padding-box, var(--color-gradient-arcus) border-box;
2007
2008
  border-color: transparent;
2008
2009
  }
2009
2010
 
2010
- .root-module_xinput__icon__QFal7 > div {
2011
+ .root-module_x-input__icon__7Kv84>div {
2011
2012
  margin-right: var(--xbox-padding-xs);
2012
2013
  display: flex;
2013
2014
  }
2014
2015
 
2015
- .root-module_xinput--disabled__cf8s3 .root-module_xinput__content__H1uq- .root-module_xinput__icon__QFal7 > div {
2016
- color: var(--neutral-dark-50);
2017
- }
2018
-
2019
- .root-module_xinput__wKJg8:not(.root-module_xinput--has-error__anEKA).root-module_xinput__wKJg8:focus-within .root-module_xinput__icon__QFal7 {
2016
+ .root-module_x-input__8bcVs:not(.root-module_x-input--has-error__T7LO6).root-module_x-input__8bcVs:focus-within .root-module_x-input__icon__7Kv84 {
2020
2017
  color: var(--color-neutral-darkest);
2021
2018
  }
2022
2019
 
2023
- .root-module_xinput__content__H1uq- > input {
2020
+ .root-module_x-input__content__OGkTU>input {
2024
2021
  border: none;
2025
2022
  padding: 0;
2026
2023
  height: var(--xbox-size-9);
@@ -2032,15 +2029,15 @@
2032
2029
  -webkit-font-smoothing: antialiased;
2033
2030
  }
2034
2031
 
2035
- .root-module_xinput__content__H1uq- > input:focus {
2032
+ .root-module_x-input__content__OGkTU>input:focus {
2036
2033
  outline: none;
2037
2034
  }
2038
2035
 
2039
- .root-module_xinput--size-s__46LGs .root-module_xinput__content__H1uq- > input {
2036
+ .root-module_x-input--size-s__9aTJo .root-module_x-input__content__OGkTU>input {
2040
2037
  font-size: var(--xtext-size-11);
2041
2038
  }
2042
2039
 
2043
- .root-module_xinput__content__H1uq- > input::-moz-placeholder {
2040
+ .root-module_x-input__content__OGkTU>input::-moz-placeholder {
2044
2041
  font-size: var(--xtext-size-10);
2045
2042
  color: var(--neutral-dark-50);
2046
2043
  font-weight: var(--xtext-weight-normal);
@@ -2048,7 +2045,7 @@
2048
2045
  letter-spacing: var(--xtext-letterspacing);
2049
2046
  }
2050
2047
 
2051
- .root-module_xinput__content__H1uq- > input::placeholder {
2048
+ .root-module_x-input__content__OGkTU>input::placeholder {
2052
2049
  font-size: var(--xtext-size-10);
2053
2050
  color: var(--neutral-dark-50);
2054
2051
  font-weight: var(--xtext-weight-normal);
@@ -2056,11 +2053,11 @@
2056
2053
  letter-spacing: var(--xtext-letterspacing);
2057
2054
  }
2058
2055
 
2059
- .root-module_xinput--size-s__46LGs .root-module_xinput__content__H1uq- > input::-moz-placeholder {
2056
+ .root-module_x-input--size-s__9aTJo .root-module_x-input__content__OGkTU>input::-moz-placeholder {
2060
2057
  font-size: var(--xtext-size-11);
2061
2058
  }
2062
2059
 
2063
- .root-module_xinput--size-s__46LGs .root-module_xinput__content__H1uq- > input::placeholder {
2060
+ .root-module_x-input--size-s__9aTJo .root-module_x-input__content__OGkTU>input::placeholder {
2064
2061
  font-size: var(--xtext-size-11);
2065
2062
  }
2066
2063
 
@@ -2323,7 +2320,7 @@
2323
2320
  display: block;
2324
2321
  }
2325
2322
 
2326
- .root-module_xtextarea__jLwrl {
2323
+ .root-module_x-textarea__of1mo {
2327
2324
  display: flex;
2328
2325
  flex-direction: column;
2329
2326
  align-items: stretch;
@@ -2331,7 +2328,7 @@
2331
2328
  position: relative;
2332
2329
  }
2333
2330
 
2334
- .root-module_xtextarea__content__jmSf- {
2331
+ .root-module_x-textarea__content__HzYvt {
2335
2332
  display: flex;
2336
2333
  align-items: center;
2337
2334
  padding: var(--xbox-padding-s) var(--xbox-padding-m);
@@ -2339,35 +2336,35 @@
2339
2336
  border-radius: 24px;
2340
2337
  }
2341
2338
 
2342
- .root-module_xtextarea--has-error__xlwOA .root-module_xtextarea__content__jmSf- {
2339
+ .root-module_x-textarea--has-error__u3sYQ .root-module_x-textarea__content__HzYvt {
2343
2340
  border: 1px solid var(--global-error-red-50);
2344
2341
  }
2345
2342
 
2346
- .root-module_xtextarea--disabled__qJ6TY .root-module_xtextarea__content__jmSf- {
2343
+ .root-module_x-textarea--disabled__gCijS .root-module_x-textarea__content__HzYvt {
2347
2344
  background-color: var(--color-neutral-light);
2348
2345
  }
2349
2346
 
2350
- .root-module_xtextarea--size-s__z9b4k .root-module_xtextarea__content__jmSf- {
2347
+ .root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt {
2351
2348
  display: flex;
2352
2349
  align-items: center;
2353
2350
  padding: 9px var(--xbox-padding-m);
2354
2351
  }
2355
2352
 
2356
- .root-module_xtextarea__jLwrl:hover .root-module_xtextarea__content__jmSf- {
2353
+ .root-module_x-textarea__of1mo:hover .root-module_x-textarea__content__HzYvt {
2357
2354
  box-shadow: 0 3px 8px -1px rgba(24, 39, 75, 0.08);
2358
2355
  }
2359
2356
 
2360
- .root-module_xtextarea__jLwrl:not(.root-module_xtextarea--has-error__xlwOA).root-module_xtextarea__jLwrl:focus-within .root-module_xtextarea__content__jmSf- {
2357
+ .root-module_x-textarea__of1mo:not(.root-module_x-textarea--has-error__u3sYQ).root-module_x-textarea__of1mo:focus-within .root-module_x-textarea__content__HzYvt {
2361
2358
  border: 1px solid var(--color-neutral-darkest);
2362
2359
  }
2363
2360
 
2364
- .theme-arcus .root-module_xtextarea__jLwrl:not(.root-module_xtextarea--has-error__xlwOA).root-module_xtextarea__jLwrl:focus-within .root-module_xtextarea__content__jmSf- {
2361
+ .theme-arcus .root-module_x-textarea__of1mo:not(.root-module_x-textarea--has-error__u3sYQ).root-module_x-textarea__of1mo:focus-within .root-module_x-textarea__content__HzYvt {
2365
2362
  color: var(--color-neutral-darkest);
2366
2363
  background: linear-gradient(#fff, #fff) padding-box, var(--color-gradient-arcus) border-box;
2367
2364
  border-color: transparent;
2368
2365
  }
2369
2366
 
2370
- .root-module_xtextarea__subcontent__fUBLw {
2367
+ .root-module_x-textarea__subcontent__Pq3VE {
2371
2368
  margin-right: var(--xbox-padding-xs);
2372
2369
  color: var(--color-neutral-medium);
2373
2370
  display: flex;
@@ -2375,7 +2372,7 @@
2375
2372
  padding: var(--xbox-padding-xs) 0px;
2376
2373
  }
2377
2374
 
2378
- .root-module_xtextarea__count__a1g7R {
2375
+ .root-module_x-textarea__count__wbjds {
2379
2376
  position: absolute;
2380
2377
  bottom: -24px;
2381
2378
  right: 0;
@@ -2384,48 +2381,49 @@
2384
2381
  color: var(--color-neutral-medium);
2385
2382
  }
2386
2383
 
2387
- .root-module_xtextarea__content__jmSf- > textarea {
2384
+ .root-module_x-textarea__content__HzYvt > textarea {
2388
2385
  border: none;
2389
2386
  padding: 0px;
2390
2387
  height: var(--xbox-size-10);
2391
2388
  font-size: var(--xtext-size-10);
2392
2389
  font-weight: var(--xtext-weight-normal);
2393
2390
  -webkit-font-smoothing: antialiased;
2394
- letter-spacing: -0.05em;
2391
+ letter-spacing: -0.8px;
2392
+ line-height: 100%;
2395
2393
  background: transparent;
2396
2394
  width: 100%;
2397
2395
  resize: none;
2398
2396
  height: 96px;
2399
2397
  }
2400
2398
 
2401
- .root-module_xtextarea__content__jmSf- > textarea:focus {
2399
+ .root-module_x-textarea__content__HzYvt > textarea:focus {
2402
2400
  outline: none;
2403
2401
  }
2404
2402
 
2405
- .root-module_xtextarea--size-s__z9b4k .root-module_xtextarea__content__jmSf- > textarea {
2403
+ .root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea {
2406
2404
  height: var(--xbox-size-12);
2407
2405
  font-size: var(--xtext-size-11);
2408
2406
  }
2409
2407
 
2410
- .root-module_xtextarea__content__jmSf- > textarea::-moz-placeholder {
2408
+ .root-module_x-textarea__content__HzYvt > textarea::-moz-placeholder {
2411
2409
  font-size: var(--xtext-size-10);
2412
2410
  color: var(--color-neutral-dim);
2413
2411
  -webkit-font-smoothing: antialiased;
2414
2412
  letter-spacing: var(--xtext-letterspacing);
2415
2413
  }
2416
2414
 
2417
- .root-module_xtextarea__content__jmSf- > textarea::placeholder {
2415
+ .root-module_x-textarea__content__HzYvt > textarea::placeholder {
2418
2416
  font-size: var(--xtext-size-10);
2419
2417
  color: var(--color-neutral-dim);
2420
2418
  -webkit-font-smoothing: antialiased;
2421
2419
  letter-spacing: var(--xtext-letterspacing);
2422
2420
  }
2423
2421
 
2424
- .root-module_xtextarea--size-s__z9b4k .root-module_xtextarea__content__jmSf- > textarea::-moz-placeholder {
2422
+ .root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea::-moz-placeholder {
2425
2423
  font-size: var(--xtext-size-11);
2426
2424
  }
2427
2425
 
2428
- .root-module_xtextarea--size-s__z9b4k .root-module_xtextarea__content__jmSf- > textarea::placeholder {
2426
+ .root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea::placeholder {
2429
2427
  font-size: var(--xtext-size-11);
2430
2428
  }
2431
2429
 
@@ -2525,6 +2523,13 @@
2525
2523
  border: 1px solid var(--color-neutral-light);
2526
2524
  }
2527
2525
 
2526
+ .root-module_xcard--border-gradient__4mK55 {
2527
+ border: 1px solid transparent;
2528
+ color: var(--color-neutral-darkest);
2529
+ background: linear-gradient(#fff, #fff) padding-box, var(--color-gradient-arcus) border-box;
2530
+ border-color: transparent;
2531
+ }
2532
+
2528
2533
  .root-module_xcard--clickable__Zi8Az {
2529
2534
  cursor: pointer;
2530
2535
  }
@@ -2539,7 +2544,7 @@
2539
2544
  }
2540
2545
 
2541
2546
  .root-module_xcard--disabled__GoWaM .root-module_xcard__symbol__BE14- > div > svg {
2542
- opacity: .4;
2547
+ opacity: 0.4;
2543
2548
  }
2544
2549
 
2545
2550
  .root-module_xcard--size-s__yPZgk .root-module_xcard__symbol__BE14- {
@@ -2561,7 +2566,7 @@
2561
2566
  }
2562
2567
 
2563
2568
  .root-module_xcard--disabled__GoWaM .root-module_xcard__texts__IMJQd {
2564
- opacity: .5;
2569
+ opacity: 0.5;
2565
2570
  }
2566
2571
 
2567
2572
  .root-module_xcard--size-s__yPZgk .root-module_xcard__texts__IMJQd {
@@ -2581,10 +2586,8 @@
2581
2586
  color: var(--color-neutral-lightest);
2582
2587
  }
2583
2588
 
2584
-
2585
-
2586
2589
  /* colors */
2587
- .root-module_xcard--border_color-gray__e7u5J {
2590
+ .root-module_xcard--border_color-gray__e7u5J {
2588
2591
  border-color: var(--color-neutral-light);
2589
2592
  }
2590
2593
 
@@ -2598,12 +2601,12 @@
2598
2601
  }
2599
2602
 
2600
2603
  /* color sky blue */
2601
- .root-module_xcard--border_color-sky-blue__7wJbp {
2604
+ .root-module_xcard--border_color-sky-blue__7wJbp {
2602
2605
  border-color: var(--xcard-border-color-sky-blue);
2603
2606
  }
2604
2607
 
2605
2608
  /* color orange */
2606
- .root-module_xcard--border_color-orange__EaFXm {
2609
+ .root-module_xcard--border_color-orange__EaFXm {
2607
2610
  border-color: var(--xcard-border-color-orange);
2608
2611
  }
2609
2612
 
@@ -2628,25 +2631,25 @@
2628
2631
  }
2629
2632
 
2630
2633
  /* color red refuse */
2631
- .root-module_xcard--border_color-red-refuse__58lPg {
2634
+ .root-module_xcard--border_color-red-refuse__58lPg {
2632
2635
  border-color: var(--xcard-border-color-red-refuse);
2633
2636
  }
2634
2637
 
2635
2638
  /* color yellow */
2636
- .root-module_xcard--border_color-yellow__VmDVk {
2639
+ .root-module_xcard--border_color-yellow__VmDVk {
2637
2640
  border-color: var(--xcard-border-color-yellow);
2638
2641
  }
2639
2642
 
2640
2643
  /* color yellow */
2641
- .root-module_xcard--border_color-turquoise__09D0Q {
2644
+ .root-module_xcard--border_color-turquoise__09D0Q {
2642
2645
  border-color: var(--xcard-border-color-turquoise);
2643
2646
  }
2644
2647
 
2645
- .root-module_xcard--border_size-s__4nvom {
2648
+ .root-module_xcard--border_size-s__4nvom {
2646
2649
  border-width: var(--xcard-border-s);
2647
2650
  }
2648
2651
 
2649
- .root-module_xcard--border_size-m__xRDVk {
2652
+ .root-module_xcard--border_size-m__xRDVk {
2650
2653
  border-width: var(--xcard-border-m);
2651
2654
  }
2652
2655
 
@@ -3344,6 +3347,40 @@
3344
3347
  }
3345
3348
  }
3346
3349
 
3350
+ .root-module_x-accordion-panel__Ymuqh {
3351
+ display: flex;
3352
+ flex-direction: column;
3353
+ align-items: stretch;
3354
+ text-align: left;
3355
+ }
3356
+
3357
+ .root-module_x-accordion-panel__Ymuqh button {
3358
+ padding-left: 20px;
3359
+ padding-right: 20px;
3360
+ }
3361
+
3362
+ .root-module_x-accordion-panel__body--open__nyXJH {
3363
+ padding-bottom: 20px;
3364
+ overflow: hidden;
3365
+ max-height: 1000px;
3366
+ transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
3367
+ }
3368
+
3369
+ .root-module_x-accordion-panel__body__uNob1 {
3370
+ max-height: 0;
3371
+ opacity: 0;
3372
+ visibility: hidden;
3373
+ transition: max-height 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
3374
+ }
3375
+
3376
+ .root-module_x-accordion-line__nnRmX {
3377
+ flex: 1;
3378
+ }
3379
+
3380
+ .root-module_x-accordion-line__nnRmX div:last-child {
3381
+ height: 2px;
3382
+ }
3383
+
3347
3384
  .root-module_xpage__-DUi8 {
3348
3385
  position: fixed;
3349
3386
 
@@ -4928,11 +4965,11 @@
4928
4965
  .root-module_xgroup-radio-button__PkCdf {
4929
4966
  }
4930
4967
 
4931
- .root-module_xbottom-sheet__W6F2Q {
4968
+ .root-module_x-bottom-sheet__NjMBE {
4932
4969
  background: transparent;
4933
4970
  }
4934
4971
 
4935
- .root-module_xbottom-sheet__modal__cNJF6 {
4972
+ .root-module_x-bottom-sheet__modal__nSu4A {
4936
4973
  position: fixed;
4937
4974
  left: 0;
4938
4975
  right: 0;
@@ -4943,15 +4980,15 @@
4943
4980
  background: var(--color-neutral-lightest);
4944
4981
  }
4945
4982
 
4946
- .root-module_xbottom-sheet__modal__handler__uaIDY {
4947
- background: #D6D6D6;
4983
+ .root-module_x-bottom-sheet__modal__handler__arker {
4984
+ background: #D6D6D6;
4948
4985
  width: 48px;
4949
4986
  height: 4px;
4950
4987
  margin-top: 4px;
4951
4988
  border-radius: 2px;
4952
4989
  }
4953
4990
 
4954
- .root-module_xbottom-sheet__modal__backdrop__eRhRi {
4991
+ .root-module_x-bottom-sheet__modal__backdrop__664fy {
4955
4992
  position: absolute;
4956
4993
  inset: 0;
4957
4994
  z-index: 998;
@@ -4960,59 +4997,61 @@
4960
4997
  opacity: 0;
4961
4998
  }
4962
4999
 
4963
- .root-module_xbottom-sheet__modal__header__icon__dmkAF {
4964
- padding-bottom: 4px;
5000
+ .root-module_x-bottom-sheet__modal__header__icon__euGKS {
4965
5001
  display: block;
4966
5002
  }
4967
5003
 
4968
- .root-module_xbottom-sheet__modal__header__title__r6CNi {
5004
+ .root-module_x-bottom-sheet__modal__header__title__onOPR {
4969
5005
  display: block;
4970
5006
  -webkit-user-select: none;
4971
5007
  -moz-user-select: none;
4972
5008
  user-select: none;
4973
5009
  }
4974
5010
 
4975
- .root-module_xbottom-sheet__modal__header__subtitle__tMOzw {
5011
+ .root-module_x-bottom-sheet__modal__header__subtitle__21Lom {
4976
5012
  display: block;
4977
5013
  }
4978
5014
 
4979
- .root-module_xbottom-sheet__modal__header__children__e-cfC {
5015
+ .root-module_x-bottom-sheet__modal__header__children__gy10g {
4980
5016
  padding-top: var(--xbox-padding-xs);
4981
5017
  }
4982
5018
 
4983
- .root-module_xbottom-sheet__modal__header__z0cvI {
5019
+ .root-module_x-bottom-sheet__modal__header__e-SQG {
4984
5020
  box-shadow: 0 6px 12px -1px #18274B1A;
4985
5021
  padding: 0 var(--xbox-padding-xl);
4986
5022
  padding-bottom: 8px;
4987
5023
  }
4988
5024
 
4989
- .root-module_xbottom-sheet__modal__body__rn1EG {
5025
+ .root-module_x-bottom-sheet__modal__body__I9BPE {
4990
5026
  padding: var(--xbox-padding-xl);
4991
5027
  }
4992
5028
 
4993
- .root-module_xbottom-sheet__modal__actions__EKMB6 {
5029
+ .root-module_x-bottom-sheet__modal__body__content__zNhwf {
5030
+ overflow: auto;
5031
+ }
5032
+
5033
+ .root-module_x-bottom-sheet__modal__actions__sQKX4 {
4994
5034
  margin-bottom: env(safe-area-inset-bottom);
4995
5035
  }
4996
5036
 
4997
- .root-module_xbottom-sheet--backdrop--in__RQPxh {
5037
+ .root-module_x-bottom-sheet--backdrop--in__ErRRI {
4998
5038
  opacity: 0.7;
4999
5039
  }
5000
5040
 
5001
- .root-module_xbottom-sheet--transition-backdrop--in__XGeIp {
5041
+ .root-module_x-bottom-sheet--transition-backdrop--in__LHkFa {
5002
5042
  transition: opacity 1s ease;
5003
5043
  opacity: 0.7;
5004
5044
  }
5005
5045
 
5006
- .root-module_xbottom-sheet--transition-backdrop--out__CjnZw {
5046
+ .root-module_x-bottom-sheet--transition-backdrop--out__SR-jr {
5007
5047
  transition: opacity 1s ease;
5008
5048
  }
5009
5049
 
5010
- .root-module_xbottom-sheet--transition-in__NMkx- {
5011
- max-height: 85% !important;
5050
+ .root-module_x-bottom-sheet--transition-in__PQesX {
5051
+ max-height: 95% !important;
5012
5052
  transition: all 500ms ease;
5013
5053
  }
5014
5054
 
5015
- .root-module_xbottom-sheet--transition-out__UPssQ {
5055
+ .root-module_x-bottom-sheet--transition-out__SSw-- {
5016
5056
  max-height: 12% !important;
5017
5057
  }
5018
-