npm - @clickhouse/click-ui - Versions diffs - 0.0.199 → 0.0.201 - Mend

@clickhouse/click-ui 0.0.199 → 0.0.201

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/click-ui.bundled.es.js +1266 -805
package/dist/click-ui.bundled.umd.js +1266 -805
package/dist/click-ui.es.js +1267 -806
package/dist/click-ui.umd.js +1538 -1077
package/dist/components/DateDetails/DateDetails.d.ts +1 -1
package/dist/components/FileUpload/FileUpload.d.ts +14 -0
package/dist/components/index.d.ts +1 -0
package/dist/styles/types.d.ts +767 -672
package/dist/styles/variables.classic.json.d.ts +120 -120
package/dist/styles/variables.dark.json.d.ts +194 -152
package/dist/styles/variables.json.d.ts +597 -502
package/dist/styles/variables.light.json.d.ts +191 -149
package/dist/utils/truncate.d.ts +13 -0
package/package.json +1 -1

package/dist/styles/types.d.ts CHANGED Viewed

@@ -1365,6 +1365,138 @@ export interface Theme {
                 };
             };
         };
+        "container": {
+            "space": {
+                "none": string;
+                "xxs": string;
+                "xs": string;
+                "sm": string;
+                "md": string;
+                "lg": string;
+                "xl": string;
+                "xxl": string;
+            };
+            "gap": {
+                "none": string;
+                "xxs": string;
+                "xs": string;
+                "sm": string;
+                "md": string;
+                "lg": string;
+                "xl": string;
+                "xxl": string;
+            };
+        };
+        "datePicker": {
+            "dateOption": {
+                "space": {
+                    "gap": string;
+                };
+                "radii": {
+                    "default": string;
+                    "range": string;
+                };
+                "stroke": string;
+                "size": {
+                    "height": string;
+                    "width": string;
+                };
+                "typography": {
+                    "label": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                        "range": string;
+                    };
+                };
+                "color": {
+                    "label": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                        "range": string;
+                    };
+                    "background": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                        "range": string;
+                    };
+                    "stroke": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                        "range": string;
+                    };
+                };
+            };
+            "space": {
+                "gap": string;
+            };
+            "typography": {
+                "daytitle": {
+                    "default": string;
+                };
+                "title": {
+                    "default": string;
+                };
+            };
+            "color": {
+                "title": {
+                    "default": string;
+                };
+                "daytitle": {
+                    "default": string;
+                };
+            };
+        };
+        "dialog": {
+            "space": {
+                "y": string;
+                "x": string;
+                "gap": string;
+            };
+            "title": {
+                "space": {
+                    "gap": string;
+                };
+            };
+            "radii": {
+                "all": string;
+            };
+            "shadow": {
+                "default": string;
+            };
+            "stroke": {
+                "default": string;
+            };
+            "typography": {
+                "title": {
+                    "default": string;
+                };
+                "description": {
+                    "default": string;
+                };
+            };
+            "color": {
+                "background": {
+                    "default": string;
+                };
+                "title": {
+                    "default": string;
+                };
+                "description": {
+                    "default": string;
+                };
+                "opaqueBackground": {
+                    "default": string;
+                };
+            };
+        };
         "docs": {
             "typography": {
                 "titles": {
@@ -1497,134 +1629,310 @@ export interface Theme {
                 };
             };
         };
-        "genericMenu": {
-            "item": {
-                "space": {
-                    "x": string;
-                    "y": string;
-                    "gap": string;
-                };
+        "fileUpload": {
+            "sm": {
                 "icon": {
                     "size": {
                         "height": string;
                         "width": string;
                     };
                 };
-                "typography": {
-                    "label": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                        "disabled": string;
-                    };
-                    "sectionHeader": {
-                        "default": string;
-                    };
-                    "subtext": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                        "disabled": string;
-                    };
-                };
-                "two-lines": {
-                    "space": {
-                        "x": string;
-                        "y": string;
-                        "gap": string;
-                    };
+                "space": {
+                    "gap": string;
+                    "x": string;
+                    "y": string;
                 };
-                "size": {
-                    "minWidth": string;
+                "radii": {
+                    "all": string;
                 };
                 "color": {
-                    "text": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                        "disabled": string;
-                        "muted": string;
-                    };
-                    "background": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                        "disabled": string;
-                    };
-                    "format": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                        "disabled": string;
-                        "error": string;
-                    };
-                    "stroke": {
-                        "default": string;
-                    };
-                    "subtext": {
+                    "icon": {
                         "default": string;
-                        "hover": string;
-                        "active": string;
-                        "disabled": string;
                     };
                 };
             };
-            "itemCustom": {
-                "typography": {
-                    "label": {
-                        "sm": string;
-                        "lg": string;
+            "md": {
+                "icon": {
+                    "size": {
+                        "height": string;
+                        "width": string;
                     };
                 };
-            };
-            "button": {
                 "space": {
                     "gap": string;
+                    "x": string;
                     "y": string;
                 };
-                "typography": {
-                    "label": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                    };
+                "radii": {
+                    "all": string;
                 };
                 "color": {
-                    "background": {
-                        "default": string;
-                    };
-                    "label": {
-                        "default": string;
-                    };
-                    "stroke": {
+                    "icon": {
                         "default": string;
                     };
                 };
             };
-            "panel": {
-                "radii": {
-                    "all": string;
+            "typography": {
+                "title": {
+                    "default": string;
                 };
-                "shadow": {
+                "description": {
                     "default": string;
                 };
-                "color": {
-                    "background": {
-                        "default": string;
-                    };
-                    "stroke": {
-                        "default": string;
+            };
+            "hasFile": {
+                "space": {
+                    "gap": string;
+                };
+                "header": {
+                    "space": {
+                        "gap": string;
                     };
                 };
             };
-            "autocomplete": {
-                "typography": {
-                    "results": {
-                        "label": {
-                            "default": string;
-                        };
-                    };
-                    "search": {
+            "transitions": {
+                "all": string;
+            };
+            "color": {
+                "background": {
+                    "default": string;
+                    "hover": string;
+                    "active": string;
+                    "error": string;
+                };
+                "stroke": {
+                    "default": string;
+                    "hover": string;
+                    "active": string;
+                    "error": string;
+                };
+                "title": {
+                    "default": string;
+                    "hover": string;
+                    "active": string;
+                    "error": string;
+                };
+                "description": {
+                    "default": string;
+                    "hover": string;
+                    "active": string;
+                    "error": string;
+                };
+            };
+        };
+        "flyout": {
+            "space": {
+                "default": {
+                    "x": string;
+                    "y": string;
+                    "gap": string;
+                    "top": string;
+                    "content": {
+                        "x": string;
+                        "y": string;
+                        "row-gap": string;
+                        "column-gap": string;
+                    };
+                };
+                "inline": {
+                    "x": string;
+                    "y": string;
+                    "gap": string;
+                    "top": string;
+                    "content": {
+                        "x": string;
+                        "y": string;
+                        "row-gap": string;
+                        "column-gap": string;
+                    };
+                };
+            };
+            "shadow": {
+                "default": string;
+                "reverse": string;
+            };
+            "size": {
+                "default": {
+                    "width": string;
+                    "height": string;
+                };
+                "wide": {
+                    "width": string;
+                    "height": string;
+                };
+                "narrow": {
+                    "width": string;
+                    "height": string;
+                };
+                "widest": {
+                    "width": string;
+                    "height": string;
+                };
+            };
+            "typography": {
+                "default": {
+                    "description": {
+                        "default": string;
+                    };
+                    "title": {
+                        "default": string;
+                    };
+                };
+                "inline": {
+                    "description": {
+                        "default": string;
+                    };
+                    "title": {
+                        "default": string;
+                    };
+                };
+            };
+            "color": {
+                "background": {
+                    "default": string;
+                };
+                "title": {
+                    "default": string;
+                };
+                "description": {
+                    "default": string;
+                };
+                "opaqueBackground": {
+                    "default": string;
+                };
+                "stroke": {
+                    "default": string;
+                };
+            };
+        };
+        "genericMenu": {
+            "item": {
+                "space": {
+                    "x": string;
+                    "y": string;
+                    "gap": string;
+                };
+                "icon": {
+                    "size": {
+                        "height": string;
+                        "width": string;
+                    };
+                };
+                "typography": {
+                    "label": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                    "sectionHeader": {
+                        "default": string;
+                    };
+                    "subtext": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                };
+                "two-lines": {
+                    "space": {
+                        "x": string;
+                        "y": string;
+                        "gap": string;
+                    };
+                };
+                "size": {
+                    "minWidth": string;
+                };
+                "color": {
+                    "text": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                        "muted": string;
+                    };
+                    "background": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                    "format": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                        "error": string;
+                    };
+                    "stroke": {
+                        "default": string;
+                    };
+                    "subtext": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                        "disabled": string;
+                    };
+                };
+            };
+            "itemCustom": {
+                "typography": {
+                    "label": {
+                        "sm": string;
+                        "lg": string;
+                    };
+                };
+            };
+            "button": {
+                "space": {
+                    "gap": string;
+                    "y": string;
+                };
+                "typography": {
+                    "label": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                };
+                "color": {
+                    "background": {
+                        "default": string;
+                    };
+                    "label": {
+                        "default": string;
+                    };
+                    "stroke": {
+                        "default": string;
+                    };
+                };
+            };
+            "panel": {
+                "radii": {
+                    "all": string;
+                };
+                "shadow": {
+                    "default": string;
+                };
+                "color": {
+                    "background": {
+                        "default": string;
+                    };
+                    "stroke": {
+                        "default": string;
+                    };
+                };
+            };
+            "autocomplete": {
+                "typography": {
+                    "results": {
+                        "label": {
+                            "default": string;
+                        };
+                    };
+                    "search": {
                         "placeholder": {
                             "default": string;
                         };
@@ -1665,6 +1973,149 @@ export interface Theme {
                 };
             };
         };
+        "grid": {
+            "header": {
+                "cell": {
+                    "space": {
+                        "y": string;
+                        "x": string;
+                    };
+                    "size": {
+                        "height": string;
+                    };
+                    "color": {
+                        "background": {
+                            "default": string;
+                            "selectIndirect": string;
+                            "selectDirect": string;
+                        };
+                        "title": {
+                            "default": string;
+                            "selectIndirect": string;
+                            "selectDirect": string;
+                        };
+                        "stroke": {
+                            "default": string;
+                            "selectIndirect": string;
+                            "selectDirect": string;
+                        };
+                    };
+                };
+                "title": {
+                    "default": string;
+                };
+            };
+            "body": {
+                "cell": {
+                    "space": {
+                        "y": string;
+                        "x": string;
+                    };
+                    "size": {
+                        "height": string;
+                    };
+                    "color": {
+                        "background": {
+                            "default": string;
+                            "selectIndirect": string;
+                            "selectDirect": string;
+                        };
+                        "stroke": {
+                            "default": string;
+                            "selectIndirect": string;
+                            "selectDirect": string;
+                        };
+                        "text": {
+                            "default": string;
+                            "selectIndirect": string;
+                            "selectDirect": string;
+                        };
+                    };
+                };
+            };
+            "cell": {
+                "text": {
+                    "default": string;
+                };
+            };
+            "radii": {
+                "none": string;
+                "sm": string;
+                "md": string;
+                "lg": string;
+            };
+            "global": {
+                "color": {
+                    "stroke": {
+                        "default": string;
+                    };
+                    "background": {
+                        "default": string;
+                    };
+                };
+            };
+        };
+        "gridContainer": {
+            "gap": {
+                "none": string;
+                "xxs": string;
+                "xs": string;
+                "sm": string;
+                "md": string;
+                "lg": string;
+                "xl": string;
+                "xxl": string;
+                "unset": string;
+            };
+        };
+        "icon": {
+            "space": {
+                "xs": {
+                    "all": string;
+                };
+                "sm": {
+                    "all": string;
+                };
+                "md": {
+                    "all": string;
+                };
+                "lg": {
+                    "all": string;
+                };
+                "xl": {
+                    "all": string;
+                };
+                "xxl": {
+                    "all": string;
+                };
+            };
+            "color": {
+                "background": {
+                    "default": string;
+                    "success": string;
+                    "neutral": string;
+                    "danger": string;
+                    "info": string;
+                    "warning": string;
+                };
+                "text": {
+                    "default": string;
+                    "success": string;
+                    "neutral": string;
+                    "danger": string;
+                    "info": string;
+                    "warning": string;
+                };
+                "stroke": {
+                    "default": string;
+                    "success": string;
+                    "neutral": string;
+                    "danger": string;
+                    "info": string;
+                    "warning": string;
+                };
+            };
+        };
         "image": {
             "sm": {
                 "size": {
@@ -1689,22 +2140,48 @@ export interface Theme {
                     "height": string;
                     "width": string;
                 };
-            };
-            "xl": {
-                "size": {
-                    "height": string;
-                    "width": string;
+            };
+            "xl": {
+                "size": {
+                    "height": string;
+                    "width": string;
+                };
+            };
+            "xxl": {
+                "size": {
+                    "height": string;
+                    "width": string;
+                };
+            };
+            "borderWidth": {
+                "default": string;
+                "thin": string;
+            };
+            "color": {
+                "stroke": string;
+            };
+        };
+        "link": {
+            "space": {
+                "md": {
+                    "gap": string;
+                };
+                "sm": {
+                    "gap": string;
                 };
             };
-            "xxl": {
+            "icon": {
                 "size": {
-                    "height": string;
-                    "width": string;
+                    "sm": {
+                        "height": string;
+                        "width": string;
+                    };
+                    "md": {
+                        "height": string;
+                        "width": string;
+                    };
                 };
             };
-            "color": {
-                "stroke": string;
-            };
         };
         "panel": {
             "strokeWidth": {
@@ -2266,531 +2743,139 @@ export interface Theme {
                 };
             };
         };
-        "switch": {
-            "space": {
-                "gap": string;
-            };
-            "radii": {
-                "all": string;
-            };
-            "size": {
-                "width": string;
-                "height": string;
-            };
-            "typography": {
-                "label": {
-                    "default": string;
-                    "hover": string;
-                    "active": string;
-                    "disabled": string;
-                };
-            };
-            "color": {
-                "background": {
-                    "default": string;
-                    "active": string;
-                    "disabled": string;
-                };
-                "stroke": {
-                    "default": string;
-                    "active": string;
-                    "disabled": string;
-                };
-                "indicator": {
-                    "default": string;
-                    "active": string;
-                    "disabled": string;
-                };
-            };
-        };
-        "table": {
-            "header": {
-                "title": {
-                    "default": string;
-                };
-                "cell": {
-                    "space": {
-                        "md": {
-                            "y": string;
-                            "x": string;
-                        };
-                        "sm": {
-                            "y": string;
-                            "x": string;
-                        };
-                    };
-                };
-                "color": {
-                    "background": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                    };
-                    "title": {
-                        "default": string;
-                    };
-                    "icon": {
-                        "default": string;
-                    };
-                    "checkbox": {
-                        "background": {
-                            "default": string;
-                        };
-                        "border": {
-                            "default": string;
-                        };
-                    };
-                };
-            };
-            "cell": {
-                "text": {
-                    "default": string;
-                };
-                "label": {
-                    "default": string;
-                };
-                "stroke": string;
-            };
-            "radii": {
-                "all": string;
-            };
-            "body": {
-                "cell": {
-                    "space": {
-                        "md": {
-                            "y": string;
-                            "x": string;
-                        };
-                        "sm": {
-                            "y": string;
-                            "x": string;
-                        };
-                    };
-                };
-            };
-            "mobile": {
-                "cell": {
-                    "space": {
-                        "y": string;
-                        "x": string;
-                        "gap": string;
-                    };
-                };
-            };
-            "row": {
-                "color": {
-                    "background": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                    };
-                    "stroke": {
-                        "default": string;
-                    };
-                    "text": {
-                        "default": string;
-                        "disabled": string;
-                    };
-                    "link": {
-                        "default": string;
-                    };
-                    "label": {
-                        "default": string;
-                    };
-                };
-            };
-            "global": {
-                "color": {
-                    "stroke": {
-                        "default": string;
-                    };
-                    "background": {
-                        "default": string;
-                    };
-                };
-            };
-        };
-        "tabs": {
-            "space": {
-                "y": string;
-                "x": string;
-            };
-            "radii": {
-                "all": string;
-            };
-            "typography": {
-                "label": {
-                    "default": string;
-                    "hover": string;
-                    "active": string;
-                };
-            };
-            "basic": {
-                "strokeWidth": {
-                    "default": string;
-                    "hover": string;
-                    "active": string;
-                    "global": string;
-                };
-                "color": {
-                    "background": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                    };
-                    "text": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                    };
-                    "stroke": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                    };
-                    "global": {
-                        "default": string;
-                    };
-                };
-            };
-            "fileTabs": {
-                "icon": {
-                    "size": {
-                        "height": string;
-                        "width": string;
-                    };
-                };
-                "space": {
-                    "y": string;
-                    "x": string;
-                    "gap": string;
-                };
-                "typography": {
-                    "label": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                    };
-                };
-                "radii": {
-                    "all": string;
-                };
-                "color": {
-                    "background": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                    };
-                    "text": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                    };
-                    "stroke": {
-                        "default": string;
-                        "hover": string;
-                        "active": string;
-                    };
-                    "closeButton": {
-                        "background": {
-                            "default": string;
-                            "hover": string;
-                        };
-                    };
-                };
-            };
-        };
-        "toast": {
-            "icon": {
-                "size": {
-                    "height": string;
-                    "width": string;
-                };
-            };
+        "switch": {
             "space": {
-                "title": {
-                    "gap": string;
-                };
-                "y": string;
-                "x": string;
                 "gap": string;
             };
             "radii": {
                 "all": string;
             };
-            "shadow": string;
-            "typography": {
-                "title": {
-                    "default": string;
-                };
-                "description": {
-                    "default": string;
-                };
-            };
             "size": {
                 "width": string;
-            };
-            "color": {
-                "title": {
-                    "default": string;
-                };
-                "description": {
-                    "default": string;
-                };
-                "stroke": {
-                    "default": string;
-                };
-                "icon": {
-                    "default": string;
-                    "success": string;
-                    "warning": string;
-                    "danger": string;
-                };
-            };
-        };
-        "tooltip": {
-            "radii": {
-                "all": string;
-            };
-            "space": {
-                "x": string;
-                "y": string;
+                "height": string;
             };
             "typography": {
                 "label": {
                     "default": string;
+                    "hover": string;
+                    "active": string;
+                    "disabled": string;
                 };
             };
             "color": {
                 "background": {
                     "default": string;
+                    "active": string;
+                    "disabled": string;
                 };
-                "label": {
-                    "default": string;
-                };
-            };
-        };
-        "dialog": {
-            "space": {
-                "y": string;
-                "x": string;
-                "gap": string;
-            };
-            "title": {
-                "space": {
-                    "gap": string;
-                };
-            };
-            "radii": {
-                "all": string;
-            };
-            "shadow": {
-                "default": string;
-            };
-            "stroke": {
-                "default": string;
-            };
-            "typography": {
-                "title": {
+                "stroke": {
                     "default": string;
+                    "active": string;
+                    "disabled": string;
                 };
-                "description": {
+                "indicator": {
                     "default": string;
+                    "active": string;
+                    "disabled": string;
                 };
             };
-            "color": {
-                "background": {
-                    "default": string;
-                };
+        };
+        "table": {
+            "header": {
                 "title": {
                     "default": string;
                 };
-                "description": {
-                    "default": string;
-                };
-                "opaqueBackground": {
-                    "default": string;
-                };
-            };
-        };
-        "link": {
-            "space": {
-                "md": {
-                    "gap": string;
-                };
-                "sm": {
-                    "gap": string;
-                };
-            };
-            "icon": {
-                "size": {
-                    "sm": {
-                        "height": string;
-                        "width": string;
-                    };
-                    "md": {
-                        "height": string;
-                        "width": string;
-                    };
-                };
-            };
-        };
-        "flyout": {
-            "space": {
-                "default": {
-                    "x": string;
-                    "y": string;
-                    "gap": string;
-                    "top": string;
-                    "content": {
-                        "x": string;
-                        "y": string;
-                        "row-gap": string;
-                        "column-gap": string;
-                    };
-                };
-                "inline": {
-                    "x": string;
-                    "y": string;
-                    "gap": string;
-                    "top": string;
-                    "content": {
-                        "x": string;
-                        "y": string;
-                        "row-gap": string;
-                        "column-gap": string;
+                "cell": {
+                    "space": {
+                        "md": {
+                            "y": string;
+                            "x": string;
+                        };
+                        "sm": {
+                            "y": string;
+                            "x": string;
+                        };
                     };
                 };
-            };
-            "shadow": {
-                "default": string;
-                "reverse": string;
-            };
-            "size": {
-                "default": {
-                    "width": string;
-                    "height": string;
-                };
-                "wide": {
-                    "width": string;
-                    "height": string;
-                };
-                "narrow": {
-                    "width": string;
-                    "height": string;
-                };
-                "widest": {
-                    "width": string;
-                    "height": string;
-                };
-            };
-            "typography": {
-                "default": {
-                    "description": {
+                "color": {
+                    "background": {
                         "default": string;
+                        "hover": string;
+                        "active": string;
                     };
                     "title": {
                         "default": string;
                     };
-                };
-                "inline": {
-                    "description": {
+                    "icon": {
                         "default": string;
                     };
-                    "title": {
-                        "default": string;
+                    "checkbox": {
+                        "background": {
+                            "default": string;
+                        };
+                        "border": {
+                            "default": string;
+                        };
                     };
                 };
             };
-            "color": {
-                "background": {
-                    "default": string;
-                };
-                "title": {
-                    "default": string;
-                };
-                "description": {
-                    "default": string;
-                };
-                "opaqueBackground": {
+            "cell": {
+                "text": {
                     "default": string;
                 };
-                "stroke": {
+                "label": {
                     "default": string;
                 };
+                "stroke": string;
             };
-        };
-        "grid": {
-            "header": {
+            "radii": {
+                "all": string;
+            };
+            "body": {
                 "cell": {
                     "space": {
-                        "y": string;
-                        "x": string;
-                    };
-                    "size": {
-                        "height": string;
-                    };
-                    "color": {
-                        "background": {
-                            "default": string;
-                            "selectIndirect": string;
-                            "selectDirect": string;
-                        };
-                        "title": {
-                            "default": string;
-                            "selectIndirect": string;
-                            "selectDirect": string;
+                        "md": {
+                            "y": string;
+                            "x": string;
                         };
-                        "stroke": {
-                            "default": string;
-                            "selectIndirect": string;
-                            "selectDirect": string;
+                        "sm": {
+                            "y": string;
+                            "x": string;
                         };
                     };
                 };
-                "title": {
-                    "default": string;
-                };
             };
-            "body": {
+            "mobile": {
                 "cell": {
                     "space": {
                         "y": string;
                         "x": string;
-                    };
-                    "size": {
-                        "height": string;
-                    };
-                    "color": {
-                        "background": {
-                            "default": string;
-                            "selectIndirect": string;
-                            "selectDirect": string;
-                        };
-                        "stroke": {
-                            "default": string;
-                            "selectIndirect": string;
-                            "selectDirect": string;
-                        };
-                        "text": {
-                            "default": string;
-                            "selectIndirect": string;
-                            "selectDirect": string;
-                        };
+                        "gap": string;
                     };
                 };
             };
-            "cell": {
-                "text": {
-                    "default": string;
+            "row": {
+                "color": {
+                    "background": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "stroke": {
+                        "default": string;
+                    };
+                    "text": {
+                        "default": string;
+                        "disabled": string;
+                    };
+                    "link": {
+                        "default": string;
+                    };
+                    "label": {
+                        "default": string;
+                    };
                 };
             };
-            "radii": {
-                "none": string;
-                "sm": string;
-                "md": string;
-                "lg": string;
-            };
             "global": {
                 "color": {
                     "stroke": {
@@ -2802,152 +2887,162 @@ export interface Theme {
                 };
             };
         };
-        "container": {
+        "tabs": {
             "space": {
-                "none": string;
-                "xxs": string;
-                "xs": string;
-                "sm": string;
-                "md": string;
-                "lg": string;
-                "xl": string;
-                "xxl": string;
-            };
-            "gap": {
-                "none": string;
-                "xxs": string;
-                "xs": string;
-                "sm": string;
-                "md": string;
-                "lg": string;
-                "xl": string;
-                "xxl": string;
-            };
-        };
-        "gridContainer": {
-            "gap": {
-                "none": string;
-                "xxs": string;
-                "xs": string;
-                "sm": string;
-                "md": string;
-                "lg": string;
-                "xl": string;
-                "xxl": string;
-                "unset": string;
+                "y": string;
+                "x": string;
             };
-        };
-        "icon": {
-            "space": {
-                "xs": {
-                    "all": string;
-                };
-                "sm": {
-                    "all": string;
-                };
-                "md": {
-                    "all": string;
-                };
-                "lg": {
-                    "all": string;
-                };
-                "xl": {
-                    "all": string;
-                };
-                "xxl": {
-                    "all": string;
-                };
+            "radii": {
+                "all": string;
             };
-            "color": {
-                "background": {
+            "typography": {
+                "label": {
                     "default": string;
-                    "success": string;
-                    "neutral": string;
-                    "danger": string;
-                    "info": string;
-                    "warning": string;
+                    "hover": string;
+                    "active": string;
                 };
-                "text": {
+            };
+            "basic": {
+                "strokeWidth": {
                     "default": string;
-                    "success": string;
-                    "neutral": string;
-                    "danger": string;
-                    "info": string;
-                    "warning": string;
+                    "hover": string;
+                    "active": string;
+                    "global": string;
                 };
-                "stroke": {
-                    "default": string;
-                    "success": string;
-                    "neutral": string;
-                    "danger": string;
-                    "info": string;
-                    "warning": string;
+                "color": {
+                    "background": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "text": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "stroke": {
+                        "default": string;
+                        "hover": string;
+                        "active": string;
+                    };
+                    "global": {
+                        "default": string;
+                    };
                 };
             };
-        };
-        "datePicker": {
-            "dateOption": {
+            "fileTabs": {
+                "icon": {
+                    "size": {
+                        "height": string;
+                        "width": string;
+                    };
+                };
                 "space": {
+                    "y": string;
+                    "x": string;
                     "gap": string;
                 };
-                "radii": {
-                    "default": string;
-                    "range": string;
-                };
-                "stroke": string;
-                "size": {
-                    "height": string;
-                    "width": string;
-                };
                 "typography": {
                     "label": {
                         "default": string;
                         "hover": string;
                         "active": string;
-                        "disabled": string;
-                        "range": string;
                     };
                 };
+                "radii": {
+                    "all": string;
+                };
                 "color": {
-                    "label": {
+                    "background": {
                         "default": string;
                         "hover": string;
                         "active": string;
-                        "disabled": string;
-                        "range": string;
                     };
-                    "background": {
+                    "text": {
                         "default": string;
                         "hover": string;
                         "active": string;
-                        "disabled": string;
-                        "range": string;
                     };
                     "stroke": {
                         "default": string;
                         "hover": string;
                         "active": string;
-                        "disabled": string;
-                        "range": string;
                     };
+                    "closeButton": {
+                        "background": {
+                            "default": string;
+                            "hover": string;
+                        };
+                    };
+                };
+            };
+        };
+        "toast": {
+            "icon": {
+                "size": {
+                    "height": string;
+                    "width": string;
                 };
             };
             "space": {
+                "title": {
+                    "gap": string;
+                };
+                "y": string;
+                "x": string;
                 "gap": string;
             };
+            "radii": {
+                "all": string;
+            };
+            "shadow": string;
             "typography": {
-                "daytitle": {
+                "title": {
                     "default": string;
                 };
-                "title": {
+                "description": {
                     "default": string;
                 };
             };
+            "size": {
+                "width": string;
+            };
             "color": {
                 "title": {
                     "default": string;
                 };
-                "daytitle": {
+                "description": {
+                    "default": string;
+                };
+                "stroke": {
+                    "default": string;
+                };
+                "icon": {
+                    "default": string;
+                    "success": string;
+                    "warning": string;
+                    "danger": string;
+                };
+            };
+        };
+        "tooltip": {
+            "radii": {
+                "all": string;
+            };
+            "space": {
+                "x": string;
+                "y": string;
+            };
+            "typography": {
+                "label": {
+                    "default": string;
+                };
+            };
+            "color": {
+                "background": {
+                    "default": string;
+                };
+                "label": {
                     "default": string;
                 };
             };