@team_yumi/ramen 0.4.0-next.20231124-6a01ee9-56428f393d415f317b0ef9a378f93e4a → 0.4.0-next.20231128-37228e3-f736c71a66d1e1d0149e2f5eb53bb260
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 +95 -61
- package/index.js +1 -1
- package/index.mobile.d.ts +4 -2
- package/index.web.d.ts +3 -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
|
|
|
@@ -3344,6 +3342,40 @@
|
|
|
3344
3342
|
}
|
|
3345
3343
|
}
|
|
3346
3344
|
|
|
3345
|
+
.root-module_x-accordion-panel__Ymuqh {
|
|
3346
|
+
display: flex;
|
|
3347
|
+
flex-direction: column;
|
|
3348
|
+
align-items: stretch;
|
|
3349
|
+
text-align: left;
|
|
3350
|
+
}
|
|
3351
|
+
|
|
3352
|
+
.root-module_x-accordion-panel__Ymuqh button {
|
|
3353
|
+
padding-left: 20px;
|
|
3354
|
+
padding-right: 20px;
|
|
3355
|
+
}
|
|
3356
|
+
|
|
3357
|
+
.root-module_x-accordion-panel__body--open__nyXJH {
|
|
3358
|
+
padding-bottom: 20px;
|
|
3359
|
+
overflow: hidden;
|
|
3360
|
+
max-height: 1000px;
|
|
3361
|
+
transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
|
|
3362
|
+
}
|
|
3363
|
+
|
|
3364
|
+
.root-module_x-accordion-panel__body__uNob1 {
|
|
3365
|
+
max-height: 0;
|
|
3366
|
+
opacity: 0;
|
|
3367
|
+
visibility: hidden;
|
|
3368
|
+
transition: max-height 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
|
|
3369
|
+
}
|
|
3370
|
+
|
|
3371
|
+
.root-module_x-accordion-line__nnRmX {
|
|
3372
|
+
flex: 1;
|
|
3373
|
+
}
|
|
3374
|
+
|
|
3375
|
+
.root-module_x-accordion-line__nnRmX div:last-child {
|
|
3376
|
+
height: 2px;
|
|
3377
|
+
}
|
|
3378
|
+
|
|
3347
3379
|
.root-module_xpage__-DUi8 {
|
|
3348
3380
|
position: fixed;
|
|
3349
3381
|
|
|
@@ -4928,11 +4960,11 @@
|
|
|
4928
4960
|
.root-module_xgroup-radio-button__PkCdf {
|
|
4929
4961
|
}
|
|
4930
4962
|
|
|
4931
|
-
.root-
|
|
4963
|
+
.root-module_x-bottom-sheet__NjMBE {
|
|
4932
4964
|
background: transparent;
|
|
4933
4965
|
}
|
|
4934
4966
|
|
|
4935
|
-
.root-
|
|
4967
|
+
.root-module_x-bottom-sheet__modal__nSu4A {
|
|
4936
4968
|
position: fixed;
|
|
4937
4969
|
left: 0;
|
|
4938
4970
|
right: 0;
|
|
@@ -4943,15 +4975,15 @@
|
|
|
4943
4975
|
background: var(--color-neutral-lightest);
|
|
4944
4976
|
}
|
|
4945
4977
|
|
|
4946
|
-
.root-
|
|
4947
|
-
background:
|
|
4978
|
+
.root-module_x-bottom-sheet__modal__handler__arker {
|
|
4979
|
+
background: #D6D6D6;
|
|
4948
4980
|
width: 48px;
|
|
4949
4981
|
height: 4px;
|
|
4950
4982
|
margin-top: 4px;
|
|
4951
4983
|
border-radius: 2px;
|
|
4952
4984
|
}
|
|
4953
4985
|
|
|
4954
|
-
.root-
|
|
4986
|
+
.root-module_x-bottom-sheet__modal__backdrop__664fy {
|
|
4955
4987
|
position: absolute;
|
|
4956
4988
|
inset: 0;
|
|
4957
4989
|
z-index: 998;
|
|
@@ -4960,59 +4992,61 @@
|
|
|
4960
4992
|
opacity: 0;
|
|
4961
4993
|
}
|
|
4962
4994
|
|
|
4963
|
-
.root-
|
|
4964
|
-
padding-bottom: 4px;
|
|
4995
|
+
.root-module_x-bottom-sheet__modal__header__icon__euGKS {
|
|
4965
4996
|
display: block;
|
|
4966
4997
|
}
|
|
4967
4998
|
|
|
4968
|
-
.root-
|
|
4999
|
+
.root-module_x-bottom-sheet__modal__header__title__onOPR {
|
|
4969
5000
|
display: block;
|
|
4970
5001
|
-webkit-user-select: none;
|
|
4971
5002
|
-moz-user-select: none;
|
|
4972
5003
|
user-select: none;
|
|
4973
5004
|
}
|
|
4974
5005
|
|
|
4975
|
-
.root-
|
|
5006
|
+
.root-module_x-bottom-sheet__modal__header__subtitle__21Lom {
|
|
4976
5007
|
display: block;
|
|
4977
5008
|
}
|
|
4978
5009
|
|
|
4979
|
-
.root-
|
|
5010
|
+
.root-module_x-bottom-sheet__modal__header__children__gy10g {
|
|
4980
5011
|
padding-top: var(--xbox-padding-xs);
|
|
4981
5012
|
}
|
|
4982
5013
|
|
|
4983
|
-
.root-
|
|
5014
|
+
.root-module_x-bottom-sheet__modal__header__e-SQG {
|
|
4984
5015
|
box-shadow: 0 6px 12px -1px #18274B1A;
|
|
4985
5016
|
padding: 0 var(--xbox-padding-xl);
|
|
4986
5017
|
padding-bottom: 8px;
|
|
4987
5018
|
}
|
|
4988
5019
|
|
|
4989
|
-
.root-
|
|
5020
|
+
.root-module_x-bottom-sheet__modal__body__I9BPE {
|
|
4990
5021
|
padding: var(--xbox-padding-xl);
|
|
4991
5022
|
}
|
|
4992
5023
|
|
|
4993
|
-
.root-
|
|
5024
|
+
.root-module_x-bottom-sheet__modal__body__content__zNhwf {
|
|
5025
|
+
overflow: auto;
|
|
5026
|
+
}
|
|
5027
|
+
|
|
5028
|
+
.root-module_x-bottom-sheet__modal__actions__sQKX4 {
|
|
4994
5029
|
margin-bottom: env(safe-area-inset-bottom);
|
|
4995
5030
|
}
|
|
4996
5031
|
|
|
4997
|
-
.root-
|
|
5032
|
+
.root-module_x-bottom-sheet--backdrop--in__ErRRI {
|
|
4998
5033
|
opacity: 0.7;
|
|
4999
5034
|
}
|
|
5000
5035
|
|
|
5001
|
-
.root-
|
|
5036
|
+
.root-module_x-bottom-sheet--transition-backdrop--in__LHkFa {
|
|
5002
5037
|
transition: opacity 1s ease;
|
|
5003
5038
|
opacity: 0.7;
|
|
5004
5039
|
}
|
|
5005
5040
|
|
|
5006
|
-
.root-
|
|
5041
|
+
.root-module_x-bottom-sheet--transition-backdrop--out__SR-jr {
|
|
5007
5042
|
transition: opacity 1s ease;
|
|
5008
5043
|
}
|
|
5009
5044
|
|
|
5010
|
-
.root-
|
|
5011
|
-
max-height:
|
|
5045
|
+
.root-module_x-bottom-sheet--transition-in__PQesX {
|
|
5046
|
+
max-height: 95% !important;
|
|
5012
5047
|
transition: all 500ms ease;
|
|
5013
5048
|
}
|
|
5014
5049
|
|
|
5015
|
-
.root-
|
|
5050
|
+
.root-module_x-bottom-sheet--transition-out__SSw-- {
|
|
5016
5051
|
max-height: 12% !important;
|
|
5017
5052
|
}
|
|
5018
|
-
|