dirk-cfx-react 1.1.80 → 1.1.81
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/components/index.cjs +29 -7
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +5 -1
- package/dist/components/index.d.ts +5 -1
- package/dist/components/index.js +29 -7
- package/dist/components/index.js.map +1 -1
- package/dist/index.cjs +29 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +29 -7
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5852,25 +5852,46 @@ function AdminPageTitle(props) {
|
|
|
5852
5852
|
/* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", tt: "uppercase", lts: "0.1em", size: "sm", c: "rgba(255,255,255,0.6)", children: locale(props.title) })
|
|
5853
5853
|
] });
|
|
5854
5854
|
}
|
|
5855
|
-
function SwitchPanel({
|
|
5855
|
+
function SwitchPanel({
|
|
5856
|
+
label: label2,
|
|
5857
|
+
description: description2,
|
|
5858
|
+
checked,
|
|
5859
|
+
onChange,
|
|
5860
|
+
disabled,
|
|
5861
|
+
thumbIcon,
|
|
5862
|
+
compact
|
|
5863
|
+
}) {
|
|
5856
5864
|
const theme2 = useMantineTheme();
|
|
5857
5865
|
const pc = theme2.colors[theme2.primaryColor];
|
|
5866
|
+
const bg = compact ? alpha(theme2.colors.dark[6], 0.5) : alpha(theme2.colors.dark[5], 0.35);
|
|
5867
|
+
const border = compact ? "0.1vh solid rgba(255,255,255,0.04)" : "0.1vh solid rgba(255,255,255,0.05)";
|
|
5858
5868
|
return /* @__PURE__ */ jsxs(
|
|
5859
5869
|
Flex,
|
|
5860
5870
|
{
|
|
5861
5871
|
justify: "space-between",
|
|
5862
5872
|
align: "center",
|
|
5863
|
-
|
|
5873
|
+
px: compact ? "xs" : "xs",
|
|
5874
|
+
py: compact ? "xxs" : "xs",
|
|
5864
5875
|
style: {
|
|
5865
|
-
background:
|
|
5866
|
-
border
|
|
5876
|
+
background: bg,
|
|
5877
|
+
border,
|
|
5867
5878
|
borderRadius: theme2.radius.xs,
|
|
5868
5879
|
opacity: disabled ? 0.5 : 1
|
|
5869
5880
|
},
|
|
5870
5881
|
children: [
|
|
5871
5882
|
/* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "xxs", style: { flex: 1, minWidth: 0 }, children: [
|
|
5872
|
-
typeof label2 === "string" ? /* @__PURE__ */ jsx(
|
|
5873
|
-
|
|
5883
|
+
typeof label2 === "string" ? compact ? /* @__PURE__ */ jsx(
|
|
5884
|
+
Text,
|
|
5885
|
+
{
|
|
5886
|
+
ff: "Akrobat Bold",
|
|
5887
|
+
size: "xxs",
|
|
5888
|
+
c: "rgba(255,255,255,0.85)",
|
|
5889
|
+
tt: "uppercase",
|
|
5890
|
+
lts: "0.05em",
|
|
5891
|
+
children: label2
|
|
5892
|
+
}
|
|
5893
|
+
) : /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", c: "rgba(255,255,255,0.85)", children: label2 }) : label2,
|
|
5894
|
+
description2 && (typeof description2 === "string" ? /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: compact ? "rgba(255,255,255,0.4)" : "rgba(255,255,255,0.45)", children: description2 }) : description2)
|
|
5874
5895
|
] }),
|
|
5875
5896
|
/* @__PURE__ */ jsx(
|
|
5876
5897
|
Switch,
|
|
@@ -5878,7 +5899,8 @@ function SwitchPanel({ label: label2, description: description2, checked, onChan
|
|
|
5878
5899
|
checked,
|
|
5879
5900
|
disabled,
|
|
5880
5901
|
onChange: (e) => onChange(e.currentTarget.checked),
|
|
5881
|
-
size: "md",
|
|
5902
|
+
size: compact ? "sm" : "md",
|
|
5903
|
+
thumbIcon,
|
|
5882
5904
|
styles: {
|
|
5883
5905
|
track: {
|
|
5884
5906
|
background: checked ? alpha(pc[6], 0.4) : "rgba(255,255,255,0.08)",
|