@linzjs/windows 16.1.0 → 16.2.0

package/dist/panel/PanelBlue.scss

@@ -1,7 +1,8 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as lui;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as lui;
 
-.WindowPanel-blue.WindowPanel-header, .WindowPanel-blue .WindowPanel-header {
-  background: linear-gradient(270deg,#007198,#00425b 100%);
+.WindowPanel-blue.WindowPanel-header,
+.WindowPanel-blue .WindowPanel-header {
+  background: linear-gradient(270deg, #007198, #00425b 100%);
   color: #fff;
 
   svg * {
@@ -10,9 +11,9 @@
 }
 
 .WindowPanel-blue .LuiTab {
-  color: lui.$iceberg
+  color: lui.$iceberg;
 }
 
 .WindowPanel-blue .LuiTab.LuiTab--active {
-  color: lui.$downy
+  color: lui.$downy;
 }

package/dist/panel/index.d.ts

@@ -1,4 +1,3 @@
-export * from './OpenPanelButton';
 export * from './Panel';
 export * from './PanelContext';
 export * from './PanelDock';

package/dist/panel/index.js

@@ -1,4 +1,3 @@
-export * from './OpenPanelButton';
 export * from './Panel';
 export * from './PanelContext';
 export * from './PanelDock';

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,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,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/dist/ribbon/Ribbon.scss

@@ -1,4 +1,4 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as lui;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as lui;
 
 .RibbonButton {
   box-sizing: border-box;
@@ -22,7 +22,8 @@
     background-color: lui.$polar;
   }
 
-  &:disabled, .RibbonButton-disabled  {
+  &:disabled,
+  .RibbonButton-disabled {
     cursor: not-allowed;
     background-color: lui.$disabled-bg-color;
     fill: lui.$fuscous;
@@ -58,7 +59,8 @@
   }
 }
 
-.RibbonButton-selected, .RibbonButton:has(+ *:popover-open) {
+.RibbonButton-selected,
+.RibbonButton:has(+ *:popover-open) {
   cursor: pointer;
   color: lui.$white !important;
   background-color: lui.$sea !important;
@@ -128,7 +130,8 @@ $RibbonSliderMenu-buttonMargin: 2px;
 $RibbonSliderMenu-gap: 6px;
 $RibbonSliderMenu-buttonHalfHeight: 20px;
 
-.RibbonSliderMenu-right, .RibbonSliderMenu-right-down {
+.RibbonSliderMenu-right,
+.RibbonSliderMenu-right-down {
   translate: ($RibbonSliderMenu-buttonMargin) (-$RibbonSliderMenu-gap);
 }
 
@@ -140,7 +143,8 @@ $RibbonSliderMenu-buttonHalfHeight: 20px;
   translate: ($RibbonSliderMenu-buttonMargin) ($RibbonSliderMenu-buttonHalfHeight);
 }
 
-.RibbonSliderMenu-left, .RibbonSliderMenu-left-down {
+.RibbonSliderMenu-left,
+.RibbonSliderMenu-left-down {
   translate: (-$RibbonSliderMenu-buttonMargin) (-$RibbonSliderMenu-gap);
 }
 
@@ -152,7 +156,8 @@ $RibbonSliderMenu-buttonHalfHeight: 20px;
   translate: (-$RibbonSliderMenu-buttonMargin) ($RibbonSliderMenu-gap);
 }
 
-.RibbonSliderMenu-up, .RibbonSliderMenu-up-right {
+.RibbonSliderMenu-up,
+.RibbonSliderMenu-up-right {
   translate: (-$RibbonSliderMenu-gap) (-$RibbonSliderMenu-buttonMargin);
 }
 
@@ -160,7 +165,8 @@ $RibbonSliderMenu-buttonHalfHeight: 20px;
   translate: ($RibbonSliderMenu-gap) ($RibbonSliderMenu-buttonMargin);
 }
 
-.RibbonSliderMenu-down, .RibbonSliderMenu-down-right {
+.RibbonSliderMenu-down,
+.RibbonSliderMenu-down-right {
   translate: (-$RibbonSliderMenu-gap) ($RibbonSliderMenu-buttonMargin);
 }
 

package/dist/ribbon/RibbonMenu.scss

@@ -1,4 +1,4 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as lui;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as lui;
 
 .RibbonMenuSeparator {
   height: 1px;
@@ -7,7 +7,7 @@
 }
 
 .RibbonMenuOption {
-  font-family: "Open Sans", system-ui, sans-serif;
+  font-family: 'Open Sans', system-ui, sans-serif;
   color: lui.$charcoal;
 
   path {
@@ -25,7 +25,7 @@
   padding: 6px 12px;
   line-height: 24px;
   font-size: 16px;
-  align-items: center;;
+  align-items: center;
 
   &:hover {
     background-color: lui.$polar;
@@ -42,4 +42,4 @@
       fill: lui.$disabled-color;
     }
   }
-}
+}

package/package.json

@@ -21,7 +21,7 @@
     },
     "./dist/index.scss": "./dist/index.scss"
   },
-  "version": "16.1.0",
+  "version": "16.2.0",
   "peerDependencies": {
     "@linzjs/lui": ">=23",
     "react": ">=18",
@@ -48,10 +48,12 @@
     "lint:style": "stylelint src/**/*.scss src/**/*.css --fix",
     "lint:oxlint": "oxlint ./src",
     "lint:fix": "oxlint --fix ./src",
+    "format": "oxfmt --write ./src",
+    "format:check": "oxfmt --check ./src",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "chromatic": "chromatic --exit-zero-on-changes",
-    "update": "npx npm-check-updates -i --format group -c 1d"
+    "update": "npx npm-check-updates -i --format group -c 7d"
   },
   "dependencies": {
     "@emotion/cache": "^11.14.0",
@@ -61,18 +63,18 @@
     "react-rnd": "10.5.3"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.3.0",
-    "@linzjs/lui": "^26.0.0",
-    "@linzjs/step-ag-grid": "^32.4.1",
+    "@chromatic-com/storybook": "^5.3.1",
+    "@linzjs/lui": "^27.0.0",
+    "@linzjs/step-ag-grid": "^32.7.1",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "10.5.9",
-    "@storybook/addon-links": "10.5.9",
-    "@storybook/react-vite": "10.5.9",
+    "@storybook/addon-docs": "10.6.0",
+    "@storybook/addon-links": "10.6.0",
+    "@storybook/react-vite": "10.6.0",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.5",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.13.3",
     "@types/react": "^18.3.31",
@@ -83,22 +85,22 @@
     "ag-grid-react": "34.2.0",
     "jsdom": "^27.3.0",
     "oxfmt": "^0.61.0",
-    "oxlint": "^1.79.0",
+    "oxlint": "^1.82.0",
     "react": "^18.3.1",
     "react-dom": "18.3.1",
-    "rollup": "^4.62.4",
+    "rollup": "^4.63.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-esbuild": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "sass": "^1.102.0",
-    "storybook": "10.5.9",
+    "sass": "^1.104.0",
+    "storybook": "10.6.0",
     "stylelint": "^16.26.1",
     "stylelint-config-recommended": "^17.0.0",
     "stylelint-config-recommended-scss": "^16.0.2",
     "stylelint-config-standard": "^39.0.1",
     "stylelint-scss": "6.14.0",
     "typescript": "^7.0.2",
-    "vite": "^8.2.1",
+    "vite": "^8.2.2",
     "vitest": "^4.1.11"
   },
   "browserslist": {

package/dist/panel/OpenPanelButton.d.ts

@@ -1,8 +0,0 @@
-import { OpenPanelOptions } from './PanelsContext';
-interface OpenPanelButtonProps extends OpenPanelOptions {
-    uniqueId?: string;
-    testId?: string;
-    buttonText: string;
-}
-export declare const OpenPanelButton: ({ buttonText, testId, uniqueId, ...openPanelOptions }: OpenPanelButtonProps) => import("react").JSX.Element;
-export {};

package/dist/panel/OpenPanelButton.js

@@ -1,11 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Simple button to open panel and show panel state
-import { useContext } from 'react';
-import { PanelsContext } from './PanelsContext';
-export const OpenPanelButton = ({ buttonText, testId, uniqueId = buttonText, ...openPanelOptions }) => {
-    const { openPanel, closePanel, hidePanel, unhidePanel, hasOpenPanel, hasHiddenPanel } = useContext(PanelsContext);
-    const open = hasOpenPanel(uniqueId);
-    const hidden = hasHiddenPanel(uniqueId);
-    return (_jsxs("div", { children: [_jsxs("b", { children: [buttonText, " ", open ? '(Open)' : ''] }), _jsx("br", {}), !open && (_jsx("button", { "data-testid": testId + 'Open', onClick: () => openPanel({ uniqueId, ...openPanelOptions }), children: "Open" })), open && (_jsxs(_Fragment, { children: [_jsx("button", { "data-testid": testId + 'Close', onClick: () => closePanel(uniqueId), children: "Close" }), hidden ? (_jsx("button", { "data-testid": testId + 'Unhide', onClick: () => unhidePanel(uniqueId), children: "Unhide" })) : (_jsx("button", { "data-testid": testId + 'Hide', onClick: () => hidePanel(uniqueId), children: "Hide" }))] }))] }));
-};
-//# sourceMappingURL=OpenPanelButton.js.map

package/dist/panel/OpenPanelButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OpenPanelButton.js","sourceRoot":"","sources":["../../src/panel/OpenPanelButton.tsx"],"names":[],"mappings":";AAAA,mDAAmD;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAoB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQlE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,MAAM,EACN,QAAQ,GAAG,UAAU,EACrB,GAAG,gBAAgB,EACE,EAAE,EAAE;IACzB,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAElH,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IACxC,OAAO,CACL,0BACE,wBACG,UAAU,OAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAChC,EACJ,cAAM,EAEL,CAAC,IAAI,IAAI,CACR,gCAAqB,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC,qBAExF,CACV,EACA,IAAI,IAAI,CACP,8BACE,gCAAqB,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,sBAEjE,EACR,MAAM,CAAC,CAAC,CAAC,CACR,gCAAqB,MAAM,GAAG,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,uBAEnE,CACV,CAAC,CAAC,CAAC,CACF,gCAAqB,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,qBAE/D,CACV,IACA,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}