@team_yumi/ramen 0.4.0-next.20231123-b5f5bca-2ffdba989b40213ee2c85fa43e56dd4f → 0.4.0-next.20231124-6a01ee9-56428f393d415f317b0ef9a378f93e4a

package/components/core/xdivider/root.d.ts

@@ -3,6 +3,7 @@ import { Collections } from './../../../models';
 export interface IProps {
     orientation?: (typeof Collections.IOrientation)[number];
     size?: (typeof Collections.ISize)[number];
+    backgroundThone?: (typeof Collections.IBackgroundThone)[number];
 }
 declare const XDivider: React.FC<IProps>;
 export default XDivider;

package/components/core/xtag/root.d.ts

@@ -7,6 +7,7 @@ export interface IProps {
     color?: (typeof Collections.ITagColor)[number];
     onClose?: MouseEventHandler<HTMLDivElement>;
     onClick?: MouseEventHandler<HTMLDivElement>;
+    disabled?: boolean;
 }
 declare const XTag: React.FC<IProps>;
 export default XTag;

package/components/core/xtext/root.d.ts

@@ -9,6 +9,10 @@ export interface IProps {
     lineClamp?: (typeof Collections.ILineClamp)[number];
     textAlign?: (typeof Collections.ITextAlign)[number];
     colorThone?: (typeof Collections.ITextColorThone)[number];
+    /**
+     * Text color can be any color from the palette fundamentals
+     */
+    color?: (typeof Collections.IColor)[number];
 }
 declare const XText: React.FC<IProps>;
 export default XText;

package/components/web/xselect-modal/root.d.ts

@@ -17,6 +17,7 @@ export interface IProps {
     searchText: string;
     data?: IData;
     setData: (data: IData) => void;
+    disabled?: boolean;
 }
 declare const XSelectModal: React.FC<IProps>;
 export default XSelectModal;

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;
@@ -1600,6 +1659,10 @@
   transform: scale(0.95);
 }
 
+.root-module_xtag--disabled__UcRb- {
+  color: var(--neutral-dark-50, #999999);
+}
+
 .root-module_xtag__text_container__HXCgg {
   display: flex;
   align-items: center;
@@ -1632,7 +1695,6 @@
   text-align: center;
 }
 
-
 /* color green */
 .root-module_xtag--color-green__O-2oh .root-module_xtag__text_container__HXCgg {
   background: var(--xtag-color-green);
@@ -1729,7 +1791,6 @@
   color: var(--color-neutral-lightest);
 }
 
-
 /* color yellow */
 .root-module_xtag--color-yellow__vRla3 .root-module_xtag__text_container__HXCgg {
   background: var(--xtag-color-yellow);
@@ -1741,6 +1802,7 @@
 .root-module_xtag--color-yellow__vRla3 .root-module_xtag__icon__yybge > div {
   color: var(--color-neutral-darkest);
 }
+
 .root-module_xtag_business__pRYgk {
   display: flex;
   height: var(--xbox-size-9);
@@ -1897,7 +1959,7 @@
 }
 
 .root-module_xinput__wKJg8 {
-  background-color: var(--color-neutral-lightest, #FFFFFF);
+  background-color: var(--color-neutral-lightest, #ffffff);
   border-radius: 999px;
   display: flex;
   flex-direction: column;
@@ -3045,6 +3107,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;