@team_yumi/ramen 0.4.0-next.20231205-ebfa066-64a6185ad0f187a646e8483f1baa845f → 0.4.0-next.20231206-6253219-dcdcb2fadbf4dcc8f2a3a4b8cc73f586

package/components/core/{xradio-button → x-radio-button}/root.d.ts

@@ -1,12 +1,33 @@
 import React from 'react';
 import { Collections } from './../../../models';
 export interface IProps {
+    /**
+     * Check radio or not
+     */
     selected?: boolean;
+    /**
+     * Set state disabled
+     */
     disabled?: boolean;
+    /**
+     * Set error
+     */
     hasError?: boolean;
+    /**
+     * Radio has full width
+     */
     fullWidth?: boolean;
+    /**
+     * Set text for radio option
+     */
     label?: string;
+    /**
+     * Set placement for radio, 'left' or 'right'
+     */
     placement?: (typeof Collections.IPlacement)[number];
+    /**
+     * Event fire when check radio
+     */
     onChange?: (selected: boolean) => void;
 }
 declare const XRadioButton: React.FC<IProps>;

package/index.core.d.ts

@@ -24,7 +24,7 @@ declare const _default: {
     XSearchInput: import("react").FC<import("./components/core/xsearch-input/root").IProps>;
     XTextInput: import("react").FC<import("./components/core/xtext-input/root").IProps>;
     XCheckbox: import("react").FC<import("./components/core/xcheckbox/root").IProps>;
-    XRadioButton: import("react").FC<import("./components/core/xradio-button/root").IProps>;
+    XRadioButton: import("react").FC<import("./components/core/x-radio-button/root").IProps>;
     XAvatar: import("react").FC<import("./components/core/xavatar/root").IProps>;
     XAlert: import("react").FC<import("./components/core/xalert/root").IProps>;
     XTextArea: import("react").FC<import("./components/core/x-text-area/root").IProps>;

package/index.css

@@ -2131,35 +2131,40 @@
   color: var(--color-neutral-dim);
 }
 
-.root-module_xradio-button__preZ5 {
+.root-module_x-radio-button__-Fh1j {
   display: flex;
   align-items: center;
   gap: var(--xbox-padding-xs);
   cursor: pointer;
 }
 
-.root-module_xradio-button--disabled__mf3Cm {
-  cursor: not-allowed;
+.root-module_x-radio-button--disabled__9RLU9 {
+  cursor: not-allowed !important;
 }
 
-.root-module_xradio-button__label__vKOuy {
+.root-module_x-radio-button__label__vsaJU {
   flex: 1;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 100%;
+  letter-spacing: -0.7px;
+  color: var(--neutral-dark-90);
 }
 
-.root-module_xradio-button--placement_left__-7t0O {
+.root-module_x-radio-button--placement_left__XLz2Z {
   flex-direction: row;
 }
 
-.root-module_xradio-button--placement_right__SNTzI {
+.root-module_x-radio-button--placement_right__1bkGf {
   flex-direction: row-reverse;
 }
 
-.root-module_xradio-button--full-width__jP2Me {
+.root-module_x-radio-button--full-width__7adPL {
   width: 100%;
   flex: 1;
 }
 
-.root-module_xradio-button__radio__QTpC6 {
+.root-module_x-radio-button__radio__S693y {
   border: 2px solid var(--color-neutral-dim);
   border-radius: 999px;
   width: var(--xbox-size-10);
@@ -2169,32 +2174,34 @@
   justify-content: center;
 }
 
-.root-module_xradio-button__radio__QTpC6 > div:first-child {
+.root-module_x-radio-button__radio__S693y > div:first-child {
   width: 9px;
   height: 9px;
   border-radius: 999px;
   background-color: var(--color-neutral-lightest);
 }
 
-.root-module_xradio-button--has-error__RqkO4:not(.root-module_xradio-button--disabled__mf3Cm) .root-module_xradio-button__radio__QTpC6 {
+.root-module_x-radio-button--has-error__wSdz6:not(.root-module_x-radio-button--disabled__9RLU9) .root-module_x-radio-button__radio__S693y {
   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 {
+.root-module_x-radio-button__-Fh1j:hover:not(.root-module_x-radio-button--disabled__9RLU9) .root-module_x-radio-button__radio__S693y {
   border-color: var(--color-neutral-darkest);
 }
 
-.root-module_xradio-button--checked__i98gn:not(.root-module_xradio-button--disabled__mf3Cm) .root-module_xradio-button__radio__QTpC6 {
+.root-module_x-radio-button--checked__XlsA5:not(.root-module_x-radio-button--disabled__9RLU9) .root-module_x-radio-button__radio__S693y {
   background: var(--color-neutral-darkest);
   color: var(--color-neutral-lightest);
+  border-color: var(--color-neutral-darkest);
 }
 
-.root-module_xradio-button--disabled__mf3Cm .root-module_xradio-button__radio__QTpC6 {
-  border-color: var(--global-neutral-dark-30, #d6d6d6);
+.root-module_x-radio-button--disabled__9RLU9 .root-module_x-radio-button__radio__S693y {
+  border-color: var( --neutral-dark-30, #d6d6d6);
 }
 
-.root-module_xradio-button--disabled__mf3Cm .root-module_xradio-button__label__vKOuy {
-  color: var(--color-neutral-dim);
+.root-module_x-radio-button--disabled__9RLU9 .root-module_x-radio-button__label__vsaJU {
+  color: var(--neutral-dark-50);
+  cursor: not-allowed;
 }
 
 .root-module_xavatar__cqfXV {