@team_yumi/ramen 0.4.0-next.20240123-54bcb2d-9cbbf54591972275783f03e131569c2e → 0.4.0-next.20240131-2272142-f71c879315d91f54d45663e680695422

package/components/core/x-icon/root.d.ts

@@ -8,7 +8,7 @@ export interface IProps {
     /**
      * Icon size
      */
-    size?: (typeof Collections.ISize)[number];
+    size?: (typeof Collections.IIconSize)[number];
     /**
      * Icon color can be any color from the palette fundamentals
      */

package/components/core/x-symbol/root.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Collections } from './../../../models';
+export interface IProps {
+    /**
+     * Symbol name
+     */
+    symbol?: (typeof Collections.ISymbol)[number];
+    /**
+     * Symbol size
+     */
+    size?: (typeof Collections.ISymbolSize)[number];
+    /**
+     * Symbol color can be any color from the palette fundamentals
+     */
+    color?: (typeof Collections.ISymbolColor)[number];
+}
+declare const XSymbol: React.FC<IProps>;
+export default XSymbol;

package/components/mobile/xfloat-button/root.d.ts

@@ -3,6 +3,7 @@ import { Collections } from '../../../models';
 import { IProps as XButtonIconProps } from '../../core/xbuttonicon/root';
 export interface IProps extends XButtonIconProps {
     placement?: (typeof Collections.IFloatButtonPlacement)[number];
+    bottom?: (typeof Collections.IFloatButtonBottom)[number];
 }
 declare const XFloatButton: React.FC<IProps>;
 export default XFloatButton;

package/components/web/xselect/root.d.ts

@@ -15,6 +15,7 @@ export interface IProps {
     icon?: (typeof Collections.IIcon)[number];
     disabled?: boolean;
     hasError?: boolean;
+    maxHeight?: number;
     onChange?: (value: string) => void;
 }
 declare const XSelect: React.FC<IProps>;

package/css/size.css

@@ -99,13 +99,17 @@
   --x-modal-sheet-opacity: 0.6;
   --x-modal-sheet-maxwidth: var(--maxwidth);
 
-  --xsymbol-size-s: calc(14 * var(--grid));
-  --xsymbol-size-m: calc(16 * var(--grid));
-  --xsymbol-size-l: calc(20 * var(--grid));
-  --xsymbol-size-s-minus: calc(13 * var(--grid));
-  --xsymbol-size-m-minus: calc(15 * var(--grid));
-  --xsymbol-size-l-minus: calc(19 * var(--grid));
-  --xsymbol-safearea: var(--grid);
+  --x-symbol-size-xs: calc(4 * var(--grid));
+  --x-symbol-size-s: calc(6 * var(--grid));
+  --x-symbol-size-m: calc(8 * var(--grid));
+  --x-symbol-size-l: calc(10 * var(--grid));
+  --x-symbol-size-xl: calc(12 * var(--grid));
+  --x-symbol-size-xs-minus: calc(3.5 * var(--grid));
+  --x-symbol-size-s-minus: calc(5 * var(--grid));
+  --x-symbol-size-m-minus: calc(7 * var(--grid));
+  --x-symbol-size-l-minus: calc(9 * var(--grid));
+  --x-symbol-size-xl-minus: calc(11 * var(--grid));
+  --x-symbol-safearea: var(--grid);
 
   --xbadge-size-xs: calc(4 * var(--grid));
   --xbadge-size-s: calc(6 * var(--grid));

package/index.core.d.ts

@@ -31,7 +31,7 @@ declare const _default: {
     XFormItem: import("react").FC<import("./components/core/xform-item/root").IProps>;
     XList: typeof XList;
     XCard: import("react").FC<import("./components/core/xcard/root").IProps>;
-    XSymbol: import("react").FC<import("./components/core/xsymbol/root").IProps>;
+    XSymbol: import("react").FC<import("./components/core/x-symbol/root").IProps>;
     XCollapseCard: import("react").FC<import("./components/core/xcollapse-card/root").IProps>;
     XLoadingContainer: import("react").FC<{}>;
     XSkeleton: import("react").FC<import("./components/core/xskeleton/root").IProps>;

package/index.css

@@ -2674,35 +2674,111 @@
   border-width: var(--xcard-border-m);
 }
 
-.root-module_xsymbol__gr72p {
+.root-module_x-symbol__RPD-j {
   display: inline-block;
-  max-height: var(--xicon-size-xl);
-  max-width: var(--xicon-size-xl);
+  max-height: var(--x-symbol-size-xl);
+  max-width: var(--x-symbol-size-xl);
 }
 
-.root-module_xsymbol--size-xs__QFjKl {
-  height: var(--xicon-size-xs);
-  width: var(--xicon-size-xs);
+.root-module_x-symbol--size-xs__IhFR7 {
+  height: var(--x-symbol-size-xs);
+  width: var(--x-symbol-size-xs);
 }
 
-.root-module_xsymbol--size-s__481Ex {
-  height: var(--xicon-size-s);
-  width: var(--xicon-size-s);
+.root-module_x-symbol--size-s__udy3s {
+  height: var(--x-symbol-size-s);
+  width: var(--x-symbol-size-s);
 }
 
-.root-module_xsymbol--size-m__7e0HY {
-  height: var(--xicon-size-m);
-  width: var(--xicon-size-m);
+.root-module_x-symbol--size-m__YZzJX {
+  height: var(--x-symbol-size-m);
+  width: var(--x-symbol-size-m);
 }
 
-.root-module_xsymbol--size-l__LTDkj {
-  height: var(--xicon-size-l);
-  width: var(--xicon-size-l);
+.root-module_x-symbol--size-l__s0Y4n {
+  height: var(--x-symbol-size-l);
+  width: var(--x-symbol-size-l);
 }
 
-.root-module_xsymbol--size-xl__o9sLJ {
-  height: var(--xicon-size-xl);
-  width: var(--xicon-size-xl);
+.root-module_x-symbol--size-xl__bT5uq {
+  height: var(--x-symbol-size-xl);
+  width: var(--x-symbol-size-xl);
+}
+
+.root-module_x-symbol--color-disabled__CLCiX {
+  color: var(--neutral-dark-50);
+}
+
+
+/**
+ * Colors
+ */
+.root-module_x-symbol--color-gray__pxnNV {
+  color: var(--color-neutral-light);
+}
+
+.root-module_x-symbol--color-disabled__CLCiX {
+  color: var(--neutral-dark-50);
+}
+
+.root-module_x-symbol--color-black__d-kYH {
+  color: var(--color-neutral-darkest);
+}
+
+.root-module_x-symbol--color-green__4IJAh {
+  color: var(--x-symbol-color-green);
+}
+
+.root-module_x-symbol--color-sky-blue__CaLdg {
+  color: var(--x-symbol-color-sky-blue);
+}
+
+.root-module_x-symbol--color-orange__FM1cH {
+  color: var(--x-symbol-color-orange);
+}
+
+.root-module_x-symbol--color-red__J91y- {
+  color: var(--x-symbol-color-red);
+}
+
+.root-module_x-symbol--color-purple__bIx8W {
+  color: var(--x-symbol-color-purple);
+}
+
+.root-module_x-symbol--color-pink__XWj8Z {
+  color: var(--x-symbol-color-pink);
+}
+
+.root-module_x-symbol--color-green-check__Vx454 {
+  color: var(--x-symbol-color-green-check);
+}
+
+.root-module_x-symbol--color-red-refuse__viUqr {
+  color: var(--x-symbol-color-red-refuse);
+}
+
+.root-module_x-symbol--color-yellow__GUiaN {
+  color: var(--x-symbol-color-yellow);
+}
+
+.root-module_x-symbol--color-turquoise__V7aid {
+  color: var(--x-symbol-color-turquoise);
+}
+
+.root-module_x-symbol--color-info-blue__bd9bu {
+  color: var(--global-info-blue-60);
+}
+
+.root-module_x-symbol--color-error-red__N1ms9 {
+  color: var(--global-error-red-60);
+}
+
+.root-module_x-symbol--color-success-green__NKRQW {
+  color: var(--global-success-green-60);
+}
+
+.root-module_x-symbol--color-warning-orange__1pfEJ {
+  color: var(--global-warning-orange-60);
 }
 
 .root-module_xcollapse-card__-LBed {
@@ -3897,18 +3973,33 @@
 
 }
 .root-module_xfloat-button__naGjT {
-    position: fixed;
-    bottom: env(safe-area-inset-bottom, 33px);
-    z-index: 20;
-    padding-bottom: var(--xbox-padding-xs);
+  position: fixed;
+  bottom: calc(env(safe-area-inset-bottom, 33px) + var(--xbox-padding-xs));
+  z-index: 20;
 }
 
 .root-module_xfloat-button--placement-left__EozcE {
-    left: 24px;
+  left: 24px;
 }
 
 .root-module_xfloat-button--placement-right__1zdbY {
-    right: 24px;
+  right: 24px;
+}
+
+.root-module_xfloat-button--bottom-s__z6AzS {
+  bottom: calc(env(safe-area-inset-bottom, 33px) + calc(var(--xbox-padding-s) * 2));
+}
+
+.root-module_xfloat-button--bottom-m__v4ndY {
+  bottom: calc(env(safe-area-inset-bottom, 33px) + calc(var(--xbox-padding-m) * 3));
+}
+
+.root-module_xfloat-button--bottom-l__lBzrk {
+  bottom: calc(env(safe-area-inset-bottom, 33px) + calc(var(--xbox-padding-xl) * 3));
+}
+
+.root-module_xfloat-button--bottom-xl__5MzW9 {
+  bottom: calc(env(safe-area-inset-bottom, 33px) + calc(var(--xbox-padding-xl) * 4));
 }
 
 .root-module_xselectmultiple__TT6GU {
@@ -5097,6 +5188,10 @@
   padding: 8px 16px 8px 8px;
 }
 
+.root-module_x-radio-button-option--with-icon__8RcPL {
+  padding-left: 14px;
+}
+
 .root-module_x-radio-button-option--disabled__Esaom {
   cursor: not-allowed;
   pointer-events: none;
@@ -5127,3 +5222,5 @@
   align-items: center;
   gap: 10px;
 }
+
+