@owp/core 2.5.10 → 2.5.12

package/dist/components/OwpTreeGrid/internal/treeGridTheme.js

@@ -1,6 +1,6 @@
-var S = Object.defineProperty;
-var l = (e, o) => S(e, "name", { value: o, configurable: !0 });
-const w = "owp-tree-grid-theme", b = [
+var f = Object.defineProperty;
+var l = (e, r) => f(e, "name", { value: r, configurable: !0 });
+const d = "owp-tree-grid-theme", S = "owp-tree-grid-table-radius", s = [
   "TS",
   "TW",
   "TB",
@@ -17,134 +17,135 @@ const w = "owp-tree-grid-theme", b = [
   "CR",
   "CP",
   "CC"
-], v = [
+], v = "#CDD8E4";
+const F = [
   {
     cssVariableName: "--owp-tree-grid-body-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.body) == null ? void 0 : o.backgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.body) == null ? void 0 : r.backgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-body-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.body) == null ? void 0 : o.color;
+      var r;
+      return (r = e == null ? void 0 : e.body) == null ? void 0 : r.color;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-body-fill-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.body) == null ? void 0 : o.fillBackgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.body) == null ? void 0 : r.fillBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-row-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.row) == null ? void 0 : o.backgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.row) == null ? void 0 : r.backgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-row-solid-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.row) == null ? void 0 : o.solidBackgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.row) == null ? void 0 : r.solidBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-row-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverRowBackgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverRowBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-row-border-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverRowBorderColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverRowBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-selected-row-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.selectedRowBackgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.selectedRowBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-selected-cell-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.selectedCellBackgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.selectedCellBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-row-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedRowBackgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedRowBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-row-border-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedRowBorderColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedRowBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-cell-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverCellBackgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverCellBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-cell-border-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverCellBorderColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverCellBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-cell-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedCellBackgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedCellBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-cell-border-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedCellBorderColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedCellBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-editing-cell-border-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.editingCellBorderColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.editingCellBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-cell-rect-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedCellRectBackgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedCellRectBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-changed-background-color",
     getValue: /* @__PURE__ */ l((e) => {
-      var o;
-      return (o = e == null ? void 0 : e.changed) == null ? void 0 : o.backgroundColor;
+      var r;
+      return (r = e == null ? void 0 : e.changed) == null ? void 0 : r.backgroundColor;
     }, "getValue")
   }
-], f = [
+], E = [
   {
     cssVariableName: "--owp-tree-grid-header-background-color",
     getValue: /* @__PURE__ */ l((e) => e.header.backgroundColor, "getValue")
@@ -165,45 +166,45 @@ const w = "owp-tree-grid-theme", b = [
     cssVariableName: "--owp-tree-grid-cell-font-size",
     getValue: /* @__PURE__ */ l((e) => C(e.cell.fontSize), "getValue")
   }
-], t = /* @__PURE__ */ l((e, o) => ({
-  backgroundColor: `var(${e}, ${o}) !important`
-}), "createTreeGridBackgroundColorStyle"), i = /* @__PURE__ */ l((e) => ({
+], t = /* @__PURE__ */ l((e, r) => ({
+  backgroundColor: `var(${e}, ${r}) !important`
+}), "createTreeGridBackgroundColorStyle"), p = /* @__PURE__ */ l((e) => ({
   backgroundColor: `var(${e}) !important`
-}), "createTreeGridOptionalBackgroundColorStyle"), r = /* @__PURE__ */ l(({
+}), "createTreeGridOptionalBackgroundColorStyle"), o = /* @__PURE__ */ l(({
   rowSuffix: e,
-  suffixes: o,
-  descendant: c = "",
-  withChildren: d = !1
-}) => b.flatMap((s) => o.flatMap((a) => {
-  const u = `.${w}`, n = e ? ` .${s}${e}` : "", p = `${u}${n} .${s}${a}${c}`;
-  return d ? [p, `${p} *`] : [p];
-})).join(", "), "createTreeGridSelectors"), F = /* @__PURE__ */ l(({
+  suffixes: r,
+  descendant: a = "",
+  withChildren: u = !1
+}) => s.flatMap((i) => r.flatMap((n) => {
+  const b = `.${d}`, w = e ? ` .${i}${e}` : "", c = `${b}${w} .${i}${n}${a}`;
+  return u ? [c, `${c} *`] : [c];
+})).join(", "), "createTreeGridSelectors"), g = /* @__PURE__ */ l(({
   ancestorSuffixes: e,
-  suffixes: o,
-  descendant: c = ""
-}) => b.flatMap((d) => e.flatMap((s) => o.map((a) => `.${w} .${d}${s} .${d}${a}${c}`))).join(", "), "createTreeGridNestedSelectors"), H = r({
+  suffixes: r,
+  descendant: a = ""
+}) => s.flatMap((u) => e.flatMap((i) => r.map((n) => `.${d} .${u}${i} .${u}${n}${a}`))).join(", "), "createTreeGridNestedSelectors"), B = o({
   suffixes: ["Main"],
   withChildren: !0
-}), k = r({
+}), k = o({
   suffixes: ["Main"]
-}), V = r({
+}), H = o({
   suffixes: ["ClassReadOnly"],
   withChildren: !0
-}), B = r({
+}), G = o({
   suffixes: ["MainTable"]
-}), E = r({
+}), R = `.${d}.${S}`, V = s.map((e) => `.${d}.${S} .${e}MainTable`).join(", "), x = `${R}::before`, $ = s.map((e) => `.${d}.${S} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), _ = s.map((e) => `.${d}.${S} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::before`).join(", "), D = s.map((e) => `.${d}.${S} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::after`).join(", "), y = o({
   suffixes: ["FillRow"]
-}), R = r({
+}), I = o({
   suffixes: ["SolidRow"]
-}), G = r({
+}), N = s.map((e) => `.${d} .${e}ToolbarRow.${e}SolidRow`).join(", "), m = o({
   suffixes: ["ColorDefault"]
-}), x = r({
+}), A = o({
   suffixes: ["ColorDefaultRow"]
-}), y = r({
+}), L = o({
   rowSuffix: "HeaderRow",
   suffixes: ["CellHeader", "CellIndex", "GanttHeaderBase", "LevelButton"],
   withChildren: !0
-}), g = r({
+}), O = o({
   rowSuffix: "HeaderRow",
   suffixes: [
     "CellHeader",
@@ -216,38 +217,38 @@ const w = "owp-tree-grid-theme", b = [
     "HeaderFocus",
     "HeaderDrag"
   ]
-}), N = r({
+}), M = o({
   suffixes: ["ColorHovered"]
-}), D = r({
+}), z = o({
   suffixes: ["ColorHoveredRow"]
-}), $ = r({
+}), P = o({
   suffixes: ["HoverRowBorder"]
-}), _ = r({
+}), W = o({
   suffixes: ["ColorSelected", "ColorSelectedCell"]
-}), I = r({
+}), j = o({
   suffixes: ["ColorSelected", "ColorSelectedCell"],
   descendant: " *"
-}), M = r({
+}), U = o({
   suffixes: ["ColorSelectedRow"]
-}), O = r({
+}), h = o({
   suffixes: ["ColorFocused"]
-}), L = r({
+}), Y = o({
   suffixes: ["ColorFocusedRow"]
-}), A = r({
+}), X = o({
   suffixes: ["FocusRowBorder"]
-}), z = r({
+}), Q = o({
   suffixes: ["ColorHoveredCell", "ColorHoveredCellIndex"]
-}), P = r({
+}), q = o({
   suffixes: ["HoverCellBorder"]
-}), W = r({
+}), J = o({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"]
-}), j = r({
+}), K = o({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"],
   descendant: " *"
-}), X = F({
+}), Z = g({
   ancestorSuffixes: ["HoverCellBorder"],
   suffixes: ["ColorPreview", "ColorPreviewDynamic", "ColorViewedCell"]
-}), Q = r({
+}), T = o({
   suffixes: [
     "ColorHoveredCellSpace",
     "ColorHoveredCellSpaceEdit",
@@ -261,18 +262,18 @@ const w = "owp-tree-grid-theme", b = [
     "ColorHoveredCellTab",
     "ColorHoveredCellTab1"
   ]
-}), Y = r({
+}), ee = o({
   suffixes: ["ColorFocusedCell", "ColorFocusedCellRelative"]
-}), q = r({
+}), re = o({
   suffixes: ["ColorFocusedCellRect"]
-}), J = r({
+}), oe = o({
   suffixes: ["FocusCellBorder"]
-}), K = r({
+}), le = o({
   suffixes: ["FocusCellCorner"]
-}), U = r({
+}), te = o({
   suffixes: ["ClassFocusedCellSpaceEdit", "ClassFocusedCellSpaceDefaults"],
   descendant: " > div"
-}), Z = r({
+}), ae = o({
   suffixes: [
     "ColorFocusedCellSafari",
     "ColorFocusedCellSpace",
@@ -281,22 +282,22 @@ const w = "owp-tree-grid-theme", b = [
     "ColorFocusedCellSpaceBool",
     "ColorFocusedCellButton"
   ]
-}), h = r({
+}), de = o({
   suffixes: ["ClassHoveredCellSpaceEdit", "ClassHoveredCellSpaceDefaults"],
   descendant: " > div"
-}), m = r({
+}), ce = o({
   suffixes: ["ClassHoveredCellButtonButton", "ClassHoveredCellButtonButton1"],
   descendant: " u"
-}), T = r({
+}), se = o({
   suffixes: ["ClassHoveredCellTab", "ClassHoveredCellTab1"]
-}), ee = r({
+}), ue = o({
   suffixes: ["ColorChangedCell"]
-}), oe = r({
+}), ie = o({
   suffixes: ["EditCellBorder"]
-}), re = r({
+}), ne = o({
   suffixes: ["EditCellCorner"]
-}), ce = {
-  [H]: {
+}), we = {
+  [B]: {
     fontSize: "var(--owp-tree-grid-cell-font-size, 13px)",
     fontWeight: "normal",
     lineHeight: "16px"
@@ -304,159 +305,226 @@ const w = "owp-tree-grid-theme", b = [
   [k]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [V]: {
+  [H]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [B]: t(
+  [G]: t(
     "--owp-tree-grid-body-background-color",
     "#FFFFFF"
   ),
-  [E]: i(
+  [R]: {
+    position: "relative"
+  },
+  [V]: {
+    borderBottom: "0 !important",
+    borderRadius: "var(--owp-tree-grid-table-border-radius, .8rem) var(--owp-tree-grid-table-border-radius, .8rem) 0 0",
+    clipPath: "inset(0 round var(--owp-tree-grid-table-border-radius, .8rem) var(--owp-tree-grid-table-border-radius, .8rem) 0 0)",
+    overflow: "hidden"
+  },
+  [x]: {
+    border: `1px solid ${v}`,
+    borderBottom: 0,
+    borderRadius: "var(--owp-tree-grid-table-border-radius, .8rem) var(--owp-tree-grid-table-border-radius, .8rem) 0 0",
+    boxSizing: "border-box",
+    content: '""',
+    display: "block",
+    height: "var(--owp-tree-grid-table-border-radius, .8rem)",
+    left: 0,
+    pointerEvents: "none",
+    position: "absolute",
+    right: 0,
+    top: 0,
+    zIndex: 2
+  },
+  [$]: {
+    borderTopColor: "transparent !important",
+    overflow: "visible",
+    position: "relative"
+  },
+  [_]: {
+    border: `1px solid ${v}`,
+    borderBottomLeftRadius: "var(--owp-tree-grid-table-border-radius, .8rem)",
+    borderBottomRightRadius: "var(--owp-tree-grid-table-border-radius, .8rem)",
+    borderTop: 0,
+    boxSizing: "border-box",
+    content: '""',
+    display: "block",
+    height: "var(--owp-tree-grid-table-border-radius, .8rem)",
+    left: 0,
+    pointerEvents: "none",
+    position: "absolute",
+    right: 0,
+    top: 0,
+    transform: "translateY(-100%)",
+    zIndex: 2
+  },
+  [D]: {
+    backgroundImage: "radial-gradient(circle at right top, transparent calc(var(--owp-tree-grid-table-border-radius, .8rem) - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) var(--owp-tree-grid-table-border-radius, .8rem)), radial-gradient(circle at left top, transparent calc(var(--owp-tree-grid-table-border-radius, .8rem) - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) var(--owp-tree-grid-table-border-radius, .8rem))",
+    backgroundPosition: "left top, right top",
+    backgroundRepeat: "no-repeat",
+    backgroundSize: "var(--owp-tree-grid-table-border-radius, .8rem) var(--owp-tree-grid-table-border-radius, .8rem), var(--owp-tree-grid-table-border-radius, .8rem) var(--owp-tree-grid-table-border-radius, .8rem)",
+    content: '""',
+    display: "block",
+    height: "var(--owp-tree-grid-table-border-radius, .8rem)",
+    left: 0,
+    pointerEvents: "none",
+    position: "absolute",
+    right: 0,
+    top: 0,
+    transform: "translateY(-100%)",
+    zIndex: 1
+  },
+  [y]: p(
     "--owp-tree-grid-body-fill-background-color"
   ),
-  [R]: i(
+  [I]: p(
     "--owp-tree-grid-row-solid-background-color"
   ),
-  [G]: t(
+  [N]: p(
+    "--owp-tree-grid-toolbar-row-background-color"
+  ),
+  [m]: t(
     "--owp-tree-grid-row-background-color",
     "#FFFFFF"
   ),
-  [x]: t(
+  [A]: t(
     "--owp-tree-grid-row-background-color",
     "#FFFFFE"
   ),
-  [y]: {
+  [L]: {
     color: "var(--owp-tree-grid-header-color, #ffffff) !important",
     fontSize: "var(--owp-tree-grid-header-font-size, 14px) !important",
     fontWeight: "var(--owp-tree-grid-header-font-weight, normal) !important",
     lineHeight: "16px"
   },
-  [g]: {
+  [O]: {
     backgroundColor: "var(--owp-tree-grid-header-background-color, #586980) !important",
     color: "var(--owp-tree-grid-header-color, #ffffff) !important"
   },
-  [N]: t(
+  [M]: t(
     "--owp-tree-grid-hover-row-background-color",
     "#F0F0FF"
   ),
-  [D]: t(
+  [z]: t(
     "--owp-tree-grid-hover-row-background-color",
     "#EEE"
   ),
-  [$]: {
+  [P]: {
     borderTopColor: "var(--owp-tree-grid-hover-row-border-color) !important",
     borderBottomColor: "var(--owp-tree-grid-hover-row-border-color) !important"
   },
-  [_]: t(
+  [W]: t(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [I]: t(
+  [j]: t(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [M]: t(
+  [U]: t(
     "--owp-tree-grid-selected-row-background-color",
     "#EEE"
   ),
-  [O]: t(
+  [h]: t(
     "--owp-tree-grid-focused-row-background-color",
     "#E6E6E6"
   ),
-  [L]: t(
+  [Y]: t(
     "--owp-tree-grid-focused-row-background-color",
     "#EEE"
   ),
-  [A]: {
+  [X]: {
     borderColor: "var(--owp-tree-grid-focused-row-border-color) !important"
   },
-  [z]: t(
+  [Q]: t(
     "--owp-tree-grid-hover-cell-background-color",
     "#BFDDF2"
   ),
-  [P]: {
+  [q]: {
     backgroundColor: "var(--owp-tree-grid-hover-cell-background-color) !important",
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [W]: t(
+  [J]: t(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [j]: t(
+  [K]: t(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [X]: i(
+  [Z]: p(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [Q]: i(
+  [T]: p(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [h]: {
+  [de]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [m]: {
+  [ce]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [T]: {
+  [se]: {
     borderTopColor: "var(--owp-tree-grid-hover-cell-border-color) !important",
     borderBottomColor: "var(--owp-tree-grid-hover-cell-border-color) !important",
     outlineColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [Y]: t(
+  [ee]: t(
     "--owp-tree-grid-focused-cell-background-color",
     "#FFFFFE"
   ),
-  [q]: {
+  [re]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-rect-background-color) !important"
   },
-  [J]: {
+  [oe]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [K]: {
+  [le]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [U]: {
+  [te]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [Z]: i(
+  [ae]: p(
     "--owp-tree-grid-focused-cell-background-color"
   ),
-  [ee]: t(
+  [ue]: t(
     "--owp-tree-grid-changed-background-color",
     "#EEE"
   ),
-  [oe]: {
+  [ie]: {
     borderColor: "var(--owp-tree-grid-editing-cell-border-color) !important"
   },
-  [re]: {
+  [ne]: {
     backgroundColor: "var(--owp-tree-grid-editing-cell-border-color) !important"
   }
-}, C = /* @__PURE__ */ l((e) => typeof e == "number" ? `${e}px` : e, "toTreeGridCssValue"), le = /* @__PURE__ */ l((e, o, c) => {
-  c && (e[o] = c);
-}, "setOptionalTreeGridCssVariable"), ae = /* @__PURE__ */ l(({
+}, C = /* @__PURE__ */ l((e) => typeof e == "number" ? `${e}px` : e, "toTreeGridCssValue"), be = /* @__PURE__ */ l((e, r, a) => {
+  a && (e[r] = a);
+}, "setOptionalTreeGridCssVariable"), Se = /* @__PURE__ */ l(({
   width: e,
-  height: o,
-  treeGridTheme: c,
-  gridThemeConfig: d,
-  containerStyle: s
+  height: r,
+  treeGridTheme: a,
+  gridThemeConfig: u,
+  containerStyle: i,
+  tableBorderRadius: n
 }) => {
-  const a = {
-    height: o,
+  const b = {
+    height: r,
     width: e
   };
-  for (const { cssVariableName: u, getValue: n } of v)
-    le(a, u, n(d));
-  for (const { cssVariableName: u, getValue: n } of f)
-    a[u] = n(c);
-  return {
-    ...a,
-    ...s
+  for (const { cssVariableName: w, getValue: c } of F)
+    be(b, w, c(u));
+  for (const { cssVariableName: w, getValue: c } of E)
+    b[w] = c(a);
+  return n !== void 0 && (b["--owp-tree-grid-table-border-radius"] = C(n)), {
+    ...b,
+    ...i
   };
 }, "createTreeGridThemeContainerStyle");
 export {
-  w as TREE_GRID_THEME_WRAPPER_CLASS,
-  ae as createTreeGridThemeContainerStyle,
-  ce as treeGridThemeStyles
+  S as TREE_GRID_THEME_TABLE_RADIUS_CLASS,
+  d as TREE_GRID_THEME_WRAPPER_CLASS,
+  Se as createTreeGridThemeContainerStyle,
+  we as treeGridThemeStyles
 };
 //# sourceMappingURL=treeGridTheme.js.map