@team_yumi/ramen 1.2.2-next.20240516-af13d69-9700c3698df16fdc576682fa8010a08d → 1.2.3-next.20240617-5b6c3df-d0b62f575f075fb371866f5173cb69ac
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/index.css +196 -4
- package/index.js +2 -2
- package/package.json +1 -1
- package/src/components/core/x-icon/icons/outline/index.d.ts +2 -1
- package/src/components/mobile/x-card-decision/root.d.ts +3 -0
- package/src/components/mobile/x-card-home-indicator/index.d.ts +2 -0
- package/src/components/mobile/x-card-home-indicator/root.d.ts +8 -0
- package/src/components/mobile/x-card-progress/index.d.ts +2 -0
- package/src/components/mobile/x-card-progress/root.d.ts +17 -0
- package/src/components/mobile/x-datepicker/root.d.ts +1 -0
- package/src/components/mobile/x-pull-to-refresh/index.d.ts +2 -0
- package/src/components/mobile/x-pull-to-refresh/root.d.ts +8 -0
- package/src/components/web/x-sidebar/index.d.ts +2 -1
- package/src/index.mobile.d.ts +6 -0
- package/src/index.web.d.ts +3 -1
- package/src/models/Collections/ICardProgressSize.d.ts +1 -0
- package/src/models/Collections/IIcon.d.ts +1 -1
- package/src/models/Collections/index.d.ts +2 -1
package/index.css
CHANGED
|
@@ -1025,6 +1025,10 @@ body {
|
|
|
1025
1025
|
color: var(--color-neutral-dim) !important;
|
|
1026
1026
|
}
|
|
1027
1027
|
|
|
1028
|
+
.root-module_x-button__MJil1[disabled] .root-module_x-button_icon__4xWLo div > svg {
|
|
1029
|
+
color: var(--color-neutral-dim) !important;
|
|
1030
|
+
}
|
|
1031
|
+
|
|
1028
1032
|
.root-module_x-button_type-default__WLvUx[disabled],
|
|
1029
1033
|
.root-module_x-button_type-solid__x1i5H[disabled],
|
|
1030
1034
|
.root-module_x-button_type-tonal__5HboE[disabled],
|
|
@@ -1050,6 +1054,10 @@ body {
|
|
|
1050
1054
|
background-color: var(--color-neutral-darkest);
|
|
1051
1055
|
}
|
|
1052
1056
|
|
|
1057
|
+
.root-module_x-button_type-solid__x1i5H .root-module_x-button_icon__4xWLo div > svg {
|
|
1058
|
+
color: var(--neutral-white);
|
|
1059
|
+
}
|
|
1060
|
+
|
|
1053
1061
|
.root-module_x-button_type-tonal__5HboE {
|
|
1054
1062
|
color: var(--color-neutral-darkest, black);
|
|
1055
1063
|
background-color: var(--color-neutral-light);
|
|
@@ -3570,7 +3578,7 @@ body {
|
|
|
3570
3578
|
left: env(safe-area-inset-left);
|
|
3571
3579
|
right: env(safe-area-inset-right);
|
|
3572
3580
|
|
|
3573
|
-
overflow:
|
|
3581
|
+
overflow: auto;
|
|
3574
3582
|
background-color: var(--color-neutral-lightest);
|
|
3575
3583
|
color: var(--color-neutral-darkest);
|
|
3576
3584
|
}
|
|
@@ -5134,17 +5142,17 @@ body {
|
|
|
5134
5142
|
/* XAtom states */
|
|
5135
5143
|
.root-module_xcard-decision__x2kPl .root-module_xatom-decision--success__RzVxj {
|
|
5136
5144
|
border-color: transparent;
|
|
5137
|
-
background-color: var(--
|
|
5145
|
+
background-color: var(--global-success-green-50);
|
|
5138
5146
|
}
|
|
5139
5147
|
|
|
5140
5148
|
.root-module_xcard-decision__x2kPl .root-module_xatom-decision--error__lw4m8 {
|
|
5141
5149
|
border-color: transparent;
|
|
5142
|
-
background-color: var(--
|
|
5150
|
+
background-color: var(--global-error-red-50);
|
|
5143
5151
|
}
|
|
5144
5152
|
|
|
5145
5153
|
.root-module_xcard-decision__x2kPl .root-module_xatom-decision--warning__XMjs7 {
|
|
5146
5154
|
border-color: transparent;
|
|
5147
|
-
background-color: var(--
|
|
5155
|
+
background-color: var(--global-warning-orange-50);
|
|
5148
5156
|
}
|
|
5149
5157
|
|
|
5150
5158
|
.root-module_xcard-decision__x2kPl .root-module_xatom-decision--success__RzVxj > div,
|
|
@@ -5356,6 +5364,190 @@ body {
|
|
|
5356
5364
|
border-radius: 8px;
|
|
5357
5365
|
}
|
|
5358
5366
|
|
|
5367
|
+
.root-module_x-card-progress__O4VAG {
|
|
5368
|
+
background: var(--color-neutral-lightest);
|
|
5369
|
+
border-radius: var(--xbox-size-11);
|
|
5370
|
+
display: flex;
|
|
5371
|
+
align-items: center;
|
|
5372
|
+
gap: var(--xbox-padding-m);
|
|
5373
|
+
text-align: left;
|
|
5374
|
+
width: 100%;
|
|
5375
|
+
}
|
|
5376
|
+
|
|
5377
|
+
.root-module_x-card-progress--main__5jhrh {
|
|
5378
|
+
width: 100%;
|
|
5379
|
+
display: flex;
|
|
5380
|
+
gap: var(--xbox-padding-m);
|
|
5381
|
+
flex-direction: column;
|
|
5382
|
+
}
|
|
5383
|
+
|
|
5384
|
+
.root-module_x-card-progress--info__2aocF {
|
|
5385
|
+
width: 100%;
|
|
5386
|
+
display: flex;
|
|
5387
|
+
align-items: center;
|
|
5388
|
+
gap: var(--xbox-padding-m);
|
|
5389
|
+
text-align: left;
|
|
5390
|
+
}
|
|
5391
|
+
|
|
5392
|
+
.root-module_x-card-progress__O4VAG.root-module_x-card-progress--disabled__lJS2U {
|
|
5393
|
+
background-color: var(--color-neutral-light);
|
|
5394
|
+
}
|
|
5395
|
+
|
|
5396
|
+
.root-module_x-card-progress__O4VAG:not(.root-module_x-card-progress--with-children__Ixae4) {
|
|
5397
|
+
transition: all 0.25s ease-in-out;
|
|
5398
|
+
transition-property: transform, opacity;
|
|
5399
|
+
}
|
|
5400
|
+
|
|
5401
|
+
.root-module_x-card-progress__O4VAG:hover:not(.root-module_x-card-progress--with-children__Ixae4) {
|
|
5402
|
+
transform: scale(1.025);
|
|
5403
|
+
}
|
|
5404
|
+
|
|
5405
|
+
.root-module_x-card-progress__O4VAG:active:not(.root-module_x-card-progress--with-children__Ixae4) {
|
|
5406
|
+
transform: scale(0.95);
|
|
5407
|
+
}
|
|
5408
|
+
|
|
5409
|
+
.root-module_x-card-progress--with-children__Ixae4 {
|
|
5410
|
+
align-items: flex-start;
|
|
5411
|
+
gap: 0;
|
|
5412
|
+
}
|
|
5413
|
+
|
|
5414
|
+
.root-module_x-card-progress--size-s__6dryn {
|
|
5415
|
+
padding: var(--xbox-padding-xs) var(--xbox-padding-s);
|
|
5416
|
+
}
|
|
5417
|
+
|
|
5418
|
+
.root-module_x-card-progress--size-l__S4rqD {
|
|
5419
|
+
padding: var(--xbox-padding-xs) var(--xbox-padding-m);
|
|
5420
|
+
}
|
|
5421
|
+
|
|
5422
|
+
.root-module_x-card-progress--border-shadow__M-zNH {
|
|
5423
|
+
box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
|
|
5424
|
+
}
|
|
5425
|
+
|
|
5426
|
+
.root-module_x-card-progress--border-dashed__oLVsI {
|
|
5427
|
+
border: 1px dashed var(--color-neutral-dim);
|
|
5428
|
+
}
|
|
5429
|
+
|
|
5430
|
+
.root-module_x-card-progress--border-solid__kQ71D {
|
|
5431
|
+
border: 1px solid var(--color-neutral-light);
|
|
5432
|
+
}
|
|
5433
|
+
|
|
5434
|
+
.root-module_x-card-progress--border-gradient__wSE4G {
|
|
5435
|
+
border: 1px solid transparent;
|
|
5436
|
+
color: var(--color-neutral-darkest);
|
|
5437
|
+
background:
|
|
5438
|
+
linear-gradient(#fff, #fff) padding-box,
|
|
5439
|
+
var(--color-gradient-arcus) border-box;
|
|
5440
|
+
border-color: transparent;
|
|
5441
|
+
}
|
|
5442
|
+
|
|
5443
|
+
.root-module_x-card-progress--clickable__18Nj0 {
|
|
5444
|
+
cursor: pointer;
|
|
5445
|
+
}
|
|
5446
|
+
|
|
5447
|
+
.root-module_x-card-progress__symbol__4Fnp7 {
|
|
5448
|
+
display: flex;
|
|
5449
|
+
background: var(--color-neutral-light);
|
|
5450
|
+
}
|
|
5451
|
+
|
|
5452
|
+
.root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__symbol__4Fnp7 {
|
|
5453
|
+
background: transparent;
|
|
5454
|
+
}
|
|
5455
|
+
|
|
5456
|
+
.root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__symbol__4Fnp7 > div > svg {
|
|
5457
|
+
opacity: 0.4;
|
|
5458
|
+
}
|
|
5459
|
+
|
|
5460
|
+
.root-module_x-card-progress--size-s__6dryn .root-module_x-card-progress__symbol__4Fnp7 {
|
|
5461
|
+
padding: 4px;
|
|
5462
|
+
border-radius: var(--xbox-size-14);
|
|
5463
|
+
}
|
|
5464
|
+
|
|
5465
|
+
.root-module_x-card-progress--size-l__S4rqD .root-module_x-card-progress__symbol__4Fnp7 {
|
|
5466
|
+
padding: var(--xbox-padding-xs);
|
|
5467
|
+
border-radius: var(--xbox-size-11);
|
|
5468
|
+
}
|
|
5469
|
+
|
|
5470
|
+
.root-module_x-card-progress__texts__JVY5v {
|
|
5471
|
+
flex: 1;
|
|
5472
|
+
display: flex;
|
|
5473
|
+
flex-direction: column;
|
|
5474
|
+
justify-content: center;
|
|
5475
|
+
gap: 4px;
|
|
5476
|
+
}
|
|
5477
|
+
|
|
5478
|
+
.root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__texts__JVY5v {
|
|
5479
|
+
opacity: 0.5;
|
|
5480
|
+
}
|
|
5481
|
+
|
|
5482
|
+
.root-module_x-card-progress--size-s__6dryn .root-module_x-card-progress__texts__JVY5v {
|
|
5483
|
+
min-height: 32px;
|
|
5484
|
+
}
|
|
5485
|
+
|
|
5486
|
+
.root-module_x-card-progress--size-l__S4rqD .root-module_x-card-progress__texts__JVY5v {
|
|
5487
|
+
min-height: 56px;
|
|
5488
|
+
}
|
|
5489
|
+
|
|
5490
|
+
.root-module_x-card-progress__icon__vfJOe > div {
|
|
5491
|
+
color: var(--color-neutral-dim);
|
|
5492
|
+
}
|
|
5493
|
+
|
|
5494
|
+
.root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__badge__4IVuP > div {
|
|
5495
|
+
background: var(--color-neutral-dim);
|
|
5496
|
+
color: var(--color-neutral-lightest);
|
|
5497
|
+
}
|
|
5498
|
+
|
|
5499
|
+
.root-module_x-card-home-indicator__lp7mX {
|
|
5500
|
+
background: var(--color-neutral-lightest);
|
|
5501
|
+
box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
|
|
5502
|
+
border-radius: var(--xbox-size-11);
|
|
5503
|
+
display: flex;
|
|
5504
|
+
align-items: center;
|
|
5505
|
+
gap: var(--xbox-padding-m);
|
|
5506
|
+
text-align: left;
|
|
5507
|
+
padding: var(--xbox-padding-m) var(--xbox-padding-l);
|
|
5508
|
+
background-color: var(--neutral-black);
|
|
5509
|
+
width: 100%;
|
|
5510
|
+
}
|
|
5511
|
+
|
|
5512
|
+
.root-module_x-card-home-indicator__texts__2NGlt {
|
|
5513
|
+
flex: 1;
|
|
5514
|
+
display: flex;
|
|
5515
|
+
flex-direction: column;
|
|
5516
|
+
justify-content: center;
|
|
5517
|
+
gap: 4px;
|
|
5518
|
+
}
|
|
5519
|
+
|
|
5520
|
+
.root-module_x-card-home-indicator__lp7mX.root-module_x-card-home-indicator__texts__2NGlt {
|
|
5521
|
+
min-height: 32px;
|
|
5522
|
+
}
|
|
5523
|
+
|
|
5524
|
+
.root-module_x-card-home-indicator--circular-chart__KRIrO {
|
|
5525
|
+
transform: rotate(-90deg);
|
|
5526
|
+
}
|
|
5527
|
+
|
|
5528
|
+
.root-module_x-card-home-indicator--circle-bg__DeT8m {
|
|
5529
|
+
stroke: var(--neutral-dark-20);
|
|
5530
|
+
stroke-width: 5;
|
|
5531
|
+
fill: none;
|
|
5532
|
+
transition:
|
|
5533
|
+
stroke-dasharray 0.6s ease,
|
|
5534
|
+
stroke-dashoffset 0.6s ease;
|
|
5535
|
+
}
|
|
5536
|
+
|
|
5537
|
+
.root-module_x-card-home-indicator--circle__837fp {
|
|
5538
|
+
stroke: var(--color-turquoise);
|
|
5539
|
+
stroke-linecap: round;
|
|
5540
|
+
fill: none;
|
|
5541
|
+
stroke-width: 5;
|
|
5542
|
+
transition:
|
|
5543
|
+
stroke-dasharray 0.6s ease,
|
|
5544
|
+
stroke-dashoffset 0.6s ease;
|
|
5545
|
+
}
|
|
5546
|
+
|
|
5547
|
+
.root-module_x-pull-to-refresh__BwruY {
|
|
5548
|
+
overscroll-behavior-y: contain;
|
|
5549
|
+
}
|
|
5550
|
+
|
|
5359
5551
|
.root-module_x-card-business__akBHB {
|
|
5360
5552
|
width: 47%;
|
|
5361
5553
|
padding: 16px 8px 16px 8px;
|