@clickhouse/click-ui 0.0.0-alpha

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

@@ -0,0 +1,268 @@
+declare const _default: {
+  "click": {
+    "button": {
+      "basic": {
+        "size": {
+          "icon": {
+            "height": "0.75rem",
+            "width": "0.75rem"
+          }
+        },
+        "color": {
+          "primary": {
+            "background": {
+              "default": "#FFC029",
+              "hover": "lch(89.3 45.8 82.1)",
+              "active": "lch(82.6 42.4 82.1)"
+            },
+            "text": {
+              "default": "#151515"
+            },
+            "stroke": {
+              "default": "#FFC029",
+              "hover": "lch(89.3 45.8 82.1)",
+              "active": "lch(82.6 42.4 82.1)"
+            }
+          },
+          "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)",
+              "hover": "#e6e7e9",
+              "active": "lch(83.8 2.3 258)"
+            },
+            "text": {
+              "default": "#161517"
+            }
+          },
+          "danger": {
+            "background": {
+              "default": "#ffdddd",
+              "hover": "#ff9898",
+              "active": "lch(78 26.3 22)"
+            },
+            "text": {
+              "default": "#c10000"
+            }
+          },
+          "disabled": {
+            "background": {
+              "default": "#dfdfdf"
+            },
+            "text": {
+              "default": "#a0a0a0"
+            }
+          }
+        }
+      },
+      "iconButton": {
+        "size": {
+          "small": "0.75rem",
+          "medium": "1rem",
+          "large": "1.25rem"
+        },
+        "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": "#FFC029",
+              "hover": "lch(89.3 45.8 82.1)",
+              "active": "lch(78.5 40.3 82.1)"
+            },
+            "stroke": {
+              "default": "rgba(0,0,0,0)",
+              "hover": "lch(89.3 45.8 82.1)",
+              "active": "lch(78.5 40.3 82.1)"
+            },
+            "text": {
+              "default": "#151515",
+              "hover": "#151515",
+              "active": "#151515"
+            }
+          },
+          "disabled": {
+            "background": {
+              "default": "#dfdfdf"
+            },
+            "text": {
+              "default": "#a0a0a0"
+            }
+          },
+          "danger": {
+            "background": {
+              "default": "#ffdddd",
+              "hover": "#ff9898",
+              "active": "#ffbaba"
+            },
+            "text": {
+              "default": "#c10000"
+            }
+          }
+        }
+      },
+      "split": {
+        "primary": {
+          "background": {
+            "main": {
+              "default": "lch(75 71.4 79.3)",
+              "hover": "lch(81.7 41.9 82.1)",
+              "active": "lch(75.6 38.8 82.1)",
+              "disabled": "lch(81.3 0 0)"
+            },
+            "action": {
+              "default": "lch(71.3 67.8 79.3)",
+              "hover": "lch(77.6 39.8 82.1)",
+              "active": "lch(69.2 35.5 82.1)",
+              "disabled": "lch(74.4 0 0)"
+            }
+          },
+          "text": {
+            "default": "#151515",
+            "hover": "#151515",
+            "active": "#151515",
+            "disabled": "#a0a0a0"
+          },
+          "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(62.4 59.3 79.3)",
+            "hover": "lch(71.5 36.7 82.1)",
+            "active": "lch(66.1 33.9 82.1)",
+            "disabled": "lch(71.1 0 0)"
+          }
+        }
+      },
+      "mobile": {
+        "basic": {
+          "size": {
+            "icon": {
+              "all": "1.25rem"
+            }
+          }
+        }
+      },
+      "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": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "#f6f7fa",
+            "active": "lch(95.3 1.54 272)"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266)",
+            "hover": "#e6e7e9",
+            "active": "#cccfd3"
+          },
+          "text": {
+            "default": "#161517",
+            "hover": "#161517",
+            "active": "#161517"
+          }
+        }
+      }
+    },
+    "card": {
+      "secondary": {
+        "color": {
+          "link": {
+            "default": "#161517",
+            "hover": "#C78F0F",
+            "active": "#161517",
+            "disabled": "#a0a0a0"
+          }
+        }
+      }
+    },
+    "sidebar": {
+      "navigation": {
+        "dragControl": {
+          "separator": {
+            "color": {
+              "default": "#FFC029"
+            }
+          }
+        }
+      },
+      "main": {
+        "color": {
+          "background": {
+            "default": "#2f2c3a"
+          },
+          "text": {
+            "default": "#ffffff",
+            "muted": "#ada8bd"
+          },
+          "stroke": {
+            "default": "#474257"
+          },
+          "item": {
+            "background": {
+              "default": "rgba(0,0,0,0)",
+              "active": "#474257",
+              "hover": "#f6f7fa"
+            },
+            "text": {
+              "default": "#ffffff",
+              "muted": "#ada8bd"
+            }
+          }
+        }
+      }
+    },
+    "global": {
+      "color": {
+        "text": {
+          "link": {
+            "default": "#C78F0F",
+            "hover": "#C78F0F"
+          }
+        }
+      }
+    }
+  },
+  "name": "classic"
+};
+
+export default _default;