@team_yumi/ramen 0.4.0-next.20231212-3c46c0e-13ac97040b546197bbc724b38edd52dc → 0.4.0-next.20231214-a3ed314-fe184b5e42ce196121aef559fab7cb54

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/mobile/{xsnackbar → x-snackbar}/snackbar.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { Collections } from '../../../models';
 export interface IProps {
     type: (typeof Collections.ISnackbarType)[number];
-    placement: (typeof Collections.IPlacementY)[number];
     text: string;
     duration?: number;
     closable?: boolean;

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 {
@@ -4059,7 +4067,7 @@
 .root-module_xapp__iziZE {
 }
 
-.snackbar-module_xsnackbar-container__4soji {
+.snackbar-module_xsnackbar-container__8hsKX {
   position: absolute;
   display: flex;
   flex-direction: column;
@@ -4068,15 +4076,15 @@
   right: 8px;
 }
 
-.snackbar-module_xsnackbar-container--bottom__RGPdG {
+.snackbar-module_xsnackbar-container--bottom__Gfv7x {
   bottom: max(env(safe-area-inset-bottom), 8px);
 }
 
-.snackbar-module_xsnackbar-container--top__bT34- {
+.snackbar-module_xsnackbar-container--top__PMBxG {
   top: max(calc(env(safe-area-inset-top) - 8px), 8px);
 }
 
-.snackbar-module_xsnackbar__fP3YG {
+.snackbar-module_xsnackbar__fAdAU {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -4090,47 +4098,47 @@
   align-items: center;
 }
 
-.snackbar-module_xsnackbar__fP3YG.snackbar-module_xsnackbar--info__i6j1O {
+.snackbar-module_xsnackbar__fAdAU.snackbar-module_xsnackbar--info__xYUDr {
   /*background: #ebf3fb;*/
   display: flex;
 }
 
-.snackbar-module_xsnackbar__fP3YG.snackbar-module_xsnackbar--success__AhCuc {
+.snackbar-module_xsnackbar__fAdAU.snackbar-module_xsnackbar--success__yyAnP {
   /*background: var(--color-success-lightest);*/
   display: flex;
 }
 
-.snackbar-module_xsnackbar__fP3YG.snackbar-module_xsnackbar--warning__ZCozO {
+.snackbar-module_xsnackbar__fAdAU.snackbar-module_xsnackbar--warning__sC88N {
   /*background: var(--color-warning-lightest);*/
   display: flex;
 }
 
-.snackbar-module_xsnackbar__fP3YG.snackbar-module_xsnackbar--error__-SdQs {
+.snackbar-module_xsnackbar__fAdAU.snackbar-module_xsnackbar--error__NsB-o {
   /*background: var(--color-error-lightest);*/
   display: flex;
 }
 
-.snackbar-module_xsnackbar--loading__poS9J {
+.snackbar-module_xsnackbar--loading__vYwM- {
   color: var(--color-neutral-lightest);
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.snackbar-module_xsnackbar--loading__poS9J > div {
+.snackbar-module_xsnackbar--loading__vYwM- > div {
   color: var(--color-neutral-lightest);
 }
 
-.snackbar-module_xsnackbar__text__o8g64 {
+.snackbar-module_xsnackbar__text__t130r {
   display: flex;
   flex: 1;
 }
 
-.snackbar-module_xsnackbar__text__o8g64 > div {
+.snackbar-module_xsnackbar__text__t130r > div {
   color: var(--color-neutral-lightest);
 }
 
-.snackbar-module_xsnackbar__close__jWJgG {
+.snackbar-module_xsnackbar__close__3-MWE {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4138,11 +4146,11 @@
   cursor: pointer;
 }
 
-.snackbar-module_xsnackbar__close__jWJgG > div {
+.snackbar-module_xsnackbar__close__3-MWE > div {
   color: var(--color-neutral-lightest);
 }
 
-.snackbar-module_xsnackbar__action__vyfnO button {
+.snackbar-module_xsnackbar__action__-hxFp button {
   background-color: var(--color-neutral-dark);
 }