@team_yumi/ramen 0.4.0-next.20231124-d88d645-3ad6a26ff91e0246421b442565a18a54 → 0.4.0-next.20231128-37228e3-f736c71a66d1e1d0149e2f5eb53bb260

package/index.css

@@ -396,7 +396,6 @@
 }
 
 
-
 .root-module_background_thone-darkest__i0opu {
   background-color: var(--color-neutral-dark);
 }
@@ -421,6 +420,10 @@
   background-color: var(--color-neutral-dark);
 }
 
+.root-module_background_thone-dark-30__e-30s {
+  background-color: var(--neutral-dark-30);
+}
+
 .root-module_border_radius-xxs__fG-b3{
   border-radius: var(--xbox-border-small);
 }
@@ -571,6 +574,62 @@
   color: var(--color-neutral-light);
 }
 
+
+/**
+ * Colors
+ */
+ .root-module_color-gray__lVpfL {
+  color: var(--color-neutral-light);
+}
+
+.root-module_color-disabled__-h7GE {
+  color: var(--neutral-dark-50);
+}
+
+.root-module_color-black__28xe- {
+  color: var(--color-neutral-darkest);
+}
+
+.root-module_color-green__LxsRV {
+  color: var(--xicon-color-green);
+}
+
+.root-module_color-sky-blue__aFXgz {
+  color: var(--xicon-color-sky-blue);
+}
+
+.root-module_color-orange__PR323 {
+  color: var(--xicon-color-orange);
+}
+
+.root-module_color-red__niURw {
+  color: var(--xicon-color-red);
+}
+
+.root-module_color-purple__E1Qm1 {
+  color: var(--xicon-color-purple);
+}
+
+.root-module_color-pink__2YXPc {
+  color: var(--xicon-color-pink);
+}
+
+.root-module_color-green-check__AEEdP {
+  color: var(--xicon-color-green-check);
+}
+
+.root-module_color-red-refuse__LMJyr {
+  color: var(--xicon-color-red-refuse);
+}
+
+.root-module_color-yellow__MqYDk {
+  color: var(--xicon-color-yellow);
+}
+
+.root-module_color-turquoise__M7-LO {
+  color: var(--xicon-color-turquoise);
+}
+
 .root-module_x-icon__YwX20 {
   display: inline-block;
   box-sizing: content-box;
@@ -1899,7 +1958,7 @@
   display: none;
 }
 
-.root-module_xinput__wKJg8 {
+.root-module_x-input__8bcVs {
   background-color: var(--color-neutral-lightest, #ffffff);
   border-radius: 999px;
   display: flex;
@@ -1908,7 +1967,7 @@
   width: 100%;
 }
 
-.root-module_xinput__content__H1uq- {
+.root-module_x-input__content__OGkTU {
   display: flex;
   align-items: center;
   padding: var(--xbox-padding-s) var(--xbox-padding-m);
@@ -1916,52 +1975,49 @@
   border-radius: 999px;
 }
 
-.root-module_xinput--has-innerbutton__dc4n- > .root-module_xinput__content__H1uq- {
+.root-module_x-input--has-innerbutton__hDx3p>.root-module_x-input__content__OGkTU {
   padding: var(--xbox-padding-xs) var(--xbox-padding-m);
 }
 
-.root-module_xinput--has-error__anEKA .root-module_xinput__content__H1uq- {
+.root-module_x-input--has-error__T7LO6 .root-module_x-input__content__OGkTU {
   border: 1px solid var(--global-error-red-50);
 }
 
-.root-module_xinput--disabled__cf8s3 .root-module_xinput__content__H1uq- {
-  background-color: var(--color-neutral-light);
+.root-module_x-input--disabled__MAaPq .root-module_x-input__content__OGkTU {
+  border: 1px solid var(--neutral-dark-30, #D6D6D6);
+  background: var(--neutral-dark-20, #F5F5F5);
 }
 
-.root-module_xinput--size-s__46LGs .root-module_xinput__content__H1uq- {
+.root-module_x-input--size-s__9aTJo .root-module_x-input__content__OGkTU {
   display: flex;
   align-items: center;
   padding: 9px var(--xbox-padding-m);
 }
 
-.root-module_xinput__wKJg8:hover .root-module_xinput__content__H1uq- {
+.root-module_x-input__8bcVs:hover .root-module_x-input__content__OGkTU {
   box-shadow: 0 3px 8px -1px rgba(24, 39, 75, 0.08);
 }
 
-.root-module_xinput__wKJg8:not(.root-module_xinput--has-error__anEKA).root-module_xinput__wKJg8:focus-within .root-module_xinput__content__H1uq- {
+.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 {
   border: 1px solid var(--color-neutral-darkest);
 }
 
-.theme-arcus .root-module_xinput__wKJg8:not(.root-module_xinput--has-error__anEKA).root-module_xinput__wKJg8:focus-within .root-module_xinput__content__H1uq- {
+.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 {
   color: var(--color-neutral-darkest);
   background: linear-gradient(#fff, #fff) padding-box, var(--color-gradient-arcus) border-box;
   border-color: transparent;
 }
 
-.root-module_xinput__icon__QFal7 > div {
+.root-module_x-input__icon__7Kv84>div {
   margin-right: var(--xbox-padding-xs);
   display: flex;
 }
 
-.root-module_xinput--disabled__cf8s3 .root-module_xinput__content__H1uq- .root-module_xinput__icon__QFal7 > div {
-  color: var(--neutral-dark-50);
-}
-
-.root-module_xinput__wKJg8:not(.root-module_xinput--has-error__anEKA).root-module_xinput__wKJg8:focus-within .root-module_xinput__icon__QFal7 {
+.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 {
   color: var(--color-neutral-darkest);
 }
 
-.root-module_xinput__content__H1uq- > input {
+.root-module_x-input__content__OGkTU>input {
   border: none;
   padding: 0;
   height: var(--xbox-size-9);
@@ -1973,15 +2029,15 @@
   -webkit-font-smoothing: antialiased;
 }
 
-.root-module_xinput__content__H1uq- > input:focus {
+.root-module_x-input__content__OGkTU>input:focus {
   outline: none;
 }
 
-.root-module_xinput--size-s__46LGs .root-module_xinput__content__H1uq- > input {
+.root-module_x-input--size-s__9aTJo .root-module_x-input__content__OGkTU>input {
   font-size: var(--xtext-size-11);
 }
 
-.root-module_xinput__content__H1uq- > input::-moz-placeholder {
+.root-module_x-input__content__OGkTU>input::-moz-placeholder {
   font-size: var(--xtext-size-10);
   color: var(--neutral-dark-50);
   font-weight: var(--xtext-weight-normal);
@@ -1989,7 +2045,7 @@
   letter-spacing: var(--xtext-letterspacing);
 }
 
-.root-module_xinput__content__H1uq- > input::placeholder {
+.root-module_x-input__content__OGkTU>input::placeholder {
   font-size: var(--xtext-size-10);
   color: var(--neutral-dark-50);
   font-weight: var(--xtext-weight-normal);
@@ -1997,11 +2053,11 @@
   letter-spacing: var(--xtext-letterspacing);
 }
 
-.root-module_xinput--size-s__46LGs .root-module_xinput__content__H1uq- > input::-moz-placeholder {
+.root-module_x-input--size-s__9aTJo .root-module_x-input__content__OGkTU>input::-moz-placeholder {
   font-size: var(--xtext-size-11);
 }
 
-.root-module_xinput--size-s__46LGs .root-module_xinput__content__H1uq- > input::placeholder {
+.root-module_x-input--size-s__9aTJo .root-module_x-input__content__OGkTU>input::placeholder {
   font-size: var(--xtext-size-11);
 }
 
@@ -2264,7 +2320,7 @@
   display: block;
 }
 
-.root-module_xtextarea__jLwrl {
+.root-module_x-textarea__of1mo {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -2272,7 +2328,7 @@
   position: relative;
 }
 
-.root-module_xtextarea__content__jmSf- {
+.root-module_x-textarea__content__HzYvt {
   display: flex;
   align-items: center;
   padding: var(--xbox-padding-s) var(--xbox-padding-m);
@@ -2280,35 +2336,35 @@
   border-radius: 24px;
 }
 
-.root-module_xtextarea--has-error__xlwOA .root-module_xtextarea__content__jmSf- {
+.root-module_x-textarea--has-error__u3sYQ .root-module_x-textarea__content__HzYvt {
   border: 1px solid var(--global-error-red-50);
 }
 
-.root-module_xtextarea--disabled__qJ6TY .root-module_xtextarea__content__jmSf- {
+.root-module_x-textarea--disabled__gCijS .root-module_x-textarea__content__HzYvt {
   background-color: var(--color-neutral-light);
 }
 
-.root-module_xtextarea--size-s__z9b4k .root-module_xtextarea__content__jmSf- {
+.root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt {
   display: flex;
   align-items: center;
   padding: 9px var(--xbox-padding-m);
 }
 
-.root-module_xtextarea__jLwrl:hover .root-module_xtextarea__content__jmSf- {
+.root-module_x-textarea__of1mo:hover .root-module_x-textarea__content__HzYvt {
   box-shadow: 0 3px 8px -1px rgba(24, 39, 75, 0.08);
 }
 
-.root-module_xtextarea__jLwrl:not(.root-module_xtextarea--has-error__xlwOA).root-module_xtextarea__jLwrl:focus-within .root-module_xtextarea__content__jmSf- {
+.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 {
   border: 1px solid var(--color-neutral-darkest);
 }
 
-.theme-arcus .root-module_xtextarea__jLwrl:not(.root-module_xtextarea--has-error__xlwOA).root-module_xtextarea__jLwrl:focus-within .root-module_xtextarea__content__jmSf- {
+.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 {
   color: var(--color-neutral-darkest);
   background: linear-gradient(#fff, #fff) padding-box, var(--color-gradient-arcus) border-box;
   border-color: transparent;
 }
 
-.root-module_xtextarea__subcontent__fUBLw {
+.root-module_x-textarea__subcontent__Pq3VE {
   margin-right: var(--xbox-padding-xs);
   color: var(--color-neutral-medium);
   display: flex;
@@ -2316,7 +2372,7 @@
   padding: var(--xbox-padding-xs) 0px;
 }
 
-.root-module_xtextarea__count__a1g7R {
+.root-module_x-textarea__count__wbjds {
   position: absolute;
   bottom: -24px;
   right: 0;
@@ -2325,48 +2381,49 @@
   color: var(--color-neutral-medium);
 }
 
-.root-module_xtextarea__content__jmSf- > textarea {
+.root-module_x-textarea__content__HzYvt > textarea {
   border: none;
   padding: 0px;
   height: var(--xbox-size-10);
   font-size: var(--xtext-size-10);
   font-weight: var(--xtext-weight-normal);
   -webkit-font-smoothing: antialiased;
-  letter-spacing: -0.05em;
+  letter-spacing: -0.8px;
+  line-height: 100%;
   background: transparent;
   width: 100%;
   resize: none;
   height: 96px;
 }
 
-.root-module_xtextarea__content__jmSf- > textarea:focus {
+.root-module_x-textarea__content__HzYvt > textarea:focus {
   outline: none;
 }
 
-.root-module_xtextarea--size-s__z9b4k .root-module_xtextarea__content__jmSf- > textarea {
+.root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea {
   height: var(--xbox-size-12);
   font-size: var(--xtext-size-11);
 }
 
-.root-module_xtextarea__content__jmSf- > textarea::-moz-placeholder {
+.root-module_x-textarea__content__HzYvt > textarea::-moz-placeholder {
   font-size: var(--xtext-size-10);
   color: var(--color-neutral-dim);
   -webkit-font-smoothing: antialiased;
   letter-spacing: var(--xtext-letterspacing);
 }
 
-.root-module_xtextarea__content__jmSf- > textarea::placeholder {
+.root-module_x-textarea__content__HzYvt > textarea::placeholder {
   font-size: var(--xtext-size-10);
   color: var(--color-neutral-dim);
   -webkit-font-smoothing: antialiased;
   letter-spacing: var(--xtext-letterspacing);
 }
 
-.root-module_xtextarea--size-s__z9b4k .root-module_xtextarea__content__jmSf- > textarea::-moz-placeholder {
+.root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea::-moz-placeholder {
   font-size: var(--xtext-size-11);
 }
 
-.root-module_xtextarea--size-s__z9b4k .root-module_xtextarea__content__jmSf- > textarea::placeholder {
+.root-module_x-textarea--size-s__vg9My .root-module_x-textarea__content__HzYvt > textarea::placeholder {
   font-size: var(--xtext-size-11);
 }
 
@@ -3048,6 +3105,35 @@
   height: 32px;
 }
 
+
+.root-module_background_thone-darkest__E96Mt {
+  background-color: var(--color-neutral-dark);
+}
+
+.root-module_background_thone-medium__aBAtb {
+  background-color: var(--color-neutral-medium);
+}
+
+.root-module_background_thone-dim__DDlW7 {
+  background-color: var(--color-neutral-dim);
+}
+
+.root-module_background_thone-lightest__Am7km {
+  background-color: var(--color-neutral-lightest);
+}
+
+.root-module_background_thone-light__UjktA {
+  background-color: var(--color-neutral-light);
+}
+
+.root-module_background_thone-dark__xTW5z {
+  background-color: var(--color-neutral-dark);
+}
+
+.root-module_background_thone-dark-30__9uO6O {
+  background-color: var(--neutral-dark-30);
+}
+
 .root-module_xexpansion-panel__5nGjX {
     display: flex;
     flex-direction: column;
@@ -3256,6 +3342,40 @@
   }
 }
 
+.root-module_x-accordion-panel__Ymuqh {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  text-align: left;
+}
+
+.root-module_x-accordion-panel__Ymuqh button {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.root-module_x-accordion-panel__body--open__nyXJH {
+  padding-bottom: 20px;
+  overflow: hidden;
+  max-height: 1000px;
+  transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
+}
+
+.root-module_x-accordion-panel__body__uNob1 {
+  max-height: 0;
+  opacity: 0;
+  visibility: hidden;
+  transition: max-height 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
+}
+
+.root-module_x-accordion-line__nnRmX {
+  flex: 1;
+}
+
+.root-module_x-accordion-line__nnRmX div:last-child {
+  height: 2px;
+}
+
 .root-module_xpage__-DUi8 {
   position: fixed;
 
@@ -4840,11 +4960,11 @@
 .root-module_xgroup-radio-button__PkCdf {
 }
 
-.root-module_xbottom-sheet__W6F2Q {
+.root-module_x-bottom-sheet__NjMBE {
   background: transparent;
 }
 
-.root-module_xbottom-sheet__modal__cNJF6 {
+.root-module_x-bottom-sheet__modal__nSu4A {
   position: fixed;
   left: 0;
   right: 0;
@@ -4855,15 +4975,15 @@
   background: var(--color-neutral-lightest);
 }
 
-.root-module_xbottom-sheet__modal__handler__uaIDY {
-  background:  #D6D6D6;
+.root-module_x-bottom-sheet__modal__handler__arker {
+  background: #D6D6D6;
   width: 48px;
   height: 4px;
   margin-top: 4px;
   border-radius: 2px;
 }
 
-.root-module_xbottom-sheet__modal__backdrop__eRhRi {
+.root-module_x-bottom-sheet__modal__backdrop__664fy {
   position: absolute;
   inset: 0;
   z-index: 998;
@@ -4872,59 +4992,61 @@
   opacity: 0;
 }
 
-.root-module_xbottom-sheet__modal__header__icon__dmkAF {
-  padding-bottom: 4px;
+.root-module_x-bottom-sheet__modal__header__icon__euGKS {
   display: block;
 }
 
-.root-module_xbottom-sheet__modal__header__title__r6CNi {
+.root-module_x-bottom-sheet__modal__header__title__onOPR {
   display: block;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
 
-.root-module_xbottom-sheet__modal__header__subtitle__tMOzw {
+.root-module_x-bottom-sheet__modal__header__subtitle__21Lom {
   display: block;
 }
 
-.root-module_xbottom-sheet__modal__header__children__e-cfC {
+.root-module_x-bottom-sheet__modal__header__children__gy10g {
   padding-top: var(--xbox-padding-xs);
 }
 
-.root-module_xbottom-sheet__modal__header__z0cvI {
+.root-module_x-bottom-sheet__modal__header__e-SQG {
   box-shadow: 0 6px 12px -1px #18274B1A;
   padding: 0 var(--xbox-padding-xl);
   padding-bottom: 8px;
 }
 
-.root-module_xbottom-sheet__modal__body__rn1EG {
+.root-module_x-bottom-sheet__modal__body__I9BPE {
   padding: var(--xbox-padding-xl);
 }
 
-.root-module_xbottom-sheet__modal__actions__EKMB6 {
+.root-module_x-bottom-sheet__modal__body__content__zNhwf {
+  overflow: auto;
+}
+
+.root-module_x-bottom-sheet__modal__actions__sQKX4 {
   margin-bottom: env(safe-area-inset-bottom);
 }
 
-.root-module_xbottom-sheet--backdrop--in__RQPxh {
+.root-module_x-bottom-sheet--backdrop--in__ErRRI {
   opacity: 0.7;
 }
 
-.root-module_xbottom-sheet--transition-backdrop--in__XGeIp {
+.root-module_x-bottom-sheet--transition-backdrop--in__LHkFa {
   transition: opacity 1s ease;
   opacity: 0.7;
 }
 
-.root-module_xbottom-sheet--transition-backdrop--out__CjnZw {
+.root-module_x-bottom-sheet--transition-backdrop--out__SR-jr {
   transition: opacity 1s ease;
 }
 
-.root-module_xbottom-sheet--transition-in__NMkx- {
-  max-height: 85% !important;
+.root-module_x-bottom-sheet--transition-in__PQesX {
+  max-height: 95% !important;
   transition: all 500ms ease;
 }
 
-.root-module_xbottom-sheet--transition-out__UPssQ {
+.root-module_x-bottom-sheet--transition-out__SSw-- {
   max-height: 12% !important;
 }
-