@team_yumi/ramen 1.0.2-next.20240313-b531266-4b20873f286059002cdb1eaf2fb0139e → 1.2.1-next.20240408-9c0c8c8-06722c3f37abe13bd67d12c23fdaebac
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 +174 -63
- package/index.js +2 -2
- package/package.json +1 -1
- package/src/components/core/x-accordion/root.d.ts +2 -2
- package/src/components/core/x-alert/root.d.ts +1 -1
- package/src/components/core/x-avatar/root.d.ts +1 -1
- package/src/components/core/x-badge/root.d.ts +1 -1
- package/src/components/core/x-bar/root.d.ts +1 -1
- package/src/components/core/x-box/root.d.ts +1 -1
- package/src/components/core/x-button/root.d.ts +2 -1
- package/src/components/core/x-button-icon/root.d.ts +1 -1
- package/src/components/core/x-card/root.d.ts +1 -1
- package/src/components/core/x-card-counter/root.d.ts +1 -1
- package/src/components/core/x-checkbox/root.d.ts +1 -1
- package/src/components/core/x-collapse-card/root.d.ts +1 -1
- package/src/components/core/x-config-provider/context.d.ts +1 -1
- package/src/components/core/x-config-provider/root.d.ts +1 -1
- package/src/components/core/x-decision/root.d.ts +1 -1
- package/src/components/core/x-decision-item/root.d.ts +1 -1
- package/src/components/core/x-divider/root.d.ts +1 -1
- package/src/components/core/x-email-input/root.d.ts +1 -1
- package/src/components/core/x-expansion-panel/root.d.ts +1 -1
- package/src/components/core/x-icon/root.d.ts +1 -1
- package/src/components/core/x-image/root.d.ts +1 -1
- package/src/components/core/x-image-preview/root.d.ts +1 -1
- package/src/components/core/x-image-previewer/root.d.ts +1 -1
- package/src/components/core/x-input/root.d.ts +1 -1
- package/src/components/core/x-number-input/root.d.ts +1 -1
- package/src/components/core/x-password-input/root.d.ts +1 -1
- package/src/components/core/x-phone-input/root.d.ts +1 -1
- package/src/components/core/x-progress-bar/root.d.ts +1 -1
- package/src/components/core/x-radio-button/root.d.ts +1 -1
- package/src/components/core/x-search-input/root.d.ts +1 -1
- package/src/components/core/x-skeleton/root.d.ts +1 -1
- package/src/components/core/x-symbol/root.d.ts +1 -1
- package/src/components/core/x-symbol/symbols/neutral/index.d.ts +2 -1
- package/src/components/core/x-tab/root.d.ts +1 -1
- package/src/components/core/x-tabs/root.d.ts +1 -1
- package/src/components/core/x-tag/root.d.ts +1 -1
- package/src/components/core/x-tag-business/root.d.ts +1 -1
- package/src/components/core/x-tag-state/root.d.ts +1 -1
- package/src/components/core/x-text/root.d.ts +1 -1
- package/src/components/core/x-text-field/root.d.ts +1 -1
- package/src/components/core/x-text-input/root.d.ts +1 -1
- package/src/components/core/x-vspace/root.d.ts +1 -1
- package/src/components/mobile/x-body/root.d.ts +1 -0
- package/src/components/mobile/x-bottom-sheet/root.d.ts +1 -1
- package/src/components/mobile/x-bottom-sheet-expandable/root.d.ts +1 -1
- package/src/components/mobile/x-calendar/root.d.ts +1 -1
- package/src/components/mobile/x-card-approve/root.d.ts +1 -1
- package/src/components/mobile/x-card-business/index.d.ts +2 -0
- package/src/components/mobile/x-card-business/root.d.ts +10 -0
- package/src/components/mobile/x-card-decision/root.d.ts +1 -1
- package/src/components/mobile/x-card-image/root.d.ts +1 -1
- package/src/components/mobile/x-card-scan/root.d.ts +1 -1
- package/src/components/mobile/x-datepicker/root.d.ts +1 -1
- package/src/components/mobile/x-datepicker-input/root.d.ts +1 -1
- package/src/components/mobile/x-empty-state/root.module.d.ts +1 -1
- package/src/components/mobile/x-float-button/root.d.ts +1 -1
- package/src/components/mobile/x-footer/root.d.ts +1 -1
- package/src/components/mobile/x-header/root.d.ts +1 -1
- package/src/components/mobile/x-modal/root.d.ts +1 -1
- package/src/components/mobile/x-option-radio-button/root.d.ts +1 -1
- package/src/components/mobile/x-radio-button-option/root.d.ts +1 -1
- package/src/components/mobile/x-select/root.d.ts +2 -1
- package/src/components/mobile/x-select-multiple/root.d.ts +1 -1
- package/src/components/mobile/x-snackbar/container.d.ts +1 -1
- package/src/components/mobile/x-snackbar/snackbar.d.ts +2 -2
- package/src/components/mobile/x-store-selector/index.d.ts +2 -0
- package/src/components/mobile/x-store-selector/root.d.ts +11 -0
- package/src/components/mobile/x-tab-bar/root.d.ts +1 -1
- package/src/components/mobile/x-tab-bar-item/root.d.ts +1 -1
- package/src/components/web/x-collapse-card/root.d.ts +1 -1
- package/src/components/web/x-drawer/root.d.ts +1 -1
- package/src/components/web/x-modal/root.d.ts +1 -1
- package/src/components/web/x-notification/notification.d.ts +1 -1
- package/src/components/web/x-select/root.d.ts +1 -1
- package/src/components/web/x-select-multiple/root.d.ts +1 -1
- package/src/components/web/x-sidebar/root.d.ts +1 -1
- package/src/components/web/x-tab-underline/index.d.ts +2 -0
- package/src/components/web/x-tab-underline/root.d.ts +11 -0
- package/src/components/web/x-tooltip/root.d.ts +1 -1
- package/src/index.mobile.d.ts +4 -0
- package/src/index.web.d.ts +2 -0
- package/src/models/Collections/ICardBusinessLogo.d.ts +1 -0
- package/src/models/Collections/IStoreSelectorLogo.d.ts +1 -0
- package/src/models/Collections/IStoreSelectorSize.d.ts +1 -0
- package/src/models/Collections/ISymbol.d.ts +1 -1
- package/src/models/Collections/index.d.ts +4 -1
- package/src/utils/countries.d.ts +1 -1
package/index.css
CHANGED
|
@@ -902,6 +902,61 @@ body {
|
|
|
902
902
|
color: var(--global-warning-orange-60);
|
|
903
903
|
}
|
|
904
904
|
|
|
905
|
+
.root-module_xbadge__O57S3 {
|
|
906
|
+
display: flex;
|
|
907
|
+
align-items: center;
|
|
908
|
+
justify-content: center;
|
|
909
|
+
background: var(--color-turquoise);
|
|
910
|
+
font-weight: bold;
|
|
911
|
+
letter-spacing: var(--xtext-letterspacing);
|
|
912
|
+
border-radius: 999px;
|
|
913
|
+
}
|
|
914
|
+
|
|
915
|
+
.root-module_xbadge--size-xs__m2aSO {
|
|
916
|
+
height: var(--xbadge-size-xs);
|
|
917
|
+
font-size: var(--xtext-size-12);
|
|
918
|
+
padding: var(--xbadge-padding-xs);
|
|
919
|
+
}
|
|
920
|
+
.root-module_xbadge--size-s__ug-ta {
|
|
921
|
+
height: var(--xbadge-size-s);
|
|
922
|
+
font-size: var(--xtext-size-10);
|
|
923
|
+
padding: var(--xbadge-padding-s);
|
|
924
|
+
}
|
|
925
|
+
.root-module_xbadge--size-m__RR-8o {
|
|
926
|
+
height: var(--xbadge-size-m);
|
|
927
|
+
font-size: var(--xtext-size-9);
|
|
928
|
+
padding: var(--xbadge-padding-m);
|
|
929
|
+
}
|
|
930
|
+
.root-module_xbadge--size-l__AQFv4 {
|
|
931
|
+
height: var(--xbadge-size-l);
|
|
932
|
+
font-size: var(--xtext-size-8);
|
|
933
|
+
padding: var(--xbadge-padding-l);
|
|
934
|
+
}
|
|
935
|
+
.root-module_xbadge--size-xl__EwLdE {
|
|
936
|
+
height: var(--xbadge-size-xl);
|
|
937
|
+
font-size: var(--xtext-size-7);
|
|
938
|
+
padding: var(--xbadge-padding-xl);
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
.root-module_squared__zsPnz {
|
|
942
|
+
padding: 0;
|
|
943
|
+
}
|
|
944
|
+
.root-module_squared__zsPnz.root-module_xbadge--size-xs__m2aSO {
|
|
945
|
+
width: var(--xbadge-size-xs);
|
|
946
|
+
}
|
|
947
|
+
.root-module_squared__zsPnz.root-module_xbadge--size-s__ug-ta {
|
|
948
|
+
width: var(--xbadge-size-s);
|
|
949
|
+
}
|
|
950
|
+
.root-module_squared__zsPnz.root-module_xbadge--size-m__RR-8o {
|
|
951
|
+
width: var(--xbadge-size-m);
|
|
952
|
+
}
|
|
953
|
+
.root-module_squared__zsPnz.root-module_xbadge--size-l__AQFv4 {
|
|
954
|
+
width: var(--xbadge-size-l);
|
|
955
|
+
}
|
|
956
|
+
.root-module_squared__zsPnz.root-module_xbadge--size-xl__EwLdE {
|
|
957
|
+
width: var(--xbadge-size-xl);
|
|
958
|
+
}
|
|
959
|
+
|
|
905
960
|
.root-module_x-button__MJil1 {
|
|
906
961
|
display: flex;
|
|
907
962
|
align-items: center;
|
|
@@ -933,7 +988,7 @@ body {
|
|
|
933
988
|
flex-direction: row-reverse;
|
|
934
989
|
}
|
|
935
990
|
|
|
936
|
-
.root-module_x-button_text__rfyug{
|
|
991
|
+
.root-module_x-button_text__rfyug {
|
|
937
992
|
font-weight: bold;
|
|
938
993
|
-webkit-line-clamp: 1;
|
|
939
994
|
-webkit-box-orient: vertical;
|
|
@@ -956,7 +1011,8 @@ body {
|
|
|
956
1011
|
transform: none;
|
|
957
1012
|
}
|
|
958
1013
|
|
|
959
|
-
.root-module_x-button__MJil1:hover[disabled],
|
|
1014
|
+
.root-module_x-button__MJil1:hover[disabled],
|
|
1015
|
+
.root-module_x-button__MJil1:active[disabled] {
|
|
960
1016
|
transition: none;
|
|
961
1017
|
transform: none;
|
|
962
1018
|
}
|
|
@@ -1002,6 +1058,7 @@ body {
|
|
|
1002
1058
|
.root-module_x-button_type-outline__mrYiz {
|
|
1003
1059
|
color: var(--color-neutral-darkest, black);
|
|
1004
1060
|
border-color: var(--color-neutral-darkest);
|
|
1061
|
+
background-color: var(--color-neutral-lightest, #ffffff);
|
|
1005
1062
|
}
|
|
1006
1063
|
|
|
1007
1064
|
.root-module_x-button_type-clear__NlLoP {
|
|
@@ -1089,6 +1146,43 @@ body {
|
|
|
1089
1146
|
min-width: 160px;
|
|
1090
1147
|
border-radius: var(--xbox-rounding-pill);
|
|
1091
1148
|
}
|
|
1149
|
+
/* BADGE */
|
|
1150
|
+
.root-module_x-button_badge__Ys2NK {
|
|
1151
|
+
position: absolute;
|
|
1152
|
+
color: var(--primary-color-contrast);
|
|
1153
|
+
top: -12px;
|
|
1154
|
+
right: -5px;
|
|
1155
|
+
}
|
|
1156
|
+
|
|
1157
|
+
.root-module_x-button_badge-xs__ne7GS {
|
|
1158
|
+
top: -12px;
|
|
1159
|
+
right: -7px;
|
|
1160
|
+
}
|
|
1161
|
+
|
|
1162
|
+
.root-module_x-button_badge-s__i-j5L {
|
|
1163
|
+
top: -11px;
|
|
1164
|
+
right: -7px;
|
|
1165
|
+
}
|
|
1166
|
+
|
|
1167
|
+
.root-module_x-button_badge-m__FJxPT {
|
|
1168
|
+
top: -9px;
|
|
1169
|
+
right: -5px;
|
|
1170
|
+
}
|
|
1171
|
+
|
|
1172
|
+
.root-module_x-button_badge-l__p7E5k {
|
|
1173
|
+
top: -8px;
|
|
1174
|
+
right: -2px;
|
|
1175
|
+
}
|
|
1176
|
+
|
|
1177
|
+
.root-module_x-button_badge-xl__xmpaq {
|
|
1178
|
+
top: -9px;
|
|
1179
|
+
right: -5px;
|
|
1180
|
+
}
|
|
1181
|
+
|
|
1182
|
+
.root-module_x-button_badge__Ys2NK > div {
|
|
1183
|
+
box-sizing: border-box;
|
|
1184
|
+
background-color: var(--primary-color);
|
|
1185
|
+
}
|
|
1092
1186
|
|
|
1093
1187
|
.root-module_xbuttonicon__DPAEB {
|
|
1094
1188
|
display: flex;
|
|
@@ -1331,61 +1425,6 @@ body {
|
|
|
1331
1425
|
padding: 3px;
|
|
1332
1426
|
}
|
|
1333
1427
|
|
|
1334
|
-
.root-module_xbadge__O57S3 {
|
|
1335
|
-
display: flex;
|
|
1336
|
-
align-items: center;
|
|
1337
|
-
justify-content: center;
|
|
1338
|
-
background: var(--color-turquoise);
|
|
1339
|
-
font-weight: bold;
|
|
1340
|
-
letter-spacing: var(--xtext-letterspacing);
|
|
1341
|
-
border-radius: 999px;
|
|
1342
|
-
}
|
|
1343
|
-
|
|
1344
|
-
.root-module_xbadge--size-xs__m2aSO {
|
|
1345
|
-
height: var(--xbadge-size-xs);
|
|
1346
|
-
font-size: var(--xtext-size-12);
|
|
1347
|
-
padding: var(--xbadge-padding-xs);
|
|
1348
|
-
}
|
|
1349
|
-
.root-module_xbadge--size-s__ug-ta {
|
|
1350
|
-
height: var(--xbadge-size-s);
|
|
1351
|
-
font-size: var(--xtext-size-10);
|
|
1352
|
-
padding: var(--xbadge-padding-s);
|
|
1353
|
-
}
|
|
1354
|
-
.root-module_xbadge--size-m__RR-8o {
|
|
1355
|
-
height: var(--xbadge-size-m);
|
|
1356
|
-
font-size: var(--xtext-size-9);
|
|
1357
|
-
padding: var(--xbadge-padding-m);
|
|
1358
|
-
}
|
|
1359
|
-
.root-module_xbadge--size-l__AQFv4 {
|
|
1360
|
-
height: var(--xbadge-size-l);
|
|
1361
|
-
font-size: var(--xtext-size-8);
|
|
1362
|
-
padding: var(--xbadge-padding-l);
|
|
1363
|
-
}
|
|
1364
|
-
.root-module_xbadge--size-xl__EwLdE {
|
|
1365
|
-
height: var(--xbadge-size-xl);
|
|
1366
|
-
font-size: var(--xtext-size-7);
|
|
1367
|
-
padding: var(--xbadge-padding-xl);
|
|
1368
|
-
}
|
|
1369
|
-
|
|
1370
|
-
.root-module_squared__zsPnz {
|
|
1371
|
-
padding: 0;
|
|
1372
|
-
}
|
|
1373
|
-
.root-module_squared__zsPnz.root-module_xbadge--size-xs__m2aSO {
|
|
1374
|
-
width: var(--xbadge-size-xs);
|
|
1375
|
-
}
|
|
1376
|
-
.root-module_squared__zsPnz.root-module_xbadge--size-s__ug-ta {
|
|
1377
|
-
width: var(--xbadge-size-s);
|
|
1378
|
-
}
|
|
1379
|
-
.root-module_squared__zsPnz.root-module_xbadge--size-m__RR-8o {
|
|
1380
|
-
width: var(--xbadge-size-m);
|
|
1381
|
-
}
|
|
1382
|
-
.root-module_squared__zsPnz.root-module_xbadge--size-l__AQFv4 {
|
|
1383
|
-
width: var(--xbadge-size-l);
|
|
1384
|
-
}
|
|
1385
|
-
.root-module_squared__zsPnz.root-module_xbadge--size-xl__EwLdE {
|
|
1386
|
-
width: var(--xbadge-size-xl);
|
|
1387
|
-
}
|
|
1388
|
-
|
|
1389
1428
|
.root-module_ximage__BTwY3 {
|
|
1390
1429
|
overflow: hidden;
|
|
1391
1430
|
}
|
|
@@ -3919,9 +3958,7 @@ body {
|
|
|
3919
3958
|
|
|
3920
3959
|
.root-module_xselect__content--border-solid__i8gAQ {
|
|
3921
3960
|
box-shadow: none;
|
|
3922
|
-
|
|
3923
|
-
var(--primary-color-border-input, #000000) border-box;
|
|
3924
|
-
border: 1px solid transparent;
|
|
3961
|
+
border: 1px solid var(--neutral-dark-30, #D6D6D6);
|
|
3925
3962
|
}
|
|
3926
3963
|
|
|
3927
3964
|
.root-module_xselect__content--border-gradient__Fyr4S {
|
|
@@ -4117,9 +4154,7 @@ body {
|
|
|
4117
4154
|
|
|
4118
4155
|
.root-module_xselectmultiple__content--border-solid__UxUvc {
|
|
4119
4156
|
box-shadow: none;
|
|
4120
|
-
|
|
4121
|
-
var(--primary-color-border-input, #000000) border-box;
|
|
4122
|
-
border: 1px solid transparent;
|
|
4157
|
+
border: 1px solid var(--neutral-dark-30, #D6D6D6);
|
|
4123
4158
|
}
|
|
4124
4159
|
|
|
4125
4160
|
.root-module_xselectmultiple__content--border-gradient__N-dhO {
|
|
@@ -5299,3 +5334,79 @@ body {
|
|
|
5299
5334
|
}
|
|
5300
5335
|
|
|
5301
5336
|
|
|
5337
|
+
|
|
5338
|
+
.root-module_x-card-business__akBHB {
|
|
5339
|
+
width: 47%;
|
|
5340
|
+
padding: 16px 8px 16px 8px;
|
|
5341
|
+
border-radius: 24px;
|
|
5342
|
+
gap: 4px;
|
|
5343
|
+
box-shadow: 0px 3px 8px -1px #18274b14;
|
|
5344
|
+
display: flex;
|
|
5345
|
+
justify-content: center;
|
|
5346
|
+
align-items: center;
|
|
5347
|
+
}
|
|
5348
|
+
|
|
5349
|
+
.root-module_x-card-business__akBHB .root-module_x-card-business-logo__yGZBw {
|
|
5350
|
+
width: 88px;
|
|
5351
|
+
height: 88px;
|
|
5352
|
+
}
|
|
5353
|
+
|
|
5354
|
+
.root-module_x-card-business__akBHB.root-module_x-card-business-activated__6rN6T {
|
|
5355
|
+
box-shadow: none;
|
|
5356
|
+
background:
|
|
5357
|
+
linear-gradient(white, white) padding-box,
|
|
5358
|
+
var(--primary-color-border-input, #000000) border-box;
|
|
5359
|
+
border: 2px solid transparent;
|
|
5360
|
+
}
|
|
5361
|
+
|
|
5362
|
+
.root-module_x-card-business__akBHB.root-module_x-card-business-fixed__rxEoy {
|
|
5363
|
+
width: 9rem;
|
|
5364
|
+
}
|
|
5365
|
+
|
|
5366
|
+
.root-module_x-store-selector__l7-ts {
|
|
5367
|
+
width: -moz-fit-content;
|
|
5368
|
+
width: fit-content;
|
|
5369
|
+
height: auto;
|
|
5370
|
+
padding: 4px 8px 4px 4px;
|
|
5371
|
+
border-radius: 16px;
|
|
5372
|
+
border: 1px solid #f5f5f5;
|
|
5373
|
+
display: flex;
|
|
5374
|
+
align-items: center;
|
|
5375
|
+
justify-content: start;
|
|
5376
|
+
gap: 12px;
|
|
5377
|
+
cursor: pointer;
|
|
5378
|
+
background-color: var(--neutral-dark-20);
|
|
5379
|
+
}
|
|
5380
|
+
|
|
5381
|
+
.root-module_x-store-selector__l7-ts.root-module_x-store-selector-disabled__q2uaS {
|
|
5382
|
+
opacity: 0.5;
|
|
5383
|
+
cursor: default;
|
|
5384
|
+
}
|
|
5385
|
+
|
|
5386
|
+
.root-module_x-store-selector__l7-ts.root-module_x-store-selector-with-logo__vexHa {
|
|
5387
|
+
background-color: var(--neutral-white);
|
|
5388
|
+
}
|
|
5389
|
+
|
|
5390
|
+
.root-module_x-store-selector__l7-ts.root-module_x-store-selector-m__uzZgI {
|
|
5391
|
+
padding: 8px 12px 8px 8px;
|
|
5392
|
+
border-radius: 999px;
|
|
5393
|
+
gap: 8px;
|
|
5394
|
+
}
|
|
5395
|
+
|
|
5396
|
+
.root-module_x-store-selector__l7-ts .root-module_x-store-logo__jDZKy,
|
|
5397
|
+
.root-module_x-store-selector__l7-ts .root-module_x-store-no-logo__9LFLi {
|
|
5398
|
+
width: 24px;
|
|
5399
|
+
height: 24px;
|
|
5400
|
+
}
|
|
5401
|
+
|
|
5402
|
+
.root-module_x-store-selector__l7-ts.root-module_x-store-selector-m__uzZgI .root-module_x-store-logo__jDZKy,
|
|
5403
|
+
.root-module_x-store-selector__l7-ts.root-module_x-store-selector-m__uzZgI .root-module_x-store-no-logo__9LFLi {
|
|
5404
|
+
width: 32px;
|
|
5405
|
+
height: 32px;
|
|
5406
|
+
}
|
|
5407
|
+
|
|
5408
|
+
.root-module_x-store-no-logo__9LFLi {
|
|
5409
|
+
background-color: var(--neutral-white);
|
|
5410
|
+
border-radius: 999px;
|
|
5411
|
+
border: 1px solid #f5f5f5;
|
|
5412
|
+
}
|