@team_yumi/ramen 0.4.0-next.20231227-5618a4f-e5f6b9ce4a5e711b5af6aa6a9a1429bf → 0.4.0-next.20240115-49ad45e-e21703df626d136d8f95814fd795c4cb

package/components/core/xskeleton/index.d.ts

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

package/components/core/xtext/root.d.ts

@@ -1,18 +1,46 @@
 import React from 'react';
 import { Collections } from './../../../models';
 export interface IProps {
+    /**
+     * Text content
+     */
     children?: React.ReactNode;
+    /**
+     * Text overflow can be normal or ellipsis
+     */
     textOverflow?: (typeof Collections.ITextOverflow)[number];
+    /**
+     * Line height can be normal, title or copy
+     */
     lineHeight?: (typeof Collections.ILineHeight)[number];
+    /**
+     * Font weight can be lighter, normal or bold
+     */
     weight?: (typeof Collections.IWeight)[number];
+    /**
+     * Font size can be 1, 2, 3, 4, 5, 6, 7, 8, 9, 10. Fewer means bigger
+     */
     fontSize?: (typeof Collections.IFontSize)[number];
+    /**
+     * Line clamp can be none, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, ... 20
+     */
     lineClamp?: (typeof Collections.ILineClamp)[number];
+    /**
+     * Text align can be 'justify', 'left', 'center' or 'right'
+     */
     textAlign?: (typeof Collections.ITextAlign)[number];
+    /**
+     * Text color thone can be darkest, dark, medium, dim, light or lightest
+     */
     colorThone?: (typeof Collections.ITextColorThone)[number];
     /**
      * Text color can be any color from the palette fundamentals
      */
     color?: (typeof Collections.IColor)[number];
+    /**
+     * If true, the content will be rendered with a skeleton effect
+     */
+    skeleton?: boolean;
 }
 declare const XText: React.FC<IProps>;
 export default XText;

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

@@ -18,6 +18,8 @@ export interface IProps {
     data?: IData;
     setData: (data: IData) => void;
     disabled?: boolean;
+    selectAllText?: string;
+    allowSelectEmpty?: boolean;
 }
 declare const XSelectModal: React.FC<IProps>;
 export default XSelectModal;

package/index.css

@@ -629,6 +629,142 @@
   color: var(--xicon-color-turquoise);
 }
 
+.root-module_xskeleton__UmX7A {
+  background-color: var(--color-neutral-light);
+  display: inline-block;
+  height: 1em;
+  position: relative;
+  overflow: hidden;
+}
+
+.root-module_xskeleton__UmX7A::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transform: translateX(-100%);
+  background: linear-gradient(110deg, #ececec 0%, #f5f5f5 20%, #ececec 60%, #ececec 0%);
+  animation: root-module_shimmer__ZfOg- 2s infinite;
+  background-size: 200% 100%;
+  content: "";
+}
+
+@keyframes root-module_shimmer__ZfOg- {
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+.root-module_xskeleton--icon__VY22L {
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 50%;
+}
+
+.root-module_xskeleton--text__6O-w6 {
+  border-radius: 8px;
+}
+
+.root-module_xskeleton--text__6O-w6.root-module_xskeleton--size-xs__iatOY {
+  height: var(--xbox-size-14);
+}
+
+.root-module_xskeleton--text__6O-w6.root-module_xskeleton--size-s__-y2j2 {
+  height: var(--xbox-size-13);
+}
+
+.root-module_xskeleton--text__6O-w6.root-module_xskeleton--size-m__qSmGh {
+  height: var(--xbox-size-11);
+}
+
+.root-module_xskeleton--text__6O-w6.root-module_xskeleton--size-l__VbENw {
+  height: var(--xbox-size-10);
+}
+
+.root-module_xskeleton--text__6O-w6.root-module_xskeleton--size-xl__W86iA {
+  height: var(--xbox-size-9);
+}
+
+.root-module_xskeleton--text__6O-w6.root-module_xskeleton--width-s__FS3XR {
+  width: 25%;
+}
+
+.root-module_xskeleton--text__6O-w6.root-module_xskeleton--width-m__kuQiB {
+  width: 50%;
+}
+
+.root-module_xskeleton--text__6O-w6.root-module_xskeleton--width-l__9bZo- {
+  width: 75%;
+}
+
+.root-module_xskeleton--text__6O-w6.root-module_xskeleton--width-xl__7PVRT {
+  width: 100%;
+}
+
+.root-module_xskeleton--tag__Nsgdl {
+  min-width: 52px;
+  border-radius: 16px;
+  height: 24px;
+}
+
+.root-module_xskeleton--image__H4Y7y {
+  border-radius: 16px;
+}
+
+.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--size-xs__iatOY {
+  height: var(--xbox-size-6);
+  width: var(--xbox-size-6);
+  min-height: var(--xbox-size-6);
+  min-width: var(--xbox-size-6);
+}
+
+.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--size-s__-y2j2 {
+  height: var(--xbox-size-5);
+  width: var(--xbox-size-5);
+  min-width: var(--xbox-size-5);
+  min-height: var(--xbox-size-5);
+}
+
+.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--size-m__qSmGh {
+  height: var(--xbox-size-4);
+  min-height: var(--xbox-size-4);
+  width: var(--xbox-size-4);
+  min-width: var(--xbox-size-4);
+}
+
+.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--size-l__VbENw {
+  height: var(--xbox-size-3);
+  min-height: var(--xbox-size-3);
+  width: var(--xbox-size-3);
+  min-width: var(--xbox-size-3);
+}
+
+.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--size-xl__W86iA {
+  height: var(--xbox-size-2);
+  min-height: var(--xbox-size-2);
+  width: var(--xbox-size-2);
+  min-width: var(--xbox-size-2);
+}
+
+.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--width-s__FS3XR {
+
+}
+
+.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--width-m__kuQiB {
+
+}
+
+.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--width-l__9bZo- {
+
+}
+
+.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--width-xl__7PVRT {
+  width: 100%;
+}
+
 .root-module_x-icon__YwX20 {
   display: inline-block;
   box-sizing: content-box;
@@ -922,142 +1058,6 @@
   border-radius: var(--xbox-rounding-pill);
 }
 
-.root-module_xskeleton__UmX7A {
-  background-color: var(--color-neutral-light);
-  display: inline-block;
-  height: 1em;
-  position: relative;
-  overflow: hidden;
-}
-
-.root-module_xskeleton__UmX7A::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  transform: translateX(-100%);
-  background: linear-gradient(110deg, #ececec 0%, #f5f5f5 20%, #ececec 60%, #ececec 0%);
-  animation: root-module_shimmer__ZfOg- 2s infinite;
-  background-size: 200% 100%;
-  content: "";
-}
-
-@keyframes root-module_shimmer__ZfOg- {
-  100% {
-    transform: translateX(100%);
-  }
-}
-
-.root-module_xskeleton--icon__VY22L {
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
-  min-height: 24px;
-  border-radius: 50%;
-}
-
-.root-module_xskeleton--text__6O-w6 {
-  border-radius: 8px;
-}
-
-.root-module_xskeleton--text__6O-w6.root-module_xskeleton--size-xs__iatOY {
-  height: var(--xbox-size-14);
-}
-
-.root-module_xskeleton--text__6O-w6.root-module_xskeleton--size-s__-y2j2 {
-  height: var(--xbox-size-13);
-}
-
-.root-module_xskeleton--text__6O-w6.root-module_xskeleton--size-m__qSmGh {
-  height: var(--xbox-size-11);
-}
-
-.root-module_xskeleton--text__6O-w6.root-module_xskeleton--size-l__VbENw {
-  height: var(--xbox-size-10);
-}
-
-.root-module_xskeleton--text__6O-w6.root-module_xskeleton--size-xl__W86iA {
-  height: var(--xbox-size-9);
-}
-
-.root-module_xskeleton--text__6O-w6.root-module_xskeleton--width-s__FS3XR {
-  width: 25%;
-}
-
-.root-module_xskeleton--text__6O-w6.root-module_xskeleton--width-m__kuQiB {
-  width: 50%;
-}
-
-.root-module_xskeleton--text__6O-w6.root-module_xskeleton--width-l__9bZo- {
-  width: 75%;
-}
-
-.root-module_xskeleton--text__6O-w6.root-module_xskeleton--width-xl__7PVRT {
-  width: 100%;
-}
-
-.root-module_xskeleton--tag__Nsgdl {
-  min-width: 52px;
-  border-radius: 16px;
-  height: 24px;
-}
-
-.root-module_xskeleton--image__H4Y7y {
-  border-radius: 16px;
-}
-
-.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--size-xs__iatOY {
-  height: var(--xbox-size-6);
-  width: var(--xbox-size-6);
-  min-height: var(--xbox-size-6);
-  min-width: var(--xbox-size-6);
-}
-
-.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--size-s__-y2j2 {
-  height: var(--xbox-size-5);
-  width: var(--xbox-size-5);
-  min-width: var(--xbox-size-5);
-  min-height: var(--xbox-size-5);
-}
-
-.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--size-m__qSmGh {
-  height: var(--xbox-size-4);
-  min-height: var(--xbox-size-4);
-  width: var(--xbox-size-4);
-  min-width: var(--xbox-size-4);
-}
-
-.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--size-l__VbENw {
-  height: var(--xbox-size-3);
-  min-height: var(--xbox-size-3);
-  width: var(--xbox-size-3);
-  min-width: var(--xbox-size-3);
-}
-
-.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--size-xl__W86iA {
-  height: var(--xbox-size-2);
-  min-height: var(--xbox-size-2);
-  width: var(--xbox-size-2);
-  min-width: var(--xbox-size-2);
-}
-
-.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--width-s__FS3XR {
-
-}
-
-.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--width-m__kuQiB {
-
-}
-
-.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--width-l__9bZo- {
-
-}
-
-.root-module_xskeleton--image__H4Y7y.root-module_xskeleton--width-xl__7PVRT {
-  width: 100%;
-}
-
 .root-module_xbuttonicon__4dXbb {
   display: flex;
   align-items: center;