@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.
- package/components/core/x-accordion/root.d.ts +38 -0
- package/components/core/{xinput → x-input}/root.d.ts +1 -1
- package/components/core/x-text-area/root.d.ts +45 -0
- package/components/core/x-text-field/index.d.ts +2 -0
- package/components/core/x-text-field/root.d.ts +31 -0
- package/components/core/xcurrency-input/root.d.ts +1 -1
- package/components/core/xdecision/root.d.ts +1 -0
- package/components/core/xemail-input/root.d.ts +1 -1
- package/components/core/xnumber-input/root.d.ts +1 -1
- package/components/core/xpassword-input/root.d.ts +1 -1
- package/components/core/xphone-input/root.d.ts +1 -1
- package/components/core/xsearch-input/root.d.ts +1 -1
- package/components/core/xtext-input/root.d.ts +1 -1
- package/components/mobile/x-bottom-sheet/index.d.ts +2 -0
- package/components/mobile/x-bottom-sheet/root.d.ts +85 -0
- package/hooks/useMountTransition.d.ts +1 -1
- package/index.core.d.ts +3 -1
- package/index.css +112 -73
- package/index.js +1 -1
- package/index.mobile.d.ts +4 -2
- package/index.web.d.ts +3 -1
- package/models/Collections/IBorderType.d.ts +1 -1
- package/models/Collections/IBottomExpandableState.d.ts +1 -0
- package/models/Collections/IDecisionValueType.d.ts +1 -0
- package/models/Collections/ITextFieldType.d.ts +1 -0
- package/models/Collections/index.d.ts +4 -1
- package/package.json +1 -1
- package/components/core/xtext-area/root.d.ts +0 -13
- package/components/mobile/xbottom-sheet/root.d.ts +0 -26
- /package/components/{mobile/xbottom-sheet → core/x-accordion}/index.d.ts +0 -0
- /package/components/core/{xinput → x-input}/index.d.ts +0 -0
- /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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1987
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2032
|
+
.root-module_x-input__content__OGkTU>input:focus {
|
|
2036
2033
|
outline: none;
|
|
2037
2034
|
}
|
|
2038
2035
|
|
|
2039
|
-
.root-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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.
|
|
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-
|
|
2399
|
+
.root-module_x-textarea__content__HzYvt > textarea:focus {
|
|
2402
2400
|
outline: none;
|
|
2403
2401
|
}
|
|
2404
2402
|
|
|
2405
|
-
.root-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4968
|
+
.root-module_x-bottom-sheet__NjMBE {
|
|
4932
4969
|
background: transparent;
|
|
4933
4970
|
}
|
|
4934
4971
|
|
|
4935
|
-
.root-
|
|
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-
|
|
4947
|
-
background:
|
|
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-
|
|
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-
|
|
4964
|
-
padding-bottom: 4px;
|
|
5000
|
+
.root-module_x-bottom-sheet__modal__header__icon__euGKS {
|
|
4965
5001
|
display: block;
|
|
4966
5002
|
}
|
|
4967
5003
|
|
|
4968
|
-
.root-
|
|
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-
|
|
5011
|
+
.root-module_x-bottom-sheet__modal__header__subtitle__21Lom {
|
|
4976
5012
|
display: block;
|
|
4977
5013
|
}
|
|
4978
5014
|
|
|
4979
|
-
.root-
|
|
5015
|
+
.root-module_x-bottom-sheet__modal__header__children__gy10g {
|
|
4980
5016
|
padding-top: var(--xbox-padding-xs);
|
|
4981
5017
|
}
|
|
4982
5018
|
|
|
4983
|
-
.root-
|
|
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-
|
|
5025
|
+
.root-module_x-bottom-sheet__modal__body__I9BPE {
|
|
4990
5026
|
padding: var(--xbox-padding-xl);
|
|
4991
5027
|
}
|
|
4992
5028
|
|
|
4993
|
-
.root-
|
|
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-
|
|
5037
|
+
.root-module_x-bottom-sheet--backdrop--in__ErRRI {
|
|
4998
5038
|
opacity: 0.7;
|
|
4999
5039
|
}
|
|
5000
5040
|
|
|
5001
|
-
.root-
|
|
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-
|
|
5046
|
+
.root-module_x-bottom-sheet--transition-backdrop--out__SR-jr {
|
|
5007
5047
|
transition: opacity 1s ease;
|
|
5008
5048
|
}
|
|
5009
5049
|
|
|
5010
|
-
.root-
|
|
5011
|
-
max-height:
|
|
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-
|
|
5055
|
+
.root-module_x-bottom-sheet--transition-out__SSw-- {
|
|
5016
5056
|
max-height: 12% !important;
|
|
5017
5057
|
}
|
|
5018
|
-
|