@team_yumi/ramen 0.4.0-next.20231124-d88d645-3ad6a26ff91e0246421b442565a18a54 → 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/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/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;
@@ -3048,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;