@linzjs/windows 11.0.3 → 11.1.1

package/dist/panel/Panel.scss

@@ -70,6 +70,19 @@
   }
 }
 
+.WindowPanel-footer {
+  background-color: colors.$snow;
+  border-top: 2px solid colors.$lily;
+  display: flex;
+  flex-direction: row;
+  padding: 12px;
+  width: 100%;
+
+  .WindowPanel-footer-left {
+    flex: 1;
+  }
+}
+
 .WindowPanel {
   box-sizing: border-box;
 
@@ -82,6 +95,18 @@
   .WindowPanel-header {
     border-radius: 9px 9px 0 0;
   }
+
+  .WindowPanel-footer {
+    border-radius: 0 0 9px 9px;
+  }
+
+  &:where(:has(.WindowPanel-header)) {
+    // If the content is the last child, it means there is no footer, so we need to apply the border radius to the content element.
+    // Use :where() to reduce css specificity so that overriding in downstream apps is easier.
+    .WindowPanel-content:where(:last-child) {
+      border-radius: 0 0 9px 9px;
+    }
+  }
 }
 
 %WindowPanel-divider {

package/dist/panel/PanelFooter.d.ts

@@ -0,0 +1,6 @@
+export interface PanelFooterProps {
+    className?: string | undefined;
+}
+export declare const PanelFooter: import("react").ForwardRefExoticComponent<PanelFooterProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/panel/PanelFooter.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const PanelFooter = forwardRef(function PanelFooterFr({ children, className }, ref) {
+    return (_jsx("div", { className: clsx(`WindowPanel-footer`, className), ref: ref, children: children }));
+});
+//# sourceMappingURL=PanelFooter.js.map

package/dist/panel/PanelFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.js","sourceRoot":"","sources":["../../src/panel/PanelFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAMtD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAsD,SAAS,aAAa,CAC/G,EAAE,QAAQ,EAAE,SAAS,EAAE,EACvB,GAAG;IAEH,OAAO,CACL,cAAK,SAAS,EAAE,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,YAC5D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/panel/index.d.ts

@@ -2,6 +2,7 @@ export * from './OpenPanelButton';
 export * from './Panel';
 export * from './PanelContext';
 export * from './PanelDock';
+export * from './PanelFooter';
 export * from './PanelHeader';
 export * from './PanelHeaderButton';
 export * from './PanelInline';

package/dist/panel/index.js

@@ -2,6 +2,7 @@ export * from './OpenPanelButton';
 export * from './Panel';
 export * from './PanelContext';
 export * from './PanelDock';
+export * from './PanelFooter';
 export * from './PanelHeader';
 export * from './PanelHeaderButton';
 export * from './PanelInline';

package/dist/panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}

package/package.json

@@ -21,7 +21,7 @@
     },
     "./dist/index.scss": "./dist/index.scss"
   },
-  "version": "11.0.3",
+  "version": "11.1.1",
   "peerDependencies": {
     "@linzjs/lui": ">=23",
     "react": ">=18",
@@ -62,7 +62,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.1.2",
-    "@linzjs/lui": "^24.14.0",
+    "@linzjs/lui": "^24.16.0",
     "@linzjs/step-ag-grid": "^31.2.2",
     "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-json": "^6.1.0",