@pallasoft/ps-core-components 2.1.1 → 2.2.0

package/dist/components/ps-layer.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface PsLayerProps {
+    children: ReactNode;
+    zIndex: number;
+}
+export declare const PsLayer: ({ children, zIndex }: PsLayerProps) => import("react").JSX.Element;

package/dist/components/ps-layer.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsLayer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_layer_context_1 = require("../contexts/ps-layer-context");
+const PsLayer = ({ children, zIndex }) => ((0, jsx_runtime_1.jsx)(ps_layer_context_1.PsLayerContext.Provider, { value: zIndex, children: children }));
+exports.PsLayer = PsLayer;

package/dist/components/ps-spinner.d.ts

@@ -1,6 +1,5 @@
 import type { HTMLAttributes } from 'react';
 export interface PsSpinnerProps extends HTMLAttributes<HTMLDivElement> {
-    /** `current` follows the surrounding text colour, for spinners inside buttons. */
     color?: 'current' | 'primary';
     label?: string;
     size?: 'default' | 'large' | 'small';

package/dist/contexts/ps-layer-context.d.ts

@@ -0,0 +1 @@
+export declare const PsLayerContext: import("react").Context<number | null>;

package/dist/contexts/ps-layer-context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsLayerContext = void 0;
+const react_1 = require("react");
+exports.PsLayerContext = (0, react_1.createContext)(null);

package/dist/hooks/use-ps-layer-z-index.d.ts

@@ -0,0 +1,2 @@
+import { type PallasoftZIndex } from '@pallasoft/ps-design-system';
+export declare const usePsLayerZIndex: (layer: PallasoftZIndex) => number;

package/dist/hooks/use-ps-layer-z-index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsLayerZIndex = void 0;
+const react_1 = require("react");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_layer_context_1 = require("../contexts/ps-layer-context");
+const usePsLayerZIndex = (layer) => ps_design_system_1.PallasoftZIndexService.above((0, react_1.useContext)(ps_layer_context_1.PsLayerContext), layer);
+exports.usePsLayerZIndex = usePsLayerZIndex;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from './components/ps-layer';
 export * from './components/ps-accordion';
 export * from './components/ps-action-tile';
 export * from './components/ps-audio-spectrum';
@@ -24,6 +25,8 @@ export * from './hooks/use-ps-audio-spectrum';
 export * from './hooks/use-ps-exit-transition';
 export * from './hooks/use-ps-hide-on-scroll';
 export * from './hooks/use-ps-invisible-recaptcha';
+export * from './contexts/ps-layer-context';
+export * from './hooks/use-ps-layer-z-index';
 export * from './hooks/use-ps-route-loader-data';
 export * from './hooks/use-ps-viewport';
 export * from './interfaces/ps-component-props';

package/dist/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components/ps-layer"), exports);
 __exportStar(require("./components/ps-accordion"), exports);
 __exportStar(require("./components/ps-action-tile"), exports);
 __exportStar(require("./components/ps-audio-spectrum"), exports);
@@ -40,6 +41,8 @@ __exportStar(require("./hooks/use-ps-audio-spectrum"), exports);
 __exportStar(require("./hooks/use-ps-exit-transition"), exports);
 __exportStar(require("./hooks/use-ps-hide-on-scroll"), exports);
 __exportStar(require("./hooks/use-ps-invisible-recaptcha"), exports);
+__exportStar(require("./contexts/ps-layer-context"), exports);
+__exportStar(require("./hooks/use-ps-layer-z-index"), exports);
 __exportStar(require("./hooks/use-ps-route-loader-data"), exports);
 __exportStar(require("./hooks/use-ps-viewport"), exports);
 __exportStar(require("./interfaces/ps-component-props"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-core-components",
-	"version": "2.1.1",
+	"version": "2.2.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -28,7 +28,7 @@
 		"release": "semantic-release"
 	},
 	"dependencies": {
-		"@pallasoft/ps-design-system": "^1.1.0",
+		"@pallasoft/ps-design-system": "^1.3.0",
 		"@pallasoft/ps-icons": "^1.1.0",
 		"@portabletext/react": "^3.2.4",
 		"@portabletext/types": "^2.0.13",