@linzjs/windows 11.0.2 → 11.1.0

package/dist/panel/Panel.scss

@@ -1,5 +1,6 @@
 @use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as colors;
 @use "@linzjs/lui/dist/scss/Foundation/Variables/FontVars" as fonts;
+@use "@linzjs/lui/dist/scss/Foundation/Variables/SpacingVars" as spacing;
 
 .WindowPanel, .PopoutWindowContainer  {
   @include fonts.font-regular();
@@ -70,6 +71,19 @@
   }
 }
 
+.WindowPanel-footer {
+  background-color: colors.$snow;
+  border-top: 2px solid colors.$lily;
+  display: flex;
+  flex-direction: row;
+  padding: spacing.$unit-xs spacing.$unit-rg;
+  width: 100%;
+
+  .WindowPanel-footer-left {
+    flex: 1;
+  }
+}
+
 .WindowPanel {
   box-sizing: border-box;
 
@@ -82,6 +96,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/PanelHeaderButton.js

@@ -10,7 +10,7 @@ export const PanelHeaderButton = ({ 'aria-label': ariaLabel, href, icon, onClick
     }, []);
     return (_jsx(LuiButton, { level: 'plain-text', className: 'lui-button-icon-only', size: 'sm', href: href, disabled: disabled, onClick: onClick, openInNewTab: !!href, title: ariaLabel, buttonProps: {
             onTouchStart: onClick,
-            buttonProps: { 'data-noautofocus': true },
+            'data-noautofocus': true,
         }, children: _jsx(LuiIcon, { name: icon, alt: ariaLabel, size: 'md' }) }));
 };
 //# sourceMappingURL=PanelHeaderButton.js.map

package/dist/panel/PanelHeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderButton.js","sourceRoot":"","sources":["../../src/panel/PanelHeaderButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAA0B,EAAE,EAAE;IAC5G,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,sDAAsD;IACtD,oEAAoE;IACpE,eAAe,CAAC,GAAG,EAAE;QACnB,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,sBAAsB,EACjC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,CAAC,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE;YACX,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE;SAC1C,YAED,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,GACzC,CACb,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"PanelHeaderButton.js","sourceRoot":"","sources":["../../src/panel/PanelHeaderButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAA0B,EAAE,EAAE;IAC5G,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,sDAAsD;IACtD,oEAAoE;IACpE,eAAe,CAAC,GAAG,EAAE;QACnB,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,sBAAsB,EACjC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,CAAC,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE;YACX,YAAY,EAAE,OAAO;YACrB,kBAAkB,EAAE,IAAI;SACzB,YAED,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,GACzC,CACb,CAAC;AACJ,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.2",
+  "version": "11.1.0",
   "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",