@clickhouse/click-ui 0.0.5 → 0.0.7

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

@@ -0,0 +1,947 @@
+declare const _default: {
+  "click": {
+    "accordion": {
+      "color": {
+        "label": {
+          "default": "#ffffff",
+          "hover": "lch(100 0 0)",
+          "active": "#ffffff"
+        },
+        "icon": {
+          "default": "#ffffff",
+          "hover": "lch(100 0 0)",
+          "active": "#ffffff"
+        }
+      }
+    },
+    "alert": {
+      "color": {
+        "background": {
+          "default": "#1F1F1C",
+          "success": "#0e421d",
+          "neutral": "#414141",
+          "danger": "#610000",
+          "warning": "#4f2b00",
+          "info": "#092e73"
+        },
+        "text": {
+          "default": "#b3b6bd",
+          "success": "#81e59d",
+          "neutral": "#c0c0c0",
+          "danger": "#ff7575",
+          "warning": "#ff9416",
+          "info": "#91b3f6"
+        },
+        "iconBackground": {
+          "default": "#1F1F1C",
+          "success": "lch(23.2 29.3 145)",
+          "neutral": "lch(26.7 0 0)",
+          "danger": "lch(18.1 47.8 36)",
+          "warning": "lch(21.2 33.5 64.7)",
+          "info": "lch(19.7 44.1 284)"
+        },
+        "iconForeground": {
+          "default": "#b3b6bd",
+          "success": "lch(83.5 49.5 149 / 0.75)",
+          "neutral": "lch(77.7 0 0 / 0.75)",
+          "danger": "lch(66.6 60.1 26.8 / 0.75)",
+          "warning": "lch(71.9 82.2 64 / 0.75)",
+          "info": "lch(72.4 37.5 271 / 0.75)"
+        }
+      }
+    },
+    "avatar": {
+      "color": {
+        "background": {
+          "default": "#53575f",
+          "hover": "#696e79",
+          "active": "#696e79"
+        },
+        "text": {
+          "default": "#1F1F1C",
+          "hover": "#1F1F1C",
+          "active": "#1F1F1C"
+        }
+      }
+    },
+    "badge": {
+      "color": {
+        "background": {
+          "default": "#1F1F1C",
+          "success": "#0e421d",
+          "neutral": "#414141",
+          "danger": "#610000",
+          "disabled": "#414141",
+          "info": "#092e73",
+          "warning": "#4f2b00"
+        },
+        "text": {
+          "default": "#b3b6bd",
+          "success": "#81e59d",
+          "neutral": "#c0c0c0",
+          "danger": "#ff7575",
+          "disabled": "#808080",
+          "info": "#91b3f6",
+          "warning": "#ff9416"
+        },
+        "stroke": {
+          "default": "lch(27.5 0 0 / 0.3)",
+          "success": "#0e421d",
+          "neutral": "#414141",
+          "danger": "#610000",
+          "disabled": "lch(26.2 0 0)",
+          "info": "#092e73",
+          "warning": "#4f2b00"
+        }
+      }
+    },
+    "bigStat": {
+      "color": {
+        "stroke": {
+          "default": "lch(27.5 0 0 / 0.3)"
+        },
+        "background": {
+          "default": "#1F1F1C"
+        },
+        "label": {
+          "default": "#b3b6bd"
+        },
+        "title": {
+          "default": "#ffffff"
+        }
+      }
+    },
+    "button": {
+      "basic": {
+        "color": {
+          "primary": {
+            "background": {
+              "default": "#FAFF69",
+              "hover": "lch(98.3 49.3 103)",
+              "active": "lch(90.2 65.2 103)",
+              "disabled": "#414141"
+            },
+            "text": {
+              "default": "#1F1F1C",
+              "hover": "#1F1F1C",
+              "active": "#1F1F1C",
+              "disabled": "#808080"
+            },
+            "stroke": {
+              "default": "#FAFF69",
+              "hover": "#FAFF69",
+              "active": "lch(82.5 59.7 103)",
+              "disabled": "#414141"
+            }
+          },
+          "secondary": {
+            "background": {
+              "default": "#1F1F1C",
+              "hover": "#282828",
+              "active": "lch(20.3 0 0)",
+              "disabled": "#414141"
+            },
+            "stroke": {
+              "default": "#414141",
+              "hover": "#53575f",
+              "active": "lch(23.3 2.63 306)",
+              "disabled": "#414141"
+            },
+            "text": {
+              "default": "#ffffff",
+              "hover": "#ffffff",
+              "active": "#ffffff",
+              "disabled": "#808080"
+            }
+          },
+          "danger": {
+            "background": {
+              "default": "#610000",
+              "hover": "#910000",
+              "active": "lch(28.6 65.8 40)",
+              "disabled": "#414141"
+            },
+            "text": {
+              "default": "#ff7575",
+              "hover": "#ff7575",
+              "active": "#ff7575",
+              "disabled": "#808080"
+            },
+            "stroke": {
+              "default": "#610000",
+              "hover": "#910000",
+              "active": "lch(28.6 65.8 40)",
+              "disabled": "#414141"
+            }
+          }
+        }
+      },
+      "split": {
+        "primary": {
+          "background": {
+            "main": {
+              "default": "lch(89.3 64.5 103)",
+              "hover": "lch(89.9 45.1 103)",
+              "active": "lch(82.5 59.7 103)",
+              "disabled": "lch(25.2 0 0)"
+            },
+            "action": {
+              "default": "lch(87.8 63.4 103)",
+              "hover": "lch(82.7 41.5 103)",
+              "active": "lch(72.6 52.5 103)",
+              "disabled": "lch(22.2 0 0)"
+            }
+          },
+          "text": {
+            "default": "#1F1F1C",
+            "hover": "#1F1F1C",
+            "active": "#1F1F1C",
+            "disabled": "#808080"
+          },
+          "stroke": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "rgba(0,0,0,0)",
+            "active": "rgba(0,0,0,0)",
+            "disabled": "rgba(0,0,0,0)"
+          },
+          "divide": {
+            "default": "lch(78.1 56.4 103)",
+            "hover": "lch(78.7 39.5 103)",
+            "active": "lch(72.2 52.2 103)",
+            "disabled": "lch(23.1 0 0)"
+          }
+        }
+      },
+      "group": {
+        "color": {
+          "background": {
+            "default": "#282828",
+            "hover": "lch(19.3 0 0)",
+            "active": "lch(23.4 0 0)",
+            "panel": "#282828"
+          },
+          "text": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "active": "#ffffff"
+          },
+          "stroke": {
+            "panel": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      },
+      "alignedLeft": {
+        "color": {
+          "background": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "#282828",
+            "active": "lch(15.8 0 0)"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)",
+            "hover": "#53575f",
+            "active": "lch(23.3 2.63 306)"
+          },
+          "text": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "active": "#ffffff"
+          }
+        }
+      }
+    },
+    "card": {
+      "secondary": {
+        "color": {
+          "background": {
+            "default": "#1F1F1C",
+            "hover": "#282828",
+            "active": "lch(15.3 0 0)",
+            "disabled": "#414141"
+          },
+          "title": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "active": "#ffffff",
+            "disabled": "#808080"
+          },
+          "description": {
+            "default": "#b3b6bd",
+            "hover": "#b3b6bd",
+            "active": "#b3b6bd",
+            "disabled": "#808080"
+          },
+          "link": {
+            "default": "#ffffff",
+            "hover": "#FAFF69",
+            "active": "#ffffff",
+            "disabled": "#808080"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)",
+            "hover": "lch(27.5 0 0 / 0.3)",
+            "active": "lch(26.1 0 0 / 0.3)",
+            "disabled": "#414141"
+          }
+        }
+      },
+      "primary": {
+        "color": {
+          "background": {
+            "default": "#1F1F1C",
+            "hover": "#282828",
+            "active": "lch(15.3 0 0)",
+            "disabled": "#414141"
+          },
+          "title": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "active": "#ffffff",
+            "disabled": "#808080"
+          },
+          "description": {
+            "default": "#b3b6bd",
+            "hover": "#b3b6bd",
+            "active": "#b3b6bd",
+            "disabled": "#808080"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)",
+            "hover": "lch(27.5 0 0 / 0.3)",
+            "active": "lch(26.1 0 0 / 0.3)",
+            "disabled": "#414141"
+          }
+        }
+      },
+      "horizontal": {
+        "color": {
+          "background": {
+            "default": "#1F1F1C",
+            "hover": "#282828",
+            "active": "lch(15.3 0 0)",
+            "disabled": "#414141"
+          },
+          "title": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "active": "#ffffff",
+            "disabled": "#808080"
+          },
+          "description": {
+            "default": "#b3b6bd",
+            "hover": "#b3b6bd",
+            "active": "#b3b6bd",
+            "disabled": "#808080"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)",
+            "hover": "lch(27.5 0 0 / 0.3)",
+            "active": "lch(26.1 0 0 / 0.3)",
+            "disabled": "#414141"
+          }
+        }
+      }
+    },
+    "checkbox": {
+      "color": {
+        "background": {
+          "default": "#282828",
+          "hover": "#282828",
+          "active": "#FAFF69",
+          "disabled": "#414141"
+        },
+        "stroke": {
+          "default": "#414141",
+          "hover": "#414141",
+          "active": "#FAFF69",
+          "disabled": "#606060"
+        },
+        "check": {
+          "default": "#ffffff",
+          "hover": "#ffffff",
+          "active": "#151515",
+          "disabled": "#a0a0a0"
+        },
+        "label": {
+          "default": "#ffffff",
+          "hover": "#ffffff",
+          "active": "#ffffff",
+          "disabled": "#a0a0a0"
+        }
+      }
+    },
+    "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": "#282828"
+        },
+        "text": {
+          "default": "#ffffff"
+        },
+        "stroke": {
+          "default": "lch(27.5 0 0 / 0.3)"
+        }
+      }
+    },
+    "field": {
+      "color": {
+        "background": {
+          "default": "#282828",
+          "hover": "#282828",
+          "active": "#1F1F1C",
+          "disabled": "#414141",
+          "error": "#1F1F1C"
+        },
+        "text": {
+          "default": "#e6e7e9",
+          "hover": "#e6e7e9",
+          "active": "#ffffff",
+          "disabled": "#808080",
+          "error": "#ff7575"
+        },
+        "stroke": {
+          "default": "lch(31.1 0 0 / 0.3)",
+          "hover": "lch(34.5 0 0 / 0.3)",
+          "active": "#FAFF69",
+          "disabled": "#414141",
+          "error": "#ff7575"
+        },
+        "label": {
+          "default": "#b3b6bd",
+          "hover": "#b3b6bd",
+          "active": "#ffffff",
+          "disabled": "#a0a0a0",
+          "error": "#ff7575"
+        },
+        "format": {
+          "default": "lch(79.2 3.16 269)",
+          "hover": "lch(79.2 3.16 269)",
+          "active": "lch(79.2 3.16 269)",
+          "disabled": "#808080",
+          "error": "lch(79.2 3.16 269)"
+        },
+        "genericLabel": {
+          "default": "#ffffff",
+          "hover": "#ffffff",
+          "active": "#ffffff",
+          "disabled": "#a0a0a0"
+        }
+      }
+    },
+    "genericMenu": {
+      "item": {
+        "color": {
+          "text": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "active": "#ffffff",
+            "disabled": "#c0c0c0",
+            "muted": "#b3b6bd"
+          },
+          "background": {
+            "default": "#282828",
+            "hover": "lch(23.5 0 0)",
+            "active": "lch(23.5 0 0)",
+            "disabled": "#414141"
+          },
+          "format": {
+            "default": "lch(79.2 3.16 269)",
+            "hover": "lch(79.2 3.16 269)",
+            "active": "lch(79.2 3.16 269)",
+            "disabled": "#808080",
+            "error": "lch(79.2 3.16 269)"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      },
+      "button": {
+        "color": {
+          "background": {
+            "default": "#282828"
+          },
+          "label": {
+            "default": "#b3b6bd"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      },
+      "panel": {
+        "color": {
+          "background": {
+            "default": "#282828"
+          },
+          "stroke": {
+            "default": "#414141"
+          }
+        }
+      },
+      "autocomplete": {
+        "color": {
+          "placeholder": {
+            "default": "#b3b6bd"
+          },
+          "searchTerm": {
+            "default": "#ffffff"
+          },
+          "background": {
+            "default": "#282828"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      }
+    },
+    "image": {
+      "color": {
+        "stroke": "#ffffff"
+      }
+    },
+    "panel": {
+      "color": {
+        "background": {
+          "default": "#1F1F1C",
+          "muted": "#282828",
+          "transparent": "rgba(0,0,0,0)"
+        },
+        "stroke": {
+          "default": "lch(27.5 0 0 / 0.3)"
+        }
+      }
+    },
+    "popover": {
+      "color": {
+        "panel": {
+          "background": {
+            "default": "#282828"
+          },
+          "stroke": {
+            "default": "#414141"
+          }
+        }
+      }
+    },
+    "radio": {
+      "color": {
+        "background": {
+          "default": "#282828",
+          "hover": "#282828",
+          "active": "#FAFF69",
+          "disabled": "#414141"
+        },
+        "stroke": {
+          "default": "#414141",
+          "hover": "#414141",
+          "active": "#151515",
+          "disabled": "#606060"
+        },
+        "indicator": {
+          "default": "#1F1F1C",
+          "hover": "#282828",
+          "active": "#151515",
+          "disabled": "#a0a0a0"
+        }
+      }
+    },
+    "separator": {
+      "color": {
+        "stroke": {
+          "default": "lch(27.5 0 0 / 0.3)"
+        }
+      }
+    },
+    "sidebar": {
+      "navigation": {
+        "item": {
+          "color": {
+            "background": {
+              "active": "lch(27.5 0 0 / 0.6)",
+              "hover": "lch(19.1 0 0)",
+              "default": "rgba(0,0,0,0)"
+            },
+            "text": {
+              "default": "#ffffff",
+              "hover": "#ffffff",
+              "active": "#ffffff",
+              "muted": "#b3b6bd"
+            },
+            "icon": {
+              "default": "#b3b6bd"
+            }
+          }
+        },
+        "title": {
+          "color": {
+            "default": "#b3b6bd",
+            "hover": "#b3b6bd",
+            "active": "#b3b6bd"
+          }
+        },
+        "subItem": {
+          "color": {
+            "text": {
+              "default": "#b3b6bd",
+              "hover": "#ffffff",
+              "active": "#ffffff"
+            },
+            "background": {
+              "default": "rgba(0,0,0,0)",
+              "hover": "lch(19.1 0 0)",
+              "active": "rgba(0,0,0,0)"
+            }
+          }
+        }
+      },
+      "main": {
+        "color": {
+          "background": {
+            "default": "#1F1F1C"
+          },
+          "text": {
+            "default": "#ffffff",
+            "muted": "#b3b6bd"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      },
+      "sql-sidebar": {
+        "color": {
+          "background": {
+            "default": "#282828"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      }
+    },
+    "stepperVertical": {
+      "icon": {
+        "background": {
+          "default": "#414141",
+          "incomplete": "lch(45.7 0 0)",
+          "complete": "#414141"
+        },
+        "foreground": {
+          "default": "#ffffff",
+          "incomplete": "#ffffff",
+          "complete": "#ffffff"
+        },
+        "stroke": {
+          "default": "#282828",
+          "incomplete": "rgba(0,0,0,0)",
+          "complete": "rgba(0,0,0,0)"
+        }
+      },
+      "connector": {
+        "background": {
+          "default": "#414141",
+          "incomplete": "lch(45.7 0 0)",
+          "complete": "#414141"
+        }
+      }
+    },
+    "switch": {
+      "color": {
+        "background": {
+          "default": "#606060",
+          "active": "#FAFF69",
+          "disabled": "#808080"
+        },
+        "stroke": {
+          "default": "#606060",
+          "active": "#FAFF69",
+          "disabled": "#808080"
+        },
+        "indicator": {
+          "default": "#151515",
+          "active": "#161517",
+          "disabled": "#606060"
+        }
+      }
+    },
+    "table": {
+      "header": {
+        "color": {
+          "background": {
+            "default": "#282828"
+          },
+          "title": {
+            "default": "#ffffff"
+          },
+          "icon": {
+            "default": "#ffffff"
+          },
+          "checkbox": {
+            "background": {
+              "default": "#cccfd3"
+            },
+            "border": {
+              "default": "#808691"
+            }
+          }
+        }
+      },
+      "row": {
+        "color": {
+          "background": {
+            "default": "#1F1F1C",
+            "hover": "#1d1d1d",
+            "active": "#1d1d1d"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          },
+          "text": {
+            "default": "#ffffff"
+          },
+          "link": {
+            "default": "#FAFF69"
+          },
+          "label": {
+            "default": "#b3b6bd"
+          }
+        }
+      },
+      "global": {
+        "color": {
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          },
+          "background": {
+            "default": "#1F1F1C"
+          }
+        }
+      }
+    },
+    "tabs": {
+      "basic": {
+        "color": {
+          "background": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "#282828",
+            "active": "rgba(0,0,0,0)"
+          },
+          "text": {
+            "default": "#b3b6bd",
+            "hover": "#ffffff",
+            "active": "#ffffff"
+          },
+          "stroke": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "rgba(0,0,0,0)",
+            "active": "#FAFF69"
+          },
+          "global": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      },
+      "fileTabs": {
+        "color": {
+          "background": {
+            "default": "#282828",
+            "hover": "#1F1F1C",
+            "active": "#1F1F1C"
+          },
+          "text": {
+            "default": "#b3b6bd",
+            "hover": "#ffffff",
+            "active": "#ffffff"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)",
+            "hover": "lch(27.5 0 0 / 0.3)",
+            "active": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      }
+    },
+    "toast": {
+      "color": {
+        "title": {
+          "default": "#ffffff"
+        },
+        "description": {
+          "default": "#b3b6bd"
+        },
+        "stroke": {
+          "default": "#414141"
+        },
+        "icon": {
+          "default": "#ffffff",
+          "success": "#81e59d",
+          "warning": "#ff9416",
+          "danger": "#ff7575"
+        }
+      }
+    },
+    "tooltip": {
+      "color": {
+        "background": {
+          "default": "lch(100 0 0 / 0.15)"
+        },
+        "label": {
+          "default": "#ffffff"
+        }
+      }
+    },
+    "dialog": {
+      "color": {
+        "background": {
+          "default": "#1F1F1C"
+        },
+        "title": {
+          "default": "#ffffff"
+        },
+        "description": {
+          "default": "#b3b6bd"
+        },
+        "opaqueBackground": {
+          "default": "lch(97.9 0 0 / 0.45)"
+        }
+      }
+    },
+    "global": {
+      "color": {
+        "background": {
+          "default": "#1F1F1C",
+          "muted": "#282828"
+        },
+        "text": {
+          "default": "#ffffff",
+          "muted": "#b3b6bd",
+          "link": {
+            "default": "#FAFF69",
+            "hover": "#feffba"
+          }
+        },
+        "stroke": {
+          "default": "lch(27.5 0 0 / 0.3)",
+          "muted": "lch(27.5 0 0 / 0.3)",
+          "intense": "#414141"
+        },
+        "accent": {
+          "default": "#FAFF69"
+        },
+        "outline": {
+          "default": "#FAFF69"
+        },
+        "shadow": {
+          "default": "lch(6.77 0 0 / 0.6)"
+        }
+      }
+    },
+    "feedback": {
+      "color": {
+        "info": {
+          "background": "#092e73",
+          "foreground": "#91b3f6"
+        },
+        "success": {
+          "background": "#0e421d",
+          "foreground": "#81e59d"
+        },
+        "warning": {
+          "background": "#4f2b00",
+          "foreground": "#ff9416"
+        },
+        "danger": {
+          "background": "#610000",
+          "foreground": "#ff7575"
+        },
+        "neutral": {
+          "background": "#414141",
+          "foreground": "#c0c0c0",
+          "stroke": "lch(27.5 0 0 / 0.3)"
+        }
+      }
+    },
+    "grid": {
+      "color": {
+        "background": {
+          "header": {
+            "default": "lch(16.1 0 0 / 0.7)"
+          },
+          "row": {
+            "default": "#1F1F1C"
+          }
+        },
+        "text": {
+          "header": {
+            "default": "#b3b6bd"
+          },
+          "row": {
+            "default": "#ffffff"
+          }
+        },
+        "stroke": {
+          "cell": {
+            "stroke": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      }
+    }
+  },
+  "name": "dark"
+};
+
+export default _default;