@team_yumi/ramen 0.4.0-next.20231206-6253219-dcdcb2fadbf4dcc8f2a3a4b8cc73f586 → 0.4.0-next.20231212-3c46c0e-13ac97040b546197bbc724b38edd52dc

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/index.core.d.ts

@@ -26,7 +26,7 @@ declare const _default: {
     XCheckbox: import("react").FC<import("./components/core/xcheckbox/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;
@@ -2231,65 +2247,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 +2305,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;
 }