@clickhouse/click-ui 0.0.28 → 0.0.30

package/dist/styles/variables.json.d.ts

@@ -122,7 +122,7 @@ declare const _default: {
         },
         "text": {
           "default": "#696e79",
-          "success": "#1c8439",
+          "success": "#15632b",
           "neutral": "#53575f",
           "danger": "#c10000",
           "warning": "#9e5600",
@@ -138,7 +138,7 @@ declare const _default: {
         },
         "iconForeground": {
           "default": "#696e79",
-          "success": "lch(48.3 52.9 144 / 0.75)",
+          "success": "lch(36.5 42 144 / 0.75)",
           "neutral": "lch(36.8 5.23 267 / 0.75)",
           "danger": "lch(41 86.6 40.9 / 0.75)",
           "warning": "lch(44.6 59.8 63.2 / 0.75)",
@@ -237,7 +237,7 @@ declare const _default: {
         },
         "text": {
           "default": "#696e79",
-          "success": "#1c8439",
+          "success": "#15632b",
           "neutral": "#53575f",
           "danger": "#c10000",
           "disabled": "#a0a0a0",
@@ -307,7 +307,7 @@ declare const _default: {
       "basic": {
         "space": {
           "x": "1rem",
-          "y": "0.344rem",
+          "y": "0.281rem",
           "gap": "0.5rem",
           "group": "0.5rem"
         },
@@ -399,8 +399,8 @@ declare const _default: {
       "iconButton": {
         "default": {
           "space": {
-            "x": "0.5rem",
-            "y": "0.5rem"
+            "x": "0.438rem",
+            "y": "0.438rem"
           }
         },
         "size": {
@@ -475,6 +475,23 @@ declare const _default: {
             "text": {
               "default": "#c10000"
             }
+          },
+          "ghost": {
+            "background": {
+              "default": "rgba(0,0,0,0)",
+              "hover": "rgba(0,0,0,0)",
+              "active": "rgb(0% 0% 0% / 0)"
+            },
+            "stroke": {
+              "default": "rgba(0,0,0,0)",
+              "hover": "rgba(0,0,0,0)",
+              "active": "rgba(0,0,0,0)"
+            },
+            "text": {
+              "default": "#696e79",
+              "hover": "#161517",
+              "active": "#161517"
+            }
           }
         }
       },
@@ -482,10 +499,15 @@ declare const _default: {
       "split": {
         "icon": {
           "space": {
-            "y": "0.516rem",
+            "y": "0.438rem",
             "x": "0.344rem"
           }
         },
+        "space": {
+          "x": "1rem",
+          "y": "0.281rem",
+          "gap": "0.5rem"
+        },
         "primary": {
           "background": {
             "main": {
@@ -519,6 +541,40 @@ declare const _default: {
             "active": "lch(16.4 2.36 306)",
             "disabled": "lch(75.5 0 0)"
           }
+        },
+        "secondary": {
+          "divide": {
+            "default": "lch(92 1.05 266)",
+            "hover": "lch(33 3.27 267)",
+            "active": "lch(16.4 2.36 306)",
+            "disabled": "lch(75.5 0 0)"
+          },
+          "background": {
+            "main": {
+              "default": "rgba(0,0,0,0)",
+              "hover": "#f6f7fa",
+              "active": "lch(95.3 1.54 272)",
+              "disabled": "#dfdfdf"
+            },
+            "action": {
+              "default": "#f6f7fa",
+              "hover": "lch(94.8 1.53 272)",
+              "active": "lch(92.9 1.5 272)",
+              "disabled": "lch(77.2 0 0)"
+            }
+          },
+          "text": {
+            "default": "#161517",
+            "hover": "#161517",
+            "active": "#161517",
+            "disabled": "#a0a0a0"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266)",
+            "hover": "lch(91.6 1.1 266)",
+            "active": "lch(84 2.28 258)",
+            "disabled": "rgba(0,0,0,0)"
+          }
         }
       },
       "mobile": {
@@ -537,10 +593,26 @@ declare const _default: {
           }
         }
       },
-      "button-group": {
+      "group": {
         "radii": {
           "center": "0",
           "end": "0.25rem"
+        },
+        "color": {
+          "background": {
+            "default": "lch(94.5 0.72 266)",
+            "hover": "lch(97.4 1.44 272)",
+            "active": "#ffffff",
+            "panel": "lch(94.5 0.72 266)"
+          },
+          "text": {
+            "default": "#161517",
+            "hover": "#161517",
+            "active": "#151515"
+          },
+          "stroke": {
+            "panel": "lch(91.6 1.1 266)"
+          }
         }
       },
       "alignLeft": {
@@ -570,24 +642,6 @@ declare const _default: {
           }
         }
       },
-      "group": {
-        "color": {
-          "background": {
-            "default": "#ffffff",
-            "hover": "lch(68.1 1.1 272)",
-            "active": "lch(81 1.31 272)",
-            "panel": "#ffffff"
-          },
-          "text": {
-            "default": "#161517",
-            "hover": "#161517",
-            "active": "#151515"
-          },
-          "stroke": {
-            "panel": "lch(91.6 1.1 266)"
-          }
-        }
-      },
       "alignedLeft": {
         "color": {
           "background": {
@@ -987,7 +1041,7 @@ declare const _default: {
       },
       "space": {
         "x": "0.75rem",
-        "y": "0.344rem",
+        "y": "0.281rem",
         "gap": "0.5rem"
       },
       "size": {
@@ -1067,7 +1121,7 @@ declare const _default: {
           "label": {
             "default": "400 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
             "hover": "400 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
-            "active": "600 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
+            "active": "400 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
             "disabled": "400 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
           },
           "sectionHeader": {
@@ -1387,7 +1441,7 @@ declare const _default: {
           "default": {
             "space": {
               "right": "0.75rem",
-              "y": "0.344rem",
+              "y": "0.281rem",
               "gap": "0.75rem",
               "left": "0"
             }
@@ -1415,7 +1469,7 @@ declare const _default: {
             "space": {
               "left": "0",
               "right": "0.75rem",
-              "y": "0.344rem",
+              "y": "0.281rem",
               "gap": "0.75rem"
             }
           },
@@ -1424,22 +1478,6 @@ declare const _default: {
               "height": "1rem",
               "width": "1rem"
             }
-          },
-          "color": {
-            "background": {
-              "active": "lch(91.6 1.1 266 / 0.6)",
-              "hover": "lch(91.6 1.1 266 / 0.6)",
-              "default": "rgba(0,0,0,0)"
-            },
-            "text": {
-              "default": "#161517",
-              "hover": "#161517",
-              "active": "#161517",
-              "muted": "#696e79"
-            },
-            "icon": {
-              "default": "#696e79"
-            }
           }
         },
         "title": {
@@ -1448,11 +1486,6 @@ declare const _default: {
             "hover": "500 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
             "active": "500 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
             "disabled": "500 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
-          },
-          "color": {
-            "default": "#696e79",
-            "hover": "#696e79",
-            "active": "#696e79"
           }
         },
         "subItem": {
@@ -1460,7 +1493,7 @@ declare const _default: {
             "space": {
               "left": "2.75rem",
               "right": "0.75rem",
-              "y": "0.344rem"
+              "y": "0.281rem"
             }
           },
           "mobile": {
@@ -1484,27 +1517,12 @@ declare const _default: {
             "hover": "400 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
             "active": "500 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
             "disabled": "500 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
-          },
-          "color": {
-            "text": {
-              "default": "#696e79",
-              "hover": "#161517",
-              "active": "#161517"
-            },
-            "background": {
-              "default": "rgba(0,0,0,0)",
-              "hover": "lch(91.6 1.1 266 / 0.6)",
-              "active": "rgba(0,0,0,0)"
-            }
           }
         },
         "dragControl": {
           "separator": {
             "size": {
               "height": "0.125rem"
-            },
-            "color": {
-              "default": "#161517"
             }
           }
         }
@@ -1521,6 +1539,54 @@ declare const _default: {
           "stroke": {
             "default": "lch(91.6 1.1 266)"
           }
+        },
+        "navigation": {
+          "item": {
+            "color": {
+              "background": {
+                "active": "lch(91.6 1.1 266 / 0.6)",
+                "hover": "lch(91.6 1.1 266 / 0.6)",
+                "default": "rgba(0,0,0,0)"
+              },
+              "text": {
+                "default": "#161517",
+                "hover": "#161517",
+                "active": "#161517",
+                "muted": "#696e79"
+              },
+              "icon": {
+                "default": "#696e79"
+              }
+            }
+          },
+          "title": {
+            "color": {
+              "default": "#696e79",
+              "hover": "#696e79",
+              "active": "#696e79"
+            }
+          },
+          "subItem": {
+            "color": {
+              "text": {
+                "default": "#696e79",
+                "hover": "#161517",
+                "active": "#161517"
+              },
+              "background": {
+                "default": "rgba(0,0,0,0)",
+                "hover": "lch(91.6 1.1 266 / 0.6)",
+                "active": "rgba(0,0,0,0)"
+              }
+            }
+          },
+          "dragControl": {
+            "separator": {
+              "color": {
+                "default": "#161517"
+              }
+            }
+          }
         }
       },
       "sqlSidebar": {
@@ -1531,6 +1597,54 @@ declare const _default: {
           "stroke": {
             "default": "lch(91.6 1.1 266)"
           }
+        },
+        "navigation": {
+          "item": {
+            "color": {
+              "background": {
+                "active": "lch(91.6 1.1 266 / 0.6)",
+                "hover": "lch(91.6 1.1 266 / 0.6)",
+                "default": "rgba(0,0,0,0)"
+              },
+              "text": {
+                "default": "#161517",
+                "hover": "#161517",
+                "active": "#161517",
+                "muted": "#696e79"
+              },
+              "icon": {
+                "default": "#696e79"
+              }
+            }
+          },
+          "title": {
+            "color": {
+              "default": "#696e79",
+              "hover": "#696e79",
+              "active": "#696e79"
+            }
+          },
+          "subItem": {
+            "color": {
+              "text": {
+                "default": "#696e79",
+                "hover": "#161517",
+                "active": "#161517"
+              },
+              "background": {
+                "default": "rgba(0,0,0,0)",
+                "hover": "lch(91.6 1.1 266 / 0.6)",
+                "active": "rgba(0,0,0,0)"
+              }
+            }
+          },
+          "dragControl": {
+            "separator": {
+              "color": {
+                "default": "#161517"
+              }
+            }
+          }
         }
       }
     },
@@ -1816,6 +1930,9 @@ declare const _default: {
           "default": "400 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
         }
       },
+      "size": {
+        "width": "20.75rem"
+      },
       "color": {
         "title": {
           "default": "#161517"
@@ -1828,7 +1945,7 @@ declare const _default: {
         },
         "icon": {
           "default": "#161517",
-          "success": "#1c8439",
+          "success": "#15632b",
           "warning": "#9e5600",
           "danger": "#c10000"
         }
@@ -1913,6 +2030,56 @@ declare const _default: {
         }
       }
     },
+    "flyout": {
+      "space": {
+        "y": "1.5rem",
+        "x": "0",
+        "gap": "1rem",
+        "default": {
+          "top": "0"
+        },
+        "inline": {
+          "top": "3.5rem"
+        },
+        "actions": {
+          "space": {
+            "top": "1rem",
+            "x": "1.5rem",
+            "gap": "1rem"
+          }
+        }
+      },
+      "shadow": {
+        "default": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)"
+      },
+      "size": {
+        "narrow": {
+          "width": "27.5rem",
+          "height": "100%"
+        },
+        "wide": {
+          "width": "37.5rem",
+          "height": "100vh"
+        }
+      },
+      "color": {
+        "background": {
+          "default": "#ffffff"
+        },
+        "title": {
+          "default": "#161517"
+        },
+        "description": {
+          "default": "#696e79"
+        },
+        "opaqueBackground": {
+          "default": "lch(6.77 0 0 / 0.45)"
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266)"
+        }
+      }
+    },
     "global": {
       "color": {
         "background": {
@@ -1951,7 +2118,7 @@ declare const _default: {
         },
         "success": {
           "background": "#e0f8e7",
-          "foreground": "#1c8439"
+          "foreground": "#15632b"
         },
         "warning": {
           "background": "#ffedd8",
@@ -1992,6 +2159,11 @@ declare const _default: {
           }
         }
       }
+    },
+    "storybook": {
+      "global": {
+        "background": "#ffffff"
+      }
     }
   },
   "transition": {
@@ -2251,7 +2423,8 @@ declare const _default: {
   },
   "shadow": {
     "1": "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)",
-    "2": "0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)"
+    "2": "0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)",
+    "3": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)"
   }
 };