@clickhouse/click-ui 0.0.0

package/src/styles/variables.light.json

@@ -0,0 +1,789 @@
+{
+  "click": {
+    "accordion": {
+      "color": {
+        "label": {
+          "default": "#161517",
+          "hover": "lch(13.9 1.33 305)",
+          "active": "#161517"
+        },
+        "icon": {
+          "default": "#161517",
+          "hover": "lch(13.9 1.33 305)",
+          "active": "#161517"
+        }
+      }
+    },
+    "alert": {
+      "color": {
+        "background": {
+          "default": "#ffffff",
+          "success": "#e0f8e7",
+          "neutral": "#e6e7e9",
+          "danger": "#ffdddd",
+          "warning": "#ffedd8",
+          "info": "#dae6fc"
+        },
+        "text": {
+          "default": "#696e79",
+          "success": "#1c8439",
+          "neutral": "#53575f",
+          "danger": "#c10000",
+          "warning": "#9e5600",
+          "info": "#135be6"
+        },
+        "iconBackground": {
+          "default": "#ffffff",
+          "success": "lch(92.6 11.4 153)",
+          "neutral": "lch(88.9 1.07 266)",
+          "danger": "lch(88.3 12.6 20.6)",
+          "warning": "lch(91.9 12.7 73)",
+          "info": "lch(88.2 11.8 266)"
+        },
+        "iconForeground": {
+          "default": "#696e79",
+          "success": "lch(48.3 52.9 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)",
+          "info": "lch(41.9 80.9 287 / 0.75)"
+        }
+      }
+    },
+    "badge": {
+      "color": {
+        "background": {
+          "default": "#ffffff",
+          "success": "#e0f8e7",
+          "neutral": "#e6e7e9",
+          "danger": "#ffdddd",
+          "disabled": "#dfdfdf"
+        },
+        "text": {
+          "default": "#696e79",
+          "success": "#1c8439",
+          "neutral": "#53575f",
+          "danger": "#c10000",
+          "disabled": "#a0a0a0"
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)",
+          "success": "#e0f8e7",
+          "neutral": "#e6e7e9",
+          "danger": "#ffdddd",
+          "disabled": "lch(84.4 0 0)"
+        }
+      }
+    },
+    "big-stat": {
+      "color": {
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)"
+        },
+        "background": {
+          "default": "#ffffff"
+        },
+        "label": {
+          "default": "#696e79"
+        },
+        "large-value": {
+          "default": "#161517"
+        }
+      }
+    },
+    "button": {
+      "basic": {
+        "color": {
+          "primary": {
+            "background": {
+              "default": "#302e32",
+              "hover": "lch(55.8 3.66 267)",
+              "active": "lch(6.42 1.33 305)"
+            },
+            "text": {
+              "default": "#ffffff"
+            },
+            "stroke": {
+              "default": "#302e32",
+              "hover": "lch(55.8 3.66 267)",
+              "active": "lch(6.42 1.33 305)"
+            }
+          },
+          "secondary": {
+            "background": {
+              "default": "rgba(0,0,0,0)",
+              "hover": "#f6f7fa",
+              "active": "lch(95.3 1.54 272)"
+            },
+            "stroke": {
+              "default": "lch(91.6 1.1 266 / 0.3)",
+              "hover": "#e6e7e9",
+              "active": "lch(83.8 2.3 258)"
+            },
+            "text": {
+              "default": "#161517"
+            }
+          },
+          "disabled": {
+            "background": {
+              "default": "#dfdfdf"
+            },
+            "text": {
+              "default": "#a0a0a0"
+            }
+          },
+          "danger": {
+            "background": {
+              "default": "#ffdddd",
+              "hover": "#ff9898",
+              "active": "#ffbaba"
+            },
+            "text": {
+              "default": "#c10000"
+            }
+          }
+        }
+      },
+      "iconButton": {
+        "color": {
+          "primary": {
+            "background": {
+              "default": "rgba(0,0,0,0)",
+              "hover": "#f6f7fa",
+              "active": "rgb(86.8% 87.2% 88.2%)"
+            },
+            "stroke": {
+              "default": "rgba(0,0,0,0)",
+              "hover": "#f6f7fa",
+              "active": "rgb(86.8% 87.2% 88.2%)"
+            },
+            "text": {
+              "default": "#161517",
+              "hover": "#161517",
+              "active": "#161517"
+            }
+          },
+          "secondary": {
+            "background": {
+              "default": "#302e32",
+              "hover": "lch(55.8 3.66 267)",
+              "active": "lch(6.1 1.26 305)"
+            },
+            "stroke": {
+              "default": "rgba(0,0,0,0)",
+              "hover": "lch(55.8 3.66 267)",
+              "active": "lch(6.1 1.26 305)"
+            },
+            "text": {
+              "default": "#ffffff",
+              "hover": "#ffffff",
+              "active": "#ffffff"
+            }
+          },
+          "disabled": {
+            "background": {
+              "default": "#dfdfdf"
+            },
+            "text": {
+              "default": "#a0a0a0"
+            }
+          },
+          "danger": {
+            "background": {
+              "default": "#ffdddd",
+              "hover": "#ff9898",
+              "active": "#ffbaba"
+            },
+            "text": {
+              "default": "#c10000"
+            }
+          }
+        }
+      },
+      "split": {
+        "primary": {
+          "stroke": {
+            "default": "lch(23.3 2.63 306)",
+            "active": "lch(16.4 2.36 306)",
+            "hover": "lch(53.6 2.86 267)"
+          },
+          "background": {
+            "main": {
+              "default": "lch(17.6 2.54 306)",
+              "hover": "lch(51.1 3.35 267)",
+              "active": "lch(5.87 1.22 305)"
+            },
+            "action": {
+              "default": "lch(6.35 1.32 305)",
+              "hover": "lch(48.5 3.18 267)",
+              "active": "lch(3.47 0.72 305)"
+            }
+          },
+          "text": {
+            "default": "#ffffff"
+          }
+        }
+      },
+      "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 / 0.3)"
+          }
+        }
+      },
+      "alignedLeft": {
+        "color": {
+          "background": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "#f6f7fa",
+            "active": "lch(95.3 1.54 272)"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266 / 0.3)",
+            "hover": "#e6e7e9",
+            "active": "#cccfd3"
+          },
+          "text": {
+            "default": "#161517",
+            "hover": "#161517",
+            "active": "#161517"
+          }
+        }
+      }
+    },
+    "card": {
+      "color": {
+        "background": {
+          "default": "#ffffff",
+          "hover": "#f6f7fa",
+          "active": "lch(92.4 1.49 272)",
+          "disabled": "#dfdfdf"
+        },
+        "title": {
+          "default": "#161517",
+          "hover": "#161517",
+          "active": "#161517",
+          "disabled": "#a0a0a0"
+        },
+        "description": {
+          "default": "#696e79",
+          "hover": "#696e79",
+          "active": "#696e79",
+          "disabled": "#a0a0a0"
+        },
+        "link": {
+          "default": "#161517",
+          "hover": "#135be6",
+          "active": "#161517",
+          "disabled": "#a0a0a0"
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)",
+          "hover": "lch(91.6 1.1 266 / 0.3)",
+          "active": "lch(87 1.05 266 / 0.3)",
+          "disabled": "#dfdfdf"
+        }
+      }
+    },
+    "checkbox": {
+      "color": {
+        "background": {
+          "default": "#f6f7fa",
+          "active": "#161517",
+          "disabled-checked": "#dfdfdf",
+          "disabled-unchecked": "#dfdfdf"
+        },
+        "stroke": {
+          "default": "#b3b6bd",
+          "active": "#161517",
+          "disabled": "#c0c0c0"
+        },
+        "check": {
+          "default": "#ffffff",
+          "active": "#ffffff",
+          "disabled": "#a0a0a0"
+        },
+        "label": {
+          "default": "#161517",
+          "disabled": "#a0a0a0",
+          "active": "#161517"
+        }
+      }
+    },
+    "codeblock": {
+      "darkMode": {
+        "color": {
+          "background": {
+            "default": "#282828"
+          },
+          "text": {
+            "default": "#ffffff"
+          },
+          "numbers": {
+            "default": "#c0c0c0"
+          },
+          "button": {
+            "background": {
+              "default": "#282828",
+              "hover": "#53575f"
+            },
+            "foreground": {
+              "default": "#ffffff"
+            }
+          },
+          "stroke": {
+            "default": "#282828"
+          }
+        }
+      },
+      "lightMode": {
+        "color": {
+          "background": {
+            "default": "#f6f7fa"
+          },
+          "text": {
+            "default": "#282828"
+          },
+          "numbers": {
+            "default": "#808080"
+          },
+          "button": {
+            "background": {
+              "default": "#f6f7fa",
+              "hover": "#53575f"
+            },
+            "foreground": {
+              "default": "#a0a0a0"
+            }
+          },
+          "stroke": {
+            "default": "#282828"
+          }
+        }
+      }
+    },
+    "codeInline": {
+      "color": {
+        "background": {
+          "default": "#f6f7fa"
+        },
+        "text": {
+          "default": "#161517"
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)"
+        }
+      }
+    },
+    "contextMenu": {
+      "button": {
+        "background": {
+          "default": "#f6f7fa"
+        },
+        "label": {
+          "default": "#161517"
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)"
+        }
+      },
+      "color": {
+        "text": {
+          "default": "#161517",
+          "disabled": "#c0c0c0",
+          "muted": "#696e79",
+          "hover": "#161517",
+          "active": "#161517"
+        },
+        "background": {
+          "default": "lch(100 0 0)",
+          "hover": "lch(97.5 1.43 272)",
+          "active": "lch(97.5 1.43 272)"
+        }
+      },
+      "stroke": {
+        "default": "lch(91.6 1.1 266 / 0.3)"
+      }
+    },
+    "field": {
+      "color": {
+        "background": {
+          "default": "#f6f7fa",
+          "active": "#ffffff",
+          "disabled": "#dfdfdf",
+          "hover": "#f6f7fa"
+        },
+        "text": {
+          "default": "#302e32",
+          "active": "#161517",
+          "disabled": "#a0a0a0",
+          "hover": "#302e32",
+          "error": "#c10000"
+        },
+        "stroke": {
+          "default": "lch(92 1.05 266 / 0.3)",
+          "active": "#161517",
+          "disabled": "#dfdfdf",
+          "hover": "lch(83.8 2.3 258)",
+          "error": "#c10000"
+        },
+        "label": {
+          "default": "#696e79",
+          "active": "#161517",
+          "disabled": "#a0a0a0",
+          "error": "#c10000"
+        },
+        "format": {
+          "default": "lch(57 5.46 269)",
+          "hover": "lch(57 5.46 269)",
+          "active": "lch(57 5.46 269)",
+          "disabled": "#a0a0a0",
+          "error": "lch(57 5.46 269)"
+        },
+        "placeholder": {
+          "default": "#696e79"
+        }
+      }
+    },
+    "image": {
+      "color": {
+        "stroke": "#161517"
+      }
+    },
+    "popover": {
+      "color": {
+        "background": {
+          "default": "lch(100 0 0)"
+        }
+      }
+    },
+    "sidebar": {
+      "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)"
+            }
+          }
+        }
+      },
+      "main": {
+        "color": {
+          "background": {
+            "default": "#ffffff"
+          },
+          "text": {
+            "default": "#161517",
+            "muted": "#696e79"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266 / 0.3)"
+          }
+        }
+      },
+      "sqlSidebar": {
+        "color": {
+          "background": {
+            "default": "#f6f7fa"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266 / 0.3)"
+          }
+        }
+      }
+    },
+    "switch": {
+      "color": {
+        "background": {
+          "default": "#cccfd3",
+          "active": "#151515",
+          "disabled": "#dfdfdf"
+        },
+        "stroke": {
+          "default": "#cccfd3",
+          "active": "#161517",
+          "disabled": "#dfdfdf"
+        },
+        "indicator": {
+          "default": "#ffffff",
+          "active": "#ffffff",
+          "disabled": "#a0a0a0"
+        }
+      }
+    },
+    "tabs": {
+      "basic": {
+        "color": {
+          "background": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "#f6f7fa",
+            "active": "rgba(0,0,0,0)"
+          },
+          "text": {
+            "default": "#696e79",
+            "hover": "#161517",
+            "active": "#161517"
+          },
+          "stroke": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "rgba(0,0,0,0)",
+            "active": "#151515"
+          },
+          "global": {
+            "default": "lch(91.6 1.1 266 / 0.3)"
+          }
+        }
+      },
+      "file-tabs": {
+        "color": {
+          "background": {
+            "default": "#f6f7fa",
+            "hover": "#ffffff",
+            "active": "#ffffff"
+          },
+          "text": {
+            "default": "#696e79",
+            "hover": "#161517",
+            "active": "#161517"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266 / 0.3)",
+            "hover": "lch(91.6 1.1 266 / 0.3)",
+            "active": "lch(91.6 1.1 266 / 0.3)"
+          }
+        }
+      }
+    },
+    "tooltip": {
+      "color": {
+        "background": {
+          "default": "lch(10.8 0 0 / 0.8)"
+        },
+        "label": {
+          "default": "#ffffff"
+        }
+      }
+    },
+    "stepperVertical": {
+      "icon": {
+        "background": {
+          "default": "#161517",
+          "incomplete": "lch(93.7 0.83 266)",
+          "complete": "#161517"
+        },
+        "foreground": {
+          "default": "#ffffff",
+          "incomplete": "#161517",
+          "complete": "#ffffff"
+        },
+        "stroke": {
+          "default": "#ffffff",
+          "incomplete": "rgba(0,0,0,0)",
+          "complete": "rgba(0,0,0,0)"
+        }
+      },
+      "connector": {
+        "background": {
+          "default": "#161517",
+          "incomplete": "lch(93.7 0.83 266)",
+          "complete": "#161517"
+        }
+      }
+    },
+    "table": {
+      "header": {
+        "color": {
+          "background": {
+            "default": "#f6f7fa"
+          },
+          "title": {
+            "default": "#161517"
+          },
+          "icon": {
+            "default": "#161517"
+          },
+          "checkbox": {
+            "background": {
+              "default": "#cccfd3"
+            },
+            "border": {
+              "default": "#808691"
+            }
+          }
+        }
+      },
+      "row": {
+        "color": {
+          "background": {
+            "default": "#ffffff",
+            "hover": "#dae6fc",
+            "active": "#dae6fc"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266 / 0.3)"
+          },
+          "text": {
+            "default": "#161517"
+          },
+          "link": {
+            "default": "#135be6"
+          },
+          "label": {
+            "default": "#696e79"
+          }
+        }
+      },
+      "global": {
+        "color": {
+          "stroke": {
+            "default": "lch(91.6 1.1 266 / 0.3)"
+          },
+          "background": {
+            "default": "#ffffff"
+          }
+        }
+      }
+    },
+    "avatar": {
+      "color": {
+        "background": {
+          "default": "#696e79",
+          "hover": "#9a9ea7",
+          "active": "#9a9ea7"
+        },
+        "text": {
+          "default": "#ffffff",
+          "hover": "#ffffff",
+          "active": "#ffffff"
+        }
+      }
+    },
+    "separator": {
+      "color": {
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)"
+        }
+      }
+    },
+    "global": {
+      "color": {
+        "background": {
+          "default": "#ffffff",
+          "muted": "#f6f7fa"
+        },
+        "text": {
+          "default": "#161517",
+          "muted": "#696e79",
+          "link": {
+            "default": "#135be6",
+            "hover": "#092e73"
+          }
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)",
+          "muted": "lch(91.6 1.1 266 / 0.3)",
+          "intense": "#b3b6bd"
+        },
+        "accent": {
+          "default": "#151515"
+        },
+        "outline": {
+          "default": "#135be6"
+        }
+      }
+    },
+    "feedback": {
+      "color": {
+        "info": {
+          "background": "#dae6fc",
+          "foreground": "#135be6"
+        },
+        "success": {
+          "background": "#e0f8e7",
+          "foreground": "#1c8439"
+        },
+        "warning": {
+          "background": "#ffedd8",
+          "foreground": "#9e5600"
+        },
+        "danger": {
+          "background": "#ffdddd",
+          "foreground": "#c10000"
+        },
+        "neutral": {
+          "background": "#e6e7e9",
+          "foreground": "#53575f",
+          "stroke": "lch(91.6 1.1 266 / 0.3)"
+        }
+      }
+    },
+    "grid": {
+      "color": {
+        "background": {
+          "header": {
+            "default": "lch(97.2 1.57 272 / 0.7)"
+          },
+          "row": {
+            "default": "#ffffff"
+          }
+        },
+        "text": {
+          "header": {
+            "default": "#696e79"
+          },
+          "row": {
+            "default": "#161517"
+          }
+        },
+        "stroke": {
+          "cell": {
+            "stroke": "lch(91.6 1.1 266 / 0.3)"
+          }
+        }
+      }
+    }
+  }
+}