@team_yumi/ramen 0.4.0-next.20231206-6253219-dcdcb2fadbf4dcc8f2a3a4b8cc73f586 → 0.4.0-next.20231214-1c83c95-5b24f8e2770626b417f5d847d9f937fe

package/components/core/{xalert → x-alert}/root.d.ts

@@ -1,10 +1,25 @@
 import React from 'react';
 import { Collections } from '../../../models';
 export interface IProps {
+    /**
+     * Child Elements
+     */
     children?: React.ReactNode;
+    /**
+     * Set title for alert
+     */
     title?: string;
+    /**
+     * Show or hide icon
+     */
     showIcon?: boolean;
+    /**
+     * Set style for alert 'success', 'success-neutral', 'info', 'info-neutral', 'warning', 'warning-neutral', 'error' or 'error-neutral'
+     */
     type?: (typeof Collections.IAlertType)[number];
+    /**
+     * Set icon
+     */
     icon?: (typeof Collections.IIcon)[number];
 }
 declare const XAlert: React.FC<IProps>;

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,10 +23,10 @@ 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/xalert/root").IProps>;
+    XAlert: import("react").FC<import("./components/core/x-alert/root").IProps>;
     XTextArea: import("react").FC<import("./components/core/x-text-area/root").IProps>;
     XFormItem: import("react").FC<import("./components/core/xform-item/root").IProps>;
     XList: typeof XList;

package/index.css

@@ -731,6 +731,22 @@
   color: var(--xicon-color-turquoise);
 }
 
+.root-module_x-icon--color-info-blue__7AESi {
+  color: var(--global-info-blue-60);
+}
+
+.root-module_x-icon--color-error-red__5JsnX {
+  color: var(--global-error-red-60);
+}
+
+.root-module_x-icon--color-success-green__iHsLc {
+  color: var(--global-success-green-60);
+}
+
+.root-module_x-icon--color-warning-orange__-W-6d {
+  color: var(--global-warning-orange-60);
+}
+
 .root-module_xbutton__isOXp {
   display: flex;
   align-items: center;
@@ -2061,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);
@@ -2089,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 {
@@ -2231,65 +2255,56 @@
   height: var(--xicon-size-xl);
   width: var(--xicon-size-xl);
 }
-.root-module_xalert__Vf7Mh {
+.root-module_x-alert__Y8VV3 {
   border: 1px solid transparent;
   display: flex;
   align-items: center;
   border-radius: var(--xbox-rounding-l);
 }
 
-.root-module_xalert__Vf7Mh.root-module_xalert-neutral__NrsGf {
-  border-color: var(--color-neutral-light);
-  background-color: var(--color-neutral-lightest);
-}
-
-.root-module_xalert__Vf7Mh.root-module_xalert-neutral__NrsGf > div:nth-child(1) > div {
-  color: var(--color-neutral-medium);
-}
-
-.root-module_xalert__Vf7Mh.root-module_xalert-success__jhm77 {
-  border-color: var(--color-success-light);
-  background-color: var(--color-success-lightest);
+.root-module_x-alert__Y8VV3.root-module_x-alert-success__Kwyp8 {
+  border-color: var(--global-success-green-20);
+  background-color: var(--global-success-green-10);
 }
 
-.root-module_xalert__Vf7Mh.root-module_xalert-success__jhm77 > div:nth-child(1) > div {
-  color: var(--color-success-medium);
+.root-module_x-alert__Y8VV3.root-module_x-alert-success-neutral__UYcN2 {
+  border-color: var(--global-success-green-20);
 }
 
-.root-module_xalert__Vf7Mh.root-module_xalert-info__Z4H7f {
-  border-color: var(--color-info-light);
-  background-color: var(--color-info-lightest);
+.root-module_x-alert__Y8VV3.root-module_x-alert-info__XTWF1 {
+  border-color: var(--global-info-blue-20);
+  background-color: var(--global-info-blue-10);
 }
 
-.root-module_xalert__Vf7Mh.root-module_xalert-info__Z4H7f > div:nth-child(1) > div {
-  color: var(--color-info-medium);
+.root-module_x-alert__Y8VV3.root-module_x-alert-info-neutral__rVGRp {
+  border-color: var(--global-info-blue-20);
 }
 
-.root-module_xalert__Vf7Mh.root-module_xalert-error__xyEdz {
-  border-color: var(--color-error-light);
-  background-color: var(--color-error-lightest);
+.root-module_x-alert__Y8VV3.root-module_x-alert-error__Pcrh9 {
+  border-color: var(--global-error-red-20);
+  background-color: var(--global-error-red-10);
 }
 
-.root-module_xalert__Vf7Mh.root-module_xalert-error__xyEdz > div:nth-child(1) > div {
-  color: var(--color-error-medium);
+.root-module_x-alert__Y8VV3.root-module_x-alert-error-neutral__8onSX {
+  border-color: var(--global-error-red-20);
 }
 
-.root-module_xalert__Vf7Mh.root-module_xalert-warning__nGXLU {
-  border-color: var(--color-warning-light);
-  background-color: var(--color-warning-lightest);
+.root-module_x-alert__Y8VV3.root-module_x-alert-warning__7so2C {
+  border-color: var(--global-warning-orange-20);
+  background-color: var(--global-warning-orange-10);
 }
 
-.root-module_xalert__Vf7Mh.root-module_xalert-warning__nGXLU > div:nth-child(1) > div {
-  color: var(--color-warning-medium);
+.root-module_x-alert__Y8VV3.root-module_x-alert-warning-neutral__pZ4ni {
+  border-color: var(--global-warning-orange-20);
 }
 
-.root-module_xalert__Vf7Mh > div:nth-child(1) {
+.root-module_x-alert__Y8VV3 > div:nth-child(1) {
   display: none;
   padding-top: 3px;
   padding-left: var(--xbox-padding-m);
 }
 
-.root-module_xalert__Vf7Mh > div:nth-child(2) {
+.root-module_x-alert__Y8VV3 > div:nth-child(2) {
   width: 100%;
   display: block;
   padding-top: 16px;
@@ -2298,32 +2313,32 @@
   padding-bottom: var(--xbox-padding-m);
 }
 
-.root-module_xalert-with_icon__kUABx > div:nth-child(1) {
+.root-module_x-alert-with_icon__Lrg-Q > div:nth-child(1) {
   display: block;
 }
 
-.root-module_xalert-with_icon__kUABx > div:nth-child(2) {
+.root-module_x-alert-with_icon__Lrg-Q > div:nth-child(2) {
   width: 100%;
   display: block;
   padding-left: 6px;
   padding-top: var(--xbox-padding-m);
 }
 
-.root-module_xalert-with_title__hffaQ > div:nth-child(2) {
+.root-module_x-alert-with_title__ekM7l > div:nth-child(2) {
   padding-top: 16px;
 }
 
-.root-module_xalert-with_title__hffaQ .root-module_xalert__header__f0Wxr {
+.root-module_x-alert-with_title__ekM7l .root-module_x-alert__header__BHK9n {
   display: block;
-  padding-bottom: var(--xbox-padding-xs);
+  padding-bottom: var(--xbox-padding-xxs);
   padding-top: 2px;
 }
 
-.root-module_xalert__header__f0Wxr {
+.root-module_x-alert__header__BHK9n {
   display: none;
 }
 
-.root-module_xalert__body__Do9mm {
+.root-module_x-alert__body__hmKDK {
   display: block;
 }