@clickhouse/click-ui 0.0.126 → 0.0.127
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/click-ui.es.js
CHANGED
|
@@ -9728,6 +9728,7 @@ const Badge = ({
|
|
|
9728
9728
|
] }) });
|
|
9729
9729
|
const BigStat = ({
|
|
9730
9730
|
fillWidth = false,
|
|
9731
|
+
maxWidth,
|
|
9731
9732
|
height = "6rem",
|
|
9732
9733
|
label = "Label",
|
|
9733
9734
|
order = "titleTop",
|
|
@@ -9735,7 +9736,7 @@ const BigStat = ({
|
|
|
9735
9736
|
spacing = "sm",
|
|
9736
9737
|
state = "default",
|
|
9737
9738
|
title = "Title"
|
|
9738
|
-
}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$b, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, children: [
|
|
9739
|
+
}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$b, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, children: [
|
|
9739
9740
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Label, { $state: state, $size: size2, children: label }),
|
|
9740
9741
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Title$3, { $state: state, $size: size2, children: title })
|
|
9741
9742
|
] });
|
|
@@ -9743,6 +9744,7 @@ const Wrapper$b = styled.div.withConfig({
|
|
|
9743
9744
|
componentId: "sc-u5029o-0"
|
|
9744
9745
|
})(["display:flex;justify-content:center;box-sizing:border-box;", ""], ({
|
|
9745
9746
|
$fillWidth = false,
|
|
9747
|
+
$maxWidth = "none",
|
|
9746
9748
|
$state = "default",
|
|
9747
9749
|
$size = "lg",
|
|
9748
9750
|
$height = "fixed",
|
|
@@ -9760,6 +9762,7 @@ const Wrapper$b = styled.div.withConfig({
|
|
|
9760
9762
|
min-height: ${$height !== void 0 ? `${$height}` : "auto"};
|
|
9761
9763
|
flex-direction: ${$order === "titleBottom" ? "column-reverse" : "column"};
|
|
9762
9764
|
width: ${$fillWidth === true ? "100%" : "auto"};
|
|
9765
|
+
max-width: ${$maxWidth ? $maxWidth : "none"};
|
|
9763
9766
|
`);
|
|
9764
9767
|
const Label = styled.div.withConfig({
|
|
9765
9768
|
componentId: "sc-u5029o-1"
|
package/dist/click-ui.umd.js
CHANGED
|
@@ -9745,6 +9745,7 @@ var __publicField = (obj, key, value) => {
|
|
|
9745
9745
|
] }) });
|
|
9746
9746
|
const BigStat = ({
|
|
9747
9747
|
fillWidth = false,
|
|
9748
|
+
maxWidth,
|
|
9748
9749
|
height = "6rem",
|
|
9749
9750
|
label = "Label",
|
|
9750
9751
|
order = "titleTop",
|
|
@@ -9752,7 +9753,7 @@ var __publicField = (obj, key, value) => {
|
|
|
9752
9753
|
spacing = "sm",
|
|
9753
9754
|
state = "default",
|
|
9754
9755
|
title = "Title"
|
|
9755
|
-
}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$b, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, children: [
|
|
9756
|
+
}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$b, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, children: [
|
|
9756
9757
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Label, { $state: state, $size: size2, children: label }),
|
|
9757
9758
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Title$3, { $state: state, $size: size2, children: title })
|
|
9758
9759
|
] });
|
|
@@ -9760,6 +9761,7 @@ var __publicField = (obj, key, value) => {
|
|
|
9760
9761
|
componentId: "sc-u5029o-0"
|
|
9761
9762
|
})(["display:flex;justify-content:center;box-sizing:border-box;", ""], ({
|
|
9762
9763
|
$fillWidth = false,
|
|
9764
|
+
$maxWidth = "none",
|
|
9763
9765
|
$state = "default",
|
|
9764
9766
|
$size = "lg",
|
|
9765
9767
|
$height = "fixed",
|
|
@@ -9777,6 +9779,7 @@ var __publicField = (obj, key, value) => {
|
|
|
9777
9779
|
min-height: ${$height !== void 0 ? `${$height}` : "auto"};
|
|
9778
9780
|
flex-direction: ${$order === "titleBottom" ? "column-reverse" : "column"};
|
|
9779
9781
|
width: ${$fillWidth === true ? "100%" : "auto"};
|
|
9782
|
+
max-width: ${$maxWidth ? $maxWidth : "none"};
|
|
9780
9783
|
`);
|
|
9781
9784
|
const Label = styled.div.withConfig({
|
|
9782
9785
|
componentId: "sc-u5029o-1"
|
|
@@ -5,6 +5,7 @@ export type bigStatSpacing = "sm" | "lg";
|
|
|
5
5
|
export type bigStatState = "default" | "muted";
|
|
6
6
|
export interface BigStatProps {
|
|
7
7
|
fillWidth?: boolean;
|
|
8
|
+
maxWidth?: string;
|
|
8
9
|
height?: string;
|
|
9
10
|
label: React.ReactNode;
|
|
10
11
|
order?: bigStatOrder;
|
|
@@ -13,4 +14,4 @@ export interface BigStatProps {
|
|
|
13
14
|
state?: bigStatState;
|
|
14
15
|
title: React.ReactNode;
|
|
15
16
|
}
|
|
16
|
-
export declare const BigStat: ({ fillWidth, height, label, order, size, spacing, state, title, }: BigStatProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const BigStat: ({ fillWidth, maxWidth, height, label, order, size, spacing, state, title, }: BigStatProps) => import("react/jsx-runtime").JSX.Element;
|