@team_yumi/ramen 0.4.0-next.20231212-3c46c0e-13ac97040b546197bbc724b38edd52dc → 0.4.0-next.20231214-1c83c95-5b24f8e2770626b417f5d847d9f937fe

package/components/core/{xcheckbox → x-checkbox}/root.d.ts

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

package/components/web/xcheckbox-group/root.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IProps as ICheckboxProps } from '../../core/xcheckbox/root';
+import { IProps as ICheckboxProps } from '../../core/x-checkbox/root';
 interface IValue {
     key: string;
     value: boolean;

package/index.core.d.ts

@@ -23,7 +23,7 @@ declare const _default: {
     XPhoneInput: import("react").FC<import("./components/core/xphone-input/root").IProps>;
     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>;
+    XCheckbox: import("react").FC<import("./components/core/x-checkbox/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/x-alert/root").IProps>;

package/index.css

@@ -2077,26 +2077,26 @@
   font-size: var(--xtext-size-11);
 }
 
-.root-module_xcheckbox__M9DA2 {
+.root-module_x-checkbox__2YH9t {
   display: flex;
   align-items: center;
   gap: var(--xbox-padding-xs);
   cursor: pointer;
 }
 
-.root-module_xcheckbox--disabled__51ROk {
+.root-module_x-checkbox--disabled__9V-Ji {
   cursor: not-allowed;
 }
 
-.root-module_xcheckbox--placement_left__0DmSl {
+.root-module_x-checkbox--placement_left__wNy2w {
   flex-direction: row;
 }
 
-.root-module_xcheckbox--placement_right__MeXNl {
+.root-module_x-checkbox--placement_right__U78AB {
   flex-direction: row-reverse;
 }
 
-.root-module_xcheckbox__check__pp5ba {
+.root-module_x-checkbox__check__KRW8F {
   border: 2px solid var(--color-neutral-dim);
   border-radius: 4px;
   width: var(--xbox-size-11);
@@ -2105,46 +2105,54 @@
   box-sizing: content-box;
 }
 
-.root-module_xcheckbox__M9DA2 > .root-module_xcheckbox__check__pp5ba > div {
+.root-module_x-checkbox__2YH9t > .root-module_x-checkbox__check__KRW8F > div {
   color: var(--color-neutral-lightest);
 }
 
-.root-module_xcheckbox--has-error__k3NEF:not(.root-module_xcheckbox--disabled__51ROk) .root-module_xcheckbox__check__pp5ba {
+.root-module_x-checkbox--has-error__5ixRs:not(.root-module_x-checkbox--disabled__9V-Ji) .root-module_x-checkbox__check__KRW8F {
   border-color: var(--global-error-red-50);
 }
 
-.root-module_xcheckbox__M9DA2:hover:not(.root-module_xcheckbox--disabled__51ROk) .root-module_xcheckbox__check__pp5ba {
+.root-module_x-checkbox__2YH9t:hover:not(.root-module_x-checkbox--disabled__9V-Ji) .root-module_x-checkbox__check__KRW8F {
   border-color: var(--color-neutral-darkest);
 }
 
-.root-module_xcheckbox--checked__SngRB:not(.root-module_xcheckbox--disabled__51ROk) .root-module_xcheckbox__check__pp5ba {
+.root-module_x-checkbox--checked__nCcy2:not(.root-module_x-checkbox--disabled__9V-Ji) .root-module_x-checkbox__check__KRW8F {
   background: var(--color-neutral-darkest);
   color: var(--color-neutral-lightest);
+  border-color: var(--color-neutral-darkest);
 }
 
-.root-module_xcheckbox--indeterminate__LXlVt:not(.root-module_xcheckbox--disabled__51ROk) .root-module_xcheckbox__check__pp5ba {
+.root-module_x-checkbox--indeterminate__JUucw:not(.root-module_x-checkbox--disabled__9V-Ji) .root-module_x-checkbox__check__KRW8F {
   background: var(--color-neutral-darkest);
   color: var(--color-neutral-lightest);
+  border-color: var(--color-neutral-darkest);
 }
 
-.root-module_xcheckbox--disabled__51ROk .root-module_xcheckbox__check__pp5ba {
+.root-module_x-checkbox--disabled__9V-Ji .root-module_x-checkbox__check__KRW8F {
   border-color: var(--color-neutral-light);
 }
 
-.root-module_xcheckbox__label__xyiNd {
+.root-module_x-checkbox__label__QS6HR {
   flex: 1;
   min-width: 0;
   text-align: left;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 100%;
+  letter-spacing: -0.7px;
+  color: var(--neutral-dark-90);
 }
 
-.root-module_xcheckbox__label__xyiNd > div {
+.root-module_x-checkbox__label__QS6HR > div {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.root-module_xcheckbox--disabled__51ROk .root-module_xcheckbox__label__xyiNd {
+.root-module_x-checkbox--disabled__9V-Ji .root-module_x-checkbox__label__QS6HR {
   color: var(--color-neutral-dim);
+  cursor: not-allowed;
 }
 
 .root-module_x-radio-button__-Fh1j {