@team_yumi/ramen 0.4.0-next.20231115-a5d7dc9-f334f3b8decbe9e172e6aca277df2da4 → 0.4.0-next.20231120-0abf65f-d0d20f04b2c100ac8f48fd12954c9396

package/components/core/xform-item/root.d.ts

@@ -3,6 +3,7 @@ export interface IProps {
     label?: string;
     caption?: string;
     error?: string;
+    mandatory?: boolean;
     children: React.ReactNode;
 }
 declare const XFormItem: React.FC<IProps>;

package/index.css

@@ -1856,7 +1856,7 @@
 }
 
 .root-module_xinput--has-error__anEKA .root-module_xinput__content__H1uq- {
-  border: 1px solid var(--color-error-medium);
+  border: 1px solid var(--global-error-red-50);
 }
 
 .root-module_xinput--disabled__cf8s3 .root-module_xinput__content__H1uq- {
@@ -1883,18 +1883,17 @@
   border-color: transparent;
 }
 
-.root-module_xinput__icon__QFal7 {
+.root-module_xinput__icon__QFal7 > div {
   margin-right: var(--xbox-padding-xs);
-  color: var(--color-neutral-dim);
   display: flex;
 }
 
-.root-module_xinput__wKJg8:not(.root-module_xinput--has-error__anEKA).root-module_xinput__wKJg8:focus-within .root-module_xinput__icon__QFal7 {
-  color: var(--color-neutral-darkest);
+.root-module_xinput--disabled__cf8s3 .root-module_xinput__content__H1uq- .root-module_xinput__icon__QFal7 > div {
+  color: var(--neutral-dark-50);
 }
 
-.root-module_xinput--has-error__anEKA .root-module_xinput__icon__QFal7 {
-  color: var(--color-error-medium);
+.root-module_xinput__wKJg8:not(.root-module_xinput--has-error__anEKA).root-module_xinput__wKJg8:focus-within .root-module_xinput__icon__QFal7 {
+  color: var(--color-neutral-darkest);
 }
 
 .root-module_xinput__content__H1uq- > input {
@@ -1917,32 +1916,22 @@
   font-size: var(--xtext-size-11);
 }
 
-.root-module_xinput--has-error__anEKA .root-module_xinput__content__H1uq- > input {
-  color: var(--color-error-medium);
-}
-
 .root-module_xinput__content__H1uq- > input::-moz-placeholder {
   font-size: var(--xtext-size-10);
-  color: var(--color-neutral-dim);
+  color: var(--neutral-dark-50);
+  font-weight: var(--xtext-weight-normal);
   -webkit-font-smoothing: antialiased;
   letter-spacing: var(--xtext-letterspacing);
 }
 
 .root-module_xinput__content__H1uq- > input::placeholder {
   font-size: var(--xtext-size-10);
-  color: var(--color-neutral-dim);
+  color: var(--neutral-dark-50);
+  font-weight: var(--xtext-weight-normal);
   -webkit-font-smoothing: antialiased;
   letter-spacing: var(--xtext-letterspacing);
 }
 
-.root-module_xinput--has-error__anEKA .root-module_xinput__content__H1uq- > input::-moz-placeholder {
-  color: var(--color-error-medium);
-}
-
-.root-module_xinput--has-error__anEKA .root-module_xinput__content__H1uq- > input::placeholder {
-  color: var(--color-error-medium);
-}
-
 .root-module_xinput--size-s__46LGs .root-module_xinput__content__H1uq- > input::-moz-placeholder {
   font-size: var(--xtext-size-11);
 }
@@ -1984,7 +1973,7 @@
 }
 
 .root-module_xcheckbox--has-error__k3NEF:not(.root-module_xcheckbox--disabled__51ROk) .root-module_xcheckbox__check__pp5ba {
-  border-color: var(--color-error-medium);
+  border-color: var(--global-error-red-50);
 }
 
 .root-module_xcheckbox__M9DA2:hover:not(.root-module_xcheckbox--disabled__51ROk) .root-module_xcheckbox__check__pp5ba {
@@ -2067,7 +2056,7 @@
 }
 
 .root-module_xradio-button--has-error__RqkO4:not(.root-module_xradio-button--disabled__mf3Cm) .root-module_xradio-button__radio__QTpC6 {
-  border-color: var(--color-error-medium);
+  border-color: var(--global-error-red-50);
 }
 
 .root-module_xradio-button__preZ5:hover:not(.root-module_xradio-button--disabled__mf3Cm) .root-module_xradio-button__radio__QTpC6 {
@@ -2227,7 +2216,7 @@
 }
 
 .root-module_xtextarea--has-error__xlwOA .root-module_xtextarea__content__jmSf- {
-  border: 1px solid var(--color-error-medium);
+  border: 1px solid var(--global-error-red-50);
 }
 
 .root-module_xtextarea--disabled__qJ6TY .root-module_xtextarea__content__jmSf- {
@@ -2241,7 +2230,7 @@
 }
 
 .root-module_xtextarea__jLwrl:hover .root-module_xtextarea__content__jmSf- {
-  box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
+  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- {
@@ -2294,10 +2283,6 @@
   font-size: var(--xtext-size-11);
 }
 
-.root-module_xtextarea--has-error__xlwOA .root-module_xtextarea__content__jmSf- > textarea {
-  color: var(--color-error-medium);
-}
-
 .root-module_xtextarea__content__jmSf- > textarea::-moz-placeholder {
   font-size: var(--xtext-size-10);
   color: var(--color-neutral-dim);
@@ -2312,14 +2297,6 @@
   letter-spacing: var(--xtext-letterspacing);
 }
 
-.root-module_xtextarea--has-error__xlwOA .root-module_xtextarea__content__jmSf- > textarea::-moz-placeholder {
-  color: var(--color-error-medium);
-}
-
-.root-module_xtextarea--has-error__xlwOA .root-module_xtextarea__content__jmSf- > textarea::placeholder {
-  color: var(--color-error-medium);
-}
-
 .root-module_xtextarea--size-s__z9b4k .root-module_xtextarea__content__jmSf- > textarea::-moz-placeholder {
   font-size: var(--xtext-size-11);
 }
@@ -2345,9 +2322,16 @@
   color: var(--color-neutral-medium);
 }
 
+.root-module_xform-item__caption__yTNsD div:first-child,
+.root-module_xform-item__error__XYTN0 div:first-child {
+  height: 20px;
+  width: 20px;
+}
+
 .root-module_xform-item__error__XYTN0 div {
-  color: var(--color-error-dim);
+  color: var(--global-error-red-50);
 }
+
 .root-module_xlist__JdRYQ {
   display: flex;
   flex-direction: column;
@@ -3500,7 +3484,7 @@
 }
 
 .root-module_xselect--has-error__2-N-L .root-module_xselect__content__0LFVf {
-  border: 1px solid var(--color-error-medium);
+  border: 1px solid var(--global-error-red-50);
 }
 
 .root-module_xselect--disabled__tFCWB .root-module_xselect__content__0LFVf {
@@ -3525,7 +3509,7 @@
 }
 
 .root-module_xselect--has-error__2-N-L .root-module_xselect__icon__TjnZ- {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 
 .root-module_xselect__text__aVJZj {
@@ -3562,7 +3546,7 @@
 }
 
 .root-module_xselect--has-error__2-N-L .root-module_xselect__text__aVJZj {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 
 .root-module_xselect__placeholder__BdDj9 {
@@ -3573,7 +3557,7 @@
 }
 
 .root-module_xselect--has-error__2-N-L .root-module_xselect__placeholder__BdDj9 {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 
 .root-module_xselect--size-s__O7ot2 .root-module_xselect__placeholder__BdDj9 {
@@ -3662,7 +3646,7 @@
 }
 
 .root-module_xselectmultiple--has-error__aCcG4 .root-module_xselectmultiple__content__fYKf- {
-  border: 1px solid var(--color-error-medium);
+  border: 1px solid var(--global-error-red-50);
 }
 
 .root-module_xselectmultiple--disabled__xztwt .root-module_xselectmultiple__content__fYKf- {
@@ -3691,7 +3675,7 @@
 }
 
 .root-module_xselectmultiple--has-error__aCcG4 .root-module_xselectmultiple__icon__DZ-k7 {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 
 .root-module_xselectmultiple__text__LN5FU {
@@ -3728,7 +3712,7 @@
 }
 
 .root-module_xselectmultiple--has-error__aCcG4 .root-module_xselectmultiple__text__LN5FU {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 
 .root-module_xselectmultiple__placeholder__X0Zd3 {
@@ -3739,7 +3723,7 @@
 }
 
 .root-module_xselectmultiple--has-error__aCcG4 .root-module_xselectmultiple__placeholder__X0Zd3 {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 
 .root-module_xselectmultiple--size-s__CDeDf .root-module_xselectmultiple__placeholder__X0Zd3 {
@@ -3790,6 +3774,7 @@
   background: linear-gradient(#fff, #fff) padding-box, var(--color-gradient-arcus) border-box;
   border-color: transparent;
 }
+
 .root-module_xapp__iziZE {
 }
 
@@ -3949,7 +3934,7 @@
 }
 
 .root-module_xcalendar--has-error__rrMWz .root-module_xcalendar__content__yc6KW {
-  border: 1px solid var(--color-error-medium);
+  border: 1px solid var(--global-error-red-50);
 }
 
 .root-module_xcalendar--disabled__-grV6 .root-module_xcalendar__content__yc6KW {
@@ -3961,7 +3946,7 @@
 }
 
 .root-module_xcalendar--has-error__rrMWz .root-module_xcalendar__icon__FSRGF {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 
 .root-module_xcalendar__text__F9e-9 {
@@ -3993,7 +3978,7 @@
 }
 
 .root-module_xcalendar--has-error__rrMWz .root-module_xcalendar__text__F9e-9 {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 
 .root-module_xcalendar__placeholder__wNGLI {
@@ -4004,7 +3989,7 @@
 }
 
 .root-module_xcalendar--has-error__rrMWz .root-module_xcalendar__placeholder__wNGLI {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 .root-module_xcalendar--size-s__-FPc4 .root-module_xcalendar__placeholder__wNGLI {
   font-size: var(--xtext-size-11);
@@ -4530,7 +4515,7 @@
 }
 
 .root-module_xdatepicker__input__KOdjV.root-module_xdatepicker__input--has-value__79E6Q:not(.root-module_xdatepicker__input--has-error__914ad) .root-module_xdatepicker__input__content__c-W7R {
-  border-color: 1px solid var(--color-neutral-darknest)
+  border-color: 1px solid var(--color-neutral-darkest)
 }
 
 .theme-arcus .root-module_xdatepicker__input__KOdjV.root-module_xdatepicker__input--has-value__79E6Q:not(.root-module_xdatepicker__input--has-error__914ad) .root-module_xdatepicker__input__content__c-W7R {
@@ -4540,7 +4525,7 @@
 
 
 .root-module_xdatepicker__input__KOdjV.root-module_xdatepicker__input--has-error__914ad .root-module_xdatepicker__input__content__c-W7R {
-  border: 1px solid var(--color-error-medium);
+  border: 1px solid var(--global-error-red-50);
 }
 
 .root-module_xdatepicker__input__KOdjV.root-module_xdatepicker__input--disabled__JZxaD .root-module_xdatepicker__input__content__c-W7R {
@@ -4548,7 +4533,7 @@
 }
 
 .root-module_xdatepicker__input__KOdjV.root-module_xdatepicker__input--has-error__914ad .root-module_xdatepicker__input__icon__4Hhd5 {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 
 .root-module_xdatepicker__input__KOdjV .root-module_xdatepicker__input__symbol__IEz0n {
@@ -4584,7 +4569,7 @@
 }
 
 .root-module_xdatepicker__input__KOdjV.root-module_xdatepicker__input--has-error__914ad .root-module_xdatepicker__input__text__Sup-X {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 
 .root-module_xdatepicker__input__KOdjV .root-module_xdatepicker__input__placeholder__OyO1r {
@@ -4598,7 +4583,7 @@
 }
 
 .root-module_xdatepicker__input__KOdjV.root-module_xdatepicker__input--has-error__914ad .root-module_xdatepicker__input__placeholder__OyO1r {
-  color: var(--color-error-medium);
+  color: var(--global-error-red-50);
 }
 .root-module_xdatepicker__input__KOdjV.root-module_xdatepicker__input--size-s__cV9EO .root-module_xdatepicker__input__placeholder__OyO1r > div {
   font-size: var(--xtext-size-11);
@@ -4613,6 +4598,7 @@
   align-items: center;
   padding: 9px var(--xbox-padding-m);
 }
+
 .root-module_xcard-decision__hQa0v {
 }