@clickhouse/click-ui 0.0.0

package/app/src/styles/types.ts

@@ -0,0 +1,1031 @@
+
+      export interface Theme {
+  "click": {
+    "badge": {
+      "space": {
+        "x": string,
+        "y": string
+      },
+      "typography": {
+        "label": {
+          "default": string
+        }
+      },
+      "radii": {
+        "all": string
+      },
+      "stroke": string,
+      "color": {
+        "background": {
+          "default": string,
+          "success": string,
+          "neutral": string,
+          "danger": string,
+          "disabled": string
+        },
+        "text": {
+          "default": string,
+          "success": string,
+          "neutral": string,
+          "danger": string,
+          "disabled": string
+        },
+        "stroke": {
+          "default": string,
+          "success": string,
+          "neutral": string,
+          "danger": string,
+          "disabled": string
+        }
+      }
+    },
+    "big-stat": {
+      "space": {
+        "all": string,
+        "gap": string
+      },
+      "radii": {
+        "all": string
+      },
+      "typography": {
+        "label": {
+          "default": string
+        },
+        "title": {
+          "default": string
+        }
+      },
+      "stroke": string,
+      "color": {
+        "stroke": {
+          "default": string
+        },
+        "background": {
+          "default": string
+        },
+        "label": {
+          "default": string
+        },
+        "large-value": {
+          "default": string
+        }
+      }
+    },
+    "button": {
+      "radii": {
+        "all": string
+      },
+      "basic": {
+        "space": {
+          "x": string,
+          "y": string,
+          "gap": string,
+          "group": string
+        },
+        "typography": {
+          "label": {
+            "default": string,
+            "hover": string,
+            "active": string,
+            "disabled": string
+          },
+          "mobile": {
+            "label": {
+              "default": string,
+              "hover": string,
+              "active": string
+            }
+          }
+        },
+        "size": {
+          "icon": {
+            "all": string
+          }
+        },
+        "color": {
+          "primary": {
+            "background": {
+              "default": string,
+              "hover": string,
+              "active": string
+            },
+            "text": {
+              "default": string
+            },
+            "stroke": {
+              "default": string,
+              "hover": string,
+              "active": string
+            }
+          },
+          "secondary": {
+            "background": {
+              "default": string,
+              "hover": string,
+              "active": string
+            },
+            "stroke": {
+              "default": string,
+              "hover": string,
+              "active": string
+            },
+            "text": {
+              "default": string
+            }
+          },
+          "disabled": {
+            "background": {
+              "default": string
+            },
+            "text": {
+              "default": string
+            }
+          },
+          "danger": {
+            "background": {
+              "default": string,
+              "hover": string,
+              "active": string
+            },
+            "text": {
+              "default": string
+            }
+          }
+        }
+      },
+      "icon-button": {
+        "space": {
+          "1": string,
+          "2": string
+        },
+        "size": {
+          "1": string,
+          "2": string,
+          "3": string
+        }
+      },
+      "stroke": string,
+      "split": {
+        "icon": {
+          "space": {
+            "y": string
+          }
+        },
+        "primary": {
+          "stroke": {
+            "default": string,
+            "active": string,
+            "hover": string
+          },
+          "background": {
+            "main": {
+              "default": string,
+              "hover": string,
+              "active": string
+            },
+            "action": {
+              "default": string,
+              "hover": string,
+              "active": string
+            }
+          },
+          "text": {
+            "default": string
+          }
+        }
+      },
+      "mobile": {
+        "button": {
+          "space": {
+            "x": string,
+            "y": string,
+            "gap": string
+          }
+        },
+        "basic": {
+          "size": {
+            "icon": {
+              "all": string
+            }
+          }
+        }
+      },
+      "button-group": {
+        "radii": {
+          "center": string,
+          "end": string
+        }
+      },
+      "group": {
+        "color": {
+          "background": {
+            "default": string,
+            "hover": string,
+            "active": string,
+            "panel": string
+          },
+          "text": {
+            "default": string,
+            "hover": string,
+            "active": string
+          },
+          "stroke": {
+            "panel": string
+          }
+        }
+      }
+    },
+    "card": {
+      "space": {
+        "all": string,
+        "gap": string
+      },
+      "radii": {
+        "all": string
+      },
+      "icon": {
+        "size": {
+          "all": string
+        }
+      },
+      "typography": {
+        "title": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string
+        },
+        "description": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string
+        },
+        "link": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string
+        }
+      },
+      "color": {
+        "background": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string
+        },
+        "title": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string
+        },
+        "description": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string
+        },
+        "link": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string
+        },
+        "stroke": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string
+        }
+      }
+    },
+    "checkbox": {
+      "radii": {
+        "all": string
+      },
+      "space": {
+        "all": string,
+        "gap": string
+      },
+      "size": {
+        "all": string
+      },
+      "color": {
+        "background": {
+          "default": string,
+          "active": string,
+          "disabled-checked": string,
+          "disabled-unchecked": string
+        },
+        "stroke": {
+          "default": string,
+          "active": string,
+          "disabled": string
+        },
+        "check": {
+          "default": string,
+          "active": string,
+          "disabled": string
+        },
+        "label": {
+          "default": string,
+          "off": string,
+          "disabled": string
+        }
+      }
+    },
+    "code-block": {
+      "space": {
+        "all": string
+      }
+    },
+    "codeblock": {
+      "radii": {
+        "all": string
+      },
+      "stroke": string,
+      "typography": {
+        "text": {
+          "default": string
+        }
+      },
+      "color": {
+        "background": {
+          "default": string,
+          "inline": string
+        },
+        "text": {
+          "default": string,
+          "inline": string
+        },
+        "button": {
+          "default": string,
+          "hover": string,
+          "background": {
+            "default": string,
+            "hover": string
+          },
+          "foreground": {
+            "default": string
+          }
+        },
+        "stroke": {
+          "default": string,
+          "inline": string
+        }
+      }
+    },
+    "code": {
+      "x": string,
+      "stroke": string,
+      "typography": {
+        "text": {
+          "default": string
+        }
+      },
+      "radii": {
+        "all": string
+      }
+    },
+    "context-menu": {
+      "space": {
+        "x": string,
+        "y": string,
+        "gap": string
+      },
+      "typography": {
+        "label": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string
+        }
+      },
+      "radii": {
+        "all": string
+      },
+      "size": {
+        "icon": {
+          "all": string
+        }
+      },
+      "button": {
+        "space": {
+          "gap": string
+        },
+        "background": {
+          "default": string
+        },
+        "label": {
+          "default": string
+        },
+        "stroke": {
+          "default": string
+        }
+      },
+      "color": {
+        "text": {
+          "default": string,
+          "disabled": string,
+          "muted": string,
+          "hover": string,
+          "active": string
+        },
+        "background": {
+          "default": string,
+          "hover": string,
+          "active": string
+        }
+      },
+      "stroke": {
+        "default": string
+      }
+    },
+    "field": {
+      "typography": {
+        "label": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string,
+          "error": string
+        },
+        "field-text": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string,
+          "error": string
+        }
+      },
+      "type": {
+        "mobile": {
+          "label": string,
+          "field-value": string
+        }
+      },
+      "space": {
+        "x": string,
+        "y": string,
+        "gap": string
+      },
+      "size": {
+        "icon": string
+      },
+      "radii": {
+        "all": string
+      },
+      "mobile": {
+        "space": {
+          "x": string,
+          "y": string,
+          "gap": string
+        }
+      },
+      "color": {
+        "background": {
+          "default": string,
+          "active": string,
+          "disabled": string,
+          "hover": string
+        },
+        "text": {
+          "default": string,
+          "active": string,
+          "disabled": string,
+          "hover": string,
+          "error": string
+        },
+        "stroke": {
+          "default": string,
+          "active": string,
+          "disabled": string,
+          "hover": string,
+          "error": string
+        },
+        "label": {
+          "default": string,
+          "active": string,
+          "disabled": string,
+          "error": string
+        },
+        "placeholder": string
+      }
+    },
+    "popover": {
+      "radii": {
+        "all": string
+      },
+      "color": {
+        "background": {
+          "default": string
+        }
+      }
+    },
+    "sidebar": {
+      "item": {
+        "radius": string,
+        "space": {
+          "x": string,
+          "y": string,
+          "gap": string,
+          "left": string
+        }
+      },
+      "typography": {
+        "item": {
+          "default": string,
+          "hover": string,
+          "active": string,
+          "disabled": string
+        },
+        "section-title": {
+          "default": string,
+          "hover": string,
+          "disabled": string
+        },
+        "mobile": {
+          "item": {
+            "default": string,
+            "hover": string,
+            "active": string
+          }
+        }
+      },
+      "item-collapsible": {
+        "space": {
+          "x": string,
+          "y": string,
+          "gap": string
+        }
+      },
+      "mobile": {
+        "item": {
+          "space": {
+            "x": string,
+            "y": string,
+            "gap": string,
+            "left": string
+          }
+        }
+      },
+      "main": {
+        "color": {
+          "background": {
+            "default": string
+          },
+          "item": {
+            "background": {
+              "default": string,
+              "active": string,
+              "hover": string
+            },
+            "text": {
+              "default": string,
+              "muted": string
+            }
+          },
+          "text": {
+            "default": string,
+            "muted": string
+          },
+          "stroke": {
+            "default": string
+          }
+        }
+      },
+      "sql-sidebar": {
+        "color": {
+          "background": {
+            "default": string
+          },
+          "stroke": {
+            "default": string
+          }
+        }
+      }
+    },
+    "switch": {
+      "space": {
+        "gap": string
+      },
+      "radii": {
+        "all": string
+      },
+      "size": {
+        "width": string,
+        "height": string
+      },
+      "color": {
+        "background": {
+          "default": string,
+          "active": string,
+          "disabled": string
+        },
+        "stroke": {
+          "default": string,
+          "active": string,
+          "disabled": string
+        },
+        "indicator": {
+          "default": string,
+          "active": string,
+          "disabled": string
+        }
+      }
+    },
+    "tabs": {
+      "space": {
+        "y": string,
+        "x": string
+      },
+      "radii": {
+        "all": string
+      },
+      "typography": {
+        "label": {
+          "default": string,
+          "hover": string,
+          "active": string
+        }
+      },
+      "basic": {
+        "color": {
+          "background": {
+            "default": string,
+            "hover": string,
+            "selected": string
+          },
+          "text": {
+            "default": string,
+            "hover": string,
+            "selected": string
+          },
+          "accent": {
+            "default": string,
+            "hover": string,
+            "selected": string
+          }
+        }
+      },
+      "file-tabs": {
+        "color": {
+          "background": {
+            "default": string,
+            "hover": string,
+            "active": string
+          },
+          "text": {
+            "default": string,
+            "hover": string,
+            "active": string
+          },
+          "stroke": {
+            "default": string
+          }
+        }
+      }
+    },
+    "docs": {
+      "typography": {
+        "titles": {
+          "lg": string,
+          "md": string,
+          "sm": string
+        },
+        "text": {
+          "default": string
+        },
+        "breadcrumbs": {
+          "default": string,
+          "active": string
+        },
+        "toc": {
+          "title": {
+            "default": string
+          },
+          "item": {
+            "default": string,
+            "hover": string,
+            "active": string
+          }
+        }
+      }
+    },
+    "global": {
+      "color": {
+        "background": {
+          "default": string,
+          "muted": string
+        },
+        "text": {
+          "default": string,
+          "muted": string,
+          "link": {
+            "default": string,
+            "hover": string
+          }
+        },
+        "stroke": {
+          "default": string,
+          "muted": string
+        },
+        "accent": {
+          "default": string
+        },
+        "outline": {
+          "default": string
+        }
+      }
+    },
+    "feedback": {
+      "color": {
+        "info": {
+          "background": string,
+          "foreground": string
+        },
+        "success": {
+          "background": string,
+          "foreground": string
+        },
+        "warning": {
+          "background": string,
+          "foreground": string
+        },
+        "danger": {
+          "background": string,
+          "foreground": string
+        },
+        "neutral": {
+          "background": string,
+          "foreground": string,
+          "stroke": string
+        }
+      }
+    },
+    "grid": {
+      "color": {
+        "background": {
+          "header": {
+            "default": string
+          },
+          "row": {
+            "default": string
+          }
+        },
+        "text": {
+          "header": {
+            "default": string
+          },
+          "row": {
+            "default": string
+          }
+        },
+        "stroke": {
+          "cell": {
+            "stroke": string
+          }
+        }
+      }
+    },
+    "table": {
+      "color": {
+        "header": {
+          "background": string,
+          "text": string
+        },
+        "row": {
+          "background": string,
+          "text": string
+        },
+        "cell": {
+          "stroke": string
+        }
+      }
+    }
+  },
+  "palette": {
+    "brand": {
+      "50": string,
+      "100": string,
+      "200": string,
+      "300": string,
+      "400": string,
+      "500": string,
+      "600": string,
+      "700": string,
+      "800": string,
+      "base": string
+    },
+    "neutral": {
+      "0": string,
+      "100": string,
+      "200": string,
+      "300": string,
+      "400": string,
+      "500": string,
+      "600": string,
+      "700": string,
+      "725": string,
+      "750": string,
+      "800": string,
+      "900": string,
+      "base": string
+    },
+    "slate": {
+      "50": string,
+      "100": string,
+      "200": string,
+      "300": string,
+      "400": string,
+      "500": string,
+      "600": string,
+      "700": string,
+      "800": string,
+      "900": string,
+      "base": string
+    },
+    "indigo": {
+      "50": string,
+      "100": string,
+      "200": string,
+      "300": string,
+      "400": string,
+      "500": string,
+      "600": string,
+      "700": string,
+      "800": string,
+      "900": string,
+      "base": string
+    },
+    "info": {
+      "50": string,
+      "100": string,
+      "200": string,
+      "300": string,
+      "400": string,
+      "500": string,
+      "600": string,
+      "700": string,
+      "800": string,
+      "900": string,
+      "base": string
+    },
+    "success": {
+      "50": string,
+      "100": string,
+      "200": string,
+      "300": string,
+      "400": string,
+      "500": string,
+      "600": string,
+      "700": string,
+      "800": string,
+      "900": string,
+      "base": string
+    },
+    "warning": {
+      "50": string,
+      "100": string,
+      "200": string,
+      "300": string,
+      "400": string,
+      "500": string,
+      "600": string,
+      "700": string,
+      "800": string,
+      "900": string,
+      "base": string
+    },
+    "danger": {
+      "50": string,
+      "100": string,
+      "200": string,
+      "300": string,
+      "400": string,
+      "500": string,
+      "600": string,
+      "700": string,
+      "800": string,
+      "900": string,
+      "base": string
+    },
+    "gradients": {
+      "base": string
+    },
+    "utility": {
+      "transparent": string
+    }
+  },
+  "sizes": {
+    "0": string,
+    "1": string,
+    "2": string,
+    "3": string,
+    "4": string,
+    "5": string,
+    "6": string,
+    "7": string,
+    "8": string,
+    "9": string,
+    "10": string,
+    "11": string
+  },
+  "typography": {
+    "font": {
+      "families": {
+        "regular": string,
+        "mono": string,
+        "display": string
+      },
+      "weights": {
+        "1": string,
+        "2": string,
+        "3": string,
+        "4": string
+      },
+      "sizes": {
+        "1": string,
+        "2": string,
+        "3": string,
+        "4": string,
+        "6": string
+      },
+      "line-height": {
+        "1": string,
+        "2": string,
+        "3": string,
+        "4": string
+      }
+    },
+    "styles": {
+      "titles": {
+        "xs": string,
+        "sm": string,
+        "md": string,
+        "lg": string,
+        "xl": string,
+        "2xl": string
+      },
+      "text": {
+        "sm": string,
+        "md": string,
+        "lg": string
+      },
+      "text-sbold": {
+        "sm": string,
+        "md": string,
+        "lg": string
+      },
+      "text-bold": {
+        "sm": string,
+        "md": string,
+        "lg": string
+      },
+      "text-mono": {
+        "sm": string,
+        "md": string,
+        "lg": string
+      },
+      "titles-brand": {
+        "xs": string,
+        "sm": string,
+        "md": string,
+        "lg": string,
+        "xl": string
+      },
+      "field": {
+        "md": string
+      }
+    }
+  },
+  "border": {
+    "radii": {
+      "0": string,
+      "1": string,
+      "2": string,
+      "full": string
+    },
+    "width": {
+      "1": string,
+      "2": string
+    }
+  },
+  "spaces": {
+    "0": string,
+    "1": string,
+    "2": string,
+    "3": string,
+    "4": string,
+    "5": string,
+    "6": string,
+    "7": string
+  },
+  "shadow": {
+    "1": string,
+    "2": string
+  }
+}
+