@team_yumi/ramen 0.4.0-next.20231214-1c83c95-5b24f8e2770626b417f5d847d9f937fe → 0.4.0-next.20231214-c460ba2-9df80c472cdaac4a93bf62e7bee9667c

package/components/mobile/x-radio-button-option/index.d.ts

@@ -0,0 +1,2 @@
+import Root from './root';
+export default Root;

package/components/mobile/x-radio-button-option/root.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { Collections } from "@yumi/models";
+export interface IProps {
+    /**
+     * If true, the elements will be rendered as a skeleton
+     */
+    skeleton?: boolean;
+    /**
+     * The label of the radio button
+     */
+    label: string;
+    /**
+     * The onChange event handler
+     */
+    onChange: (value: boolean) => void;
+    /**
+     * The icon of the radio button
+     */
+    icon?: (typeof Collections.IIcon)[number];
+    /**
+     * The symbol of the radio button
+     */
+    symbol?: (typeof Collections.ISymbol)[number];
+    /**
+     * If true, the radio button will be selected
+     */
+    selected: boolean;
+    /**
+     * If true, the radio button will be disabled
+     */
+    disabled?: boolean;
+}
+declare const XRadioButtonOption: React.FC<IProps>;
+export default XRadioButtonOption;

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/index.css

@@ -4067,7 +4067,7 @@
 .root-module_xapp__iziZE {
 }
 
-.snackbar-module_xsnackbar-container__4soji {
+.snackbar-module_xsnackbar-container__8hsKX {
   position: absolute;
   display: flex;
   flex-direction: column;
@@ -4076,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;
@@ -4098,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;
@@ -4146,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);
 }
 
@@ -5077,3 +5077,48 @@
 .root-module_x-bottom-sheet--transition-out__SSw-- {
   max-height: 12% !important;
 }
+
+.root-module_x-radio-button-option__zGBa4 {
+  gap: 6px;
+  display: flex;
+  align-items: center;
+  border-radius: 999px;
+  border: 1px solid #F5F5F5;
+  padding: 12px 16px 12px 24px;
+  background: var(--color-neutral-lightest, #FFF);
+}
+
+.root-module_x-radio-button-option--with-symbol__EMF2d {
+  padding: 8px 16px 8px 8px;
+}
+
+.root-module_x-radio-button-option--disabled__Esaom {
+  cursor: not-allowed;
+  pointer-events: none;
+  border: 1px solid var(--neutral-dark-20, #F5F5F5);
+  background: var(--neutral-dark-20, #F5F5F5);
+}
+
+.root-module_x-radio-button-option--active__T5-vA {
+  border-radius: 999px;
+  border: 1px solid var(--neutral-dark-90, #1F1F1F);
+}
+
+.theme-arcus .root-module_x-radio-button-option--active__T5-vA {
+  border-color: transparent;
+  background: linear-gradient(#fff, #fff) padding-box, var(--color-gradient-arcus) border-box;
+}
+
+.root-module_x-radio-button-option__radio-button__5jnJ5 {
+  width: 100%;
+}
+
+.root-module_x-radio-button-option__symbol__8e8sD {
+  display: flex;
+  border-radius: 100px;
+  background: var(--neutral-dark-20, #F5F5F5);
+  padding: 8px;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+}