datastake-daf 0.6.528 → 0.6.529

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.
@@ -7075,19 +7075,24 @@ function AppLayout({
7075
7075
  };
7076
7076
 
7077
7077
  // Apply theme CSS custom properties
7078
- const layoutStyle = o.useMemo(() => ({
7079
- display: 'flex',
7080
- flexDirection: 'row',
7081
- width: '100vw',
7082
- height: '100dvh',
7083
- maxHeight: '100dvh',
7084
- '--layout-primary-bg': theme.layoutPrimaryBg,
7085
- '--layout-secondary-bg': theme.layoutSecondaryBg,
7086
- '--layout-border-color': theme.layoutBorderColor,
7087
- '--layout-text-primary': theme.layoutTextPrimary,
7088
- '--layout-text-secondary': theme.layoutTextSecondary,
7089
- '--layout-hover-bg': theme.layoutHoverBg
7090
- }), [theme]);
7078
+ const layoutStyle = o.useMemo(() => {
7079
+ const style = {
7080
+ display: 'flex',
7081
+ flexDirection: 'row',
7082
+ width: '100vw',
7083
+ height: '100dvh',
7084
+ maxHeight: '100dvh'
7085
+ };
7086
+
7087
+ // Only add CSS custom properties if they are defined in the theme
7088
+ if (theme.layoutPrimaryBg) style['--layout-primary-bg'] = theme.layoutPrimaryBg;
7089
+ if (theme.layoutSecondaryBg) style['--layout-secondary-bg'] = theme.layoutSecondaryBg;
7090
+ if (theme.layoutBorderColor) style['--layout-border-color'] = theme.layoutBorderColor;
7091
+ if (theme.layoutTextPrimary) style['--layout-text-primary'] = theme.layoutTextPrimary;
7092
+ if (theme.layoutTextSecondary) style['--layout-text-secondary'] = theme.layoutTextSecondary;
7093
+ if (theme.layoutHoverBg) style['--layout-hover-bg'] = theme.layoutHoverBg;
7094
+ return style;
7095
+ }, [theme]);
7091
7096
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
7092
7097
  style: layoutStyle,
7093
7098
  className: "components-layout",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "datastake-daf",
3
- "version": "0.6.528",
3
+ "version": "0.6.529",
4
4
  "dependencies": {
5
5
  "@ant-design/icons": "^5.2.5",
6
6
  "@antv/g2": "^5.1.1",
@@ -219,19 +219,25 @@ function AppLayout({
219
219
  };
220
220
 
221
221
  // Apply theme CSS custom properties
222
- const layoutStyle = useMemo(() => ({
223
- display: 'flex',
224
- flexDirection: 'row',
225
- width: '100vw',
226
- height: '100dvh',
227
- maxHeight: '100dvh',
228
- '--layout-primary-bg': theme.layoutPrimaryBg,
229
- '--layout-secondary-bg': theme.layoutSecondaryBg,
230
- '--layout-border-color': theme.layoutBorderColor,
231
- '--layout-text-primary': theme.layoutTextPrimary,
232
- '--layout-text-secondary': theme.layoutTextSecondary,
233
- '--layout-hover-bg': theme.layoutHoverBg,
234
- }), [theme]);
222
+ const layoutStyle = useMemo(() => {
223
+ const style = {
224
+ display: 'flex',
225
+ flexDirection: 'row',
226
+ width: '100vw',
227
+ height: '100dvh',
228
+ maxHeight: '100dvh',
229
+ };
230
+
231
+ // Only add CSS custom properties if they are defined in the theme
232
+ if (theme.layoutPrimaryBg) style['--layout-primary-bg'] = theme.layoutPrimaryBg;
233
+ if (theme.layoutSecondaryBg) style['--layout-secondary-bg'] = theme.layoutSecondaryBg;
234
+ if (theme.layoutBorderColor) style['--layout-border-color'] = theme.layoutBorderColor;
235
+ if (theme.layoutTextPrimary) style['--layout-text-primary'] = theme.layoutTextPrimary;
236
+ if (theme.layoutTextSecondary) style['--layout-text-secondary'] = theme.layoutTextSecondary;
237
+ if (theme.layoutHoverBg) style['--layout-hover-bg'] = theme.layoutHoverBg;
238
+
239
+ return style;
240
+ }, [theme]);
235
241
 
236
242
  return (
237
243
  <div
@@ -0,0 +1 @@
1
+