@mirror-physics/fractal-ui 0.2.0-next.35 → 0.2.0-next.37
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/index.cjs +10 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +56 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +10 -3
- package/dist/index.d.ts +10 -3
- package/dist/index.js +11 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1046,7 +1046,8 @@ function Tabs({
|
|
|
1046
1046
|
onValueChange,
|
|
1047
1047
|
className,
|
|
1048
1048
|
ariaLabel,
|
|
1049
|
-
divider = false
|
|
1049
|
+
divider = false,
|
|
1050
|
+
variant = "line"
|
|
1050
1051
|
}) {
|
|
1051
1052
|
const reactId = (0, import_react4.useId)();
|
|
1052
1053
|
const [internalValue, setInternalValue] = (0, import_react4.useState)(
|
|
@@ -1108,7 +1109,7 @@ function Tabs({
|
|
|
1108
1109
|
selectTab(nextId2);
|
|
1109
1110
|
requestAnimationFrame(() => tabRefs.current[nextId2]?.focus());
|
|
1110
1111
|
};
|
|
1111
|
-
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("fractal-tabs", divider && "fractal-tabs--divider", className), children: [
|
|
1112
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("fractal-tabs", `fractal-tabs--${variant}`, divider && "fractal-tabs--divider", className), children: [
|
|
1112
1113
|
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1113
1114
|
"div",
|
|
1114
1115
|
{
|
|
@@ -1515,11 +1516,12 @@ function SurfaceGhost({ className, title, lines = 3, ...props }) {
|
|
|
1515
1516
|
var React11 = __toESM(require("react"), 1);
|
|
1516
1517
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
1517
1518
|
var Sidebar = React11.forwardRef(
|
|
1518
|
-
({ className, width, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1519
|
+
({ className, width, compact = false, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1519
1520
|
"aside",
|
|
1520
1521
|
{
|
|
1521
1522
|
ref,
|
|
1522
1523
|
className: cn("fractal-sidebar", className),
|
|
1524
|
+
"data-compact": compact || void 0,
|
|
1523
1525
|
style: { ...style, ...width ? { "--fractal-sidebar-width": width } : {} },
|
|
1524
1526
|
...props
|
|
1525
1527
|
}
|
|
@@ -1539,6 +1541,7 @@ function SidebarAccountMenu({
|
|
|
1539
1541
|
items,
|
|
1540
1542
|
onSelect,
|
|
1541
1543
|
triggerLabel = "Account menu",
|
|
1544
|
+
icon,
|
|
1542
1545
|
className
|
|
1543
1546
|
}) {
|
|
1544
1547
|
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
@@ -1551,7 +1554,10 @@ function SidebarAccountMenu({
|
|
|
1551
1554
|
panelClassName: "fractal-sidebar__account-panel",
|
|
1552
1555
|
selectedValue: "",
|
|
1553
1556
|
triggerClassName: "fractal-sidebar__account-trigger",
|
|
1554
|
-
triggerContent: /* @__PURE__ */ (0, import_jsx_runtime22.
|
|
1557
|
+
triggerContent: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
|
|
1558
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "fractal-sidebar__account-icon", "aria-hidden": "true", children: icon }),
|
|
1559
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "fractal-sidebar__account-name", children: name })
|
|
1560
|
+
] }),
|
|
1555
1561
|
triggerLabel,
|
|
1556
1562
|
triggerVariant: "tertiary"
|
|
1557
1563
|
}
|