@team_yumi/ramen 1.2.2 → 1.2.3-next.20240617-5b6c3df-d0b62f575f075fb371866f5173cb69ac

package/index.css

@@ -1025,6 +1025,10 @@ body {
   color: var(--color-neutral-dim) !important;
 }
 
+.root-module_x-button__MJil1[disabled] .root-module_x-button_icon__4xWLo div > svg {
+  color: var(--color-neutral-dim) !important;
+}
+
 .root-module_x-button_type-default__WLvUx[disabled],
 .root-module_x-button_type-solid__x1i5H[disabled],
 .root-module_x-button_type-tonal__5HboE[disabled],
@@ -1050,6 +1054,10 @@ body {
   background-color: var(--color-neutral-darkest);
 }
 
+.root-module_x-button_type-solid__x1i5H .root-module_x-button_icon__4xWLo div > svg {
+  color: var(--neutral-white);
+}
+
 .root-module_x-button_type-tonal__5HboE {
   color: var(--color-neutral-darkest, black);
   background-color: var(--color-neutral-light);
@@ -3570,7 +3578,7 @@ body {
   left: env(safe-area-inset-left);
   right: env(safe-area-inset-right);
 
-  overflow: scroll;
+  overflow: auto;
   background-color: var(--color-neutral-lightest);
   color: var(--color-neutral-darkest);
 }
@@ -5134,17 +5142,17 @@ body {
 /* XAtom states */
 .root-module_xcard-decision__x2kPl .root-module_xatom-decision--success__RzVxj {
   border-color: transparent;
-  background-color: var(--color-success-dim);
+  background-color: var(--global-success-green-50);
 }
 
 .root-module_xcard-decision__x2kPl .root-module_xatom-decision--error__lw4m8 {
   border-color: transparent;
-  background-color: var(--color-error-dim);
+  background-color: var(--global-error-red-50);
 }
 
 .root-module_xcard-decision__x2kPl .root-module_xatom-decision--warning__XMjs7 {
   border-color: transparent;
-  background-color: var(--color-warning-dim);
+  background-color: var(--global-warning-orange-50);
 }
 
 .root-module_xcard-decision__x2kPl .root-module_xatom-decision--success__RzVxj > div,
@@ -5356,6 +5364,190 @@ body {
     border-radius: 8px;
 }
 
+.root-module_x-card-progress__O4VAG {
+  background: var(--color-neutral-lightest);
+  border-radius: var(--xbox-size-11);
+  display: flex;
+  align-items: center;
+  gap: var(--xbox-padding-m);
+  text-align: left;
+  width: 100%;
+}
+
+.root-module_x-card-progress--main__5jhrh {
+  width: 100%;
+  display: flex;
+  gap: var(--xbox-padding-m);
+  flex-direction: column;
+}
+
+.root-module_x-card-progress--info__2aocF {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--xbox-padding-m);
+  text-align: left;
+}
+
+.root-module_x-card-progress__O4VAG.root-module_x-card-progress--disabled__lJS2U {
+  background-color: var(--color-neutral-light);
+}
+
+.root-module_x-card-progress__O4VAG:not(.root-module_x-card-progress--with-children__Ixae4) {
+  transition: all 0.25s ease-in-out;
+  transition-property: transform, opacity;
+}
+
+.root-module_x-card-progress__O4VAG:hover:not(.root-module_x-card-progress--with-children__Ixae4) {
+  transform: scale(1.025);
+}
+
+.root-module_x-card-progress__O4VAG:active:not(.root-module_x-card-progress--with-children__Ixae4) {
+  transform: scale(0.95);
+}
+
+.root-module_x-card-progress--with-children__Ixae4 {
+  align-items: flex-start;
+  gap: 0;
+}
+
+.root-module_x-card-progress--size-s__6dryn {
+  padding: var(--xbox-padding-xs) var(--xbox-padding-s);
+}
+
+.root-module_x-card-progress--size-l__S4rqD {
+  padding: var(--xbox-padding-xs) var(--xbox-padding-m);
+}
+
+.root-module_x-card-progress--border-shadow__M-zNH {
+  box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
+}
+
+.root-module_x-card-progress--border-dashed__oLVsI {
+  border: 1px dashed var(--color-neutral-dim);
+}
+
+.root-module_x-card-progress--border-solid__kQ71D {
+  border: 1px solid var(--color-neutral-light);
+}
+
+.root-module_x-card-progress--border-gradient__wSE4G {
+  border: 1px solid transparent;
+  color: var(--color-neutral-darkest);
+  background:
+    linear-gradient(#fff, #fff) padding-box,
+    var(--color-gradient-arcus) border-box;
+  border-color: transparent;
+}
+
+.root-module_x-card-progress--clickable__18Nj0 {
+  cursor: pointer;
+}
+
+.root-module_x-card-progress__symbol__4Fnp7 {
+  display: flex;
+  background: var(--color-neutral-light);
+}
+
+.root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__symbol__4Fnp7 {
+  background: transparent;
+}
+
+.root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__symbol__4Fnp7 > div > svg {
+  opacity: 0.4;
+}
+
+.root-module_x-card-progress--size-s__6dryn .root-module_x-card-progress__symbol__4Fnp7 {
+  padding: 4px;
+  border-radius: var(--xbox-size-14);
+}
+
+.root-module_x-card-progress--size-l__S4rqD .root-module_x-card-progress__symbol__4Fnp7 {
+  padding: var(--xbox-padding-xs);
+  border-radius: var(--xbox-size-11);
+}
+
+.root-module_x-card-progress__texts__JVY5v {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 4px;
+}
+
+.root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__texts__JVY5v {
+  opacity: 0.5;
+}
+
+.root-module_x-card-progress--size-s__6dryn .root-module_x-card-progress__texts__JVY5v {
+  min-height: 32px;
+}
+
+.root-module_x-card-progress--size-l__S4rqD .root-module_x-card-progress__texts__JVY5v {
+  min-height: 56px;
+}
+
+.root-module_x-card-progress__icon__vfJOe > div {
+  color: var(--color-neutral-dim);
+}
+
+.root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__badge__4IVuP > div {
+  background: var(--color-neutral-dim);
+  color: var(--color-neutral-lightest);
+}
+
+.root-module_x-card-home-indicator__lp7mX {
+  background: var(--color-neutral-lightest);
+  box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
+  border-radius: var(--xbox-size-11);
+  display: flex;
+  align-items: center;
+  gap: var(--xbox-padding-m);
+  text-align: left;
+  padding: var(--xbox-padding-m) var(--xbox-padding-l);
+  background-color: var(--neutral-black);
+  width: 100%;
+}
+
+.root-module_x-card-home-indicator__texts__2NGlt {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 4px;
+}
+
+.root-module_x-card-home-indicator__lp7mX.root-module_x-card-home-indicator__texts__2NGlt {
+  min-height: 32px;
+}
+
+.root-module_x-card-home-indicator--circular-chart__KRIrO {
+  transform: rotate(-90deg);
+}
+
+.root-module_x-card-home-indicator--circle-bg__DeT8m {
+  stroke: var(--neutral-dark-20);
+  stroke-width: 5;
+  fill: none;
+  transition:
+    stroke-dasharray 0.6s ease,
+    stroke-dashoffset 0.6s ease;
+}
+
+.root-module_x-card-home-indicator--circle__837fp {
+  stroke: var(--color-turquoise);
+  stroke-linecap: round;
+  fill: none;
+  stroke-width: 5;
+  transition:
+    stroke-dasharray 0.6s ease,
+    stroke-dashoffset 0.6s ease;
+}
+
+.root-module_x-pull-to-refresh__BwruY {
+  overscroll-behavior-y: contain;
+}
+
 .root-module_x-card-business__akBHB {
   width: 47%;
   padding: 16px 8px 16px 8px;