@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.
Files changed (90) hide show
  1. package/index.css +174 -63
  2. package/index.js +2 -2
  3. package/package.json +1 -1
  4. package/src/components/core/x-accordion/root.d.ts +2 -2
  5. package/src/components/core/x-alert/root.d.ts +1 -1
  6. package/src/components/core/x-avatar/root.d.ts +1 -1
  7. package/src/components/core/x-badge/root.d.ts +1 -1
  8. package/src/components/core/x-bar/root.d.ts +1 -1
  9. package/src/components/core/x-box/root.d.ts +1 -1
  10. package/src/components/core/x-button/root.d.ts +2 -1
  11. package/src/components/core/x-button-icon/root.d.ts +1 -1
  12. package/src/components/core/x-card/root.d.ts +1 -1
  13. package/src/components/core/x-card-counter/root.d.ts +1 -1
  14. package/src/components/core/x-checkbox/root.d.ts +1 -1
  15. package/src/components/core/x-collapse-card/root.d.ts +1 -1
  16. package/src/components/core/x-config-provider/context.d.ts +1 -1
  17. package/src/components/core/x-config-provider/root.d.ts +1 -1
  18. package/src/components/core/x-decision/root.d.ts +1 -1
  19. package/src/components/core/x-decision-item/root.d.ts +1 -1
  20. package/src/components/core/x-divider/root.d.ts +1 -1
  21. package/src/components/core/x-email-input/root.d.ts +1 -1
  22. package/src/components/core/x-expansion-panel/root.d.ts +1 -1
  23. package/src/components/core/x-icon/root.d.ts +1 -1
  24. package/src/components/core/x-image/root.d.ts +1 -1
  25. package/src/components/core/x-image-preview/root.d.ts +1 -1
  26. package/src/components/core/x-image-previewer/root.d.ts +1 -1
  27. package/src/components/core/x-input/root.d.ts +1 -1
  28. package/src/components/core/x-number-input/root.d.ts +1 -1
  29. package/src/components/core/x-password-input/root.d.ts +1 -1
  30. package/src/components/core/x-phone-input/root.d.ts +1 -1
  31. package/src/components/core/x-progress-bar/root.d.ts +1 -1
  32. package/src/components/core/x-radio-button/root.d.ts +1 -1
  33. package/src/components/core/x-search-input/root.d.ts +1 -1
  34. package/src/components/core/x-skeleton/root.d.ts +1 -1
  35. package/src/components/core/x-symbol/root.d.ts +1 -1
  36. package/src/components/core/x-symbol/symbols/neutral/index.d.ts +2 -1
  37. package/src/components/core/x-tab/root.d.ts +1 -1
  38. package/src/components/core/x-tabs/root.d.ts +1 -1
  39. package/src/components/core/x-tag/root.d.ts +1 -1
  40. package/src/components/core/x-tag-business/root.d.ts +1 -1
  41. package/src/components/core/x-tag-state/root.d.ts +1 -1
  42. package/src/components/core/x-text/root.d.ts +1 -1
  43. package/src/components/core/x-text-field/root.d.ts +1 -1
  44. package/src/components/core/x-text-input/root.d.ts +1 -1
  45. package/src/components/core/x-vspace/root.d.ts +1 -1
  46. package/src/components/mobile/x-body/root.d.ts +1 -0
  47. package/src/components/mobile/x-bottom-sheet/root.d.ts +1 -1
  48. package/src/components/mobile/x-bottom-sheet-expandable/root.d.ts +1 -1
  49. package/src/components/mobile/x-calendar/root.d.ts +1 -1
  50. package/src/components/mobile/x-card-approve/root.d.ts +1 -1
  51. package/src/components/mobile/x-card-business/index.d.ts +2 -0
  52. package/src/components/mobile/x-card-business/root.d.ts +10 -0
  53. package/src/components/mobile/x-card-decision/root.d.ts +1 -1
  54. package/src/components/mobile/x-card-image/root.d.ts +1 -1
  55. package/src/components/mobile/x-card-scan/root.d.ts +1 -1
  56. package/src/components/mobile/x-datepicker/root.d.ts +1 -1
  57. package/src/components/mobile/x-datepicker-input/root.d.ts +1 -1
  58. package/src/components/mobile/x-empty-state/root.module.d.ts +1 -1
  59. package/src/components/mobile/x-float-button/root.d.ts +1 -1
  60. package/src/components/mobile/x-footer/root.d.ts +1 -1
  61. package/src/components/mobile/x-header/root.d.ts +1 -1
  62. package/src/components/mobile/x-modal/root.d.ts +1 -1
  63. package/src/components/mobile/x-option-radio-button/root.d.ts +1 -1
  64. package/src/components/mobile/x-radio-button-option/root.d.ts +1 -1
  65. package/src/components/mobile/x-select/root.d.ts +2 -1
  66. package/src/components/mobile/x-select-multiple/root.d.ts +1 -1
  67. package/src/components/mobile/x-snackbar/container.d.ts +1 -1
  68. package/src/components/mobile/x-snackbar/snackbar.d.ts +2 -2
  69. package/src/components/mobile/x-store-selector/index.d.ts +2 -0
  70. package/src/components/mobile/x-store-selector/root.d.ts +11 -0
  71. package/src/components/mobile/x-tab-bar/root.d.ts +1 -1
  72. package/src/components/mobile/x-tab-bar-item/root.d.ts +1 -1
  73. package/src/components/web/x-collapse-card/root.d.ts +1 -1
  74. package/src/components/web/x-drawer/root.d.ts +1 -1
  75. package/src/components/web/x-modal/root.d.ts +1 -1
  76. package/src/components/web/x-notification/notification.d.ts +1 -1
  77. package/src/components/web/x-select/root.d.ts +1 -1
  78. package/src/components/web/x-select-multiple/root.d.ts +1 -1
  79. package/src/components/web/x-sidebar/root.d.ts +1 -1
  80. package/src/components/web/x-tab-underline/index.d.ts +2 -0
  81. package/src/components/web/x-tab-underline/root.d.ts +11 -0
  82. package/src/components/web/x-tooltip/root.d.ts +1 -1
  83. package/src/index.mobile.d.ts +4 -0
  84. package/src/index.web.d.ts +2 -0
  85. package/src/models/Collections/ICardBusinessLogo.d.ts +1 -0
  86. package/src/models/Collections/IStoreSelectorLogo.d.ts +1 -0
  87. package/src/models/Collections/IStoreSelectorSize.d.ts +1 -0
  88. package/src/models/Collections/ISymbol.d.ts +1 -1
  89. package/src/models/Collections/index.d.ts +4 -1
  90. 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], .root-module_x-button__MJil1:active[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
- background: linear-gradient(white, white) padding-box,
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
- background: linear-gradient(white, white) padding-box,
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
+ }